第九步 · 开源项目参照与界面重做 v0.1
2026-10-17搜集，2026-10-18交付K01。用户明确否定J01的背景、文案和组件，要求搜集开源项目直接模仿。本轮据此替换界面参照，不沿用原深青底和抒情标题作为约束；原文件继续保留。
先看新界面试样与原项目截图及源码参考册。实际覆盖为出发、选卡、行程三页及设置／详情／笔记三类弹层，尚非六页完整替换或真实旅行应用。
主要照哪些项目做
| 对象 | 主来源 | 本次模仿到什么程度 |
|---|---|---|
| 整体布局与背景 | Fernscout | 读取颜色变量、TripHero、SiteNav和TripStory；用浅底、白色内容区、黄色当前项、城市照片与设定并列。保留自己的品牌。 |
| 表单和行程条目 | Travel Planner | 读创建计划、按钮、输入、城市卡与每日活动源码；试样改编为原生HTML／CSS，不导入该项目的数据层。 |
| 卡牌倾斜和详情 | Motion Primitives | 读Tilt、Morphing Dialog、Transition Panel；本轮改编指针归一化数学，详情用原生dialog。没有把原生弹层宣称为共享元素变形。 |
| 卡框局部反光 | Magic UI | 改编免费MIT仓库ShineBorder的遮罩结构，仅在卡牌主动交互时播放；正文不叠光。 |
| 卡牌动作标杆 | Pokémon Cards CSS | 实际点开原页并截图，对照其聚焦、倾斜和反光；未复制GPL代码或宝可梦图。 |
| 旅行书翻页 | StPageFlip | 查看官方演示与配置源码，列为候选；未集成。维护状态及销毁循环等问题仍需正式采用前实验。 |
| 行程组织补充 | AdventureLog | 看公开首页与行程规划源码职责；内部功能没有登录验证，文案与背景不照搬。 |
共检查11个仓库的元数据、README与许可文件，核心7个仓库的22份选定源码固定到提交版本。其余3个未找到明确许可文件，React Bits含额外Commons Clause，单独标注。不是把所有公开仓库都算作可随意复制的代码。
具体到文件的对应关系见16项组件表，包括固定提交的网页链接；原文件位于研究原件目录。下载源码只作阅读归档，未安装或运行这些仓库。
已落到试样里的变化
| 之前 | 现在 | 目的 |
|---|---|---|
| 大片深青底、几何路线装饰 | 浅色背景、白色字段区、真实上海配图 | 页面先有旅行内容，背景退到辅助位置。 |
| 抒情标题和抽象状态词 | 这次去哪儿／旅行设置／选一张旅行卡／记一笔 | 让用户先知道自己能做什么。 |
| 所有页面相近的深色盒子 | 设定用字段、选卡用卡面、行程用列表 | 同一套颜色和控制规则，内容各用合适结构。 |
| 动效只存在分镜图里 | 实际可点的详情、卡牌倾斜、边缘反光、揭牌重播 | 先检验能看懂、能操作的动态。 |
新试样保留城市已定／未定双入口、标准默认和5／2刷新说明。候选只展示金色R09／R10／R11，基础组件R15未混入；卡面沿用H01仅作动作载体，不表示旧卡面已被认可。没有新候选时明确不扣次数；试样不产生真实随机结果、不写存档、不改变I06规则。
上海照片是公开城市配图，作者Ernest Jourdier，来源Wikimedia Commons原页，许可CC BY 4.0；原图未修改，仅CSS裁切，页面保留作者、链接和许可。灰天气的另一张CC0图已记录为备选而未用于主视图。均非本人旅行记录。下载通过默认证书校验的PowerShell完成，未关闭TLS验证；原图SHA-1与来源页一致。
文案怎么改
不是把长句删短就结束：功能标题使用常见名称，按钮写动作，错误说清哪一项和下一步；规则版本、资料取证、研究样本标记放在有必要的位置，不塞进每个产品标题里。
| 旧写法 | 新写法 |
|---|---|
| 把这一趟，抽成自己的。 | 这次去哪儿？ |
| 城市已定，开一局 | 城市选好了 |
| 还没定？抽个目的地 | 还没想好 |
| 这局，按你的节奏来。 | 旅行设置 |
| 第2轮 · 留下一种玩法 | 选一张旅行卡 |
| 先把这趟走通。 | 确认行程 |
| 留一点，当时的自己。 | 记一笔 |
| 编成这一册。 | 旅行纪念册 |
| 本人材料0 | 还没有照片或笔记 |
| 事实完整就绪核对未通过 | 餐费和路线还没确认 |
| 当前方案存在需要核验的条件 | 还有两项没确认：营业时间、餐费 |
| 未知费用不释放为预算 | 餐费还没填，总费用暂时算不出 |
| 受影响者参与状态未齐 | 先问问同行的人是否想参加 |
| 采用所选未来变更 | 使用这份行程 |
| 当前副本材料范围 | 哪些照片放进书里 |
| 服务暂不可用，保留手排入口 | 暂时没收到回复，你可以先自己改 |
| 无新合格候选，不扣主动刷新额度 | 没有新卡牌，这次不扣刷新次数 |
| 尚无本人旅行材料，可零材料筹备收册 | 还没记录，也可以先看看封面 |
共18条对照，见文案表。这是替换方向，不自动改变卡牌完整规则。卡名可以有趣，操作名称仍应清楚。
还没有做的部分
本轮重点是找可核项目并做模仿试样。旅中记录完整页、旅行书编辑、导出恢复还未按新视觉重做；真实抽卡、保存、AI、订单与PDF仍未实现。保留已有流程与状态研究，不把它们等同于已经实现的界面。
下一轮在这三个可操作页面上核对审美和阅读方式，再把同一组组件扩到记录与成书。经典机械卡框、银金彩的原始参照要求继续保留；页面背景、组件与文案不再受J01旧稿约束。
验证入口
K01检查回执分别记录来源文件、静态引用、桌面／390px界面和实际交互检查。静态分析或截图不等于整站无障碍认证、设备性能实测或真实行程验证。
2026-10-18收尾复核：实际点验18项，桌面及390px三页均已截图。检查涵盖选卡、无新候选不扣刷新次数、标准5次／轻量2次展示联动、弹层名称与键盘关闭、首页返回、手机上一张／下一张，以及费用缺项提示。R09、R10名称分别纠正为“四向锻造”“后段回声”；R11明确写出减少哪些短停和增加多少费用。
确认期间遇到旧脚本缓存，现已给CSS及脚本增加K01r2版本参数，并通过新标签页重新核验。参考册中创建计划和详情展开两项已换成实际展开后的截图；早期文件名为travel-planner-form、motion-dialog-open的图片保留归档，但不再当作展开状态展示。fernscout-day保留的是总览画面，不作为日详情的运行证据。
本轮检查未发现断开的本地引用、来源文件哈希差异或已确认规则文件变动。最终外观仍由用户评阅；这份检查只证明已列范围的试样与资料能够打开和操作。