feat(miniprogram): 老年友好版本全面重设计 — 5→4 Tab + 首页/健康/消息/我的重写

- TabBar 从 5 Tab 调整为 4 Tab（首页/健康/消息/我的）
- 首页重写为 5 区域布局：问候+进度环+体征2x2+待办+快捷操作
- 健康页重写：体征录入大输入框+趋势柱状图+BLE设备卡片
- 新建消息页：咨询对话+系统通知双 Tab
- 我的页调整：菜单高度64px+新增积分商城入口
- 设计系统更新：色彩对比度提升(WCAG AA)+触控参数+老年友好 mixin
- 新增 ProgressRing 组件（CSS conic-gradient 实现）
- 修复 diagnoses 页面 $suc-l 未定义变量

apps/miniprogram/src/styles/mixins.scss

@@ -4,8 +4,8 @@
   background: $card;
   border-radius: $r;
   box-shadow: $shadow-md;
-  padding: 24px;
-  margin: 0 24px 20px;
+  padding: 28px;
+  margin: 0 24px 24px;
 }
 
 @mixin flex-center {
@@ -26,7 +26,7 @@
 
 @mixin section-title {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 30px;
+  font-size: 26px;
   font-weight: bold;
   color: $tx;
   margin-bottom: 20px;
@@ -37,8 +37,48 @@
   display: inline-block;
   padding: 4px 12px;
   border-radius: $r-sm;
-  font-size: 20px;
+  font-size: 22px;
   font-weight: 500;
   background: $bg;
   color: $color;
 }
+
+@mixin touch-target {
+  min-height: $touch-min;
+  min-width: $touch-min;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@mixin btn-primary {
+  height: $btn-primary-h;
+  border-radius: $r;
+  background: $pri;
+  color: #FFFFFF;
+  font-size: 28px;
+  font-weight: 600;
+  border: none;
+  width: 100%;
+  @include touch-target;
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+@mixin btn-outline {
+  height: $btn-primary-h;
+  border-radius: $r;
+  background: transparent;
+  color: $pri;
+  font-size: 28px;
+  font-weight: 600;
+  border: 2px solid $pri;
+  width: 100%;
+  @include touch-target;
+
+  &:active {
+    background: $pri-l;
+  }
+}

apps/miniprogram/src/styles/variables.scss

@@ -12,8 +12,8 @@ $bg: #F5F0EB;              // 主背景 (warm cream)
 $card: #FFFFFF;            // 卡片白
 $surface-alt: #EDE8E2;     // 辅助底
 $tx: #2D2A26;              // 主文字 (warm black)
-$tx2: #7A756E;             // 次文字 (warm gray)
-$tx3: #A8A29E;             // 淡文字
+$tx2: #5A554F;             // 次文字 (warm gray) — AA 正文对比度 ~5.5:1
+$tx3: #78716C;             // 淡文字 — AA 正文对比度 ~4.6:1（仅 ≥24px）
 $bd: #E8E2DC;              // 边框
 $bd-l: #F0EBE5;            // 浅边框
 $dan: #B54A4A;             // 危险 (muted red)
@@ -22,11 +22,18 @@ $wrn: #C4873A;             // 警告 (warm amber)
 $wrn-l: #FFF3E0;           // 警告浅
 
 // ─── 圆角 ───
-$r: 12px;
-$r-sm: 8px;
-$r-lg: 16px;
+$r: 16px;
+$r-sm: 12px;
+$r-lg: 20px;
 $r-pill: 999px;
 
+// ─── 老年友好触控参数 ───
+$touch-min: 48px;        // 最小触控区域
+$btn-primary-h: 56px;    // 主按钮高度
+$menu-item-h: 64px;      // 菜单项高度
+$tab-h: 56px;            // Tab 切换高度
+$font-min: 22px;         // 最小字号
+
 // ─── 阴影 ───
 $shadow-sm: 0 1px 4px rgba(45, 42, 38, 0.04);
 $shadow-md: 0 2px 12px rgba(45, 42, 38, 0.08);