/* ============================================================
   solution/aegis 帮助手册 极简编辑风覆盖层（白底 / 冷调 / Fraunces）
   ============================================================ */

@font-face {
  font-family: "Fraunces";
  src: url("/static/assets/fonts/fraunces-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/static/assets/fonts/jetbrains-mono-latin.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #ffffff;
  --panel: #ffffff;
  --ink: #16171a;
  --muted: #52555c;
  --faint: #878b92;
  --line: #ebecee;
  --line-strong: #dcdee1;
  --accent: #236a73;
  --accent-2: #1f6c9f;
  --teal: #236a73;
  --warn: #8a5a00;
  --danger: #9f2f2d;
  --code: #16171a;
  --code-bg: #f6f7f8;
  --radius: 12px;
  --shadow: 0 1px 2px rgba(20, 20, 19, 0.04);
  --rd-serif: "Fraunces", "Songti SC", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;
  --rd-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", system-ui, Arial, sans-serif;
  --rd-mono: "JetBrains Mono", "SF Mono", ui-monospace, Consolas, monospace;
}

body {
  background: #ffffff !important;
  color: var(--ink);
  font-family: var(--rd-sans);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-family: var(--rd-serif); letter-spacing: -0.02em; font-weight: 560; }

/* 顶栏：白底毛玻璃 */
.site-nav {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.82);
  border-bottom: 1px solid var(--line);
  box-shadow: none;
  backdrop-filter: saturate(180%) blur(12px);
}
.brand { color: var(--ink); font-weight: 600; }
.site-links { color: var(--muted); font-weight: 500; }
.site-links a::after { background: var(--ink); }
.site-links a:hover { color: var(--ink); }

/* 头部：浅色编辑式 */
header {
  color: var(--ink);
  background: var(--bg) !important;
  border-bottom: 1px solid var(--line);
  padding: 128px 24px 52px;
}
header h1 { text-shadow: none; font-size: clamp(34px, 5vw, 56px); }
header p { color: var(--muted); text-shadow: none; }

/* TOC 导航 */
.toc-nav {
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid var(--line);
  box-shadow: none;
}
.toc-nav a { color: var(--muted); border: 1px solid var(--line); background: #ffffff; font-weight: 500; }
.toc-nav a:hover { color: #ffffff; background: var(--ink); border-color: var(--ink); }

/* 内容区块 */
section {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: none;
}
h2 { font-size: 24px; }
h3 { font-size: 18px; }

/* 表格 */
th { background: var(--code-bg); }
th, td { border: 1px solid var(--line); }

/* 代码：浅色冷灰 */
code { background: var(--code-bg); color: var(--code); font-family: var(--rd-mono); }
pre {
  background: var(--code-bg);
  color: var(--ink);
  border: 1px solid var(--line);
  font-family: var(--rd-mono);
}
pre code { color: inherit; }

/* 提示框 */
.note { border-left: 3px solid var(--accent); background: #e9f3f4; }
.warn { border-left: 3px solid var(--warn); background: #fbf3db; }
.danger { border-left: 3px solid var(--danger); background: #fdebec; }

/* 卡片 / 页脚 */
.tile { border: 1px solid var(--line); background: var(--panel); }
.small { color: var(--muted); }
footer { color: var(--faint); background: #ffffff; border-top: 1px solid var(--line); }
footer a { color: var(--muted); }