/* ==========================================================================
   AKA XII CO., LTD — 官网样式表
   深色高级工业风 | 钢铁产品 · 铁矿 · 化工品进出口
   ========================================================================== */

/* ---------- 设计令牌 ---------- */
:root{
  --ink:#080a0d;
  --bg:#0e1116;
  --bg-2:#141820;
  --bg-3:#1b2029;
  --bg-4:#232936;
  --line:rgba(255,255,255,.07);
  --line-2:rgba(255,255,255,.13);
  --text:#eef1f5;
  --text-2:#a3adba;
  --text-3:#69737f;
  --gold:#c9a24b;
  --gold-2:#e6c87e;
  --gold-dim:rgba(201,162,75,.14);
  --steel:#4d5c70;

  --fs-display:clamp(40px,6.4vw,84px);
  --fs-h1:clamp(32px,4.4vw,58px);
  --fs-h2:clamp(26px,3.4vw,44px);
  --fs-h3:clamp(19px,2vw,25px);
  --fs-lead:clamp(16px,1.5vw,19px);
  --fs-body:16px;
  --fs-sm:14.5px;
  --fs-xs:13px;
  --fs-micro:11.5px;

  --gap:26px;
  --wrap:1280px;
  --pad-y:clamp(72px,9vw,140px);
  --header-h:74px;

  --r:16px; --r-sm:10px; --r-lg:24px;
  --ease:cubic-bezier(.22,.68,.32,1);
  --font:"Inter","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono",Consolas,monospace;
}

/* ---------- 基础 ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--text-2);
  font-family:var(--font);font-size:var(--fs-body);line-height:1.8;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  position:relative;
}
/* ===== 全站固定背景：钢厂高炉实拍 ===== */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:url("../img/web/hero-furnace.jpg");
  background-size:cover;background-position:center 30%;
  background-repeat:no-repeat;
  opacity:.30;
  filter:grayscale(.35) contrast(1.22) brightness(1.05) saturate(.9);
}
/* 渐变遮罩：保证正文可读，同时保留背景层次 */
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(11,14,19,.72) 0%,rgba(11,14,19,.58) 26%,rgba(11,14,19,.70) 62%,rgba(11,14,19,.86) 100%),
    radial-gradient(1400px 800px at 78% 12%,rgba(201,162,75,.05),transparent 70%);
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .25s var(--ease)}
h1,h2,h3,h4,h5{margin:0;color:var(--text);font-weight:600;line-height:1.2;letter-spacing:-.022em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 28px}

/* ---------- 通用排版 ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:11px;
  font-family:var(--mono);font-size:var(--fs-micro);
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
  margin-bottom:20px;
}
.eyebrow::before{content:"";width:30px;height:1px;background:var(--gold);opacity:.65}
.sec-title{font-size:var(--fs-h2);margin-bottom:18px;letter-spacing:-.028em}
.sec-lead{font-size:var(--fs-lead);color:var(--text-2);max-width:62ch;line-height:1.75}
.sec-head{margin-bottom:clamp(44px,5vw,72px)}
.sec-head.center{text-align:center;display:flex;flex-direction:column;align-items:center}
.sec-head.center .sec-lead{margin:0 auto}
.ghost-no{
  font-family:var(--mono);font-size:clamp(80px,13vw,190px);font-weight:700;
  line-height:.8;letter-spacing:-.04em;color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.055);
  position:absolute;pointer-events:none;user-select:none;
}

/* ---------- 按钮 ---------- */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 30px;border-radius:100px;border:1px solid transparent;
  font-size:var(--fs-sm);font-weight:600;cursor:pointer;overflow:hidden;
  transition:all .32s var(--ease);white-space:nowrap;
}
.btn svg{width:16px;height:16px;transition:transform .32s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#191307;box-shadow:0 8px 26px rgba(201,162,75,.24)}
.btn-gold:hover{box-shadow:0 12px 34px rgba(201,162,75,.38);transform:translateY(-2px)}
.btn-line{border-color:var(--line-2);color:var(--text);background:rgba(255,255,255,.02)}
.btn-line:hover{border-color:var(--gold);color:var(--gold-2);background:var(--gold-dim)}
.btn-sm{padding:10px 20px;font-size:var(--fs-xs)}
.tlink{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:600;color:var(--gold)}
.tlink svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.tlink:hover svg{transform:translateX(5px)}

/* ---------- 顶部信息条 ---------- */
.topbar{background:rgba(8,10,13,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);font-size:var(--fs-xs);color:var(--text-3);position:relative;z-index:210}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;flex-wrap:wrap}
.topbar-l{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.topbar-l a{display:inline-flex;align-items:center;gap:8px}
.topbar-l a:hover{color:var(--gold-2)}
.topbar svg{width:13px;height:13px;opacity:.7;flex:none}
.lang{display:flex;gap:3px}
.lang a{padding:4px 11px;border-radius:100px;font-family:var(--mono);font-size:11px;letter-spacing:.06em}
.lang a:hover{color:var(--text);background:rgba(255,255,255,.06)}
.lang a.on{background:var(--gold);color:#191307;font-weight:700}

/* ---------- 导航 ---------- */
.header{
  position:sticky;top:0;z-index:200;
  background:rgba(14,17,22,.78);backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid var(--line);transition:background .3s var(--ease),border-color .3s var(--ease);
}
.header.solid{background:rgba(11,13,17,.96);border-color:var(--line-2)}
.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:var(--header-h)}
.logo{display:flex;align-items:center;gap:13px;flex:none}
.logo-m{
  width:44px;height:44px;border-radius:11px;flex:none;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--bg-3),var(--ink));
  border:1px solid var(--line-2);color:var(--gold-2);
  font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:-.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}
.logo-t{display:flex;flex-direction:column;line-height:1.2}
.logo-t b{font-size:16px;font-weight:700;color:var(--text);letter-spacing:.01em}
.logo-t small{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--text-3);text-transform:uppercase}
.nav{display:flex;align-items:center;gap:2px}
.nav>li{position:relative}
.nav>li>a{display:block;padding:9px 16px;border-radius:100px;font-size:var(--fs-sm);font-weight:500;color:var(--text-2)}
.nav>li>a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.nav>li>a.on{color:var(--gold-2)}
.has-sub>a::after{content:"";display:inline-block;margin-left:7px;vertical-align:middle;border:3.5px solid transparent;border-top-color:currentColor;opacity:.55}
.sub{
  position:absolute;top:calc(100% + 10px);left:0;min-width:230px;padding:9px;
  background:var(--bg-2);border:1px solid var(--line-2);border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.6);
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .24s var(--ease);
}
.has-sub:hover .sub{opacity:1;visibility:visible;transform:translateY(0)}
.sub a{display:block;padding:10px 14px;border-radius:9px;font-size:var(--fs-sm);color:var(--text-2)}
.sub a:hover{background:rgba(255,255,255,.05);color:var(--gold-2)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line-2);background:transparent;border-radius:11px;cursor:pointer;place-items:center}
.burger i{display:block;width:18px;height:1.5px;background:var(--text);position:relative;transition:.3s var(--ease)}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--text);transition:.3s var(--ease)}
.burger i::before{top:-5.5px}.burger i::after{top:5.5px}
.header.nav-open .burger i{background:transparent}
.header.nav-open .burger i::before{top:0;transform:rotate(45deg)}
.header.nav-open .burger i::after{top:0;transform:rotate(-45deg)}

/* ==========================================================================
   首屏 —— 钢厂夜景实拍背景
   ========================================================================== */
.hero{position:relative;overflow:hidden;isolation:isolate;background:var(--ink)}
.hero-bg{position:absolute;inset:0;z-index:-2;background:#080a0d}
/* 实拍照片层 */
.hero-photo{
  position:absolute;inset:0;
  background-image:url("../img/web/hero-night.jpg");
  background-size:cover;background-position:center 44%;
  opacity:1;
  filter:saturate(1.02) contrast(1.04);
}
/* 暗化 + 渐变遮罩层（左侧压暗保证文字可读，右侧保留钢厂细节） */
.hero-veil{position:absolute;inset:0;
  background:
    /* 轻档局部遮罩：只覆盖左侧文字列，54% 之后完全透明 → 右侧 = 原图亮度 */
    linear-gradient(100deg,rgba(8,10,13,.58) 0%,rgba(8,10,13,.44) 20%,rgba(8,10,13,.18) 40%,rgba(8,10,13,0) 54%,rgba(8,10,13,0) 100%),
    /* 顶部极轻（导航层次），底部轻（滚动提示） */
    linear-gradient(180deg,rgba(8,10,13,.16) 0%,rgba(8,10,13,0) 26%,rgba(8,10,13,0) 78%,rgba(8,10,13,.26) 100%),
    /* 金色氛围光 */
    radial-gradient(760px 440px at 14% 24%,rgba(201,162,75,.13),transparent 62%);
}
/* 网格纹理层 */
.hero-grid{position:absolute;inset:0;opacity:.14;
  background-image:
    repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0 1px,transparent 1px 108px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 108px);
  mask-image:radial-gradient(circle at 50% 42%,#000 18%,transparent 76%);
}
.hero-ghost{
  position:absolute;right:-2.5%;bottom:-6%;z-index:-1;
  font-size:clamp(120px,23vw,340px);font-weight:800;line-height:.72;
  letter-spacing:-.05em;color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.05);
  pointer-events:none;user-select:none;white-space:nowrap;
}
.hero .wrap{
  position:relative;padding-top:clamp(26px,3.0vw,44px);padding-bottom:clamp(58px,6.5vw,96px);
  display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:clamp(38px,5vw,76px);align-items:center;
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:26px;
  padding:8px 17px 8px 12px;border-radius:100px;
  background:rgba(201,162,75,.11);border:1px solid rgba(201,162,75,.28);
  font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.15em;
  text-transform:uppercase;color:var(--gold-2);backdrop-filter:blur(6px);
}
.hero-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 0 4px rgba(201,162,75,.2);animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
.hero h1{font-size:var(--fs-display);line-height:1.06;letter-spacing:-.038em;font-weight:700;margin-bottom:26px;text-shadow:0 3px 30px rgba(0,0,0,.6)}
.hero h1 .accent{background:linear-gradient(120deg,var(--gold-2) 8%,var(--gold) 52%,#a8842f 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .outline{color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.46)}
.hero-lead{font-size:var(--fs-lead);line-height:1.8;color:#c3ccd8;max-width:52ch;margin-bottom:38px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.hero-lead strong{color:#fff;font-weight:600}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:46px}
.hero-metrics{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(24px,3vw,48px);padding-top:26px;border-top:1px solid rgba(255,255,255,.11)}
.hm b{display:block;font-size:clamp(24px,2.6vw,34px);font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.1}
.hm b em{font-style:normal;color:var(--gold);font-size:.62em;margin-left:2px}
.hm span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.13em;text-transform:uppercase;color:var(--text-3)}

/* 首屏右侧浮动面板 */
.hero-panel{position:relative}
.hpanel{
  position:relative;border-radius:var(--r-lg);padding:30px;
  background:linear-gradient(158deg,rgba(27,32,41,.9),rgba(14,17,22,.94));
  border:1px solid var(--line-2);
  box-shadow:0 34px 80px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(16px);
}
.hpanel::before,.hpanel::after{content:"";position:absolute;width:15px;height:15px;pointer-events:none}
.hpanel::before{top:15px;left:15px;border-top:1px solid rgba(201,162,75,.55);border-left:1px solid rgba(201,162,75,.55)}
.hpanel::after{bottom:15px;right:15px;border-bottom:1px solid rgba(201,162,75,.55);border-right:1px solid rgba(201,162,75,.55)}
.hpanel-h{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.hpanel-h span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
.hpanel-h i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80}
.hrow{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}
.hrow:last-of-type{border-bottom:0}
.hrow-ico{
  width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(140deg,rgba(201,162,75,.16),rgba(201,162,75,.04));
  border:1px solid rgba(201,162,75,.22);color:var(--gold-2);
}
.hrow-ico svg{width:22px;height:22px}
.hrow-t b{display:block;color:var(--text);font-size:15.5px;font-weight:600;margin-bottom:2px}
.hrow-t small{font-size:var(--fs-xs);color:var(--text-3);line-height:1.5;display:block}
.hrow-no{margin-left:auto;font-family:var(--mono);font-size:var(--fs-micro);color:var(--text-3);letter-spacing:.1em}
.scroll-cue{
  position:absolute;left:50%;bottom:22px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  font-family:var(--mono);font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--text-3);z-index:3;
}
.scroll-cue i{width:1px;height:34px;background:linear-gradient(180deg,var(--gold),transparent);animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%,100%{opacity:.25;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* ---------- 认证滚动条 ---------- */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,10,13,.62);padding:22px 0;overflow:hidden;position:relative}
.trust::before,.trust::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.trust::before{left:0;background:linear-gradient(90deg,var(--ink),transparent)}
.trust::after{right:0;background:linear-gradient(270deg,var(--ink),transparent)}
.trust-track{display:flex;gap:64px;width:max-content;animation:slide 42s linear infinite}
.trust:hover .trust-track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.trust-item{display:flex;align-items:center;gap:10px;flex:none;font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);white-space:nowrap}
.trust-item svg{width:16px;height:16px;color:var(--gold)}

