/* 关于我们 v2：对齐首页工业风（navy/cyan） */
.page-about { --about-navy:#061a2e; --about-navy-2:#0a3150; --about-blue:#097fa6; --about-cyan:#48d8e9; --about-ink:#102b45; --about-muted:#62809a; }
.page-about .site-main { overflow:hidden; }
.page-about .reveal { will-change: auto; }
.about-section { content-visibility: auto; contain-intrinsic-size: auto 700px; }

/* ============ Hero ============ */
.about-hero { position:relative; isolation:isolate; color:#fff; background:#06192c; overflow:hidden; }
.about-hero::before { content:""; position:absolute; inset:0; z-index:-2; opacity:.4; background-image:linear-gradient(rgba(95,212,229,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(95,212,229,.12) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 60%,transparent 100%); pointer-events:none; }
.about-hero::after { content:""; position:absolute; z-index:-3; right:-160px; top:-160px; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle,rgba(72,216,233,.28) 0%,transparent 68%); pointer-events:none; }
.about-hero-inner { padding:96px 0 82px; }
.about-kicker { display:inline-flex; align-items:center; gap:11px; margin:0 0 20px; color:#a5edf5; font-size:.72rem; font-weight:750; letter-spacing:.15em; }
.about-kicker::before { content:""; width:34px; height:1px; background:#5ce7f2; }
.about-hero h1 { margin:0; color:#fff; font-size:clamp(2.5rem,4.6vw,4rem); line-height:1.1; letter-spacing:-.04em; }
.about-lead { max-width:640px; margin:20px 0 0; color:rgba(221,248,250,.85); font-size:1.06rem; line-height:1.8; }
.about-hero .breadcrumb { margin-top:26px; color:#9ec7d4; font-size:.86rem; }
.about-hero .breadcrumb a { color:#7fe6ef; }
.about-hero .breadcrumb a:hover { color:#b9f4f8; }
.about-hero .breadcrumb span { margin:0 8px; color:#5f8796; }

/* ============ Section 通用 ============ */
.about-section { padding:clamp(74px,9vw,128px) 0; }
.about-section-alt { background:#f1f7fa; }
.about-section-head { margin-bottom:44px; }
.about-section-head .eyebrow { margin:0 0 12px; color:#1184a3; font-size:.7rem; font-weight:800; letter-spacing:.14em; }
.about-section-head h2 { margin:0; color:#102f4c; font-size:clamp(1.9rem,3vw,2.6rem); line-height:1.18; letter-spacing:-.04em; }
.about-section-head p { max-width:520px; margin:12px 0 0; color:#6b879e; font-size:.94rem; line-height:1.72; }

/* ============ 数字实力 ============ */
.about-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(36,89,126,.14); border-radius:16px; background:#fff; box-shadow:0 16px 36px rgba(15,50,78,.1); overflow:hidden; }
.about-stat { min-height:150px; padding:32px 28px; border-left:1px solid #e4edf2; }
.about-stat:first-child { border-left:0; }
.about-stat strong { display:block; color:#087fa2; font-size:clamp(2rem,3.4vw,3rem); line-height:1; letter-spacing:-.05em; }
.about-stat span { display:block; margin-top:14px; color:#55728b; font-size:.82rem; }

/* ============ 公司简介 ============ */
.about-intro-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:52px; align-items:center; }
.about-intro-copy { color:#36566e; font-size:.98rem; line-height:1.9; }
.about-intro-copy .content-body p { margin:0 0 16px; }
.about-intro-lead { margin:0 0 16px; color:#163954; font-size:1.22rem; line-height:1.75; }
.about-intro-muted { margin:0; color:#7d96a8; font-size:.88rem; }
.about-intro-media { position:relative; overflow:hidden; border-radius:17px; background:#0c2e49; }
.about-intro-media img { display:block; width:100%; height:auto; }

/* ============ 发展历程 ============ */
.about-timeline { position:relative; display:grid; gap:18px; max-width:860px; }
.about-timeline::before { content:""; position:absolute; left:6px; top:6px; bottom:6px; width:2px; background:linear-gradient(180deg,#48d8e9,#0d89a9); opacity:.35; }
.about-timeline-item { position:relative; display:grid; grid-template-columns:14px 1fr; gap:22px; }
.about-timeline-dot { width:14px; height:14px; margin-top:6px; border-radius:50%; border:3px solid #0d89a9; background:#fff; }
.about-timeline-card { padding:22px 26px; border:1px solid #dce9ef; border-radius:14px; background:#fff; }
.about-timeline-year { display:inline-block; margin-bottom:8px; color:#0d89a9; font-size:.8rem; font-weight:800; letter-spacing:.08em; }
.about-timeline-title { margin:0; color:#173a56; font-size:1.1rem; }
.about-timeline-desc { margin:10px 0 0; color:#6b8398; font-size:.88rem; line-height:1.7; }
.about-timeline-icon { display:inline-block; margin-top:12px; }

/* ============ 核心团队 ============ */
.about-team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.about-team-card { padding:26px 22px; border:1px solid #dce9ef; border-radius:14px; background:#fff; text-align:center; }
.about-team-avatar { width:76px; height:76px; margin:0 auto 16px; border-radius:50%; overflow:hidden; background:#e9f8fb; color:#0d89a9; display:grid; place-items:center; font-size:1.6rem; font-weight:700; }
.about-team-avatar img { width:100%; height:100%; object-fit:cover; }
.about-team-name { margin:0; color:#173a56; font-size:1.06rem; }
.about-team-position { margin:6px 0 0; color:#0d89a9; font-size:.8rem; font-weight:700; }
.about-team-bio { margin:12px 0 0; color:#6b8398; font-size:.82rem; line-height:1.65; }

/* ============ 荣誉资质 ============ */
.about-honors-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.about-honor-card { padding:22px; border:1px solid #dce9ef; border-radius:14px; background:#fff; }
.about-honor-image { display:grid; place-items:center; height:120px; margin-bottom:14px; border-radius:10px; background:#f0f8fb; overflow:hidden; }
.about-honor-image img { max-width:100%; max-height:100%; object-fit:contain; }
.about-honor-image .about-honor-fallback { color:#0d89a9; }
.about-honor-title { margin:0; color:#173a56; font-size:1rem; }
.about-honor-desc { margin:8px 0 0; color:#6b8398; font-size:.82rem; line-height:1.6; }

/* ============ CTA ============ */
.about-cta { padding-bottom:clamp(80px,10vw,130px); background:#f1f7fa; }
.about-cta-inner { display:grid; grid-template-columns:1.1fr .9fr; gap:38px; align-items:center; padding:clamp(36px,6vw,68px); border-radius:18px; color:#fff; background:linear-gradient(120deg,#082840 0%,#075a76 100%); }
.about-cta .eyebrow { color:#87e9f1; font-size:.72rem; font-weight:800; letter-spacing:.13em; }
.about-cta h2 { max-width:650px; margin:13px 0 0; color:#fff; font-size:clamp(1.9rem,3.4vw,3rem); line-height:1.18; letter-spacing:-.045em; }
.about-cta h2 .about-cta-accent { color:#6ae9f3; }
.about-cta p { max-width:610px; margin:17px 0 0; color:#c3e6ea; line-height:1.75; }
.about-cta-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; }
.about-cta .btn-primary { background:#54d9e6; color:#07364d; }
.about-cta .btn-primary:hover { background:#8cebf2; color:#07364d; }
.about-cta .btn-ghost { border-color:rgba(223,250,252,.47); color:#fff; }
.about-cta .btn-ghost:hover { background:rgba(255,255,255,.13); color:#fff; }

/* ============ 暗色模式 ============ */
:root.dark-mode .page-about .about-section-alt,
:root.dark-mode .page-about .about-cta { background:#08192a; }
:root.dark-mode .page-about .about-stats-grid,
:root.dark-mode .page-about .about-timeline-card,
:root.dark-mode .page-about .about-team-card,
:root.dark-mode .page-about .about-honor-card { border-color:#1e4158; background:#0c2135; }
:root.dark-mode .page-about .about-stat { border-color:#1e4158; }
:root.dark-mode .page-about .about-section-head h2,
:root.dark-mode .page-about .about-timeline-title,
:root.dark-mode .page-about .about-team-name,
:root.dark-mode .page-about .about-honor-title,
:root.dark-mode .page-about .about-intro-lead { color:#e4f2f7; }
:root.dark-mode .page-about .about-section-head p,
:root.dark-mode .page-about .about-stat span,
:root.dark-mode .page-about .about-timeline-desc,
:root.dark-mode .page-about .about-team-bio,
:root.dark-mode .page-about .about-honor-desc,
:root.dark-mode .page-about .about-intro-copy { color:#9ab6c8; }
:root.dark-mode .page-about .about-intro-muted { color:#7d96a8; }

/* ============ 响应式 ============ */
@media (max-width:980px) {
  .about-intro-grid, .about-cta-inner { grid-template-columns:1fr; }
  .about-stats-grid { grid-template-columns:repeat(2,1fr); }
  .about-stat:nth-child(3) { border-left:0; border-top:1px solid #e4edf2; }
  .about-stat:nth-child(4) { border-top:1px solid #e4edf2; }
  .about-team-grid, .about-honors-grid { grid-template-columns:repeat(2,1fr); }
  .about-cta-actions { justify-content:flex-start; }
}
@media (max-width:620px) {
  .about-hero-inner { padding:76px 0 64px; }
  .about-hero h1 { font-size:clamp(2rem,11vw,2.6rem); }
  .about-section { padding:65px 0; }
  .about-section-head { margin-bottom:30px; }
  .about-stats-grid { grid-template-columns:1fr 1fr; }
  .about-stat { min-height:110px; padding:22px 18px; }
  .about-stat:nth-child(2n) { border-left:1px solid #e4edf2; }
  .about-stat:nth-child(n+3) { border-top:1px solid #e4edf2; }
  .about-intro-grid { gap:26px; }
  .about-team-grid, .about-honors-grid { grid-template-columns:1fr; }
  .about-timeline-item { grid-template-columns:14px 1fr; gap:16px; }
  .about-cta-inner { gap:28px; padding:32px 25px; border-radius:0; }
}