:root{color-scheme:light}
/* hellomy 版 ChatGPT 商品页原型（仅设计稿用） */
body.hm{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0}
.hm *{box-sizing:border-box}
.pw{width:min(1216px,100% - 64px);margin-inline:auto}
.num{font-family:var(--font-round);font-weight:900}
.annc{background:#201c30;color:#fff;font-size:12px;font-weight:600}
.annc .pw{display:flex;justify-content:center;gap:28px;height:34px;align-items:center}
.annc i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ade80;margin:0 5px 1px 0}
.annc .sep{opacity:.35}
.crumb{font-size:13px;font-weight:700;color:var(--muted-foreground);margin:34px 0 22px;display:flex;gap:10px}
.crumb b{color:var(--foreground)}
.ptitle{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}
.ptitle h1{font-family:var(--font-round);font-size:48px;line-height:1;font-weight:900;margin:0 0 14px;letter-spacing:-.5px}
.ptitle p{margin:0;color:var(--muted-foreground);font-size:15px}
.stat{border-left:2px solid var(--border);padding-left:24px;min-width:150px}
.stat small{display:block;font-size:12px;color:var(--muted-foreground);font-weight:700;margin-bottom:6px}
.stat b{font-family:var(--font-round);font-size:26px;font-weight:900}
.stat em{font-style:normal;font-size:12px;color:var(--muted-foreground);margin-left:4px}
.buy{display:grid;grid-template-columns:62fr 38fr;background:#fff;border:2px solid var(--border);border-radius:32px;overflow:hidden}
.buy-l{padding:28px 30px 22px}
.buy-r{background:#fdf6ec;border-left:2px solid var(--border);padding:28px 24px}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.eyebrow{font-size:12px;font-weight:800;color:var(--muted-foreground)}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;border-radius:999px;padding:4px 10px}
.pill.ok{background:#edf7f1;color:#1d7a4a}.pill.ok:before{content:"";width:6px;height:6px;border-radius:50%;background:#1d7a4a}
.pill.butter{background:#fff0c2;color:#201c30}
.pill.warn{background:#fff0c2;color:#a35a00}
.prod{display:flex;gap:16px;align-items:center;margin:22px 0 24px}
.plogo{width:52px;height:52px;border-radius:14px;background:#d8f3e5;display:grid;place-items:center;flex:none}
.plogo svg{width:28px;height:28px;color:#201c30}
.plogo.sm{width:34px;height:34px;border-radius:10px}.plogo.sm svg{width:19px;height:19px}
.prod h2{font-size:24px;margin:0 0 4px;font-family:var(--font-round);font-weight:900}
.prod p{margin:0;color:var(--muted-foreground);font-size:13px}
.lead h3{font-size:21px;margin:0 0 10px;font-weight:900}
.lead p{margin:0 0 26px;color:var(--muted-foreground);font-size:14px;line-height:1.75}
.sec-h{display:flex;justify-content:space-between;font-size:14px;font-weight:800;margin-bottom:12px}
.sec-h span{font-size:12px;color:var(--muted-foreground)}
.hm .plan{display:flex;align-items:center;gap:12px;border:2px solid var(--border);border-radius:20px;background:#fff;padding:16px 18px;margin-bottom:10px}
.hm .plan.on{border-color:#201c30;background:#fff6e0;box-shadow:0 4px 0 #201c30}
.radio{width:14px;height:14px;border-radius:50%;border:1.5px solid #8d8698;flex:none;position:relative}
.hm .plan.on .radio{border-color:#d23a1c}.hm .plan.on .radio:after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:#d23a1c}
.hm .plan .pb{flex:1}.hm .plan b{font-size:15px;font-weight:900;display:block}
.hm .plan small{font-size:12px;color:var(--muted-foreground);display:block;margin-top:4px}
.hm .plan .pp{font-family:var(--font-round);font-weight:900;font-size:26px;white-space:nowrap}
.hm .plan .pp i{font-style:normal;font-size:16px;margin-right:2px}.hm .plan .pp em{font-style:normal;font-size:13px;color:var(--muted-foreground);margin-left:4px;font-family:var(--font-sans)}
.hm .plan.paused{opacity:.75}.hm .plan.paused .pp{font-size:14px;color:var(--muted-foreground);font-family:var(--font-sans);font-weight:800}
.upgrade{background:#fdf6ec;border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin:16px 0}
.upgrade b{display:block;font-size:14px}.upgrade small{color:var(--muted-foreground);font-size:12px}
.ghost{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;white-space:nowrap}
.ticks{display:flex;gap:22px;font-size:13px;color:var(--muted-foreground);margin:6px 0 18px}
.ticks span:before{content:"✓ ";color:#1d7a4a;font-weight:900}
.note{font-size:13px;line-height:1.8;color:#3d3750;margin:0 0 18px}
.foot-l{border-top:1px solid var(--border);padding-top:14px;font-size:12px;color:var(--muted-foreground);display:flex;justify-content:space-between;align-items:center}
.foot-l b{color:var(--foreground);font-size:13px}
.buy-r h3{font-size:19px;margin:0 0 22px;font-weight:900}
.sumprod{display:flex;gap:10px;align-items:center;margin-bottom:20px}.sumprod b{font-size:13px;display:block}.sumprod small{font-size:12px;color:var(--muted-foreground)}
.kv{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;color:var(--muted-foreground)}.kv b{color:var(--foreground)}
.kv b.g{color:#1d7a4a;text-decoration:underline dotted}
.total{border-top:2px dashed #e5d8c4;margin-top:12px;padding-top:16px;display:flex;justify-content:space-between;align-items:flex-end}
.total b{display:block;font-size:14px}.total small{font-size:12px;color:var(--muted-foreground)}
.total strong{font-family:var(--font-round);font-size:22px;font-weight:900}
.must{background:#fff6e3;border:2px solid #201c30;border-radius:14px;padding:14px 16px;margin:14px 0 18px;box-sizing:border-box;overflow:visible;isolation:isolate;background-clip:padding-box;outline:none;box-shadow:none}.must h4{position:relative;z-index:0}
.must h4{margin:0 0 8px;font-size:13px}
.must ul{margin:0;padding-left:18px;font-size:12px;line-height:1.8;color:#3d3750}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:999px;background:#201c30;color:#fff;font-weight:900;font-size:15px;height:48px;box-shadow:0 4px 0 #a62a10;font-family:inherit}
.btn.dark{box-shadow:0 4px 0 #000}
.btn.off,.btn:disabled,.btn[disabled]{background:#d9d3ca;color:#fff;box-shadow:none!important;border-color:transparent;opacity:1;cursor:not-allowed}
.btn.line{background:#fff;color:#201c30;border:2px solid #201c30;box-shadow:0 4px 0 #201c30;background-clip:padding-box}
.sub-c{text-align:center;font-size:12px;color:var(--muted-foreground);margin:12px 0 18px}
.flowbar{background:#fff0c2;border-radius:12px;padding:10px 12px;font-size:13px;display:flex;justify-content:space-between;margin-top:14px}
.flowbar b{margin-left:6px}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0}
.st{background:#fff;border:2px solid var(--border);border-radius:24px;padding:22px 22px 26px}
.st .n{display:inline-grid;place-items:center;width:44px;height:36px;border-radius:12px;border:2px solid #201c30;box-shadow:0 3px 0 #201c30;font-family:var(--font-round);font-weight:900;margin-bottom:22px}
.st:nth-child(1) .n{background:#ffc93e}.st:nth-child(2) .n{background:#dcefff}.st:nth-child(3) .n{background:#d8f3e5}
.st h3{margin:0 0 10px;font-size:18px;font-weight:900}.st p{margin:0;font-size:13px;line-height:1.75;color:var(--muted-foreground)}
.warranty{background:#d8f3e5;border:2px solid #201c30;border-radius:24px;padding:24px 28px;margin-bottom:56px}
.warranty .hd{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.warranty .ic{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:18px}
.warranty h3{margin:0 0 4px;font-size:20px;font-weight:900}
.warranty .tag{background:#fff;border-radius:999px;font-size:11px;font-weight:800;padding:2px 9px;color:#1d7a4a}
.warranty li{list-style:none;font-size:14px;margin:8px 0}.warranty li:before{content:"✓  ";color:#1d7a4a;font-weight:900}
.warranty ul{padding:0;margin:0 0 14px}.warranty a{font-size:13px;font-weight:700;color:#201c30;text-decoration:none}
.faq{display:grid;grid-template-columns:38fr 62fr;gap:40px;margin-bottom:56px}
.faq small{font-size:12px;font-weight:800;color:var(--muted-foreground)}
.faq h2{font-size:34px;line-height:1.3;font-weight:900;margin:10px 0 24px}
.faq .lk{font-size:13px;font-weight:700}
.qa{border-bottom:1px solid var(--border);padding:18px 0}
.qa .q{display:flex;justify-content:space-between;font-weight:800;font-size:15px}.qa .q:after{content:"⌄";color:var(--muted-foreground)}
.qa.open .q:after{content:"⌃"}
.qa p{margin:12px 0 0;font-size:13px;line-height:1.8;color:var(--muted-foreground)}
.human{background:#fff;border:2px solid var(--border);border-radius:28px;padding:26px 30px;margin-bottom:64px}
.human h2{margin:0 0 18px;font-size:22px;font-weight:900}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.duo-col{background:#fdf6ec;border-radius:20px;padding:18px}
.duo-title{display:flex;gap:8px;align-items:center;margin:0 0 12px;font-size:15px}.duo-title svg{width:20px;height:20px;color:#1aad19}.duo-title.is-qq svg{color:#1677ff}
.contact-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:13px}
.contact-row b{margin-right:8px}.copy-btn{border:1px solid var(--border);background:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}
.qr-card{background:#fff;border-radius:14px;padding:12px;text-align:center;margin-top:10px}
.qr-card img{width:130px;height:130px;margin:0 auto;display:block}.qr-card b{display:block;margin-top:6px;font-size:13px}
.fab{position:fixed;right:28px;bottom:28px;background:#201c30;color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;font-size:14px;box-shadow:0 4px 0 #a62a10;z-index:30}
.sticky{display:none}
/* 弹窗 */
.mask{position:fixed;inset:0;width:100%;height:100%;background:transparent;z-index:80;display:none;justify-content:center;align-items:flex-start;padding:28px 12px 40px;pointer-events:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mask:not(.is-hidden){display:flex;pointer-events:auto;background:rgba(255,249,241,.92);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.is-hidden{display:none!important;pointer-events:none!important}
.modal{width:620px;max-width:100%;background:#fff;border-radius:28px;border:2px solid #201c30;box-shadow:0 6px 0 #201c30;overflow:hidden;max-height:calc(100dvh - 48px);max-height:calc(100vh - 48px);margin:0 auto 24px;flex:none;align-self:flex-start;box-sizing:border-box;display:flex;flex-direction:column}
.mhd{background:#fdf6ec;border-bottom:1px solid var(--border);padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;overflow:visible;flex:none}.mhd h3{margin:0;font-size:18px;line-height:1.3;overflow:visible;word-break:break-word}.mhd small{display:block;margin-top:4px;overflow:visible}
.mhd h3{margin:0;font-size:18px;font-weight:900}.mhd small{display:block;font-size:12px;color:var(--muted-foreground);margin-top:3px}
.x{width:32px;height:32px;border-radius:10px;border:2px solid #201c30;background:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;box-shadow:none!important;outline:none!important;appearance:none;-webkit-appearance:none;cursor:pointer;color:#201c30;flex:none;text-decoration:none;line-height:0}.x svg{display:block;pointer-events:none}.x::before,.x::after{content:none!important}.x:focus,.x:focus-visible{outline:none;box-shadow:none}.mhd .x{margin:0}
.mbd{padding:20px 24px 24px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;word-break:break-word;overflow-wrap:anywhere;flex:1 1 auto;min-height:0}
.mbd h4{font-size:15px;margin:20px 0 8px;font-weight:900}
.mbd p{font-size:13px;line-height:1.8;color:#3d3750;margin:0 0 8px}
.brown{background:#fbefe2;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.75;margin:12px 0}
.ol{margin:8px 0;padding:0;list-style:none;counter-reset:a}
.ol li{counter-increment:a;display:flex;gap:10px;font-size:13px;line-height:1.7;margin:6px 0}
.ol li .k{flex:none;width:20px;height:20px;border-radius:50%;background:#f3e9da;font-size:11px;font-weight:900;display:grid;place-items:center;margin-top:1px;font-family:var(--font-round)}
.check{display:flex;gap:10px;border:2px solid #201c30;border-radius:16px;padding:14px;background:#fff6e0;font-size:13px;line-height:1.7;font-weight:700;margin:18px 0 10px}
.box{width:18px;height:18px;border:2px solid #201c30;border-radius:5px;flex:none;margin-top:2px;background:#fff}
.box.on{background:#201c30;color:#fff;font-size:12px;display:grid;place-items:center}.box.on:after{content:"✓"}
.mfoot{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:12px;margin-top:18px;position:sticky;bottom:0;z-index:2;background:#fff;padding:14px 0 calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(32,28,48,.08);margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.mfoot .btn{flex:1 1 0;width:auto;min-width:0}
.hint{font-size:12px;color:#a35a00;text-align:right;margin-top:8px}
.osum{display:flex;gap:12px;align-items:center}.osum .t{flex:1}.osum b{font-size:16px;display:block}.osum small{font-size:12px;color:var(--muted-foreground)}
.osum .amt{text-align:right}.osum .amt strong{font-family:var(--font-round);font-size:24px;font-weight:900;display:block}
.stp{display:flex;justify-content:space-between;margin:18px 0;padding-bottom:18px;border-bottom:2px dashed #e5d8c4;font-size:12px;font-weight:800}
.stp span{display:flex;gap:6px;align-items:center;color:#3d3750}.stp i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#f3e9da;display:grid;place-items:center;font-size:11px}
.stp span.cur i{background:#d23a1c;color:#fff}.stp span.done i{background:#1d7a4a;color:#fff}
.field{margin-bottom:16px}.field .lb{display:flex;justify-content:space-between;font-size:14px;font-weight:800;margin-bottom:8px}.field .lb span{font-size:12px;color:var(--muted-foreground);font-weight:600}
.input{border:1.5px solid #f0dfbf;background:#fffaf2;border-radius:14px;padding:13px 14px;font-size:14px;color:#9a93a5;display:flex;gap:10px;align-items:center}
.input.fill{color:#201c30;font-weight:700}
.input .chip{margin-left:auto;background:#edf7f1;color:#1d7a4a;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}
.field small{display:block;font-size:12px;color:var(--muted-foreground);margin-top:6px}
/* support lookup real inputs */
.input > input{flex:1;min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:14px;font-weight:700;color:#201c30;padding:0;margin:0;-webkit-appearance:none;appearance:none}
.input > input::placeholder{color:#9a93a5;font-weight:600}
.input:focus-within{border-color:#201c30;box-shadow:0 0 0 3px rgba(32,28,48,.08)}
.track-result{margin-top:14px}
.track-result:empty{display:none}
.track-result .rec{margin-top:10px}
.field .lb label{font:inherit;font-weight:inherit;color:inherit}

.paycard{display:flex;gap:12px;align-items:center;border:2px solid #201c30;border-radius:16px;padding:14px;background:#fff6e0;box-shadow:0 3px 0 #201c30}
.ali{width:36px;height:36px;border-radius:10px;background:#1677ff;color:#fff;font-weight:900;display:grid;place-items:center}
.paycard b{display:block;font-size:14px}.paycard small{font-size:12px;color:var(--muted-foreground)}
.calc{margin:18px 0 14px;font-size:13px}.calc .kv{padding:5px 0}
.calc .due{display:flex;justify-content:space-between;align-items:center;font-weight:900}.calc .due strong{font-family:var(--font-round);font-size:24px}
.shield{text-align:center;font-size:12px;color:var(--muted-foreground);margin-top:12px}
/* 订单页 */
.ord{display:grid;grid-template-columns:62fr 38fr;gap:24px;margin-bottom:64px}
.card{background:#fff;border:2px solid var(--border);border-radius:28px;padding:26px 28px}
.card.hl{border-color:#201c30;box-shadow:0 4px 0 #201c30}
.ohd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}
.ohd h1{font-family:var(--font-round);font-size:34px;margin:0 0 8px;font-weight:900}
.ohd p{margin:0;color:var(--muted-foreground);font-size:14px}
.progress{display:flex;gap:0;margin:0 0 24px}
.progress span{flex:1;font-size:12px;font-weight:800;color:var(--muted-foreground);border-top:4px solid #eee3d3;padding-top:8px}
.progress span.done{border-color:#1d7a4a;color:#1d7a4a}.progress span.cur{border-color:#d23a1c;color:#d23a1c}
.card h2{margin:0 0 6px;font-size:22px;font-weight:900}
.pc-tip{background:#dcefff;border-radius:12px;padding:10px 14px;font-size:13px;margin:14px 0}
.open-link{display:inline-flex;font-weight:900;font-size:13px;color:#d23a1c;margin:2px 0 14px}
.ta{border:1.5px solid #f0dfbf;background:#fffaf2;border-radius:16px;padding:14px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.6;color:#3d3750;min-height:96px;word-break:break-all}
.ta-lb{font-size:13px;font-weight:800;margin:6px 0 8px}
.acct{display:flex;justify-content:space-between;align-items:center;background:#edf7f1;border:1.5px solid #1d7a4a;border-radius:16px;padding:14px 16px;margin:14px 0}
.acct small{display:block;font-size:12px;color:#1d7a4a;font-weight:800}.acct b{font-size:17px}
.cb{display:flex;gap:10px;font-size:13px;line-height:1.7;margin:10px 0}
.side .kv{padding:7px 0}
.tl{margin:0;padding:0;list-style:none}
.tl li{position:relative;padding:0 0 14px 22px;font-size:13px}
.tl li:before{content:"";position:absolute;left:2px;top:5px;width:10px;height:10px;border-radius:50%;background:#eee3d3}
.tl li.done:before{background:#1d7a4a}.tl li.cur:before{background:#d23a1c;box-shadow:0 0 0 4px #ffe4d6}
.tl li small{display:block;color:var(--muted-foreground);font-size:12px}
.side h3{margin:0 0 14px;font-size:17px;font-weight:900}
.mt{margin-top:18px}
@media (max-width:700px){
  .pw{width:calc(100% - 32px)}
  .annc .pw{flex-direction:column;gap:0;height:auto;padding:7px 0;font-size:12px}.annc .sep,.annc .x2{display:none}
  .crumb{margin:20px 0 14px}
  .ptitle{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.ptitle h1{font-size:38px}
  .stat{border-left:0;padding-left:0;display:flex;gap:8px;align-items:baseline}.stat small{margin:0}
  .buy{grid-template-columns:1fr;border-radius:26px}.buy-l{padding:20px 16px}.buy-r{border-left:0;border-top:2px solid var(--border);padding:20px 16px}
  .hm .plan{padding:14px}.hm .plan .pp{font-size:21px}.ticks{flex-wrap:wrap;gap:8px 16px}
  .steps3{grid-template-columns:1fr;gap:14px;margin:28px 0}
  .faq{grid-template-columns:1fr;gap:6px}.faq h2{font-size:28px}
  .duo{grid-template-columns:1fr}.human{padding:20px 16px}
  .warranty{padding:20px 18px}
  .fab{display:none}
  .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:2px solid #201c30;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));gap:12px;align-items:center}
  .sticky .t{flex:1}.sticky strong{font-family:var(--font-round);font-size:22px;font-weight:900;display:block;line-height:1.1}.sticky small{font-size:12px;color:var(--muted-foreground)}
  .sticky .btn{width:auto;padding:0 26px;height:46px}
  .mask{padding:8px 0 28px;align-items:flex-start}.modal{width:calc(100% - 16px);border-radius:22px;max-height:calc(100dvh - 44px);max-height:calc(100vh - 44px);overflow:hidden;display:flex;flex-direction:column}.mbd{padding:16px;overflow-y:auto;flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
  .stp{font-size:11px}.stp span{flex-direction:column;gap:4px;text-align:center}
  .ord{grid-template-columns:1fr}.card{padding:20px 16px}.ohd{flex-direction:column;align-items:flex-start;gap:10px}.ohd h1{font-size:26px}
  .progress span{font-size:11px}
  .mfoot{flex-direction:row;flex-wrap:nowrap;gap:10px}.mfoot .btn{width:auto;flex:1 1 0;min-width:0;height:46px;font-size:14px}
}
.hm [hidden]{display:none!important}
.hm .must ul{list-style:disc}.hm .must li{display:list-item}
@media (max-width:700px){body.hm{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}.foot-l{flex-direction:column;align-items:flex-start;gap:8px}.hm .site-footer .footer-meta{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.hm .buy-l{padding-bottom:8px}.hm .plan,.hm [data-r8-plan]{scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}
@media (max-width:700px){.progress span{font-size:12px;padding-right:4px;line-height:1.35}}
/* ===== 第 2 轮（03v3）===== */
:root{--font-sans:"Noto Sans SC",sans-serif}
body.hm,.hm button,.hm input{font-family:"Noto Sans SC",sans-serif}
.i16{display:inline-block;width:16px;height:16px;vertical-align:-3px;flex:none}
.i16 svg,svg.i16{width:100%;height:100%}
.must h4{display:flex;gap:6px;align-items:center}
.hm .header-actions .pill-button{height:38px}
.btn-login{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;border:2px solid #201c30;background:#fff;font-weight:800;font-size:14px;box-shadow:0 3px 0 #201c30;white-space:nowrap}
.user-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800}
.user-chip .av{width:30px;height:30px;border-radius:50%;background:#ffc93e;border:2px solid #201c30;display:grid;place-items:center;font-size:13px;font-family:var(--font-round);font-weight:900}
.logout{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--muted-foreground);border:1px solid var(--border);border-radius:999px;padding:6px 12px;background:#fff}
.nav-link.is-selected .nav-badge{box-shadow:none}
.wx{width:36px;height:36px;border-radius:10px;background:#07c160;color:#fff;display:grid;place-items:center}
.wx svg{width:22px;height:22px}
.qrbox{width:220px;height:220px;margin:0 auto;border:2px dashed #b9b1a3;border-radius:18px;background:#fff;display:grid;place-items:center;position:relative}
.qrbox .cn{position:absolute;width:44px;height:44px;border:7px solid #201c30;border-radius:8px}
.qrbox .c1{left:18px;top:18px}.qrbox .c2{right:18px;top:18px}.qrbox .c3{left:18px;bottom:18px}
.qrbox span{font-size:13px;color:var(--muted-foreground);font-weight:700;text-align:center;line-height:1.6}
.paybox{text-align:center;background:#fdf6ec;border-radius:22px;padding:22px 18px;margin:6px 0 14px}
.paybox .amt{font-family:var(--font-round);font-weight:900;font-size:34px;margin:4px 0 14px}
.paybox h4{margin:16px 0 6px;font-size:17px;font-weight:900}
.timer{display:inline-flex;gap:6px;align-items:center;background:#fff0c2;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;color:#a35a00}
.auto{font-size:12px;color:#1d7a4a;font-weight:700;margin-top:10px}
.mtip{background:#dcefff;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.7;text-align:left;margin-top:14px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.tabs span{border:1.5px solid var(--border);background:#fff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800;color:var(--muted-foreground)}
.tabs span.on{background:#201c30;border-color:#201c30;color:#fff}
.olist{background:#fff;border:2px solid var(--border);border-radius:24px;overflow:hidden}
.orow{display:grid;grid-template-columns:1.25fr 1.6fr .8fr .9fr 1fr 1.25fr;align-items:center;gap:12px;padding:16px 22px;border-top:1px solid var(--border);font-size:13px}
.orow.hd{border-top:0;background:#fdf6ec;font-size:12px;font-weight:800;color:var(--muted-foreground);padding:12px 22px}
.orow .no{font-family:var(--font-round);font-weight:800}
.orow .pn b{display:block;font-size:14px}.orow .pn small{color:var(--muted-foreground);font-size:12px}
.orow .amt{font-family:var(--font-round);font-weight:900;font-size:15px}
.orow .tm{color:var(--muted-foreground)}
.orow .acts{display:flex;gap:8px;justify-content:flex-end}
.sbtn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap;border:1.5px solid #201c30;background:#fff;color:#201c30}
.sbtn.pri{background:#201c30;color:#fff;box-shadow:0 3px 0 #a62a10}
.tg{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;white-space:nowrap}
.tg:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tg.t1{background:#eeedf2;color:#5b5670}.tg.t2{background:#ffe4d6;color:#d23a1c}.tg.t3{background:#dcefff;color:#1f5fa8}.tg.t4{background:#edf7f1;color:#1d7a4a}.tg.t5{background:#ece5ff;color:#5b3fb8}
.after{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 24px}
.after .warranty{margin:0}
.sel{border:1.5px solid #f0dfbf;background:#fffaf2;border-radius:14px;padding:13px 14px;font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.tarea{border:1.5px solid #f0dfbf;background:#fffaf2;border-radius:14px;padding:13px 14px;font-size:14px;color:#9a93a5;min-height:96px}
.hours{display:flex;gap:10px;align-items:center;background:#fff;border:2px solid var(--border);border-radius:18px;padding:14px 18px;font-size:14px;margin-bottom:18px}
.hours b{font-size:15px}
.lookup{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-bottom:8px}
.loginhint{background:#fff0c2;border:2px solid #201c30;border-radius:24px;padding:24px;box-shadow:0 4px 0 #201c30}
.loginhint h3{margin:0 0 8px;font-size:20px;font-weight:900}.loginhint p{font-size:13px;line-height:1.8;margin:0 0 16px;color:#3d3750}
.loginhint ul{margin:0 0 18px;padding-left:18px;font-size:13px;line-height:1.9}
.pagehd h1{font-family:"Noto Sans SC",sans-serif;font-size:40px;font-weight:900;margin:0 0 8px}
.pagehd p{margin:0 0 26px;color:var(--muted-foreground);font-size:15px}
.secttl{font-size:22px;font-weight:900;margin:36px 0 14px;display:flex;justify-content:space-between;align-items:baseline}
.secttl small{font-size:13px;color:var(--muted-foreground);font-weight:600}
.authm{width:440px}
.atabs{display:grid;grid-template-columns:1fr 1fr;background:#f3e9da;border-radius:14px;padding:4px;margin-bottom:18px}
.atabs span{text-align:center;padding:9px;border-radius:11px;font-weight:800;font-size:14px;color:var(--muted-foreground)}
.atabs span.on{background:#fff;color:#201c30;box-shadow:0 2px 0 #201c30;border:1.5px solid #201c30}
.small-c{text-align:center;font-size:12px;color:var(--muted-foreground);margin-top:12px;line-height:1.8}
.small-c a{color:#d23a1c;font-weight:800;text-decoration:none}
.agentlink{border-top:1px dashed #e5d8c4;margin-top:16px;padding-top:12px;text-align:center;font-size:12px;color:var(--muted-foreground)}
.agentlink a{color:#201c30;font-weight:800;text-decoration:underline}
html.no-mobile-nav .nav-contact{display:none}
@media (max-width:768px){
  .hm .site-header{height:auto}
  .hm .header-inner{flex-wrap:wrap;gap:6px 8px;width:calc(100% - 24px);padding:8px 0 4px}
  .hm .brand-lockup{height:26px}
  .hm .site-nav{display:flex;order:3;width:100%;margin:0;gap:0;justify-content:space-between;border-top:1px solid var(--border);padding-top:4px}
  .hm .nav-link{min-height:34px;padding:0 6px;font-size:13.5px}
  html.no-mobile-nav .hm .nav-contact{display:inline-flex}
  .hm .header-actions{display:flex;margin-left:auto;gap:6px}
  .hm .header-actions .icon-button,.hm .header-actions .pill-button{display:none}
  .btn-login{height:32px;padding:0 12px;font-size:13px;box-shadow:0 2px 0 #201c30}
  .user-chip{font-size:13px}.user-chip .av{width:26px;height:26px}
  .logout{padding:4px 10px;font-size:12px}
  .orow.hd{display:none}
  .orow{grid-template-columns:1fr auto;gap:6px 10px;padding:16px}
  .orow .no{grid-column:1}.orow .ost{grid-column:2;grid-row:1;justify-self:end}
  .orow .pn{grid-column:1/3}.orow .amt{grid-column:1}.orow .tm{grid-column:2;justify-self:end;font-size:12px}
  .orow .acts{grid-column:1/3;justify-content:stretch}.orow .acts .sbtn{flex:1}
  .after,.lookup{grid-template-columns:1fr;gap:16px}
  .pagehd h1{font-size:30px}
  .authm{width:calc(100% - 16px)}
  .qrbox{width:200px;height:200px}
  .hours{align-items:flex-start}
}
.authm{margin-top:70px}
@media (max-width:768px){.authm{margin-top:40px}}
.hm .loginhint ul{list-style:disc}.hm .loginhint li{display:list-item}
/* ===== 第 3 轮（03v4）===== */
.stp{align-items:center;gap:6px}
.stp .sp{display:flex;gap:6px;align-items:center;color:#3d3750}
.stp .sp em{font-style:normal}
.stp .sp.cur{color:#d23a1c}.stp .sp.done{color:#1d7a4a}
.stp .sp i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#f3e9da;display:grid;place-items:center;font-size:11px;flex:none}
.stp .sp.cur i{background:#d23a1c;color:#fff}.stp .sp.done i{background:#1d7a4a;color:#fff}
.stp .arr{width:18px;height:18px;color:#b9b1a3;flex:none}
.shield{display:flex;gap:6px;align-items:flex-start;justify-content:center;text-align:left;line-height:1.6}
.shield .i16{margin-top:2px}
/* 收银台 */
.modal.cash{width:760px;border-radius:22px;border:1px solid #e6e1d8;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);margin-top:60px}
.cbar{display:flex;justify-content:space-between;align-items:center;background:#07c160;color:#fff;padding:14px 26px}
.cbar-l{display:flex;gap:10px;align-items:center;font-size:18px;font-weight:900;letter-spacing:.5px}
.wxw{width:28px;height:28px;display:grid;place-items:center}.wxw svg{width:26px;height:26px;color:#fff}
.cbar-r{font-size:12px;opacity:.9;font-weight:700}
.cbody{padding:26px 30px 24px}
.chead{display:flex;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #eeeae3}
.chead h3,.ch3{margin:0 0 14px;font-size:19px;font-weight:900}
.cinfo{display:grid;gap:8px}
.ci{display:flex;gap:16px;font-size:13px}.ci span{width:56px;color:var(--muted-foreground);flex:none}.ci b{font-weight:700}
.cd{background:#fff3ee;border:1.5px solid #ffc7b5;border-radius:16px;padding:12px 16px;text-align:center;min-width:220px}
.cd small{display:block;font-size:12px;font-weight:800;color:#d23a1c;margin-bottom:6px}
.cd-n{display:flex;justify-content:center;align-items:center;gap:5px}
.cd-n b{display:grid;place-items:center;width:38px;height:50px;border-radius:9px;background:#ff5b3d;color:#fff;font-family:var(--font-round);font-weight:900;font-size:32px}
.cd-n i{font-style:normal;font-family:var(--font-round);font-weight:900;font-size:30px;color:#ff5b3d;margin:0 2px}
.cd span{display:block;font-size:11px;color:#a34a2e;margin-top:6px}
.cmain{display:flex;flex-direction:column;align-items:center;padding:22px 0 8px}
.camt{text-align:center;margin-bottom:18px}.camt span{display:block;font-size:13px;color:var(--muted-foreground);margin-bottom:2px}
.camt strong{font-family:var(--font-round);font-weight:900;font-size:40px;color:#201c30}
.qrcard{border:1px solid #e3ddd3;border-radius:16px;padding:22px 28px 18px;background:#fff;box-shadow:0 2px 10px -6px rgba(0,0,0,.2)}
.qrcard .qrbox{border:1px solid #eeeae3;border-style:solid;border-radius:8px}
.scan{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:14px}
.scan .i16{width:26px;height:26px;color:#07c160}.scan b{display:block;font-size:15px}.scan small{font-size:12px;color:var(--muted-foreground)}
.cfoot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eeeae3;margin-top:18px;padding-top:16px;font-size:12px;color:var(--muted-foreground)}
.wxbtn{background:#07c160;box-shadow:0 4px 0 #05823f;height:54px;font-size:17px;margin-top:20px}
.wxbtn svg{width:22px;height:22px;color:#fff}
.h5tip{font-size:12.5px;color:var(--muted-foreground);text-align:center;margin:10px 0 0}
.inwx{background:#f6f4ef;border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.7;color:#3d3750;margin-top:16px}
.inwx b{display:block;margin-bottom:2px}
.spin{width:56px;height:56px;border-radius:50%;border:5px solid #d6f5e3;border-top-color:#07c160;margin:8px auto 14px}
/* 支付成功页 */
.succ{max-width:640px;margin:10px auto 32px;background:#fff;border:2px solid #201c30;border-radius:28px;box-shadow:0 4px 0 #201c30;padding:36px 36px 30px;text-align:center}
.okc{width:76px;height:76px;border-radius:50%;background:#1d7a4a;display:grid;place-items:center;margin:0 auto 14px}
.okc .okic{width:40px;height:40px;color:#fff}
.succ h1{margin:0;font-size:30px;font-weight:900}
.samt{font-family:var(--font-round);font-weight:900;font-size:36px;margin:6px 0 10px}
.sinfo{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:13px;color:var(--muted-foreground)}
.next{background:#fff0c2;border-radius:16px;padding:16px 18px;text-align:left;margin:22px 0 18px}
.next b{font-size:15px}.next p{margin:6px 0 0;font-size:13px;line-height:1.75;color:#3d3750}
.sbtns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:768px){
  .stp{gap:2px}.stp .sp{flex-direction:column;gap:4px;text-align:center;font-size:11px;flex:1}
  .stp .arr{width:14px;height:14px;margin-bottom:18px}
  .modal.cash{width:calc(100% - 16px);margin-top:20px}
  .cbar{padding:12px 16px}.cbody{padding:18px 16px 18px}
  .cd{min-width:0;margin:0 0 16px}
  .camt{margin:4px 0 14px}.camt strong{font-size:36px}
  .cinfo{background:#faf8f4;border-radius:12px;padding:12px}
  .cfoot{justify-content:center}
  .succ{padding:28px 18px 22px;margin-top:0}.sbtns{grid-template-columns:1fr}
  .sinfo{gap:6px 14px}
}
/* ===== 第 4 轮（03v4 评论修改）：收银台改站点配色、倒计时低饱和、成功页微信块 ===== */
.cbar{background:#fdf6ec;color:#201c30;border-bottom:1.5px solid #ece3d4;padding:14px 26px}
.cbar-l{font-size:16px;font-weight:900;gap:8px;letter-spacing:0}
.wxw{width:22px;height:22px}.wxw svg{width:20px;height:20px;color:#07c160}
.cbar-r{color:var(--muted-foreground);opacity:1}
.cd{background:#fdf6ec;border:1.5px solid #ece3d4;border-radius:16px}
.cd small{color:var(--muted-foreground)}
.cd-n b{background:#fff;color:#201c30;border:1.5px solid #201c30;box-shadow:0 2px 0 #201c30}
.cd-n i{color:#201c30}
.cd span{color:var(--muted-foreground)}
.scan .i16{color:#201c30}
.paybtn{height:54px;font-size:17px;margin-top:20px}
.spin{border-color:#f3e9da;border-top-color:#201c30}
.okc{background:#d8f3e5;border:2px solid #b9e6cd}
.okc .okic{color:#1d7a4a}
.wxadd{display:flex;gap:18px;align-items:center;justify-content:space-between;text-align:left;background:#fdf6ec;border:1.5px solid #ece3d4;border-radius:20px;padding:18px 20px;margin-top:16px}
.wxadd .wxt{flex:1;min-width:0}
.wxh{display:flex;gap:8px;align-items:center}.wxh svg{width:20px;height:20px;color:#07c160}.wxh b{font-size:17px;font-weight:900}
.wxadd p{margin:4px 0 12px;font-size:13px;color:var(--muted-foreground)}
.wxadd .contact-row{margin:0;background:#fff}
.wxadd .qr-card{margin:0;flex:none;width:132px;padding:10px;background:#fff}
.wxadd .qr-card img{width:110px;height:110px}
.shours{display:flex;gap:6px;justify-content:center;align-items:center;margin:14px 0 0;font-size:12px;color:var(--muted-foreground)}
.shours .i16{width:14px;height:14px}
@media (max-width:768px){
  .cbar{padding:12px 16px}
  .wxadd{padding:14px;gap:12px;align-items:flex-start}
  .wxadd .qr-card{width:104px;padding:8px}.wxadd .qr-card img{width:86px;height:86px}
  .wxadd .contact-row{flex-wrap:wrap;gap:6px}
  .shours{align-items:flex-start;text-align:left}
}
@media (max-width:768px){
  .wxadd{flex-direction:column;align-items:stretch}
  .wxadd .contact-row{flex-wrap:nowrap}
  .wxadd .qr-card{align-self:center;width:150px;padding:10px}.wxadd .qr-card img{width:128px;height:128px}
}
/* ===== 第 5 轮：教程中心（照 hellomy /guides）===== */
.gblock{margin:8px 0 28px}
.gquick{display:flex;gap:10px;margin:0 0 16px}.gquick span,.gquick a{border:1.5px solid #201c30;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800;background:#fff;color:#201c30;text-decoration:none;display:inline-block}
.gfeat{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;background:#fff0c2;border:2px solid #201c30;border-radius:24px;box-shadow:0 4px 0 #201c30;padding:24px 26px;margin-bottom:22px;color:#201c30;text-decoration:none}
.gfeat b{display:block;font-size:22px;font-weight:900;margin:10px 0 6px}.gfeat small{display:block;font-size:13px;color:#3d3750}
.gtag{display:inline-block;background:#d23a1c;color:#fff;border-radius:999px;font-size:12px;font-weight:800;padding:3px 10px}
.gread{display:inline-block;margin-top:12px;font-size:13px;font-weight:800;color:#d23a1c}
.gfsteps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gfsteps li{display:flex;gap:10px;align-items:center;background:#fff;border:1.5px solid #201c30;border-radius:14px;padding:9px 12px;font-size:14px;font-weight:800}
.gfsteps i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#201c30;color:#fff;display:grid;place-items:center;font-size:12px}
.gtopic h3{font-size:18px;font-weight:900;margin:0 0 12px;display:flex;gap:10px;align-items:baseline}.gtopic h3 small{font-size:13px;color:var(--muted-foreground);font-weight:600}
.ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.gcard{display:flex;gap:12px;align-items:flex-start;background:#fff;border:2px solid #201c30;border-radius:18px;box-shadow:0 3px 0 #201c30;padding:16px;color:#201c30;text-decoration:none}
.gic{width:36px;height:36px;border-radius:10px;background:#dcefff;display:grid;place-items:center;flex:none}
.gt{flex:1;min-width:0}.gt b{display:block;font-size:14.5px;font-weight:900;line-height:1.45}.gt small{display:block;font-size:12.5px;color:var(--muted-foreground);line-height:1.6;margin:4px 0 6px}
.gt em{font-style:normal;font-size:12px;color:var(--muted-foreground);display:flex;gap:4px;align-items:center}.gt em .i16{width:13px;height:13px}
.garr{flex:none;color:#8d8698}.garr .i16{width:16px;height:16px}
.gnext{display:flex;gap:12px;align-items:center;background:#fff;border:2px solid #201c30;border-radius:20px;box-shadow:0 3px 0 #201c30;padding:16px 18px;margin-top:16px}
.gnext.soft{border-color:var(--border);box-shadow:none}
.gnext div{flex:1}.gnext small{display:block;font-size:12px;font-weight:800;color:#d23a1c}.gnext b{display:block;font-size:15px;font-weight:900;margin:2px 0}.gnext em{font-style:normal;font-size:12.5px;color:var(--muted-foreground)}
@media (max-width:768px){
  .gfeat{grid-template-columns:1fr;padding:18px;gap:14px}.gfeat b{font-size:19px}
  .ggrid{grid-template-columns:1fr}
  .gquick{flex-wrap:wrap}.gtopic h3{flex-direction:column;gap:2px}
}
/* 教程详情页（结构照 hellomy guide） */
.gpage{padding-bottom:20px}
.gpage nav[data-c=guide-breadcrumb]{display:none}
.ghead{margin:6px 0 26px}.ghead .gkind{font-size:13px;font-weight:800;color:#d23a1c}
.ghead h1{font-size:40px;font-weight:900;margin:8px 0 10px;line-height:1.25}.ghead p{margin:0 0 6px;color:var(--muted-foreground);font-size:15px}.ghead .gmeta{font-size:13px;color:var(--muted-foreground)}
.glay{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:start}
aside[data-c=guide-toc]{position:sticky;top:20px;background:#fff;border:2px solid var(--border);border-radius:20px;padding:18px}
aside[data-c=guide-toc] strong{display:block;font-size:13px;margin-bottom:8px;color:var(--muted-foreground)}
aside[data-c=guide-toc] ol{margin:0 0 14px;padding-left:18px;font-size:13.5px;line-height:2}
aside[data-c=guide-toc] a{color:#201c30;text-decoration:none;font-weight:700}
aside[data-c=guide-toc] a[data-c=guide-product-link]{display:block;background:#fdf6ec;border-radius:14px;padding:10px 12px;font-size:12px;color:var(--muted-foreground)}
aside[data-c=guide-toc] a[data-c=guide-product-link] strong{color:#201c30;font-size:14px;margin:2px 0 0}
article[data-c=guide-body]{min-width:0}
section[data-c=guide-section]{border-bottom:2px dashed #e9dfcf;padding:4px 0 26px;margin-bottom:24px}
section[data-c=guide-section] h2{font-size:24px;font-weight:900;margin:0 0 14px}
article p,article li{font-size:14.5px;line-height:1.85;color:#2e2940}
ul[data-c=guide-list]{padding-left:0;list-style:none;margin:0}
ul[data-c=guide-list] li{position:relative;padding-left:18px;margin:6px 0}
ul[data-c=guide-list] li:before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;border-radius:50%;background:#d23a1c}
ol[data-c=guide-steps]{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:12px}
ol[data-c=guide-steps]>li{display:flex;gap:14px;background:#fff;border:2px solid #201c30;border-radius:16px;padding:14px 16px;box-shadow:0 3px 0 #201c30}
ol[data-c=guide-steps]>li>div:first-child{flex:none;width:30px;height:30px;border-radius:9px;background:#ffc93e;border:1.5px solid #201c30;display:grid;place-items:center;font-weight:900}
ol[data-c=guide-steps] h3{margin:0 0 4px;font-size:16px;font-weight:900}ol[data-c=guide-steps] p{margin:0}
figure[data-c=guide-figure]{margin:14px 0 18px;border:2px solid #201c30;border-radius:16px;background:#fff;padding:14px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.7;color:#3d3750;word-break:break-all}
figure[data-c=guide-figure] [data-bg]{background:#fff1e9;border-radius:6px;padding:2px 6px}
figure[data-c=guide-figure] figcaption{font-family:var(--font-sans);font-size:12px;color:var(--muted-foreground);margin-top:10px}
.gnote{background:#fff6e3;border:1px solid #f0dfbf;border-radius:14px;padding:12px 14px;margin:10px 0 14px}
.gnote strong{display:block;margin-bottom:2px}
.qa2{border:1.5px solid var(--border);background:#fff;border-radius:14px;padding:12px 16px;margin:0 0 10px}
.qa2 b{display:block;font-size:15px;font-weight:900;margin-bottom:4px}.qa2 p{margin:0;font-size:14px;color:#3d3750}
article table{width:100%;border-collapse:separate;border-spacing:0;border:2px solid #201c30;border-radius:16px;overflow:hidden;font-size:13.5px;margin:6px 0 12px;background:#fff}
article th{background:#fdf6ec;text-align:left;padding:10px 12px;font-weight:900}article td{padding:10px 12px;border-top:1px solid var(--border);vertical-align:top;line-height:1.7}
.grel h2{font-size:22px;font-weight:900;margin:10px 0 14px}
.gsup{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#201c30;color:#fff;border-radius:24px;padding:24px 28px;margin:26px 0 40px}
.gsup h2{margin:0 0 6px;font-size:22px;font-weight:900}.gsup p{margin:0;font-size:13.5px;opacity:.85}
.gsup .bt{display:flex;gap:10px}.gsup .bt span,.gsup .bt a,.gsup .bt button{border:0;border-radius:999px;padding:10px 18px;font-weight:900;font-size:14px;background:#fff;color:#201c30;white-space:nowrap;text-decoration:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center}.gsup .bt span.pri,.gsup .bt a.pri,.gsup .bt button.pri{background:#d23a1c;color:#fff}
.gph{display:inline-block;background:#fff0c2;border:1.5px dashed #a35a00;color:#a35a00;border-radius:8px;padding:1px 8px;font-weight:800;font-size:.92em}
.gph-box{background:#fff0c2;border:2px dashed #a35a00;color:#7a4300;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.7;margin:12px 0}
@media (max-width:768px){
  .ghead h1{font-size:28px}.glay{grid-template-columns:1fr;gap:18px}
  aside[data-c=guide-toc]{position:static}
  section[data-c=guide-section] h2{font-size:20px}
  .gsup{flex-direction:column;align-items:flex-start;padding:20px}
  article table{font-size:12.5px}article th,article td{padding:8px}article tbody th{min-width:5.2em}article thead th:first-child{min-width:5.2em}
}
.oh4{font-size:16px;font-weight:900;margin:22px 0 10px}
.osteps{margin-top:0}
.xcs{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fdf6ec;border:1.5px solid #ece3d4;border-radius:16px;padding:14px 16px;margin-top:14px}
.xcs b{display:flex;gap:6px;align-items:center;font-size:15px}.xcs b svg{width:18px;height:18px;color:#07c160}.xcs small{display:block;font-size:12.5px;color:var(--muted-foreground);margin-top:4px}
.xcs img{width:84px;height:84px;border-radius:8px;background:#fff;padding:4px}
.acct .copy-btn{white-space:nowrap}
aside[data-c=guide-note]{background:#fff6e3;border:1px solid #f0dfbf;border-radius:14px;padding:12px 14px;margin:12px 0}
aside[data-c=guide-note] p{margin:2px 0 0}
figure[data-c=guide-figure] img{display:block;max-width:100%;height:auto;border-radius:10px;margin:0 auto}
article img{max-width:100%;height:auto}
.steps3.s4{grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:768px){.steps3.s4{grid-template-columns:1fr}}
figure[data-c=guide-figure] img{max-width:380px}
/* 第 8 轮 · 全站头部：公告条随页面滚走，导航栏 sticky 常驻顶部；「加入我们」做成橙色按钮 */
.hm .site-header{position:sticky;top:0;z-index:60;background:var(--background)}
.nav-link.nav-join{background:#ff5b3d;color:#201c30;border:2px solid #201c30;border-radius:999px;box-shadow:0 3px 0 #201c30;padding:0 12px;font-weight:900}
.nav-link.nav-join.is-selected{background:#e24a2f;color:#201c30;box-shadow:0 3px 0 #201c30,0 0 0 4px #ffc93e}
.nav-link.nav-join .nav-badge{background:#ffc93e;color:#201c30;box-shadow:0 0 0 2px #201c30}

/* 手机下单弹窗：遮罩可滚、背后锁死、底栏 fixed 贴视口；无黑底；盖过顶栏 */
.hm .mask:not(.is-hidden){z-index:80}
body.is-locked{
  overflow:hidden!important;
  touch-action:none;
  overscroll-behavior:none;
  width:100%;
}
body.is-locked .mask:not(.is-hidden){
  touch-action:pan-y;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
/* 吸底购买条在弹层打开时藏起，避免透出透明遮罩 */
body.is-locked .sticky{visibility:hidden;pointer-events:none}
/* 桌面：底栏跟弹窗卡片一体（sticky in-flow），不 fixed 贴视口底 */
body.is-locked .mask:not(.is-hidden) .mfoot{
  position:sticky;
  left:auto;
  right:auto;
  bottom:0;
  z-index:2;
  margin-top:18px;
  gap:12px;
  background:#fff;
  border-top:1px solid rgba(32,28,48,.08);
  box-shadow:none;
  padding:14px 4px calc(14px + env(safe-area-inset-bottom,0px));
  overflow:visible;
}
body.is-locked .mask:not(.is-hidden) .mfoot .btn{
  margin-bottom:4px;
  box-sizing:border-box;
}
body.is-locked .mask:not(.is-hidden) .modal{
  margin-bottom:24px;
  padding-bottom:0;
}
/* ui-polish：手机底栏跟浮层卡片一体，不 fixed 整屏贴底（否则像单独整页） */
@media (max-width:700px){
  body.is-locked .mask:not(.is-hidden) .mfoot{
    position:sticky;
    left:auto;
    right:auto;
    bottom:0;
    z-index:2;
    margin:18px 0 0;
    gap:10px;
    background:#fff;
    border-top:1px solid rgba(32,28,48,.08);
    box-shadow:none;
    padding:14px 4px calc(14px + env(safe-area-inset-bottom,0px));
  }
  body.is-locked .mask:not(.is-hidden) .modal{
    margin-bottom:24px;
    padding-bottom:8px;
  }
  /* 按钮描边/底阴影不被裁切 */
  body.is-locked .mask:not(.is-hidden) .mfoot .btn{
    margin-bottom:4px;
    box-sizing:border-box;
  }
}


/* ui-polish：须知仍是浮层弹窗，不是整页；奶油磨砂遮罩（禁止黑半透明） */
@media (max-width:700px){
  body.is-locked .mask:not(.is-hidden){
    padding:16px 14px 28px;
    align-items:flex-start;
    background:rgba(255,249,241,.88);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
  }
  body.is-locked .mask:not(.is-hidden) .modal{
    width:100%;
    max-width:100%;
    min-height:0;
    max-height:calc(100dvh - 44px);
    max-height:calc(100vh - 44px);
    margin:0 auto;
    border-radius:22px;
    box-shadow:0 6px 0 #201c30;
    border:2px solid #201c30;
    background:#fff;
    overflow:hidden;
  }
}


/* desktop-qa dark: 找客服可读、登录对比、Logo 不消失 */


/* qa-fix-faq-collapse */
.qa:not(.open) > p{display:none}
@media (max-width:360px){
  .hm .site-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start}
  .hm .nav-link{flex:none;white-space:nowrap;padding:0 8px;font-size:12.5px}
}


/* ===== F21 dark surfaces: override hardcoded light fills ===== */
/* F15 nav current */
.site-nav a.nav-link.is-current,
.site-nav a.nav-link[aria-current="page"]{
  text-decoration:underline;
  text-underline-offset:6px;
  text-decoration-thickness:2px;
}
.site-nav a.nav-link.nav-join.is-current{box-shadow:inset 0 0 0 2px currentColor}
/* F22 320 overflow */
@media (max-width:360px){
  .page-width,.pw{width:min(100% - 24px,100%);margin-inline:auto}
  .hgrid{grid-template-columns:1fr!important}
  .site-nav{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  .hagent,.jcta{flex-wrap:wrap}
  .jcta .btn,.jcta a.btn{width:100%}
  h1,h2{overflow-wrap:anywhere}
  .header-inner{gap:10px;width:min(100% - 24px,100%)}
}
.htile.is-hidden-filter{display:none!important}

/* r3: no dark mode */
#themeToggle{display:none!important}
html,body{color-scheme:light}

.jfaq .q, .faq .q, button.q{display:block;width:100%;text-align:left;background:transparent;border:0;padding:0;font:inherit;cursor:pointer;color:inherit}
.hchips button,.jtabs button{appearance:none;border:0;background:transparent;font:inherit;cursor:pointer;color:inherit}
.hchips button.on,.jtabs button.on{font-weight:900}

/* Session 填写页：教材 / 获取 Session 跳转卡 */
.r8-session-helps{display:grid;gap:10px;margin:12px 0 4px}
.r8-session-help{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;border:2px solid #201c30;background:#fff;box-shadow:0 3px 0 #201c30;text-decoration:none;color:inherit;font-weight:900;font-size:14px;line-height:1.35;transition:transform .08s ease}
.r8-session-help:active{transform:translateY(2px);box-shadow:0 1px 0 #201c30}
.r8-session-help.is-fetch{border-color:#d23a1c;box-shadow:0 3px 0 #d23a1c;background:#fff6f2}
.r8-session-help.is-fetch:active{box-shadow:0 1px 0 #d23a1c}
.r8-session-help-t{flex:1;min-width:0}
.r8-session-help-arr{flex:0 0 auto;color:#d23a1c;font-size:16px}
@media (min-width:720px){
  .r8-session-helps{grid-template-columns:1fr 1fr}
}

/* session-ui-20261027：收货摘要不撑破侧栏 */
.r8-acct-sum,.side .kv b,#r8OrderKv .kv b{overflow-wrap:anywhere;word-break:break-word;max-width:100%}