/* ============================================================
   鹰盾调查 · 方案B 阅读补丁（挂 pages.css 之后，删 link 即回滚）
   1) 字体兜底修正  2) 浅底阅读卡+颜色翻转  3) 桌面字号/行宽  4) 配图居中
   卡片容器 .prose__card（正文+标签）；上一篇/下一篇、页码信息留在暗底

   v20261108c：第 6.4 段压掉富文本白色底块；v20261108a：新增第 5 段「标签区配色 + 移动端紧凑 + 抗富文本内联污染」
   ============================================================ */

/* 1. 字体兜底：Windows 中文不再掉宋体（宋体反白发虚） */
:root{
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC",STSong,Georgia,"Microsoft YaHei",serif;
  --mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,"Liberation Mono","Microsoft YaHei",monospace;
}

/* 2. 浅底阅读卡 + 文字颜色翻转（暗底 -> 浅底） */
.prose__card{
  background:#f6f3ec;
  border:1px solid rgba(120,100,70,.14);
  border-radius:14px;
  padding:24px 18px;
}
.prose__card h2{color:#1c2530}
.prose__card h3{color:#2a3542}
.prose__card p{color:#3a4554}
.prose__card p strong{color:#141b26}
.prose__card ul li{color:#3a4554}
.prose__card ul li::before{background:#178a7b}
.prose__card a{color:#0e7d6e;border-bottom-color:rgba(14,125,110,.35)}
.prose__card a:hover{color:#0a5f54;border-bottom-color:#0e7d6e}
.prose__card blockquote{background:rgba(216,171,107,.14);border-left-color:#b8873f;color:#4a4236}
.prose__card blockquote cite{color:#7a705f}

/* 3. 配图居中：去掉 figure 默认 40px 左右 margin，图片块级居中 */
.prose__card figure{margin:1.4em 0;text-align:center}
.prose__card img{display:block;margin:0 auto;height:auto}

/* 4. 桌面端正文放大 + 行宽收窄（不碰移动端 14.2px） */
@media (min-width:1024px){
  .prose__card{padding:36px 42px}
  .prose__card p{font-size:16.5px}
}


/* ============================================================
   5. 标签区（.tags）修复 —— v20261108a
   背景：第 2 段把卡片底改成米白 #f6f3ec，但 pages.css 里 .tags 仍是
        为深色底设计的浅灰字（--text-2 #bcc6d4 / --line-2 22% 透明边框），
        在米白底上对比度仅 1.56:1，标签近乎隐形；且标签一多就在 390px
        折成 3+1，看起来像"跑到右边去了"。
   原则：本节规则全部带 !important，压掉后台富文本粘贴带入的内联样式，
        保证以后新增文章（标签多少、是否带内联 style）表现一致。
   ============================================================ */

/* 5.1 标签容器：固定左对齐 + 统一间距 + 允许换行，换行时也不会挤成孤字 */
.prose__card .tags{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  /* 容器自身字色兜底：pages.css 为深色底板写的 #D8DFEA 在米白卡片上不可见 */
  color:#3a4554!important;
  margin:28px 0 0!important;
  padding:20px 0 0!important;
  border-top:1px solid rgba(120,100,70,.18)!important;
  width:auto!important;
  max-width:100%!important;
  float:none!important;
  position:static!important;
}

/* 5.2 标签本体：米白底上的深墨字，对比度 8.4:1（原 1.56:1）
       !important 让富文本带来的 color / font-size / border 一律失效 */
.prose__card .tags > *{
  font-family:var(--mono)!important;
  font-size:10.5px!important;
  letter-spacing:.08em!important;
  line-height:1.5!important;
  color:#3a4554!important;
  background:rgba(20,27,38,.05)!important;
  border:1px solid rgba(120,100,70,.26)!important;
  border-radius:6px!important;
  padding:5px 10px!important;
  margin:0!important;
  text-decoration:none!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:break-word!important;
  max-width:100%!important;
  display:inline-block!important;
  flex:0 0 auto!important;
}

/* 5.3 悬停态：与补丁第 2 段的青绿主色对齐 */
.prose__card .tags > *:hover{
  color:#0e7d6e!important;
  border-color:#0e7d6e!important;
  background:rgba(14,125,110,.08)!important;
  transform:none!important;
}

/* 5.4 移动端紧凑档：390px 下 4 个标签（共 20 字）实测总宽 286px < 可用 316px，
       一行排完，不再出现 3+1 的孤字换行 */
@media (max-width:480px){
  .prose__card .tags{
    gap:6px!important;
    margin-top:24px!important;
    padding-top:18px!important;
  }
  .prose__card .tags > *{
    font-size:10px!important;
    letter-spacing:.02em!important;
    padding:4px 7px!important;
    border-radius:5px!important;
  }
}

/* 5.5 超窄屏兜底（≤340px，如 iPhone SE 竖屏）：再收一档，避免单字换行 */
@media (max-width:340px){
  .prose__card .tags{gap:5px!important}
  .prose__card .tags > *{
    font-size:9.5px!important;
    padding:3px 6px!important;
    letter-spacing:0!important;
  }
}


/* ============================================================
   6. 抗富文本污染 —— v20261108a
   原因：从外部网页整段粘贴进后台的文章会自带内联样式
        （color:#0F1115 / #fff、font-family:"Helvetica Neue"、
         font-size:17px、data-diagnose-id），以及硬编码
         width:700px;height:400px 的配图。
        这些会让每篇新文章的观感与老文章不一致，甚至出现
        "白字打在米白底上完全看不见"。
   本节只压"会破坏版面一致性"的三项：文字颜色、图片尺寸、行内间距。
   字号/字体仍走 cms 默认，不做强制，避免误伤排版。
   ============================================================ */

/* 6.1 正文文字颜色统一（压掉粘贴带入的深黑/白/彩字） */
.prose__card p,
.prose__card p span,
.prose__card ul li,
.prose__card ul li span,
.prose__card div span{
  color:#3a4554!important;
}
.prose__card h2,
.prose__card h2 span{color:#1c2530!important}
.prose__card h3,
.prose__card h3 span{color:#2a3542!important}
.prose__card p strong,
.prose__card p b,
.prose__card ul li strong,
.prose__card ul li b{color:#141b26!important}

/* 6.2 配图尺寸统一：丢掉 width:700px;height:400px 这类硬编码，
       改为按原图比例自适应容器宽度，宽高比不再被拉伸 */
.prose__card img{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}

/* 6.3 富文本常残留的纯空段落（只含 &nbsp; 或 br 的 p）不再撑高行距 */
.prose__card p:empty{display:none!important}

/* ============================================================
   6.4 富文本白色底块归一 —— v20261108c
   原因：从外部网页粘贴进后台的正文，21 处 span/p 带内联
        background-color:#FFFFFF，在米白卡片 #f6f3ec 上留下
        刺眼白补丁，段落像被撕成一块块白条。
   做法：正文内联元素背景一律透明（只保留 blockquote 与标签胶囊）。
   ============================================================ */
.prose__card p,
.prose__card p *,
.prose__card span,
.prose__card div,
.prose__card ul,
.prose__card ul li,
.prose__card ul li *,
.prose__card ol,
.prose__card ol li,
.prose__card h2,
.prose__card h2 *,
.prose__card h3,
.prose__card h3 *,
.prose__card h4,
.prose__card b,
.prose__card strong,
.prose__card em,
.prose__card i,
.prose__card font{
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* 保留需要底色的两处：引用块、标签胶囊 */
.prose__card blockquote,
.prose__card blockquote *{
  background:rgba(216,171,107,.14)!important;
}
.prose__card .tags > *{
  background:rgba(20,27,38,.05)!important;
}
.prose__card .tags > *:hover{
  background:rgba(14,125,110,.08)!important;
}
/* 6.5 卡片容器字色兜底 —— 裸文本（未包 p/span 的富文本）不再显示为 #D8DFEA */
.prose__card{color:#3a4554!important}

/* ---------- 7. 标签聚合页：分页条与「查看相关调查服务」按钮之间的留白 ---------- */
/* 根因：base.css 把 p 默认外边距归零，.pager 仅有 margin-top、没有 margin-bottom，
   导致 .layout__main 内紧跟分页条的按钮段落与上一页/下一页贴死（桌面与移动端均为 0）。 */
.layout__main > .pager + p,
.pager + p{
  margin-top:30px!important;
}
.pager + p > .btn{
  margin-top:0!important;
}
@media (max-width:1023px){
  .layout__main > .pager + p,
  .pager + p{ margin-top:28px!important; }
}
@media (max-width:640px){
  .layout__main > .pager + p,
  .pager + p{ margin-top:24px!important; }
}