/* ============================================================
   BallFact · article.css —— 档案/内容页共用样式（依赖 global.css）
   适用于：/manifesto/ /rankings/ /fm/ /truth/ 及其 /zh/ 版本
   ============================================================ */

/* --- 内容页 nav（比首页简化）；左右 2rem 保证任意窗口尺寸下主体不贴边 --- */
.page { padding:4.5rem 2rem 5.5rem; }

/* --- 面包屑 --- */
.crumb { display:flex; align-items:center; gap:0.75rem; font-size:0.75rem; letter-spacing:.16em; text-transform:uppercase; color:var(--faint); margin-bottom:2.5rem; flex-wrap:wrap; }
.crumb a { color:var(--dim); transition:color .2s; }
.crumb a:hover { color:var(--acc); }
.crumb .sep { color:var(--line-2); }
.crumb .here { color:var(--acc); }

/* --- 档案头 --- */
.art-head { border:1px solid var(--line); background:var(--surface); padding:3rem 2.75rem; margin-bottom:3.5rem; position:relative; }
.art-eyebrow { display:flex; align-items:center; gap:0.875rem; font-size:0.75rem; letter-spacing:.2em; text-transform:uppercase; color:var(--acc); margin-bottom:1.5rem; flex-wrap:wrap; }
.art-eyebrow .line { width:2.5rem; height:1px; background:var(--acc); }
.art-head h1 { font-size:2.75rem; line-height:1.08; margin-bottom:1.375rem; max-width:56rem; }
.art-head .lead { color:var(--dim); font-size:1rem; line-height:1.95; max-width:52rem; }
.art-head .lead b { color:var(--text); font-weight:500; }
.art-meta { display:flex; flex-wrap:wrap; gap:0.625rem; margin-top:2rem; }

/* --- 档案正文区块（Question/Evidence/Method/Verdict/Appendix 仪式感结构） --- */
.art-block { margin-bottom:4rem; }
.art-block-head { display:flex; align-items:baseline; gap:1.125rem; margin-bottom:1.5rem; border-bottom:1px dashed var(--line-2); padding-bottom:0.875rem; }
.art-block-head .k { font-size:0.75rem; letter-spacing:.2em; color:var(--acc); text-transform:uppercase; white-space:nowrap; }
.art-block-head h2 { font-size:1.625rem; line-height:1.15; }

.prose p { color:var(--dim); font-size:0.9375rem; line-height:2; margin-bottom:1.375rem; }
.prose p b { color:var(--text); font-weight:500; }
.prose p a { color:var(--acc); border-bottom:1px solid rgba(204,255,0,.3); transition:border-color .2s; }
.prose p a:hover { border-color:var(--acc); }

/* --- 数据表格（档案证据表，移动端容器内横滚） --- */
.tbl-wrap { border:1px solid var(--line); background:var(--surface); overflow-x:auto; -webkit-overflow-scrolling:touch; margin-bottom:1.375rem; }
.tbl-cap { display:flex; justify-content:space-between; gap:0.75rem; padding:0.875rem 1.375rem; border-bottom:1px solid var(--line); font-size:0.71875rem; letter-spacing:.16em; text-transform:uppercase; color:var(--faint); flex-wrap:wrap; }
.tbl-cap b { color:var(--acc); font-weight:500; }
table.dt { width:100%; border-collapse:collapse; min-width:40rem; }
.dt th { text-align:left; font-size:0.6875rem; letter-spacing:.14em; text-transform:uppercase; color:var(--faint); font-weight:500; padding:0.75rem 0.875rem; border-bottom:1px solid var(--line); background:var(--bg-2); white-space:nowrap; }
.dt td { padding:0.8125rem 0.875rem; border-bottom:1px solid var(--line); font-size:0.875rem; color:var(--dim); white-space:nowrap; }
.dt tr:last-child td { border-bottom:none; }
.dt tr:hover td { background:rgba(204,255,0,.04); }
.dt .hl { color:var(--acc); font-weight:700; }
.dt .num { font-variant-numeric:tabular-nums; }

