/* ============================================================
   银金达官网 · 银色主题 (silver theme)
   基色为冷调银灰 + 拉丝金属质感，品牌红仅作点缀（logo 同色）。
   所有页面共用本文件，改配色只改 :root 这一段。
   ============================================================ */

:root{
  /* ---- 银色基底 ---- */
  --paper:      #F1F2F4;   /* 页面底色，冷调浅银 */
  --paper-2:    #E6E9EC;   /* 次级分区底色 */
  --surface:    #FFFFFF;
  --surface-2:  #FAFBFC;

  --ink:        #16191D;   /* 冷调近黑 */
  --ink-soft:   #59636D;
  --ink-mute:   #8A939C;

  --silver:     #B6BEC6;   /* 中银：细线、序号、次要图标 */
  --silver-lt:  #D9DEE3;
  --silver-dk:  #78838E;

  --steel:      #414C57;   /* 深钢灰：标题强调、深按钮 */
  --graphite:   #1B2026;   /* 页脚 / 深色区块 */

  --brand:      #C8102E;   /* 银金达红，只用于点缀 */
  --brand-dk:   #A00C24;
  --brand-soft: rgba(200,16,46,.10);

  --line:       rgba(22,25,29,.13);
  --line-2:     rgba(22,25,29,.07);
  --line-dark:  rgba(241,242,244,.15);

  /* 拉丝金属渐变 */
  --metal:      linear-gradient(135deg,#FFFFFF 0%,#EEF0F3 34%,#D8DDE2 58%,#F6F7F9 100%);
  --metal-2:    linear-gradient(120deg,#F8F9FA 0%,#E2E6EA 45%,#CFD5DB 70%,#EDEFF2 100%);
  --metal-dark: linear-gradient(135deg,#2B333B 0%,#191E24 46%,#39424B 78%,#20262C 100%);

  --shadow-sm:  0 2px 10px rgba(22,25,29,.05);
  --shadow-md:  0 14px 34px rgba(22,25,29,.09);
  --shadow-lg:  0 26px 60px rgba(22,25,29,.13);

  --sans: 'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --disp: 'Space Grotesk','Inter','Noto Sans SC',sans-serif;
  --mono: 'JetBrains Mono','SFMono-Regular',Consolas,monospace;

  --nav-h: 74px;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.62;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
button{font-family:inherit;}
::selection{background:var(--steel); color:#fff;}

/* 中文用思源黑，标题不用 Space Grotesk（缺中文字形会掉字重） */
html[lang^="zh"] body{font-family:'Noto Sans SC','Inter',sans-serif;}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3{font-family:'Noto Sans SC',var(--disp);}
/* 俄语：Space Grotesk 无西里尔字形，回落 Inter */
html[lang="ru"] h1,html[lang="ru"] h2,html[lang="ru"] h3,html[lang="ru"] .disp{font-family:'Inter',sans-serif;}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important;}
}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--brand); outline-offset:2px;
}

/* ---------------- 布局基元 ---------------- */
.wrap{max-width:1220px; margin:0 auto; padding:0 34px;}
@media (max-width:760px){ .wrap{padding:0 20px;} }

section{padding:104px 0;}
@media (max-width:760px){ section{padding:68px 0;} }

.eyebrow{
  font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--silver-dk); display:flex; align-items:center; gap:10px;
}
.eyebrow::before{content:""; width:22px; height:1px; background:var(--brand); flex-shrink:0;}
.eyebrow.on-dark{color:var(--silver);}

.section-head{max-width:700px; margin-bottom:52px;}
.section-head h2{
  font-family:var(--disp); font-weight:600; font-size:clamp(27px,3.3vw,40px);
  line-height:1.22; letter-spacing:-.01em; margin-top:16px;
}
.section-head p{color:var(--ink-soft); margin-top:16px; font-size:15.5px;}
.section-head.center{margin-left:auto; margin-right:auto; text-align:center;}
.section-head.center .eyebrow{justify-content:center;}

h1,h2,h3,h4{font-family:var(--disp); font-weight:600; letter-spacing:-.01em;}

