:root { --bg: #fff; --fg: #221a36; --muted: #6b6480; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #15111f; --fg: #ece8f5; --muted: #a39cb8; }
}
html, body { height: 100%; margin: 0; }
body {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 1.25rem; padding: 0 16px;
  background: var(--bg); color: var(--fg);
  font-family: system-ui, -apple-system, sans-serif; text-align: center;
}
img { width: min(160px, 40vw); height: auto; }
h1 { margin: 0; font-size: 2rem; font-weight: 600; letter-spacing: 0.02em; }
p { margin: 0; line-height: 1.5; }
.hanzi { font-family: "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif; }
.muted { color: var(--muted); }
a { color: var(--muted); }
footer { position: fixed; bottom: 1rem; font-size: 0.875rem; }