/* LootWiki — 原生内容页专属样式(hub/native.py 渲染的页面),叠加在 out/hub.css 之上。

   分工:外壳(顶栏两栏导航 / 左侧常驻导航 / 面包屑 / byline / 右栏小组件 / 表格 / 卡片 /
   FAQ / 页脚 / 三栏网格 / 字号阶梯 / 全部颜色 token)都在 hub.css,全站共用一套;
   本文件只放"只有内容页才有"的件:速查信息框、要点框、封面图、目录、来源区、上一篇下一篇、
   语言切换、折叠的「关于本攻略」。

   本文件里不写任何 hex,颜色一律走 hub.css 的 :root 变量(真相源是 config/hub.json → theme)。 */

.native-body{overflow-x:hidden}

/* 中英混排:支持的浏览器自动加四分之一空;标点挤压交给 text-spacing-trim */
html[lang^="zh"] .native-body .doc .prose,
html[lang^="zh"] .native-body .rail,
html[lang^="zh"] .native-body .table-scroll{text-autospace:normal;text-spacing-trim:trim-start}
html[lang^="zh"] .qf-sub,html[lang^="zh"] .kp-t,html[lang^="zh"] .toc-t,
html[lang^="zh"] .prevnext .pn span{letter-spacing:.02em}

/* hub.css 的 section 内边距不适用于内容页里的区块 */
.native-body .doc section,.native-body .rail section{padding:0}

/* ---------- 右侧速查信息框 ---------- */
.qf{background:var(--panel);border:var(--box-bd);border-radius:var(--rad);overflow:hidden;margin:0 0 16px}
.qf-h{margin:0;padding:9px 13px;font-size:.9375rem;font-weight:600;color:var(--ink);
  background:var(--band);border-top:2px solid var(--accent);line-height:1.35;cursor:pointer;
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}
.qf-h::-webkit-details-marker{display:none}
.qf-h::after{content:"\25BE";color:var(--mut);flex:0 0 auto;font-size:.8em}
.qf[open] .qf-h::after{content:"\25B4"}
.qf-sub{margin:0;padding:0 13px 7px;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--mut);background:var(--band)}
.qf-lead{margin:0;padding:9px 13px;border-top:var(--box-bd);
  color:var(--mut);font-size:.875rem;line-height:1.55}
.qf dl{margin:0;padding:0}
.qf-r{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0;border-top:var(--box-bd);align-items:baseline}
.qf-r dt{padding:7px 12px;color:var(--ink);font-size:var(--fs-lbl);font-weight:600;
  line-height:var(--lh-tight);background:color-mix(in srgb,var(--line) 32%,transparent);overflow-wrap:anywhere}
.qf-r dd{margin:0;padding:7px 12px;color:var(--mut);font-size:.875rem;
  overflow-wrap:break-word;word-break:normal;line-height:var(--lh-tight)}
.qf-r dd a{overflow-wrap:anywhere}
/* 桌面(≥1025px):强制展开全部信息框。纯 display:block!important 挡不住折叠,
   必须同时覆盖 ::details-content 的 content-visibility / height。 */
@media(min-width:1025px){
  @supports selector(::details-content){
    .qf>summary{cursor:default;pointer-events:none}
    .qf .qf-h::after,.qf[open] .qf-h::after{content:none}
    .qf::details-content{display:block!important;content-visibility:visible!important;
      height:auto!important;overflow:visible!important}
  }
}

/* ---------- 要点框 ---------- */
.kp{background:var(--band-soft);border:var(--box-bd);border-left:3px solid var(--accent);
  border-radius:var(--rad-sm) var(--rad) var(--rad) var(--rad-sm);padding:var(--box-pad);margin:0 0 22px}
.kp-t{margin:0 0 6px;font-weight:700;color:var(--ink);font-size:.8125rem;
  letter-spacing:.1em;text-transform:uppercase}
.kp ul{margin:0;padding-left:1.15em}
.kp li{color:var(--mut);margin:4px 0;font-size:1rem;line-height:1.55}
.kp li::marker{color:var(--accent)}

/* ---------- 封面 / 正文配图 ---------- */
.cover{margin:0 0 22px}
.cover img{width:100%;height:auto;border-radius:var(--rad);border:var(--box-bd);
  background:var(--panel);aspect-ratio:16/9;object-fit:cover}
.cover figcaption,.body-fig figcaption{color:var(--dim);font-size:var(--fs-cap);margin-top:7px;line-height:1.5}
.body-fig{margin:0 0 20px}
.body-fig img{width:100%;height:auto;border-radius:var(--rad);border:var(--box-bd);
  background:var(--panel);aspect-ratio:16/9;object-fit:cover}
.fig-src{color:var(--dim)}

/* hub 页首屏一句话 */
.lede{margin:0 0 24px;color:var(--ink);font-size:clamp(1.0625rem,2.2vw,1.1875rem);
  line-height:1.6;max-width:var(--measure)}

