diff --git a/.vscode/settings.json b/.vscode/settings.json
index f3006236..6a24f307 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,5 +1,3 @@
 {
-    "kiroAgent.configureMCP": "Disabled"
-
-  
+    "kiroAgent.configureMCP": "Enabled"
 }
diff --git a/TUICallKit-Vue3/App.vue b/TUICallKit-Vue3/App.vue
index b88a68b7..06e86640 100644
--- a/TUICallKit-Vue3/App.vue
+++ b/TUICallKit-Vue3/App.vue
@@ -31,8 +31,6 @@ onLaunch(() => {
 	uni.login({
 	  provider: 'weixin',
 	  success: function (loginRes) {
-	    console.log('xx');
-      console.log(loginRes.code);
       if( uni.getStorageSync('token')){
         userinfo(loginRes.code);
       }else{
diff --git a/TUICallKit-Vue3/main.js b/TUICallKit-Vue3/main.js
index ce23c462..e6a8b7f1 100644
--- a/TUICallKit-Vue3/main.js
+++ b/TUICallKit-Vue3/main.js
@@ -1,5 +1,5 @@
 import App from './App'
-var baseUrl ='https://css.zhenyangtang.com.cn/';
+var baseUrl ='https://admin.zhenyangtang.com.cn/';
 
 function joinApiUrl(base, path) {
   const b = String(base || '').replace(/\/+$/, '')
diff --git a/TUICallKit-Vue3/pages.json b/TUICallKit-Vue3/pages.json
index fd67dba7..54474cf1 100644
--- a/TUICallKit-Vue3/pages.json
+++ b/TUICallKit-Vue3/pages.json
@@ -167,6 +167,23 @@
 						"backgroundColor": "#faf9f5",
 						"enablePullDownRefresh": true
 					}
+				},
+				{
+					"path": "pages/weekly",
+					"style": {
+						"navigationStyle": "custom",
+						"navigationBarTitleText": "血糖管理",
+						"backgroundColor": "#f4fbf4",
+						"enablePullDownRefresh": true,
+						"mp-weixin": {
+							"usingPlugins": {
+								"WechatSI": {
+									"version": "0.3.5",
+									"provider": "wx069ba97219f66d99"
+								}
+							}
+						}
+					}
 				}
 			]
 		}
diff --git a/TUICallKit-Vue3/tongji/components/TongjiIcon.vue b/TUICallKit-Vue3/tongji/components/TongjiIcon.vue
index 32ecec3a..90f59470 100644
--- a/TUICallKit-Vue3/tongji/components/TongjiIcon.vue
+++ b/TUICallKit-Vue3/tongji/components/TongjiIcon.vue
@@ -40,6 +40,9 @@ const ICON_PATHS = {
     heart: '<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/>',
     activity: '<path d="M22 12h-4l-3 9L9 3l-3 9H2"/>',
     users: '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
+    user: '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',
+    person: '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',
+    send: '<path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/>',
     'alert-triangle': '<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/>',
     minus: '<path d="M5 12h14"/>',
     droplet: '<path d="M12 22a7 7 0 0 0 7-7c0-2-1-3.5-2.5-5.5C15 7 12 2 12 2S9 7 7.5 9.5 5 13 5 15a7 7 0 0 0 7 7z"/>',
@@ -54,7 +57,16 @@ const ICON_PATHS = {
     info: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/>',
     sun: '<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41-1.41M17.66 6.34l1.41-1.41M6.34 4.93l1.41 1.41"/>',
     moon: '<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>',
-    sunset: '<path d="M12 10V2M18.364 5.636l-2.12 2.12M5.636 18.364l2.12-2.12M22 18h-3M5 18H2M18.364 18.364l-2.12-2.12M5.636 5.636l2.12 2.12M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/>'
+    sunset: '<path d="M12 10V2M18.364 5.636l-2.12 2.12M5.636 18.364l2.12-2.12M22 18h-3M5 18H2M18.364 18.364l-2.12-2.12M5.636 5.636l2.12 2.12M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/>',
+    mic: '<path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/>',
+    camera: '<path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/>',
+    bulb: '<path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1.3.5 2.6 1.5 3.5.8.8 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/>',
+    leaf: '<path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/><path d="M2 21c0-3 1.85-5.36 5.08-6"/>',
+    utensils: '<path d="M3 2v7c0 1.1.9 2 2 2a2 2 0 0 0 2-2V2"/><path d="M7 2v20"/><path d="M21 15V2a5 5 0 0 0-3 4.5v6a2 2 0 0 0 2 2h1Z"/><path d="M18 15v7"/>',
+    egg: '<path d="M12 22c4.97 0 8-3.27 8-7.31C20 9.65 16.42 2 12 2S4 9.65 4 14.69C4 18.73 7.03 22 12 22Z"/>',
+    home: '<path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/>',
+    'plus-circle': '<circle cx="12" cy="12" r="10"/><path d="M8 12h8M12 8v8"/>',
+    'chevron-right': '<path d="m9 18 6-6-6-6"/>'
 }
 
 /** 图片加载失败时的 emoji 回退 */
@@ -68,6 +80,9 @@ const ICON_FALLBACK = {
     heart: '❤',
     activity: '🏃',
     users: '👥',
+    user: '👤',
+    person: '👤',
+    send: '➤',
     'alert-triangle': '⚠',
     minus: '—',
     droplet: '💧',
@@ -82,7 +97,16 @@ const ICON_FALLBACK = {
     info: '!',
     sun: '☀',
     moon: '🌙',
-    sunset: '☀'
+    sunset: '☀',
+    mic: '🎤',
+    camera: '📷',
+    bulb: '💡',
+    leaf: '🥬',
+    utensils: '🍴',
+    egg: '🍳',
+    home: '🏠',
+    'plus-circle': '⊕',
+    'chevron-right': '›'
 }
 
 const strokeColor = computed(() => {
diff --git a/TUICallKit-Vue3/tongji/design-system/DESIGN.md b/TUICallKit-Vue3/tongji/design-system/DESIGN.md
new file mode 100644
index 00000000..10b0305b
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/design-system/DESIGN.md
@@ -0,0 +1,28 @@
+# VitalMint Health (Stitch)
+
+Source: Google Stitch MCP · project `Modern WeChat UI Redesign`  
+Screen HTML: `design-system/stitch-weekly.html`
+
+## Colors
+
+- background / surface: `#f4fbf4`
+- primary: `#006c49`
+- primary-container: `#10b981`
+- tertiary-container (餐后): `#fc7c78`
+- on-surface: `#161d19`
+- error (high glucose): `#ba1a1a`
+- warning: `#ea580c`
+
+## Layout (weekly.vue)
+
+1. TopAppBar — 头像 + 问候 + 朗读按钮
+2. 录入今日血糖 — 全宽圆角主按钮
+3. 今日血糖 — 双列卡片 + 查看更多
+4. 血糖趋势 — 单卡片内含统计、图表、7/30 切换
+5. AI 饮食 — 渐变边框白底卡片
+6. 能不能吃 — 独立卡片
+
+## Styles
+
+- `styles/stitch-vitalmint-theme.scss` — 设计 token
+- `styles/weekly-stitch.scss` — 页面组件样式 (vm-*)
\ No newline at end of file
diff --git a/TUICallKit-Vue3/tongji/design-system/code.html b/TUICallKit-Vue3/tongji/design-system/code.html
new file mode 100644
index 00000000..8d9191a0
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/design-system/code.html
@@ -0,0 +1,398 @@
+<!DOCTYPE html><html lang="zh-CN" style=""><head>
+<meta charset="utf-8">
+<meta content="width=device-width, initial-scale=1.0" name="viewport">
+<title>血糖管理</title>
+<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet">
+<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+<script id="tailwind-config">
+        tailwind.config = {
+          darkMode: "class",
+          theme: {
+            extend: {
+              "colors": {
+                      "on-error-container": "#93000a",
+                      "on-secondary-fixed-variant": "#3e4943",
+                      "on-background": "#161d19",
+                      "error-container": "#ffdad6",
+                      "surface-container-highest": "#dde4dd",
+                      "surface-container-high": "#e3eae3",
+                      "primary-fixed-dim": "#4edea3",
+                      "on-secondary-container": "#5b6760",
+                      "on-primary": "#ffffff",
+                      "inverse-surface": "#2b322d",
+                      "tertiary-fixed-dim": "#ffb3af",
+                      "primary": "#006c49",
+                      "surface-container-lowest": "#ffffff",
+                      "on-primary-fixed-variant": "#005236",
+                      "on-surface-variant": "#3c4a42",
+                      "surface-container": "#e8f0e9",
+                      "tertiary-container": "#fc7c78",
+                      "on-tertiary": "#ffffff",
+                      "on-tertiary-container": "#711419",
+                      "surface-container-low": "#eef6ee",
+                      "on-secondary-fixed": "#131e19",
+                      "inverse-primary": "#4edea3",
+                      "surface-tint": "#006c49",
+                      "secondary-fixed-dim": "#bdcac1",
+                      "on-primary-container": "#00422b",
+                      "on-secondary": "#ffffff",
+                      "secondary-container": "#d9e6dd",
+                      "tertiary": "#a43a3a",
+                      "on-error": "#ffffff",
+                      "secondary-fixed": "#d9e6dd",
+                      "background": "#f4fbf4",
+                      "tertiary-fixed": "#ffdad7",
+                      "outline": "#6c7a71",
+                      "primary-fixed": "#6ffbbe",
+                      "on-tertiary-fixed": "#410005",
+                      "outline-variant": "#bbcabf",
+                      "primary-container": "#10b981",
+                      "on-tertiary-fixed-variant": "#842225",
+                      "surface-variant": "#dde4dd",
+                      "on-primary-fixed": "#002113",
+                      "on-surface": "#161d19",
+                      "surface-bright": "#f4fbf4",
+                      "inverse-on-surface": "#ebf3eb",
+                      "surface": "#f4fbf4",
+                      "surface-dim": "#d4dcd5",
+                      "secondary": "#55615a",
+                      "error": "#ba1a1a"
+              },
+              "borderRadius": {
+                      "DEFAULT": "0.25rem",
+                      "lg": "0.5rem",
+                      "xl": "0.75rem",
+                      "full": "9999px",
+                      "2xl": "1.5rem",
+                      "3xl": "2rem"
+              },
+              "spacing": {
+                      "container-margin": "20px",
+                      "stack-gap": "16px",
+                      "section-margin": "32px",
+                      "inline-gap": "12px",
+                      "card-padding": "20px"
+              },
+              "fontFamily": {
+                      "body-lg": [
+                              "Manrope"
+                      ],
+                      "headline-lg": [
+                              "Manrope"
+                      ],
+                      "headline-md": [
+                              "Manrope"
+                      ],
+                      "display-lg": [
+                              "Manrope"
+                      ],
+                      "headline-lg-mobile": [
+                              "Manrope"
+                      ],
+                      "label-md": [
+                              "Manrope"
+                      ],
+                      "body-md": [
+                              "Manrope"
+                      ]
+              },
+              "fontSize": {
+                      "body-lg": [
+                              "16px",
+                              {
+                                      "lineHeight": "24px",
+                                      "fontWeight": "500"
+                              }
+                      ],
+                      "headline-lg": [
+                              "24px",
+                              {
+                                      "lineHeight": "32px",
+                                      "letterSpacing": "-0.01em",
+                                      "fontWeight": "700"
+                              }
+                      ],
+                      "headline-md": [
+                              "20px",
+                              {
+                                      "lineHeight": "28px",
+                                      "fontWeight": "700"
+                              }
+                      ],
+                      "display-lg": [
+                              "32px",
+                              {
+                                      "lineHeight": "40px",
+                                      "letterSpacing": "-0.02em",
+                                      "fontWeight": "800"
+                              }
+                      ],
+                      "headline-lg-mobile": [
+                              "22px",
+                              {
+                                      "lineHeight": "28px",
+                                      "fontWeight": "700"
+                              }
+                      ],
+                      "label-md": [
+                              "12px",
+                              {
+                                      "lineHeight": "16px",
+                                      "letterSpacing": "0.02em",
+                                      "fontWeight": "600"
+                              }
+                      ],
+                      "body-md": [
+                              "14px",
+                              {
+                                      "lineHeight": "20px",
+                                      "fontWeight": "400"
+                              }
+                      ]
+              }
+      },
+          },
+        }
+    </script>
+<style>
+        .material-symbols-outlined {
+          font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+        }
+        .icon-fill {
+          font-variation-settings: 'FILL' 1;
+        }
+        
+        .ambient-shadow {
+            box-shadow: 0 12px 30px -10px rgba(0, 108, 73, 0.08), 0 4px 10px -4px rgba(0, 0, 0, 0.03);
+        }
+        
+        .btn-press:active {
+            transform: scale(0.98);
+        }
+        
+        .no-scrollbar::-webkit-scrollbar {
+            display: none;
+        }
+        .no-scrollbar {
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+        }
+        body {
+          min-height: max(884px, 100dvh);
+        }
+    </style>
+</head>
+<body class="bg-background text-on-surface font-body-lg antialiased pb-24 md:pb-0 min-h-screen">
+<!-- Desktop Sidebar Shell (Hidden on Mobile) -->
+<div class="hidden md:flex fixed left-0 top-0 h-full w-64 bg-surface-container-lowest border-r border-surface-dim z-50 flex-col">
+<div class="p-6">
+<h1 class="text-headline-lg font-headline-lg text-primary">VitalMint</h1>
+</div>
+<nav class="flex-1 px-4 flex flex-col gap-2 mt-4">
+<a class="flex items-center gap-3 px-4 py-3 rounded-xl bg-primary-container text-on-primary-container font-bold" href="#">
+<span class="material-symbols-outlined icon-fill">home</span>
+<span class="">首页</span>
+</a>
+<a class="flex items-center gap-3 px-4 py-3 rounded-xl text-on-surface-variant hover:bg-surface-container-high transition-colors" href="#">
+<span class="material-symbols-outlined">add_circle</span>
+<span class="">记录</span>
+</a>
+<a class="flex items-center gap-3 px-4 py-3 rounded-xl text-on-surface-variant hover:bg-surface-container-high transition-colors" href="#">
+<span class="material-symbols-outlined">analytics</span>
+<span class="">动态</span>
+</a>
+<a class="flex items-center gap-3 px-4 py-3 rounded-xl text-on-surface-variant hover:bg-surface-container-high transition-colors" href="#">
+<span class="material-symbols-outlined">person</span>
+<span class="">我的</span>
+</a>
+</nav>
+</div>
+<!-- Main Content Area -->
+<main class="md:ml-64 w-full max-w-[1200px] mx-auto min-h-screen flex flex-col md:flex-row">
+<!-- Left/Main Column: Dashboard -->
+<div class="flex-1 w-full">
+<!-- TopAppBar -->
+<header class="bg-surface dark:bg-surface-dim docked full-width top-0 flex justify-between items-center px-container-margin py-4 w-full sticky z-40">
+<div class="flex items-center gap-3">
+<div class="w-10 h-10 rounded-full bg-primary-container flex items-center justify-center overflow-hidden border-2 border-surface-container-lowest">
+<span class="material-symbols-outlined text-primary">person</span>
+</div>
+<div>
+<h1 class="text-headline-lg-mobile font-headline-lg-mobile text-on-surface dark:text-on-background">下午好，用户16295733</h1>
+<p class="text-label-md font-label-md text-on-surface-variant opacity-80">今日血糖已记录</p>
+</div>
+</div>
+<button class="w-10 h-10 rounded-full flex items-center justify-center hover:bg-surface-container dark:hover:bg-surface-container-high transition-colors text-primary dark:text-primary-fixed-dim">
+<span class="material-symbols-outlined" data-icon="volume_up">volume_up</span>
+</button>
+</header>
+<!-- Content Canvas -->
+<div class="px-container-margin pb-section-margin flex flex-col gap-6 mt-2">
+<!-- 1. Primary Action (Prominent) -->
+<section>
+<button class="w-full bg-primary text-on-primary h-14 rounded-2xl flex items-center justify-center gap-2 text-body-lg font-bold btn-press shadow-[0_8px_16px_rgba(0,108,73,0.2)] transition-all">
+<span class="material-symbols-outlined icon-fill">add</span>
+                录入今日血糖
+            </button>
+</section>
+<!-- 2. 血糖趋势 (Trends) - Moved to top -->
+<section class="bg-surface-container-lowest rounded-3xl p-5 ambient-shadow border border-surface-container-highest/30">
+<div class="flex justify-between items-center mb-6">
+<div>
+<h2 class="text-headline-md font-headline-md text-on-surface">血糖趋势</h2>
+<p class="text-label-md font-label-md text-on-surface-variant">最近 7 天 · mmol/L</p>
+</div>
+<div class="flex items-center gap-3 text-label-md font-label-md text-on-surface-variant">
+<div class="flex items-center gap-1"><div class="w-2 h-2 rounded-full bg-primary"></div>空腹</div>
+<div class="flex items-center gap-1"><div class="w-2 h-2 rounded-full bg-tertiary"></div>餐后</div>
+</div>
+</div>
+<!-- Stats Row -->
+<div class="flex justify-between items-center bg-surface-container-low rounded-xl p-4 mb-6">
+<div class="flex flex-col items-center flex-1 border-r border-surface-container-highest">
+<span class="text-headline-md font-headline-md text-tertiary">1</span>
+<span class="text-label-md font-label-md text-on-surface-variant mt-1">天偏高</span>
+</div>
+<div class="flex flex-col items-center flex-1 border-r border-surface-container-highest">
+<span class="text-headline-md font-headline-md text-primary">1</span>
+<span class="text-label-md font-label-md text-on-surface-variant mt-1">天正常</span>
+</div>
+<div class="flex flex-col items-center flex-1">
+<span class="text-headline-md font-headline-md text-on-surface">2</span>
+<span class="text-label-md font-label-md text-on-surface-variant mt-1">天有记录</span>
+</div>
+</div>
+<!-- Faux Chart Area -->
+<div class="h-[180px] w-full relative flex items-end pt-4 pb-6 border-b border-surface-container-highest border-dashed">
+<!-- Y Axis -->
+<div class="absolute left-0 top-0 bottom-6 flex flex-col justify-between text-[10px] text-on-surface-variant">
+<span class="">23.0</span>
+<span class="">18.0</span>
+<span class="">13.0</span>
+<span class="">8.0</span>
+<span class="">3.0</span>
+</div>
+<!-- Target Line -->
+<div class="absolute left-6 right-0 bottom-12 border-b border-tertiary border-dashed opacity-30"></div>
+<span class="absolute left-6 bottom-12 text-[10px] text-tertiary -translate-y-full mb-1">空腹阈 7</span>
+<!-- Chart Lines -->
+<div class="absolute inset-0 left-8 overflow-hidden">
+<div class="absolute bottom-6 right-8 w-1 h-[100px] bg-primary/20 rounded-t-full transform rotate-45 origin-bottom"></div>
+<div class="absolute bottom-[80px] right-2 w-1 h-[60px] bg-tertiary/20 rounded-t-full transform rotate-12 origin-bottom"></div>
+<div class="absolute right-[15%] bottom-[15%] w-2 h-2 rounded-full border-[1.5px] border-primary bg-white z-10"></div>
+<div class="absolute right-[5%] bottom-[75%] w-2 h-2 rounded-full border-[1.5px] border-tertiary bg-white z-10"></div>
+<!-- Tooltips -->
+<div class="absolute right-[2%] bottom-[85%] bg-tertiary text-white text-[10px] px-1.5 py-0.5 rounded font-bold">18</div>
+<div class="absolute right-[2%] bottom-[65%] bg-tertiary text-white text-[10px] px-1.5 py-0.5 rounded font-bold">20</div>
+</div>
+<!-- X Axis -->
+<div class="absolute left-8 right-0 bottom-0 flex justify-between text-[10px] text-on-surface-variant translate-y-full pt-2">
+<span class="">05-23</span>
+<span class="">05-25</span>
+<span class="">05-27</span>
+<span class="">05-29</span>
+</div>
+</div>
+</section>
+<!-- 3. 最新测量 & 概览 (Combined Section) -->
+<section class="flex flex-col gap-4">
+<!-- Latest Reading -->
+<div class="bg-error-container text-on-error-container rounded-3xl p-6 ambient-shadow relative overflow-hidden flex flex-col items-center text-center justify-center min-h-[160px]">
+<div class="absolute inset-0 opacity-10 pointer-events-none" style="background-image: radial-gradient(circle at 2px 2px, currentColor 1px, transparent 0); background-size: 16px 16px;"></div>
+<span class="text-label-md font-label-md uppercase tracking-wider mb-1 opacity-90 z-10">最新测量 · 餐后</span>
+<div class="flex items-baseline gap-1 z-10">
+<span class="text-[56px] font-extrabold leading-none tracking-tighter">20.00</span>
+<span class="text-body-lg font-body-lg opacity-80 font-medium">mmol/L</span>
+</div>
+<div class="mt-3 inline-flex items-center gap-1.5 bg-white/30 backdrop-blur-sm px-3 py-1 rounded-full z-10">
+<span class="material-symbols-outlined text-[16px] icon-fill">warning</span>
+<span class="text-label-md font-label-md font-bold">偏高，请遵医嘱</span>
+</div>
+</div>
+<!-- Today's Summary -->
+<div class="grid grid-cols-2 gap-3">
+<div class="bg-surface-container-lowest rounded-2xl p-4 ambient-shadow flex flex-col gap-2 border border-surface-container-highest/50">
+<span class="text-label-md font-label-md text-on-surface-variant">空腹</span>
+<div class="flex items-baseline gap-1 text-tertiary">
+<span class="text-headline-lg font-headline-lg">18.00</span>
+</div>
+<span class="text-[10px] text-tertiary bg-error-container/50 px-2 py-0.5 rounded-sm inline-block w-fit">偏高</span>
+</div>
+<div class="bg-surface-container-lowest rounded-2xl p-4 ambient-shadow flex flex-col gap-2 border border-surface-container-highest/50">
+<span class="text-label-md font-label-md text-on-surface-variant">餐后</span>
+<div class="flex items-baseline gap-1 text-tertiary">
+<span class="text-headline-lg font-headline-lg">20.00</span>
+</div>
+<span class="text-[10px] text-tertiary bg-error-container/50 px-2 py-0.5 rounded-sm inline-block w-fit">偏高</span>
+</div>
+</div>
+</section>
+<!-- 4. AI 饮食建议 -->
+<section class="bg-gradient-to-br from-primary/10 to-primary/5 rounded-3xl p-5 border border-primary/10 relative overflow-hidden">
+<div class="absolute -right-8 -top-8 w-32 h-32 bg-primary-fixed-dim/20 rounded-full blur-2xl"></div>
+<div class="flex justify-between items-center mb-4 relative z-10">
+<div class="flex items-center gap-2">
+<div class="w-8 h-8 rounded-full bg-primary text-white flex items-center justify-center">
+<span class="material-symbols-outlined text-[18px]">temp_preferences_custom</span>
+</div>
+<h3 class="text-headline-md font-headline-md text-on-surface">AI 饮食建议</h3>
+</div>
+<button class="text-label-md font-label-md text-primary flex items-center gap-1 bg-white/50 px-3 py-1.5 rounded-full hover:bg-white transition-colors">
+<span class="material-symbols-outlined text-[14px]">refresh</span>
+                            换一换
+                        </button>
+</div>
+<p class="text-body-md font-body-md text-on-surface-variant mb-4 relative z-10">读您近 7 天 · 30 天血糖，定制今日三餐</p>
+<div class="flex flex-col gap-3 relative z-10">
+<div class="bg-white/80 backdrop-blur-md rounded-2xl p-4 shadow-sm border border-white">
+<div class="flex items-center gap-2 mb-2">
+<span class="material-symbols-outlined text-orange-400">light_mode</span>
+<span class="font-bold text-on-surface">早餐</span>
+</div>
+<p class="text-body-md font-body-md text-on-surface-variant">小米粥（少米多水）加煮鸡蛋一个</p>
+</div>
+<div class="bg-white/80 backdrop-blur-md rounded-2xl p-4 shadow-sm border border-white">
+<div class="flex items-center gap-2 mb-2">
+<span class="material-symbols-outlined text-primary">eco</span>
+<span class="font-bold text-on-surface">午餐</span>
+</div>
+<p class="text-body-md font-body-md text-on-surface-variant">清蒸鱼块、蒜蓉炒苋菜、二米饭（小米掺大米）</p>
+</div>
+</div>
+</section>
+<!-- Spacer for bottom nav on mobile -->
+<section class="sticky bottom-20 md:bottom-6 z-30 px-container-margin md:px-0 mb-4">
+    <div class="bg-white/90 backdrop-blur-md rounded-full p-2 pl-5 flex items-center gap-3 shadow-[0_8px_32px_rgba(0,108,73,0.15)] border border-primary/10">
+        <div class="w-8 h-8 rounded-full bg-primary/10 text-primary flex items-center justify-center">
+            <span class="material-symbols-outlined icon-fill text-[18px]">sparkles</span>
+        </div>
+        <input type="text" placeholder="输入食物名称或健康疑问，咨询 AI..." class="flex-1 bg-transparent border-none focus:ring-0 text-body-md placeholder:text-on-surface-variant/60 py-2">
+        <button class="bg-primary text-on-primary h-10 w-10 rounded-full flex items-center justify-center btn-press shadow-sm">
+            <span class="material-symbols-outlined">send</span>
+        </button>
+    </div>
+</section><div class="h-8 md:hidden"></div>
+</div>
+</div>
+<!-- Right Column: Secondary Info (Visible on Tablet/Desktop) -->
+<aside class="hidden lg:flex w-80 flex-col gap-section-margin pt-4 pr-container-margin">
+<div class="bg-surface-container-lowest rounded-3xl p-6 ambient-shadow">
+<h3 class="text-headline-md font-headline-md text-on-surface mb-4">运动降糖</h3>
+<div class="bg-error-container/30 rounded-xl p-4 mb-4">
+<p class="text-body-md font-body-md text-on-surface">近期血糖偏高，三顿饭后都动一动，最能帮着把糖降下来。</p>
+</div>
+<ul class="flex flex-col gap-3 text-body-md text-on-surface-variant">
+<li class="flex gap-2"><span class="font-bold text-tertiary">1</span> <span class="">早饭后快走 15 分钟</span></li>
+<li class="flex gap-2"><span class="font-bold text-tertiary">2</span> <span class="">午饭后原地踏步 20-30 分钟</span></li>
+</ul>
+</div>
+</aside>
+</main>
+<!-- BottomNavBar (Mobile Only) -->
+
+
+
+
+
+</body></html>
\ No newline at end of file
diff --git a/TUICallKit-Vue3/tongji/design-system/stitch-screen.json b/TUICallKit-Vue3/tongji/design-system/stitch-screen.json
new file mode 100644
index 00000000..221189b1
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/design-system/stitch-screen.json
@@ -0,0 +1 @@
+{"name":"projects/15362588878567114380/screens/259c8c233434481881d0bacddb59fa7f","title":"血糖管理重构版","screenshot":{"name":"projects/15362588878567114380/files/c18dd3e3d7774a16897d78b40073b9f2","downloadUrl":"https://lh3.googleusercontent.com/aida/ADBb0ugpswBosy3eCG_j3kJlxCWpntXQGvRJvMuepINJTcB47Nf4ymWU81mrjex1ICPdAXn-p_JjyUokOtms4zIJpXL49692zt16mIJhEC16nfU9kH5hwAj1s7v3PlAZbUGWjYjPTdfVMaOCveS6Ohuh_IeyRTD6MmdsFZ2-H7Whg6zy4MiZeGLxRw0ckCOrNbTRObtuzk_dlUc49eDGeRagYtuL9xyS6pno5CiwBzSkGp872chdZVn9JOK-2n1P"},"htmlCode":{"name":"projects/15362588878567114380/files/ca56c13fc2d6481d9de60727f7b70f3f","downloadUrl":"https://contribution.usercontent.google.com/download?c=CgthaWRhX2NvZGVmeBJ8Eh1hcHBfY29tcGFuaW9uX2dlbmVyYXRlZF9maWxlcxpbCiVodG1sXzk5NTVmZjZjNTFkODQxMmY4MzIxNWNkYmIwNWI2MTMzEgsSBxCEnv3unRAYAZIBJAoKcHJvamVjdF9pZBIWQhQxNTM2MjU4ODg3ODU2NzExNDM4MA&filename=&opi=89354086","mimeType":"text/html"},"width":"780","height":"4122","deviceType":"MOBILE"}
diff --git a/TUICallKit-Vue3/tongji/design-system/stitch-weekly.html b/TUICallKit-Vue3/tongji/design-system/stitch-weekly.html
new file mode 100644
index 00000000..d5e28d3b
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/design-system/stitch-weekly.html
@@ -0,0 +1,351 @@
+<!DOCTYPE html>
+
+<html class="light" lang="zh-CN"><head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<title>血糖管理</title>
+<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
+<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
+<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
+<script id="tailwind-config">
+        tailwind.config = {
+            darkMode: "class",
+            theme: {
+                extend: {
+                    "colors": {
+                        "on-tertiary-fixed": "#410005",
+                        "surface-bright": "#f4fbf4",
+                        "on-primary-container": "#00422b",
+                        "surface-container": "#e8f0e9",
+                        "surface-container-high": "#e3eae3",
+                        "surface-dim": "#d4dcd5",
+                        "primary-container": "#10b981",
+                        "on-secondary-fixed": "#131e19",
+                        "surface": "#f4fbf4",
+                        "on-surface": "#161d19",
+                        "on-tertiary": "#ffffff",
+                        "tertiary-container": "#fc7c78",
+                        "secondary": "#55615a",
+                        "on-error-container": "#93000a",
+                        "on-background": "#161d19",
+                        "secondary-fixed-dim": "#bdcac1",
+                        "inverse-on-surface": "#ebf3eb",
+                        "surface-container-highest": "#dde4dd",
+                        "on-error": "#ffffff",
+                        "on-surface-variant": "#3c4a42",
+                        "secondary-fixed": "#d9e6dd",
+                        "inverse-surface": "#2b322d",
+                        "on-secondary": "#ffffff",
+                        "on-tertiary-fixed-variant": "#842225",
+                        "outline-variant": "#bbcabf",
+                        "on-primary-fixed-variant": "#005236",
+                        "on-secondary-container": "#5b6760",
+                        "on-primary": "#ffffff",
+                        "primary": "#006c49",
+                        "outline": "#6c7a71",
+                        "tertiary-fixed": "#ffdad7",
+                        "error": "#ba1a1a",
+                        "tertiary": "#a43a3a",
+                        "surface-tint": "#006c49",
+                        "inverse-primary": "#4edea3",
+                        "on-tertiary-container": "#711419",
+                        "primary-fixed-dim": "#4edea3",
+                        "on-secondary-fixed-variant": "#3e4943",
+                        "tertiary-fixed-dim": "#ffb3af",
+                        "surface-container-low": "#eef6ee",
+                        "error-container": "#ffdad6",
+                        "on-primary-fixed": "#002113",
+                        "background": "#f4fbf4",
+                        "surface-container-lowest": "#ffffff",
+                        "primary-fixed": "#6ffbbe",
+                        "surface-variant": "#dde4dd",
+                        "secondary-container": "#d9e6dd"
+                    },
+                    "borderRadius": {
+                        "DEFAULT": "0.25rem",
+                        "lg": "0.5rem",
+                        "xl": "0.75rem",
+                        "full": "9999px",
+                        "2xl": "1.5rem"
+                    },
+                    "spacing": {
+                        "section-margin": "32px",
+                        "stack-gap": "16px",
+                        "card-padding": "20px",
+                        "inline-gap": "12px",
+                        "container-margin": "20px"
+                    },
+                    "fontFamily": {
+                        "headline-md": ["Manrope"],
+                        "label-md": ["Manrope"],
+                        "body-lg": ["Manrope"],
+                        "headline-lg-mobile": ["Manrope"],
+                        "headline-lg": ["Manrope"],
+                        "display-lg": ["Manrope"],
+                        "body-md": ["Manrope"]
+                    },
+                    "boxShadow": {
+                        'ambient': '0 10px 30px -10px rgba(0, 108, 73, 0.08)',
+                    }
+                },
+            },
+        }
+    </script>
+<style>
+        .material-symbols-outlined {
+            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+        }
+        .material-symbols-outlined.fill-icon {
+            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+        }
+    </style>
+<style>
+    body {
+      min-height: max(884px, 100dvh);
+    }
+  </style>
+  </head>
+<body class="bg-surface text-on-surface font-body-md antialiased md:max-w-[600px] md:mx-auto pb-24">
+<!-- TopAppBar -->
+<header class="flex justify-between items-center px-container-margin py-4 w-full bg-surface top-0 sticky z-40">
+<div class="flex items-center gap-3">
+<div class="w-10 h-10 rounded-full bg-surface-container-high flex items-center justify-center overflow-hidden">
+<span class="material-symbols-outlined text-outline">person</span>
+</div>
+<div>
+<h1 class="text-headline-lg-mobile font-headline-lg-mobile text-on-surface">下午好，用户16295733</h1>
+<p class="text-label-md font-label-md text-on-surface-variant">今日血糖已记录</p>
+</div>
+</div>
+<button class="flex flex-col items-center justify-center bg-surface-container-low border border-outline-variant rounded-xl px-3 py-1.5 hover:bg-surface-container transition-colors">
+<span class="material-symbols-outlined text-primary mb-0.5">volume_up</span>
+<span class="text-[10px] font-label-md text-on-surface-variant">朗读血糖</span>
+</button>
+</header>
+<main class="px-container-margin flex flex-col gap-section-margin mt-4">
+<!-- Primary Action -->
+<section>
+<button class="w-full bg-primary text-on-primary rounded-full py-4 flex items-center justify-center gap-2 hover:bg-on-primary-fixed-variant transition-colors shadow-ambient active:scale-95 duration-150">
+<span class="material-symbols-outlined">add</span>
+<span class="text-body-lg font-body-lg font-bold">录入今日血糖</span>
+</button>
+</section>
+<!-- Current Status Cards -->
+<section class="flex flex-col gap-3">
+<h2 class="text-headline-md font-headline-md">今日血糖</h2>
+<div class="grid grid-cols-2 gap-3">
+<!-- Fasting -->
+<div class="bg-surface-container-lowest rounded-2xl p-card-padding shadow-ambient border border-error-container">
+<div class="text-label-md font-label-md text-on-surface-variant mb-1">空腹</div>
+<div class="flex items-baseline gap-1 mb-2">
+<span class="text-display-lg font-display-lg text-error">18.00</span>
+<span class="text-label-md font-label-md text-error">mmol/L</span>
+</div>
+<div class="flex items-center gap-1 text-error bg-error-container/30 px-2 py-1 rounded-md w-fit">
+<span class="material-symbols-outlined text-[14px]">warning</span>
+<span class="text-[10px] font-label-md">偏高，请遵医嘱</span>
+</div>
+</div>
+<!-- Post-meal -->
+<div class="bg-surface-container-lowest rounded-2xl p-card-padding shadow-ambient border border-error-container">
+<div class="text-label-md font-label-md text-on-surface-variant mb-1">餐后</div>
+<div class="flex items-baseline gap-1 mb-2">
+<span class="text-display-lg font-display-lg text-error">20.00</span>
+<span class="text-label-md font-label-md text-error">mmol/L</span>
+</div>
+<div class="flex items-center gap-1 text-error bg-error-container/30 px-2 py-1 rounded-md w-fit">
+<span class="material-symbols-outlined text-[14px]">warning</span>
+<span class="text-[10px] font-label-md">偏高，请遵医嘱</span>
+</div>
+</div>
+</div>
+<button class="w-full flex items-center justify-between bg-surface-container-lowest rounded-xl p-4 shadow-ambient mt-2">
+<div>
+<div class="text-body-md font-body-md font-bold">查看更多</div>
+<div class="text-label-md font-label-md text-on-surface-variant">健康日历 · 运动 · 家人互动</div>
+</div>
+<span class="material-symbols-outlined text-outline">chevron_right</span>
+</button>
+</section>
+<!-- Data Overview: Trend -->
+<section class="bg-surface-container-lowest rounded-2xl p-card-padding shadow-ambient">
+<div class="flex justify-between items-end mb-4">
+<div>
+<h2 class="text-headline-md font-headline-md">血糖趋势</h2>
+<p class="text-label-md font-label-md text-on-surface-variant">最近 7 天 · mmol/L</p>
+</div>
+<div class="flex gap-3 text-label-md font-label-md">
+<div class="flex items-center gap-1"><div class="w-2 h-2 rounded-full bg-primary"></div>空腹</div>
+<div class="flex items-center gap-1"><div class="w-2 h-2 rounded-full bg-tertiary-container"></div>餐后</div>
+</div>
+</div>
+<!-- Summary Stats -->
+<div class="flex bg-surface-container-low rounded-xl p-3 mb-6 divide-x divide-outline-variant">
+<div class="flex-1 flex flex-col items-center">
+<span class="text-headline-md font-headline-md text-error">1</span>
+<span class="text-label-md font-label-md text-on-surface-variant">天偏高</span>
+</div>
+<div class="flex-1 flex flex-col items-center">
+<span class="text-headline-md font-headline-md text-primary">1</span>
+<span class="text-label-md font-label-md text-on-surface-variant">天正常</span>
+</div>
+<div class="flex-1 flex flex-col items-center">
+<span class="text-headline-md font-headline-md text-on-surface">2</span>
+<span class="text-label-md font-label-md text-on-surface-variant">天有记录</span>
+</div>
+</div>
+<!-- Chart Area Placeholder -->
+<div class="relative h-48 w-full mb-6 border-b border-l border-outline-variant">
+<!-- Y Axis Labels -->
+<div class="absolute -left-6 top-0 bottom-0 flex flex-col justify-between text-[10px] text-on-surface-variant">
+<span>23.0</span>
+<span>18.0</span>
+<span>13.0</span>
+<span>8.0</span>
+<span>3.0</span>
+</div>
+<!-- X Axis Labels -->
+<div class="absolute -bottom-5 left-0 right-0 flex justify-between text-[10px] text-on-surface-variant">
+<span>05-23</span>
+<span>05-25</span>
+<span>05-27</span>
+<span>05-29</span>
+</div>
+<!-- Threshold Line -->
+<div class="absolute bottom-[25%] w-full border-t border-dashed border-error opacity-50">
+<span class="absolute -top-4 text-[10px] text-error">空腹阈值 7</span>
+</div>
+<!-- Abstract Chart representation -->
+<svg class="absolute inset-0 h-full w-full" preserveaspectratio="none" viewbox="0 0 100 100">
+<path d="M 80 80 L 95 30" fill="none" stroke="#006c49" stroke-width="2"></path>
+<path d="M 85 85 L 95 15" fill="none" stroke="#fc7c78" stroke-width="2"></path>
+<circle cx="80" cy="80" fill="#ffffff" r="2" stroke="#006c49" stroke-width="1.5"></circle>
+<circle cx="95" cy="30" fill="#ffffff" r="2" stroke="#006c49" stroke-width="1.5"></circle>
+<circle cx="85" cy="85" fill="#ffffff" r="2" stroke="#fc7c78" stroke-width="1.5"></circle>
+<circle cx="95" cy="15" fill="#ffffff" r="2" stroke="#fc7c78" stroke-width="1.5"></circle>
+</svg>
+</div>
+<!-- Time Toggles -->
+<div class="flex bg-surface-container-low rounded-full p-1 w-full max-w-[240px] mx-auto mt-8">
+<button class="flex-1 py-2 text-label-md font-label-md bg-primary text-on-primary rounded-full shadow-sm">最近 7 天</button>
+<button class="flex-1 py-2 text-label-md font-label-md text-on-surface-variant rounded-full">最近 30 天</button>
+</div>
+</section>
+<!-- AI Nutrition Section -->
+<section class="bg-gradient-to-br from-primary-container/20 to-primary/10 rounded-2xl p-[2px] shadow-ambient overflow-hidden relative">
+<div class="bg-surface-container-lowest rounded-2xl p-card-padding relative z-10">
+<!-- Header -->
+<div class="flex items-center justify-between mb-4">
+<div class="flex items-center gap-2">
+<div class="w-8 h-8 rounded-lg bg-primary flex items-center justify-center">
+<span class="material-symbols-outlined text-on-primary text-[18px]">auto_awesome</span>
+</div>
+<div>
+<div class="flex items-center gap-2">
+<h3 class="text-body-lg font-body-lg font-bold">AI 饮食建议</h3>
+<span class="text-[10px] bg-primary/10 text-primary px-2 py-0.5 rounded-full border border-primary/20">智能定制</span>
+</div>
+<p class="text-[10px] text-on-surface-variant mt-0.5">读您近 7 天 · 30 天血糖，定制今日三餐</p>
+</div>
+</div>
+<button class="flex items-center gap-1 text-label-md font-label-md text-primary bg-primary/10 px-3 py-1.5 rounded-full">
+<span class="material-symbols-outlined text-[14px]">refresh</span>换一换
+                    </button>
+</div>
+<!-- Meals List -->
+<div class="flex flex-col gap-3 mb-4">
+<div class="text-label-md font-label-md text-primary font-bold flex items-center gap-1">
+<div class="w-1 h-3 bg-primary rounded-full"></div> 今日三餐
+                    </div>
+<!-- Breakfast -->
+<div class="bg-surface p-3 rounded-xl border border-surface-container-highest">
+<div class="flex items-center gap-1.5 mb-1.5">
+<span class="material-symbols-outlined text-tertiary-container text-[16px] fill-icon">wb_sunny</span>
+<span class="text-label-md font-label-md font-bold">早餐</span>
+</div>
+<p class="text-body-md font-body-md">小米粥（少米多水）加煮鸡蛋一个</p>
+</div>
+<!-- Lunch -->
+<div class="bg-primary/5 p-3 rounded-xl border-l-2 border-primary">
+<div class="flex items-center gap-1.5 mb-1.5">
+<span class="material-symbols-outlined text-primary text-[16px] fill-icon">wb_twilight</span>
+<span class="text-label-md font-label-md font-bold text-primary">午餐</span>
+</div>
+<p class="text-body-md font-body-md">清蒸鱼块、蒜蓉炒苋菜、二米饭（小米掺大米）</p>
+</div>
+<!-- Dinner -->
+<div class="bg-surface p-3 rounded-xl border border-surface-container-highest">
+<div class="flex items-center gap-1.5 mb-1.5">
+<span class="material-symbols-outlined text-[#7e85cc] text-[16px] fill-icon">dark_mode</span>
+<span class="text-label-md font-label-md font-bold">晚餐</span>
+</div>
+<p class="text-body-md font-body-md">玉米糝粥（稀）配凉拌黄瓜</p>
+</div>
+</div>
+<!-- Tips -->
+<div class="bg-surface-container-low rounded-xl p-3 mb-4 text-body-md font-body-md text-on-surface-variant flex gap-2">
+<span class="material-symbols-outlined text-primary text-[16px] mt-0.5">info</span>
+<p>小贴士：先吃菜和肉再吃主食，每餐七分饱，血糖高就少喝粥汤。</p>
+</div>
+<!-- Avoid List -->
+<div class="mb-6">
+<div class="flex items-center gap-1 text-error text-label-md font-label-md mb-2">
+<span class="material-symbols-outlined text-[14px]">warning</span> 今日尽量少碰
+                    </div>
+<div class="flex flex-wrap gap-2">
+<span class="bg-error-container/30 text-error px-3 py-1 rounded-full text-[12px] border border-error-container">白馒头</span>
+<span class="bg-error-container/30 text-error px-3 py-1 rounded-full text-[12px] border border-error-container">油条</span>
+<span class="bg-error-container/30 text-error px-3 py-1 rounded-full text-[12px] border border-error-container">粘豆包</span>
+<span class="bg-error-container/30 text-error px-3 py-1 rounded-full text-[12px] border border-error-container">糯米饭</span>
+<span class="bg-error-container/30 text-error px-3 py-1 rounded-full text-[12px] border border-error-container">西瓜</span>
+<span class="bg-error-container/30 text-error px-3 py-1 rounded-full text-[12px] border border-error-container">含糖饮料</span>
+</div>
+</div>
+<!-- Actions -->
+<div class="flex gap-3">
+<button class="flex-1 bg-primary text-on-primary rounded-xl py-3 text-body-md font-body-md font-bold hover:bg-on-primary-fixed-variant transition-colors">填入今日饮食</button>
+<button class="flex-1 bg-surface-container border border-outline-variant text-on-surface rounded-xl py-3 text-body-md font-body-md font-bold hover:bg-surface-container-high transition-colors">手动记录</button>
+</div>
+</div>
+<!-- Decorative background elements -->
+<div class="absolute top-0 right-0 w-32 h-32 bg-primary/10 rounded-full blur-2xl -mr-10 -mt-10 pointer-events-none"></div>
+<div class="absolute bottom-0 left-0 w-24 h-24 bg-tertiary-container/10 rounded-full blur-xl -ml-10 -mb-10 pointer-events-none"></div>
+</section>
+<!-- Ask AI -->
+<section class="bg-surface-container-lowest rounded-2xl p-4 shadow-ambient border border-surface-container-highest">
+<h3 class="text-body-md font-body-md font-bold mb-1">能不能吃？</h3>
+<p class="text-[10px] text-on-surface-variant mb-3">输入食物名称，结合您的档案判断</p>
+<div class="flex gap-2">
+<input class="flex-1 bg-surface rounded-xl border border-outline-variant px-3 py-2 text-body-md focus:ring-2 focus:ring-primary focus:border-primary outline-none" placeholder="如：白馒头、地瓜、粘豆包" type="text"/>
+<button class="bg-primary text-on-primary px-4 py-2 rounded-xl flex items-center gap-1 hover:bg-on-primary-fixed-variant transition-colors">
+<span class="material-symbols-outlined text-[18px]">auto_awesome</span>
+<span class="text-body-md font-body-md font-bold">问 AI</span>
+</button>
+</div>
+</section>
+<!-- Disclaimer -->
+<footer class="text-center py-6">
+<p class="text-[10px] text-outline">数据仅供参考，请遵医嘱</p>
+</footer>
+</main>
+<!-- BottomNavBar -->
+<nav class="fixed bottom-0 w-full z-50 rounded-t-2xl shadow-[0_-4px_20px_0_rgba(0,0,0,0.05)] bg-surface-container-lowest md:hidden flex justify-around items-center h-16 px-4">
+<button class="flex flex-col items-center justify-center text-primary font-bold w-16">
+<span class="material-symbols-outlined fill-icon mb-1">home</span>
+<span class="text-[10px] font-label-md">首页</span>
+</button>
+<button class="flex flex-col items-center justify-center text-on-surface-variant opacity-60 w-16 hover:bg-surface-container-high transition-all rounded-xl py-1">
+<span class="material-symbols-outlined mb-1">add_circle</span>
+<span class="text-[10px] font-label-md">记录</span>
+</button>
+<button class="flex flex-col items-center justify-center text-on-surface-variant opacity-60 w-16 hover:bg-surface-container-high transition-all rounded-xl py-1">
+<span class="material-symbols-outlined mb-1">analytics</span>
+<span class="text-[10px] font-label-md">动态</span>
+</button>
+<button class="flex flex-col items-center justify-center text-on-surface-variant opacity-60 w-16 hover:bg-surface-container-high transition-all rounded-xl py-1">
+<span class="material-symbols-outlined mb-1">person</span>
+<span class="text-[10px] font-label-md">我的</span>
+</button>
+</nav>
+</body></html>
\ No newline at end of file
diff --git a/TUICallKit-Vue3/tongji/pages/index.vue b/TUICallKit-Vue3/tongji/pages/index.vue
index 457f4fcd..007a9b9b 100644
--- a/TUICallKit-Vue3/tongji/pages/index.vue
+++ b/TUICallKit-Vue3/tongji/pages/index.vue
@@ -373,24 +373,38 @@
         <!-- AI 饮食助手（霍大夫升糖指数 · 结合近7/30天血糖） -->
         <view v-if="diagnosisId" class="card ai-diet-card">
             <view class="ai-diet-hero">
-                <view class="ai-diet-hero-main">
-                    <view class="ai-diet-hero-icon" aria-hidden="true">
-                        <TongjiIcon name="sparkles" size="md" color="#ffffff" />
-                    </view>
-                    <view class="ai-diet-hero-copy">
-                        <text class="ai-diet-title">AI 饮食建议</text>
-                        <text class="ai-diet-sub">读您近 7 天 · 30 天血糖，定制今日三餐</text>
-                    </view>
+                <view class="ai-diet-hero-aurora" aria-hidden="true">
+                    <view class="ai-diet-blob ai-diet-blob-1" />
+                    <view class="ai-diet-blob ai-diet-blob-2" />
+                    <view class="ai-diet-blob ai-diet-blob-3" />
                 </view>
-                <view
-                    class="ai-diet-refresh"
-                    :class="{ disabled: dietAiLoading }"
-                    role="button"
-                    aria-label="换一换今日饮食建议"
-                    @click="refreshDietAiRecommend"
-                >
-                    <TongjiIcon name="refresh" size="sm" color="#204e2b" />
-                    <text>{{ dietAiLoading ? '生成中' : '换一换' }}</text>
+                <view class="ai-diet-hero-content">
+                    <view class="ai-diet-hero-main">
+                        <view class="ai-diet-hero-icon" :class="{ thinking: dietAiLoading }" aria-hidden="true">
+                            <view class="ai-diet-hero-icon-ring" />
+                            <TongjiIcon name="sparkles" size="md" color="#ffffff" />
+                        </view>
+                        <view class="ai-diet-hero-copy">
+                            <view class="ai-diet-hero-titles">
+                                <text class="ai-diet-title">AI 饮食建议</text>
+                                <view class="ai-diet-badge">
+                                    <view class="ai-diet-badge-dot" />
+                                    <text>智能定制</text>
+                                </view>
+                            </view>
+                            <text class="ai-diet-sub">读您近 7 天 · 30 天血糖，定制今日三餐</text>
+                        </view>
+                    </view>
+                    <view
+                        class="ai-diet-refresh"
+                        :class="{ disabled: dietAiLoading }"
+                        role="button"
+                        aria-label="换一换今日饮食建议"
+                        @click="refreshDietAiRecommend"
+                    >
+                        <TongjiIcon name="refresh" size="sm" color="#ffffff" />
+                        <text>{{ dietAiLoading ? '生成中' : '换一换' }}</text>
+                    </view>
                 </view>
             </view>
 
@@ -412,7 +426,7 @@
                     <view class="ai-diet-meal-card meal-breakfast">
                         <view class="ai-diet-meal-head">
                             <view class="ai-diet-meal-icon" aria-hidden="true">
-                                <TongjiIcon name="sun" size="sm" color="#204e2b" />
+                                <TongjiIcon name="sun" size="sm" color="#ffffff" />
                             </view>
                             <text class="ai-diet-meal-label">早餐</text>
                         </view>
@@ -423,7 +437,7 @@
                     <view class="ai-diet-meal-card meal-lunch">
                         <view class="ai-diet-meal-head">
                             <view class="ai-diet-meal-icon" aria-hidden="true">
-                                <TongjiIcon name="sunset" size="sm" color="#204e2b" />
+                                <TongjiIcon name="sunset" size="sm" color="#ffffff" />
                             </view>
                             <text class="ai-diet-meal-label">午餐</text>
                         </view>
@@ -434,7 +448,7 @@
                     <view class="ai-diet-meal-card meal-dinner">
                         <view class="ai-diet-meal-head">
                             <view class="ai-diet-meal-icon" aria-hidden="true">
-                                <TongjiIcon name="moon" size="sm" color="#204e2b" />
+                                <TongjiIcon name="moon" size="sm" color="#ffffff" />
                             </view>
                             <text class="ai-diet-meal-label">晚餐</text>
                         </view>
@@ -6119,77 +6133,185 @@ async function onFamilyLike() {
 @import '../styles/daily-theme.scss';
 
 .ai-diet-card {
-    margin: 24rpx 24rpx 0;
+    margin: 28rpx 24rpx 0;
     padding: 0;
     overflow: hidden;
-    border-radius: 28rpx;
-    border: 1rpx solid var(--border-soft);
-    box-shadow: var(--shadow-premium);
+    border-radius: 34rpx;
+    border: none;
+    background: #ffffff;
+    box-shadow: 0 18rpx 48rpx rgba(14, 138, 138, 0.14), 0 6rpx 16rpx rgba(32, 78, 43, 0.06);
 }
+
+/* ===== Hero：清新极光渐变 ===== */
 .ai-diet-hero {
+    position: relative;
+    overflow: hidden;
+    padding: 32rpx 26rpx;
+    background: linear-gradient(135deg, #1f6f4a 0%, #0d8a82 58%, #14b8a6 100%);
+}
+.ai-diet-hero-aurora {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+}
+.ai-diet-blob {
+    position: absolute;
+    border-radius: 50%;
+    opacity: 0.6;
+}
+.ai-diet-blob-1 {
+    width: 280rpx;
+    height: 280rpx;
+    top: -120rpx;
+    right: -60rpx;
+    background: radial-gradient(circle, rgba(94, 234, 212, 0.9) 0%, rgba(94, 234, 212, 0) 70%);
+    animation: ai-diet-float 7s ease-in-out infinite;
+}
+.ai-diet-blob-2 {
+    width: 220rpx;
+    height: 220rpx;
+    bottom: -110rpx;
+    left: -50rpx;
+    background: radial-gradient(circle, rgba(165, 243, 252, 0.8) 0%, rgba(165, 243, 252, 0) 70%);
+    animation: ai-diet-float 9s ease-in-out infinite reverse;
+}
+.ai-diet-blob-3 {
+    width: 170rpx;
+    height: 170rpx;
+    top: 6rpx;
+    left: 42%;
+    background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 70%);
+    animation: ai-diet-float 11s ease-in-out infinite;
+}
+@keyframes ai-diet-float {
+    0%, 100% { transform: translate(0, 0); }
+    50% { transform: translate(-16rpx, 16rpx); }
+}
+.ai-diet-hero-content {
+    position: relative;
+    z-index: 1;
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     gap: 16rpx;
-    padding: 28rpx 24rpx 24rpx;
-    background: linear-gradient(135deg, var(--primary-light) 0%, #f0faf4 55%, #ffffff 100%);
-    border-bottom: 1rpx solid var(--border-soft);
 }
 .ai-diet-hero-main {
     display: flex;
-    align-items: flex-start;
-    gap: 16rpx;
+    align-items: center;
+    gap: 18rpx;
     flex: 1;
     min-width: 0;
 }
 .ai-diet-hero-icon {
+    position: relative;
     flex-shrink: 0;
-    width: 72rpx;
-    height: 72rpx;
+    width: 80rpx;
+    height: 80rpx;
     display: flex;
     align-items: center;
     justify-content: center;
-    border-radius: 20rpx;
-    background: var(--primary-grad);
-    box-shadow: var(--shadow-glow-primary);
+    border-radius: 24rpx;
+    background: rgba(255, 255, 255, 0.2);
+    border: 1rpx solid rgba(255, 255, 255, 0.4);
+    box-shadow: 0 8rpx 22rpx rgba(0, 0, 0, 0.14), inset 0 1rpx 0 rgba(255, 255, 255, 0.4);
+}
+.ai-diet-hero-icon-ring {
+    position: absolute;
+    top: -8rpx;
+    left: -8rpx;
+    right: -8rpx;
+    bottom: -8rpx;
+    border-radius: 30rpx;
+    border: 3rpx solid rgba(255, 255, 255, 0.5);
+    opacity: 0;
+}
+.ai-diet-hero-icon.thinking .ai-diet-hero-icon-ring {
+    animation: ai-diet-ring 1.6s ease-out infinite;
+}
+@keyframes ai-diet-ring {
+    0% { opacity: 0.7; transform: scale(0.82); }
+    100% { opacity: 0; transform: scale(1.28); }
 }
 .ai-diet-hero-copy {
     flex: 1;
     min-width: 0;
 }
+.ai-diet-hero-titles {
+    display: flex;
+    align-items: center;
+    gap: 12rpx;
+    flex-wrap: wrap;
+}
 .ai-diet-title {
-    display: block;
-    font-size: 34rpx;
+    font-size: 38rpx;
     font-weight: 800;
-    color: var(--text-primary);
+    color: #ffffff;
+    letter-spacing: 1rpx;
+    line-height: 1.25;
+    text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.12);
+}
+.ai-diet-badge {
+    display: flex;
+    align-items: center;
+    gap: 7rpx;
+    padding: 5rpx 16rpx;
+    border-radius: 999rpx;
+    background: rgba(255, 255, 255, 0.22);
+    border: 1rpx solid rgba(255, 255, 255, 0.4);
+}
+.ai-diet-badge text {
+    font-size: 20rpx;
+    font-weight: 700;
+    color: #ffffff;
     letter-spacing: 0.5rpx;
-    line-height: 1.3;
+}
+.ai-diet-badge-dot {
+    width: 12rpx;
+    height: 12rpx;
+    border-radius: 50%;
+    background: #a7f3d0;
+    box-shadow: 0 0 10rpx #6ee7b7;
+    animation: ai-diet-pulse 1.4s ease-in-out infinite;
+}
+@keyframes ai-diet-pulse {
+    0%, 100% { opacity: 1; transform: scale(1); }
+    50% { opacity: 0.35; transform: scale(0.7); }
 }
 .ai-diet-sub {
     display: block;
-    margin-top: 8rpx;
+    margin-top: 12rpx;
     font-size: 24rpx;
     line-height: 1.5;
-    color: var(--text-secondary);
+    color: rgba(255, 255, 255, 0.88);
 }
 .ai-diet-refresh {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     gap: 8rpx;
-    min-height: 64rpx;
-    padding: 0 20rpx;
+    min-height: 60rpx;
+    padding: 0 22rpx;
     border-radius: 999rpx;
-    background: #ffffff;
-    border: 2rpx solid var(--border-soft);
-    color: var(--primary);
+    background: rgba(255, 255, 255, 0.22);
+    border: 1rpx solid rgba(255, 255, 255, 0.42);
+    color: #ffffff;
     font-size: 24rpx;
     font-weight: 700;
-    box-shadow: 0 4rpx 12rpx rgba(32, 78, 43, 0.06);
+    box-shadow: 0 4rpx 14rpx rgba(0, 0, 0, 0.1);
     transition: opacity 0.2s ease, background 0.2s ease;
 }
 .ai-diet-refresh.disabled {
-    opacity: 0.55;
+    opacity: 0.6;
+}
+@media (prefers-reduced-motion: reduce) {
+    .ai-diet-blob,
+    .ai-diet-hero-icon.thinking .ai-diet-hero-icon-ring,
+    .ai-diet-badge-dot {
+        animation: none;
+    }
 }
 
 /* ===== 建议依据：近7天 / 近30天 血糖回顾 ===== */
@@ -6325,11 +6447,23 @@ async function onFamilyLike() {
     margin-bottom: 14rpx;
 }
 .ai-diet-section-title {
+    position: relative;
+    padding-left: 20rpx;
     font-size: 28rpx;
     font-weight: 800;
     color: var(--text-primary);
     letter-spacing: 0.5rpx;
 }
+.ai-diet-section-title::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 4rpx;
+    bottom: 4rpx;
+    width: 8rpx;
+    border-radius: 8rpx;
+    background: linear-gradient(180deg, #10b981 0%, #14b8a6 100%);
+}
 .ai-diet-section-tag {
     font-size: 22rpx;
     font-weight: 600;
@@ -6402,44 +6536,69 @@ async function onFamilyLike() {
     gap: 12rpx;
 }
 .ai-diet-meal-card {
-    padding: 20rpx;
-    border-radius: 20rpx;
+    position: relative;
+    padding: 22rpx 22rpx 22rpx 26rpx;
+    border-radius: 22rpx;
     background: var(--surface);
     border: 1rpx solid var(--border-soft);
-    border-left-width: 6rpx;
+    overflow: hidden;
+}
+.ai-diet-meal-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 8rpx;
+    border-radius: 8rpx;
 }
 .ai-diet-meal-card.meal-breakfast {
-    border-left-color: #d97706;
-    background: linear-gradient(90deg, rgba(217, 119, 6, 0.06) 0%, #ffffff 28%);
+    background: linear-gradient(120deg, rgba(251, 191, 36, 0.14) 0%, rgba(255, 255, 255, 0) 45%);
+}
+.ai-diet-meal-card.meal-breakfast::before {
+    background: linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%);
 }
 .ai-diet-meal-card.meal-lunch {
-    border-left-color: var(--primary);
-    background: linear-gradient(90deg, var(--primary-glow) 0%, #ffffff 28%);
+    background: linear-gradient(120deg, rgba(16, 185, 129, 0.16) 0%, rgba(255, 255, 255, 0) 45%);
+}
+.ai-diet-meal-card.meal-lunch::before {
+    background: linear-gradient(180deg, #10b981 0%, #0d8a82 100%);
 }
 .ai-diet-meal-card.meal-dinner {
-    border-left-color: #4f46e5;
-    background: linear-gradient(90deg, rgba(79, 70, 229, 0.06) 0%, #ffffff 28%);
+    background: linear-gradient(120deg, rgba(99, 102, 241, 0.14) 0%, rgba(255, 255, 255, 0) 45%);
+}
+.ai-diet-meal-card.meal-dinner::before {
+    background: linear-gradient(180deg, #818cf8 0%, #6366f1 100%);
 }
 .ai-diet-meal-head {
     display: flex;
     align-items: center;
-    gap: 10rpx;
-    margin-bottom: 10rpx;
+    gap: 12rpx;
+    margin-bottom: 12rpx;
 }
 .ai-diet-meal-icon {
-    width: 44rpx;
-    height: 44rpx;
+    width: 48rpx;
+    height: 48rpx;
     display: flex;
     align-items: center;
     justify-content: center;
-    border-radius: 12rpx;
-    background: var(--primary-light);
+    border-radius: 14rpx;
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
+}
+.meal-breakfast .ai-diet-meal-icon {
+    background: linear-gradient(150deg, #fde68a 0%, #fbbf24 100%);
+}
+.meal-lunch .ai-diet-meal-icon {
+    background: linear-gradient(150deg, #6ee7b7 0%, #10b981 100%);
+}
+.meal-dinner .ai-diet-meal-icon {
+    background: linear-gradient(150deg, #c7d2fe 0%, #818cf8 100%);
 }
 .ai-diet-meal-label {
     font-size: 26rpx;
     font-weight: 800;
-    color: var(--primary);
-    letter-spacing: 1rpx;
+    color: var(--text-primary);
+    letter-spacing: 2rpx;
 }
 .ai-diet-meal-text {
     display: block;
@@ -6520,9 +6679,9 @@ async function onFamilyLike() {
     transition: opacity 0.2s ease;
 }
 .ai-diet-btn.primary {
-    background: var(--primary-grad);
+    background: linear-gradient(135deg, #1f6f4a 0%, #0d8a82 55%, #14b8a6 100%);
     color: #ffffff;
-    box-shadow: var(--shadow-glow-primary);
+    box-shadow: 0 10rpx 22rpx rgba(14, 138, 138, 0.28);
     border: none;
 }
 .ai-diet-btn.ghost {
@@ -6717,11 +6876,11 @@ async function onFamilyLike() {
     gap: 6rpx;
     padding: 0 20rpx;
     border-radius: 16rpx;
-    background: var(--primary-grad);
+    background: linear-gradient(135deg, #1f6f4a 0%, #0d8a82 55%, #14b8a6 100%);
     color: #ffffff;
     font-size: 28rpx;
     font-weight: 700;
-    box-shadow: var(--shadow-glow-primary);
+    box-shadow: 0 8rpx 18rpx rgba(14, 138, 138, 0.26);
 }
 .ai-diet-ask-btn.disabled {
     opacity: 0.55;
diff --git a/TUICallKit-Vue3/tongji/pages/weekly.vue b/TUICallKit-Vue3/tongji/pages/weekly.vue
new file mode 100644
index 00000000..11ff4203
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/pages/weekly.vue
@@ -0,0 +1,2615 @@
+<template>
+    <view class="weekly-page stitch-vitalmint">
+        <view v-if="authChecking" class="page-gate-loading">
+            <text class="page-gate-loading-text">正在登录…</text>
+        </view>
+
+        <block v-if="!authChecking">
+        <!-- TopAppBar（code.html） -->
+        <view class="st-header" :style="headerSafeStyle">
+            <view class="st-header-left" :style="headerLeftStyle">
+                <view class="st-avatar">
+                    <TongjiIcon name="person" size="md" color="#006c49" />
+                </view>
+                <view class="st-header-text">
+                    <text class="st-greet">{{ timeGreetingMeta.text }}，{{ displayPatientName }}</text>
+                    <text class="st-status">{{ todayChecked ? '今日血糖已记录' : '今日还没记血糖' }}</text>
+                </view>
+            </view>
+            <view
+                class="st-voice-round"
+                :class="{ disabled: !ttsEnabled, speaking: ttsSpeaking }"
+                :style="voiceBtnStyle"
+                @click="ttsSpeaking ? ttsStop() : speakLatestSummary()"
+            >
+                <TongjiIcon :name="ttsSpeaking ? 'pause' : 'volume'" size="md" color="#006c49" />
+            </view>
+        </view>
+
+        <scroll-view
+            v-if="cards.length > 1"
+            scroll-x
+            class="st-card-scroll"
+            :show-scrollbar="false"
+        >
+            <view class="st-card-row">
+                <view
+                    v-for="card in cards"
+                    :key="card.id"
+                    class="st-card-chip"
+                    :class="{ active: Number(card.id) === Number(diagnosisId) }"
+                    @click="onSelectCard(card)"
+                >
+                    <text>{{ card.patient_name || '就诊卡' }}</text>
+                </view>
+            </view>
+        </scroll-view>
+
+        <view class="st-main">
+            <!-- 1. 录入今日血糖 -->
+            <view class="st-cta" @click="openInputForm()">
+                <TongjiIcon name="plus" size="md" color="#FFFFFF" />
+                <text>录入今日血糖</text>
+            </view>
+
+            <!-- 2. 血糖趋势 -->
+            <view v-if="diagnosisId" class="st-chart-card">
+                <view class="st-chart-head">
+                    <view>
+                        <text class="st-chart-title">血糖趋势</text>
+                        <text class="st-chart-sub">{{ rangeText }} · mmol/L</text>
+                    </view>
+                    <view class="st-chart-legend">
+                        <view
+                            class="st-legend-item"
+                            :class="{ inactive: !chartSeriesVisible.fasting }"
+                            @click="toggleChartSeries('fasting')"
+                        >
+                            <view class="st-dot st-dot-fasting" />
+                            <text>空腹</text>
+                        </view>
+                        <view
+                            class="st-legend-item"
+                            :class="{ inactive: !chartSeriesVisible.postprandial }"
+                            @click="toggleChartSeries('postprandial')"
+                        >
+                            <view class="st-dot st-dot-post" />
+                            <text>餐后</text>
+                        </view>
+                    </view>
+                </view>
+                <view v-if="bloodHasData" class="st-chart-summary">
+                    <view class="st-chart-summary-item">
+                        <text class="st-chart-summary-num is-high">{{ bloodHighDayCount }}</text>
+                        <text class="st-chart-summary-label">天偏高</text>
+                    </view>
+                    <view class="st-chart-summary-item">
+                        <text class="st-chart-summary-num is-good">{{ bloodNormalDayCount }}</text>
+                        <text class="st-chart-summary-label">天正常</text>
+                    </view>
+                    <view class="st-chart-summary-item">
+                        <text class="st-chart-summary-num">{{ bloodRecordDayCount }}</text>
+                        <text class="st-chart-summary-label">天有记录</text>
+                    </view>
+                </view>
+                <view class="st-chart-area">
+                    <canvas
+                        v-if="!recordOverlayOpen"
+                        id="bloodWaveChart"
+                        type="2d"
+                        class="st-chart-canvas"
+                        @touchstart="onChartTouch"
+                        @touchmove="onChartTouch"
+                    />
+                    <view v-if="recordOverlayOpen" class="st-chart-placeholder">
+                        <text>图表已暂停显示</text>
+                    </view>
+                    <view v-if="!bloodHasData && !loading && !recordOverlayOpen" class="st-chart-empty">
+                        <text>当前时间范围暂无血糖数据</text>
+                    </view>
+                    <cover-view v-if="hoverInfo && !recordOverlayOpen" class="chart-tip" :style="{ left: hoverInfo.left + 'px', top: hoverInfo.top + 'px' }">
+                        <cover-view class="chart-tip-date">{{ hoverInfo.date }}</cover-view>
+                        <cover-view v-if="hoverInfo.fasting != null" class="chart-tip-row">
+                            <cover-view class="st-dot st-dot-fasting" />
+                            <cover-view>空腹 {{ hoverInfo.fasting }}</cover-view>
+                        </cover-view>
+                        <cover-view v-if="hoverInfo.postprandial != null" class="chart-tip-row">
+                            <cover-view class="st-dot st-dot-post" />
+                            <cover-view>餐后 {{ hoverInfo.postprandial }}</cover-view>
+                        </cover-view>
+                    </cover-view>
+                </view>
+            </view>
+
+            <!-- 3. 最新测量 & 概览 -->
+            <view class="st-latest-section">
+                <view
+                    v-if="latestMeasurement.hasValue"
+                    class="st-latest-hero"
+                    :class="{ 'is-high': latestMeasurement.isHigh }"
+                >
+                    <view class="st-latest-hero-pattern" aria-hidden="true" />
+                    <text class="st-latest-label">最新测量 · {{ latestMeasurement.typeLabel }}</text>
+                    <view class="st-latest-value-row">
+                        <text class="st-latest-value">{{ latestMeasurement.value }}</text>
+                        <text class="st-latest-unit">mmol/L</text>
+                    </view>
+                    <view v-if="latestMeasurement.isHigh" class="st-latest-flag">
+                        <TongjiIcon name="alert-triangle" size="sm" color="#93000a" />
+                        <text>偏高，请遵医嘱</text>
+                    </view>
+                </view>
+                <view class="st-summary-grid">
+                    <view class="st-summary-card">
+                        <text class="st-summary-label">空腹</text>
+                        <text class="st-summary-value" :class="{ 'is-high': elderFasting.isHigh }">{{ elderFasting.value }}</text>
+                        <text v-if="elderFasting.isHigh" class="st-summary-tag">偏高</text>
+                    </view>
+                    <view class="st-summary-card">
+                        <text class="st-summary-label">餐后</text>
+                        <text class="st-summary-value" :class="{ 'is-high': elderPostprandial.isHigh }">{{ elderPostprandial.value }}</text>
+                        <text v-if="elderPostprandial.isHigh" class="st-summary-tag">偏高</text>
+                    </view>
+                </view>
+            </view>
+
+            <!-- 4. AI 饮食建议 -->
+            <view v-if="diagnosisId" class="st-ai-section">
+                <view class="st-ai-deco" aria-hidden="true" />
+                <view class="st-ai-head">
+                    <view class="st-ai-head-left">
+                        <view class="st-ai-icon" :class="{ thinking: dietAiLoading }">
+                            <TongjiIcon name="sparkles" size="sm" color="#ffffff" />
+                        </view>
+                        <text class="st-ai-title">AI 饮食建议</text>
+                    </view>
+                    <view
+                        class="st-ai-refresh"
+                        :class="{ disabled: dietAiLoading }"
+                        @click="refreshDietAiRecommend"
+                    >
+                        <TongjiIcon name="refresh" size="sm" color="#006c49" />
+                        <text>{{ dietAiLoading ? '生成中' : '换一换' }}</text>
+                    </view>
+                </view>
+                <text class="st-ai-sub">读您近 7 天 · 30 天血糖，定制今日三餐</text>
+
+                <view v-if="dietAiLoading && !hasDietAiMealContent && !dietAiStreaming && !dietAiReplacing" class="st-skeleton">
+                    <view v-for="n in 2" :key="'sk-' + n" class="st-skeleton-line" />
+                    <text class="st-skeleton-hint">正在生成今日饮食建议…</text>
+                </view>
+                <view v-else class="st-meal-list">
+                    <view class="st-meal-glass">
+                        <view class="st-meal-head">
+                            <TongjiIcon name="sun" size="sm" color="#fb923c" />
+                            <text class="st-meal-label">早餐</text>
+                        </view>
+                        <text class="st-meal-text">
+                            {{ dietAiRecommend.breakfast || (dietAiLoading ? '…' : '—') }}<text v-if="dietAiLoading && dietAiStreamField === 'breakfast'" class="ai-stream-cursor">▍</text>
+                        </text>
+                    </view>
+                    <view class="st-meal-glass">
+                        <view class="st-meal-head">
+                            <TongjiIcon name="leaf" size="sm" color="#006c49" />
+                            <text class="st-meal-label">午餐</text>
+                        </view>
+                        <text class="st-meal-text">
+                            {{ dietAiRecommend.lunch || (dietAiLoading ? '…' : '—') }}<text v-if="dietAiLoading && dietAiStreamField === 'lunch'" class="ai-stream-cursor">▍</text>
+                        </text>
+                    </view>
+                    <view v-if="dietAiRecommend.dinner || (dietAiLoading && dietAiStreamField === 'dinner')" class="st-meal-glass">
+                        <view class="st-meal-head">
+                            <TongjiIcon name="moon" size="sm" color="#7e85cc" />
+                            <text class="st-meal-label">晚餐</text>
+                        </view>
+                        <text class="st-meal-text">
+                            {{ dietAiRecommend.dinner || '…' }}<text v-if="dietAiLoading && dietAiStreamField === 'dinner'" class="ai-stream-cursor">▍</text>
+                        </text>
+                    </view>
+                </view>
+            </view>
+
+            <view class="st-main-spacer" />
+        </view>
+
+        <!-- 底部浮动 AI 输入栏 -->
+        <view v-if="diagnosisId" class="st-float-ask">
+            <view class="st-float-inner">
+                <view class="st-float-icon">
+                    <TongjiIcon name="sparkles" size="sm" color="#006c49" />
+                </view>
+                <input
+                    class="st-float-input"
+                    type="text"
+                    :value="dietAiAskText"
+                    placeholder="输入食物名称或健康疑问，咨询 AI..."
+                    placeholder-class="st-float-placeholder"
+                    confirm-type="send"
+                    @input="onDietAiAskInput"
+                    @confirm="askDietAiFood"
+                />
+                <view
+                    class="st-float-send"
+                    :class="{ disabled: dietAiAsking }"
+                    @click="askDietAiFood"
+                >
+                    <TongjiIcon name="send" size="sm" color="#ffffff" />
+                </view>
+            </view>
+            <view v-if="dietAiAsking || dietAiAskResult.advice" class="st-float-result">
+                <view v-if="dietAiAskResult.level_label" class="st-float-badge">
+                    <text>{{ dietAiAskResult.level_label }}</text>
+                </view>
+                <text class="st-float-advice">
+                    {{ dietAiAskResult.advice || (dietAiAsking ? '正在想…' : '') }}<text v-if="dietAiAsking" class="ai-stream-cursor">▍</text>
+                </text>
+            </view>
+        </view>
+
+        <!-- 无就诊卡：授权手机号后可录入 -->
+        <view v-if="phoneGateVisible" class="input-modal-mask" @click="closePhoneGate">
+            <view class="input-modal phone-gate-modal" @click.stop>
+                <view class="input-modal-grip" />
+                <view class="input-modal-head">
+                    <view class="input-modal-title-wrap">
+                        <text class="input-modal-title">授权手机号</text>
+                        <text class="input-modal-sub">绑定手机号后即可记录血糖，无需先填写就诊卡</text>
+                    </view>
+                    <view class="input-modal-close" @click="closePhoneGate">
+                        <text class="input-modal-close-icon">×</text>
+                    </view>
+                </view>
+                <view class="phone-gate-body">
+                    <text class="phone-gate-tip">微信仅提供手机号，请选择性别以便写入就诊档案。</text>
+                    <view class="phone-gate-gender">
+                        <text class="phone-gate-gender-label">性别</text>
+                        <view class="phone-gate-gender-row">
+                            <view
+                                class="phone-gate-gender-opt"
+                                :class="{ active: phoneGateSex === 1 }"
+                                @click="phoneGateSex = 1"
+                            >
+                                <text>男</text>
+                            </view>
+                            <view
+                                class="phone-gate-gender-opt"
+                                :class="{ active: phoneGateSex === 2 }"
+                                @click="phoneGateSex = 2"
+                            >
+                                <text>女</text>
+                            </view>
+                        </view>
+                    </view>
+                    <button
+                        class="phone-gate-btn"
+                        open-type="getPhoneNumber"
+                        :loading="phoneBinding"
+                        :disabled="phoneBinding || !phoneGateSex"
+                        @getphonenumber="onPhoneGateAuthorize"
+                    >
+                        微信授权手机号
+                    </button>
+                </view>
+            </view>
+        </view>
+
+        <!-- 录入今日数据弹层 -->
+        <view v-if="inputForm.visible" class="input-modal-mask" @click="closeInputForm">
+            <view class="input-modal" @click.stop>
+                <view class="input-modal-grip" />
+                <view class="input-modal-head">
+                    <view class="input-modal-title-wrap">
+                        <text class="input-modal-title">{{ inputForm.id ? '修改今日血糖' : '录入今日血糖' }}</text>
+                        <text class="input-modal-sub">{{ todayText }} · {{ patientName || '本人' }}</text>
+                    </view>
+                    <view class="input-modal-close" @click="closeInputForm">
+                        <text class="input-modal-close-icon">×</text>
+                    </view>
+                </view>
+
+                <view v-if="inputForm.loading" class="input-modal-loading">
+                    <text>加载今日数据中…</text>
+                </view>
+                <scroll-view v-else scroll-y class="input-modal-body input-modal-body-ready">
+                    <view class="input-modal-tip">
+                        <text>请如实填写，留空表示该项不上传。当天可多次修改。</text>
+                    </view>
+
+                    <view class="input-section-title">血糖（mmol/L）</view>
+                    <view class="input-field">
+                        <view class="input-field-label">
+                            <view class="input-field-dot input-field-dot-fasting" />
+                            <text>空腹血糖</text>
+                        </view>
+                        <view class="input-field-input">
+                            <input
+                                type="digit"
+                                :value="inputForm.fasting_blood_sugar"
+                                placeholder="如 6.5"
+                                placeholder-class="input-placeholder"
+                                @input="onInputField('fasting_blood_sugar', $event)"
+                            />
+                        </view>
+                    </view>
+                    <view class="input-field">
+                        <view class="input-field-label">
+                            <view class="input-field-dot input-field-dot-postprandial" />
+                            <text>餐后血糖</text>
+                        </view>
+                        <view class="input-field-input">
+                            <input
+                                type="digit"
+                                :value="inputForm.postprandial_blood_sugar"
+                                placeholder="如 8.0"
+                                placeholder-class="input-placeholder"
+                                @input="onInputField('postprandial_blood_sugar', $event)"
+                            />
+                        </view>
+                    </view>
+                    <view class="input-field">
+                        <view class="input-field-label">
+                            <view class="input-field-dot input-field-dot-other" />
+                            <text>其他血糖</text>
+                        </view>
+                        <view class="input-field-input">
+                            <input
+                                type="digit"
+                                :value="inputForm.other_blood_sugar"
+                                placeholder="如 7.2"
+                                placeholder-class="input-placeholder"
+                                @input="onInputField('other_blood_sugar', $event)"
+                            />
+                        </view>
+                    </view>
+
+                    <view class="input-section-title">备注</view>
+                    <view class="input-field input-field-textarea">
+                        <textarea
+                            :value="inputForm.remark"
+                            placeholder="如：饭前空腹测量、餐后2小时测量等（选填）"
+                            placeholder-class="input-placeholder"
+                            :show-confirm-bar="false"
+                            :auto-height="true"
+                            @input="onInputField('remark', $event)"
+                        />
+                    </view>
+                </scroll-view>
+
+                <view class="input-modal-actions">
+                    <view
+                        v-if="inputForm.id"
+                        class="input-modal-btn danger"
+                        :class="{ disabled: inputForm.submitting }"
+                        @click="deleteInputRecord"
+                    >
+                        <text>删除</text>
+                    </view>
+                    <view
+                        class="input-modal-btn primary"
+                        :class="{ disabled: inputForm.submitting || inputForm.loading }"
+                        @click="submitInputForm"
+                    >
+                        <text>{{ inputForm.submitting ? '提交中…' : (inputForm.id ? '保存修改' : '提交录入') }}</text>
+                    </view>
+                </view>
+            </view>
+        </view>
+        </block>
+    </view>
+</template>
+
+<script setup>
+import { ref, computed, getCurrentInstance, nextTick, watch } from 'vue'
+import { onLoad, onShow, onHide, onUnload, onPullDownRefresh, onShareAppMessage } from '@dcloudio/uni-app'
+import SugarTreeGraphic from '../components/SugarTreeGraphic.vue'
+import TongjiIcon from '../components/TongjiIcon.vue'
+import { useDietAi } from '../composables/useDietAi.js'
+
+const { proxy } = getCurrentInstance()
+
+/** 将接口 msg / 异常对象转为可展示的字符串，避免 [object Object] */
+function formatUserMessage(msg, fallback = '') {
+    if (msg == null || msg === '') return fallback
+    if (typeof msg === 'string') return msg
+    if (typeof msg === 'number' || typeof msg === 'boolean') return String(msg)
+    if (Array.isArray(msg)) {
+        const parts = msg.map((item) => {
+            if (item == null) return ''
+            if (typeof item === 'string') return item
+            if (typeof item === 'number' || typeof item === 'boolean') return String(item)
+            if (typeof item === 'object') {
+                return item.msg || item.message || item.error || item.title || item.label || ''
+            }
+            return String(item)
+        }).filter(Boolean)
+        return parts.length ? parts.join('；') : fallback
+    }
+    if (typeof msg === 'object') {
+        return msg.msg || msg.message || msg.error || msg.title || msg.label || fallback
+    }
+    return String(msg)
+}
+
+function showUserToast(title, options = {}) {
+    const text = formatUserMessage(title, '')
+    if (!text) return
+    uni.showToast({
+        title: text,
+        icon: options.icon || 'none',
+        duration: options.duration
+    })
+}
+
+const diagnosisId = ref(0)
+const patientId = ref(0)
+const patientName = ref('')
+const displayPatientName = computed(() => {
+    const name = String(patientName.value || '').trim()
+    if (!name) return '您好'
+    return name.length > 10 ? `${name.slice(0, 10)}…` : name
+})
+const headerSafeStyle = ref({})
+const headerLeftStyle = ref({})
+const voiceBtnStyle = ref({})
+const age = ref(0)
+const gender = ref(0)
+
+const {
+    dietAiRecommend,
+    dietAiLoading,
+    dietAiStreaming,
+    dietAiReplacing,
+    dietAiStreamField,
+    dietAiAskText,
+    dietAiAsking,
+    dietAiAskResult,
+    hasDietAiMealContent,
+    fetchDietAiRecommend,
+    refreshDietAiRecommend,
+    askDietAiFood,
+    onDietAiAskInput,
+    applyDietAiToForm,
+    openDietForm
+} = useDietAi(proxy, { diagnosisId, showUserToast, formatUserMessage })
+
+/** AI 饮食建议依据：近7天 / 近30天 血糖统计 */
+const dietAnalysisList = computed(() => {
+    const list = dietAiRecommend.value && Array.isArray(dietAiRecommend.value.analysis)
+        ? dietAiRecommend.value.analysis
+        : []
+    return list.filter((s) => s && typeof s === 'object')
+})
+
+const hasDietAnalysis = computed(() => dietAnalysisList.value.length > 0)
+
+/** AI 运动降糖建议（按血糖统计调整强度） */
+const dietExercise = computed(() => {
+    const ex = dietAiRecommend.value && dietAiRecommend.value.exercise
+    return ex && typeof ex === 'object' && Array.isArray(ex.items) && ex.items.length ? ex : null
+})
+
+/** 达标率 → 颜色档位（绿/橙/红） */
+function dietRateClass(rate) {
+    const n = Number(rate)
+    if (!Number.isFinite(n)) return 'rate-mid'
+    if (n >= 80) return 'rate-good'
+    if (n >= 50) return 'rate-mid'
+    return 'rate-low'
+}
+
+function dietAvgText(v) {
+    return v == null || v === '' ? '—' : v
+}
+
+/** 登录 / 就诊卡门禁校验中（避免未登录时闪屏） */
+const authChecking = ref(false)
+
+const userMobile = ref('')
+const phoneGateVisible = ref(false)
+const phoneGateSex = ref(0)
+const phoneBinding = ref(false)
+
+const loading = ref(false)
+const cardsLoading = ref(false)
+const cards = ref([])
+const rangeMode = ref('7')
+const rangeOptions = [
+    { value: '7', label: '最近 7 天' },
+    { value: '30', label: '最近 30 天' }
+]
+
+const diagnosisTypeMap = {
+    first_visit: '初诊',
+    follow_up: '复诊',
+    consultation: '会诊'
+}
+
+const syndromeTypeMap = {
+    qi_deficiency: '气虚',
+    blood_deficiency: '血虚',
+    yin_deficiency: '阴虚',
+    yang_deficiency: '阳虚',
+    qi_stagnation: '气滞',
+    blood_stasis: '血瘀',
+    phlegm_dampness: '痰湿',
+    damp_heat: '湿热',
+    cold_dampness: '寒湿',
+    wind_cold: '风寒',
+    wind_heat: '风热'
+}
+
+function getCardSubtitle(card) {
+    if (!card) return ''
+    const parts = []
+    if (card.gender_desc) parts.push(card.gender_desc)
+    else if (Number(card.gender) === 1) parts.push('男')
+    else if (Number(card.gender) === 2 || Number(card.gender) === 0) parts.push('女')
+    if (card.age) parts.push(`${card.age}岁`)
+    const dt = diagnosisTypeMap[card.diagnosis_type] || card.diagnosis_type
+    if (dt) parts.push(dt)
+    const st = syndromeTypeMap[card.syndrome_type] || card.syndrome_type
+    if (st) parts.push(st)
+    return parts.join(' · ')
+}
+
+const bloodRecords = ref([])
+const dietRecords = ref([])
+const exerciseRecords = ref([])
+const trackingNotes = ref([])
+
+const hoverInfo = ref(null)
+let hoverTimer = null
+
+const chartSeriesVisible = ref({ fasting: true, postprandial: true })
+
+// 画布上下文相关
+let canvasNode = null
+let canvasCtx = null
+let canvasWidth = 0
+let canvasHeight = 0
+let canvasDpr = 1
+let chartCoords = null
+
+const ageText = computed(() => (age.value > 0 ? `${age.value} 岁` : ''))
+const genderText = computed(() => {
+    const map = { 1: '男', 2: '女' }
+    return map[Number(gender.value)] || ''
+})
+const rangeText = computed(() => {
+    const opt = rangeOptions.find((o) => o.value === rangeMode.value)
+    return opt ? opt.label : ''
+})
+
+// ============ 时间区间 ============
+function formatDate(date) {
+    const y = date.getFullYear()
+    const m = String(date.getMonth() + 1).padStart(2, '0')
+    const d = String(date.getDate()).padStart(2, '0')
+    return `${y}-${m}-${d}`
+}
+
+function parseDate(str) {
+    if (!str) return new Date()
+    const [y, m, d] = str.split('-').map(Number)
+    return new Date(y, (m || 1) - 1, d || 1)
+}
+
+const currentRange = computed(() => {
+    const days = rangeMode.value === '30' ? 30 : 7
+    const end = new Date()
+    end.setHours(0, 0, 0, 0)
+    const start = new Date(end)
+    start.setDate(start.getDate() - (days - 1))
+    return { start: formatDate(start), end: formatDate(end) }
+})
+
+const visibleDates = computed(() => {
+    const { start, end } = currentRange.value
+    if (!start || !end) return []
+    const dates = []
+    const cursor = parseDate(end)
+    const lower = parseDate(start).getTime()
+    while (cursor.getTime() >= lower) {
+        dates.push(formatDate(cursor))
+        cursor.setDate(cursor.getDate() - 1)
+    }
+    return dates
+})
+
+const chartDates = computed(() => [...visibleDates.value].reverse())
+
+// ============ 数据聚合 ============
+function toNumber(v) {
+    if (v === null || v === undefined || v === '') return null
+    const n = Number(v)
+    return Number.isFinite(n) && n !== 0 ? n : null
+}
+
+function getBloodSugarThresholds(ageValue) {
+    const a = Number(ageValue)
+    // 年龄未知时用通用糖尿病控制目标兜底，避免高血糖不被标记
+    if (!Number.isFinite(a) || a <= 0) return { fasting: 7, postprandial: 10 }
+    if (a < 50) return { fasting: 7, postprandial: 9 }
+    return { fasting: 8, postprandial: 10 }
+}
+
+function isHighFasting(v) {
+    const n = toNumber(v)
+    const t = getBloodSugarThresholds(age.value)
+    return n !== null && t !== null && n >= t.fasting
+}
+
+function isHighPostprandial(v) {
+    const n = toNumber(v)
+    const t = getBloodSugarThresholds(age.value)
+    return n !== null && t !== null && n >= t.postprandial
+}
+
+function isHighBp(row) {
+    if (!row) return false
+    const s = toNumber(row.systolic_pressure)
+    const d = toNumber(row.diastolic_pressure)
+    return (s !== null && s > 140) || (d !== null && d > 90)
+}
+
+function formatBp(row) {
+    const s = row?.systolic_pressure
+    const d = row?.diastolic_pressure
+    if ((s === null || s === undefined || s === '' || s === 0) && (d === null || d === undefined || d === '' || d === 0)) return '—'
+    return `${s || '—'} / ${d || '—'}`
+}
+
+function formatValue(v) {
+    const n = toNumber(v)
+    return n === null ? '—' : String(n)
+}
+
+const intensityTextMap = { 1: '低强度', 2: '中强度', 3: '高强度' }
+
+const bloodByDate = computed(() => {
+    const map = {}
+    for (const r of bloodRecords.value) {
+        const date = String(r.record_date || '')
+        if (!date) continue
+        if (!map[date]) {
+            map[date] = {
+                record_date: date,
+                record_time: r.record_time || '',
+                fasting_blood_sugar: '',
+                postprandial_blood_sugar: '',
+                other_blood_sugar: '',
+                systolic_pressure: '',
+                diastolic_pressure: '',
+                western_medicine: '',
+                insulin: '',
+                remark: ''
+            }
+        }
+        const merged = map[date]
+        const fields = ['fasting_blood_sugar', 'postprandial_blood_sugar', 'other_blood_sugar', 'systolic_pressure', 'diastolic_pressure', 'western_medicine', 'insulin', 'remark']
+        for (const f of fields) {
+            if ((merged[f] === '' || merged[f] === null || merged[f] === undefined) && r[f] !== '' && r[f] !== null && r[f] !== undefined) {
+                merged[f] = r[f]
+            }
+        }
+    }
+    for (const date in map) {
+        const m = map[date]
+        m.isHighFasting = isHighFasting(m.fasting_blood_sugar)
+        m.isHighPostprandial = isHighPostprandial(m.postprandial_blood_sugar)
+        m.isHighOther = isHighPostprandial(m.other_blood_sugar)
+        m.isHighBp = isHighBp(m)
+        m.bpText = formatBp(m)
+    }
+    return map
+})
+
+const dietByDate = computed(() => {
+    const map = {}
+    for (const r of dietRecords.value) {
+        const date = String(r.record_date || '')
+        if (!date || map[date]) continue
+        map[date] = r
+    }
+    return map
+})
+
+const exerciseByDate = computed(() => {
+    const map = {}
+    for (const r of exerciseRecords.value) {
+        const date = String(r.record_date || '')
+        if (!date || map[date]) continue
+        const item = { ...r }
+        item.intensityText = intensityTextMap[Number(r.intensity)] || ''
+        map[date] = item
+    }
+    return map
+})
+
+const trackingByDate = computed(() => {
+    const map = {}
+    for (const r of trackingNotes.value) {
+        const date = String(r.note_date || '')
+        if (!date || map[date]) continue
+        map[date] = r
+    }
+    return map
+})
+
+const weekdayNames = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
+
+function getWeekday(dateStr) {
+    return weekdayNames[parseDate(dateStr).getDay()] || ''
+}
+
+const todayStr = computed(() => formatDate(new Date()))
+
+const recordDays = computed(() => {
+    const result = []
+    for (const date of visibleDates.value) {
+        const blood = bloodByDate.value[date]
+        if (!blood) continue
+        const hasSugar = toNumber(blood.fasting_blood_sugar) !== null
+            || toNumber(blood.postprandial_blood_sugar) !== null
+            || toNumber(blood.other_blood_sugar) !== null
+        if (!hasSugar) continue
+        const [y, m, d] = date.split('-')
+        result.push({
+            date,
+            dateLabel: `${m}-${d}`,
+            weekday: getWeekday(date),
+            isToday: date === todayStr.value,
+            blood
+        })
+    }
+    return result
+})
+
+const bloodHasData = computed(() => {
+    return chartDates.value.some((date) => {
+        const b = bloodByDate.value[date]
+        return b && (toNumber(b.fasting_blood_sugar) !== null || toNumber(b.postprandial_blood_sugar) !== null)
+    })
+})
+
+const bloodRecordDayCount = computed(() => {
+    return chartDates.value.filter((date) => {
+        const b = bloodByDate.value[date]
+        return b && (toNumber(b.fasting_blood_sugar) !== null || toNumber(b.postprandial_blood_sugar) !== null)
+    }).length
+})
+
+const bloodHighDayCount = computed(() => {
+    return chartDates.value.filter((date) => {
+        const b = bloodByDate.value[date]
+        return b && (b.isHighFasting || b.isHighPostprandial)
+    }).length
+})
+
+const bloodNormalDayCount = computed(() => bloodRecordDayCount.value - bloodHighDayCount.value)
+
+// 趋势比较：dir = up/down/flat, delta = 与前一次的绝对差
+// 注意：对于血糖/血压，「up = 升高 = 风险」，所以语义颜色按健康角度而非数学方向
+function makeTrend(curr, prev, precision = 1) {
+    if (curr == null || prev == null) return null
+    const diff = Number(curr) - Number(prev)
+    if (!Number.isFinite(diff)) return null
+    const abs = Math.abs(diff)
+    const dir = abs < 0.01 ? 'flat' : diff > 0 ? 'up' : 'down'
+    const sign = dir === 'up' ? '+' : dir === 'down' ? '-' : ''
+    const deltaText = dir === 'flat' ? '持平' : `${sign}${abs.toFixed(precision)}`
+    return { dir, delta: abs, deltaText, prev }
+}
+
+// 找某字段在指定日期之前最近一条非空记录
+function findPrev(field, beforeDate) {
+    const dates = chartDates.value
+    const idx = dates.indexOf(beforeDate)
+    if (idx <= 0) return null
+    for (let i = idx - 1; i >= 0; i--) {
+        const b = bloodByDate.value[dates[i]]
+        if (!b) continue
+        const v = toNumber(b[field])
+        if (v !== null) return { date: dates[i], value: v }
+    }
+    return null
+}
+
+function findPrevBp(beforeDate) {
+    const dates = chartDates.value
+    const idx = dates.indexOf(beforeDate)
+    if (idx <= 0) return null
+    for (let i = idx - 1; i >= 0; i--) {
+        const b = bloodByDate.value[dates[i]]
+        if (!b) continue
+        const s = toNumber(b.systolic_pressure)
+        const d = toNumber(b.diastolic_pressure)
+        if (s !== null || d !== null) return { date: dates[i], systolic: s, diastolic: d }
+    }
+    return null
+}
+
+const latestStat = computed(() => {
+    const dates = [...chartDates.value].reverse()
+    const dummy = { value: '—', date: '暂无记录', isHigh: false, trend: null }
+    const result = { fasting: { ...dummy }, postprandial: { ...dummy }, other: { ...dummy } }
+    for (const date of dates) {
+        const b = bloodByDate.value[date]
+        if (!b) continue
+        if (result.fasting.value === '—' && toNumber(b.fasting_blood_sugar) !== null) {
+            const cur = toNumber(b.fasting_blood_sugar)
+            const prev = findPrev('fasting_blood_sugar', date)
+            result.fasting = {
+                value: String(b.fasting_blood_sugar),
+                date: date.slice(5),
+                isHigh: b.isHighFasting,
+                trend: prev ? makeTrend(cur, prev.value) : null
+            }
+        }
+        if (result.postprandial.value === '—' && toNumber(b.postprandial_blood_sugar) !== null) {
+            const cur = toNumber(b.postprandial_blood_sugar)
+            const prev = findPrev('postprandial_blood_sugar', date)
+            result.postprandial = {
+                value: String(b.postprandial_blood_sugar),
+                date: date.slice(5),
+                isHigh: b.isHighPostprandial,
+                trend: prev ? makeTrend(cur, prev.value) : null
+            }
+        }
+        if (result.other.value === '—' && toNumber(b.other_blood_sugar) !== null) {
+            const cur = toNumber(b.other_blood_sugar)
+            const prev = findPrev('other_blood_sugar', date)
+            result.other = {
+                value: String(b.other_blood_sugar),
+                date: date.slice(5),
+                isHigh: b.isHighOther,
+                trend: prev ? makeTrend(cur, prev.value) : null
+            }
+        }
+        if (result.fasting.value !== '—' && result.postprandial.value !== '—' && result.other.value !== '—') break
+    }
+    return result
+})
+
+function elderMetricFromBlood(blood, field, label) {
+    if (!blood) return { label, value: '—', isHigh: false }
+    const num = toNumber(blood[field])
+    if (num === null) return { label, value: '—', isHigh: false }
+    const isHigh = field === 'fasting_blood_sugar'
+        ? blood.isHighFasting
+        : field === 'postprandial_blood_sugar'
+            ? blood.isHighPostprandial
+            : blood.isHighOther
+    return { label, value: String(blood[field]), isHigh: !!isHigh }
+}
+
+const todayBlood = computed(() => bloodByDate.value[todayStr.value] || null)
+
+const elderFasting = computed(() =>
+    elderMetricFromBlood(todayBlood.value, 'fasting_blood_sugar', '空腹')
+)
+
+const elderPostprandial = computed(() =>
+    elderMetricFromBlood(todayBlood.value, 'postprandial_blood_sugar', '餐后')
+)
+
+/** 最新测量：优先展示餐后，其次空腹（对齐 MCP 设计稿） */
+const latestMeasurement = computed(() => {
+    const blood = todayBlood.value
+    if (!blood) {
+        return { hasValue: false, typeLabel: '', value: '—', isHigh: false }
+    }
+    const post = toNumber(blood.postprandial_blood_sugar)
+    if (post !== null) {
+        return {
+            hasValue: true,
+            typeLabel: '餐后',
+            value: String(blood.postprandial_blood_sugar),
+            isHigh: !!blood.isHighPostprandial
+        }
+    }
+    const fasting = toNumber(blood.fasting_blood_sugar)
+    if (fasting !== null) {
+        return {
+            hasValue: true,
+            typeLabel: '空腹',
+            value: String(blood.fasting_blood_sugar),
+            isHigh: !!blood.isHighFasting
+        }
+    }
+    return { hasValue: false, typeLabel: '', value: '—', isHigh: false }
+})
+
+// 给某天某字段计算 day-over-day 趋势（用于日常记录列表的指标小标签）
+function getDayTrend(date, field, precision = 1) {
+    const b = bloodByDate.value[date]
+    if (!b) return null
+    const cur = toNumber(b[field])
+    if (cur === null) return null
+    const prev = findPrev(field, date)
+    if (!prev) return null
+    return makeTrend(cur, prev.value, precision)
+}
+
+function getDayBpTrend(date) {
+    const b = bloodByDate.value[date]
+    if (!b) return null
+    const cur = toNumber(b.systolic_pressure)
+    if (cur === null) return null
+    const prev = findPrevBp(date)
+    if (!prev || prev.systolic == null) return null
+    return makeTrend(cur, prev.systolic, 0)
+}
+
+// ============ 登录 / 就诊卡门禁 ============
+/** 进行中的登录任务（避免与 App.onLaunch 重复发起 mnpLogin，并保证业务接口在其之后） */
+let authSessionPromise = null
+
+function hasAuthToken() {
+    return !!String(uni.getStorageSync('token') || '').trim()
+}
+
+function clearAuthStorage() {
+    uni.removeStorageSync('token')
+    authSessionPromise = null
+}
+
+function wxLoginGetCode() {
+    return new Promise((resolve, reject) => {
+        uni.login({
+            provider: 'weixin',
+            success: (res) => {
+                if (res && res.code) resolve(res.code)
+                else reject(new Error('微信登录未返回 code'))
+            },
+            fail: reject
+        })
+    })
+}
+
+async function mnpLoginWithCode(code) {
+    const res = await proxy.apiUrl({
+        url: '/api/login/mnpLogin',
+        method: 'POST',
+        data: { code }
+    }, false)
+    if (res && res.code === 1 && res.data && res.data.token) {
+        uni.setStorageSync('token', res.data.token)
+        uni.setStorageSync('userData', res.data)
+        return res.data
+    }
+    clearAuthStorage()
+    throw new Error(formatUserMessage(res?.msg, '登录失败'))
+}
+
+async function doWxLogin() {
+    const code = await wxLoginGetCode()
+    await mnpLoginWithCode(code)
+    return hasAuthToken()
+}
+
+/** 校验 token 有效；无效则清除并重新 mnpLogin（缺 token 时后端 code=0，不能当作已登录） */
+async function verifyOrLogin() {
+    if (!hasAuthToken()) {
+        return doWxLogin()
+    }
+    try {
+        const res = await proxy.apiUrl({ url: '/api/user/info', method: 'POST' }, false)
+        if (res && res.code === 1 && res.data) {
+            uni.setStorageSync('userData', res.data)
+            return true
+        }
+    } catch (e) {
+        /* 网络异常走重新登录 */
+    }
+    clearAuthStorage()
+    try {
+        return await doWxLogin()
+    } catch (e2) {
+        return false
+    }
+}
+
+/** 登录完成后再调业务接口；并发调用共享同一 Promise */
+async function ensureLoggedIn() {
+    if (authSessionPromise) {
+        return authSessionPromise
+    }
+    authSessionPromise = verifyOrLogin()
+        .then((ok) => {
+            if (!ok) authSessionPromise = null
+            return !!ok
+        })
+        .catch(() => {
+            authSessionPromise = null
+            return false
+        })
+    return authSessionPromise
+}
+
+// ============ 就诊卡 ============
+async function fetchCardList() {
+    if (!hasAuthToken()) return []
+    cardsLoading.value = true
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/getCardList',
+            method: 'GET',
+            data: {}
+        }, false)
+        if (res && res.code === 1 && Array.isArray(res.data)) {
+            cards.value = res.data
+            return res.data
+        }
+        cards.value = []
+        return []
+    } catch (e) {
+        cards.value = []
+        return []
+    } finally {
+        cardsLoading.value = false
+    }
+}
+
+async function applyCard(card) {
+    if (!card || !hasAuthToken()) return
+    diagnosisId.value = Number(card.id) || 0
+    patientId.value = Number(card.patient_id) || 0
+    patientName.value = card.patient_name || ''
+    age.value = Number(card.age) || 0
+    gender.value = Number(card.gender) || 0
+}
+
+function readUserMobile() {
+    try {
+        const userData = uni.getStorageSync('userData') || {}
+        userMobile.value = String(userData.mobile || userData.phone || '').trim()
+    } catch (e) {
+        userMobile.value = ''
+    }
+    return userMobile.value
+}
+
+function syncPhoneGateSexFromUser() {
+    try {
+        const userData = uni.getStorageSync('userData') || {}
+        const sex = Number(userData.sex)
+        phoneGateSex.value = sex === 1 || sex === 2 ? sex : 0
+    } catch (e) {
+        phoneGateSex.value = 0
+    }
+}
+
+function openPhoneGate() {
+    syncPhoneGateSexFromUser()
+    phoneGateVisible.value = true
+}
+
+async function refreshUserMobile() {
+    try {
+        const res = await proxy.apiUrl({ url: '/api/user/info', method: 'POST' }, false)
+        if (res && res.code === 1 && res.data) {
+            uni.setStorageSync('userData', res.data)
+            userMobile.value = String(res.data.mobile || res.data.phone || '').trim()
+        }
+    } catch (e) {
+        /* 静默 */
+    }
+    return userMobile.value
+}
+
+async function ensureDailyContextByPhone(sex) {
+    if (diagnosisId.value) return true
+
+    const payload = {}
+    const sexVal = sex ?? phoneGateSex.value
+    if (sexVal === 1 || sexVal === 2) {
+        payload.sex = sexVal
+    }
+
+    const res = await proxy.apiUrl({
+        url: '/api/tcm/dailyEnsurePhoneContext',
+        method: 'POST',
+        data: payload
+    }, false)
+
+    if (res && res.code === 1 && res.data && res.data.diagnosis_id) {
+        await applyCard({
+            id: res.data.diagnosis_id,
+            patient_id: res.data.patient_id,
+            patient_name: res.data.patient_name || '',
+            age: res.data.age || 0,
+            gender: res.data.gender || 0
+        })
+        if (res.data.created) {
+            await fetchCardList()
+        }
+        return true
+    }
+
+    if (res && res.data && res.data.need_mobile) {
+        return 'need_mobile'
+    }
+
+    showUserToast(formatUserMessage(res?.msg, '无法开始录入'))
+    return false
+}
+
+async function ensureCanRecordGlucose() {
+    if (diagnosisId.value) return true
+
+    readUserMobile()
+    if (!userMobile.value) {
+        openPhoneGate()
+        return false
+    }
+
+    const ok = await ensureDailyContextByPhone()
+    if (ok === 'need_mobile') {
+        openPhoneGate()
+        return false
+    }
+    return !!ok
+}
+
+function closePhoneGate() {
+    if (phoneBinding.value) return
+    phoneGateVisible.value = false
+    resetCanvasCache()
+    nextTick(() => scheduleChartRedraw())
+}
+
+async function onPhoneGateAuthorize(e) {
+    const detail = e?.detail || {}
+    if (detail.errMsg && !String(detail.errMsg).includes('ok')) {
+        showUserToast('需要授权手机号后才能录入血糖')
+        return
+    }
+    const code = detail.code
+    if (!code) {
+        showUserToast('获取手机号失败，请重试')
+        return
+    }
+    if (phoneGateSex.value !== 1 && phoneGateSex.value !== 2) {
+        showUserToast('请先选择性别')
+        return
+    }
+
+    phoneBinding.value = true
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/user/getMobileByMnp',
+            method: 'POST',
+            data: { code, sex: phoneGateSex.value }
+        }, false)
+        if (!res || res.code !== 1) {
+            showUserToast(formatUserMessage(res?.msg, '绑定手机号失败'))
+            return
+        }
+        await refreshUserMobile()
+        phoneGateVisible.value = false
+        const ok = await ensureDailyContextByPhone(phoneGateSex.value)
+        if (ok === true) {
+            await openInputForm(true)
+        } else if (ok === 'need_mobile') {
+            openPhoneGate()
+        }
+    } catch (err) {
+        showUserToast('网络异常，请稍后再试')
+    } finally {
+        phoneBinding.value = false
+    }
+}
+
+async function onSelectCard(card) {
+    if (!card || Number(card.id) === Number(diagnosisId.value)) return
+    bloodRecords.value = []
+    dietRecords.value = []
+    exerciseRecords.value = []
+    trackingNotes.value = []
+    hoverInfo.value = null
+    await applyCard(card)
+    fetchAll()
+}
+
+// ============ 接口请求 ============
+async function fetchAll() {
+    if (!hasAuthToken() || !diagnosisId.value) return
+    loading.value = true
+    const { start, end } = currentRange.value
+    try {
+        const [winRes, noteRes] = await Promise.all([
+            proxy.apiUrl({
+                url: '/api/tcm/dailyTrackingWindow',
+                method: 'GET',
+                data: {
+                    diagnosis_id: diagnosisId.value,
+                    patient_id: patientId.value || 0,
+                    start_date: start,
+                    end_date: end
+                }
+            }, false),
+            proxy.apiUrl({
+                url: '/api/tcm/dailyTrackingNotes',
+                method: 'GET',
+                data: {
+                    diagnosis_id: diagnosisId.value,
+                    patient_id: patientId.value || 0
+                }
+            }, false)
+        ])
+
+        if (winRes && winRes.code === 1) {
+            const d = winRes.data || {}
+            bloodRecords.value = Array.isArray(d.blood_records) ? d.blood_records : []
+            dietRecords.value = Array.isArray(d.diet_records) ? d.diet_records : []
+            exerciseRecords.value = Array.isArray(d.exercise_records) ? d.exercise_records : []
+            if (d.diagnosis) {
+                if (!patientName.value) patientName.value = d.diagnosis.patient_name || ''
+                if (!age.value) age.value = Number(d.diagnosis.age) || 0
+                if (!gender.value) gender.value = Number(d.diagnosis.gender) || 0
+                if (!patientId.value) patientId.value = Number(d.diagnosis.patient_id) || 0
+            }
+        } else {
+            bloodRecords.value = []
+            dietRecords.value = []
+            exerciseRecords.value = []
+            if (winRes?.msg) showUserToast(winRes.msg)
+        }
+
+        if (noteRes && noteRes.code === 1) {
+            const list = Array.isArray(noteRes.data) ? noteRes.data : []
+            trackingNotes.value = list.filter((it) => visibleDates.value.includes(String(it?.note_date || '')))
+        } else {
+            trackingNotes.value = []
+        }
+        await fetchDietAiRecommend(false)
+    } catch (e) {
+        uni.showToast({ title: '加载失败，请稍后再试', icon: 'none' })
+    } finally {
+        loading.value = false
+        await nextTick()
+        scheduleChartRedraw()
+        // 自动播报：数据就绪后朗读一次最新摘要
+        if (ttsAutoPlay.value && !recordOverlayOpen.value) {
+            const token = ++ttsAutoToken
+            setTimeout(() => {
+                if (token === ttsAutoToken && !recordOverlayOpen.value) speakLatestSummary()
+            }, 350)
+        }
+    }
+}
+
+function onChangeRange(value) {
+    if (rangeMode.value === value) return
+    rangeMode.value = value
+    fetchAll()
+}
+
+function onRefresh() {
+    fetchAll()
+}
+
+async function goMorePage() {
+    if (!diagnosisId.value) {
+        const ok = await ensureCanRecordGlucose()
+        if (!ok || !diagnosisId.value) return
+    }
+    uni.navigateTo({ url: '/tongji/pages/more' })
+}
+
+function navToUser() {
+    uni.switchTab({ url: '/pages/user/user' })
+}
+
+// ============ 时段问候 / 打卡 / 健康日历 ============
+/** 时段问候：文案 + 统一 TongjiIcon（与全页图标体系一致）*/
+function buildTimeGreetingMeta(hour = new Date().getHours()) {
+    const h = Number(hour) || 0
+    if (h < 5) return { text: '夜深了', icon: 'moon' }
+    if (h < 11) return { text: '早上好', icon: 'sun' }
+    if (h < 13) return { text: '中午好', icon: 'sun' }
+    if (h < 18) return { text: '下午好', icon: 'sun' }
+    if (h < 22) return { text: '晚上好', icon: 'sunset' }
+    return { text: '夜深了', icon: 'moon' }
+}
+
+const timeGreetingMeta = computed(() => buildTimeGreetingMeta())
+
+// 复用已有的 formatDate(date) -> 'YYYY-MM-DD'
+
+function dayHasBloodRecord(key) {
+    const b = bloodByDate.value[key]
+    if (!b) return false
+    return toNumber(b.fasting_blood_sugar) !== null ||
+        toNumber(b.postprandial_blood_sugar) !== null ||
+        toNumber(b.other_blood_sugar) !== null
+}
+
+function dayCoverageLevel(key) {
+    const b = bloodByDate.value[key]
+    if (!b) return 0
+    const fields = ['fasting_blood_sugar', 'postprandial_blood_sugar', 'other_blood_sugar']
+    const score = fields.filter((f) => toNumber(b[f]) !== null).length
+    if (score === 0) return 0
+    if (score === 1) return 1
+    if (score === 2) return 2
+    return 3
+}
+
+// todayStr 已在上方定义，这里直接复用
+const todayChecked = computed(() => dayHasBloodRecord(todayStr.value))
+
+// 连续打卡天数：从今天往前回溯，连续有 blood 记录的天数；今天没打卡时从昨天起算（保留 streak 心态）
+const streakDays = computed(() => {
+    const today = new Date()
+    let count = 0
+    let startedFromYesterday = false
+    for (let i = 0; i < 90; i++) {
+        const d = new Date(today)
+        d.setDate(today.getDate() - i)
+        const key = formatDate(d)
+        const has = dayHasBloodRecord(key)
+        if (has) {
+            count++
+        } else {
+            if (i === 0) {
+                // 今天还没测：从昨天开始算 streak（不打断）
+                startedFromYesterday = true
+                continue
+            }
+            break
+        }
+    }
+    return { days: count, startedFromYesterday }
+})
+
+// 近 7 天打卡情况：从 6 天前到今天
+const last7Dots = computed(() => {
+    const arr = []
+    const today = new Date()
+    const wkChars = ['日', '一', '二', '三', '四', '五', '六']
+    for (let i = 6; i >= 0; i--) {
+        const d = new Date(today)
+        d.setDate(today.getDate() - i)
+        const key = formatDate(d)
+        arr.push({
+            date: key,
+            label: wkChars[d.getDay()],
+            isToday: i === 0,
+            hasRecord: dayHasBloodRecord(key)
+        })
+    }
+    return arr
+})
+
+const last7CheckedCount = computed(() => last7Dots.value.filter((d) => d.hasRecord).length)
+
+function dayHasFastingRecord(key) {
+    const b = bloodByDate.value[key]
+    return !!(b && toNumber(b.fasting_blood_sugar) !== null)
+}
+
+function dayHasPostprandialRecord(key) {
+    const b = bloodByDate.value[key]
+    return !!(b && toNumber(b.postprandial_blood_sugar) !== null)
+}
+
+function dayIsCompleteRecord(key) {
+    return dayHasFastingRecord(key) && dayHasPostprandialRecord(key)
+}
+
+const weekCompleteDays = computed(() => last7Dots.value.filter((d) => dayIsCompleteRecord(d.date)).length)
+
+// 健康日历热力图：取当前数据范围内所有日期，按周组装成 6x7（最多）网格
+const heatmapWeeks = computed(() => {
+    const dates = chartDates.value
+    if (!dates || !dates.length) return []
+    // 确保按时间正序
+    const sorted = [...dates].sort()
+    // 找到第一天所在周的周一，最后一天所在周的周日
+    const first = new Date(sorted[0])
+    const last = new Date(sorted[sorted.length - 1])
+    // JS getDay: 0=Sun..6=Sat；我们以周一为起点
+    const firstDow = (first.getDay() + 6) % 7 // 0=Mon..6=Sun
+    const lastDow = (last.getDay() + 6) % 7
+    const gridStart = new Date(first)
+    gridStart.setDate(first.getDate() - firstDow)
+    const gridEnd = new Date(last)
+    gridEnd.setDate(last.getDate() + (6 - lastDow))
+
+    const totalDays = Math.round((gridEnd - gridStart) / 86400000) + 1
+    const weeks = []
+    let cur = new Date(gridStart)
+    for (let w = 0; w < Math.ceil(totalDays / 7); w++) {
+        const week = []
+        for (let i = 0; i < 7; i++) {
+            const key = formatDate(cur)
+            const inRange = sorted.includes(key)
+            week.push({
+                date: key,
+                day: cur.getDate(),
+                inRange,
+                isToday: key === todayStr.value,
+                level: inRange ? dayCoverageLevel(key) : -1
+            })
+            cur.setDate(cur.getDate() + 1)
+        }
+        weeks.push(week)
+    }
+    return weeks
+})
+
+const heatmapTotalRecords = computed(() => {
+    let c = 0
+    for (const w of heatmapWeeks.value) for (const c2 of w) if (c2.inRange && c2.level > 0) c++
+    return c
+})
+
+const heatmapInRangeDays = computed(() => {
+    let c = 0
+    for (const w of heatmapWeeks.value) for (const c2 of w) if (c2.inRange) c++
+    return c
+})
+
+// 月历的"月份标签"：取热力图覆盖范围里跨度最大的月份
+const heatmapMonthLabel = computed(() => {
+    const weeks = heatmapWeeks.value
+    if (!weeks.length) return ''
+    const counter = new Map()
+    for (const w of weeks) {
+        for (const c of w) {
+            if (!c.inRange) continue
+            const [y, m] = c.date.split('-')
+            const key = `${y}-${m}`
+            counter.set(key, (counter.get(key) || 0) + 1)
+        }
+    }
+    if (!counter.size) {
+        const first = weeks[0][0].date.split('-')
+        return `${Number(first[0])}年${Number(first[1])}月`
+    }
+    let best = ''
+    let bestCount = -1
+    for (const [k, v] of counter) {
+        if (v > bestCount) { best = k; bestCount = v }
+    }
+    const [y, m] = best.split('-')
+    return `${Number(y)}年${Number(m)}月`
+})
+
+function jumpToDayRecord(date) {
+    // 滚动到下方对应日期 records 列表项；若不在 visible 列表则提示
+    if (!recordDays.value.some((d) => d.date === date)) {
+        uni.showToast({ title: '该日无记录', icon: 'none' })
+        return
+    }
+    uni.createSelectorQuery().in(proxy)
+        .select(`#day-${date.replace(/-/g, '')}`)
+        .boundingClientRect()
+        .selectViewport()
+        .scrollOffset()
+        .exec((res) => {
+            if (!res || !res[0]) return
+            const top = res[0].top + (res[1] ? res[1].scrollTop : 0) - 80
+            uni.pageScrollTo({ scrollTop: top, duration: 280 })
+        })
+}
+
+// ============ 录入今日数据 ============
+const todayText = computed(() => {
+    const d = new Date()
+    const m = String(d.getMonth() + 1).padStart(2, '0')
+    const day = String(d.getDate()).padStart(2, '0')
+    const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
+    return `${d.getFullYear()}-${m}-${day} ${weekdays[d.getDay()]}`
+})
+
+const emptyInputForm = () => ({
+    visible: false,
+    loading: false,
+    submitting: false,
+    id: 0,
+    fasting_blood_sugar: '',
+    postprandial_blood_sugar: '',
+    other_blood_sugar: '',
+    remark: ''
+})
+const inputForm = ref(emptyInputForm())
+
+function prepareRecordOverlay() {
+    resetCanvasCache()
+    ttsStop()
+}
+
+function onInputField(field, e) {
+    const val = e?.detail?.value ?? ''
+    inputForm.value[field] = val
+}
+
+async function openInputForm(skipEnsure = false) {
+    const token = uni.getStorageSync('token')
+    if (!token) {
+        showUserToast('请先登录后再录入')
+        return
+    }
+    if (!skipEnsure) {
+        const can = await ensureCanRecordGlucose()
+        if (!can) return
+    }
+    if (!diagnosisId.value) {
+        showUserToast('请先授权手机号')
+        return
+    }
+    // 微信小程序 canvas 是原生组件、z-index 无法被弹层覆盖，
+    // 这里通过 v-if 卸载它；下次显示时 selectorQuery 拿到的会是新节点，
+    // 因此先清空缓存的 ctx / node，避免下次 ensureCanvas 复用旧引用。
+    prepareRecordOverlay()
+    // 打开弹层，先拉取今日已有记录预填
+    inputForm.value = { ...emptyInputForm(), visible: true, loading: true }
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyTodayBloodRecord',
+            method: 'GET',
+            data: { diagnosis_id: diagnosisId.value }
+        }, false)
+        if (res && res.code === 1 && res.data && res.data.record) {
+            const r = res.data.record
+            inputForm.value.id = Number(r.id) || 0
+            inputForm.value.fasting_blood_sugar = numToStr(r.fasting_blood_sugar)
+            inputForm.value.postprandial_blood_sugar = numToStr(r.postprandial_blood_sugar)
+            inputForm.value.other_blood_sugar = numToStr(r.other_blood_sugar)
+            inputForm.value.remark = String(r.remark || '')
+        }
+    } catch (e) {
+        // 静默：拉取失败时仍允许新增录入
+    } finally {
+        inputForm.value.loading = false
+    }
+}
+
+function numToStr(v) {
+    if (v === null || v === undefined || v === '' || v === 0 || v === '0') return ''
+    if (typeof v === 'object') return ''
+    return String(v)
+}
+
+function closeInputForm() {
+    if (inputForm.value.submitting) return
+    inputForm.value.visible = false
+    resetCanvasCache()
+    nextTick(() => scheduleChartRedraw())
+}
+
+/** 任一录入弹层打开时需卸载 canvas（小程序原生组件会盖住普通 view）*/
+const recordOverlayOpen = computed(() => inputForm.value.visible || phoneGateVisible.value)
+
+watch(recordOverlayOpen, (open) => {
+    if (!open) {
+        resetCanvasCache()
+        nextTick(() => scheduleChartRedraw())
+    }
+})
+
+async function submitInputForm() {
+    if (inputForm.value.submitting || inputForm.value.loading) return
+
+    // 至少填一个有效字段
+    const f = inputForm.value
+    const hasAny = [
+        f.fasting_blood_sugar, f.postprandial_blood_sugar, f.other_blood_sugar
+    ].some((v) => v !== '' && v !== null && Number(v) > 0) || !!(f.remark && f.remark.trim())
+    if (!hasAny) {
+        uni.showToast({ title: '请至少填写一项数据', icon: 'none' })
+        return
+    }
+
+    inputForm.value.submitting = true
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailySaveBloodRecord',
+            method: 'POST',
+            data: {
+                diagnosis_id: diagnosisId.value,
+                fasting_blood_sugar: f.fasting_blood_sugar,
+                postprandial_blood_sugar: f.postprandial_blood_sugar,
+                other_blood_sugar: f.other_blood_sugar,
+                remark: f.remark
+            }
+        }, false)
+        if (res && res.code === 1) {
+            showUserToast(res.msg || '已保存', { icon: 'success' })
+            inputForm.value.visible = false
+            await fetchAll()
+        } else {
+            showUserToast((res && res.msg) || '保存失败')
+        }
+    } catch (e) {
+        uni.showToast({ title: '网络异常，请稍后再试', icon: 'none' })
+    } finally {
+        inputForm.value.submitting = false
+    }
+}
+
+function deleteInputRecord() {
+    if (!inputForm.value.id || inputForm.value.submitting) return
+    uni.showModal({
+        title: '删除确认',
+        content: '确定删除今天已录入的数据吗？删除后无法恢复。',
+        confirmColor: '#dc2626',
+        success: async (m) => {
+            if (!m.confirm) return
+            inputForm.value.submitting = true
+            try {
+                const res = await proxy.apiUrl({
+                    url: '/api/tcm/dailyDeleteBloodRecord',
+                    method: 'POST',
+                    data: {
+                        diagnosis_id: diagnosisId.value,
+                        id: inputForm.value.id
+                    }
+                }, false)
+                if (res && res.code === 1) {
+                    uni.showToast({ title: '已删除', icon: 'success' })
+                    inputForm.value.visible = false
+                    fetchAll()
+                } else {
+                    showUserToast((res && res.msg) || '删除失败')
+                }
+            } catch (e) {
+                uni.showToast({ title: '网络异常，请稍后再试', icon: 'none' })
+            } finally {
+                inputForm.value.submitting = false
+            }
+        }
+    })
+}
+
+// ============ 语音播报（适老化）============
+// 优先用 微信同声传译插件 (mp-weixin)；H5 走 window.speechSynthesis；
+// 都不可用则轻提示，避免 showModal 挡住录入弹层。
+const ttsEnabled = ref(true)
+const ttsAutoPlay = ref(false)
+const ttsSpeaking = ref(false)
+let ttsAudioCtx = null
+let ttsAutoToken = 0
+
+function teardownTtsAudio() {
+    if (ttsAudioCtx) {
+        try { ttsAudioCtx.stop() } catch (e) {}
+        try { ttsAudioCtx.destroy && ttsAudioCtx.destroy() } catch (e) {}
+        ttsAudioCtx = null
+    }
+}
+
+function ttsStop() {
+    teardownTtsAudio()
+    // #ifdef H5
+    try {
+        if (typeof window !== 'undefined' && window.speechSynthesis) {
+            window.speechSynthesis.cancel()
+        }
+    } catch (e) {}
+    // #endif
+    ttsSpeaking.value = false
+}
+
+function normalizeTtsText(text) {
+    if (text == null) return ''
+    if (typeof text === 'string') return text.replace(/\s+/g, ' ').trim()
+    if (Array.isArray(text)) {
+        return text
+            .map((item) => {
+                if (typeof item === 'string') return item
+                if (item && typeof item === 'object') {
+                    return item.title || item.label || item.desc || item.msg || item.message || ''
+                }
+                return formatUserMessage(item, '')
+            })
+            .filter(Boolean)
+            .join('，')
+    }
+    if (typeof text === 'object') {
+        return text.title || text.label || text.desc || text.msg || text.message || ''
+    }
+    return formatUserMessage(text, '')
+}
+
+function ttsSpeak(text) {
+    if (!ttsEnabled.value) return
+    const content = normalizeTtsText(text)
+    if (!content) return
+
+    ttsStop()
+
+    // H5：浏览器 SpeechSynthesis（慢速适老化）
+    // #ifdef H5
+    try {
+        if (typeof window !== 'undefined' && window.speechSynthesis) {
+            const u = new window.SpeechSynthesisUtterance(content)
+            u.lang = 'zh-CN'
+            u.rate = 0.85
+            u.pitch = 1
+            u.volume = 1
+            u.onstart = () => { ttsSpeaking.value = true }
+            u.onend = () => { ttsSpeaking.value = false }
+            u.onerror = () => { ttsSpeaking.value = false }
+            window.speechSynthesis.speak(u)
+            return
+        }
+    } catch (e) {}
+    // #endif
+
+    // 微信小程序：同声传译插件 TTS → mp3 → innerAudioContext 播放
+    // #ifdef MP-WEIXIN
+    try {
+        // eslint-disable-next-line no-undef
+        const plugin = requirePlugin('WechatSI')
+        ttsSpeaking.value = true
+        plugin.textToSpeech({
+            lang: 'zh_CN',
+            tts: true,
+            content,
+            success: (res) => {
+                if (!res || !res.filename) {
+                    ttsSpeaking.value = false
+                    return
+                }
+                teardownTtsAudio()
+                ttsAudioCtx = uni.createInnerAudioContext()
+                ttsAudioCtx.src = res.filename
+                ttsAudioCtx.obeyMuteSwitch = false
+                ttsAudioCtx.onPlay(() => { ttsSpeaking.value = true })
+                ttsAudioCtx.onEnded(() => { ttsSpeaking.value = false })
+                ttsAudioCtx.onError(() => { ttsSpeaking.value = false })
+                ttsAudioCtx.onStop(() => { ttsSpeaking.value = false })
+                ttsAudioCtx.play()
+            },
+            fail: (err) => {
+                ttsSpeaking.value = false
+                console.warn('WechatSI textToSpeech failed', err)
+                uni.showToast({ title: '语音不可用，请检查网络/插件', icon: 'none', duration: 2000 })
+            }
+        })
+        return
+    } catch (e) {
+        console.warn('WechatSI plugin not available', e)
+    }
+    // #endif
+
+    // 其它端兜底：轻提示，勿用 modal 遮挡录入等操作
+    showUserToast(content, { duration: 3200 })
+}
+
+function ttsToggleEnabled() {
+    ttsEnabled.value = !ttsEnabled.value
+    if (!ttsEnabled.value) {
+        ttsAutoPlay.value = false
+        ttsStop()
+    }
+}
+
+function ttsToggleAutoPlay() {
+    if (!ttsEnabled.value) {
+        ttsEnabled.value = true
+    }
+    ttsAutoPlay.value = !ttsAutoPlay.value
+    if (ttsAutoPlay.value) {
+        const text = buildLatestSummaryText()
+        if (text) ttsSpeak(text)
+    } else {
+        ttsStop()
+    }
+}
+
+// ============ 播报文案构造 ============
+function readableNumber(v) {
+    if (v === null || v === undefined || v === '') return ''
+    return String(v).replace(/(\d+)\.(\d+)/g, (_, a, b) => `${a}点${b}`)
+}
+
+function buildLatestSummaryText() {
+    const f = latestStat.value.fasting
+    const p = latestStat.value.postprandial
+    const o = latestStat.value.other
+    const head = `${patientName.value || '您'}的最新血糖情况：`
+    const lines = []
+    if (f && f.value !== '—') {
+        let line = `空腹血糖 ${readableNumber(f.value)} 毫摩每升`
+        if (f.isHigh) line += '，偏高，请遵医嘱。'
+        else line += '。'
+        if (f.trend && f.trend.dir !== 'flat') {
+            line += `比上次${f.trend.dir === 'up' ? '升高' : '下降'} ${readableNumber(f.trend.delta.toFixed(1))}。`
+        }
+        lines.push(line)
+    }
+    if (p && p.value !== '—') {
+        let line = `餐后血糖 ${readableNumber(p.value)} 毫摩每升`
+        if (p.isHigh) line += '，偏高，请注意饮食。'
+        else line += '。'
+        if (p.trend && p.trend.dir !== 'flat') {
+            line += `比上次${p.trend.dir === 'up' ? '升高' : '下降'} ${readableNumber(p.trend.delta.toFixed(1))}。`
+        }
+        lines.push(line)
+    }
+    if (o && o.value !== '—') {
+        let line = `其他时段血糖 ${readableNumber(o.value)} 毫摩每升`
+        if (o.isHigh) line += '，偏高，请遵医嘱。'
+        else line += '。'
+        if (o.trend && o.trend.dir !== 'flat') {
+            line += `比上次${o.trend.dir === 'up' ? '升高' : '下降'} ${readableNumber(o.trend.delta.toFixed(1))}。`
+        }
+        lines.push(line)
+    }
+    if (!lines.length) {
+        return `${patientName.value || '您'}近期暂无血糖记录。`
+    }
+    return head + lines.join(' ')
+}
+
+function buildDayText(day) {
+    if (!day) return ''
+    const dateLabel = `${day.dateLabel.replace('-', '月')}日${day.weekday ? ' ' + day.weekday : ''}`
+    const lines = [`${dateLabel} 的健康记录：`]
+    if (day.blood) {
+        const b = day.blood
+        if (toNumber(b.fasting_blood_sugar) !== null) {
+            lines.push(`空腹血糖 ${readableNumber(b.fasting_blood_sugar)} 毫摩每升${b.isHighFasting ? '，偏高。' : '。'}`)
+        }
+        if (toNumber(b.postprandial_blood_sugar) !== null) {
+            lines.push(`餐后血糖 ${readableNumber(b.postprandial_blood_sugar)} 毫摩每升${b.isHighPostprandial ? '，偏高。' : '。'}`)
+        }
+        if (toNumber(b.other_blood_sugar) !== null) {
+            lines.push(`其他血糖 ${readableNumber(b.other_blood_sugar)} 毫摩每升${b.isHighOther ? '，偏高。' : '。'}`)
+        }
+        const sys = toNumber(b.systolic_pressure)
+        const dia = toNumber(b.diastolic_pressure)
+        if (sys !== null || dia !== null) {
+            let line = '血压'
+            if (sys !== null) line += ` 高压 ${readableNumber(sys)}`
+            if (dia !== null) line += `，低压 ${readableNumber(dia)}`
+            line += ' 毫米汞柱'
+            line += b.isHighBp ? '，偏高。' : '。'
+            lines.push(line)
+        }
+        if (b.western_medicine) lines.push(`西药：${b.western_medicine}。`)
+        if (b.insulin) lines.push(`胰岛素：${b.insulin}。`)
+    }
+    if (day.diet) {
+        const d = day.diet
+        if (d.breakfast_foods) lines.push(`早餐：${d.breakfast_foods}。`)
+        if (d.lunch_foods) lines.push(`午餐：${d.lunch_foods}。`)
+        if (d.dinner_foods) lines.push(`晚餐：${d.dinner_foods}。`)
+    }
+    if (day.exercise) {
+        const ex = day.exercise
+        const parts = []
+        if (ex.exercise_type) parts.push(ex.exercise_type)
+        if (ex.duration) parts.push(`${ex.duration} 分钟`)
+        if (ex.intensityText) parts.push(ex.intensityText)
+        if (parts.length) lines.push(`运动：${parts.join('，')}。`)
+    }
+    if (day.tracking && day.tracking.content) {
+        lines.push(`备注：${String(day.tracking.content).replace(/\n+/g, '，')}。`)
+    }
+    return lines.join(' ')
+}
+
+function speakLatestSummary() {
+    const text = buildLatestSummaryText()
+    if (text) ttsSpeak(text)
+}
+
+function speakDay(day) {
+    if (!day || typeof day !== 'object' || !day.date) return
+    const text = buildDayText(day)
+    if (text) ttsSpeak(text)
+}
+
+// ============ 波浪图绘制 ============
+function resetCanvasCache() {
+    canvasCtx = null
+    canvasNode = null
+    canvasWidth = 0
+    canvasHeight = 0
+}
+
+function fallbackCanvasSize() {
+    try {
+        const sys = uni.getSystemInfoSync()
+        const margin = uni.upx2px(40) * 2
+        const cardPad = uni.upx2px(40) * 2
+        return {
+            width: Math.max(280, sys.windowWidth - margin - cardPad),
+            height: uni.upx2px(360)
+        }
+    } catch (e) {
+        return { width: 320, height: 180 }
+    }
+}
+
+function ensureCanvas(retryCount = 0) {
+    return new Promise((resolve) => {
+        if (canvasCtx && canvasWidth > 0 && canvasHeight > 0) {
+            resolve(true)
+            return
+        }
+        if (canvasCtx && (canvasWidth <= 0 || canvasHeight <= 0)) {
+            resetCanvasCache()
+        }
+        const query = uni.createSelectorQuery().in(proxy)
+        query.select('#bloodWaveChart')
+            .fields({ node: true, size: true })
+            .exec((res) => {
+                const item = res && res[0]
+                if (!item || !item.node) {
+                    if (retryCount < 10) {
+                        setTimeout(() => ensureCanvas(retryCount + 1).then(resolve), retryCount < 4 ? 100 : 180)
+                    } else {
+                        resolve(false)
+                    }
+                    return
+                }
+
+                let w = item.width || 0
+                let h = item.height || 0
+                if (w <= 0 || h <= 0) {
+                    const fallback = fallbackCanvasSize()
+                    w = w > 0 ? w : fallback.width
+                    h = h > 0 ? h : fallback.height
+                }
+                if ((item.width <= 0 || item.height <= 0) && retryCount < 6) {
+                    setTimeout(() => ensureCanvas(retryCount + 1).then(resolve), 120)
+                    return
+                }
+
+                canvasNode = item.node
+                canvasCtx = canvasNode.getContext('2d')
+                try {
+                    canvasDpr = uni.getSystemInfoSync().pixelRatio || 1
+                } catch (e) {
+                    canvasDpr = 1
+                }
+                canvasWidth = w
+                canvasHeight = h
+                canvasNode.width = canvasWidth * canvasDpr
+                canvasNode.height = canvasHeight * canvasDpr
+                canvasCtx.setTransform(1, 0, 0, 1, 0, 0)
+                canvasCtx.scale(canvasDpr, canvasDpr)
+                resolve(true)
+            })
+    })
+}
+
+let redrawScheduled = false
+function scheduleChartRedraw() {
+    if (redrawScheduled) return
+    redrawScheduled = true
+    setTimeout(async () => {
+        redrawScheduled = false
+        await ensureCanvas()
+        drawChart()
+    }, 60)
+}
+
+function buildSeries(field) {
+    return chartDates.value.map((date) => {
+        const b = bloodByDate.value[date]
+        return b ? toNumber(b[field]) : null
+    })
+}
+
+function computeYRange(...seriesList) {
+    const values = seriesList.flat().filter((v) => v !== null)
+    if (!values.length) return { yMin: 4, yMax: 12 }
+    let min = Math.min(...values)
+    let max = Math.max(...values)
+    // 给上下留一点空间
+    const span = max - min
+    if (span < 2) {
+        min = Math.max(0, min - 1)
+        max = max + 1
+    } else {
+        min = Math.max(0, min - span * 0.2)
+        max = max + span * 0.2
+    }
+    // 不低于4，不高于25
+    min = Math.max(2, Math.floor(min))
+    max = Math.min(28, Math.ceil(max))
+    if (max - min < 4) max = min + 4
+    return { yMin: min, yMax: max }
+}
+
+function drawChart() {
+    if (!canvasCtx || !canvasWidth || !canvasHeight) return
+    const ctx = canvasCtx
+    const w = canvasWidth
+    const h = canvasHeight
+
+    ctx.clearRect(0, 0, w, h)
+
+    const padding = { left: 40, right: 18, top: 26, bottom: 36 }
+    const cw = w - padding.left - padding.right
+    const ch = h - padding.top - padding.bottom
+
+    const fastingSeries = buildSeries('fasting_blood_sugar')
+    const postSeries = buildSeries('postprandial_blood_sugar')
+    const n = chartDates.value.length
+    const threshold = getBloodSugarThresholds(age.value)
+    const seriesDefs = [
+        {
+            key: 'fasting',
+            data: fastingSeries,
+            color: '#006c49',
+            fillTop: 'rgba(0,108,73,0.18)',
+            fillBottom: 'rgba(0,108,73,0)',
+            label: '空腹',
+            highThreshold: threshold ? threshold.fasting : null
+        },
+        {
+            key: 'postprandial',
+            data: postSeries,
+            color: '#a43a3a',
+            fillTop: 'rgba(164,58,58,0.18)',
+            fillBottom: 'rgba(164,58,58,0)',
+            label: '餐后',
+            highThreshold: threshold ? threshold.postprandial : null
+        }
+    ]
+    const visibleDefs = seriesDefs.filter((item) => chartSeriesVisible.value[item.key])
+    const rangeSources = visibleDefs.length
+        ? visibleDefs.map((item) => item.data)
+        : [fastingSeries, postSeries]
+    const { yMin, yMax } = computeYRange(...rangeSources)
+    const valueToY = (v) => padding.top + ch * (1 - (v - yMin) / (yMax - yMin))
+
+    // 1) 背景：纯净浅色 + 阈值以上一抹极淡红
+    ctx.fillStyle = '#fbfcfd'
+    ctx.fillRect(padding.left, padding.top, cw, ch)
+    if (threshold) {
+        const yThr = valueToY(threshold.fasting)
+        const top = Math.max(padding.top, Math.min(yThr, padding.top + ch))
+        if (top > padding.top) {
+            // 渐变让红色从顶部往阈值线方向过渡，更柔和
+            const dangerGrad = ctx.createLinearGradient(0, padding.top, 0, top)
+            dangerGrad.addColorStop(0, 'rgba(254, 226, 226, 0.55)')
+            dangerGrad.addColorStop(1, 'rgba(254, 226, 226, 0.15)')
+            ctx.fillStyle = dangerGrad
+            ctx.fillRect(padding.left, padding.top, cw, top - padding.top)
+        }
+    }
+
+    // 2) 网格 —— 极淡，不喧宾夺主
+    ctx.strokeStyle = '#eef2f5'
+    ctx.lineWidth = 1
+    const yTicks = 4
+    for (let i = 0; i <= yTicks; i++) {
+        const y = padding.top + (ch * i) / yTicks
+        ctx.beginPath()
+        ctx.moveTo(padding.left, y)
+        ctx.lineTo(padding.left + cw, y)
+        ctx.stroke()
+    }
+
+    // Y 轴刻度（适老化：加大 + 加深）
+    ctx.font = 'bold 12px sans-serif'
+    ctx.fillStyle = '#64748b'
+    ctx.textAlign = 'right'
+    ctx.textBaseline = 'middle'
+    for (let i = 0; i <= yTicks; i++) {
+        const y = padding.top + (ch * i) / yTicks
+        const v = yMax - ((yMax - yMin) * i) / yTicks
+        ctx.fillText(v.toFixed(1), padding.left - 8, y)
+    }
+
+    // 3) X 轴日期 —— 最多 5 个（适老化：加大、加深）
+    ctx.font = 'bold 12px sans-serif'
+    ctx.fillStyle = '#475569'
+    ctx.textAlign = 'center'
+    ctx.textBaseline = 'top'
+    if (n > 0) {
+        const maxLabels = n > 20 ? 5 : 6
+        const labelStep = Math.max(1, Math.ceil(n / maxLabels))
+        chartDates.value.forEach((date, i) => {
+            if (i !== 0 && i !== n - 1 && i % labelStep !== 0) return
+            const x = n === 1 ? padding.left + cw / 2 : padding.left + (cw * i) / (n - 1)
+            ctx.fillText(date.slice(5), x, padding.top + ch + 8)
+        })
+    }
+
+    // 4) 阈值参考线
+    if (threshold) {
+        const y = valueToY(threshold.fasting)
+        if (y >= padding.top && y <= padding.top + ch) {
+            ctx.strokeStyle = '#fda4af'
+            ctx.lineWidth = 1
+            try { ctx.setLineDash([6, 5]) } catch (e) {}
+            ctx.beginPath()
+            ctx.moveTo(padding.left, y)
+            ctx.lineTo(padding.left + cw, y)
+            ctx.stroke()
+            try { ctx.setLineDash([]) } catch (e) {}
+            ctx.font = 'bold 11px sans-serif'
+            ctx.fillStyle = '#dc2626'
+            ctx.textAlign = 'left'
+            ctx.textBaseline = 'middle'
+            ctx.fillText(`空腹阈 ${threshold.fasting}`, padding.left + 6, y - 9)
+        }
+    }
+
+    // 5) 绘制曲线
+    const xAt = (i) => (n === 1 ? padding.left + cw / 2 : padding.left + (cw * i) / (n - 1))
+    const coordByKey = { fasting: [], postprandial: [] }
+    // 7 天内显示圆点，30 天以纯曲线为主
+    const showDots = n <= 10
+
+    seriesDefs.forEach((meta) => {
+        const projected = meta.data.map((v, i) => ({
+            x: xAt(i),
+            y: v === null ? null : valueToY(v),
+            value: v
+        }))
+        coordByKey[meta.key] = projected
+
+        if (!chartSeriesVisible.value[meta.key]) return
+
+        const segments = []
+        let cur = []
+        projected.forEach((p) => {
+            if (p.y !== null) cur.push(p)
+            else if (cur.length) { segments.push(cur); cur = [] }
+        })
+        if (cur.length) segments.push(cur)
+
+        segments.forEach((seg) => {
+            if (seg.length === 1) {
+                ctx.fillStyle = meta.color
+                ctx.beginPath()
+                ctx.arc(seg[0].x, seg[0].y, 4, 0, Math.PI * 2)
+                ctx.fill()
+                return
+            }
+
+            const drawPath = () => {
+                ctx.beginPath()
+                ctx.moveTo(seg[0].x, seg[0].y)
+                for (let i = 0; i < seg.length - 1; i++) {
+                    const p0 = seg[i - 1] || seg[i]
+                    const p1 = seg[i]
+                    const p2 = seg[i + 1]
+                    const p3 = seg[i + 2] || seg[i + 1]
+                    const cp1x = p1.x + (p2.x - p0.x) / 6
+                    const cp1y = p1.y + (p2.y - p0.y) / 6
+                    const cp2x = p2.x - (p3.x - p1.x) / 6
+                    const cp2y = p2.y - (p3.y - p1.y) / 6
+                    ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, p2.x, p2.y)
+                }
+            }
+
+            // 渐变填充
+            drawPath()
+            ctx.lineTo(seg[seg.length - 1].x, padding.top + ch)
+            ctx.lineTo(seg[0].x, padding.top + ch)
+            ctx.closePath()
+            const grad = ctx.createLinearGradient(0, padding.top, 0, padding.top + ch)
+            grad.addColorStop(0, meta.fillTop)
+            grad.addColorStop(1, meta.fillBottom)
+            ctx.fillStyle = grad
+            ctx.fill()
+
+            // 描线
+            drawPath()
+            ctx.strokeStyle = meta.color
+            ctx.lineWidth = 2.4
+            ctx.lineCap = 'round'
+            ctx.lineJoin = 'round'
+            ctx.stroke()
+
+            // 圆点（短窗口期）
+            if (showDots) {
+                seg.forEach((p) => {
+                    ctx.beginPath()
+                    ctx.arc(p.x, p.y, 3, 0, Math.PI * 2)
+                    ctx.fillStyle = '#ffffff'
+                    ctx.fill()
+                    ctx.strokeStyle = meta.color
+                    ctx.lineWidth = 1.8
+                    ctx.stroke()
+                })
+            }
+        })
+
+        // 标注「最高点」—— 仅一个，简洁
+        let maxIdx = -1
+        let maxVal = -Infinity
+        projected.forEach((p, i) => {
+            if (p.value != null && p.value > maxVal) {
+                maxVal = p.value
+                maxIdx = i
+            }
+        })
+        if (maxIdx >= 0) {
+            const p = projected[maxIdx]
+            const isHigh = meta.highThreshold != null && p.value >= meta.highThreshold
+
+            // 强调点
+            ctx.beginPath()
+            ctx.arc(p.x, p.y, 5, 0, Math.PI * 2)
+            ctx.fillStyle = isHigh ? '#dc2626' : meta.color
+            ctx.fill()
+            ctx.strokeStyle = '#ffffff'
+            ctx.lineWidth = 2.5
+            ctx.stroke()
+
+            // 标签（适老化：加大峰值标签）
+            const labelText = String(p.value)
+            ctx.font = 'bold 12px sans-serif'
+            const textWidth = ctx.measureText(labelText).width
+            const padX = 8
+            const padY = 5
+            const boxWidth = textWidth + padX * 2
+            const boxHeight = 14 + padY * 2
+            let labelX = p.x
+            let labelAbove = true
+            if (p.y - 12 - boxHeight - 4 < padding.top) labelAbove = false
+            let labelY = labelAbove ? p.y - 12 - boxHeight / 2 : p.y + 12 + boxHeight / 2
+            // 边界保护
+            if (labelX - boxWidth / 2 < padding.left + 2) labelX = padding.left + boxWidth / 2 + 2
+            if (labelX + boxWidth / 2 > padding.left + cw - 2) labelX = padding.left + cw - boxWidth / 2 - 2
+            // 标签底色
+            ctx.fillStyle = isHigh ? '#dc2626' : meta.color
+            ctx.fillRect(labelX - boxWidth / 2, labelY - boxHeight / 2, boxWidth, boxHeight)
+            // 标签文字
+            ctx.fillStyle = '#ffffff'
+            ctx.textAlign = 'center'
+            ctx.textBaseline = 'middle'
+            ctx.fillText(labelText, labelX, labelY)
+        }
+    })
+
+    chartCoords = {
+        padding,
+        cw,
+        ch,
+        n,
+        fasting: coordByKey.fasting,
+        postprandial: coordByKey.postprandial
+    }
+}
+
+function toggleChartSeries(key) {
+    if (key !== 'fasting' && key !== 'postprandial') return
+    chartSeriesVisible.value[key] = !chartSeriesVisible.value[key]
+    hoverInfo.value = null
+    scheduleChartRedraw()
+}
+
+function onChartTouch(e) {
+    if (!chartCoords || !canvasWidth) return
+    if (!chartDates.value.length) return
+    let touchX = 0
+    let touchY = 0
+    if (e && e.touches && e.touches[0]) {
+        touchX = e.touches[0].x ?? e.touches[0].clientX ?? 0
+        touchY = e.touches[0].y ?? e.touches[0].clientY ?? 0
+    }
+    const { padding, cw, n } = chartCoords
+    if (touchX < padding.left || touchX > padding.left + cw) {
+        return
+    }
+    const ratio = n <= 1 ? 0 : (touchX - padding.left) / cw
+    let idx = Math.round(ratio * (n - 1))
+    if (idx < 0) idx = 0
+    if (idx > n - 1) idx = n - 1
+    const date = chartDates.value[idx]
+    const fp = chartSeriesVisible.value.fasting ? chartCoords.fasting[idx] : null
+    const pp = chartSeriesVisible.value.postprandial ? chartCoords.postprandial[idx] : null
+    const anchorX = fp?.x ?? pp?.x ?? padding.left + cw * (idx / Math.max(1, n - 1))
+
+    const left = Math.max(8, Math.min(canvasWidth - 130, anchorX - 60))
+    const top = Math.max(4, touchY - 70)
+
+    hoverInfo.value = {
+        date: date.slice(5),
+        fasting: fp?.value ?? null,
+        postprandial: pp?.value ?? null,
+        left,
+        top
+    }
+    if (hoverTimer) clearTimeout(hoverTimer)
+    hoverTimer = setTimeout(() => {
+        hoverInfo.value = null
+    }, 2500)
+}
+
+watch(rangeMode, () => {
+    scheduleChartRedraw()
+})
+
+// ============ 生命周期 ============
+function readUserContext() {
+    try {
+        const userData = uni.getStorageSync('userData')
+        if (userData && userData.diagnosis) {
+            if (!patientId.value) patientId.value = Number(userData.diagnosis.patient_id) || 0
+            if (!diagnosisId.value) diagnosisId.value = Number(userData.diagnosis.id) || 0
+            if (!patientName.value) patientName.value = userData.diagnosis.patient_name || ''
+            if (!age.value) age.value = Number(userData.diagnosis.age) || 0
+            if (!gender.value) gender.value = Number(userData.diagnosis.gender) || 0
+        }
+    } catch (e) {}
+}
+
+function initHeaderSafeArea() {
+    const voiceSize = uni.upx2px(80)
+    const voiceGap = uni.upx2px(16)
+    let capsulePad = uni.upx2px(200)
+    let paddingTopPx = uni.upx2px(24)
+
+    try {
+        const sys = uni.getSystemInfoSync()
+        const statusBarHeight = Number(sys.statusBarHeight) || 0
+        paddingTopPx = statusBarHeight + uni.upx2px(16)
+
+        // #ifdef MP-WEIXIN
+        const menu = typeof uni.getMenuButtonBoundingClientRect === 'function'
+            ? uni.getMenuButtonBoundingClientRect()
+            : null
+        if (menu && menu.width > 0) {
+            capsulePad = sys.windowWidth - menu.left + uni.upx2px(12)
+            paddingTopPx = Math.max(paddingTopPx, menu.top)
+            voiceBtnStyle.value = {
+                position: 'absolute',
+                right: `${capsulePad}px`,
+                top: `${menu.top + (menu.height - voiceSize) / 2}px`
+            }
+        } else {
+            voiceBtnStyle.value = {}
+        }
+        // #endif
+
+        // #ifndef MP-WEIXIN
+        voiceBtnStyle.value = {}
+        // #endif
+    } catch (e) {
+        paddingTopPx = uni.upx2px(48)
+        voiceBtnStyle.value = {}
+    }
+
+    headerSafeStyle.value = {
+        paddingTop: `${paddingTopPx}px`,
+        paddingRight: `${capsulePad + voiceSize + voiceGap}px`
+    }
+    headerLeftStyle.value = {}
+}
+
+async function bootstrap(options) {
+    options = options || {}
+    initHeaderSafeArea()
+    // weekly 专页：不走家人邀请观看，只保留血糖记录 + AI 饮食
+    isInviteViewer.value = false
+
+    authChecking.value = true
+
+    // 登录完成前不写 diagnosisId，避免模板/子流程提前打业务接口
+    const passedDiagnosisId = Number(options.diagnosis_id || options.id || 0)
+    const passedPatientId = Number(options.patient_id || 0)
+    const passedPatientName = options.patient_name
+        ? decodeURIComponent(String(options.patient_name))
+        : ''
+    const passedAge = Number(options.age) || 0
+    const passedGender = Number(options.gender) || 0
+
+    const loggedIn = await ensureLoggedIn()
+    if (!loggedIn || !hasAuthToken()) {
+        authChecking.value = false
+        showUserToast('登录失败，请稍后重试')
+        return
+    }
+
+    readUserContext()
+
+    const list = await fetchCardList()
+
+    if (Array.isArray(list) && list.length > 0) {
+        let target = null
+        if (passedDiagnosisId) {
+            target = list.find((c) => Number(c.id) === Number(passedDiagnosisId))
+        }
+        if (!target) target = list[0]
+        await applyCard(target)
+    } else {
+        if (passedDiagnosisId) diagnosisId.value = passedDiagnosisId
+        if (passedPatientId) patientId.value = passedPatientId
+        if (passedPatientName) patientName.value = passedPatientName
+        if (passedAge) age.value = passedAge
+        if (passedGender) gender.value = passedGender
+        if (!diagnosisId.value || !patientId.value) {
+            readUserContext()
+        }
+        readUserMobile()
+        if (!diagnosisId.value && userMobile.value) {
+            await ensureDailyContextByPhone()
+        }
+    }
+
+    authChecking.value = false
+    if (diagnosisId.value) {
+        await fetchAll()
+    }
+}
+
+onLoad((options) => {
+    bootstrap(options)
+})
+
+onShow(() => {
+    initHeaderSafeArea()
+    if (authChecking.value) return
+    resetCanvasCache()
+    nextTick(() => scheduleChartRedraw())
+})
+
+onPullDownRefresh(async () => {
+    if (await ensureLoggedIn()) {
+        await fetchAll()
+    }
+    uni.stopPullDownRefresh()
+})
+
+onHide(() => {
+    ttsStop()
+})
+
+onUnload(() => {
+    ttsStop()
+})
+
+// ============ 邀请观看（家人分享页）============
+const isInviteViewer = ref(false)
+const inviteLoading = ref(false)
+const inviteError = ref('')
+const invitePreview = ref({})
+const inviteLiking = ref(false)
+const inviteLikeNickname = ref('家人')
+const inviteHeartBurst = ref(false)
+const familyNicknameOptions = ['家人', '亲友', '老伴', '子女']
+
+const VIEWER_KEY_STORAGE = 'tongji_viewer_key_v1'
+
+function hapticLight() {
+    try {
+        uni.vibrateShort({ type: 'light' })
+    } catch (e) {}
+}
+
+function getViewerKey() {
+    try {
+        let key = uni.getStorageSync(VIEWER_KEY_STORAGE)
+        if (!key) {
+            key = `v_${Date.now()}_${Math.random().toString(36).slice(2, 12)}`
+            uni.setStorageSync(VIEWER_KEY_STORAGE, key)
+        }
+        return String(key).slice(0, 64)
+    } catch (e) {
+        return `v_${Date.now()}`
+    }
+}
+
+const inviteTreeLevel = computed(() => Number(invitePreview.value.tree_level) || 0)
+
+const inviteDailyRecords = computed(() => {
+    const list = invitePreview.value.daily_records
+    return Array.isArray(list) ? list : []
+})
+
+function formatInviteSugar(v) {
+    if (v == null || v === '') return '—'
+    return String(v)
+}
+
+const INVITE_TREE_WHISPERS = [
+    'Ta 正在努力控糖，您的鼓励很重要。',
+    '好习惯比完美数值更珍贵，一起加油。',
+    '每天记一笔，就是在照顾未来的自己。',
+    '点赞一下，让 Ta 知道家人在身边。'
+]
+
+function onInviteTreeWhisper() {
+    const line = INVITE_TREE_WHISPERS[Math.floor(Math.random() * INVITE_TREE_WHISPERS.length)]
+    showUserToast(line, { duration: 2800 })
+    hapticLight()
+}
+
+async function bootstrapInviteViewer(inviteCode) {
+    isInviteViewer.value = true
+    inviteLoading.value = true
+    inviteError.value = ''
+    invitePreview.value = {}
+    inviteHeartBurst.value = false
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailySharePreview',
+            method: 'GET',
+            data: {
+                invite_code: inviteCode,
+                viewer_key: getViewerKey()
+            }
+        }, false)
+        if (res && res.code === 1 && res.data) {
+            invitePreview.value = res.data
+        } else {
+            inviteError.value = formatUserMessage(res && res.msg, '邀请码无效或已过期')
+        }
+    } catch (e) {
+        inviteError.value = '加载失败，请稍后再试'
+    } finally {
+        inviteLoading.value = false
+    }
+}
+
+async function onFamilyLike() {
+    const code = invitePreview.value.invite_code
+    if (!code || inviteLiking.value) return
+    if (invitePreview.value.liked_by_me) {
+        showUserToast('您今天已经点过赞啦')
+        return
+    }
+    inviteLiking.value = true
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyFamilyLike',
+            method: 'POST',
+            data: {
+                invite_code: code,
+                viewer_key: getViewerKey(),
+                nickname: inviteLikeNickname.value
+            }
+        }, false)
+        if (res && res.code === 1 && res.data) {
+            const data = res.data
+            const alreadyLiked = !!data.already_liked
+            invitePreview.value = {
+                ...invitePreview.value,
+                like_count: Number(data.like_count) || 0,
+                liked_by_me: true
+            }
+            if (alreadyLiked) {
+                showUserToast(data.praise_message || '您今天已经点过赞啦')
+                return
+            }
+            inviteHeartBurst.value = true
+            setTimeout(() => {
+                inviteHeartBurst.value = false
+            }, 900)
+            hapticLight()
+            triggerCelebrate('鼓励已送达', data.praise_message || '谢谢您的点赞')
+        } else {
+            showUserToast((res && res.msg) || '点赞失败')
+        }
+    } catch (e) {
+        showUserToast('点赞失败，请稍后再试')
+    } finally {
+        inviteLiking.value = false
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.page-gate-loading {
+    min-height: 60vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 80rpx 40rpx;
+}
+.page-gate-loading-text {
+    font-size: 28rpx;
+    color: #6c7a71;
+}
+</style>
+<style lang="scss">
+@import '../styles/stitch-vitalmint-theme.scss';
+@import '../styles/weekly-stitch.scss';
+@import '../styles/weekly-input-modal.scss';
+</style>
diff --git a/TUICallKit-Vue3/tongji/styles/stitch-vitalmint-theme.scss b/TUICallKit-Vue3/tongji/styles/stitch-vitalmint-theme.scss
new file mode 100644
index 00000000..97fdd5df
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/styles/stitch-vitalmint-theme.scss
@@ -0,0 +1,47 @@
+/**
+ * Google Stitch MCP · VitalMint Health
+ * 设计 token 与 stitch-weekly.html tailwind.config 一一对应
+ */
+
+.weekly-page {
+    --primary: #006c49;
+    --on-primary: #ffffff;
+    --on-primary-fixed-variant: #005236;
+    --primary-container: #10b981;
+    --on-primary-container: #00422b;
+    --inverse-primary: #4edea3;
+
+    --surface: #f4fbf4;
+    --on-surface: #161d19;
+    --on-surface-variant: #3c4a42;
+    --surface-container-lowest: #ffffff;
+    --surface-container-low: #eef6ee;
+    --surface-container: #e8f0e9;
+    --surface-container-high: #e3eae3;
+    --surface-container-highest: #dde4dd;
+    --surface-variant: #dde4dd;
+
+    --outline: #6c7a71;
+    --outline-variant: #bbcabf;
+
+    --error: #ba1a1a;
+    --on-error-container: #93000a;
+    --error-container: #ffdad6;
+    --tertiary: #a43a3a;
+    --tertiary-container: #fc7c78;
+
+    --st-container-margin: 40rpx;
+    --st-section-gap: 64rpx;
+    --st-card-padding: 40rpx;
+    --st-stack-gap: 32rpx;
+    --st-inline-gap: 24rpx;
+    --st-radius-2xl: 48rpx;
+    --st-radius-xl: 24rpx;
+    --st-radius-lg: 16rpx;
+    --st-shadow-ambient: 0 20rpx 60rpx -20rpx rgba(0, 108, 73, 0.08);
+
+    min-height: 100vh;
+    background: var(--surface);
+    color: var(--on-surface);
+    padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
+}
diff --git a/TUICallKit-Vue3/tongji/styles/weekly-input-modal.scss b/TUICallKit-Vue3/tongji/styles/weekly-input-modal.scss
new file mode 100644
index 00000000..a4301b7f
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/styles/weekly-input-modal.scss
@@ -0,0 +1,293 @@
+/* weekly.vue 录入弹窗 — 沿用 MCP 主色 */
+
+.weekly-page .input-modal-mask {
+    position: fixed;
+    inset: 0;
+    background: rgba(15, 23, 42, 0.45);
+    backdrop-filter: blur(12px);
+    z-index: 999;
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+    animation: input-modal-mask-in 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+
+.weekly-page .input-modal {
+    width: 100%;
+    max-width: 750rpx;
+    background: var(--surface-container-lowest);
+    border-radius: 36rpx 36rpx 0 0;
+    padding: 16rpx 0 calc(20rpx + env(safe-area-inset-bottom));
+    box-shadow: 0 -12rpx 36rpx rgba(15, 23, 42, 0.12);
+    max-height: 88vh;
+    display: flex;
+    flex-direction: column;
+    animation: input-modal-rise 0.46s cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+
+@keyframes input-modal-mask-in {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+@keyframes input-modal-rise {
+    from { transform: translate3d(0, 100%, 0); opacity: 0.96; }
+    to { transform: translate3d(0, 0, 0); opacity: 1; }
+}
+
+@keyframes input-modal-content-in {
+    from { opacity: 0; transform: translate3d(0, 24rpx, 0); }
+    to { opacity: 1; transform: translate3d(0, 0, 0); }
+}
+
+.weekly-page .input-modal-grip {
+    width: 80rpx;
+    height: 6rpx;
+    border-radius: 999rpx;
+    background: var(--surface-container-highest);
+    margin: 0 auto 8rpx;
+}
+
+.weekly-page .input-modal-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12rpx 32rpx 16rpx;
+    border-bottom: 1rpx solid var(--surface-container-low);
+}
+
+.weekly-page .input-modal-title {
+    font-size: 40rpx;
+    font-weight: 800;
+    color: var(--on-surface);
+}
+
+.weekly-page .input-modal-sub {
+    font-size: 26rpx;
+    color: var(--on-surface-variant);
+    margin-top: 4rpx;
+}
+
+.weekly-page .input-modal-close {
+    width: 80rpx;
+    height: 80rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 999rpx;
+    background: var(--surface-container-low);
+}
+
+.weekly-page .input-modal-close-icon {
+    font-size: 42rpx;
+    color: var(--outline);
+    line-height: 1;
+    font-weight: 700;
+}
+
+.weekly-page .phone-gate-body {
+    padding: 32rpx;
+}
+
+.weekly-page .phone-gate-tip {
+    display: block;
+    font-size: 28rpx;
+    color: var(--on-surface-variant);
+    line-height: 1.6;
+    margin-bottom: 24rpx;
+}
+
+.weekly-page .phone-gate-gender-label {
+    display: block;
+    font-size: 28rpx;
+    font-weight: 700;
+    color: var(--primary);
+    margin-bottom: 16rpx;
+}
+
+.weekly-page .phone-gate-gender-row {
+    display: flex;
+    gap: 20rpx;
+    margin-bottom: 32rpx;
+}
+
+.weekly-page .phone-gate-gender-opt {
+    flex: 1;
+    min-height: 88rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--st-radius-xl);
+    background: var(--surface-container-lowest);
+    border: 2rpx solid var(--outline-variant);
+    color: var(--on-surface-variant);
+    font-size: 32rpx;
+    font-weight: 600;
+}
+
+.weekly-page .phone-gate-gender-opt.active {
+    border-color: var(--primary);
+    color: var(--primary);
+}
+
+.weekly-page .phone-gate-btn {
+    width: 100%;
+    min-height: 96rpx;
+    line-height: 96rpx;
+    border-radius: var(--st-radius-xl);
+    background: var(--primary);
+    color: var(--on-primary);
+    font-size: 32rpx;
+    font-weight: 700;
+    border: none;
+}
+
+.weekly-page .phone-gate-btn::after {
+    border: none;
+}
+
+.weekly-page .input-modal-loading {
+    min-height: 520rpx;
+    padding: 120rpx 0;
+    text-align: center;
+    color: var(--outline);
+    font-size: 30rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.weekly-page .input-modal-body {
+    flex: 1;
+    min-height: 520rpx;
+    padding: 20rpx 32rpx 28rpx;
+    box-sizing: border-box;
+    width: 100%;
+}
+
+.weekly-page .input-modal-body-ready {
+    animation: input-modal-content-in 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+
+.weekly-page .input-modal-tip {
+    background: var(--surface-container-low);
+    border: 1rpx dashed var(--outline-variant);
+    border-radius: 14rpx;
+    padding: 18rpx 20rpx;
+    font-size: 26rpx;
+    color: var(--on-surface-variant);
+    line-height: 1.5;
+    margin-bottom: 22rpx;
+}
+
+.weekly-page .input-section-title {
+    font-size: 28rpx;
+    font-weight: 700;
+    color: var(--on-surface);
+    margin: 18rpx 0 14rpx;
+}
+
+.weekly-page .input-field {
+    display: flex;
+    align-items: center;
+    gap: 18rpx;
+    padding: 14rpx 0;
+    border-bottom: 1rpx solid var(--surface-container-low);
+    min-height: 88rpx;
+}
+
+.weekly-page .input-field-label {
+    display: flex;
+    align-items: center;
+    gap: 10rpx;
+    width: 180rpx;
+    font-size: 30rpx;
+    color: var(--on-surface);
+    font-weight: 700;
+}
+
+.weekly-page .input-field-dot {
+    width: 14rpx;
+    height: 14rpx;
+    border-radius: 999rpx;
+}
+
+.weekly-page .input-field-dot-fasting {
+    background: var(--primary);
+}
+
+.weekly-page .input-field-dot-postprandial {
+    background: var(--tertiary-container);
+}
+
+.weekly-page .input-field-dot-other {
+    background: var(--outline);
+}
+
+.weekly-page .input-field-input {
+    flex: 1;
+    min-width: 0;
+    background: var(--surface);
+    border-radius: 16rpx;
+    padding: 18rpx 20rpx;
+    min-height: 76rpx;
+    border: 2rpx solid transparent;
+}
+
+.weekly-page .input-field-input input {
+    width: 100%;
+    font-size: 34rpx;
+    color: var(--on-surface);
+    text-align: right;
+    font-weight: 600;
+}
+
+.weekly-page .input-placeholder {
+    color: var(--outline);
+    font-size: 28rpx;
+}
+
+.weekly-page .input-field-textarea textarea {
+    width: 100%;
+    min-height: 140rpx;
+    background: var(--surface);
+    border-radius: 14rpx;
+    padding: 20rpx 22rpx;
+    font-size: 30rpx;
+    color: var(--on-surface);
+    border: 2rpx solid var(--outline-variant);
+}
+
+.weekly-page .input-modal-actions {
+    display: flex;
+    gap: 18rpx;
+    padding: 20rpx 32rpx 0;
+    border-top: 1rpx solid var(--surface-container-low);
+}
+
+.weekly-page .input-modal-btn {
+    flex: 1;
+    height: 100rpx;
+    border-radius: var(--st-radius-xl);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 32rpx;
+    font-weight: 700;
+}
+
+.weekly-page .input-modal-btn.primary {
+    background: var(--primary);
+    color: var(--on-primary);
+}
+
+.weekly-page .input-modal-btn.danger {
+    flex: 0 0 180rpx;
+    background: var(--error-container);
+    color: var(--error);
+}
+
+.weekly-page .input-modal-btn.disabled {
+    opacity: 0.5;
+    pointer-events: none;
+}
diff --git a/TUICallKit-Vue3/tongji/styles/weekly-stitch.scss b/TUICallKit-Vue3/tongji/styles/weekly-stitch.scss
new file mode 100644
index 00000000..3e682629
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/styles/weekly-stitch.scss
@@ -0,0 +1,655 @@
+/**
+ * weekly.vue — 与 code.html (Stitch Modern WeChat UI) 1:1
+ */
+
+.weekly-page {
+    --st-shadow-ambient: 0 24rpx 60rpx -20rpx rgba(0, 108, 73, 0.08), 0 8rpx 20rpx -8rpx rgba(0, 0, 0, 0.03);
+    --st-shadow-cta: 0 16rpx 32rpx rgba(0, 108, 73, 0.2);
+    --st-shadow-float: 0 16rpx 64rpx rgba(0, 108, 73, 0.15);
+}
+
+/* ===== Header ===== */
+.weekly-page .st-header {
+    position: relative;
+    display: flex;
+    align-items: center;
+    padding-left: var(--st-container-margin);
+    padding-right: var(--st-container-margin);
+    padding-bottom: 32rpx;
+    /* padding-top / padding-right 由 initHeaderSafeArea 动态设置 */
+    background: var(--surface);
+}
+
+.weekly-page .st-header-text {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+}
+
+.weekly-page .st-header-left {
+    display: flex;
+    align-items: center;
+    gap: var(--st-inline-gap);
+    flex: 1;
+    min-width: 0;
+}
+
+.weekly-page .st-avatar {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 50%;
+    background: var(--primary-container);
+    border: 4rpx solid var(--surface-container-lowest);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.weekly-page .st-greet {
+    display: block;
+    font-size: 40rpx;
+    font-weight: 700;
+    line-height: 1.27;
+    color: var(--on-surface);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.weekly-page .st-status {
+    display: block;
+    margin-top: 4rpx;
+    font-size: 24rpx;
+    font-weight: 600;
+    color: var(--on-surface-variant);
+    opacity: 0.8;
+}
+
+.weekly-page .st-voice-round {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.weekly-page .st-voice-round.disabled {
+    opacity: 0.45;
+}
+
+.weekly-page .st-card-scroll {
+    margin: 0 var(--st-container-margin) 8rpx;
+    white-space: nowrap;
+}
+
+.weekly-page .st-card-row {
+    display: inline-flex;
+    gap: 16rpx;
+}
+
+.weekly-page .st-card-chip {
+    padding: 12rpx 28rpx;
+    border-radius: 999rpx;
+    font-size: 26rpx;
+    font-weight: 600;
+    color: var(--on-surface-variant);
+    background: var(--surface-container-lowest);
+    border: 1rpx solid var(--outline-variant);
+}
+
+.weekly-page .st-card-chip.active {
+    background: var(--primary);
+    border-color: var(--primary);
+    color: var(--on-primary);
+}
+
+/* ===== Main ===== */
+.weekly-page .st-main {
+    padding: 0 var(--st-container-margin) 32rpx;
+    display: flex;
+    flex-direction: column;
+    gap: 48rpx;
+    margin-top: 16rpx;
+}
+
+.weekly-page .st-main-spacer {
+    height: 32rpx;
+}
+
+/* CTA — rounded-2xl h-14 */
+.weekly-page .st-cta {
+    width: 100%;
+    height: 112rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 16rpx;
+    border-radius: var(--st-radius-2xl);
+    background: var(--primary);
+    color: var(--on-primary);
+    font-size: 32rpx;
+    font-weight: 700;
+    box-shadow: var(--st-shadow-cta);
+}
+
+.weekly-page .st-cta:active {
+    transform: scale(0.98);
+}
+
+/* ===== Chart card — rounded-3xl ===== */
+.weekly-page .st-chart-card {
+    padding: 40rpx;
+    border-radius: 48rpx;
+    background: var(--surface-container-lowest);
+    border: 1rpx solid rgba(221, 228, 221, 0.3);
+    box-shadow: var(--st-shadow-ambient);
+}
+
+.weekly-page .st-chart-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 48rpx;
+}
+
+.weekly-page .st-chart-title {
+    display: block;
+    font-size: 40rpx;
+    font-weight: 700;
+    color: var(--on-surface);
+}
+
+.weekly-page .st-chart-sub {
+    display: block;
+    margin-top: 4rpx;
+    font-size: 24rpx;
+    font-weight: 600;
+    color: var(--on-surface-variant);
+}
+
+.weekly-page .st-chart-legend {
+    display: flex;
+    gap: var(--st-inline-gap);
+}
+
+.weekly-page .st-legend-item {
+    display: flex;
+    align-items: center;
+    gap: 8rpx;
+    font-size: 24rpx;
+    font-weight: 600;
+    color: var(--on-surface-variant);
+}
+
+.weekly-page .st-legend-item.inactive {
+    opacity: 0.4;
+}
+
+.weekly-page .st-dot {
+    width: 16rpx;
+    height: 16rpx;
+    border-radius: 50%;
+}
+
+.weekly-page .st-dot-fasting {
+    background: var(--primary);
+}
+
+.weekly-page .st-dot-post {
+    background: var(--tertiary);
+}
+
+.weekly-page .st-chart-summary {
+    display: flex;
+    padding: 32rpx;
+    margin-bottom: 48rpx;
+    border-radius: var(--st-radius-xl);
+    background: var(--surface-container-low);
+}
+
+.weekly-page .st-chart-summary-item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    border-right: 1rpx solid var(--surface-container-highest);
+}
+
+.weekly-page .st-chart-summary-item:last-child {
+    border-right: none;
+}
+
+.weekly-page .st-chart-summary-num {
+    font-size: 40rpx;
+    font-weight: 700;
+    color: var(--on-surface);
+}
+
+.weekly-page .st-chart-summary-num.is-high {
+    color: var(--tertiary);
+}
+
+.weekly-page .st-chart-summary-num.is-good {
+    color: var(--primary);
+}
+
+.weekly-page .st-chart-summary-label {
+    margin-top: 8rpx;
+    font-size: 24rpx;
+    font-weight: 600;
+    color: var(--on-surface-variant);
+}
+
+.weekly-page .st-chart-area {
+    position: relative;
+    height: 360rpx;
+    border-bottom: 1rpx dashed var(--surface-container-highest);
+}
+
+.weekly-page .st-chart-canvas {
+    width: 100%;
+    height: 360rpx;
+    display: block;
+}
+
+.weekly-page .st-chart-empty,
+.weekly-page .st-chart-placeholder {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 26rpx;
+    color: var(--outline);
+}
+
+/* ===== 最新测量 ===== */
+.weekly-page .st-latest-section {
+    display: flex;
+    flex-direction: column;
+    gap: 32rpx;
+}
+
+.weekly-page .st-latest-hero {
+    position: relative;
+    overflow: hidden;
+    min-height: 320rpx;
+    padding: 48rpx 40rpx;
+    border-radius: 48rpx;
+    background: var(--surface-container-lowest);
+    box-shadow: var(--st-shadow-ambient);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+.weekly-page .st-latest-hero.is-high {
+    background: var(--error-container);
+    color: var(--on-error-container);
+}
+
+.weekly-page .st-latest-hero-pattern {
+    position: absolute;
+    inset: 0;
+    opacity: 0.1;
+    background-image: radial-gradient(circle at 4rpx 4rpx, currentColor 2rpx, transparent 0);
+    background-size: 32rpx 32rpx;
+    pointer-events: none;
+}
+
+.weekly-page .st-latest-label {
+    position: relative;
+    z-index: 1;
+    font-size: 24rpx;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    opacity: 0.9;
+    margin-bottom: 8rpx;
+}
+
+.weekly-page .st-latest-value-row {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    align-items: baseline;
+    gap: 8rpx;
+}
+
+.weekly-page .st-latest-value {
+    font-size: 112rpx;
+    font-weight: 800;
+    line-height: 1;
+    letter-spacing: -0.02em;
+}
+
+.weekly-page .st-latest-hero.is-high .st-latest-value,
+.weekly-page .st-latest-hero.is-high .st-latest-unit {
+    color: var(--on-error-container);
+}
+
+.weekly-page .st-latest-unit {
+    font-size: 32rpx;
+    font-weight: 500;
+    opacity: 0.8;
+}
+
+.weekly-page .st-latest-flag {
+    position: relative;
+    z-index: 1;
+    margin-top: 24rpx;
+    display: inline-flex;
+    align-items: center;
+    gap: 12rpx;
+    padding: 8rpx 24rpx;
+    border-radius: 999rpx;
+    background: rgba(255, 255, 255, 0.3);
+    font-size: 24rpx;
+    font-weight: 700;
+}
+
+.weekly-page .st-summary-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 24rpx;
+}
+
+.weekly-page .st-summary-card {
+    padding: 32rpx;
+    border-radius: var(--st-radius-2xl);
+    background: var(--surface-container-lowest);
+    border: 1rpx solid rgba(221, 228, 221, 0.5);
+    box-shadow: var(--st-shadow-ambient);
+    display: flex;
+    flex-direction: column;
+    gap: 8rpx;
+}
+
+.weekly-page .st-summary-label {
+    font-size: 24rpx;
+    font-weight: 600;
+    color: var(--on-surface-variant);
+}
+
+.weekly-page .st-summary-value {
+    font-size: 48rpx;
+    font-weight: 700;
+    color: var(--on-surface);
+}
+
+.weekly-page .st-summary-value.is-high {
+    color: var(--tertiary);
+}
+
+.weekly-page .st-summary-tag {
+    align-self: flex-start;
+    padding: 4rpx 16rpx;
+    border-radius: 8rpx;
+    font-size: 20rpx;
+    font-weight: 600;
+    color: var(--tertiary);
+    background: rgba(255, 218, 214, 0.5);
+}
+
+/* ===== AI 饮食 ===== */
+.weekly-page .st-ai-section {
+    position: relative;
+    overflow: hidden;
+    padding: 40rpx;
+    border-radius: 48rpx;
+    background: linear-gradient(135deg, rgba(0, 108, 73, 0.1) 0%, rgba(0, 108, 73, 0.05) 100%);
+    border: 1rpx solid rgba(0, 108, 73, 0.1);
+}
+
+.weekly-page .st-ai-deco {
+    position: absolute;
+    width: 256rpx;
+    height: 256rpx;
+    top: -64rpx;
+    right: -64rpx;
+    border-radius: 50%;
+    background: rgba(78, 222, 163, 0.2);
+    filter: blur(40rpx);
+    pointer-events: none;
+}
+
+.weekly-page .st-ai-head {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 16rpx;
+}
+
+.weekly-page .st-ai-head-left {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+}
+
+.weekly-page .st-ai-icon {
+    width: 64rpx;
+    height: 64rpx;
+    border-radius: 50%;
+    background: var(--primary);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.weekly-page .st-ai-icon.thinking {
+    animation: st-pulse 1.2s ease-in-out infinite;
+}
+
+@keyframes st-pulse {
+    50% { opacity: 0.65; }
+}
+
+.weekly-page .st-ai-title {
+    font-size: 40rpx;
+    font-weight: 700;
+    color: var(--on-surface);
+}
+
+.weekly-page .st-ai-refresh {
+    display: flex;
+    align-items: center;
+    gap: 8rpx;
+    padding: 12rpx 24rpx;
+    border-radius: 999rpx;
+    background: rgba(255, 255, 255, 0.5);
+    font-size: 24rpx;
+    font-weight: 600;
+    color: var(--primary);
+}
+
+.weekly-page .st-ai-refresh.disabled {
+    opacity: 0.5;
+}
+
+.weekly-page .st-ai-sub {
+    position: relative;
+    z-index: 1;
+    display: block;
+    margin-bottom: 32rpx;
+    font-size: 28rpx;
+    line-height: 1.43;
+    color: var(--on-surface-variant);
+}
+
+.weekly-page .st-meal-list {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 24rpx;
+}
+
+.weekly-page .st-meal-glass {
+    padding: 32rpx;
+    border-radius: var(--st-radius-2xl);
+    background: rgba(255, 255, 255, 0.8);
+    border: 1rpx solid #ffffff;
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.04);
+}
+
+.weekly-page .st-meal-head {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    margin-bottom: 16rpx;
+}
+
+.weekly-page .st-meal-label {
+    font-size: 28rpx;
+    font-weight: 700;
+    color: var(--on-surface);
+}
+
+.weekly-page .st-meal-text {
+    font-size: 28rpx;
+    line-height: 1.43;
+    color: var(--on-surface-variant);
+}
+
+.weekly-page .st-skeleton-line {
+    height: 28rpx;
+    margin-bottom: 16rpx;
+    border-radius: 8rpx;
+    background: rgba(255, 255, 255, 0.5);
+}
+
+.weekly-page .st-skeleton-hint {
+    font-size: 26rpx;
+    color: var(--outline);
+    text-align: center;
+}
+
+/* ===== 底部浮动输入 ===== */
+.weekly-page .st-float-ask {
+    position: fixed;
+    left: var(--st-container-margin);
+    right: var(--st-container-margin);
+    bottom: calc(24rpx + env(safe-area-inset-bottom));
+    z-index: 90;
+}
+
+.weekly-page .st-float-inner {
+    display: flex;
+    align-items: center;
+    gap: 24rpx;
+    padding: 16rpx 16rpx 16rpx 40rpx;
+    border-radius: 999rpx;
+    background: rgba(255, 255, 255, 0.9);
+    backdrop-filter: blur(20rpx);
+    border: 1rpx solid rgba(0, 108, 73, 0.1);
+    box-shadow: var(--st-shadow-float);
+}
+
+.weekly-page .st-float-icon {
+    width: 64rpx;
+    height: 64rpx;
+    border-radius: 50%;
+    background: rgba(0, 108, 73, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.weekly-page .st-float-input {
+    flex: 1;
+    min-width: 0;
+    height: 64rpx;
+    font-size: 28rpx;
+    color: var(--on-surface);
+    background: transparent;
+}
+
+.weekly-page .st-float-placeholder {
+    color: rgba(60, 74, 66, 0.6);
+    font-size: 28rpx;
+}
+
+.weekly-page .st-float-send {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 50%;
+    background: var(--primary);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    box-shadow: 0 4rpx 12rpx rgba(0, 108, 73, 0.2);
+}
+
+.weekly-page .st-float-send.disabled {
+    opacity: 0.55;
+}
+
+.weekly-page .st-float-send:active {
+    transform: scale(0.95);
+}
+
+.weekly-page .st-float-result {
+    margin-top: 16rpx;
+    padding: 24rpx 32rpx;
+    border-radius: var(--st-radius-xl);
+    background: rgba(255, 255, 255, 0.95);
+    border: 1rpx solid var(--outline-variant);
+    box-shadow: var(--st-shadow-ambient);
+}
+
+.weekly-page .st-float-badge {
+    display: inline-block;
+    margin-bottom: 8rpx;
+    padding: 4rpx 12rpx;
+    border-radius: 8rpx;
+    font-size: 22rpx;
+    font-weight: 700;
+    color: var(--primary);
+    background: rgba(0, 108, 73, 0.1);
+}
+
+.weekly-page .st-float-advice {
+    font-size: 28rpx;
+    line-height: 1.5;
+    color: var(--on-surface-variant);
+}
+
+.weekly-page .ai-stream-cursor {
+    animation: st-blink 0.8s step-end infinite;
+}
+
+@keyframes st-blink {
+    50% { opacity: 0; }
+}
+
+.weekly-page .chart-tip {
+    position: absolute;
+    z-index: 10;
+    padding: 12rpx 16rpx;
+    border-radius: 12rpx;
+    background: rgba(22, 29, 25, 0.88);
+    color: #fff;
+    font-size: 22rpx;
+    pointer-events: none;
+}
+
+.weekly-page .chart-tip-date {
+    font-weight: 700;
+    margin-bottom: 8rpx;
+}
+
+.weekly-page .chart-tip-row {
+    display: flex;
+    align-items: center;
+    gap: 8rpx;
+    margin-top: 4rpx;
+}