/* 站点 10 · ink：黑白高对比 + 衬线标题 + 竖分隔线，接近印刷品。 */

:root {
  --bg: #f6f4ef;
  --surface: #fbfaf7;
  --surface-2: #ece9e1;
  --text: #111111;
  --muted: #57534a;
  --line: #1c1c1c;
  --accent: #111111;
  --accent-2: #57534a;
  --accent-contrast: #f6f4ef;
  --radius: 0px;
  --radius-sm: 0px;
  --head-font: var(--font-serif);
}

body { background: var(--bg); }
h1, h2, h3 { font-family: var(--font-serif); font-weight: 600; letter-spacing: -0.01em; }
h1 { font-size: clamp(2.1rem, 4.4vw, 3.5rem); }

.site-head { background: rgba(246, 244, 239, 0.95); border-bottom: 1px solid var(--text); }
.brand-text strong { font-family: var(--font-serif); font-size: 1.12rem; }
.brand-text em { border: 1px solid var(--text); border-radius: 0; color: var(--text); }
.site-nav a { color: var(--muted); border-radius: 0; }
.site-nav a.is-active { color: var(--text); box-shadow: inset 0 -1px 0 var(--text); }
.head-cta { background: var(--text); color: var(--bg); border-radius: 0; }
.sub-nav { background: var(--surface-2); }

.eyebrow { color: var(--muted); letter-spacing: 0.22em; font-family: var(--font-mono); font-size: 0.68rem; }
.hero--split h1 { max-width: 22ch; }
.hero--split .lead { color: #4a463d; }
.split-grid { border-top: 1px solid var(--text); }
.split-col { border-top: none; }
.split-col + .split-col { border-left: 1px solid var(--line); padding-left: 1.8rem; }
.split-col h2 { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; }
.split-col li { border-bottom: 1px solid #d8d4c9; font-family: var(--font-serif); }

.btn { border-radius: 0; }
.btn--primary { background: var(--text); color: var(--bg); }
.btn--ghost { border-color: var(--text); background: transparent; }
.btn--ghost:hover { background: var(--text); color: var(--bg); }
.hero-stats { border-top: 1px solid var(--text); }
.hero-stats strong { font-family: var(--font-serif); }

.section-head { border-bottom: 1px solid var(--text); padding-bottom: 0.5rem; }
.section-head h2 { font-weight: 500; }
.card { border: none; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
.card-body { padding-inline: 0; }
.card:hover .cover img { transform: none; filter: contrast(1.05); }
.card-state { border-radius: 0; background: var(--bg); border-color: var(--line); color: var(--text); font-family: var(--font-mono); font-size: 0.66rem; }
.chip { border-radius: 0; border-color: #b9b4a7; color: var(--muted); }
.chip:hover { border-color: var(--text); color: var(--text); }
.topic-grid a, .guide-grid a, .doc-cards a, details, .panel, .steps li, .detail-aside { border-radius: 0; border: 1px solid #cfc9bb; background: var(--surface); }
.article-card { border-top: 2px solid var(--text); }
.article-meta { font-family: var(--font-mono); letter-spacing: 0.1em; color: var(--muted); }
.row-index, .rank-no, .step-no { color: var(--text); font-family: var(--font-mono); }
.site-foot { background: var(--surface-2); border-top: 1px solid var(--text); }
.cover--fallback { background: linear-gradient(135deg, #e9e5dc, #d8d3c7); }