.btn{
  font-size:14.5px; font-weight:500; padding:13px 26px; border-radius:2px;
  display:inline-flex; align-items:center; gap:10px; cursor:pointer; border:1px solid transparent;
  transition:all .22s ease; white-space:nowrap;
}
.btn svg{width:14px; height:14px; transition:transform .22s;}
.btn:hover svg{transform:translateX(3px);}
.btn-primary{background:var(--graphite); color:#fff;}
.btn-primary:hover{background:var(--brand); transform:translateY(-2px); box-shadow:0 10px 24px rgba(200,16,46,.24);}
.btn-primary:disabled{opacity:.5; cursor:not-allowed; transform:none; box-shadow:none;}
.btn-ghost{border-color:var(--line); color:var(--ink); background:rgba(255,255,255,.5);}
.btn-ghost:hover{border-color:var(--steel); background:#fff;}
.btn-light{background:#fff; color:var(--graphite);}
.btn-light:hover{background:var(--brand); color:#fff;}

/* ---------------- 顶栏 + 大下拉 ---------------- */
header.site-head{
  position:fixed; top:0; left:0; right:0; z-index:200;
  background:rgba(241,242,244,.86);
  backdrop-filter:blur(14px) saturate(1.15);
  border-bottom:1px solid var(--line-2);
  transition:background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
header.site-head.scrolled{background:rgba(246,247,249,.97); border-bottom-color:var(--line); box-shadow:var(--shadow-sm);}
header.site-head nav.bar{
  max-width:1220px; margin:0 auto; padding:0 34px; height:var(--nav-h);
  display:flex; align-items:center; justify-content:space-between; gap:22px;
}
@media (max-width:760px){ header.site-head nav.bar{padding:0 20px;} }

.brand{display:flex; align-items:center; gap:11px; min-width:0; flex-shrink:0;}
.brand img{height:36px; width:auto; max-width:150px; object-fit:contain;}
.brand .mark{
  width:34px; height:34px; border-radius:3px; background:var(--metal-dark); position:relative; flex-shrink:0;
}
.brand .mark::after{content:""; position:absolute; inset:6px; border:1px solid rgba(255,255,255,.5); border-radius:2px;}
.brand .txt{line-height:1.15;}
.brand .txt b{font-family:var(--disp); font-weight:700; font-size:18px; letter-spacing:.02em; display:block;}
.brand .txt small{
  font-family:var(--mono); font-size:9px; letter-spacing:.15em; color:var(--ink-mute);
  display:block; margin-top:2px; white-space:nowrap;
}
/* 中等宽度让位给导航，副标语先撤 */
@media (max-width:1240px){ .brand .txt small{display:none;} }

/* padding 保证窄屏下导航第一项不会贴到品牌块上 */
.mainnav{display:flex; align-items:stretch; height:var(--nav-h); gap:2px; flex:1; justify-content:center; padding:0 18px;}
.navitem{position:relative; display:flex; align-items:center;}
.navitem > a{
  display:flex; align-items:center; gap:6px; height:100%; padding:0 15px;
  font-size:14px; font-weight:500; letter-spacing:.01em; color:var(--ink-soft);
  transition:color .18s; white-space:nowrap;
}
.navitem > a::after{
  content:""; position:absolute; left:15px; right:15px; bottom:20px; height:1.5px;
  background:var(--brand); transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
}
.navitem:hover > a,.navitem.active > a{color:var(--ink);}
.navitem:hover > a::after,.navitem.active > a::after{transform:scaleX(1);}
.navitem .caret{width:9px; height:9px; opacity:.5; transition:transform .22s;}
.navitem.open .caret{transform:rotate(180deg);}

/* 大下拉面板 */
.megapanel{
  position:fixed; left:0; right:0; top:var(--nav-h);
  background:var(--surface-2);
  border-bottom:1px solid var(--line);
  box-shadow:var(--shadow-md);
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
  z-index:199;
}
.navitem.open .megapanel{opacity:1; visibility:visible; transform:translateY(0);}
.megapanel .inner{
  max-width:1220px; margin:0 auto; padding:38px 34px 42px;
  display:grid; grid-template-columns:250px 1fr; gap:56px;
}
@media (max-width:1000px){ .megapanel .inner{grid-template-columns:1fr; gap:24px;} }
.megapanel .lead h4{font-family:var(--disp); font-size:19px; margin-bottom:10px;}
.megapanel .lead p{font-size:13.5px; color:var(--ink-soft); line-height:1.6;}
.megapanel .lead .allink{
  margin-top:16px; display:inline-flex; align-items:center; gap:7px;
  font-family:var(--mono); font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--brand);
}
.megapanel .lead .allink svg{width:13px; height:13px; flex-shrink:0;}
.megalist{display:grid; gap:2px 30px;}
.megalist.cols-2{grid-template-columns:repeat(2,1fr);}
.megalist.cols-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:1000px){ .megalist.cols-2,.megalist.cols-3{grid-template-columns:1fr 1fr;} }
@media (max-width:620px){ .megalist.cols-2,.megalist.cols-3{grid-template-columns:1fr;} }
.megalist a{
  display:flex; align-items:baseline; gap:11px; padding:11px 12px; border-radius:3px;
  font-size:14.5px; color:var(--ink-soft); transition:background .16s, color .16s;
  border-left:2px solid transparent;
}
.megalist a:hover{background:#fff; color:var(--ink); border-left-color:var(--brand);}
.megalist a i{
  font-style:normal; font-family:var(--mono); font-size:10.5px; color:var(--silver);
  min-width:20px; letter-spacing:.04em;
}
.megalist a:hover i{color:var(--brand);}
.megalist a span.sub{display:block; font-size:12px; color:var(--ink-mute); margin-top:2px;}

.nav-right{display:flex; align-items:center; gap:12px; flex-shrink:0;}

/* 语言选择 */
.langpick{position:relative;}
.langpick > button{
  display:flex; align-items:center; gap:7px; border:1px solid var(--line); background:rgba(255,255,255,.7);
  border-radius:2px; padding:8px 11px; cursor:pointer; font-family:var(--mono); font-size:11.5px;
  letter-spacing:.07em; color:var(--ink-soft); transition:all .18s;
}
.langpick > button:hover{border-color:var(--steel); color:var(--ink);}
.langpick > button svg{width:13px; height:13px; opacity:.6;}
.langmenu{
  position:absolute; right:0; top:calc(100% + 8px); min-width:172px;
  background:#fff; border:1px solid var(--line); border-radius:3px; box-shadow:var(--shadow-md);
  padding:5px; opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:all .18s ease; z-index:210;
}
.langpick.open .langmenu{opacity:1; visibility:visible; transform:translateY(0);}
.langmenu button{
  display:flex; width:100%; align-items:center; justify-content:space-between; gap:12px;
  padding:9px 12px; border:none; background:none; cursor:pointer; border-radius:2px;
  font-size:13.5px; color:var(--ink-soft); text-align:left; transition:background .15s;
}
.langmenu button:hover{background:var(--paper-2); color:var(--ink);}
.langmenu button.on{color:var(--ink); font-weight:600;}
.langmenu button.on::after{content:"●"; color:var(--brand); font-size:8px;}
.langmenu button em{font-style:normal; font-family:var(--mono); font-size:10.5px; color:var(--silver); letter-spacing:.08em;}

.nav-cta{
  font-size:13px; font-weight:500; padding:9px 17px; border-radius:2px;
  background:var(--graphite); color:#fff; transition:all .2s; white-space:nowrap;
}
.nav-cta:hover{background:var(--brand);}

.navtoggle{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:6px;}
.navtoggle span{width:22px; height:2px; background:var(--ink); transition:transform .22s, opacity .22s;}
.navtoggle.on span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.navtoggle.on span:nth-child(2){opacity:0;}
.navtoggle.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:1080px){
  .mainnav{display:none;}
  .nav-cta{display:none;}
  .navtoggle{display:flex;}
}
/* 窄屏把英文副标语藏掉，否则它的字间距会把品牌块撑宽、顶掉右侧按钮 */
@media (max-width:560px){
  .brand .txt small{display:none;}
  .brand img{height:30px;}
  .brand .txt b{font-size:16px;}
  .langpick > button{padding:7px 9px;}
}

/* 移动端抽屉 */
.drawer{
  position:fixed; inset:var(--nav-h) 0 0; background:var(--paper); z-index:190;
  overflow-y:auto; padding:18px 20px 60px;
  transform:translateX(100%); transition:transform .28s cubic-bezier(.4,0,.2,1);
}
.drawer.open{transform:translateX(0);}
.drawer .grp{border-bottom:1px solid var(--line-2);}
.drawer .grp > button,.drawer > a.solo{
  display:flex; width:100%; align-items:center; justify-content:space-between;
  padding:17px 4px; background:none; border:none; cursor:pointer;
  font-family:var(--disp); font-size:16px; font-weight:600; color:var(--ink); text-align:left;
}
.drawer > a.solo{border-bottom:1px solid var(--line-2);}
.drawer .grp > button svg{width:12px; height:12px; transition:transform .22s; opacity:.5;}
.drawer .grp.open > button svg{transform:rotate(180deg);}
.drawer .sub{display:none; padding:0 0 14px 4px;}
.drawer .grp.open .sub{display:block;}
.drawer .sub a{display:block; padding:9px 0 9px 14px; font-size:14.5px; color:var(--ink-soft); border-left:2px solid var(--silver-lt);}
.drawer .sub a:hover{color:var(--brand); border-left-color:var(--brand);}

/* ---------------- 首页 HERO ---------------- */
.hero{position:relative; padding:calc(var(--nav-h) + 78px) 0 0; overflow:hidden;}
.hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(1000px 520px at 78% -8%, rgba(255,255,255,.95), transparent 62%),
    radial-gradient(760px 420px at 8% 108%, rgba(182,190,198,.30), transparent 66%);
  pointer-events:none;
}
.hero .wrap{position:relative; z-index:1;}
.hero-grid{display:grid; grid-template-columns:1.02fr .98fr; gap:52px; align-items:center;}
@media (max-width:940px){ .hero-grid{grid-template-columns:1fr; gap:44px;} }

.hero h1{
  font-size:clamp(30px,4.8vw,60px); line-height:1.14; letter-spacing:-.022em;
  margin:22px 0 24px; max-width:min(14em,100%);
}
.hero h1 em{
  font-style:normal; position:relative; white-space:nowrap;
  background:linear-gradient(180deg,transparent 64%,rgba(200,16,46,.16) 64%);
}
.hero p.lead{font-size:16.5px; color:var(--ink-soft); max-width:520px; margin-bottom:34px;}
.hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}

/* hero 里的金属薄膜堆叠 */
.filmstack{position:relative; height:430px;}
@media (max-width:940px){ .filmstack{height:320px;} }
.filmstack .sheet{
  position:absolute; border-radius:7px; border:1px solid rgba(255,255,255,.75);
  box-shadow:var(--shadow-md); transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.filmstack .s1{width:76%; height:80%; top:2%; right:0; background:var(--metal);}
.filmstack .s2{width:68%; height:68%; top:17%; right:13%; background:var(--metal-2); opacity:.94;}
.filmstack .s3{
  width:55%; height:53%; top:33%; right:25%;
  background:linear-gradient(135deg,rgba(200,16,46,.13),rgba(255,255,255,.85) 55%,rgba(182,190,198,.35));
}
.filmstack:hover .s1{transform:translate(-7px,-7px) rotate(-1deg);}
.filmstack:hover .s2{transform:translate(5px,-4px) rotate(1deg);}
.filmstack:hover .s3{transform:translate(-4px,7px) rotate(-.6deg);}
.spectag{
  position:absolute; font-family:var(--mono); font-size:11px; color:var(--ink-soft);
  background:rgba(255,255,255,.94); border:1px solid var(--line); padding:5px 11px; border-radius:20px;
  display:flex; align-items:center; gap:7px; white-space:nowrap; box-shadow:var(--shadow-sm);
}
.spectag .dot{width:5px; height:5px; border-radius:50%; background:var(--brand);}
.spectag.t1{top:6%; right:1%;}
.spectag.t2{bottom:11%; left:2%;}
.spectag.t3{top:47%; left:-2%;}
@media (max-width:940px){ .spectag.t3{display:none;} }

/* ---------------- 数字滚动 ---------------- */
.counters{
  margin-top:82px; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0));
}
.counter-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:0;}
@media (max-width:820px){ .counter-grid{grid-template-columns:1fr 1fr;} }
.counter{padding:38px 30px 40px; border-left:1px solid var(--line-2);}
.counter:first-child{border-left:none;}
@media (max-width:820px){
  .counter{padding:28px 18px;}
  .counter:nth-child(odd){border-left:none;}
  .counter:nth-child(n+3){border-top:1px solid var(--line-2);}
}
.counter .num{
  font-family:var(--disp); font-weight:600; font-size:clamp(30px,3.6vw,46px);
  line-height:1; color:var(--steel); letter-spacing:-.02em; display:flex; align-items:baseline; gap:2px;
}
.counter .num .suffix{font-size:.5em; color:var(--brand); font-weight:500; margin-left:3px;}
.counter .num .prefix{font-size:.5em; color:var(--brand); font-weight:500; margin-right:3px;}
/* 后台数字条可能多于 4 条，换行后每行第一格不要再画左边框 */
.counter:nth-child(4n+1){border-left:none;}
.counter:nth-child(n+5){border-top:1px solid var(--line-2);}
.counter .label{font-size:13.5px; color:var(--ink-soft); margin-top:12px; line-height:1.45;}
.counter .unit{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; color:var(--silver); text-transform:uppercase; margin-top:5px;}

