/* 数乘 H5 · 品牌青绿（沿用旧版观感） */
:root{
  --brand:#0E7C6B; --brand-deep:#0A4E47; --ink:#16232A; --muted:#7C8B90;
  --line:#E2E9E6; --paper:#F1F5F4; --price:#CC4E12; --chip:#E7F2EF;
  --red:#CC4E12; --amber:#E6A817; --green:#00916E;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--paper);color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.6;font-size:15px;}
.wrap{max-width:560px;margin:0 auto;min-height:100vh;background:var(--paper);}
.pad{padding:16px;}
.hero{background:linear-gradient(135deg,#0F8271,#0A4E47);color:#fff;padding:40px 22px 32px;}
.hero h1{font-size:26px;font-weight:800;line-height:1.25;}
.hero p{opacity:.92;margin-top:12px;font-size:14px;}
.card{background:#fff;border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:0 2px 12px rgba(10,50,44,.05);}
.card h3{font-size:16px;margin-bottom:8px;}
.muted{color:var(--muted);font-size:13px;}
.price{color:var(--price);font-weight:800;}
.strike{color:var(--muted);text-decoration:line-through;font-size:13px;margin-left:6px;}
.btn{display:block;width:100%;background:var(--brand);color:#fff;border:none;border-radius:26px;
  padding:14px;font-size:16px;font-weight:600;text-align:center;cursor:pointer;}
.btn:disabled{opacity:.5;}
.btn.plain{background:#fff;color:var(--brand);border:1.5px solid var(--brand);}
.btn.lg{padding:16px;font-size:17px;}
a.btn{text-decoration:none;}
.q{margin-bottom:22px;}
.q .qt{font-weight:700;font-size:16px;}
.q .qs{color:var(--muted);font-size:12.5px;margin:4px 0 12px;}
.opt{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;font-size:14px;cursor:pointer;transition:.15s;}
.opt.on{border-color:var(--brand);background:var(--chip);color:var(--brand-deep);font-weight:600;}
.lights{display:flex;gap:10px;margin:14px 0;}
.light{flex:1;text-align:center;background:var(--paper);border-radius:12px;padding:14px 6px;}
.light .dot{width:26px;height:26px;border-radius:50%;margin:0 auto 8px;}
.dot.red{background:var(--red);} .dot.amber{background:var(--amber);} .dot.green{background:var(--green);}
.light .nm{font-size:13px;font-weight:600;}
.light .st{font-size:11px;color:var(--muted);}
.score{font-size:44px;font-weight:800;color:var(--brand);}
.teaser{background:var(--chip);border-radius:12px;padding:14px;margin:14px 0;font-size:13.5px;color:var(--brand-deep);}
.blur{filter:blur(5px);user-select:none;}
.field{margin-bottom:14px;}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;}
.field input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px;font-size:15px;}
.disc{font-size:11.5px;color:var(--muted);margin-top:16px;line-height:1.7;}
.loading{text-align:center;padding:60px 0;color:var(--muted);}
.opp{border-left:3px solid var(--brand);padding-left:14px;margin-bottom:16px;}
.opp .tag{font-weight:700;color:var(--brand-deep);}
.opp .row{font-size:13.5px;margin-top:4px;}
.opp .row b{color:var(--muted);font-weight:400;}
.hidden{display:none;}
.cite{padding:8px 0;border-bottom:1px solid var(--line);}
.cite:last-child{border-bottom:none;}
.cite a{color:var(--brand);font-size:13px;line-height:1.5;text-decoration:none;border-bottom:1px solid var(--chip);}

/* ===== 首页落地页（差异化入口，美观） ===== */
.home{padding-bottom:28px;}
.topbar{display:flex;align-items:center;gap:8px;padding:16px 18px 0;}
.logo{font-weight:800;font-size:18px;color:#fff;letter-spacing:.5px;}
.logo .dot{color:#7FE3CF;}
.hero2{position:relative;background:linear-gradient(150deg,#0F8271 0%,#0A4E47 100%);color:#fff;
  padding:26px 22px 92px;overflow:hidden;}
.hero2::after{content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;
  background-image:radial-gradient(#fff 1px,transparent 1.4px);background-size:18px 18px;}
.hero2 .eyebrow{font-size:12px;letter-spacing:.2em;opacity:.85;position:relative;}
.hero2 h1{font-size:30px;font-weight:850;line-height:1.22;margin-top:10px;position:relative;text-wrap:balance;}
.hero2 h1 em{font-style:normal;color:#8FF0DC;}
.hero2 .lede{opacity:.92;margin-top:12px;font-size:14px;position:relative;max-width:22em;}
.lightstrip{display:flex;gap:8px;margin-top:18px;position:relative;}
.lightstrip .lc{flex:1;background:rgba(255,255,255,.14);border-radius:12px;padding:10px 6px;text-align:center;backdrop-filter:blur(2px);}
.lightstrip .lc .d{width:16px;height:16px;border-radius:50%;margin:0 auto 6px;}
.lightstrip .lc small{font-size:11px;opacity:.9;}

/* 主入口：免费速测（浮起在 hero 上） */
.primary{margin:-72px 16px 18px;position:relative;z-index:2;background:#fff;border-radius:20px;
  padding:22px;box-shadow:0 12px 34px rgba(10,50,44,.16);}
.primary .pk{display:inline-block;background:#E2F3EC;color:var(--green);font-size:12px;font-weight:700;
  padding:3px 12px;border-radius:20px;}
.primary h2{font-size:21px;margin:12px 0 6px;font-weight:800;}
.primary .flow{margin:14px 0 18px;}

/* 流程步骤条 */
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--muted);}
.flow .s{background:var(--paper);border-radius:8px;padding:5px 10px;color:var(--ink);white-space:nowrap;}
.flow .s.hl{background:var(--chip);color:var(--brand-deep);font-weight:600;}
.flow .ar{color:var(--brand);opacity:.6;}

/* 产品入口卡（差异化） */
.entries{padding:0 16px;}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;margin:22px 4px 12px;}
.sec-h b{font-size:17px;} .sec-h span{font-size:12px;color:var(--muted);}
.entry{position:relative;background:#fff;border-radius:18px;padding:18px 18px 18px 20px;margin-bottom:14px;
  box-shadow:0 3px 14px rgba(10,50,44,.06);border-left:5px solid var(--brand);overflow:hidden;}
.entry.e-hot{border-left-color:var(--price);}
.entry.e-pro{border-left-color:#3B5BA5;}
.entry.e-free{border-left-color:var(--green);}
.entry .ribbon{position:absolute;top:12px;right:-30px;transform:rotate(38deg);background:var(--price);color:#fff;
  font-size:11px;font-weight:700;padding:3px 34px;}
.entry .ehead{display:flex;align-items:center;gap:10px;}
.entry .ico{width:40px;height:40px;border-radius:11px;background:var(--chip);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;}
.entry.e-hot .ico{background:#FBEEE7;} .entry.e-pro .ico{background:#E9EDF7;} .entry.e-free .ico{background:#E2F3EC;}
.entry .etitle{font-size:17px;font-weight:800;line-height:1.25;}
.entry .esub{color:var(--muted);font-size:12.5px;margin-top:6px;line-height:1.5;}
.entry .emid{display:flex;align-items:flex-end;justify-content:space-between;margin:14px 0 12px;}
.entry .pbig{font-size:26px;font-weight:850;color:var(--price);}
.entry.e-free .pbig,.entry .pfree{color:var(--green);font-size:22px;font-weight:800;}
.entry .pnote{font-size:11px;color:var(--muted);margin-left:6px;}
.entry .ebtn{background:var(--brand);color:#fff;border-radius:22px;padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;}
.entry.e-hot .ebtn{background:var(--price);}
.entry.e-pro .ebtn{background:#3B5BA5;}
.entry.e-free .ebtn{background:var(--green);}

/* 更多服务 → 小程序 */
.more{margin:8px 16px 0;background:#fff;border-radius:18px;padding:20px;box-shadow:0 3px 14px rgba(10,50,44,.06);}
.more h3{font-size:16px;}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px;}
.chips .c{background:var(--paper);border-radius:20px;padding:7px 14px;font-size:12.5px;color:var(--ink);cursor:pointer;transition:.12s;}
.chips .c:active{transform:scale(.96);background:var(--chip);}
.mini-cta{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0F8271,#0A4E47);border-radius:14px;padding:14px 16px;color:#fff;}
.mini-cta .qr{width:52px;height:52px;border-radius:10px;background:#fff;flex:none;position:relative;}
.mini-cta .qr::before{content:"⊞";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--brand-deep);font-size:30px;}
.mini-cta{cursor:pointer;transition:transform .12s;}
.mini-cta:active{transform:scale(.99);}
.mini-cta .mt{flex:1;} .mini-cta .mt b{font-size:14px;} .mini-cta .mt small{opacity:.9;font-size:11.5px;display:block;margin-top:2px;}
.mini-cta .mc-go{font-size:24px;line-height:1;opacity:.85;flex:none;margin-left:4px;}

/* ===== 差异化测算流程（quiz.html） ===== */
/* 顶部步骤指示 */
.steps{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin:2px 0 16px;flex-wrap:wrap;}
.steps .st{background:#fff;border-radius:8px;padding:5px 11px;border:1px solid var(--line);white-space:nowrap;}
.steps .st.on{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600;}
.steps .st.done{background:var(--chip);color:var(--brand-deep);border-color:var(--chip);}
.steps .sar{color:var(--brand);opacity:.5;}
/* 表单分区标题 */
.sect{display:flex;align-items:center;gap:8px;margin:20px 2px 12px;}
.sect .n{width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;}
.sect b{font-size:15px;}
.sect small{color:var(--muted);font-size:12px;margin-left:auto;}
/* 下拉选择（表单流程） */
.field select{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px;font-size:15px;background:#fff;color:var(--ink);appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' stroke='%237C8B90' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center;}
.field select:focus{border-color:var(--brand);outline:none;}
/* 小号选项（精简/表单内选择题） */
.optrow{display:flex;flex-wrap:wrap;gap:8px;}
.optrow .opt{margin-bottom:0;flex:1 1 calc(50% - 8px);text-align:center;padding:11px 8px;}
/* 价格条（付款前确认） */
.paybar{display:flex;align-items:baseline;gap:8px;margin-bottom:14px;}
.paybar .p{font-size:26px;font-weight:850;color:var(--price);}
.paybar .old{color:var(--muted);text-decoration:line-through;font-size:13px;}
.paybar .free{font-size:22px;font-weight:800;color:var(--green);}
.paybar .note{font-size:12px;color:var(--muted);margin-left:auto;}
/* 受理成功页 */
.succ{text-align:center;padding:8px 4px 4px;}
.succ .ok{width:66px;height:66px;border-radius:50%;background:var(--chip);color:var(--green);font-size:34px;
  display:flex;align-items:center;justify-content:center;margin:6px auto 16px;}
.succ h2{font-size:20px;font-weight:800;margin-bottom:6px;}
.succ .sla{display:inline-block;background:var(--chip);color:var(--brand-deep);font-weight:700;
  border-radius:20px;padding:5px 16px;font-size:13px;margin:10px 0;}
.timeline{text-align:left;margin:18px 0 6px;}
.timeline .ti{display:flex;gap:10px;padding:9px 0;font-size:13.5px;}
.timeline .ti .d{width:12px;height:12px;border-radius:50%;background:var(--line);flex:none;margin-top:4px;position:relative;}
.timeline .ti.cur .d{background:var(--brand);box-shadow:0 0 0 4px var(--chip);}
.timeline .ti b{font-weight:600;} .timeline .ti span{color:var(--muted);display:block;font-size:12px;margin-top:1px;}
.ordno{font-size:12px;color:var(--muted);margin-top:14px;}