/* ==========================================================================
   业务 —— 交替非对称 + 实拍图
   ========================================================================== */
.biz{padding:var(--pad-y) 0;position:relative}
.biz-row{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  gap:clamp(32px,5vw,80px);align-items:center;
  padding:clamp(38px,4.6vw,62px) 0;border-top:1px solid var(--line);
}
.biz-row:first-of-type{border-top:0;padding-top:0}
.biz-row:nth-child(even){grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.biz-row:nth-child(even) .biz-media{order:2}
.biz-no{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.2em;color:var(--gold);margin-bottom:15px;display:block}
.biz-body h3{font-size:var(--fs-h3);margin-bottom:15px}
.biz-body p{color:var(--text-2);margin-bottom:22px;line-height:1.8}
.biz-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.biz-tags span{padding:6px 13px;border-radius:100px;font-size:var(--fs-xs);background:rgba(255,255,255,.035);border:1px solid var(--line);color:var(--text-2);transition:all .25s var(--ease)}
.biz-tags span:hover{border-color:rgba(201,162,75,.4);color:var(--gold-2)}

/* 实拍图块 */
.biz-media{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  aspect-ratio:4/3;border:1px solid var(--line-2);
  background:linear-gradient(150deg,var(--bg-4),var(--ink));
}
.biz-photo{
  position:absolute;inset:0;background-size:cover;background-position:center;
  transition:transform .8s var(--ease);
  filter:saturate(.88) contrast(1.06) brightness(.90);
}
.biz-row:hover .biz-photo{transform:scale(1.05)}
.biz-scrim{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(8,10,13,.88) 0%,rgba(8,10,13,.30) 48%,rgba(8,10,13,.14) 100%);
}
.biz-media .cap{
  position:absolute;left:24px;bottom:20px;z-index:3;
  font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.68);
}
.biz-media .badge{
  position:absolute;top:20px;right:20px;z-index:3;
  padding:6px 13px;border-radius:100px;font-family:var(--mono);
  font-size:var(--fs-micro);letter-spacing:.12em;
  background:rgba(8,10,13,.7);border:1px solid var(--line-2);
  color:var(--gold-2);backdrop-filter:blur(8px);
}

/* ==========================================================================
   产品矩阵 Bento
   ========================================================================== */
.bento{padding:var(--pad-y) 0;background:rgba(20,24,32,.60);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bento-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap)}
.bcard{
  position:relative;overflow:hidden;border-radius:var(--r);
  background:linear-gradient(158deg,var(--bg-3),var(--bg-2));
  border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;
  transition:all .38s var(--ease);min-width:0;}
.bcard::before{
  content:"";position:absolute;inset:0;opacity:0;
  background:radial-gradient(420px 220px at var(--mx,50%) var(--my,0%),rgba(201,162,75,.13),transparent 68%);
  transition:opacity .4s var(--ease);
}
.bcard:hover{border-color:rgba(201,162,75,.34);transform:translateY(-5px);box-shadow:0 22px 54px rgba(0,0,0,.44)}
.bcard:hover::before{opacity:1}
.bcard>*{position:relative;z-index:2}
.bcard-lg{grid-column:span 3;grid-row:span 2}
.bcard-md{grid-column:span 3}
.bcard-sm{grid-column:span 2}
.bcard-ico{
  width:52px;height:52px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(140deg,rgba(201,162,75,.15),rgba(201,162,75,.03));
  border:1px solid rgba(201,162,75,.2);color:var(--gold-2);margin-bottom:20px;
}
.bcard-ico svg{width:25px;height:25px}
.bcard h3{font-size:var(--fs-h3);margin-bottom:12px}
.bcard p{color:var(--text-2);font-size:var(--fs-sm);line-height:1.8;margin-bottom:auto}
.bcard-no{position:absolute;top:22px;right:24px;z-index:2;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;color:var(--text-3)}
.bcard-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.bcard-foot .n{font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-3)}
.bcard-visual{
  margin-top:22px;height:170px;border-radius:var(--r-sm);overflow:hidden;
  position:relative;display:grid;place-items:center;border:1px solid var(--line);
  background:linear-gradient(150deg,#26313f,#0e1116);
}
.bcard-visual svg{width:58px;height:58px;color:rgba(255,255,255,.85);position:relative;z-index:2}
.bcard-visual::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 20px)}

/* ==========================================================================
   服务流程
   ========================================================================== */
.flow{padding:var(--pad-y) 0;position:relative;overflow:hidden}
.flow-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);position:relative;margin-top:56px}
.flow-line::before{content:"";position:absolute;top:26px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,75,.42),rgba(201,162,75,.42),transparent)}
.step{position:relative;text-align:center;padding:0 8px}
.step-dot{
  width:54px;height:54px;margin:0 auto 22px;border-radius:50%;
  display:grid;place-items:center;position:relative;z-index:2;
  background:linear-gradient(150deg,var(--bg-3),var(--ink));
  border:1px solid rgba(201,162,75,.32);
  font-family:var(--mono);font-size:15px;font-weight:700;color:var(--gold-2);
  box-shadow:0 0 0 8px var(--bg),0 0 26px rgba(201,162,75,.14);
}
.step h4{font-size:17px;margin-bottom:10px;color:var(--text)}
.step p{font-size:var(--fs-sm);color:var(--text-3);line-height:1.75}

/* ==========================================================================
   数据条
   ========================================================================== */
.stats{position:relative;padding:0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0e13}
.stats-photo{
  position:absolute;inset:0;
  background-image:url("../img/web/hero-furnace.jpg");
  background-size:cover;background-position:center 38%;
  opacity:.20;filter:grayscale(1) contrast(1.1) brightness(.7);
}
.stats-veil{position:absolute;inset:0;background:linear-gradient(140deg,rgba(11,14,19,.94),rgba(21,26,34,.82) 52%,rgba(11,14,19,.95))}
.stats-inner{position:relative;z-index:2;padding:clamp(56px,7vw,92px) 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.stat{padding:0 26px;border-left:1px solid var(--line)}
.stat:first-child{border-left:0;padding-left:0}
.stat b{display:block;font-size:clamp(34px,4.6vw,56px);font-weight:700;color:var(--text);letter-spacing:-.04em;line-height:1;margin-bottom:14px}
.stat b em{font-style:normal;font-size:.5em;color:var(--gold);margin-left:3px}
.stat span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:6px}
.stat p{font-size:var(--fs-sm);color:var(--text-2);line-height:1.7;margin:0}

/* ==========================================================================
   关于我们
   ========================================================================== */
.about{padding:var(--pad-y) 0;position:relative}
.about-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(38px,5.4vw,86px);align-items:center}
.about-media{position:relative}
.about-img{
  border-radius:var(--r-lg);overflow:hidden;aspect-ratio:5/6;
  border:1px solid var(--line-2);position:relative;
  background:linear-gradient(150deg,#26313f,#0e1116);
}
.about-photo{
  position:absolute;inset:0;background-image:url("../img/web/about-works.jpg");
  background-size:cover;background-position:center;filter:grayscale(1) contrast(1.08) brightness(.86);
}
.about-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,10,13,.7),transparent 55%)}
.about-float{
  position:absolute;right:-22px;bottom:34px;
  padding:24px 26px;border-radius:var(--r);
  background:linear-gradient(150deg,rgba(27,32,41,.95),rgba(14,17,22,.97));
  border:1px solid rgba(201,162,75,.3);
  box-shadow:0 26px 60px rgba(0,0,0,.6);backdrop-filter:blur(12px);
  min-width:186px;
}
.about-float b{display:block;font-size:34px;font-weight:700;color:var(--gold-2);letter-spacing:-.03em;line-height:1}
.about-float span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);display:block;margin-top:8px}
.about-list{margin-top:32px;border-top:1px solid var(--line)}
.about-list li{display:flex;gap:17px;padding:19px 0;border-bottom:1px solid var(--line)}
.about-list .no{font-family:var(--mono);font-size:var(--fs-micro);color:var(--gold);letter-spacing:.1em;padding-top:4px;flex:none;width:26px}
.about-list b{display:block;color:var(--text);font-weight:600;font-size:15.5px;margin-bottom:4px}
.about-list p{font-size:var(--fs-sm);color:var(--text-3);margin:0;line-height:1.7}

/* ==========================================================================
   优势 Bento
   ========================================================================== */
.adv{padding:var(--pad-y) 0;background:rgba(20,24,32,.60);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.adv-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap)}
.acard{
  grid-column:span 2;padding:30px;border-radius:var(--r);
  background:linear-gradient(158deg,var(--bg-3),var(--bg-2));
  border:1px solid var(--line);transition:all .36s var(--ease);position:relative;overflow:hidden;
}
.acard:hover{border-color:rgba(201,162,75,.32);transform:translateY(-5px);box-shadow:0 22px 50px rgba(0,0,0,.42)}
.acard-wide{grid-column:span 3;display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:start}
.acard-ico{
  width:50px;height:50px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(140deg,rgba(201,162,75,.15),rgba(201,162,75,.03));
  border:1px solid rgba(201,162,75,.2);color:var(--gold-2);margin-bottom:19px;
}
.acard-wide .acard-ico{margin-bottom:0}
.acard-ico svg{width:24px;height:24px}
.acard h3{font-size:18px;margin-bottom:11px}
.acard p{font-size:var(--fs-sm);color:var(--text-2);line-height:1.78;margin:0}
.acard .kpi{margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-family:var(--mono);font-size:var(--fs-xs);color:var(--gold)min-width:0;}

