:root{--bg:#fbfaf7;--fg:#1f2328;--mut:#6b7280;--card:#fff;--bd:#e7e3da;--ac:#2f6f5e;--ac2:#e8f2ee;--code:#f3f1ec}
@media (prefers-color-scheme:dark){:root{--bg:#141517;--fg:#e6e6e6;--mut:#9aa0a6;--card:#1c1e21;--bd:#2c2f33;--ac:#6cc3a6;--ac2:#1d2c27;--code:#23262a}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",sans-serif;letter-spacing:.01em}
a{color:var(--ac);text-decoration:none}a:hover{text-decoration:underline}
.nav{position:sticky;top:0;z-index:9;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--bd)}
.nav div{max-width:1080px;margin:auto;padding:.7rem 1.2rem;display:flex;gap:1.2rem;align-items:center}
.brand{font-weight:700;color:var(--fg)}.nav .sp{flex:1}.nav a.l{color:var(--mut);font-size:.92rem}
.wrap{max-width:1080px;margin:auto;padding:0 1.2rem}
.hero{padding:5rem 0 3rem;text-align:center}
.hero h1{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.2;margin:0 0 1rem;letter-spacing:.04em;font-family:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",STSong,serif}
.hero p{color:var(--mut);font-size:1.12rem;max-width:640px;margin:0 auto 2rem}
.btn{display:inline-block;padding:.7rem 1.5rem;border-radius:999px;background:var(--ac);color:#fff!important;font-weight:600;margin:.3rem}
.btn.g{background:transparent;color:var(--ac)!important;border:1px solid var(--ac)}
.btn:hover{text-decoration:none;opacity:.9}
.stats{display:flex;justify-content:center;gap:2.5rem;margin-top:2.5rem;color:var(--mut);font-size:.9rem;flex-wrap:wrap}.stats b{display:block;font-size:1.6rem;color:var(--fg)}
h2.sec{font-size:1.3rem;margin:3rem 0 1rem;padding-left:.7rem;border-left:4px solid var(--ac);line-height:1.3}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem}
.card{display:flex;gap:.8rem;align-items:baseline;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:1rem 1.1rem;color:var(--fg);transition:.15s}
.card:hover{border-color:var(--ac);transform:translateY(-2px);text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.card .n{font:600 .85rem ui-monospace,Menlo,monospace;color:var(--ac);background:var(--ac2);border-radius:6px;padding:.05rem .45rem}
.card .t{font-weight:600;line-height:1.5}
.doc{max-width:760px;margin:auto;padding:2.5rem 1.2rem 1rem}
.doc h1{font-size:2rem;line-height:1.35;font-family:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",STSong,serif}
.doc h2{margin-top:2.5rem;font-size:1.45rem;border-bottom:1px solid var(--bd);padding-bottom:.3rem}
.doc h3{margin-top:2.2rem;font-size:1.15rem;scroll-margin-top:4rem}
.doc h3+ul{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:.9rem 1.2rem .9rem 2.2rem}
.doc li{margin:.25rem 0}.doc a{word-break:break-all}
.doc table{border-collapse:collapse;display:block;overflow-x:auto;font-size:.92rem}.doc th,.doc td{border:1px solid var(--bd);padding:.4rem .6rem}
.doc code{background:var(--code);padding:.1rem .35rem;border-radius:4px;font-size:.88em}.doc pre{background:var(--code);padding:1rem;overflow:auto;border-radius:10px}
.doc blockquote{margin:1rem 0;padding:.4rem 1rem;border-left:4px solid var(--ac);background:var(--ac2);border-radius:0 8px 8px 0}
.doc img{max-width:100%}
.pn{display:flex;justify-content:space-between;gap:1rem;max-width:760px;margin:2rem auto;padding:0 1.2rem}
.pn a{flex:1;border:1px solid var(--bd);border-radius:12px;padding:.8rem 1rem;background:var(--card)}.pn a.r{text-align:right}
.pn small{display:block;color:var(--mut)}
footer{margin-top:4rem;border-top:1px solid var(--bd);color:var(--mut);font-size:.85rem;line-height:1.8}
footer div{max-width:1080px;margin:auto;padding:1.8rem 1.2rem}
.lic{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:1.2rem 1.4rem;font-size:.95rem}
@media (max-width:600px){body{font-size:16px}.hero{padding:3rem 0 2rem}.nav a.hm{display:none}}