/* 新外壳 · 早期手工排版文章的统一层（2026-10-24）。
   约 300 篇早期文章自带一大段样式（文章包里的 data-reading-protected 样式块），把标签行、速览、栏目小标、正文底色画成老样子，
   在新外壳里和新文章不统一。这里只在新外壳（html.rl-on body.sv3）里把这几处拉回新文章的样子；一页纸、秒懂漫画、原文面板里面不动。
   早期样式很多是按文章 ID 写的（#body-<文章>、#xiaohubb-article），类名再多也压不过 ID，所以关键属性用了 !important。 */

/* 1. 标签行：早期是 nav.op-switchbar > div.op-switch > button.op-seg，带外框、底色、粘在顶上、选中项实心块。
      → 和新文章一样：纯文字标签，选中项加粗 + 下面一道玫红线；收藏 / 分享回到同一行右边 */
html.rl-on body.sv3 .reader-root .reader-actions .op-switchbar{position:static!important;top:auto!important;z-index:auto!important;width:auto!important;
  margin:0 auto 0 0!important;padding:0!important;border:0!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;justify-content:flex-start!important}
html.rl-on body.sv3 .reader-root .reader-actions .op-switch{display:flex!important;gap:20px;max-width:none!important;border:0!important;border-radius:0!important;background:none!important;overflow:visible!important;box-shadow:none!important}
html.rl-on body.sv3 .reader-root .reader-actions .op-seg{-webkit-appearance:none;appearance:none;position:relative;min-width:0;min-height:0;margin:0;border:0!important;border-radius:0!important;
  padding:10px 0 11px!important;background:none!important;box-shadow:none!important;font:500 14px/1.65 inherit!important;letter-spacing:0!important;text-transform:none!important;color:var(--sv-ink-3)!important;white-space:nowrap;cursor:pointer}
html.rl-on body.sv3 .reader-root .reader-actions .op-seg:hover{color:var(--sv-ink)!important;background:none!important}
html.rl-on body.sv3 .reader-root .reader-actions .op-seg:is(.active,.is-on,[aria-selected=true]){color:var(--sv-ink)!important;font-weight:600!important;background:none!important}
html.rl-on body.sv3 .reader-root .reader-actions .op-seg:is(.active,.is-on,[aria-selected=true])::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--v3-rose)}
html.rl-on body.sv3 .reader-root .reader-actions .op-seg:focus-visible{outline:2px solid var(--v3-rose);outline-offset:2px}

/* 2. 一分钟速览：早期是 div.tldr / div.brief（新文章是 aside.brief），各自带底色、圆角、边框。
      → 和新文章一样：没有底色和框，左边一道 3px 玫红线，小标题玫红，条目次要文字色 */
html.rl-on body.sv3 .reader-root #op-article [data-reading-role=summary]:not(aside){margin:0 0 30px!important;padding:4px 0 4px 18px!important;
  border:0!important;border-left:3px solid var(--v3-rose)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html.rl-on body.sv3 .reader-root #op-article [data-reading-role=summary]:not(aside)>:is(strong,.h,h2,h3,h4):first-child{display:block;margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important;
  font:700 12.5px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC",sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--v3-rose-2)!important}
/* 有的早期速览每条前面还用伪元素画了「→」，和新外壳的圆点重复 → 去掉 */
html.rl-on body.sv3 .reader-root #op-article [data-reading-role=summary]:not(aside) li::before{content:none!important;display:none!important}
html.rl-on body.sv3 .reader-root #op-article [data-reading-role=summary]:not(aside) li{font-size:calc(var(--rl-size,17px) - 2px)!important;line-height:1.75!important;color:var(--sv-ink-2)!important;margin-bottom:7px}

/* 3. 栏目小标：速览上面一行「深度 · 小互解读」「产品发布 · 小互解读」（div.kick），和新外壳标题上方的出处行重复 → 隐藏 */
html.rl-on body.sv3 .reader-root #op-article .kick{display:none!important}