/* ==========================================================================
   案例 —— 实拍图
   ========================================================================== */
.cases{padding:var(--pad-y) 0}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.case{
  position:relative;border-radius:var(--r);overflow:hidden;
  aspect-ratio:3/4;border:1px solid var(--line-2);
  display:flex;flex-direction:column;justify-content:flex-end;padding:28px;
}
.case-photo{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s var(--ease);filter:saturate(.78) contrast(1.07) brightness(.76)}
.case:hover .case-photo{transform:scale(1.07)}
.case-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,10,13,.95) 4%,rgba(8,10,13,.42) 48%,rgba(8,10,13,.16) 100%)}
.case>*{position:relative;z-index:2}
.case-cat{
  position:absolute;top:22px;left:22px;z-index:3;
  padding:6px 13px;border-radius:100px;font-family:var(--mono);
  font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;
  background:rgba(8,10,13,.68);border:1px solid var(--line-2);
  color:var(--gold-2);backdrop-filter:blur(8px);
}
.case h4{font-size:19px;margin-bottom:9px;color:#fff}
.case p{font-size:var(--fs-sm);color:rgba(255,255,255,.7);margin:0 0 16px;line-height:1.7}
.case-meta{display:flex;gap:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;color:rgba(255,255,255,.55)}

/* ==========================================================================
   资质证书
   ========================================================================== */
.certs{padding:clamp(52px,6vw,80px) 0;background:rgba(20,24,32,.54);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.cert{display:flex;align-items:center;gap:17px;padding:22px 24px;border-radius:var(--r);background:rgba(255,255,255,.022);border:1px solid var(--line);transition:all .3s var(--ease)}
.cert:hover{border-color:rgba(201,162,75,.3);background:rgba(201,162,75,.045)}
.cert-ico{
  width:44px;height:44px;flex:none;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(140deg,rgba(201,162,75,.16),rgba(201,162,75,.04));
  border:1px solid rgba(201,162,75,.22);color:var(--gold-2);
}
.cert-ico svg{width:21px;height:21px}
.cert b{display:block;color:var(--text);font-size:15px;font-weight:600;margin-bottom:3px}
.cert small{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;color:var(--text-3);text-transform:uppercase}

/* ==========================================================================
   æ–°é—»
   ========================================================================== */
.news{padding:var(--pad-y) 0}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.ncard{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:linear-gradient(158deg,var(--bg-3),var(--bg-2));display:flex;flex-direction:column;transition:all .36s var(--ease)}
.ncard:hover{border-color:rgba(201,162,75,.3);transform:translateY(-5px);box-shadow:0 22px 50px rgba(0,0,0,.42)}
.ncard-img{height:180px;position:relative;overflow:hidden;background:linear-gradient(150deg,#26313f,#0e1116);display:grid;place-items:center}
.ncard-img::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 20px)}
.ncard-img svg{width:46px;height:46px;color:rgba(255,255,255,.8);position:relative;z-index:2}
.ncard-date{position:absolute;top:16px;left:16px;z-index:3;padding:8px 13px;border-radius:var(--r-sm);background:rgba(8,10,13,.74);border:1px solid var(--line-2);backdrop-filter:blur(8px);text-align:center}
.ncard-date b{display:block;font-size:19px;font-weight:700;color:var(--gold-2);line-height:1}
.ncard-date small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase}
.ncard-body{padding:26px;display:flex;flex-direction:column;flex:1}
.ncard-body h4{font-size:17.5px;margin-bottom:12px;line-height:1.5}
.ncard-body p{font-size:var(--fs-sm);color:var(--text-3);line-height:1.75;margin:0 0 20px;flex:1}

/* ==========================================================================
   CTA 通栏（火焰点缀）
   ========================================================================== */
.cta{position:relative;overflow:hidden;padding:clamp(62px,8vw,108px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(11,14,19,.70)}
.cta-flare{
  position:absolute;top:-30%;right:2%;width:min(46vw,620px);height:170%;
  background-image:url("../img/web/accent-flare.jpg");
  background-size:contain;background-repeat:no-repeat;background-position:center;
  opacity:.42;mix-blend-mode:screen;pointer-events:none;
  filter:saturate(1.1);
}
.cta-veil{position:absolute;inset:0;background:radial-gradient(720px 340px at 22% 50%,rgba(201,162,75,.13),transparent 66%)}
.cta .wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap}
.cta h2{font-size:var(--fs-h2);margin-bottom:12px}
.cta p{color:var(--text-2);font-size:var(--fs-lead);margin:0;max-width:52ch}
.cta-btns{display:flex;gap:13px;flex-wrap:wrap}

/* ==========================================================================
   联系我们
   ========================================================================== */
.contact{padding:var(--pad-y) 0}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:clamp(36px,5vw,72px);align-items:start}
.citem{display:flex;gap:17px;padding:20px 0;border-bottom:1px solid var(--line)}
.citem:first-of-type{border-top:1px solid var(--line)}
.citem-ico{
  width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(140deg,rgba(201,162,75,.15),rgba(201,162,75,.03));
  border:1px solid rgba(201,162,75,.2);color:var(--gold-2);
}
.citem-ico svg{width:21px;height:21px}
.citem b{display:block;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:5px;font-weight:500}
.citem span,.citem a{font-size:17px;color:var(--text);font-weight:600;letter-spacing:-.01em}
.citem a:hover{color:var(--gold-2)}
.form{
  padding:clamp(28px,3.4vw,42px);border-radius:var(--r-lg);
  background:linear-gradient(158deg,rgba(27,32,41,.75),rgba(14,17,22,.88));
  border:1px solid var(--line-2);box-shadow:0 30px 72px rgba(0,0,0,.5);
}
.form-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.form-h h3{font-size:22px}
.form-h span{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.13em;color:var(--text-3);text-transform:uppercase}
.frow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.fld{margin-bottom:17px}
.fld label{display:block;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);margin-bottom:9px}
.fld input,.fld textarea,.fld select{
  width:100%;padding:14px 16px;border-radius:var(--r-sm);
  background:rgba(255,255,255,.028);border:1px solid var(--line-2);
  color:var(--text);font-family:inherit;font-size:15px;transition:all .25s var(--ease);
}
.fld input::placeholder,.fld textarea::placeholder{color:var(--text-3)}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;border-color:rgba(201,162,75,.6);background:rgba(201,162,75,.05);box-shadow:0 0 0 4px rgba(201,162,75,.1)}
.fld select{
  appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#69737f 50%),linear-gradient(135deg,#69737f 50%,transparent 50%);
  background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 15px) calc(50% - 2px);
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
.fld select option{background:var(--bg-2);color:var(--text)}
.fld textarea{resize:vertical;min-height:120px}
.form .btn{width:100%}
.form-note{font-size:var(--fs-xs);color:var(--text-3);margin:15px 0 0;text-align:center}

/* ==========================================================================
   页脚
   ========================================================================== */
.footer{background:rgba(8,10,13,.86);border-top:1px solid var(--line);padding-top:clamp(56px,7vw,86px)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:clamp(28px,4vw,56px);padding-bottom:52px}
.foot h5{font-size:15px;color:var(--text);margin-bottom:22px;font-weight:600;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase}
.foot li{margin-bottom:12px;font-size:var(--fs-sm)}
.foot li a:hover{color:var(--gold-2)}
.foot-desc{margin-top:22px;font-size:var(--fs-sm);color:var(--text-3);line-height:1.8;max-width:34ch}
.foot-bottom{border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:var(--fs-xs);color:var(--text-3)}
.foot-bottom code{font-family:var(--mono);color:var(--text-2)}
.foot-bottom a:hover{color:var(--gold-2)}

/* ==========================================================================
   内页
   ========================================================================== */
.page-hero{position:relative;overflow:hidden;padding:clamp(62px,7vw,96px) 0 clamp(52px,6vw,78px);border-bottom:1px solid var(--line);background:#0b0e13}
.page-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center 40%;opacity:.30;filter:saturate(.8) brightness(.8)}
.page-hero-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,10,13,.95) 0%,rgba(8,10,13,.72) 46%,rgba(8,10,13,.5) 100%)}
.page-hero .wrap{position:relative;z-index:2}
.page-hero h1{font-size:var(--fs-h1);margin-bottom:14px}
.page-hero p{color:var(--text-2);font-size:var(--fs-lead);margin:0;max-width:60ch}
.crumb{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:18px}
.crumb a:hover{color:var(--gold-2)}
.crumb span{margin:0 9px;opacity:.45}

/* 图片来源页 */
.credit-list{border-top:1px solid var(--line)}
.credit-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:26px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.credit-thumb{width:110px;height:78px;border-radius:var(--r-sm);background-size:cover;background-position:center;border:1px solid var(--line-2)}
.credit-item h4{font-size:16px;margin-bottom:7px}
.credit-item p{font-size:var(--fs-sm);color:var(--text-3);margin:0 0 4px}
.credit-item a{color:var(--gold)}
.credit-item a:hover{color:var(--gold-2)}
.lic{display:inline-block;margin-top:9px;padding:3px 11px;border-radius:100px;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;background:rgba(201,162,75,.1);border:1px solid rgba(201,162,75,.26);color:var(--gold-2)}
.lic.pd{background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.24);color:#86efac}

/* ==========================================================================
   动画
   ========================================================================== */
.rv{opacity:0;transform:translateY(22px);transition:opacity .78s var(--ease),transform .78s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
  .scroll-cue i,.hero-eyebrow i,.trust-track{animation:none}
  .biz-row:hover .biz-photo,.case:hover .case-photo{transform:none}
}

/* ==========================================================================
   响应式
   ========================================================================== */
