feat(miniprogram): 温润东方风全面 UI 重设计

73 文件变更，覆盖全部 40 个页面 SCSS + TabBar 图标 + 组件样式。
统一赤陶主色 #C4623A + 暖米背景 + 衬线标题字体 + 12px 圆角体系。

apps/miniprogram/src/pages/login/index.scss

@@ -1,4 +1,5 @@
 @import '../../styles/variables.scss';
+@import '../../styles/mixins.scss';
 
 .login-scroll {
   height: 100vh;
@@ -6,105 +7,132 @@
 
 .login-page {
   min-height: 100vh;
-  background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
+  background: $bg;
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 120px 60px 60px;
+  padding: 160px 56px 80px;
 }
 
-.login-header {
+/* ─── 品牌区 ─── */
+.login-brand {
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-bottom: 120px;
+  margin-bottom: 80px;
 }
 
 .login-logo {
-  width: 120px;
-  height: 120px;
-  background: rgba(255, 255, 255, 0.2);
-  border-radius: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 30px;
+  width: 128px;
+  height: 128px;
+  border-radius: $r-lg;
+  background: $pri;
+  @include flex-center;
+  margin-bottom: 36px;
+  box-shadow: 0 8px 24px rgba($pri, 0.3);
 }
 
-.login-logo-text {
-  font-size: 60px;
-  color: white;
+.login-logo-mark {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-size: 64px;
+  color: #fff;
   font-weight: bold;
+  line-height: 1;
 }
 
 .login-title {
+  font-family: 'Georgia', 'Times New Roman', serif;
   font-size: 48px;
-  color: white;
+  color: $tx;
   font-weight: bold;
   margin-bottom: 12px;
 }
 
 .login-subtitle {
-  font-size: 28px;
-  color: rgba(255, 255, 255, 0.8);
+  font-size: 26px;
+  color: $tx2;
+  letter-spacing: 0.05em;
 }
 
-.login-btn {
-  width: 100%;
-  height: 88px;
-  background: white;
-  color: $pri;
-  font-size: 32px;
-  font-weight: bold;
-  border-radius: $r;
-  border: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+/* ─── 装饰线 ─── */
+.login-divider {
+  width: 48px;
+  margin-bottom: 64px;
 }
 
+.login-divider-line {
+  height: 3px;
+  background: $pri;
+  border-radius: 2px;
+  opacity: 0.4;
+}
+
+/* ─── 登录按钮 ─── */
 .login-body {
   width: 100%;
 }
 
+.login-btn {
+  width: 100%;
+  height: 96px;
+  background: $pri;
+  color: #fff;
+  font-size: 32px;
+  font-weight: 600;
+  border-radius: $r;
+  border: none;
+  @include flex-center;
+  letter-spacing: 0.04em;
+  box-shadow: 0 4px 16px rgba($pri, 0.25);
+
+  &::after {
+    border: none;
+  }
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+/* ─── 协议 ─── */
 .agreement-row {
   display: flex;
   align-items: flex-start;
-  margin-top: 32px;
+  margin-top: 40px;
   gap: 12px;
   width: 100%;
 }
 
-.checkbox {
+.agreement-check {
   width: 32px;
   height: 32px;
-  border: 2px solid rgba(255, 255, 255, 0.6);
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  border: 2px solid $bd;
+  border-radius: $r-sm;
+  @include flex-center;
   flex-shrink: 0;
   margin-top: 2px;
+  transition: all 0.2s;
+
+  &.checked {
+    background: $pri;
+    border-color: $pri;
+  }
 }
 
-.checkbox.checked {
-  background: white;
-  border-color: white;
-}
-
-.check-mark {
-  font-size: 22px;
-  color: $pri;
+.agreement-check-mark {
+  font-size: 20px;
+  color: #fff;
   font-weight: bold;
+  line-height: 1;
 }
 
 .agreement-text {
-  font-size: 24px;
-  color: rgba(255, 255, 255, 0.8);
-  line-height: 1.6;
+  font-size: 22px;
+  color: $tx2;
+  line-height: 1.7;
 }
 
 .agreement-link {
-  color: white;
-  font-weight: bold;
+  color: $pri;
+  font-weight: 500;
 }