/* 「更多」聚合页 · 移动优先内容页(桌面居中窄栏)。复用站点 token。 */
.more-main { max-width:760px;margin:0 auto;padding:24px 16px 40px; }
.more-hero h1 { font-family:var(--font-display);font-size:28px;font-weight:700;margin:0 0 22px;letter-spacing:-0.01em;color:var(--fg); }

.more-sec { margin-bottom:28px; }
.more-sec-h { display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px; }
.more-sec-h .l { font-family:var(--font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--fg-muted);font-weight:700; }
.more-sec-h .y { font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);letter-spacing:0.08em; }

.more-stat-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.more-stat { border:1px solid var(--line);border-radius:12px;background:var(--bg-elev);padding:16px; }
.more-stat .v { font-family:var(--font-mono);font-size:24px;font-weight:700;letter-spacing:-0.02em;color:var(--fg);line-height:1; }
.more-stat .k { font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);letter-spacing:0.05em;text-transform:uppercase;margin-top:6px; }

.more-rank { background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:6px 14px; }
.more-rank-row { display:grid;grid-template-columns:24px minmax(0,1fr) 64px 32px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px dashed var(--line-faint);text-decoration:none;color:inherit;font-size:14px;transition:background 120ms; }
.more-rank-row:last-child { border-bottom:none; }
a.more-rank-row:hover { background:var(--accent-tint-12); }
a.more-rank-row:hover .n { color:var(--accent); }
.more-rank-row .rk { font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);font-weight:700; }
.more-rank-row .rk.top { color:var(--accent); }
.more-rank-row .n { font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.more-rank-row .bar { height:5px;border-radius:3px;background:var(--bg-inset);overflow:hidden; }
.more-rank-row .bar > div { height:100%;background:var(--accent);border-radius:3px; }
.more-rank-row .v { font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--fg-muted);text-align:right; }

.more-links { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px; }
.more-links a { display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev);text-decoration:none;transition:border-color 150ms; }
.more-links a:hover { border-color:var(--accent); }
.more-links a b { font-size:15px;font-weight:600;color:var(--fg); }
.more-links a span { font-size:12.5px;color:var(--fg-muted);line-height:1.4; }

/* 窄屏(≤400px):去掉排行进度条列,回到 mock 的 序号|名称|计数 三栏,避免名称被挤 */
@media (max-width:400px) {
  .more-rank-row { grid-template-columns:24px minmax(0,1fr) auto; }
  .more-rank-row .bar { display:none; }
}