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/pkg-profile/medication/index.tsx

@@ -9,9 +9,11 @@ import {
   deleteReminder,
   type MedicationReminder,
 } from '../../../services/medication-reminder';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 export default function MedicationReminder() {
+  const modeClass = useElderClass();
   const [reminders, setReminders] = useState<MedicationReminder[]>([]);
   const [loading, setLoading] = useState(true);
   const [showForm, setShowForm] = useState(false);
@@ -96,7 +98,7 @@ export default function MedicationReminder() {
 
   if (loading) {
     return (
-      <View className='medication-page'>
+      <View className={`medication-page ${modeClass}`}>
         <Text className='page-title'>用药提醒</Text>
         <View style={{ padding: '40px 0', textAlign: 'center' }}>
           <Text style={{ color: '#94A3B8', fontSize: '28px' }}>加载中...</Text>
@@ -106,7 +108,7 @@ export default function MedicationReminder() {
   }
 
   return (
-    <View className='medication-page'>
+    <View className={`medication-page ${modeClass}`}>
       <Text className='page-title'>用药提醒</Text>
 
       <View className='reminder-list'>