@media (max-width:1100px){
  .bento-grid,.adv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bcard-lg{grid-column:span 4;grid-row:auto}
  .bcard-md{grid-column:span 2}
  .bcard-sm{grid-column:span 2}
  .acard{grid-column:span 2}
  .acard-wide{grid-column:span 4}
  .case-grid,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px}
}
@media (max-width:960px){
  .hero .wrap{grid-template-columns:minmax(0,1fr);padding-top:64px;padding-bottom:78px}
  .hero-photo{background-position:center 34%}
  .hero-lead{max-width:none}
  .hero-ghost{font-size:clamp(90px,26vw,180px);opacity:.5}
  .biz-row,.biz-row:nth-child(even){grid-template-columns:minmax(0,1fr);gap:30px}
  .biz-row:nth-child(even) .biz-media{order:0}
  .about-grid{grid-template-columns:minmax(0,1fr);gap:52px}
  .about-float{right:16px;bottom:-18px}
  .contact-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .flow-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
  .flow-line::before{display:none}
  .stats-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
  .stat:nth-child(3){border-left:0;padding-left:0}
  .cta .wrap{flex-direction:column;align-items:flex-start}
  .cta-flare{right:-16%;opacity:.3}
}
@media (max-width:860px){
  .burger{display:grid}
  .nav{
    position:fixed;left:0;right:0;top:calc(var(--header-h) + 42px);
    flex-direction:column;align-items:stretch;gap:0;
    background:rgba(11,13,17,.99);backdrop-filter:blur(20px);
    border-bottom:1px solid var(--line-2);padding:0 24px;
    max-height:0;overflow:hidden;transition:max-height .38s var(--ease),padding .38s var(--ease);
  }
  .nav.open{max-height:78vh;overflow-y:auto;padding:14px 24px 26px}
  .nav>li>a{padding:15px 4px;border-bottom:1px solid var(--line);border-radius:0;font-size:16px}
  .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;background:transparent;padding:0 0 0 16px;min-width:0;max-height:0;overflow:hidden;transition:max-height .34s var(--ease)}
  .has-sub.open .sub{max-height:420px}
  .sub a{padding:12px 4px;border-bottom:1px solid var(--line)}
  .bento-grid,.adv-grid{grid-template-columns:minmax(0,1fr)}
  .bcard-lg,.bcard-md,.bcard-sm,.acard,.acard-wide{grid-column:span 1}
  .acard-wide{grid-template-columns:minmax(0,1fr);gap:0}
  .acard-wide .acard-ico{margin-bottom:19px}
  .case-grid,.news-grid{grid-template-columns:minmax(0,1fr)}
  .frow{grid-template-columns:minmax(0,1fr)}
  .credit-item{grid-template-columns:minmax(0,1fr);gap:14px}
}
@media (max-width:600px){
  .wrap{padding:0 20px}
  .hero-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
  .cert-grid{grid-template-columns:minmax(0,1fr)}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
  .logo-t small{display:none}
  .topbar-l a:nth-child(n+3){display:none}
  .about-float{position:static;margin-top:20px;width:100%}
  .biz-media{aspect-ratio:16/11}
  .case{aspect-ratio:4/3}
}

/* ==========================================================================
   导航大菜单（Mega Menu）—— 产品与业务下拉
   设计要点：
     · 双栏结构：左侧 5 个业务条目（图标+中英文+产品标签），右侧数据+CTA
     · 每条悬停时：金色左边条 + 图标发光 + 箭头右移
     · 面板顶部一道金色渐变细线，提升精致度
   ========================================================================== */
.has-mega>a::after{border-top-color:currentColor}

.mega{
  position:absolute;top:calc(100% + 14px);right:0;
  width:min(760px, calc(100vw - 36px));
  display:grid;grid-template-columns:minmax(0,1fr) 236px;
  background:linear-gradient(158deg, #191e27 0%, #12161d 100%);
  border:1px solid var(--line-2);border-radius:18px;overflow:hidden;
  box-shadow:0 34px 90px rgba(0,0,0,.72), 0 0 0 1px rgba(201,162,75,.07);
  opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity .26s var(--ease), transform .3s var(--ease), visibility .26s;
  z-index:120;
}
/* 顶部金色渐变细线 */
.mega::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg, transparent, var(--gold) 22%, var(--gold-2) 50%, var(--gold) 78%, transparent);
  opacity:.75;
}
.has-sub:hover .mega{opacity:1;visibility:visible;transform:translateY(0)}

/* ---- 左栏：业务条目 ---- */
.mega-main{padding:18px 16px;display:flex;flex-direction:column;gap:2px}

.mega-item{
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:15px;padding:14px 15px 14px 17px;border-radius:12px;
  transition:background .24s var(--ease);
}
.mega-item::before{                      /* 悬停金色左边条 */
  content:"";position:absolute;left:0;top:50%;width:2px;height:0;
  background:linear-gradient(180deg,var(--gold-2),var(--gold));
  border-radius:2px;transform:translateY(-50%);
  transition:height .26s var(--ease);
}
.mega-item:hover{background:rgba(255,255,255,.035)}
.mega-item:hover::before{height:60%}

.mega-ico{
  width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(201,162,75,.16),rgba(201,162,75,.03));
  border:1px solid rgba(201,162,75,.18);color:var(--gold-2);
  transition:all .26s var(--ease);
}
.mega-ico svg{width:20px;height:20px}
.mega-item:hover .mega-ico{
  background:linear-gradient(145deg,rgba(201,162,75,.26),rgba(201,162,75,.08));
  border-color:rgba(201,162,75,.42);
  box-shadow:0 0 0 4px rgba(201,162,75,.07);
}

