body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',Roboto,Arial,sans-serif;color:#2B2B2B;background:#fff}
a{color:#111111}a:hover{color:#0B7C80}
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
.num{font-feature-settings:"tnum";letter-spacing:-.3px}
.nv{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:#111111;text-decoration:none;font-size:15px;font-weight:600}
.nv:hover,.dd:hover>.nv{color:#0B7C80}
.dd{position:relative}
.dd .pn{display:none;position:absolute;top:100%;left:-16px;z-index:40;min-width:300px;background:#fff;border:1px solid #E3E3DF;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.12);padding:8px;flex-direction:column;gap:2px}
.dd .pn::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.dd:hover .pn,.dd:focus-within .pn{display:flex}
.pi{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:8px;text-decoration:none;color:#111111}
.pi:hover{background:#D9EEEE;color:#111111}.pi strong{font-size:14px}.pi span{font-size:12px;color:#5E6166}
.bk{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:8px;background:#111111;color:#fff;font-size:15px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-family:inherit;box-sizing:border-box}
.bk:hover{background:#333;color:#fff}
.bo{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:8px;background:#fff;color:#111111;font-size:15px;font-weight:700;text-decoration:none;border:2px solid #111111;box-sizing:border-box}
.bo:hover{background:#111111;color:#fff}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;border:2px solid #D6D6D2;background:#fff;color:#111111;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap}
.pill:hover{border-color:#111111}
.pill[aria-pressed="true"]{background:#111111;border-color:#111111;color:#fff}
.tile{border-radius:12px;position:relative;overflow:hidden}
.h2{margin:0;font-size:44px;line-height:1.2;font-weight:800;color:#111111;letter-spacing:-.5px}
.h3{margin:0;font-size:28px;line-height:1.25;font-weight:800;color:#111111}
.p{margin:0;font-size:16px;line-height:1.7;color:#2B2B2B}
.ui{background:#fff;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.10)}
.okc{width:40px;height:40px;border-radius:50%;border:2.5px solid #1BC7C7;color:#1BC7C7;display:flex;align-items:center;justify-content:center}
.row{display:grid;grid-template-columns:1.7fr .8fr .8fr 1fr .9fr .6fr 1.1fr 1fr;gap:12px;align-items:center;padding:16px 24px;border-top:1px solid #EDEDEA;font-size:15px}
.row.h{border-top:0;font-size:13px;font-weight:700;color:#5E6166;padding-top:14px;padding-bottom:14px;background:#FAFAF8}
.buy{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:8px;background:#111111;color:#fff;font-size:14px;font-weight:700;text-decoration:none}.buy:hover{background:#333;color:#fff}
.gc{padding:24px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:#111111}
.pr{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-top:1px solid rgba(0,0,0,.08)}.pr span{color:#5E6166}
.fic{width:46px;height:46px;border-radius:50%;background:#fff;color:#0B7C80;display:flex;align-items:center;justify-content:center}

.m-only{display:none}
footer a{color:#C9C9C4;text-decoration:none;font-size:14px}footer a:hover{color:#fff}

[hidden]{display:none!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;box-sizing:border-box;border:0;cursor:pointer;font-family:inherit}
.b-blue{background:#111111;color:#fff}.b-blue:hover{background:#333333;color:#fff}
.b-line{background:#fff;color:#111111;border:1px solid #111111}.b-line:hover{background:#EEF7F7;color:#333333}
.sr{position:absolute!important;left:-9999px!important}
.btn:disabled{opacity:.6;cursor:not-allowed}
.b-ink{background:#111111;color:#fff}.b-ink:hover{background:#333333;color:#fff}
.b-white{background:#fff;color:#0F172A;border:1px solid #E2E8F0}
.msg-err{padding:12px 16px;border-radius:12px;background:#FEF2F2;border:1px solid #FECACA;color:#B91C1C;font-size:14px;line-height:1.6}
.note-ok{padding:14px 18px;border-radius:14px;background:#ECFDF5;border:1px solid #A7F3D0;font-size:14px;color:#065F46}
.note-warn{padding:14px 18px;border-radius:14px;background:#FFF7ED;border:1px solid #FED7AA;font-size:14px;color:#9A3412;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.note-warn a{font-weight:700;color:#9A3412}
.empty-s{padding:40px 18px;text-align:center;color:#64748B;font-size:14px}
.st{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;white-space:nowrap}.st i{width:8px;height:8px;border-radius:50%;display:inline-block}.st::before{display:none}
.op{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #E2E8F0;border-radius:12px;background:#fff;color:#334155;font-weight:600;padding:10px 14px;box-sizing:border-box}
.op:hover{border-color:#9FD3D3;color:#111111}.op-on{border-color:#111111!important;color:#111111!important;background:#EEF7F7!important}
.in{width:100%;min-height:48px;border:1px solid #CBD5E1;border-radius:10px;padding:0 14px;font-size:15px;font-family:inherit;color:#0F172A;background:#fff;box-sizing:border-box}
.in:focus{outline:2px solid #9FD3D3;border-color:#111111}
.fl{display:flex;flex-direction:column;gap:8px}.fl>label{font-size:14px;font-weight:600;color:#334155}
.kv{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lnk{border:0;background:none;color:#111111;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;padding:6px}
.g2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.g2b{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}
.g2c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px;align-items:stretch}
.g2m{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.g3i{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px}
.g3a{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
table.tb{width:100%;border-collapse:collapse;font-size:14px}.tb th{text-align:left;font-size:13px;font-weight:600;color:#64748B;background:#F8FAFC;padding:12px 16px;border-bottom:1px solid #EEF2F7;white-space:nowrap}.tb td{padding:14px 16px;border-bottom:1px solid #F1F5F9}
.pg{min-width:34px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;font-weight:600;border:1px solid #E2E8F0;color:#334155;box-sizing:border-box}.pg-on{background:#111111;color:#fff;border-color:#111111}
.cap-img{flex:0 0 auto;width:192px;height:48px;box-sizing:border-box;border-radius:10px;border:1px solid #E2E8F0;cursor:pointer;object-fit:contain;background:#fff}
@media (max-width:420px){.cap-img{width:160px;height:44px}}
.toast{position:fixed;left:50%;top:24px;transform:translateX(-50%);z-index:9999;background:#0F172A;color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;max-width:calc(100vw - 32px)}
.av{flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#111111,#19C2C2);color:#fff;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ok-ic{width:72px;height:72px;border-radius:50%;background:#D1FAE5;color:#059669;display:flex;align-items:center;justify-content:center}
.bar{width:100%;max-width:460px;height:8px;border-radius:999px;background:#EEF2F7;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,#111111,#19C2C2);animation:bar 1.6s ease-in-out infinite}
@keyframes bar{0%{margin-left:-40%}100%{margin-left:100%}}
.bh .tg{margin-left:auto;font-size:13px;font-weight:600;color:#111111;background:#EEF7F7;padding:4px 10px;border-radius:999px}
.seg label{position:relative;min-width:130px;min-height:64px;padding:10px 18px;border:1px solid #E2E8F0;border-radius:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;color:#0F172A;box-sizing:border-box}
.seg label strong{font-size:15px}.seg label span{font-size:13px;color:#64748B}.seg label:hover{border-color:#9FD3D3}
.seg label.on{border-color:#111111;background:#EEF7F7;box-shadow:0 0 0 1px #111111 inset}
.seg label i{position:absolute;top:-10px;right:10px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:#F97316;border-radius:6px;padding:2px 7px}
.qty input{width:64px;border:0;border-left:1px solid #E2E8F0;border-right:1px solid #E2E8F0;text-align:center;font-size:16px;font-weight:700;font-family:inherit;color:#0F172A}
.qty input:focus{outline:none}
.pay label{min-height:56px;border:1px solid #E2E8F0;border-radius:10px;background:#fff;cursor:pointer;font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#0F172A;padding:6px;box-sizing:border-box}
.pay label.on{border-color:#111111;background:#EEF7F7;box-shadow:0 0 0 1px #111111 inset}
.pay-lg{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pay-lg label{flex-direction:row;justify-content:flex-start;gap:12px;min-height:72px;padding:0 18px;font-size:16px}
.pay-lg .pl{width:34px;height:34px;border-radius:9px;font-size:16px}.pay-lg small{font-size:12px;font-weight:500;color:#64748B}
.os select option{color:#0F172A}
.ipc{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.ipn{color:#111111;cursor:pointer;font-size:13px;font-weight:600;outline:none}
.ipp{display:none;position:fixed;z-index:60;background:#fff;border:1px solid #E2E8F0;border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.16);padding:10px 12px;flex-direction:column;gap:6px;color:#0F172A;font-weight:500;font-size:14px;min-width:180px}
.ipn.on .ipp{display:flex}
.ipp>span{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ipb{border:0;background:none;color:#111111;cursor:pointer;padding:3px;display:inline-flex;border-radius:6px}.ipb:hover{background:#EEF7F7}
.ro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ro>div{display:flex;flex-direction:column;gap:6px;padding:18px 24px;border-right:1px solid #F1F5F9;min-width:0}.ro>div:last-child{border-right:0}
.ro span{font-size:13px;color:#64748B}.ro strong{font-size:15px;word-break:break-all}
.fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding:22px 24px 6px;max-width:820px}
.fi{display:flex;flex-direction:column;gap:8px;min-width:0}.fi>span{font-size:14px;font-weight:600;color:#334155}
.fi .in{min-height:44px}.fw{grid-column:1 / -1}
.fa{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 24px 24px}
.sm2{min-height:44px!important;padding:0 28px!important;font-size:15px!important;border-radius:10px!important}
@media(max-width:900px){.ro{grid-template-columns:repeat(2,minmax(0,1fr))}.ro>div{border-right:0;border-bottom:1px solid #F1F5F9}}
@media(max-width:640px){.fg{grid-template-columns:1fr}.fh{display:none}}
.rc-mask{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.rc-mask[hidden]{display:none!important}
.rc-box{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:20px;padding:28px;box-sizing:border-box;box-shadow:0 30px 80px rgba(15,23,42,.3)}
.rc-x{position:absolute;right:14px;top:12px;width:40px;height:40px;border:0;background:none;font-size:26px;line-height:1;color:#94A3B8;cursor:pointer}.rc-x:hover{color:#0F172A}
.rc-l{font-size:14px;font-weight:700;color:#334155}
.rn-cyc{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.rn-cyc button{min-height:60px;border:1px solid #E2E8F0;border-radius:12px;background:#fff;font-family:inherit;cursor:pointer;color:#0F172A;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px}
.rn-cyc button strong{font-size:15px}.rn-cyc button span{font-size:13px;color:#64748B}
.rn-cyc button.on{border-color:#111111;background:#EEF7F7;box-shadow:0 0 0 1px #111111 inset}.rn-cyc button.on strong{color:#0B7C80}
.rc-box .pay-lg.rn-pay{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.rn-pay small{font-size:11px;font-weight:500;color:#64748B}.rn-pay label{text-align:center}
.rc-amt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rc-amt button{min-height:52px;border:1px solid #E2E8F0;border-radius:12px;background:#fff;font-size:17px;font-weight:800;font-family:inherit;cursor:pointer;color:#0F172A}
.rc-amt button.on{border-color:#111111;background:#EEF7F7;color:#111111;box-shadow:0 0 0 1px #111111 inset}
.rc-box .pay-lg{grid-template-columns:repeat(3,minmax(0,1fr))}.rc-box .pay-lg label{flex-direction:column;justify-content:center;gap:6px;min-height:76px;padding:6px;font-size:14px}
@media(max-width:480px){.rc-amt{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-box{padding:22px 18px}}
button.pt{font-family:inherit;background:#fff;cursor:pointer;text-align:left;width:100%}
.pt.on{border-color:#111111;background:#EEF7F7;box-shadow:0 0 0 1px #111111 inset}.pt.on b{color:#0B7C80}
.cats{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-bottom:1px solid #EEF2F7}
.cats a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid #E2E8F0;background:#fff;color:#334155;font-size:14px;text-decoration:none}
.cats a em{font-style:normal;font-size:12px;color:#94A3B8}.cats a:hover{border-color:#9FD3D3;color:#111111}
.cats a.on{background:#111111;border-color:#111111;color:#fff;font-weight:700}.cats a.on em{color:#D9EEEE}
@media(max-width:1024px){.g2,.g2b,.g2c,.g2m{grid-template-columns:minmax(0,1fr)}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.g3i,.g3a{grid-template-columns:repeat(2,minmax(0,1fr))}.seg label{min-width:0;flex:1 1 120px}.pay-lg{grid-template-columns:1fr}}

.chip{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;font-size:14px;text-decoration:none;background:#fff;color:#334155;border:1px solid #E2E8F0;box-sizing:border-box}
.chip:hover{color:#0F172A;border-color:#CBD5E1}.chip-on,.chip-on:hover{background:#0F172A;color:#fff;border-color:#0F172A}
.pg{min-width:40px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;font-size:15px;background:#fff;color:#334155;border:1px solid #E2E8F0;box-sizing:border-box}
.pg-on{background:#111111;color:#fff;border-color:#111111}
.empty{padding:64px 0;text-align:center;color:#64748B;font-size:16px}
.th{position:relative;overflow:hidden;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;box-sizing:border-box;background:linear-gradient(135deg,#D9EEEE,#D9EEEE 55%,#F0F9FF);color:#1E3A8A}
.th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.th i{font-style:normal;font-size:12px;font-weight:600;color:#111111;letter-spacing:1px}
.th b{font-weight:800;line-height:1.2;color:#0F172A}
.bl-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bp{display:flex;gap:48px;align-items:flex-start}.bp article{flex:1 1 0;min-width:0}.bp aside{flex:0 0 320px;display:flex;flex-direction:column;gap:20px;position:sticky;top:24px}
.art{font-size:17px;line-height:1.9;color:#1E293B}
.art h2{font-size:24px;line-height:1.4;margin:36px 0 14px;font-weight:800;color:#0F172A;scroll-margin-top:24px}
.art h3{font-size:20px;line-height:1.4;margin:28px 0 12px;font-weight:700;color:#0F172A}
.art p{margin:0 0 20px}.art ul,.art ol{margin:0 0 20px;padding-left:22px}.art li{margin-bottom:8px}.art strong{color:#0F172A}
.art img{max-width:100%;height:auto;border-radius:14px;display:block;margin:18px auto}
.art table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px;display:block;overflow-x:auto}
.art th,.art td{border:1px solid #E2E8F0;padding:10px 12px;text-align:left}.art th{background:#F8FAFC}
.art blockquote{margin:0 0 20px;padding:14px 18px;border-left:3px solid #111111;background:#F1F7FF;color:#334155;border-radius:0 12px 12px 0}
.art pre{background:#0B1220;color:#E2E8F0;padding:16px;border-radius:12px;overflow-x:auto;font-size:14px;line-height:1.6}
.art code{font-family:Consolas,Menlo,monospace}
.toc a{display:block;padding:6px 0;font-size:14px;color:#475569;text-decoration:none;line-height:1.5}.toc a:hover{color:#111111}
@media (max-width:960px){.bl-top{grid-template-columns:1fr}.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bp{flex-direction:column}.bp aside{flex:1 1 auto;width:100%;position:static}}
@media (max-width:640px){.bl-grid{grid-template-columns:1fr}form[role=search]{flex:1 1 100%!important}}

.mhd,.mm,.mtab,.mft,.m-only,.m-buybar{display:none}
/* 下拉菜单独立绘制，避免被首屏大字、渐变背景残影盖住 */
header{z-index:100!important;isolation:isolate}
section{isolation:isolate}
.dd .pn{z-index:1000!important;will-change:transform;transform:translateZ(0);backface-visibility:hidden}
@media (max-width:768px){
html.has-m body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
html.mm-on{overflow:hidden}
.m-hide{display:none!important}
.m-only{display:block}
.m-qa.m-only{display:grid}
.widget-fd{display:none!important}
/* 头部：logo + 客服 + ☰ */
header{position:sticky!important;top:0!important;z-index:100!important}
header>.wrap{flex-wrap:nowrap!important;gap:6px!important;padding-top:8px!important;padding-bottom:8px!important;padding-right:6px!important}
header>.wrap>a:first-child{flex:1 1 auto;min-width:0}
header>.wrap>a:first-child img{height:28px!important}
header>.wrap>a:first-child strong{font-size:17px!important}
header nav,header .hdr-r{display:none!important}
.mhd{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.ib{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#0F172A;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.ib-b{color:#111111}
/* 全屏菜单 */
.mm{display:block;position:fixed;inset:0;z-index:2000;background:#F4F6FA;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mm[hidden]{display:none}
.mm-top{position:sticky;top:0;height:56px;display:flex;align-items:center;gap:6px;padding:0 6px 0 16px;background:#fff;border-bottom:1px solid #EDF0F5}
.mm-top svg{display:block}.mm-top>span{flex:1}
.mm-in{padding:12px 16px 32px;display:flex;flex-direction:column;gap:12px}
.mm-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mm-auth .btn,.mm-in>.btn{min-height:46px;font-size:15px;padding:0 12px;min-width:0}
.mm-g{background:#fff;border-radius:16px;padding:12px 16px 2px;display:flex;flex-direction:column}
.mm-t{font-size:12px;color:#94A3B8;font-weight:700;letter-spacing:1px;padding-bottom:2px}
.mm-g a{display:flex;align-items:center;gap:12px;padding:11px 0;color:#0F172A;text-decoration:none;border-bottom:1px solid #F1F4F8}
.mm-g a:last-child{border-bottom:0}
.mm-g a>svg{color:#CBD5E1;flex:0 0 auto}
.mm-i{width:38px;height:38px;border-radius:10px;background:#EFF5FF;color:#111111;display:flex;align-items:center;justify-content:center;flex:0 0 38px}
.mm-n{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.mm-n b{font-size:15px}.mm-n small{font-size:12px;color:#64748B}
.b-soft{background:#EFF5FF!important;color:#111111!important;border:0!important;gap:8px}
/* 底部导航 */
.mtab{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1500;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #E6EBF2;box-shadow:0 -4px 16px rgba(15,23,42,.05)}
.mtab a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:#64748B;font-weight:600;text-decoration:none}
.mtab a.on{color:#111111}
.mtab a.kf .d{width:46px;height:46px;margin-top:-20px;border-radius:50%;background:#111111;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(17,17,17,.35);border:3px solid #fff}
html.mm-on .mtab{display:none}
/* 精简页脚 */
footer:not(.mft){display:none!important}
.mft{display:flex;flex-direction:column;gap:6px;padding:18px 16px 22px;text-align:center;font-size:12px;color:#94A3B8;background:#F4F6FA}
.mft .ln{display:flex;justify-content:center;gap:16px;font-size:13px}.mft .ln a{color:#475569;text-decoration:none}
/* 通用排版 */
.wrap{padding-left:16px!important;padding-right:16px!important}
section[style*="padding-top: 8"],section[style*="padding-top: 9"],section[style*="padding-top: 7"]{padding-top:36px!important}
section[style*="padding-bottom: 8"],section[style*="padding-bottom: 9"]{padding-bottom:36px!important}
h1{font-size:26px!important;line-height:1.3!important}
h2{font-size:22px!important;line-height:1.35!important}
.btn{min-width:0!important}
.card{border-radius:16px!important}
/* 首屏 */
.m-hero>[aria-hidden]:not(:first-child){display:none}
.m-hero>.wrap{padding-top:24px!important;padding-bottom:26px!important;gap:12px!important}
.m-hero h1{font-size:26px!important}
.m-hero p{font-size:14px!important;line-height:1.6!important}
.m-hero .btn{flex:1 1 0;min-height:46px!important;font-size:15px!important;padding:0 12px!important}
.m-hero>.wrap>div+div{display:none!important}
.m-hero>.wrap>div:first-child{flex-basis:auto!important}
/* 首页入口 */
.m-ent{padding:12px 0 0}
.m-eg{display:grid;grid-template-columns:repeat(4,1fr);row-gap:14px;background:#fff;border-radius:16px;padding:16px 4px 12px;box-shadow:0 4px 16px rgba(15,23,42,.06)}
.m-eg a,.m-eg button{display:flex;flex-direction:column;align-items:center;gap:6px;color:#0F172A;font-size:13px;font-weight:600;text-decoration:none;background:none;border:0;padding:0;font-family:inherit;cursor:pointer}
.m-eg span{width:48px;height:48px;border-radius:14px;background:#EFF5FF;color:#111111;display:flex;align-items:center;justify-content:center}
.m-pay{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E6EBF2;border-radius:16px;padding:14px 16px;font-size:13px;color:#475569;line-height:1.6;margin-bottom:8px}
.m-pay b{color:#0F172A;font-size:15px}
.m-pay>span{width:44px;height:44px;border-radius:12px;background:#E7F8F1;color:#059669;display:flex;align-items:center;justify-content:center;flex:0 0 44px}
/* 首页热门套餐：紧凑卡片 */
#pricing>.wrap{gap:14px!important}
#pricing>.wrap>p{display:none}
#pricing [role=group]{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;max-width:100%}
#pricing [role=group]::-webkit-scrollbar{display:none}
#pricing [role=group] button{flex:0 0 auto;white-space:nowrap}
#pricing [aria-label="服务器类型"]{flex-wrap:nowrap!important;gap:4px!important}
#pricing [aria-label="服务器类型"]{width:100%;box-sizing:border-box}
#pricing [aria-label="服务器类型"] button{flex:1 1 0!important;padding-left:4px!important;padding-right:4px!important;font-size:14px!important}
.pc{padding:16px!important;gap:8px!important}
.pc strong.num{font-size:28px!important}
.pcs{display:grid!important;grid-template-columns:1fr 1fr;gap:6px 10px!important;padding-top:0!important}
.pcs .ck{font-size:13px}
#pricing .wrap>div[style*="grid-template-columns"]{gap:12px!important;padding-top:0!important}
/* 产品栏目：类型选择改成 3 格 */
#pick{margin-top:0!important;padding-top:12px!important;padding-bottom:20px!important}
#pick>.wrap{gap:12px!important}
#pick [aria-label="选择服务器类型"]{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.tp{padding:12px 4px!important;min-height:0!important;align-items:center!important;text-align:center;border-radius:12px!important;gap:0!important}
.tp>span:not(:first-child){display:none!important}
.tp>span:first-child{justify-content:center!important}
.tp>span:first-child>span{display:none!important}
.tp strong{font-size:15px!important}
#pick .card{padding:14px!important;gap:14px!important}
#pick [role=group]{flex-wrap:wrap!important;gap:8px!important}
#pick [role=group]::-webkit-scrollbar{display:none}
#pick [role=group] .chip{flex:0 0 auto;white-space:nowrap;min-height:36px!important;height:36px;padding:0 14px!important;font-size:14px!important}
/* 价格表 → 卡片 */
.mt{min-width:0!important}
.mt-h,.mt .mt-r>.me{display:none!important}
.mt-w{overflow:visible!important;border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
.mt .mt-r{display:grid!important;grid-template-columns:repeat(var(--mc,4),minmax(0,1fr))!important;gap:6px!important;padding:14px!important;margin-bottom:10px;background:#fff;border:1px solid #E6EBF2!important;border-radius:14px;font-size:14px!important;align-items:center}
.mt .mt-r>.mn{grid-column:1/-1;font-size:16px}
.mt .mt-r>.mc{background:#F6F8FB;border-radius:9px;padding:7px 4px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:700;font-size:13px;min-width:0;word-break:break-all}
.mt .mt-r>.mc.mw{grid-column:span 2}
.mt .mt-r>.mc::after{content:attr(data-l);font-size:11px;color:#64748B;font-weight:500}
.mt .mt-r>.mp{grid-column:1/3;padding-top:4px}
.mt .mt-r>.mb{grid-column:3/-1;padding-top:4px;display:flex;justify-content:flex-end}
.mt .mt-r>a.mb,.mt .mt-r>.mb a{min-width:0!important;box-sizing:border-box;min-height:40px;display:inline-flex;align-items:center;justify-content:center;width:100%}
/* 会员中心 */
.mb{padding-top:12px!important;padding-bottom:20px!important;min-height:0!important}
.ml{display:block!important}
.sb{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;padding:0 16px 12px!important;margin:0 -16px!important;background:none!important;border:0!important;box-shadow:none!important;position:static!important;scrollbar-width:none;width:auto!important}
.sb::-webkit-scrollbar{display:none}
.sb a{flex:0 0 auto;white-space:nowrap;height:36px!important;min-height:0!important;padding:0 14px!important;border-radius:18px!important;background:#fff;border:1px solid #E2E8F0;font-size:14px!important}
.sb a.on{background:#111111!important;color:#fff!important;border-color:#111111}
.sb a svg,.sb .gt,.sb a[href="/user/logout.php"]{display:none!important}
.sb.sb-home{display:none!important}
.m-qa{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:16px;padding:14px 4px;border:1px solid #E6EBF2}
.m-qa a{display:flex;flex-direction:column;align-items:center;gap:6px;color:#0F172A;font-size:13px;font-weight:600;text-decoration:none}
.m-qa span{width:44px;height:44px;border-radius:12px;background:#EFF5FF;color:#111111;display:flex;align-items:center;justify-content:center}
.tl{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.tl .tc{padding:12px 4px!important;align-items:center!important;text-align:center;gap:2px!important}
.tl .tc span{font-size:11px!important}
.tl .tc strong{font-size:22px!important}
.cats,#cats{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}
.cats::-webkit-scrollbar,#cats::-webkit-scrollbar{display:none}
#cats .pt,.cats .pt,.cats a{flex:0 0 auto!important;width:auto!important;min-height:0!important;padding:8px 12px!important}
#cats .pt .ic2{display:none}
#cats .pt small{display:inline;margin-left:4px}
#cats .pt>span:last-child{flex-direction:row!important;align-items:baseline;gap:4px}
/* 产品列表 → 卡片 */
table.ht,table.ht tbody{display:block;width:100%!important;min-width:0!important}
table.ht thead{display:none}
div:has(>table.ht){overflow:visible!important;border-left:0!important;border-right:0!important;padding:0 12px 4px!important}
table.ht tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n st" "r r" "ip ip" "due op";gap:8px 10px;padding:14px;margin:12px 0;border:1px solid #E6EBF2;border-radius:14px;background:#fff}
table.ht tr[hidden]{display:none}
table.ht td{display:block;padding:0!important;border:0!important;min-width:0;white-space:normal!important}
table.ht td.c-n{grid-area:n;font-size:15px}
table.ht td.c-st{grid-area:st;align-self:start}
table.ht td.c-r{grid-area:r;font-size:13px;color:#64748B}
table.ht td.c-ip{grid-area:ip;background:#F6F8FB;border-radius:10px;padding:8px 10px!important;font-size:15px}
table.ht td.c-ip:empty,table.ht td.c-ip.e{display:none}
table.ht td.c-due{grid-area:due;align-self:center;font-size:13px}
table.ht td.c-due::before{content:"到期 ";color:#64748B;font-weight:400}
table.ht td.c-amt{display:none}
table.ht td.c-op{grid-area:op;align-self:center}
table.ht td.c-op .ac{display:flex;gap:8px}
table.ht td.c-op .ac a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:10px;border:1px solid #CFCFCA;font-size:13px;font-weight:700;text-decoration:none;background:#fff}
table.ht td.c-op .ac a+a{background:#EFF5FF;border-color:#EFF5FF}
/* 下单页：底部固定「支付金额 + 提交」 */
.m-buybar{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:1600;background:#fff;border-top:1px solid #E6EBF2;box-shadow:0 -4px 16px rgba(15,23,42,.06);padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
.m-buybar>div{flex:1;display:flex;flex-direction:column;min-width:0}
.m-buybar span{font-size:12px;color:#64748B}
.m-buybar strong{font-size:22px;font-weight:800;color:#111111}
.m-buybar .btn{min-width:150px!important;min-height:48px}
html:has(.m-buybar) .mtab{display:none}
html:has(.m-buybar) body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
/* 弹窗：底部弹出 */
.rc-mask{z-index:2100!important;align-items:flex-end!important;padding:0!important}
.rc-box{width:100%!important;max-width:none!important;border-radius:20px 20px 0 0!important;max-height:88vh;overflow-y:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}

/* ===== 37sc 前台 ===== */
h1{font-size:28px!important;line-height:1.25!important}
h1 span{white-space:normal!important}
.h2{font-size:26px!important}.h3{font-size:22px!important}
section>.wrap>.tile[style*="grid-template-columns"],section>.wrap>div>.tile[style*="grid-template-columns"]{grid-template-columns:1fr!important;padding:28px 20px!important;min-height:0!important;gap:20px!important}
.tile[style*="padding: 40px"],.tile[style*="padding: 56px"]{padding:24px 18px!important}
[style*="repeat(4, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
[style*="repeat(5, minmax(0, 1fr))"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
[style*="repeat(3, minmax(0, 1fr))"]:not(.msp):not([style*="gap: 12px"]),[style*="minmax(0, 1fr) minmax(0, 1fr)"],[style*="minmax(0, 1.2fr) minmax(0, 1fr)"],[style*="minmax(0, 1.15fr) minmax(0, 1fr)"],[style*="minmax(0, .9fr) minmax(0, 1.2fr)"],[style*="minmax(0, 1fr) 320px"],[style*="minmax(0, 1fr) 380px"],[style*="minmax(0, 1fr) 460px"],[style*="minmax(0, 1.05fr) minmax(0, 1fr)"],[style*="minmax(0, 1fr) minmax(0, 1.4fr)"]{grid-template-columns:minmax(0,1fr)!important}
form[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}
.pill{min-height:40px!important;padding:0 16px!important;font-size:14px!important}
.bk,.bo{min-height:46px!important}
.specl{display:grid!important;grid-template-columns:1fr 1fr;gap:8px 10px!important;padding-top:12px!important}
.specl span{font-size:13px!important}
.m-ent3{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0 0}
}