/* matrix.css — 美国 AI 公司矩阵 V2 版式（2026-11-05）
   结构对标图谱站 tupu.css（hero → 关键数字 → 产品分层 → 时间线 → 雷达区 → 来源），
   配色保持矩阵站靛蓝紫系，与图谱站墨＋朱砂彻底区分。 */

body{margin:0;background:#f7f7fe;color:#26244a;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
a{color:#4f46e5}
.mx-wrap{max-width:920px;margin:0 auto;padding:0 24px}

/* ---------- 顶栏 ---------- */
.mx-nav{background:#fff;border-bottom:1px solid #dddaf0}
.mx-nav .mx-wrap{display:flex;align-items:center;gap:24px;padding-top:14px;padding-bottom:14px}
.mx-brand{font-family:"Songti SC","Noto Serif SC",serif;font-size:19px;font-weight:700;
  color:#312e81;text-decoration:none;letter-spacing:.05em}
.mx-nav-links{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:14px}
.mx-nav-links a{color:#5b5a7d;text-decoration:none}
.mx-nav-links a:hover{color:#4f46e5;text-decoration:underline}
.mx-lang{font-size:13px;color:#8a89a8}
.mx-lang a{color:#4f46e5;text-decoration:none}

/* ---------- hero ---------- */
.mx-hero{background:#1e1b4b;color:#eceaff;padding:64px 0 52px;position:relative;overflow:hidden}
.mx-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,#4f46e5 0 33%,#7c3aed 33% 66%,#38bdf8 66% 100%)}
.mx-eyebrow{display:inline-block;font-size:12px;letter-spacing:.3em;color:#c7d2fe;
  border:1px solid #818cf8;border-radius:2px;padding:6px 12px 6px 16px;margin-bottom:18px}
.mx-hero h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:44px;font-weight:600;
  margin:0 0 6px;letter-spacing:.05em}
.mx-lede{font-size:16px;line-height:1.9;color:#cfcbe8;max-width:720px;margin:14px 0 0}
.mx-lede b{color:#fff}
.mx-latest{font-size:14px;line-height:1.8;color:#a5b4fc;max-width:720px;margin:14px 0 0}

/* ---------- 章节 ---------- */
.mx-main{padding:40px 24px 30px}
.mx-chapter{margin:44px 0}
.mx-chapter>h2{font-family:"Songti SC","Noto Serif SC",serif;font-size:23px;margin:0 0 18px;
  padding-bottom:10px;border-bottom:2px solid #312e81;display:flex;align-items:baseline;gap:12px}
.mx-ch{font-size:12px;font-family:system-ui,sans-serif;background:#4f46e5;color:#fff;
  border-radius:2px;padding:4px 10px;letter-spacing:.25em;white-space:nowrap}
.mx-chapter>h2 .mx-hint{font-size:13px;color:#8a89a8;font-family:system-ui,sans-serif;font-weight:400}

/* ---------- 关键数字 ---------- */
.mx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #dddaf0;background:#fff}
.mx-stat{padding:20px 22px;border-right:1px solid #eeeaf8}
.mx-stat:last-child{border-right:none}
.mx-stat:nth-child(3n){border-right:none}
.mx-stat:nth-child(n+4){border-top:1px solid #eeeaf8}
.mx-v{font-family:"Songti SC","Noto Serif SC",serif;font-size:27px;color:#312e81;margin-bottom:6px}
.mx-d{font-size:13.5px;line-height:1.7;color:#5b5a7d}

/* ---------- 产品分层 ---------- */
.mx-tier{background:#fff;border:1px solid #dddaf0;border-left:4px solid #7c3aed;
  padding:18px 22px;margin:0 0 14px}
.mx-tier h4{margin:0 0 6px;font-size:16px;color:#312e81}
.mx-lnote{display:block;font-size:12.5px;color:#8a89a8;margin-bottom:12px}
.mx-entry{padding:14px 0;border-top:1px solid #eeeaf8}
.mx-entry:first-of-type{border-top:none;padding-top:4px}
.mx-entry-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.mx-name{font-size:16px;font-weight:700;color:#312e81}
.mx-desc{font-size:15px;line-height:1.85;color:#3d3a5c}
.mx-meta{margin-top:6px;font-size:12.5px;line-height:1.7;color:#6d6cb0}

/* ---------- 时间线 ---------- */
.mx-timeline{list-style:none;margin:0;padding:0 0 0 6px}
.mx-event{position:relative;padding:0 0 20px 28px;border-left:2px solid #dddaf0;margin-left:8px}
.mx-event:last-child{padding-bottom:4px}
.mx-event::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;
  border-radius:50%;background:#f7f7fe;border:2px solid #4f46e5}
.mx-event .d{font-family:"Songti SC",serif;font-size:14px;color:#4f46e5;font-weight:600;margin-bottom:4px}
.mx-event .t{font-size:14px;line-height:1.85;color:#3d3a5c}

/* ---------- 雷达区 ---------- */
.mx-radar{border:1.5px dashed #7c3aed;background:#f5f3ff;padding:18px 22px;margin:44px 0}
.mx-radar h3{margin:0 0 8px;font-size:16px;color:#5b21b6}
.mx-radar p{margin:0;font-size:13.5px;line-height:1.9;color:#3d3a5c}
.mx-radar b{color:#312e81}

/* ---------- 来源与页脚 ---------- */
.mx-foot{font-size:12.5px;line-height:1.9;color:#8a89a8;border-top:1px solid #dddaf0;padding-top:12px}
.mx-back{display:inline-block;margin-top:26px;font-size:14px;color:#4f46e5;text-decoration:none}
.mx-back:hover{text-decoration:underline}

/* ---------- 首页公司卡（2 列，摘要为概述性文字 p.mx-one） ---------- */
.mx-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}
.mx-card{display:block;background:#fff;border:1px solid #dddaf0;padding:22px 24px;
  text-decoration:none;color:inherit;position:relative;transition:border-color .2s}
.mx-card:hover{border-color:#4f46e5}
.mx-card .mx-no{position:absolute;top:14px;right:18px;font-family:"Songti SC",serif;
  font-size:28px;color:#e2e0f8}
.mx-card h3{margin:0 0 6px;font-family:"Songti SC",serif;font-size:19px;color:#312e81}
.mx-card p{margin:0 0 12px;font-size:14px;line-height:1.85;color:#5b5a7d}
.mx-upd{display:inline-block;font-size:12px;color:#4338ca;background:#eef2ff;
  border-radius:2px;padding:3px 10px;letter-spacing:.05em;margin-bottom:12px}
.mx-cstats{display:flex;gap:20px;flex-wrap:wrap}
.mx-cstat{font-size:12px;line-height:1.5;color:#8a89a8}
.mx-cstat b{display:block;font-size:18px;color:#312e81}
.mx-go{margin-top:12px;font-size:14px;color:#4f46e5}
.mx-note{background:#fff;border:1px solid #dddaf0;padding:18px 22px;font-size:13.5px;
  line-height:1.9;color:#3d3a5c;margin:44px 0}
.mx-note h3{margin:0 0 8px;font-size:15px;color:#312e81}
.mx-note b{color:#312e81}

/* ---------- badge（沿用矩阵站原有语义与配色） ---------- */
.badge{display:inline-block;font-size:11px;border-radius:20px;padding:2px 7px;
  margin-right:6px;vertical-align:1px;letter-spacing:.05em;white-space:nowrap;border:1px solid}
.b-ok{color:#1a7f37;border-color:#1a7f3755;background:#1a7f3712}
.b-pv{color:#9a6700;border-color:#9a670055;background:#9a670012}
.b-tbd{color:#59636e;border-color:#59636e55;background:#59636e12}
.b-media{color:#8250df;border-color:#8250df55;background:#8250df12}
.b-none{color:#59636e;border-color:#59636e55;background:transparent}
.b-off{color:#b42318;border-color:#b4231855;background:#b4231812}

/* ---------- 响应式 ---------- */
@media(max-width:760px){
  .mx-hero h1{font-size:32px}
  .mx-stats{grid-template-columns:1fr 1fr}
  .mx-stat:nth-child(3n){border-right:1px solid #eeeaf8}
  .mx-stat:nth-child(2n){border-right:none}
  .mx-chapter>h2{font-size:19px}
  .mx-cards{grid-template-columns:1fr}
  .mx-nav .mx-wrap{flex-wrap:wrap;gap:10px}
  .mx-nav-links{margin-left:0}
}