.mega-t{min-width:0}
.mega-t b{
  display:block;font-size:15px;font-weight:600;color:var(--text);
  letter-spacing:.01em;margin-bottom:3px;
  transition:color .24s var(--ease);
}
.mega-item:hover .mega-t b{color:var(--gold-2)}
.mega-t small{
  display:block;font-family:var(--mono);font-size:10px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--text-3);margin-bottom:5px;
}
.mega-t em{
  display:block;font-style:normal;font-size:12.5px;color:var(--text-3);
  line-height:1.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.mega-arrow{
  width:17px;height:17px;flex:none;color:var(--text-3);opacity:0;
  transform:translateX(-6px);transition:all .26s var(--ease);
}
.mega-item:hover .mega-arrow{opacity:.9;transform:translateX(0);color:var(--gold)}

/* ---- 右栏：数据与 CTA ---- */
.mega-side{
  padding:26px 22px;display:flex;flex-direction:column;
  background:linear-gradient(180deg,rgba(201,162,75,.055),rgba(201,162,75,.012));
  border-left:1px solid var(--line);
}
.mega-side-eyebrow{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);margin-bottom:18px;
}
.mega-stat{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.mega-stat:last-of-type{border-bottom:0}
.mega-stat b{
  display:block;font-size:23px;font-weight:700;color:var(--text);
  letter-spacing:-.02em;line-height:1.15;margin-bottom:3px;
}
.mega-stat b em{font-style:normal;font-size:.6em;color:var(--gold);margin-left:2px}
.mega-stat span{font-size:11.5px;color:var(--text-3);letter-spacing:.02em}
.mega-cta{
  margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 16px;border-radius:11px;margin-top:20px;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:#191307;font-size:13.5px;font-weight:700;
  transition:all .24s var(--ease);
}
.mega-cta svg{width:15px;height:15px;transition:transform .24s var(--ease)}
.mega-cta:hover{box-shadow:0 10px 26px rgba(201,162,75,.32);transform:translateY(-1px)}
.mega-cta:hover svg{transform:translateX(3px)}

/* ---- 关于我们的精简下拉，同步升级质感 ---- */
.sub{
  background:linear-gradient(158deg,#191e27 0%,#12161d 100%) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.68), 0 0 0 1px rgba(201,162,75,.06) !important;
  border-radius:15px !important;
  padding:10px !important;
}
.sub a{
  display:flex !important;align-items:center;gap:10px;
  padding:11px 14px !important;border-radius:10px !important;
}
.sub a::before{
  content:"";width:4px;height:4px;border-radius:50%;
  background:var(--gold);opacity:.5;flex:none;
  transition:all .24s var(--ease);
}
.sub a:hover::before{opacity:1;box-shadow:0 0 0 3px rgba(201,162,75,.16)}

/* ==========================================================================
   语言切换器 —— 支持 5 种语言
   ========================================================================== */
.lang{display:flex;gap:2px;align-items:center}
.lang a{
  padding:4px 9px;border-radius:100px;font-family:var(--mono);
  font-size:10.5px;letter-spacing:.06em;color:var(--text-3);
  transition:all .22s var(--ease);white-space:nowrap;
}
.lang a:hover{color:var(--text);background:rgba(255,255,255,.06)}
.lang a.on{background:var(--gold);color:#191307;font-weight:700}

/* ==========================================================================
   RTL（阿拉伯语 / 波斯语）
   ========================================================================== */
[dir="rtl"] body{direction:rtl}
[dir="rtl"] .mega{right:auto;left:0}
[dir="rtl"] .mega-side{border-left:0;border-right:1px solid var(--line)}
[dir="rtl"] .mega-item::before{left:auto;right:0}
[dir="rtl"] .mega-arrow,[dir="rtl"] .mega-cta svg{transform:scaleX(-1)}
[dir="rtl"] .mega-item:hover .mega-arrow{transform:scaleX(-1) translateX(0)}
[dir="rtl"] .mega-t,[dir="rtl"] .mega-side{text-align:right}
[dir="rtl"] .topbar-l,[dir="rtl"] .nav,[dir="rtl"] .lang{direction:rtl}

/* ---- 移动端：大菜单转为折叠列表（断点对齐汉堡菜单 860px）---- */
@media (max-width:860px){
  .mega{
    position:static;width:auto;opacity:1;visibility:visible;transform:none;
    grid-template-columns:1fr;border:0;box-shadow:none;background:transparent;
    border-radius:0;max-height:0;overflow:hidden;
    transition:max-height .34s var(--ease);
  }
  .mega::before{display:none}
  .has-sub.open .mega{max-height:900px}
  .mega-main{padding:6px 0 10px}
  .mega-item{padding:13px 4px;border-bottom:1px solid var(--line);border-radius:0}
  .mega-item::before{display:none}
  .mega-arrow{opacity:.6;transform:none}
  .mega-side{display:none}
}

/* ==========================================================================
   MEGA 下拉菜单 · 精致度增强
   ========================================================================== */

/* ---- ① 序号徽标：纯 CSS counter，不需要改 HTML ---- */
.mega-main{counter-reset:mi}
.mega-item{counter-increment:mi}
.mega-item::after{
  content:counter(mi,decimal-leading-zero);
  position:absolute;right:47px;top:50%;transform:translateY(-50%);
  font-family:var(--mono);font-size:10.5px;font-weight:500;
  letter-spacing:.12em;color:var(--gold);
  opacity:.3;pointer-events:none;
  transition:opacity .26s var(--ease), transform .26s var(--ease);
}
.mega-item:hover::after{opacity:.95;transform:translateY(-50%) scale(1.08)}

/* ---- ② 逐个入场动画（仅桌面端）---- */
@media (min-width:861px){
  .mega-item{
    opacity:0;transform:translateX(-10px);
    transition:opacity .34s var(--ease), transform .34s var(--ease),
               background .24s var(--ease);
  }
  .has-sub:hover .mega-item{opacity:1;transform:translateX(0)}
  .has-sub:hover .mega-item:nth-child(1){transition-delay:.03s}
  .has-sub:hover .mega-item:nth-child(2){transition-delay:.07s}
  .has-sub:hover .mega-item:nth-child(3){transition-delay:.11s}
  .has-sub:hover .mega-item:nth-child(4){transition-delay:.15s}
  .has-sub:hover .mega-item:nth-child(5){transition-delay:.19s}
  .has-sub:hover .mega-item:nth-child(6){transition-delay:.23s}
  /* 右栏同步淡入 */
  .mega-side{opacity:0;transition:opacity .4s var(--ease) .12s}
  .has-sub:hover .mega-side{opacity:1}
}

/* ---- ③ 图标微交互：悬停时轻微放大 + 上浮 ---- */
.mega-item:hover .mega-ico{transform:translateY(-1px) scale(1.04)}
.mega-ico svg{transition:transform .3s var(--ease)}
.mega-item:hover .mega-ico svg{transform:scale(1.06)}

/* ---- ④ 面板质感：细腻纹理 + 内发光 ---- */
.mega{
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(201,162,75,.075), transparent 55%),
    linear-gradient(158deg, #1a1f29 0%, #12161d 100%);
}
/* 极细网格纹理 */
.mega-main::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(100% 70% at 30% 0%, #000 0%, transparent 78%);
          mask-image:radial-gradient(100% 70% at 30% 0%, #000 0%, transparent 78%);
}
.mega-main{position:relative}
/* 右栏顶部高光 */
.mega-side::before{
  content:"";position:absolute;top:0;left:22px;right:22px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,162,75,.4),transparent);
}
.mega-side{position:relative}

/* ---- ⑤ 「关于我们」精简下拉同步升级 ---- */
.sub{position:absolute}
.sub li:not(:last-child){border-bottom:1px solid rgba(255,255,255,.045)}
.sub a{
  position:relative;
  transition:background .22s var(--ease), color .22s var(--ease),
             padding-left .24s var(--ease) !important;
}
.sub a:hover{padding-left:19px !important}

/* ---- ⑥ 焦点可见性（键盘无障碍）---- */
.mega-item:focus-visible,
.nav>li>a:focus-visible,
.sub a:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

/* ==========================================================================
   二级 mega 菜单（关于我们）
   ========================================================================== */
.mega-sm{width:min(560px, calc(100vw - 36px))}

.mega-links{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.mega-link{
  display:flex;align-items:center;gap:9px;
  padding:11px 14px;border-radius:9px;
  font-size:13px;font-weight:500;color:var(--text-2);
  border:1px solid var(--line);
  transition:all .24s var(--ease);
}
.mega-link svg{width:14px;height:14px;margin-left:auto;flex:none;
  transition:transform .24s var(--ease);opacity:.65}
.mega-link:hover{
  border-color:rgba(201,162,75,.4);
  background:rgba(201,162,75,.055);
  color:var(--gold-2);
  transform:translateX(2px);
}
.mega-link:hover svg{transform:translateX(3px);opacity:1}

[dir="rtl"] .mega-link:hover{transform:translateX(-2px)}
[dir="rtl"] .mega-link svg{transform:scaleX(-1)}
[dir="rtl"] .mega-link:hover svg{transform:scaleX(-1) translateX(3px)}

/* ==========================================================================
   多语言支持 —— 字体栈
   ========================================================================== */
html[lang="zh-CN"], html[lang="zh"]{
  --font:"Inter","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",
         "PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
}
html[lang="ru"]{
  --font:"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
html[lang="ar"], html[lang="fa"]{
  --font:"Noto Naskh Arabic","Segoe UI",Tahoma,"Geeza Pro",Arial,sans-serif;
}
/* 阿语 / 波斯语：行高与字号需要放大，且不用大写转换和字距 */
html[lang="ar"] body, html[lang="fa"] body{font-size:16.5px;line-height:2.0}
html[lang="ar"] .eyebrow, html[lang="fa"] .eyebrow,
html[lang="ar"] .mega-t small, html[lang="fa"] .mega-t small,
html[lang="ar"] .mega-side-eyebrow, html[lang="fa"] .mega-side-eyebrow,
html[lang="ar"] .toc h4, html[lang="fa"] .toc h4,
html[lang="ar"] .spec-table th, html[lang="fa"] .spec-table th,
html[lang="ar"] .prod-tag, html[lang="fa"] .prod-tag,
html[lang="ar"] .biz-no, html[lang="fa"] .biz-no{
  text-transform:none;letter-spacing:0;
}
html[lang="ar"] .mega-t b, html[lang="fa"] .mega-t b{font-size:15.5px}
html[lang="ar"] .mega-t em, html[lang="fa"] .mega-t em{font-size:13px}
html[lang="ar"] .prod-tag, html[lang="fa"] .prod-tag{font-size:11px}
html[lang="ar"] .sec-title, html[lang="fa"] .sec-title{line-height:1.45}
html[lang="ar"] .page-hero h1, html[lang="fa"] .page-hero h1{line-height:1.35}

/* ==========================================================================
   RTL 镜像（[dir="rtl"] —— 阿拉伯语 / 波斯语）
   ========================================================================== */
[dir="rtl"]{direction:rtl}
[dir="rtl"] body{direction:rtl;text-align:right}

/* ---- 顶栏 / 页头 ---- */
[dir="rtl"] .topbar .wrap,
[dir="rtl"] .header .wrap{flex-direction:row-reverse}
[dir="rtl"] .topbar-l{flex-direction:row-reverse}
[dir="rtl"] .lang{margin-left:0;margin-right:auto;flex-direction:row-reverse}

/* ---- 主导航 ---- */
[dir="rtl"] .nav{direction:rtl;flex-direction:row-reverse}
[dir="rtl"] .logo{flex-direction:row-reverse}
[dir="rtl"] .logo-t{text-align:right}

/* ---- Mega 下拉 ---- */
[dir="rtl"] .mega{right:auto;left:0}
[dir="rtl"] .mega-main{direction:rtl}
[dir="rtl"] .mega-item{padding:14px 17px 14px 15px;text-align:right}
[dir="rtl"] .mega-item::before{left:auto;right:0}
[dir="rtl"] .mega-item::after{right:auto;left:47px}
[dir="rtl"] .mega-t{text-align:right;direction:rtl}
[dir="rtl"] .mega-side{
  border-left:0;border-right:1px solid var(--line);
  text-align:right;direction:rtl;
}
[dir="rtl"] .mega-side::before{left:22px;right:22px}
[dir="rtl"] .mega-arrow,
[dir="rtl"] .mega-cta svg,
[dir="rtl"] .tlink svg,
[dir="rtl"] .pager .arrow,
[dir="rtl"] .back-link svg{transform:scaleX(-1)}
[dir="rtl"] .mega-item:hover .mega-arrow{transform:scaleX(-1) translateX(0)}
[dir="rtl"] .mega-stat{direction:rtl}

/* ---- 关于我们下拉 ---- */
[dir="rtl"] .sub{right:auto;left:0}
[dir="rtl"] .sub a{flex-direction:row-reverse;text-align:right}
[dir="rtl"] .sub a:hover{padding-left:14px !important;padding-right:19px !important}

/* ---- 面包屑 ---- */
[dir="rtl"] .crumb{direction:rtl}

/* ---- 文本块统一右对齐 ---- */
[dir="rtl"] .sec-head,
[dir="rtl"] .doc-body,
[dir="rtl"] .prod-body,
[dir="rtl"] .biz-body,
[dir="rtl"] .ph-body,
[dir="rtl"] .tl-item,
[dir="rtl"] .eq,
[dir="rtl"] .kpi,
[dir="rtl"] .value,
[dir="rtl"] .f8,
[dir="rtl"] .ind,
[dir="rtl"] .pcell{text-align:right}

/* ---- 图标在前的横排元素：翻转方向 ---- */
[dir="rtl"] .ind,
[dir="rtl"] .rel,
[dir="rtl"] .pager a,
[dir="rtl"] .eq li,
[dir="rtl"] .citem{flex-direction:row-reverse}
[dir="rtl"] .ind::before{margin-left:10px;margin-right:0}
[dir="rtl"] .eq li{padding:4px 14px 4px 0}
[dir="rtl"] .eq li::before{left:auto;right:0}

/* ---- 时间线镜像 ---- */
[dir="rtl"] .timeline{padding-left:0;padding-right:30px}
[dir="rtl"] .timeline::before{left:auto;right:6px}
[dir="rtl"] .tl-item::before{left:auto;right:-30px}

/* ---- 表格 ---- */
[dir="rtl"] .spec-table th,
[dir="rtl"] .spec-table td{text-align:right}
[dir="rtl"] .spec-table td:first-child{text-align:right}

/* ---- 表单 ---- */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select{text-align:right;direction:rtl}
[dir="rtl"] .frow{direction:rtl}

/* ---- 页脚 ---- */
[dir="rtl"] .foot-grid{direction:rtl;text-align:right}
[dir="rtl"] .foot{text-align:right}
[dir="rtl"] .foot-bottom{flex-direction:row-reverse}
[dir="rtl"] .foot ul{padding-right:0}

/* ---- 数字 / 代码 / 拉丁文保持 LTR 方向 ---- */
[dir="rtl"] .n,
[dir="rtl"] code,
[dir="rtl"] .bcard-no,
[dir="rtl"] .kpi b,
[dir="rtl"] .mega-stat b,
[dir="rtl"] .biz-no,
[dir="rtl"] .eyebrow,
[dir="rtl"] .crumb code{direction:ltr;unicode-bidi:embed;display:inline-block}
[dir="rtl"] .mega-stat b,
[dir="rtl"] .kpi b{display:block}

/* ---- Pager 方向 ---- */
[dir="rtl"] .pager .next{flex-direction:row;text-align:left}
[dir="rtl"] .pager .prev{flex-direction:row-reverse;text-align:right}
[dir="rtl"] .pager .arrow{margin-left:0;margin-right:auto}
[dir="rtl"] .pager .next .arrow{margin-left:auto;margin-right:0}

/* ==========================================================================
   RTL 完整补齐（阿拉伯语 / 波斯语）
   已有规则见上文；此处覆盖剩余的方向性属性
   ========================================================================== */

/* ---- 页面骨架 ---- */
[dir="rtl"] .hero,
[dir="rtl"] .hero-badge,
[dir="rtl"] .sec-head,
[dir="rtl"] .doc-body,
[dir="rtl"] .ph-body,
[dir="rtl"] .biz-body,
[dir="rtl"] .prod-body,
[dir="rtl"] .bcard,
[dir="rtl"] .f8,
[dir="rtl"] .value,
[dir="rtl"] .kpi,
[dir="rtl"] .eq,
[dir="rtl"] .rel,
[dir="rtl"] .toc,
[dir="rtl"] .partners-note{text-align:right}

[dir="rtl"] .sec-head.center{text-align:center}

/* 列表项目符号 */
[dir="rtl"] .hero-metrics,
[dir="rtl"] .biz-tags,
[dir="rtl"] .prod-spec{justify-content:flex-start}

/* ---- 序号 / 代码 / 型号保持 LTR ---- */
[dir="rtl"] .n,
[dir="rtl"] code,
[dir="rtl"] .bcard-no,
[dir="rtl"] .biz-no,
[dir="rtl"] .hrow-no,
[dir="rtl"] .prod-tag,
[dir="rtl"] .f8 .n,
[dir="rtl"] .mega-t small,
[dir="rtl"] .tl-item b,
[dir="rtl"] .mega-side-eyebrow,
[dir="rtl"] .eyebrow,
[dir="rtl"] .kpi span,
[dir="rtl"] .stat span{
  direction:ltr;
  unicode-bidi:isolate;
}

/* ---- 图片容器里的定位 ---- */
[dir="rtl"] .logo-item img{
  left:auto;right:22px;
}
[dir="rtl"] .prod-media .prod-tag{
  left:auto;right:14px;
}
[dir="rtl"] .bcard-media .cap{
  left:auto;right:20px;
}

/* ---- mega 菜单序号徽标 ---- */
[dir="rtl"] .mega-item::after{
  right:auto;left:47px;
}
[dir="rtl"] .mega-item{
  padding:14px 17px 14px 15px;
}

/* ---- 表格 ---- */
[dir="rtl"] .spec-table th,
[dir="rtl"] .spec-table td{text-align:right}
[dir="rtl"] .spec-table td:first-child{text-align:right}

/* ---- 表单 ---- */
[dir="rtl"] .fld input,
[dir="rtl"] .fld select,
[dir="rtl"] .fld textarea{text-align:right}
[dir="rtl"] .fld select{
  background-position:left 14px center;
  padding-left:38px;padding-right:14px;
}

/* ---- 强制左对齐的标题 ---- */
[dir="rtl"] .sec-head.left{text-align:right}

/* ---- 卡片底部 / 页脚 ---- */
[dir="rtl"] .bcard-foot,
[dir="rtl"] .prod-foot{flex-direction:row-reverse}
[dir="rtl"] .pager .prev,
[dir="rtl"] .pager .next{text-align:right}
[dir="rtl"] .pager .next{text-align:left}

/* ---- 时间线（已有基础规则，这里补内边距）---- */
[dir="rtl"] .timeline{padding-right:30px;padding-left:0}

/* ---- 联系信息列表 ---- */
[dir="rtl"] .citem,
[dir="rtl"] .cinfo,
[dir="rtl"] .foot ul,
[dir="rtl"] .foot-desc{text-align:right}

/* ---- 滚动淡入动画方向 ---- */
[dir="rtl"] .rv{transform:translateX(-18px)}
[dir="rtl"] .rv.in{transform:none}

/* ---- 号码 / 邮箱保持 LTR 顺序 ---- */
[dir="rtl"] .topbar-l a,
[dir="rtl"] .foot a[href^="tel:"],
[dir="rtl"] .foot a[href^="mailto:"],
[dir="rtl"] .citem a[href^="tel:"],
[dir="rtl"] .citem a[href^="mailto:"]{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-flex;
}

/* ==========================================================================
   阿拉伯语 / 波斯语字体
   ========================================================================== */
:lang(ar),
:lang(fa){
  font-family:"Segoe UI","Tahoma","Noto Sans Arabic","Noto Naskh Arabic",
              "Iranian Sans","Vazirmatn","Arial",sans-serif;
}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3,:lang(ar) .sec-title,
:lang(fa) h1,:lang(fa) h2,:lang(fa) h3,:lang(fa) .sec-title{
  line-height:1.45;
  letter-spacing:0;
}
/* 阿拉伯/波斯文字不宜用大字距 */
:lang(ar) .eyebrow,:lang(fa) .eyebrow,
:lang(ar) .sec-title,:lang(fa) .sec-title{
  letter-spacing:0;
}

/* ==========================================================================
   下拉菜单尺寸调整（v2）
   用户反馈：原 760px 过大，遮住页面左半边 → 收到约一半（420px）
   做法：改为单列紧凑布局；右侧数据面板压成底部一条 CTA
   ========================================================================== */
.mega{
  width:min(420px, calc(100vw - 32px)) !important;
  display:block !important;            /* 不再分两栏 */
}

/* 条目压缩 */
.mega-main{padding:9px 9px 7px !important;gap:1px !important}
.mega-item{
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:11px !important;
  padding:10px 11px 10px 13px !important;
  border-radius:10px !important;
}
.mega-ico{width:35px !important;height:35px !important;border-radius:9px !important}
.mega-ico svg{width:16.5px !important;height:16.5px !important}
.mega-t b{font-size:13.5px !important;margin-bottom:2px !important}
.mega-t small{font-size:8.5px !important;letter-spacing:.11em !important;margin-bottom:3px !important}
.mega-t em{font-size:11px !important;line-height:1.45 !important}
.mega-arrow{width:15px !important;height:15px !important}

/* 右侧数据面板 → 底部 CTA 条 */
.mega-side{
  display:block !important;
  padding:10px 12px !important;
  border-left:0 !important;
  border-top:1px solid var(--line) !important;
  background:linear-gradient(90deg,rgba(201,162,75,.07),rgba(201,162,75,.015)) !important;
}
.mega-side-eyebrow,.mega-stat{display:none !important}
.mega-cta{
  margin:0 !important;width:100% !important;
  padding:9px 12px !important;font-size:12px !important;
  border-radius:9px !important;
}

/* RTL 保持镜像 */
[dir="rtl"] .mega{right:auto !important;left:0 !important}
[dir="rtl"] .mega-side{border-right:0 !important;border-top:1px solid var(--line) !important}

/* 移动端仍走折叠逻辑 */
@media (max-width:860px){
  .mega{width:auto !important;display:block !important}
  .mega-side{display:none !important}
}

/* ==========================================================================
   语言切换器：国旗 + 文字
   ========================================================================== */
.lang a{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 9px 3px 6px !important;
}
.lang .flag{
  width:20px;height:14px;flex:none;display:block;
  border-radius:2.5px;object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,255,255,.18), 0 1px 2px rgba(0,0,0,.4);
  transition:box-shadow .22s var(--ease), transform .22s var(--ease);
}
.lang a:hover .flag{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.3),0 2px 6px rgba(0,0,0,.5)}
.lang a.on .flag{box-shadow:0 0 0 1px rgba(25,19,7,.35)}
.lang a span{font-size:10.5px;letter-spacing:.04em}
/* RTL 下国旗顺序自然跟随 */
[dir="rtl"] .lang{direction:rtl}

@media (max-width:600px){
  .lang a span{display:none}      /* 小屏只留国旗，省空间 */
  .lang a{padding:4px 6px !important}
}

/* ==========================================================================
   ① 顶部信息条「常驻」修复
   问题：滚动或展开下拉时，含语言切换/电话/地址的顶栏会消失
   做法：顶栏也 sticky 固定在顶端；主导航吸附在顶栏之下
   ========================================================================== */
.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:260 !important;          /* 高于 header(220) 与 mega */
}
.header{
  position:sticky !important;
  top:var(--tb-h, 43px) !important;
  z-index:240 !important;
}
/* 下拉菜单层级仍低于顶栏 */
.mega{z-index:120 !important}

/* 顶栏在窄屏会换行，此时不再吸附，避免遮住导航 */
@media (max-width:860px){
  .topbar{position:relative !important;top:auto !important}
  .header{top:0 !important}
}

/* 滚动后顶栏加一点底影，强化"浮在页面上"的感觉 */
.topbar{
  box-shadow:0 1px 0 rgba(255,255,255,.04);
  transition:background .3s var(--ease), box-shadow .3s var(--ease);
}
body.scrolled .topbar{
  background:rgba(8,10,13,.97);
  box-shadow:0 8px 24px rgba(0,0,0,.42), 0 1px 0 rgba(201,162,75,.1);
}

/* ==========================================================================
   ② 合作伙伴 logo 墙 v3
   用户反馈：logo 太小、且要彩色
   做法：浅色卡片 + 彩色 logo 尽量铺满 + 放大单元格
   ========================================================================== */
.logo-wall{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)) !important;
  gap:16px !important;
}
.logo-item{
  position:relative !important;
  aspect-ratio:auto !important;
  height:118px !important;
  min-width:0 !important;
  overflow:hidden !important;
  border-radius:14px !important;
  /* 浅底：让彩色 logo 完整显现（深色 logo 在深底上会看不见） */
  background:linear-gradient(158deg, #ffffff 0%, #f2f4f8 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.9) !important;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease) !important;
}
.logo-item img{
  position:absolute !important;
  left:14px !important;
  top:14px !important;
  width:calc(100% - 28px) !important;
  height:calc(100% - 28px) !important;
  object-fit:contain !important;      /* 完整显示，不裁切 */
  object-position:center !important;
  filter:none !important;
  opacity:1 !important;
}
.logo-item:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.42), 0 0 0 1px rgba(201,162,75,.4), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
/* 悬停时名字浮现 */
.logo-item .logo-name{
  position:absolute;left:0;right:0;bottom:0;
  padding:16px 12px 8px;
  font-size:11px;font-weight:600;color:#0e1116;text-align:center;
  background:linear-gradient(to top, rgba(255,255,255,.97), rgba(255,255,255,0));
  opacity:0;transition:opacity .26s var(--ease);pointer-events:none;
}
.logo-item:hover .logo-name{opacity:1}

