@font-face{font-family:Inter;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:jetbrains mono;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:jetbrains mono;src:url(/fonts/jetbrains-mono-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}:root{--bg:#0a0e17;--card:#121a29;--line:#1f2b42;--text:#c9d4e3;--muted:#8a9bb3;--head:#fff;--accent:#4fd1ff;--accent-ink:#001018;--code-bg:#070a11;--error:#ff6b6b;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:Inter, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--gutter:48px}*,*::before,*::after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:linear-gradient(rgba(79,209,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(79,209,255,.045) 1px,transparent 1px);background-size:40px 40px}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--head);line-height:1.2;margin:0}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1180px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:10;background:var(--accent);color:var(--accent-ink);padding:8px 12px}.nav{position:sticky;top:0;z-index:5;background:rgba(10,14,23,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav-in{display:flex;justify-content:space-between;align-items:center;min-height:64px}.logo{font-family:var(--mono);font-weight:600;color:var(--head);letter-spacing:.5px}.logo b{color:var(--accent);font-weight:600}.logo i{font-style:normal;color:var(--accent);animation:blink 1.1s steps(1)infinite}@keyframes blink{50%{opacity:0}}.links{display:flex;gap:28px;align-items:center;font-size:14px;color:var(--muted)}.links>a:hover,.links>a.on{color:var(--head)}.lang{font-family:var(--mono);font-size:12px;border:1px solid var(--line);border-radius:4px;padding:5px 9px}.lang b{color:var(--accent);font-weight:600}.lang a:hover{color:var(--head)}.burger{display:none;background:0 0;border:0;padding:8px;cursor:pointer}.burger i{display:block;width:22px;height:2px;background:var(--head);margin:4px 0}.hero{padding-top:96px;padding-bottom:80px;animation:fade .6s ease-out both}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tag{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.5px;margin-bottom:22px}.hero h1{font-size:54px;line-height:1.1;letter-spacing:-1px;max-width:820px}.hero h1 em{font-style:normal;color:var(--accent)}.lead{margin-top:22px;font-size:18px;line-height:1.65;max-width:640px;color:var(--muted)}.ctas{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 22px;font:600 15px/1.2 var(--sans);border-radius:4px;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.1)}.btn.ghost{border-color:var(--line);color:var(--head)}.btn.ghost:hover{border-color:var(--accent)}.btn.is-sending{cursor:progress;opacity:.8}.btn.is-sending::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px;border:2px solid;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blk{padding-bottom:80px}.blk-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}.blk-h h2{font-size:22px;font-weight:600}.k{font-family:var(--mono);font-size:12px;color:var(--accent)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.post{display:block;background:rgba(18,26,41,.9);border:1px solid var(--line);border-radius:6px;padding:24px;transition:border-color .2s}.card:hover,.post:hover{border-color:var(--accent)}.card .n{display:block;font-family:var(--mono);font-size:11px;color:var(--accent);margin-bottom:14px}.card h3{font-size:17px;font-weight:600;margin-bottom:10px}.card p,.post p{font-size:14px;color:var(--muted)}.card .more{display:block;margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--accent)}.meta{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:12px}.meta b{color:var(--accent);font-weight:400}.post h3{font-size:16px;line-height:1.4;font-weight:600;margin-bottom:10px}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:70px;border:1px solid var(--line);border-radius:8px;padding:40px;background:linear-gradient(120deg,rgba(79,209,255,8%),rgba(18,26,41,.6))}.cta-band h2{font-size:24px;margin-bottom:8px}.cta-band p{color:var(--muted);font-size:15px}.page,.article{max-width:768px;margin:0 auto;padding:64px 24px 72px}.page h1,.article h1{font-size:38px;letter-spacing:-.5px;margin-bottom:18px}.page .lead{margin:0 0 36px}.crumb{font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:20px}.crumb a{color:var(--accent)}.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 36px;padding:0}.tags li{font-family:var(--mono);font-size:11px;color:var(--accent);border:1px solid var(--line);padding:3px 8px;border-radius:3px}.prose{font-size:17px;line-height:1.8}.prose p,.prose ul,.prose ol,.prose blockquote,.prose .highlight,.prose table{margin:0 0 22px}.prose h2{font-size:24px;margin:44px 0 16px}.prose h3{font-size:19px;margin:32px 0 12px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose strong{color:var(--head)}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-bottom:6px}.prose code{font-family:var(--mono);font-size:.86em;background:var(--card);border:1px solid var(--line);padding:1px 6px;border-radius:3px;color:var(--accent)}.prose pre{font-family:var(--mono);font-size:13.5px;line-height:1.7;background:var(--code-bg);border:1px solid var(--line);border-radius:6px;padding:18px 20px;margin:0;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0;color:var(--text);font-size:inherit}.prose blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 18px;color:var(--muted)}.prose table{width:100%;border-collapse:collapse;font-size:15px}.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left}.prose img{max-width:100%;height:auto}.endbox{margin-top:44px;padding:26px;border:1px solid var(--line);border-radius:6px;background:var(--card)}.endbox h2{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:400;margin-bottom:12px}.endbox ul{list-style:none;margin:0;padding:0;line-height:2}.endbox li::before{content:"↗ ";color:var(--accent)}.endbox a:hover{color:var(--accent)}.blog-list{padding-top:64px;padding-bottom:80px}.blog-list h1{font-size:38px}.blog-list .grid3{margin-top:36px}.rss{margin-top:24px;font-family:var(--mono);font-size:12px}.rss a{color:var(--accent)}.form-wrap{max-width:820px;padding-top:56px;padding-bottom:72px}.form-wrap h1{font-size:36px;margin-bottom:12px}.form-wrap .lead{margin:0 0 30px}.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fld{margin-bottom:16px}.fld label{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:7px;letter-spacing:.5px}.fld input,.fld select,.fld textarea{width:100%;background:var(--code-bg);border:1px solid var(--line);border-radius:4px;padding:12px 14px;font:14px/1.5 var(--sans);color:var(--text)}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--accent);outline:none}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-error{border:1px solid var(--error);background:rgba(255,107,107,8%);color:#ffb3b3;border-radius:4px;padding:12px 16px;margin-bottom:24px}.mail{margin-top:22px;font-family:var(--mono);font-size:13px;color:var(--muted)}.mail a{color:var(--accent)}.foot{border-top:1px solid var(--line)}.foot-in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px;font-family:var(--mono);font-size:13px;color:var(--muted)}.foot a:hover{color:var(--accent)}.chroma .k,.chroma .kd,.chroma .kn,.chroma .kr,.chroma .kc{color:#c792ea}.chroma .nf,.chroma .nb,.chroma .fm{color:#82aaff}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sb,.chroma .sd,.chroma .se{color:#c3e88d}.chroma .c,.chroma .c1,.chroma .cm,.chroma .ch,.chroma .cs{color:#546e7a;font-style:italic}.chroma .m,.chroma .mi,.chroma .mf,.chroma .mh{color:#f78c6c}.chroma .o,.chroma .ow{color:#89ddff}@media(max-width:900px){:root{--gutter:16px}.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr}.hero{padding-top:56px;padding-bottom:48px}.hero h1{font-size:34px;letter-spacing:0;line-height:1.25}.cta-band{flex-direction:column;align-items:flex-start;padding:28px}.f2{grid-template-columns:1fr}.page h1,.article h1,.blog-list h1{font-size:30px}.burger{display:block}html:not(.js) .burger{display:none}.links{flex-wrap:wrap;gap:16px;padding-bottom:12px}.js .links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--gutter)16px}.js .links.open{display:flex}.js .links>a{padding:12px 0;font-size:16px;width:100%}.js .lang{margin-top:8px}}@media(max-width:560px){.grid4{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.logo i,.hero,.btn.is-sending::before{animation:none}.card,.post{transition:none}}