From af249ab1c0015f3cb9398fc0569a91cf2e2e14a5 Mon Sep 17 00:00:00 2001
From: deploy <deploy@local>
Date: Sun, 1 Nov 2026 01:38:00 +0000
Subject: [PATCH] =?UTF-8?q?=E7=94=9F=E5=A8=83=E8=AE=A1=E7=AE=97=E5=99=A8?=
 =?UTF-8?q?=20v4=EF=BC=9A=E4=B8=89=E6=9D=A1=E5=85=BB=E5=A8=83=E8=B7=AF?=
 =?UTF-8?q?=E7=BA=BF+6=E9=97=AE+18=E5=B2=81=E9=95=BF=E8=B4=A6=E5=8D=95?=
 =?UTF-8?q?=E5=B0=8F=E7=A5=A8+=E5=AF=B9=E5=A6=88=E5=A6=88=E8=AF=B4?=
 =?UTF-8?q?=E8=BE=9B=E8=8B=A6=E4=BA=86=E6=94=B6=E5=B0=BE=E5=8D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 topic/huafei/index.html | 1484 +++++++++++++++++++--------------------
 1 file changed, 740 insertions(+), 744 deletions(-)

diff --git a/topic/huafei/index.html b/topic/huafei/index.html
index d005191..cddb06b 100644
--- a/topic/huafei/index.html
+++ b/topic/huafei/index.html
@@ -4,26 +4,27 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
 <meta name="format-detection" content="telephone=no">
-<title>生娃计算器 · 到底要花多少钱</title>
-<!-- 孕期专题 · 生娃计算器（孕期首页「其他妈妈也在搜」第 1 条入口）。
-     2026-10-31 v3：按 /tmp/pl/topic-spec-v3.md（在 v2 规范上加设计感）重做；主色 #18A058，浅底 #EAF7F0。
-     用户反馈「可选维度太少」→ 扩到 15 题（奶粉档次是条件题，母乳为主时自动跳过），分 3 组：
-       孕期与分娩：城市 / 产检方案 / 医院 / 分娩方式 / 医保类型 / 第几胎
-       月子与喂养：月子方式 / 喂养方式 / 奶粉档次(条件) / 待产包与婴儿用品档次 / 纸尿裤与洗护档次
-       0～3 岁养育：1～3 岁谁带(含 2 岁上托班) / 早教兴趣班 / 自费疫苗 / 商业保险
-     v2 的「花钱风格」已拆进各档次题里，不再单独问。
-     入口：30 秒快速估算（5 题，其余按常见）/ 详细估算（全部）；每题可「跳过，按常见情况算」；结果页点选择标签单独改一题。
-     每个题都在 COST 表里有对应项目（见 calc() 的 item id），改价格只改脚本顶部 COST 表。
-     选择存 localStorage「mmbox.huafei.v3」（首次进来会兼容读取 v2 的旧选择）。
+<title>生娃计算器 · 养一个孩子到底要花多少钱</title>
+<!-- 孕期专题 · 生娃计算器（孕期首页「其他妈妈也在搜」第 1 条入口）。主色 #18A058，浅底 #EAF7F0。
+     2026-11-01 v4：按用户新要求重做 ——
+       ① 首屏先选养娃路线：大富豪·富养娃 / 中产家·从容养 / 普通人·量力养（卡上预估数用 COST 现算，按省会城市、头胎）；
+       ② 只问 6 题（每题一屏、选完自动下一题）：你是女生/男生、城市、头胎二胎、0～3 岁谁带、上学路线、课外班；
+          路线决定其余所有档次（医院、月子、奶粉、用品、保险…），后 3 题带路线默认值，可改；
+       ③ 结果是一张「养娃账单」小票：孕期 → 分娩 → 月子 → 0～1 → 1～3 → 幼儿园 → 小学 → 初中 → 高中，逐项 + 小计，
+          合计给中间值 + 区间，另列 1/2/3 岁累计；「如果还上大学」单列不计入；出现时有打印动画；
+       ④ 账单后是情感收尾卡：你就要做妈妈/爸爸了 → 对妈妈说一句辛苦了（复制文案 / canvas 生成卡片长按保存）。
+     删除 v3 的 15 题向导、快速/详细入口、环形图。改价格只改脚本顶部 COST 表。
+     选择存 localStorage「mmbox.huafei.v4」（路线 + 答案），回来直接看账单。
      推荐工具走 ../_shared/tools.js；自成一页：不引 app.js；返回走 history.back 或相对路径 ../../ 并带回 search + hash。
-     v2 备份 /tmp/pl/huafei-v2-before-v3.html。 -->
+     v3 备份 /tmp/huafei4/huafei-v3-before-v4.html。 -->
 <style>
