:root { --bg:#fdf6ff; --card:#fff; --text:#2d2440; --muted:#7a6e8c; --accent:#7b4fd6; --line:#eadff7; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#17131f; --card:#211b2d; --text:#ece6f5; --muted:#a79bbb; --accent:#b99af0; --line:#352b47; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:15px/1.75 -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif; }
.doc { max-width:760px; margin:24px auto; padding:28px 20px 40px; background:var(--card); border:1px solid var(--line); border-radius:16px; }
@media (max-width:800px) { .doc { margin:0; border-radius:0; border:0; } }
h1 { font-size:26px; margin:12px 0 4px; }
h2 { font-size:18px; margin:28px 0 8px; padding-left:10px; border-left:4px solid var(--accent); }
a { color:var(--accent); }
.meta, .foot { color:var(--muted); font-size:13px; }
.foot { margin-top:32px; border-top:1px solid var(--line); padding-top:12px; }
.back { font-size:13px; text-decoration:none; }
ul { padding-left:1.3em; }
table { width:100%; border-collapse:collapse; font-size:14px; display:block; overflow-x:auto; }
th, td { border:1px solid var(--line); padding:8px; text-align:left; vertical-align:top; }
th { background:color-mix(in srgb, var(--accent) 10%, transparent); white-space:nowrap; }