:root {
  color-scheme: light; --bg:#f2f2f7; --card:#fff; --text:#18212c;
  --muted:#596575; --line:#dde3ea; --accent:#0874cf; --secondary:#f6f7f9;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) {
    color-scheme:dark; --bg:#0b0f14; --card:#1b212a; --text:#f3f6fa;
    --muted:#aab6c5; --line:#ffffff14; --accent:#45b5ff; --secondary:#252d38;
  }
}
:root[data-ui-theme="dark"] {
  color-scheme:dark; --bg:#0b0f14; --card:#1b212a; --text:#f3f6fa;
  --muted:#aab6c5; --line:#ffffff14; --accent:#45b5ff; --secondary:#252d38;
}
html, body { background:var(--bg); color:var(--text); }
body { font-family:-apple-system,BlinkMacSystemFont,"HarmonyOS Sans SC","PingFang SC",sans-serif; line-height:1.65; }
.wrap { padding:24px 20px 40px; }
.card { background:var(--card); border-color:var(--line); border-radius:20px; box-shadow:none; }
h1,h2,h3,th { color:var(--text); }
h1 { font-size:26px; font-weight:600; }
h2 { font-size:19px; font-weight:600; }
p,li { font-size:16px; overflow-wrap:anywhere; }
.hint,code,th { background:var(--secondary); color:var(--text); }
.hint { border-color:var(--line); }
table { background:var(--card); }
a { color:var(--accent); }
@media(max-width:540px) { .wrap { padding:16px 12px 32px; } .card { padding:24px 16px; } }