:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.7 -apple-system, "PingFang SC", "Noto Sans CJK SC", sans-serif; color: #1f2933; background: #f6f7f9; }
main { max-width: 760px; margin: 0 auto; padding: 48px 24px 64px; }
h1 { font-size: 28px; margin: 0 0 8px; letter-spacing: .02em; }
h2 { font-size: 18px; margin: 32px 0 8px; }
p, li { color: #3e4c59; }
a { color: #0f766e; }
code { font: 13px/1.5 "SF Mono", Menlo, monospace; background: #eef1f4; padding: 1px 6px; border-radius: 4px; }
.status { display: inline-flex; align-items: center; gap: 8px; margin: 8px 0 24px; padding: 6px 12px; border-radius: 999px; background: #e6f6ef; color: #0f6b4f; font-size: 14px; }
.dot { width: 8px; height: 8px; border-radius: 50%; background: #10b981; }
.card { background: #fff; border: 1px solid #e4e7ec; border-radius: 12px; padding: 24px 28px; }
nav a { margin-right: 16px; font-size: 14px; }
footer { margin-top: 40px; font-size: 13px; color: #7b8794; }
.muted { color: #7b8794; font-size: 14px; }