/* ---------------- 市场入口卡（首页 8 大市场） ---------------- */
.markets{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  background:var(--line-2); border:1px solid var(--line-2); border-radius:8px; overflow:hidden;
}
@media (max-width:940px){ .markets{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .markets{grid-template-columns:1fr;} }
.mcard{
  background:var(--surface-2); padding:32px 26px 30px; position:relative;
  transition:background .25s ease, transform .25s ease; display:block;
}
.mcard:hover{background:#fff;}
/* .ico 是 span，必须 block 化，否则 width/height 不生效、SVG 会撑满整格 */
.ico{display:block;}
.ico svg{width:100%; height:100%; display:block; stroke-width:1.2;}
.mcard .ico{
  width:38px; height:38px; margin-bottom:20px; color:var(--silver-dk); transition:color .25s;
}
.mcard:hover .ico{color:var(--brand);}
.mcard h3{font-size:16.5px; margin-bottom:8px; line-height:1.35;}
.mcard p{font-size:13px; color:var(--ink-mute); line-height:1.55;}
.mcard .go{
  margin-top:18px; font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--silver); display:flex; align-items:center; gap:6px; transition:color .25s;
}
.mcard .go svg{width:13px; height:13px; flex-shrink:0;}
.mcard:hover .go{color:var(--brand);}

/* ---------------- 产业链三段 ---------------- */
.chain{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--line-2); border:1px solid var(--line-2); border-radius:8px; overflow:hidden;
}
@media (max-width:880px){ .chain{grid-template-columns:1fr;} }
.chain-step{background:var(--surface-2); padding:40px 32px; position:relative; transition:background .25s;}
.chain-step:hover{background:#fff;}
.chain-step .idx{font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; color:var(--brand);}
.chain-step h3{font-size:21px; margin:14px 0 10px;}
.chain-step p{color:var(--ink-soft); font-size:14.5px;}
.chain-step .arrow{
  position:absolute; right:-13px; top:50%; transform:translateY(-50%); width:26px; height:26px;
  background:var(--paper); border:1px solid var(--line); border-radius:50%;
  display:flex; align-items:center; justify-content:center; z-index:2; color:var(--silver-dk);
}
@media (max-width:880px){ .chain-step .arrow{display:none;} }

/* ---------------- 通用卡片网格 ---------------- */
.cardgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-2);
  border:1px solid var(--line-2); border-radius:8px; overflow:hidden;}