/* --- 公式块 --- */
.formula { border:1px solid var(--line-2); border-left:3px solid var(--cyan); background:var(--surface); padding:1.375rem 1.625rem; font-size:0.9rem; line-height:2; color:var(--text); margin:1.75rem 0; overflow-x:auto; white-space:nowrap; }
.formula .op { color:var(--cyan); }

/* --- 裁决框 --- */
.verdict-box { border:1px solid rgba(204,255,0,.4); background:var(--acc-dim); padding:2rem 2.25rem; position:relative; }
.verdict-box .vh { font-size:0.71875rem; letter-spacing:.2em; text-transform:uppercase; color:var(--acc); margin-bottom:0.875rem; }
.verdict-box p { font-size:1rem; line-height:1.95; color:var(--text); }
.verdict-box .sign { margin-top:1.375rem; font-size:0.8125rem; color:var(--dim); }
.verdict-box .sign b { color:var(--text); font-weight:500; }

/* --- 来源清单 --- */
.sources { border:1px solid var(--line); background:var(--surface); padding:1.5rem 1.75rem; }
.sources li { display:flex; gap:0.875rem; padding:0.6875rem 0; border-bottom:1px dashed var(--line); font-size:0.84375rem; color:var(--dim); line-height:1.8; }
.sources li:last-child { border-bottom:none; }
.sources .sn { color:var(--acc); flex:none; }

/* --- 档案卡片（栏目列表页） --- */
.dlist { display:flex; flex-direction:column; gap:1rem; }
.dcard { display:grid; grid-template-columns:auto 1fr auto; gap:1.75rem; align-items:center; border:1px solid var(--line); background:var(--surface); padding:1.75rem 2rem; transition:border-color .25s,transform .25s; }
.dcard:hover { border-color:rgba(204,255,0,.35); transform:translateX(0.375rem); }
.dcard .dno { font-family:var(--disp); font-weight:900; font-size:1.5rem; color:transparent; -webkit-text-stroke:1px var(--acc); white-space:nowrap; }
.dcard h3 { font-family:var(--disp); font-weight:700; font-size:1.1875rem; text-transform:uppercase; letter-spacing:.02em; margin-bottom:0.5rem; line-height:1.3; }
.dcard h3 a:hover { color:var(--acc); }
.dcard .dsum { font-size:0.84375rem; color:var(--dim); line-height:1.85; max-width:52rem; }
.dcard .dchips { display:flex; gap:0.5rem; flex-wrap:wrap; margin-top:0.75rem; }

/* --- 上一篇/下一篇 --- */
.art-nav { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:4.5rem; }
.art-nav a { border:1px solid var(--line); background:var(--surface); padding:1.375rem 1.625rem; transition:border-color .2s; }
.art-nav a:hover { border-color:rgba(204,255,0,.35); }
.art-nav .an-k { font-size:0.6875rem; letter-spacing:.18em; text-transform:uppercase; color:var(--faint); margin-bottom:0.5rem; }
.art-nav .an-t { font-size:0.9375rem; color:var(--text); font-weight:500; }
.art-nav .next { text-align:right; }
.art-nav .soon { opacity:.45; pointer-events:none; }

/* --- 中文版筹备提示 --- */
.zh-note { border:1px dashed var(--line-2); color:var(--faint); font-size:0.8125rem; padding:0.875rem 1.25rem; margin-top:1.25rem; line-height:1.8; }

/* --- 移动端 --- */
@media (max-width:760px) {
.page { padding:3rem 1.25rem 4rem; }
.art-head { padding:2rem 1.5rem; }
.art-head h1 { font-size:1.875rem; }
.art-block-head h2 { font-size:1.375rem; }
.dcard { grid-template-columns:1fr; gap:0.875rem; padding:1.5rem 1.375rem; }
.art-nav { grid-template-columns:1fr; }
.art-nav .next { text-align:left; }
.verdict-box { padding:1.5rem 1.375rem; }
}