/* =========================================================
   OMEX Laser & CNC · 型材数控钻铣加工设备
   设计语言对标 GasMixTech：克制、扁平、大留白、弱阴影
   ========================================================= */

/* 字体自托管（本地字号 400–800 可变字重）：
   不依赖 Google Fonts CDN，中国大陆访问不再被阻塞；
   中文 / 日文 / 韩文使用系统字体栈，零下载。 */
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('fonts/inter-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,
    U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,
    U+2C60-2C7F,U+A720-A7FF;
}

:root{
  --red:#dc2626;
  --red-dark:#b91c1c;
  --amber:#f59e0b;
  /* 页面底色比卡片低一档，卡片的白色轮廓才立得起来 */
  --bg:#eef1f4;
  --bg-soft:#f7f9fb;
  --card:#ffffff;
  --ink:#0f172a;
  --ink-2:#475569;
  --ink-3:#64748b;
  --line:#e1e6ec;
  --line-2:#c6cdd6;
  --r-sm:4px;
  --r:6px;
  --shadow:0 1px 2px rgba(15,23,42,.06),0 10px 24px -20px rgba(15,23,42,.45);
  --shadow-2:0 2px 4px rgba(15,23,42,.08),0 16px 34px -22px rgba(15,23,42,.5);
  --max:1200px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
    "PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Noto Sans SC","Hiragino Sans",
    "Microsoft YaHei","Malgun Gothic","Noto Sans CJK KR",Yu Gothic,sans-serif;
  font-size:15px;
  line-height:1.75;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;cursor:pointer;}
h1,h2,h3,h4{margin:0;line-height:1.3;font-weight:600;letter-spacing:-.01em;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
figure{margin:0;}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}
section[id],article[id]{scroll-margin-top:82px;}
.skip{position:absolute;left:-9999px;}
.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 14px;border-radius:var(--r);box-shadow:var(--shadow-2);}

/* ---------- 顶部栏 ---------- */
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.topbar-in{display:flex;align-items:center;gap:24px;height:66px;}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo-mark{
  background:var(--red);color:#fff;
  font-weight:700;font-size:15px;letter-spacing:.06em;
  padding:6px 9px;border-radius:var(--r-sm);
}
.logo-text{display:flex;flex-direction:column;line-height:1.25;}
.logo-text b{font-size:13.5px;font-weight:600;}
.logo-text i{font-style:normal;font-size:11.5px;color:var(--ink-3);}

.menu{display:flex;align-items:center;gap:22px;margin-left:auto;}
.menu a{font-size:13.5px;color:var(--ink-2);padding:4px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;}
.menu a:hover{color:var(--ink);}
.menu a.active{color:var(--red);border-bottom-color:var(--red);}
.menu-cta{
  background:var(--red);color:#fff !important;
  padding:8px 15px !important;border-radius:var(--r-sm);
  border-bottom:0 !important;font-weight:500;
}
.menu-cta:hover{background:var(--red-dark);}

/* ---------- 导航下拉：产品 ---------- */
.menu-drop{position:relative;padding:14px 0;margin:-14px 0;}
.drop-toggle{display:inline-flex;align-items:center;gap:5px;cursor:pointer;}
.drop-toggle::after{
  content:"";width:5px;height:5px;flex-shrink:0;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);opacity:.5;
}
.drop-panel{
  position:absolute;top:100%;left:-16px;min-width:330px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  box-shadow:0 8px 24px rgba(15,23,42,.10);
  padding:8px;display:none;flex-direction:column;gap:2px;z-index:60;
}
.menu-drop:hover .drop-panel,
.menu-drop:focus-within .drop-panel{display:flex;}
.drop-panel a{
  display:flex;flex-direction:column;gap:2px;
  padding:9px 12px;border-radius:var(--r-sm);
  border-bottom:0;transition:background .15s;
}
.drop-panel a:hover{background:#f8fafc;}
.drop-panel a b{font-size:13.5px;font-weight:600;color:var(--ink);}
.drop-panel a span{font-size:11.5px;color:var(--ink-3);line-height:1.5;}
.drop-panel a.drop-link{
  flex-direction:row;justify-content:flex-start;
  margin-top:7px;margin-bottom:1px;padding-top:11px;
  border-top:1px solid var(--line);border-radius:0 0 var(--r-sm) var(--r-sm);
  font-size:12.5px;font-weight:500;color:var(--red);
}

.lang{display:flex;gap:2px;border:1px solid var(--line);border-radius:var(--r-sm);padding:2px;flex-shrink:0;}
.lang-btn{
  background:transparent;border:0;color:var(--ink-3);
  font-size:12px;padding:4px 8px;border-radius:3px;transition:.15s;
}
.lang-btn:hover{color:var(--ink);}
.lang-btn.active{background:var(--ink);color:#fff;}

.burger{display:none;background:transparent;border:0;padding:8px;flex-direction:column;gap:4px;margin-left:auto;}
.burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:1px;}

/* ---------- 通用板块 ---------- */
.sec{padding:84px 0;}
.sec-alt{
  background:var(--bg-soft);
  box-shadow:inset 0 1px 0 #e4e9ef,inset 0 -1px 0 #e4e9ef;
}
.kicker{
  font-size:11.5px;font-weight:600;letter-spacing:.14em;
  color:var(--red);text-transform:uppercase;margin-bottom:12px;
}
.sec h2{font-size:29px;margin-bottom:14px;}
.sec-sub{font-size:15px;color:var(--ink-2);max-width:760px;}
.sec-note{margin-top:14px;font-size:12.5px;color:var(--ink-3);}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-block;padding:12px 24px;border-radius:var(--r-sm);
  font-size:14px;font-weight:500;border:1px solid transparent;
  transition:.16s;text-align:center;
}
.btn-primary{background:var(--red);color:#fff;}
.btn-primary:hover{background:var(--red-dark);}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2);}
.btn-ghost:hover{border-color:var(--ink);}
.btn-block{width:100%;display:block;}

/* ---------- 首屏 ---------- */
.hero{padding:76px 0 60px;background:#fff;border-bottom:1px solid var(--line);}
.hero h1{font-size:clamp(25px,3.4vw,40px);line-height:1.3;max-width:900px;margin-bottom:18px;letter-spacing:-.02em;}
.hero-desc{font-size:16px;color:var(--ink-2);max-width:700px;margin-bottom:28px;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px;}
.hero-facts{display:flex;gap:34px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);}
.hero-facts li{font-size:13.5px;color:var(--ink-2);padding-left:16px;position:relative;}
.hero-facts li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--red);}

