:root { color-scheme: light dark; }
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  background: #f6f7f9;
  color: #1b1f24;
}
main { max-width: 34rem; }
h1 { font-size: 1.4rem; margin: 0 0 1.25rem; }
section { margin: 0 0 1.1rem; padding-top: 1.1rem; border-top: 1px solid #d5d9df; }
h2 { font-size: 1rem; margin: 0 0 .25rem; }
p { margin: 0; line-height: 1.5; color: #4a5260; }
@media (prefers-color-scheme: dark) {
  body { background: #14171b; color: #eceff3; }
  section { border-top-color: #333a44; }
  p { color: #aeb6c2; }
}