*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --st-steel:#1b2a39; --st-steel-2:#26384a; --st-steel-3:#33485d;
  --st-orange:#e1542a; --st-orange-d:#c2451f;
  --st-bg:#eef1f4; --st-paper:#fff; --st-panel:#f6f8fa;
  --st-ink:#16212c; --st-ink-2:#54616d; --st-ink-3:#8593a0;
  --st-line:#dde3e9; --st-line-2:#cbd4dc;
  --st-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --st-mono:"SF Mono",ui-monospace,"Roboto Mono","DejaVu Sans Mono",Consolas,monospace;
}
html,body{width:100%;max-width:100%;overflow-x:clip}
body{font-family:var(--st-sans);background:var(--st-bg);color:var(--st-ink-2);line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg,video,iframe{max-width:100%;display:block}
a{color:inherit;text-decoration:none}ul,ol{list-style:none}
button,input,textarea,select{font-family:inherit;color:inherit}
table{width:100%;border-collapse:collapse}
.st-wrap{max-width:1320px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}
.st-mono{font-family:var(--st-mono)}
.st-tag{font-family:var(--st-mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--st-orange);font-weight:600}
.st-eyebrow{font-family:var(--st-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--st-ink-3);display:flex;align-items:center;gap:10px}
.st-eyebrow::before{content:"";width:24px;height:2px;background:var(--st-orange)}
.st-h2{font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.1;color:var(--st-ink);letter-spacing:-.5px}
.st-sec{padding:clamp(40px,5vw,72px) 0}
.st-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;flex-wrap:wrap}
.st-shead .tx{max-width:680px}.st-shead .st-h2{margin-top:12px}
.st-shead p{font-size:15px;margin-top:10px;color:var(--st-ink-2)}
.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;font-family:var(--st-mono);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:2px solid transparent;transition:.2s}
.st-btn-or{background:var(--st-orange);color:#fff}.st-btn-or:hover{background:var(--st-orange-d)}
.st-btn-steel{background:var(--st-steel);color:#fff}.st-btn-steel:hover{background:var(--st-steel-2)}
.st-btn-line{background:transparent;color:var(--st-ink);border-color:var(--st-line-2)}.st-btn-line:hover{border-color:var(--st-steel);background:var(--st-steel);color:#fff}
.st-btn-gl{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.st-btn-gl:hover{background:#fff;color:var(--st-steel)}
.st-link{font-family:var(--st-mono);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--st-orange);display:inline-flex;align-items:center;gap:8px;transition:.2s}
.st-link:hover{gap:13px}

/* 三层顶栏 */
.st-top{background:var(--st-steel);color:#aab8c4}
.st-top .st-wrap{display:flex;align-items:center;justify-content:space-between;height:38px;font-family:var(--st-mono);font-size:11.5px;letter-spacing:.4px}
.st-top .l{display:flex;gap:22px}.st-top .l span{display:flex;align-items:center;gap:6px}
.st-top .r{display:flex;gap:18px}.st-top .r a:hover{color:#fff}
.st-top .r a.lang{color:var(--st-orange)}
@media(max-width:760px){.st-top .l span:nth-child(n+2){display:none}}
/* 主栏 */
.st-head{background:var(--st-paper);border-bottom:1px solid var(--st-line);position:sticky;top:0;z-index:800}
.st-head .st-wrap{display:flex;align-items:center;gap:28px;height:74px;min-width:0}
.st-logo{display:flex;align-items:center;gap:11px;min-width:0;flex:0 1 auto;max-width:min(38vw,360px)}
.st-logo img{width:42px;height:42px;object-fit:contain;flex-shrink:0}
.st-logo>span{min-width:0;overflow:hidden;flex:1}
.st-logo b{display:block;font-size:21px;font-weight:800;color:var(--st-ink);letter-spacing:-.5px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.st-logo .sub{font-family:var(--st-mono);font-size:9.5px;letter-spacing:1.5px;color:var(--st-ink-3);text-transform:uppercase;display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.st-nav{display:flex;align-items:stretch;gap:2px;height:100%;flex:1}
.st-ni{position:relative;display:flex;align-items:center}
.st-ni>a{display:flex;align-items:center;gap:6px;padding:0 16px;height:100%;font-size:14px;font-weight:600;color:var(--st-ink);letter-spacing:.2px}
.st-ni>a::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--st-orange);transform:scaleX(0);transition:.2s;transform-origin:left}
.st-ni:hover>a{color:var(--st-orange)}.st-ni:hover>a::after{transform:scaleX(1)}
.st-ni.has>a::before{content:"▾";font-size:10px;color:var(--st-ink-3);order:2}
.st-dd{position:absolute;top:100%;left:0;min-width:250px;background:var(--st-paper);border:1px solid var(--st-line);box-shadow:0 18px 50px rgba(27,42,57,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;padding:8px;z-index:50}
.st-ni:hover .st-dd{opacity:1;visibility:visible;transform:translateY(0)}
.st-dd a{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;font-size:13.5px;color:var(--st-ink-2);border-left:2px solid transparent;transition:.15s}
.st-dd a::after{content:"→";opacity:0;color:var(--st-orange);transition:.15s}
.st-dd a:hover{background:var(--st-panel);color:var(--st-ink);border-left-color:var(--st-orange)}
.st-dd a:hover::after{opacity:1}
.st-htools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.st-search{display:flex;align-items:center;gap:8px;background:var(--st-panel);border:1px solid var(--st-line);padding:9px 14px;font-family:var(--st-mono);font-size:12px;color:var(--st-ink-3);letter-spacing:1px;text-transform:uppercase}
.st-search svg{width:15px;height:15px;stroke:var(--st-ink-3);fill:none;stroke-width:2}
.st-burger{display:none;width:44px;height:44px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--st-steel)}
.st-burger span{width:22px;height:2px;background:#fff;transition:.2s}
body.st-open .st-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.st-open .st-burger span:nth-child(2){opacity:0}
body.st-open .st-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* 分类 chip 货架轨 */
.st-rail{background:var(--st-paper);border-bottom:1px solid var(--st-line)}
.st-rail .st-wrap{display:flex;align-items:center;gap:10px;height:52px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.st-rail .st-wrap::-webkit-scrollbar{display:none}
.st-rail .lb{font-family:var(--st-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--st-ink-3);flex-shrink:0;padding-right:6px;border-right:1px solid var(--st-line);margin-right:4px}
.st-chip{flex-shrink:0;font-size:13px;color:var(--st-ink-2);padding:7px 15px;border:1px solid var(--st-line-2);background:var(--st-paper);white-space:nowrap;transition:.18s}
.st-chip:hover{background:var(--st-steel);color:#fff;border-color:var(--st-steel)}
@media(max-width:980px){
  .st-nav,.st-search{display:none}
  .st-burger{display:flex}
  .st-head .st-wrap{gap:14px;overflow:hidden}
  .st-logo{flex:1 1 auto;max-width:none}
  .st-logo b{font-size:clamp(15px,4.2vw,21px)}
  .st-htools{flex-shrink:0;margin-left:auto}
}
@media(max-width:760px){
  .st-logo .sub{display:none}
}
/* 移动端全屏覆盖菜单 */
.st-mpanel{display:none}
@media(max-width:980px){
  .st-mpanel{display:flex;flex-direction:column;position:fixed;inset:0;z-index:1000;background:var(--st-steel);transform:translateY(-100%);transition:transform .35s cubic-bezier(.4,0,.1,1);visibility:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
  body.st-open .st-mpanel{transform:translateY(0);visibility:visible}
  .st-mpanel-top{display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,3vw,40px);border-bottom:1px solid rgba(255,255,255,.12);position:sticky;top:0;background:var(--st-steel);z-index:2}
  .st-mpanel-top .lg{display:flex;align-items:center;gap:10px;min-width:0}
  .st-mpanel-top .lg img{width:34px;height:34px;object-fit:contain;flex-shrink:0}
  .st-mpanel-top .lg b{font-size:18px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .st-mclose{width:42px;height:42px;flex-shrink:0;border:1px solid rgba(255,255,255,.28);background:none;color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center}
  .st-mpanel .in{padding:8px 0 40px;flex:1}
  .st-macc{border-bottom:1px solid rgba(255,255,255,.1)}
  .st-macc-h,.st-mlink{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,3vw,40px);font-size:15px;font-weight:600;color:#fff;background:none;text-align:left;letter-spacing:.3px;border-bottom:1px solid rgba(255,255,255,.1)}
  .st-macc-h{border-bottom:none}
  .st-macc-h::after{content:"+";font-family:var(--st-mono);font-size:18px;color:var(--st-orange)}
  .st-macc.open .st-macc-h::after{content:"–"}
  .st-macc-b{max-height:0;overflow:hidden;transition:max-height .22s ease-out;background:var(--st-steel-2);will-change:max-height}
  .st-macc-b a{display:block;padding:12px clamp(24px,4vw,48px);font-size:13.5px;color:#aab8c4;border-bottom:1px solid rgba(255,255,255,.06)}
  .st-macc-b a:active,.st-macc-b a:hover{color:#fff}
}

/* 富文本 — 强制换行(覆盖 CMS 内联 nowrap / 固定宽度) */
.st-rich-box{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.st-pdblock-desc{min-width:0;max-width:100%}
.st-rich{font-size:16px;line-height:1.85;color:var(--st-ink-2);overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;width:100%;min-width:0;box-sizing:border-box}
.st-rich :where(p,div,span,li,td,th,h1,h2,h3,h4,h5,h6,font,section,article,em,strong,b,i,u,a,label){white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;box-sizing:border-box}
.st-rich p{margin:0 0 16px}
.st-rich h2,.st-rich h3,.st-rich h4{color:var(--st-ink);line-height:1.25;margin:26px 0 12px;font-weight:800;letter-spacing:-.3px}
.st-rich h2{font-size:24px}.st-rich h3{font-size:20px}
.st-rich h3::before{content:"// ";font-family:var(--st-mono);color:var(--st-orange);font-weight:600}
.st-rich a{color:var(--st-orange);text-decoration:underline;text-underline-offset:3px;word-break:break-all!important}
.st-rich ul,.st-rich ol{margin:0 0 16px 20px}.st-rich li{margin-bottom:7px}.st-rich ul li{list-style:square}.st-rich ol li{list-style:decimal}
.st-rich img,.st-rich video,.st-rich iframe{max-width:100%!important;height:auto!important;display:block;margin:18px 0;border:1px solid var(--st-line)}
.st-rich blockquote{margin:18px 0;padding:16px 20px;background:var(--st-panel);border-left:3px solid var(--st-orange);font-size:15px;color:var(--st-ink)}
.st-rich pre,.st-rich pre *{max-width:100%!important;overflow-x:auto;white-space:pre-wrap!important;word-break:break-word!important;background:var(--st-steel);color:#cdd8e2;padding:15px;margin:18px 0;font-size:13.5px;font-family:var(--st-mono)}
.st-rich code{font-family:var(--st-mono);word-break:break-word!important}
.st-rich table{width:100%!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse;margin:18px 0;font-size:14px;border:1px solid var(--st-line-2)}
.st-rich th,.st-rich td{padding:11px 14px;border:1px solid var(--st-line);text-align:left;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important}
.st-rich th{background:var(--st-steel);color:#fff;font-weight:600}
.st-rich tbody tr:nth-child(even){background:var(--st-panel)}
.st-tablescroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0;width:100%}
.st-rich .policy-note,.st-policy-card .policy-note{margin:16px 0;padding:14px 18px;background:var(--st-panel);border-left:3px solid var(--st-orange);font-size:14px;line-height:1.65}
/* Policy pages */
.st-policy-hero{background:var(--st-steel);color:#cdd8e2;padding:clamp(24px,4vw,40px) 0 clamp(32px,4vw,48px)}
.st-policy-hero .lead{font-size:15px;line-height:1.65;max-width:720px;color:#a8b4be}
.st-policy-hero .st-pd-act{display:flex;gap:11px;flex-wrap:wrap;margin-top:16px}
.st-policy-hero .st-btn-line{color:#e8edf2;border-color:rgba(255,255,255,.38)}
.st-policy-hero .st-btn-line:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.st-policy-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;max-width:720px}
.st-policy-stats div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:14px}
.st-policy-stats strong{display:block;font-family:var(--st-mono);font-size:16px;color:#fff;margin-bottom:4px}
.st-policy-stats span{font-size:11px;color:#8593a0;letter-spacing:.3px}
.st-policy-sec{padding-top:clamp(24px,3vw,36px)!important}
.st-policy-card{background:var(--st-paper);border:1px solid var(--st-line);padding:clamp(24px,4vw,40px);box-shadow:0 12px 40px rgba(26,35,45,.06)}
@media(max-width:640px){.st-policy-stats{grid-template-columns:1fr 1fr}.st-policy-stats div:last-child{grid-column:span 2}}
/* 面包屑 */
.st-crumb{font-family:var(--st-mono);font-size:11.5px;letter-spacing:.5px;color:var(--st-ink-3);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.st-crumb a:hover{color:var(--st-orange)}.st-crumb .s{opacity:.5}
/* 页头条 */
.st-phead{background:var(--st-steel);color:#cdd8e2;padding:clamp(34px,4vw,56px) 0}
.st-phead .st-crumb{color:#8593a0;margin-bottom:16px}
.st-phead .st-crumb a{color:#aab8c4}.st-phead .st-crumb a:hover{color:#fff}
.st-phead h1{font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.05;color:#fff;letter-spacing:-.8px}
.st-phead p{font-size:clamp(14px,1.3vw,16px);margin-top:13px;max-width:720px;color:#aab8c4}
.st-phead .meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;font-family:var(--st-mono);font-size:11px}
.st-phead .meta span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:5px 11px;letter-spacing:.5px}
/* 货架卡(首页分类 · 无图工业风横向卡) */
.st-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.st-shelf>*{min-width:0}
.st-scard{background:var(--st-paper);border:1px solid var(--st-line);display:flex;align-items:stretch;transition:.2s;position:relative;overflow:hidden}
.st-scard:hover{border-color:var(--st-steel);box-shadow:0 14px 40px rgba(27,42,57,.13);transform:translateY(-3px)}
.st-scard .ic{flex-shrink:0;width:84px;background:var(--st-steel);display:flex;align-items:center;justify-content:center;transition:.2s}
.st-scard:hover .ic{background:var(--st-orange)}
.st-scard .ic>span{position:relative;width:38px;height:28px;border:2px solid #fff;border-radius:3px}
.st-scard .ic>span::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:11px;border:2px solid #fff;border-radius:2px}
.st-scard .ic>span::after{content:"";position:absolute;top:6px;right:-2px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--st-steel)}
.st-scard:hover .ic>span::after{box-shadow:0 0 0 2px var(--st-orange)}
.st-scard .bd{padding:16px 18px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.st-scard h3{font-size:16px;font-weight:700;color:var(--st-ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-scard .ft{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.st-scard .ft .st-tag{color:var(--st-ink-3)}
.st-scard .ft .ar{flex-shrink:0;width:30px;height:30px;border:1px solid var(--st-line-2);display:flex;align-items:center;justify-content:center;color:var(--st-orange);transition:.18s}
.st-scard:hover .ft .ar{background:var(--st-orange);color:#fff;border-color:var(--st-orange)}
/* 工业优势数据表 */
.st-specbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--st-line);background:var(--st-paper)}
.st-specbar>div{padding:26px 24px;border-right:1px solid var(--st-line)}
.st-specbar>div:last-child{border-right:none}
.st-specbar .num{font-family:var(--st-mono);font-size:clamp(28px,3vw,40px);font-weight:700;color:var(--st-steel);line-height:1}
.st-specbar .num em{color:var(--st-orange);font-style:normal}
.st-specbar .lb{font-size:13px;color:var(--st-ink-2);margin-top:10px}
@media(max-width:880px){.st-specbar{grid-template-columns:repeat(2,minmax(0,1fr))}.st-specbar>div:nth-child(2){border-right:none}.st-specbar>div:nth-child(-n+2){border-bottom:1px solid var(--st-line)}}
/* 产品规格卡网格 */
.st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.st-grid>*{min-width:0}
.st-pcard{background:var(--st-paper);border:1px solid var(--st-line);display:flex;flex-direction:column;transition:.2s}
.st-pcard:hover{border-color:var(--st-steel);box-shadow:0 14px 40px rgba(27,42,57,.13)}
.st-pcard .im{aspect-ratio:1/1;background:var(--st-panel);overflow:hidden;position:relative}
.st-pcard .im img{width:100%;height:100%;object-fit:cover;transition:.5s}.st-pcard:hover .im img{transform:scale(1.04)}
.st-pcard .im .tg{position:absolute;top:10px;left:10px;font-family:var(--st-mono);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--st-steel);background:#fff;border:1px solid var(--st-line);padding:4px 9px}
.st-pcard .bd{padding:15px 17px;display:flex;flex-direction:column;gap:8px;flex:1}
.st-pcard h3{font-size:15.5px;font-weight:700;color:var(--st-ink);line-height:1.3}
.st-pcard p{font-size:12px;color:var(--st-ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.st-pcard .ft{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:11px 17px;border-top:1px solid var(--st-line);background:var(--st-panel)}
.st-pcard .ft .sku{font-family:var(--st-mono);font-size:11px;color:var(--st-ink-3);letter-spacing:.5px}
.st-pcard .ft .go{font-family:var(--st-mono);font-size:11px;font-weight:600;color:var(--st-orange);letter-spacing:.5px;text-transform:uppercase}
/* 列表页:左筛选轨 + 右网格 */
.st-listlayout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:30px;align-items:start}
.st-listlayout>*{min-width:0}
.st-filter{position:sticky;top:90px;background:var(--st-paper);border:1px solid var(--st-line)}
.st-filter .hd{font-family:var(--st-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--st-steel);padding:13px 16px}
.st-filter .grp{padding:14px 16px;border-bottom:1px solid var(--st-line)}
.st-filter .grp:last-child{border-bottom:none}
.st-filter .gt{font-family:var(--st-mono);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--st-ink-3);margin-bottom:10px}
.st-filter .grp a{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:13.5px;color:var(--st-ink-2);transition:.15s}
.st-filter .grp a:hover{color:var(--st-orange);padding-left:5px}
.st-filter .grp a .n{font-family:var(--st-mono);font-size:11px;color:var(--st-ink-3)}
@media(max-width:880px){.st-listlayout{grid-template-columns:1fr}.st-filter{position:static}}
/* 视频带(横向滚动) */
.st-vrail{display:flex;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:thin}
.st-vrail>*{flex:0 0 320px;max-width:85%}
.st-vcard{background:var(--st-paper);border:1px solid var(--st-line);transition:.2s;display:flex;flex-direction:column;min-width:0}
.st-vcard:hover{border-color:var(--st-steel);box-shadow:0 14px 40px rgba(27,42,57,.13)}
.st-vcard .im{display:block;width:100%;position:relative;aspect-ratio:16/9;background:var(--st-panel);overflow:hidden}
.st-vcard .im img{width:100%;height:100%;object-fit:cover;transition:.5s}.st-vcard:hover .im img{transform:scale(1.05)}
.st-vcard .pl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;background:var(--st-orange);display:flex;align-items:center;justify-content:center;z-index:2}
.st-vcard .pl::before{content:"";border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.st-vcard .du{position:absolute;right:9px;bottom:9px;z-index:2;font-family:var(--st-mono);font-size:11px;background:rgba(27,42,57,.9);color:#fff;padding:3px 7px}
.st-vcard .bd{display:block;padding:14px 16px}
.st-vcard h3{font-size:15px;font-weight:700;color:var(--st-ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-vcard p{font-size:12px;color:var(--st-ink-3);margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-vplayer{position:relative;aspect-ratio:16/9;background:var(--st-steel);overflow:hidden}
.st-vplayer iframe,.st-vplayer video{position:absolute;inset:0;width:100%;height:100%;border:0}
/* 文章列表卡片网格(PC 三列 / 平板双列 / 移动单列) */
.st-jgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.st-jgrid>*{min-width:0}
.st-jcard{display:flex;flex-direction:column;height:100%;border:1px solid var(--st-line);background:var(--st-paper);transition:.22s;overflow:hidden}
.st-jcard:hover{border-color:var(--st-steel);box-shadow:0 12px 32px rgba(27,42,57,.1);transform:translateY(-2px)}
.st-jcard .im{display:block;aspect-ratio:16/10;background:var(--st-panel);border-bottom:1px solid var(--st-line);overflow:hidden}
.st-jcard .im img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:.4s}
.st-jcard:hover .im img{transform:scale(1.03)}
.st-jcard .bd{display:flex;flex-direction:column;gap:6px;padding:14px 16px;flex:1;min-width:0}
.st-jcard h3{font-size:15px;font-weight:700;color:var(--st-ink);line-height:1.32;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:.15s}
.st-jcard:hover h3{color:var(--st-orange)}
.st-jcard p{font-size:12px;color:var(--st-ink-2);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.st-jcard .tg{font-family:var(--st-mono);font-size:10px;color:var(--st-ink-3);margin:0;letter-spacing:.4px;line-height:1.4;overflow-wrap:break-word;padding-top:6px;margin-top:auto;border-top:1px solid var(--st-line)}
@media(max-width:980px){.st-jgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:640px){.st-jgrid{grid-template-columns:1fr;gap:14px}.st-jcard h3{font-size:16px;-webkit-line-clamp:3}.st-jcard .bd{padding:16px 18px}}
/* 分页 */
.st-pager{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:42px}
.st-pager a{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid var(--st-line-2);background:var(--st-paper);color:var(--st-ink);font-family:var(--st-mono);font-size:13px}
.st-pager a:hover,.st-pager a.active,.st-pager a.current,.st-pager a.on{background:var(--st-orange);color:#fff;border-color:var(--st-orange)}
/* 产品详情:顶部横向参数条 + 全宽规格表 */
.st-pdtop{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start}
.st-pdtop>*{min-width:0}
.st-gal-main{aspect-ratio:4/3;background:var(--st-panel);border:1px solid var(--st-line);overflow:hidden}
.st-gal-main img{width:100%;height:100%;object-fit:cover}
.st-gal-th{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.st-gal-th img{width:72px;height:72px;object-fit:cover;border:1px solid var(--st-line);cursor:pointer;opacity:.55;transition:.15s}
.st-gal-th img.on,.st-gal-th img:hover{opacity:1;border-color:var(--st-orange)}
.st-pdinfo h1{font-size:clamp(24px,3vw,34px);font-weight:800;color:var(--st-ink);line-height:1.1;letter-spacing:-.5px;margin-bottom:12px}
.st-pdinfo .sum{font-size:15px;color:var(--st-ink-2);margin-bottom:20px;line-height:1.7}
.st-pdinfo .views{font-family:var(--st-mono);font-size:11px;color:var(--st-ink-3);letter-spacing:.5px;margin-bottom:18px}
.st-spectable{border:1px solid var(--st-line);margin-bottom:22px}
.st-spectable .r{display:grid;grid-template-columns:130px minmax(0,1fr);border-bottom:1px solid var(--st-line)}
.st-spectable .r:last-child{border-bottom:none}
.st-spectable .k{font-family:var(--st-mono);font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--st-ink-3);padding:12px 15px;background:var(--st-panel);border-right:1px solid var(--st-line);display:flex;align-items:center}
.st-spectable .v{padding:12px 15px;font-size:14px;color:var(--st-ink);font-weight:600;display:flex;align-items:center}
.st-pd-act{display:flex;gap:11px;flex-wrap:wrap}
.st-pd-act .st-btn{flex:1;min-width:150px}
.st-pdblock{margin-top:46px}
.st-pdblock .bt{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:20px;font-weight:800;color:var(--st-ink)}
.st-pdblock .bt::before{content:"";width:5px;height:22px;background:var(--st-orange)}
/* 规格参数(卡片网格式) */
.st-specgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.st-specgrid>*{min-width:0}
.st-spec-item{background:var(--st-panel);border:1px solid var(--st-line);border-top:3px solid var(--st-orange);padding:16px 18px;display:flex;flex-direction:column;gap:7px}
.st-spec-item .k{font-family:var(--st-mono);font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--st-ink-3);overflow-wrap:break-word}
.st-spec-item .v{font-size:18px;font-weight:800;color:var(--st-steel);line-height:1.25;overflow-wrap:break-word}
@media(max-width:760px){.st-specgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.st-specgrid{grid-template-columns:1fr}}
@media(max-width:820px){.st-pdtop{grid-template-columns:1fr;gap:24px}}
/* 文章居中单栏 */
.st-article{max-width:760px;margin:0 auto}
.st-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.st-prevnext a{padding:18px;background:var(--st-paper);border:1px solid var(--st-line);transition:.18s}
.st-prevnext a:hover{border-color:var(--st-steel)}
.st-prevnext .l{font-family:var(--st-mono);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--st-ink-3);margin-bottom:7px}
.st-prevnext .t{font-size:15px;font-weight:700;color:var(--st-ink);line-height:1.3}
.st-chips{display:flex;flex-wrap:wrap;gap:8px}
.st-chips a{font-family:var(--st-mono);font-size:12px;color:var(--st-ink-2);background:var(--st-paper);border:1px solid var(--st-line-2);padding:6px 13px;transition:.18s;letter-spacing:.3px}
.st-chips a:hover{background:var(--st-steel);color:#fff;border-color:var(--st-steel)}
/* 询价细条 + 页脚 */
.st-quote{background:var(--st-orange);color:#fff}
.st-quote .st-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(16px,3vw,40px);flex-wrap:wrap}
.st-quote h3{font-size:clamp(19px,2.4vw,27px);font-weight:800;letter-spacing:-.3px}
.st-quote p{font-size:13.5px;color:rgba(255,255,255,.88);margin-top:4px}
.st-foot{background:var(--st-steel);color:#8c9aa7;padding:50px 0 26px}
.st-foot .st-wrap{padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}
.st-foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}
.st-foot .lg{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.st-foot .lg img{width:38px;height:38px;object-fit:contain}
.st-foot .lg b{font-size:19px;font-weight:800;color:#fff}
.st-foot-desc{font-size:13px;line-height:1.8;max-width:300px;margin-bottom:14px}
.st-foot .ct{font-family:var(--st-mono);font-size:12.5px;line-height:1.9;color:#aab8c4}
.st-foot h4{font-family:var(--st-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin-bottom:15px}
.st-foot-links li{margin-bottom:9px}.st-foot-links a{font-size:13.5px}.st-foot-links a:hover{color:var(--st-orange)}
.st-foot-bot{padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--st-mono);font-size:11.5px;color:#6a7884;letter-spacing:.3px}
.st-foot-bot a:hover{color:#fff}
@media(max-width:880px){.st-foot-top{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:520px){.st-foot-top{grid-template-columns:1fr}}
/* 通用网格降级 */
@media(max-width:860px){.st-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.st-shelf{grid-template-columns:1fr}.st-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* 首页介绍带(货架型首屏,非 hero 大图) */
.st-intro{background:var(--st-paper);border-bottom:1px solid var(--st-line)}
.st-intro .st-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center;padding:clamp(34px,4vw,56px) clamp(16px,3vw,40px)}
.st-intro .tx h1{font-size:clamp(28px,3.6vw,46px);font-weight:800;line-height:1.06;color:var(--st-ink);letter-spacing:-1px;margin:14px 0 16px}
.st-intro .tx h1 em{font-style:normal;color:var(--st-orange)}
.st-intro .tx p{font-size:clamp(14px,1.4vw,16.5px);color:var(--st-ink-2);max-width:540px;margin-bottom:24px}
.st-intro .tx .btns{display:flex;gap:12px;flex-wrap:wrap}
.st-intro .panel{background:var(--st-steel);color:#cdd8e2;position:relative;overflow:hidden}
.st-intro .panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--st-orange)}
.st-intro .panel::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border:2px solid rgba(255,255,255,.06);border-radius:50%}
.st-intro .panel .pn-top{padding:34px 32px 26px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}
.st-intro .panel .pn-mark{display:block;font-family:var(--st-mono);font-size:clamp(40px,5.5vw,64px);font-weight:700;color:#fff;line-height:1;letter-spacing:-1px}
.st-intro .panel .pn-sub{display:block;font-size:13px;color:#8ea0b0;margin-top:12px;letter-spacing:.3px}
.st-intro .panel .pn-badge{position:absolute;top:34px;right:32px;font-family:var(--st-mono);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--st-steel);background:var(--st-orange);padding:6px 12px}
.st-intro .panel .pn-rows{display:grid;grid-template-columns:1fr 1fr}
.st-intro .panel .pn-rows>div{padding:18px 32px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.st-intro .panel .pn-rows>div:nth-child(2n){border-right:none}
.st-intro .panel .pn-rows>div:nth-last-child(-n+2){border-bottom:none}
.st-intro .panel .pn-rows .k{display:block;font-family:var(--st-mono);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#7e8fa0}
.st-intro .panel .pn-rows .v{display:block;font-size:16px;font-weight:700;color:#fff;margin-top:5px}
@media(max-width:820px){.st-intro .st-wrap{grid-template-columns:1fr;gap:26px}}
/* 首页视频分组(分类→该分类视频) */
.st-vgroup{margin-top:26px}
.st-vgroup:first-of-type{margin-top:0}
.st-vgroup-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--st-line)}
.st-vgroup-h h3{font-size:17px;font-weight:800;color:var(--st-ink);letter-spacing:-.2px}
.st-vgroup-h h3::before{content:"# ";font-family:var(--st-mono);color:var(--st-orange);font-weight:600}
/* FAQ */
.st-faq{display:flex;flex-direction:column;gap:8px;max-width:820px}
.st-faq-i{background:var(--st-paper);border:1px solid var(--st-line);border-left:4px solid var(--st-orange)}
.st-faq-i summary{padding:16px 20px;font-size:15px;font-weight:700;color:var(--st-ink);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.st-faq-i summary::-webkit-details-marker{display:none}
.st-faq-i summary::after{content:"+";font-family:var(--st-mono);font-size:18px;color:var(--st-orange);font-weight:600}
.st-faq-i[open] summary::after{content:"\2013"}
.st-faq-i p{padding:0 20px 16px;font-size:14px;color:var(--st-ink-2);line-height:1.65}
.st-faq-sec{background:var(--st-panel);border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line);padding:clamp(40px,5vw,64px) 0}