/* ============================================================
   about.css - 站24 关于我们专属样式（va 前缀 · 全宽 + 横向时间线）
   ============================================================ */

/* 顶部横幅 */
.va-top { text-align:center; padding:60px 0 44px; background:linear-gradient(170deg,var(--vx-50),#fff); }
.va-h1 { font-size:36px; font-weight:800; color:var(--vn-900); margin:14px 0 16px; }
.va-top-lead { font-size:15px; color:var(--vn-600); max-width:760px; margin:0 auto; }

/* 平台简介两列 */
.va-intro { display:grid; grid-template-columns:1.3fr .7fr; gap:40px; align-items:center; }
.va-intro-txt h2 { font-size:25px; margin-bottom:16px; }
.va-intro-txt p { color:var(--vn-600); font-size:14.5px; margin-bottom:14px; }
.va-intro-card { background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr-lg); padding:26px 24px; box-shadow:var(--vxsh); }
.va-intro-row { display:flex; align-items:center; justify-content:space-between; padding:13px 0; border-bottom:1px solid var(--vn-100); }
.va-intro-row:last-child { border-bottom:none; }
.va-intro-row b { font-size:23px; font-weight:800; color:var(--vx-700); }
.va-intro-row span { font-size:13px; color:var(--vn-500); }

/* 交替背景 */
.va-alt { background:linear-gradient(180deg,var(--vn-100),var(--vx-50)); }

/* 认证三步 */
.va-cert { position:relative; background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr-lg); padding:32px 26px; text-align:center; }
.va-cert-no {
  width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--vx-500),var(--vx-700)); color:#fff;
  font-size:21px; font-weight:800; border-radius:var(--vxr-pill); margin-bottom:16px;
}
.va-cert h3 { font-size:17px; margin-bottom:8px; }
.va-cert p { font-size:13.5px; color:var(--vn-500); }

/* 横向时间线 */
.va-timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative; }
.va-tl { position:relative; background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr); padding:26px 22px; padding-top:34px; }
.va-dot { position:absolute; top:18px; left:22px; width:13px; height:13px; border-radius:50%; background:var(--vx-500); box-shadow:0 0 0 5px var(--vx-100); }
.va-tl h3 { font-size:15.5px; margin-bottom:8px; }
.va-tl p { font-size:13px; color:var(--vn-500); }

/* 能力标签 */
.va-tags { display:flex; flex-wrap:wrap; gap:11px; justify-content:center; max-width:820px; margin:0 auto; }

/* FAQ */
.va-faq { max-width:820px; margin:0 auto; }
.va-btn-on-dark { color:#fff; border-color:rgba(255,255,255,.6); }
.va-btn-on-dark:hover { color:#fff; border-color:#fff; background:rgba(255,255,255,.1); }

/* 响应式 */
@media (max-width:900px) {
  .va-h1 { font-size:29px; }
  .va-intro { grid-template-columns:1fr; gap:28px; }
  .va-timeline { grid-template-columns:1fr 1fr; }
}
@media (max-width:560px) {
  .va-h1 { font-size:25px; }
  .va-timeline { grid-template-columns:1fr; }
}