/* ==========================================================================
   about.html · 关于我们 — F23 山水式
   设计：层叠远山剪影作背景 → 故事图文 → 数据带 → 价值观 → 荣誉入口 → 历程速览 → 团队入口 → CTA
   命名空间：ab-
   ========================================================================== */

/* ===== ① 页首 Banner ===== */
.ab-hero{position:relative;height:min(62vh,560px);min-height:420px;display:flex;align-items:flex-end;overflow:hidden}
.ab-hero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ab-hero .mask-ink{background:linear-gradient(180deg,rgba(29,52,38,.25),rgba(29,52,38,.62) 78%)}
.ab-hero-inner{position:relative;z-index:2;color:#F7F5EE;padding-block:clamp(40px,6vw,72px) 64px}
.ab-hero-inner h1{color:#FCFBF7;font-size:clamp(30px,4.4vw,52px);letter-spacing:.06em;margin-top:18px}
.ab-hero-inner .sub{max-width:640px;margin-top:18px;color:rgba(247,245,238,.88);font-size:clamp(15px,1.5vw,18px);line-height:1.9}
.ab-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}

/* ===== ② 公司介绍（山水层次背景） ===== */
.ab-story{position:relative;overflow:hidden}
.ab-mountains{position:absolute;left:0;right:0;bottom:0;width:100%;height:280px;pointer-events:none}
.ab-story-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.ab-p{margin-top:18px;color:var(--ink-700);font-size:15.5px;line-height:2.05}
.ab-p strong{color:var(--bamboo-700)}
.ab-story-fig{position:relative}
.ab-story-fig img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);aspect-ratio:3/2;object-fit:cover}
.ab-story-fig::before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid rgba(78,124,91,.4);border-radius:var(--radius-lg);z-index:-1}
.ab-story-fig figcaption{margin-top:14px;font-size:13.5px;color:var(--ink-500);padding-left:14px;border-left:3px solid var(--cinnabar-500)}

/* ===== ③ 团队数据带 ===== */
.ab-stats-band{background:linear-gradient(135deg,var(--bamboo-900),var(--bamboo-700));position:relative;overflow:hidden}
.ab-stats-band::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 80% -20%,rgba(192,47,43,.25),transparent 60%)}
.ab-stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:clamp(40px,5vw,60px)}
.ab-stat{text-align:center;color:var(--moon-100);position:relative}
.ab-stat strong{font-family:var(--serif);font-size:clamp(38px,4.6vw,56px);font-weight:700;letter-spacing:.02em;display:block;line-height:1.1}
.ab-stat strong em{font-style:normal;font-size:.5em;color:var(--cinnabar-400);margin-left:4px}
.ab-stat span{display:block;margin-top:10px;font-size:14px;color:rgba(247,245,238,.72);letter-spacing:.1em}

/* ===== ④ 价值观 ===== */
.ab-values{background:var(--moon-50)}
.ab-value-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
.ab-value{
  background:#fff;border-radius:var(--radius-lg);padding:36px 30px;position:relative;
  box-shadow:var(--shadow-soft);border-top:3px solid var(--bamboo-500);
  transition:transform .3s ease,box-shadow .3s ease;
}
.ab-value:nth-child(2){margin-top:34px;border-top-color:var(--cinnabar-500)}
.ab-value:nth-child(3){margin-top:68px;border-top-color:var(--bamboo-300)}
.ab-value:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift)}
.ab-value-no{
  font-family:var(--serif);font-size:15px;color:var(--cinnabar-500);
  border:1px solid rgba(192,47,43,.4);border-radius:6px;padding:4px 10px;display:inline-block;
}
.ab-value h3{font-size:21px;margin-top:18px;letter-spacing:.04em}
.ab-value p{margin-top:12px;font-size:14.5px;line-height:1.95;color:var(--ink-500)}

