feat(ui): modern UI redesign with 4 tabs, glassmorphism cards, and pure HTML nutrition dashboard

README.md

@@ -1,579 +1,94 @@
----
-title: PregoPal
-emoji: 📈
-colorFrom: pink
-colorTo: green
-sdk: gradio
-sdk_version: 6.16.0
-python_version: '3.13'
-app_file: app.py
-pinned: false
-license: mit
-short_description: Voice-based Pregnant Meal & Nutrition Tracker
----
-
-# PregoPal — 孕期陪护 AI 助手
-
-> **并行 Cline 协作接口文档**  
-> 每个 Cline 在修改模块前，先 `git pull --rebase`；修改完成后立即 `git commit && git push`。
-
----
-
-## 1. 项目概述
-
-PregoPal 是一款面向孕期家庭的 AI 陪护工具，支持：
-
-| 功能 | 状态 | 负责模块 |
-|------|------|----------|
-| 🎤 声纹识别与家庭成员区分 | 基线可用 | `modules/voiceprint.py` |
-| 🍽️ 今日菜品推荐（营养+家庭能力） | 基线可用 | `modules/meal_recommender.py` |
-| 📝 饮食记录储存（JSON + Markdown） | 已实现 | `modules/diet_logger.py` + `modules/diet_extractor.py` |
-| 📊 营养分析与可视化报告 | 基线可用 | `modules/nutrition_analyzer.py` + `modules/nutrition_standards.py` |
-
-**技术栈**: Python 3.13 · Gradio 6.16 · MiniCPM-o 4.5 · Matplotlib · Pandas
-
----
-
-## 2. 架构总览
-
-```
-app.py                          ← Gradio 薄入口
-├── ui/app_builder.py           ← 前端 Tab 布局（饮食记录/营养分析/家庭管理/声纹/菜品推荐/环境配置）
-├── loop.py                     ← 每日自动分析循环（状态机）
-│   ├── plugins/base.py         ← 插件基类（LoopPlugin, PluginRegistry, LoopContext）
-│   ├── plugins/family_quiz.py  ← 家庭问卷插件（菜谱/体重检查）
-│   ├── plugins/diet_summary.py ← 昨日饮食总结
-│   ├── plugins/weight_check.py ← 体重检查插件
-│   ├── plugins/family_memory.py← 家庭记忆处理
-│   ├── plugins/dri_analysis.py ← DRIs 营养对比分析
-│   ├── plugins/briefing_generator.py ← 今日简报生成
-│   ├── plugins/three_day_summary.py  ← 每三天综合总结
-│   └── plugins/preset_writer.py      ← 预设/缓存写入
-├── modules/                    ← 核心业务逻辑（纯函数/无状态）
-│   ├── voiceprint.py           ← 声纹识别
-│   ├── meal_recommender.py     ← 菜品推荐
-│   ├── diet_extractor.py       ← AI 回复数据提取
-│   ├── diet_logger.py          ← 饮食记录存储
-│   ├── family_manager.py       ← 家庭信息管理
-│   ├── nutrition_standards.py  ← 中国官方营养标准
-│   ├── nutrition_analyzer.py   ← 营养分析与可视化
-│   └── core/                   ← 核心能力层
-│       ├── model_loader.py     ← MiniCPM-o 模型加载
-│       ├── voice_processor.py  ← 语音处理
-│       ├── vision_processor.py ← 视觉处理
-│       └── conversation_manager.py ← 对话管理
-├── config.py                   ← 全局配置（路径/常量/数据模板）
-├── utils.py                    ← 工具函数（中文字体设置等）
-└── data/                       ← 持久化存储
-    ├── diet_logs.json          ← 结构化饮食记录 JSON
-    ├── nutrition_db.json       ← 营养数据库 JSON
-    ├── family.json             ← 家庭成员声纹 JSON
-    ├── family/                 ← 家庭信息 Markdown（recipes/preferences/memory）
-    ├── logs/                   ← 每日饮食日志 Markdown
-    ├── presets/                ← 预设/缓存 + .daily_status.json
-    ├── reports/                ← 营养报告 Markdown
-    ├── voices/                 ← 声纹音频文件
-    └── nutrition/              ← 营养标准原始文档
-```
-
----
-
-## 3. 核心模块接口说明
-
-> **约定**：模块间通过函数调用传递数据。所有返回 dict 的接口，其 key 约定在下方列出。  
-> **修改清单**：改任何模块的输入/输出签名时，必须同步更新本 README 对应条目。
-
-### 3.1 声纹识别 — `modules/voiceprint.py`
-
-类：`VoiceprintManager`
-
-| 方法 | 输入 | 输出 | 说明 |
-|------|------|------|------|
-| `register_member(name, relation, audio_path)` | `name: str`, `relation: str`, `audio_path: str` (Path) | `(member_info: dict\|None, msg: str)` | 注册新成员声纹，返回 `{"id","name","relation","registered_at","audio_path","features"}` |
-| `identify_speaker(audio_path)` | `audio_path: str` (Path) | `(member_info: dict\|None, msg: str)` | 识别说话人，需声纹库非空 |
-| `get_members_list()` | — | `str` (格式化文本) | 获取已注册成员列表 |
-| `delete_member(member_id)` | `member_id: str` | `str` (结果消息) | 删除指定成员 |
-
-**依赖**:
-- `VOICE_DIR`（`data/voices/`）从 `config.py` 导入
-- `FAMILY_FILE`（`data/family.json`）— JSON 格式 `{"members": [...], "voiceprints": {...}}`
-- `config.VOICEPRINT_SIMILARITY_THRESHOLD`（默认 0.7）
-
-**内部数据结构**（`data/family.json`）:
-```json
-{
-  "members": [
-    {
-      "id": "abc12345",
-      "name": "小红",
-      "relation": "孕妇",
-      "registered_at": "2026-06-09T07:00:00",
-      "audio_path": "data/voices/abc12345.wav",
-      "features": {"mean": 0.01, "std": 0.05, "max": 0.5, "min": -0.5, "zero_crossing_rate": 0.3, "energy": 0.001, "duration": 3.5}
-    }
-  ],
-  "voiceprints": {
-    "abc12345": {"mean": 0.01, ...}
-  }
-}
-```
-
-> ⚠️ **风险等级：中** — 当前使用频谱统计特征（baseline），后续升级 Whisper encoder 需保持 `register_member`/`identify_speaker` 签名不变。
-
----
-
-### 3.2 菜品推荐 — `modules/meal_recommender.py`
-
-类：`MealRecommender`
-
-| 方法 | 输入 | 输出 | 说明 |
-|------|------|------|------|
-| `get_recommendation(preference, trimester, restrictions)` | `preference: str=""`, `trimester: str="孕中期"`, `restrictions: str=""` | `dict` | 返回今日推荐食谱 |
-| `format_meal_plan(recommendation)` | `recommendation: dict`（上一个方法的返回值） | `str` | 格式化为可读文本 |
-
-**输出 dict schema**（`get_recommendation` 返回）:
-```json
-{
-  "date": "2026-06-09",
-  "trimester": "孕中期",
-  "preference": "想吃清淡的",
-  "focus": "补充蛋白质、钙、铁",
-  "meals": {
-    "早餐": "小米粥+包子+煮鸡蛋",
-    "午餐": "番茄牛腩+杂粮饭+凉拌黄瓜",
-    "晚餐": "蒸蛋羹+小米粥+炒青菜",
-    "加餐": "酸奶+坚果"
-  },
-  "tips": ["🌿 孕中期建议：...", "💡 建议每天饮水..."]
-}
-```
-
-**依赖**:
-- `config.MEAL_TEMPLATES`（4 餐次 × 4 选项的食谱模板 dict）
-- `config.TRIMESTER_ADJUSTMENTS`（各孕期阶段的 focus/avoid 建议）
-- `config.TRIMESTER_TIPS`（各孕期阶段的饮食提示字符串）
-
-> ⚠️ **风险等级：中** — 当前为随机模板推荐。后续对接 AI 对话推荐时需保持 `get_recommendation` 签名，内部逻辑可任意替换。
-
----
-
-### 3.3 AI 对话数据提取 — `modules/diet_extractor.py`
-
-类：`DietExtractor`（全静态方法）
-
-| 方法 | 输入 | 输出 | 说明 |
-|------|------|------|------|
-| `extract_all(text)` | `text: str` (AI 回复全文) | `dict` | 正则提取所有结构化数据 |
-| `fallback_extract_diet(text)` | `text: str` | `dict\|None` | 关键词 fallback 提取饮食 |
-| `fallback_extract_thinking(text)` | `text: str` | `dict\|None` | 关键词 fallback 提取思考 |
-| `robust_extract(text)` | `text: str` | `dict` | 正则优先 → fallback 兜底 |
-
-**`extract_all` 返回 dict schema**:
-```json
-{
-  "diets": [
-    {
-      "meals": {"早餐": "全麦面包+鸡蛋+牛奶", "午餐": "清蒸鱼", "晚餐": "", "加餐": ""},
-      "日期": "2026-06-09",
-      "记录人": "孕妇",
-      "备注": "孕妇吃了"
-    }
-  ],
-  "recipes": [{"菜名": "清蒸鱼", "制作人": "丈夫", "难度": "简单", "食材": "鱼、姜", "备注": ""}],
-  "preferences": [{"人员": "孕妇", "类型": "偏好", "内容": "爱吃酸"}],
-  "weights": [{"日期": "2026-06-09", "体重": "65", "记录人": "孕妇自己"}],
-  "memories": [{"类型": "事件", "内容": "婆婆今天来家里"}],
-  "thinking": {"当前步骤": "记录饮食", "下一步": "分析营养"}  // or None
-}
-```
-
-**Markdown 提取标记格式**（AI 回复中需含）:
-```
-[EXTRACT_DIET]...[/EXTRACT_DIET]
-[EXTRACT_RECIPE]...[/EXTRACT_RECIPE]
-[EXTRACT_PREFERENCE]...[/EXTRACT_PREFERENCE]
-[EXTRACT_WEIGHT]...[/EXTRACT_WEIGHT]
-[EXTRACT_MEMORY]...[/EXTRACT_MEMORY]
-[THINKING]...[/THINKING]
-```
-
-**辅助函数**:
-- `get_extract_prompt(date_str=None) -> str` — 返回含日期占位符的 System Prompt 模板
-
-> ✅ **风险等级：低** — 接口稳定，已存在完整测试（`tests/test_diet_extractor.py`）。
-
----
-
-### 3.4 饮食记录存储 — `modules/diet_logger.py`
-
-类：`DietLogger`
-
-| 方法 | 输入 | 输出 | 说明 |
-|------|------|------|------|
-| `add_record(member_name, member_relation, date, meals, mood, notes)` | `member_name: str`, `member_relation: str`, `date: str (ISO)`, `meals: dict`, `mood: str=""`, `notes: str=""` | `(record: dict, md_path: Path)` | 添加记录 → JSON + MD 双写 |
-| `get_recent_records(days=7)` | `days: int` | `list[dict]` | 获取近 N 天记录 |
-| `get_all_markdown_files()` | — | `list[Path]` | 所有 MD 日志文件 |
-| `parse_diet_record(text) — static` | `text: str` | `dict\|None` | [DIET_RECORD] 标记解析（后续 AI 版本用） |
-
-**`add_record` 返回的 record dict**:
-```json
-{
-  "id": "a1b2c3d4",
-  "member_name": "小红",
-  "member_relation": "孕妇",
-  "date": "2026-06-09",
-  "meals": {"早餐": "燕麦粥+坚果", "午餐": "清蒸鱼+米饭"},
-  "mood": "挺好",
-  "notes": "今天胃口不错",
-  "extensions": {},
-  "created_at": "2026-06-09T12:00:00"
-}
-```
-
-**依赖**:
-- `config.DIET_LOG_FILE`（`data/diet_logs.json`）— JSON 格式
-- `config.LOGS_DIR`（`data/logs/`）— Markdown 日志目录
-- `config.DIET_LOG_SCHEMA_VERSION`（当前 "1.0"）
-
-**Markdown 日志文��格式**（`data/logs/饮食日志_YYYY-MM-DD.md`）:
-```markdown
-# 🥗 孕期饮食日志
-
-## 📋 基本信息
-- **日期**: 2026-06-09
-- **记录人**: 孕妇 - 小红
-- **记录时间**: 2026-06-09T12:00:00
-
-## 🍽️ 今日饮食记录
-
-### 早餐
-- 燕麦粥+坚果
-
-### 午餐
-- 清蒸鱼+米饭
-
----
-*由 PregoPal 自动生成*
-```
-
-> ✅ **风险等级：低** — schema 已加版本号，`extensions: {}` 字段可向后兼容扩展。
-
----
-
-### 3.5 家庭信息管理 — `modules/family_manager.py`
-
-三个管理器类，全部使用 `@classmethod`（无需实例化）:
-
-#### 3.5.1 RecipeManager — 家庭菜谱
-| 方法 | 输入 | 输出 | 说明 |
-|------|------|------|------|
-| `load_all()` | — | `list[dict]` | 读取所有菜谱 |
-| `add_recipe(name, cook, difficulty, ingredients, notes)` | 五个 `str` 参数 | `str` (结果消息) | 添加菜谱 |
-| `get_names()` | — | `list[str]` | 所有菜名 |
-| `format_for_prompt()` | — | `str` | System Prompt 格式 |
-
-菜谱 dict: `{"name", "cook", "difficulty", "ingredients", "notes"}`
-
-#### 3.5.2 PreferenceManager — 饮食偏好
-| 方法 | 输入 | 输出 | 说明 |
-|------|------|------|------|
-| `load_all()` | — | `list[dict]` | 所有成员偏好 |
-| `add_member(name, role, preferences, avoid, allergies, notes)` | 六个 `str` 参数 | `str` (结果消息) | 添加/更新（覆盖同名） |
-| `format_for_prompt()` | — | `str` | System Prompt 格式 |
-
-偏好 dict: `{"name", "role", "preferences", "avoid", "allergies", "notes"}`
-
-#### 3.5.3 MemoryManager — 家庭记忆
-| 方法 | 输入 | 输出 | 说明 |
-|------|------|------|------|
-| `load_all()` | — | `dict` (relationships/events/daily) | 所有记忆 |
-| `add_event(description)` | `str` | `str` (结果消息) | 添加重要事件 |
-| `add_daily(content)` | `str` | `str` (结果消息) | 添加日常记录 |
-| `format_for_prompt()` | — | `str` | System Prompt 格式 |
-
-**顶层统一接口**:
-- `load_all_family_info() -> dict` — 一次性加载所有家庭信息
-- `format_all_for_prompt() -> str` — 全量 System Prompt 文本
-
-**数据文件**（`data/family/`）:
-- `recipes.md` — Markdown 格式表
-- `preferences.md` — Markdown 格式表
-- `memory.md` — Markdown 格式表
-
-> ✅ **风险等级：低** — 接口稳定，有完整测试（`tests/test_family_manager.py`）。更新 `add_member` 覆盖逻辑时注意保留已有数据。
-
----
-
-### 3.6 营养标准 — `modules/nutrition_standards.py`
-
-类：`BMIStandards`, `DietaryGuideStandards`, `DRIsParser`（全部只读数据+静态方法）
-
-| 类 | 关键方法 | 说明 |
-|----|---------|------|
-| `BMIStandards` | `get_bmi_range(pre_preg_bmi) → dict`, `get_recommended_gain(pre_preg_bmi) → dict`, `calculate_bmi(weight_kg, height_m) → float` | 孕前 BMI 标准（中国标准） |
-| `DietaryGuideStandards` | `get_daily_guideline(trimester) → dict`, `get_food_groups_info() → dict` | 膳食指南推荐 |
-| `DRIsParser` | `get_dri_for_trimester(trimester) → dict`, `get_all_dris() → dict` | DRIs 2023 数据 |
-
-**DRIsParser.get_dri_for_trimester 返回示例**:
-```json
-{
-  "蛋白质": {"value": 70, "unit": "g", "note": "孕中期+15g"},
-  "钙": {"value": 1000, "unit": "mg"},
-  "铁": {"value": 27, "unit": "mg"},
-  "叶酸": {"value": 600, "unit": "mcg"},
-  ...
-}
-```
-
-> ✅ **风险等级：低** — 只读数据类，有完整测试（`tests/test_nutrition_standards.py`）。
-
----
-
-### 3.7 营养分析与可视化 — `modules/nutrition_analyzer.py`
-
-类：`NutritionAnalyzer`
-
-| 方法 | 输入 | 输出 | 说明 |
-|------|------|------|------|
-| `analyze_diet(records)` | `records: list[dict]` (diet_logger 格式) | `dict` | 营养覆盖分析 |
-| `generate_report_chart(analysis)` | `analysis: dict`（上一个方法返回） | `matplotlib.figure.Figure` | 4 面板可视化图表 |
-| `generate_report_text(analysis)` | `analysis: dict` | `str` | 文本格式报告 |
-| `export_report_markdown(analysis, filename)` | `analysis: dict`, `filename: str\|None` | `Path` | 导出 Markdown 报告 |
-
-**`analyze_diet` 返回 dict schema**:
-```json
-{
-  "total_days": 7,
-  "total_records": 21,
-  "meal_counts": {"早餐": 5, "午餐": 6, "晚餐": 6, "加餐": 4},
-  "food_items": ["全麦面包", "鸡蛋", "牛奶", "清蒸鱼", ...],
-  "nutrition_coverage": {
-    "叶酸": {
-      "matched_foods": ["菠菜"],
-      "covered": true,
-      "recommended_foods": ["菠菜", "西兰花", "芦笋"],
-      "benefit": "预防胎儿神经管畸形",
-      "daily_recommend": "0.4",
-      "unit": "mg"
-    },
-    ...
-  },
-  "diversity_score": {"score": 75, "details": ["✅ 早餐: 6/7天 (86%)", ...]},
-  "suggestions": ["⚠️ 以下营养素摄入不足: 铁, 钙", ...]
-}
-```
-
-**图表输出**（`generate_report_chart`）:
-1. 左上：营养覆盖雷达图（最多 8 种营养素）
-2. 右上：各餐次频率柱状图
-3. 左下：饮食多样性评分环形图
-4. 右下：营养建议文本框
-
-**依赖**:
-- `config.NUTRITION_DB_FILE`（`data/nutrition_db.json`）— 可自定义
-- `config.DEFAULT_NUTRITION_DB`（10 种营养素的内置推荐）
-- `config.REPORTS_DIR`（`data/reports/`）
-- `utils.setup_chinese_font()` — matplotlib 中文字体
-
-> 🔴 **风险等级：高（待改造）** — 当前使用通用 `DEFAULT_NUTRITION_DB` 做营养覆盖分析，**尚未对接 `modules/nutrition_standards.py` 的 DRIs 数据**。改造时需：
-> 1. 将 `_calculate_nutrition_coverage` 中的 `self.nutrition_db` 替换为 `DRIsParser.get_dri_for_trimester()`
-> 2. 保持 `analyze_diet(records) -> dict` 签名不变
-> 3. 保持 `nutrition_coverage` 的 dict key 不变（nutrient name 为 key）
-
----
-
-### 3.8 插件基类 — `plugins/base.py`
-
-核心类型（供所有插件和 loop 使用）:
-
-```python
-# 阶段枚举
-class LoopStage(Enum):
-    FAMILY_QUIZ = "family_quiz"
-    SUMMARIZE = "summarize"
-    ANALYZE = "analyze"
-    BRIEF = "brief"
-    THREE_DAY = "three_day"
-    CONSOLIDATE = "consolidate"
-
-# 上下文容器（插件间共享）
-@dataclass
-class LoopContext:
-    briefing: dict = {}           # 累积的简报数据
-    weight_data: dict = {}
-    diet_records: list = []
-    family_recipes: list = []     # family_manager.RecipeManager.load_all() 格式
-    family_memory: dict = {}      # family_manager.MemoryManager.load_all() 格式
-    analysis_results: dict = {}
-    errors: list = []
-
-# 插件结果
-@dataclass
-class PluginResult:
-    success: bool = True
-    data: dict = {}
-    message: str = ""
-
-# 插件基类
-class LoopPlugin(ABC):
-    @abstractmethod
-    def stage(self) -> LoopStage: ...
-    @abstractmethod
-    def name(self) -> str: ...
-    @abstractmethod
-    async def run(self, ctx: LoopContext) -> PluginResult: ...
-```
-
-> ✅ **风险等级：低** — 核心架构稳定。新增插件：实现 `LoopPlugin`，在 `loop.py` 的 `_register_default_plugins` 中注册即可。
-
----
-
-## 4. 插件管线一览
-
-| 插件名 | 阶段 | 文件 | 职责 |
-|--------|------|------|------|
-| `FamilyRecipeQuizPlugin` | `FAMILY_QUIZ` | `plugins/family_quiz.py` | 检查是否需要询问家庭菜谱 |
-| `WeightQuizPlugin` | `FAMILY_QUIZ` | `plugins/family_quiz.py` | 检查是否需要询问体重 |
-| `DietSummaryPlugin` | `SUMMARIZE` | `plugins/diet_summary.py` | 读取昨日饮食日志 |
-| `WeightCheckPlugin` | `SUMMARIZE` | `plugins/weight_check.py` | 体重变化分析 |
-| `FamilyMemoryPlugin` | `SUMMARIZE` | `plugins/family_memory.py` | 提取家庭记忆 |
-| `DRIAnalysisPlugin` | `ANALYZE` | `plugins/dri_analysis.py` | DRIs 营养对比 |
-| `BriefingGeneratorPlugin` | `BRIEF` | `plugins/briefing_generator.py` | 汇总生成今日简报 |
-| `ThreeDaySummaryPlugin` | `THREE_DAY` | `plugins/three_day_summary.py` | 三天综合总结 |
-| `PresetWriterPlugin` | `CONSOLIDATE` | `plugins/preset_writer.py` | 写入预设/缓存 |
-
-**插件向 `ctx.briefing` 写入的 key**（`BriefingGeneratorPlugin` 最终消费）:
-```
-ctx.briefing["trimester"]              # str
-ctx.briefing["need_ask_weight"]        # bool
-ctx.briefing["weight_quiz_message"]    # str
-ctx.briefing["weight_evaluation"]      # dict
-ctx.briefing["need_ask_recipe"]        # bool
-ctx.briefing["recipe_quiz_message"]    # str
-ctx.briefing["yesterday_diet"]         # dict {"status","summary","meal_count"}
-ctx.briefing["dri_analysis"]           # dict {"focus_nutrients","summary"}
-ctx.briefing["recommended_foods"]      # list[str]
-ctx.briefing["family_memory"]          # dict
-ctx.briefing["thinking_keywords"]      # str
-```
-
----
-
-## 5. 配置模块 — `config.py`
-
-每个 Cline 如需新增全局常量，**追加到同类型区域末尾**，并在 commit message 中注明。
-
-| 配置区 | 主要内容 | 修改风险 |
-|--------|---------|----------|
-| 目录路径 | `DATA_DIR`, `VOICE_DIR`, `LOGS_DIR`, `REPORTS_DIR`, `FAMILY_FILE`, `DIET_LOG_FILE`, `NUTRITION_DB_FILE` | ⚠️ 中 |
-| 常量枚举 | `FAMILY_ROLES`, `TRIMESTERS` | ✅ 低 |
-| 数据模板 | `DEFAULT_NUTRITION_DB` (10种营养素), `MEAL_TEMPLATES` (4×4), `TRIMESTER_ADJUSTMENTS`, `TRIMESTER_TIPS` | ⚠️ 中 |
-| Schema 版本 | `DIET_LOG_SCHEMA_VERSION = "1.0"` | ⚠️（改版本号前需评估向后兼容） |
-| 声纹阈值 | `VOICEPRINT_SIMILARITY_THRESHOLD = 0.7` | ✅ 低 |
-
----
-
-## 6. 数据文件格式规范
-
-| 文件 | 格式 | Schema | 读模块 | 写模块 |
-|------|------|--------|--------|--------|
-| `data/diet_logs.json` | JSON | `{"schema_version": "1.0", "records": [...]}` | `diet_logger`, `nutrition_analyzer` | `diet_logger` |
-| `data/nutrition_db.json` | JSON | `{"营养素名": {"category", "daily_recommend_mg/g/mcg", "foods": [...], "benefit"}}` | `nutrition_analyzer` | `nutrition_analyzer` (首次初始化) |
-| `data/family.json` | JSON | `{"members": [...], "voiceprints": {...}}` | `voiceprint` | `voiceprint` |
-| `data/family/recipes.md` | Markdown | `### 菜名\n- **制作人**: ...` | `family_manager.RecipeManager` | `family_manager.RecipeManager` |
-| `data/family/preferences.md` | Markdown | `### 成员：姓名\n- **偏好**: ...` | `family_manager.PreferenceManager` | `family_manager.PreferenceManager` |
-| `data/family/memory.md` | Markdown | `## 重要事件\n- **日期**: ...` | `family_manager.MemoryManager` | `family_manager.MemoryManager` |
-| `data/logs/饮食日志_*.md` | Markdown | 见 3.4 节 | `plugins/diet_summary` | `diet_logger` |
-| `data/reports/营养报告_*.md` | Markdown | 见 3.7 节 | 用户 | `nutrition_analyzer` |
-| `data/presets/.daily_status.json` | JSON | `{"YYYY-MM-DD": {"summary_done": bool, "day_ended": bool}}` | `loop.DailyStatus` | `loop.DailyStatus` |
-
----
-
-## 7. 并行 Cline 协作规范
-
-### 7.1 分工建议
-
-```
-Cline A: Modules 强化（营养分析对接 DRIs、菜谱推荐 AI 化）
-Cline B: UI 界面优化（Gradio 前端增强、报告模板美化）
-Cline C: 声纹升级（Whisper encoder 替换频谱特征）
-Cline D: 数据处理与插件增强（diet_extractor fallback、新插件）
-```
-
-### 7.2 关键约定
-
-1. **改接口前先 grep**：用 `search_files` 搜索方法名找到所有调用方
-2. **config.py 修改需沟通**：新增常量追加到同类型区域，不删改已有常量名
-3. **数据文件向后兼容**：新增字段优先用 `extensions: {}` 或新增可选 key，不删除已有 key
-4. **测试保持通过**：`python tests/run_tests.py` 零失败
-5. **README 同步更新**：接口签名变更 → 更新本 README 对应章节
-
-### 7.3 Git 工作流（强制执行）
+# 🌸 PregoPal - 孕期陪护AI助手
+
+一个温馨的家庭式孕期AI伴侣，基于语音交互与智能分析，为孕妇提供全方位的饮食营养陪伴。
+
+## ✨ 核心功能
+
+### 1. 🏠 现代仪表盘首页
+- **全双工语音交互**：大圆形语音按钮，点击即可说话
+- **AI 实时思考**：显示AI当前的思维状态
+- **信息卡片**：
+  - 📅 孕期阶段展示
+  - 🥗 营养关注与推荐食物
+  - 🍽️ 昨日饮食回顾
+  - 🍳 家庭菜谱概览
+  - ⚖️ 体重管理状态
+- **最近饮食记录**：以表格形式展示近3天饮食
+
+### 2. 👨‍👩‍👧‍👦 家庭饮食习惯（纯展示）
+- **🍳 家庭菜谱**：自动收藏的菜谱卡片网格
+- **🥗 饮食偏好**：每位家庭成员的偏好/忌口标签
+- **📝 家庭记事**：AI记忆的时间线展示
+- 支持手动刷新
+
+### 3. 📊 三天营养总结
+- 选择孕期阶段（早/中/晚期）
+- 分析近三天饮食数据
+- 智能菜单改进建议
+
+### 4. 📈 营养报告（纯HTML仪表盘）
+- **综合营养评分**：渐变进度条 + 状态标签
+- **餐次完成率**：早餐/午餐/晚餐/加餐的柱状统计
+- **关键营养覆盖**：各营养素百分比进度条
+- **饮食多样性**：分数 + 食材种类统计
+- **AI 饮食建议**：根据分析结果智能提示
+
+### 5. 🌐 中英文切换
+一键切换中/英文界面
+
+## 🚀 快速启动
 
 ```bash
-# 工作前
-git pull --rebase origin main
+# 1. 安装依赖
+pip install -r requirements.txt
 
-# 开发中：每完成一个独立功能点就提交
-git add -A
-git commit -m "feat: 描述做了什么"
+# 2. 运行
+python app.py
 
-# 推送前再次 pull
-git pull --rebase origin main
-
-# 测试通过后推送
-python tests/run_tests.py
-git push origin main
+# 3. 打开浏览器访问
+# http://127.0.0.1:7860
 ```
 
