/* 溪悦AI v7（照 gptibo）：只在 body.v7 页面加载。类名避开 bootstrap（btn/nav/row/toast/lead 等） */
:root{--bg:#F7F7F8;--ink:#111114;--ink2:#6B6B72;--ink3:#9C9CA3;--line:#E7E7EB;--soft:#F3F3F5;
  --blue:#0B63E5;--blue-d:#0952C2;--blue-t:#EEF4FE;--ok:#1F8F55;--gpt:#10A37F;--cdx:#6C5CF5;
  --ease:cubic-bezier(.2,.8,.2,1);--num:"SF Pro Display","Inter","Avenir Next","Segoe UI",system-ui,sans-serif;
  --sans:-apple-system,"SF Pro Text","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif}
html{overflow-x:clip}
body.v7{margin:0;font:15px/1.55 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh}
:where(.v7) *,:where(.v7) *::before,:where(.v7) *::after{box-sizing:border-box}
:where(.v7) h1,:where(.v7) h2,:where(.v7) h3,:where(.v7) h4,:where(.v7) p,:where(.v7) ol,:where(.v7) ul,:where(.v7) figure{margin:0;padding:0}
:where(.v7) a{color:inherit;text-decoration:none}
:where(.v7) button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}
:where(.v7) input{font:inherit}
.v7 :focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:10px}
.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}

/* 顶栏 */
.top{position:sticky;top:0;z-index:30;background:rgba(247,247,248,.86);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--line)}
.top .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px}
.logo{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:700;letter-spacing:-.02em}
.logo img{width:26px;height:26px;border-radius:7px}
.vnav{display:flex;gap:30px;height:100%}
.vnav a{position:relative;display:flex;align-items:center;font-size:14px;color:var(--ink2)}
.vnav a.on{color:var(--ink);font-weight:600}
.vnav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);border-radius:2px}
.tr{display:flex;justify-content:flex-end;align-items:center;gap:4px}
.ib{height:36px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600}
.ib:hover{background:rgba(0,0,0,.05)}
.ib svg{width:18px;height:18px}
.ib.ulk{font-weight:500;color:var(--ink2)}
.back,.ttl,.mo,.mt,.tabbar,.grab,.mbar{display:none}

