/* ============================================================
   ZBZ · 瓦房店中北轴承制造有限公司
   品牌官网 - 全局样式 VI 2.0（LOGO 取色版）
   取色：LOGO 亮蓝 #1A5CB8 · 墨黑 · 纯白
   基调：深色震撼首屏 + 白色正文 + 蓝色发光数据 + 深渊页脚
   ============================================================ */

:root{
  /* 底色 */
  --ink:        #FFFFFF;
  --ink-2:      #F4F8FD;
  --ink-3:      #E8F1FC;
  --panel:      #FFFFFF;
  --panel-2:    #F7FAFE;
  --light-band: #E9F2FC;

  /* 线条 */
  --line:       rgba(10,32,64,.12);
  --line-2:     rgba(10,32,64,.24);

  /* 文字 */
  --text:       #14263C;
  --text-2:     #46586E;
  --muted:      #7B8BA0;
  --navy:       #081C36;

  /* 品牌色（LOGO 取色） */
  --accent:      #1A5CB8;   /* LOGO 亮蓝 */
  --accent-2:    #3E86E6;   /* 高亮蓝 */
  --accent-deep: #0C3878;   /* 深蓝 */
  --accent-glow: #4E97F0;   /* 深底上的发光蓝 */
  --accent-dim:  rgba(26,92,184,.09);
  --accent-line: rgba(26,92,184,.38);

  /* 深色带（Hero / CTA / 页脚） */
  --deep:       #0A1E3C;
  --deep-2:     #050F1F;
  --deep-3:     #030A14;

  --sans: "PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,"Noto Sans SC",sans-serif;
  --serif: "Songti SC","Noto Serif SC","Source Han Serif SC","Times New Roman",serif;

  --wrap: 1520px;
  --radius: 4px;
  --ease: cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ margin:0; font-weight:700; line-height:1.24; letter-spacing:.01em; color:var(--navy); }
p{ margin:0; }
ul{ margin:0; padding:0; list-style:none; }

.wrap{ width:100%; max-width:var(--wrap); margin:0 auto; padding:0 40px; }

/* ---------- 通用文字件 ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:14px;
  font-size:12.5px; letter-spacing:.32em; text-transform:uppercase;
  color:var(--accent); font-weight:700;
}
.eyebrow::before{
  content:""; width:34px; height:2px; background:var(--accent); display:block;
}
.sec-title{
  font-family:var(--serif);
  font-size:clamp(32px,4.2vw,54px);
  font-weight:700; letter-spacing:.02em; margin:20px 0 0; line-height:1.2;
}
.sec-sub{
  margin-top:22px; max-width:780px; color:var(--text-2); font-size:17px; line-height:1.9;
}
.lead{ color:var(--text-2); font-size:17px; line-height:1.9; }

.sec{ padding:120px 0; position:relative; }
.sec--tight{ padding:84px 0; }
.sec--alt{ background:var(--ink-2); }
.sec--grad{
  background:
    radial-gradient(1100px 560px at 10% -12%, rgba(26,92,184,.12), transparent 60%),
    radial-gradient(900px 520px at 96% 112%, rgba(62,134,230,.12), transparent 60%),
    var(--ink);
}
.sec--light{ background:var(--light-band); }
.rule{ height:1px; background:var(--line); margin:0; border:0; }

/* ---------- 顶部导航 ---------- */
.hdr{
  position:fixed; inset:0 0 auto 0; z-index:100;
  transition:background .35s var(--ease), border-color .35s var(--ease), backdrop-filter .35s, box-shadow .35s;
  border-bottom:1px solid transparent;
}
/* 未滚动：压在深色首屏上，用白字 */
.hdr .brand__txt b{ color:#fff; }
.hdr .brand__txt span{ color:rgba(255,255,255,.55); }
.hdr .nav a{ color:rgba(255,255,255,.78); }
.hdr .nav a:hover{ color:#fff; }
.hdr .nav a.on{ color:var(--accent-glow); }
.hdr .lang{ color:rgba(255,255,255,.6); border-color:rgba(255,255,255,.28); }
.hdr .burger span{ background:#fff; }

.hdr.is-stuck{
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(150%) blur(14px);
  -webkit-backdrop-filter:saturate(150%) blur(14px);
  border-bottom-color:var(--line);
  box-shadow:0 8px 30px rgba(5,15,31,.10);
}
.hdr.is-stuck .brand__txt b{ color:var(--navy); }
.hdr.is-stuck .brand__txt span{ color:var(--muted); }
.hdr.is-stuck .nav a{ color:var(--text-2); }
.hdr.is-stuck .nav a:hover,
.hdr.is-stuck .nav a.on{ color:var(--accent); }
.hdr.is-stuck .lang{ color:var(--muted); border-color:var(--line-2); }
.hdr.is-stuck .burger span{ background:var(--navy); }

.hdr__in{
  max-width:var(--wrap); margin:0 auto; padding:0 40px;
  height:84px; display:flex; align-items:center; gap:28px;
}
.brand{ display:flex; align-items:center; gap:13px; flex-shrink:0; }
.brand__mark{
  width:44px; height:44px; border-radius:8px;
  background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);
  display:grid; place-items:center; position:relative;
  font-family:var(--sans); font-weight:800; font-size:15px; color:#fff;
  letter-spacing:.04em; box-shadow:0 6px 18px rgba(26,92,184,.35);
}
.brand__txt b{ display:block; font-size:16.5px; letter-spacing:.08em; font-weight:700; color:var(--navy); transition:color .3s; }
.brand__txt span{ display:block; white-space:nowrap; font-size:10.5px; letter-spacing:.16em; color:var(--muted); text-transform:uppercase; transition:color .3s; }

.nav{ margin-left:auto; display:flex; align-items:center; gap:26px; flex-wrap:nowrap; white-space:nowrap; }
.nav a{
  font-size:14px; font-weight:500; position:relative; padding:6px 0;
  white-space:nowrap; transition:color .25s var(--ease);
}
.nav a::after{
  content:""; position:absolute; left:0; bottom:0; height:2px; width:0;
  background:var(--accent-glow); transition:width .3s var(--ease);
}
.nav a:hover::after, .nav a.on::after{ width:100%; }
.hdr.is-stuck .nav a::after{ background:var(--accent); }

.hdr__cta{ display:flex; align-items:center; gap:14px; }
.lang{
  font-size:12px; letter-spacing:.14em; border:1px solid var(--line-2);
  padding:5px 10px; border-radius:2px; display:inline-flex; align-items:center; gap:5px;
  transition:color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);
}
.lang:hover{ color:#fff; border-color:rgba(255,255,255,.6); background:rgba(255,255,255,.10); }
.hdr.is-stuck .lang:hover{ color:var(--accent); border-color:var(--accent); background:rgba(26,92,184,.07); }
.burger{
  display:none; width:44px; height:44px; border:1px solid rgba(255,255,255,.3); background:transparent;
  border-radius:2px; cursor:pointer; position:relative;
}
.hdr.is-stuck .burger{ border-color:var(--line-2); }
.burger span{
  position:absolute; left:12px; right:12px; height:1.5px; background:#fff;
  transition:.3s var(--ease);
}
.burger span:nth-child(1){ top:16px; }
.burger span:nth-child(2){ top:21px; }
.burger span:nth-child(3){ top:26px; }
.burger.x span:nth-child(1){ top:21px; transform:rotate(45deg); }
.burger.x span:nth-child(2){ opacity:0; }
.burger.x span:nth-child(3){ top:21px; transform:rotate(-45deg); }

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  height:54px; padding:0 34px; font-size:14.5px; font-weight:600; letter-spacing:.06em;
  border-radius:3px; border:1px solid transparent; cursor:pointer;
  transition:all .3s var(--ease); white-space:nowrap; color:#fff;
}
.btn--gold{
  background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);
  box-shadow:0 10px 30px rgba(26,92,184,.35);
}
.btn--gold:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(26,92,184,.5), 0 0 0 1px rgba(62,134,230,.4);
  filter:brightness(1.08);
}
.btn--ghost{ border-color:var(--line-2); color:var(--navy); background:transparent; }
.btn--ghost:hover{ border-color:var(--accent); color:var(--accent); transform:translateY(-2px); }
.btn--sm{ height:42px; padding:0 22px; font-size:13.5px; }
.btn .arw{ transition:transform .3s var(--ease); }
.btn:hover .arw{ transform:translateX(4px); }

