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

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

apps/miniprogram/src/styles/mixins.scss

@@ -3,7 +3,7 @@
 @mixin card {
   background: $card;
   border-radius: $r;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: $shadow-md;
   padding: 24px;
   margin: 0 24px 20px;
 }
@@ -18,3 +18,27 @@
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
 }
+
+@mixin serif-number {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-variant-numeric: tabular-nums;
+}
+
+@mixin section-title {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+  margin-bottom: 20px;
+  display: block;
+}
+
+@mixin tag($bg, $color) {
+  display: inline-block;
+  padding: 4px 12px;
+  border-radius: $r-sm;
+  font-size: 20px;
+  font-weight: 500;
+  background: $bg;
+  color: $color;
+}

apps/miniprogram/src/styles/variables.scss

@@ -1,21 +1,33 @@
-// 医疗清新主题 — 青色主调
-$pri: #0891B2;
-$pri-l: #E0F7FA;
-$pri-d: #065A73;
-$pri-surface: #ECFEFF;
-$acc: #059669;
-$acc-l: #D1FAE5;
-$bg: #F0FDFA;
-$card: #FFFFFF;
-$tx: #134E4A;
-$tx2: #6B7280;
-$tx3: #94A3B8;
-$bd: #E5E7EB;
-$bd-l: #F3F4F6;
-$dan: #DC2626;
-$dan-l: #FEE2E2;
-$wrn: #D97706;
-$wrn-l: #FEF3C7;
+// 温润东方风设计系统 — Warm Eastern Design
+// 赤土橙 #C4623A 贯穿全场，米底留白呼吸
+
+// ─── 色彩 ───
+$pri: #C4623A;           // 赤土橙 (accent)
+$pri-l: #F0DDD4;          // 赤土浅
+$pri-d: #8B3E1F;          // 赤土深
+$pri-surface: #F5F0EB;    // 温润米底
+$acc: #5B7A5E;             // 鼠尾草绿 (success)
+$acc-l: #E8F0E8;           // 成功浅
+$bg: #F5F0EB;              // 主背景 (warm cream)
+$card: #FFFFFF;            // 卡片白
+$surface-alt: #EDE8E2;     // 辅助底
+$tx: #2D2A26;              // 主文字 (warm black)
+$tx2: #7A756E;             // 次文字 (warm gray)
+$tx3: #A8A29E;             // 淡文字
+$bd: #E8E2DC;              // 边框
+$bd-l: #F0EBE5;            // 浅边框
+$dan: #B54A4A;             // 危险 (muted red)
+$dan-l: #FDEAEA;           // 危险浅
+$wrn: #C4873A;             // 警告 (warm amber)
+$wrn-l: #FFF3E0;           // 警告浅
+
+// ─── 圆角 ───
 $r: 12px;
 $r-sm: 8px;
 $r-lg: 16px;
+$r-pill: 999px;
+
+// ─── 阴影 ───
+$shadow-sm: 0 1px 4px rgba(45, 42, 38, 0.04);
+$shadow-md: 0 2px 12px rgba(45, 42, 38, 0.08);
+$shadow-lg: 0 8px 32px rgba(45, 42, 38, 0.12);