/* ===== MHOT Industrial v3 —— orionmotortech.com 1:1 几何复刻 =====
   实测基准：容器 1265 / 正文 15px Inter / 标题色 #1B1B1B / 正文色 #404040
   顶栏 82 · 首屏 426 · 服务条 66 · 分类 328 · Best Sellers 1617(左343+右866, 卡278x500)
   双栏 345(各613) · 族行 586(卡294x503) · 三卡 555(卡398x472) · Brand 260(容器700)
   FAQ 358(容器700) · Guides 389(卡294x306) · 页脚 438(3x398) ===== */
:root{--ink:#1B1B1B;--navy:#0E2E52;--navy2:#16406E;--yellow:#FFC400;--line:#E1E1E1;--muted:#565F6B;--soft:#F6F6F6;--txt:#404040;--acc:#0049D9}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--txt);font:400 15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;color:var(--ink);font-weight:600;line-height:1.2}
h2{font-size:22px}
h3{font-size:16px}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul{margin:0;padding:0;list-style:none}
.pw{max-width:1265px;margin:0 auto;padding:0 20px}
.sh{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:27px;min-height:26px}
.sl{font-size:15px;font-weight:600;color:#0049D9}
.sl:hover{text-decoration:underline;text-underline-offset:.3rem}
section{border:0}

/* 顶栏 82 */
.hdr{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
.hdr .row{display:flex;align-items:center;justify-content:space-between;height:82px;gap:35px}
.brand{display:flex;align-items:center;gap:8px;background:none;border:0}
.brand b{font-size:24px;font-weight:700;color:var(--navy);line-height:1}
.brand span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#8A8F98;white-space:nowrap}
.nav{display:flex;align-items:center;gap:26px}
.nav a{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--ink);padding:8px 0}
.nav a:hover{color:var(--acc)}
.nav a.amz{background:var(--navy);color:#fff;border-radius:5px;padding:14px 35px;font-size:14px;border:1px solid var(--navy)}
.nav a.amz:hover{background:var(--navy2);color:#fff}

/* 通用按钮：方角、14px/600、内边距 19x32 */
.b1{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:#fff;border:1px solid var(--navy);
  border-radius:0;padding:19px 32px;line-height:16px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s}
.b1:hover{background:var(--navy2)}
.b1.small{padding:14px 25px}
.b2{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);border:1px solid var(--line);
  border-radius:0;padding:19px 32px;font-size:14px;font-weight:600}

/* 1 首屏 426 */
.s1{position:relative;min-height:426px;display:flex;align-items:center;overflow:hidden;background:#0B1B2E}
.s1-bg{position:absolute;inset:0;background-size:cover;background-position:center right;opacity:.9}
.s1:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,30,.92),rgba(7,17,30,.62) 60%,rgba(7,17,30,.25))}
.s1-in{position:relative;z-index:2;padding-top:64px;padding-bottom:64px}
.s1 h2{color:#fff;font-size:36px;line-height:1.18;max-width:22ch}
.s1 p{color:#fff;font-size:18px;line-height:27px;margin-top:16px;max-width:62ch;opacity:.95}
.hb{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* 2 服务条 66 */
.s2{background:var(--soft);border-bottom:1px solid var(--line)}
.s2-in{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:6px;padding-bottom:6px}
.s2 .f b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.s2 .f span{display:block;font-size:13px;color:var(--muted);line-height:16.8px;margin-top:2px}

/* 3 分类 328：6 卡 191x242 */
.s3{padding:0 0 1px}
.catrow{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.cc{display:block}
.cc .ci{display:block;width:100%;height:242px;background-color:#fff;background-size:contain;background-position:center;background-repeat:no-repeat;
  border:1px solid var(--line);transition:border-color .2s,transform .2s}
.cc:hover .ci{border-color:#C9CFD6;transform:translateY(-2px)}
.cc b{display:block;font-size:14px;font-weight:500;color:var(--ink);margin-top:12px;line-height:1.35}

/* 4 Best Sellers 1617：左343 + 右866，卡 278x500 */
.s4{padding:16px 0 16px}
.bs{display:grid;grid-template-columns:343px 866px;gap:16px;align-items:start}
.bs-side{display:grid;gap:16px}
.bs-box{border:1px solid var(--line);padding:20px}
.bs-box h3{font-size:15px;margin-bottom:12px}
.bs-box li{border-bottom:1px solid var(--line)}
.bs-box li:last-child{border-bottom:0}
.bs-box li a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:14px;color:var(--txt)}
.bs-box li a:hover{color:var(--acc)}
.bs-box li i{font-style:normal;font-size:12px;color:var(--muted)}
.bs-box p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.bs-grid{display:grid;grid-template-columns:repeat(3,278px);gap:16px}
.pc{display:flex;flex-direction:column;border:1px solid var(--line);padding:0 0 16px;height:500px;transition:box-shadow .2s,border-color .2s}
.pc:hover{box-shadow:0 12px 30px rgba(11,11,15,.10);border-color:#D5DAE0}
.pc-top{padding:12px 14px 0;min-height:20px}
.pc-top i{font-style:normal;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pc-img{display:block;height:300px;margin:8px 14px 0;background-size:contain;background-position:center;background-repeat:no-repeat}
.pc-img.ph{background:linear-gradient(135deg,#0E2E52,#1B4C7E);display:flex;align-items:center;justify-content:center}
.pc-img.ph em{font-style:normal;color:rgba(255,255,255,.85);font-size:19px}
.pc b{display:block;font-size:16px;font-weight:600;color:var(--ink);margin:14px 14px 0}
.pc-sub{display:block;font-size:12px;color:var(--muted);margin:4px 14px 0}
.pc-cta{margin:auto 14px 0;font-size:13px;color:var(--navy);border-bottom:1px solid var(--yellow);align-self:flex-start;padding-bottom:1px}

/* 5 双栏 345：各 613 */
.s5{padding:35px 0 39px;background:var(--soft)}
.s5-in{display:grid;grid-template-columns:613px 613px;gap:16px;align-items:center}
.s5-l h2{font-size:22px}
.s5-l p{font-size:15px;line-height:22.5px;margin:12px 0 20px}
.s5-r{display:grid;gap:10px}
.s5-box{border:1px solid var(--line);background:#fff;padding:18px 20px}
.s5-box b{display:block;font-size:15px;color:var(--ink)}
.s5-box span{display:block;font-size:14px;color:var(--muted);margin-top:3px}

/* 6 族行 586：4 卡 294x503 */
.s6{padding:11px 0 17px}
.famrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fc{display:flex;flex-direction:column;border:1px solid var(--line);height:503px;padding:0 0 18px;transition:box-shadow .2s,border-color .2s}
.fc:hover{box-shadow:0 12px 30px rgba(11,11,15,.10);border-color:#D5DAE0}
.fc-img{display:block;height:330px;margin:16px 18px 0;background-size:contain;background-position:center;background-repeat:no-repeat}
.fc-img.ph{background:linear-gradient(135deg,#0E2E52,#1B4C7E);display:flex;align-items:center;justify-content:center}
.fc-img.ph em{font-style:normal;color:rgba(255,255,255,.85);font-size:19px}
.fc b{display:block;font-size:16px;font-weight:600;color:var(--ink);margin:16px 18px 0}
.fc-sub{display:block;font-size:12px;color:var(--muted);margin:4px 18px 0}

/* 7 三卡 555：398x472 */
.s7{padding:12px 0 18px}
.trow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tc{display:flex;flex-direction:column;height:472px;border:1px solid var(--line);padding:0 0 22px}
.tc-img{display:block;height:265px;background-size:cover;background-position:center;margin-bottom:20px}
.tc b{display:block;font-size:16px;font-weight:600;color:var(--ink);margin:0 20px}
.tc p{font-size:14px;line-height:19.6px;color:var(--txt);margin:10px 20px 0}
.tc .sl{margin:auto 20px 0;align-self:flex-start}

/* 8 Brand 带 260：容器 700 */
.s8{padding:30px 0;background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.s8-in{max-width:700px;margin:0 auto;text-align:center}
.s8 h2{font-size:22px;font-weight:800}
.s8 p{font-size:15px;line-height:22.5px;margin:14px 0 20px}

/* 9 FAQ 358：容器 700 */
.s9{padding:21px 0 26px;background:#fff}
.s9-in{max-width:700px;margin:0 auto}
.s9 h2{margin-bottom:22px}
.faq{display:grid;gap:0}
.faq details{border-bottom:1px solid var(--line);background:transparent}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;position:relative;padding:11px 26px 11px 0;font-size:18px;font-weight:600;color:var(--ink);line-height:21.6px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:10px;color:var(--navy);font-size:16px}
.faq details[open] summary:after{content:"\2013"}
.faq details p{padding:0 0 14px;font-size:14px;line-height:22px}

/* 10 Guides 389：4 卡 294x306 */
.s10{padding:8px 0 22px}
.grow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gc{display:flex;flex-direction:column;height:306px;border:1px solid var(--line);padding:0 0 18px}
.gc-img{display:block;height:170px;background-size:cover;background-position:center}
.gc-img.ph{background:var(--navy);display:flex;align-items:center;justify-content:center;background-size:auto}
.gc-img.ph em{font-style:normal;color:rgba(255,255,255,.85);font-size:16px}
.gc b{display:block;font-size:15px;font-weight:600;color:var(--ink);margin:16px 18px 0}
.gc-sub{display:block;font-size:12px;color:var(--muted);margin:4px 18px 0}

/* 页脚 438：3 列 398 */
.ftr{background:#111;color:#fff;padding:25px 0 11px}
.ftr-in{max-width:1265px;margin:0 auto;padding:0 20px}
.ftr .top{display:grid;grid-template-columns:repeat(3,398px);gap:16px}
.ftr h4{font-size:18px;font-weight:600;letter-spacing:0;text-transform:none;color:#fff;margin-bottom:14px}

.ftr a,.ftr p,.ftr li{color:rgba(255,255,255,.8);font-size:15px}
.ftr li{margin-bottom:8px}
.ftr .brand b{color:var(--yellow)}
.ftr .bottom{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.5)}

/* 导航下拉 */
.dd{position:relative}
.dd-toggle i{font-style:normal;font-size:9px;opacity:.5;margin-left:4px}
.dd-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:300px;background:#fff;border:1px solid var(--line);padding:8px;
  box-shadow:0 18px 44px rgba(11,11,15,.13);opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .16s,transform .16s,visibility .16s;z-index:80}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-menu a{display:block;padding:10px 12px;text-transform:none;font-weight:500;font-size:14px}
.dd-menu a:hover{background:var(--soft)}
.dd-menu b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.dd-menu span{display:block;font-size:12px;color:var(--muted)}

/* 内页 */
.pagehead{background:var(--navy);color:#fff;padding:52px 0 46px}
.pagehead h1{color:#fff;font-size:34px;font-weight:600;max-width:22ch}
.pagehead .kicker{color:var(--yellow)}
.pagehead p{color:rgba(255,255,255,.85);margin-top:14px;font-size:16px;max-width:62ch}
.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin-bottom:12px}
.sec{padding:48px 0}
.sec.soft{background:var(--soft)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pcard{display:flex;flex-direction:column;border:1px solid var(--line);height:430px;padding:0 0 16px}
.pcard-img{display:flex;align-items:center;justify-content:center;height:300px;margin:14px}
.pcard-img img{width:100%;height:100%;object-fit:contain}
.pcard figcaption{padding:0 16px;display:flex;flex-direction:column;flex:1}
.pcard figcaption b{font-size:16px;font-weight:600;color:var(--ink)}
.pcard figcaption span{font-size:12px;color:var(--muted);margin-top:4px}
.mph{height:300px;margin:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0E2E52,#1B4C7E)}
.mph span{color:rgba(255,255,255,.85);font-size:19px;font-weight:600}
.modelimg{border:1px solid var(--line);padding:24px;display:flex;align-items:center;justify-content:center;min-height:420px}
.modelimg img{max-width:100%;max-height:380px;object-fit:contain}
.content{font-size:15px;line-height:1.75}
.content h2{font-size:24px;margin:30px 0 10px}
.content h3{font-size:18px;margin:24px 0 8px}
.content p{margin:0 0 14px}
.content ul{margin:0 0 16px;padding-left:20px;list-style:disc}
.content a{border-bottom:1px solid var(--yellow)}
.quote-form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.quote-form label{display:block;font-size:14px;color:var(--muted)}
.quote-form label.full{grid-column:1/-1;margin-top:16px}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:6px;padding:12px 14px;font-size:15px;font-family:inherit;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:0}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 3px rgba(14,46,82,.10)}
.quote-form textarea{min-height:110px;resize:vertical}
.quote-form button{margin-top:20px;cursor:pointer;font-family:inherit;border-radius:0}
.quote-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.notice{padding:15px 18px;font-size:15px;margin-bottom:20px;border:1px solid}
.notice.ok{background:#E8F6EC;border-color:#B7E0C4;color:#14532D}
.notice.bad{background:#FDECEC;border-color:#F5C2C2;color:#7F1D1D}

/* 动效 */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* 自适应 */
@media (max-width:1200px){
  .bs{grid-template-columns:300px 1fr}
  .bs-grid{grid-template-columns:repeat(3,1fr)}
  .s5-in{grid-template-columns:1fr 1fr}
  .ftr .top{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1100px){
  .catrow{grid-template-columns:repeat(3,1fr)}
  .famrow,.grow,.pgrid{grid-template-columns:repeat(2,1fr)}
  .trow{grid-template-columns:1fr 1fr}
  .s5-in{grid-template-columns:1fr}
  .fc,.gc,.pc,.tc{height:auto}
  .fc-img{height:260px}.pc-img{height:240px}
  .bs{grid-template-columns:1fr}
  .bs-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:720px){
  .hdr .row{flex-direction:column;align-items:flex-start;height:auto;padding:12px 0;gap:12px}
  .nav{flex-wrap:wrap;gap:14px;width:100%}
  .nav a.amz{width:100%;justify-content:center;padding:14px}
  .dd{width:100%}.dd-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:8px}
  .s1{min-height:400px}.s1 h2{font-size:26px}.s1 p{font-size:16px}
  .s2-in{grid-template-columns:1fr;gap:12px}
  .catrow,.famrow,.grow,.pgrid,.bs-grid,.trow{grid-template-columns:repeat(2,1fr)}
  .bs-grid{grid-template-columns:1fr}
  .ftr .top{grid-template-columns:1fr;gap:26px}
  .quote-form .grid2{grid-template-columns:1fr}
  .quote-form button{width:100%}
  .pc,.fc,.tc,.gc,.pcard{height:auto}
  .pc-img{height:230px}.fc-img{height:220px}.tc-img{height:200px}
  .s5-in{grid-template-columns:1fr}
  .s8-in,.s9-in{padding:0 20px}
}

/* ===== 三段网格导航（对标 orionmotortech，支持多类目多级下拉） ===== */
.hdr-row{max-width:1305px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:205px 1fr 205px;gap:35px;align-items:center;height:82px}
.hbrand{display:flex;align-items:center;gap:8px;text-decoration:none}
.hbrand b{font-size:24px;font-weight:700;color:var(--navy);line-height:1}
.hbrand span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#5A6672;white-space:nowrap}
.hmenu{display:flex;align-items:center;gap:26px}
.hitem{position:relative}
.htop{display:inline-flex;align-items:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);padding:8px 0;white-space:nowrap}
.htop i{font-style:normal;font-size:8px;opacity:.5;margin-left:5px}
.hitem:hover .htop,.htop:hover{color:var(--acc)}
.hright{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.hcta{background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:5px;padding:14px 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;transition:background .18s}
.hcta:hover{background:var(--navy2)}
.hpanel{position:absolute;top:calc(100% + 14px);left:-18px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px rgba(11,11,15,.14);padding:16px;min-width:230px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s;z-index:90}
.hitem:hover > .hpanel,.hitem:focus-within > .hpanel{opacity:1;visibility:visible;transform:none}
.hpanel:before{content:"";position:absolute;left:0;right:0;top:-15px;height:15px}
.hpanel-mega{width:920px;max-width:calc(100vw - 60px);padding:22px 24px}
.hmega{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 34px}
.hcol-t{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.hcol-t:hover{color:var(--acc)}
.hlink{display:block;padding:7px 8px;margin-left:-8px}
.hlink b{display:block;font-size:14px;font-weight:500;color:var(--ink)}
.hlink span{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.hlink:hover{background:var(--soft)}
.hlink:hover b{color:var(--acc)}
.hburger{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;cursor:pointer;padding:11px 10px}
.hburger i{display:block;height:2px;background:var(--ink);margin:3px 0}
@media (max-width:1024px){
  .hdr-row{grid-template-columns:1fr auto;height:auto;padding:12px 20px;gap:12px}
  .hright{justify-content:flex-end}
  .hburger{display:block}
  .hmenu{grid-column:1/-1;display:none;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);margin-top:12px;padding-top:8px}
  body.nav-open .hmenu{display:flex}
  .hitem{border-bottom:1px solid var(--line)}
  .htop{padding:14px 0;font-size:13px;width:100%}
  .hpanel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 12px;display:none}
  .hitem.sub-open > .hpanel{display:block}
  .hmega{grid-template-columns:1fr;gap:8px}
  .hcol-t{color:var(--ink);font-size:12px}
  .hlink{padding:9px 0}
}

/* ===== 对标 orionmotortech 细节对齐（审计实测值）===== */
.annbar{background:#1B1B1B;color:#fff;font-size:12px;font-weight:400;line-height:1.4}
.annbar-in{max-width:1305px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.annbar-r{display:flex;gap:18px;white-space:nowrap}
.annbar a{color:#fff;border:0}
.annbar a:hover{color:#6f9bff;text-decoration:underline}
/* 服务条：对标是深底白字 */
.s2{background:#1B1B1B;border-bottom:0}
.s2 .f b{color:#fff}
.s2 .f span{color:rgba(255,255,255,.6)}
.s2-in{padding-top:9px;padding-bottom:9px}
.s2 .f{display:flex;align-items:baseline;gap:8px}
.s2 .f b,.s2 .f span{font-size:14px;line-height:1.4}
/* 区块标题组：padding-top 25 + margin-bottom 30 */
.sh{padding-top:25px;margin-bottom:30px}
.s4,.s6,.s7,.s10{padding-top:0}
.s4{padding-bottom:2px}
.s6{padding-bottom:0}
.s7{padding-bottom:2px}
.s10{padding-bottom:0}
.s9 h2{padding-top:25px;margin-bottom:30px}
/* 分类卡：图 163x163 cover 居中，标签 15px/400 居中，hover 变蓝 */
.cc{padding-bottom:34px}
.cc .ci{width:163px;height:163px;margin:15px auto 0;background-size:cover;background-position:center;border:0}
.cc:hover .ci{transform:none;border:0}
.cc b{font-size:15px;font-weight:400;text-align:center;margin-top:12px}
.cc:hover b{color:#0049D9}
/* 产品/族/指南/三卡/侧栏盒：对标是 #F6F6F6 无边框、内边距 20 */
.pc,.fc,.tc,.gc,.bs-box{background:#F6F6F6;border:0;box-shadow:none;padding:20px}
.pc:hover,.fc:hover{box-shadow:inset 0 0 0 1px #E1E1E1,0 3px rgba(0,0,0,.035)}
.pc b,.fc b{font-size:15px;font-weight:600;line-height:18px;margin:14px 0 0}
.pc-sub,.fc-sub{margin:4px 0 0}
.pc-cta,.sl{margin-left:0}
.pc-top{padding:0}
.pc-img,.fc-img{margin:0;height:300px}
.fc-img{height:330px}
.gc-img{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);height:170px}
.tc-img{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}
.gc,.tc,.pc,.fc{overflow:hidden}
/* 顶栏按钮：对方按钮圆角 0 */
.hcta,.b1,.b2,.quote-form button,.ftr-form button{border-radius:0}
/* 页脚资料索取表单 */
.ftr-form{margin-top:14px}
.ftr-lab{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:10px}
.ftr-frow{display:flex;gap:0;max-width:400px}
.ftr-frow input{flex:1;height:55px;padding:0 14px;font-size:14px;font-family:inherit;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.2);border-right:0}
.ftr-frow input::placeholder{color:rgba(255,255,255,.45)}
.ftr-frow button{height:55px;padding:0 22px;font-size:14px;font-weight:600;font-family:inherit;color:#fff;background:var(--navy);border:1px solid var(--navy);cursor:pointer}
.ftr-frow button:hover{background:var(--navy2)}
.ftr-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ftr-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-bottom:0}
.ftr-badges span{display:inline-flex;align-items:center;height:24px;padding:0 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.18)}
@media (max-width:720px){
  .annbar-in{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}
  .ftr-frow{max-width:100%}
}

/* ===== 手机端修正（手机审计实测值）===== */
@media (max-width:1024px){
  .sl{display:inline-flex;align-items:center;min-height:44px}
  .ftr a{display:inline-flex;align-items:center;min-height:44px}
  .hdr-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 16px}
  .hbrand{min-width:0}
  .hcta{padding:11px 14px}
}
@media (max-width:1024px){
  body.nav-open .hmenu{position:fixed;inset:69px 0 0;background:#fff;overflow-y:auto;padding:0 16px 40px;margin:0;border-top:1px solid var(--line);z-index:70}
  body.nav-open{overflow:hidden}
  body.nav-open .hburger{background:var(--navy);border-color:var(--navy)}
  body.nav-open .hburger i{background:#fff}
  .hright{position:relative;z-index:80}
}
@media (max-width:720px){
  .s3,.s6,.s7,.s10{padding:28px 0}
  .s2-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s2 .f span{display:none}
  .bs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pc{border:0;background:var(--soft);padding:12px}
  .pc-img{height:158px;background-size:cover}
  .cc .ci{width:100%;height:167px;margin:0}
  .cc b{font-size:14px}
  .ftr{padding:56px 0 22px}
  .sl{min-height:44px;font-size:14px}
  .faq summary{font-size:16px}
  .pc b,.fc b{font-size:15px}
}
@media (max-width:480px){
  .hbrand span{display:none}
  .hcta{padding:11px 10px;font-size:11px}
  .annbar-in{font-size:11px}
}

/* ============================================================================
   基础工具类 —— 补齐 7 个模板引用但 style.css 从未定义的 class
   （page-model / page-family / page-info / page-quote / page.php / index.php / 404.php）
   口径：容器 1265 / 左右 20 内边距；按钮方角 0、14px/600、主 19x32、次级 14x25；
        eyebrow 12px 大写；lead 18px；checks 带勾选图标。
   缺失时的症状：内容贴 x=0、按钮只有 18px 高、图文上下堆叠。
   ============================================================================ */
.wrap{max-width:1265px;margin:0 auto;padding:0 20px}
.wrap-n{max-width:900px;margin:0 auto;padding:0 20px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start}
.split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
body .eyebrow{font-size:12px;line-height:19.2px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
body .pagehead .eyebrow{color:var(--yellow)}
body .lead{font-size:18px;line-height:27px;color:var(--txt);max-width:62ch;margin:0}
body .pagehead p.lead{font-size:18px;line-height:27px;color:rgba(255,255,255,.88);margin-top:14px;max-width:62ch}
.muted{color:var(--muted)}
.muted.small{font-size:13px;line-height:19.5px}
.sec-soft{background:var(--soft)}
.panel{border:1px solid var(--line);background:#fff;padding:30px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{display:block;border:1px solid var(--line);padding:24px;transition:border-color .2s}
.card:hover{border-color:var(--navy)}
.card .bd{display:block}
.card h3{font-size:18px}
.card p{font-size:15px;line-height:22.5px;color:var(--txt);margin-top:8px}
.card .more{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:var(--acc)}
.checks{list-style:none;padding:0;margin:0}
.checks li{position:relative;padding-left:32px;font-size:15px;line-height:22.5px;color:var(--txt)}
.checks li + li{margin-top:12px}
.checks li:before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border:2px solid var(--navy);border-radius:50%}
.checks li:after{content:"";position:absolute;left:5px;top:6px;width:7px;height:4px;border-left:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg)}
.checks b{font-weight:600;color:var(--ink)}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:14px 25px;font-family:inherit;
  font-size:14px;font-weight:600;line-height:14px;border:1px solid transparent;border-radius:0;cursor:pointer;text-align:center}
.btn-n{background:var(--navy);border-color:var(--navy);color:#fff}
.btn-n:hover{background:var(--navy2)}
.btn-y{background:#fff;border-color:var(--navy);color:var(--navy)}
.btn-y:hover{background:var(--soft)}
.btn-b{background:#fff;border-color:var(--line);color:var(--txt)}
.btn-b:hover{border-color:var(--navy);color:var(--navy)}

/* ============================================================================
   型号详情页（PDP）—— 对标 orionmotortech 商品页骨架
   桌面 1280：内容 1240（.pw 1280−40）；三栏 403 / 459 / 298，gap 60px 40px；
   右侧栏跨两行，选项卡正文跨第 1–2 列。
   ============================================================================ */
.crumb{border-bottom:1px solid var(--line);font-size:13px;line-height:16px;color:var(--txt)}
.crumb .pw{display:flex;align-items:center;height:56px;padding-top:20px;padding-bottom:20px}
.crumb a{color:var(--acc)}
.crumb a:hover{text-decoration:underline;text-underline-offset:.3rem}
.crumb span{color:var(--txt);margin:0 2px}
.crumb .cur{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60ch}
/* PDP 的容器口径照对标：内容 1240（容器 1280 − 左右 20），只在型号页生效，不动全站 .pw */
.crumb .pw,.pdp-sec .pw,.pdp-proof .pw,.pdp-related .pw,.pdp-faqsec .pw{max-width:1280px}
.pdp-sec{padding:35px 0 0}
.pdp{display:grid;grid-template-columns:minmax(0,403px) minmax(0,1fr) minmax(0,298px);column-gap:40px;row-gap:60px;align-items:start}
.pdp-gal-cell{grid-column:1}
.pdp-info{grid-column:2}
.pdp-side{grid-column:3;grid-row:1/3}
.pdp-tabs{grid-column:1/3}

/* 图册：主图严格 1:1、浅灰底、15px 内边距；缩略图横排 49x49 */
.pdp-gal{width:100%;max-width:403px}
.gal-main{position:relative;aspect-ratio:1/1;width:100%;background:var(--soft);border-radius:5px;padding:15px;display:flex;align-items:center;justify-content:center}
.gal-main img{width:100%;height:100%;object-fit:contain}
.gal-main.is-ph{background:linear-gradient(135deg,#0E2E52,#1B4C7E)}
.gal-main.is-ph .mph{background:none;margin:0;width:100%;height:100%}
.gal-main.is-ph .mph span{font-size:19px;color:rgba(255,255,255,.9)}
.gal-thumbs{display:flex;gap:10px;margin-top:15px;padding:1px;overflow-x:auto;scrollbar-width:none}
.gal-thumbs::-webkit-scrollbar{display:none}
.gal-thumb{flex:0 0 49px;width:49px;height:49px;padding:5px;background:var(--soft);border:0;border-radius:5px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-family:inherit}
.gal-thumb img{width:100%;height:100%;object-fit:contain}
.gal-thumb em{font-style:normal;font-size:11px;color:var(--muted);text-align:center;line-height:1.15}
.gal-thumb.is-active{box-shadow:inset 0 0 0 1px var(--acc)}
.gal-note{margin-top:14px;font-size:13px;line-height:19.5px;color:var(--muted)}

/* 中栏：标题 24px/600 + 属性行 + 两个 CTA + 图标行 */
.pdp-info h1{font-size:24px;line-height:1.2;font-weight:600;color:var(--ink);margin:0 0 20px}
.pdp-lead{font-size:15px;line-height:22.5px;color:var(--txt);margin:0}
.pdp-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0;min-height:16px}
.pdp-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1;padding:3px 10px;height:22px;color:#fff;background:var(--navy)}
.pdp-badge.is-soft{background:var(--soft);color:var(--txt);border:1px solid var(--line)}
.pdp-price{margin:20px 0 0;min-height:24px}
.pdp-price-v{font-size:24px;font-weight:600;line-height:1;color:var(--ink);letter-spacing:-.01em}
.pdp-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:20px 0 0}
.pdp-opt{display:block;padding:12px 14px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;color:var(--ink);min-height:44px}
.pdp-opt span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}
.pdp-opt.is-on{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.pdp-opt:hover{border-color:var(--navy)}
.pdp .btn-n{background:#1B1B1B;border-color:#1B1B1B;color:#fff}
.pdp .btn-n:hover{background:#333}
.pdp-lines{margin-top:30px;padding-top:30px;border-top:1px solid var(--line);display:flex;flex-direction:column}
.pdp-line{display:flex;align-items:flex-start;font-size:15px;line-height:21.75px;color:var(--txt)}
.pdp-line + .pdp-line{margin-top:10px}
.pdp-line .i{flex:0 0 24px;width:24px;height:24px;margin-right:10px;color:var(--navy)}

/* 右栏：规格清单（行高 41px、斑马纹、值右对齐 600）+ h3 列表块 */
.pdp-spec{margin-bottom:40px}
.pdp-spec-h{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:600;line-height:19.2px;color:var(--txt);margin:0 0 15px}
.pdp-spec-h svg{color:var(--navy);flex:0 0 24px}
.spec-list{margin:0;padding:0;list-style:none}
.spec-list li{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 15px;font-size:14px;line-height:21px;border-radius:5px}
.spec-list li:nth-child(odd){background:rgba(246,246,246,.8)}
.spec-list .k{color:var(--txt);padding-right:15px}
.spec-list .v{color:var(--ink);font-weight:600;text-align:right}
.spec-list a{color:var(--acc)}
.spec-list a:hover{text-decoration:underline}
.spec-note{margin-top:14px;font-size:13px;line-height:19.5px;color:var(--muted)}
.spec-note b{color:var(--txt)}
.pdp-block{padding-top:30px;margin-top:35px;border-top:1px solid var(--line)}
.pdp-block h3{font-size:20px;font-weight:600;line-height:24px;color:var(--ink);margin:0 0 20px}
.pdp-block .dot{list-style:disc;padding-left:20px;margin:0 0 20px;font-size:15px;line-height:22.5px;color:var(--txt)}
.pdp-block .dot li{padding-bottom:2.5px}
.pdp-block .dot strong{font-weight:600;color:var(--ink)}

/* 选项卡：54px 高按钮 + 面板 35px 内边距 / #F6F6F6 */
.pdp-tabs{margin-top:60px}
.tabnav{display:flex;gap:40px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabnav::-webkit-scrollbar{display:none}
.tab{-webkit-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:15px 0;
  font-family:inherit;font-size:16px;font-weight:600;line-height:20px;color:var(--ink);cursor:pointer;min-height:54px;white-space:nowrap}
.tab.is-on{color:var(--acc);border-bottom-color:var(--acc)}
.tabpanel{display:none;background:var(--soft);border-radius:5px;padding:35px;margin-top:25px}
.tabpanel.is-on{display:block}
.tabpanel h3{font-size:22px;line-height:26.4px;color:var(--ink);margin:0 0 20px}
.tabpanel .dot{list-style:disc;padding-left:20px;margin:0 0 20px;font-size:15px;line-height:22.5px;color:var(--txt)}
.tabpanel .dot li{padding-bottom:2.5px}
.tabpanel .dot strong{font-weight:600;color:var(--ink)}
.tabpanel .muted{font-size:14px;line-height:21px}
.pdp-cta-row{margin-top:24px}

/* 信任三卡 */
.sec.pdp-proof{padding:60px 0 0}
.pdp-proof .proof-h{font-size:22.5px;font-weight:600;line-height:31.5px;color:var(--ink);text-align:center;margin:0 0 24px}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.proof-card{background:var(--soft);padding:20px}
.proof-card b{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.proof-card span{display:block;font-size:15px;line-height:21px;color:var(--txt);margin-top:6px}
.proof-cta-row{margin:24px 0 0;text-align:center}

/* 相关推荐：4 列，卡片照对标（#F6F6F6、无边框、padding 20） */
.sec.pdp-related{padding:60px 0 0}
.pdp-related .sh{border-top:1px solid var(--line)}
.pdp-related .pgrid{grid-template-columns:repeat(4,1fr);gap:16px}
.pdp-related .pcard{background:var(--soft);border:0;padding:20px;height:auto;justify-content:flex-start}
.pdp-related .pcard:hover{box-shadow:none}
.pdp-related .pcard-img{margin:0 0 20px;height:238px}
.pdp-related .pcard-img img{object-fit:cover}
.pdp-related .pcard figcaption{padding:0}
.pdp-related .pcard figcaption b{font-size:15px;line-height:18px}

/* FAQ（原生 details，700 宽） */
.sec.pdp-faqsec{padding:60px 0 70px}
.pdp-faq{max-width:700px;margin:0 auto}
.pdp-faq .sh2{font-size:22px;font-weight:600;line-height:26.4px;color:var(--ink);padding-top:25px;margin:0 0 30px}
.pdp-faq details{border-bottom:1px solid var(--line)}
.pdp-faq summary{list-style:none;cursor:pointer;position:relative;font-size:18px;font-weight:600;line-height:21.6px;color:var(--ink);
  padding:9px 26px 9px 0;min-height:41px}
.pdp-faq summary::-webkit-details-marker{display:none}
.pdp-faq summary:after{content:"+";position:absolute;right:0;top:9px;font-size:18px;color:var(--navy)}
.pdp-faq details[open] summary:after{content:"\2013"}
.pdp-faq details p{font-size:15px;line-height:22px;color:var(--txt);padding:0 0 14px}

/* 手机端粘底条（桌面不出现；占位块只在手机出现） */
.pdp-sticky{display:none}
.pdp-spacer{display:none}

@media (max-width:1099px){
  .split,.split2{grid-template-columns:1fr;gap:32px}
  .cards{grid-template-columns:1fr 1fr}
  .pdp{display:block}
  .pdp-gal-cell{max-width:403px}
  .pdp-side{margin-top:40px;padding-top:35px;border-top:1px solid var(--line)}
  .pdp-tabs{margin-top:35px}
  .proof-grid{grid-template-columns:1fr}
  .pdp-related .pgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .crumb{display:none}
  .cards{grid-template-columns:1fr}
  .pdp-sec{padding:24px 0 0}
  .pdp-sec .pw,.pdp-proof .pw,.pdp-related .pw,.pdp-faqsec .pw{padding:0 15px}
  .pdp-gal-cell{max-width:none}
  .gal-main{padding:10px}
  .gal-thumb{flex:0 0 60px;width:60px;height:60px}
  .gal-thumbs{gap:1px;background:var(--line);padding:1px}
  .pdp-info h1{font-size:20px;line-height:24px}
  .pdp-price-v{font-size:20px}
  .pdp-opts{grid-template-columns:1fr}
  .btns{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .pdp-block h3{font-size:18px}
  .pdp-side{margin-top:30px;padding-top:25px}
  .spec-list li.has-link{padding:0 15px;align-items:center}
  .spec-list li.has-link a{display:flex;align-items:center;min-height:44px}
  .pdp-tabs{margin-top:30px}
  .tabnav{gap:0}
  .tab{flex:0 0 auto;padding:14px 16px 14px 0;min-height:48px;font-size:15px}
  .tabpanel{padding:20px;margin-top:20px}
  .tabpanel h3{font-size:20px}
  .sec.pdp-proof{padding:35px 0 0}
  .pdp-related .pgrid{gap:12px}
  .sec.pdp-faqsec{padding:35px 0 48px}
  .pdp-faq summary{font-size:16px;line-height:19.2px;padding:12px 26px 12px 0;min-height:44px}
  .pdp-sticky{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:70;
    background:#fff;border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px rgba(11,11,15,.07)}
  .pdp-sticky[hidden]{display:none}
  .ps-main,.ps-alt{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:14px;font-weight:600}
  .ps-main{background:var(--navy);color:#fff;border:1px solid var(--navy)}
  .ps-alt{background:#fff;color:var(--navy);border:1px solid var(--navy);padding:0 14px}
  .pdp-spacer{display:block;height:72px}
}


/* ===== 首屏 3 帧轮播（front-page.php .s1，2026-09-28）=====
   帧1 = 车间照 + 我们的 H2/副标题/按钮（保持原样式，只从区块层移到帧层）
   帧2 = 品牌横幅（文字烧在图里）→ background-size:contain + #0E2E52 底色
   帧3 = 品牌故事横幅（文字烧在图里）→ cover/center
   高度：帧都在同一个 grid 单元里，区块高度仍由 min-height 426（手机 400）与帧1内容决定 = 与改前一致 */
.s1{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;align-content:stretch}
.s1::after{content:none}
.s1-slide{grid-area:1/1;position:relative;display:flex;align-items:center;min-width:0;
  opacity:0;visibility:hidden;transition:opacity .6s ease;z-index:1}
.s1-slide.is-active{opacity:1;visibility:visible;z-index:2}
.s1-slide.s1-text::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,17,30,.92),rgba(7,17,30,.62) 60%,rgba(7,17,30,.25))}
.s1-contain .s1-bg,.s1-cover .s1-bg{opacity:1;background-color:#0E2E52;background-repeat:no-repeat}
.s1-contain .s1-bg{background-size:contain;background-position:center}
.s1-cover .s1-bg{background-size:cover;background-position:center}

/* 左右箭头 44x44，半透明（参照 .hcta 的方角按钮风格） */
.s1-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;padding:0;
  display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);color:#fff;opacity:.92;
  transition:background .18s,border-color .18s,opacity .18s}
.s1-arrow:hover{background:rgba(255,255,255,.34);border-color:rgba(255,255,255,.65);opacity:1}
.s1-arrow:focus-visible{outline:2px solid #FFC400;outline-offset:2px}
.s1-arrow svg{width:18px;height:18px;display:block}
.s1-prev{left:18px}
.s1-next{right:18px}

/* 分页圆点：直径 8、间距 10、容器高 44（热区 ≥44） */
.s1-dots{position:absolute;left:0;right:0;bottom:8px;z-index:6;height:44px;display:flex;align-items:center;
  justify-content:center;gap:10px;pointer-events:none}
.s1-dot{pointer-events:auto;width:18px;height:44px;margin:0 -5px;padding:0;border:0;background:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center}
/* 负 margin 把布局宽度收回 8px，视觉仍是 8px 圆点 + 10px 间距，但热区从 8x44 变成 18x44（手机主要靠圆点切换） */
.s1-dot i{display:block;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);
  transition:background .18s,opacity .18s}
.s1-dot:hover i{opacity:.8}
.s1-dot[aria-current="true"] i{background:#FFC400;opacity:1}
.s1-dot:focus-visible{outline:2px solid #FFC400;outline-offset:2px}

/* reduced-motion：不自动播放（脚本），也不做淡入过渡 */
@media (prefers-reduced-motion:reduce){.s1-slide{transition:none}}

/* 手机端：箭头隐藏，圆点 + 左右滑动切换 */
@media (max-width:720px){
  .s1-arrow{display:none}
  .s1-dots{bottom:6px}
}

@media (max-width:720px){
  /* 手机端首屏是竖长条（390x463），frame3 的横幅只有 3:1，cover 会把烧在图里的文字裁掉；
     手机端改成整幅显示（与 frame2 一致），桌面端仍按 cover */
  .s1-cover .s1-bg{background-size:contain;background-position:center}
}