:root{--bg:#fff;--bg-soft:#f5f8f6;--surface:#fff;--surface-2:#f8faf9;--text:#16191a;--text-soft:#55605d;--text-mute:#8b948f;--border:#e6ebe9;--border-strong:#d2dbd7;--accent:#2f9e6e;--accent-hover:#26865d;--accent-soft:#e9f6f0;--accent-text:#1e7551;--danger:#d94f4f;--radius:14px;--radius-sm:9px;--radius-pill:999px;--shadow-sm:0 1px 2px #1018140a;--shadow:0 1px 2px #1018140a, 0 6px 20px #1018140f;--shadow-lg:0 2px 4px #1018140d, 0 14px 40px #1018141a;--maxw:1080px;--maxw-wide:1280px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", Consolas, "Courier New", monospace;--header-h:60px}:root[data-theme=dark]{--bg:#0f1211;--bg-soft:#141817;--surface:#171b1a;--surface-2:#1c2120;--text:#e9ecea;--text-soft:#a8b2ae;--text-mute:#78827e;--border:#262d2a;--border-strong:#333c38;--accent:#4ec98d;--accent-hover:#63d69d;--accent-soft:#16301f;--accent-text:#7ddcaa;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000059;--shadow-lg:0 2px 4px #00000059, 0 14px 40px #00000080}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;font-size:16px;line-height:1.7;transition:background-color .2s,color .2s;display:flex}img,picture,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:var(--accent-text);text-decoration:none;transition:color .15s}a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:650;line-height:1.3}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.container--wide{max-width:var(--maxw-wide)}main.container{flex:1;padding-top:2.5rem;padding-bottom:4rem}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{height:var(--header-h);align-items:center;gap:1rem;display:flex}.site-logo{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:1rem;font-weight:700}.site-logo:hover{color:var(--accent-text);text-decoration:none}.site-nav{scrollbar-width:none;flex:1;align-items:center;gap:.15rem;min-width:0;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav__link{border-radius:var(--radius-sm);color:var(--text-soft);white-space:nowrap;flex-shrink:0;padding:.3rem .6rem;font-size:.9rem}.site-nav__link:hover{background:var(--bg-soft);color:var(--text);text-decoration:none}.site-nav__link.is-active{color:var(--accent-text);background:var(--accent-soft);font-weight:600}.site-header__actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.icon-btn{border-radius:var(--radius-sm);cursor:pointer;width:34px;height:34px;color:var(--text-soft);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.icon-btn:hover{background:var(--bg-soft);border-color:var(--border);color:var(--text);text-decoration:none}.theme-icon--sun,:root[data-theme=dark] .theme-icon--moon{display:none}:root[data-theme=dark] .theme-icon--sun{display:inline}.page-head{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.25rem}.page-title{margin-bottom:.4rem;font-size:clamp(1.6rem,4vw,2.1rem)}.page-desc{color:var(--text-soft);max-width:62ch;font-size:.98rem}.section{margin-bottom:3rem}.section-title{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;font-size:1.15rem;display:flex}.section-title a{color:var(--text-mute);font-size:.85rem;font-weight:400}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.15rem 1.25rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:block}a.card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);text-decoration:none;transform:translateY(-2px)}.card__title{color:var(--text);margin-bottom:.35rem;font-size:1.02rem;font-weight:620}.card__desc{color:var(--text-soft);font-size:.9rem;line-height:1.65}.card__meta{color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.7rem;font-size:.8rem;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.grid--sm{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid--wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.5rem 1.05rem;font-size:.9rem;font-weight:550;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent-text);text-decoration:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn--ghost{color:var(--text-soft);background:0 0;border-color:#0000}.btn-row{flex-wrap:wrap;gap:.6rem;display:flex}.tag{border-radius:var(--radius-pill);background:var(--bg-soft);border:1px solid var(--border);color:var(--text-soft);white-space:nowrap;align-items:center;gap:.28rem;padding:.12rem .55rem;font-size:.76rem;line-height:1.6;display:inline-flex}.tag--accent{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.tag--new{background:var(--accent);color:#fff;border-color:#0000;font-weight:600}.tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.lang-dot{background:var(--text-mute);border-radius:50%;flex-shrink:0;width:9px;height:9px}.prose{color:var(--text);font-size:1rem;line-height:1.85}.prose>*+*{margin-top:1.1em}.prose h2{border-bottom:1px solid var(--border);margin-top:2.2em;padding-bottom:.3em;font-size:1.35rem}.prose h3{margin-top:1.8em;font-size:1.12rem}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.35em}.prose blockquote{border-left:3px solid var(--accent);background:var(--bg-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-soft);padding:.2em 1em}.prose code{font-family:var(--font-mono);background:var(--bg-soft);border:1px solid var(--border);border-radius:5px;padding:.15em .38em;font-size:.88em}.prose pre{border-radius:var(--radius);border:1px solid var(--border);padding:1rem 1.1rem;font-size:.86rem;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;border:none;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:.9rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.prose th{background:var(--bg-soft)}.prose img{border-radius:var(--radius);margin-inline:auto}.muted{color:var(--text-soft)}.dim{color:var(--text-mute)}.small{font-size:.84rem}.mono{font-family:var(--font-mono)}.center{text-align:center}.stack{flex-direction:column;gap:.75rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.empty-state{text-align:center;color:var(--text-mute);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:3rem 1rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);color:var(--text-mute);padding:2rem 0;font-size:.86rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer__links{flex-wrap:wrap;gap:1rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field__label{color:var(--text-soft);font-size:.85rem;font-weight:600}.input,.textarea,.select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:.6rem .8rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.textarea{resize:vertical;min-height:170px;font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.select{cursor:pointer}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:1rem;display:grid}.msg{border-radius:var(--radius-sm);overflow-wrap:anywhere;border:1px solid #0000;padding:.5rem .8rem;font-size:.85rem}.msg--ok{background:var(--accent-soft);color:var(--accent-text)}.msg--err{background:color-mix(in srgb, var(--danger) 12%, transparent);border-color:color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger)}@media (width<=720px){body{font-size:15.5px}main.container{padding-top:1.75rem;padding-bottom:3rem}.site-logo{text-overflow:ellipsis;max-width:34vw;font-size:.92rem;overflow:hidden}.grid,.grid--wide,.grid--sm{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}