@media (max-width:900px){ .cardgrid{grid-template-columns:1fr 1fr;} }
@media (max-width:600px){ .cardgrid{grid-template-columns:1fr;} }
.prod-card{background:var(--surface-2); padding:34px 28px; transition:background .25s;}
.prod-card:hover{background:#fff;}
.prod-card .tag{font-family:var(--mono); font-size:10.5px; color:var(--brand); letter-spacing:.09em; min-height:16px; text-transform:uppercase;}
.prod-card h3{font-size:18px; margin:13px 0 9px; line-height:1.35;}
.prod-card p{font-size:13.8px; color:var(--ink-soft);}
.prod-card .spec{
  margin-top:18px; padding-top:14px; border-top:1px dashed var(--line);
  font-family:var(--mono); font-size:11px; color:var(--silver-dk);
  display:flex; justify-content:space-between; gap:8px;
}

/* 特性列表（用于子页面） */
.featgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:34px;}
@media (max-width:900px){ .featgrid{grid-template-columns:1fr 1fr;} }
@media (max-width:600px){ .featgrid{grid-template-columns:1fr;} }
.feat{border-top:2px solid var(--silver-lt); padding-top:20px; transition:border-color .25s;}
.feat:hover{border-top-color:var(--brand);}
.feat h3{font-size:17px; margin-bottom:10px;}
.feat p{font-size:14px; color:var(--ink-soft);}

