:root{
 --bg:#0B0D12;--bg2:#12151D;--bg3:#171B26;--line:#242A3A;--txt:#EAECF2;--dim:#98A1B4;--faint:#6B7488;
 --accent:#E8542F;--accent2:#F0B7A6;--soft:rgba(232,84,47,.14);--green:#8FA33F;--wa:#25D366;
 --glow:0 0 0 1px rgba(232,84,47,.32),0 0 30px rgba(232,84,47,.22);--r:14px;--maxw:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}a:hover{text-decoration:none}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;line-height:1.14;margin:0 0 .5em}
h1{font-size:clamp(29px,4.4vw,50px)}h2{font-size:clamp(21px,2.5vw,31px)}h3{font-size:16.5px}
p{margin:0 0 1em}ul{margin:0 0 1em;padding-left:1.1em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.hero .wrap>*,.grid>*,.split>*,.fgrid>*,.pgrid>*,.cgrid>*{min-width:0}
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:10px 16px;z-index:99}
.skip:focus{left:8px;top:8px}
.eyebrow{font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:10px}
.lede{font-size:17.5px;color:var(--dim);max-width:60ch}
.dim{color:var(--dim)}.micro{font-size:12.5px;color:var(--faint)}.more{margin-top:18px}
.more a{color:var(--accent2);font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:10px;
 font-size:14.5px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;text-align:center}
.btn.p{background:var(--accent);color:#fff;box-shadow:var(--glow)}
.btn.g{border-color:var(--line);background:var(--bg2);color:var(--txt)}
.btn.wa{border-color:rgba(37,211,102,.4);background:rgba(37,211,102,.08);color:#8EE6AE}
.btn.lg{padding:14px 22px;font-size:15.5px}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
/* header */
.site-h{position:sticky;top:0;z-index:40;background:rgba(11,13,18,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:22px;min-height:70px}
.brand img{height:42px;width:auto}
.mainnav{display:flex;gap:20px;font-size:14.5px;color:var(--dim);align-items:center}
.mainnav>a:hover,.drop:hover summary{color:var(--txt)}
.drop{position:relative}
.drop>summary{list-style:none;cursor:pointer;padding:6px 0;font-size:14.5px;color:var(--dim)}
.drop>summary::-webkit-details-marker{display:none}
.drop>summary::after{content:"▾";margin-left:6px;font-size:9px;color:var(--faint)}
.drop .panel{position:absolute;left:-14px;top:calc(100% + 6px);min-width:290px;background:var(--bg2);border:1px solid var(--line);
 border-radius:12px;padding:10px;display:none;grid-template-columns:1fr;gap:2px;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.drop[open] .panel{display:grid}
.drop .panel a{display:flex;justify-content:space-between;gap:16px;padding:9px 11px;border-radius:8px;font-size:14px}
.drop .panel a:hover{background:var(--bg3)}
.drop .panel a span{color:var(--faint);font-size:12.5px}
.drop .panel a.all{color:var(--accent2);font-weight:600;border-top:1px solid var(--line);margin-top:6px}
.hbtns{margin-left:auto;display:flex;gap:10px}
.mobnav{display:none}
/* hero */
.hero{padding:78px 0 70px;background:radial-gradient(880px 420px at 80% 4%,rgba(232,84,47,.16),transparent 62%),radial-gradient(680px 360px at 6% 96%,rgba(143,163,63,.09),transparent 60%)}
.hgrid{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 12px}
.hfig{margin:0;position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg2)}
.hfig img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.hfig figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font-size:12.5px;color:#DCE2EE;
 background:linear-gradient(transparent,rgba(6,8,12,.88))}
/* trust */
.trust{padding:20px 0;background:var(--bg2);border-bottom:1px solid var(--line)}
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tgrid>div{display:flex;gap:10px;align-items:flex-start}
.tgrid b{display:block;font-size:15px}
.tgrid span{display:block;font-size:12.5px;color:var(--faint);line-height:1.45}
.tgrid>div::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:7px;flex:none;box-shadow:var(--glow)}
.tgrid>div:nth-child(n+3)::before{background:var(--green);box-shadow:0 0 0 1px rgba(143,163,63,.4)}
/* sections */
.sec{padding:70px 0;border-bottom:1px solid var(--line)}
.sec.tight{padding:44px 0 64px}
.sec.alt{background:var(--bg2)}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center}
/* cards */
.ccard,.pcard{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s,transform .18s}
.ccard:hover,.pcard:hover{border-color:#3B4560;transform:translateY(-2px)}
.ccard .cph,.pcard .ph{aspect-ratio:4/3;background:#0E1119;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);overflow:hidden}
.ccard .cph img,.pcard .ph img{width:100%;height:100%;object-fit:cover}
.ccard .cb,.pcard .pb{padding:14px 15px 17px}
.ccard h3,.pcard h3{font-size:15px;margin-bottom:4px;line-height:1.32}
.pcard .pspec{font-size:12.5px;color:var(--faint);margin:0 0 10px;line-height:1.5}
.pcard .pq{font-size:13px;color:var(--accent2);font-weight:600}
.noimg{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--faint);font-size:12.5px;
 background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 12px,transparent 12px 24px)}
