/* tupu.css — 中国 AI 公司图谱 V2 版式（2026-10-09）
   风格：编辑体 · 墨 #1c1a17 / 宣纸 #faf7f0 / 朱砂 #b3402e / 石青 #2f6f6a
   与 matrix 站靛蓝紫系彻底区分。页眉页脚 chrome 由 style.css 提供。 */

/* ---------- hero ---------- */
.tp-hero{background:#1c1a17;color:#f2ede1;padding:64px 0 52px;position:relative;overflow:hidden}
.tp-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,#b3402e 0 33%,#2f6f6a 33% 66%,#c8a24a 66% 100%)}
.tp-eyebrow{display:inline-block;font-size:12px;letter-spacing:.35em;color:#c8a24a;
  border:1px solid #c8a24a;border-radius:2px;padding:6px 12px 6px 16px;margin-bottom:18px}
.tp-hero h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:44px;font-weight:600;
  margin:0 0 6px;letter-spacing:.06em}
.tp-hero h1 .sub{font-size:.52em;color:#b9b2a2;font-weight:400;letter-spacing:.2em;margin-left:12px}
.tp-lede{font-size:16px;line-height:1.9;color:#cfc8b8;max-width:720px;margin:14px 0 0}
.tp-lede b{color:#f2ede1}

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

/* ---------- 关键数字：横条 ---------- */
.tp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #ddd5c4;
  background:#fff}
.tp-stat{padding:20px 22px;border-right:1px solid #eee7d6}
.tp-stat:last-child{border-right:none}
.tp-stat:nth-child(3n){border-right:none}
.tp-stat:nth-child(n+4){border-top:1px solid #eee7d6}
.tp-v{font-family:"Songti SC","Noto Serif SC",serif;font-size:27px;color:#1c1a17;margin-bottom:6px}
.tp-v small{font-size:14px;color:#8a8478;font-family:system-ui,sans-serif}
.tp-k{font-size:13.5px;font-weight:600;margin-bottom:6px}
.tp-s{font-size:12.5px;color:#8a8478;line-height:1.7}

/* ---------- 产品版图 ---------- */
.tp-tier{background:#fff;border:1px solid #ddd5c4;border-left:4px solid #2f6f6a;
  padding:18px 22px;margin:0 0 14px}
.tp-tier h4{margin:0 0 10px;font-size:15px}
.tp-tier h4 .k{display:inline-block;background:#2f6f6a;color:#fff;font-size:12px;
  border-radius:2px;padding:3px 8px;margin-right:10px;letter-spacing:.1em}
.tp-tier ul{margin:0;padding-left:20px;font-size:14px;line-height:1.9;color:#3d3a34}
.tp-tier p{margin:0;font-size:14px;line-height:1.9;color:#3d3a34}

/* ---------- 中美对标 ---------- */
.tp-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
.tp-vs{background:#fff;border:1px solid #ddd5c4;padding:18px 20px;position:relative}
.tp-vs.cn{border-top:4px solid #b3402e}
.tp-vs.us{border-top:4px solid #2f6f6a;background:#f4f1ea}
.tp-vs .flag{font-size:12px;letter-spacing:.3em;color:#8a8478;margin-bottom:8px}
.tp-vs h5{margin:0 0 8px;font-size:15px}
.tp-vs p{margin:0;font-size:13.5px;line-height:1.85;color:#3d3a34}
.tp-verdict{grid-column:1/-1;background:#1c1a17;color:#e8e2d4;font-size:13.5px;
  line-height:1.9;padding:16px 20px;border-radius:2px}
.tp-verdict b{color:#c8a24a}

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

/* ---------- 雷达区 ---------- */
.tp-radar{border:1.5px dashed #b3402e;background:#fdf9f2;padding:18px 22px;margin:44px 0}
.tp-radar h3{margin:0 0 8px;font-size:16px;color:#b3402e}
.tp-radar .warn{font-size:12.5px;color:#8a8478;margin-bottom:10px}
.tp-radar ul{margin:0;padding-left:20px;font-size:13.5px;line-height:1.9;color:#3d3a34}

/* ---------- 来源 ---------- */
.tp-srcs{margin:0;padding-left:20px;font-size:13.5px;line-height:2}
.tp-srcs a{color:#2f6f6a}
.tp-cap{font-size:12.5px;color:#a09a8c;margin-top:12px}
.tp-cap a{color:#2f6f6a}

/* ---------- 首页公司卡 ---------- */
.tp-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}
.tp-card{display:block;background:#fff;border:1px solid #ddd5c4;padding:22px 24px;
  text-decoration:none;color:inherit;position:relative;transition:border-color .2s}
.tp-card:hover{border-color:#b3402e}
.tp-card .no{position:absolute;top:14px;right:18px;font-family:"Songti SC",serif;
  font-size:28px;color:#e4dccb}
.tp-card h3{margin:0 0 6px;font-family:"Songti SC",serif;font-size:19px;color:#1c1a17}
.tp-card h3 .en{font-size:13px;color:#8a8478;font-family:system-ui,sans-serif;font-weight:400;margin-left:8px}
.tp-card p{margin:0 0 12px;font-size:13.5px;line-height:1.8;color:#5c574d}
.tp-upd{display:inline-block;font-size:12px;color:#2f6f6a;background:#e9f0ee;
  border-radius:2px;padding:3px 10px;letter-spacing:.05em}

/* ---------- 通用 ---------- */
.tp-back{display:inline-block;margin-top:26px;font-size:14px;color:#2f6f6a;text-decoration:none}
.tp-back:hover{text-decoration:underline}
.tp-note{background:#f4f1ea;border:1px solid #ddd5c4;padding:18px 22px;font-size:13.5px;
  line-height:1.9;color:#3d3a34;margin:44px 0}
.tp-note h3{margin:0 0 8px;font-size:15px}

/* ---------- badge（沿用文案，换色） ---------- */
.badge{display:inline-block;font-size:11px;border-radius:2px;padding:2px 7px;
  margin-right:6px;vertical-align:1px;letter-spacing:.05em;white-space:nowrap}
.b-done{background:#e6f0e6;color:#2c6e2c}
.b-prev{background:#fdf0d8;color:#9a6b12}
.b-media{background:#ece7f7;color:#5b4a9e}
.b-todo{background:#eee;color:#777}
.b-off{background:#fbe3e3;color:#a83232}
.b-radar{background:#fbe3e3;color:#b3402e}

/* ---------- 响应式 ---------- */
@media(max-width:760px){
  .tp-hero h1{font-size:32px}
  .tp-stats{grid-template-columns:1fr 1fr}
  .tp-stat:nth-child(3n){border-right:1px solid #eee7d6}
  .tp-stat:nth-child(2n){border-right:none}
  .tp-compare,.tp-cards{grid-template-columns:1fr}
  .tp-chapter>h2{font-size:19px}
}