/* 关于我们页 · 仅承载全局四层覆盖不到的独有布局（品牌故事叙事） */

/* 品牌故事：左栏年份锚点 + 右栏叙事正文 */
.about-story{align-items:stretch;}
.about-story > .panel{padding:38px 34px; display:flex; flex-direction:column; justify-content:center;}
.about-story__year{
  font-family:var(--font-num); font-size:56px; font-weight:var(--fw-black);
  line-height:1; color:var(--c-navy); letter-spacing:-.02em;
}
.about-story__year span{
  display:block; font-size:14px; font-weight:var(--fw-bold);
  color:var(--ink-3); letter-spacing:.14em; margin-top:8px;
}
.about-story__body p{font-size:16px; line-height:1.95; color:var(--ink-2); margin-bottom:18px;}
.about-story__body p:last-child{margin-bottom:0;}
.about-story__slogan{
  font-size:18px; font-weight:var(--fw-black); color:var(--c-navy);
  margin-top:10px; line-height:1.7;
}

/* 首屏：长描述段（hero__note）与 CTA（联系我们）之间留出呼吸空间，
   对齐 process.html 首屏 trust-list 的 44px 间距观感 */
.hero__note + .hero__cta{margin-top:var(--sp-9);}

/* 关键数据：居中、均等大小的三块卡片（覆盖全局 .stats 的横向竖线条样式） */
.stats--blocks{display:grid; grid-template-columns:repeat(3,1fr); text-align:center; gap:var(--sp-7); margin:44px 0 var(--sp-10);}
.stats--blocks .stats__i{
  padding:var(--sp-8) var(--sp-6);
  border-left:0; border-radius:var(--r-md);
  background:var(--bg); box-shadow:var(--sh-1);
}
.stats--blocks .stats__n{color:var(--c-navy);}
.stats--blocks .stats__l{color:var(--ink-3); margin-top:var(--sp-2);}

/* 图标尺寸兜底：本页 SVG 未写 width/height，按容器约定补尺寸
   （卡片/联系图标按容器占比）
   ⚠️ `.faq__q svg` 的 16px 已于 2026-09-26 上移到 `components.css` 的全局组件规则 ——
   它属于 FAQ 组件自身规格，留在这里会让「不加载本页 css 的页面」把箭头撑成方形。 */
.card__ico svg{width:24px; height:24px;}
.contact__ico svg{width:22px; height:22px;}

/* 合作引导：三种联系方式在手机（≤520）单列堆叠（响应式断点全站统一 860/520，见 design-spec §8） */
@media (max-width:520px){
  .contact--3{grid-template-columns:1fr; max-width:420px;}
  .about-story__year{font-size:46px;}
  .stats--blocks{gap:var(--sp-5); grid-template-columns:1fr;}
}