.noimg.tall{min-height:320px;border:1px dashed var(--line);border-radius:var(--r);text-align:center;padding:20px}
.catgrid .cb p{margin:0;font-size:12.5px;color:var(--faint)}
/* scenes */
.scenegrid{grid-template-columns:repeat(4,1fr)}
.scard{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg2)}
.scard img{width:100%;aspect-ratio:4/3;object-fit:cover}
.scard figcaption{padding:14px 15px}
.scard b{display:block;font-size:15px}
.scard span{font-size:13px;color:var(--dim)}
/* cases */
.case{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg2)}
.case .cim{background:#0E1119;min-height:220px}
.case .cim img{width:100%;height:100%;object-fit:cover}
.case .ctx{padding:22px}
.case h3{font-size:19px}
.case blockquote{margin:14px 0;padding-left:14px;border-left:2px solid var(--accent);font-size:14.5px;color:var(--dim)}
.case blockquote cite{display:block;font-size:11.5px;color:var(--faint);font-style:normal;margin-top:7px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.chips span{font-size:11.5px;padding:3px 9px;border-radius:999px;background:var(--soft);border:1px solid rgba(232,84,47,.28);color:var(--accent2)}
/* cta band */
.cta-band{padding:56px 0;background:linear-gradient(120deg,rgba(232,84,47,.12),rgba(143,163,63,.07)),var(--bg2);border-bottom:1px solid var(--line)}
.ctaband{display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ctaband h2{margin-bottom:6px}.ctaband p{margin:0;color:var(--dim);max-width:52ch}
.ctabtns{display:flex;gap:12px;flex-wrap:wrap}
/* product page */
.phead{padding:34px 0 22px;border-bottom:1px solid var(--line);background:var(--bg2)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:0;font-size:12.5px;color:var(--faint)}
.crumbs li:not(:last-child)::after{content:"/";margin-left:7px;color:#39415A}
.crumbs a:hover{color:var(--accent2)}
.pgrid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:start}
.gal .main{margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#0E1119}
.gal .main img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#0E1119}
.thumbs{display:flex;gap:9px;margin-top:11px;flex-wrap:wrap}
.th{padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#0E1119;cursor:pointer;width:80px;height:60px}
.th img{width:100%;height:100%;object-fit:cover}
.th.on{border-color:var(--accent)}
.opts{margin-top:20px}.opts ul{columns:2;font-size:14px;color:var(--dim)}
.pinfo h1{margin-bottom:10px}
.pshort{color:var(--dim);font-size:15.5px}
.poa{display:inline-block;font-size:14px;color:var(--accent2);background:var(--soft);border:1px solid rgba(232,84,47,.28);
 border-radius:8px;padding:6px 12px;margin:4px 0 14px}
.buybox{display:flex;flex-direction:column;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:6px 0 22px}
.buybox .micro{text-align:center;margin:2px 0 0}
.specs{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 22px}
.specs caption{text-align:left;font-weight:700;font-size:16px;margin-bottom:8px}
.specs th,.specs td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.specs th{color:var(--faint);font-weight:500;width:44%}
.specs tr:nth-child(odd){background:rgba(255,255,255,.014)}
.pdesc p{color:var(--dim);font-size:15px}
.fit{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 16px}
.fit h2{font-size:15px;margin-bottom:5px}.fit p{margin:0;font-size:14px;color:var(--dim)}
.certnote{font-size:12.5px;color:var(--faint);border-top:1px dashed var(--line);padding-top:12px}
/* category extras */
.filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px}
.fchip{font-size:13px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--bg2);color:var(--dim)}
.fchip b{color:var(--accent2);margin-left:5px}
.fchip:hover{border-color:var(--accent)}
.specstrip{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:0 0 26px}
.specstrip h2{font-size:15px;margin-bottom:10px}
.specstrip ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px 20px;font-size:13.5px}
.specstrip li{display:flex;gap:9px;flex-wrap:wrap}
.specstrip b{color:var(--faint);font-weight:500;min-width:74px}
.kids{font-size:13px;color:var(--faint)}.kids a{color:var(--accent2)}
.notecard{margin-top:34px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.nbox{background:var(--bg3);border:1px solid var(--line);border-radius:11px;padding:14px}
.nbox b{display:block;font-size:14.5px;margin-bottom:5px}.nbox p{margin:0;font-size:13px;color:var(--dim)}
/* about */
.kpi{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.kpi b{display:block;font-size:26px;color:var(--accent2);letter-spacing:-.02em}
.kpi h3{font-size:14px;margin:6px 0 4px;color:var(--txt)}
.kpi p{margin:0;font-size:12.5px;color:var(--faint)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.step b{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
 background:var(--accent);color:#fff;font-size:14px;margin-bottom:10px}
.step p{margin:0;font-size:13.5px;color:var(--dim)}
.dimfig{margin:0}.dimfig img{border-radius:var(--r);border:1px solid var(--line);background:#fff}
.dimfig figcaption{font-size:12px;color:var(--faint);margin-top:8px}
/* contact */
.cgrid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:start}
.qform{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld{margin-bottom:14px}
label{display:block;font-size:12.5px;color:var(--dim);margin-bottom:5px}
input,select,textarea{width:100%;background:var(--bg3);border:1px solid var(--line);border-radius:9px;padding:11px 12px;color:var(--txt);font:inherit;font-size:14px}
textarea{resize:vertical}
input:hover,select:hover,textarea:hover{border-color:#333C52}
.submitrow{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:4px 0 12px}
.submitrow a{color:var(--accent2)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
#formmsg{font-size:14px;border-radius:10px;padding:12px 14px;margin-top:8px}
#formmsg.ok{background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.35);color:#9BEFC0}
#formmsg.err{background:var(--soft);border:1px solid rgba(232,84,47,.4);color:#F6C3B4}
.cbox{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:16px}
.cbox h2{font-size:16px}.cbox p{font-size:14px;margin:0 0 11px}
.cbox b{color:var(--faint);font-weight:500;font-size:12.5px;display:block}
.cbox a{color:var(--accent2)}
.ticks{list-style:none;padding:0;margin:0;font-size:13.5px;color:var(--dim);display:grid;gap:8px}
.ticks li{padding-left:19px;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--green)}
/* prose */
.prose{max-width:74ch}.prose h2{font-size:20px;margin-top:30px}.prose li{margin-bottom:6px;color:var(--dim)}
.prose p,.prose li{font-size:15px}
/* footer */
.site-f{padding:52px 0 24px;background:var(--bg2)}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:30px}
.fbrand img{height:46px;width:auto;margin-bottom:14px}
.fcol h4{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 12px}
.fcol ul{list-style:none;padding:0;margin:0;font-size:14px;color:var(--dim);display:grid;gap:8px}
.fcol ul a:hover{color:var(--accent2)}
.fbrand p,.flink{font-size:13.5px;color:var(--dim)}.flink a{color:var(--accent2)}
.fnote{font-size:12.5px;color:var(--faint);margin-top:10px}
.legal{border-top:1px solid var(--line);margin-top:26px;padding-top:16px;display:flex;gap:20px;flex-wrap:wrap;font-size:12.5px;color:var(--faint)}
/* responsive */
@media (max-width:1080px){.g5,.scenegrid{grid-template-columns:repeat(3,1fr)}.fgrid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
 .hgrid,.pgrid,.cgrid,.split{grid-template-columns:1fr}
 .g4,.g5,.scenegrid{grid-template-columns:repeat(2,1fr)}
 .g3,.case{grid-template-columns:1fr}
 .tgrid{grid-template-columns:repeat(2,1fr)}
 .mainnav{display:none}.mobnav{display:block}
 .gal{order:-1}
}
@media (max-width:560px){
 .wrap{padding:0 18px}.sec{padding:50px 0}.hero{padding:50px 0 44px}
 .g4,.g5,.scene,.tgrid,.scenegrid,.steps,.frow{grid-template-columns:1fr}
 h1{font-size:28px}
 .site-h .hrow{flex-wrap:wrap;gap:10px;padding:12px 0}
 .hbtns{width:100%;margin-left:0}.hbtns .btn{flex:1 1 0;padding:11px 8px;font-size:13px;white-space:normal}
 .mobnav summary{list-style:none;cursor:pointer;font-size:14px;color:var(--txt);border:1px solid var(--line);border-radius:9px;padding:8px 13px;display:inline-block}
 .mobnav summary::-webkit-details-marker{display:none}
 .mobnav summary::before{content:"☰ ";color:var(--accent)}
 .mobnav[open]{width:100%}
 .mobnav ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:11px;font-size:15px}
 .mobnav a{color:var(--dim)}
 .case .cim{min-height:180px}
 .opts ul{columns:1}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.site-h,.site-f,.cta-band{display:none}body{background:#fff;color:#000}}
/* product video */
.vidfig{margin:0 0 11px}
.vidfig video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;border:1px solid var(--line);border-radius:var(--r)}
.vidfig figcaption{font-size:12px;color:var(--faint);margin-top:7px}
/* 预览提示条（仅 PREVIEW 构建出现，正式版不含） */
.pbar{background:#5c1f10;color:#ffd9cc;text-align:center;padding:9px 16px;font-size:13.5px;line-height:1.5;border-bottom:1px solid #7a2c17}
.pbar span{opacity:.72;font-size:12px}
/* ---------- 商店模式：价格 / 加购 / 购物车 ---------- */
.pcard .pprice{display:block;font-size:16px;font-weight:700;color:var(--txt);margin:2px 0 6px;letter-spacing:-.01em}
.pcard .pq{display:block}
.ph{position:relative}
.obadge{position:absolute;left:10px;top:10px;background:rgba(11,13,18,.82);border:1px solid var(--line);
 color:var(--dim);font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:7px}
.pcard.oos .ph img{opacity:.72}
.pprice-lg{font-size:27px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}
.pstock{font-size:13px;font-weight:600;margin:0 0 12px}
.pstock.in-stock{color:var(--green)}.pstock.out-of-stock{color:var(--faint)}
.pstock.available-on-backorder{color:var(--accent2)}
.optrow{margin:0 0 12px}.optrow label{display:block;font-size:12.5px;color:var(--dim);margin-bottom:5px;font-weight:600}
.qtyatc{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg3)}
.qbtn{width:36px;border:0;background:transparent;color:var(--dim);font-size:17px;cursor:pointer;line-height:1}
.qbtn:hover{color:var(--txt);background:rgba(255,255,255,.05)}
.qin{width:52px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:transparent;
 text-align:center;color:var(--txt);font-size:15px;padding:9px 0;border-radius:0}
.qin:focus{outline:2px solid var(--accent2);outline-offset:-2px}
.atc{flex:1 1 auto;min-width:170px}
.btn.atc-disabled,.atc.disabled{opacity:.45;cursor:not-allowed}
.atc[disabled]{background:#202634;color:#8A93A8;border-color:#2C3346;box-shadow:none;cursor:not-allowed}
.btn.cart{position:relative;background:var(--bg2);border:1px solid var(--line);color:var(--txt);cursor:pointer;font:inherit}
.btn.cart:hover{border-color:#3B4560}
.cnum{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;
 font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.cartpanel{position:fixed;right:16px;top:78px;width:min(390px,calc(100% - 32px));max-height:calc(100vh - 104px);
 overflow:auto;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 22px 60px rgba(0,0,0,.55);z-index:70;
 display:flex;flex-direction:column}
.cartpanel[hidden]{display:none}
.cphead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.cphead h2{margin:0;font-size:17px}
.cpclose{background:transparent;border:0;color:var(--dim);font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.cpclose:hover{color:var(--txt)}
.cpbody{padding:12px 16px;flex:1 1 auto}
.cempty{color:var(--faint);font-size:14px;margin:6px 0}
.cline{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--line)}
.cline:last-child{border-bottom:0}
.cline b{font-size:14px;font-weight:600;line-height:1.35}
.cline .cspec{grid-column:1/2;font-size:12px;color:var(--faint)}
.cline .cprice{font-size:14px;font-weight:700;text-align:right;white-space:nowrap}
.cline .cqty{grid-column:1/2;font-size:12.5px;color:var(--dim)}
.cline .cdel{grid-column:2/3;text-align:right}
.cline .cdel button{background:transparent;border:0;color:var(--faint);font-size:12px;cursor:pointer;text-decoration:underline;padding:0}
.cline .cdel button:hover{color:var(--accent)}
.cpfoot{padding:14px 16px;border-top:1px solid var(--line);background:var(--bg3)}
.csub{display:flex;justify-content:space-between;font-size:14px;color:var(--dim);margin:0 0 10px}
.csub b{color:var(--txt);font-size:18px}
.cpfoot .btn{width:100%}
.cpfoot .micro{margin:8px 0 0;text-align:center}
@media (max-width:781px){
 .cartpanel{right:0;left:0;top:auto;bottom:0;width:auto;max-height:76vh;border-radius:var(--r) var(--r) 0 0}
 .qtyatc .atc{min-width:0;flex:1 1 140px}.qty{flex:0 0 auto}
 .btn.cart{padding:11px 12px}
}
.qty-dim{opacity:.5}
.qty-dim .qbtn{cursor:not-allowed}
.qty-dim .qin{cursor:not-allowed}
/* ---------- 子目录进菜单（2026-10-07 客户：手机端 menu 下直接看到子目录） ---------- */
.pgroup{display:block}
.pgroup>a{display:flex;justify-content:space-between;gap:12px}
.psub{display:flex;flex-direction:column;margin:2px 0 8px 10px;border-left:1px solid var(--line);padding-left:10px}
.psub a{font-size:12.5px;color:var(--dim);padding:3px 0;display:flex;gap:6px;align-items:baseline}
.psub a:hover{color:var(--accent2)}
.psub i{font-style:normal;color:var(--faint);font-size:11px}
.mobnav .msub{margin:4px 0 8px 14px;padding-left:12px;border-left:1px solid var(--line);columns:1}
.mobnav .msub li{margin:0}
.mobnav .msub a{font-size:13.5px;color:var(--dim);display:flex;justify-content:space-between;gap:10px;padding:4px 0}
.mobnav .msub a span{color:var(--faint);font-size:12px}
.ctaband-solo{display:flex;justify-content:center;text-align:center}
.ctaband-solo .btn{min-width:240px}

/* ---------- 硬覆盖：别家主题/插件（Avada、Elementor 的内联样式）会盖住深色底 ---------- */
html,body{background:var(--bg) !important;color:var(--txt) !important}
.site-h,.site-f,.sec,.sec.alt,.phead,.cta-band,.trust,.hero{background-color:transparent}
.sec.alt{background:rgba(255,255,255,.02) !important}
main{background:var(--bg)}
h1,h2,h3,h4,p,li,td,th{color:inherit}
a{color:inherit}

/* ---------- WooCommerce 原生控件适配到新版式 ----------
   购买区用的是 WooCommerce 自己的表单（变体下拉、加购、数量），
   类名与设计稿的 .qty/.atc 不同，不补这段会渲染成三个白色系统控件。 */
.buybox form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin:2px 0 0}
.buybox .quantity{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;
  overflow:hidden;background:var(--bg3);order:2}
.buybox .quantity input.qty{width:56px;border:0;border-radius:0;background:transparent;color:var(--txt);
  font:inherit;font-size:15px;text-align:center;padding:11px 4px;-moz-appearance:textfield;appearance:textfield}
.buybox .quantity input.qty::-webkit-outer-spin-button,
.buybox .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* 变体/数量插件会注入 +/- 按钮，类名各家不同，这里统一按设计稿的 .qbtn 处理 */
.buybox .quantity button,.buybox .quantity .qbtn,.buybox .quantity .btn-qty,.buybox .quantity span.qty-down,
.buybox .quantity span.qty-up,.buybox .wqac-control,.buybox .wqac-add,.buybox .wqac-sub,
.variations_button .quantity button{width:34px;border:0;background:transparent;color:var(--dim);
  font-size:17px;cursor:pointer;line-height:1;order:0;flex:0 0 auto}
.buybox .quantity button:hover,.buybox .wqac-control:hover{color:var(--txt);background:rgba(255,255,255,.05)}
.single_add_to_cart_button,.buybox button.single_add_to_cart_button{order:3;flex:1 1 170px;min-width:170px;
  appearance:none;border:0;cursor:pointer;background:var(--accent);color:#fff;font:inherit;font-weight:700;
  font-size:15px;letter-spacing:.2px;border-radius:11px;padding:12px 18px;box-shadow:0 6px 18px rgba(232,84,47,.28)}
.single_add_to_cart_button:hover{background:#f4693f}
.single_add_to_cart_button.disabled{opacity:.55;cursor:not-allowed}
form.variations_form{display:block}
table.variations{width:100%;border-collapse:collapse;margin:0 0 4px}
table.variations th,table.variations td.label{width:96px;text-align:left;color:var(--dim);font-weight:600;font-size:13px;
  padding:6px 10px 6px 0;vertical-align:middle;border:0}
table.variations td,table.variations td.value{padding:4px 0;border:0}
table.variations select{width:100%;max-width:340px;background:var(--bg3);border:1px solid var(--line);
  border-radius:9px;padding:10px 12px;color:var(--txt);font-size:14px}
table.variations td.reset_variations{padding-left:12px}
a.reset_variations{color:var(--faint);font-size:13px}
.woocommerce-variation-price{width:100%;margin:2px 0 6px}
.woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.woocommerce-variation-add-to-cart .quantity{display:flex;align-items:center;border:1px solid var(--line);
  border-radius:10px;overflow:hidden;background:var(--bg3)}
.woocommerce-variation-add-to-cart .quantity input.qty{width:56px;border:0;background:transparent;
  color:var(--txt);font-size:15px;text-align:center;padding:11px 4px;-moz-appearance:textfield;appearance:textfield}
.woocommerce-variation-add-to-cart .quantity input.qty::-webkit-outer-spin-button,
.woocommerce-variation-add-to-cart .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.woocommerce-variation-add-to-cart .single_add_to_cart_button{flex:1 1 170px;min-width:170px}
/* 变体属性用色块/图片显示时（她店里装了 swatches 插件），给一个深色底免得白块 */
.woo-swatches-visual span.woo-variation-ml,.variable-items-wrapper .variable-item-span,
.woo-var-label-content,.woo-variation-field .woo-var-label{color:var(--txt)}
.variable-items-wrapper{margin:2px 0 6px}
.variable-items-wrapper .variable-item-not-selected,.variable-items-wrapper select{margin-bottom:4px}

/* WordPress 的隐藏标签类：核心样式表被卸掉后 .screen-reader-text 会变成可见文字
   （产品页数量框里冒出产品全名就是这个原因），这里自带一份 */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);border:0;white-space:nowrap}
.screen-reader-text:focus{position:static!important;width:auto;height:auto;margin:0;overflow:visible;
  clip:auto;clip-path:none;white-space:normal}

/* 变体表单里 Avada 留下的 "Clear selection" 链接：设计稿没有这一行，
   图标字体被卸掉后只剩一个方块，直接隐藏（重新选下拉即可，不影响价格更新） */
.variations .reset_variations,.single_variation_price_reset .reset_variations{display:none}

/* 一期不做在线收款：购物车页里 WooCommerce 自带的 "Proceed to checkout"
   （Avada 模板直接输出，remove_action 拦不住）隐藏掉，出口用我们那两个按钮 */
body.woocommerce-cart .wc-proceed-to-checkout,body.woocommerce-cart a.checkout-button{display:none!important}

/* 购物车：侧板里的"去购物车"入口 + 购物车页那个删除 × 要看得见点得动 */
.cartpanel .cplink{text-align:center;margin:8px 0 0}
.cartpanel .cplink a{color:var(--dim);font-size:13px;text-decoration:underline}
.cartpanel .cplink a:hover{color:var(--txt)}
.woocommerce-cart td.product-remove a.remove{display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border:1px solid var(--line);border-radius:8px;color:var(--dim);font-size:18px;
  line-height:1;text-decoration:none;background:var(--bg3)}
.woocommerce-cart td.product-remove a.remove:hover{color:#fff;background:var(--accent);border-color:var(--accent)}
.woocommerce-cart .cart-empty,.woocommerce-info{color:var(--dim);border:1px solid var(--line);
  background:var(--bg2);border-radius:var(--r);padding:16px}