# 苍河 · AI 情绪日记与生活助手原型（MiniMax M3.1 Flash / max）

## 原始提示词

见 [完整原始输入](prompt.md)。该输入与主题提示词 v1 正文一致。

## 实现说明

单文件 `index.html`，Tailwind CSS 通过 CDN 引入，图片使用 Unsplash 源，全部 7 个原型页面横向排列在同一页面中，每个页面用 375px 宽的手机外框独立呈现（相互不影响），可直接作为开发参考。

### 页面规划（产品经理视角）

| 页面 | 作用 | 关键内容 |
|---|---|---|
| 01 今日概览 | 每日入口 | 情绪快捷打卡、AI 预填、连续记录天数、本周平均、最近片段 |
| 02 记录情绪 | 核心写入流 | 情绪选择、影响因素标签多选、自由文本、AI 提示、保存 |
| 03 日记时间线 | 回顾 | 带图条目、情绪标签、AI 摘要、按条件筛选 |
| 04 情绪趋势 | 数据洞察 | 平均心情折线 + 柱状背景、情绪构成占比、AI 洞察卡 |
| 05 AI 洞察 | 智能总结 | 本周小结、压力来源排行、可执行建议、关键词云 |
| 06 生活片段 | 记忆聚合 | 按主题自动聚类的相册片段与平均心情 |
| 07 个人中心 | 设置 | 头像与统计、提醒、AI 周报开关、隐私、导出、外观 |

### 交互

- 情绪选择（今日概览 / 记录页）实时更新选中状态与文案。
- 影响因素标签可多选，选中后变为品牌色。
- 日记时间线支持「全部 / 带图 / 有 AI 摘要」筛选。
- 情绪趋势支持周 / 月 / 季切换，SVG 折线与柱状背景随之重绘，X 轴标签同步变化。
- 底部标签栏在 7 个页面中保持一致的导航结构。

## 运行与验证

Playwright + Chromium 自动化校验（模型生成的实现，均通过）：

- Tailwind CDN 加载成功，`.text-violet-600` 计算样式为 `rgb(124, 58, 237)`，说明工具类生效。
- 页面包含 7 个手机外框原型；8 张 Unsplash 图片全部加载成功（`naturalWidth > 0`）。
- 情绪选择后 `#pickedMood` 更新为「焦虑」；标签点击后 class 变化。
- 时间线筛选后条目数量符合预期；趋势图切换到「月」后折线路径 `d` 变化，X 轴标签由 7 个变为 12 个。
- 桌面与 390px 视口下文档均无水平溢出；控制台无错误。
- 已知限制：原型为静态视觉稿，底部标签栏未做真实页面跳转；Tailwind 使用 Play CDN 运行时编译，首屏存在极短的样式加载过程。

<!-- archive:start -->
## 当前归档信息（自动生成）

- 实验 ID：`life-diary--minimax-m3-1-flash-max-r01`
- 模型：MiniMax M3.1 Flash；推理档位：max
- 类型：prototype；预览：static；网络：required
- [完整原始输入快照](prompt.md) · [主题与其他版本](../../../../topic.html?id=life-diary)
- 输入记录：完整原始输入快照，与主题提示词 v1 正文一致（含中英文要求）。
- 工具：Claude Code CLI（当前会话，模型 MiniMax-M3.1-Flash，档位 max）。单会话直接实现，未使用子代理；本地用 Playwright/Chromium 以 390px 与桌面视口做自动化校验。
- 运行方式：浏览器直接打开本目录入口；CDN/外部素材需要联网。
- 费用记录：MiniMax 批次合计 金额未记录（11 个案例；批次 minimax-m3-1-flash-max-2026-10-19；未记录单案例费用）
- [原型总览（全部 7 个页面）](../../../../demos/life-diary/runs/minimax-m3-1-flash-max-r01/index.html)

### 部署适配记录

- 提示词要求原型文件名为 canghe_app_prototype.html；按仓库规则单文件入口统一为 index.html，内容与提示词要求一致。
- 原型按提示词使用 Tailwind CDN 与 Unsplash 图片，因此预览标记为 network: required。
- 迁移来源：F:\dev\ai-coding-demo-test 的 experiment/minimax-m3-1-flash-max 分支，提交 871beb18e0e85d6dd542cadca398e67aa4ff1247；保留该提交中的任务输入、实现源码和原有说明。
- 维护者于 2026-10-20 按本仓库统计规则为网页入口引用公共 assets/analytics.js；原始任务输入未改动。
- 维护者于 2026-10-20 在本仓库本地 HTTP 预览中补拍真实桌面截图，并按案例评分规则 v2 逐项复核。
- 维护者于 2026-10-20 按用户要求重新逐图评分，原始 PNG、输入及实现不变；旧分、新分、逐项观察和规则快照保存在 catalog/score-reviews/2026-10-20-minimax-m3-1-flash-max-v2.json。
- 维护者于 2026-10-22 按 v3 对本轮桌面、手机及补充状态逐图重评并绑定 captures 证据；旧截图和 v2 评分见 catalog/score-reviews/2026-10-21-v3-source.json。未重跑模型或改写实验源码，截图不证明完整功能、算法、手势或性能。
<!-- archive:end -->