/* ============================================================
   Candy Theme — 页头（banner）单一控制点
   ------------------------------------------------------------
   原散落来源：
     · layout.css  (.breadcrumb 族 + .head-title 族)
     · 12 个 page CSS（ai / dynasty / kg / list / tag / timeline /
       terms / topic / search / album-timeline / museum / feed /
       encyclopedia）中的大量重复 .head-title / .head-sub /
       .page-head-stats / .ph-stat / .breadcrumb 定义
   现全部收口于此，成为全站页头唯一来源。
   改这里一处 → 全站标题 / 副标题 / 面包屑 / 统计区一起变。

   守六禁铁律：颜色 / 间距 / 字号全部走主题 token 与 --page-gutter，
   禁止写死色值 / 像素、禁止在各页重复定义同一规则。

   加载顺序（header.php）：
     layout.css → banner.css → components.css → mobile.css
     → page CSS（page CSS 更高特异性仍可覆盖此处定义的“真变体”）

   真变体保留在各 page CSS（不在此处重复）：
     · tag / ai：.head-title 自身带字体（无 <h1> 包裹）
     · museum：.page-head h1 字号略小（clamp 26→36px）
     · timeline：.tl-tree .head-title gap/padding 微调
     · feed：.head-title-row 结构（非 .head-title）
     · 各页 .page-head 容器外观（卡片 / 下边框 / 自定义）
   ============================================================ */

/* ---------- 面包屑（结构/间距唯一控制点：改 --page-gutter 一个数，全站面包屑及内容左右边距一起变） ---------- */
.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;margin:0 0 14px;width:100%;box-sizing:border-box;font-size:13px;color:var(--muted);}
.breadcrumb a{color:var(--muted);transition:.2s;}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb .sep{color:var(--faint);font-size:11px;}
.breadcrumb span:last-child{color:var(--ink);font-weight:500;}
.breadcrumb .active{color:var(--ink);font-weight:500;}

/* ---------- 页头结构基类（结构统一 · 只定义一次；per-page 仅做布局/变体覆盖） ---------- */
.head-title{margin:0;padding:0px 0 0;display:flex;align-items:baseline;gap:0px;flex-wrap:wrap;}
.head-title h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,3.4vw,40px);letter-spacing:.01em;margin:0;color:var(--ink);line-height:1.2;}
.head-sub,
.page-head .head-sub,
.page-head .sub,
.page-head .desc,
.article-head .article-subtitle,
.album-head .ah-desc{margin-top:10px;padding-bottom:20px;color:var(--muted);font-size:14.5px;line-height:1.8;max-width:46em;}
.page-head-stats{display:flex;gap:28px;flex-wrap:wrap;margin-left:auto;}
.ph-stat{display:flex;flex-direction:column;align-items:center;text-align:center;}
.ph-stat .n{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink);line-height:1.2;}
.ph-stat .l{font-size:11px;color:var(--muted);letter-spacing:.06em;margin-top:3px;}
/* 统计区别名：让旧的 .stats/.stat-item/.stat-num/.stat-label 也走统一结构 */
.page-head .stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:14px;}
.page-head .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;}
.page-head .stat-num{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink);line-height:1.2;}
.page-head .stat-label{font-size:11px;color:var(--muted);letter-spacing:.06em;margin-top:3px;}

/* ---------- 面包屑响应式（统一收口：移动端表现只在此一处，不散落 mobile.css / design-system.css） ---------- */
@media (max-width:980px){.breadcrumb{padding:8px 0;font-size:12px;}}
@media (max-width:720px){.breadcrumb .active{max-width:200px;}}
@media (max-width:720px){.breadcrumb .active{max-width:120px;}}