/* ---------- 选型器 ---------- */
.sec-select{background:var(--bg);}
.selector{
  margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:0;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);overflow:hidden;
}
.sel-steps{padding:30px 30px 26px;border-right:1px solid var(--line);}
.sel-step + .sel-step{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);}
.sel-num{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;
  color:var(--red);background:#fef2f2;padding:2px 7px;border-radius:3px;margin-bottom:8px;
}
.sel-step h3{font-size:15.5px;font-weight:600;margin-bottom:12px;}
.sel-opts{display:flex;gap:8px;flex-wrap:wrap;}
.sel-opt{
  flex:1 1 0;min-width:130px;text-align:left;
  background:#f6f8fa;border:1px solid var(--line-2);border-radius:var(--r-sm);
  padding:11px 13px;transition:.15s;
}
.sel-opt b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:3px;}
.sel-opt span{display:block;font-size:11.5px;color:var(--ink-3);line-height:1.5;}
.sel-opt:hover{border-color:var(--ink-2);background:#eef1f5;}
.sel-opt.on{border-color:var(--red);background:#fef2f2;}
.sel-opt.on b{color:var(--red-dark);}

.sel-result-wrap{padding:30px;display:flex;flex-direction:column;background:#fafafa;}
.sel-result-label{
  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:14px;
}
.sel-result-body{flex:1;display:flex;gap:20px;align-items:center;}
.sel-result-body.sel-empty{color:var(--ink-3);font-size:13.5px;justify-content:center;text-align:center;}
.sel-result-body img{
  width:190px;height:140px;object-fit:cover;border-radius:var(--r-sm);
  border:1px solid var(--line);flex-shrink:0;
}
.sel-result-text{min-width:0;}
.sel-model{font-size:19px;font-weight:700;color:var(--red);letter-spacing:.01em;margin-bottom:5px;}
.sel-name{font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:8px;}
.sel-why{font-size:12.5px;color:var(--ink-2);line-height:1.65;}
.sel-extra{
  margin-top:8px;font-size:12.5px;line-height:1.65;color:var(--ink-2);
  background:#fffbeb;border-left:2px solid var(--amber);padding:7px 10px;border-radius:3px;
}
.sel-stroke{
  margin-top:8px;font-size:12px;line-height:1.6;color:var(--ink-3);
  padding-top:8px;border-top:1px dashed var(--line-2);
}
.sel-note{margin-top:16px;font-size:12.5px;color:var(--ink-3);}

/* ---------- 产品架构：左侧型号导航 + 右侧机型详情 ---------- */

/* 整体是三层层级：页面底（灰）→ 型号按钮（灰，选中转深）→ 详情卡（白）→ 图片区（浅灰）。
   参考 AORE 的目录式布局：左边选型号，右边看图与说明。 */
.parch{
  margin-top:38px;
  display:grid;
  grid-template-columns:268px minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}

/* 左：型号导航 */
.parch-nav{display:flex;flex-direction:column;gap:10px;}
.parch-tab{
  flex:1 1 0;min-height:96px;
  display:flex;align-items:center;gap:12px;
  text-align:left;padding:17px 16px;
  background:#e3e7ed;border:1px solid #d7dce3;border-radius:11px;
  color:var(--ink-2);position:relative;overflow:hidden;
  transition:background .22s,color .22s,border-color .22s,box-shadow .22s;
}
.parch-tab::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--red);transform:scaleY(0);transform-origin:center;
  transition:transform .24s;
}
.parch-tab:hover{background:#d9dee5;color:var(--ink);}
.parch-tab:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
.parch-tab.is-on{
  background:#111a2b;border-color:#111a2b;color:#fff;
  box-shadow:0 12px 26px -14px rgba(15,23,42,.6);
}
.parch-tab.is-on::before{transform:scaleY(1);}
.parch-ix{
  font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--ink-3);
  font-variant-numeric:tabular-nums;transition:color .22s;flex-shrink:0;
}
.parch-tab.is-on .parch-ix{color:rgba(255,255,255,.5);}
.parch-tabtext{flex:1 1 auto;display:flex;flex-direction:column;gap:5px;min-width:0;}
.parch-tabtext b{font-size:14.5px;font-weight:600;line-height:1.25;letter-spacing:-.005em;}
.parch-tabtext i{font-style:normal;font-size:11.5px;color:var(--ink-3);line-height:1.4;}
.parch-tab.is-on .parch-tabtext i{color:rgba(255,255,255,.6);}
.parch-chev{
  margin-left:auto;flex-shrink:0;width:7px;height:7px;
  border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:rotate(-45deg);opacity:.3;transition:opacity .22s,transform .22s;
}
.parch-tab.is-on .parch-chev{opacity:.85;transform:rotate(-45deg) translate(1px,1px);}

/* 右：详情面板 */
.parch-stage{
  min-width:0;background:#fff;
  border:1px solid #dfe4ea;border-radius:15px;padding:16px;
  box-shadow:0 2px 5px -1px rgba(15,23,42,.06),0 22px 46px -32px rgba(15,23,42,.4);
}
.parch-stage.is-swap{animation:parchIn .34s ease both;}
@keyframes parchIn{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}}

/* 图区高度固定 + contain 居中：五款机型图片比例不一（4:3 / 3:2 / 16:9），
   统一裁切会切掉设备，所以保留留白；留白用「灯棚」径向渐变，配合下方投影。 */
.parch-figure{
  position:relative;height:358px;overflow:hidden;
  background:radial-gradient(126% 120% at 50% 36%,#fdfefe 0%,#eff2f6 56%,#e3e9f0 100%);
  border:1px solid #e4e8ee;border-radius:11px;
}
/* 绝对定位 + 明确尺寸：grid/flex 下 img 的 height:100% 会退化成内容高度，
   导致 4:3 的图按宽度铺开、上下被裁；这里锁死盒尺寸再交给 object-fit。 */
.parch-figure img{
  position:absolute;top:18px;left:30px;z-index:2;
  width:calc(100% - 60px);height:calc(100% - 36px);
  max-width:none;max-height:none;object-fit:contain;
  filter:drop-shadow(0 20px 30px rgba(15,23,42,.18));
}
.parch-watermark{
  position:absolute;right:16px;bottom:8px;z-index:3;line-height:1;
  font-size:46px;font-weight:800;letter-spacing:-.045em;
  color:rgba(15,23,42,.07);pointer-events:none;user-select:none;
}

.parch-info{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:30px;padding:24px 10px 8px;
}
.parch-model{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;
  color:var(--red);background:#fef2f2;border:1px solid #fbdada;
  padding:3px 9px;border-radius:4px;margin-bottom:11px;
}
.parch-lead h3{font-size:21px;line-height:1.35;margin-bottom:10px;}
.parch-tag{
  display:inline-block;font-size:12.5px;color:var(--ink-2);
  background:#f4f6f9;border:1px solid #e8ebf0;border-radius:4px;
  padding:4px 10px;margin-bottom:13px;line-height:1.5;
}
.parch-desc{font-size:14px;color:var(--ink-2);line-height:1.85;margin-bottom:18px;}
.parch-cta{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13.5px;font-weight:600;color:var(--red);
  background:#fff8f8;border:1px solid #f5cccc;border-radius:8px;
  padding:9px 15px;transition:background .2s,border-color .2s;
}
.parch-cta:hover{background:#fef2f2;border-color:#eaa9a9;}
.parch-cta span{transition:transform .2s;}
.parch-cta:hover span{transform:translateX(4px);}

.parch-side{border-left:1px solid #e8ebf0;padding-left:30px;}
.parch-advlabel{
  font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:13px;
}
.parch-feats{display:flex;flex-direction:column;gap:11px;}
.parch-feats li{
  font-size:13.2px;color:var(--ink-2);line-height:1.7;
  padding-left:20px;position:relative;
}
.parch-feats li::before{
  content:"";position:absolute;left:0;top:6px;width:8px;height:8px;
  border:1.6px solid var(--red);border-radius:2px;
}

@media (max-width:980px){
  .parch{grid-template-columns:1fr;gap:14px;}
  .parch-nav{
    flex-direction:row;overflow-x:auto;gap:8px;
    padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;
  }
  .parch-tab{flex:0 0 auto;min-height:0;min-width:158px;padding:11px 13px;}
  .parch-chev{display:none;}
  .parch-figure{height:300px;}
  .parch-figure img{top:14px;left:20px;width:calc(100% - 40px);height:calc(100% - 28px);}
  .parch-info{grid-template-columns:1fr;gap:22px;padding:20px 4px 4px;}
  .parch-side{border-left:0;border-top:1px solid #e8ebf0;padding-left:0;padding-top:18px;}
}

@media (max-width:620px){
  .parch-figure{height:232px;}
  .parch-figure img{top:10px;left:12px;width:calc(100% - 24px);height:calc(100% - 20px);}
  .parch-watermark{font-size:32px;right:10px;}
  .parch-lead h3{font-size:18px;}
  .parch-desc{font-size:13px;}
  .parch-info{padding:18px 2px 2px;}
}


/* ---------- 技术参数 ---------- */
.specs-tabs{display:flex;gap:8px;margin:30px 0 20px;flex-wrap:wrap;}
.spec-tab{
  background:#fff;border:1px solid var(--line-2);border-radius:var(--r-sm);
  padding:9px 16px;font-size:13px;color:var(--ink-2);transition:.15s;
}
.spec-tab b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);}
.spec-tab span{font-size:11.5px;color:var(--ink-3);}
.spec-tab:hover{border-color:var(--ink-2);}
.spec-tab.on{border-color:var(--red);background:#fef2f2;}
.spec-tab.on b{color:var(--red-dark);}

.specs-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px;box-shadow:var(--shadow);}
.specs-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.specs-table th,.specs-table td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--line);}
.specs-table thead th{
  background:#eef1f5;font-size:12px;font-weight:600;letter-spacing:.06em;
  color:var(--ink-3);text-transform:uppercase;
}
.specs-table tbody tr:last-child td{border-bottom:0;}
.specs-table td:last-child{font-weight:500;color:var(--ink);}
.specs-table tbody tr:hover{background:#fafafa;}
.specs-table tr.grp td{background:#f8fafc;font-size:11.5px;font-weight:600;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;}

/* ---------- 配置 ---------- */
.cfg-grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.cfg-item{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);
  padding:14px 16px;box-shadow:var(--shadow);
}
.cfg-item b{display:block;font-size:13px;font-weight:600;margin-bottom:4px;}
.cfg-item span{font-size:12.5px;color:var(--ink-3);line-height:1.6;}
.brand-table-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px;box-shadow:var(--shadow);}
.cfg-col h3{font-size:14px;font-weight:600;margin-bottom:12px !important;}

