From 19af50c344f02f98bbec0dd906ee9caa99e5ad92 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Wed, 27 May 2026 15:50:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 TUICallKit-Vue3/pages.json                    |   10 +-
 .../tongji/components/CelebrateBurst.vue      |  142 +
 .../tongji/components/SugarTreeGraphic.vue    |  202 +
 .../tongji/components/TongjiIcon.vue          |  140 +
 TUICallKit-Vue3/tongji/pages/index.vue        | 4058 ++++++++++++++---
 TUICallKit-Vue3/tongji/utils/svgDataUrl.js    |   49 +
 server/app/api/controller/TcmController.php   |  372 +-
 .../api/logic/tcm/DailyFamilyLikeLogic.php    |  250 +
 server/app/api/logic/tcm/DailyGamifyLogic.php |  373 ++
 server/app/api/logic/tcm/DailyShareLogic.php  |  373 ++
 .../app/common/model/tcm/DailyFamilyLike.php  |   15 +
 server/app/common/model/tcm/DailyGamify.php   |   15 +
 .../app/common/model/tcm/DailyShareInvite.php |   15 +
 .../1.9.20260527/add_daily_family_like.sql    |   14 +
 server/sql/1.9.20260527/add_daily_gamify.sql  |   15 +
 .../1.9.20260527/add_daily_share_invite.sql   |   13 +
 16 files changed, 5372 insertions(+), 684 deletions(-)
 create mode 100644 TUICallKit-Vue3/tongji/components/CelebrateBurst.vue
 create mode 100644 TUICallKit-Vue3/tongji/components/SugarTreeGraphic.vue
 create mode 100644 TUICallKit-Vue3/tongji/components/TongjiIcon.vue
 create mode 100644 TUICallKit-Vue3/tongji/utils/svgDataUrl.js
 create mode 100644 server/app/api/logic/tcm/DailyFamilyLikeLogic.php
 create mode 100644 server/app/api/logic/tcm/DailyGamifyLogic.php
 create mode 100644 server/app/api/logic/tcm/DailyShareLogic.php
 create mode 100644 server/app/common/model/tcm/DailyFamilyLike.php
 create mode 100644 server/app/common/model/tcm/DailyGamify.php
 create mode 100644 server/app/common/model/tcm/DailyShareInvite.php
 create mode 100644 server/sql/1.9.20260527/add_daily_family_like.sql
 create mode 100644 server/sql/1.9.20260527/add_daily_gamify.sql
 create mode 100644 server/sql/1.9.20260527/add_daily_share_invite.sql

diff --git a/TUICallKit-Vue3/pages.json b/TUICallKit-Vue3/pages.json
index 11f9cdae..4a6cf44e 100644
--- a/TUICallKit-Vue3/pages.json
+++ b/TUICallKit-Vue3/pages.json
@@ -137,7 +137,15 @@
 						"navigationBarBackgroundColor": "#0ea5a4",
 						"navigationBarTextStyle": "white",
 						"backgroundColor": "#f1f5f9",
-						"enablePullDownRefresh": true
+						"enablePullDownRefresh": true,
+						"mp-weixin": {
+							"usingPlugins": {
+								"WechatSI": {
+									"version": "0.3.5",
+									"provider": "wx069ba97219f66d99"
+								}
+							}
+						}
 					}
 				}
 			]
