旅行纪念品挑选台 · Travel Souvenir Hub
Overview
一份单文件、断网可用的 HTML 工作台，帮大一大二学生把旅行纪念品选购从"来都来了买一个"变成"心动够、实用、好带才买"。核心是把纪念品决策变成可执行的五步闭环：
- 评估现状 — 明确目的地、纪念品预算上限、行李空间、送礼对象
- 学习原则 — 沉淀"不买清单"与选购原则，拒绝冲动消费
- 记录候选 — 看中什么先加入候选，按心动指数 / 实用性 / 便携性打分后再决定
- 观察复盘 — 回看哪些落灰、哪些真正被使用或送出
- 固定做法 — 把验证过的选购方法固化成个人 SOP，下次出行直接复用
内置能力（对照工作台搭建铁律）：
- 今天要处理置顶区：选购截止、原则复习、复盘等逾期/今日/快到期事项自动标红，一键处理
- 总览页：决策分布 SVG 进度环 + 分类消费 vs 预算堆叠条，一眼看清买了什么、花了多少
- 本地存储：localStorage 前缀 wb_travelsouvenir_，刷新/关闭不丢
- 备份闭环：首屏「导出 JSON / 导入恢复」（导入不限条数）、「清空示例 / 清空全部（二次确认）」
- 全内联零外链：CSS/JS/SVG 图标与图表全部内联，不引任何外部框架/CDN/字体
- 双端适配：PC 顶部 Tab、手机底部 Tab，按钮 ≥44px、输入框 ≥16px、适配刘海安全区
- 预置示例：首次打开含 1 次示例旅行、6 条选购原则、4 条候选纪念品、1 条固定做法（含 1 条逾期选购项），非空白页
When to use
- 用户说「帮我做个旅行纪念品挑选指南 / 纪念品避坑工具 / 买什么纪念品的决策表」。
- 用户想给大一大二学生做一份可离线、可分发、可备份的纪念品选购工作台。
- 需要把"评估→学习→候选→复盘→固化"这类五步法，固化成一个持续使用的个人系统。
Resources
assets/travel-souvenir-hub.html— 已生成好的完整单文件应用（开箱即用，无需构建）。
Quick Start（交付步骤）
这是资产交付型技能：HTML 已生成完毕，直接分发给用户即可，无需编程。
# 1) 把成品 HTML 复制到用户工作区（或任意目录），双击即可在浏览器离线打开
cp assets/travel-souvenir-hub.html <目标目录>/
# 2) 想换标题/配色/默认原则时，用编辑器直接改 HTML 内：
# - <title> 与 .brand h1 改名称
# - :root 里的 --pri / --bg / --ink 改主题色
# - seed() 函数里的示例数据、选购原则、分类枚举按实际场景调整
常见个性化点：
- 分类枚举：在"候选清单"和"选购原则库"的 <select> 里增删分类（如增加"潮玩/盲盒"、"书籍/唱片"）。
- 主题色：--pri 主色（默认纪念品暖橙 #e88c3a）。
- 决策阈值：在"我的固定做法"里把默认的"心动≥4 且实用/轻便才买"改成自己的标准。
分发与安装
- 直接发文件：把
assets/travel-souvenir-hub.html发给对方——双击即在任意现代浏览器离线打开，零安装零联网。 - 部署成手机 APP：用 cloudstudio-deploy 或任意静态托管部署后，手机浏览器打开 → 分享 → 添加到主屏幕，即变成可日常使用的 APP。
- 打包成 skill 分发：把整个
travel-souvenir-hub/目录 zip 发给他人，对方解压到~/.workbuddy/skills/<name>/（用户级，全项目可用）即可安装；本技能即采用此方式分发。
注意事项
- 生成内容为单文件离线应用，无任何外部接口或资源依赖，符合隐私边界（数据只存本机浏览器）。
- 备份 JSON 含用户旅行与选购数据，注意私下传输，避免泄露行程信息。
- 数据仅存于本机 localStorage；建议定期用「导出 JSON」备份，避免清缓存丢失。
- 内置示例为通用示范，实际目的地、价格、店铺请按真实旅行校准。