@media (max-width:760px){
  .logo-wall{grid-template-columns:repeat(auto-fill, minmax(150px,1fr)) !important;gap:10px !important}
  .logo-item{height:88px !important}
  .logo-item img{left:10px !important;top:10px !important;width:calc(100% - 20px) !important;height:calc(100% - 20px) !important}
}

/* ==========================================================================
   「关于我们」下拉 重新设计
   问题：v2 的 .mega{display:block!important} 波及 .mega-sm，
        使右栏 4 个快捷链接掉到下面、叠成竖排（用户反馈不符合设计风格）
   做法：主条目保持单列，快捷链接压成底部「横排条」
   ========================================================================== */
.mega.mega-sm{
  width:min(430px, calc(100vw - 32px)) !important;
  display:block !important;
}

/* 主条目区（三张：公司简介 / 核心价值观 / 全球市场） */
.mega-sm .mega-main{
  padding:9px 9px 8px !important;
  gap:1px !important;
}

/* 底部横排条 */
.mega-sm .mega-side{
  display:block !important;
  padding:9px 10px !important;
  border-left:0 !important;
  border-top:1px solid var(--line) !important;
  background:linear-gradient(90deg,rgba(201,162,75,.07),rgba(201,162,75,.015)) !important;
}
.mega-sm .mega-side-eyebrow,
.mega-sm .mega-stat{display:none !important}

/* 关键：快捷链接横排，不再竖着堆 */
.mega-sm .mega-links{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin-top:0 !important;
}
.mega-sm .mega-link{
  flex:1 1 0 !important;
  min-width:0 !important;
  justify-content:center !important;
  gap:0 !important;
  padding:8px 6px !important;
  border-radius:8px !important;
  font-size:11.5px !important;
  white-space:normal !important;
  line-height:1.22 !important;
  min-height:34px !important;
  align-items:center !important;
  text-align:center !important;
  border:1px solid transparent !important;
  background:rgba(255,255,255,.035) !important;
}
/* 横排条里不需要箭头，省空间 */
.mega-sm .mega-link svg{display:none !important}
.mega-sm .mega-link:hover{
  transform:none !important;
  border-color:rgba(201,162,75,.42) !important;
  background:rgba(201,162,75,.1) !important;
  color:var(--gold-2) !important;
}
[dir="rtl"] .mega-sm .mega-link:hover{transform:none !important}

/* 窄屏：一行放不下就两行，但仍是横向排列 */
@media (max-width:520px){
  .mega-sm .mega-link{flex:1 1 calc(50% - 6px) !important;font-size:11px !important}
}

/* ==========================================================================
   数据条 比例重调
   用户反馈：上半部分（标签/数字）太小看不清，中间金色单位太大
   原因：.stat b em 用 .5em 跟着数字缩放，数字一大单位就跟着大
   做法：标签 11.5px→13px 并提亮；数字略收；单位改为固定 16px
   ========================================================================== */
.stat span{
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.13em !important;
  color:var(--text-2) !important;          /* 从 #69737f 提亮 → 可读 */
  margin-bottom:12px !important;
  line-height:1.4 !important;
}
.stat b{
  display:flex !important;
  align-items:baseline !important;
  flex-wrap:wrap !important;
  gap:0 7px !important;
  font-size:clamp(32px,3.2vw,44px) !important;   /* 56 → 44，与单位更协调 */
  line-height:1.04 !important;
  letter-spacing:-.02em !important;
  margin-bottom:14px !important;
}
.stat b em{
  font-size:16px !important;                /* 关键：固定 16px，不再跟着数字放大 */
  font-weight:600 !important;
  letter-spacing:.02em !important;
  line-height:1.2 !important;
  margin-left:0 !important;
  color:var(--gold) !important;
}
.stat p{
  font-size:14px !important;
  line-height:1.68 !important;
  color:var(--text-2) !important;
}
/* 数字计数的内层 span 不要继承 flex 造成的拉伸 */
.stat b > span{display:inline-block}

