:root{--bg:#f5f7f5;--surface:#fff;--surface-dark:#111820;--text:#16201c;--muted:#66736d;--line:#dfe5e1;--accent:#24a576;--accent-bright:#67e8b3;--max-width:1120px;--narrow-width:780px;--shadow:0 12px 35px #15231c12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(calc(100% - 40px), var(--max-width));margin-inline:auto}.container.narrow{max-width:var(--narrow-width)}.skip-link{z-index:100;background:var(--surface);border-radius:6px;padding:8px 14px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;backdrop-filter:blur(16px);background:#f5f7f5e6;border-bottom:1px solid #dfe5e1d9;position:sticky;top:0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:10px;width:max-content;font-size:18px;font-weight:800;display:inline-flex}.brand-mark{background:var(--surface-dark);width:34px;height:34px;color:var(--accent-bright);border-radius:8px;place-items:center;font:700 15px ui-monospace,monospace;display:grid}nav{gap:8px;display:flex}nav a{color:var(--muted);padding:22px 14px 20px;font-size:14px;font-weight:600;position:relative}nav a:hover,nav a[aria-current=page]{color:var(--text)}nav a[aria-current=page]:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:-1px;left:14px;right:14px}.search-link{color:var(--muted);justify-self:end;align-items:center;gap:7px;font-size:14px;display:flex}.search-link svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px}kbd{border:1px solid var(--line);background:var(--surface);border-bottom-width:2px;border-radius:5px;padding:1px 7px;font:12px ui-monospace,monospace}.hero{background:radial-gradient(circle at 76% 12%, #67e8b31f, transparent 28%), var(--surface-dark);color:#f3f6f4;padding:98px 0 92px;overflow:hidden}.hero-grid{grid-template-columns:1.12fr .88fr;align-items:center;gap:80px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 18px;font:700 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.hero .eyebrow{color:var(--accent-bright);align-items:center;gap:10px;display:flex}.hero .eyebrow span{background:currentColor;width:24px;height:1px}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,67px);line-height:1.18}.hero h1 em{color:var(--accent-bright);margin-left:clamp(42px,5vw,76px);font-style:normal;display:inline-block}.hero-copy{color:#adb8b3;max-width:620px;margin:28px 0 0;font-size:17px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-weight:700;display:inline-flex}.button.primary{background:var(--accent-bright);color:#0d3427}.button.primary:hover{background:#83efc1}.button.secondary{color:#e3e9e6;border-color:#35433d}.button.secondary:hover{border-color:#66756e}.terminal-card{background:#0d1419;border:1px solid #2c3b35;border-radius:10px;overflow:hidden;transform:rotate(1deg);box-shadow:0 30px 80px #0000004d}.terminal-head{background:#151f24;border-bottom:1px solid #243029;align-items:center;gap:7px;padding:12px 15px;display:flex}.terminal-head span{background:#ed6a5e;border-radius:50%;width:9px;height:9px}.terminal-head span:nth-child(2){background:#f4be4f}.terminal-head span:nth-child(3){background:#61c454}.terminal-head small{color:#697870;margin-left:auto;font-family:ui-monospace,monospace}.terminal-body{color:#b8c5bf;min-height:326px;padding:26px 28px;font:14px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-body p{margin:0 0 10px}.terminal-body b{color:var(--accent-bright)}.terminal-body ul{margin:0 0 18px;padding:0 0 0 10px;list-style:none}.terminal-body li span{color:#52625a}.terminal-success{color:var(--accent-bright)}.section{padding:82px 0}.section.compact{padding-top:52px}.latest-section{border-top:1px solid var(--line);background:#eef2ef}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;display:flex}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:31px}.section-heading>a{color:var(--muted);font-size:14px}.section-heading>a:hover{color:var(--accent)}.category-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.category-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:70px 1fr;gap:20px;padding:25px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.category-card:hover{box-shadow:var(--shadow);border-color:#b9c8c0;transform:translateY(-2px)}.category-code{border-left:3px solid var(--category-color);background:color-mix(in srgb, var(--category-color) 10%, white);width:64px;height:58px;color:var(--category-color);border-radius:4px;place-items:center;font:800 14px ui-monospace,monospace;display:grid}.category-card h3{margin:0 0 5px;font-size:18px}.category-card p{color:var(--muted);margin:0;font-size:14px}.category-count{color:var(--muted);margin-top:13px;font-size:12px;font-weight:650;display:inline-block}.post-list{display:grid}.post-card{border-top:1px solid var(--line);padding:28px 0}.post-card:first-child{border-top:0}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px 16px;font-size:12px;font-weight:600;display:flex}.post-meta a{color:var(--accent)}.post-card h2{letter-spacing:-.025em;margin:9px 0 7px;font-size:clamp(20px,3vw,25px)}.post-card h2 a:hover{color:var(--accent)}.post-card>p{color:var(--muted);margin:0}.tag-list{color:#718078;flex-wrap:wrap;gap:8px;margin:15px 0 0;padding:0;font:12px ui-monospace,monospace;list-style:none;display:flex}.empty-state{text-align:center;background:#ffffff8c;border:1px dashed #bfcac4;border-radius:10px;padding:42px}.empty-state>span{color:var(--accent);font:13px ui-monospace,monospace}.empty-state h2{margin:10px 0 5px;font-size:21px}.empty-state p{color:var(--muted);margin:0}.page-hero{border-bottom:1px solid var(--line);background:var(--surface);padding:72px 0 48px}.page-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(38px,6vw,56px)}.page-hero>.container>p:last-child{color:var(--muted);margin:12px 0 0}.category-hero{border-left:5px solid var(--category-color)}.article-shell{padding:70px 0 100px}.article-header{border-bottom:1px solid var(--line);padding-bottom:42px}.article-header h1{letter-spacing:-.05em;margin:16px 0 12px;font-size:clamp(36px,6vw,58px);line-height:1.15}.article-header>p{color:var(--muted);margin:0;font-size:18px}.article-grid{grid-template-columns:minmax(0, var(--narrow-width)) 220px;justify-content:center;gap:70px;padding-top:44px;display:grid}.prose{min-width:0;font-size:16px}.prose h2,.prose h3{letter-spacing:-.025em;scroll-margin-top:90px}.prose h2{border-bottom:1px solid var(--line);margin:2.2em 0 .8em;padding-bottom:.35em;font-size:27px}.prose h3{margin:1.8em 0 .6em;font-size:21px}.prose a{color:#087e59;text-underline-offset:3px;text-decoration:underline}.prose code{color:#c13f3f;background:#e5ebe7;border-radius:4px;padding:.15em .38em;font:.9em ui-monospace,SFMono-Regular,Consolas,monospace}.prose pre{background:var(--surface-dark);box-shadow:var(--shadow);border-radius:8px;padding:22px;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin-inline:0;padding:2px 0 2px 20px}.prose img{border-radius:8px;max-width:100%}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:10px 13px}.toc{border-left:1px solid var(--line);color:var(--muted);align-self:start;padding-left:18px;font-size:13px;position:sticky;top:100px}.toc p{color:var(--text);margin:0 0 10px;font-weight:700}.toc ol{margin:0;padding:0;list-style:none}.toc li{margin:7px 0}.toc .depth-3{padding-left:12px}.toc a:hover{color:var(--accent)}.search-box{min-height:80px}.search-help{color:var(--muted);border:1px dashed #bfcac4;border-radius:7px;padding:14px 18px}.search-box{--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--text);--pagefind-ui-background:var(--surface);--pagefind-ui-border:var(--line);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:7px;--pagefind-ui-font:inherit}.not-found{text-align:center;min-height:calc(100vh - 146px);padding:120px 0}.error-code{color:var(--accent);letter-spacing:-.08em;margin:0;font:800 clamp(70px,16vw,150px)/1 ui-monospace,monospace}.not-found h1{margin:20px 0 8px}.not-found>p:not(.error-code){color:var(--muted);margin:0 0 26px}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px}.footer-inner{justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;display:flex}.footer-inner p{margin:0}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #24a5761f}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:54px}.terminal-card{max-width:580px;transform:none}.article-grid{grid-template-columns:minmax(0, var(--narrow-width))}.toc{display:none}}@media (width<=680px){.container{width:min(calc(100% - 28px), var(--max-width))}.header-inner{grid-template-columns:1fr auto}.header-inner nav{z-index:30;border-top:1px solid var(--line);background:#fffffff5;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}nav a{text-align:center;flex:1;padding:13px 8px 12px}nav a[aria-current=page]:after{top:-1px;bottom:auto}.search-link span,.search-link kbd{display:none}.hero{padding:66px 0}.hero h1{font-size:41px}.hero h1 em{margin-left:28px}.terminal-body{min-height:auto;padding:22px 20px;font-size:12px}.section{padding:60px 0}.category-grid{grid-template-columns:1fr}.category-card{grid-template-columns:58px 1fr;padding:20px}.category-code{width:52px;height:50px}.section-heading{align-items:start}.section-heading>a{white-space:nowrap;margin-top:10px}.page-hero{padding:54px 0 38px}.article-shell{padding:52px 0 75px}.footer-inner{text-align:center;padding-bottom:78px;display:block}.footer-note{margin-top:5px!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}