/* AI 专题局部微调：在 plan.css 组件基础上与全站风格对齐 */
  .ai-tag { display:inline-block; font-size:11.5px; font-weight:600; color:var(--pku-red);
    background:var(--pku-red-light); border-radius:999px; padding:3px 12px; margin-bottom:10px; letter-spacing:.05em; }
  .risk-card { background:var(--bg-white); border:1px solid var(--line); border-radius:4px; padding:18px 18px; }
  .risk-card h4 { font-size:15px; margin:0 0 8px; color:var(--ink); }
  .risk-card p { font-size:13px; color:var(--ink-soft); line-height:1.8; margin:0; }
  .risk-card .rk-no { display:inline-block; font-size:11px; font-weight:700; color:#fff;
    background:var(--pku-red); border-radius:3px; padding:2px 8px; margin-bottom:8px; letter-spacing:.06em; }
  .risk-card.safe .rk-no { background:#236E48; }

  /* ===== 五级成熟度：代表产品 ===== */
  .step-eg { margin-top:13px; padding-top:11px; border-top:1px dashed var(--line); }
  .step-eg .eg-k { display:block; font-size:10.5px; color:var(--ink-mute); letter-spacing:.08em; margin-bottom:7px; }
  .eg-tags { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; }
  .eg-tags .eg {
    display:inline-flex; align-items:center; gap:5px;
    font-size:11px; color:var(--ink); background:#fff;
    border:1px solid var(--line); border-radius:4px;
    padding:3px 8px 3px 4px; line-height:1.5; white-space:nowrap;
  }
  .eg-tags .lg {
    display:inline-flex; align-items:center; justify-content:center;
    width:18px; height:18px; border-radius:4px; flex:0 0 18px;
    background:var(--c,#0F6E56); color:#fff;
    font-size:8px; font-weight:700; font-style:normal;
    font-family:var(--font-sans); letter-spacing:-.02em;
  }
  .eg-tags .lg.cn { font-size:10px; }

  /* 能力卡图标 */
  .cap-icon {
    width:42px; height:42px; border-radius:9px; margin-bottom:13px;
    background:#E1F5EE; color:#0F6E56;
    display:flex; align-items:center; justify-content:center;
  }
  .cap-icon svg { width:22px; height:22px; }
  .card.teal .ai-tag { margin-bottom:12px; }

  /* ===== 能力卡：图标 + 序号 + 标题 同一行（紧凑版） ===== */
  .card.compact { padding:20px 22px 19px; }
  .cap-hd { display:flex; align-items:center; gap:10px; margin-bottom:11px; }
  .card.teal .cap-hd .cap-icon {
    width:34px; height:34px; border-radius:8px; margin:0; flex:0 0 34px;
  }
  .card.teal .cap-hd .cap-icon svg { width:18px; height:18px; }
  .card.teal .cap-hd .ai-tag {
    margin:0; flex:0 0 auto; align-self:center;
    padding:3px 9px; font-size:11px; letter-spacing:.04em; line-height:1.45;
  }
  .card.teal .cap-hd h3 {
    margin:0; font-size:16.5px; line-height:1.35; flex:1 1 auto; min-width:0;
  }
  .card.compact p { font-size:13.5px; line-height:1.75; }
  @media (max-width:960px) {
    .card.compact { padding:18px 18px 17px; }
    .cap-hd { gap:8px; margin-bottom:9px; }
    .cap-hd .cap-icon { width:30px; height:30px; flex:0 0 30px; }
    .cap-hd .cap-icon svg { width:16px; height:16px; }
    .cap-hd h3 { font-size:15.5px; }
  }

  /* 流程步骤图标 */
  .wb-no { position:relative; }
  .wb-no svg { width:15px; height:15px; }
  .wb-no.num { font-family:var(--font-serif); font-size:12.5px; }

  /* ===== 实证案例：一句话生成经营报告 ===== */
  .wb-flow { display:grid; grid-template-columns:repeat(4,1fr); }
  .wb-node { position:relative; padding-right:26px; }
  .wb-node::after {
    content:""; position:absolute; top:11px; right:8px; width:8px; height:8px;
    border-top:1.5px solid var(--line); border-right:1.5px solid var(--line);
    transform:rotate(45deg);
  }
  .wb-node:last-child { padding-right:0; }
  .wb-node:last-child::after { display:none; }
  .wb-no {
    width:30px; height:30px; border-radius:50%; background:var(--pku-red); color:#fff;
    font-family:var(--font-serif); font-size:12.5px; font-weight:700;
    display:flex; align-items:center; justify-content:center; margin-bottom:12px;
  }
  .wb-node h4 { font-size:14.5px; margin:0 0 7px; color:var(--ink); }
  .wb-node p { font-size:12.5px; color:var(--ink-soft); line-height:1.75; margin:0; }
  .wb-quote {
    margin-top:10px; padding:9px 12px; background:var(--bg-soft);
    border-left:2px solid var(--pku-red); border-radius:0 4px 4px 0;
    font-size:11.5px; color:var(--ink-mute); line-height:1.7;
  }

  /* 交付成果面板 */
  .wb-report {
    margin-top:30px; background:var(--bg-white);
    border:1px solid var(--line); border-radius:6px; overflow:hidden;
  }
  .wb-report-hd { padding:20px 24px; background:var(--bg-soft); border-bottom:1px solid var(--line); }
  .wb-report-tag {
    display:inline-block; font-size:11px; font-weight:700; color:#fff;
    background:#0F6E56; border-radius:3px; padding:2px 9px; letter-spacing:.08em; margin-bottom:9px;
  }
  .wb-report-hd h4 { font-size:16.5px; margin:0 0 6px; color:var(--ink); }
  .wb-report-meta { font-size:12px; color:var(--ink-mute); }
  .wb-report-body { display:grid; grid-template-columns:300px 1fr; }
  .wb-chapters {
    list-style:none; margin:0; padding:16px 22px;
    border-right:1px solid var(--line); counter-reset:wbch;
  }
  .wb-chapters li {
    position:relative; padding:7px 0 7px 30px; font-size:13px;
    color:var(--ink-soft); border-bottom:1px dashed var(--line);
  }
  .wb-chapters li:last-child { border-bottom:none; }
  .wb-chapters li::before {
    counter-increment:wbch; content:counter(wbch,decimal-leading-zero);
    position:absolute; left:0; top:7px; font-family:var(--font-serif);
    font-size:11.5px; font-weight:700; color:var(--pku-red);
  }
  .wb-findings { padding:18px 22px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .wb-finding {
    background:var(--bg-white); border:1px solid var(--line);
    border-left:3px solid var(--pku-red); border-radius:0 4px 4px 0; padding:13px 15px;
  }
  .wb-f-num { font-family:var(--font-serif); font-size:23px; font-weight:700; color:var(--pku-red); line-height:1.2; }
  .wb-f-txt { font-size:12px; color:var(--ink-soft); line-height:1.7; margin-top:5px; }

  /* ---------- 报告全文（可下拉滚动查看） ---------- */
  .wb-doc-wrap { border-top:1px solid var(--line); }
  .wb-doc-bar {
    display:flex; justify-content:space-between; align-items:center;
    padding:11px 24px; background:var(--bg-soft); border-bottom:1px solid var(--line);
    font-size:12px; color:var(--ink-mute);
  }
  .wb-doc-bar .dt { font-weight:700; color:var(--ink); letter-spacing:.04em; }
  .wb-doc-pull { color:var(--pku-red); font-weight:600; }
  .wb-doc-wrap.at-end .wb-doc-pull { color:var(--ink-mute); font-weight:400; }

  .wb-doc { max-height:620px; overflow-y:auto; overflow-x:hidden; padding:26px 30px 42px; }
  .wb-doc::-webkit-scrollbar { width:10px; }
  .wb-doc::-webkit-scrollbar-track { background:var(--bg-soft); }
  .wb-doc::-webkit-scrollbar-thumb { background:#CFC8BE; border-radius:6px; border:2px solid var(--bg-soft); }
  .wb-doc::-webkit-scrollbar-thumb:hover { background:var(--pku-red); }

  .wb-doc h3 { font-size:16.5px; margin:0 0 8px; color:var(--ink); }
  .wb-doc-meta {
    font-size:11.5px; color:var(--ink-mute); line-height:1.85;
    padding-bottom:15px; border-bottom:2px solid var(--pku-red); margin-bottom:24px;
  }
  .wb-doc h4 {
    font-size:14.5px; margin:26px 0 11px; padding-left:11px;
    border-left:3px solid var(--pku-red); color:var(--ink); line-height:1.4;
  }
  .wb-doc .tblwrap { overflow-x:auto; margin-bottom:14px; }
  .wb-doc table { width:100%; border-collapse:collapse; font-size:12.5px; }
  .wb-doc th, .wb-doc td { border:1px solid var(--line); padding:7px 10px; text-align:left; vertical-align:top; }
  .wb-doc th { background:var(--bg-soft); font-weight:700; color:var(--ink); white-space:nowrap; }
  .wb-doc td { color:var(--ink-soft); }
  .wb-doc td.n, .wb-doc th.n { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
  .wb-doc .tcap { font-size:12px; font-weight:700; color:var(--ink-soft); margin:0 0 7px; }
  .wb-doc p { font-size:13px; color:var(--ink-soft); line-height:1.85; margin:0 0 12px; }
  .wb-doc .warn {
    background:var(--pku-red-light); border-left:3px solid var(--pku-red);
    border-radius:0 4px 4px 0; padding:11px 15px; margin:0 0 14px;
    font-size:12.5px; font-weight:600; color:var(--pku-red-dark); line-height:1.8;
  }
  .wb-doc .down { color:#1E7A4E; font-weight:700; }
  .wb-doc ul, .wb-doc ol.wbol { list-style:none; margin:0 0 14px; padding:0; }
  .wb-doc ul li, .wb-doc ol.wbol li {
    position:relative; padding:5px 0 5px 22px; font-size:12.5px;
    color:var(--ink-soft); line-height:1.85;
  }
  .wb-doc ul li::before { content:"·"; position:absolute; left:9px; top:5px; color:var(--pku-red); font-weight:700; }
  .wb-doc ol.wbol { counter-reset:wbol; }
  .wb-doc ol.wbol li::before {
    counter-increment:wbol; content:counter(wbol);
    position:absolute; left:0; top:8px; width:15px; height:15px; border-radius:50%;
    background:var(--pku-red-light); color:var(--pku-red); font-size:10px; font-weight:700;
    display:flex; align-items:center; justify-content:center;
  }

  @media (max-width:960px) {
    .wb-flow { grid-template-columns:1fr; gap:22px; }
    .wb-node { padding-right:0; }
    .wb-node::after { display:none; }
    .wb-report-body { grid-template-columns:1fr; }
    .wb-chapters { border-right:none; border-bottom:1px solid var(--line); }
    .wb-findings { grid-template-columns:1fr; }
    .wb-doc-bar { padding:10px 16px; flex-direction:column; align-items:flex-start; gap:4px; }
    .wb-doc { max-height:440px; padding:20px 16px 32px; }
    .wb-doc table { font-size:11.5px; }
    .wb-doc th, .wb-doc td { padding:6px 7px; }
  }

/* ============================================================
   AI 专题 · 子 Tab 导航 / 总览入口卡片
   ============================================================ */
.ai-tabs {
  background:#fff; border-bottom:1px solid var(--line);
  position:sticky; top:76px; z-index:90;
}
.ai-tabs .container { display:flex; gap:0; overflow-x:auto; scrollbar-width:none; }
.ai-tabs .container::-webkit-scrollbar { display:none; }
.ai-tab {
  padding:15px 20px 13px; font-size:14.5px; color:var(--ink-soft);
  white-space:nowrap; border-bottom:2px solid transparent; transition:all .18s;
}
.ai-tab:hover { color:var(--pku-red); }
.ai-tab.active { color:var(--pku-red); font-weight:700; border-bottom-color:var(--pku-red); }

.ai-entry {
  display:grid; background:var(--bg-white); border:1px solid var(--line);
  border-radius:6px; padding:16px 20px 14px; transition:all .2s;
  grid-template-columns:auto auto 1fr; column-gap:11px; align-items:center;
}
.ai-entry:hover { border-color:var(--pku-red); box-shadow:0 6px 20px rgba(148,7,10,.08); transform:translateY(-2px); }
/* 紧凑版：图标 + 序号 + 标题 同一行 */
.ai-entry .ic { grid-column:1; grid-row:1; margin:0; width:34px; height:34px; border-radius:8px; }
.ai-entry .ic svg { width:18px; height:18px; }
.ai-entry .n {
  grid-column:2; grid-row:1; margin:0; font-family:var(--font-serif);
  font-size:18px; font-weight:700; color:var(--pku-red); line-height:1;
}
.ai-entry h3 { grid-column:3; grid-row:1; font-size:16.5px; margin:0; color:var(--ink); line-height:1.4; }
.ai-entry p { grid-column:1 / -1; grid-row:2; font-size:13px; color:var(--ink-soft); line-height:1.75; margin:9px 0 0; }
.ai-entry .go { grid-column:1 / -1; grid-row:3; margin-top:8px; font-size:13px; font-weight:600; color:var(--pku-red); }

/* 7 个分篇 Tab 在中等宽度起就不再横向滚动（末位会被裁掉），改为自动换行、整行居中，保证全部可见 */
@media (max-width:1080px) {
  .ai-tabs .container { flex-wrap:wrap; justify-content:center; overflow-x:visible; }
  .ai-tab { padding:13px 15px 11px; font-size:13.5px; }
}
@media (max-width:960px) {
  .ai-tabs { position:static; }
  .ai-tab { padding:12px 13px 10px; font-size:13px; }
  .ai-entry { padding:14px 16px 13px; column-gap:9px; }
  .ai-entry .ic { width:30px; height:30px; border-radius:7px; }
  .ai-entry .ic svg { width:16px; height:16px; }
  .ai-entry h3 { font-size:15.5px; }
}
/* 手机：进一步压缩留白，让 7 个 Tab 稳定收成 2 行 */
@media (max-width:620px) {
  .ai-tabs .container { padding-left:12px; padding-right:12px; }
  .ai-tab { padding:11px 9px 9px; font-size:12.5px; }
}

/* ============================================================
   Agent 能力循环示意图
   ============================================================ */
.agent-loop {
  display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center; gap:8px; margin:22px 0 0;
}
.al-node {
  background:var(--bg-white); border:1px solid var(--line);
  border-top:3px solid #0F6E56; border-radius:6px;
  padding:16px 12px; text-align:center;
}
.al-n {
  display:inline-block; margin-bottom:8px; padding:1px 7px;
  font-size:10.5px; font-weight:700; color:#0F6E56;
  background:#E1F5EE; border-radius:3px; letter-spacing:.06em;
}
.al-node b { display:block; font-size:15px; color:var(--ink); margin-bottom:5px; }
.al-node i { display:block; font-style:normal; font-size:11.5px; color:var(--ink-mute); line-height:1.6; }
.al-arrow { color:#0F6E56; font-size:17px; font-weight:700; user-select:none; }
.al-back { margin-top:12px; text-align:center; font-size:12.5px; font-weight:600; color:#0F6E56; }
.al-back::before { content:"↺ "; }

/* 总览入口卡图标底色（尺寸归 .ai-entry 紧凑布局管） */
.ai-entry .ic {
  background:#E1F5EE; color:#0F6E56;
  display:flex; align-items:center; justify-content:center;
}

@media (max-width:960px) {
  .agent-loop { grid-template-columns:1fr; gap:6px; }
  .al-arrow { transform:rotate(90deg); text-align:center; }
}

/* ============================================================
   风险卡 / 底线卡 / 重塑卡 头部图标
   ============================================================ */
.rc-head { display:flex; align-items:center; gap:9px; margin-bottom:10px; }
.rc-ic {
  width:27px; height:27px; flex:0 0 27px; border-radius:7px;
  background:var(--pku-red-light); color:var(--pku-red);
  display:flex; align-items:center; justify-content:center;
}
.rc-ic svg { width:15px; height:15px; }
.rc-head .rk-no, .rc-head .dim-no { margin-bottom:0; }
.risk-card.safe .rc-ic { background:#E1F5EE; color:#236E48; }
.dim-card.warn .rc-ic { background:#FDF3E3; color:#B4761A; }
.dim-card.good .rc-ic { background:#E1F5EE; color:#0F6E56; }

/* 场景卡（apply 页 .card.teal）沿用 cap-icon，仅调整间距 */
.card.teal > .cap-icon { margin-bottom:14px; }

/* ============================================================
   专题简介页：三层次结构 / 五模块 / 三框架
   ============================================================ */
/* 层次标识 */
.layer-band { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.layer-no {
  font-family:var(--font-serif); font-size:11.5px; font-weight:700; letter-spacing:.1em;
  color:#fff; background:#0F6E56; border-radius:3px; padding:3px 10px; line-height:1.55;
}
.layer-kicker {
  font-size:11.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-mute);
}
.layer-lead { font-size:13.5px; color:var(--ink-soft); line-height:1.85; margin:14px 0 0; max-width:860px; }

/* 五模块：末行自动居中 */
.mod-grid { display:flex; flex-wrap:wrap; gap:22px; justify-content:center; margin-top:26px; }
.mod-grid > .ai-entry { flex:0 1 calc((100% - 44px) / 3); }
@media (max-width:960px) { .mod-grid > .ai-entry { flex:0 1 calc((100% - 22px) / 2); } }
@media (max-width:620px) { .mod-grid > .ai-entry { flex:1 1 100%; } }

/* 三框架卡 */
.fw-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; margin-top:26px; }
.fw-card {
  background:var(--bg-white); border:1px solid var(--line); border-radius:10px;
  padding:22px 23px 21px; border-top:3px solid #0F6E56;
  transition:box-shadow .25s, transform .25s;
}
.fw-card:hover { box-shadow:0 8px 22px rgba(15,110,86,.09); transform:translateY(-2px); }
.fw-top { display:flex; align-items:center; gap:9px; margin-bottom:13px; }
.fw-letter {
  width:32px; height:32px; flex:0 0 32px; border-radius:8px;
  background:var(--pku-red); color:#fff;
  font-family:var(--font-serif); font-size:17px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}
.fw-layer {
  font-size:11.5px; font-weight:600; color:var(--pku-red);
  background:var(--pku-red-light); border:1px solid #EED4D4;
  border-radius:999px; padding:3px 10px; white-space:nowrap;
}
.fw-card h3 { font-size:17px; margin:0 0 9px; color:var(--ink); }
.fw-card p { font-size:13.5px; color:var(--ink-soft); line-height:1.82; margin:0; }
/* B / C 用不同主色，形成层次区分 */
.fw-card.kb { border-top-color:#0F6E56; }
.fw-card.kb .fw-letter { background:#0F6E56; }
.fw-card.kb .fw-layer { color:#0F6E56; background:#E1F5EE; border-color:#C9E5D9; }
.fw-card.kc { border-top-color:#B4761A; }
.fw-card.kc .fw-letter { background:#B4761A; }
.fw-card.kc .fw-layer { color:#8A5A12; background:#FDF3E3; border-color:#EFE0C4; }

/* 小节标题（用于框架内的推进路径） */
.sub-head {
  display:flex; align-items:center; gap:13px;
  margin:40px 0 20px; font-size:14.5px; font-weight:600; color:var(--ink); letter-spacing:.03em;
}
.sub-head::after { content:""; flex:1; height:1px; background:var(--line); }

@media (max-width:960px) {
  .fw-grid { grid-template-columns:1fr; gap:16px; }
  .fw-card { padding:19px 19px 18px; }
  .layer-lead { font-size:13px; }
}

/* ============================================================
   数据安全页 · 落地方案：AgentMonitor 智能体安全网关
   ============================================================ */
.gw-lead { margin:0 0 22px; }
.gw-lead p { font-size:14px; color:var(--ink-soft); line-height:1.9; margin:0; }
.gw-lead strong { color:var(--ink); }

/* 链路架构：用户 → 智能体 → 网关 → 大模型 */
.gw-flow {
  display:grid; grid-template-columns:1fr 26px 1.35fr 26px 1.35fr 26px 1fr;
  align-items:stretch; gap:0; margin:0 0 14px;
}
.gw-node {
  background:var(--bg-white); border:1px solid var(--line); border-radius:6px;
  padding:14px 12px; text-align:center;
}
.gw-node .gw-t { font-size:14px; font-weight:600; color:var(--ink); line-height:1.4; }
.gw-node .gw-d { font-size:11.5px; color:var(--ink-mute); line-height:1.6; margin-top:5px; }
.gw-node.core {
  border:1.5px solid var(--pku-red); background:#FDF7F6;
  display:flex; flex-direction:column; justify-content:center; gap:8px;
}
.gw-node.core .gw-t { color:var(--pku-red); font-size:15px; }
.gw-node.core .gw-cap { display:flex; flex-wrap:wrap; gap:4px; justify-content:center; }
.gw-node.core .gw-cap span {
  font-size:10.5px; color:var(--pku-red); background:#fff;
  border:1px solid #EED4D4; border-radius:3px; padding:1.5px 6px; white-space:nowrap;
}
.gw-arrow { display:flex; align-items:center; justify-content:center; color:var(--ink-mute); font-size:16px; }
.gw-arrow.ok { color:#0F6E56; }
.gw-bypass {
  display:flex; flex-wrap:wrap; gap:10px; margin:0 0 26px;
  font-size:12px; color:var(--ink-mute);
}
.gw-bypass span {
  display:inline-flex; align-items:center; gap:6px;
  background:#F4F7F6; border:1px solid var(--line); border-radius:999px; padding:4px 12px;
}
.gw-bypass b { color:#0F6E56; font-weight:600; }

/* 四大能力卡：2×2 均衡排布（避免 3+1 末行失衡） */
.sol-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }

/* 四大能力卡：复用 risk-card 结构，绿色系 */
.risk-card.sol { border-top:3px solid #0F6E56; display:flex; flex-direction:column; }
.risk-card.sol .rc-ic { background:#E1F5EE; color:#0F6E56; }
.risk-card.sol .rk-no { background:#E1F5EE; color:#0F6E56; border-color:#C9E5D9; }
.risk-card.sol .sol-fix {
  margin-top:auto; padding-top:11px; border-top:1px dashed var(--line);
  font-size:12px; color:#0F6E56;
}
.risk-card.sol .sol-fix::before { content:"▸ 对应风险："; color:var(--ink-mute); }

/* 客户价值四条 */
.gw-vals { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:0 0 26px; }
.gw-val { background:var(--bg-white); border:1px solid var(--line); border-radius:6px; padding:16px 16px 14px; }
.gw-val .vno { font-family:var(--font-serif); font-size:19px; font-weight:700; color:var(--pku-red); line-height:1; }
.gw-val h4 { font-size:14px; margin:9px 0 6px; color:var(--ink); }
.gw-val p { font-size:12.5px; color:var(--ink-soft); line-height:1.75; margin:0; }

/* 典型应用场景：图标在左的横向卡 2×2 */
.gw-scenes { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0 0 6px; }
.gw-scene {
  display:flex; gap:13px; align-items:flex-start;
  background:var(--bg-white); border:1px solid var(--line); border-radius:6px; padding:16px 17px;
}
.gw-scene .gs-ic {
  flex:0 0 38px; width:38px; height:38px; border-radius:9px;
  background:#E1F5EE; color:#0F6E56;
  display:flex; align-items:center; justify-content:center;
}
.gw-scene .gs-ic svg { width:20px; height:20px; }
.gw-scene h4 { font-size:14.5px; margin:0 0 6px; color:var(--ink); line-height:1.4; }
.gw-scene p { font-size:12.5px; color:var(--ink-soft); line-height:1.75; margin:0; }

/* 推进路径：三步 */
.gw-road { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:0 0 4px; }
.gw-step { background:var(--bg-white); border:1px solid var(--line); border-radius:6px; padding:17px 18px 16px; }
.gw-step .gs-no {
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%; margin-bottom:9px;
  background:var(--pku-red); color:#fff;
  font-family:var(--font-serif); font-size:11.5px; font-weight:700;
}
.gw-step h4 { font-size:14.5px; margin:0 0 6px; color:var(--ink); }
.gw-step p { font-size:12.5px; color:var(--ink-soft); line-height:1.75; margin:0; }

@media (max-width:960px) {
  .gw-flow { grid-template-columns:1fr; gap:6px; }
  .gw-arrow { transform:rotate(90deg); padding:1px 0; }
  .gw-vals { grid-template-columns:1fr 1fr; }
  .sol-grid { grid-template-columns:1fr; }
  .gw-scenes { grid-template-columns:1fr 1fr; }
  .gw-road { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .gw-vals { grid-template-columns:1fr; }
  .gw-scenes { grid-template-columns:1fr; }
}

/* ============================================================
   AI 专题 · 价值落差：需求调研 + 落地案例实证
   ============================================================ */
/* 场景需求分布：5 列小卡 */
.dem-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:18px; }
.dem-card {
  background:var(--bg-white); border:1px solid var(--line);
  border-radius:6px; padding:15px 15px 14px;
}
.dem-card .dc-k { font-size:12px; color:var(--ink-soft); line-height:1.5; }
.dem-card .dc-v {
  font-family:var(--font-serif); font-size:24px; font-weight:700;
  color:var(--pku-red); line-height:1.15; margin:7px 0 9px;
}
.dem-card .dc-v span { font-size:13px; font-weight:500; margin-left:2px; }
.dem-bar { height:6px; background:var(--bg-soft); border-radius:999px; overflow:hidden; }
.dem-bar i { display:block; height:100%; border-radius:999px;
  background:linear-gradient(90deg,#94070A,#C0393D); }

/* 落地案例卡 */
.case-lead { font-size:13.5px; color:var(--ink-soft); line-height:1.9; margin:14px 0 0; max-width:900px; }
.case-lead strong { color:var(--ink); }
.case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:22px; }
.case-card {
  background:var(--bg-white); border:1px solid var(--line);
  border-top:3px solid #0F6E56; border-radius:6px;
  padding:16px 17px 15px; display:flex; flex-direction:column;
}
.case-hd { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.case-hd .cc-ic {
  width:30px; height:30px; flex:0 0 30px; border-radius:8px;
  background:#E1F5EE; color:#0F6E56;
  display:flex; align-items:center; justify-content:center;
}
.case-hd .cc-ic svg { width:16px; height:16px; }
.case-dom {
  font-size:10.5px; font-weight:700; letter-spacing:.07em;
  color:#0F6E56; background:#E1F5EE; border:1px solid #C9E5D9;
  border-radius:3px; padding:2px 8px; white-space:nowrap;
}
.case-card h4 { font-size:15px; margin:0 0 8px; color:var(--ink); line-height:1.45; }
.case-pain { font-size:12.5px; color:var(--ink-soft); line-height:1.78; margin:0 0 13px; }
.case-pain strong { color:var(--ink); font-weight:600; }
.case-metrics {
  display:flex; gap:12px; margin-top:auto;
  padding-top:12px; border-top:1px dashed var(--line);
}
.case-m { flex:1 1 0; min-width:0; }
.case-m b {
  display:block; font-family:var(--font-serif); font-size:15.5px;
  font-weight:700; color:#0F6E56; line-height:1.3;
}
.case-m span { display:block; font-size:11px; color:var(--ink-mute); line-height:1.55; margin-top:3px; }
/* 领域标签的"非案例"变体（场景版图卡） */
.case-dom.plain { color:var(--ink-soft); background:var(--bg-soft); border-color:var(--line); }
.case-tags {
  display:flex; flex-wrap:wrap; gap:6px; margin-top:auto;
  padding-top:12px; border-top:1px dashed var(--line);
}
.case-tags span {
  font-size:11.5px; color:var(--ink-soft); background:var(--bg-soft);
  border:1px solid var(--line); border-radius:4px; padding:3px 9px; line-height:1.5;
}
.case-note { font-size:11.5px; color:var(--ink-mute); line-height:1.85; margin:14px 0 0; }

@media (max-width:960px) {
  .dem-grid { grid-template-columns:repeat(3,1fr); }
  .case-grid { grid-template-columns:repeat(2,1fr); }
  .case-lead { font-size:13px; }
}
@media (max-width:560px) {
  .dem-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
  .case-grid { grid-template-columns:1fr; gap:14px; }
  .case-m b { font-size:15px; }
}