-### 7.4 Commit Message 规范
+## 🏗️ 项目结构
 
 ```
-feat: 新功能/新模块/新接口
-fix: 修复 bug
-test: 添加或修改测试
-refactor: 重构（不改功能）
-docs: 文档更新（含本 README）
-chore: 配置/依赖/路径调整
+PregoPal/
+├── app.py                    # 应用入口
+├── config.py                 # 全局配置
+├── loop.py                   # 核心循环引擎
+├── utils.py                  # 工具函数（CSS/翻译/HTML渲染）
+├── requirements.txt          # 依赖清单
+├── ui/
+│   └── app_builder.py        # Gradio界面构建（4 Tab）
+├── modules/
+│   ├── voiceprint.py         # 声纹识别
+│   ├── diet_logger.py        # 饮食日志
+│   ├── diet_extractor.py     # 饮食信息提取
+│   ├── nutrition_analyzer.py # 营养分析
+│   ├── meal_recommender.py   # 菜品推荐
+│   ├── family_manager.py     # 家庭管理
+│   └── nutrition_standards.py # 营养标准
+├── plugins/                  # Loop插件
+├── core/                     # 核心基础设施
+└── data/                     # 数据存储
 ```
 
-### 7.5 冲突处理策略
-
-| 冲突类型 | 处理方式 |
-|---------|---------|
-| `config.py` 常量冲突 | 取并集，双方新增常量都保留 |
-| 同函数不同实现 | 保留逻辑更完整的一方，另一方改动如果无冲突则合并到合适位置 |
-| 数据文件（JSON/MD）冲突 | 保留两个版本共有的条目 + 各自独有条目（去重） |
-| 测试文件冲突 | **取并集**：保留所有测试用例 |
-| 本 README 冲突 | **取行数更长的一方**��手动整合 |
-| `.gitignore` 冲突 | 取并集 |
+## 🎨 UI 设计特色
 
