静水 · 冥想 iOS App 完整原型（任务正文 v1）
「静水」是一款冥想 App 的完整高保真原型，10 个界面全部集中在
meditation_app_prototype.html 一个文件中展示，可直接双击打开。
产品定位
面向睡眠不足、注意力被切碎的城市上班族。产品只做三件事：
- 让人每天都愿意坐下来五分钟（连续天数、成就体系、7 天新手期）；
- 让人随时能进入放松状态（首页快捷入口、焦虑急救 5 分钟、定时器）；
- 让人看得见坚持的变化（时长趋势、练习后感受、偏好分布）。
界面清单
| # | 界面 | 说明 |
|---|---|---|
| 01 | 首次启动 · 目标 | 四个目标选项（睡得更好 / 减轻焦虑 / 专注当下 / 身体放松），决定首页推荐顺序 |
| 02 | 首页 · 今日 | 今日推荐大卡、连续 7 天环、三大快捷入口（定时器 / 呼吸 / 白噪音）、为你推荐 |
| 03 | 发现 · 内容库 | 搜索、主题筛选、专题 Banner、七日系列、单次练习列表、按老师 |
| 04 | 冥想播放器 | 呼吸光晕背景、进度、播放控制、底部工具栏 |
| 05 | 呼吸练习 | 4-7-8 呼吸法、轮次进度、要点说明 |
| 06 | 睡眠模式 | 助眠音选择、音量、淡出计时、距明早时长 |
| 07 | 洞察 | 周/月/年切换、总时长柱状图、练习后感受对比、偏好分布 |
| 08 | 成就 | 连续天数 Hero、已解锁徽章、进行中进度、未解锁预览 |
| 09 | 我的 | Plus 会员卡、累计数据、收藏 / 下载 / 成就 / 邀请、通用设置 |
| 10 | 练习结束 · 记录 | 五档感受选择 + 一个词的补充记录 |
设计规范
- 基准尺寸 375 × 812，顶部 44px 状态区，底部 78px TabBar（含 20px 安全区）。
- 深色底
#0B0A1A，主色#8B5CF6→ 辅助色#6D8DFB渐变，正文#E9E7F5，辅助文字#B9C4D6。 - 卡片统一玻璃拟态：
rgba(255,255,255,.07)底 +1px rgba(255,255,255,.12)描边 +blur(18px)。 - 呼吸 / 播放动画用径向渐变光晕 + 同心圆环表达，不引入 Lottie 等额外运行时。
- 横向内容统一
no-bar类隐藏滚动条但保留惯性滑动。
打开方式
- 直接双击
meditation_app_prototype.html（需要联网加载 Tailwind / FontAwesome / Unsplash）。 index.html是本目录的统一入口，会自动跳转到原型文件。
已知边界
- 纯静态原型，界面不可点击，图表为手写 SVG / div，未接入图表库。
- 未包含音频资源，播放器与助眠音为视觉示意。
- 界面内的统计数字均为示例数据。
当前归档信息（自动生成）
- 实验 ID：
meditation--minimax-m3-1-flash-preview-max-r01 - 模型：MiniMax M3.1 Flash Preview；推理档位：max
- 类型：prototype；预览：static；网络：required
- 完整原始输入快照 · 主题与其他版本
- 输入记录：用户指令、覆盖范围确认与任务正文 v1 原文均已完整留存，无图片、附件或历史上下文。
- 工具：Claude Code（当前会话）。模型 MiniMax M3.1 Flash Preview，推理档位 max，单会话直接执行，未委派子代理。原型为静态稿，未接后端；Tailwind 与 FontAwesome 走 CDN，图片走 Unsplash，因此预览需要联网。
- 运行方式：浏览器直接打开本目录入口；CDN/外部素材需要联网。
- 原型入口（跳转页）
- 完整原型（10 个界面）
部署适配记录
- 归档来源：F:\dev\ai-coding-demo-test（model-test-base 分支）中的 demos/meditation/runs/minimax-m3-1-flash-preview-max-r01；保留该测试轮号。
- 2026-10-12: 通过本地 HTTP 预览补拍代表性桌面截图 preview-2026-10-12.png；实验源码和原始输入未修改。
- 维护者于 2026-10-22 按 v3 对本轮桌面、手机及补充状态逐图重评并绑定 captures 证据；旧截图和 v2 评分见 catalog/score-reviews/2026-10-21-v3-source.json。未重跑模型或改写实验源码，截图不证明完整功能、算法、手势或性能。