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

@@ -7,6 +7,7 @@ import { TEMPLATE_IDS } from '@/services/wechat-templates';
 import { trackEvent } from '@/services/analytics';
 import StepIndicator from '../../../components/StepIndicator';
 import WeekCalendar from '../../../components/WeekCalendar';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 const DEPARTMENTS = [
@@ -44,6 +45,7 @@ export default function AppointmentCreate() {
   const [loading, setLoading] = useState(false);
   const [schedules, setSchedules] = useState<any[]>([]);
   const [timeSlots, setTimeSlots] = useState<TimeSlot[]>([]);
+  const modeClass = useElderClass();
 
   const currentPatient = useAuthStore((s) => s.currentPatient);
 
@@ -148,7 +150,7 @@ export default function AppointmentCreate() {
   };
 
   return (
-    <View className='create-page'>
+    <View className={`create-page ${modeClass}`}>
       <StepIndicator
         steps={[{ label: '选科室' }, { label: '选医生' }, { label: '选时段' }]}
         current={currentStep}