/* 4. 正文整块底色：早期文章的根元素铺了自己的底色（米色、浅灰绿、浅紫），新外壳是白底 / 阅读底色 → 正文区透明，跟着外壳走 */
html.rl-on body.sv3 .reader-root :is([id^="body-"],#xiaohubb-article)[data-reading-role=root],
html.rl-on body.sv3 :is([id^="body-"],#xiaohubb-article).reader-root[data-reading-role=root],
html.rl-on body.sv3 .reader-root #op-article,
html.rl-on body.sv3 .reader-root #op-article>[data-reading-role=inner]{background:transparent!important}

/* 5. 导语：早期文章正文开头的 p.dek 有的是斜体加下划线分隔，新文章导语在标题下面 → 正文里这一段按普通导语排 */
html.rl-on body.sv3 .reader-root #op-article .dek[data-reading-role=dek]{font-style:normal!important;border:0!important;padding:0!important;margin:0 0 22px!important;font-size:17px!important;line-height:1.75!important;color:var(--sv-ink-2)!important}

@media (max-width:720px){
  html.rl-on body.sv3 .reader-root .reader-actions .op-switch{gap:16px}
}

/* ================= 6. 逐篇排查补的（10-24 夜，Gemini 过了 289 篇，找出其余写法；样子统一到上面 1–5 条） ================= */
/* 速览的另几种写法：放在 header 里的、没标 data-reading-role 的 .tldr / .fa-tldr */
html.rl-on body.sv3 .reader-root header [data-reading-role=summary]:not(aside),
html.rl-on body.sv3 .reader-root #op-article :is(.tldr,.fa-tldr):not(aside){margin:0 0 30px!important;padding:4px 0 4px 18px!important;
  border:0!important;border-left:3px solid var(--v3-rose)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
/* 速览小标题的另几种写法：.lab，或在 .tldr / .fa-tldr 里 */
html.rl-on body.sv3 .reader-root :is(header,#op-article) [data-reading-role=summary]:not(aside)>:is(strong,.h,.lab,h2,h3,h4):first-child,
html.rl-on body.sv3 .reader-root #op-article :is(.tldr,.fa-tldr):not(aside)>:is(strong,.h,.lab,h2,h3,h4):first-child{display:block;margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important;
  font:700 12.5px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC",sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--v3-rose-2)!important}
/* 速览条目：伪元素箭头去掉；不用 li、用 p / .tl-p / .tl-item 写的，去掉每条的底色卡片；列表圆点和加粗字不用文章私有的主题色 */
html.rl-on body.sv3 .reader-root header [data-reading-role=summary]:not(aside) li::before,
html.rl-on body.sv3 .reader-root #op-article :is(.tldr,.fa-tldr):not(aside) li::before{content:none!important;display:none!important}
html.rl-on body.sv3 .reader-root header [data-reading-role=summary]:not(aside) li,
html.rl-on body.sv3 .reader-root #op-article :is(.tldr,.fa-tldr):not(aside) li,
html.rl-on body.sv3 .reader-root :is(header,#op-article) [data-reading-role=summary]:not(aside) :is(.tl-p,.tl-item),
html.rl-on body.sv3 .reader-root :is(header,#op-article) [data-reading-role=summary]:not(aside)>p{padding:0!important;margin:0 0 7px!important;border:0!important;border-radius:0!important;background:none!important;
  font-size:calc(var(--rl-size,17px) - 2px)!important;line-height:1.75!important;color:var(--sv-ink-2)!important}
html.rl-on body.sv3 .reader-root :is(header,#op-article) :is([data-reading-role=summary],.tldr,.fa-tldr):not(aside) li::marker{color:var(--sv-ink-3)!important}
html.rl-on body.sv3 .reader-root :is(header,#op-article) :is([data-reading-role=summary],.tldr,.fa-tldr):not(aside) :is(li,p,.tl-p,.tl-item) :is(strong,b){color:var(--sv-ink)!important}
/* 栏目小标的另几种名字：只藏开头那一个（在最前面，或紧挨着速览）；正文中间当节标签用的 .kicker 不动（有 23 篇文章在正文里用它） */
html.rl-on body.sv3 .reader-root #op-article :is(.kicker,.gt-kicker,.fa-kicker,.ik-kicker):is(:first-child,:has(+ :is([data-reading-role=summary],.tldr,.fa-tldr))),
html.rl-on body.sv3 .reader-root #op-article .hero>.eyebrow:first-child{display:none!important}
/* 正文根容器没标 data-reading-role=root 的，也去掉整块底色 */
html.rl-on body.sv3 .reader-root :is([id^="body-"],#xiaohubb-article),
html.rl-on body.sv3 :is([id^="body-"],#xiaohubb-article).reader-root{background:transparent!important}
/* 一页纸、漫画补回文章自己的底色：有的文章底色变量叫 --j-bg / --bg / --fa-paper */
html.rl-on body.sv3 [id^="body-"] :is(#op-board,#op-comic){background:var(--p-bg,var(--j-bg,var(--bg,var(--fa-paper,transparent)))))}
/* 导语的另几种写法：.subdek / .fa-dek / .ik-dek，或没标 data-reading-role 的 .dek */
html.rl-on body.sv3 .reader-root #op-article :is(.dek,.subdek,.fa-dek,.ik-dek){font-style:normal!important;border:0!important;padding:0!important;margin:0 0 22px!important;
  font-size:17px!important;line-height:1.75!important;color:var(--sv-ink-2)!important;background:none!important}