----
+- **Glassmorphism 毛玻璃卡片**：现代、轻盈的视觉风格
+- **粉色主题**：温暖、舒适的孕期配色
+- **纯HTML渲染**：营养报告无需matplotlib，实时生成
+- **响应式布局**：桌面与移动端自适应
+- **Tab永不折叠**：所有Tab始终可见
 
-## 8. 测试
-
-```bash
-# 运行全部测试
-python tests/run_tests.py
-```
-
-当前测试覆盖：
-- `test_diet_extractor.py` — ✅ 通过（正则解析 + fallback 提取）
-- `test_family_manager.py` — ✅ 通过（菜谱/偏好/记忆 CRUD）
-- `test_nutrition_standards.py` — ✅ 通过（BMI/膳食指南/DRIs 数据）
-- `test_loop.py` — 循环执行测试
-- `test_plugins.py` — 插件集成测试
-
----
-
-## 9. Model: MiniCPM-o 4.5
-
-```
-Model  to be Used: MiniCPM-o 4.5
-```
+## 🔧 技术栈
 
-核心能力层（`core/` 目录）提供模型加载、语音处理、视觉处理、对话管理的底层能力封装。详见各文件 docstring。
+- **前端**：Gradio + 自定义CSS/HTML
+- **后端**：Python 
+- **语音**：声纹识别 + 全双工语音交互
+- **AI**：大语言模型驱动分析
+- **数据**：JSON本地存储
 
