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/pages/messages/index.scss

@@ -0,0 +1,194 @@
+@import '../../styles/variables.scss';
+@import '../../styles/mixins.scss';
+
+.messages-page {
+  min-height: 100vh;
+  background: $bg;
+  padding-bottom: calc(120px + env(safe-area-inset-bottom));
+}
+
+/* ─── 页头 ─── */
+.messages-header {
+  padding: 24px 32px 8px;
+}
+
+.messages-title {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-size: 36px;
+  font-weight: bold;
+  color: $tx;
+}
+
+/* ─── Tab 切换 ─── */
+.msg-tabs {
+  display: flex;
+  padding: 16px 24px 0;
+  gap: 0;
+}
+
+.msg-tab {
+  flex: 1;
+  height: $tab-h;
+  @include flex-center;
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+.msg-tab-text {
+  font-size: 28px;
+  font-weight: 600;
+  color: $tx2;
+}
+
+.msg-tab-active .msg-tab-text {
+  color: $pri;
+}
+
+.msg-tab-indicator {
+  padding: 0 24px;
+  height: 3px;
+  background: $bd-l;
+  margin-bottom: 16px;
+}
+
+.msg-tab-bar {
+  width: 50%;
+  height: 3px;
+  background: $pri;
+  border-radius: 2px;
+  transition: transform 0.2s;
+
+  &.msg-tab-bar-right {
+    transform: translateX(100%);
+  }
+}
+
+/* ─── 内容区 ─── */
+.msg-content {
+  padding: 0 24px;
+}
+
+.msg-empty {
+  background: $card;
+  border-radius: $r;
+  padding: 48px 24px;
+  text-align: center;
+  box-shadow: $shadow-sm;
+}
+
+.msg-empty-text {
+  font-size: 26px;
+  color: $tx2;
+}
+
+/* ─── 咨询卡片 ─── */
+.consult-card {
+  display: flex;
+  align-items: center;
+  background: $card;
+  border-radius: $r;
+  padding: 24px;
+  margin-bottom: 12px;
+  box-shadow: $shadow-sm;
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+.consult-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.consult-doctor {
+  font-size: 28px;
+  font-weight: 600;
+  color: $tx;
+  display: block;
+  margin-bottom: 6px;
+}
+
+.consult-preview {
+  font-size: 24px;
+  color: $tx2;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.consult-meta {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 8px;
+  flex-shrink: 0;
+  margin-left: 16px;
+}
+
+.consult-time {
+  font-size: 22px;
+  color: $tx2;
+}
+
+.consult-badge {
+  min-width: 24px;
+  height: 24px;
+  border-radius: 12px;
+  background: $dan;
+  @include flex-center;
+  padding: 0 6px;
+}
+
+.consult-badge-text {
+  font-size: 18px;
+  color: #fff;
+  font-weight: 600;
+}
+
+/* ─── 通知卡片 ─── */
+.notify-card {
+  display: flex;
+  align-items: center;
+  background: $card;
+  border-radius: $r;
+  padding: 24px;
+  margin-bottom: 12px;
+  box-shadow: $shadow-sm;
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+.notify-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.notify-title {
+  font-size: 28px;
+  font-weight: 600;
+  color: $tx;
+  display: block;
+  margin-bottom: 6px;
+}
+
+.notify-desc {
+  font-size: 24px;
+  color: $tx2;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.notify-time {
+  font-size: 22px;
+  color: $tx2;
+  flex-shrink: 0;
+  margin-left: 16px;
+}