🐾 政策五页改版方案
✅ 方案已拍板并施工完成（2026-08-18 晚）：五页全部上线新版——统一页头 + 五页互跳导航条，FAQ 全收起折叠问答，运输页交期时间轴，退换页红绿对照卡，隐私/条款穿上品牌衣服。所有文字口径零改动。
改前改后对比见下一节。⚠️ FAQ 页整页缓存最长滞后 1 小时，短时间内打开可能还是旧版，属正常。
〇、施工结果：改前 → 改后
每页四张：桌面改前/改后 + 手机改前/改后。点图放大。
FAQ
Shipping & Delivery
Returns & Exchanges
Privacy Policy
Terms of Service
一、现在的问题在哪
1. 五页是一家人，却长着五副面孔 最扎眼
FAQ 是双列小卡，运输页是步骤卡，退换页是编号清单——这三页还算有设计。但隐私和条款两页完全是裸文本：默认大黑标题 + 长段落，跟站上其他页面像是两个网站。客户从 FAQ 点进隐私页，观感直接掉档。
点图可放大（页内查看，点空白处 / Esc / 右上角 ✕ 都能关）。
2. FAQ 全部摊开，成了一面字墙 转化影响最大
17 个问答全部默认展开。客户其实只关心自己那一两个问题，现在得从头扫到尾。手机上尤其痛苦——整页要滑 26 屏。行业通行做法是折叠问答（点问题展开答案），我们反而没有用。
3. 桌面端大片空白，页面"又空又长"
内容柱只占屏幕中间约六成宽，两侧是大面积米色空场；退换页正文只有短短一段，下面拖着整屏空白再接页脚。空不是问题，"空得没有节奏"才是问题。
4. 页与页之间没有路
客户看完运费想看退换规则，只能拉到页脚去找链接。五页本是一套"售前售后须知"，却互相孤立。
5. 长页没有目录，找信息靠滚
FAQ、隐私、条款都是长页，但没有任何跳转目录。想找"退款到账时间"这类具体条目，只能一路滚着找。
二、改版思路：一套「帮助中心」设计系统
不是五页各改各的，而是先定一套共用框架，五页套进去，以后再加政策页也直接套：
- 统一页头：小标签 + 大标题 + 一句话摘要 + 五页互跳导航条（当前页高亮粉底）；
- FAQ 折叠问答：默认收起、点开展开，分类分组，顶部有分类快捷跳转；
- 运输页交期时间轴：把「制作 2 周 + 运输约 15 天 = 到手约 4 周」画成一条彩色进度条，一眼看懂；
- 退换页红绿分明：「我们包的」绿色卡、「不包的」粉色卡，判定规则不用读长文；
- 隐私/条款穿品牌衣服：顶部加「一句话版」摘要卡 + 目录跳转，正文分节装进圆角卡片；
- 统一底部客服卡：五页都以粉色 "Contact us" 收尾（现在隐私/条款没有）。
颜色、字体、圆角全部沿用现有品牌规范（Bubblegum 粉 / Cream 米 / Fredoka + Nunito / 胶囊按钮），不引入任何新风格。
三、统一页头长这样（下面是实机模拟，可以直接感受）
以运输页为例。那条导航在五页顶部都会出现，客户能在政策页之间来回跳。
Every piece is crafted after you order. Here's how long it takes and how it gets to you.（每件都是下单后现做——这页讲要多久、怎么送到）
四、FAQ 新版：点一下才展开
👇 这个模拟是活的，你可以点问题试试。默认全部收起，问题一屏看完；分类前加计数，顶部加分类跳转。
🎯 Will it actually look like my pet?+
♻️ What's it made of?+
🐶🐱 Can you put two pets on one figurine?+
五、运输页新版：交期画成时间轴
现状的 Step 1 / Step 2 卡片保留升级，重点是新增这条"总交期进度条"——客户最关心的"到底多久到手"，3 秒看懂。
（配色即品牌三点缀色各用其一：粉=制作、黄=运输、薄荷=到手；口径与站上一致：制作 2 周 + 运输约 15 天 = 到手约 4 周）
六、退换页新版：包不包，红绿分明
现状是四段编号长文。新版把核心判定拆成两张对照卡放最上面，长文规则保留在卡片下方，想细读的人还能读全文。
💚 We've got you covered（我们包）
- Arrives damaged / defective / wrong item — free remake（破损、瑕疵、发错：免费重做一次）
- Cancel any time before you approve your preview — full refund（批准效果图前随时取消，全额退）
- Lost in transit 15+ days — remake or full refund（丢件：重做或全退）
🚫 What isn't covered（不包）
- Change of mind（单纯不想要了）
- Likeness expectations — chibi style is an artistic interpretation（"不够像"——Q 版本来就是艺术化演绎）
- Damage from drops or misuse（到手后摔坏、使用不当）
七、隐私 / 条款新版：裸文本穿上品牌衣服
这两页改动最大。措辞一字不动，但顶部加「一句话版」摘要卡 + 目录跳转，正文按节装进卡片。以隐私页为例：
The short version, before the long version.（先给一句话版，再给全文）
1What we collect
Order information — your name, email, shipping address, and payment details (payments are processed securely by Shopify Payments; we never see or store your full card number)…（正文原样搬入卡片，不改一个字）
2How we use your photos
Uploaded photos are used solely to review, model and produce your figurine…
八、手机端怎么呈现
- 页头导航条：手机上变成一行可左右滑的胶囊（不换行堆叠，省高度）；
- FAQ：折叠后手机端从约 26 屏缩到约 8 屏，找问题不再靠毅力；
- 交期时间轴：手机上三段改为竖排（制作 → 运输 → 到手），保持同色语义；
- 红绿对照卡 / 摘要卡：自动叠成单列，每张卡宽度占满，触控热区照品牌规范 ≥44px；
- 运费表 / 退款表：窄屏下表格转成卡片式（标签+数值分行），不出现横向滚动。
九、施工范围与风险
动什么
- 5 个页面的正文 HTML（Shopify 后台 pages，走 API 改）；
- 样式集中写进现有的 pc-fixes.css（新选择器一组，长段落照旧进两端对齐规则组）；
- 不动主题结构文件、不动任何产品/结账/导航，不引入新脚本（折叠用浏览器原生能力）。
不动什么
- 所有文字口径零改动——运费 $19.99、交期约 4 周、免费取消窗口、重做承诺等全部原文保留；
- 结账页内置的政策文本不碰。
怎么干（老规矩）
- 每页改前先把原正文备份到会话存档，可随时一键还原；
- 逐页改：改一页 → 桌面+手机双视口截图验收 → 改前/改后并排给你过目 → 再下一页；
- 改完同步团队手册（品牌手册 05 / 订单手册 03 涉及页面样式的描述）。
风险与代价
- Shopify 整页缓存最长滞后 1 小时——你自己打开可能短时间还看到旧版，属正常，我会用实时渲染通道验收；
- 折叠问答对搜索引擎无影响（内容仍在页面里，Google 正常收录折叠内容）；
- 五页逐页上线，任何一页不满意可单页回滚，互不牵连。
十、拍板记录
2026-08-18 已拍板：① 整体方案 OK ② FAQ 默认全收起 ③ 页头五页互跳导航条要。当晚施工完成，五页正文 + 样式全部上线；每页改前已备份，可单页回滚。