----
+## 📝 许可
 
-*最后更新: 2026-06-09 | 由 PregoPal Cline 团队维护*
+MIT License

app.py

@@ -28,7 +28,7 @@ if __name__ == "__main__":
     # 创建并启动 Gradio 应用
     demo = create_app(loop)
     demo.launch(
-        server_name="0.0.0.0",
+        server_name="127.0.0.1",
         server_port=7860,
         share=False,
         debug=False,

modules/nutrition_analyzer.py

@@ -68,18 +68,27 @@ class NutritionAnalyzer:
         nutrition_coverage = self._calculate_nutrition_coverage(food_items)
 
         # 计算饮食多样性评分
-        diversity_score = self._calculate_diversity_score(meal_counts, total_days)
+        diversity_result = self._calculate_diversity_score(meal_counts, total_days)
 
         # 生成建议
-        suggestions = self._generate_suggestions(nutrition_coverage, diversity_score)
+        suggestions = self._generate_suggestions(nutrition_coverage, diversity_result)
+
+        # 综合评分：多样性(50%) + 营养覆盖(50%)
+        diversity_num = diversity_result.get("score", 0) if isinstance(diversity_result, dict) else 0
+        covered_nutrients = sum(1 for v in nutrition_coverage.values() if v["covered"])
+        total_nutrients = max(len(nutrition_coverage), 1)
+        nutrition_score = int(covered_nutrients / total_nutrients * 100)
+        overall_score = int(diversity_num * 0.5 + nutrition_score * 0.5)
 
         return {
+            "score": overall_score,
             "total_days": total_days,
             "total_records": len(records),
             "meal_counts": meal_counts,
             "food_items": list(set(food_items)),
             "nutrition_coverage": nutrition_coverage,
-            "diversity_score": diversity_score,
+            "diversity_score": diversity_num,
+            "diversity_details": diversity_result.get("details", []),
             "suggestions": suggestions
         }
 
@@ -192,7 +201,8 @@ class NutritionAnalyzer:
 
         # 3. 饮食多样性评分仪表盘
         ax3 = fig.add_subplot(2, 2, 3)
-        score = analysis["diversity_score"]["score"]
+        score = analysis.get("diversity_score", 0)
+        if isinstance(score, dict): score = score.get("score", 0)
         ax3.pie([score, 100 - score], startangle=90,
                 colors=['#FF6B9D', '#F0F0F0'],
                 wedgeprops={'width': 0.3, 'edgecolor': 'white'})
@@ -228,12 +238,12 @@ class NutritionAnalyzer:
             f"分析周期: {analysis['total_days']} 天",
             f"记录总数: {analysis['total_records']} 条",
             "",
-            "饮食多样性评分: {}/100".format(analysis['diversity_score']['score']),
+            "饮食多样性评分: {}/100".format(analysis.get('diversity_score', 0) if not isinstance(analysis.get('diversity_score'), dict) else analysis['diversity_score'].get('score', 0)),
         ]
 
         lines.append("")
         lines.append("各餐次记录情况:")
-        for detail in analysis['diversity_score']['details']:
+        for detail in analysis.get('diversity_details', []):
             lines.append(f"  {detail}")
 
         lines.append("")
@@ -270,12 +280,12 @@ class NutritionAnalyzer:
 - **生成时间**: {datetime.datetime.now().strftime('%Y-%m-%d %H:%M')}
 
 ## 饮食多样性评分
-**评分: {analysis.get('diversity_score', {}).get('score', 0)}/100**
+**评分: {analysis.get('diversity_score', 0) if not isinstance(analysis.get('diversity_score'), dict) else analysis['diversity_score'].get('score', 0)}/100**
 
 | 餐次 | 记录天数 | 覆盖率 |
 |------|---------|--------|
 """
-        for detail in analysis.get('diversity_score', {}).get('details', []):
+        for detail in analysis.get('diversity_details', []):
             parts = detail.split(': ', 1)
             if len(parts) == 2:
                 content += f"| {parts[0]} | {parts[1]} |\n"

ui/app_builder.py

@@ -1,11 +1,11 @@
 """
-PregoPal - Gradio 界面构建
-===========================
-4 个子页面 + 中英文切换 + 自定义 CSS：
+PregoPal - Gradio 界面构建（现代UI版）
+======================================
+4 个子页面 + 中英文切换：
   1. 🏠 首页（语音启动按钮 + AI 思考 + 简报卡片 + 最近记录）
-  2. 👨‍👩‍👧‍👦 家庭饮食习惯
+  2. 👨‍👩‍👧‍👦 家庭饮食习惯（纯展示卡片）
   3. 📊 三天总结
-  4. 📈 营养报告
+  4. 📈 营养报告（纯 HTML Dashboard）
 
 语言切换设计：
   用唯一一个 @gr.render(inputs=[lang_state]) 包裹全部 4 个 Tab，
@@ -22,7 +22,13 @@ from modules.nutrition_analyzer import NutritionAnalyzer
 from modules.family_manager import RecipeManager, PreferenceManager, MemoryManager
 from modules.diet_extractor import DietExtractor
 from modules.nutrition_standards import DRIsParser
-from utils import t, ZH, EN, get_home_cards, CUSTOM_CSS
+from utils import (
+    t, ZH, EN, get_home_cards, CUSTOM_CSS,
+    render_family_recipes_html,
+    render_family_preferences_html,
+    render_family_memories_html,
+    render_nutrition_report_html,
+)
 
 # ============================================================
 # 全局实例（单例）
@@ -173,18 +179,7 @@ def _home_content(loop, lang):
             with gr.Column(scale=2):
                 gr.HTML(f"""
                 <div style="text-align: center; padding: 24px 0;">
-                    <button class="voice-main-btn" style="
-                        width:160px;height:160px;border-radius:50%;
-                        background:linear-gradient(135deg,#FF6B8A 0%,#FF4081 100%);
-                        border:4px solid #FFF;
-                        box-shadow:0 8px 32px rgba(255,64,129,0.3);
-                        cursor:pointer;font-size:48px;color:white;
-                        transition:all 0.3s ease;"
-                        onmouseover="this.style.transform='scale(1.05)';this.style.boxShadow='0 12px 40px rgba(255,64,129,0.4)'"
-                        onmouseout="this.style.transform='scale(1)';this.style.boxShadow='0 8px 32px rgba(255,64,129,0.3)'"
-                    >
-                        🎙️
-                    </button>
+                    <button class="voice-main-btn"></button>
                     <p style="margin-top: 8px; color: #999; font-size: 14px;">{T['tap_hint']}</p>
                 </div>
                 """)
@@ -233,107 +228,39 @@ def _home_content(loop, lang):
 
 
 # ============================================================
-# Tab 2: 👨‍👩‍👧‍👦 家庭饮食习惯
+# Tab 2: 👨‍👩‍👧‍👦 家庭饮食习惯（纯展示，3 张现代卡片）
 # ============================================================
 def _family_content(lang):