/* 中屏 */
@media (max-width:960px){
  .stat b{font-size:clamp(30px,5.4vw,40px) !important}
  .stat b em{font-size:15px !important}
  .stat span{font-size:12.5px !important}
}
/* 窄屏 */
@media (max-width:620px){
  .stat b{font-size:32px !important}
  .stat b em{font-size:14.5px !important}
  .stat span{font-size:12px !important}
  .stat p{font-size:13.5px !important}
}

/* ==========================================================================
   右侧悬浮联系栏（WhatsApp / 微信 / 电话 / 邮箱 / 回顶部）
   ========================================================================== */
.crail{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:300;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.crail-btn{
  position:relative;
  width:46px;height:46px;
  display:flex;align-items:center;justify-content:center;
  border-radius:13px;
  background:linear-gradient(158deg,rgba(26,31,41,.96),rgba(18,22,29,.96));
  border:1px solid var(--line-2);
  color:var(--text-2);
  cursor:pointer;
  backdrop-filter:blur(12px);
  box-shadow:0 8px 22px rgba(0,0,0,.4);
  transition:all .26s var(--ease);
}
.crail-btn svg{width:21px;height:21px;flex:none;transition:transform .26s var(--ease)}
.crail-btn:hover,.crail-btn:focus-visible{
  color:var(--gold-2);
  border-color:rgba(201,162,75,.5);
  background:linear-gradient(158deg,rgba(38,45,58,.98),rgba(22,27,35,.98));
  transform:translateX(-3px);
}
.crail-btn:hover svg{transform:scale(1.08)}

/* 品牌色悬停 */
.crail-wa:hover{color:#25D366;border-color:rgba(37,211,102,.55)}
.crail-wc:hover{color:#07C160;border-color:rgba(7,193,96,.55)}

/* 提示气泡 */
.crail-tip{
  position:absolute;right:calc(100% + 12px);
  top:50%;transform:translateY(-50%) translateX(6px);
  white-space:nowrap;
  padding:9px 14px;
  border-radius:10px;
  background:rgba(10,13,18,.97);
  border:1px solid rgba(201,162,75,.3);
  color:var(--text);
  font-size:13px;font-weight:500;
  line-height:1.5;
  opacity:0;visibility:hidden;pointer-events:none;
  box-shadow:0 12px 32px rgba(0,0,0,.6);
  transition:all .24s var(--ease);
}
.crail-tip b{display:block;font-weight:600;color:var(--text)}
.crail-tip em{
  display:block;font-style:normal;
  font-family:var(--mono);font-size:11.5px;
  color:var(--gold);margin-top:2px;letter-spacing:.02em;
}
.crail-tip i{display:block;font-style:normal;font-size:11px;color:var(--text-3);margin-top:3px}
.crail-btn:hover .crail-tip,
.crail-btn:focus-visible .crail-tip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}

/* 微信卡片（更宽，带二维码位） */
.crail-tip-wc{
  padding:14px;text-align:center;white-space:normal;width:190px;
}
.crail-qr{
  display:block;width:150px;height:150px;margin:9px auto 0;
  border-radius:9px;background:#fff;
  background-image:linear-gradient(45deg,#e8eaee 25%,transparent 25%,transparent 75%,#e8eaee 75%),
                   linear-gradient(45deg,#e8eaee 25%,transparent 25%,transparent 75%,#e8eaee 75%);
  background-size:14px 14px;background-position:0 0,7px 7px;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;color:#8a93a1;
}

/* 回顶部 */
.crail-top{opacity:0;visibility:hidden;transform:translateY(6px)}
.crail-top.show{opacity:1;visibility:visible;transform:none}

/* 窄屏：横排到底部 */
@media (max-width:860px){
  .crail{
    right:0;left:0;top:auto;bottom:0;
    transform:none;
    flex-direction:row;
    justify-content:center;
    gap:0;
    padding:7px 8px;
    background:rgba(10,13,18,.96);
    border-top:1px solid var(--line);
    backdrop-filter:blur(14px);
  }
  .crail-btn{
    width:auto;min-width:52px;height:42px;flex:1;
    border:0;background:transparent;box-shadow:none;
  }
  .crail-btn:hover{transform:none;background:rgba(201,162,75,.08)}
  .crail-tip{display:none !important}
  .crail-top{display:none}
  body{padding-bottom:58px}
}

/* RTL 镜像 */
[dir="rtl"] .crail{right:auto;left:18px}
[dir="rtl"] .crail-tip{right:auto;left:calc(100% + 12px);transform:translateY(-50%) translateX(-6px)}
[dir="rtl"] .crail-btn:hover{transform:translateX(3px)}
[dir="rtl"] .crail-btn:hover .crail-tip{transform:translateY(-50%) translateX(0)}
@media (max-width:860px){
  [dir="rtl"] .crail{left:0;right:0}
}

/* ==========================================================================
   页脚 / 联系页里的即时通讯行
   ========================================================================== */
.im-row{
  display:flex;align-items:center;gap:10px;
}
.im-row svg{width:17px;height:17px;flex:none}
.im-wa svg{color:#25D366}
.im-wc svg{color:#07C160}
.im-row a{color:var(--text-2)}
.im-row a:hover{color:var(--gold-2)}

/* 联系页「即时沟通」卡片 */
.im-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:var(--gap);margin-top:8px;
}
.im-card{
  position:relative;padding:26px 24px;border-radius:var(--r);
  background:linear-gradient(158deg,var(--bg-3),var(--bg-2));
  border:1px solid var(--line);text-align:center;
  transition:all .3s var(--ease);
}
.im-card:hover{border-color:rgba(201,162,75,.34);transform:translateY(-4px);box-shadow:0 20px 44px rgba(0,0,0,.42)}
.im-card-ico{
  width:54px;height:54px;margin:0 auto 16px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);border:1px solid var(--line-2);
}
.im-card-ico svg{width:27px;height:27px}
.im-card b{display:block;font-size:16px;color:var(--text);margin-bottom:6px}
.im-card .im-id{
  display:block;font-family:var(--mono);font-size:13px;
  color:var(--gold);letter-spacing:.02em;margin-bottom:12px;
  word-break:break-all;
}
.im-card p{font-size:var(--fs-sm);color:var(--text-2);line-height:1.7;margin:0 0 14px}
.im-card .btn{width:100%;justify-content:center}

/* ==========================================================================
   合作伙伴 logo 墙 v4 —— 修复白框/居中/清晰度
   ========================================================================== */
.logo-item{
  /* 纯白（不再用渐变，避免 logo 自带白底显出边界） */
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 4px 16px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.9) !important;
  height:124px !important;
}
.logo-item img{
  left:10px !important;top:10px !important;
  width:calc(100% - 20px) !important;height:calc(100% - 20px) !important;
  object-fit:contain !important;object-position:center !important;
  image-rendering:auto !important;
}
/* 悬停名字：两行（中文 + 英文） */
.logo-item .logo-name{
  padding:18px 10px 8px !important;
  font-size:12px !important;line-height:1.35 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}
.logo-item .logo-name em{
  display:block;font-style:normal;
  font-size:10px;font-weight:500;letter-spacing:.02em;
  color:#5a626e;margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
@media (max-width:760px){
  .logo-item{height:92px !important}
  .logo-item .logo-name{font-size:11px !important;padding:14px 8px 6px !important}
  .logo-item .logo-name em{font-size:9px}
}

/* ==========================================================================
   合作伙伴 logo 墙 v5 —— 修正居中 & 恢复原始对比度
   --------------------------------------------------------------------------
   根因：pages.css 末尾的
        .logo-item img{max-width:calc(100% - 44px);max-height:calc(100% - 36px)}
        会在层叠之后钳制宽度（!important 的 width 也压不住），
        而 left 仍是 10px  →  左 10px / 右 34px  →  视觉偏左
   修法：显式把 max-* 一起对齐到同一组值
   ========================================================================== */
.logo-item img{
  left:10px !important;
  top:10px !important;
  right:auto !important;
  width:calc(100% - 20px) !important;
  height:calc(100% - 20px) !important;
  max-width:calc(100% - 20px) !important;
  max-height:calc(100% - 20px) !important;
  object-fit:contain !important;
  object-position:center center !important;
  opacity:1 !important;
  filter:none !important;
}
/* 卡片保持纯白：logo 自带的白底自然隐形，且颜色不被改动 */
.logo-item{
  background:#ffffff !important;
  height:124px !important;
}
/* RTL 语言也居中 */
[dir="rtl"] .logo-item img{left:10px !important;right:10px !important;width:calc(100% - 20px) !important}

/* ==========================================================================
   下拉菜单修复（v7）
   --------------------------------------------------------------------------
   v6 引入的两个 bug：
     1) :focus-within —— 导航链接一旦获得焦点（点击/Tab 后残留），
        菜单就永久展开，收不回去。→ 改为 a:focus-visible ~ .mega
     2) pointer-events:none —— 不打过渡、瞬间生效，
        鼠标经过 nav 与面板之间 14px 间隙时立刻不可点击。
        → 删掉（visibility:hidden 本身就能阻止点击）
   v7 还加了「悬停桥接层」，覆盖 top:calc(100% + 14px) 那段死亡间隙。
   ========================================================================== */

/* ---- 默认隐藏：只靠 opacity + visibility（visibility 已能阻止点击）---- */
html body .nav .has-sub > .mega{
  opacity:0 !important;
  visibility:hidden !important;
}

/* ---- 显示：悬停 / 键盘可见焦点 / 移动端点开 ---- */
html body .nav .has-sub:hover > .mega,
html body .nav .has-sub > a:focus-visible ~ .mega,
html body .nav .has-sub.open > .mega{
  opacity:1 !important;
  visibility:visible !important;
}

/* ---- 悬停桥接层：消除 14px 死亡间隙 ---- */
@media (min-width:861px){
  html body .nav .has-sub{position:relative !important}
  html body .nav .has-sub::after{
    content:"" !important;
    position:absolute !important;
    left:-18px !important;
    right:-18px !important;
    top:100% !important;
    height:26px !important;
    background:transparent !important;
    pointer-events:auto !important;
  }
  html body .nav .has-sub:hover > .mega,
  html body .nav .has-sub > a:focus-visible ~ .mega{
    transform:translateY(0) !important;
  }
}

/* ---- 移动端：手风琴，必须 .open 才展开；禁用 hover 展开 ---- */
@media (max-width:860px){
  html body .nav .has-sub > .mega{
    position:static !important;
    max-height:0 !important;
    overflow:hidden !important;
    transform:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }
  html body .nav .has-sub.open > .mega{
    opacity:1 !important;
    visibility:visible !important;
    max-height:900px !important;
  }
  html body .nav .has-sub:hover > .mega{
    opacity:0 !important;
    visibility:hidden !important;
    max-height:0 !important;
  }
  html body .nav .has-sub.open:hover > .mega{
    opacity:1 !important;
    visibility:visible !important;
    max-height:900px !important;
  }
}

/* ---- 触屏：只认 .open ---- */
@media (hover:none){
  html body .nav .has-sub:hover > .mega{
    opacity:0 !important;
    visibility:hidden !important;
  }
  html body .nav .has-sub.open > .mega{
    opacity:1 !important;
    visibility:visible !important;
  }
}

/* ==========================================================================
   首页动效系统
   ========================================================================== */

/* ---- ① Hero 业务胶囊 ---- */
.hero-pills{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;
  max-width:100%;
}
.hpill{
  position:relative;display:inline-flex;align-items:center;gap:8px;
  padding:9px 16px 9px 14px;border-radius:100px;
  font-size:13px;font-weight:500;letter-spacing:.01em;
  color:var(--text-2);
  background:rgba(255,255,255,.035);
  border:1px solid var(--line-2);
  overflow:hidden;
  transition:color .28s var(--ease), background .28s var(--ease),
             border-color .28s var(--ease), transform .28s var(--ease),
             box-shadow .28s var(--ease);
}
/* 动态渐变边框（旋转的 conic-gradient，用伪元素实现） */
.hpill::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:conic-gradient(from var(--ang,0deg),
             transparent 0deg, rgba(201,162,75,.0) 40deg,
             rgba(230,200,126,.85) 90deg, rgba(201,162,75,.0) 150deg,
             transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .3s var(--ease);
  animation:pillspin 3.2s linear infinite;
  pointer-events:none;
}
@keyframes pillspin{ to{ --ang:360deg } }
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.hpill:hover::before{opacity:1}
/* 文字流光扫过 */
.hpill span{
  position:relative;display:inline-block;
  background:linear-gradient(100deg,
    currentColor 0%, currentColor 38%,
    var(--gold-2) 50%,
    currentColor 62%, currentColor 100%);
  background-size:260% 100%;
  background-position:120% 0;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  transition:background-position .7s var(--ease);
}
.hpill:hover span{background-position:-20% 0}
.hpill:hover{
  color:var(--gold-2);
  background:rgba(201,162,75,.09);
  border-color:rgba(201,162,75,.4);
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(0,0,0,.35), 0 0 0 1px rgba(201,162,75,.14);
}
.hpill-dot{
  width:5px;height:5px;border-radius:50%;flex:none;
  background:var(--gold);opacity:.55;
  transition:opacity .28s var(--ease), box-shadow .28s var(--ease), transform .28s var(--ease);
}
.hpill:hover .hpill-dot{
  opacity:1;transform:scale(1.35);
  box-shadow:0 0 10px rgba(201,162,75,.9);
  animation:dotpulse 1.4s ease-in-out infinite;
}
@keyframes dotpulse{0%,100%{opacity:1}50%{opacity:.45}}
.hpill-cta{
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:#191307;border-color:transparent;font-weight:700;
  padding-right:13px;
}
.hpill-cta span{-webkit-text-fill-color:#191307;background:none;color:#191307}
.hpill-cta::before{display:none}
.hpill-cta svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.hpill-cta:hover{color:#191307;transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(201,162,75,.4)}
.hpill-cta:hover svg{transform:translateX(4px)}

/* ---- ② Hero 标题：金色渐变扫光（只在强调字上） ---- */
.hero h1 .accent{
  background:linear-gradient(100deg,
    var(--gold) 0%, var(--gold) 30%,
    #fff6d8 48%, var(--gold-2) 58%,
    var(--gold) 72%, var(--gold) 100%);
  background-size:280% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:h1sweep 6.5s ease-in-out infinite;
}
@keyframes h1sweep{
  0%,100%{background-position:130% 0}
  50%{background-position:-30% 0}
}

/* ---- ④ Ghost 文字 STEEL：鼠标视差 ---- */
/* ---- ⑤ 业务图悬停光扫 ---- */
.biz-photo{
  animation:bizkb 40s ease-in-out infinite alternate;
}
@keyframes bizkb{
  0%{transform:scale(1.0)}
  100%{transform:scale(1.06)}
}
/* 白光扫过已按用户要求移除 */

/* ---- ⑥ 章节标题：进入视口流光 ---- */
.sec-title{
  background:linear-gradient(100deg,
    var(--text) 0%, var(--text) 60%,
    var(--gold-2) 68%, #fff8e2 72%, var(--gold-2) 76%,
    var(--text) 84%, var(--text) 100%);
  background-size:300% 100%;
  background-position:150% 0;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  transition:background-position 1.5s var(--ease);
}
.sec-head.rv.in .sec-title,.sec-head.in .sec-title{background-position:-50% 0}

/* ---- ⑦ 数字滚动时的高光 ---- */
.hm b,.kpi b,.stat b{transition:color .5s var(--ease), text-shadow .5s var(--ease)}
.hm b.done,.kpi b.done,.stat b.done{
  color:var(--gold-2);
  text-shadow:0 0 22px rgba(201,162,75,.45);
}

/* ---- 无障碍：尊重「减少动态效果」偏好 ---- */
@media (prefers-reduced-motion:reduce){
  .hero-photo,.biz-photo,.hpill::before,.hero h1 .accent,.sec-title{
    animation:none !important;
    transition:none !important;
  }
  .hpill span{-webkit-text-fill-color:currentColor;background:none}
  .sec-title{-webkit-text-fill-color:var(--text);background:none}
}

/* ---- 移动端：胶囊缩小 ---- */
@media (max-width:760px){
  .hero-pills{gap:8px;margin-top:20px}
  .hpill{padding:7px 13px 7px 11px;font-size:12px}
}

/* ==========================================================================
   首页动效 v2 —— 用户反馈调整
   ① 视差加强（原来太不明显）
   ② hero 灯光呼吸（灯光缓慢变亮变暗循环）
   ③ 业务图白光扫过已移除
   ========================================================================== */

/* ---- ② hero 灯光呼吸 ---- */
.hero-photo-glow{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:url("../img/web/hero-lights.jpg");
  background-size:cover;
  background-position:center 44%;
  mix-blend-mode:screen;
  opacity:0;
  animation:lightbreath 20s ease-in-out infinite;
  will-change:opacity;
}
@keyframes lightbreath{
  0%   {opacity:0}
  20%  {opacity:0.448}
  42%  {opacity:0.07}
  65%  {opacity:0.531}
  84%  {opacity:0.154}
  100% {opacity:0}
}

/* ---- ③ 不改动业务图（白光已移除）---- */

/* ---- 无障碍 ---- */
@media (prefers-reduced-motion:reduce){
  .hero-photo-glow{animation:none !important;opacity:.45}
  .hero-photo{animation:none !important}
}

/* ==========================================================================
   胶囊 CTA 悬停修复
   问题：.hpill:hover 的 background 覆盖了 .hpill-cta 的金色渐变，
        而文字是 #191307（近黑）→ 黑字黑底看不见
   修法：.hpill-cta:hover 显式重设金色背景，并提高优先级
   ========================================================================== */
.hpill-cta,
.hpill-cta:hover{
  background:linear-gradient(135deg,var(--gold),var(--gold-2)) !important;
  color:#191307 !important;
  border-color:transparent !important;
}
.hpill-cta span,
.hpill-cta:hover span{
  color:#191307 !important;
  -webkit-text-fill-color:#191307 !important;
  background:none !important;
}
.hpill-cta:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 26px rgba(201,162,75,.42) !important;
}
.hpill-cta:hover svg{transform:translateX(4px)}
/* 悬停时轻微加深金色，给出反馈但不影响可读性 */
.hpill-cta:hover{
  background:linear-gradient(135deg,#d4ad57,var(--gold-2)) !important;
}

/* ==========================================================================
   hero 背景改为完全静止（用户反馈：左右晃动、画面发虚）
   原因：kenburns 的 translate3d(-1.8%) 造成水平漂移；
         scale(1.13) + will-change:transform 造成 GPU 低分辨率栅格化 → 发虚
   做法：删除全部缩放/位移动画，明确 transform:none，去掉 will-change
   ========================================================================== */
.hero-photo{
  animation:none !important;
  transform:none !important;
  will-change:auto !important;
  backface-visibility:visible !important;
}
.hero-photo-glow{
  animation:lightbreath 20s ease-in-out infinite !important;
  will-change:opacity !important;
}

/* ==========================================================================
   hero 背景清晰化 + 呼吸重做（按用户方案）
   最亮 = 原图亮度（不加任何压暗）
   最暗 = 原图 −30%（纯黑遮罩 opacity .30，数学上正好 ×0.70）
   清晰度 = 原图 1:1（不缩放、不叠雾、无 GPU 降采样）
   ========================================================================== */

/* 基础层：完全还原原图，不做任何亮度/透明度压制 */
.hero-photo{
  opacity:1 !important;
  
  animation:none !important;
  transform:none !important;
  will-change:auto !important;
}

/* 旧的雾层彻底停用（它包含蒸汽，screen 叠加会冲淡细节） */
.hero-photo-glow{display:none !important}

/* 呼吸层：纯黑遮罩，只改透明度 —— 不产生任何模糊 */
.hero-dim{
  position:absolute;inset:0;z-index:2;
  background:#000;
  pointer-events:none;
  opacity:0;
  animation:breathe-dim 20s ease-in-out infinite;
  will-change:opacity;
}
@keyframes breathe-dim{
  0%   {opacity:.335}   /* 最暗 = 原图 ×0.665 */
  50%  {opacity:0}      /* 最亮 = 原图原亮度（不变）*/
  100% {opacity:.335}
}

/* 遮罩减轻后，给文字补一点阴影保证可读性 */
.hero h1{text-shadow:0 2px 26px rgba(0,0,0,.55)}
.hero-lead{text-shadow:0 1px 14px rgba(0,0,0,.6)}
.hero-eyebrow{text-shadow:0 1px 10px rgba(0,0,0,.5)}
.hero-metrics .hm b,.hero-metrics .hm span{text-shadow:0 1px 12px rgba(0,0,0,.55)}

/* 无障碍 */
@media (prefers-reduced-motion:reduce){
  .hero-dim{animation:none !important;opacity:0}
}

/* ==========================================================================
   呼吸 v2 —— 直接在背景图上做 filter:brightness() 动画
   为什么换：.hero-dim 元素方式依赖层级，用户未能观察到效果
   现改为最直接的方式，且不使用 !important（!important 会压制 CSS 动画）
   最亮 brightness(1)      = 原图原亮度
   最暗 brightness(0.665)  = 原图 −33.5%
   ========================================================================== */

/* 先解除之前 !important 对 filter / animation 的封锁 */
.hero-photo{
  opacity:1 !important;
  animation:breathe-bright 20s ease-in-out infinite !important;
  transform:none !important;
  will-change:auto !important;
  filter:saturate(1.02) contrast(1.04) brightness(1);
}
@keyframes breathe-bright{
  0%   {filter:saturate(1.02) contrast(1.04) brightness(0.665)}
  50%  {filter:saturate(1.02) contrast(1.04) brightness(1)}
  100% {filter:saturate(1.02) contrast(1.04) brightness(0.665)}
}

/* 旧的遮罩层停用（避免双重变暗） */
.hero-dim{display:none !important}

/* 无障碍 */
@media (prefers-reduced-motion:reduce){
  .hero-photo{animation:none !important;}
}