/* ===== ⑤ 资质荣誉入口 ===== */
.ab-honor-card{
  display:grid;grid-template-columns:1.1fr 1fr;gap:0;align-items:center;
  background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);
  border:1px solid var(--line-soft);transition:box-shadow .3s ease,transform .3s ease;
}
.ab-honor-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}
.ab-honor-card img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.ab-honor-body{padding:clamp(28px,4vw,52px)}
.ab-honor-body h2{font-size:clamp(22px,2.6vw,30px);margin-top:18px}
.ab-honor-body p{margin-top:14px;color:var(--ink-500);font-size:15px;line-height:1.95}
.ab-link{display:inline-block;margin-top:20px;color:var(--cinnabar-600);font-weight:600;letter-spacing:.06em}
.ab-honor-card:hover .ab-link{letter-spacing:.12em}

/* ===== ⑥ 发展历程速览 ===== */
.ab-road-line{
  margin:52px auto 36px;max-width:900px;display:grid;grid-template-columns:repeat(5,1fr);
  position:relative;
}
.ab-road-line::before{content:"";position:absolute;left:8%;right:8%;top:14px;height:2px;background:linear-gradient(90deg,var(--bamboo-300),var(--bamboo-500),var(--cinnabar-500))}
.ab-road-node{position:relative;text-align:center;padding-top:40px}
.ab-road-node::before{
  content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);
  width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--bamboo-500);
}
.ab-road-node:nth-child(5)::before{border-color:var(--cinnabar-500);background:var(--cinnabar-500)}
.ab-road-node b{font-family:var(--serif);font-size:20px;color:var(--ink-900);display:block}
.ab-road-node span{font-size:13.5px;color:var(--ink-500)}

/* ===== ⑦ 团队成员入口 ===== */
.ab-team-entry{background:var(--moon-100);padding-top:clamp(48px,6vw,80px)}
.ab-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px);align-items:center}
.ab-team-fig img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);aspect-ratio:3/2;object-fit:cover}
.ab-team-body .btn{margin-top:24px}
.ab-office-row{margin-top:clamp(36px,5vw,56px);text-align:center}
.ab-office-row img{border-radius:var(--radius-lg);width:100%;aspect-ratio:21/9;object-fit:cover;box-shadow:var(--shadow-soft)}
.ab-office-row p{margin-top:14px;font-size:13.5px;color:var(--ink-500)}

/* ===== ⑧ 全页 CTA ===== */
.ab-cta{background:linear-gradient(120deg,var(--bamboo-900),var(--bamboo-700));position:relative;overflow:hidden}
.ab-cta::after{
  content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;
  border:1px solid rgba(192,47,43,.5);box-shadow:0 0 0 30px rgba(192,47,43,.12),0 0 0 60px rgba(192,47,43,.06);
}
.ab-cta-inner{position:relative;z-index:2;text-align:center;color:var(--moon-100);padding-block:clamp(56px,7vw,90px)}
.ab-cta-inner h2{color:#FCFBF7;font-size:clamp(26px,3.4vw,40px);letter-spacing:.06em}
.ab-cta-inner p{max-width:620px;margin:18px auto 0;color:rgba(247,245,238,.8);line-height:2}
.ab-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px}

/* ===== 响应式 ===== */
@media (max-width:920px){
  .ab-story-grid,.ab-team-grid,.ab-honor-card{grid-template-columns:1fr}
  .ab-story-fig::before{inset:10px -10px -10px 10px}
  .ab-value-list{grid-template-columns:1fr;gap:18px}
  .ab-value:nth-child(2),.ab-value:nth-child(3){margin-top:0}
  .ab-stats-grid{grid-template-columns:repeat(2,1fr)}
  .ab-road-line{grid-template-columns:repeat(5,1fr);gap:6px}
  .ab-road-node b{font-size:15px}
  .ab-road-node span{font-size:11.5px}
}
@media (max-width:640px){
  .ab-hero{min-height:380px}
  .ab-stats-grid{grid-template-columns:1fr 1fr;gap:18px}
  .ab-road-line{grid-template-columns:repeat(2,1fr);gap:18px 6px}
  .ab-road-line::before{display:none}
  .ab-road-node{padding-top:26px}
  .ab-office-row img{aspect-ratio:16/9}
}