-    """家庭饮食习惯组件"""
-    with gr.Tabs():
-        with gr.Tab(t("tab_preferences", lang)):
-            with gr.Row():
-                with gr.Column():
-                    pref_name = gr.Textbox(label=t("pref_name", lang), placeholder="小明")
-                    pref_role = gr.Dropdown(
-                        label=t("pref_role", lang),
-                        choices=ZH["relation_choices"] if lang == "zh" else EN["relation_choices"],
-                        value=ZH["relation_choices"][0] if lang == "zh" else EN["relation_choices"][0],
-                    )
-                    pref_likes = gr.Textbox(
-                        label=t("pref_likes", lang),
-                        placeholder=t("pref_likes_placeholder", lang),
-                        lines=1,
-                    )
-                    pref_avoid = gr.Textbox(
-                        label=t("pref_avoid", lang),
-                        placeholder=t("pref_avoid_placeholder", lang),
-                        lines=1,
-                    )
-                    pref_allergy = gr.Textbox(
-                        label=t("pref_allergy", lang),
-                        placeholder=t("pref_allergy_placeholder", lang),
-                        lines=1,
-                    )
-                    save_pref_btn = gr.Button(t("btn_save", lang), variant="primary", size="sm")
-                with gr.Column():
-                    refresh_pref_btn = gr.Button(t("btn_refresh", lang), size="sm")
-                    pref_display = gr.Textbox(label="", interactive=False, lines=12)
-
-            save_pref_btn.click(
-                fn=lambda n, r, p, a, al: PreferenceManager.add_member(n, r, p, a, al, ""),
-                inputs=[pref_name, pref_role, pref_likes, pref_avoid, pref_allergy],
-                outputs=[gr.Textbox()],
-            ).then(fn=lambda: PreferenceManager.format_for_prompt(), outputs=pref_display)
-            refresh_pref_btn.click(fn=lambda: PreferenceManager.format_for_prompt(), outputs=pref_display)
+    """家庭饮食习惯组件 — 纯展示模式"""
+    # Refresh state to force re-render
+    with gr.Column(elem_classes=["glass-card"]):
+        gr.Markdown(f"## {t('family_title', lang)}")
+        gr.Markdown(f"*{t('family_subtitle', lang)}*")
 
+    with gr.Tabs():
         with gr.Tab(t("tab_recipes", lang)):
-            with gr.Row():
-                with gr.Column():
-                    recipe_name = gr.Textbox(
-                        label=t("recipe_name", lang),
-                        placeholder=t("recipe_name_placeholder", lang),
-                    )
-                    recipe_cook = gr.Textbox(
-                        label=t("recipe_cook", lang),
-                        placeholder=t("recipe_cook_placeholder", lang),
-                    )
-                    recipe_diff = gr.Dropdown(
-                        label=t("recipe_diff", lang),
-                        choices=ZH["recipe_diff_choices"] if lang == "zh" else EN["recipe_diff_choices"],
-                        value=ZH["recipe_diff_choices"][1] if lang == "zh" else EN["recipe_diff_choices"][1],
-                    )
-                    recipe_ingredients = gr.Textbox(
-                        label=t("recipe_ingredients", lang),
-                        placeholder=t("recipe_ingredients_placeholder", lang),
-                        lines=1,
-                    )
-                    save_recipe_btn = gr.Button(t("btn_add", lang), variant="primary", size="sm")
-                with gr.Column():
-                    refresh_recipe_btn = gr.Button(t("btn_refresh", lang), size="sm")
-                    recipe_display = gr.Textbox(label="", interactive=False, lines=12)
-
-            save_recipe_btn.click(
-                fn=lambda n, c, d, i: RecipeManager.add_recipe(n, c, d, i, ""),
-                inputs=[recipe_name, recipe_cook, recipe_diff, recipe_ingredients],
-                outputs=[gr.Textbox()],
-            ).then(fn=lambda: RecipeManager.format_for_prompt(), outputs=recipe_display)
-            refresh_recipe_btn.click(fn=lambda: RecipeManager.format_for_prompt(), outputs=recipe_display)
+            recipes_html = gr.HTML(render_family_recipes_html(lang))
+            refresh_recipe_btn = gr.Button(t("btn_refresh", lang), size="sm")
+            refresh_recipe_btn.click(
+                fn=lambda: render_family_recipes_html(lang),
+                outputs=recipes_html,
+            )
+
+        with gr.Tab(t("tab_preferences", lang)):
+            prefs_html = gr.HTML(render_family_preferences_html(lang))
+            refresh_pref_btn = gr.Button(t("btn_refresh", lang), size="sm")
+            refresh_pref_btn.click(
+                fn=lambda: render_family_preferences_html(lang),
+                outputs=prefs_html,
+            )
 
         with gr.Tab(t("tab_memory", lang)):
-            with gr.Row():
-                with gr.Column():
-                    memory_type = gr.Dropdown(
-                        label=t("memory_type", lang),
-                        choices=ZH["memory_type_choices"] if lang == "zh" else EN["memory_type_choices"],
-                        value=ZH["memory_type_choices"][0] if lang == "zh" else EN["memory_type_choices"][0],
-                    )
-                    memory_content = gr.Textbox(
-                        label=t("memory_content", lang),
-                        placeholder=t("memory_content_placeholder", lang),
-                        lines=2,
-                    )
-                    save_memory_btn = gr.Button(t("btn_save_memory", lang), variant="primary", size="sm")
-                with gr.Column():
-                    refresh_memory_btn = gr.Button(t("btn_refresh", lang), size="sm")
-                    memory_display = gr.Textbox(label="", interactive=False, lines=12)
-
-            def save_memory(m_type, content):
-                if m_type in ["事件", "Event"]:
-                    return MemoryManager.add_event(content)
-                return MemoryManager.add_daily(f"[{m_type}] {content}")
-
-            save_memory_btn.click(
-                fn=save_memory, inputs=[memory_type, memory_content], outputs=[gr.Textbox()]
-            ).then(fn=lambda: MemoryManager.format_for_prompt(), outputs=memory_display)
-            refresh_memory_btn.click(fn=lambda: MemoryManager.format_for_prompt(), outputs=memory_display)
+            mem_html = gr.HTML(render_family_memories_html(lang))
+            refresh_mem_btn = gr.Button(t("btn_refresh", lang), size="sm")
+            refresh_mem_btn.click(
+                fn=lambda: render_family_memories_html(lang),
+                outputs=mem_html,
+            )
 
 
 # ============================================================
@@ -386,40 +313,30 @@ def _summary_content(lang):
 
 
 # ============================================================
-# Tab 4: 📈 营养报告
+# Tab 4: 📈 营养报告（纯 HTML Dashboard，无 matplotlib 图片）
 # ============================================================
 def _report_content(lang):
-    """营养报告组件"""
+    """营养报告组件 — 纯 HTML 可视化"""
     with gr.Row():
         with gr.Column(scale=1):
-            analysis_days = gr.Slider(label=t("analysis_days", lang), minimum=1, maximum=30, value=7, step=1)
+            analysis_days = gr.Slider(
+                label=t("analysis_days", lang),
+                minimum=1, maximum=30, value=7, step=1,
+            )
             generate_btn = gr.Button(t("btn_generate", lang), variant="primary")
-        with gr.Column(scale=2):
-            report_text = gr.Textbox(label=t("report_text", lang), interactive=False, lines=12)
-
-    with gr.Row():
-        report_plot = gr.Plot(label=t("report_chart", lang))
 
-    with gr.Row():
-        export_md_btn = gr.Button(t("btn_export_md", lang), size="sm")
-        export_result = gr.Textbox(label="", interactive=False, lines=1)
+        with gr.Column(scale=3):
+            report_dashboard = gr.HTML(
+                f'<div style="padding:40px;text-align:center;color:#bbb;font-size:16px;">'
+                f'点击左侧「生成报告」按钮查看分析</div>'
+            )
 
     def generate_report(days):
         records = diet_logger.get_recent_records(days=int(days))
         analysis = nutrition_analyzer.analyze_diet(records)
-        text_report = nutrition_analyzer.generate_report_text(analysis)
-        chart = nutrition_analyzer.generate_report_chart(analysis)
-        return text_report, chart
+        return render_nutrition_report_html(analysis, days=int(days), lang=lang)
 
-    def export_report(days):
-        records = diet_logger.get_recent_records(days=int(days))
-        analysis = nutrition_analyzer.analyze_diet(records)
-        md_path = nutrition_analyzer.export_report_markdown(analysis)
-        prefix = "导出成功" if lang == "zh" else "Exported"
-        return f"{prefix}: {md_path.name}"
-
-    generate_btn.click(fn=generate_report, inputs=[analysis_days], outputs=[report_text, report_plot])
-    export_md_btn.click(fn=export_report, inputs=[analysis_days], outputs=export_result)
+    generate_btn.click(fn=generate_report, inputs=[analysis_days], outputs=report_dashboard)
 
 
 # ============================================================