/* 键值表 */
.kvtable{border-top:1px solid var(--line);}
.kvtable .row{display:flex; gap:26px; padding:17px 0; border-bottom:1px solid var(--line-2);}
.kvtable .row .k{
  font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--silver-dk); width:170px; flex-shrink:0; padding-top:3px;
}
.kvtable .row .v{font-size:15px; flex:1;}
@media (max-width:620px){
  .kvtable .row{flex-direction:column; gap:5px;}
  .kvtable .row .k{width:auto;}
}

/* ---------------- 深色区块（可持续 / CTA） ---------------- */
.darkblock{
  background:var(--metal-dark); color:#F1F2F4; border-radius:12px;
  padding:74px 58px; position:relative; overflow:hidden;
}
@media (max-width:760px){ .darkblock{padding:52px 26px;} }
.darkblock::before{
  content:""; position:absolute; width:560px; height:560px; border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%);
  top:-200px; right:-160px; pointer-events:none;
}
.darkblock h2{font-size:clamp(25px,3.1vw,36px); margin:16px 0 18px; max-width:620px; position:relative;}
.darkblock p.lead{color:rgba(241,242,244,.74); max-width:600px; font-size:15.5px; margin-bottom:42px; position:relative;}
.sustain-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; position:relative; z-index:1;}
@media (max-width:760px){ .sustain-grid{grid-template-columns:1fr;} }

