feat(miniprogram): 关怀模式 Phase 2 — Design Token + 15 页面批量接入

- 新建 useElderClass hook，替代每页 3 行样板代码
- 新建 CSS 自定义属性 Design Token 系统（tokens.scss）
  正常/关怀两套值：字号、间距、触控、布局参数
- 15 个页面批量接入关怀模式 class：
  TabBar: 商城页
  主流程: 预约列表/详情/创建、咨询详情
  子包: 体征录入/趋势/日常监测/告警、用药/档案/随访/报告/家庭/设置
- 新建 elder-toast 工具（关怀模式 3s + 触觉反馈）
- 页面覆盖率：4/59 → 22/59 (37%)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

apps/miniprogram/src/pages/messages/index.tsx

@@ -6,7 +6,7 @@ import { notificationService } from '../../services/notification';
 import Loading from '../../components/Loading';
 import GuestGuard from '../../components/GuestGuard';
 import { useAuthStore } from '../../stores/auth';
-import { useUIStore } from '../../stores/ui';
+import { useElderClass } from '../../hooks/useElderClass';
 import './index.scss';
 
 type MsgTab = 'consultation' | 'notification';
@@ -30,8 +30,7 @@ const NOTIFY_ICONS: Record<string, { icon: string; bg: string; color: string }>
 
 export default function Messages() {
   const user = useAuthStore((s) => s.user);
-  const { mode } = useUIStore();
-  const modeClass = mode === 'elder' ? 'elder-mode' : '';
+  const modeClass = useElderClass();
   const [activeTab, setActiveTab] = useState<MsgTab>('consultation');
   const [sessions, setSessions] = useState<ConsultationSession[]>([]);
   const [notifications, setNotifications] = useState<NotificationItem[]>([]);