@@ -429,12 +346,6 @@ def _report_content(lang):
 def create_app(loop=None):
     """
     创建主应用（4 Tab + 中英文切换 + 自定义 CSS）。
-
-    设计要点：
-      - 只使用 **一个** @gr.render 包裹所有 Tab，避免多个 @gr.render
-        并发触发导致 RuntimeError(dictionary changed size during iteration)
-      - 每个 Tab 的标题通过 t() 函数实现中英文切换
-      - theme / css / head 传入 demo.launch() 以兼容 Gradio 6.0
     """
     with gr.Blocks(
         title="PregoPal - 孕期陪护AI助手",

utils.py

@@ -17,20 +17,10 @@ from pathlib import Path
 
 def setup_chinese_font():
     """尝试设置中文字体，返回使用的字体名称"""
-    # 优先使用 Windows 系统字体
     font_candidates = [
-        'SimHei',           # 黑体（Windows 自带）
-        'Microsoft YaHei',  # 微软雅黑
-        'SimSun',           # 宋体
-        'KaiTi',            # 楷体
-        'FangSong',         # 仿宋
-        'WenQuanYi Micro Hei',
-        'Noto Sans CJK SC',
-        'Noto Sans SC',
-        'Source Han Sans SC',
-        'PingFang SC',
-        'Hiragino Sans GB',
-        'STHeiti',
+        'SimHei', 'Microsoft YaHei', 'SimSun', 'KaiTi', 'FangSong',
+        'WenQuanYi Micro Hei', 'Noto Sans CJK SC', 'Noto Sans SC',
+        'Source Han Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'STHeiti',
     ]
     available = [f.name for f in fm.fontManager.ttflist]
     for font in font_candidates:
@@ -38,8 +28,6 @@ def setup_chinese_font():
             plt.rcParams['font.sans-serif'] = [font, 'DejaVu Sans']
             plt.rcParams['axes.unicode_minus'] = False
             return font
-
-    # fallback: 尝试直接加载系统字体文件
     system_fonts = [
         Path("C:/Windows/Fonts/simhei.ttf"),
         Path("C:/Windows/Fonts/msyh.ttc"),
@@ -55,8 +43,6 @@ def setup_chinese_font():
                 return font_name
             except Exception:
                 continue
-
-    # 最终 fallback
     plt.rcParams['font.sans-serif'] = ['DejaVu Sans']
     plt.rcParams['axes.unicode_minus'] = False
     return None
@@ -66,19 +52,13 @@ def setup_chinese_font():
 # 国际化（i18n）
 # ============================================================
 
-# 中文字典
 ZH = {
-    # 应用标题
     "app_title": "🌸 PregoPal - 孕期陪护AI助手",
     "app_subtitle": "一个温馨的家庭式孕期AI伴侣",
-
-    # Tab 名称（后缀，用于 @gr.render 拼接）
     "tab_home_suffix": "首页",
     "tab_family_suffix": "家庭饮食习惯",
     "tab_summary_suffix": "三天总结",
     "tab_report_suffix": "营养报告",
-
-    # 语音交互页
     "chat_label": "💬 对话",
     "msg_placeholder": "例如：我今天中午吃了番茄牛腩",
     "btn_send": "发送",
@@ -92,66 +72,45 @@ ZH = {
     "btn_register": "📝 注册",
     "btn_identify": "🔊 识别",
     "briefing_title": "#### 📋 今日简报",
-
-    # 家庭饮食习惯页
     "tab_preferences": "🥗 饮食偏好",
     "tab_recipes": "🍳 家庭菜谱",
-    "tab_memory": "📖 家庭记忆",
-    "pref_name": "姓名",
-    "pref_role": "身份",
-    "pref_likes": "偏好",
-    "pref_likes_placeholder": "喜欢吃什么？",
-    "pref_avoid": "忌口",
-    "pref_avoid_placeholder": "不吃什么？",
-    "pref_allergy": "过敏",
-    "pref_allergy_placeholder": "对什么过敏？",
-    "btn_save": "💾 保存",
+    "tab_memory": "📝 家庭记事",
     "btn_refresh": "🔄 刷新",
-    "recipe_name": "菜名",
-    "recipe_name_placeholder": "番茄牛腩",
-    "recipe_cook": "制作人",
-    "recipe_cook_placeholder": "谁会做？",
-    "recipe_diff": "难度",
-    "recipe_diff_choices": ["简单", "中等", "困难"],
-    "recipe_ingredients": "食材",
-    "recipe_ingredients_placeholder": "主要食材",
-    "btn_add": "💾 添加",
-    "memory_type": "类型",
-    "memory_type_choices": ["关系", "事件", "日常"],
-    "memory_content": "内容",
-    "memory_content_placeholder": "记录家庭关系、重要事件或日常点滴",
-    "btn_save_memory": "💾 保存",
-
-    # 三天总结页
     "trimester_label": "孕期阶段",
     "trimester_choices": ["孕早期", "孕中期", "孕晚期"],
     "btn_analyze": "📊 运行分析",
     "analysis_result": "📋 分析结果",
     "menu_suggestion": "💡 菜单改进建议",
-
-    # 营养报告页
     "analysis_days": "分析天数",
     "btn_generate": "📊 生成报告",
     "report_text": "📋 文本报告",
-    "report_chart": "📊 可视化图表",
-    "btn_export_md": "📥 导出 Markdown",
-
-    # 通用
     "lang_label": "🌐 语言",
     "lang_zh": "中文",
     "lang_en": "English",
+    "family_title": "👨‍👩‍👧‍👦 家庭饮食档案",
+    "family_subtitle": "AI 自动记录的家庭饮食习惯",
+    "no_recipes": "暂无菜谱记录 — AI 将在对话中自动学习",
+    "no_preferences": "暂无饮食偏好记录 — AI 将在对话中自动学习",
+    "no_memories": "暂无家庭记忆 — AI 将在对话中自动学习",
+    "report_title": "📈 营养分析报告",
+    "report_subtitle": "基于近期饮食数据的 AI 分析",
+    "report_overall": "综合营养评分",
+    "report_good": "良好",
+    "report_need_attention": "需关注",
+    "report_meal_completion": "餐次完成率",
+    "report_nutrient_coverage": "关键营养覆盖",
+    "report_diversity": "饮食多样性",
+    "report_suggestions": "饮食建议",
+    "report_days": "近{days}天",
 }
 
-# 英文字典
 EN = {
     "app_title": "🌸 PregoPal - Pregnancy Companion AI",
     "app_subtitle": "A cozy home-oriented AI companion for expectant mothers",
-
     "tab_home_suffix": "Home",
     "tab_family_suffix": "Family Diet",
     "tab_summary_suffix": "3-Day Summary",
     "tab_report_suffix": "Nutrition Report",
-
     "chat_label": "💬 Chat",
     "msg_placeholder": "e.g. I had tomato beef brisket for lunch today",
     "btn_send": "Send",
@@ -165,50 +124,36 @@ EN = {
     "btn_register": "📝 Register",
     "btn_identify": "🔊 Identify",
     "briefing_title": "#### 📋 Today's Briefing",
-
     "tab_preferences": "🥗 Preferences",
     "tab_recipes": "🍳 Recipes",
-    "tab_memory": "📖 Family Memory",
-    "pref_name": "Name",
-    "pref_role": "Role",
-    "pref_likes": "Likes",
-    "pref_likes_placeholder": "What do they like?",
-    "pref_avoid": "Dislikes",
-    "pref_avoid_placeholder": "What don't they eat?",
-    "pref_allergy": "Allergies",
-    "pref_allergy_placeholder": "Any allergies?",
-    "btn_save": "💾 Save",
+    "tab_memory": "📝 Memories",
     "btn_refresh": "🔄 Refresh",
-    "recipe_name": "Dish Name",
-    "recipe_name_placeholder": "Tomato Beef Brisket",
-    "recipe_cook": "Cook",
-    "recipe_cook_placeholder": "Who makes it?",
-    "recipe_diff": "Difficulty",
-    "recipe_diff_choices": ["Easy", "Medium", "Hard"],
-    "recipe_ingredients": "Ingredients",
-    "recipe_ingredients_placeholder": "Main ingredients",
-    "btn_add": "💾 Add",
-    "memory_type": "Type",
-    "memory_type_choices": ["Relation", "Event", "Daily"],
-    "memory_content": "Content",
-    "memory_content_placeholder": "Record family relations, events or daily moments",
-    "btn_save_memory": "💾 Save",
-
     "trimester_label": "Trimester",
     "trimester_choices": ["1st Trimester", "2nd Trimester", "3rd Trimester"],
     "btn_analyze": "📊 Analyze",
     "analysis_result": "📋 Analysis Result",
     "menu_suggestion": "💡 Menu Suggestions",
-
     "analysis_days": "Analysis Days",
     "btn_generate": "📊 Generate Report",
     "report_text": "📋 Text Report",
-    "report_chart": "📊 Chart",
-    "btn_export_md": "📥 Export Markdown",
-
     "lang_label": "🌐 Language",
     "lang_zh": "中文",
     "lang_en": "English",
+    "family_title": "👨‍👩‍👧‍👦 Family Diet Profile",
+    "family_subtitle": "AI-automated family diet memory",
+    "no_recipes": "No recipes yet — AI will learn from conversations",
+    "no_preferences": "No preferences yet — AI will learn from conversations",
+    "no_memories": "No memories yet — AI will learn from conversations",
+    "report_title": "📈 Nutrition Report",
+    "report_subtitle": "AI analysis based on recent diet data",
+    "report_overall": "Overall Score",
+    "report_good": "Good",
+    "report_need_attention": "Needs Attention",
+    "report_meal_completion": "Meal Completion",
+    "report_nutrient_coverage": "Key Nutrients",
+    "report_diversity": "Diet Diversity",
+    "report_suggestions": "Dietary Suggestions",
+    "report_days": "Last {days} days",
 }
 
 
@@ -225,33 +170,20 @@ def t(key: str, lang: str = "zh") -> str:
 def get_home_cards(loop=None):
     """从 Loop 上下文提取首页卡片数据"""
     briefing = loop.get_briefing() if loop else {}
-    
-    # 孕期阶段
     trimester = briefing.get("trimester", "孕中期")
-    
-    # 最近营养关注点
     focus_nutrients = briefing.get("dri_analysis", {}).get("focus_nutrients", [])
     recommended_foods = briefing.get("recommended_foods", [])
-    
-    # 今日推荐菜品（取前3）
     from modules.family_manager import RecipeManager
     all_recipes = RecipeManager.load_all()
     recipe_count = len(all_recipes)
     recipe_names = [r.get("name", "") for r in all_recipes[:3]]
-    
-    # 昨日饮食摘要
     yesterday = briefing.get("yesterday_diet", {})
     yesterday_summary = yesterday.get("summary", "暂无记录")
     meal_count = yesterday.get("meal_count", 0)
-    
-    # 体重评估
     weight_eval = briefing.get("weight_evaluation", {})
     weight_status = weight_eval.get("status", "暂无数据")
     weight_trend = weight_eval.get("trend", "")
-    
-    # AI 思考关键词
     thinking_keywords = briefing.get("thinking_keywords", "")
-    
     return {
         "trimester": trimester,
         "focus_nutrients": focus_nutrients,
@@ -266,29 +198,333 @@ def get_home_cards(loop=None):
     }
 
 
+# ============================================================
+# Helper: 家庭数据 → HTML 卡片
+# ============================================================
+
+def render_family_recipes_html(lang="zh") -> str:
+    """渲染家庭菜谱为现代卡片"""
+    from modules.family_manager import RecipeManager
+    recipes = RecipeManager.load_all()
+    if not recipes:
+        no = t("no_recipes", lang)
+        return f'<div style="padding:24px;text-align:center;color:#aaa;font-size:15px;">{no}</div>'
+    cards = ""
+    for r in recipes:
+        name = r.get("name", "")
+        cook = r.get("cook", "")
+        diff = r.get("difficulty", "")
+        diff_stars = {"��单": "⭐", "中等": "⭐⭐", "困难": "⭐⭐⭐", "Easy": "⭐", "Medium": "⭐⭐", "Hard": "⭐⭐⭐"}
+        stars = diff_stars.get(diff, "")
+        cards += f"""
+        <div style="background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 1px 6px rgba(0,0,0,0.04);display:flex;flex-direction:column;gap:4px;border:1px solid #f0f0f0;transition:all 0.2s;">
+            <div style="font-weight:600;font-size:15px;color:#E91E63;">{name}</div>
+            <div style="font-size:13px;color:#888;">
+                <span>👨‍🍳 {cook}</span>
+                <span style="margin-left:12px;">{stars}</span>
+            </div>
+        </div>"""
+    return f"""
+    <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;">
+        {cards}
+    </div>"""
+
+
+def render_family_preferences_html(lang="zh") -> str:
+    """渲染饮食偏好为现代卡片"""
+    from modules.family_manager import PreferenceManager
+    members = PreferenceManager.load_all()
+    if not members:
+        no = t("no_preferences", lang)
+        return f'<div style="padding:24px;text-align:center;color:#aaa;font-size:15px;">{no}</div>'
+    cards = ""
+    for m in members:
+        name = m.get("name", "")
+        role = m.get("role", "")
+        pref = m.get("preferences", "")
+        avoid = m.get("avoid", "")
+        allergies = m.get("allergies", "")
+        tags = []
+        if pref: tags.append(f'<span style="background:#E8F5E9;color:#2E7D32;padding:2px 10px;border-radius:99px;font-size:12px;">✅ {pref}</span>')
+        if avoid: tags.append(f'<span style="background:#FFF3E0;color:#E65100;padding:2px 10px;border-radius:99px;font-size:12px;">❌ {avoid}</span>')
+        if allergies: tags.append(f'<span style="background:#FFEBEE;color:#C62828;padding:2px 10px;border-radius:99px;font-size:12px;">⚠ {allergies}</span>')
+        if not tags: tags.append(f'<span style="color:#bbb;font-size:12px;">暂无记录</span>')
+        role_icons = {"孕妇":"🤰","丈夫":"👨","婆婆":"👩","妈妈":"👩","爸爸":"👨","其他家人":"👤",
+                      "Pregnant":"🤰","Husband":"👨","Mother-in-law":"👩","Mom":"👩","Dad":"👨","Other":"👤"}
+        icon = role_icons.get(role, "👤")
+        role_str = f" {role}" if role else ""
+        cards += f"""
+        <div style="background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 6px rgba(0,0,0,0.04);border:1px solid #f0f0f0;">
+            <div style="font-weight:600;font-size:16px;margin-bottom:8px;">
+                {icon}<span style="margin-left:4px;">{name}{role_str}</span>
+            </div>
+            <div style="display:flex;flex-wrap:wrap;gap:6px;">
+                {"".join(tags)}
+            </div>
+        </div>"""
+    return f"""
+    <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;">
+        {cards}
+    </div>"""
+
+
+def render_family_memories_html(lang="zh") -> str:
+    """渲染家庭记忆为时间线"""
+    from modules.family_manager import MemoryManager
+    memories = MemoryManager.load_all()
+    if not memories:
+        no = t("no_memories", lang)
+        return f'<div style="padding:24px;text-align:center;color:#aaa;font-size:15px;">{no}</div>'
+    items = ""
+    for m in memories[-10:]:
+        date = m.get("date", "")[-5:] if m.get("date") else ""
+        content = m.get("content", "") or m.get("title", "") or m.get("event", "")
+        if not content: continue
+        items += f"""
+        <div style="display:flex;gap:12px;padding:8px 0;">
+            <div style="min-width:50px;font-size:13px;color:#E91E63;font-weight:500;">{date}</div>
+            <div style="flex:1;background:#fff;border-radius:10px;padding:10px 14px;border:1px solid #f0f0f0;font-size:14px;color:#333;">{content}</div>
+        </div>"""
+    return f"""
+    <div style="max-height:320px;overflow-y:auto;padding:4px 0;">
+        {items}
+    </div>"""
+
+
+def render_nutrition_report_html(analysis: dict, days: int, lang="zh") -> str:
+    """渲染营养报告为现代 Dashboard HTML"""
+    if not analysis or "error" in analysis:
+        return f'<div style="padding:40px;text-align:center;color:#aaa;font-size:16px;">{analysis.get("error","暂无数据")}</div>'
+
+    score = analysis.get("score", 0)
+    meal_counts = analysis.get("meal_counts", {})
+    total_days = analysis.get("total_days", 0)
+    nutrition_coverage = analysis.get("nutrition_coverage", {})
+    suggestions = analysis.get("suggestions", [])
+    food_items = analysis.get("food_items", [])
+    diversity_score = analysis.get("diversity_score", 0)
+
+    # Score bar color
+    bar_color = "#4CAF50" if score >= 70 else "#FF9800" if score >= 50 else "#F44336"
+    bar_status = t("report_good", lang) if score >= 70 else t("report_need_attention", lang)
+
+    # Meal completion bars
+    meal_labels = {"早餐":"🌅", "午餐":"☀️", "晚餐":"🌙", "加餐":"🍪"}
+    meal_rows = ""
+    for mt, label in {"早餐":"Breakfast","午餐":"Lunch","晚餐":"Dinner","��餐":"Snack"}.items():
+        cnt = meal_counts.get(mt, 0)
+        pct = min(100, round(cnt / max(total_days, 1) * 100))
+        icon = meal_labels.get(mt, "🍽️")
+        mcolor = "#4CAF50" if pct >= 80 else "#FF9800" if pct >= 50 else "#F44336"
+        meal_rows += f"""
+        <div style="margin-bottom:10px;">
+            <div style="display:flex;justify-content:space-between;font-size:13px;margin-bottom:3px;">
+                <span>{icon} {mt}</span><span style="font-weight:600;">{pct}%</span>
+            </div>
+            <div style="background:#f0f0f0;border-radius:99px;height:8px;overflow:hidden;">
+                <div style="width:{pct}%;background:{mcolor};height:100%;border-radius:99px;transition:width 0.6s;"></div>
+            </div>
+        </div>"""
+
+    # Nutrient coverage
+    n_rows = ""
+    for nut, info in nutrition_coverage.items():
+        pct = info.get("percentage", 0) if isinstance(info, dict) else info
+        try: pct = min(100, int(pct))
+        except: pct = 0
+        ncolor = "#4CAF50" if pct >= 70 else "#FF9800" if pct >= 40 else "#F44336"
+        n_rows += f"""
+        <div style="margin-bottom:8px;">
+            <div style="display:flex;justify-content:space-between;font-size:13px;margin-bottom:2px;">
+                <span>{nut}</span><span style="font-weight:600;">{pct}%</span>
+            </div>
+            <div style="background:#f0f0f0;border-radius:99px;height:6px;overflow:hidden;">
+                <div style="width:{pct}%;background:{ncolor};height:100%;border-radius:99px;"></div>
+            </div>
+        </div>"""
+
+    # Suggestions
+    sug_items = ""
+    for s in suggestions[:5]:
+        color = "#F44336" if "⚠" in s or "不足" in s or "不够" in s or "缺乏" in s else "#FF9800"
+        sug_items += f'<div style="padding:6px 0;font-size:13px;color:{color};">• {s}</div>'
+
+    # Diversity
+    div_color = "#4CAF50" if diversity_score >= 60 else "#FF9800" if diversity_score >= 30 else "#F44336"
+    food_count = len(food_items)
+    food_str = "、".join(food_items[:8])
+    if len(food_items) > 8: food_str += "⋯"
+
+    days_str = t("report_days", lang).format(days=days)
+
+    return f"""
+    <div style="font-family:system-ui,-apple-system,sans-serif;max-width:100%;">
+        <!-- Header -->
+        <div style="background:linear-gradient(135deg,#FCE4EC,#FFF0F2);border-radius:18px;padding:20px 24px;margin-bottom:16px;">
+            <div style="display:flex;justify-content:space-between;align-items:center;">
+                <div>
+                    <div style="font-size:20px;font-weight:700;color:#880E4F;">📊 {t("report_overall", lang)}</div>
+                    <div style="color:#888;font-size:13px;margin-top:4px;">{days_str} · {total_days}t("report_days","").split("近")[0] if lang=="zh" else ""</div>
+                </div>
+                <div style="text-align:right;">
+                    <div style="font-size:36px;font-weight:800;color:{bar_color};">{score}</div>
+                    <div style="font-size:14px;color:#555;">/ 100</div>
+                </div>
+            </div>
+            <div style="background:#f0f0f0;border-radius:99px;height:10px;margin-top:12px;overflow:hidden;">
+                <div style="width:{min(100,score)}%;background:linear-gradient(90deg,#F44336,#FF9800,#4CAF50);height:100%;border-radius:99px;transition:width 0.8s;"></div>
+            </div>
+            <div style="margin-top:6px;font-size:14px;color:#555;text-align:center;">{bar_status}</div>
+        </div>
+
+        <!-- 3 cards row -->
+        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;">
+            <!-- Meal Completion -->
+            <div style="background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 1px 6px rgba(0,0,0,0.04);border:1px solid #f0f0f0;">
+                <div style="font-weight:600;font-size:14px;margin-bottom:10px;color:#333;">🍽️ {t("report_meal_completion", lang)}</div>
+                {meal_rows}
+            </div>
+            <!-- Nutrient Coverage -->
+            <div style="background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 1px 6px rgba(0,0,0,0.04);border:1px solid #f0f0f0;">
+                <div style="font-weight:600;font-size:14px;margin-bottom:10px;color:#333;">🥗 {t("report_nutrient_coverage", lang)}</div>
+                {n_rows if n_rows else '<div style="color:#bbb;font-size:13px;">暂无数据</div>'}
+            </div>
+            <!-- Diversity -->
+            <div style="background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 1px 6px rgba(0,0,0,0.04);border:1px solid #f0f0f0;">
+                <div style="font-weight:600;font-size:14px;margin-bottom:10px;color:#333;">🌿 {t("report_diversity", lang)}</div>
+                <div style="text-align:center;padding:8px 0;">
+                    <div style="font-size:32px;font-weight:700;color:{div_color};">{diversity_score}</div>
+                    <div style="font-size:13px;color:#888;">/ 100</div>
+                </div>
+                <div style="background:#f0f0f0;border-radius:99px;height:6px;overflow:hidden;margin:6px 0;">
+                    <div style="width:{min(100,diversity_score)}%;background:{div_color};height:100%;border-radius:99px;"></div>
+                </div>
+                <div style="margin-top:8px;font-size:12px;color:#666;">
+                    <span>{food_count} 种食材</span>
+                    <div style="font-size:12px;color:#999;margin-top:2px;">{food_str}</div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Suggestions -->
+        <div style="background:linear-gradient(135deg,#FFF8E1,#FFFDE7);border-radius:14px;padding:14px 18px;border:1px solid #FFE082;">
+            <div style="font-weight:600;font-size:14px;margin-bottom:6px;color:#E65100;">💡 {t("report_suggestions", lang)}</div>
+            {sug_items if sug_items else '<div style="font-size:13px;color:#888;">暂无建议</div>'}
+        </div>
+    </div>"""
+
+
 # ============================================================
 # 自定义 CSS 样式
 # ============================================================
 
 CUSTOM_CSS = """
-/* ============ 全局圆角与阴影 ============ */
+/* =====================
+   PregoPal Modern UI v2
+   ===================== */
+
+/* 全局容器 */
 .gradio-container {
     max-width: 1200px !important;
     margin: 0 auto !important;
+    padding: 4px 16px !important;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif !important;
+}
+
+/* 顶部标题禁止选中 */
+h1, h2, h3 {
+    -webkit-user-select: none !important;
+    user-select: none !important;
 }
 
-/* 卡片样式 */
-.card-container {
+/* ======== Modern Tab Bar (永不折叠) ======== */
+.tabs {
+    display: flex !important;
+    flex-direction: column !important;
+    gap: 0 !important;
+}
+.tabs > .tab-nav {
+    display: flex !important;
+    flex-wrap: nowrap !important;
+    overflow-x: auto !important;
+    gap: 0 !important;
+    background: #f8f8fb !important;
+    border-radius: 16px 16px 0 0 !important;
+    padding: 4px 4px 0 4px !important;
+    -webkit-overflow-scrolling: touch !important;
+}
+.tabs > .tab-nav > button {
+    flex-shrink: 0 !important;
+    min-width: auto !important;
+    white-space: nowrap !important;
+    font-size: 14px !important;
+    font-weight: 500 !important;
+    padding: 10px 18px !important;
+    border-radius: 12px 12px 0 0 !important;
+    background: transparent !important;
+    border: none !important;
+    color: #888 !important;
+    transition: all 0.2s ease !important;
+    margin: 0 1px !important;
+    cursor: pointer !important;
+}
+.tabs > .tab-nav > button:hover {
+    background: rgba(233, 30, 99, 0.04) !important;
+    color: #E91E63 !important;
+}
+.tabs > .tab-nav > button.selected {
+    background: #fff !important;
+    color: #E91E63 !important;
+    font-weight: 600 !important;
+    box-shadow: 0 -2px 8px rgba(233, 30, 99, 0.08) !important;
+}
+
+/* ======== Cards (Glassmorphism) ======== */
+.glass-card {
+    background: rgba(255,255,255,0.75) !important;
+    backdrop-filter: blur(12px) !important;
+    -webkit-backdrop-filter: blur(12px) !important;
     border-radius: 16px !important;
-    padding: 16px !important;
-    background: linear-gradient(135deg, #FFF5F7 0%, #FFFFFF 100%) !important;
-    border: 1px solid #FCE4EC !important;
-    box-shadow: 0 2px 12px rgba(255, 105, 135, 0.08) !important;
-    transition: all 0.3s ease;
+    padding: 20px 24px !important;
+    border: 1px solid rgba(255,255,255,0.8) !important;
+    box-shadow: 0 2px 16px rgba(233, 30, 99, 0.06) !important;
+    transition: all 0.3s ease !important;
 }
-.card-container:hover {
-    box-shadow: 0 4px 20px rgba(255, 105, 135, 0.15) !important;
-    transform: translateY(-1px);
+.glass-card:hover {
+    box-shadow: 0 4px 24px rgba(233, 30, 99, 0.10) !important;
+    transform: translateY(-2px);
+}
+
+/* home cards (首页卡片) */
+.home-card {
+    border-radius: 16px !important;
+    padding: 16px 20px !important;
+    background: #fff !important;
+    border: 1px solid #f0f0f0 !important;
+    box-shadow: 0 1px 8px rgba(0,0,0,0.04) !important;
+    transition: all 0.2s ease !important;
+}
+.home-card:hover {
+    box-shadow: 0 4px 20px rgba(233, 30, 99, 0.08) !important;
+}
+.home-card h3 {
+    margin: 0 0 6px 0 !important;
+    font-size: 16px !important;
+}
+.home-card p {
+    margin: 0 !important;
+    font-size: 14px !important;
+    color: #555 !important;
+}
+
+/* AI Thinking Box */
+.thinking-box textarea {
+    background: linear-gradient(135deg, #F3E5F5, #FFF) !important;
+    border: 1px solid #E1BEE7 !important;
+    border-radius: 12px !important;
+    font-size: 14px !important;
+    color: #6A1B9A !important;
+    padding: 12px 16px !important;
 }
 
 /* 大圆形按钮（语音启动） */
@@ -301,8 +537,11 @@ CUSTOM_CSS = """
     box-shadow: 0 8px 32px rgba(255, 64, 129, 0.3) !important;
     cursor: pointer !important;
     transition: all 0.3s ease !important;
-    font-size: 20px !important;
+    font-size: 48px !important;
     color: white !important;
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: center !important;
 }
 .voice-main-btn:hover {
     transform: scale(1.05) !important;
@@ -312,83 +551,29 @@ CUSTOM_CSS = """
     transform: scale(0.95) !important;
 }
 
-/* 状态指示灯 */
-.status-dot {
-    width: 12px;
-    height: 12px;
-    border-radius: 50%;
-    display: inline-block;
-    margin-right: 8px;
-}
-.status-dot.active {
-    background: #4CAF50;
-    animation: pulse 1.5s infinite;
-}
-.status-dot.idle {
-    background: #BDBDBD;
-}
-@keyframes pulse {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.4; }
-}
-
-/* 聊天气泡 */
-.chat-bubble {
-    border-radius: 18px !important;
-    padding: 12px 16px !important;
-    margin: 8px 0 !important;
-    max-width: 85% !important;
-}
-.chat-bubble.user {
-    background: #FCE4EC !important;
-    margin-left: auto !important;
-}
-.chat-bubble.ai {
-    background: #E8F5E9 !important;
-    margin-right: auto !important;
-}
-
-/* Tab 按钮美化 */
-.tabs > .tab-nav > button {
-    border-radius: 12px 12px 0 0 !important;
-    font-size: 15px !important;
-    padding: 12px 20px !important;
-    transition: all 0.2s ease !important;
-}
-.tabs > .tab-nav > button.selected {
-    background: linear-gradient(135deg, #FCE4EC, #FFF) !important;
-    font-weight: 600 !important;
-}
-
-/* 按钮统一圆角 */
+/* 按钮统一 */
 button, .gr-button {
     border-radius: 12px !important;
     font-weight: 500 !important;
+    transition: all 0.2s ease !important;
 }
-
-/* 输入框圆角 */
 input, textarea, .gr-textbox {
     border-radius: 12px !important;
 }
 
-/* 折叠面板 */
-.accordion {
-    border-radius: 16px !important;
-    border: 1px solid #FCE4EC !important;
-}
-.accordion > .label-wrap {
-    border-radius: 16px 16px 0 0 !important;
-}
-
 /* 响应式调整 */
 @media (max-width: 768px) {
     .voice-main-btn {
         width: 120px !important;
         height: 120px !important;
-        font-size: 16px !important;
+        font-size: 36px !important;
     }
     .gradio-container {
-        padding: 8px !important;
+        padding: 4px !important;
+    }
+    .tabs > .tab-nav > button {
+        font-size: 12px !important;
+        padding: 8px 12px !important;
     }
 }
-"""
+"""