，内部按自然段 / 句级分段 ---
只作用 Episode 页：.hero-desc 与 show-hub.html 共用（show hub 仍是单个
）。 */
body.episode-page .hero-desc p{margin-bottom:14px;}
body.episode-page .hero-desc p:last-child{margin-bottom:0;}
/* --- 3. 颜色层级：角色名强调（浅色主题等价配色） ---
#d1d5db 正文 / #c084fc 角色名 / rgba(255,255,255,.08) 分隔线 是深色主题取值；
本页是浅色 editorial 主题，按等价对比度映射为
#374151 正文 / #6D5DFB 角色名 / rgba(0,0,0,.08) 分隔线。
只强调角色名，不做全文高亮。
2026-09-16：角色名色 #7c3aed -> #6D5DFB。
实测对比：#7c3aed 亮度 57.8% / 对白底 5.70:1；#6D5DFB 亮度 67.5% / 对白底 4.56:1。
新色更浅、对白底对比更低，所以观感更收敛（饱和度其实更高，83%->95%）。
仍高于 WCAG AA 正文 4.5:1。
font-weight 保持 600，不用 800 —— 角色名是辅助阅读，不是 SEO 高亮。 */
body.episode-page .ep-char{color:#6D5DFB; font-weight:600;}
/* --- 2/3/4. Recap / Character Development / Ending：长文段落与小标题 --- */
body.episode-page .prose p{font-size:17px; line-height:1.85; color:#374151;}
body.episode-page .prose h2{
font-size:22px; font-weight:600; line-height:1.35; margin:32px 0 12px;
}
body.episode-page .prose h3{
font-size:20px; font-weight:600; line-height:1.4; color:var(--ink);
margin:32px 0 12px; padding-bottom:9px; border-bottom:1px solid rgba(0,0,0,0.08);
}
body.episode-page .prose h2:first-child,
body.episode-page .prose h3:first-child{margin-top:6px;}
body.episode-page .prose ul,
body.episode-page .prose ol{color:#374151;}
body.episode-page .prose li{line-height:1.8; margin-bottom:8px;}
/* --- 7. Recap 段落节奏 ---
只作用 Episode 页的 Recap 区块（，全站唯一）。
基础样式 .prose p 的 margin-bottom 是 16px（内页共用），长 Recap 段间
过密；这里在 24-32px 区间取 28px，给长文阅读留呼吸。
line-height 由 1.85 提到 1.9：Recap 是整页最长的连续正文，需要更松的行距。
Recap 的字号/字色沿用 §2/§3/§4 的 17px / #374151。
Recap 正文宽度：基础样式 .prose{max-width:760px} 已经生效（无更具体的覆盖），
故本块不重复声明宽度。
不新增颜色、不折叠、不隐藏：内容全部可见。 */
body.episode-page #recap .prose p{margin-bottom:28px; line-height:1.9;}
/* 末段不留多余下边距：区块自身的 padding 已经收尾 */
body.episode-page #recap .prose p:last-child{margin-bottom:0;}
/* --- 8. Key Moments：列表卡片 -> 阅读层级（仅数据自带标题时） ---
背景：moments_html 实测两种形态，且没有任何一集混合 —— 132 集每条都有
标题，105 集每条都没有（含 WCTH S13 全 12 集）。
有标题的集由 build.py 输出 div.key-moments-sections + h3(标题) + p(描述)；
无标题的集保持原 ol/li 卡片不动。故本块全部以 .key-moments-sections 限定，
对无标题的 105 集与空占位的 127 集零影响。
小标题直接复用 Episode 页已有的 h3 体系（见上文 .prose h3）：
20px / 600 / line-height 1.4 / var(--ink) / margin 32px 0 12px /
padding-bottom 9px / border-bottom 1px rgba(0,0,0,0.08)
—— 即 owner 要求的「20px + 600 + 分隔线 + 段落间距」。
不新增颜色：标题 var(--ink)，描述 #374151，与 Recap 正文一致。
描述段 17px / 1.85 / margin-bottom 24px，比 Recap 的 28px 略紧：
每条描述只有 1-3 行，28px 会把 5-7 条拉得过散。
基础样式 .key-moments{display:flex; flex-direction:column; gap:12px} 会在
h3 与它自己的 p 之间塞进 12px，故这里把 gap 归零，间距全部交给 margin。
编号圆点来自 .key-moments li::before，本块不含 li，天然不出现。 */
body.episode-page .key-moments-sections{gap:0;}
body.episode-page .key-moments-sections h3{
font-size:20px; font-weight:600; line-height:1.4; color:var(--ink);
margin:32px 0 12px; padding-bottom:9px; border-bottom:1px solid rgba(0,0,0,0.08);
}
/* 首个小标题贴近区块标题，不留 32px 空档 */
body.episode-page .key-moments-sections h3:first-child{margin-top:6px;}
body.episode-page .key-moments-sections p{
font-size:17px; line-height:1.85; color:#374151; margin:0 0 24px;
}
body.episode-page .key-moments-sections p:last-child{margin-bottom:0;}
/* ============================================================
CHARACTER PAGE — UI POLISH (C-6D)
------------------------------------------------------------
全部规则以 body.character-page 限定作用域。
原因：.container / .section / .section-head / .kicker / .meta-list /
.side-card / .recap-layout / .card 与 show-hub / recap / cast /
episode 等页面共用，不加作用域会回归其他页面。
作用域钩子由 templates/character.html 的
提供（与既有 body.episode-page / body.cast-page 约定一致）。
仅调整视觉层级与信息布局：
版心宽度 / 正文阅读宽度 / 行距 / 段距 / 三级间距 /
Quick Facts 纵向 block / Explore 三链接块 /
Family・Affiliations 分区 / Traits 标签 / Timeline 季节分组。
不改数据、不改 URL / canonical / sitemap / JSON-LD、不改字体族。
============================================================ */
/* --- 1. 版心：主内容最大宽度 1120 -> 1160（正文另设阅读宽度） --- */
body.character-page .container{max-width:1160px;}
/* --- 2. Hero：头像+标题一行 → 描述独立整行，让 Hero 正文也拿到 65-75 字符行宽 ---
原结构 .char-hero 在 >=768px 是 row，描述被挤在头像右侧仅约 470px（54 字符/行）。
现把头像/标题/事实行收进 .char-hero-top，描述作为 .char-hero 的整行子项。 */
body.character-page .char-hero{flex-direction:column; gap:18px;}
body.character-page .char-hero-top{display:flex; flex-direction:column; gap:20px;}
body.character-page .char-hero-id{min-width:0;}
@media(min-width:768px){
body.character-page .char-hero{flex-direction:column; gap:22px; padding:28px;}
body.character-page .char-hero-top{flex-direction:row; gap:28px; align-items:flex-start;}
body.character-page .char-hero-id{flex:1 1 auto; min-width:0;}
}
/* --- 3. 正文阅读体验：65-75 characters per line / line-height 1.7 / 段距 1em ---
Inter 16px 实测平均字母宽 ≈8.9px → 660px ≈ 74 字符/行；Hero 描述 15.5px ≈8.6px
→ 630px ≈ 73 字符/行。不新增字号体系、不换字体族。 */
body.character-page .char-overview{
font-size:16px; line-height:1.7; color:#374151; max-width:660px; margin:0 0 1em;
}
body.character-page .char-overview:last-child{margin-bottom:0;}
body.character-page .char-desc{
font-size:15.5px; line-height:1.68; color:var(--ink-2);
max-width:630px; margin-top:0;
}
/* --- 4. 三级间距：label→heading 10px / heading→content 18px / section→section 56px ---
章节之间加一条极细分隔线，让 Overview / Story Role / Relationships / Family /
Portrayed By / Media 形成明确章节感（不加边框到首个 section）。 */
body.character-page .kicker{margin-bottom:10px;}
body.character-page .section-head{margin-bottom:18px;}
body.character-page .section{margin:0;}
body.character-page .recap-main > .section{padding-top:56px;}
body.character-page .recap-main > .section + .section{border-top:1px solid var(--border);}
body.character-page .char-hero + .section{padding-top:40px;}
/* --- 5. Quick Facts：纵向 block（替代双列右对齐 meta-list） ---
原 .meta-list 在 >=768px 变 1fr 1fr 两列 + dd 右对齐，320px 侧栏里值只剩约 70px，
"Queen Rhaenyra Targaryen" / "Emma D'Arcy" 被强行折行。改为每个字段独立整宽 block。 */
body.character-page .qf-list{display:flex; flex-direction:column;}
body.character-page .qf-item{
display:flex; flex-direction:column; gap:4px;
padding:12px 0; border-bottom:1px solid var(--border);
}
body.character-page .qf-list > .qf-item:first-child{padding-top:4px;}
body.character-page .qf-list > .qf-item:last-child{border-bottom:none; padding-bottom:4px;}
body.character-page .qf-label{
font-size:11px; font-weight:700; letter-spacing:0.8px;
text-transform:uppercase; color:var(--muted);
}
body.character-page .qf-value{
font-size:15px; font-weight:600; color:var(--ink); line-height:1.45;
overflow-wrap:anywhere; word-break:break-word;
}
/* --- 6. Explore：三个 link block（标题 + 说明），不再出现空卡片 --- */
body.character-page .side-link{
display:flex; flex-direction:column; gap:2px;
padding:12px 0; border-bottom:1px solid var(--border); color:inherit;
}
body.character-page .side-link:first-of-type{padding-top:4px;}
body.character-page .side-link:last-child{border-bottom:none; padding-bottom:4px;}
body.character-page .sl-title{font-size:14.5px; font-weight:700; color:var(--ink);}
body.character-page .sl-desc{font-size:12.5px; color:var(--ink-2); line-height:1.5;}
body.character-page .side-link:hover .sl-title{color:var(--link);}
/* --- 7. Family & Affiliations：只保留 Family 列表 + Affiliations 标签 --- */
body.character-page .sub-h{
font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
color:var(--muted); margin:0 0 12px;
}
body.character-page .char-rel-list{list-style:none; margin:0 0 26px; padding:0;}
body.character-page .char-rel-list li{
display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px;
padding:10px 0; border-bottom:1px solid var(--border);
}
body.character-page .char-rel-list li:last-child{border-bottom:none; padding-bottom:2px;}
body.character-page .char-rel-list .rel-name,
body.character-page .char-rel-list a{font-size:15px; font-weight:600; color:var(--ink);}
body.character-page .char-rel-list a:hover{color:var(--link);}
body.character-page .char-rel-list .rel-label{font-size:13px; color:var(--ink-2);}
body.character-page .char-aff-list{
display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0;
}
body.character-page .char-aff-list li{
background:#F2F2F0; border:1px solid var(--border); border-radius:999px;
padding:5px 12px; font-size:13px; font-weight:600; color:var(--ink);
}
/* --- 8. Traits（由 Family 模块移至 About 之下）：trait 标签 --- */
body.character-page .char-traits{
display:flex; flex-wrap:wrap; gap:8px; list-style:none;
margin:18px 0 0; padding:0; max-width:660px;
}
body.character-page .char-traits li{
background:#FDF6D8; border:1px solid #EFE2A6; border-radius:999px;
padding:5px 12px; font-size:12.5px; font-weight:600; color:#6B5A00;
}
/* --- 9. 列表类模块：Importance / Relationships / Portrayed By / Sources --- */
body.character-page .char-importance{list-style:none; margin:0; padding:0; max-width:660px;}
body.character-page .char-importance li{
padding:10px 0; border-bottom:1px solid var(--border);
font-size:14.5px; color:var(--ink-2); line-height:1.55;
}
body.character-page .char-importance li:last-child{border-bottom:none;}
body.character-page .char-importance strong{color:var(--ink); font-weight:700;}
body.character-page .char-importance .cf-item{font-size:13px; color:var(--muted);}
/* --- 10. Episode Timeline：按 Season 分组，提高扫描体验（数据不变） --- */
body.character-page .tl-group{margin:0 0 26px; max-width:660px;}
body.character-page .tl-group:last-child{margin-bottom:0;}
body.character-page .tl-season{
font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
color:var(--muted); margin:0 0 10px;
}
body.character-page .char-timeline{
list-style:none; margin:0; padding:0 0 0 14px; border-left:2px solid var(--border);
}
body.character-page .timeline-item{
font-size:14.5px; color:var(--ink-2); line-height:1.5; padding:5px 0;
}
/* --- 11. 空状态（Media 占位等） --- */
body.character-page .ep-s,
body.character-page .ep-syn{
font-size:14.5px; color:var(--muted); line-height:1.6; max-width:660px;
}
/* --- 12. 移动端：收紧章节间距，保持无横向滚动 --- */
@media(max-width:600px){
body.character-page .recap-main > .section{padding-top:40px;}
body.character-page .char-hero + .section{padding-top:30px;}
body.character-page .qf-value{font-size:14.5px;}
}
/* ============================================================
CHARACTER PAGE — EDITORIAL LAYOUT POLISH (C-6D.2)
------------------------------------------------------------
承接 C-6D 建立的 body.character-page 作用域约定，纯追加，不改动任何既有规则。
目标（owner 规格）：
Phase 1 侧栏收回为「辅助信息栏」而不是第二主体
Phase 2 Appearances 改成 Show Card + Episode Timeline 两层
Phase 3 正文阅读宽度 65-75 CPL / line-height 1.6-1.75 / 段距
Phase 4 Family & Affiliations 统一 label/value（Character Facts 版式）
Phase 5 三级间距（label→heading / heading→content / section→section）
C-6D.3（Episode Timeline Visual Polish）：仅重做 §2 的 episode 层 ——
双列网格 → 单列 Character Timeline（Show ▸ Season 子标题 ▸ 轨迹线 + 节点）。
C-6D.4（Episode Timeline Final Polish）：在同一层上做 UI 精修 ——
收紧节点↔内容距离、限制时间线最大宽度（600px，日期不再贴版心最右）、
缩略图圆角 8px + 锁定 16:9、Season 子标题加「· N Episodes」、加大行距与季间距。
侧栏（§1 QF / Explore）、正文（§3）、Family（§4）、间距（§5）均无改动。
不改数据、不改 URL / canonical / sitemap / JSON-LD、不新增模块、不重排模块。
作用域说明：全部规则以 body.character-page 限定。3 个手工页
（colter-shaw / russell-shaw / reenie-green）的 没有该 class，因此
本块与 C-6D 块对它们完全不生效 —— 手工页不受影响，也无需迁移。
============================================================ */
/* --- 1. Sidebar 收紧：侧栏是辅助信息栏，不是第二主体 ---
C-6D 后实测（1440 视口）：Quick Facts 卡 389px / Explore 卡 255px。
本组收紧卡片内边距、标题下距与字段上下距：
Quick Facts 389 -> ~277（-29%），Explore 255 -> ~157（-38%）。
仅改 padding / font-size / gap，不动结构，不做折叠，不隐藏任何字段。 */
body.character-page .side-card{padding:14px;}
body.character-page .side-card h3,
body.character-page .side-h{font-size:11.5px; letter-spacing:0.5px; margin-bottom:9px;}
/* Quick Facts：紧凑纵向 block，保留每行 1px 分割线 */
body.character-page .qf-item{padding:6px 0; gap:1px;}
body.character-page .qf-list > .qf-item:first-child{padding-top:2px;}
body.character-page .qf-list > .qf-item:last-child{padding-bottom:2px;}
body.character-page .qf-label{font-size:10px; letter-spacing:0.6px;}
body.character-page .qf-value{font-size:14px; line-height:1.3;}
/* Explore：单行紧凑导航（标题 + 右侧浅灰说明），不再占两行 */
body.character-page .side-link{
display:flex; flex-direction:row; align-items:baseline; gap:8px; padding:7px 0;
}
body.character-page .side-link:first-of-type{padding-top:2px;}
body.character-page .side-link:last-child{padding-bottom:2px;}
body.character-page .sl-title{font-size:14px;}
body.character-page .sl-desc{
font-size:11px; line-height:1.35; margin-left:auto; text-align:right; flex:0 0 auto;
}
/* --- 2. Appearances：Show Card → Season 子标题 → 单列 Character Timeline ---
数据结构不变（Show ▸ Season ▸ episode list 原样保留，Season 不合并、Show 名不删）。
本层只改视觉：
第一层 .app-show = Show 层级（作品名最大）
第二层 .app-season = Season 子标题（Show 名下、独占一行、其下一条分隔线）
第三层 .app-ep-list = 单列时间线（左侧 2px 轨迹线 + 节点圆点，靠间距而非行分割线）
episode 行 = 小缩略图（辅助）+ E{n}（弱）+ 标题（主）+ 播出日期（辅），
视觉优先级 Title > Number > Date。刻意去掉双列网格与行分割线，消除后台表格感。 */
body.character-page .app-show{padding:32px 0; border-bottom:1px solid var(--border);}
body.character-page .section-head + .app-show{padding-top:2px;}
body.character-page .app-show:last-child{border-bottom:none; padding-bottom:0;}
body.character-page .app-show-name{
font-size:20px; font-weight:800; letter-spacing:-0.2px; margin:0 0 6px;
}
body.character-page .app-show-name a{color:var(--ink);}
body.character-page .app-show-name a:hover{color:var(--link);}
body.character-page .app-show-meta{
display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 12px;
margin:0 0 20px; padding-bottom:10px; border-bottom:1px solid var(--border);
font-size:12.5px; color:var(--muted);
}
/* Season 子标题：不再是小胶囊，独占一行，直接压在 Show 名之下 */
body.character-page .app-chip.app-season{
flex:1 1 100%; background:none; border:none; border-radius:0; padding:0;
font-size:16px; font-weight:700; letter-spacing:0.1px; color:var(--ink);
}
/* 集数后缀：子标题的辅助信息，弱于 Season 名 */
body.character-page .app-chip.app-season .app-epcount{
font-size:13.5px; font-weight:500; color:var(--muted); letter-spacing:0.2px;
}
body.character-page .app-chip.app-season:hover{color:var(--link); text-decoration:underline;}
body.character-page .app-chip{
display:inline-flex; align-items:center; background:var(--surface);
border:1px solid var(--border); border-radius:999px; padding:3px 10px;
font-size:11.5px; font-weight:600; color:var(--ink-2);
}
body.character-page .app-chip:hover{border-color:var(--link); color:var(--link);}
body.character-page .app-credit{font-size:12.5px; color:var(--muted);}
body.character-page .app-credit strong{color:var(--ink); font-weight:700;}
/* 单列时间线本体：收窄左留白（16px），并限制内容最大宽度（600px），
让「节点 ○ / 缩略图 / 集号 / 标题」贴成一个整体，日期不再甩到版心最右。 */
body.character-page .app-ep-list{
list-style:none; margin:0; padding:4px 0 0 16px; max-width:600px;
border-left:2px solid var(--border); display:block;
}
body.character-page .app-ep{position:relative; padding:0; border-bottom:none;}
body.character-page .app-ep + .app-ep{margin-top:20px;}
body.character-page .app-ep::before{
content:""; position:absolute; left:-20px; top:15px;
width:7px; height:7px; border-radius:50%;
background:var(--surface); border:2px solid var(--border);
}
body.character-page .app-ep-link{
display:grid; grid-template-columns:64px minmax(0,1fr) auto;
column-gap:12px; row-gap:2px; align-items:center; padding:0; color:inherit;
}
body.character-page .app-ep-thumb{
grid-area:1/1/3/2; width:64px; height:36px; aspect-ratio:16/9;
object-fit:cover; border-radius:8px; opacity:0.95;
}
body.character-page .app-ep-num{
grid-area:1/2/2/3; font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size:11.5px; font-weight:600; letter-spacing:0.5px; color:var(--muted);
}
body.character-page .app-ep-title{
grid-area:2/2/3/4; font-size:15px; font-weight:600; line-height:1.32;
color:var(--ink); min-width:0;
}
body.character-page .app-ep-air{
grid-area:1/3/2/4; justify-self:end; font-size:11px; color:var(--muted);
white-space:nowrap;
}
body.character-page .app-ep-link:hover .app-ep-title{color:var(--link);}
@media(min-width:640px){
body.character-page .app-show-name{font-size:21px;}
}
/* --- 3. 正文阅读体验：65-75 characters per line / line-height 1.6-1.75 / 段距 1em ---
C-6D 已建立（16px / max-width 660px / lh 1.7 / margin 1em，实测 69-74 CPL）。
本块把行距微调到 1.72、宽度 665px，并把 Story Role / Relationships 等复用
.char-overview 的正文段一并纳入同一阅读节奏。不换字体族、不新增字号体系。 */
body.character-page .char-overview{max-width:665px; line-height:1.72; margin:0 0 1em;}
body.character-page .char-overview:last-child{margin-bottom:0;}
/* --- 4. Family & Affiliations：统一 label / value / spacing（Character Facts 版式）---
标签（亲属关系）在上、人名在下，与 Quick Facts 的 label/value 层级一致；
不再出现左右两列硬挤，窄屏天然单列。 */
body.character-page .sub-h{font-size:10.5px; letter-spacing:0.9px; margin:0 0 10px;}
body.character-page .char-rel-list{margin:0 0 24px;}
body.character-page .char-rel-list li{
display:flex; flex-direction:column; align-items:flex-start; gap:2px;
padding:9px 0; border-bottom:1px solid var(--border);
}
body.character-page .char-rel-list .rel-label{
font-size:10px; font-weight:700; letter-spacing:0.6px; text-transform:uppercase;
color:var(--muted);
}
body.character-page .char-rel-list .rel-name,
body.character-page .char-rel-list a{font-size:14.5px; font-weight:600; color:var(--ink);}
body.character-page .char-aff-list{gap:7px;}
body.character-page .char-aff-list li{padding:4px 11px; font-size:12.5px;}
/* --- 5. 移动端：保持单列与无横向滚动 ---
侧栏两条规则为 C-6D.2 既有版本，本次未改动。 */
@media(max-width:600px){
body.character-page .side-card{padding:13px;}
body.character-page .qf-value{font-size:14.5px;}
body.character-page .app-ep-list{padding-left:14px;}
body.character-page .app-ep + .app-ep{margin-top:18px;}
body.character-page .app-ep::before{left:-18px;}
body.character-page .app-ep-link{
grid-template-columns:64px minmax(0,1fr); align-items:start; row-gap:1px;
}
body.character-page .app-ep-thumb{grid-area:1/1/4/2; align-self:start;}
body.character-page .app-ep-num{grid-area:1/2/2/3;}
body.character-page .app-ep-title{grid-area:2/2/3/3; font-size:14.5px;}
body.character-page .app-ep-air{grid-area:3/2/4/3; justify-self:start; margin-top:2px;}
}
/* ============================================================
CHARACTER PAGE — VISUAL POLISH (C-6D.5)
------------------------------------------------------------
目标：提升阅读体验与视觉统一性，向 IMDb character guide / Wikipedia
extended profile / 高级娱乐数据库靠拢；消除「后台表格感 / AI 文档感」。
仅追加，全部以 body.character-page 限定；不改结构、不改数据、
不改 URL / canonical / sitemap / JSON-LD / SEO / Hero summary / Sidebar 逻辑。
本阶段明确冻结（下方不重写它们的任何规则）：
· Episode Timeline —— Appearance Timeline（.tl-group / .tl-season / .char-timeline）
与 Appearances 的 episode 层（.app-* 全部规则）
· Sidebar —— Quick Facts（.qf-*）/ Explore（.side-link / .sl-*）
C-6D.5 三条统一视觉规则：
叙述内容 .char-overview → 文章式（article）
结构化内容 .char-kv / .char-rel-list → 键值卡片（与 Quick Facts 同一视觉语言）
列表内容 .char-importance / traits / affiliations → 干净列表（无整行横线）
============================================================ */
/* --- 1. 三级间距：label→title 10px / title→content 20px / section→section 64px ---
章节间隔取规格上限，让「新主题开始」有明确体感；标题与正文次之；标签与标题最小。 */
body.character-page .kicker{margin-bottom:10px;}
body.character-page .section-head{margin-bottom:20px;}
body.character-page .recap-main > .section{padding-top:64px;}
body.character-page .recap-main > .section + .section{border-top:1px solid var(--border);}
body.character-page .char-hero + .section{padding-top:44px;}
/* --- 2. Section label：保留黄色 uppercase 小标签设计，强化扫描锚点 ---
letter-spacing 1.5→2.6px、weight 700→800；标签文字之后接一条短细线作为视觉锚点
（细线位于文字右后方，标签本身仍与下方 h2 左对齐，不产生缩进错位）。 */
body.character-page .kicker{
display:flex; align-items:center; gap:12px;
font-size:11px; font-weight:800; letter-spacing:2.6px;
text-transform:uppercase; color:#8a6d00;
}
body.character-page .kicker::after{
content:""; flex:0 0 44px; height:1px; background:currentColor; opacity:0.30;
}
/* --- 3. 叙述正文：文章式排版（Overview / Story Role / 关系叙述） ---
行高 1.72（规格 1.65–1.75）、阅读宽度 665px（≈72 CPL，规格 70–75）、段距 20px。 */
body.character-page .char-overview{
font-size:16px; line-height:1.72; color:#374151;
max-width:665px; margin:0 0 20px;
}
body.character-page .char-overview:last-child{margin-bottom:0;}
/* Story Role 是受控单值字段（protagonist / deuteragonist / antagonist / supporting）：
按「结构化单值」呈现为一行角色陈述，避免单独一个低 case 单词显得像未填内容。 */
body.character-page .char-role{
font-size:17px; font-weight:600; color:var(--ink);
letter-spacing:-0.1px; line-height:1.5; text-transform:capitalize;
max-width:665px; margin:0;
}
/* --- 4. 列表内容：干净列表（Relationships 结构列表 / Portrayed By / Versions / Sources）---
去掉整行横线（表格观感的主要来源），改用紧凑圆点标记 + 行距，保持编辑式阅读节奏。 */
body.character-page .char-importance{list-style:none; margin:0; padding:0; max-width:665px;}
body.character-page .char-importance li{
position:relative; padding:9px 0 9px 17px; border-bottom:none;
font-size:14.5px; color:var(--ink-2); line-height:1.55;
}
body.character-page .char-importance li::before{
content:""; position:absolute; left:2px; top:16px;
width:5px; height:5px; border-radius:50%; background:var(--border);
}
body.character-page .char-importance strong{color:var(--ink); font-weight:700;}
body.character-page .char-importance .cf-item{font-size:13px; color:var(--muted);}
/* --- 5. 标签类列表（Traits / Affiliations）统一为同一套中性胶囊 ---
原先 Traits 用琥珀胶囊、Affiliations 用灰胶囊，两套语言并存；本阶段统一。 */
body.character-page .char-traits,
body.character-page .char-aff-list{
display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0;
}
body.character-page .char-traits{margin:20px 0 0; max-width:665px;}
body.character-page .char-aff-list{margin:0;}
body.character-page .char-traits li,
body.character-page .char-aff-list li{
background:var(--surface); border:1px solid var(--border); border-radius:999px;
padding:5px 13px; font-size:12.5px; font-weight:600; color:var(--ink-2);
}
/* Family 的子标题（FAMILY / AFFILIATIONS）与章节标签同一套排版语言 */
body.character-page .sub-h{
font-size:10px; font-weight:800; letter-spacing:1.8px;
text-transform:uppercase; color:var(--muted); margin:0 0 10px;
}
/* --- 6. 结构化键值：Character Profile Card（与右侧 Quick Facts 同一视觉语言）---
统一「外框卡片 + 内部 label/value 行」；label 小号大写浅灰、value 主色，
与 .qf-label / .qf-value 同构。Family 由此从「整行横线的表格」变为一张档案卡。
选择器用 .char-importance.char-kv 提高权重，确保覆盖上面第 4 条的列表规则。 */
body.character-page .char-importance.char-kv,
body.character-page .char-rel-list{
list-style:none; margin:0 0 26px; padding:2px 18px;
max-width:560px; background:var(--surface);
border:1px solid var(--border); border-radius:12px;
}
body.character-page .char-importance.char-kv li,
body.character-page .char-rel-list li{
display:flex; flex-direction:column; align-items:flex-start; gap:3px;
padding:12px 0; border-bottom:1px solid var(--border);
font-size:14.5px; color:var(--ink); line-height:1.45;
}
body.character-page .char-importance.char-kv li::before,
body.character-page .char-rel-list li::before{content:none;}
body.character-page .char-importance.char-kv li:last-child,
body.character-page .char-rel-list li:last-child{border-bottom:none;}
body.character-page .char-importance.char-kv li strong,
body.character-page .char-rel-list .rel-label{
font-size:10px; font-weight:800; letter-spacing:1px;
text-transform:uppercase; color:var(--muted);
}
body.character-page .char-rel-list .rel-name,
body.character-page .char-rel-list a{font-size:14.5px; font-weight:600; color:var(--ink);}
body.character-page .char-rel-list a:hover{color:var(--link);}
/* --- 7. 移动端：章节间距收紧，卡片宽度自适应 --- */
@media(max-width:600px){
body.character-page .recap-main > .section{padding-top:44px;}
body.character-page .char-hero + .section{padding-top:34px;}
body.character-page .char-importance.char-kv,
body.character-page .char-rel-list{max-width:none;}
}
/* ============================================================
UPCOMING SEASON v2 — 分层信息模块（Policy v2 §3.2）
Known Rumors / Conflict / Previously Reported / Older Reports
纯新增选择器（.claim-* 前缀此前不存在），不覆盖任何既有规则。
============================================================ */
.claim-intro{color:var(--ink-2); font-size:15px; line-height:1.65; margin:0 0 12px; max-width:780px;}
/* ---- 阅读体验：正文 / metadata 分层 + 条目留白 ----
判据：同一条记录内部的间距（6–8px）必须明显小于不同记录之间的间距（约 28px），
且 metadata 字号明显小于正文。只作用于 .claim-list（Upcoming v2 分层模块），
不影响 .cast-prev-item 在 aired season「Previous Seasons 卡司」等场景的表现。 */
.claim-list .claim-item{
display:block; padding:14px 0 16px;
border-bottom:1px solid var(--border);
}
.claim-list .claim-item:first-child{padding-top:2px;}
.claim-list .claim-item:last-child{padding-bottom:2px; border-bottom:none;}
.claim-list .claim-item .cp-name{font-size:15.5px; line-height:1.35;}
.claim-list .claim-item .cp-role{
display:block; margin-top:8px; font-size:15px; line-height:1.65;
color:var(--ink-2); font-weight:500; max-width:840px;
}
/* metadata：13.5px（正文 15px 的 90%）+ muted 色 + 9px 上间距。
不再向下调浅 —— --muted 已是站点可读下限，层级靠字号与间距建立。 */
.claim-meta{display:block; flex-basis:100%; margin-top:9px;
color:var(--muted); font-size:13.5px; line-height:1.62;}
/* ---- Conflict 三层视觉 ----
第 1/2 层 Account A / Account B：同级 —— 左侧细色条 + 极浅底色，二者完全一致。 */
.claim-side{display:block; flex-basis:100%; margin-top:11px;
color:var(--ink-2); font-size:15px; line-height:1.65;
padding:10px 13px; border-left:3px solid #C9CDD4;
background:rgba(17,17,17,0.025); border-radius:0 6px 6px 0;}
.claim-side b{
display:block; margin-bottom:5px;
font-size:12.5px; font-weight:800; letter-spacing:0.7px;
text-transform:uppercase; color:var(--ink);
}
.claim-side .claim-meta{margin-top:6px; font-size:13px;}
/* 第 3 层 Current assessment：与 A/B 明确不同 —— 无左侧色条、独立描边浅底块、
italic 正文 + 明确 label。🔴 刻意不使用 --accent 黄 / CONFIRMED 视觉：
它是「当前证据下的评估」，不是事实确认（Policy v2 §3.2 L4）。 */
.claim-assessment{
display:block; flex-basis:100%; margin-top:13px;
padding:11px 13px; border:1px solid var(--border); border-radius:6px;
background:var(--surface);
color:var(--ink-2); font-size:14.5px; line-height:1.65; font-style:italic;
}
.claim-assessment b{
display:block; margin-bottom:5px;
font-size:12.5px; font-weight:800; letter-spacing:0.7px;
text-transform:uppercase; color:var(--ink); font-style:normal;
}
.claim-item .info-banner{flex-basis:100%; margin-top:8px;}
/* ===== Character Cast Density — Guest Directory (Level 2/3) ===== */
.guest-grid > .guest-feat-kicker,
.guest-grid > .guest-directory { grid-column: 1 / -1; }
.guest-feat-kicker {
margin: 18px 0 4px;
font-size: 13px;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--ink-2);
}
.guest-directory {
margin-top: 16px;
border: 1px solid var(--border);
border-radius: 12px;
background: var(--surface);
overflow: hidden;
}
.guest-directory > summary {
cursor: pointer;
padding: 14px 18px;
font-weight: 700;
color: var(--ink);
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.guest-directory > summary::-webkit-details-marker { display: none; }
.guest-directory > summary::after { content: "\\002B"; font-size: 18px; color: var(--ink-2); margin-left: 8px; }
.guest-directory[open] > summary::after { content: "\\2212"; }
.guest-directory > summary:focus-visible { outline: 3px solid var(--link); outline-offset: -3px; }
.dir-list {
list-style: none;
margin: 0;
padding: 4px 18px 18px;
columns: 2;
column-gap: 28px;
}
.dir-list li {
break-inside: avoid;
padding: 5px 0;
border-bottom: 1px solid var(--border);
}
.dir-link {
color: var(--ink);
text-decoration: none;
font-size: 14px;
line-height: 1.5;
}
.dir-link:hover { color: var(--link); text-decoration: underline; }
@media (max-width: 600px) {
.dir-list { columns: 1; }
}