:root{--brand:#ff6a00;--btn-bg:#c94700;--btn-hover:#a83b00;--btn-active:#8f3200;--o:var(--brand);--od:#c94700;--ods:#a83b00;--ob:var(--btn-bg);--ink:#2b211c;--muted:#74675f;--cream:#fff5ec;--paper:#fff9f5;--line:#ffd2b8}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:16px}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.note{display:inline-block;background:#fff3cd;color:#7a5200;border:1px solid #f0c36d;font-size:12px;padding:1px 8px;border-radius:4px;font-weight:500;vertical-align:middle}
.ph{background:repeating-linear-gradient(45deg,#f1f1f1,#f1f1f1 10px,#e9e9e9 10px,#e9e9e9 20px);border:2px dashed #9a9a9a;color:#555;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;padding:14px;font-weight:600}
.ph{flex-direction:column;gap:2px}.ph::before{content:"【占位】";color:#c00;font-size:12px}
header{border-bottom:1px solid #f1e4da;background:#fff;position:sticky;top:0;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo b{font-size:20px}.logo small{display:block;font-size:12px;color:var(--muted);line-height:1}
.menu{display:flex;gap:28px;font-size:15px}.menu .on{color:var(--ods);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:12px 24px;font-weight:700;font-size:15px;white-space:nowrap}
.bp{background:var(--ob);color:#fff}.bs{border:1.5px solid var(--o);color:var(--ods);background:#fff}.bsm{padding:8px 16px;font-size:14px}
.burger{display:none;font-size:24px}
section{padding:72px 0}
.eyebrow{color:var(--ods);font-size:13px;letter-spacing:2px;font-weight:700}
h2{font-size:32px;line-height:1.3;margin:6px 0 10px}
.lead{color:var(--muted);max-width:720px}
.hero{padding:80px 0}
.hero-bg{background-size:cover;background-position:center;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgba(255,245,236,.86) 0%,rgba(255,245,236,.62) 38%,rgba(255,230,213,.32) 68%,rgba(255,230,213,.15) 100%),var(--hero-img)}
.hero-home{--hero-img:url(/assets/hero-home.jpg)}
.hero-products{--hero-img:url(/assets/hero-products.jpg)}
.hero-product-detail{--hero-img:url(/assets/hero-product-detail.jpg)}
.hero-pricing{--hero-img:url(/assets/hero-pricing.jpg)}
.hero-accio{--hero-img:url(/assets/hero-accio.jpg)}
.hero-cases{--hero-img:url(/assets/hero-cases.jpg)}
.hero-about{--hero-img:url(/assets/hero-about.jpg)}
.hero-contact{--hero-img:url(/assets/hero-contact.jpg)}
.hero h1{font-size:44px;line-height:1.25;margin:12px 0 16px}
.hero h1 em{font-style:normal;color:var(--od);text-decoration:underline 4px var(--brand);text-underline-offset:8px;text-decoration-skip-ink:none}
.heroGrid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.trust{background:#2b211c;color:#fff;padding:28px 0}
.trustGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.trust .ph{background:#3a2e28;border-color:#a8968a;color:#f3e3d8;min-height:76px;font-size:13px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.card{border:1px solid #f1e4da;border-radius:16px;padding:24px;background:#fff}
.seg{border-top:4px solid var(--o)}
.seg .q{font-size:13px;color:var(--muted)}.seg h3{font-size:19px;margin:6px 0}.seg .go{color:var(--ods);font-weight:700;margin-top:12px;display:block}
.cat{margin-top:36px}.cat h3{font-size:20px;display:flex;gap:10px;align-items:center;margin-bottom:14px}
.cat h3 span{font-size:13px;color:var(--muted);font-weight:400}
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.p{border:1px solid #f1e4da;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:6px}
.p h4{font-size:18px}.p .d{font-size:14px;color:var(--muted);flex:1}
.pver{font-size:13px;color:var(--muted);margin:4px 0 0;font-weight:500}.price{font-size:22px;font-weight:800;color:var(--od)}.price small{font-size:13px;font-weight:500;color:var(--muted)}
.price.tbd{font-size:16px;color:var(--muted)}
.p .row{display:flex;gap:8px;margin-top:8px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;counter-reset:s}
.step{background:var(--cream);border-radius:14px;padding:22px}
.step b{color:var(--od);font-size:28px;display:block}
.step h4{font-size:18px;margin:4px 0}
.step .ph{margin-top:10px;font-size:12px;min-height:56px}
.alt{background:var(--paper)}
.cfg{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:28px}
.opt{display:flex;justify-content:space-between;border:1px solid #f1e4da;border-radius:10px;padding:12px 16px;margin-top:8px;font-size:15px;gap:10px}
.opt.sel{border-color:var(--brand);background:#fff5ec}
.sum{background:#2b211c;color:#fff;border-radius:16px;padding:24px;align-self:start}
.sum .tot{font-size:32px;font-weight:800;color:#ffb27d}
.faq details{border-bottom:1px solid #f1e4da;padding:18px 0}
.faq summary{font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between}
.faq summary::after{content:"+";color:var(--od);font-size:22px}
.faq p{color:var(--muted);margin-top:8px;font-size:15px}
.formBox{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;background:linear-gradient(135deg,#fff5ec,#ffe6d5);border-radius:24px;padding:48px}
.f label{display:block;font-size:14px;font-weight:600;margin:12px 0 6px}
.f label i{color:#b00000;font-style:normal}
.f .in{border:1px solid #e3d3c7;border-radius:10px;height:46px;background:#fff;padding:0 14px;display:flex;align-items:center;color:#74675f;font-size:15px}
.f .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chk{font-size:13px;color:var(--muted);margin:14px 0}
.states{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.ok,.err{border-radius:10px;padding:12px;font-size:13px}.ok{background:#e9f7ee;border:1px solid #9bd3ad;color:#1d6b36}.err{background:#fdecec;border:1px solid #f0a5a5;color:#9b1c1c}
footer{background:#21150f;color:#d8c8bd;padding:40px 0 30px;font-size:14px}
.fgrid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.mbar{display:none}
.float{position:fixed;right:20px;bottom:120px;display:flex;flex-direction:column;gap:8px;z-index:6}
.float a{background:var(--ob);color:#fff;width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;box-shadow:0 6px 18px #ff6a0055}
table{width:100%;border-collapse:collapse;margin-top:24px;font-size:15px}
th,td{border-bottom:1px solid #f1e4da;padding:14px;text-align:left;vertical-align:top}
th{background:var(--cream)}
td.hl,th.hl{background:#fff5ec}
ul.ck{list-style:none;columns:2;gap:24px}ul.ck li{padding:6px 0 6px 26px;position:relative;break-inside:avoid}
ul.ck li::before{content:"✓";position:absolute;left:0;color:var(--od);font-weight:800}
.crumb{font-size:13px;color:var(--muted)}
@media (max-width:640px){
 body{font-size:15px;padding-bottom:72px}
 .wrap{padding:0 18px}.menu,.nav>.btn{display:none}.burger{display:block}.nav{height:58px}
 section{padding:44px 0}h2{font-size:24px}
 .hero{padding:40px 0}.hero h1{font-size:28px}.heroGrid,.cfg,.formBox{grid-template-columns:1fr;gap:20px}
 .ctas .btn{flex:1 1 100%}
 .trustGrid{grid-template-columns:1fr 1fr}.trustGrid>:first-child{grid-column:1/-1}
 .grid4,.grid3,.prods,.steps{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr;gap:12px}
 .seg{padding:16px}.seg h3{font-size:16px}
 .formBox{padding:24px 18px;border-radius:16px}.f .two,.states{grid-template-columns:1fr}
 ul.ck{columns:1}.float{display:none}
 .tblwrap{overflow-x:auto}table{min-width:520px;font-size:14px}
 .mbar{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid #f1e4da;z-index:9;box-shadow:0 -4px 16px #0000000f}
 .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;gap:2px}
 .mbar a span{font-size:18px}.mbar .c{background:var(--ob);color:#fff}
}
.phi{display:inline-block;background:#eee;border:1.5px dashed #9a9a9a;color:#b00;font-size:12px;font-weight:600;padding:0 8px;border-radius:4px;margin-top:4px}
.hookS{padding:36px 0 0}.hook{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;background:linear-gradient(120deg,#c94700,#a83b00);color:#fff;border-radius:20px;padding:28px 32px;box-shadow:0 10px 30px #c9470040}
.hk-t{font-size:26px;font-weight:800}.hook p{opacity:.92;font-size:15px;margin-top:4px}
.hk-f{display:grid;grid-template-columns:1.3fr 1fr auto;gap:10px}.hk-f .in{border-radius:999px;height:48px;background:#fff;padding:0 18px;display:flex;align-items:center;color:#74675f;font-size:14px}
.bw{background:#fff;color:var(--ods)}
.kw .d b{color:var(--ink)}
.sp b{color:var(--od);font-size:28px}.sp h3{font-size:19px}.sp p{color:var(--muted);font-size:15px;margin-top:4px}
.opt.more{border-style:dashed;color:var(--ods);font-weight:700}
.anno{margin-top:10px;font-size:12px;color:#6b4e00;background:#fff8e1;border-left:3px solid #f0c36d;padding:8px 10px;border-radius:4px}
.planbox{background:#fff;border:1.5px solid var(--o);border-radius:10px;padding:12px 14px;font-size:14px;margin-bottom:4px}
.f .in.fill{color:var(--ink);border-color:var(--brand)}.f label small{color:var(--muted);font-weight:400}
.float{bottom:auto;top:340px}.float a{width:44px;height:44px;border-radius:50%;font-size:20px}
@media (max-width:640px){.hook,.hk-f{grid-template-columns:1fr}.hook{padding:22px 18px}.hk-t{font-size:21px}.hookS{padding:28px 0 0}}
/* wechat state */
.mask{position:fixed;inset:0;background:#0009;z-index:20;display:flex;align-items:flex-end}
.sheet{background:#fff;width:100%;border-radius:20px 20px 0 0;padding:20px 22px 96px;text-align:center}
.toast{position:fixed;top:90px;left:50%;transform:translateX(-50%);background:#2b211ce8;color:#fff;padding:12px 20px;border-radius:12px;z-index:30;font-size:15px;white-space:nowrap}
.tabs{display:none}.tabnote{display:none}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;align-items:start}
.pgrp{border:1px solid #f1e4da;border-radius:16px;padding:22px;background:#fff}
.pgrp h3{font-size:20px;color:var(--od)}.pdesc{font-size:13px;color:var(--muted);margin:4px 0 10px;background:var(--cream);padding:6px 10px;border-radius:6px}
.prow{border-top:1px solid #f4ebe4;padding:12px 0}
.pn{font-weight:700;font-size:15px}.pn small{display:block;font-weight:400;font-size:12px;color:var(--muted)}
.pp{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:4px;flex-wrap:wrap}
.vip{color:var(--od);font-weight:800;font-size:20px;line-height:1.2}.std{color:#767676;font-size:14px;text-align:right}
.vip em,.std em{display:block;font-style:normal;font-size:11px;font-weight:500}.vip em{color:var(--ods)}.std s{color:#767676}
.single{max-width:none;display:grid;grid-template-columns:repeat(2,1fr);column-gap:32px}.single .prow:nth-child(-n+2){border-top:none}
@media (max-width:640px){
 .tabs{display:flex;gap:6px;margin-top:20px;background:var(--cream);padding:4px;border-radius:999px}
 .tab{border:0;background:transparent;font-family:inherit;cursor:pointer;flex:1;text-align:center;padding:9px 0;border-radius:999px;font-weight:700;font-size:14px;color:var(--muted)}.tab.on{background:var(--ob);color:#fff}
 .tabnote{display:block}
 .pgrid{grid-template-columns:1fr;margin-top:14px}.pgrp{display:none}.pgrp.act{display:block}
 .single{grid-template-columns:1fr}.single .prow:nth-child(2){border-top:1px solid #f4ebe4}
}
.area{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--ods);font-weight:700;font-size:14px;padding:4px 12px;border-radius:999px;margin:-4px 0 14px}
.fcol{display:flex;flex-direction:column;gap:6px}.fcol b{color:#fff}
.fqr{width:110px;height:110px;font-size:12px;background:#3a2e28;border-color:#a8968a;color:#f3e3d8}
.fbot{border-top:1px solid #3a2e28;margin-top:28px;padding-top:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}
.fph{display:inline-flex;padding:4px 10px;font-size:12px;background:#3a2e28;border-color:#a8968a;color:#f3e3d8}
.hform{background:#fff;border-radius:20px;padding:26px;box-shadow:0 12px 40px #c9470022}
.hform h3{font-size:20px}.hform .f label{margin-top:10px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.facts .ph{min-height:110px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chip{border:1px solid var(--line);border-radius:999px;padding:6px 16px;font-size:14px}.chip.on{background:var(--btn-bg);color:#fff;border-color:var(--btn-bg)}
.ccard .ph{margin-top:8px}
.ci{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.ci .card b{display:block;font-size:13px;color:var(--muted);font-weight:500}.ci .big{font-size:20px;font-weight:800;color:var(--ink);margin-top:4px;display:block}
@media (max-width:640px){.facts,.ci{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:20px}.fgrid{flex-direction:column}.ci .big{font-size:16px;word-break:break-all}}
.g2c{grid-template-columns:1fr 1fr}@media (max-width:640px){.g2c{grid-template-columns:1fr}}
@media (max-width:640px){.grid4.plans{grid-template-columns:1fr}}
/* ===== 生产增补（在样稿 style.css v1.1 基础上） ===== */
.envbar{background:#2b211c;color:#ffd2b8;text-align:center;font-size:12px;padding:4px 8px}
.logo{display:block}.menu a:hover,.lk:hover,.go:hover{color:var(--ods)}
.btn{cursor:pointer;border:0;font-family:inherit;transition:background .15s}.bp:hover{background:var(--btn-hover)}.bp:active{background:var(--btn-active)}.bs:hover{border-color:var(--btn-hover)}
.bs{border:1.5px solid var(--o)}.btn:disabled{opacity:.45;cursor:not-allowed}
button{font-family:inherit}.burger{background:none;border:0;cursor:pointer}
.lk,.gol,.go{color:var(--ods);font-weight:700}.gol{display:block;margin-top:10px}
.center{text-align:center}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt14{margin-top:14px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mt24{margin-top:24px}.mt28{margin-top:28px}.mt36{margin-top:36px}.mb16{margin-bottom:16px}
.small{font-size:13px;color:var(--muted)}.small2{font-size:14px;color:var(--muted)}.small2 b{color:var(--ink)}.mutedp{color:var(--muted);font-size:15px}.sd{font-size:14px;color:var(--muted)}
.lead2{font-size:19px;color:var(--ink);font-weight:600}.hero h1 .sub{font-size:.6em}.h1m{font-size:40px;line-height:1.25;margin:8px 0 12px}.hsm{padding:56px 0 64px}
.h3{font-size:20px;margin:0;color:var(--od)}.h4{font-size:18px;margin:4px 0}.h3s{font-size:14px;color:var(--muted);font-weight:400}
.pbig{font-size:36px}.p32{font-size:32px}.pmid{font-size:28px;margin:10px 0}.pface{font-size:22px}.cod{color:var(--ods)}
.hk-t{margin:0;color:#fff;font-size:26px;line-height:1.3}.ctaR{margin:0;justify-content:flex-end}.bghost{background:transparent!important;color:#fff!important;border-color:#fff!important}
.fco{max-width:340px}.fname{color:#fff;font-size:18px}.fcol a:hover{color:#fff}.fcontact{margin-top:20px}.fq140{width:140px;height:140px;margin-top:16px}.addr{font-size:18px}
.casebig{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;margin-top:24px}
.crumb a:hover{color:var(--ods)}
/* 表单真实控件（对应样稿 .in） */
.f input:not([type=checkbox]),.f select{width:100%;border:1px solid #e3d3c7;border-radius:10px;height:46px;background:#fff;padding:0 14px;font-size:15px;color:var(--ink);font-family:inherit;outline:none}
.f input::placeholder,.hk-f input::placeholder{color:#74675f}.f select:invalid,.f select.empty{color:#74675f}
.f input:focus,.f select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #ff6a0026}
.f .bad,.hk-f .bad{border-color:#d33!important}.fe{display:block;color:#d33;font-size:12px;font-style:normal;min-height:0}.fe:empty{display:none}
.f select.fill{border-color:var(--brand);color:var(--ink)}
.chk{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.chk input{margin-top:3px;accent-color:var(--brand)}
.wide{width:100%}.fnote{font-size:13px;color:var(--muted);margin-top:8px}.ok,.err{margin-top:12px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hk-f{position:relative}.hk-f input{width:100%;border:0;border-radius:999px;height:48px;background:#fff;padding:0 18px;font-size:14px;font-family:inherit;color:var(--ink);outline:none}
.hk-f .fe{color:#fff;font-weight:700;padding:2px 12px}.hk-msg{grid-column:1/-1;font-size:14px;font-weight:700}.hk-msg:empty{display:none}
/* 配置器 */
.cg{border:0;margin-top:14px}.cg:first-child{margin-top:0}.cg legend{font-weight:700}.cg legend small{color:var(--muted);font-weight:400}
.opt{cursor:pointer;align-items:center;background:#fff;width:100%;text-align:left;font-size:15px}.opt input{accent-color:var(--brand)}.opt:has(input:checked){border-color:var(--brand);background:#fff5ec}
.opt.more{margin-top:14px}.sum .sl{font-size:14px;opacity:.8}.sum .sitems{margin:10px 0}.sum .sl2{font-size:13px;opacity:.8}.sum .sn{font-size:12px;opacity:.7;margin:8px 0 16px}
/* 移动交互 */
.mbar button{background:none;border:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;gap:2px}.mbar button span{font-size:18px}
.toast[hidden],.mask[hidden]{display:none}.mask{display:flex}.sheet .grab{width:40px;height:4px;background:#ddd;border-radius:2px;margin:0 auto 14px}
.sht{font-size:18px}.shs{color:var(--muted);font-size:14px;margin:4px 0 14px}.shqr{width:200px;height:200px;margin:0 auto}.shh{font-size:14px;margin:12px 0}.shb{display:flex;gap:10px}.shb .btn{flex:1}
.shx{margin-top:12px;background:none;border:0;color:var(--muted);font-size:14px;cursor:pointer}
.float .fbtn{border:0;cursor:pointer;background:var(--btn-bg);color:#fff;width:44px;height:44px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #ff6a0055}
.chip{background:#fff;cursor:pointer;font-family:inherit}
.ccard img{width:100%;border-radius:10px}
@media (max-width:640px){
 .menu.open{display:flex;flex-direction:column;position:absolute;top:58px;left:0;right:0;background:#fff;padding:12px 18px 18px;gap:14px;border-bottom:1px solid #f1e4da;box-shadow:0 8px 20px #0000000f}
 .nav{position:relative}.h1m{font-size:28px}.casebig{grid-template-columns:1fr}.hk-t{font-size:21px}.pbig{font-size:30px}
 .ctaR{justify-content:stretch}
}
.filled.fph{display:inline;background:none;border:0;padding:0;font-size:13px;color:#d8c8bd}.filled.fph a:hover{color:#fff;text-decoration:underline}
/* QA J-5/J-7 */
.tab{border:0;background:transparent;font-family:inherit;cursor:pointer}.tab.on{background:var(--ob)}
h1{overflow-wrap:anywhere}.swipe{display:none;font-size:12px;color:var(--muted);text-align:center;margin-top:6px}
@media(max-width:760px){.swipe{display:block}.h1m{font-size:28px}}
.cfgnote{font-size:12px;color:var(--muted);margin-top:6px}.srcs{padding:20px 0 40px}.srcs a{color:var(--ods);text-decoration:underline}
/* 留言框（规范 6 .ta） */
.f textarea.ta{width:100%;min-height:104px;padding:12px 14px;border:1px solid #e3d3c7;border-radius:10px;font:inherit;font-size:15px;line-height:1.5;color:var(--ink);background:#fff;resize:vertical}
.f textarea.ta:focus{outline:0;border-color:var(--o);box-shadow:0 0 0 3px #ff6a0026}.f textarea.ta.bad{border-color:#d33}
.f .cnt{text-align:right;font-size:12px;color:var(--muted);margin-top:4px}.f .cnt.over{color:#d33}

/* J-15 直通车对比表 */.cmp td,.cmp th{vertical-align:top}.cmp .src{font-size:12px;color:var(--muted)}
.wxid{font-size:14px;margin-top:12px}.wxid b{color:var(--ods)}
.heroGrid>:only-child,.split>:only-child{grid-column:1/-1}