fix(miniprogram): 关怀模式非线性放大重构 + 3 页面接入

- elder-mode.scss: 等比×1.3改为非线性放大（标题×1.15/正文×1.35/辅助×1.55）
- 体征网格从2列改为1列，解决放大后溢出问题
- 行高从1.5提升到1.7，对比度$tx3→$tx2增强可读性
- 健康页/消息页/咨询页接入useUIStore关怀模式
- 共享组件(EmptyState/ErrorState/Loading/StepIndicator)适配关怀模式
- 触控区域统一提升到56px+

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

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

@@ -3,6 +3,7 @@ import { View, Text } from '@tarojs/components';
 import Taro, { useDidShow, usePullDownRefresh, useReachBottom } from '@tarojs/taro';
 import { listConsultations, ConsultationSession } from '@/services/consultation';
 import Loading from '../../components/Loading';
+import { useUIStore } from '../../stores/ui';
 import './index.scss';
 
 function getStatusTag(status: string) {
@@ -33,6 +34,8 @@ export default function Consultation() {
   const [sessions, setSessions] = useState<ConsultationSession[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState('');
+  const { mode } = useUIStore();
+  const modeClass = mode === 'elder' ? 'elder-mode' : '';
   const [page, setPage] = useState(1);
   const [total, setTotal] = useState(0);
   const loadingRef = useRef(false);
@@ -85,68 +88,84 @@ export default function Consultation() {
   };
 
   return (
-    <View className='consultation-page'>
-      {/* 页头 */}
-      <View className='consultation-header'>
-        <Text className='consultation-title'>在线咨询</Text>
+    <View className={`consultation-page ${modeClass}`}>
+      <View className='consultation-body'>
+        {/* 副标题 */}
         <Text className='consultation-subtitle'>随时随地，连接专业医生</Text>
-      </View>
 
-      {/* 内容区 */}
-      {loading ? (
-        <View className='consultation-center'>
-          <Loading text='加载中...' />
+        {/* 发起咨询按钮 — 实心主色 */}
+        <View
+          className='consultation-create-btn'
+          onClick={() => Taro.navigateTo({ url: '/pages/consultation/create/index' })}
+        >
+          <Text className='consultation-create-btn-text'>发起咨询</Text>
         </View>
-      ) : error ? (
-        <View className='consultation-center'>
-          <Text className='consultation-error'>{error}</Text>
-        </View>
-      ) : sessions.length === 0 ? (
-        <View className='consultation-empty'>
-          <View className='empty-icon'>
-            <Text className='empty-char'>问</Text>
+
+        {/* 内容区 */}
+        {loading ? (
+          <View className='consultation-center'>
+            <Loading text='加载中...' />
           </View>
-          <Text className='empty-title'>暂无咨询记录</Text>
-          <Text className='empty-hint'>发起咨询后即可在这里与医生交流</Text>
-        </View>
-      ) : (
-        <View className='session-list'>
-          {sessions.map((session) => {
-            const tag = getStatusTag(session.status);
-            return (
-              <View
-                key={session.id}
-                className='session-card'
-                onClick={() => handleTapSession(session)}
-              >
-                <View className='session-main'>
-                  <View className='session-top'>
-                    <Text className='session-subject'>
-                      {session.subject || '在线咨询'}
-                    </Text>
-                    <Text className={`session-tag ${tag.cls}`}>{tag.label}</Text>
+        ) : error ? (
+          <View className='consultation-center'>
+            <Text className='consultation-error'>{error}</Text>
+          </View>
+        ) : sessions.length === 0 ? (
+          <View className='consultation-empty'>
+            <View className='empty-icon'>
+              <Text className='empty-char'>问</Text>
+            </View>
+            <Text className='empty-title'>暂无咨询记录</Text>
+            <Text className='empty-hint'>发起咨询后即可在这里与医生交流</Text>
+          </View>
+        ) : (
+          <View className='session-list'>
+            {sessions.map((session) => {
+              const tag = getStatusTag(session.status);
+              const initial = (session.subject || '咨').charAt(0);
+              const isClosed = session.status === 'closed' || session.status === 'cancelled';
+              return (
+                <View
+                  key={session.id}
+                  className={`session-card ${isClosed ? 'session-card-closed' : ''}`}
+                  onClick={() => handleTapSession(session)}
+                >
+                  <View className='session-avatar'>
+                    <Text className='session-avatar-char'>{initial}</Text>
+                  </View>
+                  <View className='session-body'>
+                    <View className='session-top'>
+                      <Text className='session-subject'>
+                        {session.subject || '在线咨询'}
+                      </Text>
+                      <Text className='session-time'>
+                        {session.last_message_at
+                          ? formatTime(session.last_message_at)
+                          : formatTime(session.created_at)}
+                      </Text>
+                    </View>
+                    <View className='session-meta'>
+                      <Text className={`session-tag ${tag.cls}`}>{tag.label}</Text>
+                    </View>
+                    <View className='session-message-row'>
+                      <Text className='session-message'>
+                        {session.last_message || '暂无消息'}
+                      </Text>
+                      {session.unread_count_patient > 0 && (
+                        <View className='session-badge'>
+                          <Text className='session-badge-text'>
+                            {session.unread_count_patient > 99 ? '99+' : session.unread_count_patient}
+                          </Text>
+                        </View>
+                      )}
+                    </View>
                   </View>
-                  <Text className='session-message'>
-                    {session.last_message || '暂无消息'}
-                  </Text>
-                  <Text className='session-time'>
-                    {session.last_message_at
-                      ? formatTime(session.last_message_at)
-                      : formatTime(session.created_at)}
-                  </Text>
                 </View>
-                {session.unread_count_patient > 0 && (
-                  <View className='session-badge'>
-                    <Text className='session-badge-text'>
-                      {session.unread_count_patient > 99 ? '99+' : session.unread_count_patient}
-                    </Text>
-                  </View>
-                )}
-              </View>
-            );
-          })}
-        </View>
-      )}
+              );
+            })}
+          </View>
+        )}
+      </View>
     </View>
   );
 }

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

@@ -3,6 +3,7 @@ import { View, Text, Input } from '@tarojs/components';
 import Taro, { useDidShow, usePullDownRefresh } from '@tarojs/taro';
 import { useHealthStore } from '../../stores/health';
 import { useAuthStore } from '../../stores/auth';
+import { useUIStore } from '../../stores/ui';
 import { inputVitalSign, getTrend, getHealthThresholds, findThreshold, DEFAULT_THRESHOLDS, type HealthThreshold } from '../../services/health';
 import { listPendingSuggestions, type AiSuggestionItem } from '../../services/ai-analysis';
 import Loading from '../../components/Loading';
@@ -42,6 +43,8 @@ interface TrendPoint {
 export default function Health() {
   const { todaySummary, loading, refreshToday, getTrend: fetchTrend } = useHealthStore();
   const { user, currentPatient } = useAuthStore();
+  const { mode } = useUIStore();
+  const modeClass = mode === 'elder' ? 'elder-mode' : '';
   const [activeTab, setActiveTab] = useState<VitalType>('blood_pressure');
   const [systolic, setSystolic] = useState('');
   const [diastolic, setDiastolic] = useState('');
@@ -211,7 +214,7 @@ export default function Health() {
   const dayLabels = ['日', '一', '二', '三', '四', '五', '六'];
 
   return (
-    <View className='health-page'>
+    <View className={`health-page ${modeClass}`}>
       {/* 页头 */}
       <View className='health-header'>
         <Text className='health-title'>健康数据</Text>

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

@@ -6,6 +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 './index.scss';
 
 type MsgTab = 'consultation' | 'notification';
@@ -29,6 +30,8 @@ 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 [activeTab, setActiveTab] = useState<MsgTab>('consultation');
   const [sessions, setSessions] = useState<ConsultationSession[]>([]);
   const [notifications, setNotifications] = useState<NotificationItem[]>([]);
@@ -108,7 +111,7 @@ export default function Messages() {
   const unreadConsultCount = sessions.filter((s) => s.unread_count_patient > 0).length;
 
   return (
-    <View className='messages-page'>
+    <View className={`messages-page ${modeClass}`}>
       {/* 页头 */}
       <View className='messages-header'>
         <Text className='messages-title'>消息</Text>