The TCM Home · 2026年8月13日 · 三大模块联动方案
竞品只有4个筛选维度（分类、寒热、补益、归经），我们增加3个维度：
| 筛选维度 | 选项 | 竞品有 | 我们新增 |
|---|---|---|---|
| 食材分类 | 谷物豆类 / 蔬菜 / 水果 / 肉海鲜 / 坚果 / 调料 / 茶饮 / 蛋奶 | ✅ | — |
| 寒热属性 | 热 / 温 / 平 / 凉 / 寒 | ✅ | — |
| 补益方向 | Qi / Blood / Yin / Yang / Jing / 消湿 / 理气 | ✅ | 新增"消湿"和"理气" |
| 归经脏腑 | Liver / Heart / Spleen / Lung / Kidney / Stomach / 大肠 / 小肠 / 胆 / 膀胱 | ✅ | 新增6个腑经 |
| 五味 | 酸 / 苦 / 甘 / 辛 / 咸 | ❌ | 新增 |
| 适宜季节 | 春 / 夏 / 长夏 / 秋 / 冬 / 全年 | ❌ | 新增 |
| 体质匹配 | 阳虚 / 阴虚 / 气虚 / 血虚 / 痰湿 / 气郁 / 湿热 / 平和 | ❌ | 新增 |
搜索框支持按食物名称搜索（中英文），如输入"warm"显示所有温性食物，输入"ginger"直接找到生姜。
用户完成体质测验后，食物图谱自动高亮推荐食物，灰显禁忌食物。例如：阳虚体质→高亮生姜/羊肉/桂圆，灰显西瓜/绿豆/苦瓜。未做测验的用户可手动选择体质类型进行筛选。
点击任意食物卡片，弹出详情面板（不用跳转页面），展示完整12个字段信息，包括：寒热属性可视化条、五味雷达图、归经列表、补益方向、禁忌提示、推荐食谱链接、相关文章链接。
页面顶部显示当季推荐食物横幅，根据系统日期自动切换。如8月（长夏/初秋）推荐：山药、莲子、百合、梨、银耳等润肺健脾食物。
网格视图（带食物图标/图片）、列表视图（紧凑信息）、表格视图（适合对比多个食物）。用户可自由切换。
| 分类 | 数量 | 示例 |
|---|---|---|
| 谷物豆类 Grains & Legumes | 20 | 白米、糙米、小米、燕麦、荞麦、糯米、黑米、红豆、绿豆、黑豆、黄豆、扁豆、薏米、芡实、山药(薯)、玉米、小麦、高粱、藜麦、鹰嘴豆 |
| 蔬菜 Vegetables | 35 | 白菜、菠菜、芹菜、胡萝卜、白萝卜、莲藕、冬瓜、黄瓜、苦瓜、丝瓜、南瓜、西红柿、茄子、韭菜、洋葱、大蒜、生姜、葱白、香菜、红薯、土豆、木耳、蘑菇、香菇、海带、紫菜、豆芽、莴笋、西兰花、花菜、空心菜、油菜、苋菜、茼蒿、芥菜 |
| 水果 Fruits | 25 | 苹果、梨、香蕉、橙子、橘子、柚子、西瓜、哈密瓜、葡萄、草莓、蓝莓、樱桃、桃子、李子、杏、枇杷、石榴、山楂、猕猴桃、芒果、木瓜、龙眼、荔枝、大枣、桑葚 |
| 肉海鲜 Meat & Seafood | 25 | 鸡肉、鸭肉、猪肉、牛肉、羊肉、鱼(鲤鱼/鲫鱼/鲈鱼)、虾、蟹、 squid、贝类、鸡蛋、鸭蛋、鹌鹑蛋、牛奶、酸奶、奶酪、豆腐、豆浆、豆皮、腐竹、排骨、肝脏、猪肚、猪蹄、鸽肉、鹌鹑 |
| 坚果 Nuts & Seeds | 15 | 核桃、杏仁、花生、腰果、松子、板栗、葵花籽、南瓜子、芝麻(白/黑)、莲子、芡实、桂圆干、葡萄干、红枣、枸杞 |
| 调料 Spices & Condiments | 15 | 生姜、干姜、桂皮、八角、花椒、胡椒(白/黑)、丁香、小茴香、孜然、芥末、醋、酱油、蜂蜜、红糖、饴糖 |
| 茶饮 Beverages | 15 | 绿茶、红茶、普洱茶、乌龙茶、白茶、菊花茶、玫瑰花茶、桂花茶、茉莉花茶、枸杞茶、红枣茶、姜茶、薄荷茶、荷叶茶、大麦茶 |
| 合计 | 150 |
| 维度 | 题数 | 竞品有 | 我们新增 | 评估内容 |
|---|---|---|---|---|
| 寒热 Thermal | 4题 | ✅ | — | 怕冷怕热、手足温度、口渴偏好、面色 |
| 能量 Energy/Qi | 4题 | ✅ | — | 精力水平、疲劳感、运动恢复、气短 |
| 消化 Fluids/Digestion | 3题 | ✅ | — | 食欲、大便、腹胀 |
| 情志 Shen/Mind | 3题 | ✅ | — | 情绪基线、焦虑/低落、压力反应 |
| 睡眠 Sleep | 3题 | ❌ | 新增 | 入睡难度、睡眠深度、做梦/夜醒 |
| 疼痛/体感 Pain | 3题 | ❌ | 新增 | 疼痛类型、身体沉重感、关节灵活度 |
竞品只给出5个结果（偏阴/偏阳/平衡/等），我们给出中医九种体质中的8种（排除特禀质）：
| 体质类型 | 核心特征 | 推荐食物示例 | 推荐文章 |
|---|---|---|---|
| 平和质 Balanced | 阴阳平衡，气血充足 | 均衡饮食，四季皆宜 | 季节养生指南 |
| 气虚质 Qi Deficiency | 疲乏无力，气短懒言 | 山药、红枣、鸡肉、糯米 | /food-therapy/qi-boosting-foods.html |
| 阳虚质 Yang Deficiency | 怕冷，手足不温 | 生姜、羊肉、桂圆、核桃 | /tcm-basics/hot-vs-cold-constitution.html |
| 阴虚质 Yin Deficiency | 手足心热，口干便秘 | 百合、梨、银耳、枸杞 | /food-therapy/calming-foods-guide.html |
| 血虚质 Blood Deficiency | 面色苍白，头晕心悸 | 红枣、桂圆、菠菜、黑芝麻 | /food-therapy/blood-nourishing-foods.html |
| 痰湿质 Dampness | 体胖腹大，身重困倦 | 薏米、冬瓜、萝卜、荷叶 | /food-therapy/dampness-removing-foods.html |
| 湿热质 Damp-Heat | 面垢油光，口苦易怒 | 绿豆、苦瓜、冬瓜、芹菜 | /food-therapy/dampness-removing-foods.html |
| 气郁质 Qi Stagnation | 情绪低落，胸胁胀满 | 玫瑰花、柑橘、芹菜、薄荷 | /stress-anxiety/ |
结果显示一个阴阳平衡条（类似竞品），但增加六大维度的雷达图，直观展示用户在寒热、能量、消化、情志、睡眠、疼痛各维度的偏颇程度。
结果页直接展示"推荐食物"（10-15种）和"少食食物"（5-8种），每种食物可点击跳转到食物图谱详情。竞品没有这一联动功能。
根据体质类型给出：推荐运动（如气郁质推荐太极拳/散步）、作息建议（如阴虚质建议23点前睡）、茶饮推荐（如阳虚质推荐姜茶/桂圆红枣茶）、穴位推荐（如气郁质推荐太冲穴）。
用localStorage保存测验结果和时间戳，用户下次访问时显示"上次测验结果"和"建议复测时间"。竞品无保存功能。
每种体质结果附带"典型舌象参考"（文字描述+示意图），如阳虚质"舌淡胖嫩，苔白滑"，阴虚质"舌红少苔"。链接到舌诊指南文章。
竞品有一个可点击的身体地图，我们在此基础上增强：
竞品完全没有五行内容。我们增加一个交互式五行图：
竞品有文字描述四种失衡（阳盛/阴盛/阳虚/阴虚），我们增加：
竞品的三个页面是完全独立的，用户需要自己手动在页面间跳转。我们的方案是：体质测验结果直接驱动食物图谱的筛选和推荐，食物详情页链接到相关文章和食谱，文章页又引导用户做体质测验或探索食物图谱。形成闭环。
| URL | 页面 | 内容 |
|---|---|---|
| /tcm-food-atlas.html | 食物图谱主页 | 筛选器 + 食物网格 + 搜索 + 详情弹窗 |
| /constitution-quiz.html | 体质测验页 | 20题测验 + 结果页 + 推荐 |
| /yin-yang-body.html | 阴阳互动教育 | 身体地图 + 五行图 + 失衡模式 |
| /tcm-food-atlas.html#food/[name] | 食物详情锚点 | 弹窗形式，不单独建页 |
构建150+食物JSON数据库 → 筛选UI → 搜索 → 详情弹窗 → 3种视图模式
20题问卷 → 评分算法 → 8种体质结果 → 个性化推荐 → localStorage保存
测验结果→食物图谱筛选 → 食物→文章链接 → 文章→测验引导
SVG人体地图 → 脏腑配对 → 五行相生相克 → 失衡模式
JSON-LD结构化数据 → 内链建设 → sitemap更新 → 服务器部署
| 功能点 | ChineseMedicineAtlas | The TCM Home |
|---|---|---|
| 食物数量 | 120 | 150+ |
| 筛选维度 | 4（分类/寒热/补益/归经） | 7（+五味+季节+体质） |
| 食物字段 | 6 | 12（+五味+升降+禁忌+食谱链接+文章链接+季节+体质） |
| 搜索功能 | ❌ | ✅ 全文搜索 |
| 体质测验题数 | 12题 | 20题 |
| 测验维度 | 4 | 6（+睡眠+疼痛） |
| 体质类型 | 5（偏阴/偏阳/平衡等） | 8（中医九种体质） |
| 测验结果推荐 | 文字描述 | 食物+运动+茶饮+穴位+舌诊 |
| 结果保存 | ❌ | ✅ localStorage |
| 模块联动 | 三个独立页面 | 测验→食物→文章闭环 |
| 五行内容 | ❌ | ✅ 相生相克互动图 |
| 季节推荐 | 字段有但无自动推荐 | ✅ 自动当季推荐 |
| 禁忌提示 | ❌ | ✅ 每种食物标明禁忌 |
| 食谱链接 | ❌ | ✅ 关联站内食谱文章 |