# 花瓣杯 · 电商详情页 v2（790px）

v2 版详情页，基于 v1 重新设计排版与叙事结构，所有图片为实物拍摄素材。

## 文件清单

| 文件 | 说明 |
| --- | --- |
| `work/detail_v2_huashu.html` | v2 详情页源文件（790px 固定宽，零外部依赖，字体走系统宋体/黑体栈） |
| `work/export_v2_huashu.js` | 整页截图导出脚本（Playwright） |
| `work/assets/images/huaban_01.jpg` ~ `huaban_15.jpg` | 实拍图素材，共 15 张，全部被页面引用 |
| `deliverables/花瓣杯_电商详情页_790px_v2_huashu_full.png` | 导出产物（运行导出脚本后生成/更新） |

## 设计要点（v2）

- **叙事结构**：首屏题字 → 序言 → 壹·初见 / 贰·轮廓 / 叁·色泽 / 肆·茶时刻 / 伍·心意 → 购前阅读 → 落款，章回式编排。
- **视觉语言**：暖白底 + 花瓣粉 + 茶褐深色块；竖排题字、细线裱框、花瓣线描 SVG 作为贯穿符号。
- **排版**：宋体衬线做标题与题字，黑体做正文；细发丝线（hairline）分隔，深浅两种色调段落交替。
- **合规文案**：无功效/绝对化用语，色差与手作差异已在「购前阅读」中说明，标注「以收到实物为准」。

## 预览与导出

```bash
# 浏览器预览
open work/detail_v2_huashu.html

# 导出整页长图（需 Playwright，脚本已兜底全局 node_modules 路径）
cd work && node export_v2_huashu.js
# 输出 → deliverables/花瓣杯_电商详情页_790px_v2_huashu_full.png
```

## 验证状态（2026-06-10）

- [x] HTML 文件存在
- [x] 页面引用的图片全部存在（15 处引用，0 缺失）
- [x] 不同图片数量 ≥ 12（实际 15 张）
- [x] 可见正文无过程词（禁用词检查通过）
- [x] 导出脚本存在

详细记录见 `docs/huashu_v2_claude_report.md`。