/* ---------- 首屏 Hero（深色震撼版） ---------- */
.hero{
  position:relative; min-height:100vh; display:flex; align-items:center;
  padding:160px 0 120px; overflow:hidden;
  background:
    radial-gradient(1200px 700px at 82% 12%, rgba(26,92,184,.35), transparent 62%),
    radial-gradient(900px 600px at 4% 96%, rgba(62,134,230,.22), transparent 60%),
    linear-gradient(158deg,#0A1E3C 0%,#071630 46%,#050F1F 100%);
}
/* 斜向光束 */
.hero::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(112deg, transparent 34%, rgba(78,151,240,.10) 46%, rgba(78,151,240,.16) 50%, rgba(78,151,240,.10) 54%, transparent 66%);
}
.hero::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(78,151,240,.55), transparent);
}
.hero__grid{
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(96,156,240,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96,156,240,.07) 1px, transparent 1px);
  background-size:90px 90px;
  mask-image:radial-gradient(1100px 760px at 62% 34%, #000 28%, transparent 80%);
  -webkit-mask-image:radial-gradient(1100px 760px at 62% 34%, #000 28%, transparent 80%);
}
.hero__bearing{
  position:absolute; right:-150px; top:50%;
  width:780px; height:780px; opacity:.5; pointer-events:none;
  animation:heroSpin 90s linear infinite;
}
@keyframes heroSpin{
  from{ transform:translateY(-50%) rotate(0deg); }
  to{ transform:translateY(-50%) rotate(360deg); }
}
@media (prefers-reduced-motion:reduce){ .hero__bearing{ animation:none; } }

.hero__in{ position:relative; z-index:2; max-width:920px; }
.hero .eyebrow{ color:var(--accent-glow); }
.hero .eyebrow::before{ background:var(--accent-glow); }
.hero h1{
  font-family:var(--serif); font-weight:700; color:#fff;
  font-size:clamp(42px,6vw,92px); line-height:1.12; letter-spacing:.02em;
  margin:30px 0 0;
  text-shadow:0 8px 40px rgba(3,10,20,.6);
}
.hero h1 em{
  font-style:normal; color:var(--accent-glow);
  text-shadow:0 0 34px rgba(78,151,240,.55);
}
.hero__desc{ margin-top:30px; font-size:18px; line-height:1.95; color:rgba(255,255,255,.78); max-width:700px; }
.hero__desc b{ color:#fff; }
.hero__en{
  margin-top:22px; font-size:12.5px; letter-spacing:.22em; color:rgba(255,255,255,.48); text-transform:uppercase;
}
.hero__btns{ margin-top:46px; display:flex; gap:16px; flex-wrap:wrap; }
.hero .btn--ghost{ border-color:rgba(255,255,255,.4); color:#fff; }
.hero .btn--ghost:hover{ border-color:#fff; color:#fff; }
.hero__tags{ margin-top:58px; display:flex; flex-wrap:wrap; gap:10px 28px; font-size:13.5px; color:rgba(255,255,255,.72); }
.hero__tags span{ display:inline-flex; align-items:center; gap:9px; }
.hero__tags span::before{ content:""; width:6px; height:6px; background:var(--accent-glow); transform:rotate(45deg); box-shadow:0 0 8px rgba(78,151,240,.8); }

/* 内页 Hero（深色版） */
.phero{
  position:relative; padding:200px 0 110px; overflow:hidden; text-align:left;
  background:
    radial-gradient(1000px 560px at 76% -10%, rgba(26,92,184,.32), transparent 62%),
    radial-gradient(700px 420px at 2% 110%, rgba(62,134,230,.18), transparent 60%),
    linear-gradient(158deg,#0A1E3C 0%,#071630 52%,#050F1F 100%);
}
.phero::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,transparent,var(--accent-glow),transparent); opacity:.6;
}
.phero .eyebrow{ color:var(--accent-glow); }
.phero .eyebrow::before{ background:var(--accent-glow); }
.phero h1{
  font-family:var(--serif); font-size:clamp(34px,4.8vw,62px); margin-top:22px;
  letter-spacing:.02em; color:#fff; text-shadow:0 8px 36px rgba(3,10,20,.55);
}
.phero p{ margin-top:22px; max-width:760px; color:rgba(255,255,255,.75); font-size:17px; line-height:1.9; }
.crumb{ margin-top:28px; font-size:13px; color:rgba(255,255,255,.45); display:flex; gap:9px; align-items:center; }
.crumb a{ color:rgba(255,255,255,.6); }
.crumb a:hover{ color:var(--accent-glow); }

/* ---------- 英文版排版适配 ---------- */
html[lang="en"] .hero h1{ font-size:clamp(36px,4.6vw,72px); line-height:1.15; letter-spacing:0; }
html[lang="en"] .hero__desc{ font-size:16.5px; line-height:1.85; }
html[lang="en"] .hero__btns{ margin-top:36px; }
html[lang="en"] .hero__tags{ margin-top:44px; }
html[lang="en"] .phero h1{ font-size:clamp(32px,4.1vw,56px); letter-spacing:0; }
html[lang="en"] .phero p{ font-size:16px; line-height:1.85; }

/* ---------- 数据条（深色发光版） ---------- */
.stats{
  display:grid; grid-template-columns:repeat(4,1fr);
  background:linear-gradient(120deg,#071A33,#0A2647 70%);
  border-top:1px solid rgba(78,151,240,.25);
  border-bottom:1px solid rgba(78,151,240,.25);
  position:relative; overflow:hidden;
}
.stats::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(700px 300px at 50% 0%, rgba(78,151,240,.14), transparent 70%);
}
.stat{ padding:52px 30px 48px; border-right:1px solid rgba(255,255,255,.08); position:relative; }
.stat:last-child{ border-right:0; }
.stat b{
  display:block; font-family:var(--serif); font-size:clamp(38px,4.4vw,58px); font-weight:700;
  color:var(--accent-glow); letter-spacing:.01em; line-height:1.05;
  text-shadow:0 0 30px rgba(78,151,240,.45);
}
.stat b i{ font-style:normal; font-size:.48em; margin-left:4px; }
.stat span{ display:block; margin-top:14px; font-size:14.5px; color:#fff; font-weight:600; }
.stat small{ display:block; margin-top:5px; font-size:12px; color:rgba(255,255,255,.5); }

/* ---------- 企业名片数据带（Hero 内置紧凑版） ---------- */
.phero--facts{ padding-bottom:88px; }
.facts{
  margin-top:56px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
.fact{
  position:relative; overflow:hidden; text-align:left;
  padding:20px 22px 19px 26px; border-radius:14px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(152deg,rgba(255,255,255,.08),rgba(255,255,255,.022));
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  transition:transform .45s var(--ease), border-color .45s var(--ease), box-shadow .45s var(--ease);
}
.fact::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:2px;
  background:linear-gradient(180deg,var(--accent-glow),rgba(78,151,240,.05));
  opacity:.9;
}
.fact::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0;
  background:radial-gradient(340px 130px at 12% 0%,rgba(78,151,240,.22),transparent 70%);
  transition:opacity .45s var(--ease);
}
.fact:hover{
  transform:translateY(-4px); border-color:rgba(78,151,240,.45);
  box-shadow:0 18px 44px rgba(3,10,20,.36);
}
.fact:hover::after{ opacity:1; }
.fact__hd{ display:flex; align-items:center; gap:10px; position:relative; }
.fact__hd i{
  display:inline-flex; flex:0 0 auto; width:24px; height:24px;
  color:var(--accent-glow); filter:drop-shadow(0 0 8px rgba(78,151,240,.45));
}
.fact__hd i svg{ width:100%; height:100%; display:block; }
.fact__lbl{
  font-size:10.5px; letter-spacing:.17em; text-transform:uppercase;
  color:rgba(255,255,255,.62); font-weight:700; white-space:nowrap;
}
.fact__num{
  display:block; margin-top:11px; position:relative;
  font-family:var(--serif); font-weight:700; line-height:1.08;
  font-size:clamp(25px,2.35vw,33px); color:#fff;
  text-shadow:0 4px 24px rgba(3,10,20,.5);
}
.fact__num i{
  font-style:normal; font-size:.5em; margin-left:3px; font-weight:600;
  color:var(--accent-glow); letter-spacing:.02em;
}
.fact__dsc{
  display:block; margin-top:7px; position:relative;
  font-size:12.5px; line-height:1.55; color:rgba(255,255,255,.52);
}
@media (max-width:1080px){ .facts{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .facts{ grid-template-columns:1fr; gap:10px; } }
html[lang="en"] .facts{ margin-top:48px; }

/* ---------- 卡片内工况说明 ---------- */
.case-note{
  margin-top:18px; padding:14px 16px 15px;
  border-left:2px solid var(--accent); border-radius:0 8px 8px 0;
  background:linear-gradient(100deg,rgba(26,92,184,.075),rgba(26,92,184,.018));
  font-size:13.5px; line-height:1.82; color:var(--text-2);
}
.case-note b{
  display:block; margin-bottom:6px; font-size:11.5px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--accent); font-weight:800;
}
.case-note strong{ color:var(--text); font-weight:700; }

/* ---------- 卡片 / 网格 ---------- */
.grid{ display:grid; gap:26px; }
.g2{ grid-template-columns:repeat(2,1fr); }
.g3{ grid-template-columns:repeat(3,1fr); }
.g4{ grid-template-columns:repeat(4,1fr); }

.card{
  position:relative; padding:40px 34px 36px; border:1px solid var(--line);
  background:var(--panel); border-radius:var(--radius); overflow:hidden;
  transition:border-color .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);
}
.card::before{
  content:""; position:absolute; left:0; top:0; width:0; height:3px; background:linear-gradient(90deg,var(--accent),var(--accent-2));
  transition:width .45s var(--ease);
}
.card:hover{
  transform:translateY(-6px); border-color:var(--accent-line);
  box-shadow:0 24px 56px rgba(26,92,184,.16);
}
.card:hover::before{ width:100%; }
.card h3{ font-size:20px; margin-bottom:12px; letter-spacing:.01em; }
.card p{ color:var(--text-2); font-size:14.8px; line-height:1.85; }
.card .num{
  font-family:var(--serif); font-size:13px; letter-spacing:.2em; color:var(--accent); display:block; margin-bottom:16px; font-weight:700;
}
.card ul{ margin-top:16px; }
.card ul li{
  position:relative; padding-left:16px; font-size:14px; color:var(--muted); line-height:1.9;
}
.card ul li::before{ content:""; position:absolute; left:0; top:12px; width:5px; height:1.5px; background:var(--accent); }

/* ---------- 行业大卡 ---------- */
.ind{
  position:relative; display:block; padding:56px 46px; border:1px solid var(--line);
  background:linear-gradient(150deg,#FFFFFF,#F1F7FE 70%);
  border-radius:var(--radius); overflow:hidden;
  transition:border-color .4s var(--ease), transform .4s var(--ease), box-shadow .4s var(--ease);
}
.ind:hover{
  border-color:var(--accent-line); transform:translateY(-5px);
  box-shadow:0 26px 60px rgba(26,92,184,.18);
}
.ind__no{
  position:absolute; right:30px; top:14px; font-family:var(--serif);
  font-size:130px; line-height:1; color:rgba(26,92,184,.09); font-weight:700;
}
.ind h3{ font-family:var(--serif); font-size:31px; margin-bottom:8px; }
.ind__en{ font-size:11.5px; letter-spacing:.24em; color:var(--muted); text-transform:uppercase; }
.ind p{ margin-top:20px; color:var(--text-2); font-size:15.5px; line-height:1.9; max-width:520px; }
.ind__tags{ margin-top:24px; display:flex; flex-wrap:wrap; gap:9px; }
.tag{
  font-size:12.5px; padding:6px 14px; border:1px solid var(--line-2); color:var(--text-2);
  border-radius:2px; background:rgba(26,92,184,.05);
}
.ind__go{
  margin-top:32px; display:inline-flex; align-items:center; gap:10px;
  font-size:14px; color:var(--accent); letter-spacing:.04em; font-weight:600;
}
.ind:hover .ind__go .arw{ transform:translateX(5px); }
.ind__go .arw{ transition:transform .3s var(--ease); }

/* ---------- 对比表 ---------- */
.tbl-wrap{ overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); }
table.tbl{ width:100%; border-collapse:collapse; min-width:720px; font-size:14.5px; }
table.tbl th{
  text-align:left; padding:19px 22px; background:linear-gradient(120deg,#0A1E3C,#0C3878); color:#DCEBFC;
  font-weight:600; font-size:13px; letter-spacing:.08em; border-bottom:1px solid rgba(78,151,240,.3);
  white-space:nowrap;
}
table.tbl td{ padding:17px 22px; border-bottom:1px solid var(--line); color:var(--text-2); vertical-align:top; line-height:1.7; }
table.tbl tr:last-child td{ border-bottom:0; }
table.tbl tbody tr{ transition:background .25s var(--ease); }
table.tbl tbody tr:hover{ background:rgba(26,92,184,.05); }
table.tbl td strong{ color:var(--navy); font-weight:600; }

/* ---------- 流程 ---------- */
.flow{ display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--line); }
.flow__s{ padding:36px 22px 32px; border-right:1px solid var(--line); position:relative; }
.flow__s:last-child{ border-right:0; }
.flow__s::before{
  content:""; position:absolute; left:0; top:-1px; width:38px; height:3px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
}
.flow__s b{ font-family:var(--serif); font-size:28px; color:var(--accent); display:block; }
.flow__s h4{ margin-top:14px; font-size:16px; }
.flow__s p{ margin-top:9px; font-size:13.5px; color:var(--muted); line-height:1.8; }
.flow--5{ grid-template-columns:repeat(5,1fr); }

/* ---------- 清单 / 列表 ---------- */
.chk{ display:grid; gap:0; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--panel); }
.chk li{
  display:flex; gap:16px; padding:18px 24px; border-bottom:1px solid var(--line);
  font-size:14.8px; color:var(--text-2); align-items:flex-start;
}
.chk li:last-child{ border-bottom:0; }
.chk li i{
  flex-shrink:0; width:20px; height:20px; border-radius:50%; border:1px solid var(--accent);
  display:grid; place-items:center; color:var(--accent); font-size:11px; margin-top:3px; font-style:normal;
}
.chk li b{ color:var(--navy); font-weight:600; }

/* ---------- 两栏 ---------- */
.split{ display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.split__txt h2{ font-family:var(--serif); font-size:clamp(28px,3.4vw,42px); }
.split__txt p{ margin-top:20px; }
.split__list{ margin-top:28px; display:grid; gap:14px; }
.split__list li{
  display:flex; gap:14px; font-size:15px; color:var(--text-2); line-height:1.75;
}
.split__list li s{
  text-decoration:none; flex-shrink:0; width:22px; height:22px; border-radius:50%;
  background:var(--accent-dim); border:1px solid var(--accent-line); color:var(--accent);
  display:grid; place-items:center; font-size:11px; margin-top:5px;
}
.split__list li b{ color:var(--navy); }
.visual{
  position:relative; aspect-ratio:4/3; border:1px solid var(--line); border-radius:var(--radius);
  background:
    radial-gradient(circle at 50% 50%, rgba(26,92,184,.12), transparent 62%),
    linear-gradient(150deg,#FFFFFF,#EFF6FE);
  display:grid; place-items:center; overflow:hidden;
}
.visual svg{ width:74%; height:auto; opacity:.95; }

/* 价值主张三列 */
.pillars{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.pillar{ padding:52px 40px; border-right:1px solid var(--line); position:relative; }
.pillar:last-child{ border-right:0; }
.pillar__k{
  font-family:var(--serif); font-size:46px; color:var(--accent); line-height:1; display:block; font-weight:700;
}
.pillar h3{ margin-top:18px; font-size:21px; }
.pillar p{ margin-top:14px; color:var(--text-2); font-size:14.8px; line-height:1.85; }
.pillar em{ display:block; margin-top:16px; font-style:normal; font-size:13px; color:var(--muted); border-left:2px solid var(--accent); padding-left:12px; }

/* ---------- 引用 / 案例 ---------- */
.quote{
  padding:46px 48px; border:1px solid var(--accent-line); border-left:4px solid var(--accent); border-radius:var(--radius);
  background:linear-gradient(140deg, rgba(26,92,184,.09), rgba(62,134,230,.05));
}
.quote p{ font-family:var(--serif); font-size:21px; line-height:1.8; color:var(--navy); font-weight:600; }
.quote footer{ margin-top:22px; font-size:13.5px; color:var(--muted); }

/* ---------- FAQ ---------- */
.faq{ border-top:1px solid var(--line); }
.faq__i{ border-bottom:1px solid var(--line); }
.faq__q{
  width:100%; background:none; border:0; color:var(--navy); text-align:left; cursor:pointer;
  padding:25px 46px 25px 0; font-size:16.5px; font-family:inherit; position:relative; font-weight:600;
}
.faq__q::after{
  content:""; position:absolute; right:6px; top:50%; width:12px; height:12px; margin-top:-6px;
  border-right:1.5px solid var(--accent); border-bottom:1.5px solid var(--accent); transform:rotate(45deg);
  transition:transform .3s var(--ease);
}
.faq__i.open .faq__q::after{ transform:rotate(-135deg); }
.faq__a{ max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.faq__a div{ padding:0 60px 26px 0; color:var(--text-2); font-size:15px; line-height:1.9; }
.faq__i.open .faq__a{ max-height:340px; }

/* ---------- CTA 深渊蓝带 ---------- */
.cta{
  position:relative; padding:120px 0; text-align:center; overflow:hidden;
  background:
    radial-gradient(900px 460px at 50% -10%, rgba(26,92,184,.4), transparent 66%),
    linear-gradient(160deg,var(--deep) 0%,var(--deep-2) 70%,var(--deep-3) 100%);
}
.cta::before{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:820px; height:820px; border-radius:50%;
  border:1px solid rgba(78,151,240,.16); pointer-events:none;
}
.cta::after{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:560px; height:560px; border-radius:50%;
  border:1px dashed rgba(78,151,240,.22); pointer-events:none;
}
.cta h2{
  font-family:var(--serif); font-size:clamp(30px,4vw,52px); position:relative; color:#fff;
  text-shadow:0 8px 40px rgba(3,10,20,.6);
}
.cta p{ margin:22px auto 0; max-width:640px; color:rgba(255,255,255,.74); font-size:16.5px; position:relative; }
.cta__b{ margin-top:44px; display:flex; gap:16px; justify-content:center; flex-wrap:wrap; position:relative; }
.cta .btn--gold{ background:linear-gradient(135deg,#3E86E6,#6FB0F5); color:#fff; box-shadow:0 12px 36px rgba(62,134,230,.45); }
.cta .btn--gold:hover{ box-shadow:0 18px 48px rgba(62,134,230,.6); filter:brightness(1.06); }
.cta .btn--ghost{ border-color:rgba(255,255,255,.45); color:#fff; }
.cta .btn--ghost:hover{ border-color:#fff; color:#fff; }

/* ---------- 表单 ---------- */
.form{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.f-field{ display:flex; flex-direction:column; gap:9px; }
.f-field.full{ grid-column:1 / -1; }
.f-field label{ font-size:13px; letter-spacing:.06em; color:var(--muted); }
.f-field input,.f-field select,.f-field textarea{
  background:var(--panel); border:1px solid var(--line-2); color:var(--text);
  padding:14px 16px; font-size:15px; font-family:inherit; border-radius:2px; outline:none;
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.f-field textarea{ resize:vertical; min-height:130px; }
.f-field input:focus,.f-field select:focus,.f-field textarea:focus{
  border-color:var(--accent); box-shadow:0 0 0 3px rgba(26,92,184,.14);
}
.f-note{ font-size:13px; color:var(--muted); margin-top:14px; }
.f-ok{
  display:none; margin-top:18px; padding:14px 18px; border:1px solid var(--accent-line);
  background:var(--accent-dim); color:var(--accent-deep); font-size:14.5px; border-radius:2px;
}

/* ---------- 移动端抽屉菜单 ---------- */
.mnav{
  position:fixed; left:0; right:0; top:84px; bottom:0; z-index:99; display:none;
  background:#fff;
  padding:18px 24px 60px; overflow-y:auto;
  opacity:0; transform:translateY(-10px); transition:opacity .3s var(--ease), transform .3s var(--ease);
}
.mnav.open{ opacity:1; transform:none; }
.mnav a{
  display:block; padding:17px 0; border-bottom:1px solid var(--line);
  font-size:17px; color:var(--navy); font-weight:500;
}
.mnav a:last-of-type{ border-bottom:0; }
.mnav .mnav__cta{ margin-top:28px; }
.mnav .mnav__cta .btn{ width:100%; }
@media (max-width:1280px){ .mnav{ display:block; } }

/* ---------- 页脚（深渊蓝） ---------- */
.ftr{
  background:
    radial-gradient(800px 300px at 20% 0%, rgba(26,92,184,.14), transparent 70%),
    var(--deep-3);
  padding:80px 0 34px;
  border-top:1px solid rgba(78,151,240,.22);
}
.ftr__top{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:50px; }
.ftr h4{ font-size:13px; letter-spacing:.18em; color:var(--accent-glow); text-transform:uppercase; margin-bottom:22px; }
.ftr li a{ font-size:14.5px; color:rgba(255,255,255,.72); transition:color .25s var(--ease); }
.ftr li{ margin-bottom:12px; }
.ftr li a:hover{ color:var(--accent-glow); }
.ftr__about p{ color:rgba(255,255,255,.58); font-size:14.5px; line-height:1.9; margin-top:20px; max-width:340px; }
.ftr__ct{ color:rgba(255,255,255,.72); font-size:14.5px; line-height:2; }
.ftr__ct b{ color:#fff; font-weight:500; }
.ftr__bot{
  margin-top:56px; padding-top:26px; border-top:1px solid rgba(255,255,255,.1);
  display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;
  font-size:12.5px; color:rgba(255,255,255,.4);
}
.ftr__bot a{
  color:rgba(255,255,255,.58); text-decoration:none; white-space:nowrap;
  border-bottom:1px solid rgba(255,255,255,.18);
  transition:color .25s var(--ease), border-color .25s var(--ease);
}
.ftr__bot a:hover{ color:#fff; border-color:rgba(255,255,255,.6); }
.ftr .brand__mark{ box-shadow:none; }
.ftr .brand__txt b{ color:#fff; }
.ftr .brand__txt span{ color:rgba(255,255,255,.5); }

/* ---------- 滚动出现 ---------- */
.rv{ opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
.rv.in{ opacity:1; transform:none; }
.rv-d1{ transition-delay:.08s; } .rv-d2{ transition-delay:.16s; } .rv-d3{ transition-delay:.24s; }
.rv-d4{ transition-delay:.32s; }

/* 中等宽度：优先保证导航单行 */
@media (max-width:1460px){
  .nav{ gap:19px; }
  .nav a{ font-size:13.5px; letter-spacing:0; }
}
@media (max-width:1350px){
  .brand__txt span{ display:none; }
  .hdr__in{ gap:20px; }
}

/* ---------- 响应式 ---------- */
@media (max-width:1280px){
  .nav{ display:none; }
  .burger{ display:block; margin-left:auto; }
  .hdr__cta .lang{ display:none; }
  .stats{ grid-template-columns:repeat(2,1fr); }
  .stat:nth-child(2){ border-right:0; }
  .stat:nth-child(1),.stat:nth-child(2){ border-bottom:1px solid rgba(255,255,255,.08); }
  .g4{ grid-template-columns:repeat(2,1fr); }
  .g3{ grid-template-columns:repeat(2,1fr); }
  .flow{ grid-template-columns:repeat(3,1fr); }
  .flow--5{ grid-template-columns:repeat(3,1fr); }
  .pillars{ grid-template-columns:1fr; }
  .pillar{ border-right:0; border-bottom:1px solid var(--line); }
  .split{ grid-template-columns:1fr; gap:44px; }
  .ftr__top{ grid-template-columns:1fr 1fr; gap:40px; }
}
@media (max-width:720px){
  .wrap,.hdr__in{ padding:0 20px; }
  .sec{ padding:80px 0; }
  .hero{ min-height:auto; padding:140px 0 80px; }
  .phero{ padding:150px 0 70px; }
  .g2,.g3,.g4{ grid-template-columns:1fr; }
  .stats{ grid-template-columns:1fr; }
  .stat{ border-right:0; border-bottom:1px solid rgba(255,255,255,.08); }
  .stat:last-child{ border-bottom:0; }
  .flow,.flow--5{ grid-template-columns:1fr; }
  .flow__s{ border-right:0; border-bottom:1px solid var(--line); }
  .ind{ padding:40px 28px; }
  .ind__no{ font-size:86px; right:16px; }
  .quote{ padding:32px 26px; }
  .quote p{ font-size:17.5px; }
  .form{ grid-template-columns:1fr; }
  .ftr__top{ grid-template-columns:1fr; }
  .hero__bearing{ display:none; }
  .cta::before,.cta::after{ display:none; }
}

/* ============================================================
   VI 2.1 · 精修层（广告公司级设计手法）
   ============================================================ */

/* 顶部阅读进度条 */
#prog{
  position:fixed; left:0; top:0; height:2px; width:0; z-index:200;
  background:linear-gradient(90deg,var(--accent),var(--accent-glow),#9CC6FA);
  box-shadow:0 0 12px rgba(78,151,240,.7);
  transition:width .1s linear;
}

/* 渐变文字标题 */
.grad-text{
  background:linear-gradient(100deg,#1A5CB8 0%,#4E97F0 46%,#0C3878 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* 正文层始终压在水印之上 */
.sec > .wrap{ position:relative; z-index:1; }

/* 章节巨型序号水印 */
.sec-no{
  position:absolute; right:24px; top:-14px; z-index:0; pointer-events:none;
  font-family:var(--serif); font-weight:700; font-size:200px; line-height:1;
  color:rgba(26,92,184,.055); letter-spacing:-.02em;
}
@media (max-width:900px){ .sec-no{ font-size:120px; right:6px; opacity:.7; } }

/* 分隔细线（渐变+菱形） */
.divider{
  position:relative; height:1px; border:0; margin:0;
  background:linear-gradient(90deg,transparent,var(--accent-line),rgba(78,151,240,.5),var(--accent-line),transparent);
}
.divider::after{
  content:""; position:absolute; left:50%; top:-4px; width:9px; height:9px;
  transform:translateX(-50%) rotate(45deg);
  background:var(--accent); box-shadow:0 0 10px rgba(78,151,240,.6);
}

/* 关键词强调（蓝色下划线） */
.kw{
  color:var(--accent); font-weight:600; white-space:nowrap;
  background:linear-gradient(transparent 62%, rgba(78,151,240,.24) 62%);
}

/* 玻璃卡片（深色底） */
.glass{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-radius:6px;
}

/* 按钮微光扫过 */
.btn{ position:relative; overflow:hidden; }
.btn::after{
  content:""; position:absolute; top:0; left:-70%; width:50%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-18deg); transition:left .6s var(--ease);
}
.btn:hover::after{ left:130%; }

/* 迷你数据条 */
.mini-bar{ display:grid; gap:12px; margin-top:26px; }
.mini-bar__i{ display:grid; grid-template-columns:120px 1fr 52px; gap:14px; align-items:center; font-size:13.5px; }
.mini-bar__i span{ color:var(--text-2); }
.mini-bar__i b{ color:var(--accent); font-weight:700; text-align:right; font-size:13px; }
.mini-bar__t{ height:6px; background:var(--ink-3); border-radius:3px; overflow:hidden; }
.mini-bar__t i{
  display:block; height:100%; width:0; border-radius:3px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  transition:width 1.1s var(--ease);
}

/* 深色区鼠标光晕 */
#glow{
  position:fixed; width:520px; height:520px; border-radius:50%; pointer-events:none; z-index:1;
  left:0; top:0; margin:-260px 0 0 -260px; opacity:0; transition:opacity .4s var(--ease);
  background:radial-gradient(circle, rgba(78,151,240,.13), transparent 62%);
}

/* 首屏入场动画 */
.hero__in > *{ animation:heroIn .9s var(--ease) both; }
.hero__in > *:nth-child(1){ animation-delay:.10s; }
.hero__in > *:nth-child(2){ animation-delay:.20s; }
.hero__in > *:nth-child(3){ animation-delay:.30s; }
.hero__in > *:nth-child(4){ animation-delay:.38s; }
.hero__in > *:nth-child(5){ animation-delay:.46s; }
.hero__in > *:nth-child(6){ animation-delay:.54s; }
@keyframes heroIn{ from{ opacity:0; transform:translateY(24px); } to{ opacity:1; transform:none; } }

/* ---------- 产品选型器 ---------- */
.sel{ display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:start; }

.sel__panel{
  border:1px solid var(--line); border-radius:var(--radius); background:var(--panel);
  padding:34px 32px;
}
.sel__panel + .sel__panel{ margin-top:22px; }
.sel__h{
  display:flex; align-items:center; gap:14px; margin-bottom:22px;
  padding-bottom:16px; border-bottom:1px solid var(--line);
}
.sel__h b{
  font-family:var(--serif); font-size:26px; color:var(--accent); line-height:1; font-weight:700;
}
.sel__h h3{ font-size:17px; font-weight:600; }
.sel__h em{ font-style:normal; margin-left:auto; font-size:12px; letter-spacing:.14em; color:var(--muted); }

.sel__row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sel__f{ display:flex; flex-direction:column; gap:9px; margin-bottom:18px; }
.sel__f label{ font-size:12.5px; letter-spacing:.08em; color:var(--muted); }
.sel__f input{
  border:1px solid var(--line-2); background:var(--panel); color:var(--text);
  padding:13px 15px; font-size:15px; font-family:inherit; border-radius:2px; outline:none;
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.sel__f input:focus{ border-color:var(--accent); box-shadow:0 0 0 3px rgba(26,92,184,.13); }

.chips{ display:flex; flex-wrap:wrap; gap:9px; }
.chip{
  border:1px solid var(--line-2); background:var(--panel); color:var(--text-2);
  padding:10px 16px; font-size:13.5px; font-family:inherit; border-radius:2px; cursor:pointer;
  transition:all .25s var(--ease); line-height:1.3;
}
.chip:hover{ border-color:var(--accent-line); color:var(--accent); }
.chip.on{
  background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#fff; border-color:transparent;
  box-shadow:0 6px 18px rgba(26,92,184,.3);
}
.chip small{ display:block; font-size:11px; opacity:.72; margin-top:2px; }

/* 结果面板（深色） */
.sel__out{
  position:sticky; top:104px;
  background:linear-gradient(165deg,#0A1E3C,#071630 60%,#050F1F);
  border:1px solid rgba(78,151,240,.24); border-radius:6px; padding:36px 34px; overflow:hidden;
}
.sel__out::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(600px 240px at 50% 0%, rgba(78,151,240,.16), transparent 70%);
}
.sel__out-h{ display:flex; align-items:center; gap:12px; position:relative; }
.sel__out-h i{
  width:8px; height:8px; border-radius:50%; background:var(--accent-glow);
  box-shadow:0 0 12px rgba(78,151,240,.9); animation:pulse 2s infinite;
}
@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
.sel__out-h h3{ color:#fff; font-size:18px; }
.sel__out-h em{ font-style:normal; margin-left:auto; font-size:11.5px; letter-spacing:.14em; color:rgba(255,255,255,.45); }

.out-item{
  padding:16px 0; border-bottom:1px solid rgba(255,255,255,.09); position:relative;
  animation:outIn .5s var(--ease) both;
}
@keyframes outIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.out-item:last-of-type{ border-bottom:0; }
.out-item span{
  display:block; font-size:11.5px; letter-spacing:.16em; color:var(--accent-glow);
  text-transform:uppercase; margin-bottom:7px;
}
.out-item p{ color:#fff; font-size:15px; line-height:1.7; font-weight:500; }
.out-item small{ display:block; margin-top:6px; font-size:12.5px; color:rgba(255,255,255,.55); line-height:1.7; }

.out-risk{
  margin-top:22px; padding:18px 20px; border-radius:4px; position:relative;
  background:rgba(255,255,255,.05); border-left:3px solid var(--accent-glow);
}
.out-risk h4{ color:#fff; font-size:14px; margin-bottom:12px; }
.out-risk li{
  font-size:13px; color:rgba(255,255,255,.72); line-height:1.9; padding-left:16px; position:relative;
}
.out-risk li::before{ content:""; position:absolute; left:0; top:11px; width:5px; height:5px; background:var(--accent-glow); transform:rotate(45deg); }

.sel__bars{ margin-top:24px; position:relative; }
.sel__bars h4{ color:#fff; font-size:14px; margin-bottom:16px; }
.sel__bars .mini-bar__i{ grid-template-columns:82px 1fr 44px; }
.sel__bars .mini-bar__i span{ color:rgba(255,255,255,.7); font-size:12.5px; }
.sel__bars .mini-bar__i b{ color:var(--accent-glow); }
.sel__bars .mini-bar__t{ background:rgba(255,255,255,.12); }
.sel__bars .mini-bar__t i{ background:linear-gradient(90deg,#3E86E6,#8CC0FA); }

.sel__acts{ margin-top:28px; display:flex; gap:12px; flex-wrap:wrap; position:relative; }
.sel__sum{
  margin-top:20px; width:100%; background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.82); padding:16px; font-size:13px; line-height:1.8;
  font-family:inherit; border-radius:3px; resize:vertical; min-height:150px; outline:none; position:relative;
}
.sel__sum:focus{ border-color:var(--accent-glow); }
.sel__hint{ margin-top:14px; font-size:12.5px; color:var(--muted); }

@media (max-width:1080px){
  .sel{ grid-template-columns:1fr; }
  .sel__out{ position:static; }
}
@media (max-width:720px){
  .sel__row{ grid-template-columns:1fr; }
  .sel__panel{ padding:26px 22px; }
  .sel__out{ padding:28px 22px; }
}

/* ============================================================
   企业介绍 / Company · 时间轴、团队、价值观、资质等
   ============================================================ */

/* 发展历程时间轴 */
.tl{ position:relative; padding-left:34px; margin-top:8px; }
.tl::before{
  content:""; position:absolute; left:14px; top:6px; bottom:6px; width:2px;
  background:linear-gradient(to bottom,var(--accent-line),var(--accent-glow) 30%,transparent 92%);
}
.tl-i{ position:relative; padding:12px 0 30px; }
.tl-i::before{
  content:""; position:absolute; left:-28px; top:18px; width:14px; height:14px; border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 4px rgba(26,92,184,.18), 0 0 18px rgba(78,151,240,.55);
}
.tl-i b{
  display:inline-block; color:var(--accent-glow); font-size:13px; letter-spacing:.14em;
  text-transform:uppercase; margin-right:14px; font-weight:600;
}
.tl-i h4{ font-size:20px; margin:6px 0 8px; color:var(--text); font-weight:600; }
.tl-i p{ color:var(--text-2); font-size:15px; line-height:1.9; }

/* 使命愿景价值观 */
.value-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.value-c{
  padding:36px 32px; border:1px solid var(--line); background:var(--panel);
  border-radius:var(--radius); position:relative; overflow:hidden;
  transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.value-c::before{
  content:""; position:absolute; left:0; top:0; height:3px; width:100%;
  background:linear-gradient(90deg,var(--accent),var(--accent-glow));
}
.value-c:hover{ transform:translateY(-4px); border-color:var(--accent-line); box-shadow:0 20px 50px rgba(26,92,184,.12); }
.value-c i{
  font-style:normal; font-family:var(--serif); font-size:54px; color:var(--accent);
  line-height:1; display:block; margin-bottom:14px; opacity:.85;
}
.value-c h3{ font-size:20px; margin-bottom:12px; color:var(--text); font-weight:600; }
.value-c p{ color:var(--text-2); font-size:15px; line-height:1.9; }

/* 团队 */
.team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.team-c{
  padding:32px 24px; border:1px solid var(--line); background:var(--panel);
  border-radius:var(--radius); text-align:left;
  transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.team-c:hover{ transform:translateY(-3px); border-color:var(--accent-line); box-shadow:0 16px 40px rgba(26,92,184,.1); }
.team-c b{
  font-family:var(--serif); font-size:46px; color:var(--accent); display:block;
  line-height:1; font-weight:700;
}
.team-c span{ color:var(--muted); font-size:12px; letter-spacing:.14em; text-transform:uppercase; }
.team-c p{ margin-top:14px; color:var(--text-2); font-size:13.5px; line-height:1.8; }

/* 厂区分布 */
.place-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:center; }
.place-map{ background:#FAFCFF; border:1px solid var(--line); border-radius:var(--radius); padding:26px; }
.place-list{ display:flex; flex-direction:column; gap:14px; }
.place-l{
  display:grid; grid-template-columns:auto 1fr; gap:14px 18px; padding:16px 18px;
  border:1px solid var(--line); border-radius:var(--radius); background:var(--panel);
  transition:.3s var(--ease);
}
.place-l:hover{ border-color:var(--accent-line); }
.place-l b{
  width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#fff;
  border-radius:6px; font-weight:700; font-size:14px;
}
.place-l h5{ font-size:16px; color:var(--text); font-weight:600; margin-bottom:2px; }
.place-l p{ color:var(--text-2); font-size:13.5px; line-height:1.7; grid-column:2; }

/* 资质 */
.cert-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cert-c{
  padding:24px 22px; border:1px solid var(--line); background:var(--panel);
  border-radius:var(--radius); display:flex; gap:14px; align-items:flex-start;
  transition:.3s var(--ease);
}
.cert-c:hover{ border-color:var(--accent-line); }
.cert-c i{
  font-style:normal; width:40px; height:40px; flex:0 0 auto; display:inline-flex;
  align-items:center; justify-content:center; border-radius:50%;
  background:rgba(26,92,184,.10); color:var(--accent); font-weight:700;
}
.cert-c b{ font-size:15px; color:var(--text); display:block; margin-bottom:4px; font-weight:600; }
.cert-c p{ color:var(--text-2); font-size:13px; line-height:1.7; }

/* 可持续发展 */
.sus-pillar{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.sus-c{ padding:28px 26px; border-radius:var(--radius); background:linear-gradient(165deg,#0A1E3C,#071630); color:rgba(255,255,255,.86); position:relative; overflow:hidden; }
.sus-c::after{
  content:""; position:absolute; right:-40px; top:-40px; width:140px; height:140px; border-radius:50%;
  background:radial-gradient(circle, rgba(78,151,240,.25), transparent 70%);
}
.sus-c h4{ color:#fff; font-size:18px; margin:12px 0 10px; font-weight:600; position:relative; }
.sus-c p{ font-size:13.5px; line-height:1.85; color:rgba(255,255,255,.7); position:relative; }
.sus-c i{
  font-style:normal; font-family:var(--serif); font-size:38px; color:var(--accent-glow);
  display:block; line-height:1; position:relative;
}

/* 公司故事侧栏 */
.story{ display:grid; grid-template-columns:1.05fr .95fr; gap:50px; align-items:center; }
.story__art{
  border:1px solid var(--line); border-radius:var(--radius); padding:36px; background:
  radial-gradient(600px 240px at 50% -10%, rgba(78,151,240,.15), transparent 70%),
  linear-gradient(165deg,#0A1E3C,#071630);
  color:rgba(255,255,255,.78); position:relative; overflow:hidden;
}
.story__art::after{
  content:""; position:absolute; right:-60px; bottom:-60px; width:240px; height:240px; border-radius:50%;
  background:radial-gradient(circle, rgba(78,151,240,.18), transparent 70%);
}

/* 响应式 */
@media (max-width:980px){
  .value-grid, .cert-grid, .sus-pillar{ grid-template-columns:1fr 1fr; }
  .team-grid{ grid-template-columns:1fr 1fr; }
  .place-grid, .story{ grid-template-columns:1fr; }
}
@media (max-width:620px){
  .value-grid, .cert-grid, .sus-pillar{ grid-template-columns:1fr; }
  .team-grid{ grid-template-columns:1fr; }
}

/* ============================================================
   真实 LOGO 接入
   ============================================================ */
.brand__img{ display:block; height:42px; width:auto; }
.hdr .brand__img{
  background:#fff; padding:7px 12px; border-radius:5px;
  box-shadow:0 2px 14px rgba(3,10,20,.25);
}
.hdr.is-stuck .brand__img{ height:38px; padding:5px 10px; box-shadow:none; }
.ftr .brand__img{ height:44px; }
.brand__txt{ display:none; }

/* 公司全称横标（logo-2，白底区块用） */
.co-logo{
  display:block; height:50px; width:auto; margin:0 auto;
}
.co-logo--left{ margin:0; }
@media (max-width:720px){ .co-logo{ height:36px; } }
@media (max-width:1460px){ .hdr .brand__img{ height:36px; padding:6px 10px; } }

/* ============================================================
   移动端防溢出加固（英文长文案适配）
   ============================================================ */
/* 1. 网格/弹性子项允许收缩（默认 auto 会被长单词与 nowrap 撑开） */
.split > *,
.pillars > *,
.g2 > *,
.g3 > *,
.g4 > *{ min-width:0; }
.split__txt,
.split__media{ min-width:0; }
.split__txt p,
.split__txt li{ overflow-wrap:break-word; }
.split__list li{ min-width:0; }
.split__list li > *{ min-width:0; }
.pillar{ min-width:0; }

/* 2. 按钮：窄屏允许换行，不再被 nowrap 撑破容器 */
.btn{ max-width:100%; }
@media (max-width:760px){
  .btn{
    white-space:normal; height:auto; min-height:50px;
    padding:13px 24px; line-height:1.4; text-align:center;
  }
  .btn--sm{ min-height:42px; padding:10px 18px; }
  .hero__btns .btn{ width:100%; }
  .pillar{ padding:34px 24px; }
}

/* 4. 兜底：极小屏（320px）装饰光晕等伪元素造成的 6px 级横向抖动 */
@media (max-width:760px){
  html{ overflow-x:hidden; overflow-x:clip; }
}

/* 3. 表格：容器内横向滚动，绝不撑破页面 */
.tbl-wrap{ max-width:100%; }
@media (max-width:760px){
  table.tbl{ min-width:640px; }
  table.tbl th,
  table.tbl td{ padding:14px 16px; }
}