docs(health): 媒体库与轮播图实施计划 — 5 Chunk / 22 Task

Chunk 1: 后端实体 + 迁移 + DTO (Task 1-7)
Chunk 2: 后端 Service 层 (Task 8-9)
Chunk 3: Handler + 路由 + 公开端点 + 签名URL (Task 10-14)
Chunk 4: 前端 API + MediaPicker + 页面 (Task 15-20)
Chunk 5: 小程序访客页改造 (Task 21-22)

.lintstagedrc.js

@@ -0,0 +1,11 @@
+module.exports = {
+  '*.rs': [
+    'cargo fmt --check --',
+    () => 'cargo clippy -p erp-health -p erp-server -- -D warnings',
+  ],
+  'apps/web/src/**/*.{ts,tsx}': (filenames) =>
+    `npx eslint --fix ${filenames.join(' ')}`,
+  'apps/web/src/**/*.test.{ts,tsx}': [
+    'cd apps/web && npx vitest run --reporter=verbose',
+  ],
+};

Cargo.lock

@@ -1411,10 +1411,12 @@ dependencies = [
  "async-trait",
  "axum",
  "chrono",
+ "dashmap",
  "erp-core",
  "futures",
  "handlebars",
  "hex",
+ "redis",
  "reqwest",
  "sea-orm",
  "serde",
@@ -1527,6 +1529,7 @@ name = "erp-health"
 version = "0.1.0"
 dependencies = [
  "aes-gcm",
+ "argon2",
  "async-trait",
  "axum",
  "base64 0.22.1",
@@ -1534,7 +1537,9 @@ dependencies = [
  "erp-core",
  "hex",
  "hmac",
+ "jsonwebtoken",
  "num-traits",
+ "rand_core 0.6.4",
  "sea-orm",
  "serde",
  "serde_json",
@@ -1662,30 +1667,12 @@ dependencies = [
  "wit-bindgen 0.55.0",
 ]
 
-[[package]]
-name = "erp-points"
-version = "0.1.0"
-dependencies = [
- "async-trait",
- "axum",
- "chrono",
- "erp-core",
- "sea-orm",
- "serde",
- "serde_json",
- "thiserror 2.0.18",
- "tokio",
- "tracing",
- "utoipa",
- "uuid",
- "validator",
-]
-
 [[package]]
 name = "erp-server"
 version = "0.1.0"
 dependencies = [
  "anyhow",
+ "async-trait",
  "axum",
  "chrono",
  "config",
@@ -1699,6 +1686,8 @@ dependencies = [
  "erp-plugin",
  "erp-server-migration",
  "erp-workflow",
+ "futures",
+ "hex",
  "metrics",
  "metrics-exporter-prometheus",
  "moka",
@@ -1706,6 +1695,7 @@ dependencies = [
  "sea-orm",
  "serde",
  "serde_json",
+ "sha2",
  "sqlx",
  "tokio",
  "tower",

Cargo.toml

@@ -111,6 +111,7 @@ erp-dialysis = { path = "crates/erp-dialysis" }
 futures = "0.3"
 tokio-stream = "0.1"
 async-stream = "0.3"
+dashmap = "6"
 
 # Template engine
 handlebars = "6"

apps/miniprogram/__tests__/services/ble/BLEManager.test.ts

@@ -0,0 +1,69 @@
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
+
+// 使用 vi.hoisted 确保 storage 在 mock 提升前可用
+const { storage } = vi.hoisted(() => ({
+  storage: new Map<string, string>(),
+}));
+
+vi.mock('@tarojs/taro', () => ({
+  default: {
+    openBluetoothAdapter: vi.fn().mockResolvedValue({}),
+    closeBluetoothAdapter: vi.fn().mockResolvedValue({}),
+    startBluetoothDevicesDiscovery: vi.fn().mockResolvedValue({}),
+    stopBluetoothDevicesDiscovery: vi.fn().mockResolvedValue({}),
+    onBluetoothDeviceFound: vi.fn(),
+    offBluetoothDeviceFound: vi.fn(),
+    createBLEConnection: vi.fn().mockResolvedValue({}),
+    closeBLEConnection: vi.fn().mockResolvedValue({}),
+    getBLEDeviceServices: vi.fn().mockResolvedValue({ services: [] }),
+    getBLEDeviceCharacteristics: vi.fn().mockResolvedValue({ characteristics: [] }),
+    notifyBLECharacteristicValueChange: vi.fn().mockResolvedValue({}),
+    onBLECharacteristicValueChange: vi.fn(),
+    onBLEConnectionStateChange: vi.fn(),
+    getStorageSync: vi.fn((key: string) => storage.get(key) || ''),
+    setStorageSync: vi.fn((key: string, value: string) => { storage.set(key, value); }),
+    removeStorageSync: vi.fn((key: string) => { storage.delete(key); }),
+  },
+}));
+
+import { BLEManager } from '@/services/ble/BLEManager';
+import { XiaomiBandAdapter } from '@/services/ble/adapters/XiaomiBandAdapter';
+
+describe('BLEManager DataBuffer 集成', () => {
+  let manager: BLEManager;
+
+  beforeEach(() => {
+    storage.clear();
+    manager = new BLEManager();
+    manager.registerAdapter(XiaomiBandAdapter);
+  });
+
+  afterEach(async () => {
+    await manager.destroy();
+  });
+
+  it('registerAdapter 添加适配器', () => {
+    const count = (manager as any).adapters.length;
+    expect(count).toBeGreaterThanOrEqual(1);
+  });
+
+  it('getCachedReadings 返回空数组（未连接时）', () => {
+    const readings = manager.getCachedReadings();
+    expect(readings).toEqual([]);
+  });
+
+  it('flushPendingReadings 无缓存时返回 0', async () => {
+    const uploadFn = vi.fn().mockResolvedValue(0);
+    const count = await manager.flushPendingReadings(uploadFn);
+    expect(count).toBe(0);
+    expect(uploadFn).not.toHaveBeenCalled();
+  });
+
+  it('DataBuffer 实例已初始化', () => {
+    const buffer = (manager as any).dataBuffer;
+    expect(buffer).toBeDefined();
+    expect(typeof buffer.push).toBe('function');
+    expect(typeof buffer.flush).toBe('function');
+    expect(typeof buffer.restore).toBe('function');
+  });
+});

apps/miniprogram/__tests__/services/ble/DataBuffer.test.ts

@@ -0,0 +1,89 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { DataBuffer } from '@/services/ble/DataBuffer';
+import type { NormalizedReading } from '@/services/ble/types';
+
+// Mock Taro Storage
+const storage = new Map<string, string>();
+vi.mock('@tarojs/taro', () => ({
+  default: {
+    getStorageSync: vi.fn((key: string) => storage.get(key) || ''),
+    setStorageSync: vi.fn((key: string, value: string) => { storage.set(key, value); }),
+    removeStorageSync: vi.fn((key: string) => { storage.delete(key); }),
+    getStorageInfoSync: vi.fn(() => ({ keys: Array.from(storage.keys()), limitSize: 10240, currentSize: storage.size })),
+  },
+}));
+
+function makeReading(overrides: Partial<NormalizedReading> = {}): NormalizedReading {
+  return {
+    device_type: 'heart_rate',
+    values: { heart_rate: 72 },
+    measured_at: new Date().toISOString(),
+    ...overrides,
+  };
+}
+
+describe('DataBuffer', () => {
+  let buffer: DataBuffer;
+
+  beforeEach(() => {
+    storage.clear();
+    buffer = new DataBuffer({ bucketSize: 100 });
+  });
+
+  it('push 添加读数并持久化', () => {
+    const reading = makeReading();
+    buffer.push(reading);
+    expect(buffer.size()).toBe(1);
+  });
+
+  it('push 批量添加读数', () => {
+    const readings = Array.from({ length: 10 }, (_, i) =>
+      makeReading({ measured_at: new Date(Date.now() + i * 1000).toISOString() }),
+    );
+    buffer.push(readings);
+    expect(buffer.size()).toBe(10);
+  });
+
+  it('flush 返回并清空缓冲区', () => {
+    buffer.push([
+      makeReading({ measured_at: '2026-05-04T10:00:00.000Z' }),
+      makeReading({ measured_at: '2026-05-04T10:00:01.000Z' }),
+    ]);
+    const flushed = buffer.flush();
+    expect(flushed.length).toBe(2);
+    expect(buffer.size()).toBe(0);
+  });
+
+  it('超过 maxTotal 时丢弃最旧数据', () => {
+    const smallBuffer = new DataBuffer({ bucketSize: 5, maxTotal: 10 });
+    for (let i = 0; i < 15; i++) {
+      smallBuffer.push(makeReading({ measured_at: new Date(i * 1000).toISOString() }));
+    }
+    expect(smallBuffer.size()).toBe(10);
+  });
+
+  it('去重：相同 measured_at + device_type 不重复存储', () => {
+    const ts = '2026-05-04T10:00:00.000Z';
+    buffer.push(makeReading({ measured_at: ts }));
+    buffer.push(makeReading({ measured_at: ts }));
+    expect(buffer.size()).toBe(1);
+  });
+
+  it('restore 从 Storage 恢复未上传数据', () => {
+    buffer.push([
+      makeReading({ measured_at: '2026-05-04T10:00:00.000Z' }),
+      makeReading({ measured_at: '2026-05-04T10:00:01.000Z' }),
+    ]);
+    // 模拟重启：新建 DataBuffer 并 restore
+    const restored = new DataBuffer({ bucketSize: 100 });
+    const count = restored.restore();
+    expect(count).toBe(2);
+    expect(restored.size()).toBe(2);
+  });
+
+  it('clear 清空缓冲区和 Storage', () => {
+    buffer.push(makeReading());
+    buffer.clear();
+    expect(buffer.size()).toBe(0);
+  });
+});

apps/miniprogram/__tests__/services/ble/DataSyncScheduler.test.ts

@@ -0,0 +1,91 @@
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
+import { DataSyncScheduler } from '@/services/ble/DataSyncScheduler';
+
+const storage = new Map<string, string>();
+vi.mock('@tarojs/taro', () => ({
+  default: {
+    getStorageSync: vi.fn((key: string) => storage.get(key) || ''),
+    setStorageSync: vi.fn((key: string, value: string) => { storage.set(key, value); }),
+    removeStorageSync: vi.fn((key: string) => { storage.delete(key); }),
+  },
+}));
+
+describe('DataSyncScheduler', () => {
+  let scheduler: DataSyncScheduler;
+  let syncFn: ReturnType<typeof vi.fn>;
+
+  beforeEach(() => {
+    storage.clear();
+    syncFn = vi.fn().mockResolvedValue({ success: true, uploadedCount: 5 });
+    scheduler = new DataSyncScheduler({
+      intervalMs: 60 * 60 * 1000,
+      storageKey: 'last_ble_sync',
+    });
+  });
+
+  afterEach(() => {
+    scheduler.destroy();
+  });
+
+  it('首次同步：无记录时立即需要同步', () => {
+    expect(scheduler.needsSync()).toBe(true);
+  });
+
+  it('同步后记录时间戳', async () => {
+    await scheduler.recordSync(syncFn);
+    expect(storage.has('last_ble_sync')).toBe(true);
+    expect(syncFn).toHaveBeenCalled();
+  });
+
+  it('同步后不需要再次同步', async () => {
+    await scheduler.recordSync(syncFn);
+    expect(scheduler.needsSync()).toBe(false);
+  });
+
+  it('超过间隔后需要再次同步', async () => {
+    const twoHoursAgo = Date.now() - 2 * 60 * 60 * 1000;
+    storage.set('last_ble_sync', JSON.stringify({ lastSyncAt: twoHoursAgo }));
+    scheduler = new DataSyncScheduler({ intervalMs: 60 * 60 * 1000, storageKey: 'last_ble_sync' });
+
+    expect(scheduler.needsSync()).toBe(true);
+  });
+
+  it('同步失败不更新时间戳', async () => {
+    const failFn = vi.fn().mockRejectedValue(new Error('network error'));
+    const oneHourAgo = Date.now() - 60 * 60 * 1000;
+    storage.set('last_ble_sync', JSON.stringify({ lastSyncAt: oneHourAgo }));
+
+    await scheduler.recordSync(failFn);
+    const stored = JSON.parse(storage.get('last_ble_sync') || '{}');
+    expect(stored.lastSyncAt).toBe(oneHourAgo);
+  });
+
+  it('tryAutoSync 首次时触发同步', async () => {
+    const result = await scheduler.tryAutoSync(syncFn);
+    expect(result).toBe(true);
+    expect(syncFn).toHaveBeenCalledTimes(1);
+  });
+
+  it('tryAutoSync 未超时不触发', async () => {
+    await scheduler.recordSync(syncFn);
+    syncFn.mockClear();
+    const result = await scheduler.tryAutoSync(syncFn);
+    expect(result).toBe(false);
+    expect(syncFn).not.toHaveBeenCalled();
+  });
+
+  it('destroy 清理定时器', () => {
+    const clearIntervalSpy = vi.spyOn(global, 'clearInterval');
+    scheduler.startPeriodicCheck(syncFn, 30000);
+    scheduler.destroy();
+    expect(clearIntervalSpy).toHaveBeenCalled();
+    clearIntervalSpy.mockRestore();
+  });
+
+  it('getLastSyncAt 返回上次同步时间', async () => {
+    await scheduler.recordSync(syncFn);
+    const lastSync = scheduler.getLastSyncAt();
+    expect(lastSync).toBeTruthy();
+    expect(typeof lastSync).toBe('number');
+  });
+});

apps/miniprogram/__tests__/services/ble/adapters/GenericBleAdapter.test.ts

@@ -0,0 +1,158 @@
+import { describe, it, expect } from 'vitest';
+import { createGenericBleAdapter } from '@/services/ble/adapters/GenericBleAdapter';
+import type { GenericBLEProfile } from '@/services/ble/types';
+
+// ---- Heart Rate (0x180D / 0x2A37) ----
+// Flag byte=0x00 (UINT8), HR=75
+function makeHeartRateData(hr: number, isUint16 = false): ArrayBuffer {
+  const buf = new ArrayBuffer(isUint16 ? 3 : 2);
+  const view = new DataView(buf);
+  view.setUint8(0, isUint16 ? 0x01 : 0x00);
+  if (isUint16) {
+    view.setUint16(1, hr, true);
+  } else {
+    view.setUint8(1, hr);
+  }
+  return buf;
+}
+
+// ---- Health Thermometer (0x1809 / 0x2A1C) ----
+// IEEE 11073 FLOAT: 32-bit — mantissa (24-bit) + exponent (8-bit)
+function makeTemperatureData(tempCelsius: number): ArrayBuffer {
+  const buf = new ArrayBuffer(4);
+  const view = new DataView(buf);
+  // flags byte: 0x00 = Celsius, no timestamp, no type
+  view.setUint8(0, 0x00);
+  // 11073 FLOAT: mantissa * 10^exponent
+  // For 36.5: mantissa=365, exponent=-1
+  const mantissa = Math.round(tempCelsius * 10);
+  const exponent = -1;
+  view.setInt16(1, mantissa, true);
+  view.setInt8(3, exponent);
+  return buf;
+}
+
+describe('GenericBleAdapter', () => {
+  describe('心率解析', () => {
+    const adapter = createGenericBleAdapter({
+      name: 'Test Wristband',
+      supportedModels: ['TestBand'],
+      profiles: ['heart_rate'],
+    });
+
+    it('解析 UINT8 心率', () => {
+      const data = makeHeartRateData(75);
+      const results = adapter.parseNotification(
+        '0000180D-0000-1000-8000-00805f9b34fb',
+        '00002A37-0000-1000-8000-00805f9b34fb',
+        data,
+      );
+      expect(results.length).toBe(1);
+      expect(results[0].device_type).toBe('heart_rate');
+      expect(results[0].values.heart_rate).toBe(75);
+    });
+
+    it('解析 UINT16 心率', () => {
+      const data = makeHeartRateData(200, true);
+      const results = adapter.parseNotification(
+        '0000180D-0000-1000-8000-00805f9b34fb',
+        '00002A37-0000-1000-8000-00805f9b34fb',
+        data,
+      );
+      expect(results.length).toBe(1);
+      expect(results[0].values.heart_rate).toBe(200);
+    });
+
+    it('忽略非目标 Characteristic', () => {
+      const data = makeHeartRateData(75);
+      const results = adapter.parseNotification(
+        '0000180D-0000-1000-8000-00805f9b34fb',
+        '00002A38-0000-1000-8000-00805f9b34fb', // Body Sensor Location
+        data,
+      );
+      expect(results.length).toBe(0);
+    });
+  });
+
+  describe('体温解析', () => {
+    const adapter = createGenericBleAdapter({
+      name: 'Test Thermometer',
+      supportedModels: ['TestThermo'],
+      profiles: ['health_thermometer'],
+    });
+
+    it('解析体温读数', () => {
+      const data = makeTemperatureData(36.5);
+      const results = adapter.parseNotification(
+        '00001809-0000-1000-8000-00805f9b34fb',
+        '00002A1C-0000-1000-8000-00805f9b34fb',
+        data,
+      );
+      expect(results.length).toBe(1);
+      expect(results[0].device_type).toBe('temperature');
+      expect(results[0].values.value).toBeCloseTo(36.5, 0);
+    });
+  });
+
+  describe('多 Profile 适配器', () => {
+    const adapter = createGenericBleAdapter({
+      name: 'Multi-Profile Band',
+      supportedModels: ['CustomBand', 'MedicalBand'],
+      profiles: ['heart_rate', 'health_thermometer'],
+    });
+
+    it('包含两个 Service UUID', () => {
+      expect(adapter.serviceUUIDs.length).toBe(2);
+    });
+
+    it('包含两个 Profile 的 Characteristic', () => {
+      expect(adapter.notifyCharacteristics.length).toBe(2);
+    });
+
+    it('supportedModels 配置正确', () => {
+      expect(adapter.supportedModels).toEqual(['CustomBand', 'MedicalBand']);
+    });
+
+    it('解析心率 + 体温', () => {
+      const hrResults = adapter.parseNotification(
+        '0000180D-0000-1000-8000-00805f9b34fb',
+        '00002A37-0000-1000-8000-00805f9b34fb',
+        makeHeartRateData(80),
+      );
+      expect(hrResults[0].device_type).toBe('heart_rate');
+
+      const tempResults = adapter.parseNotification(
+        '00001809-0000-1000-8000-00805f9b34fb',
+        '00002A1C-0000-1000-8000-00805f9b34fb',
+        makeTemperatureData(37.2),
+      );
+      expect(tempResults[0].device_type).toBe('temperature');
+    });
+  });
+
+  describe('边界情况', () => {
+    const adapter = createGenericBleAdapter({
+      name: 'Edge Case Band',
+      supportedModels: ['Edge'],
+      profiles: ['heart_rate'],
+    });
+
+    it('空数据返回空数组', () => {
+      const results = adapter.parseNotification(
+        '0000180D-0000-1000-8000-00805f9b34fb',
+        '00002A37-0000-1000-8000-00805f9b34fb',
+        new ArrayBuffer(0),
+      );
+      expect(results.length).toBe(0);
+    });
+
+    it('心率超范围 (>300) 返回空数组', () => {
+      const results = adapter.parseNotification(
+        '0000180D-0000-1000-8000-00805f9b34fb',
+        '00002A37-0000-1000-8000-00805f9b34fb',
+        makeHeartRateData(0),
+      );
+      expect(results.length).toBe(0);
+    });
+  });
+});

apps/miniprogram/config/dev.ts

@@ -2,6 +2,10 @@ import type { UserConfigExport } from '@tarojs/cli';
 
 export default {
   logger: { quiet: false },
-  mini: {},
+  mini: {
+    miniCssExtractPluginOption: {
+      ignoreOrder: true,
+    },
+  },
   h5: {},
 } satisfies UserConfigExport;

apps/miniprogram/config/index.ts

@@ -5,7 +5,7 @@ export default defineConfig(async (merge) => {
   const baseConfig = {
     projectName: 'hms-miniprogram',
     date: '2026-4-23',
-    designWidth: 750,
+    designWidth: 375,
     deviceRatio: { 640: 2.34 / 2, 750: 1, 375: 2, 828: 1.81 / 2 },
     sourceRoot: 'src',
     outputRoot: 'dist',

apps/miniprogram/package.json

@@ -42,6 +42,7 @@
     "miniprogram-automator": "^0.12.1",
     "sass": "^1.87.0",
     "typescript": "^5.8.0",
+    "vite": "^8.0.10",
     "vitest": "^4.1.5",
     "webpack": "~5.95.0"
   }

apps/miniprogram/pnpm-lock.yaml

@@ -19,13 +19,13 @@ importers:
         version: 7.28.5(@babel/core@7.29.0)
       '@tarojs/components':
         specifier: 4.2.0
-        version: 4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)))(webpack@5.95.0(@swc/core@1.3.96))
+        version: 4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       '@tarojs/helper':
         specifier: 4.2.0
         version: 4.2.0
       '@tarojs/plugin-framework-react':
         specifier: 4.2.0
-        version: 4.2.0(@tarojs/helper@4.2.0)(@tarojs/runtime@4.2.0)(@tarojs/shared@4.2.0)(react@18.3.1)(webpack@5.95.0(@swc/core@1.3.96))
+        version: 4.2.0(@tarojs/helper@4.2.0)(@tarojs/runtime@4.2.0)(@tarojs/shared@4.2.0)(react@18.3.1)(vite@8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       '@tarojs/plugin-platform-weapp':
         specifier: 4.2.0
         version: 4.2.0(@tarojs/service@4.2.0)(@tarojs/shared@4.2.0)
@@ -40,7 +40,7 @@ importers:
         version: 4.2.0
       '@tarojs/taro':
         specifier: 4.2.0
-        version: 4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)))(webpack@5.95.0(@swc/core@1.3.96)))(@tarojs/helper@4.2.0)(@tarojs/shared@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)))(webpack@5.95.0(@swc/core@1.3.96))
+        version: 4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(@tarojs/helper@4.2.0)(@tarojs/shared@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       babel-preset-taro:
         specifier: ^4.2.0
         version: 4.2.0(@babel/core@7.29.0)(@babel/plugin-transform-typescript@7.28.6(@babel/core@7.29.0))(@babel/preset-react@7.28.5(@babel/core@7.29.0))
@@ -71,7 +71,7 @@ importers:
         version: 4.2.0(@types/node@25.6.0)
       '@tarojs/webpack5-runner':
         specifier: 4.2.0
-        version: 4.2.0(@babel/core@7.29.0)(@swc/core@1.3.96)(@tarojs/runtime@4.2.0)(less@3.13.1)(postcss@8.5.12)(sass@1.99.0)(stylus@0.64.0)(typescript@5.9.3)(webpack@5.95.0(@swc/core@1.3.96))
+        version: 4.2.0(@babel/core@7.29.0)(@swc/core@1.3.96)(@tarojs/runtime@4.2.0)(less@3.13.1)(postcss@8.5.12)(sass@1.99.0)(stylus@0.64.0)(typescript@5.9.3)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       '@types/crypto-js':
         specifier: ^4.2.2
         version: 4.2.2
@@ -87,12 +87,15 @@ importers:
       typescript:
         specifier: ^5.8.0
         version: 5.9.3
+      vite:
+        specifier: ^8.0.10
+        version: 8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2)
       vitest:
         specifier: ^4.1.5
-        version: 4.1.5(@types/node@25.6.0)(jsdom@24.1.3)
+        version: 4.1.5(@types/node@25.6.0)(jsdom@24.1.3)(vite@8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2))
       webpack:
         specifier: ~5.95.0
-        version: 5.95.0(@swc/core@1.3.96)
+        version: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
 packages:
 
@@ -705,6 +708,15 @@ packages:
     resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
     engines: {node: '>=18'}
 
+  '@emnapi/core@1.10.0':
+    resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}
+
+  '@emnapi/runtime@1.10.0':
+    resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
+
+  '@emnapi/wasi-threads@1.2.1':
+    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
+
   '@esbuild/aix-ppc64@0.21.5':
     resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
     engines: {node: '>=12'}
@@ -1227,6 +1239,12 @@ packages:
   '@napi-rs/triples@1.2.0':
     resolution: {integrity: sha512-HAPjR3bnCsdXBsATpDIP5WCrw0JcACwhhrwIAQhiR46n+jm+a2F8kBsfseAuWtSyQ+H3Yebt2k43B5dy+04yMA==}
 
