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/reports/index.tsx

@@ -4,9 +4,11 @@ import Taro, { useDidShow, usePullDownRefresh, useReachBottom } from '@tarojs/ta
 import { listReports, LabReport } from '../../../services/report';
 import EmptyState from '../../../components/EmptyState';
 import Loading from '../../../components/Loading';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 export default function MyReports() {
+  const modeClass = useElderClass();
   const [reports, setReports] = useState<LabReport[]>([]);
   const [page, setPage] = useState(1);
   const [total, setTotal] = useState(0);
@@ -65,7 +67,7 @@ export default function MyReports() {
   };
 
   return (
-    <View className='my-reports-page'>
+    <View className={`my-reports-page ${modeClass}`}>
       <Text className='page-title'>检查报告</Text>
 
       <View className='report-list'>