:root {
  --bg: #f4f6fa; --card: #ffffff; --border: #e6eaf2;
  --text: #1c2333; --muted: #7a8599; --accent: #3b6ef5; --green: #22a55c;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  background: var(--bg); color: var(--text); min-height: 100vh;
}
.container { max-width: 920px; margin: 0 auto; padding: 24px 20px; }
.nav { display: flex; align-items: center; gap: 22px; margin-bottom: 24px; flex-wrap: wrap; }
.nav .brand { display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700;
  color: var(--text); text-decoration: none; margin-right: auto; }
.nav .brand .logo { width: 28px; height: 28px; border-radius: 8px;
  background: linear-gradient(135deg, #3b6ef5, #22a55c);
  display: flex; align-items: center; justify-content: center; color: #fff; font-size: 13px; }
.nav a { color: var(--muted); text-decoration: none; font-size: 14px; }
.nav a:hover, .nav a.active { color: var(--accent); }
.page { background: var(--card); border: 1px solid var(--border); border-radius: 16px;
  box-shadow: 0 1px 3px rgba(28,35,51,.04); padding: 32px 36px; }
.page h1 { font-size: 24px; margin-bottom: 8px; }
.page .updated { color: var(--muted); font-size: 13px; margin-bottom: 24px; }
.page h2 { font-size: 17px; margin: 26px 0 10px; }
.page p, .page li { font-size: 14.5px; line-height: 1.9; color: #3a4358; }
.page ul { padding-left: 22px; margin: 8px 0; }
.page a { color: var(--accent); }
.footer { margin: 28px 0 8px; color: var(--muted); font-size: 13px; text-align: center; line-height: 2; }
.footer a { color: var(--muted); text-decoration: none; margin: 0 8px; }
.footer a:hover { color: var(--accent); }