/* ---------- 页内目录 ---------- */
.toc{background:var(--panel);border:var(--box-bd);border-radius:var(--rad);padding:var(--box-pad);margin:0 0 28px}
.toc-t{margin:0 0 8px;font-weight:600;color:var(--ink);font-size:.8125rem;
  letter-spacing:.1em;text-transform:uppercase}
.toc ol{margin:0;padding-left:1.35em;columns:2;column-gap:28px;font-size:.9375rem}
.toc li{color:var(--dim);break-inside:avoid;margin:3px 0;line-height:1.45}
.toc li::marker{color:var(--dim)}
.toc a{color:var(--mut);text-decoration:none}
.toc a:hover{color:var(--accent)}
@media(max-width:640px){.toc ol{columns:1}}

/* ---------- 正文里的补充件 ---------- */
.native .prose,.doc .prose{max-width:none;padding:0}
.doc .prose blockquote{margin:0 0 1em;padding:9px 16px;border-left:3px solid var(--accent);
  background:var(--panel);border-radius:0 var(--rad-sm) var(--rad-sm) 0;max-width:var(--measure)}
.doc .prose blockquote p:last-child{margin-bottom:0}
.doc .prose code{background:var(--panel);border:var(--box-bd);border-radius:4px;padding:1px 5px;font-size:.88em}
.doc .prose pre{overflow-x:auto;background:var(--panel);border:var(--box-bd);
  border-radius:var(--rad-sm);padding:12px}
.doc .prose hr{border:0;border-top:var(--box-bd);margin:32px 0}
.doc .prose li>ul,.doc .prose li>ol{margin:.3em 0 .1em}
.scope{margin:4px 0 0;color:var(--dim);font-size:var(--fs-cap);line-height:1.55}

/* 正文里的 <details>(含「关于本攻略」):统一指示箭头 */
.doc .prose details{border:var(--box-bd);border-radius:var(--rad);background:var(--panel);margin:0 0 1em}
.doc .prose details>summary{cursor:pointer;padding:11px 16px;color:var(--ink);font-weight:600;
  font-size:.9375rem;list-style:none;display:flex;align-items:center;gap:9px}
.doc .prose details>summary::-webkit-details-marker{display:none}
.doc .prose details>summary::before{content:"\25B8";color:var(--accent);flex:0 0 auto;
  transition:transform .15s ease;display:inline-block}
.doc .prose details[open]>summary::before{transform:rotate(90deg)}
.about{border:var(--box-bd);border-radius:var(--rad);background:var(--panel);margin:32px 0 8px}
.about>summary{cursor:pointer;padding:11px 18px;color:var(--ink);font-weight:600;font-size:.9375rem;
  list-style:none;display:flex;align-items:center;gap:9px}
.about>summary::-webkit-details-marker{display:none}
.about>summary::before{content:"\25B8";color:var(--accent);transition:transform .15s ease;display:inline-block}
.about[open]>summary::before{transform:rotate(90deg)}
.about-b{padding:0 18px 10px;font-size:.9375rem}

/* ---------- 语言切换 / 版本徽标 ---------- */
.langsw{margin:10px 0 0;font-size:var(--fs-meta);color:var(--dim);display:flex;gap:8px;
  flex-wrap:wrap;align-items:center}
.langsw .cur{color:var(--ink);border:var(--box-bd);border-radius:var(--rad-pill);
  padding:2px 11px;background:var(--panel)}
.langsw a{border:var(--box-bd);border-radius:var(--rad-pill);padding:2px 11px;
  text-decoration:none;color:var(--mut)}
.langsw a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.badge{display:inline-block;margin-top:10px;font-size:.6875rem;letter-spacing:.06em;color:var(--dim);
  border:1px solid var(--line);border-radius:var(--rad-pill);padding:1px 9px;align-self:flex-start}

/* ---------- 上一篇 / 下一篇 ---------- */
.prevnext{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:8px 0 0}
.prevnext .pn{display:block;padding:11px 14px;border:var(--box-bd);border-radius:var(--rad);
  background:var(--panel);text-decoration:none;color:var(--ink);font-size:.9375rem;line-height:1.45}
.prevnext .pn:hover{border-color:var(--accent);text-decoration:none}
.prevnext .pn span{display:block;margin-bottom:3px;color:var(--dim);font-size:.6875rem;
  letter-spacing:.1em;text-transform:uppercase}
.prevnext .next{text-align:right}
@media(max-width:640px){.prevnext .next{text-align:left}}

/* ---------- 来源区 ---------- */
.sources ol{list-style:none;padding-left:0!important}
.sources li{font-size:.875rem;margin:0 0 9px;padding-left:0;line-height:1.5}
.sources .sid{display:inline-block;min-width:3.6em;color:var(--accent);
  font-variant-numeric:tabular-nums;font-weight:600}
.sources .shost,.sources .sdate{color:var(--dim);font-size:var(--fs-cap);margin-left:5px}
.related{margin-top:10px}