diff --git a/TUICallKit-Vue3/tongji/components/CelebrateBurst.vue b/TUICallKit-Vue3/tongji/components/CelebrateBurst.vue
new file mode 100644
index 00000000..c7aa159e
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/components/CelebrateBurst.vue
@@ -0,0 +1,142 @@
+<template>
+    <view v-if="show" class="celebrate-root" @touchmove.stop.prevent>
+        <view
+            v-for="p in particles"
+            :key="p.id"
+            class="celebrate-particle"
+            :style="p.style"
+        />
+        <view v-if="title" class="celebrate-card" :class="{ pop: cardPop }">
+            <view class="celebrate-card-glow" />
+            <TongjiIcon name="sparkles" size="lg" color="#0891B2" />
+            <text class="celebrate-card-title">{{ title }}</text>
+            <text v-if="subtitle" class="celebrate-card-sub">{{ subtitle }}</text>
+        </view>
+    </view>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+import TongjiIcon from './TongjiIcon.vue'
+
+const props = defineProps({
+    show: { type: Boolean, default: false },
+    title: { type: String, default: '' },
+    subtitle: { type: String, default: '' }
+})
+
+const particles = ref([])
+const cardPop = ref(false)
+
+const COLORS = ['#0891B2', '#22D3EE', '#059669', '#FBBF24', '#F472B6', '#A78BFA']
+
+function buildParticles() {
+    const list = []
+    for (let i = 0; i < 18; i++) {
+        const left = 8 + Math.random() * 84
+        const delay = Math.random() * 0.35
+        const hue = COLORS[i % COLORS.length]
+        const size = 10 + Math.floor(Math.random() * 14)
+        list.push({
+            id: `${Date.now()}_${i}`,
+            style: {
+                left: `${left}%`,
+                width: `${size}rpx`,
+                height: `${size}rpx`,
+                background: hue,
+                animationDelay: `${delay}s`
+            }
+        })
+    }
+    return list
+}
+
+watch(
+    () => props.show,
+    (v) => {
+        if (v) {
+            particles.value = buildParticles()
+            cardPop.value = false
+            setTimeout(() => {
+                cardPop.value = true
+            }, 30)
+        } else {
+            particles.value = []
+            cardPop.value = false
+        }
+    }
+)
+</script>
+
+<style lang="scss" scoped>
+.celebrate-root {
+    position: fixed;
+    inset: 0;
+    z-index: 9999;
+    pointer-events: none;
+    overflow: hidden;
+}
+.celebrate-particle {
+    position: absolute;
+    top: -20rpx;
+    border-radius: 4rpx;
+    opacity: 0.9;
+    animation: celebrate-fall 1.6s ease-in forwards;
+}
+@keyframes celebrate-fall {
+    0% {
+        transform: translateY(0) rotate(0deg) scale(1);
+        opacity: 1;
+    }
+    100% {
+        transform: translateY(110vh) rotate(540deg) scale(0.4);
+        opacity: 0;
+    }
+}
+.celebrate-card {
+    position: absolute;
+    left: 50%;
+    top: 38%;
+    transform: translate(-50%, -50%) scale(0.82);
+    width: 78%;
+    max-width: 560rpx;
+    padding: 36rpx 32rpx 32rpx;
+    background: rgba(255, 255, 255, 0.96);
+    border-radius: 28rpx;
+    box-shadow: 0 20rpx 60rpx rgba(8, 145, 178, 0.22);
+    border: 2rpx solid rgba(8, 145, 178, 0.12);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    opacity: 0;
+    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.25s ease;
+    &.pop {
+        opacity: 1;
+        transform: translate(-50%, -50%) scale(1);
+    }
+}
+.celebrate-card-glow {
+    position: absolute;
+    inset: -20rpx;
+    border-radius: 36rpx;
+    background: radial-gradient(circle, rgba(34, 211, 238, 0.2), transparent 70%);
+    pointer-events: none;
+}
+.celebrate-card-title {
+    position: relative;
+    z-index: 1;
+    margin-top: 16rpx;
+    font-size: 36rpx;
+    font-weight: 800;
+    color: #164e63;
+}
+.celebrate-card-sub {
+    position: relative;
+    z-index: 1;
+    margin-top: 10rpx;
+    font-size: 26rpx;
+    color: #475569;
+    line-height: 1.45;
+}
+</style>
diff --git a/TUICallKit-Vue3/tongji/components/SugarTreeGraphic.vue b/TUICallKit-Vue3/tongji/components/SugarTreeGraphic.vue
new file mode 100644
index 00000000..0f17faac
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/components/SugarTreeGraphic.vue
@@ -0,0 +1,202 @@
+<template>
+    <view class="sugar-tree-graphic" :class="[`lv-${clampedLevel}`, `size-${size}`, { watering: watering }]">
+        <view class="stg-glow" />
+        <image v-if="!treeUseFallback" class="stg-image" :src="treeImageSrc" mode="aspectFit" @error="treeUseFallback = true" />
+        <text v-else class="stg-emoji">{{ treeEmoji }}</text>
+        <view v-if="clampedLevel >= 4" class="stg-sparkle stg-sparkle-a" />
+        <view v-if="clampedLevel >= 4" class="stg-sparkle stg-sparkle-b" />
+    </view>
+</template>
+
+<script setup>
+import { computed, ref } from 'vue'
+import { svgToDataUrl } from '../utils/svgDataUrl.js'
+
+// #ifdef MP-WEIXIN
+const treeUseFallback = ref(true)
+// #endif
+// #ifndef MP-WEIXIN
+const treeUseFallback = ref(false)
+// #endif
+
+const TREE_EMOJI = ['🌱', '🌿', '🌳', '🌸', '🌺']
+
+const props = defineProps({
+    level: { type: Number, default: 0 },
+    size: { type: String, default: 'md' },
+    watering: { type: Boolean, default: false }
+})
+
+const clampedLevel = computed(() => Math.min(4, Math.max(0, Number(props.level) || 0)))
+const treeEmoji = computed(() => TREE_EMOJI[clampedLevel.value] || TREE_EMOJI[0])
+
+/** 医疗青绿 + 柔和陶土盆，5 档成长态 */
+function buildTreeSvg(level) {
+    const pot = `
+        <ellipse cx="24" cy="50" rx="15" ry="3" fill="#0ea5a4" opacity="0.12"/>
+        <path d="M11 46h26c1.2 0 2 1 2 2.2v3.8c0 1-.8 1.8-1.8 1.8H10.8c-1 0-1.8-.8-1.8-1.8v-3.8c0-1.2.8-2.2 2-2.2z" fill="#E7E5E4"/>
+        <path d="M12.5 46h23c.8 0 1.5.7 1.5 1.5v2.2c0 .6-.5 1.1-1.1 1.1H12.1c-.6 0-1.1-.5-1.1-1.1v-2.2c0-.8.7-1.5 1.5-1.5z" fill="#D6D3D1"/>
+        <ellipse cx="24" cy="46.5" rx="9" ry="1.6" fill="#A8A29E" opacity="0.35"/>
+    `
+    const soil = `<ellipse cx="24" cy="44.5" rx="8" ry="2.2" fill="#0d9488" opacity="0.18"/>`
+
+    if (level === 0) {
+        return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 56" fill="none">
+            ${pot}
+            ${soil}
+            <circle cx="24" cy="41.5" r="2" fill="#6ee7b7" opacity="0.55"/>
+            <path d="M24 41.5v4" stroke="#14b8a6" stroke-width="1.2" stroke-linecap="round" opacity="0.7"/>
+        </svg>`
+    }
+
+    const trunk = `<rect x="22.2" y="30" width="3.6" height="14" rx="1.8" fill="#78716C"/>
+        <rect x="22.6" y="30" width="2.8" height="14" rx="1.4" fill="#A8A29E" opacity="0.35"/>`
+
+    const leaf = (cx, cy, r, fill, opacity = 1) =>
+        `<circle cx="${cx}" cy="${cy}" r="${r}" fill="${fill}" opacity="${opacity}"/>
+         <circle cx="${cx - r * 0.25}" cy="${cy - r * 0.2}" r="${r * 0.35}" fill="#ecfdf5" opacity="0.55"/>`
+
+    const blooms =
+        level >= 4
+            ? `
+            ${leaf(17, 19, 3.2, '#fda4af', 0.95)}
+            ${leaf(30, 17, 3, '#f9a8d4', 0.9)}
+            ${leaf(24, 14, 3.4, '#fb7185', 0.95)}
+            <circle cx="24" cy="14" r="1.2" fill="#fef3c7"/>
+            <circle cx="17" cy="19" r="0.9" fill="#fef3c7"/>
+            <circle cx="30" cy="17" r="0.8" fill="#fef3c7"/>
+        `
+            : ''
+
+    let canopy = ''
+    if (level === 1) {
+        canopy = leaf(24, 26, 7, '#34d399') + leaf(24, 25, 4.5, '#10b981', 0.85)
+    } else if (level === 2) {
+        canopy =
+            leaf(24, 24, 8, '#34d399') +
+            leaf(17, 27, 5.5, '#6ee7b7', 0.9) +
+            leaf(31, 27, 5.5, '#6ee7b7', 0.9)
+    } else if (level === 3) {
+        canopy =
+            leaf(24, 21, 10, '#22c55e') +
+            leaf(15, 25, 7, '#4ade80', 0.92) +
+            leaf(33, 25, 7, '#4ade80', 0.92) +
+            leaf(24, 15, 6, '#10b981', 0.88)
+    } else {
+        canopy =
+            leaf(24, 20, 11, '#059669') +
+            leaf(14, 24, 8, '#34d399', 0.95) +
+            leaf(34, 24, 8, '#34d399', 0.95) +
+            leaf(24, 13, 7.5, '#10b981', 0.9) +
+            blooms
+    }
+
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 56" fill="none">
+        ${pot}
+        ${soil}
+        ${trunk}
+        ${canopy}
+    </svg>`
+}
+
+const treeImageSrc = computed(() => svgToDataUrl(buildTreeSvg(clampedLevel.value)))
+</script>
+
+<style lang="scss" scoped>
+.sugar-tree-graphic {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+}
+
+.size-sm {
+    width: 64rpx;
+    height: 72rpx;
+}
+.size-md {
+    width: 80rpx;
+    height: 88rpx;
+}
+.size-lg {
+    width: 96rpx;
+    height: 108rpx;
+}
+
+.stg-glow {
+    position: absolute;
+    inset: 8%;
+    border-radius: 50%;
+    background: radial-gradient(circle, rgba(14, 165, 164, 0.22) 0%, transparent 68%);
+    pointer-events: none;
+}
+.lv-0 .stg-glow {
+    background: radial-gradient(circle, rgba(148, 163, 184, 0.2) 0%, transparent 70%);
+}
+.lv-4 .stg-glow {
+    background: radial-gradient(circle, rgba(251, 191, 36, 0.28) 0%, rgba(14, 165, 164, 0.12) 55%, transparent 72%);
+}
+
+.stg-image {
+    position: relative;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    transition: transform 0.35s ease;
+}
+.sugar-tree-graphic.watering .stg-image,
+.sugar-tree-graphic.watering .stg-emoji {
+    animation: stg-water-bounce 0.65s ease;
+}
+.stg-emoji {
+    position: relative;
+    z-index: 1;
+    line-height: 1;
+    font-size: 72rpx;
+}
+.size-sm .stg-emoji {
+    font-size: 48rpx;
+}
+.size-md .stg-emoji {
+    font-size: 60rpx;
+}
+.size-lg .stg-emoji {
+    font-size: 72rpx;
+}
+@keyframes stg-water-bounce {
+    0%,
+    100% {
+        transform: scale(1);
+    }
+    35% {
+        transform: scale(1.08) translateY(-4rpx);
+    }
+    60% {
+        transform: scale(0.96) translateY(2rpx);
+    }
+}
+
+/* 开花态微光点缀 */
+.stg-sparkle {
+    position: absolute;
+    z-index: 2;
+    width: 8rpx;
+    height: 8rpx;
+    border-radius: 50%;
+    background: #fde68a;
+    box-shadow: 0 0 6rpx rgba(253, 224, 71, 0.8);
+    pointer-events: none;
+}
+.stg-sparkle-a {
+    top: 6%;
+    right: 18%;
+}
+.stg-sparkle-b {
+    top: 14%;
+    left: 12%;
+    width: 6rpx;
+    height: 6rpx;
+    opacity: 0.85;
+}
+</style>
diff --git a/TUICallKit-Vue3/tongji/components/TongjiIcon.vue b/TUICallKit-Vue3/tongji/components/TongjiIcon.vue
new file mode 100644
index 00000000..be6c7899
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/components/TongjiIcon.vue
@@ -0,0 +1,140 @@
+<template>
+    <view class="tj-icon-wrap" :class="[`tj-icon-wrap--${size}`]">
+        <image
+            v-if="!useFallback"
+            class="tj-icon"
+            :class="[`tj-icon--${name}`, `tj-icon--${size}`]"
+            :src="iconSrc"
+            mode="aspectFit"
+            @error="onImageError"
+        />
+        <text
+            v-else
+            class="tj-icon-fallback"
+            :class="[`tj-icon-fallback--${size}`]"
+            :style="{ color }"
+        >{{ fallbackGlyph }}</text>
+    </view>
+</template>
+
+<script setup>
+import { computed, ref } from 'vue'
+import { svgToDataUrl } from '../utils/svgDataUrl.js'
+
+const props = defineProps({
+    name: { type: String, required: true },
+    size: { type: String, default: 'md' },
+    color: { type: String, default: '#0891B2' }
+})
+
+/** 微信小程序 image 对 data:svg 支持不稳定，默认用文字图标保证可见 */
+// #ifdef MP-WEIXIN
+const useFallback = ref(true)
+// #endif
+// #ifndef MP-WEIXIN
+const useFallback = ref(false)
+// #endif
+
+/** Lucide 风格描边路径 */
+const ICON_PATHS = {
+    view: '<path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/>',
+    ticket: '<path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/>',
+    calendar: '<rect width="18" height="18" x="3" y="4" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/>',
+    flame: '<path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/>',
+    'check-circle': '<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/>',
+    glucose: '<path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"/>',
+    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"/>',
+    '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"/>',
+    sparkles: '<path d="m12 3-1.9 5.8L4 12l5.8 1.9L12 21l1.9-5.8L20 12l-5.8-1.9L12 3Z"/><path d="M5 3v4M19 17v4M3 5h4M17 19h4"/>',
+    trophy: '<path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20 17 22M18 2H6v7a6 6 0 0 0 12 0V2Z"/>',
+    share: '<path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8M16 6l-4-4-4 4M12 2v13"/>'
+}
+
+/** 图片加载失败时的 emoji 回退 */
+const ICON_FALLBACK = {
+    view: '👁',
+    ticket: '🎫',
+    calendar: '📅',
+    flame: '🔥',
+    'check-circle': '✓',
+    glucose: '💧',
+    heart: '❤',
+    activity: '🏃',
+    users: '👥',
+    'alert-triangle': '⚠',
+    minus: '—',
+    droplet: '💧',
+    sparkles: '✨',
+    trophy: '🏆',
+    share: '↗'
+}
+
+const strokeColor = computed(() => {
+    const c = String(props.color || '#0891B2').trim()
+    return /^#[0-9A-Fa-f]{3,8}$/.test(c) ? c : '#0891B2'
+})
+
+const iconSrc = computed(() => {
+    const path = ICON_PATHS[props.name] || ICON_PATHS.view
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="${strokeColor.value}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${path}</svg>`
+    return svgToDataUrl(svg)
+})
+
+const fallbackGlyph = computed(() => ICON_FALLBACK[props.name] || ICON_FALLBACK.view)
+
+function onImageError() {
+    useFallback.value = true
+}
+</script>
+
+<style lang="scss" scoped>
+.tj-icon-wrap {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+.tj-icon-wrap--sm {
+    width: 32rpx;
+    height: 32rpx;
+}
+.tj-icon-wrap--md {
+    width: 40rpx;
+    height: 40rpx;
+}
+.tj-icon-wrap--lg {
+    width: 48rpx;
+    height: 48rpx;
+}
+.tj-icon-wrap--xl {
+    width: 56rpx;
+    height: 56rpx;
+}
+.tj-icon {
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+.tj-icon-fallback {
+    display: block;
+    line-height: 1;
+    font-weight: 700;
+    text-align: center;
+}
+.tj-icon-fallback--sm {
+    font-size: 24rpx;
+}
+.tj-icon-fallback--md {
+    font-size: 30rpx;
+}
+.tj-icon-fallback--lg {
+    font-size: 36rpx;
+}
+.tj-icon-fallback--xl {
+    font-size: 42rpx;
+}
+</style>
diff --git a/TUICallKit-Vue3/tongji/pages/index.vue b/TUICallKit-Vue3/tongji/pages/index.vue
index a4627447..5841fee4 100644
--- a/TUICallKit-Vue3/tongji/pages/index.vue
+++ b/TUICallKit-Vue3/tongji/pages/index.vue
@@ -1,5 +1,218 @@
 <template>
-    <view class="daily-page">
+    <view class="daily-page" :class="{ 'is-invite-viewer': isInviteViewer }">
+        <CelebrateBurst :show="celebrateShow" :title="celebrateTitle" :subtitle="celebrateSub" />
+        <!-- 邀请码观看（近7日记录，仅今日有效）-->
+        <view v-if="isInviteViewer" class="invite-view-wrap">
+            <view class="invite-hero">
+                <view class="invite-hero-bg" />
+                <view class="invite-hero-content">
+                    <view class="invite-hero-badge">
+                        <TongjiIcon name="view" size="md" color="#FFFFFF" />
+                        <text class="invite-hero-badge-text">家人分享</text>
+                    </view>
+                    <text class="invite-hero-title">{{ invitePreview.viewer_notice || '近7日稳糖记录' }}</text>
+                    <text class="invite-hero-sub">{{ invitePreview.expires_hint || '邀请码仅今日有效' }}</text>
+                    <view v-if="invitePreview.patient_label" class="invite-hero-patient">
+                        <TongjiIcon name="users" size="sm" color="#A5F3FC" />
+                        <text>{{ invitePreview.patient_label }}</text>
+                    </view>
+                </view>
+            </view>
+
+            <view v-if="inviteLoading" class="invite-skeleton-wrap">
+                <view class="invite-skeleton-card" />
+                <view class="invite-skeleton-card invite-skeleton-short" />
+                <view class="invite-skeleton-card invite-skeleton-tall" />
+            </view>
+
+            <view v-else-if="invitePreview.invite_code" class="invite-body">
+                <!-- 邀请码 -->
+                <view class="invite-card invite-card-code">
+                    <view class="invite-card-head">
+                        <view class="invite-card-icon-wrap invite-card-icon-wrap--cyan">
+                            <TongjiIcon name="ticket" size="md" color="#0891B2" />
+                        </view>
+                        <view class="invite-card-head-text">
+                            <text class="invite-card-label">今日邀请码</text>
+                            <text class="invite-card-hint">凭此码今日可查看</text>
+                        </view>
+                    </view>
+                    <text class="invite-code-value">{{ invitePreview.invite_code }}</text>
+                </view>
+
+                <!-- 本周概览 -->
+                <view class="invite-card invite-card-summary">
+                    <view class="invite-summary-top">
+                        <view class="invite-tree-panel invite-tree-tappable" @click="onInviteTreeWhisper">
+                            <SugarTreeGraphic :level="inviteTreeLevel" size="md" />
+                            <text class="invite-tree-tap-hint">点树听一句鼓励</text>
+                        </view>
+                        <view class="invite-tree-meta">
+                            <text class="invite-tree-title">{{ invitePreview.tree_title || '控糖树' }}</text>
+                            <text class="invite-tree-desc">{{ invitePreview.tree_desc || '' }}</text>
+                            <text class="invite-tree-week">{{ invitePreview.week_label || '' }}</text>
+                        </view>
+                    </view>
+                    <view class="invite-stat-grid">
+                        <view class="invite-stat-item">
+                            <view class="invite-stat-icon-wrap">
+                                <TongjiIcon name="calendar" size="sm" color="#0891B2" />
+                            </view>
+                            <text class="invite-stat-num">{{ invitePreview.record_days }}</text>
+                            <text class="invite-stat-label">天有记录</text>
+                        </view>
+                        <view class="invite-stat-item">
+                            <view class="invite-stat-icon-wrap">
+                                <TongjiIcon name="check-circle" size="sm" color="#059669" />
+                            </view>
+                            <text class="invite-stat-num">{{ invitePreview.complete_days }}</text>
+                            <text class="invite-stat-label">完整一日</text>
+                        </view>
+                        <view class="invite-stat-item">
+                            <view class="invite-stat-icon-wrap">
+                                <TongjiIcon name="flame" size="sm" color="#EA580C" />
+                            </view>
+                            <text class="invite-stat-num">{{ invitePreview.streak_days }}</text>
+                            <text class="invite-stat-label">连续天数</text>
+                        </view>
+                    </view>
+                    <view v-if="invitePreview.quote" class="invite-quote-box">
+                        <text class="invite-quote">{{ invitePreview.quote }}</text>
+                    </view>
+                </view>
+
+                <!-- 近7日血糖 -->
+                <view class="invite-card invite-card-records">
+                    <view class="invite-section-head">
+                        <view class="invite-card-icon-wrap invite-card-icon-wrap--teal">
+                            <TongjiIcon name="glucose" size="md" color="#0E7490" />
+                        </view>
+                        <view class="invite-section-head-text">
+                            <text class="invite-section-title">近7日血糖记录</text>
+                            <text class="invite-section-sub">空腹 / 餐后 / 血压</text>
+                        </view>
+                    </view>
+                    <view v-if="!inviteDailyRecords.length" class="invite-records-empty">
+                        <TongjiIcon name="minus" size="lg" color="#94A3B8" />
+                        <text>暂无记录数据</text>
+                    </view>
+                    <view v-else class="invite-timeline">
+                        <view
+                            v-for="(day, idx) in inviteDailyRecords"
+                            :key="day.date"
+                            class="invite-day-row"
+                            :class="{ 'is-empty': !day.has_record, 'is-last': idx === inviteDailyRecords.length - 1 }"
+                        >
+                            <view class="invite-day-rail">
+                                <view class="invite-day-dot" :class="{ filled: day.has_record }" />
+                                <view v-if="idx < inviteDailyRecords.length - 1" class="invite-day-line" />
+                            </view>
+                            <view class="invite-day-panel">
+                                <view class="invite-day-head">
+                                    <text class="invite-day-date">{{ day.date_label }}</text>
+                                    <text class="invite-day-week">{{ day.weekday }}</text>
+                                </view>
+                                <view v-if="day.has_record" class="invite-metric-grid">
+                                    <view class="invite-metric-chip">
+                                        <text class="invite-metric-label">空腹</text>
+                                        <view class="invite-metric-value-row">
+                                            <text class="invite-metric-value" :class="{ 'is-high': day.fasting_high }">
+                                                {{ formatInviteSugar(day.fasting) }}
+                                            </text>
+                                            <text v-if="day.fasting != null" class="invite-metric-unit">mmol/L</text>
+                                        </view>
+                                        <view v-if="day.fasting_high" class="invite-metric-flag">
+                                            <TongjiIcon name="alert-triangle" size="sm" color="#DC2626" />
+                                            <text>偏高</text>
+                                        </view>
+                                    </view>
+                                    <view class="invite-metric-chip">
+                                        <text class="invite-metric-label">餐后</text>
+                                        <view class="invite-metric-value-row">
+                                            <text class="invite-metric-value" :class="{ 'is-high': day.postprandial_high }">
+                                                {{ formatInviteSugar(day.postprandial) }}
+                                            </text>
+                                            <text v-if="day.postprandial != null" class="invite-metric-unit">mmol/L</text>
+                                        </view>
+                                        <view v-if="day.postprandial_high" class="invite-metric-flag">
+                                            <TongjiIcon name="alert-triangle" size="sm" color="#DC2626" />
+                                            <text>偏高</text>
+                                        </view>
+                                    </view>
+                                    <view v-if="day.bp_text" class="invite-metric-chip">
+                                        <text class="invite-metric-label">血压</text>
+                                        <view class="invite-metric-value-row">
+                                            <text class="invite-metric-value" :class="{ 'is-high': day.bp_high }">{{ day.bp_text }}</text>
+                                            <text class="invite-metric-unit">mmHg</text>
+                                        </view>
+                                        <view v-if="day.bp_high" class="invite-metric-flag">
+                                            <TongjiIcon name="alert-triangle" size="sm" color="#DC2626" />
+                                            <text>偏高</text>
+                                        </view>
+                                    </view>
+                                </view>
+                                <view v-else class="invite-day-empty">
+                                    <TongjiIcon name="minus" size="sm" color="#94A3B8" />
+                                    <text>当日未记录</text>
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 家人点赞 -->
+                <view class="invite-card invite-card-like">
+                    <view class="invite-section-head">
+                        <view class="invite-card-icon-wrap invite-card-icon-wrap--green">
+                            <TongjiIcon name="heart" size="md" color="#059669" />
+                        </view>
+                        <view class="invite-section-head-text">
+                            <text class="invite-section-title">给 Ta 点个赞</text>
+                            <text class="invite-section-sub">今日 {{ invitePreview.like_count || 0 }} 位家人已鼓励</text>
+                        </view>
+                    </view>
+                    <view class="invite-nickname-row">
+                        <view
+                            v-for="n in familyNicknameOptions"
+                            :key="n"
+                            class="invite-nickname-chip"
+                            :class="{ active: inviteLikeNickname === n }"
+                            @click="inviteLikeNickname = n"
+                        >
+                            <text>{{ n }}</text>
+                        </view>
+                    </view>
+                    <view
+                        class="invite-like-btn"
+                        :class="{ done: invitePreview.liked_by_me, loading: inviteLiking, burst: inviteHeartBurst }"
+                        @click="onFamilyLike"
+                    >
+                        <TongjiIcon
+                            v-if="!invitePreview.liked_by_me"
+                            name="heart"
+                            size="md"
+                            color="#FFFFFF"
+                        />
+                        <text>{{ invitePreview.liked_by_me ? '今日已点赞，谢谢您的鼓励' : '送 Ta 一份鼓励' }}</text>
+                    </view>
+                </view>
+
+                <view class="invite-footer">
+                    <TongjiIcon name="activity" size="sm" color="#64748B" />
+                    <text class="invite-disclaimer">仅展示近7天分享范围内记录 · 习惯参考，不替代医嘱</text>
+                </view>
+            </view>
+
+            <view v-else class="invite-error-card">
+                <view class="invite-error-icon-wrap">
+                    <TongjiIcon name="alert-triangle" size="xl" color="#DC2626" />
+                </view>
+                <text class="invite-error-title">无法查看</text>
+                <text class="invite-error-text">{{ inviteError || '邀请码无效或已过期' }}</text>
+            </view>
+        </view>
+
+        <block v-if="!isInviteViewer">
         <!-- 顶部 Hero（智能问候 + 今日状态）-->
         <view class="hero">
             <view class="hero-bg" />
@@ -29,7 +242,7 @@
                         </view>
                     </view>
                     <view class="hero-pill-group">
-                        <view class="hero-pill input" @click="openInputForm">
+                        <view class="hero-pill input" @click="openInputForm()">
                             <text class="hero-pill-icon">＋</text>
                             <text class="hero-pill-text">录入今日</text>
                         </view>
@@ -168,7 +381,7 @@
         </view>
 
         <!-- 打卡条：连续天数 + 近 7 天 dots —— 增加坚持感 -->
-        <view class="streak-strip" @click="openInputForm">
+        <view class="streak-strip" @click="openInputForm()">
             <view class="streak-strip-left">
                 <view class="streak-flame" :class="{ active: streakDays.days >= 3 }">
                     <text class="streak-flame-icon">{{ streakDays.days === 0 ? '✨' : '🔥' }}</text>
@@ -198,6 +411,192 @@
             </view>
         </view>
 
+        <!-- 稳糖乐园 (Bento 垂直堆叠布局) -->
+        <view v-if="diagnosisId" class="card pg-card">
+            <view class="card-head">
+                <view class="card-head-left">
+                    <text class="card-title">稳糖乐园</text>
+                    <text class="card-subtitle">用健康打卡浇灌你的稳糖树</text>
+                </view>
+                <view class="pg-points-badge">
+                    <text class="pg-points-num">{{ gamifyPoints }}</text>
+                    <text class="pg-points-label">稳糖积分</text>
+                </view>
+            </view>
+            
+            <view v-if="allTasksCleared" class="mission-complete-banner">
+                <TongjiIcon name="trophy" size="md" color="#CA8A04" />
+                <view class="mission-complete-text">
+                    <text class="mission-complete-title">今日任务大满贯</text>
+                    <text class="mission-complete-sub">小树今天喝饱啦，明天继续加油</text>
+                </view>
+            </view>
+
+            <view class="pg-content-stack">
+                <!-- 今日记录快捷入口（一屏可见，不必下滑找任务）-->
+                <view class="record-quick-zone">
+                    <view class="record-quick-head">
+                        <text class="record-quick-title">今日记录</text>
+                        <text class="record-quick-hint">记全三项，再给小树浇水领积分</text>
+                    </view>
+                    <view class="record-quick-row">
+                        <view
+                            class="record-quick-chip"
+                            :class="{ done: todayChecked, pending: !todayChecked }"
+                            @click="openInputForm()"
+                        >
+                            <view class="record-quick-icon-wrap">
+                                <TongjiIcon name="glucose" size="md" :color="todayChecked ? '#059669' : '#0891B2'" />
+                            </view>
+                            <text class="record-quick-label">血糖血压</text>
+                            <text class="record-quick-status">{{ todayChecked ? '已记' : '去记录' }}</text>
+                        </view>
+                        <view
+                            class="record-quick-chip"
+                            :class="{ done: todayHasDiet, pending: !todayHasDiet }"
+                            @click="openDietForm()"
+                        >
+                            <view class="record-quick-icon-wrap">
+                                <TongjiIcon name="droplet" size="md" :color="todayHasDiet ? '#059669' : '#0891B2'" />
+                            </view>
+                            <text class="record-quick-label">饮食</text>
+                            <text class="record-quick-status">{{ todayHasDiet ? '已记' : '去记录' }}</text>
+                        </view>
+                        <view
+                            class="record-quick-chip"
+                            :class="{ done: todayHasExercise, pending: !todayHasExercise }"
+                            @click="openExerciseForm()"
+                        >
+                            <view class="record-quick-icon-wrap">
+                                <TongjiIcon name="activity" size="md" :color="todayHasExercise ? '#059669' : '#0891B2'" />
+                            </view>
+                            <text class="record-quick-label">运动</text>
+                            <text class="record-quick-status">{{ todayHasExercise ? '已记' : '去记录' }}</text>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 今日任务区（与快捷入口对应，完成可浇水领奖）-->
+                <view class="today-tasks-zone">
+                    <view class="tasks-zone-title">今日控糖任务</view>
+                    <view class="tasks-list">
+                        <view
+                            v-for="task in todayTasks"
+                            :key="task.id"
+                            class="task-row-item"
+                            :class="{ completed: task.completed, claimed: task.claimed, pending: !task.completed, 'just-done': taskJustDoneId === task.id }"
+                            @click="onGamifyTaskTap(task)"
+                        >
+                            <view class="task-left">
+                                <view class="task-status-icon" :class="{ checked: task.completed }">
+                                    <text v-if="task.completed">✓</text>
+                                    <text v-else>○</text>
+                                </view>
+                                <text class="task-name">{{ task.name }}</text>
+                            </view>
+                            <view class="task-right">
+                                <text class="task-points">+{{ task.points }}积分</text>
+                                <view
+                                    class="task-action-btn"
+                                    :class="{ claimed: task.claimed, pending: !task.completed && !task.claimed, disabled: task.claimed }"
+                                    @click.stop="onGamifyTaskTap(task)"
+                                >
+                                    <text>{{ task.claimed ? '已领' : (task.completed ? '去浇水' : '去记录') }}</text>
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 控糖树成长区 -->
+                <view class="tree-growth-zone">
+                    <view class="tree-graphic-wrap tree-tappable" @click="onTreeWhisper">
+                        <SugarTreeGraphic :level="treeLevel" size="lg" :watering="treeWatering" />
+                        <view v-if="floatReward" :key="floatReward.key" class="float-reward">
+                            <text>+{{ floatReward.text }}</text>
+                        </view>
+                        <text class="tree-tap-hint">点我聊聊天</text>
+                    </view>
+                    <view class="tree-progress-wrap">
+                        <view class="tree-level-info">
+                            <text class="tree-level-tag">Lv.{{ treeLevel }} {{ treeLevelName }}</text>
+                            <text class="tree-progress-text" v-if="treeLevel < 4">{{ treeProgress }}/100 XP</text>
+                            <text class="tree-progress-text" v-else>已满级</text>
+                        </view>
+                        <view class="tree-progress-track">
+                            <view class="tree-progress-bar" :style="{ width: treeProgress + '%' }" />
+                        </view>
+                        <view class="tree-water-action">
+                            <button class="water-btn" :class="{ disabled: treeWatering, pulse: claimablePoints > 0 }" @click="waterTree">
+                                <TongjiIcon name="droplet" size="sm" color="#FFFFFF" />
+                                <text class="water-btn-text">{{ claimablePoints > 0 ? `浇水领 ${claimablePoints}分` : '给小树浇水' }}</text>
+                            </button>
+                            <text v-if="gamifyStatusTip" class="water-hint">{{ gamifyStatusTip }}</text>
+                            <text v-else-if="claimablePoints === 0 && !allTasksCleared" class="water-hint">先完成上方记录，再浇水领积分</text>
+                        </view>
+                    </view>
+                </view>
+
+                <view v-if="unlockedBadges.length" class="badge-wall">
+                    <text class="badge-wall-title">我的成就</text>
+                    <scroll-view scroll-x class="badge-wall-scroll" :show-scrollbar="false">
+                        <view class="badge-wall-row">
+                            <view v-for="b in unlockedBadges" :key="b.id" class="badge-chip">
+                                <view class="badge-chip-icon">
+                                    <TongjiIcon :name="b.icon" size="sm" :color="b.color" />
+                                </view>
+                                <text class="badge-chip-label">{{ b.label }}</text>
+                            </view>
+                        </view>
+                    </scroll-view>
+                </view>
+
+                <!-- 分享战报 -->
+                <view class="pg-share-row">
+                    <view class="pg-share-btn" @click="openWeeklyReport">
+                        <view class="pg-share-icon-wrap">
+                            <TongjiIcon name="share" size="md" color="#0891B2" />
+                        </view>
+                        <view class="pg-share-text">
+                            <text class="pg-share-title">分享本周战报</text>
+                            <text class="pg-share-sub">邀请家人查看近7日血糖记录</text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </view>
+
+        <!-- 家人点赞 -->
+        <view
+            v-if="diagnosisId"
+            class="family-like-strip"
+            :class="{ 'has-likes': familyLikeSummary.like_count > 0 }"
+            @click="onFamilyLikeStripTap"
+        >
+            <text class="family-like-icon">❤️</text>
+            <view class="family-like-body">
+                <text class="family-like-title">{{ familyLikeSummary.like_count > 0 ? '家人为您点赞' : '邀请家人点赞' }}</text>
+                <text class="family-like-sub">{{ familyLikeSummary.summary_line }}</text>
+                <view v-if="familyLikeSummary.recent.length" class="family-like-recent">
+                    <text
+                        v-for="(item, idx) in familyLikeSummary.recent.slice(0, 3)"
+                        :key="idx"
+                        class="family-like-recent-item"
+                    >{{ item.nickname }} · {{ item.time_label }}</text>
+                </view>
+            </view>
+            <text class="family-like-arrow">›</text>
+        </view>
+
+        <!-- 每日鼓励 -->
+        <view v-if="claimablePoints > 0 || !todayChecked" class="encourage-strip" @click="onEncourageTap">
+            <text class="encourage-icon">💬</text>
+            <view class="encourage-body">
+                <text class="encourage-text">{{ encourageLine }}</text>
+                <text class="encourage-tip">轻触换一句鼓励 ›</text>
+            </view>
+        </view>
+
         <!-- 就诊卡选择器（精简为药丸 chip）-->
         <view v-if="cards.length > 0" class="card-switcher">
             <view class="card-switcher-head">
@@ -302,31 +701,31 @@
                   打开任何弹层时必须 v-if 卸载它，避免穿透到弹层上方。
                 -->
                 <canvas
-                    v-if="!inputForm.visible"
+                    v-if="!recordOverlayOpen"
                     id="bloodWaveChart"
                     type="2d"
                     class="chart-canvas"
                     @touchstart="onChartTouch"
                     @touchmove="onChartTouch"
                 />
-                <view v-if="inputForm.visible" class="chart-canvas-placeholder">
+                <view v-if="recordOverlayOpen" class="chart-canvas-placeholder">
                     <text>图表已暂停显示</text>
                 </view>
-                <view v-if="!bloodHasData && !loading && !inputForm.visible" class="chart-empty">
+                <view v-if="!bloodHasData && !loading && !recordOverlayOpen" class="chart-empty">
                     <text class="chart-empty-icon">📈</text>
                     <text class="chart-empty-text">当前时间范围暂无血糖数据</text>
                 </view>
-                <view v-if="hoverInfo && !inputForm.visible" class="chart-tip" :style="{ left: hoverInfo.left + 'px', top: hoverInfo.top + 'px' }">
-                    <text class="chart-tip-date">{{ hoverInfo.date }}</text>
-                    <view v-if="hoverInfo.fasting != null" class="chart-tip-row">
-                        <view class="legend-dot legend-dot-fasting" />
-                        <text class="chart-tip-text">空腹 {{ hoverInfo.fasting }}</text>
-                    </view>
-                    <view v-if="hoverInfo.postprandial != null" class="chart-tip-row">
-                        <view class="legend-dot legend-dot-postprandial" />
-                        <text class="chart-tip-text">餐后 {{ hoverInfo.postprandial }}</text>
-                    </view>
-                </view>
+                <cover-view v-if="hoverInfo && !recordOverlayOpen" class="chart-tip" :style="{ left: hoverInfo.left + 'px', top: hoverInfo.top + 'px' }">
+                    <cover-view class="chart-tip-date">{{ hoverInfo.date }}</cover-view>
+                    <cover-view v-if="hoverInfo.fasting != null" class="chart-tip-row">
+                        <cover-view class="legend-dot legend-dot-fasting" />
+                        <cover-view class="chart-tip-text">空腹 {{ hoverInfo.fasting }}</cover-view>
+                    </cover-view>
+                    <cover-view v-if="hoverInfo.postprandial != null" class="chart-tip-row">
+                        <cover-view class="legend-dot legend-dot-postprandial" />
+                        <cover-view class="chart-tip-text">餐后 {{ hoverInfo.postprandial }}</cover-view>
+                    </cover-view>
+                </cover-view>
             </view>
         </view>
 
@@ -407,7 +806,7 @@
 
             <view class="heatmap-foot">
                 <text class="heatmap-foot-text">{{ todayChecked ? '今日已完成记录' : '今日还没有记录，加油' }}</text>
-                <view v-if="!todayChecked" class="heatmap-foot-cta" @click="openInputForm">
+                <view v-if="!todayChecked" class="heatmap-foot-cta" @click="openInputForm()">
                     <text>立即录入</text>
                 </view>
             </view>
@@ -771,15 +1170,185 @@
                 </view>
             </view>
         </view>
+
+        <!-- 录入今日饮食 -->
+        <view v-if="dietForm.visible" class="input-modal-mask" @click="closeDietForm">
+            <view class="input-modal" @click.stop>
+                <view class="input-modal-grip" />
+                <view class="input-modal-head">
+                    <view class="input-modal-title-wrap">
+                        <text class="input-modal-title">记今日饮食</text>
+                        <text class="input-modal-sub">{{ todayText }}</text>
+                    </view>
+                    <view class="input-modal-close" @click="closeDietForm"><text class="input-modal-close-icon">×</text></view>
+                </view>
+                <view v-if="dietForm.loading" class="input-modal-loading"><text>加载中…</text></view>
+                <scroll-view v-else scroll-y class="input-modal-body">
+                    <view class="input-modal-tip"><text>至少填写一餐，完成后可浇水领取积分。</text></view>
+                    <view class="input-field">
+                        <view class="input-field-label"><text>早餐</text></view>
+                        <view class="input-field-input">
+                            <input type="text" :value="dietForm.breakfast_foods" placeholder="如：燕麦、鸡蛋" placeholder-class="input-placeholder" @input="onDietField('breakfast_foods', $event)" />
+                        </view>
+                    </view>
+                    <view class="input-field">
+                        <view class="input-field-label"><text>午餐</text></view>
+                        <view class="input-field-input">
+                            <input type="text" :value="dietForm.lunch_foods" placeholder="如：糙米饭、青菜" placeholder-class="input-placeholder" @input="onDietField('lunch_foods', $event)" />
+                        </view>
+                    </view>
+                    <view class="input-field">
+                        <view class="input-field-label"><text>晚餐</text></view>
+                        <view class="input-field-input">
+                            <input type="text" :value="dietForm.dinner_foods" placeholder="如：杂粮粥" placeholder-class="input-placeholder" @input="onDietField('dinner_foods', $event)" />
+                        </view>
+                    </view>
+                    <view class="input-field input-field-textarea">
+                        <textarea :value="dietForm.note" placeholder="饮食备注（选填）" placeholder-class="input-placeholder" :show-confirm-bar="false" :auto-height="true" @input="onDietField('note', $event)" />
+                    </view>
+                </scroll-view>
+                <view class="input-modal-actions">
+                    <view class="input-modal-btn primary" :class="{ disabled: dietForm.submitting }" @click="submitDietForm">
+                        <text>{{ dietForm.submitting ? '提交中…' : '保存饮食' }}</text>
+                    </view>
+                </view>
+            </view>
+        </view>
+
+        <!-- 录入今日运动 -->
+        <view v-if="exerciseForm.visible" class="input-modal-mask" @click="closeExerciseForm">
+            <view class="input-modal" @click.stop>
+                <view class="input-modal-grip" />
+                <view class="input-modal-head">
+                    <view class="input-modal-title-wrap">
+                        <text class="input-modal-title">记今日运动</text>
+                        <text class="input-modal-sub">{{ todayText }}</text>
+                    </view>
+                    <view class="input-modal-close" @click="closeExerciseForm"><text class="input-modal-close-icon">×</text></view>
+                </view>
+                <view v-if="exerciseForm.loading" class="input-modal-loading"><text>加载中…</text></view>
+                <scroll-view v-else scroll-y class="input-modal-body">
+                    <view class="input-modal-tip"><text>填写运动类型或时长，完成后可浇水领取积分。</text></view>
+                    <view class="input-field">
+                        <view class="input-field-label"><text>运动类型</text></view>
+                        <view class="input-field-input">
+                            <input type="text" :value="exerciseForm.exercise_type" placeholder="如：散步、太极拳" placeholder-class="input-placeholder" @input="onExerciseField('exercise_type', $event)" />
+                        </view>
+                    </view>
+                    <view class="input-field">
+                        <view class="input-field-label"><text>时长（分钟）</text></view>
+                        <view class="input-field-input">
+                            <input type="number" :value="exerciseForm.duration" placeholder="如：30" placeholder-class="input-placeholder" @input="onExerciseField('duration', $event)" />
+                        </view>
+                    </view>
+                    <view class="input-section-title">运动强度</view>
+                    <view class="intensity-row">
+                        <view
+                            v-for="opt in exerciseIntensityOptions"
+                            :key="opt.value"
+                            class="intensity-chip"
+                            :class="{ active: exerciseForm.intensity === opt.value }"
+                            @click="exerciseForm.intensity = opt.value"
+                        >
+                            <text>{{ opt.label }}</text>
+                        </view>
+                    </view>
+                </scroll-view>
+                <view class="input-modal-actions">
+                    <view class="input-modal-btn primary" :class="{ disabled: exerciseForm.submitting }" @click="submitExerciseForm">
+                        <text>{{ exerciseForm.submitting ? '提交中…' : '保存运动' }}</text>
+                    </view>
+                </view>
+            </view>
+        </view>
+
+        <!-- 本周战报（脱敏，可分享）-->
+        <view v-if="weeklyReportVisible" class="report-mask" @click="closeWeeklyReport">
+            <view class="report-panel" @click.stop>
+                <view class="report-panel-head">
+                    <text class="report-panel-title">本周稳糖战报</text>
+                    <text class="report-panel-close" @click="closeWeeklyReport">×</text>
+                </view>
+                <view class="report-poster">
+                    <view class="report-poster-top">
+                        <SugarTreeGraphic :level="reportTreeLevel" size="md" />
+                        <text class="report-poster-name">{{ weeklyReportData.patientLabel }}</text>
+                    </view>
+                    <text class="report-poster-week">{{ weeklyReportData.weekLabel }}</text>
+                    <view class="report-stat-grid">
+                        <view class="report-stat-item">
+                            <text class="report-stat-num">{{ weeklyReportData.recordDays }}</text>
+                            <text class="report-stat-label">天有记录</text>
+                        </view>
+                        <view class="report-stat-item">
+                            <text class="report-stat-num">{{ weeklyReportData.completeDays }}</text>
+                            <text class="report-stat-label">完整一日</text>
+                        </view>
+                        <view class="report-stat-item">
+                            <text class="report-stat-num">{{ weeklyReportData.streakDays }}</text>
+                            <text class="report-stat-label">连续天数</text>
+                        </view>
+                    </view>
+                    <text class="report-poster-quote">{{ weeklyReportData.quote }}</text>
+                    <text class="report-poster-disclaimer">习惯参考，不替代医嘱 · 家人打开分享可查看近7日记录</text>
+                </view>
+                <view class="report-actions">
+                    <!-- #ifdef MP-WEIXIN -->
+                    <button class="report-share-btn" open-type="share" @click="prepareShareWeekly">分享给家人</button>
+                    <!-- #endif -->
+                    <!-- #ifndef MP-WEIXIN -->
+                    <view class="report-share-btn" @click="shareWeeklyFallback"><text>分享给家人</text></view>
+                    <!-- #endif -->
+                    <view class="report-secondary-btn" @click="closeWeeklyReport"><text>关闭</text></view>
+                </view>
+            </view>
+        </view>
+        </block>
     </view>
 </template>
 
 <script setup>
 import { ref, computed, getCurrentInstance, nextTick, watch } from 'vue'
-import { onLoad, onShow, onHide, onUnload, onPullDownRefresh } from '@dcloudio/uni-app'
+import { onLoad, onShow, onHide, onUnload, onPullDownRefresh, onShareAppMessage } from '@dcloudio/uni-app'
+import SugarTreeGraphic from '../components/SugarTreeGraphic.vue'
+import TongjiIcon from '../components/TongjiIcon.vue'
+import CelebrateBurst from '../components/CelebrateBurst.vue'
 
 const { proxy } = getCurrentInstance()
 
+/** 将接口 msg / 异常对象转为可展示的字符串，避免 [object Object] */
+function formatUserMessage(msg, fallback = '') {
+    if (msg == null || msg === '') return fallback
+    if (typeof msg === 'string') return msg
+    if (typeof msg === 'number' || typeof msg === 'boolean') return String(msg)
+    if (Array.isArray(msg)) {
+        const parts = msg.map((item) => {
+            if (item == null) return ''
+            if (typeof item === 'string') return item
+            if (typeof item === 'number' || typeof item === 'boolean') return String(item)
+            if (typeof item === 'object') {
+                return item.msg || item.message || item.error || item.title || item.label || ''
+            }
+            return String(item)
+        }).filter(Boolean)
+        return parts.length ? parts.join('；') : fallback
+    }
+    if (typeof msg === 'object') {
+        return msg.msg || msg.message || msg.error || msg.title || msg.label || fallback
+    }
+    return String(msg)
+}
+
+function showUserToast(title, options = {}) {
+    const text = formatUserMessage(title, '')
+    if (!text) return
+    uni.showToast({
+        title: text,
+        icon: options.icon || 'none',
+        duration: options.duration
+    })
+}
+
 const diagnosisId = ref(0)
 const patientId = ref(0)
 const patientName = ref('')
@@ -1194,24 +1763,34 @@ async function fetchCardList() {
     }
 }
 
-function applyCard(card) {
+async function applyCard(card) {
     if (!card) return
     diagnosisId.value = Number(card.id) || 0
     patientId.value = Number(card.patient_id) || 0
     patientName.value = card.patient_name || ''
     age.value = Number(card.age) || 0
     gender.value = Number(card.gender) || 0
+    lastFamilyLikeCount.value = getStoredFamilyLikeSeen(Number(card.id) || 0)
+    familyLikeSummary.value = {
+        like_count: 0,
+        summary_line: '分享战报给家人，邀请他们为您点赞鼓劲',
+        recent: []
+    }
+    gamifyTreeLevel.value = null
+    gamifyTreeProgress.value = null
+    gamifyTreeLevelName.value = ''
+    gamifyStatusTip.value = ''
+    await fetchGamifyState()
 }
 
-function onSelectCard(card) {
+async function onSelectCard(card) {
     if (!card || Number(card.id) === Number(diagnosisId.value)) return
-    // 切换前清空当前数据，避免列表残留
     bloodRecords.value = []
     dietRecords.value = []
     exerciseRecords.value = []
     trackingNotes.value = []
     hoverInfo.value = null
-    applyCard(card)
+    await applyCard(card)
     fetchAll()
 }
 
@@ -1257,7 +1836,7 @@ async function fetchAll() {
             bloodRecords.value = []
             dietRecords.value = []
             exerciseRecords.value = []
-            if (winRes?.msg) uni.showToast({ title: winRes.msg, icon: 'none' })
+            if (winRes?.msg) showUserToast(winRes.msg)
         }
 
         if (noteRes && noteRes.code === 1) {
@@ -1266,6 +1845,9 @@ async function fetchAll() {
         } else {
             trackingNotes.value = []
         }
+        // 拉取游戏化积分/小树状态
+        await fetchGamifyState()
+        await loadFamilyLikeSummary()
     } catch (e) {
         uni.showToast({ title: '加载失败，请稍后再试', icon: 'none' })
     } finally {
@@ -1273,10 +1855,10 @@ async function fetchAll() {
         await nextTick()
         scheduleChartRedraw()
         // 自动播报：数据就绪后朗读一次最新摘要
-        if (ttsAutoPlay.value) {
+        if (ttsAutoPlay.value && !recordOverlayOpen.value) {
             const token = ++ttsAutoToken
             setTimeout(() => {
-                if (token === ttsAutoToken) speakLatestSummary()
+                if (token === ttsAutoToken && !recordOverlayOpen.value) speakLatestSummary()
             }, 350)
         }
     }
@@ -1392,6 +1974,22 @@ const last7Dots = computed(() => {
 
 const last7CheckedCount = computed(() => last7Dots.value.filter((d) => d.hasRecord).length)
 
+function dayHasFastingRecord(key) {
+    const b = bloodByDate.value[key]
+    return !!(b && toNumber(b.fasting_blood_sugar) !== null)
+}
+
+function dayHasPostprandialRecord(key) {
+    const b = bloodByDate.value[key]
+    return !!(b && toNumber(b.postprandial_blood_sugar) !== null)
+}
+
+function dayIsCompleteRecord(key) {
+    return dayHasFastingRecord(key) && dayHasPostprandialRecord(key)
+}
+
+const weekCompleteDays = computed(() => last7Dots.value.filter((d) => dayIsCompleteRecord(d.date)).length)
+
 // 健康日历热力图：取当前数据范围内所有日期，按周组装成 6x7（最多）网格
 const heatmapWeeks = computed(() => {
     const dates = chartDates.value
@@ -1510,6 +2108,12 @@ const emptyInputForm = () => ({
 })
 const inputForm = ref(emptyInputForm())
 
+function prepareRecordOverlay() {
+    canvasCtx = null
+    canvasNode = null
+    ttsStop()
+}
+
 function onInputField(field, e) {
     const val = e?.detail?.value ?? ''
     inputForm.value[field] = val
@@ -1517,19 +2121,18 @@ function onInputField(field, e) {
 
 async function openInputForm() {
     if (!diagnosisId.value) {
-        uni.showToast({ title: '请先选择就诊卡', icon: 'none' })
+        showUserToast('请先选择就诊卡')
         return
     }
     const token = uni.getStorageSync('token')
     if (!token) {
-        uni.showToast({ title: '请先登录后再录入', icon: 'none' })
+        showUserToast('请先登录后再录入')
         return
     }
     // 微信小程序 canvas 是原生组件、z-index 无法被弹层覆盖，
     // 这里通过 v-if 卸载它；下次显示时 selectorQuery 拿到的会是新节点，
     // 因此先清空缓存的 ctx / node，避免下次 ensureCanvas 复用旧引用。
-    canvasCtx = null
-    canvasNode = null
+    prepareRecordOverlay()
     // 打开弹层，先拉取今日已有记录预填
     inputForm.value = { ...emptyInputForm(), visible: true, loading: true }
     try {
@@ -1557,6 +2160,7 @@ async function openInputForm() {
 
 function numToStr(v) {
     if (v === null || v === undefined || v === '' || v === 0 || v === '0') return ''
+    if (typeof v === 'object') return ''
     return String(v)
 }
 
@@ -1567,6 +2171,200 @@ function closeInputForm() {
     nextTick(() => scheduleChartRedraw())
 }
 
+const emptyDietForm = () => ({
+    visible: false,
+    loading: false,
+    submitting: false,
+    id: 0,
+    breakfast_foods: '',
+    lunch_foods: '',
+    dinner_foods: '',
+    note: ''
+})
+const dietForm = ref(emptyDietForm())
+
+function onDietField(field, e) {
+    dietForm.value[field] = e?.detail?.value ?? ''
+}
+
+async function openDietForm() {
+    if (!diagnosisId.value) {
+        showUserToast('请先选择就诊卡')
+        return
+    }
+    const token = uni.getStorageSync('token')
+    if (!token) {
+        showUserToast('请先登录后再录入')
+        return
+    }
+    prepareRecordOverlay()
+    dietForm.value = { ...emptyDietForm(), visible: true, loading: true }
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyTodayDietRecord',
+            method: 'GET',
+            data: { diagnosis_id: diagnosisId.value }
+        }, false)
+        if (res?.code === 1 && res.data?.record) {
+            const r = res.data.record
+            dietForm.value.id = Number(r.id) || 0
+            dietForm.value.breakfast_foods = String(r.breakfast_foods || '')
+            dietForm.value.lunch_foods = String(r.lunch_foods || '')
+            dietForm.value.dinner_foods = String(r.dinner_foods || '')
+            dietForm.value.note = String(r.note || '')
+        }
+    } catch (e) {}
+    finally {
+        dietForm.value.loading = false
+    }
+}
+
+function closeDietForm() {
+    if (dietForm.value.submitting) return
+    dietForm.value.visible = false
+    nextTick(() => scheduleChartRedraw())
+}
+
+async function submitDietForm() {
+    if (dietForm.value.submitting || dietForm.value.loading) return
+    const f = dietForm.value
+    if (!f.breakfast_foods.trim() && !f.lunch_foods.trim() && !f.dinner_foods.trim()) {
+        showUserToast('请至少填写一餐饮食')
+        return
+    }
+    dietForm.value.submitting = true
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailySaveDietRecord',
+            method: 'POST',
+            data: {
+                diagnosis_id: diagnosisId.value,
+                breakfast_foods: f.breakfast_foods,
+                lunch_foods: f.lunch_foods,
+                dinner_foods: f.dinner_foods,
+                note: f.note
+            }
+        }, false)
+        if (res?.code === 1) {
+            showUserToast(res.msg || '已保存', { icon: 'success' })
+            dietForm.value.visible = false
+            await fetchAll()
+            await fetchGamifyState()
+            if (claimablePoints.value > 0) {
+                showUserToast('饮食已记录，点击浇水领取积分', { duration: 2800 })
+            }
+        } else {
+            showUserToast((res && res.msg) || '保存失败')
+        }
+    } catch (e) {
+        showUserToast('网络异常，请稍后再试')
+    } finally {
+        dietForm.value.submitting = false
+    }
+}
+
+const exerciseIntensityOptions = [
+    { value: 1, label: '低强度' },
+    { value: 2, label: '中强度' },
+    { value: 3, label: '高强度' }
+]
+const emptyExerciseForm = () => ({
+    visible: false,
+    loading: false,
+    submitting: false,
+    id: 0,
+    exercise_type: '',
+    duration: '',
+    intensity: 2,
+    note: ''
+})
+const exerciseForm = ref(emptyExerciseForm())
+
+/** 任一录入弹层打开时需卸载 canvas（小程序原生组件会盖住普通 view）*/
+const recordOverlayOpen = computed(() =>
+    inputForm.value.visible || dietForm.value.visible || exerciseForm.value.visible
+)
+
+function onExerciseField(field, e) {
+    exerciseForm.value[field] = e?.detail?.value ?? ''
+}
+
+async function openExerciseForm() {
+    if (!diagnosisId.value) {
+        showUserToast('请先选择就诊卡')
+        return
+    }
+    const token = uni.getStorageSync('token')
+    if (!token) {
+        showUserToast('请先登录后再录入')
+        return
+    }
+    prepareRecordOverlay()
+    exerciseForm.value = { ...emptyExerciseForm(), visible: true, loading: true }
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyTodayExerciseRecord',
+            method: 'GET',
+            data: { diagnosis_id: diagnosisId.value }
+        }, false)
+        if (res?.code === 1 && res.data?.record) {
+            const r = res.data.record
+            exerciseForm.value.id = Number(r.id) || 0
+            exerciseForm.value.exercise_type = String(r.exercise_type || '')
+            exerciseForm.value.duration = numToStr(r.duration)
+            exerciseForm.value.intensity = Number(r.intensity) || 2
+            exerciseForm.value.note = String(r.note || '')
+        }
+    } catch (e) {}
+    finally {
+        exerciseForm.value.loading = false
+    }
+}
+
+function closeExerciseForm() {
+    if (exerciseForm.value.submitting) return
+    exerciseForm.value.visible = false
+    nextTick(() => scheduleChartRedraw())
+}
+
+async function submitExerciseForm() {
+    if (exerciseForm.value.submitting || exerciseForm.value.loading) return
+    const f = exerciseForm.value
+    if (!f.exercise_type.trim() && !f.duration) {
+        showUserToast('请填写运动类型或时长')
+        return
+    }
+    exerciseForm.value.submitting = true
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailySaveExerciseRecord',
+            method: 'POST',
+            data: {
+                diagnosis_id: diagnosisId.value,
+                exercise_type: f.exercise_type,
+                duration: f.duration,
+                intensity: f.intensity,
+                note: f.note
+            }
+        }, false)
+        if (res?.code === 1) {
+            showUserToast(res.msg || '已保存', { icon: 'success' })
+            exerciseForm.value.visible = false
+            await fetchAll()
+            await fetchGamifyState()
+            if (claimablePoints.value > 0) {
+                showUserToast('运动已记录，点击浇水领取积分', { duration: 2800 })
+            }
+        } else {
+            showUserToast((res && res.msg) || '保存失败')
+        }
+    } catch (e) {
+        showUserToast('网络异常，请稍后再试')
+    } finally {
+        exerciseForm.value.submitting = false
+    }
+}
+
 async function submitInputForm() {
     if (inputForm.value.submitting || inputForm.value.loading) return
 
@@ -1597,11 +2395,15 @@ async function submitInputForm() {
             }
         }, false)
         if (res && res.code === 1) {
-            uni.showToast({ title: res.msg || '已保存', icon: 'success' })
+            showUserToast(res.msg || '已保存', { icon: 'success' })
             inputForm.value.visible = false
-            fetchAll()
+            await fetchAll()
+            await fetchGamifyState()
+            if (claimablePoints.value > 0) {
+                showUserToast('记录已保存，点击浇水领取积分', { duration: 2800 })
+            }
         } else {
-            uni.showToast({ title: (res && res.msg) || '保存失败', icon: 'none' })
+            showUserToast((res && res.msg) || '保存失败')
         }
     } catch (e) {
         uni.showToast({ title: '网络异常，请稍后再试', icon: 'none' })
@@ -1633,7 +2435,7 @@ function deleteInputRecord() {
                     inputForm.value.visible = false
                     fetchAll()
                 } else {
-                    uni.showToast({ title: (res && res.msg) || '删除失败', icon: 'none' })
+                    showUserToast((res && res.msg) || '删除失败')
                 }
             } catch (e) {
                 uni.showToast({ title: '网络异常，请稍后再试', icon: 'none' })
@@ -1653,7 +2455,7 @@ function splitTrackingLines(content) {
 
 // ============ 语音播报（适老化）============
 // 优先用 微信同声传译插件 (mp-weixin)；H5 走 window.speechSynthesis；
-// 都不可用则降级为 modal 弹窗显示文本，保证可读性。
+// 都不可用则轻提示，避免 showModal 挡住录入弹层。
 const ttsEnabled = ref(true)
 const ttsAutoPlay = ref(false)
 const ttsSpeaking = ref(false)
@@ -1680,9 +2482,30 @@ function ttsStop() {
     ttsSpeaking.value = false
 }
 
+function normalizeTtsText(text) {
+    if (text == null) return ''
+    if (typeof text === 'string') return text.replace(/\s+/g, ' ').trim()
+    if (Array.isArray(text)) {
+        return text
+            .map((item) => {
+                if (typeof item === 'string') return item
+                if (item && typeof item === 'object') {
+                    return item.title || item.label || item.desc || item.msg || item.message || ''
+                }
+                return formatUserMessage(item, '')
+            })
+            .filter(Boolean)
+            .join('，')
+    }
+    if (typeof text === 'object') {
+        return text.title || text.label || text.desc || text.msg || text.message || ''
+    }
+    return formatUserMessage(text, '')
+}
+
 function ttsSpeak(text) {
     if (!ttsEnabled.value) return
-    const content = String(text || '').replace(/\s+/g, ' ').trim()
+    const content = normalizeTtsText(text)
     if (!content) return
 
     ttsStop()
@@ -1742,13 +2565,8 @@ function ttsSpeak(text) {
     }
     // #endif
 
-    // 其它端兜底：用 modal 显示要播报的内容
-    uni.showModal({
-        title: '语音内容',
-        content,
-        showCancel: false,
-        confirmText: '我知道了'
-    })
+    // 其它端兜底：轻提示，勿用 modal 遮挡录入等操作
+    showUserToast(content, { duration: 3200 })
 }
 
 function ttsToggleEnabled() {
@@ -1871,6 +2689,7 @@ function speakLatestSummary() {
 }
 
 function speakDay(day) {
+    if (!day || typeof day !== 'object' || !day.date) return
     const text = buildDayText(day)
     if (text) ttsSpeak(text)
 }
@@ -2255,8 +3074,13 @@ function readUserContext() {
 
 async function bootstrap(options) {
     options = options || {}
-    // 1. 仅采纳来自页面参数的 diagnosis_id（例如 Card.vue 点「日常记录」时带的）
-    //    storage 里的 userData.diagnosis.id 不再作为优先来源，避免覆盖默认逻辑
+    const inviteCode = String(options.invite_code || '').trim()
+    if (options.from === 'share' && inviteCode) {
+        await bootstrapInviteViewer(inviteCode)
+        return
+    }
+
+    isInviteViewer.value = false
     const passedDiagnosisId = Number(options.diagnosis_id || options.id || 0)
     diagnosisId.value = passedDiagnosisId
     patientId.value = Number(options.patient_id || 0)
@@ -2264,24 +3088,27 @@ async function bootstrap(options) {
     if (options.age) age.value = Number(options.age) || 0
     if (options.gender) gender.value = Number(options.gender) || 0
 
-    // 2. 永远拉一次就诊卡列表 —— 作为切换器数据源 + 默认选第一张的来源
+    const token = uni.getStorageSync('token')
+    if (!token) {
+        showUserToast('请先登录')
+        return
+    }
+
     const list = await fetchCardList()
 
     if (Array.isArray(list) && list.length > 0) {
-        // 3. 默认选第一张；只有当 URL 明确传了 diagnosis_id 且能在列表中匹配时才用指定卡
         let target = null
         if (passedDiagnosisId) {
             target = list.find((c) => Number(c.id) === Number(passedDiagnosisId))
         }
         if (!target) target = list[0]
-        applyCard(target)
+        await applyCard(target)
     } else {
-        // 4. 兜底：列表拉不到时再回退到 storage（极少见）
         if (!diagnosisId.value || !patientId.value) {
             readUserContext()
         }
         if (!diagnosisId.value) {
-            uni.showToast({ title: '暂无就诊卡，请先创建', icon: 'none' })
+            showUserToast('暂无就诊卡，请先创建')
             return
         }
     }
@@ -2293,12 +3120,32 @@ onLoad((options) => {
     bootstrap(options)
 })
 
+onShareAppMessage(() => {
+    const d = weeklyReportData.value
+    const code = pendingShareInviteCode.value
+    const title =
+        shareTitle.value ||
+        `【稳糖打卡】${d.patientLabel}本周记录${d.recordDays}天（邀请码今日有效）`
+    const path = code
+        ? `/tongji/pages/index?from=share&invite_code=${code}`
+        : '/tongji/pages/index'
+    return { title, path }
+})
+
 onShow(() => {
+    if (!isInviteViewer.value && diagnosisId.value) {
+        loadFamilyLikeSummary()
+    }
     scheduleChartRedraw()
 })
 
 onPullDownRefresh(async () => {
-    await fetchAll()
+    if (isInviteViewer.value) {
+        const code = invitePreview.value.invite_code
+        if (code) await bootstrapInviteViewer(code)
+    } else {
+        await fetchAll()
+    }
     uni.stopPullDownRefresh()
 })
 
@@ -2309,60 +3156,786 @@ onHide(() => {
 onUnload(() => {
     ttsStop()
 })
+
+// ============ 稳糖乐园 (游戏化积分/小树) ============
+const gamifyPoints = ref(0)
+const gamifyBadges = ref([])
+const gamifyTaskAwards = ref({})
+const gamifyTodayTasks = ref([])
+const gamifyClaimablePoints = ref(0)
+const gamifyTreeLevel = ref(null)
+const gamifyTreeProgress = ref(null)
+const gamifyTreeLevelName = ref('')
+const gamifyStatusTip = ref('')
+const treeWatering = ref(false)
+
+function isApiSuccess(res) {
+    return !!(res && Number(res.code) === 1)
+}
+
+function applyGamifyPayload(data) {
+    if (!data || typeof data !== 'object') return
+    gamifyPoints.value = Number(data.points) || 0
+    gamifyBadges.value = Array.isArray(data.badges) ? [...data.badges] : []
+    try {
+        gamifyTaskAwards.value = data.task_awards ? JSON.parse(JSON.stringify(data.task_awards)) : {}
+    } catch (e) {
+        gamifyTaskAwards.value = data.task_awards || {}
+    }
+    gamifyTodayTasks.value = Array.isArray(data.today_tasks)
+        ? data.today_tasks.map((t) => ({
+            id: String(t.id || ''),
+            name: String(t.name || ''),
+            points: Number(t.points) || 0,
+            completed: !!t.completed,
+            claimed: !!t.claimed
+        }))
+        : []
+    gamifyClaimablePoints.value = Number(data.claimable_points) || 0
+    if (data.tree_level != null && data.tree_level !== '') {
+        gamifyTreeLevel.value = Math.min(4, Math.max(0, Number(data.tree_level) || 0))
+    }
+    if (data.tree_progress != null && data.tree_progress !== '') {
+        gamifyTreeProgress.value = Math.min(100, Math.max(0, Number(data.tree_progress) || 0))
+    }
+    if (data.tree_level_name) {
+        gamifyTreeLevelName.value = String(data.tree_level_name)
+    }
+    if (data.message) {
+        gamifyStatusTip.value = String(data.message)
+    }
+}
+
+async function fetchGamifyState() {
+    if (!diagnosisId.value) return
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyGetGamify',
+            method: 'GET',
+            data: { diagnosis_id: diagnosisId.value }
+        }, false)
+        if (isApiSuccess(res) && res.data) {
+            applyGamifyPayload(res.data)
+        }
+    } catch (e) {
+        console.error('获取游戏化数据失败', e)
+    }
+}
+
+const todayHasDiet = computed(() => {
+    const today = todayStr.value
+    const d = dietByDate.value[today]
+    return !!(d && (d.breakfast_foods || d.lunch_foods || d.dinner_foods))
+})
+
+const todayHasExercise = computed(() => {
+    const today = todayStr.value
+    const ex = exerciseByDate.value[today]
+    return !!(ex && (ex.exercise_type || ex.duration))
+})
+
+const todayTasks = computed(() => {
+    if (gamifyTodayTasks.value.length) {
+        return gamifyTodayTasks.value
+    }
+    const today = todayStr.value
+    const awards = gamifyTaskAwards.value[today] || {}
+    return [
+        {
+            id: 'blood',
+            name: '测血糖血压',
+            points: 10,
+            completed: todayChecked.value,
+            claimed: !!awards['blood']
+        },
+        {
+            id: 'diet',
+            name: '记今日饮食',
+            points: 10,
+            completed: todayHasDiet.value,
+            claimed: !!awards['diet']
+        },
+        {
+            id: 'exercise',
+            name: '记今日运动',
+            points: 10,
+            completed: todayHasExercise.value,
+            claimed: !!awards['exercise']
+        }
+    ]
+})
+
+const claimablePoints = computed(() => {
+    if (gamifyTodayTasks.value.length) {
+        return gamifyClaimablePoints.value
+    }
+    return todayTasks.value
+        .filter(t => t.completed && !t.claimed)
+        .reduce((sum, t) => sum + t.points, 0)
+})
+
+const allTasksCleared = computed(() => {
+    const tasks = todayTasks.value
+    return tasks.length > 0 && tasks.every((t) => t.completed && t.claimed)
+})
+
+const unlockedBadges = computed(() => {
+    const list = []
+    const streak = Number(streakDays.value?.days) || 0
+    if (todayChecked.value) {
+        list.push({ id: 'today', label: '今日打卡', icon: 'check-circle', color: '#059669' })
+    }
+    if (streak >= 3) {
+        list.push({ id: 'streak', label: `连击${streak}天`, icon: 'flame', color: '#EA580C' })
+    }
+    if (streak >= 7) {
+        list.push({ id: 'week', label: '一周达人', icon: 'trophy', color: '#CA8A04' })
+    }
+    if (last7CheckedCount.value >= 5) {
+        list.push({ id: 'w5', label: '本周5天+', icon: 'calendar', color: '#0891B2' })
+    }
+    if (gamifyPoints.value >= 50) {
+        list.push({ id: 'p50', label: '积分50+', icon: 'sparkles', color: '#0891B2' })
+    }
+    if (gamifyPoints.value >= 100) {
+        list.push({ id: 'p100', label: '积分破百', icon: 'trophy', color: '#7C3AED' })
+    }
+    if (treeLevel.value >= 3) {
+        list.push({ id: 'tree', label: treeLevelName.value, icon: 'glucose', color: '#0D9488' })
+    }
+    return list
+})
+
+const celebrateShow = ref(false)
+const celebrateTitle = ref('')
+const celebrateSub = ref('')
+const floatReward = ref(null)
+const inviteHeartBurst = ref(false)
+const taskJustDoneId = ref('')
+let celebrateTimer = null
+let taskPopTimer = null
+
+const TREE_WHISPERS = [
+    '再浇一点水，我就长高啦。',
+    '您今天真棒，小树都开心得晃叶子。',
+    '坚持记录，我会开出稳糖花。',
+    '空腹餐后都记全，我会长得更快。',
+    '家人点赞的时候，我也会发光。'
+]
+
+const INVITE_TREE_WHISPERS = [
+    'Ta 正在努力控糖，您的鼓励很重要。',
+    '好习惯比完美数值更珍贵，一起加油。',
+    '每天记一笔，就是在照顾未来的自己。',
+    '点赞一下，让 Ta 知道家人在身边。'
+]
+
+function hapticLight() {
+    try {
+        uni.vibrateShort({ type: 'light' })
+    } catch (e) {}
+}
+
+function triggerCelebrate(title, sub = '') {
+    if (celebrateTimer) clearTimeout(celebrateTimer)
+    celebrateTitle.value = title
+    celebrateSub.value = sub
+    celebrateShow.value = true
+    celebrateTimer = setTimeout(() => {
+        celebrateShow.value = false
+        celebrateSub.value = ''
+    }, 2400)
+}
+
+function showFloatReward(points) {
+    floatReward.value = { text: points, key: Date.now() }
+    setTimeout(() => {
+        floatReward.value = null
+    }, 1100)
+}
+
+function popTaskDone(taskId) {
+    if (!taskId) return
+    taskJustDoneId.value = taskId
+    if (taskPopTimer) clearTimeout(taskPopTimer)
+    taskPopTimer = setTimeout(() => {
+        taskJustDoneId.value = ''
+    }, 700)
+}
+
+function onTreeWhisper() {
+    if (treeWatering.value) return
+    const line = TREE_WHISPERS[Math.floor(Math.random() * TREE_WHISPERS.length)]
+    showUserToast(line, { duration: 2800 })
+    hapticLight()
+}
+
+function onInviteTreeWhisper() {
+    const line = INVITE_TREE_WHISPERS[Math.floor(Math.random() * INVITE_TREE_WHISPERS.length)]
+    showUserToast(line, { duration: 2800 })
+    hapticLight()
+}
+
+async function waterTree() {
+    if (!diagnosisId.value) return
+    if (treeWatering.value) return
+
+    const oldLevel = treeLevel.value
+    treeWatering.value = true
+    setTimeout(() => {
+        treeWatering.value = false
+    }, 1000)
+
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyWaterTree',
+            method: 'POST',
+            data: { diagnosis_id: diagnosisId.value }
+        }, false)
+        if (!isApiSuccess(res)) {
+            showUserToast((res && res.msg) || '浇水失败')
+            return
+        }
+        const data = res.data && typeof res.data === 'object' ? res.data : {}
+        const addedPoints = Number(data.added_points) || 0
+        applyGamifyPayload({
+            ...data,
+            message: data.message || res.msg || ''
+        })
+        await nextTick()
+
+        const tip = formatUserMessage(data.message || res.msg, '')
+        if (addedPoints > 0) {
+            showFloatReward(addedPoints)
+            hapticLight()
+            triggerCelebrate('浇水成功', tip || `+${addedPoints} 稳糖积分，小树咕咚喝饱啦`)
+            const claimedIds = Array.isArray(data.claimed_tasks) ? data.claimed_tasks : []
+            claimedIds.forEach((id) => popTaskDone(id))
+            const newLevel = treeLevel.value
+            if (newLevel > oldLevel) {
+                const names = ['嫩芽期', '成长雏形', '枝繁叶茂', '含苞待放', '花开稳糖']
+                setTimeout(() => triggerCelebrate('小树升级啦', `恭喜进入 ${names[newLevel] || treeLevelName.value}`), 520)
+            }
+            setTimeout(() => {
+                if (todayTasks.value.every((t) => t.completed && t.claimed)) {
+                    triggerCelebrate('今日任务大满贯', '明天继续来浇浇水吧')
+                }
+            }, 900)
+            return
+        }
+
+        // 无可领积分：先同步 UI，再按服务端 pending 引导或提示
+        if (tip) {
+            showUserToast(tip, { duration: 2800 })
+        }
+
+        const needRecord = todayTasks.value.find((t) => !t.completed && !t.claimed)
+        if (needRecord) {
+            onGamifyTaskTap(needRecord)
+            return
+        }
+
+        const pending = Array.isArray(data.pending_tasks) ? data.pending_tasks : []
+        if (pending.length) {
+            const match = todayTasks.value.find((t) => t.id === pending[0].id)
+                || todayTasks.value.find((t) => t.name === pending[0].name)
+            if (match && !match.completed) {
+                onGamifyTaskTap(match)
+            } else if (!tip) {
+                showUserToast(`先完成：${pending[0].name}`, { duration: 2800 })
+            }
+            return
+        }
+
+        if (Number(data.claimable_points) > 0) {
+            showUserToast('还有积分待领取，请再点一次浇水')
+            return
+        }
+
+        if (allTasksCleared.value && !tip) {
+            showUserToast('今日奖励已全部领取', { duration: 2800 })
+        }
+    } catch (e) {
+        showUserToast('浇水失败，请稍后重试')
+    }
+}
+
+const treeLevel = computed(() => {
+    if (gamifyTreeLevel.value != null) {
+        return Math.min(4, Math.max(0, gamifyTreeLevel.value))
+    }
+    return Math.min(4, Math.floor(gamifyPoints.value / 100))
+})
+
+const treeProgress = computed(() => {
+    if (treeLevel.value >= 4) return 100
+    if (gamifyTreeProgress.value != null) {
+        return Math.min(100, Math.max(0, gamifyTreeProgress.value))
+    }
+    return gamifyPoints.value % 100
+})
+
+const treeLevelName = computed(() => {
+    if (gamifyTreeLevelName.value) return gamifyTreeLevelName.value
+    const names = ['嫩芽期', '成长雏形', '枝繁叶茂', '含苞待放', '花开稳糖']
+    return names[treeLevel.value] || '嫩芽期'
+})
+
+// ============ 分享 / 家人点赞 / 邀请观看 ============
+const isInviteViewer = ref(false)
+const inviteLoading = ref(false)
+const inviteError = ref('')
+const invitePreview = ref({})
+const inviteLiking = ref(false)
+const inviteLikeNickname = ref('家人')
+const familyNicknameOptions = ['家人', '亲友', '老伴', '子女']
+
+const weeklyReportVisible = ref(false)
+const shareTitle = ref('')
+const pendingShareInviteCode = ref('')
+
+const familyLikeSummary = ref({
+    like_count: 0,
+    summary_line: '分享战报给家人，邀请他们为您点赞鼓劲',
+    recent: []
+})
+const lastFamilyLikeCount = ref(0)
+
+const VIEWER_KEY_STORAGE = 'tongji_viewer_key_v1'
+
+function familyLikeSeenStorageKey(dId = diagnosisId.value) {
+    return `tongji_family_like_seen_${Number(dId) || 0}_${todayStr.value}`
+}
+
+function getStoredFamilyLikeSeen(dId = diagnosisId.value) {
+    try {
+        return Number(uni.getStorageSync(familyLikeSeenStorageKey(dId))) || 0
+    } catch (e) {
+        return 0
+    }
+}
+
+function setStoredFamilyLikeSeen(count, dId = diagnosisId.value) {
+    try {
+        uni.setStorageSync(familyLikeSeenStorageKey(dId), Number(count) || 0)
+    } catch (e) {}
+}
+
+function getViewerKey() {
+    try {
+        let key = uni.getStorageSync(VIEWER_KEY_STORAGE)
+        if (!key) {
+            key = `v_${Date.now()}_${Math.random().toString(36).slice(2, 12)}`
+            uni.setStorageSync(VIEWER_KEY_STORAGE, key)
+        }
+        return String(key).slice(0, 64)
+    } catch (e) {
+        return `v_${Date.now()}`
+    }
+}
+
+function getWeekOfYear(date) {
+    const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()))
+    const dayNum = d.getUTCDay() || 7
+    d.setUTCDate(d.getUTCDate() + 4 - dayNum)
+    const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1))
+    return Math.ceil((((d - yearStart) / 86400000) + 1) / 7)
+}
+
+const weeklyReportData = computed(() => {
+    if (isInviteViewer.value && invitePreview.value.invite_code) {
+        const p = invitePreview.value
+        return {
+            patientLabel: p.patient_label || '家人',
+            weekLabel: p.week_label || '',
+            recordDays: Number(p.record_days) || 0,
+            completeDays: Number(p.complete_days) || 0,
+            streakDays: Number(p.streak_days) || 0,
+            quote: p.quote || ''
+        }
+    }
+    const name = (patientName.value || '我').trim()
+    const patientLabel = name.length > 6 ? `${name.slice(0, 6)}…` : name
+    const now = new Date()
+    const weekLabel = `${now.getFullYear()}年 第${getWeekOfYear(now)}周`
+    const rd = last7CheckedCount.value
+    const cd = weekCompleteDays.value
+    let quote = '坚持记录，就是在照顾未来的自己。'
+    if (rd >= 7) quote = '本周每天都留下了记录，这份自律值得骄傲！'
+    else if (cd >= 5) quote = `本周有 ${cd} 天完成了空腹+餐后记录，习惯越来越稳。`
+    else if (rd >= 4) quote = `本周已记录 ${rd} 天，比不记录强一百倍。`
+    else if (rd > 0) quote = '好的开始！下周试着多记录几天。'
+    else quote = '从今天记一笔开始，小树就会发芽。'
+    return {
+        patientLabel,
+        weekLabel,
+        recordDays: rd,
+        completeDays: cd,
+        streakDays: streakDays.value.days,
+        quote
+    }
+})
+
+const reportTreeLevel = computed(() => {
+    if (isInviteViewer.value && invitePreview.value.invite_code) {
+        return Number(invitePreview.value.tree_level) || 0
+    }
+    return treeLevel.value
+})
+
+const inviteTreeLevel = computed(() => Number(invitePreview.value.tree_level) || 0)
+
+const inviteDailyRecords = computed(() => {
+    const list = invitePreview.value.daily_records
+    return Array.isArray(list) ? list : []
+})
+
+function formatInviteSugar(v) {
+    if (v == null || v === '') return '—'
+    return String(v)
+}
+
+const ENCOURAGE_LINES = [
+    '每天记一笔，就是在照顾未来的自己。',
+    '坚持记录比纠结数值更重要，您做得很好。',
+    '给树浇浇水，也给自己点个赞。',
+    '家人会看到您的努力，习惯比完美更珍贵。',
+    '空腹、餐后各记一次，完整一日更有成就感。'
+]
+const encourageIndex = ref(0)
+const encourageLine = computed(() => {
+    const pending = todayTasks.value.find((t) => !t.completed)
+    if (pending?.id === 'blood') return '先完成血糖记录，今日第一格就亮起来。'
+    if (pending?.id === 'diet') return '记下今日饮食，离领奖更近一步。'
+    if (pending?.id === 'exercise') return '动一动、记一记，小树长得更快。'
+    return ENCOURAGE_LINES[encourageIndex.value % ENCOURAGE_LINES.length]
+})
+
+function onEncourageTap() {
+    encourageIndex.value = (encourageIndex.value + 1) % ENCOURAGE_LINES.length
+    const line = ENCOURAGE_LINES[encourageIndex.value]
+    if (ttsEnabled.value) {
+        ttsSpeak(line)
+    } else {
+        showUserToast(line, { duration: 2800 })
+    }
+}
+
+function onGamifyTaskTap(task) {
+    if (!task) return
+    if (task.claimed) {
+        showUserToast('该任务积分已领取')
+        return
+    }
+    if (!task.completed) {
+        if (task.id === 'blood') {
+            openInputForm()
+            return
+        }
+        if (task.id === 'diet') {
+            openDietForm()
+            return
+        }
+        if (task.id === 'exercise') {
+            openExerciseForm()
+            return
+        }
+        showUserToast(`请先完成：${task.name}`)
+        return
+    }
+    waterTree()
+}
+
+function shareInviteCacheKey() {
+    return `tongji_invite_${diagnosisId.value}_${todayStr.value}`
+}
+
+async function ensureShareInvite() {
+    if (!diagnosisId.value) return ''
+    const cacheKey = shareInviteCacheKey()
+    try {
+        const cached = uni.getStorageSync(cacheKey)
+        if (cached && cached.invite_code && cached.invite_date === todayStr.value) {
+            pendingShareInviteCode.value = cached.invite_code
+            return cached.invite_code
+        }
+    } catch (e) {}
+
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyCreateShareInvite',
+            method: 'POST',
+            data: { diagnosis_id: diagnosisId.value }
+        }, false)
+        if (res && res.code === 1 && res.data && res.data.invite_code) {
+            const code = res.data.invite_code
+            pendingShareInviteCode.value = code
+            try {
+                uni.setStorageSync(cacheKey, {
+                    invite_code: code,
+                    invite_date: todayStr.value
+                })
+            } catch (e) {}
+            return code
+        }
+        if (res?.msg) showUserToast(res.msg)
+    } catch (e) {
+        showUserToast('生成邀请码失败')
+    }
+    return ''
+}
+
+async function prepareShareWeekly() {
+    const code = await ensureShareInvite()
+    if (!code) return
+    const d = weeklyReportData.value
+    shareTitle.value = `【稳糖打卡】${d.patientLabel}本周记录${d.recordDays}天，邀请码 ${code}（今日有效）`
+}
+
+function shareWeeklyFallback() {
+    prepareShareWeekly().then((code) => {
+        if (!code) return
+        const d = weeklyReportData.value
+        const text = `【稳糖打卡】${d.patientLabel} ${d.weekLabel}\n本周 ${d.recordDays} 天有记录、${d.completeDays} 个完整日、连续 ${d.streakDays} 天\n${d.quote}\n邀请码：${code}（仅今日有效）\n打开小程序「日常记录」输入邀请码查看`
+        uni.setClipboardData({
+            data: text,
+            success: () => showUserToast('战报文案已复制，可发给家人')
+        })
+    })
+}
+
+async function openWeeklyReport() {
+    if (!diagnosisId.value) {
+        showUserToast('请先选择就诊卡')
+        return
+    }
+    await ensureShareInvite()
+    weeklyReportVisible.value = true
+}
+
+function closeWeeklyReport() {
+    weeklyReportVisible.value = false
+}
+
+async function loadFamilyLikeSummary() {
+    if (!diagnosisId.value || isInviteViewer.value) return
+    const token = uni.getStorageSync('token')
+    if (!token) return
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyFamilyLikeSummary',
+            method: 'GET',
+            data: { diagnosis_id: diagnosisId.value }
+        }, false)
+        if (res && res.code === 1 && res.data) {
+            const storedSeen = getStoredFamilyLikeSeen()
+            const prev = Math.max(lastFamilyLikeCount.value, storedSeen)
+            const next = Number(res.data.like_count) || 0
+            familyLikeSummary.value = {
+                like_count: next,
+                summary_line: res.data.summary_line || '',
+                recent: Array.isArray(res.data.recent) ? res.data.recent : []
+            }
+            // 仅在有「新增」点赞时庆祝，避免刷新/重进页面重复弹层
+            if (next > prev) {
+                const delta = next - prev
+                triggerCelebrate(
+                    delta === 1 && prev === 0 ? '首个家人点赞' : '收到家人鼓励',
+                    delta === 1 ? '分享真的有用，继续加油' : `新增 ${delta} 位家人点赞，共 ${next} 人`
+                )
+                hapticLight()
+            }
+            lastFamilyLikeCount.value = next
+            setStoredFamilyLikeSeen(next)
+        }
+    } catch (e) {}
+}
+
+function onFamilyLikeStripTap() {
+    if (familyLikeSummary.value.like_count > 0) {
+        if (ttsEnabled.value) {
+            ttsSpeak(familyLikeSummary.value.summary_line)
+        } else {
+            showUserToast(familyLikeSummary.value.summary_line, { duration: 2400 })
+        }
+        return
+    }
+    openWeeklyReport()
+}
+
+async function bootstrapInviteViewer(inviteCode) {
+    isInviteViewer.value = true
+    inviteLoading.value = true
+    inviteError.value = ''
+    invitePreview.value = {}
+    inviteHeartBurst.value = false
+    celebrateShow.value = false
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailySharePreview',
+            method: 'GET',
+            data: {
+                invite_code: inviteCode,
+                viewer_key: getViewerKey()
+            }
+        }, false)
+        if (res && res.code === 1 && res.data) {
+            invitePreview.value = res.data
+        } else {
+            inviteError.value = formatUserMessage(res && res.msg, '邀请码无效或已过期')
+        }
+    } catch (e) {
+        inviteError.value = '加载失败，请稍后再试'
+    } finally {
+        inviteLoading.value = false
+    }
+}
+
+async function onFamilyLike() {
+    const code = invitePreview.value.invite_code
+    if (!code || inviteLiking.value) return
+    if (invitePreview.value.liked_by_me) {
+        showUserToast('您今天已经点过赞啦')
+        return
+    }
+    inviteLiking.value = true
+    try {
+        const res = await proxy.apiUrl({
+            url: '/api/tcm/dailyFamilyLike',
+            method: 'POST',
+            data: {
+                invite_code: code,
+                viewer_key: getViewerKey(),
+                nickname: inviteLikeNickname.value
+            }
+        }, false)
+        if (res && res.code === 1 && res.data) {
+            const data = res.data
+            const alreadyLiked = !!data.already_liked
+            invitePreview.value = {
+                ...invitePreview.value,
+                like_count: Number(data.like_count) || 0,
+                liked_by_me: true
+            }
+            if (alreadyLiked) {
+                showUserToast(data.praise_message || '您今天已经点过赞啦')
+                return
+            }
+            inviteHeartBurst.value = true
+            setTimeout(() => {
+                inviteHeartBurst.value = false
+            }, 900)
+            hapticLight()
+            triggerCelebrate('鼓励已送达', data.praise_message || '谢谢您的点赞')
+        } else {
+            showUserToast((res && res.msg) || '点赞失败')
+        }
+    } catch (e) {
+        showUserToast('点赞失败，请稍后再试')
+    } finally {
+        inviteLiking.value = false
+    }
+}
 </script>
 
 <style lang="scss" scoped>
 .daily-page {
+    /* Premium UI Color System & Variables - Teal-Emerald Healing Redesign */
+    --primary: #0d9488;
+    --primary-grad: linear-gradient(135deg, #0d9488 0%, #10b981 100%);
+    --primary-light: #f0fdfa;
+    --primary-glow: rgba(13, 148, 136, 0.12);
+    
+    --success: #10b981;
+    --success-grad: linear-gradient(135deg, #10b981 0%, #059669 100%);
+    --success-light: #ecfdf5;
+    
+    --warning: #f59e0b;
+    --warning-grad: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
+    --warning-light: #fffbeb;
+    
+    --danger: #ef4444;
+    --danger-grad: linear-gradient(135deg, #f87171 0%, #ef4444 100%);
+    --danger-light: #fef2f2;
+    --danger-glow: rgba(239, 68, 68, 0.12);
+
+    --violet: #6366f1;
+    --violet-grad: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
+    --violet-light: #f5f3ff;
+    
+    --slate-50: #f8fafc;
+    --slate-100: #f1f5f9;
+    --slate-200: #e2e8f0;
+    --slate-300: #cbd5e1;
+    --slate-400: #94a3b8;
+    --slate-600: #475569;
+    --slate-900: #0f172a;
+    
+    --radius-card: 32rpx; /* 更为圆润的设计 */
+    --radius-pill: 999rpx;
+    
+    --shadow-premium: 0 12rpx 36rpx rgba(15, 23, 42, 0.03);
+    --shadow-glow-primary: 0 10rpx 24rpx rgba(13, 148, 136, 0.18);
+    --shadow-glow-success: 0 10rpx 24rpx rgba(16, 185, 129, 0.18);
+    --shadow-glow-danger: 0 10rpx 24rpx rgba(239, 68, 68, 0.18);
+    
+    --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+    --border-premium: 1rpx solid rgba(13, 148, 136, 0.06);
+
     min-height: 100vh;
-    background: #f1f5f9;
+    background: #f8fafc;
     padding-bottom: 64rpx;
 }
 
+/* === Hero 区域 === */
 .hero {
     position: relative;
-    padding: 40rpx 32rpx 100rpx; /* 适老化：增加 hero 上下空间 */
+    padding: 60rpx 36rpx 120rpx; /* 适度增加空间，增强空气感 */
     color: #ffffff;
     overflow: hidden;
 }
 .hero-bg {
     position: absolute;
     inset: 0;
-    background: linear-gradient(135deg, #0ea5a4 0%, #0891b2 60%, #1e40af 120%);
+    background: linear-gradient(135deg, #0f172a 0%, #0d9488 60%, #10b981 100%);
     z-index: 0;
+    &::after {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background: radial-gradient(circle at 85% 15%, rgba(34, 211, 238, 0.15) 0%, transparent 60%);
+    }
 }
 .hero-content {
     position: relative;
     z-index: 1;
 }
-
 .hero-row {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     gap: 12rpx;
 }
-
 .hero-main {
     flex: 1;
     min-width: 0;
     padding-top: 4rpx;
 }
-
 .hero-title {
-    font-size: 56rpx; /* 适老化：放大 */
+    font-size: 56rpx; /* 大字体适老化 */
     font-weight: 800;
     color: #ffffff;
     line-height: 1.2;
     letter-spacing: 1rpx;
+    text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.15);
 }
 .hero-subtitle {
     display: block;
-    font-size: 30rpx; /* 适老化：放大 */
-    color: rgba(255, 255, 255, 0.92); /* 提升对比度 */
+    font-size: 30rpx;
+    color: rgba(255, 255, 255, 0.95);
     margin-top: 6rpx;
     font-weight: 500;
 }
-
 .hero-pill-group {
     display: flex;
     flex-wrap: wrap;
@@ -2370,97 +3943,103 @@ onUnload(() => {
     gap: 12rpx;
     max-width: 380rpx;
 }
-
 .hero-pill {
-    display: flex;
+    display: inline-flex;
     align-items: center;
     gap: 10rpx;
-    background: rgba(255, 255, 255, 0.22);
-    border-radius: 999rpx;
+    background: rgba(255, 255, 255, 0.12);
+    border: 1rpx solid rgba(255, 255, 255, 0.2);
+    border-radius: var(--radius-pill);
     padding: 18rpx 30rpx;
-    backdrop-filter: blur(8rpx);
-    min-height: 80rpx; /* 适老化：>= 44pt 触控目标 */
+    backdrop-filter: blur(12px);
+    min-height: 80rpx; /* 点击热区符合规范 */
     box-sizing: border-box;
+    transition: var(--transition-smooth);
     &:active {
-        background: rgba(255, 255, 255, 0.32);
+        background: rgba(255, 255, 255, 0.24);
+        transform: scale(0.96);
     }
     &.voice {
-        background: rgba(255, 255, 255, 0.32);
-        border: 2rpx solid rgba(255, 255, 255, 0.55);
+        background: rgba(255, 255, 255, 0.18);
+        border: 2rpx solid rgba(255, 255, 255, 0.4);
         padding: 16rpx 30rpx;
     }
     &.voice.speaking {
         background: #fbbf24;
         border-color: #fde68a;
+        color: var(--slate-900);
         animation: voice-pulse 1.4s ease-in-out infinite;
+        .hero-pill-text, .hero-pill-icon {
+            color: var(--slate-900);
+        }
     }
     &.voice.disabled {
-        opacity: 0.55;
+        opacity: 0.5;
     }
     &.input {
         background: #ffffff;
         border: 2rpx solid #ffffff;
         padding: 16rpx 32rpx;
-        box-shadow: 0 6rpx 18rpx rgba(15, 23, 42, 0.18);
+        box-shadow: 0 8rpx 20rpx rgba(15, 23, 42, 0.1);
         .hero-pill-icon {
-            color: #0ea5a4;
+            color: var(--primary);
             font-weight: 800;
             font-size: 38rpx;
         }
         .hero-pill-text {
-            color: #0ea5a4;
+            color: var(--primary);
             font-weight: 700;
         }
         &:active {
-            background: #f0fdfa;
+            background: var(--primary-light);
         }
     }
 }
-
 @keyframes voice-pulse {
-    0%, 100% {
-        box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.55);
-    }
-    50% {
-        box-shadow: 0 0 0 12rpx rgba(251, 191, 36, 0);
-    }
+    0%, 100% { box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.55); }
+    50% { box-shadow: 0 0 0 12rpx rgba(251, 191, 36, 0); }
 }
-
 .hero-pill-icon {
     font-size: 34rpx;
     color: #ffffff;
     line-height: 1;
 }
 .hero-pill-text {
-    font-size: 32rpx; /* 适老化：放大 */
+    font-size: 32rpx;
     color: #ffffff;
     font-weight: 600;
 }
 
-/* === 三大核心指标卡 === */
+/* === Bento 风格指标卡 === */
 .stat-grid {
     display: flex;
-    gap: 14rpx;
+    flex-wrap: wrap;
+    gap: 16rpx;
     margin: -60rpx 24rpx 0;
     position: relative;
     z-index: 3;
 }
-
 .stat-card {
-    flex: 1;
+    flex: 1 1 calc(50% - 8rpx);
     min-width: 0;
     background: #ffffff;
-    border-radius: 24rpx;
-    padding: 26rpx 18rpx 22rpx;
-    box-shadow: 0 14rpx 36rpx rgba(15, 23, 42, 0.12);
+    border-radius: var(--radius-card);
+    padding: 30rpx 24rpx 26rpx;
+    box-shadow: var(--shadow-premium);
     display: flex;
     flex-direction: column;
     gap: 12rpx;
     position: relative;
     overflow: hidden;
-    border-top: 6rpx solid transparent;
+    border-top: 8rpx solid transparent;
+    border: 1rpx solid rgba(15, 23, 42, 0.04);
+    box-sizing: border-box;
+    transition: var(--transition-smooth);
+    &:active {
+        transform: translateY(-2rpx);
+        box-shadow: 0 16rpx 36rpx rgba(15, 23, 42, 0.08);
+    }
 }
-
 .stat-card::before {
     content: '';
     position: absolute;
@@ -2469,117 +4048,125 @@ onUnload(() => {
     width: 120rpx;
     height: 120rpx;
     border-radius: 999rpx;
-    opacity: 0.08;
+    opacity: 0.06;
     pointer-events: none;
 }
-
 .stat-fasting {
-    border-top-color: #0ea5a4;
+    border-top-color: var(--primary);
+    &::before { background: var(--primary); }
 }
-.stat-fasting::before {
-    background: #0ea5a4;
-}
-
 .stat-postprandial {
-    border-top-color: #f59e0b;
+    border-top-color: var(--warning);
+    &::before { background: var(--warning); }
 }
-.stat-postprandial::before {
-    background: #f59e0b;
-}
-
 .stat-other {
-    border-top-color: #8b5cf6;
+    flex: 1 1 100% !important;
+    flex-direction: row !important;
+    align-items: center !important;
+    justify-content: space-between !important;
+    padding: 24rpx 32rpx !important;
+    border-top: none !important;
+    border-left: 8rpx solid var(--violet) !important;
+    gap: 16rpx !important;
+    &::before { display: none !important; }
+    .stat-card-head {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 12rpx;
+        flex: 1;
+    }
+    .stat-card-value-row {
+        margin-left: auto;
+        display: flex;
+        align-items: baseline;
+        gap: 6rpx;
+        margin-top: 0;
+    }
+    .stat-card-foot {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 12rpx;
+        margin-top: 0;
+    }
 }
-.stat-other::before {
-    background: #8b5cf6;
-}
-
 .stat-card.is-high {
-    box-shadow: 0 14rpx 36rpx rgba(220, 38, 38, 0.22);
+    box-shadow: var(--shadow-glow-danger);
+    border-color: rgba(239, 68, 68, 0.1);
 }
-
 .stat-card-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 8rpx;
 }
-
 .stat-card-tag {
     display: flex;
     align-items: center;
     gap: 6rpx;
 }
-
 .stat-card-tag-dot {
     width: 16rpx;
     height: 16rpx;
-    border-radius: 999rpx;
-}
-
-.stat-fasting .stat-card-tag-dot {
-    background: #0ea5a4;
-}
-.stat-postprandial .stat-card-tag-dot {
-    background: #f59e0b;
-}
-.stat-other .stat-card-tag-dot {
-    background: #8b5cf6;
+    border-radius: var(--radius-pill);
 }
+.stat-fasting .stat-card-tag-dot { background: var(--primary); }
+.stat-postprandial .stat-card-tag-dot { background: var(--warning); }
+.stat-other .stat-card-tag-dot { background: var(--violet); }
 
 .stat-card-tag-text {
-    font-size: 26rpx; /* 适老化：放大 */
-    color: #334155; /* 提升对比度 */
+    font-size: 26rpx;
+    color: var(--slate-900);
     font-weight: 700;
 }
-
 .stat-card-flag {
     display: inline-flex;
     align-items: center;
     gap: 4rpx;
     padding: 4rpx 12rpx 4rpx 8rpx;
-    border-radius: 999rpx;
-    background: linear-gradient(135deg, #ef4444, #dc2626);
-    box-shadow: 0 3rpx 10rpx rgba(220, 38, 38, 0.28);
+    border-radius: var(--radius-pill);
+    background: var(--danger-grad);
+    box-shadow: 0 4rpx 10rpx rgba(239, 68, 68, 0.2);
 }
-
 .stat-card-flag-icon {
     font-size: 20rpx;
     color: #ffffff;
     font-weight: 700;
     line-height: 1;
 }
-
 .stat-card-flag-text {
-    font-size: 22rpx; /* 适老化：放大 */
+    font-size: 22rpx;
     color: #ffffff;
     font-weight: 700;
 }
-
 .stat-card-value-row {
     display: flex;
     align-items: baseline;
     gap: 8rpx;
     flex-wrap: wrap;
 }
-
 .stat-card-value {
-    font-size: 56rpx; /* 适老化：放大数字主角 */
-    font-weight: 800;
-    color: #0f172a;
+    font-size: 60rpx; /* 更大数字 */
+    font-weight: 900;
+    background: linear-gradient(180deg, var(--slate-900) 0%, #334155 100%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
     line-height: 1.05;
     letter-spacing: -1rpx;
     &.is-high {
-        color: #dc2626;
+        background: var(--danger-grad);
+        -webkit-background-clip: text;
+        background-clip: text;
+        color: transparent;
     }
 }
-
 .stat-card-unit {
-    font-size: 24rpx; /* 适老化：放大 */
-    color: #64748b; /* 提升对比度 */
+    font-size: 24rpx;
+    color: var(--slate-600);
     font-weight: 600;
 }
-
 .stat-card-foot {
     display: flex;
     align-items: center;
@@ -2587,20 +4174,19 @@ onUnload(() => {
     gap: 8rpx;
     margin-top: 4rpx;
 }
-
 .stat-card-date {
-    font-size: 24rpx; /* 适老化：放大 */
-    color: #64748b; /* 提升对比度 */
+    font-size: 24rpx;
+    color: var(--slate-600);
     font-weight: 500;
 }
-
 .stat-card-trend {
     display: inline-flex;
     align-items: center;
     gap: 4rpx;
     padding: 6rpx 12rpx 6rpx 9rpx;
-    border-radius: 999rpx;
-    background: #f1f5f9;
+    border-radius: var(--radius-pill);
+    background: var(--slate-100);
+    transition: var(--transition-smooth);
     &.trend-up {
         background: #fef3c7;
         .stat-card-trend-arrow,
@@ -2618,87 +4204,79 @@ onUnload(() => {
     &.trend-flat {
         .stat-card-trend-arrow,
         .stat-card-trend-delta {
-            color: #475569;
+            color: var(--slate-600);
         }
     }
 }
-
 .stat-card-trend-arrow {
-    font-size: 24rpx; /* 适老化：放大 */
+    font-size: 24rpx;
     font-weight: 800;
     line-height: 1;
 }
-
 .stat-card-trend-delta {
     font-size: 24rpx;
     font-weight: 600;
 }
 
-/* === 就诊卡切换器（精简版）=== */
+/* === 就诊卡选择器 === */
 .card-switcher {
     display: flex;
     align-items: center;
     gap: 16rpx;
     margin: 22rpx 24rpx 0;
-    padding: 14rpx 22rpx;
-    background: #ffffff;
-    border-radius: 999rpx;
-    box-shadow: 0 4rpx 14rpx rgba(15, 23, 42, 0.05);
+    padding: 8rpx 12rpx;
+    background: transparent;
+    border-radius: 0;
+    box-shadow: none;
 }
-
 .card-switcher-head {
     display: flex;
     align-items: center;
     gap: 8rpx;
     flex-shrink: 0;
     padding-right: 10rpx;
-    border-right: 2rpx solid #e2e8f0;
+    border-right: 2rpx solid var(--slate-200);
 }
-
 .card-switcher-label {
-    font-size: 28rpx; /* 适老化：放大 */
-    color: #0f172a;
+    font-size: 28rpx;
+    color: var(--slate-900);
     font-weight: 700;
 }
-
 .card-switcher-count {
-    font-size: 24rpx; /* 适老化：放大 */
-    color: #64748b;
-    background: #f1f5f9;
+    font-size: 24rpx;
+    color: var(--slate-600);
+    background: var(--slate-100);
     padding: 4rpx 14rpx;
-    border-radius: 999rpx;
+    border-radius: var(--radius-pill);
     font-weight: 600;
 }
-
 .card-switcher-scroll {
     flex: 1;
     min-width: 0;
     white-space: nowrap;
 }
-
 .card-chip-row {
     display: inline-flex;
     flex-wrap: nowrap;
     gap: 8rpx;
     padding: 2rpx;
 }
-
 .card-chip {
     flex-shrink: 0;
     display: inline-flex;
     align-items: center;
     gap: 8rpx;
-    padding: 16rpx 24rpx; /* 适老化：扩大触控区 */
-    border-radius: 999rpx;
-    background: #f1f5f9;
-    border: 2rpx solid transparent;
-    transition: all 0.2s;
+    padding: 16rpx 28rpx;
+    border-radius: var(--radius-pill);
+    background: #ffffff;
+    border: 1rpx solid var(--slate-200);
+    transition: var(--transition-smooth);
     min-height: 68rpx;
     box-sizing: border-box;
     &.active {
-        background: linear-gradient(135deg, #0ea5a4, #0891b2);
+        background: var(--primary-grad);
         border-color: transparent;
-        box-shadow: 0 4rpx 12rpx rgba(14, 165, 164, 0.32);
+        box-shadow: var(--shadow-glow-primary);
         .card-chip-name,
         .card-chip-meta {
             color: #ffffff;
@@ -2708,17 +4286,15 @@ onUnload(() => {
         transform: scale(0.96);
     }
 }
-
 .card-chip-name {
-    font-size: 28rpx; /* 适老化：放大 */
+    font-size: 28rpx;
     font-weight: 700;
     color: #1e293b;
     line-height: 1.1;
 }
-
 .card-chip-meta {
-    font-size: 24rpx; /* 适老化：放大 */
-    color: #64748b;
+    font-size: 24rpx;
+    color: var(--slate-600);
     line-height: 1.1;
 }
 
@@ -2727,142 +4303,19 @@ onUnload(() => {
     gap: 12rpx;
     margin: 22rpx 24rpx 0;
     background: #ffffff;
-    border-radius: 999rpx;
+    border-radius: var(--radius-pill);
     padding: 10rpx;
-    box-shadow: 0 4rpx 14rpx rgba(15, 23, 42, 0.05);
+    box-shadow: var(--shadow-sm);
+    border: 1rpx solid var(--slate-100);
     position: relative;
     z-index: 2;
 }
-
-.voice-bar {
-    margin: 22rpx 24rpx 0;
-    background: #ffffff;
-    border-radius: 24rpx;
-    padding: 26rpx 26rpx;
-    box-shadow: 0 6rpx 20rpx rgba(15, 23, 42, 0.04);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 18rpx;
-    border: 2rpx solid #e0f2fe;
-}
-
-.voice-bar-left {
-    display: flex;
-    align-items: center;
-    gap: 16rpx;
-    flex: 1;
-    min-width: 0;
-}
-
-.voice-bar-icon {
-    font-size: 48rpx;
-    line-height: 1;
-}
-
-.voice-bar-text {
-    display: flex;
-    flex-direction: column;
-    gap: 4rpx;
-    min-width: 0;
-}
-
-.voice-bar-title {
-    font-size: 34rpx; /* 适老化：放大 */
-    font-weight: 700;
-    color: #0f172a;
-}
-
-.voice-bar-hint {
-    font-size: 26rpx; /* 适老化：放大 */
-    color: #475569; /* 提升对比度 */
-    margin-top: 4rpx;
-}
-
-.voice-bar-actions {
-    display: flex;
-    align-items: center;
-    gap: 16rpx;
-    flex-shrink: 0;
-}
-
-.voice-switch {
-    display: flex;
-    align-items: center;
-    gap: 12rpx;
-    padding: 10rpx 12rpx 10rpx 18rpx;
-    border-radius: 999rpx;
-    background: #f1f5f9;
-    transition: background 0.2s;
-    min-height: 76rpx;
-    box-sizing: border-box;
-    &.on {
-        background: linear-gradient(135deg, #fef3c7, #fde68a);
-    }
-}
-
-.voice-switch-label {
-    font-size: 28rpx; /* 适老化：放大 */
-    color: #1e293b;
-    font-weight: 700;
-}
-
-.voice-switch-track {
-    width: 76rpx;
-    height: 40rpx;
-    background: #cbd5e1;
-    border-radius: 999rpx;
-    position: relative;
-    transition: background 0.2s;
-    .voice-switch.on & {
-        background: #f59e0b;
-    }
-}
-
-.voice-switch-knob {
-    position: absolute;
-    width: 32rpx;
-    height: 32rpx;
-    border-radius: 999rpx;
-    background: #ffffff;
-    top: 4rpx;
-    left: 4rpx;
-    box-shadow: 0 2rpx 6rpx rgba(15, 23, 42, 0.2);
-    transition: transform 0.2s;
-    .voice-switch.on & {
-        transform: translateX(36rpx);
-    }
-}
-
-.voice-toggle {
-    width: 76rpx;
-    height: 76rpx;
-    border-radius: 999rpx;
-    background: linear-gradient(135deg, #0ea5a4, #0891b2);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-shadow: 0 6rpx 16rpx rgba(14, 165, 164, 0.28);
-    &.off {
-        background: #cbd5e1;
-        box-shadow: none;
-    }
-    &:active {
-        transform: scale(0.95);
-    }
-}
-
-.voice-toggle-icon {
-    font-size: 36rpx;
-    color: #ffffff;
-    line-height: 1;
-}
 .range-item {
     flex: 1;
     text-align: center;
-    padding: 22rpx 0; /* 适老化：扩大触控区 */
-    border-radius: 999rpx;
-    font-size: 32rpx; /* 适老化：放大 */
+    padding: 22rpx 0;
+    border-radius: var(--radius-pill);
+    font-size: 32rpx;
     color: #334155;
     font-weight: 600;
     min-height: 76rpx;
@@ -2870,39 +4323,158 @@ onUnload(() => {
     display: flex;
     align-items: center;
     justify-content: center;
+    transition: var(--transition-smooth);
     &.active {
-        background: linear-gradient(135deg, #0ea5a4, #0891b2);
+        background: var(--primary-grad);
         color: #ffffff;
         font-weight: 700;
-        box-shadow: 0 4rpx 12rpx rgba(14, 165, 164, 0.35);
+        box-shadow: var(--shadow-glow-primary);
     }
     &:active:not(.active) {
-        background: #f1f5f9;
+        background: var(--slate-100);
     }
 }
 
+/* === 语音播报设置 === */
+.voice-bar {
+    margin: 22rpx 24rpx 0;
+    background: #ffffff;
+    border-radius: var(--radius-card);
+    padding: 26rpx;
+    box-shadow: var(--shadow-premium);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 18rpx;
+    border: 2rpx solid #e0f2fe;
+    transition: var(--transition-smooth);
+    &:active {
+        border-color: #bae6fd;
+    }
+}
+.voice-bar-left {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    flex: 1;
+    min-width: 0;
+}
+.voice-bar-icon {
+    font-size: 48rpx;
+    line-height: 1;
+}
+.voice-bar-text {
+    display: flex;
+    flex-direction: column;
+    gap: 4rpx;
+    min-width: 0;
+}
+.voice-bar-title {
+    font-size: 34rpx;
+    font-weight: 700;
+    color: var(--slate-900);
+}
+.voice-bar-hint {
+    font-size: 26rpx;
+    color: var(--slate-600);
+    margin-top: 4rpx;
+}
+.voice-bar-actions {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    flex-shrink: 0;
+}
+.voice-switch {
+    display: flex;
+    align-items: center;
+    gap: 12rpx;
+    padding: 10rpx 12rpx 10rpx 18rpx;
+    border-radius: var(--radius-pill);
+    background: var(--slate-100);
+    transition: var(--transition-smooth);
+    min-height: 76rpx;
+    box-sizing: border-box;
+    &.on {
+        background: linear-gradient(135deg, #fef3c7, #fde68a);
+    }
+}
+.voice-switch-label {
+    font-size: 28rpx;
+    color: #1e293b;
+    font-weight: 700;
+}
+.voice-switch-track {
+    width: 80rpx;
+    height: 44rpx;
+    background: var(--slate-300);
+    border-radius: var(--radius-pill);
+    position: relative;
+    transition: var(--transition-smooth);
+    .voice-switch.on & {
+        background: var(--warning);
+    }
+}
+.voice-switch-knob {
+    position: absolute;
+    width: 36rpx;
+    height: 36rpx;
+    border-radius: var(--radius-pill);
+    background: #ffffff;
+    top: 4rpx;
+    left: 4rpx;
+    box-shadow: 0 2rpx 6rpx rgba(15, 23, 42, 0.15);
+    transition: var(--transition-smooth);
+    .voice-switch.on & {
+        transform: translateX(36rpx);
+    }
+}
+.voice-toggle {
+    width: 76rpx;
+    height: 76rpx;
+    border-radius: var(--radius-pill);
+    background: var(--primary-grad);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: var(--shadow-glow-primary);
+    transition: var(--transition-smooth);
+    &.off {
+        background: var(--slate-400);
+        box-shadow: none;
+    }
+    &:active {
+        transform: scale(0.95);
+    }
+}
+.voice-toggle-icon {
+    font-size: 36rpx;
+    color: #ffffff;
+    line-height: 1;
+}
+
 .card {
     background: #ffffff;
-    border-radius: 24rpx;
+    border-radius: var(--radius-card);
     margin: 28rpx 24rpx 0;
-    padding: 30rpx 28rpx; /* 适老化：增加内边距 */
-    box-shadow: 0 6rpx 20rpx rgba(15, 23, 42, 0.04);
+    padding: 30rpx 28rpx;
+    box-shadow: var(--shadow-premium);
     animation: card-rise 0.45s ease-out both;
 }
 
-/* 让各卡片错位出现，营造层次感 */
-.streak-strip { animation: card-rise 0.45s ease-out 0.05s both; }
-.card-switcher { animation: card-rise 0.45s ease-out 0.10s both; }
-.range-bar { animation: card-rise 0.4s ease-out 0.14s both; }
-.voice-bar { animation: card-rise 0.4s ease-out 0.18s both; }
-.chart-card { animation: card-rise 0.5s ease-out 0.20s both; }
-.calendar-card { animation: card-rise 0.5s ease-out 0.25s both; }
-.records-section { animation: card-rise 0.5s ease-out 0.30s both; }
+/* 动效延迟展现列表，视觉更灵动 */
+.streak-strip { animation: card-rise 0.45s ease-out 0.03s both; }
+.card-switcher { animation: card-rise 0.45s ease-out 0.06s both; }
+.range-bar { animation: card-rise 0.4s ease-out 0.08s both; }
+.voice-bar { animation: card-rise 0.4s ease-out 0.10s both; }
+.chart-card { animation: card-rise 0.5s ease-out 0.12s both; }
+.calendar-card { animation: card-rise 0.5s ease-out 0.14s both; }
+.records-section { animation: card-rise 0.5s ease-out 0.16s both; }
 
 @keyframes card-rise {
     from {
         opacity: 0;
-        transform: translateY(8rpx); /* 适老化：减小位移 */
+        transform: translateY(16rpx);
     }
     to {
         opacity: 1;
@@ -2913,7 +4485,7 @@ onUnload(() => {
 @keyframes stat-card-pop {
     from {
         opacity: 0;
-        transform: translateY(20rpx) scale(0.96);
+        transform: translateY(24rpx) scale(0.96);
     }
     to {
         opacity: 1;
@@ -2922,58 +4494,47 @@ onUnload(() => {
 }
 
 .stat-card {
-    animation: stat-card-pop 0.5s ease-out both;
+    animation: stat-card-pop 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
 }
-.stat-card.stat-fasting { animation-delay: 0.06s; }
-.stat-card.stat-postprandial { animation-delay: 0.14s; }
-.stat-card.stat-other { animation-delay: 0.22s; }
+.stat-fasting { animation-delay: 0.04s; }
+.stat-postprandial { animation-delay: 0.08s; }
+.stat-other { animation-delay: 0.12s; }
 
 .card-head {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
-
 .card-title {
-    font-size: 36rpx; /* 适老化：放大区块标题 */
+    font-size: 36rpx;
     font-weight: 800;
-    color: #0f172a;
+    color: var(--slate-900);
     letter-spacing: 0.5rpx;
 }
-
 .card-subtitle {
     display: block;
-    font-size: 26rpx; /* 适老化：放大 */
-    color: #64748b; /* 提升对比度 */
+    font-size: 26rpx;
+    color: var(--slate-600);
     margin-top: 6rpx;
 }
-
 .card-legend {
     display: flex;
     gap: 18rpx;
 }
-
 .legend-item {
     display: flex;
     align-items: center;
     gap: 8rpx;
     font-size: 22rpx;
-    color: #475569;
+    color: var(--slate-600);
 }
-
 .legend-dot {
     width: 16rpx;
     height: 16rpx;
-    border-radius: 999rpx;
-}
-
-.legend-dot-fasting {
-    background: #0ea5a4;
-}
-
-.legend-dot-postprandial {
-    background: #f59e0b;
+    border-radius: var(--radius-pill);
 }
+.legend-dot-fasting { background: var(--primary); }
+.legend-dot-postprandial { background: var(--warning); }
 
 .chart-summary {
     display: flex;
@@ -2981,7 +4542,7 @@ onUnload(() => {
     gap: 0;
     margin-top: 18rpx;
     padding: 16rpx 4rpx;
-    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+    background: linear-gradient(135deg, var(--slate-50) 0%, var(--slate-100) 100%);
     border-radius: 18rpx;
     border: 1rpx solid #eef2f5;
 }
@@ -3001,24 +4562,24 @@ onUnload(() => {
     top: 18%;
     bottom: 18%;
     width: 1rpx;
-    background: #e2e8f0;
+    background: var(--slate-200);
 }
 .chart-summary-num {
-    font-size: 44rpx; /* 适老化：放大 */
+    font-size: 44rpx;
     font-weight: 800;
-    color: #0f172a;
+    color: var(--slate-900);
     line-height: 1.1;
     letter-spacing: -0.5rpx;
 }
 .chart-summary-item:first-child .chart-summary-num {
-    color: #dc2626;
+    color: var(--danger);
 }
 .chart-summary-item:nth-child(2) .chart-summary-num {
-    color: #0ea5a4;
+    color: var(--primary);
 }
 .chart-summary-label {
-    font-size: 24rpx; /* 适老化：放大 */
-    color: #64748b; /* 提升对比度 */
+    font-size: 24rpx;
+    color: var(--slate-600);
     letter-spacing: 1rpx;
     font-weight: 500;
     margin-top: 4rpx;
@@ -3030,27 +4591,26 @@ onUnload(() => {
     height: 460rpx;
     margin-top: 22rpx;
 }
-
 .chart-canvas-placeholder {
     position: absolute;
     inset: 0;
     display: flex;
     align-items: center;
     justify-content: center;
-    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
+    background: linear-gradient(180deg, var(--slate-50) 0%, var(--slate-100) 100%);
     border-radius: 18rpx;
-    color: #64748b;
+    color: var(--slate-600);
     font-size: 28rpx;
     letter-spacing: 1rpx;
     font-weight: 500;
 }
-
 .chart-canvas {
     width: 100%;
     height: 100%;
     display: block;
+    position: relative;
+    z-index: 1;
 }
-
 .chart-empty {
     position: absolute;
     inset: 0;
@@ -3059,17 +4619,16 @@ onUnload(() => {
     align-items: center;
     justify-content: center;
     gap: 14rpx;
-    color: #64748b;
+    color: var(--slate-600);
 }
 .chart-empty-icon {
     font-size: 72rpx;
 }
 .chart-empty-text {
-    font-size: 30rpx; /* 适老化：放大空状态文案 */
-    color: #475569;
+    font-size: 30rpx;
+    color: var(--slate-600);
     font-weight: 500;
 }
-
 .chart-tip {
     position: absolute;
     min-width: 220rpx;
@@ -3079,10 +4638,10 @@ onUnload(() => {
     border-radius: 12rpx;
     box-shadow: 0 8rpx 24rpx rgba(15, 23, 42, 0.18);
     pointer-events: none;
-    z-index: 10;
+    z-index: 999;
 }
 .chart-tip-date {
-    font-size: 26rpx; /* 适老化：放大 */
+    font-size: 26rpx;
     color: rgba(255, 255, 255, 0.9);
     font-weight: 600;
 }
@@ -3093,15 +4652,15 @@ onUnload(() => {
     margin-top: 8rpx;
 }
 .chart-tip-text {
-    font-size: 28rpx; /* 适老化：放大气泡正文 */
+    font-size: 28rpx;
     color: #ffffff;
     font-weight: 500;
 }
 
+/* === 日常记录列表样式 === */
 .records-section {
     margin: 28rpx 24rpx 0;
 }
-
 .records-head {
     display: flex;
     align-items: center;
@@ -3110,214 +4669,203 @@ onUnload(() => {
     padding: 0 6rpx;
 }
 .records-count {
-    font-size: 28rpx; /* 适老化：放大 */
-    color: #475569;
+    font-size: 28rpx;
+    color: var(--slate-600);
     font-weight: 600;
 }
-
 .day-card {
     background: #ffffff;
-    border-radius: 24rpx;
+    border-radius: 28rpx;
     padding: 30rpx 28rpx;
     margin-bottom: 22rpx;
-    box-shadow: 0 6rpx 20rpx rgba(15, 23, 42, 0.04);
+    box-shadow: var(--shadow-premium);
+    border: var(--border-premium);
 }
-
 .day-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 14rpx;
-    border-bottom: 1rpx dashed #e2e8f0;
+    border-bottom: 1rpx solid var(--slate-100);
     padding-bottom: 12rpx;
 }
-
 .day-head-left {
     display: flex;
     align-items: center;
     gap: 10rpx;
 }
-
 .day-date {
-    font-size: 36rpx; /* 适老化：放大 */
+    font-size: 36rpx;
     font-weight: 800;
-    color: #0f172a;
+    color: var(--slate-900);
 }
-
 .day-today-pill {
-    font-size: 24rpx; /* 适老化：放大 */
+    font-size: 24rpx;
     padding: 4rpx 16rpx;
-    border-radius: 999rpx;
-    background: #0ea5a4;
+    border-radius: var(--radius-pill);
+    background: var(--primary-grad);
     color: #ffffff;
     font-weight: 600;
+    box-shadow: var(--shadow-glow-primary);
 }
-
 .day-head-right {
     display: flex;
     align-items: center;
     gap: 14rpx;
 }
-
 .day-weekday {
-    font-size: 26rpx; /* 适老化：放大 */
-    color: #64748b;
+    font-size: 26rpx;
+    color: var(--slate-600);
     font-weight: 500;
 }
-
 .day-speak-btn {
     display: flex;
     align-items: center;
     gap: 8rpx;
-    padding: 16rpx 24rpx; /* 适老化：扩大触控区 */
-    border-radius: 999rpx;
-    background: linear-gradient(135deg, #0ea5a4, #0891b2);
-    box-shadow: 0 4rpx 12rpx rgba(14, 165, 164, 0.22);
-    min-height: 72rpx;
+    padding: 14rpx 28rpx;
+    border-radius: var(--radius-pill);
+    background: var(--primary-light);
+    border: 1rpx solid rgba(13, 148, 136, 0.2);
+    box-shadow: none;
+    min-height: 64rpx;
     box-sizing: border-box;
+    transition: var(--transition-smooth);
+    .day-speak-icon {
+        font-size: 26rpx;
+        color: var(--primary);
+    }
+    .day-speak-text {
+        font-size: 26rpx;
+        color: var(--primary);
+        font-weight: 700;
+    }
     &:active {
+        background: var(--primary-glow);
         transform: scale(0.96);
     }
 }
-
-.day-speak-icon {
-    font-size: 30rpx;
-    color: #ffffff;
-    line-height: 1;
-}
-
-.day-speak-text {
-    font-size: 28rpx; /* 适老化：放大 */
-    color: #ffffff;
-    font-weight: 700;
-}
-
 .day-block {
-    margin-top: 16rpx;
-    padding: 16rpx 18rpx;
-    background: #f8fafc;
-    border-radius: 16rpx;
+    margin-top: 18rpx;
+    padding: 24rpx;
+    background: var(--slate-50);
+    border-radius: 20rpx;
+    border: 1rpx solid var(--slate-100);
 }
-
 .day-block-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
-
 .day-block-tag {
-    font-size: 26rpx; /* 适老化：放大 */
-    padding: 6rpx 20rpx;
-    border-radius: 999rpx;
-    color: #ffffff;
-    font-weight: 600;
+    font-size: 24rpx;
+    padding: 8rpx 20rpx;
+    border-radius: var(--radius-pill);
+    font-weight: 700;
+    line-height: 1;
     &.tag-blood {
-        background: #0ea5a4;
+        background: var(--primary-light);
+        color: var(--primary);
+        border: 1rpx solid rgba(13, 148, 136, 0.15);
     }
     &.tag-diet {
-        background: #f59e0b;
+        background: var(--warning-light);
+        color: #d97706;
+        border: 1rpx solid rgba(245, 158, 11, 0.15);
     }
     &.tag-exercise {
-        background: #6366f1;
+        background: var(--violet-light);
+        color: #4f46e5;
+        border: 1rpx solid rgba(99, 102, 241, 0.15);
     }
     &.tag-tracking {
-        background: #64748b;
+        background: var(--slate-100);
+        color: var(--slate-600);
+        border: 1rpx solid var(--slate-200);
     }
 }
-
 .day-block-time {
-    font-size: 26rpx; /* 适老化：放大 */
-    color: #64748b;
+    font-size: 26rpx;
+    color: var(--slate-600);
     font-weight: 500;
 }
-
 .metric-grid {
     display: flex;
     flex-wrap: wrap;
     gap: 12rpx;
     margin-top: 14rpx;
 }
-
 .metric-cell {
     flex: 1 1 calc(50% - 6rpx);
     background: #ffffff;
     border-radius: 14rpx;
     padding: 18rpx 18rpx 16rpx;
     position: relative;
+    border: 1rpx solid var(--slate-100);
 }
-
 .metric-row-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 8rpx;
 }
-
 .metric-label {
-    font-size: 26rpx; /* 适老化：放大 */
-    color: #475569; /* 提升对比度 */
+    font-size: 26rpx;
+    color: var(--slate-600);
     font-weight: 600;
 }
-
 .metric-flag {
     display: inline-flex;
     align-items: center;
     gap: 4rpx;
     padding: 2rpx 10rpx 2rpx 6rpx;
-    border-radius: 999rpx;
-    background: #fee2e2;
+    border-radius: var(--radius-pill);
+    background: var(--danger-light);
     border: 1rpx solid #fecaca;
     &.up {
-        background: linear-gradient(135deg, #ef4444, #dc2626);
+        background: var(--danger-grad);
         border-color: transparent;
-        box-shadow: 0 4rpx 12rpx rgba(220, 38, 38, 0.28);
+        box-shadow: var(--shadow-glow-danger);
     }
 }
-
 .metric-flag-icon {
     font-size: 16rpx;
     color: #ffffff;
     font-weight: 700;
     line-height: 1;
 }
-
 .metric-flag-text {
     font-size: 18rpx;
     color: #ffffff;
     font-weight: 600;
 }
-
 .metric-value-row {
     display: flex;
     align-items: baseline;
     gap: 6rpx;
     margin-top: 6rpx;
 }
-
 .metric-value {
-    font-size: 40rpx; /* 适老化：放大主角数字 */
+    font-size: 40rpx;
     font-weight: 800;
-    color: #0f172a;
+    color: var(--slate-900);
     line-height: 1.1;
     &.is-high {
-        color: #dc2626;
+        color: var(--danger);
     }
 }
-
 .metric-unit {
-    font-size: 24rpx; /* 适老化：放大 */
-    color: #64748b; /* 提升对比度 */
+    font-size: 24rpx;
+    color: var(--slate-600);
     font-weight: 500;
 }
-
 .metric-trend {
     display: inline-flex;
     align-items: center;
     gap: 4rpx;
     margin-top: 10rpx;
     padding: 2rpx 12rpx 2rpx 8rpx;
-    border-radius: 999rpx;
-    background: #f1f5f9;
+    border-radius: var(--radius-pill);
+    background: var(--slate-100);
     border: 1rpx solid transparent;
     &.trend-up {
         background: #fef3c7;
@@ -3336,78 +4884,67 @@ onUnload(() => {
         }
     }
     &.trend-flat {
-        background: #f1f5f9;
-        border-color: #e2e8f0;
+        background: var(--slate-100);
+        border-color: var(--slate-200);
         .metric-trend-arrow,
         .metric-trend-text {
-            color: #64748b;
+            color: var(--slate-600);
         }
     }
 }
-
 .metric-trend-arrow {
     font-size: 20rpx;
     font-weight: 700;
     line-height: 1;
 }
-
 .metric-trend-text {
-    font-size: 24rpx; /* 适老化：放大 */
+    font-size: 24rpx;
     font-weight: 700;
 }
-
 .day-meta-row {
     display: flex;
     flex-wrap: wrap;
     gap: 10rpx;
     margin-top: 14rpx;
 }
-
 .meta-chip {
     font-size: 22rpx;
-    color: #475569;
+    color: var(--slate-600);
     background: #ffffff;
-    border-radius: 999rpx;
+    border-radius: var(--radius-pill);
     padding: 6rpx 18rpx;
-    border: 1rpx solid #e2e8f0;
+    border: 1rpx solid var(--slate-200);
 }
-
 .day-remark {
     margin-top: 14rpx;
-    font-size: 28rpx; /* 适老化：放大正文 */
-    color: #334155; /* 提升对比度 */
+    font-size: 28rpx;
+    color: var(--slate-900);
     line-height: 1.7;
 }
-
 .diet-rows {
     margin-top: 14rpx;
     display: flex;
     flex-direction: column;
     gap: 10rpx;
 }
-
 .diet-row {
     display: flex;
     gap: 10rpx;
     align-items: flex-start;
 }
-
 .diet-meal {
     flex-shrink: 0;
     width: 140rpx;
-    font-size: 28rpx; /* 适老化：放大 */
-    color: #b45309; /* 提升对比度 */
+    font-size: 28rpx;
+    color: #b45309;
     font-weight: 700;
-    font-weight: 600;
 }
-
 .diet-text {
     flex: 1;
-    font-size: 28rpx; /* 适老化：放大正文 */
-    color: #0f172a;
+    font-size: 28rpx;
+    color: var(--slate-900);
     line-height: 1.7;
 }
-
 .exercise-row {
     display: flex;
     flex-wrap: wrap;
@@ -3415,98 +4952,91 @@ onUnload(() => {
     gap: 12rpx;
     margin-top: 14rpx;
 }
-
 .exercise-type {
     font-size: 26rpx;
-    color: #1f2937;
+    color: var(--slate-900);
     font-weight: 600;
 }
-
 .exercise-duration {
     font-size: 24rpx;
-    color: #6366f1;
-    background: #eef2ff;
-    border-radius: 999rpx;
+    color: var(--violet);
+    background: var(--violet-light);
+    border-radius: var(--radius-pill);
     padding: 4rpx 16rpx;
+    font-weight: 600;
 }
-
 .exercise-intensity {
     font-size: 24rpx;
-    color: #475569;
+    color: var(--slate-600);
+    font-weight: 500;
 }
-
 .tracking-content {
     margin-top: 12rpx;
     display: flex;
     flex-direction: column;
     gap: 6rpx;
 }
-
 .tracking-line {
-    font-size: 28rpx; /* 适老化：放大正文 */
-    color: #0f172a;
+    font-size: 28rpx;
+    color: var(--slate-900);
     line-height: 1.7;
     word-break: break-all;
 }
-
 .state-card {
     background: #ffffff;
-    border-radius: 24rpx;
+    border-radius: var(--radius-card);
     padding: 60rpx 24rpx;
     text-align: center;
-    box-shadow: 0 6rpx 20rpx rgba(15, 23, 42, 0.04);
+    box-shadow: var(--shadow-premium);
+    border: var(--border-premium);
 }
-
 .state-icon {
     display: block;
     font-size: 76rpx;
     margin-bottom: 16rpx;
 }
-
 .state-text {
-    font-size: 30rpx; /* 适老化：放大空状态 */
-    color: #475569;
+    font-size: 30rpx;
+    color: var(--slate-600);
     font-weight: 500;
 }
-
 .footer-tip {
     text-align: center;
-    font-size: 24rpx; /* 适老化：放大 */
-    color: #64748b;
+    font-size: 24rpx;
+    color: var(--slate-400);
     margin-top: 40rpx;
     line-height: 1.6;
 }
 
-/* === Hero 装饰圆（静态，适老化：去掉漂浮动画避免视觉干扰）=== */
+/* === 顶部 Hero 漂浮小饰品 === */
 .hero-orb {
     position: absolute;
     border-radius: 50%;
-    background: rgba(255, 255, 255, 0.10);
+    background: rgba(255, 255, 255, 0.08);
     pointer-events: none;
-    filter: blur(2rpx);
+    filter: blur(4rpx);
 }
 .hero-orb-1 {
     width: 220rpx;
     height: 220rpx;
     top: -60rpx;
     right: -40rpx;
-    background: rgba(255, 255, 255, 0.14);
+    background: rgba(255, 255, 255, 0.12);
 }
 .hero-orb-2 {
     width: 140rpx;
     height: 140rpx;
     top: 40rpx;
     right: 240rpx;
-    background: rgba(253, 224, 71, 0.14);
+    background: rgba(253, 224, 71, 0.1);
 }
 .hero-orb-3 {
     width: 90rpx;
     height: 90rpx;
     bottom: 30rpx;
     left: 40%;
-    background: rgba(255, 255, 255, 0.10);
+    background: rgba(255, 255, 255, 0.08);
 }
-
 .hero-greet-row {
     display: flex;
     align-items: center;
@@ -3522,7 +5052,6 @@ onUnload(() => {
     letter-spacing: 2rpx;
     font-weight: 500;
 }
-
 .hero-subtitle-row {
     display: flex;
     align-items: center;
@@ -3530,32 +5059,31 @@ onUnload(() => {
     margin-top: 10rpx;
     flex-wrap: wrap;
 }
-
 .hero-status-chip {
     display: inline-flex;
     align-items: center;
     gap: 8rpx;
     padding: 8rpx 18rpx 8rpx 12rpx;
-    border-radius: 999rpx;
-    font-size: 28rpx; /* 适老化：放大 */
+    border-radius: var(--radius-pill);
+    font-size: 28rpx;
     font-weight: 600;
-    backdrop-filter: blur(8rpx);
+    backdrop-filter: blur(8px);
     &.done {
-        background: rgba(34, 197, 94, 0.28);
+        background: rgba(34, 197, 94, 0.25);
         color: #ffffff;
-        border: 1rpx solid rgba(187, 247, 208, 0.6);
+        border: 1rpx solid rgba(187, 247, 208, 0.5);
     }
     &.pending {
-        background: rgba(251, 191, 36, 0.32);
+        background: rgba(251, 191, 36, 0.28);
         color: #ffffff;
-        border: 1rpx solid rgba(253, 230, 138, 0.6);
+        border: 1rpx solid rgba(253, 230, 138, 0.5);
     }
 }
 .hero-status-icon {
     width: 36rpx;
     height: 36rpx;
-    border-radius: 999rpx;
-    background: rgba(255, 255, 255, 0.42);
+    border-radius: var(--radius-pill);
+    background: rgba(255, 255, 255, 0.4);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -3567,26 +5095,26 @@ onUnload(() => {
     line-height: 1.2;
 }
 
-/* === 打卡条 streak strip === */
+/* === 打卡条 === */
 .streak-strip {
     position: relative;
     margin: 22rpx 24rpx 0;
-    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
-    border: 1rpx solid #eef2f5;
-    border-radius: 24rpx;
-    padding: 28rpx 28rpx;
+    background: linear-gradient(135deg, #ffffff 0%, var(--primary-light) 100%);
+    border: 1rpx solid rgba(13, 148, 136, 0.12);
+    border-radius: var(--radius-card);
+    padding: 32rpx;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20rpx;
-    box-shadow: 0 6rpx 18rpx rgba(15, 23, 42, 0.06);
+    box-shadow: 0 10rpx 30rpx rgba(13, 148, 136, 0.05);
     overflow: hidden;
-    min-height: 132rpx; /* 适老化：保证点击区足够大 */
+    min-height: 132rpx;
     box-sizing: border-box;
+    transition: var(--transition-smooth);
     &:active {
         transform: scale(0.99);
     }
-    /* 右上角装饰光晕 */
     &::after {
         content: '';
         position: absolute;
@@ -3595,7 +5123,7 @@ onUnload(() => {
         width: 160rpx;
         height: 160rpx;
         border-radius: 50%;
-        background: radial-gradient(circle, rgba(251, 191, 36, 0.18) 0%, rgba(251, 191, 36, 0) 70%);
+        background: radial-gradient(circle, rgba(251, 191, 36, 0.15) 0%, rgba(251, 191, 36, 0) 70%);
         pointer-events: none;
     }
 }
@@ -3617,8 +5145,7 @@ onUnload(() => {
     flex-shrink: 0;
     &.active {
         background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
-        box-shadow: 0 6rpx 14rpx rgba(249, 115, 22, 0.42), inset 0 -3rpx 0 rgba(0, 0, 0, 0.08);
-        /* 适老化：去掉摇晃动画，避免视觉疲劳 */
+        box-shadow: 0 6rpx 14rpx rgba(249, 115, 22, 0.35), inset 0 -3rpx 0 rgba(0, 0, 0, 0.08);
     }
 }
 .streak-flame-icon {
@@ -3637,36 +5164,35 @@ onUnload(() => {
     flex-wrap: wrap;
 }
 .streak-num {
-    font-size: 64rpx; /* 适老化：放大主角数字 */
+    font-size: 64rpx;
     font-weight: 800;
     line-height: 1;
     letter-spacing: -1rpx;
-    background: linear-gradient(135deg, #0ea5a4 0%, #0d9488 100%);
+    background: var(--primary-grad);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
 }
 .streak-num-unit {
-    font-size: 32rpx; /* 适老化：放大 */
-    color: #475569;
+    font-size: 32rpx;
+    color: var(--slate-900);
     font-weight: 700;
 }
 .streak-hint {
     margin-left: 8rpx;
-    font-size: 22rpx; /* 适老化：放大 */
-    color: #64748b;
-    background: #f1f5f9;
-    border-radius: 999rpx;
+    font-size: 22rpx;
+    color: var(--slate-600);
+    background: var(--slate-100);
+    border-radius: var(--radius-pill);
     padding: 4rpx 14rpx;
     font-weight: 500;
 }
 .streak-label {
-    font-size: 26rpx; /* 适老化：放大 */
-    color: #475569; /* 提升对比度 */
+    font-size: 26rpx;
+    color: var(--slate-600);
     letter-spacing: 0.5rpx;
     margin-top: 2rpx;
 }
-
 .streak-strip-right {
     display: flex;
     flex-direction: column;
@@ -3685,44 +5211,44 @@ onUnload(() => {
     gap: 6rpx;
 }
 .streak-dot-label {
-    font-size: 22rpx; /* 适老化：放大 */
-    color: #64748b;
+    font-size: 22rpx;
+    color: var(--slate-600);
     line-height: 1;
     font-weight: 600;
 }
 .streak-dot-mark {
-    width: 26rpx; /* 适老化：放大点 */
+    width: 26rpx;
     height: 26rpx;
-    border-radius: 999rpx;
-    background: #e2e8f0;
+    border-radius: var(--radius-pill);
+    background: var(--slate-200);
 }
 .streak-dot.done .streak-dot-mark {
-    background: linear-gradient(135deg, #0ea5a4 0%, #14b8a6 100%);
-    box-shadow: 0 2rpx 6rpx rgba(14, 165, 164, 0.4);
+    background: var(--primary-grad);
+    box-shadow: 0 2rpx 6rpx rgba(14, 165, 164, 0.3);
 }
 .streak-dot.today {
     .streak-dot-label {
-        color: #0f172a;
+        color: var(--slate-900);
         font-weight: 700;
     }
     .streak-dot-mark {
         width: 30rpx;
         height: 30rpx;
-        border: 2rpx solid #0ea5a4;
+        border: 2rpx solid var(--primary);
     }
 }
 .streak-dot.today.done .streak-dot-mark {
     border-color: #ffffff;
-    box-shadow: 0 0 0 3rpx #0ea5a4, 0 2rpx 8rpx rgba(14, 165, 164, 0.5);
+    box-shadow: 0 0 0 3rpx var(--primary), 0 2rpx 8rpx rgba(14, 165, 164, 0.4);
 }
 .streak-week-text {
-    font-size: 24rpx; /* 适老化：放大 */
-    color: #64748b;
+    font-size: 24rpx;
+    color: var(--slate-600);
     letter-spacing: 1rpx;
     font-weight: 600;
 }
 
-/* === 健康日历（适老化：与手机日历一致的月历布局）=== */
+/* === 健康月历 === */
 .calendar-card {
     margin: 22rpx 24rpx 0;
 }
@@ -3745,7 +5271,7 @@ onUnload(() => {
     padding: 4rpx 18rpx 4rpx 22rpx;
     background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%);
     border-radius: 20rpx;
-    border-left: 6rpx solid #0ea5a4;
+    border-left: 6rpx solid var(--primary);
 }
 .calendar-stat-num {
     font-size: 48rpx;
@@ -3759,8 +5285,6 @@ onUnload(() => {
     color: #0f766e;
     font-weight: 600;
 }
-
-/* 星期表头：7 列均分 */
 .calendar-weekdays {
     display: flex;
     margin-top: 22rpx;
@@ -3770,20 +5294,18 @@ onUnload(() => {
     flex: 1;
     text-align: center;
     font-size: 26rpx;
-    color: #64748b;
+    color: var(--slate-600);
     font-weight: 700;
     letter-spacing: 1rpx;
     line-height: 1.4;
     padding: 8rpx 0;
 }
 .calendar-weekday-weekend {
-    color: #f59e0b;
+    color: var(--warning);
 }
-
-/* 月历主体 */
 .calendar-grid {
     margin-top: 6rpx;
-    background: #f8fafc;
+    background: var(--slate-50);
     border-radius: 20rpx;
     padding: 12rpx 6rpx;
     display: flex;
@@ -3796,77 +5318,73 @@ onUnload(() => {
 }
 .calendar-cell {
     flex: 1;
-    aspect-ratio: 1 / 1; /* 正方形格子，符合月历习惯 */
-    min-height: 84rpx; /* 兜底：保证触控目标 */
-    border-radius: 14rpx;
+    aspect-ratio: 1 / 1;
+    min-height: 84rpx;
+    border-radius: 18rpx;
     background: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
-    transition: transform 0.15s ease;
+    transition: var(--transition-smooth);
     box-sizing: border-box;
     overflow: hidden;
     border: 2rpx solid transparent;
-    /* 默认（in-range, 无记录）：白底浅灰字 */
     &.level-0 {
         background: #ffffff;
-        border-color: #f1f5f9;
+        border-color: var(--slate-100);
     }
-    /* 非本范围日期：极淡 */
     &.off {
         background: transparent;
         opacity: 0.4;
     }
     &.level-1 {
-        background: #ccfbf1;
-        border-color: #99f6e4;
+        background: var(--primary-light);
+        border-color: rgba(13, 148, 136, 0.15);
+        .calendar-cell-day { color: var(--primary); }
     }
     &.level-2 {
-        background: linear-gradient(135deg, #5eead4 0%, #2dd4bf 100%);
-        border-color: #14b8a6;
+        background: #ccfbf1;
+        border-color: #99f6e4;
+        .calendar-cell-day { color: #0f766e; }
     }
     &.level-3 {
-        background: linear-gradient(135deg, #0ea5a4 0%, #0d9488 100%);
-        box-shadow: 0 4rpx 10rpx rgba(14, 165, 164, 0.35);
+        background: var(--primary-grad);
+        .calendar-cell-day { color: #ffffff; }
+        box-shadow: 0 4rpx 12rpx rgba(13, 148, 136, 0.2);
     }
-    /* 今日：粗橙色 ring，背景统一为深橙保证对比度 */
     &.today {
         background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
         border: 4rpx solid #ffffff;
-        box-shadow: 0 0 0 3rpx #ea580c, 0 6rpx 16rpx rgba(234, 88, 12, 0.4);
+        box-shadow: 0 0 0 3rpx #ea580c, 0 6rpx 16rpx rgba(234, 88, 12, 0.35);
+        .calendar-cell-day { color: #ffffff; }
     }
     &.clickable:active {
         transform: scale(0.94);
     }
 }
 .calendar-cell-day {
-    font-size: 32rpx; /* 适老化：醒目的日期数字 */
-    color: #1e293b;
+    font-size: 32rpx;
+    color: var(--slate-900);
     font-weight: 700;
     line-height: 1;
 }
-.calendar-cell.level-2 .calendar-cell-day,
-.calendar-cell.level-3 .calendar-cell-day {
-    color: #ffffff;
-}
 .calendar-cell.today .calendar-cell-day {
     color: #ffffff;
     font-weight: 800;
-    transform: translateY(-6rpx); /* 让出底部"今天"条带空间 */
+    transform: translateY(-6rpx);
 }
 .calendar-cell.off .calendar-cell-day {
-    color: #cbd5e1;
+    color: var(--slate-400);
     font-weight: 500;
 }
-/* 记录日：右下角小圆点 */
 .calendar-cell-mark {
     position: absolute;
     right: 8rpx;
     bottom: 8rpx;
     width: 10rpx;
     height: 10rpx;
-    border-radius: 999rpx;
+    border-radius: var(--radius-pill);
     background: rgba(255, 255, 255, 0.85);
     box-shadow: 0 0 0 2rpx rgba(15, 23, 42, 0.08);
 }
@@ -3874,11 +5392,9 @@ onUnload(() => {
     background: #14b8a6;
     box-shadow: none;
 }
-/* 今日已被底部"今天"条带占用，隐藏角标点 */
 .calendar-cell.today .calendar-cell-mark {
     display: none;
 }
-/* "今天"角标：放在底部居中条带，避免被 overflow:hidden 裁掉 */
 .calendar-cell-today-tag {
     position: absolute;
     left: 0;
@@ -3893,8 +5409,6 @@ onUnload(() => {
     line-height: 1.2;
     letter-spacing: 2rpx;
 }
-
-/* 图例：放在月历下方水平排列，简洁清晰 */
 .calendar-legend {
     margin-top: 18rpx;
     padding: 14rpx 6rpx 4rpx;
@@ -3914,11 +5428,11 @@ onUnload(() => {
     width: 28rpx;
     height: 28rpx;
     border-radius: 8rpx;
-    background: #f1f5f9;
-    border: 1rpx solid #e2e8f0;
+    background: var(--slate-100);
+    border: 1rpx solid var(--slate-200);
     &.level-1 { background: #ccfbf1; border-color: #99f6e4; }
     &.level-2 { background: linear-gradient(135deg, #5eead4 0%, #2dd4bf 100%); border-color: #14b8a6; }
-    &.level-3 { background: linear-gradient(135deg, #0ea5a4 0%, #0d9488 100%); border-color: transparent; }
+    &.level-3 { background: var(--primary-grad); border-color: transparent; }
     &.legend-today {
         background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
         border: 2rpx solid #ffffff;
@@ -3927,87 +5441,82 @@ onUnload(() => {
 }
 .calendar-legend-text {
     font-size: 24rpx;
-    color: #475569;
+    color: var(--slate-600);
     font-weight: 600;
 }
-
 .heatmap-foot {
     margin-top: 22rpx;
     padding-top: 18rpx;
-    border-top: 1rpx dashed #e2e8f0;
+    border-top: 1rpx dashed var(--slate-200);
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12rpx;
 }
 .heatmap-foot-text {
-    font-size: 28rpx; /* 适老化：放大 */
+    font-size: 28rpx;
     color: #334155;
     font-weight: 600;
 }
 .heatmap-foot-cta {
-    background: linear-gradient(135deg, #0ea5a4 0%, #14b8a6 100%);
+    background: var(--primary-grad);
     color: #ffffff;
-    font-size: 28rpx; /* 适老化：放大 */
+    font-size: 28rpx;
     font-weight: 700;
-    padding: 18rpx 30rpx; /* 适老化：扩大触控区 */
-    border-radius: 999rpx;
-    box-shadow: 0 4rpx 12rpx rgba(14, 165, 164, 0.4);
+    padding: 18rpx 30rpx;
+    border-radius: var(--radius-pill);
+    box-shadow: var(--shadow-glow-primary);
     min-height: 76rpx;
     display: flex;
     align-items: center;
+    transition: var(--transition-smooth);
     &:active {
         transform: scale(0.96);
     }
 }
 
-/* === 录入今日数据弹层（bottom sheet）=== */
+/* === 弹窗表单（bottom sheet）=== */
 .input-modal-mask {
     position: fixed;
     inset: 0;
-    background: rgba(15, 23, 42, 0.55);
+    background: rgba(15, 23, 42, 0.45);
+    backdrop-filter: blur(12px);
     z-index: 999;
     display: flex;
     align-items: flex-end;
     justify-content: center;
 }
-
 .input-modal {
     width: 100%;
     max-width: 750rpx;
     background: #ffffff;
-    border-radius: 32rpx 32rpx 0 0;
+    border-radius: 36rpx 36rpx 0 0;
     padding: 16rpx 0 calc(20rpx + env(safe-area-inset-bottom));
-    box-shadow: 0 -10rpx 30rpx rgba(15, 23, 42, 0.18);
+    box-shadow: 0 -12rpx 36rpx rgba(15, 23, 42, 0.12);
     max-height: 88vh;
     display: flex;
     flex-direction: column;
-    animation: input-modal-rise 0.22s ease-out;
-    /* 微信小程序里 view 默认 z-index 无效，但配合上方 v-if 卸载 canvas，
-       这里给一个高 z-index 进一步保证层级（防止其他普通 view 抢占）。 */
+    animation: input-modal-rise 0.28s cubic-bezier(0.16, 1, 0.3, 1);
     position: relative;
     z-index: 1000;
 }
-
 @keyframes input-modal-rise {
-    from { transform: translateY(40rpx); opacity: 0.6; }
+    from { transform: translateY(60rpx); opacity: 0.5; }
     to { transform: translateY(0); opacity: 1; }
 }
-
 .input-modal-grip {
     width: 80rpx;
     height: 6rpx;
-    border-radius: 999rpx;
-    background: #e2e8f0;
+    border-radius: var(--radius-pill);
+    background: var(--slate-200);
     margin: 0 auto 8rpx;
 }
-
 .input-modal-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 12rpx 32rpx 16rpx;
-    border-bottom: 1rpx solid #f1f5f9;
+    border-bottom: 1rpx solid var(--slate-100);
 }
 .input-modal-title-wrap {
     display: flex;
@@ -4015,42 +5524,41 @@ onUnload(() => {
     gap: 4rpx;
 }
 .input-modal-title {
-    font-size: 40rpx; /* 适老化：放大弹层标题 */
+    font-size: 40rpx;
     font-weight: 800;
-    color: #0f172a;
+    color: var(--slate-900);
     letter-spacing: 0.5rpx;
 }
 .input-modal-sub {
-    font-size: 26rpx; /* 适老化：放大 */
-    color: #64748b;
+    font-size: 26rpx;
+    color: var(--slate-600);
     margin-top: 4rpx;
 }
 .input-modal-close {
-    width: 80rpx; /* 适老化：扩大触控区 */
+    width: 80rpx;
     height: 80rpx;
     display: flex;
     align-items: center;
     justify-content: center;
-    border-radius: 999rpx;
-    background: #f1f5f9;
+    border-radius: var(--radius-pill);
+    background: var(--slate-100);
+    transition: var(--transition-smooth);
     &:active {
-        background: #e2e8f0;
+        background: var(--slate-200);
     }
 }
 .input-modal-close-icon {
     font-size: 42rpx;
-    color: #475569;
+    color: var(--slate-600);
     line-height: 1;
     font-weight: 700;
 }
-
 .input-modal-loading {
     padding: 80rpx 0;
     text-align: center;
-    color: #64748b;
+    color: var(--slate-600);
     font-size: 30rpx;
 }
-
 .input-modal-body {
     flex: 1;
     padding: 20rpx 32rpx 28rpx;
@@ -4059,33 +5567,52 @@ onUnload(() => {
     box-sizing: border-box;
     width: 100%;
 }
-
 .input-modal-tip {
-    background: #f0fdfa;
+    background: var(--primary-light);
     border: 1rpx dashed #99f6e4;
     border-radius: 14rpx;
     padding: 18rpx 20rpx;
-    font-size: 26rpx; /* 适老化：放大提示 */
+    font-size: 26rpx;
     color: #0f766e;
     line-height: 1.5;
     margin-bottom: 22rpx;
 }
-
 .input-section-title {
-    font-size: 28rpx; /* 适老化：放大分段标题 */
+    font-size: 28rpx;
     font-weight: 700;
     color: #334155;
     letter-spacing: 1rpx;
     margin: 18rpx 0 14rpx;
 }
-
+.intensity-row {
+    display: flex;
+    gap: 12rpx;
+    margin-bottom: 16rpx;
+}
+.intensity-chip {
+    flex: 1;
+    text-align: center;
+    padding: 16rpx 8rpx;
+    border-radius: 14rpx;
+    background: var(--slate-50);
+    border: 2rpx solid var(--slate-200);
+    font-size: 26rpx;
+    color: var(--slate-600);
+    transition: var(--transition-smooth);
+    &.active {
+        background: var(--success-light);
+        border-color: var(--success);
+        color: #047857;
+        font-weight: 700;
+    }
+}
 .input-field {
     display: flex;
     align-items: center;
     gap: 18rpx;
     padding: 14rpx 0;
-    border-bottom: 1rpx solid #f1f5f9;
-    min-width: 0; /* 防止 flex item 被内容撑开 */
+    border-bottom: 1rpx solid var(--slate-100);
+    min-width: 0;
     width: 100%;
     box-sizing: border-box;
     min-height: 88rpx;
@@ -4096,48 +5623,53 @@ onUnload(() => {
     gap: 10rpx;
     flex: 0 0 auto;
     width: 180rpx;
-    font-size: 30rpx; /* 适老化：放大字段标签 */
-    color: #0f172a;
+    font-size: 30rpx;
+    color: var(--slate-900);
     font-weight: 700;
 }
 .input-field-dot {
     width: 14rpx;
     height: 14rpx;
-    border-radius: 999rpx;
-    background: #94a3b8;
+    border-radius: var(--radius-pill);
+    background: var(--slate-400);
     flex-shrink: 0;
 }
-.input-field-dot-fasting { background: #0ea5a4; }
-.input-field-dot-postprandial { background: #f59e0b; }
-.input-field-dot-other { background: #8b5cf6; }
+.input-field-dot-fasting { background: var(--primary); }
+.input-field-dot-postprandial { background: var(--warning); }
+.input-field-dot-other { background: var(--violet); }
 
 .input-field-input {
     flex: 1 1 0;
-    min-width: 0; /* 关键：允许 flex item 收缩到比 placeholder 还窄 */
-    background: #f8fafc;
-    border-radius: 14rpx;
-    padding: 18rpx 20rpx; /* 适老化：增加输入框高度 */
+    min-width: 0;
+    background: var(--slate-50);
+    border-radius: 16rpx;
+    padding: 18rpx 20rpx;
     box-sizing: border-box;
     overflow: hidden;
     min-height: 76rpx;
     display: flex;
     align-items: center;
+    border: 2rpx solid transparent;
+    transition: var(--transition-smooth);
+    &:focus-within {
+        border-color: var(--primary);
+        background: #ffffff;
+        box-shadow: 0 0 0 4rpx var(--primary-glow);
+    }
     input {
         width: 100%;
         min-width: 0;
-        font-size: 34rpx; /* 适老化：放大输入字体 */
-        color: #0f172a;
+        font-size: 34rpx;
+        color: var(--slate-900);
         text-align: right;
         box-sizing: border-box;
         font-weight: 600;
     }
 }
-
 .input-placeholder {
-    color: #94a3b8; /* 提升对比度 */
+    color: var(--slate-400);
     font-size: 28rpx;
 }
-
 .input-field-row {
     display: flex;
     gap: 18rpx;
@@ -4148,20 +5680,18 @@ onUnload(() => {
 .input-field-half {
     flex: 1 1 0;
     min-width: 0;
-    border-bottom: 1rpx solid #f1f5f9;
+    border-bottom: 1rpx solid var(--slate-100);
 }
 .input-field-half .input-field-label {
     width: 80rpx;
     flex: 0 0 auto;
 }
-/* 双栏血压时输入框允许更窄，避免与小标签争夺空间 */
 .input-field-row .input-field-input {
     padding: 16rpx 16rpx;
     input {
         font-size: 32rpx;
     }
 }
-
 .input-field-textarea {
     flex-direction: column;
     align-items: stretch;
@@ -4170,51 +5700,1241 @@ onUnload(() => {
     textarea {
         width: 100%;
         min-height: 140rpx;
-        background: #f8fafc;
+        background: var(--slate-50);
         border-radius: 14rpx;
         padding: 20rpx 22rpx;
-        font-size: 30rpx; /* 适老化：放大 */
-        color: #0f172a;
+        font-size: 30rpx;
+        color: var(--slate-900);
         box-sizing: border-box;
         line-height: 1.6;
+        border: 2rpx solid transparent;
+        transition: var(--transition-smooth);
+        &:focus {
+            border-color: var(--primary);
+            background: #ffffff;
+            box-shadow: 0 0 0 4rpx var(--primary-glow);
+        }
     }
 }
-
 .input-modal-actions {
     display: flex;
     gap: 18rpx;
     padding: 20rpx 32rpx 0;
-    border-top: 1rpx solid #f1f5f9;
+    border-top: 1rpx solid var(--slate-100);
 }
 .input-modal-btn {
     flex: 1;
-    height: 108rpx; /* 适老化：扩大主要按钮 */
-    border-radius: 18rpx;
+    height: 100rpx;
+    border-radius: 20rpx;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 34rpx; /* 适老化：放大按钮文字 */
+    font-size: 32rpx;
     font-weight: 700;
     letter-spacing: 2rpx;
+    transition: var(--transition-smooth);
     &.primary {
-        background: linear-gradient(135deg, #0ea5a4 0%, #14b8a6 100%);
+        background: var(--primary-grad);
         color: #ffffff;
-        box-shadow: 0 8rpx 20rpx rgba(14, 165, 164, 0.32);
+        box-shadow: var(--shadow-glow-primary);
         &:active {
             transform: translateY(1rpx);
         }
     }
     &.danger {
-        flex: 0 0 200rpx;
-        background: #fff1f2;
-        color: #dc2626;
+        flex: 0 0 180rpx;
+        background: var(--danger-light);
+        color: var(--danger);
+        border: 1rpx solid rgba(239, 68, 68, 0.2);
         &:active {
             background: #ffe4e6;
         }
     }
     &.disabled {
-        opacity: 0.55;
+        opacity: 0.5;
         pointer-events: none;
     }
 }
+
+/* === 稳糖乐园 === */
+.pg-card {
+    margin: 28rpx 24rpx 0;
+    background: #ffffff;
+    border-radius: 32rpx;
+    padding: 30rpx 28rpx;
+    box-shadow: var(--shadow-premium);
+    border: var(--border-premium);
+    animation: card-rise 0.45s ease-out 0.08s both;
+    .card-head {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1rpx solid var(--slate-100);
+        padding-bottom: 20rpx;
+    }
+    .pg-points-badge {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+        background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%);
+        border-left: 6rpx solid var(--primary);
+        padding: 8rpx 18rpx 8rpx 20rpx;
+        border-radius: 16rpx;
+        .pg-points-num {
+            font-size: 38rpx;
+            font-weight: 800;
+            color: #0d9488;
+            line-height: 1.1;
+        }
+        .pg-points-label {
+            font-size: 20rpx;
+            color: #0f766e;
+            font-weight: 600;
+        }
+    }
+}
+.pg-content-stack {
+    display: flex;
+    flex-direction: column;
+    gap: 28rpx;
+    margin-top: 24rpx;
+}
+.record-quick-zone {
+    display: flex;
+    flex-direction: column;
+    gap: 16rpx;
+}
+.record-quick-head {
+    display: flex;
+    flex-direction: column;
+    gap: 4rpx;
+    padding-left: 6rpx;
+}
+.record-quick-title {
+    font-size: 28rpx;
+    font-weight: 800;
+    color: #334155;
+}
+.record-quick-hint {
+    font-size: 22rpx;
+    color: var(--slate-600);
+    font-weight: 600;
+}
+.record-quick-row {
+    display: flex;
+    gap: 12rpx;
+}
+.record-quick-chip {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8rpx;
+    padding: 24rpx 12rpx;
+    background: #ffffff;
+    border: 1rpx solid var(--slate-200);
+    border-radius: 24rpx;
+    box-shadow: 0 4rpx 12rpx rgba(15, 23, 42, 0.02);
+    transition: var(--transition-smooth);
+    &:active {
+        transform: scale(0.98);
+    }
+    &.pending {
+        border-color: rgba(13, 148, 136, 0.2);
+        background: linear-gradient(180deg, var(--primary-light) 0%, #ffffff 100%);
+    }
+    &.done {
+        border-color: rgba(16, 185, 129, 0.2);
+        background: linear-gradient(180deg, var(--success-light) 0%, #ffffff 100%);
+    }
+}
+.record-quick-icon-wrap {
+    width: 56rpx;
+    height: 56rpx;
+    border-radius: var(--radius-pill);
+    background: var(--slate-50);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .record-quick-chip.pending & {
+        background: #ccfbf1;
+    }
+    .record-quick-chip.done & {
+        background: #dcfce7;
+    }
+}
+.record-quick-label {
+    font-size: 26rpx;
+    font-weight: 800;
+    color: var(--slate-900);
+}
+.record-quick-status {
+    font-size: 22rpx;
+    font-weight: 700;
+    color: #0d9488;
+    .record-quick-chip.done & {
+        color: var(--success);
+    }
+}
+.tree-growth-zone {
+    display: flex;
+    align-items: center;
+    gap: 24rpx;
+    background: var(--slate-50);
+    border-radius: 24rpx;
+    padding: 20rpx 24rpx;
+    border: 1rpx solid var(--slate-100);
+}
+.tree-graphic-wrap {
+    position: relative;
+    flex-shrink: 0;
+    width: 140rpx;
+    height: 154rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.tree-tappable:active {
+    opacity: 0.92;
+}
+.tree-tap-hint,
+.invite-tree-tap-hint {
+    margin-top: 4rpx;
+    font-size: 20rpx;
+    color: var(--slate-600);
+    font-weight: 600;
+}
+.invite-tree-tappable {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.float-reward {
+    position: absolute;
+    top: 8rpx;
+    right: 0;
+    z-index: 3;
+    animation: float-reward-rise 1.1s ease-out forwards;
+    text {
+        font-size: 32rpx;
+        font-weight: 800;
+        color: var(--success);
+        text-shadow: 0 2rpx 8rpx rgba(5, 150, 105, 0.25);
+    }
+}
+@keyframes float-reward-rise {
+    0% { opacity: 1; transform: translateY(0) scale(0.8); }
+    100% { opacity: 0; transform: translateY(-56rpx) scale(1.15); }
+}
+.mission-complete-banner {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    margin-bottom: 20rpx;
+    padding: 18rpx 20rpx;
+    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
+    border: 2rpx solid #fde68a;
+    border-radius: 20rpx;
+    animation: mission-glow 2s ease-in-out infinite;
+}
+@keyframes mission-glow {
+    0%, 100% { box-shadow: 0 0 0 rgba(251, 191, 36, 0); }
+    50% { box-shadow: 0 0 20rpx rgba(251, 191, 36, 0.35); }
+}
+.mission-complete-title {
+    display: block;
+    font-size: 28rpx;
+    font-weight: 800;
+    color: #92400e;
+}
+.mission-complete-sub {
+    display: block;
+    margin-top: 4rpx;
+    font-size: 24rpx;
+    color: #b45309;
+}
+.badge-wall {
+    margin-top: 4rpx;
+}
+.badge-wall-title {
+    display: block;
+    font-size: 26rpx;
+    font-weight: 800;
+    color: #475569;
+    margin-bottom: 12rpx;
+    padding-left: 6rpx;
+}
+.badge-wall-scroll {
+    width: 100%;
+    white-space: nowrap;
+}
+.badge-wall-row {
+    display: inline-flex;
+    gap: 12rpx;
+    padding-bottom: 4rpx;
+}
+.badge-chip {
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8rpx;
+    min-width: 120rpx;
+    padding: 14rpx 16rpx;
+    background: #ffffff;
+    border: 1rpx solid var(--slate-200);
+    border-radius: 16rpx;
+    box-shadow: var(--shadow-sm);
+}
+.badge-chip-icon {
+    width: 52rpx;
+    height: 52rpx;
+    border-radius: var(--radius-pill);
+    background: var(--slate-50);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.badge-chip-label {
+    font-size: 22rpx;
+    font-weight: 700;
+    color: #334155;
+    white-space: nowrap;
+}
+.tree-progress-wrap {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 10rpx;
+    min-width: 0;
+}
+.tree-level-info {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12rpx;
+}
+.tree-level-tag {
+    font-size: 26rpx;
+    font-weight: 700;
+    color: var(--slate-900);
+    background: var(--slate-200);
+    padding: 4rpx 14rpx;
+    border-radius: var(--radius-pill);
+}
+.tree-progress-text {
+    font-size: 24rpx;
+    color: var(--slate-600);
+    font-weight: 600;
+}
+.tree-progress-track {
+    height: 16rpx;
+    background: var(--slate-200);
+    border-radius: var(--radius-pill);
+    overflow: hidden;
+}
+.tree-progress-bar {
+    height: 100%;
+    background: var(--primary-grad);
+    border-radius: var(--radius-pill);
+    transition: width 0.4s ease;
+}
+.tree-water-action {
+    margin-top: 6rpx;
+    display: flex;
+    flex-direction: column;
+    gap: 8rpx;
+}
+.water-hint {
+    font-size: 22rpx;
+    color: var(--slate-600);
+    font-weight: 600;
+    text-align: center;
+    line-height: 1.4;
+}
+.water-btn {
+    width: 100%;
+    height: 76rpx;
+    background: var(--primary-grad);
+    color: #ffffff;
+    border-radius: var(--radius-pill);
+    font-size: 28rpx;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10rpx;
+    border: none;
+    box-shadow: var(--shadow-glow-primary);
+    transition: var(--transition-smooth);
+    &:active {
+        transform: scale(0.98);
+        background: linear-gradient(135deg, #0d9488 0%, var(--primary) 100%);
+    }
+    &.disabled {
+        opacity: 0.7;
+        pointer-events: none;
+    }
+    &.pulse {
+        animation: water-btn-pulse 1.6s ease-in-out infinite;
+    }
+}
+@keyframes water-btn-pulse {
+    0%, 100% { box-shadow: var(--shadow-glow-primary); }
+    50% { box-shadow: 0 4rpx 24rpx rgba(14, 165, 164, 0.5); }
+}
+
+.today-tasks-zone {
+    display: flex;
+    flex-direction: column;
+    gap: 14rpx;
+}
+.tasks-zone-title {
+    font-size: 28rpx;
+    font-weight: 800;
+    color: #334155;
+    letter-spacing: 0.5rpx;
+    padding-left: 6rpx;
+}
+.tasks-list {
+    display: flex;
+    flex-direction: column;
+    gap: 12rpx;
+}
+.task-row-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: var(--slate-50);
+    border: 1rpx solid var(--slate-200);
+    border-radius: 20rpx;
+    padding: 20rpx 24rpx;
+    min-height: 100rpx;
+    box-sizing: border-box;
+    transition: var(--transition-smooth);
+    &.pending {
+        border-color: #99f6e4;
+        background: linear-gradient(90deg, var(--primary-light) 0%, #ffffff 100%);
+    }
+    &.completed {
+        border-color: #ccfbf1;
+        background: var(--primary-light);
+    }
+    &.claimed {
+        opacity: 0.92;
+    }
+    &.just-done {
+        animation: task-pop 0.65s ease;
+    }
+}
+@keyframes task-pop {
+    0% { transform: scale(1); }
+    40% { transform: scale(1.03); box-shadow: 0 8rpx 20rpx rgba(14, 165, 164, 0.2); }
+    100% { transform: scale(1); }
+}
+.task-left {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    min-width: 0;
+}
+.task-status-icon {
+    width: 36rpx;
+    height: 36rpx;
+    border-radius: var(--radius-pill);
+    border: 2rpx solid var(--slate-400);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 24rpx;
+    font-weight: 800;
+    color: var(--slate-400);
+    line-height: 1;
+    flex-shrink: 0;
+    &.checked {
+        border-color: var(--primary);
+        background: var(--primary);
+        color: #ffffff;
+    }
+}
+.task-name {
+    font-size: 28rpx;
+    font-weight: 700;
+    color: var(--slate-900);
+    .task-row-item.completed & {
+        color: #0f766e;
+    }
+}
+.task-right {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    flex-shrink: 0;
+}
+.task-points {
+    font-size: 24rpx;
+    font-weight: 600;
+    color: var(--slate-600);
+    .task-row-item.completed & {
+        color: var(--primary);
+    }
+}
+.task-action-btn {
+    padding: 10rpx 22rpx;
+    border-radius: var(--radius-pill);
+    background: var(--slate-200);
+    color: var(--slate-600);
+    font-size: 24rpx;
+    font-weight: 700;
+    min-height: 52rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    transition: var(--transition-smooth);
+    &.pending {
+        background: var(--primary);
+        color: #ffffff;
+        box-shadow: 0 4rpx 10rpx rgba(14, 165, 164, 0.2);
+        &:active {
+            transform: scale(0.96);
+        }
+    }
+    &:not(.disabled):not(.claimed):not(.pending) {
+        background: var(--primary);
+        color: #ffffff;
+        box-shadow: 0 4rpx 10rpx rgba(14, 165, 164, 0.2);
+        &:active {
+            transform: scale(0.96);
+        }
+    }
+    &.claimed {
+        background: #ccfbf1;
+        color: #0d9488;
+    }
+    &.disabled {
+        opacity: 0.6;
+    }
+}
+.pg-share-row {
+    margin-top: 8rpx;
+}
+.pg-share-btn {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    padding: 20rpx 22rpx;
+    background: var(--primary-light);
+    border: 1rpx solid #99f6e4;
+    border-radius: 20rpx;
+    transition: var(--transition-smooth);
+    &:active {
+        opacity: 0.85;
+        transform: translateY(1rpx);
+    }
+}
+.pg-share-icon-wrap {
+    width: 72rpx;
+    height: 72rpx;
+    border-radius: 18rpx;
+    background: #ffffff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+.pg-share-title {
+    display: block;
+    font-size: 28rpx;
+    font-weight: 700;
+    color: #0f766e;
+}
+.pg-share-sub {
+    display: block;
+    margin-top: 4rpx;
+    font-size: 22rpx;
+    color: var(--slate-600);
+}
+
+/* === 家人点赞及鼓励 === */
+.family-like-strip {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    margin: 20rpx 24rpx 0;
+    padding: 22rpx 24rpx;
+    background: #ffffff;
+    border-radius: 24rpx;
+    border: 1rpx solid #fecdd3;
+    box-shadow: 0 4rpx 16rpx rgba(225, 29, 72, 0.06);
+    transition: var(--transition-smooth);
+    &.has-likes {
+        background: linear-gradient(135deg, #fff1f2 0%, #ffffff 100%);
+    }
+    &:active {
+        transform: scale(0.99);
+    }
+}
+.family-like-icon {
+    font-size: 36rpx;
+}
+.family-like-body {
+    flex: 1;
+    min-width: 0;
+}
+.family-like-title {
+    display: block;
+    font-size: 28rpx;
+    font-weight: 700;
+    color: #9f1239;
+}
+.family-like-sub {
+    display: block;
+    margin-top: 6rpx;
+    font-size: 24rpx;
+    color: var(--slate-600);
+}
+.family-like-recent {
+    margin-top: 8rpx;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8rpx;
+}
+.family-like-recent-item {
+    font-size: 22rpx;
+    color: #be123c;
+    background: #ffe4e6;
+    padding: 4rpx 12rpx;
+    border-radius: var(--radius-pill);
+}
+.family-like-arrow {
+    font-size: 32rpx;
+    color: var(--slate-400);
+}
+
+.encourage-strip {
+    display: flex;
+    align-items: flex-start;
+    gap: 14rpx;
+    margin: 16rpx 24rpx 0;
+    padding: 20rpx 22rpx;
+    background: #ecfdf5;
+    border-radius: 20rpx;
+    border: 1rpx solid #a7f3d0;
+    transition: var(--transition-smooth);
+    &:active {
+        background: #d1fae5;
+    }
+}
+.encourage-icon {
+    font-size: 32rpx;
+}
+.encourage-text {
+    display: block;
+    font-size: 26rpx;
+    font-weight: 600;
+    color: #065f46;
+    line-height: 1.45;
+}
+.encourage-tip {
+    display: block;
+    margin-top: 6rpx;
+    font-size: 22rpx;
+    color: var(--slate-600);
+}
+
+/* === 共享/邀请查看样式 === */
+.invite-view-wrap {
+    min-height: 100vh;
+    background: linear-gradient(180deg, #ecfeff 0%, #f0f9ff 42%, #f8fafc 100%);
+    padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+}
+.invite-hero {
+    position: relative;
+    padding: 48rpx 32rpx 56rpx;
+    overflow: hidden;
+}
+.invite-hero-bg {
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(145deg, #0891b2 0%, #0e7490 55%, #155e75 100%);
+}
+.invite-hero-content {
+    position: relative;
+    z-index: 1;
+    color: #ffffff;
+}
+.invite-hero-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 10rpx;
+    padding: 10rpx 18rpx;
+    background: rgba(255, 255, 255, 0.16);
+    border: 1rpx solid rgba(255, 255, 255, 0.28);
+    border-radius: var(--radius-pill);
+    margin-bottom: 18rpx;
+}
+.invite-hero-badge-text {
+    font-size: 24rpx;
+    font-weight: 600;
+    letter-spacing: 1rpx;
+}
+.invite-hero-title {
+    display: block;
+    font-size: 40rpx;
+    font-weight: 800;
+    line-height: 1.35;
+    color: #ffffff;
+}
+.invite-hero-sub {
+    display: block;
+    margin-top: 10rpx;
+    font-size: 26rpx;
+    color: rgba(255, 255, 255, 0.92);
+    line-height: 1.45;
+}
+.invite-hero-patient {
+    display: inline-flex;
+    align-items: center;
+    gap: 8rpx;
+    margin-top: 16rpx;
+    padding: 8rpx 16rpx;
+    background: rgba(255, 255, 255, 0.12);
+    border-radius: 12rpx;
+    font-size: 26rpx;
+    font-weight: 600;
+}
+.invite-body {
+    margin-top: -28rpx;
+    padding: 0 24rpx 24rpx;
+    position: relative;
+    z-index: 2;
+}
+.invite-card {
+    background: #ffffff;
+    border-radius: var(--radius-card);
+    padding: 24rpx;
+    margin-bottom: 20rpx;
+    box-shadow: 0 8rpx 28rpx rgba(8, 145, 178, 0.08);
+    border: 1rpx solid rgba(8, 145, 178, 0.08);
+}
+.invite-card-head,
+.invite-section-head {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    margin-bottom: 16rpx;
+}
+.invite-card-icon-wrap {
+    width: 72rpx;
+    height: 72rpx;
+    border-radius: 18rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+.invite-card-icon-wrap--cyan { background: #ecfeff; }
+.invite-card-icon-wrap--teal { background: #f0fdfa; }
+.invite-card-icon-wrap--green { background: #ecfdf5; }
+.invite-card-head-text,
+.invite-section-head-text {
+    flex: 1;
+    min-width: 0;
+}
+.invite-card-label {
+    display: block;
+    font-size: 28rpx;
+    font-weight: 700;
+    color: #164e63;
+}
+.invite-card-hint {
+    display: block;
+    margin-top: 4rpx;
+    font-size: 24rpx;
+    color: var(--slate-600);
+}
+.invite-code-value {
+    display: block;
+    text-align: center;
+    font-size: 44rpx;
+    font-weight: 800;
+    letter-spacing: 6rpx;
+    color: #0891b2;
+    padding: 20rpx 12rpx;
+    background: linear-gradient(180deg, #ecfeff, #f0fdfa);
+    border-radius: 16rpx;
+    border: 2rpx dashed rgba(8, 145, 178, 0.25);
+}
+.invite-summary-top {
+    display: flex;
+    align-items: center;
+    gap: 20rpx;
+    margin-bottom: 20rpx;
+}
+.invite-tree-panel {
+    flex-shrink: 0;
+}
+.invite-tree-meta {
+    flex: 1;
+    min-width: 0;
+}
+.invite-tree-title {
+    display: block;
+    font-size: 30rpx;
+    font-weight: 800;
+    color: #164e63;
+}
+.invite-tree-desc {
+    display: block;
+    margin-top: 6rpx;
+    font-size: 26rpx;
+    color: var(--slate-600);
+    line-height: 1.4;
+}
+.invite-tree-week {
+    display: block;
+    margin-top: 8rpx;
+    font-size: 22rpx;
+    color: var(--slate-400);
+}
+.invite-stat-grid {
+    display: flex;
+    gap: 12rpx;
+}
+.invite-stat-item {
+    flex: 1;
+    text-align: center;
+    padding: 18rpx 10rpx;
+    background: var(--slate-50);
+    border-radius: 18rpx;
+    border: 1rpx solid var(--slate-200);
+}
+.invite-stat-icon-wrap {
+    width: 48rpx;
+    height: 48rpx;
+    margin: 0 auto 8rpx;
+    border-radius: var(--radius-pill);
+    background: #ffffff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 2rpx 8rpx rgba(15, 23, 42, 0.06);
+}
+.invite-stat-num {
+    display: block;
+    font-size: 38rpx;
+    font-weight: 800;
+    color: #164e63;
+    line-height: 1.1;
+}
+.invite-stat-label {
+    display: block;
+    font-size: 22rpx;
+    color: var(--slate-600);
+    margin-top: 6rpx;
+}
+.invite-quote-box {
+    margin-top: 16rpx;
+    padding: 18rpx 20rpx;
+    background: #ecfeff;
+    border-radius: 16rpx;
+    border-left: 6rpx solid #0891b2;
+}
+.invite-quote {
+    font-size: 26rpx;
+    color: #164e63;
+    line-height: 1.55;
+}
+.invite-section-title {
+    display: block;
+    font-size: 30rpx;
+    font-weight: 800;
+    color: #164e63;
+}
+.invite-section-sub {
+    display: block;
+    margin-top: 4rpx;
+    font-size: 24rpx;
+    color: var(--slate-600);
+}
+.invite-records-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 12rpx;
+    padding: 36rpx 24rpx;
+    text-align: center;
+    font-size: 26rpx;
+    color: var(--slate-600);
+    background: var(--slate-50);
+    border-radius: 16rpx;
+}
+.invite-timeline {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+}
+.invite-day-row {
+    display: flex;
+    gap: 16rpx;
+    &.is-empty .invite-day-panel {
+        opacity: 0.85;
+    }
+}
+.invite-day-rail {
+    width: 28rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-shrink: 0;
+    padding-top: 8rpx;
+}
+.invite-day-dot {
+    width: 16rpx;
+    height: 16rpx;
+    border-radius: var(--radius-pill);
+    background: var(--slate-200);
+    border: 3rpx solid #ffffff;
+    box-shadow: 0 0 0 2rpx #cbd5e1;
+    &.filled {
+        background: #0891b2;
+        box-shadow: 0 0 0 2rpx #67e8f9;
+    }
+}
+.invite-day-line {
+    flex: 1;
+    width: 2rpx;
+    min-height: 24rpx;
+    margin: 6rpx 0;
+    background: linear-gradient(180deg, #cbd5e1, #e2e8f0);
+}
+.invite-day-panel {
+    flex: 1;
+    min-width: 0;
+    padding: 0 0 20rpx;
+}
+.invite-day-head {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    margin-bottom: 12rpx;
+}
+.invite-day-date {
+    font-size: 30rpx;
+    font-weight: 800;
+    color: var(--slate-900);
+}
+.invite-day-week {
+    font-size: 24rpx;
+    color: var(--slate-600);
+}
+.invite-metric-grid {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10rpx;
+}
+.invite-metric-chip {
+    flex: 1;
+    min-width: calc(50% - 6rpx);
+    padding: 14rpx 16rpx;
+    background: var(--slate-50);
+    border-radius: 14rpx;
+    border: 1rpx solid var(--slate-200);
+}
+.invite-metric-label {
+    display: block;
+    font-size: 22rpx;
+    font-weight: 600;
+    color: var(--slate-600);
+    margin-bottom: 6rpx;
+}
+.invite-metric-value-row {
+    display: flex;
+    align-items: baseline;
+    gap: 6rpx;
+    flex-wrap: wrap;
+}
+.invite-metric-value {
+    font-size: 34rpx;
+    font-weight: 800;
+    color: #0891b2;
+    line-height: 1.2;
+    &.is-high {
+        color: var(--danger);
+    }
+}
+.invite-metric-unit {
+    font-size: 22rpx;
+    color: var(--slate-600);
+}
+.invite-metric-flag {
+    display: inline-flex;
+    align-items: center;
+    gap: 4rpx;
+    margin-top: 8rpx;
+    padding: 4rpx 10rpx;
+    font-size: 20rpx;
+    font-weight: 600;
+    color: var(--danger);
+    background: var(--danger-light);
+    border-radius: 8rpx;
+}
+.invite-day-empty {
+    display: flex;
+    align-items: center;
+    gap: 8rpx;
+    padding: 14rpx 16rpx;
+    font-size: 26rpx;
+    color: var(--slate-400);
+    background: var(--slate-50);
+    border-radius: 14rpx;
+}
+.invite-nickname-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12rpx;
+    margin-bottom: 20rpx;
+}
+.invite-nickname-chip {
+    min-height: 72rpx;
+    padding: 14rpx 28rpx;
+    border-radius: var(--radius-pill);
+    background: var(--slate-50);
+    border: 2rpx solid var(--slate-200);
+    font-size: 28rpx;
+    color: var(--slate-600);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: var(--transition-smooth);
+    &:active {
+        opacity: 0.88;
+    }
+    &.active {
+        background: var(--success);
+        border-color: var(--success);
+        color: #ffffff;
+        font-weight: 700;
+    }
+}
+.invite-like-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 12rpx;
+    min-height: 96rpx;
+    padding: 24rpx 32rpx;
+    background: var(--success-grad);
+    color: #ffffff;
+    border-radius: var(--radius-pill);
+    font-size: 30rpx;
+    font-weight: 700;
+    box-shadow: var(--shadow-glow-success);
+    transition: var(--transition-smooth);
+    &:active {
+        transform: scale(0.98);
+        opacity: 0.92;
+    }
+    &.done {
+        background: var(--success-light);
+        color: var(--success);
+        border: 2rpx solid #a7f3d0;
+        box-shadow: none;
+    }
+    &.loading { opacity: 0.72; }
+    &.burst { animation: invite-heart-burst 0.85s ease; }
+}
+@keyframes invite-heart-burst {
+    0% { transform: scale(1); }
+    30% { transform: scale(1.06); box-shadow: 0 12rpx 32rpx rgba(5, 150, 105, 0.4); }
+    100% { transform: scale(1); }
+}
+.invite-footer {
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    gap: 10rpx;
+    padding: 8rpx 12rpx 0;
+}
+.invite-disclaimer {
+    flex: 1;
+    font-size: 22rpx;
+    color: var(--slate-600);
+    line-height: 1.5;
+    text-align: left;
+}
+.invite-skeleton-wrap {
+    padding: 0 24rpx;
+    margin-top: -28rpx;
+}
+.invite-skeleton-card {
+    height: 160rpx;
+    margin-bottom: 20rpx;
+    border-radius: var(--radius-card);
+    background: linear-gradient(90deg, var(--slate-200) 25%, var(--slate-100) 50%, var(--slate-200) 75%);
+    background-size: 200% 100%;
+    animation: invite-shimmer 1.2s ease-in-out infinite;
+}
+.invite-skeleton-short { height: 120rpx; }
+.invite-skeleton-tall { height: 320rpx; }
+@keyframes invite-shimmer {
+    0% { background-position: 200% 0; }
+    100% { background-position: -200% 0; }
+}
+.invite-error-card {
+    margin: 32rpx 24rpx;
+    padding: 48rpx 32rpx;
+    background: #ffffff;
+    border-radius: var(--radius-card);
+    text-align: center;
+    box-shadow: var(--shadow-premium);
+}
+.invite-error-icon-wrap {
+    width: 96rpx;
+    height: 96rpx;
+    margin: 0 auto 20rpx;
+    border-radius: var(--radius-pill);
+    background: var(--danger-light);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.invite-error-title {
+    display: block;
+    font-size: 32rpx;
+    font-weight: 800;
+    color: #164e63;
+    margin-bottom: 10rpx;
+}
+.invite-error-text {
+    font-size: 26rpx;
+    color: var(--slate-600);
+    line-height: 1.5;
+}
+
+/* === 战报弹层 === */
+.report-mask {
+    position: fixed;
+    inset: 0;
+    z-index: 2000;
+    background: rgba(15, 23, 42, 0.45);
+    backdrop-filter: blur(8px);
+    display: flex;
+    align-items: flex-end;
+}
+.report-panel {
+    width: 100%;
+    max-height: 88vh;
+    background: #ffffff;
+    border-radius: 28rpx 28rpx 0 0;
+    padding: 28rpx 28rpx calc(28rpx + env(safe-area-inset-bottom));
+}
+.report-panel-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20rpx;
+}
+.report-panel-title {
+    font-size: 34rpx;
+    font-weight: 800;
+    color: var(--slate-900);
+}
+.report-panel-close {
+    font-size: 44rpx;
+    color: var(--slate-400);
+    padding: 0 8rpx;
+}
+.report-poster {
+    padding: 24rpx;
+    background: linear-gradient(180deg, var(--primary-light) 0%, #ffffff 100%);
+    border-radius: var(--radius-card);
+    border: 1rpx solid #ccfbf1;
+}
+.report-poster-top {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+    margin-bottom: 12rpx;
+}
+.report-poster-name {
+    font-size: 32rpx;
+    font-weight: 700;
+    color: var(--slate-900);
+}
+.report-poster-week {
+    display: block;
+    font-size: 24rpx;
+    color: var(--slate-600);
+    margin-bottom: 16rpx;
+}
+.report-stat-grid {
+    display: flex;
+    gap: 12rpx;
+    margin-bottom: 16rpx;
+}
+.report-stat-item {
+    flex: 1;
+    text-align: center;
+    padding: 14rpx 8rpx;
+    background: #ffffff;
+    border-radius: 16rpx;
+    border: 1rpx solid var(--slate-100);
+}
+.report-stat-num {
+    display: block;
+    font-size: 34rpx;
+    font-weight: 800;
+    color: var(--success);
+}
+.report-stat-label {
+    display: block;
+    font-size: 22rpx;
+    color: var(--slate-600);
+}
+.report-poster-quote {
+    display: block;
+    font-size: 26rpx;
+    color: #334155;
+    line-height: 1.5;
+}
+.report-poster-disclaimer {
+    display: block;
+    margin-top: 12rpx;
+    font-size: 22rpx;
+    color: var(--slate-400);
+}
+.report-actions {
+    margin-top: 24rpx;
+    display: flex;
+    flex-direction: column;
+    gap: 12rpx;
+}
+.report-share-btn {
+    height: 88rpx;
+    line-height: 88rpx;
+    text-align: center;
+    background: var(--primary-grad);
+    color: #ffffff;
+    font-size: 30rpx;
+    font-weight: 700;
+    border-radius: var(--radius-pill);
+    border: none;
+    box-shadow: var(--shadow-glow-primary);
+}
+.report-secondary-btn {
+    height: 72rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--slate-600);
+    font-size: 28rpx;
+}
+
+.daily-page.is-invite-viewer {
+    background: #ecfeff;
+    padding-bottom: 0;
+}
 </style>
diff --git a/TUICallKit-Vue3/tongji/utils/svgDataUrl.js b/TUICallKit-Vue3/tongji/utils/svgDataUrl.js
new file mode 100644
index 00000000..045b6282
--- /dev/null
+++ b/TUICallKit-Vue3/tongji/utils/svgDataUrl.js
@@ -0,0 +1,49 @@
+/**
+ * 将 SVG 字符串转为小程序可用的 data URL（base64 在真机上更稳定）
+ */
+
+function utf8ToBytes(str) {
+    const encoded = encodeURIComponent(str)
+    const bytes = []
+    for (let i = 0; i < encoded.length; i++) {
+        if (encoded.charCodeAt(i) === 37) {
+            bytes.push(parseInt(encoded.substring(i + 1, i + 3), 16))
+            i += 2
+        } else {
+            bytes.push(encoded.charCodeAt(i))
+        }
+    }
+    return new Uint8Array(bytes)
+}
+
+function bytesToBase64(bytes) {
+    if (typeof uni !== 'undefined' && typeof uni.arrayBufferToBase64 === 'function') {
+        return uni.arrayBufferToBase64(bytes.buffer)
+    }
+    if (typeof btoa !== 'undefined') {
+        let binary = ''
+        for (let i = 0; i < bytes.length; i++) {
+            binary += String.fromCharCode(bytes[i])
+        }
+        return btoa(binary)
+    }
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'
+    let result = ''
+    for (let i = 0; i < bytes.length; i += 3) {
+        const a = bytes[i]
+        const b = i + 1 < bytes.length ? bytes[i + 1] : 0
+        const c = i + 2 < bytes.length ? bytes[i + 2] : 0
+        result += chars[a >> 2]
+        result += chars[((a & 3) << 4) | (b >> 4)]
+        result += i + 1 < bytes.length ? chars[((b & 15) << 2) | (c >> 6)] : '='
+        result += i + 2 < bytes.length ? chars[c & 63] : '='
+    }
+    return result
+}
+
+export function svgToDataUrl(svg) {
+    const normalized = String(svg || '').trim()
+    if (!normalized) return ''
+    const base64 = bytesToBase64(utf8ToBytes(normalized))
+    return `data:image/svg+xml;base64,${base64}`
+}
diff --git a/server/app/api/controller/TcmController.php b/server/app/api/controller/TcmController.php
index bed3e404..28bafdbc 100755
--- a/server/app/api/controller/TcmController.php
+++ b/server/app/api/controller/TcmController.php
@@ -16,9 +16,14 @@ namespace app\api\controller;
 
 use app\adminapi\logic\tcm\DiagnosisLogic;
 use app\adminapi\logic\tcm\TrackingNoteLogic;
+use app\api\logic\tcm\DailyGamifyLogic;
+use app\api\logic\tcm\DailyFamilyLikeLogic;
+use app\api\logic\tcm\DailyShareLogic;
 use app\adminapi\logic\ConfigLogic;
 use app\common\model\tcm\Diagnosis;
 use app\common\model\tcm\BloodRecord;
+use app\common\model\tcm\DietRecord;
+use app\common\model\tcm\ExerciseRecord;
 
 /**
  * 中医诊断控制器（供小程序调用）
@@ -31,7 +36,7 @@ class TcmController extends BaseApiController
      * @notes 不需要登录的方法
      * @var array
      */
-    public array $notNeedLogin = ['getPatientSignature', 'diagnosisDetail', 'getDict', 'confirmDiagnosis', 'getCardList', 'getOrderByNo', 'patientHangupVideo', 'dailyTrackingWindow', 'dailyTrackingNotes'];
+    public array $notNeedLogin = ['getPatientSignature', 'diagnosisDetail', 'getDict', 'confirmDiagnosis', 'getCardList', 'getOrderByNo', 'patientHangupVideo', 'dailySharePreview', 'dailyFamilyLike'];
     
     /**
      * @notes 获取患者签名（供小程序调用）
@@ -350,16 +355,13 @@ class TcmController extends BaseApiController
         $startDate   = (string) $this->request->get('start_date', '');
         $endDate     = (string) $this->request->get('end_date', '');
 
-        if ($diagnosisId <= 0) {
-            return $this->fail('诊单ID不能为空');
+        $check = $this->ensurePatientOwnsDiagnosis($diagnosisId);
+        if (!$check['ok']) {
+            return $this->fail($check['error']);
         }
+        $diagnosis = $check['diagnosis'];
 
         try {
-            // 患者端越权校验：诊单必须存在；如传入 patient_id 则须与诊单匹配
-            $diagnosis = Diagnosis::where('id', $diagnosisId)->find();
-            if (!$diagnosis) {
-                return $this->fail('诊单不存在');
-            }
             if ($patientId > 0 && (int) $diagnosis['patient_id'] !== $patientId) {
                 return $this->fail('无权查看该诊单的日常记录');
             }
@@ -393,15 +395,13 @@ class TcmController extends BaseApiController
         $diagnosisId = (int) $this->request->get('diagnosis_id', 0);
         $patientId   = (int) $this->request->get('patient_id', 0);
 
-        if ($diagnosisId <= 0) {
-            return $this->fail('诊单ID不能为空');
+        $check = $this->ensurePatientOwnsDiagnosis($diagnosisId);
+        if (!$check['ok']) {
+            return $this->fail($check['error']);
         }
+        $diagnosis = $check['diagnosis'];
 
         try {
-            $diagnosis = Diagnosis::where('id', $diagnosisId)->find();
-            if (!$diagnosis) {
-                return $this->fail('诊单不存在');
-            }
             if ($patientId > 0 && (int) $diagnosis['patient_id'] !== $patientId) {
                 return $this->fail('无权查看该诊单的跟踪备注');
             }
@@ -413,6 +413,28 @@ class TcmController extends BaseApiController
         }
     }
 
+    /**
+     * 解析小程序 form-urlencoded 提交的 JSON 字段
+     *
+     * @param mixed  $raw
+     * @param string $arrayKey ThinkPHP 数组字段名，如 badges/a
+     * @return array
+     */
+    private function decodeJsonPostField($raw, string $arrayKey): array
+    {
+        if (is_string($raw) && $raw !== '') {
+            $decoded = json_decode($raw, true);
+            if (is_array($decoded)) {
+                return $decoded;
+            }
+        }
+        if (is_array($raw)) {
+            return $raw;
+        }
+        $arr = $this->request->post($arrayKey, []);
+        return is_array($arr) ? $arr : [];
+    }
+
     /**
      * @notes 校验当前登录患者是否拥有指定诊单（通过 diagnosis_view_records 关联）
      * @param int $diagnosisId
@@ -630,6 +652,328 @@ class TcmController extends BaseApiController
         }
     }
 
+    /**
+     * @notes 获取稳糖乐园状态（积分、今日任务、可领取积分）
+     *
+     * 路由：GET /api/tcm/dailyGetGamify?diagnosis_id=:id
+     *
+     * @return \think\response\Json
+     */
+    public function dailyGetGamify()
+    {
+        $diagnosisId = (int) $this->request->get('diagnosis_id', 0);
+        $result      = DailyGamifyLogic::getState((int) $this->userId, $diagnosisId);
+        if ($result === false) {
+            return $this->fail(DailyGamifyLogic::getError());
+        }
+        return $this->data($result);
+    }
+
+    /**
+     * @notes 给小树浇水（领取今日已完成任务的积分，服务端校验）
+     *
+     * 路由：POST /api/tcm/dailyWaterTree
+     * 必填：diagnosis_id
+     *
+     * @return \think\response\Json
+     */
+    public function dailyWaterTree()
+    {
+        $diagnosisId = (int) $this->request->post('diagnosis_id', 0);
+        $result      = DailyGamifyLogic::waterTree((int) $this->userId, $diagnosisId);
+        if ($result === false) {
+            return $this->fail(DailyGamifyLogic::getError());
+        }
+        // 统一走 success，保证 msg 与 data 同时返回，前端可提示且刷新状态
+        return $this->success($result['message'] ?? '操作成功', $result, 1, 1);
+    }
+
+    /**
+     * @notes 日常记录-获取今日饮食记录
+     *
+     * 路由：GET /api/tcm/dailyTodayDietRecord?diagnosis_id=:id
+     */
+    public function dailyTodayDietRecord()
+    {
+        $diagnosisId = (int) $this->request->get('diagnosis_id', 0);
+        $check       = $this->ensurePatientOwnsDiagnosis($diagnosisId);
+        if (!$check['ok']) {
+            return $this->fail($check['error']);
+        }
+
+        try {
+            $todayStart = strtotime(date('Y-m-d 00:00:00'));
+            $todayEnd   = strtotime(date('Y-m-d 23:59:59'));
+            $record     = DietRecord::where('diagnosis_id', $diagnosisId)
+                ->where('record_date', '>=', $todayStart)
+                ->where('record_date', '<=', $todayEnd)
+                ->order('id', 'desc')
+                ->find();
+
+            if (!$record) {
+                return $this->data(['record' => null, 'today' => date('Y-m-d')]);
+            }
+
+            $data                = $record->toArray();
+            $data['record_date'] = date('Y-m-d', (int) $data['record_date']);
+            return $this->data(['record' => $data, 'today' => date('Y-m-d')]);
+        } catch (\Exception $e) {
+            return $this->fail($e->getMessage());
+        }
+    }
+
+    /**
+     * @notes 日常记录-保存今日饮食
+     *
+     * 路由：POST /api/tcm/dailySaveDietRecord
+     */
+    public function dailySaveDietRecord()
+    {
+        $diagnosisId = (int) $this->request->post('diagnosis_id', 0);
+        $check       = $this->ensurePatientOwnsDiagnosis($diagnosisId);
+        if (!$check['ok']) {
+            return $this->fail($check['error']);
+        }
+        $diagnosis = $check['diagnosis'];
+
+        $breakfast = trim((string) $this->request->post('breakfast_foods', ''));
+        $lunch     = trim((string) $this->request->post('lunch_foods', ''));
+        $dinner    = trim((string) $this->request->post('dinner_foods', ''));
+        $note      = trim((string) $this->request->post('note', ''));
+
+        if ($breakfast === '' && $lunch === '' && $dinner === '') {
+            return $this->fail('请至少填写一餐饮食');
+        }
+
+        try {
+            $todayStart = strtotime(date('Y-m-d 00:00:00'));
+            $todayEnd   = strtotime(date('Y-m-d 23:59:59'));
+            $existing   = DietRecord::where('diagnosis_id', $diagnosisId)
+                ->where('record_date', '>=', $todayStart)
+                ->where('record_date', '<=', $todayEnd)
+                ->order('id', 'desc')
+                ->find();
+
+            $payload = [
+                'diagnosis_id'    => $diagnosisId,
+                'patient_id'      => (int) $diagnosis['patient_id'],
+                'record_date'     => $todayStart,
+                'breakfast_foods' => $breakfast,
+                'lunch_foods'     => $lunch,
+                'dinner_foods'    => $dinner,
+                'note'            => $note,
+            ];
+
+            if ($existing) {
+                $payload['id'] = $existing['id'];
+                DietRecord::update($payload);
+                return $this->success('已更新今日饮食', ['id' => $existing['id']]);
+            }
+
+            $created = DietRecord::create($payload);
+            return $this->success('饮食记录已保存', ['id' => $created->id]);
+        } catch (\Exception $e) {
+            return $this->fail($e->getMessage());
+        }
+    }
+
+    /**
+     * @notes 日常记录-获取今日运动记录
+     *
+     * 路由：GET /api/tcm/dailyTodayExerciseRecord?diagnosis_id=:id
+     */
+    public function dailyTodayExerciseRecord()
+    {
+        $diagnosisId = (int) $this->request->get('diagnosis_id', 0);
+        $check       = $this->ensurePatientOwnsDiagnosis($diagnosisId);
+        if (!$check['ok']) {
+            return $this->fail($check['error']);
+        }
+
+        try {
+            $todayStart = strtotime(date('Y-m-d 00:00:00'));
+            $todayEnd   = strtotime(date('Y-m-d 23:59:59'));
+            $record     = ExerciseRecord::where('diagnosis_id', $diagnosisId)
+                ->where('record_date', '>=', $todayStart)
+                ->where('record_date', '<=', $todayEnd)
+                ->order('id', 'desc')
+                ->find();
+
+            if (!$record) {
+                return $this->data(['record' => null, 'today' => date('Y-m-d')]);
+            }
+
+            $data                = $record->toArray();
+            $data['record_date'] = date('Y-m-d', (int) $data['record_date']);
+            return $this->data(['record' => $data, 'today' => date('Y-m-d')]);
+        } catch (\Exception $e) {
+            return $this->fail($e->getMessage());
+        }
+    }
+
+    /**
+     * @notes 日常记录-保存今日运动
+     *
+     * 路由：POST /api/tcm/dailySaveExerciseRecord
+     */
+    public function dailySaveExerciseRecord()
+    {
+        $diagnosisId = (int) $this->request->post('diagnosis_id', 0);
+        $check       = $this->ensurePatientOwnsDiagnosis($diagnosisId);
+        if (!$check['ok']) {
+            return $this->fail($check['error']);
+        }
+        $diagnosis = $check['diagnosis'];
+
+        $exerciseType = trim((string) $this->request->post('exercise_type', ''));
+        $durationRaw  = $this->request->post('duration', '');
+        $intensity    = (int) $this->request->post('intensity', 2);
+        $note         = trim((string) $this->request->post('note', ''));
+
+        $duration = null;
+        if ($durationRaw !== '' && $durationRaw !== null && is_numeric($durationRaw)) {
+            $d = (int) $durationRaw;
+            if ($d > 0) {
+                $duration = $d;
+            }
+        }
+
+        if ($exerciseType === '' && $duration === null) {
+            return $this->fail('请填写运动类型或时长');
+        }
+
+        if ($intensity < 1 || $intensity > 3) {
+            $intensity = 2;
+        }
+
+        try {
+            $todayStart = strtotime(date('Y-m-d 00:00:00'));
+            $todayEnd   = strtotime(date('Y-m-d 23:59:59'));
+            $existing   = ExerciseRecord::where('diagnosis_id', $diagnosisId)
+                ->where('record_date', '>=', $todayStart)
+                ->where('record_date', '<=', $todayEnd)
+                ->order('id', 'desc')
+                ->find();
+
+            $payload = [
+                'diagnosis_id'   => $diagnosisId,
+                'patient_id'     => (int) $diagnosis['patient_id'],
+                'record_date'    => $todayStart,
+                'exercise_type'  => $exerciseType,
+                'duration'       => $duration,
+                'intensity'      => $intensity,
+                'note'           => $note,
+            ];
+
+            if ($existing) {
+                $payload['id'] = $existing['id'];
+                ExerciseRecord::update($payload);
+                return $this->success('已更新今日运动', ['id' => $existing['id']]);
+            }
+
+            $created = ExerciseRecord::create($payload);
+            return $this->success('运动记录已保存', ['id' => $created->id]);
+        } catch (\Exception $e) {
+            return $this->fail($e->getMessage());
+        }
+    }
+
+    /**
+     * @notes 保存稳糖分 / 勋章 / 任务领奖状态
+     *
+     * 路由：POST /api/tcm/dailySaveGamify
+     * 参数：diagnosis_id, points, badges(数组), task_awards(对象)
+     *
+     * @return \think\response\Json
+     */
+    public function dailySaveGamify()
+    {
+        $diagnosisId = (int) $this->request->post('diagnosis_id', 0);
+        $points      = (int) $this->request->post('points', 0);
+        $badges      = $this->decodeJsonPostField($this->request->post('badges', ''), 'badges/a');
+        $taskAwards  = $this->decodeJsonPostField($this->request->post('task_awards', ''), 'task_awards/a');
+
+        $result = DailyGamifyLogic::saveState((int) $this->userId, $diagnosisId, $points, $badges, $taskAwards);
+        if ($result === false) {
+            return $this->fail(DailyGamifyLogic::getError());
+        }
+        return $this->data($result);
+    }
+
+    /**
+     * @notes 生成日常记录分享邀请码（仅当天有效）
+     *
+     * 路由：POST /api/tcm/dailyCreateShareInvite
+     * 必填：diagnosis_id
+     *
+     * @return \think\response\Json
+     */
+    public function dailyCreateShareInvite()
+    {
+        $diagnosisId = (int) $this->request->post('diagnosis_id', 0);
+        $result      = DailyShareLogic::createInvite((int) $this->userId, $diagnosisId);
+        if ($result === false) {
+            return $this->fail(DailyShareLogic::getError());
+        }
+        return $this->data($result);
+    }
+
+    /**
+     * @notes 凭邀请码查看分享战报（无需登录，含近7日血糖/血压记录）
+     *
+     * 路由：GET /api/tcm/dailySharePreview?invite_code=XXXXXXXX
+     *
+     * @return \think\response\Json
+     */
+    public function dailySharePreview()
+    {
+        $inviteCode = (string) $this->request->get('invite_code', '');
+        $viewerKey  = (string) $this->request->get('viewer_key', '');
+        $result     = DailyShareLogic::previewByInviteCode($inviteCode, $viewerKey);
+        if ($result === false) {
+            return $this->fail(DailyShareLogic::getError());
+        }
+        return $this->data($result);
+    }
+
+    /**
+     * @notes 家人点赞（邀请观看页，无需登录）
+     *
+     * 路由：POST /api/tcm/dailyFamilyLike
+     * 必填：invite_code, viewer_key
+     * 可选：nickname（家人/亲友/老伴 等）
+     *
+     * @return \think\response\Json
+     */
+    public function dailyFamilyLike()
+    {
+        $inviteCode = (string) $this->request->post('invite_code', '');
+        $viewerKey  = (string) $this->request->post('viewer_key', '');
+        $nickname   = (string) $this->request->post('nickname', '');
+        $result     = DailyFamilyLikeLogic::addLike($inviteCode, $viewerKey, $nickname);
+        if ($result === false) {
+            return $this->fail(DailyFamilyLikeLogic::getError());
+        }
+        return $this->data($result);
+    }
+
+    /**
+     * @notes 患者查看今日家人点赞汇总
+     *
+     * 路由：GET /api/tcm/dailyFamilyLikeSummary?diagnosis_id=
+     *
+     * @return \think\response\Json
+     */
+    public function dailyFamilyLikeSummary()
+    {
+        $diagnosisId = (int) $this->request->get('diagnosis_id', 0);
+        $result      = DailyFamilyLikeLogic::summaryForPatient((int) $this->userId, $diagnosisId);
+        if ($result === false) {
+            return $this->fail(DailyFamilyLikeLogic::getError());
+        }
+        return $this->data($result);
+    }
+
     /**
      * @notes 根据订单号获取订单详情（供小程序支付页调用）
      * @return \think\response\Json
diff --git a/server/app/api/logic/tcm/DailyFamilyLikeLogic.php b/server/app/api/logic/tcm/DailyFamilyLikeLogic.php
new file mode 100644
index 00000000..9a7ea1ad
--- /dev/null
+++ b/server/app/api/logic/tcm/DailyFamilyLikeLogic.php
@@ -0,0 +1,250 @@
+<?php
+
+namespace app\api\logic\tcm;
+
+use app\common\model\tcm\DailyFamilyLike;
+use app\common\model\tcm\DailyShareInvite;
+
+/**
+ * 家人点赞（邀请观看页 → 患者日常页展示）
+ */
+class DailyFamilyLikeLogic
+{
+    protected static string $error = '';
+
+    /** @var string[] */
+    protected static array $praisePool = [
+        '坚持得很好，为您点赞！',
+        '每天记录真棒，继续保持！',
+        '您的自律让人佩服！',
+        '加油，家人一直支持您！',
+        '稳糖路上，您并不孤单！',
+        '好习惯正在养成，真为您高兴！',
+    ];
+
+    public static function getError(): string
+    {
+        return self::$error;
+    }
+
+    protected static function setError(string $msg): bool
+    {
+        self::$error = $msg;
+        return false;
+    }
+
+    /**
+     * 校验当日邀请码
+     *
+     * @return array{diagnosis_id:int,invite_code:string}|false
+     */
+    protected static function resolveInvite(string $inviteCode): array|false
+    {
+        $inviteCode = strtoupper(trim($inviteCode));
+        if ($inviteCode === '') {
+            return self::setError('邀请码不能为空') ? false : false;
+        }
+
+        $row = DailyShareInvite::where('invite_code', $inviteCode)->find();
+        if (!$row) {
+            return self::setError('邀请码无效或已失效') ? false : false;
+        }
+
+        $today = date('Y-m-d');
+        if ((string) $row['invite_date'] !== $today) {
+            return self::setError('邀请码已过期，仅可在分享当天点赞') ? false : false;
+        }
+
+        return [
+            'diagnosis_id' => (int) $row['diagnosis_id'],
+            'invite_code'  => $inviteCode,
+        ];
+    }
+
+    protected static function normalizeViewerKey(string $viewerKey): string
+    {
+        $viewerKey = preg_replace('/[^\w\-]/', '', trim($viewerKey)) ?? '';
+        if (strlen($viewerKey) < 8) {
+            return '';
+        }
+        return substr($viewerKey, 0, 64);
+    }
+
+    protected static function normalizeNickname(string $nickname): string
+    {
+        $nickname = trim($nickname);
+        if ($nickname === '') {
+            return '家人';
+        }
+        $nickname = mb_substr($nickname, 0, 8, 'UTF-8');
+        return $nickname !== '' ? $nickname : '家人';
+    }
+
+    public static function countToday(int $diagnosisId, ?string $likeDate = null): int
+    {
+        $likeDate = $likeDate ?: date('Y-m-d');
+        return (int) DailyFamilyLike::where('diagnosis_id', $diagnosisId)
+            ->where('like_date', $likeDate)
+            ->count();
+    }
+
+    public static function likedByViewer(int $diagnosisId, string $viewerKey, ?string $likeDate = null): bool
+    {
+        $viewerKey = self::normalizeViewerKey($viewerKey);
+        if ($viewerKey === '') {
+            return false;
+        }
+        $likeDate = $likeDate ?: date('Y-m-d');
+        return DailyFamilyLike::where('diagnosis_id', $diagnosisId)
+            ->where('like_date', $likeDate)
+            ->where('viewer_key', $viewerKey)
+            ->find() !== null;
+    }
+
+    /**
+     * 邀请预览附加点赞信息
+     */
+    public static function metaForInvite(string $inviteCode, string $viewerKey = ''): array
+    {
+        $resolved = self::resolveInvite($inviteCode);
+        if ($resolved === false) {
+            return [
+                'like_count'    => 0,
+                'liked_by_me'   => false,
+            ];
+        }
+
+        $diagnosisId = $resolved['diagnosis_id'];
+        $viewerKey   = self::normalizeViewerKey($viewerKey);
+
+        return [
+            'like_count'  => self::countToday($diagnosisId),
+            'liked_by_me' => $viewerKey !== '' && self::likedByViewer($diagnosisId, $viewerKey),
+        ];
+    }
+
+    /**
+     * 家人点赞（无需登录）
+     */
+    public static function addLike(string $inviteCode, string $viewerKey, string $nickname = ''): array|false
+    {
+        self::$error = '';
+        $resolved = self::resolveInvite($inviteCode);
+        if ($resolved === false) {
+            return false;
+        }
+
+        $viewerKey = self::normalizeViewerKey($viewerKey);
+        if ($viewerKey === '') {
+            return self::setError('设备标识无效，请重试') ? false : false;
+        }
+
+        $diagnosisId = $resolved['diagnosis_id'];
+        $likeDate    = date('Y-m-d');
+        $nickname    = self::normalizeNickname($nickname);
+
+        $exists = DailyFamilyLike::where('diagnosis_id', $diagnosisId)
+            ->where('like_date', $likeDate)
+            ->where('viewer_key', $viewerKey)
+            ->find();
+
+        if ($exists) {
+            return [
+                'already_liked'  => true,
+                'like_count'     => self::countToday($diagnosisId, $likeDate),
+                'praise_message' => '您今天已经点过赞啦，谢谢您的鼓励',
+                'nickname'       => (string) ($exists['nickname'] ?? '家人'),
+            ];
+        }
+
+        $todayCount = self::countToday($diagnosisId, $likeDate);
+        if ($todayCount >= 50) {
+            return self::setError('今日点赞已满，明天再来吧') ? false : false;
+        }
+
+        DailyFamilyLike::create([
+            'diagnosis_id' => $diagnosisId,
+            'like_date'    => $likeDate,
+            'invite_code'  => $resolved['invite_code'],
+            'viewer_key'   => $viewerKey,
+            'nickname'     => $nickname,
+            'create_time'  => time(),
+        ]);
+
+        $likeCount = self::countToday($diagnosisId, $likeDate);
+        $idx       = $likeCount > 0 ? ($likeCount - 1) % count(self::$praisePool) : 0;
+
+        return [
+            'already_liked'  => false,
+            'like_count'     => $likeCount,
+            'praise_message' => self::$praisePool[$idx],
+            'nickname'       => $nickname,
+        ];
+    }
+
+    /**
+     * 患者查看今日家人点赞（需登录且拥有诊单）
+     */
+    public static function summaryForPatient(int $userId, int $diagnosisId): array|false
+    {
+        self::$error = '';
+        if ($userId <= 0) {
+            return self::setError('请先登录') ? false : false;
+        }
+        if ($diagnosisId <= 0) {
+            return self::setError('诊单ID不能为空') ? false : false;
+        }
+
+        $owned = \think\facade\Db::name('diagnosis_view_records')
+            ->where('user_id', $userId)
+            ->where('diagnosis_id', $diagnosisId)
+            ->where('delete_time', null)
+            ->find();
+        if (!$owned) {
+            return self::setError('无权查看该诊单') ? false : false;
+        }
+
+        $likeDate = date('Y-m-d');
+        $count    = self::countToday($diagnosisId, $likeDate);
+
+        $rows = DailyFamilyLike::where('diagnosis_id', $diagnosisId)
+            ->where('like_date', $likeDate)
+            ->order('id', 'desc')
+            ->limit(8)
+            ->select()
+            ->toArray();
+
+        $recent = [];
+        foreach ($rows as $r) {
+            $recent[] = [
+                'nickname' => (string) ($r['nickname'] ?? '家人'),
+                'time_label' => self::timeLabel((int) ($r['create_time'] ?? 0)),
+            ];
+        }
+
+        $summaryLine = $count > 0
+            ? "今日有 {$count} 位家人为您点赞，继续加油！"
+            : '分享战报给家人，邀请他们为您点赞鼓劲';
+
+        return [
+            'like_count'   => $count,
+            'summary_line' => $summaryLine,
+            'recent'       => $recent,
+        ];
+    }
+
+    protected static function timeLabel(int $ts): string
+    {
+        if ($ts <= 0) {
+            return '刚刚';
+        }
+        $diff = time() - $ts;
+        if ($diff < 60) {
+            return '刚刚';
+        }
+        if ($diff < 3600) {
+            return (int) floor($diff / 60) . '分钟前';
+        }
+        return date('H:i', $ts);
+    }
+}
diff --git a/server/app/api/logic/tcm/DailyGamifyLogic.php b/server/app/api/logic/tcm/DailyGamifyLogic.php
new file mode 100644
index 00000000..a24877c0
--- /dev/null
+++ b/server/app/api/logic/tcm/DailyGamifyLogic.php
@@ -0,0 +1,373 @@
+<?php
+
+namespace app\api\logic\tcm;
+
+use app\common\model\tcm\BloodRecord;
+use app\common\model\tcm\DailyGamify;
+use app\common\model\tcm\DietRecord;
+use app\common\model\tcm\ExerciseRecord;
+
+/**
+ * 稳糖分 / 勋章 / 浇水领奖
+ */
+class DailyGamifyLogic
+{
+    protected static string $error = '';
+
+    /** @var array<string,array{name:string,points:int}> */
+    protected static array $taskDefs = [
+        'blood'    => ['name' => '测血糖血压', 'points' => 10],
+        'diet'     => ['name' => '记今日饮食', 'points' => 10],
+        'exercise' => ['name' => '记今日运动', 'points' => 10],
+    ];
+
+    public static function getError(): string
+    {
+        return self::$error;
+    }
+
+    protected static function setError(string $msg): bool
+    {
+        self::$error = $msg;
+        return false;
+    }
+
+    protected static function assertOwned(int $userId, int $diagnosisId): bool
+    {
+        if ($userId <= 0) {
+            return self::setError('请先登录') ? false : false;
+        }
+        if ($diagnosisId <= 0) {
+            return self::setError('诊单ID不能为空') ? false : false;
+        }
+        $owned = \think\facade\Db::name('diagnosis_view_records')
+            ->where('user_id', $userId)
+            ->where('diagnosis_id', $diagnosisId)
+            ->where('delete_time', null)
+            ->find();
+        if (!$owned) {
+            return self::setError('无权操作该诊单') ? false : false;
+        }
+        return true;
+    }
+
+    protected static function todayRange(): array
+    {
+        return [
+            strtotime(date('Y-m-d 00:00:00')),
+            strtotime(date('Y-m-d 23:59:59')),
+        ];
+    }
+
+    protected static function hasValue($v): bool
+    {
+        if ($v === null || $v === '' || $v === '0' || $v === 0) {
+            return false;
+        }
+        if (is_string($v)) {
+            return trim($v) !== '';
+        }
+        return is_numeric($v) && (float) $v > 0;
+    }
+
+    /**
+     * 今日任务是否已完成（依据真实业务记录）
+     */
+    public static function evaluateTaskCompletion(int $diagnosisId): array
+    {
+        [$start, $end] = self::todayRange();
+
+        $blood = BloodRecord::where('diagnosis_id', $diagnosisId)
+            ->where('source', 1)
+            ->where('record_date', '>=', $start)
+            ->where('record_date', '<=', $end)
+            ->find();
+
+        $bloodDone = false;
+        if ($blood) {
+            $bloodDone = self::hasValue($blood['fasting_blood_sugar'] ?? null)
+                || self::hasValue($blood['postprandial_blood_sugar'] ?? null)
+                || self::hasValue($blood['other_blood_sugar'] ?? null)
+                || self::hasValue($blood['systolic_pressure'] ?? null)
+                || self::hasValue($blood['diastolic_pressure'] ?? null);
+        }
+
+        $diet = DietRecord::where('diagnosis_id', $diagnosisId)
+            ->where('record_date', '>=', $start)
+            ->where('record_date', '<=', $end)
+            ->order('id', 'desc')
+            ->find();
+
+        $dietDone = false;
+        if ($diet) {
+            $dietDone = self::hasValue($diet['breakfast_foods'] ?? null)
+                || self::hasValue($diet['lunch_foods'] ?? null)
+                || self::hasValue($diet['dinner_foods'] ?? null);
+        }
+
+        $exercise = ExerciseRecord::where('diagnosis_id', $diagnosisId)
+            ->where('record_date', '>=', $start)
+            ->where('record_date', '<=', $end)
+            ->order('id', 'desc')
+            ->find();
+
+        $exerciseDone = false;
+        if ($exercise) {
+            $exerciseDone = self::hasValue($exercise['exercise_type'] ?? null)
+                || self::hasValue($exercise['duration'] ?? null);
+        }
+
+        return [
+            'blood'    => $bloodDone,
+            'diet'     => $dietDone,
+            'exercise' => $exerciseDone,
+        ];
+    }
+
+    /**
+     * @param array<string,array<string,bool>> $taskAwards
+     * @return array<int,array{id:string,name:string,points:int,completed:bool,claimed:bool}>
+     */
+    public static function buildTodayTasks(int $diagnosisId, array $taskAwards): array
+    {
+        $today      = date('Y-m-d');
+        $awards     = isset($taskAwards[$today]) && is_array($taskAwards[$today]) ? $taskAwards[$today] : [];
+        $completion = self::evaluateTaskCompletion($diagnosisId);
+        $list       = [];
+
+        foreach (self::$taskDefs as $id => $def) {
+            $list[] = [
+                'id'        => $id,
+                'name'      => $def['name'],
+                'points'    => $def['points'],
+                'completed' => !empty($completion[$id]),
+                'claimed'   => !empty($awards[$id]),
+            ];
+        }
+
+        return $list;
+    }
+
+    protected static function treeMeta(int $points): array
+    {
+        $level = min(4, (int) floor($points / 100));
+        $names = ['嫩芽期', '成长雏形', '枝繁叶茂', '含苞待放', '花开稳糖'];
+        return [
+            'tree_level'     => $level,
+            'tree_progress'  => $level >= 4 ? 100 : ($points % 100),
+            'tree_level_name' => $names[$level] ?? '嫩芽期',
+        ];
+    }
+
+    /**
+     * 获取稳糖乐园状态（含今日任务）
+     */
+    public static function getState(int $userId, int $diagnosisId): array|false
+    {
+        self::$error = '';
+        if (!self::assertOwned($userId, $diagnosisId)) {
+            return false;
+        }
+
+        $row = DailyGamify::where('diagnosis_id', $diagnosisId)
+            ->where('user_id', $userId)
+            ->find();
+
+        $points     = $row ? (int) $row['points'] : 0;
+        $badges     = $row ? self::decodeJsonArray((string) ($row['badges'] ?? '')) : [];
+        $taskAwards = $row ? self::decodeJsonObject((string) ($row['task_awards'] ?? '')) : [];
+
+        $todayTasks = self::buildTodayTasks($diagnosisId, $taskAwards);
+        $claimable  = 0;
+        foreach ($todayTasks as $t) {
+            if ($t['completed'] && !$t['claimed']) {
+                $claimable += (int) $t['points'];
+            }
+        }
+
+        return array_merge([
+            'points'           => $points,
+            'badges'           => $badges,
+            'task_awards'      => $taskAwards,
+            'today_tasks'      => $todayTasks,
+            'claimable_points' => $claimable,
+        ], self::treeMeta($points));
+    }
+
+    /**
+     * 浇水：领取今日已完成且未领取的任务积分
+     */
+    public static function waterTree(int $userId, int $diagnosisId): array|false
+    {
+        self::$error = '';
+        if (!self::assertOwned($userId, $diagnosisId)) {
+            return false;
+        }
+
+        $row = DailyGamify::where('diagnosis_id', $diagnosisId)
+            ->where('user_id', $userId)
+            ->find();
+
+        $points     = $row ? (int) $row['points'] : 0;
+        $badges     = $row ? self::decodeJsonArray((string) ($row['badges'] ?? '')) : [];
+        $taskAwards = $row ? self::decodeJsonObject((string) ($row['task_awards'] ?? '')) : [];
+
+        $today       = date('Y-m-d');
+        $todayTasks  = self::buildTodayTasks($diagnosisId, $taskAwards);
+        $addedPoints = 0;
+        $claimedIds  = [];
+        $pending     = [];
+
+        if (!isset($taskAwards[$today]) || !is_array($taskAwards[$today])) {
+            $taskAwards[$today] = [];
+        }
+
+        foreach ($todayTasks as $task) {
+            if ($task['completed'] && !$task['claimed']) {
+                $id = (string) $task['id'];
+                $taskAwards[$today][$id] = true;
+                $addedPoints += (int) $task['points'];
+                $claimedIds[] = $id;
+            } elseif (!$task['completed']) {
+                $pending[] = [
+                    'id'   => $task['id'],
+                    'name' => $task['name'],
+                ];
+            }
+        }
+
+        if ($addedPoints <= 0) {
+            $claimable = 0;
+            foreach ($todayTasks as $t) {
+                if ($t['completed'] && !$t['claimed']) {
+                    $claimable += (int) $t['points'];
+                }
+            }
+            $refreshedTasks = self::buildTodayTasks($diagnosisId, $taskAwards);
+            return [
+                'added_points'     => 0,
+                'claimed_tasks'    => [],
+                'claimable_points' => $claimable,
+                'pending_tasks'    => $pending,
+                'points'           => $points,
+                'badges'           => $badges,
+                'task_awards'      => $taskAwards,
+                'today_tasks'      => $refreshedTasks,
+                'message'          => $claimable > 0 ? '请先点击浇水领取积分' : (count($pending) ? '请先完成今日任务再浇水' : '今日奖励已全部领取'),
+            ] + self::treeMeta($points);
+        }
+
+        $newPoints = $points + $addedPoints;
+        $saved     = self::saveState($userId, $diagnosisId, $newPoints, $badges, $taskAwards);
+        if ($saved === false) {
+            return false;
+        }
+
+        $refreshed = self::buildTodayTasks($diagnosisId, $taskAwards);
+
+        return [
+            'added_points'     => $addedPoints,
+            'claimed_tasks'    => $claimedIds,
+            'claimable_points' => 0,
+            'pending_tasks'    => $pending,
+            'points'           => $newPoints,
+            'badges'           => $badges,
+            'task_awards'      => $taskAwards,
+            'today_tasks'      => $refreshed,
+            'message'          => "浇水成功，获得 {$addedPoints} 稳糖积分",
+        ] + self::treeMeta($newPoints);
+    }
+
+    /**
+     * @param array<int,string> $badges
+     * @param array<string,array<string,bool>> $taskAwards
+     */
+    public static function saveState(int $userId, int $diagnosisId, int $points, array $badges, array $taskAwards): array|false
+    {
+        self::$error = '';
+        if (!self::assertOwned($userId, $diagnosisId)) {
+            return false;
+        }
+
+        $points = max(0, (int) $points);
+        $badges = array_values(array_unique(array_filter(array_map('strval', $badges))));
+        if (!is_array($taskAwards)) {
+            $taskAwards = [];
+        }
+
+        $now = time();
+        $row = DailyGamify::where('diagnosis_id', $diagnosisId)
+            ->where('user_id', $userId)
+            ->find();
+
+        $data = [
+            'points'      => $points,
+            'badges'      => json_encode($badges, JSON_UNESCAPED_UNICODE),
+            'task_awards' => json_encode($taskAwards, JSON_UNESCAPED_UNICODE),
+            'update_time' => $now,
+        ];
+
+        if ($row) {
+            DailyGamify::where('id', (int) $row['id'])->update($data);
+        } else {
+            $data['diagnosis_id'] = $diagnosisId;
+            $data['user_id']      = $userId;
+            $data['create_time']  = $now;
+            DailyGamify::create($data);
+        }
+
+        return [
+            'points'      => $points,
+            'badges'      => $badges,
+            'task_awards' => $taskAwards,
+        ];
+    }
+
+    /**
+     * 本地缓存迁到服务端：取 points/badges/task_awards 的较大合并
+     */
+    public static function mergeFromClient(int $userId, int $diagnosisId, int $points, array $badges, array $taskAwards): array|false
+    {
+        $server = self::getState($userId, $diagnosisId);
+        if ($server === false) {
+            return false;
+        }
+
+        $mergedPoints = max((int) $server['points'], max(0, $points));
+        $mergedBadges = array_values(array_unique(array_merge($server['badges'], $badges)));
+        $mergedAwards = $server['task_awards'];
+        foreach ($taskAwards as $date => $tasks) {
+            if (!is_array($tasks)) {
+                continue;
+            }
+            if (!isset($mergedAwards[$date]) || !is_array($mergedAwards[$date])) {
+                $mergedAwards[$date] = [];
+            }
+            foreach ($tasks as $taskId => $flag) {
+                if ($flag) {
+                    $mergedAwards[$date][(string) $taskId] = true;
+                }
+            }
+        }
+
+        return self::saveState($userId, $diagnosisId, $mergedPoints, $mergedBadges, $mergedAwards);
+    }
+
+    protected static function decodeJsonArray(string $json): array
+    {
+        if ($json === '') {
+            return [];
+        }
+        $data = json_decode($json, true);
+        return is_array($data) ? array_values(array_map('strval', $data)) : [];
+    }
+
+    protected static function decodeJsonObject(string $json): array
+    {
+        if ($json === '') {
+            return [];
+        }
+        $data = json_decode($json, true);
+        return is_array($data) ? $data : [];
+    }
+}
diff --git a/server/app/api/logic/tcm/DailyShareLogic.php b/server/app/api/logic/tcm/DailyShareLogic.php
new file mode 100644
index 00000000..a056f6ee
--- /dev/null
+++ b/server/app/api/logic/tcm/DailyShareLogic.php
@@ -0,0 +1,373 @@
+<?php
+
+namespace app\api\logic\tcm;
+
+use app\common\model\tcm\BloodRecord;
+use app\common\model\tcm\DailyShareInvite;
+use app\common\model\tcm\Diagnosis;
+
+/**
+ * 日常记录分享邀请码（当日有效、脱敏预览）
+ */
+class DailyShareLogic
+{
+    protected static string $error = '';
+
+    public static function getError(): string
+    {
+        return self::$error;
+    }
+
+    protected static function setError(string $msg): bool
+    {
+        self::$error = $msg;
+        return false;
+    }
+
+    /**
+     * 生成当日邀请码（分享人须已拥有诊单）
+     */
+    public static function createInvite(int $userId, int $diagnosisId): array|false
+    {
+        self::$error = '';
+        if ($userId <= 0) {
+            return self::setError('请先登录') ? false : false;
+        }
+        if ($diagnosisId <= 0) {
+            return self::setError('诊单ID不能为空') ? false : false;
+        }
+
+        $owned = \think\facade\Db::name('diagnosis_view_records')
+            ->where('user_id', $userId)
+            ->where('diagnosis_id', $diagnosisId)
+            ->where('delete_time', null)
+            ->find();
+        if (!$owned) {
+            return self::setError('无权分享该诊单') ? false : false;
+        }
+
+        $diagnosis = Diagnosis::where('id', $diagnosisId)->where('delete_time', null)->find();
+        if (!$diagnosis) {
+            return self::setError('诊单不存在') ? false : false;
+        }
+
+        $inviteDate = date('Y-m-d');
+        $code       = self::generateUniqueCode();
+
+        DailyShareInvite::create([
+            'invite_code'   => $code,
+            'diagnosis_id'  => $diagnosisId,
+            'user_id'       => $userId,
+            'invite_date'   => $inviteDate,
+            'create_time'   => time(),
+        ]);
+
+        return [
+            'invite_code'   => $code,
+            'invite_date'   => $inviteDate,
+            'expires_hint'  => '邀请码仅今日有效，明日将无法查看',
+            'share_path'    => '/tongji/pages/index?from=share&invite_code=' . $code,
+        ];
+    }
+
+    /**
+     * 凭邀请码查看分享战报（含近 7 日血糖/血压记录，仅当日邀请码有效）
+     */
+    public static function previewByInviteCode(string $inviteCode, string $viewerKey = ''): array|false
+    {
+        self::$error = '';
+        $inviteCode = strtoupper(trim($inviteCode));
+        if ($inviteCode === '') {
+            return self::setError('邀请码不能为空') ? false : false;
+        }
+
+        $row = DailyShareInvite::where('invite_code', $inviteCode)->find();
+        if (!$row) {
+            return self::setError('邀请码无效或已失效') ? false : false;
+        }
+
+        $today = date('Y-m-d');
+        if ((string) $row['invite_date'] !== $today) {
+            return self::setError('邀请码已过期，仅可在分享当天查看') ? false : false;
+        }
+
+        $diagnosisId = (int) $row['diagnosis_id'];
+        $diagnosis     = Diagnosis::where('id', $diagnosisId)->where('delete_time', null)->find();
+        if (!$diagnosis) {
+            return self::setError('诊单不存在') ? false : false;
+        }
+
+        $age   = (int) ($diagnosis['age'] ?? 0);
+        $stats = self::buildDesensitizedWeekStats($diagnosisId, $age);
+        $name  = trim((string) ($diagnosis['patient_name'] ?? ''));
+        $label = self::maskPatientName($name);
+
+        $likeMeta = DailyFamilyLikeLogic::metaForInvite($inviteCode, $viewerKey);
+
+        return array_merge($stats, $likeMeta, [
+            'invite_code'   => $inviteCode,
+            'invite_date'   => $today,
+            'expires_hint'  => '本邀请码仅今日有效，明日将无法查看',
+            'viewer_notice' => '您正在查看家人分享的近7日血糖记录',
+            'patient_label' => $label,
+        ]);
+    }
+
+    protected static function generateUniqueCode(): string
+    {
+        for ($i = 0; $i < 8; $i++) {
+            $code = strtoupper(substr(bin2hex(random_bytes(4)), 0, 8));
+            if (!DailyShareInvite::where('invite_code', $code)->find()) {
+                return $code;
+            }
+        }
+        return strtoupper(substr(uniqid('', true), -8));
+    }
+
+    protected static function maskPatientName(string $name): string
+    {
+        $name = trim($name);
+        if ($name === '') {
+            return '家人';
+        }
+        $len = mb_strlen($name, 'UTF-8');
+        if ($len <= 1) {
+            return $name . '*';
+        }
+        if ($len === 2) {
+            return mb_substr($name, 0, 1, 'UTF-8') . '*';
+        }
+        return mb_substr($name, 0, 1, 'UTF-8') . '*' . mb_substr($name, -1, 1, 'UTF-8');
+    }
+
+    /**
+     * 近 7 天习惯统计 + 每日血糖/血压记录（供家人分享页展示）
+     */
+    public static function buildDesensitizedWeekStats(int $diagnosisId, int $age = 0): array
+    {
+        $today     = new \DateTime('today');
+        $dayKeys   = [];
+        for ($i = 6; $i >= 0; $i--) {
+            $d = clone $today;
+            $d->modify("-{$i} days");
+            $dayKeys[] = $d->format('Y-m-d');
+        }
+
+        $startTs = strtotime($dayKeys[0] . ' 00:00:00');
+        $endTs   = strtotime($dayKeys[6] . ' 23:59:59');
+
+        $rows = BloodRecord::where('diagnosis_id', $diagnosisId)
+            ->where('record_date', '>=', $startTs)
+            ->where('record_date', '<=', $endTs)
+            ->field('record_date,fasting_blood_sugar,postprandial_blood_sugar,other_blood_sugar,systolic_pressure,diastolic_pressure')
+            ->select()
+            ->toArray();
+
+        $byDate = [];
+        foreach ($rows as $r) {
+            $key = date('Y-m-d', (int) $r['record_date']);
+            if (!isset($byDate[$key])) {
+                $byDate[$key] = $r;
+            } else {
+                foreach (['fasting_blood_sugar', 'postprandial_blood_sugar', 'other_blood_sugar', 'systolic_pressure', 'diastolic_pressure'] as $f) {
+                    if (self::hasValue($r[$f]) && !self::hasValue($byDate[$key][$f])) {
+                        $byDate[$key][$f] = $r[$f];
+                    }
+                }
+            }
+        }
+
+        $recordDays   = 0;
+        $completeDays = 0;
+        foreach ($dayKeys as $key) {
+            $b = $byDate[$key] ?? null;
+            if (!$b || !self::dayHasBlood($b)) {
+                continue;
+            }
+            $recordDays++;
+            if (self::hasValue($b['fasting_blood_sugar']) && self::hasValue($b['postprandial_blood_sugar'])) {
+                $completeDays++;
+            }
+        }
+
+        $streakDays = self::calcStreakDays($diagnosisId);
+
+        $tree = self::treeMeta($recordDays);
+        $quote = self::buildQuote($recordDays, $completeDays);
+
+        $weekdayLabels = ['日', '一', '二', '三', '四', '五', '六'];
+        $dailyRecords  = [];
+        foreach ($dayKeys as $key) {
+            $b   = $byDate[$key] ?? null;
+            $dt  = new \DateTime($key);
+            $w   = (int) $dt->format('w');
+            $has = $b && self::dayHasBlood($b);
+
+            $fasting = $has ? self::formatSugarValue($b['fasting_blood_sugar'] ?? null) : null;
+            $post    = $has ? self::formatSugarValue($b['postprandial_blood_sugar'] ?? null) : null;
+            $other   = $has ? self::formatSugarValue($b['other_blood_sugar'] ?? null) : null;
+            $sys     = $has ? self::formatSugarValue($b['systolic_pressure'] ?? null) : null;
+            $dia     = $has ? self::formatSugarValue($b['diastolic_pressure'] ?? null) : null;
+
+            $dailyRecords[] = [
+                'date'              => $key,
+                'date_label'        => $dt->format('n') . '/' . $dt->format('j'),
+                'weekday'           => '周' . $weekdayLabels[$w],
+                'has_record'        => $has,
+                'fasting'           => $fasting,
+                'fasting_high'      => self::isHighFasting($fasting, $age),
+                'postprandial'      => $post,
+                'postprandial_high' => self::isHighPostprandial($post, $age),
+                'other'             => $other,
+                'other_high'        => self::isHighPostprandial($other, $age),
+                'systolic'          => $sys,
+                'diastolic'         => $dia,
+                'bp_high'           => self::isHighBp($sys, $dia),
+                'bp_text'           => self::formatBpText($sys, $dia),
+            ];
+        }
+
+        return [
+            'week_label'     => $today->format('Y') . '年 第' . self::weekOfYear($today) . '周',
+            'record_days'    => $recordDays,
+            'complete_days'  => $completeDays,
+            'streak_days'    => $streakDays,
+            'quote'          => $quote,
+            'tree_emoji'     => $tree['emoji'],
+            'tree_title'     => $tree['title'],
+            'tree_desc'      => $tree['desc'],
+            'tree_level'     => $tree['level'],
+            'daily_records'  => $dailyRecords,
+        ];
+    }
+
+    protected static function formatSugarValue($v): ?float
+    {
+        if (!self::hasValue($v)) {
+            return null;
+        }
+        return round((float) $v, 1);
+    }
+
+    protected static function getBloodSugarThresholds(int $age): ?array
+    {
+        if ($age <= 0) {
+            return null;
+        }
+        if ($age < 50) {
+            return ['fasting' => 7.0, 'postprandial' => 9.0];
+        }
+        return ['fasting' => 8.0, 'postprandial' => 10.0];
+    }
+
+    protected static function isHighFasting(?float $v, int $age): bool
+    {
+        $t = self::getBloodSugarThresholds($age);
+        return $v !== null && $t !== null && $v >= $t['fasting'];
+    }
+
+    protected static function isHighPostprandial(?float $v, int $age): bool
+    {
+        $t = self::getBloodSugarThresholds($age);
+        return $v !== null && $t !== null && $v >= $t['postprandial'];
+    }
+
+    protected static function isHighBp(?float $systolic, ?float $diastolic): bool
+    {
+        return ($systolic !== null && $systolic > 140)
+            || ($diastolic !== null && $diastolic > 90);
+    }
+
+    protected static function formatBpText(?float $systolic, ?float $diastolic): string
+    {
+        if ($systolic === null && $diastolic === null) {
+            return '';
+        }
+        $s = $systolic !== null ? (string) (int) round($systolic) : '—';
+        $d = $diastolic !== null ? (string) (int) round($diastolic) : '—';
+        return $s . '/' . $d;
+    }
+
+    protected static function hasValue($v): bool
+    {
+        if ($v === null || $v === '' || $v === '0' || $v === 0) {
+            return false;
+        }
+        return is_numeric($v) && (float) $v > 0;
+    }
+
+    protected static function dayHasBlood(array $b): bool
+    {
+        return self::hasValue($b['fasting_blood_sugar'] ?? null)
+            || self::hasValue($b['postprandial_blood_sugar'] ?? null)
+            || self::hasValue($b['other_blood_sugar'] ?? null)
+            || self::hasValue($b['systolic_pressure'] ?? null)
+            || self::hasValue($b['diastolic_pressure'] ?? null);
+    }
+
+    protected static function calcStreakDays(int $diagnosisId): int
+    {
+        $today = new \DateTime('today');
+        $count = 0;
+        for ($i = 0; $i < 90; $i++) {
+            $d   = clone $today;
+            $d->modify("-{$i} days");
+            $key = $d->format('Y-m-d');
+            $start = strtotime($key . ' 00:00:00');
+            $end   = strtotime($key . ' 23:59:59');
+            $exists = BloodRecord::where('diagnosis_id', $diagnosisId)
+                ->where('record_date', '>=', $start)
+                ->where('record_date', '<=', $end)
+                ->whereRaw('(fasting_blood_sugar > 0 OR postprandial_blood_sugar > 0 OR other_blood_sugar > 0 OR systolic_pressure > 0 OR diastolic_pressure > 0)')
+                ->find();
+            if ($exists) {
+                $count++;
+                continue;
+            }
+            if ($i === 0) {
+                continue;
+            }
+            break;
+        }
+        return $count;
+    }
+
+    protected static function treeMeta(int $recordDays): array
+    {
+        if ($recordDays >= 7) {
+            return ['level' => 4, 'emoji' => '🌸', 'title' => '控糖树 · 开花啦', 'desc' => '本周每天都记录了'];
+        }
+        if ($recordDays >= 5) {
+            return ['level' => 3, 'emoji' => '🌳', 'title' => '控糖树 · 枝繁叶茂', 'desc' => "本周 {$recordDays}/7 天有记录"];
+        }
+        if ($recordDays >= 3) {
+            return ['level' => 2, 'emoji' => '🌿', 'title' => '控糖树 · 茁壮成长', 'desc' => "本周 {$recordDays}/7 天有记录"];
+        }
+        if ($recordDays >= 1) {
+            return ['level' => 1, 'emoji' => '🌱', 'title' => '控糖树 · 破土发芽', 'desc' => '本周已开始记录'];
+        }
+        return ['level' => 0, 'emoji' => '🪴', 'title' => '控糖树 · 等待浇水', 'desc' => '本周暂无记录'];
+    }
+
+    protected static function buildQuote(int $recordDays, int $completeDays): string
+    {
+        if ($recordDays >= 7) {
+            return '本周每天都留下了记录，这份自律值得骄傲！';
+        }
+        if ($completeDays >= 5) {
+            return "本周有 {$completeDays} 天完成了空腹+餐后记录，习惯越来越稳。";
+        }
+        if ($recordDays >= 4) {
+            return "本周已记录 {$recordDays} 天，坚持就是胜利。";
+        }
+        if ($recordDays > 0) {
+            return '好的开始！继续记录会更稳。';
+        }
+        return '分享者本周尚未记录，鼓励 Ta 每天记一笔。';
+    }
+
+    protected static function weekOfYear(\DateTime $date): int
+    {
+        return (int) $date->format('W');
+    }
+}
diff --git a/server/app/common/model/tcm/DailyFamilyLike.php b/server/app/common/model/tcm/DailyFamilyLike.php
new file mode 100644
index 00000000..4d96aa14
--- /dev/null
+++ b/server/app/common/model/tcm/DailyFamilyLike.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace app\common\model\tcm;
+
+use app\common\model\BaseModel;
+
+/**
+ * 日常记录家人点赞
+ */
+class DailyFamilyLike extends BaseModel
+{
+    protected $name = 'tcm_daily_family_like';
+
+    protected $autoWriteTimestamp = false;
+}
diff --git a/server/app/common/model/tcm/DailyGamify.php b/server/app/common/model/tcm/DailyGamify.php
new file mode 100644
index 00000000..ae7995e2
--- /dev/null
+++ b/server/app/common/model/tcm/DailyGamify.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace app\common\model\tcm;
+
+use app\common\model\BaseModel;
+
+/**
+ * 日常记录游戏化（稳糖分 / 勋章 / 任务领奖）
+ */
+class DailyGamify extends BaseModel
+{
+    protected $name = 'tcm_daily_gamify';
+
+    protected $autoWriteTimestamp = false;
+}
diff --git a/server/app/common/model/tcm/DailyShareInvite.php b/server/app/common/model/tcm/DailyShareInvite.php
new file mode 100644
index 00000000..96e07b88
--- /dev/null
+++ b/server/app/common/model/tcm/DailyShareInvite.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace app\common\model\tcm;
+
+use app\common\model\BaseModel;
+
+/**
+ * 日常记录分享邀请码
+ */
+class DailyShareInvite extends BaseModel
+{
+    protected $name = 'tcm_daily_share_invite';
+
+    protected $autoWriteTimestamp = false;
+}
diff --git a/server/sql/1.9.20260527/add_daily_family_like.sql b/server/sql/1.9.20260527/add_daily_family_like.sql
new file mode 100644
index 00000000..5bbcdcf5
--- /dev/null
+++ b/server/sql/1.9.20260527/add_daily_family_like.sql
@@ -0,0 +1,14 @@
+-- 家人点赞（邀请码观看页点赞，按诊单+日期汇总，患者端可见）
+
+CREATE TABLE IF NOT EXISTS `zyt_tcm_daily_family_like` (
+    `id` int unsigned NOT NULL AUTO_INCREMENT,
+    `diagnosis_id` int unsigned NOT NULL COMMENT '诊单ID',
+    `like_date` date NOT NULL COMMENT '点赞日期（仅当日有效）',
+    `invite_code` varchar(16) NOT NULL DEFAULT '' COMMENT '来源邀请码',
+    `viewer_key` varchar(64) NOT NULL COMMENT '访客设备标识，防重复点赞',
+    `nickname` varchar(16) NOT NULL DEFAULT '家人' COMMENT '显示称呼',
+    `create_time` int unsigned NOT NULL DEFAULT 0,
+    PRIMARY KEY (`id`),
+    UNIQUE KEY `uk_day_viewer` (`diagnosis_id`, `like_date`, `viewer_key`),
+    KEY `idx_diagnosis_date` (`diagnosis_id`, `like_date`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='日常记录家人点赞';
diff --git a/server/sql/1.9.20260527/add_daily_gamify.sql b/server/sql/1.9.20260527/add_daily_gamify.sql
new file mode 100644
index 00000000..6eeed769
--- /dev/null
+++ b/server/sql/1.9.20260527/add_daily_gamify.sql
@@ -0,0 +1,15 @@
+-- 日常记录游戏化：稳糖分、勋章、每日任务领奖记录（按诊单+用户）
+
+CREATE TABLE IF NOT EXISTS `zyt_tcm_daily_gamify` (
+    `id` int unsigned NOT NULL AUTO_INCREMENT,
+    `diagnosis_id` int unsigned NOT NULL COMMENT '诊单ID',
+    `user_id` int unsigned NOT NULL COMMENT '小程序用户ID',
+    `points` int unsigned NOT NULL DEFAULT 0 COMMENT '稳糖分累计',
+    `badges` text COMMENT '已解锁勋章ID列表 JSON',
+    `task_awards` mediumtext COMMENT '每日任务领奖记录 JSON，键为日期',
+    `create_time` int unsigned NOT NULL DEFAULT 0,
+    `update_time` int unsigned NOT NULL DEFAULT 0,
+    PRIMARY KEY (`id`),
+    UNIQUE KEY `uk_diagnosis_user` (`diagnosis_id`, `user_id`),
+    KEY `idx_user_id` (`user_id`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='日常记录稳糖分与勋章';
diff --git a/server/sql/1.9.20260527/add_daily_share_invite.sql b/server/sql/1.9.20260527/add_daily_share_invite.sql
new file mode 100644
index 00000000..608d7204
--- /dev/null
+++ b/server/sql/1.9.20260527/add_daily_share_invite.sql
@@ -0,0 +1,13 @@
+-- 日常记录分享邀请码（仅当天有效，用于家属查看脱敏战报）
+
+CREATE TABLE IF NOT EXISTS `zyt_tcm_daily_share_invite` (
+    `id` int unsigned NOT NULL AUTO_INCREMENT,
+    `invite_code` varchar(16) NOT NULL COMMENT '邀请码',
+    `diagnosis_id` int unsigned NOT NULL COMMENT '诊单ID',
+    `user_id` int unsigned NOT NULL DEFAULT 0 COMMENT '分享人小程序用户ID',
+    `invite_date` date NOT NULL COMMENT '有效日期，仅当天可查看',
+    `create_time` int unsigned NOT NULL DEFAULT 0,
+    PRIMARY KEY (`id`),
+    UNIQUE KEY `uk_invite_code` (`invite_code`),
+    KEY `idx_diagnosis_date` (`diagnosis_id`, `invite_date`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='日常记录分享邀请码';