-:root{--c:#18A058;--cbg:#EAF7F0;--c4:#F5FBF8;--h:#1F2329;--t:#4E5969;--s:#86909C;--line:#EEF0F3;--gray:#F7F8FA}
+:root{--c:#18A058;--cd:#0E7A40;--cbg:#EAF7F0;--c4:#F5FBF8;--h:#1F2329;--t:#4E5969;--s:#86909C;--line:#EEF0F3;--gray:#F7F8FA;--warm:#FFF5EA;--warm2:#F4E2CC;--wt:#B4733A;--gold:#C2912E}
 *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
 html,body{height:100%;overflow:hidden;background:#fff;color:var(--t);font:15px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
 #scroll{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:none;padding-bottom:calc(28px + env(safe-area-inset-bottom))}
 img{display:block;max-width:100%}
 button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}
+.mono{font-family:"SF Mono",Menlo,Consolas,"Roboto Mono","Courier New",monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
 .num{font-family:"DIN Alternate","Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums}
 .ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .hide{position:absolute;width:0;height:0;overflow:hidden}
@@ -37,7 +38,6 @@ button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}
 .bar .back .ic{width:22px;height:22px}
 .bar .t{font-size:16px;font-weight:600;color:var(--h)}
 
-/* 浅渐变背景 + 柔和大圆（开始屏、结果屏共用） */
 .bg{position:absolute;left:0;right:0;top:0;height:520px;background:linear-gradient(160deg,var(--cbg) 0%,#fff 70%);overflow:hidden;pointer-events:none;z-index:0}
 .bg i{position:absolute;border-radius:50%;background:rgba(24,160,88,.08)}
 .bg i:nth-child(1){width:280px;height:280px;right:-100px;top:-90px}
@@ -48,78 +48,75 @@ button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}
 @keyframes fd{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
 .fu{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
 .fu.in{opacity:1;transform:none}
-@media (prefers-reduced-motion:reduce){.screen.on{animation:none}.fu{opacity:1;transform:none;transition:none}}
 
-.btn{display:flex;align-items:center;justify-content:center;width:100%;height:46px;border-radius:99px;background:var(--c);color:#fff;font-size:16px;font-weight:600}
-.btn.ghost{background:#fff;color:var(--c);border:1px solid var(--c)}
+.btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:48px;border-radius:99px;background:var(--c);color:#fff;font-size:16px;font-weight:700;box-shadow:0 8px 20px rgba(24,160,88,.22);transition:opacity .2s,transform .15s}
+.btn:active{transform:scale(.98)}
+.btn[disabled]{opacity:.4;box-shadow:none}
+.btn.ghost{background:#fff;color:var(--c);border:1px solid var(--c);box-shadow:none}
+.btn .ic{width:18px;height:18px}
 .chip{display:inline-block;font-size:12px;font-weight:600;line-height:22px;padding:0 10px;border-radius:99px;background:var(--cbg);color:var(--c)}
 .mk{background:linear-gradient(transparent 62%,rgba(24,160,88,.2) 0)}
 
-/* ============ 开始屏 ============ */
-.hero{position:relative;padding-top:6px}
-h1{margin-top:10px;font-size:28px;font-weight:800;line-height:1.32;color:var(--h)}
-.lede{margin-top:8px;font-size:14px;color:var(--s);line-height:1.6}
-.pic{position:relative;margin:18px -20px 0 26%;height:184px;border-radius:24px 0 0 24px;overflow:hidden;background:#fff}
-.pic img{width:100%;height:100%;object-fit:cover;object-position:40% 60%}
-.badge{position:absolute;left:0;top:150px;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(24,160,88,.12)}
-.badge .bi{flex:none;width:34px;height:34px;border-radius:11px;background:var(--cbg);color:var(--c);display:grid;place-items:center}
-.badge b{display:block;font-size:20px;font-weight:800;line-height:1.1;color:var(--h)}
-.badge span{display:block;font-size:11.5px;color:var(--s);line-height:1.4}
-
-.ans{margin-top:22px;padding:16px 18px 18px;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(24,160,88,.10)}
-.ans p{margin-top:8px;font-size:17px;font-weight:700;line-height:1.6;color:var(--h)}
-.ans p em{font-style:normal;color:var(--c)}
-
-.entries{margin-top:22px;display:flex;flex-direction:column;gap:10px}
-.entry{display:flex;align-items:center;gap:14px;width:100%;padding:16px 16px;border-radius:20px;text-align:left}
-.entry .ei{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center}
-.entry .ei .ic{width:22px;height:22px}
-.entry .ex{flex:1;min-width:0}
-.entry b{display:block;font-size:17px;font-weight:800;line-height:1.35}
-.entry small{display:block;margin-top:2px;font-size:13px;line-height:1.45}
-.entry .ar{flex:none;width:18px;height:18px}
-.entry.q{background:var(--c);color:#fff;box-shadow:0 8px 20px rgba(24,160,88,.22)}
-.entry.q .ei{background:rgba(255,255,255,.18)}
-.entry.q small{color:rgba(255,255,255,.85)}
-.entry.d{background:#fff;border:1.5px solid var(--line);color:var(--h)}
-.entry.d .ei{background:var(--cbg);color:var(--c)}
-.entry.d small{color:var(--s)}
-.entry.d .ar{color:#C0C5CC}
-.last{display:none;margin:12px auto 0;padding:4px 10px;font-size:14px;color:var(--c);font-weight:600}
+/* ============ 开始屏：路线 ============ */
+.hero{position:relative;display:flex;align-items:flex-end;gap:10px;padding-top:4px}
+.hero .tx{flex:1;min-width:0;position:relative;z-index:1}
+h1{margin-top:10px;font-size:min(26px,6.4vw);font-weight:800;line-height:1.34;color:var(--h)}
+.lede{margin-top:6px;font-size:13.5px;color:var(--s);line-height:1.6}
+.hero .pic{flex:none;width:min(122px,30vw);height:min(122px,30vw);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(24,160,88,.12);margin-bottom:2px}
+.hero .pic img{width:100%;height:100%;object-fit:cover;object-position:36% 50%;transform:scale(1.25)}
+.pick-h{display:flex;align-items:baseline;justify-content:space-between;margin-top:20px}
+.pick-h h2{font-size:19px;font-weight:800;color:var(--h)}
+.pick-h small{font-size:12px;color:var(--s)}
+.routes{margin-top:12px;display:flex;flex-direction:column;gap:10px}
+.rt{position:relative;display:block;width:100%;padding:14px 14px 12px;border-radius:22px;background:#fff;border:1.5px solid var(--line);text-align:left;overflow:hidden;transition:border-color .2s,box-shadow .2s,background .2s,transform .15s}
+.rt:active{transform:scale(.985)}
+.rt .top{display:flex;align-items:center;gap:12px}
+.rt .bd{flex:none;width:54px;height:54px}
+.rt .nm{flex:1;min-width:0}
+.rt .nm small{display:block;margin-top:2px;font-size:12.5px;color:var(--s);line-height:1.45}
+.rt .nm b{display:block;font-size:17.5px;font-weight:800;color:var(--h);line-height:1.35;white-space:nowrap}
+.rt .nm b i{font-style:normal;color:var(--c)}
+.rt .ok{flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid #D5D9DE;display:grid;place-items:center;color:#fff;transition:all .2s}
+.rt .ok .ic{width:14px;height:14px;stroke-width:2.6;opacity:0}
+.rt p{margin-top:10px;font-size:13px;color:var(--t);line-height:1.6}
+.rt .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
+.rt .tags span{font-size:11.5px;line-height:22px;padding:0 8px;border-radius:8px;background:var(--gray);color:var(--t)}
+.rt .est{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;border-top:1px dashed #E3E6EA}
+.rt .est span{font-size:12px;color:var(--s)}
+.rt .est b{font-size:20px;font-weight:800;color:var(--h);white-space:nowrap}
+.rt .est b em{font-style:normal;font-size:13px;font-weight:700;margin-left:2px;color:var(--t)}
+.rt.on{border-color:var(--c);background:linear-gradient(150deg,#F2FBF6,#fff 70%);box-shadow:0 10px 26px rgba(24,160,88,.16)}
+.rt.on .ok{background:var(--c);border-color:var(--c)}
+.rt.on .ok .ic{opacity:1}
+.rt.on .tags span{background:#fff;color:var(--cd)}
+.rt.on .est b{color:var(--c)}
+.go{position:sticky;bottom:0;z-index:5;margin:16px -20px 0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(rgba(255,255,255,0),#fff 30%)}
+.go .btn small{font-size:13px;font-weight:600;opacity:.85}
+.last{display:none;margin:4px auto 0;padding:4px 10px;font-size:14px;color:var(--c);font-weight:600}
 .last.on{display:block}
-
-.sec-h{display:flex;align-items:baseline;gap:8px}
-.sec-h .n{flex:none;font-size:13px;font-weight:800;color:var(--c);letter-spacing:.04em}
-.sec-h h2{font-size:18px;font-weight:700;line-height:1.4;color:var(--h)}
-.sec-h small{margin-left:auto;font-size:11px;letter-spacing:.14em;color:#C9CDD4;font-weight:600}
-.groups{margin-top:40px}
-.gg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
-.gc{padding:12px 10px 14px;border-radius:18px;background:var(--c4);border:1px solid #DDF0E5}
-.gc .no{display:block;font-size:34px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.4px var(--c)}
-.gc b{display:block;margin-top:10px;font-size:14px;line-height:1.45;color:var(--h)}
-.gc span{display:block;margin-top:4px;font-size:12px;color:var(--s);line-height:1.5}
-.tiny{margin-top:18px;font-size:12.5px;color:var(--s);text-align:center;line-height:1.6}
+.tiny{margin-top:8px;font-size:12px;color:var(--s);text-align:center;line-height:1.6}
 
 /* ============ 问题屏 ============ */
-.gp{display:flex;gap:6px;margin-top:6px}
-.gp .seg{flex:1;min-width:0}
-.gp .tr{height:5px;border-radius:9px;background:var(--line);overflow:hidden}
-.gp .tr i{display:block;height:100%;width:0;border-radius:9px;background:var(--c);transition:width .3s}
-.gp .gl{display:block;margin-top:5px;font-size:11.5px;color:#B5BAC2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
-.gp .seg.cur .gl{color:var(--c);font-weight:700}
-.gp .seg.off{opacity:.35}
-.qn{margin-top:22px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--s)}
-.qn b{font-size:13px;color:var(--c);font-weight:800}
-.qh{margin-top:6px;font-size:23px;font-weight:800;line-height:1.35;color:var(--h)}
+.qtop{display:flex;align-items:center;gap:10px;margin-top:4px}
+.qtop .rp{flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 4px;border-radius:99px;background:var(--cbg);font-size:12.5px;font-weight:700;color:var(--cd)}
+.qtop .rp svg{width:22px;height:22px}
+.qtop .dots{flex:1;display:flex;gap:5px;justify-content:flex-end}
+.qtop .dots i{width:18px;height:5px;border-radius:9px;background:var(--line);transition:background .3s,width .3s}
+.qtop .dots i.d{background:#9ED8B7}
+.qtop .dots i.c{width:28px;background:var(--c)}
+.qn{margin-top:26px;font-size:13px;color:var(--s)}
+.qn b{color:var(--c);font-weight:800}
+.qh{margin-top:4px;font-size:24px;font-weight:800;line-height:1.35;color:var(--h)}
 .qs{margin-top:4px;font-size:13.5px;color:var(--s)}
-.opts{margin-top:18px;display:flex;flex-direction:column;gap:10px}
-.opt{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 14px;border-radius:18px;border:1.5px solid var(--line);background:#fff;text-align:left;transition:border-color .15s,background .15s,transform .15s}
+.opts{margin-top:20px;display:flex;flex-direction:column;gap:10px}
+.opts.two{flex-direction:row}
+.opt{display:flex;align-items:center;gap:12px;width:100%;min-height:70px;padding:12px 14px;border-radius:18px;border:1.5px solid var(--line);background:#fff;text-align:left;transition:border-color .15s,background .15s,transform .15s}
 .opt:active{transform:scale(.98)}
 .opt .oi{flex:none;width:42px;height:42px;border-radius:13px;background:var(--c4);color:var(--c);display:grid;place-items:center;transition:background .15s,color .15s}
 .opt .oi .ic{width:22px;height:22px}
 .opt .ox{flex:1;min-width:0}
 .opt b{display:block;font-size:16px;font-weight:700;color:var(--h);line-height:1.4}
-.opt b em{display:inline-block;vertical-align:2px;margin-left:6px;font-style:normal;font-size:10.5px;font-weight:600;line-height:17px;padding:0 6px;border-radius:99px;background:var(--gray);color:var(--s)}
+.opt b em{display:inline-block;vertical-align:2px;margin-left:6px;font-style:normal;font-size:10.5px;font-weight:700;line-height:17px;padding:0 6px;border-radius:99px;background:var(--cbg);color:var(--c)}
 .opt small{display:block;margin-top:1px;font-size:12.5px;color:var(--s);line-height:1.45}
 .opt .pp{display:block;margin-top:3px;font-size:12.5px;font-weight:700;color:var(--c);line-height:1.4;font-variant-numeric:tabular-nums}
 .opt .rd{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid #D5D9DE;display:grid;place-items:center}
@@ -127,828 +124,827 @@ h1{margin-top:10px;font-size:28px;font-weight:800;line-height:1.32;color:var(--h
 .opt.on .oi{background:var(--c);color:#fff}
 .opt.on .rd{border-color:var(--c);background:var(--c)}
 .opt.on .rd::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
+/* 第 1 题：两张大卡 */
+.opts.two .opt{flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:188px;padding:18px 10px;text-align:center}
+.opts.two .opt .oi{width:76px;height:76px;border-radius:50%}
+.opts.two .opt .oi .ic{width:40px;height:40px;stroke-width:1.5}
+.opts.two .opt b{font-size:18px}
+.opts.two .opt .rd{position:absolute;opacity:0}
+.opts.two .opt{position:relative}
 .qa{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}
 .prev{display:inline-flex;align-items:center;gap:2px;padding:8px 4px;font-size:14px;color:var(--s)}
 .prev .ic{width:18px;height:18px}
-.skip{height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--line);font-size:13.5px;color:var(--t);background:#fff;white-space:nowrap}
-.qtip{margin-top:12px;font-size:12px;color:#B5BAC2;text-align:center}
+.keep{display:none;align-items:center;gap:2px;height:36px;padding:0 10px 0 14px;border-radius:99px;border:1px solid var(--line);font-size:13.5px;color:var(--t);background:#fff;white-space:nowrap}
+.keep.on{display:inline-flex}
+.keep .ic{width:16px;height:16px}
+.qtip{margin-top:14px;font-size:12px;color:#B5BAC2;text-align:center}
 
-/* ============ 结果屏 ============ */
-.r-top{display:flex;align-items:center;gap:8px;margin-top:6px}
+/* ============ 结果屏：账单 ============ */
+.r-top{display:flex;align-items:center;gap:8px;margin-top:4px}
 .r-top .md{font-size:12.5px;color:var(--s)}
-.r-t{margin-top:8px;font-size:26px;font-weight:800;line-height:1.3;color:var(--h)}
-.sgc{position:relative;display:flex;margin-top:16px;padding:4px;border-radius:99px;background:rgba(255,255,255,.75);border:1px solid #DDF0E5}
-.sgc .th{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 4);border-radius:99px;background:var(--c);box-shadow:0 4px 10px rgba(24,160,88,.25);transition:transform .3s cubic-bezier(.3,.7,.4,1)}
-.sgc button{position:relative;z-index:1;flex:1;min-width:0;height:36px;border-radius:99px;font-size:14px;color:var(--t);white-space:nowrap;transition:color .25s}
-.sgc button.on{color:#fff;font-weight:700}
-.tot{margin-top:14px;padding:20px 18px 16px;border-radius:24px;background:#fff;box-shadow:0 8px 24px rgba(24,160,88,.10)}
-.tot .l{font-size:13px;color:var(--s)}
-.tot .v{margin-top:4px;display:flex;align-items:baseline;flex-wrap:wrap;color:var(--h);line-height:1.15}
-.tot .v .n{font-size:clamp(34px,10.4vw,42px);font-weight:800;letter-spacing:-.5px}
-.tot .v .td{margin:0 4px;font-size:26px;font-weight:700;color:#C0C5CC}
-.tot .v .u{margin-left:4px;font-size:16px;font-weight:700;color:var(--t)}
-.tot .bar2{position:relative;height:8px;margin-top:14px;border-radius:9px;background:var(--gray);overflow:hidden}
-.tot .bar2 i{position:absolute;top:0;bottom:0;border-radius:9px;background:linear-gradient(90deg,#79CC9E,var(--c));transition:left .5s,width .5s}
-.tot .sc{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:#B5BAC2}
-.kv{display:grid;grid-template-columns:1fr 1fr;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
-.kv div{min-width:0}
-.kv div+div{padding-left:14px;border-left:1px solid var(--line)}
-.kv span{display:block;font-size:12px;color:var(--s)}
-.kv b{display:block;margin-top:2px;font-size:16px;font-weight:800;color:var(--h);white-space:nowrap}
-.kv b.g{color:var(--c)}
-.more{display:none;align-items:center;gap:10px;width:100%;margin-top:12px;padding:12px 14px;border-radius:18px;background:var(--cbg);text-align:left}
-.more.on{display:flex}
-.more .ic{color:var(--c)}
-.more span{flex:1;min-width:0;font-size:13.5px;color:var(--t);line-height:1.5}
-.more span b{color:var(--h)}
-.more em{flex:none;font-style:normal;font-size:13px;font-weight:700;color:var(--c)}
+.r-t{margin-top:8px;font-size:24px;font-weight:800;line-height:1.35;color:var(--h)}
+.r-t em{font-style:normal;color:var(--c)}
+.r-s{margin-top:4px;font-size:13px;color:var(--s)}
 
-.rs{margin-top:40px}
-.panel{margin:14px -6px 0;padding:18px 16px;border-radius:24px;background:var(--gray)}
-.panel.g{background:var(--c4)}
-.donut{display:flex;align-items:center;gap:14px}
-.donut svg{flex:none;width:136px;height:136px}
-.donut circle{transition:stroke-dasharray .5s ease,stroke-dashoffset .5s ease,stroke .3s}
-.donut .ct1{font-size:10px;fill:var(--s)}
-.donut .ct2{font-size:15px;font-weight:800;fill:var(--h)}
-.donut .ct3{font-size:12px;font-weight:700;fill:var(--c)}
-.lg{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
-.lg div{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--h);line-height:1.4}
-.lg i{flex:none;width:9px;height:9px;border-radius:3px}
-.lg span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.lg b{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
-.lg .off{color:#C0C5CC}
-.lg .off b{font-weight:400;font-size:12px}
-.list{margin-top:14px;background:#fff;border-radius:18px;padding:0 14px}
-.list details+details{border-top:1px solid var(--line)}
-.list summary{list-style:none;display:flex;align-items:center;gap:10px;padding:13px 0;cursor:pointer}
-.list summary::-webkit-details-marker{display:none}
-.list .dot{flex:none;width:10px;height:10px;border-radius:3px}
-.list .nm{flex:1;min-width:0;font-size:15px;color:var(--h)}
-.list .rg{font-size:15px;font-weight:700;color:var(--h);white-space:nowrap;font-variant-numeric:tabular-nums}
-.list .ar{flex:none;width:16px;height:16px;color:#C0C5CC;transition:transform .2s}
-.list details[open] .ar{transform:rotate(180deg)}
-.list .ds{padding:0 0 12px 20px}
-.list .it{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--t);line-height:1.8}
-.list .it b{font-weight:600;color:var(--h);white-space:nowrap;font-variant-numeric:tabular-nums}
-.list .it.minus b{color:var(--c)}
-.list details.off .nm,.list details.off .rg{color:#C0C5CC;font-weight:400}
-.list details.off .rg{font-size:13px}
+.printer{position:relative;z-index:3;margin-top:18px;height:26px;border-radius:14px;background:linear-gradient(#2A3B33,#1C2A23);box-shadow:0 6px 14px rgba(20,40,30,.18)}
+.printer::before{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:5px;border-radius:4px;background:#0B1510}
+.printer .led{position:absolute;right:14px;top:6px;width:6px;height:6px;border-radius:50%;background:#45D483;box-shadow:0 0 6px #45D483}
+.printer .lb{position:absolute;left:14px;top:2px;font-size:9px;letter-spacing:.2em;color:rgba(255,255,255,.4);font-weight:700}
+.printer.busy .led{animation:blink .5s steps(2) infinite}
+@keyframes blink{50%{opacity:.2}}
+.feed{position:relative;z-index:2;margin:-9px 10px 0;padding:0 4px 18px;overflow:hidden}
+.paper{position:relative;padding:22px 16px 26px;background:#fff;color:#2B2F36;filter:drop-shadow(0 6px 10px rgba(30,50,40,.12))}
+.paper::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:conic-gradient(from -45deg at 50% 100%,#fff 90deg,transparent 0) 0 0/12px 8px repeat-x}
+.paper::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,rgba(0,0,0,.012) 3px 4px);pointer-events:none}
+.rc-h{text-align:center}
+.rc-logo{display:inline-flex;align-items:center;gap:6px;font-size:17px;font-weight:800;color:var(--h);letter-spacing:.06em}
+.rc-logo svg{width:22px;height:22px;color:var(--c)}
+.rc-sub{margin-top:2px;font-size:11.5px;color:var(--s);letter-spacing:.3em}
+.rc-meta{margin-top:12px;font-size:12px;line-height:1.75;color:var(--t)}
+.rc-meta div{display:flex;justify-content:space-between;gap:10px}
+.rc-meta span:last-child{text-align:right;min-width:0}
+.hr{height:0;margin:12px 0;border-top:1.5px dashed #C9CED4}
+.hr.s{border-top-style:solid;border-top-width:1px;border-color:#2B2F36}
+.hr.dbl{border-top:3px double #2B2F36}
+.rc-sec{margin-top:4px}
+.rc-st{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
+.rc-st b{font-size:14px;font-weight:800;color:var(--h)}
+.rc-st b i{display:inline-block;min-width:22px;margin-right:4px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--c);border-radius:5px;text-align:center;line-height:17px;vertical-align:1px;padding:0 4px}
+.rc-st span{font-size:11.5px;color:var(--s)}
+.li{display:flex;align-items:baseline;gap:6px;font-size:13px;line-height:1.95;color:#3B4048}
+.li .n{flex:none;max-width:68%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.li .d{flex:1;min-width:8px;border-bottom:1.5px dotted #D3D7DC;transform:translateY(-4px)}
+.li .v{flex:none;font-size:13px}
+.li.neg .v{color:var(--c)}
+.li.neg .n{color:var(--c)}
+.sub{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px;padding-top:4px;border-top:1px solid #EEF0F3;font-size:13px;font-weight:800;color:var(--h)}
+.sub .v{font-size:14px}
+.rc-tot{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
+.rc-tot span{font-size:15px;font-weight:800;color:var(--h);letter-spacing:.3em}
+.rc-tot b{font-size:clamp(26px,8.2vw,32px);font-weight:800;color:var(--h);white-space:nowrap}
+.rc-rg{margin-top:2px;text-align:right;font-size:12.5px;color:var(--t)}
+.rc-rg em{font-style:normal;font-weight:800;color:var(--c)}
+.rc-nodes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border:1.5px dashed #C9CED4;border-radius:10px}
+.rc-nodes div{padding:8px 4px;text-align:center}
+.rc-nodes div+div{border-left:1.5px dashed #C9CED4}
+.rc-nodes span{display:block;font-size:11px;color:var(--s);line-height:1.5}
+.rc-nodes b{display:block;font-size:15px;font-weight:800;color:var(--h);line-height:1.4}
+.rc-x{margin-top:10px;font-size:12px;line-height:1.85;color:var(--t)}
+.rc-x .li{font-size:12px;color:var(--t)}
+.rc-x .li .v{font-size:12px}
+.rc-x .warm .n,.rc-x .warm .v{color:var(--wt);font-weight:700}
+.rc-f{margin-top:14px;text-align:center;font-size:11.5px;color:var(--s);line-height:1.7}
+.rc-f b{display:block;font-size:13px;color:var(--h);letter-spacing:.2em}
+.bc{display:block;width:78%;height:40px;margin:10px auto 2px}
+.rc-no{font-size:10.5px;letter-spacing:.3em;color:var(--s)}
 
-.mine{margin-top:14px}
-.mg+.mg{margin-top:12px}
-.mg .mh{font-size:12px;color:var(--s);font-weight:600}
-.tags{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px}
-.tags button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:99px;background:#fff;border:1px solid #CFEBDB;font-size:13px;color:var(--h);transition:transform .15s}
-.tags button:active{transform:scale(.96)}
-.tags button .ic{width:13px;height:13px;color:var(--c)}
-.tags button.df{border-style:dashed;border-color:#D5D9DE;color:var(--s)}
-.tags button.df .ic{color:#C0C5CC}
-.tags button.df i{font-style:normal;font-size:11px;color:#B5BAC2}
+.racts{display:flex;gap:10px;margin-top:6px}
+.racts .btn{flex:1;height:44px;font-size:15px}
 
-.card{margin-top:14px;padding:16px;border-radius:20px;border:1px solid var(--line);background:#fff}
-.row{display:flex;gap:12px;align-items:flex-start}
-.row+.row{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
-.row .ri{flex:none;width:36px;height:36px;border-radius:12px;background:var(--cbg);color:var(--c);display:grid;place-items:center}
-.row .rx{flex:1;min-width:0}
-.row b{display:block;font-size:15px;color:var(--h);line-height:1.5}
-.row b em{font-style:normal;color:var(--c)}
-.row p{font-size:13.5px;color:var(--t);line-height:1.65}
-.row ul{list-style:none}
-.row li{position:relative;padding-left:12px;font-size:13.5px;color:var(--t);line-height:1.65}
-.row li+li{margin-top:4px}
-.row li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--c)}
-.back-money{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
-.back-money div{padding:10px 12px;border-radius:14px;background:var(--c4)}
-.back-money span{display:block;font-size:11.5px;color:var(--s);line-height:1.4}
-.back-money b{display:block;margin-top:2px;font-size:17px;font-weight:800;color:var(--c);white-space:nowrap}
-.back-money small{display:block;font-size:11px;color:var(--s);line-height:1.4}
-.fml{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:10px;background:var(--gray);font-size:12px;color:var(--h);line-height:1.6}
-.acts{margin-top:28px}
-.note{margin-top:14px;font-size:12px;color:var(--s);line-height:1.6;text-align:center}
+/* ============ 情感收尾 ============ */
+.mom{position:relative;margin-top:34px;padding:24px 20px 20px;border-radius:26px;background:linear-gradient(170deg,var(--warm) 0%,#FFFBF6 60%,#fff 100%);border:1px solid #F6E7D6;overflow:hidden}
+.mom .art{position:absolute;right:14px;top:16px;width:74px;height:74px;opacity:.9}
+.mom .k{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--wt)}
+.mom h3{margin-top:8px;font-size:25px;font-weight:800;line-height:1.35;color:var(--h)}
+.mom p{margin-top:10px;font-size:15px;line-height:1.85;color:#5B5249}
+.mom p b{color:var(--h)}
+.mom p em{white-space:nowrap;font-style:normal;font-weight:800;color:var(--wt)}
+.mom .say{margin-top:14px;font-size:17px;font-weight:700;line-height:1.7;color:var(--h)}
+.mom .say q{quotes:none;display:inline;background:linear-gradient(transparent 60%,rgba(244,196,140,.45) 0)}
+.msg{position:relative;margin-top:16px;padding:14px 14px 12px;border-radius:18px;background:#fff;border:1px solid #F3E3D0}
+.msg .q{font-size:14.5px;line-height:1.75;color:var(--h);min-height:51px}
+.msg .ft{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
+.msg .dt{display:flex;gap:5px}
+.msg .dt i{width:6px;height:6px;border-radius:50%;background:#EAD8C3;transition:all .2s}
+.msg .dt i.on{width:16px;border-radius:9px;background:var(--wt)}
+.msg .sw{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:99px;background:var(--warm);font-size:13px;font-weight:600;color:var(--wt)}
+.msg .sw .ic{width:15px;height:15px}
+.macts{display:flex;flex-direction:column;gap:10px;margin-top:14px}
+.macts .btn.w{background:#fff;color:var(--c);border:1px solid var(--c);box-shadow:none}
+
+.blk{margin-top:30px}
+.note{margin-top:16px;font-size:12px;color:var(--s);line-height:1.65;text-align:center}
 .note b{color:var(--t)}
+
+.toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translate(-50%,8px);max-width:300px;padding:10px 16px;border-radius:12px;background:rgba(31,35,41,.88);color:#fff;font-size:13.5px;line-height:1.6;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60}
+.toast.on{opacity:1;transform:translate(-50%,0)}
+.mask{position:fixed;inset:0;z-index:50;display:none;flex-direction:column;align-items:center;justify-content:center;padding:24px 28px calc(24px + env(safe-area-inset-bottom));background:rgba(18,28,22,.82)}
+.mask.on{display:flex;animation:fd .25s ease both}
+.mask img{max-width:100%;max-height:calc(100% - 96px);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.25);-webkit-touch-callout:default;user-select:auto}
+.mask p{margin-top:14px;color:#fff;font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:6px}
+.mask .row{display:flex;gap:16px;margin-top:10px}
+.mask .row button,.mask .row a{height:34px;padding:0 18px;border-radius:99px;border:1px solid rgba(255,255,255,.6);color:#fff;font-size:13.5px;line-height:32px;text-decoration:none}
+@media (prefers-reduced-motion:reduce){.screen.on,.mask.on{animation:none}.fu{opacity:1;transform:none;transition:none}}
 </style>
 </head>
 <body>
 <svg class="hide" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
   <symbol id="i-back" viewBox="0 0 24 24"><path d="M15 5l-7 7 7 7"/></symbol>
   <symbol id="i-right" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7"/></symbol>
-  <symbol id="i-down" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></symbol>
+  <symbol id="i-check" viewBox="0 0 24 24"><path d="M5 12.5l4.5 4.5L19 7.5"/></symbol>
+  <symbol id="i-refresh" viewBox="0 0 24 24"><path d="M20 11a8 8 0 0 0-14.3-4.9L4 8M4 4v4h4M4 13a8 8 0 0 0 14.3 4.9L20 16M20 20v-4h-4"/></symbol>
   <symbol id="i-edit" viewBox="0 0 24 24"><path d="M4 20h4L19 9l-4-4L4 16z"/><path d="M13.5 6.5l4 4"/></symbol>
-  <symbol id="i-bolt" viewBox="0 0 24 24"><path d="M13 3L5 13.5h6L10 21l8-10.5h-6z"/></symbol>
-  <symbol id="i-list" viewBox="0 0 24 24"><path d="M9 6h11M9 12h11M9 18h11"/><circle cx="4.5" cy="6" r="1"/><circle cx="4.5" cy="12" r="1"/><circle cx="4.5" cy="18" r="1"/></symbol>
-  <symbol id="i-coin" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M9 7.5l3 4 3-4M12 11.5V17M9 12.5h6M9 15h6"/></symbol>
-  <symbol id="i-bulb" viewBox="0 0 24 24"><path d="M9 18.5h6M10.2 21.5h3.6M12 3a6 6 0 0 0-4 10.5c.7.7 1 1.5 1 2.5h6c0-1 .3-1.8 1-2.5A6 6 0 0 0 12 3z"/></symbol>
-  <symbol id="i-gift" viewBox="0 0 24 24"><rect x="3.5" y="8" width="17" height="4" rx="1"/><path d="M5 12v8h14v-8M12 8v12M12 8c-1.5-3-5-3.5-5-1.2C7 8 9 8 12 8zM12 8c1.5-3 5-3.5 5-1.2C17 8 15 8 12 8z"/></symbol>
+  <symbol id="i-copy" viewBox="0 0 24 24"><rect x="8.5" y="8.5" width="11.5" height="11.5" rx="2.5"/><path d="M15.5 8.5V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v7.5a2 2 0 0 0 2 2h2.5"/></symbol>
+  <symbol id="i-img" viewBox="0 0 24 24"><rect x="3.5" y="4" width="17" height="16" rx="3"/><circle cx="9" cy="9.5" r="1.8"/><path d="M4 17l4.5-4.5 3.5 3.5 2.5-2.5L20 18.5"/></symbol>
+  <symbol id="i-hand" viewBox="0 0 24 24"><path d="M9 11V5.5a1.5 1.5 0 0 1 3 0V11M12 10V4.5a1.5 1.5 0 0 1 3 0V11M15 10.5V6a1.5 1.5 0 0 1 3 0v8c0 4-2.5 6.5-6 6.5-2.6 0-4.2-1.3-5.6-3.6L4.3 13.6a1.5 1.5 0 0 1 2.5-1.6L9 14.5V8.5"/></symbol>
+  <symbol id="i-leaf" viewBox="0 0 24 24"><path d="M5 19c0-8 5-14 15-15-1 10-7 15-15 15z"/><path d="M5 19l8-8"/></symbol>
   <!-- 选项图标 -->
+  <symbol id="o-girl" viewBox="0 0 24 24"><circle cx="12" cy="8.5" r="4"/><path d="M8 8.5c0-3.5 1.5-5.5 4-5.5s4 2 4 5.5v3.8M8 8.5v3.8"/><path d="M5.5 21c.7-3.6 3.2-5.8 6.5-5.8s5.8 2.2 6.5 5.8"/></symbol>
+  <symbol id="o-boy" viewBox="0 0 24 24"><circle cx="12" cy="9" r="4"/><path d="M8.2 7.8c1.2.2 3.4-.2 4.8-1.8.8 1.2 2 1.8 2.8 1.8"/><path d="M5.5 21c.7-3.6 3.2-5.8 6.5-5.8s5.8 2.2 6.5 5.8"/></symbol>
   <symbol id="o-bldg" viewBox="0 0 24 24"><path d="M3 21h18M5 21V9l5-3v15M10 21V3l9 4v14M13.5 9h2M13.5 12.5h2M13.5 16h2M7 12h1M7 15.5h1"/></symbol>
   <symbol id="o-bldg2" viewBox="0 0 24 24"><path d="M3 21h18M5 21V10h6v11M11 21V6h8v15M14 9.5h2M14 13h2M14 16.5h2M7.5 13.5h1M7.5 17h1"/></symbol>
   <symbol id="o-house" viewBox="0 0 24 24"><path d="M3.5 11L12 4l8.5 7M6 9.5V20h12V9.5"/><path d="M10 20v-5h4v5"/></symbol>
   <symbol id="o-tree" viewBox="0 0 24 24"><path d="M2.5 13L8 8.5l5.5 4.5M4.5 11.5V20h7v-8.5"/><path d="M17.5 20v-5M17.5 4.5c-2.2 0-3.5 2.5-3.5 5 0 2.8 1.6 4.5 3.5 4.5s3.5-1.7 3.5-4.5c0-2.5-1.3-5-3.5-5zM2 20h20"/></symbol>
-  <symbol id="o-clip" viewBox="0 0 24 24"><rect x="5" y="4.5" width="14" height="16.5" rx="2"/><path d="M9 4.5V3.5h6v1M8.5 10h7M8.5 13.5h7M8.5 17h4"/></symbol>
-  <symbol id="o-dna" viewBox="0 0 24 24"><path d="M7 3c0 6 10 6 10 12 0 3-2 4.5-2 6M17 3c0 6-10 6-10 12 0 3 2 4.5 2 6M8.5 7h7M8.5 17h7"/></symbol>
-  <symbol id="o-scan" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 21h8M12 17v4M6.5 12c1.5-3 3-3 4.5 0s3 3 4.5 0"/></symbol>
-  <symbol id="o-hosp" viewBox="0 0 24 24"><path d="M4 21V7l8-4 8 4v14M2.5 21h19"/><path d="M12 8v6M9 11h6M10 21v-3h4v3"/></symbol>
-  <symbol id="o-bed" viewBox="0 0 24 24"><path d="M3 6v13M3 15h18v4M21 15v-3a3 3 0 0 0-3-3h-7v6"/><circle cx="7" cy="11.5" r="2"/></symbol>
-  <symbol id="o-star" viewBox="0 0 24 24"><path d="M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8L3.5 9.7l5.9-.9z"/></symbol>
-  <symbol id="o-leaf" viewBox="0 0 24 24"><path d="M5 19c0-8 5-14 15-15-1 10-7 15-15 15z"/><path d="M5 19l8-8"/></symbol>
-  <symbol id="o-cut" viewBox="0 0 24 24"><path d="M4 12h16"/><path d="M6 9.5v5M10 9.5v5M14 9.5v5M18 9.5v5"/></symbol>
-  <symbol id="o-help" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.6M12 17h.01"/></symbol>
-  <symbol id="o-shield" viewBox="0 0 24 24"><path d="M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z"/><path d="M9 12l2 2 4-4"/></symbol>
-  <symbol id="o-card" viewBox="0 0 24 24"><rect x="3" y="5.5" width="18" height="13" rx="2"/><circle cx="8.5" cy="11" r="2"/><path d="M5.5 15.5c.6-1.4 1.7-2 3-2s2.4.6 3 2M14 10h4M14 13.5h3"/></symbol>
-  <symbol id="o-none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M6 18L18 6"/></symbol>
   <symbol id="o-one" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M10 9l2.5-1.5V16.5M10 16.5h5"/></symbol>
   <symbol id="o-layers" viewBox="0 0 24 24"><path d="M12 3.5l9 4.5-9 4.5L3 8z"/><path d="M3 12l9 4.5 9-4.5M3 16l9 4.5 9-4.5"/></symbol>
-  <symbol id="o-home" viewBox="0 0 24 24"><path d="M3.5 11L12 4l8.5 7M6 9.5V20h12V9.5"/><path d="M12 17.5s-3-1.8-3-3.6c0-1 .8-1.7 1.6-1.7.6 0 1.1.3 1.4.8.3-.5.8-.8 1.4-.8.8 0 1.6.7 1.6 1.7 0 1.8-3 3.6-3 3.6z"/></symbol>
-  <symbol id="o-bowl" viewBox="0 0 24 24"><path d="M3.5 11h17c0 4.5-3.8 8-8.5 8s-8.5-3.5-8.5-8zM9 19.5h6"/><path d="M9 8c0-1.2 1-1.5 1-2.8M13 8c0-1.2 1-1.5 1-2.8"/></symbol>
-  <symbol id="o-nurse" viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.5"/><path d="M5 20.5c.8-3.8 3.6-6 7-6s6.2 2.2 7 6"/><path d="M12 15.5v3.5M10.25 17.25h3.5"/></symbol>
-  <symbol id="o-moon" viewBox="0 0 24 24"><path d="M3 21h18M5 21V8l7-4.5L19 8v13"/><path d="M13.8 10.2a3 3 0 1 0 1.3 4.6 2.6 2.6 0 0 1-1.3-4.6z"/></symbol>
-  <symbol id="o-drop" viewBox="0 0 24 24"><path d="M12 3.5s-6 6.5-6 10.5a6 6 0 0 0 12 0c0-4-6-10.5-6-10.5z"/><path d="M9.5 14.5a2.5 2.5 0 0 0 2.5 2.5"/></symbol>
-  <symbol id="o-mix" viewBox="0 0 24 24"><path d="M7.5 6s-4 4.3-4 7a4 4 0 0 0 8 0c0-2.7-4-7-4-7z"/><path d="M15 9.5h4v10a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5zM15.8 9.5V7.5h2.4v2M17 4.5v3M15 13.5h1.5M15 16.5h1.5"/></symbol>
-  <symbol id="o-bottle" viewBox="0 0 24 24"><path d="M8 9h8v10.5A1.5 1.5 0 0 1 14.5 21h-5A1.5 1.5 0 0 1 8 19.5zM9.5 9V6.5h5V9M12 3v3.5M8 13h2.5M8 16.5h2.5"/></symbol>
-  <symbol id="o-t1" viewBox="0 0 24 24"><ellipse cx="12" cy="16" rx="7" ry="2.5"/><path d="M5 16v2c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-2"/></symbol>
-  <symbol id="o-t2" viewBox="0 0 24 24"><ellipse cx="12" cy="11.5" rx="7" ry="2.5"/><path d="M5 11.5v2c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-2M5 16v2c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-2"/></symbol>
-  <symbol id="o-t3" viewBox="0 0 24 24"><ellipse cx="12" cy="6.5" rx="7" ry="2.5"/><path d="M5 6.5v2.5c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5V6.5M5 11.5v2c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-2M5 16v2c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-2"/></symbol>
   <symbol id="o-family" viewBox="0 0 24 24"><circle cx="8" cy="7.5" r="2.8"/><circle cx="16.5" cy="10" r="2.2"/><path d="M2.5 20c.5-3.6 2.7-5.8 5.5-5.8s5 2.2 5.5 5.8M13.5 20c.3-2.4 1.5-4 3-4s2.7 1.6 3 4"/></symbol>
   <symbol id="o-flag" viewBox="0 0 24 24"><path d="M3.5 20.5h17M5.5 20.5V11L12 6.5l6.5 4.5v9.5M12 6.5V2.5l3.5 1.5L12 5.5"/><path d="M10 20.5v-4.5h4v4.5"/></symbol>
+  <symbol id="o-nurse" viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.5"/><path d="M5 20.5c.8-3.8 3.6-6 7-6s6.2 2.2 7 6"/><path d="M12 15.5v3.5M10.25 17.25h3.5"/></symbol>
   <symbol id="o-school" viewBox="0 0 24 24"><path d="M3 20.5h18M4.5 20.5V9.5h15v11M3 9.5L12 4l9 5.5"/><circle cx="12" cy="13" r="2"/><path d="M8 20.5v-3M16 20.5v-3"/></symbol>
   <symbol id="o-book" viewBox="0 0 24 24"><path d="M3 5.5c3-1 6-.8 9 1v13c-3-1.8-6-2-9-1zM21 5.5c-3-1-6-.8-9 1v13c3-1.8 6-2 9-1z"/></symbol>
-  <symbol id="o-puzzle" viewBox="0 0 24 24"><path d="M4 8h4a2 2 0 1 1 4 0h4v4a2 2 0 1 1 0 4v4H4v-4a2 2 0 1 0 0-4z"/></symbol>
+  <symbol id="o-globe" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z"/></symbol>
+  <symbol id="o-cap" viewBox="0 0 24 24"><path d="M2.5 9L12 4.5 21.5 9 12 13.5z"/><path d="M6.5 11v4.5c1.5 1.5 3.3 2.2 5.5 2.2s4-.7 5.5-2.2V11M21.5 9v5"/></symbol>
+  <symbol id="o-sprout" viewBox="0 0 24 24"><path d="M12 21v-9"/><path d="M12 12c0-4-3-6.5-7-6.5 0 4 3 6.5 7 6.5zM12 14c0-3.5 2.6-6 6.5-6 0 3.5-2.6 6-6.5 6z"/></symbol>
   <symbol id="o-music" viewBox="0 0 24 24"><path d="M9 18V5.5l11-2V16"/><circle cx="6.5" cy="18" r="2.5"/><circle cx="17.5" cy="16" r="2.5"/></symbol>
-  <symbol id="o-syr" viewBox="0 0 24 24"><path d="M18 3l3 3M19.5 4.5L16 8M16.5 5.5l2 2"/><path d="M14 6l4 4-9 9H5v-4z"/><path d="M8.5 12.5l2 2M11 10l2 2"/></symbol>
-  <symbol id="o-syr2" viewBox="0 0 24 24"><path d="M14 4l3 3M15.5 5.5L12.5 8.5M13 6.5l1.5 1.5"/><path d="M10.5 7l3.5 3.5L7.5 17H4v-3.5z"/><path d="M19 13v6M16 16h6"/></symbol>
-  <symbol id="o-umb" viewBox="0 0 24 24"><path d="M3 12a9 9 0 0 1 18 0zM12 12v6.5a2 2 0 0 1-4 0M12 3v-.5"/></symbol>
+  <symbol id="o-rocket" viewBox="0 0 24 24"><path d="M12 3c3 2 4.5 5.5 4.5 9.5L14 16h-4l-2.5-3.5C7.5 8.5 9 5 12 3z"/><circle cx="12" cy="9.5" r="1.6"/><path d="M7.5 12.5L5 15l2.5 1.5M16.5 12.5L19 15l-2.5 1.5M10.5 19l1.5 2 1.5-2"/></symbol>
+  <!-- 路线徽章（带颜色，不吃 .ic） -->
+  <symbol id="b-rich" viewBox="0 0 56 56"><circle cx="28" cy="28" r="27" fill="#FFF5DC"/><circle cx="28" cy="28" r="22" fill="none" stroke="#E8C66E" stroke-width="1.4" stroke-dasharray="2 3"/><path d="M15 34l-2-14 8 6 7-10 7 10 8-6-2 14z" fill="#F2C94C" stroke="#B88A1E" stroke-width="1.6" stroke-linejoin="round"/><rect x="15" y="35.5" width="26" height="4.5" rx="1.6" fill="#E3B23C" stroke="#B88A1E" stroke-width="1.4"/><circle cx="28" cy="27.5" r="2.4" fill="#18A058"/><circle cx="20" cy="29" r="1.6" fill="#fff"/><circle cx="36" cy="29" r="1.6" fill="#fff"/></symbol>
+  <symbol id="b-mid" viewBox="0 0 56 56"><circle cx="28" cy="28" r="27" fill="#E3F5EA"/><path d="M14 27l14-11 14 11" fill="none" stroke="#0E7A40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5 25v15h21V25" fill="#fff" stroke="#0E7A40" stroke-width="1.8" stroke-linejoin="round"/><rect x="25" y="31" width="6" height="9" rx="1" fill="#18A058"/><rect x="19.8" y="28.5" width="4" height="4" rx=".8" fill="#9ED8B7"/><rect x="32.2" y="28.5" width="4" height="4" rx=".8" fill="#9ED8B7"/><path d="M44 40V31" stroke="#0E7A40" stroke-width="1.6" stroke-linecap="round"/><ellipse cx="44" cy="29" rx="3.6" ry="5" fill="#45B779"/><path d="M11 40h35" stroke="#0E7A40" stroke-width="1.6" stroke-linecap="round"/></symbol>
+  <symbol id="b-low" viewBox="0 0 56 56"><circle cx="28" cy="28" r="27" fill="#EEF7F2"/><path d="M13.5 30c0-6.6 6.3-11 14-11 3 0 5.7.6 8 1.8l4-2.6-.6 5c1.6 1.6 2.6 3.6 2.9 5.8h2.2v5h-2.8c-1 2.4-3 4.4-5.5 5.6V43h-4.5v-2.6c-1.2.2-2.4.3-3.7.3s-2.4-.1-3.6-.3V43h-4.5v-3.7c-3.5-2.1-5.9-5.4-5.9-9.3z" fill="#BDE6CD" stroke="#0E7A40" stroke-width="1.6" stroke-linejoin="round"/><circle cx="37" cy="27.5" r="1.4" fill="#0E7A40"/><path d="M24 20.3h7" stroke="#0E7A40" stroke-width="2" stroke-linecap="round"/><circle cx="27.5" cy="11.5" r="4.2" fill="#F2C94C" stroke="#B88A1E" stroke-width="1.3"/><path d="M27.5 9.6v3.8" stroke="#B88A1E" stroke-width="1.2" stroke-linecap="round"/></symbol>
 </svg>
 
 <div id="scroll">
-  <div class="bg" id="bgStart"><i></i><i></i></div>
+  <div class="bg" id="bgTop"><i></i><i></i></div>
   <header class="bar" id="bar">
     <button class="back" id="back" aria-label="返回"><svg class="ic"><use href="#i-back" xlink:href="#i-back"/></svg></button>
     <span class="t">孕期专题</span>
   </header>
 
-  <!-- 开始屏 -->
+  <!-- 开始屏：选路线 -->
   <section class="screen" id="sStart">
     <div class="hero">
-      <span class="chip">生娃计算器</span>
-      <h1>生娃到底要<br><span class="mk">花多少钱</span>？</h1>
-      <p class="lede">从怀孕算到宝宝 3 岁，按你家的选择出区间。</p>
-      <div class="pic"><img src="img/hero.webp" alt="孕妈在桌前记账"></div>
-      <div class="badge">
-        <span class="bi"><svg class="ic"><use href="#i-list" xlink:href="#i-list"/></svg></span>
-        <span><b class="num" id="qCount">15</b><span>个选择 · 6 段费用</span></span>
+      <div class="tx">
+        <span class="chip">生娃计算器</span>
+        <h1>养一个孩子<br>到底要花<span class="mk">多少钱</span>？</h1>
       </div>
+      <div class="pic"><img src="img/hero.webp" alt="孕妈拿着计算器记账"></div>
     </div>
+    <p class="lede">从怀孕算到 18 岁。选一条路线，答 6 个问题，给你打一张长长的养娃账单。</p>
 
-    <div class="ans">
-      <span class="chip">一句话答案</span>
-      <p id="ansTxt">多数家庭从怀孕到宝宝 3 岁花 <em>10～30 万</em>，差距最大的是坐月子和谁带娃。</p>
-    </div>
-
-    <div class="entries">
-      <button class="entry q press" id="goQuick">
-        <span class="ei"><svg class="ic"><use href="#i-bolt" xlink:href="#i-bolt"/></svg></span>
-        <span class="ex"><b>30 秒快速估算</b><small>只答 5 题，其余按常见情况</small></span>
-        <svg class="ic ar"><use href="#i-right" xlink:href="#i-right"/></svg>
-      </button>
-      <button class="entry d press" id="goFull">
-        <span class="ei"><svg class="ic"><use href="#i-list" xlink:href="#i-list"/></svg></span>
-        <span class="ex"><b>详细估算</b><small id="fullSub">全部 15 题，每题可跳过</small></span>
-        <svg class="ic ar"><use href="#i-right" xlink:href="#i-right"/></svg>
-      </button>
-    </div>
-    <button class="last" id="goLast">看上次的结果</button>
-
-    <div class="groups">
-      <div class="sec-h"><span class="n">算哪些钱</span><small>3 GROUPS</small></div>
-      <div class="gg" id="gg"></div>
-    </div>
+    <div class="pick-h"><h2>先选你家的养娃路线</h2><small>按省会城市估</small></div>
+    <div class="routes" id="routes"></div>
+    <div class="go"><button class="btn" id="goQ" disabled>先选一条路线</button></div>
+    <button class="last" id="goLast">看上次的账单</button>
     <p class="tiny">不用填个人信息 · 选择只存在你的手机上</p>
   </section>
 
   <!-- 问题屏 -->
   <section class="screen" id="sQ">
-    <div class="gp" id="gp"></div>
+    <div class="qtop"><span class="rp" id="rp"></span><span class="dots" id="dots"></span></div>
     <div class="qn" id="qn"></div>
     <h2 class="qh" id="qh"></h2>
     <p class="qs" id="qs"></p>
     <div class="opts" id="opts"></div>
     <div class="qa">
       <button class="prev" id="prev"><svg class="ic"><use href="#i-back" xlink:href="#i-back"/></svg><span id="prevT">上一题</span></button>
-      <button class="skip press" id="skip">跳过，按常见情况算</button>
+      <button class="keep press" id="keep"><span id="keepT">就这样，下一题</span><svg class="ic"><use href="#i-right" xlink:href="#i-right"/></svg></button>
     </div>
-    <p class="qtip" id="qtip">金额按你选的城市估算，选完自动下一题</p>
+    <p class="qtip" id="qtip">选完自动下一题</p>
   </section>
 
   <!-- 结果屏 -->
   <section class="screen" id="sRes">
-    <div class="r-top"><span class="chip">估算结果</span><span class="md" id="mode"></span></div>
-    <h2 class="r-t">你家大概要花</h2>
-    <div class="sgc" id="tabs">
-      <span class="th" id="thumb"></span>
-      <button data-s="0">生下来</button><button data-s="1">养到1岁</button><button data-s="2">养到2岁</button><button data-s="3">养到3岁</button>
+    <div class="r-top"><span class="chip" id="rRoute"></span><span class="md" id="rMeta"></span></div>
+    <h2 class="r-t" id="rTitle"></h2>
+    <p class="r-s">账单按阶段逐项列出，单项取行情中间值</p>
+
+    <div class="printer" id="printer"><span class="lb">BILL</span><span class="led"></span></div>
+    <div class="feed" id="feed"><div class="paper" id="paper"></div></div>
+
+    <div class="racts">
+      <button class="btn ghost press" id="reRoute"><svg class="ic"><use href="#i-refresh" xlink:href="#i-refresh"/></svg>换条路线再算</button>
+      <button class="btn ghost press" id="reAns"><svg class="ic"><use href="#i-edit" xlink:href="#i-edit"/></svg>改一下答案</button>
     </div>
-    <div class="tot" aria-live="polite">
-      <div class="l" id="totL"></div>
-      <div class="v num" id="totV"></div>
-      <div class="bar2"><i id="totBar"></i></div>
-      <div class="sc"><span>0</span><span id="totMax"></span></div>
-      <div class="kv">
-        <div><span>平均每月</span><b class="num" id="totM"></b></div>
-        <div><span id="rbL">医保预计报销</span><b class="num g" id="totR"></b></div>
+
+    <div class="mom fu" id="mom">
+      <svg class="art" viewBox="0 0 80 80" aria-hidden="true"><circle cx="40" cy="40" r="38" fill="#FFEBD6"/><path d="M40 60c-9-6.3-16-12.4-16-20.2 0-5 3.7-8.8 8.3-8.8 3.3 0 6 1.8 7.7 4.6 1.7-2.8 4.4-4.6 7.7-4.6 4.6 0 8.3 3.8 8.3 8.8C56 47.6 49 53.7 40 60z" fill="#F7B98A" stroke="#C9824A" stroke-width="2" stroke-linejoin="round"/><path d="M40 60v8M36 66c1.5-1.8 2.8-2.5 4-2.5s2.5.7 4 2.5" fill="none" stroke="#18A058" stroke-width="2" stroke-linecap="round"/><path d="M33.5 38.5c.6-1.8 2-3 3.8-3.2" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round"/></svg>
+      <div class="k">写在账单后面</div>
+      <h3 id="momH"></h3>
+      <p id="momP"></p>
+      <p class="say">如果可以的话，今天对她说一句：<br><q>妈，辛苦了。</q></p>
+      <div class="msg">
+        <div class="q" id="msgQ"></div>
+        <div class="ft"><span class="dt" id="msgDt"></span><button class="sw press" id="msgSw"><svg class="ic"><use href="#i-refresh" xlink:href="#i-refresh"/></svg>换一句</button></div>
       </div>
-    </div>
-    <button class="more press" id="more"><svg class="ic"><use href="#i-edit" xlink:href="#i-edit"/></svg><span id="moreT"></span><em>补全</em></button>
-
-    <div class="rs fu">
-      <div class="sec-h"><span class="n">01</span><h2>钱花在哪</h2><small>BREAKDOWN</small></div>
-      <div class="panel g">
-        <div class="donut"><svg viewBox="0 0 120 120" id="ring"></svg><div class="lg" id="lg"></div></div>
-        <div class="list" id="list"></div>
-      </div>
-    </div>
-
-    <div class="rs fu">
-      <div class="sec-h"><span class="n">02</span><h2>你的选择</h2><small>点哪项改哪项</small></div>
-      <div class="mine" id="mine"></div>
-    </div>
-
-    <div class="rs fu">
-      <div class="sec-h"><span class="n">03</span><h2>最花钱 · 能省的地方</h2></div>
-      <div class="card">
-        <div class="row"><span class="ri"><svg class="ic"><use href="#i-coin" xlink:href="#i-coin"/></svg></span><div class="rx"><b id="bigT"></b><p id="bigD"></p></div></div>
-        <div class="row"><span class="ri"><svg class="ic"><use href="#i-bulb" xlink:href="#i-bulb"/></svg></span><div class="rx"><b>能省的地方</b><ul id="save"></ul></div></div>
-      </div>
-    </div>
-
-    <div class="rs fu">
-      <div class="sec-h"><span class="n">04</span><h2>能报 · 能领回来的钱</h2></div>
-      <div class="card">
-        <div class="row"><span class="ri"><svg class="ic"><use href="#o-shield" xlink:href="#o-shield"/></svg></span><div class="rx"><b id="insT"></b><p id="insD"></p><span class="fml" id="insF"></span></div></div>
-        <div class="back-money" id="bm"></div>
+      <div class="macts">
+        <button class="btn press" id="copyBtn"><svg class="ic"><use href="#i-copy" xlink:href="#i-copy"/></svg>复制这句话，发给妈妈</button>
+        <button class="btn w press" id="cardBtn"><svg class="ic"><use href="#i-img" xlink:href="#i-img"/></svg>生成卡片</button>
       </div>
     </div>
 
     <div id="tools" class="fu"></div>
 
-    <div class="acts"><button class="btn ghost press" id="redo">重新估算</button></div>
-    <p class="note"><b>估算区间，仅供参考。</b>按 2025～2026 年国内常见公开价格粗算，各地各医院差别很大；不含孕期并发症、早产、住院等意外支出，报销和补贴以当地政策为准。</p>
+    <p class="note"><b>估算区间，仅供参考。</b>按 2025～2026 年国内常见公开行情粗算，单项取中间值；按有生育保险估报销，不含早产、大病、住院等意外支出，不计通胀和房子；各地各家差别很大，看个大概就好。</p>
   </section>
 </div>
 
+<div class="mask" id="mask">
+  <img id="maskImg" alt="给妈妈的卡片">
+  <p><svg class="ic"><use href="#i-hand" xlink:href="#i-hand"/></svg>长按图片，保存或发给妈妈</p>
+  <div class="row"><a id="dlBtn" download="给妈妈的卡片.png" hidden>下载图片</a><button id="maskClose">关闭</button></div>
+</div>
+<div class="toast" id="toast"></div>
+
 <script src="../_shared/tools.js"></script>
 <script>
 (function () {
   'use strict';
 
-  /* ================= 费用表（单位：元，[低, 高]，2025～2026 国内常见公开行情，取整偏保守） =================
-     城市下标 c：0 一线 / 1 新一线及省会 / 2 普通地级市 / 3 县城及乡镇 */
-  var COST = {
-    // —— 孕期产检（约 10～13 次 + 常规筛查）[c][医院]：0 公立普通 / 1 公立特需或单间 / 2 私立 ——
-    check: [
-      [[5000, 9000], [12000, 25000], [18000, 40000]],
-      [[3500, 7000], [8000, 16000],  [12000, 28000]],
-      [[2500, 5000], [5000, 10000],  [7000, 16000]],
-      [[1800, 3500], [3500, 7000],   [4500, 10000]]
-    ],
-    checkAdd: [[0, 0], [1200, 2500], [3000, 6000]],   // 产检自费加项 [方案]：0 常规 / 1 加无创 DNA / 2 无创+四维+早孕 B 超等
-    // 孕妇装、待产包 [c]，× 用品档次 × 第几胎
-    pregGoods: [[2000, 5000], [1500, 4000], [1200, 3000], [1000, 2500]],
-    // 分娩住院 [c][医院][方式]，方式 0 顺产 / 1 剖宫产；「还不确定」取两者合并区间
-    birth: [
-      [[[6000, 12000], [12000, 20000]], [[15000, 30000], [25000, 45000]], [[30000, 60000], [45000, 90000]]],
-      [[[4000, 8000],  [8000, 15000]],  [[10000, 20000], [15000, 30000]], [[18000, 40000], [28000, 60000]]],
-      [[[3000, 6000],  [6000, 11000]],  [[6000, 12000],  [10000, 18000]], [[10000, 25000], [15000, 35000]]],
-      [[[2000, 4000],  [4000, 8000]],   [[4000, 8000],   [6000, 12000]],  [[6000, 15000],  [10000, 22000]]]
-    ],
-    // 医保报销（预估）[医保]：0 职工医保含生育保险 / 1 城乡居民医保 / 2 没有。产检、分娩分开；× 城市系数 × 医院系数，且不超过当项的 70%
-    rCheck: [[1000, 2500], [300, 800], [0, 0]],
-    rBirth: [[[2500, 5000], [4000, 8000]], [[800, 2000], [1500, 3500]], [[0, 0], [0, 0]]],
-    rCity: [1.3, 1, 0.85, 0.7],
-    rHosp: [1, 0.8, 0.5],     // 特需、私立一般只按基本部分或定额报
-    // 坐月子 [c][方式]：0 家人照顾 / 1 家人+钟点工或月子餐 / 2 月嫂约 26 天 / 3 月子中心约 28 天
-    yuezi: [
-      [[3000, 8000], [8000, 15000], [15000, 30000], [40000, 100000]],
-      [[2500, 6000], [6000, 12000], [10000, 20000], [25000, 60000]],
-      [[2000, 5000], [4000, 8000],  [7000, 14000],  [15000, 35000]],
-      [[1500, 4000], [3000, 6000],  [5000, 10000],  [10000, 25000]]
-    ],
-    // 奶粉 [年 0/1/2][喂养 0 母乳 / 1 混合 / 2 奶粉]，× 奶粉档次
-    formula: [
-      [[300, 1200], [4000, 7000], [8000, 12000]],
-      [[1000, 2500], [3000, 6000], [5000, 8000]],
-      [[800, 2000], [1500, 3000], [2000, 4000]]
-    ],
-    milk: [0.65, 1, 1.5],     // 奶粉档次：国产平价约 150～220 元/罐 / 国产高端或进口常规 250～350 / 进口高端有机 400+
-    // 辅食与日常饮食 [年][c]
-    food: [
-      [[1000, 2500], [1000, 2500], [800, 2000], [600, 1800]],
-      [[3000, 6000], [2500, 5000], [2000, 4000], [1500, 3500]],
-      [[5000, 8000], [4000, 7000], [3500, 6000], [2500, 5000]]
-    ],
-    diaper: [[3000, 5000], [2500, 4000], [800, 2000]],   // 纸尿裤、湿巾、洗护 [年]，× 档次
-    dia: [0.65, 1, 1.5],
-    // 衣物、推车、安全座椅、婴儿床、玩具等 [年][c]，× 用品档次 × 第几胎
-    goods: [
-      [[5000, 10000], [4000, 8000], [3000, 6000], [2500, 5000]],
-      [[3000, 6000],  [2500, 5000], [2000, 4000], [1500, 3500]],
-      [[3000, 6000],  [2500, 5000], [2000, 4000], [1500, 3500]]
-    ],
-    gear: [0.55, 1, 1.9],
-    reuse: [[1, 1, 1, 1], [0.7, 0.6, 0.75, 0.75]],   // [头胎/二胎][孕期用品, 0～1, 1～2, 2～3]
-    // 看病、体检、少儿医保 [年][c]
-    med: [
-      [[1200, 4000], [1000, 3500], [800, 3000], [600, 2500]],
-      [[1000, 3500], [800, 3000],  [600, 2500], [500, 2000]],
-      [[1000, 3000], [800, 2500],  [600, 2000], [500, 1800]]
-    ],
-    vac: [[0, 0], [4000, 7000], [8000, 12000]],   // 自费疫苗总计 [档]；按 70% / 20% / 10% 摊到三年
-    vacSplit: [0.7, 0.2, 0.1],
-    bx: [[0, 0], [300, 800], [3000, 6000]],       // 商业保险每年 [档]
-    // 早教兴趣班每年 [档][c]；2～3 岁 ×1.2
-    edu: [
-      [[800, 2000],   [600, 1500],   [500, 1200],  [300, 1000]],
-      [[6000, 12000], [4000, 8000],  [2500, 5000], [1500, 3500]],
-      [[15000, 30000],[10000, 20000],[6000, 12000],[3000, 8000]]
-    ],
-    // 带娃（按年）[c]
-    sub: [[4800, 12000], [3600, 9600], [2400, 7200], [1200, 6000]],                       // 老人补贴，约 100～1000 元/月
-    nanny: [[84000, 120000], [60000, 90000], [48000, 72000], [36000, 54000]],             // 育儿嫂月薪 × 12
-    daycare: [[44000, 88000], [27500, 55000], [19800, 38500], [13200, 27500]],            // 全日托育园月费 × 11
-    tuoban: [[30000, 70000], [20000, 45000], [12000, 30000], [8000, 20000]],              // 2 岁起托班月费 × 10
-    wage: [[11000, 16000], [8000, 11000], [6000, 8000], [4500, 6500]]                     // 生育津贴粗算用的当地月平均工资
-  };
+  /* ================= 路线 ================= */
+  var ROUTES = [
+    { id: 'rich', badge: 'b-rich', who: '我是大富豪', how: '富养娃',
+      line: '钱能解决的，都不让娃将就',
+      tags: ['私立高端产检', '月子中心', '育儿嫂', '国际学校'], def: { care: 2, school: 2, extra: 2 } },
+    { id: 'mid', badge: 'b-mid', who: '我是中产家', how: '从容养',
+      line: '不卷也不亏待，日子过得舒展',
+      tags: ['公立特需', '月嫂', '托班', '适度早教'], def: { care: 1, school: 0, extra: 1 } },
+    { id: 'low', badge: 'b-low', who: '我是普通人', how: '量力养',
+      line: '能省则省，爱一点不少',
+      tags: ['公立医院', '家人坐月子', '老人帮带', '能省则省'], def: { care: 0, school: 0, extra: 0 } }
+  ];
+  // 档次 T：0 量力 / 1 从容 / 2 富养（路线决定所有没问到的档次）
+  function tierOf(r) { return [2, 1, 0][r]; }
 
-  /* ================= 问题（15 题，g 分组；if 条件题） ================= */
-  var GROUPS = ['孕期与分娩', '月子与喂养', '0～3 岁养育'];
+  /* ================= 6 个问题 ================= */
   var QS = [
-    { k: 'city', g: 0, h: '你在哪类城市？', s: '各地价格差别最大的一项', o: [
+    { k: 'sex', h: '先认识一下，你是…', s: '账单最后，有句话想对你说', two: 1, o: [
+      ['女生', '我是准妈妈', 'girl'], ['男生', '我是准爸爸', 'boy']] },
+    { k: 'city', h: '你家在哪类城市？', s: '月嫂、托班、学费都跟着城市走', o: [
       ['一线城市', '北京、上海、广州、深圳', 'bldg'], ['新一线及省会', '成都、杭州、武汉、各省会', 'bldg2'],
       ['普通地级市', '三四线城市', 'house'], ['县城及乡镇', '县城、镇上', 'tree']] },
-    { k: 'check', g: 0, h: '产检打算怎么做？', s: '常规项目都一样，差在自费加项', ids: ['checkAdd'], o: [
-      ['只做常规项目', '跟着医生的产检表走', 'clip'], ['常规 + 无创 DNA', '多花一项无创产前筛查', 'dna'],
-      ['能加的都加', '无创、四维、早孕 B 超等', 'scan']] },
-    { k: 'hosp', g: 0, h: '打算在哪家医院生？', s: '产检一般也在同一家', ids: ['check', 'birth'], pl: '产检+分娩', o: [
-      ['公立医院普通病房', '多人间，大多数人的选择', 'hosp'], ['公立特需或单间', '单人间、特需门诊，部分自费', 'bed'],
-      ['私立医院', '环境服务好，基本全自费', 'star']] },
-    { k: 'way', g: 0, h: '分娩方式？', s: '最终听医生评估', ids: ['birth'], o: [
-      ['顺产', '住院约 2～3 天', 'leaf'], ['剖宫产', '住院约 4～6 天', 'cut'], ['还不确定', '两种都算进去，区间宽一些', 'help']] },
-    { k: 'ins', g: 0, h: '你有哪种医保？', s: '决定产检分娩能报多少', ids: ['reimb'], o: [
-      ['职工医保（含生育保险）', '上班交社保，还能领生育津贴', 'shield'], ['城乡居民医保', '分娩能报一部分，没有津贴', 'card'],
-      ['没有或不清楚', '先按全自费算', 'none']] },
-    { k: 'first', g: 0, h: '这是第几个宝宝？', s: '老大的东西能接着用', o: [
-      ['头胎', '用品都要新添置', 'one'], ['二胎及以上', '衣物、推车、婴儿床能复用', 'layers']] },
-    { k: 'yz', g: 1, h: '月子怎么坐？', s: '这一项差距最大', ids: ['yz'], o: [
-      ['家人照顾', '月子餐和产妇用品', 'home'], ['家人 + 钟点工或月子餐', '请人做饭打扫，家人陪护', 'bowl'],
-      ['请月嫂', '上门照顾，一般 26 天', 'nurse'], ['月子中心', '一般 28 天套餐', 'moon']] },
-    { k: 'feed', g: 1, h: '宝宝打算怎么喂？', s: '大概的打算就行', ids: ['formula'], pl: '3 年奶粉', o: [
-      ['母乳为主', '奶粉钱很少', 'drop'], ['混合喂养', '母乳加一部分奶粉', 'mix'], ['奶粉为主', '奶粉是每月固定开销', 'bottle']] },
-    { k: 'milk', g: 1, h: '奶粉打算买哪档？', s: '按 800 克一罐算', ids: ['formula'], pl: '3 年奶粉', if: function (s) { return s.feed > 0; }, o: [
-      ['国产平价', '约 150～220 元一罐', 't1'], ['国产高端或进口常规', '约 250～350 元一罐', 't2'], ['进口高端或有机', '约 400 元以上一罐', 't3']] },
-    { k: 'gear', g: 1, h: '待产包和婴儿用品买哪档？', s: '推车、安全座椅、婴儿床、衣物玩具', ids: ['pgoods', 'goods'], pl: '3 年用品', o: [
-      ['实用够用', '平价款，能借能用二手', 't1'], ['中等品牌', '买点好的，不追高', 't2'], ['高端进口', '大件挑进口大牌', 't3']] },
-    { k: 'diaper', g: 1, h: '纸尿裤和洗护用哪档？', s: '头一年每天要用 6～10 片', ids: ['diaper'], pl: '3 年', o: [
-      ['平价国产', '约 1 元一片', 't1'], ['中端品牌', '约 1.5～2 元一片', 't2'], ['高端进口', '约 2.5 元以上一片', 't3']] },
-    { k: 'care', g: 2, h: '1～3 岁白天谁带？', s: '产假结束后的安排', ids: ['care'], pl: '2 年', o: [
-      ['老人或自己带', '给老人一点补贴，3 岁上幼儿园', 'family'], ['家里带，2 岁起上托班', '第 3 年交托班费', 'flag'],
-      ['请育儿嫂或保姆', '按月薪算', 'nurse'], ['1 岁多就上托育园', '全日托，按月费算', 'school']] },
-    { k: 'edu', g: 2, h: '早教和兴趣班呢？', s: '1～3 岁', ids: ['edu'], pl: '2 年', o: [
-      ['在家玩为主', '绘本玩具、遛娃', 'book'], ['报一个早教班', '每周 1～2 节', 'puzzle'], ['早教 + 兴趣班', '再加游泳、音乐、美术等', 'music']] },
-    { k: 'vac', g: 2, h: '自费疫苗打哪些？', s: '免费的国家疫苗都要打', ids: ['vac'], o: [
-      ['只打免费的', '国家免疫规划疫苗', 'shield'], ['挑重点自费', '13 价肺炎、五联、轮状等', 'syr'],
-      ['能打的自费都打', '再加手足口、流感等', 'syr2']] },
-    { k: 'bx', g: 2, h: '给宝宝买商业保险吗？', s: '少儿医保已算在看病费里', ids: ['bx'], pl: '3 年', o: [
-      ['先不买', '靠少儿医保', 'none'], ['医疗险 + 意外险', '每年几百元', 'umb'], ['再加重疾险', '每年约 3000～6000 元', 'shield']] }
+    { k: 'kid', h: '这是第几个宝宝？', s: '老大的东西能接着用', o: [
+      ['头胎', '推车、衣服、玩具都要新添置', 'one'], ['二胎及以上', '大件和衣物能复用一部分', 'layers']] },
+    { k: 'care', h: '0～3 岁，白天谁带娃？', s: '产假结束后的安排，差别很大', g: 'care', pl: '0～6 岁带娃', o: [
+      ['老人或自己带', '给老人一点补贴，3 岁上幼儿园', 'family'], ['家里带，2 岁上托班', '第 3 年交托班费', 'flag'],
+      ['请育儿嫂', '住家或白班阿姨，带到上幼儿园', 'nurse'], ['1 岁半上托育园', '全日托，按月费算', 'school']] },
+    { k: 'school', h: '上学打算走哪条路？', s: '幼儿园到高中，学费差距最大的一项', g: 'school', pl: '15 年学费', o: [
+      ['公立为主', '普惠园 + 就近公立学校', 'book'], ['民办私立', '民办园 + 民办中小学', 'cap'], ['国际学校', '双语园 + 国际学校', 'globe']] },
+    { k: 'extra', h: '早教和课外班呢？', s: '早教、兴趣班、补习，一路算到高中', g: 'extra', pl: '18 年课外', o: [
+      ['顺其自然', '以玩为主，偶尔报一门', 'sprout'], ['适度报几门', '一两门兴趣 + 必要补习', 'music'], ['拼一把', '早教、兴趣、补习一个不落', 'rocket']] }
   ];
   var QK = {}; QS.forEach(function (q, i) { QK[q.k] = q; q.i = i; });
-  var QUICK = ['city', 'hosp', 'yz', 'feed', 'care'];
-  var DEF = { city: 1, check: 1, hosp: 0, way: 2, ins: 0, first: 0, yz: 0, feed: 1, milk: 1, gear: 1, diaper: 1, care: 0, edu: 0, vac: 1, bx: 1 };
-  var SHORT = {   // 结果页标签
-    city: ['一线城市', '新一线/省会', '地级市', '县城乡镇'], check: ['常规产检', '加无创', '自费项全加'],
-    hosp: ['公立普通', '公立特需', '私立医院'], way: ['顺产', '剖宫产', '方式未定'],
-    ins: ['职工医保', '居民医保', '无医保'], first: ['头胎', '二胎'],
-    yz: ['家人坐月子', '家人+钟点工', '请月嫂', '月子中心'], feed: ['母乳为主', '混合喂养', '奶粉为主'],
-    milk: ['平价奶粉', '中档奶粉', '高端奶粉'], gear: ['用品实用', '用品中档', '用品高端'], diaper: ['平价纸尿裤', '中端纸尿裤', '高端纸尿裤'],
-    care: ['老人带', '2岁上托班', '育儿嫂', '托育园'], edu: ['在家玩', '一个早教班', '早教+兴趣班'],
-    vac: ['只打免费苗', '重点自费苗', '自费苗全打'], bx: ['不买商保', '医疗+意外险', '加重疾险']
+  var CITY_S = ['一线城市', '新一线/省会', '地级市', '县城乡镇'];
+
+  /* ================= 费用表（单位：元，[低, 高]，2025～2026 国内常见公开行情；基准 = 新一线及省会） =================
+     每项 v 按档次 [量力, 从容, 富养]；k 城市系数：svc 人工/服务/教育，goods 吃穿用，med 医疗，0 不随城市变。
+     r：二胎复用系数（大件、衣物）。g：问题分组（选项上的价格提示）。 */
+  var CF = {
+    svc: [1.45, 1, 0.72, 0.55],
+    goods: [1.1, 1, 0.9, 0.82],
+    med: [1.25, 1, 0.8, 0.65],
+    '0': [1, 1, 1, 1]
   };
-  var STAGES = ['孕期产检', '分娩住院', '坐月子', '0～1岁', '1～2岁', '2～3岁'];
-  var SHADES = ['#0B6E3A', '#18A058', '#45B779', '#79CC9E', '#A8DFC0', '#CFEFDD'];
-  var TAB_L = ['怀孕到坐完月子', '怀孕到宝宝 1 岁', '怀孕到宝宝 2 岁', '怀孕到宝宝 3 岁'];
-  var UPTO = [3, 4, 5, 6];
-  var MONTHS = [10, 22, 34, 46];   // 怀孕约 9 个月 + 月子 1 个月；之后每岁 12 个月
-  var KEY = 'mmbox.huafei.v3', KEY2 = 'mmbox.huafei.v2';
+  var SUB = [3600, 9600];             // 老人帮带补贴 / 年（约 300～800 元/月）
+  var NANNY = [60000, 90000];         // 育儿嫂 / 年（约 5000～7500 元/月）
+  var TUOBAN = [20000, 45000];        // 2 岁起托班 / 年（10 个月）
+  var DAYCARE = [27500, 55000];       // 全日托育园 / 年（11 个月）
+  var COST = [
+    // ① 孕期产检（约 10 个月）
+    [
+      { n: ['公立医院常规产检', '公立特需产检', '私立医院产检套餐'], v: [[3000, 6000], [8000, 15000], [20000, 40000]], k: 'med' },
+      { n: ['唐筛和四维彩超', '无创 DNA 和四维彩超', '无创 DNA、四维和自费筛查'], v: [[800, 2000], [2000, 4000], [4000, 8000]], k: 'med' },
+      { n: '孕妇装和孕期护肤', v: [[800, 2000], [2000, 5000], [6000, 15000]], k: 'goods' },
+      { n: '叶酸、DHA 等营养补剂', v: [[500, 1500], [1500, 3000], [3000, 6000]], k: 'goods' },
+      { n: ['孕妇学校（免费）', '孕期瑜伽和课程', '孕期私教和产前课程'], v: [[0, 0], [1000, 3000], [5000, 12000]], k: 'svc' },
+      { n: '待产包', v: [[800, 1500], [1500, 3000], [3000, 6000]], k: 'goods', r: 0.6 }
+    ],
+    // ② 分娩住院
+    [
+      { n: ['公立普通病房分娩', '公立特需单间分娩', '私立医院分娩套餐'], v: [[4000, 12000], [12000, 25000], [40000, 90000]], k: 'med' },
+      { n: ['无痛分娩', '无痛分娩和导乐', 'VIP 套房和一对一助产'], v: [[1000, 2500], [2500, 5000], [5000, 15000]], k: 'med' },
+      { n: '新生儿检查和护理', v: [[500, 1500], [1000, 2500], [2000, 5000]], k: 'med' },
+      { n: ['生育保险报销（预估）', '生育保险报销（预估）', '生育保险报销（预估）'], v: [[-5000, -2500], [-4500, -2000], [-2500, -500]], k: 'med' }
+    ],
+    // ③ 坐月子（约 1 个月）
+    [
+      { n: ['家人照顾和月子餐', '请月嫂约 26 天', '高端月子中心 28 天'], v: [[3000, 6000], [12000, 20000], [50000, 120000]], k: 'svc' },
+      { n: '产妇用品和营养', v: [[1000, 2500], [2000, 4000], [4000, 8000]], k: 'goods' },
+      { n: ['产后盆底康复（医院）', '产后修复疗程', '产后修复和私教塑形'], v: [[0, 1000], [2000, 5000], [8000, 20000]], k: 'svc' },
+      { n: ['满月酒和喜糖', '满月酒和喜糖', '满月宴、百日宴和回礼'], v: [[2000, 6000], [5000, 15000], [15000, 40000]], k: 'goods' }
+    ],
+    // ④ 0～1 岁
+    [
+      { n: ['国产奶粉（混合喂养）', '国产高端奶粉', '进口高端有机奶粉'], v: [[3000, 6000], [6000, 10000], [12000, 20000]], k: 'goods' },
+      { n: '纸尿裤和湿巾', v: [[2500, 4000], [4000, 6000], [6000, 9000]], k: 'goods' },
+      { n: ['推车、床、安全座椅', '推车、床、安全座椅', '进口推车、床、座椅'], v: [[1500, 3500], [4000, 8000], [12000, 25000]], k: 'goods', r: 0.4 },
+      { n: '衣服和玩具', v: [[1500, 3000], [3000, 6000], [8000, 15000]], k: 'goods', r: 0.7 },
+      { n: ['疫苗（免费为主）', '疫苗（含重点自费）', '疫苗（自费全打）'], v: [[500, 2000], [4000, 6000], [6000, 9000]], k: '0' },
+      { n: ['看病和体检', '看病和体检', '私立儿科和体检'], v: [[800, 2500], [2000, 4000], [6000, 15000]], k: 'med' },
+      { n: ['少儿医保', '少儿医保和医疗险', '高端医疗险和重疾险'], v: [[400, 600], [800, 2000], [8000, 15000]], k: '0' },
+      { g: 'extra', n: function (s) { return ['绘本和益智玩具', '亲子早教体验课', '亲子早教年卡'][s.extra]; },
+        v: function (s) { return [[500, 1500], [2000, 5000], [10000, 20000]][s.extra]; }, k: 'svc' },
+      { g: 'care', n: function (s) { return s.care === 2 ? '育儿嫂（产假后约 8 个月）' : '老人帮带补贴'; },
+        v: function (s) { return s.care === 2 ? [40000, 60000] : [SUB[0] * 0.6, SUB[1] * 0.6]; }, k: 'svc' }
+    ],
+    // ⑤ 1～3 岁（每项分两年：y = [[第2年], [第3年]]，用来算 2 岁累计）
+    [
+      { n: ['国产奶粉', '国产高端奶粉', '进口高端奶粉'], y: [[[1800, 3500], [1200, 2500]], [[3500, 6000], [2500, 4000]], [[7000, 11000], [5000, 7000]]], k: 'goods' },
+      { n: '纸尿裤', y: [[[1500, 2500], [500, 1000]], [[2000, 3000], [1000, 2000]], [[3000, 4500], [1500, 2500]]], k: 'goods' },
+      { n: '辅食、零食和饮食', v: [[4000, 8000], [6000, 12000], [12000, 24000]], k: 'goods' },
+      { n: '衣服、鞋子、玩具、绘本', v: [[3000, 6000], [6000, 12000], [15000, 30000]], k: 'goods', r: 0.8 },
+      { n: ['看病和疫苗', '看病和疫苗', '私立儿科和自费疫苗'], v: [[1500, 4000], [4000, 8000], [10000, 20000]], k: 'med' },
+      { n: ['少儿医保', '少儿医保和医疗险', '高端医疗险和重疾险'], v: [[800, 1200], [1600, 4000], [16000, 30000]], k: '0' },
+      { g: 'extra', n: function (s) { return ['绘本和遛娃', '早教班（每周 1～2 节）', '早教和游泳、音乐等兴趣班'][s.extra]; },
+        v: function (s) { return [[500, 2000], [8000, 16000], [25000, 50000]][s.extra]; }, k: 'svc' },
+      { g: 'care', n: function (s) { return ['老人帮带补贴（2 年）', '老人帮带和 2 岁托班', '育儿嫂工资（2 年）', '托育园（1 岁半起）'][s.care]; },
+        y: function (s) {
+          if (s.care === 0) return [SUB, SUB];
+          if (s.care === 1) return [SUB, [TUOBAN[0] + SUB[0] / 2, TUOBAN[1] + SUB[1] / 2]];
+          if (s.care === 2) return [NANNY, NANNY];
+          return [[DAYCARE[0] / 2 + SUB[0] / 2, DAYCARE[1] / 2 + SUB[1] / 2], DAYCARE];
+        }, k: 'svc' }
+    ],
+    // ⑥ 幼儿园 3～6 岁
+    [
+      { g: 'school', n: function (s) { return ['普惠幼儿园保教费', '民办幼儿园学费', '双语/国际幼儿园学费'][s.school]; },
+        v: function (s) { return [[15000, 36000], [60000, 120000], [180000, 360000]][s.school]; }, k: 'svc' },
+      { g: 'school', n: '伙食费', v: function (s) { return [[8000, 14000], [12000, 20000], [20000, 40000]][s.school]; }, k: 'svc' },
+      { g: 'extra', n: function (s) { return ['偶尔一门兴趣班', '两门兴趣班', '英语、体能、艺术多门'][s.extra]; },
+        v: function (s) { return [[3000, 8000], [20000, 40000], [60000, 120000]][s.extra]; }, k: 'svc' },
+      { n: '吃穿和日常开销', v: [[12000, 24000], [24000, 40000], [45000, 90000]], k: 'goods' },
+      { n: '衣服、玩具、绘本', v: [[6000, 12000], [12000, 24000], [30000, 60000]], k: 'goods' },
+      { n: ['看病和少儿医保', '看病和保险', '私立儿科和高端医疗险'], v: [[3000, 6000], [6000, 12000], [25000, 50000]], k: 'med' },
+      { n: ['周边游玩', '每年一两次旅行', '出境亲子游'], v: [[3000, 8000], [12000, 24000], [45000, 90000]], k: '0' },
+      { g: 'care', n: function (s) { return s.care === 2 ? '住家阿姨（3 年）' : '老人接送补贴'; },
+        v: function (s) { return s.care === 2 ? [120000, 200000] : [6000, 18000]; }, k: 'svc' }
+    ],
+    // ⑦ 小学 6～12 岁
+    [
+      { g: 'school', n: function (s) { return ['公立小学学杂费、校服', '民办小学学费（6 年）', '国际学校学费（6 年）'][s.school]; },
+        v: function (s) { return [[2000, 6000], [180000, 360000], [600000, 1200000]][s.school]; }, k: 'svc' },
+      { g: 'school', n: function (s) { return ['午餐和课后托管', '午餐和校车', '餐费、校车和活动'][s.school]; },
+        v: function (s) { return [[15000, 30000], [20000, 36000], [30000, 60000]][s.school]; }, k: 'svc' },
+      { g: 'extra', n: function (s) { return ['一门兴趣班', '兴趣班和学科辅导', '多门兴趣、竞赛和外教'][s.extra]; },
+        v: function (s) { return [[12000, 30000], [60000, 120000], [180000, 360000]][s.extra]; }, k: 'svc' },
+      { n: '吃穿和日常开销', v: [[36000, 54000], [54000, 90000], [100000, 180000]], k: 'goods' },
+      { n: '文具、图书、电子产品', v: [[4000, 8000], [8000, 16000], [20000, 40000]], k: 'goods' },
+      { n: ['看病和少儿医保', '看病和保险', '私立医疗和高端医疗险'], v: [[6000, 12000], [12000, 24000], [50000, 100000]], k: 'med' },
+      { n: ['假期游玩', '旅行和夏令营', '海外游学和研学营'], v: [[6000, 15000], [30000, 60000], [120000, 240000]], k: '0' }
+    ],
+    // ⑧ 初中 12～15 岁
+    [
+      { g: 'school', n: function (s) { return ['公立初中杂费、校服', '民办初中学费（3 年）', '国际学校学费（3 年）'][s.school]; },
+        v: function (s) { return [[1000, 3000], [60000, 150000], [300000, 600000]][s.school]; }, k: 'svc' },
+      { g: 'school', n: function (s) { return ['午餐或住宿', '住宿和伙食', '住宿、伙食和活动'][s.school]; },
+        v: function (s) { return [[9000, 18000], [15000, 30000], [30000, 60000]][s.school]; }, k: 'svc' },
+      { g: 'extra', n: function (s) { return ['必要的补习', '学科补习和一门特长', '一对一补习和竞赛'][s.extra]; },
+        v: function (s) { return [[9000, 24000], [45000, 90000], [120000, 240000]][s.extra]; }, k: 'svc' },
+      { n: '吃穿和零花钱', v: [[24000, 36000], [36000, 60000], [75000, 135000]], k: 'goods' },
+      { n: '手机、电脑和资料', v: [[3000, 6000], [6000, 12000], [15000, 30000]], k: 'goods' },
+      { n: ['看病和医保', '看病和保险', '私立医疗和高端医疗险'], v: [[3000, 6000], [6000, 12000], [25000, 50000]], k: 'med' },
+      { n: ['假期游玩', '研学和旅行', '海外游学'], v: [[3000, 8000], [15000, 30000], [60000, 120000]], k: '0' }
+    ],
+    // ⑨ 高中 15～18 岁
+    [
+      { g: 'school', n: function (s) { return ['公立高中学费', '民办高中学费（3 年）', '国际高中学费（3 年）'][s.school]; },
+        v: function (s) { return [[3000, 9000], [60000, 150000], [400000, 800000]][s.school]; }, k: 'svc' },
+      { g: 'school', n: '住宿和伙食', v: function (s) { return [[15000, 27000], [18000, 36000], [36000, 72000]][s.school]; }, k: 'svc' },
+      { g: 'extra', n: function (s) { return ['必要的补习', '学科补习', '一对一补习和留学标化'][s.extra]; },
+        v: function (s) { return [[9000, 30000], [45000, 100000], [150000, 300000]][s.extra]; }, k: 'svc' },
+      { n: '吃穿和零花钱', v: [[24000, 36000], [36000, 60000], [75000, 135000]], k: 'goods' },
+      { n: '电脑和学习资料', v: [[3000, 8000], [8000, 15000], [15000, 30000]], k: 'goods' },
+      { n: ['看病和医保', '看病和保险', '私立医疗和高端医疗险'], v: [[3000, 6000], [6000, 12000], [25000, 50000]], k: 'med' },
+      { n: ['高考和志愿填报', '高考、志愿和升学咨询', '留学申请和背景提升'], v: [[1000, 3000], [3000, 10000], [50000, 150000]], k: '0' }
+    ]
+  ];
+  // 如果还上大学（不计入合计）：国内 4 年学费 + 住宿 + 生活费；国际学校路线按出国读本科
+  function college(s) {
+    if (s.school === 2) return { n: '海外本科 4 年', v: [1600000, 3200000] };
+    var v = [[60000, 100000], [100000, 180000], [160000, 300000]][s.T], f = [1.2, 1, 0.95, 0.9][s.city];
+    return { n: '国内本科 4 年', v: [v[0] * f, v[1] * f] };
+  }
+  var STAGES = [
+    ['孕期产检', '怀孕约 10 个月'], ['分娩住院', '生娃那几天'], ['坐月子', '产后 1 个月'],
+    ['0～1 岁', '第 1 年'], ['1～3 岁', '第 2、3 年'], ['幼儿园', '3～6 岁 · 3 年'],
+    ['小学', '6～12 岁 · 6 年'], ['初中', '12～15 岁 · 3 年'], ['高中', '15～18 岁 · 3 年']
+  ];
+  var MONTHS_18 = 10 + 18 * 12;
+  var KEY = 'mmbox.huafei.v4';
 
   var $ = function (s) { return document.querySelector(s); };
   var sc = $('#scroll');
-  var st = {}, ans = {};               // st 当前取值（没答的按常见），ans 用户亲自答过的题
-  var stage = 3, mode = 'full', cur = null, editing = false, flow = [], hasResult = false, fromRes = false;
-  for (var k0 in DEF) st[k0] = DEF[k0];
+  var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;
+  var route = -1, A = {}, cur = 0, hasBill = false, msgI = 0, bill = null, billNo = '', billAt = '';
 
-  function add(a, b) { return [a[0] + b[0], a[1] + b[1]]; }
-  function mul(a, k) { return [a[0] * k, a[1] * k]; }
-  function mid(a) { return (a[0] + a[1]) / 2; }
-
-  /* 六段费用：返回 [{t:[低,高], it:[{id, n, v}]}] × 6；医保报销作为负项计入产检、分娩两段 */
-  function calc(s) {
-    var c = s.city, gk = COST.gear[s.gear], ru = COST.reuse[s.first], mk = s.feed > 0 ? COST.milk[s.milk] : 1, dk = COST.dia[s.diaper];
-    var b = COST.birth[c][s.hosp], rb = COST.rBirth[s.ins];
-    var birth = s.way === 2 ? [b[0][0], b[1][1]] : b[s.way];
-    var rbw = s.way === 2 ? [rb[0][0], rb[1][1]] : rb[s.way];
-    var rk = COST.rCity[c] * COST.rHosp[s.hosp];
-    var check = COST.check[c][s.hosp];
-    function cap(r, g) { return [Math.min(r[0] * rk, g[0] * 0.7), Math.min(r[1] * rk, g[1] * 0.7)]; }
-    var rC = cap(COST.rCheck[s.ins], check), rB = cap(rbw, birth);
-    function care(y) {   // y = 1（1～2 岁）/ 2（2～3 岁）
-      if (s.care === 0) return COST.sub[c];
-      if (s.care === 1) return y === 1 ? COST.sub[c] : add(COST.tuoban[c], mul(COST.sub[c], 0.5));
-      if (s.care === 2) return COST.nanny[c];
-      return COST.daycare[c];
-    }
-    function year(y) {
-      var it = [
-        { id: 'formula', n: '奶粉', v: mul(COST.formula[y][s.feed], mk) },
-        { id: 'food', n: y ? '饮食' : '辅食', v: COST.food[y][c] },
-        { id: 'diaper', n: '纸尿裤洗护', v: mul(COST.diaper[y], dk) },
-        { id: 'goods', n: y ? '衣物玩具' : '衣物和推车床椅等', v: mul(COST.goods[y][c], gk * ru[y + 1]) },
-        { id: 'med', n: '看病体检', v: COST.med[y][c] },
-        { id: 'vac', n: '自费疫苗', v: mul(COST.vac[s.vac], COST.vacSplit[y]) },
-        { id: 'bx', n: '商业保险', v: COST.bx[s.bx] }
-      ];
-      if (y) {
-        it.push({ id: 'edu', n: '早教兴趣班', v: mul(COST.edu[s.edu][c], y === 2 && s.edu ? 1.2 : 1) });
-        it.push({ id: 'care', n: ['老人补贴', y === 2 ? '托班费' : '老人补贴', '育儿嫂工资', '托育园费'][s.care], v: care(y) });
-      }
-      return it;
-    }
-    var segs = [
-      [{ id: 'check', n: '常规产检和筛查', v: check }, { id: 'checkAdd', n: '自费加项', v: COST.checkAdd[s.check] },
-       { id: 'pgoods', n: '孕妇装和待产包', v: mul(COST.pregGoods[c], gk * ru[0]) }, { id: 'reimb', n: '医保报销', v: mul(rC, -1) }],
-      [{ id: 'birth', n: ['顺产', '剖宫产', '顺产到剖宫产'][s.way] + '住院', v: birth }, { id: 'reimb', n: '医保报销', v: mul(rB, -1) }],
-      [{ id: 'yz', n: ['月子餐和产妇用品', '钟点工和月子餐', '月嫂约 26 天和产妇用品', '月子中心约 28 天套餐'][s.yz], v: COST.yuezi[c][s.yz] }],
-      year(0), year(1), year(2)
-    ];
-    return segs.map(function (its) {
-      its = its.filter(function (x) { return x.v[1] !== 0; });
-      var t = its.reduce(function (a, x) { return add(a, x.v); }, [0, 0]);
-      if (t[0] > t[1]) t = [t[1], t[0]];
-      return { t: t, it: its };
+  /* ================= 计算 ================= */
+  function r100(n) { return Math.round(n / 100) * 100; }
+  function ctx(r, a) {
+    return { T: tierOf(r), city: a.city == null ? 1 : a.city, kid: a.kid || 0,
+      care: a.care == null ? ROUTES[r].def.care : a.care, school: a.school == null ? ROUTES[r].def.school : a.school,
+      extra: a.extra == null ? ROUTES[r].def.extra : a.extra };
+  }
+  // 返回 { segs:[{t,a,it:[{n,lo,hi,m,m1,g}],lo,hi,m}], lo, hi, m, n1, n2, n3, col }
+  function calc(r, a) {
+    var s = ctx(r, a);
+    var segs = COST.map(function (items, si) {
+      var it = [];
+      items.forEach(function (d) {
+        var f = CF[d.k][s.city] * (s.kid && d.r ? d.r : 1);
+        var name = typeof d.n === 'function' ? d.n(s) : (Array.isArray(d.n) ? d.n[s.T] : d.n);
+        var y = null, v;
+        if (d.y) { y = typeof d.y === 'function' ? d.y(s) : d.y[s.T]; v = [y[0][0] + y[1][0], y[0][1] + y[1][1]]; }
+        else v = typeof d.v === 'function' ? d.v(s) : d.v[s.T];
+        var lo = v[0] * f, hi = v[1] * f;
+        if (!lo && !hi) return;
+        var m = r100((lo + hi) / 2);
+        var m1 = y ? r100((y[0][0] + y[0][1]) / 2 * f) : r100(m / 2);   // 1～3 岁里属于第 2 年（1～2 岁）的部分
+        it.push({ n: name, lo: lo, hi: hi, m: m, m1: m1, g: d.g });
+      });
+      var o = { t: STAGES[si][0], a: STAGES[si][1], it: it, lo: 0, hi: 0, m: 0 };
+      it.forEach(function (x) { o.lo += x.lo; o.hi += x.hi; o.m += x.m; });
+      return o;
     });
+    var tot = { segs: segs, lo: 0, hi: 0, m: 0, s: s };
+    segs.forEach(function (x) { tot.lo += x.lo; tot.hi += x.hi; tot.m += x.m; });
+    var n1 = 0; for (var i = 0; i < 4; i++) n1 += segs[i].m;
+    tot.n1 = n1;
+    tot.n2 = n1 + segs[4].it.reduce(function (a2, x) { return a2 + x.m1; }, 0);
+    tot.n3 = n1 + segs[4].m;
+    tot.col = college(s);
+    return tot;
   }
-  // 某几类项目在全部 6 段里的合计（选项卡上的价格提示用）
-  function pick(s, ids) {
-    var r = [0, 0];
-    calc(s).forEach(function (sg) { sg.it.forEach(function (x) { if (ids.indexOf(x.id) >= 0) r = add(r, x.v); }); });
-    return r;
-  }
-  function reimb(s) { var r = pick(s, ['reimb']); return [-r[0], -r[1]]; }
-
-  function w1(n) { var v = Math.round(n / 1000) / 10; return (v >= 100 ? Math.round(v) : v) + ''; }
-  function wan(n) { return w1(n) + '万'; }
-  function yuan(n) { return String(Math.round(n / 100) * 100).replace(/\B(?=(\d{3})+(?!\d))/g, ','); }
-  function rng(a) {
-    var lo = Math.min(a[0], a[1]), hi = Math.max(a[0], a[1]);
-    if (hi < 10000) return yuan(lo) + '～' + yuan(hi) + ' 元';
-    return w1(lo) + '～' + wan(hi);
+  function groupSum(r, a, g) {
+    var t = 0; calc(r, a).segs.forEach(function (sg) { sg.it.forEach(function (x) { if (x.g === g) t += x.m; }); }); return t;
   }
 
-  /* ================= 问题流 ================= */
-  function active(keys) {   // 按条件过滤
-    return keys.filter(function (k) { var q = QK[k]; return !q.if || q.if(st); });
+  /* ================= 格式 ================= */
+  function money(n) { var neg = n < 0; n = Math.abs(Math.round(n)); return (neg ? '-' : '') + String(n).replace(/\B(?=(\d{3})+(?!\d))/g, ','); }
+  function w(n) {   // 万，<10 保留一位，<100 取整，≥100 取到 10
+    var v = n / 10000;
+    if (v < 10) return (Math.round(v * 10) / 10) + '';
+    if (v < 100) return Math.round(v) + '';
+    return Math.round(v / 10) * 10 + '';
   }
-  function seq() { return active(flow); }
+  function wr(lo, hi) { return w(lo) + '～' + w(hi) + ' 万'; }
+  function esc(s) { return String(s).replace(/[&<>"]/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c]; }); }
 
+  /* ================= 屏切换 ================= */
   function show(id) {
     [].forEach.call(document.querySelectorAll('.screen'), function (el) { el.classList.toggle('on', el.id === id); });
-    var bg = $('#bgStart');
-    bg.style.display = id === 'sQ' ? 'none' : '';
-    bg.style.height = id === 'sRes' ? '420px' : '';
+    $('#bgTop').style.display = id === 'sQ' ? 'none' : '';
     sc.scrollTop = 0;
   }
 
-  function priceOf(q, v) {
-    if (q.k === 'city') return '';
-    var s = {}; for (var k in st) s[k] = st[k]; s[q.k] = v;
-    if (q.k === 'first') {
-      if (!v) return '';
-      var s0 = {}; for (var k2 in s) s0[k2] = s[k2]; s0.first = 0;
-      var a = pick(s0, ['pgoods', 'goods']), b2 = pick(s, ['pgoods', 'goods']);
-      return '用品约省 ' + rng([a[0] - b2[0], a[1] - b2[1]]);
-    }
-    if (q.k === 'ins') { var r = reimb(s); return r[1] ? '预计能报 ' + rng(r) : '全自费'; }
-    var p = pick(s, q.ids);
-    if (!p[1]) return q.k === 'vac' ? '免费' : q.k === 'bx' ? '不花钱' : q.k === 'check' ? '不额外花钱' : '';
-    return (q.pl ? q.pl + ' ' : '约 ') + rng(p);
+  /* ================= 开始屏 ================= */
+  function renderStart() {
+    $('#routes').innerHTML = ROUTES.map(function (R, i) {
+      var t = calc(i, { city: 1, kid: 0 });
+      return '<button class="rt" data-r="' + i + '"' + (i === route ? ' aria-pressed="true"' : '') + '>' +
+        '<span class="top"><svg class="bd" viewBox="0 0 56 56"><use href="#' + R.badge + '" xlink:href="#' + R.badge + '"/></svg>' +
+        '<span class="nm"><b>' + R.who + ' · <i>' + R.how + '</i></b><small>' + R.line + '</small></span>' +
+        '<span class="ok"><svg class="ic"><use href="#i-check" xlink:href="#i-check"/></svg></span></span>' +
+        '<span class="tags">' + R.tags.map(function (x) { return '<span>' + x + '</span>'; }).join('') + '</span>' +
+        '<span class="est"><span>养到 18 岁大约</span><b class="num">' + w(t.lo) + '～' + w(t.hi) + '<em>万</em></b></span></button>';
+    }).join('');
+    markRoute();
+    $('#goLast').classList.toggle('on', hasBill);
   }
+  function markRoute() {
+    [].forEach.call(document.querySelectorAll('.rt'), function (b, i) { b.classList.toggle('on', i === route); });
+    var go = $('#goQ');
+    go.disabled = route < 0;
+    go.innerHTML = route < 0 ? '先选一条路线' : '就走「' + ROUTES[route].how + '」，答 6 个问题<svg class="ic"><use href="#i-right" xlink:href="#i-right"/></svg>';
+  }
+  $('#routes').addEventListener('click', function (e) {
+    var b = e.target.closest('.rt'); if (!b) return;
+    var r = +b.dataset.r;
+    if (r !== route) {   // 换路线：后 3 题回到新路线的默认
+      route = r; delete A.care; delete A.school; delete A.extra;
+    }
+    markRoute();
+  });
+  $('#goQ').addEventListener('click', function () { if (route < 0) return; cur = 0; renderQ(); });
+  $('#goLast').addEventListener('click', function () { renderRes(false); });
 
+  /* ================= 问题屏 ================= */
+  function val(k) { if (A[k] != null) return A[k]; var d = ROUTES[route].def; return d[k] != null ? d[k] : null; }
   function renderQ() {
-    var q = QK[cur], list = editing ? [cur] : seq(), idx = list.indexOf(cur);
-    // 分组进度：按当前流程里每组的题数
-    var html = '';
-    GROUPS.forEach(function (g, gi) {
-      var inG = list.filter(function (k) { return QK[k].g === gi; });
-      var done = inG.filter(function (k) { return list.indexOf(k) < idx; }).length;
-      var w = inG.length ? done / inG.length * 100 : 0;
-      html += '<div class="seg' + (QK[cur].g === gi ? ' cur' : '') + (inG.length ? '' : ' off') + '"><div class="tr"><i style="width:' + w + '%"></i></div><span class="gl">' + g + '</span></div>';
-    });
-    $('#gp').innerHTML = html;
-    $('#qn').innerHTML = editing ? '<b>修改这一项</b><span>· 改完回到结果</span>' :
-      '<span>第 <b class="num">' + (idx + 1) + '</b> / 共 ' + list.length + ' 题</span><span>· ' + GROUPS[q.g] + '</span>';
+    var q = QS[cur], R = ROUTES[route], v = val(q.k);
+    $('#rp').innerHTML = '<svg viewBox="0 0 56 56"><use href="#' + R.badge + '" xlink:href="#' + R.badge + '"/></svg>' + R.how;
+    $('#dots').innerHTML = QS.map(function (x, i) { return '<i class="' + (i < cur ? 'd' : i === cur ? 'c' : '') + '"></i>'; }).join('');
+    $('#qn').innerHTML = '第 <b class="num">' + (cur + 1) + '</b> / ' + QS.length + ' 题';
     $('#qh').textContent = q.h;
     $('#qs').textContent = q.s;
-    $('#opts').innerHTML = q.o.map(function (o, v) {
-      var p = priceOf(q, v), on = ans[q.k] && st[q.k] === v;
-      return '<button class="opt' + (on ? ' on' : '') + '" data-v="' + v + '"><span class="oi"><svg class="ic"><use href="#o-' + o[2] + '" xlink:href="#o-' + o[2] + '"/></svg></span>' +
-        '<span class="ox"><b>' + o[0] + (DEF[q.k] === v ? '<em>常见</em>' : '') + '</b><small>' + o[1] + '</small>' + (p ? '<span class="pp">' + p + '</span>' : '') + '</span><span class="rd"></span></button>';
+    var opts = $('#opts');
+    opts.className = 'opts' + (q.two ? ' two' : '');
+    opts.innerHTML = q.o.map(function (o, i) {
+      var p = '';
+      if (q.g) { var a2 = {}; for (var k in A) a2[k] = A[k]; a2[q.k] = i; p = q.pl + '约 ' + w(groupSum(route, a2, q.g)) + ' 万'; }
+      var isDef = ROUTES[route].def[q.k] === i;
+      return '<button class="opt' + (v === i ? ' on' : '') + '" data-v="' + i + '"><span class="oi"><svg class="ic"><use href="#o-' + o[2] + '" xlink:href="#o-' + o[2] + '"/></svg></span>' +
+        '<span class="ox"><b>' + o[0] + (isDef ? '<em>路线默认</em>' : '') + '</b><small>' + o[1] + '</small>' + (p ? '<span class="pp">' + p + '</span>' : '') + '</span><span class="rd"></span></button>';
     }).join('');
-    $('#prevT').textContent = editing ? '取消' : (idx > 0 ? '上一题' : '返回');
-    $('#skip').textContent = editing ? '按常见情况算' : '跳过，按常见情况算';
-    $('#qtip').textContent = editing ? '选完直接回到结果页' : q.k === 'city' ? '后面的金额都按这里选的城市估算' : '金额按你前面的选择估算，选完自动下一题';
+    $('#prevT').textContent = cur > 0 ? '上一题' : '换路线';
+    var keep = $('#keep');
+    keep.classList.toggle('on', v != null);
+    $('#keepT').textContent = cur === QS.length - 1 ? '就这样，出账单' : (A[q.k] == null && q.g ? '按路线默认，下一题' : '就这样，下一题');
+    $('#qtip').textContent = q.g ? '金额按你选的城市和路线估算，选完自动下一题' : '选完自动下一题';
     show('sQ');
   }
-
   function next() {
-    var list = editing ? [cur] : seq(), idx = list.indexOf(cur);
-    if (editing) {
-      // 改喂养：从母乳改成奶粉/混合，且没答过奶粉档次 → 顺带问一题
-      if (cur === 'feed' && st.feed > 0 && !ans.milk && mode === 'full') { cur = 'milk'; renderQ(); return; }
-      editing = false; finish(); return;
-    }
-    if (idx < list.length - 1) { cur = list[idx + 1]; renderQ(); }
-    else finish();
+    if (cur < QS.length - 1) { cur++; renderQ(); }
+    else { hasBill = true; newBill(); save(); renderRes(true); }
   }
-  function finish() { hasResult = true; save(); renderRes(true); show('sRes'); observe(); }
-
   $('#opts').addEventListener('click', function (e) {
     var b = e.target.closest('.opt'); if (!b || this.dataset.lock) return;
     [].forEach.call(this.children, function (x) { x.classList.toggle('on', x === b); });
-    st[cur] = +b.dataset.v; ans[cur] = 1;
+    A[QS[cur].k] = +b.dataset.v;
     this.dataset.lock = '1';
     var self = this;
-    setTimeout(function () { delete self.dataset.lock; next(); }, 240);
+    setTimeout(function () { delete self.dataset.lock; next(); }, 260);
   });
-  $('#skip').addEventListener('click', function () { st[cur] = DEF[cur]; delete ans[cur]; next(); });
+  $('#keep').addEventListener('click', function () { var q = QS[cur]; if (val(q.k) == null) return; A[q.k] = val(q.k); next(); });
   $('#prev').addEventListener('click', function () {
-    if (editing) { editing = false; renderRes(false); show('sRes'); observe(); return; }
-    var list = seq(), idx = list.indexOf(cur);
-    if (idx > 0) { cur = list[idx - 1]; renderQ(); }
-    else if (fromRes) { renderRes(false); show('sRes'); observe(); }
-    else { renderStart(); show('sStart'); }
-  });
-  function start(m) {
-    mode = m; editing = false; fromRes = false; stage = 3;
-    ans = {}; for (var k in DEF) st[k] = DEF[k];   // 重新估算：从常见情况起步
-    flow = m === 'quick' ? QUICK.slice() : QS.map(function (q) { return q.k; });
-    cur = seq()[0]; renderQ();
-  }
-  $('#goQuick').addEventListener('click', function () { start('quick'); });
-  $('#goFull').addEventListener('click', function () { start('full'); });
-  $('#goLast').addEventListener('click', function () { renderRes(true); show('sRes'); observe(); });
-  $('#redo').addEventListener('click', function () { renderStart(); show('sStart'); });
-  $('#more').addEventListener('click', function () {   // 快速估算后补全剩下的题
-    mode = 'full'; editing = false; fromRes = true;
-    flow = QS.map(function (q) { return q.k; }).filter(function (k) { return !ans[k]; });
-    if (!seq().length) return;
-    cur = seq()[0]; renderQ();
+    if (cur > 0) { cur--; renderQ(); } else { renderStart(); show('sStart'); }
   });
 
-  /* ================= 开始屏 ================= */
-  function renderStart() {
-    var n = QS.length;
-    $('#qCount').textContent = n;
-    $('#fullSub').textContent = '全部 ' + n + ' 题，每题可跳过';
-    $('#gg').innerHTML = GROUPS.map(function (g, i) {
-      var qs = QS.filter(function (q) { return q.g === i; });
-      var eg = ['医院、分娩、医保', '月子、奶粉、用品', '谁带、早教、疫苗'][i];
-      return '<div class="gc"><span class="no num">0' + (i + 1) + '</span><b>' + g + '</b><span>' + qs.length + ' 题 · ' + eg + '</span></div>';
-    }).join('');
-    // 一句话答案：用常见选择现算，县城到新一线
-    var lo = calc(withCity(3)).reduce(function (a, x) { return a + x.t[0]; }, 0);
-    var hi = calc(withCity(1)).reduce(function (a, x) { return a + x.t[1]; }, 0);
-    // 补一句：请月嫂 + 2 岁送托班（省会到一线）
-    var up = withCity(1); up.yz = 2; up.care = 1;
-    var lo2 = calc(up).reduce(function (a, x) { return a + x.t[0]; }, 0);
-    up.city = 0;
-    var hi2 = calc(up).reduce(function (a, x) { return a + x.t[1]; }, 0);
-    $('#ansTxt').innerHTML = '按常见选择，从怀孕到宝宝 3 岁，县城到省会大约花 <em>' + Math.round(lo / 10000) + '～' + Math.round(hi / 10000) + ' 万</em>；请月嫂、送托班会到 <em>' + Math.round(lo2 / 10000) + '～' + Math.round(hi2 / 10000) + ' 万</em>。';
-    $('#goLast').classList.toggle('on', hasResult);
+  /* ================= 结果屏：账单 ================= */
+  function pad(n) { return (n < 10 ? '0' : '') + n; }
+  function newBill() {
+    var d = new Date();
+    billAt = d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()) + ' ' + pad(d.getHours()) + ':' + pad(d.getMinutes());
+    var h = 7; (route + JSON.stringify(A) + d.getTime()).split('').forEach(function (c) { h = (h * 31 + c.charCodeAt(0)) % 100000; });
+    billNo = 'HF' + String(d.getFullYear()).slice(2) + pad(d.getMonth() + 1) + pad(d.getDate()) + '-' + ('0000' + h).slice(-5);
   }
-  function withCity(c) { var s = {}; for (var k in DEF) s[k] = DEF[k]; s.city = c; return s; }
-
-  /* ================= 结果屏 ================= */
-  var shown = [0, 0];   // 数字滚动的起点
-  function fmtBig(a) {
-    var w = a[1] >= 10000;
-    return '<span class="n">' + (w ? w1(a[0]) : yuan(a[0])) + '</span><span class="td">～</span><span class="n">' + (w ? w1(a[1]) : yuan(a[1])) + '</span><span class="u">' + (w ? '万元' : '元') + '</span>';
-  }
-  function countTo(to) {
-    var from = shown.slice(), t0 = 0, dur = 650, el = $('#totV');
-    var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;
-    shown = to.slice();
-    if (reduce || (from[0] === to[0] && from[1] === to[1])) { el.innerHTML = fmtBig(to); return; }
-    function step(ts) {
-      if (!t0) t0 = ts;
-      var p = Math.min(1, (ts - t0) / dur), e = 1 - Math.pow(1 - p, 3);
-      el.innerHTML = fmtBig([from[0] + (to[0] - from[0]) * e, from[1] + (to[1] - from[1]) * e]);
-      if (p < 1) requestAnimationFrame(step);
+  function barcode(seed) {   // 装饰条码
+    var x = 0, h = '', s = seed || 1;
+    while (x < 236) {
+      s = (s * 9301 + 49297) % 233280;
+      var bw = 1 + (s % 3), gap = 1 + ((s >> 3) % 3);
+      h += '<rect x="' + x + '" y="0" width="' + bw + '" height="40"/>';
+      x += bw + gap;
     }
-    requestAnimationFrame(step);
+    return '<svg class="bc" viewBox="0 0 236 40" preserveAspectRatio="none" fill="#2B2F36" aria-hidden="true">' + h + '</svg>';
   }
+  var NUMS = ['01', '02', '03', '04', '05', '06', '07', '08', '09'];
+  function renderRes(animate) {
+    var R = ROUTES[route], b = calc(route, A), s = b.s;
+    bill = b;
+    var sexW = A.sex === 1 ? '准爸爸' : '准妈妈';
+    $('#rRoute').textContent = R.who.replace('我是', '') + ' · ' + R.how;
+    $('#rMeta').textContent = CITY_S[s.city] + ' · ' + (s.kid ? '二胎' : '头胎');
+    $('#rTitle').innerHTML = '养到 18 岁，大约 <em>' + w(b.m) + ' 万</em>';
 
-  function renderRes(fromZero) {
-    var segs = calc(st), n = UPTO[stage];
-    var tot = segs.slice(0, n).reduce(function (a, x) { return add(a, x.t); }, [0, 0]);
-    var full = segs.reduce(function (a, x) { return add(a, x.t); }, [0, 0]);
+    var h = '<div class="rc-h"><div class="rc-logo"><svg class="ic"><use href="#i-leaf" xlink:href="#i-leaf"/></svg>兜爸心选 · 养娃账单</div>' +
+      '<div class="rc-sub">从怀孕一直算到 18 岁</div></div>' +
+      '<div class="rc-meta mono">' +
+      '<div><span>账单号</span><span>' + billNo + '</span></div>' +
+      '<div><span>日期</span><span>' + billAt + '</span></div>' +
+      '<div><span>路线</span><span>' + R.who + ' · ' + R.how + '</span></div>' +
+      '<div><span>家庭</span><span>' + CITY_S[s.city] + ' · ' + (s.kid ? '二胎' : '头胎') + ' · ' + sexW + '</span></div>' +
+      '<div><span>收银员</span><span>兜爸</span></div></div>' +
+      '<div class="hr s"></div>' +
+      '<div class="li mono" style="font-size:11.5px;color:#86909C"><span class="n">项目</span><span class="d" style="border:0"></span><span class="v">金额（元）</span></div>';
+    b.segs.forEach(function (sg, i) {
+      h += '<div class="hr"></div><div class="rc-sec"><div class="rc-st"><b><i class="mono">' + NUMS[i] + '</i>' + sg.t + '</b><span>' + sg.a + '</span></div>';
+      sg.it.forEach(function (x) {
+        h += '<div class="li' + (x.m < 0 ? ' neg' : '') + '"><span class="n">' + esc(x.n) + '</span><span class="d"></span><span class="v mono">' + money(x.m) + '</span></div>';
+      });
+      h += '<div class="sub"><span>小计</span><span class="v mono">' + money(sg.m) + '</span></div></div>';
+    });
+    h += '<div class="hr dbl"></div>' +
+      '<div class="rc-tot"><span>合计</span><b class="mono">¥' + money(b.m) + '</b></div>' +
+      '<div class="rc-rg">约 <em>' + w(b.m) + ' 万</em>，区间 ' + wr(b.lo, b.hi) + '</div>' +
+      '<div class="rc-nodes">' +
+      '<div><span>养到 1 岁累计</span><b class="mono">' + w(b.n1) + '万</b></div>' +
+      '<div><span>养到 2 岁累计</span><b class="mono">' + w(b.n2) + '万</b></div>' +
+      '<div><span>养到 3 岁累计</span><b class="mono">' + w(b.n3) + '万</b></div></div>' +
+      '<div class="rc-x">' +
+      '<div class="li"><span class="n">平均每月</span><span class="d"></span><span class="v mono">' + money(r100(b.m / MONTHS_18)) + '</span></div>' +
+      '<div class="li"><span class="n">如果还上大学（' + b.col.n + '）</span><span class="d"></span><span class="v mono">+' + wr(b.col.v[0], b.col.v[1]) + '</span></div>' +
+      '<div class="li" style="color:#B5BAC2"><span class="n">（大学不计入合计）</span><span class="d" style="border:0"></span><span class="v"></span></div>' +
+      '<div class="li warm"><span class="n">时间、心思和拥抱</span><span class="d"></span><span class="v">无法计价</span></div></div>' +
+      '<div class="hr"></div>' +
+      '<div class="rc-f"><b>谢谢惠顾</b>宝宝一经签收，不退不换<br>账单按行情中间值估算，仅供参考' + barcode(+billNo.slice(-5) || 7) + '<div class="rc-no mono">' + billNo + '</div></div>';
+    $('#paper').innerHTML = h;
 
-    // 顶部
-    var nAns = QS.filter(function (q) { return ans[q.k] && (!q.if || q.if(st)); }).length;
-    var nAct = active(QS.map(function (q) { return q.k; })).length;
-    $('#mode').textContent = nAns >= nAct ? '已按 ' + nAct + ' 项选择计算' : '答了 ' + nAns + ' 项，其余 ' + (nAct - nAns) + ' 项按常见';
-    $('#more').classList.toggle('on', nAns < nAct);
-    $('#moreT').innerHTML = '还有 <b>' + (nAct - nAns) + ' 项</b>按常见情况算，补全后更准';
-    [].forEach.call($('#tabs').querySelectorAll('button'), function (b, i) { b.classList.toggle('on', i === stage); });
-    $('#thumb').style.transform = 'translateX(' + (stage * 100) + '%)';
-
-    // 大数字 + 刻度条（以养到 3 岁的上限为满格）
-    $('#totL').textContent = TAB_L[stage] + '，自付合计约';
-    if (fromZero) shown = [0, 0];
-    countTo(tot);
-    var bar = $('#totBar');
-    bar.style.left = (tot[0] / full[1] * 100).toFixed(1) + '%';
-    bar.style.width = Math.max(2, (tot[1] - tot[0]) / full[1] * 100).toFixed(1) + '%';
-    $('#totMax').textContent = '养到 3 岁最多约 ' + wan(full[1]);
-    $('#totM').textContent = yuan(mid(tot) / MONTHS[stage]) + ' 元';
-    var r = reimb(st);
-    $('#rbL').textContent = st.ins === 2 ? '医保报销' : '已扣医保预计报销';
-    $('#totR').textContent = r[1] ? rng(r) : '按全自费';
-
-    // 环形图（当前阶段的构成）
-    var mids = segs.map(function (x) { return Math.max(0, mid(x.t)); });
-    var actSum = mids.slice(0, n).reduce(function (a, b) { return a + b; }, 0) || 1;
-    var R = 46, C = 2 * Math.PI * R, off = 0, big = 0, svg = '<circle cx="60" cy="60" r="' + R + '" fill="none" stroke="#fff" stroke-width="14"/>';
-    for (var i = 0; i < 6; i++) {
-      var f = i < n ? mids[i] / actSum : 0, len = Math.max(0, f * C - (f > 0.015 ? 2 : 0));
-      svg += '<circle cx="60" cy="60" r="' + R + '" fill="none" stroke="' + SHADES[i] + '" stroke-width="14" stroke-dasharray="' + len.toFixed(2) + ' ' + C.toFixed(2) + '" stroke-dashoffset="' + (-off).toFixed(2) + '" transform="rotate(-90 60 60)"/>';
-      off += f * C;
-      if (i < n && mids[i] > mids[big]) big = i;
-    }
-    svg += '<text x="60" y="47" text-anchor="middle" class="ct1">最花钱</text><text x="60" y="66" text-anchor="middle" class="ct2">' + STAGES[big] + '</text>' +
-      '<text x="60" y="82" text-anchor="middle" class="ct3 num">' + Math.round(mids[big] / actSum * 100) + '%</text>';
-    $('#ring').innerHTML = svg;
-    $('#lg').innerHTML = segs.map(function (x, i) {
-      var on = i < n;
-      return '<div' + (on ? '' : ' class="off"') + '><i style="background:' + (on ? SHADES[i] : '#E5E8EC') + '"></i><span>' + STAGES[i] + '</span><b class="num">' + (on ? Math.round(mids[i] / actSum * 100) + '%' : '未计入') + '</b></div>';
-    }).join('');
-
-    // 明细（折叠，保留展开状态）
-    var open = {};
-    [].forEach.call(document.querySelectorAll('#list details'), function (d, i) { if (d.open) open[i] = 1; });
-    $('#list').innerHTML = segs.map(function (x, i) {
-      var on = i < n;
-      return '<details' + (on ? '' : ' class="off"') + (open[i] ? ' open' : '') + '><summary><span class="dot" style="background:' + (on ? SHADES[i] : '#E5E8EC') + '"></span>' +
-        '<span class="nm">' + STAGES[i] + '</span><span class="rg">' + (on ? rng(x.t) : '未计入') + '</span>' +
-        '<svg class="ic ar"><use href="#i-down" xlink:href="#i-down"/></svg></summary><div class="ds">' +
-        x.it.map(function (y) {
-          var neg = y.v[1] < 0;
-          return '<div class="it' + (neg ? ' minus' : '') + '"><span>' + y.n + (neg ? '（预估）' : '') + '</span><b>' + (neg ? '−' + rng([-y.v[0], -y.v[1]]) : rng(y.v)) + '</b></div>';
-        }).join('') + '</div></details>';
-    }).join('');
-
-    // 你的选择（可点标签）
-    $('#mine').innerHTML = GROUPS.map(function (g, gi) {
-      var t = QS.filter(function (q) { return q.g === gi && (!q.if || q.if(st)); }).map(function (q) {
-        var df = !ans[q.k];
-        return '<button class="' + (df ? 'df' : '') + '" data-k="' + q.k + '">' + SHORT[q.k][st[q.k]] + (df ? '<i>常见</i>' : '') +
-          '<svg class="ic"><use href="#i-edit" xlink:href="#i-edit"/></svg></button>';
-      }).join('');
-      return '<div class="mg"><div class="mh">' + g + '</div><div class="tags">' + t + '</div></div>';
-    }).join('');
-
-    // 最花钱 + 能省
-    var items = [];
-    segs.slice(0, n).forEach(function (x) { x.it.forEach(function (y) { if (y.v[1] > 0) items.push(y); }); });
-    var agg = {};   // 同类项合并（如 3 年的奶粉）
-    items.forEach(function (y) { if (!agg[y.id]) agg[y.id] = { id: y.id, n: y.n, v: [0, 0] }; agg[y.id].v = add(agg[y.id].v, y.v); });
-    var ranked = Object.keys(agg).map(function (k) { return agg[k]; }).sort(function (a, b) { return mid(b.v) - mid(a.v); });
-    $('#bigT').innerHTML = '最花钱的是<em>' + STAGES[big] + '</em>，<span style="white-space:nowrap">约 ' + rng(segs[big].t) + '</span>';
-    var top = segs[big].it.filter(function (y) { return y.v[1] > 0; }).sort(function (a, b) { return mid(b.v) - mid(a.v); })[0];
-    $('#bigD').textContent = '其中「' + top.n + '」' + (segs[big].it.length > 1 ? '占大头，约 ' + rng(top.v) : '') + (segs[big].it.length > 1 ? '。' : '是主要开销。') ;
-    var tips = [], seen = {};
-    ranked.forEach(function (y) { var t = tipOf(y.id); if (t && !seen[t] && tips.length < 3) { seen[t] = 1; tips.push(t); } });
-    $('#save').innerHTML = tips.map(function (t) { return '<li>' + t + '</li>'; }).join('');
-
-    renderIns();
+    // 情感收尾
+    $('#momH').textContent = A.sex === 1 ? '你就要做爸爸了。' : '你就要做妈妈了。';
+    $('#momP').innerHTML = '你的妈妈在养你长大的路上，也花了这么多钱。放在今天，差不多也是这样一张 <em>' + w(b.m) + ' 万</em>的账单；' +
+      '还有数不清的时间和心思，<b>没有一项写在账单上</b>。';
+    renderMsg();
     renderTools();
+
+    [].forEach.call(document.querySelectorAll('#sRes .fu'), function (el) { el.classList.remove('in'); });
+    show('sRes');
+    printIn(animate);
   }
 
-  /* 能省的地方（每条 ≤30 字），按花钱最多的几类项目给 */
-  function tipOf(id) {
-    var s = st;
-    switch (id) {
-      case 'check': return s.hosp ? '常规产检在公立医院做，只把分娩放在想去的医院。' : '跟着医生的产检表走，不额外加做没必要的项目。';
-      case 'checkAdd': return '无创、四维听医生建议做，不必为安心把自费项都加上。';
-      case 'pgoods': return '孕妇装两三套换着穿，待产包照清单买，不多囤。';
-      case 'birth': return s.ins === 2 ? '不少地方灵活就业也能交医保报生育费用，早点去问。' : s.hosp ? '公立普通病房也安全，单间按需再升级。' : '提前问清医保能否直接结算，出院少垫钱。';
-      case 'yz': return ['月子餐自己做，产妇用品按需买不囤货。', '钟点工只请做饭时段，打扫家人分担。', '月嫂可只请前 2 周，之后家人接手。', '月子中心可只住 2 周，后面换月嫂或家人接手。'][s.yz];
-      case 'formula': return '奶粉先买小罐试，宝宝喝着合适再按需补，别囤货。';
-      case 'diaper': return '纸尿裤趁大促按需囤，小码别一次囤太多。';
-      case 'goods': return s.first ? '老大的衣物推车先翻出来，缺什么再补。' : '大件能借就借，衣服各尺码几套够换洗就行。';
-      case 'vac': return '自费疫苗按医生建议排先后，不必一次全打。';
-      case 'bx': return '先配医疗险和意外险，重疾险保额够用就行。';
-      case 'edu': return '早教班不用早报，绘本玩具可以借阅轮换。';
-      case 'care': return ['给老人的补贴量力而行，换来的是安心。', '优先申请普惠托班，通常比私立便宜不少。', '老人能搭把手的话，育儿嫂可只请白天或半天。', '可以先上半日托，或等 2 岁后再上全日托。'][s.care];
-      case 'food': return '辅食自己做，少买小包装零食。';
-      case 'med': return '出生后尽快给宝宝办少儿医保，看病能报一部分。';
-    }
-    return '';
+  /* 打印动画：纸从打印口往下吐出来（容器高度 0→H，同时纸 translateY(-H)→0） */
+  var printT;
+  function printIn(animate) {
+    var feed = $('#feed'), paper = $('#paper'), pr = $('#printer');
+    clearTimeout(printT);
+    feed.style.transition = paper.style.transition = 'none';
+    feed.style.height = ''; paper.style.transform = '';
+    if (!animate || reduce) { pr.classList.remove('busy'); observe(); return; }
+    var H = feed.offsetHeight, P = paper.offsetHeight;
+    var dur = Math.min(4200, 1600 + P * 0.6);
+    feed.style.height = '0px'; paper.style.transform = 'translateY(' + (-P) + 'px)';
+    void feed.offsetHeight;
+    var ease = 'cubic-bezier(.4,.05,.3,1)';
+    feed.style.transition = 'height ' + dur + 'ms ' + ease;
+    paper.style.transition = 'transform ' + dur + 'ms ' + ease;
+    feed.style.height = H + 'px'; paper.style.transform = 'translateY(0)';
+    pr.classList.add('busy');
+    printT = setTimeout(function () {
+      feed.style.transition = paper.style.transition = 'none';
+      feed.style.height = ''; paper.style.transform = '';
+      pr.classList.remove('busy');
+      observe();
+    }, dur + 60);
   }
 
-  function renderIns() {
-    var c = st.city, r = reimb(st), rs = r[1] ? rng(r) : '';
-    var T = ['职工生育保险：能报还能领津贴', '城乡居民医保：分娩能报一部分', '还没有医保：先按全自费算'];
-    var D = [
-      '产检、分娩按当地标准报销，上面已扣掉约 ' + rs + '。产假期间还能领生育津贴。',
-      '住院分娩按居民医保报销或定额补助，上面已扣掉约 ' + rs + '；没有生育津贴。',
-      '灵活就业可以按当地规定参加医保，交费满一定时间才能报生育费用，越早问越好。'
+  /* ================= 给妈妈的话 ================= */
+  function msgs() {
+    var who = A.sex === 1 ? '爸爸' : '妈妈';
+    return [
+      '妈，我今天算了算养一个孩子要花多少钱，才知道你当年有多不容易。辛苦了。',
+      '妈，我也快当' + who + '了。以前没好好说过，这些年辛苦你了，谢谢你把我养这么大。',
+      '妈，钱能算出来，你给我的时间和心思算不出来。辛苦了，周末回家吃饭。'
     ];
-    $('#insT').textContent = T[st.ins];
-    $('#insD').textContent = D[st.ins];
-    var f = $('#insF');
-    f.style.display = st.ins === 0 ? '' : 'none';
-    f.textContent = '生育津贴 = 单位上年度职工月平均工资 ÷ 30 × 产假天数';
-    var w = COST.wage[c], jt = [w[0] / 30 * 158, w[1] / 30 * 158];
-    var bm = '';
-    if (st.ins === 0) bm += '<div><span>生育津贴（粗算）</span><b class="num">' + rng(jt) + '</b><small>按 158 天产假、当地平均工资</small></div>';
-    bm += '<div><span>国家育儿补贴</span><b class="num">1.08万</b><small>3 岁前每年 3600 元</small></div>';
-    if (st.ins !== 0) bm += '<div><span>少儿医保</span><b class="num">出生就办</b><small>宝宝看病住院能报一部分</small></div>';
-    $('#bm').innerHTML = bm;
   }
+  function renderMsg() {
+    var L = msgs();
+    msgI = msgI % L.length;
+    $('#msgQ').textContent = L[msgI];
+    $('#msgDt').innerHTML = L.map(function (x, i) { return '<i class="' + (i === msgI ? 'on' : '') + '"></i>'; }).join('');
+  }
+  $('#msgSw').addEventListener('click', function () { msgI++; renderMsg(); save(); });
 
+  var tt;
+  function toast(msg) {
+    var el = $('#toast'); el.textContent = msg; el.classList.add('on');
+    clearTimeout(tt); tt = setTimeout(function () { el.classList.remove('on'); }, 2400);
+  }
+  function copy(text) {
+    function legacy() { return new Promise(function (ok, no) {
+      var ta = document.createElement('textarea');
+      ta.value = text; ta.setAttribute('readonly', ''); ta.style.cssText = 'position:fixed;top:-999px;opacity:0';
+      document.body.appendChild(ta); ta.select();
+      var r = false; try { r = document.execCommand('copy'); } catch (e) {}
+      document.body.removeChild(ta);
+      r ? ok() : no();
+    }); }
+    if (navigator.clipboard && window.isSecureContext) return navigator.clipboard.writeText(text).catch(legacy);
+    return legacy();
+  }
+  $('#copyBtn').addEventListener('click', function () {
+    copy(msgs()[msgI]).then(function () { toast('已复制，去微信发给妈妈吧'); }, function () { toast('复制没成功，点「生成卡片」发图给她也很好'); });
+  });
+
+  /* ================= 生成卡片：canvas → <img> 长按保存 ================= */
+  var FONT = '-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif';
+  var MONO = '"SF Mono",Menlo,Consolas,"Roboto Mono","Courier New",monospace';
+  function rr(c, x, y, w2, h2, r) {
+    c.beginPath(); c.moveTo(x + r, y); c.arcTo(x + w2, y, x + w2, y + h2, r); c.arcTo(x + w2, y + h2, x, y + h2, r);
+    c.arcTo(x, y + h2, x, y, r); c.arcTo(x, y, x + w2, y, r); c.closePath();
+  }
+  function wrap(c, text, maxW) {
+    var lines = [], line = '';
+    text.split('').forEach(function (ch) {
+      if (c.measureText(line + ch).width > maxW && line) { lines.push(line); line = ch; } else line += ch;
+    });
+    if (line) lines.push(line);
+    // 行首不放标点
+    for (var i = 1; i < lines.length; i++) if (/^[，。、；：！？]/.test(lines[i])) { lines[i - 1] += lines[i][0]; lines[i] = lines[i].slice(1); }
+    return lines.filter(function (l) { return l; });
+  }
+  function drawCard() {
+    var b = bill, R = ROUTES[route], W = 750, H = 1240;
+    var cv = document.createElement('canvas'); cv.width = W; cv.height = H;
+    var c = cv.getContext('2d');
+    var g = c.createLinearGradient(0, 0, 0, H);
+    g.addColorStop(0, '#FFF3E6'); g.addColorStop(.5, '#FFFBF6'); g.addColorStop(1, '#EAF7F0');
+    c.fillStyle = g; c.fillRect(0, 0, W, H);
+    c.fillStyle = 'rgba(255,255,255,.6)'; c.beginPath(); c.arc(660, 70, 200, 0, 7); c.fill();
+    c.fillStyle = 'rgba(24,160,88,.06)'; c.beginPath(); c.arc(40, 1120, 170, 0, 7); c.fill();
+    c.textAlign = 'center'; c.textBaseline = 'alphabetic';
+    /* 顶部胶囊 */
+    c.font = '700 24px ' + FONT;
+    var lb = '兜爸心选 · 养娃账单', lw = c.measureText(lb).width + 48;
+    c.fillStyle = '#fff'; rr(c, (W - lw) / 2, 54, lw, 48, 24); c.fill();
+    c.fillStyle = '#18A058'; c.fillText(lb, W / 2, 86);
+    /* 标题 */
+    c.fillStyle = '#1F2329'; c.font = '800 54px ' + FONT;
+    c.fillText(A.sex === 1 ? '你就要做爸爸了。' : '你就要做妈妈了。', W / 2, 190);
+    c.fillStyle = '#86909C'; c.font = '400 25px ' + FONT;
+    c.fillText(R.who + ' · ' + R.how + ' · ' + CITY_S[b.s.city], W / 2, 238);
+    /* 小票 */
+    var px = 110, py = 286, pw = W - 220, ph = 400;
+    c.save(); c.shadowColor = 'rgba(120,80,40,.14)'; c.shadowBlur = 30; c.shadowOffsetY = 10;
+    c.fillStyle = '#fff'; c.beginPath(); c.moveTo(px, py); c.lineTo(px + pw, py); c.lineTo(px + pw, py + ph);
+    var tw = 20, n = Math.floor(pw / tw);
+    for (var i = 0; i < n; i++) { var x0 = px + pw - i * (pw / n); c.lineTo(x0 - pw / n / 2, py + ph + 12); c.lineTo(x0 - pw / n, py + ph); }
+    c.closePath(); c.fill(); c.restore();
+    c.fillStyle = '#86909C'; c.font = '500 23px ' + FONT; c.fillText('养一个孩子到 18 岁 · 合计', W / 2, py + 62);
+    c.fillStyle = '#18A058'; c.font = '800 66px ' + MONO; c.fillText('¥' + money(b.m), W / 2, py + 142);
+    c.fillStyle = '#4E5969'; c.font = '400 23px ' + FONT; c.fillText('约 ' + w(b.m) + ' 万 · 区间 ' + wr(b.lo, b.hi), W / 2, py + 186);
+    c.strokeStyle = '#C9CED4'; c.lineWidth = 2; c.setLineDash([8, 7]);
+    c.beginPath(); c.moveTo(px + 30, py + 220); c.lineTo(px + pw - 30, py + 220); c.stroke();
+    var cols = [[' 1 岁', b.n1], [' 2 岁', b.n2], [' 3 岁', b.n3]], cw = (pw - 60) / 3;
+    cols.forEach(function (x, k) {
+      var cx = px + 30 + cw * k + cw / 2;
+      c.fillStyle = '#86909C'; c.font = '400 21px ' + FONT; c.fillText('养到' + x[0], cx, py + 264);
+      c.fillStyle = '#1F2329'; c.font = '800 32px ' + MONO; c.fillText(w(x[1]) + '万', cx, py + 306);
+    });
+    c.beginPath(); c.moveTo(px + 30, py + 336); c.lineTo(px + pw - 30, py + 336); c.stroke(); c.setLineDash([]);
+    c.textAlign = 'left'; c.fillStyle = '#B4733A'; c.font = '700 23px ' + FONT; c.fillText('时间、心思和拥抱', px + 30, py + 376);
+    c.textAlign = 'right'; c.fillText('无法计价', px + pw - 30, py + 376);
+    c.textAlign = 'center';
+    /* 正文 */
+    c.fillStyle = '#5B5249'; c.font = '400 28px ' + FONT;
+    c.fillText('你的妈妈养你长大，', W / 2, 778);
+    c.fillText('也付过这样一张账单。', W / 2, 822);
+    c.font = '800 60px ' + FONT;
+    var say = '妈，辛苦了。', sw = c.measureText(say).width;
+    c.fillStyle = 'rgba(244,190,130,.45)'; c.fillRect((W - sw) / 2 - 6, 896, sw + 12, 24);
+    c.fillStyle = '#1F2329'; c.fillText(say, W / 2, 914);
+    c.fillStyle = '#4E5969'; c.font = '400 26px ' + FONT;
+    var ls = wrap(c, '「' + msgs()[msgI] + '」', W - 170);
+    ls.slice(0, 3).forEach(function (l, k) { c.fillText(l, W / 2, 990 + k * 42); });
+    /* 落款 */
+    c.strokeStyle = 'rgba(24,160,88,.25)'; c.lineWidth = 2;
+    c.beginPath(); c.moveTo(W / 2 - 150, 1142); c.lineTo(W / 2 + 150, 1142); c.stroke();
+    c.fillStyle = '#18A058'; c.font = '700 25px ' + FONT; c.fillText('兜爸心选', W / 2, 1184);
+    c.fillStyle = '#86909C'; c.font = '400 20px ' + FONT; c.fillText('孕期专题 · 生娃计算器 · 估算仅供参考', W / 2, 1216);
+    return cv.toDataURL('image/png');
+  }
+  var isWx = /MicroMessenger/i.test(navigator.userAgent);
+  $('#cardBtn').addEventListener('click', function () {
+    if (!bill) return;
+    try {
+      var url = drawCard();
+      $('#maskImg').src = url;
+      var dl = $('#dlBtn'); dl.href = url; dl.hidden = isWx;
+      $('#mask').classList.add('on');
+    } catch (e) { toast('生成失败，截个图保存也可以'); }
+  });
+  $('#maskClose').addEventListener('click', function () { $('#mask').classList.remove('on'); });
+  $('#mask').addEventListener('click', function (e) { if (e.target === this) this.classList.remove('on'); });
+
+  /* ================= 推荐工具 ================= */
   function renderTools() {
     if (!window.TopicTools) return;
-    var list = [
-      { id: 'daichanqingdan', why: '列清单按需买，避免重复花钱', tag: '省钱' },
-      { id: 'chanjianrili', why: '产检时间项目排好，自费项心里有数' },
-      { id: 'bushui', why: '按需补，不跟风乱买补剂' }
-    ];
-    if (st.feed === 0) list.push({ id: 'yunqinengbuchi', why: '备母乳从孕期吃对开始，不乱买补品' });
+    var why = [
+      ['好东西也要买在点上，列清单不重复买', '私立、特需的自费项先排进日历，心里有数', '补剂按需补，贵的不一定是对的'],
+      ['月嫂、待产包要准备的，一张清单理清', '产检时间和自费项目提前排好', '按需补，不跟风买补剂'],
+      ['列清单按需买，能借能复用的先划掉', '跟着产检表走，不额外加做没必要的项目', '补剂按需补，不乱花冤枉钱']
+    ][route];
     var el = $('#tools');
     el.className = 'fu' + (el.classList.contains('in') ? ' in' : '');
-    TopicTools.render(el, list, { title: '帮你少花冤枉钱', color: '#18A058', bg: '#EAF7F0', wk: 0 });
+    TopicTools.render(el, [
+      { id: 'daichanqingdan', why: why[0], tag: route === 2 ? '省钱' : '' },
+      { id: 'chanjianrili', why: why[1] },
+      { id: 'bushui', why: why[2] }
+    ], { title: route === 0 ? '钱花在刀刃上' : '帮你少花冤枉钱', color: '#18A058', bg: '#EAF7F0', wk: 0 });
   }
 
-  $('#tabs').addEventListener('click', function (e) {
-    var b = e.target.closest('button'); if (!b) return;
-    stage = +b.dataset.s; save(); renderRes(false);
-  });
-  $('#mine').addEventListener('click', function (e) {
-    var b = e.target.closest('button'); if (!b) return;
-    cur = b.dataset.k; editing = true; renderQ();
-  });
-
-  /* 进场：结果屏各节 fade-up，60ms 错开 */
+  /* 进场：账单后的各块 fade-up */
   var io = 'IntersectionObserver' in window ? new IntersectionObserver(function (es) {
     es.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });
   }, { root: sc, threshold: .06 }) : null;
   function observe() {
     [].forEach.call(document.querySelectorAll('#sRes .fu'), function (el, i) {
-      el.style.transitionDelay = (i % 4) * 60 + 'ms';
+      el.style.transitionDelay = (i % 3) * 80 + 'ms';
       if (io) io.observe(el); else el.classList.add('in');
     });
   }
 
+  $('#reRoute').addEventListener('click', function () { renderStart(); show('sStart'); });
+  $('#reAns').addEventListener('click', function () { cur = 0; renderQ(); });
+
   /* ================= 存取 ================= */
   function save() {
-    try {
-      var o = { v: {}, ans: Object.keys(ans), stage: stage, done: hasResult };
-      QS.forEach(function (q) { o.v[q.k] = st[q.k]; });
-      localStorage.setItem(KEY, JSON.stringify(o));
-    } catch (e) {}
+    try { localStorage.setItem(KEY, JSON.stringify({ route: route, a: A, done: hasBill, no: billNo, at: billAt, msg: msgI })); } catch (e) {}
   }
-  function valid(k, v) { return typeof v === 'number' && v >= 0 && v < QK[k].o.length; }
   function load() {
     try {
       var o = JSON.parse(localStorage.getItem(KEY) || 'null');
-      if (o && o.v) {
-        QS.forEach(function (q) { if (valid(q.k, o.v[q.k])) st[q.k] = o.v[q.k]; });
-        (o.ans || []).forEach(function (k) { if (QK[k]) ans[k] = 1; });
-        if (o.stage >= 0 && o.stage < 4) stage = o.stage;
-        return !!o.done;
-      }
-      // 兼容 v2：city/hosp/way/feed 原样；月子 0/1/2 → 0/2/3；带娃 0/1/2 → 0/2/3；花钱风格拆到用品、纸尿裤、早教
-      var p = JSON.parse(localStorage.getItem(KEY2) || 'null'); if (!p) return false;
-      var m = { city: p.city, hosp: p.hosp, way: p.way, feed: p.feed, yz: [0, 2, 3][p.yz], care: [0, 2, 3][p.care] };
-      if (p.style >= 0 && p.style < 3) { m.gear = p.style; m.diaper = p.style; m.edu = [0, 0, 2][p.style]; }
-      var n = 0;
-      for (var k in m) if (valid(k, m[k])) { st[k] = m[k]; ans[k] = 1; n++; }
-      if (p.stage >= 0 && p.stage < 4) stage = p.stage;
-      return n >= 5;
+      if (!o || !(o.route >= 0 && o.route < ROUTES.length)) return false;
+      route = o.route;
+      QS.forEach(function (q) { var v = o.a && o.a[q.k]; if (typeof v === 'number' && v >= 0 && v < q.o.length) A[q.k] = v; });
+      msgI = +o.msg || 0;
+      billNo = o.no || ''; billAt = o.at || '';
+      var all = QS.every(function (q) { return A[q.k] != null; });
+      if (all && !billNo) newBill();
+      return !!o.done && all;
     } catch (e) { return false; }
   }
 
-  hasResult = load();
+  hasBill = load();
   renderStart();
-  if (hasResult) { renderRes(true); show('sRes'); observe(); } else show('sStart');
+  if (hasBill) renderRes(false); else show('sStart');
 
   /* 返回：从首页点进来就 back；直接打开（分享 / 刷新）就回同目录的首页，身份原样带回 */
   $('#back').addEventListener('click', function () {