/* 德睿顶部横幅 · 接管样式 v1.17（2026-11-04）
   主背景 #F5F2ED 暖白米纯色 + 淡网格（顶部最淡 / 底部稍深）· 大字纯黑 #111、无阴影
   高度全站统一：196px（移动 168px）——分类页 / 用户中心 / 文章页同一值
   面包屑全站不显示：分类页由统计行替代；文章页自带「回专栏」导航 + 专栏链接，无需重复
   字号（统一一套，一级/二级/三级目录与文章页完全相同，不因行数变大小）：
     年级册次行 .yb-k-grade  ·  科目行 .yb-k-subject  → 字高 34px（font-size 35px）
     尾行 .yb-k-tag            → 字高 20px（font-size 21px）
     统计行 .yb-stats          → 13px / 常规字重 / 60% 墨（对比度 4.5:1，达 WCAG AA）
   资源目录：站点根 /yundr-banner/（非 uploads） */

/* 防闪烁：body 命中页先隐藏原图与遮罩（JS 注入 canvas 前） */
.yb-page .page-cover img,
.yb-page .page-cover .linear-mask,
.yb-page .page-cover .page-mask { display: none !important; }

/* 接管容器：定高 + 主背景兜底色（canvas 首帧前） */
.yb-page .page-cover.yb-on {
  padding-bottom: 0 !important;
  height: 196px;
  background: #F5F2ED;
  box-shadow: 0 0 0 1px rgba(96, 82, 58, .05), 0 2px 10px rgba(96, 82, 58, .06);
}
.yb-page .author-header .page-cover.yb-on { height: 196px; }

/* canvas 层：垫底，不遮内容（内容层 z-index:1 已由主题定义） */
.page-cover .yundr-banner {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.page-cover .yundr-banner canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* 移动端：与桌面同一套高度（全站统一 196 → 移动 168） */
@media (max-width: 760px) {
  .yb-page .page-cover.yb-on { height: 168px; }
  .yb-page .author-header .page-cover.yb-on { height: 168px; }
}

/* ── 大字文案层 ─────────────────────────────────────────────
   行间隙 18px；块垂直居中（面包屑已取消，不再为其留位）
   统一色值 #111（近纯黑），无任何文字阴影 */
.yb-text {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 18px;
  padding-bottom: 0;
  color: #111;
  pointer-events: none;
}
.yb-text .yb-t {
  font-size: 35px;
  font-weight: 700;
  line-height: 1;
  color: #111;
  letter-spacing: 4px;
  text-shadow: none !important;
  -webkit-text-shadow: none !important;
}
/* 学科行同字号、字重略高，只靠字重区分层级 */
.yb-text .yb-k-subject { font-weight: 800; letter-spacing: 6px; }
/* 尾行小一档 */
.yb-text .yb-k-tag { font-size: 21px; font-weight: 700; letter-spacing: 5px; }

/* 统计行：专项数 / 文件数（数据来自 uploads/derui-stats.json 快照）
   2026-11-04 v1.11：缩小 2px（15→13）、取消加粗（600→400） */
.yb-text .yb-stats {
  margin-top: -6px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
  color: rgba(17, 17, 17, .60);
}

@media (max-width: 760px) {
  .yb-text { gap: 15px; padding-bottom: 0; }
  .yb-text .yb-t { font-size: 30px; letter-spacing: 3px; }
  .yb-text .yb-k-subject { letter-spacing: 5px; }
  .yb-text .yb-k-tag { font-size: 18px; letter-spacing: 4px; }
  .yb-text .yb-stats { margin-top: -4px; font-size: 12px; letter-spacing: .5px; }
}

/* ── 面包屑已取消（2026-11-04 v1.10）────────────────────────
   分类页左下「📁 七上数学 · 共101篇」不再显示；用视觉隐藏而非删除，
   保留 DOM 里的 H1 / 分类链接给搜索引擎与读屏，不参与任何布局 */
.yb-page .page-cover.yb-on .page-cover-con {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0 !important;
  margin: -1px;
  overflow: hidden !important;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}
.yb-page .author-header .page-cover.yb-on .author-avatar,
.yb-page .author-header .page-cover.yb-on .author-header-info { z-index: 2; }

/* ── 文章页横幅：与分类页同高同圆角（196px / 移动 168px，radius 12px）── */
.yb-post-banner {
  position: relative;
  height: 196px;
  border-radius: 12px;
  overflow: hidden;
  background: #F5F2ED;
  margin-bottom: 20px;
  box-shadow: 0 0 0 1px rgba(96, 82, 58, .05), 0 2px 10px rgba(96, 82, 58, .06);
}
.yb-post-banner .yundr-banner { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.yb-post-banner .yundr-banner canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.yb-post-banner .yb-text { padding-bottom: 0; }
@media (max-width: 760px) {
  .yb-post-banner { height: 168px; margin-bottom: 20px; }
}