:root{--bg-canvas: #080706;--bg-page: oklch(19% .007 55);--bg-raised: oklch(23% .005 50);--bg-hover: oklch(26% .004 45);--bg-code: oklch(17% .004 100);--border-subtle: oklch(24% .004 50);--border-standard: oklch(28% .004 50);--text-body: oklch(90% .003 80);--text-heading: oklch(95% .002 70);--text-muted: oklch(58% .006 60);--text-faint: oklch(42% .004 50);--accent: oklch(70% .16 58);--accent-hover: oklch(76% .14 55);--accent-subtle: oklch(68% .16 58 / .12);--color-destructive: oklch(55% .18 20);--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--max-width: 680px;--content-padding: var(--space-lg);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.625rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-canvas: 0;--z-grain: 1;--z-content: 2;--z-header: 10;--z-overlay: 40;--z-skip-link: 100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6;color:var(--text-body);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:swap}body{min-height:100vh;position:relative}main{background:var(--bg-page);position:relative;z-index:var(--z-content)}html:before{content:"";position:fixed;inset:0;z-index:var(--z-canvas);background:radial-gradient(ellipse 70% 50% at 25% 15%,oklch(35% .06 45 / .45) 0%,transparent 55%),radial-gradient(ellipse 55% 60% at 75% 85%,oklch(28% .05 30 / .35) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 50% 50%,oklch(22% .03 55 / .2) 0%,transparent 65%);animation:ambient-drift 30s ease-in-out infinite alternate;pointer-events:none}@keyframes ambient-drift{0%{opacity:.7;transform:scale(1) translate(0)}33%{opacity:1;transform:scale(1.04) translate(-1.5%,1%)}66%{opacity:.8;transform:scale(.96) translate(1%,-.5%)}to{opacity:.75;transform:scale(1.02) translate(.5%,.5%)}}body:before{content:"";position:fixed;inset:0;z-index:var(--z-grain);opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;pointer-events:none}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}::selection{background:#df7b0c40;color:var(--text-heading)}article{max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding)}article h1,article h2,article h3,article h4{font-family:"Source Serif 4","Noto Serif SC",Songti SC,PingFang SC,Microsoft YaHei,serif;color:var(--text-heading);line-height:1.3;font-weight:600}article h1{font-size:var(--text-4xl);letter-spacing:-.014em;margin:var(--space-2xl) 0 var(--space-sm);text-wrap:balance}article h2{font-size:var(--text-2xl);margin:var(--space-xl) 0 var(--space-sm);text-wrap:balance}article h3{font-size:var(--text-xl);margin:var(--space-lg) 0 var(--space-xs)}article h4{font-size:var(--text-base);margin:var(--space-md) 0 var(--space-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}article p{margin:var(--space-md) 0;text-wrap:pretty}article ul,article ol{padding-left:var(--space-lg);margin:var(--space-sm) 0}article li{margin:var(--space-xs) 0}article li::marker{color:var(--text-faint)}article blockquote{border-left:3px solid var(--accent);padding:var(--space-md) var(--space-md);margin:var(--space-lg) 0;color:var(--text-muted);background:var(--bg-raised);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}article img{max-width:100%;border-radius:var(--radius-md)}article hr{border:0;height:1px;background:var(--border-subtle);margin:var(--space-2xl) 0}article :not(pre)>code{background:var(--bg-code);color:#e37035;font-family:JetBrains Mono,Cascadia Code,Fira Code,Consolas,monospace;font-size:.875em;padding:.15em .45em;border-radius:3px;border:1px solid var(--border-subtle);font-style:normal;font-weight:450}article pre{margin:var(--space-lg) 0;border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow-x:auto;background:var(--bg-code);transition:border-color var(--duration-normal) var(--ease-out)}article pre:hover{border-color:var(--border-standard)}article pre code{display:block;padding:var(--space-md) var(--space-lg);font-size:.85rem;line-height:1.65;font-family:JetBrains Mono,Cascadia Code,Fira Code,Consolas,monospace;font-weight:400}article .astro-code{border-radius:var(--radius-md)}article .astro-code code{padding:var(--space-md) var(--space-lg)}article table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;font-size:var(--text-sm);font-variant-numeric:tabular-nums}article th,article td{border:1px solid var(--border-subtle);padding:var(--space-sm) var(--space-md);text-align:left}article th{background:var(--bg-raised);font-weight:600;color:var(--text-heading)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:768px){:root{--max-width: 720px;--content-padding: var(--space-xl);--text-base: 1.0625rem;--text-lg: 1.2rem;--text-xl: 1.5rem;--text-2xl: 1.8rem;--text-3xl: 2.25rem;--text-4xl: 2.75rem}html{font-size:17px}article h1{margin-top:var(--space-3xl)}article pre code{padding:var(--space-lg) var(--space-lg)}}@media(min-width:1024px){:root{--max-width: 760px}html{font-size:18px}}@media(min-width:1440px){:root{--max-width: 860px}html{font-size:19px}}.skip-link{position:absolute;top:-100%;left:var(--space-md);background:var(--accent);color:var(--bg-canvas);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);z-index:var(--z-skip-link);font-weight:600;font-size:var(--text-sm)}.skip-link:focus{top:var(--space-sm)}.site-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-page);position:sticky;top:0;z-index:var(--z-header)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-md) var(--content-padding);display:flex;align-items:baseline;justify-content:space-between}.header-inner .logo{font-family:"Source Serif 4","Noto Serif SC",Songti SC,serif;font-weight:700;font-size:1.25rem;color:var(--text-heading);letter-spacing:-.01em;transition:opacity var(--duration-fast) var(--ease-out)}.header-inner .logo:hover{opacity:.75;text-decoration:none;color:var(--text-heading)}.header-inner nav{display:flex;gap:var(--space-lg)}.header-inner nav a{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out);padding:var(--space-xs) 0;position:relative}.header-inner nav a:hover{color:var(--text-body);text-decoration:none}.header-inner nav a[aria-current=page]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px}.site-footer{margin-top:var(--space-3xl);border-top:1px solid var(--border-subtle);background:var(--bg-page)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--content-padding);color:var(--text-faint);font-size:var(--text-sm)}