一、任务背景
双11正在进行，但今年的规则和以前完全不一样了。我先查了 2026 年各平台的新玩法，发现三个普通人很难搞明白的点：
-
淘宝天猫取消了跨店满减，全面改「官方立减」，但 88VIP 券、红包、国补还能叠；
-
京东 10 月 12 日现货开卖、全程价保，优惠顺序是「直降→店铺券→品类券→每满300-50→PLUS 95折→红包→以旧换新→国补15%」；
-
国补永远按前面压实后的实付价补贴，是最后一层——顺序算错一层，到手价就差一截。
更糟的是「先涨后降」：标价 3299 看着打了 6.8 折，结果比一个月前的日常价只便宜 23%。
我又翻了论坛同类标签下 40 多个帖子，开发者实战、小工具、方法论都有人投，消费/电商方向完全空白，而这正是全网正在发生的事。所以我给自己定的目标是：在 10 月 18 日截稿前，做一个可打开、可点击、能一键出分享卡的双11到手价精算器，内置 2026 三平台规则模板，还能揪出先涨后降。
二、推进过程
第 1 步：让 Agent 联网调研规则。 我没有自己整理规则，而是直接让 Agent 搜索 2026 年淘宝、京东、拼多多的招商规则和叠加顺序报道，十分钟内拿到了三平台的规则要点，并沉淀成三条内置模板。
第 2 步：拆层建模。 把优惠拆成 8 层，顺序严格按平台真实抵扣顺序排：官方立减 → 店铺券 → 品类券 → 会员折扣 → 跨店满减 → 无门槛红包 → 以旧换新 → 国补（可设上限）。每一层只对「上一层压实后的价格」生效，这正是国补不能提前算的原因。
第 3 步：单文件生成 + IDE 精修。 整个工具是一个零依赖的 index.html：左侧输入价格和优惠层，右侧实时算出到手价、画优惠瀑布图、给出「真折扣」判定。视觉上选了暗色底 + 金橙渐变的价格数字，瀑布图每层一条递减条形，录屏和截图都出效果。手机宽度下自动变单列，375px 实测无横向滚动。
第 4 步：让 Agent 实测抓 bug（这一步最值）。 我把页面丢给浏览器测试 Agent，让它按 7 步清单走一遍真实交互。结果当场抓出 3 个真 bug：
-
标价/日常价输入框没有绑定输入事件——填了价格右侧完全不动；
-
国补上限字段引用写错（st.gb.cap 应为 st.cap）——一切平台标签就渲染崩溃，京东模板根本切不过去；
-
判定文案把「23.2%」写成了「23.2折」——差了十倍，纯属我自己迷糊。
修复后我用 Playwright 精确复测：数值逐层核对（3299 → 立减 → 券 → 红包 → 国补15% = 2247.53，6.8折）、三平台切换、控制台零报错、移动端布局，全部通过。
三、最终产物
一个单文件网页工具，双击就能打开：
-
三平台 2026 规则模板：切标签一键切换，规则提示实时更新；
-
8 层优惠瀑布图：每一层省多少、压实后剩多少，一眼看懂；
-
真折扣揭示：填入近30天日常价，自动判定「真便宜可以冲 / 标价虚高 / 先涨后降实锤」，并给出标称折扣 vs 真实折扣对比；
-
一键出片：生成 1080×1500 的到手价分享卡 PNG，附赠复制到朋友圈的文案。
index.html (34.3 KB)