/* 首页 */
.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:56px 0 40px}
.hero h1{font-size:44px;line-height:1.18;font-weight:700;letter-spacing:-.03em}
.hero h1 span{color:#55555B}
.hero p{color:var(--ink2);margin-top:12px;font-size:15px}
.hero .help{text-align:right;font-size:13px;color:var(--ink2)}
.hero .help b{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:14px;margin-top:6px}
.shop{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:start;padding-bottom:40px}
.cats{position:sticky;top:88px;display:grid;gap:4px}
.cats .lb{font-size:12.5px;color:var(--ink3);padding:0 12px 6px}
.cat{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border-radius:12px;font-size:14px;color:#3C3C42;text-align:left;width:100%}
.cat svg{width:17px;height:17px;flex:none}
.cat:hover{background:rgba(0,0,0,.04)}
.cat.on{background:#ECECEF;color:var(--ink);font-weight:600}
.cats hr{border:0;border-top:1px solid var(--line);margin:10px 12px;opacity:1}
.sh{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.sh h2{font-size:24px;font-weight:700;letter-spacing:-.02em}
.search{display:flex;align-items:center;gap:8px;height:40px;width:220px;padding:0 14px;border:1px solid #DADADF;border-radius:999px;background:#fff;color:var(--ink3);margin:0}
.search svg{width:16px;height:16px;flex:none}
.search input{border:0;outline:0;background:none;width:100%;font-size:14px;color:var(--ink)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.skel{height:360px;border-radius:26px;background:linear-gradient(90deg,#EFEFF2,#F7F7F9,#EFEFF2);background-size:200% 100%;animation:sk 1.2s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.pc{background:#fff;border-radius:26px;padding:26px 26px 22px;display:flex;flex-direction:column;min-height:360px;transition:box-shadow .3s var(--ease)}
.pc:hover{box-shadow:0 24px 50px -32px rgba(0,0,0,.28)}
.pc .h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pc h3{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.15;display:flex;align-items:center}
.pc .meta{font-size:12.5px;color:var(--ink2);white-space:nowrap;padding-top:6px}
.pc .d{font-size:13px;color:var(--ink2);margin-top:6px}
.pc .art{position:relative;flex:1;min-height:180px;margin:10px 0;border-radius:18px;overflow:hidden}
.pc .f{display:flex;justify-content:space-between;align-items:center}
.pc .pr{font:700 20px var(--num)}
.pc .pr small{font:400 12.5px var(--sans);color:var(--ink2);margin-left:3px}
.vb{height:40px;padding:0 18px;border-radius:999px;background:var(--blue);color:#fff;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .2s,transform .12s;border:0}
.vb:hover{background:var(--blue-d);color:#fff}.vb:active{transform:scale(.97)}
.vb svg{width:16px;height:16px}
.vb:disabled{background:#C9CDD5;cursor:not-allowed}
.cx{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;font:700 13px ui-monospace,Menlo,monospace;font-style:normal;margin-right:10px;flex:none}
.cx svg{width:17px;height:17px}
.cx.g{background:var(--gpt)}.cx.c{background:var(--cdx)}
.pc.gpt .art{background:linear-gradient(160deg,#F1FAF6,#E5F5EE)}
.pc.cdx .art{background:linear-gradient(160deg,#F5F3FF,#ECE8FF)}
.pc.cdx .vb{background:var(--cdx)}.pc.cdx .vb:hover{background:#5A4BE0}
.pc.gen .art{background:linear-gradient(160deg,#F4F6FA,#ECEFF5);display:grid;place-items:center}
.pc.gen .art img{width:96px;height:96px;border-radius:24px;box-shadow:0 18px 36px -18px rgba(30,40,70,.4)}
/* ChatGPT 卡片叠 */
.stack{position:absolute;left:50%;top:50%;width:230px;height:140px;transform:translate(-50%,-50%)}
.sc{position:absolute;inset:0;border-radius:16px;padding:16px 18px;border:1px solid rgba(255,255,255,.8);box-shadow:0 14px 30px -14px rgba(40,50,80,.35);transition:transform .7s var(--ease),opacity .7s;display:flex;flex-direction:column}
.sc small{font-size:11.5px;color:#4B5160}
.sc b{font:700 22px var(--num);color:#1C2230;margin-top:4px;letter-spacing:-.02em}
.sc .p{margin-top:auto;align-self:flex-end;font:700 24px var(--num);color:#1C2230}
.sc .p i{font:400 11px var(--sans);font-style:normal;color:#4B5160;margin-left:3px}
.sc[data-pos="0"]{transform:rotate(-6deg) translate(-18px,8px);z-index:3}
.sc[data-pos="1"]{transform:rotate(-1deg) translate(6px,-6px) scale(.96);z-index:2;opacity:.95}
.sc[data-pos="2"]{transform:rotate(4deg) translate(26px,-18px) scale(.92);z-index:1;opacity:.9}
.c-lav{background:linear-gradient(150deg,#ECE6F8,#DAD0F1)}.c-sand{background:linear-gradient(150deg,#F6ECD6,#ECDCB8)}
.c-green{background:linear-gradient(150deg,#E2F2E7,#CBE7D4)}.c-blue{background:linear-gradient(150deg,#E4ECFA,#CFDDF6)}
/* Codex 终端 */
.term{position:absolute;left:50%;top:50%;width:250px;transform:translate(-50%,-50%) rotate(-3deg);background:#fff;border:1px solid #E6E8EE;border-radius:16px;box-shadow:0 18px 36px -18px rgba(40,50,80,.35);padding:12px 16px 16px;font:12.5px/1.8 ui-monospace,"SF Mono",Menlo,monospace;color:#4B5160}
.term .dots{display:flex;gap:5px;margin-bottom:6px}.term .dots i{width:8px;height:8px;border-radius:50%;background:#E3E5EA}
.term .g{color:var(--ok)}.term .v{color:var(--cdx)}
.term .bar{margin-top:8px;height:6px;border-radius:3px;background:#EEF0F4;overflow:hidden}
.term .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#A99FFF,var(--cdx));border-radius:3px;animation:tb 3.4s var(--ease) infinite}
@keyframes tb{0%{width:0}50%,100%{width:78%}}
.term .big{font:700 26px var(--num);color:#1C2230;letter-spacing:-.02em}
/* 缺货条 */
.rows{display:grid;gap:12px;margin-top:20px}
.vrow{display:flex;align-items:center;gap:14px;background:#fff;border-radius:20px;padding:14px 18px}
.vrow .ic{width:44px;height:44px;border-radius:12px;overflow:hidden;flex:none;background:var(--soft)}
.vrow .ic img{width:100%;height:100%;object-fit:cover}
.vrow b{display:block;font-size:15px;font-weight:600}
.vrow small{font-size:12.5px;color:var(--ink2)}
.vrow .ar{margin-left:auto;color:var(--ink3)}
.note{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);margin-top:22px}
.note svg{width:16px;height:16px;flex:none}
.note b{color:var(--ink)}
.foot{border-top:1px solid var(--line);margin-top:20px;padding:28px 0 40px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--ink2)}
.foot .logo{font-size:16px}.foot .logo img{width:20px;height:20px}
.foot p{margin-top:8px}
.foot a{text-decoration:underline;text-underline-offset:3px}

/* 商品页 */
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);padding:28px 0 22px}
.crumb a:hover{color:var(--ink)}
.ph{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
.ph h1{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.ph p{color:var(--ink2);margin-top:8px;font-size:14px}
.stock{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2);padding-left:20px;border-left:1px solid var(--line)}
.stock .item-stock{display:block;font:700 20px var(--num);color:var(--ink);background:none!important;padding:0}
.stock .item-stock.badge-soft-danger{color:#C2410C}
.buybox{display:grid;grid-template-columns:minmax(0,1fr) 400px;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden}
.pl{padding:28px 32px 22px}
.pl .vtag{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink2);font-weight:500}
.pl .vtag .ok{display:flex;align-items:center;gap:6px}
.pl .vtag .ok::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
.pl .vtag .ok.out::before{background:#E8590C}
.pid{display:flex;align-items:center;gap:16px;margin-top:22px}
.pid .ic{width:58px;height:58px;border-radius:16px;background:#141418;color:#fff;display:grid;place-items:center;flex:none;overflow:hidden}
.pid .ic svg{width:30px;height:30px}
.pid .ic img{width:100%;height:100%;object-fit:cover}
.pid .ic.g{background:var(--gpt)}.pid .ic.c{background:var(--cdx);font:700 20px ui-monospace,Menlo,monospace}
.pid h2{font-size:24px;font-weight:700;letter-spacing:-.02em}
.pid small{color:var(--ink2);font-size:13px}
.pl h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:22px}
.pl .vlead{color:var(--ink2);font-size:14px;margin-top:6px}
.plh{display:flex;justify-content:space-between;margin:22px 0 10px;font-size:13.5px;font-weight:600}
.plh span{font-weight:400;color:var(--ink2)}
.opts{display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;border:1.5px solid var(--line);border-radius:16px;background:#fff;transition:border-color .2s,background .2s}
.opt:hover{border-color:#C9CDD6}
.opt .rd{width:18px;height:18px;border-radius:50%;border:1.5px solid #C4C7CF;flex:none;display:grid;place-items:center;transition:all .2s}
.opt .rd::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .2s var(--ease)}
.opt div{flex:1;min-width:0}
.opt b{display:block;font-size:15.5px;font-weight:600}
.opt small{color:var(--ink2);font-size:12.5px}
.opt .p{font:700 22px var(--num);letter-spacing:-.02em;white-space:nowrap}
.opt .p i{font:400 12px var(--sans);font-style:normal;color:var(--ink2);margin-left:3px}
.opt .p em{font:500 14px var(--num);font-style:normal;margin-right:1px}
.opt[aria-checked=true]{border-color:var(--blue);background:var(--blue-t)}
.opt[aria-checked=true] .rd{border-color:var(--blue);background:var(--blue)}
.opt[aria-checked=true] .rd::after{transform:scale(1)}
.opt.off{opacity:.5;pointer-events:none}
.feats{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:12.5px;color:var(--ink2)}
.feats li::before{content:"✓";margin-right:6px;color:var(--ink)}
.plf{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:12.5px;color:var(--ink2)}
.plf button{font-size:12.5px;color:var(--ink);font-weight:500}
.sum{background:#F5F5F7;padding:26px 24px;display:flex;flex-direction:column}
.sum h3{font-size:16px;font-weight:700}
.sum .it{display:flex;align-items:center;gap:12px;margin:16px 0 4px}
.sum .it .ic{width:40px;height:40px;border-radius:11px;background:#141418;color:#fff;display:grid;place-items:center;flex:none;overflow:hidden}
.sum .it .ic.g{background:var(--gpt)}.sum .it .ic.c{background:var(--cdx);font:700 14px ui-monospace,Menlo,monospace}
.sum .it .ic svg{width:21px;height:21px}.sum .it .ic img{width:100%;height:100%;object-fit:cover}
.sum .it b{display:block;font-size:14px}.sum .it small{font-size:12px;color:var(--ink2)}
/* 原生表单换皮 */
.sum .vstack{gap:12px!important;margin-top:14px}
.sum .form-label{font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink)}
.sum .form-label small{margin-left:6px}
.sum .form-control{height:44px;border:1.5px solid var(--line);border-radius:12px;font-size:15px;background:#fff;box-shadow:none}
.sum .form-control:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-t)}
.sum .input-group{display:flex;gap:8px;flex-wrap:nowrap}
.sum .input-group>.form-control{border-radius:12px!important;flex:1;min-width:0}
.sum .captcha-img{height:44px;width:112px;border-radius:12px;border:1.5px solid var(--line);object-fit:cover;cursor:pointer;flex:none}
.sum .qty-row{display:flex;align-items:center;justify-content:space-between}
.sum .qty-row .form-label{margin:0}
.sum .qty-group{width:auto;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;flex-wrap:nowrap}
.sum .qty-group button{width:38px;height:38px;font-size:18px;color:var(--ink2)}
.sum .qty-group input{width:46px;height:38px;border:0!important;border-radius:0!important;text-align:center;font-weight:600;padding:0}
.sum .cp-t{font-size:13px;color:var(--blue);text-align:left}
.sum .cp-box{display:none}.sum .cp-box.on{display:block}
.sum .vsku{display:none}
.pays-h{font-size:13px;font-weight:600;margin:14px 0 6px}
.ptiles{display:grid;gap:8px}
.ptile{border:1.5px solid var(--line);border-radius:12px;padding:9px 6px;text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center;gap:1px}
.ptile b{font-size:13.5px;font-weight:600}
.ptile small{font-size:11.5px;color:var(--ink3)}
.ptile small.free{color:var(--ok)}
.ptile.on{border-color:var(--blue);background:var(--blue-t)}
.ptile.on small{color:var(--blue)}
.pbal{font-size:12.5px;margin-top:6px}.pbal a{color:var(--blue)}
.tot{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);margin-top:16px;padding-top:14px}
.tot small{display:block;font-size:12px;color:var(--ink2)}
.tot .v{font:700 28px var(--num);letter-spacing:-.03em}
.tot .abacus{display:none}
.sum .gobuy{height:48px;margin-top:14px;width:100%;font-size:15px}
.sum .safe{text-align:center;font-size:12px;color:var(--ink3);margin-top:8px}
.sum .alt{margin-top:10px;font-size:12px;color:var(--ink3);text-align:center;line-height:1.7}
.sum .alt a{color:var(--blue)}
.sum .alt b{color:var(--ink2)}
.cash-pay{display:none!important}
.firstuse{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:#fff;font-size:13px;color:var(--ink2);margin-top:18px;width:100%;text-align:left}
.firstuse b{color:var(--blue);font-weight:600}
.firstuse svg{width:16px;height:16px;flex:none}
.firstuse .ar{margin-left:auto}
.loginTip{font-size:12px;color:var(--ink3);margin-top:8px}.loginTip a{color:var(--blue)}

/* 兑换流程演示 */
.flow{padding:72px 0 10px;scroll-margin-top:70px}
.flow .k,.faq .k{font-size:12.5px;color:var(--ink2)}
.fh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.fh h2{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-top:6px}
.fh p{color:var(--ink2);font-size:14px;margin-top:6px}
.fc{display:flex;gap:8px}
.fc button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}
.fc svg{width:16px;height:16px}
.fg{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;margin-top:26px;align-items:start}
.steps{display:grid;gap:6px}
.st{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;text-align:left;width:100%;position:relative;overflow:hidden}
.st .n{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font:600 12px var(--num);color:var(--ink3);flex:none;background:#fff;transition:all .25s}
.st b{display:block;font-size:14px;font-weight:600}.st small{font-size:12px;color:var(--ink3)}
.st .ch{margin-left:auto;color:var(--ink3);opacity:0}
.st.on{background:var(--blue-t)}.st.on .n{background:var(--blue);border-color:var(--blue);color:#fff}.st.on .ch{opacity:1}
.st.done .n{color:var(--blue);border-color:#B7CFF7}
.st .fb{position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;border-radius:2px}
.st.on.run .fb{animation:fill var(--d) linear forwards}
.flow.paused .fb,.flow.paused .scr *{animation-play-state:paused!important}
@keyframes fill{to{transform:scaleX(1)}}
.win{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.wb{height:42px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--line);background:#FAFAFB}
.wb .dots{display:flex;gap:6px}.wb .dots i{width:9px;height:9px;border-radius:50%;background:#E1E2E6}
.url{flex:1;height:26px;border-radius:8px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden}
.url svg{width:11px;height:11px}
.wbody{position:relative;height:380px;overflow:hidden}
.scr{position:absolute;inset:0;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s,transform .45s var(--ease),visibility 0s .45s}
.scr.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.cap{display:flex;justify-content:space-between;gap:16px;margin-top:16px}
.cap .ix{font:600 12px var(--num);color:var(--ink3)}
.cap h3{font-size:17px;font-weight:700;margin-top:2px}
.cap p{font-size:14px;color:var(--ink2);margin-top:2px}
.cap a{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:14px;color:var(--blue);font-weight:500}
.cap a svg{width:13px;height:13px}
.nv{display:flex;gap:6px;flex:none}
.nv button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink2)}
.nv button:hover{background:rgba(0,0,0,.05)}
.nv svg{width:18px;height:18px}
.fnote{font-size:12.5px;color:var(--ink3);border-top:1px solid var(--line);margin-top:26px;padding-top:14px}
.mono{font-family:ui-monospace,"SF Mono",Menlo,monospace}
.lg{width:min(300px,100%);text-align:center}
.lg .t{font-size:13px;font-weight:600;text-align:left;margin-bottom:14px}
.lg h4{font-size:22px;font-weight:600;margin-bottom:16px}
.lg .o{height:38px;border:1px solid #DADADF;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;margin-bottom:8px}
.lg .em{height:40px;border:1px solid #CFCFD5;border-radius:999px;margin:12px 0 8px;display:flex;align-items:center;padding:0 16px;font-size:13px;color:var(--ink3)}
.lg .go{height:40px;border-radius:999px;background:#111;color:#fff;display:grid;place-items:center;font-size:13px}
.scr.on .lg .go{animation:prs .3s 1.6s}
@keyframes prs{50%{transform:scale(.96)}}
.ss{width:100%;text-align:left;position:relative}
.ss pre{font-size:12px;line-height:1.75;color:#3D4250;white-space:pre-wrap;word-break:break-all;position:relative;padding:4px;margin:0;background:none;border:0}
.ss pre::after{content:"";position:absolute;inset:0;background:rgba(11,99,229,.16);border-radius:4px;transform:scaleY(0);transform-origin:top}
.scr.on .ss pre::after{animation:sel .5s 1s var(--ease) forwards}
@keyframes sel{to{transform:scaleY(1)}}
.vtoast{position:absolute;left:50%;bottom:0;transform:translate(-50%,8px);opacity:0;background:#111;color:#fff;font-size:13px;padding:8px 14px;border-radius:10px;white-space:nowrap}
.scr.on .vtoast{animation:tst .4s 2s var(--ease) forwards}
@keyframes tst{to{opacity:1;transform:translate(-50%,0)}}
.mini{width:min(330px,100%);border:1px solid var(--line);border-radius:18px;padding:16px}
.mini .r{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;margin-top:8px;font-size:13px}
.mini .r.on{border-color:var(--blue);background:var(--blue-t)}
.mini .r i{width:14px;height:14px;border-radius:50%;border:1.5px solid #C4C7CF}
.mini .r.on i{border:4px solid var(--blue)}
.mini .r span{margin-left:auto;font:700 15px var(--num)}
.mini .b{height:38px;border-radius:999px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600;margin-top:12px}
.scr.on .mini .b{animation:prs .3s 1.8s}
.vqr{width:min(300px,100%);text-align:center}
.vqr .amt{font:700 32px var(--num);letter-spacing:-.02em}
.vqr small{color:var(--ink2);font-size:12.5px}
.qr{width:132px;height:132px;margin:16px auto 10px;border-radius:14px;border:1px solid var(--line);padding:10px;background:#fff;position:relative}
.qr svg{width:100%;height:100%}
.qr .ok{position:absolute;inset:0;border-radius:14px;background:rgba(255,255,255,.92);display:grid;place-items:center;opacity:0}
.qr .ok i{width:44px;height:44px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-style:normal;font-size:22px}
.scr.on .qr .ok{animation:in .3s 2.2s forwards}
@keyframes in{to{opacity:1}}
.cz{width:min(380px,100%);border:1px solid #ECE7E3;border-radius:16px;padding:16px;text-align:left}
.cz .h{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;margin-bottom:10px}
.cz .h i{width:22px;height:22px;border-radius:7px;background:#EF7D57;color:#fff;font-style:normal;font-size:11px;display:grid;place-items:center}
.cz .l{display:flex;justify-content:space-between;font-size:12px;color:var(--ink2);margin:8px 0 4px}
.cz .l .okl{color:var(--ok);opacity:0}
.cz .f{height:36px;border:1.5px solid #EAE5E1;border-radius:10px;display:flex;align-items:center;padding:0 10px;font-size:12px;overflow:hidden;white-space:nowrap}
.cz .f .tp{display:inline-block;width:0;overflow:hidden;white-space:nowrap}
.cz .ta{height:50px;align-items:flex-start;padding-top:7px;white-space:normal;font-size:11.5px;color:var(--ink2)}
.cz .ta .tp{width:auto;opacity:0}
.cz .b{height:34px;border-radius:9px;background:#F3EFEC;color:#B9AFA8;font-size:13px;font-weight:600;display:grid;place-items:center;margin-top:8px}
.scr.on .cz .c1 .tp{animation:typ 1s .3s steps(24) forwards}
@keyframes typ{to{width:100%}}
.scr.on .cz .b1{animation:czb .3s 1.4s forwards}
.scr.on .cz .okl{animation:in .3s 1.6s forwards}
.scr.on .cz .ta .tp{animation:in .3s 2.2s forwards}
.scr.on .cz .b2{animation:czb .3s 3.2s forwards}
@keyframes czb{to{background:#EF7D57;color:#fff}}
.done{width:min(320px,100%);text-align:center}
.done .ck{width:58px;height:58px;border-radius:50%;background:#E6F5EC;color:var(--ok);display:grid;place-items:center;margin:0 auto 14px;transform:scale(.6);opacity:0}
.done .ck svg{width:28px;height:28px}
.scr.on .done .ck{animation:pop .45s .3s var(--ease) forwards}
@keyframes pop{to{transform:none;opacity:1}}
.done h4{font-size:20px;font-weight:700}
.done p{font-size:13px;color:var(--ink2);margin-top:4px}
.done .acct{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);font-size:13px}
.done .acct i{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#A9B4C6,#6C7A92)}
.done .acct b{padding:2px 8px;border-radius:6px;background:#111;color:#fff;font-size:11.5px}

/* 常见问题 */
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:40px;padding:72px 0 40px}
.faq h2{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-top:6px;line-height:1.25}
.faq .kf{display:inline-flex;align-items:center;gap:6px;margin-top:16px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:500}
.qa{border-top:1px solid var(--line)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 2px;font-size:15px;font-weight:600}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{width:28px;height:28px;border-radius:50%;background:var(--soft);display:grid;place-items:center;flex:none;font-style:normal;transition:transform .25s var(--ease)}
.qa details[open] summary i{transform:rotate(45deg)}
.qa .a{padding:0 2px 18px;color:var(--ink2);font-size:14px}

/* 通用弹窗（购买须知） */
.vmask{position:fixed;inset:0;z-index:50;background:rgba(17,17,20,.32);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.vmask.on{opacity:1;visibility:visible;transition-delay:0s}
.dlg{position:fixed;z-index:60;left:50%;top:50%;width:min(520px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto;background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 70px -20px rgba(0,0,0,.35);transform:translate(-50%,-46%) scale(.97);opacity:0;visibility:hidden;transition:transform .3s var(--ease),opacity .25s,visibility 0s .3s}
.dlg.on{transform:translate(-50%,-50%);opacity:1;visibility:visible;transition-delay:0s}
.dlg .vx{position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.dlg .vx:hover{background:var(--soft)}
.dlg .vx svg{width:18px;height:18px}
.dlg h3{font-size:21px;font-weight:700}
.dlg .sub{font-size:13.5px;color:var(--ink2);margin-top:2px}
.rules{margin-top:12px;font-size:14px;color:#3A3A40;line-height:1.75}
.rules .acg-rich{font-size:14px}
.rules img{max-width:100%}
.buybox.tut{display:block}
.buybox.tut .pl{max-width:760px;font-size:15px;line-height:1.85;color:#2E2E34}
.buybox.tut .pl h2,.buybox.tut .pl h3{font-size:19px;font-weight:700;margin:20px 0 8px}
.buybox.tut .pl p{margin:0 0 10px}
.buybox.tut .pl ol,.buybox.tut .pl ul{padding-left:1.3em;margin:0 0 10px}
.buybox.tut .pl a{color:var(--blue);text-decoration:underline}
@media (max-width:760px){.tutpg .crumb,.tutpg .ph{display:flex}.tutpg .ph{margin:4px 0 12px}.tutpg .ph h1{font-size:24px}.tutpg .stock{display:none}.tutpg .x-main[data-page=item]{padding-bottom:20px}}

/* 客服、公告（沿用 V6 的节点和 shell.js 开关） */
.xy-wxm{position:fixed;inset:0;z-index:80;display:none;place-items:center;background:rgba(17,17,20,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.xy-wxm.open{display:grid}
.xy-wxm-card{width:min(360px,calc(100vw - 32px));padding:24px 22px 18px;border-radius:24px;background:#fff;box-shadow:0 30px 70px -20px rgba(0,0,0,.35)}
.xy-wxm-card h3{font-size:20px;font-weight:700}
.xy-wxm-card .sub{margin:4px 0 14px;color:var(--ink2);font-size:13.5px}
.xy-wxm-id{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--soft);margin-top:8px;font-size:13.5px}
.xy-wxm-id span{display:flex;align-items:center;gap:8px;color:var(--ink2)}
.xy-wxm-id b{margin-left:auto;font:700 16px var(--num)}
.kf-ic{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:#fff}
.kf-ic.wx{background:#07C160}.kf-ic.qq{background:#12B7F5}
.kf-cp{padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12.5px;font-weight:600}
.xy-wxm-card .xy-btn{width:100%;height:46px;border-radius:999px;background:var(--blue);color:#fff;font-weight:600;margin-top:14px}
.xy-wxm-card .close{margin-top:8px;color:var(--ink3);font-size:13px;width:100%;height:32px}
.x-ntc{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(17,17,20,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.x-ntc[hidden]{display:none}.x-ntc.on{opacity:1}
.x-ntc-card{position:relative;width:min(540px,100%);max-height:min(86vh,760px);display:flex;flex-direction:column;background:#fff;border-radius:24px;box-shadow:0 30px 70px -20px rgba(0,0,0,.35);overflow:hidden;transform:translateY(14px) scale(.98);transition:transform .35s var(--ease)}
.x-ntc.on .x-ntc-card{transform:none}
.x-ntc-hd{padding:22px 24px 12px}
.x-ntc-hd small{display:none}
.x-ntc-hd h3{font-size:21px;font-weight:700}
.x-ntc-x{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ink3);font-size:22px}
.x-ntc-x:hover{background:var(--soft)}
.x-ntc-bd{padding:4px 24px 8px;overflow:auto;font-size:14px;line-height:1.7;color:#4A4A52}
.x-ntc-bd .xn-hi{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:16px;color:var(--ink)}
.x-ntc-bd .xn-agent{font-size:12.5px;font-weight:700;color:#fff;padding:3px 12px;border-radius:999px;background:linear-gradient(120deg,#FF7A59,#F43F5E)}
.x-ntc-bd .xn-lead{margin:8px 0 2px}
.x-ntc-bd h4{margin:16px 0 6px;font-size:14px;font-weight:700;color:var(--ink)}
.x-ntc-bd ol{list-style:none;counter-reset:xn}
.x-ntc-bd li{position:relative;padding-left:28px;margin:5px 0;counter-increment:xn}
.x-ntc-bd li::before{content:counter(xn);position:absolute;left:0;top:3px;width:19px;height:19px;border-radius:7px;background:var(--blue-t);color:var(--blue);font-size:12px;font-weight:700;line-height:19px;text-align:center}
.x-ntc-bd a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.x-ntc-bd .xn-kf{margin:16px 0 10px;padding:12px 14px;border-radius:14px;background:var(--soft);color:var(--ink)}
.x-ntc-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px 18px;border-top:1px solid var(--line)}
.x-ntc-ft span{font-size:12px;color:var(--ink3)}
.x-ntc-btns{display:flex;gap:10px;flex-shrink:0}
.x-ntc-later{height:42px;padding:0 18px;border-radius:999px;border:1px solid #D8D8DD;font-weight:600}
.x-ntc-ok{height:42px;padding:0 20px;border-radius:999px;background:var(--blue);color:#fff;font-weight:600}

/* ===== 手机 ===== */
@media (max-width:760px){
  body.v7{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body.v7.inpg{padding-bottom:0}
  .wrap{padding:0 16px}
  .top .wrap{display:flex;height:54px;gap:4px}
  .logo{margin-right:auto;font-size:18px}
  .vnav{display:none}
  .ib span{display:none}.ib{width:38px;padding:0;justify-content:center}
  .ib.ulk{display:none}
  .mo{display:inline-flex}
  .inpg .logo,.inpg .mo{display:none}
  .inpg .back{display:grid;place-items:center;width:38px;height:38px;margin-left:-8px;border-radius:50%}
  .inpg .back svg{width:22px;height:22px}
  .inpg .ttl{display:block;margin-right:auto;font-size:17px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--ink3);padding:4px 0}
  .tabbar .on{color:var(--blue);font-weight:600}
  .tabbar svg{width:24px;height:24px}
  .inpg .tabbar{display:none}
  .hero{display:block;padding:18px 0 14px}
  .hero h1{font-size:24px;line-height:1.3}
  .hero h1 br{display:none}
  .hero h1 span{margin-left:4px;font-weight:600}
  .hero p{font-size:13.5px;margin-top:4px}
  .hero .help{display:none}
  .shop{display:block}
  .cats{position:static;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;margin:0 -16px 18px;padding:0 16px;scrollbar-width:none}
  .cats::-webkit-scrollbar{display:none}
  .cats .lb,.cats hr,.cats .ext{display:none}
  .cat{width:auto;height:36px;padding:0 14px;flex:none;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px}
  .cat.on{background:var(--ink);color:#fff;border-color:var(--ink)}
  .cat svg{display:none}
  .sh{display:none}
  .grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .pc{min-height:0;border-radius:22px;padding:18px 16px 8px}
  .pc:hover{box-shadow:none}
  .pc .h,.pc .d{padding:0 4px}
  .pc h3{font-size:21px}
  .cx{width:26px;height:26px;font-size:11.5px;margin-right:8px}
  .pc .d{font-size:12.5px;margin-top:2px}
  .pc .art{min-height:0;height:150px;flex:none;margin:10px 0 6px}
  .stack{transform:translate(-50%,-50%) scale(.78)}
  .term{transform:translate(-50%,-50%) rotate(-3deg) scale(.82)}
  .pc.gen .art img{width:72px;height:72px;border-radius:18px}
  .pc .f{display:none}
  .mt{display:block}
  .mt a{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:12px 6px;border-top:1px solid #F0F0F3;-webkit-tap-highlight-color:transparent;transition:background .15s;border-radius:10px}
  .mt a:active{background:var(--soft)}
  .mt a::after{content:"›";grid-row:1/3;grid-column:3;color:var(--ink3);font-size:20px}
  .mt a.off{opacity:.45}
  .mt b{font-size:15px;font-weight:600}
  .mt small{grid-row:2;font-size:12px;color:var(--ink2)}
  .mt .num{grid-row:1/3;grid-column:2;font-weight:700;font-size:16px}
  .mt.g2{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 0 10px}
  .mt.g2 a{background:#F4F2FF;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:11px 14px;border-radius:14px;border:0}
  .mt.g2 a:active{background:#E8E4FF}
  .mt.g2 a::after{display:none}
  .mt.g2 b{font-size:14px}.mt.g2 .num{font-size:15px;color:var(--cdx)}
  .rows{gap:10px;margin-top:14px}
  .vrow{border-radius:18px;padding:12px 14px}
  .note{font-size:12.5px;margin-top:16px}
  .foot{display:none}
  /* 商品页 */
  .crumb,.ph{display:none}
  .buybox{grid-template-columns:minmax(0,1fr);border-radius:22px;margin-top:12px}
  .pl{padding:18px 16px 14px}
  .pid{margin-top:14px;gap:12px}
  .pid .ic{width:46px;height:46px;border-radius:13px}.pid .ic svg{width:24px;height:24px}
  .pid h2{font-size:20px}
  .pl h3{display:none}
  .pl .vlead{font-size:13px;margin-top:12px}
  .plh{margin:16px 0 8px}
  .opt{padding:13px 14px;-webkit-tap-highlight-color:transparent}
  .opt:active{transform:scale(.985)}
  .opt .p{font-size:20px}
  .feats{gap:6px 16px}
  /* 下单区 → 底部面板 */
  .sum{position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:88vh;overflow:auto;border-radius:24px 24px 0 0;background:#fff;padding:10px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .36s var(--ease),visibility 0s .36s;visibility:hidden;box-shadow:0 -20px 50px -20px rgba(0,0,0,.25)}
  .sum.open{transform:none;visibility:visible;transition-delay:0s}
  .sum .grab{display:block;width:38px;height:5px;border-radius:3px;background:#D9D9DE;margin:0 auto 12px}
  .sum .vx{display:grid;position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;place-items:center}
  .sum .vx svg{width:18px;height:18px}
  .sum .firstuse{display:none}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;gap:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .mbar .v{flex:1;min-width:0}
  .mbar .v b{display:block;font:700 22px var(--num);letter-spacing:-.02em}
  .mbar .v small{display:block;font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mbar .vb{height:48px;padding:0 24px;font-size:15px}
  .x-main[data-page=item]{padding-bottom:96px}
  .flow{padding-top:40px}
  .fh h2,.faq h2{font-size:22px}
  .fh p{font-size:13px}
  .fc button{width:36px;height:36px}
  .fg{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:16px}
  .steps{display:flex;gap:0;justify-content:space-between}
  .st{flex-direction:column;gap:5px;padding:0;background:none!important;width:auto}
  .st .n{width:32px;height:32px}
  .st small,.st .ch,.st .fb{display:none}
  .st b{font-size:11.5px;font-weight:500;color:var(--ink2)}
  .st.on b{color:var(--ink);font-weight:600}
  .wbody{height:320px}
  .scr{padding:16px}
  .cap h3{font-size:16px}.cap p{font-size:13px}
  .faq{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:40px}
  .faq .kf{display:none}
  .qa summary{font-size:14.5px;padding:15px 2px}
  .dlg{left:0;right:0;top:auto;bottom:0;width:auto;max-height:88vh;border-radius:24px 24px 0 0;padding:16px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%);opacity:1;transition:transform .36s var(--ease),visibility 0s .36s}
  .dlg.on{transform:none}
  .x-ntc{align-items:flex-end;padding:0}
  .x-ntc-card{border-radius:22px 22px 0 0;max-height:88vh;transform:translateY(40px)}
  .x-ntc-ft{flex-direction:column;align-items:stretch}
  .x-ntc-ft span{text-align:center;order:2}
  .x-ntc-btns>*{flex:1}
}
@media (min-width:761px){.sum .grab,.sum .vx{display:none}}
@media (prefers-reduced-motion:reduce){.v7 *{animation:none!important;transition:none!important}}

/* ===== 10-13 查订单页（V7 外壳；元素 id/class 沿用 v6/query.js，脚本不改） ===== */
.x-qmain .qhero{padding:48px 0 28px}
.qgrid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;align-items:start;padding-bottom:56px}
.x-ask{position:sticky;top:88px;background:#fff;border-radius:26px;padding:24px}
.x-qform{display:grid;gap:12px}
.x-qbox{display:flex;align-items:center;gap:10px;height:52px;padding:0 18px;border:1.5px solid var(--line);border-radius:999px;background:#fff;margin:0;transition:border-color .2s,box-shadow .2s}
.x-qbox:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-t)}
.x-qbox:has(.bad){border-color:#E5484D}
.x-qbox svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--ink3);stroke-width:2;stroke-linecap:round}
.x-qbox .x-inp{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:16px;color:var(--ink)}
.x-qbox .x-inp::placeholder{color:var(--ink3)}
.x-cta{display:flex;align-items:center;justify-content:center;height:52px;border-radius:999px;background:var(--blue);color:#fff;font-size:16px;font-weight:600;transition:background .2s}
.x-cta:hover{background:var(--blue-d)}
.x-cta.off{opacity:.6;pointer-events:none}
.x-cta.sm{flex:none;height:40px;padding:0 18px;font-size:14px}
.x-tips{margin-top:20px;border-top:1px solid var(--line)}
.x-tips>div{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.6;color:var(--ink2)}
.x-tips>div:last-child{border-bottom:0;padding-bottom:0}
.x-tips i{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font:600 12px var(--num);font-style:normal;color:var(--ink2)}
.x-tips b{display:block;margin-bottom:2px;color:var(--ink);font-weight:600}
.x-tips a,.x-tips button{color:var(--blue);font-weight:500}
.x-res{background:#fff;border-radius:26px;padding:24px 26px;min-height:420px}
.x-res-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.x-res-h h2{font-size:20px;font-weight:700;letter-spacing:-.02em}
.x-res-h .cnt{font-size:13px;color:var(--ink2)}
.x-qempty{text-align:center;padding:64px 0 48px;font-size:13.5px;color:var(--ink2)}
.x-qempty b{display:block;margin-bottom:4px;font-size:15px;color:var(--ink)}
.x-qempty .ill{width:68px;height:68px;margin:0 auto 16px;padding:0 16px;border-radius:20px;background:var(--soft);display:grid;align-content:center;gap:6px}
.x-qempty .ill span{height:5px;border-radius:3px;background:#DADADF}
.x-qempty .ill span:first-child{width:60%;background:var(--blue)}
.x-qempty .ill span:last-child{width:75%}
.x-skel{margin-top:12px;border-radius:20px;background:linear-gradient(90deg,#EFEFF2,#F7F7F9,#EFEFF2);background-size:200% 100%;animation:sk 1.2s linear infinite}
.x-order-card{padding:18px 0;border-top:1px solid var(--line)}
.x-order-card:first-child{border-top:0}
.x-order-card .top{display:flex;align-items:center;gap:14px}
.x-order-card .top img{width:46px;height:46px;flex:none;border-radius:13px;object-fit:cover;background:var(--soft)}
.x-order-card .t{flex:1;min-width:0}
.x-order-card .t b{display:block;font-size:15.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-order-card .t span{font-size:12.5px;color:var(--ink2)}
.x-order-card .r{flex:none;text-align:right}
.x-order-card .r strong{display:block;font:700 18px var(--num);letter-spacing:-.01em}
.x-pill{display:inline-flex;align-items:center;height:22px;margin-top:4px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;background:#FFF4E0;color:#B26A00}
.x-pill.ok{background:#EAF6EF;color:var(--ok)}
.x-unpaid{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--bg);font-size:13.5px;color:var(--ink2)}
.x-key,.x-pass{margin-top:14px;padding:16px;border-radius:18px;background:var(--bg)}
.x-key .lb,.x-pass .lb{margin-bottom:8px;font-size:12.5px;color:var(--ink2)}
.x-krow{display:flex;align-items:center;gap:8px}
.x-krow code{flex:1;min-width:0;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font:600 15px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.02em;color:var(--ink);word-break:break-all}
.x-krow .x-inp{flex:1;min-width:0;height:40px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;outline:0;font-size:14px}
.x-krow .x-inp:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-t)}
.x-ghost{flex:none;height:40px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600}
.x-ghost.done{color:var(--ok);border-color:#BFE3CD}
.x-note{margin-top:12px;font-size:13px;line-height:1.6;color:var(--ink2);white-space:pre-wrap}
.x-note b{display:block;margin-bottom:2px;color:var(--ink)}
.x-key .next{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
.x-key .next a{flex:none;color:var(--blue);font-weight:600}
.x-order-card .meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px;font-size:12px;color:var(--ink3)}
.x-order-card .meta code{font:inherit;color:var(--ink2)}
@media (max-width:760px){
  .x-qmain .qhero{padding:22px 0 16px}
  .x-qmain .qhero .help{display:none}
  .qgrid{grid-template-columns:1fr;gap:12px;padding-bottom:24px}
  .x-ask{position:static;padding:18px 16px;border-radius:24px}
  .x-res{min-height:0;padding:18px 16px;border-radius:24px}
  .x-qempty{padding:36px 0 28px}
  .x-krow{flex-wrap:wrap}
  .x-krow code{flex-basis:100%}
  .x-ghost,.x-krow .x-cta.sm{flex:1}
}
/* 订单卡片的 .top 跟顶栏 .top 同名：还原成普通行 */
.x-order-card .top{position:static;z-index:auto;height:auto;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
/* 10-14 手机顶栏加回「登录」（已登录显示用户名）；商品页顶栏是返回+标题，不显示 */
@media (max-width:760px){
  .top .ib.ulk{display:inline-block;width:auto;max-width:96px;padding:0 10px;line-height:36px;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .inpg .top .ib.ulk{display:none}
}
/* 10-14 手机顶栏：「订单」「客服」带文字的浅灰胶囊，一眼看懂 */
@media (max-width:760px){
  .top .ib.mo,.top .ib[data-wx]{width:auto;height:32px;padding:0 10px;gap:4px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:600;color:var(--ink)}
  .top .ib.mo svg,.top .ib[data-wx] svg{width:16px;height:16px}
  .top .ib.mo::after{content:"订单"}
  .top .ib[data-wx]::after{content:"客服"}
  .top .tr,.top .wrap{gap:6px}
}
@media (max-width:380px){.top .ib.ulk{max-width:72px}}
/* 10-14 公告：人工下单免手续费（绿色提示块，同付款区「免手续费」配色） */
.x-ntc-bd .xn-free{display:grid;gap:4px;margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:#EAF6EF;border:1px solid #BFE3CD;color:#1B5E3A;font-size:13.5px;line-height:1.6}
.x-ntc-bd .xn-free>b{font-size:15px;color:#14532D}
.x-ntc-bd .xn-free span b{font-family:var(--num);letter-spacing:.02em}

/* 10-14 页面之间淡入淡出（Chrome 126+ / Safari 18.2+，不支持的浏览器照旧）；顶栏不参与淡入淡出 */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
header.top{view-transition-name:v7top}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}