一句话结论
站的骨架是好的 —— 响应式零溢出、布局节奏统一、品牌色克制，不需要返工。问题全在细节层。
最值钱的一条：四步流程那三个小图标，原本 4.6MB 却只显示成指甲盖大小，现在 152KB，动效一帧没少。
所有改动已推上线并逐条回读核对（20 项全过）。整页视觉要等 Shopify 缓存刷新（这档套餐没有手动清缓存的入口，最长约 1 小时）。
⚠️ 先说三处我报错的
巡检脚本有误判，逐条核实时发现。如实列出来，免得你按错的信息做判断。
① 评论区标题「是宋体」—— 错
- 我报的
- 标题字体是 Times 宋体
- 实际
- 是 Nunito（品牌字体），20px 常规字重左对齐
- 怎么错的
- 脚本把页面里一段不显示的配置代码当成了正文
- 但结论仍成立
- 它跟全站标题（圆体 34px 居中）确实不是一套，而且挖出了更实的问题：8-14 写的那批评论区品牌化样式，用的是 Judge.me 老版命名，人家早换新版了 —— 那批样式一直是死代码。已按新版重写并清掉死代码
② 向导标题「多了个冒号」—— 错
- 我报的
- 第一步标题多个冒号，其余没有
- 实际
- 五步标题全都带冒号，是统一风格
- 怎么错的
- 我只看了第一步的截图就下结论，没核对其余四步
- 处理
- 不动
③ 向导页「底部 220px 空白」—— 错
- 我报的
- 表单下方约 220px 空白，页面像没写完
- 实际
- 实测 80px，和站上其他区块间距（64px）是一个量级，正常
- 怎么错的
- 凭缩放后的截图目测，没实测
- 处理
- 不动
✅ 已改完上线（17 条）
全部走接口改，改前原件已备份；改完逐条回读后台核对，20 项全过。
01已完成
4.6MB 的动图，被塞进指甲盖大的框里播
- 查实
- 三个图标真实体积 4.6MB（名字叫 .webp，内容其实是 GIF）· 512×512、最多 100 帧 · 页面上只显示 40×40
- 做法
- 转成真正的动画 WebP、尺寸降到 80×80、帧数按动画节奏抽稀，总时长不变
- 结果
- 4.6MB → 152KB（省 96.7%），动效完整保留，画质肉眼无差
- 顺带
- 文件名和格式对上了；文件名也和步骤对齐了（原来 step3 是包裹却用在第 4 步，容易改错）
02已完成
四步图标里，第三步是个表情符号
- 查实
- 第 1/2/4 步是插画动图，第 3 步是硬写的 🎨 —— 在安卓/Windows 上会变成完全不同的样子
- 问题
- 素材库里根本没有第 4 个图标，只能新画一个
- 做法
- 照着另外三个的风格画了一个调色板 + 画笔的动画图标（扁平、有高光和投影、颜料点用品牌色），80×80、24 帧、33KB
- 结果
- 四个图标现在是一套，全站不再有系统表情当图标的地方（这一处）
03已完成
最该被看见的那行字，用了全站最淡的灰
- 查实
- 首屏「约 4 周到手 · 每月 100 个 · Remake Promise」这行，对比度 2.93（标准 4.5）
- 做法
- 次要文字色
#A08A95 → #5C4A53（站上本来就在用的另一档，没引入新颜色）
- 结果
- 对比度 2.93 → 7.49，全站十几处小字一起受益
04已完成
手机上产品图翻页的小圆点，手指点不中
- 查实
- 可点范围 18×18（苹果标准 44×44）
- 约束
- 这排圆点是主题原生组件，靠负边距紧挨着排，每个只占 9px —— 横向再放大就会跟相邻圆点重叠，反而点错
- 做法
- 用透明层只放大纵向热区，视觉零变化
- 结果
- 18×18 → 18×44，可点面积翻 2.4 倍。横向受布局限制没法再大，除非重排整个图库（那是更大的改动，先没动）
05已完成
花絮里有一句英文没写完
- 查实
- 后台数据本身就是残句：「That one crooked whisker, painted in」
- 做法
- 补完 + 把四条长度拉齐（原来最长 54 字最短 27 字，卡片底部才参差）
- 现在
- 36 / 31 / 34 / 27 字，四格底部对齐
- 顺带
- 视频的读屏描述也同步改了（那条不显示，但留着旧文案不干净）
06已完成
手机打开首页，第一眼全是字
- 查实
- 手机首屏塞了标题 + 5 行正文 + 两个按钮，产品对比图被挤到折叠线以下
- 做法
- 手机端重排成标题 → 产品图 → 正文 → 按钮；正文出了个手机专用短版
- 桌面端
- 布局和文案一个字没改（按你说的只动手机端）
- 顺带
- 手机上两个按钮原来宽度差 14px（按文字长短撑开），现在等宽
07已完成
手机上产品页的「开始定制」要滚动才看得到
- 做法
- 新建了手机端吸底下单条：左边显示价格，右边是开始定制按钮
- 行为
- 滚过页面上方那个主按钮之后才浮出来，滚回去自动收起 —— 不会一进页面就挡着
- 细节
- 适配了 iPhone 底部安全区；浮出时页面自动补留白，不会盖住页脚；桌面端完全不渲染
- 兜底
- 万一浏览器不触发监听，1.5 秒后自动改用滚动距离判断（站上滚动容器不是常规的那个，两种都监听了）
08已完成
钥匙扣的按钮看起来像「次要选项」
- 原状
- 手办＝实心粉底，钥匙扣＝白底描边（次一级样式）
- 你的决定
- 两个都想卖 → 统一成同样分量
- 做法
- 钥匙扣按钮改成和手办一样的实心粉底
09已完成
两张产品卡的内容错开 14 像素
- 原因
- 左卡描述 1 行、右卡 2 行，下面的尺寸标签和价格跟着错位
- 做法
- 描述区按两行定高，两卡强制对齐（手机端单列时自动取消定高，不留空洞）
10已完成
评论区标题跟全站不是一套 （理由已更正，见上）
- 真实情况
- 标题是 Nunito 20px 常规字重左对齐；全站标题是 Fredoka 34px 粗体居中
- 更实的问题
- 8-14 写的那批评论区品牌化样式全部打空 —— 用的是 Judge.me 老版命名，人家换新版了
- 做法
- 按新版命名重写（标题改品牌圆体 30px 居中、手机端 24px），并清掉那批死代码
11已完成一半
画廊「像不像」对比图只有指甲盖大
- 做了
- 6 张图从原图 900px 改成按显示尺寸取 400px 版（画面零变化，纯省流量）
- 没做
- 放大展示尺寸 —— 按你同意的，等实拍素材到位再放大。现在放大等于放大渲染图的破绽
- 做法说明
- 用的是平台按需出图，没动原图文件，将来要放大随时可调
13已完成
公告条白字压在粉底上，是全站最难读的一行
- 处理
- 按我的建议：主色不动（品牌红线），只把公告条底色换成品牌里已有的深粉
#E0447A
- 结果
- 对比度 2.91 → 4.01
- 如实说
- 4.01 仍略低于 4.5 的标准，但这已经是品牌色系内能做到的最好；文字本来就是最粗的字重，没有再加粗的空间
16已完成
页脚链接的点击高度只有 32px
- 做法
- 所有页脚链接的可点高度补到 44px（视觉行距不变）
19已完成
价格写法不统一：首页 $79，产品页 $79.00
- 做法
- 全站统一成不带多余零的写法
- 为什么选这个
- 它会智能处理 —— 整数价显示 $79，而 Rush 的 $19.99 照常显示小数。如果全站强制去小数，$19.99 会变成 $20，那是错的
- 提醒
- 结账页由平台托管、不受主题控制，那里仍显示 $79.00。金额一致，不影响
20已完成
装饰图标带了会被读屏软件念出来的文字
- 原状
- 四步图标标着「相机」「魔法棒」「包裹」，读屏软件会念出来
- 做法
- 改成对读屏软件隐藏（它们是装饰，不承载信息）
21已完成
产品页「订单无忧」三张卡糊成一片
- 原因
- 米色卡片压在白色区块上，色差极小，卡片轮廓看不出来
- 做法
- 加了一道淡描边 + 极轻的投影，把轮廓定出来（保持柔和，不做重边框）
22①已完成
向导页：去掉与进度条重复的步骤徽章
- 做了
- 顶部进度条已经显示「第几步」，卡片右上角那个「STEP n OF 5」是重复的，五步的徽章都已移除，连同失效样式一起清掉
- 没做
- ②冒号、③底部空白 —— 这两条是我报错了，见上方更正
⏳ 待你配合（2 条）
这两条在 Klaviyo 的弹窗设计器里，我确认过：它的接口只给元数据，改不了显示时机和位置，只能在后台点。而且后台要你的登录状态。
17待后台
优惠券小挂件常驻左下角挡内容
- 建议改成
- 移到右下角 —— 页面内容都是左对齐的，右下挡不着。订阅入口保住
- 在哪改
- Klaviyo → Sign-up Forms → Email Popup → 挂件（teaser）位置
- 补充
- 站上原本有一段针对它的手机端样式，但选择器没命中过（一直没生效），等后台位置定了我再对症补
18待后台
弹窗一进站就盖住首屏
- 建议改成
- 停留 8–10 秒后、或滚动到 30% 再弹
- 理由
- 新客第一眼该看到产品，不是弹窗
- 代价
- 订阅率可能略降 —— 这是你的商业取舍，我只给建议
- 在哪改
- 同一个表单的「显示时机（Behavior / Timing）」设置
⚪ 按计划先不动（3 条）
这三条不是漏了，是我们商量后决定现在不该动。
12先不动
全站还有不少地方用系统表情当图标
- 分布
- 产品页折叠条、首页四大卖点、向导选狗/猫、信任条、社群标签
- 为什么先不动
- 要换就得设计一整套，成本高。等实拍素材到位、做整体视觉升级时一次性换掉，比现在零敲碎打划算
- 注
- 四步流程那处已经在 02 里解决了（那处最显眼：四个并排，一个是表情很扎眼）
14维持现状
首页同时用了黄色和粉色两个点缀色
- 规范说
- 点缀色「每个版面只用一个」
- 判断
- 两块隔了大半屏，视觉上不打架。按「每个区块只用一个」理解更合实际
- 如果你要严格按整页算
- 说一声，我砍掉一个
15等数据
定制向导第一步就要邮箱
- 为什么先不动
- 一上来要邮箱可能劝退人，但早点拿到邮箱才能做弃单挽回 —— 两边都有道理，凭猜改不如凭数据改
- 什么时候再看
- C7 试单跑完、埋点收齐之后，看真实流失数据再定。改流程还得重测埋点，一次做对更省事
👉 下一步
改动已全部上线并逐条回读核对（20 项全过）。还剩两件事：
1 · 等缓存刷新后做视觉验收。
Shopify 这档套餐没有手动清缓存的入口，整页最长约 1 小时才更新。我会在缓存刷新后跑一遍桌面 + 手机双视口截图验收，把改前改后放一起给你看。
2 · Klaviyo 那两条（17 / 18）需要你的登录状态。
你什么时候方便，我陪着一起过 —— 或者你自己点也行，就两个设置：挂件位置挪到右下、弹窗改成延迟 8–10 秒。