+  '@napi-rs/wasm-runtime@1.1.4':
+    resolution: {integrity: sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
+
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -1239,6 +1257,9 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
+  '@oxc-project/types@0.127.0':
+    resolution: {integrity: sha512-aIYXQBo4lCbO4z0R3FHeucQHpF46l2LbMdxRvqvuRuW2OxdnSkcng5B8+K12spgLDj93rtN3+J2Vac/TIO+ciQ==}
+
   '@parcel/watcher-android-arm64@2.5.6':
     resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
     engines: {node: '>= 10.0.0'}
@@ -1350,6 +1371,104 @@ packages:
   '@rnx-kit/console@1.1.0':
     resolution: {integrity: sha512-N+zFhTSXroiK4eL26vs61Pmtl7wzTPAKLd4JKw9/fk5cNAHUscCXF/uclzuYN61Ye5AwygIvcwbm9wv4Jfa92A==}
 
+  '@rolldown/binding-android-arm64@1.0.0-rc.17':
+    resolution: {integrity: sha512-s70pVGhw4zqGeFnXWvAzJDlvxhlRollagdCCKRgOsgUOH3N1l0LIxf83AtGzmb5SiVM4Hjl5HyarMRfdfj3DaQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.17':
+    resolution: {integrity: sha512-4ksWc9n0mhlZpZ9PMZgTGjeOPRu8MB1Z3Tz0Mo02eWfWCHMW1zN82Qz/pL/rC+yQa+8ZnutMF0JjJe7PjwasYw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.17':
+    resolution: {integrity: sha512-SUSDOI6WwUVNcWxd02QEBjLdY1VPHvlEkw6T/8nYG322iYWCTxRb1vzk4E+mWWYehTp7ERibq54LSJGjmouOsw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.17':
+    resolution: {integrity: sha512-hwnz3nw9dbJ05EDO/PvcjaaewqqDy7Y1rn1UO81l8iIK1GjenME75dl16ajbvSSMfv66WXSRCYKIqfgq2KCfxw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.17':
+    resolution: {integrity: sha512-IS+W7epTcwANmFSQFrS1SivEXHtl1JtuQA9wlxrZTcNi6mx+FDOYrakGevvvTwgj2JvWiK8B29/qD9BELZPyXQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.17':
+    resolution: {integrity: sha512-e6usGaHKW5BMNZOymS1UcEYGowQMWcgZ71Z17Sl/h2+ZziNJ1a9n3Zvcz6LdRyIW5572wBCTH/Z+bKuZouGk9Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.17':
+    resolution: {integrity: sha512-b/CgbwAJpmrRLp02RPfhbudf5tZnN9nsPWK82znefso832etkem8H7FSZwxrOI9djcdTP7U6YfNhbRnh7djErg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.17':
+    resolution: {integrity: sha512-4EII1iNGRUN5WwGbF/kOh/EIkoDN9HsupgLQoXfY+D1oyJm7/F4t5PYU5n8SWZgG0FEwakyM8pGgwcBYruGTlA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.17':
+    resolution: {integrity: sha512-AH8oq3XqQo4IibpVXvPeLDI5pzkpYn0WiZAfT05kFzoJ6tQNzwRdDYQ45M8I/gslbodRZwW8uxLhbSBbkv96rA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.17':
+    resolution: {integrity: sha512-cLnjV3xfo7KslbU41Z7z8BH/E1y5mzUYzAqih1d1MDaIGZRCMqTijqLv76/P7fyHuvUcfGsIpqCdddbxLLK9rA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.17':
+    resolution: {integrity: sha512-0phclDw1spsL7dUB37sIARuis2tAgomCJXAHZlpt8PXZ4Ba0dRP1e+66lsRqrfhISeN9bEGNjQs+T/Fbd7oYGw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.17':
+    resolution: {integrity: sha512-0ag/hEgXOwgw4t8QyQvUCxvEg+V0KBcA6YuOx9g0r02MprutRF5dyljgm3EmR02O292UX7UeS6HzWHAl6KgyhA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.17':
+    resolution: {integrity: sha512-LEXei6vo0E5wTGwpkJ4KoT3OZJRnglwldt5ziLzOlc6qqb55z4tWNq2A+PFqCJuvWWdP53CVhG1Z9NtToDPJrA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [wasm32]
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.17':
+    resolution: {integrity: sha512-gUmyzBl3SPMa6hrqFUth9sVfcLBlYsbMzBx5PlexMroZStgzGqlZ26pYG89rBb45Mnia+oil6YAIFeEWGWhoZA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.17':
+    resolution: {integrity: sha512-3hkiolcUAvPB9FLb3UZdfjVVNWherN1f/skkGWJP/fgSQhYUZpSIRr0/I8ZK9TkF3F7kxvJAk0+IcKvPHk9qQg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.0-rc.17':
+    resolution: {integrity: sha512-n8iosDOt6Ig1UhJ2AYqoIhHWh/isz0xpicHTzpKBeotdVsTEcxsSA/i3EVM7gQAj0rU27OLAxCjzlj15IWY7bg==}
+
   '@sideway/address@4.1.5':
     resolution: {integrity: sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==}
 
@@ -1726,6 +1845,9 @@ packages:
       stylus:
         optional: true
 
+  '@tybys/wasm-util@0.10.1':
+    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
+
   '@types/archy@0.0.31':
     resolution: {integrity: sha512-v+dxizsFVyXgD3EpFuqT9YjdEjbJmPxNf1QIX9ohZOhxh1ZF2yhqv3vYaeum9lg3VghhxS5S0a6yldN9J9lPEQ==}
 
@@ -4804,6 +4926,11 @@ packages:
     deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
+  rolldown@1.0.0-rc.17:
+    resolution: {integrity: sha512-ZrT53oAKrtA4+YtBWPQbtPOxIbVDbxT0orcYERKd63VJTF13zPcgXTvD4843L8pcsI7M6MErt8QtON6lrB9tyA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
   rollup@3.30.0:
     resolution: {integrity: sha512-kQvGasUgN+AlWGliFn2POSajRQEsULVYFGTvOZmK06d7vCD+YhZztt70kGk3qaeAXeWYL5eO7zx+rAubBc55eA==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
@@ -5386,6 +5513,49 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
+  vite@8.0.10:
+    resolution: {integrity: sha512-rZuUu9j6J5uotLDs+cAA4O5H4K1SfPliUlQwqa6YEwSrWDZzP4rhm00oJR5snMewjxF5V/K3D4kctsUTsIU9Mw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.1.0
+      esbuild: ^0.27.0 || ^0.28.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
   vitest@4.1.5:
     resolution: {integrity: sha512-9Xx1v3/ih3m9hN+SbfkUyy0JAs72ap3r7joc87XL6jwF0jGg6mFBvQ1SrwaX+h8BlkX6Hz9shdd1uo6AF+ZGpg==}
     engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
@@ -6452,6 +6622,22 @@ snapshots:
 
   '@csstools/css-tokenizer@3.0.4': {}
 
+  '@emnapi/core@1.10.0':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.10.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@esbuild/aix-ppc64@0.21.5':
     optional: true
 
@@ -6920,6 +7106,13 @@ snapshots:
 
   '@napi-rs/triples@1.2.0': {}
 
+  '@napi-rs/wasm-runtime@1.1.4(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@tybys/wasm-util': 0.10.1
+    optional: true
+
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -6932,6 +7125,8 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.20.1
 
+  '@oxc-project/types@0.127.0': {}
+
   '@parcel/watcher-android-arm64@2.5.6':
     optional: true
 
@@ -7009,6 +7204,57 @@ snapshots:
 
   '@rnx-kit/console@1.1.0': {}
 
+  '@rolldown/binding-android-arm64@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.17':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@napi-rs/wasm-runtime': 1.1.4(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.17':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.0-rc.17': {}
+
   '@sideway/address@4.1.5':
     dependencies:
       '@hapi/hoek': 9.3.0
@@ -7146,12 +7392,12 @@ snapshots:
       - debug
       - supports-color
 
-  '@tarojs/components@4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)))(webpack@5.95.0(@swc/core@1.3.96))':
+  '@tarojs/components@4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))':
     dependencies:
       '@stencil/core': 2.22.3
       '@tarojs/runtime': 4.2.0
       '@tarojs/shared': 4.2.0
-      '@tarojs/taro': 4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)))(webpack@5.95.0(@swc/core@1.3.96)))(@tarojs/helper@4.2.0)(@tarojs/shared@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)))(webpack@5.95.0(@swc/core@1.3.96))
+      '@tarojs/taro': 4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(@tarojs/helper@4.2.0)(@tarojs/shared@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       classnames: 2.5.1
       hammerjs: 2.0.8
       hls.js: 1.6.16
@@ -7244,7 +7490,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@tarojs/plugin-framework-react@4.2.0(@tarojs/helper@4.2.0)(@tarojs/runtime@4.2.0)(@tarojs/shared@4.2.0)(react@18.3.1)(webpack@5.95.0(@swc/core@1.3.96))':
+  '@tarojs/plugin-framework-react@4.2.0(@tarojs/helper@4.2.0)(@tarojs/runtime@4.2.0)(@tarojs/shared@4.2.0)(react@18.3.1)(vite@8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))':
     dependencies:
       '@tarojs/helper': 4.2.0
       '@tarojs/runtime': 4.2.0
@@ -7255,7 +7501,8 @@ snapshots:
       tslib: 2.8.1
     optionalDependencies:
       react: 18.3.1
-      webpack: 5.95.0(@swc/core@1.3.96)
+      vite: 8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
   '@tarojs/plugin-platform-weapp@4.2.0(@tarojs/service@4.2.0)(@tarojs/shared@4.2.0)':
     dependencies:
@@ -7300,19 +7547,19 @@ snapshots:
 
   '@tarojs/shared@4.2.0': {}
 
-  '@tarojs/taro-loader@4.2.0(webpack@5.95.0(@swc/core@1.3.96))':
+  '@tarojs/taro-loader@4.2.0(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))':
     dependencies:
       '@tarojs/helper': 4.2.0
       '@tarojs/shared': 4.2.0
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
     transitivePeerDependencies:
       - '@swc/helpers'
       - supports-color
 
-  '@tarojs/taro@4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)))(webpack@5.95.0(@swc/core@1.3.96)))(@tarojs/helper@4.2.0)(@tarojs/shared@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)))(webpack@5.95.0(@swc/core@1.3.96))':
+  '@tarojs/taro@4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(@tarojs/helper@4.2.0)(@tarojs/shared@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))':
     dependencies:
       '@tarojs/api': 4.2.0(@tarojs/runtime@4.2.0)(@tarojs/shared@4.2.0)
-      '@tarojs/components': 4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)))(webpack@5.95.0(@swc/core@1.3.96))
+      '@tarojs/components': 4.2.0(@tarojs/helper@4.2.0)(@types/react@18.3.28)(html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(postcss@8.5.12)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)))(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       '@tarojs/helper': 4.2.0
       '@tarojs/runtime': 4.2.0
       '@tarojs/shared': 4.2.0
@@ -7320,77 +7567,77 @@ snapshots:
       postcss: 8.5.12
     optionalDependencies:
       '@types/react': 18.3.28
-      html-webpack-plugin: 5.6.7(webpack@5.95.0(@swc/core@1.3.96))
+      html-webpack-plugin: 5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       rollup: 3.30.0
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
       webpack-chain: 6.5.1
-      webpack-dev-server: 4.15.2(webpack@5.95.0(@swc/core@1.3.96))
+      webpack-dev-server: 4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
 
-  '@tarojs/webpack5-prebundle@4.2.0(webpack@5.95.0(@swc/core@1.3.96))':
+  '@tarojs/webpack5-prebundle@4.2.0(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))':
     dependencies:
       '@tarojs/helper': 4.2.0
       '@tarojs/shared': 4.2.0
       enhanced-resolve: 5.21.0
       es-module-lexer: 0.10.5
       lodash: 4.18.1
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
       webpack-virtual-modules: 0.6.2
     transitivePeerDependencies:
       - '@swc/helpers'
       - supports-color
 
-  '@tarojs/webpack5-runner@4.2.0(@babel/core@7.29.0)(@swc/core@1.3.96)(@tarojs/runtime@4.2.0)(less@3.13.1)(postcss@8.5.12)(sass@1.99.0)(stylus@0.64.0)(typescript@5.9.3)(webpack@5.95.0(@swc/core@1.3.96))':
+  '@tarojs/webpack5-runner@4.2.0(@babel/core@7.29.0)(@swc/core@1.3.96)(@tarojs/runtime@4.2.0)(less@3.13.1)(postcss@8.5.12)(sass@1.99.0)(stylus@0.64.0)(typescript@5.9.3)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))':
     dependencies:
       '@babel/core': 7.29.0
       '@tarojs/helper': 4.2.0
       '@tarojs/runner-utils': 4.2.0
       '@tarojs/runtime': 4.2.0
       '@tarojs/shared': 4.2.0
-      '@tarojs/taro-loader': 4.2.0(webpack@5.95.0(@swc/core@1.3.96))
-      '@tarojs/webpack5-prebundle': 4.2.0(webpack@5.95.0(@swc/core@1.3.96))
+      '@tarojs/taro-loader': 4.2.0(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
+      '@tarojs/webpack5-prebundle': 4.2.0(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       acorn: 8.16.0
       acorn-walk: 8.3.5
       autoprefixer: 10.5.0(postcss@8.5.12)
-      babel-loader: 8.2.1(@babel/core@7.29.0)(webpack@5.95.0(@swc/core@1.3.96))
-      copy-webpack-plugin: 12.0.2(webpack@5.95.0(@swc/core@1.3.96))
-      css-loader: 7.1.4(webpack@5.95.0(@swc/core@1.3.96))
-      css-minimizer-webpack-plugin: 6.0.0(esbuild@0.21.5)(lightningcss@1.32.0)(webpack@5.95.0(@swc/core@1.3.96))
+      babel-loader: 8.2.1(@babel/core@7.29.0)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
+      copy-webpack-plugin: 12.0.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
+      css-loader: 7.1.4(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
+      css-minimizer-webpack-plugin: 6.0.0(esbuild@0.21.5)(lightningcss@1.32.0)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       detect-port: 1.6.1
       esbuild: 0.21.5
-      esbuild-loader: 4.4.3(webpack@5.95.0(@swc/core@1.3.96))
+      esbuild-loader: 4.4.3(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       html-minifier: 4.0.0
-      html-webpack-plugin: 5.6.7(webpack@5.95.0(@swc/core@1.3.96))
+      html-webpack-plugin: 5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       jsdom: 24.1.3
-      less-loader: 12.3.2(less@3.13.1)(webpack@5.95.0(@swc/core@1.3.96))
+      less-loader: 12.3.2(less@3.13.1)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       lightningcss: 1.32.0
       loader-utils: 3.3.1
       lodash: 4.18.1
       md5: 2.3.0
-      mini-css-extract-plugin: 2.10.2(webpack@5.95.0(@swc/core@1.3.96))
+      mini-css-extract-plugin: 2.10.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       miniprogram-simulate: 1.6.1
       ora: 5.4.1
       picomatch: 4.0.4
       postcss: 8.5.12
       postcss-html-transform: 4.2.0(postcss@8.5.12)
       postcss-import: 16.1.1(postcss@8.5.12)
-      postcss-loader: 8.2.1(postcss@8.5.12)(typescript@5.9.3)(webpack@5.95.0(@swc/core@1.3.96))
+      postcss-loader: 8.2.1(postcss@8.5.12)(typescript@5.9.3)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       postcss-plugin-constparse: 4.2.0(postcss@8.5.12)
       postcss-pxtransform: 4.2.0(postcss@8.5.12)
       postcss-url: 10.1.3(postcss@8.5.12)
       regenerator-runtime: 0.11.1
       resolve-url-loader: 5.0.0
-      sass-loader: 14.2.1(sass@1.99.0)(webpack@5.95.0(@swc/core@1.3.96))
+      sass-loader: 14.2.1(sass@1.99.0)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       sax: 1.2.4
-      style-loader: 3.3.4(webpack@5.95.0(@swc/core@1.3.96))
-      stylus-loader: 8.1.3(stylus@0.64.0)(webpack@5.95.0(@swc/core@1.3.96))
-      terser-webpack-plugin: 5.5.0(@swc/core@1.3.96)(esbuild@0.21.5)(webpack@5.95.0(@swc/core@1.3.96))
+      style-loader: 3.3.4(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
+      stylus-loader: 8.1.3(stylus@0.64.0)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
+      terser-webpack-plugin: 5.5.0(@swc/core@1.3.96)(esbuild@0.21.5)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       vm2: 3.10.5
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
       webpack-chain: 6.5.1
-      webpack-dev-server: 4.15.2(webpack@5.95.0(@swc/core@1.3.96))
+      webpack-dev-server: 4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       webpack-format-messages: 3.0.1
       webpack-virtual-modules: 0.6.2
-      webpackbar: 5.0.2(webpack@5.95.0(@swc/core@1.3.96))
+      webpackbar: 5.0.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
     optionalDependencies:
       less: 3.13.1
       sass: 1.99.0
@@ -7414,6 +7661,11 @@ snapshots:
       - utf-8-validate
       - webpack-cli
 
+  '@tybys/wasm-util@0.10.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@types/archy@0.0.31': {}
 
   '@types/body-parser@1.19.6':
@@ -7597,11 +7849,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.5':
+  '@vitest/mocker@4.1.5(vite@8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2))':
     dependencies:
       '@vitest/spy': 4.1.5
       estree-walker: 3.0.3
       magic-string: 0.30.21
+    optionalDependencies:
+      vite: 8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2)
 
   '@vitest/pretty-format@4.1.5':
     dependencies:
@@ -7826,7 +8080,7 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  babel-loader@8.2.1(@babel/core@7.29.0)(webpack@5.95.0(@swc/core@1.3.96)):
+  babel-loader@8.2.1(@babel/core@7.29.0)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       '@babel/core': 7.29.0
       find-cache-dir: 2.1.0
@@ -7834,7 +8088,7 @@ snapshots:
       make-dir: 2.1.0
       pify: 4.0.1
       schema-utils: 2.7.1
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
   babel-plugin-const-enum@1.2.0(@babel/core@7.29.0):
     dependencies:
@@ -8243,7 +8497,7 @@ snapshots:
     dependencies:
       is-what: 3.14.1
 
-  copy-webpack-plugin@12.0.2(webpack@5.95.0(@swc/core@1.3.96)):
+  copy-webpack-plugin@12.0.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       fast-glob: 3.3.3
       glob-parent: 6.0.2
@@ -8251,7 +8505,7 @@ snapshots:
       normalize-path: 3.0.0
       schema-utils: 4.3.3
       serialize-javascript: 6.0.2
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
   core-js-compat@3.49.0:
     dependencies:
@@ -8288,7 +8542,7 @@ snapshots:
     dependencies:
       postcss: 8.5.12
 
-  css-loader@7.1.4(webpack@5.95.0(@swc/core@1.3.96)):
+  css-loader@7.1.4(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       icss-utils: 5.1.0(postcss@8.5.12)
       postcss: 8.5.12
@@ -8299,9 +8553,9 @@ snapshots:
       postcss-value-parser: 4.2.0
       semver: 7.7.4
     optionalDependencies:
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
-  css-minimizer-webpack-plugin@6.0.0(esbuild@0.21.5)(lightningcss@1.32.0)(webpack@5.95.0(@swc/core@1.3.96)):
+  css-minimizer-webpack-plugin@6.0.0(esbuild@0.21.5)(lightningcss@1.32.0)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       cssnano: 6.1.2(postcss@8.5.12)
@@ -8309,7 +8563,7 @@ snapshots:
       postcss: 8.5.12
       schema-utils: 4.3.3
       serialize-javascript: 6.0.2
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
     optionalDependencies:
       esbuild: 0.21.5
       lightningcss: 1.32.0
@@ -8674,12 +8928,12 @@ snapshots:
       has-tostringtag: 1.0.2
       hasown: 2.0.3
 
-  esbuild-loader@4.4.3(webpack@5.95.0(@swc/core@1.3.96)):
+  esbuild-loader@4.4.3(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       esbuild: 0.27.7
       get-tsconfig: 4.14.0
       loader-utils: 2.0.4
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
       webpack-sources: 3.4.0
 
   esbuild@0.21.5:
@@ -9272,7 +9526,7 @@ snapshots:
       relateurl: 0.2.7
       uglify-js: 3.19.3
 
-  html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)):
+  html-webpack-plugin@5.6.7(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       '@types/html-minifier-terser': 6.1.0
       html-minifier-terser: 6.1.0
@@ -9280,7 +9534,7 @@ snapshots:
       pretty-error: 4.0.0
       tapable: 2.3.3
     optionalDependencies:
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
   htmlparser2@6.1.0:
     dependencies:
@@ -9653,11 +9907,11 @@ snapshots:
       picocolors: 1.1.1
       shell-quote: 1.8.3
 
-  less-loader@12.3.2(less@3.13.1)(webpack@5.95.0(@swc/core@1.3.96)):
+  less-loader@12.3.2(less@3.13.1)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       less: 3.13.1
     optionalDependencies:
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
   less@3.13.1:
     dependencies:
@@ -9883,11 +10137,11 @@ snapshots:
     dependencies:
       dom-walk: 0.1.2
 
-  mini-css-extract-plugin@2.10.2(webpack@5.95.0(@swc/core@1.3.96)):
+  mini-css-extract-plugin@2.10.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       schema-utils: 4.3.3
       tapable: 2.3.3
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
   minimalistic-assert@1.0.1: {}
 
@@ -10295,14 +10549,14 @@ snapshots:
       read-cache: 1.0.0
       resolve: 1.22.12
 
-  postcss-loader@8.2.1(postcss@8.5.12)(typescript@5.9.3)(webpack@5.95.0(@swc/core@1.3.96)):
+  postcss-loader@8.2.1(postcss@8.5.12)(typescript@5.9.3)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       cosmiconfig: 9.0.1(typescript@5.9.3)
       jiti: 2.6.1
       postcss: 8.5.12
       semver: 7.7.4
     optionalDependencies:
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
     transitivePeerDependencies:
       - typescript
 
@@ -10699,6 +10953,27 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
+  rolldown@1.0.0-rc.17:
+    dependencies:
+      '@oxc-project/types': 0.127.0
+      '@rolldown/pluginutils': 1.0.0-rc.17
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.0.0-rc.17
+      '@rolldown/binding-darwin-arm64': 1.0.0-rc.17
+      '@rolldown/binding-darwin-x64': 1.0.0-rc.17
+      '@rolldown/binding-freebsd-x64': 1.0.0-rc.17
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-rc.17
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-rc.17
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-rc.17
+      '@rolldown/binding-linux-ppc64-gnu': 1.0.0-rc.17
+      '@rolldown/binding-linux-s390x-gnu': 1.0.0-rc.17
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-rc.17
+      '@rolldown/binding-linux-x64-musl': 1.0.0-rc.17
+      '@rolldown/binding-openharmony-arm64': 1.0.0-rc.17
+      '@rolldown/binding-wasm32-wasi': 1.0.0-rc.17
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.17
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-rc.17
+
   rollup@3.30.0:
     optionalDependencies:
       fsevents: 2.3.3
@@ -10723,12 +10998,12 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  sass-loader@14.2.1(sass@1.99.0)(webpack@5.95.0(@swc/core@1.3.96)):
+  sass-loader@14.2.1(sass@1.99.0)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       neo-async: 2.6.2
     optionalDependencies:
       sass: 1.99.0
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
   sass@1.99.0:
     dependencies:
@@ -11019,9 +11294,9 @@ snapshots:
     dependencies:
       escape-string-regexp: 1.0.5
 
-  style-loader@3.3.4(webpack@5.95.0(@swc/core@1.3.96)):
+  style-loader@3.3.4(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
   stylehacks@6.1.1(postcss@8.5.12):
     dependencies:
@@ -11029,13 +11304,13 @@ snapshots:
       postcss: 8.5.12
       postcss-selector-parser: 6.1.2
 
-  stylus-loader@8.1.3(stylus@0.64.0)(webpack@5.95.0(@swc/core@1.3.96)):
+  stylus-loader@8.1.3(stylus@0.64.0)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       fast-glob: 3.3.3
       normalize-path: 3.0.0
       stylus: 0.64.0
     optionalDependencies:
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
   stylus@0.64.0:
     dependencies:
@@ -11088,17 +11363,28 @@ snapshots:
       to-buffer: 1.2.2
       xtend: 4.0.2
 
-  terser-webpack-plugin@5.5.0(@swc/core@1.3.96)(esbuild@0.21.5)(webpack@5.95.0(@swc/core@1.3.96)):
+  terser-webpack-plugin@5.5.0(@swc/core@1.3.96)(esbuild@0.21.5)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       jest-worker: 27.5.1
       schema-utils: 4.3.3
       terser: 5.46.2
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
     optionalDependencies:
       '@swc/core': 1.3.96
       esbuild: 0.21.5
 
+  terser-webpack-plugin@5.5.0(@swc/core@1.3.96)(esbuild@0.27.7)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      jest-worker: 27.5.1
+      schema-utils: 4.3.3
+      terser: 5.46.2
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
+    optionalDependencies:
+      '@swc/core': 1.3.96
+      esbuild: 0.27.7
+
   terser@5.46.2:
     dependencies:
       '@jridgewell/source-map': 0.3.11
@@ -11272,10 +11558,27 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vitest@4.1.5(@types/node@25.6.0)(jsdom@24.1.3):
+  vite@8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2):
+    dependencies:
+      lightningcss: 1.32.0
+      picomatch: 4.0.4
+      postcss: 8.5.12
+      rolldown: 1.0.0-rc.17
+      tinyglobby: 0.2.16
+    optionalDependencies:
+      '@types/node': 25.6.0
+      esbuild: 0.27.7
+      fsevents: 2.3.3
+      jiti: 2.6.1
+      less: 3.13.1
+      sass: 1.99.0
+      stylus: 0.64.0
+      terser: 5.46.2
+
+  vitest@4.1.5(@types/node@25.6.0)(jsdom@24.1.3)(vite@8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2)):
     dependencies:
       '@vitest/expect': 4.1.5
-      '@vitest/mocker': 4.1.5
+      '@vitest/mocker': 4.1.5(vite@8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2))
       '@vitest/pretty-format': 4.1.5
       '@vitest/runner': 4.1.5
       '@vitest/snapshot': 4.1.5
@@ -11292,6 +11595,7 @@ snapshots:
       tinyexec: 1.1.1
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
+      vite: 8.0.10(@types/node@25.6.0)(esbuild@0.27.7)(jiti@2.6.1)(less@3.13.1)(sass@1.99.0)(stylus@0.64.0)(terser@5.46.2)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 25.6.0
@@ -11328,16 +11632,16 @@ snapshots:
       deepmerge: 1.5.2
       javascript-stringify: 2.1.0
 
-  webpack-dev-middleware@5.3.4(webpack@5.95.0(@swc/core@1.3.96)):
+  webpack-dev-middleware@5.3.4(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       colorette: 2.0.20
       memfs: 3.5.3
       mime-types: 2.1.35
       range-parser: 1.2.1
       schema-utils: 4.3.3
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
-  webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)):
+  webpack-dev-server@4.15.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       '@types/bonjour': 3.5.13
       '@types/connect-history-api-fallback': 1.5.4
@@ -11367,10 +11671,10 @@ snapshots:
       serve-index: 1.9.2
       sockjs: 0.3.24
       spdy: 4.0.2
-      webpack-dev-middleware: 5.3.4(webpack@5.95.0(@swc/core@1.3.96))
+      webpack-dev-middleware: 5.3.4(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       ws: 8.20.0
     optionalDependencies:
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
     transitivePeerDependencies:
       - bufferutil
       - debug
@@ -11391,7 +11695,7 @@ snapshots:
 
   webpack-virtual-modules@0.6.2: {}
 
-  webpack@5.95.0(@swc/core@1.3.96):
+  webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7):
     dependencies:
       '@types/estree': 1.0.8
       '@webassemblyjs/ast': 1.14.1
@@ -11413,7 +11717,7 @@ snapshots:
       neo-async: 2.6.2
       schema-utils: 3.3.0
       tapable: 2.3.3
-      terser-webpack-plugin: 5.5.0(@swc/core@1.3.96)(esbuild@0.21.5)(webpack@5.95.0(@swc/core@1.3.96))
+      terser-webpack-plugin: 5.5.0(@swc/core@1.3.96)(esbuild@0.27.7)(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7))
       watchpack: 2.5.1
       webpack-sources: 3.4.0
     transitivePeerDependencies:
@@ -11421,13 +11725,13 @@ snapshots:
       - esbuild
       - uglify-js
 
-  webpackbar@5.0.2(webpack@5.95.0(@swc/core@1.3.96)):
+  webpackbar@5.0.2(webpack@5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)):
     dependencies:
       chalk: 4.1.2
       consola: 2.15.3
       pretty-time: 1.1.0
       std-env: 3.10.0
-      webpack: 5.95.0(@swc/core@1.3.96)
+      webpack: 5.95.0(@swc/core@1.3.96)(esbuild@0.27.7)
 
   websocket-driver@0.7.4:
     dependencies:

apps/miniprogram/project.config.json

@@ -9,8 +9,12 @@
     "enhance": false,
     "compileHotReLoad": true,
     "postcss": false,
-    "minified": false,
+    "minified": true,
     "bundle": false,
-    "minifyWXML": true
-  }
+    "minifyWXML": true,
+    "packNpmManually": false,
+    "packNpmRelationList": [],
+    "ignoreUploadUnusedFiles": true
+  },
+  "condition": {}
 }

apps/miniprogram/project.private.config.json

@@ -7,7 +7,7 @@
     "lazyloadPlaceholderEnable": false,
     "skylineRenderEnable": false,
     "preloadBackgroundData": false,
-    "autoAudits": false,
+    "autoAudits": true,
     "useApiHook": true,
     "showShadowRootInWxmlPanel": false,
     "useStaticServer": false,

apps/miniprogram/src/app.config.ts

@@ -44,6 +44,7 @@ export default defineAppConfig({
         'dialysis-records/index', 'dialysis-records/detail/index',
         'dialysis-prescriptions/index', 'dialysis-prescriptions/detail/index',
         'consents/index', 'health-records/index', 'diagnoses/index',
+        'elder-mode/index',
       ],
     },
     {
@@ -88,5 +89,6 @@ export default defineAppConfig({
     navigationBarBackgroundColor: '#FFFFFF',
     navigationBarTitleText: '健康管理',
     navigationBarTextStyle: 'black',
+    enablePullDownRefresh: true,
   },
 });

apps/miniprogram/src/app.scss

@@ -1,4 +1,6 @@
 @import './styles/variables.scss';
+@import './styles/tokens.scss';
+@import './styles/elder-mode.scss';
 
 page {
   font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 'PingFang SC',

apps/miniprogram/src/app.tsx

@@ -1,15 +1,21 @@
 import { useEffect, PropsWithChildren } from 'react';
-import Taro from '@tarojs/taro';
+import Taro, { useDidShow } from '@tarojs/taro';
 import ErrorBoundary from './components/ErrorBoundary';
 import { flushEvents } from './services/analytics';
 import { useAuthStore } from './stores/auth';
+import { useUIStore } from './stores/ui';
 import './app.scss';
 
 function App({ children }: PropsWithChildren<Record<string, unknown>>) {
   const restoreAuth = useAuthStore((s) => s.restore);
+  const restoreUI = useUIStore((s) => s.restore);
+
+  useDidShow(() => {
+    restoreAuth();
+    restoreUI();
+  });
 
   useEffect(() => {
-    restoreAuth();
     const timer = setInterval(() => {
       flushEvents();
     }, 30000);

apps/miniprogram/src/components/DeviceCard/index.scss

@@ -10,7 +10,7 @@
   box-shadow: $shadow-sm;
 
   .device-icon {
-    font-size: 48rpx;
+    font-size: var(--tk-font-h2);
     margin-right: 20rpx;
   }
 
@@ -18,14 +18,14 @@
     flex: 1;
 
     .device-name {
-      font-size: 28rpx;
+      font-size: var(--tk-font-cap);
       font-weight: 600;
       color: $tx;
       display: block;
     }
 
     .device-status {
-      font-size: 24rpx;
+      font-size: var(--tk-font-micro);
       margin-top: 4rpx;
       display: block;
 
@@ -34,7 +34,7 @@
     }
 
     .last-sync {
-      font-size: 22rpx;
+      font-size: var(--tk-font-micro);
       color: $tx3;
       margin-top: 4rpx;
       display: block;
@@ -46,6 +46,6 @@
     background: $pri;
     color: #fff;
     border-radius: $r-pill;
-    font-size: 24rpx;
+    font-size: var(--tk-font-micro);
   }
 }

apps/miniprogram/src/components/EmptyState/index.scss

@@ -8,20 +8,33 @@
   padding: 120px 40px;
 }
 
-.empty-state-icon {
-  font-size: 80px;
+.empty-state-icon-wrap {
+  width: 120px;
+  height: 120px;
+  border-radius: 50%;
+  background: $surface-alt;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   margin-bottom: 24px;
 }
 
+.empty-state-icon-char {
+  font-family: Georgia, 'Times New Roman', serif;
+  font-size: var(--tk-font-hero);
+  font-weight: 600;
+  color: $tx3;
+}
+
 .empty-state-text {
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   color: $tx2;
   margin-bottom: 8px;
 }
 
 .empty-state-hint {
-  font-size: 24px;
-  color: $tx3;
+  font-size: var(--tk-font-h2);
+  color: var(--tk-text-secondary);
   margin-bottom: 32px;
 }
 
@@ -32,6 +45,6 @@
 }
 
 .empty-state-action-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: #fff;
 }

apps/miniprogram/src/components/EmptyState/index.tsx

@@ -11,15 +11,18 @@ interface EmptyStateProps {
 }
 
 export default React.memo(function EmptyState({
-  icon = '📭',
+  icon,
   text,
   hint,
   actionText,
   onAction,
 }: EmptyStateProps) {
+  const displayChar = icon || text.charAt(0);
   return (
     <View className='empty-state'>
-      <Text className='empty-state-icon'>{icon}</Text>
+      <View className='empty-state-icon-wrap'>
+        <Text className='empty-state-icon-char'>{displayChar}</Text>
+      </View>
       <Text className='empty-state-text'>{text}</Text>
       {hint && <Text className='empty-state-hint'>{hint}</Text>}
       {actionText && onAction && (

apps/miniprogram/src/components/ErrorBoundary/index.tsx

@@ -23,13 +23,25 @@ export default class ErrorBoundary extends Component<Props, State> {
     console.error('[ErrorBoundary]', error, info.componentStack);
   }
 
+  handleRetry = () => {
+    this.setState({ hasError: false });
+  };
+
   render() {
     if (this.state.hasError) {
       return (
-        <View style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '60vh', padding: '40px' }}>
-          <Text style={{ fontSize: '48px', marginBottom: '20px' }}>😵</Text>
-          <Text style={{ fontSize: '32px', color: '#134E4A', marginBottom: '12px' }}>页面出了点问题</Text>
-          <Text style={{ fontSize: '24px', color: '#94A3B8', marginBottom: '24px' }}>请返回重试</Text>
+        <View style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', minHeight: '60vh', padding: '40px 24px' }}>
+          <View style={{ width: '64px', height: '64px', borderRadius: '32px', background: '#F0DDD4', display: 'flex', alignItems: 'center', justifyContent: 'center', marginBottom: '20px' }}>
+            <Text style={{ fontFamily: 'Georgia, serif', fontSize: '28px', fontWeight: 600, color: '#8B3E1F' }}>!</Text>
+          </View>
+          <Text style={{ fontSize: '32px', color: '#2D2A26', marginBottom: '12px', fontWeight: 600 }}>页面出了点问题</Text>
+          <Text style={{ fontSize: '24px', color: '#78716C', marginBottom: '32px' }}>请返回重试</Text>
+          <View
+            onClick={this.handleRetry}
+            style={{ background: '#C4623A', borderRadius: '12px', padding: '14px 48px' }}
+          >
+            <Text style={{ color: '#FFFFFF', fontSize: '28px' }}>重新加载</Text>
+          </View>
         </View>
       );
     }

apps/miniprogram/src/components/ErrorState/index.scss

@@ -9,12 +9,12 @@
 }
 
 .error-state-icon {
-  font-size: 80px;
+  font-size: 80px; /* hero icon — kept as-is */
   margin-bottom: 24px;
 }
 
 .error-state-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx2;
   margin-bottom: 32px;
   text-align: center;
@@ -27,6 +27,6 @@
 }
 
 .error-state-retry-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: #fff;
 }

apps/miniprogram/src/components/GuestGuard/index.scss

@@ -0,0 +1,64 @@
+@import '../../styles/variables.scss';
+@import '../../styles/mixins.scss';
+
+.guard-page {
+  min-height: 100vh;
+  background: $bg;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 24px;
+}
+
+.guard-card {
+  text-align: center;
+  padding: 40px 20px;
+}
+
+.guard-icon-wrap {
+  width: 80px;
+  height: 80px;
+  border-radius: 40px;
+  background: $surface-alt;
+  @include flex-center;
+  margin: 0 auto 20px;
+}
+
+.guard-icon {
+  font-size: var(--tk-font-num);
+  color: $tx3;
+}
+
+.guard-title {
+  font-size: var(--tk-font-body-sm);
+  font-weight: 600;
+  color: $tx;
+  display: block;
+  margin-bottom: 8px;
+}
+
+.guard-desc {
+  font-size: var(--tk-font-cap);
+  color: var(--tk-text-secondary);
+  display: block;
+  margin-bottom: 24px;
+}
+
+.guard-btn {
+  display: inline-block;
+  height: 48px;
+  padding: 0 32px;
+  background: $pri;
+  border-radius: $r-pill;
+  @include flex-center;
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+.guard-btn-text {
+  font-size: var(--tk-font-body-sm);
+  font-weight: 600;
+  color: #fff;
+}

apps/miniprogram/src/components/GuestGuard/index.tsx

@@ -0,0 +1,28 @@
+import { View, Text } from '@tarojs/components';
+import { navigateToLogin } from '../../utils/navigate';
+import './index.scss';
+
+interface GuestGuardProps {
+  title: string;
+  desc?: string;
+}
+
+export default function GuestGuard({ title, desc }: GuestGuardProps) {
+  return (
+    <View className='guard-page'>
+      <View className='guard-card'>
+        <View className='guard-icon-wrap'>
+          <Text className='guard-icon'>锁</Text>
+        </View>
+        <Text className='guard-title'>{title}</Text>
+        {desc && <Text className='guard-desc'>{desc}</Text>}
+        <View
+          className='guard-btn'
+          onClick={navigateToLogin}
+        >
+          <Text className='guard-btn-text'>立即登录</Text>
+        </View>
+      </View>
+    </View>
+  );
+}

apps/miniprogram/src/components/Loading/index.scss

@@ -25,6 +25,6 @@
 }
 
 .loading-state-text {
-  font-size: 26px;
-  color: $tx3;
+  font-size: var(--tk-font-h1);
+  color: var(--tk-text-secondary);
 }

apps/miniprogram/src/components/ProgressRing.scss

@@ -17,13 +17,13 @@
 
 .progress-ring-percent {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   font-weight: bold;
   line-height: 1;
 }
 
 .progress-ring-unit {
-  font-size: 12px;
+  font-size: var(--tk-font-micro);
   font-weight: 600;
   line-height: 1;
 }

apps/miniprogram/src/components/StepIndicator/index.scss

@@ -39,7 +39,7 @@
   justify-content: center;
   background: $bd-l;
   color: $tx3;
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   transition: all 0.3s ease;
   z-index: 1;
 
@@ -55,8 +55,8 @@
 }
 
 .step-label {
-  font-size: 22px;
-  color: $tx3;
+  font-size: var(--tk-font-body);
+  color: var(--tk-text-secondary);
   margin-top: 8px;
   text-align: center;
 

apps/miniprogram/src/components/TrendChart/index.scss

@@ -13,8 +13,8 @@
 }
 
 .trend-chart-empty-text {
-  font-size: 28px;
-  color: $tx3;
+  font-size: var(--tk-font-body-lg);
+  color: var(--tk-text-secondary);
 }
 
 .trend-chart-skeleton {

apps/miniprogram/src/components/WeekCalendar/index.scss

@@ -14,13 +14,13 @@
 }
 
 .week-arrow {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $pri;
   padding: 0 16px;
 }
 
 .week-label {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx;
   font-weight: bold;
 }
@@ -39,13 +39,13 @@
 }
 
 .cell-weekday {
-  font-size: 20px;
-  color: $tx3;
+  font-size: var(--tk-font-body);
+  color: var(--tk-text-secondary);
   display: block;
 }
 
 .cell-date {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   display: block;
   margin-top: 4px;

apps/miniprogram/src/hooks/useElderClass.ts

@@ -0,0 +1,6 @@
+import { useUIStore } from '../stores/ui';
+
+export function useElderClass(): string {
+  const mode = useUIStore((s) => s.mode);
+  return mode === 'elder' ? 'elder-mode' : '';
+}

apps/miniprogram/src/pages/ai-report/detail/index.scss

@@ -1,23 +1,5 @@
 @import '../../../styles/variables.scss';
-
-@mixin section-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 30px;
-  font-weight: bold;
-  color: $tx;
-  margin-bottom: 20px;
-  display: block;
-}
-
-@mixin tag($bg, $color) {
-  display: inline-block;
-  padding: 4px 12px;
-  border-radius: 8px;
-  font-size: 20px;
-  font-weight: 500;
-  background: $bg;
-  color: $color;
-}
+@import '../../../styles/mixins.scss';
 
 .detail-page {
   min-height: 100vh;
@@ -45,7 +27,7 @@
 }
 
 .meta-item {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
 }
 
@@ -63,7 +45,7 @@
   }
 
   p {
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     color: $tx;
     line-height: 1.8;
     margin-bottom: 16px;
@@ -75,7 +57,7 @@
   }
 
   li {
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     color: $tx;
     line-height: 1.8;
     margin-bottom: 8px;
@@ -87,7 +69,7 @@
 }
 
 .report-content {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   line-height: 1.8;
   color: $tx;
 }
@@ -96,8 +78,8 @@
   display: block;
   text-align: center;
   padding: 120px 0;
-  color: $tx3;
-  font-size: 28px;
+  color: var(--tk-text-secondary);
+  font-size: var(--tk-font-body-lg);
 }
 
 .auto-badge {
@@ -109,7 +91,7 @@
   display: inline-block;
   padding: 4px 16px;
   border-radius: 8px;
-  font-size: 20px;
+  font-size: var(--tk-font-body);
   font-weight: 500;
   background: #f0e6ff;
   color: #7c3aed;
@@ -124,7 +106,7 @@
 }
 
 .trend-tip-text {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: #92400e;
   line-height: 1.6;
 }

apps/miniprogram/src/pages/ai-report/detail/index.tsx

@@ -3,6 +3,7 @@ import { View, Text, RichText } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import { getAiAnalysisDetail, type AiAnalysisItem } from '@/services/ai-analysis';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 const TYPE_LABELS: Record<string, string> = {
@@ -44,6 +45,7 @@ function markdownToHtml(md: string): string {
 }
 
 export default function AiReportDetail() {
+  const modeClass = useElderClass();
   const router = useRouter();
   const id = router.params.id || '';
 
@@ -63,7 +65,7 @@ export default function AiReportDetail() {
 
   if (!analysis) {
     return (
-      <View className='detail-page'>
+      <View className={`detail-page ${modeClass}`}>
         <Text className='empty-text'>报告不存在</Text>
       </View>
     );
@@ -77,7 +79,7 @@ export default function AiReportDetail() {
   const isAutoAnalysis = (analysis.result_metadata as Record<string, unknown>)?.auto_analysis === true;
 
   return (
-    <View className='detail-page'>
+    <View className={`detail-page ${modeClass}`}>
       <View className='detail-card'>
         <Text className='detail-type'>{TYPE_LABELS[analysis.analysis_type] || analysis.analysis_type}</Text>
         <View className='detail-meta'>

apps/miniprogram/src/pages/ai-report/list/index.scss

@@ -1,28 +1,5 @@
 @import '../../../styles/variables.scss';
-
-@mixin serif-number {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-variant-numeric: tabular-nums;
-}
-
-@mixin section-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 30px;
-  font-weight: bold;
-  color: $tx;
-  margin-bottom: 20px;
-  display: block;
-}
-
-@mixin tag($bg, $color) {
-  display: inline-block;
-  padding: 4px 12px;
-  border-radius: 8px;
-  font-size: 20px;
-  font-weight: 500;
-  background: $bg;
-  color: $color;
-}
+@import '../../../styles/mixins.scss';
 
 .ai-report-page {
   min-height: 100vh;
@@ -55,7 +32,7 @@
 }
 
 .card-type {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: 500;
   color: $tx;
 }
@@ -87,19 +64,19 @@
 }
 
 .card-time {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
 }
 
 .card-model {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
 }
 
 .no-more {
   text-align: center;
-  font-size: 24px;
-  color: $tx3;
+  font-size: var(--tk-font-h2);
+  color: var(--tk-text-secondary);
   padding: 24px 0;
   display: block;
 }

apps/miniprogram/src/pages/ai-report/list/index.tsx

@@ -4,6 +4,7 @@ import Taro from '@tarojs/taro';
 import { listAiAnalysis, type AiAnalysisItem } from '@/services/ai-analysis';
 import Loading from '@/components/Loading';
 import EmptyState from '@/components/EmptyState';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 const TYPE_LABELS: Record<string, string> = {
@@ -21,6 +22,7 @@ const STATUS_MAP: Record<string, { text: string; className: string }> = {
 };
 
 export default function AiReportList() {
+  const modeClass = useElderClass();
   const [list, setList] = useState<AiAnalysisItem[]>([]);
   const [loading, setLoading] = useState(true);
   const [page, setPage] = useState(1);
@@ -60,14 +62,14 @@ export default function AiReportList() {
 
   if (list.length === 0) {
     return (
-      <View className='ai-report-page'>
+      <View className={`ai-report-page ${modeClass}`}>
         <EmptyState text='暂无 AI 分析报告' />
       </View>
     );
   }
 
   return (
-    <View className='ai-report-page'>
+    <View className={`ai-report-page ${modeClass}`}>
       <View className='page-title'>AI 分析报告</View>
       <ScrollView scrollY className='report-scroll' onScrollToLower={loadMore}>
         {list.map((item) => {

apps/miniprogram/src/pages/appointment/create/index.scss

@@ -55,7 +55,7 @@
 
 .dept-initial-text {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: $pri;
 
@@ -65,7 +65,7 @@
 }
 
 .dept-label {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx;
   font-weight: 500;
 }
@@ -77,7 +77,7 @@
 
 .slot-section-title {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
   margin-bottom: 16px;
@@ -114,14 +114,14 @@
 
 .slot-time {
   @include serif-number;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
   display: block;
 }
 
 .slot-count {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
   display: block;
   margin-top: 6px;
@@ -156,7 +156,7 @@
 
 .confirm-icon-serif {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   font-weight: bold;
   color: $pri;
 }
@@ -169,12 +169,12 @@
 }
 
 .confirm-label {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
 }
 
 .confirm-value {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
 }
@@ -185,7 +185,7 @@
 }
 
 .confirm-dept-text {
-  font-size: 20px;
+  font-size: var(--tk-font-body);
   font-weight: 500;
   color: $pri;
 }
@@ -225,7 +225,7 @@
 
 .doctor-avatar-text {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 32px;
+  font-size: var(--tk-font-num);
   color: $pri;
   font-weight: bold;
 }
@@ -238,18 +238,18 @@
 }
 
 .doctor-name {
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: $tx;
 }
 
 .doctor-title {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
 }
 
 .doctor-specialty {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $pri;
 }
 
@@ -263,7 +263,7 @@
 }
 
 .doctor-check-text {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: white;
   font-weight: bold;
 }
@@ -274,7 +274,7 @@
 }
 
 .form-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   margin-bottom: 12px;
   display: block;
@@ -284,7 +284,7 @@
   background: $card;
   border-radius: $r-sm;
   padding: 24px 28px;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
   width: 100%;
   box-sizing: border-box;
@@ -298,8 +298,8 @@
 }
 
 .empty-text {
-  font-size: 28px;
-  color: $tx3;
+  font-size: var(--tk-font-body-lg);
+  color: var(--tk-text-secondary);
 }
 
 /* 底部操作栏 */
@@ -339,7 +339,7 @@
 }
 
 .btn-text {
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: $tx2;
 }

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}

apps/miniprogram/src/pages/appointment/detail/index.scss

@@ -23,14 +23,14 @@
 }
 
 .back-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $pri;
   font-weight: 500;
 }
 
 .header-title {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 34px;
+  font-size: var(--tk-font-num-lg);
   font-weight: bold;
   color: $tx;
 }
@@ -80,19 +80,19 @@
 }
 
 .status-tag-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
 }
 
 .status-doctor {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 36px;
+  font-size: var(--tk-font-num-lg);
   font-weight: bold;
   color: $tx;
 }
 
 .status-dept {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
@@ -130,7 +130,7 @@
 
 .info-icon-serif {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 20px;
+  font-size: var(--tk-font-body);
   color: $pri;
   background: $pri-l;
   width: 36px;
@@ -143,12 +143,12 @@
 }
 
 .info-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
 .info-value {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   font-weight: 500;
 }
@@ -163,8 +163,8 @@
 
 .info-id {
   @include serif-number;
-  font-size: 22px;
-  color: $tx3;
+  font-size: var(--tk-font-body);
+  color: var(--tk-text-secondary);
   word-break: break-all;
   max-width: 400px;
   text-align: right;
@@ -180,7 +180,7 @@
 
 .tips-title {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $wrn;
   margin-bottom: 12px;
@@ -188,7 +188,7 @@
 }
 
 .tips-text {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
   line-height: 1.6;
 }
@@ -219,7 +219,7 @@
 }
 
 .cancel-text {
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: $dan;
 }

apps/miniprogram/src/pages/appointment/detail/index.tsx

@@ -5,6 +5,7 @@ import { getAppointment, cancelAppointment } from '../../../services/appointment
 import type { Appointment } from '../../../services/appointment';
 import Loading from '../../../components/Loading';
 import ErrorState from '../../../components/ErrorState';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 const STATUS_MAP: Record<string, { label: string; className: string }> = {
@@ -22,6 +23,7 @@ export default function AppointmentDetail() {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(false);
   const [cancelling, setCancelling] = useState(false);
+  const modeClass = useElderClass();
 
   useEffect(() => {
     if (!id) return;
@@ -65,7 +67,7 @@ export default function AppointmentDetail() {
 
   if (loading) {
     return (
-      <View className='detail-page'>
+      <View className={`detail-page ${modeClass}`}>
         <View className='detail-header'>
           <View className='back-btn' onClick={goBack}><Text className='back-text'>返回</Text></View>
           <Text className='header-title'>预约详情</Text>
@@ -78,7 +80,7 @@ export default function AppointmentDetail() {
 
   if (error || !appointment) {
     return (
-      <View className='detail-page'>
+      <View className={`detail-page ${modeClass}`}>
         <View className='detail-header'>
           <View className='back-btn' onClick={goBack}><Text className='back-text'>返回</Text></View>
           <Text className='header-title'>预约详情</Text>
@@ -90,7 +92,7 @@ export default function AppointmentDetail() {
   }
 
   return (
-    <View className='detail-page'>
+    <View className={`detail-page ${modeClass}`}>
       <View className='detail-header'>
         <View className='back-btn' onClick={goBack}><Text className='back-text'>返回</Text></View>
         <Text className='header-title'>预约详情</Text>

apps/miniprogram/src/pages/appointment/index.scss

@@ -17,13 +17,13 @@
 .page-title {
   @include section-title;
   margin-bottom: 4px;
-  font-size: 36px;
+  font-size: var(--tk-font-num-lg);
 }
 
 .page-subtitle {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 22px;
-  color: $tx3;
+  font-size: var(--tk-font-body);
+  color: var(--tk-text-secondary);
   letter-spacing: 1px;
 }
 
@@ -67,7 +67,7 @@
 
 .dept-initial-text {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 32px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: $pri;
 }
@@ -80,7 +80,7 @@
 }
 
 .doctor-name {
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: $tx;
   overflow: hidden;
@@ -93,7 +93,7 @@
 }
 
 .dept-tag-text {
-  font-size: 20px;
+  font-size: var(--tk-font-body);
   font-weight: 500;
   color: $pri;
 }
@@ -124,7 +124,7 @@
 }
 
 .status-tag-text {
-  font-size: 20px;
+  font-size: var(--tk-font-body);
   font-weight: 500;
 }
 
@@ -157,12 +157,12 @@
 
 .info-icon-serif {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx2;
 }
 
 .info-text {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
@@ -186,7 +186,7 @@
 }
 
 .fab-text {
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   color: white;
   font-weight: bold;
   letter-spacing: 2px;

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

@@ -5,6 +5,7 @@ import { listAppointments } from '../../services/appointment';
 import type { Appointment } from '../../services/appointment';
 import EmptyState from '../../components/EmptyState';
 import Loading from '../../components/Loading';
+import { useElderClass } from '../../hooks/useElderClass';
 import './index.scss';
 
 const STATUS_MAP: Record<string, { label: string; className: string }> = {
@@ -30,6 +31,7 @@ export default function AppointmentList() {
   const [total, setTotal] = useState(0);
   const [loading, setLoading] = useState(false);
   const loadingRef = useRef(false);
+  const modeClass = useElderClass();
 
   const fetchData = useCallback(async (pageNum: number, isRefresh = false) => {
     if (loadingRef.current) return;
@@ -86,11 +88,10 @@ export default function AppointmentList() {
   };
 
   return (
-    <View className='appointment-page'>
+    <View className={`appointment-page ${modeClass}`}>
       {/* 页面标题 */}
       <View className='page-header'>
         <Text className='page-title'>预约挂号</Text>
-        <Text className='page-subtitle'>Appointment</Text>
       </View>
 
       {/* 预约列表 */}

apps/miniprogram/src/pages/article/detail/index.scss

@@ -13,7 +13,7 @@
 }
 
 .article-title {
-  font-size: 38px;
+  font-size: var(--tk-font-hero);
   font-weight: bold;
   color: $tx;
   display: block;
@@ -29,7 +29,7 @@
 }
 
 .article-category {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $pri;
   background: $pri-l;
   padding: 4px 12px;
@@ -37,13 +37,13 @@
 }
 
 .article-author {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
 }
 
 .article-date {
-  font-size: 24px;
-  color: $tx3;
+  font-size: var(--tk-font-h2);
+  color: var(--tk-text-secondary);
 }
 
 .article-summary {
@@ -53,7 +53,7 @@
 }
 
 .summary-text {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   line-height: 1.6;
 }
@@ -70,7 +70,7 @@
   }
 
   p {
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     color: $tx;
     line-height: 1.8;
     margin-bottom: 16px;
@@ -93,6 +93,6 @@
 
 .loading-text,
 .empty-text {
-  font-size: 28px;
-  color: $tx3;
+  font-size: var(--tk-font-body-lg);
+  color: var(--tk-text-secondary);
 }

apps/miniprogram/src/pages/article/detail/index.tsx

@@ -3,9 +3,11 @@ import { View, Text, RichText } from '@tarojs/components';
 import Taro, { useRouter, useShareAppMessage } from '@tarojs/taro';
 import { getArticleDetail, Article } from '../../../services/article';
 import { trackEvent } from '@/services/analytics';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 export default function ArticleDetail() {
+  const modeClass = useElderClass();
   const router = useRouter();
   const id = router.params.id || '';
 
@@ -31,7 +33,7 @@ export default function ArticleDetail() {
 
   if (loading) {
     return (
-      <View className='article-detail-page'>
+      <View className={`article-detail-page ${modeClass}`}>
         <View className='loading-state'>
           <Text className='loading-text'>加载中...</Text>
         </View>
@@ -41,7 +43,7 @@ export default function ArticleDetail() {
 
   if (!article) {
     return (
-      <View className='article-detail-page'>
+      <View className={`article-detail-page ${modeClass}`}>
         <View className='empty-state'>
           <Text className='empty-text'>文章不存在</Text>
         </View>
@@ -50,7 +52,7 @@ export default function ArticleDetail() {
   }
 
   return (
-    <View className='article-detail-page'>
+    <View className={`article-detail-page ${modeClass}`}>
       {/* 文章头部 */}
       <View className='article-header'>
         <Text className='article-title'>{article.title}</Text>

apps/miniprogram/src/pages/article/index.scss

@@ -16,7 +16,7 @@
   display: inline-block;
   padding: 12px 28px;
   margin-right: 12px;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   background: $card;
   border-radius: 32px;
@@ -52,7 +52,7 @@
 }
 
 .article-card-title {
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: $tx;
   line-height: 1.4;
@@ -66,7 +66,7 @@
 }
 
 .article-card-summary {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   line-height: 1.4;
   display: block;
@@ -83,7 +83,7 @@
 }
 
 .article-card-tag {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $pri;
   background: $pri-l;
   padding: 2px 12px;
@@ -91,7 +91,7 @@
 }
 
 .article-card-date {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
 }
 
@@ -116,8 +116,8 @@
 }
 
 .empty-text {
-  font-size: 28px;
-  color: $tx3;
+  font-size: var(--tk-font-body-lg);
+  color: var(--tk-text-secondary);
 }
 
 .loading-hint {
@@ -126,6 +126,6 @@
 }
 
 .loading-text {
-  font-size: 24px;
-  color: $tx3;
+  font-size: var(--tk-font-h2);
+  color: var(--tk-text-secondary);
 }

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

@@ -4,9 +4,11 @@ import Taro, { useDidShow, usePullDownRefresh, useReachBottom } from '@tarojs/ta
 import { listArticles, listCategories, Article, ArticleCategory } from '../../services/article';
 import EmptyState from '../../components/EmptyState';
 import Loading from '../../components/Loading';
+import { useElderClass } from '../../hooks/useElderClass';
 import './index.scss';
 
 export default function ArticleList() {
+  const modeClass = useElderClass();
   const [articles, setArticles] = useState<Article[]>([]);
   const [page, setPage] = useState(1);
   const [total, setTotal] = useState(0);
@@ -72,7 +74,7 @@ export default function ArticleList() {
   };
 
   return (
-    <View className='article-page'>
+    <View className={`article-page ${modeClass}`}>
       {/* 分类筛选 */}
       {categories.length > 0 && (
         <ScrollView scrollX className='article-categories'>

apps/miniprogram/src/pages/consultation/detail/index.scss

@@ -8,61 +8,108 @@
   background: $bg;
 }
 
+/* ─── 导航栏 ─── */
 .chat-header {
   display: flex;
-  justify-content: space-between;
   align-items: center;
-  padding: 24px 32px;
+  padding: 12px 16px;
   background: $card;
-  border-bottom: 1px solid $bd;
+  border-bottom: 1px solid $bd-l;
+  flex-shrink: 0;
+  position: relative;
+}
 
-  &__title {
-    font-family: 'Georgia', 'Times New Roman', serif;
-    font-size: 30px;
-    font-weight: 600;
-    color: $tx;
+.chat-header__back {
+  position: absolute;
+  left: 16px;
+  z-index: 1;
+
+  &:active {
+    opacity: 0.7;
   }
+}
 
-  &__status {
-    font-size: 24px;
+.chat-header__back-text {
+  font-size: var(--tk-font-body-sm);
+  color: $pri;
+}
+
+.chat-header__center {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.chat-header__title {
+  font-size: var(--tk-font-body-sm);
+  font-weight: 600;
+  color: $tx;
+}
+
+.chat-header__status {
+  font-size: var(--tk-font-micro);
+  color: $acc;
+  margin-top: 2px;
+
+  &--closed {
     color: $tx3;
   }
 }
 
+/* ─── 消息区 ─── */
 .chat-messages {
   flex: 1;
-  padding: 24px;
+  padding: 16px 16px 0;
   overflow-y: auto;
 }
 
 .msg-row {
   display: flex;
-  margin-bottom: 20px;
+  margin-bottom: 16px;
+  gap: 8px;
 
   &--self {
     justify-content: flex-end;
   }
 }
 
+/* ─── 医生头像 ─── */
+.msg-avatar {
+  width: 32px;
+  height: 32px;
+  border-radius: 16px;
+  background: $pri-l;
+  @include flex-center;
+  flex-shrink: 0;
+}
+
+.msg-avatar-char {
+  @include serif-number;
+  font-size: var(--tk-font-cap);
+  font-weight: 700;
+  color: $pri;
+}
+
+/* ─── 消息气泡 ─── */
 .msg-bubble {
   max-width: 70%;
-  padding: 20px 24px;
-  border-radius: $r-lg;
-  position: relative;
+  padding: 12px 16px;
+  box-shadow: $shadow-sm;
 
   &--other {
     background: $card;
-    border-top-left-radius: $r-sm;
+    border-radius: $r $r $r $r-xs;
   }
 
   &--self {
     background: $pri;
-    border-top-right-radius: $r-sm;
+    border-radius: $r $r $r-xs $r;
   }
 }
 
 .msg-text {
-  font-size: 28px;
+  font-size: var(--tk-font-cap);
   color: $tx;
   display: block;
   line-height: 1.6;
@@ -76,88 +123,95 @@
 .msg-date-divider {
   display: flex;
   justify-content: center;
-  padding: 16px 0 12px;
+  padding: 12px 0;
 
   &__text {
-    font-size: 22px;
-    color: #94A3B8;
-    background: #F1F5F9;
-    padding: 4px 16px;
-    border-radius: 8px;
+    font-size: var(--tk-font-micro);
+    color: var(--tk-text-secondary);
+    background: $surface-alt;
+    padding: 2px 12px;
+    border-radius: $r-pill;
   }
 }
 
 .msg-image {
-  width: 320px;
-  border-radius: 12px;
+  width: 200px;
+  border-radius: $r-sm;
   margin-top: 4px;
 }
 
 .msg-time {
-  font-size: 20px;
-  color: $tx3;
+  font-size: var(--tk-font-micro);
+  color: var(--tk-text-secondary);
   display: block;
-  margin-top: 8px;
-  text-align: right;
+  margin-top: 4px;
 
   .msg-bubble--self & {
     color: rgba(255, 255, 255, 0.7);
+    text-align: right;
   }
 }
 
 .chat-empty {
   text-align: center;
-  padding: 120px 32px;
+  padding: 80px 24px;
 
   &__text {
-    font-size: 26px;
-    color: $tx3;
+    font-size: var(--tk-font-cap);
+    color: var(--tk-text-secondary);
   }
 }
 
+/* ─── 输入栏 ─── */
 .chat-input-bar {
   display: flex;
   align-items: center;
-  padding: 16px 24px;
+  gap: 10px;
+  padding: 10px 16px 38px;
   background: $card;
-  border-top: 1px solid $bd;
-  padding-bottom: calc(16px + env(safe-area-inset-bottom));
+  border-top: 1px solid $bd-l;
+  flex-shrink: 0;
 }
 
 .chat-input {
   flex: 1;
+  height: 40px;
   background: $bg;
-  border-radius: $r;
-  padding: 16px 20px;
-  font-size: 28px;
-  margin-right: 16px;
+  border: 1.5px solid $bd;
+  border-radius: 20px;
+  padding: 0 14px;
+  font-size: var(--tk-font-cap);
+  color: $tx;
 }
 
 .chat-send-btn {
+  width: 40px;
+  height: 40px;
+  border-radius: 20px;
   background: $pri;
-  border-radius: $r;
-  padding: 16px 28px;
+  @include flex-center;
   flex-shrink: 0;
+  box-shadow: 0 2px 6px rgba(196, 98, 58, 0.3);
 
   &--disabled {
     opacity: 0.5;
   }
+}
 
-  &__text {
-    font-size: 28px;
-    color: #fff;
-    font-weight: 500;
-  }
+.chat-send-btn__icon {
+  font-size: var(--tk-font-cap);
+  color: #fff;
+  font-weight: 600;
 }
 
 .chat-closed-bar {
-  padding: 24px;
+  padding: 16px;
   text-align: center;
   background: $card;
-  border-top: 1px solid $bd;
+  border-top: 1px solid $bd-l;
 
   &__text {
-    font-size: 26px;
-    color: $tx3;
+    font-size: var(--tk-font-cap);
+    color: var(--tk-text-secondary);
   }
 }

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

@@ -6,14 +6,14 @@ import {
   listMessages,
   sendMessage,
   markSessionRead,
+  pollMessages,
   type ConsultationSession,
   type ConsultationMessage,
 } from '@/services/consultation';
 import Loading from '@/components/Loading';
+import { useElderClass } from '@/hooks/useElderClass';
 import './index.scss';
 
-const POLL_INTERVAL = 8000;
-
 export default function ConsultationDetail() {
   const router = useRouter();
   const sessionId = router.params.id || '';
@@ -23,43 +23,35 @@ export default function ConsultationDetail() {
   const [sending, setSending] = useState(false);
   const [loading, setLoading] = useState(true);
   const scrollViewRef = useRef('');
-  const pollTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);
+  const pollingRef = useRef(false);
+  const modeClass = useElderClass();
 
   useEffect(() => {
     if (sessionId) {
       loadData();
       markRead();
-      startPolling();
+      startLongPolling();
     }
-    return () => stopPolling();
+    return () => { pollingRef.current = false; };
   }, [sessionId]);
 
-  const startPolling = () => {
-    stopPolling();
-    pollTimerRef.current = setInterval(pollNewMessages, POLL_INTERVAL);
+  useEffect(() => {
+    if (session?.status === 'closed') {
+      pollingRef.current = false;
+    }
+  }, [session?.status]);
+
+  const startLongPolling = () => {
+    pollingRef.current = true;
+    longPoll();
   };
 
-  const stopPolling = () => {
-    if (pollTimerRef.current) {
-      clearInterval(pollTimerRef.current);
-      pollTimerRef.current = null;
-    }
-  };
-
-  const pollNewMessages = async () => {
-    if (!session || session.status === 'closed') {
-      stopPolling();
-      return;
-    }
+  const longPoll = async () => {
+    if (!pollingRef.current) return;
     try {
       const lastId = messages.length > 0 ? messages[messages.length - 1].id : undefined;
-      const m = await listMessages(sessionId, {
-        page: 1,
-        page_size: 50,
-        after_id: lastId,
-      });
-      const newMsgs = m.data || [];
-      if (newMsgs.length > 0) {
+      const newMsgs = await pollMessages(sessionId, lastId);
+      if (newMsgs && newMsgs.length > 0) {
         setMessages((prev) => {
           const existing = new Set(prev.map((msg) => msg.id));
           const fresh = newMsgs.filter((msg) => !existing.has(msg.id));
@@ -67,7 +59,12 @@ export default function ConsultationDetail() {
         });
         scrollViewRef.current = `msg-${messages.length + newMsgs.length}`;
       }
-    } catch { /* 轮询失败静默忽略 */ }
+    } catch {
+      // 超时或网络错误，静默重试
+    }
+    if (pollingRef.current) {
+      longPoll();
+    }
   };
 
   const loadData = async () => {
@@ -80,7 +77,7 @@ export default function ConsultationDetail() {
       setSession(s);
       setMessages(m.data || []);
       scrollViewRef.current = `msg-${(m.data || []).length}`;
-      if (s.status === 'closed') stopPolling();
+      if (s.status === 'closed') pollingRef.current = false;
     } catch {
       Taro.showToast({ title: '加载失败', icon: 'none' });
     } finally {
@@ -137,14 +134,24 @@ export default function ConsultationDetail() {
   if (loading) return <Loading />;
 
   const isOpen = session?.status !== 'closed';
+  const doctorInitial = (session?.subject || '医').charAt(0);
+  const statusLabel = session?.status === 'active' ? '进行中'
+    : session?.status === 'pending' ? '等待接诊'
+    : '已结束';
 
   return (
-    <View className='chat-page'>
+    <View className={`chat-page ${modeClass}`}>
+      {/* 导航栏 — 对齐设计稿：返回 + 标题 + 副标题 */}
       <View className='chat-header'>
-        <Text className='chat-header__title'>{session?.subject || '在线咨询'}</Text>
-        {!isOpen && (
-          <Text className='chat-header__status'>已结束</Text>
-        )}
+        <View className='chat-header__back' onClick={() => Taro.navigateBack()}>
+          <Text className='chat-header__back-text'>‹ 返回</Text>
+        </View>
+        <View className='chat-header__center'>
+          <Text className='chat-header__title'>{session?.subject || '在线咨询'}</Text>
+          <Text className={`chat-header__status ${isOpen ? '' : 'chat-header__status--closed'}`}>
+            {statusLabel}
+          </Text>
+        </View>
       </View>
 
       <ScrollView
@@ -164,6 +171,11 @@ export default function ConsultationDetail() {
                 </View>
               )}
               <View id={`msg-${idx + 1}`} className={`msg-row ${isSelf ? 'msg-row--self' : ''}`}>
+                {!isSelf && (
+                  <View className='msg-avatar'>
+                    <Text className='msg-avatar-char'>{doctorInitial}</Text>
+                  </View>
+                )}
                 <View className={`msg-bubble ${isSelf ? 'msg-bubble--self' : 'msg-bubble--other'}`}>
                   {isImageUrl(msg.content) ? (
                     <Image
@@ -203,7 +215,7 @@ export default function ConsultationDetail() {
             className={`chat-send-btn ${(!inputText.trim() || sending) ? 'chat-send-btn--disabled' : ''}`}
             onClick={handleSend}
           >
-            <Text className='chat-send-btn__text'>{sending ? '...' : '发送'}</Text>
+            <Text className='chat-send-btn__icon'>发</Text>
           </View>
         </View>
       ) : (

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

@@ -6,26 +6,36 @@
   background: $bg;
 }
 
-/* ─── 页头 ─── */
-.consultation-header {
-  background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
-  padding: 48px 32px 36px;
-  color: #fff;
-}
-
-.consultation-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 40px;
-  font-weight: bold;
-  color: #fff;
-  display: block;
-  margin-bottom: 8px;
+.consultation-body {
+  padding: 12px 24px 24px;
 }
 
+/* ─── 副标题 ─── */
 .consultation-subtitle {
-  font-size: 24px;
-  color: rgba(255, 255, 255, 0.75);
+  font-size: var(--tk-font-cap);
+  color: var(--tk-text-secondary);
   display: block;
+  margin-bottom: 20px;
+}
+
+/* ─── 发起咨询按钮 — 实心主色 ─── */
+.consultation-create-btn {
+  height: 48px;
+  border-radius: $r;
+  background: $pri;
+  @include flex-center;
+  box-shadow: 0 2px 8px rgba(196, 98, 58, 0.25);
+  margin-bottom: 20px;
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+.consultation-create-btn-text {
+  font-size: var(--tk-font-body-sm);
+  font-weight: 600;
+  color: #fff;
 }
 
 /* ─── 居中容器 ─── */
@@ -37,7 +47,7 @@
 }
 
 .consultation-error {
-  font-size: 26px;
+  font-size: var(--tk-font-cap);
   color: $dan;
 }
 
@@ -47,51 +57,52 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 160px 40px;
+  padding: 120px 40px;
 }
 
 .empty-icon {
-  width: 120px;
-  height: 120px;
+  width: 80px;
+  height: 80px;
   border-radius: 50%;
   background: $pri-l;
   @include flex-center;
-  margin-bottom: 32px;
+  margin-bottom: 20px;
 }
 
 .empty-char {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 52px;
-  font-weight: bold;
+  @include serif-number;
+  font-size: var(--tk-font-num);
+  font-weight: 700;
   color: $pri;
-  line-height: 1;
 }
 
 .empty-title {
-  font-size: 32px;
+  font-size: var(--tk-font-body-sm);
   font-weight: 600;
   color: $tx;
-  margin-bottom: 12px;
+  margin-bottom: 8px;
 }
 
 .empty-hint {
-  font-size: 26px;
-  color: $tx3;
+  font-size: var(--tk-font-cap);
+  color: var(--tk-text-secondary);
   text-align: center;
 }
 
 /* ─── 会话列表 ─── */
 .session-list {
-  padding: 20px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
 
 .session-card {
   display: flex;
   align-items: center;
+  gap: 12px;
   background: $card;
   border-radius: $r;
-  padding: 24px;
-  margin-bottom: 12px;
+  padding: 16px;
   box-shadow: $shadow-sm;
 
   &:active {
@@ -99,7 +110,27 @@
   }
 }
 
-.session-main {
+.session-card-closed {
+  opacity: 0.6;
+}
+
+.session-avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+  background: $pri-l;
+  @include flex-center;
+  flex-shrink: 0;
+}
+
+.session-avatar-char {
+  @include serif-number;
+  font-size: var(--tk-font-body-sm);
+  font-weight: 700;
+  color: $pri;
+}
+
+.session-body {
   flex: 1;
   min-width: 0;
 }
@@ -108,56 +139,73 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 8px;
+  margin-bottom: 6px;
 }
 
 .session-subject {
-  font-size: 28px;
-  color: $tx;
+  font-size: var(--tk-font-cap);
   font-weight: 600;
+  color: $tx;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   flex: 1;
-  margin-right: 12px;
-}
-
-.session-tag {
-  &.tag-ok { @include tag($acc-l, $acc); }
-  &.tag-warn { @include tag($wrn-l, $wrn); }
-  &.tag-default { @include tag($bd-l, $tx2); }
-}
-
-.session-message {
-  font-size: 26px;
-  color: $tx2;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  margin-bottom: 8px;
+  margin-right: 8px;
 }
 
 .session-time {
-  font-size: 22px;
-  color: $tx3;
-  display: block;
+  font-size: var(--tk-font-micro);
+  color: var(--tk-text-secondary);
+  flex-shrink: 0;
+}
+
+.session-tag {
+  font-size: var(--tk-font-micro);
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-weight: 500;
+  display: inline-block;
+
+  &.tag-ok { background: $acc-l; color: $acc; }
+  &.tag-warn { background: $wrn-l; color: $wrn; }
+  &.tag-default { background: $surface-alt; color: $tx3; }
+}
+
+.session-meta {
+  display: flex;
+  align-items: center;
+  margin-bottom: 4px;
+}
+
+.session-message-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.session-message {
+  font-size: var(--tk-font-cap);
+  color: $tx2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  margin-right: 8px;
 }
 
 /* ─── 未读角标 ─── */
 .session-badge {
   background: $dan;
   border-radius: $r-pill;
-  min-width: 36px;
-  height: 36px;
+  min-width: 18px;
+  height: 18px;
   @include flex-center;
-  padding: 0 10px;
-  margin-left: 12px;
+  padding: 0 5px;
   flex-shrink: 0;
 }
 
 .session-badge-text {
-  font-size: 22px;
+  font-size: var(--tk-font-micro);
   color: #fff;
   font-weight: 600;
 }

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

@@ -1,8 +1,9 @@
-import { useState } from 'react';
+import { useState, useRef } from 'react';
 import { View, Text } from '@tarojs/components';
-import Taro, { useDidShow, usePullDownRefresh } from '@tarojs/taro';
+import Taro, { useDidShow, usePullDownRefresh, useReachBottom } from '@tarojs/taro';
 import { listConsultations, ConsultationSession } from '@/services/consultation';
 import Loading from '../../components/Loading';
+import { useElderClass } from '../../hooks/useElderClass';
 import './index.scss';
 
 function getStatusTag(status: string) {
@@ -33,99 +34,137 @@ export default function Consultation() {
   const [sessions, setSessions] = useState<ConsultationSession[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState('');
+  const modeClass = useElderClass();
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const loadingRef = useRef(false);
 
-  const loadSessions = async () => {
-    setLoading(true);
+  const loadSessions = async (pageNum: number, isRefresh = false) => {
+    if (loadingRef.current) return;
+    loadingRef.current = true;
+    if (isRefresh) setLoading(true);
     setError('');
     try {
-      const resp = await listConsultations({ page: 1, page_size: 20 });
-      setSessions(resp.data || []);
-    } catch (e: unknown) {
-      const msg = e instanceof Error ? e.message : '加载失败';
-      setError(msg);
+      const resp = await listConsultations({ page: pageNum, page_size: 20 });
+      const list = resp.data || [];
+      if (isRefresh) {
+        setSessions(list);
+      } else {
+        setSessions((prev) => [...prev, ...list]);
+      }
+      setTotal(resp.total || 0);
+      setPage(pageNum);
+    } catch {
+      if (isRefresh) {
+        setSessions([]);
+        setTotal(0);
+      }
     } finally {
       setLoading(false);
+      loadingRef.current = false;
     }
   };
 
   useDidShow(() => {
     Taro.setNavigationBarTitle({ title: '在线咨询' });
-    loadSessions();
+    loadSessions(1, true);
   });
 
   usePullDownRefresh(() => {
-    loadSessions().finally(() => {
+    loadSessions(1, true).finally(() => {
       Taro.stopPullDownRefresh();
     });
   });
 
+  useReachBottom(() => {
+    if (!loading && sessions.length < total) {
+      loadSessions(page + 1);
+    }
+  });
+
   const handleTapSession = (session: ConsultationSession) => {
     Taro.navigateTo({ url: `/pages/consultation/detail/index?id=${session.id}` });
   };
 
   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/device-sync/index.scss

@@ -1,34 +1,5 @@
 @import '../../styles/variables.scss';
-
-@mixin serif-number {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-variant-numeric: tabular-nums;
-}
-
-@mixin section-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 30px;
-  font-weight: bold;
-  color: $tx;
-  margin-bottom: 20px;
-  display: block;
-}
-
-@mixin tag($bg, $color) {
-  display: inline-block;
-  padding: 4px 12px;
-  border-radius: 8px;
-  font-size: 20px;
-  font-weight: 500;
-  background: $bg;
-  color: $color;
-}
-
-@mixin flex-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+@import '../../styles/mixins.scss';
 
 .device-sync-page {
   min-height: 100vh;
@@ -43,9 +14,8 @@
 }
 
 .sync-header-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 40px;
-  font-weight: bold;
+  @include section-title;
+  color: $card;
 }
 
 .sync-section {
@@ -72,20 +42,17 @@
   margin-bottom: 20px;
   color: $pri;
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 36px;
+  font-size: var(--tk-font-num-lg);
   font-weight: bold;
 }
 
 .sync-hero-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 34px;
-  font-weight: bold;
-  color: $tx;
+  @include section-title;
   margin-bottom: 8px;
 }
 
 .sync-hero-desc {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
@@ -110,7 +77,7 @@
 
 .sync-action-text {
   color: $card;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: 500;
 }
 
@@ -120,7 +87,7 @@
 
 .sync-section-title {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
   margin-bottom: 12px;
@@ -144,19 +111,19 @@
 }
 
 .sync-device-name {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: 500;
   color: $tx;
 }
 
 .sync-device-adapter {
-  font-size: 22px;
-  color: $tx3;
+  font-size: var(--tk-font-body);
+  color: var(--tk-text-secondary);
   margin-top: 4px;
 }
 
 .sync-device-rssi {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx2;
 }
 
@@ -183,7 +150,7 @@
 }
 
 .sync-status-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
 }
 
@@ -208,12 +175,12 @@
 }
 
 .sync-reading-type {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
 .sync-reading-value {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $pri;
   @include serif-number;
@@ -222,8 +189,8 @@
 .sync-readings-count {
   display: block;
   margin-top: 12px;
-  font-size: 22px;
-  color: $tx3;
+  font-size: var(--tk-font-body);
+  color: var(--tk-text-secondary);
   text-align: center;
 }
 
@@ -240,7 +207,7 @@
 }
 
 .sync-error-text {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $dan;
 }
 
@@ -250,7 +217,7 @@
 }
 
 .sync-loading-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx2;
 }
 
@@ -273,20 +240,17 @@
   @include flex-center;
   color: $acc;
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 36px;
+  font-size: var(--tk-font-num-lg);
   font-weight: bold;
   margin-bottom: 16px;
 }
 
 .sync-result-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 34px;
-  font-weight: bold;
-  color: $tx;
+  @include section-title;
   margin-bottom: 8px;
 }
 
 .sync-result-count {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }

apps/miniprogram/src/pages/device-sync/index.tsx

@@ -1,23 +1,28 @@
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useMemo } from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro, { useDidShow, useRouter } from '@tarojs/taro';
 import { BLEManager } from '@/services/ble/BLEManager';
 import { XiaomiBandAdapter } from '@/services/ble/adapters/XiaomiBandAdapter';
 import { BloodPressureAdapter } from '@/services/ble/adapters/BloodPressureAdapter';
 import { GlucoseMeterAdapter } from '@/services/ble/adapters/GlucoseMeterAdapter';
+import { CustomBandAdapter } from '@/services/ble/adapters/GenericBleAdapter';
+import { DataSyncScheduler } from '@/services/ble/DataSyncScheduler';
 import { uploadReadings } from '@/services/device-sync';
 import { useAuthStore } from '@/stores/auth';
 import type { BLEDevice, NormalizedReading } from '@/services/ble/types';
+import { useElderClass } from '../../hooks/useElderClass';
 import './index.scss';
 
 const bleManager = new BLEManager({ scanTimeout: 10000, retryCount: 3 });
 bleManager.registerAdapter(XiaomiBandAdapter);
 bleManager.registerAdapter(BloodPressureAdapter);
 bleManager.registerAdapter(GlucoseMeterAdapter);
+bleManager.registerAdapter(CustomBandAdapter);
 
 type PageState = 'idle' | 'scanning' | 'connecting' | 'connected' | 'syncing' | 'done' | 'error';
 
 export default function DeviceSync() {
+  const modeClass = useElderClass();
   const { currentPatient } = useAuthStore();
   const router = useRouter();
   const returnTo = router.params.returnTo || '';
@@ -27,6 +32,12 @@ export default function DeviceSync() {
   const [liveReadings, setLiveReadings] = useState<NormalizedReading[]>([]);
   const [syncCount, setSyncCount] = useState(0);
   const [errorMsg, setErrorMsg] = useState('');
+  const [lastSyncAt, setLastSyncAt] = useState<number | null>(null);
+  const [pendingCount, setPendingCount] = useState(0);
+
+  const scheduler = useMemo(() => new DataSyncScheduler({
+    intervalMs: 60 * 60 * 1000,
+  }), []);
 
   useDidShow(() => {
     bleManager.setOnConnectionChange(() => {});
@@ -34,7 +45,29 @@ export default function DeviceSync() {
       setLiveReadings((prev) => [...prev, ...readings]);
     });
 
+    // 显示上次同步时间
+    setLastSyncAt(scheduler.getLastSyncAt());
+
+    // 检查是否有未上传的缓冲数据
+    const buffer = (bleManager as any).dataBuffer;
+    if (buffer) {
+      setPendingCount(buffer.size());
+    }
+
+    // 自动同步：超过间隔时尝试上传缓冲数据
+    if (currentPatient && scheduler.needsSync()) {
+      scheduler.tryAutoSync(async () => {
+        const count = await bleManager.flushPendingReadings(async (readings) => {
+          return uploadReadings(currentPatient.id, 'buffered', undefined, readings);
+        });
+        setLastSyncAt(Date.now());
+        setPendingCount(0);
+        return { success: count > 0, uploadedCount: count };
+      });
+    }
+
     return () => {
+      scheduler.destroy();
       bleManager.destroy();
     };
   });
@@ -87,6 +120,7 @@ export default function DeviceSync() {
 
       if (result.success) {
         setSyncCount(result.uploadedCount);
+        setLastSyncAt(Date.now());
         setPageState('done');
 
         // 如果从体征录入页跳转而来，将最新读数写入 storage 供回填
@@ -136,6 +170,21 @@ export default function DeviceSync() {
         <Text className="sync-hero-desc">连接智能手环、血压计、血糖仪，自动采集健康数据</Text>
       </View>
 
+      {(lastSyncAt || pendingCount > 0) && (
+        <View className="sync-status-info">
+          {lastSyncAt && (
+            <Text className="sync-status-time">
+              上次同步: {new Date(lastSyncAt).toLocaleTimeString()}
+            </Text>
+          )}
+          {pendingCount > 0 && (
+            <Text className="sync-status-pending">
+              {pendingCount} 条数据待上传
+            </Text>
+          )}
+        </View>
+      )}
+
       <View className="sync-action" onClick={handleScan}>
         <Text className="sync-action-text">扫描设备</Text>
       </View>
@@ -224,7 +273,7 @@ export default function DeviceSync() {
   );
 
   return (
-    <View className="device-sync-page">
+    <View className={`device-sync-page ${modeClass}`}>
       <View className="sync-header">
         <Text className="sync-header-title">设备同步</Text>
       </View>

apps/miniprogram/src/pages/doctor/action-inbox/index.scss

@@ -1,13 +1,16 @@
+@import '../../../styles/variables.scss';
+@import '../../../styles/mixins.scss';
+
 .action-inbox-page {
   min-height: 100vh;
-  background: #f5f5f5;
+  background: $bg;
 }
 
 .inbox-tabs {
   display: flex;
-  background: white;
+  background: $card;
   padding: 0 16px;
-  border-bottom: 1px solid #eee;
+  border-bottom: 1px solid $bd;
 
   .inbox-tab {
     flex: 1;
@@ -16,7 +19,7 @@
 
     &.active {
       .inbox-tab-text {
-        color: #C4623A;
+        color: $pri;
         font-weight: 600;
         position: relative;
 
@@ -27,7 +30,7 @@
           left: 30%;
           right: 30%;
           height: 3px;
-          background: #C4623A;
+          background: $pri;
           border-radius: 2px;
         }
       }
@@ -35,8 +38,8 @@
   }
 
   .inbox-tab-text {
-    font-size: 14px;
-    color: #666;
+    font-size: var(--tk-font-cap);
+    color: $tx2;
   }
 }
 
@@ -46,10 +49,11 @@
 }
 
 .inbox-card {
-  background: white;
-  border-radius: 12px;
+  background: $card;
+  border-radius: $r-sm;
   padding: 14px 16px;
   margin-bottom: 10px;
+  box-shadow: $shadow-sm;
 
   .inbox-card-header {
     display: flex;
@@ -59,21 +63,22 @@
   }
 
   .inbox-type-tag {
-    color: white;
-    font-size: 10px;
+    color: $card;
+    font-size: var(--tk-font-micro);
     padding: 2px 6px;
     border-radius: 4px;
     flex-shrink: 0;
   }
 
   .inbox-card-title {
-    font-size: 14px;
+    font-size: var(--tk-font-cap);
     font-weight: 500;
+    color: $tx;
   }
 
   .inbox-card-desc {
-    font-size: 12px;
-    color: #999;
+    font-size: var(--tk-font-micro);
+    color: $tx3;
   }
 }
 
@@ -82,38 +87,39 @@
   padding: 80px 0;
 
   .inbox-empty-text {
-    font-size: 14px;
-    color: #999;
+    font-size: var(--tk-font-cap);
+    color: $tx3;
   }
 }
 
-// 半屏弹窗
 .half-screen-dialog {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   max-height: 70vh;
-  background: white;
-  border-radius: 16px 16px 0 0;
+  background: $card;
+  border-radius: $r-lg $r-lg 0 0;
   z-index: 1000;
   overflow-y: auto;
+  box-shadow: $shadow-lg;
 
   .dialog-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 16px 20px;
-    border-bottom: 1px solid #f0f0f0;
+    border-bottom: 1px solid $bd-l;
 
     .dialog-title {
-      font-size: 16px;
+      font-size: var(--tk-font-body-sm);
       font-weight: 600;
+      color: $tx;
     }
 
     .dialog-close {
-      font-size: 13px;
-      color: #999;
+      font-size: var(--tk-font-cap);
+      color: $tx3;
     }
   }
 
@@ -122,8 +128,8 @@
   }
 
   .dialog-patient {
-    font-size: 13px;
-    color: #666;
+    font-size: var(--tk-font-cap);
+    color: $tx2;
     display: block;
     margin-bottom: 12px;
   }
@@ -142,21 +148,22 @@
     margin-top: 4px;
     flex-shrink: 0;
 
-    &.completed { background: #52c41a; }
-    &.in_progress { background: #faad14; }
-    &.pending { background: #d9d9d9; }
-    &.dismissed { background: #ff4d4f; }
+    &.completed { background: $acc; }
+    &.in_progress { background: $wrn; }
+    &.pending { background: $tx3; }
+    &.dismissed { background: $dan; }
   }
 
   .thread-content {
     .thread-label {
-      font-size: 13px;
+      font-size: var(--tk-font-cap);
+      color: $tx;
       display: block;
     }
 
     .thread-time {
-      font-size: 11px;
-      color: #999;
+      font-size: var(--tk-font-micro);
+      color: $tx3;
     }
   }
 
@@ -164,19 +171,19 @@
     display: flex;
     gap: 8px;
     padding: 12px 20px 20px;
-    border-top: 1px solid #f0f0f0;
+    border-top: 1px solid $bd-l;
 
     .action-btn {
       flex: 1;
       text-align: center;
       padding: 10px;
-      border-radius: 8px;
-      font-size: 14px;
+      border-radius: $r-sm;
+      font-size: var(--tk-font-cap);
       font-weight: 500;
 
-      &.primary { background: #C4623A; color: white; }
-      &.danger { background: #ff4d4f; color: white; }
-      &.default { background: #f5f5f5; color: #666; }
+      &.primary { background: $pri; color: $card; }
+      &.danger { background: $dan; color: $card; }
+      &.default { background: $surface-alt; color: $tx2; }
     }
   }
 }

apps/miniprogram/src/pages/doctor/action-inbox/index.tsx

@@ -8,6 +8,8 @@ import {
   type ThreadResponse,
 } from '@/services/action-inbox';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../hooks/useElderClass';
+import { getStatusInlineStyle, getStatusLabel } from '@/utils/statusTag';
 import './index.scss';
 
 const TYPE_LABEL: Record<string, string> = {
@@ -32,6 +34,7 @@ const STATUS_TABS = [
 ];
 
 export default function ActionInboxPage() {
+  const modeClass = useElderClass();
   const [items, setItems] = useState<ActionItem[]>([]);
   const [total, setTotal] = useState(0);
   const [_page, setPage] = useState(1);
@@ -117,7 +120,7 @@ export default function ActionInboxPage() {
   };
 
   return (
-    <View className="action-inbox-page">
+    <View className={`action-inbox-page ${modeClass}`}>
       <View className="inbox-tabs">
         {STATUS_TABS.map((tab) => (
           <View

apps/miniprogram/src/pages/doctor/alerts/detail/index.scss

@@ -18,13 +18,13 @@
   }
 
   &__time {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx3;
   }
 }
 
 .detail-severity {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   font-weight: 600;
   padding: 6px 16px;
   border-radius: $r-sm;
@@ -51,7 +51,7 @@
 }
 
 .detail-status {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   padding: 6px 16px;
   border-radius: $r-sm;
 
@@ -84,24 +84,24 @@
   box-shadow: $shadow-sm;
 
   &__label {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx2;
     margin-bottom: 8px;
   }
 
   &__value {
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     color: $tx;
     word-break: break-all;
 
     &--id {
-      font-size: 24px;
+      font-size: var(--tk-font-h2);
       color: $tx3;
       font-family: monospace;
     }
 
     &--detail {
-      font-size: 22px;
+      font-size: var(--tk-font-body);
       color: $tx2;
       font-family: monospace;
       line-height: 1.6;
@@ -125,7 +125,7 @@
   flex: 1;
   height: 88px;
   line-height: 88px;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: 600;
   border-radius: $r-lg;
   text-align: center;

apps/miniprogram/src/pages/doctor/alerts/detail/index.tsx

@@ -3,6 +3,7 @@ import { View, Text, ScrollView, Button } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../../hooks/useElderClass';
 import './index.scss';
 
 const SEVERITY_MAP: Record<string, { label: string; className: string }> = {
@@ -20,6 +21,7 @@ const STATUS_MAP: Record<string, { label: string; className: string }> = {
 };
 
 export default function AlertDetail() {
+  const modeClass = useElderClass();
   const [alert, setAlert] = useState<doctorApi.Alert | null>(null);
   const [loading, setLoading] = useState(true);
   const [actionLoading, setActionLoading] = useState(false);
@@ -93,7 +95,7 @@ export default function AlertDetail() {
   if (loading) return <Loading />;
   if (!alert) {
     return (
-      <View className='alert-detail-page'>
+      <View className={`alert-detail-page ${modeClass}`}>
         <Text>告警不存在</Text>
       </View>
     );
@@ -105,7 +107,7 @@ export default function AlertDetail() {
   const isAcknowledged = alert.status === 'acknowledged';
 
   return (
-    <ScrollView scrollY className='alert-detail-page'>
+    <ScrollView scrollY className={`alert-detail-page ${modeClass}`}>
       {/* 顶部状态 */}
       <View className='alert-detail-header'>
         <View className='alert-detail-header__tags'>

apps/miniprogram/src/pages/doctor/alerts/index.scss

@@ -16,13 +16,13 @@
 }
 
 .alert-list-title {
-  font-size: 36px;
+  font-size: var(--tk-font-num-lg);
   font-weight: 600;
   color: $tx;
 }
 
 .alert-list-count {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
 }
 
@@ -36,7 +36,7 @@
   padding: 10px 24px;
   border-radius: $r-pill;
   background: $bd-l;
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
   transition: all 0.2s;
 
@@ -79,7 +79,7 @@
   }
 
   &__title {
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     font-weight: 500;
     color: $tx;
     margin-bottom: 8px;
@@ -92,13 +92,13 @@
   }
 
   &__time {
-    font-size: 22px;
+    font-size: var(--tk-font-body);
     color: $tx3;
   }
 }
 
 .alert-severity {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   font-weight: 600;
   padding: 4px 12px;
   border-radius: $r-sm;
@@ -125,7 +125,7 @@
 }
 
 .alert-status {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   padding: 4px 12px;
   border-radius: $r-sm;
 
@@ -158,7 +158,7 @@
   margin-top: 32px;
 
   &__btn {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $pri;
     padding: 12px 24px;
 
@@ -168,7 +168,7 @@
   }
 
   &__info {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx2;
   }
 }

apps/miniprogram/src/pages/doctor/alerts/index.tsx

@@ -1,9 +1,10 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { View, Text, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
 import EmptyState from '@/components/EmptyState';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 const SEVERITY_MAP: Record<string, { label: string; className: string }> = {
@@ -28,12 +29,15 @@ const STATUS_TABS = [
 ];
 
 export default function AlertList() {
+  const modeClass = useElderClass();
   const [alerts, setAlerts] = useState<doctorApi.Alert[]>([]);
   const [loading, setLoading] = useState(true);
   const [activeTab, setActiveTab] = useState('');
   const [total, setTotal] = useState(0);
   const [page, setPage] = useState(1);
 
+  const totalPages = useMemo(() => Math.ceil(total / 20), [total]);
+
   useEffect(() => {
     loadAlerts();
   }, [page, activeTab]);
@@ -79,7 +83,7 @@ export default function AlertList() {
   if (loading && alerts.length === 0) return <Loading />;
 
   return (
-    <ScrollView scrollY className='alert-list-page'>
+    <ScrollView scrollY className={`alert-list-page ${modeClass}`}>
       <View className='alert-list-header'>
         <Text className='alert-list-title'>告警列表</Text>
         <Text className='alert-list-count'>共 {total} 条</Text>
@@ -137,11 +141,11 @@ export default function AlertList() {
             上一页
           </Text>
           <Text className='alert-pagination__info'>
-            {page} / {Math.ceil(total / 20)}
+            {page} / {totalPages}
           </Text>
           <Text
-            className={`alert-pagination__btn ${page >= Math.ceil(total / 20) ? 'disabled' : ''}`}
-            onClick={() => page < Math.ceil(total / 20) && setPage(page + 1)}
+            className={`alert-pagination__btn ${page >= totalPages ? 'disabled' : ''}`}
+            onClick={() => page < totalPages && setPage(page + 1)}
           >
             下一页
           </Text>

apps/miniprogram/src/pages/doctor/consultation/detail/index.scss

@@ -18,13 +18,13 @@
 
   &__title {
     font-family: 'Georgia', 'Times New Roman', serif;
-    font-size: 30px;
+    font-size: var(--tk-font-num);
     font-weight: 600;
     color: $tx;
   }
 
   &__close {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $dan;
     padding: 8px 16px;
   }
@@ -63,7 +63,7 @@
 }
 
 .msg-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
   display: block;
   line-height: 1.6;
@@ -76,7 +76,7 @@
 
 .msg-time {
   @include serif-number;
-  font-size: 20px;
+  font-size: var(--tk-font-body);
   color: $tx3;
   display: block;
   margin-top: 8px;
@@ -92,7 +92,7 @@
   padding: 120px 32px;
 
   &__text {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $tx3;
   }
 }
@@ -111,7 +111,7 @@
   background: $bd-l;
   border-radius: $r;
   padding: 16px 20px;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   margin-right: 16px;
 }
 
@@ -126,7 +126,7 @@
   }
 
   &__text {
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     color: $card;
     font-weight: 500;
   }
@@ -139,7 +139,7 @@
   border-top: 1px solid $bd;
 
   &__text {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $tx3;
   }
 }

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

@@ -3,56 +3,47 @@ import { View, Text, Input, ScrollView } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../../hooks/useElderClass';
 import './index.scss';
 
-const POLL_INTERVAL = 8000;
-
 export default function ConsultationDetail() {
   const router = useRouter();
   const sessionId = router.params.id || '';
+  const modeClass = useElderClass();
   const [session, setSession] = useState<doctorApi.ConsultationSession | null>(null);
   const [messages, setMessages] = useState<doctorApi.ConsultationMessage[]>([]);
   const [inputText, setInputText] = useState('');
   const [sending, setSending] = useState(false);
   const [loading, setLoading] = useState(true);
   const scrollViewRef = useRef('');
-  const pollTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);
+  const pollingRef = useRef(false);
 
   useEffect(() => {
     if (sessionId) {
       loadData();
       markRead();
-      startPolling();
+      startLongPolling();
     }
-    return () => stopPolling();
+    return () => { pollingRef.current = false; };
   }, [sessionId]);
 
-  const startPolling = () => {
-    stopPolling();
-    pollTimerRef.current = setInterval(pollNewMessages, POLL_INTERVAL);
+  useEffect(() => {
+    if (session?.status === 'closed') {
+      pollingRef.current = false;
+    }
+  }, [session?.status]);
+
+  const startLongPolling = () => {
+    pollingRef.current = true;
+    longPoll();
   };
 
-  const stopPolling = () => {
-    if (pollTimerRef.current) {
-      clearInterval(pollTimerRef.current);
-      pollTimerRef.current = null;
-    }
-  };
-
-  const pollNewMessages = async () => {
-    if (!session || session.status === 'closed') {
-      stopPolling();
-      return;
-    }
+  const longPoll = async () => {
+    if (!pollingRef.current) return;
     try {
       const lastId = messages.length > 0 ? messages[messages.length - 1].id : undefined;
-      const m = await doctorApi.listMessages(sessionId, {
-        page: 1,
-        page_size: 50,
-        after_id: lastId,
-      });
-      const newMsgs = m.data || [];
-      if (newMsgs.length > 0) {
+      const newMsgs = await doctorApi.pollMessages(sessionId, lastId);
+      if (newMsgs && newMsgs.length > 0) {
         setMessages((prev) => {
           const existing = new Set(prev.map((msg) => msg.id));
           const fresh = newMsgs.filter((msg) => !existing.has(msg.id));
@@ -60,7 +51,12 @@ export default function ConsultationDetail() {
         });
         scrollViewRef.current = `msg-${messages.length + newMsgs.length}`;
       }
-    } catch { /* 轮询失败静默忽略 */ }
+    } catch {
+      // 超时或网络错误，静默重试
+    }
+    if (pollingRef.current) {
+      longPoll();
+    }
   };
 
   const loadData = async () => {
@@ -73,7 +69,7 @@ export default function ConsultationDetail() {
       setSession(s);
       setMessages(m.data || []);
       scrollViewRef.current = `msg-${(m.data || []).length}`;
-      if (s.status === 'closed') stopPolling();
+      if (s.status === 'closed') pollingRef.current = false;
     } catch {
       Taro.showToast({ title: '加载失败', icon: 'none' });
     } finally {
@@ -132,7 +128,7 @@ export default function ConsultationDetail() {
   const isOpen = session?.status !== 'closed';
 
   return (
-    <View className='chat-page'>
+    <View className={`chat-page ${modeClass}`}>
       {/* Header */}
       <View className='chat-header'>
         <Text className='chat-header__title'>{session?.subject || '在线咨询'}</Text>

apps/miniprogram/src/pages/doctor/consultation/index.scss

@@ -17,7 +17,7 @@
   flex: 1;
   text-align: center;
   padding: 24px 0;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx2;
   position: relative;
 
@@ -64,7 +64,7 @@
   }
 
   &__subject {
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     font-weight: 600;
     color: $tx;
     flex: 1;
@@ -80,7 +80,7 @@
   }
 
   &__status-text {
-    font-size: 22px;
+    font-size: var(--tk-font-body);
     font-weight: 500;
   }
 
@@ -96,12 +96,12 @@
   }
 
   &__time {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx3;
   }
 
   &__preview {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $tx2;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -123,7 +123,7 @@
 
   &__badge-text {
     @include serif-number;
-    font-size: 22px;
+    font-size: var(--tk-font-body);
     color: $card;
     font-weight: 600;
   }
@@ -137,7 +137,7 @@
   padding: 24px;
 
   &__btn {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $pri;
     padding: 12px 24px;
 
@@ -147,7 +147,7 @@
   }
 
   &__info {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx2;
   }
 }

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

@@ -1,17 +1,14 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { View, Text, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
 import EmptyState from '@/components/EmptyState';
+import { useElderClass } from '../../../hooks/useElderClass';
+import { getStatusInlineStyle, getStatusLabel } from '@/utils/statusTag';
+import { formatDateTime } from '@/utils/date';
 import './index.scss';
 
-const STATUS_MAP: Record<string, { label: string; color: string }> = {
-  waiting: { label: '等待中', color: '#f59e0b' },
-  active: { label: '进行中', color: '#10b981' },
-  closed: { label: '已关闭', color: '#94a3b8' },
-};
-
 const TABS = [
   { key: '', label: '全部' },
   { key: 'active', label: '进行中' },
@@ -20,12 +17,15 @@ const TABS = [
 ];
 
 export default function ConsultationList() {
+  const modeClass = useElderClass();
   const [sessions, setSessions] = useState<doctorApi.ConsultationSession[]>([]);
   const [activeTab, setActiveTab] = useState('');
   const [loading, setLoading] = useState(true);
   const [total, setTotal] = useState(0);
   const [page, setPage] = useState(1);
 
+  const totalPages = useMemo(() => Math.ceil(total / 20), [total]);
+
   useEffect(() => {
     loadSessions();
   }, [page, activeTab]);
@@ -54,18 +54,13 @@ export default function ConsultationList() {
 
   const formatTime = (dateStr?: string | null) => {
     if (!dateStr) return '';
-    const d = new Date(dateStr);
-    const now = new Date();
-    if (d.toDateString() === now.toDateString()) {
-      return d.toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' });
-    }
-    return d.toLocaleDateString('zh-CN', { month: 'numeric', day: 'numeric' });
+    return formatDateTime(dateStr);
   };
 
   if (loading && sessions.length === 0) return <Loading />;
 
   return (
-    <ScrollView scrollY className='consultation-page'>
+    <ScrollView scrollY className={`consultation-page ${modeClass}`}>
       <View className='tabs'>
         {TABS.map((t) => (
           <View
@@ -83,7 +78,6 @@ export default function ConsultationList() {
       ) : (
         <View className='session-list'>
           {sessions.map((s) => {
-            const st = STATUS_MAP[s.status] || { label: s.status, color: '#94a3b8' };
             return (
               <View
                 key={s.id}
@@ -92,8 +86,8 @@ export default function ConsultationList() {
               >
                 <View className='session-card__top'>
                   <Text className='session-card__subject'>{s.subject || '在线咨询'}</Text>
-                  <View className='session-card__status' style={`background: ${st.color}20; color: ${st.color}`}>
-                    <Text className='session-card__status-text'>{st.label}</Text>
+                  <View className='session-card__status' style={getStatusInlineStyle(s.status)}>
+                    <Text className='session-card__status-text'>{getStatusLabel(s.status)}</Text>
                   </View>
                 </View>
                 <View className='session-card__info'>
@@ -122,10 +116,10 @@ export default function ConsultationList() {
             className={`pagination__btn ${page <= 1 ? 'disabled' : ''}`}
             onClick={() => page > 1 && setPage(page - 1)}
           >上一页</Text>
-          <Text className='pagination__info'>{page} / {Math.ceil(total / 20)}</Text>
+          <Text className='pagination__info'>{page} / {totalPages}</Text>
           <Text
-            className={`pagination__btn ${page >= Math.ceil(total / 20) ? 'disabled' : ''}`}
-            onClick={() => page < Math.ceil(total / 20) && setPage(page + 1)}
+            className={`pagination__btn ${page >= totalPages ? 'disabled' : ''}`}
+            onClick={() => page < totalPages && setPage(page + 1)}
           >下一页</Text>
         </View>
       )}

apps/miniprogram/src/pages/doctor/dialysis/create/index.scss

@@ -1,4 +1,5 @@
 @import '../../../../styles/variables.scss';
+@import '../../../../styles/mixins.scss';
 
 .create-page {
   min-height: 100vh;
@@ -16,7 +17,7 @@
 }
 
 .section-title {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
   display: block;
@@ -41,7 +42,7 @@
 }
 
 .form-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   flex-shrink: 0;
   min-width: 140px;
@@ -50,12 +51,12 @@
 .form-input {
   flex: 1;
   text-align: right;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
 }
 
 .form-value {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
 
   &.placeholder {
@@ -66,7 +67,7 @@
 .form-textarea {
   width: 100%;
   margin-top: 12px;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   min-height: 120px;
   background: $bg;
@@ -91,7 +92,7 @@
 }
 
 .submit-btn__text {
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: #fff;
 }

apps/miniprogram/src/pages/doctor/dialysis/create/index.tsx

@@ -3,6 +3,7 @@ import { View, Text, Input, Textarea, Picker, ScrollView } from '@tarojs/compone
 import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../../hooks/useElderClass';
 import './index.scss';
 
 const DIALYSIS_TYPES = ['HD', 'HDF', 'HF'];
@@ -55,6 +56,7 @@ export default function DialysisCreate() {
   const version = router.params.version ? Number(router.params.version) : 0;
   const patientIdFromRoute = router.params.patientId || '';
   const isEdit = !!id;
+  const modeClass = useElderClass();
 
   const [form, setForm] = useState<FormState>({ ...initialForm, patient_id: patientIdFromRoute });
   const [loading, setLoading] = useState(isEdit);
@@ -167,7 +169,7 @@ export default function DialysisCreate() {
   );
 
   return (
-    <ScrollView scrollY className='create-page'>
+    <ScrollView scrollY className={`create-page ${modeClass}`}>
       <View className='section'>
         <Text className='section-title'>基本信息</Text>
         <View className='form-row'>

apps/miniprogram/src/pages/doctor/dialysis/detail/index.scss

@@ -1,4 +1,5 @@
 @import '../../../../styles/variables.scss';
+@import '../../../../styles/mixins.scss';
 
 .dialysis-detail {
   min-height: 100vh;
@@ -16,7 +17,7 @@
 }
 
 .section-title {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
   display: block;
@@ -31,7 +32,7 @@
 }
 
 .record-header__title {
-  font-size: 34px;
+  font-size: var(--tk-font-num-lg);
   font-weight: bold;
   color: $tx;
   font-variant-numeric: tabular-nums;
@@ -41,7 +42,7 @@
   display: inline-block;
   padding: 4px 12px;
   border-radius: 8px;
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   background: $bd-l;
   color: $tx3;
 
@@ -57,13 +58,13 @@
 }
 
 .record-sub {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   display: block;
 }
 
 .review-info {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx3;
   display: block;
   margin-top: 8px;
@@ -82,12 +83,12 @@
 }
 
 .detail-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
 .detail-value {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   text-align: right;
   flex: 1;
@@ -98,7 +99,7 @@
 .error-text {
   text-align: center;
   padding: 120px 0;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx3;
 }
 
@@ -150,6 +151,6 @@
 }
 
 .action-btn__text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: 500;
 }

apps/miniprogram/src/pages/doctor/dialysis/detail/index.tsx

@@ -3,11 +3,13 @@ import { View, Text, ScrollView } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../../hooks/useElderClass';
 import './index.scss';
 
 export default function DialysisDetail() {
   const router = useRouter();
   const id = router.params.id || '';
+  const modeClass = useElderClass();
   const [record, setRecord] = useState<doctorApi.DialysisRecord | null>(null);
   const [loading, setLoading] = useState(true);
   const [submitting, setSubmitting] = useState(false);
@@ -85,13 +87,13 @@ export default function DialysisDetail() {
   };
 
   if (loading) return <Loading />;
-  if (!record) return <View className='error-text'><Text>记录加载失败</Text></View>;
+  if (!record) return <View className={`error-text ${modeClass}`}><Text>记录加载失败</Text></View>;
 
   const canComplete = record.status === 'draft';
   const canReview = record.status === 'completed';
 
   return (
-    <ScrollView scrollY className='dialysis-detail'>
+    <ScrollView scrollY className={`dialysis-detail ${modeClass}`}>
       {/* 状态头部 */}
       <View className='section'>
         <View className='record-header'>

apps/miniprogram/src/pages/doctor/dialysis/index.scss

@@ -1,4 +1,5 @@
 @import '../../../styles/variables.scss';
+@import '../../../styles/mixins.scss';
 
 .dialysis-page {
   min-height: 100vh;
@@ -15,7 +16,7 @@
   background: $bg;
   border-radius: $r-sm;
   padding: 16px 20px;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
 }
 
@@ -52,7 +53,7 @@
 }
 
 .tab-text {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
@@ -61,7 +62,7 @@
 }
 
 .record-count {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx3;
   padding: 8px 0 16px;
 }
@@ -89,7 +90,7 @@
   display: inline-block;
   padding: 4px 12px;
   border-radius: 8px;
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   font-weight: 600;
   background: $pri-l;
   color: $pri-d;
@@ -109,7 +110,7 @@
   display: inline-block;
   padding: 4px 12px;
   border-radius: 8px;
-  font-size: 20px;
+  font-size: var(--tk-font-body);
   background: $bd-l;
   color: $tx3;
 
@@ -131,13 +132,13 @@
 }
 
 .record-card__date {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   font-variant-numeric: tabular-nums;
 }
 
 .record-card__meta {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
   font-variant-numeric: tabular-nums;
 }
@@ -154,7 +155,7 @@
   padding: 12px 24px;
   background: $card;
   border-radius: $r-sm;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $pri;
 
   &--disabled {
@@ -163,7 +164,7 @@
 }
 
 .page-info {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
 }
 
@@ -187,7 +188,7 @@
 }
 
 .fab-text {
-  font-size: 40px;
+  font-size: var(--tk-font-hero);
   color: #fff;
   font-weight: bold;
 }

apps/miniprogram/src/pages/doctor/dialysis/index.tsx

@@ -4,6 +4,7 @@ import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
 import EmptyState from '@/components/EmptyState';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 const TABS = [
@@ -18,6 +19,7 @@ const TYPE_MAP: Record<string, string> = { HD: 'HD', HDF: 'HDF', HF: 'HF' };
 export default function DialysisList() {
   const router = useRouter();
   const patientId = router.params.patientId || '';
+  const modeClass = useElderClass();
   const [searchPatient, setSearchPatient] = useState('');
   const [currentPatientId, setCurrentPatientId] = useState(patientId);
   const [activeTab, setActiveTab] = useState('');
@@ -72,7 +74,7 @@ export default function DialysisList() {
   if (loading && records.length === 0) return <Loading />;
 
   return (
-    <ScrollView scrollY className='dialysis-page'>
+    <ScrollView scrollY className={`dialysis-page ${modeClass}`}>
       {!patientId && (
         <View className='search-bar'>
           <Input

apps/miniprogram/src/pages/doctor/followup/detail/index.scss

@@ -28,13 +28,13 @@
 
   &__title {
     font-family: 'Georgia', 'Times New Roman', serif;
-    font-size: 30px;
+    font-size: var(--tk-font-num);
     font-weight: 700;
     color: $tx;
   }
 
   &__status {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     padding: 6px 16px;
     border-radius: $r;
     font-weight: 500;
@@ -60,12 +60,12 @@
 }
 
 .info-label {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
 }
 
 .info-value {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   font-weight: 500;
 }
@@ -77,14 +77,14 @@
   border-radius: $r;
 
   &__label {
-    font-size: 22px;
+    font-size: var(--tk-font-body);
     color: $tx2;
     display: block;
     margin-bottom: 8px;
   }
 
   &__text {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $tx;
     line-height: 1.6;
   }
@@ -99,14 +99,14 @@
   }
 
   &__date {
-    font-size: 22px;
+    font-size: var(--tk-font-body);
     color: $tx3;
     display: block;
     margin-bottom: 8px;
   }
 
   &__text {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $tx;
     display: block;
     margin-bottom: 4px;
@@ -121,7 +121,7 @@
   border-radius: $r;
   margin-bottom: 24px;
   color: $card;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: 500;
 }
 
@@ -130,7 +130,7 @@
 }
 
 .form-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   font-weight: 500;
   display: block;
@@ -143,7 +143,7 @@
   background: $bd-l;
   border-radius: $r;
   padding: 16px 20px;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   box-sizing: border-box;
   line-height: 1.6;
@@ -154,7 +154,7 @@
   padding: 16px 20px;
   background: $bd-l;
   border-radius: $r;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   box-sizing: border-box;
 }
@@ -171,7 +171,7 @@
   }
 
   &__text {
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     color: $card;
     font-weight: 600;
   }
@@ -181,5 +181,5 @@
   text-align: center;
   padding: 80px 32px;
   color: $tx3;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
 }

apps/miniprogram/src/pages/doctor/followup/detail/index.tsx

@@ -3,6 +3,7 @@ import { View, Text, Textarea, ScrollView } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../../hooks/useElderClass';
 import './index.scss';
 
 const STATUS_LABELS: Record<string, string> = {
@@ -16,6 +17,7 @@ const STATUS_LABELS: Record<string, string> = {
 export default function FollowUpDetail() {
   const router = useRouter();
   const taskId = router.params.id || '';
+  const modeClass = useElderClass();
   const [task, setTask] = useState<doctorApi.FollowUpTask | null>(null);
   const [records, setRecords] = useState<doctorApi.FollowUpRecord[]>([]);
   const [loading, setLoading] = useState(true);
@@ -87,12 +89,12 @@ export default function FollowUpDetail() {
   const formatDate = (d: string) => new Date(d).toLocaleDateString('zh-CN');
 
   if (loading) return <Loading />;
-  if (!task) return <View className='error-text'><Text>任务加载失败</Text></View>;
+  if (!task) return <View className={`error-text ${modeClass}`}><Text>任务加载失败</Text></View>;
 
   const canSubmit = task.status === 'in_progress' || task.status === 'pending' || task.status === 'overdue';
 
   return (
-    <ScrollView scrollY className='followup-detail'>
+    <ScrollView scrollY className={`followup-detail ${modeClass}`}>
       <View className='section'>
         <View className='task-header'>
           <Text className='task-header__title'>随访详情</Text>

apps/miniprogram/src/pages/doctor/followup/index.scss

@@ -18,7 +18,7 @@
 .tab {
   display: inline-block;
   padding: 24px 16px;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   position: relative;
   flex-shrink: 0;
@@ -44,7 +44,7 @@
   padding: 20px 28px;
 
   text {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx3;
   }
 }
@@ -75,19 +75,19 @@
 
   &__type {
     font-family: 'Georgia', 'Times New Roman', serif;
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     font-weight: 600;
     color: $tx;
   }
 
   &__status {
     @include tag(transparent, $tx2);
-    font-size: 22px;
+    font-size: var(--tk-font-body);
     font-weight: 500;
   }
 
   &__patient {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $tx2;
     display: block;
     margin-bottom: 8px;
@@ -99,7 +99,7 @@
   }
 
   &__date {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx3;
   }
 }

apps/miniprogram/src/pages/doctor/followup/index.tsx

@@ -4,16 +4,10 @@ import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
 import EmptyState from '@/components/EmptyState';
+import { useElderClass } from '../../../hooks/useElderClass';
+import { getStatusInlineStyle, getStatusLabel } from '@/utils/statusTag';
 import './index.scss';
 
-const STATUS_MAP: Record<string, { label: string; color: string }> = {
-  pending: { label: '待处理', color: '#f59e0b' },
-  in_progress: { label: '进行中', color: '#0891b2' },
-  completed: { label: '已完成', color: '#10b981' },
-  overdue: { label: '已逾期', color: '#ef4444' },
-  cancelled: { label: '已取消', color: '#94a3b8' },
-};
-
 const TABS = [
   { key: '', label: '全部' },
   { key: 'pending', label: '待处理' },
@@ -25,6 +19,7 @@ const TABS = [
 export default function FollowUpList() {
   const router = useRouter();
   const patientId = router.params.patientId || '';
+  const modeClass = useElderClass();
   const [tasks, setTasks] = useState<doctorApi.FollowUpTask[]>([]);
   const [activeTab, setActiveTab] = useState('');
   const [loading, setLoading] = useState(true);
@@ -69,7 +64,7 @@ export default function FollowUpList() {
   if (loading && tasks.length === 0) return <Loading />;
 
   return (
-    <ScrollView scrollY className='followup-page'>
+    <ScrollView scrollY className={`followup-page ${modeClass}`}>
       <View className='tabs'>
         {TABS.map((t) => (
           <View
@@ -91,7 +86,6 @@ export default function FollowUpList() {
       ) : (
         <View className='task-list'>
           {tasks.map((task) => {
-            const st = STATUS_MAP[task.status] || { label: task.status, color: '#94a3b8' };
             return (
               <View
                 key={task.id}
@@ -100,8 +94,8 @@ export default function FollowUpList() {
               >
                 <View className='task-card__header'>
                   <Text className='task-card__type'>{getTypeLabel(task.follow_up_type)}</Text>
-                  <View className='task-card__status' style={`background: ${st.color}20; color: ${st.color}`}>
-                    <Text>{st.label}</Text>
+                  <View className='task-card__status' style={getStatusInlineStyle(task.status)}>
+                    <Text>{getStatusLabel(task.status)}</Text>
                   </View>
                 </View>
                 <Text className='task-card__patient'>{task.patient_name || '未知患者'}</Text>

apps/miniprogram/src/pages/doctor/index.scss

@@ -13,19 +13,18 @@
 
   &__title {
     @include section-title;
-    font-size: 40px;
     margin-bottom: 12px;
   }
 
   &__greeting {
-    font-size: 28px;
+    font-size: var(--tk-font-h2);
     color: $tx2;
     display: block;
     margin-bottom: 8px;
   }
 
   &__date {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx3;
   }
 
@@ -34,34 +33,34 @@
     align-items: center;
     margin: 16px 24px;
     padding: 16px 20px;
-    background: #FEF2F2;
+    background: $dan-l;
     border-radius: $r;
-    border-left: 4px solid #EF4444;
+    border-left: 4px solid $dan;
   }
 
   &__alert-icon {
     width: 36px;
     height: 36px;
     border-radius: 50%;
-    background: #EF4444;
+    background: $dan;
     color: #fff;
     text-align: center;
     line-height: 36px;
     font-weight: bold;
-    font-size: 22px;
+    font-size: var(--tk-font-body);
     margin-right: 12px;
     flex-shrink: 0;
   }
 
   &__alert-text {
     flex: 1;
-    font-size: 26px;
-    color: #991B1B;
+    font-size: var(--tk-font-h1);
+    color: $dan;
   }
 
   &__alert-link {
-    font-size: 24px;
-    color: #EF4444;
+    font-size: var(--tk-font-h2);
+    color: $dan;
     flex-shrink: 0;
   }
 
@@ -70,11 +69,11 @@
   }
 
   &__search-input {
-    background: #F1F5F9;
+    background: $surface-alt;
     border-radius: $r;
     padding: 16px 20px;
-    font-size: 26px;
-    color: #94A3B8;
+    font-size: var(--tk-font-h1);
+    color: $tx3;
   }
 
   &__section {
@@ -113,14 +112,14 @@
     background: $pri-l;
     color: $pri;
     font-family: 'Georgia', 'Times New Roman', serif;
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     font-weight: 700;
     margin-bottom: 8px;
   }
 
   &__card-num {
     @include serif-number;
-    font-size: 48px;
+    font-size: var(--tk-font-hero);
     font-weight: 700;
     color: $tx;
     display: block;
@@ -128,7 +127,7 @@
   }
 
   &__card-label {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx2;
   }
 
@@ -145,7 +144,7 @@
 
   &__logout {
     color: $dan;
-    font-size: 28px;
+    font-size: var(--tk-font-h2);
     padding: 16px 48px;
     display: inline-block;
   }
@@ -172,7 +171,7 @@
     background: $acc-l;
     color: $acc;
     font-family: 'Georgia', 'Times New Roman', serif;
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     font-weight: 700;
   }
 
@@ -192,14 +191,14 @@
     text-align: center;
     background: $dan;
     color: #fff;
-    font-size: 18px;
+    font-size: var(--tk-font-body-sm);
     font-weight: 700;
     border-radius: $r-pill;
     padding: 0 6px;
   }
 
   &__label {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx2;
     display: block;
   }

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

@@ -1,7 +1,8 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { View, Text, Input, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { useAuthStore } from '@/stores/auth';
+import { useElderClass } from '../../hooks/useElderClass';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
 import './index.scss';
@@ -11,35 +12,67 @@ interface CardConfig {
   label: string;
   initial: string;
   route: string;
+  roles?: string[];
 }
 
-const CARDS: CardConfig[] = [
+const ALL_CARDS: CardConfig[] = [
   { key: 'total_patients', label: '我的患者', initial: '患', route: '/pages/doctor/patients/index' },
   { key: 'unread_messages', label: '未读消息', initial: '消', route: '/pages/doctor/consultation/index' },
-  { key: 'pending_follow_ups', label: '待处理随访', initial: '随', route: '/pages/doctor/followup/index' },
-  { key: 'today_consultations', label: '今日咨询', initial: '诊', route: '/pages/doctor/consultation/index' },
+  { key: 'pending_follow_ups', label: '待处理随访', initial: '随', route: '/pages/doctor/followup/index', roles: ['doctor', 'nurse', 'health_manager'] },
+  { key: 'today_consultations', label: '今日咨询', initial: '诊', route: '/pages/doctor/consultation/index', roles: ['doctor', 'health_manager'] },
 ];
 
-const HEALTH_CARDS: CardConfig[] = [
-  { key: 'pending_lab_review', label: '待审化验', initial: '化', route: '/pages/doctor/report/index' },
+const ALL_HEALTH_CARDS: CardConfig[] = [
+  { key: 'pending_lab_review', label: '待审化验', initial: '化', route: '/pages/doctor/report/index', roles: ['doctor'] },
   { key: 'today_appointments', label: '今日预约', initial: '约', route: '/pages/doctor/patients/index' },
 ];
 
-const QUICK_ACTIONS = [
-  { label: '化验审核', initial: '审', route: '/pages/doctor/report/index' },
-  { label: '患者查询', initial: '查', route: '/pages/doctor/patients/index' },
-  { label: '随访记录', initial: '随', route: '/pages/doctor/followup/index' },
-  { label: '告警中心', initial: '警', route: '/pages/doctor/alerts/index' },
-  { label: '透析记录', initial: '透', route: '/pages/doctor/dialysis/index' },
-  { label: '透析处方', initial: '方', route: '/pages/doctor/prescription/index' },
+interface QuickAction {
+  label: string;
+  initial: string;
+  route: string;
+  roles: string[];
+}
+
+const ALL_QUICK_ACTIONS: QuickAction[] = [
+  { label: '化验审核', initial: '审', route: '/pages/doctor/report/index', roles: ['doctor'] },
+  { label: '患者查询', initial: '查', route: '/pages/doctor/patients/index', roles: ['doctor', 'nurse', 'health_manager'] },
+  { label: '随访记录', initial: '随', route: '/pages/doctor/followup/index', roles: ['doctor', 'nurse', 'health_manager'] },
+  { label: '告警中心', initial: '警', route: '/pages/doctor/alerts/index', roles: ['doctor', 'nurse', 'health_manager'] },
+  { label: '透析管理', initial: '透', route: '/pages/doctor/dialysis/index', roles: ['doctor'] },
+  { label: '处方管理', initial: '方', route: '/pages/doctor/prescription/index', roles: ['doctor'] },
+  { label: '行动收件箱', initial: '行', route: '/pages/doctor/action-inbox/index', roles: ['doctor', 'nurse', 'health_manager'] },
 ];
 
+const ROLE_LABELS: Record<string, string> = {
+  doctor: '医生',
+  nurse: '护士',
+  health_manager: '健康管理师',
+  admin: '管理员',
+  operator: '运营',
+};
+
 export default function DoctorHome() {
-  const { user, logout } = useAuthStore();
+  const { user, logout, roles } = useAuthStore();
+  const modeClass = useElderClass();
   const [dashboard, setDashboard] = useState<doctorApi.DoctorDashboard | null>(null);
   const [alertCount, setAlertCount] = useState(0);
   const [loading, setLoading] = useState(true);
 
+  const hasRole = (allowed: string[] | undefined) => {
+    if (!allowed) return true;
+    return roles.some((r) => r === 'admin' || allowed.includes(r));
+  };
+
+  const cards = useMemo(() => ALL_CARDS.filter((c) => hasRole(c.roles)), [roles]);
+  const healthCards = useMemo(() => ALL_HEALTH_CARDS.filter((c) => hasRole(c.roles)), [roles]);
+  const quickActions = useMemo(() => ALL_QUICK_ACTIONS.filter((a) => hasRole(a.roles)), [roles]);
+
+  const roleLabel = useMemo(() => {
+    const primary = roles.find((r) => r !== 'admin');
+    return primary ? (ROLE_LABELS[primary] || primary) : '医护';
+  }, [roles]);
+
   useEffect(() => {
     loadDashboard();
   }, []);
@@ -74,11 +107,11 @@ export default function DoctorHome() {
   if (loading) return <Loading />;
 
   return (
-    <ScrollView scrollY className='doctor-home'>
+    <ScrollView scrollY className={`doctor-home ${modeClass}`}>
       <View className='doctor-home__header'>
         <Text className='doctor-home__title'>医护工作台</Text>
         <Text className='doctor-home__greeting'>
-          {user?.display_name || user?.username || '医生'}，您好
+          {user?.display_name || user?.username || roleLabel}，您好
         </Text>
         <Text className='doctor-home__date'>
           {new Date().toLocaleDateString('zh-CN', { month: 'long', day: 'numeric', weekday: 'long' })}
@@ -104,7 +137,7 @@ export default function DoctorHome() {
       <View className='doctor-home__section'>
         <Text className='doctor-home__section-title'>工作概览</Text>
         <View className='doctor-home__grid'>
-          {CARDS.map((card) => (
+          {cards.map((card) => (
             <View
               key={card.key}
               className='doctor-home__card'
@@ -118,10 +151,10 @@ export default function DoctorHome() {
         </View>
       </View>
 
-      <View className='doctor-home__section'>
+      {healthCards.length > 0 && (<View className='doctor-home__section'>
         <Text className='doctor-home__section-title'>健康审核</Text>
         <View className='doctor-home__grid'>
-          {HEALTH_CARDS.map((card) => (
+          {healthCards.map((card) => (
             <View
               key={card.key}
               className='doctor-home__card'
@@ -133,12 +166,12 @@ export default function DoctorHome() {
             </View>
           ))}
         </View>
-      </View>
+      </View>)}
 
       <View className='doctor-home__section'>
         <Text className='doctor-home__section-title'>快捷操作</Text>
         <View className='doctor-home__quick-actions'>
-          {QUICK_ACTIONS.map((action) => (
+          {quickActions.map((action) => (
             <View
               key={action.route}
               className='quick-action'

apps/miniprogram/src/pages/doctor/patients/detail/index.scss

@@ -33,12 +33,12 @@
 }
 
 .info-label {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
 }
 
 .info-value {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
   font-weight: 500;
 }
@@ -51,7 +51,7 @@
 }
 
 .warning-label {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $wrn;
   font-weight: 600;
   display: block;
@@ -59,7 +59,7 @@
 }
 
 .warning-text {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $pri-d;
 }
 
@@ -68,14 +68,14 @@
 }
 
 .info-block-label {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx3;
   display: block;
   margin-bottom: 8px;
 }
 
 .info-block-text {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   line-height: 1.6;
 }
@@ -96,7 +96,7 @@
 
 .vital-value {
   @include serif-number;
-  font-size: 36px;
+  font-size: var(--tk-font-num-lg);
   font-weight: 700;
   color: $pri;
   display: block;
@@ -104,7 +104,7 @@
 }
 
 .vital-label {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: $tx2;
 }
 
@@ -116,13 +116,13 @@
 }
 
 .stat-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
 .stat-value {
   @include serif-number;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   font-weight: 600;
   color: $tx;
 
@@ -151,18 +151,18 @@
   }
 
   &__type {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     font-weight: 500;
     color: $tx;
   }
 
   &__date {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx3;
   }
 
   &__abnormal {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $dan;
     font-weight: 500;
   }
@@ -180,7 +180,7 @@
   border-radius: $r;
   background: $pri;
   color: $card;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   font-weight: 500;
 
   &:active {
@@ -196,5 +196,5 @@
   text-align: center;
   padding: 80px 32px;
   color: $tx3;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
 }

apps/miniprogram/src/pages/doctor/patients/detail/index.tsx

@@ -3,11 +3,13 @@ import { View, Text, ScrollView } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../../hooks/useElderClass';
 import './index.scss';
 
 export default function PatientDetail() {
   const router = useRouter();
   const patientId = router.params.id || '';
+  const modeClass = useElderClass();
   const [patient, setPatient] = useState<doctorApi.PatientDetail | null>(null);
   const [summary, setSummary] = useState<doctorApi.HealthSummary | null>(null);
   const [loading, setLoading] = useState(true);
@@ -40,10 +42,10 @@ export default function PatientDetail() {
   };
 
   if (loading) return <Loading />;
-  if (!patient) return <View className='error-text'><Text>患者信息加载失败</Text></View>;
+  if (!patient) return <View className={`error-text ${modeClass}`}><Text>患者信息加载失败</Text></View>;
 
   return (
-    <ScrollView scrollY className='patient-detail'>
+    <ScrollView scrollY className={`patient-detail ${modeClass}`}>
       {/* 基本信息 */}
       <View className='section'>
         <View className='section-header'>

apps/miniprogram/src/pages/doctor/patients/index.scss

@@ -15,7 +15,7 @@
     background: $card;
     border-radius: $r;
     padding: 20px 24px;
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     width: 100%;
     box-sizing: border-box;
     box-shadow: $shadow-sm;
@@ -33,7 +33,7 @@
   padding: 10px 24px;
   border-radius: $r-pill;
   background: $bd-l;
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
   margin-right: 16px;
 
@@ -47,7 +47,7 @@
   margin-bottom: 16px;
 
   text {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx3;
   }
 }
@@ -75,14 +75,14 @@
   }
 
   &__name {
-    font-size: 30px;
+    font-size: var(--tk-font-num);
     font-weight: 600;
     color: $tx;
     margin-right: 16px;
   }
 
   &__meta {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx2;
   }
 
@@ -112,7 +112,7 @@
   background: $pri-l;
 
   &__text {
-    font-size: 22px;
+    font-size: var(--tk-font-body);
   }
 }
 
@@ -124,7 +124,7 @@
   margin-top: 32px;
 
   &__btn {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $pri;
     padding: 12px 24px;
 
@@ -134,7 +134,7 @@
   }
 
   &__info {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx2;
   }
 }

apps/miniprogram/src/pages/doctor/patients/index.tsx

@@ -1,12 +1,14 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { View, Text, Input, ScrollView } from '@tarojs/components';
-import Taro from '@tarojs/taro';
+import Taro, { usePullDownRefresh, useReachBottom } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
 import EmptyState from '@/components/EmptyState';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 export default function PatientList() {
+  const modeClass = useElderClass();
   const [patients, setPatients] = useState<doctorApi.PatientItem[]>([]);
   const [tags, setTags] = useState<doctorApi.PatientTag[]>([]);
   const [activeTag, setActiveTag] = useState<string>('');
@@ -14,14 +16,15 @@ export default function PatientList() {
   const [loading, setLoading] = useState(true);
   const [total, setTotal] = useState(0);
   const [page, setPage] = useState(1);
+  const loadingRef = useRef(false);
 
   useEffect(() => {
     loadTags();
   }, []);
 
   useEffect(() => {
-    loadPatients();
-  }, [page, activeTag]);
+    loadPatients(1, true);
+  }, [activeTag]);
 
   const loadTags = async () => {
     try {
@@ -30,32 +33,51 @@ export default function PatientList() {
     } catch { /* ignore */ }
   };
 
-  const loadPatients = async () => {
-    setLoading(true);
+  const loadPatients = async (pageNum: number, isRefresh = false) => {
+    if (loadingRef.current) return;
+    loadingRef.current = true;
+    if (isRefresh) setLoading(true);
     try {
       const res = await doctorApi.listPatients({
-        page,
+        page: pageNum,
         page_size: 20,
         search: search || undefined,
         tag_id: activeTag || undefined,
       });
-      setPatients(res.data || []);
+      const list = res.data || [];
+      if (isRefresh) {
+        setPatients(list);
+      } else {
+        setPatients((prev) => [...prev, ...list]);
+      }
       setTotal(res.total || 0);
+      setPage(pageNum);
     } catch {
       Taro.showToast({ title: '加载失败', icon: 'none' });
     } finally {
       setLoading(false);
+      loadingRef.current = false;
     }
   };
 
+  usePullDownRefresh(() => {
+    loadPatients(1, true).finally(() => {
+      Taro.stopPullDownRefresh();
+    });
+  });
+
+  useReachBottom(() => {
+    if (!loading && patients.length < total) {
+      loadPatients(page + 1);
+    }
+  });
+
   const handleSearch = () => {
-    setPage(1);
-    loadPatients();
+    loadPatients(1, true);
   };
 
   const handleTagFilter = (tagId: string) => {
     setActiveTag(tagId === activeTag ? '' : tagId);
-    setPage(1);
   };
 
   const getGenderLabel = (gender?: string) => {
@@ -78,7 +100,7 @@ export default function PatientList() {
   if (loading && patients.length === 0) return <Loading />;
 
   return (
-    <ScrollView scrollY className='patient-list-page'>
+    <ScrollView scrollY className={`patient-list-page ${modeClass}`}>
       <View className='search-bar'>
         <Input
           className='search-input'
@@ -154,23 +176,12 @@ export default function PatientList() {
         </View>
       )}
 
-      {total > 20 && (
-        <View className='pagination'>
-          <Text
-            className={`pagination__btn ${page <= 1 ? 'disabled' : ''}`}
-            onClick={() => page > 1 && setPage(page - 1)}
-          >
-            上一页
-          </Text>
-          <Text className='pagination__info'>{page} / {Math.ceil(total / 20)}</Text>
-          <Text
-            className={`pagination__btn ${page >= Math.ceil(total / 20) ? 'disabled' : ''}`}
-            onClick={() => page < Math.ceil(total / 20) && setPage(page + 1)}
-          >
-            下一页
-          </Text>
+      {!loading && patients.length >= total && total > 0 && (
+        <View style={{ textAlign: 'center', padding: '20px' }}>
+          <Text style={{ fontSize: '24px', color: '#78716C' }}>没有更多了</Text>
         </View>
       )}
+      {loading && patients.length > 0 && <Loading />}
     </ScrollView>
   );
 }

apps/miniprogram/src/pages/doctor/prescription/create/index.scss

@@ -1,4 +1,5 @@
 @import '../../../../styles/variables.scss';
+@import '../../../../styles/mixins.scss';
 
 .create-page {
   min-height: 100vh;
@@ -16,7 +17,7 @@
 }
 
 .section-title {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
   display: block;
@@ -36,7 +37,7 @@
 }
 
 .form-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   flex-shrink: 0;
   min-width: 140px;
@@ -45,12 +46,12 @@
 .form-input {
   flex: 1;
   text-align: right;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
 }
 
 .form-value {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
 
   &.placeholder {
@@ -61,7 +62,7 @@
 .form-textarea {
   width: 100%;
   margin-top: 12px;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   min-height: 120px;
   background: $bg;
@@ -86,7 +87,7 @@
 }
 
 .submit-btn__text {
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   font-weight: bold;
   color: #fff;
 }

apps/miniprogram/src/pages/doctor/prescription/create/index.tsx

@@ -3,6 +3,7 @@ import { View, Text, Input, Textarea, Picker, ScrollView } from '@tarojs/compone
 import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../../hooks/useElderClass';
 import './index.scss';
 
 interface FormState {
@@ -50,6 +51,7 @@ const initialForm: FormState = {
 export default function PrescriptionCreate() {
   const router = useRouter();
   const patientId = router.params.patientId || '';
+  const modeClass = useElderClass();
   const [form, setForm] = useState<FormState>(initialForm);
   const [submitting, setSubmitting] = useState(false);
 
@@ -114,7 +116,7 @@ export default function PrescriptionCreate() {
   );
 
   return (
-    <ScrollView scrollY className='create-page'>
+    <ScrollView scrollY className={`create-page ${modeClass}`}>
       {/* 透析器 */}
       <View className='section'>
         <Text className='section-title'>透析器</Text>

apps/miniprogram/src/pages/doctor/prescription/detail/index.scss

@@ -1,4 +1,5 @@
 @import '../../../../styles/variables.scss';
+@import '../../../../styles/mixins.scss';
 
 .prescription-detail {
   min-height: 100vh;
@@ -16,7 +17,7 @@
 }
 
 .section-title {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
   display: block;
@@ -31,7 +32,7 @@
 }
 
 .rx-header__title {
-  font-size: 34px;
+  font-size: var(--tk-font-num-lg);
   font-weight: bold;
   color: $tx;
 }
@@ -40,7 +41,7 @@
   display: inline-block;
   padding: 4px 12px;
   border-radius: 8px;
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   background: $bd-l;
   color: $tx3;
 
@@ -51,7 +52,7 @@
 }
 
 .rx-sub {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   display: block;
   font-variant-numeric: tabular-nums;
@@ -69,12 +70,12 @@
 }
 
 .detail-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
 .detail-value {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   text-align: right;
   flex: 1;
@@ -83,7 +84,7 @@
 }
 
 .notes-text {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   line-height: 1.6;
 }
@@ -91,7 +92,7 @@
 .error-text {
   text-align: center;
   padding: 120px 0;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx3;
 }
 
@@ -131,6 +132,6 @@
 }
 
 .action-btn__text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: 500;
 }

apps/miniprogram/src/pages/doctor/prescription/detail/index.tsx

@@ -3,11 +3,13 @@ import { View, Text, ScrollView } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../../hooks/useElderClass';
 import './index.scss';
 
 export default function PrescriptionDetail() {
   const router = useRouter();
   const id = router.params.id || '';
+  const modeClass = useElderClass();
   const [rx, setRx] = useState<doctorApi.DialysisPrescription | null>(null);
   const [loading, setLoading] = useState(true);
   const [submitting, setSubmitting] = useState(false);
@@ -76,10 +78,10 @@ export default function PrescriptionDetail() {
   };
 
   if (loading) return <Loading />;
-  if (!rx) return <View className='error-text'><Text>处方加载失败</Text></View>;
+  if (!rx) return <View className={`error-text ${modeClass}`}><Text>处方加载失败</Text></View>;
 
   return (
-    <ScrollView scrollY className='prescription-detail'>
+    <ScrollView scrollY className={`prescription-detail ${modeClass}`}>
       {/* 状态头部 */}
       <View className='section'>
         <View className='rx-header'>

apps/miniprogram/src/pages/doctor/prescription/index.scss

@@ -1,4 +1,5 @@
 @import '../../../styles/variables.scss';
+@import '../../../styles/mixins.scss';
 
 .prescription-page {
   min-height: 100vh;
@@ -15,7 +16,7 @@
   background: $bg;
   border-radius: $r-sm;
   padding: 16px 20px;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
 }
 
@@ -52,7 +53,7 @@
 }
 
 .tab-text {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
@@ -61,7 +62,7 @@
 }
 
 .prescription-count {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx3;
   padding: 8px 0 16px;
 }
@@ -86,7 +87,7 @@
 }
 
 .prescription-card__model {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $tx;
 }
@@ -95,7 +96,7 @@
   display: inline-block;
   padding: 4px 12px;
   border-radius: 8px;
-  font-size: 20px;
+  font-size: var(--tk-font-body);
   background: $bd-l;
   color: $tx3;
 
@@ -112,13 +113,13 @@
 }
 
 .prescription-card__meta {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
   font-variant-numeric: tabular-nums;
 }
 
 .prescription-card__date {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx3;
   display: block;
   font-variant-numeric: tabular-nums;
@@ -136,7 +137,7 @@
   padding: 12px 24px;
   background: $card;
   border-radius: $r-sm;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $pri;
 
   &--disabled {
@@ -145,7 +146,7 @@
 }
 
 .page-info {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $tx2;
 }
 
@@ -169,7 +170,7 @@
 }
 
 .fab-text {
-  font-size: 40px;
+  font-size: var(--tk-font-hero);
   color: #fff;
   font-weight: bold;
 }

apps/miniprogram/src/pages/doctor/prescription/index.tsx

@@ -4,6 +4,7 @@ import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
 import EmptyState from '@/components/EmptyState';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 const TABS = [
@@ -15,6 +16,7 @@ const TABS = [
 export default function PrescriptionList() {
   const router = useRouter();
   const patientId = router.params.patientId || '';
+  const modeClass = useElderClass();
   const [searchPatient, setSearchPatient] = useState('');
   const [currentPatientId, setCurrentPatientId] = useState(patientId);
   const [activeTab, setActiveTab] = useState('');
@@ -66,7 +68,7 @@ export default function PrescriptionList() {
   if (loading && prescriptions.length === 0) return <Loading />;
 
   return (
-    <ScrollView scrollY className='prescription-page'>
+    <ScrollView scrollY className={`prescription-page ${modeClass}`}>
       {!patientId && (
         <View className='search-bar'>
           <Input

apps/miniprogram/src/pages/doctor/report/detail/index.scss

@@ -28,13 +28,13 @@
 
   &__type {
     font-family: 'Georgia', 'Times New Roman', serif;
-    font-size: 32px;
+    font-size: var(--tk-font-num);
     font-weight: 700;
     color: $tx;
   }
 
   &__status {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     padding: 6px 16px;
     border-radius: $r;
     font-weight: 500;
@@ -45,13 +45,13 @@
 }
 
 .report-date {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
   display: block;
 }
 
 .review-info {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $acc;
   display: block;
   margin-top: 8px;
@@ -81,7 +81,7 @@
 }
 
 .indicator-cell {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
 
   &--name {
     flex: 2;
@@ -116,7 +116,7 @@
   }
 
   .indicator-row--header & {
-    font-size: 22px;
+    font-size: var(--tk-font-body);
     color: $tx3;
     font-weight: 400;
   }
@@ -129,7 +129,7 @@
 }
 
 .notes-text {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   line-height: 1.6;
 }
@@ -140,7 +140,7 @@
   background: $bd-l;
   border-radius: $r;
   padding: 20px;
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   box-sizing: border-box;
   line-height: 1.6;
@@ -158,7 +158,7 @@
   }
 
   &__text {
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     color: $card;
     font-weight: 600;
   }
@@ -168,5 +168,5 @@
   text-align: center;
   padding: 80px 32px;
   color: $tx3;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
 }

apps/miniprogram/src/pages/doctor/report/detail/index.tsx

@@ -3,12 +3,14 @@ import { View, Text, Textarea, ScrollView } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
+import { useElderClass } from '../../../../hooks/useElderClass';
 import './index.scss';
 
 export default function ReportDetail() {
   const router = useRouter();
   const patientId = router.params.patientId || '';
   const reportId = router.params.id || '';
+  const modeClass = useElderClass();
   const [report, setReport] = useState<doctorApi.LabReportDetail | null>(null);
   const [loading, setLoading] = useState(true);
   const [doctorNotes, setDoctorNotes] = useState('');
@@ -51,10 +53,10 @@ export default function ReportDetail() {
   const formatDate = (d: string) => new Date(d).toLocaleDateString('zh-CN');
 
   if (loading) return <Loading />;
-  if (!report) return <View className='error-text'><Text>报告加载失败</Text></View>;
+  if (!report) return <View className={`error-text ${modeClass}`}><Text>报告加载失败</Text></View>;
 
   return (
-    <ScrollView scrollY className='report-detail'>
+    <ScrollView scrollY className={`report-detail ${modeClass}`}>
       {/* 基本信息 */}
       <View className='section'>
         <View className='report-header'>

apps/miniprogram/src/pages/doctor/report/index.scss

@@ -15,7 +15,7 @@
     background: $card;
     border-radius: $r;
     padding: 20px 24px;
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     width: 100%;
     box-sizing: border-box;
     box-shadow: $shadow-sm;
@@ -26,7 +26,7 @@
   margin-bottom: 16px;
 
   text {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx3;
   }
 }
@@ -56,13 +56,13 @@
 
   &__type {
     font-family: 'Georgia', 'Times New Roman', serif;
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     font-weight: 600;
     color: $tx;
   }
 
   &__date {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx3;
   }
 
@@ -73,13 +73,13 @@
   }
 
   &__abnormal {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $dan;
     font-weight: 600;
   }
 
   &__normal {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $acc;
   }
 

apps/miniprogram/src/pages/doctor/report/index.tsx

@@ -4,11 +4,13 @@ import Taro, { useRouter } from '@tarojs/taro';
 import * as doctorApi from '@/services/doctor';
 import Loading from '@/components/Loading';
 import EmptyState from '@/components/EmptyState';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 export default function ReportList() {
   const router = useRouter();
   const patientId = router.params.patientId || '';
+  const modeClass = useElderClass();
   const [searchPatient, setSearchPatient] = useState('');
   const [currentPatientId, setCurrentPatientId] = useState(patientId);
   const [reports, setReports] = useState<doctorApi.LabReportItem[]>([]);
@@ -55,7 +57,7 @@ export default function ReportList() {
   if (loading && reports.length === 0) return <Loading />;
 
   return (
-    <ScrollView scrollY className='report-page'>
+    <ScrollView scrollY className={`report-page ${modeClass}`}>
       {!patientId && (
         <View className='search-bar'>
           <Input

apps/miniprogram/src/pages/events/index.scss

@@ -1,34 +1,5 @@
 @import '../../styles/variables.scss';
-
-@mixin serif-number {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-variant-numeric: tabular-nums;
-}
-
-@mixin section-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 30px;
-  font-weight: bold;
-  color: $tx;
-  margin-bottom: 20px;
-  display: block;
-}
-
-@mixin tag($bg, $color) {
-  display: inline-block;
-  padding: 4px 12px;
-  border-radius: 8px;
-  font-size: 20px;
-  font-weight: 500;
-  background: $bg;
-  color: $color;
-}
-
-@mixin flex-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+@import '../../styles/mixins.scss';
 
 .events-page {
   min-height: 100vh;
@@ -43,14 +14,14 @@
 
   &__title {
     font-family: 'Georgia', 'Times New Roman', serif;
-    font-size: 40px;
+    font-size: var(--tk-font-h1);
     font-weight: bold;
     display: block;
     margin-bottom: 8px;
   }
 
   &__subtitle {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     opacity: 0.85;
   }
 }
@@ -77,7 +48,7 @@
 
   &__status {
     @include tag($bd-l, $tx2);
-    font-size: 22px;
+    font-size: var(--tk-font-body);
   }
 
   &__status--published {
@@ -97,7 +68,7 @@
   }
 
   &__points {
-    font-size: 28px;
+    font-size: var(--tk-font-body-lg);
     font-weight: bold;
     color: $wrn;
     @include serif-number;
@@ -105,7 +76,7 @@
 
   &__title {
     font-family: 'Georgia', 'Times New Roman', serif;
-    font-size: 30px;
+    font-size: var(--tk-font-h1);
     font-weight: bold;
     color: $tx;
     display: block;
@@ -113,7 +84,7 @@
   }
 
   &__desc {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $tx2;
     display: block;
     margin-bottom: 16px;
@@ -128,13 +99,13 @@
   }
 
   &__date {
-    font-size: 24px;
+    font-size: var(--tk-font-h2);
     color: $tx2;
   }
 
   &__location {
-    font-size: 24px;
-    color: $tx3;
+    font-size: var(--tk-font-h2);
+    color: var(--tk-text-secondary);
   }
 
   &__footer {
@@ -146,8 +117,8 @@
   }
 
   &__participants {
-    font-size: 24px;
-    color: $tx3;
+    font-size: var(--tk-font-h2);
+    color: var(--tk-text-secondary);
     @include serif-number;
   }
 
@@ -161,7 +132,7 @@
     }
 
     &-text {
-      font-size: 26px;
+      font-size: var(--tk-font-h1);
       color: $card;
       font-weight: 500;
     }

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

@@ -4,6 +4,7 @@ import Taro from '@tarojs/taro';
 import * as pointsApi from '@/services/points';
 import Loading from '@/components/Loading';
 import EmptyState from '@/components/EmptyState';
+import { useElderClass } from '../../hooks/useElderClass';
 import './index.scss';
 
 const STATUS_MAP: Record<string, { label: string; className: string }> = {
@@ -14,6 +15,7 @@ const STATUS_MAP: Record<string, { label: string; className: string }> = {
 };
 
 export default function EventsPage() {
+  const modeClass = useElderClass();
   const [events, setEvents] = useState<pointsApi.OfflineEvent[]>([]);
   const [loading, setLoading] = useState(true);
   const [registering, setRegistering] = useState<string | null>(null);
@@ -59,7 +61,7 @@ export default function EventsPage() {
   if (loading) return <Loading />;
 
   return (
-    <ScrollView scrollY className='events-page'>
+    <ScrollView scrollY className={`events-page ${modeClass}`}>
       <View className='events-header'>
         <Text className='events-header__title'>线下活动</Text>
         <Text className='events-header__subtitle'>参加活动赢取积分</Text>

apps/miniprogram/src/pages/followup/detail/index.scss

@@ -18,7 +18,7 @@
 
 .detail-title {
   @include section-title;
-  font-size: 34px;
+  font-size: var(--tk-font-num-lg);
   margin-bottom: 20px;
 }
 
@@ -34,12 +34,12 @@
 }
 
 .detail-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx2;
 }
 
 .detail-value {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
 
   &.status-completed { color: $acc; }
@@ -59,7 +59,7 @@
 }
 
 .countdown-text {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: $wrn;
   font-weight: bold;
 
@@ -74,7 +74,7 @@
 }
 
 .detail-desc-text {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: $tx;
   line-height: 1.6;
 }
@@ -94,7 +94,7 @@
 .submit-textarea {
   width: 100%;
   min-height: 200px;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
   background: $bg;
   border-radius: $r-sm;
@@ -121,7 +121,7 @@
 }
 
 .submit-btn-text {
-  font-size: 30px;
+  font-size: var(--tk-font-num);
   color: #fff;
   font-weight: 600;
 }
@@ -134,6 +134,6 @@
 
 .loading-text,
 .empty-text {
-  font-size: 28px;
-  color: $tx3;
+  font-size: var(--tk-font-body-lg);
+  color: var(--tk-text-secondary);
 }

apps/miniprogram/src/pages/followup/detail/index.tsx

@@ -7,9 +7,11 @@ import { TEMPLATE_IDS } from '@/services/wechat-templates';
 import { trackEvent } from '@/services/analytics';
 import Loading from '../../../components/Loading';
 import ErrorState from '../../../components/ErrorState';
+import { useElderClass } from '../../../hooks/useElderClass';
 import './index.scss';
 
 export default function FollowUpDetail() {
+  const modeClass = useElderClass();
   const router = useRouter();
   const id = router.params.id || '';
 
@@ -82,7 +84,7 @@ export default function FollowUpDetail() {
 
   if (loading) {
     return (
-      <View className='detail-page'>
+      <View className={`detail-page ${modeClass}`}>
         <Loading />
       </View>
     );
@@ -90,7 +92,7 @@ export default function FollowUpDetail() {
 
   if (error || !task) {
     return (
-      <View className='detail-page'>
+      <View className={`detail-page ${modeClass}`}>
         <ErrorState text='任务不存在' />
       </View>
     );
@@ -99,7 +101,7 @@ export default function FollowUpDetail() {
   const isCompleted = task.status === 'completed';
 
   return (
-    <View className='detail-page'>
+    <View className={`detail-page ${modeClass}`}>
       <View className='detail-card'>
         <Text className='detail-title'>{task.follow_up_type}</Text>
         <View className='detail-row'>

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

@@ -4,17 +4,18 @@
 .health-page {
   min-height: 100vh;
   background: $bg;
-  padding: 20px 16px 100px;
+  padding: 20px 24px 100px;
   padding-bottom: calc(100px + env(safe-area-inset-bottom));
 }
 
 /* ─── 页头 ─── */
 .health-header {
-  margin-bottom: 16px;
+  margin-bottom: 20px;
 }
 
 .health-title {
-  font-size: 22px;
+  @include serif-number;
+  font-size: var(--tk-font-h1);
   font-weight: 700;
   color: $tx;
 }
@@ -40,6 +41,7 @@
 
   &.vital-tab-active {
     background: $pri;
+    box-shadow: 0 2px 8px rgba(196, 98, 58, 0.25);
 
     .vital-tab-text {
       color: #fff;
@@ -48,7 +50,7 @@
 }
 
 .vital-tab-text {
-  font-size: 15px;
+  font-size: var(--tk-font-cap);
   font-weight: 600;
   color: $tx2;
 }
@@ -65,11 +67,11 @@
 
 /* ─── 录入区 ─── */
 .input-section {
-  margin-bottom: 12px;
+  margin-bottom: 20px;
   background: $card;
   border-radius: $r;
-  padding: 16px;
-  box-shadow: $shadow-sm;
+  padding: 20px;
+  box-shadow: $shadow-md;
 }
 
 .input-group {
@@ -77,8 +79,8 @@
 }
 
 .input-label {
-  font-size: 13px;
-  color: $tx3;
+  font-size: var(--tk-font-cap);
+  color: var(--tk-text-secondary);
   display: block;
   margin-bottom: 4px;
 }
@@ -90,7 +92,7 @@
   border-radius: 12px;
   padding: 0 16px;
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: 600;
   color: $tx;
   width: 100%;
@@ -98,13 +100,17 @@
 }
 
 .input-ref {
-  font-size: 13px;
-  color: $tx3;
+  font-size: var(--tk-font-cap);
+  color: var(--tk-text-secondary);
   display: block;
   margin-top: 8px;
   margin-bottom: 4px;
 }
 
+.input-label--secondary {
+  margin-top: 20px;
+}
+
 /* ─── 血糖时段选择 ─── */
 .period-group {
   display: flex;
@@ -133,7 +139,7 @@
 }
 
 .period-btn-text {
-  font-size: 15px;
+  font-size: var(--tk-font-cap);
   font-weight: 600;
   color: $tx2;
 }
@@ -145,7 +151,8 @@
   border-radius: 14px;
   background: $pri;
   @include flex-center;
-  margin-top: 12px;
+  margin-top: 20px;
+  box-shadow: 0 2px 8px rgba(196, 98, 58, 0.25);
 
   &:active {
     opacity: 0.85;
@@ -153,7 +160,7 @@
 }
 
 .save-btn-text {
-  font-size: 17px;
+  font-size: var(--tk-font-body-sm);
   font-weight: 600;
   color: #fff;
 }
@@ -176,7 +183,7 @@
 }
 
 .trend-empty-text {
-  font-size: 14px;
+  font-size: var(--tk-font-cap);
   color: $tx2;
 }
 
@@ -195,6 +202,25 @@
   border-radius: 12px;
   padding: 12px 8px;
   gap: 0;
+  position: relative;
+}
+
+.trend-threshold-line {
+  position: absolute;
+  left: 8px;
+  right: 8px;
+  border-top: 1.5px dashed $wrn;
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+.trend-threshold-label {
+  position: absolute;
+  right: 0;
+  top: -16px;
+  font-size: var(--tk-font-micro);
+  color: $wrn;
+  opacity: 0.8;
 }
 
 .trend-bar-col {
@@ -222,8 +248,8 @@
 }
 
 .trend-bar-label {
-  font-size: 11px;
-  color: $tx3;
+  font-size: var(--tk-font-micro);
+  color: var(--tk-text-secondary);
   margin-top: 6px;
 }
 
@@ -256,7 +282,7 @@
 }
 
 .device-icon-text {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
 }
 
 .device-info {
@@ -265,21 +291,21 @@
 }
 
 .device-name {
-  font-size: 15px;
+  font-size: var(--tk-font-cap);
   font-weight: 500;
   color: $tx;
   display: block;
 }
 
 .device-desc {
-  font-size: 13px;
+  font-size: var(--tk-font-cap);
   color: $acc;
   display: block;
 }
 
 .device-arrow {
-  font-size: 14px;
-  color: $tx3;
+  font-size: var(--tk-font-cap);
+  color: var(--tk-text-secondary);
   flex-shrink: 0;
 }
 
@@ -296,37 +322,38 @@
 }
 
 .article-entry-text {
-  font-size: 15px;
+  font-size: var(--tk-font-cap);
   color: $tx;
   font-weight: 500;
 }
 
 /* ─── AI 建议卡片 ─── */
 .ai-suggestion-card {
-  background: $card;
+  background: $acc-l;
   border-radius: $r;
   padding: 16px;
-  margin-bottom: 16px;
-  box-shadow: $shadow-sm;
-  border-left: 4px solid $pri;
+  margin-bottom: 20px;
+  box-shadow: none;
+  border-left: 4px solid $acc;
 }
 
 .ai-card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
 }
 
 .ai-card-title {
-  font-size: 15px;
+  font-size: var(--tk-font-cap);
   font-weight: 600;
-  color: $tx;
+  color: $acc;
 }
 
 .ai-card-count {
-  font-size: 12px;
+  font-size: var(--tk-font-micro);
   color: $acc;
+  opacity: 0.7;
 }
 
 .ai-suggestion-item {
@@ -344,6 +371,7 @@
 }
 
 .ai-suggestion-text {
-  font-size: 13px;
+  font-size: var(--tk-font-cap);
   color: $tx2;
+  line-height: 1.6;
 }

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

@@ -1,11 +1,13 @@
 import { useState, useEffect } from 'react';
 import { View, Text, Input } from '@tarojs/components';
-import Taro, { useDidShow } from '@tarojs/taro';
+import Taro, { useDidShow, usePullDownRefresh } from '@tarojs/taro';
 import { useHealthStore } from '../../stores/health';
 import { useAuthStore } from '../../stores/auth';
-import { inputVitalSign, getTrend } from '../../services/health';
+import { useElderClass } from '../../hooks/useElderClass';
+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';
+import GuestGuard from '../../components/GuestGuard';
 import './index.scss';
 
 type VitalType = 'blood_pressure' | 'heart_rate' | 'blood_sugar' | 'weight';
@@ -17,12 +19,21 @@ const VITAL_TABS: { key: VitalType; label: string }[] = [
   { key: 'weight', label: '体重' },
 ];
 
-const REF_RANGES: Record<VitalType, { range: string; warn: string }> = {
-  blood_pressure: { range: '收缩压 90-140 / 舒张压 60-90 mmHg', warn: '血压偏高，确认提交？' },
-  heart_rate: { range: '60-100 bpm', warn: '心率异常，确认提交？' },
-  blood_sugar: { range: '空腹 3.9-6.1 / 餐后 <7.8 mmol/L', warn: '血糖偏高，确认提交？' },
-  weight: { range: '根据 BMI 18.5-24 计算', warn: '' },
-};
+/** 根据阈值列表构建参考范围文案 */
+function buildRefRange(t: HealthThreshold[]): Record<VitalType, string> {
+  const bpSys = findThreshold(t, 'systolic_bp', 'high')?.threshold_value ?? 140;
+  const bpDia = findThreshold(t, 'diastolic_bp', 'high')?.threshold_value ?? 90;
+  const hrHigh = findThreshold(t, 'heart_rate', 'high')?.threshold_value ?? 100;
+  const hrLow = findThreshold(t, 'heart_rate', 'low')?.threshold_value ?? 60;
+  const bsFasting = findThreshold(t, 'blood_sugar_fasting', 'high')?.threshold_value ?? 6.1;
+  const bsPp = findThreshold(t, 'blood_sugar_postprandial', 'high')?.threshold_value ?? 7.8;
+  return {
+    blood_pressure: `收缩压 90-${bpSys} / 舒张压 60-${bpDia} mmHg`,
+    heart_rate: `${hrLow}-${hrHigh} bpm`,
+    blood_sugar: `空腹 3.9-${bsFasting} / 餐后 <${bsPp} mmol/L`,
+    weight: '根据 BMI 18.5-24 计算',
+  };
+}
 
 interface TrendPoint {
   date: string;
@@ -31,7 +42,8 @@ interface TrendPoint {
 
 export default function Health() {
   const { todaySummary, loading, refreshToday, getTrend: fetchTrend } = useHealthStore();
-  const { currentPatient } = useAuthStore();
+  const { user, currentPatient } = useAuthStore();
+  const modeClass = useElderClass();
   const [activeTab, setActiveTab] = useState<VitalType>('blood_pressure');
   const [systolic, setSystolic] = useState('');
   const [diastolic, setDiastolic] = useState('');
@@ -43,13 +55,27 @@ export default function Health() {
   const [trendData, setTrendData] = useState<TrendPoint[]>([]);
   const [trendLoading, setTrendLoading] = useState(false);
   const [aiSuggestions, setAiSuggestions] = useState<AiSuggestionItem[]>([]);
+  const [thresholds, setThresholds] = useState<HealthThreshold[]>(DEFAULT_THRESHOLDS);
 
   useDidShow(() => {
+    if (!user) return;
     refreshToday();
     loadTrend(activeTab);
     loadAiSuggestions();
+    getHealthThresholds().then((t) => { if (t.length > 0) setThresholds(t); });
   });
 
+  usePullDownRefresh(() => {
+    if (!user) return;
+    Promise.all([refreshToday(true), loadTrend(activeTab), loadAiSuggestions()]).finally(() => {
+      Taro.stopPullDownRefresh();
+    });
+  });
+
+  if (!user) {
+    return <GuestGuard title='请先登录' desc='登录后即可记录和查看健康数据' />;
+  }
+
   const loadAiSuggestions = async () => {
     try {
       const items = await listPendingSuggestions();
@@ -63,9 +89,9 @@ export default function Health() {
     setTrendLoading(true);
     try {
       const indicatorMap: Record<VitalType, string> = {
-        blood_pressure: 'blood_pressure_systolic',
+        blood_pressure: 'systolic_bp_morning',
         heart_rate: 'heart_rate',
-        blood_sugar: 'blood_sugar_fasting',
+        blood_sugar: 'blood_sugar',
         weight: 'weight',
       };
       const points = await fetchTrend(indicatorMap[type], '7d');
@@ -86,18 +112,29 @@ export default function Health() {
     if (type === 'blood_pressure') {
       const sys = parseFloat(systolic);
       const dia = parseFloat(diastolic);
-      if (sys > 140 || dia > 90) return REF_RANGES.blood_pressure.warn;
+      const sysMax = findThreshold(thresholds, 'systolic_bp', 'high')?.threshold_value ?? 140;
+      const diaMax = findThreshold(thresholds, 'diastolic_bp', 'high')?.threshold_value ?? 90;
+      if (sys > sysMax || dia > diaMax) return '血压偏高，确认提交？';
     } else if (type === 'heart_rate') {
       const val = parseFloat(heartRateVal);
-      if (val > 100 || val < 60) return REF_RANGES.heart_rate.warn;
+      const hrHigh = findThreshold(thresholds, 'heart_rate', 'high')?.threshold_value ?? 100;
+      const hrLow = findThreshold(thresholds, 'heart_rate', 'low')?.threshold_value ?? 60;
+      if (val > hrHigh || val < hrLow) return '心率异常，确认提交？';
     } else if (type === 'blood_sugar') {
       const val = parseFloat(sugarVal);
-      if (sugarPeriod === 'fasting' && val > 6.1) return REF_RANGES.blood_sugar.warn;
-      if (sugarPeriod === 'postprandial' && val > 7.8) return REF_RANGES.blood_sugar.warn;
+      if (sugarPeriod === 'fasting') {
+        const bsMax = findThreshold(thresholds, 'blood_sugar_fasting', 'high')?.threshold_value ?? 6.1;
+        if (val > bsMax) return '血糖偏高，确认提交？';
+      } else {
+        const bsMax = findThreshold(thresholds, 'blood_sugar_postprandial', 'high')?.threshold_value ?? 7.8;
+        if (val > bsMax) return '血糖偏高，确认提交？';
+      }
     }
     return null;
   };
 
+  const refRanges = buildRefRange(thresholds);
+
   const handleSave = async () => {
     const patientId = currentPatient?.id;
     if (!patientId) {
@@ -142,7 +179,8 @@ export default function Health() {
         case 'blood_sugar': {
           const val = parseFloat(sugarVal);
           if (!val) { Taro.showToast({ title: '请填写血糖值', icon: 'none' }); return; }
-          await inputVitalSign(patientId, { indicator_type: 'blood_sugar', value: val });
+          const bsType = sugarPeriod === 'fasting' ? 'blood_sugar_fasting' : 'blood_sugar_postprandial';
+          await inputVitalSign(patientId, { indicator_type: bsType, value: val });
           setSugarVal('');
           break;
         }
@@ -165,10 +203,17 @@ export default function Health() {
   };
 
   const maxTrendValue = Math.max(...trendData.map((d) => d.value), 1);
+
+  const getThresholdValue = (type: VitalType, th: HealthThreshold[]): number | null => {
+    if (type === 'blood_pressure') return findThreshold(th, 'systolic_bp', 'high')?.threshold_value ?? 140;
+    if (type === 'heart_rate') return findThreshold(th, 'heart_rate', 'high')?.threshold_value ?? 100;
+    if (type === 'blood_sugar') return findThreshold(th, 'blood_sugar_fasting', 'high')?.threshold_value ?? 6.1;
+    return null;
+  };
   const dayLabels = ['日', '一', '二', '三', '四', '五', '六'];
 
   return (
-    <View className='health-page'>
+    <View className={`health-page ${modeClass}`}>
       {/* 页头 */}
       <View className='health-header'>
         <Text className='health-title'>健康数据</Text>
@@ -179,7 +224,7 @@ export default function Health() {
         <View className='ai-suggestion-card' onClick={() => {
           const first = aiSuggestions[0];
           if (first?.suggestion_type === 'appointment') {
-            Taro.navigateTo({ url: `/pages/pkg-appointment/create/index?patientId=${first.patient_id}` });
+            Taro.navigateTo({ url: `/pages/appointment/create/index` });
           } else if (first?.suggestion_type === 'followup') {
             Taro.navigateTo({ url: '/pages/pkg-profile/followups/index' });
           } else {
@@ -237,7 +282,7 @@ export default function Health() {
               value={systolic}
               onInput={(e) => setSystolic(e.detail.value)}
             />
-            <Text className='input-label' style='margin-top:20px;'>舒张压（低压）</Text>
+            <Text className='input-label input-label--secondary'>舒张压（低压）</Text>
             <Input
               className='input-field'
               type='number'
@@ -245,7 +290,7 @@ export default function Health() {
               value={diastolic}
               onInput={(e) => setDiastolic(e.detail.value)}
             />
-            <Text className='input-ref'>{REF_RANGES.blood_pressure.range}</Text>
+            <Text className='input-ref'>{refRanges.blood_pressure}</Text>
           </View>
         )}
 
@@ -259,7 +304,7 @@ export default function Health() {
               value={heartRateVal}
               onInput={(e) => setHeartRateVal(e.detail.value)}
             />
-            <Text className='input-ref'>{REF_RANGES.heart_rate.range}</Text>
+            <Text className='input-ref'>{refRanges.heart_rate}</Text>
           </View>
         )}
 
@@ -287,7 +332,7 @@ export default function Health() {
                 <Text className='period-btn-text'>餐后 2h</Text>
               </View>
             </View>
-            <Text className='input-ref'>{REF_RANGES.blood_sugar.range}</Text>
+            <Text className='input-ref'>{refRanges.blood_sugar}</Text>
           </View>
         )}
 
@@ -301,7 +346,7 @@ export default function Health() {
               value={weightVal}
               onInput={(e) => setWeightVal(e.detail.value)}
             />
-            <Text className='input-ref'>{REF_RANGES.weight.range}</Text>
+            <Text className='input-ref'>{refRanges.weight}</Text>
           </View>
         )}
 
@@ -322,12 +367,20 @@ export default function Health() {
         ) : (
           <View className='trend-chart'>
             <View className='trend-bars'>
+              {/* 阈值标线 */}
+              {getThresholdValue(activeTab, thresholds) && (() => {
+                const tv = getThresholdValue(activeTab, thresholds)!;
+                const pct = Math.min(95, (tv / maxTrendValue) * 100);
+                return (
+                  <View className='trend-threshold-line' style={`bottom:${((12 + pct * 1.08) / 120 * 100).toFixed(1)}%;`}>
+                    <Text className='trend-threshold-label'>{tv}</Text>
+                  </View>
+                );
+              })()}
               {trendData.map((point, i) => {
                 const heightPct = Math.max(8, (point.value / maxTrendValue) * 100);
-                const isAbnormal = activeTab === 'blood_pressure' ? point.value > 140
-                  : activeTab === 'heart_rate' ? (point.value > 100 || point.value < 60)
-                  : activeTab === 'blood_sugar' ? point.value > 6.1
-                  : false;
+                const tv = getThresholdValue(activeTab, thresholds);
+                const isAbnormal = tv ? point.value >= tv : false;
                 const dayOfWeek = new Date(point.date).getDay();
                 return (
                   <View className='trend-bar-col' key={i}>
@@ -344,22 +397,7 @@ export default function Health() {
         )}
       </View>
 
-      {/* BLE 设备卡片 */}
-      <View className='device-section'>
-        <View
-          className='device-card'
-          onClick={() => Taro.navigateTo({ url: '/pages/device-sync/index' })}
-        >
-          <View className='device-icon'>
-            <Text className='device-icon-text'>设</Text>
-          </View>
-          <View className='device-info'>
-            <Text className='device-name'>蓝牙设备</Text>
-            <Text className='device-desc'>连接设备自动同步数据</Text>
-          </View>
-          <Text className='device-arrow'>›</Text>
-        </View>
-      </View>
+      {/* BLE 设备同步功能暂缓开放 */}
 
       {/* 健康资讯入口 */}
       <View

apps/miniprogram/src/pages/index/index.scss

@@ -1,19 +1,23 @@
 @import '../../styles/variables.scss';
 @import '../../styles/mixins.scss';
 
+/* ═══════════════════════════════════════
+   登录后首页
+   ═══════════════════════════════════════ */
+
 .home-page {
   min-height: 100vh;
   background: $bg;
-  padding: 20px 16px 100px;
+  padding: 20px 24px 100px;
   padding-bottom: calc(100px + env(safe-area-inset-bottom));
 }
 
-/* ─── 区域 1：问候 + 日期 + 铃铛 ─── */
+/* ─── 问候区 ─── */
 .greeting-section {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
-  margin-bottom: 16px;
+  margin-bottom: 24px;
 }
 
 .greeting-left {
@@ -21,7 +25,8 @@
 }
 
 .greeting-text {
-  font-size: 24px;
+  @include serif-number;
+  font-size: var(--tk-font-h1);
   font-weight: 700;
   color: $tx;
   display: block;
@@ -29,14 +34,16 @@
 }
 
 .greeting-date {
-  font-size: 14px;
-  color: $tx3;
+  font-size: var(--tk-font-cap);
+  color: var(--tk-text-secondary);
 }
 
 .greeting-bell {
   position: relative;
-  width: 40px;
-  height: 40px;
+  width: 44px;
+  height: 44px;
+  border-radius: 22px;
+  background: $pri-l;
   @include flex-center;
   flex-shrink: 0;
 
@@ -46,16 +53,27 @@
 }
 
 .greeting-bell-icon {
-  font-size: 22px;
+  font-size: var(--tk-font-body-sm);
+  color: $pri-d;
 }
 
-/* ─── 区域 2：今日体征完成度 ─── */
+.greeting-bell-dot {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  width: 8px;
+  height: 8px;
+  border-radius: 4px;
+  background: $dan;
+}
+
+/* ─── 今日体征进度 ─── */
 .checkin-card {
   background: $card;
   border-radius: $r;
-  box-shadow: $shadow-sm;
-  padding: 16px;
-  margin-bottom: 12px;
+  box-shadow: $shadow-md;
+  padding: 20px;
+  margin-bottom: 16px;
   display: flex;
   align-items: center;
   gap: 16px;
@@ -76,7 +94,7 @@
 }
 
 .checkin-title {
-  font-size: 16px;
+  font-size: var(--tk-font-body-sm);
   font-weight: 600;
   color: $tx;
   display: block;
@@ -90,7 +108,7 @@
 }
 
 .capsule {
-  font-size: 11px;
+  font-size: var(--tk-font-micro);
   padding: 3px 8px;
   border-radius: $r-pill;
   font-weight: 500;
@@ -106,9 +124,9 @@
   }
 }
 
-/* ─── 区域 3：今日体征 2x2 ─── */
+/* ─── 今日体征 2x2 ─── */
 .vitals-section {
-  margin-bottom: 12px;
+  margin-bottom: 16px;
 }
 
 .section-title {
@@ -133,40 +151,39 @@
 }
 
 .vital-label {
-  font-size: 13px;
+  font-size: var(--tk-font-cap);
   color: $tx2;
   display: block;
-  margin-bottom: 4px;
+  margin-bottom: 6px;
 }
 
 .vital-value-row {
   display: flex;
   align-items: baseline;
-  margin-bottom: 4px;
+  margin-bottom: 6px;
 }
 
 .vital-value {
   @include serif-number;
-  font-size: 32px;
+  font-size: var(--tk-font-num);
   font-weight: 700;
   color: $tx;
-  line-height: 1.1;
+  line-height: 1;
 }
 
 .vital-unit {
-  font-size: 12px;
-  color: $tx3;
-  margin-left: 2px;
+  font-size: var(--tk-font-micro);
+  color: var(--tk-text-secondary);
+  margin-left: 3px;
 }
 
 .vital-bottom {
   display: flex;
   align-items: center;
-  gap: 0;
 }
 
 .vital-tag {
-  font-size: 12px;
+  font-size: var(--tk-font-micro);
   font-weight: 500;
   padding: 2px 8px;
   border-radius: $r-pill;
@@ -189,103 +206,85 @@
   }
 }
 
-/* ─── 区域 4：今日待办 ─── */
-.todo-section {
-  margin-bottom: 12px;
-}
-
-.todo-empty {
-  background: $card;
+/* ─── 智能提醒卡片 ─── */
+.reminder-card {
+  background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
   border-radius: $r;
-  padding: 24px;
-  text-align: center;
-  box-shadow: $shadow-sm;
+  padding: 18px;
+  margin-bottom: 16px;
+  color: #fff;
 }
 
-.todo-empty-text {
-  font-size: 14px;
-  color: $tx2;
+.reminder-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
 }
 
-.todo-list {
-  background: $card;
-  border-radius: $r;
-  overflow: hidden;
-  box-shadow: $shadow-sm;
+.reminder-title {
+  font-size: var(--tk-font-cap);
+  font-weight: 600;
+  color: #fff;
 }
 
-.todo-item {
+.reminder-count {
+  font-size: var(--tk-font-micro);
+  opacity: 0.7;
+  color: #fff;
+}
+
+.reminder-item {
   display: flex;
   align-items: center;
-  gap: 10px;
-  padding: 12px 16px;
-  border-bottom: 1px solid $bd;
-
-  &:last-child {
-    border-bottom: none;
-  }
+  gap: 8px;
+  padding: 8px 0;
 
   &:active {
-    background: $bd-l;
+    opacity: 0.8;
   }
 }
 
-.todo-icon-wrap {
-  width: 36px;
-  height: 36px;
-  border-radius: 10px;
-  background: $pri-l;
-  @include flex-center;
+.reminder-item-border {
+  border-top: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.reminder-tag {
+  font-size: var(--tk-font-micro);
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.2);
+  font-weight: 500;
+  color: #fff;
   flex-shrink: 0;
 }
 
-.todo-icon-char {
-  font-size: 18px;
-  font-weight: bold;
-  color: $pri;
-}
-
-.todo-info {
+.reminder-text {
+  font-size: var(--tk-font-cap);
   flex: 1;
-  min-width: 0;
-}
-
-.todo-title {
-  font-size: 15px;
-  color: $tx;
-  font-weight: 500;
-  display: block;
-  margin-bottom: 2px;
-}
-
-.todo-sub {
-  font-size: 13px;
-  color: $tx3;
-  display: block;
+  color: #fff;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.todo-arrow {
-  font-size: 14px;
-  color: $tx3;
+.reminder-arrow {
+  opacity: 0.5;
+  color: #fff;
   flex-shrink: 0;
 }
 
-/* ─── 区域 5：快捷操作 ─── */
+/* ─── 快捷操作 ─── */
 .action-section {
   display: flex;
   gap: 10px;
-  margin-top: 16px;
+  margin-top: 8px;
 }
 
 .action-btn {
   flex: 1;
   height: 52px;
   border-radius: 14px;
-  font-size: 17px;
-  font-weight: 600;
   @include flex-center;
 
   &:active {
@@ -296,6 +295,7 @@
 .action-primary {
   background: $pri;
   color: #fff;
+  box-shadow: 0 2px 8px rgba(196, 98, 58, 0.25);
 }
 
 .action-outline {
@@ -305,6 +305,169 @@
 }
 
 .action-btn-text {
-  font-size: 17px;
+  font-size: var(--tk-font-body-sm);
   font-weight: 600;
 }
+
+/* ═══════════════════════════════════════
+   访客首页
+   ═══════════════════════════════════════ */
+
+.guest-page {
+  min-height: 100vh;
+  background: $bg;
+  padding-bottom: calc(120px + env(safe-area-inset-bottom));
+}
+
+/* ─── 轮播图 ─── */
+.guest-swiper {
+  width: 100%;
+  height: 360px;
+}
+
+.guest-slide {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.guest-slide-bg {
+  position: absolute;
+  inset: 0;
+
+  &--1 {
+    background: linear-gradient(135deg, $pri-d 0%, $pri 60%, $pri-l 100%);
+  }
+}
+
+.guest-slide:nth-child(2) .guest-slide-bg {
+  background: linear-gradient(135deg, $acc 0%, #3D5A40 60%, $acc-l 100%);
+}
+
+.guest-slide:nth-child(3) .guest-slide-bg {
+  background: linear-gradient(135deg, #8B6F4E 0%, $wrn 60%, $wrn-l 100%);
+}
+
+.guest-slide-content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 40px 32px;
+}
+
+.guest-slide-title {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-size: var(--tk-font-h1);
+  font-weight: 700;
+  color: #FFFFFF;
+  display: block;
+  margin-bottom: 8px;
+}
+
+.guest-slide-desc {
+  font-size: var(--tk-font-body-sm);
+  color: rgba(255, 255, 255, 0.85);
+  display: block;
+}
+
+/* ─── 健康资讯 ─── */
+.guest-section {
+  padding: 24px 24px 0;
+}
+
+.guest-section-title {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-size: var(--tk-font-body);
+  font-weight: bold;
+  color: $tx;
+  display: block;
+  margin-bottom: 16px;
+}
+
+.guest-articles {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.guest-article-card {
+  background: $card;
+  border-radius: $r;
+  padding: 16px 18px;
+  box-shadow: $shadow-sm;
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+.guest-article-title {
+  font-size: var(--tk-font-body-sm);
+  font-weight: 600;
+  color: $tx;
+  display: block;
+  margin-bottom: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.guest-article-summary {
+  font-size: var(--tk-font-cap);
+  color: var(--tk-text-secondary);
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.guest-empty {
+  padding: 40px 0;
+  text-align: center;
+}
+
+.guest-empty-text {
+  font-size: var(--tk-font-cap);
+  color: var(--tk-text-secondary);
+}
+
+/* ─── 底部登录引导 ─── */
+.guest-login-prompt {
+  margin: 24px 24px 0;
+  background: $card;
+  border-radius: $r;
+  padding: 20px;
+  box-shadow: $shadow-md;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.guest-login-text {
+  flex: 1;
+  font-size: var(--tk-font-cap);
+  color: $tx2;
+}
+
+.guest-login-btn {
+  height: 56px;
+  padding: 0 28px;
+  background: $pri;
+  border-radius: $r-pill;
+  @include flex-center;
+  flex-shrink: 0;
+
+  &:active {
+    opacity: 0.85;
+  }
+}
+
+.guest-login-btn-text {
+  font-size: var(--tk-font-h2);
+  font-weight: 600;
+  color: #fff;
+}

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

@@ -1,54 +1,151 @@
-import { View, Text } from '@tarojs/components';
-import { useState } from 'react';
-import Taro, { useDidShow } from '@tarojs/taro';
+import { View, Text, Swiper, SwiperItem } from '@tarojs/components';
+import { useState, useCallback } from 'react';
+import Taro, { useDidShow, usePullDownRefresh } from '@tarojs/taro';
 import { useAuthStore } from '../../stores/auth';
+import { useUIStore } from '../../stores/ui';
+import { navigateToLogin } from '../../utils/navigate';
 import { useHealthStore } from '../../stores/health';
 import ProgressRing from '../../components/ProgressRing';
 import Loading from '../../components/Loading';
 import { trackPageView } from '@/services/analytics';
 import * as appointmentApi from '@/services/appointment';
 import * as followupApi from '@/services/followup';
+import { listPendingSuggestions, type AiSuggestionItem } from '@/services/ai-analysis';
+import { notificationService } from '@/services/notification';
 import './index.scss';
 
-interface UpcomingItem {
+interface ReminderItem {
   id: string;
-  title: string;
-  subtitle: string;
-  type: 'appointment' | 'followup';
-  icon: string;
+  text: string;
+  type: 'ai' | 'appointment' | 'followup';
+  tag: string;
 }
 
-export default function Index() {
+// ─── 访客首页 ───
+
+const CAROUSEL_SLIDES = [
+  { id: 'slide-1', title: '专业血透中心', desc: '三甲级医护团队全程守护' },
+  { id: 'slide-2', title: '智慧健康管理', desc: 'AI 驱动个性化健康方案' },
+  { id: 'slide-3', title: '温馨就医环境', desc: '舒适安全的治疗体验' },
+];
+
+function GuestHome({ modeClass }: { modeClass: string }) {
+  return (
+    <View className={`guest-page ${modeClass}`}>
+      {/* 轮播图 */}
+      <Swiper
+        className='guest-swiper'
+        indicatorDots
+        indicatorColor='rgba(255,255,255,0.4)'
+        indicatorActiveColor='#FFFFFF'
+        autoplay
+        circular
+        interval={4000}
+        duration={500}
+      >
+        {CAROUSEL_SLIDES.map((slide) => (
+          <SwiperItem key={slide.id}>
+            <View className='guest-slide'>
+              <View className='guest-slide-bg guest-slide-bg--1' />
+              <View className='guest-slide-content'>
+                <Text className='guest-slide-title'>{slide.title}</Text>
+                <Text className='guest-slide-desc'>{slide.desc}</Text>
+              </View>
+            </View>
+          </SwiperItem>
+        ))}
+      </Swiper>
+
+      {/* 功能亮点 */}
+      <View className='guest-section'>
+        <Text className='guest-section-title'>核心功能</Text>
+        <View className='guest-articles'>
+          <View className='guest-article-card'>
+            <Text className='guest-article-title'>健康数据管理</Text>
+            <Text className='guest-article-summary'>记录并追踪您的体征数据</Text>
+          </View>
+          <View className='guest-article-card'>
+            <Text className='guest-article-title'>智能预约排班</Text>
+            <Text className='guest-article-summary'>在线预约透析和治疗</Text>
+          </View>
+          <View className='guest-article-card'>
+            <Text className='guest-article-title'>AI 健康分析</Text>
+            <Text className='guest-article-summary'>个性化健康趋势解读</Text>
+          </View>
+        </View>
+      </View>
+
+      {/* 底部登录引导 */}
+      <View className='guest-login-prompt'>
+        <Text className='guest-login-text'>登录后即可使用完整健康管理服务</Text>
+        <View
+          className='guest-login-btn'
+          onClick={navigateToLogin}
+        >
+          <Text className='guest-login-btn-text'>立即登录</Text>
+        </View>
+      </View>
+    </View>
+  );
+}
+
+// ─── 登录后首页 ───
+
+function HomeDashboard({ modeClass }: { modeClass: string }) {
   const { user, currentPatient } = useAuthStore();
   const { todaySummary, loading, refreshToday } = useHealthStore();
-  const [upcomingItems, setUpcomingItems] = useState<UpcomingItem[]>([]);
-  const [upcomingLoading, setUpcomingLoading] = useState(false);
+  const [reminders, setReminders] = useState<ReminderItem[]>([]);
+  const [unreadCount, setUnreadCount] = useState(0);
+  const [remindersLoading, setRemindersLoading] = useState(false);
 
   useDidShow(() => {
     refreshToday();
-    loadUpcoming();
+    loadReminders();
+    loadUnread();
     trackPageView('home');
   });
 
-  const loadUpcoming = async () => {
+  usePullDownRefresh(() => {
+    Promise.all([refreshToday(true), loadReminders(), loadUnread()]).finally(() => {
+      Taro.stopPullDownRefresh();
+    });
+  });
+
+  const loadUnread = async () => {
+    try {
+      const res = await notificationService.getUnreadCount() as { data?: { count?: number } | number };
+      const d = res.data;
+      setUnreadCount(typeof d === 'object' && d ? (d.count ?? 0) : 0);
+    } catch {
+      // ignore
+    }
+  };
+
+  const loadReminders = async () => {
     const patientId = useAuthStore.getState().currentPatient?.id;
     if (!patientId) return;
-    setUpcomingLoading(true);
+    setRemindersLoading(true);
     try {
-      const items: UpcomingItem[] = [];
-      const [apptRes, taskRes] = await Promise.allSettled([
+      const items: ReminderItem[] = [];
+      const [apptRes, taskRes, suggestRes] = await Promise.allSettled([
         appointmentApi.listAppointments(patientId, 1),
         followupApi.listTasks(patientId, 'pending'),
+        listPendingSuggestions(),
       ]);
+
+      if (suggestRes.status === 'fulfilled') {
+        for (const s of suggestRes.value.data.slice(0, 1)) {
+          items.push({ id: s.id, text: buildSuggestionText(s), type: 'ai', tag: 'AI 建议' });
+        }
+      }
       if (apptRes.status === 'fulfilled') {
-        for (const a of apptRes.value.data.slice(0, 2)) {
+        for (const a of apptRes.value.data.slice(0, 1)) {
           if (a.status === 'pending' || a.status === 'confirmed') {
             items.push({
               id: a.id,
-              title: `${a.appointment_date} ${a.start_time}`,
-              subtitle: `${a.doctor_name || '医护'} · ${a.department || '门诊'}`,
+              text: `${a.appointment_date} ${a.start_time} — ${a.doctor_name || '医护'} ${a.department || '门诊'}`,
               type: 'appointment',
-              icon: '约',
+              tag: '预约',
             });
           }
         }
@@ -57,18 +154,17 @@ export default function Index() {
         for (const t of taskRes.value.data.slice(0, 1)) {
           items.push({
             id: t.id,
-            title: t.follow_up_type,
-            subtitle: `${t.content_template?.slice(0, 20) || '随访任务'} · 截止 ${t.planned_date}`,
+            text: `${t.follow_up_type} · 截止 ${t.planned_date}`,
             type: 'followup',
-            icon: '随',
+            tag: '随访',
           });
         }
       }
-      setUpcomingItems(items.slice(0, 3));
+      setReminders(items.slice(0, 3));
     } catch {
-      setUpcomingItems([]);
+      setReminders([]);
     } finally {
-      setUpcomingLoading(false);
+      setRemindersLoading(false);
     }
   };
 
@@ -76,14 +172,8 @@ export default function Index() {
   const greeting = hour < 12 ? '上午好' : hour < 18 ? '下午好' : '晚上好';
   const displayName = user?.display_name || currentPatient?.name || '访客';
 
-  // 计算今日体征完成度（4 个指标：血压/心率/血糖/体重）
   const summary = todaySummary || {};
-  const indicators = [
-    !!summary.blood_pressure,
-    !!summary.heart_rate,
-    !!summary.blood_sugar,
-    !!summary.weight,
-  ];
+  const indicators = [!!summary.blood_pressure, !!summary.heart_rate, !!summary.blood_sugar, !!summary.weight];
   const completedCount = indicators.filter(Boolean).length;
   const progressPercent = Math.round((completedCount / 4) * 100);
 
@@ -95,9 +185,9 @@ export default function Index() {
   ];
 
   const healthItems = [
-    { label: '血压', value: summary.blood_pressure ? `${summary.blood_pressure.systolic}/${summary.blood_pressure.diastolic}` : '—', unit: 'mmHg', status: summary.blood_pressure?.status, indicator: 'blood_pressure_systolic' },
+    { label: '血压', value: summary.blood_pressure ? `${summary.blood_pressure.systolic}/${summary.blood_pressure.diastolic}` : '—', unit: 'mmHg', status: summary.blood_pressure?.status, indicator: 'systolic_bp_morning' },
     { label: '心率', value: summary.heart_rate ? `${summary.heart_rate.value}` : '—', unit: 'bpm', status: summary.heart_rate?.status, indicator: 'heart_rate' },
-    { label: '血糖', value: summary.blood_sugar ? `${summary.blood_sugar.value}` : '—', unit: 'mmol/L', status: summary.blood_sugar?.status, indicator: 'blood_sugar_fasting' },
+    { label: '血糖', value: summary.blood_sugar ? `${summary.blood_sugar.value}` : '—', unit: 'mmol/L', status: summary.blood_sugar?.status, indicator: 'blood_sugar' },
     { label: '体重', value: summary.weight ? `${summary.weight.value}` : '—', unit: 'kg', status: summary.weight?.status, indicator: 'weight' },
   ];
 
@@ -108,8 +198,8 @@ export default function Index() {
   };
 
   return (
-    <View className='home-page'>
-      {/* 区域 1：问候 + 日期 + 消息入口 */}
+    <View className={`home-page ${modeClass}`}>
+      {/* 问候区 */}
       <View className='greeting-section'>
         <View className='greeting-left'>
           <Text className='greeting-text'>{greeting}，{displayName}</Text>
@@ -117,19 +207,14 @@ export default function Index() {
             {new Date().toLocaleDateString('zh-CN', { month: 'long', day: 'numeric', weekday: 'short' })}
           </Text>
         </View>
-        <View
-          className='greeting-bell'
-          onClick={() => Taro.switchTab({ url: '/pages/messages/index' })}
-        >
-          <Text className='greeting-bell-icon'>🔔</Text>
+        <View className='greeting-bell' onClick={() => Taro.switchTab({ url: '/pages/messages/index' })}>
+          <Text className='greeting-bell-icon'>消</Text>
+          {unreadCount > 0 && <View className='greeting-bell-dot' />}
         </View>
       </View>
 
-      {/* 区域 2：今日体征完成度 */}
-      <View
-        className='checkin-card'
-        onClick={() => Taro.switchTab({ url: '/pages/health/index' })}
-      >
+      {/* 今日体征进度 */}
+      <View className='checkin-card' onClick={() => Taro.switchTab({ url: '/pages/health/index' })}>
         <View className='checkin-left'>
           <ProgressRing percent={progressPercent} />
         </View>
@@ -139,19 +224,17 @@ export default function Index() {
           </Text>
           <View className='checkin-capsules'>
             {indicatorCapsules.map((cap) => (
-              <Text
-                key={cap.label}
-                className={`capsule ${cap.done ? 'capsule-done' : 'capsule-pending'}`}
-              >
-                {cap.done ? '✓' : ''}{cap.label}
+              <Text key={cap.label} className={`capsule ${cap.done ? 'capsule-done' : 'capsule-pending'}`}>
+                {cap.done ? '✓ ' : ''}{cap.label}
               </Text>
             ))}
           </View>
         </View>
       </View>
 
-      {/* 区域 3：今日体征 2x2 网格 */}
+      {/* 体征 2x2 */}
       <View className='vitals-section'>
+        <Text className='section-title'>今日体征</Text>
         {loading && !todaySummary ? (
           <Loading />
         ) : (
@@ -180,58 +263,65 @@ export default function Index() {
         )}
       </View>
 
-      {/* 区域 4：今日待办（≤3 条） */}
-      <View className='todo-section'>
-        <Text className='section-title'>今日待办</Text>
-        {upcomingLoading ? (
-          <Loading />
-        ) : upcomingItems.length === 0 ? (
-          <View className='todo-empty'>
-            <Text className='todo-empty-text'>今天没有待办事项</Text>
+      {/* 智能提醒卡片 */}
+      {!remindersLoading && reminders.length > 0 && (
+        <View className='reminder-card'>
+          <View className='reminder-header'>
+            <Text className='reminder-title'>智能提醒</Text>
+            <Text className='reminder-count'>{reminders.length} 条待处理</Text>
           </View>
-        ) : (
-          <View className='todo-list'>
-            {upcomingItems.map((item) => (
-              <View
-                key={item.id}
-                className='todo-item'
-                onClick={() => {
-                  if (item.type === 'appointment') {
-                    Taro.navigateTo({ url: '/pages/appointment/index' });
-                  } else {
-                    Taro.navigateTo({ url: `/pages/followup/detail/index?id=${item.id}` });
-                  }
-                }}
-              >
-                <View className='todo-icon-wrap'>
-                  <Text className='todo-icon-char'>{item.icon}</Text>
-                </View>
-                <View className='todo-info'>
-                  <Text className='todo-title'>{item.title}</Text>
-                  <Text className='todo-sub'>{item.subtitle}</Text>
-                </View>
-                <Text className='todo-arrow'>›</Text>
-              </View>
-            ))}
-          </View>
-        )}
-      </View>
+          {reminders.map((r, i) => (
+            <View
+              key={r.id}
+              className={`reminder-item ${i > 0 ? 'reminder-item-border' : ''}`}
+              onClick={() => {
+                if (r.type === 'appointment') Taro.navigateTo({ url: '/pages/appointment/index' });
+                else if (r.type === 'followup') Taro.navigateTo({ url: `/pages/followup/detail/index?id=${r.id}` });
+              }}
+            >
+              <Text className='reminder-tag'>{r.tag}</Text>
+              <Text className='reminder-text'>{r.text}</Text>
+              <Text className='reminder-arrow'>›</Text>
+            </View>
+          ))}
+        </View>
+      )}
 
-      {/* 区域 5：快捷操作 */}
+      {/* 快捷操作 */}
       <View className='action-section'>
-        <View
-          className='action-btn action-primary'
-          onClick={() => Taro.switchTab({ url: '/pages/health/index' })}
-        >
+        <View className='action-btn action-primary' onClick={() => Taro.switchTab({ url: '/pages/health/index' })}>
           <Text className='action-btn-text'>记录体征</Text>
         </View>
-        <View
-          className='action-btn action-outline'
-          onClick={() => Taro.navigateTo({ url: '/pages/appointment/create/index' })}
-        >
+        <View className='action-btn action-outline' onClick={() => Taro.navigateTo({ url: '/pages/appointment/create/index' })}>
           <Text className='action-btn-text'>预约挂号</Text>
         </View>
       </View>
     </View>
   );
 }
+
+// ─── 首页入口：根据登录状态切换 ───
+
+export default function Index() {
+  const user = useAuthStore((s) => s.user);
+  const mode = useUIStore((s) => s.mode);
+  const modeClass = mode === 'elder' ? 'elder-mode' : '';
+
+  if (!user) {
+    return <GuestHome modeClass={modeClass} />;
+  }
+  return <HomeDashboard modeClass={modeClass} />;
+}
+
+function buildSuggestionText(s: AiSuggestionItem): string {
+  const riskMap: Record<string, string> = { high: '高风险', medium: '中风险', low: '低风险' };
+  const typeMap: Record<string, string> = {
+    vital_sign_anomaly: '体征异常',
+    lab_result_anomaly: '化验异常',
+    medication_adherence: '用药提醒',
+    lifestyle: '生活建议',
+  };
+  const risk = riskMap[s.risk_level] || '';
+  const type = typeMap[s.suggestion_type] || '健康建议';
+  return `${type}：发现${risk}指标，建议关注`;
+}

apps/miniprogram/src/pages/legal/index.scss

@@ -8,19 +8,19 @@
 }
 
 .legal-content {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx;
   line-height: 1.8;
 
   h3 {
-    font-size: 34px;
+    font-size: var(--tk-font-num-lg);
     font-weight: bold;
     color: $tx;
     margin-bottom: 12px;
   }
 
   h4 {
-    font-size: 30px;
+    font-size: var(--tk-font-num);
     font-weight: bold;
     color: $tx;
     margin-top: 24px;
@@ -28,7 +28,7 @@
   }
 
   p {
-    font-size: 26px;
+    font-size: var(--tk-font-h1);
     color: $tx2;
     margin-bottom: 8px;
     line-height: 1.8;
@@ -41,6 +41,6 @@
 }
 
 .legal-footer-text {
-  font-size: 24px;
-  color: $tx3;
+  font-size: var(--tk-font-h2);
+  color: var(--tk-text-secondary);
 }

apps/miniprogram/src/pages/login/index.scss

@@ -11,7 +11,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 160px 56px 80px;
+  padding: 100px 40px 60px;
 }
 
 /* ─── 品牌区 ─── */
@@ -19,22 +19,22 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-bottom: 80px;
+  margin-bottom: 48px;
 }
 
 .login-logo {
-  width: 128px;
-  height: 128px;
+  width: 96px;
+  height: 96px;
   border-radius: $r-lg;
   background: $pri;
   @include flex-center;
-  margin-bottom: 36px;
+  margin-bottom: 24px;
   box-shadow: 0 8px 24px rgba($pri, 0.3);
 }
 
 .login-logo-mark {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 64px;
+  font-size: var(--tk-font-hero);
   color: #fff;
   font-weight: bold;
   line-height: 1;
@@ -42,14 +42,14 @@
 
 .login-title {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 48px;
+  font-size: var(--tk-font-num);
   color: $tx;
   font-weight: bold;
-  margin-bottom: 12px;
+  margin-bottom: 8px;
 }
 
 .login-subtitle {
-  font-size: 26px;
+  font-size: var(--tk-font-body-sm);
   color: $tx2;
   letter-spacing: 0.05em;
 }
@@ -57,7 +57,7 @@
 /* ─── 装饰线 ─── */
 .login-divider {
   width: 48px;
-  margin-bottom: 64px;
+  margin-bottom: 40px;
 }
 
 .login-divider-line {
@@ -74,16 +74,18 @@
 
 .login-btn {
   width: 100%;
-  height: 96px;
+  height: $btn-primary-h;
   background: $pri;
   color: #fff;
-  font-size: 32px;
+  font-size: var(--tk-font-body-lg);
   font-weight: 600;
   border-radius: $r;
   border: none;
   @include flex-center;
   letter-spacing: 0.04em;
   box-shadow: 0 4px 16px rgba($pri, 0.25);
+  padding: 0;
+  line-height: 1;
 
   &::after {
     border: none;
@@ -98,14 +100,14 @@
 .agreement-row {
   display: flex;
   align-items: flex-start;
-  margin-top: 40px;
-  gap: 12px;
+  margin-top: 28px;
+  gap: 10px;
   width: 100%;
 }
 
 .agreement-check {
-  width: 32px;
-  height: 32px;
+  width: 28px;
+  height: 28px;
   border: 2px solid $bd;
   border-radius: $r-sm;
   @include flex-center;
@@ -120,14 +122,14 @@
 }
 
 .agreement-check-mark {
-  font-size: 20px;
+  font-size: var(--tk-font-body-sm);
   color: #fff;
   font-weight: bold;
   line-height: 1;
 }
 
 .agreement-text {
-  font-size: 22px;
+  font-size: var(--tk-font-cap);
   color: $tx2;
   line-height: 1.7;
 }
@@ -136,3 +138,16 @@
   color: $pri;
   font-weight: 500;
 }
+
+/* ─── 暂不登录 ─── */
+.skip-row {
+  width: 100%;
+  text-align: center;
+  margin-top: 24px;
+}
+
+.skip-btn {
+  font-size: var(--tk-font-body-sm);
+  color: var(--tk-text-secondary);
+  padding: 8px 16px;
+}

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

@@ -2,13 +2,18 @@ import { useState } from 'react';
 import { View, Text, Button, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { useAuthStore } from '../../stores/auth';
+import { useElderClass } from '../../hooks/useElderClass';
 import './index.scss';
 
 export default function Login() {
+  const modeClass = useElderClass();
   const [needBind, setNeedBind] = useState(false);
   const [agreed, setAgreed] = useState(false);
   const { login, bindPhone, loading, isMedicalStaff } = useAuthStore();
 
+  // 登录页不应用关怀模式（正常模式尺寸已足够大）
+  const loginClass = '';
+
   const navigateAfterLogin = () => {
     if (isMedicalStaff()) {
       Taro.redirectTo({ url: '/pages/doctor/index' });
@@ -47,16 +52,29 @@ export default function Login() {
       return;
     }
     const { encryptedData, iv } = e.detail;
-    const success = await bindPhone(encryptedData, iv);
-    if (success) {
-      navigateAfterLogin();
-    } else {
-      Taro.showToast({ title: '绑定失败，请重试', icon: 'none' });
+    try {
+      const success = await bindPhone(encryptedData, iv);
+      if (success) {
+        navigateAfterLogin();
+      }
+    } catch (err: any) {
+      const msg = err?.message || '绑定失败';
+      Taro.showModal({
+        title: '绑定手机号失败',
+        content: msg,
+        confirmText: '重新登录',
+        cancelText: '取消',
+        success: (res) => {
+          if (res.confirm) {
+            setNeedBind(false);
+          }
+        },
+      });
     }
   };
 
   return (
-    <ScrollView scrollY className='login-scroll'>
+    <ScrollView scrollY className={`login-scroll ${loginClass}`}>
       <View className='login-page'>
         {/* 品牌区 */}
         <View className='login-brand'>
@@ -102,6 +120,13 @@ export default function Login() {
             <Text className='agreement-link' onClick={() => Taro.navigateTo({ url: '/pages/legal/privacy-policy' })}>《隐私政策》</Text>
           </Text>
         </View>
+
+        {/* 暂不登录 */}
+        <View className='skip-row'>
+          <Text className='skip-btn' onClick={() => Taro.reLaunch({ url: '/pages/index/index' })}>
+            暂不登录，先看看
+          </Text>
+        </View>
       </View>
     </ScrollView>
   );

apps/miniprogram/src/pages/mall/index.scss

@@ -28,7 +28,7 @@
 }
 
 .points-label {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   color: rgba(255, 255, 255, 0.85);
 }
 
@@ -50,7 +50,7 @@
 }
 
 .checkin-btn-text {
-  font-size: 24px;
+  font-size: var(--tk-font-h2);
   color: #fff;
   font-weight: 600;
 }
@@ -61,7 +61,7 @@
 
 .points-balance {
   @include serif-number;
-  font-size: 72px;
+  font-size: 72px; /* kept as-is: special display value */
   font-weight: bold;
   color: #fff;
   display: block;
@@ -71,7 +71,7 @@
 }
 
 .points-streak {
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   color: rgba(255, 255, 255, 0.7);
   display: block;
 }
@@ -102,7 +102,7 @@
 }
 
 .type-tab-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: $tx2;
 
   &.active {
@@ -142,7 +142,7 @@
 
 .product-image-char {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 56px;
+  font-size: var(--tk-font-hero);
   font-weight: bold;
   color: $pri;
   line-height: 1;
@@ -156,7 +156,7 @@
 }
 
 .product-name {
-  font-size: 26px;
+  font-size: var(--tk-font-h1);
   font-weight: 600;
   color: $tx;
   display: block;
@@ -180,20 +180,20 @@
 
 .product-points-char {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 22px;
+  font-size: var(--tk-font-body);
   font-weight: bold;
   color: $wrn;
 }
 
 .product-points-value {
   @include serif-number;
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   font-weight: bold;
   color: $wrn;
 }
 
 .product-stock {
-  font-size: 20px;
+  font-size: var(--tk-font-body);
   padding: 2px 10px;
   border-radius: $r-sm;
 
@@ -212,7 +212,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 160px 40px;
+  padding: 100px 40px;
 }
 
 .empty-icon {
@@ -226,22 +226,22 @@
 
 .empty-char {
   font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 52px;
+  font-size: var(--tk-font-hero);
   font-weight: bold;
   color: $pri;
   line-height: 1;
 }
 
 .empty-title {
-  font-size: 32px;
+  font-size: var(--tk-font-body-lg);
   font-weight: 600;
   color: $tx;
   margin-bottom: 12px;
 }
 
 .empty-hint {
-  font-size: 26px;
-  color: $tx3;
+  font-size: var(--tk-font-h1);
+  color: var(--tk-text-secondary);
   text-align: center;
   margin-bottom: 24px;
 }
@@ -257,7 +257,7 @@
 }
 
 .empty-action-text {
-  font-size: 28px;
+  font-size: var(--tk-font-body-lg);
   color: #fff;
   font-weight: 600;
 }

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

@@ -6,6 +6,7 @@ import type { PointsProduct } from '../../services/points';
 import { useAuthStore } from '../../stores/auth';
 import { usePointsStore } from '../../stores/points';
 import Loading from '../../components/Loading';
+import { useElderClass } from '../../hooks/useElderClass';
 import './index.scss';
 
 const PRODUCT_TYPE_TABS = [
@@ -32,6 +33,7 @@ export default function Mall() {
   const [checkinLoading, setCheckinLoading] = useState(false);
   const [noProfile, setNoProfile] = useState(false);
   const loadingRef = useRef(false);
+  const modeClass = useElderClass();
 
   const fetchProducts = useCallback(
     async (pageNum: number, type: string, isRefresh = false) => {
@@ -132,7 +134,7 @@ export default function Mall() {
 
   if (noProfile) {
     return (
-      <View className='mall-page'>
+      <View className={`mall-page ${modeClass}`}>
         <View className='mall-empty-state'>
           <View className='empty-icon'>
             <Text className='empty-char'>档</Text>
@@ -148,7 +150,7 @@ export default function Mall() {
   }
 
   return (
-    <View className='mall-page'>
+    <View className={`mall-page ${modeClass}`}>
       {/* 积分余额卡片 */}
       <View className='mall-header'>
         <View className='points-card'>

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

@@ -4,70 +4,86 @@
 .messages-page {
   min-height: 100vh;
   background: $bg;
-  padding-bottom: calc(120px + env(safe-area-inset-bottom));
+  padding: 20px 24px 100px;
+  padding-bottom: calc(100px + env(safe-area-inset-bottom));
 }
 
 /* ─── 页头 ─── */
 .messages-header {
-  padding: 24px 32px 8px;
+  margin-bottom: 20px;
 }
 
 .messages-title {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 36px;
-  font-weight: bold;
+  @include serif-number;
+  font-size: var(--tk-font-h1);
+  font-weight: 700;
   color: $tx;
 }
 
-/* ─── Tab 切换 ─── */
-.msg-tabs {
+/* ─── 分段控件 Tab ─── */
+.msg-segment {
   display: flex;
-  padding: 16px 24px 0;
   gap: 0;
+  background: $surface-alt;
+  border-radius: $r-sm;
+  padding: 3px;
+  margin-bottom: 12px;
 }
 
-.msg-tab {
+.msg-segment-tab {
   flex: 1;
-  height: $tab-h;
+  height: 40px;
+  border-radius: $r-xs;
   @include flex-center;
+  position: relative;
 
   &:active {
     opacity: 0.85;
   }
 }
 
-.msg-tab-text {
-  font-size: 28px;
-  font-weight: 600;
-  color: $tx2;
-}
+.msg-segment-active {
+  background: $card;
+  box-shadow: $shadow-sm;
 
-.msg-tab-active .msg-tab-text {
-  color: $pri;
-}
-
-.msg-tab-indicator {
-  padding: 0 24px;
-  height: 3px;
-  background: $bd-l;
-  margin-bottom: 16px;
-}
-
-.msg-tab-bar {
-  width: 50%;
-  height: 3px;
-  background: $pri;
-  border-radius: 2px;
-  transition: transform 0.2s;
-
-  &.msg-tab-bar-right {
-    transform: translateX(100%);
+  .msg-segment-text {
+    color: $tx;
   }
 }
 
+.msg-segment-text {
+  font-size: var(--tk-font-cap);
+  font-weight: 600;
+  color: $tx3;
+}
+
+.msg-segment-badge {
+  position: absolute;
+  top: 4px;
+  right: 12px;
+  min-width: 16px;
+  height: 16px;
+  border-radius: 8px;
+  background: $dan;
+  @include flex-center;
+  padding: 0 4px;
+}
+
+.msg-segment-badge-text {
+  font-size: var(--tk-font-micro);
+  color: #fff;
+  font-weight: 600;
+}
+
 /* ─── 内容区 ─── */
 .msg-content {
-  padding: 0 24px;
+  // wrapper
+}
+
+.msg-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
 
 .msg-empty {
@@ -79,18 +95,18 @@
 }
 
 .msg-empty-text {
-  font-size: 26px;
+  font-size: var(--tk-font-cap);
   color: $tx2;
 }
 
 /* ─── 咨询卡片 ─── */
 .consult-card {
   display: flex;
+  gap: 12px;
   align-items: center;
   background: $card;
   border-radius: $r;
-  padding: 24px;
-  margin-bottom: 12px;
+  padding: 16px;
   box-shadow: $shadow-sm;
 
   &:active {
@@ -98,53 +114,84 @@
   }
 }
 
-.consult-info {
+.consult-card-muted {
+  opacity: 0.65;
+}
+
+.consult-avatar {
+  width: 44px;
+  height: 44px;
+  border-radius: 22px;
+  background: $surface-alt;
+  @include flex-center;
+  flex-shrink: 0;
+}
+
+.consult-avatar-active {
+  background: $pri-l;
+}
+
+.consult-avatar-char {
+  @include serif-number;
+  font-size: var(--tk-font-body-sm);
+  font-weight: 700;
+  color: $tx3;
+}
+
+.consult-avatar-active .consult-avatar-char {
+  color: $pri;
+}
+
+.consult-body {
   flex: 1;
   min-width: 0;
 }
 
+.consult-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 4px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
 .consult-doctor {
-  font-size: 28px;
+  font-size: var(--tk-font-cap);
   font-weight: 600;
   color: $tx;
-  display: block;
-  margin-bottom: 6px;
-}
-
-.consult-preview {
-  font-size: 24px;
-  color: $tx2;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.consult-meta {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 8px;
-  flex-shrink: 0;
-  margin-left: 16px;
 }
 
 .consult-time {
-  font-size: 22px;
+  font-size: var(--tk-font-micro);
+  color: var(--tk-text-secondary);
+  flex-shrink: 0;
+}
+
+.consult-preview {
+  font-size: var(--tk-font-cap);
   color: $tx2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  margin-right: 8px;
 }
 
 .consult-badge {
-  min-width: 24px;
-  height: 24px;
-  border-radius: 12px;
+  min-width: 18px;
+  height: 18px;
+  border-radius: 9px;
   background: $dan;
   @include flex-center;
-  padding: 0 6px;
+  padding: 0 4px;
+  flex-shrink: 0;
 }
 
 .consult-badge-text {
-  font-size: 18px;
+  font-size: var(--tk-font-micro);
   color: #fff;
   font-weight: 600;
 }
@@ -152,43 +199,72 @@
 /* ─── 通知卡片 ─── */
 .notify-card {
   display: flex;
-  align-items: center;
+  gap: 12px;
+  align-items: flex-start;
   background: $card;
   border-radius: $r;
-  padding: 24px;
-  margin-bottom: 12px;
+  padding: 16px;
   box-shadow: $shadow-sm;
-
-  &:active {
-    opacity: 0.85;
-  }
 }
 
-.notify-info {
+.notify-card-muted {
+  opacity: 0.65;
+}
+
+.notify-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: $r-sm;
+  @include flex-center;
+  flex-shrink: 0;
+}
+
+.notify-icon-char {
+  @include serif-number;
+  font-size: var(--tk-font-body-sm);
+  font-weight: 700;
+}
+
+.notify-body {
   flex: 1;
   min-width: 0;
 }
 
-.notify-title {
-  font-size: 28px;
-  font-weight: 600;
-  color: $tx;
-  display: block;
-  margin-bottom: 6px;
+.notify-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 4px;
 }
 
-.notify-desc {
-  font-size: 24px;
-  color: $tx2;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.notify-title {
+  font-size: var(--tk-font-cap);
+  font-weight: 400;
+  color: $tx;
+}
+
+.notify-title-bold {
+  font-weight: 600;
 }
 
 .notify-time {
-  font-size: 22px;
-  color: $tx2;
+  font-size: var(--tk-font-micro);
+  color: var(--tk-text-secondary);
   flex-shrink: 0;
-  margin-left: 16px;
+  margin-left: 8px;
+}
+
+.notify-desc {
+  font-size: var(--tk-font-cap);
+  color: $tx2;
+  line-height: 1.5;
+}
+
+.notify-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 4px;
+  background: $pri;
+  flex-shrink: 0;
+  margin-top: 6px;
 }

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

@@ -1,9 +1,12 @@
-import { useState } from 'react';
+import { useState, useRef } from 'react';
 import { View, Text } from '@tarojs/components';
-import Taro, { useDidShow } from '@tarojs/taro';
+import Taro, { useDidShow, useReachBottom } from '@tarojs/taro';
 import { listConsultations, ConsultationSession } from '../../services/consultation';
 import { notificationService } from '../../services/notification';
 import Loading from '../../components/Loading';
+import GuestGuard from '../../components/GuestGuard';
+import { useAuthStore } from '../../stores/auth';
+import { useElderClass } from '../../hooks/useElderClass';
 import './index.scss';
 
 type MsgTab = 'consultation' | 'notification';
@@ -14,41 +17,80 @@ interface NotificationItem {
   desc: string;
   time: string;
   type: string;
+  read?: boolean;
 }
 
+const NOTIFY_ICONS: Record<string, { icon: string; bg: string; color: string }> = {
+  appointment: { icon: '约', bg: '#F0DDD4', color: '#C4623A' },
+  alert: { icon: '警', bg: '#FFF3E0', color: '#C4873A' },
+  followup: { icon: '随', bg: '#E8F0E8', color: '#5B7A5E' },
+  points: { icon: '分', bg: '#F0DDD4', color: '#C4623A' },
+  report: { icon: '报', bg: '#E8F0E8', color: '#5B7A5E' },
+};
+
 export default function Messages() {
+  const user = useAuthStore((s) => s.user);
+  const modeClass = useElderClass();
   const [activeTab, setActiveTab] = useState<MsgTab>('consultation');
   const [sessions, setSessions] = useState<ConsultationSession[]>([]);
   const [notifications, setNotifications] = useState<NotificationItem[]>([]);
   const [loading, setLoading] = useState(false);
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const loadingRef = useRef(false);
 
-  useDidShow(() => {
-    loadData(activeTab);
-  });
-
-  const loadData = async (tab: MsgTab) => {
+  const loadData = async (tab: MsgTab, pageNum: number = 1, isRefresh = false) => {
+    if (loadingRef.current) return;
+    loadingRef.current = true;
     setLoading(true);
     try {
       if (tab === 'consultation') {
-        const res = await listConsultations({ page: 1, page_size: 20 });
-        setSessions(res.data || []);
+        const res = await listConsultations({ page: pageNum, page_size: 20 });
+        const list = res.data || [];
+        if (isRefresh) {
+          setSessions(list);
+        } else {
+          setSessions((prev) => [...prev, ...list]);
+        }
+        setTotal(res.total || 0);
       } else {
-        const res = await notificationService.list<{ data: unknown[] }>({ page: 1, page_size: 20 });
-        setNotifications((res as { data?: unknown[] })?.data || []);
+        const res = await notificationService.list<{ data: unknown[]; total?: number }>({ page: pageNum, page_size: 20 });
+        const list = (res as { data?: unknown[] })?.data || [];
+        if (isRefresh) {
+          setNotifications(list as NotificationItem[]);
+        } else {
+          setNotifications((prev) => [...prev, ...(list as NotificationItem[])]);
+        }
+        setTotal((res as { total?: number })?.total || 0);
       }
+      setPage(pageNum);
     } catch {
-      if (tab === 'consultation') setSessions([]);
-      else setNotifications([]);
+      if (isRefresh) {
+        if (tab === 'consultation') setSessions([]);
+        else setNotifications([]);
+      }
     } finally {
       setLoading(false);
+      loadingRef.current = false;
     }
   };
 
+  useDidShow(() => {
+    if (user) loadData(activeTab, 1, true);
+  });
+
   const handleTabChange = (tab: MsgTab) => {
     setActiveTab(tab);
-    loadData(tab);
+    loadData(tab, 1, true);
   };
 
+  useReachBottom(() => {
+    const currentList = activeTab === 'consultation' ? sessions : notifications;
+    if (!loading && currentList.length < total) {
+      loadData(activeTab, page + 1);
+    }
+  });
+
   const formatTime = (dateStr: string | null) => {
     if (!dateStr) return '';
     const d = new Date(dateStr);
@@ -61,94 +103,123 @@ export default function Messages() {
     return dateStr.slice(0, 10);
   };
 
+  if (!user) {
+    return <GuestGuard title='请先登录' desc='登录后即可查看消息和通知' />;
+  }
+
+  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>
       </View>
 
-      {/* Tab 切换 */}
-      <View className='msg-tabs'>
+      {/* 分段控件 Tab */}
+      <View className='msg-segment'>
         <View
-          className={`msg-tab ${activeTab === 'consultation' ? 'msg-tab-active' : ''}`}
+          className={`msg-segment-tab ${activeTab === 'consultation' ? 'msg-segment-active' : ''}`}
           onClick={() => handleTabChange('consultation')}
         >
-          <Text className='msg-tab-text'>咨询</Text>
+          <Text className='msg-segment-text'>咨询</Text>
+          {unreadConsultCount > 0 && (
+            <View className='msg-segment-badge'>
+              <Text className='msg-segment-badge-text'>{unreadConsultCount}</Text>
+            </View>
+          )}
         </View>
         <View
-          className={`msg-tab ${activeTab === 'notification' ? 'msg-tab-active' : ''}`}
+          className={`msg-segment-tab ${activeTab === 'notification' ? 'msg-segment-active' : ''}`}
           onClick={() => handleTabChange('notification')}
         >
-          <Text className='msg-tab-text'>通知</Text>
+          <Text className='msg-segment-text'>通知</Text>
         </View>
       </View>
-      <View className='msg-tab-indicator'>
-        <View className={`msg-tab-bar ${activeTab === 'notification' ? 'msg-tab-bar-right' : ''}`} />
-      </View>
 
-      {/* 咨询列表 */}
-      {activeTab === 'consultation' && (
-        <View className='msg-content'>
-          {loading ? (
+      <View className='msg-content'>
+        {/* 咨询列表 */}
+        {activeTab === 'consultation' && (
+          loading ? (
             <Loading />
           ) : sessions.length === 0 ? (
             <View className='msg-empty'>
               <Text className='msg-empty-text'>暂无咨询消息</Text>
             </View>
           ) : (
-            sessions.map((session) => (
-              <View
-                key={session.id}
-                className='consult-card'
-                onClick={() => Taro.navigateTo({ url: `/pages/consultation/detail/index?id=${session.id}` })}
-              >
-                <View className='consult-info'>
-                  <Text className='consult-doctor'>
-                    {session.consultation_type === 'online' ? '在线咨询' : '门诊咨询'}
-                  </Text>
-                  <Text className='consult-preview'>
-                    {session.last_message || session.subject || '暂无消息'}
-                  </Text>
-                </View>
-                <View className='consult-meta'>
-                  <Text className='consult-time'>{formatTime(session.last_message_at)}</Text>
-                  {session.unread_count_patient > 0 && (
-                    <View className='consult-badge'>
-                      <Text className='consult-badge-text'>
-                        {session.unread_count_patient > 99 ? '99+' : session.unread_count_patient}
-                      </Text>
+            <View className='msg-list'>
+              {sessions.map((session) => {
+                const doctorName = session.last_message?.slice(0, 1) || '医';
+                const hasUnread = session.unread_count_patient > 0;
+                return (
+                  <View
+                    key={session.id}
+                    className={`consult-card ${hasUnread ? '' : 'consult-card-muted'}`}
+                    onClick={() => Taro.navigateTo({ url: `/pages/consultation/detail/index?id=${session.id}` })}
+                  >
+                    <View className={`consult-avatar ${hasUnread ? 'consult-avatar-active' : ''}`}>
+                      <Text className='consult-avatar-char'>{doctorName}</Text>
                     </View>
-                  )}
-                </View>
-              </View>
-            ))
-          )}
-        </View>
-      )}
+                    <View className='consult-body'>
+                      <View className='consult-row'>
+                        <Text className='consult-doctor'>
+                          {session.consultation_type === 'online' ? '在线咨询' : '门诊咨询'}
+                        </Text>
+                        <Text className='consult-time'>{formatTime(session.last_message_at)}</Text>
+                      </View>
+                      <View className='consult-row'>
+                        <Text className='consult-preview'>
+                          {session.last_message || session.subject || '暂无消息'}
+                        </Text>
+                        {hasUnread && (
+                          <View className='consult-badge'>
+                            <Text className='consult-badge-text'>
+                              {session.unread_count_patient > 99 ? '99+' : session.unread_count_patient}
+                            </Text>
+                          </View>
+                        )}
+                      </View>
+                    </View>
+                  </View>
+                );
+              })}
+            </View>
+          )
+        )}
 
-      {/* 通知列表 */}
-      {activeTab === 'notification' && (
-        <View className='msg-content'>
-          {loading ? (
+        {/* 通知列表 */}
+        {activeTab === 'notification' && (
+          loading ? (
             <Loading />
           ) : notifications.length === 0 ? (
             <View className='msg-empty'>
               <Text className='msg-empty-text'>暂无新通知</Text>
             </View>
           ) : (
-            notifications.map((n) => (
-              <View key={n.id} className='notify-card'>
-                <View className='notify-info'>
-                  <Text className='notify-title'>{n.title}</Text>
-                  <Text className='notify-desc'>{n.desc}</Text>
-                </View>
-                <Text className='notify-time'>{n.time}</Text>
-              </View>
-            ))
-          )}
-        </View>
-      )}
+            <View className='msg-list'>
+              {notifications.map((n) => {
+                const cfg = NOTIFY_ICONS[n.type] || NOTIFY_ICONS.report;
+                const isUnread = !n.read;
+                return (
+                  <View key={n.id} className={`notify-card ${isUnread ? '' : 'notify-card-muted'}`}>
+                    <View className='notify-icon' style={`background:${cfg.bg};`}>
+                      <Text className='notify-icon-char' style={`color:${cfg.color};`}>{cfg.icon}</Text>
+                    </View>
+                    <View className='notify-body'>
+                      <View className='notify-row'>
+                        <Text className={`notify-title ${isUnread ? 'notify-title-bold' : ''}`}>{n.title}</Text>
+                        <Text className='notify-time'>{n.time}</Text>
+                      </View>
+                      <Text className='notify-desc'>{n.desc}</Text>
+                    </View>
+                    {isUnread && <View className='notify-dot' />}
+                  </View>
+                );
+              })}
+            </View>
+          )
+        )}
+      </View>
     </View>
   );
 }