/* ---------- 设备细节 ---------- */
/* 产品页：单一机型的细节图；与首页画廊共用同一套网格与卡片 */
.detail-grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.detail-grid.g5{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));}
.detail-grid.g6{grid-template-columns:repeat(3,1fr);}
/* 首页：按机型分组的 tab 画廊 */
.det{margin-top:30px;}
/* 机型名 tab 条 + 右侧翻页：鼠标不必离开面板也能换机型 */
.det-bar{display:flex;align-items:flex-start;gap:12px;}
.det-tabs{display:flex;flex-wrap:wrap;gap:10px;flex:1 1 auto;min-width:0;}
.det-nav{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding-top:4px;}
.det-pos{
  font-size:11.5px;font-weight:700;color:var(--ink-3);letter-spacing:.04em;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.det-navbtn{
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-2);
  font-size:19px;line-height:1;cursor:pointer;flex-shrink:0;
  transition:background .18s,color .18s,border-color .18s,box-shadow .18s;
}
.det-navbtn:hover{background:#111a2b;border-color:#111a2b;color:#fff;box-shadow:0 10px 22px -14px rgba(15,23,42,.7);}
.det-navbtn:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
.det-tab{
  flex:0 0 auto;display:flex;align-items:center;gap:10px;
  text-align:left;padding:12px 15px;max-width:240px;
  background:#fff;border:1px solid var(--line);border-radius:10px;
  color:var(--ink-2);cursor:pointer;position:relative;overflow:hidden;
  transition:background .2s,color .2s,border-color .2s,box-shadow .2s;
}
.det-tab::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--red);transform:scaleY(0);transform-origin:center;
  transition:transform .22s;
}
.det-tab:hover{background:#f1f4f8;color:var(--ink);}
.det-tab:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
.det-tab.is-on{
  background:#111a2b;border-color:#111a2b;color:#fff;
  box-shadow:0 12px 26px -14px rgba(15,23,42,.6);
}
.det-tab.is-on::before{transform:scaleY(1);}
.det-ix{
  font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--ink-3);
  font-variant-numeric:tabular-nums;transition:color .2s;flex-shrink:0;
}
.det-tab.is-on .det-ix{color:rgba(255,255,255,.5);}
.det-tabtext{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0;}
.det-tabtext b{font-size:14px;font-weight:600;line-height:1.25;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.det-tabtext i{font-style:normal;font-size:11px;color:var(--ink-3);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.det-tab.is-on .det-tabtext i{color:rgba(255,255,255,.6);}
.det-count{
  flex-shrink:0;min-width:22px;text-align:center;font-size:11px;font-weight:700;
  color:var(--ink-3);background:#eef1f5;border-radius:20px;padding:2px 7px;line-height:1.5;
  transition:background .2s,color .2s;
}
.det-tab.is-on .det-count{color:#fff;background:rgba(255,255,255,.16);}

/* 下方面板：白卡浮起，包含该机型细节图 + 进入产品页链接 */
.det-stage{margin-top:16px;}
.det-panel{background:#fff;border:1px solid #dfe4ea;border-radius:14px;padding:16px;
  box-shadow:0 2px 5px -1px rgba(15,23,42,.06),0 22px 46px -32px rgba(15,23,42,.4);}
.det-panel[hidden]{display:none;}
.det-panel.is-swap{animation:detIn .32s ease both;}
@keyframes detIn{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}}

.det-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
/* 5 张：收窄列宽，一行排满不落单；6 张：3+3 更对称 */
.det-gallery.g5{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));}
.det-gallery.g6{grid-template-columns:repeat(3,1fr);}
.dtile{position:relative;border-radius:var(--r);overflow:hidden;background:#0f172a;height:230px;cursor:zoom-in;border:1px solid var(--line);}
.dtile img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.dtile:hover img{transform:scale(1.05);}
.dtile-cap{
  position:absolute;left:0;right:0;bottom:0;padding:16px;
  background:linear-gradient(transparent,rgba(15,23,42,.88));color:#fff;
}
.dtile-cap b{display:block;font-size:13.5px;font-weight:600;margin-bottom:2px;}
.dtile-cap span{font-size:11.5px;color:#cbd5e1;line-height:1.5;}

.det-foot{
  display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  font-size:13.5px;font-weight:600;color:var(--red);
  background:#fff8f8;border:1px solid #f5cccc;border-radius:8px;padding:9px 15px;
  transition:background .2s,border-color .2s;
}
.det-foot:hover{background:#fef2f2;border-color:#eaa9a9;}
.det-foot span{transition:transform .2s;}
.det-foot:hover span{transform:translateX(4px);}

/* 窄屏：隐去「第几款」计数、缩小翻页按钮，把宽度让给机型 tab */
@media (max-width:620px){
  .det-pos{display:none;}
  .det-nav{gap:6px;}
  .det-navbtn{width:32px;height:32px;font-size:17px;}
}

/* ---------- 视频 ---------- */
.video-grid{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.vtile{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);}
.vtile video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0f172a;display:block;}
.vtile-body{padding:15px 17px 17px;}
.vtile-body b{display:block;font-size:13.5px;font-weight:600;margin-bottom:4px;}
.vtile-body span{font-size:12px;color:var(--ink-3);line-height:1.6;}

/* ---------- 应用行业 ---------- */
.ind-grid{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.ind-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:17px 18px;}
.ind-card b{display:block;font-size:13.5px;font-weight:600;margin-bottom:5px;}
.ind-card span{font-size:12.5px;color:var(--ink-3);line-height:1.6;}
.svc-grid{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.svc-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:var(--r-sm);padding:16px 18px;}
.svc-card b{display:block;font-size:13.5px;font-weight:600;margin-bottom:5px;}
.svc-card span{font-size:12.5px;color:var(--ink-3);line-height:1.6;}

/* ---------- FAQ ---------- */
.faq-list{margin-top:30px;border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;background:transparent;border:0;text-align:left;
  padding:19px 40px 19px 0;font-size:14.5px;font-weight:500;color:var(--ink);
  position:relative;line-height:1.6;
}
.faq-q::after{
  content:"";position:absolute;right:12px;top:26px;
  width:7px;height:7px;border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);
  transform:rotate(45deg);transition:transform .2s;
}
.faq-item.open .faq-q::after{transform:rotate(-135deg);}
.faq-q:hover{color:var(--red);}
.faq-a{
  display:none;padding:0 40px 20px 0;font-size:13.5px;color:var(--ink-2);line-height:1.8;
}
.faq-item.open .faq-a{display:block;}

/* ---------- 联系 ---------- */
.sec-contact{background:#fff;border-top:1px solid var(--line);}
.contact-wrap{display:grid;grid-template-columns:1fr 460px;gap:56px;}
/* 防止长文案（英文/俄文）把单列 grid 撑宽：grid 子项默认 min-width:auto 会拒绝收缩到内容之下 */
.contact-left,.contact-right{min-width:0;}
.contact-left{overflow-wrap:break-word;}
.cta-points{margin-top:24px;display:flex;flex-direction:column;gap:12px;}
.cta-points li{font-size:13.5px;color:var(--ink-2);padding-left:20px;position:relative;}
.cta-points li::before{
  content:"";position:absolute;left:0;top:8px;width:8px;height:8px;
  border:1.5px solid var(--red);border-radius:2px;
}
.contact-form{display:flex;flex-direction:column;gap:13px;}
.contact-form label{display:flex;flex-direction:column;gap:6px;}
.contact-form label span{font-size:12.5px;font-weight:500;color:var(--ink-2);}
.contact-form input,.contact-form textarea{
  font:inherit;font-size:13.5px;color:var(--ink);
  background:#f8fafc;border:1px solid var(--line-2);border-radius:var(--r-sm);
  padding:10px 13px;transition:.15s;resize:vertical;
}
.contact-form input:focus,.contact-form textarea:focus{
  outline:none;border-color:var(--red);background:#fff;
}
.form-tip{font-size:12.5px;color:var(--ink-3);min-height:18px;line-height:1.7;}
.form-tip.form-tip-error{color:var(--red);}
.form-note{font-size:12px;color:var(--ink-3);line-height:1.75;margin:0 0 10px;}
.form-alt{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3);
  margin-top:10px;padding-top:13px;border-top:1px solid var(--line);
}
.btn-copy{
  background:transparent;border:1px solid var(--line-2);border-radius:4px;
  padding:5px 11px;font-size:12px;color:var(--ink-2);transition:.2s;
}
.btn-copy:hover{border-color:var(--red);color:var(--red);}
.c-link{color:var(--red);text-decoration:none;border-bottom:1px solid rgba(220,38,38,.32);transition:.2s;}
.c-link:hover{border-bottom-color:var(--red);}
@media (max-width:560px){ .form-alt{flex-direction:column;align-items:flex-start;gap:7px;} }
.contact-info{margin-top:22px;display:flex;flex-direction:column;gap:9px;padding-top:20px;border-top:1px solid var(--line);}
.contact-info li{font-size:13px;color:var(--ink-2);}
.contact-info b{color:var(--ink);font-weight:600;}

/* ---------- 页脚 ---------- */
.footer{background:#0f172a;color:#cbd5e1;padding:54px 0 26px;}
.footer-in{display:grid;grid-template-columns:1.6fr 1fr 1.3fr;gap:40px;padding-bottom:34px;border-bottom:1px solid #1e293b;}
.footer .logo-mark{display:inline-block;margin-bottom:14px;}
.footer-name{font-size:13.5px;color:#e2e8f0;font-weight:500;margin-bottom:6px;}
.footer-note{font-size:12.5px;color:#94a3b8;}
.footer h4{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin-bottom:14px;}
.footer-col ul{display:flex;flex-direction:column;gap:9px;}
.footer-col a,.footer-col li{font-size:13px;color:#cbd5e1;}
.footer-col a:hover{color:#fff;}
.footer-bottom{padding-top:22px;font-size:12px;color:#64748b;}

.totop{
  position:fixed;right:22px;bottom:22px;z-index:40;
  width:40px;height:40px;border-radius:50%;
  background:#fff;color:var(--ink);border:1px solid var(--line-2);
  box-shadow:var(--shadow-2);font-size:16px;
  opacity:0;pointer-events:none;transition:.2s;
}
.totop.show{opacity:1;pointer-events:auto;}
.totop:hover{border-color:var(--ink);}

/* ---------- 灯箱 ---------- */
.lb{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.92);display:none;align-items:center;justify-content:center;padding:40px;}
.lb.show{display:flex;}
.lb img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:var(--r);}
.lb-close{position:absolute;top:20px;right:24px;background:transparent;border:0;color:#fff;font-size:30px;line-height:1;}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .menu{gap:16px;}
  .menu a{font-size:13px;}
  .contact-wrap{grid-template-columns:1fr;gap:34px;}
  .ind-grid,.svc-grid{grid-template-columns:repeat(2,1fr);}
  .video-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
  .burger{display:flex;}
  .menu{
    position:absolute;left:0;right:0;top:66px;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:1px solid var(--line);padding:8px 24px 16px;
    display:none;box-shadow:var(--shadow-2);
  }
  .menu.open{display:flex;}
  .menu a{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;}
  .menu a.active{border-bottom-color:var(--line);}

  .menu-drop{padding:0;margin:0;}
  .drop-toggle::after{display:none;}
  .drop-panel{
    position:static;display:flex;min-width:0;
    background:transparent;border:0;box-shadow:none;border-radius:0;
    padding:0 0 0 12px;
  }
  .drop-panel a{padding:10px 0;border-radius:0;}
  .drop-panel a b{font-size:13px;}
  .drop-panel a.drop-link{
    margin-top:0;padding-top:10px;border-radius:0;
  }
  .menu-cta{margin-top:10px;text-align:center;}
  .topbar-in{height:60px;}
  .menu{top:60px;}
  .lang{margin-left:0;}

  .hero{padding:52px 0 44px;}
  .hero h1{font-size:28px;}
  .hero-desc{font-size:15px;}
  .hero-facts{gap:16px;flex-direction:column;}
  .sec{padding:56px 0;}
  .sec h2{font-size:23px;}

  .selector{grid-template-columns:1fr;}
  .sel-steps{border-right:0;border-bottom:1px solid var(--line);padding:24px 20px;}
  .sel-result-wrap{padding:24px 20px;}
  .sel-result-body{flex-direction:column;align-items:stretch;}
  .sel-result-body img{width:100%;height:180px;}
  .sel-opt{min-width:0;flex:1 1 100%;}

  .detail-grid,.video-grid,.ind-grid,.svc-grid{grid-template-columns:1fr;}
  /* 细节区：tab 条在小屏横向滚动，避免换行占满高度 */
  .det-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;}
  .det-tab{flex:0 0 auto;max-width:none;min-width:150px;}
  .det-nav{padding-top:0;}
  .det-gallery.g5,.det-gallery.g6{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
  .dtile{height:200px;}

  .footer-in{grid-template-columns:1fr;gap:28px;}
  .contact-wrap{gap:28px;}
}

/* =========================================================
   v4 视觉升级：深色首屏 · 机型详情页 · 质感提升
   ========================================================= */

/* ---------- 深色首屏 ---------- */
.hero{position:relative;overflow:hidden;background:#0a1523;color:#fff;padding:0;border-bottom:0;}
.hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(900px 520px at 78% 16%, rgba(220,38,38,.22), transparent 62%),
    radial-gradient(760px 520px at 10% 90%, rgba(56,120,200,.16), transparent 60%),
    linear-gradient(160deg,#0b1727 0%,#0a1523 46%,#0d1c2e 100%);
}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(circle at 58% 38%,#000 0%,transparent 76%);
  mask-image:radial-gradient(circle at 58% 38%,#000 0%,transparent 76%);
}
.hero-in{
  position:relative;display:grid;grid-template-columns:1.06fr .94fr;
  gap:50px;align-items:center;padding:84px 24px 76px;
}
.kicker-light{color:#ff6b6b;}
.hero h1{
  font-size:clamp(29px,4.1vw,50px);line-height:1.17;letter-spacing:-.03em;font-weight:800;
  max-width:620px;margin:14px 0 20px;color:#fff;
}
.hero-desc{font-size:15.5px;line-height:1.85;color:#a9bed4;max-width:560px;margin-bottom:32px;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
.btn-ghost-light{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28);}
.btn-ghost-light:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.5);}
.hero-media{
  margin:0;border-radius:10px;overflow:hidden;position:relative;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 70px -22px rgba(0,0,0,.72);
}
.hero-media img{width:100%;height:auto;display:block;}
.hero-media figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:28px 20px 16px;
  background:linear-gradient(transparent,rgba(6,14,24,.94));
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
}
.hero-media figcaption b{font-size:15px;font-weight:700;letter-spacing:.02em;color:#fff;}
.hero-media figcaption span{font-size:12px;color:#9fb4c9;}
.hero-facts-bar{position:relative;border-top:1px solid rgba(255,255,255,.1);background:rgba(5,12,20,.5);}
.hero-facts{display:flex;gap:38px;flex-wrap:wrap;padding:20px 0;border-top:0;}
.hero-facts li{font-size:13.5px;color:#a9bed4;padding-left:16px;position:relative;}
.hero-facts li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--red);}

/* ---------- 产品卡增强 ---------- */


/* ---------- 关键技术参数对比表 ---------- */
.cmp-scroll{
  margin-top:30px;overflow-x:auto;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);
}
.cmp-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:740px;}
.cmp-table th,.cmp-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);}
.cmp-table thead th{background:#fafafa;vertical-align:bottom;}
.cmp-table thead th a{display:block;}
.cmp-table thead th b{display:block;font-size:14px;font-weight:700;color:var(--red);margin-bottom:3px;}
.cmp-table thead th span{font-size:11.5px;font-weight:400;color:var(--ink-3);line-height:1.5;}
.cmp-table thead th:hover{background:#fef2f2;}
.cmp-table tbody th{width:200px;font-weight:400;font-size:13px;color:var(--ink-2);background:#fcfcfd;}
.cmp-table tbody td{font-weight:500;color:var(--ink);}
.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{border-bottom:0;}
.cmp-na{color:var(--line-2) !important;}
.opt-tag{
  display:inline-block;vertical-align:middle;margin-left:5px;
  font-size:10.5px;font-weight:600;letter-spacing:.04em;
  color:#b45309;background:#fffbeb;border:1px solid rgba(245,158,11,.45);
  border-radius:3px;padding:1px 5px;
}

/* ---------- 面包屑（nav 是容器；a / span.crumb 是各项，勿给 .crumb 加 flex 或 padding） ---------- */
.crumb-bar{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  padding:0;margin:0 0 24px;
  background:none;border:0;
  font-size:13px;line-height:1.4;letter-spacing:.01em;color:var(--ink-3);
}
.crumb{
  display:inline-block;padding:0;
  color:var(--ink-3);text-decoration:none;white-space:nowrap;
  transition:color .16s;
}
a.crumb:hover{color:var(--red);}
.crumb-sep{color:var(--line-2);font-size:11.5px;user-select:none;}
/* 当前页（最后一项）加重，形成层级；过长标题以省略号收尾，避免撑破一行 */
.crumb-bar > .crumb:last-child{
  color:var(--ink);font-weight:600;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;
}
/* 页面头部区块：面包屑贴近页头，避免正文上方出现大片空白 */
.sec-crumb{padding-top:30px;}
@media(max-width:720px){
  .sec-crumb{padding-top:22px;}
  .crumb-bar{margin-bottom:18px;gap:6px;font-size:12px;}
}

/* ---------- 机型页：机型头（深色） ---------- */
.mhero{position:relative;overflow:hidden;background:#0a1523;color:#fff;}
.mhero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(820px 460px at 84% 18%, rgba(220,38,38,.20), transparent 60%),
    radial-gradient(680px 460px at 8% 92%, rgba(56,120,200,.14), transparent 58%),
    linear-gradient(155deg,#0b1727,#0d1c2e);
}
.mhero-in{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center;padding:62px 24px 64px;}
.mhero-num{
  display:inline-block;margin-bottom:14px;padding:2px 8px;border-radius:3px;
  font-size:12px;font-weight:700;letter-spacing:.1em;color:#ff6b6b;
  border:1px solid rgba(255,107,107,.4);
}
.mhero h1{font-size:clamp(27px,3.5vw,42px);font-weight:800;line-height:1.16;letter-spacing:-.02em;color:#fff;}
.mhero-name{font-size:16px;font-weight:500;color:#cfe0f0;margin-top:10px;}
.mhero-tag{font-size:13.5px;color:#ff9f7a;margin-top:8px;}
.mhero-desc{font-size:14.5px;line-height:1.85;color:#a9bed4;margin-top:18px;max-width:580px;}
.mhero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.mhero-media{
  margin:0;border-radius:10px;overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 70px -22px rgba(0,0,0,.72);
}
.mhero-media img{width:100%;display:block;}

/* ---------- 机型页：核心特点 ---------- */
.feat-grid{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.feat-item{
  display:flex;gap:14px;align-items:flex-start;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);
  padding:18px 20px;box-shadow:var(--shadow);
}
.feat-idx{flex-shrink:0;padding-top:2px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--red);}
.feat-item p{font-size:13.5px;line-height:1.75;color:var(--ink-2);}

/* ---------- 机型页：行程提示 ---------- */
.stroke-tip{
  margin-top:10px;padding:9px 13px;border-radius:3px;
  font-size:12.5px;color:var(--ink-2);
  background:#fffbeb;border-left:2px solid var(--amber);
}

/* ---------- 机型页：元器件品牌表 ---------- */
.brand-wrap{
  margin-top:30px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);
}
.brand-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.brand-table th,.brand-table td{padding:12px 18px;text-align:left;border-bottom:1px solid var(--line);}
.brand-table thead th{
  background:#fafafa;font-size:11.5px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-3);
}
.brand-table td{color:var(--ink-2);}
.brand-table td b{font-weight:600;color:var(--ink);}
.brand-table tbody tr:last-child td{border-bottom:0;}
.brand-table tbody tr:hover{background:#fafafa;}

/* ---------- 机型页：其他机型 ---------- */
.other-grid{margin-top:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.other-card{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:20px 22px;box-shadow:var(--shadow);transition:.2s;
}
.other-card:hover{border-color:var(--red);}
.other-num{font-size:18px;font-weight:700;color:var(--line-2);}
.other-card b{display:block;font-size:14.5px;font-weight:700;color:var(--red);}
.other-card span{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-3);}
.other-card i{font-style:normal;color:var(--ink-3);}
.other-card:hover i{color:var(--red);}

/* ---------- 机型页：询价与视频 ---------- */
.quote-for{margin-top:8px;font-size:13.5px;color:var(--ink-2);}
.quote-for b{font-weight:600;color:var(--red);}
.video-grid-single{grid-template-columns:minmax(0,880px);}

/* ---------- v5 首屏机型轮播 ---------- */
.hero-media.hero-slider{overflow:hidden;}
.hs-view{position:relative;width:100%;aspect-ratio:3/2;background:#0b1727;overflow:hidden;}
.hs-view .hs-slide{
  position:absolute;inset:0;display:block;opacity:0;visibility:hidden;
  transition:opacity .85s cubic-bezier(.4,0,.2,1),visibility .85s;
}
.hs-view .hs-slide.on{opacity:1;visibility:visible;z-index:1;}
.hs-view .hs-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.05);}
.hs-view .hs-slide.on img{animation:hsZoom 7.5s cubic-bezier(.22,.61,.36,1) forwards;}
@keyframes hsZoom{from{transform:scale(1.05);}to{transform:scale(1);}}

.hero-media .hs-cap{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  padding:56px 180px 19px 22px;
  background:linear-gradient(transparent,rgba(6,14,24,.96));
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
}
.hs-count{
  position:absolute;left:20px;top:18px;z-index:4;font-size:11px;letter-spacing:.18em;
  color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums;
}
.hs-arrow{
  position:absolute;top:46%;transform:translateY(-50%);z-index:4;
  width:42px;height:42px;border-radius:50%;padding:0;
  border:1px solid rgba(255,255,255,.3);background:rgba(8,17,28,.5);color:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:background .2s,border-color .2s,transform .2s;
}
.hs-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.hs-arrow:hover{background:var(--red);border-color:var(--red);}
.hs-arrow:active{transform:translateY(-50%) scale(.94);}
.hs-prev{left:16px;}
.hs-next{right:16px;}

.hs-dots{position:absolute;right:22px;bottom:21px;z-index:4;display:flex;gap:8px;}
.hs-dot{
  position:relative;width:38px;height:3px;padding:0;border:0;border-radius:2px;
  background:rgba(255,255,255,.32);cursor:pointer;overflow:hidden;
  transition:background .25s;
}
.hs-dot:hover{background:rgba(255,255,255,.55);}
.hs-dot::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--red);}
.hs-dot.on::after{animation:hsFill 5.6s linear forwards;}
@keyframes hsFill{from{width:0;}to{width:100%;}}
.hs-static{display:block;width:100%;height:auto;}
@media (prefers-reduced-motion:reduce){
  .hs-view .hs-slide{transition:none;}
  .hs-view .hs-slide.on img{animation:none;transform:none;}
  .hs-dot.on::after{animation:none;width:100%;}
}

/* ---------- v4 响应式 ---------- */
@media (max-width:1080px){
  .hero-in,.mhero-in{grid-template-columns:1fr;gap:34px;padding:62px 24px 56px;}
  .hero-media,.mhero-media{max-width:620px;}
  .cmp-table tbody th{width:150px;}
}
@media (max-width:860px){
  .hero-in,.mhero-in{padding:44px 24px 42px;}
  .hero h1,.mhero h1{font-size:26px;}
  .hero-desc,.mhero-desc{font-size:14.5px;}
  .hero-facts{gap:14px;flex-direction:column;}
  .feat-grid,.other-grid{grid-template-columns:1fr;}
  .brand-table th,.brand-table td{padding:10px 13px;font-size:12.5px;}
  .vcmp-table{min-width:640px;}
  .hs-arrow{display:none;}
  .hero-media .hs-cap{padding:52px 22px 46px;}
  .hs-dots{right:auto;left:22px;bottom:20px;}
}

/* ---------- 滚动淡入（JS 添加 .reveal） ---------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* =========================================================
   v6 · 资讯中心（列表页 + 详情页）
   ========================================================= */
.art-cats{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px;}
.art-cat{
  display:inline-block;padding:7px 15px;border:1px solid var(--line-2);border-radius:999px;
  background:var(--card);color:var(--ink-2);font-size:13px;font-weight:550;
  text-decoration:none;transition:.18s;
}
.art-cat:hover{border-color:var(--red);color:var(--red);}
.art-cat.on{background:var(--red);border-color:var(--red);color:#fff;}

.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.art-card{
  display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;
  box-shadow:var(--shadow);transition:.2s;
}
.art-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-2);transform:translateY(-2px);}
.art-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#e8edf2;}
.art-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.art-card .art-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1;}
.art-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.art-catname{
  font-style:normal;font-size:11.5px;font-weight:650;letter-spacing:.04em;
  color:var(--red);background:rgba(220,38,38,.08);padding:3px 9px;border-radius:3px;
}
.art-date{font-style:normal;font-size:12px;color:var(--ink-3);}
.art-title{font-size:16px;line-height:1.45;color:var(--ink);font-weight:650;}
.art-card:hover .art-title{color:var(--red);}
.art-desc{font-size:13px;line-height:1.65;color:var(--ink-2);flex:1;}
.art-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px;}
.art-mins{font-size:12px;color:var(--ink-3);}
.art-more{font-size:13px;font-weight:600;color:var(--red);}

.art-empty{padding:40px 0;color:var(--ink-3);font-size:14px;}
.art-back{margin-top:28px;}
.art-back a{color:var(--red);font-size:14px;font-weight:550;text-decoration:none;}
.art-back a:hover{text-decoration:underline;}

/* ---- 详情页 ---- */
.art-wrap{max-width:820px;}
.art-meta{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0 22px;font-size:13px;color:var(--ink-3);}
.art-fig{margin:0 0 26px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);}
.art-fig img{width:100%;display:block;}
.art-wrap .art-body{font-size:15.5px;line-height:1.85;color:var(--ink-2);}
.art-wrap .art-body p{margin:0 0 16px;}
.art-wrap .art-body h2{
  font-size:19px;line-height:1.45;color:var(--ink);font-weight:650;
  margin:32px 0 14px;padding-left:12px;border-left:3px solid var(--red);
}
.art-wrap .art-body ul{margin:0 0 18px;padding-left:22px;}
.art-wrap .art-body li{margin-bottom:8px;}

/* 正文：参数对比表（窄屏内部横向滚动，首列做行标题） */
.art-tbl-wrap{margin:0 0 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.art-tbl-cap{font-size:12.5px;font-weight:600;color:var(--ink-3);letter-spacing:.03em;margin:0 0 9px !important;}
.art-tbl{width:100%;min-width:640px;border-collapse:collapse;font-size:13.5px;line-height:1.65;background:#fff;border:1px solid #dfe4ea;}
.art-tbl thead th{background:#111a2b;color:#fff;font-weight:600;text-align:left;padding:11px 13px;white-space:nowrap;}
.art-tbl tbody th,.art-tbl td{padding:11px 13px;border-top:1px solid #e8ecf1;text-align:left;vertical-align:top;color:var(--ink-2);}
.art-tbl tbody th{background:#f4f6f9;color:var(--ink);font-weight:650;white-space:nowrap;}
.art-tbl tbody tr:nth-child(even) td{background:#fafbfd;}
.art-tbl td b{color:var(--ink);font-weight:650;}

/* 正文：常见问题（FAQ，供 AI 引用与 FAQPage 结构化数据） */
.art-faq{margin:0 0 24px;background:#f7f9fb;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;}
.art-faq h3{
  font-size:15.5px;color:var(--ink);font-weight:650;margin:0 0 14px;
  padding-left:11px;border-left:3px solid var(--red);line-height:1.4;
}
.art-faq dl{margin:0;}
.art-faq dt{font-size:14.5px;font-weight:650;color:var(--ink);margin:0 0 6px;line-height:1.6;}
.art-faq dt::before{content:"Q · ";color:var(--red);font-weight:700;letter-spacing:.02em;}
.art-faq dd{margin:0 0 15px;font-size:14px;line-height:1.78;color:var(--ink-2);}
.art-faq dd:last-child{margin-bottom:0;}

.art-mach,.art-rel{margin-top:38px;padding-top:26px;border-top:1px solid var(--line);}
.art-mach h3,.art-rel h3{font-size:16px;color:var(--ink);margin:0 0 14px;font-weight:650;}
.art-mach-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.art-rel-list{display:flex;flex-direction:column;gap:10px;}
.art-rel-item{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:13px 16px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);text-decoration:none;color:inherit;transition:.18s;
}
.art-rel-item:hover{border-color:var(--red);}
.art-rel-item b{font-size:14px;font-weight:550;color:var(--ink);}
.art-rel-item:hover b{color:var(--red);}
.art-rel-item span{font-size:12.5px;color:var(--ink-3);white-space:nowrap;}

.art-cta{text-align:center;}
.art-cta .sec-sub{margin-left:auto;margin-right:auto;max-width:640px;}

/* 面包屑间距统一在上方 .crumb-bar 定义，勿在此重复覆盖 */

@media (max-width:900px){
  .art-grid{grid-template-columns:repeat(2,1fr);}
  .art-mach-list{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .art-grid{grid-template-columns:1fr;}
  .art-rel-item{flex-direction:column;align-items:flex-start;gap:4px;}
}

/* ---------- 窄屏：顶部栏压缩，避免语言切换溢出屏幕 ---------- */
@media (max-width:600px){
  .wrap{padding:0 16px;}
  .topbar-in{gap:10px;height:60px;}
  .logo{gap:8px;}
  .logo-text b{font-size:12.5px;}
  .logo-text i{display:none;}
  .logo-mark{font-size:13.5px;padding:5px 7px;}
  .lang{gap:0;padding:1px;}
  .lang-btn{font-size:10.5px;padding:3px 5px;letter-spacing:0;}
  .menu{top:60px;}
}

/* ---------- 超窄屏（≤400px，如 iPhone SE / 小屏安卓）：再压一档，保证不横向溢出 ---------- */
@media (max-width:400px){
  .topbar-in{gap:6px;}
  .logo{gap:6px;}
  .logo-mark{font-size:12.5px;padding:4px 6px;}
  .logo-text b{font-size:11.5px;letter-spacing:0;}
  .lang-btn{font-size:9.5px;padding:2px 3px;}
}
@media (max-width:340px){
  .logo-text{display:none;}
}

/* 小屏面包屑去掉文章标题（详情页 5 个子元素：首页/分类/标题），只留「首页 / 资讯」一行 */
@media (max-width:560px){
  .crumb-bar > .crumb-sep:nth-child(4),
  .crumb-bar > .crumb:nth-child(5){display:none;}
}

/* ---------- 平板宽度（861–1080）：完整菜单宽度不够会撑出横向滚动，改为汉堡菜单 ---------- */
@media (min-width:861px) and (max-width:1140px){
  .burger{display:flex;}
  .menu{
    position:absolute;left:0;right:0;top:66px;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:1px solid var(--line);padding:8px 24px 16px;
    display:none;box-shadow:var(--shadow-2);
  }
  .menu.open{display:flex;}
  .menu a{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;}
  .menu a.active{border-bottom-color:var(--line);}
  .menu-drop{padding:0;margin:0;}
  .drop-toggle::after{display:none;}
  .drop-panel{
    position:static;display:flex;min-width:0;
    background:transparent;border:0;box-shadow:none;border-radius:0;
    padding:0 0 0 12px;
  }
  .drop-panel a{padding:10px 0;border-radius:0;}
  .drop-panel a b{font-size:13px;}
  .menu-cta{margin-top:10px;text-align:center;}
}

/* 俄文文案最长：完整菜单实测需要约 1270px，而通用汉堡断点在 1140px，
   1141–1300px 这段会撑出横向滚动条（机型页实测溢出 119px），
   因此对俄文单独把汉堡菜单的切换点提前到 1300px。 */
@media (min-width:1141px) and (max-width:1300px){
  html[lang="ru"] .burger{display:flex;}
  html[lang="ru"] .menu{
    position:absolute;left:0;right:0;top:66px;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:1px solid var(--line);padding:8px 24px 16px;
    display:none;box-shadow:var(--shadow-2);
  }
  html[lang="ru"] .menu.open{display:flex;}
  html[lang="ru"] .menu a{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;}
  html[lang="ru"] .menu a.active{border-bottom-color:var(--line);}
  html[lang="ru"] .menu-drop{padding:0;margin:0;}
  html[lang="ru"] .drop-toggle::after{display:none;}
  html[lang="ru"] .drop-panel{
    position:static;display:flex;min-width:0;
    background:transparent;border:0;box-shadow:none;border-radius:0;
    padding:0 0 0 12px;
  }
  html[lang="ru"] .drop-panel a{padding:10px 0;border-radius:0;}
  html[lang="ru"] .drop-panel a b{font-size:13px;}
  html[lang="ru"] .menu-cta{margin-top:10px;text-align:center;}
}

/* =========================================================
   全球交付 · 动态世界地图（首页 #markets）
   深色卡片放在浅色页面中，与中国起点形成视觉重心
   ========================================================= */
.sec-map .sec-sub{max-width:820px;}

.map-stage{
  margin-top:34px;position:relative;
  background:
    radial-gradient(120% 150% at 82% 12%, #1b3350 0%, #0d1e31 46%, #081422 100%);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 40px -18px rgba(8,20,34,.55);
}
.map-canvas{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
.worldmap{display:block;width:100%;height:auto;}

/* --- 底图 --- */
.map-grid{stroke:rgba(148,190,233,.07);stroke-width:.6;fill:none;}
.map-equator{stroke:rgba(148,190,233,.13);stroke-dasharray:3 6;}
.map-land{
  fill:rgba(148,190,233,.13);
  stroke:rgba(148,190,233,.32);
  stroke-width:.5;
  stroke-linejoin:round;
}

/* --- 航线：进入视口后由 .in 触发绘制 --- */
.map-route{
  fill:none;stroke:url(#mmLine);stroke-width:1.4;stroke-linecap:round;
}

/* 沿线流动的高亮段（绘制完成后由 JS 淡入） */
.map-flow{
  fill:none;stroke:#fecaca;stroke-width:2.2;stroke-linecap:round;
  stroke-dasharray:7 108;stroke-dashoffset:0;opacity:0;
  transition:opacity .5s ease;
  animation:flowDash 3.2s linear infinite;
}
@keyframes flowDash{from{stroke-dashoffset:0;}to{stroke-dashoffset:-115;}}

/* --- 目的地节点与标签（由 JS 淡入） --- */
.map-node{opacity:0;transition:opacity .45s ease;}
.node-halo{fill:rgba(239,68,68,.16);}
.node-dot{fill:#fecaca;stroke:#ef4444;stroke-width:1;}
.map-node text{
  fill:rgba(255,255,255,.78);font-size:11px;font-weight:500;
  font-family:inherit;letter-spacing:.02em;
  paint-order:stroke;stroke:rgba(8,20,34,.85);stroke-width:3.2;stroke-linejoin:round;
}

/* --- 起点：中国 · 济南 --- */
.origin-glow{fill:url(#mmGlow);}
.origin-ring{fill:none;stroke:rgba(239,68,68,.5);stroke-width:1;}
.origin-dot{fill:#ef4444;stroke:#fff;stroke-width:1.2;}
.origin-pulse{
  fill:none;stroke:#ef4444;stroke-width:1.2;opacity:.85;
  transform-box:fill-box;transform-origin:center;
  animation:pulse 2.6s ease-out infinite;
}
@keyframes pulse{
  0%{transform:scale(1);opacity:.85;}
  70%{transform:scale(2.8);opacity:0;}
  100%{transform:scale(2.8);opacity:0;}
}
.origin-label{
  fill:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em;
  paint-order:stroke;stroke:#081422;stroke-width:4.5;stroke-linejoin:round;
}

/* --- 图例 --- */
.map-legend{
  position:absolute;left:18px;bottom:14px;
  display:flex;gap:20px;flex-wrap:wrap;
  font-size:11.5px;color:rgba(255,255,255,.6);
  pointer-events:none;
}
.map-legend .lg{display:inline-flex;align-items:center;gap:7px;}
.map-legend i{width:7px;height:7px;border-radius:50%;display:block;}
.lg-origin i{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.2);}
.lg-market i{background:#fca5a5;}
.map-legend em{font-style:normal;}

.map-hint{display:none;}

/* --- 关键数字 --- */
.map-stats{
  list-style:none;padding:0;margin:36px 0 0;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:8px;overflow:hidden;
}
.map-stats li{background:#fff;padding:22px 20px 20px;}
.ms-item b{
  display:block;font-size:27px;line-height:1.15;
  letter-spacing:-.015em;font-weight:700;
}
.ms-k{display:block;margin-top:7px;font-size:12.5px;font-weight:600;color:var(--ink);}
.ms-d{display:block;margin-top:5px;font-size:12px;line-height:1.65;color:var(--ink-3);}

.sec-map .sec-note{margin-top:18px;}

@media (max-width:900px){
  .map-stats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .map-stage{border-radius:10px;}
  .worldmap{width:auto;min-width:660px;}
  .map-legend{position:static;padding:11px 14px;background:rgba(6,16,28,.92);}
  .map-hint{display:block;margin-top:10px;font-size:12px;color:var(--ink-3);}
  .map-stats{grid-template-columns:1fr 1fr;margin-top:26px;}
  .ms-item b{font-size:21px;}
  .map-stats li{padding:16px 14px 15px;}
  .map-node text{font-size:12.5px;}
}

/* --- Header：多语言长文案下的收紧 --- */
/* 英文/俄文等文案较长，菜单 + 标识 + 语言切换器在宽屏可能超出容器，
   这里按视口分级收紧间距与字号，避免出现横向滚动条。 */
@media (max-width:1500px){
  .topbar-in{gap:14px;}
  .menu{gap:12px;}
  .menu a{font-size:12.5px;}
  .lang-btn{font-size:11px;padding:4px 6px;}
}
@media (max-width:1150px){
  .topbar-in{gap:8px;}
  .menu{gap:8px;}
  .lang-btn{font-size:10.5px;padding:4px 4px;}
}

/* 俄文文案最长，在宽屏单独再收紧一档 */
@media (min-width:861px){
  html[lang="ru"] .topbar-in{gap:8px;}
  html[lang="ru"] .menu{gap:8px;}
  html[lang="ru"] .menu a{font-size:11.5px;}
  html[lang="ru"] .lang-btn{font-size:10px;padding:3px 4px;}
}
/* 机型页菜单比首页更长，俄文在 861–1500px 仍会撑出横向滚动条
   （实测 1440px 视口下 header 宽 1503px），这里再收紧一档。
   英文现为默认语言（海外站），菜单比中文长，同样需此档位，故并入 en。 */
@media (min-width:861px) and (max-width:1500px){
  html[lang="ru"] .topbar-in, html[lang="en"] .topbar-in{gap:6px;}
  html[lang="ru"] .menu, html[lang="en"] .menu{gap:6px;}
  html[lang="ru"] .menu a, html[lang="en"] .menu a{font-size:10.5px;}
  html[lang="ru"] .lang-btn, html[lang="en"] .lang-btn{font-size:9.5px;padding:3px 3px;}
  html[lang="ru"] .logo-text i, html[lang="en"] .logo-text i{font-size:11px;}
}

/* --- 浮动询盘组件（右下角头像 + 聊天面板） --- */
.cw-fab{
  position:fixed; right:22px; bottom:22px; width:58px; height:58px;
  border:0; border-radius:50%; background:#111A2B; cursor:pointer; z-index:70;
  box-shadow:0 10px 28px -8px rgba(17,26,43,.55); padding:0; overflow:visible;
  transition:transform .18s ease, box-shadow .18s ease;
}
.cw-fab:hover, .cw-fab.active{ transform:scale(1.06); box-shadow:0 14px 34px -8px rgba(17,26,43,.65); }
.cw-fab .cw-svg{ display:block; width:100%; height:100%; border-radius:50%; }
.cw-online{ position:absolute; right:3px; bottom:3px; width:13px; height:13px; border-radius:50%; background:#28c76f; border:2.5px solid #fff; }
.cw-badge{ position:absolute; top:-3px; right:-3px; min-width:20px; height:20px; padding:0 5px; border-radius:11px; background:#e23b3b; color:#fff; font-size:12px; line-height:20px; font-weight:700; text-align:center; box-shadow:0 2px 6px rgba(226,59,59,.5); }
.cw-panel{
  position:fixed; right:22px; bottom:92px; width:360px; max-width:calc(100vw - 32px);
  max-height:min(72vh,580px); background:#fff; border-radius:16px; overflow:hidden; z-index:70;
  display:flex; flex-direction:column; box-shadow:0 24px 60px -18px rgba(15,23,42,.45);
  opacity:0; transform:translateY(16px); pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}
.cw-panel.show{ opacity:1; transform:translateY(0); pointer-events:auto; }
.cw-head{ display:flex; align-items:center; gap:11px; padding:14px 14px 14px 16px; color:#fff;
  background:linear-gradient(135deg,#1b2a4a,#0f1830); }
.cw-head .cw-ava{ width:40px; height:40px; border-radius:50%; overflow:hidden; flex:0 0 auto; box-shadow:0 2px 8px rgba(0,0,0,.35); }
.cw-head .cw-ava .cw-svg{ display:block; width:100%; height:100%; }
.cw-htext{ display:flex; flex-direction:column; flex:1 1 auto; min-width:0; }
.cw-htext strong{ font-size:15px; font-weight:700; }
.cw-htext em{ font-style:normal; font-size:11.5px; opacity:.82; margin-top:1px; }
.cw-x{ width:30px; height:30px; flex:0 0 auto; border:0; background:rgba(255,255,255,.12); color:#fff;
  border-radius:8px; font-size:20px; line-height:1; cursor:pointer; }
.cw-x:hover{ background:rgba(255,255,255,.24); }
.cw-form{ display:flex; flex-direction:column; flex:1 1 auto; min-height:0; }
.cw-body{ display:flex; flex-direction:column; gap:9px; padding:16px 16px 14px; overflow-y:auto; flex:1 1 auto; min-height:0; }
.cw-bubble{ background:#eef1f5; color:#1b2330; border-radius:12px; border-top-left-radius:3px;
  padding:11px 13px; font-size:13px; line-height:1.6; margin-bottom:14px; }
.cw-lab{ font-size:12.5px; color:#3a4659; font-weight:600; }
.cw-inp{ width:100%; box-sizing:border-box; border:1px solid #d6dce4; border-radius:9px; padding:9px 11px;
  font-size:13.5px; color:#1b2330; background:#fff; outline:none; transition:border-color .15s ease, box-shadow .15s ease; }
.cw-inp:focus{ border-color:#1b2a4a; box-shadow:0 0 0 3px rgba(27,42,74,.12); }
.cw-inp[type=text], .cw-inp:not(select){ }
textarea.cw-inp{ resize:vertical; min-height:46px; }
.cw-act{ padding:9px 16px 13px; border-top:1px solid #eef1f5; background:#fff; flex:0 0 auto; }
.cw-sub{ width:100%; border:0; border-radius:10px; padding:11px 14px; font-size:14px; font-weight:700;
  color:#fff; background:#1b2a4a; cursor:pointer; transition:background .15s ease; }
.cw-sub:hover{ background:#0f1830; }
.cw-tip{ min-height:16px; margin:0 0 7px; font-size:12.5px; line-height:1.5; }
.cw-tip.form-tip-ok{ color:#1f8a4c; }
.cw-tip.form-tip-error{ color:#d23b3b; }
.cw-tip.form-tip-busy{ color:#3a4659; }
.cw-foot{ padding:10px 14px; font-size:11.5px; color:#5b6675; text-align:center; background:#f7f9fb;
  border-top:1px solid #eef1f5; }
@media (max-width:480px){
  .cw-fab{ right:14px; bottom:14px; width:52px; height:52px; }
  .cw-panel{ right:12px; left:12px; bottom:80px; width:auto; max-height:74vh; }
}

/* =========================================================
   语言切换 · 隐藏式下拉（对标 GasMixTech）
   header 上只留当前语言 + 箭头，点开弹出语言菜单。
   覆盖旧的并排按钮容器样式（.lang 旧规则在此全部失效）。
   ========================================================= */
.lang{ border:0; padding:0; gap:0; position:relative; flex-shrink:0; }
.langdd{ position:relative; }
.langdd-trigger{
  display:flex; align-items:center; gap:6px;
  background:transparent; border:1px solid var(--line); border-radius:var(--r-sm);
  color:var(--ink-2); font-size:12px; font-weight:600; letter-spacing:.02em;
  padding:5px 10px; line-height:1.4; transition:.15s;
}
.langdd-trigger:hover{ color:var(--ink); border-color:var(--line-2); }
.langdd-caret{ width:9px; height:9px; flex-shrink:0; transition:transform .15s; }
.langdd.open .langdd-caret{ transform:rotate(180deg); }
.langdd-menu{
  display:none; position:absolute; right:0; top:calc(100% + 6px);
  min-width:124px; padding:5px;
  background:var(--card); border:1px solid var(--line); border-radius:var(--r);
  box-shadow:var(--shadow-2); z-index:70;
}
.langdd.open .langdd-menu{ display:block; }
.langdd-item{
  display:block; width:100%; text-align:left;
  background:transparent; border:0; border-radius:var(--r-sm);
  color:var(--ink-2); font-size:12.5px; line-height:1.5;
  padding:7px 10px; transition:.12s;
}
.langdd-item:hover{ background:var(--bg-soft); color:var(--ink); }
.langdd-item.active{ background:var(--ink); color:#fff; }

/* 窄屏：触发按钮收得更紧，菜单右对齐不溢出 */
@media (max-width:861px){
  .langdd-trigger{ font-size:11px; padding:4px 8px; }
  .langdd-menu{ min-width:112px; }
}

/* =========================================================
   关于我们页（about.html）
   ========================================================= */
.about-grid{ display:grid; grid-template-columns:340px 1fr; gap:40px; align-items:start; }
.about-p{ color:var(--ink-2); margin-bottom:14px; max-width:760px; }
.about-p:last-child{ margin-bottom:0; }
.svc-3{ grid-template-columns:repeat(3,1fr); }
.info-wrap{ margin-top:28px; display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
.info-table{ width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.info-table th,.info-table td{ text-align:left; padding:12px 16px; border-bottom:1px solid var(--line); vertical-align:top; font-size:13.5px; }
.info-table tr:last-child th,.info-table tr:last-child td{ border-bottom:0; }
.info-table th{ color:var(--ink-3); font-weight:600; white-space:nowrap; width:96px; }
.info-table td{ color:var(--ink-2); overflow-wrap:break-word; }
.contact-list{ background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:6px 18px; margin:0; list-style:none; }
.contact-list li{ padding:11px 0; border-bottom:1px solid var(--line); font-size:13.5px; color:var(--ink-2); overflow-wrap:break-word; }
.contact-list li:last-child{ border-bottom:0; }
.contact-list b{ color:var(--ink); font-weight:600; }
.cta-box{ text-align:center; }
.cta-box .sec-sub{ margin:0 auto; }
.cta-actions{ margin-top:26px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
@media (max-width:1024px){
  .svc-3{ grid-template-columns:repeat(2,1fr); }
  .info-wrap{ grid-template-columns:1fr; }
}
@media (max-width:861px){
  .about-grid{ grid-template-columns:1fr; gap:16px; }
}
@media (max-width:640px){
  .svc-3{ grid-template-columns:1fr; }
}