更新

2026-06-15 09:12:32 +08:00 · 2026-06-15 09:12:15 +08:00 · 2026-06-12 18:07:21 +08:00 · 2026-06-11 14:26:41 +08:00 · 2026-06-10 17:30:43 +08:00 · 2026-06-10 17:30:05 +08:00
587 changed files with 52378 additions and 8360 deletions
@@ -26,11 +26,8 @@ bin-release/
 /.cursor
 /.codex
 /.agents
-/.claude
-/.claude
-/.claude
-/.kbctx
 /server/.spool
 /server/.claude
 /.spool
 TUICallKit-Vue3/.env
+/.codegraph
@@ -1,5 +1,3 @@
 {
-    "kiroAgent.configureMCP": "Disabled"
-
-  
+    "kiroAgent.configureMCP": "Enabled"
 }
@@ -1,120 +0,0 @@
-alias ll='ls -alhG'
-
-# Starship prompt
-eval "$(starship init zsh)"
-
-# zsh-autosuggestions 自动补全
-source /opt/homebrew/share/zsh-autosuggestions/zsh-autosuggestions.zsh
-
-# NVM 懒加载 - 只在第一次使用相关命令时再初始化
-export NVM_DIR="$HOME/.nvm"
-_nvm_default_bin() {
-  local default_alias version_dir
-  [ -r "$NVM_DIR/alias/default" ] || return 1
-
-  default_alias="$(<"$NVM_DIR/alias/default")"
-  default_alias="${default_alias#"${default_alias%%[![:space:]]*}"}"
-  default_alias="${default_alias%"${default_alias##*[![:space:]]}"}"
-
-  case "$default_alias" in
-    v[0-9]*)
-      version_dir="$NVM_DIR/versions/node/$default_alias"
-      ;;
-    [0-9]*)
-      version_dir="$(ls -d "$NVM_DIR"/versions/node/v"$default_alias".* 2>/dev/null | tail -n 1)"
-      ;;
-    node|stable|lts/*)
-      version_dir="$(ls -d "$NVM_DIR"/versions/node/v* 2>/dev/null | sort -V | tail -n 1)"
-      ;;
-    *)
-      return 1
-      ;;
-  esac
-
-  [ -n "$version_dir" ] && [ -x "$version_dir/bin/node" ] || return 1
-  printf '%s\n' "$version_dir/bin"
-}
-if _nvm_default_node_bin="$(_nvm_default_bin)"; then
-  export PATH="$_nvm_default_node_bin:$PATH"
-fi
-unset _nvm_default_node_bin
-_lazy_load_nvm() {
-  unset -f nvm node npm npx pnpm yarn 2>/dev/null
-  [ -s "$NVM_DIR/nvm.sh" ] || return 1
-  \. "$NVM_DIR/nvm.sh"
-  [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"
-  hash -r 2>/dev/null
-}
-nvm() { _lazy_load_nvm && nvm "$@"; }
-node() { _lazy_load_nvm && node "$@"; }
-npm() { _lazy_load_nvm && npm "$@"; }
-npx() { _lazy_load_nvm && npx "$@"; }
-pnpm() { _lazy_load_nvm && pnpm "$@"; }
-yarn() { _lazy_load_nvm && yarn "$@"; }
-export PATH="/Applications/EServer/bin:$PATH"
-function EC_start(){
-    /Applications/EasyConnect.app/Contents/Resources/bin/EasyMonitor > /dev/null 2>&1 &
-    /Applications/EasyConnect.app/Contents/MacOS/EasyConnect > /dev/null 2>&1 &
-    open /Applications/EasyConnect.app
-}
-
-function EC_kill(){
-    pkill EasyMonitor
-    pkill ECAgent
-    pkill ECAgentProxy
-    pkill EasyConnect
-}
-# The following lines have been added by Docker Desktop to enable Docker CLI completions.
-fpath=(/Users/long/.docker/completions $fpath)
-autoload -Uz compinit
-compinit
-# End of Docker CLI completions
-
-
-export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.ustc.edu.cn/homebrew-bottles/
-
-# pyenv 懒加载 - 只在第一次使用 Python 相关命令时再初始化
-export PYENV_ROOT="$HOME/.pyenv"
-_lazy_load_pyenv() {
-  unset -f pyenv python python3 pip pip3 2>/dev/null
-
-  local pyenv_bin
-  pyenv_bin="$(command -v pyenv 2>/dev/null)"
-  if [ -z "$pyenv_bin" ] && [ -x /opt/homebrew/bin/pyenv ]; then
-    pyenv_bin=/opt/homebrew/bin/pyenv
-  fi
-
-  [ -n "$pyenv_bin" ] || return 1
-
-  eval "$("$pyenv_bin" init --path)"
-  eval "$("$pyenv_bin" init - zsh)"
-  hash -r 2>/dev/null
-}
-pyenv() { _lazy_load_pyenv && pyenv "$@"; }
-python() { _lazy_load_pyenv && python "$@"; }
-python3() { _lazy_load_pyenv && python3 "$@"; }
-pip() { _lazy_load_pyenv && pip "$@"; }
-pip3() { _lazy_load_pyenv && pip3 "$@"; }
-
-# 引入 bash 配置
-if [ -f ~/.bash_profile ]; then
-    source ~/.bash_profile
-fi
-if [ -f ~/.bashrc ]; then
-    source ~/.bashrc
-fi
-
-# Added by Windsurf
-export PATH="/Users/long/.codeium/windsurf/bin:$PATH"
-
-# Added by Antigravity
-export PATH="/Users/long/.antigravity/antigravity/bin:$PATH"
-export PATH="$HOME/.local/bin:$PATH"
-
-# MindOS Desktop — CLI (mindos)
-export PATH="$HOME/.mindos/bin:$PATH"
-
-source "$HOME/.cargo/env"
-
-# Added by Antigravity
-export PATH="/Users/long/.antigravity/antigravity/bin:$PATH"
@@ -1,74 +0,0 @@
-alias ll='ls -alhG'
-
-# Starship prompt
-eval "$(starship init zsh)"
-
-# zsh-autosuggestions 自动补全
-source /opt/homebrew/share/zsh-autosuggestions/zsh-autosuggestions.zsh
-
-# NVM
-export NVM_DIR="$HOME/.nvm"
-if [ -s "$NVM_DIR/nvm.sh" ]; then
-  \. "$NVM_DIR/nvm.sh"
-fi
-[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"
-export PATH="/Applications/EServer/bin:$PATH"
-function EC_start(){
-    /Applications/EasyConnect.app/Contents/Resources/bin/EasyMonitor > /dev/null 2>&1 &
-    /Applications/EasyConnect.app/Contents/MacOS/EasyConnect > /dev/null 2>&1 &
-    open /Applications/EasyConnect.app
-}
-
-function EC_kill(){
-    pkill EasyMonitor
-    pkill ECAgent
-    pkill ECAgentProxy
-    pkill EasyConnect
-}
-# The following lines have been added by Docker Desktop to enable Docker CLI completions.
-fpath=(/Users/long/.docker/completions $fpath)
-autoload -Uz compinit
-compinit
-# End of Docker CLI completions
-
-
-export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.ustc.edu.cn/homebrew-bottles/
-
-# pyenv
-export PYENV_ROOT="$HOME/.pyenv"
-export PATH="/opt/homebrew/bin:$PYENV_ROOT/bin:$PATH"
-if command -v pyenv >/dev/null 2>&1; then
-  eval "$(pyenv init --path)"
-  eval "$(pyenv init - zsh)"
-fi
-
-# 引入 bash 配置
-if [ -f ~/.bash_profile ]; then
-    source ~/.bash_profile
-fi
-if [ -f ~/.bashrc ]; then
-    source ~/.bashrc
-fi
-
-# Added by Windsurf
-export PATH="/Users/long/.codeium/windsurf/bin:$PATH"
-
-# Added by Antigravity
-export PATH="/Users/long/.antigravity/antigravity/bin:$PATH"
-
-if command -v nvm >/dev/null 2>&1; then
-  _nvm_default_version="$(nvm version default 2>/dev/null)"
-  if [ -n "$_nvm_default_version" ] && [ -d "$NVM_DIR/versions/node/$_nvm_default_version/bin" ]; then
-    export PATH="$NVM_DIR/versions/node/$_nvm_default_version/bin:$PATH"
-  fi
-  unset _nvm_default_version
-fi
-export PATH="$HOME/.local/bin:$PATH"
-
-# MindOS Desktop — CLI (mindos)
-export PATH="$HOME/.mindos/bin:$PATH"
-
-source "$HOME/.cargo/env"
-
-# Added by Antigravity
-export PATH="/Users/long/.antigravity/antigravity/bin:$PATH"
@@ -10,6 +10,7 @@ lerna-debug.log*
 node_modules
 .DS_Store
 dist
+unpackage/dist
 *.local

 # Editor directories and files
@@ -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{
@@ -1,6 +1,30 @@
 ## 简介
 本 demo 演示了如何在 uni-app 项目中集成 [TUICallKit](https://www.npmjs.com/package/@trtc/calls-uikit-wx-uniapp) 音视频通话组件。

+## 两种开发方式
+
+本工程同时支持 **HBuilderX** 和 **命令行 (vite)** 两套编译链路，二选一即可。
+
+### 方式 A：命令行 (vite)
+
+```bash
+npm install                  # 安装依赖
+npm run dev:mp-weixin        # watch 模式，产物 dist/dev/mp-weixin
+npm run build:mp-weixin      # 生产构建，产物 dist/build/mp-weixin
+```
+
+构建完成后用微信开发者工具打开对应 `dist/.../mp-weixin` 目录即可。
+
+支持平台：`mp-weixin` / `h5` / `app`（脚本里有 dev/build 两组）。
+
+### 方式 B：HBuilderX
+
+HBuilderX 3.4+ 会自动识别 `vite.config.ts` 并切换到 vite 编译模式。
+
+1. 用 HBuilderX 打开工程根目录
+2. 菜单「运行」→「运行到小程序模拟器」→「微信开发者工具」
+3. 产物会输出到 `unpackage/dist/dev/mp-weixin`
+

 ## 环境准备

@@ -0,0 +1,137 @@
+<template>
+    <view class="tab-dock">
+        <view class="tab-dock__inner">
+            <view class="tab-dock__item" @click="goHome">
+                <image
+                    class="tab-dock__icon"
+                    :src="active === 0 ? '/static/user/home_no.png' : '/static/user/home.png'"
+                    mode="aspectFit"
+                />
+                <text class="tab-dock__label" :style="{ color: active === 0 ? activeColor : color }">首页</text>
+            </view>
+
+            <view class="tab-dock__item tab-dock__item--center" @click="goWeekly">
+                <view class="tab-dock__fab" :class="{ 'tab-dock__fab--active': active === 1 }">
+                    <text class="tab-dock__fab-text">糖</text>
+                </view>
+                <text class="tab-dock__label tab-dock__label--center" :style="{ color: active === 1 ? activeColor : color }">血糖</text>
+            </view>
+
+            <view class="tab-dock__item" @click="goUser">
+                <image
+                    class="tab-dock__icon"
+                    :src="active === 2 ? '/static/user/user_no.png' : '/static/user/user.png'"
+                    mode="aspectFit"
+                />
+                <text class="tab-dock__label" :style="{ color: active === 2 ? activeColor : color }">我的</text>
+            </view>
+        </view>
+        <view class="tab-dock__safe" />
+    </view>
+</template>
+
+<script setup>
+const props = defineProps({
+    /** 0 首页 1 血糖 2 我的 */
+    active: {
+        type: Number,
+        default: 0
+    }
+})
+
+const color = '#8a8a8a'
+const activeColor = '#204e2b'
+
+function goHome() {
+    if (props.active === 0) return
+    uni.redirectTo({ url: '/pages/index/index' })
+}
+
+function goUser() {
+    if (props.active === 2) return
+    uni.redirectTo({ url: '/pages/user/user' })
+}
+
+function goWeekly() {
+    if (props.active === 1) return
+    uni.redirectTo({ url: '/tongji/pages/weekly' })
+}
+</script>
+
+<style scoped lang="scss">
+.tab-dock {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 999;
+    background: #ffffff;
+    border-top: 1rpx solid rgba(0, 0, 0, 0.06);
+    box-shadow: 0 -6rpx 20rpx rgba(0, 0, 0, 0.04);
+}
+
+.tab-dock__inner {
+    display: flex;
+    align-items: flex-end;
+    height: 100rpx;
+}
+
+.tab-dock__item {
+    flex: 1;
+    height: 100rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.tab-dock__item--center {
+    justify-content: flex-end;
+    padding-bottom: 6rpx;
+}
+
+.tab-dock__icon {
+    width: 46rpx;
+    height: 46rpx;
+}
+
+.tab-dock__label {
+    margin-top: 6rpx;
+    font-size: 22rpx;
+    line-height: 1.2;
+}
+
+.tab-dock__label--center {
+    margin-top: 8rpx;
+}
+
+.tab-dock__fab {
+    width: 96rpx;
+    height: 96rpx;
+    margin-top: -48rpx;
+    border-radius: 50%;
+    background: linear-gradient(180deg, #2d7340 0%, #204e2b 100%);
+    border: 6rpx solid #ffffff;
+    box-shadow: 0 10rpx 24rpx rgba(32, 78, 43, 0.35);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.tab-dock__fab--active {
+    transform: scale(1.04);
+    box-shadow: 0 12rpx 28rpx rgba(32, 78, 43, 0.42);
+}
+
+.tab-dock__fab-text {
+    color: #ffffff;
+    font-size: 38rpx;
+    font-weight: 700;
+    line-height: 1;
+}
+
+.tab-dock__safe {
+    height: env(safe-area-inset-bottom);
+    background: #ffffff;
+}
+</style>
@@ -1,19 +1,121 @@
 <template>
-    <view v-if="visible" class="dev-entry-wrap" :style="{ bottom: props.bottom + 'rpx' }">
+    <!-- 页面内嵌模块（如 weekly 统计页主内容区） -->
+    <view
+        v-if="visible && props.inline"
+        class="dev-entry-inline"
+        :class="{ 'dev-entry-inline--weekly': props.tone === 'weekly' }"
+    >
+        <view class="inline-hero">
+            <view class="inline-hero-icon" aria-hidden="true">
+                <view class="inline-hero-wave" />
+            </view>
+            <view class="inline-hero-text">
+                <view class="inline-hero-title-row">
+                    <text class="inline-title">居家耗糖训练</text>
+                    <text v-if="props.tone === 'weekly'" class="inline-pill">体验</text>
+                </view>
+                <text class="inline-sub">低强度动起来，帮助身体消耗糖分</text>
+            </view>
+        </view>
+
+        <scroll-view
+            scroll-x
+            class="inline-scroll"
+            :show-scrollbar="false"
+            :enable-flex="true"
+        >
+            <view class="inline-scroll-track">
+                <view
+                    v-for="item in inlineItems"
+                    :key="item.url"
+                    class="inline-card"
+                    @click="goto(item.url)"
+                >
+                    <view v-if="item.featured" class="inline-card-badge">
+                        <text>推荐</text>
+                    </view>
+                    <view class="menu-icon" :class="item.iconClass">
+                        <view v-if="item.icon === 'dumbbell'" class="dumbbell-shape">
+                            <view class="dumbbell-plate dumbbell-plate-left" />
+                            <view class="dumbbell-bar" />
+                            <view class="dumbbell-plate dumbbell-plate-right" />
+                        </view>
+                        <view v-else-if="item.icon === 'pedal'" class="foot-pedal-shape">
+                            <view class="pedal-bar pedal-bar-left" />
+                            <view class="pedal-bar pedal-bar-right" />
+                        </view>
+                        <view v-else-if="item.icon === 'pilates'" class="pilates-ring-shape" />
+                        <view v-else-if="item.icon === 'grip'" class="grip-ring-shape" />
+                        <view v-else-if="item.icon === 'metro'" class="menu-icon--metro-inner">
+                            <view class="metro-bar metro-bar-1" />
+                            <view class="metro-bar metro-bar-2" />
+                            <view class="metro-bar metro-bar-3" />
+                        </view>
+                    </view>
+                    <text class="inline-card-title">{{ item.title }}</text>
+                    <text class="inline-card-sub">{{ item.sub }}</text>
+                    <text class="inline-card-go" aria-hidden="true">进入</text>
+                </view>
+            </view>
+        </scroll-view>
+
+        <text v-if="props.tone === 'weekly'" class="inline-scroll-hint">左右滑动，选择适合您的训练</text>
+    </view>
+
+    <view v-else-if="visible" class="dev-entry-wrap" :style="{ bottom: props.bottom + 'rpx' }">
        <!-- 展开后的菜单卡片(从下往上动画) -->
        <view v-if="expanded" class="menu-list" @click.stop>
-            <!-- "练一练" 暂时隐藏,后续恢复时取消注释即可
-            <view class="menu-item" @click="goto('/training/pages/index')">
-                <view class="menu-icon menu-icon&#45;&#45;train">
-                    <text class="menu-icon-text">💪</text>
+            <view class="menu-item" @click="goto('/training/pages/dumbbell')">
+                <view class="menu-icon menu-icon--dumbbell">
+                    <view class="dumbbell-shape">
+                        <view class="dumbbell-plate dumbbell-plate-left" />
+                        <view class="dumbbell-bar" />
+                        <view class="dumbbell-plate dumbbell-plate-right" />
+                    </view>
                </view>
                <view class="menu-info">
-                    <text class="menu-title">练一练</text>
-                    <text class="menu-sub">器械跟练</text>
+                    <text class="menu-title">哑铃</text>
+                    <text class="menu-sub">力量塑形</text>
                </view>
                <view class="menu-arrow">›</view>
            </view>
-            -->
+
+            <view class="menu-item" @click="goto('/training/pages/foot-pedal')">
+                <view class="menu-icon menu-icon--pedal">
+                    <view class="foot-pedal-shape">
+                        <view class="pedal-bar pedal-bar-left" />
+                        <view class="pedal-bar pedal-bar-right" />
+                    </view>
+                </view>
+                <view class="menu-info">
+                    <text class="menu-title">脚蹬器</text>
+                    <text class="menu-sub">下肢有氧</text>
+                </view>
+                <view class="menu-arrow">›</view>
+            </view>
+
+            <view class="menu-item" @click="goto('/training/pages/pilates-ring')">
+                <view class="menu-icon menu-icon--pilates">
+                    <view class="pilates-ring-shape" />
+                </view>
+                <view class="menu-info">
+                    <text class="menu-title">瑜伽环</text>
+                    <text class="menu-sub">核心塑形</text>
+                </view>
+                <view class="menu-arrow">›</view>
+            </view>
+
+            <view class="menu-item" @click="goto('/training/pages/grip-ring')">
+                <view class="menu-icon menu-icon--grip">
+                    <view class="grip-ring-shape" />
+                </view>
+                <view class="menu-info">
+                    <text class="menu-title">握力环</text>
+                    <text class="menu-sub">握力训练</text>
+                </view>
+                <view class="menu-arrow">›</view>
+            </view>
+
            <view class="menu-item" @click="goto('/training/pages/metronome')">
                <view class="menu-icon menu-icon--metro">
                    <view class="metro-bar metro-bar-1" />
@@ -21,7 +123,7 @@
                    <view class="metro-bar metro-bar-3" />
                </view>
                <view class="menu-info">
-                    <text class="menu-title">节拍器</text>
+                    <text class="menu-title">耗糖节拍器</text>
                    <text class="menu-sub">健走配速</text>
                </view>
                <view class="menu-arrow">›</view>
@@ -45,15 +147,45 @@
 </template>

 <script setup lang="ts">
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
+
+type TrainingItem = {
+    url: string
+    title: string
+    sub: string
+    icon: 'dumbbell' | 'pedal' | 'pilates' | 'grip' | 'metro'
+    iconClass: string
+    featured?: boolean
+}
+
+const trainingItems: TrainingItem[] = [
+    { url: '/training/pages/dumbbell', title: '哑铃', sub: '力量塑形', icon: 'dumbbell', iconClass: 'menu-icon--dumbbell' },
+    { url: '/training/pages/foot-pedal', title: '脚蹬器', sub: '下肢有氧', icon: 'pedal', iconClass: 'menu-icon--pedal' },
+    { url: '/training/pages/pilates-ring', title: '瑜伽环', sub: '核心塑形', icon: 'pilates', iconClass: 'menu-icon--pilates' },
+    { url: '/training/pages/grip-ring', title: '握力环', sub: '握力训练', icon: 'grip', iconClass: 'menu-icon--grip' },
+    { url: '/training/pages/metronome', title: '耗糖节拍器', sub: '健走配速', icon: 'metro', iconClass: 'menu-icon--metro', featured: true },
+]

 const props = withDefaults(
    defineProps<{
+        /** 悬浮按钮距底部 rpx（仅非 inline） */
        bottom?: number
+        /** 内嵌到页面主内容区，非 fixed 悬浮 */
+        inline?: boolean
+        /** weekly 页：与统计页 Vital Mint 视觉一致 */
+        tone?: 'default' | 'weekly'
    }>(),
-    { bottom: 200 },
+    { bottom: 200, inline: false, tone: 'default' },
 )

+/** weekly 将健走节拍器置前并标推荐 */
+const inlineItems = computed(() => {
+    if (props.tone !== 'weekly') return trainingItems
+    const metro = trainingItems.find((i) => i.icon === 'metro')
+    const rest = trainingItems.filter((i) => i.icon !== 'metro')
+    return metro ? [metro, ...rest] : trainingItems
+})
+
 const isDevMode = (): boolean => {
    /* HBuilderX 工程：发行(release)模式下 NODE_ENV === 'production' */
    try {
@@ -251,6 +383,22 @@ $brand-light: #34d399;
    &--train {
        background: linear-gradient(140deg, $brand-light, $brand-deep);
    }
+    &--dumbbell {
+        background: linear-gradient(140deg, #93c5fd, #3b82f6);
+        box-shadow: 0 2rpx 8rpx rgba(59, 130, 246, 0.36);
+    }
+    &--pedal {
+        background: linear-gradient(140deg, #fdba74, #f97316);
+        box-shadow: 0 2rpx 8rpx rgba(249, 115, 22, 0.36);
+    }
+    &--pilates {
+        background: linear-gradient(140deg, #c4b5fd, #8b5cf6);
+        box-shadow: 0 2rpx 8rpx rgba(139, 92, 246, 0.36);
+    }
+    &--grip {
+        background: linear-gradient(140deg, #5eead4, #14b8a6);
+        box-shadow: 0 2rpx 8rpx rgba(20, 184, 166, 0.36);
+    }
    &--metro {
        background: linear-gradient(140deg, #fbbf24, #d97706);
        box-shadow: 0 2rpx 8rpx rgba(245, 158, 11, 0.36);
@@ -263,6 +411,94 @@ $brand-light: #34d399;
    line-height: 1;
 }

+/* 哑铃小 icon */
+.dumbbell-shape {
+    width: 40rpx;
+    height: 20rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.dumbbell-plate {
+    width: 10rpx;
+    height: 18rpx;
+    background: #fff;
+    border-radius: 3rpx;
+    box-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.18);
+}
+
+.dumbbell-bar {
+    width: 16rpx;
+    height: 5rpx;
+    background: #fff;
+    border-radius: 2rpx;
+    margin: 0 2rpx;
+    box-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.18);
+}
+
+/* 脚蹬器小 icon: 左右踏板 */
+.foot-pedal-shape {
+    width: 40rpx;
+    height: 28rpx;
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+    gap: 6rpx;
+}
+
+.pedal-bar {
+    width: 14rpx;
+    background: #fff;
+    border-radius: 4rpx 4rpx 2rpx 2rpx;
+    box-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.18);
+}
+
+.pedal-bar-left {
+    height: 18rpx;
+    transform: rotate(-12deg);
+}
+
+.pedal-bar-right {
+    height: 22rpx;
+    transform: rotate(12deg);
+}
+
+/* 瑜伽环小 icon: 双弧阻力环 */
+.pilates-ring-shape {
+    width: 36rpx;
+    height: 36rpx;
+    border-radius: 50%;
+    border: 5rpx solid #fff;
+    position: relative;
+    box-shadow:
+        0 1rpx 2rpx rgba(0, 0, 0, 0.18),
+        inset 0 1rpx 2rpx rgba(255, 255, 255, 0.6);
+
+    &::after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 18rpx;
+        height: 18rpx;
+        transform: translate(-50%, -50%);
+        border-radius: 50%;
+        border: 3rpx solid rgba(255, 255, 255, 0.85);
+    }
+}
+
+/* 握力环小 icon: 白色描边的环（甜甜圈） */
+.grip-ring-shape {
+    width: 32rpx;
+    height: 32rpx;
+    border-radius: 50%;
+    border: 7rpx solid #fff;
+    box-shadow:
+        0 1rpx 2rpx rgba(0, 0, 0, 0.18),
+        inset 0 1rpx 2rpx rgba(255, 255, 255, 0.6);
+}
+
 /* 节拍器小 icon: 3 根高低柱模拟均衡器/节拍 */
 .metro-bar {
    width: 4rpx;
@@ -306,4 +542,196 @@ $brand-light: #34d399;
    line-height: 1;
    margin-left: 4rpx;
 }
+
+.menu-icon--metro-inner {
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+    gap: 4rpx;
+    width: 100%;
+    height: 100%;
+}
+
+/* ============================================================
+ * 内嵌模块（weekly 等）
+ * ============================================================ */
+.dev-entry-inline {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.dev-entry-inline--weekly {
+    padding: 32rpx 28rpx 24rpx;
+    border-radius: 48rpx;
+    background: var(--surface-container-lowest, #fff);
+    border: 1rpx solid rgba(0, 108, 73, 0.12);
+    box-shadow:
+        0 24rpx 60rpx -20rpx rgba(0, 108, 73, 0.08),
+        0 8rpx 20rpx -8rpx rgba(0, 0, 0, 0.03);
+}
+
+.inline-hero {
+    display: flex;
+    align-items: center;
+    gap: 20rpx;
+    margin-bottom: 24rpx;
+}
+
+.inline-hero-icon {
+    width: 88rpx;
+    height: 88rpx;
+    border-radius: 24rpx;
+    background: rgba(0, 108, 73, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.inline-hero-wave {
+    width: 52rpx;
+    height: 52rpx;
+    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23006c49' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='2,12 7,12 9.5,7 12,17 14.5,9 16.5,12 22,12'/></svg>");
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+.inline-hero-text {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6rpx;
+}
+
+.inline-hero-title-row {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 10rpx;
+}
+
+.inline-title {
+    font-size: 32rpx;
+    font-weight: 700;
+    color: #0f172a;
+    line-height: 1.25;
+}
+
+.inline-pill {
+    font-size: 20rpx;
+    font-weight: 700;
+    color: #006c49;
+    padding: 4rpx 12rpx;
+    border-radius: 999rpx;
+    background: rgba(0, 108, 73, 0.1);
+    line-height: 1.2;
+}
+
+.inline-sub {
+    font-size: 26rpx;
+    font-weight: 500;
+    color: #475569;
+    line-height: 1.4;
+}
+
+.inline-scroll {
+    width: 100%;
+    white-space: nowrap;
+}
+
+.inline-scroll-track {
+    display: inline-flex;
+    flex-direction: row;
+    align-items: stretch;
+    gap: 16rpx;
+    padding: 4rpx 2rpx 8rpx;
+}
+
+.inline-card {
+    position: relative;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: flex-start;
+    width: 212rpx;
+    min-height: 220rpx;
+    padding: 20rpx 18rpx 18rpx;
+    border-radius: 28rpx;
+    background: #f4f7f5;
+    border: 1rpx solid rgba(0, 108, 73, 0.1);
+    box-sizing: border-box;
+    flex-shrink: 0;
+    transition: transform 0.2s ease, background 0.2s ease;
+
+    &:active {
+        transform: scale(0.98);
+        background: #e8f3ee;
+    }
+
+    .menu-icon {
+        width: 72rpx;
+        height: 72rpx;
+        margin-bottom: 14rpx;
+        flex-shrink: 0;
+    }
+}
+
+.inline-card-badge {
+    position: absolute;
+    top: 12rpx;
+    right: 12rpx;
+    padding: 4rpx 10rpx;
+    border-radius: 8rpx;
+    background: #006c49;
+
+    text {
+        font-size: 18rpx;
+        font-weight: 700;
+        color: #fff;
+        line-height: 1.2;
+    }
+}
+
+.inline-card-title {
+    font-size: 28rpx;
+    font-weight: 700;
+    color: #0f172a;
+    line-height: 1.25;
+    width: 100%;
+}
+
+.inline-card-sub {
+    margin-top: 6rpx;
+    font-size: 22rpx;
+    font-weight: 500;
+    color: #64748b;
+    line-height: 1.35;
+    width: 100%;
+}
+
+.inline-card-go {
+    margin-top: auto;
+    padding-top: 12rpx;
+    font-size: 22rpx;
+    font-weight: 700;
+    color: #006c49;
+    line-height: 1.2;
+}
+
+.inline-scroll-hint {
+    display: block;
+    margin-top: 14rpx;
+    font-size: 22rpx;
+    font-weight: 600;
+    color: #94a3b8;
+    text-align: center;
+    line-height: 1.35;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .inline-card:active {
+        transform: none;
+    }
+}
 </style>
@@ -1,5 +1,11 @@
 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(/\/+$/, '')
+  const p = String(path || '').replace(/^\/+/, '')
+  return p ? `${b}/${p}` : b
+}
 // #ifndef VUE3
 import Vue from 'vue'
 import './uni.promisify.adaptor'
@@ -20,13 +26,13 @@ Vue.prototype.apiUrl =function apiurl(promise, Loading = true){
    if (promise.data) {
      data = promise.data
    }
-   let url=Vue.prototype.$url+promise.url
+   let url = joinApiUrl(Vue.prototype.$url, promise.url)
  
   return new Promise(function(resolve, reject) {
     uni.request({
       url: url, 
       data: data,
-       timeout: 15000,
+       timeout: promise.timeout != null ? promise.timeout : 15000,
       method: promise.method ? promise.method : 'POST',
       header: header,
       sslVerify: false,
@@ -73,7 +79,7 @@ function apiUrl(promise, Loading = true) {
  
  // 处理请求数据和URL
  const data = promise.data || {}
-  const url = baseUrl + (promise.url || '')
+  const url = joinApiUrl(baseUrl, promise.url || '')

  return new Promise((resolve, reject) => {
    // 可选：根据Loading参数显示加载中
@@ -84,7 +90,7 @@ function apiUrl(promise, Loading = true) {
    uni.request({
      url: url,
      data: data,
-      timeout: 15000,
+      timeout: promise.timeout != null ? promise.timeout : 15000,
      method: promise.method || 'POST', // 简化三元表达式
      header: header,
      sslVerify: false,
@@ -52,13 +52,14 @@
    "mp-weixin" : {
        "appid" : "wx79b9a0bfbfe7cbcd",
        "setting" : {
-            "urlCheck" : false
+            "urlCheck" : false,
+            "minified" : true
        },
        "optimization" : {
            "subPackages" : true
        },
        "usingComponents" : true,
-
+        "requiredBackgroundModes" : [ "audio" ],
        "plugins" : {
            "WechatSI" : {
                "version" : "0.3.5",
@@ -1,17 +1,55 @@
 {
  "name": "tuicallkit-vue3",
  "version": "1.0.0",
-  "description": "",
+  "description": "TUICallKit Vue3 uni-app 工程（兼容 HBuilderX & vite CLI）",
  "main": "main.js",
  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "dev:mp-weixin": "UNI_INPUT_DIR=\"$PWD\" uni -p mp-weixin",
+    "dev:h5": "UNI_INPUT_DIR=\"$PWD\" uni",
+    "dev:app": "UNI_INPUT_DIR=\"$PWD\" uni -p app",
+    "build:mp-weixin": "UNI_INPUT_DIR=\"$PWD\" uni build -p mp-weixin",
+    "build:h5": "UNI_INPUT_DIR=\"$PWD\" uni build",
+    "build:app": "UNI_INPUT_DIR=\"$PWD\" uni build -p app"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
+    "@dcloudio/uni-app": "3.0.0-4060620250520001",
+    "@dcloudio/uni-app-harmony": "3.0.0-4060620250520001",
+    "@dcloudio/uni-app-plus": "3.0.0-4060620250520001",
+    "@dcloudio/uni-components": "3.0.0-4060620250520001",
+    "@dcloudio/uni-h5": "3.0.0-4060620250520001",
+    "@dcloudio/uni-mp-alipay": "3.0.0-4060620250520001",
+    "@dcloudio/uni-mp-baidu": "3.0.0-4060620250520001",
+    "@dcloudio/uni-mp-jd": "3.0.0-4060620250520001",
+    "@dcloudio/uni-mp-kuaishou": "3.0.0-4060620250520001",
+    "@dcloudio/uni-mp-lark": "3.0.0-4060620250520001",
+    "@dcloudio/uni-mp-qq": "3.0.0-4060620250520001",
+    "@dcloudio/uni-mp-toutiao": "3.0.0-4060620250520001",
+    "@dcloudio/uni-mp-weixin": "3.0.0-4060620250520001",
+    "@dcloudio/uni-mp-xhs": "3.0.0-4060620250520001",
+    "@dcloudio/uni-quickapp-webview": "3.0.0-4060620250520001",
    "@trtc/calls-uikit-wx-uniapp": "^4.1.0",
    "@uni-ku/bundle-optimizer": "^1.3.16",
-    "tuikit-atomicx-uniapp-wx-standard": "^1.1.9"
+    "tuikit-atomicx-uniapp-wx-standard": "^1.1.9",
+    "vue": "^3.4.21",
+    "vue-i18n": "^9.1.9"
+  },
+  "devDependencies": {
+    "@dcloudio/types": "^3.4.8",
+    "@dcloudio/uni-automator": "3.0.0-4060620250520001",
+    "@dcloudio/uni-cli-shared": "3.0.0-4060620250520001",
+    "@dcloudio/uni-stacktracey": "3.0.0-4060620250520001",
+    "@dcloudio/vite-plugin-uni": "3.0.0-4060620250520001",
+    "@types/node": "^20.11.0",
+    "@vue/runtime-core": "^3.4.21",
+    "less": "^4.6.4",
+    "sass": "^1.77.8",
+    "typescript": "^5.4.0",
+    "vite": "^5.2.8"
+  },
+  "engines": {
+    "node": ">=18"
  }
 }
@@ -3,7 +3,9 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "甄养堂"
+				"navigationBarTitleText": "甄养堂",
+				"backgroundColor": "#F8F8F8",
+				"backgroundColorTop": "#F8F8F8"
 			}
 		},
 		{
@@ -43,7 +45,9 @@
 		{
 			"path": "pages/user/user",
 			"style": {
-				"navigationBarTitleText": "我的"
+				"navigationBarTitleText": "我的",
+				"backgroundColor": "#e8eaed",
+				"backgroundColorTop": "#e8eaed"
 			}
 		},
 		{
@@ -110,19 +114,48 @@
 			"root": "training",
 			"pages": [
 				{
-					"path": "pages/index",
+					"path": "pages/grip-ring",
 					"style": {
-						"navigationBarTitleText": "练一练"
-					}
-				},
-				{
-					"path": "pages/metronome",
-					"style": {
-						"navigationBarTitleText": "节拍器",
+						"navigationBarTitleText": "握力环训练",
 						"navigationBarBackgroundColor": "#f8fafc",
 						"navigationBarTextStyle": "black",
-						"backgroundColor": "#f8fafc",
-						"requiredBackgroundModes": ["audio"]
+						"backgroundColor": "#f8fafc"
+					}
+				},
+                {
+                    "path": "pages/pilates-ring",
+                    "style": {
+                        "navigationBarTitleText": "瑜伽环训练",
+                        "navigationBarBackgroundColor": "#f8fafc",
+                        "navigationBarTextStyle": "black",
+                        "backgroundColor": "#f8fafc"
+                    }
+                },
+                {
+                    "path": "pages/foot-pedal",
+                    "style": {
+                        "navigationBarTitleText": "脚蹬器训练",
+                        "navigationBarBackgroundColor": "#f8fafc",
+                        "navigationBarTextStyle": "black",
+                        "backgroundColor": "#f8fafc"
+                    }
+                },
+                {
+                    "path": "pages/dumbbell",
+                    "style": {
+                        "navigationBarTitleText": "哑铃训练",
+                        "navigationBarBackgroundColor": "#f8fafc",
+                        "navigationBarTextStyle": "black",
+                        "backgroundColor": "#f8fafc"
+                    }
+                },
+                {
+                    "path": "pages/metronome",
+					"style": {
+						"navigationBarTitleText": "耗糖节拍器",
+						"navigationBarBackgroundColor": "#f8fafc",
+						"navigationBarTextStyle": "black",
+						"backgroundColor": "#f8fafc"
 					}
 				}
 			]
@@ -148,36 +181,52 @@
 						}
 					}
 				},
+				{
+					"path": "pages/weekly",
+					"style": {
+						"navigationStyle": "custom",
+						"navigationBarTitleText": "血糖管理",
+						"backgroundColor": "#f4fbf4",
+						"enablePullDownRefresh": true,
+						"mp-weixin": {
+							"usingPlugins": {
+								"WechatSI": {
+									"version": "0.3.5",
+									"provider": "wx069ba97219f66d99"
+								}
+							}
+						}
+					}
+				},
 				{
 					"path": "pages/more",
 					"style": {
+						"navigationStyle": "custom",
 						"navigationBarTitleText": "日常护理",
-						"navigationBarBackgroundColor": "#204e2b",
-						"navigationBarTextStyle": "white",
-						"backgroundColor": "#faf9f5",
-						"enablePullDownRefresh": true
+						"backgroundColor": "#f4fbf4",
+						"enablePullDownRefresh": true,
+						"mp-weixin": {
+							"usingPlugins": {
+								"WechatSI": {
+									"version": "0.3.5",
+									"provider": "wx069ba97219f66d99"
+								}
+							}
+						}
+					}
+				},
+				{
+					"path": "pages/game",
+					"style": {
+						"navigationStyle": "custom",
+						"navigationBarTitleText": "糖分突袭",
+						"backgroundColor": "#c7d2fe",
+						"disableScroll": true
 					}
 				}
 			]
 		}
 	],
-	"tabBar": {
-		"color": "#8a8a8a",
-		"selectedColor": "#204e2b",
-		"borderStyle": "black",
-		"backgroundColor": "#ffffff",
-		"list": [{
-			"pagePath": "pages/index/index",
-			"iconPath": "/static/user/home.png",
-			"selectedIconPath": "/static/user/home_no.png",
-			"text": "首页"
-		},{
-			"pagePath": "pages/user/user",
-			"iconPath": "/static/user/user.png",
-			"selectedIconPath": "/static/user/user_no.png",
-			"text": "我的"
-		}]
-	},
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "甄养堂互联网医院",
@@ -118,13 +118,15 @@
        </view>
      </scroll-view>
    </view>
+    <TabBarDock :active="0" />
  </view>
 </template>

 <script setup>
 import { ref, onMounted } from 'vue'
 import { getCurrentInstance } from 'vue'
-import { onShow, onShareAppMessage } from '@dcloudio/uni-app'
+import { onShareAppMessage } from '@dcloudio/uni-app'
+import TabBarDock from '@/components/app-tab-bar/tab-bar-dock.vue'
 const { proxy } = getCurrentInstance()

 const doctors = ref([])
@@ -263,7 +265,8 @@ $outline: #727970;
 .container {
  background: $background;
  min-height: 100vh;
-  padding: 24rpx 32rpx 120rpx;
+  padding: 24rpx 32rpx;
+  padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
  font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
 }

@@ -1,5 +1,5 @@
 <template>
-  <div class="mine-page">
+  <view class="mine-page">
    <!-- 顶部用户信息卡片 -->
    <div class="user-card" @click="navigateTo('/pages/user/userinfo')">
      <div class="user-header">
@@ -90,16 +90,18 @@
    </div>

    <!-- DEV 开发悬浮入口（生产环境自动隐藏） -->
-    <dev-training-entry />
-  </div>
+    <dev-training-entry :bottom="360" />
+    <TabBarDock :active="2" />
+  </view>
 </template>

 <script>
 	import { onShow, onShareAppMessage } from '@dcloudio/uni-app'
 	import DevTrainingEntry from '@/components/dev-training-entry/index.vue'
+	import TabBarDock from '@/components/app-tab-bar/tab-bar-dock.vue'
 export default {
  name: 'profileB',
-  components: { DevTrainingEntry },
+  components: { DevTrainingEntry, TabBarDock },
  data() {
    return {
      userInfo: {
@@ -170,6 +172,7 @@ export default {
  min-height: 100vh;
  background: #e8eaed;
  padding: 40rpx;
+  padding-bottom: calc(40rpx + 200rpx + env(safe-area-inset-bottom));
 }

 .user-card {
@@ -420,4 +423,4 @@ export default {
 .bg-cyan { background: #13c2c2; }
 .bg-pink { background: #eb2f96; }
 .bg-gray { background: #666666; }
-</style> 
+</style>
@@ -1,213 +0,0 @@
-#!/usr/bin/env node
-/* eslint-disable no-console */
-/**
- * 用小米 MiMo TTS 生成训练语音素材
- *
- * 文档: https://platform.xiaomimimo.com/docs/en-US/usage-guide/speech-synthesis-v2.5
- * 接口: POST https://api.xiaomimimo.com/v1/chat/completions
- *
- * 准备:
- *   export MIMO_API_KEY=sk-your-key-here
- *   (或 export XIAOMI_API_KEY=...)
- *
- * 运行:
- *   cd uniapp
- *   node scripts/generate-voice.mjs              # 默认音色 冰糖
- *   node scripts/generate-voice.mjs --voice 茉莉
- *   node scripts/generate-voice.mjs --force       # 已存在的也重新生成
- *
- * 输出(分包):
- *   training/static/voice/numbers/{1..30}.mp3
- *   training/static/voice/prompts/{key}.mp3
- *
- * 需要 Node 18+（用内置 fetch）
- */
-
-import { mkdir, writeFile, access, stat } from 'node:fs/promises'
-import { dirname, join } from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { Buffer } from 'node:buffer'
-
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = dirname(__filename)
-
-const ROOT = join(__dirname, '..')
-const VOICE_DIR = join(ROOT, 'training/static/voice')
-const NUMBERS_DIR = join(VOICE_DIR, 'numbers')
-const PROMPTS_DIR = join(VOICE_DIR, 'prompts')
-
-// ============ 参数 ============
-const args = process.argv.slice(2)
-const FORCE = args.includes('--force')
-const VOICE = pickArg('--voice') || '冰糖'
-const MODEL = pickArg('--model') || 'mimo-v2.5-tts'
-const FORMAT = pickArg('--format') || 'mp3'
-
-const API_KEY =
-    process.env.MIMO_API_KEY ||
-    process.env.XIAOMI_API_KEY ||
-    process.env.XIAOMI_MIMO_API_KEY
-const ENDPOINT =
-    process.env.MIMO_ENDPOINT || 'https://api.xiaomimimo.com/v1/chat/completions'
-
-if (!API_KEY) {
-    console.error('❌ 未找到 API Key')
-    console.error('   请先 export MIMO_API_KEY=your-key')
-    process.exit(1)
-}
-
-function pickArg(name) {
-    const idx = args.indexOf(name)
-    if (idx === -1) return null
-    return args[idx + 1]
-}
-
-// ============ 语音内容 ============
-
-// 数字报数：简短的"教练点数"风格
-const NUMBER_STYLE =
-    '用简短有力的健身教练口吻报数，干净利落，节奏明快，每个数字独立清晰。'
-
-// 口令：温柔有鼓励性的女教练
-const PROMPT_STYLE =
-    '用温柔但有力量的女教练口吻说话，语调亲切自然，节奏适中，像在带学员训练。'
-
-const PROMPTS = {
-    start: '开始',
-    ready: '准备',
-    rest: '休息一下',
-    'next-set': '下一组开始',
-    'last-rep': '最后一次',
-    'keep-it-up': '继续坚持',
-    'good-job': '很棒，训练完成',
-    'breathe-in': '吸气',
-    'breathe-out': '呼气',
-}
-
-// ============ 工具 ============
-
-async function fileExists(p) {
-    try {
-        await access(p)
-        return true
-    } catch {
-        return false
-    }
-}
-
-async function ensureDir(d) {
-    await mkdir(d, { recursive: true })
-}
-
-async function tts(text, outPath, styleInstruction) {
-    if (!FORCE && (await fileExists(outPath))) {
-        const s = await stat(outPath)
-        if (s.size > 0) {
-            console.log(`[skip] ${outPath}  (已存在)`)
-            return
-        }
-    }
-
-    const body = {
-        model: MODEL,
-        messages: [
-            { role: 'user', content: styleInstruction },
-            { role: 'assistant', content: text },
-        ],
-        audio: { format: FORMAT, voice: VOICE },
-    }
-
-    const res = await fetch(ENDPOINT, {
-        method: 'POST',
-        headers: {
-            'api-key': API_KEY,
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(body),
-    })
-
-    if (!res.ok) {
-        const errText = await res.text().catch(() => '')
-        throw new Error(`HTTP ${res.status} ${res.statusText}: ${errText.slice(0, 300)}`)
-    }
-
-    const json = await res.json()
-    const audioBase64 = json?.choices?.[0]?.message?.audio?.data
-    if (!audioBase64) {
-        throw new Error(
-            `响应里找不到 audio.data 字段。完整响应: ${JSON.stringify(json).slice(0, 500)}`,
-        )
-    }
-
-    const buf = Buffer.from(audioBase64, 'base64')
-    await writeFile(outPath, buf)
-    console.log(`[ok]   ${outPath}  (${buf.length} bytes)  → "${text}"`)
-}
-
-async function sleep(ms) {
-    return new Promise((r) => setTimeout(r, ms))
-}
-
-// ============ 主流程 ============
-
-async function main() {
-    console.log('====== 小米 MiMo TTS 语音生成 ======')
-    console.log(`Endpoint : ${ENDPOINT}`)
-    console.log(`Model    : ${MODEL}`)
-    console.log(`Voice    : ${VOICE}`)
-    console.log(`Format   : ${FORMAT}`)
-    console.log(`Force    : ${FORCE}`)
-    console.log(`Output   : ${VOICE_DIR}`)
-    console.log('====================================\n')
-
-    await ensureDir(NUMBERS_DIR)
-    await ensureDir(PROMPTS_DIR)
-
-    let successCount = 0
-    let failCount = 0
-
-    console.log('--- 数字 1-30 ---')
-    for (let n = 1; n <= 30; n++) {
-        try {
-            await tts(String(n), join(NUMBERS_DIR, `${n}.${FORMAT}`), NUMBER_STYLE)
-            successCount++
-            await sleep(120)
-        } catch (e) {
-            failCount++
-            console.error(`[fail] 数字 ${n}: ${e.message}`)
-        }
-    }
-
-    console.log('\n--- 口令 ---')
-    for (const [key, text] of Object.entries(PROMPTS)) {
-        try {
-            await tts(text, join(PROMPTS_DIR, `${key}.${FORMAT}`), PROMPT_STYLE)
-            successCount++
-            await sleep(120)
-        } catch (e) {
-            failCount++
-            console.error(`[fail] ${key}: ${e.message}`)
-        }
-    }
-
-    console.log('\n====================================')
-    console.log(`成功 ${successCount} | 失败 ${failCount}`)
-    console.log('====================================')
-
-    if (FORMAT !== 'mp3') {
-        console.log(
-            `\n⚠️  当前生成格式是 ${FORMAT}，但 hooks/useVoiceCoach.ts 默认引用 .mp3。`,
-        )
-        console.log('   要么换 --format mp3 重跑，要么修改 hooks 里的 src 后缀。')
-    }
-
-    console.log('\n下一步：')
-    console.log(' 1. 准备 click 音 → training/static/audio/click.mp3')
-    console.log(' 2. 准备 BGM     → training/static/bgm/{train-light,rest-meditation}.mp3')
-    console.log(' 3. 编译运行     → 进入 /training/pages/index')
-}
-
-main().catch((e) => {
-    console.error('\n❌ 致命错误:', e)
-    process.exit(1)
-})
@@ -0,0 +1,121 @@
+<template>
+    <view class="food-tile-icon" :class="[`food-tile-icon--${size}`]">
+        <text class="food-tile-icon__emoji">{{ fallbackIcon }}</text>
+        <image
+            v-if="src && !imageFailed"
+            class="food-tile-icon__img"
+            :src="src"
+            mode="aspectFit"
+            @error="onImageError"
+        />
+    </view>
+</template>
+
+<script setup>
+import { computed, ref, watch } from 'vue'
+import { getFoodImgUrl } from '../data/gameFoodImg.js'
+
+const props = defineProps({
+    food: { type: [Object, String], default: null },
+    size: { type: String, default: 'tile' }
+})
+
+const imageFailed = ref(false)
+
+const fallbackIcon = computed(() => {
+    if (typeof props.food === 'object' && props.food?.icon) return props.food.icon
+    return '🍽'
+})
+
+const src = computed(() => {
+    if (typeof props.food === 'object' && props.food?.img) return props.food.img
+    if (typeof props.food === 'object' && props.food?.icon) return getFoodImgUrl(props.food.icon)
+    return ''
+})
+
+watch(
+    () => src.value,
+    () => {
+        imageFailed.value = false
+    }
+)
+
+function onImageError() {
+    imageFailed.value = true
+}
+</script>
+
+<style lang="scss" scoped>
+.food-tile-icon {
+    position: relative;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
+.food-tile-icon--tile {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    font-size: calc(var(--tile-emoji-size, 48px) * 0.6);
+}
+
+.food-tile-icon--tile .food-tile-icon__emoji,
+.food-tile-icon--tile .food-tile-icon__img {
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 75%;
+    height: 75%;
+    z-index: 2;
+}
+
+/* 玻璃格上的食材图片：投影增强立体感（参考稿） */
+.food-tile-icon--tile .food-tile-icon__img {
+    filter: drop-shadow(0 6rpx 10rpx rgba(0, 0, 0, 0.16));
+}
+
+.food-tile-icon--goal {
+    width: 40rpx;
+    height: 40rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.food-tile-icon--tooltip {
+    width: 36rpx;
+    height: 36rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.food-tile-icon__emoji {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    font-size: inherit;
+    line-height: 1;
+    z-index: 1;
+}
+
+.food-tile-icon--goal .food-tile-icon__emoji,
+.food-tile-icon--tooltip .food-tile-icon__emoji {
+    position: static;
+    transform: none;
+    font-size: 34rpx;
+}
+
+.food-tile-icon__img {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    display: block;
+}
+</style>
@@ -8,12 +8,12 @@
            mode="aspectFit"
            @error="onImageError"
        />
-        <text
+        <!-- <text
            v-else
            class="tj-icon-fallback"
            :class="[`tj-icon-fallback--${size}`]"
            :style="{ color }"
-        >{{ fallbackGlyph }}</text>
+        >{{ fallbackGlyph }}</text> -->
    </view>
 </template>

@@ -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,21 @@ 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"/>',
+    'chevron-left': '<path d="m15 18-6-6 6-6"/>',
+    check: '<path d="M20 6 9 17l-5-5"/>',
+    settings: '<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/>',
+    syringe: '<path d="m18 2 4 4"/><path d="m17 7 3-3"/><path d="M19 9 8.7 19.3c-1 1-2.5 1-3.4 0l-.6-.6c-1-1-1-2.5 0-3.4L15 5"/><path d="m9 11 4 4"/><path d="m5 19-3 3"/><path d="m14 4 6 6"/>',
+    zap: '<path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/>'
 }

 /** 图片加载失败时的 emoji 回退 */
@@ -68,6 +85,9 @@ const ICON_FALLBACK = {
    heart: '❤',
    activity: '🏃',
    users: '👥',
+    user: '👤',
+    person: '👤',
+    send: '➤',
    'alert-triangle': '⚠',
    minus: '—',
    droplet: '💧',
@@ -82,7 +102,21 @@ const ICON_FALLBACK = {
    info: '!',
    sun: '☀',
    moon: '🌙',
-    sunset: '☀'
+    sunset: '☀',
+    mic: '🎤',
+    camera: '📷',
+    bulb: '💡',
+    leaf: '🥬',
+    utensils: '🍴',
+    egg: '🍳',
+    home: '🏠',
+    'plus-circle': '⊕',
+    'chevron-right': '›',
+    'chevron-left': '‹',
+    check: '✓',
+    settings: '⚙',
+    syringe: '💉',
+    zap: '⚡'
 }

 const strokeColor = computed(() => {
@@ -131,6 +165,10 @@ function onImageError() {
    width: 100%;
    height: 100%;
 }
+/* Lucide send 路径重心偏右上，微调使圆形按钮内视觉居中 */
+.tj-icon--send {
+    transform: translate(-10%, 10%);
+}
 .tj-icon-fallback {
    display: block;
    line-height: 1;
@@ -0,0 +1,203 @@
+import { ref, computed } from 'vue'
+import { requestAiStream, parsePartialBloodCarePlainText } from '../utils/aiStreamRequest.js'
+
+const emptyBloodCarePlan = () => ({
+    summary: '',
+    blood_advice: '',
+    tcm_plan: '',
+    watch_points: [],
+    next_steps: '',
+    control_level: '',
+    control_label: '',
+    disclaimer: '',
+    analysis: [],
+    source: '',
+    date: ''
+})
+
+/** AI 血糖照护建议（累计 7 天有记录后） */
+export function useBloodCareAi(proxy, { diagnosisId, chartUseMockData, showUserToast, formatUserMessage }) {
+    const bloodCarePlan = ref(emptyBloodCarePlan())
+    const bloodCareLoading = ref(false)
+    const bloodCareStreaming = ref(false)
+    const bloodCareStreamField = ref('')
+    let careStreamBuffer = ''
+    /** 用户点击后才展开照护建议卡片 */
+    const bloodCarePanelOpen = ref(false)
+
+    const bloodCareEligible = computed(() => {
+        return !!diagnosisId.value && !chartUseMockData.value
+    })
+
+    const hasBloodCareContent = computed(() => {
+        const p = bloodCarePlan.value
+        return !!(p.summary || p.blood_advice || p.tcm_plan)
+    })
+
+    const bloodCareAnalysis = computed(() => {
+        const list = bloodCarePlan.value?.analysis
+        return Array.isArray(list) ? list : []
+    })
+
+    const bloodCareControlLabel = computed(() => {
+        const label = String(bloodCarePlan.value?.control_label || '').trim()
+        return label
+    })
+
+    const bloodCareDisclaimer = computed(() => {
+        return String(bloodCarePlan.value?.disclaimer || '').trim()
+    })
+
+    function detectCareStreamField(text) {
+        const tail = String(text || '').match(/(?:^|\n)(总评|血糖|中医|留意|复诊)[：:]\s*([^\n]*)$/)
+        if (!tail) return 'summary'
+        const map = { '总评': 'summary', '血糖': 'blood_advice', '中医': 'tcm_plan', '留意': 'watch_points', '复诊': 'next_steps' }
+        return map[tail[1]] || 'summary'
+    }
+
+    function mergePartialCareFromStream() {
+        const partial = parsePartialBloodCarePlainText(careStreamBuffer)
+        const next = { ...bloodCarePlan.value }
+        for (const key of ['summary', 'blood_advice', 'tcm_plan', 'next_steps']) {
+            if (partial[key] != null) next[key] = partial[key]
+        }
+        if (Array.isArray(partial.watch_points)) next.watch_points = partial.watch_points
+        bloodCarePlan.value = next
+        bloodCareStreamField.value = detectCareStreamField(careStreamBuffer)
+    }
+
+    function applyBloodCarePayload(payload) {
+        if (!payload) return
+        const prevAnalysis = bloodCarePlan.value.analysis
+        bloodCarePlan.value = {
+            ...emptyBloodCarePlan(),
+            ...payload,
+            watch_points: Array.isArray(payload.watch_points) ? payload.watch_points : [],
+            analysis: Array.isArray(payload.analysis) && payload.analysis.length
+                ? payload.analysis
+                : (Array.isArray(prevAnalysis) ? prevAnalysis : [])
+        }
+    }
+
+    function onBloodCareStreamEvent(event, payload) {
+        if (event === 'analysis') {
+            if (Array.isArray(payload?.analysis)) {
+                bloodCarePlan.value = { ...bloodCarePlan.value, analysis: payload.analysis }
+            }
+        } else if (event === 'delta') {
+            bloodCareStreaming.value = true
+            if (payload.buffer != null) {
+                careStreamBuffer = payload.buffer
+            } else {
+                careStreamBuffer += payload.text || ''
+            }
+            mergePartialCareFromStream()
+        } else if (event === 'done') {
+            applyBloodCarePayload(payload)
+            careStreamBuffer = ''
+            bloodCareStreamField.value = ''
+        } else if (event === 'error') {
+            showUserToast(formatUserMessage(payload?.message, '照护建议加载失败'))
+        }
+    }
+
+    async function fetchBloodCareAiFallback(refresh) {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyBloodCareAiRecommend',
+            method: 'GET',
+            timeout: 35000,
+            data: {
+                diagnosis_id: diagnosisId.value,
+                refresh: refresh ? 1 : 0,
+                ...(refresh ? { _t: Date.now() } : {})
+            }
+        }, false)
+        if (res?.code === 1 && res.data) {
+            applyBloodCarePayload(res.data)
+        } else if (res?.msg) {
+            showUserToast(res.msg)
+        }
+    }
+
+    function closeBloodCarePanel() {
+        bloodCarePanelOpen.value = false
+    }
+
+    /** 趋势图 AI 按钮：未展开则打开并生成；已展开则收起 */
+    async function toggleBloodCareFromChart() {
+        if (!bloodCareEligible.value || bloodCareLoading.value) return
+        if (bloodCarePanelOpen.value) {
+            closeBloodCarePanel()
+            return
+        }
+        bloodCarePanelOpen.value = true
+        if (!hasBloodCareContent.value) {
+            await fetchBloodCareAi(false)
+        }
+    }
+
+    async function fetchBloodCareAi(refresh = false) {
+        if (!bloodCareEligible.value || bloodCareLoading.value) return
+        bloodCareLoading.value = true
+        bloodCareStreaming.value = false
+        careStreamBuffer = ''
+        bloodCareStreamField.value = ''
+        if (refresh) {
+            applyBloodCarePayload(emptyBloodCarePlan())
+        }
+        try {
+            await requestAiStream({
+                baseUrl: proxy.$url,
+                url: '/api/tcm/dailyBloodCareAiRecommendStream',
+                method: 'GET',
+                data: {
+                    diagnosis_id: diagnosisId.value,
+                    refresh: refresh ? 1 : 0,
+                    ...(refresh ? { _t: Date.now() } : {})
+                },
+                onEvent: onBloodCareStreamEvent,
+                fallback: () => fetchBloodCareAiFallback(refresh)
+            })
+        } catch (e) {
+            try {
+                await fetchBloodCareAiFallback(refresh)
+            } catch (e2) {
+                showUserToast('照护建议加载失败')
+            }
+        } finally {
+            bloodCareLoading.value = false
+            bloodCareStreaming.value = false
+            bloodCareStreamField.value = ''
+        }
+    }
+
+    function refreshBloodCareAi() {
+        if (bloodCareLoading.value) return
+        fetchBloodCareAi(true)
+    }
+
+    function resetBloodCarePlan() {
+        applyBloodCarePayload(emptyBloodCarePlan())
+        careStreamBuffer = ''
+        bloodCareStreamField.value = ''
+        bloodCarePanelOpen.value = false
+    }
+
+    return {
+        bloodCarePlan,
+        bloodCareLoading,
+        bloodCareStreaming,
+        bloodCareStreamField,
+        bloodCareEligible,
+        bloodCarePanelOpen,
+        hasBloodCareContent,
+        bloodCareAnalysis,
+        bloodCareControlLabel,
+        bloodCareDisclaimer,
+        fetchBloodCareAi,
+        toggleBloodCareFromChart,
+        closeBloodCarePanel,
+        refreshBloodCareAi,
+        resetBloodCarePlan
+    }
+}
@@ -0,0 +1,317 @@
+import { ref, computed } from 'vue'
+import { requestAiStream, parsePartialDietPlainText } from '../utils/aiStreamRequest.js'
+
+const DIET_AI_PREFILL_KEY = 'tongji_diet_ai_prefill'
+
+const emptyDietAiRecommend = () => ({
+    breakfast: '',
+    drinks: '',
+    lunch: '',
+    dinner: '',
+    tips: '',
+    avoid: [],
+    analysis: [],
+    exercise: null,
+    disclaimer: '',
+    rules_summary: '',
+    source: '',
+    date: ''
+})
+
+/** AI 饮食助手（今日推荐 + 能不能吃） */
+export function useDietAi(proxy, { diagnosisId, showUserToast, formatUserMessage }) {
+    const dietAiRecommend = ref(emptyDietAiRecommend())
+    const dietAiLoading = ref(false)
+    const dietAiStreaming = ref(false)
+    const dietAiReplacing = ref(false)
+    const dietAiStreamField = ref('')
+    let dietStreamBuffer = ''
+    const dietAiAskText = ref('')
+    const dietAiAsking = ref(false)
+    const dietAiAskResult = ref({ advice: '', level: '', level_label: '', portion: '', food: '' })
+
+    const hasDietAiMealContent = computed(() => {
+        const r = dietAiRecommend.value
+        return !!(r.breakfast || r.drinks || r.lunch || r.dinner || r.tips)
+    })
+
+    function detectDietStreamField(text) {
+        const tail = String(text || '').match(/(?:^|\n)(早餐|喝的|午餐|晚餐|提示|少碰)[：:]\s*([^\n]*)$/)
+        if (!tail) return 'breakfast'
+        const map = { '早餐': 'breakfast', '喝的': 'drinks', '午餐': 'lunch', '晚餐': 'dinner', '提示': 'tips', '少碰': 'tips' }
+        return map[tail[1]] || 'breakfast'
+    }
+
+    function mergePartialDietFromStream() {
+        const partial = parsePartialDietPlainText(dietStreamBuffer)
+        const next = { ...dietAiRecommend.value }
+        for (const key of ['breakfast', 'drinks', 'lunch', 'dinner', 'tips']) {
+            if (partial[key] != null) next[key] = partial[key]
+        }
+        if (Array.isArray(partial.avoid)) next.avoid = partial.avoid
+        dietAiRecommend.value = next
+        dietAiStreamField.value = detectDietStreamField(dietStreamBuffer)
+    }
+
+    function applyDietRecommendPayload(payload) {
+        if (!payload) return
+        const prevAnalysis = dietAiRecommend.value.analysis
+        const prevExercise = dietAiRecommend.value.exercise
+        dietAiRecommend.value = {
+            ...emptyDietAiRecommend(),
+            ...payload,
+            avoid: Array.isArray(payload.avoid) ? payload.avoid : [],
+            analysis: Array.isArray(payload.analysis) && payload.analysis.length
+                ? payload.analysis
+                : (Array.isArray(prevAnalysis) ? prevAnalysis : []),
+            exercise: (payload.exercise && typeof payload.exercise === 'object')
+                ? payload.exercise
+                : (prevExercise || null)
+        }
+    }
+
+    function resolveDietDonePayload(payload) {
+        if (!payload) return payload
+        if (payload.source !== 'rule' || !dietStreamBuffer) return payload
+
+        const streamed = parsePartialDietPlainText(dietStreamBuffer)
+        if (!streamed.breakfast) return payload
+
+        return {
+            ...emptyDietAiRecommend(),
+            ...payload,
+            breakfast: streamed.breakfast,
+            drinks: streamed.drinks || payload.drinks || '',
+            lunch: streamed.lunch || payload.lunch || '',
+            dinner: streamed.dinner || payload.dinner || '',
+            tips: streamed.tips || payload.tips || '',
+            avoid: (Array.isArray(streamed.avoid) && streamed.avoid.length) ? streamed.avoid : (payload.avoid || []),
+            source: 'ai',
+            disclaimer: 'AI 建议供参考，仍请结合医嘱与血糖监测。'
+        }
+    }
+
+    function onDietAiStreamEvent(event, payload) {
+        if (event === 'analysis') {
+            if (Array.isArray(payload?.analysis)) {
+                dietAiRecommend.value = { ...dietAiRecommend.value, analysis: payload.analysis }
+            }
+        } else if (event === 'exercise') {
+            if (payload?.exercise && typeof payload.exercise === 'object') {
+                dietAiRecommend.value = { ...dietAiRecommend.value, exercise: payload.exercise }
+            }
+        } else if (event === 'delta') {
+            dietAiStreaming.value = true
+            if (payload.buffer != null) {
+                dietStreamBuffer = payload.buffer
+            } else {
+                dietStreamBuffer += payload.text || ''
+            }
+            mergePartialDietFromStream()
+        } else if (event === 'done') {
+            applyDietRecommendPayload(resolveDietDonePayload(payload))
+            dietStreamBuffer = ''
+            dietAiStreamField.value = ''
+        } else if (event === 'error') {
+            showUserToast(formatUserMessage(payload?.message, '饮食建议加载失败'))
+        }
+    }
+
+    async function fetchDietAiRecommendFallback(refresh) {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyDietAiRecommend',
+            method: 'GET',
+            timeout: 35000,
+            data: {
+                diagnosis_id: diagnosisId.value,
+                refresh: refresh ? 1 : 0,
+                ...(refresh ? { _t: Date.now() } : {})
+            }
+        }, false)
+        if (res?.code === 1 && res.data) {
+            applyDietRecommendPayload(res.data)
+        } else if (res?.msg) {
+            showUserToast(res.msg)
+        }
+    }
+
+    async function fetchDietAiRecommend(refresh = false) {
+        if (!diagnosisId.value || dietAiLoading.value) return
+        dietAiLoading.value = true
+        dietAiStreaming.value = false
+        dietAiReplacing.value = !!refresh
+        dietStreamBuffer = ''
+        dietAiStreamField.value = ''
+        if (refresh) {
+            applyDietRecommendPayload(emptyDietAiRecommend())
+        }
+        try {
+            await requestAiStream({
+                baseUrl: proxy.$url,
+                url: '/api/tcm/dailyDietAiRecommendStream',
+                method: 'GET',
+                data: {
+                    diagnosis_id: diagnosisId.value,
+                    refresh: refresh ? 1 : 0,
+                    ...(refresh ? { _t: Date.now() } : {})
+                },
+                onEvent: onDietAiStreamEvent,
+                fallback: () => fetchDietAiRecommendFallback(refresh)
+            })
+        } catch (e) {
+            try {
+                await fetchDietAiRecommendFallback(refresh)
+            } catch (e2) {
+                showUserToast('饮食建议加载失败')
+            }
+        } finally {
+            dietAiLoading.value = false
+            dietAiStreaming.value = false
+            dietAiReplacing.value = false
+            dietAiStreamField.value = ''
+        }
+    }
+
+    function refreshDietAiRecommend() {
+        if (dietAiLoading.value) return
+        fetchDietAiRecommend(true)
+    }
+
+    async function askDietAiFoodFallback(q) {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyDietAiAsk',
+            method: 'POST',
+            timeout: 35000,
+            data: {
+                diagnosis_id: diagnosisId.value,
+                question: q
+            }
+        }, false)
+        if (res?.code === 1 && res.data) {
+            dietAiAskResult.value = {
+                advice: res.data.advice || '',
+                level: res.data.level || '',
+                level_label: res.data.level_label || '',
+                portion: res.data.portion || '',
+                food: res.data.food || q
+            }
+        } else {
+            showUserToast(formatUserMessage(res?.msg, '咨询失败'))
+        }
+    }
+
+    async function askDietAiFood() {
+        const q = String(dietAiAskText.value || '').trim()
+        if (!q) {
+            showUserToast('请输入想咨询的食物')
+            return
+        }
+        if (!diagnosisId.value) return
+        // 发送后立即清空输入框
+        dietAiAskText.value = ''
+        dietAiAsking.value = true
+        dietAiAskResult.value = { advice: '', level: '', level_label: '', portion: '', food: '' }
+        try {
+            await requestAiStream({
+                baseUrl: proxy.$url,
+                url: '/api/tcm/dailyDietAiAskStream',
+                method: 'POST',
+                data: {
+                    diagnosis_id: diagnosisId.value,
+                    question: q
+                },
+                onEvent: (event, payload) => {
+                    if (event === 'start' && !dietAiAskResult.value.advice) {
+                        dietAiAskResult.value = { ...dietAiAskResult.value, advice: payload.message || '正在想…' }
+                    } else if (event === 'delta') {
+                        dietAiAskResult.value = {
+                            ...dietAiAskResult.value,
+                            advice: payload.advice || dietAiAskResult.value.advice
+                        }
+                    } else if (event === 'done') {
+                        dietAiAskResult.value = {
+                            advice: payload.advice || '',
+                            level: payload.level || '',
+                            level_label: payload.level_label || '',
+                            portion: payload.portion || '',
+                            food: payload.food || q
+                        }
+                    } else if (event === 'error') {
+                        showUserToast(formatUserMessage(payload?.message, '咨询失败'))
+                    }
+                },
+                fallback: () => askDietAiFoodFallback(q)
+            })
+        } catch (e) {
+            try {
+                await askDietAiFoodFallback(q)
+            } catch (e2) {
+                showUserToast('网络异常，请稍后再试')
+            }
+        } finally {
+            dietAiAsking.value = false
+        }
+    }
+
+    function onDietAiAskInput(e) {
+        dietAiAskText.value = e?.detail?.value ?? ''
+    }
+
+    function saveDietPrefillToStorage() {
+        const r = dietAiRecommend.value
+        if (!r.breakfast) return
+        try {
+            uni.setStorageSync(DIET_AI_PREFILL_KEY, {
+                breakfast: r.breakfast,
+                drinks: r.drinks || '',
+                lunch: r.lunch,
+                dinner: r.dinner,
+                tips: r.tips || ''
+            })
+        } catch (e) {}
+    }
+
+    function goMoreDietForm(withPrefill = false) {
+        if (withPrefill) saveDietPrefillToStorage()
+        uni.navigateTo({ url: '/tongji/pages/more?openDiet=1' })
+    }
+
+    async function applyDietAiToForm() {
+        if (!dietAiRecommend.value.breakfast) {
+            await fetchDietAiRecommend(false)
+        }
+        goMoreDietForm(true)
+    }
+
+    function openDietForm() {
+        goMoreDietForm(false)
+    }
+
+    return {
+        dietAiRecommend,
+        dietAiLoading,
+        dietAiStreaming,
+        dietAiReplacing,
+        dietAiStreamField,
+        dietAiAskText,
+        dietAiAsking,
+        dietAiAskResult,
+        hasDietAiMealContent,
+        fetchDietAiRecommend,
+        refreshDietAiRecommend,
+        askDietAiFood,
+        onDietAiAskInput,
+        applyDietAiToForm,
+        openDietForm
+    }
+}
+
+/** more 页打开饮食表单时读取并清除预填 */
+export function consumeDietAiPrefill() {
+    try {
+        const data = uni.getStorageSync(DIET_AI_PREFILL_KEY)
+        uni.removeStorageSync(DIET_AI_PREFILL_KEY)
+        if (data && typeof data === 'object' && data.breakfast) return data
+    } catch (e) {}
+    return null
+}
@@ -0,0 +1,188 @@
+/**
+ * 糖分突袭 · 视觉特效状态（飘字、粒子、连消横幅、震屏、闪屏）
+ * 特效风格参考「开心消消乐」：糖果色星屑、弹性扩散光环、大消除闪屏。
+ */
+import { ref } from 'vue'
+
+let fxSeq = 0
+function nextFxId(prefix) {
+    fxSeq += 1
+    return `${prefix}-${fxSeq}-${Date.now()}`
+}
+
+// 开心消消乐式糖果色板（彩虹爆裂用）
+const CANDY_COLORS = ['#FF5E9C', '#FFC93C', '#5BD16A', '#4D9DFF', '#FF8A3D', '#B57BFF', '#FF6F91', '#2FE6C8']
+// 星屑字形
+const STAR_GLYPHS = ['✦', '✧', '★', '✨']
+
+export function useGameFx() {
+    const floatingTexts = ref([])
+    const burstParticles = ref([])
+    const ripples = ref([])
+    const comboBanner = ref({ show: false, text: '', tier: 1 })
+    const screenShaking = ref(false)
+    const flash = ref({ active: false, color: '#ffffff', opacity: 0 })
+
+    let comboBannerTimer = null
+    let shakeTimer = null
+    let flashTimer = null
+    let flashFadeTimer = null
+
+    function spawnFloatingText(payload) {
+        const id = nextFxId('ft')
+        floatingTexts.value.push({ id, ...payload })
+        const duration = payload.danger ? 1500 : payload.isCombo ? 1400 : 1200
+        setTimeout(() => {
+            floatingTexts.value = floatingTexts.value.filter((f) => f.id !== id)
+        }, duration)
+        return id
+    }
+
+    /**
+     * 糖果爆裂粒子（星屑 + 圆点混合，上抛后受重力下落，带旋转与缓动）。
+     * @param {number} cx,cy 爆裂中心（屏幕坐标）
+     * @param {string} color 基础颜色
+     * @param {number} count 粒子数量
+     * @param {object} opts { star, rainbow, gravity, sizeMin, sizeMax, distMin, distMax, life }
+     */
+    function spawnBurst(cx, cy, color, count = 8, opts = {}) {
+        const {
+            star = true,
+            rainbow = false,
+            gravity = 64,
+            sizeMin = 8,
+            sizeMax = 16,
+            distMin = 36,
+            distMax = 110,
+            life = 850
+        } = opts
+        const dur = (life / 1000).toFixed(2)
+
+        for (let i = 0; i < count; i++) {
+            const id = nextFxId('p')
+            const isStar = star && Math.random() < 0.65
+            const pSize = Math.random() * (sizeMax - sizeMin) + sizeMin
+            const angle = Math.random() * Math.PI * 2
+            const distance = Math.random() * (distMax - distMin) + distMin
+            const tx = Math.cos(angle) * distance
+            // 先上抛、再叠加重力下落，形成喷泉抛物线
+            const ty = Math.sin(angle) * distance - distance * 0.35 + gravity
+            const half = pSize / 2
+            const pColor = rainbow
+                ? CANDY_COLORS[Math.floor(Math.random() * CANDY_COLORS.length)]
+                : color
+            const rot = Math.random() * 720 - 360
+            const glyph = isStar ? STAR_GLYPHS[Math.floor(Math.random() * STAR_GLYPHS.length)] : ''
+
+            const particle = {
+                id,
+                left: cx - half,
+                top: cy - half,
+                size: pSize,
+                color: pColor,
+                char: glyph,
+                opacity: 1,
+                transform: 'scale(0.4) rotate(0deg)',
+                transition: 'none'
+            }
+            burstParticles.value.push(particle)
+
+            setTimeout(() => {
+                particle.transition =
+                    `left ${dur}s cubic-bezier(0.16,0.7,0.3,1), top ${dur}s cubic-bezier(0.3,0.1,0.4,1), opacity ${dur}s ease-in, transform ${dur}s ease-out`
+                particle.left = cx - half + tx
+                particle.top = cy - half + ty
+                particle.opacity = 0
+                particle.transform = `scale(${isStar ? 1.15 : 0.5}) rotate(${rot}deg)`
+            }, 16)
+
+            setTimeout(() => {
+                burstParticles.value = burstParticles.value.filter((p) => p.id !== id)
+            }, life + 80)
+        }
+    }
+
+    /**
+     * 弹性扩散发光光环（开心消消乐式的扩散光圈）。
+     * @param {object} opts { thickness, life }
+     */
+    function spawnRipple(cx, cy, color, tier = 1, opts = {}) {
+        const id = nextFxId('rp')
+        const size = 36 + tier * 18
+        const { thickness = Math.max(3, tier + 2), life = 600 } = opts
+        ripples.value.push({
+            id,
+            left: cx,
+            top: cy,
+            size,
+            color,
+            thickness,
+            opacity: 0.95
+        })
+        setTimeout(() => {
+            ripples.value = ripples.value.filter((r) => r.id !== id)
+        }, life)
+    }
+
+    /**
+     * 全屏闪光（大消除瞬间的爆闪），先点亮再淡出。
+     */
+    function triggerFlash(color = '#ffffff', intensity = 0.5, life = 280) {
+        if (flashFadeTimer) clearTimeout(flashFadeTimer)
+        if (flashTimer) clearTimeout(flashTimer)
+        flash.value = { active: true, color, opacity: intensity }
+        flashFadeTimer = setTimeout(() => {
+            flash.value = { ...flash.value, opacity: 0 }
+        }, 24)
+        flashTimer = setTimeout(() => {
+            flash.value = { active: false, color, opacity: 0 }
+        }, life)
+    }
+
+    function showComboBanner(chain, points) {
+        if (chain <= 1) return
+        const tier = chain >= 4 ? 3 : chain >= 3 ? 2 : 1
+        comboBanner.value = {
+            show: true,
+            text: `连消 ×${chain}  +${points}`,
+            tier
+        }
+        if (comboBannerTimer) clearTimeout(comboBannerTimer)
+        comboBannerTimer = setTimeout(() => {
+            comboBanner.value = { ...comboBanner.value, show: false }
+        }, 1100)
+    }
+
+    function triggerShake(intensity = 1) {
+        screenShaking.value = true
+        if (shakeTimer) clearTimeout(shakeTimer)
+        shakeTimer = setTimeout(() => {
+            screenShaking.value = false
+        }, intensity >= 2 ? 420 : 280)
+    }
+
+    function clearAll() {
+        floatingTexts.value = []
+        burstParticles.value = []
+        ripples.value = []
+        comboBanner.value = { show: false, text: '', tier: 1 }
+        screenShaking.value = false
+        flash.value = { active: false, color: '#ffffff', opacity: 0 }
+    }
+
+    return {
+        floatingTexts,
+        burstParticles,
+        ripples,
+        comboBanner,
+        screenShaking,
+        flash,
+        spawnFloatingText,
+        spawnBurst,
+        spawnRipple,
+        showComboBanner,
+        triggerShake,
+        triggerFlash,
+        clearAll
+    }
+}
@@ -0,0 +1,112 @@
+/**
+ * 游戏进度持久化：关卡、星级、连胜、每日打卡
+ */
+import { ref } from 'vue'
+import { calcLevelStars } from '../data/gameLevels.js'
+
+const STORAGE_KEY = 'tongji_game_progress_v1'
+
+const DEFAULT = {
+    currentLevel: 1,
+    maxUnlocked: 1,
+    stars: {},
+    winStreak: 0,
+    dailyStreak: 0,
+    lastPlayDate: '',
+    totalWins: 0,
+    bestCombo: 0,
+    totalStars: 0
+}
+
+function todayStr() {
+    const d = new Date()
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`
+}
+
+function sumStars(starsMap) {
+    return Object.values(starsMap || {}).reduce((s, n) => s + (Number(n) || 0), 0)
+}
+
+function loadRaw() {
+    try {
+        const raw = uni.getStorageSync(STORAGE_KEY)
+        if (raw && typeof raw === 'object') return { ...DEFAULT, ...raw }
+    } catch (_) {}
+    return { ...DEFAULT }
+}
+
+function saveRaw(data) {
+    try {
+        uni.setStorageSync(STORAGE_KEY, data)
+    } catch (_) {}
+}
+
+export function useGameProgress() {
+    const progress = ref(loadRaw())
+
+    function persist() {
+        progress.value.totalStars = sumStars(progress.value.stars)
+        saveRaw(progress.value)
+    }
+
+    /** 进入游戏时更新每日打卡 */
+    function touchDailyPlay() {
+        const today = todayStr()
+        const last = progress.value.lastPlayDate
+        if (last === today) return progress.value.dailyStreak
+
+        const yesterday = new Date()
+        yesterday.setDate(yesterday.getDate() - 1)
+        const yStr = `${yesterday.getFullYear()}-${String(yesterday.getMonth() + 1).padStart(2, '0')}-${String(yesterday.getDate()).padStart(2, '0')}`
+
+        if (last === yStr) {
+            progress.value.dailyStreak = (progress.value.dailyStreak || 0) + 1
+        } else {
+            progress.value.dailyStreak = 1
+        }
+        progress.value.lastPlayDate = today
+        persist()
+        return progress.value.dailyStreak
+    }
+
+    function getStars(levelId) {
+        return progress.value.stars[String(levelId)] || 0
+    }
+
+    function recordWin({ levelId, movesLeft, glucoseLevel, score, levelConfig, maxCombo }) {
+        const stars = calcLevelStars({ movesLeft, glucoseLevel, score, levelConfig })
+        const key = String(levelId)
+        const prev = progress.value.stars[key] || 0
+        if (stars > prev) progress.value.stars[key] = stars
+
+        progress.value.winStreak = (progress.value.winStreak || 0) + 1
+        progress.value.totalWins = (progress.value.totalWins || 0) + 1
+        if (maxCombo > (progress.value.bestCombo || 0)) progress.value.bestCombo = maxCombo
+
+        const next = levelId + 1
+        if (next > progress.value.maxUnlocked) progress.value.maxUnlocked = next
+        progress.value.currentLevel = next
+        persist()
+        return { stars, newBest: stars > prev }
+    }
+
+    function recordLoss() {
+        progress.value.winStreak = 0
+        persist()
+    }
+
+    function setCurrentLevel(levelId) {
+        progress.value.currentLevel = Math.max(1, Math.min(progress.value.maxUnlocked, levelId))
+        persist()
+    }
+
+    return {
+        progress,
+        touchDailyPlay,
+        getStars,
+        recordWin,
+        recordLoss,
+        setCurrentLevel,
+        persist
+    }
+}
@@ -0,0 +1,303 @@
+/**
+ * 糖分突袭 · 游戏音效（InnerAudioContext 池化，H5/小程序通用）
+ * 每种操作独立音轨 + playbackRate 变调，避免“全是同一个声”
+ */
+import { ref, onUnmounted } from 'vue'
+
+const STORAGE_KEY = 'tongji_game_sfx_enabled'
+const COS = 'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/file'
+
+/** 9 条基础素材（已上传 COS，小程序域名白名单内） */
+const SRC = {
+    tap: `${COS}/20260526/20260526105128557ef8669.mp3`,
+    swoosh: `${COS}/20260527/202605271539371ebe13672.mp3`,
+    pop: `${COS}/20260526/202605261051282a0a94508.mp3`,
+    buzz: `${COS}/20260527/202605271539376ff628472.mp3`,
+    chime: `${COS}/20260528/202605280937077bad76716.mp3`,
+    fanfare: `${COS}/20260528/20260528093707b021f5794.mp3`,
+    blast: `${COS}/20260528/20260528093707ebd4d5733.mp3`,
+    sparkle: `${COS}/20260528/20260528093707016f07427.mp3`,
+    stinger: `${COS}/20260528/20260528093709c669f4659.mp3`
+}
+
+/**
+ * 音效表：src / volume / rate(playbackRate) / pool
+ * rate 不同可在同一素材上听出明显差异
+ */
+const SFX = {
+    // —— 交互 ——
+    select: { src: SRC.tap, volume: 0.32, rate: 1.05, pool: 3 },
+    deselect: { src: SRC.tap, volume: 0.22, rate: 0.82, pool: 2 },
+    hint: { src: SRC.tap, volume: 0.26, rate: 1.28, pool: 2 },
+
+    swap: { src: SRC.swoosh, volume: 0.38, rate: 1.0, pool: 3 },
+    swapFail: { src: SRC.buzz, volume: 0.36, rate: 1.18, pool: 2 },
+
+    drop: { src: SRC.pop, volume: 0.3, rate: 0.88, pool: 4 },
+    dropLight: { src: SRC.pop, volume: 0.22, rate: 1.22, pool: 2 },
+
+    // —— 消除（按连数）——
+    match3: { src: SRC.chime, volume: 0.48, rate: 1.0, pool: 4 },
+    match4: { src: SRC.fanfare, volume: 0.54, rate: 1.06, pool: 3 },
+    match5: { src: SRC.blast, volume: 0.62, rate: 1.0, pool: 3 },
+
+    // —— 消除（按 GI 主色）——
+    matchLowGi: { src: SRC.chime, volume: 0.42, rate: 0.86, pool: 2 },
+    matchMidGi: { src: SRC.chime, volume: 0.46, rate: 1.02, pool: 2 },
+    matchHighGi: { src: SRC.buzz, volume: 0.44, rate: 0.92, pool: 2 },
+
+    // —— 连消 ——
+    combo2: { src: SRC.fanfare, volume: 0.56, rate: 1.12, pool: 2 },
+    combo3: { src: SRC.blast, volume: 0.64, rate: 1.08, pool: 2 },
+    comboMega: { src: SRC.blast, volume: 0.72, rate: 1.22, pool: 2 },
+
+    // —— 道具 ——
+    insulin: { src: SRC.sparkle, volume: 0.5, rate: 1.15, pool: 2 },
+    fiber: { src: SRC.swoosh, volume: 0.48, rate: 1.32, pool: 2 },
+    meal: { src: SRC.stinger, volume: 0.42, rate: 1.35, pool: 1 },
+    reshuffle: { src: SRC.swoosh, volume: 0.46, rate: 0.72, pool: 2 },
+
+    // —— 反馈 ——
+    score: { src: SRC.tap, volume: 0.28, rate: 1.38, pool: 2 },
+    goalTick: { src: SRC.chime, volume: 0.36, rate: 1.45, pool: 2 },
+    meterWarn: { src: SRC.buzz, volume: 0.5, rate: 1.0, pool: 2 },
+    meterDanger: { src: SRC.buzz, volume: 0.58, rate: 0.78, pool: 2 },
+    meterStable: { src: SRC.pop, volume: 0.24, rate: 1.05, pool: 1 },
+
+    win: { src: SRC.fanfare, volume: 0.66, rate: 1.0, pool: 1 },
+    winStinger: { src: SRC.stinger, volume: 0.38, rate: 1.5, pool: 1 },
+    lose: { src: SRC.buzz, volume: 0.52, rate: 0.68, pool: 1 },
+
+    // 兼容旧名
+    match: { src: SRC.chime, volume: 0.48, rate: 1.0, pool: 4 },
+    combo: { src: SRC.fanfare, volume: 0.56, rate: 1.1, pool: 3 },
+    heal: { src: SRC.pop, volume: 0.44, rate: 1.18, pool: 2 },
+    boost: { src: SRC.sparkle, volume: 0.52, rate: 1.0, pool: 2 },
+    invalid: { src: SRC.buzz, volume: 0.4, rate: 1.15, pool: 2 },
+    danger: { src: SRC.blast, volume: 0.58, rate: 0.95, pool: 2 }
+}
+
+class SfxPool {
+    constructor(src, size, volume, rate = 1) {
+        this.src = src
+        this.size = size
+        this.volume = volume
+        this.rate = rate
+        this.list = []
+        this.cursor = 0
+        this.warmedUp = false
+    }
+
+    create() {
+        for (let i = 0; i < this.size; i++) {
+            const ctx = uni.createInnerAudioContext()
+            ctx.src = this.src
+            ctx.obeyMuteSwitch = false
+            ctx.autoplay = false
+            ctx.volume = this.volume
+            try {
+                ctx.playbackRate = this.rate
+            } catch (_) {}
+            this.list.push(ctx)
+        }
+    }
+
+    warmUp() {
+        if (this.warmedUp) return
+        if (!this.list.length) this.create()
+        this.list.forEach((ctx) => {
+            try {
+                ctx.volume = 0
+                ctx.play()
+                setTimeout(() => {
+                    try {
+                        ctx.stop()
+                        ctx.volume = this.volume
+                    } catch (_) {}
+                }, 60)
+            } catch (_) {}
+        })
+        this.warmedUp = true
+    }
+
+    play(scale = 1, rateMul = 1) {
+        if (!this.list.length) this.create()
+        const ctx = this.list[this.cursor % this.list.length]
+        this.cursor += 1
+        const vol = Math.min(1, this.volume * scale)
+        const rate = Math.min(2, Math.max(0.5, this.rate * rateMul))
+        try {
+            ctx.volume = vol
+            try {
+                ctx.playbackRate = rate
+            } catch (_) {}
+            ctx.stop()
+            ctx.seek(0)
+            ctx.play()
+        } catch (_) {
+            try {
+                ctx.play()
+            } catch (e) {}
+        }
+    }
+
+    destroy() {
+        this.list.forEach((ctx) => {
+            try {
+                ctx.stop()
+                ctx.destroy()
+            } catch (_) {}
+        })
+        this.list = []
+        this.warmedUp = false
+    }
+}
+
+function dominantGi(tiles = []) {
+    const cnt = { low: 0, mid: 0, high: 0 }
+    tiles.forEach((t) => {
+        const g = t?.type?.gi
+        if (g && cnt[g] !== undefined) cnt[g] += 1
+    })
+    let best = 'mid'
+    let max = 0
+    Object.entries(cnt).forEach(([k, v]) => {
+        if (v > max) {
+            max = v
+            best = k
+        }
+    })
+    return best
+}
+
+export function useGameSfx() {
+    const enabled = ref(true)
+    const pools = {}
+
+    try {
+        const stored = uni.getStorageSync(STORAGE_KEY)
+        if (stored === false || stored === '0' || stored === 0) {
+            enabled.value = false
+        }
+    } catch (_) {}
+
+    function ensureAudioOption() {
+        // #ifdef MP-WEIXIN
+        try {
+            uni.setInnerAudioOption({
+                obeyMuteSwitch: false,
+                mixWithOther: true
+            })
+        } catch (_) {}
+        // #endif
+    }
+
+    function getPool(name) {
+        const cfg = SFX[name]
+        if (!cfg) return null
+        if (!pools[name]) {
+            pools[name] = new SfxPool(cfg.src, cfg.pool, cfg.volume, cfg.rate ?? 1)
+        }
+        return pools[name]
+    }
+
+    function warmUp() {
+        if (!enabled.value) return
+        ensureAudioOption()
+        Object.keys(SFX).forEach((name) => {
+            getPool(name)?.warmUp()
+        })
+    }
+
+    function play(name, scale = 1, rateMul = 1) {
+        if (!enabled.value) return
+        getPool(name)?.play(scale, rateMul)
+    }
+
+    function playLayer(primary, secondary, delayMs = 70, secScale = 0.6) {
+        play(primary)
+        if (secondary) {
+            setTimeout(() => play(secondary, secScale), delayMs)
+        }
+    }
+
+    function playMatch({ matchCount = 3, chain = 0, tiles = [] } = {}) {
+        if (!enabled.value) return
+        const giTrack = (() => {
+            const gi = dominantGi(tiles)
+            if (gi === 'low') return 'matchLowGi'
+            if (gi === 'high') return 'matchHighGi'
+            return 'matchMidGi'
+        })()
+
+        if (chain >= 3) {
+            playLayer('comboMega', giTrack, 90, 0.55)
+            return
+        }
+        if (chain === 2) {
+            playLayer('combo3', giTrack, 80, 0.5)
+            return
+        }
+        if (chain === 1) {
+            playLayer('combo2', giTrack, 70, 0.45)
+            return
+        }
+
+        if (matchCount >= 5) {
+            playLayer('match5', 'matchHighGi', 85, 0.5)
+        } else if (matchCount >= 4) {
+            playLayer('match4', giTrack, 65, 0.48)
+        } else {
+            play(giTrack, 1, 1)
+            setTimeout(() => play('match3', 0.85), 40)
+        }
+    }
+
+    function playDrop(count = 1) {
+        if (!enabled.value || count <= 0) return
+        const name = count >= 4 ? 'drop' : 'dropLight'
+        play(name, Math.min(1.2, 0.85 + count * 0.04), count >= 6 ? 0.9 : 1)
+    }
+
+    function playMeter(delta, level) {
+        if (!enabled.value) return
+        if (level > 70) play('meterDanger', 1 + (level - 70) * 0.02)
+        else if (level < 30) play('meterWarn', 0.9, 0.95)
+        else if (delta > 8) play('meterWarn', 0.75)
+        else if (delta < -5) play('meterStable', 1.1)
+    }
+
+    function toggleEnabled() {
+        enabled.value = !enabled.value
+        try {
+            uni.setStorageSync(STORAGE_KEY, enabled.value ? '1' : '0')
+        } catch (_) {}
+        if (enabled.value) {
+            warmUp()
+            play('select')
+        }
+    }
+
+    function destroyAll() {
+        Object.keys(pools).forEach((key) => {
+            pools[key]?.destroy()
+            delete pools[key]
+        })
+    }
+
+    onUnmounted(() => {
+        destroyAll()
+    })
+
+    return {
+        enabled,
+        play,
+        playLayer,
+        playMatch,
+        playDrop,
+        playMeter,
+        warmUp,
+        toggleEnabled,
+        destroyAll
+    }
+}
@@ -0,0 +1,413 @@
+import { ref, onUnmounted } from 'vue'
+
+const MIN_HOLD_MS = 280
+
+// #ifdef MP-WEIXIN
+// WechatSI 录音管理器是全局单例：回调只在模块级绑定一次，
+// 再分发给「当前活跃实例」。否则跨页面（如 more → weekly）后，
+// 回调仍指向已销毁页面的闭包，新页面收不到 onStart/onStop，
+// 其本地状态卡在 recording，表现为一直录制/无法再次语音。
+let sharedManager = null
+let sharedManagerInited = false
+let sharedRecording = false
+let activeCtl = null
+
+function getSharedRecordManager() {
+    if (sharedManagerInited) return sharedManager
+    sharedManagerInited = true
+    try {
+        // eslint-disable-next-line no-undef
+        const plugin = requirePlugin('WechatSI')
+        sharedManager = plugin.getRecordRecognitionManager()
+    } catch (e) {
+        console.warn('WechatSI record recognition not available', e)
+        sharedManager = null
+        return null
+    }
+    if (!sharedManager) return null
+
+    sharedManager.onStart = () => {
+        sharedRecording = true
+        if (activeCtl) activeCtl.handleStart()
+    }
+    sharedManager.onRecognize = (res) => {
+        if (activeCtl) activeCtl.handleRecognize(res)
+    }
+    sharedManager.onStop = (res) => {
+        sharedRecording = false
+        if (activeCtl) activeCtl.handleStop(res)
+    }
+    sharedManager.onError = (res) => {
+        sharedRecording = false
+        if (activeCtl) activeCtl.handleError(res)
+    }
+    return sharedManager
+}
+// #endif
+
+/**
+ * 语音转文字（长按说话）：微信小程序 WechatSI；H5 Web Speech API。
+ *
+ * @param {{
+ *   onResult?: (text: string) => void,
+ *   onSettle?: (text: string, info: { heldMs: number }) => boolean | void,
+ *   onPartial?: (text: string) => void,
+ *   onError?: (msg: string) => boolean | void,
+ *   showToast?: (msg: string) => void
+ * }} options
+ *
+ * onSettle 在每次录音结束时都会触发（含空结果），用于语音一问一答等需要
+ * 完全接管识别结果的场景。若 onSettle 返回 true，则跳过默认的 onResult 回调
+ * 与「没听清」提示，避免与上层流程重复处理。
+ *
+ * onPartial 在录音过程中实时返回中间识别结果（微信 onRecognize / H5 interim），
+ * 用于「抢答打断」等场景：检测到用户已开口作答即可提前结束播报/录音。
+ *
+ * onError 在录音/识别出错时触发（如 "record manager recordfailed"）。
+ * 若返回 true，则跳过默认的错误 Toast，由上层自行处理（如自动重试）。
+ */
+export function useSpeechToText({ onResult, onSettle, onPartial, onError, showToast } = {}) {
+    const sttListening = ref(false)
+    const sttHolding = ref(false)
+    const sttSupported = ref(false)
+
+    let wxRecordManager = null
+    let h5Recognition = null
+    let h5GotResult = false
+    let holdStartTs = 0
+    let holdSessionId = 0
+    let startRequested = false
+    let recordAuthorized = null
+    // 快速点按可能残留会话：用排队标记把 start/stop 串行化，
+    // 避免 "please stop after start"
+    let pendingStartSession = 0
+
+    function notify(msg) {
+        if (!msg) return
+        if (typeof showToast === 'function') {
+            showToast(msg)
+            return
+        }
+        uni.showToast({ title: msg, icon: 'none', duration: 2000 })
+    }
+
+    function emitResult(text) {
+        const t = String(text || '').trim()
+        const heldMs = Date.now() - holdStartTs
+        // onSettle 总会收到结果（含空），返回 true 表示已完全接管
+        if (typeof onSettle === 'function') {
+            const handled = onSettle(t, { heldMs })
+            if (handled === true) return
+        }
+        if (!t) {
+            if (heldMs < MIN_HOLD_MS) return
+            notify('没听清，请再试一次')
+            return
+        }
+        if (typeof onResult === 'function') {
+            onResult(t)
+        }
+    }
+
+    function stopListening() {
+        // #ifdef MP-WEIXIN
+        const ownsRecording = sharedRecording && activeCtl === controller
+        if (wxRecordManager && (sttListening.value || startRequested || ownsRecording)) {
+            try {
+                wxRecordManager.stop()
+            } catch (e) {}
+        }
+        // #endif
+
+        // #ifdef H5
+        if (h5Recognition && sttListening.value) {
+            try {
+                h5Recognition.stop()
+            } catch (e) {}
+        }
+        // #endif
+
+        startRequested = false
+        sttListening.value = false
+    }
+
+    function ensureRecordAuth(onGranted) {
+        // #ifdef MP-WEIXIN
+        if (recordAuthorized === true) {
+            onGranted()
+            return
+        }
+        uni.authorize({
+            scope: 'scope.record',
+            success() {
+                recordAuthorized = true
+                onGranted()
+            },
+            fail() {
+                recordAuthorized = false
+                sttHolding.value = false
+                uni.showModal({
+                    title: '需要麦克风权限',
+                    content: '请在设置中允许使用麦克风，以便长按说话',
+                    confirmText: '去设置',
+                    success(res) {
+                        if (res.confirm) {
+                            uni.openSetting({})
+                        }
+                    }
+                })
+            }
+        })
+        // #endif
+        // #ifndef MP-WEIXIN
+        onGranted()
+        // #endif
+    }
+
+    // #ifdef MP-WEIXIN
+    function actuallyStartWechat(session) {
+        if (!wxRecordManager || session !== holdSessionId || !sttHolding.value) {
+            return
+        }
+        try {
+            startRequested = true
+            sharedRecording = true
+            wxRecordManager.start({
+                duration: 60000,
+                lang: 'zh_CN'
+            })
+        } catch (e) {
+            startRequested = false
+            sharedRecording = false
+            sttHolding.value = false
+            notify('无法开始录音')
+        }
+    }
+    // #endif
+
+    function startWechatRecord(session) {
+        // #ifdef MP-WEIXIN
+        if (!wxRecordManager || session !== holdSessionId || !sttHolding.value) {
+            return
+        }
+        // 上一段会话还没结束（含全局单例残留）：先停止并排队，
+        // 待 onStop 回调后再真正开始，避免 "please stop after start"
+        if (sharedRecording || startRequested) {
+            pendingStartSession = session
+            try {
+                wxRecordManager.stop()
+            } catch (e) {}
+            return
+        }
+        actuallyStartWechat(session)
+        // #endif
+    }
+
+    function startH5Record() {
+        // #ifdef H5
+        if (!h5Recognition) {
+            notify('当前浏览器不支持语音输入')
+            sttHolding.value = false
+            return
+        }
+        try {
+            startRequested = true
+            h5GotResult = false
+            h5Recognition.start()
+            sttListening.value = true
+        } catch (e) {
+            startRequested = false
+            sttHolding.value = false
+            notify('无法开始语音识别，请检查麦克风权限')
+        }
+        // #endif
+    }
+
+    /** 长按开始：手指按下 */
+    function beginHoldSpeech() {
+        if (!sttSupported.value) {
+            notify('当前环境不支持语音输入')
+            return
+        }
+        if (sttHolding.value) return
+
+        const session = ++holdSessionId
+        holdStartTs = Date.now()
+        sttHolding.value = true
+
+        // #ifdef MP-WEIXIN
+        // 把全局录音回调切到当前实例
+        activeCtl = controller
+        ensureRecordAuth(() => startWechatRecord(session))
+        // #endif
+        // #ifdef H5
+        startH5Record()
+        // #endif
+        // #ifndef MP-WEIXIN
+        // #ifndef H5
+        sttHolding.value = false
+        notify('当前端暂不支持语音输入')
+        // #endif
+        // #endif
+    }
+
+    /** 松手结束：手指抬起 */
+    function endHoldSpeech() {
+        let recording = false
+        // #ifdef MP-WEIXIN
+        recording = sharedRecording && activeCtl === controller
+        // #endif
+        if (!sttHolding.value && !sttListening.value && !startRequested && !recording) {
+            return
+        }
+        sttHolding.value = false
+        // 松手后不再补开排队的录音
+        pendingStartSession = 0
+        if (sttListening.value || startRequested || recording) {
+            stopListening()
+            return
+        }
+        holdSessionId += 1
+    }
+
+    // #ifdef MP-WEIXIN
+    // 当前实例的回调控制器：全局单例 manager 的事件由模块级分发器
+    // 转发给 activeCtl（最后一次 beginHoldSpeech 的实例）
+    const controller = {
+        handleStart() {
+            if (!sttHolding.value) {
+                try {
+                    wxRecordManager.stop()
+                } catch (e) {}
+                return
+            }
+            startRequested = false
+            sttListening.value = true
+        },
+        handleRecognize(res) {
+            if (typeof onPartial !== 'function') return
+            const t = String(res?.result || '').trim()
+            if (t) onPartial(t)
+        },
+        handleStop(res) {
+            sttListening.value = false
+            startRequested = false
+            // 有排队的开始请求（残留会话已停止 / 用户仍按住）：现在再真正开始
+            if (pendingStartSession && pendingStartSession === holdSessionId && sttHolding.value) {
+                const s = pendingStartSession
+                pendingStartSession = 0
+                actuallyStartWechat(s)
+                return
+            }
+            pendingStartSession = 0
+            emitResult(res?.result)
+        },
+        handleError(res) {
+            sttListening.value = false
+            startRequested = false
+            const msg = (res && res.msg) || ''
+            // 上一段未停止就再次 start 触发：停止后若仍按住则自动重试，不打扰用户
+            if (/please stop after start/i.test(msg)) {
+                try {
+                    wxRecordManager.stop()
+                } catch (e) {}
+                pendingStartSession = sttHolding.value ? holdSessionId : 0
+                return
+            }
+            pendingStartSession = 0
+            sttHolding.value = false
+            // 上层（如一问一答流程）可接管错误并自行重试，返回 true 时不再弹默认提示
+            if (typeof onError === 'function') {
+                const handled = onError(msg || '')
+                if (handled === true) return
+            }
+            notify(msg || '语音识别失败')
+        }
+    }
+
+    wxRecordManager = getSharedRecordManager()
+    sttSupported.value = !!wxRecordManager
+    // #endif
+
+    // #ifdef H5
+    try {
+        if (typeof window !== 'undefined') {
+            const SR = window.SpeechRecognition || window.webkitSpeechRecognition
+            if (SR) {
+                h5Recognition = new SR()
+                h5Recognition.lang = 'zh-CN'
+                h5Recognition.interimResults = true
+                h5Recognition.continuous = false
+                h5Recognition.maxAlternatives = 1
+                sttSupported.value = true
+
+                h5Recognition.onresult = (event) => {
+                    let interim = ''
+                    let finalText = ''
+                    for (let i = event.resultIndex; i < event.results.length; i++) {
+                        const r = event.results[i]
+                        const txt = r?.[0]?.transcript || ''
+                        if (r.isFinal) finalText += txt
+                        else interim += txt
+                    }
+                    if (interim && typeof onPartial === 'function') onPartial(interim)
+                    if (finalText) {
+                        h5GotResult = true
+                        emitResult(finalText)
+                    }
+                }
+                h5Recognition.onend = () => {
+                    sttListening.value = false
+                    startRequested = false
+                    sttHolding.value = false
+                    // 无识别结果也要兜底触发一次 settle，便于一问一答流程重试
+                    if (!h5GotResult) {
+                        emitResult('')
+                    }
+                    h5GotResult = false
+                }
+                h5Recognition.onerror = (event) => {
+                    sttListening.value = false
+                    startRequested = false
+                    sttHolding.value = false
+                    const err = event?.error || ''
+                    if (err === 'aborted') return
+                    if (typeof onError === 'function') {
+                        const handled = onError(err)
+                        if (handled === true) return
+                    }
+                    if (err === 'not-allowed') {
+                        notify('请允许浏览器使用麦克风')
+                    } else {
+                        notify('语音识别失败')
+                    }
+                }
+            }
+        }
+    } catch (e) {
+        console.warn('H5 SpeechRecognition not available', e)
+    }
+    // #endif
+
+    onUnmounted(() => {
+        sttHolding.value = false
+        holdSessionId += 1
+        pendingStartSession = 0
+        stopListening()
+        // #ifdef MP-WEIXIN
+        // 释放全局回调指向，避免事件继续派发给已销毁的实例
+        if (activeCtl === controller) {
+            activeCtl = null
+        }
+        // #endif
+    })
+
+    return {
+        sttListening,
+        sttHolding,
+        sttSupported,
+        beginHoldSpeech,
+        endHoldSpeech,
+        stopSpeechToText: endHoldSpeech
+    }
+}
@@ -0,0 +1,654 @@
+/**
+ * 棋盘食材 · 仿真插画 SVG（渐变 + 高光 + 阴影，开心消消乐式 2.5D）
+ */
+import { svgToDataUrl } from '../utils/svgDataUrl.js'
+
+function gid(key, suffix) {
+    return `f-${String(key).replace(/[^a-z0-9]/gi, '')}-${suffix}`
+}
+
+function wrap(key, body) {
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">${body}</svg>`
+}
+
+function shadow(key) {
+    const id = gid(key, 'sh')
+    return `<filter id="${id}"><feDropShadow dx="0" dy="2.5" stdDeviation="2.2" flood-color="#1a1a2e" flood-opacity="0.28"/></filter>`
+}
+
+function shine(x, y, rx, ry) {
+    return `<ellipse cx="${x}" cy="${y}" rx="${rx}" ry="${ry}" fill="#fff" opacity="0.38"/>`
+}
+
+/** 圆形水果 */
+function artRound(key, base, dark, light, extra = '') {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs>
+            <radialGradient id="${g}" cx="36%" cy="30%" r="68%">
+                <stop offset="0%" stop-color="${light}"/>
+                <stop offset="55%" stop-color="${base}"/>
+                <stop offset="100%" stop-color="${dark}"/>
+            </radialGradient>
+            ${shadow(key)}
+        </defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <ellipse cx="32" cy="36" rx="21" ry="23" fill="url(#${g})"/>
+            ${shine(24, 28, 7, 5)}
+            <path d="M32 13 Q35 9 37 15" stroke="#5d4037" stroke-width="2" fill="none" stroke-linecap="round"/>
+            <ellipse cx="38" cy="15" rx="5.5" ry="3" fill="#66bb6a" transform="rotate(28 38 15)"/>
+            ${extra}
+        </g>`)
+}
+
+/** 叶菜 */
+function artLeafy(key, light, mid, dark) {
+    const g1 = gid(key, 'g1')
+    const g2 = gid(key, 'g2')
+    return wrap(key, `
+        <defs>
+            <linearGradient id="${g1}" x1="0%" y1="0%" x2="100%" y2="100%">
+                <stop offset="0%" stop-color="${light}"/><stop offset="100%" stop-color="${mid}"/>
+            </linearGradient>
+            <linearGradient id="${g2}" x1="0%" y1="100%" x2="100%" y2="0%">
+                <stop offset="0%" stop-color="${mid}"/><stop offset="100%" stop-color="${dark}"/>
+            </linearGradient>
+            ${shadow(key)}
+        </defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M32 8 C18 18 14 34 20 48 C24 54 32 56 32 56 C32 56 40 54 44 48 C50 34 46 18 32 8Z" fill="url(#${g1})"/>
+            <path d="M32 14 C26 22 24 32 28 42 C30 46 32 48 32 48 C32 48 34 46 36 42 C40 32 38 22 32 14Z" fill="url(#${g2})" opacity="0.85"/>
+            ${shine(26, 24, 6, 8)}
+        </g>`)
+}
+
+/** 西兰花 */
+function artBroccoli(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs>
+            <radialGradient id="${g}" cx="50%" cy="40%" r="55%">
+                <stop offset="0%" stop-color="#7cb342"/><stop offset="100%" stop-color="#33691e"/>
+            </radialGradient>
+            ${shadow(key)}
+        </defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <rect x="28" y="38" width="8" height="16" rx="3" fill="#558b2f"/>
+            <circle cx="22" cy="28" r="9" fill="url(#${g})"/><circle cx="32" cy="22" r="10" fill="url(#${g})"/>
+            <circle cx="42" cy="28" r="9" fill="url(#${g})"/><circle cx="32" cy="32" r="8" fill="#689f38"/>
+            ${shine(28, 20, 5, 4)}
+        </g>`)
+}
+
+/** 长条（黄瓜/香蕉/玉米） */
+function artLong(key, base, dark, light, type = 'cucumber') {
+    const g = gid(key, 'g')
+    if (type === 'banana') {
+        return wrap(key, `
+            <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+                <stop offset="0%" stop-color="${light}"/><stop offset="100%" stop-color="${dark}"/>
+            </linearGradient>${shadow(key)}</defs>
+            <g filter="url(#${gid(key, 'sh')})">
+                <path d="M18 46 Q14 30 28 14 Q38 8 46 16 Q52 24 44 38 Q36 52 22 50 Q16 48 18 46Z" fill="url(#${g})"/>
+                <path d="M24 42 Q20 32 30 20" stroke="${dark}" stroke-width="1.2" fill="none" opacity="0.5"/>
+                ${shine(30, 26, 5, 3)}
+            </g>`)
+    }
+    if (type === 'corn') {
+        return wrap(key, `
+            <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="0%">
+                <stop offset="0%" stop-color="${light}"/><stop offset="100%" stop-color="${base}"/>
+            </linearGradient>${shadow(key)}</defs>
+            <g filter="url(#${gid(key, 'sh')})">
+                <ellipse cx="32" cy="34" rx="14" ry="22" fill="url(#${g})"/>
+                <g fill="${dark}" opacity="0.55">${Array.from({ length: 5 }, (_, r) =>
+                    Array.from({ length: 4 }, (_, c) =>
+                        `<circle cx="${22 + c * 5}" cy="${20 + r * 5}" r="1.2"/>`
+                    ).join('')
+                ).join('')}</g>
+                <path d="M32 10 L34 18 M32 10 L30 18" stroke="#558b2f" stroke-width="2" stroke-linecap="round"/>
+                ${shine(26, 26, 5, 8)}
+            </g>`)
+    }
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" stop-color="${light}"/><stop offset="100%" stop-color="${dark}"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <ellipse cx="32" cy="32" rx="10" ry="24" fill="url(#${g})" transform="rotate(-12 32 32)"/>
+            <ellipse cx="28" cy="22" rx="3" ry="5" fill="#fff" opacity="0.25" transform="rotate(-12 28 22)"/>
+        </g>`)
+}
+
+/** 茄子 */
+function artEggplant(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="20%" y1="0%" x2="80%" y2="100%">
+            <stop offset="0%" stop-color="#9575cd"/><stop offset="100%" stop-color="#4527a0"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <ellipse cx="32" cy="38" rx="13" ry="20" fill="url(#${g})"/>
+            <path d="M32 18 Q34 12 32 8 Q30 12 32 18" fill="#558b2f"/>
+            ${shine(26, 32, 5, 7)}
+        </g>`)
+}
+
+/** 番茄 */
+function artTomato(key) {
+    return artRound(key, '#e53935', '#b71c1c', '#ef5350',
+        '<path d="M24 16 Q32 12 40 16" stroke="#2e7d32" stroke-width="2.5" fill="none" stroke-linecap="round"/>')
+}
+
+/** 甜椒 */
+function artPepper(key, color, dark) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="30%" y1="0%" x2="70%" y2="100%">
+            <stop offset="0%" stop-color="${color}"/><stop offset="100%" stop-color="${dark}"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M32 10 Q26 14 24 24 Q22 38 28 48 Q32 54 36 48 Q42 38 40 24 Q38 14 32 10Z" fill="url(#${g})"/>
+            <path d="M30 12 Q32 8 34 12" stroke="#33691e" stroke-width="2" fill="none"/>
+            ${shine(28, 26, 5, 6)}
+        </g>`)
+}
+
+/** 洋葱 */
+function artOnion(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><radialGradient id="${g}" cx="45%" cy="35%" r="60%">
+            <stop offset="0%" stop-color="#ffe0b2"/><stop offset="100%" stop-color="#bc8f5a"/>
+        </radialGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <ellipse cx="32" cy="36" rx="18" ry="20" fill="url(#${g})"/>
+            <path d="M32 16 Q28 22 32 28 Q36 22 32 16" fill="#d7ccc8"/>
+            ${shine(24, 30, 6, 5)}
+        </g>`)
+}
+
+/** 葡萄串 */
+function artGrapes(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><radialGradient id="${g}" cx="40%" cy="30%" r="65%">
+            <stop offset="0%" stop-color="#ba68c8"/><stop offset="100%" stop-color="#6a1b9a"/>
+        </radialGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M32 10 L32 18" stroke="#558b2f" stroke-width="2"/>
+            <ellipse cx="32" cy="22" rx="4" ry="4.5" fill="url(#${g})"/>
+            <ellipse cx="26" cy="28" rx="4" ry="4.5" fill="url(#${g})"/><ellipse cx="38" cy="28" rx="4" ry="4.5" fill="url(#${g})"/>
+            <ellipse cx="22" cy="34" rx="4" ry="4.5" fill="url(#${g})"/><ellipse cx="32" cy="34" rx="4" ry="4.5" fill="url(#${g})"/><ellipse cx="42" cy="34" rx="4" ry="4.5" fill="url(#${g})"/>
+            <ellipse cx="28" cy="40" rx="4" ry="4.5" fill="url(#${g})"/><ellipse cx="36" cy="40" rx="4" ry="4.5" fill="url(#${g})"/>
+            ${shine(28, 24, 3, 2)}
+        </g>`)
+}
+
+/** 樱桃 */
+function artCherry(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><radialGradient id="${g}" cx="35%" cy="30%" r="70%">
+            <stop offset="0%" stop-color="#f06292"/><stop offset="100%" stop-color="#880e4f"/>
+        </radialGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M32 12 Q24 18 22 26 M32 12 Q40 18 42 26" stroke="#558b2f" stroke-width="2" fill="none"/>
+            <circle cx="22" cy="32" r="9" fill="url(#${g})"/><circle cx="42" cy="32" r="9" fill="url(#${g})"/>
+            ${shine(19, 29, 3, 2)}${shine(39, 29, 3, 2)}
+        </g>`)
+}
+
+/** 草莓 */
+function artStrawberry(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="50%" y1="0%" x2="50%" y2="100%">
+            <stop offset="0%" stop-color="#ef5350"/><stop offset="100%" stop-color="#c62828"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M32 14 Q18 28 22 46 Q26 54 32 56 Q38 54 42 46 Q46 28 32 14Z" fill="url(#${g})"/>
+            <path d="M22 16 Q32 10 42 16 Q32 20 22 16Z" fill="#43a047"/>
+            ${shine(26, 28, 4, 6)}
+            <g fill="#ffeb3b" opacity="0.85">${[28, 34, 38, 30, 36].map((x, i) =>
+                `<circle cx="${x}" cy="${32 + (i % 3) * 5}" r="1.1"/>`
+            ).join('')}</g>
+        </g>`)
+}
+
+/** 豆类 */
+function artBeans(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" stop-color="#d7ccc8"/><stop offset="100%" stop-color="#8d6e63"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <ellipse cx="24" cy="32" rx="9" ry="12" fill="url(#${g})" transform="rotate(-20 24 32)"/>
+            <ellipse cx="36" cy="30" rx="9" ry="12" fill="url(#${g})" transform="rotate(15 36 30)"/>
+            <ellipse cx="32" cy="42" rx="9" ry="12" fill="url(#${g})" transform="rotate(-5 32 42)"/>
+        </g>`)
+}
+
+/** 饮品杯 */
+function artCup(key, liquid, cup = '#eceff1', type = 'glass') {
+    const g = gid(key, 'g')
+    if (type === 'bottle') {
+        return wrap(key, `
+            <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="0%" y2="100%">
+                <stop offset="0%" stop-color="${liquid}"/><stop offset="100%" stop-color="${cup}"/>
+            </linearGradient>${shadow(key)}</defs>
+            <g filter="url(#${gid(key, 'sh')})">
+                <rect x="24" y="14" width="16" height="6" rx="2" fill="#b0bec5"/>
+                <path d="M22 20 L24 52 Q32 56 40 52 L42 20Z" fill="url(#${g})"/>
+                ${shine(28, 30, 4, 10)}
+            </g>`)
+    }
+    if (type === 'wine') {
+        return wrap(key, `
+            <defs><linearGradient id="${g}" x1="0%" y1="100%" x2="0%" y2="0%">
+                <stop offset="0%" stop-color="#4a0e16"/><stop offset="100%" stop-color="${liquid}"/>
+            </linearGradient>${shadow(key)}</defs>
+            <g filter="url(#${gid(key, 'sh')})">
+                <path d="M28 18 L26 38 Q32 46 38 38 L36 18Z" fill="url(#${g})"/>
+                <rect x="30" y="38" width="4" height="12" fill="#cfd8dc"/>
+                <ellipse cx="32" cy="52" rx="8" ry="2" fill="#cfd8dc"/>
+            </g>`)
+    }
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="0%" y2="100%">
+            <stop offset="0%" stop-color="${liquid}"/><stop offset="100%" stop-color="${cup}"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M18 24 L20 48 Q32 54 44 48 L46 24Z" fill="#eceff1" stroke="#b0bec5" stroke-width="1"/>
+            <path d="M20 28 L22 46 Q32 50 42 46 L44 28Z" fill="url(#${g})"/>
+            ${shine(26, 32, 4, 8)}
+        </g>`)
+}
+
+/** 蘑菇 */
+function artMushroom(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><radialGradient id="${g}" cx="40%" cy="35%" r="65%">
+            <stop offset="0%" stop-color="#a1887f"/><stop offset="100%" stop-color="#5d4037"/>
+        </radialGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <rect x="28" y="34" width="8" height="16" rx="3" fill="#efebe9"/>
+            <ellipse cx="32" cy="30" rx="18" ry="14" fill="url(#${g})"/>
+            <ellipse cx="24" cy="26" rx="3" ry="2" fill="#efebe9" opacity="0.7"/>
+            <ellipse cx="36" cy="24" rx="2.5" ry="1.8" fill="#efebe9" opacity="0.7"/>
+            ${shine(24, 24, 6, 4)}
+        </g>`)
+}
+
+/** 芹菜 */
+function artCelery(key) {
+    return artLeafy(key, '#aed581', '#7cb342', '#558b2f')
+}
+
+/** 四季豆 */
+function artGreenBean(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" stop-color="#9ccc65"/><stop offset="100%" stop-color="#33691e"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <ellipse cx="26" cy="32" rx="5" ry="18" fill="url(#${g})" transform="rotate(-15 26 32)"/>
+            <ellipse cx="38" cy="34" rx="5" ry="18" fill="url(#${g})" transform="rotate(12 38 34)"/>
+        </g>`)
+}
+
+/** 饭碗 */
+function artRiceBowl(key, rice, bowl = '#e0e0e0', dark = '#bdbdbd') {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="0%" y2="100%">
+            <stop offset="0%" stop-color="${rice}"/><stop offset="100%" stop-color="${dark}"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M12 36 Q32 58 52 36 L48 48 Q32 56 16 48Z" fill="${bowl}"/>
+            <ellipse cx="32" cy="36" rx="20" ry="8" fill="url(#${g})"/>
+            ${shine(24, 34, 6, 3)}
+        </g>`)
+}
+
+/** 薯类 */
+function artRoot(key, base, dark, light) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><radialGradient id="${g}" cx="40%" cy="35%" r="65%">
+            <stop offset="0%" stop-color="${light}"/><stop offset="100%" stop-color="${dark}"/>
+        </radialGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <ellipse cx="32" cy="36" rx="16" ry="20" fill="url(#${g})"/>
+            <path d="M22 28 Q32 22 42 28" stroke="${base}" stroke-width="1.5" fill="none" opacity="0.4"/>
+            ${shine(24, 30, 5, 6)}
+        </g>`)
+}
+
+/** 肉类 */
+function artMeat(key, base, dark, type = 'steak') {
+    const g = gid(key, 'g')
+    if (type === 'chicken') {
+        return wrap(key, `
+            <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+                <stop offset="0%" stop-color="${base}"/><stop offset="100%" stop-color="${dark}"/>
+            </linearGradient>${shadow(key)}</defs>
+            <g filter="url(#${gid(key, 'sh')})">
+                <ellipse cx="30" cy="38" rx="14" ry="16" fill="url(#${g})"/>
+                <ellipse cx="38" cy="28" rx="8" ry="10" fill="url(#${g})"/>
+                <circle cx="42" cy="24" r="3" fill="#efebe9"/>
+                ${shine(26, 32, 5, 6)}
+            </g>`)
+    }
+    if (type === 'fish') {
+        return wrap(key, `
+            <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+                <stop offset="0%" stop-color="${base}"/><stop offset="100%" stop-color="${dark}"/>
+            </linearGradient>${shadow(key)}</defs>
+            <g filter="url(#${gid(key, 'sh')})">
+                <ellipse cx="32" cy="34" rx="20" ry="12" fill="url(#${g})"/>
+                <path d="M52 34 L60 28 L60 40Z" fill="${dark}"/>
+                <circle cx="22" cy="32" r="2.5" fill="#fff"/>
+                ${shine(28, 30, 6, 4)}
+            </g>`)
+    }
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" stop-color="${base}"/><stop offset="100%" stop-color="${dark}"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M16 40 Q20 22 36 20 Q50 20 48 38 Q46 50 32 52 Q18 52 16 40Z" fill="url(#${g})"/>
+            <ellipse cx="28" cy="32" rx="4" ry="3" fill="#efebe9" opacity="0.5"/>
+            ${shine(26, 28, 6, 4)}
+        </g>`)
+}
+
+/** 虾/蟹 */
+function artSeafood(key, type = 'shrimp') {
+    const g = gid(key, 'g')
+    if (type === 'crab') {
+        return wrap(key, `
+            <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+                <stop offset="0%" stop-color="#ff7043"/><stop offset="100%" stop-color="#bf360c"/>
+            </linearGradient>${shadow(key)}</defs>
+            <g filter="url(#${gid(key, 'sh')})">
+                <ellipse cx="32" cy="36" rx="14" ry="12" fill="url(#${g})"/>
+                <circle cx="28" cy="32" r="2" fill="#fff"/><circle cx="36" cy="32" r="2" fill="#fff"/>
+                <path d="M18 30 L10 24 M18 38 L10 44 M46 30 L54 24 M46 38 L54 44" stroke="#bf360c" stroke-width="2.5" stroke-linecap="round"/>
+            </g>`)
+    }
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" stop-color="#ff8a65"/><stop offset="100%" stop-color="#e64a19"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M16 40 Q28 16 48 28 Q42 36 38 44 Q28 52 16 40Z" fill="url(#${g})"/>
+            ${shine(30, 28, 5, 4)}
+        </g>`)
+}
+
+/** 菠萝 */
+function artPineapple(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" stop-color="#ffca28"/><stop offset="100%" stop-color="#f57f17"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <ellipse cx="32" cy="38" rx="16" ry="18" fill="url(#${g})"/>
+            <g stroke="#e65100" stroke-width="1" opacity="0.45">${[-8, 0, 8].map(o =>
+                `<line x1="${24 + o}" y1="24" x2="${24 + o}" y2="52"/>`
+            ).join('')}</g>
+            <path d="M24 18 L32 8 L40 18" fill="#43a047"/>
+            ${shine(26, 32, 5, 6)}
+        </g>`)
+}
+
+/** 奇异果 */
+function artKiwi(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><radialGradient id="${g}" cx="50%" cy="50%" r="50%">
+            <stop offset="0%" stop-color="#dce775"/><stop offset="60%" stop-color="#9ccc65"/><stop offset="100%" stop-color="#558b2f"/>
+        </radialGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <circle cx="32" cy="34" r="18" fill="#8d6e63"/>
+            <circle cx="32" cy="34" r="14" fill="url(#${g})"/>
+            <circle cx="32" cy="34" r="4" fill="#fff" opacity="0.5"/>
+            ${shine(26, 28, 4, 3)}
+        </g>`)
+}
+
+/** 蜜瓜 */
+function artMelon(key) {
+    return artRound(key, '#aed581', '#689f38', '#c5e1a5', '')
+}
+
+/** 蜂蜜 */
+function artHoney(key) {
+    return artCup(key, '#ffb300', '#ff8f00', 'bottle')
+}
+
+/** 面包类 */
+function artBread(key, base, dark, type = 'loaf') {
+    const g = gid(key, 'g')
+    if (type === 'donut') {
+        return wrap(key, `
+            <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+                <stop offset="0%" stop-color="${base}"/><stop offset="100%" stop-color="${dark}"/>
+            </linearGradient>${shadow(key)}</defs>
+            <g filter="url(#${gid(key, 'sh')})">
+                <circle cx="32" cy="34" r="18" fill="url(#${g})"/>
+                <circle cx="32" cy="34" r="7" fill="#fff5f5"/>
+                <path d="M20 28 Q32 18 44 28" stroke="#f48fb1" stroke-width="4" fill="none" stroke-linecap="round"/>
+                ${shine(24, 28, 5, 4)}
+            </g>`)
+    }
+    if (type === 'mantou') {
+        return wrap(key, `
+            <defs><radialGradient id="${g}" cx="40%" cy="30%" r="70%">
+                <stop offset="0%" stop-color="${base}"/><stop offset="100%" stop-color="${dark}"/>
+            </radialGradient>${shadow(key)}</defs>
+            <g filter="url(#${gid(key, 'sh')})">
+                <ellipse cx="32" cy="38" rx="16" ry="14" fill="url(#${g})"/>
+                <path d="M18 34 Q32 26 46 34" stroke="${dark}" stroke-width="1" fill="none" opacity="0.3"/>
+                ${shine(24, 32, 6, 4)}
+            </g>`)
+    }
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="0%" y2="100%">
+            <stop offset="0%" stop-color="${base}"/><stop offset="100%" stop-color="${dark}"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <rect x="14" y="22" width="36" height="28" rx="8" fill="url(#${g})"/>
+            ${shine(22, 28, 8, 5)}
+        </g>`)
+}
+
+/** 面条 */
+function artNoodle(key, soup = '#d7ccc8') {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="0%" y2="100%">
+            <stop offset="0%" stop-color="${soup}"/><stop offset="100%" stop-color="#a1887f"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <ellipse cx="32" cy="42" rx="20" ry="10" fill="#eceff1"/>
+            <ellipse cx="32" cy="38" rx="18" ry="8" fill="url(#${g})"/>
+            <path d="M20 36 Q26 32 32 36 Q38 40 44 36" stroke="#ffe082" stroke-width="2.5" fill="none" stroke-linecap="round"/>
+            <path d="M22 40 Q30 44 38 40" stroke="#ffe082" stroke-width="2" fill="none" stroke-linecap="round"/>
+        </g>`)
+}
+
+/** 南瓜 */
+function artPumpkin(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><radialGradient id="${g}" cx="40%" cy="35%" r="65%">
+            <stop offset="0%" stop-color="#ffb74d"/><stop offset="100%" stop-color="#e65100"/>
+        </radialGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <ellipse cx="24" cy="36" rx="10" ry="16" fill="url(#${g})"/>
+            <ellipse cx="32" cy="34" rx="11" ry="18" fill="url(#${g})"/>
+            <ellipse cx="40" cy="36" rx="10" ry="16" fill="url(#${g})"/>
+            <path d="M32 16 Q34 10 32 8" stroke="#558b2f" stroke-width="2.5" fill="none"/>
+            ${shine(26, 28, 5, 6)}
+        </g>`)
+}
+
+/** 薯条 */
+function artFries(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" stop-color="#ffe082"/><stop offset="100%" stop-color="#f9a825"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M18 48 L22 24 L46 24 L50 48Z" fill="#ef5350"/>
+            ${[26, 32, 38, 44].map(x => `<rect x="${x}" y="18" width="4" height="22" rx="2" fill="url(#${g})"/>`).join('')}
+        </g>`)
+}
+
+/** 西瓜 */
+function artWatermelon(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" stop-color="#ef5350"/><stop offset="100%" stop-color="#c62828"/>
+        </linearGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M12 40 Q32 8 52 40 Q32 56 12 40Z" fill="#2e7d32"/>
+            <path d="M16 40 Q32 14 48 40 Q32 52 16 40Z" fill="url(#${g})"/>
+            ${[24, 32, 40].map(x => `<circle cx="${x}" cy="36" r="1.2" fill="#212121"/>`).join('')}
+            ${shine(24, 30, 4, 3)}
+        </g>`)
+}
+
+/** 糖果 */
+function artCandy(key, base, dark, type = 'lollipop') {
+    const g = gid(key, 'g')
+    if (type === 'wrap') {
+        return wrap(key, `
+            <defs><linearGradient id="${g}" x1="0%" y1="0%" x2="100%" y2="100%">
+                <stop offset="0%" stop-color="${base}"/><stop offset="100%" stop-color="${dark}"/>
+            </linearGradient>${shadow(key)}</defs>
+            <g filter="url(#${gid(key, 'sh')})">
+                <rect x="20" y="22" width="24" height="20" rx="4" fill="url(#${g})"/>
+                <path d="M20 26 L16 30 L20 34 M44 26 L48 30 L44 34" stroke="${dark}" stroke-width="2" fill="none"/>
+            </g>`)
+    }
+    return wrap(key, `
+        <defs><radialGradient id="${g}" cx="35%" cy="30%" r="70%">
+            <stop offset="0%" stop-color="${base}"/><stop offset="100%" stop-color="${dark}"/>
+        </radialGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <circle cx="32" cy="28" r="14" fill="url(#${g})"/>
+            <rect x="30" y="40" width="4" height="14" rx="2" fill="#eceff1"/>
+            ${shine(26, 24, 4, 3)}
+        </g>`)
+}
+
+/** 糯米团 */
+function artDango(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><radialGradient id="${g}" cx="40%" cy="30%" r="70%">
+            <stop offset="0%" stop-color="#f8bbd0"/><stop offset="100%" stop-color="#ec407a"/>
+        </radialGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <circle cx="22" cy="36" r="8" fill="#fff"/>
+            <circle cx="32" cy="32" r="8" fill="url(#${g})"/>
+            <circle cx="42" cy="36" r="8" fill="#fff"/>
+            <rect x="14" y="44" width="36" height="3" rx="1.5" fill="#8d6e63"/>
+        </g>`)
+}
+
+/** 爆米花 */
+function artPopcorn(key) {
+    const g = gid(key, 'g')
+    return wrap(key, `
+        <defs><radialGradient id="${g}" cx="40%" cy="30%" r="70%">
+            <stop offset="0%" stop-color="#fff9c4"/><stop offset="100%" stop-color="#fff176"/>
+        </radialGradient>${shadow(key)}</defs>
+        <g filter="url(#${gid(key, 'sh')})">
+            <path d="M16 48 L20 36 L48 36 L52 48Z" fill="#ef5350"/>
+            <circle cx="24" cy="30" r="7" fill="url(#${g})"/><circle cx="34" cy="24" r="8" fill="url(#${g})"/>
+            <circle cx="44" cy="30" r="7" fill="url(#${g})"/><circle cx="32" cy="32" r="6" fill="url(#${g})"/>
+        </g>`)
+}
+
+const FOOD_ART = {
+    lettuce: () => artLeafy('lettuce', '#c5e1a5', '#81c784', '#388e3c'),
+    broccoli: () => artBroccoli('broccoli'),
+    apple: () => artRound('apple', '#e53935', '#b71c1c', '#ef5350'),
+    cucumber: () => artLong('cucumber', '#66bb6a', '#2e7d32', '#a5d6a7'),
+    eggplant: () => artEggplant('eggplant'),
+    tomato: () => artTomato('tomato'),
+    pepper: () => artPepper('pepper', '#43a047', '#1b5e20'),
+    onion: () => artOnion('onion'),
+    pear: () => artRound('pear', '#c0ca33', '#827717', '#dce775', ''),
+    orange: () => artRound('orange', '#fb8c00', '#e65100', '#ffb74d'),
+    peach: () => artRound('peach', '#ff8a65', '#e64a19', '#ffab91'),
+    cherry: () => artCherry('cherry'),
+    grape: () => artGrapes('grape'),
+    strawberry: () => artStrawberry('strawberry'),
+    soybean: () => artBeans('soybean'),
+    milk: () => artCup('milk', '#eceff1', '#b0bec5'),
+    tea: () => artCup('tea', '#a1887f', '#6d4c41'),
+    mushroom: () => artMushroom('mushroom'),
+    celery: () => artCelery('celery'),
+    greenBean: () => artGreenBean('greenBean'),
+    brownRice: () => artRiceBowl('brownRice', '#bcaaa4', '#8d6e63', '#6d4c41'),
+    sweetPotato: () => artRoot('sweetPotato', '#c75b39', '#8d2600', '#e57373'),
+    taro: () => artRoot('taro', '#b39ddb', '#5e35b1', '#d1c4e9'),
+    fish: () => artMeat('fish', '#4fc3f7', '#0277bd', 'fish'),
+    chicken: () => artMeat('chicken', '#ffb74d', '#e65100', 'chicken'),
+    beef: () => artMeat('beef', '#c0504d', '#7f0000', 'steak'),
+    leanMeat: () => artMeat('leanMeat', '#b5654d', '#8d4000', 'steak'),
+    shrimp: () => artSeafood('shrimp', 'shrimp'),
+    crab: () => artSeafood('crab', 'crab'),
+    banana: () => artLong('banana', '#fdd835', '#f9a825', '#fff176', 'banana'),
+    mango: () => artRound('mango', '#ffb300', '#ff6f00', '#ffca28'),
+    pineapple: () => artPineapple('pineapple'),
+    kiwi: () => artKiwi('kiwi'),
+    melon: () => artMelon('melon'),
+    honey: () => artHoney('honey'),
+    wine: () => artCup('wine', '#9b2c3b', '#4a0e16', 'wine'),
+    beer: () => artCup('beer', '#ffb300', '#ff8f00'),
+    coffee: () => artCup('coffee', '#6f4e37', '#3e2723'),
+    corn: () => artLong('corn', '#f9c513', '#f57f17', '#fff176', 'corn'),
+    udon: () => artNoodle('udon', '#d9b88f'),
+    whiteRice: () => artRiceBowl('whiteRice', '#f5f5f5', '#eeeeee', '#bdbdbd'),
+    whiteBread: () => artBread('whiteBread', '#d9a85c', '#a1887f', 'loaf'),
+    mantou: () => artBread('mantou', '#ece0c8', '#bcaaa4', 'mantou'),
+    youtiao: () => artBread('youtiao', '#d4943f', '#a1660a', 'loaf'),
+    donut: () => artBread('donut', '#e87fb0', '#ad1457', 'donut'),
+    popcorn: () => artPopcorn('popcorn'),
+    ramen: () => artNoodle('ramen', '#e0a96d'),
+    pumpkin: () => artPumpkin('pumpkin'),
+    bakedPotato: () => artFries('bakedPotato'),
+    watermelon: () => artWatermelon('watermelon'),
+    sugar: () => artCandy('sugar', '#ff79b0', '#c2185b', 'lollipop'),
+    maltose: () => artCandy('maltose', '#ffa726', '#e65100', 'wrap'),
+    soda: () => artCup('soda', '#c62828', '#880e0e', 'bottle'),
+    orangeJuice: () => artCup('orangeJuice', '#ff9f1c', '#e65100', 'bottle'),
+    stickyRice: () => artDango('stickyRice')
+}
+
+const imgCache = {}
+
+/** 获取食材插画 data URL（带缓存） */
+export function getFoodImg(key) {
+    if (imgCache[key]) return imgCache[key]
+    const builder = FOOD_ART[key]
+    if (!builder) return ''
+    imgCache[key] = svgToDataUrl(builder())
+    return imgCache[key]
+}
+
+export function warmUpFoodImgs(keys) {
+    keys.forEach((k) => getFoodImg(k))
+}
@@ -0,0 +1,50 @@
+/**
+ * 食材图标 URL（Twemoji PNG，小程序 / H5 通用）
+ * 微信小程序 <image> 不支持 SVG data URL，必须用 https PNG
+ */
+const TWEMOJI_BASE = 'https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/72x72'
+
+/** emoji → Twemoji PNG 地址 */
+export function emojiToTwemojiUrl(emoji) {
+    if (!emoji) return ''
+    const parts = []
+    for (let i = 0; i < emoji.length;) {
+        const cp = emoji.codePointAt(i)
+        if (!cp) break
+        parts.push(cp.toString(16))
+        i += cp > 0xffff ? 2 : 1
+    }
+    return `${TWEMOJI_BASE}/${parts.join('-')}.png`
+}
+
+const imgCache = {}
+
+export function getFoodImgUrl(emoji) {
+    if (!emoji) return ''
+    if (imgCache[emoji]) return imgCache[emoji]
+    const url = emojiToTwemojiUrl(emoji)
+    imgCache[emoji] = url
+    return url
+}
+
+/** 预加载本局食材图标（小程序提前拉取，减少首屏空白） */
+export function warmUpFoodImgs(foods) {
+    const list = Array.isArray(foods) ? foods : []
+    list.forEach((f) => {
+        const icon = typeof f === 'string' ? f : f?.icon
+        // 优先预热自定义图片素材，缺省回退 emoji PNG
+        const url = (typeof f === 'object' && f?.img) ? f.img : getFoodImgUrl(icon)
+        if (!url) return
+        // #ifdef MP-WEIXIN
+        try {
+            uni.getImageInfo({ src: url, fail: () => {} })
+        } catch (_) {}
+        // #endif
+        // #ifdef H5
+        try {
+            const img = new Image()
+            img.src = url
+        } catch (_) {}
+        // #endif
+    })
+}
@@ -0,0 +1,189 @@
+/**
+ * 全量食材库：key 用于消除匹配，img 为 Twemoji PNG（小程序可用）
+ */
+import { getFoodImgUrl } from './gameFoodImg.js'
+
+export const GI_LABEL = { low: '低血糖', mid: '中血糖', high: '高血糖' }
+
+/** 若实际食用时的升糖幅度（教育提示用，正值=升糖） */
+export function getEatVal(food) {
+    if (food.eatVal != null) return food.eatVal
+    if (food.gi === 'high') return Math.abs(food.val)
+    if (food.gi === 'mid') return Math.max(1, food.val)
+    return Math.max(1, Math.abs(food.val))
+}
+
+/** 从餐盘消除该食物后的血糖变化（负值=控糖有益） */
+export function getClearVal(food) {
+    if (food.clearVal != null) return food.clearVal
+    const eat = getEatVal(food)
+    if (food.gi === 'high') return -Math.max(8, Math.round(eat * 0.5))
+    if (food.gi === 'mid') return -1
+    return 0
+}
+
+/** 点击食材时的升糖说明文案 */
+export function formatEatLabel(food) {
+    if (food.gi === 'low') return '升糖低'
+    return `若食用 +${getEatVal(food)}`
+}
+
+/** 含糖等级简称：低糖 / 中糖 / 高糖 */
+export const GI_SHORT = { low: '低糖', mid: '中糖', high: '高糖' }
+
+/** 含糖等级对应的提示主色（绿 / 橙 / 红） */
+export const GI_COLOR = { low: '#16a34a', mid: '#ea580c', high: '#dc2626' }
+
+/** 部分代表食物的专属科普文案（一句话，便于老人记忆） */
+const FOOD_TIP_OVERRIDE = {
+    whiteRice: '精制主食，升糖快，建议小份',
+    stickyRice: '糯米黏软，升糖很快，要少吃',
+    whiteBread: '精制面食，升糖快',
+    mantou: '白面馒头，升糖快，配菜一起吃更稳',
+    youtiao: '油炸又高糖，少吃为好',
+    sugar: '纯糖，升糖最快，尽量不吃',
+    maltose: '糖分很高，升糖快',
+    soda: '含糖饮料，升糖很快，不建议喝',
+    orangeJuice: '果汁含糖高，吃整果更好',
+    watermelon: '很甜，升糖快，一次别吃太多',
+    donut: '又甜又油，升糖高',
+    banana: '偏甜水果，适量吃',
+    sweetPotato: '粗粮但有糖，可代替部分主食',
+    corn: '粗粮主食，适量吃',
+    honey: '本质是糖，别当健康品多吃',
+    broccoli: '新鲜蔬菜，升糖很慢，可多吃',
+    cucumber: '清爽蔬菜，几乎不升糖',
+    lettuce: '绿叶菜，升糖很低，可多吃',
+    celery: '高纤维蔬菜，升糖低',
+    apple: '带皮整果，升糖较慢',
+    milk: '低糖，含蛋白，适量喝好',
+    fish: '优质蛋白，升糖低',
+    beef: '蛋白为主，升糖低',
+    milkOats: '燕麦加奶，升糖中等，选无糖燕麦更好',
+    grainMantou: '杂粮做的，比白馒头稳，仍要控量',
+    riceNoodleSoup: '米粉升糖快，汤粉要少吃',
+    friedNoodles: '油多又是精面，升糖快',
+    centuryEggCongee: '白粥熬得软烂，升糖很快，糖友要少喝'
+}
+
+/** 含糖等级通用科普文案 */
+const GI_TIP_DEFAULT = {
+    low: '升糖慢，相对放心，可常吃',
+    mid: '升糖中等，注意分量',
+    high: '含糖高、升糖快，要少吃'
+}
+
+/** 点击食物时展示的一句话科普（认知教育用） */
+export function getFoodTip(food) {
+    if (!food) return ''
+    if (food.tip) return food.tip
+    if (FOOD_TIP_OVERRIDE[food.key]) return FOOD_TIP_OVERRIDE[food.key]
+    return GI_TIP_DEFAULT[food.gi] || ''
+}
+
+/** 自定义图片素材目录（腾讯云 COS，优先使用真实图片而非 emoji） */
+const GAMES_IMG_BASE = 'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/games'
+
+const RAW_FOODS = [
+    // 低 GI
+    { key: 'lettuce', icon: '🥬', name: '生菜', gi: 'low', val: -3, color: '#8BC34A' },
+    { key: 'broccoli', icon: '🥦', name: '西兰花', gi: 'low', val: -3, color: '#4E8A3A' },
+    { key: 'apple', icon: '🍎', name: '苹果', gi: 'low', val: -2, color: '#E53935' },
+    { key: 'cucumber', icon: '🥒', name: '黄瓜', gi: 'low', val: -4, color: '#66A82F' },
+    { key: 'eggplant', icon: '🍆', name: '茄子', gi: 'low', val: -3, color: '#7E57C2' },
+    { key: 'tomato', icon: '🍅', name: '番茄', gi: 'low', val: -2, color: '#EF5350' },
+    { key: 'pepper', icon: '🫑', name: '青椒', gi: 'low', val: -3, color: '#43A047' },
+    { key: 'onion', icon: '🧅', name: '洋葱', gi: 'low', val: -2, color: '#CDA06B' },
+    { key: 'pear', icon: '🍐', name: '雪梨', gi: 'low', val: -2, color: '#C0CA33' },
+    { key: 'orange', icon: '🍊', name: '橙子', gi: 'low', val: -2, color: '#FB8C00' },
+    { key: 'peach', icon: '🍑', name: '桃子', gi: 'low', val: -2, color: '#FF8A65' },
+    { key: 'cherry', icon: '🍒', name: '樱桃', gi: 'low', val: -2, color: '#C2185B' },
+    { key: 'grape', icon: '🍇', name: '葡萄', gi: 'low', val: -1, color: '#8E24AA' },
+    { key: 'strawberry', icon: '🍓', name: '草莓', gi: 'low', val: -2, color: '#EC407A' },
+    { key: 'soybean', icon: '🫘', name: '黄豆', gi: 'low', val: -3, color: '#C9A063' },
+    { key: 'milk', icon: '🥛', name: '牛奶', gi: 'low', val: -2, color: '#B0BEC5' },
+    { key: 'tea', icon: '🍵', name: '红茶', gi: 'low', val: -1, color: '#A1573B' },
+    { key: 'mushroom', icon: '🍄', name: '香菇', gi: 'low', val: -3, color: '#8D6E63' },
+    { key: 'celery', icon: '🌿', name: '芹菜', gi: 'low', val: -4, color: '#7CB342' },
+    { key: 'greenBean', icon: '🫛', name: '四季豆', gi: 'low', val: -3, color: '#689F38' },
+
+    // 中 GI
+    { key: 'brownRice', icon: '🍙', name: '糙米饭', gi: 'mid', val: 4, color: '#C9A26B' },
+    { key: 'sweetPotato', icon: '🍠', name: '番薯', gi: 'mid', val: 5, color: '#C75B39' },
+    { key: 'taro', icon: '🥔', name: '芋头', gi: 'mid', val: 5, color: '#B39DDB' },
+    { key: 'fish', icon: '🐟', name: '鱼肉', gi: 'mid', val: 2, color: '#4FA3C7' },
+    { key: 'chicken', icon: '🍗', name: '鸡肉', gi: 'mid', val: 3, color: '#D6A15A' },
+    { key: 'beef', icon: '🥩', name: '牛肉', gi: 'mid', val: 3, color: '#C0504D' },
+    { key: 'leanMeat', icon: '🍖', name: '瘦肉', gi: 'mid', val: 3, color: '#B5654D' },
+    { key: 'shrimp', icon: '🦐', name: '虾仁', gi: 'mid', val: 2, color: '#FF7043' },
+    { key: 'crab', icon: '🦀', name: '螃蟹', gi: 'mid', val: 2, color: '#F4623A' },
+    { key: 'banana', icon: '🍌', name: '香蕉', gi: 'mid', val: 6, color: '#FDD835' },
+    { key: 'mango', icon: '🥭', name: '芒果', gi: 'mid', val: 6, color: '#FFB300' },
+    { key: 'pineapple', icon: '🍍', name: '菠萝', gi: 'mid', val: 6, color: '#FBC02D' },
+    { key: 'kiwi', icon: '🥝', name: '奇异果', gi: 'mid', val: 4, color: '#9CCC65' },
+    { key: 'melon', icon: '🍈', name: '哈密瓜', gi: 'mid', val: 6, color: '#AED581' },
+    { key: 'honey', icon: '🍯', name: '蜂蜜', gi: 'mid', val: 6, color: '#F9A825' },
+    { key: 'wine', icon: '🍷', name: '红酒', gi: 'mid', val: 4, color: '#9B2C3B' },
+    { key: 'beer', icon: '🍺', name: '啤酒', gi: 'mid', val: 5, color: '#E0A83E' },
+    { key: 'coffee', icon: '☕', name: '咖啡', gi: 'mid', val: 2, color: '#6F4E37' },
+    { key: 'corn', icon: '🌽', name: '玉米', gi: 'mid', val: 5, color: '#F9C513' },
+    { key: 'udon', icon: '🍲', name: '乌冬面', gi: 'mid', val: 5, color: '#D9B88F' },
+    { key: 'milkOats', icon: '🥣', name: '奶冲麦片', gi: 'mid', val: 6, color: '#E8D9B5', img: `${GAMES_IMG_BASE}/%E5%A5%B6%E5%86%B2%E9%BA%A6%E7%89%87.png` },
+    { key: 'grainMantou', icon: '🫓', name: '杂粮馒头', gi: 'mid', val: 5, color: '#C8A878', img: `${GAMES_IMG_BASE}/%E6%9D%82%E7%B2%AE%E9%A6%92%E5%A4%B4.png` },
+
+    // 高 GI
+    { key: 'whiteRice', icon: '🍚', name: '白米饭', gi: 'high', val: 18, color: '#E0E0E0' },
+    { key: 'whiteBread', icon: '🍞', name: '白面包', gi: 'high', val: 16, color: '#D9A85C' },
+    { key: 'mantou', icon: '🥯', name: '馒头', gi: 'high', val: 17, color: '#ECE0C8' },
+    { key: 'youtiao', icon: '🥖', name: '油条', gi: 'high', val: 20, color: '#D4943F' },
+    { key: 'donut', icon: '🍩', name: '甜甜圈', gi: 'high', val: 22, color: '#E87FB0' },
+    { key: 'popcorn', icon: '🍿', name: '爆米花', gi: 'high', val: 18, color: '#F5E6B3' },
+    { key: 'ramen', icon: '🍜', name: '拉面', gi: 'high', val: 17, color: '#E0A96D' },
+    { key: 'pumpkin', icon: '🎃', name: '南瓜', gi: 'high', val: 15, color: '#EF6C00' },
+    { key: 'bakedPotato', icon: '🍟', name: '焗薯', gi: 'high', val: 20, color: '#F2C14E' },
+    { key: 'watermelon', icon: '🍉', name: '西瓜', gi: 'high', val: 16, color: '#F0506A' },
+    { key: 'sugar', icon: '🍭', name: '砂糖', gi: 'high', val: 25, color: '#FF79B0' },
+    { key: 'maltose', icon: '🍬', name: '麦芽糖', gi: 'high', val: 24, color: '#FFA726' },
+    { key: 'soda', icon: '🥤', name: '汽水', gi: 'high', val: 25, color: '#C62828' },
+    { key: 'orangeJuice', icon: '🧃', name: '柳橙汁', gi: 'high', val: 22, color: '#FF9F1C' },
+    { key: 'stickyRice', icon: '🍡', name: '糯米饭', gi: 'high', val: 19, color: '#F2A7B8' },
+    { key: 'riceNoodleSoup', icon: '🍜', name: '汤粉', gi: 'high', val: 16, color: '#E8C9A0', img: `${GAMES_IMG_BASE}/%E6%B1%A4%E7%B2%89.png` },
+    { key: 'friedNoodles', icon: '🍝', name: '炒面', gi: 'high', val: 18, color: '#C8843C', img: `${GAMES_IMG_BASE}/%E7%82%92%E9%9D%A2.png` },
+    { key: 'centuryEggCongee', icon: '🥣', name: '皮蛋瘦肉粥', gi: 'high', val: 15, color: '#D9CBB0', img: `${GAMES_IMG_BASE}/%E7%9A%AE%E8%9B%8B%E7%98%A6%E8%82%89%E7%B2%A5.png` }
+]
+
+export const FOOD_LIBRARY = RAW_FOODS.map((f, i) => {
+    const eatVal = getEatVal(f)
+    const clearVal = getClearVal({ ...f, eatVal })
+    return {
+        id: i + 1,
+        ...f,
+        eatVal,
+        clearVal,
+        giLabel: GI_LABEL[f.gi],
+        get img() {
+            // 优先使用自定义图片素材，缺省回退到 emoji PNG
+            return f.img || getFoodImgUrl(f.icon)
+        }
+    }
+})
+
+/** 按 key 查找食材（目标栏等用） */
+export function getFoodByKey(key) {
+    return FOOD_LIBRARY.find((f) => f.key === key) || null
+}
+
+/** 为棋盘 tile 使用的 plain 对象（img 预计算，避免 getter 在响应式里反复触发） */
+export function cloneFoodType(food) {
+    return {
+        id: food.id,
+        key: food.key,
+        icon: food.icon,
+        name: food.name,
+        gi: food.gi,
+        giLabel: food.giLabel,
+        val: food.val,
+        color: food.color,
+        img: food.img || getFoodImgUrl(food.icon)
+    }
+}
@@ -0,0 +1,43 @@
+/**
+ * 关卡配置：面向 45+ 的认知练习，节奏放慢、无失败惩罚。
+ * 每组目标只比上一组略增，步数充裕（仅展示，不会因耗尽判负）。
+ */
+/**
+ * 指定关卡固定食材（按 key）。未配置的关卡走随机抽取逻辑。
+ * 第一关固定为这 5 种带真实图片素材的食物。
+ */
+const FIXED_LEVEL_FOODS = {
+    1: ['milkOats', 'grainMantou', 'riceNoodleSoup', 'friedNoodles', 'centuryEggCongee']
+}
+
+export function getLevelConfig(levelId) {
+    const lv = Math.max(1, Math.min(999, Number(levelId) || 1))
+    const tier = Math.floor((lv - 1) / 5)
+
+    return {
+        id: lv,
+        // 步数充裕：仅作展示，认全目标即可通关
+        moves: Math.max(40, 60 - tier * 2),
+        // 认识目标平缓增长，避免给老人压力
+        goalTargets: [6 + tier, 8 + tier],
+        scoreTarget: 2000 + lv * 300,
+        startGlucose: 50,
+        // 固定食材（可选）：存在时本关只用这些食物
+        foods: FIXED_LEVEL_FOODS[lv] || null,
+        boosters: {
+            insulin: 3,
+            fiber: 1,
+            meal: 5
+        }
+    }
+}
+
+/** 根据本局表现计算 1~3 星：完成即得星，步数越省星越多（不依赖血糖） */
+export function calcLevelStars({ movesLeft, levelConfig }) {
+    const totalMoves = levelConfig?.moves || 1
+    const ratio = totalMoves > 0 ? movesLeft / totalMoves : 0
+    let stars = 1
+    if (ratio >= 0.3) stars = 2
+    if (ratio >= 0.55) stars = 3
+    return stars
+}
@@ -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-*)
@@ -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>
@@ -0,0 +1,596 @@
+<!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>Daily Care - Health Dashboard</title>
+<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
+<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": {
+                        "secondary-fixed": "#d9e6dd",
+                        "surface-container": "#e8f0e9",
+                        "surface-dim": "#d4dcd5",
+                        "surface-variant": "#dde4dd",
+                        "error-container": "#ffdad6",
+                        "inverse-surface": "#2b322d",
+                        "secondary": "#55615a",
+                        "primary": "#006c49",
+                        "on-secondary-fixed": "#131e19",
+                        "surface-bright": "#f4fbf4",
+                        "on-tertiary-container": "#711419",
+                        "on-primary-fixed-variant": "#005236",
+                        "outline-variant": "#bbcabf",
+                        "primary-container": "#10b981",
+                        "surface": "#f4fbf4",
+                        "on-tertiary-fixed-variant": "#842225",
+                        "tertiary-fixed-dim": "#ffb3af",
+                        "tertiary-fixed": "#ffdad7",
+                        "error": "#ba1a1a",
+                        "surface-container-lowest": "#ffffff",
+                        "surface-container-highest": "#dde4dd",
+                        "primary-fixed": "#6ffbbe",
+                        "on-primary-container": "#00422b",
+                        "secondary-fixed-dim": "#bdcac1",
+                        "on-tertiary": "#ffffff",
+                        "on-primary-fixed": "#002113",
+                        "on-error-container": "#93000a",
+                        "tertiary-container": "#fc7c78",
+                        "on-error": "#ffffff",
+                        "inverse-primary": "#4edea3",
+                        "inverse-on-surface": "#ebf3eb",
+                        "on-secondary-container": "#5b6760",
+                        "surface-container-high": "#e3eae3",
+                        "surface-container-low": "#eef6ee",
+                        "on-secondary-fixed-variant": "#3e4943",
+                        "outline": "#6c7a71",
+                        "secondary-container": "#d9e6dd",
+                        "on-primary": "#ffffff",
+                        "on-surface": "#161d19",
+                        "on-background": "#161d19",
+                        "tertiary": "#a43a3a",
+                        "primary-fixed-dim": "#4edea3",
+                        "on-secondary": "#ffffff",
+                        "background": "#f4fbf4",
+                        "on-surface-variant": "#3c4a42",
+                        "surface-tint": "#006c49",
+                        "on-tertiary-fixed": "#410005"
+                    },
+                    "borderRadius": {
+                        "DEFAULT": "0.25rem",
+                        "lg": "0.5rem",
+                        "xl": "0.75rem",
+                        "2xl": "1rem",
+                        "3xl": "1.5rem",
+                        "full": "9999px"
+                    },
+                    "spacing": {
+                        "card-padding": "20px",
+                        "section-margin": "32px",
+                        "inline-gap": "12px",
+                        "stack-gap": "16px",
+                        "container-margin": "20px"
+                    },
+                    "fontFamily": {
+                        "headline-md": ["Manrope"],
+                        "headline-lg-mobile": ["Manrope"],
+                        "body-lg": ["Manrope"],
+                        "headline-lg": ["Manrope"],
+                        "display-lg": ["Manrope"],
+                        "body-md": ["Manrope"],
+                        "label-md": ["Manrope"]
+                    },
+                    "fontSize": {
+                        "headline-md": ["20px", {"lineHeight": "28px", "fontWeight": "700"}],
+                        "headline-lg-mobile": ["22px", {"lineHeight": "28px", "fontWeight": "700"}],
+                        "body-lg": ["16px", {"lineHeight": "24px", "fontWeight": "500"}],
+                        "headline-lg": ["24px", {"lineHeight": "32px", "letterSpacing": "-0.01em", "fontWeight": "700"}],
+                        "display-lg": ["32px", {"lineHeight": "40px", "letterSpacing": "-0.02em", "fontWeight": "800"}],
+                        "body-md": ["14px", {"lineHeight": "20px", "fontWeight": "400"}],
+                        "label-md": ["12px", {"lineHeight": "16px", "letterSpacing": "0.02em", "fontWeight": "600"}]
+                    }
+                }
+            }
+        }
+    </script>
+<style>
+        body { font-family: 'Manrope', sans-serif; -webkit-tap-highlight-color: transparent; }
+        .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; display: inline-block; vertical-align: middle; }
+        .ambient-shadow { box-shadow: 0 20px 30px -10px rgba(0, 108, 73, 0.08); }
+        .active-scale:active { transform: scale(0.98); transition: all 0.2s ease; }
+        .hide-scrollbar::-webkit-scrollbar { display: none; }
+        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
+
+        /* Watering Animation Styles */
+        @keyframes fall {
+            0% { transform: translateY(-20px); opacity: 0; }
+            50% { opacity: 1; }
+            100% { transform: translateY(40px); opacity: 0; }
+        }
+        .droplet {
+            position: absolute;
+            width: 4px;
+            height: 10px;
+            background: #3b82f6;
+            border-radius: 50%;
+            animation: fall 0.6s linear infinite;
+        }
+        @keyframes pulse-growth {
+            0% { transform: scale(1); filter: drop-shadow(0 0 0px rgba(78, 222, 163, 0)); }
+            50% { transform: scale(1.15); filter: drop-shadow(0 0 15px rgba(78, 222, 163, 0.6)); }
+            100% { transform: scale(1); filter: drop-shadow(0 0 0px rgba(78, 222, 163, 0)); }
+        }
+        .growth-pulse {
+            animation: pulse-growth 0.8s ease-out;
+        }
+        @keyframes shimmer {
+            0% { opacity: 0; transform: scale(0) rotate(0deg); }
+            50% { opacity: 1; transform: scale(1.2) rotate(180deg); }
+            100% { opacity: 0; transform: scale(0) rotate(360deg); }
+        }
+        .shimmer-particle {
+            position: absolute;
+            color: #4edea3;
+            font-size: 14px;
+            pointer-events: none;
+            animation: shimmer 1s ease-out forwards;
+        }
+
+        /* Blood Sugar Decrease Animation */
+        @keyframes float-up-fade {
+            0% { transform: translateY(20px); opacity: 0; }
+            20% { opacity: 1; }
+            80% { opacity: 1; }
+            100% { transform: translateY(-100px); opacity: 0; }
+        }
+        .sugar-decrease-text {
+            position: fixed;
+            color: #10b981;
+            font-weight: 800;
+            font-size: 24px;
+            pointer-events: none;
+            z-index: 100;
+            text-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
+            animation: float-up-fade 2s ease-out forwards;
+        }
+        @keyframes fall-arrow {
+            0% { transform: translateY(-50vh) scale(0.5); opacity: 0; }
+            50% { opacity: 0.8; }
+            100% { transform: translateY(110vh) scale(1.2); opacity: 0; }
+        }
+        .sugar-particle {
+            position: fixed;
+            color: #10b981;
+            pointer-events: none;
+            z-index: 90;
+            animation: fall-arrow 1.5s linear forwards;
+        }
+    </style>
+<style>
+        body {
+            min-height: max(884px, 100dvh);
+        }
+    </style>
+</head>
+<body class="bg-background text-on-background min-h-screen pb-24">
+<!-- Top App Bar -->
+<header class="bg-primary docked full-width top-0 h-48 flex items-end pb-6 px-5 fixed left-0 right-0 z-40">
+<div class="flex justify-between items-center w-full">
+<div class="flex items-center gap-3">
+<div class="w-10 h-10 rounded-full border-2 border-on-primary overflow-hidden">
+<img class="w-full h-full object-cover" data-alt="A professional studio portrait" src="https://lh3.googleusercontent.com/aida-public/AB6AXuCXIPbeivladmw0-SmLno2vkwVvsObW2D5HUtodItlBnxdhFF8TvZdQYrTt14QCk3n5VXXIpdk3cuWTJHXJgDXd_clQyjLsb477e5h2313zh76yRVns01Q5pLpM-2_RbheRcUioLvObwJtIPJbkDcbkNA61-LyBnbStRcPoh6YOvNHSHjUUR_nDJpPm18ga87ggphbFWF-pt7lRF027swmyitUeVF7HXQDfcG7Mq7E0pqsbhyA7jKxtzmbN-HLh7GIrhc6LOAUaXiX9">
+</div>
+<div>
+<h1 class="text-on-primary font-bold text-headline-lg-mobile leading-tight">Daily Care</h1>
+<p class="text-on-primary/80 text-body-md">吕帅</p>
+</div>
+</div>
+<div class="flex gap-2">
+<button class="bg-on-primary/10 hover:bg-on-primary/20 text-on-primary rounded-full px-4 py-1.5 flex items-center gap-2 active-scale transition-all">
+<span class="material-symbols-outlined text-[18px]" style="font-variation-settings: 'FILL' 1;">bloodtype</span>
+<span class="text-label-md">血糖</span>
+</button>
+<button class="bg-on-primary/10 hover:bg-on-primary/20 text-on-primary w-10 h-10 rounded-full flex items-center justify-center active-scale transition-all">
+<span class="material-symbols-outlined text-[20px]">refresh</span>
+</button>
+</div>
+</div>
+</header>
+<main class="pt-52 px-container-margin space-y-6">
+<!-- Toggle Switch -->
+<div class="bg-surface-container-high rounded-full p-1 flex items-center">
+<button class="flex-1 bg-primary text-on-primary rounded-full py-2 text-label-md font-bold shadow-md transition-all">最近 7 天</button>
+<button class="flex-1 text-on-surface-variant py-2 text-label-md font-bold transition-all">最近 30 天</button>
+</div>
+<!-- Health Calendar -->
+<section class="bg-surface-container-lowest rounded-3xl p-card-padding ambient-shadow">
+<div class="flex justify-between items-start mb-4">
+<div>
+<h2 class="text-headline-md font-headline-md text-on-surface">健康日历</h2>
+<p class="text-body-md text-outline">2026年5月 · 已记录 3 / 7 天</p>
+</div>
+<button class="text-primary"><span class="material-symbols-outlined">chevron_right</span></button>
+</div>
+<div class="grid grid-cols-7 gap-1 text-center mb-4">
+<span class="text-label-md text-outline">一</span>
+<span class="text-label-md text-outline">二</span>
+<span class="text-label-md text-outline">三</span>
+<span class="text-label-md text-outline">四</span>
+<span class="text-label-md text-outline">五</span>
+<span class="text-label-md text-outline">六</span>
+<span class="text-label-md text-tertiary">日</span>
+<span class="py-2 text-body-md text-outline/30">18</span>
+<span class="py-2 text-body-md text-outline/30">19</span>
+<span class="py-2 text-body-md text-outline/30">20</span>
+<span class="py-2 text-body-md text-outline/30">21</span>
+<span class="py-2 text-body-md text-outline/30">22</span>
+<div class="py-2 relative"><span class="text-body-md font-bold text-on-surface">23</span></div>
+<div class="py-2 relative bg-primary-container/10 rounded-lg">
+<span class="text-body-md font-bold text-primary">24</span>
+<span class="absolute bottom-1 left-1/2 -translate-x-1/2 w-1 h-1 bg-primary rounded-full"></span>
+</div>
+<div class="py-2 relative bg-primary-container/10 rounded-lg">
+<span class="text-body-md font-bold text-primary">25</span>
+<span class="absolute bottom-1 left-1/2 -translate-x-1/2 w-1 h-1 bg-primary rounded-full"></span>
+</div>
+<div class="py-2 relative bg-primary-container/10 rounded-lg">
+<span class="text-body-md font-bold text-primary">26</span>
+<span class="absolute bottom-1 left-1/2 -translate-x-1/2 w-1 h-1 bg-primary rounded-full"></span>
+</div>
+<span class="py-2 text-body-md text-on-surface">27</span>
+<span class="py-2 text-body-md text-on-surface">28</span>
+<div class="py-2 relative bg-tertiary-container rounded-lg">
+<span class="text-body-md font-bold text-on-tertiary">29</span>
+</div>
+<span class="py-2 text-body-md text-outline/40">30</span>
+<span class="py-2 text-body-md text-outline/40">31</span>
+</div>
+<div class="flex items-center justify-between border-t border-outline-variant/30 pt-4 mt-2">
+<span class="text-body-md text-outline">今日还没有记录</span>
+<button class="bg-primary text-on-primary px-6 py-3 rounded-2xl text-label-md font-bold active-scale transition-all flex items-center gap-2">去记血糖</button>
+</div>
+</section>
+<!-- Blood Sugar Details Section -->
+<section class="space-y-4">
+<div class="flex justify-between items-center">
+<h3 class="text-headline-md font-headline-md text-on-surface">血糖明细</h3>
+<span class="text-body-md text-outline">共 3 天</span>
+</div>
+<div class="space-y-4">
+<div class="bg-surface-container-lowest rounded-3xl p-card-padding ambient-shadow">
+<div class="flex justify-between items-center mb-4">
+<span class="text-headline-md font-bold">05-26</span>
+<span class="text-body-md text-outline">周二</span>
+</div>
+<div class="space-y-2">
+<div class="bg-background/50 border border-outline-variant/20 rounded-2xl p-4 flex justify-between items-center">
+<span class="text-body-md text-outline">空腹</span>
+<div class="text-right">
+<span class="text-headline-lg font-extrabold text-error">10.4</span>
+<span class="text-label-md text-outline ml-1">mmol/L</span>
+</div>
+</div>
+<div class="bg-background/50 border border-outline-variant/20 rounded-2xl p-4 flex justify-between items-center">
+<span class="text-body-md text-outline">餐后</span>
+<span class="text-headline-md font-bold text-outline-variant">—— <small class="text-label-md">mmol/L</small></span>
+</div>
+</div>
+</div>
+<div class="bg-surface-container-lowest rounded-3xl p-card-padding ambient-shadow">
+<div class="flex justify-between items-center mb-4">
+<span class="text-headline-md font-bold">05-25</span>
+<span class="text-body-md text-outline">周一</span>
+</div>
+<div class="bg-background/50 border border-outline-variant/20 rounded-2xl p-4 flex justify-between items-center">
+<span class="text-body-md text-outline">空腹</span>
+<div class="text-right">
+<span class="text-headline-lg font-extrabold text-error">10.2</span>
+<span class="text-label-md text-outline ml-1">mmol/L</span>
+</div>
+</div>
+</div>
+</div>
+</section>
+<!-- Reward Section: 稳糖乐园 -->
+<section class="bg-surface-container-lowest rounded-3xl p-card-padding ambient-shadow overflow-hidden relative" id="sugar-paradise">
+<div class="flex justify-between items-start mb-6">
+<div>
+<h3 class="text-headline-md font-headline-md text-on-surface">稳糖乐园</h3>
+<p class="text-body-md text-outline">用健康打卡浇灌你的稳糖树</p>
+</div>
+<div class="bg-primary/10 rounded-xl px-3 py-1 text-center">
+<span class="block text-headline-lg font-extrabold text-primary" id="total-points">110</span>
+<span class="text-[10px] text-primary/70 font-bold">稳糖积分</span>
+</div>
+</div>
+<!-- Mini Quick Actions -->
+<div class="grid grid-cols-4 gap-2 mb-8">
+<button class="bg-surface-container-low p-3 rounded-2xl flex flex-col items-center gap-1 active-scale transition-all">
+<span class="material-symbols-outlined text-primary" style="font-variation-settings: 'FILL' 1;">bloodtype</span>
+<span class="text-label-md text-on-surface">血糖</span>
+</button>
+<button class="bg-surface-container-low p-3 rounded-2xl flex flex-col items-center gap-1 active-scale transition-all">
+<span class="material-symbols-outlined text-primary">monitoring</span>
+<span class="text-label-md text-on-surface">血压</span>
+</button>
+<button class="bg-surface-container-low p-3 rounded-2xl flex flex-col items-center gap-1 active-scale transition-all">
+<span class="material-symbols-outlined text-primary">restaurant</span>
+<span class="text-label-md text-on-surface">饮食</span>
+</button>
+<button class="bg-surface-container-low p-3 rounded-2xl flex flex-col items-center gap-1 active-scale transition-all">
+<span class="material-symbols-outlined text-primary">exercise</span>
+<span class="text-label-md text-on-surface">运动</span>
+</button>
+</div>
+<h4 class="text-label-md font-bold text-on-surface mb-3">今日控糖任务</h4>
+<div class="space-y-3">
+<div class="flex items-center justify-between">
+<div class="flex items-center gap-3">
+<div class="w-8 h-8 rounded-full border-2 border-primary flex items-center justify-center">
+<span class="material-symbols-outlined text-[16px] text-primary" style="font-variation-settings: 'wght' 700;">check</span>
+</div>
+<span class="text-body-md text-on-surface">测血糖血压</span>
+</div>
+<div class="flex items-center gap-3">
+<span class="text-label-md text-primary font-bold">+10积分</span>
+<span class="text-outline text-label-md font-bold italic">已完成</span>
+</div>
+</div>
+<div class="flex items-center justify-between">
+<div class="flex items-center gap-3">
+<div class="w-8 h-8 rounded-full border-2 border-outline-variant/30 flex items-center justify-center">
+<span class="w-2 h-2 rounded-full bg-outline-variant"></span>
+</div>
+<span class="text-body-md text-on-surface">记今日饮食</span>
+</div>
+<div class="flex items-center gap-3">
+<span class="text-label-md text-primary font-bold">+10积分</span>
+<button class="bg-on-surface text-surface rounded-full px-4 py-1 text-label-md font-bold active-scale transition-all">去记录</button>
+</div>
+</div>
+</div>
+<!-- Optimized Level System & Gamification -->
+<div class="mt-8 bg-gradient-to-br from-primary/5 to-primary/20 rounded-3xl p-6 border border-primary/10 relative overflow-hidden">
+<!-- Level Indicator Header -->
+<div class="flex justify-between items-end mb-6">
+<div class="space-y-1">
+<div class="flex items-center gap-2">
+<span class="bg-primary text-on-primary text-[10px] px-2 py-0.5 rounded-full font-extrabold" id="level-label">Lv.4</span>
+<span class="text-body-lg font-extrabold text-primary" id="stage-name">枝繁叶茂</span>
+</div>
+<p class="text-[11px] text-primary/60">还差 <span class="font-bold">15 XP</span> 升级至 Lv.4</p>
+</div>
+<div class="text-right">
+<span class="text-label-md font-bold text-primary" id="xp-text">5/50 XP</span>
+</div>
+</div>
+<!-- Progress Bar -->
+<div class="w-full h-2.5 bg-white/50 rounded-full mb-8 overflow-hidden backdrop-blur-sm border border-white/20">
+<div class="h-full bg-gradient-to-r from-primary to-primary-container rounded-full transition-all duration-500 shadow-inner" id="xp-progress" style="width: 10%;"></div>
+</div>
+<!-- Plant Growth Display -->
+<div class="flex items-center justify-center py-8 relative min-h-[160px]">
+<!-- Watering Animation Container -->
+<div class="absolute top-0 left-0 w-full h-full pointer-events-none z-10" id="rain-container"></div>
+<!-- Visual Stage Indicator Background -->
+<div class="absolute inset-0 flex items-center justify-center opacity-10 pointer-events-none">
+<span class="text-[120px] material-symbols-outlined text-primary" style="font-variation-settings: 'FILL' 1;">eco</span>
+</div>
+<!-- Current Plant State -->
+<div class="relative z-20 transition-all duration-300" id="plant-container">
+<span class="text-7xl drop-shadow-2xl filter block" id="plant-emoji">🪴</span>
+</div>
+</div>
+<!-- Watering Action -->
+<div class="relative z-30">
+<button class="w-full bg-primary text-on-primary py-4 rounded-2xl text-body-lg font-bold flex items-center justify-center gap-3 shadow-lg active:scale-95 transition-all active:bg-primary-container group" id="water-btn">
+<span class="material-symbols-outlined text-[24px] transition-transform group-active:-rotate-12 group-hover:scale-110">opacity</span>
+                        给小树浇水
+                    </button>
+<p class="text-[11px] text-center text-outline mt-3 italic">浇水可消耗 5 积分，获得 10 XP</p>
+</div>
+</div>
+</section>
+<!-- Social Interaction -->
+<section class="bg-surface-container-lowest rounded-3xl p-card-padding ambient-shadow flex items-center justify-between">
+<div class="flex items-center gap-3">
+<div class="w-10 h-10 bg-tertiary-container/20 rounded-2xl flex items-center justify-center">
+<span class="material-symbols-outlined text-tertiary" style="font-variation-settings: 'FILL' 1;">favorite</span>
+</div>
+<div>
+<h4 class="text-body-md font-bold text-on-surface">邀请家人点赞</h4>
+<p class="text-[12px] text-outline">分享战报给家人，邀请他们为您点赞鼓励</p>
+</div>
+</div>
+<span class="material-symbols-outlined text-outline">chevron_right</span>
+</section>
+<!-- Status Tip -->
+<div class="flex items-start gap-3 px-2">
+<span class="material-symbols-outlined text-primary-container text-[20px]">chat_bubble</span>
+<div>
+<p class="text-body-md text-on-surface">先完成血糖记录，<span class="text-primary font-bold">今日第一格就亮起来</span>。</p>
+<button class="text-outline text-label-md hover:text-primary transition-colors">轻触换一句鼓励 ›</button>
+</div>
+</div>
+<!-- Care List Horizontal -->
+<div class="flex items-center gap-3 overflow-x-auto hide-scrollbar -mx-container-margin px-container-margin pb-2">
+<div class="shrink-0 flex items-center gap-2 bg-white px-3 py-2 rounded-xl shadow-sm border border-outline-variant/20">
+<span class="text-label-md text-outline">就诊卡</span>
+<span class="text-label-md font-extrabold text-on-surface">10 张</span>
+</div>
+<div class="shrink-0 flex items-center gap-2 bg-primary text-on-primary px-3 py-2 rounded-xl shadow-md">
+<span class="text-label-md font-bold">吕帅</span>
+<span class="text-[10px] bg-white/20 rounded px-1">23岁</span>
+</div>
+<div class="shrink-0 flex items-center gap-2 bg-surface-container-high text-on-surface-variant px-3 py-2 rounded-xl border border-outline-variant/30">
+<span class="text-label-md font-bold">霍爱玲</span>
+<span class="text-[10px] text-outline">57岁</span>
+</div>
+</div>
+</main>
+<!-- Footer Note -->
+<footer class="mt-8 text-center px-container-margin pb-12">
+<p class="text-[11px] text-outline-variant/60">数据每日同步 · 阈值仅作参考，请遵医嘱</p>
+</footer>
+<!-- Navigation Bar -->
+
+<script>
+        // State Management
+        let currentXP = 35;
+        let currentLevel = 3;
+        let totalPoints = 120;
+        const maxLevel = 10;
+        const xpPerLevel = 50;
+
+        const stageNames = [
+            "种子眠", "破土而出", "茁壮成长", "枝繁叶茂", "初绽花蕾", 
+            "繁花似锦", "硕果初步", "丰收在望", "参天大树", "森林守护"
+        ];
+
+        const plantEmojis = [
+            "🫘", "🌱", "🌿", "🪴", "🎍", 
+            "🌸", "🍒", "🍎", "🌳", "🌲"
+        ];
+
+        // DOM Elements
+        const waterBtn = document.getElementById('water-btn');
+        const rainContainer = document.getElementById('rain-container');
+        const plantContainer = document.getElementById('plant-container');
+        const plantEmoji = document.getElementById('plant-emoji');
+        const xpProgress = document.getElementById('xp-progress');
+        const xpText = document.getElementById('xp-text');
+        const levelLabel = document.getElementById('level-label');
+        const stageNameLabel = document.getElementById('stage-name');
+        const totalPointsLabel = document.getElementById('total-points');
+
+        // Watering Animation Logic
+        function createRain() {
+            for (let i = 0; i < 15; i++) {
+                const droplet = document.createElement('div');
+                droplet.className = 'droplet';
+                droplet.style.left = `${Math.random() * 100}%`;
+                droplet.style.animationDelay = `${Math.random() * 0.4}s`;
+                rainContainer.appendChild(droplet);
+                
+                // Cleanup
+                setTimeout(() => droplet.remove(), 600);
+            }
+        }
+
+        function triggerGrowthPulse() {
+            plantContainer.classList.add('growth-pulse');
+            setTimeout(() => {
+                plantContainer.classList.remove('growth-pulse');
+            }, 800);
+        }
+
+        function createSparkles() {
+            for (let i = 0; i < 12; i++) {
+                const sparkle = document.createElement('span');
+                sparkle.className = 'material-symbols-outlined shimmer-particle';
+                sparkle.textContent = 'sparkles';
+                sparkle.style.left = `${40 + (Math.random() - 0.5) * 40}%`;
+                sparkle.style.top = `${40 + (Math.random() - 0.5) * 40}%`;
+                sparkle.style.animationDuration = `${0.6 + Math.random() * 0.4}s`;
+                plantContainer.appendChild(sparkle);
+                
+                setTimeout(() => sparkle.remove(), 1000);
+            }
+        }
+
+        function triggerSugarDecreaseEffect() {
+            // 1. Floating Text
+            const floatingText = document.createElement('div');
+            floatingText.className = 'sugar-decrease-text';
+            floatingText.textContent = '-0.5 mmol/L';
+            
+            // Randomize spawn position near the plant
+            const rect = plantContainer.getBoundingClientRect();
+            floatingText.style.left = `${rect.left + rect.width / 2}px`;
+            floatingText.style.top = `${rect.top}px`;
+            
+            document.body.appendChild(floatingText);
+            setTimeout(() => floatingText.remove(), 2000);
+
+            // 2. Full-screen Downward Particles
+            for (let i = 0; i < 20; i++) {
+                setTimeout(() => {
+                    const particle = document.createElement('div');
+                    particle.className = 'sugar-particle text-primary-container';
+                    // Mix arrows and symbols
+                    particle.innerHTML = Math.random() > 0.5 ? '<span class="material-symbols-outlined">south</span>' : '▼';
+                    particle.style.left = `${Math.random() * 100}vw`;
+                    particle.style.fontSize = `${16 + Math.random() * 16}px`;
+                    particle.style.opacity = '0';
+                    
+                    document.body.appendChild(particle);
+                    setTimeout(() => particle.remove(), 1500);
+                }, i * 50);
+            }
+        }
+
+        function updateDisplay() {
+            const progress = (currentXP / xpPerLevel) * 100;
+            xpProgress.style.width = `${progress}%`;
+            xpText.textContent = `${currentXP}/${xpPerLevel} XP`;
+            levelLabel.textContent = `Lv.${currentLevel}`;
+            stageNameLabel.textContent = stageNames[currentLevel - 1];
+            plantEmoji.textContent = plantEmojis[currentLevel - 1];
+            totalPointsLabel.textContent = totalPoints;
+        }
+
+        // Action Logic
+        waterBtn.addEventListener('click', () => {
+            if (totalPoints < 5) {
+                alert("积分不足，快去完成任务领积分吧！");
+                return;
+            }
+
+            // Lock button briefly
+            waterBtn.disabled = true;
+            waterBtn.classList.add('opacity-50');
+
+            // 1. Consume Points
+            totalPoints -= 5;
+            
+            // 2. Trigger Animations
+            createRain();
+            
+            setTimeout(() => {
+                triggerGrowthPulse();
+                createSparkles();
+                triggerSugarDecreaseEffect(); // New Effect
+                
+                // 3. Update State
+                currentXP += 10;
+                if (currentXP >= xpPerLevel && currentLevel < maxLevel) {
+                    currentXP -= xpPerLevel;
+                    currentLevel++;
+                }
+                
+                updateDisplay();
+                
+                // Unlock button
+                waterBtn.disabled = false;
+                waterBtn.classList.remove('opacity-50');
+            }, 600);
+        });
+
+        // Initialize
+        updateDisplay();
+
+        // Simple button micro-interactions for others
+        document.querySelectorAll('button:not(#water-btn)').forEach(btn => {
+            btn.addEventListener('click', () => {
+                if(!btn.classList.contains('cursor-not-allowed')) {
+                    // Interaction logic
+                }
+            });
+        });
+    </script>
+
+
+</body></html>
@@ -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"}
@@ -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>
@@ -0,0 +1,51 @@
+/**
+ * Google Stitch MCP · VitalMint Health
+ * 设计 token 与 stitch-weekly.html tailwind.config 一一对应
+ */
+
+.stitch-vitalmint {
+    --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;
+    --on-tertiary: #ffffff;
+    --on-tertiary-container: #711419;
+
+    --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);
+}
+
+.weekly-page.stitch-vitalmint {
+    min-height: 100vh;
+    background: var(--surface);
+    color: var(--on-surface);
+    padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
+}
@@ -0,0 +1,309 @@
+/* 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: 2000;
+    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-error {
+    margin-bottom: 20rpx;
+    padding: 20rpx 22rpx;
+    border-radius: 16rpx;
+    background: #fef2f2;
+    border: 1rpx solid rgba(220, 38, 38, 0.2);
+    box-sizing: border-box;
+
+    text {
+        font-size: 26rpx;
+        font-weight: 600;
+        color: #991b1b;
+        line-height: 1.45;
+    }
+}
+
+.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;
+}
@@ -0,0 +1,974 @@
+/**
+ * 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);
+    --tab-dock-full-offset: calc(220rpx + env(safe-area-inset-bottom));
+    padding-bottom: var(--tab-dock-full-offset);
+}
+
+/* ===== 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);
+}
+
+/* ===== 居家训练（DEV 内嵌） ===== */
+.weekly-page .st-training-section {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.weekly-page .st-training-section .dev-entry-inline--weekly {
+    overflow: hidden;
+}
+
+.weekly-page .st-training-section .inline-scroll {
+    margin-left: -4rpx;
+    margin-right: -4rpx;
+    width: calc(100% + 8rpx);
+}
+
+.weekly-page .st-training-section .inline-card:first-child {
+    border-color: rgba(0, 108, 73, 0.22);
+    background: linear-gradient(160deg, rgba(0, 108, 73, 0.08) 0%, #f4f7f5 55%);
+}
+
+/* ===== 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-daily-context-error {
+    padding: 24rpx 28rpx;
+    border-radius: 24rpx;
+    background: #fef2f2;
+    border: 1rpx solid rgba(220, 38, 38, 0.22);
+    box-sizing: border-box;
+}
+
+.weekly-page .st-daily-context-error-text {
+    font-size: 28rpx;
+    font-weight: 600;
+    color: #991b1b;
+    line-height: 1.5;
+}
+
+.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);
+}
+
+/* 糖分突袭游戏入口 */
+.weekly-page .st-game-entry {
+  
+    margin-top: 24rpx;
+    padding: 28rpx 32rpx;
+    display: flex;
+    align-items: center;
+    gap: 24rpx;
+    border-radius: var(--st-radius-2xl);
+    background: var(--surface-container-lowest);
+    border: 1rpx solid rgba(0, 108, 73, 0.14);
+    box-shadow: var(--st-shadow-ambient);
+    box-sizing: border-box;
+}
+
+.weekly-page .st-game-entry:active {
+    transform: scale(0.98);
+    opacity: 0.92;
+}
+
+.weekly-page .st-game-entry-icon {
+    width: 88rpx;
+    height: 88rpx;
+    border-radius: 24rpx;
+    background: rgba(0, 108, 73, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.weekly-page .st-game-entry-body {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6rpx;
+}
+
+.weekly-page .st-game-entry-title {
+    font-size: 32rpx;
+    font-weight: 700;
+    color: var(--on-surface);
+    line-height: 1.25;
+}
+
+.weekly-page .st-game-entry-sub {
+    font-size: 24rpx;
+    font-weight: 500;
+    color: var(--on-surface-variant, #64748b);
+    line-height: 1.35;
+}
+
+/* ===== Chart card — rounded-3xl ===== */
+.weekly-page .st-chart-card {
+    padding: 40rpx 10rpx 40rpx 10rpx;
+    border-radius: 48rpx;
+    background: var(--surface-container-lowest);
+    border: 1rpx solid rgba(221, 228, 221, 0.3);
+    box-shadow: var(--st-shadow-ambient);
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    overflow: hidden;
+}
+
+.weekly-page .st-chart-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12rpx;
+    gap: 16rpx;
+}
+
+.weekly-page .st-chart-title {
+    display: block;
+    font-size: 30rpx;
+    font-weight: 700;
+    color: var(--on-surface);
+}
+
+.weekly-page .st-chart-sub {
+    display: block;
+    margin-top: 4rpx;
+    font-size: 22rpx;
+    font-weight: 600;
+    color: var(--on-surface-variant);
+}
+
+.weekly-page .st-chart-more {
+    display: inline-flex;
+    align-items: center;
+    gap: 4rpx;
+    margin-top: 6rpx;
+}
+
+.weekly-page .st-chart-more-text {
+    font-size: 22rpx;
+    font-weight: 600;
+    color: var(--primary);
+}
+
+.weekly-page .st-chart-more:active {
+    opacity: 0.75;
+}
+
+.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-foot {
+    padding:  20rpx 0 20rpx;
+}
+
+.weekly-page .st-chart-mock-hint {
+    display: block;
+    margin: 0;
+    font-size: 30rpx;
+    font-weight: 600;
+    color: var(--outline);
+    line-height: 1.35;
+    text-align: center;
+}
+
+.weekly-page .st-chart-area {
+    position: relative;
+    height: 360rpx;
+    overflow: hidden;
+    cursor: pointer;
+}
+
+.weekly-page .st-chart-area:active {
+    opacity: 0.92;
+}
+
+.weekly-page .st-chart-canvas {
+    width: 100%;
+    height: 360rpx;
+    display: block;
+}
+
+/* 识糖入口嵌在趋势卡内：轻量分隔，避免大块留白 */
+.weekly-page .st-chart-card .st-game-entry--in-card {
+    margin-top: 12rpx;
+    padding: 16rpx 20rpx;
+    gap: 16rpx;
+    border-radius: 24rpx;
+    background: var(--surface-container-low);
+    border: 1rpx solid rgba(0, 108, 73, 0.08);
+    box-shadow: none;
+}
+
+.weekly-page .st-chart-card .st-game-entry--in-card .st-game-entry-icon {
+    width: 64rpx;
+    height: 64rpx;
+    border-radius: 16rpx;
+}
+
+.weekly-page .st-chart-card .st-game-entry--in-card .st-game-entry-title {
+    font-size: 28rpx;
+}
+
+.weekly-page .st-chart-card .st-game-entry--in-card .st-game-entry-sub {
+    font-size: 22rpx;
+}
+
+.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-glass--drinks {
+    background: rgba(224, 242, 254, 0.65);
+    border-color: rgba(14, 165, 233, 0.15);
+}
+
+.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: var(--tab-dock-full-offset);
+    z-index: 210;
+}
+
+.weekly-page .st-float-close {
+    position: absolute;
+    top: -18rpx;
+    right: -6rpx;
+    width: 44rpx;
+    height: 44rpx;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, 0.45);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 2;
+}
+
+.weekly-page .st-float-close-icon {
+    color: #ffffff;
+    font-size: 30rpx;
+    line-height: 1;
+}
+
+.weekly-page .st-float-reopen {
+    position: fixed;
+    right: var(--st-container-margin);
+    bottom: var(--tab-dock-full-offset);
+    width: 88rpx;
+    height: 88rpx;
+    border-radius: 50%;
+    background: linear-gradient(180deg, #2d7340 0%, #006c49 100%);
+    box-shadow: var(--st-shadow-float);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 210;
+}
+
+.weekly-page .st-float-inner {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    padding: 16rpx 16rpx 16rpx 28rpx;
+    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);
+    transition: border-radius 0.22s ease, padding 0.22s ease, border-color 0.22s ease;
+}
+
+/* 聚焦/有内容时展开：底部对齐让输入框向上增高，圆角收敛为圆角矩形 */
+.weekly-page .st-float-inner.is-expanded {
+    align-items: flex-end;
+    border-radius: 32rpx;
+    padding: 18rpx 16rpx 18rpx 32rpx;
+    border-color: rgba(0, 108, 73, 0.28);
+}
+
+.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;
+    width: 100%;
+    min-height: 64rpx;
+    max-height: 240rpx;
+    font-size: 28rpx;
+    line-height: 40rpx;
+    color: var(--on-surface);
+    background: transparent;
+    padding: 12rpx 0;
+    box-sizing: border-box;
+    transition: min-height 0.2s ease;
+}
+
+/* 聚焦时输入框变大；内容超长时由 auto-height 继续向上增高，超过上限可滚动 */
+.weekly-page .st-float-inner.is-expanded .st-float-input {
+    min-height: 104rpx;
+}
+
+.weekly-page .st-float-placeholder {
+    color: rgba(60, 74, 66, 0.6);
+    font-size: 26rpx;
+    line-height: 40rpx;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.weekly-page .st-float-mic {
+    width: 72rpx;
+    height: 72rpx;
+    border-radius: 50%;
+    background: rgba(0, 108, 73, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    transition: background 0.2s ease, transform 0.15s ease;
+}
+
+.weekly-page .st-float-mic.listening {
+    background: var(--primary);
+    animation: st-float-mic-pulse 1.2s ease-in-out infinite;
+}
+
+.weekly-page .st-float-mic.disabled {
+    opacity: 0.45;
+    pointer-events: none;
+}
+
+.weekly-page .st-float-mic:active {
+    transform: scale(0.94);
+}
+
+.weekly-page .st-float-hold-hint {
+    margin-top: 12rpx;
+    text-align: center;
+    font-size: 24rpx;
+    color: var(--primary);
+    line-height: 1.4;
+}
+
+.weekly-page .st-voice-overlay {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 3000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.32);
+    pointer-events: none;
+}
+
+.weekly-page .st-voice-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 20rpx;
+    padding: 56rpx 64rpx;
+    border-radius: 32rpx;
+    background: rgba(20, 24, 22, 0.86);
+    box-shadow: 0 16rpx 48rpx rgba(0, 0, 0, 0.35);
+}
+
+.weekly-page .st-voice-icon {
+    width: 120rpx;
+    height: 120rpx;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(180deg, #2d7340 0%, #006c49 100%);
+}
+
+.weekly-page .st-voice-icon.active {
+    animation: st-voice-pulse 1.1s ease-in-out infinite;
+}
+
+@keyframes st-voice-pulse {
+    0%, 100% { box-shadow: 0 0 0 0 rgba(0, 108, 73, 0.45); }
+    50% { box-shadow: 0 0 0 20rpx rgba(0, 108, 73, 0); }
+}
+
+.weekly-page .st-voice-title {
+    font-size: 32rpx;
+    font-weight: 700;
+    color: #ffffff;
+    line-height: 1.3;
+}
+
+.weekly-page .st-voice-sub {
+    font-size: 24rpx;
+    color: rgba(255, 255, 255, 0.7);
+    line-height: 1.3;
+}
+
+@keyframes st-float-mic-pulse {
+    0%, 100% { box-shadow: 0 0 0 0 rgba(0, 108, 73, 0.35); }
+    50% { box-shadow: 0 0 0 12rpx rgba(0, 108, 73, 0); }
+}
+
+.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);
+    line-height: 0;
+    overflow: hidden;
+}
+
+.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;
+}
@@ -0,0 +1,168 @@
+/** 拼接 API 根路径与相对路径，避免双斜杠 */
+export function joinApiUrl(base, path) {
+    const b = String(base || '').replace(/\/+$/, '')
+    const p = String(path || '').replace(/^\/+/, '')
+    return p ? `${b}/${p}` : b
+}
+
+function appendQuery(url, data) {
+    if (!data || typeof data !== 'object') return url
+    const keys = Object.keys(data)
+    if (!keys.length) return url
+    const qs = keys
+        .map((k) => `${encodeURIComponent(k)}=${encodeURIComponent(data[k] ?? '')}`)
+        .join('&')
+    return url + (url.includes('?') ? '&' : '?') + qs
+}
+
+function decodeChunkData(data) {
+    if (typeof data === 'string') return data
+    if (!data) return ''
+    if (typeof TextDecoder !== 'undefined' && data instanceof ArrayBuffer) {
+        return new TextDecoder('utf-8').decode(new Uint8Array(data))
+    }
+    if (data instanceof ArrayBuffer) {
+        const bytes = new Uint8Array(data)
+        let str = ''
+        for (let i = 0; i < bytes.length; i++) str += String.fromCharCode(bytes[i])
+        try {
+            return decodeURIComponent(escape(str))
+        } catch (e) {
+            return str
+        }
+    }
+    return ''
+}
+
+/** 从 SSE 文本缓冲中解析并消费完整事件 */
+export function consumeSseBuffer(buffer, onEvent) {
+    let rest = buffer
+    let idx = rest.indexOf('\n\n')
+    while (idx !== -1) {
+        const block = rest.slice(0, idx)
+        rest = rest.slice(idx + 2)
+        let event = 'message'
+        let dataLine = ''
+        block.split('\n').forEach((line) => {
+            if (line.startsWith('event:')) event = line.slice(6).trim()
+            else if (line.startsWith('data:')) dataLine += line.slice(5).trim()
+        })
+        if (dataLine) {
+            try {
+                onEvent(event, JSON.parse(dataLine))
+            } catch (e) {
+                onEvent(event, dataLine)
+            }
+        }
+        idx = rest.indexOf('\n\n')
+    }
+    return rest
+}
+
+/** 从流式纯文本中提取三餐（支持未写完的最后一行） */
+export function parsePartialDietPlainText(text) {
+    const out = {}
+    if (!text) return out
+
+    const lineRe = /^(早餐|喝的|午餐|晚餐|提示|少碰)[：:]\s*(.*)$/gm
+    let match
+    while ((match = lineRe.exec(text)) !== null) {
+        const key = { '早餐': 'breakfast', '喝的': 'drinks', '午餐': 'lunch', '晚餐': 'dinner', '提示': 'tips', '少碰': 'avoid' }[match[1]]
+        const val = (match[2] || '').trim()
+        if (key === 'avoid') {
+            out.avoid = val.split(/[、,，;；\s]+/).map((s) => s.trim()).filter(Boolean)
+        } else {
+            out[key] = val
+        }
+    }
+
+    const tail = text.match(/(?:^|\n)(早餐|喝的|午餐|晚餐|提示|少碰)[：:]\s*([^\n]*)$/)
+    if (tail) {
+        const key = { '早餐': 'breakfast', '喝的': 'drinks', '午餐': 'lunch', '晚餐': 'dinner', '提示': 'tips', '少碰': 'avoid' }[tail[1]]
+        const val = (tail[2] || '').trim()
+        if (key === 'avoid') {
+            if (val) out.avoid = val.split(/[、,，;；\s]+/).map((s) => s.trim()).filter(Boolean)
+        } else {
+            out[key] = val
+        }
+    }
+
+    return out
+}
+
+/** @deprecated 使用 parsePartialDietPlainText */
+export function parsePartialDietJson(text) {
+    return parsePartialDietPlainText(text)
+}
+
+/**
+ * SSE 流式请求（微信小程序 enableChunked；其它端走 fallback）
+ *
+ * @param {object} opts
+ * @param {string} opts.baseUrl
+ * @param {string} opts.url
+ * @param {string} [opts.method]
+ * @param {object} [opts.data]
+ * @param {function(string, object):void} opts.onEvent
+ * @param {function():Promise<object>} [opts.fallback] 不支持流式时的降级请求
+ */
+export function requestAiStream(opts) {
+    const {
+        baseUrl,
+        url,
+        method = 'GET',
+        data = {},
+        onEvent,
+        fallback
+    } = opts
+
+    // #ifdef MP-WEIXIN
+    return new Promise((resolve, reject) => {
+        const token = uni.getStorageSync('token') || ''
+        let sseBuffer = ''
+        let requestUrl = joinApiUrl(baseUrl, url)
+        if (method === 'GET') {
+            requestUrl = appendQuery(requestUrl, data)
+        }
+
+        const task = wx.request({
+            url: requestUrl,
+            method,
+            data: method === 'POST' ? data : {},
+            enableChunked: true,
+            timeout: 60000,
+            header: {
+                token,
+                'content-type': 'application/x-www-form-urlencoded',
+                'Cache-Control': 'no-cache'
+            },
+            success: (res) => {
+                if (res && res.data) {
+                    sseBuffer += decodeChunkData(res.data)
+                    sseBuffer = consumeSseBuffer(sseBuffer, onEvent)
+                }
+                resolve(res)
+            },
+            fail: (err) => reject(err)
+        })
+
+        if (task && typeof task.onChunkReceived === 'function') {
+            task.onChunkReceived((res) => {
+                sseBuffer += decodeChunkData(res.data)
+                sseBuffer = consumeSseBuffer(sseBuffer, onEvent)
+            })
+        } else if (typeof fallback === 'function') {
+            fallback().then(resolve).catch(reject)
+        } else {
+            reject(new Error('当前环境不支持流式请求'))
+        }
+    })
+    // #endif
+
+    // #ifndef MP-WEIXIN
+    if (typeof fallback === 'function') {
+        return fallback()
+    }
+    return Promise.reject(new Error('当前环境不支持流式请求'))
+    // #endif
+}
@@ -0,0 +1,307 @@
+/**
+ * 健康数据语音文本解析。
+ *
+ * 把语音识别得到的中文口语文本解析为结构化字段：
+ *  - 血糖（空腹 / 餐后 / 其他）
+ *  - 血压（高压 / 低压 / 西药 / 胰岛素）
+ *  - 饮食（早 / 午 / 晚餐 + 备注）
+ *  - 运动（类型 / 时长 / 强度）
+ *
+ * 兼容中文数字（六点五 / 一百二十 / 一百二）与阿拉伯数字（6.5 / 120）。
+ * 纯前端解析，无网络依赖，识别失败时返回空对象。
+ */
+
+const CN_DIGIT = {
+    零: 0, 〇: 0, 一: 1, 壹: 1, 幺: 1, 二: 2, 贰: 2, 两: 2,
+    三: 3, 叁: 3, 四: 4, 肆: 4, 五: 5, 伍: 5, 六: 6, 陆: 6,
+    七: 7, 柒: 7, 八: 8, 捌: 8, 九: 9, 玖: 9
+}
+const CN_UNIT = { 十: 10, 拾: 10, 百: 100, 佰: 100, 千: 1000, 仟: 1000, 万: 10000, 亿: 100000000 }
+
+/** 中文整数串 → 数字，例如 "一百二十" → 120、"八十" → 80、"十" → 10、"一百二" → 120 */
+function cnIntToNumber(s) {
+    let total = 0
+    let section = 0
+    let number = 0
+    let hadUnit = false
+    let lastUnit = 0
+    let sawZeroAfterUnit = false
+    for (const ch of s) {
+        if (CN_DIGIT[ch] !== undefined) {
+            number = CN_DIGIT[ch]
+            if (number === 0) sawZeroAfterUnit = true
+        } else if (CN_UNIT[ch] !== undefined) {
+            hadUnit = true
+            const unit = CN_UNIT[ch]
+            lastUnit = unit
+            sawZeroAfterUnit = false
+            if (unit >= 10000) {
+                section = (section + number) * unit
+                total += section
+                section = 0
+            } else {
+                if (number === 0) number = 1 // 十 = 10
+                section += number * unit
+            }
+            number = 0
+        }
+    }
+    // 没有任何单位且为纯数字串（如 "一二零"）时按位拼接更符合口语
+    if (!hadUnit && s.length > 1) {
+        let joined = ''
+        for (const ch of s) {
+            if (CN_DIGIT[ch] !== undefined) joined += CN_DIGIT[ch]
+        }
+        if (joined) return Number(joined)
+    }
+    // 口语省略尾部单位："一百二" → 120、"一千五" → 1500（避开 "一百零五" 这类带零的）
+    if (number > 0 && lastUnit >= 100 && !sawZeroAfterUnit) {
+        number = number * (lastUnit / 10)
+    }
+    return total + section + number
+}
+
+/** 中文数字串（含小数点）→ 数字，例如 "六点五" → 6.5 */
+function cnSeqToNumber(seq) {
+    if (seq.includes('点')) {
+        const parts = seq.split('点')
+        const intPart = parts[0]
+        const decPart = parts.slice(1).join('')
+        const intVal = intPart ? cnIntToNumber(intPart) : 0
+        let decStr = ''
+        for (const ch of decPart) {
+            if (CN_DIGIT[ch] !== undefined) decStr += CN_DIGIT[ch]
+        }
+        if (!decStr) return intVal
+        return Number(`${intVal}.${decStr}`)
+    }
+    return cnIntToNumber(seq)
+}
+
+/** 是否包含中文数字字符（用于过滤“点”“重点”等误匹配） */
+function hasCnDigit(seq) {
+    for (const ch of seq) {
+        if (CN_DIGIT[ch] !== undefined || CN_UNIT[ch] !== undefined) return true
+    }
+    return false
+}
+
+/** 把文本中的中文数字段落替换为阿拉伯数字 */
+export function normalizeNumbers(text) {
+    const raw = String(text || '')
+    return raw.replace(/[零〇一壹幺二贰两三叁四肆五伍六陆七柒八捌九玖十拾百佰千仟万亿点]+/g, (m) => {
+        if (!hasCnDigit(m)) return m
+        const n = cnSeqToNumber(m)
+        return Number.isFinite(n) ? String(n) : m
+    })
+}
+
+/** 在文本中找到关键词后紧随的第一个数字 */
+function numAfter(text, keys) {
+    for (const k of keys) {
+        const i = text.indexOf(k)
+        if (i >= 0) {
+            const rest = text.slice(i + k.length)
+            const m = rest.match(/-?\d+(?:\.\d+)?/)
+            if (m) return m[0]
+        }
+    }
+    return ''
+}
+
+/** 关键词后紧随的一段文本（截止到标点或下一个分隔关键词） */
+function textAfter(text, keys, stopKeys = []) {
+    for (const k of keys) {
+        const i = text.indexOf(k)
+        if (i >= 0) {
+            let rest = text.slice(i + k.length)
+            // 去掉口语连接词
+            rest = rest.replace(/^[是为吃了喝了吃的喝的有打了用了：:，,、。\s]+/, '')
+            let end = rest.length
+            const mStop = rest.match(/[，,。.；;！!？?\n]/)
+            if (mStop && mStop.index < end) end = mStop.index
+            for (const sk of stopKeys) {
+                const si = rest.indexOf(sk)
+                if (si >= 0 && si < end) end = si
+            }
+            const seg = rest.slice(0, end).trim()
+            if (seg) return seg
+        }
+    }
+    return ''
+}
+
+/**
+ * 解析血糖：返回 { fasting_blood_sugar, postprandial_blood_sugar, other_blood_sugar }
+ * 例："空腹六点五餐后八点二" → { fasting:6.5, postprandial:8.2 }
+ */
+export function parseGlucose(raw) {
+    const t = normalizeNumbers(raw)
+    const result = {}
+    const fasting = numAfter(t, ['空腹'])
+    const post = numAfter(t, ['餐后', '饭后'])
+    const other = numAfter(t, ['其他', '随机', '睡前', '凌晨', '夜间', '晚上'])
+    if (fasting) result.fasting_blood_sugar = fasting
+    if (post) result.postprandial_blood_sugar = post
+    if (other) result.other_blood_sugar = other
+    // 没有关键词但只有一个数字 → 视为“其他血糖”
+    if (!fasting && !post && !other) {
+        const nums = t.match(/\d+(?:\.\d+)?/g)
+        if (nums && nums.length === 1) result.other_blood_sugar = nums[0]
+    }
+    return result
+}
+
+/**
+ * 解析血压：返回 { systolic_pressure, diastolic_pressure, western_medicine, insulin }
+ * 例："高压一百二低压八十" → { systolic:120, diastolic:80 }
+ */
+export function parseBloodPressure(raw) {
+    const t = normalizeNumbers(raw)
+    const result = {}
+    let sys = numAfter(t, ['高压', '收缩压', '收缩'])
+    let dia = numAfter(t, ['低压', '舒张压', '舒张'])
+    if (!sys || !dia) {
+        const nums = (t.match(/\d{2,3}/g) || [])
+            .map(Number)
+            .filter((n) => n >= 30 && n <= 300)
+        if (!sys && !dia && nums.length >= 2) {
+            sys = String(nums[0])
+            dia = String(nums[1])
+        } else if (!sys && nums.length === 1 && nums[0] >= 90) {
+            sys = String(nums[0])
+        }
+    }
+    // 高压应不低于低压，顺序异常时交换
+    if (sys && dia && Number(sys) < Number(dia)) {
+        const tmp = sys
+        sys = dia
+        dia = tmp
+    }
+    if (sys) result.systolic_pressure = sys
+    if (dia) result.diastolic_pressure = dia
+
+    const insulin = textAfter(raw, ['胰岛素'], ['高压', '低压', '血压', '西药', '备注'])
+    if (insulin) result.insulin = insulin
+    const western = textAfter(raw, ['西药', '降糖药', '口服药'], ['胰岛素', '高压', '低压', '血压', '备注'])
+    if (western) result.western_medicine = western
+    return result
+}
+
+const DIET_MARKERS = [
+    { keys: ['早餐', '早饭', '早上', '早点', '早晨'], field: 'breakfast_foods' },
+    { keys: ['午餐', '午饭', '中午'], field: 'lunch_foods' },
+    { keys: ['晚餐', '晚饭', '晚上', '夜宵', '夜里'], field: 'dinner_foods' }
+]
+
+function cleanFoodSeg(seg) {
+    return String(seg || '')
+        .replace(/^[是为吃了吃的喝了喝的有：:，,、。\s]+/, '')
+        .replace(/[。.\s]+$/, '')
+        .trim()
+}
+
+/**
+ * 解析饮食：返回 { breakfast_foods, lunch_foods, dinner_foods, note }
+ * 例："早餐鸡蛋粥中午米饭炒青菜晚上面条" → 分别归位
+ * 无餐别关键词时整句写入 note
+ */
+export function parseDiet(raw) {
+    const t = String(raw || '').trim()
+    const result = {}
+    const hits = []
+    DIET_MARKERS.forEach((m) => {
+        for (const k of m.keys) {
+            const idx = t.indexOf(k)
+            if (idx >= 0) {
+                hits.push({ idx, field: m.field, klen: k.length })
+                break
+            }
+        }
+    })
+    if (!hits.length) {
+        if (t) result.note = t
+        return result
+    }
+    hits.sort((a, b) => a.idx - b.idx)
+    hits.forEach((h, i) => {
+        const start = h.idx + h.klen
+        const end = i + 1 < hits.length ? hits[i + 1].idx : t.length
+        const seg = cleanFoodSeg(t.slice(start, end))
+        if (seg && !result[h.field]) result[h.field] = seg
+    })
+    // 第一个餐别关键词之前的内容作为备注
+    const head = cleanFoodSeg(t.slice(0, hits[0].idx))
+    if (head) result.note = head
+    return result
+}
+
+const EXERCISE_FILLERS = [
+    '今天', '我', '做了', '做', '进行了', '进行', '运动了', '运动', '锻炼了', '锻炼',
+    '了', '大概', '左右', '持续', '差不多', '一共', '总共', '的', '走了', '打了', '跑了'
+]
+
+/**
+ * 解析运动：返回 { exercise_type, duration, intensity }
+ * 例："散步三十分钟中强度" → { type:'散步', duration:30, intensity:2 }
+ */
+export function parseExercise(raw) {
+    const t = normalizeNumbers(raw)
+    const result = {}
+
+    const durMatch = t.match(/(\d+(?:\.\d+)?)\s*(个小时|小时|钟头|时|分钟|分)/)
+    if (durMatch) {
+        const val = parseFloat(durMatch[1])
+        const isHour = /个小时|小时|钟头|时/.test(durMatch[2])
+        result.duration = String(Math.round(isHour ? val * 60 : val))
+    }
+
+    if (/高强度|剧烈|很累|大汗|气喘/.test(t)) result.intensity = 3
+    else if (/中强度|中等强度|中等|有点累|微微出汗|微汗/.test(t)) result.intensity = 2
+    else if (/低强度|轻松|轻微|溜达|缓慢/.test(t)) result.intensity = 1
+
+    // 运动类型：移除时长、强度、填充词后剩余文本
+    let type = t
+    if (durMatch) type = type.replace(durMatch[0], '')
+    type = type
+        .replace(/高强度|中强度|中等强度|低强度|剧烈|很累|大汗|气喘|有点累|微微出汗|微汗|轻松|轻微|缓慢/g, '')
+        .replace(/\d+(?:\.\d+)?/g, '')
+        .replace(/[，,。.；;、\s]+/g, '')
+    EXERCISE_FILLERS.forEach((f) => {
+        type = type.split(f).join('')
+    })
+    type = type.trim()
+    if (type && type.length <= 20) result.exercise_type = type
+    return result
+}
+
+const FIELD_LABELS = {
+    fasting_blood_sugar: '空腹',
+    postprandial_blood_sugar: '餐后',
+    other_blood_sugar: '其他血糖',
+    systolic_pressure: '高压',
+    diastolic_pressure: '低压',
+    western_medicine: '西药',
+    insulin: '胰岛素',
+    breakfast_foods: '早餐',
+    lunch_foods: '午餐',
+    dinner_foods: '晚餐',
+    note: '备注',
+    exercise_type: '运动',
+    duration: '时长',
+    intensity: '强度'
+}
+
+const INTENSITY_LABELS = { 1: '低强度', 2: '中强度', 3: '高强度' }
+
+/** 把解析结果转成可读的反馈文案，例如 "空腹6.5 · 餐后8.2" */
+export function summarizeParsed(parsed) {
+    const parts = []
+    Object.keys(parsed).forEach((k) => {
+        const label = FIELD_LABELS[k] || k
+        let val = parsed[k]
+        if (k === 'intensity') val = INTENSITY_LABELS[val] || val
+        parts.push(`${label}${val}`)
+    })
+    return parts.join(' · ')
+}
@@ -8,6 +8,8 @@ export interface MetronomeOptions {
    accentSrc?: string
    accentEvery?: number
    poolSize?: number
+    volume?: number  // 节拍音音量 0-1
+    silent?: boolean // 静音模式:只驱动节拍回调,不发声(如握力环只需视觉节拍)
    onBeat?: (beatIndex: number, isAccent: boolean) => void
 }

@@ -21,11 +23,15 @@ class AudioPool {
    private list: UniApp.InnerAudioContext[] = []
    private cursor = 0
    private warmedUp = false
+    private targetVolume = 1

    constructor(
        private src: string,
        private size: number,
-    ) {}
+        volume = 1,
+    ) {
+        this.targetVolume = volume
+    }

    private create() {
        for (let i = 0; i < this.size; i++) {
@@ -33,14 +39,23 @@ class AudioPool {
            ctx.src = this.src
            ctx.obeyMuteSwitch = false
            ctx.autoplay = false
+            ctx.volume = this.targetVolume
            this.list.push(ctx)
        }
    }

+    setVolume(volume: number) {
+        this.targetVolume = Math.max(0, Math.min(1, volume))
+        this.list.forEach((ctx) => {
+            try {
+                ctx.volume = this.targetVolume
+            } catch (_) {}
+        })
+    }
+
    /**
-     * 预热：极小音量短暂播放,让音频文件下载/解码到内存
+     * 预热：短暂播放,让音频文件下载/解码到内存
     * 真正首次 play 不会再卡冷启动
-     * 注意:iOS 上 volume = 0 不一定真正解码,所以用 0.01 极小音量
     */
    warmUp() {
        if (this.warmedUp) return
@@ -48,12 +63,12 @@ class AudioPool {

        this.list.forEach((ctx) => {
            try {
-                ctx.volume = 0.01
+                ctx.volume = 0 // 静音预热,避免进入页面时响声
                ctx.play()
                setTimeout(() => {
                    try {
                        ctx.stop()
-                        ctx.volume = 1
+                        ctx.volume = this.targetVolume // 恢复目标音量
                    } catch (_) {}
                }, 60)
            } catch (_) {}
@@ -69,8 +84,11 @@ class AudioPool {
        const ctx = this.list[this.cursor]
        this.cursor = (this.cursor + 1) % this.list.length
        try {
+            // 强制停止所有正在播放的音频，避免重叠
+            this.list.forEach(c => {
+                try { c.stop() } catch (_) {}
+            })
            // iOS 上 seek(0) + play() 不一定能从头播放;stop() + play() 更稳
-            ctx.stop()
            ctx.play()
        } catch (_) {
            try { ctx.play() } catch (__) {}
@@ -101,6 +119,8 @@ export function useMetronome(options: MetronomeOptions = {}) {
        clickSrc = DEFAULT_CLICK_SRC,
        accentSrc,
        poolSize = 4,
+        volume = 1,
+        silent = false,
        onBeat,
    } = options

@@ -118,12 +138,13 @@ export function useMetronome(options: MetronomeOptions = {}) {
    let nextTickAt = 0

    const ensureAudio = () => {
+        if (silent) return
        if (!clickPool) {
-            clickPool = new AudioPool(clickSrc, poolSize)
+            clickPool = new AudioPool(clickSrc, poolSize, volume)
            clickPool.warmUp()
        }
        if (accentSrc && !accentPool) {
-            accentPool = new AudioPool(accentSrc, Math.max(2, Math.ceil(poolSize / 2)))
+            accentPool = new AudioPool(accentSrc, Math.max(2, Math.ceil(poolSize / 2)), volume)
            accentPool.warmUp()
        }
    }
@@ -179,6 +200,43 @@ export function useMetronome(options: MetronomeOptions = {}) {
        beatIndex.value = 0
    }

+    /**
+     * 动态更新音频源（用于切换音色）
+     */
+    const updateAudioSrc = (newClickSrc: string, newAccentSrc?: string) => {
+        const wasPlaying = isPlaying.value
+        if (wasPlaying) stop()
+
+        // 销毁旧的音频池
+        clickPool?.destroy()
+        accentPool?.destroy()
+        clickPool = null
+        accentPool = null
+
+        // 创建新的音频池（静默预热，不播放）
+        clickPool = new AudioPool(newClickSrc, poolSize)
+        if (newAccentSrc) {
+            accentPool = new AudioPool(newAccentSrc, Math.max(2, Math.ceil(poolSize / 2)))
+        }
+
+        // 播放一次预览音效（适中音量）
+        const previewCtx = uni.createInnerAudioContext()
+        previewCtx.src = newClickSrc
+        previewCtx.obeyMuteSwitch = false
+        previewCtx.volume = 0.4
+        try {
+            previewCtx.play()
+            setTimeout(() => {
+                try {
+                    previewCtx.destroy?.()
+                } catch (_) {}
+            }, 500)
+        } catch (_) {}
+
+        // 恢复播放状态
+        if (wasPlaying) start()
+    }
+
    /**
     * 主动预加载（推荐在页面 onShow 时调用，让用户进页面就完成预热）
     * 同时再次设置 setInnerAudioOption,防 App.vue 全局设置失效(iOS 静音键)
@@ -214,6 +272,7 @@ export function useMetronome(options: MetronomeOptions = {}) {
        stop,
        setBpm,
        setAccentEvery,
+        updateAudioSrc,
        preload,
    }
 }
@@ -1,213 +0,0 @@
-import { ref, onUnmounted } from 'vue'
-
-/**
- * 节拍器后台播放专版 - 基于 BackgroundAudioManager
- *
- * 解决 InnerAudioContext 在 iOS 微信小程序中无法后台播放的硬限制:
- * - iOS 真机切到后台/锁屏 InnerAudioContext 必被挂起,requiredBackgroundModes 无效
- * - BackgroundAudioManager 是微信唯一支持 iOS 真后台/锁屏播放的音频 API
- *
- * 取舍:
- * - BgAudio 是全局单例,一次只能播一个音频,不适合短促 click 高频重复
- * - 因此提前用 ffmpeg 合成 3 个档位的"完整节拍循环"音轨(80/110/130 BPM × 2 拍)
- *   每个 mp3 是 5~6 秒无缝循环,设 onEnded 重赋 src 实现永久循环
- *
- * 副作用:
- * - 播放时锁屏/通知栏会显示带封面+暂停按钮的音乐控制条(可被用户从锁屏暂停)
- * - 必须声明 requiredBackgroundModes:["audio"](已配在 manifest+pages)
- * - 切档位有 200~500ms 切换延迟,但用户主动操作时可接受
- */
-
-export type LoopId = 'slow' | 'normal' | 'brisk'
-
-export interface LoopPreset {
-    id: LoopId
-    bpm: number
-    accent: number
-    src: string
-    label: string
-}
-
-/**
- * 重要:微信 BackgroundAudioManager.src 只接受 http/https 网络流,不能是包内资源
- * 所以必须把音频上传到 CDN(腾讯云 COS),并在小程序后台加 downloadFile 合法域名
- *
- * 当前线上文件(2026-05-26 上传到 cos.ap-guangzhou):
- *   - loop_80bpm_2.mp3   循环音轨 慢走档
- *   - loop_110bpm_2.mp3  循环音轨 健走档
- *   - loop_130bpm_2.mp3  循环音轨 快走档
- *
- * 历史源文件(本地 training/static/audio/*.mp3) 已删除以减小包体积,
- * 如果以后要重新合成,先从 COS 下回来再用 ffmpeg 处理
- */
-export const LOOP_PRESETS: readonly LoopPreset[] = [
-    {
-        id: 'slow',
-        bpm: 80,
-        accent: 2,
-        src: 'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/file/20260526/20260526105129dcbc50112.mp3',
-        label: '慢走 80 BPM',
-    },
-    {
-        id: 'normal',
-        bpm: 110,
-        accent: 2,
-        src: 'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/file/20260526/202605261051284f5b04928.mp3',
-        label: '健走 110 BPM',
-    },
-    {
-        id: 'brisk',
-        bpm: 130,
-        accent: 2,
-        src: 'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/file/20260526/20260526105128164d77281.mp3',
-        label: '快走 130 BPM',
-    },
-]
-
-/**
- * 锁屏控制条封面
- * 暂时留空,微信会显示默认音乐图标,等以后有正式品牌图再上传到 COS 后填入这里
- * 注意:URL 必须是 https,且域名要加进小程序后台 downloadFile 合法域名
- */
-const COVER_URL = ''
-
-export function useMetronomeBg() {
-    const isPlaying = ref<boolean>(false)
-    const currentLoop = ref<LoopId | null>(null)
-
-    /* @dcloudio/types 没有 BackgroundAudioManager 类型,直接 any */
-    let bgm: any = null
-    /* 当前期望的 src,onEnded 时用它重新赋值实现循环 */
-    let desiredSrc = ''
-
-    /* 懒初始化 BackgroundAudioManager + 绑定事件
-       BgAudio 是全局单例,跨页面共享,只能在第一次需要时初始化 */
-    const ensureBgm = () => {
-        if (bgm) return bgm
-
-        const m = uni.getBackgroundAudioManager()
-
-        /* 必填 metadata,缺一会报错或不显示锁屏控制条 */
-        m.title = '节拍器'
-        m.epname = '甄养堂 · 健走'
-        m.singer = '健走配速'
-        if (COVER_URL) m.coverImgUrl = COVER_URL
-        m.webUrl = ''
-
-        m.onPlay(() => {
-            isPlaying.value = true
-        })
-        m.onPause(() => {
-            /* 用户从锁屏控制条点暂停,同步 UI 状态 */
-            isPlaying.value = false
-        })
-        m.onStop(() => {
-            isPlaying.value = false
-            currentLoop.value = null
-        })
-
-        /* 实现无限循环:每段 mp3 播完时立即重赋 src 再次播放
-           BgAudio 没有原生 loop 属性,只能用这招 */
-        m.onEnded(() => {
-            if (desiredSrc && isPlaying.value) {
-                try {
-                    m.src = desiredSrc
-                } catch (_) {}
-            }
-        })
-
-        m.onError((err) => {
-            console.error('[BgAudio] error:', err)
-            isPlaying.value = false
-            uni.showToast({
-                title: '音频播放失败,请重试',
-                icon: 'none',
-                duration: 2000,
-            })
-        })
-
-        bgm = m
-        return m
-    }
-
-    /**
-     * 切到指定档位并开始播放
-     * 如果已经在播同一档位 → 切到 pause/play 状态
-     * 如果在播别的档位 → 切换 src(有 200~500ms 延迟)
-     */
-    const playLoop = (id: LoopId) => {
-        const preset = LOOP_PRESETS.find((p) => p.id === id)
-        if (!preset) return
-
-        const m = ensureBgm()
-
-        /* 同档位再点一下 = 暂停 */
-        if (currentLoop.value === id && isPlaying.value) {
-            m.pause()
-            return
-        }
-
-        /* 切换档位或从暂停恢复 */
-        currentLoop.value = id
-        desiredSrc = preset.src
-
-        /* 重设 title 让锁屏控制条显示当前档位 */
-        m.title = `节拍器 · ${preset.label}`
-
-        /* 赋值 src 会自动播放(微信 API 设计如此) */
-        m.src = preset.src
-        /* isPlaying 由 onPlay 回调置 true */
-    }
-
-    const pause = () => {
-        if (bgm && isPlaying.value) {
-            bgm.pause()
-        }
-    }
-
-    const resume = () => {
-        if (bgm && !isPlaying.value && desiredSrc) {
-            /* 从暂停态恢复:直接 play 即可 */
-            try {
-                bgm.play()
-            } catch (_) {
-                /* 部分基础库 play() 不可用时,重赋 src */
-                bgm.src = desiredSrc
-            }
-        }
-    }
-
-    /**
-     * 完全停止 + 清掉锁屏控制条
-     * 注意 BgAudio 是全局单例,stop 会影响所有页面共享的实例
-     */
-    const stop = () => {
-        if (bgm) {
-            try {
-                bgm.stop()
-            } catch (_) {}
-        }
-        currentLoop.value = null
-        desiredSrc = ''
-        isPlaying.value = false
-    }
-
-    /* hook 卸载时不主动 stop,因为用户离开节拍器页时
-       仍希望音乐持续(走在路上拿出手机切别的页面应该不停)
-       真正停止的责任在 metronome.vue 的退出按钮里 */
-    onUnmounted(() => {
-        /* 仅解绑回调? BgAudio 是全局单例,我们的回调还在,
-           不解会导致内存中保留无用引用,但回调里都判断了 isPlaying,
-           且新页面再 ensureBgm 时会覆盖回调,可接受 */
-    })
-
-    return {
-        isPlaying,
-        currentLoop,
-        playLoop,
-        pause,
-        resume,
-        stop,
-        LOOP_PRESETS,
-    }
-}
@@ -1,115 +0,0 @@
-import { ref, onUnmounted } from 'vue'
-
-const BGM_BASE = '/training/static/bgm'
-
-export type BgmMode = 'none' | 'training' | 'resting'
-
-export interface UseTrainingBgmOptions {
-    trainingSrc?: string
-    restingSrc?: string
-    volume?: number
-    fadeMs?: number
-}
-
-export function useTrainingBgm(options: UseTrainingBgmOptions = {}) {
-    const {
-        trainingSrc = `${BGM_BASE}/train-light.mp3`,
-        restingSrc = `${BGM_BASE}/rest-meditation.mp3`,
-        volume = 0.6,
-        fadeMs = 600,
-    } = options
-
-    const mode = ref<BgmMode>('none')
-    const enabled = ref<boolean>(true)
-
-    let trainCtx: UniApp.InnerAudioContext | null = null
-    let restCtx: UniApp.InnerAudioContext | null = null
-    let fadeTimers: ReturnType<typeof setInterval>[] = []
-
-    const ensureCtx = () => {
-        if (!trainCtx) {
-            trainCtx = uni.createInnerAudioContext()
-            trainCtx.src = trainingSrc
-            trainCtx.loop = true
-            trainCtx.obeyMuteSwitch = false
-            trainCtx.volume = 0
-        }
-        if (!restCtx) {
-            restCtx = uni.createInnerAudioContext()
-            restCtx.src = restingSrc
-            restCtx.loop = true
-            restCtx.obeyMuteSwitch = false
-            restCtx.volume = 0
-        }
-    }
-
-    const fade = (
-        ctx: UniApp.InnerAudioContext,
-        from: number,
-        to: number,
-        duration = fadeMs,
-    ) => {
-        const steps = 16
-        const stepMs = Math.max(16, duration / steps)
-        let i = 0
-        const t = setInterval(() => {
-            i++
-            const v = from + (to - from) * (i / steps)
-            ctx.volume = Math.max(0, Math.min(1, v))
-            if (i >= steps) {
-                clearInterval(t)
-                fadeTimers = fadeTimers.filter((x) => x !== t)
-            }
-        }, stepMs)
-        fadeTimers.push(t)
-    }
-
-    const switchTo = (target: BgmMode) => {
-        if (!enabled.value) return
-        if (mode.value === target) return
-        ensureCtx()
-
-        if (target === 'training' && trainCtx && restCtx) {
-            fade(restCtx, restCtx.volume, 0)
-            setTimeout(() => restCtx?.pause(), fadeMs)
-            trainCtx.play()
-            fade(trainCtx, 0, volume)
-        } else if (target === 'resting' && trainCtx && restCtx) {
-            fade(trainCtx, trainCtx.volume, 0)
-            setTimeout(() => trainCtx?.pause(), fadeMs)
-            restCtx.play()
-            fade(restCtx, 0, volume)
-        } else if (target === 'none') {
-            if (trainCtx) {
-                fade(trainCtx, trainCtx.volume, 0)
-                setTimeout(() => trainCtx?.pause(), fadeMs)
-            }
-            if (restCtx) {
-                fade(restCtx, restCtx.volume, 0)
-                setTimeout(() => restCtx?.pause(), fadeMs)
-            }
-        }
-        mode.value = target
-    }
-
-    const setEnabled = (v: boolean) => {
-        enabled.value = v
-        if (!v) switchTo('none')
-    }
-
-    onUnmounted(() => {
-        fadeTimers.forEach((t) => clearInterval(t))
-        fadeTimers = []
-        trainCtx?.destroy?.()
-        restCtx?.destroy?.()
-        trainCtx = null
-        restCtx = null
-    })
-
-    return {
-        mode,
-        enabled,
-        switchTo,
-        setEnabled,
-    }
-}
@@ -1,133 +0,0 @@
-import { ref, computed, onUnmounted } from 'vue'
-
-export type SessionPhase = 'idle' | 'training' | 'resting' | 'done'
-
-export interface TrainingSessionConfig {
-    sets: number
-    reps: number
-    restSec: number
-    beatsPerRep?: number
-    onRepComplete?: (currentRep: number, totalReps: number) => void
-    onSetComplete?: (currentSet: number, totalSets: number) => void
-    onEnterRest?: (restSec: number) => void
-    onExitRest?: () => void
-    onDone?: () => void
-    onCountdownTick?: (remainingSec: number) => void
-}
-
-export function useTrainingSession() {
-    const phase = ref<SessionPhase>('idle')
-    const currentSet = ref<number>(0)
-    const currentRep = ref<number>(0)
-    const restRemainingSec = ref<number>(0)
-    const beatCounter = ref<number>(0)
-
-    let config: TrainingSessionConfig | null = null
-    let restTimer: ReturnType<typeof setInterval> | null = null
-
-    const totalReps = computed(() => config?.reps ?? 0)
-    const totalSets = computed(() => config?.sets ?? 0)
-    const beatsPerRep = computed(() => config?.beatsPerRep ?? 2)
-
-    const isTraining = computed(() => phase.value === 'training')
-    const isResting = computed(() => phase.value === 'resting')
-    const isDone = computed(() => phase.value === 'done')
-
-    const start = (cfg: TrainingSessionConfig) => {
-        config = cfg
-        phase.value = 'training'
-        currentSet.value = 1
-        currentRep.value = 0
-        beatCounter.value = 0
-        restRemainingSec.value = 0
-    }
-
-    const onBeat = () => {
-        if (phase.value !== 'training' || !config) return
-
-        beatCounter.value++
-
-        if (beatCounter.value % beatsPerRep.value !== 0) return
-
-        currentRep.value++
-        config.onRepComplete?.(currentRep.value, totalReps.value)
-
-        if (currentRep.value >= totalReps.value) {
-            config.onSetComplete?.(currentSet.value, totalSets.value)
-
-            if (currentSet.value >= totalSets.value) {
-                phase.value = 'done'
-                config.onDone?.()
-                return
-            }
-
-            enterRest()
-        }
-    }
-
-    const enterRest = () => {
-        if (!config) return
-        phase.value = 'resting'
-        restRemainingSec.value = config.restSec
-        config.onEnterRest?.(config.restSec)
-
-        restTimer = setInterval(() => {
-            restRemainingSec.value--
-            config?.onCountdownTick?.(restRemainingSec.value)
-            if (restRemainingSec.value <= 0) {
-                exitRest()
-            }
-        }, 1000)
-    }
-
-    const exitRest = () => {
-        if (restTimer) {
-            clearInterval(restTimer)
-            restTimer = null
-        }
-        if (!config) return
-
-        currentSet.value++
-        currentRep.value = 0
-        beatCounter.value = 0
-        phase.value = 'training'
-        config.onExitRest?.()
-    }
-
-    const skipRest = () => {
-        if (phase.value !== 'resting') return
-        exitRest()
-    }
-
-    const stop = () => {
-        if (restTimer) {
-            clearInterval(restTimer)
-            restTimer = null
-        }
-        phase.value = 'idle'
-        currentSet.value = 0
-        currentRep.value = 0
-        beatCounter.value = 0
-        restRemainingSec.value = 0
-    }
-
-    onUnmounted(() => {
-        if (restTimer) clearInterval(restTimer)
-    })
-
-    return {
-        phase,
-        currentSet,
-        currentRep,
-        restRemainingSec,
-        totalReps,
-        totalSets,
-        isTraining,
-        isResting,
-        isDone,
-        start,
-        stop,
-        skipRest,
-        onBeat,
-    }
-}
@@ -1,87 +0,0 @@
-import { onUnmounted } from 'vue'
-
-const VOICE_BASE = '/training/static/voice'
-
-export type VoicePromptKey =
-    | 'start'
-    | 'ready'
-    | 'rest'
-    | 'next-set'
-    | 'last-rep'
-    | 'keep-it-up'
-    | 'good-job'
-    | 'breathe-in'
-    | 'breathe-out'
-
-export interface UseVoiceCoachOptions {
-    enabled?: boolean
-    volume?: number
-}
-
-export function useVoiceCoach(options: UseVoiceCoachOptions = {}) {
-    const { enabled = true, volume = 1 } = options
-
-    let ctx: UniApp.InnerAudioContext | null = null
-    let queue: string[] = []
-    let isPlayingQueue = false
-
-    const ensureCtx = () => {
-        if (ctx) return
-        ctx = uni.createInnerAudioContext()
-        ctx.volume = volume
-        ctx.obeyMuteSwitch = false
-        ctx.onEnded(() => {
-            playNextInQueue()
-        })
-        ctx.onError(() => {
-            playNextInQueue()
-        })
-    }
-
-    const playNextInQueue = () => {
-        if (!ctx || queue.length === 0) {
-            isPlayingQueue = false
-            return
-        }
-        const nextSrc = queue.shift()!
-        ctx.src = nextSrc
-        ctx.play()
-    }
-
-    const enqueue = (src: string) => {
-        if (!enabled) return
-        ensureCtx()
-        queue.push(src)
-        if (!isPlayingQueue) {
-            isPlayingQueue = true
-            playNextInQueue()
-        }
-    }
-
-    const speakNumber = (n: number) => {
-        if (n < 1 || n > 30) return
-        enqueue(`${VOICE_BASE}/numbers/${n}.mp3`)
-    }
-
-    const speakPrompt = (key: VoicePromptKey) => {
-        enqueue(`${VOICE_BASE}/prompts/${key}.mp3`)
-    }
-
-    const stop = () => {
-        queue = []
-        isPlayingQueue = false
-        ctx?.stop()
-    }
-
-    onUnmounted(() => {
-        stop()
-        ctx?.destroy?.()
-        ctx = null
-    })
-
-    return {
-        speakNumber,
-        speakPrompt,
-        stop,
-    }
-}
@@ -0,0 +1,675 @@
+<template>
+    <view class="crush-canvas-container">
+        <canvas
+            type="2d"
+            id="crush"
+            class="crush-canvas"
+        ></canvas>
+    </view>
+</template>
+
+<script setup lang="ts">
+import { ref, watch, onMounted, onBeforeUnmount, getCurrentInstance } from 'vue'
+
+// ============================================================
+// 类型定义
+// ============================================================
+
+type CrushItemType = 'egg' | 'walnut' | 'can' | 'balloon'
+type ParticleShape = 'circle' | 'square' | 'triangle' | 'rect'
+
+// 碎片(主体飞溅物)
+interface Debris {
+    x: number
+    y: number
+    vx: number
+    vy: number
+    size: number
+    color: string
+    shape: ParticleShape
+    rotation: number
+    rotationSpeed: number
+    life: number
+    decay: number
+    gravity: number
+    glow: boolean
+    swing: number // 水平摇摆幅度(confetti 彩纸用),0 表示不摇摆
+    age: number
+}
+
+// 火花(细小高速亮点,带拖尾)
+interface Spark {
+    x: number
+    y: number
+    px: number // 上一帧位置(拖尾起点)
+    py: number
+    vx: number
+    vy: number
+    size: number
+    color: string
+    life: number
+    decay: number
+    gravity: number
+}
+
+// 闪烁星光(四角星高光)
+interface Sparkle {
+    x: number
+    y: number
+    size: number
+    rotation: number
+    spin: number
+    color: string
+    life: number
+    decay: number
+}
+
+// 中心爆闪
+interface Flash {
+    x: number
+    y: number
+    radius: number
+    maxRadius: number
+    color: string
+    life: number
+    decay: number
+}
+
+interface Shockwave {
+    x: number
+    y: number
+    radius: number
+    maxRadius: number
+    color: string
+    width: number
+    life: number
+    decay: number
+}
+
+interface CrushItemConfig {
+    colors: string[]        // 碎片主体色
+    sparkColors: string[]   // 火花/高光色(偏亮)
+    shapes: ParticleShape[]
+    debrisCount: number
+    sparkCount: number
+    sparkleCount: number
+    speedMin: number
+    speedMax: number
+    sizeMin: number
+    sizeMax: number
+    gravity: number
+    flashColor: string      // 中心爆闪核心色
+    shockwaveColor: string
+    confetti?: boolean      // balloon: 碎片改为彩纸飘落
+}
+
+// ============================================================
+// 物品差异化配置
+// ============================================================
+
+const CRUSH_ITEMS: Record<CrushItemType, CrushItemConfig> = {
+    egg: {
+        colors: ['#FFEB3B', '#FFF59D', '#FFFFFF', '#FFD54F', '#FFC107'],
+        sparkColors: ['#FFFFFF', '#FFF9C4', '#FFEE58'],
+        shapes: ['circle', 'circle', 'circle'],
+        debrisCount: 20,
+        sparkCount: 16,
+        sparkleCount: 5,
+        speedMin: 3,
+        speedMax: 6,
+        sizeMin: 4,
+        sizeMax: 10,
+        gravity: 0.34,
+        flashColor: '#FFFDE7',
+        shockwaveColor: 'rgba(255, 224, 130, 0.85)',
+    },
+    walnut: {
+        colors: ['#5D4037', '#795548', '#8D6E63', '#A1887F', '#3E2723'],
+        sparkColors: ['#FFCC80', '#FFB74D', '#FFE0B2'],
+        shapes: ['square', 'triangle', 'rect'],
+        debrisCount: 22,
+        sparkCount: 18,
+        sparkleCount: 5,
+        speedMin: 2.8,
+        speedMax: 5,
+        sizeMin: 4,
+        sizeMax: 9,
+        gravity: 0.42,
+        flashColor: '#FFE0B2',
+        shockwaveColor: 'rgba(255, 167, 38, 0.8)',
+    },
+    can: {
+        colors: ['#90A4AE', '#CFD8DC', '#B0BEC5', '#78909C', '#ECEFF1', '#607D8B'],
+        sparkColors: ['#FFFFFF', '#E1F5FE', '#B3E5FC'],
+        shapes: ['rect', 'rect', 'triangle', 'square'],
+        debrisCount: 24,
+        sparkCount: 20,
+        sparkleCount: 6,
+        speedMin: 4,
+        speedMax: 7,
+        sizeMin: 3,
+        sizeMax: 11,
+        gravity: 0.36,
+        flashColor: '#FFFFFF',
+        shockwaveColor: 'rgba(207, 216, 220, 0.9)',
+    },
+    balloon: {
+        colors: ['#FF5252', '#FF4081', '#E040FB', '#7C4DFF', '#536DFE', '#448AFF', '#FFEB3B', '#69F0AE', '#FF6E40'],
+        sparkColors: ['#FFFFFF', '#FF80AB', '#82B1FF', '#FFFF8D'],
+        shapes: ['rect', 'rect', 'square'],
+        debrisCount: 28,
+        sparkCount: 18,
+        sparkleCount: 8,
+        speedMin: 4,
+        speedMax: 7.5,
+        sizeMin: 4,
+        sizeMax: 8,
+        gravity: 0.14,
+        flashColor: '#FCE4EC',
+        shockwaveColor: 'rgba(255, 64, 129, 0.85)',
+        confetti: true,
+    },
+}
+
+const PHYSICS = {
+    AIR_RESISTANCE: 0.985,
+    SPARK_RESISTANCE: 0.92,
+    DEBRIS_DECAY: 0.018,
+    SPARK_DECAY: 0.035,
+    SPARKLE_DECAY: 0.045,
+    FLASH_DECAY: 0.11,
+    SHOCKWAVE_DECAY: 0.045,
+}
+
+// ============================================================
+// 状态
+// ============================================================
+
+const canvasNode = ref<any>(null)
+const ctx = ref<any>(null)
+const canvasWidth = ref<number>(240)
+const canvasHeight = ref<number>(240)
+const dpr = ref<number>(1)
+
+const rafId = ref<number | null>(null)
+const renderRunning = ref<boolean>(false)
+
+const debrisList = ref<Debris[]>([])
+const sparkList = ref<Spark[]>([])
+const sparkleList = ref<Sparkle[]>([])
+const flashList = ref<Flash[]>([])
+const shockwaves = ref<Shockwave[]>([])
+
+const instance = getCurrentInstance()
+
+// 由父级 prop 信号驱动触发特效(避免跨组件 ref 调用, 小程序端更稳)
+const props = defineProps<{
+    crushSignal?: { type: CrushItemType; nonce: number } | null
+}>()
+
+watch(
+    () => props.crushSignal,
+    (sig) => {
+        if (sig) triggerCrush(sig.type)
+    },
+)
+
+onMounted(() => {
+    initCanvas()
+})
+
+onBeforeUnmount(() => {
+    cleanup()
+})
+
+// ============================================================
+// 初始化 Canvas 2D
+// ============================================================
+
+function initCanvas() {
+    setTimeout(() => {
+        if (!instance) return
+
+        const query = uni.createSelectorQuery().in(instance)
+        query.select('#crush')
+            .fields({ node: true, size: true } as any)
+            .exec((res: any[]) => {
+                if (!res || !res[0] || !res[0].node) {
+                    // 降级:如果获取不到 node(非微信平台),不渲染
+                    console.warn('[crush-canvas] canvas 2d not supported on this platform')
+                    return
+                }
+
+                const canvas = res[0].node
+                const width = res[0].width
+                const height = res[0].height
+
+                // 获取设备像素比
+                const systemInfo = uni.getSystemInfoSync()
+                const pixelRatio = systemInfo.pixelRatio || 1
+
+                // 设置 canvas 物理像素尺寸(高清)
+                canvas.width = width * pixelRatio
+                canvas.height = height * pixelRatio
+
+                // 获取 2D 上下文
+                const context = canvas.getContext('2d')
+                context.scale(pixelRatio, pixelRatio)
+
+                // 保存状态
+                canvasNode.value = canvas
+                ctx.value = context
+                canvasWidth.value = width
+                canvasHeight.value = height
+                dpr.value = pixelRatio
+            })
+    }, 200)
+}
+
+// ============================================================
+// 触发捏碎特效
+// ============================================================
+
+function triggerCrush(itemType: CrushItemType) {
+    if (!ctx.value || !canvasNode.value) return
+
+    const item = CRUSH_ITEMS[itemType]
+    if (!item) return
+
+    const centerX = canvasWidth.value / 2
+    const centerY = canvasHeight.value / 2
+    const maxR = Math.min(canvasWidth.value, canvasHeight.value)
+
+    // 1. 中心爆闪
+    flashList.value.push({
+        x: centerX,
+        y: centerY,
+        radius: maxR * 0.12,
+        maxRadius: maxR * 0.62,
+        color: item.flashColor,
+        life: 1.0,
+        decay: PHYSICS.FLASH_DECAY,
+    })
+
+    // 2. 双层冲击波
+    shockwaves.value.push({
+        x: centerX, y: centerY,
+        radius: 12, maxRadius: maxR * 0.62,
+        color: item.shockwaveColor, width: 5,
+        life: 1.0, decay: PHYSICS.SHOCKWAVE_DECAY,
+    })
+    shockwaves.value.push({
+        x: centerX, y: centerY,
+        radius: 4, maxRadius: maxR * 0.42,
+        color: item.shockwaveColor, width: 3,
+        life: 1.0, decay: PHYSICS.SHOCKWAVE_DECAY * 1.3,
+    })
+
+    // 3. 碎片(主体飞溅)
+    for (let i = 0; i < item.debrisCount; i++) {
+        const angle = (Math.PI * 2 * i) / item.debrisCount + (Math.random() - 0.5) * 0.7
+        const speed = item.speedMin + Math.random() * (item.speedMax - item.speedMin)
+        const size = item.sizeMin + Math.random() * (item.sizeMax - item.sizeMin)
+        const color = item.colors[Math.floor(Math.random() * item.colors.length)]
+        const shape = item.shapes[Math.floor(Math.random() * item.shapes.length)]
+
+        // confetti(彩纸): 初速带强烈向上偏移 + 水平摇摆下落
+        const confetti = !!item.confetti
+        const vy0 = confetti
+            ? Math.sin(angle) * speed - 2.5 // 先向上窜
+            : Math.sin(angle) * speed
+
+        debrisList.value.push({
+            x: centerX,
+            y: centerY,
+            vx: Math.cos(angle) * speed,
+            vy: vy0,
+            size,
+            color,
+            shape,
+            rotation: Math.random() * Math.PI * 2,
+            rotationSpeed: (Math.random() - 0.5) * (confetti ? 0.5 : 0.3),
+            life: 1.0,
+            decay: PHYSICS.DEBRIS_DECAY * (confetti ? 0.7 : 1),
+            gravity: item.gravity,
+            glow: !confetti, // 彩纸不发光,实色碎片发光
+            swing: confetti ? 0.6 + Math.random() * 1.2 : 0,
+            age: Math.random() * Math.PI * 2,
+        })
+    }
+
+    // 4. 火花(细小高速亮点,带拖尾)
+    for (let i = 0; i < item.sparkCount; i++) {
+        const angle = Math.random() * Math.PI * 2
+        const speed = item.speedMax * (0.9 + Math.random() * 0.8)
+        const color = item.sparkColors[Math.floor(Math.random() * item.sparkColors.length)]
+        sparkList.value.push({
+            x: centerX,
+            y: centerY,
+            px: centerX,
+            py: centerY,
+            vx: Math.cos(angle) * speed,
+            vy: Math.sin(angle) * speed,
+            size: 1.5 + Math.random() * 2,
+            color,
+            life: 1.0,
+            decay: PHYSICS.SPARK_DECAY * (0.8 + Math.random() * 0.6),
+            gravity: item.gravity * 0.3,
+        })
+    }
+
+    // 5. 闪烁星光
+    for (let i = 0; i < item.sparkleCount; i++) {
+        const r = maxR * (0.08 + Math.random() * 0.32)
+        const a = Math.random() * Math.PI * 2
+        const color = item.sparkColors[Math.floor(Math.random() * item.sparkColors.length)]
+        sparkleList.value.push({
+            x: centerX + Math.cos(a) * r,
+            y: centerY + Math.sin(a) * r,
+            size: 10 + Math.random() * 16,
+            rotation: Math.random() * Math.PI,
+            spin: (Math.random() - 0.5) * 0.16,
+            color,
+            life: 1.0 + Math.random() * 0.4, // 错峰出现
+            decay: PHYSICS.SPARKLE_DECAY * (0.8 + Math.random() * 0.5),
+        })
+    }
+
+    ensureRenderLoop()
+}
+
+// ============================================================
+// 渲染循环
+// ============================================================
+
+function ensureRenderLoop() {
+    if (renderRunning.value) return
+    renderRunning.value = true
+    renderLoop()
+}
+
+function renderLoop() {
+    if (!canvasNode.value || !ctx.value) {
+        renderRunning.value = false
+        return
+    }
+
+    const w = canvasWidth.value
+    const h = canvasHeight.value
+
+    // 碎片
+    for (let i = debrisList.value.length - 1; i >= 0; i--) {
+        const p = debrisList.value[i]
+        p.vy += p.gravity
+        p.vx *= PHYSICS.AIR_RESISTANCE
+        p.vy *= PHYSICS.AIR_RESISTANCE
+        p.x += p.vx
+        p.y += p.vy
+        p.age += 0.2
+        if (p.swing > 0) p.x += Math.sin(p.age) * p.swing // 彩纸摇摆
+        p.rotation += p.rotationSpeed
+        p.life -= p.decay
+        if (p.life <= 0 || p.x < -60 || p.x > w + 60 || p.y > h + 60) {
+            debrisList.value.splice(i, 1)
+        }
+    }
+
+    // 火花
+    for (let i = sparkList.value.length - 1; i >= 0; i--) {
+        const s = sparkList.value[i]
+        s.px = s.x
+        s.py = s.y
+        s.vy += s.gravity
+        s.vx *= PHYSICS.SPARK_RESISTANCE
+        s.vy *= PHYSICS.SPARK_RESISTANCE
+        s.x += s.vx
+        s.y += s.vy
+        s.life -= s.decay
+        if (s.life <= 0) sparkList.value.splice(i, 1)
+    }
+
+    // 闪烁星光
+    for (let i = sparkleList.value.length - 1; i >= 0; i--) {
+        const sp = sparkleList.value[i]
+        sp.rotation += sp.spin
+        sp.life -= sp.decay
+        if (sp.life <= 0) sparkleList.value.splice(i, 1)
+    }
+
+    // 中心爆闪
+    for (let i = flashList.value.length - 1; i >= 0; i--) {
+        const f = flashList.value[i]
+        f.radius += (f.maxRadius - f.radius) * 0.35
+        f.life -= f.decay
+        if (f.life <= 0) flashList.value.splice(i, 1)
+    }
+
+    // 冲击波
+    for (let i = shockwaves.value.length - 1; i >= 0; i--) {
+        const sw = shockwaves.value[i]
+        sw.radius += (sw.maxRadius - sw.radius) * 0.16
+        sw.life -= sw.decay
+        if (sw.life <= 0) shockwaves.value.splice(i, 1)
+    }
+
+    draw()
+
+    const alive =
+        debrisList.value.length > 0 ||
+        sparkList.value.length > 0 ||
+        sparkleList.value.length > 0 ||
+        flashList.value.length > 0 ||
+        shockwaves.value.length > 0
+
+    if (alive) {
+        rafId.value = canvasNode.value.requestAnimationFrame(renderLoop) as unknown as number
+    } else {
+        rafId.value = null
+        renderRunning.value = false
+    }
+}
+
+// ============================================================
+// 绘制
+// ============================================================
+
+function draw() {
+    const c = ctx.value
+    const w = canvasWidth.value
+    const h = canvasHeight.value
+
+    c.clearRect(0, 0, w, h)
+
+    // —— 1. 冲击波(底层) ——
+    c.globalCompositeOperation = 'source-over'
+    shockwaves.value.forEach(sw => {
+        c.beginPath()
+        c.arc(sw.x, sw.y, sw.radius, 0, Math.PI * 2)
+        c.strokeStyle = applyAlphaToRgba(sw.color, Math.min(1, sw.life))
+        c.lineWidth = sw.width * sw.life
+        c.stroke()
+    })
+
+    // —— 2. 中心爆闪(叠加发光) ——
+    c.globalCompositeOperation = 'lighter'
+    flashList.value.forEach(f => {
+        const grd = c.createRadialGradient(f.x, f.y, 0, f.x, f.y, f.radius)
+        const a = Math.min(1, f.life)
+        grd.addColorStop(0, hexToRgba(f.color, 0.95 * a))
+        grd.addColorStop(0.4, hexToRgba(f.color, 0.5 * a))
+        grd.addColorStop(1, hexToRgba(f.color, 0))
+        c.fillStyle = grd
+        c.beginPath()
+        c.arc(f.x, f.y, f.radius, 0, Math.PI * 2)
+        c.fill()
+    })
+
+    // —— 3. 碎片(实体,带辉光) ——
+    c.globalCompositeOperation = 'source-over'
+    debrisList.value.forEach(p => {
+        const alpha = Math.min(1, p.life)
+        const currentSize = p.size * (0.65 + p.life * 0.35)
+
+        // 辉光: 同色低透明大圆衬底
+        if (p.glow) {
+            c.fillStyle = hexToRgba(p.color, alpha * 0.22)
+            c.beginPath()
+            c.arc(p.x, p.y, currentSize * 1.9, 0, Math.PI * 2)
+            c.fill()
+        }
+
+        c.fillStyle = hexToRgba(p.color, alpha)
+        drawDebrisShape(c, p, currentSize)
+    })
+
+    // —— 4. 火花(拖尾 + 亮点,叠加发光) ——
+    c.globalCompositeOperation = 'lighter'
+    sparkList.value.forEach(s => {
+        const a = Math.min(1, s.life)
+        // 拖尾线
+        c.strokeStyle = hexToRgba(s.color, a * 0.8)
+        c.lineWidth = s.size * a
+        c.lineCap = 'round'
+        c.beginPath()
+        c.moveTo(s.px, s.py)
+        c.lineTo(s.x, s.y)
+        c.stroke()
+        // 头部亮点
+        c.fillStyle = hexToRgba(s.color, a)
+        c.beginPath()
+        c.arc(s.x, s.y, s.size * a, 0, Math.PI * 2)
+        c.fill()
+    })
+
+    // —— 5. 闪烁星光(四角星,叠加发光) ——
+    sparkleList.value.forEach(sp => {
+        // life 在 1→0, 用 sin 做"先亮后灭"的缩放
+        const t = Math.max(0, Math.min(1, sp.life))
+        const scale = Math.sin(Math.min(1, sp.life) * Math.PI) // 0→1→0
+        if (scale <= 0.02) return
+        const a = t
+        drawStar(c, sp.x, sp.y, sp.size * scale, sp.size * scale * 0.32, sp.rotation, hexToRgba(sp.color, a))
+    })
+
+    c.globalCompositeOperation = 'source-over'
+}
+
+function drawDebrisShape(c: any, p: Debris, size: number) {
+    switch (p.shape) {
+        case 'circle':
+            c.beginPath()
+            c.arc(p.x, p.y, size, 0, Math.PI * 2)
+            c.fill()
+            break
+        case 'square':
+            c.save()
+            c.translate(p.x, p.y)
+            c.rotate(p.rotation)
+            c.fillRect(-size, -size, size * 2, size * 2)
+            c.restore()
+            break
+        case 'rect':
+            c.save()
+            c.translate(p.x, p.y)
+            c.rotate(p.rotation)
+            c.fillRect(-size * 1.6, -size * 0.5, size * 3.2, size)
+            c.restore()
+            break
+        case 'triangle':
+            c.save()
+            c.translate(p.x, p.y)
+            c.rotate(p.rotation)
+            c.beginPath()
+            c.moveTo(0, -size)
+            c.lineTo(size, size)
+            c.lineTo(-size, size)
+            c.closePath()
+            c.fill()
+            c.restore()
+            break
+    }
+}
+
+// 四角星(尖锐十字星),用于高光闪烁
+function drawStar(c: any, cx: number, cy: number, outerR: number, innerR: number, rotation: number, fill: string) {
+    const points = 4
+    c.save()
+    c.translate(cx, cy)
+    c.rotate(rotation)
+    c.beginPath()
+    for (let i = 0; i < points * 2; i++) {
+        const r = i % 2 === 0 ? outerR : innerR
+        const a = (Math.PI * i) / points
+        const x = Math.cos(a) * r
+        const y = Math.sin(a) * r
+        if (i === 0) c.moveTo(x, y)
+        else c.lineTo(x, y)
+    }
+    c.closePath()
+    c.fillStyle = fill
+    c.fill()
+    c.restore()
+}
+
+// ============================================================
+// 工具函数
+// ============================================================
+
+function hexToRgba(hex: string, alpha: number): string {
+    const r = parseInt(hex.slice(1, 3), 16)
+    const g = parseInt(hex.slice(3, 5), 16)
+    const b = parseInt(hex.slice(5, 7), 16)
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`
+}
+
+function applyAlphaToRgba(rgba: string, alphaMultiplier: number): string {
+    const match = rgba.match(/rgba?\(([^)]+)\)/)
+    if (!match) return rgba
+
+    const parts = match[1].split(',').map(s => s.trim())
+    const r = parts[0]
+    const g = parts[1]
+    const b = parts[2]
+    const a = parts[3] ? parseFloat(parts[3]) : 1
+    return `rgba(${r}, ${g}, ${b}, ${a * alphaMultiplier})`
+}
+
+// ============================================================
+// 清理
+// ============================================================
+
+function cleanup() {
+    if (rafId.value !== null && canvasNode.value) {
+        try {
+            canvasNode.value.cancelAnimationFrame(rafId.value)
+        } catch (_) {}
+        rafId.value = null
+    }
+    renderRunning.value = false
+    debrisList.value = []
+    sparkList.value = []
+    sparkleList.value = []
+    flashList.value = []
+    shockwaves.value = []
+}
+
+</script>
+
+<style scoped>
+.crush-canvas-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: 10;
+}
+
+.crush-canvas {
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: transparent;
+}
+</style>
@@ -1,259 +0,0 @@
-<template>
-    <view class="exercise-anim" :class="`anim-${animationType}`" :style="cssVars">
-        <view class="stage">
-            <!-- 哑铃弯举：摆臂 -->
-            <view v-if="animationType === 'curl'" class="curl-arm">
-                <view class="curl-forearm">
-                    <view class="curl-dumbbell">{{ icon }}</view>
-                </view>
-            </view>
-
-            <!-- 哑铃推举：上下移动 -->
-            <view v-else-if="animationType === 'press'" class="press-wrap">
-                <view class="press-dumbbell left">{{ icon }}</view>
-                <view class="press-dumbbell right">{{ icon }}</view>
-            </view>
-
-            <!-- 哑铃侧平举：双臂张开 -->
-            <view v-else-if="animationType === 'sidefly'" class="sidefly-wrap">
-                <view class="sidefly-arm sidefly-left">
-                    <view class="sidefly-dumbbell">{{ icon }}</view>
-                </view>
-                <view class="sidefly-arm sidefly-right">
-                    <view class="sidefly-dumbbell">{{ icon }}</view>
-                </view>
-            </view>
-
-            <!-- 握力环：缩放 -->
-            <view v-else-if="animationType === 'grip'" class="grip-ring">
-                <view class="grip-ring-inner">{{ icon }}</view>
-            </view>
-
-            <!-- 卷腹：身体折叠 -->
-            <view v-else-if="animationType === 'crunch'" class="crunch-wrap">
-                <view class="crunch-body">{{ icon }}</view>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import type { AnimationType } from '../exercises'
-
-interface Props {
-    animationType: AnimationType
-    bpm: number
-    beatsPerRep?: number
-    icon?: string
-    isPlaying?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-    beatsPerRep: 2,
-    icon: '🏋',
-    isPlaying: false,
-})
-
-const cssVars = computed(() => {
-    const repDurationMs = (60000 / props.bpm) * props.beatsPerRep
-    return {
-        '--rep-duration': `${repDurationMs}ms`,
-        '--anim-state': props.isPlaying ? 'running' : 'paused',
-    } as Record<string, string>
-})
-</script>
-
-<style lang="scss" scoped>
-.exercise-anim {
-    width: 100%;
-    height: 480rpx;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(135deg, #f0fdf4, #ecfeff);
-    border-radius: 24rpx;
-    overflow: hidden;
-}
-
-.stage {
-    width: 320rpx;
-    height: 320rpx;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-/* ===== 弯举 ===== */
-.curl-arm {
-    width: 60rpx;
-    height: 240rpx;
-    background: #fbbf24;
-    border-radius: 30rpx;
-    position: relative;
-
-    .curl-forearm {
-        width: 60rpx;
-        height: 200rpx;
-        background: #f59e0b;
-        border-radius: 30rpx;
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        transform-origin: bottom center;
-        animation: curl-anim var(--rep-duration) ease-in-out infinite;
-        animation-play-state: var(--anim-state);
-    }
-
-    .curl-dumbbell {
-        position: absolute;
-        top: -20rpx;
-        left: 50%;
-        transform: translateX(-50%);
-        font-size: 56rpx;
-    }
-}
-@keyframes curl-anim {
-    0%,
-    100% {
-        transform: rotate(0deg);
-    }
-    50% {
-        transform: rotate(-115deg);
-    }
-}
-
-/* ===== 推举 ===== */
-.press-wrap {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    padding: 0 20rpx;
-}
-.press-dumbbell {
-    font-size: 88rpx;
-    animation: press-anim var(--rep-duration) ease-in-out infinite;
-    animation-play-state: var(--anim-state);
-}
-@keyframes press-anim {
-    0%,
-    100% {
-        transform: translateY(80rpx);
-    }
-    50% {
-        transform: translateY(-80rpx);
-    }
-}
-
-/* ===== 侧平举 ===== */
-.sidefly-wrap {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-.sidefly-arm {
-    position: absolute;
-    width: 140rpx;
-    height: 24rpx;
-    background: #f59e0b;
-    border-radius: 12rpx;
-    top: 50%;
-    transform-origin: center right;
-    animation: sidefly-left var(--rep-duration) ease-in-out infinite;
-    animation-play-state: var(--anim-state);
-
-    &.sidefly-left {
-        right: 50%;
-    }
-    &.sidefly-right {
-        left: 50%;
-        transform-origin: center left;
-        animation-name: sidefly-right;
-    }
-}
-.sidefly-dumbbell {
-    position: absolute;
-    top: -36rpx;
-    font-size: 56rpx;
-}
-.sidefly-left .sidefly-dumbbell {
-    left: -20rpx;
-}
-.sidefly-right .sidefly-dumbbell {
-    right: -20rpx;
-}
-@keyframes sidefly-left {
-    0%,
-    100% {
-        transform: rotate(80deg);
-    }
-    50% {
-        transform: rotate(0deg);
-    }
-}
-@keyframes sidefly-right {
-    0%,
-    100% {
-        transform: rotate(-80deg);
-    }
-    50% {
-        transform: rotate(0deg);
-    }
-}
-
-/* ===== 握力环 ===== */
-.grip-ring {
-    width: 240rpx;
-    height: 240rpx;
-    animation: grip-anim var(--rep-duration) ease-in-out infinite;
-    animation-play-state: var(--anim-state);
-    border: 16rpx solid #22c55e;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: rgba(34, 197, 94, 0.1);
-}
-.grip-ring-inner {
-    font-size: 80rpx;
-}
-@keyframes grip-anim {
-    0%,
-    100% {
-        transform: scale(1);
-    }
-    50% {
-        transform: scale(0.65);
-    }
-}
-
-/* ===== 卷腹 ===== */
-.crunch-wrap {
-    width: 280rpx;
-    height: 280rpx;
-    display: flex;
-    align-items: flex-end;
-    justify-content: center;
-}
-.crunch-body {
-    font-size: 120rpx;
-    animation: crunch-anim var(--rep-duration) ease-in-out infinite;
-    animation-play-state: var(--anim-state);
-    transform-origin: bottom center;
-}
-@keyframes crunch-anim {
-    0%,
-    100% {
-        transform: scaleY(1) translateY(0);
-    }
-    50% {
-        transform: scaleY(0.6) translateY(-10rpx);
-    }
-}
-</style>
@@ -0,0 +1,383 @@
+<template>
+    <view class="walker-canvas-container">
+        <canvas
+            canvas-id="walker"
+            id="walker"
+            class="walker-canvas"
+            :style="{ width: canvasWidth + 'px', height: canvasHeight + 'px' }"
+            @touchstart="onTouchStart"
+            @touchmove="onTouchMove"
+            @touchend="onTouchEnd"
+            @touchcancel="onTouchCancel"
+        ></canvas>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        isPlaying: {
+            type: Boolean,
+            default: false
+        },
+        bpm: {
+            type: Number,
+            default: 110
+        }
+    },
+    data() {
+        return {
+            canvasWidth: 320,
+            canvasHeight: 400,
+            ctx: null,
+            timer: null,
+            renderRunning: false,
+
+            // Interaction State (Spring Physics)
+            coreScale: 1,
+            coreTargetScale: 1,
+            coreVelocity: 0,
+            pressed: false,
+
+            // Animation Physics (Time)
+            time: 0,
+            lastFrameTime: 0,
+            
+            // Metronome State
+            lastBeatTime: 0,
+            
+            // Energy Waves
+            waveAmplitudeMultiplier: 1,
+            
+            // Shockwaves
+            shockwaves: [],
+            
+            // Rotation for outer ring
+            ringAngle: 0
+        };
+    },
+    mounted() {
+        this.initCanvas();
+    },
+    beforeUnmount() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+            this.timer = null;
+        }
+        this.renderRunning = false;
+    },
+    watch: {
+        isPlaying(newVal) {
+            if (newVal) {
+                this.waveAmplitudeMultiplier = 1;
+                this.ensureRenderLoop();
+            }
+        }
+    },
+    methods: {
+        initCanvas() {
+            // Delay to ensure Flexbox layout is fully complete before measuring
+            setTimeout(() => {
+                const query = uni.createSelectorQuery().in(this);
+                query.select('.walker-canvas-container').boundingClientRect(data => {
+                    if (data && data.width > 0) {
+                        this.canvasWidth = data.width;
+                        this.canvasHeight = data.height > 100 ? data.height : data.width * 1.2;
+                    } else {
+                        const sys = uni.getSystemInfoSync();
+                        this.canvasWidth = sys.windowWidth - 30; // approximate padding
+                        this.canvasHeight = this.canvasWidth * 1.2;
+                    }
+                    
+                    if (!this.ctx) {
+                        this.ctx = uni.createCanvasContext('walker', this);
+                        this.lastFrameTime = Date.now();
+                        this.ensureRenderLoop();
+                    }
+                }).exec();
+            }, 100);
+        },
+        
+        // Expose a method to be called from parent when a beat hits
+        triggerBeat() {
+            const coreRadius = Math.min(this.canvasWidth, this.canvasHeight) * 0.32;
+            // Add a shockwave
+            this.shockwaves.push({
+                radius: coreRadius,
+                maxRadius: coreRadius * 2.2,
+                opacity: 1
+            });
+
+            // Spike the wave amplitude
+            this.waveAmplitudeMultiplier = 2.5;
+
+            // Slight pulse to the core
+            this.coreVelocity -= 0.05;
+
+            this.ensureRenderLoop();
+        },
+        
+        onTouchStart(e) {
+            const touch = e.touches[0];
+            if (!touch) return;
+
+            // Center
+            const cx = this.canvasWidth / 2;
+            const cy = this.canvasHeight / 2 - 30;
+            const coreRadius = Math.min(this.canvasWidth, this.canvasHeight) * 0.32;
+
+            const dx = touch.x - cx;
+            const dy = touch.y - cy;
+            const dist = Math.sqrt(dx*dx + dy*dy);
+
+            // Hit box slightly larger than the visual circle
+            if (dist <= coreRadius + 40) {
+                this.pressed = true;
+                this.coreTargetScale = 0.9;
+                this.ensureRenderLoop();
+            }
+        },
+        onTouchMove(e) {
+            if (!this.pressed) return;
+            const touch = e.touches[0];
+            if (!touch) return;
+
+            const cx = this.canvasWidth / 2;
+            const cy = this.canvasHeight / 2 - 30;
+            const coreRadius = Math.min(this.canvasWidth, this.canvasHeight) * 0.32;
+
+            const dx = touch.x - cx;
+            const dy = touch.y - cy;
+            const dist = Math.sqrt(dx*dx + dy*dy);
+
+            // Slid out of the hit box - cancel the press
+            if (dist > coreRadius + 40) {
+                this.pressed = false;
+                this.coreTargetScale = 1;
+            }
+        },
+        onTouchEnd() {
+            // Unconditionally reset the visual scale
+            this.coreTargetScale = 1;
+            // Only emit toggle when the press has not been cancelled by drag-out
+            if (this.pressed) {
+                this.$emit('toggle-play');
+            }
+            this.pressed = false;
+        },
+        onTouchCancel() {
+            // System interruption (incoming call, notification pull-down, etc.):
+            // reset visuals only — do NOT count this as a user toggle intent.
+            this.coreTargetScale = 1;
+            this.pressed = false;
+        },
+        
+        ensureRenderLoop() {
+            if (this.renderRunning) return;
+            this.renderRunning = true;
+            this.renderLoop();
+        },
+
+        renderLoop() {
+            // Use a fixed time delta to prevent rubber-banding/jitter on unstable JS timers
+            const fixedDt = 0.016;
+
+            if (this.isPlaying) {
+                this.time += fixedDt;
+            } else {
+                this.time += fixedDt * 0.2; // slow drift when paused
+            }
+
+            // Spring Physics for Core Scale
+            const tension = 120;
+            const friction = 12;
+            const force = (this.coreTargetScale - this.coreScale) * tension;
+            this.coreVelocity += force * fixedDt;
+            this.coreVelocity *= Math.exp(-friction * fixedDt);
+            this.coreScale += this.coreVelocity * fixedDt;
+
+            // Decay wave amplitude back to 1
+            if (this.waveAmplitudeMultiplier > 1) {
+                this.waveAmplitudeMultiplier -= fixedDt * 3;
+                if (this.waveAmplitudeMultiplier < 1) this.waveAmplitudeMultiplier = 1;
+            } else if (!this.isPlaying && this.waveAmplitudeMultiplier > 0.1) {
+                this.waveAmplitudeMultiplier -= fixedDt * 2;
+                if (this.waveAmplitudeMultiplier < 0.1) this.waveAmplitudeMultiplier = 0.1;
+            }
+
+            this.draw();
+
+            this.ctx.draw(false);
+
+            // Decide whether to continue the render loop. Short-circuit on isPlaying first for perf.
+            const shouldContinue =
+                this.isPlaying ||
+                this.shockwaves.length > 0 ||
+                Math.abs(this.coreScale - this.coreTargetScale) >= 0.001 ||
+                Math.abs(this.coreVelocity) >= 0.001 ||
+                this.waveAmplitudeMultiplier > 0.11;
+
+            if (shouldContinue) {
+                // Polyfill requestAnimationFrame for uni-app
+                this.timer = setTimeout(() => {
+                    this.renderLoop();
+                }, 1000 / 60);
+            } else {
+                this.timer = null;
+                this.renderRunning = false;
+            }
+        },
+        
+        draw() {
+            const ctx = this.ctx;
+            const W = this.canvasWidth;
+            const H = this.canvasHeight;
+            
+            // Clear entire canvas to ensure it is completely transparent and blends with the page background
+            ctx.clearRect(0, 0, W, H);
+            
+            // Dynamic majestic sizing to fill the huge screen area
+            const coreRadius = Math.min(W, H) * 0.32; // Make the central circle MASSIVE
+            const ringRadius = coreRadius + 18;
+            const cx = W / 2;
+            const cy = H / 2 - 30; // Slightly above center
+            
+            // 3. Draw Shockwaves (Ripples)
+            for (let i = this.shockwaves.length - 1; i >= 0; i--) {
+                const sw = this.shockwaves[i];
+                sw.radius += (sw.maxRadius - sw.radius) * 0.08;
+                sw.opacity -= 0.03;
+                
+                if (sw.opacity <= 0) {
+                    this.shockwaves.splice(i, 1);
+                    continue;
+                }
+                
+                ctx.beginPath();
+                ctx.arc(cx, cy, sw.radius, 0, Math.PI * 2);
+                ctx.strokeStyle = `rgba(16, 185, 129, ${sw.opacity * 0.5})`;
+                ctx.lineWidth = 3;
+                ctx.stroke();
+            }
+            
+            // 4. Draw Energy Waves (Bottom area)
+            this.drawWaves(ctx, W, H);
+            
+            // 5. Draw Interactive BPM Core
+            ctx.save();
+            ctx.translate(cx, cy);
+            ctx.scale(this.coreScale, this.coreScale);
+            
+            // The Core Button (Emerald Gradient)
+            ctx.setShadow(0, 12, 24, 'rgba(16, 185, 129, 0.3)');
+            
+            const coreGrad = ctx.createLinearGradient(-coreRadius, -coreRadius, coreRadius, coreRadius);
+            coreGrad.addColorStop(0, '#34d399'); // Light Mint
+            coreGrad.addColorStop(1, '#047857'); // Deep Emerald
+            
+            ctx.beginPath();
+            ctx.arc(0, 0, coreRadius, 0, Math.PI * 2);
+            ctx.fillStyle = coreGrad;
+            ctx.fill();
+            
+            // Clear shadow for internal elements
+            ctx.setShadow(0, 0, 0, 'transparent');
+            
+            // Inner Subtle Highlight (Glass edge)
+            ctx.beginPath();
+            ctx.arc(0, 0, coreRadius - 2, 0, Math.PI * 2);
+            ctx.strokeStyle = 'rgba(255, 255, 255, 0.35)';
+            ctx.lineWidth = 2;
+            ctx.stroke();
+            
+            // Text - BPM Number (MASSIVE font)
+            const fontSize = Math.floor(coreRadius * 0.7); // Dynamic font size based on radius
+            ctx.fillStyle = '#ffffff';
+            ctx.font = `bold ${fontSize}px "DIN Condensed", "Inter", sans-serif`;
+            ctx.textAlign = 'center';
+            ctx.textBaseline = 'middle';
+            // Removed shadowBlur for text to save low-end GPU performance
+            ctx.fillText(this.bpm.toString(), 0, -12);
+            
+            // Text - 'BPM' Label
+            ctx.fillStyle = 'rgba(255, 255, 255, 0.85)';
+            ctx.font = '500 16px "Inter", sans-serif';
+            ctx.fillText('BPM', 0, coreRadius * 0.3);
+            
+            // Play/Pause Icon
+            ctx.fillStyle = '#ffffff';
+            const iconY = coreRadius * 0.55;
+            if (this.isPlaying) {
+                // Pause Icon (Two vertical bars)
+                ctx.fillRect(-8, iconY - 6, 5, 14);
+                ctx.fillRect(3, iconY - 6, 5, 14);
+            } else {
+                // Play Icon (Triangle)
+                ctx.beginPath();
+                ctx.moveTo(-5, iconY - 8);
+                ctx.lineTo(9, iconY);
+                ctx.lineTo(-5, iconY + 8);
+                ctx.closePath();
+                ctx.fill();
+            }
+            
+            ctx.restore();
+        },
+        
+        drawWaves(ctx, W, H) {
+            const baseY = H * 0.82; 
+            const dynamicAmp = H * 0.08; 
+            // Reduced to 2 layers to save GPU/Bridge rendering time and ensure 60fps
+            const waves = [
+                { color: 'rgba(52, 211, 153, 0.3)', speed: 1.5, freq: 0.012, amp: dynamicAmp * 0.7, offset: 0 }, 
+                { color: 'rgba(16, 185, 129, 0.6)', speed: 2.5, freq: 0.015, amp: dynamicAmp, offset: Math.PI } 
+            ];
+            
+            const activeAmp = this.waveAmplitudeMultiplier;
+            const t = this.time;
+            
+            waves.forEach(wave => {
+                ctx.beginPath();
+                ctx.moveTo(0, H);
+                ctx.lineTo(0, baseY);
+                
+                // Increased step size to drastically reduce JS-to-Native bridge commands
+                const step = 25;
+                for (let x = 0; x <= W; x += step) {
+                    // Removed edge envelope taper so waves crash cleanly into the edge of the screen
+                    const y = baseY + Math.sin(x * wave.freq + t * wave.speed + wave.offset) * wave.amp * activeAmp;
+                    ctx.lineTo(x, y);
+                }
+                
+                // Add one final line to exactly W to ensure flush edge
+                const finalY = baseY + Math.sin(W * wave.freq + t * wave.speed + wave.offset) * wave.amp * activeAmp;
+                ctx.lineTo(W, finalY);
+                
+                ctx.lineTo(W, H);
+                ctx.closePath();
+                ctx.fillStyle = wave.color;
+                ctx.fill();
+            });
+        }
+    }
+};
+</script>
+
+<style scoped>
+.walker-canvas-container {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+
+.walker-canvas {
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: transparent; /* Pure transparent to blend into page */
+}
+</style>
@@ -1,116 +0,0 @@
-export type AnimationType =
-    | 'curl'
-    | 'press'
-    | 'sidefly'
-    | 'grip'
-    | 'crunch'
-
-export interface ExercisePreset {
-    id: string
-    name: string
-    equipment: '哑铃' | '握力环' | '健身环' | '徒手'
-    icon: string
-    animationType: AnimationType
-    description: string
-    tips: string[]
-    contraindication?: string
-
-    defaultBpm: number
-    bpmMin: number
-    bpmMax: number
-    defaultSets: number
-    defaultReps: number
-    defaultRestSec: number
-
-    beatsPerRep: number
-}
-
-export const EXERCISE_PRESETS: ExercisePreset[] = [
-    {
-        id: 'dumbbell-curl',
-        name: '哑铃弯举',
-        equipment: '哑铃',
-        icon: '🏋',
-        animationType: 'curl',
-        description: '锻炼肱二头肌，注意肘部固定不动',
-        tips: ['肘部贴紧身体', '上举吸气，下落呼气', '动作放慢，控制重量'],
-        contraindication: '肘关节炎症急性期不宜',
-        defaultBpm: 60,
-        bpmMin: 40,
-        bpmMax: 100,
-        defaultSets: 3,
-        defaultReps: 12,
-        defaultRestSec: 60,
-        beatsPerRep: 2,
-    },
-    {
-        id: 'dumbbell-press',
-        name: '哑铃推举',
-        equipment: '哑铃',
-        icon: '🏋',
-        animationType: 'press',
-        description: '锻炼肩部三角肌，核心保持收紧',
-        tips: ['不要含胸驼背', '推举时呼气', '不要锁死肘关节'],
-        contraindication: '肩袖损伤者请咨询医生',
-        defaultBpm: 60,
-        bpmMin: 40,
-        bpmMax: 90,
-        defaultSets: 3,
-        defaultReps: 10,
-        defaultRestSec: 90,
-        beatsPerRep: 2,
-    },
-    {
-        id: 'dumbbell-sidefly',
-        name: '哑铃侧平举',
-        equipment: '哑铃',
-        icon: '🏋',
-        animationType: 'sidefly',
-        description: '锻炼三角肌中束，重量宜轻不宜重',
-        tips: ['手肘微屈', '抬至与肩平齐即可', '想象用肩膀发力，不是手臂'],
-        defaultBpm: 60,
-        bpmMin: 40,
-        bpmMax: 80,
-        defaultSets: 3,
-        defaultReps: 12,
-        defaultRestSec: 60,
-        beatsPerRep: 2,
-    },
-    {
-        id: 'grip-ring',
-        name: '握力环训练',
-        equipment: '握力环',
-        icon: '🟢',
-        animationType: 'grip',
-        description: '锻炼前臂屈肌群，改善握力',
-        tips: ['完全握紧停顿 1 秒', '完全张开放松', '左右手交替'],
-        defaultBpm: 80,
-        bpmMin: 60,
-        bpmMax: 120,
-        defaultSets: 4,
-        defaultReps: 20,
-        defaultRestSec: 45,
-        beatsPerRep: 2,
-    },
-    {
-        id: 'crunch',
-        name: '集中机（仰卧卷腹）',
-        equipment: '健身环',
-        icon: '💪',
-        animationType: 'crunch',
-        description: '锻炼腹直肌，借助健身环增加阻力',
-        tips: ['下背贴地', '用腹部发力，不是脖子', '上抬呼气，下落吸气'],
-        contraindication: '腰椎间盘突出急性期不宜',
-        defaultBpm: 50,
-        bpmMin: 40,
-        bpmMax: 80,
-        defaultSets: 3,
-        defaultReps: 15,
-        defaultRestSec: 60,
-        beatsPerRep: 2,
-    },
-]
-
-export function getPresetById(id: string): ExercisePreset | undefined {
-    return EXERCISE_PRESETS.find((e) => e.id === id)
-}
@@ -1,610 +0,0 @@
-<template>
-    <view class="training-page">
-        <view class="header">
-            <view class="header-main">
-                <text class="title">练一练</text>
-                <text class="subtitle">器械动作跟练</text>
-            </view>
-            <view class="header-link" @click="goMetronome">
-                🎵 节拍器
-            </view>
-        </view>
-
-        <view class="equipment-tabs">
-            <view
-                v-for="eq in equipmentList"
-                :key="eq"
-                class="equipment-tab"
-                :class="{ active: currentEquipment === eq }"
-                @click="onSwitchEquipment(eq)"
-            >
-                {{ eq }}
-            </view>
-        </view>
-
-        <scroll-view scroll-x class="exercise-scroll">
-            <view class="exercise-list">
-                <view
-                    v-for="ex in filteredExercises"
-                    :key="ex.id"
-                    class="exercise-card"
-                    :class="{ active: selectedId === ex.id }"
-                    @click="onSelect(ex.id)"
-                >
-                    <text class="exercise-icon">{{ ex.icon }}</text>
-                    <text class="exercise-name">{{ ex.name }}</text>
-                </view>
-            </view>
-        </scroll-view>
-
-        <view v-if="selected" class="exercise-detail">
-            <exercise-anim
-                :animation-type="selected.animationType"
-                :bpm="bpm"
-                :beats-per-rep="selected.beatsPerRep"
-                :icon="selected.icon"
-                :is-playing="metronomeIsPlaying"
-            />
-
-            <view class="beat-indicator">
-                <view
-                    v-for="i in 4"
-                    :key="i"
-                    class="beat-dot"
-                    :class="{ active: ((beatIndex - 1) % 4) + 1 === i && metronomeIsPlaying }"
-                />
-            </view>
-
-            <view class="meta-row">
-                <text class="meta-label">{{ selected.description }}</text>
-            </view>
-
-            <view class="settings">
-                <view class="setting-row">
-                    <text class="setting-label">节奏</text>
-                    <slider
-                        :value="bpm"
-                        :min="selected.bpmMin"
-                        :max="selected.bpmMax"
-                        :step="2"
-                        block-size="24"
-                        active-color="#22c55e"
-                        @change="onBpmChange"
-                    />
-                    <text class="setting-value">{{ bpm }} BPM</text>
-                </view>
-
-                <view class="setting-row inline">
-                    <view class="inline-item">
-                        <text class="setting-label">组数</text>
-                        <view class="stepper">
-                            <text class="step-btn" @click="adjust('sets', -1)">-</text>
-                            <text class="step-val">{{ sets }}</text>
-                            <text class="step-btn" @click="adjust('sets', 1)">+</text>
-                        </view>
-                    </view>
-                    <view class="inline-item">
-                        <text class="setting-label">次数</text>
-                        <view class="stepper">
-                            <text class="step-btn" @click="adjust('reps', -1)">-</text>
-                            <text class="step-val">{{ reps }}</text>
-                            <text class="step-btn" @click="adjust('reps', 1)">+</text>
-                        </view>
-                    </view>
-                    <view class="inline-item">
-                        <text class="setting-label">休息(秒)</text>
-                        <view class="stepper">
-                            <text class="step-btn" @click="adjust('rest', -15)">-</text>
-                            <text class="step-val">{{ restSec }}</text>
-                            <text class="step-btn" @click="adjust('rest', 15)">+</text>
-                        </view>
-                    </view>
-                </view>
-            </view>
-
-            <view v-if="!isTraining && !isResting && !isDone" class="action-row">
-                <button class="btn-primary" @click="onStart">开始训练</button>
-            </view>
-
-            <view v-if="isTraining" class="status-card training">
-                <text class="status-title">训练中</text>
-                <text class="status-line">第 {{ currentSet }} / {{ totalSets }} 组</text>
-                <text class="status-line big">{{ currentRep }} / {{ totalReps }}</text>
-                <view class="action-row">
-                    <button class="btn-secondary" @click="onStop">停止</button>
-                </view>
-            </view>
-
-            <view v-if="isResting" class="status-card resting">
-                <text class="status-title">休息中</text>
-                <text class="status-line big">{{ restRemainingSec }}s</text>
-                <view class="action-row">
-                    <button class="btn-secondary" @click="onSkipRest">跳过休息</button>
-                    <button class="btn-text" @click="onStop">结束训练</button>
-                </view>
-            </view>
-
-            <view v-if="isDone" class="status-card done">
-                <text class="status-title">训练完成 🎉</text>
-                <text class="status-line">共 {{ totalSets }} 组 × {{ totalReps }} 次</text>
-                <view class="action-row">
-                    <button class="btn-primary" @click="onStart">再来一次</button>
-                </view>
-            </view>
-
-            <view class="tips-card">
-                <text class="tips-title">动作要领</text>
-                <text v-for="(tip, i) in selected.tips" :key="i" class="tips-item">
-                    • {{ tip }}
-                </text>
-                <text v-if="selected.contraindication" class="tips-warn">
-                    ⚠ {{ selected.contraindication }}
-                </text>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, watch, onUnmounted } from 'vue'
-import { onShow, onHide } from '@dcloudio/uni-app'
-import ExerciseAnim from './components/exercise-anim.vue'
-import { EXERCISE_PRESETS, getPresetById } from './exercises'
-import type { ExercisePreset } from './exercises'
-import { useMetronome } from '../hooks/useMetronome'
-import { useTrainingSession } from '../hooks/useTrainingSession'
-import { useVoiceCoach } from '../hooks/useVoiceCoach'
-import { useTrainingBgm } from '../hooks/useTrainingBgm'
-
-const equipmentList = ['哑铃', '握力环', '健身环', '徒手'] as const
-type Equipment = (typeof equipmentList)[number]
-
-const currentEquipment = ref<Equipment>('哑铃')
-const selectedId = ref<string>(EXERCISE_PRESETS[0].id)
-
-const filteredExercises = computed(() =>
-    EXERCISE_PRESETS.filter((e) => e.equipment === currentEquipment.value),
-)
-
-const selected = computed<ExercisePreset | undefined>(() =>
-    getPresetById(selectedId.value),
-)
-
-const bpm = ref<number>(60)
-const sets = ref<number>(3)
-const reps = ref<number>(12)
-const restSec = ref<number>(60)
-
-watch(
-    selected,
-    (val) => {
-        if (!val) return
-        bpm.value = val.defaultBpm
-        sets.value = val.defaultSets
-        reps.value = val.defaultReps
-        restSec.value = val.defaultRestSec
-    },
-    { immediate: true },
-)
-
-const voice = useVoiceCoach()
-const bgm = useTrainingBgm()
-
-const session = useTrainingSession()
-const {
-    currentSet,
-    currentRep,
-    restRemainingSec,
-    totalReps,
-    totalSets,
-    isTraining,
-    isResting,
-    isDone,
-} = session
-
-const metronome = useMetronome({
-    initialBpm: bpm.value,
-    onBeat: () => session.onBeat(),
-})
-const { beatIndex, isPlaying: metronomeIsPlaying } = metronome
-
-watch(bpm, (v) => metronome.setBpm(v))
-
-const onSwitchEquipment = (eq: Equipment) => {
-    if (isTraining.value || isResting.value) return
-    currentEquipment.value = eq
-    const first = EXERCISE_PRESETS.find((e) => e.equipment === eq)
-    if (first) selectedId.value = first.id
-}
-
-const onSelect = (id: string) => {
-    if (isTraining.value || isResting.value) return
-    selectedId.value = id
-}
-
-const onBpmChange = (e: any) => {
-    const v = e.detail?.value ?? e
-    bpm.value = Number(v)
-}
-
-const adjust = (key: 'sets' | 'reps' | 'rest', delta: number) => {
-    if (isTraining.value || isResting.value) return
-    if (key === 'sets') sets.value = Math.max(1, Math.min(10, sets.value + delta))
-    if (key === 'reps') reps.value = Math.max(1, Math.min(50, reps.value + delta))
-    if (key === 'rest') restSec.value = Math.max(0, Math.min(300, restSec.value + delta))
-}
-
-const onStart = () => {
-    if (!selected.value) return
-    uni.setKeepScreenOn({ keepScreenOn: true })
-
-    voice.speakPrompt('start')
-
-    session.start({
-        sets: sets.value,
-        reps: reps.value,
-        restSec: restSec.value,
-        beatsPerRep: selected.value.beatsPerRep,
-        onRepComplete: (rep, total) => {
-            if (rep <= 30) voice.speakNumber(rep)
-            if (rep === total - 1) voice.speakPrompt('last-rep')
-        },
-        onSetComplete: (set, total) => {
-            if (set < total) voice.speakPrompt('keep-it-up')
-        },
-        onEnterRest: () => {
-            metronome.stop()
-            voice.speakPrompt('rest')
-            bgm.switchTo('resting')
-        },
-        onExitRest: () => {
-            voice.speakPrompt('next-set')
-            bgm.switchTo('training')
-            metronome.start()
-        },
-        onDone: () => {
-            metronome.stop()
-            bgm.switchTo('none')
-            voice.speakPrompt('good-job')
-            uni.setKeepScreenOn({ keepScreenOn: false })
-        },
-    })
-
-    bgm.switchTo('training')
-    metronome.start()
-}
-
-const onStop = () => {
-    metronome.stop()
-    session.stop()
-    bgm.switchTo('none')
-    uni.setKeepScreenOn({ keepScreenOn: false })
-}
-
-const onSkipRest = () => {
-    session.skipRest()
-}
-
-const goMetronome = () => {
-    uni.navigateTo({ url: '/training/pages/metronome' })
-}
-
-onHide(() => {
-    if (isTraining.value || isResting.value) {
-        onStop()
-    }
-})
-
-onUnmounted(() => {
-    uni.setKeepScreenOn({ keepScreenOn: false })
-})
-</script>
-
-<style lang="scss" scoped>
-.training-page {
-    min-height: 100vh;
-    background: #f9fafb;
-    padding: 32rpx 24rpx 80rpx;
-}
-
-.header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 24rpx;
-
-    .header-main {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-    }
-
-    .title {
-        font-size: 44rpx;
-        font-weight: 700;
-        color: #111827;
-    }
-    .subtitle {
-        font-size: 26rpx;
-        color: #6b7280;
-        margin-top: 6rpx;
-    }
-
-    .header-link {
-        padding: 12rpx 24rpx;
-        background: #f3f4f6;
-        border-radius: 24rpx;
-        font-size: 24rpx;
-        color: #4b5563;
-
-        &:active {
-            background: #e5e7eb;
-        }
-    }
-}
-
-.equipment-tabs {
-    display: flex;
-    gap: 16rpx;
-    margin-bottom: 24rpx;
-    overflow-x: auto;
-
-    .equipment-tab {
-        flex-shrink: 0;
-        padding: 14rpx 32rpx;
-        background: #fff;
-        border-radius: 32rpx;
-        font-size: 28rpx;
-        color: #4b5563;
-        border: 2rpx solid transparent;
-
-        &.active {
-            background: #22c55e;
-            color: #fff;
-            border-color: #22c55e;
-        }
-    }
-}
-
-.exercise-scroll {
-    width: 100%;
-    margin-bottom: 24rpx;
-}
-
-.exercise-list {
-    display: flex;
-    gap: 16rpx;
-    padding-right: 16rpx;
-}
-
-.exercise-card {
-    flex-shrink: 0;
-    width: 160rpx;
-    padding: 20rpx 12rpx;
-    background: #fff;
-    border-radius: 16rpx;
-    text-align: center;
-    border: 2rpx solid transparent;
-
-    &.active {
-        border-color: #22c55e;
-        background: #f0fdf4;
-    }
-
-    .exercise-icon {
-        display: block;
-        font-size: 56rpx;
-        margin-bottom: 8rpx;
-    }
-    .exercise-name {
-        font-size: 24rpx;
-        color: #374151;
-    }
-}
-
-.exercise-detail {
-    display: flex;
-    flex-direction: column;
-    gap: 24rpx;
-}
-
-.beat-indicator {
-    display: flex;
-    justify-content: center;
-    gap: 16rpx;
-    padding: 8rpx 0;
-
-    .beat-dot {
-        width: 16rpx;
-        height: 16rpx;
-        border-radius: 50%;
-        background: #d1d5db;
-        transition: transform 0.15s, background 0.15s;
-
-        &.active {
-            background: #22c55e;
-            transform: scale(1.6);
-        }
-    }
-}
-
-.meta-row {
-    .meta-label {
-        font-size: 26rpx;
-        color: #6b7280;
-        text-align: center;
-        display: block;
-    }
-}
-
-.settings {
-    background: #fff;
-    border-radius: 20rpx;
-    padding: 24rpx;
-    display: flex;
-    flex-direction: column;
-    gap: 24rpx;
-}
-
-.setting-row {
-    display: flex;
-    align-items: center;
-    gap: 16rpx;
-
-    .setting-label {
-        font-size: 26rpx;
-        color: #4b5563;
-        min-width: 80rpx;
-    }
-    .setting-value {
-        font-size: 26rpx;
-        color: #22c55e;
-        font-weight: 600;
-        min-width: 120rpx;
-        text-align: right;
-    }
-    slider {
-        flex: 1;
-    }
-
-    &.inline {
-        justify-content: space-between;
-        gap: 8rpx;
-    }
-}
-
-.inline-item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 8rpx;
-    flex: 1;
-}
-
-.stepper {
-    display: flex;
-    align-items: center;
-    gap: 12rpx;
-
-    .step-btn {
-        width: 48rpx;
-        height: 48rpx;
-        line-height: 48rpx;
-        text-align: center;
-        background: #f3f4f6;
-        border-radius: 24rpx;
-        font-size: 32rpx;
-        color: #4b5563;
-    }
-    .step-val {
-        font-size: 30rpx;
-        font-weight: 600;
-        color: #111827;
-        min-width: 56rpx;
-        text-align: center;
-    }
-}
-
-.action-row {
-    display: flex;
-    gap: 16rpx;
-    justify-content: center;
-
-    button {
-        flex: 1;
-        max-width: 320rpx;
-    }
-}
-
-.btn-primary {
-    background: #22c55e;
-    color: #fff;
-    border-radius: 999rpx;
-    font-size: 30rpx;
-    height: 88rpx;
-    line-height: 88rpx;
-    border: none;
-}
-
-.btn-secondary {
-    background: #fff;
-    color: #22c55e;
-    border: 2rpx solid #22c55e;
-    border-radius: 999rpx;
-    font-size: 28rpx;
-    height: 80rpx;
-    line-height: 76rpx;
-}
-
-.btn-text {
-    background: transparent;
-    color: #ef4444;
-    font-size: 26rpx;
-    height: 80rpx;
-    line-height: 80rpx;
-    border: none;
-}
-
-.status-card {
-    background: #fff;
-    border-radius: 20rpx;
-    padding: 32rpx 24rpx;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    gap: 12rpx;
-    align-items: center;
-
-    &.training {
-        background: linear-gradient(135deg, #f0fdf4, #ecfeff);
-    }
-    &.resting {
-        background: linear-gradient(135deg, #fef3c7, #fef9c3);
-    }
-    &.done {
-        background: linear-gradient(135deg, #dbeafe, #ede9fe);
-    }
-
-    .status-title {
-        font-size: 30rpx;
-        color: #4b5563;
-        font-weight: 600;
-    }
-    .status-line {
-        font-size: 28rpx;
-        color: #6b7280;
-        &.big {
-            font-size: 64rpx;
-            color: #111827;
-            font-weight: 700;
-        }
-    }
-}
-
-.tips-card {
-    background: #fff;
-    border-radius: 20rpx;
-    padding: 24rpx;
-    display: flex;
-    flex-direction: column;
-    gap: 8rpx;
-
-    .tips-title {
-        font-size: 28rpx;
-        font-weight: 600;
-        color: #111827;
-        margin-bottom: 8rpx;
-    }
-    .tips-item {
-        font-size: 26rpx;
-        color: #4b5563;
-        line-height: 1.6;
-    }
-    .tips-warn {
-        font-size: 26rpx;
-        color: #ef4444;
-        margin-top: 12rpx;
-        line-height: 1.6;
-    }
-}
-</style>
@@ -1,46 +1,32 @@
 <template>
    <view class="page" :style="rootStyle">
-        <!-- ===== 主舞台:节拍器圆 ===== -->
-        <view class="stage" @click="onCenterTap">
-            <view class="ring r1" :class="{ playing: isPlaying }" />
-            <view class="ring r2" :class="{ playing: isPlaying }" />
-            <view class="core" :class="{ playing: isPlaying }">
-                <text class="bpm-num">{{ currentBpm }}</text>
-                <text class="bpm-label">BPM</text>
-                <view class="ctrl">
-                    <view v-if="isPlaying" class="icon-pause">
-                        <view class="bar" />
-                        <view class="bar" />
-                    </view>
-                    <view v-else class="icon-play" />
-                </view>
-            </view>
+        <!-- ===== 统一运动律动视区 (Canvas 律动舞台) ===== -->
+        <view class="stage-canvas-wrapper">
+            <WalkerCanvas
+                ref="walkerCanvasRef"
+                :bpm="currentBpm"
+                :is-playing="isPlaying"
+                @toggle-play="onCenterTap"
+            />
        </view>

-        <!-- ===== 跑步小人(矩形完整显示,跟白底融合) ===== -->
-        <view class="walker">
-            <view class="walker-box">
-                <video
-                    id="runner-video"
-                    class="runner-video"
-                    :src="RUNNER_VIDEO_URL"
-                    :muted="true"
-                    :loop="true"
-                    :autoplay="true"
-                    :show-controls="false"
-                    :show-fullscreen-btn="false"
-                    :show-play-btn="false"
-                    :show-center-play-btn="false"
-                    :enable-progress-gesture="false"
-                    :show-mute-btn="false"
-                    :picture-in-picture-mode="[]"
-                    object-fit="contain"
-                    @error="onVideoError"
-                    @loadedmetadata="onVideoLoaded"
-                />
-                <!-- #ifdef MP-WEIXIN -->
-                <cover-view class="pip-mask">&nbsp;</cover-view>
-                <!-- #endif -->
+        <!-- ===== 音色选择 ===== -->
+        <view class="sound-selector">
+            <view
+                class="sound-option"
+                :class="{ active: currentSound === 'crisp' }"
+                @click="onSoundSelect('crisp')"
+            >
+                <text class="sound-icon">✨</text>
+                <text class="sound-label">清脆</text>
+            </view>
+            <view
+                class="sound-option"
+                :class="{ active: currentSound === 'wood' }"
+                @click="onSoundSelect('wood')"
+            >
+                <text class="sound-icon">🪵</text>
+                <text class="sound-label">木鱼</text>
            </view>
        </view>

@@ -50,278 +36,185 @@
                v-for="p in LOOP_PRESETS"
                :key="p.id"
                class="preset"
-                :class="{ active: mode === 'preset' && currentLoop === p.id }"
+                :class="{ active: currentLoop === p.id }"
                @click="onPresetTap(p.id)"
            >
-                <text class="preset-icon">{{ presetIcon(p.id) }}</text>
-                <text class="preset-name">{{ presetName(p.id) }}</text>
+                <text class="preset-name">{{ p.label }}</text>
                <text class="preset-bpm">{{ p.bpm }} BPM</text>
-                <text class="preset-desc">{{ presetDesc(p.id) }}</text>
+                <text class="preset-desc">{{ p.desc }}</text>
            </view>
        </view>

-        <!-- ===== 自定义节奏(高级折叠区) ===== -->
-        <view v-if="customExpanded" class="custom-panel">
-            <view class="custom-warn">
-                <text class="warn-dot">●</text>
-                <text class="warn-text">前台模式 · 切后台会暂停</text>
+        <!-- ===== 自定义节奏区域(含标题栏+折叠内容) ===== -->
+        <view class="custom-section">
+            <!-- 标题栏(始终显示) -->
+            <view class="custom-header" @click="onToggleCustom">
+                <text class="custom-title">{{ customExpanded ? '✕ 收起自定义' : '⚙ 自定义节奏' }}</text>
            </view>

-            <!-- BPM 微调 -->
-            <view class="row">
-                <text class="row-label">BPM</text>
-                <view class="bpm-stepper">
-                    <view class="step-btn" @click="onBpmDelta(-5)">−5</view>
-                    <view class="step-btn" @click="onBpmDelta(-1)">−1</view>
-                    <view class="step-val">{{ customBpm }}</view>
-                    <view class="step-btn" @click="onBpmDelta(1)">+1</view>
-                    <view class="step-btn" @click="onBpmDelta(5)">+5</view>
+            <!-- 折叠内容(仅展开时显示) -->
+            <view v-if="customExpanded" class="custom-content">
+                <!-- BPM 微调 -->
+                <view class="row">
+                    <text class="row-label">BPM</text>
+                    <view class="bpm-stepper">
+                        <view class="step-btn" @click="onBpmDelta(-5)">−5</view>
+                        <view class="step-btn" @click="onBpmDelta(-1)">−1</view>
+                        <view class="step-val">{{ currentBpm }}</view>
+                        <view class="step-btn" @click="onBpmDelta(1)">+1</view>
+                        <view class="step-btn" @click="onBpmDelta(5)">+5</view>
+                    </view>
+                </view>
+
+                <!-- 拍号 -->
+                <view class="row">
+                    <text class="row-label">拍号</text>
+                    <view class="meter-tabs">
+                        <view
+                            v-for="n in [2, 3, 4]"
+                            :key="n"
+                            class="meter-tab"
+                            :class="{ active: customAccent === n }"
+                            @click="onAccentSelect(n)"
+                        >{{ n }}/4</view>
+                    </view>
                </view>
            </view>
-
-            <!-- 拍号 -->
-            <view class="row">
-                <text class="row-label">拍号</text>
-                <view class="meter-tabs">
-                    <view
-                        v-for="n in [2, 3, 4]"
-                        :key="n"
-                        class="meter-tab"
-                        :class="{ active: customAccent === n }"
-                        @click="onAccentSelect(n)"
-                    >{{ n }}/4</view>
-                </view>
-            </view>
-        </view>
-
-        <!-- 底部行:自定义入口 + 提示 -->
-        <view class="bottom-row">
-            <text class="bottom-link" @click="onToggleCustom">
-                {{ customExpanded ? '✕ 收起自定义' : '⚙ 自定义节奏' }}
-            </text>
-            <text class="bottom-hint" v-if="mode === 'preset'">🔒 锁屏可继续播放</text>
        </view>
    </view>
 </template>

 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
-import { onShow, onHide } from '@dcloudio/uni-app'
-import { useMetronomeBg, type LoopId } from '../hooks/useMetronomeBg'
+import { computed, onMounted, onUnmounted, ref } from 'vue'
+import { onShow, onHide, onUnload } from '@dcloudio/uni-app'
 import { useMetronome } from '../hooks/useMetronome'
+import WalkerCanvas from './components/walker-canvas.vue'

-/**
- * 跑步动画视频(腾讯云 COS CDN)
- * 注意:小程序后台需将 cos.ap-guangzhou.myqcloud.com 加入 downloadFile 合法域名,
- *       否则正式发布版会被拦截(开发版默认不校验)
- */
-const RUNNER_VIDEO_URL =
-    'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/video/20260525/20260525164014ef89f8862.mp4'
+type LoopId = 'slow' | 'normal' | 'brisk'
+interface LoopPreset {
+    id: LoopId
+    bpm: number
+    label: string
+    desc: string
+}

-/** 视频原速对应的 BPM 基准, playback-rate 范围 [0.5, 2.0] */
-const VIDEO_BASE_BPM = 124
+const LOOP_PRESETS: readonly LoopPreset[] = [
+    { id: 'slow', bpm: 110, label: '慢走', desc: '热身 · 恢复' },
+    { id: 'normal', bpm: 130, label: '健走', desc: '日常 · 通勤' },
+    { id: 'brisk', bpm: 150, label: '快走', desc: '提速 · 燃脂' },
+]

-/* ============================================================
- * 双引擎设计
- * ------------------------------------------------------------
- * - mode='preset': 用 BgAudio 播预合成 mp3,支持后台/锁屏(走路场景)
- * - mode='custom': 用 InnerAudio 实时合成,支持任意 BPM/拍号,但仅前台
- * - 切模式时停掉对侧引擎,避免双声道叠加
- * ============================================================ */
-type Mode = 'preset' | 'custom'
-const mode = ref<Mode>('preset')
 const customExpanded = ref<boolean>(false)
+const currentLoop = ref<LoopId | null>('normal')
+const currentSound = ref<'crisp' | 'wood'>('crisp')
+const walkerCanvasRef = ref<any>(null)

-/* click-wood.mp3 (CDN), 木鱼质感的敲击音 */
-const CLICK_WOOD_URL =
-    'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/file/20260526/202605261051282a0a94508.mp3'
+/* 节拍器音效配置 */
+const SOUND_PRESETS = {
+    crisp: {
+        normal: 'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/file/20260527/202605271539371ebe13672.mp3',
+        accent: 'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/file/20260527/202605271539376ff628472.mp3',
+    },
+    wood: {
+        normal: 'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/file/20260526/202605261051282a0a94508.mp3',
+        accent: 'https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/file/20260526/202605261051282a0a94508.mp3',
+    },
+}

-const bg = useMetronomeBg()
+// 统一采用高精度引擎，彻底抛弃卡顿的后台播放引擎
 const fg = useMetronome({
-    initialBpm: 100,
+    initialBpm: 130,
    accentEvery: 2,
-    clickSrc: CLICK_WOOD_URL,
-    accentSrc: CLICK_WOOD_URL,
+    clickSrc: SOUND_PRESETS.crisp.normal,
+    accentSrc: SOUND_PRESETS.crisp.accent,
    poolSize: 4,
-})
-
-const { LOOP_PRESETS } = bg
-const currentLoop = bg.currentLoop
-
-const customBpm = computed(() => fg.bpm.value)
-const customAccent = computed(() => fg.accentEvery.value)
-
-/* 统一对外暴露的 isPlaying / currentBpm,根据 mode 选择信号源 */
-const isPlaying = computed(() =>
-    mode.value === 'preset' ? bg.isPlaying.value : fg.isPlaying.value,
-)
-
-const currentBpm = computed(() => {
-    if (mode.value === 'preset') {
-        const p = LOOP_PRESETS.find((p) => p.id === currentLoop.value)
-        return p?.bpm ?? 110
+    // 【完美音画同步核心】
+    onBeat: (index, isAccent) => {
+        if (walkerCanvasRef.value && walkerCanvasRef.value.triggerBeat) {
+            walkerCanvasRef.value.triggerBeat()
+        }
    }
-    return fg.bpm.value
 })

-const intervalMs = computed(() => 60000 / currentBpm.value)
+const isPlaying = computed(() => fg.isPlaying.value)
+const currentBpm = computed(() => fg.bpm.value)
+const customAccent = computed(() => fg.accentEvery.value)
+const intervalMs = computed(() => 60000 / fg.bpm.value)

 /* ============================================================
- * 档位元数据
- * ============================================================ */
-const presetIcon = (id: LoopId) =>
-    id === 'slow' ? '🚶' : id === 'normal' ? '🏃‍♀️' : '🏃'
-const presetName = (id: LoopId) =>
-    id === 'slow' ? '慢走' : id === 'normal' ? '健走' : '快走'
-const presetDesc = (id: LoopId) =>
-    id === 'slow' ? '热身 · 恢复' : id === 'normal' ? '日常 · 通勤' : '提速 · 燃脂'
-
-/* ============================================================
- * 中央圆按钮:在两个模式下分别工作
+ * 中央圆按钮
 * ============================================================ */
 const onCenterTap = () => {
-    if (mode.value === 'preset') {
-        if (!currentLoop.value) {
-            bg.playLoop('normal')
-            uni.setKeepScreenOn({ keepScreenOn: true })
-            return
-        }
-        if (bg.isPlaying.value) {
-            bg.pause()
-            uni.setKeepScreenOn({ keepScreenOn: false })
-        } else {
-            bg.resume()
-            uni.setKeepScreenOn({ keepScreenOn: true })
-        }
+    if (fg.isPlaying.value) {
+        fg.stop()
+        uni.setKeepScreenOn({ keepScreenOn: false })
    } else {
-        /* custom 模式 */
-        if (fg.isPlaying.value) {
-            fg.stop()
-            uni.setKeepScreenOn({ keepScreenOn: false })
-        } else {
-            fg.start()
-            uni.setKeepScreenOn({ keepScreenOn: true })
-        }
+        fg.start()
+        uni.setKeepScreenOn({ keepScreenOn: true })
    }
 }

 /* ============================================================
- * 档位卡片:点了 → 切回 preset 模式 + 停掉 custom
+ * 档位卡片
 * ============================================================ */
 const onPresetTap = (id: LoopId) => {
-    if (mode.value === 'custom') {
-        fg.stop()
-        mode.value = 'preset'
-        customExpanded.value = false
+    const preset = LOOP_PRESETS.find(p => p.id === id)
+    if (!preset) return
+    
+    currentLoop.value = id
+    fg.setBpm(preset.bpm)
+    if (!fg.isPlaying.value) {
+        fg.start()
+        uni.setKeepScreenOn({ keepScreenOn: true })
    }
-    bg.playLoop(id)
-    uni.setKeepScreenOn({ keepScreenOn: true })
 }

 /* ============================================================
 * 自定义折叠区切换
 * ============================================================ */
 const onToggleCustom = () => {
-    if (!customExpanded.value) {
-        /* 展开:进入 custom 模式 + 停掉 preset */
-        if (bg.isPlaying.value || currentLoop.value) {
-            bg.stop()
-        }
-        mode.value = 'custom'
-        /* 把当前显示 BPM 带过去当起始值 */
-        const seed =
-            LOOP_PRESETS.find((p) => p.id === (currentLoop.value ?? 'normal'))?.bpm ?? 100
-        fg.setBpm(seed)
-        fg.setAccentEvery(2)
-        /* 立即预热 InnerAudio,避免首拍冷启动延迟 */
+    customExpanded.value = !customExpanded.value
+    if (customExpanded.value) {
        fg.preload()
-        customExpanded.value = true
    } else {
-        /* 收起:回到 preset,停掉 fg */
-        fg.stop()
-        mode.value = 'preset'
-        customExpanded.value = false
-        uni.setKeepScreenOn({ keepScreenOn: false })
+        // 收起时，如果当前 BPM 刚好匹配某个档位，高亮对应档位卡片
+        const matched = LOOP_PRESETS.find(p => p.bpm === fg.bpm.value)
+        currentLoop.value = matched ? matched.id : null
    }
 }

 const onBpmDelta = (delta: number) => {
    fg.setBpm(fg.bpm.value + delta)
+    currentLoop.value = null // 用户手动微调后取消档位高亮
 }

 const onAccentSelect = (n: number) => {
    fg.setAccentEvery(n)
 }

-/* ============================================================
- * 视频实例与 BPM 同步
- * ============================================================ */
-let videoCtx: UniApp.VideoContext | null = null
-
-const playbackRate = computed(() => {
-    const rate = currentBpm.value / VIDEO_BASE_BPM
-    return Math.max(0.5, Math.min(2.0, +rate.toFixed(2)))
-})
-
-onMounted(() => {
-    videoCtx = uni.createVideoContext('runner-video')
-    setTimeout(() => videoCtx?.pause(), 50)
-})
-
-const onVideoError = (e: any) => {
-    console.error('[runner-video] error:', e?.detail || e)
+const onSoundSelect = (sound: 'crisp' | 'wood') => {
+    currentSound.value = sound
+    const preset = SOUND_PRESETS[sound]
+    fg.updateAudioSrc(preset.normal, preset.accent)
 }

-const onVideoLoaded = (e: any) => {
-    console.log('[runner-video] metadata loaded:', e?.detail)
-    try {
-        videoCtx?.playbackRate?.(playbackRate.value)
-    } catch (_) {}
-}
-
-watch(isPlaying, (playing) => {
-    if (playing) {
-        videoCtx?.play()
-    } else {
-        videoCtx?.pause()
-    }
-})
-
-watch(playbackRate, (rate) => {
-    try {
-        videoCtx?.playbackRate?.(rate)
-    } catch (_) {}
-})
-
 const rootStyle = computed(() => ({
    '--beat-duration': `${intervalMs.value}ms`,
 }))

 onShow(() => {
-    /* custom 模式回到前台时主动预加载,避免冷启动延迟 */
-    if (mode.value === 'custom') {
-        fg.preload()
-    }
+    fg.preload()
 })

-/**
- * onHide:差异化处理
- *   - preset 模式: 不停,BgAudio 接管后台播放
- *   - custom 模式: 立即停掉,InnerAudio 后台不工作,留着会被 iOS 挂起后状态错乱
- */
-onHide(() => {
-    if (mode.value === 'custom') {
-        fg.stop()
-        uni.setKeepScreenOn({ keepScreenOn: false })
-    }
-})
-
-onUnmounted(() => {
-    /* 页面销毁时全部清理 */
-    if (mode.value === 'preset' && bg.isPlaying.value) bg.stop()
-    if (mode.value === 'custom') fg.stop()
+function cleanupMetronome() {
+    fg.stop()
    uni.setKeepScreenOn({ keepScreenOn: false })
-})
+}
+
+onHide(cleanupMetronome)
+onUnload(cleanupMetronome)
+
+onUnmounted(cleanupMetronome)
 </script>

 <style lang="scss" scoped>
@@ -359,166 +252,70 @@ $shadow-sm: 0 4rpx 12rpx rgba(15, 23, 42, 0.04);
 }

 /* ============================================================
- * 节拍器主舞台
+ * 统一运动律动视区 (Canvas)
 * ============================================================ */
-.stage {
-    position: relative;
-    width: 480rpx;
-    height: 480rpx;
-    margin-top: 12rpx;
+.stage-canvas-wrapper {
+    width: 100vw;
+    margin-left: -28rpx;
+    margin-right: -28rpx;
+    flex-shrink: 0; /* 防止被压缩 */
+    height: 600rpx; /* 固定高度，不随内容变化 */
    display: flex;
-    align-items: center;
    justify-content: center;
-
-    &:active .core {
-        transform: scale(0.97);
-    }
-}
-
-.ring {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    border: 3rpx solid rgba(16, 185, 129, 0.12);
-    pointer-events: none;
-
-    &.playing {
-        animation: ring-pulse var(--beat-duration, 750ms) ease-out infinite;
-    }
-    &.r2.playing {
-        animation-delay: calc(var(--beat-duration, 750ms) * -0.5);
-    }
-}
-@keyframes ring-pulse {
-    0% {
-        transform: scale(0.94);
-        opacity: 0.85;
-        border-color: rgba(16, 185, 129, 0.4);
-    }
-    100% {
-        transform: scale(1.18);
-        opacity: 0;
-        border-color: rgba(16, 185, 129, 0);
-    }
-}
-
-.core {
-    position: relative;
-    width: 380rpx;
-    height: 380rpx;
-    border-radius: 50%;
-    background: linear-gradient(140deg, #34d399 0%, $brand-deep 100%);
-    display: flex;
-    flex-direction: column;
    align-items: center;
-    justify-content: center;
-    box-shadow:
-        inset 0 -16rpx 50rpx rgba(0, 0, 0, 0.18),
-        inset 0 16rpx 50rpx rgba(255, 255, 255, 0.18),
-        0 16rpx 40rpx rgba(16, 185, 129, 0.32);
-    transition: transform 0.12s, background 0.18s, box-shadow 0.18s;
-
-    &.playing {
-        animation: core-beat var(--beat-duration, 750ms) ease-in-out infinite;
-    }
-
-    .bpm-num {
-        font-size: 168rpx;
-        font-weight: 800;
-        color: #fff;
-        line-height: 1;
-        letter-spacing: -2rpx;
-        font-variant-numeric: tabular-nums;
-        text-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.16);
-    }
-
-    .bpm-label {
-        font-size: 22rpx;
-        color: rgba(255, 255, 255, 0.7);
-        letter-spacing: 6rpx;
-        margin-top: 10rpx;
-        font-weight: 600;
-    }
-
-    .ctrl {
-        margin-top: 22rpx;
-        height: 64rpx;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-}
-@keyframes core-beat {
-    0%,
-    100% {
-        transform: scale(1);
-    }
-    50% {
-        transform: scale(1.04);
-    }
-}
-
-/* 播放/暂停 icon */
-.icon-play {
-    width: 0;
-    height: 0;
-    border-left: 52rpx solid #fff;
-    border-top: 32rpx solid transparent;
-    border-bottom: 32rpx solid transparent;
-    margin-left: 12rpx;
-    filter: drop-shadow(0 2rpx 6rpx rgba(0, 0, 0, 0.18));
-}
-.icon-pause {
-    display: flex;
-    gap: 16rpx;
-    height: 60rpx;
-
-    .bar {
-        width: 16rpx;
-        height: 100%;
-        background: #fff;
-        border-radius: 4rpx;
-        box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.18);
-    }
+    margin-bottom: 24rpx;
+    position: relative;
 }

 /* ============================================================
- * 跑步小人
+ * 音色选择器
 * ============================================================ */
-.walker {
+.sound-selector {
    width: 100%;
-    height: 240rpx;
    display: flex;
-    justify-content: center;
+    gap: 14rpx;
+    margin-bottom: 20rpx;
+}
+
+.sound-option {
+    flex: 1;
+    background: $card-bg;
+    border: 2rpx solid $card-border;
+    border-radius: $radius-card;
+    padding: 20rpx 16rpx;
+    display: flex;
    align-items: center;
-}
+    justify-content: center;
+    gap: 10rpx;
+    box-shadow: $shadow-sm;
+    transition: all 0.18s;

-.walker-box {
-    position: relative;
-    width: 240rpx;
-    height: 240rpx;
-    background: #e8ecf2;
-    border-radius: 24rpx;
-    overflow: hidden;
-    box-shadow: 0 4rpx 14rpx rgba(15, 23, 42, 0.06);
-}
+    .sound-icon {
+        font-size: 32rpx;
+    }

-.runner-video {
-    width: 100%;
-    height: 100%;
-    background: #e8ecf2;
-}
+    .sound-label {
+        font-size: 26rpx;
+        font-weight: 600;
+        color: $text-2;
+        letter-spacing: 1rpx;
+    }

-.pip-mask {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 80rpx;
-    height: 56rpx;
-    background-color: #dde2eb;
-    border-bottom-left-radius: 18rpx;
-    border-top-right-radius: 24rpx;
+    &:active {
+        transform: scale(0.97);
+    }
+
+    &.active {
+        background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
+        border-color: $brand;
+        box-shadow:
+            0 8rpx 20rpx rgba(16, 185, 129, 0.18),
+            inset 0 0 0 2rpx rgba(16, 185, 129, 0.4);
+
+        .sound-label {
+            color: $brand-deep;
+        }
+    }
 }

 /* ============================================================
@@ -535,19 +332,14 @@ $shadow-sm: 0 4rpx 12rpx rgba(15, 23, 42, 0.04);
    background: $card-bg;
    border: 2rpx solid $card-border;
    border-radius: $radius-card;
-    padding: 18rpx 8rpx 16rpx;
+    padding: 26rpx 8rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
-    gap: 4rpx;
+    gap: 8rpx;
    box-shadow: $shadow-sm;
    transition: all 0.18s;

-    .preset-icon {
-        font-size: 40rpx;
-        line-height: 1;
-        margin-bottom: 4rpx;
-    }
    .preset-name {
        font-size: 28rpx;
        font-weight: 700;
@@ -591,9 +383,32 @@ $shadow-sm: 0 4rpx 12rpx rgba(15, 23, 42, 0.04);
 }

 /* ============================================================
- * 自定义节奏面板(仅 customExpanded 时显示)
+ * 自定义节奏区域(标题栏 + 折叠内容)
 * ============================================================ */
-.custom-panel {
+.custom-section {
+    width: 100%;
+    margin-top: 12rpx;
+}
+
+.custom-header {
+    width: 100%;
+    padding: 16rpx 6rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .custom-title {
+        font-size: 22rpx;
+        color: $text-3;
+        letter-spacing: 0.5rpx;
+
+        &:active {
+            color: $text-2;
+        }
+    }
+}
+
+.custom-content {
    width: 100%;
    background: $card-bg;
    border: 2rpx solid rgba(245, 158, 11, 0.25);
@@ -603,6 +418,7 @@ $shadow-sm: 0 4rpx 12rpx rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    gap: 16rpx;
+    margin-top: 8rpx;
 }

 .custom-warn {
@@ -705,7 +521,7 @@ $shadow-sm: 0 4rpx 12rpx rgba(15, 23, 42, 0.04);
 }

 /* ============================================================
- * 底部行(自定义入口 + 锁屏提示,横向排布)
+ * 底部行(已废弃,保留样式以防引用)
 * ============================================================ */
 .bottom-row {
    width: 100%;
@@ -0,0 +1,276 @@
+# 握力环训练音效采集清单
+
+> 更新日期: 2026-05-28
+> 用途: 为握力环训练页面添加完整音效体系
+
+---
+
+## 📋 总体规划
+
+| 类型 | 数量 | 单文件大小 | 总大小预算 | 优先级 |
+|------|------|-----------|-----------|--------|
+| 节拍音效 | 1-3 个音色 | 5-10 KB | < 30 KB | P0 |
+| 捏碎音效 | 4 个 | 20-50 KB | < 200 KB | P0 |
+| 背景音乐 | 1-2 首 | 200-500 KB | < 1 MB | P1 |
+| 语音鼓励 | 4-8 句 | 10-30 KB | < 200 KB | P1 |
+
+**总计预算**: < 1.5 MB(都放 CDN,不影响小程序包体积)
+
+---
+
+## 🥁 一、节拍音效 (P0 - 必需)
+
+### 用途
+训练时按 BPM 节奏播放,引导用户握紧/松开。
+
+### 推荐音色 (任选 1-3 个)
+
+| 音色 | 推荐度 | 描述 | Pixabay 搜索词 |
+|------|--------|------|---------------|
+| 木鱼 | ⭐⭐⭐⭐⭐ | 温暖、东方意境,适合养生主题 | `wood block`, `wooden tap`, `muyu` |
+| 心跳 | ⭐⭐⭐⭐ | 有运动感,代入感强 | `heart beat`, `heartbeat single` |
+| 轻柔敲击 | ⭐⭐⭐⭐ | 不刺耳,适合长时间训练 | `soft tap`, `gentle knock` |
+| 竹片声 | ⭐⭐⭐ | 清脆,有节奏感 | `bamboo tap`, `bamboo click` |
+| 鼓点 | ⭐⭐⭐ | 有力量感,适合"重度"档位 | `kick drum soft`, `tom drum tap` |
+
+### 技术要求
+- **格式**: mp3
+- **时长**: 50-150ms (不能太长,会重叠)
+- **采样率**: 22050Hz 或 44100Hz
+- **声道**: 单声道
+- **大小**: < 10 KB
+
+### 命名规范
+```
+grip-tick-wood.mp3      # 木鱼
+grip-tick-heart.mp3     # 心跳
+grip-tick-soft.mp3      # 轻柔
+grip-tick-bamboo.mp3    # 竹片
+```
+
+---
+
+## 💥 二、捏碎音效 (P0 - 必需)
+
+### 用途
+达成奖励里程碑时播放,与粒子特效同步。
+
+### 音效清单
+
+| 奖励 | 触发次数 | Pixabay 搜索词 | 时长 | 备注 |
+|------|---------|---------------|------|------|
+| 🥚 鸡蛋 | 8-12 | `egg crack`, `eggshell break`, `crack sound` | 0.5-1s | 清脆短促 |
+| 🥜 核桃 | 15-20 | `nut crack`, `walnut break`, `wood snap` | 0.5-1s | 木质爆裂感 |
+| 🥫 易拉罐 | 25-30 | `can crush`, `aluminum crush`, `metal crunch` | 1-2s | 金属挤压 |
+| 🎈 气球 | 40-50 | `balloon pop`, `pop burst`, `balloon explosion` | 0.3-0.5s | 短促爆裂 |
+
+### 技术要求
+- **格式**: mp3
+- **时长**: 0.3-2s
+- **大小**: < 50 KB
+- **音量**: 适中(避免突然吓到用户)
+
+### 命名规范
+```
+crush-egg.mp3
+crush-walnut.mp3
+crush-can.mp3
+crush-balloon.mp3
+```
+
+### 试听建议
+下载前一定要试听,优先选择:
+- ✅ 干净,无杂音
+- ✅ 中等音量(峰值不爆音)
+- ✅ 短促有力(不拖沓)
+- ❌ 避免: 太长、太尖锐、有人声
+
+---
+
+## 🎵 三、背景音乐 BGM (P1 - 推荐)
+
+### 用途
+训练时持续播放,营造轻松氛围,缓解握力训练的枯燥感。
+
+### 风格推荐
+
+| 风格 | 描述 | Pixabay 搜索词 | 适合人群 |
+|------|------|---------------|---------|
+| **Lo-Fi** | 慵懒电子,流行选择 | `lofi calm`, `lofi study`, `lofi chill` | 年轻人 |
+| **冥想轻音乐** | 钢琴 + 自然音,放松 | `meditation`, `calm piano`, `relaxing` | 中老年 |
+| **轻爵士** | 优雅放松,有质感 | `light jazz`, `cafe jazz`, `bossa nova` | 通用 |
+| **自然环境音** | 鸟叫/流水/雨声 | `nature ambient`, `forest sounds`, `rain bgm` | 喜欢自然的用户 |
+| **东方禅意** | 古筝/笛子,养生 | `chinese zen`, `oriental calm`, `guqin` | 养生主题契合 |
+
+### 推荐场景搭配
+- **轻度档位 (60 BPM)**: 冥想轻音乐 (节奏舒缓)
+- **中度档位 (80 BPM)**: 轻爵士 / Lo-Fi (适中)
+- **重度档位 (100 BPM)**: 轻快电子 / 健身流行
+
+### 技术要求
+- **格式**: mp3
+- **时长**: 30s - 2min (循环播放)
+- **比特率**: 128 kbps (单声道 64 kbps 也可)
+- **大小**: < 500 KB
+- **循环点**: 选择起止点接近的片段,避免明显接缝
+
+### 命名规范
+```
+bgm-grip-light.mp3       # 轻度档位 BGM
+bgm-grip-medium.mp3      # 中度档位 BGM (可选)
+bgm-grip-heavy.mp3       # 重度档位 BGM (可选)
+```
+
+或简化:
+```
+bgm-grip-default.mp3     # 默认 BGM (所有档位通用)
+```
+
+---
+
+## 🎙️ 四、语音鼓励 (P1 - 推荐)
+
+### 用途
+达成奖励时播放鼓励语音,增强成就感。
+
+### 两种方案
+
+#### 方案 A: 小米 MiMo TTS 自动生成 (推荐)
+
+项目已有 `useVoiceCoach.ts` + `generate-voice.mjs` 脚本支持。
+
+**操作步骤**:
+1. 申请小米 MiMo API Key: https://platform.xiaomimimo.com/
+2. 配置环境变量: `export MIMO_API_KEY=sk-xxx`
+3. 在 `generate-voice.mjs` 添加握力环话术
+4. 运行脚本自动生成
+
+**话术清单**:
+```javascript
+const gripPrompts = [
+    { id: 'grip-egg', text: '握力不错！' },
+    { id: 'grip-walnut', text: '力量惊人！' },
+    { id: 'grip-can', text: '太强了！' },
+    { id: 'grip-balloon', text: '完美！继续保持！' },
+    { id: 'grip-start', text: '开始训练！' },
+    { id: 'grip-pause', text: '休息一下！' },
+    { id: 'grip-encourage-1', text: '加油，再来！' },
+    { id: 'grip-encourage-2', text: '坚持住！' },
+]
+```
+
+**音色推荐**: `茉莉` (清爽利落,有"运动博主"感)
+
+#### 方案 B: 手工录制
+
+如果不想用 TTS,可以自己录制(质感更好,但费时):
+- 工具: 手机录音 / Audacity
+- 环境: 安静的房间,距离麦克风 15-30cm
+- 后期: 去噪 + 标准化音量
+
+---
+
+## 🛠️ 五、采集工具推荐
+
+### 在线裁剪
+- [audiotrimmer.com](https://audiotrimmer.com) - 简单的 mp3 裁剪
+- [mp3cut.net](https://mp3cut.net) - 功能更全
+
+### 桌面工具(免费)
+- **Audacity** (Mac/Windows/Linux) - 专业级,可以剪辑、降噪、标准化
+- **Logic Pro** (Mac, 付费) - 更专业的音频处理
+
+### 音量标准化
+统一音量(避免有的太响有的太轻):
+```bash
+# 使用 ffmpeg (Mac: brew install ffmpeg)
+ffmpeg -i input.mp3 -af "loudnorm=I=-16:LRA=11:TP=-1.5" output.mp3
+```
+
+或在 Audacity 里: Effect → Normalize (峰值 -3dB)
+
+---
+
+## ☁️ 六、上传到 CDN
+
+### 项目使用的 COS 信息
+- **域名**: `gz-1349751149.cos.ap-guangzhou.myqcloud.com`
+- **目录建议**: `uploads/training/grip-ring/`
+
+### 上传途径
+1. **腾讯云控制台**: https://console.cloud.tencent.com/cos
+2. **管理后台** (如果项目有上传入口)
+3. **找团队 COS 管理员上传**
+
+### 上传后获得的 URL 格式
+```
+https://gz-1349751149.cos.ap-guangzhou.myqcloud.com/uploads/training/grip-ring/crush-egg.mp3
+```
+
+---
+
+## 📝 七、最终采集清单 (一次性收齐)
+
+### 最小可行版本 (MVP) - 4 个文件
+```
+☐ grip-tick-wood.mp3       # 节拍音 - 木鱼
+☐ crush-egg.mp3            # 鸡蛋
+☐ crush-walnut.mp3         # 核桃
+☐ crush-can.mp3            # 易拉罐
+☐ crush-balloon.mp3        # 气球
+```
+
+### 完整版本 - 10 个文件
+```
+节拍音 (3 选 1 或全部):
+☐ grip-tick-wood.mp3
+☐ grip-tick-heart.mp3
+☐ grip-tick-soft.mp3
+
+捏碎音效 (必需 4 个):
+☐ crush-egg.mp3
+☐ crush-walnut.mp3
+☐ crush-can.mp3
+☐ crush-balloon.mp3
+
+BGM (1-3 首):
+☐ bgm-grip-default.mp3
+☐ bgm-grip-meditation.mp3 (可选)
+☐ bgm-grip-lofi.mp3 (可选)
+
+语音鼓励 (TTS 自动生成,8 个):
+☐ grip-egg.mp3
+☐ grip-walnut.mp3
+☐ grip-can.mp3
+☐ grip-balloon.mp3
+☐ grip-start.mp3
+☐ grip-pause.mp3
+☐ grip-encourage-1.mp3
+☐ grip-encourage-2.mp3
+```
+
+---
+
+## ✅ 八、采集完成后
+
+把所有 URL 整理给我,我会:
+1. 更新 `grip-ring.vue` 中的 REWARDS 配置 (替换捏碎音效 URL)
+2. 创建/更新 `useMetronome.ts` 的音色配置 (支持切换节拍音色)
+3. 在 `grip-ring.vue` 集成 `useTrainingBgm` (添加 BGM)
+4. 在 `grip-ring.vue` 集成 `useVoiceCoach` (添加语音鼓励)
+5. 在 UI 上添加音色/BGM 切换选项 (可选)
+
+预计代码改动: 50-100 行,1-2 小时工作量。
+
+---
+
+## 📚 参考链接
+
+- [Pixabay 音效](https://pixabay.com/sound-effects/) - 免费可商用
+- [Pixabay 音乐](https://pixabay.com/music/) - 免费可商用
+- [Freesound](https://freesound.org) - 大量音效,部分需署名
+- [Mixkit](https://mixkit.co/free-sound-effects/) - 免费音效库
+- [Bensound](https://bensound.com) - 免费音乐(需署名)
+- [Free Music Archive](https://freemusicarchive.org) - 免费音乐
+
+**版权提示**: 务必确认音效/音乐是"免费商用"(Public Domain 或 CC0),避免侵权风险。
@@ -0,0 +1,115 @@
+/**
+ * 卡路里计算工具
+ * 基于标准 MET (Metabolic Equivalent of Task) 公式
+ */
+
+export interface FoodItem {
+    name: string
+    emoji: string
+    calories: number
+    unit: string
+}
+
+export interface FoodComparison {
+    food: FoodItem
+    ratio: number
+    message: string
+}
+
+export interface CalorieCalculationConfig {
+    totalReps: number
+    bpm: number
+    userWeight?: number // 默认 60kg
+}
+
+// 食物卡路里数据库
+export const FOOD_CALORIES: Record<string, FoodItem> = {
+    apple: { name: '苹果', emoji: '🍎', calories: 52, unit: '个（100g）' },
+    egg: { name: '鸡蛋', emoji: '🥚', calories: 70, unit: '个' },
+    chocolate: { name: '巧克力', emoji: '🍫', calories: 54, unit: '块（10g）' },
+    banana: { name: '香蕉', emoji: '🍌', calories: 89, unit: '根' },
+    rice: { name: '米饭', emoji: '🍚', calories: 116, unit: '碗（100g）' },
+}
+
+/**
+ * 计算卡路里消耗
+ * 公式：卡路里 = MET × 体重(kg) × 时长(小时)
+ *
+ * @param config 计算配置
+ * @returns 卡路里消耗（kcal，保留一位小数）
+ */
+export function calculateCalories(config: CalorieCalculationConfig): number {
+    const MET = 3.5 // 握力环训练的标准 MET 值
+    const weight = config.userWeight || 60 // 默认 60kg
+
+    // 边界情况：无效输入
+    if (config.totalReps <= 0 || config.bpm <= 0) {
+        return 0
+    }
+
+    const secondsPerRep = 60 / config.bpm
+    const activeTimeHours = (config.totalReps * secondsPerRep) / 3600
+
+    const calories = MET * weight * activeTimeHours
+    return Math.round(calories * 10) / 10 // 保留一位小数
+}
+
+/**
+ * 自动匹配最接近的食物对比
+ *
+ * @param burnedCalories 消耗的卡路里
+ * @returns 食物对比信息
+ */
+export function getFoodComparison(burnedCalories: number): FoodComparison {
+    const foods = Object.values(FOOD_CALORIES)
+
+    // 边界情况：食物数据库为空
+    if (foods.length === 0) {
+        throw new Error('食物数据库为空')
+    }
+
+    // 边界情况：卡路里为 0 或负数
+    if (burnedCalories <= 0) {
+        return {
+            food: foods[0],
+            ratio: 0,
+            message: `暂无消耗`,
+        }
+    }
+
+    // 找到卡路里最接近的食物
+    const closest = foods.reduce((prev, curr) => {
+        const prevDiff = Math.abs(prev.calories - burnedCalories)
+        const currDiff = Math.abs(curr.calories - burnedCalories)
+        return currDiff < prevDiff ? curr : prev
+    })
+
+    const ratio = burnedCalories / closest.calories
+    const ratioRounded = Math.round(ratio * 100) / 100 // 保留两位小数
+
+    // 格式化显示：ratio < 1 时显示分数形式更直观
+    let displayText: string
+    if (ratioRounded < 1) {
+        displayText = `相当于 ${ratioRounded.toFixed(2)} 个${closest.name} ${closest.emoji}`
+    } else {
+        displayText = `相当于 ${ratioRounded.toFixed(2)} ${closest.unit}${closest.name} ${closest.emoji}`
+    }
+
+    return {
+        food: closest,
+        ratio: ratioRounded,
+        message: displayText,
+    }
+}
+
+/**
+ * 格式化时长（秒 → 分:秒）
+ *
+ * @param seconds 秒数
+ * @returns 格式化字符串（如 "3:45"）
+ */
+export function formatDuration(seconds: number): string {
+    const mins = Math.floor(seconds / 60)
+    const secs = seconds % 60
+    return `${mins}:${secs.toString().padStart(2, '0')}`
+}
@@ -0,0 +1,32 @@
+import { defineConfig } from 'vite'
+import uni from '@dcloudio/vite-plugin-uni'
+
+// uni-app 工程根目录就是源码目录（HBuilderX 兼容）
+// 编译产物默认输出到 ./dist/<mode>/<platform>
+export default defineConfig({
+    plugins: [uni()],
+    css: {
+        preprocessorOptions: {
+            scss: {
+                // 屏蔽 TUICallKit SDK 内部 @import / legacy-js-api 弃用警告
+                // 待 TUICallKit 升级 @use 语法后可移除
+                silenceDeprecations: ['legacy-js-api', 'import'],
+            },
+        },
+    },
+    // dev 热重载卡顿修复:
+    // UNI_INPUT_DIR=$PWD 让工程根=源码目录, chokidar 会监听整个仓库,
+    // 包含 node_modules / dist(编译产物) / unpackage 等巨大目录, 导致每次热重载卡住,
+    // 写 dist 又触发监听抖动。这里收窄监听范围。
+    // 注意: 自定义 ignored 会覆盖 vite 默认值, 故 node_modules/.git 必须一并列出。
+    server: {
+        watch: {
+            ignored: [
+                '**/node_modules/**',
+                '**/.git/**',
+                '**/dist/**',
+                '**/unpackage/**',
+            ],
+        },
+    },
+})
@@ -4,7 +4,7 @@
        <meta charset="UTF-8" />
        <link rel="icon" href="/favicon.ico" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>后台管理系统</title>
+        <title>中医问诊管理后台</title>
        <style>
            * {
                margin: 0;
@@ -29,7 +29,7 @@
                stroke-dasharray: 90, 150;
                stroke-dashoffset: 0;
                stroke-width: 2;
-                stroke: #4073fa;
+                stroke: #0EA5E9;
                stroke-linecap: round;
            }

@@ -100,6 +100,7 @@ export function doctorDailyStatsOverview(params: {
    start_date?: string
    end_date?: string
    channel_code?: string
+    dept_ids?: number[] | string
 }) {
    return request.get({ url: '/stats.doctorDailyStats/overview', params })
 }
@@ -180,6 +181,37 @@ export function commissionSettlementConfirmRevoke(params: Record<string, any>) {
    return request.post({ url: '/stats.commissionSettlement/confirmRevoke', params })
 }

+/** 复诊接诊率（按月）：当月 N 诊接诊率，部门 → 医助分组 + 合计；剔除「继承」指派 */
+export function revisitRateOverview(params: { month?: string; dept_ids?: string }) {
+    return request.get({ url: '/stats.revisitRate/overview', params })
+}
+
+/** 复诊接诊率：部门下拉（前端组树） */
+export function revisitRateDeptOptions() {
+    return request.get({ url: '/stats.revisitRate/deptOptions' })
+}
+
+/** 复诊接诊率：「被指派数」点击下钻（按诊单聚合明细） */
+export function revisitRateAssignLines(params: {
+    month?: string
+    dept_ids?: string
+    assistant_id?: number
+    dept_id?: number
+}) {
+    return request.get({ url: '/stats.revisitRate/assignLines', params })
+}
+
+/** 复诊接诊率：「N 诊单数」点击下钻（具体订单明细） */
+export function revisitRateVisitOrderLines(params: {
+    month?: string
+    slot: number
+    dept_ids?: string
+    assistant_id?: number
+    dept_id?: number
+}) {
+    return request.get({ url: '/stats.revisitRate/visitOrderLines', params })
+}
+
 /** 医助个人业绩概览 */
 export function assistantPerformanceOverview(params: {
    time_type?: string
@@ -403,6 +403,11 @@ export function prescriptionOrderLogisticsTrace(params: {
    return request.get({ url: '/tcm.prescriptionOrder/logisticsTrace', params })
 }

+/** 直接调用京东官方物流接口刷新轨迹并落库（绕过快递100缓存） */
+export function prescriptionOrderLogisticsJdUpdate(params: { id: number }) {
+    return request.post({ url: '/tcm.prescriptionOrder/logisticsJdUpdate', params })
+}
+
 export function prescriptionOrderDetail(params: { id: number }) {
    return request.get({ url: '/tcm.prescriptionOrder/detail', params })
 }
@@ -463,6 +468,8 @@ export function prescriptionOrderAddPayOrder(params: {
    pay_amount: number
    pay_remark?: string
    completion_request?: number
+    /** 创建方式：fubei 付呗(默认) / express_cod 快递代收 */
+    pay_create_type?: 'fubei' | 'express_cod'
 }) {
    return request.post({ url: '/tcm.prescriptionOrder/addPayOrder', params })
 }
@@ -482,11 +489,16 @@ export function prescriptionOrderRequestCompletion(params: { id: number }) {
    return request.post({ url: '/tcm.prescriptionOrder/requestCompletion', params })
 }

-/** 将「已发货/已签收」且支付审核通过的订单结案（3=已完成 或 7-12 业务状态） */
+/** 将「已发货/已签收」且支付审核通过的订单结案（3=已完成 或 7-12 业务状态；退款请走 refund 或完成弹窗选「退款」） */
 export function prescriptionOrderComplete(params: { id: number; fulfillment_status: number }) {
    return request.post({ url: '/tcm.prescriptionOrder/complete', params })
 }

+/** 业务订单退款（须填写原因；refund_amount 可选，不传则退满可退上限） */
+export function prescriptionOrderRefund(params: { id: number; reason: string; refund_amount?: number }) {
+    return request.post({ url: '/tcm.prescriptionOrder/refund', params })
+}
+
 /** 甘草药管家：中药处方下单（服务端 CTM_PREVIEW → CTM_SUBMIT_RECIPEL） */
 export function prescriptionOrderSubmitGancaoRecipel(params: { id: number }) {
    return request.post({ url: '/tcm.prescriptionOrder/submitGancaoRecipel', params })
@@ -7,6 +7,7 @@
        :end-placeholder="endPlaceholder"
        :value-format="valueFormat"
        clearable
+        @change="emit('change', $event)"
    ></el-date-picker>
 </template>

@@ -29,7 +30,7 @@ const props = withDefaults(
        endPlaceholder: '结束时间'
    }
 )
-const emit = defineEmits(['update:startTime', 'update:endTime'])
+const emit = defineEmits(['update:startTime', 'update:endTime', 'change'])

 const content = computed<any>({
    get: () => {
@@ -0,0 +1,96 @@
+<template>
+    <template v-if="variant === 'split'">
+        <el-form-item :label="label" :class="{ 'is-compact': compact }">
+            <el-radio-group v-model="timeType" :size="compact ? 'small' : 'default'" @change="emit('time-type-change')">
+                <el-radio-button v-if="showAll" label="all">全部</el-radio-button>
+                <el-radio-button label="today">今天</el-radio-button>
+                <el-radio-button label="yesterday">昨天</el-radio-button>
+                <el-radio-button label="week">最近7天</el-radio-button>
+                <el-radio-button label="month">本月</el-radio-button>
+                <el-radio-button label="custom">自定义</el-radio-button>
+            </el-radio-group>
+        </el-form-item>
+        <el-form-item v-if="timeType === 'custom'">
+            <el-date-picker
+                v-model="dateRangeModel"
+                type="daterange"
+                value-format="YYYY-MM-DD"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :size="compact ? 'small' : 'default'"
+                :style="{ width: pickerWidth }"
+                @change="emit('custom-change')"
+            />
+        </el-form-item>
+    </template>
+    <el-form-item v-else :label="label" :class="{ 'is-compact': compact }">
+        <div class="list-time-filter-inline">
+            <el-radio-group v-model="timeType" :size="compact ? 'small' : 'default'" @change="emit('time-type-change')">
+                <el-radio-button v-if="showAll" label="all">全部</el-radio-button>
+                <el-radio-button label="today">今天</el-radio-button>
+                <el-radio-button label="yesterday">昨天</el-radio-button>
+                <el-radio-button label="week">最近7天</el-radio-button>
+                <el-radio-button label="month">本月</el-radio-button>
+                <el-radio-button label="custom">自定义</el-radio-button>
+            </el-radio-group>
+            <el-date-picker
+                v-if="timeType === 'custom'"
+                v-model="dateRangeModel"
+                type="daterange"
+                value-format="YYYY-MM-DD"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :size="compact ? 'small' : 'default'"
+                :style="{ width: pickerWidth }"
+                @change="emit('custom-change')"
+            />
+        </div>
+    </el-form-item>
+</template>
+
+<script lang="ts" setup>
+import type { ListTimeType } from '@/hooks/useListTimeFilter'
+
+withDefaults(
+    defineProps<{
+        label?: string
+        /** split：与自录统计一致，两个 form-item；inline：处方订单筛选用单行 */
+        variant?: 'split' | 'inline'
+        pickerWidth?: string
+        /** 紧凑模式：small 尺寸 radio / 日期 */
+        compact?: boolean
+        /** 是否显示「全部」（不限时间）选项 */
+        showAll?: boolean
+    }>(),
+    {
+        label: '时间范围',
+        variant: 'split',
+        pickerWidth: '260px',
+        compact: false,
+        showAll: false,
+    }
+)
+
+const timeType = defineModel<ListTimeType>('timeType', { required: true })
+const dateRangeModel = defineModel<string[]>('dateRange', { default: () => [] })
+
+const emit = defineEmits<{
+    'time-type-change': []
+    'custom-change': []
+}>()
+</script>
+
+<style scoped lang="scss">
+.list-time-filter-inline {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 6px 8px;
+}
+
+:deep(.is-compact.el-form-item) {
+    margin-bottom: 0;
+}
+</style>
@@ -88,13 +88,17 @@
                                    共 <strong>{{ formData.herbs.length }}</strong> 味（主方 {{ mainHerbCount }} / 辅方
                                    {{ auxHerbCount }}）· 可手动添加、从处方库或粘贴药方批量录入
                                </p>
+                                <p v-if="herbsLocked" class="rp-toolbar__lock-tip">
+                                    <el-tag type="danger" size="small" effect="plain">禁用修改</el-tag>
+                                    含「禁用修改」处方库模板，药材已锁定，不可增删改，如需调整请重新「从处方库导入」覆盖
+                                </p>
                            </div>
                        </div>
                        <div class="rp-toolbar__actions" role="toolbar" aria-label="处方药材快捷操作">
-                            <el-button type="primary" size="small" :icon="CirclePlus" @click="handleAddHerb('主方')">
+                            <el-button type="primary" size="small" :icon="CirclePlus" :disabled="herbsLocked" @click="handleAddHerb('主方')">
                                添加主方
                            </el-button>
-                            <el-button type="primary" plain size="small" @click="handleAddHerb('辅方')">
+                            <el-button type="primary" plain size="small" :disabled="herbsLocked" @click="handleAddHerb('辅方')">
                                添加辅方
                            </el-button>
                            <el-button
@@ -135,7 +139,7 @@
                                :class="{ 'herb-editor-card--dup': isDuplicateHerbName(row.index) }"
                            >
                                <div class="herb-editor-card__title">主方 {{ row.index + 1 }}</div>
-                                <MedicineNameSelect v-model="formData.herbs[row.index].name" class="herb-editor-card__select" />
+                                <MedicineNameSelect v-model="formData.herbs[row.index].name" :disabled="herbsLocked" class="herb-editor-card__select" />
                                <div
                                    v-if="isDuplicateHerbName(row.index)"
                                    class="herb-editor-card__dup-hint text-amber-600 text-xs mb-1"
@@ -148,11 +152,12 @@
                                        :min="0.1"
                                        :step="1"
                                        :precision="1"
+                                        :disabled="herbsLocked"
                                        placeholder="剂量(克)"
                                        class="herb-editor-card__dose"
                                    />
                                    <span class="text-gray-500 shrink-0">克</span>
-                                    <el-button type="danger" size="small" link @click="handleRemoveHerb(row.index)">
+                                    <el-button v-if="!herbsLocked" type="danger" size="small" link @click="handleRemoveHerb(row.index)">
                                        删除
                                    </el-button>
                                </div>
@@ -171,7 +176,7 @@
                                :class="{ 'herb-editor-card--dup': isDuplicateHerbName(row.index) }"
                            >
                                <div class="herb-editor-card__title">辅方</div>
-                                <MedicineNameSelect v-model="formData.herbs[row.index].name" class="herb-editor-card__select" />
+                                <MedicineNameSelect v-model="formData.herbs[row.index].name" :disabled="herbsLocked" class="herb-editor-card__select" />
                                <div
                                    v-if="isDuplicateHerbName(row.index)"
                                    class="herb-editor-card__dup-hint text-amber-600 text-xs mb-1"
@@ -184,11 +189,12 @@
                                        :min="0.1"
                                        :step="1"
                                        :precision="1"
+                                        :disabled="herbsLocked"
                                        placeholder="剂量(克)"
                                        class="herb-editor-card__dose"
                                    />
                                    <span class="text-gray-500 shrink-0">克</span>
-                                    <el-button type="danger" size="small" link @click="handleRemoveHerb(row.index)">
+                                    <el-button v-if="!herbsLocked" type="danger" size="small" link @click="handleRemoveHerb(row.index)">
                                        删除
                                    </el-button>
                                </div>
@@ -518,6 +524,13 @@
        </div>

        <div v-else class="rx-wrap">
+            <el-tabs
+                v-model="prescriptionTabType"
+                class="rx-slip-tabs"
+            >
+                <el-tab-pane label="药房联" name="internal" />
+                <el-tab-pane label="处方联" name="user" />
+            </el-tabs>
            <div class="rx-toolbar">
                <el-tag v-if="savedPrescription.void_status === 1" type="danger" size="small">已作废</el-tag>
                <el-tag v-else-if="approvedPreviewOnly" type="success" size="small">已通过</el-tag>
@@ -543,9 +556,14 @@

            <div class="prescription-preview-content">
            <div v-if="savedPrescription" ref="prescriptionPrintRef" class="rx-paper">
+                <div class="rx-title">{{ prescriptionTabType === 'internal' ? '药房联' : SLIP_TITLE }}</div>
                <div class="rx-notice">
                    <span class="rx-notice-text">
-                        服药前请核对姓名、电话、医生等信息以及服法、医嘱等要点
+                        {{
+                            prescriptionTabType === 'user'
+                                ? '服药前请核对姓名、电话、医生等信息以及医嘱等要点'
+                                : '服药前请核对姓名、电话、医生等信息以及服法、医嘱等要点'
+                        }}
                    </span>
                    <span class="rx-notice-meta">
                        <span>日期：{{ rxDateText }}</span>
@@ -597,62 +615,97 @@
                </div>

                <div class="rx-rp">
-                    <div class="rx-watermark">药房联</div>
+                    <div class="rx-watermark">{{ prescriptionTabType === 'internal' ? '药房联' : '处方联' }}</div>
                    <div class="rx-rp-head">
                        <div class="rx-rp-label">Rp.</div>
                        <div class="rx-rp-cols-head">
                            <div class="rx-rp-col-head">
                                <span>用药 (单剂)</span>
-                                <span>总量</span>
+                                <span>{{ prescriptionTabType === 'user' ? '用量' : '总量' }}</span>
                            </div>
                            <div class="rx-rp-col-head">
                                <span>用药 (单剂)</span>
-                                <span>总量</span>
+                                <span>{{ prescriptionTabType === 'user' ? '用量' : '总量' }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="rx-herbs">
-                        <template v-if="savedMainHerbs.length">
-                            <div class="rx-herb-section-label">主方</div>
-                            <div
-                                v-for="(h, i) in savedMainHerbs"
-                                :key="'main-' + i"
-                                class="rx-herb-cell"
-                            >
-                                <span class="rx-herb-name">{{ h.name }} ({{ h.dosage }}克)</span>
-                                <span class="rx-herb-total">{{ rxHerbTotal(h.dosage) }}克</span>
-                            </div>
+                        <template v-if="prescriptionTabType === 'internal'">
+                            <template v-if="savedMainHerbs.length">
+                                <div class="rx-herb-section-label">主方</div>
+                                <div
+                                    v-for="(h, i) in savedMainHerbs"
+                                    :key="'main-' + i"
+                                    class="rx-herb-cell"
+                                >
+                                    <span class="rx-herb-name">{{ h.name }} ({{ h.dosage }}克)</span>
+                                    <span class="rx-herb-total">{{ rxHerbTotal(h.dosage) }}克</span>
+                                </div>
+                            </template>
+                            <template v-if="savedAuxHerbs.length">
+                                <div class="rx-herb-section-label rx-herb-section-label--aux">辅方</div>
+                                <div
+                                    v-for="(h, i) in savedAuxHerbs"
+                                    :key="'aux-' + i"
+                                    class="rx-herb-cell"
+                                >
+                                    <span class="rx-herb-name">{{ h.name }} ({{ h.dosage }}克)</span>
+                                    <span class="rx-herb-total">{{ rxHerbTotal(h.dosage) }}克</span>
+                                </div>
+                            </template>
                        </template>
-                        <template v-if="savedAuxHerbs.length">
-                            <div class="rx-herb-section-label rx-herb-section-label--aux">辅方</div>
-                            <div
-                                v-for="(h, i) in savedAuxHerbs"
-                                :key="'aux-' + i"
-                                class="rx-herb-cell"
-                            >
-                                <span class="rx-herb-name">{{ h.name }} ({{ h.dosage }}克)</span>
-                                <span class="rx-herb-total">{{ rxHerbTotal(h.dosage) }}克</span>
-                            </div>
+                        <template v-else>
+                            <template v-if="savedMainHerbs.length">
+                                <div class="rx-herb-section-label">主方</div>
+                                <div
+                                    v-for="(h, i) in savedMainHerbs"
+                                    :key="'user-main-' + i"
+                                    class="rx-herb-cell"
+                                >
+                                    <span class="rx-herb-name">{{ h.name }}</span>
+                                    <span class="rx-herb-total">{{ h.dosage }}克</span>
+                                </div>
+                            </template>
+                            <template v-if="savedAuxHerbs.length">
+                                <div class="rx-herb-section-label rx-herb-section-label--aux">辅方</div>
+                                <div
+                                    v-for="(h, i) in savedAuxHerbs"
+                                    :key="'user-aux-' + i"
+                                    class="rx-herb-cell"
+                                >
+                                    <span class="rx-herb-name">{{ h.name }}</span>
+                                    <span class="rx-herb-total">{{ h.dosage }}克</span>
+                                </div>
+                            </template>
                        </template>
                    </div>
                </div>

                <div class="rx-text">
-                    <p>主方服法：{{ rxUsageText }}</p>
-                    <p v-if="savedAuxUsageText">辅方服法：{{ savedAuxUsageText }}</p>
+                    <template v-if="prescriptionTabType === 'internal'">
+                        <p v-if="savedAuxUsageText">主方服法：{{ rxUsageText }}</p>
+                        <p v-else>服法：{{ rxUsageText }}</p>
+                        <p v-if="savedAuxUsageText">辅方服法：{{ savedAuxUsageText }}</p>
+                    </template>
                    <p v-if="rxAdviceText">医嘱：{{ rxAdviceText }}</p>
-                    <p v-if="rxRemarkText">备注：{{ rxRemarkText }}</p>
+                    <p v-if="prescriptionTabType === 'internal' && rxRemarkText">备注：{{ rxRemarkText }}</p>
                    <p v-if="savedPrescription.dietary_taboo && savedPrescription.dietary_taboo.length">
                        忌口：{{ Array.isArray(savedPrescription.dietary_taboo) ? savedPrescription.dietary_taboo.join('、') : savedPrescription.dietary_taboo }}
                    </p>
                    <p v-if="rxPharmacyRemarkText" class="rx-text-warn">药房备注：{{ rxPharmacyRemarkText }}</p>
-                    <p v-if="rxOutPelletText && savedPrescription.prescription_type !== '饮片'" class="rx-text-warn">
+                    <p
+                        v-if="prescriptionTabType === 'internal' && rxOutPelletText && savedPrescription.prescription_type !== '饮片'"
+                        class="rx-text-warn"
+                    >
                        出丸：{{ rxOutPelletText }}
                    </p>
                </div>

                <div class="rx-bottom">
-                    <div class="rx-bot-row rx-bot-row-1">
+                    <div
+                        class="rx-bot-row rx-bot-row-1"
+                        :class="{ 'rx-bot-row-1--user': prescriptionTabType === 'user' }"
+                    >
                        <div class="rx-bot-cell rx-bot-stack rx-bot-doctor">
                            <div class="rx-bot-label">医师</div>
                            <div class="rx-bot-doctor-body">
@@ -662,27 +715,33 @@
                                    alt="医师签名"
                                    class="rx-bot-sign-img"
                                />
-                                <div class="rx-bot-doctor-name">{{ savedPrescription.doctor_name || '—' }}</div>
+                                <div v-if="!savedPrescription.doctor_signature" class="rx-bot-doctor-name">
+                                    {{ savedPrescription.doctor_name || '—' }}
+                                </div>
                            </div>
                        </div>
-                        <div class="rx-bot-cell rx-bot-meta">
+                        <div v-if="prescriptionTabType === 'internal'" class="rx-bot-cell rx-bot-meta">
                            <span class="rx-bot-meta-key">类型:</span>
                            <span class="rx-bot-meta-val">{{ rxTypeText }}</span>
                        </div>
                        <div class="rx-bot-cell rx-bot-meta">
                            <span class="rx-bot-meta-key">天数:</span>
-                            <span class="rx-bot-meta-val">{{ savedPrescription.dose_count || '—' }}剂</span>
+                            <span class="rx-bot-meta-val">{{ rxSlipMedicationDaysText }}</span>
                        </div>
-                        <div class="rx-bot-cell rx-bot-meta">
-                            <span class="rx-bot-meta-key">单剂量:</span>
+                        <div v-if="prescriptionTabType === 'internal'" class="rx-bot-cell rx-bot-meta">
+                            <span class="rx-bot-meta-key">剂量:</span>
                            <span class="rx-bot-meta-val">{{ rxPerDoseAmount }}克</span>
                        </div>
                    </div>
+                    <div v-if="prescriptionTabType === 'user'" class="rx-bot-row rx-hospital-row">
+                        <div class="rx-hospital-line">成都双流甄养堂互联网医院有限公司 联系方式：4001667339</div>
+                        <div class="rx-hospital-line">地址：四川省成都市双流区黄甲街道黄龙大道二段280号</div>
+                    </div>
                </div>
            </div>

            <!-- 详细病历 - 单独A3纸张 -->
-            <div v-if="savedPrescription.case_record" ref="caseRecordPrintRef" class="case-record-a3">
+            <div v-if="savedPrescription.case_record && !hideCaseRecordPreview" ref="caseRecordPrintRef" class="case-record-a3">
                <div class="case-record-a3-inner">
                    <h2 class="case-record-a3-title">{{ templateConfig.stationName }} 详细病历</h2>
                    <div class="case-record-a3-body">
@@ -989,6 +1048,8 @@ interface Herb {
    name: string
    dosage: number
    formula_type?: FormulaType
+    /** 来自「禁用修改」处方库模板：锁定后不可增删改，只能再次导入覆盖 */
+    locked?: boolean
 }

 type AuxUsageForm = {
@@ -1005,11 +1066,15 @@ function normalizeFormulaType(v: unknown): FormulaType {
 }

 function normalizeHerbRow(raw: any): Herb {
-    return {
+    const row: Herb = {
        name: String(raw?.name ?? '').trim(),
        dosage: Number(raw?.dosage) || 0,
        formula_type: normalizeFormulaType(raw?.formula_type)
    }
+    if (raw?.locked === true || raw?.locked === 1) {
+        row.locked = true
+    }
+    return row
 }

 function defaultAuxUsage(prescriptionType = '浓缩水丸'): AuxUsageForm {
@@ -1148,6 +1213,10 @@ const signatureActivePointerId = ref<number | null>(null)
 const SIGNATURE_CSS_W = 560
 const SIGNATURE_CSS_H = 168
 const savedPrescription = ref<any>(null)
+/** 预览联次：药房联 / 处方联（与消费者处方查看一致） */
+const prescriptionTabType = ref<'internal' | 'user'>('internal')
+/** 诊单列表「查看」仅展示处方联，不展示详细病历 A3 */
+const hideCaseRecordPreview = ref(false)

 /** 已通过且未作废：与消费者处方「查看」一致，仅预览，不可作废/再开新方 */
 const approvedPreviewOnly = computed(() => {
@@ -1279,38 +1348,76 @@ const rxPharmacyRemarkText = computed(() => {
    return v.pharmacy_remark || v.pharmacy_note || ''
 })

-const rxOutPelletText = computed(() => {
+/** 笺面用药天数：与 consumer/prescription/order_list 一致 */
+const rxSlipMedicationDaysText = computed(() => {
    const v = savedPrescription.value as any
-    if (!v) return ''
-    const out = computeRxOutPellet(v)
-    return out ? `${out}克` : ''
+    if (!v) return '—'
+    const md = v.medication_days ?? v.usage_days
+    if (md != null && String(md).trim() !== '') return `${md} 天`
+    const dc = v.dose_count
+    if (dc != null && String(dc).trim() !== '' && Number(dc) > 0) return `${dc} 天`
+    return '—'
 })

-function computeRxOutPellet(v: any): string {
+/** 主方出丸：用药疗程 medication_days → usage_days → dose_count；出丸 = 每袋用量×袋数×每天次数×服用天数 */
+const slipPillGrams = computed(() => {
+    const d = savedPrescription.value as any
+    if (!d || (d.prescription_type || '浓缩水丸') !== '浓缩水丸') return null
+    const days = Number(d.medication_days ?? d.usage_days ?? d.dose_count)
+    const times = Number(d.times_per_day)
+    const doseG = Number(d.dosage_amount)
+    const bags = Number(d.dosage_bag_count) > 0 ? Number(d.dosage_bag_count) : 1
+    if (!Number.isFinite(days) || !Number.isFinite(times) || !Number.isFinite(doseG)) return null
+    if (days <= 0 || times <= 0 || doseG <= 0) return null
+    return days * times * doseG * bags
+})
+
+/** 辅方出丸：公式同主方，用 aux_usage 字段 */
+const slipAuxPillGrams = computed(() => {
+    const d = savedPrescription.value as any
+    if (!d || (d.prescription_type || '浓缩水丸') !== '浓缩水丸') return null
+    if (!savedAuxHerbs.value.length) return null
+    const aux = normalizeAuxUsageForm(d.aux_usage, d.prescription_type || '浓缩水丸')
+    const days = Number(d.medication_days ?? aux.usage_days)
+    const times = Number(aux.times_per_day)
+    const doseG = Number(aux.dosage_amount)
+    const bags = Number(aux.dosage_bag_count) > 0 ? Number(aux.dosage_bag_count) : 1
+    if (!Number.isFinite(days) || !Number.isFinite(times) || !Number.isFinite(doseG)) return null
+    if (days <= 0 || times <= 0 || doseG <= 0) return null
+    return days * times * doseG * bags
+})
+
+/** 出丸：优先 slipPillGrams + slipAuxPillGrams，否则 out_pellet / 药材总量×剂数 */
+const rxOutPelletGrams = computed(() => {
+    const main = slipPillGrams.value
+    const aux = slipAuxPillGrams.value
+    const mainNum = typeof main === 'number' && isFinite(main) && main > 0 ? main : 0
+    const auxNum = typeof aux === 'number' && isFinite(aux) && aux > 0 ? aux : 0
+    const sum = mainNum + auxNum
+    if (sum > 0) return formatRxNum(sum)
+    const v = savedPrescription.value as any
    if (!v) return ''
-    if ((v.prescription_type || '浓缩水丸') === '浓缩水丸') {
-        const days = Number(v.usage_days ?? v.dose_count)
-        const times = Number(v.times_per_day)
-        const doseG = Number(v.dosage_amount)
-        const bags = Number(v.dosage_bag_count) > 0 ? Number(v.dosage_bag_count) : 1
-        if (
-            Number.isFinite(days) &&
-            Number.isFinite(times) &&
-            Number.isFinite(doseG) &&
-            days > 0 &&
-            times > 0 &&
-            doseG > 0
-        ) {
-            return formatRxNum(days * times * doseG * bags)
-        }
-    }
    const explicit = v.out_pellet || v.total_weight
    if (explicit && Number(explicit) > 0) return formatRxNum(Number(explicit))
    const list = savedSlipHerbsList.value
    if (!list.length) return ''
    const perDose = list.reduce((acc: number, h: any) => acc + (Number(h?.dosage) || 0), 0)
    return formatRxNum(perDose * rxDoseCount.value)
-}
+})
+
+const rxOutPelletText = computed(() => {
+    const out = rxOutPelletGrams.value
+    if (!out) return ''
+    const main = slipPillGrams.value
+    const aux = slipAuxPillGrams.value
+    if (
+        typeof main === 'number' && isFinite(main) && main > 0 &&
+        typeof aux === 'number' && isFinite(aux) && aux > 0
+    ) {
+        return `${out}克（主方 ${formatRxNum(main)}克 + 辅方 ${formatRxNum(aux)}克）`
+    }
+    return `${out}克`
+})

 function formatRxNum(n: number): string {
    if (!isFinite(n)) return '0'
@@ -1349,6 +1456,12 @@ const auxHerbRows = computed(() =>
 const mainHerbCount = computed(() => mainHerbRows.value.length)
 const auxHerbCount = computed(() => auxHerbRows.value.length)

+/**
+ * 整张处方是否被锁定：只要任一药材来自「禁用修改」模板即锁定。
+ * 锁定后：不可增删改任意药材，仅可再次「从处方库导入」覆盖。
+ */
+const herbsLocked = computed(() => formData.herbs.some((h) => (h as Herb).locked === true))
+
 const libraryDoctorId = computed(() => {
    const uid = Number(userStore.userInfo?.id)
    return uid > 0 ? uid : 0
@@ -1542,6 +1655,8 @@ async function handlePasteRecipeImport() {
    }
 }

+const SLIP_TITLE = '成都双流甄养堂互联网医院 处方笺'
+
 const templateConfig = reactive({
    stationName: '成都双流甄养堂互联网医院',
    showDisclaimer: true,
@@ -1790,7 +1905,14 @@ const open = async (data: any, options?: { templateId?: number; stationName?: st
    }
 }

-const openById = async (prescriptionId: number) => {
+type OpenByIdOptions = {
+    /** 默认 internal；诊单列表查看传 user 展示处方联 */
+    slipType?: 'internal' | 'user'
+    /** 为 true 时不展示详细病历 A3 */
+    hideCaseRecord?: boolean
+}
+
+const openById = async (prescriptionId: number, options?: OpenByIdOptions) => {
    // 防止重复打开
    if (isOpening.value) {
        console.warn('处方正在打开中，请勿重复点击')
@@ -1798,6 +1920,8 @@ const openById = async (prescriptionId: number) => {
    }
    
    isOpening.value = true
+    prescriptionTabType.value = options?.slipType ?? 'internal'
+    hideCaseRecordPreview.value = options?.hideCaseRecord ?? false
    
    try {
        const res = await prescriptionDetail({ id: prescriptionId })
@@ -1819,6 +1943,8 @@ const openById = async (prescriptionId: number) => {
 const handleClose = () => {
    visible.value = false
    savedPrescription.value = null
+    prescriptionTabType.value = 'internal'
+    hideCaseRecordPreview.value = false
 }

 /**
@@ -1935,10 +2061,18 @@ function findDuplicateHerbNames(): string[] {
 }

 const handleAddHerb = (formulaType: FormulaType = '主方') => {
+    if (herbsLocked.value) {
+        feedback.msgWarning('该处方含「禁用修改」模板，药材已锁定，请重新从处方库导入覆盖')
+        return
+    }
    formData.herbs.push({ name: '', dosage: 6, formula_type: formulaType })
 }

 const handleRemoveHerb = (index: number) => {
+    if (herbsLocked.value) {
+        feedback.msgWarning('该处方含「禁用修改」模板，药材已锁定，不可删除')
+        return
+    }
    formData.herbs.splice(index, 1)
 }

@@ -1995,10 +2129,18 @@ const handleImportLibrary = (row: any) => {
    }

    const formulaType = normalizeFormulaType(row.formula_type)
-    const imported = (JSON.parse(JSON.stringify(row.herbs)) as any[]).map((h) => ({
-        ...normalizeHerbRow(h),
-        formula_type: formulaType
-    }))
+    // 「禁用修改」模板：导入的药材打上锁定标记 → 整张处方锁定（不可增删改，只能再次导入覆盖）
+    const isLockedTemplate = Number(row?.disable_edit) === 1
+    const imported = (JSON.parse(JSON.stringify(row.herbs)) as any[]).map((h) => {
+        const herb = normalizeHerbRow(h)
+        herb.formula_type = formulaType
+        if (isLockedTemplate) {
+            herb.locked = true
+        } else {
+            delete herb.locked
+        }
+        return herb
+    })
    if (libraryImportMode.value === 'replace') {
        const kept = formData.herbs.filter((h) => normalizeFormulaType(h.formula_type) !== formulaType)
        formData.herbs = [...kept, ...imported]
@@ -2438,6 +2580,17 @@ defineExpose({
            color: var(--el-text-color-regular);
        }

+        .rp-toolbar__lock-tip {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            flex-wrap: wrap;
+            margin: 6px 0 0;
+            font-size: 12px;
+            line-height: 1.55;
+            color: var(--el-color-danger);
+        }
+
        .rp-toolbar__actions {
            display: flex;
            flex-wrap: wrap;
@@ -2549,6 +2702,15 @@ defineExpose({
    margin: -20px;
 }

+.rx-slip-tabs {
+    margin-bottom: 0;
+    z-index: 1;
+    position: relative;
+    background: #fff;
+    padding: 0 4px;
+    border-radius: 6px 6px 0 0;
+}
+
 .rx-toolbar {
    display: flex;
    align-items: center;
@@ -2593,6 +2755,15 @@ defineExpose({
    overflow: visible;
 }

+.rx-title {
+    text-align: center;
+    font-size: 28px;
+    font-weight: 700;
+    line-height: 1.2;
+    margin: 10px 0 35px;
+    letter-spacing: 0.08em;
+}
+
 .rx-notice {
    display: flex;
    align-items: center;
@@ -2813,6 +2984,27 @@ defineExpose({
    min-height: 70px;
 }

+.rx-bot-row-1--user {
+    grid-template-columns: 1.4fr 0.6fr;
+}
+
+.rx-hospital-row {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 2px;
+    padding: 10px 12px;
+    min-height: 52px;
+    text-align: left;
+}
+
+.rx-hospital-line {
+    font-size: 12px;
+    color: #374151;
+    line-height: 1.6;
+}
+
 .rx-bot-cell {
    border-right: 1px solid #c8c8c8;
    padding: 6px 10px;
@@ -1,28 +1,31 @@
 const defaultSetting = {
    showCrumb: true, // 是否显示面包屑
-    showLogo: false, // 是否显示logo
+    showLogo: true, // 是否显示logo
    isUniqueOpened: true, //只展开一个一级菜单
-    sideWidth: 183, //侧边栏宽度
-    sideTheme: 'dark', //侧边栏主题
-    sideDarkColor: '#1d2124', //侧边栏深色主题颜色
+    sideWidth: 200, //侧边栏宽度
+    sideTheme: 'light', //侧边栏主题
+    sideDarkColor: '#0369A1', //侧边栏深色主题颜色（深天蓝）
    openMultipleTabs: true, // 是否开启多标签tab栏
-    theme: '#4A5DFF', //主题色
-    successTheme: '#67c23a', //成功主题色
-    warningTheme: '#e6a23c', //警告主题色
-    dangerTheme: '#f56c6c', //危险主题色
-    errorTheme: '#f56c6c', //错误主题色
-    infoTheme: '#909399' //信息主题色
+    theme: '#0EA5E9', //主题色（天蓝）
+    successTheme: '#16A34A', //成功主题色
+    warningTheme: '#D97706', //警告主题色
+    dangerTheme: '#DC2626', //危险主题色
+    errorTheme: '#DC2626', //错误主题色
+    infoTheme: '#64748B' //信息主题色
 }

 /** 本地 setting 缓存结构版本。提升后仅对低于该版本的老缓存执行 SETTING_SCHEMA_MIGRATIONS */
-export const SETTING_SCHEMA_VERSION = 1
+export const SETTING_SCHEMA_VERSION = 4

 /**
 * 按版本写入 defaultSetting 中的键（老用户 localStorage 会长期盖住 config 默认值）。
 * 以后若要再推一批新默认值：把 SETTING_SCHEMA_VERSION +1，并为本版本追加一条迁移键列表。
 */
 export const SETTING_SCHEMA_MIGRATIONS: Record<number, (keyof typeof defaultSetting)[]> = {
-    1: ['sideTheme', 'sideDarkColor']
+    1: ['sideTheme', 'sideDarkColor'],
+    2: ['theme', 'successTheme', 'warningTheme', 'dangerTheme', 'errorTheme', 'infoTheme', 'sideTheme', 'sideDarkColor', 'showLogo', 'sideWidth'],
+    3: ['theme', 'sideTheme', 'sideDarkColor', 'sideWidth'],
+    4: ['theme', 'sideDarkColor']
 }

 export default defaultSetting
@@ -0,0 +1,88 @@
+export type ListTimeType = 'all' | 'today' | 'yesterday' | 'week' | 'month' | 'custom'
+
+export function formatYmd(d: Date): string {
+    const y = d.getFullYear()
+    const m = String(d.getMonth() + 1).padStart(2, '0')
+    const day = String(d.getDate()).padStart(2, '0')
+    return `${y}-${m}-${day}`
+}
+
+/** 列表时间筛选：month 为本自然月 1 日～月末 */
+export function resolveListTimeRange(timeType: ListTimeType, dateRange: string[]): [string, string] {
+    const today = formatYmd(new Date())
+
+    switch (timeType) {
+        case 'all':
+            return ['', '']
+        case 'yesterday': {
+            const d = new Date()
+            d.setDate(d.getDate() - 1)
+            const y = formatYmd(d)
+            return [y, y]
+        }
+        case 'week': {
+            const end = new Date()
+            const start = new Date()
+            start.setDate(start.getDate() - 6)
+            return [formatYmd(start), formatYmd(end)]
+        }
+        case 'month': {
+            const now = new Date()
+            const start = new Date(now.getFullYear(), now.getMonth(), 1)
+            const end = new Date(now.getFullYear(), now.getMonth() + 1, 0)
+            return [formatYmd(start), formatYmd(end)]
+        }
+        case 'custom': {
+            let start = dateRange[0] || today
+            let end = dateRange[1] || today
+            if (start > end) {
+                ;[start, end] = [end, start]
+            }
+            return [start, end]
+        }
+        case 'today':
+        default:
+            return [today, today]
+    }
+}
+
+export function useListTimeFilter(defaultType: ListTimeType = 'today') {
+    const time_type = ref<ListTimeType>(defaultType)
+    const dateRange = ref<string[]>([])
+
+    const resolve = () => resolveListTimeRange(time_type.value, dateRange.value)
+
+    const handleTimeTypeChange = (onQuery: () => void) => {
+        if (time_type.value !== 'custom') {
+            dateRange.value = []
+            onQuery()
+        }
+    }
+
+    const handleCustomDateChange = (onQuery: () => void) => {
+        if (dateRange.value.length === 2) {
+            onQuery()
+        }
+    }
+
+    const resetTimeFilter = () => {
+        time_type.value = defaultType
+        dateRange.value = []
+    }
+
+    const applyCustomRange = (start: string, end: string) => {
+        if (!start || !end) return
+        time_type.value = 'custom'
+        dateRange.value = [start, end]
+    }
+
+    return {
+        time_type,
+        dateRange,
+        resolve,
+        handleTimeTypeChange,
+        handleCustomDateChange,
+        resetTimeFilter,
+        applyCustomRange,
+    }
+}
@@ -26,17 +26,19 @@ useWatchRoute((route) => {
 .app-breadcrumb {
    :deep(.el-breadcrumb__item) {
        .el-breadcrumb__inner {
-            color: #303133;
+            color: var(--el-text-color-regular);
+            font-weight: 400;
+            transition: color 0.2s ease;
+        }
+
+        &:last-child .el-breadcrumb__inner {
+            color: var(--health-primary-dark, var(--el-color-primary));
            font-weight: 500;
        }
-        
-        &:last-child .el-breadcrumb__inner {
-            color: #303133;
-        }
    }
-    
+
    :deep(.el-breadcrumb__separator) {
-        color: #606266;
+        color: var(--el-text-color-secondary);
    }
 }
 </style>
@@ -1,8 +1,14 @@
 <template>
    <header class="header">
        <div class="navbar">
-            <div class="flex-1 flex">
-                <div class="navbar-item">
+            <div class="navbar-left flex-1 flex items-center min-w-0">
+                <side-logo
+                    v-if="settingStore.showLogo"
+                    class="navbar-logo shrink-0"
+                    :show-title="!isCollapsed || isMobile"
+                    theme="light"
+                />
+                <div class="navbar-item shrink-0">
                    <el-tooltip
                        class="box-item"
                        effect="dark"
@@ -12,16 +18,19 @@
                        <fold />
                    </el-tooltip>
                </div>
-                <div class="navbar-item">
+                <div class="navbar-item shrink-0">
                    <el-tooltip class="box-item" effect="dark" content="刷新" placement="bottom">
                        <refresh />
                    </el-tooltip>
                </div>
-                <div class="flex items-center px-2" v-if="!isMobile && settingStore.showCrumb">
+                <div
+                    class="flex items-center px-2 min-w-0"
+                    v-if="!isMobile && settingStore.showCrumb"
+                >
                    <breadcrumb />
                </div>
            </div>
-            <div class="flex">
+            <div class="navbar-right flex shrink-0">
                <div class="navbar-item" v-if="!isMobile">
                    <el-tooltip
                        class="box-item"
@@ -47,7 +56,6 @@
                </div>
            </div>
        </div>
-        <multiple-tabs v-if="settingStore.openMultipleTabs" />
    </header>
 </template>

@@ -57,11 +65,11 @@ import { useFullscreen } from '@vueuse/core'
 import useAppStore from '@/stores/modules/app'
 import useSettingStore from '@/stores/modules/setting'

+import SideLogo from '../sidebar/logo.vue'
 import Setting from '../setting/index.vue'
 import Breadcrumb from './breadcrumb.vue'
 import Fold from './fold.vue'
 import FullScreen from './full-screen.vue'
-import MultipleTabs from './multiple-tabs.vue'
 import Refresh from './refresh.vue'
 import UserDropDown from './user-drop-down.vue'

@@ -73,11 +81,31 @@ const { isFullscreen } = useFullscreen()
 </script>

 <style lang="scss">
+.header {
+    background: var(--el-bg-color);
+    border-bottom: 1px solid var(--health-border, var(--el-border-color-lighter));
+    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
+}
+
 .navbar {
    height: var(--navbar-height);
-    @apply flex px-2 bg-body;
+    @apply flex px-4;
+
+    .navbar-logo {
+        margin-right: 4px;
+        border-bottom: none !important;
+        padding-right: 8px !important;
+    }
+
    .navbar-item {
-        @apply h-full  flex justify-center items-center  hover:bg-page;
+        @apply h-10 flex justify-center items-center cursor-pointer;
+        min-width: 40px;
+        border-radius: 8px;
+        transition: background-color 0.2s ease;
+
+        &:hover {
+            background-color: var(--el-fill-color);
+        }
    }
 }
 </style>
@@ -1,5 +1,5 @@
 <template>
-    <div class="app-tabs pl-4 flex bg-body">
+    <div class="app-tabs flex bg-body">
        <div class="flex-1 min-w-0">
            <el-tabs
                :model-value="currentTab"
@@ -13,7 +13,7 @@
            </el-tabs>
        </div>
        <el-dropdown @command="handleCommand">
-            <span class="flex items-center px-3">
+            <span class="flex items-center px-3 cursor-pointer tab-dropdown">
                <icon :size="16" name="el-icon-arrow-down" />
            </span>
            <template #dropdown>
@@ -58,9 +58,22 @@ const handleCommand = (command: any) => {
    }
 }
 </script>
+
 <style lang="scss" scoped>
 .app-tabs {
-    @apply border-t border-br;
+    padding: 0 16px;
+    background: var(--el-bg-color);
+    border-bottom: 1px solid var(--health-border, var(--el-border-color-lighter));
+
+    .tab-dropdown {
+        height: 40px;
+        border-radius: 6px;
+        transition: background-color 0.2s ease;
+        &:hover {
+            background-color: var(--el-fill-color);
+        }
+    }
+
    :deep(.el-tabs) {
        height: 40px;
        .el-tabs {
@@ -80,35 +93,19 @@ const handleCommand = (command: any) => {
            }
            &__item {
                font-weight: normal;
-                padding: 0 15px !important;
+                padding: 0 16px !important;
                box-sizing: border-box;
+                color: var(--el-text-color-secondary);
+                transition: color 0.2s ease;
                &.is-active {
-                    color: var(--el-text-color-primary);
-                    background-color: var(--el-color-primary-light-9);
-                    &::before {
-                        content: '';
-                        display: inline-block;
-                        width: 6px;
-                        height: 6px;
-                        background-color: var(--el-color-primary);
-                        margin-right: 6px;
-                        border-radius: 50%;
-                        vertical-align: 2px;
-                    }
-                    &::after {
-                        position: absolute;
-                        content: '';
-                        display: block;
-                        top: 0;
-                        height: 2px;
-                        left: 0;
-                        width: 100%;
-                        background-color: var(--el-color-primary);
-                    }
+                    color: var(--health-primary-dark, var(--el-color-primary));
+                    font-weight: 500;
                }
                .is-icon-close {
-                    color: var(--el-text-color-regular);
+                    color: var(--el-text-color-secondary);
                    vertical-align: -2px;
+                    border-radius: 50%;
+                    transition: all 0.2s ease;
                    &:hover {
                        color: var(--color-white);
                        background-color: var(--el-color-danger);
@@ -116,7 +113,9 @@ const handleCommand = (command: any) => {
                }
            }
            &__active-bar {
-                display: none;
+                height: 2px;
+                border-radius: 2px;
+                background-color: var(--health-primary, var(--el-color-primary));
            }
        }
    }
@@ -1,7 +1,7 @@
 <template>
-    <main class="main-wrap h-full bg-page">
+    <main class="main-wrap h-full">
        <el-scrollbar>
-            <div class="px-2 py-4">
+            <div class="main-content">
                <router-view v-if="isRouteShow" v-slot="{ Component, route }">
                    <keep-alive :include="includeList" :max="20">
                        <component :is="Component" :key="route.fullPath" />
@@ -24,4 +24,14 @@ const isRouteShow = computed(() => appStore.isRouteShow)
 const includeList = computed(() => (settingStore.openMultipleTabs ? tabsStore.getCacheTabList : []))
 </script>

-<style></style>
+<style lang="scss" scoped>
+.main-wrap {
+    height: 100%;
+    background: var(--el-bg-color);
+}
+
+.main-content {
+    padding: 16px 20px 24px;
+    min-height: 100%;
+}
+</style>
@@ -100,7 +100,7 @@ import theme_light from '@/assets/images/theme_white.png'
 import useSettingStore from '@/stores/modules/setting'

 const settingStore = useSettingStore()
-const predefineColors = ref(['#409EFF', '#28C76F', '#EA5455', '#FF9F43', '#01CFE8', '#4A5DFF'])
+const predefineColors = ref(['#0EA5E9', '#38BDF8', '#0284C7', '#16A34A', '#DC2626', '#0369A1'])
 const sideThemeList = [
    {
        type: 'dark',
@@ -44,11 +44,13 @@ const handleClick = () => {
    overflow: hidden;
    cursor: pointer;
    user-select: none;
-    @apply flex items-center p-2 relative;
+    @apply flex items-center px-3 relative;
+
    .logo-title {
        width: 70%;
        position: absolute;
-        @apply text-xl;
+        @apply text-base font-medium;
+        color: var(--el-text-color-primary);
    }

    .title-width-enter-active {
@@ -67,33 +67,53 @@ const themeClass = computed(() => `theme-${props.theme}`)
    &.theme-dark {
        .el-menu {
            :deep(.el-menu-item) {
+                margin: 2px 10px;
+                border-radius: 6px;
                &.is-active {
-                    @apply bg-primary border-primary;
+                    background-color: rgba(255, 255, 255, 0.12);
+                    color: #fff;
+                    font-weight: 500;
                }
            }
+            :deep(.el-sub-menu__title) {
+                margin: 2px 10px;
+                border-radius: 6px;
+            }
        }
        :deep(.el-menu--collapse) {
            .el-sub-menu.is-active .el-sub-menu__title {
-                @apply bg-primary #{!important};
+                background-color: rgba(255, 255, 255, 0.12) !important;
            }
        }
    }
    &.theme-light {
        :deep(.el-menu) {
            .el-menu-item {
-                border-color: transparent;
+                margin: 2px 10px;
+                border-radius: 6px;
+                color: var(--el-text-color-regular);
                &.is-active {
-                    @apply bg-primary-light-9 border-r-2 border-primary;
+                    background-color: var(--health-primary-light, var(--el-color-primary-light-9));
+                    color: var(--health-primary-dark, var(--el-color-primary));
+                    font-weight: 500;
                }
            }
+            .el-sub-menu__title {
+                margin: 2px 10px;
+                border-radius: 6px;
+                color: var(--el-text-color-regular);
+            }
            .el-menu-item:hover,
            .el-sub-menu__title:hover {
-                color: var(--el-color-primary);
+                background-color: var(--el-fill-color);
+                color: var(--el-text-color-primary);
            }
        }
    }
    .el-menu {
        border-right: none;
+        background: transparent;
+        padding: 10px 0;
        &:not(.el-menu--collapse) {
            width: var(--aside-width);
        }
@@ -1,6 +1,10 @@
 <template>
    <div class="side" :style="sideStyle">
-        <side-logo v-if="settingStore.showLogo" :show-title="!isCollapsed" :theme="sideTheme" />
+        <side-logo
+            v-if="settingStore.showLogo && appStore.isMobile"
+            :show-title="!isCollapsed"
+            :theme="sideTheme"
+        />
        <side-menu
            :routes="routes"
            :is-collapsed="isCollapsed"
@@ -45,9 +49,9 @@ const sideStyle = computed(() => {
 })
 const menuProp = computed(() => {
    return {
-        backgroundColor: sideTheme.value == 'dark' ? settingStore.sideDarkColor : '',
-        textColor: sideTheme.value == 'dark' ? 'var(--el-color-white)' : '',
-        activeTextColor: sideTheme.value == 'dark' ? 'var(--el-color-white)' : ''
+        backgroundColor: sideTheme.value == 'dark' ? settingStore.sideDarkColor : 'transparent',
+        textColor: sideTheme.value == 'dark' ? 'rgba(255,255,255,0.85)' : '',
+        activeTextColor: sideTheme.value == 'dark' ? '#ffffff' : ''
    }
 })
 const handleSelect = () => {
@@ -60,8 +64,8 @@ const handleSelect = () => {
 <style lang="scss" scoped>
 .side {
    position: relative;
-    z-index: 999;
-    @apply border-r border-br-light h-full flex flex-col;
-    background-color: var(--side-dark-color, var(--el-bg-color));
+    z-index: 10;
+    @apply h-full flex flex-col;
+    background-color: var(--side-dark-color, var(--health-bg-sidebar, var(--el-bg-color)));
 }
 </style>
@@ -1,23 +1,42 @@
 <template>
-    <div class="layout-default flex h-screen w-full">
-        <!-- shrink-0：避免主内容区（宽表格/图表）把侧栏压缩到折叠宽度 -->
-        <div class="app-aside shrink-0">
-            <layout-sidebar />
+    <div class="layout-default flex flex-col h-screen w-full bg-page">
+        <div class="app-header shrink-0">
+            <layout-header />
        </div>

-        <div class="flex-1 flex flex-col min-w-0">
-            <div class="app-header">
-                <layout-header />
+        <div class="layout-body flex flex-1 min-h-0">
+            <div class="app-aside shrink-0">
+                <layout-sidebar />
            </div>
-            <div class="app-main flex-1 min-h-0">
-                <layout-main />
+
+            <div class="app-content flex flex-1 flex-col min-w-0 bg-body">
+                <multiple-tabs v-if="settingStore.openMultipleTabs" />
+                <div class="app-main flex-1 min-h-0">
+                    <layout-main />
+                </div>
            </div>
        </div>
    </div>
 </template>

 <script setup lang="ts">
+import useSettingStore from '@/stores/modules/setting'
+
 import LayoutHeader from './components/header/index.vue'
+import MultipleTabs from './components/header/multiple-tabs.vue'
 import LayoutMain from './components/main.vue'
 import LayoutSidebar from './components/sidebar/index.vue'
+
+const settingStore = useSettingStore()
 </script>
+
+<style lang="scss" scoped>
+.layout-body {
+    flex: 1;
+    min-height: 0;
+}
+
+.app-content {
+    border-left: 1px solid var(--health-border, var(--el-border-color-lighter));
+}
+</style>
@@ -1,43 +1,46 @@
 :root.dark {
    color-scheme: dark;
-    --table-header-bg-color: var(--el-bg-color);
-    --el-bg-color-page: #0a0a0a;
-    --el-bg-color: #1d2124;
-    --el-bg-color-overlay: #1d1e1f;
-    --el-text-color-primary: #e5eaf3;
-    --el-text-color-regular: #cfd3dc;
-    --el-text-color-secondary: #a3a6ad;
-    --el-text-color-placeholder: #8d9095;
-    --el-text-color-disabled: #6c6e72;
-    --el-border-color-darker: #636466;
-    --el-border-color-dark: #58585b;
-    --el-border-color: #4c4d4f;
-    --el-border-color-light: #414243;
-    --el-border-color-lighter: #363637;
-    --el-border-color-extra-light: #2b2b2c;
-    --el-fill-color-darker: #424243;
-    --el-fill-color-dark: #39393a;
-    --el-fill-color: #303030;
-    --el-fill-color-light: #262727;
-    --el-fill-color-lighter: #1d1d1d;
-    --el-fill-color-extra-light: #191919;
+    --table-header-bg-color: #1E293B;
+    --health-bg-page: #0F1419;
+    --health-bg-sidebar: #151B23;
+    --health-text-primary: #F1F5F9;
+    --health-text-secondary: #94A3B8;
+    --health-border: #334155;
+    --health-border-light: #1E293B;
+    --health-primary-light: rgba(14, 165, 233, 0.15);
+    --el-bg-color-page: var(--health-bg-page);
+    --el-bg-color: #151B23;
+    --el-bg-color-overlay: #1E293B;
+    --el-text-color-primary: var(--health-text-primary);
+    --el-text-color-regular: #CBD5E1;
+    --el-text-color-secondary: #94A3B8;
+    --el-text-color-placeholder: #64748B;
+    --el-text-color-disabled: #475569;
+    --el-border-color-darker: #475569;
+    --el-border-color-dark: #334155;
+    --el-border-color: #334155;
+    --el-border-color-light: #334155;
+    --el-border-color-lighter: #1E293B;
+    --el-border-color-extra-light: #151B23;
+    --el-fill-color-darker: #334155;
+    --el-fill-color-dark: #1E293B;
+    --el-fill-color: #1E293B;
+    --el-fill-color-light: #151B23;
+    --el-fill-color-lighter: #0F1419;
+    --el-fill-color-extra-light: #1E293B;
    --el-fill-color-blank: var(--el-bg-color);
-    --el-mask-color: rgba(0, 0, 0, 0.8);
-    --el-mask-color-extra-light: rgba(0, 0, 0, 0.3);
-    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.36), 0px 8px 20px rgba(0, 0, 0, 0.72);
-    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.72);
-    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.72);
-    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.72), 0px 12px 32px #000000,
-        0px 8px 16px -8px #000000 !important;
-    /* wangeditor主题 */
+    --el-mask-color: rgba(0, 0, 0, 0.72);
+    --el-mask-color-extra-light: rgba(0, 0, 0, 0.36);
+    --el-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+    --el-box-shadow-light: 0 1px 4px rgba(0, 0, 0, 0.25);
+    --el-box-shadow-lighter: 0 1px 2px rgba(0, 0, 0, 0.2);
+    --el-box-shadow-dark: 0 4px 16px rgba(0, 0, 0, 0.4);
    --w-e-textarea-bg-color: var(--el-bg-color);
    --w-e-textarea-color: var(--el-text-color-primary);
    --w-e-textarea-border-color: var(--el-border-color);
    --w-e-textarea-slight-border-color: var(--el-border-color-light);
    --w-e-textarea-slight-color: var(--el-border-color);
    --w-e-textarea-slight-bg-color: var(--el-bg-color-page);
-    /* --w-e-textarea-selected-border-color: #b4d5ff;
-  --w-e-textarea-handler-bg-color: #4290f7; */
    --w-e-toolbar-color: var(--el-text-color-primary);
    --w-e-toolbar-bg-color: var(--el-bg-color);
    --w-e-toolbar-active-color: var(--el-text-color-primary);
@@ -23,7 +23,7 @@
            flex: none;
            display: flex;
            flex-direction: column;
-            border-radius: 5px;
+            border-radius: 8px;

            &.body-padding .el-dialog__body {
                padding: 0;
@@ -56,17 +56,27 @@
    }

    .el-table {
-        --el-table-header-text-color: var(--el-text-color-primary);
+        --el-table-header-text-color: var(--el-text-color-regular);
        --el-table-header-bg-color: var(--table-header-bg-color);
+        --el-table-border-color: var(--health-border, var(--el-border-color-lighter));
+        --el-table-row-hover-bg-color: var(--el-fill-color-light);
        font-size: var(--el-font-size-base);
+        border-radius: 8px;
+        overflow: hidden;

        thead {
            th {
-                font-weight: 400;
+                font-weight: 500;
            }
        }
    }

+    .el-card {
+        border-radius: 8px;
+        border-color: var(--health-border, var(--el-border-color-lighter));
+        box-shadow: none;
+    }
+
    .el-input-group__prepend {
        background-color: var(--el-fill-color-blank);
    }
@@ -78,22 +88,30 @@
    .el-menu--popup-container {
        &.theme-light {
            .el-menu {
+                border-radius: 8px;
+                padding: 4px;
                .el-menu-item {
+                    border-radius: 6px;
                    &.is-active {
-                        @apply bg-primary-light-9 border-primary border-r-2;
+                        background-color: var(--health-primary-light, var(--el-color-primary-light-9));
+                        color: var(--health-primary-dark, var(--el-color-primary));
+                        font-weight: 500;
                    }
                }
                .el-menu-item:hover,
                .el-sub-menu__title:hover {
-                    color: var(--el-color-primary);
+                    background-color: var(--el-fill-color-light);
                }
            }
        }
        &.theme-dark {
            .el-menu {
+                border-radius: 8px;
+                padding: 4px;
                .el-menu-item {
+                    border-radius: 6px;
                    &.is-active {
-                        @apply bg-primary;
+                        background-color: rgba(255, 255, 255, 0.12);
                    }
                }
            }
@@ -110,6 +128,12 @@
        }
    }

+    .el-button {
+        border-radius: 6px;
+        font-weight: 500;
+        transition: all 0.2s ease;
+    }
+
    .el-button--primary {
        --el-button-hover-link-text-color: var(--el-color-primary-light-3);
    }
@@ -1,6 +1,12 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap');
+
 body {
    @apply text-base text-tx-primary overflow-hidden min-w-[375px];
+    font-feature-settings: 'tnum' 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
+
 .form-tips {
    @apply text-tx-secondary text-xs leading-6 mt-1;
 }
@@ -15,4 +21,9 @@ body {
 /* NProgress */
 #nprogress .bar {
    @apply bg-primary #{!important};
+    height: 3px !important;
+}
+
+#nprogress .peg {
+    box-shadow: 0 0 8px var(--el-color-primary), 0 0 4px var(--el-color-primary) !important;
 }
@@ -1,49 +1,58 @@
 :root {
    --el-font-family: theme(fontFamily.sans);
    --el-font-weight-primary: 400;
-    --el-menu-item-height: 46px;
+    --el-menu-item-height: 42px;
    --el-menu-sub-item-height: var(--el-menu-item-height);
    --el-menu-icon-width: 18px;
    --aside-width: 200px;
-    --navbar-height: 50px;
+    --navbar-height: 52px;
    --color-white: #ffffff;
-    --table-header-bg-color: #f8f8f8;
+    --table-header-bg-color: #F8FAFC;
    --el-font-size-extra-large: 18px;
-    --el-menu-base-level-padding: 16px;
-    --el-menu-level-padding: 26px;
+    --el-menu-base-level-padding: 14px;
+    --el-menu-level-padding: 24px;
    --el-font-size-large: 16px;
    --el-font-size-medium: 15px;
    --el-font-size-base: 14px;
    --el-font-size-small: 13px;
    --el-font-size-extra-small: 12px;

+    /* 天蓝点缀 + 中性底色（天蓝仅用于主色/激活态，不铺满全局） */
+    --health-primary: #0EA5E9;
+    --health-primary-light: #E0F2FE;
+    --health-primary-dark: #0284C7;
+    --health-bg-page: #F1F5F9;
+    --health-bg-sidebar: #FFFFFF;
+    --health-text-primary: #1E293B;
+    --health-text-secondary: #64748B;
+    --health-border: #E2E8F0;
+    --health-border-light: #EEF2F6;
+
    --el-bg-color: var(--color-white);
-    --el-bg-color-page: #f6f6f6;
+    --el-bg-color-page: var(--health-bg-page);
    --el-bg-color-overlay: #ffffff;
-    --el-text-color-primary: #333333;
-    --el-text-color-regular: #666666;
-    --el-text-color-secondary: #999999;
-    --el-text-color-placeholder: #a8abb2;
-    --el-text-color-disabled: #c0c4cc;
-    --el-border-color: #dcdfe6;
-    --el-border-color-light: #e4e7ed;
-    --el-border-color-lighter: #ebeef5;
-    --el-border-color-extra-light: #f2f2f2;
-    --el-border-color-dark: #d4d7de;
-    --el-border-color-darker: #cdd0d6;
-    --el-fill-color: #f0f2f5;
-    --el-fill-color-light: #f8f8f8;
-    --el-fill-color-lighter: #fafafa;
-    --el-fill-color-extra-light: #fafcff;
-    --el-fill-color-dark: #ebedf0;
-    --el-fill-color-darker: #e6e8eb;
+    --el-text-color-primary: var(--health-text-primary);
+    --el-text-color-regular: var(--health-text-secondary);
+    --el-text-color-secondary: #94A3B8;
+    --el-text-color-placeholder: #94A3B8;
+    --el-text-color-disabled: #CBD5E1;
+    --el-border-color: var(--health-border);
+    --el-border-color-light: var(--health-border);
+    --el-border-color-lighter: var(--health-border-light);
+    --el-border-color-extra-light: #F8FAFC;
+    --el-border-color-dark: #CBD5E1;
+    --el-border-color-darker: #94A3B8;
+    --el-fill-color: #F1F5F9;
+    --el-fill-color-light: #F8FAFC;
+    --el-fill-color-lighter: #FAFBFC;
+    --el-fill-color-extra-light: #F8FAFC;
+    --el-fill-color-dark: #E2E8F0;
+    --el-fill-color-darker: #CBD5E1;
    --el-fill-color-blank: #ffffff;
-    /* 过亮会盖住抽屉/弹窗下的内容；Element Loading 与部分蒙层共用此变量 */
-    --el-mask-color: rgba(255, 255, 255, 0.5);
-    --el-mask-color-extra-light: rgba(255, 255, 255, 0.22);
-    -el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
-    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
-    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
-    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12),
-        0px 8px 16px -8px rgba(0, 0, 0, 0.16);
+    --el-mask-color: rgba(255, 255, 255, 0.65);
+    --el-mask-color-extra-light: rgba(255, 255, 255, 0.28);
+    --el-box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
+    --el-box-shadow-light: 0 1px 3px rgba(15, 23, 42, 0.06);
+    --el-box-shadow-lighter: 0 1px 2px rgba(15, 23, 42, 0.04);
+    --el-box-shadow-dark: 0 4px 12px rgba(15, 23, 42, 0.08);
 }
@@ -1,14 +1,27 @@
 <template>
    <div class="login flex flex-col">
-        <div class="flex-1 flex items-center justify-center">
-            <div class="login-card flex rounded-md overflow-hidden">
-                <div class="flex-1 h-full hidden md:inline-block">
-                    <image-contain :src="config.login_image" :width="400" height="100%" />
+        <div class="login-bg-decoration"></div>
+        <div class="flex-1 flex items-center justify-center relative z-10">
+            <div class="login-card flex rounded-xl overflow-hidden shadow-lg">
+                <div class="login-visual hidden md:flex flex-col justify-center items-center relative">
+                    <div class="login-visual-content">
+                        <div class="login-visual-icon">
+                            <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <rect x="20" y="8" width="8" height="32" rx="2" fill="currentColor" opacity="0.9"/>
+                                <rect x="8" y="20" width="32" height="8" rx="2" fill="currentColor" opacity="0.9"/>
+                            </svg>
+                        </div>
+                        <h2 class="login-visual-title">中医在线问诊平台</h2>
+                        <p class="login-visual-desc">专业 · 安全 · 可信赖的医疗管理系统</p>
+                    </div>
                </div>
                <div
                    class="login-form bg-body flex flex-col justify-center px-10 py-10 md:w-[420px] w-[380px] flex-none mx-auto"
                >
-                    <div class="text-center text-3xl font-medium mb-8">{{ config.web_name }}</div>
+                    <div class="text-center mb-8">
+                        <div class="login-form-badge">管理后台</div>
+                        <div class="text-2xl font-semibold text-tx-primary mt-3">{{ config.web_name }}</div>
+                    </div>

                    <!-- 企业微信自动授权中 -->
                    <div v-if="wxWorkAutoLogin" class="text-center py-10">
@@ -287,11 +300,68 @@ onMounted(async () => {

 <style lang="scss" scoped>
 .login {
-    background-image: url('./images/login_bg.png');
-    @apply min-h-screen bg-no-repeat bg-center bg-cover;
+    position: relative;
+    @apply min-h-screen overflow-hidden;
+    background: var(--health-bg-page, #F1F5F9);
+
+    .login-bg-decoration {
+        display: none;
+    }
+
    .login-card {
        height: auto;
-        min-height: 400px;
+        min-height: 440px;
+        border: 1px solid var(--health-border, var(--el-border-color-lighter));
+        box-shadow: var(--el-box-shadow-light);
+        background: var(--el-bg-color);
+    }
+
+    .login-visual {
+        width: 400px;
+        background: var(--el-bg-color);
+        color: var(--el-text-color-primary);
+        padding: 48px 40px;
+        border-right: 1px solid var(--health-border, var(--el-border-color-lighter));
+
+        .login-visual-icon {
+            width: 56px;
+            height: 56px;
+            border-radius: 14px;
+            background: var(--el-color-primary-light-9);
+            color: var(--el-color-primary);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-bottom: 24px;
+
+            svg {
+                width: 28px;
+                height: 28px;
+            }
+        }
+
+        .login-visual-title {
+            font-size: 20px;
+            font-weight: 600;
+            margin-bottom: 10px;
+            color: var(--el-text-color-primary);
+        }
+
+        .login-visual-desc {
+            font-size: 14px;
+            color: var(--el-text-color-secondary);
+            line-height: 1.7;
+        }
+    }
+
+    .login-form-badge {
+        display: inline-block;
+        padding: 4px 12px;
+        border-radius: 6px;
+        font-size: 12px;
+        font-weight: 500;
+        color: var(--el-color-primary);
+        background: var(--el-color-primary-light-9);
    }
 }

@@ -92,7 +92,10 @@
                    <el-input v-model="formData.title" placeholder="请输入资源标题" />
                </el-form-item>
                <el-form-item label="资源文件" prop="file_url" v-if="!isEdit">
-                    <material-picker v-if="formData.type === 1" v-model="formData.file_url" :limit="1" type="image" />
+                    <div v-if="formData.type === 1" class="w-full">
+                        <material-picker v-model="formData.file_url" :limit="9" type="image" />
+                        <div style="font-size: 12px; color: #909399; margin-top: 4px;">支持批量上传多张图片，一次最多 9 张，每张图片将生成一条独立资源（多张时标题自动追加序号）</div>
+                    </div>
                    <upload v-else-if="formData.type === 2" type="video" direct :multiple="false" :limit="1" :show-progress="true" @success="handleUploadSuccess">
                        <el-button type="primary">上传视频 (OSS直传)</el-button>
                    </upload>
@@ -156,6 +159,15 @@ const formData = reactive<any>({
    user_ids: []
 })

+const validateFileUrl = (_rule: any, value: any, callback: any) => {
+    if (Array.isArray(value)) {
+        if (!value.length) return callback(new Error('请上传资源文件'))
+    } else if (!value) {
+        return callback(new Error('请输入或上传文件获取链接'))
+    }
+    callback()
+}
+
 const computedRules = computed(() => {
    if (isEdit.value) {
        return {
@@ -164,7 +176,7 @@ const computedRules = computed(() => {
    }
    return {
        title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
-        file_url: [{ required: true, message: '请输入或上传文件获取链接', trigger: 'blur' }]
+        file_url: [{ required: true, validator: validateFileUrl, trigger: 'change' }]
    }
 })

@@ -27,6 +27,20 @@
            <el-table :data="tableData" v-loading="loading">
                <!-- <el-table-column prop="id" label="ID" width="80" /> -->
                <el-table-column prop="phone" label="手机号"  />
+                <el-table-column label="备注" min-width="200">
+                    <template #default="{ row }">
+                        <div class="flex items-center gap-1 min-w-0">
+                            <span class="truncate text-gray-600" :title="row.remark || ''">
+                                {{ row.remark || '—' }}
+                            </span>
+                            <el-tooltip content="编辑备注" placement="top">
+                                <el-icon class="shrink-0 cursor-pointer text-gray-400 hover:text-primary" @click="openQuickRemark(row)">
+                                    <Edit />
+                                </el-icon>
+                            </el-tooltip>
+                        </div>
+                    </template>
+                </el-table-column>
                <el-table-column prop="create_time" label="创建时间" width="180" />
                         <el-table-column prop="status" label="状态" width="100">
                    <template #default="{ row }">
@@ -70,6 +84,16 @@
                <el-form-item label="密码" prop="password">
                    <el-input v-model="formData.password" placeholder="为空则默认为 123456" show-password />
                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                    <el-input
+                        v-model="formData.remark"
+                        type="textarea"
+                        :rows="3"
+                        maxlength="500"
+                        show-word-limit
+                        placeholder="可填写用户相关信息，仅管理员可见"
+                    />
+                </el-form-item>
                <el-form-item label="状态" prop="status">
                    <el-switch v-model="formData.status" :active-value="1" :inactive-value="0" />
                </el-form-item>
@@ -79,12 +103,30 @@
                <el-button type="primary" @click="submitForm" :loading="submitLoading">确定</el-button>
            </template>
        </el-dialog>
+
+        <!-- 快捷备注 -->
+        <el-dialog v-model="remarkDialogVisible" title="快捷备注" width="420px" destroy-on-close>
+            <div class="text-sm text-gray-500 mb-3">账号：{{ remarkTargetPhone }}</div>
+            <el-input
+                v-model="remarkDraft"
+                type="textarea"
+                :rows="4"
+                maxlength="500"
+                show-word-limit
+                placeholder="可填写用户相关信息，仅管理员可见"
+            />
+            <template #footer>
+                <el-button @click="remarkDialogVisible = false">取消</el-button>
+                <el-button type="primary" :loading="remarkSaving" @click="saveQuickRemark">保存</el-button>
+            </template>
+        </el-dialog>
    </div>
 </template>

 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import { Edit } from '@element-plus/icons-vue'
 import { apiAssetUserList, apiAssetUserAdd, apiAssetUserEdit, apiAssetUserDelete } from '@/api/asset'

 const loading = ref(false)
@@ -105,10 +147,17 @@ const dialogTitle = ref('')
 const submitLoading = ref(false)
 const formRef = ref()

+const remarkDialogVisible = ref(false)
+const remarkSaving = ref(false)
+const remarkDraft = ref('')
+const remarkTargetId = ref<number | string>('')
+const remarkTargetPhone = ref('')
+
 const formData = reactive({
    id: '',
    phone: '',
    password: '',
+    remark: '',
    status: 1
 })

@@ -154,16 +203,41 @@ const handleStatusChange = async (row: any) => {

 const handleAdd = () => {
    dialogTitle.value = '新增账号'
-    Object.assign(formData, { id: '', phone: '', password: '', status: 1 })
+    Object.assign(formData, { id: '', phone: '', password: '', remark: '', status: 1 })
    dialogVisible.value = true
 }

 const handleEdit = (row: any) => {
    dialogTitle.value = '编辑账号'
-    Object.assign(formData, { id: row.id, phone: row.phone, password: '', status: row.status })
+    Object.assign(formData, { id: row.id, phone: row.phone, password: '', remark: row.remark || '', status: row.status })
    dialogVisible.value = true
 }

+const openQuickRemark = (row: any) => {
+    remarkTargetId.value = row.id
+    remarkTargetPhone.value = row.phone || ''
+    remarkDraft.value = row.remark || ''
+    remarkDialogVisible.value = true
+}
+
+const saveQuickRemark = async () => {
+    if (!remarkTargetId.value) return
+    remarkSaving.value = true
+    try {
+        await apiAssetUserEdit({ id: remarkTargetId.value, remark: remarkDraft.value })
+        const target = tableData.value.find((item: any) => item.id === remarkTargetId.value)
+        if (target) {
+            target.remark = remarkDraft.value
+        }
+        ElMessage.success('备注已保存')
+        remarkDialogVisible.value = false
+    } catch (e) {
+        console.error(e)
+    } finally {
+        remarkSaving.value = false
+    }
+}
+
 const handleDelete = async (row: any) => {
    try {
        await ElMessageBox.confirm('确定要删除该账号及其关联资源吗？', '提示', { type: 'warning' })
@@ -0,0 +1,342 @@
+/**
+ * 处方业务订单——纯展示/格式化工具
+ *
+ * 唯一数据源：order_list.vue（处方业务订单）、PatientOrderList.vue（诊单业务订单 Tab）
+ * 与 PrescriptionOrderDetailDrawer.vue（共享详情抽屉）共用，禁止在页面内重复定义同名函数，
+ * 否则两个详情页面会再次出现文案/口径漂移。
+ */
+
+/** 与诊间医助角色 ID 一致（server 角色表） */
+export const TCM_ASSISTANT_ROLE_ID = 2
+/** 与 server/config/project.php prescription_audit_roles 默认一致，可处方审核的角色 */
+export const PRESCRIPTION_AUDIT_ROLE_IDS = [0, 3, 6]
+
+export function formatTime(v: unknown) {
+    if (v === null || v === undefined || v === '') return '—'
+    if (typeof v === 'number' && v > 1e9 && v < 1e11) {
+        const d = new Date(v * 1000)
+        return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')} ${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`
+    }
+    return String(v)
+}
+
+export function formatMoney(v: unknown) {
+    const n = Number(v)
+    if (Number.isNaN(n)) return '—'
+    return n.toFixed(2)
+}
+
+export function formatOrderTime(v: unknown) {
+    if (v === null || v === undefined || v === '') return '—'
+    if (typeof v === 'string' && String(v).includes('-')) return String(v)
+    return formatTime(v)
+}
+
+export function feeTypeText(t: number | undefined) {
+    const m: Record<number, string> = {
+        1: '挂号费',
+        2: '问诊费',
+        3: '药品费用',
+        4: '首付费用',
+        5: '尾款费用',
+        6: '其他费用',
+        7: '全部费用',
+        8: '驼奶费用'
+    }
+    return m[Number(t)] ?? '—'
+}
+
+export function fulfillmentText(s: number | undefined) {
+    const m: Record<number, string> = {
+        1: '待双审通过',
+        2: '待发货',
+        3: '已完成',
+        4: '已取消',
+        5: '已发货',
+        6: '已签收',
+        7: '进行中',
+        8: '暂不制药',
+        9: '拒收',
+        10: '退款',
+        11: '保留药方',
+        12: '制药缓发'
+    }
+    return m[Number(s)] ?? '—'
+}
+
+export function fulfillmentTagType(s: number | undefined): 'success' | 'warning' | 'danger' | 'info' | 'primary' {
+    const n = Number(s)
+    if (n === 3) return 'success'
+    if (n === 6) return 'success'
+    if (n === 5) return 'primary'
+    if (n === 4) return 'danger'
+    if (n === 2) return 'warning'
+    if (n === 7) return 'warning'
+    if (n === 8 || n === 11 || n === 12) return 'info'
+    if (n === 9 || n === 10) return 'danger'
+    return 'info'
+}
+
+export function orderStatusText(s: number | undefined) {
+    const m: Record<number, string> = {
+        1: '待支付',
+        2: '已支付',
+        3: '已取消',
+        4: '已退款',
+        5: '待审核'
+    }
+    return m[Number(s)] ?? '—'
+}
+
+export function payOrderStatusTag(s: number | undefined): 'success' | 'warning' | 'danger' | 'info' {
+    const n = Number(s)
+    if (n === 2) return 'success'
+    if (n === 1) return 'warning'
+    return 'info'
+}
+
+export function consumerRxAuditText(s: number | undefined) {
+    const n = Number(s)
+    if (n === 1) return '已通过'
+    if (n === 2) return '已驳回'
+    return '待审核'
+}
+
+export function consumerRxAuditTag(s: number | undefined): 'success' | 'warning' | 'danger' | 'info' {
+    const n = Number(s)
+    if (n === 1) return 'success'
+    if (n === 2) return 'danger'
+    return 'warning'
+}
+
+export function expressCompanyLabel(v: unknown) {
+    const s = String(v || '').toLowerCase()
+    if (s === 'sf') return '顺丰速运'
+    if (s === 'jd') return '京东快递'
+    if (s === 'jt' || s === 'jtexpress') return '极兔速递'
+    return '自动识别'
+}
+
+export function logActionText(act: string) {
+    const m: Record<string, string> = {
+        create: '创建',
+        edit: '编辑',
+        audit_rx_approve: '处方审核',
+        audit_rx_reject: '处方审核',
+        audit_pay_approve: '支付审核',
+        audit_pay_reject: '支付审核',
+        fill_tracking: '填快递单',
+        ship: '确认发货',
+        withdraw: '撤销',
+        link_pay_order: '关联支付单',
+        completion_request: '完单申请',
+        auto_complete: '自动完成',
+        revoke_rx_audit: '撤回处方审核',
+        revoke_pay_audit: '撤回支付审核',
+        gancao_submit: '甘草下单',
+        patch_rx_patient: '处方患者信息',
+        update_amount: '修改订单金额',
+        complete: '完成订单',
+        refund: '退款'
+    }
+    return m[act] || act
+}
+
+/** 支付单来源/方式：企微对外收款、付呗等创建链路 + 支付方式回退 */
+export function formatPayOrderSource(row: { payment_method?: unknown; create_type?: unknown }) {
+    const createType = String(row?.create_type || '')
+    if (createType === 'wechat_work') return '企业微信对外收款'
+    if (createType === 'fubei') return '付呗'
+    const paymentMethod = String(row?.payment_method || '')
+    const methodMap: Record<string, string> = {
+        alipay: '支付宝',
+        wechat: '微信',
+        wechat_work: '企业微信',
+        fubei: '付呗',
+        manual: '手动确认到账'
+    }
+    if (paymentMethod && methodMap[paymentMethod]) {
+        return methodMap[paymentMethod]
+    }
+    return '普通订单'
+}
+
+export function normalizeBizPhone(v: unknown): string {
+    if (v === null || v === undefined) return ''
+    return String(v).replace(/\s/g, '').trim()
+}
+
+export function recipientVsPrescriptionPhoneMismatch(recipient: unknown, rxPhone: unknown): boolean {
+    const a = normalizeBizPhone(recipient)
+    const b = normalizeBizPhone(rxPhone)
+    if (!a || !b) return false
+    return a !== b
+}
+
+export function normalizeSlipHerbs(raw: unknown): Array<{ name: string; dosage: number }> {
+    if (!raw) return []
+    if (Array.isArray(raw)) {
+        return raw.map((x: any) => ({
+            name: String(x?.name ?? '').trim(),
+            dosage: Number(x?.dosage) || 0
+        }))
+    }
+    return []
+}
+
+export type SlipFormulaType = '主方' | '辅方'
+
+export interface SlipAuxUsageForm {
+    dosage_amount?: number
+    dosage_bag_count: number
+    need_decoction: boolean
+    bags_per_dose: number
+    times_per_day: number
+    usage_days: number
+}
+
+export function normalizeSlipFormulaType(v: unknown): SlipFormulaType {
+    return v === '辅方' ? '辅方' : '主方'
+}
+
+export function defaultSlipAuxUsage(prescriptionType = '浓缩水丸'): SlipAuxUsageForm {
+    if (prescriptionType === '饮片') {
+        return {
+            dosage_amount: 50,
+            dosage_bag_count: 1,
+            need_decoction: false,
+            bags_per_dose: 1,
+            times_per_day: 3,
+            usage_days: 7
+        }
+    }
+    if (prescriptionType === '浓缩水丸') {
+        return {
+            dosage_amount: 5,
+            dosage_bag_count: 1,
+            need_decoction: false,
+            bags_per_dose: 1,
+            times_per_day: 3,
+            usage_days: 7
+        }
+    }
+    return {
+        dosage_amount: 1,
+        dosage_bag_count: 1,
+        need_decoction: false,
+        bags_per_dose: 1,
+        times_per_day: 3,
+        usage_days: 7
+    }
+}
+
+export function normalizeSlipAuxUsageForm(raw: unknown, prescriptionType: string): SlipAuxUsageForm {
+    const base = defaultSlipAuxUsage(prescriptionType)
+    if (!raw || typeof raw !== 'object') return { ...base }
+    const o = raw as Record<string, unknown>
+    return {
+        dosage_amount:
+            o.dosage_amount !== null && o.dosage_amount !== undefined && o.dosage_amount !== ''
+                ? Number(o.dosage_amount)
+                : base.dosage_amount,
+        dosage_bag_count: o.dosage_bag_count != null ? Number(o.dosage_bag_count) || 1 : base.dosage_bag_count,
+        need_decoction: o.need_decoction === 1 || o.need_decoction === true,
+        bags_per_dose: o.bags_per_dose != null ? Number(o.bags_per_dose) || 1 : base.bags_per_dose,
+        times_per_day: o.times_per_day != null ? Number(o.times_per_day) || 3 : base.times_per_day,
+        usage_days: o.usage_days != null ? Number(o.usage_days) || 7 : base.usage_days
+    }
+}
+
+/** 是否含辅方药材（仅 formula_type=辅方；医助无药材权限时 herbs 被剥离，用后端 has_aux_formula） */
+export function prescriptionHasAuxFormula(rx: Record<string, unknown> | null | undefined): boolean {
+    if (!rx) return false
+    const herbs = rx.herbs
+    if (Array.isArray(herbs)) {
+        return herbs.some((h: any) => normalizeSlipFormulaType(h?.formula_type) === '辅方')
+    }
+    return Number(rx.has_aux_formula) === 1
+}
+
+/** 物流轨迹中需人工立即跟进的常见异常关键词 */
+export const LOGISTICS_URGENT_KEYWORDS = [
+    '拒收',
+    '拒签',
+    '退件',
+    '客户拒收',
+    '拦截退回',
+    '退回发件',
+    '派件退回',
+    '无人签收',
+    '退回快件'
+]
+
+export function logisticsStringHasUrgentKeyword(s: unknown): boolean {
+    const t = String(s ?? '')
+    return LOGISTICS_URGENT_KEYWORDS.some((k) => t.includes(k))
+}
+
+export function logisticsTraceLineUrgent(context: unknown): boolean {
+    return logisticsStringHasUrgentKeyword(context)
+}
+
+/** 根据单次拉取的物流 payload 判断是否含拒收/退回等（详情抽屉、完成订单弹窗共用） */
+export function analyzeLogisticsPayloadUrgent(p: Record<string, any> | null | undefined): {
+    show: boolean
+    keywords: string[]
+    lines: string[]
+} {
+    if (!p) {
+        return { show: false, keywords: [], lines: [] }
+    }
+    const traces = Array.isArray(p.traces)
+        ? (p.traces as Array<{ time?: string; context?: string }>)
+        : []
+    const chunks: string[] = []
+    if (p.state_text) chunks.push(String(p.state_text))
+    if (p.hint) chunks.push(String(p.hint))
+    for (const row of traces) {
+        if (row.context) chunks.push(String(row.context))
+    }
+    const joined = chunks.join('\n')
+    const keywords = LOGISTICS_URGENT_KEYWORDS.filter((k) => joined.includes(k))
+    if (!keywords.length) {
+        return { show: false, keywords: [], lines: [] }
+    }
+    const lines: string[] = []
+    for (const row of traces) {
+        const ctx = String(row.context || '')
+        if (logisticsStringHasUrgentKeyword(ctx)) {
+            lines.push(ctx)
+            if (lines.length >= 5) break
+        }
+    }
+    if (!lines.length && logisticsStringHasUrgentKeyword(p.state_text)) {
+        lines.push(`最新状态：${p.state_text}`)
+    }
+    if (!lines.length && logisticsStringHasUrgentKeyword(p.hint)) {
+        lines.push(String(p.hint))
+    }
+    return { show: true, keywords, lines }
+}
+
+/** 校验物流轨迹响应与请求上下文匹配（防止快速切换订单时旧响应串单） */
+export function parseLogisticsTracePayload(
+    res: unknown,
+    expectedTrackingNumber: string,
+    expectedOrderId: number
+): Record<string, any> | null {
+    const raw = (res as { data?: unknown })?.data ?? res
+    if (!raw || typeof raw !== 'object') return null
+    const payload = raw as Record<string, any>
+    const respNum = String(payload.tracking_number || '').trim()
+    if (respNum && respNum !== expectedTrackingNumber) return null
+    const respOrderId = Number(payload.order_id)
+    if (respOrderId > 0 && respOrderId !== expectedOrderId) return null
+    return payload
+}
+
+export function canUpdateAmount(row: { id?: number; fulfillment_status?: number } | null | undefined) {
+    if (!row?.id) return false
+    const fs = Number(row.fulfillment_status)
+    return fs !== 3 && fs !== 4
+}
@@ -458,7 +458,9 @@
                                        alt="医师签名"
                                        class="rx-bot-sign-img"
                                    />
-                                    <div class="rx-bot-doctor-name">{{ slipView.doctor_name || '—' }}</div>
+                                    <div v-if="!slipView.doctor_signature" class="rx-bot-doctor-name">
+                                        {{ slipView.doctor_name || '—' }}
+                                    </div>
                                </div>
                            </div>
                          <div class="rx-bot-cell rx-bot-meta">
@@ -679,17 +681,21 @@
                                粘贴文本解析药名与剂量；须与药品库名称完全一致才录入（导入至主方）
                            </span>
                        </div>
+                        <div v-if="herbsLocked" class="flex items-center gap-2 flex-wrap mt-2 text-xs text-[var(--el-color-danger)]">
+                            <el-tag type="danger" size="small" effect="plain">禁用修改</el-tag>
+                            含「禁用修改」处方库模板，药材已锁定，不可增删改，如需调整请重新「从处方库导入」覆盖
+                        </div>

                        <div class="herb-formula-block mt-3">
                            <div class="herb-formula-block__head">
                                <el-tag type="primary" size="small">主方</el-tag>
-                                <el-button type="primary" size="small" @click="addHerb('主方')">添加主方药材</el-button>
+                                <el-button type="primary" size="small" :disabled="herbsLocked" @click="addHerb('主方')">添加主方药材</el-button>
                            </div>
                            <el-table :data="mainHerbRows" class="mt-2" border empty-text="暂无主方药材">
                                <el-table-column label="序号" type="index" width="60" />
                                <el-table-column label="药材名称" min-width="220">
                                    <template #default="{ row }">
-                                        <MedicineNameSelect v-model="editForm.herbs[row.index].name" class="w-full" />
+                                        <MedicineNameSelect v-model="editForm.herbs[row.index].name" :disabled="herbsLocked" class="w-full" />
                                    </template>
                                </el-table-column>
                                <el-table-column label="剂量(克)" min-width="120">
@@ -699,6 +705,7 @@
                                            :min="0"
                                            :precision="1"
                                            :step="0.5"
+                                            :disabled="herbsLocked"
                                            placeholder="剂量"
                                            class="w-full"
                                        />
@@ -706,7 +713,8 @@
                                </el-table-column>
                                <el-table-column label="操作" width="80">
                                    <template #default="{ row }">
-                                        <el-button type="danger" link @click="removeHerb(row.index)">删除</el-button>
+                                        <el-button v-if="!herbsLocked" type="danger" link @click="removeHerb(row.index)">删除</el-button>
+                                        <span v-else class="text-gray-400 text-xs">已锁定</span>
                                    </template>
                                </el-table-column>
                            </el-table>
@@ -715,7 +723,7 @@
                        <div class="herb-formula-block mt-4">
                            <div class="herb-formula-block__head">
                                <el-tag type="warning" size="small">辅方</el-tag>
-                                <el-button type="primary" size="small" plain @click="addHerb('辅方')">
+                                <el-button type="primary" size="small" plain :disabled="herbsLocked" @click="addHerb('辅方')">
                                    添加辅方药材
                                </el-button>
                            </div>
@@ -723,7 +731,7 @@
                                <el-table-column label="序号" type="index" width="60" />
                                <el-table-column label="药材名称" min-width="220">
                                    <template #default="{ row }">
-                                        <MedicineNameSelect v-model="editForm.herbs[row.index].name" class="w-full" />
+                                        <MedicineNameSelect v-model="editForm.herbs[row.index].name" :disabled="herbsLocked" class="w-full" />
                                    </template>
                                </el-table-column>
                                <el-table-column label="剂量(克)" min-width="120">
@@ -733,6 +741,7 @@
                                            :min="0"
                                            :precision="1"
                                            :step="0.5"
+                                            :disabled="herbsLocked"
                                            placeholder="剂量"
                                            class="w-full"
                                        />
@@ -740,7 +749,8 @@
                                </el-table-column>
                                <el-table-column label="操作" width="80">
                                    <template #default="{ row }">
-                                        <el-button type="danger" link @click="removeHerb(row.index)">删除</el-button>
+                                        <el-button v-if="!herbsLocked" type="danger" link @click="removeHerb(row.index)">删除</el-button>
+                                        <span v-else class="text-gray-400 text-xs">已锁定</span>
                                    </template>
                                </el-table-column>
                            </el-table>
@@ -1698,7 +1708,7 @@ import jsPDF from 'jspdf'
 const TcmDiagnosisEditView = defineAsyncComponent(() => import('@/views/tcm/diagnosis/edit.vue'))

 type FormulaType = '主方' | '辅方'
-type HerbRow = { name: string; dosage: number; formula_type: FormulaType }
+type HerbRow = { name: string; dosage: number; formula_type: FormulaType; locked?: boolean }

 type AuxUsageForm = {
    dosage_amount?: number
@@ -1707,6 +1717,8 @@ type AuxUsageForm = {
    bags_per_dose: number
    times_per_day: number
    usage_days: number
+    /** 从处方库导入辅方时写入的模板名称，供药房联展示 */
+    prescription_name?: string
 }

 function defaultAuxUsage(prescriptionType = '浓缩水丸'): AuxUsageForm {
@@ -1753,7 +1765,8 @@ function normalizeAuxUsageForm(raw: unknown, prescriptionType: string): AuxUsage
        need_decoction: o.need_decoction === 1 || o.need_decoction === true,
        bags_per_dose: o.bags_per_dose != null ? Number(o.bags_per_dose) || 1 : base.bags_per_dose,
        times_per_day: o.times_per_day != null ? Number(o.times_per_day) || 3 : base.times_per_day,
-        usage_days: o.usage_days != null ? Number(o.usage_days) || 7 : base.usage_days
+        usage_days: o.usage_days != null ? Number(o.usage_days) || 7 : base.usage_days,
+        prescription_name: String(o.prescription_name ?? '').trim()
    }
 }

@@ -1795,11 +1808,15 @@ function normalizeFormulaType(v: unknown): FormulaType {
 }

 function normalizeHerbRow(raw: any): HerbRow {
-    return {
+    const row: HerbRow = {
        name: String(raw?.name ?? '').trim(),
        dosage: Number(raw?.dosage) || 0,
        formula_type: normalizeFormulaType(raw?.formula_type)
    }
+    if (raw?.locked === true || raw?.locked === 1) {
+        row.locked = true
+    }
+    return row
 }

 function normalizeSlipHerbs(raw: unknown): HerbRow[] {
@@ -2478,6 +2495,12 @@ const auxHerbRows = computed(() =>
        .filter(({ herb }) => normalizeFormulaType(herb.formula_type) === '辅方')
 )

+/**
+ * 整张处方是否被锁定：只要任一药材来自「禁用修改」处方库模板即锁定。
+ * 锁定后不可增删改任意药材，只能再次「从处方库导入」覆盖。
+ */
+const herbsLocked = computed(() => editForm.herbs.some((h) => (h as HerbRow).locked === true))
+
 const slipDietaryText = computed(() => {
    const d = slipView.value?.dietary_taboo
    if (Array.isArray(d)) return d.filter(Boolean).join('、')
@@ -3438,16 +3461,28 @@ const handleImportLibrary = (row: any) => {
        return
    }
    const formulaType = normalizeFormulaType(row.formula_type)
-    const imported = (JSON.parse(JSON.stringify(row.herbs)) as any[]).map((h) => ({
-        ...normalizeHerbRow(h),
-        formula_type: formulaType
-    }))
+    // 「禁用修改」模板：导入药材打上锁定标记 → 整张处方锁定（不可增删改，只能再次导入覆盖）
+    const isLockedTemplate = Number(row?.disable_edit) === 1
+    const imported = (JSON.parse(JSON.stringify(row.herbs)) as any[]).map((h) => {
+        const herb = normalizeHerbRow(h)
+        herb.formula_type = formulaType
+        if (isLockedTemplate) {
+            herb.locked = true
+        } else {
+            delete herb.locked
+        }
+        return herb
+    })
    if (libraryImportMode.value === 'replace') {
        const kept = editForm.herbs.filter((h) => normalizeFormulaType(h.formula_type) !== formulaType)
        editForm.herbs = [...kept, ...imported]
    } else {
        editForm.herbs.push(...imported)
    }
+    if (formulaType === '辅方') {
+        editForm.aux_usage.prescription_name = String(row.prescription_name ?? '').trim()
+    }
+
    const modeHint = libraryImportMode.value === 'append' ? '（已追加）' : ''
    if (findDuplicateHerbNamesLocal().length) {
        feedback.msgWarning(
@@ -3643,6 +3678,10 @@ async function handlePasteRecipeImport() {

 // 添加药材（主方 / 辅方）
 const addHerb = (formulaType: FormulaType = '主方') => {
+    if (herbsLocked.value) {
+        feedback.msgWarning('该处方含「禁用修改」模板，药材已锁定，请重新从处方库导入覆盖')
+        return
+    }
    editForm.herbs.push({
        name: '',
        dosage: 0,
@@ -3652,6 +3691,10 @@ const addHerb = (formulaType: FormulaType = '主方') => {

 // 删除药材
 const removeHerb = (index: number) => {
+    if (herbsLocked.value) {
+        feedback.msgWarning('该处方含「禁用修改」模板，药材已锁定，不可删除')
+        return
+    }
    editForm.herbs.splice(index, 1)
 }

@@ -71,6 +71,13 @@
                            </el-tag>
                        </template>
                    </el-table-column>
+                    <el-table-column label="禁用修改" min-width="100">
+                        <template #default="{ row }">
+                            <el-tag :type="row.disable_edit ? 'danger' : 'info'">
+                                {{ row.disable_edit ? '已禁用' : '可修改' }}
+                            </el-tag>
+                        </template>
+                    </el-table-column>
                    <el-table-column label="创建人" prop="creator_name" min-width="100" />
                    <el-table-column label="创建时间" prop="create_time" min-width="160" />
                    <el-table-column label="操作" width="180" fixed="right">
@@ -193,6 +200,21 @@
                        勾选后，所有医生都可以查看和使用此处方模板
                    </div>
                </el-form-item>
+
+                <el-form-item label="禁用修改" prop="disable_edit">
+                    <div class="flex flex-col gap-1 leading-none">
+                        <el-switch
+                            v-model="editForm.disable_edit"
+                            :active-value="1"
+                            :inactive-value="0"
+                            active-text="开启"
+                            inactive-text="关闭"
+                        />
+                        <div class="text-xs text-gray-400 leading-relaxed">
+                            开启后，导入此模板到处方时将锁定整张处方的药材，不可增删改，只能再次导入覆盖
+                        </div>
+                    </div>
+                </el-form-item>
            </el-form>
            
            <template #footer v-if="editMode !== 'view'">
@@ -236,7 +258,8 @@ const editForm = reactive({
    prescription_name: '',
    formula_type: '主方',
    herbs: [] as Array<{ name: string; dosage: number }>,
-    is_public: 0
+    is_public: 0,
+    disable_edit: 0
 })

 // 表单验证规则
@@ -293,6 +316,7 @@ const resetForm = () => {
    editForm.formula_type = '主方'
    editForm.herbs = []
    editForm.is_public = 0
+    editForm.disable_edit = 0
 }

 // 新增处方
@@ -310,6 +334,7 @@ const handleView = (row: any) => {
    editForm.formula_type = row.formula_type || '主方'
    editForm.herbs = row.herbs ? JSON.parse(JSON.stringify(row.herbs)) : []
    editForm.is_public = row.is_public ?? 0
+    editForm.disable_edit = row.disable_edit ?? 0
    showEdit.value = true
 }

@@ -321,6 +346,7 @@ const handleEdit = (row: any) => {
    editForm.formula_type = row.formula_type || '主方'
    editForm.herbs = row.herbs ? JSON.parse(JSON.stringify(row.herbs)) : []
    editForm.is_public = row.is_public ?? 0
+    editForm.disable_edit = row.disable_edit ?? 0
    showEdit.value = true
 }

@@ -190,18 +190,17 @@
                    <ArrowDown />
                </el-icon>
            </div>
-            <el-form v-show="!h5FilterCollapsed" class="ls-form" :model="queryParams" inline>
-                <el-form-item class="w-[360px] min-w-[240px] max-w-full" label="创建时间">
-                    <DaterangePicker
-                        v-model:startTime="queryParams.start_time"
-                        v-model:endTime="queryParams.end_time"
-                        picker-type="daterange"
-                        value-format="YYYY-MM-DD"
-                        start-placeholder="开始日期"
-                        end-placeholder="结束日期"
-                        class="!w-full"
-                    />
-                </el-form-item>
+            <el-form v-show="!h5FilterCollapsed" class="ls-form stats-filter-form" :model="queryParams" inline>
+                <list-time-filter
+                    v-model:time-type="time_type"
+                    v-model:date-range="dateRange"
+                    label="创建时间"
+                    variant="inline"
+                    show-all
+                    picker-width="260px"
+                    @time-type-change="onTimeTypeChange"
+                    @custom-change="onCustomDateChange"
+                />
                <el-form-item class="w-[260px]" label="订单号">
                    <el-input
                        v-model="queryParams.order_no"
@@ -498,6 +497,9 @@
                                <el-dropdown-menu>
                                    <el-dropdown-item v-if="canAddPayOrderRow(row)" command="addPayOrder">补齐支付单</el-dropdown-item>
                                    <el-dropdown-item v-if="canCompleteRow(row)" command="complete">完成订单</el-dropdown-item>
+                                    <el-dropdown-item v-if="canRefundRow(row)" command="refund">
+                                        <span class="text-red-500">退款</span>
+                                    </el-dropdown-item>
                                    <el-dropdown-item v-if="canUploadGancaoRow(row)" command="submitGancao">上传药方</el-dropdown-item>
                                    <el-dropdown-item v-if="canWithdrawRow(row)" command="withdraw" divided>
                                        <span class="text-red-500">撤回订单</span>
@@ -612,6 +614,16 @@
                        >
                            完成订单
                        </el-button>
+                        <el-button
+                            v-if="canRefundRow(detailData)"
+                            v-perms="['tcm.prescriptionOrder/refund']"
+                            type="danger"
+                            size="small"
+                            plain
+                            @click="openRefundOrder(detailData)"
+                        >
+                            退款
+                        </el-button>
                    </div>
                </div>
            </template>
@@ -690,49 +702,50 @@
                </div>

                <!-- 顶部数据概览卡片 -->
-                <el-row :gutter="16" class="mb-5">
-                    <el-col :xs="12" :sm="6">
-                        <el-card shadow="never" class="stat-card border border-gray-100 bg-gray-50/50">
-                            <div class="flex items-center justify-between mb-1">
-                                <div class="stat-title text-gray-500 text-xs">总金额</div>
-                                <el-button
-                                    v-if="canUpdateAmount(detailData)"
-                                    v-perms="['tcm.prescriptionOrder/updateAmount']"
-                                    type="primary"
-                                    size="small"
-                                    link
-                                    @click="openUpdateAmount"
-                                >
-                                    修改
-                                </el-button>
-                            </div>
-                            <div class="stat-value text-red-500 font-bold text-xl">¥{{ detailData.amount }}</div>
-                        </el-card>
-                    </el-col>
-                    <el-col :xs="12" :sm="6">
-                        <el-card shadow="never" class="stat-card border border-gray-100 bg-gray-50/50">
-                            <div class="stat-title text-gray-500 text-xs mb-1">已付总额</div>
-                            <div class="stat-value text-green-600 font-bold text-xl">¥{{ detailData.linked_pay_paid_total || 0 }}</div>
-                        </el-card>
-                    </el-col>
-                    <el-col :xs="12" :sm="6">
-                        <el-card shadow="never" class="stat-card border border-gray-100 bg-gray-50/50">
-                            <div class="stat-title text-gray-500 text-xs mb-1">需代收</div>
-                            <div
-                                class="stat-value font-bold text-xl"
-                                :class="detailAgencyToCollect > 0 ? 'text-amber-600' : 'text-gray-500'"
+                <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4 mb-5">
+                    <el-card shadow="never" class="stat-card border border-gray-100 bg-gray-50/50">
+                        <div class="flex items-center justify-between mb-1">
+                            <div class="stat-title text-gray-500 text-xs">总金额</div>
+                            <el-button
+                                v-if="canUpdateAmount(detailData)"
+                                v-perms="['tcm.prescriptionOrder/updateAmount']"
+                                type="primary"
+                                size="small"
+                                link
+                                @click="openUpdateAmount"
                            >
-                                ¥{{ formatMoney(detailAgencyToCollect) }}
-                            </div>
-                        </el-card>
-                    </el-col>
-                    <el-col :xs="12" :sm="6">
-                        <el-card shadow="never" class="stat-card border border-gray-100 bg-gray-50/50">
-                            <div class="stat-title text-gray-500 text-xs mb-1">已付笔数</div>
-                            <div class="stat-value text-primary font-bold text-xl">{{ detailLinkedPayOrders.length }} 笔</div>
-                        </el-card>
-                    </el-col>
-                </el-row>
+                                修改
+                            </el-button>
+                        </div>
+                        <div class="stat-value text-red-500 font-bold text-xl">¥{{ detailData.amount }}</div>
+                    </el-card>
+                    <el-card shadow="never" class="stat-card border border-gray-100 bg-gray-50/50">
+                        <div class="stat-title text-gray-500 text-xs mb-1">已付总额</div>
+                        <div class="stat-value text-green-600 font-bold text-xl">¥{{ detailData.linked_pay_paid_total || 0 }}</div>
+                    </el-card>
+                    <el-card shadow="never" class="stat-card border border-gray-100 bg-gray-50/50">
+                        <div class="stat-title text-gray-500 text-xs mb-1">退款金额</div>
+                        <div
+                            class="stat-value font-bold text-xl"
+                            :class="Number(detailData.refund_amount) > 0 ? 'text-rose-500' : 'text-gray-400'"
+                        >
+                            ¥{{ formatMoney(detailData.refund_amount || 0) }}
+                        </div>
+                    </el-card>
+                    <el-card shadow="never" class="stat-card border border-gray-100 bg-gray-50/50">
+                        <div class="stat-title text-gray-500 text-xs mb-1">需代收</div>
+                        <div
+                            class="stat-value font-bold text-xl"
+                            :class="detailAgencyToCollect > 0 ? 'text-amber-600' : 'text-gray-500'"
+                        >
+                            ¥{{ formatMoney(detailAgencyToCollect) }}
+                        </div>
+                    </el-card>
+                    <el-card shadow="never" class="stat-card border border-gray-100 bg-gray-50/50">
+                        <div class="stat-title text-gray-500 text-xs mb-1">已付笔数</div>
+                        <div class="stat-value text-primary font-bold text-xl">{{ detailLinkedPayOrders.length }} 笔</div>
+                    </el-card>
+                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
                    <!-- 左侧：处方单 -->
@@ -949,6 +962,11 @@
                                        <el-tag v-if="row.is_exempt === 1" type="warning" size="small" class="ml-1">豁免</el-tag>
                                    </template>
                                </el-table-column>
+                                <el-table-column label="方式" min-width="120" show-overflow-tooltip>
+                                    <template #default="{ row }">
+                                        {{ formatPayOrderSource(row) }}
+                                    </template>
+                                </el-table-column>
                                <el-table-column prop="creator_name" label="创建人" width="80" show-overflow-tooltip />
                                <el-table-column label="创建时间" min-width="136">
                                    <template #default="{ row }">
@@ -1007,6 +1025,11 @@
                                        <el-tag v-if="row.is_exempt === 1" type="warning" size="small" class="ml-1">豁免</el-tag>
                                    </template>
                                </el-table-column>
+                                <el-table-column label="方式" min-width="120" show-overflow-tooltip>
+                                    <template #default="{ row }">
+                                        {{ formatPayOrderSource(row) }}
+                                    </template>
+                                </el-table-column>
                                <el-table-column prop="creator_name" label="创建人" width="80" show-overflow-tooltip />
                                <el-table-column label="创建时间" min-width="136">
                                    <template #default="{ row }">
@@ -1542,7 +1565,7 @@
                                        <el-option
                                            v-for="o in editPaidOrders"
                                            :key="o.id"
-                                            :label="`${o.order_no} · ¥${o.amount} · ${formatPoCategory(o.order_type)}`"
+                                            :label="`${o.order_no} · ¥${o.amount} · ${formatPoCategory(o.order_type)} · ${formatPayOrderSource(o)}`"
                                            :value="o.id"
                                            class="!h-auto py-1.5"
                                        >
@@ -1552,7 +1575,7 @@
                                                    <span class="text-orange-500 font-medium ml-4">¥{{ o.amount }}</span>
                                                </div>
                                                <div class="flex items-center justify-between text-xs text-gray-400 mt-1">
-                                                    <span class="truncate pr-2">{{ formatPoCategory(o.order_type) }}<template v-if="o.remark"> · {{ o.remark }}</template></span>
+                                                    <span class="truncate pr-2">{{ formatPoCategory(o.order_type) }} · {{ formatPayOrderSource(o) }}<template v-if="o.remark"> · {{ o.remark }}</template></span>
                                                    <span class="shrink-0">{{ String(o.create_time || '').substring(0, 16) }}</span>
                                                </div>
                                            </div>
@@ -1832,9 +1855,11 @@
            :close-on-click-modal="false"
            destroy-on-close
            class="po-h5-dialog"
-            @closed="completeOrderId = 0"
+            @closed="onCompleteOrderDialogClosed"
        >
-            <p class="text-sm text-gray-600 mb-3">请选择本单结案状态。选择「已完成」时，实付将按已关联的支付单金额汇总。</p>
+            <p class="text-sm text-gray-600 mb-3">
+                选择「已完成」按关联收款汇总实付；选择「退款」将关联收款标记已退款并清零已付。
+            </p>
            <el-select
                v-model="completeFulfillmentStatus"
                class="w-full"
@@ -1847,10 +1872,101 @@
                    :value="opt.value"
                />
            </el-select>
+            <template v-if="completeFulfillmentStatus === 10">
+                <el-alert
+                    type="warning"
+                    :closable="false"
+                    show-icon
+                    class="mt-3"
+                    title="关联收款将标记已退款，本单已付清零，不可撤销。"
+                />
+                <p v-if="completeOrderLinkedPays.length" class="text-xs text-amber-800 mt-2">
+                    将退款 {{ completeOrderLinkedPays.length }} 笔关联收款，合计 ¥{{ formatMoney(completeOrderRefundTotal) }}
+                </p>
+                <el-form
+                    ref="completeRefundFormRef"
+                    :model="completeRefundForm"
+                    :rules="completeRefundRules"
+                    label-width="80px"
+                    class="mt-2"
+                >
+                    <el-form-item label="退款金额" prop="refund_amount">
+                        <el-input-number
+                            v-model="completeRefundForm.refund_amount"
+                            :min="0.01"
+                            :max="completeOrderRefundMax > 0 ? completeOrderRefundMax : undefined"
+                            :step="0.01"
+                            :precision="2"
+                            class="w-full"
+                        />
+                        <div class="text-xs text-gray-500 mt-1">可退上限 ¥{{ formatMoney(completeOrderRefundMax) }}</div>
+                    </el-form-item>
+                    <el-form-item label="退款原因" prop="reason">
+                        <el-input
+                            v-model="completeRefundForm.reason"
+                            type="textarea"
+                            :rows="3"
+                            maxlength="500"
+                            placeholder="必填"
+                        />
+                    </el-form-item>
+                </el-form>
+            </template>
            <template #footer>
                <el-button @click="completeOrderDialogVisible = false">取消</el-button>
-                <el-button type="primary" :loading="completeOrderSubmitting" @click="submitCompleteOrder">
-                    确定
+                <el-button
+                    :type="completeFulfillmentStatus === 10 ? 'danger' : 'primary'"
+                    :loading="completeOrderSubmitting"
+                    @click="submitCompleteOrder"
+                >
+                    {{ completeFulfillmentStatus === 10 ? '确认退款' : '确定' }}
+                </el-button>
+            </template>
+        </el-dialog>
+        <!-- 订单退款：须填写原因 -->
+        <el-dialog
+            v-model="refundOrderDialogVisible"
+            title="订单退款"
+            width="92%"
+            :close-on-click-modal="false"
+            destroy-on-close
+            class="po-h5-dialog"
+            @closed="onRefundOrderDialogClosed"
+        >
+            <el-alert
+                type="warning"
+                :closable="false"
+                show-icon
+                class="mb-4 !items-start"
+                :title="refundOrderAlertTitle"
+            />
+            <el-form ref="refundOrderFormRef" :model="refundOrderForm" :rules="refundOrderRules" label-width="88px">
+                <el-form-item label="退款金额" prop="refund_amount">
+                    <el-input-number
+                        v-model="refundOrderForm.refund_amount"
+                        :min="0.01"
+                        :max="refundOrderMaxAmount > 0 ? refundOrderMaxAmount : undefined"
+                        :step="0.01"
+                        :precision="2"
+                        class="w-full"
+                    />
+                    <div class="text-xs text-gray-500 mt-1">可退上限 ¥{{ formatMoney(refundOrderMaxAmount) }}</div>
+                </el-form-item>
+                <el-form-item label="退款原因" prop="reason">
+                    <el-input
+                        v-model="refundOrderForm.reason"
+                        type="textarea"
+                        :rows="4"
+                        maxlength="500"
+                        show-word-limit
+                        placeholder="请填写退款原因（必填）"
+                    />
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <el-button @click="refundOrderDialogVisible = false">取消</el-button>
+                <el-button type="danger" :loading="refundOrderSubmitting" @click="submitRefundOrder">
+                    确认退款
                </el-button>
            </template>
        </el-dialog>
@@ -1865,7 +1981,7 @@
            @closed="addPayOrderFormRef?.clearValidate()"
        >
            <el-alert
-                title="可以手动创建新支付单，或关联已存在但未绑定的支付单。"
+                :title="addPayOrderAlertTitle"
                type="info"
                :closable="false"
                show-icon
@@ -1881,13 +1997,15 @@
            >
                <el-form-item label="添加方式" prop="add_mode">
                    <el-radio-group v-model="addPayOrderForm.add_mode">
-                        <el-radio value="create">手动创建</el-radio>
+                        <el-radio value="create">付呗</el-radio>
+                        <el-radio value="create_express">快递代收</el-radio>
                        <el-radio value="link">关联已有</el-radio>
+                        <el-radio value="completion_only">直接完单申请</el-radio>
                    </el-radio-group>
                </el-form-item>

-                <!-- 手动创建模式 -->
-                <template v-if="addPayOrderForm.add_mode === 'create'">
+                <!-- 付呗 / 快递代收（手动创建支付单） -->
+                <template v-if="addPayOrderForm.add_mode === 'create' || addPayOrderForm.add_mode === 'create_express'">
                    <el-form-item label="费用类别" prop="order_type">
                        <el-select v-model="addPayOrderForm.order_type" class="w-full">
                            <el-option label="挂号费" :value="1" />
@@ -1922,6 +2040,20 @@
                    </el-form-item>
                </template>

+                <!-- 直接完单申请（不创建/关联支付单） -->
+                <template v-else-if="addPayOrderForm.add_mode === 'completion_only'">
+                    <el-alert
+                        type="warning"
+                        :closable="false"
+                        show-icon
+                        class="!mb-0"
+                    >
+                        <template #title>
+                            不新增或关联支付单，仅向审核人员提交「完成订单」申请；提交后支付审核将变为待审核，审核通过后将自动结案。
+                        </template>
+                    </el-alert>
+                </template>
+
                <!-- 关联已有模式 -->
                <template v-else>
                    <el-form-item label="选择支付单" prop="link_pay_order_id">
@@ -1937,12 +2069,17 @@
                            <el-option
                                v-for="o in addPayOrderAvailableList"
                                :key="o.id"
-                                :label="`${o.order_no} · ¥${o.amount} · ${formatPoCategory(o.order_type)}`"
+                                :label="`${o.order_no} · ¥${o.amount} · ${formatPoCategory(o.order_type)} · ${formatPayOrderSource(o)}`"
                                :value="o.id"
                            >
-                                <div class="flex items-center justify-between">
-                                    <span class="text-sm">{{ o.order_no }}</span>
-                                    <span class="text-orange-500 font-medium ml-4">¥{{ o.amount }}</span>
+                                <div class="flex flex-col gap-0.5 py-0.5">
+                                    <div class="flex items-center justify-between">
+                                        <span class="text-sm">{{ o.order_no }}</span>
+                                        <span class="text-orange-500 font-medium ml-4">¥{{ o.amount }}</span>
+                                    </div>
+                                    <div class="text-xs text-gray-400">
+                                        {{ formatPoCategory(o.order_type) }} · {{ formatPayOrderSource(o) }}
+                                    </div>
                                </div>
                            </el-option>
                        </el-select>
@@ -1953,7 +2090,7 @@
                </template>

                <!-- 完单申请选项 -->
-                <el-form-item label="完单申请">
+                <el-form-item v-if="addPayOrderForm.add_mode !== 'completion_only'" label="完单申请">
                    <el-radio-group v-model="addPayOrderForm.completion_request">
                        <el-radio :value="0">不申请</el-radio>
                        <el-radio :value="1">申请完成订单</el-radio>
@@ -2091,7 +2228,7 @@

                <!-- A4 处方纸（药房联） -->
                <div v-if="prescriptionViewData" ref="prescriptionSlipPrintRef" class="rx-paper">
-                    <div class="rx-title">处方单</div>   
+                    <div class="rx-title">{{ SLIP_TITLE }}</div>   
                    <div class="rx-notice">
                        <span class="rx-notice-text">
                            服药前请核对姓名、电话、医生等信息以及服法、医嘱等要点
@@ -2194,7 +2331,10 @@
                                        alt="医师签名"
                                        class="rx-bot-sign-img"
                                    />
-                                    <!-- <span class="rx-bot-doctor-name">{{ prescriptionViewData.doctor_name || '—' }}</span> -->
+                                    <span
+                                        v-if="!prescriptionViewData.doctor_signature"
+                                        class="rx-bot-doctor-name"
+                                    >{{ prescriptionViewData.doctor_name || '—' }}</span>
                                </div>
                            </div>
                          
@@ -2401,7 +2541,8 @@ import {
    Wallet,
    User
 } from '@element-plus/icons-vue'
-import DaterangePicker from '@/components/daterange-picker/index.vue'
+import ListTimeFilter from '@/components/list-time-filter/index.vue'
+import { useListTimeFilter } from '@/hooks/useListTimeFilter'
 import {
    prescriptionOrderAuditPayment,
    prescriptionOrderAuditPrescription,
@@ -2416,10 +2557,12 @@ import {
    prescriptionOrderUpdateAmount,
    prescriptionOrderAddPayOrder,
    prescriptionOrderComplete,
+    prescriptionOrderRefund,
    prescriptionOrderRevokeRxAudit,
    prescriptionOrderRevokePayAudit,
    prescriptionOrderPatchPrescriptionPatient,
    prescriptionOrderLinkPayOrder,
+    prescriptionOrderRequestCompletion,
    prescriptionOrderSubmitGancaoRecipel,
    prescriptionOrderPreviewGancaoRecipel,
    prescriptionDetail,
@@ -2698,9 +2841,6 @@ function handleExpressCompanyTabClick(value: '' | 'sf' | 'jd') {
 }

 const queryParams = reactive({
-    /** 创建时间区间（与列表筛选一致；不影响「今日」统计） */
-    start_time: '' as string,
-    end_time: '' as string,
    order_no: '',
    prescription_id: '' as string | number,
    /** 诊单患者姓名/手机号（后台关联 diagnosis） */
@@ -2779,8 +2919,26 @@ function handleFocusBoardSearch(key: 'pendingRx' | 'pendingPay' | 'pendingShip'
    resetPage()
 }

+const {
+    time_type,
+    dateRange,
+    resolve: resolveCreateTimeRange,
+    handleTimeTypeChange,
+    handleCustomDateChange,
+    resetTimeFilter,
+} = useListTimeFilter('all')
+
+const handleQuery = () => {
+    pager.page = 1
+    getLists()
+}
+
+const onTimeTypeChange = () => handleTimeTypeChange(handleQuery)
+const onCustomDateChange = () => handleCustomDateChange(handleQuery)
+
 async function fetchLists(params: Record<string, unknown>) {
-    const p: Record<string, unknown> = { ...params }
+    const [start_time, end_time] = resolveCreateTimeRange()
+    const p: Record<string, unknown> = { ...params, start_time, end_time }
    if (p.prescription_id === '' || p.prescription_id === undefined) {
        delete p.prescription_id
    } else {
@@ -2934,9 +3092,7 @@ const listStats = computed(() => {
        scopeHint =
            '统计口径：本人创建的订单 + 关联处方开方人为本人的订单（含医助代建）；与下方筛选项（不含「创建时间」）一致'
    }
-    const hasCustomTime =
-        String(queryParams.start_time || '').trim() !== '' && String(queryParams.end_time || '').trim() !== ''
-    const headPrefix = hasCustomTime ? '区间' : '今日'
+    const headPrefix = time_type.value === 'all' ? '全部' : time_type.value === 'today' ? '今日' : '区间'
    return {
        order: n(o),
        pay: n(pay),
@@ -3007,8 +3163,7 @@ watch(

 function handleReset() {
    activeFocusKey.value = ''
-    queryParams.start_time = ''
-    queryParams.end_time = ''
+    resetTimeFilter()
    queryParams.order_no = ''
    queryParams.prescription_id = ''
    queryParams.patient_keyword = ''
@@ -3237,6 +3392,11 @@ function canCompleteRow(row: { fulfillment_status?: number; payment_slip_audit_s
    return (fs === 5 || fs === 6) && Number(row.payment_slip_audit_status) === 1
 }

+function canRefundRow(row: { fulfillment_status?: number; payment_slip_audit_status?: number }) {
+    const fs = Number(row.fulfillment_status)
+    return (fs === 5 || fs === 6 || fs === 3 || fs === 9) && Number(row.payment_slip_audit_status) === 1
+}
+
 function canQuickTrackRow(row: { fulfillment_status?: number }) {
    return Number(row.fulfillment_status) === 5
 }
@@ -3269,11 +3429,11 @@ const h5FilterCollapsed = ref(true)
 const h5ActiveFilterCount = computed(() => {
    const q = queryParams as any
    const keys = [
-        'start_time', 'end_time', 'order_no', 'prescription_id',
+        'order_no', 'prescription_id',
        'patient_keyword', 'express_keyword', 'doctor_id',
        'assistant_dept_id', 'assistant_id'
    ]
-    let n = 0
+    let n = time_type.value !== 'all' ? 1 : 0
    for (const k of keys) {
        const v = q[k]
        if (v === null || v === undefined) continue
@@ -3286,13 +3446,14 @@ const h5ActiveFilterCount = computed(() => {

 // H5: 判断列表卡片「更多」下拉是否需要展示
 function hasMoreCardActions(row: Record<string, any>) {
-    return canAddPayOrderRow(row) || canCompleteRow(row) || canUploadGancaoRow(row) || canWithdrawRow(row)
+    return canAddPayOrderRow(row) || canCompleteRow(row) || canRefundRow(row) || canUploadGancaoRow(row) || canWithdrawRow(row)
 }

 // H5: 处理列表卡片「更多」下拉指令
 function handleCardMoreCommand(cmd: string, row: Record<string, any>) {
    if (cmd === 'addPayOrder') openAddPayOrder(row as any)
    else if (cmd === 'complete') confirmComplete(row as any)
+    else if (cmd === 'refund') openRefundOrder(row as any)
    else if (cmd === 'submitGancao') confirmSubmitGancaoRecipel(row as any)
    else if (cmd === 'withdraw') confirmWithdraw(row as any)
 }
@@ -3366,10 +3527,14 @@ const detailLinkedPayOrders = computed(() => {
    return Array.isArray(arr) ? arr : []
 })

-/** 需代收：业务订单总金额 − 关联已付总额 */
+/** 需代收：优先用关联时记录的固定快照值；历史单（无快照）回退实时计算 总金额 − 关联已付总额 */
 const detailAgencyToCollect = computed(() => {
    const d = detailData.value
    if (!d) return 0
+    const snap = d.agency_collect_amount
+    if (snap !== null && snap !== undefined && snap !== '') {
+        return Number(snap) || 0
+    }
    const total = Number(d.amount) || 0
    const paid = Number(d.linked_pay_paid_total) || 0
    return Math.round((total - paid) * 100) / 100
@@ -3607,7 +3772,8 @@ function logActionText(act: string) {
        gancao_submit: '甘草下单',
        patch_rx_patient: '处方患者信息',
        update_amount: '修改订单金额',
-        complete: '完成订单'
+        complete: '完成订单',
+        refund: '退款'
    }
    return m[act] || act
 }
@@ -3911,7 +4077,7 @@ const editDiagnosisCreatorDeptBreadcrumbs = computed(() => {
        .filter((segs) => segs.length > 0)
 })

-const editPaidOrders = ref<Array<{ id: number; order_no?: string; amount?: number | string; order_type?: number | string; remark?: string; create_time?: string }>>([])
+const editPaidOrders = ref<Array<{ id: number; order_no?: string; amount?: number | string; order_type?: number | string; remark?: string; create_time?: string; payment_method?: string; create_type?: string }>>([])
 const editPaidOrdersLoading = ref(false)
 const editDepositMin = ref(0)

@@ -3927,6 +4093,24 @@ function formatPoCategory(t: unknown) {
    return m[Number(t)] || '未知'
 }

+function formatPayOrderSource(row: { payment_method?: unknown; create_type?: unknown }) {
+    const createType = String(row?.create_type || '')
+    if (createType === 'wechat_work') return '企业微信对外收款'
+    if (createType === 'fubei') return '付呗'
+    const paymentMethod = String(row?.payment_method || '')
+    const methodMap: Record<string, string> = {
+        alipay: '支付宝',
+        wechat: '微信',
+        wechat_work: '企业微信',
+        fubei: '付呗',
+        manual: '手动确认到账'
+    }
+    if (paymentMethod && methodMap[paymentMethod]) {
+        return methodMap[paymentMethod]
+    }
+    return '普通订单'
+}
+
 const editLinkedPaidTotal = computed(() => {
    const ids = new Set(editForm.pay_order_ids.map((x) => Number(x)))
    let s = 0
@@ -4562,10 +4746,98 @@ const completeOrderDialogVisible = ref(false)
 const completeOrderId = ref(0)
 const completeFulfillmentStatus = ref<number>(3)
 const completeOrderSubmitting = ref(false)
+const completeOrderLinkedPays = ref<any[]>([])
+const completeRefundFormRef = ref<FormInstance>()
+function calcRefundableFromLinkedPays(list: any[]) {
+    let sum = 0
+    for (const o of list || []) {
+        const st = Number(o?.status)
+        if (st === 2 || st === 5) sum += Number(o?.amount) || 0
+    }
+    return Math.round(sum * 100) / 100
+}
+
+const completeRefundForm = reactive({ reason: '', refund_amount: undefined as number | undefined })
+const completeOrderRefundMax = ref(0)
+const completeOrderRefundTotal = computed(() => calcRefundableFromLinkedPays(completeOrderLinkedPays.value))
+const completeRefundRules = computed<FormRules>(() => ({
+    refund_amount: [
+        { required: true, message: '请输入退款金额', trigger: 'change' },
+        {
+            validator: (_r, v, cb) => {
+                const n = Number(v)
+                const cap = completeOrderRefundMax.value
+                if (!Number.isFinite(n) || n <= 0) return cb(new Error('退款金额须大于 0'))
+                if (cap > 0 && n > cap + 0.009) return cb(new Error(`不能超过 ¥${formatMoney(cap)}`))
+                cb()
+            },
+            trigger: 'change'
+        }
+    ],
+    reason: [{ required: true, message: '请填写退款原因', trigger: 'blur' }]
+}))
+
+function onCompleteOrderDialogClosed() {
+    completeOrderId.value = 0
+    completeOrderLinkedPays.value = []
+    completeRefundForm.reason = ''
+    completeRefundForm.refund_amount = undefined
+    completeOrderRefundMax.value = 0
+    completeRefundFormRef.value?.clearValidate()
+}
+
+async function loadCompleteOrderPayContext(orderId: number) {
+    if (!orderId) {
+        completeOrderLinkedPays.value = []
+        return
+    }
+    try {
+        const r: any = await prescriptionOrderDetail({ id: orderId })
+        const d = r?.data ?? r ?? null
+        completeOrderLinkedPays.value = Array.isArray(d?.linked_pay_orders) ? d.linked_pay_orders : []
+        const linkedMax = calcRefundableFromLinkedPays(completeOrderLinkedPays.value)
+        const paid = Number(d?.paid) || 0
+        completeOrderRefundMax.value = linkedMax > 0 ? linkedMax : paid
+        completeRefundForm.refund_amount = completeOrderRefundMax.value
+    } catch {
+        completeOrderLinkedPays.value = []
+        completeOrderRefundMax.value = 0
+    }
+}

 async function submitCompleteOrder() {
    const id = completeOrderId.value
    if (!id) return
+
+    if (completeFulfillmentStatus.value === 10) {
+        const valid = await completeRefundFormRef.value?.validate().catch(() => false)
+        if (!valid) return
+        completeOrderSubmitting.value = true
+        try {
+            await prescriptionOrderRefund({
+                id,
+                reason: completeRefundForm.reason.trim(),
+                refund_amount: Number(completeRefundForm.refund_amount)
+            })
+            feedback.msgSuccess('退款成功')
+            completeOrderDialogVisible.value = false
+            getLists()
+            if (detailVisible.value && detailData.value?.id === id) {
+                try {
+                    const r: any = await prescriptionOrderDetail({ id })
+                    const nd = r?.data ?? r ?? null
+                    if (nd) detailData.value = nd
+                    await fetchLogs(id)
+                } catch { /* 静默 */ }
+            }
+        } catch {
+            /* 拦截器已提示 */
+        } finally {
+            completeOrderSubmitting.value = false
+        }
+        return
+    }
+
    completeOrderSubmitting.value = true
    try {
        await prescriptionOrderComplete({ id, fulfillment_status: completeFulfillmentStatus.value })
@@ -4586,6 +4858,93 @@ async function submitCompleteOrder() {
    }
 }

+const refundOrderDialogVisible = ref(false)
+const refundOrderId = ref(0)
+const refundOrderSubmitting = ref(false)
+const refundOrderFormRef = ref<FormInstance>()
+const refundOrderMaxAmount = ref(0)
+const refundOrderForm = reactive({ reason: '', refund_amount: undefined as number | undefined })
+const refundOrderAlertTitle = computed(() => {
+    const cap = formatMoney(refundOrderMaxAmount.value)
+    const amt = formatMoney(refundOrderForm.refund_amount)
+    if (Number(refundOrderForm.refund_amount) >= refundOrderMaxAmount.value - 0.009) {
+        return `全额退款 ¥${cap}：关联收款标记已退款，已付清零。`
+    }
+    return `部分退款 ¥${amt}（上限 ¥${cap}）`
+})
+const refundOrderRules = computed<FormRules>(() => ({
+    refund_amount: [
+        { required: true, message: '请输入退款金额', trigger: 'change' },
+        {
+            validator: (_r, v, cb) => {
+                const n = Number(v)
+                const cap = refundOrderMaxAmount.value
+                if (!Number.isFinite(n) || n <= 0) return cb(new Error('退款金额须大于 0'))
+                if (cap > 0 && n > cap + 0.009) return cb(new Error(`不能超过 ¥${formatMoney(cap)}`))
+                cb()
+            },
+            trigger: 'change'
+        }
+    ],
+    reason: [{ required: true, message: '请填写退款原因', trigger: 'blur' }]
+}))
+
+function onRefundOrderDialogClosed() {
+    refundOrderId.value = 0
+    refundOrderForm.reason = ''
+    refundOrderForm.refund_amount = undefined
+    refundOrderMaxAmount.value = 0
+    refundOrderFormRef.value?.clearValidate()
+}
+
+async function openRefundOrder(row: { id: number }) {
+    refundOrderId.value = row.id
+    refundOrderForm.reason = ''
+    refundOrderMaxAmount.value = 0
+    refundOrderDialogVisible.value = true
+    try {
+        const r: any = await prescriptionOrderDetail({ id: row.id })
+        const d = r?.data ?? r ?? null
+        const linked = Array.isArray(d?.linked_pay_orders) ? d.linked_pay_orders : []
+        const linkedMax = calcRefundableFromLinkedPays(linked)
+        const paid = Number(d?.paid) || 0
+        refundOrderMaxAmount.value = linkedMax > 0 ? linkedMax : paid
+        refundOrderForm.refund_amount = refundOrderMaxAmount.value
+    } catch {
+        refundOrderMaxAmount.value = 0
+    }
+}
+
+async function submitRefundOrder() {
+    const id = refundOrderId.value
+    if (!id) return
+    const valid = await refundOrderFormRef.value?.validate().catch(() => false)
+    if (!valid) return
+    refundOrderSubmitting.value = true
+    try {
+        await prescriptionOrderRefund({
+            id,
+            reason: refundOrderForm.reason.trim(),
+            refund_amount: Number(refundOrderForm.refund_amount)
+        })
+        feedback.msgSuccess('退款成功')
+        refundOrderDialogVisible.value = false
+        getLists()
+        if (detailVisible.value && detailData.value?.id === id) {
+            try {
+                const r: any = await prescriptionOrderDetail({ id })
+                const nd = r?.data ?? r ?? null
+                if (nd) detailData.value = nd
+                await fetchLogs(id)
+            } catch { /* 静默 */ }
+        }
+    } catch {
+        /* 拦截器已提示 */
+    } finally {
+        refundOrderSubmitting.value = false
+    }
+}
+
 // ─── 补齐支付单（已发货状态）────────────────────────────────────────────
 const addPayOrderVisible = ref(false)
 const addPayOrderSaving = ref(false)
@@ -4593,8 +4952,17 @@ const addPayOrderRowId = ref(0)
 const addPayOrderFormRef = ref<FormInstance>()
 const addPayOrderAvailableLoading = ref(false)
 const addPayOrderAvailableList = ref<any[]>([])
+const addPayOrderAlertTitle = computed(() => {
+    if (addPayOrderForm.add_mode === 'completion_only') {
+        return '不创建或关联支付单，仅提交完单申请，由审核人员在支付审核时处理。'
+    }
+    if (addPayOrderForm.add_mode === 'create_express') {
+        return '通过快递代收创建新支付单（流转同付呗），或关联已存在但未绑定的支付单。'
+    }
+    return '可以通过付呗创建新支付单，或关联已存在但未绑定的支付单。'
+})
 const addPayOrderForm = reactive({
-    add_mode: 'create' as 'create' | 'link',
+    add_mode: 'create' as 'create' | 'create_express' | 'link' | 'completion_only',
    order_type: 3,
    pay_amount: undefined as number | undefined,
    pay_remark: '',
@@ -4602,38 +4970,44 @@ const addPayOrderForm = reactive({
    completion_request: 0
 })

-const addPayOrderRules: FormRules = {
-    add_mode: [{ required: true, message: '请选择添加方式', trigger: 'change' }],
-    order_type: [{ required: true, message: '请选择费用类别', trigger: 'change' }],
-    pay_amount: [
-        { required: true, message: '请输入支付金额', trigger: 'blur' },
-        {
-            validator: (_rule, v, cb) => {
-                const n = Number(v)
-                if (!Number.isFinite(n) || n <= 0) {
-                    cb(new Error('金额须大于 0'))
-                } else {
-                    cb()
-                }
-            },
-            trigger: 'blur'
-        }
-    ],
-    link_pay_order_ids: [
-        { 
-            required: true, 
-            message: '请至少选择一个支付单', 
-            trigger: 'change',
-            validator: (_rule, v, cb) => {
-                if (!Array.isArray(v) || v.length === 0) {
-                    cb(new Error('请至少选择一个支付单'))
-                } else {
-                    cb()
+const addPayOrderRules = computed<FormRules>(() => {
+    const rules: FormRules = {
+        add_mode: [{ required: true, message: '请选择添加方式', trigger: 'change' }]
+    }
+    if (addPayOrderForm.add_mode === 'create' || addPayOrderForm.add_mode === 'create_express') {
+        rules.order_type = [{ required: true, message: '请选择费用类别', trigger: 'change' }]
+        rules.pay_amount = [
+            { required: true, message: '请输入支付金额', trigger: 'blur' },
+            {
+                validator: (_rule, v, cb) => {
+                    const n = Number(v)
+                    if (!Number.isFinite(n) || n <= 0) {
+                        cb(new Error('金额须大于 0'))
+                    } else {
+                        cb()
+                    }
+                },
+                trigger: 'blur'
+            }
+        ]
+    } else if (addPayOrderForm.add_mode === 'link') {
+        rules.link_pay_order_ids = [
+            {
+                required: true,
+                message: '请至少选择一个支付单',
+                trigger: 'change',
+                validator: (_rule, v, cb) => {
+                    if (!Array.isArray(v) || v.length === 0) {
+                        cb(new Error('请至少选择一个支付单'))
+                    } else {
+                        cb()
+                    }
                }
            }
-        }
-    ]
-}
+        ]
+    }
+    return rules
+})

 async function loadAddPayOrderAvailable(diagnosisId: number, currentLinkedIds: number[] = []) {
    if (!diagnosisId) {
@@ -4681,14 +5055,22 @@ async function submitAddPayOrder() {
    await addPayOrderFormRef.value.validate()
    addPayOrderSaving.value = true
    try {
-        if (addPayOrderForm.add_mode === 'create') {
-            // 手动创建新支付单
+        if (addPayOrderForm.add_mode === 'completion_only') {
+            await prescriptionOrderRequestCompletion({ id: addPayOrderRowId.value })
+            feedback.msgSuccess('完单申请已提交，请等待支付审核')
+        } else if (
+            addPayOrderForm.add_mode === 'create' ||
+            addPayOrderForm.add_mode === 'create_express'
+        ) {
+            // 手动创建新支付单（付呗 / 快递代收）
            await prescriptionOrderAddPayOrder({
                id: addPayOrderRowId.value,
                order_type: addPayOrderForm.order_type,
                pay_amount: addPayOrderForm.pay_amount!,
                pay_remark: addPayOrderForm.pay_remark || '',
-                completion_request: addPayOrderForm.completion_request
+                completion_request: addPayOrderForm.completion_request,
+                pay_create_type:
+                    addPayOrderForm.add_mode === 'create_express' ? 'express_cod' : 'fubei'
            })
            feedback.msgSuccess('支付单已新增，请等待审核')
        } else {
@@ -4728,7 +5110,10 @@ async function submitAddPayOrder() {
 function confirmComplete(row: { id: number }) {
    completeOrderId.value = row.id
    completeFulfillmentStatus.value = 3
+    completeRefundForm.reason = ''
+    completeOrderLinkedPays.value = []
    completeOrderDialogVisible.value = true
+    void loadCompleteOrderPayContext(row.id)
 }

 // ─── 撤回处方审核 ────────────────────────────────────────────
@@ -4784,6 +5169,7 @@ async function confirmRevokePayAudit(row: { id: number }) {
 // ─── 查看处方详情（处方单样式）────────────────────────────────────────────
 /** 处方笺抬头/页脚（与诊间打印一致） */
 const SLIP_HOSPITAL_NAME = '成都双流甄养堂互联网医院'
+const SLIP_TITLE = `${SLIP_HOSPITAL_NAME} 处方笺`
 const SLIP_COMPANY_LINE = '成都双流甄养堂互联网医院有限公司 联系方式：4001667339'
 const SLIP_ADDRESS_LINE = '地址：四川省成都市双流区黄甲街道黄龙大道二段280号'

@@ -5227,6 +5613,12 @@ async function downloadPrescriptionSlipPdf() {
 </script>

 <style scoped lang="scss">
+.stats-filter-form {
+    :deep(.el-form-item) {
+        margin-bottom: 0;
+    }
+}
+
 .prescription-order-page {
   
    margin: 0 auto;
@@ -405,6 +405,18 @@
            </div>
            <el-table v-loading="linesLoading" :data="linesRows" border stripe size="small" max-height="440">
                <el-table-column prop="order_no" label="业务订单号" min-width="128" show-overflow-tooltip />
+                <el-table-column label="患者" min-width="112" show-overflow-tooltip>
+                    <template #default="{ row }">
+                        <div class="cs-patient-cell">
+                            <span class="cs-patient-cell__name">{{ row.patient_name || '—' }}</span>
+                            <span v-if="row.patient_phone || row.patient_gender_text" class="cs-patient-cell__meta cs-muted">
+                                <template v-if="row.patient_gender_text">{{ row.patient_gender_text }}</template>
+                                <template v-if="row.patient_gender_text && row.patient_phone"> · </template>
+                                <template v-if="row.patient_phone">{{ row.patient_phone }}</template>
+                            </span>
+                        </div>
+                    </template>
+                </el-table-column>
                <el-table-column label="快递单号" min-width="132" show-overflow-tooltip>
                    <template #default="{ row }">{{ row.tracking_number || '—' }}</template>
                </el-table-column>
@@ -492,6 +504,18 @@
            </div>
            <el-table v-loading="leafOrdersLoading" :data="leafOrdersRows" border stripe size="small" max-height="440">
                <el-table-column prop="order_no" label="业务订单号" min-width="128" show-overflow-tooltip />
+                <el-table-column label="患者" min-width="112" show-overflow-tooltip>
+                    <template #default="{ row }">
+                        <div class="cs-patient-cell">
+                            <span class="cs-patient-cell__name">{{ row.patient_name || '—' }}</span>
+                            <span v-if="row.patient_phone || row.patient_gender_text" class="cs-patient-cell__meta cs-muted">
+                                <template v-if="row.patient_gender_text">{{ row.patient_gender_text }}</template>
+                                <template v-if="row.patient_gender_text && row.patient_phone"> · </template>
+                                <template v-if="row.patient_phone">{{ row.patient_phone }}</template>
+                            </span>
+                        </div>
+                    </template>
+                </el-table-column>
                <el-table-column label="快递单号" min-width="132" show-overflow-tooltip>
                    <template #default="{ row }">{{ row.tracking_number || '—' }}</template>
                </el-table-column>
@@ -948,10 +972,8 @@ async function loadLeafOrders(page: number) {
            page_size: leafOrdersPageSize.value,
        }
        if (d.mode === 'dept') {
-            p.dept_ids = String(d.dept_id)
-            if (selectedChannel.value) {
-                p.channel_code = selectedChannel.value
-            }
+            Object.assign(p, buildQueryParams())
+            p.table_row_dept_id = d.dept_id
        } else {
            Object.assign(p, buildQueryParams())
            p.appt_channel_value = d.appt_channel_value
@@ -1981,6 +2003,21 @@ onMounted(async () => {

 .cs-muted { color: var(--cs-muted); }

+.cs-patient-cell {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    line-height: 1.35;
+}
+
+.cs-patient-cell__name {
+    color: var(--cs-ink, #0f172a);
+}
+
+.cs-patient-cell__meta {
+    font-size: 12px;
+}
+
 /* ============ Element Plus overrides (scoped via deep) ============ */
 .cs-page {
    :deep(.el-input__wrapper),
@@ -181,9 +181,44 @@
                                <template #default="{ row }">¥ {{ formatDoctorDailyMoney(row.deal_amount) }}</template>
                            </el-table-column>
                            <el-table-column prop="deal_order_count" label="接诊诊单" min-width="88" align="right" />
+                            <el-table-column
+                                prop="appointment_total"
+                                label="总挂号"
+                                min-width="88"
+                                align="right"
+                            >
+                                <template #header>
+                                    <span>总挂号</span>
+                                    <el-tooltip
+                                        effect="dark"
+                                        placement="top"
+                                        content="区间内该医生 doctor_appointment 全部状态合计（已预约/已完成/已过号/已取消）；选部门时仅计经手医助归属在所选部门子树的挂号（与业绩看板「预约诊单」医助口径一致）"
+                                    >
+                                        <el-icon class="doctor-daily-th__hint"><InfoFilled /></el-icon>
+                                    </el-tooltip>
+                                </template>
+                            </el-table-column>
                            <el-table-column prop="appointment_completed" label="挂号完成" min-width="88" align="right" />
                            <el-table-column prop="appointment_missed" label="过号" min-width="72" align="right" />
                            <el-table-column prop="appointment_cancelled" label="取消" min-width="72" align="right" />
+                            <el-table-column
+                                prop="appointment_conversion_rate"
+                                label="挂号率"
+                                min-width="92"
+                                align="right"
+                            >
+                                <template #header>
+                                    <span>挂号率</span>
+                                    <el-tooltip
+                                        effect="dark"
+                                        placement="top"
+                                        content="挂号率 = 成交单数 / 总挂号数 × 100；总挂号为 0 时显示「—」"
+                                    >
+                                        <el-icon class="doctor-daily-th__hint"><InfoFilled /></el-icon>
+                                    </el-tooltip>
+                                </template>
+                                <template #default="{ row }">{{ formatDoctorDailyRate(row.appointment_conversion_rate) }}</template>
+                            </el-table-column>
                        </el-table>
                    </el-card>
                    <el-empty v-else description="当前账号无医生统计权限" />
@@ -355,7 +390,7 @@
                                <el-tooltip placement="top" effect="dark" :show-after="200">
                                    <template #content>
                                        <div style="max-width: 320px; line-height: 1.7; font-size: 12px">
-                                            <b>tcm_diagnosis_assign_log</b> 行数（成功指派：<b>to_assistant_id &gt; 0</b>），**仅按 <b>related_po_create_time</b>** 落在所选区间内（与日志表快照一致；诊单手动指派已写入该字段）。按<b>被指派医助</b>归属展示部门。<template v-if="tb.channel_name">
+                                            <b>tcm_diagnosis_assign_log</b> 中成功指派（<b>to_assistant_id &gt; 0</b>，<b>剔除勾选「继承」的指派</b>）按<b>指派操作时间</b>落在所选区间内，「医助 × 诊单」去重、剔除已删诊单，与「复诊接诊率」页面同口径。按<b>被指派医助</b>归属展示部门。<template v-if="tb.channel_name">
                                                选定渠道时收窄与「{{ tb.channel_name }}」业绩同口径（标签诊单或 channels EXISTS）。<br />
                                                <b>二中心及其组织下级</b>在选定渠道下本列计 <b>0</b>。
                                            </template>
@@ -2078,6 +2113,10 @@ function buildDoctorDailyRequestParams(): Record<string, any> {
    if (selectedChannel.value) {
        p.channel_code = selectedChannel.value
    }
+    // 选中父级时由后端 resolvePrimaryDepts 自动展开所有子级，再用 admin_dept 收窄医生集合。
+    if (selectedDeptIds.value.length > 0) {
+        p.dept_ids = selectedDeptIds.value.join(',')
+    }
    if (customRange.value?.[0] && customRange.value?.[1]) {
        p.start_date = customRange.value[0]
        p.end_date = customRange.value[1]
@@ -2096,6 +2135,15 @@ function formatDoctorDailyMoney(n: number | string | undefined) {
    return x.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
 }

+/** 挂号率展示：null 或非有限数显示「—」；保留 2 位小数 + % 后缀 */
+function formatDoctorDailyRate(v: number | string | null | undefined): string {
+    if (v === null || v === undefined || v === '') return '—'
+    const n = Number(v)
+    if (!Number.isFinite(n)) return '—'
+
+    return `${n.toFixed(2)}%`
+}
+
 function getDoctorDailySummaries(param: { columns: any[] }) {
    const t = doctorDailyTotal.value
    const sums: string[] = []
@@ -2118,6 +2166,9 @@ function getDoctorDailySummaries(param: { columns: any[] }) {
            case 'deal_order_count':
                sums[index] = String(t.deal_order_count ?? 0)
                break
+            case 'appointment_total':
+                sums[index] = String(t.appointment_total ?? 0)
+                break
            case 'appointment_completed':
                sums[index] = String(t.appointment_completed ?? 0)
                break
@@ -2127,6 +2178,9 @@ function getDoctorDailySummaries(param: { columns: any[] }) {
            case 'appointment_cancelled':
                sums[index] = String(t.appointment_cancelled ?? 0)
                break
+            case 'appointment_conversion_rate':
+                sums[index] = formatDoctorDailyRate(t.appointment_conversion_rate)
+                break
            default:
                sums[index] = ''
        }
@@ -4100,6 +4154,19 @@ onMounted(async () => {
        background: var(--yj-accent-soft) !important;
        font-size: 13px;
    }
+
+    .doctor-daily-th__hint {
+        margin-left: 4px;
+        color: var(--yj-muted);
+        cursor: help;
+        vertical-align: -2px;
+        font-size: 13px;
+        transition: color 0.15s;
+
+        &:hover {
+            color: var(--yj-brand);
+        }
+    }
 }

 .filter-surface {
@@ -14,13 +14,13 @@
        </el-card>

        <el-card class="!border-none" shadow="never">
-            <el-form class="mb-[-16px]" :model="queryParams" inline>
-                <el-form-item label="日期范围">
-                    <daterange-picker
-                        v-model:startTime="queryParams.start_date"
-                        v-model:endTime="queryParams.end_date"
-                    />
-                </el-form-item>
+            <el-form :inline="true" :model="queryParams" class="stats-filter-form">
+                <list-time-filter
+                    v-model:time-type="time_type"
+                    v-model:date-range="dateRange"
+                    @time-type-change="onTimeTypeChange"
+                    @custom-change="onCustomDateChange"
+                />
                <el-form-item label="自媒体渠道">
                    <el-select
                        v-model="queryParams.media_channel_code"
@@ -67,11 +67,11 @@
                        v-model="queryParams.remark"
                        placeholder="备注 / 创建人 / 修改人"
                        clearable
-                        @keyup.enter="resetPage"
+                        @keyup.enter="handleQuery"
                    />
                </el-form-item>
                <el-form-item>
-                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button type="primary" :loading="pager.loading" @click="handleQuery">查询</el-button>
                    <el-button @click="handleReset">重置</el-button>
                </el-form-item>
            </el-form>
@@ -148,7 +148,9 @@
 <script lang="ts" setup name="accountCostList">
 import { accountCostDelete, accountCostLists } from '@/api/finance'
 import { usePaging } from '@/hooks/usePaging'
+import { useListTimeFilter } from '@/hooks/useListTimeFilter'
 import feedback from '@/utils/feedback'
+import ListTimeFilter from '@/components/list-time-filter/index.vue'

 import EditPopup from './edit.vue'

@@ -172,18 +174,40 @@ const editRef = shallowRef<InstanceType<typeof EditPopup>>()
 const showEdit = ref(false)

 const queryParams = reactive({
-    start_date: '',
-    end_date: '',
    media_channel_code: '',
    dept_id: '',
    remark: '',
 })

-const { pager, getLists, resetPage } = usePaging({
-    fetchFun: accountCostLists,
+const {
+    time_type,
+    dateRange,
+    resolve,
+    handleTimeTypeChange,
+    handleCustomDateChange,
+    resetTimeFilter,
+} = useListTimeFilter('today')
+
+const { pager, getLists } = usePaging({
+    fetchFun: async (params: Record<string, any>) => {
+        const [start_date, end_date] = resolve()
+        return accountCostLists({
+            ...params,
+            start_date,
+            end_date,
+        })
+    },
    params: queryParams,
 })

+const handleQuery = () => {
+    pager.page = 1
+    getLists()
+}
+
+const onTimeTypeChange = () => handleTimeTypeChange(handleQuery)
+const onCustomDateChange = () => handleCustomDateChange(handleQuery)
+
 const mediaChannelOptionsFlat = computed<MediaChannelOption[]>(() => {
    const options = pager.extend.media_channel_options
    if (!Array.isArray(options)) return []
@@ -258,18 +282,27 @@ const handleDelete = async (id: number) => {
 }

 const handleReset = () => {
-    queryParams.start_date = ''
-    queryParams.end_date = ''
+    resetTimeFilter()
    queryParams.media_channel_code = ''
    queryParams.dept_id = ''
    queryParams.remark = ''
-    resetPage()
+    pager.page = 1
+    pager.size = 15
+    getLists()
 }

-getLists()
+onMounted(() => {
+    getLists()
+})
 </script>

 <style scoped lang="scss">
+.stats-filter-form {
+    :deep(.el-form-item) {
+        margin-bottom: 0;
+    }
+}
+
 .account-cost-channel-select {
    :deep(.channel-opt-row) {
        display: flex;
@@ -174,9 +174,9 @@
                    </template>
                </el-table-column>

-                <el-table-column label="支付方式" width="100">
+                <el-table-column label="支付方式" width="120">
                    <template #default="{ row }">
-                        {{ getPaymentMethodText(row.payment_method) }}
+                        {{ getCreateTypeText(row) }}
                    </template>
                </el-table-column>

@@ -220,7 +220,7 @@
                            编辑
                        </el-button>
                        <el-button
-                            v-if="row.status === 1 || row.status === 2 || (row.status === 5 && row.payment_method === 'fubei')"
+                            v-if="row.status === 1 || row.status === 2 || (row.status === 5 && (row.payment_method === 'fubei' || row.create_type === 'express_cod'))"
                            v-perms="['order.order/split']"
                            type="primary"
                            link
@@ -237,7 +237,7 @@
                            小程序码
                        </el-button>
                        <el-button
-                            v-if="row.status === 1 || (row.status === 5 && row.payment_method === 'fubei')"
+                            v-if="row.status === 1 || (row.status === 5 && (row.payment_method === 'fubei' || row.create_type === 'express_cod'))"
                            v-perms="['order.order/pay']"
                            type="success"
                            link
@@ -255,7 +255,7 @@
                            退款
                        </el-button>
                        <el-button
-                            v-if="row.status === 1 || (row.status === 5 && row.payment_method === 'fubei')"
+                            v-if="row.status === 1 || (row.status === 5 && (row.payment_method === 'fubei' || row.create_type === 'express_cod'))"
                            v-perms="['order.order/cancel']"
                            type="danger"
                            link
@@ -327,7 +327,7 @@
                    <span class="text-red-500 font-semibold">¥{{ detailData.amount }}</span>
                </el-descriptions-item>
                <el-descriptions-item label="支付方式">
-                    {{ getPaymentMethodText(detailData.payment_method) }}
+                    {{ getCreateTypeText(detailData) }}
                </el-descriptions-item>
                <el-descriptions-item label="支付时间">
                    {{ detailData.payment_time || '-' }}
@@ -434,7 +434,7 @@
                    type="warning"
                    :closable="false"
                    class="mb-3"
-                    title="该单为付呗·待审核，请选择实际到账方式后确认「已支付」"
+                    title="该单为待审核（付呗/快递代收），请选择实际到账方式后确认「已支付」"
                />
                <el-form-item v-if="!payForm.fubeiPendingAudit" label="支付类型" required>
                    <el-radio-group v-model="payForm.payType">
@@ -502,6 +502,7 @@
                        <el-radio label="normal">普通订单</el-radio>
                        <el-radio label="wechat_work">企业微信对外收款</el-radio>
                        <el-radio label="fubei">付呗</el-radio>
+                        <el-radio label="express_cod">快递代收</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-alert
@@ -524,7 +525,20 @@
                    <template #title>付呗</template>
                    通过付呗收款的支付单，创建后请按实际对账/审核流程在列表中处理。
                </el-alert>
-                <el-form-item v-if="createForm.createType === 'fubei'" label="支付单审核">
+                <el-alert
+                    v-if="createForm.createType === 'express_cod'"
+                    type="info"
+                    :closable="false"
+                    show-icon
+                    class="mb-4"
+                >
+                    <template #title>快递代收</template>
+                    通过快递代收的支付单，流转与付呗一致；审核通过/确认到账后将更新为已支付。
+                </el-alert>
+                <el-form-item
+                    v-if="createForm.createType === 'fubei' || createForm.createType === 'express_cod'"
+                    label="支付单审核"
+                >
                    <el-switch
                        v-model="createForm.requirePaymentSlipAudit"
                        active-text="申请审核"
@@ -980,8 +994,8 @@ const patientLoading = ref(false)
 const patientList = ref<any[]>([])

 const createForm = reactive({
-    createType: 'normal' as 'normal' | 'wechat_work' | 'fubei',
-    /** 仅「付呗」：开启后订单为待审核(5) */
+    createType: 'normal' as 'normal' | 'wechat_work' | 'fubei' | 'express_cod',
+    /** 「付呗」「快递代收」：开启后订单为待审核(5) */
    requirePaymentSlipAudit: false,
    patient_id: '',
    order_type: '',
@@ -1148,7 +1162,8 @@ const submitCreateOrder = async () => {
                patient_id: createForm.patient_id,
                order_type: createForm.order_type,
                amount: createForm.amount,
-                remark: createForm.remark
+                remark: createForm.remark,
+                create_type: 'wechat_work'
            }
            const res: any = await orderCreateForWechatWork(params)
            const orderNo = res?.order_no ?? res?.data?.order_no
@@ -1160,18 +1175,23 @@ const submitCreateOrder = async () => {
                patient_id: createForm.patient_id,
                order_type: createForm.order_type,
                amount: createForm.amount,
-                remark: createForm.remark
+                remark: createForm.remark,
+                create_type: createForm.createType
            }
            if (createForm.createType === 'fubei') {
                params.payment_channel = 'fubei'
                params.require_payment_slip_audit = createForm.requirePaymentSlipAudit ? 1 : 0
+            } else if (createForm.createType === 'express_cod') {
+                params.payment_channel = 'express_cod'
+                params.require_payment_slip_audit = createForm.requirePaymentSlipAudit ? 1 : 0
            } else {
                params.payment_channel = 'normal'
                params.require_payment_slip_audit = 0
            }
            await orderCreate(params)
            const tip =
-                createForm.createType === 'fubei' && createForm.requirePaymentSlipAudit
+                (createForm.createType === 'fubei' || createForm.createType === 'express_cod') &&
+                createForm.requirePaymentSlipAudit
                    ? '订单已创建，支付状态为「待审核」'
                    : '订单创建成功'
            feedback.msgSuccess(tip)
@@ -1247,6 +1267,27 @@ const getPaymentMethodText = (method: string | null) => {
    return methodMap[method] || '未知'
 }

+// 支付方式展示：优先按「创建方式」三值显示；历史单/无 create_type 时回退真实支付渠道文案
+const getCreateTypeText = (row: any) => {
+    const createTypeMap: Record<string, string> = {
+        normal: '普通订单',
+        wechat_work: '企业微信对外收款',
+        fubei: '付呗',
+        express_cod: '快递代收'
+    }
+    const ct = row?.create_type
+    if (ct === 'wechat_work' || ct === 'fubei' || ct === 'express_cod') {
+        return createTypeMap[ct]
+    }
+    if (ct === 'normal' && row?.payment_method) {
+        return getPaymentMethodText(row.payment_method)
+    }
+    if (ct && createTypeMap[ct]) {
+        return createTypeMap[ct]
+    }
+    return getPaymentMethodText(row?.payment_method)
+}
+
 // 编辑订单
 const handleEditOrder = (row: any) => {
    editOrderForm.value = {
@@ -1373,7 +1414,8 @@ const handleDetail = async (row: any) => {

 // 支付订单
 const handlePay = (row: any) => {
-    const fubeiPending = row.status === 5 && row.payment_method === 'fubei'
+    const fubeiPending =
+        row.status === 5 && (row.payment_method === 'fubei' || row.create_type === 'express_cod')
    payForm.value = {
        order_id: row.id,
        order_no: row.order_no,
@@ -1,6 +1,15 @@
 <template>
    <div class="note-timeline-wrap">
        <div v-if="!readonly && diagnosisId" class="timeline-actions">
+            <el-button
+                v-if="hasAddDoctorNotePermission"
+                type="primary"
+                plain
+                size="small"
+                @click="showNoteDialog = true"
+            >
+                添加备注
+            </el-button>
            <material-picker
                v-model="tongueModel"
                :limit="99"
@@ -95,16 +104,32 @@
            </div>
        </div>
        <el-empty v-if="!notes.length && readonly" description="暂无备注" :image-size="48" />
+
+        <el-dialog v-model="showNoteDialog" title="添加备注" width="480px" append-to-body>
+            <el-input
+                v-model="noteContent"
+                type="textarea"
+                :rows="4"
+                placeholder="输入今日备注..."
+                maxlength="500"
+                show-word-limit
+            />
+            <template #footer>
+                <el-button @click="showNoteDialog = false">取消</el-button>
+                <el-button type="primary" :loading="noteSaving" @click="handleSaveNote">保存</el-button>
+            </template>
+        </el-dialog>
    </div>
 </template>

 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { CircleClose, Document } from '@element-plus/icons-vue'
 import { ElMessageBox } from 'element-plus'
 import useAppStore from '@/stores/modules/app'
 import { addDoctorNote, deleteDoctorNoteImage } from '@/api/patient'
 import feedback from '@/utils/feedback'
+import { hasPermission } from '@/utils/perm'

 export interface DoctorNoteItem {
    id: number
@@ -122,6 +147,13 @@ const props = defineProps<{

 const emit = defineEmits<{ refresh: [] }>()

+/** 与接诊台悬浮「备注」按钮一致 */
+const hasAddDoctorNotePermission = computed(() => hasPermission(['doctor.appointment/addDoctorNote']))
+
+const showNoteDialog = ref(false)
+const noteContent = ref('')
+const noteSaving = ref(false)
+
 const appStore = useAppStore()
 const getImageUrl = (url: string) => appStore.getImageUrl(url)

@@ -201,6 +233,30 @@ watch(() => props.notes, () => {
    prevReportCount.value = 0
 })

+const handleSaveNote = async () => {
+    if (!props.diagnosisId) {
+        feedback.msgWarning('当前无诊单，无法添加备注')
+        return
+    }
+    const text = noteContent.value.trim()
+    if (!text) {
+        feedback.msgWarning('请输入备注内容')
+        return
+    }
+    noteSaving.value = true
+    try {
+        await addDoctorNote({ diagnosis_id: props.diagnosisId, content: text })
+        feedback.msgSuccess('备注保存成功')
+        noteContent.value = ''
+        showNoteDialog.value = false
+        emit('refresh')
+    } catch (e: any) {
+        feedback.msgError(e?.message || '保存失败')
+    } finally {
+        noteSaving.value = false
+    }
+}
+
 const handleDeleteImage = async (noteId: number, imageType: 'tongue_images' | 'report_files', imagePath: string) => {
    try {
        await ElMessageBox.confirm('确认删除？', '提示', { type: 'warning' })
@@ -217,6 +273,7 @@ const handleDeleteImage = async (noteId: number, imageType: 'tongue_images' | 'r
 .timeline-actions {
    display: flex;
    flex-direction: column;
+    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 12px;
@@ -0,0 +1,644 @@
+<template>
+    <div class="revisit-rate-page">
+        <el-card class="!border-none" shadow="never">
+            <el-form :inline="true" class="rate-filter-form">
+                <el-form-item label="统计月份">
+                    <el-date-picker
+                        v-model="month"
+                        type="month"
+                        value-format="YYYY-MM"
+                        placeholder="选择月份"
+                        :clearable="false"
+                        :disabled-date="disableFutureMonth"
+                        style="width: 160px"
+                        @change="loadData"
+                    />
+                </el-form-item>
+                <el-form-item label="部门">
+                    <el-tree-select
+                        v-model="deptId"
+                        :data="deptTreeOptions"
+                        placeholder="全部部门"
+                        clearable
+                        filterable
+                        check-strictly
+                        node-key="id"
+                        :default-expand-all="true"
+                        :props="deptTreeProps"
+                        style="width: 220px"
+                        @change="loadData"
+                    />
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" :loading="loading" @click="loadData">查询</el-button>
+                    <el-button :disabled="loading" @click="handleReset">重置</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-popover placement="bottom-start" :width="500" trigger="hover">
+                        <template #reference>
+                            <span class="rate-caliber-trigger">
+                                <el-icon><InfoFilled /></el-icon>
+                                统计口径
+                            </span>
+                        </template>
+                        <div class="rate-caliber">
+                            <p>
+                                <b>当月被指派总数</b>：当月内诊单被指派给医助（按指派操作时间落月，<b>剔除勾选「继承」的指派</b>)的诊单数，按「医助 × 诊单」去重；部门行 / 合计行按诊单去重。
+                            </p>
+                            <p>
+                                <b>诊次（第 N 次下单）</b>：患者（诊单）名下计入业绩的业务订单（剔除已取消 / 拒收 / 退款）按下单时间升序的全局序号，<b>跨月累计不重置</b>——如 5 月指派后旗下成交 4 单为二诊~五诊，下月再成交即为六诊。
+                            </p>
+                            <p>
+                                <b>当月 N 诊单数</b>：当月内下单且诊次为 N 的订单数，归属下单时点<b>持有该患者的医助</b>（指派可在往月；释放后不再归属；「继承」指派会转移持有人但不计被指派数）。
+                            </p>
+                            <p>
+                                <b>当月 N 诊接诊率</b> = 当月 N 诊单数 ÷ 当月被指派总数。往月指派、当月成交会推高分子，比率可能超过 100%；医助当月无新指派但旗下有成交时，被指派数为 0、比率显示「—」。
+                            </p>
+                            <p>
+                                医助按人事部门归组；选定部门时含其组织下级。
+                            </p>
+                        </div>
+                    </el-popover>
+                </el-form-item>
+            </el-form>
+        </el-card>
+
+        <div class="rate-kpi-grid">
+            <div
+                v-for="card in summaryCards"
+                :key="card.key"
+                class="rate-kpi-card"
+                :class="{ 'is-clickable': card.clickable }"
+                @click="card.clickable && card.onClick && card.onClick()"
+            >
+                <div class="rate-kpi-label">{{ card.label }}</div>
+                <div class="rate-kpi-value">{{ card.value }}</div>
+                <div v-if="card.sub" class="rate-kpi-sub">{{ card.sub }}</div>
+            </div>
+        </div>
+
+        <el-card class="!border-none mt-4" shadow="never">
+            <template #header>
+                <div class="rate-card-header">
+                    <span>部门 · 医助明细（{{ monthText }}）</span>
+                    <span class="rate-card-hint">点击「被指派数 / N诊单数」可查看具体诊单与订单；底栏合计的被指派数按诊单去重</span>
+                </div>
+            </template>
+            <el-table
+                v-loading="loading"
+                :data="rows"
+                size="small"
+                border
+                row-key="row_key"
+                :tree-props="{ children: 'children' }"
+                :default-expand-all="true"
+                show-summary
+                :summary-method="getSummaries"
+            >
+                <el-table-column label="部门 / 医助" min-width="200" fixed>
+                    <template #default="{ row }">
+                        <span v-if="row.is_dept" class="rate-dept-cell">
+                            {{ row.dept_name }}
+                            <span class="rate-dept-count">{{ row.assistant_count }} 人</span>
+                        </span>
+                        <span v-else>{{ row.assistant_name }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="assigned_count" label="当月被指派数" min-width="110" align="right">
+                    <template #default="{ row }">
+                        <el-link
+                            v-if="canViewAssignLines && row.assigned_count > 0"
+                            type="primary"
+                            :underline="false"
+                            @click="openAssignDetail(row)"
+                        >
+                            {{ row.assigned_count }}
+                        </el-link>
+                        <span v-else>{{ row.assigned_count }}</span>
+                    </template>
+                </el-table-column>
+                <template v-for="slot in visitSlots" :key="slot">
+                    <el-table-column
+                        :prop="`visit${slot}_count`"
+                        :label="`${slotLabel(slot)}单数`"
+                        min-width="96"
+                        align="right"
+                    >
+                        <template #header>
+                            <span>{{ slotLabel(slot) }}单数</span>
+                            <el-tooltip
+                                effect="dark"
+                                placement="top"
+                                :content="`当月内下单、诊次为第 ${slot} 次的订单数（诊次跨月累计；归属下单时点持有患者的医助）`"
+                            >
+                                <el-icon class="rate-th-hint"><InfoFilled /></el-icon>
+                            </el-tooltip>
+                        </template>
+                        <template #default="{ row }">
+                            <el-link
+                                v-if="canViewOrderLines && row[`visit${slot}_count`] > 0"
+                                type="primary"
+                                :underline="false"
+                                @click="openOrderDetail(slot, row)"
+                            >
+                                {{ row[`visit${slot}_count`] }}
+                            </el-link>
+                            <span v-else>{{ row[`visit${slot}_count`] }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                        :prop="`visit${slot}_rate`"
+                        :label="`${slotLabel(slot)}接诊率`"
+                        min-width="96"
+                        align="right"
+                    >
+                        <template #default="{ row }">{{ formatRate(row[`visit${slot}_rate`]) }}</template>
+                    </el-table-column>
+                </template>
+            </el-table>
+        </el-card>
+
+        <!-- 下钻明细 -->
+        <el-dialog
+            v-model="detailVisible"
+            :title="detailTitle"
+            width="980px"
+            top="6vh"
+            destroy-on-close
+        >
+            <el-table
+                v-loading="detailLoading"
+                :data="detailRows"
+                size="small"
+                border
+                stripe
+                max-height="60vh"
+            >
+                <template v-if="detailType === 'assign'">
+                    <el-table-column prop="diagnosis_id" label="诊单ID" width="90" />
+                    <el-table-column prop="patient_name" label="患者" min-width="100">
+                        <template #default="{ row }">
+                            <el-link
+                                v-if="canViewPatientDetail && row.diagnosis_id"
+                                type="primary"
+                                :underline="false"
+                                @click="openPatientDetail(row.diagnosis_id)"
+                            >
+                                {{ row.patient_name || `诊单#${row.diagnosis_id}` }}
+                            </el-link>
+                            <span v-else>{{ row.patient_name || '—' }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="patient_phone" label="联系电话" min-width="120">
+                        <template #default="{ row }">{{ row.patient_phone || '—' }}</template>
+                    </el-table-column>
+                    <el-table-column prop="assistant_names" label="被指派医助" min-width="140" show-overflow-tooltip />
+                    <el-table-column prop="assign_count" label="当月指派次数" width="110" align="right" />
+                    <el-table-column prop="last_assign_time_text" label="最近指派时间" min-width="160" />
+                </template>
+                <template v-else>
+                    <el-table-column prop="order_no" label="订单号" min-width="180" show-overflow-tooltip>
+                        <template #default="{ row }">
+                            <el-link
+                                v-if="canViewOrderDetail && row.order_id"
+                                type="primary"
+                                :underline="false"
+                                @click="openOrderInfo(row.order_id)"
+                            >
+                                {{ row.order_no || `#${row.order_id}` }}
+                            </el-link>
+                            <span v-else>{{ row.order_no || `#${row.order_id}` }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="diagnosis_id" label="诊单ID" width="90" />
+                    <el-table-column prop="patient_name" label="患者" min-width="100">
+                        <template #default="{ row }">
+                            <el-link
+                                v-if="canViewPatientDetail && row.diagnosis_id"
+                                type="primary"
+                                :underline="false"
+                                @click="openPatientDetail(row.diagnosis_id)"
+                            >
+                                {{ row.patient_name || `诊单#${row.diagnosis_id}` }}
+                            </el-link>
+                            <span v-else>{{ row.patient_name || '—' }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="amount" label="金额" width="100" align="right">
+                        <template #default="{ row }">¥ {{ row.amount }}</template>
+                    </el-table-column>
+                    <el-table-column prop="create_time_text" label="下单时间" min-width="160" />
+                    <el-table-column prop="assistant_name" label="持有医助" min-width="100" />
+                    <el-table-column prop="creator_name" label="订单创建人" min-width="100" />
+                </template>
+            </el-table>
+            <div class="rate-detail-footer">共 {{ detailRows.length }} 条</div>
+        </el-dialog>
+
+        <!-- 订单详情抽屉（共享组件，与处方订单列表详情一致；只读） -->
+        <order-detail-drawer ref="orderDetailRef" readonly append-to-body />
+
+        <!-- 诊单（患者）详情：编辑页只读模式 -->
+        <diagnosis-edit-popup ref="diagnosisEditRef" />
+    </div>
+</template>
+
+<script setup lang="ts" name="revisitRateStatsPage">
+import { computed, defineAsyncComponent, onMounted, ref } from 'vue'
+import { InfoFilled } from '@element-plus/icons-vue'
+
+import {
+    revisitRateAssignLines,
+    revisitRateDeptOptions,
+    revisitRateOverview,
+    revisitRateVisitOrderLines
+} from '@/api/stats'
+import { hasPermission } from '@/utils/perm'
+
+/** 业务订单详情抽屉（共享组件，readonly 模式，与 order_list.vue 详情同源） */
+const OrderDetailDrawer = defineAsyncComponent(
+    () => import('@/views/consumer/prescription/components/PrescriptionOrderDetailDrawer.vue')
+)
+/** 诊单编辑弹窗（只读打开） */
+const DiagnosisEditPopup = defineAsyncComponent(() => import('@/views/tcm/diagnosis/edit.vue'))
+
+interface MetricPack extends Record<string, any> {
+    assigned_count: number
+}
+
+interface StatsRow extends MetricPack {
+    row_key: string
+    is_dept: 0 | 1
+    dept_id: number
+    dept_name: string
+    assistant_id?: number
+    assistant_name?: string
+    assistant_count?: number
+    children?: StatsRow[]
+}
+
+interface DeptTreeNode {
+    id: number
+    name: string
+    pid: number
+    children?: DeptTreeNode[]
+}
+
+const canViewAssignLines = hasPermission(['stats.revisitRate/assignLines'])
+const canViewOrderLines = hasPermission(['stats.revisitRate/visitOrderLines'])
+const canViewOrderDetail = hasPermission(['tcm.prescriptionOrder/detail'])
+const canViewPatientDetail = hasPermission(['tcm.diagnosis/detail'])
+
+/** 接口动态返回的诊次分档（最少 2~4，按数据扩展到五诊、六诊…） */
+const visitSlots = ref<number[]>([2, 3, 4])
+
+const cnDigits = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十']
+const slotLabel = (slot: number) => {
+    if (slot >= 2 && slot <= 10) {
+        return `${cnDigits[slot]}诊`
+    }
+    if (slot > 10 && slot < 20) {
+        return `十${cnDigits[slot - 10]}诊`
+    }
+    return `${slot}诊`
+}
+
+const initNow = new Date()
+const currentMonth = `${initNow.getFullYear()}-${String(initNow.getMonth() + 1).padStart(2, '0')}`
+const month = ref<string>(currentMonth)
+const deptId = ref<number | undefined>(undefined)
+const loading = ref(false)
+const rows = ref<StatsRow[]>([])
+const total = ref<MetricPack | null>(null)
+
+const deptTreeOptions = ref<DeptTreeNode[]>([])
+const deptTreeProps = { value: 'id', label: 'name', children: 'children' }
+
+const monthText = computed(() => {
+    const [y, m] = month.value.split('-')
+    return y && m ? `${y}年${Number(m)}月` : month.value
+})
+
+const formatRate = (rate: number | null | undefined) =>
+    rate === null || rate === undefined ? '—' : `${rate}%`
+
+const baseQuery = () => ({
+    month: month.value,
+    dept_ids: deptId.value ? String(deptId.value) : ''
+})
+
+interface SummaryCard {
+    key: string
+    label: string
+    value: string
+    sub: string
+    clickable: boolean
+    onClick?: () => void
+}
+
+const summaryCards = computed<SummaryCard[]>(() => {
+    const t = total.value
+    const cards: SummaryCard[] = [
+        {
+            key: 'assigned',
+            label: '当月被指派总数',
+            value: t ? String(t.assigned_count) : '—',
+            sub: '',
+            clickable: !!(canViewAssignLines && t && t.assigned_count > 0),
+            onClick: () => openAssignDetail(null)
+        }
+    ]
+    for (const slot of visitSlots.value) {
+        const cnt = t ? t[`visit${slot}_count`] : null
+        const rate = t ? t[`visit${slot}_rate`] : null
+        cards.push({
+            key: `visit${slot}`,
+            label: `当月${slotLabel(slot)}接诊率`,
+            value: t ? formatRate(rate) : '—',
+            sub: t ? `${slotLabel(slot)}下单 ${cnt} 单` : '',
+            clickable: !!(canViewOrderLines && cnt > 0),
+            onClick: () => openOrderDetail(slot, null)
+        })
+    }
+    return cards
+})
+
+/** 底栏合计：直接展示后端按诊单去重后的合计，不做各行求和 */
+const getSummaries = ({ columns }: { columns: any[] }) => {
+    const t = total.value
+    return columns.map((col, index) => {
+        if (index === 0) {
+            return '合计'
+        }
+        if (!t) {
+            return ''
+        }
+        const prop = String(col.property || '')
+        if (prop === 'assigned_count') {
+            return String(t.assigned_count)
+        }
+        if (/^visit\d+_count$/.test(prop)) {
+            return String(t[prop] ?? '')
+        }
+        if (/^visit\d+_rate$/.test(prop)) {
+            return formatRate(t[prop])
+        }
+        return ''
+    })
+}
+
+const disableFutureMonth = (date: Date) => {
+    const now = new Date()
+    return date.getFullYear() * 12 + date.getMonth() > now.getFullYear() * 12 + now.getMonth()
+}
+
+const loadData = async () => {
+    loading.value = true
+    try {
+        const res = await revisitRateOverview(baseQuery())
+        rows.value = res?.rows ?? []
+        total.value = res?.total ?? null
+        if (Array.isArray(res?.slots) && res.slots.length) {
+            visitSlots.value = res.slots.map((s: any) => Number(s)).filter((s: number) => s >= 2)
+        }
+        if (res?.month) {
+            month.value = res.month
+        }
+    } finally {
+        loading.value = false
+    }
+}
+
+const buildDeptTree = (flat: Array<{ id: number; pid: number; name: string }>): DeptTreeNode[] => {
+    const map = new Map<number, DeptTreeNode>()
+    for (const d of flat) {
+        map.set(d.id, { ...d, children: [] })
+    }
+    const roots: DeptTreeNode[] = []
+    for (const d of flat) {
+        const node = map.get(d.id)!
+        if (d.pid > 0 && map.has(d.pid)) {
+            map.get(d.pid)!.children!.push(node)
+        } else {
+            roots.push(node)
+        }
+    }
+    const strip = (n: DeptTreeNode) => {
+        if (n.children?.length) {
+            n.children.forEach(strip)
+        } else {
+            delete n.children
+        }
+    }
+    roots.forEach(strip)
+    return roots
+}
+
+const loadDeptOptions = async () => {
+    try {
+        const res = await revisitRateDeptOptions()
+        deptTreeOptions.value = buildDeptTree(res?.rows ?? [])
+    } catch {
+        deptTreeOptions.value = []
+    }
+}
+
+// ── 下钻明细 ──────────────────────────────────────────
+const detailVisible = ref(false)
+const detailType = ref<'assign' | 'orders'>('assign')
+const detailTitle = ref('')
+const detailLoading = ref(false)
+const detailRows = ref<any[]>([])
+
+/** row 为 null 时表示合计（当前部门筛选范围） */
+const rowScope = (row: StatsRow | null): { assistant_id?: number; dept_id?: number; label: string } => {
+    if (!row) {
+        return { label: '合计' }
+    }
+    if (row.is_dept) {
+        return { dept_id: row.dept_id, label: row.dept_name }
+    }
+    return { assistant_id: row.assistant_id, label: row.assistant_name || '' }
+}
+
+const openAssignDetail = async (row: StatsRow | null) => {
+    if (!canViewAssignLines) {
+        return
+    }
+    const scope = rowScope(row)
+    detailType.value = 'assign'
+    detailTitle.value = `${scope.label} · 被指派明细（${monthText.value}）`
+    detailVisible.value = true
+    detailLoading.value = true
+    detailRows.value = []
+    try {
+        const res = await revisitRateAssignLines({
+            ...baseQuery(),
+            assistant_id: scope.assistant_id,
+            dept_id: scope.dept_id
+        })
+        detailRows.value = res?.rows ?? []
+    } finally {
+        detailLoading.value = false
+    }
+}
+
+const openOrderDetail = async (slot: number, row: StatsRow | null) => {
+    if (!canViewOrderLines) {
+        return
+    }
+    const scope = rowScope(row)
+    detailType.value = 'orders'
+    detailTitle.value = `${scope.label} · ${slotLabel(slot)}订单明细（${monthText.value}）`
+    detailVisible.value = true
+    detailLoading.value = true
+    detailRows.value = []
+    try {
+        const res = await revisitRateVisitOrderLines({
+            ...baseQuery(),
+            slot,
+            assistant_id: scope.assistant_id,
+            dept_id: scope.dept_id
+        })
+        detailRows.value = res?.rows ?? []
+    } finally {
+        detailLoading.value = false
+    }
+}
+
+// ── 订单详情（复用处方订单列表的详情抽屉） ──────────────
+const orderDetailRef = ref<{ open: (id: number) => void } | null>(null)
+
+const openOrderInfo = (orderId: number) => {
+    if (!canViewOrderDetail || !orderId) {
+        return
+    }
+    orderDetailRef.value?.open(orderId)
+}
+
+// ── 患者（诊单）详情：诊单编辑页只读打开 ────────────────
+const diagnosisEditRef = ref<{ openViewOnly: (id: number) => void } | null>(null)
+
+const openPatientDetail = (diagnosisId: number) => {
+    if (!canViewPatientDetail || !diagnosisId) {
+        return
+    }
+    diagnosisEditRef.value?.openViewOnly(diagnosisId)
+}
+
+const handleReset = () => {
+    month.value = currentMonth
+    deptId.value = undefined
+    loadData()
+}
+
+onMounted(() => {
+    loadDeptOptions()
+    loadData()
+})
+</script>
+
+<style lang="scss" scoped>
+.revisit-rate-page {
+    .rate-filter-form {
+        :deep(.el-form-item) {
+            margin-bottom: 0;
+        }
+    }
+
+    .rate-caliber-trigger {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        color: var(--el-text-color-secondary);
+        font-size: 13px;
+        cursor: help;
+    }
+
+    .rate-kpi-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        gap: 12px;
+        margin-top: 16px;
+    }
+
+    .rate-kpi-card {
+        background: var(--el-bg-color);
+        border-radius: 8px;
+        padding: 16px 20px;
+
+        &.is-clickable {
+            cursor: pointer;
+            transition: box-shadow 0.15s ease;
+
+            &:hover {
+                box-shadow: var(--el-box-shadow-light);
+            }
+        }
+
+        .rate-kpi-label {
+            color: var(--el-text-color-secondary);
+            font-size: 13px;
+        }
+
+        .rate-kpi-value {
+            margin-top: 6px;
+            font-size: 26px;
+            font-weight: 600;
+            color: var(--el-text-color-primary);
+        }
+
+        .rate-kpi-sub {
+            margin-top: 2px;
+            font-size: 12px;
+            color: var(--el-text-color-secondary);
+        }
+    }
+
+    .rate-card-header {
+        display: flex;
+        align-items: baseline;
+        gap: 10px;
+
+        .rate-card-hint {
+            font-size: 12px;
+            color: var(--el-text-color-secondary);
+        }
+    }
+
+    .rate-dept-cell {
+        font-weight: 600;
+
+        .rate-dept-count {
+            margin-left: 6px;
+            font-weight: 400;
+            font-size: 12px;
+            color: var(--el-text-color-secondary);
+        }
+    }
+
+    .rate-th-hint {
+        margin-left: 2px;
+        vertical-align: -2px;
+        color: var(--el-text-color-secondary);
+        cursor: help;
+    }
+}
+
+.rate-detail-footer {
+    margin-top: 10px;
+    text-align: right;
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+}
+
+.rate-caliber {
+    font-size: 13px;
+    line-height: 1.7;
+    color: var(--el-text-color-regular);
+
+    p + p {
+        margin-top: 6px;
+    }
+}
+</style>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Your Name	8b129b3823	更新	2026-06-15 09:12:32 +08:00
Your Name	4ba75e5a94	更新	2026-06-15 09:12:15 +08:00
Your Name	8ae5b4eead	更新	2026-06-12 18:07:21 +08:00
long	e5959fd89a	1	2026-06-11 14:26:41 +08:00
Your Name	08249451a7	i Merge branch 'master20260610'	2026-06-10 17:30:43 +08:00
Your Name	79ae055bb6	更新	2026-06-10 17:30:05 +08:00
Your Name	c0cc23393e	更新	2026-06-10 15:30:38 +08:00
Your Name	470ba419e3	更新	2026-06-10 15:29:07 +08:00
Your Name	1c0cd84355	更新	2026-06-10 15:03:39 +08:00
Your Name	f2e2f84e18	i Merge branch 'master' of https://gitee.com/v_cms/zyt	2026-06-10 14:38:34 +08:00
long	f7e52bcafc	Merge branch '20260610-long'	2026-06-10 14:37:44 +08:00
long	2e59e883b8	订单详情优化	2026-06-10 14:37:32 +08:00
Your Name	9f1801771e	更新	2026-06-10 14:25:22 +08:00
Your Name	1adf8ccf4b	更新	2026-06-10 10:28:58 +08:00
Your Name	abc78f4291	更新	2026-06-10 09:49:46 +08:00
Your Name	072c0c3663	Merge branch 'master' into master-6-9	2026-06-09 11:43:25 +08:00
Your Name	e9cf65a41c	更新	2026-06-09 11:42:35 +08:00
long	af9bd05bb4	update资源分发小程序	2026-06-09 10:31:18 +08:00
Your Name	18f7fb3772	Merge branch 'master' into master-6-9	2026-06-09 10:17:29 +08:00
Your Name	29ab45033d	更新	2026-06-09 10:16:38 +08:00
long	8a1a9ea0ca	Merge branch '20260604-long'	2026-06-09 10:13:49 +08:00
Your Name	f8ccd8b0af	更新	2026-06-09 10:11:40 +08:00
long	9e019708f2	Merge branch 'master' of https://gitee.com/v_cms/zyt	2026-06-09 10:05:49 +08:00
long	2712c262bd	1	2026-06-09 10:05:44 +08:00
Your Name	bd7002e176	更新	2026-06-09 09:42:29 +08:00
Your Name	0be6d06544	更新	2026-06-09 09:31:03 +08:00
long	7a4973470c	Merge branch 'codex/latest-appointment-filter'	2026-06-06 15:59:19 +08:00
long	e79f3190b8	feat: 支持患者列表按最近挂号筛选 - tcm.diagnosis/lists 新增最近有效挂号时间区间与渠道筛选，lists/count 共用过滤逻辑 - 诊单患者列表更多筛选增加最近挂号时间和渠道，并与顶部挂号快捷筛选互斥 - 明确 daterange-picker change 事件转发，列表补充最近挂号渠道摘要展示	2026-06-06 15:58:23 +08:00
long	1811abc794	完善支付单创建方式链路	2026-06-06 15:25:16 +08:00
long	07abf2abca	支付方式完善	2026-06-05 18:24:41 +08:00
long	c76bd5416a	代收金额快照	2026-06-05 17:35:49 +08:00
Your Name	7bb8db4126	更新	2026-06-05 17:22:29 +08:00
Your Name	30b6037752	更新	2026-06-05 17:15:42 +08:00
Your Name	5a235280a1	更新	2026-06-05 17:15:15 +08:00
Your Name	b9d36d8d04	更新	2026-06-05 15:51:48 +08:00
Your Name	f37310ec50	Merge branch 'master' of https://gitee.com/v_cms/zyt	2026-06-05 15:13:10 +08:00
Your Name	a440702c07	更新	2026-06-05 15:12:57 +08:00
long	b9486f32fe	Merge branch '20260604-long'	2026-06-05 12:02:40 +08:00
long	07018598ad	add 素材分发增加用户备注 add_asset_user_remark.sql	2026-06-05 12:02:35 +08:00
Your Name	c554e08f2e	更新	2026-06-05 09:38:31 +08:00
long	e6209c8912	Merge branch '20260604-long'	2026-06-04 17:37:29 +08:00
Your Name	e49f806c3a	更新	2026-06-04 16:51:46 +08:00
Your Name	b566e60624	更新	2026-06-04 16:51:25 +08:00
long	123e9075dd	处方增加禁用修改	2026-06-04 15:11:16 +08:00
Your Name	84eef45553	更新	2026-06-04 14:10:22 +08:00
Your Name	9873ac5e87	更新	2026-06-04 11:54:02 +08:00
long	cdf8b1f76d	udpate	2026-06-04 11:46:32 +08:00
Your Name	b0b78c82ab	更新	2026-06-04 11:43:13 +08:00
long	ff61e815d8	时间范围筛选优化	2026-06-04 10:51:35 +08:00
Your Name	dd93ffe683	更新	2026-06-04 10:22:15 +08:00
Your Name	ef014e0d9d	更新	2026-06-04 10:17:47 +08:00
Your Name	32f8e19bf1	更新	2026-06-04 09:57:14 +08:00
Your Name	26b2cde699	更新	2026-06-04 09:34:34 +08:00
Your Name	5ab3be1fdd	新增	2026-06-04 09:25:00 +08:00
long	6b528c34c8	add DoctorNote 诊单增加医生备注入口	2026-06-03 15:18:12 +08:00
Your Name	2138626519	更新	2026-06-03 14:48:57 +08:00
Your Name	37df208706	更新	2026-06-03 14:42:48 +08:00
Your Name	ec4e0b9f29	更新	2026-06-03 11:39:36 +08:00
Your Name	a3bae1555a	Merge branch 'master-6-2'	2026-06-02 18:35:14 +08:00
Your Name	15e9c486f9	更新	2026-06-02 18:33:25 +08:00
Your Name	eadc82535d	更新	2026-06-02 16:54:07 +08:00
Your Name	62f74888f3	Merge branch 'master' into master-6-2	2026-06-02 16:49:42 +08:00
Your Name	79719b801e	更新	2026-06-02 16:47:50 +08:00
long	07dacbcb28	Merge branch 'master' of https://gitee.com/v_cms/zyt	2026-06-02 14:20:26 +08:00
long	d364fe506a	1	2026-06-02 14:20:20 +08:00
Your Name	860b550180	更新	2026-06-02 14:15:49 +08:00
Your Name	707e4888ad	更新bug	2026-06-02 10:16:03 +08:00
Your Name	b0a8bd83bc	更新	2026-06-01 18:39:09 +08:00
Your Name	574d37908a	Merge branch 'master' into master-6-1	2026-06-01 18:36:15 +08:00
Your Name	62512d30f9	Merge branch 'master' of https://gitee.com/v_cms/zyt	2026-06-01 18:35:28 +08:00
Your Name	be15531ab3	更新	2026-06-01 18:34:50 +08:00
long	1dd5133202	Merge branch '20260601-long'	2026-06-01 18:30:37 +08:00
long	51b34a98b5	Update list.vue	2026-06-01 18:30:29 +08:00
Your Name	1755185f50	Merge branch 'master' into master-5-28	2026-06-01 18:17:46 +08:00
Your Name	b3d3048100	更新	2026-06-01 18:11:05 +08:00
Your Name	a38af5bb13	更新	2026-06-01 18:04:23 +08:00
Your Name	0a781bda54	更新	2026-06-01 17:43:01 +08:00
long	450be5852f	Merge branch '20260601-long'	2026-06-01 17:02:47 +08:00
long	3c35ab67cd	update h5 ：问诊列表 add 完成诊单 +医生备注	2026-06-01 17:00:38 +08:00
Your Name	cbf992d6df	gengxin	2026-06-01 16:40:05 +08:00
Your Name	7aec1a9713	更新	2026-06-01 16:30:25 +08:00
Your Name	01bc355bed	更新	2026-06-01 10:01:59 +08:00
Your Name	1b746b46c0	更新	2026-06-01 09:59:32 +08:00
Your Name	ceb313b1a7	更新	2026-06-01 09:38:44 +08:00
Your Name	7cfa4d269a	更新	2026-06-01 09:34:27 +08:00
long	576ab05681	Merge branch 'mini-sport'	2026-05-29 18:17:58 +08:00
long	132a17b946	update	2026-05-29 18:17:44 +08:00
Your Name	75dfaa0dcd	Merge branch 'master' into master-5-28	2026-05-29 17:11:08 +08:00
Your Name	e83dd07553	更新	2026-05-29 17:08:57 +08:00
long	c589bfa647	1	2026-05-29 15:59:14 +08:00
Your Name	17ad153821	更新	2026-05-29 14:45:56 +08:00
long	e4312ab5d1	update	2026-05-29 12:12:07 +08:00
long	7f4fad7b62	update	2026-05-29 12:05:22 +08:00
longandCursor	9b5cd5b2b9	优化握力环训练页：内联视频舞台并修复小程序兼容与完成浮层布局。将示范视频从自定义组件移至页面主体，避免 mp 端 vOn/ref 崩溃；奖励特效改为 prop 信号驱动，完成弹层移出 page 容器修复右侧裁切，并修正后台音频配置与 CLI 热重载监听。 Co-authored-by: Cursor <cursoragent@cursor.com>	2026-05-29 10:59:17 +08:00
Your Name	94e787ae80	更新	2026-05-29 09:28:38 +08:00
Your Name	7b46204454	更新	2026-05-29 09:28:27 +08:00
long	9f3db8f281	update	2026-05-28 17:44:30 +08:00
long	6cb8688587	Merge branch 'feat/vite-build'	2026-05-28 15:28:16 +08:00
long	0e5b5beb9c	增加 cli 启动命令 npm run dev:mp-weixin	2026-05-28 15:27:45 +08:00
long	8d635bb7ed	update	2026-05-28 15:10:06 +08:00
Your Name	0f974be7a1	Merge branch 'master-5-27' into master-5-28	2026-05-28 14:46:50 +08:00
long	6efc340bd8	Merge branch 'master' of https://gitee.com/v_cms/zyt	2026-05-28 14:33:38 +08:00
long	c435e6ae4e	Update main.js	2026-05-28 14:33:31 +08:00
Your Name	dfb8838ecc	发布按	2026-05-28 12:21:53 +08:00
Your Name	7f08771dd0	更新	2026-05-28 12:18:14 +08:00
long	afd88714ec	Merge branch 'mini-sport'	2026-05-28 11:49:41 +08:00
long	bb21825c16	ADD total_open_rate 增加开口率	2026-05-28 11:49:23 +08:00
longandClaude Opus 4.7	c3e4dfa479	feat(training): 握力环训练全面优化 - 音效集成 + 沉浸式画布 + Canvas 2D ## 主要改动 ### 1. 音效集成 - 集成 4 个捏碎音效(鸡蛋/核桃/易拉罐/气球) - 集成背景音乐 BGM + 右上角开关按钮 - 修复音效 URL 空值时的崩溃问题 - useMetronome 新增 volume 参数(默认 1.0) - 节拍音量调小至 0.35,避免木鱼声过大 ### 2. 画布升级到 Canvas 2D 接口 - 解决微信小程序 canvas-id 接口的警告 - 支持同层渲染,可与其他元素正常叠加 - 使用 requestAnimationFrame 替代 setTimeout - DPR 自适应,Retina 屏幕高清渲染 ### 3. 粒子特效差异化升级 - 4 种物品各自独立配色和形状 - 🥚 鸡蛋: 蛋黄黄+白色,圆形,中速 - 🌰 核桃: 4 种棕色,方形/三角/长方形,重粒 - 🥫 易拉罐: 5 种银色,长方形,快速 - 🎈 气球: 8 色彩虹,小颗粒,飘浮(低重力) - 新增双层冲击波效果 - 粒子旋转动画(方形/三角形/长方形) - 多形状粒子绘制(circle/square/triangle/rect) ### 4. 沉浸式画布重新设计 - 画布占屏幕 60vh(min 720rpx, max 900rpx) - 背景与页面无缝融合(#f8fafc) - 中心 1400rpx 大放射光晕,营造空间感 - 握力环放大至 520rpx,内圈 280rpx - 完全移除浮动气泡(性能优化) ### 5. 视觉与体验优化 - 主题色改回青绿色(#14b8a6),握力环保持粉色突出 - 训练完成卡片大改造: - 大号 emoji 跳动动画 - 统计项加入图标(💪⏱️🔥) - 食物对照可视化(emoji + 数量,最多 3 个) - 食物库扩展到 7 种(糖果/饼干/巧克力/苹果/香蕉/米饭/可乐) - BPM 数字大号显示(80rpx 深粉色) - 实时统计栏增加分隔线和顶部彩色高光 ### 6. 性能优化(低配机器友好) - 静态背景渐变(0 性能消耗) - 单层中心光晕(无动画) - 外发光仅在播放时启用 - GPU 加速(will-change + transform/opacity) - 移除 backdrop-filter(高消耗) ### 7. Bug 修复 - crush-canvas 的 \$scope of null 错误 - 进入页面时音效预热不再发声(静音预热) - 修复 walnut emoji 错用花生(🥜→🌰) - 弹窗遮挡粒子动画(延迟 1200ms 显示弹窗) ### 8. 文档 - 新增音效采集清单(grip-ring-audio-shopping-list.md) ## 修改文件 - grip-ring.vue: 主页面,音效集成、UI 重设计、食物对照 - grip-ring-canvas.vue: 沉浸式画布、握力环主体 - crush-canvas.vue: Canvas 2D 升级、差异化粒子系统 - useMetronome.ts: 音量参数支持 - dev-training-entry/index.vue: 入口配置微调 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-28 11:35:43 +08:00
long	3ebe3c58c8	Update metronome.vue	2026-05-27 18:27:25 +08:00
longandClaude Opus 4.7	0225e9f971	feat(training): 握力环页面简化重构 ## 主要改动 ### 1. 连续训练模式 - 移除组数/休息逻辑,只统计总次数和时长 - 训练持续进行直到用户手动暂停 - 实时显示次数、时长、消耗糖分 ### 2. 递进式奖励系统 - 鸡蛋(8-12次) → 核桃(15-20次) → 易拉罐(25-30次) → 气球(40-50次) - 每个奖励在区间内随机触发 - 奖励按顺序递进,不会跳级 - 捏碎粒子特效 + 奖励弹窗 ### 3. 糖分计算与食物对比 - 公式: (MET × 体重 × 时长) / 4 - MET = 3.5, 体重 = 60kg - 食物对比: 苹果/香蕉/米饭/巧克力/可乐 ### 4. 视觉设计优化 - 真实握力环造型(完整圆环 + 中空 + 握点) - 立体渐变和纹理效果 - 挤压动画(训练时整体缩放) - 简洁交互(整个环可点击,无中心按钮) ### 5. 问题修复 - 修复进入页面时音效预热响声(静音预热) - 暂时禁用音效URL(避免404错误) - 修复捏碎特效层级问题 ## 技术实现 - 新增: grip-ring.vue (主页面) - 新增: grip-ring-canvas.vue (画布组件) - 修改: useMetronome.ts (静音预热) - 修改: exercises.ts (移除握力环) - 修改: index.vue (添加头部链接) - 修改: dev-training-entry/index.vue (添加菜单入口) - 修改: pages.json (添加路由) Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-27 18:26:45 +08:00
long	b9d2541b32	chore: record session journal - 握力环训练趣味化	2026-05-27 16:53:33 +08:00
longandClaude Opus 4.7	261f8315de	feat(training): 握力环训练趣味化 - 捏碎特效 + 卡路里统计 ## 新增功能 ### 1. Canvas 粒子捏碎特效 - 新建 crush-canvas.vue 组件（透明叠加层） - 4 种捏碎物品：鸡蛋🥚、核桃🥜、易拉罐🥫、气球🎈 - 粒子物理模拟：径向扩散 + 重力 + 空气阻力 + 生命值衰减 - 性能优化：固定 60fps 时间步长，粒子边界清理 ### 2. 随机触发逻辑 - 平均每 8-12 次随机触发捏碎特效 - 在握力环压缩峰值（scale 0.65）时触发 - 随机选择 4 种物品之一 - 资源清理：训练暂停/结束时清理所有定时器 ### 3. 卡路里统计与完成页面 - 标准 MET 公式计算卡路里（MET = 3.5，默认 60kg） - 5 种食物自动匹配（苹果、鸡蛋、巧克力、香蕉、米饭） - 完成页面显示：组数、次数、时长、卡路里、食物对比 - 样式设计：浅色清爽风格，绿色渐变卡片 ### 4. 预留接口 - useTTS.ts：预留 MiMo TTS 语音鼓励接口 ## 技术实现 - Canvas 粒子系统：20-30 个粒子，物理模拟流畅 - 类型安全：完整的 TypeScript 类型定义 - 性能优化：固定时间步长、边界清理、资源管理 - 响应式布局：适配不同屏幕尺寸 ## 相关任务 Task: .trellis/tasks/05-27-grip-ring-gamification PRD: prd.md Research: research/calorie-calculation.md Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-27 16:52:41 +08:00
long	ffe4849c27	Merge branch 'master' into mini-sport	2026-05-27 16:34:13 +08:00
long	012830de4a	1	2026-05-27 14:47:29 +08:00
				`@@ -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"}