/* ============================================================
   page-baijia.css — 百科词条页（百度百科式信息页）
   签名布局：词条概述 + 左侧目录 + 右侧词条正文 + 信息卡
   作用域：body.page-baijia
   ============================================================ */

/* ---------- 词条头 ---------- */
.bk-hero{background:var(--grad-soft);padding:56px 0 48px;border-bottom:1px solid var(--c-line)}
.bk-head h1{font-size:clamp(30px,4vw,42px);font-weight:800;margin:14px 0 8px}
.bk-sub{font-size:13.5px;color:var(--c-muted);margin-bottom:18px}
.bk-lead{max-width:820px;color:var(--c-text);font-size:15.5px;line-height:2}
.bk-head .hero-meta{margin-top:24px}

/* ---------- 主体布局：左目录右正文 ---------- */
.bk-body{padding-top:56px}
.bk-layout{display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:start}

/* ---------- 左侧目录 ---------- */
.bk-toc{position:sticky;top:96px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:22px 24px;box-shadow:var(--shadow-card)}
.bk-toc h4{font-size:15px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--c-line)}
.bk-toc ol{counter-reset:toc}
.bk-toc li{counter-increment:toc;margin-bottom:4px}
.bk-toc li a{display:block;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--c-text);transition:all .25s}
.bk-toc li a::before{content:counter(toc) " ";color:var(--c-purple-400);font-weight:700;margin-right:6px}
.bk-toc li a:hover{background:var(--c-bg-pink);color:var(--c-ink)}

/* ---------- 词条信息卡 ---------- */
.bk-infobox{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-card);margin-bottom:34px}
.bk-infobox h4{font-size:15px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--c-line)}
.bk-infobox dl{display:grid;grid-template-columns:90px 1fr;gap:10px 16px}
.bk-infobox dt{font-size:13px;color:var(--c-muted)}
.bk-infobox dd{font-size:13.5px;color:var(--c-ink)}
.bk-infobox dd a{color:var(--c-purple-400);font-weight:600}

/* ---------- 词条正文 ---------- */
.bk-sec{margin-bottom:38px;scroll-margin-top:96px}
.bk-sec h2{font-size:22px;font-weight:800;margin-bottom:16px;padding-left:14px;border-left:4px solid var(--grad-main)}
.bk-sec p{margin-bottom:14px;color:var(--c-text);line-height:2}
.bk-sec a{color:var(--c-purple-400);font-weight:600}
.bk-sec a:hover{color:var(--c-pink-400)}
.bk-figure{margin:18px 0}
.bk-figure img{border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
.bk-figure figcaption{margin-top:10px;font-size:12.5px;color:var(--c-muted)}
.bk-note{margin-top:16px;font-size:12.5px;color:var(--c-muted);padding-top:14px;border-top:1px dashed var(--c-line)}

/* ---------- 相关词条横卷卡 ---------- */
.rel-card{flex:0 0 180px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:18px;box-shadow:var(--shadow-card)}
.rel-card h3{font-size:15px;margin-bottom:4px}
.rel-card p{font-size:12.5px;color:var(--c-purple-400)}

/* ---------- CTA ---------- */
.cta-sec{background:var(--grad-soft)}
.cta-box{text-align:center;max-width:760px;margin:0 auto;padding:56px 30px;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}
.cta-box h2{margin-bottom:14px}
.cta-note{margin-top:18px;font-size:13.5px;color:var(--c-muted)}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .bk-layout{grid-template-columns:1fr;gap:28px}
  .bk-toc{position:static}
}
@media (max-width:360px){
  .bk-infobox dl{grid-template-columns:80px 1fr;gap:8px 10px}
  .bk-sec h2{font-size:19px}
}