:root { color-scheme: light; --ink:#1d2328; --muted:#59636e; --line:#d7dde3; --paper:#fbfaf7; --panel:#ffffff; --accent:#245f73; --warm:#8a4b2a; }
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;line-height:1.55}
a{color:var(--accent)} header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:2}
.nav{max-width:1120px;margin:auto;display:flex;gap:18px;align-items:center;padding:12px 18px;flex-wrap:wrap}.brand{font-weight:700;color:#111;text-decoration:none}.nav a{font-size:14px;text-decoration:none}
main{max-width:1120px;margin:auto;padding:28px 18px 56px}.hero{padding:38px 0 26px;border-bottom:1px solid var(--line);margin-bottom:26px}.hero h1{font-size:42px;line-height:1.08;margin:0 0 12px}.hero p{max-width:780px;color:var(--muted);font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.card h3{margin-top:0}.muted{color:var(--muted)}
.content{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;overflow:auto}.content h1:first-child{margin-top:0}.content pre{white-space:pre-wrap;background:#f4f6f7;border:1px solid var(--line);border-radius:6px;padding:12px;overflow:auto}.table-text{font-family:Consolas,monospace;font-size:13px;margin:4px 0}
.list{columns:2;column-gap:28px}.list li{break-inside:avoid;margin-bottom:6px}@media(max-width:700px){.hero h1{font-size:32px}.list{columns:1}.nav{gap:10px}.nav a{font-size:13px}}
.notice{border-left:4px solid var(--warm);background:#fff8f2;padding:12px 14px;margin:18px 0}.path{font-family:Consolas,monospace;color:var(--muted);font-size:13px}