/* ============ 关于我们 about.html 专属 ============ */
/* 使命愿景双卡 */
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mv-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:40px 38px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s}
.mv-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.mv-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--grad-brand)}
.mv-ico{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--grad-brand);box-shadow:0 10px 24px rgba(109,31,184,.3);margin-bottom:22px}
.mv-ico svg{width:30px;height:30px}
.mv-card h3{font-size:24px;margin-bottom:14px}
.mv-card p{font-size:15px;color:var(--ink-500);line-height:1.85}
.mv-tag{display:inline-block;margin-top:18px;font-size:13px;font-weight:700;color:var(--purple-600);padding:6px 14px;border-radius:999px;background:var(--grad-brand-soft)}

/* 数据条（深色文字版） */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(0,180,255,.08));border:1px solid var(--line);border-radius:var(--r-lg);padding:44px 32px}
.stat-item{text-align:center}
.stat-item b{display:block;font-size:clamp(32px,3.4vw,48px);font-weight:900;line-height:1;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-item b::after{content:"";display:block;width:36px;height:3px;border-radius:2px;background:var(--grad-brand);margin:12px auto 0}
.stat-item span{display:block;margin-top:12px;font-size:14px;color:var(--ink-500);font-weight:600}

/* 里程碑预览（横向四节点） */
.ms-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.ms-preview::before{content:"";position:absolute;left:8%;right:8%;top:34px;height:2px;background:linear-gradient(90deg,var(--purple-400),var(--blue-400));opacity:.4}
.ms-node{position:relative;text-align:center;padding:0 12px}
.ms-dot{width:68px;height:68px;border-radius:999px;display:grid;place-items:center;margin:0 auto 18px;font-weight:900;color:#fff;background:var(--grad-brand);box-shadow:var(--shadow-md);position:relative;z-index:2;transition:transform .4s}
.ms-node:hover .ms-dot{transform:scale(1.1)}
.ms-node h4{font-size:16px;margin-bottom:6px}
.ms-node p{font-size:13px;color:var(--ink-500)}

@media (max-width:860px){
  .mv-grid{grid-template-columns:1fr}
  .stat-row{grid-template-columns:repeat(2,1fr);gap:28px 16px}
  .ms-preview{grid-template-columns:repeat(2,1fr);row-gap:40px}
  .ms-preview::before{display:none}
}