/* ---------------- 企业宣传片 ----------------
   门面式加载：封面是普通图片，点了才把 <video> 塞进去。
   片子体积大，绝不 autoplay、也不 preload，不点就是 0 流量。 */
.videobox{
  position:relative; border-radius:12px; overflow:hidden; background:var(--metal-dark);
  aspect-ratio:16/9; box-shadow:var(--shadow-lg);
}
/* 老浏览器没有 aspect-ratio 时的兜底 */
@supports not (aspect-ratio:16/9){ .videobox{height:0; padding-bottom:56.25%;} }
.videobox video{position:absolute; inset:0; width:100%; height:100%; display:block; background:#000;}
.video-facade{
  position:absolute; inset:0; width:100%; height:100%; border:0; padding:0; cursor:pointer;
  background-size:cover; background-position:center; background-color:#20262C;
  display:flex; align-items:center; justify-content:center; flex-direction:column; gap:20px;
}
.video-facade::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(22,25,29,.18) 0%,rgba(22,25,29,.52) 100%);
}
.video-facade .play{
  position:relative; z-index:1; width:82px; height:82px; border-radius:50%;
  background:rgba(241,242,244,.94); display:flex; align-items:center; justify-content:center;
  transition:transform .25s ease, background .25s ease;
}
.video-facade .play svg{width:26px; height:26px; margin-left:4px; fill:var(--brand);}
.video-facade:hover .play{transform:scale(1.08); background:#fff;}
.video-facade:focus-visible{outline:2px solid var(--brand); outline-offset:3px;}
.video-facade .cap{
  position:relative; z-index:1; color:#F1F2F4; font-size:14.5px; letter-spacing:.02em;
  text-shadow:0 1px 12px rgba(0,0,0,.5);
}
.video-facade .dur{font-family:var(--mono); font-size:11px; color:rgba(241,242,244,.7); letter-spacing:.08em;}
@media (max-width:600px){ .video-facade .play{width:62px; height:62px;} .video-facade .play svg{width:20px; height:20px;} }
.sustain-item{border-left:1px solid rgba(241,242,244,.24); padding-left:20px;}
.sustain-item .num{font-family:var(--disp); font-size:30px; font-weight:600;}
.sustain-item .label{font-size:13.5px; color:rgba(241,242,244,.68); margin-top:6px;}

/* ---------------- 荣誉跑马灯 ---------------- */
.honors{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:24px 0; overflow:hidden;}
.marquee{display:flex; gap:58px; width:max-content; animation:marquee 34s linear infinite;}
@keyframes marquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
.honors:hover .marquee{animation-play-state:paused;}
.honor-item{font-family:var(--mono); font-size:12.5px; color:var(--ink-soft); white-space:nowrap; display:flex; align-items:center; gap:10px;}
.honor-item::before{content:"◆"; color:var(--silver); font-size:8px;}

/* ---------------- 新闻 ---------------- */
.news-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
@media (max-width:880px){ .news-grid{grid-template-columns:1fr;} }
.news-card{
  border:1px solid var(--line-2); border-radius:8px; padding:28px; background:var(--surface-2);
  transition:transform .25s ease, box-shadow .25s ease, background .25s;
}
.news-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); background:#fff;}
.news-card .date{font-family:var(--mono); font-size:11px; color:var(--silver-dk); letter-spacing:.05em;}
.news-card h3{font-size:17.5px; margin:13px 0 10px; line-height:1.4;}
.news-card p{font-size:13.8px; color:var(--ink-soft);}

