/* 雷宇 v6 · 经销商目录。底色取自产品棚拍背景（石墨灰），品牌色取自机身：机身绿做色块，安全黄只给主按钮和关键数字。
   一个字族两种宽度：标题、型号、数字用窄体（铭牌感），正文用常规宽度。小圆角方形按钮，只有浮层用毛玻璃。 */
@font-face{font-family:"LEIYU Text";src:url("roboto-var.woff2") format("woff2"),url("roboto-var.ttf") format("truetype");font-weight:100 900;font-stretch:75% 100%;font-display:swap}
/* 标题与数字：Fira Sans Extra Condensed Bold（OFL，含哈萨克字母）。只有一个字重，声明成 600-900 避免浏览器伪加粗。 */
@font-face{font-family:"LEIYU Display";src:url("fira-xcond-700.woff2") format("woff2");font-weight:600 900;font-display:swap}
:root{
 color-scheme:dark;
 /* 石墨灰：页面底、深一档（页脚）、卡片底、悬停 */
 --bg-0:#15181B;--bg-1:#1C1F22;--bg-2:#24282C;--bg-3:#2C3035;
 --ground:#1C1F22;--ground-2:#181B1E;
 --panel:#24282C;--panel-2:#2C3035;
 --line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.18);
 /* 机身绿：品牌色块；浅一档只用于图形（地图、柱状条） */
 --green:#1B6A54;--green-2:#165845;--green-deep:#0F3A2F;--green-ink:#0C2E25;--green-light:#3E9B7F;
 /* 旧变量名保留给现有组件：不再用薄荷绿，数据文字改成白色，填充改成机身绿 */
 --teal:#3E9B7F;--teal-2:#2F8068;--teal-deep:#0F3A2F;--teal-ink:#15181B;--teal-soft:rgba(27,106,84,.24);--teal-text:#F1F2F3;
 /* 安全黄：主按钮、当前状态、关键数字 */
 --y:#F5C400;--y-2:#FFD43B;
 --ink:#F1F2F3;--ink-2:#B9C0C6;--mute:#8E969C;
 --ph-bg:rgba(245,166,80,.16);--ph-ink:#F4B46E;
 --well:#24282C;
 --glass:#24282C;
 --glass-dark:rgba(28,31,34,.94);
 --rim:inset 0 0 0 1px rgba(255,255,255,.1);
 --rim-soft:inset 0 0 0 1px rgba(255,255,255,.07);
 --edge:0 0 0 0 transparent;
 --drop:0 18px 40px rgba(0,0,0,.32);
 --blur:blur(16px);
 /* 三种圆角：按钮和输入 6，卡片和图片 12，大面板 16 */
 --r-xl:16px;--r-lg:12px;--r-md:10px;--r-sm:6px;--pill:8px;
 --hd:72px;--wrap:1320px;
 --f-cn:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC","Noto Sans SC",system-ui,sans-serif;
 --f:"LEIYU Text",var(--f-cn);
 --f-display:"LEIYU Display","LEIYU Text",var(--f-cn);
 --display-scale:1;
 /* 字号：13 / 14 / 16 / 18 / 22 / 30 起的标题档 */
 --t-xs:13px;--t-sm:14px;--t-md:16px;--t-lg:18px;--t-xl:22px;
 --ease:cubic-bezier(.16,1,.3,1);
 --spring:cubic-bezier(.2,.9,.25,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 64px);scrollbar-color:#454A50 var(--bg-1)}
body{margin:0;background:var(--bg-1);color:var(--ink);font:400 16px/1.65 var(--f);font-stretch:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;caret-color:var(--y)}
body::before{content:none}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{font-weight:700;line-height:1.2;letter-spacing:0;text-wrap:balance}
h2{font-size:clamp(26px,2.8vw,38px)}
h3{font-size:18px}
p{text-wrap:pretty}
::selection{background:var(--y);color:#16171A}
::placeholder{color:#868D92;opacity:1}
:focus-visible{outline:2px solid var(--y);outline-offset:3px}
.i{width:20px;height:20px;flex:none}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--y);color:#16171A;padding:10px 14px;font-weight:700;border-radius:var(--pill)}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
dd,.num,td{font-variant-numeric:tabular-nums}
main{padding-top:var(--hd)}
.hd[data-over]~main{padding-top:0}
.scroll-prog{position:fixed;left:0;top:0;z-index:60;width:100%;height:2px;transform-origin:left;transform:scaleX(0);background:var(--y);pointer-events:none}


/* ---------- 按钮 ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;height:auto;max-width:100%;padding:12px 24px;border:0;border-radius:var(--pill);font:700 15px/1.3 var(--f);white-space:normal;text-align:center;cursor:pointer;transition:transform .35s var(--spring),background-color .25s,box-shadow .3s,color .2s}
.btn:active{transform:scale(.96)}
.btn .i{width:18px;height:18px}
.btn-y{background:linear-gradient(180deg,#FFD94F 0%,#F4C51C 55%,#E8B60D 100%);color:#16171A;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.14),0 6px 16px rgba(0,0,0,.28)}
.btn-y:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.14),0 12px 26px rgba(0,0,0,.34)}
.btn-t{background:var(--green);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 16px rgba(0,0,0,.28)}
.btn-t:hover{transform:translateY(-1px);background:#237A63}
/* 次要按钮：实色深底 + 细边（不用玻璃，玻璃只留给浮层） */
.btn-o,.btn-line{background:#2B2C31;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 6px 16px rgba(0,0,0,.2)}
.btn-o:hover,.btn-line:hover{transform:translateY(-1px);background:#35363C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 10px 22px rgba(0,0,0,.26)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn-row.center{justify-content:center;margin-top:40px}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--teal-text);white-space:nowrap}
.more .i{width:18px;height:18px;transition:transform .3s var(--spring)}
.more:hover .i{transform:translateX(4px)}
.ph-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:6px;background:var(--ph-bg);color:var(--ph-ink);font:600 13px/1.7 var(--f-cn);letter-spacing:0;vertical-align:middle;white-space:nowrap}
body:not(.show-ph) .ph-tag{display:none}

/* 分段控件的滑块（JS 插入） */
.seg-thumb{position:absolute;z-index:0;left:0;top:0;width:0;height:0;border-radius:var(--pill);background:#3A3B41;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 8px rgba(0,0,0,.32);transition:transform .55s var(--spring),width .55s var(--spring),height .3s var(--ease);pointer-events:none;list-style:none}
.seg-thumb.no-anim{transition:none}
.hero-tabs li.seg-thumb{position:absolute;z-index:0;flex:none}

/* ---------- 页头：悬浮玻璃胶囊 ---------- */
.hd{position:fixed;inset:0 0 auto;z-index:50;height:var(--hd);padding-top:12px;color:#fff;pointer-events:none}
.hd-in{position:relative;isolation:isolate;display:flex;align-items:center;gap:24px;height:60px;pointer-events:auto}
.hd-in::before{content:"";position:absolute;z-index:-1;inset:0 clamp(4px,1.6vw,22px);border-radius:var(--pill);background:var(--glass-dark);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--rim),var(--edge),0 14px 36px rgba(0,0,0,.34);transition:background .45s var(--ease)}
.hd.is-over .hd-in::before{background:linear-gradient(180deg,rgba(26,27,30,.62),rgba(16,17,19,.52));box-shadow:var(--rim),0 0 0 1px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.24)}
.brand{display:block;color:var(--y);flex:none}
.brand svg{width:104px;height:auto}
.nav{display:flex;align-items:center;gap:2px;height:100%;margin-left:6px}
.nav>a,.has-menu>a{position:relative;display:flex;align-items:center;gap:4px;height:40px;padding:0 14px;border-radius:var(--pill);font-weight:600;font-size:15px;color:rgba(255,255,255,.8);transition:background-color .25s,color .2s}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a{color:#fff;background:rgba(255,255,255,.08)}
.nav a[aria-current="page"],.nav a.is-on{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.nav a[aria-current="page"]::after,.nav a.is-on::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--y)}
.has-menu>a .i{width:16px;height:16px;opacity:.7;transition:transform .3s var(--spring)}
.has-menu:hover>a .i,.has-menu.open>a .i{transform:rotate(180deg)}
.has-menu{display:flex;align-items:center;height:100%}
.mega{position:fixed;left:50%;top:calc(var(--hd) - 2px);width:min(1272px,calc(100vw - 32px));border-radius:var(--r-xl);background:var(--glass-dark);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:var(--rim),var(--edge),0 30px 60px rgba(0,0,0,.45);color:var(--ink);opacity:0;visibility:hidden;transform:translate(-50%,-8px) scale(.985);transform-origin:top center;transition:opacity .25s,transform .45s var(--spring),visibility .25s}
.mega::before,.drop::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.has-menu:hover .mega,.has-menu:focus-within .mega,.has-menu.open .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega .wrap{padding:0 22px}
.mega-cats{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;padding:20px 0 14px}
.mega-cats a{display:block}
.mega-img{display:block;aspect-ratio:4/3;border-radius:var(--r-md);background:var(--well);overflow:hidden}
.mega-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.mega-cats a:hover .mega-img img{transform:scale(1.06)}
.mega-cats b{display:block;margin-top:8px;font-size:15px}
.mega-cats span:not(.mega-img){font-size:13px;color:var(--mute)}
.mega-links{display:flex;gap:28px;padding:14px 0 18px;border-top:1px solid var(--line)}
.mega-links a{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--teal-text)}
.mega-links .i{width:16px;height:16px}
.has-drop{position:relative}
.drop{position:absolute;top:calc(100% + 2px);left:0;min-width:270px;padding:6px;border-radius:var(--r-lg);background:var(--glass-dark);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:var(--rim),var(--edge),0 24px 50px rgba(0,0,0,.45);color:var(--ink);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top left;transition:opacity .25s,transform .45s var(--spring),visibility .25s}
.has-drop:hover .drop,.has-drop:focus-within .drop,.has-drop.open .drop{opacity:1;visibility:visible;transform:none}
.drop a{display:block;padding:10px 14px;border-radius:var(--r-sm);transition:background-color .2s}
.drop a:hover{background:rgba(255,255,255,.08)}
.drop b{display:block;font-size:15px}
.drop span{font-size:13px;color:var(--mute)}
.hd-tools{display:flex;align-items:center;gap:4px;margin-left:auto}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:none;border:0;color:inherit;transition:background-color .2s,color .2s}
.icon-btn:hover{background:rgba(255,255,255,.1);color:var(--y)}
.language-menu{position:relative}
.language-menu summary{display:flex;align-items:center;gap:4px;height:40px;padding:0 12px;border-radius:var(--pill);font-weight:600;font-size:15px;cursor:pointer;list-style:none;transition:background-color .2s}
.language-menu summary:hover{background:rgba(255,255,255,.08)}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary .i{width:16px;height:16px;opacity:.7}
.language-menu ul{position:absolute;right:0;top:calc(100% + 12px);min-width:170px;padding:6px;border-radius:var(--r-md);background:var(--glass-dark);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:var(--rim),var(--edge),0 20px 44px rgba(0,0,0,.45);color:var(--ink)}
.language-menu a{display:block;padding:8px 12px;border-radius:10px;font-size:15px}
.language-menu a:hover{background:rgba(255,255,255,.08)}
.language-menu a[aria-current]{font-weight:700;color:var(--teal-text)}
.hd-cta{height:40px;padding:0 16px;margin-left:6px}
.rfq-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--pill);background:#16171A;color:var(--y);font:700 13px/1 var(--f)}
.menu-btn{display:none}

/* 抽屉菜单 */
.drawer{position:fixed;top:8px;right:8px;bottom:8px;width:min(380px,calc(100vw - 16px));z-index:80;border-radius:var(--r-xl);background:var(--glass-dark);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:var(--rim),var(--edge);color:#fff;display:flex;flex-direction:column;transform:translateX(calc(100% + 16px));visibility:hidden;transition:transform .5s var(--spring),visibility .5s;overflow:auto}
.drawer.open{transform:none;visibility:visible;box-shadow:var(--rim),var(--edge),-20px 0 60px rgba(0,0,0,.45)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 12px 0 20px;border-bottom:1px solid var(--line)}
.drawer nav{padding:8px 20px}
.drawer nav>a,.drawer summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-weight:600;font-size:18px;border-bottom:1px solid var(--line);cursor:pointer;list-style:none}
.drawer summary::-webkit-details-marker{display:none}
.drawer details[open] summary .i{transform:rotate(180deg)}
.drawer details div{padding:4px 0 10px 12px;border-bottom:1px solid var(--line)}
.drawer details div a{display:block;padding:8px 0;font-size:15px;color:rgba(255,255,255,.78)}
.drawer-foot{margin-top:auto;padding:20px;display:grid;gap:14px}
.drawer-wa{display:flex;align-items:center;gap:8px;font-weight:600}
.drawer-wa .i{color:var(--y)}
.langs{display:flex;gap:16px;font-size:14px;color:rgba(255,255,255,.72)}
.langs a[aria-current]{color:var(--y);font-weight:700}

/* 搜索 */
.search{position:fixed;inset:0;z-index:90;background:rgba(10,11,12,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;justify-content:center;align-items:flex-start;padding-top:12vh}
.search.open{display:flex}
.search-box{width:min(680px,92vw);border-radius:var(--r-lg);overflow:hidden;background:var(--glass-dark);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:var(--rim),var(--edge),0 30px 70px rgba(0,0,0,.5)}
.search-field{display:flex;align-items:center;gap:12px;height:62px;padding:0 18px;border-bottom:1px solid var(--line)}
.search-field .i{color:var(--teal-text)}
.search-field input{flex:1;border:0;background:none;font-size:18px;outline:none}
.search-field kbd{font:600 13px var(--f);color:var(--mute);border:1px solid var(--line-2);border-radius:6px;padding:2px 6px}
.search-results{max-height:60vh;overflow:auto}
.search-results a{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:10px 18px;transition:background-color .2s}
.search-results a:hover{background:rgba(255,255,255,.07)}
.search-results img{width:56px;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--well)}
.search-results b{display:block;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:18px}
.search-results span{font-size:14px;color:var(--mute)}
.search-results em{font-style:normal;font-weight:600;color:var(--teal-text);font-size:14px}
.search-empty{padding:20px 18px;color:var(--mute)}

/* ---------- 首页大图轮播（v5） ----------
   图片按原比例完整显示：桌面上产品横幅靠右，左边缘渐隐进暗底，文字放在左侧暗区，不压产品；
   工厂横幅铺满，文字在左下。轮播标签、数据和按钮放在图片下方的条上。手机和平板上图在上、字在下。 */
.hero{
 --bar-h:88px;
 --gl:calc(max(0px,(100vw - var(--wrap))/2) + clamp(16px,4vw,40px));
 --copy-w:clamp(340px,34vw,520px);
 --img-w:min(100vw,calc((100vw - var(--gl) - var(--copy-w) - 24px)/.65));
 --stage-h:max(420px,calc(var(--img-w)/2.4));
 position:relative;height:calc(var(--stage-h) + var(--bar-h));color:#fff;overflow:hidden;outline:none;
 background:linear-gradient(180deg,#0D1216 0,#0D1216 calc(var(--stage-h) - 140px),var(--bg-1) var(--stage-h))}
.slide{position:absolute;left:0;right:0;top:0;height:var(--stage-h);opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s}
.slide.is-active{opacity:1;visibility:visible}
.slide picture{position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
.slide img{display:block;width:100%;height:100%;object-fit:cover}
.slide--promo picture{left:auto;width:var(--img-w);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%),linear-gradient(180deg,#000 80%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 16%),linear-gradient(180deg,#000 80%,transparent);mask-composite:intersect}
.slide--promo img{object-position:right center}
.slide::after{content:"";position:absolute;inset:0;pointer-events:none}
.slide.tone-bottom:not(.slide--promo)::after{background:linear-gradient(0deg,rgba(13,18,22,.9) 0%,rgba(13,18,22,.55) 34%,rgba(13,18,22,0) 68%),linear-gradient(90deg,rgba(13,18,22,.62),rgba(13,18,22,0) 58%)}
.slide:not(.slide--promo) img{filter:saturate(.84) brightness(.86) contrast(1.05)}
.slide-copy{position:absolute;left:0;right:0;z-index:3}
.slide--promo .slide-copy{top:calc(var(--hd) + (var(--stage-h) - var(--hd))/2);transform:translateY(-50%)}
.slide--promo .slide-copy>*{max-width:var(--copy-w)}
.slide:not(.slide--promo) .slide-copy{bottom:clamp(32px,3.6vw,52px)}
.slide:not(.slide--promo) .slide-copy>*{max-width:min(680px,56vw)}
.slide-copy h1,.slide-copy .h1{font-size:clamp(34px,3.6vw,56px);line-height:1.08;font-weight:800;letter-spacing:0;text-wrap:balance}
.slide-copy p:not(.h1){margin-top:14px;font-size:clamp(16px,1.2vw,18px);line-height:1.6;color:rgba(255,255,255,.86);max-width:36em}
.slide-copy .btn-row{margin-top:24px}
.slide.is-active .slide-copy>*{animation:rise .8s var(--ease) both}
.slide.is-active .slide-copy>*:nth-child(2){animation-delay:.08s}
.slide.is-active .slide-copy>*:nth-child(3){animation-delay:.16s}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero-bar{position:absolute;left:0;right:0;top:var(--stage-h);height:var(--bar-h);z-index:4;display:flex;align-items:center}
.hero-bar-in{display:flex;align-items:center;gap:28px}
.hero-tabs{position:relative;display:flex;flex:0 1 auto;min-width:0;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hero-tabs li{position:relative;z-index:1;flex:0 1 auto;min-width:0}
.hero-tabs button{position:relative;display:block;width:100%;min-height:44px;padding:6px 18px;border-radius:var(--pill);background:none;border:0;text-align:center;color:rgba(255,255,255,.6);font-weight:600;font-size:14px;line-height:1.25;white-space:nowrap;transition:color .3s}
.hero-tabs button:hover,.hero-tabs button[aria-selected="true"]{color:#fff}
.hero-tabs i{position:absolute;left:24%;right:24%;bottom:5px;height:2px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden;opacity:0;transition:opacity .3s}
.hero-tabs button[aria-selected="true"] i{opacity:1}
.hero-tabs i::after{content:"";position:absolute;inset:0;background:var(--y);transform:scaleX(0);transform-origin:left}
.hero-tabs button[aria-selected="true"] i::after{animation:prog var(--dur,6500ms) linear forwards}
.hero.paused .hero-tabs button[aria-selected="true"] i::after{animation:none;transform:scaleX(1)}
@keyframes prog{to{transform:scaleX(1)}}
/* 首屏三个数字（21 / 24 / 2.0-8.0）与第一张的大标题重复，俄语标签又很长，会把轮播标签挤成多行，所以不再显示；同样的数据在电池平台和关于页里。 */
.hero-hud{display:none;gap:30px;margin-left:auto;pointer-events:none}
.hh{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.hh b{font:800 28px/1 var(--f);font-family:var(--f-display);font-stretch:100%;color:#fff}
.hh span{font-size:13px;line-height:1.3;color:var(--mute)}
.hero-ctrl{display:flex;align-items:center;gap:8px;margin-left:auto}
.hero-ctrl button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:0;color:#fff;background:#2B2C31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .35s var(--spring),background-color .2s}
.hero-ctrl button:hover{transform:scale(1.06);background:#35363C}
.hero-ctrl button:active{transform:scale(.94)}
.hero-ctrl .i{width:18px;height:18px}
.hero .ic-play{display:none}
.hero.paused .ic-play{display:inline}
.hero.paused .ic-pause{display:none}

/* ---------- 版块 ---------- */
.sec{padding:clamp(48px,5.5vw,80px) 0}
.sec-tight{padding:clamp(36px,4.5vw,56px) 0}
.sec-alt{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.022) 16%,rgba(255,255,255,.022) 84%,rgba(255,255,255,0))}
.sec-dark{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.22) 16%,rgba(0,0,0,.22) 84%,rgba(0,0,0,0));color:#fff}
.sec-dark .sh p{color:rgba(255,255,255,.72)}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.sh-t p{margin-top:10px;color:var(--mute);max-width:60ch}
.fine{margin-top:16px;font-size:14px;color:var(--mute)}
.muted{color:var(--mute)}
.note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);background:var(--teal-soft);box-shadow:var(--rim-soft);color:var(--ink-2);font-size:15px;margin:0 0 20px}
.note .i{color:var(--teal-text);margin-top:2px}
.two{display:grid;grid-template-columns:1fr 1.35fr;gap:48px}
.two h2{margin-bottom:16px}
.two p{color:var(--ink-2)}
.two p a{color:var(--teal-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* 品类：整张图做底，名称直接压在图片底部的暗色渐变上（不加玻璃框） */
.cats{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;grid-auto-rows:auto;gap:14px}
.cat{position:relative;isolation:isolate;display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--well);transition:transform .5s var(--spring),box-shadow .4s}
.cat::before{content:"";position:absolute;inset:auto 0 0;height:62%;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(18,19,21,.94) 0%,rgba(18,19,21,.7) 42%,rgba(18,19,21,0) 100%)}
.cat::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:var(--rim-soft);background:none}
.cat:hover{transform:translateY(-4px);box-shadow:0 26px 50px rgba(0,0,0,.42)}
.cat-lg{grid-row:span 2}
.cat-img{display:block;aspect-ratio:4/3;overflow:hidden}
.cat-lg .cat-img{aspect-ratio:auto;flex:1}
.cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.cat:hover .cat-img img{transform:scale(1.05)}
.cat-t{position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;padding:14px 46px 15px 18px;color:#fff}
.cat-t b{display:block;font-size:18px;line-height:1.3}
.cat-lg .cat-t{padding:22px 56px 24px 24px}
.cat-lg .cat-t b{font-size:24px}
.cat-t span{display:block;font-size:13px;color:rgba(255,255,255,.66)}
.cat-t .i{position:absolute;right:14px;top:50%;margin-top:-10px;color:var(--y);transition:transform .35s var(--spring)}
.cat:hover .cat-t .i{transform:translateX(4px)}

/* 主力型号展台 */
.stage{position:relative;border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:var(--rim-soft),0 30px 60px rgba(0,0,0,.25);overflow:hidden}
.st-tabs{position:relative;display:flex;width:max-content;max-width:calc(100% - 24px);margin:12px;padding:4px;border-radius:var(--pill);background:rgba(0,0,0,.26);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}
.st-tabs::-webkit-scrollbar{display:none}
.st-tabs button{position:relative;z-index:1;flex:none;display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:var(--pill);background:none;border:0;font-weight:600;font-size:15px;color:var(--ink-2);transition:color .25s}
.st-tabs button span{font-size:13px;color:var(--mute)}
.st-tabs button:hover{color:#fff}
.st-tabs button[aria-selected="true"]{color:#fff}
.st-tabs button[aria-selected="true"] span{color:var(--y)}
.st-body{display:grid;grid-template-columns:1.3fr 1fr;min-height:540px}
.st-view{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:20px 28px 76px;background:radial-gradient(60% 65% at 50% 46%,rgba(255,255,255,.07),transparent 72%)}
.st-figure{width:100%;max-width:660px;transition:opacity .35s,transform .45s var(--ease),filter .35s}
.st-figure.out{opacity:0;transform:translateX(-14px) scale(.98)}
.st-figure.out.rev{transform:translateX(14px) scale(.98)}
.st-plain img{width:100%;max-height:500px;object-fit:contain;border-radius:var(--r-md)}
.st-figure .hs-box{max-width:min(100%,calc(500px * var(--ar)));margin:0 auto}
.st-nav{position:absolute;left:24px;bottom:20px;display:flex;align-items:center;gap:10px;font:700 14px var(--f);color:var(--ink-2)}
.st-nav button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:0;color:#fff;background:#2B2C31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .35s var(--spring)}
.st-nav button:hover{transform:scale(1.08)}
.st-nav button:active{transform:scale(.94)}
.st-nav .i{width:18px;height:18px}
.st-info{position:relative;padding:28px 36px 36px;transition:opacity .3s}
.st-info::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:1px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.14),rgba(255,255,255,0))}
.st-info.out{opacity:0}
.st-model,.pd-info h1,.pc-model,.fd-model{font-family:var(--f-display);font-stretch:100%;font-weight:800;letter-spacing:.005em;line-height:1}
.st-model{margin-top:4px;font-size:clamp(38px,3.8vw,52px)}
.st-type{margin-top:6px;font-weight:600;color:var(--ink-2)}
.st-big{display:flex;align-items:baseline;gap:8px;margin-top:20px;padding:4px 0 2px}
.st-big b{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:clamp(52px,5vw,72px);line-height:.95;color:var(--teal-text)}
.st-big span{font-weight:700;font-size:18px;color:var(--ink-2)}
.st-big em{margin-left:auto;font-style:normal;font-size:14px;color:var(--mute)}
.st-meter{margin:10px 0 6px}
.sm-track{position:relative;height:8px;border-radius:var(--pill);background:rgba(255,255,255,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.sm-track i{position:absolute;left:0;top:0;bottom:0;width:var(--v);border-radius:inherit;background:var(--teal-text);transform-origin:left;animation:meter 1.1s var(--ease) both}
.sm-track b{position:absolute;top:50%;width:2px;height:14px;margin:-7px 0 0 -1px;border-radius:1px;background:rgba(255,255,255,.28)}
.sm-track b.on{width:3px;height:16px;margin:-8px 0 0 -1.5px;background:var(--y)}
.sm-scale{display:flex;justify-content:space-between;margin-top:8px;font:600 13px var(--f);color:var(--mute)}
@keyframes meter{from{transform:scaleX(0)}to{transform:none}}
.st-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:10px}
.st-specs div{padding:10px 0;border-bottom:1px solid var(--line)}
.st-specs dt{font-size:13px;color:var(--mute)}
.st-specs dd{font-weight:600;font-size:15px}
.st-pt{margin-top:20px;font-size:13px;color:var(--mute)}
.st-parts{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:14px}
.st-parts li{display:flex;align-items:center;gap:6px;cursor:default;transition:color .2s}
.st-parts b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(22,23,26,.7);box-shadow:inset 0 0 0 1.5px rgba(62,155,127,.8);color:#fff;font:700 13px/1 var(--f);transition:background-color .2s,box-shadow .2s,color .2s}
.st-parts.kit b{background:none;box-shadow:none;color:var(--teal-text);width:auto}
.st-parts .i{width:16px;height:16px}
.st-parts li.on{color:#fff}
.st-parts li.on b{background:var(--y);box-shadow:none;color:#16171A}
.st-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.st-models{display:flex;gap:8px;padding:12px;overflow-x:auto;background:rgba(0,0,0,.2);scrollbar-width:thin}
.st-models button{flex:none;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:var(--r-md);background:rgba(255,255,255,.04);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);font:800 15px var(--f);font-family:var(--f-display);font-stretch:100%;transition:background-color .25s,box-shadow .25s,transform .35s var(--spring)}
.st-models img{width:56px;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.st-models button:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
.st-models button[aria-pressed="true"]{background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1.5px rgba(62,155,127,.6)}

/* 部位热点 */
.hs-box{position:relative;width:100%;aspect-ratio:var(--ar)}
.hs-clip{position:absolute;inset:0;overflow:hidden;border-radius:var(--r-md)}
.hs-inner{position:absolute}
.hs-inner img{width:100%;height:100%}
.hs{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px;border:0;border-radius:50%;background:rgba(22,23,26,.78);color:#fff;font:700 14px/1 var(--f);box-shadow:inset 0 0 0 1.5px rgba(62,155,127,.9),0 6px 16px rgba(0,0,0,.35);transition:background-color .25s,color .25s,transform .4s var(--spring),box-shadow .25s}
.hs::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(62,155,127,.6);animation:ring 2.6s var(--ease) infinite;pointer-events:none}
.hs:hover,.hs.on{background:var(--y);color:#16171A;transform:scale(1.12);box-shadow:0 8px 22px rgba(0,0,0,.4)}
.hs:hover::before,.hs.on::before{border-color:rgba(244,197,28,.6)}
@keyframes ring{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.7);opacity:0}}
.hs-tip{position:absolute;z-index:4;width:max-content;max-width:250px;padding:10px 12px;border-radius:var(--r-sm);background:var(--glass-dark);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:var(--rim),var(--edge),0 12px 28px rgba(0,0,0,.4);color:#fff;font-size:14px;line-height:1.5;transform:translate(-50%,calc(-100% - 16px));opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}
.hs-tip.below{transform:translate(-50%,16px)}
.hs-tip.show{opacity:1;visibility:visible}
.hs-tip b{display:block;color:var(--y);margin-bottom:2px}

/* 电池平台色带 */
.band{position:relative;isolation:isolate;padding:clamp(56px,6.5vw,88px) 0;color:#fff;background:linear-gradient(180deg,rgba(17,60,49,0),rgba(17,60,49,.32) 22%,rgba(17,60,49,.32) 78%,rgba(17,60,49,0));overflow:hidden}
.band-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.band-copy p{margin-top:14px;color:rgba(255,255,255,.8);max-width:36em}
.band-copy .band-note{font-size:14px;color:rgba(255,255,255,.58)}
.bsel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:18px;border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 24px 48px rgba(0,0,0,.22)}
.bsel-img{border-radius:var(--r-lg);background:var(--well);aspect-ratio:4/3;overflow:hidden}
.bsel-img img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .5s var(--ease)}
.battery-gallery{min-width:0}
.battery-gallery .bsel-img img,.battery-gallery .thumbs img{object-fit:contain}
.battery-gallery .thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}
.bsel-data{padding:6px 10px 6px 0}
.seg{position:relative;display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:22px;background:rgba(0,0,0,.26);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.06)}
.seg button{position:relative;z-index:1;height:38px;padding:0 15px;border-radius:var(--pill);background:transparent;border:0;font:700 14px var(--f);color:var(--ink-2);transition:color .25s}
.seg button:hover{color:#fff}
.seg button[aria-pressed="true"]{color:#fff}
.bsel .seg button[aria-pressed="true"]{color:#16171A}
.bsel .seg .seg-thumb{background:linear-gradient(180deg,#FFD94F,#F4C51C);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 12px rgba(0,0,0,.3)}
.bsel-read{display:flex;align-items:baseline;gap:8px;margin-top:22px}
.bsel-read b{font:800 clamp(52px,5vw,68px)/.9 var(--f);font-family:var(--f-display);font-stretch:100%;color:#fff}
.bsel-read span{font-weight:700;font-size:18px;color:rgba(255,255,255,.7)}
.bsel-read em{margin-left:auto;font-style:normal;font-size:13px;color:rgba(255,255,255,.55)}
.bgauge{position:relative;display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:14px 14px 4px 0;padding:4px;border-radius:10px;background:rgba(0,0,0,.28);box-shadow:inset 0 1px 2px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)}
.bgauge::after{content:"";position:absolute;right:-9px;top:50%;width:5px;height:12px;margin-top:-6px;border-radius:0 3px 3px 0;background:rgba(255,255,255,.22)}
.bgauge i{height:16px;border-radius:4px;background:rgba(255,255,255,.07);transition:background-color .3s,box-shadow .3s;transition-delay:calc(var(--k,0)*35ms)}
.bgauge i.on{background:linear-gradient(180deg,#FFD43B,#F4C51C);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.bsel-dl{display:grid;grid-template-columns:auto 1fr;gap:0 28px;margin-top:16px}
.bsel-dl div:last-child{grid-column:1/-1}
.bsel-dl div{padding:10px 0;border-bottom:1px solid var(--line)}
.bsel-dl dd{white-space:nowrap}
.bsel-dl div:last-child dd{white-space:normal}
.bsel-dl dt{font-size:13px;color:var(--mute)}
.bsel-dl dd{font-weight:700;font-size:18px}
.bsel-fits{margin-top:14px;font-size:14px;color:var(--ink-2)}
.bsel-fits b{display:block;font-size:13px;color:var(--mute);font-weight:400;margin-bottom:2px}
.band .ph-tag{background:rgba(244,197,28,.18);color:#FFD866}

/* 产品卡：不加框，图在圆角底板上，文字直接放下面 */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 18px}
.pc{position:relative;display:flex;flex-direction:column}
.pc[hidden]{display:none}
/* 产品照片是方图：图位也用方形，工具头和电池都完整显示 */
.pc-img{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;background:var(--well);transition:transform .5s var(--spring),box-shadow .4s}
.pc-img::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--rim-soft);background:none}
.pc-img img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .7s var(--ease)}
.pc:hover .pc-img{transform:translateY(-4px);box-shadow:0 24px 46px rgba(0,0,0,.42)}
.pc:hover .pc-img img{transform:scale(1.04)}
.pc-body{display:flex;flex-direction:column;flex:1;padding:14px 2px 0}
.pc-model{font-size:24px}
.pc-model a:hover{color:var(--teal-text)}
.pc-type{margin-top:4px;font-size:14px;color:var(--ink-2)}
.pc-spec{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:8px;font-size:14px;color:var(--mute)}
.pc-spec b{color:var(--teal-text);font-weight:700}
.pc-act{display:flex;gap:8px;margin-top:auto;padding-top:14px}
.add{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:var(--pill);border:0;background:rgba(255,255,255,.07);box-shadow:var(--rim-soft);color:#fff;font-weight:700;font-size:14px;transition:background .25s,color .2s,box-shadow .3s,transform .35s var(--spring)}
.add .i{width:17px;height:17px}
.add:hover,.add.in{background:linear-gradient(180deg,#FFD94F,#F4C51C);color:#16171A;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 18px rgba(0,0,0,.3)}
.add:active{transform:scale(.96)}
.cmp{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.07);box-shadow:var(--rim-soft);color:var(--ink-2);transition:background .25s,color .2s,box-shadow .25s,transform .35s var(--spring)}
.cmp span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cmp .i{width:18px;height:18px}
.cmp:hover{background:rgba(255,255,255,.12);color:#fff}
.cmp:active{transform:scale(.94)}
.cmp.on{background:rgba(27,106,84,.2);box-shadow:inset 0 0 0 1.5px rgba(62,155,127,.6);color:var(--teal-text)}

/* 应用场景 */
.apps{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:26px 20px}
.app-a{grid-row:span 2}
.apps figure{position:relative}
.apps figure img{width:100%;object-fit:cover;border-radius:var(--r-xl)}
.app-a img{aspect-ratio:9/8.3}
.app-b img,.app-c img{aspect-ratio:16/8}
.apps figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:12px}
.apps figcaption b{font-size:18px}
.apps figcaption span{color:var(--ink-2);font-size:15px}
.apps figcaption a{margin-left:8px;font-family:var(--f-display);font-stretch:100%;font-weight:800;color:var(--teal-text)}
.apps figcaption a:hover{text-decoration:underline}

/* 公司 */
.co{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.co-video{position:relative;display:block;padding:0;background:none;border:0;text-align:left;width:100%}
.co-video img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-xl)}
.play{position:absolute;left:50%;top:calc(50% - 16px);width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06));box-shadow:var(--rim),var(--edge),0 12px 30px rgba(0,0,0,.35);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .45s var(--spring),background .25s}
.play .i{width:28px;height:28px;margin-left:3px;color:var(--y)}
.co-video:hover .play,.vid:hover .play{transform:scale(1.1);background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.1))}
.co-len{display:block;margin-top:10px;font-size:14px;color:var(--mute)}
.co-text p{margin-top:14px;color:var(--ink-2)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.sh+.flow{margin-top:0}
.flow img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-lg)}
.flow b{display:block;margin-top:14px;font-size:18px}
.flow span{display:block;margin-top:4px;font-size:15px;color:var(--ink-2)}

/* 资料 */
.dlx{display:grid;grid-template-columns:minmax(300px,460px) 1fr;gap:64px;align-items:center}
.dlx-media{display:grid;grid-template-columns:2fr 1fr;gap:14px;perspective:1200px}
.dlx-media:not(:has(.dlx-pages)){grid-template-columns:1fr;max-width:300px}
.dlx-cover{display:block}
.dlx-pages{display:grid;grid-template-rows:1fr 1fr;gap:14px;height:0;min-height:100%}
.dlx-pages a{display:block;min-height:0}
.dlx-cover img,.dlx-pages img{width:100%;border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 22px 44px rgba(0,0,0,.45);transition:transform .5s var(--spring)}
.dlx-pages img{height:100%;object-fit:cover;object-position:top;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 12px 26px rgba(0,0,0,.4)}
.dlx-cover:hover img{transform:translateY(-6px) rotateY(-4deg)}
.dlx-pages a:hover img{transform:translateY(-4px)}
.dlx-text p{margin-top:12px;color:var(--ink-2);max-width:46em}
.dlx-text .dl-list{margin:24px 0 20px}
.dl-list{display:grid;gap:8px}
.dl-list.cols{grid-template-columns:repeat(2,1fr)}
.dl{display:grid;grid-template-columns:32px 1fr 22px;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft);transition:background-color .25s,transform .35s var(--spring)}
.dl:hover{background-color:rgba(255,255,255,.08);transform:translateX(3px)}
.dl .i{width:26px;height:26px;color:var(--teal-text)}
.dl>.i:last-child{width:20px;height:20px;color:var(--ink-2)}
.dl-t b{display:block;font-size:16px;font-weight:600}
.dl-t span{font-size:14px;color:var(--mute)}
.dl.is-soon{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.12)}
.dl.is-soon:hover{transform:none}
.dl.is-soon .i{color:var(--mute)}
.dl[hidden]{display:none}

/* 新闻 */
.news-x{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:24px}
.nx{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:20px;align-items:stretch;min-width:0}
.nx:not(.nx-lg) .nx-img{aspect-ratio:auto;height:100%;min-height:150px}
.nx-lg{grid-row:span 2;grid-template-columns:1fr;gap:0}
.nx-img{display:block;width:100%;min-width:0;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;background:var(--well)}
.nx-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.nx:hover .nx-img img{transform:scale(1.04)}
.nx-t{display:block}
.nx-lg .nx-t{padding-top:16px}
.nx-t time,.nx-t>span{font-size:13px;color:var(--mute);margin-right:10px}
.nx-t b{display:block;margin-top:4px;font-size:18px;line-height:1.45;transition:color .2s}
.nx-t em{display:block;margin-top:8px;font-style:normal;font-size:15px;line-height:1.6;color:var(--ink-2)}
.nx-lg .nx-t em{font-size:16px}
.nx-lg .nx-t b{font-size:22px}
.nx:hover b{color:var(--teal-text)}

/* 询价：品牌绿色调面板（静态内容，不用玻璃） */
.cta{padding:clamp(32px,5vw,64px) 0}
.cta-in.wrap{width:calc(100% - 2*clamp(16px,4vw,40px));max-width:calc(var(--wrap) - 80px)}
.cta-in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;padding:clamp(28px,4vw,44px) clamp(24px,4vw,48px);border-radius:var(--r-xl);background:linear-gradient(100deg,rgba(30,107,87,.1) 0%,rgba(30,107,87,.34) 100%),rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 24px 48px rgba(0,0,0,.22);color:#fff}
.cta p{margin-top:8px;color:rgba(255,255,255,.76)}
.cta-act{display:flex;align-items:center;gap:12px 14px;flex-wrap:wrap}
.cta-num{margin-left:6px;font:700 16px var(--f);color:rgba(255,255,255,.72);white-space:nowrap;transition:color .2s}
.cta-num:hover{color:var(--y)}

/* 页脚 */
.ft{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.3) 160px),var(--bg-0);color:rgba(255,255,255,.72);font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ft-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.35fr;gap:40px;padding-top:64px;padding-bottom:48px}
.ft .brand svg{width:116px}
.ft-brand p{margin-top:16px;max-width:26em}
.ft h2{font-size:14px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:.02em}
.ft h2.mt{margin-top:26px}
.ft ul li{padding:3px 0}
.ft a{transition:color .2s}
.ft a:hover{color:var(--y)}
.ft-contact dl div{padding:6px 0}
.ft-contact dt{font-size:13px;color:rgba(255,255,255,.52)}
.ft-contact dd{color:#fff}
.ft-contact .btn{margin-top:16px}
.ft-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:18px;padding-bottom:22px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.52)}
.socials{display:flex;gap:8px;margin-top:20px}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);box-shadow:var(--rim-soft);color:#fff;transition:background .2s,color .2s,transform .35s var(--spring)}
.socials a:hover{background:rgba(255,255,255,.12);color:var(--y);transform:translateY(-2px)}
.socials svg{width:18px;height:18px}

/* ---------- 内页页头 ---------- */
.ph{position:relative;isolation:isolate;color:#fff;overflow:hidden}
.ph-img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent);mask-image:linear-gradient(180deg,#000 76%,transparent)}
.ph::after{content:"";position:absolute;inset:0;z-index:-1;background:none}
.ph.has-img::after{background:linear-gradient(90deg,rgba(22,23,26,.96) 0%,rgba(22,23,26,.86) 45%,rgba(22,23,26,.52) 78%,rgba(22,23,26,.36) 100%);-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent);mask-image:linear-gradient(180deg,#000 76%,transparent)}
.ph-in{position:relative;padding-top:36px;padding-bottom:52px}
main:has(>.ph:first-child){padding-top:0}
main>.ph:first-child .ph-in{padding-top:calc(var(--hd) + 36px)}
main>.ph.has-img:first-child .ph-in{padding-top:calc(var(--hd) + 56px)}
.ph.has-img .ph-in{padding-top:56px;padding-bottom:84px}
.ph h1{margin-top:18px;font-size:clamp(32px,4vw,54px);font-weight:800}
.ph p{margin-top:12px;max-width:40em;font-size:18px;color:rgba(255,255,255,.82)}
.crumbs{display:flex;flex-wrap:wrap;gap:4px;font-size:14px;color:var(--mute)}
.ph .crumbs{color:rgba(255,255,255,.66)}
.crumbs li+li::before{content:"/";margin-right:4px;opacity:.6}
.crumbs a:hover{color:var(--teal-text);text-decoration:underline}
.ph .crumbs a:hover{color:#fff}

/* 产品中心工具条：悬浮玻璃胶囊 */
.toolbar{position:sticky;top:calc(var(--hd) - 2px);z-index:20;padding:6px 0}
.tb-in{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px}
.tb-in::before{content:"";position:absolute;z-index:-1;inset:0 clamp(4px,1.6vw,22px);border-radius:var(--pill);background:var(--glass-dark);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--rim),var(--edge),0 12px 30px rgba(0,0,0,.3)}
.tabs{position:relative;display:flex;gap:2px;padding:5px 0;overflow-x:auto;scrollbar-width:none;min-width:0}
.tabs::-webkit-scrollbar{display:none}
.tabs button{position:relative;z-index:1;flex:none;display:flex;align-items:center;gap:5px;height:40px;padding:0 14px;border-radius:var(--pill);background:none;border:0;font-weight:600;font-size:15px;color:var(--ink-2);transition:color .25s}
.tabs button span{font-size:13px;color:var(--mute)}
.tabs button:hover{color:#fff}
.tabs button[aria-selected="true"]{color:#fff}
.tabs button[aria-selected="true"] span{color:var(--y)}
.tb-search{margin-left:auto;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:var(--pill);background:rgba(0,0,0,.25);box-shadow:inset 0 1px 2px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.06);flex:none;transition:box-shadow .2s}
.tb-search .i{width:18px;height:18px;color:var(--mute)}
.tb-search input{width:170px;border:0;background:none;outline:none;font-size:15px}
.tb-search:focus-within{box-shadow:inset 0 1px 2px rgba(0,0,0,.35),0 0 0 2px rgba(62,155,127,.5)}
.catalog{padding-top:20px;padding-bottom:64px}
.cat-count{font-size:14px;color:var(--mute)}
.cgroup{margin-top:40px}
.cgroup[hidden]{display:none}
.cg-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;margin-bottom:18px}
.cg-head h2{font-size:24px}
.cg-head p{font-size:15px;color:var(--mute)}
.cat-empty{margin-top:40px;color:var(--ink-2)}
.cat-empty a{color:var(--teal-text);text-decoration:underline}
.mini-band{display:grid;grid-template-columns:120px 1fr 24px;gap:20px;align-items:center;padding:12px 22px 12px 12px;border-radius:var(--r-lg);background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(30,107,87,.3)),rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#fff;transition:transform .4s var(--spring)}
.mini-band:hover{transform:translateY(-2px)}
.mini-band img{width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm);background:var(--well)}
.mini-band b{display:block;font-size:18px}
.mini-band span span{color:rgba(255,255,255,.76);font-size:15px}
.mini-band .i{color:var(--y);transition:transform .35s var(--spring)}
.mini-band:hover .i{transform:translateX(4px)}

/* ---------- 产品详情 ---------- */
.subnav{position:sticky;top:calc(var(--hd) - 2px);z-index:19;padding:6px 0}
.sn-in{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;height:52px}
.sn-in::before{content:"";position:absolute;z-index:-1;inset:0 clamp(4px,1.6vw,22px);border-radius:var(--pill);background:var(--glass-dark);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--rim),var(--edge),0 12px 30px rgba(0,0,0,.3)}
.sn-in>b{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:20px;flex:none}
.sn-in nav{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;height:100%}
.sn-in nav::-webkit-scrollbar{display:none}
.sn-in nav a{flex:none;display:flex;align-items:center;height:36px;padding:0 12px;border-radius:var(--pill);font-size:14px;color:var(--ink-2);transition:background-color .25s,color .2s}
.sn-in nav a:hover{color:#fff}
.sn-in nav a.on{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);font-weight:600}
.sn-in .btn{height:38px;padding:0 16px;margin-left:auto;font-size:14px}
.pd{padding:20px 0 64px}
.pd-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;margin-top:16px;align-items:start}
/* 主图：照片按原比例居中，左右边缘渐隐进图位底色，看不出照片的方框 */
.gallery-main{position:relative;display:flex;justify-content:center;aspect-ratio:4/3;border-radius:var(--r-xl);background:var(--well);cursor:zoom-in;overflow:hidden}
.gallery-main img{width:auto;max-width:100%;height:100%;object-fit:contain;transition:opacity .3s;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.zoom{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:0;background:#2B2C31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 6px 16px rgba(0,0,0,.3);color:#fff;transition:transform .35s var(--spring)}
.zoom:hover{transform:scale(1.08);color:var(--y)}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:10px}
.thumbs button{position:relative;padding:0;border-radius:var(--r-sm);background:var(--well);border:0;box-shadow:inset 0 0 0 2px transparent;aspect-ratio:4/3;overflow:hidden;transition:box-shadow .2s,transform .35s var(--spring)}
.thumbs button img{width:100%;height:100%;object-fit:cover}
.thumbs button::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .2s}
.thumbs button[aria-current="true"]::after{box-shadow:inset 0 0 0 2px var(--y)}
.thumbs button:hover{transform:translateY(-2px)}
.thumbs .vid i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(16,17,19,.4)}
.thumbs .vid i svg{width:24px;height:24px}
.pd-info h1{margin-top:6px;font-size:clamp(46px,5.4vw,72px)}
.pd-type{margin-top:8px;font-size:18px;font-weight:600;color:var(--ink-2)}
.pd-desc{margin-top:14px;color:var(--ink-2);max-width:40em}
.plate{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}
.plate div{padding:12px 16px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft)}
.plate dt{font-size:13px;color:var(--mute)}
.plate dd{font-weight:700;font-size:20px}
.plate div:first-child dd{color:var(--teal-text)}
.variant{margin-top:22px}
.variant>span{display:block;font-size:14px;color:var(--mute);margin-bottom:8px}
.pd-pack{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:15px;color:var(--ink-2)}
.pd-pack .i{color:var(--teal-text)}
.pd-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pd-act .btn{height:52px}
.pd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:16px;font-size:15px}
.pd-meta a,.pd-meta .cmp{display:inline-flex;align-items:center;gap:6px;color:var(--teal-text);font-weight:600}
.pd-meta .i{width:18px;height:18px}
.pd-meta .cmp{width:auto;height:auto;border:0;padding:0;background:none;box-shadow:none;border-radius:0}
.pd-meta .cmp span{position:static;width:auto;height:auto;clip:auto}
.pd-meta a:hover,.pd-meta .cmp:hover{text-decoration:underline}
.hs-sec{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.hs-stage{position:relative;isolation:isolate;display:flex;justify-content:center;padding:24px;border-radius:var(--r-xl);background:radial-gradient(60% 65% at 50% 46%,rgba(255,255,255,.07),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:var(--rim-soft)}
.hs-stage .hs-box{max-width:min(100%,calc(620px * var(--ar)))}
.hs-copy>p{margin-top:10px;color:var(--mute)}
.parts{margin-top:20px}
.parts li{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:14px 10px;margin:0 -10px;border-radius:var(--r-md);cursor:default;transition:background-color .25s}
.parts li+li{box-shadow:0 -1px 0 var(--line)}
.parts li.on{background:rgba(255,255,255,.06);box-shadow:none}
.parts li b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(22,23,26,.7);box-shadow:inset 0 0 0 1.5px rgba(62,155,127,.8);color:#fff;font:700 14px/1 var(--f);transition:background-color .2s,box-shadow .2s,color .2s}
.parts li.on b{background:var(--y);box-shadow:none;color:#16171A}
.parts h3{font-size:16px}
.parts p{margin-top:2px;font-size:15px;color:var(--ink-2)}
.hl{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.hl div{display:grid;grid-template-columns:168px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}
.hl dt{font-size:18px;font-weight:700}
.hl dd{color:var(--ink-2)}
.scenes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px}
.scenes span{font-size:14px;color:var(--mute);margin-right:6px}
.scenes b{padding:7px 14px;border-radius:var(--pill);background:rgba(255,255,255,.06);box-shadow:var(--rim-soft);font-weight:500;font-size:14px}
.spin-sec{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.spin{position:relative;aspect-ratio:4/3;border-radius:var(--r-xl);background:var(--well);cursor:grab;touch-action:pan-y;overflow:hidden}
.spin.dragging{cursor:grabbing}
.spin video{width:100%;height:100%;object-fit:contain;pointer-events:none}
.spin-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--pill);background:rgba(28,29,32,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#fff;font-size:13px;white-space:nowrap}
.spin-hint[hidden]{display:none}
.spin-hint .i{width:16px;height:16px}
.spin-copy p{margin-top:12px;color:var(--ink-2)}
.spin-copy .btn{margin-top:22px}
.rotation-video{display:block;width:100%;min-width:0;height:auto;max-height:640px;object-fit:contain;background:var(--well);border-radius:var(--r-xl)}
.spec-groups{display:grid;grid-template-columns:1.3fr 1fr;gap:28px 48px;align-items:start}
.sg:first-child{grid-row:span 2}
.sg h3{font-size:15px;color:var(--teal-text);padding-bottom:10px;letter-spacing:.02em}
.sg dl{border-radius:var(--r-md);overflow:hidden;box-shadow:var(--rim-soft)}
.sg dl div{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:11px 16px}
.sg dl div:nth-child(odd){background:rgba(255,255,255,.04)}
.sg dl div[hidden]{display:none}
.sg dt{font-size:15px;color:var(--mute)}
.sg dd{font-weight:600;font-size:15px}
.kit{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.kit-photo{border-radius:var(--r-xl);background:var(--well);overflow:hidden}
.kit-photo img{width:100%;aspect-ratio:4/3;object-fit:contain}
.kit-list{margin-top:18px}
.kit-list li{display:grid;grid-template-columns:52px 1fr;padding:11px 0;border-top:1px solid var(--line)}
.kit-list b{font-family:var(--f-display);font-stretch:100%;font-weight:800;color:var(--teal-text)}
.kit-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.kit-parts a{padding:8px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft);transition:background .25s,transform .35s var(--spring)}
.kit-parts a:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.kit-parts img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.kit-parts b{display:block;margin-top:6px;font-family:var(--f-display);font-stretch:100%;font-weight:800}
.kit-parts span{font-size:13px;color:var(--mute)}
.p-sticky{display:none}

/* 常见问题 */
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-weight:600;font-size:16px;cursor:pointer;list-style:none;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary .i{flex:none;width:28px;height:28px;padding:5px;border-radius:50%;background:rgba(255,255,255,.06);color:var(--teal-text);transition:transform .4s var(--spring),background .2s}
.faq details[open] summary .i{transform:rotate(45deg);background:rgba(244,197,28,.16);color:var(--y)}
.faq summary:hover{color:var(--teal-text)}
.faq details>div{padding:0 0 18px}
.faq details[open]>div{animation:rise .5s var(--ease) both}
.faq details p{color:var(--ink-2);max-width:62ch}

/* 定义列表类版块 */
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.who-t{width:100%;border-collapse:collapse;font-size:16px}
.who-t thead th{font-size:13px;font-weight:600;color:var(--mute);text-align:left;padding:0 0 10px;border-bottom:1px solid var(--line-2)}
.who-t tbody th,.who-t td{padding:18px 24px 18px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;transition:background-color .2s}
.who-t tbody tr:hover th,.who-t tbody tr:hover td{background:rgba(255,255,255,.025)}
.who-t tbody th{width:200px;font-size:18px;font-weight:700}
.who-t td{color:var(--ink-2)}
.who-t td:last-child{width:150px;padding-right:0;white-space:nowrap}
.who-t td a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--teal-text)}
.who-t td a .i{width:16px;height:16px;transition:transform .3s var(--spring)}
.who-t td a:hover .i{transform:translateX(4px)}
.who div,.tips div{padding:22px 0;border-top:1px solid var(--line-2)}
.who dt,.tips dt{font-size:18px;font-weight:700}
.who dd,.tips dd{margin-top:8px;color:var(--ink-2)}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.terms,.info{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.terms div,.info div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.terms dt,.info dt{font-weight:700;color:var(--teal-text)}
.terms dd,.info dd{color:var(--ink-2)}
.info dd span{font-size:14px;color:var(--mute)}
.info dd a{color:var(--teal-text)}
.oem-x{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.oem-img img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-xl)}
.oem-img figcaption,.proc-img figcaption{margin-top:10px;font-size:14px;color:var(--mute)}
.oem{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--line)}
.oem div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.oem dt{font-weight:700;font-size:18px}
.oem dd{color:var(--ink-2);font-size:16px}
.oem-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:32px;padding:16px 22px;border-radius:var(--r-lg);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft)}
.oem-flow>b{width:100%;font-size:14px;color:var(--mute);font-weight:600}
.oem-flow span{font-weight:700}
.oem-flow small{display:block;font-size:13px;font-weight:400;color:var(--mute)}
.oem-flow .i{width:18px;height:18px;color:var(--teal-text)}
.docs3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.docs3 div{padding:24px;border-radius:var(--r-lg);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft)}
.docs3 dt{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:36px;line-height:1;color:var(--teal-text)}
.docs3 dd{margin-top:12px}
.docs3 dd b{display:block;font-size:16px}
.docs3 dd span{font-size:14px;color:var(--mute)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin-top:8px}
.steps li{position:relative;padding:20px 20px 0 0;border-top:2px solid rgba(62,155,127,.45)}
.steps li::before{content:"";position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px var(--bg-2)}
.steps b{display:block;font-size:18px}
.steps span{display:block;margin-top:6px;font-size:15px;color:var(--ink-2)}
.proc{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.proc h2{margin-bottom:28px}
.steps-v{margin-bottom:28px}
.steps-v li{position:relative;padding:0 0 22px 32px}
.steps-v li:last-child{padding-bottom:0}
.steps-v li::after{content:"";position:absolute;left:6px;top:12px;bottom:-12px;width:2px;background:linear-gradient(180deg,rgba(62,155,127,.7),rgba(62,155,127,.2))}
.steps-v li:last-child::after{display:none}
.steps-v li::before{content:"";position:absolute;z-index:1;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px var(--bg-2)}
.steps-v b{display:block;font-size:18px;line-height:1.4}
.steps-v span{display:block;margin-top:4px;font-size:15px;color:var(--ink-2)}
.proc-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-xl)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0 32px}
.timeline li{padding-top:16px;border-top:2px solid rgba(62,155,127,.45)}
.timeline time{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:32px;line-height:1;color:var(--teal-text)}
.timeline b{display:block;margin-top:10px;font-size:18px}
.timeline span{display:block;margin-top:4px;font-size:15px;color:var(--ink-2)}
.svc{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.svc li{display:grid;grid-template-columns:34px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.svc .i{width:30px;height:30px;color:var(--teal-text)}
.svc b{display:block;font-size:18px}
.svc span{display:block;margin-top:4px;color:var(--ink-2)}

/* 线路图：点阵地图 + 流动线路 */
.routes{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}
.map{position:relative;padding:14px 14px 12px;border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:var(--rim-soft),0 30px 60px rgba(0,0,0,.25);overflow:hidden}
.map-svg{display:block;width:100%;height:auto;overflow:visible}
.lands,.routes-g{pointer-events:none}
.land.bg{fill:url(#dotBg)}
.land.cn{fill:url(#dotCn)}
.land.hl{fill:url(#dotHl);transition:opacity .3s}
.land-edge{fill:none;stroke:rgba(62,155,127,.32);stroke-width:.8;stroke-linejoin:round}
.map-lbl{font:600 13px var(--f-cn);fill:rgba(255,255,255,.38);letter-spacing:.2em;pointer-events:none}
.map-lbl.hl{fill:rgba(214,236,228,.78);font-size:13px}
.route{fill:none;stroke:rgba(62,155,127,.22);stroke-width:5;stroke-linecap:round}
.route-flow{fill:none;stroke:url(#routeGrad);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:3 9;animation:flow 1.2s linear infinite;transition:stroke-width .25s,opacity .25s}
@keyframes flow{to{stroke-dashoffset:-24}}
.map.has-on .route-flow{opacity:.18}
.map.has-on .route-flow.on{opacity:1;stroke:var(--y);stroke-width:2.6;stroke-dasharray:6 6}
.map.has-on .route.on{stroke:rgba(244,197,28,.22)}
.comet{fill:#FFD43B}
.node{cursor:pointer;outline:none}
.node .dot{fill:#3E9B7F;stroke:#1C1D20;stroke-width:2.5;transition:fill .2s}
.node.port .dot{fill:#1C1D20;stroke:#3E9B7F;stroke-width:2}
.node.origin .dot{fill:var(--y);stroke:#1C1D20}
.node .pulse{fill:none;stroke:#3E9B7F;stroke-width:1.4;transform-box:fill-box;transform-origin:center;animation:ring 2.8s var(--ease) infinite}
.node.origin .pulse{stroke:var(--y)}
.node text{font:600 13px var(--f-cn);fill:rgba(255,255,255,.86);paint-order:stroke;stroke:#202125;stroke-width:4px;stroke-linejoin:round;transition:fill .2s}
.node.origin text{fill:#FFD43B;font-weight:700}
.node.on .dot,.node:hover .dot,.node:focus-visible .dot{fill:var(--y)}
.node.on text,.node:hover text{fill:#fff}
.node:focus-visible .dot{stroke:#fff}
.map-tip{position:absolute;z-index:3;min-width:150px;padding:10px 14px;border-radius:var(--r-sm);background:var(--glass-dark);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:var(--rim),var(--edge),0 14px 30px rgba(0,0,0,.45);color:#fff;font-size:13px;line-height:1.5;transform:translate(-50%,calc(-100% - 18px));pointer-events:none;opacity:0;transition:opacity .2s}
.map-tip.show{opacity:1}
.map-tip b{display:block;font-size:15px}
.map-tip em{display:block;font-style:normal;font:800 22px/1.1 var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--y);margin-top:2px}
.map-key{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;margin-top:6px;padding:0 6px;font-size:13px;color:var(--mute)}
.map-key .k{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:-10px}
.map-key .k.origin{background:var(--y)}
.map-key .k.port{background:#1C1D20;box-shadow:inset 0 0 0 2px #3E9B7F}
.map-key .k.city{background:#3E9B7F}
.transit div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 14px;margin:0 -14px;border-radius:var(--r-md);cursor:pointer;transition:background-color .25s}
.transit div+div{box-shadow:0 -1px 0 var(--line)}
.transit div:hover,.transit div.on{background:rgba(255,255,255,.06);box-shadow:none}
.transit div.on dt{color:var(--y)}
.transit dt{font-weight:600;transition:color .2s}
.transit dd{color:var(--mute);font-size:15px;text-align:right}
.transit dd b{font:800 18px var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--teal-text);margin-left:4px}

/* 关于 */
.intro2{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.intro2 p{margin-top:14px;color:var(--ink-2)}
.intro2 img{border-radius:var(--r-xl)}
.heng{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:center}
.heng-mark{font:800 180px/1 var(--f-cn);color:var(--teal-text);text-align:center}
.heng blockquote{margin-top:16px;font-size:20px;font-weight:600}
.heng cite{display:block;margin-top:4px;font-size:14px;font-style:normal;font-weight:400;color:var(--mute)}
.heng p{margin-top:14px;color:var(--ink-2);max-width:44em}
.vids{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:repeat(3,auto);gap:16px}
.vid{position:relative;display:block;padding:0;background:none;border:0;text-align:left;color:#fff}
.vid-lg{grid-row:span 3}
.vid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg)}
.vid-lg img{aspect-ratio:auto;height:calc(100% - 34px);min-height:300px}
.vid .play{width:54px;height:54px;margin:-27px 0 0 -27px;top:calc(50% - 17px)}
.vid .play .i{width:22px;height:22px}
.vid-lg .play{width:76px;height:76px;margin:-38px 0 0 -38px}
.vid-t{display:flex;gap:10px;align-items:baseline;margin-top:8px;font-size:14px;color:rgba(255,255,255,.62)}
.vid-t b{font-size:15px;color:#fff}

/* 联系 */
.contact{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start}
.cl{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.cl .i{width:26px;height:26px;color:var(--teal-text)}
.cl small{display:block;font-size:13px;color:var(--mute)}
.cl b{font-weight:600;word-break:break-word}
a.cl:hover b{color:var(--teal-text)}
.contact-side .socials a{color:var(--ink-2)}
.contact-main>p{margin-top:8px}
.rfq-list{margin-top:20px;display:grid;gap:8px}
.rfq-empty{padding:18px 20px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft);color:var(--ink-2)}
.rfq-empty a{color:var(--teal-text);text-decoration:underline}
.rfq-item{display:grid;grid-template-columns:64px 1fr auto auto 36px;gap:14px;align-items:center;padding:10px 12px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft)}
.rfq-item img{width:64px;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.rfq-item b{display:block;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:18px}
.rfq-item span{font-size:14px;color:var(--mute)}
.qty{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.qty-label{font-size:13px;color:var(--mute)}
.qty input{width:84px;height:38px;padding:0 10px;border:0;border-radius:10px;background:rgba(0,0,0,.28);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08);outline:none}
.qty input:focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 0 0 2px rgba(62,155,127,.6)}
.calc{font-size:13px;color:var(--ink-2);text-align:right;line-height:1.5}
.calc b{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:16px}
.calc-fill{display:block;margin-top:2px;padding:0;background:none;border:0;color:var(--teal-text);font-size:13px;text-decoration:underline}
.rm{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.05);border:0;color:var(--ink-2);transition:background .2s,color .2s}
.rm svg{width:16px;height:16px}
.rm:hover{background:rgba(232,110,80,.18);color:#F29A80}
.rfq-total{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:8px;padding:14px 18px;border-radius:var(--r-md);background:var(--teal-soft);box-shadow:var(--rim-soft);font-size:15px}
.rfq-total b{font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:20px;margin:0 3px;color:var(--teal-text)}
.rfq-total small{flex-basis:100%;font-size:13px;color:var(--mute)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:28px}
.field label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}
.field label i{font-style:normal;color:#F29A80}
.field input,.field select,.field textarea{width:100%;height:48px;padding:0 14px;border:0;border-radius:var(--r-sm);background:rgba(0,0,0,.26);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.09);font-size:15px;outline:none;transition:box-shadow .2s,background-color .2s}
.field select option{background:#2A2B2F;color:var(--ink)}
.field textarea{height:120px;padding:12px 14px;resize:vertical;line-height:1.6}
.field input:focus,.field select:focus,.field textarea:focus{background:rgba(0,0,0,.34);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 0 0 2px rgba(62,155,127,.65)}
.field input::placeholder,.field textarea::placeholder{color:#868D92}
.hint{display:block;margin-top:4px;font-size:13px;color:var(--mute)}
.full,.consent,.form-error{grid-column:1/-1}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2)}
.consent input{margin-top:5px;width:16px;height:16px;accent-color:var(--y)}
.form-error{display:none;padding:12px 14px;border-radius:var(--r-sm);background:rgba(232,110,80,.14);color:#F6B3A1;font-size:15px}
.form-error.show{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form .btn{height:52px;margin-top:4px}
dialog{border:0;padding:0;color:var(--ink)}
dialog::backdrop{background:rgba(10,11,12,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sheet{width:min(520px,92vw);border-radius:var(--r-xl);background:var(--glass-dark);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:var(--rim),var(--edge),0 30px 70px rgba(0,0,0,.5);color:var(--ink)}
.sheet-in{padding:28px}
.sheet-in>p{margin-top:8px;color:var(--ink-2)}
.sheet-in small{display:block;margin-top:14px;color:var(--mute)}
.sent-ref{padding:10px 12px;border-radius:var(--r-sm);background:var(--teal-soft);font-weight:600}
.sent-ref.err{background:rgba(232,110,80,.14);color:#F6B3A1;font-weight:400}

/* 侧栏目录布局 */
.side-layout{display:grid;grid-template-columns:220px 1fr;gap:56px;align-items:start}
.toc{position:sticky;top:calc(var(--hd) + 24px);display:flex;flex-direction:column;gap:2px}
.toc b{font-size:13px;color:var(--mute);margin-bottom:8px}
.toc a{padding:8px 14px;border-radius:var(--pill);font-size:15px;color:var(--ink-2);transition:background-color .2s,color .2s}
.toc a:hover{color:#fff;background:rgba(255,255,255,.07)}
.faq-group{margin-bottom:44px}
.faq-group h2{font-size:22px;margin-bottom:12px}
.article{max-width:74ch}
.article h2{margin:44px 0 14px;font-size:24px}
.article h2:first-child{margin-top:0}
.article p,.article li{color:var(--ink-2);line-height:1.85}
.article p+p{margin-top:12px}
.article ul,.article ol{margin:12px 0;padding-left:1.4em}
.article ul{list-style:disc}
.article ol{list-style:decimal}
.article li{margin:4px 0}
.article li::marker{color:var(--teal-text)}
.article a{color:var(--teal-text);text-decoration:underline;text-underline-offset:3px}
.article table{width:100%;border-collapse:separate;border-spacing:0;margin:16px 0;font-size:15px;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--rim-soft)}
.article th{background:rgba(30,107,87,.55);color:#fff;text-align:left;font-weight:600;padding:11px 14px}
.article td{padding:11px 14px;border-top:1px solid var(--line);color:var(--ink-2)}
.article tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.article .note{margin:16px 0}
.article .btn-row a{text-decoration:none;color:inherit}
.article .btn-row .btn-y{color:#16171A}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips a{padding:7px 14px;border-radius:var(--pill);background:rgba(255,255,255,.06);box-shadow:var(--rim-soft);font-weight:600;font-size:14px;text-decoration:none!important;color:var(--ink)!important;transition:background .2s}
.chips a:hover{background:rgba(255,255,255,.12)}

/* 新闻列表 */
.news-list{display:grid;gap:0}
.nl{display:grid;grid-template-columns:340px 1fr;gap:32px;padding:28px 0;border-top:1px solid var(--line);align-items:start;scroll-margin-top:calc(var(--hd) + 20px)}
.nl-img{display:block;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;background:var(--well)}
.nl-img img{width:100%;height:100%;object-fit:cover}
.nl-meta{display:flex;gap:12px;font-size:14px;color:var(--mute)}
.nl h2{margin-top:6px;font-size:22px}
.nl p:not(.nl-meta){margin-top:10px;color:var(--ink-2)}

/* 资料下载 */
.dl-sub{margin:40px 0 14px;font-size:18px}
.dl-sub[hidden]{display:none}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.spec-grid[hidden]{display:none}
.spec-dl{display:grid;grid-template-columns:56px 1fr auto 20px;gap:12px;align-items:center;padding:8px 14px 8px 8px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft);transition:background .2s,transform .35s var(--spring)}
.spec-dl:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
.spec-dl[hidden]{display:none}
.spec-dl img{width:56px;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.spec-dl b{display:block;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:16px}
.spec-dl span span{font-size:13px;color:var(--mute)}
.spec-dl em{font-style:normal;font-size:13px;color:var(--mute)}
.spec-dl .i{width:18px;height:18px;color:var(--teal-text)}
[data-dl-center] .tabs{margin-bottom:16px;padding:4px;border-radius:var(--pill);background:rgba(0,0,0,.26);box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.06);width:max-content;max-width:100%}
.guides{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.guides a{display:grid;grid-template-columns:34px 1fr 22px;gap:16px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}
.guides .i{width:28px;height:28px;color:var(--teal-text)}
.guides a>.i:last-child{width:20px;height:20px;color:var(--ink-2);transition:transform .3s var(--spring)}
.guides a:hover>.i:last-child{transform:translateX(4px)}
.guides b{display:block;font-size:18px}
.guides span span{font-size:15px;color:var(--ink-2)}
.guides a:hover b{color:var(--teal-text)}

/* 电池兼容表 */
.bm-tools{margin-bottom:16px}
.bm-wrap{overflow-x:auto;border-radius:var(--r-lg);background:rgba(255,255,255,.035);box-shadow:var(--rim-soft)}
.bm{width:100%;min-width:680px;border-collapse:collapse;font-size:15px}
.bm thead th{position:sticky;top:0;background:#2A2B2F;padding:12px 8px;border-bottom:1px solid var(--line-2);text-align:center}
.bm thead th:first-child{text-align:left;padding-left:16px;font-size:14px;color:var(--mute);font-weight:600}
.bm thead button{background:none;border:0;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:18px;line-height:1.1;color:#fff}
.bm thead button small{display:block;font:400 13px var(--f-cn);color:var(--mute)}
.bm tbody th{text-align:left;font-weight:400;padding:8px 16px}
.bm tbody th a{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center}
.bm tbody th img{width:52px;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.bm tbody th b{display:block;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:16px}
.bm tbody th span span{font-size:13px;color:var(--mute)}
.bm tbody th a:hover b{color:var(--teal-text)}
.bm td{text-align:center;border-top:1px solid var(--line)}
.bm tbody tr:not(.bm-group) th{border-top:1px solid var(--line)}
.bm tbody tr:not(.bm-group):hover th,.bm tbody tr:not(.bm-group):hover td{background:rgba(255,255,255,.03)}
.bm-group th{background:rgba(0,0,0,.18);font-weight:700;font-size:14px;padding:8px 16px!important;text-align:left}
.bm tr[hidden]{display:none}
.mk{display:inline-block;width:15px;height:15px;border-radius:4px;vertical-align:middle}
.mk.std{background:var(--y)}
.mk.ok{box-shadow:inset 0 0 0 2px var(--teal-text)}
.na{color:var(--mute);font-style:normal}
.col-on{background:rgba(244,197,28,.1)!important}
.bm-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:14px;color:var(--mute)}
.bm-legend span{display:inline-flex;align-items:center;gap:8px}

/* 选型向导 */
.finder{display:grid;grid-template-columns:260px 1fr;min-height:480px;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--rim-soft),0 30px 60px rgba(0,0,0,.25)}
.fd-side{background:linear-gradient(180deg,rgba(30,107,87,.5),rgba(17,47,40,.55));color:#fff;padding:28px 24px}
.fd-steps li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:12px 0;align-items:start}
.fd-steps b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);font:700 14px/1 var(--f);transition:background .25s,box-shadow .25s,color .25s}
.fd-steps li.on b{background:var(--y);box-shadow:none;color:#16171A}
.fd-steps li.done{cursor:pointer}
.fd-steps li.done b{background:#fff;box-shadow:none;color:var(--green)}
.fd-steps span{font-weight:600;padding-top:3px}
.fd-steps em{display:block;font-style:normal;font-weight:400;font-size:13px;color:rgba(255,255,255,.68)}
.fd-reset{margin-top:16px;height:40px;padding:0 18px;border-radius:var(--pill);background:rgba(255,255,255,.08);border:0;box-shadow:var(--rim-soft);color:#fff;font-weight:700}
.fd-reset[hidden]{display:none}
.fd-main{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));padding:32px}
.fd-step{font-size:14px;color:var(--mute)}
.fd-q{margin:6px 0 22px;font-size:28px}
.fd-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.fd-opt{display:block;text-align:left;padding:18px;border:0;border-radius:var(--r-lg);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft);transition:background .25s,transform .4s var(--spring),box-shadow .25s}
.fd-opt:hover{background:rgba(255,255,255,.09);transform:translateY(-3px);box-shadow:var(--rim-soft),0 0 0 1.5px rgba(62,155,127,.5)}
.fd-opt .i{width:28px;height:28px;color:var(--teal-text)}
.fd-opt b{display:block;margin-top:10px;font-size:16px}
.fd-opt span{display:block;margin-top:4px;font-size:14px;color:var(--mute)}
.fd-opt .fd-models{margin-top:10px;font-family:var(--f-display);font-stretch:100%;font-weight:800;color:var(--teal-text);font-size:15px}
.fd-level{display:flex!important;gap:3px;margin:0 0 6px!important}
.fd-level i{width:8px;height:18px;border-radius:3px;background:var(--y)}
.fd-back{margin-top:22px;padding:0;background:none;border:0;color:var(--teal-text);font-weight:600}
.fd-best{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.fd-best-img{display:block;border-radius:var(--r-lg);background:var(--well);overflow:hidden}
.fd-best-img img{width:100%;aspect-ratio:4/3;object-fit:contain}
.badge{display:inline-block;padding:3px 10px;border-radius:var(--pill);background:var(--y);color:#16171A;font-weight:700;font-size:13px}
.fd-model{margin-top:8px;font-size:42px}
.fd-type{margin-top:6px;font-weight:600;color:var(--ink-2)}
.fd-why{margin-top:14px;font-size:15px;color:var(--ink-2)}
.fd-tip{display:flex;gap:8px;margin-top:14px;padding:12px 14px;border-radius:var(--r-md);background:var(--teal-soft);font-size:15px}
.fd-tip .i{color:var(--teal-text)}
.fd-best .st-big{margin-top:14px}
.fd-best .btn-row{margin-top:20px}
.fd-alt-t{margin:28px 0 12px;font-weight:700}
.fd-result{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.fd-alt{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:10px;border-radius:var(--r-md);background:rgba(255,255,255,.045);box-shadow:var(--rim-soft)}
.fd-alt img{width:96px;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.fd-alt b{display:block;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:18px}
.fd-alt span{font-size:14px;color:var(--mute)}
.fd-alt .row{display:flex;align-items:center;gap:12px;margin-top:8px}
.fd-alt .add{flex:none;height:34px;padding:0 12px;font-size:13px}
.fd-alt .more{font-size:14px}
.fd-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.fd-end .fd-back{margin:0}
.fd-end .more .i{width:20px;height:20px}

/* 对比 */
.cmp-tools{margin:0 0 20px}
.cmp-scroll{overflow-x:auto;border-radius:var(--r-lg);background:rgba(255,255,255,.035);box-shadow:var(--rim-soft)}
.cmp-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.cmp-table th,.cmp-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp-table thead th{vertical-align:bottom;border-bottom:1px solid var(--line-2)}
.cmp-table thead a{display:block}
.cmp-table thead img{width:100%;max-width:200px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm);background:var(--well)}
.cmp-table thead b{display:block;margin-top:8px;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:20px}
.cmp-table thead span{font-size:14px;color:var(--mute);font-weight:400}
.cmp-x{margin-top:6px;padding:0;background:none;border:0;color:var(--teal-text);font-size:13px;text-decoration:underline}
.cmp-add a{display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:var(--r-md);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14);color:var(--teal-text);font-weight:600}
.cmp-table tbody th{width:150px;font-weight:400;color:var(--mute)}
.cmp-table tr.diff td,.cmp-table tr.diff th{background:rgba(244,197,28,.09)}
.cmp-empty{padding:24px;border-radius:var(--r-md);background:rgba(255,255,255,.045);color:var(--ink-2)}
.cmp-empty a{color:var(--teal-text);text-decoration:underline}
.compare-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:var(--pill);background:var(--glass-dark);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--rim),var(--edge),0 18px 40px rgba(0,0,0,.45);color:#fff;max-width:calc(100vw - 24px);animation:rise .5s var(--ease) both}
.compare-bar[hidden]{display:none}
.compare-bar>b{font-size:14px}
.cb-items{display:flex;gap:6px;overflow-x:auto}
.cb-item{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:var(--pill);background:rgba(255,255,255,.08);font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:14px;white-space:nowrap}
.cb-item img{width:36px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--pill);background:var(--well)}
.cb-item button{background:none;border:0;color:rgba(255,255,255,.7);font-size:16px;padding:0 2px}
.cb-slot{display:flex;align-items:center;padding:0 12px;border-radius:var(--pill);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font-size:13px;color:rgba(255,255,255,.62);white-space:nowrap}
.cb-go{height:40px;padding:0 18px;font-size:14px}
.cb-go.disabled{opacity:.5;pointer-events:none}
.cb-clear{background:none;border:0;color:rgba(255,255,255,.7);font-size:14px;text-decoration:underline}

/* 弹窗、提示 */
.modal{width:min(1100px,94vw);border-radius:var(--r-xl);overflow:hidden;background:var(--glass-dark);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:var(--rim),var(--edge),0 30px 70px rgba(0,0,0,.6);color:#fff}
.modal-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 18px}
.modal-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:0;color:#fff}
.modal-body img,.modal-body video{width:100%;max-height:80vh;object-fit:contain;background:#000}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px) scale(.96);z-index:95;max-width:calc(100vw - 32px);padding:12px 20px;border-radius:var(--pill);background:var(--glass-dark);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--rim),var(--edge),0 16px 36px rgba(0,0,0,.45);color:#fff;font-size:15px;opacity:0;visibility:hidden;transition:opacity .25s,transform .5s var(--spring),visibility .25s}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.toast a{color:var(--y);font-weight:700;margin-left:6px;text-decoration:underline}
.ph-toggle{position:fixed;right:12px;bottom:12px;z-index:70;display:flex;align-items:center;gap:8px;padding:8px 14px;border:0;border-radius:var(--pill);background:#2B2C31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.35);color:var(--ink);font-size:13px}
.ph-toggle i{width:10px;height:10px;border-radius:3px;background:var(--ph-ink)}
.ph-toggle[aria-pressed="false"] i{background:var(--line-2)}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
 .nav{display:none}
 .menu-btn{display:inline-flex}
 .hd-in{gap:16px}
 .mega,.drop{display:none}
 .hero-hud{display:none}
}
@media (max-width:1100px){
 .ft-top{grid-template-columns:1fr 1fr;gap:32px}
 .spec-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:960px){
 .cats{grid-template-columns:1fr 1fr}
 .cat-lg{grid-row:auto;grid-column:span 2}
 .cat-lg .cat-img{aspect-ratio:16/9;flex:none}
 .grid4{grid-template-columns:repeat(2,1fr)}
 .st-body{grid-template-columns:1fr;min-height:0}
 .st-info{padding:24px 20px 28px}
 .st-info::before{left:20px;right:20px;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.14),rgba(255,255,255,0))}
 .st-view{padding:16px 16px 68px}
 .band-in,.bsel,.co,.dlx,.hs-sec,.spin-sec,.kit,.two,.intro2,.routes,.pd-grid,.contact,.side-layout{grid-template-columns:1fr;gap:32px}
 .bsel{gap:20px}
 .bsel-data{padding:0 4px 4px}
 .dlx-media{max-width:400px}
 .apps{grid-template-columns:1fr}
 .app-a{grid-row:auto}
 .app-a img{aspect-ratio:16/10}
 .flow,.timeline{grid-template-columns:1fr 1fr;gap:24px 16px}
 .hl{grid-template-columns:1fr}
 .hl div:last-child{border-bottom:1px solid var(--line)}
 .who,.tips{grid-template-columns:1fr 1fr}
 .oem-x,.proc{grid-template-columns:1fr;gap:28px}
 .spec-groups{grid-template-columns:1fr}
 .sg:first-child{grid-row:auto}
 .news-x{grid-template-columns:1fr;grid-template-rows:auto}
 .nx-lg{grid-row:auto}
 .vids{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .vid-lg{grid-row:auto;grid-column:span 2}
 .vid-lg img{height:auto;aspect-ratio:16/9;min-height:0}
 .toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px}
 .toc b{width:100%;margin:0}
 .toc a{background:rgba(255,255,255,.06);box-shadow:var(--rim-soft)}
 .finder{grid-template-columns:1fr}
 .fd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
 .fd-steps li{grid-template-columns:1fr;gap:6px;padding:0}
 .fd-steps em{display:none}
 .fd-best{grid-template-columns:1fr}
 .heng{grid-template-columns:1fr;gap:12px}
 .heng-mark{font-size:120px;text-align:left}
 .nl{grid-template-columns:200px 1fr;gap:20px}
 .p-sticky{position:fixed;left:8px;right:8px;bottom:8px;z-index:40;display:flex;gap:10px;padding:8px;border-radius:var(--pill);background:var(--glass-dark);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--rim),var(--edge),0 14px 34px rgba(0,0,0,.45);margin-bottom:env(safe-area-inset-bottom)}
 .p-sticky .btn{flex:1;height:46px}
 body.has-sticky main{padding-bottom:80px}
 body.has-sticky .ph-toggle{bottom:84px}
 body.has-sticky .compare-bar{bottom:84px}
 .sn-in .btn{display:none}
}
@media (max-width:720px){
 :root{--hd:72px}
 .hd{padding-top:8px}
 .hd-in{height:56px}
 .brand svg{width:90px}
 .language-menu summary{padding:0 8px}
 .hd-cta span:not(.rfq-count){display:none}
 .hd-cta{padding:0 12px}
 .cat:not(.cat-lg) .cat-t span{display:none}
 .cat:not(.cat-lg) .cat-t{padding:9px 34px 10px 12px}
 .sh{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}
 .grid4{gap:24px 12px}
 .pc-body{padding:10px 2px 0}
 .pc-model{font-size:20px}
 .pc-act{gap:6px}
 .add{font-size:13px;gap:4px}
 .add .i{width:15px;height:15px}
 .st-tabs{margin:10px;max-width:calc(100% - 20px)}
 .dl-list.cols,.guides,.terms,.info,.svc{grid-template-columns:1fr}
 .who,.tips{grid-template-columns:1fr}
 .oem div{grid-template-columns:1fr;gap:4px}
 .who-t thead{display:none}
 .who-t,.who-t tbody,.who-t tr,.who-t tbody th,.who-t td{display:block;width:auto}
 .who-t tr{padding:16px 0;border-top:1px solid var(--line)}
 .who-t tbody th,.who-t td{padding:0;border:0}
 .who-t tbody tr:hover th,.who-t tbody tr:hover td{background:none}
 .who-t td{margin-top:4px}
 .who-t td:last-child{margin-top:8px}
 .docs3{grid-template-columns:1fr}
 .spec-grid{grid-template-columns:1fr 1fr}
 .ft-top{grid-template-columns:1fr 1fr;gap:28px 20px}
 .ft-brand,.ft-contact{grid-column:1/-1}
 .form{grid-template-columns:1fr}
 .rfq-item{grid-template-columns:56px 1fr 36px;grid-template-areas:"img t rm" "img q c"}
 .rfq-item img{grid-area:img;width:56px}
 .rfq-item>div:first-of-type{grid-area:t}
 .rfq-item .qty{grid-area:q}
 .rfq-item .calc{grid-area:c}
 .rfq-item .rm{grid-area:rm}
 .nl{grid-template-columns:1fr}
 .mini-band{grid-template-columns:80px 1fr 20px;gap:14px}
 .mini-band img{width:80px}
 .st-specs{grid-template-columns:1fr 1fr}
 .tb-in{flex-wrap:wrap;gap:0}
 .tb-in::before{border-radius:var(--r-lg)}
 .tabs{width:100%;padding:5px 6px}
 .tb-search{margin:0 6px 6px;width:calc(100% - 12px)}
 .tb-search input{width:100%}
 .terms div,.info div{grid-template-columns:90px 1fr}
 .cta-act{gap:18px}
 .fd-main{padding:22px 16px}
 .map{padding:8px 6px 10px}
 .node text{font-size:16px}
 .map-lbl{font-size:14px}
}
@media (max-width:420px){
 .grid4{grid-template-columns:1fr 1fr}
 .cats{gap:8px}
 .cat-t{left:6px;right:6px;bottom:6px;padding:8px 32px 9px 10px;border-radius:var(--r-sm)}
 .cat-t b{font-size:15px}
 .cat-t span{font-size:13px}
 .cat-t .i{right:8px;width:16px;height:16px;margin-top:-8px}
 .timeline{grid-template-columns:1fr}
 .hl div{grid-template-columns:1fr;gap:4px}
 .flow{gap:20px 10px}
 .flow b{font-size:16px}
 .flow span{font-size:14px}
 .spec-grid{grid-template-columns:1fr}
 .plate dd{font-size:18px}
}
/* 浏览器不支持毛玻璃时，用更实的深色兜底 */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .hd-in::before,.tb-in::before,.sn-in::before,.mega,.drop,.language-menu ul,.drawer,.search-box,.sheet,.modal,.toast,.compare-bar,.p-sticky,.hs-tip,.map-tip{background:#2A2B2F}
}
/* 滚动渐显：只做淡入和 12px 上移，不用模糊（大块模糊在低端手机上很卡，快速滚动时也会看到糊的内容） */
.rv{opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease) var(--rv-d,0s),transform .6s var(--ease) var(--rv-d,0s)}
.rv.in{opacity:1;transform:none}
/* ===== v4.1 首页产品区 + 关于雷宇 ===== */
/* 品类卡：悬停露出包含的型号 */
.cat-t em.cat-m{display:grid;grid-template-rows:0fr;opacity:0;font:700 13px/1.45 var(--f);font-family:var(--f-display);font-stretch:100%;font-style:normal;letter-spacing:.02em;color:var(--teal-text);transition:grid-template-rows .45s var(--ease),opacity .3s}
.cat-t em.cat-m span{display:block;min-height:0;overflow:hidden;font:inherit;color:inherit}
.cat-t em.cat-m span::before{content:"";display:block;height:6px}
.cat:hover em.cat-m,.cat:focus-visible em.cat-m,.cat-lg em.cat-m{grid-template-rows:1fr;opacity:1}

/* 冲击扳手扭矩阶梯 */
.tq-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;overflow:visible}
.tq-ladder button{display:grid;grid-template-columns:12px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:14px;row-gap:3px;align-items:end;padding:12px 14px 13px;text-align:left;font:inherit;font-stretch:normal}
.tq-bar{grid-row:1/4;align-self:stretch;position:relative;min-height:62px;border-radius:6px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.45);overflow:hidden}
.tq-bar i{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:inherit;background:var(--teal);transition:background-color .3s}
.tq-ladder button[aria-pressed="true"] .tq-bar i{background:var(--y)}
.tq-ladder b{font:800 28px/1 var(--f);font-family:var(--f-display);font-stretch:100%;color:#fff}
.tq-ladder b small{margin-left:3px;font-size:13px;font-weight:700;color:var(--mute)}
.tq-ladder button[aria-pressed="true"] b{color:var(--y)}
.tq-ladder button[aria-pressed="true"] em,.tq-ladder button[aria-pressed="true"] b small{color:var(--ink-2)}
.tq-m{font:800 14px/1.2 var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--teal-text)}
.tq-ladder em{font-style:normal;font-size:13px;line-height:1.35;color:var(--mute);white-space:normal;overflow-wrap:anywhere}
.st-app{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px}
.st-app span{margin-right:4px;font-size:13px;color:var(--mute)}
.st-app b{padding:4px 11px;border-radius:var(--pill);background:rgba(62,155,127,.1);box-shadow:inset 0 0 0 1px rgba(62,155,127,.22);font-size:13px;font-weight:600;color:var(--teal-text)}

/* 组合套装 */
.kits{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
.kc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.kc-img{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--well);transition:transform .5s var(--spring),box-shadow .4s}
.kc-img::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--rim-soft)}
.kc-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.kc:hover .kc-img{transform:translateY(-3px);box-shadow:0 22px 44px rgba(0,0,0,.4)}
.kc:hover .kc-img img{transform:scale(1.04)}
.kc-n{position:absolute;left:10px;top:10px;z-index:1;display:inline-flex;align-items:baseline;gap:4px;padding:5px 12px 6px;border-radius:var(--pill);background:rgba(22,23,26,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:13px;color:#fff}
.kc-n b{font:800 20px/1 var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--y)}
.kc-b{display:flex;flex-direction:column;min-width:0}
.kc-parts{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 8px;margin-top:12px}
.kc-parts a{display:flex;align-items:center;gap:10px;padding:5px;margin:0 -5px;border-radius:12px;transition:background-color .25s}
.kc-parts a:hover{background:rgba(255,255,255,.06)}
.kc-parts img{flex:none;width:50px;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:var(--well)}
.kc-parts span{min-width:0;font-size:13px;line-height:1.35;color:var(--mute)}
.kc-parts span b{display:block;font:800 15px/1.2 var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--ink)}
.kc-parts span{white-space:normal;overflow-wrap:break-word;hyphens:auto}
.kc .pc-spec{margin-top:12px}

/* 关于：数字条 */
.nums{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 24px;margin-top:64px;padding-top:30px;border-top:1px solid var(--line)}
.nums dt{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.nums dt b{font:800 48px/1 var(--f);font-family:var(--f-display);font-stretch:100%;color:#fff;font-variant-numeric:tabular-nums}
.nums dt span{font:700 16px var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--teal-text)}
.nums dd{margin-top:8px;font-size:14px;color:var(--mute)}

/* 关于：从选型到售后（横向滚动） */
.ch-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*20px)/3.35);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:6px;outline:0}
.ch-track::-webkit-scrollbar{display:none}
.ch-track:focus-visible{box-shadow:0 0 0 2px var(--teal-text);border-radius:var(--r-lg)}
.ch-track li{display:flex;flex-direction:column;min-width:0;scroll-snap-align:start}
.ch-track img,.ch-ic{width:100%;aspect-ratio:16/10;border-radius:var(--r-lg)}
.ch-track img{object-fit:cover}
.ch-ic{display:grid;place-items:center;background:rgba(255,255,255,.04);box-shadow:var(--rim-soft)}
.ch-ic .i{width:46px;height:46px;color:var(--teal-text)}
.ch-n{display:flex;align-items:center;gap:12px;margin-top:18px;font:800 14px var(--f);font-family:var(--f-display);font-stretch:100%;letter-spacing:.08em;color:var(--teal-text)}
.ch-n::after{content:"";flex:1;height:1px;background:var(--line)}
.ch-track li:last-child .ch-n::after{display:none}
.ch-track b{margin-top:8px;font-size:18px}
.ch-d{margin-top:6px;font-size:15px;color:var(--ink-2)}
.ch-track .more{margin-top:12px}
.ch-foot{display:flex;align-items:center;gap:20px;margin-top:28px}
.ch-rail{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}
.ch-rail i{display:block;width:30%;height:100%;border-radius:inherit;background:var(--teal-text);will-change:transform}
.ch-nav{display:flex;gap:8px}
.ch-nav button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:0;color:#fff;background:#2B2C31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .35s var(--spring),opacity .25s,background-color .25s}
.ch-nav button:hover:not(:disabled){transform:translateY(-2px);background-color:rgba(255,255,255,.08)}
.ch-nav button:disabled{opacity:.32;cursor:default}
.chain.fits .ch-foot{display:none}

/* 关于：电池平台 */
.plat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:64px;align-items:center}
.plat .sh{margin-bottom:18px}
.plat-rows li{display:grid;grid-template-columns:84px minmax(0,.9fr) 66px minmax(0,1fr);align-items:center;gap:20px;padding:17px 0;border-top:1px solid var(--line)}
.plat-rows li:last-child{border-bottom:1px solid var(--line)}
.pr-ah{font:800 32px/1 var(--f);font-family:var(--f-display);font-stretch:100%;color:#fff}
.pr-ah small{margin-left:3px;font-size:13px;font-weight:700;color:var(--teal-text)}
.bgauge.mini{margin:0 9px 0 0;padding:3px;gap:3px;border-radius:8px}
.bgauge.mini i{height:13px;border-radius:3px}
.bgauge.mini::after{right:-8px;width:4px;height:9px;margin-top:-4.5px}
.plat-rows.pend .bgauge i.on{background:rgba(255,255,255,.07);box-shadow:none}
.pr-w{font:700 16px var(--f);font-family:var(--f-display);font-stretch:100%;color:var(--ink-2);text-align:right;white-space:nowrap}
.pr-n{font-size:14px;line-height:1.45;color:var(--ink-2)}
.plat .fine{margin-top:14px}

@media (max-width:1100px){
 .nums{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ch-track{grid-auto-columns:calc((100% - 20px)/2.3)}
 .plat{grid-template-columns:1fr;gap:28px}
 .kits{grid-template-columns:1fr;gap:36px}
 .kc{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
}
@media (max-width:960px){
 .tq-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
 .nums{gap:22px 16px;margin-top:40px;padding-top:24px}
 .nums dt b{font-size:38px}
 .ch-track{grid-auto-columns:82%;gap:14px}
 .plat-rows li{grid-template-columns:60px minmax(0,1fr) auto;grid-template-areas:"ah g w" "ah n n";gap:6px 14px;padding:14px 0}
 .pr-ah{grid-area:ah;font-size:28px}
 .bgauge.mini{grid-area:g}
 .pr-w{grid-area:w;font-size:14px}
 .pr-n{grid-area:n;font-size:13px;color:var(--mute)}
 .tq-ladder{gap:8px;padding:10px}
 .tq-ladder button{padding:10px 11px;column-gap:11px}
 .tq-ladder b{font-size:24px}
}
@media (max-width:560px){
 .kits{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,4vw,40px));padding:0 clamp(16px,4vw,40px) 4px;scroll-padding-inline:clamp(16px,4vw,40px);overscroll-behavior-x:contain}
 .kits::-webkit-scrollbar{display:none}
 .kc{grid-template-columns:1fr;gap:14px;scroll-snap-align:start}
 .kc-img{aspect-ratio:16/10}
 .nums{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media print{.rv{opacity:1;transform:none;filter:none}body::before{display:none}}
@media (prefers-reduced-motion:reduce){
 .rv{opacity:1;transform:none;filter:none}
 .route-flow,.hs::before,.node .pulse{animation:none}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* Shared allowance for translated labels and square product photography. */
.doc-language{display:block;font-size:13px;font-weight:400;color:var(--mute)}
.seg{max-width:100%}
.seg button{min-height:38px;height:auto;padding-block:8px;white-space:normal;line-height:1.3}
.ft-contact dd,.contact-side b{overflow-wrap:anywhere}
.who-t td:last-child{white-space:normal}
@media(max-width:760px){
 .tq-ladder{gap:8px}
 .tq-ladder b{font-size:24px}
 .st-act .btn{padding-inline:16px}
 .pc-act,.st-act{flex-wrap:wrap}
}

/* Translated text must shrink within its column, never widen the page. */
.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.spec-dl{grid-template-columns:56px minmax(0,1fr) auto 20px;min-width:0;gap:8px}
.spec-dl>span,.dl-t,.dlx>*,.guides a>span{min-width:0;overflow-wrap:anywhere}
.spec-dl .doc-language{grid-column:2/-1}
.dl{grid-template-columns:32px minmax(0,1fr) 22px;min-width:0}
.guides{grid-template-columns:repeat(2,minmax(0,1fr))}
.guides a{grid-template-columns:34px minmax(0,1fr) 22px;min-width:0}
.sh>*{min-width:0;max-width:100%}
.sh .more{white-space:normal;overflow-wrap:anywhere}
.sh .more .i{flex-shrink:0}
.bsel{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:100%}
.bsel-img,.bsel-data{min-width:0}
.bsel .seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0}
.bsel .seg button{min-width:0;padding:9px 2px;white-space:nowrap;font-size:13px;font-family:var(--f-display);font-stretch:100%}
.bsel-dl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.bsel-dl div,.bsel-fits{min-width:0;overflow-wrap:anywhere}
.bsel-dl dd{white-space:normal}
.bsel-read{flex-wrap:wrap}
.bm-wrap{width:100%;max-width:100%;min-width:0;overscroll-behavior-x:contain}
.bm-tools{min-width:0;max-width:100%}
.bm-tools button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.nums dt{flex-wrap:wrap;white-space:normal;row-gap:6px}
.nums dt span{min-width:0;max-width:100%;overflow-wrap:anywhere;line-height:1.25}
@media(max-width:1100px){
 .spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:960px){
 .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bsel{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
 .guides{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
 .spec-grid{grid-template-columns:minmax(0,1fr)}
 .bsel .seg button{font-size:13px}
}

/* ===== v5 精修（2026-10-06 测试版） ===== */
/* 标题：俄、英、哈用窄体（铭牌感，也装得下长俄语）；中文不变；型号名和页脚小标题保持原字体 */
h1,h2,.h1{font-family:var(--f-display)}
h2{font-size:calc(clamp(26px,2.8vw,38px)*var(--display-scale))}
.ph h1{font-size:calc(clamp(32px,4vw,54px)*var(--display-scale))}
.slide-copy h1,.slide-copy .h1{font-size:calc(clamp(34px,3.6vw,56px)*var(--display-scale))}
.pd-info h1,.ft h2{font-family:var(--f)}

/* 首屏：平板和手机上图在上、字在下；四张幻灯片叠在同一格里，切换时高度不跳 */
@media (max-width:1100px){
 .hero{display:grid;height:auto;background:var(--bg-1)}
 .slide{grid-area:1/1;position:relative;height:auto;display:flex;flex-direction:column;padding-top:calc(var(--hd) + 4px)}
 .slide picture,.slide--promo picture{position:relative;inset:auto;width:100%;aspect-ratio:16/9;-webkit-mask-image:none;mask-image:none}
 .slide::after{display:none}
 .slide-copy,.slide--promo .slide-copy,.slide:not(.slide--promo) .slide-copy{position:relative;top:auto;bottom:auto;transform:none;padding-top:22px}
 .slide-copy>*,.slide--promo .slide-copy>*,.slide:not(.slide--promo) .slide-copy>*{max-width:640px}
 .slide-copy h1,.slide-copy .h1{font-size:calc(clamp(28px,5vw,40px)*var(--display-scale))}
 .slide-copy p:not(.h1){font-size:16px}
 .slide-copy .btn-row{margin-top:20px}
 .hero-bar{grid-area:2/1;position:relative;top:auto;height:auto;padding:18px 0 4px}
}
/* 平板和手机：轮播标签换成 4 段进度条（文字仍给读屏软件），左右箭头和暂停保留 */
@media (min-width:761px) and (max-width:1100px){
 .slide picture,.slide--promo picture{aspect-ratio:2/1}
}
@media (max-width:1100px){
 .hero-bar-in{gap:14px}
 .hero-tabs{flex:1;gap:6px;padding:0;background:none;box-shadow:none}
 .hero-tabs li{flex:1 1 0}
 .hero-tabs .seg-thumb{display:none}
 .hero-tabs button{min-height:32px;padding:0}
 .hero-tabs button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .hero-tabs i{left:0;right:0;top:50%;bottom:auto;height:3px;margin-top:-1.5px;opacity:1;background:rgba(255,255,255,.16)}
 .hero-ctrl button{width:40px;height:40px}
}

/* 页头语言按钮：窄屏显示短名（Рус / Қаз / Eng / 中文），菜单按钮不再被挤出屏幕 */
.language-menu .lang-short{display:none}
@media (max-width:720px){
 .language-menu .lang-full{display:none}
 .language-menu .lang-short{display:inline}
}
@media (max-width:420px){
 .hd-in{gap:8px}
 .hd-tools{gap:0}
 .icon-btn{width:40px;height:40px}
 .language-menu summary{padding:0 6px}
 .hd-cta{padding:0 10px;margin-left:2px}
}

/* 产品目录筛选条、详情页子导航：放不下时横向滑动，右边缘渐隐提示还有内容 */
.tb-in .tabs,.sn-in nav{padding-right:28px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.sn-in>b,.sn-in .btn{flex:none;white-space:nowrap}

/* 小缩略图完整显示工具，不裁头和电池 */
.kc-parts img,.kit-parts img,.st-models img,.rfq-item img,.spec-dl img,.fd-alt img,.cmp-table thead img,.search-results img,.thumbs button img,.cb-item img,.bm tbody th img{object-fit:contain}

/* 工厂、车间、仓库等实拍照片统一调色：降饱和、压亮度，融进炭灰底色 */
.co-video img,.flow img,.proc-img img,.oem-img img,.intro2 img,.vid img,.ch-track img,.ph-img,.nl-img img,.apps figure img{filter:saturate(.84) brightness(.88) contrast(1.05)}

/* 首页「供货到中亚五国」：地图放大，到货天数用大号窄体数字 */
.home-routes .routes{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:48px}
.home-routes .transit div{padding:15px 14px}
.home-routes .transit dt{font-size:18px}
.home-routes .transit dd b{font-size:28px}

@media (max-width:960px){
 .home-routes .routes{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:420px){
 .cat-t{left:0;right:0;bottom:0;padding:10px 32px 11px 12px;border-radius:0}
}

/* =====================================================================
   v6 经销商目录（2026-10-07 测试版）
   石墨灰底 + 机身绿色块 + 安全黄；标题、型号、数字用窄体；小圆角方形按钮；
   每段左边标题栏、右边内容；没有滚动渐显、数字滚动和光斑。
   ===================================================================== */

/* ---- 文字 ---- */
h1,h2,.h1{font-family:var(--f-display);font-weight:700;letter-spacing:.003em;line-height:1.04}
h2{font-size:clamp(32px,3.2vw,46px)}
h3{font-size:20px;font-weight:600;line-height:1.3}
.ph h1{font-size:clamp(40px,4.6vw,66px)}
.pd-info h1{font-family:var(--f-display)}
.ft h2{font:600 14px/1.4 var(--f);letter-spacing:0}
.rv{opacity:1!important;transform:none!important;transition:none!important}

/* ---- 链接与按钮 ---- */
.more{display:inline-flex;font:600 15px/1.4 var(--f);color:var(--ink);text-decoration:underline;text-decoration-color:rgba(255,255,255,.32);text-decoration-thickness:1px;text-underline-offset:5px;white-space:normal;transition:color .2s,text-decoration-color .2s}
.more:hover{color:var(--y);text-decoration-color:var(--y)}
.more .i{display:none}
.btn{border-radius:6px;font:600 15px/1.3 var(--f);padding:12px 22px;transition:background-color .2s,color .2s,box-shadow .2s}
.btn:active{transform:translateY(1px)}
.btn-y{background:var(--y);color:#15181B;box-shadow:none}
.btn-y:hover{transform:none;background:var(--y-2);box-shadow:none}
.btn-t{background:var(--green);color:#fff;box-shadow:none}
.btn-t:hover{transform:none;background:#1F7A60}
.btn-o,.btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.btn-o:hover,.btn-line:hover{transform:none;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}

/* ---- 页头：通栏深色条，压在首屏图上时透明 ---- */
.hd{padding-top:0}
.hd-in{height:var(--hd)}
@media (min-width:1181px){.hd-in{gap:28px}}
.hd-in::before{inset:0 calc(50% - 50vw);border-radius:0;background:rgba(21,24,27,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.hd.is-over .hd-in::before{background:linear-gradient(180deg,rgba(13,16,18,.78),rgba(13,16,18,0));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.brand svg{width:96px}
.nav{gap:0;margin-left:8px}
.nav>a,.has-menu>a{height:var(--hd);padding:0 13px;border-radius:0;font:500 15px var(--f);color:var(--ink-2);background:none}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a{color:#fff;background:none}
.nav a[aria-current="page"],.nav a.is-on{color:#fff;background:none;box-shadow:inset 0 -2px 0 var(--y)}
.nav a[aria-current="page"]::after,.nav a.is-on::after{content:none}
.mega{top:var(--hd);border-radius:0 0 12px 12px}
.hd-cta{height:40px;padding:0 16px}
.icon-btn{border-radius:6px}
.language-menu summary{border-radius:6px}

/* ---- 版块：平铺色带，不用渐隐 ---- */
.sec{padding:clamp(64px,7vw,112px) 0}
.sec-alt{background:#181B1E}
.sh{margin-bottom:40px}
.sh-t p{margin-top:12px;font-size:17px;color:var(--ink-2);max-width:56ch}
.fine{color:var(--mute)}
/* 目录跨页：左边标题栏，右边内容 */
.spread{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px 64px;align-items:start}
.spread-head{position:sticky;top:calc(var(--hd) + 32px)}
.spread-head h2{margin-bottom:16px}
.spread-head p{font-size:17px;color:var(--ink-2);max-width:34ch}
.spread-head .btn-row{margin-top:28px}

.pc-img{border-radius:12px;background:var(--bg-2)}
.pc-img::after{content:none}
.pc:hover .pc-img{transform:none;box-shadow:none}
.pc:hover .pc-img img{transform:scale(1.03)}
.pc-model{font-size:26px}
.pc-type{font-size:14px;color:var(--ink-2)}
.pc-spec{font-size:14px}
.pc-spec b{color:var(--y)}
.add{height:40px;border-radius:6px;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);font-weight:600}
.add:hover,.add.in{background:var(--y);color:#15181B;box-shadow:none}
.cmp{border-radius:6px;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.cmp.on{background:rgba(27,106,84,.3);box-shadow:inset 0 0 0 1px var(--green-light);color:#fff}

.terms{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.terms div{grid-template-columns:110px minmax(0,1fr);padding:16px 0;border-top:1px solid var(--line)}
.terms dt{font-weight:600;color:var(--ink)}
.terms dd{color:var(--ink-2)}
.terms-1{grid-template-columns:minmax(0,1fr)}
.terms-1 div{grid-template-columns:minmax(150px,1fr) minmax(0,2fr)}
/* v7：条款下面的一句经销商说明，比条款本身弱一级 */
.terms .tn{display:block;margin-top:8px;font-size:14px;line-height:1.5;color:var(--mute)}
/* v7：套装页的主机小图条。1fr 会被俄语、哈萨克语长词撑宽（360 宽手机上多出约 100px），改成 minmax(0,1fr)，手机上两列 */
.kit-parts{grid-template-columns:repeat(4,minmax(0,1fr))}
.kit-parts span{display:block;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:560px){.kit-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v7：工厂数字条（首页“关于雷宇”、关于页、生产与检验页）。数字用窄体白字，说明在下方，不用黄色 */
.co-nums{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 28px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.co-nums dt{font:700 44px/1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.co-nums dd{margin-top:8px;font-size:14px;line-height:1.45;color:var(--ink-2)}
#company .co-nums{margin-top:40px}
@media(max-width:960px){.co-nums{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.co-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin-top:32px;padding-top:22px}.co-nums dt{font-size:34px}}
/* v7：大屏加宽内容区。1320px 在 1920 宽屏左右各空约 330px，首屏文字左边尤其空；1680 以上放宽到 1520px，2240 以上 1680px */
@media(min-width:1680px){:root{--wrap:1520px}}
@media(min-width:2240px){:root{--wrap:1680px}}
/* v7：指南文章里的表格在手机上按列均分、长词换行，不再撑出横向滚动（俄语 360 宽多出约 160px） */
@media(max-width:560px){.article table{table-layout:fixed;font-size:14px}.article th,.article td{padding:9px 8px;overflow-wrap:anywhere;hyphens:auto}}

/* ---- 关于雷宇、资料、询价 ---- */
.co{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}
.co-video img,.flow img{border-radius:12px}
.play{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(21,24,27,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.flow{gap:20px;margin-top:48px}
.flow b{font:700 21px/1.2 var(--f-display)}
.dl{border-radius:10px;background:var(--bg-2);box-shadow:none}
.dl:hover{background:var(--bg-3);transform:none}
.dl .i{color:var(--y)}
.cta-in{background:var(--green);box-shadow:none;border-radius:16px}
.cta h2{font-size:clamp(30px,3vw,44px)}
.cta p{color:rgba(255,255,255,.84)}
.cta .btn-t{background:#15181B}
.cta .btn-t:hover{background:#23272B}
.cta-num{color:rgba(255,255,255,.86)}

/* ---- 内页页头、工具条、子导航、页脚 ---- */
.ph p{font-size:18px;color:rgba(255,255,255,.8)}
.ph.has-img::after{background:linear-gradient(90deg,rgba(21,24,27,.96) 0%,rgba(21,24,27,.84) 45%,rgba(21,24,27,.5) 100%)}
.tb-in::before,.sn-in::before{inset:0 calc(50% - 50vw);border-radius:0;background:rgba(21,24,27,.94);box-shadow:0 1px 0 var(--line)}
.toolbar{top:var(--hd)}
.subnav{top:var(--hd)}
/* 50vw 含竖向滚动条宽度：Windows 经典滚动条下会多出约 8px 横向滚动，在条本身的边缘裁掉 */
.toolbar,.subnav{overflow-x:clip}
.tabs button,.sn-in nav a{border-radius:6px}
.tb-search{border-radius:6px}
.seg{border-radius:8px}
.ft{background:var(--bg-0);box-shadow:inset 0 1px 0 var(--line)}
.socials a{border-radius:6px;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}

/* ---- 窄屏 ---- */
@media (max-width:960px){
 .spread{grid-template-columns:minmax(0,1fr);gap:28px}
 .spread-head{position:static}
 .co{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
 .terms{grid-template-columns:minmax(0,1fr)}
 .terms-1 div{grid-template-columns:minmax(0,1fr);gap:4px}
}
/* v6 的基础规则写在上面，会盖过更早的窄屏规则；这里把窄屏需要的值重新给回去 */
@media (max-width:720px){
 .sh{margin-bottom:28px}
 .pc-model{font-size:22px}
}
@media (max-width:420px){
 .hd-cta{padding:0 10px}
}
@media (max-width:560px){
 .dlx-media{max-width:240px}
}

/* =====================================================================
   v8 品牌版（2026-10-09 测试版）
   整屏大图的节奏：通栏照片或视频段，和纯文字、产品段交替；长文排版；
   吉祥物印章只在首屏、经销申请段和 404 页。没有卡片格、没有轮播、没有滚动渐显。
   ===================================================================== */
:root{--band-h:min(92vh,880px);--story-w:66ch}
main:has(>.band:first-child){padding-top:0}

/* ---- 通栏段：图在底，文案压在渐变上 ---- */
.band{position:relative;isolation:isolate;display:grid;align-items:end;min-height:var(--band-h);color:#fff;overflow:hidden;background:var(--bg-0)}
.band--head{min-height:min(78vh,760px);padding-top:var(--hd)}
.band--short{min-height:min(64vh,620px)}
.band--tall{min-height:min(100vh,960px)}
.band-media{position:absolute;inset:0;z-index:-2;background:var(--bg-0)}
.band-media img,.band-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.band-media img[src*="factory-photos"],.band-media img[src*="facility"],.band-media img[src*="/workshop-"],.band-media img[src*="/warehouse-"],.band-media video{filter:saturate(.84) brightness(.9) contrast(1.05)}
.band::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(21,24,27,.94) 0%,rgba(21,24,27,.58) 38%,rgba(21,24,27,.1) 70%,rgba(21,24,27,0) 100%)}
.band--left::after{background:linear-gradient(90deg,rgba(21,24,27,.95) 0%,rgba(21,24,27,.8) 32%,rgba(21,24,27,.3) 60%,rgba(21,24,27,.05) 100%)}
.band--right::after{background:linear-gradient(270deg,rgba(21,24,27,.95) 0%,rgba(21,24,27,.8) 32%,rgba(21,24,27,.3) 60%,rgba(21,24,27,.05) 100%)}
.band--head::after{background:linear-gradient(0deg,rgba(21,24,27,1) 0%,rgba(21,24,27,.62) 42%,rgba(21,24,27,.16) 74%,rgba(21,24,27,.38) 100%)}
.band--head.band--left::after{background:linear-gradient(90deg,rgba(21,24,27,.96) 0%,rgba(21,24,27,.82) 34%,rgba(21,24,27,.34) 64%,rgba(21,24,27,.1) 100%),linear-gradient(180deg,rgba(21,24,27,.4),rgba(21,24,27,0) 30%)}
.band-in{position:relative;width:100%;padding-top:64px;padding-bottom:72px}
.band--left .band-in,.band--right .band-in{align-self:center}
.band-copy{max-width:var(--story-w)}
.band--right .band-copy{margin-left:auto}
.band h1,.band h2{font-size:clamp(38px,4.6vw,64px);line-height:1.02;letter-spacing:0}
.band--head h1{font-size:clamp(40px,5.2vw,72px)}
.band p{margin-top:18px;font-size:clamp(16px,1.2vw,18px);line-height:1.7;color:rgba(255,255,255,.88);max-width:var(--story-w)}
.band p+p{margin-top:12px}
.band .more,.band .btn{margin-top:26px}
.band .btn-row{margin-top:26px}
.band .btn-row .btn{margin-top:0}
.band .crumbs{color:rgba(255,255,255,.62);margin-bottom:6px}
.band .crumbs a:hover{color:#fff}
.band .fine{color:rgba(255,255,255,.6)}
/* 数字行压在通栏段里 */
.band .co-nums{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);max-width:none}
.band .co-nums dd{color:rgba(255,255,255,.72)}
/* v8: figures such as "14 000" and "300 000" need room; let the columns wrap instead of overlapping */
.co-nums{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
@media(max-width:560px){.co-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- 通栏视频（进入视口才加载，减少动态时只显示海报） ---- */
.film video{opacity:0;transition:opacity .8s}
.film.is-playing video{opacity:1}
.film-poster{position:absolute;inset:0;z-index:-2}
.film-poster img{width:100%;height:100%;object-fit:cover}

/* ---- 吉祥物印章 ---- */
.stamp{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(20px,4vw,52px);z-index:1;width:clamp(72px,8vw,128px);filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}
.stamp img{display:block;width:100%;height:auto}
.stamp-in{display:inline-block;width:clamp(88px,10vw,150px);filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}
.stamp-in img{display:block;width:100%;height:auto}

/* ---- 长文段：左标题，右正文 ---- */
.sec-story{padding:clamp(72px,8vw,136px) 0}
.sec-story+.sec-story{padding-top:0}
.story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 80px;align-items:start}
.story-h{position:sticky;top:calc(var(--hd) + 40px)}
.story-h h2{font-size:clamp(34px,3.6vw,52px);line-height:1.04}
.story-h>p{margin-top:14px;font-size:16px;line-height:1.6;color:var(--mute);max-width:36ch}
.story-h .more{margin-top:22px}
.story-h .btn{margin-top:24px}
.story-t{max-width:var(--story-w)}
.story-t p{font-size:18px;line-height:1.78;color:var(--ink-2)}
.story-t p+p{margin-top:20px}
.story-t>p:first-child{color:var(--ink)}
.story-t h3{margin:40px 0 12px;font:600 22px/1.3 var(--f);color:var(--ink)}
.story-t h3:first-child{margin-top:0}
.story-t ul,.story-t ol{margin:14px 0 0 1.2em;font-size:17px;line-height:1.7;color:var(--ink-2)}
.story-t li+li{margin-top:8px}
.story-t figure{margin:32px 0 8px}
.story-t figure img{display:block;width:100%;border-radius:12px}
.story-t figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:var(--mute)}
.story-t .more{margin-top:24px}
.story-t .co-nums{margin-top:40px}
.story-t .terms{margin-top:8px}
.story-t .terms div{grid-template-columns:120px minmax(0,1fr)}
.story-t .faq{margin-top:8px}
.story-t table{width:100%;border-collapse:collapse;margin:16px 0 8px;font-size:16px}
.story-t th,.story-t td{padding:12px 14px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);color:var(--ink-2)}
.story-t th{color:var(--ink);font-weight:600}
/* 单栏长文（品牌故事、知识文章） */
.story-1{max-width:var(--story-w);margin:0 auto}
.story-1 h2{font-size:clamp(32px,3.2vw,46px);line-height:1.06;margin:0 0 22px}
.story-1 p{font-size:18px;line-height:1.8;color:var(--ink-2)}
.story-1 p+p{margin-top:20px}
.story-1 figure{margin:36px 0}
.story-1 figure img{display:block;width:100%;border-radius:12px}
.story-1 figcaption{margin-top:10px;font-size:14px;color:var(--mute)}

/* ---- 场景拼版（两列通栏，手机一列） ---- */
.scenes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:var(--bg-0)}
.scene{position:relative;isolation:isolate;display:block;aspect-ratio:16/10;overflow:hidden;color:#fff;background:var(--bg-2)}
.scene img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transition:transform .8s var(--ease)}
.scene:hover img{transform:scale(1.03)}
.scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(21,24,27,.92) 0%,rgba(21,24,27,.5) 38%,rgba(21,24,27,0) 68%)}
.scene-t{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(18px,3vw,40px)}
.scene-t b{display:block;font:700 clamp(24px,2.4vw,34px)/1.1 var(--f-display)}
.scene-t span{display:block;margin-top:8px;max-width:54ch;font-size:15px;line-height:1.55;color:rgba(255,255,255,.84)}
.scene-t em{display:inline-block;margin-top:12px;font:600 14px/1.3 var(--f);font-style:normal;color:var(--y)}
.scene-one{aspect-ratio:21/9}

/* ---- 产品大图列表 ---- */
.range{border-top:1px solid var(--line)}
.range a{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:32px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);color:var(--ink);transition:background-color .2s}
.range a:hover{background:rgba(255,255,255,.03)}
.range-img{width:200px;aspect-ratio:1/1;border-radius:12px;background:var(--bg-2);overflow:hidden}
.range-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.range a:hover .range-img img{transform:scale(1.03)}
.range b{display:block;font:700 clamp(26px,2.6vw,36px)/1.05 var(--f-display);transition:color .2s}
.range p{margin-top:8px;max-width:60ch;font-size:16px;line-height:1.6;color:var(--ink-2)}
.range em{font:700 clamp(22px,2vw,30px)/1 var(--f-display);font-style:normal;color:var(--y);white-space:nowrap;text-align:right}
.range em small{display:block;margin-top:4px;font:500 13px/1.3 var(--f);color:var(--mute)}
.range a:hover b{color:var(--y)}

/* ---- 支持条：四个静链接 ---- */
.support{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.support a{display:block;padding:28px 24px 30px;color:var(--ink);border-left:1px solid var(--line)}
.support a:first-child{border-left:0;padding-left:0}
.support .i{width:28px;height:28px;color:var(--y)}
.support b{display:block;margin-top:14px;font:700 22px/1.15 var(--f-display);transition:color .2s}
.support span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.support a:hover b{color:var(--y)}

/* ---- 行业页：推荐型号 ---- */
.picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.pick{display:flex;flex-direction:column;color:var(--ink)}
.pick-img{display:block;aspect-ratio:1/1;border-radius:12px;background:var(--bg-2);overflow:hidden}
.pick-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pick:hover .pick-img img{transform:scale(1.03)}
.pick b{display:block;margin-top:14px;font:700 26px/1.05 var(--f-display);transition:color .2s}
.pick small{display:block;margin-top:4px;font-size:14px;color:var(--mute)}
.pick p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.pick:hover b{color:var(--y)}

/* ---- 品类通栏（产品中心每组前） ---- */
.cg-band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 64px;align-items:end;margin:0 0 28px;padding:0 0 24px;border-bottom:1px solid var(--line)}
.cg-band h2{font-size:clamp(30px,3vw,44px)}
.cg-band p{font-size:16px;line-height:1.65;color:var(--ink-2);max-width:60ch}
.cg-band p+p{margin-top:10px}
.cg-band .cg-n{margin-top:8px;font-size:14px;color:var(--mute)}

/* ---- 产品详情页的通栏画廊 ---- */
.pd-band{background:var(--bg-0);padding:calc(var(--hd) + 24px) 0 0}
.pd-band .gallery-main{aspect-ratio:4/3;max-height:min(78vh,760px);background:var(--bg-0)}
.pd-band .gallery-main img{object-fit:contain}
.pd-story{margin-top:28px}
.pd-story p+p{margin-top:12px}

/* ---- 关注雷宇 ---- */
.follow{display:flex;flex-wrap:wrap;gap:12px}
.follow a{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:var(--ink);font-weight:600;transition:box-shadow .2s,color .2s}
.follow a:hover{box-shadow:inset 0 0 0 1px var(--y);color:var(--y)}
.follow svg{width:20px;height:20px}

/* ---- 404 ---- */
.nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:calc(var(--hd) + 40px) 0 60px}
.nf img{width:140px;margin:0 auto 20px}
.nf h1{font-size:clamp(36px,4vw,56px)}
.nf p{margin-top:12px;color:var(--ink-2)}
.nf .btn-row{justify-content:center;margin-top:24px}
.nf-langs{display:flex;justify-content:center;gap:24px;margin-top:32px}
.nf-langs a{color:var(--ink-2);text-decoration:underline;text-underline-offset:4px}

/* ---- 窄屏 ---- */
@media (max-width:960px){
 .story{grid-template-columns:minmax(0,1fr);gap:24px}
 .story-h{position:static}
 .story-h>p{max-width:none}
 .range a{grid-template-columns:120px minmax(0,1fr);gap:18px}
 .range-img{width:120px}
 .range em{grid-column:2;justify-self:start;text-align:left}
 .support{grid-template-columns:repeat(2,minmax(0,1fr))}
 .support a:nth-child(odd){border-left:0;padding-left:0}
 .support a:nth-child(-n+2){padding-top:20px}
 .support a{padding-top:22px;padding-bottom:22px}
 .picks{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cg-band{grid-template-columns:minmax(0,1fr);gap:12px}
}
@media (max-width:720px){
 .band{min-height:min(84vh,680px)}
 .band--head{min-height:min(72vh,580px)}
 .band--tall{min-height:min(92vh,760px)}
 .band-in{padding-top:40px;padding-bottom:44px}
 .band--left .band-in,.band--right .band-in{align-self:end}
 .band--left::after,.band--right::after,.band--head.band--left::after{background:linear-gradient(0deg,rgba(21,24,27,.96) 0%,rgba(21,24,27,.7) 40%,rgba(21,24,27,.2) 70%,rgba(21,24,27,.3) 100%)}
 .scenes-grid{grid-template-columns:minmax(0,1fr)}
 .scene,.scene-one{aspect-ratio:4/3}
 .stamp{width:64px;right:16px;bottom:16px}
 .story-t p,.story-1 p{font-size:17px}
 .support{grid-template-columns:minmax(0,1fr)}
 .support a,.support a:nth-child(odd){border-left:0;padding:18px 0;border-top:1px solid var(--line)}
 .support a:first-child{border-top:0}
 .picks{grid-template-columns:minmax(0,1fr)}
 .range a{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px 0}
 .range-img{width:96px}
 .range b{font-size:24px}
 .range em{font-size:20px}
 .pd-band{padding-top:calc(var(--hd) + 12px)}
}

/* =====================================================================
   v12 大牌科技版（2026-10-07 测试版）
   回到深色高级底；大片红色只出现在有质感的段落里（程序生成的红色流光、红色拉丝金属、雷暴图），
   产品用原棚拍图（深灰背景）放在深色卡片上，不用抠图。标签红、标题白、正文灰。
   交互：首屏轮播、可拖动的滑轨、卡片跟随光与轻微倾斜、滚动转动 XLY-2000、首屏雷暴闪光、
   滚动渐显、数字滚动、智能页头。系统开启减少动态效果时全部关闭。
   ===================================================================== */
:root{
 color-scheme:dark;
 --bg-0:#0B0C0E;--bg-1:#111316;--bg-2:#1A1D21;--bg-3:#23272C;
 --ground:#0B0C0E;--ground-2:#111316;--panel:#16181C;--panel-2:#1E2125;
 --well:#222427;
 --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);
 --ink:#F4F5F6;--ink-2:#B4BAC0;--mute:#868D93;
 --red:#C8281C;--red-2:#E0352A;--red-deep:#6E120C;--red-ink:#FF6B55;
 --green:#126352;--green-hi:#1E9C78;--green-deep:#0B3B30;
 --teal-text:#F4F5F6;--teal-soft:rgba(255,255,255,.06);
 --ph-bg:rgba(245,166,80,.16);--ph-ink:#F4B46E;
 --glass-dark:rgba(16,17,20,.94);
 --ease-out:cubic-bezier(.16,1,.3,1);
 --hd:72px;
}
body{background:var(--bg-0);color:var(--ink)}
.scroll-prog{background:var(--red);height:3px;z-index:61}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:2px solid var(--red-ink);outline-offset:3px}
.sec-alt{background:var(--bg-1)}

/* ---- 字：标签红、标题白、正文灰 ---- */
h1,h2,.h1{color:#fff;letter-spacing:-.005em}
.hx-label{display:inline-flex;align-items:center;gap:10px;font:700 14px/1.2 var(--f);letter-spacing:.06em;color:var(--red-ink)}
.hx-label::before{content:"";width:22px;height:2px;background:currentColor}
.sh-t p,.story-h>p{color:var(--ink-2)}

/* ---- 按钮：主按钮红底白字，次按钮白描边 ---- */
.btn{border-radius:4px;font:700 15px/1.2 var(--f);padding:14px 26px;min-height:48px;transition:background-color .2s,color .2s,box-shadow .2s,transform .25s var(--ease-out)}
.btn-y{background:var(--red);color:#fff;box-shadow:0 10px 26px rgba(200,40,28,.28)}
.btn-y:hover{background:var(--red-2);color:#fff;box-shadow:0 14px 32px rgba(224,53,42,.38)}
.btn-line,.btn-o{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.btn-line:hover,.btn-o:hover{background:#fff;color:#111;box-shadow:inset 0 0 0 1.5px #fff}
.btn-t{background:var(--green);color:#fff}
.btn-t:hover{background:var(--green-hi)}
.more{color:#fff;text-decoration-color:rgba(255,255,255,.35)}
.more:hover{color:var(--red-ink);text-decoration-color:var(--red-ink)}
.add:hover,.add.in{background:var(--red);color:#fff}
.hd .rfq-count{background:#fff;color:var(--red)}

/* ---- 页头：压在首屏上透明，往下滚变成实心深色，往下滚时收起、往上滚时出现 ---- */
.hd{transition:transform .35s var(--ease-out)}
.hd.is-hidden{transform:translateY(-100%)}
.hd-in::before{background:rgba(11,12,14,.9);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 rgba(255,255,255,.07)}
.hd.is-over .hd-in::before{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.brand{color:#F5C400}
.nav>a,.has-menu>a{color:rgba(255,255,255,.86);font-weight:600}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a{color:#fff}
.nav a[aria-current="page"],.nav a.is-on{color:#fff;box-shadow:inset 0 -3px 0 var(--red)}
.language-menu summary{white-space:nowrap;color:#fff}
.mega,.drop,.language-menu ul{background:#121418;box-shadow:0 0 0 1px var(--line),0 30px 60px rgba(0,0,0,.6)}
.mega-img{background:var(--well)}
.mega-cats a:hover b{color:var(--red-ink)}

/* ---- 通用背景图层 ---- */
.bgl{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bgl img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--bgpos,50% 50%)}
.bgl+*,.bgl~.wrap,.bgl~*:not(canvas){position:relative;z-index:1}

/* ---- 1. 首屏轮播 ---- */
main:has(>.hx:first-child){padding-top:0}
.hx{position:relative;height:clamp(560px,86vh,880px);overflow:hidden;background:#000;isolation:isolate}
.hx-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.hx-slide.is-on{opacity:1;visibility:visible;z-index:1}
.hx-media{position:absolute;inset:0}
.hx-media img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transform:scale(1.06);transition:transform 7.5s linear}
.hx-slide.is-on .hx-media img{transform:scale(1)}
.hx-slide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 30%,rgba(0,0,0,0) 58%),linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 30%)}
/* 首屏底部一道红光，接到下一段的红色流光 */
.hx::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:4;background:linear-gradient(90deg,rgba(200,40,28,0),var(--red) 30%,#FF6B55 60%,rgba(200,40,28,0))}
.hx-copy{position:absolute;left:0;right:0;bottom:clamp(92px,13vh,140px);z-index:2}
.hx-copy>*{max-width:620px}
.hx-copy h1,.hx-copy h2{margin-top:14px;font-size:clamp(40px,5vw,76px);line-height:1;font-weight:800}
.hx-p{margin-top:16px;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:rgba(255,255,255,.84)}
.hx-copy .btn{margin-top:28px}
.hx-slide.is-on .hx-copy>*{animation:hxIn .9s var(--ease-out) both}
.hx-slide.is-on .hx-copy>*:nth-child(2){animation-delay:.08s}
.hx-slide.is-on .hx-copy>*:nth-child(3){animation-delay:.16s}
.hx-slide.is-on .hx-copy>*:nth-child(4){animation-delay:.24s}
@keyframes hxIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hx-flash{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 70% at 72% 40%,rgba(255,190,160,.55),rgba(255,120,80,.12) 45%,rgba(0,0,0,0) 70%);opacity:0;mix-blend-mode:screen}
.hx-flash.flash{animation:flash .9s ease-out}
@keyframes flash{0%{opacity:0}6%{opacity:.95}12%{opacity:.15}20%{opacity:.75}100%{opacity:0}}
.hx-ui{position:absolute;left:0;right:0;bottom:34px;z-index:3;display:flex;align-items:center;gap:24px}
.hx-dots{display:flex;gap:10px;flex:1;max-width:420px}
.hx-dots button{position:relative;flex:1;height:30px;padding:0;border:0;background:none;cursor:pointer}
.hx-dots i{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:rgba(255,255,255,.28);overflow:hidden;border-radius:2px}
.hx-dots i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.hx-dots button[aria-current="true"] i::after{animation:hxProg var(--dur,6500ms) linear forwards}
.hx.paused .hx-dots button[aria-current="true"] i::after{animation:none;transform:scaleX(1)}
@keyframes hxProg{to{transform:scaleX(1)}}
.hx-arrows{display:flex;gap:10px;margin-left:auto}
.rail-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);cursor:pointer;transition:background-color .2s,color .2s,transform .25s var(--ease-out)}
.rail-btn:hover{background:#fff;color:#111;transform:scale(1.06)}
.rail-btn .i{width:20px;height:20px}
.rail-prev .i{transform:rotate(180deg)}
.rail-btn:disabled{opacity:.3;cursor:default;transform:none;background:rgba(255,255,255,.1);color:#fff}

/* ---- 2. 常备型号：大片红色流光 + 深色型号卡滑轨 ---- */
.rl{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,7vw,96px) 0;background:#4A0C08}
.rl-in{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:40px;align-items:center}
.rl-mark{display:flex;align-items:flex-end;gap:10px;color:#fff}
.rl-mark svg{width:120px;height:auto}
.rl-mark em{font:700 28px/1 var(--f-display);font-style:italic;color:#fff;padding:2px 10px;background:var(--red);transform:skewX(-10deg)}
.rl-head h2{margin-top:22px;font-size:clamp(34px,3.4vw,52px);line-height:1.04}
.rl .mcard-img,.rl .mcard{background:#16171A}
.rl-head p{margin-top:12px;color:rgba(255,255,255,.82)}
.rl-head .btn{margin-top:26px}
.rail{position:relative;min-width:0}
.rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*16px)/4.15);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 2px 6px;cursor:grab}
.rail-track::-webkit-scrollbar{display:none}
.rail-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.rail-track.dragging *{pointer-events:none}
.rail-track>*{scroll-snap-align:start}
.rail-ui{display:flex;align-items:center;gap:10px;margin-top:22px}
.rail-bar{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden}
.rail-bar i{display:block;height:100%;width:30%;background:#fff;transform-origin:left;transition:transform .2s linear}
.mcard{position:relative;display:flex;flex-direction:column;padding:0 0 18px;border-radius:10px;background:#141518;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 50px rgba(0,0,0,.45);color:#fff;overflow:hidden;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease-out),box-shadow .3s}
.mcard::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.12),transparent 60%);opacity:0;transition:opacity .3s}
.mcard:hover{box-shadow:0 0 0 1px rgba(255,107,85,.55),0 30px 60px rgba(0,0,0,.55)}
.mcard:hover::after{opacity:1}
.mtag{position:absolute;left:0;top:0;z-index:2;padding:6px 22px 6px 12px;background:var(--green);color:#fff;font:700 13px/1.2 var(--f);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.mcard-img{display:block;aspect-ratio:1/1;background:var(--well);overflow:hidden}
.mcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.mcard:hover .mcard-img img{transform:scale(1.05)}
.mcard b{display:block;margin:16px 16px 0;font:700 26px/1 var(--f-display)}
.mcard-k{display:block;margin:8px 16px 0;font:700 15px/1.3 var(--f-display);color:var(--red-ink)}
.mcard-t{display:block;margin:4px 16px 0;font-size:13px;color:var(--mute)}

/* ---- 3. 探索 21V 系统 ---- */
.sx{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,8vw,112px) 0 0;background:#0A0606}
.sx-gl{position:absolute;inset:0;z-index:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s}
.sx-gl.on{opacity:1}
.sx-h{text-align:center;font-size:clamp(34px,3.6vw,56px)}
.sx-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:40px auto 56px;max-width:1000px}
.sx-tile{position:relative;display:block;padding:30px 28px 28px;border-radius:12px;background:rgba(20,8,7,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease-out),box-shadow .3s,background-color .3s}
.sx-tile::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}
.sx-tile:hover{background:rgba(110,18,12,.55);box-shadow:inset 0 0 0 1px rgba(255,107,85,.55)}
.sx-tile:hover::before{transform:scaleX(1)}
.sx-tile b{display:flex;align-items:baseline;gap:10px;font:700 clamp(64px,6vw,96px)/.9 var(--f-display);color:#fff}
.sx-tile b small{font:700 18px/1 var(--f);color:var(--red-ink)}
.sx-tile>span{display:block;margin-top:14px;font-size:15px;color:rgba(255,255,255,.78)}
.rail--cats .rail-track{grid-auto-columns:calc((100% - 6*14px)/7);gap:14px}
.ctile{display:block;text-align:center;color:#fff}
.ctile-img{display:block;aspect-ratio:1/1;border-radius:10px;background:var(--well);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.ctile-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.ctile:hover .ctile-img img{transform:scale(1.07)}
.ctile b{display:block;margin-top:12px;font-size:16px;font-weight:700}
.ctile small{display:block;margin-top:2px;font-size:13px;color:var(--mute)}
.ctile:hover b{color:var(--red-ink)}
.sx-lineup{position:relative;margin-top:64px}
.sx-lineup::before{content:"";position:absolute;left:0;right:0;top:0;height:22%;z-index:1;background:linear-gradient(180deg,#0A0606,rgba(10,6,6,0))}
.sx-lineup img{display:block;width:100%;height:auto}

/* ---- 4. 360° 展示（滚动驱动） ---- */
.turn{position:relative;height:300vh;background:#0B0C0E}
.turn-sticky{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;isolation:isolate}
.turn-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:24px;align-items:center;height:100%;padding-top:var(--hd)}
.turn-copy h2{margin-top:14px;font-size:clamp(32px,3.2vw,50px);line-height:1.06}
.turn-copy p:not(.hx-label){margin-top:12px;color:var(--ink-2)}
.turn-copy .btn{margin-top:26px}
.turn-stage{position:relative;justify-self:center;width:min(100%,520px);aspect-ratio:840/900;cursor:grab;touch-action:pan-y}
.turn-stage.dragging{cursor:grabbing}
.turn-frame{width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);user-select:none;-webkit-user-drag:none}
.turn-deg{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);font:700 15px/1 var(--f-display);color:var(--ink-2);letter-spacing:.06em}
.turn-ring{position:absolute;inset:-4%;border-radius:50%;pointer-events:none;background:conic-gradient(var(--red) calc(var(--deg,0)*1deg),rgba(255,255,255,.08) 0);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));opacity:.85}
.turn-spec{display:grid;gap:4px}
.turn-spec li{padding:14px 0 14px 18px;border-left:2px solid rgba(255,255,255,.12);opacity:.35;transform:translateX(12px);transition:opacity .45s,transform .45s var(--ease-out),border-color .45s}
.turn-spec li.on{opacity:1;transform:none;border-left-color:var(--red)}
.turn-spec b{display:block;font:700 clamp(26px,2.4vw,38px)/1 var(--f-display);color:#fff}
.turn-spec span{display:block;margin-top:4px;font-size:14px;color:var(--ink-2)}

/* ---- 5. 组合套装：红色拉丝金属 ---- */
.kx{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,7vw,96px) 0;background:#3A0907}
.kx-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center}
.kx-copy h2{margin-top:14px;font-size:clamp(34px,3.6vw,56px);line-height:1.04}
.kx-copy p:not(.hx-label){margin-top:14px;color:rgba(255,255,255,.84);max-width:34em}
.kx-copy .hx-label,.ax .hx-label,.rl .hx-label{color:#FFC2B5}
.kx-img img{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)}

/* ---- 6. 按品类选（标签切换） ---- */
.tg{background:var(--bg-0)}
.tg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-bottom:28px}
.tg-head h2{font-size:clamp(32px,3.2vw,48px)}
.tg-tabs{position:relative;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.tg-tabs::-webkit-scrollbar{display:none}
.tg-tabs button{flex:none;padding:12px 16px;border:0;background:none;color:var(--ink-2);font:600 15px/1.2 var(--f);cursor:pointer;transition:color .2s}
.tg-tabs button:hover,.tg-tabs button[aria-selected="true"]{color:#fff}
.tg-ink{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--red);transition:transform .45s var(--ease-out),width .45s var(--ease-out)}
.tg-panel{animation:tgIn .5s var(--ease-out) both}
@keyframes tgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---- 产品卡（全站）：深色卡、跟随光、轻微倾斜 ---- */
.pc{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease-out)}
.pc-img{background:var(--well);border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.pc-img::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(220px circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.12),transparent 60%);opacity:0;transition:opacity .3s}
.pc:hover .pc-img{box-shadow:0 0 0 1px rgba(255,107,85,.5),0 22px 44px rgba(0,0,0,.5)}
.pc:hover .pc-img::after{opacity:1}
.pc-spec b{color:var(--red-ink)}
.pc-model a:hover{color:var(--red-ink)}

/* ---- 7. 电池平台 ---- */
.bx{position:relative;isolation:isolate;overflow:hidden}
.bx-head{max-width:720px;margin-bottom:32px}
.bx-head h2{margin-top:14px;font-size:clamp(32px,3.2vw,48px)}
.bx-head p:not(.hx-label){margin-top:12px;color:var(--ink-2)}
.bsel{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.bsel .seg .seg-thumb{background:var(--red);box-shadow:none}
.bsel .seg button[aria-pressed="true"]{color:#fff}
.bgauge i.on{background:linear-gradient(180deg,#FF6B55,#C8281C)}
.thumbs button[aria-current="true"]::after{box-shadow:inset 0 0 0 2px var(--red-ink)}
.nav a[aria-current="page"]::after,.nav a.is-on::after{content:none}

/* ---- 8. 已经在用雷宇？ ---- */
.ax{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,6vw,84px) 0;text-align:center;background:#3A0907}
.ax h2{font-size:clamp(30px,3vw,46px)}
.ax-in>p{margin-top:10px;color:rgba(255,255,255,.82)}
.ax-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.ax-btn{display:inline-flex;align-items:center;gap:10px;min-width:200px;justify-content:center;padding:16px 22px;border-radius:4px;background:rgba(0,0,0,.18);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6);color:#fff;font-weight:700;transition:background-color .2s,color .2s,transform .25s var(--ease-out)}
.ax-btn .i{width:20px;height:20px}
.ax-btn:hover{background:#fff;color:var(--red);transform:translateY(-2px)}

/* ---- 9. 经销招募 ---- */
.dx{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(420px,52vw,600px);display:grid;place-items:center;text-align:center;background:#000}
.dx-media{position:absolute;inset:0;z-index:0}
.dx-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.55)}
.dx::after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(70% 80% at 50% 50%,rgba(0,0,0,.25),rgba(0,0,0,.75))}
.dx-in{position:relative;z-index:1;max-width:820px;padding:72px 0}
.dx-in h2{margin-top:14px;font-size:clamp(34px,3.8vw,58px);line-height:1.06}
.dx-in p:not(.hx-label){margin:16px auto 0;color:rgba(255,255,255,.84);max-width:42em}
.dx .hx-label{justify-content:center}

/* ---- 10. 工厂视频 ---- */
.vx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 48px;flex-wrap:wrap}
.vx-head h2{font-size:clamp(32px,3.2vw,48px)}
.vx-head p{max-width:40em;color:var(--ink-2)}
.vx .co-nums{margin:36px 0 40px}
.vx .co-nums dt{color:#fff}
.rail--vid .rail-track{grid-auto-columns:calc((100% - 2*16px)/2.6)}
.vtile img{aspect-ratio:16/9;border-radius:10px}
.vtile .play{background:var(--red);box-shadow:0 10px 30px rgba(200,40,28,.45)}
.vtile .play .i{color:#fff}

/* ---- 11. 三张图块 ---- */
.cx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cx-tile{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;color:#fff;isolation:isolate}
.cx-tile img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.55);transition:transform .9s var(--ease-out),filter .5s}
.cx-tile b{font:800 clamp(24px,2.4vw,36px)/1 var(--f);letter-spacing:.04em;padding-bottom:10px;border-bottom:3px solid var(--red)}
.cx-tile:hover img{transform:scale(1.07);filter:saturate(.9) brightness(.7)}

/* ---- 12. 口号 ---- */
.sl{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,8vw,120px) 0;text-align:center;background:#0A0606}
.sl-t{font:900 clamp(40px,6.4vw,104px)/1 var(--f);letter-spacing:.04em;color:#fff}

/* ---- 内页页头：深色点阵 + 红色光晕，右边一张产品图 ---- */
.ph{position:relative;isolation:isolate;overflow:hidden;background:#0B0C0E;color:#fff}
main>.ph:first-child .ph-in{padding-top:calc(var(--hd) + 48px)}
.ph-in{position:relative;z-index:1;padding-bottom:56px}
.ph--fig .ph-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px 48px;align-items:center}
.ph--fig .ph-in>.crumbs,.ph--fig .ph-in>h1,.ph--fig .ph-in>p,.ph--fig .ph-in>.btn-row{grid-column:1}
.ph-fig{grid-column:2;grid-row:1/span 4;justify-self:end;width:100%;max-width:520px}
.ph-photo{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 58%,transparent 100%);mask-image:radial-gradient(closest-side,#000 58%,transparent 100%)}
.ph-fig img:not(.ph-photo){max-height:360px;width:100%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.5))}
.ph h1{margin-top:14px;font-size:clamp(40px,4.8vw,72px);color:#fff}
.ph p{color:rgba(255,255,255,.8)}
.ph .crumbs{color:rgba(255,255,255,.6)}

/* ---- 内页的绿色段（关于页“货到之后”、经销页“怎么合作”）改成红色拉丝金属感 ---- */
.sec-green{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(110deg,#2E0705 0%,#6E120C 48%,#A51E15 100%);
 --ink:#FFFFFF;--ink-2:rgba(255,255,255,.86);--mute:rgba(255,255,255,.7);--line:rgba(255,255,255,.2);--line-2:rgba(255,255,255,.34)}
.sec-green::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,rgba(0,0,0,0) 1px 3px)}
.sec-green h2,.sec-green h3,.sec-green .story-h h2{color:#fff}
.sec-green .story-h>p,.sec-green .sh-t p{color:rgba(255,255,255,.82)}
.sec-green .svc .i,.sec-green .support .i{color:#FFC2B5}
.sec-green .more{color:#fff}
.sec-green .btn-y{background:#fff;color:var(--red)}
.sec-green .btn-y:hover{background:#FFE9E4;color:var(--red)}
.sec-green .ph-tag{background:rgba(255,255,255,.18);color:#FFE38A}

/* ---- 经销页：行业条、申请段 ---- */
.tradebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:none}
.tradebar a{display:block;padding:18px 16px 20px;border-radius:8px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);color:#fff;text-align:center;transition:background-color .2s,box-shadow .2s,transform .25s var(--ease-out)}
.tradebar a:hover{background:var(--red-deep);box-shadow:inset 0 0 0 1px rgba(255,107,85,.6);transform:translateY(-2px)}
.tradebar b{display:block;font:700 17px/1.25 var(--f)}
.tradebar small{display:block;margin-top:4px;font-size:13px;color:var(--mute)}
.gband{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(110deg,#2E0705 0%,#7A140E 55%,#B3241A 100%)}
.gband-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:28px 56px;align-items:center;padding:clamp(56px,6vw,88px) 0}
.gband-in>*{min-width:0}
.gband h2{font-size:clamp(32px,3.6vw,54px);line-height:1.06;color:#fff}
.gband p{margin-top:14px;color:rgba(255,255,255,.86);max-width:40em}
.gband .btn-row{margin-top:24px}
.gband .btn-y{background:#fff;color:var(--red)}
.gband-img img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 64%,transparent 100%);mask-image:radial-gradient(closest-side,#000 64%,transparent 100%)}
.gband .stamp-in{position:absolute;right:clamp(16px,3vw,40px);top:clamp(16px,3vw,32px);width:clamp(56px,6vw,88px)}

/* ---- 从 v8 以后的修正 ---- */
.pick{display:flex;flex-direction:column}
.pick-img{display:block}
.co-nums{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
@media(max-width:560px){.co-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
.article a:not(.btn){color:#fff;text-decoration:underline;text-decoration-color:var(--red-ink)}
.story-t p,.story-1 p{color:var(--ink-2)}
.cg-band h2{color:#fff}

/* ---- 滚动渐显（zh.js 给视口外的元素加 .rv，进入视口加 .in） ---- */
.rv{opacity:0!important;transform:translateY(26px)!important;transition:opacity .6s ease-out var(--rv-d,0s),transform .8s var(--ease-out) var(--rv-d,0s)!important}
.rv.in{opacity:1!important;transform:none!important}
[data-counted]{font-variant-numeric:tabular-nums}

/* ---- 窄屏 ---- */
@media (max-width:1100px){
 .rail--cats .rail-track{grid-auto-columns:calc((100% - 3*14px)/3.6)}
 .turn-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;align-content:center}
 .turn-copy{grid-column:1/-1}
 .turn-spec{grid-template-columns:1fr}
}
@media (max-width:960px){
 .rl-in,.kx-in,.gband-in{grid-template-columns:minmax(0,1fr)}
 .rail-track{grid-auto-columns:calc((100% - 16px)/2.2)}
 .rail--vid .rail-track{grid-auto-columns:82%}
 .sx-tiles{grid-template-columns:minmax(0,1fr);max-width:520px}
 .ph--fig .ph-in{grid-template-columns:minmax(0,1fr)}
 .ph-fig{grid-column:1;grid-row:auto;justify-self:start;max-width:360px}
 .tradebar{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cx{grid-template-columns:minmax(0,1fr)}
 .cx-tile{aspect-ratio:16/8}
}
@media (max-width:720px){
 .hx{height:clamp(560px,88vh,760px)}
 .hx-slide::after{background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.6) 42%,rgba(0,0,0,.05) 75%)}
 .hx-media img{object-position:var(--pos,70% 50%)}
 .hx-copy{bottom:96px}
 .hx-copy h1,.hx-copy h2{font-size:clamp(34px,9vw,44px)}
 .hx-arrows{display:none}
 .hx-dots{max-width:none}
 .rail-track{grid-auto-columns:72%}
 .rail--cats .rail-track{grid-auto-columns:42%}
 .turn{height:240vh}
 .turn-in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:14px;padding-top:calc(var(--hd) + 8px);padding-bottom:12px}
 .turn-copy p:not(.hx-label),.turn-copy .btn{display:none}
 .turn-stage{width:min(72vw,360px)}
 .turn-spec{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
 .turn-spec li{padding:8px 0 8px 12px}
 .turn-spec b{font-size:22px}
 .tradebar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ax-btn{min-width:0;flex:1 1 40%}
}
@media (prefers-reduced-motion:reduce){
 .hx-media img{transform:none!important;transition:none}
 .hx-slide.is-on .hx-copy>*,.tg-panel{animation:none}
 .hx-flash{display:none}
 .mcard,.pc,.sx-tile{transform:none!important}
 .rv{opacity:1!important;transform:none!important;transition:none!important}
}

/* =====================================================================
   v9 产品版（2026-10-06 测试版）
   浅底 + 机身绿色块：白底绿字、绿底白字，安全黄只给按钮。产品抠图放在白底或绿底上，
   不再堆场景照片。页头白色实底，页脚深绿。所有旧组件在这一层统一改成浅色。
   ===================================================================== */
:root{
 color-scheme:light;
 --bg-0:#FFFFFF;--bg-1:#F3F5F6;--bg-2:#E9EDEF;--bg-3:#DEE3E6;
 --ground:#FFFFFF;--ground-2:#F3F5F6;--panel:#FFFFFF;--panel-2:#F3F5F6;
 --line:rgba(21,24,27,.1);--line-2:rgba(21,24,27,.18);
 --green:#1B6A54;--green-2:#165845;--green-deep:#0F3A2F;--green-ink:#0C2E25;--green-light:#2F8A6E;
 --teal:#1B6A54;--teal-2:#165845;--teal-deep:#0F3A2F;--teal-ink:#FFFFFF;--teal-soft:rgba(27,106,84,.1);--teal-text:#1B6A54;
 --ink:#15181B;--ink-2:#4A545A;--mute:#6C777E;
 --ph-bg:rgba(226,140,40,.14);--ph-ink:#A1560F;
 --well:#F3F5F6;--glass:#FFFFFF;--glass-dark:rgba(21,24,27,.94);
 --rim:inset 0 0 0 1px rgba(21,24,27,.1);--rim-soft:inset 0 0 0 1px rgba(21,24,27,.07);
 --drop:0 18px 40px rgba(21,24,27,.14);
}
html{scrollbar-color:auto}
body{background:var(--bg-0);color:var(--ink)}
::placeholder{color:#8A949A}
::selection{background:var(--y);color:#15181B}

/* ---- 页头：白色实底，绿色导航文字 ---- */
.hd{color:var(--ink)}
.hd-in::before,.hd.is-over .hd-in::before{background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.brand{color:var(--green)}
.nav>a,.has-menu>a{color:var(--green);font-weight:600}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a{color:var(--green-deep);background:none}
.nav a[aria-current="page"],.nav a.is-on{color:var(--green-deep);background:none;box-shadow:inset 0 -3px 0 var(--y)}
.has-menu>a .i{opacity:.8}
.icon-btn{color:var(--green)}
.icon-btn:hover{background:var(--teal-soft);color:var(--green-deep)}
.language-menu summary{color:var(--green)}
.language-menu summary:hover{background:var(--teal-soft)}
.mega,.drop,.language-menu ul{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line),0 24px 50px rgba(21,24,27,.16);-webkit-backdrop-filter:none;backdrop-filter:none}
.mega-img{background:var(--bg-1)}
.mega-img img{object-fit:contain}
.drop a:hover,.language-menu a:hover{background:var(--bg-1)}
.mega-links a{color:var(--green)}
.rfq-count{background:#15181B;color:var(--y)}
.search{background:rgba(21,24,27,.4)}
.search-box{background:#fff;color:var(--ink);box-shadow:0 30px 70px rgba(21,24,27,.3)}
.search-results a:hover{background:var(--bg-1)}
.search-results img{background:#fff;object-fit:contain}
.drawer{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.drawer.open{box-shadow:0 0 0 1px var(--line),-20px 0 60px rgba(21,24,27,.25)}
.drawer details div a{color:var(--ink-2)}
.drawer-wa .i{color:var(--green)}
.langs{color:var(--ink-2)}
.langs a[aria-current]{color:var(--green)}

/* ---- 按钮与链接 ---- */
.btn-y{color:#15181B}
.btn-o,.btn-line{color:var(--ink);box-shadow:inset 0 0 0 1px rgba(21,24,27,.28)}
.btn-o:hover,.btn-line:hover{background:rgba(21,24,27,.05);box-shadow:inset 0 0 0 1px rgba(21,24,27,.5)}
.band .btn-line,.cta .btn-line,.gband .btn-line,.phead .btn-line,.ph .btn-line,.tile:not(.tile--light) .btn-line{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.band .btn-line:hover,.cta .btn-line:hover,.gband .btn-line:hover,.phead .btn-line:hover,.ph .btn-line:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px #fff}
.more{color:var(--green);text-decoration-color:rgba(27,106,84,.4)}
.more:hover{color:var(--green-deep);text-decoration-color:var(--green-deep)}
.band .more,.gband .more,.ph .more,.phead .more,.cta .more{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.band .more:hover,.gband .more:hover{color:var(--y);text-decoration-color:var(--y)}
.ph-tag{background:var(--ph-bg);color:var(--ph-ink)}
.band .ph-tag,.gband .ph-tag,.ph .ph-tag,.ft .ph-tag,.cta .ph-tag{background:rgba(255,255,255,.18);color:#FFE38A}
.skip{color:#15181B}

/* ---- 版块 ---- */
.sec-alt{background:var(--bg-1)}
.sec-dark{background:var(--green);color:#fff}
.sec-dark .sh p{color:rgba(255,255,255,.8)}
.sh-t p{color:var(--ink-2)}
.sh h2,.story-h h2,.cg-band h2{color:var(--green)}
.note{background:var(--teal-soft);box-shadow:none;color:var(--ink-2)}
.steps li::before,.steps-v li::before{box-shadow:0 0 0 4px var(--bg-0)}
.sec-alt .steps li::before,.sec-alt .steps-v li::before{box-shadow:0 0 0 4px var(--bg-1)}
.steps li,.timeline li{border-top-color:rgba(27,106,84,.35)}
.steps-v li::after{background:linear-gradient(180deg,rgba(27,106,84,.5),rgba(27,106,84,.12))}
.heng-mark{color:var(--green)}
.story-t p,.story-1 p{color:var(--ink-2)}
.story-t>p:first-child{color:var(--ink)}

/* ---- 卡片：产品抠图放在白底图位上 ---- */
.pc-img{background:#fff;box-shadow:var(--rim-soft)}
.sec:not(.sec-alt) .pc-img{background:var(--bg-1);box-shadow:none}
.pc:hover .pc-img{box-shadow:0 16px 36px rgba(21,24,27,.12)}
.pc-model a:hover{color:var(--green)}
.pc-spec b{color:var(--green)}
.add{color:var(--ink);box-shadow:inset 0 0 0 1px rgba(21,24,27,.24)}
.add:hover,.add.in{background:var(--y);color:#15181B;box-shadow:none}
.cmp{color:var(--ink-2);box-shadow:inset 0 0 0 1px rgba(21,24,27,.18)}
.cmp:hover{background:var(--bg-1);color:var(--ink)}
.cmp.on{background:var(--teal-soft);box-shadow:inset 0 0 0 1px var(--green);color:var(--green)}
.range{border-top-color:var(--line)}
.range a:hover{background:var(--bg-1)}
.range-img,.pick-img{background:#fff;box-shadow:var(--rim-soft)}
.range em,.range a:hover b,.pick:hover b{color:var(--green)}
.support .i,.support a:hover b{color:var(--green)}
.cat{background:#fff;box-shadow:var(--rim-soft)}
.cat::before{background:linear-gradient(0deg,rgba(21,24,27,.9) 0%,rgba(21,24,27,.6) 42%,rgba(21,24,27,0) 100%)}
.cat:hover{box-shadow:0 20px 40px rgba(21,24,27,.16)}
.kc-img,.kit-photo,.fd-best-img,.nx-img{background:var(--bg-1)}
.kc:hover .kc-img{box-shadow:0 16px 36px rgba(21,24,27,.14)}
.kc-parts a:hover,.kit-parts a:hover{background:var(--bg-2)}
.kc-parts img,.kit-parts img,.st-models img,.rfq-item img,.spec-dl img,.fd-alt img,.cmp-table thead img,.cb-item img,.bm tbody th img,.mega-img img,.fd-best-img img{background:#fff}
.kc-n{background:#fff;box-shadow:var(--rim);color:var(--ink)}
.kc-n b{color:var(--green)}
.kit-parts a,.kc-parts span b{color:var(--ink)}
.kit-list b{color:var(--green)}

/* ---- 表格、列表、面板 ---- */
.sg h3{color:var(--green)}
.sg dl{box-shadow:var(--rim-soft);background:#fff}
.sg dl div:nth-child(odd){background:var(--bg-1)}
.plate div{background:var(--bg-1);box-shadow:none}
.plate div:first-child dd{color:var(--green)}
.who-t tbody tr:hover th,.who-t tbody tr:hover td{background:var(--bg-1)}
.terms dt,.info dt,.docs3 dt,.timeline time,.transit dd b,.svc .i,.cl .i,.guides .i,.dl .i,.spec-dl .i,.fd-opt .i,.fd-tip .i,.note .i{color:var(--green)}
.docs3 div,.oem-flow,.dl,.spec-dl,.rfq-item,.rfq-empty,.fd-opt,.fd-alt,.kit-parts a,.cmp-empty,.chips a,.scenes b,.ch-ic,.sent-ref{background:var(--bg-1);box-shadow:none}
.dl:hover,.spec-dl:hover,.fd-opt:hover,.chips a:hover{background:var(--bg-2)}
.sec-alt .docs3 div,.sec-alt .oem-flow,.sec-alt .dl,.sec-alt .spec-dl,.sec-alt .rfq-item,.sec-alt .fd-opt,.sec-alt .fd-alt,.sec-alt .kit-parts a,.sec-alt .chips a,.sec-alt .scenes b,.sec-alt .plate div,.sec-alt .pick-img,.sec-alt .range-img{background:#fff}
.sec-alt .dl:hover,.sec-alt .spec-dl:hover,.sec-alt .fd-opt:hover,.sec-alt .chips a:hover{background:#fff;box-shadow:var(--rim)}
.dl.is-soon{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-2)}
.dl>.i:last-child{color:var(--ink-2)}
.rfq-total{background:var(--teal-soft);box-shadow:none}
.rfq-total b{color:var(--green)}
.rm{background:var(--bg-2);color:var(--ink-2)}
.rm:hover{background:rgba(200,60,30,.12);color:#9B2C12}
.article th{background:var(--green);color:#fff}
.article tr:nth-child(even) td{background:var(--bg-1)}
.article table{box-shadow:var(--rim)}
.article a:not(.btn),.article li::marker,.two p a,.intro2 p a,.rfq-empty a,.cmp-empty a,.cat-empty a{color:var(--green)}
.faq summary .i{background:var(--bg-2);color:var(--green)}
.faq details[open] summary .i{background:rgba(245,196,0,.3);color:var(--green-deep)}
.faq summary:hover{color:var(--green)}
.toc a:hover{color:var(--green);background:var(--bg-1)}
.toc a{color:var(--ink-2)}
@media (max-width:960px){.toc a{background:var(--bg-1);box-shadow:none}}
.bm-wrap{background:#fff;box-shadow:var(--rim)}
.bm thead th{background:var(--bg-1)}
.bm thead button{color:var(--ink)}
.bm tbody tr:not(.bm-group):hover th,.bm tbody tr:not(.bm-group):hover td{background:var(--bg-1)}
.bm-group th{background:var(--bg-2)}
.bm tbody th a:hover b{color:var(--green)}
.mk.ok{box-shadow:inset 0 0 0 2px var(--green)}
.col-on{background:rgba(245,196,0,.16)!important}
.cmp-scroll{background:#fff;box-shadow:var(--rim)}
.cmp-add a{box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--green)}
.cmp-table tr.diff td,.cmp-table tr.diff th{background:rgba(245,196,0,.14)}
.cmp-x,.calc-fill,.fd-back{color:var(--green)}
.tq-bar{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.tq-bar i{background:var(--green)}
.tq-ladder b,.nums dt b,.pr-ah,.co-nums dt,.bsel-read b{color:var(--ink)}
.nums dt span,.pr-ah small,.tq-m{color:var(--green)}
.tq-ladder button[aria-pressed="true"] b{color:var(--green)}
.st-app b{background:var(--teal-soft);box-shadow:none;color:var(--green)}
.band .co-nums dt{color:#fff}
.bsel{background:var(--bg-1);box-shadow:none}
.bsel-img{background:#fff}
.bsel-read span,.bsel-read em{color:var(--ink-2)}
.bgauge{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.bgauge::after{background:var(--line-2)}
.bgauge i{background:rgba(21,24,27,.08)}
.bgauge i.on{background:var(--y);box-shadow:none}
.plat-rows.pend .bgauge i.on{background:rgba(21,24,27,.08)}
.seg{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.seg button{color:var(--ink-2)}
.seg button:hover,.seg button[aria-pressed="true"]{color:var(--ink)}
.seg-thumb{background:#fff;box-shadow:0 1px 3px rgba(21,24,27,.2)}
.bsel .seg .seg-thumb{background:var(--y);box-shadow:none}
.st-tabs,[data-dl-center] .tabs{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.st-tabs button:hover,.st-tabs button[aria-selected="true"]{color:var(--ink)}
.st-tabs button[aria-selected="true"] span{color:var(--green)}
.stage{background:var(--bg-1);box-shadow:none}
.st-view{background:none}
.st-info::before{background:var(--line)}
.st-big b{color:var(--green)}
.sm-track{background:var(--bg-2);box-shadow:none}
.sm-track b{background:var(--line-2)}
.st-parts b,.parts li b{background:#fff;box-shadow:inset 0 0 0 1.5px var(--green);color:var(--green)}
.st-parts li.on,.parts li.on{color:var(--ink);background:var(--bg-1)}
.st-parts li.on b,.parts li.on b{background:var(--y);color:#15181B;box-shadow:none}
.st-models{background:var(--bg-2)}
.st-models button{background:#fff;box-shadow:var(--rim-soft)}
.st-models button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--green)}
.hs-stage{background:var(--bg-1);box-shadow:none}
.hs{background:#fff;color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green),0 6px 16px rgba(21,24,27,.18)}
.hs:hover,.hs.on{background:var(--y);color:#15181B}
.hs::before{border-color:rgba(27,106,84,.5)}
.scenes b{color:var(--ink-2)}
.vid{color:var(--ink)}
.vid-t{color:var(--mute)}
.vid-t b{color:var(--ink)}
.play{background:rgba(21,24,27,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.map{background:linear-gradient(180deg,#1C1F22,#15181B);box-shadow:0 20px 40px rgba(21,24,27,.2)}
.transit div:hover,.transit div.on{background:var(--bg-1)}
.transit div.on dt{color:var(--green)}
.oem dt,.who dt,.tips dt,.hl dt{color:var(--ink)}
.guides a:hover b,.nx:hover b,.a.cl:hover b{color:var(--green)}
.nl-img{background:var(--bg-1)}
.ch-rail{background:var(--bg-2)}
.ch-rail i{background:var(--green)}
.ch-nav button{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.ch-nav button:hover:not(:disabled){background:var(--bg-1)}
.ch-n{color:var(--green)}
.follow a{box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink)}
.follow a:hover{box-shadow:inset 0 0 0 1px var(--green);color:var(--green)}
.nf p,.nf-langs a{color:var(--ink-2)}
.mini-band{background:var(--bg-1);box-shadow:none;color:var(--ink)}
.mini-band span span{color:var(--ink-2)}
.mini-band .i{color:var(--green)}
.badge{color:#15181B}
.fd-side{background:var(--green);color:#fff}
.fd-main{background:var(--bg-1)}
.fd-opt:hover{box-shadow:inset 0 0 0 1.5px var(--green)}
.fd-opt .fd-models{color:var(--green)}
.fd-steps b{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.fd-reset{background:rgba(255,255,255,.14);box-shadow:none;color:#fff}
.finder{box-shadow:0 20px 50px rgba(21,24,27,.12)}

/* ---- 表单 ---- */
.field input,.field select,.field textarea,.qty input{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus,.qty input:focus{background:#fff;box-shadow:inset 0 0 0 2px var(--green)}
.field select option{background:#fff;color:var(--ink)}
.field input::placeholder,.field textarea::placeholder{color:#8A949A}
.field label i{color:#B8471C}
.form-error{background:rgba(200,60,30,.1);color:#9B2C12}
.sent-ref.err{background:rgba(200,60,30,.1);color:#9B2C12}
.sheet{background:#fff;color:var(--ink);box-shadow:0 30px 70px rgba(21,24,27,.3);-webkit-backdrop-filter:none;backdrop-filter:none}
dialog::backdrop{background:rgba(21,24,27,.45)}
.tb-search{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.tb-search:focus-within{box-shadow:inset 0 0 0 2px var(--green)}
.search-field kbd{color:var(--mute)}
.ph-toggle{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2),0 8px 20px rgba(21,24,27,.15)}
.ph-toggle[aria-pressed="false"] i{background:var(--line-2)}
.consent{color:var(--ink-2)}

/* ---- 工具条与子导航 ---- */
.tb-in::before,.sn-in::before{background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.tabs button{color:var(--ink-2)}
.tabs button:hover,.tabs button[aria-selected="true"]{color:var(--green)}
.tabs button[aria-selected="true"] span{color:var(--green)}
.sn-in nav a:hover{color:var(--green)}
.sn-in nav a.on{color:var(--green);background:var(--teal-soft);box-shadow:none}
.cat-count,.cg-head p{color:var(--mute)}

/* ---- 页头（无图）：绿底白字，右边可放产品抠图 ---- */
.ph{background:var(--green);color:#fff}
.ph h1{color:#fff}
.ph p{color:rgba(255,255,255,.86)}
.ph .crumbs{color:rgba(255,255,255,.72)}
.ph .crumbs a:hover{color:#fff}
.ph-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px 48px;align-items:center}
.ph-in>*{min-width:0}
.ph-copy{grid-column:1}
.ph-fig{grid-column:2;grid-row:1/span 4;justify-self:end;width:100%;max-width:460px}
.ph-fig img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.28))}
.ph-in>.crumbs,.ph-in>h1,.ph-in>p,.ph-in>.btn-row{grid-column:1}
.ph.has-img::after{display:none}
.ph.has-img .ph-img{display:none}
.ph.has-img .ph-in{padding-top:56px;padding-bottom:56px}

/* ---- 通栏段（照片）：行业页和产品页保留，文字仍是白色 ---- */
.band{background:var(--green-deep)}
.band-media{background:var(--green-deep)}

/* ---- 页脚：深绿底白字 ---- */
.ft{background:var(--green-deep);color:rgba(255,255,255,.78);box-shadow:none}
.ft .brand{color:var(--y)}
.ft h2{color:#fff}
.ft a:hover{color:var(--y)}
.ft-contact dt{color:rgba(255,255,255,.6)}
.ft-contact dd{color:#fff}
.ft-bottom{border-top-color:rgba(255,255,255,.16);color:rgba(255,255,255,.6)}
.socials a{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.socials a:hover{background:rgba(255,255,255,.12);color:var(--y)}
.contact-side .socials a{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.contact-side .socials a:hover{color:var(--green);background:var(--bg-1)}
.cta-in{background:var(--green);box-shadow:none}
.cta .btn-t{background:var(--green-deep)}

/* ---- v9 首页组件 ---- */
/* 首屏：浅底，左字右图 */
.hero9{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,#EEF2F3 100%);padding-top:var(--hd)}
.hero9-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px 40px;align-items:center;min-height:min(74vh,680px);padding-top:24px;padding-bottom:8px}
.hero9-copy{padding:24px 0 48px}
.hero9 h1{font-size:clamp(38px,4.8vw,70px);line-height:1.02;color:var(--green)}
.hero9 .hero9-sub{margin-top:14px;font:600 clamp(18px,1.6vw,24px)/1.3 var(--f);color:var(--ink)}
.hero9 p:not(.hero9-sub){margin-top:16px;font-size:clamp(15px,1.1vw,18px);line-height:1.65;color:var(--ink-2);max-width:40ch}
.hero9 .btn-row{margin-top:26px}
.hero9-img{position:relative;align-self:center;max-width:880px;justify-self:end;width:100%}
.hero9-img img{aspect-ratio:16/10;object-fit:contain}
.hero9-img img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(21,24,27,.22))}
/* 品类一排：白底小图，绿字 */
.catrow{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.catrow a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 8px 16px;border-radius:12px;background:#fff;box-shadow:var(--rim-soft);color:var(--ink);transition:box-shadow .2s,transform .3s var(--spring)}
.catrow a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(21,24,27,.12)}
.catrow img{width:100%;aspect-ratio:1/1;object-fit:contain}
.catrow b{display:block;margin-top:10px;font:700 17px/1.2 var(--f-display);color:var(--green)}
.catrow span{display:block;margin-top:3px;font-size:13px;color:var(--mute)}
.catrow .all{justify-content:center;background:var(--green);color:#fff;box-shadow:none}
.catrow .all b{color:#fff;font-size:24px}
.catrow .all span{color:rgba(255,255,255,.82)}
.catrow .all .i{width:28px;height:28px;color:var(--y)}
/* 绿底段：左字右产品 */
.gband{position:relative;background:var(--green);color:#fff;overflow:hidden}
.gband--deep{background:var(--green-deep)}
.gband-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:28px 56px;align-items:center;padding:clamp(48px,6vw,88px) 0}
.gband-in>*{min-width:0}
.gband h2{font-size:clamp(32px,3.8vw,56px);line-height:1.04;color:#fff}
.gband p{margin-top:16px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.88);max-width:48ch}
.gband p+p{margin-top:10px}
.gband .btn-row{margin-top:26px}
.gband-img img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.3))}
.gband-img.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:center}
.gband-img.stack img{max-height:300px}
.gband .gnums{display:flex;flex-wrap:wrap;gap:14px 40px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.22)}
.gband .gnums b{display:block;font:700 40px/1 var(--f-display);color:var(--y)}
.gband .gnums span{display:block;margin-top:5px;font-size:14px;color:rgba(255,255,255,.82)}
.gband .stamp-in{position:absolute;right:clamp(16px,3vw,40px);top:clamp(16px,3vw,32px);width:clamp(56px,6vw,88px)}
/* 两块产品砖 */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44%;gap:16px 20px;align-items:center;min-height:320px;padding:32px 28px 32px 36px;border-radius:16px;background:var(--green);color:#fff;overflow:hidden}
.tile>*{min-width:0}
.tile--light{background:var(--bg-1);color:var(--ink)}
.tile h2{font-size:clamp(26px,2.5vw,38px);line-height:1.06;color:#fff}
.tile--light h2{color:var(--green)}
.tile p{margin-top:12px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.86)}
.tile--light p{color:var(--ink-2)}
.tile .tile-k{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.tile .tile-k b{padding:5px 11px;border-radius:6px;background:rgba(255,255,255,.14);font:700 14px/1.2 var(--f-display)}
.tile--light .tile-k b{background:#fff;box-shadow:var(--rim-soft);color:var(--green)}
.tile .btn{margin-top:22px}
.tile img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.28))}
.tile--light img{filter:drop-shadow(0 22px 30px rgba(21,24,27,.16))}
/* 行业一排（绿条） */
.tradebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--green)}
.tradebar a{display:block;padding:18px 16px 20px;text-align:center;color:#fff;border-left:1px solid rgba(255,255,255,.18);transition:background-color .2s}
.tradebar a:first-child{border-left:0}
.tradebar a:hover{background:var(--green-deep)}
.tradebar b{display:block;font:700 18px/1.25 var(--f-display)}
.tradebar small{display:block;margin-top:4px;font-size:13px;color:rgba(255,255,255,.78)}
.tradeband .band{min-height:min(56vh,520px)}
/* 工厂一段：海报 + 数字 */
.factory9{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:32px 56px;align-items:center}
.factory9 h2{color:var(--green)}
.factory9 .co-text p{margin-top:14px;color:var(--ink-2)}
.factory9 .co-nums{margin-top:32px}
/* 热销型号：网格沿用 .grid4 .pc */
.hot .sh{margin-bottom:28px}

/* ---- 窄屏 ---- */
@media (max-width:1180px){
 .catrow{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:960px){
 .hero9-in{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:12px}
 .hero9-copy{padding:12px 0 8px}
 .hero9-img{margin:0 auto;max-width:560px}
 .gband-in{grid-template-columns:minmax(0,1fr);gap:28px}
 .gband-img img{max-height:360px}
 .tiles{grid-template-columns:minmax(0,1fr)}
 .factory9{grid-template-columns:minmax(0,1fr);gap:28px}
 .ph-in{grid-template-columns:minmax(0,1fr)}
 .ph-fig{grid-column:1;grid-row:auto;justify-self:start;max-width:360px}
 .ph-fig img{max-height:260px}
 .tradebar{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tradebar a:nth-child(3n+1){border-left:0}
 .tradebar a{border-top:1px solid rgba(255,255,255,.18)}
 .tradebar a:nth-child(-n+3){border-top:0}
}
@media (max-width:720px){
 .hero9 h1{font-size:clamp(34px,9vw,44px)}
 .tile{grid-template-columns:minmax(0,1fr);min-height:0;padding:24px 20px 26px}
 .tile img{max-height:240px;order:-1}
 .gband .gnums{gap:12px 24px}
 .gband .gnums b{font-size:32px}
 .gband-img.stack{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
 .catrow{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tradebar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tradebar a:nth-child(3n+1){border-left:1px solid rgba(255,255,255,.18)}
 .tradebar a:nth-child(2n+1){border-left:0}
 .tradebar a:nth-child(-n+3){border-top:1px solid rgba(255,255,255,.18)}
 .tradebar a:nth-child(-n+2){border-top:0}
}

/* =====================================================================
   v21 B2B 制造商站（2026-10-07 测试版）
   参考 Bosch Professional、Metabo、INGCO、TOTAL 这类工具制造商官网的常规做法：
   白底和浅灰底为主，品牌色只做强调；产品图放在浅灰图位；一页里只有一段深绿色（电池平台），
   照片段（首屏、经销招募、行业场景）用自己的照片；动效只留轮播淡入淡出、滚动淡入和悬停反馈。
   颜色全部来自产品本身：机身绿 #006457 / #004B41，电池黄 #F8CB1D（只用在深色底上的按钮、数字和小标记）。
   叠加顺序（apply-v21.ps1）：zh.v8.bak.css（底层）+ v12-premium.css（布局）+ v9-light.css（浅色组件）+ 本文件。
   以前 v13 到 v20 的颜色层、3D、景深、滚动带、噪点等全部不再加载。
   ===================================================================== */
:root{
 color-scheme:light;
 --G:#006457;--G-d:#004B41;--G-dd:#00382F;--Y:#F8CB1D;
 --paper:#F4F6F5;--well:#EEF2F1;--line:#DFE5E3;--line-2:#C9D3D0;
 --ink:#14211D;--ink-2:#4A5652;--mute:#66726E;
 --bg-0:#FFFFFF;--bg-1:var(--paper);--bg-2:var(--well);--bg-3:#E3E9E7;--ground:#FFFFFF;--ground-2:var(--paper);
 --panel:#FFFFFF;--panel-2:var(--paper);--glass:#FFFFFF;--glass-dark:rgba(20,33,29,.94);
 --green:var(--G);--green-2:var(--G-d);--green-deep:var(--G-dd);--green-ink:var(--G-dd);--green-light:#2F8A78;
 --teal:var(--G);--teal-2:var(--G-d);--teal-deep:var(--G-dd);--teal-ink:#FFFFFF;--teal-soft:rgba(0,100,87,.08);--teal-text:var(--G);
 --red:var(--G);--red-2:var(--G-d);--red-ink:var(--G);--red-deep:var(--G-d);--y:var(--Y);--y-2:#FFD84A;
 --rim:inset 0 0 0 1px var(--line);--rim-soft:inset 0 0 0 1px var(--line);
 --drop:0 12px 28px rgba(20,33,29,.10);
 --r:6px;
}
body{background:#FFFFFF;color:var(--ink)}
h1,h2,.h1{color:var(--ink);letter-spacing:0}
h3{color:var(--ink)}
.sh-t p,.story-h>p{color:var(--ink-2)}
::selection{background:var(--Y);color:var(--ink)}
:focus-visible{outline:2px solid var(--G);outline-offset:3px}
.scroll-prog{display:none}

/* 深色区域（照片段、深绿段、页脚）：文字切回白色 */
.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband,.scene,.ft{--ink:#FFFFFF;--ink-2:rgba(255,255,255,.84);--mute:rgba(255,255,255,.66);--line:rgba(255,255,255,.16);--line-2:rgba(255,255,255,.32)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) :is(h1,h2,h3){color:#FFFFFF}

/* ---- 页头：白底实色，绿色标识，深色导航，当前页绿色下划线 ---- */
.hd-in::before,.hd.is-over .hd-in::before{background:#FFFFFF;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 0 var(--line)}
.brand,.hd .brand{color:var(--G)}
.nav>a,.has-menu>a,.language-menu summary,.icon-btn{color:var(--ink)}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a,.icon-btn:hover{color:var(--G)}
.nav a[aria-current="page"],.nav a.is-on{color:var(--G);box-shadow:inset 0 -3px 0 var(--G)}
.hd .rfq-count{background:var(--Y);color:var(--ink)}
.mega,.drop,.language-menu ul,.search-box,.drawer,.sheet{background:#FFFFFF;box-shadow:0 0 0 1px var(--line),0 18px 40px rgba(20,33,29,.12)}
.tb-in::before,.sn-in::before{background:#FFFFFF;box-shadow:0 1px 0 var(--line)}

/* ---- 按钮：浅底上主按钮机身绿；深色和照片底上主按钮电池黄 ---- */
.btn{border-radius:4px;box-shadow:none}
.btn-y,.btn-t{background:var(--G);color:#FFFFFF;box-shadow:none}
.btn-y:hover,.btn-t:hover{background:var(--G-d);color:#FFFFFF;box-shadow:none}
.btn-line,.btn-o{background:#FFFFFF;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.btn-line:hover,.btn-o:hover{background:#FFFFFF;color:var(--G);box-shadow:inset 0 0 0 1.5px var(--G)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) .btn-y{background:var(--Y);color:var(--ink)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) .btn-y:hover{background:#FFD84A;color:var(--ink)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) :is(.btn-line,.btn-o){background:transparent;color:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) :is(.btn-line,.btn-o):hover{background:#FFFFFF;color:var(--G-d)}
.btn-w{background:#FFFFFF;color:var(--G-d)}
.btn-w:hover{background:var(--Y);color:var(--ink)}
.more{color:var(--G);text-decoration-color:rgba(0,100,87,.35)}
.more:hover{color:var(--G-d);text-decoration-color:currentColor}
:is(.dx,.b-bat,.band,.sec-green,.gband,.scene) .more{color:#FFFFFF;text-decoration-color:rgba(255,255,255,.5)}
.add{color:var(--G);box-shadow:inset 0 0 0 1px rgba(0,100,87,.4)}
.add:hover,.add.in{background:var(--G);color:#FFFFFF;box-shadow:none}
.cmp{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.cmp.on{color:var(--G);box-shadow:inset 0 0 0 1px var(--G)}
.seg{background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}
.seg-thumb{background:var(--G);box-shadow:none}
.seg button[aria-pressed="true"],.tabs button[aria-selected="true"],.tabs button[aria-selected="true"] span{color:#FFFFFF}
.tabs button{color:var(--ink-2)}
.tabs button:hover{color:var(--G)}

/* ---- 段落 ---- */
.sec,.pd-band,[data-catalog],.cgroup{background:#FFFFFF}
.sec-alt{background:var(--paper)}
.b-sec{padding:clamp(56px,6vw,88px) 0}
.b-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.b-head h2,.sh h2,.story-h h2,.cg-band h2,.cg-head h2{font-size:clamp(26px,2.4vw,36px);line-height:1.15;color:var(--ink)}
.b-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:26px}

/* ---- 产品卡：白底细边，浅灰图位，悬停只抬一点 ---- */
.pc{transform:none!important;padding:0 0 16px;border:1px solid var(--line);border-radius:var(--r);background:#FFFFFF;transition:border-color .2s,box-shadow .2s,transform .2s}
.pc:hover{border-color:var(--G);box-shadow:var(--drop)}
.pc-img{border-radius:var(--r) var(--r) 0 0;background:var(--well);box-shadow:none}
.pc-img::after{display:none}
.pc-img img{object-fit:contain;padding:8%;transition:transform .5s ease}
.pc:hover .pc-img{transform:none;box-shadow:none}
.pc:hover .pc-img img{transform:scale(1.04)}
.pc-body{padding:14px 16px 0}
.pc-model{font-size:22px}
.pc-model a{color:var(--ink)}
.pc-model a:hover{color:var(--G)}
.pc-spec b{color:var(--G)}
.pc-act{padding-top:14px}
.thumbs button[aria-current="true"]::after{box-shadow:inset 0 0 0 2px var(--G)}

/* =====================================================================
   首页
   ===================================================================== */
/* 1 首屏：实拍，文字在左，页头在上方不压图 */
main:has(>.hx--b2b:first-child){padding-top:var(--hd)}
.hx--b2b{height:clamp(500px,68vh,640px);background:var(--G-dd)}
.hx--b2b::after,.hx--b2b .hx-flash{display:none}
.hx--b2b .hx-slide::after{background:linear-gradient(90deg,rgba(0,26,22,.82) 0%,rgba(0,26,22,.55) 34%,rgba(0,26,22,0) 62%)}
.hx--b2b .hx-copy{bottom:auto;top:50%;transform:translateY(-50%)}
.hx--b2b .hx-copy>*{max-width:560px}
.hx--b2b .hx-label{color:var(--Y)}
.hx--b2b .hx-copy h1,.hx--b2b .hx-copy h2{font-size:clamp(34px,3.8vw,56px);line-height:1.06;color:#FFFFFF}
.hx--b2b .hx-p{color:rgba(255,255,255,.88)}
.hx--b2b .btn-row{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.hx--b2b .hx-copy .btn{margin-top:0}
.hx--b2b .hx-slide.is-on .hx-copy>*{animation-duration:.7s}
.hx--b2b .hx-media img{transition:transform 9s linear}
.hx--b2b .hx-dots i{background:rgba(255,255,255,.35);height:3px;border-radius:0}
.hx--b2b .hx-dots i::after{background:#FFFFFF}
.hx--b2b .rail-btn{background:rgba(0,0,0,.25);color:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.hx--b2b .rail-btn:hover{background:#FFFFFF;color:var(--G-d)}

/* 2 产品分类：七格，浅灰图位 */
.b-cat-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.b-cat{display:block;text-align:center;color:var(--ink)}
.b-cat-img{display:block;aspect-ratio:1/1;border-radius:var(--r);background:var(--well);overflow:hidden;transition:background-color .2s}
.b-cat-img img{width:100%;height:100%;object-fit:contain;padding:10%;transition:transform .45s ease}
.b-cat b{display:block;margin-top:12px;font-size:16px;font-weight:700}
.b-cat small{display:block;margin-top:2px;font-size:13px;color:var(--mute)}
.b-cat:hover .b-cat-img{background:#E3EBE8}
.b-cat:hover .b-cat-img img{transform:scale(1.06)}
.b-cat:hover b{color:var(--G)}

/* 3 给经销商的四条：浅灰横条，竖线分隔 */
.b-vals{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.b-vals-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.b-val{padding:32px 28px 34px;border-left:1px solid var(--line)}
.b-val:first-child{border-left:0;padding-left:0}
.b-val>.i{width:30px;height:30px;color:var(--G)}
.b-val b{display:block;margin-top:14px;font-size:17px;color:var(--ink)}
.b-val p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--ink-2)}

/* 5 电池平台：唯一的深绿色段 */
.b-bat{background:var(--G-d);color:rgba(255,255,255,.84);padding:clamp(56px,6vw,88px) 0}
.b-bat-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 64px;align-items:center}
.b-bat .hx-label{color:var(--Y)}
.b-bat h2{margin-top:12px;font-size:clamp(28px,2.8vw,42px);line-height:1.1}
.b-bat-copy p:not(.hx-label){margin-top:14px;max-width:34em;line-height:1.7}
.b-bat .btn-row{margin-top:26px}
.b-bat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.b-bat-row figure{margin:0;text-align:center}
.b-bat-row img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.3));transition:transform .4s ease}
.b-bat-row figure:hover img{transform:translateY(-6px)}
.b-bat-row figcaption{margin-top:10px;font:700 clamp(18px,1.5vw,22px)/1 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums}

/* 6 行业应用：四张场景图，两列 */
#trades .scenes-grid{gap:16px;background:none}
#trades .scene{border-radius:var(--r)}
.scene:hover img{transform:scale(1.04)}

/* 7 工厂：浅灰底，左边四段原片，右边数字 */
.b-fac{background:var(--paper)}
.b-fac-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px 56px;align-items:center}
.b-fac-vids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.b-fac-vids .vtile img{border-radius:var(--r)}
.b-fac-copy h2{font-size:clamp(26px,2.4vw,36px);line-height:1.15}
.b-fac-copy>p{margin-top:12px;color:var(--ink-2);line-height:1.7}
.b-fac .co-nums{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;border-top:1px solid var(--line);padding-top:22px}
.b-fac .co-nums dt{color:var(--G);font-variant-numeric:tabular-nums}
.b-fac .co-nums dd{color:var(--ink-2)}
.vtile .play{background:#FFFFFF;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.vtile .play .i{color:var(--G-d)}
.vid-t{color:var(--mute)}
.vid-t b{color:var(--ink)}

/* 8 经销招募：仓库实拍压深绿 */
.dx{background:var(--G-dd)}
.dx-media img{filter:none}
.dx::after{background:linear-gradient(90deg,rgba(0,40,34,.9) 0%,rgba(0,40,34,.7) 50%,rgba(0,40,34,.55) 100%)}
.dx .hx-label{color:var(--Y)}
.dx-in h2{font-size:clamp(28px,3vw,44px)}
.dx-in p:not(.hx-label){color:rgba(255,255,255,.86)}

/* =====================================================================
   内页
   ===================================================================== */
/* 页头：浅灰底深色字，右边产品图 */
.ph{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.ph h1{color:var(--ink);font-size:clamp(32px,3.4vw,50px)}
.ph p{color:var(--ink-2)}
.ph .crumbs,.ph .crumbs a{color:var(--mute)}
.ph .crumbs a:hover{color:var(--G)}
.ph-photo,.ph-photo.ph-cut{-webkit-mask-image:none;mask-image:none;border-radius:0;box-shadow:none;max-height:340px;width:auto;max-width:100%;margin-left:auto;filter:drop-shadow(0 16px 20px rgba(20,33,29,.18))}
.ph--fig .ph-fig::before{display:none}
/* 深绿段：内页“怎么合作”“货到之后”、经销页申请段 */
.sec-green,.gband{background:var(--G-d)}
.sec-green::before{display:none}
.sec-green .svc .i,.sec-green .support .i{color:var(--Y)}
.sec-green .steps-v li::before,.sec-green .steps li::before{box-shadow:0 0 0 4px var(--G-d);background:var(--Y)}
.sec-green .ph-tag,.gband .ph-tag,.dx .ph-tag,.hx--b2b .ph-tag{background:rgba(255,255,255,.16);color:#FFE7A3}
.gband-img img{-webkit-mask-image:none;mask-image:none}
/* 照片通栏 */
.band{background:var(--G-dd)}
/* 行业条、资料卡、单证卡、地图、电池选择 */
.tradebar a{background:#FFFFFF;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r)}
.tradebar a:hover{background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--G);transform:translateY(-2px)}
.tradebar small{color:var(--mute)}
.docs3 dt{color:var(--G)}
.article a:not(.btn){color:var(--G);text-decoration-color:rgba(0,100,87,.4)}
/* 产品中心 */
.cg-band h2{color:var(--ink)}
[data-catalog] .mini-band{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
/* 冲击扳手组里的扭矩对比 */
.tql{margin-top:40px;padding:28px clamp(16px,3vw,32px) 24px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.tql-head h2{font-size:clamp(20px,1.8vw,26px)}
.tql-board{--c1:64px;--c2:220px;--c4:130px;--gap:20px;position:relative;margin-top:14px}
.tql-scale{position:relative;height:28px;margin:0 calc(var(--c4) + var(--gap)) 0 calc(var(--c1) + var(--c2) + 2*var(--gap))}
.tql-scale span{position:absolute;left:var(--at);bottom:6px;transform:translateX(-50%);font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}
.tql-scale span:first-child{transform:none}
.tql-scale span:last-child{transform:translateX(-100%)}
.tql-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tql-list li{border-bottom:1px solid var(--line)}
.tql-list a{display:grid;grid-template-columns:var(--c1) var(--c2) minmax(0,1fr) var(--c4);column-gap:var(--gap);row-gap:4px;align-items:center;padding:14px 0;color:inherit}
.tql-img{grid-row:1/span 2;width:var(--c1);aspect-ratio:1;border-radius:4px;overflow:hidden;background:#FFFFFF}
.tql-img img{display:block;width:100%;height:100%;object-fit:contain;padding:6%}
.tql-name b{display:block;font:700 20px/1.05 var(--f-display);color:var(--ink)}
.tql-name small{display:block;margin-top:3px;font-size:13px;color:var(--ink-2)}
.tql-bar{position:relative;height:10px;border-radius:2px;background:#E1E8E6;overflow:hidden}
.tql-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--v);background:var(--G)}
.tql-val{text-align:right;white-space:nowrap}
.tql-val b{font:700 clamp(24px,2.2vw,32px)/1 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}
.tql-val small{margin-left:4px;font-size:13px;color:var(--ink-2)}
.tql-meta{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:2px 22px;font-size:12px;color:var(--mute)}
.tql-meta em{font-style:normal;margin-right:6px}
.tql-meta b{font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
.tql-list a:hover .tql-name b{color:var(--G)}
.tql-note{margin-top:12px;font-size:12px;color:var(--mute)}
/* 产品页：参数格、扭矩对比条 */
.pd-band{padding-top:calc(var(--hd) + 24px)}
.gallery-main{background:var(--well);border-radius:var(--r)}
.gallery-main img{-webkit-mask-image:none;mask-image:none}
.plate{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.plate div{padding:14px 16px;border-radius:0;background:#FFFFFF;box-shadow:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.plate div:first-child{background:var(--paper)}
.plate dt{font-size:12px;color:var(--mute)}
.plate dd{margin-top:6px;font:700 clamp(20px,1.8vw,26px)/1.1 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}
.plate div:first-child dd{color:var(--G)}
.pd-tq{margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}
.pd-tq-h{margin-bottom:8px;font-size:12px;color:var(--mute)}
.pd-tq a{display:grid;grid-template-columns:92px minmax(0,1fr) 88px;align-items:center;gap:12px;padding:5px 0;color:var(--ink-2)}
.pd-tq b{font:700 15px/1 var(--f-display)}
.pd-tq span{height:6px;border-radius:2px;background:#E1E8E6;overflow:hidden}
.pd-tq i{display:block;height:100%;width:var(--v);background:#9DB8B1}
.pd-tq em{font-style:normal;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}
.pd-tq a[aria-current="true"]{color:var(--ink)}
.pd-tq a[aria-current="true"] i{background:var(--G)}
.pd-tq a:hover b{color:var(--G)}
.sg dd{font-variant-numeric:tabular-nums}
p+.docs3{margin-top:28px}
/* 相邻两段底色不同时，后一段要有上边距（底层规则把连续故事段的上边距清零了） */
.sec-story.sec-alt+.sec-story:not(.sec-alt),.sec-story:not(.sec-alt)+.sec-story.sec-alt,.sec-story+.sec-story.sec-green,.sec-story.sec-green+.sec-story,.sec+.sec-story.sec-alt,.nums+.sec-story{padding-top:clamp(64px,7vw,112px)}
/* 地图面板：机身深绿，和电池平台段同色 */
.map{background:var(--G-d);box-shadow:none;border-radius:var(--r)}

/* 示例标记 */
.ph-tag{background:#FCEFC7;color:#6D4F00}

/* ---- 滚动淡入：距离短、时间短 ---- */
.rv{transform:translateY(14px)}

@media (max-width:1100px){
 .b-cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .b-vals-in{grid-template-columns:repeat(2,minmax(0,1fr))}
 .b-val:nth-child(3){border-left:0;padding-left:0}
 .b-val{border-top:1px solid var(--line)}
 .b-val:nth-child(-n+2){border-top:0}
}
@media (max-width:960px){
 .hx--b2b{height:auto;min-height:540px}
 .hx--b2b .hx-copy{top:auto;bottom:84px;transform:none}
 .hx--b2b .hx-slide::after{background:linear-gradient(0deg,rgba(0,26,22,.9) 0%,rgba(0,26,22,.7) 42%,rgba(0,26,22,.1) 75%)}
 .b-bat-in,.b-fac-in{grid-template-columns:1fr}
 .tql-board{--c2:170px;--c4:110px}
}
@media (max-width:760px){
 .b-head{flex-direction:column;align-items:flex-start;gap:8px}
 .b-cat-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding-bottom:6px;margin:0 -16px;padding-left:16px;padding-right:16px}
 .b-cat{flex:0 0 38%;scroll-snap-align:start}
 .b-vals-in{grid-template-columns:1fr}
 .b-val,.b-val:nth-child(3){border-left:0;padding:24px 0}
 .b-val:nth-child(2){border-top:1px solid var(--line)}
 .b-bat-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .b-fac .co-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tql-scale{display:none}
 .tql-list a{grid-template-columns:52px minmax(0,1fr) auto;row-gap:8px}
 .tql-img{grid-row:1;width:52px}
 .tql-name{grid-column:2;grid-row:1}
 .tql-val{grid-column:3;grid-row:1}
 .tql-bar{grid-column:1/-1;grid-row:2}
 .tql-meta{grid-column:1/-1;grid-row:3}
}
@media (prefers-reduced-motion:reduce){
 .hx--b2b .hx-media img,.b-cat-img img,.pc-img img,.b-bat-row img{transition:none}
}

/* =====================================================================
   v22 黑底 + 收进内容宽度（2026-10-07 测试版，叠在 v21 上）
   老板反馈：减少白色背景，用黑色；不要大量宽大的背景板。
   1 页面底色是带一点绿的黑 #0E1211（不用纯黑）；卡片 #161C1A，悬停 #1D2421；页头、页脚也是黑，只用细线分隔。
   2 不再有通栏色块：首屏、给经销商的四条、电池平台、经销招募、内页的深绿段和照片段，
     都收进内容宽度，做成圆角卡片（卡片边缘比内容列宽出一个页边距，里面的文字和其它段对齐）。
   3 颜色：正文浅灰，链接和图标亮一点的机身绿 #3DB39E，按钮机身绿 #006457，数字和小标签电池黄；
     电池平台卡片用深机身绿 #004B41，是全页唯一的彩色卡片。
   ===================================================================== */
:root{
 color-scheme:dark;
 --ground:#0E1211;--card:#161C1A;--card-2:#1D2421;--well:#1B211F;
 --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.18);
 --ink:#EEF2F0;--ink-2:#B4C0BC;--mute:#87938F;
 --Gl:#3DB39E;
 --paper:var(--card);--bg-0:var(--ground);--bg-1:var(--ground);--bg-2:var(--card);--bg-3:var(--card-2);--ground-2:var(--card);
 --panel:var(--card);--panel-2:var(--card-2);--glass:var(--card);--glass-dark:rgba(14,18,17,.96);
 --green:var(--Gl);--green-2:#5CC9B4;--green-deep:#8ADBCB;--teal:var(--Gl);--teal-text:var(--Gl);--teal-soft:rgba(61,179,158,.12);
 --red:var(--G);--red-ink:var(--Gl);
 --rim:inset 0 0 0 1px var(--line);--rim-soft:inset 0 0 0 1px var(--line);--drop:0 16px 34px rgba(0,0,0,.45);
 --r:10px;--cardw:min(calc(100% - 24px),var(--wrap))}
html,body{background:var(--ground)}
body{color:var(--ink-2)}
h1,h2,h3,.h1,.b-head h2,.sh h2,.story-h h2,.cg-band h2,.cg-head h2,.b-fac-copy h2,.tql-head h2{color:var(--ink)}
::placeholder{color:#6E7A76}
::selection{background:var(--Y);color:#0E1211}
:focus-visible{outline-color:var(--Gl)}

/* ---- 段落：全部透明，落在黑底上；不再交替底色 ---- */
.sec,.sec-alt,.sec-dark,.b-sec,.b-fac,.pd-band,[data-catalog],.cgroup,.ph{background:transparent}
.ph{border-bottom:0}
.ph h1{color:var(--ink)}
.ph p{color:var(--ink-2)}
.ph .crumbs,.ph .crumbs a{color:var(--mute)}
.ph .crumbs a:hover{color:var(--Gl)}
.ph-photo,.ph-photo.ph-cut{filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}

/* ---- 收进内容宽度的卡片 ---- */
.hx--b2b,.b-vals,.b-bat,.b-dealer,.sec-green,.gband,.band{width:var(--cardw);max-width:var(--wrap);margin-left:auto;margin-right:auto;border-radius:14px;overflow:hidden}
main:has(>.hx--b2b:first-child){padding-top:calc(var(--hd) + 16px)}
.hx--b2b{height:clamp(460px,62vh,600px);box-shadow:0 0 0 1px var(--line)}
.b-vals{background:var(--card);border:0;box-shadow:0 0 0 1px var(--line)}
.b-val{border-left-color:var(--line)}
.b-val b{color:var(--ink)}
.b-val p{color:var(--ink-2)}
.b-val>.i{color:var(--Gl)}
.b-bat{background:var(--G-d);padding:clamp(40px,4.5vw,64px) 0;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.b-dealer{margin-bottom:clamp(48px,6vw,88px);min-height:clamp(360px,40vw,460px)}
.sec-green,.gband{background:var(--G-d)}
.sec-green{margin-top:clamp(8px,1vw,16px);margin-bottom:clamp(8px,1vw,16px)}
.band{margin-top:clamp(24px,3vw,40px);margin-bottom:clamp(24px,3vw,40px)}
.b-sec{padding:clamp(44px,5vw,72px) 0}

/* ---- 页头、下拉、页脚：黑底细线 ---- */
.hd-in::before,.hd.is-over .hd-in::before,.tb-in::before,.sn-in::before{background:rgba(14,18,17,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.brand,.hd .brand{color:var(--Gl)}
.nav>a,.has-menu>a,.language-menu summary,.icon-btn{color:var(--ink)}
.nav>a:hover,.has-menu>a:hover,.has-menu:focus-within>a,.has-menu.open>a,.icon-btn:hover{color:var(--Gl)}
.nav a[aria-current="page"],.nav a.is-on{color:var(--ink);box-shadow:inset 0 -3px 0 var(--Gl)}
.mega,.drop,.language-menu ul,.search-box,.drawer,.sheet,.modal,.toast,.compare-bar,.hs-tip,.map-tip,.p-sticky{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--line),0 24px 50px rgba(0,0,0,.55)}
.mega-links a,.langs a[aria-current],.drawer-wa .i{color:var(--Gl)}
.mega-img{background:var(--well)}
.ft{background:var(--ground);box-shadow:inset 0 1px 0 var(--line);color:var(--ink-2)}
.ft .brand{color:var(--Gl)}
.ft h2{color:var(--ink)}
.ft a:not(.btn){color:var(--ink-2)}
.ft a:not(.btn):hover{color:var(--Gl)}
.ft-contact dt{color:var(--mute)}
.ft-contact dd{color:var(--ink)}
.ft-bottom{border-top-color:var(--line);color:var(--mute)}
.socials a{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.socials a:hover{background:var(--card);color:var(--Gl)}

/* ---- 按钮 ---- */
.btn-line,.btn-o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.btn-line:hover,.btn-o:hover{background:transparent;color:var(--Gl);box-shadow:inset 0 0 0 1.5px var(--Gl)}
.btn-y:hover,.btn-t:hover{background:#007A6A}
.more{color:var(--Gl);text-decoration-color:rgba(61,179,158,.4)}
.more:hover{color:#5CC9B4}
.add{color:var(--Gl);box-shadow:inset 0 0 0 1px rgba(61,179,158,.45)}
.add:hover,.add.in{background:var(--G);color:#FFFFFF;box-shadow:none}
.cmp{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.cmp.on{color:var(--Gl);box-shadow:inset 0 0 0 1px var(--Gl)}
.seg,.tb-search{background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.tabs button{color:var(--ink-2)}
.tabs button:hover{color:var(--Gl)}
.rail-btn{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.rail-btn:hover{background:var(--ink);color:var(--ground)}

/* ---- 卡片和图位 ---- */
.pc{background:var(--card);border-color:transparent}
.pc:hover{border-color:rgba(61,179,158,.6);box-shadow:var(--drop)}
.pc-img{background:var(--well)}
.pc-model a{color:var(--ink)}
.pc-model a:hover,.pc-spec b{color:var(--Gl)}
.b-cat{background:var(--card);border-radius:var(--r);padding:10px 10px 16px;color:var(--ink);transition:background-color .2s}
.b-cat-img{background:var(--well)}
.b-cat:hover{background:var(--card-2)}
.b-cat:hover .b-cat-img{background:#222927}
.b-cat:hover b{color:var(--Gl)}
#trades .scene{box-shadow:0 0 0 1px var(--line)}
.b-fac-vids .vtile img{box-shadow:0 0 0 1px var(--line)}
.b-fac .co-nums{border-top-color:var(--line)}
.b-fac .co-nums dt,.co-nums dt,.nums dt b,.gnums b{color:var(--Y)}
.b-fac .co-nums dd,.co-nums dd{color:var(--ink-2)}
.vtile .play{background:var(--Y)}
.vtile .play .i{color:#0E1211}
.vid-t{color:var(--mute)}
.vid-t b{color:var(--ink)}
.dx::after{background:linear-gradient(90deg,rgba(8,14,12,.9) 0%,rgba(8,14,12,.72) 50%,rgba(8,14,12,.55) 100%)}

/* 浅色层（v9）写死的白底组件，统一换成卡片色 */
.search-results img,.range-img,.pick-img,.cat,.kc-parts img,.kit-parts img,.st-models img,.rfq-item img,.spec-dl img,.fd-alt img,.cmp-table thead img,.cb-item img,.bm tbody th img,.mega-img img,.fd-best-img img,.bsel-img,.st-models button,.catrow a,.sg dl,.bm-wrap,.cmp-scroll,.sheet,.ph-toggle,.ch-nav button,.kc-n{background:var(--card)}
.sec-alt :is(.docs3 div,.oem-flow,.dl,.spec-dl,.rfq-item,.fd-opt,.fd-alt,.kit-parts a,.chips a,.scenes b,.plate div,.pick-img,.range-img){background:var(--card)}
.sec-alt :is(.dl,.spec-dl,.fd-opt,.chips a):hover{background:var(--card-2)}
.dl,.docs3 div,.bsel,[data-catalog] .mini-band,.tradebar a,.oem-flow,.spec-dl,.rfq-item,.fd-opt,.fd-alt,.kit-parts a,.chips a,.scenes b,.support a,.svc li,.info>div{background:var(--card);box-shadow:none}
.dl:hover,.tradebar a:hover,.spec-dl:hover,.fd-opt:hover,.chips a:hover{background:var(--card-2)}
.tradebar a{color:var(--ink)}
.tradebar a:hover{box-shadow:inset 0 0 0 1.5px var(--Gl)}
.docs3 dt{color:var(--Y)}
.field input,.field select,.field textarea,.qty input,.field input:focus,.field select:focus,.field textarea:focus,.qty input:focus{background:var(--ground);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.field select option{background:var(--card);color:var(--ink)}
.hs{background:var(--card);color:var(--Gl)}
.hs:hover,.hs.on,.st-parts li.on b,.parts li.on b{background:var(--Gl);color:var(--ground)}
.st-parts b,.parts li b{background:var(--card)}
.bm thead th{background:var(--card-2)}
.bm-group th{background:var(--ground)}
.faq summary{color:var(--ink)}
.faq details{border-color:var(--line)}
.article a:not(.btn){color:var(--Gl)}
.map{background:var(--G-d)}

/* 产品页 */
.gallery-main,.thumbs button{background:var(--card)}
.plate,.plate div{border-color:var(--line)}
.plate div{background:var(--card)}
.plate div:first-child{background:var(--card-2)}
.plate dd{color:var(--ink)}
.plate div:first-child dd{color:var(--Y)}
.sg h3{color:var(--Gl)}
.pd-tq{border-top-color:var(--line)}
.pd-tq span{background:var(--card-2)}
.pd-tq i{background:#46564F}
.pd-tq a[aria-current="true"]{color:var(--ink)}
.pd-tq a[aria-current="true"] i{background:var(--Gl)}
.pd-tq a:hover b{color:var(--Gl)}
.thumbs button[aria-current="true"]::after{box-shadow:inset 0 0 0 2px var(--Gl)}

/* 冲击扳手组的扭矩对比 */
.tql{background:var(--card);border-color:transparent}
.tql-list,.tql-list li{border-color:var(--line)}
.tql-img{background:var(--well)}
.tql-name b{color:var(--ink)}
.tql-bar{background:var(--card-2)}
.tql-bar i{background:var(--Gl)}
.tql-val b{color:var(--Y)}
.tql-list a:hover .tql-name b{color:var(--Gl)}

/* 示例标记 */
.ph-tag{background:rgba(248,203,29,.14);color:#FFDF7A}

@media (max-width:760px){
 .b-val,.b-val:nth-child(3){padding:22px 0}
 .b-cat{flex:0 0 40%}
}

/* 深色区里的黄色按钮：字固定用深色（深色区的 --ink 是白色） */
:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) .btn-y,:is(.hx--b2b,.dx,.b-bat,.band,.sec-green,.gband) .btn-y:hover{color:#0E1211}
/* 申请段卡片：内边距，和页脚之间留空 */
.gband{margin-top:clamp(24px,3vw,40px);margin-bottom:clamp(48px,6vw,88px)}
.gband-in{padding-left:clamp(24px,4vw,56px);padding-right:clamp(24px,4vw,56px)}
/* =====================================================================
   v23 玻璃质感 + 更宽的内容 + 交互（2026-10-07 测试版，叠在 v21、v22 上）
   1 内容宽度放宽：1440 屏幕两边只留页边距；大屏 1840，超宽屏 2080。
   2 玻璃：页面背后铺一层固定不动、很淡的机身绿光晕；卡片是半透明白（4% 到 7%）加一圈细高光边，
     页头、首屏文字面板、经销招募面板、四条卖点、工具条、下拉菜单、悬浮按钮再加磨砂模糊。
     电池平台卡片、内页深绿段是带绿色的玻璃。
   3 交互：卡片跟随鼠标的柔光、按钮按压反馈、页头滚动后加深、顶部阅读进度线、回到顶部按钮。
   ===================================================================== */
:root{--wrap:1480px;
 --glass:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));
 --glass-2:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
 --glass-edge:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 1px rgba(255,255,255,.075);
 --glass-shadow:0 14px 34px rgba(0,0,0,.28);
 --frost:blur(18px) saturate(150%);
 --gw:rgba(255,255,255,.04)}
@media(min-width:1680px){:root{--wrap:1840px}}
@media(min-width:2240px){:root{--wrap:2080px}}
.wrap{padding-left:clamp(16px,2.6vw,44px);padding-right:clamp(16px,2.6vw,44px)}

/* ---- 背景光晕：固定在视口，玻璃透出来的是它 ---- */
html{background:#0B0F0E}
body{background:transparent}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(1100px 720px at 6% -12%,rgba(0,124,107,.40),transparent 62%),
  radial-gradient(900px 760px at 104% 22%,rgba(61,179,158,.16),transparent 62%),
  radial-gradient(900px 640px at 34% 112%,rgba(0,100,87,.26),transparent 62%),
  radial-gradient(560px 420px at 86% 88%,rgba(248,203,29,.05),transparent 70%),#0B0F0E}
.ft{background:rgba(11,15,14,.55);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost)}

/* ---- 玻璃卡片 ---- */
.pc,.b-cat,.tql,.dl,.docs3>div,.tradebar a,.sg dl,.bm-wrap,.cmp-scroll,.gallery-main,.thumbs button,.kit-photo,.support a,.svc li,.info>div,.oem-flow,.bsel,[data-catalog] .mini-band,.spec-dl,.rfq-item,.fd-opt,.fd-alt,.kit-parts a,.chips a,.scenes b,.cat,.range-img,.pick-img,.catrow a,.st-models button,.faq details,.terms>div,.steps-v li,.map-side,.routes .transit{background:var(--glass);box-shadow:var(--glass-edge)}
.pc:hover,.b-cat:hover,.dl:hover,.tradebar a:hover,.support a:hover,.spec-dl:hover,.fd-opt:hover,.chips a:hover{background:var(--glass-2);box-shadow:var(--glass-edge),inset 0 0 0 1px rgba(61,179,158,.45),var(--glass-shadow)}
.pc{border-color:transparent}
.pc-img,.b-cat-img,.tql-img,.mega-img,.bsel-img{background:var(--gw)}
.b-cat:hover .b-cat-img{background:rgba(255,255,255,.06)}
.plate,.plate div{border-color:rgba(255,255,255,.08)}
.plate div{background:rgba(255,255,255,.03)}
.plate div:first-child{background:rgba(255,255,255,.06)}
.tql-bar,.pd-tq span{background:rgba(255,255,255,.07)}
.sec-alt :is(.docs3 div,.dl,.spec-dl,.kit-parts a,.chips a,.scenes b,.plate div,.pick-img,.range-img){background:var(--glass)}

/* 磨砂：页头、四条卖点、工具条、下拉、悬浮层 */
.hd-in::before,.hd.is-over .hd-in::before,.tb-in::before,.sn-in::before{background:rgba(12,17,16,.62);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:0 1px 0 rgba(255,255,255,.07)}
.hd.is-scrolled .hd-in::before{background:rgba(12,17,16,.82);box-shadow:0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.35)}
.mega,.drop,.language-menu ul,.search-box,.drawer,.sheet,.modal,.toast,.compare-bar,.hs-tip,.map-tip,.p-sticky{background:rgba(20,27,25,.78);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge),0 24px 50px rgba(0,0,0,.5)}
.b-vals{background:var(--glass);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge)}
.b-val{border-left-color:rgba(255,255,255,.07)}

/* 首屏：照片上的玻璃文字面板 */
.hx--b2b .hx-slide::after{background:linear-gradient(90deg,rgba(0,20,17,.55) 0%,rgba(0,20,17,.25) 40%,rgba(0,20,17,0) 64%)}
.hx--b2b .hx-copy>.hx-glass{max-width:600px}
.hx-glass{max-width:600px;padding:clamp(24px,2.6vw,38px) clamp(24px,2.8vw,40px);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.12),0 24px 60px rgba(0,0,0,.35)}
.hx-glass h1,.hx-glass h2{margin-top:12px;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.hx--b2b .hx-slide.is-on .hx-glass{animation:glassIn .9s cubic-bezier(.2,.7,.2,1) both}
.hx--b2b .hx-slide.is-on .hx-glass>*{animation:hxIn .8s cubic-bezier(.2,.7,.2,1) both}
.hx--b2b .hx-slide.is-on .hx-glass>*:nth-child(2){animation-delay:.08s}
.hx--b2b .hx-slide.is-on .hx-glass>*:nth-child(3){animation-delay:.16s}
.hx--b2b .hx-slide.is-on .hx-glass>*:nth-child(4){animation-delay:.24s}
@keyframes glassIn{from{opacity:0;transform:translateY(18px) scale(.98);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;transform:none}}
.hx--b2b .rail-btn{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* 电池平台、内页深绿段、申请段：带绿色的玻璃 */
.b-bat,.sec-green,.gband{background:linear-gradient(135deg,rgba(0,124,107,.42) 0%,rgba(0,75,65,.32) 60%,rgba(0,56,47,.38) 100%);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.09)}
.sec-green :is(.svc li,.support a,.steps-v li){background:rgba(255,255,255,.05)}
.map{background:rgba(0,75,65,.55);box-shadow:var(--glass-edge)}

/* 经销招募：照片上的玻璃面板 */
.b-dealer .dx-in{max-width:760px;margin:clamp(36px,5vw,64px) auto;padding:clamp(28px,3.2vw,44px) clamp(24px,3.4vw,48px);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.12)}
.dx::after{background:linear-gradient(90deg,rgba(8,14,12,.6),rgba(8,14,12,.35))}

/* 次要按钮：玻璃按钮 */
.btn-line,.btn-o{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.btn-line:hover,.btn-o:hover{background:rgba(255,255,255,.1);color:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(61,179,158,.8)}
.btn-y,.btn-t{box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}

/* ---- 交互 ---- */
/* 按钮：悬停上浮一点，按下下沉 */
.btn{transition:transform .18s ease,background-color .2s,color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px)}
.btn:active,.add:active,.cmp:active,.rail-btn:active{transform:translateY(1px) scale(.98)}
.btn .i,.more .i{transition:transform .2s ease}
.btn:hover .i,.more:hover .i{transform:translateX(3px)}
/* 卡片：悬停上浮，跟随鼠标的柔光（光斑元素由脚本加到卡片里） */
.pc,.b-cat,.b-val,.tql,.dl,.tradebar a,.docs3>div,.support a,.sx-read>div{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .25s,box-shadow .25s}
.pc:hover,.b-cat:hover{transform:translateY(-3px)!important}
.spot{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(61,179,158,.16),rgba(61,179,158,0) 65%)}
:hover>.spot{opacity:1}
.pc>*:not(.spot),.b-cat>*:not(.spot),.b-val>*:not(.spot),.dl>*:not(.spot),.tradebar a>*:not(.spot),.docs3>div>*:not(.spot){position:relative;z-index:1}
/* 顶部阅读进度线 */
.scroll-prog{display:block;background:linear-gradient(90deg,var(--Gl),var(--Y))}
/* 回到顶部：玻璃圆按钮 */
.to-top{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:60;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;color:#FFFFFF;cursor:pointer;
 background:rgba(255,255,255,.08);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge),0 10px 26px rgba(0,0,0,.4);
 opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s,background-color .2s}
.to-top.on{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:rgba(61,179,158,.3)}
.to-top svg{width:20px;height:20px;transform:rotate(-90deg)}
body.has-sticky .to-top{bottom:84px}
/* 产品分类：悬停时图片放大、文字变绿已在 v21；这里再加一道底部亮线 */
.b-cat::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--Gl);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.b-cat:hover::after{transform:scaleX(1)}
/* 场景图：悬停时标题上移、箭头出现 */
.scene .scene-t{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.scene:hover .scene-t{transform:translateY(-6px)}

@media (max-width:760px){
 .hx-glass{padding:20px 20px 22px;border-radius:14px}
 .b-dealer .dx-in{margin:24px 12px}
}
@media (prefers-reduced-motion:reduce){
 .btn,.pc,.b-cat,.scene .scene-t,.to-top{transition:none}
 .pc:hover,.b-cat:hover,.btn:hover{transform:none!important}
 .hx--b2b .hx-slide.is-on .hx-glass,.hx--b2b .hx-slide.is-on .hx-glass>*{animation:none}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 .hx-glass,.b-dealer .dx-in{background:rgba(12,20,18,.82)}
 .hd-in::before{background:rgba(12,17,16,.96)}
}

/* =====================================================================
   v24 资料位（2026-10-07 测试版，叠在 v23 上）
   同行网站上有、雷宇已有但还没上传的资料（证书、检测报告、设备、展会、客户）先放一格“待上传”。
   业主上传后把这一格换成图片或文件链接，样式沿用玻璃卡片。
   ===================================================================== */
.up-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.up-slot{position:relative;display:grid;align-content:start;gap:8px;min-height:190px;padding:22px 22px 54px;border-radius:12px;
 background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
 outline:1.5px dashed rgba(255,255,255,.16);outline-offset:-8px;color:var(--ink-2)}
.up-slot>.i{width:30px;height:30px;color:var(--Gl)}
.up-slot b{margin-top:6px;font-size:17px;color:var(--ink)}
.up-slot span{font-size:14px;line-height:1.55;color:var(--mute)}
.up-tag{position:absolute;left:22px;bottom:20px;padding:3px 10px;border-radius:999px;font:600 12px/1.4 var(--f);font-style:normal;color:#FFDF7A;background:rgba(248,203,29,.12);box-shadow:inset 0 0 0 1px rgba(248,203,29,.3)}
/* 首页：左边三类单证，右边三格待上传 */
.cred-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}
.cred-row .docs3{grid-template-columns:1fr;gap:14px}
.cred-row .up-grid{grid-template-columns:1fr;gap:14px}
.cred-row .up-slot{min-height:0;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;padding:20px 22px 20px 22px}
.cred-row .up-slot>.i{grid-row:1/span 2}
.cred-row .up-slot b{margin-top:0}
.cred-row .up-tag{position:static;grid-column:3;grid-row:1/span 2;align-self:center}
.cred-row .up-slot{grid-template-columns:auto 1fr auto}
@media (max-width:1100px){.up-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
 .cred-row{grid-template-columns:1fr}
 .up-grid{grid-template-columns:1fr}
 .up-slot{min-height:0}
}

/* ---- 首页品牌故事：左边两段故事和口号，右边时间线（玻璃卡片） ---- */
.b-story-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:32px clamp(32px,5vw,80px);align-items:center}
.b-story .hx-label{color:var(--Y)}
.b-story h2{margin-top:12px;font-size:clamp(30px,3.2vw,48px);line-height:1.1;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.b-story-copy>p:not(.hx-label){margin-top:16px;max-width:36em;font-size:clamp(16px,1.15vw,18px);line-height:1.75;color:var(--ink-2)}
.b-story-copy .b-slogan{margin-top:26px;padding-left:16px;border-left:3px solid var(--Y);font:700 clamp(20px,1.8vw,26px)/1.3 var(--f);color:var(--ink)}
.b-story-copy .more{display:inline-flex;margin-top:22px}
.tl{list-style:none;margin:0;padding:8px 26px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.075)}
.tl li{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:22px;row-gap:2px;padding:18px 0 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.tl li:last-child{border-bottom:0}
.tl-k{grid-row:1/span 2;font:700 clamp(22px,1.9vw,28px)/1.1 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums;word-break:keep-all}
.tl b{font-size:16px;color:var(--ink)}
.tl li>span:last-child{font-size:14px;line-height:1.55;color:var(--mute)}
@media (max-width:960px){
 .b-story-in{grid-template-columns:1fr}
}
@media (max-width:560px){
 .tl{padding:4px 18px}
 .tl li{grid-template-columns:92px minmax(0,1fr);column-gap:14px}
}
/* ---- 品牌理念：恒 + 四个坚持（首页故事段下方、关于页） ---- */
.b-concept{grid-column:1/-1;margin-top:clamp(28px,3vw,44px);padding-top:clamp(28px,3vw,40px);border-top:1px solid rgba(255,255,255,.08)}
.b-concept-h{display:flex;align-items:center;gap:20px;margin-bottom:22px}
.b-concept-h .heng-mark{flex:none;display:grid;place-items:center;width:68px;height:68px;border-radius:14px;font:700 40px/1 var(--f);color:var(--Y);background:rgba(248,203,29,.08);box-shadow:inset 0 0 0 1px rgba(248,203,29,.28)}
.b-concept-h h3{font-size:clamp(20px,1.8vw,26px);color:var(--ink)}
.b-concept-h p{margin-top:6px;color:var(--ink-2);font-size:15px}
.commit{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.commit li{position:relative;overflow:hidden;display:grid;align-content:start;gap:8px;padding:22px 22px 24px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.075)}
.commit li::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--Y),rgba(248,203,29,0))}
.commit .i{width:28px;height:28px;color:var(--Gl)}
.commit b{margin-top:4px;font-size:17px;color:var(--ink)}
.commit span{font-size:14px;line-height:1.6;color:var(--ink-2)}
@media (max-width:1100px){.commit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.commit{grid-template-columns:1fr}.b-concept-h .heng-mark{width:56px;height:56px;font-size:32px}}

/* ---- 2026-10-07：工贸一体两张卡、四道检查、OEM 条件、单证说明 ---- */
.commit.duo{grid-template-columns:repeat(2,minmax(0,1fr))}
.commit .duo-k{font:600 13px/1.4 var(--f);font-style:normal;color:var(--Y)}
.docs3.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.docs3.c4 dt{font-size:28px}
.oem-terms{margin-top:28px}
.docs-note{margin-top:16px}
.qc-items{margin-top:28px}
.qc-items h3{margin-bottom:12px;font-size:18px;color:var(--ink)}
.qc-items ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 24px}
.qc-items li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6;color:var(--ink-2)}
.qc-items .i{flex:none;width:20px;height:20px;margin-top:3px;color:var(--Gl)}
/* 业主截图（2026-10-07）：v23 把“名称+说明”列表做成玻璃卡片，但内边距还是旧版的上下 16px、左右 0，
   文字贴着卡片左右边；型号在连字符处断行（LY- / 75C）。卡片补内边距和间距，去掉旧分隔线，型号整体不断开。 */
.terms,.info{gap:10px 14px}
.terms>div,.info>div{padding:16px 22px;border-top:0;border-radius:12px}
.terms dd,.info dd{min-width:0}
.mdl{white-space:nowrap}
/* 故事版式右栏较窄：合作条件改成单列，一行一条，标题在左、正文在右 */
.story-t .terms{grid-template-columns:minmax(0,1fr)}
.story-t .terms>div{grid-template-columns:96px minmax(0,1fr)}
.story-t .terms-1>div{grid-template-columns:160px minmax(0,1fr)}
/* 图标列表（服务、可以要求的检查）同样是玻璃卡片：补内边距、圆角和卡片间距，去掉旧分隔线 */
.svc{gap:12px 14px}
.svc li{padding:20px 22px;border-top:0;border-radius:12px}
/* 整机测什么：按内容宽度换行，不在词中间断 */
.qc-items ul{display:flex;flex-wrap:wrap;gap:10px 32px}
.qc-items li{flex:0 0 auto;max-width:100%}
/* “示例”标签原是 inline-block，后面允许断行，句号会单独掉到下一行；改成行内元素，句号跟着“例”字走 */
body.show-ph .ph-tag{display:inline;padding:1px 6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (max-width:560px){.terms>div,.info>div{padding:14px 16px}.story-t .terms>div{grid-template-columns:minmax(0,1fr);gap:4px}.svc li{padding:16px}}
@media (max-width:1100px){.docs3.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.commit.duo{grid-template-columns:1fr}}
@media (max-width:560px){.docs3.c4{grid-template-columns:1fr}}
/* =====================================================================
   v25 业主新图与 360 度查看（2026-10-07 测试版，叠在 v24 上）
   ===================================================================== */

/* ---- 首页第一张主视觉：图本身构图完整，工具从左排到右；文字缩成一小块放在左上角的烟雾里，只留标题和按钮 ---- */
/* 手机上图片只露中间一段，文字照常放在底部渐变上，不用这组规则 */
@media (min-width:761px){
 .hx--b2b .hx-slide--kv::after{background:linear-gradient(90deg,rgba(0,20,17,.5) 0%,rgba(0,20,17,0) 30%)}
 .hx--b2b .hx-slide--kv .hx-copy{top:clamp(24px,4vh,40px);bottom:auto;transform:none}
 .hx--b2b .hx-slide--kv .hx-copy>.hx-glass{max-width:280px;padding:14px 18px 16px}
 .hx-slide--kv .hx-glass .hx-label,.hx-slide--kv .hx-glass .hx-p{display:none}
 .hx--b2b .hx-slide--kv .hx-copy h1,.hx--b2b .hx-slide--kv .hx-copy h2{margin-top:0;font-size:clamp(22px,1.8vw,28px);line-height:1.2}
 .hx-slide--kv .hx-glass .btn-row{margin-top:12px;gap:8px}
 .hx-slide--kv .hx-glass .btn{padding:9px 16px;font-size:14px}
}

/* ---- 首页品牌段：霓虹墙主视觉在上，事实和时间线在下 ---- */
.b-kv{margin:0 0 clamp(28px,3vw,44px);border-radius:14px;overflow:hidden;box-shadow:var(--glass-edge)}
.b-kv img{display:block;width:100%;height:auto}
.b-story .b-story-copy h2{margin-top:0}

/* ---- 首页 OEM 定制：主视觉整张显示在上，文字和数字在下 ---- */
.b-oem-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px clamp(32px,4vw,64px);align-items:end}
.b-oem .hx-label{color:var(--Y)}
.b-oem-copy h2{margin-top:12px;font-size:clamp(28px,2.8vw,42px);line-height:1.12;color:var(--ink);text-wrap:balance}
.b-oem-copy>p:not(.hx-label){margin-top:14px;max-width:36em;font-size:clamp(15px,1.1vw,17px);line-height:1.75;color:var(--ink-2)}
.b-oem-n{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}
.b-oem-n div{padding:16px 18px;border-radius:12px;background:var(--glass);box-shadow:var(--glass-edge)}
.b-oem-n dt{font:700 clamp(26px,2.2vw,34px)/1.1 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums}
.b-oem-n dd{margin-top:6px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.b-oem-img{margin:0 0 clamp(24px,3vw,40px);border-radius:14px;overflow:hidden;box-shadow:var(--glass-edge)}
.b-oem-img img{display:block;width:100%;height:auto}

/* ---- 页头右侧的产品抠图放大（业主：扳手放大点） ---- */
.ph--fig .ph-fig{max-width:640px}
.ph-photo,.ph-photo.ph-cut{max-height:clamp(340px,30vw,500px)}

/* ---- 经销页申请段：吉祥物放大，像 3D 一样左右转动、上下浮动，站在放大的扳手旁边 ---- */
.gband-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(4px,2vw,28px);min-width:0}
.gband-stage .gband-tool{display:block;flex:0 1 auto;height:clamp(340px,32vw,540px);width:auto;max-width:62%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.mascot3d{position:relative;flex:none;align-self:flex-start;width:clamp(150px,14vw,230px);aspect-ratio:365/512;margin-top:clamp(8px,2vw,32px);perspective:900px}
.m3d-rot{position:absolute;inset:0;transform-style:preserve-3d;animation:m3dTurn 6s ease-in-out infinite}
.m3d-rot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translateZ(calc(var(--z,0) * -1px));-webkit-user-select:none;user-select:none;pointer-events:none}
.m3d-rot img:not(:first-child){filter:brightness(.42) saturate(.8)}
.m3d-shadow{position:absolute;left:18%;right:18%;bottom:-18px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,0));animation:m3dShadow 6s ease-in-out infinite}
@keyframes m3dTurn{0%,100%{transform:translateY(0) rotateY(-30deg)}50%{transform:translateY(-16px) rotateY(30deg)}}
@keyframes m3dShadow{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.78);opacity:.55}}
@media (prefers-reduced-motion:reduce){.m3d-rot,.m3d-shadow{animation:none}.m3d-rot{transform:rotateY(-18deg)}}

/* ---- 关于页：公司介绍用霓虹墙主视觉，按 16:10 取中间 ---- */
.intro2 img.intro-kv{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:52% 50%;filter:none;border-radius:14px}

/* ---- 产品中心：全系列横幅；冲击扳手、电钻两个品类带配图 ---- */
.cat-kv{margin-bottom:clamp(20px,2.4vw,32px)}
.cat-kv img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:var(--glass-edge)}
.cg-band.has-fig{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);align-items:center}
.cg-fig{margin:0;border-radius:12px;overflow:hidden;box-shadow:var(--glass-edge)}
.cg-fig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 52%}

/* ---- 小图：细节还没修好的图（门店陈列墙、仓库），只放小图，不提供放大 ---- */
.sm-fig{margin:20px 0 0;max-width:280px}
.sm-fig img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:var(--glass-edge);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.sm-fig figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--mute)}
.story-t .sm-fig{margin-top:24px}

/* ---- 产品图库第二张：360 度拖动查看 ---- */
.gallery-main.is-r360{cursor:default}
.gallery-main.is-r360>img[data-main],.gallery-main.is-r360>.zoom{visibility:hidden}
.r360{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:var(--card);border-radius:inherit}
.r360[hidden]{display:none}
.r360.is-drag{cursor:grabbing}
.r360:focus-visible{outline:2px solid var(--Y);outline-offset:-2px}
.r360 img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-mask-image:none;mask-image:none;filter:none}
.r360-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:inline-flex;gap:8px;align-items:center;max-width:calc(100% - 32px);padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;line-height:1.3;white-space:nowrap;pointer-events:none;transition:opacity .4s}
.r360-hint svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.r360.is-touched .r360-hint{opacity:0}
.r360-bar{position:absolute;left:16px;right:16px;top:12px;height:2px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden;pointer-events:none;transition:opacity .4s .3s}
.r360-bar i{display:block;width:0;height:100%;background:var(--Y);transition:width .2s}
.r360.is-ready .r360-bar{opacity:0}
.thumbs [data-r360-btn]{position:relative}
.r360-badge{position:absolute;right:4px;bottom:4px;padding:1px 6px;border-radius:6px;background:var(--Y);color:#0E1211;font:700 11px/1.5 var(--f)}

@media (max-width:960px){
 .b-oem-in{grid-template-columns:minmax(0,1fr)}
 .ph--fig .ph-fig{max-width:360px}
 .ph-photo,.ph-photo.ph-cut{max-height:300px}
 .gband-stage{justify-content:flex-start}
 .gband-stage .gband-tool{height:clamp(260px,62vw,380px)}
 .mascot3d{width:clamp(110px,28vw,160px)}
 .cg-band.has-fig{grid-template-columns:minmax(0,1fr)}
 .cg-fig{max-width:420px}
}
@media (max-width:760px){
 .b-kv img{aspect-ratio:16/10;object-fit:cover;object-position:46% 50%}
 .r360-hint{bottom:10px;padding:5px 12px;font-size:12px}
}

/* ==== v26 (2026-10-08)：发展历程（关于页 #history）、新闻动态长文和年份块 ==== */
/* 首页时间线末尾的“完整发展历程”链接 */
.tl .tl-more{display:block;padding:14px 0 8px}
.tl .tl-more .more{display:inline-flex}

/* 关于页：左边三段和那句口号（滚动时停住），右边竖排时间线 */
.hist-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px clamp(32px,5vw,88px);align-items:start}
.hist-intro{position:sticky;top:calc(var(--hd) + 32px)}
.hist-intro h2{font-size:clamp(34px,3.6vw,52px);line-height:1.04}
.hist-lead{margin-top:10px;font:700 15px/1.4 var(--f);color:var(--Y)}
.hist-intro>p:not(.hist-lead){margin-top:16px;max-width:36em;font-size:16px;line-height:1.75;color:var(--ink-2)}
.hist-quote{margin:26px 0 0;padding:0 0 0 16px;border-left:3px solid var(--Y)}
.hist-quote p{margin:0;font:700 clamp(20px,1.8vw,26px)/1.35 var(--f);color:var(--ink)}
.hist-intro .more{display:inline-flex;margin-top:22px}
.hist{position:relative;list-style:none;margin:0;padding:0}
.hist::before{content:"";position:absolute;left:5px;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,var(--Y),rgba(248,203,29,.12))}
.hist li{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:6px 24px;padding:0 0 30px 32px}
.hist li:last-child{padding-bottom:0}
.hist li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:var(--Y);box-shadow:0 0 0 4px rgba(248,203,29,.16)}
.hist-y{font:700 clamp(18px,1.5vw,22px)/1.2 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums;word-break:keep-all;overflow-wrap:anywhere}
.hist-b h3{font-size:18px;line-height:1.35;color:var(--ink);text-wrap:balance}
.hist-b p{margin-top:8px;font-size:15px;line-height:1.7;color:var(--ink-2)}
.hist-fig{margin:16px 0 0;width:min(240px,60vw)}
.hist-fig img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.hist-fig figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--mute)}

/* 新闻页：第二代长文（左图停住，右边正文） */
.nws-ft{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px clamp(32px,4.5vw,72px);align-items:start;scroll-margin-top:calc(var(--hd) + 20px)}
.nws-fig{margin:0;position:sticky;top:calc(var(--hd) + 32px)}
.nws-fig img{display:block;width:100%;height:auto;border-radius:14px}
.nws-ft .nws-body>p.nws-kicker{margin-top:12px;max-width:none;font:700 clamp(17px,1.4vw,20px)/1.4 var(--f);color:var(--Y)}
.nws-body h2{margin-top:6px;font-size:clamp(26px,2.6vw,38px);line-height:1.2;text-wrap:balance}
.nws-body h3{margin-top:30px;font-size:20px;line-height:1.3;color:var(--ink)}
.nws-body>p:not(.nl-meta){margin-top:14px;max-width:38em;font-size:16px;line-height:1.8;color:var(--ink-2)}
.nws-body .hist-quote{margin-top:30px}
.nws-parts{margin:18px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.nws-parts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.nws-parts dt{font-weight:700;color:var(--Y);overflow-wrap:anywhere}
.nws-parts dt::first-letter{text-transform:uppercase}
@media (min-width:641px){html[lang^="zh"] .nws-parts div{grid-template-columns:88px minmax(0,1fr)}}
.nws-parts dd{margin:0;line-height:1.6;color:var(--ink-2)}
.nws-parts div:first-child dd{font-weight:600;color:var(--ink)}
/* 新闻列表：没有图的条目用年份块；第一代海报是竖图，整张显示 */
.nl-tile{display:grid;place-items:center;background:linear-gradient(135deg,rgba(248,203,29,.14),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.nl-tile b{font:700 clamp(40px,4vw,64px)/1 var(--f-display);color:var(--Y);font-variant-numeric:tabular-nums}
.nl-img.nl-poster{aspect-ratio:auto;background:none;box-shadow:none}
.nl-poster img{width:min(200px,100%);height:auto;object-fit:contain;border-radius:10px}
.nl .more{display:inline-flex;margin-top:12px}

@media (max-width:960px){
 .hist-wrap,.nws-ft{grid-template-columns:minmax(0,1fr)}
 .hist-intro,.nws-fig{position:static}
}
@media (max-width:640px){
 .hist li{grid-template-columns:minmax(0,1fr);padding-left:28px}
 .nl-tile{aspect-ratio:auto;place-items:center start;padding:14px 18px}
 .nl-tile b{font-size:34px}
 .nl-poster img{width:180px}
 .nws-parts div{grid-template-columns:minmax(0,1fr);gap:2px}
}

/* 关于页“展会与客户”：三段展会视频（2026-10-08）。列宽按视频比例（1968×1204 横屏、1974×3508 竖屏），三段一样高 */
/* 2026-10-08 业主：画面太大显得画质差，缩小一点。电脑上固定一排高度（最高 380px），列宽按比例算，靠左不撑满 */
.fairs{--fh:min(380px,30vw);display:grid;grid-template-columns:calc(var(--fh)*1.635) calc(var(--fh)*.563) calc(var(--fh)*.563);gap:18px;align-items:start;margin-bottom:clamp(28px,3vw,40px)}
.fair{margin:0}
.fair video{display:block;width:100%;height:auto;border-radius:12px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.fair figcaption{display:grid;gap:3px;margin-top:12px}
.fair figcaption b{font-size:15px;line-height:1.4;color:var(--ink)}
.fair figcaption span{font-size:13px;line-height:1.5;color:var(--mute)}
.fair figcaption em{font-style:normal;font-size:13px;line-height:1.5;color:var(--Y)}
@media (max-width:960px){
 .fairs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 12px;max-width:480px}
 .fair:first-child{grid-column:1/-1}
}
/* 关于页、生产页“车间和仓库实拍”（2026-10-08 业主：视频太大很模糊）。原来第一段是 819×994 的大格，
   现在四段一样大、一排四个，整排最宽 1160px；封面统一 4:3（竖屏的打包视频也能看清外箱） */
.vids.vids-sm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:16px;max-width:1160px}
.vids-sm .vid{grid-row:auto;grid-column:auto}
.vids-sm .vid img{aspect-ratio:4/3;height:auto;min-height:0;object-fit:cover}
.vids-sm .vid .play{width:50px;height:50px;margin:-25px 0 0 -25px;top:calc(50% - 17px)}
@media (max-width:960px){
 .vids.vids-sm{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;max-width:600px}
}
/* 点开播放的弹窗：视频不再撑到 1100px 宽，最宽 820px、最高 72% 屏幕，手机拍的素材不会被放大发虚 */
.modal:has(.modal-body video){width:min(820px,94vw)}
.modal-body video{max-height:72vh}
/* 2026-10-09：发展历程里的横图（易固、厂门、设计图、第二代、青岛办公室）比竖版海报宽一些；关于页工厂段的厂门照片；
   新闻列表里特别宽的图（易固横幅、第二代全家福）整张显示，不裁 */
.hist-fig.wide{width:min(440px,100%)}
.fac-gate{margin:28px 0 0;max-width:560px}
.fac-gate img{display:block;width:100%;height:auto;border-radius:12px}
.fac-gate figcaption,.nws-fig figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--mute)}
.nl-img.nl-contain{background:#0B0F0E}
.nl-contain img{object-fit:contain}

/* 2026-10-09 生产页“峰暴工厂制造”：三段竖屏工厂视频，每段最宽 200px（手机拍的竖屏，放大会发虚） */
.fab-vids{display:grid;grid-template-columns:repeat(3,minmax(0,200px));gap:18px;margin:36px 0 8px}
.fab-vid{margin:0}
.fab-vid video{display:block;width:100%;height:auto;border-radius:12px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.fab-vid figcaption{display:flex;gap:10px;align-items:baseline;margin-top:8px;font-size:13px;color:var(--mute)}
.fab-vid figcaption b{font-size:14px;color:var(--ink)}
/* 电池平台页“一块电池的决定”左边的电池海报 */
.story-fig{margin:24px 0 0;max-width:320px}
.story-fig img{display:block;width:100%;height:auto;border-radius:12px}
@media (max-width:600px){
 .fab-vids{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}
}

/* 2026-10-09 宣传图分散到各页（业主：不要单独的图库）
   首页：产品段后面一整幅主视觉 */
.b-kvband{padding-top:0}
.kvband{display:block;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 50px rgba(0,0,0,.35);transition:transform .3s,box-shadow .3s}
.kvband img{display:block;width:100%;height:auto}
.kvband:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(248,203,29,.4),0 28px 56px rgba(0,0,0,.4)}
/* 产品中心品类：竖版海报整张显示 */
.cg-fig.cg-tall{max-width:220px;justify-self:end}
.cg-fig.cg-tall img{aspect-ratio:3/4;object-fit:cover;object-position:50% 50%}
/* 2026-10-09 方图（扳手修车场景）按 1:1 显示，不再裁成 4:3 */
.cg-fig.cg-square{max-width:260px;justify-self:end}
.cg-fig.cg-square img{aspect-ratio:1/1;object-fit:cover;object-position:50% 50%}
/* 经销页“帮经销商卖货”：两张俄语宣传图 */
.sell-posters{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:14px;margin-top:28px}
.sell-posters a{display:block;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.sell-posters img{display:block;width:100%;height:auto}
.story-t .sell-posters-note{margin-top:10px;font-size:13px;line-height:1.5;color:var(--mute)}
@media (max-width:960px){
 .cg-fig.cg-tall,.cg-fig.cg-square{justify-self:start}
}
@media (prefers-reduced-motion:reduce){.kvband{transition:none}.kvband:hover{transform:none}}

/* 首页“雷宇在现场”：仿美沃奇首页那排品类卡片。上面场景图（4:5），下面黑底白字品类名，电脑上一屏 5 张，左右翻 */
.rail--life .rail-track{grid-auto-columns:calc((100% - 4*16px)/5)}
.life-tile{display:flex;flex-direction:column;background:#070908;border:4px solid #070908;border-radius:4px;overflow:hidden;color:#fff;transition:box-shadow .25s}
.life-tile .lt-img{display:block;aspect-ratio:4/5;overflow:hidden;background:#111}
.life-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transition:transform .5s var(--ease-out,ease)}
.life-tile b{display:flex;align-items:center;justify-content:center;min-height:66px;padding:12px 10px;font:800 16px/1.3 var(--f);letter-spacing:.06em;text-align:center;color:#fff}
.life-tile:hover{box-shadow:0 0 0 2px var(--Y)}
.life-tile:hover img{transform:scale(1.04)}
.life-tile:focus-visible{outline:2px solid var(--Y);outline-offset:3px}
@media (max-width:960px){.rail--life .rail-track{grid-auto-columns:calc((100% - 2*14px)/2.6);gap:14px}}
@media (max-width:560px){.rail--life .rail-track{grid-auto-columns:62%}.life-tile b{min-height:56px;font-size:15px}}
@media (prefers-reduced-motion:reduce){.life-tile img{transition:none}.life-tile:hover img{transform:none}}

/* 首页最后“关注雷宇”：仿美沃奇首页 JOIN THE CONVERSATION，一排方图 + 社交账号（2026-10-11 撤掉情侣工具箱图后 4 张，手机 2 × 2） */
.b-social .soc-head{text-align:center;margin-bottom:24px}
.b-social .soc-head p{margin-top:8px;font-size:15px;color:var(--mute)}
.soc-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.soc-img{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#111;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.soc-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.b-social .soc-links{justify-content:center;margin-top:24px}
@media (max-width:760px){.soc-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* 2026-10-09 产品页“360° 查看”单独一段（业主：藏在缩略图里不好找）。按这款帧的原比例，最高 600px，居中 */
.r360-stage{position:relative;width:min(100%,calc(min(68vh,600px) * var(--ar,1.3333)));aspect-ratio:var(--ar,1.3333);margin:0 auto;border-radius:16px;overflow:hidden;background:var(--card);box-shadow:var(--glass-edge)}
.r360-stage .r360{border-radius:inherit}
.r360-sec .sh{margin-bottom:24px}

/* 2026-10-09 产品中心“园林工具”组上面的整幅横幅 */
/* 2026-10-09 业主：铺满太大看着不清楚，最宽 1000px 居中（原图 1974px） */
.cg-banner{max-width:1000px;margin:0 auto 24px;border-radius:14px;overflow:hidden;box-shadow:var(--glass-edge)}
.cg-banner img{display:block;width:100%;height:auto}

/* 2026-10-09 生产与检验页：“产能、包装、发货和配件”四张文字卡（替换原来的设备照片待上传格子） */
.fab-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fab-facts li{display:flex;flex-direction:column;gap:6px;padding:22px 20px 24px;border-radius:14px;background:var(--glass);box-shadow:var(--glass-edge)}
.fab-facts li>.i{width:26px;height:26px;color:var(--Gl,#3fbf8f)}
.fab-facts em{margin-top:10px;font:700 clamp(24px,2.2vw,32px)/1.1 var(--f-display);font-style:normal;color:var(--Y)}
.fab-facts b{font-size:16px;color:var(--ink)}
.fab-facts span{font-size:14px;line-height:1.6;color:var(--ink-2)}
@media (max-width:960px){.fab-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.fab-facts{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-09 portrait photo in the gen-2 article: capped so it is not taller than the screen */
.nws-fig--tall img{width:min(100%,400px)}
/* 2026-10-09 domestic dealer map on the about page (#references): dots only, no borders (see DEALER_MAP in the 02 chunk) */
.dmap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(32px,4vw,56px);padding-top:clamp(28px,3vw,40px);border-top:1px solid rgba(255,255,255,.08)}
.dm-text h3{margin:0;font:700 clamp(22px,2vw,30px)/1.2 var(--f-display);color:var(--ink)}
.dm-text>p{margin:14px 0 0;max-width:34em;font-size:16px;line-height:1.75;color:var(--ink-2)}
.dm-key{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--ink-2)}
.dm-key li{display:flex;align-items:center;gap:10px}
.dm-key i{width:10px;height:10px;border-radius:50%;flex:none}
.dm-key i.s{background:var(--Y)}
.dm-key i.n{background:#86DCC5}
.dm-key i.f{width:8px;height:8px;margin:0 1px;border-radius:1px;transform:rotate(45deg);background:#fff}
.dm-text>p.dm-note{margin-top:16px;font-size:13px;line-height:1.6;color:var(--mute)}
.dm-fig{margin:0}
.dm-svg{display:block;width:100%;height:auto}
.dm-s{fill:var(--Y);fill-opacity:.85}
.dm-n{fill:#86DCC5;fill-opacity:.85}
.dm-div{fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.4;stroke-dasharray:5 5}
.dm-city{fill:none;stroke:#fff;stroke-width:1.2}
.dm-lbl{font-size:12px;font-weight:600;fill:#fff;paint-order:stroke;stroke:#0B0F0E;stroke-width:3px;stroke-linejoin:round}
.dm-fac{fill:#fff}
.dm-reg{font:700 17px/1 var(--f-display);paint-order:stroke;stroke:#0B0F0E;stroke-width:3px}
.dm-reg.s{fill:var(--Y)}
.dm-reg.n{fill:#86DCC5}
.dm-key i.d{width:18px;height:0;border-radius:0;border-top:2px dashed rgba(255,255,255,.55);background:none}
@media (max-width:860px){.dmap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.dm-lbl{font-size:21px;stroke-width:5px}.dm-reg{font-size:28px;stroke-width:5px}.dm-city{stroke-width:2}}
/* 2026-10-09 OEM / ODM: the LEIYU tool case (cut-out) shown whole on a light panel, home and dealers page */
.b-oem-img.b-oem-case{display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vw,24px) 0;background:none;box-shadow:none;border-radius:0} /* 2026-10-09 owner: no panel, the case sits on the page background */
.b-oem-img.b-oem-case img{width:auto;max-width:min(100%,560px);max-height:400px;height:auto}
.oem-img.oem-case{margin:0;padding:0;border-radius:0;background:none} /* 2026-10-09 owner: no light panel, the case sits on the page background */
.oem-img.oem-case img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;filter:none}
.oem-img.oem-case figcaption{margin-top:12px}
/* 2026-10-09 full map of China under the dealer dots (DataV boundaries, South China Sea inset) */
.dm-land path{fill:#123A31;stroke:rgba(214,236,228,.22);stroke-width:.6;stroke-linejoin:round}
.dm-ibox{fill:rgba(255,255,255,.02);stroke:rgba(214,236,228,.4);stroke-width:1}
.dm-isl{fill:#2F7563}
.dm-jd{stroke:#A9C4BB;stroke-width:1.8;stroke-linecap:round}
.dm-ilbl{font-size:10px;fill:rgba(255,255,255,.72)}
.dm-text>p.dm-note+p.dm-note{margin-top:4px}
@media (max-width:600px){.dm-ilbl{font-size:15px}}
/* 2026-10-09 (round 43, GEO): answer-first box at the top of the buyer articles */
.article .answer{margin:0 0 36px;padding:20px 24px 18px;border-left:4px solid var(--y);border-radius:0 10px 10px 0;background:var(--well)}
.article .answer>b{display:block;margin:0 0 10px;font-size:15px;letter-spacing:.01em;color:var(--y)}
.article .answer ul{margin:0;padding-left:1.1em}
.article .answer li{margin:6px 0;line-height:1.55}
@media (max-width:600px){.article .answer{padding:16px 16px 14px}}.article .byline{margin:0 0 18px;font-size:14px;color:var(--ink-2)}
/* 2026-10-10 (round 44, GEO): key points box under the page head of dealers, platform, about and after-sales */
.keypts-sec{padding-top:36px;padding-bottom:4px}
.keypts{max-width:900px;padding:20px 24px 18px;border-left:4px solid var(--y);border-radius:0 10px 10px 0;background:var(--well)}
.keypts>b{display:block;margin:0 0 10px;font-size:15px;letter-spacing:.01em;color:var(--y)}
.keypts ul{margin:0;padding-left:1.1em}
.keypts li{margin:6px 0;line-height:1.55}
@media (max-width:600px){.keypts-sec{padding-top:24px}.keypts{padding:16px 16px 14px}}.keypts ul{list-style:disc}
.keypts li::marker{color:var(--y)}/* wide article tables scroll sideways on phones instead of breaking words */
.article .tbl-x{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 8px}
.article .tbl-x table{min-width:640px;margin:0}
.article .tbl-x th,.article .tbl-x td{overflow-wrap:normal;word-break:normal;hyphens:manual}.side-layout>.article{min-width:0}
.article .tbl-x{max-width:100%}
/* 2026-10-10 (round 45): category buying guide and FAQ on tools/<category>/ pages */
.cat-guide .two>div:first-child p{margin:0 0 12px}
.cat-guide .cg-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}.ft-bottom a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.consent a{margin-left:6px;text-decoration:underline;text-underline-offset:3px}
/* 2026-10-10 owner: dealer-store collages in the history, three in a row; no zoom, no right-click/long-press save (a transparent layer covers the images) */
.hist-stores{margin:16px 0 0;width:100%;max-width:640px}
.hist-stores .hs-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hist-stores .hs-grid::after{content:"";position:absolute;inset:0;z-index:1}
.hist-stores img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.3);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.hist-stores figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--mute)}
/* 2026-10-10 owner: about-page intro = full-width banner on top, heading left and text right underneath (one column on phones) */
.intro-banner{margin:0 0 40px}
.intro-banner img{display:block;width:100%;height:auto;aspect-ratio:2000/715;object-fit:cover;border-radius:14px}
.intro2.intro2--below{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:56px}
.intro2--below h2{margin:0}
.intro2--below>div>p:first-child{margin-top:0}
@media (max-width:960px){.intro-banner{margin-bottom:24px}.intro-banner img{border-radius:10px}.intro2.intro2--below{grid-template-columns:1fr;gap:12px}}

/* 2026-10-11 about #chain: six numbered steps from product development to spare parts (adapted from fengbaotools.com about page) */
.chain6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none}
.chain6 li{padding:28px 26px 30px;border-radius:14px;background:var(--glass);box-shadow:var(--glass-edge)}
.chain6 .c6-n{display:block;font-size:13px;letter-spacing:.08em;color:var(--green);font-variant-numeric:tabular-nums}
.chain6 h3{margin:12px 0 10px;font-size:20px;line-height:1.3}
.chain6 p{margin:0;color:var(--ink-2);line-height:1.8}
@media (max-width:1040px){.chain6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.chain6{grid-template-columns:1fr}.chain6 li{padding:22px 20px 24px}}
/* 2026-10-11 v27-zoom.js: square magnifier loupe (owner: round one made people dizzy) on the product page main photo (mouse only; hidden during the 360 view) */
.gallery-main{position:relative}
.gm-loupe{position:absolute;z-index:3;width:280px;height:280px;border-radius:8px;pointer-events:none;opacity:0;background-repeat:no-repeat;background-color:#151a19;border:3px solid rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.35);transition:opacity .12s ease}
.gallery-main.is-loupe .gm-loupe{opacity:1}
.gallery-main.is-loupe{cursor:none}
.gallery-main.is-r360 .gm-loupe{display:none}
@media (prefers-reduced-motion:reduce){.gm-loupe{transition:none}}

/* ---- 2026-10-11 第 61 轮：内部检查后的版面修正 ---- */
/* 对比条：型号块和“还可选”不再被压扁叠在一起，放不下时在条内横向滚动；回到顶部按钮让到对比条上方 */
.compare-bar .cb-items{min-width:0;flex:0 1 auto}
.compare-bar .cb-items>*{flex:0 0 auto}
.compare-bar .cb-go,.compare-bar .cb-clear{flex:0 0 auto;white-space:nowrap}
body:has(.compare-bar:not([hidden])) .to-top{bottom:92px}
/* 产品中心“共 N 款”由脚本填写：空的时候先占一行高，填上后下面的产品格不再往下跳 */
.cat-count:empty::before{content:"\00a0"}
/* 品类说明旁的竖图 / 方图：给定宽度，图片加载前就占好位置（原来先缩成很窄，加载后整段文字往下跳约 100px） */
.cg-fig.cg-tall,.cg-fig.cg-square{width:100%}
/* 横向滑动的一排内容全部放得下时，左右箭头和进度条按了没反应，直接藏起来 */
.rail--fits .rail-ui{display:none}
@media (max-width:760px){
 /* 手机：对比条贴满底部左右，不再超出屏幕；只留型号缩略块、开始对比和清空 */
 .compare-bar{left:8px;right:8px;transform:none;max-width:none;gap:8px;padding:6px 6px 6px 8px;border-radius:14px}
 .compare-bar>b,.compare-bar .cb-slot{display:none}
 .compare-bar .cb-items{flex:1 1 auto}
 .compare-bar .cb-item{font-size:12px}
 .compare-bar .cb-go{height:36px;padding:0 12px;font-size:13px}
 .compare-bar .cb-clear{font-size:12px}
 body.has-sticky .compare-bar{bottom:80px}
 body.has-sticky:has(.compare-bar:not([hidden])) .to-top{bottom:142px}
 /* 手机首屏：产品图完整露出来（16:9），文字放到图下面，不再用半透明框盖住整张图 */
 /* 所有幻灯片叠在同一个网格格子里，首屏高度取最高的一张：文字较长的语言（如乌兹别克语）切换时不再压到进度条和下一段 */
 .hx--b2b{height:auto;min-height:0;display:grid}
 .hx--b2b .hx-slide,.hx--b2b .hx-slide.is-on{position:relative;inset:auto;grid-area:1/1}
 .hx--b2b .hx-media{position:relative;inset:auto;aspect-ratio:16/9}
 .hx--b2b .hx-media img{position:absolute;inset:0}
 .hx--b2b .hx-slide::after{display:none}
 .hx--b2b .hx-copy,.hx--b2b .hx-slide--kv .hx-copy{position:relative;top:auto;bottom:auto;transform:none;padding-bottom:64px}
 .hx--b2b .hx-copy>.hx-glass,.hx--b2b .hx-slide--kv .hx-copy>.hx-glass{max-width:none;padding:18px 2px 0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
 .hx--b2b .hx-ui{bottom:16px}
 /* 手机：经销招募段的卡车图同样完整显示在上面，文字在下面（原来整张图被放大三倍裁成竖条，很糊） */
 .b-dealer{min-height:0;display:block;text-align:left}
 .b-dealer .dx-media{position:relative;inset:auto;aspect-ratio:16/9}
 .b-dealer .dx-media img{position:absolute;inset:0}
 .b-dealer::after{display:none}
 .b-dealer .dx-in{margin:0;padding:20px 16px 28px;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* ---- 2026-10-11 第 64 轮：营业执照（验证后查看）、悬浮联系按钮、首屏下的“我们是谁”、按电池筛选、单条新闻页 ---- */
/* 营业执照：说明在左，按钮和人机验证在右，验证通过后图片整幅显示在下面 */
.licence{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px 32px;margin-top:28px;padding:22px 24px;border-radius:var(--r-xl);background:var(--glass);box-shadow:var(--glass-edge)}
.licence h3{font-size:20px;margin:0 0 8px;color:var(--ink)}
.licence p{margin:0 0 6px;color:var(--ink-2);font-size:15px;line-height:1.6}
.licence .licence-note{color:var(--mute);font-size:14px}
.licence-a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
.licence-check:empty{display:none}
.licence [hidden]{display:none!important}
.licence-msg{min-height:1.4em;color:var(--mute);font-size:14px}
.licence-view{grid-column:1/-1}
.licence-view img{display:block;width:100%;max-width:1100px;height:auto;margin:0 auto;border-radius:8px;user-select:none;-webkit-user-drag:none}
@media (max-width:760px){.licence{grid-template-columns:minmax(0,1fr);padding:18px 16px}}

/* 悬浮联系：左下角，WhatsApp 和 Telegram；手机上只留圆形图标，并让开底部的对比条和产品页购买条 */
.fab-contact{position:fixed;left:16px;bottom:20px;z-index:44;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.fab-contact a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border-radius:999px;color:#fff;font-weight:600;font-size:14px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:transform .2s ease,box-shadow .2s ease}
.fab-contact a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.34)}
.fab-contact a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fab-contact .i{width:22px;height:22px;flex:0 0 auto}
.fab-wa{background:#157A3F}
.fab-tg{background:#1F6FA3}
body:has(.compare-bar:not([hidden])) .fab-contact{bottom:92px}
@media (max-width:760px){
 .fab-contact{left:12px;bottom:16px}
 .fab-contact a{width:46px;height:46px;padding:0;justify-content:center}
 .fab-contact span{display:none}
 body.has-sticky .fab-contact{bottom:84px}
 body:has(.compare-bar:not([hidden])) .fab-contact{bottom:84px}
 body.has-sticky:has(.compare-bar:not([hidden])) .fab-contact{bottom:142px}
}
@media print{.fab-contact{display:none}}

/* 首屏下面一条：我们是谁、卖给谁、怎么合作 */
.who-strip{background:var(--G-dd);border-bottom:1px solid var(--line)}
.who-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.who-i{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:12px;row-gap:4px;padding:20px 20px 20px 0}
.who-i+.who-i{padding-left:20px;border-left:1px solid var(--line)}
.who-i .i{grid-row:span 2;width:26px;height:26px;color:#F4C51C;margin-top:2px}
.who-i b{color:#fff;font-size:16px}
.who-i span{color:var(--ink-2);font-size:14px;line-height:1.5}
@media (max-width:960px){.who-in{grid-template-columns:repeat(2,minmax(0,1fr))}.who-i:nth-child(3){padding-left:0;border-left:0}.who-i:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:560px){.who-in{grid-template-columns:minmax(0,1fr)}.who-i,.who-i+.who-i{padding:14px 0;border-left:0}.who-i+.who-i{border-top:1px solid var(--line)}}

/* 产品中心：按电池容量筛选 */
.tb-in{flex-wrap:wrap}
.ah-filter{display:flex;align-items:center;flex-wrap:wrap;gap:6px;order:3;flex:1 0 100%;padding:2px 0 4px}
@media (max-width:760px){.ah-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ah-filter button{flex:0 0 auto}}
.ah-filter>span{color:var(--mute);font-size:14px;margin-right:2px}
.ah-filter button{height:34px;padding:0 12px;border:0;border-radius:var(--pill);background:rgba(255,255,255,.06);color:var(--ink-2);font:inherit;font-size:14px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}
.ah-filter button[aria-pressed="true"]{background:#F4C51C;color:#16171A;box-shadow:none}
.ah-filter button:focus-visible{outline:2px solid #F4C51C;outline-offset:2px}

/* 单条新闻页：图在左，正文在右；底部“较新 / 更早”两条 */
.nws-page{max-width:1040px}
.nws-page .nl-meta{margin-bottom:16px}
.nws-page-in{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:start}
.nws-page-in>.nl-img{position:sticky;top:calc(var(--hd,64px) + 16px)}
.nws-page-t p{font-size:17px;line-height:1.75;color:var(--ink-2);margin:0 0 14px;max-width:62ch}
.nws-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:36px 0 12px}
.nws-nav a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--r-lg);background:var(--glass);box-shadow:var(--glass-edge);text-decoration:none}
.nws-nav a:last-child{text-align:right}
.nws-nav small{color:var(--mute);font-size:13px}
.nws-nav b{color:var(--ink);font-size:15px;line-height:1.4}
.nl h2 a{color:inherit;text-decoration:none}
.nl h2 a:hover{text-decoration:underline}
@media (max-width:760px){.nws-page-in{grid-template-columns:minmax(0,1fr)}.nws-page-in>.nl-img{position:static}.nws-nav{grid-template-columns:minmax(0,1fr)}.nws-nav a:last-child{text-align:left}}
/* 2026-10-11 第 68 轮：业主要网站上不能点的小框（资料、条款、步骤、数字）都加玻璃质感，更醒目；
   不要和能点的卡片（产品卡、品类卡、下载卡、按钮）一样的效果，免得客户以为能点：
   这些框没有悬停浮起、没有跟随鼠标的光、鼠标不变手形。能点的卡片保持 v23 的样子和悬停效果。
   比 v23 的 --glass（4% 到 7% 白）亮一档：斜向高光、亮顶边、磨砂模糊、投影；图标放进小色块。 */
:root{
 --glass-hi:linear-gradient(115deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,0) 30%),linear-gradient(145deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.06) 34%,rgba(255,255,255,.03) 64%,rgba(61,179,158,.10) 100%);
 --glass-hi-edge:inset 0 1px 0 rgba(255,255,255,.26),inset 0 0 0 1px rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.28);
 --glass-hi-shadow:0 22px 44px -18px rgba(0,0,0,.65),0 2px 6px rgba(0,0,0,.18);
 --glass-hi-blur:blur(14px) saturate(160%)}
.who-strip{padding:18px 0;background:radial-gradient(55% 160% at 10% 0%,rgba(61,179,158,.32),transparent 62%),radial-gradient(45% 140% at 92% 100%,rgba(248,203,29,.09),transparent 60%),linear-gradient(180deg,#00463A,var(--G-dd))}
.who-strip .who-in{gap:14px}
.who-strip .who-in>.who-i,.commit li,.chain6 li,.svc li,.info>div,.docs3>div,.terms>div,.routes .transit,.b-oem-n div,.b-val,.licence,.oem-flow{border:0;background:var(--glass-hi);box-shadow:var(--glass-hi-edge),var(--glass-hi-shadow);-webkit-backdrop-filter:var(--glass-hi-blur);backdrop-filter:var(--glass-hi-blur)}
.who-strip .who-in>.who-i{border-radius:14px;padding:18px 20px;column-gap:14px}
.commit li{border-radius:14px}
.sec-alt .docs3>div{background:var(--glass-hi)}
.who-strip .who-i .i{width:40px;height:40px;padding:8px;margin-top:0;border-radius:11px;background:rgba(244,197,28,.12);box-shadow:inset 0 0 0 1px rgba(244,197,28,.32),inset 0 1px 0 rgba(255,255,255,.12)}
.commit li>.i{width:44px;height:44px;padding:9px;border-radius:12px;color:#5FD4BC;background:rgba(61,179,158,.14);box-shadow:inset 0 0 0 1px rgba(61,179,158,.36),inset 0 1px 0 rgba(255,255,255,.12)}
@media (max-width:560px){.who-strip .who-in{gap:10px}.who-strip .who-in>.who-i{padding:14px 16px}}
/* 2026-10-11 第 70 轮：“恒”的说明从一句改成两段（含义和出处、雷宇取的意思），首页和关于页共用。
   图标和标题顶部对齐，段落限宽方便读；关于页上面已有段标题，这一块不再画分隔线。 */
.b-concept-h{align-items:flex-start}
.b-concept-h p{max-width:74ch;line-height:1.75}
.b-concept-h p+p{margin-top:10px}
.b-concept--page{margin-top:0;padding-top:0;border-top:0}
/* 2026-10-11 第 71 轮：axe-core 无障碍检查发现的对比度问题。
   指南文章里的黄色类按钮在 B2B 版是绿底，旧规则把字改成深色（2.52:1），改回白字；文章表头浅绿底配白字（2.57:1），改用品牌深绿。 */
.article .btn-row .btn-y{color:#FFFFFF}
.article th{background:var(--G)}
/* 资料下载页：绿底按钮里的小字（语言版本）原来是灰色，对比度 2.22:1，改成浅色。
   “加入询价”按钮去掉 aria-label，读屏名称变成“按钮上的字 + 型号”（原来俄语的读屏名称和按钮上的字对不上）。 */
.btn-y small,.btn-t small{color:rgba(255,255,255,.82)}
/* 电池容量选择器：选中那格下面是黄色滑块，原来字是白色（1.54:1），改成深色字，和产品中心的容量筛选一致。 */
.seg button[aria-pressed="true"],.bsel .seg button[aria-pressed="true"]{color:#16171A}
.bm-tools.seg button[aria-pressed="true"]{color:#FFFFFF}
/* 第 72 轮：不在屏幕里的区块，无限循环的动画先停下（地图脉冲和路线流动、3D 转台），省手机电量；滚到时照常播放。 */
.anim-off,.anim-off *{animation-play-state:paused!important}
/* 2026-10-12：联系页和关于页的工厂地址和 Google 地图。业主嫌小：地址和按钮在上，地图占满整个内容宽度（宽屏约 1300 × 560）；
   手机上地图是正方形。地图框先占好位置，加载时页面不跳。 */
.floc{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,2.6vw,36px)}
.floc-t{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:end}
.floc-t>*{grid-column:1}
.floc-t h2{font-size:clamp(26px,2.4vw,36px);line-height:1.15}
.floc-name{margin-top:18px;font-size:18px;font-weight:600;color:var(--ink)}
.floc-addr{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;margin-top:12px;font-size:17px;line-height:1.6;color:var(--ink-2);overflow-wrap:anywhere}
.floc-addr .i{width:22px;height:22px;margin-top:3px;color:var(--teal-text)}
.floc-t .muted{margin-top:12px;max-width:60ch;line-height:1.65}
.floc-t .btn-row{grid-column:2;grid-row:1 / span 4;align-self:end;margin-top:0}
.floc-map{position:relative;aspect-ratio:21/9;min-height:420px;border-radius:var(--r-lg);overflow:hidden;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.floc-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:960px){.floc-t{grid-template-columns:minmax(0,1fr)}.floc-t .btn-row{grid-column:1;grid-row:auto;margin-top:22px}.floc-map{aspect-ratio:1/1;min-height:0}}
/* 2026-10-14: link inside a key-points box (order form download on the catalogue pages) */
.keypts li a.kp-link{color:var(--teal-text);text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* 2026-10-21 (round 85): "who it is for and how to choose" box in the product highlights section */
.pd-pick{box-sizing:border-box;width:100%;max-width:900px;margin:28px 0 0;padding:20px 24px 14px;border-left:4px solid var(--y);border-radius:0 10px 10px 0;background:var(--well)}
.pd-pick h3{margin:0 0 10px;font-size:17px;color:var(--y)}
.pd-pick p{margin:0 0 8px;line-height:1.65}

/* 2026-10-23: models whose pictures are not supplied yet show a neutral picture (catalog-20261023/tbd) with this label */
.kit-photo{position:relative}
.tbd-note{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);z-index:2;padding:.38em 1em;border-radius:999px;background:rgba(8,11,10,.74);border:1px solid rgba(255,255,255,.16);color:#E9EEEB;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.02em;white-space:nowrap;pointer-events:none}
.pc-img .tbd-note{font-size:12px;bottom:8%}
/* 2026-10-25 owner: "黄色字体多一点，重点嘛就用黄色" (after TNYAN's site, which marks the key line of each block in its brand
   colour). The key line of a block and the titles of fact cards are battery yellow; links and icons stay body green and body
   text stays grey, so yellow only means "this is the point". #F8CB1D on the dark ground #0E1211 is about 12:1. */
/* the block rules it sits in (.b-story-copy>p:not(.hx-label), .story-t p+p) are 0,2,1; the repeated class wins over them */
p.lead-y.lead-y.lead-y{margin:18px 0 0;max-width:30em;font-family:var(--f-display);font-stretch:100%;font-weight:800;font-size:clamp(22px,2.3vw,30px);line-height:1.2;letter-spacing:.005em;color:var(--Y)}
p.lead-y.lead-y.lead-y+p{margin-top:10px}
.em-y{color:var(--Y);font-weight:700}
.dx-in p.em-y,.gband p.em-y{color:var(--Y)}
.svc b,.commit b,.who-i b,.terms dt,.info dt,.oem dt{color:var(--Y)}
.story-h>p{color:var(--Y);font-weight:700}

/* 2026-10-25 owner: TNYAN's "who can join" list in the dealer application band; check marks in battery yellow */
.gband h3.join-h{margin:22px 0 10px;font-size:18px;color:var(--Y)}
.gband ul.join{list-style:none;margin:0 0 4px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;max-width:46em}
.gband ul.join li{display:flex;gap:9px;align-items:flex-start;line-height:1.5;color:var(--ink-2)}
.gband ul.join .i{flex:none;width:18px;height:18px;margin-top:3px;color:var(--Y)}
@media (max-width:700px){.gband ul.join{grid-template-columns:minmax(0,1fr)}}
/* 2026-10-25: TNYAN's two long lines as Chinese headings broke inside a word ("制造/商", "使/用"). In Chinese these two break
   only at punctuation now, or anywhere when a part is wider than the line; the dealer one is a little smaller so its first
   part (16 characters) fits the 664 px panel at desktop width. */
:lang(zh) :is(.dx-in,.b-bat-copy) h2{word-break:keep-all;overflow-wrap:anywhere}
:lang(zh) .dx-in h2{font-size:clamp(28px,2.75vw,40px)}
/* 2026-10-25: the tool name moved into the product H1 (search word in the heading); it looks as it did as a paragraph */
.pd-info h1 .pd-type{display:block;margin-top:8px;font-family:var(--f);font-stretch:100%;font-size:18px;font-weight:600;letter-spacing:normal;line-height:1.4;color:var(--ink-2)}