/* ---------------- 表单 ---------------- */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:58px;}
@media (max-width:880px){ .contact-grid{grid-template-columns:1fr; gap:44px;} }
.form{display:flex; flex-direction:column; gap:15px;}
.field{display:flex; flex-direction:column; gap:7px;}
.field label{font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft);}
.field label .req{color:var(--brand); margin-left:4px;}
.field input,.field textarea{
  border:1px solid var(--line); background:#fff; padding:13px 14px; border-radius:3px;
  font-family:inherit; font-size:14.5px; color:var(--ink); outline:none; transition:border-color .2s, box-shadow .2s;
}
.field input:focus,.field textarea:focus{border-color:var(--steel); box-shadow:0 0 0 3px rgba(65,76,87,.09);}
.field input:invalid:not(:placeholder-shown){border-color:var(--brand);}
.field textarea{resize:vertical; min-height:104px;}
.consent{display:flex; align-items:flex-start; gap:10px; font-size:12.5px; color:var(--ink-soft); line-height:1.55;}
.consent input{margin-top:3px; flex-shrink:0; width:15px; height:15px; accent-color:var(--brand);}
.consent a{color:var(--steel); text-decoration:underline;}
.submit-row{display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
.form-msg{font-size:13.5px;}
.form-msg.ok{color:#1E6E52;}
.form-msg.err{color:var(--brand);}

/* ---------------- 子页面通用头部 ---------------- */
.pagehead{
  padding:calc(var(--nav-h) + 66px) 0 60px;
  background:linear-gradient(160deg,#FFFFFF 0%,#EBEEF1 60%,#DDE2E7 100%);
  border-bottom:1px solid var(--line-2);
}
.crumbs{font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--silver-dk); display:flex; gap:8px; flex-wrap:wrap;}
.crumbs a:hover{color:var(--brand);}
.crumbs span.sep{color:var(--silver);}
.pagehead h1{font-size:clamp(28px,4.2vw,50px); line-height:1.13; letter-spacing:-.022em; margin:18px 0 16px; max-width:min(16em,100%);}
.pagehead p.lead{font-size:16.5px; color:var(--ink-soft); max-width:640px;}

/* ---------------- 页脚（CCL 式 4 列） ---------------- */
footer.site-foot{background:var(--graphite); color:#F1F2F4; padding:70px 0 28px; margin-top:0;}
/* 四列：COMPANY | PRODUCT | R&D CENTER | CONTACT（对应需求表页脚那一行） */
.foot-cols{
  display:grid; grid-template-columns:1fr 1fr 1fr 1.5fr; gap:40px;
  padding-bottom:46px; border-bottom:1px solid var(--line-dark);
}
@media (max-width:980px){ .foot-cols{grid-template-columns:1fr 1fr; row-gap:34px;} }
@media (max-width:560px){ .foot-cols{grid-template-columns:1fr; row-gap:30px;} }
.foot-col h4{
  font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--silver); margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid var(--line-dark);
}
.foot-col a,.foot-col .li{
  display:block; font-size:13.5px; color:rgba(241,242,244,.72); margin-bottom:9px; transition:color .18s;
}
.foot-col a:hover{color:#fff;}
.foot-col .li{color:rgba(241,242,244,.56);}
.foot-sub p{font-size:13px; color:rgba(241,242,244,.62); margin-bottom:14px; line-height:1.6;}
.foot-sub form{display:flex; gap:8px; flex-wrap:wrap;}
.foot-sub input{
  flex:1; min-width:150px; background:rgba(255,255,255,.07); border:1px solid var(--line-dark);
  border-radius:2px; padding:11px 13px; color:#fff; font-family:inherit; font-size:13.5px; outline:none;
}
.foot-sub input::placeholder{color:rgba(241,242,244,.38);}
.foot-sub input:focus{border-color:var(--silver);}
.foot-sub button{
  background:var(--brand); color:#fff; border:none; border-radius:2px; padding:11px 20px;
  font-size:13.5px; font-weight:500; cursor:pointer; transition:background .2s;
}
.foot-sub button:hover{background:var(--brand-dk);}
.foot-sub .hint{font-size:11.5px; color:rgba(241,242,244,.4); margin-top:9px;}

.foot-brandrow{display:flex; align-items:center; gap:14px; padding:26px 0 0;}
.foot-brandrow img{height:32px; filter:brightness(0) invert(1); opacity:.9;}
.foot-brandrow p{font-size:12.5px; color:rgba(241,242,244,.5); max-width:420px; line-height:1.6;}
.foot-bottom{
  display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap;
  padding-top:20px; margin-top:22px; border-top:1px solid var(--line-dark);
  font-size:12px; color:rgba(241,242,244,.42);
}
.foot-bottom a{text-decoration:underline;}
.foot-bottom a:hover{color:#fff;}

/* ---------------- 隐私弹窗 ---------------- */
dialog.privacy{
  border:1px solid var(--line); border-radius:8px; padding:0; max-width:640px; width:calc(100% - 40px);
  background:var(--paper); color:var(--ink); box-shadow:var(--shadow-lg);
}
dialog.privacy::backdrop{background:rgba(22,25,29,.5);}
dialog.privacy .inner{padding:36px 34px;}
dialog.privacy h3{font-size:20px; margin-bottom:16px;}
dialog.privacy p{font-size:14px; color:var(--ink-soft); margin-bottom:12px;}

/* ---------------- 滚动出现动画 ---------------- */
.reveal{opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease;}
.reveal.in{opacity:1; transform:translateY(0);}

/* 语言切换时避免闪烁：JS 就绪前隐藏未翻译文本 */
body:not(.i18n-ready) [data-i18n]{visibility:hidden;}