:root{--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--bg:#070a12;--bg-2:#0b1020;--surface:#0d1220c7;--surface-2:#141b2ee6;--border:#5eead424;--border-strong:#5eead461;--text:#d9e1f2;--text-2:#a7b3cc;--muted:#6f7b95;--accent:#22d3ee;--accent-2:#a78bfa;--accent-3:#34d399;--accent-soft:#22d3ee1f;--accent-2-soft:#a78bfa24;--glow:0 0 0 1px #22d3ee40, 0 0 32px #22d3ee2e;--glow-2:0 0 0 1px #a78bfa40, 0 0 32px #a78bfa2e;--code-bg:#0a0f1c;--grid:#5eead40d;--radius:14px;--radius-sm:8px;--max:1160px;--shadow:0 20px 60px #00000073;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.75;overflow-x:hidden}.bg-layer{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 15% -10%, #22d3ee29, transparent 60%), radial-gradient(ellipse 50% 40% at 90% 10%, #a78bfa24, transparent 60%), radial-gradient(ellipse 40% 30% at 50% 110%, #34d39914, transparent 60%), var(--bg);position:fixed;inset:0}.bg-layer:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 0,#000 30%,#0000 100%)}.bg-layer:after{content:"";opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:#7ee8f7}img,video{max-width:100%;height:auto}::selection{color:#fff;background:#22d3ee4d}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono)}.container{width:min(100% - 2.5rem, var(--max));min-width:0;margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.progress{z-index:60;background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:2px;box-shadow:0 0 12px var(--accent);transition:width 80ms linear;position:fixed;top:0;left:0}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--border);background:#070a12b8;position:sticky;top:0}.site-header .container{align-items:center;gap:1.5rem;height:60px;display:flex}.brand{font-family:var(--font-mono);color:var(--text);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:inline-flex}.brand .prompt{color:var(--accent-3)}.brand .path{color:var(--accent-2)}.brand .cursor{background:var(--accent);vertical-align:-.15em;width:.55em;height:1.05em;box-shadow:0 0 8px var(--accent);margin-left:.15em;animation:1.1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}.nav{font-family:var(--font-mono);align-items:center;gap:.25rem;margin-left:auto;font-size:.82rem;display:flex}.nav a{color:var(--text-2);border:1px solid #0000;border-radius:6px;padding:.35rem .6rem}.nav a:hover,.nav a[aria-current=page]{color:var(--accent);border-color:var(--border);background:var(--accent-soft)}.nav-actions{align-items:center;gap:.35rem;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-btn:hover{color:var(--accent);border-color:var(--border-strong);box-shadow:var(--glow)}.icon-btn svg{width:18px;height:18px}.menu-toggle,[data-theme=light] .icon-moon,:root:not([data-theme=light]) .icon-sun{display:none}main{padding-block:2.5rem 4rem}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:2.5rem;padding-block:2rem 3rem;display:grid}.hero h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.1}.hero h1 .gradient{background:linear-gradient(120deg, #7ee8f7 0%, var(--accent) 35%, var(--accent-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero .lede{color:var(--text-2);max-width:34rem;margin:0 0 1.5rem;font-size:1.08rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-3);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-3);width:8px;height:8px;box-shadow:0 0 10px var(--accent-3);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn{font-family:var(--font-mono);border:1px solid var(--border-strong);color:var(--accent);background:var(--accent-soft);border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex}.btn:hover{box-shadow:var(--glow);color:#fff;transform:translateY(-1px)}.btn.alt{color:var(--accent-2);background:var(--accent-2-soft);border-color:#a78bfa66}.btn.alt:hover{box-shadow:var(--glow-2)}.btn.ghost{color:var(--text-2);border-color:var(--border);background:0 0}.stats{font-family:var(--font-mono);gap:2rem;margin-top:2rem;display:flex}.stats div{flex-direction:column;display:flex}.stats strong{color:var(--text);font-size:1.6rem;line-height:1.1}.stats span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.terminal{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0a;font-family:var(--font-mono);background:linear-gradient(#141b2ef2,#0a0f1cf2);font-size:.82rem;line-height:1.7;position:relative;overflow:hidden}.terminal:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px);position:absolute;inset:0}.terminal-bar{border-bottom:1px solid var(--border);color:var(--muted);background:#ffffff05;align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:.72rem;display:flex}.terminal-bar i{border-radius:50%;width:10px;height:10px;display:inline-block}.terminal-bar i:first-child{background:#ff5f57}.terminal-bar i:nth-child(2){background:#febc2e}.terminal-bar i:nth-child(3){background:#28c840}.terminal-bar span{margin-left:auto}.terminal-body{color:var(--text-2);padding:1rem 1.1rem 1.2rem}.terminal-body .ln{white-space:pre-wrap;display:block}.terminal-body .ps{color:var(--accent-3)}.terminal-body .cmd{color:var(--text)}.terminal-body .out{color:var(--text-2)}.terminal-body .k{color:var(--accent)}.terminal-body .v{color:var(--accent-2)}.terminal-body .dim{color:var(--muted)}.terminal-body a{color:var(--accent)}.panel-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:.9rem 0 .35rem;font-size:.68rem}.panel-label:first-child{margin-top:0}.panel-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.panel-list li{align-items:baseline;gap:.75rem;display:flex}.panel-list li .v{flex:none}.panel-list li a{color:var(--text);font-family:var(--font-sans);font-size:.9rem;line-height:1.5}.panel-list li a:hover{color:var(--accent)}.panel-links{flex-wrap:wrap;gap:.4rem;display:flex}.panel-links a{border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.panel-links a:hover{color:var(--accent);border-color:var(--border-strong);background:var(--accent-soft)}.panel-stats{color:var(--text);flex-wrap:wrap;gap:.4rem 1.2rem;margin:0;display:flex}.panel-stats .k{color:var(--muted);margin-right:.3rem}.section-head{align-items:baseline;gap:1rem;margin:2.5rem 0 1.25rem;display:flex}.section-head h2{font-size:1.35rem;font-family:var(--font-mono);letter-spacing:-.01em;margin:0}.section-head h2:before{content:"";vertical-align:-.15em;background:linear-gradient(180deg, var(--accent), var(--accent-2));width:4px;height:1em;box-shadow:0 0 10px var(--accent);border-radius:2px;margin-right:.6rem;display:inline-block}.section-head .more{font-family:var(--font-mono);color:var(--text-2);margin-left:auto;font-size:.8rem}.section-head .more:hover{color:var(--accent)}.page-title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,2.5rem)}.page-sub{color:var(--text-2);font-family:var(--font-mono);margin:0 0 2rem;font-size:.85rem}.card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);transition:border-color .2s,transform .2s,box-shadow .2s;position:relative}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#22d3ee80,#0000 40% 60%,#a78bfa80);padding:1px;transition:opacity .2s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.card:hover{transform:translateY(-2px);box-shadow:0 14px 40px #00000059,0 0 24px #22d3ee14}.card:hover:before{opacity:1}.post-list{gap:1rem;display:grid}.post-card{padding:1.35rem 1.5rem}.post-card .meta{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.74rem;display:flex}.post-card .meta .cat{color:var(--accent-2)}.post-card h3,.post-card h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.35}.post-card h3 a,.post-card h2 a{color:var(--text)}.post-card h3 a:hover,.post-card h2 a:hover{color:var(--accent)}.post-card p{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;display:-webkit-box;overflow:hidden}.post-card .tags{margin-top:.85rem}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.pill{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-2);background:#ffffff05;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.72rem;transition:all .15s;display:inline-flex}.pill:before{content:"#";color:var(--accent);opacity:.8;font-size:.9em}.pill:hover{color:var(--accent);border-color:var(--border-strong);background:var(--accent-soft)}.pill.cat:before{content:"▸";color:var(--accent-2)}.pill.cat:hover{color:var(--accent-2);background:var(--accent-2-soft);border-color:#a78bfa66}.pill .count{color:var(--muted)}.topics{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.topic{flex-direction:column;gap:.4rem;padding:1.35rem 1.5rem;display:flex}.topic .glyph{font-family:var(--font-mono);color:var(--accent);font-size:1.4rem}.topic.alt .glyph{color:var(--accent-2)}.topic h3{margin:0;font-size:1.1rem}.topic h3 a{color:var(--text)}.topic p{color:var(--text-2);margin:0;font-size:.9rem}.topic .count{font-family:var(--font-mono);color:var(--muted);margin-top:auto;font-size:.72rem}.pagination{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:2.5rem;font-size:.85rem;display:flex}.pagination a,.pagination span{border:1px solid var(--border);min-width:38px;height:38px;color:var(--text-2);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;padding:0 .7rem;display:inline-flex}.pagination a:hover{color:var(--accent);border-color:var(--border-strong)}.pagination .current{color:#06121a;background:var(--accent);border-color:var(--accent);font-weight:700;box-shadow:0 0 16px #22d3ee59}.pagination .gap{color:var(--muted);background:0 0;border:none}.post-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:3rem;display:grid}.post-layout>article,.post-layout>aside,.post-body,.page-body,.prose{min-width:0}.post-header{margin-bottom:2rem}.post-header h1{letter-spacing:-.02em;margin:.4rem 0 1rem;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2}.post-meta{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;gap:.35rem 1rem;font-size:.78rem;display:flex}.post-meta .k{color:var(--accent-3);margin-right:.25rem}.post-header .eyebrow a+a:before{content:"/";color:var(--muted);margin:0 .45rem}.post-header .eyebrow a{color:var(--accent-3);text-transform:none;letter-spacing:.04em}.post-header .eyebrow a:hover{color:var(--accent)}.post-meta a{color:var(--text-2)}.post-meta a:hover{color:var(--accent)}.post-body{padding:2rem 2.25rem}.post-footer{border-top:1px dashed var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.post-nav{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.post-nav a{color:var(--text);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.post-nav a.next{text-align:right}.post-nav small{font-family:var(--font-mono);color:var(--muted);font-size:.7rem}.post-nav a:hover{color:var(--accent)}.related{margin-top:2.5rem}.related ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.related li a{color:var(--text-2);justify-content:space-between;gap:1rem;padding:.7rem 1rem;display:flex}.related li a:hover{color:var(--accent)}.related li small{font-family:var(--font-mono);color:var(--muted);white-space:nowrap}.toc{scrollbar-width:thin;max-height:calc(100vh - 110px);padding:1.1rem 1.2rem;font-size:.85rem;position:sticky;top:84px;overflow:auto}.toc .toc-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-3);margin:0 0 .6rem;font-size:.72rem}.toc ol{margin:0;padding:0;list-style:none}.toc li a{border-left:2px solid var(--border);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;padding:.28rem 0 .28rem .75rem;line-height:1.4;display:block;overflow:hidden}.toc li.d3 a{padding-left:1.5rem;font-size:.8rem}.toc li.d4 a{padding-left:2.2rem;font-size:.78rem}.toc li a:hover,.toc li a.active{color:var(--accent);border-left-color:var(--accent)}.timeline{padding-left:1.5rem;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2), transparent);width:2px;position:absolute;top:6px;bottom:0;left:4px}.timeline .year{font-family:var(--font-mono);margin:2rem 0 1rem;font-size:1.4rem;font-weight:800;position:relative}.timeline .year:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 12px var(--accent);border-radius:50%;position:absolute;top:.7rem;left:-1.5rem}.timeline .year a{color:var(--text)}.timeline .year small{color:var(--muted);margin-left:.5rem;font-size:.75rem;font-weight:400}.timeline ul{margin:0;padding:0;list-style:none}.timeline li a{border-radius:var(--radius-sm);color:var(--text-2);align-items:baseline;gap:1rem;padding:.5rem .75rem;display:flex}.timeline li a:hover{background:var(--accent-soft);color:var(--accent)}.timeline li time{font-family:var(--font-mono);color:var(--muted);flex:none;font-size:.75rem}.cloud{flex-wrap:wrap;gap:.6rem;display:flex}.cloud .pill{padding:.35rem .8rem;font-size:.85rem}.cloud .pill.lg{border-color:var(--border-strong);font-size:1rem}.cloud .pill.xl{color:var(--accent);border-color:var(--border-strong);font-size:1.15rem;box-shadow:0 0 14px #22d3ee1f}.search-page{max-width:820px;margin-inline:auto}.search-page .pagefind-ui{--pagefind-ui-scale:.95;--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--text);--pagefind-ui-background:var(--surface-2);--pagefind-ui-border:var(--border);--pagefind-ui-tag:var(--accent-soft);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:10px;--pagefind-ui-font:var(--font-sans)}.search-page .pagefind-ui__search-input{font-family:var(--font-mono);background:var(--surface-2);color:var(--text)}.search-page .pagefind-ui__result-title a{color:var(--text)}.search-page .pagefind-ui__result-title a:hover{color:var(--accent)}.search-page .pagefind-ui__result-excerpt{color:var(--text-2)}.search-page .pagefind-ui__result-excerpt mark{color:var(--accent);background:#22d3ee40;border-radius:3px}.search-page .pagefind-ui__button{background:var(--accent-soft);color:var(--accent);border-color:var(--border)}.search-page .pagefind-ui__message,.search-page .pagefind-ui__result-link{color:var(--text-2)}.notfound{text-align:center;padding:4rem 0}.notfound h1{font-family:var(--font-mono);background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(4rem,15vw,8rem);line-height:1}.site-footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--muted);padding:2rem 0 2.5rem;font-size:.78rem}.site-footer .container{flex-wrap:wrap;align-items:center;gap:.75rem 2rem;display:flex}.site-footer nav{flex-wrap:wrap;gap:1rem;margin-left:auto;display:flex}.site-footer a{color:var(--text-2)}.site-footer a:hover{color:var(--accent)}.prose{color:var(--text);word-break:break-word;font-size:1.02rem;line-height:1.85}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:-.01em;margin:2.2em 0 .8em;scroll-margin-top:84px;font-weight:700;line-height:1.3}.prose h2{border-bottom:1px solid var(--border);padding-bottom:.4rem;font-size:1.5rem}.prose h2:before{content:"";vertical-align:-.05em;background:linear-gradient(180deg, var(--accent), var(--accent-2));width:4px;height:.9em;box-shadow:0 0 10px var(--accent);border-radius:2px;margin-right:.6rem;display:inline-block}.prose h3{font-size:1.22rem}.prose h3:before{content:"";vertical-align:.1em;background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);opacity:.9;border-radius:2px;margin-right:.55rem;display:inline-block}.prose h4{font-size:1.05rem}.prose p{margin:0 0 1.2em}.prose a{color:var(--accent);border-bottom:1px solid #22d3ee59}.prose a:hover{border-bottom-color:var(--accent)}.prose strong{color:#fff;font-weight:700}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.5em}.prose li{margin:.3em 0}.prose li::marker{color:var(--accent-2)}.prose blockquote{border-left:3px solid var(--accent-2);background:var(--accent-2-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-2);margin:1.5em 0;padding:.8em 1.2em}.prose blockquote p:last-child{margin-bottom:0}.prose hr{background:linear-gradient(90deg, transparent, var(--border-strong), transparent);border:none;height:1px;margin:2.5em 0}.prose img{border-radius:var(--radius-sm);border:1px solid var(--border);margin:1.5em auto;display:block}.prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.5em .9em}.prose th{background:var(--accent-soft);font-family:var(--font-mono);color:var(--accent);font-weight:600}.prose tr:nth-child(2n) td{background:#ffffff05}.prose code{font-family:var(--font-mono);font-size:.88em}.prose :not(pre)>code{background:var(--accent-soft);color:#8ee6f5;border:1px solid #22d3ee2e;border-radius:5px;padding:.15em .4em}.prose kbd{font-family:var(--font-mono);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;padding:.1em .45em;font-size:.8em}.prose pre,.prose .astro-code{border-radius:var(--radius-sm);border:1px solid var(--border);scrollbar-width:thin;margin:1.5em 0;padding:2.4rem 1.2rem 1.1rem;font-size:.86rem;line-height:1.65;position:relative;overflow-x:auto;background:var(--code-bg)!important}.prose pre:before{content:"";background:#ff5f57;border-radius:50%;width:10px;height:10px;position:absolute;top:.75rem;left:1rem;box-shadow:16px 0 #febc2e,32px 0 #28c840}.prose pre[data-language]:after{content:attr(data-language);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.68rem;position:absolute;top:.5rem;right:3.2rem}.prose pre code{font-size:inherit;color:inherit;white-space:pre;background:0 0;border:0;min-width:100%;padding:0;display:block}.copy-btn{font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted);cursor:pointer;opacity:0;background:#ffffff08;border-radius:5px;padding:.2rem .5rem;font-size:.68rem;transition:all .15s;position:absolute;top:.4rem;right:.5rem}.prose pre:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--accent);border-color:var(--border-strong)}.copy-btn.ok{color:var(--accent-3);opacity:1}.astro-code,.astro-code span{color:var(--shiki-dark);background-color:#0000}[data-theme=light] .astro-code,[data-theme=light] .astro-code span{color:var(--shiki-light)}.page-body{padding:2rem 2.25rem}[data-theme=light]{--bg:#f4f7fb;--bg-2:#fff;--surface:#ffffffd1;--surface-2:#fff;--border:#0891b229;--border-strong:#0891b26b;--text:#0f172a;--text-2:#334155;--muted:#64748b;--accent:#0891b2;--accent-2:#7c3aed;--accent-3:#059669;--accent-soft:#0891b217;--accent-2-soft:#7c3aed17;--glow:0 0 0 1px #0891b240, 0 8px 24px #0891b226;--glow-2:0 0 0 1px #7c3aed40, 0 8px 24px #7c3aed26;--code-bg:#f8fafc;--grid:#0891b212;--shadow:0 16px 48px #0f172a1a;color-scheme:light}[data-theme=light] .bg-layer{background:radial-gradient(ellipse 60% 40% at 15% -10%, #0891b224, transparent 60%), radial-gradient(ellipse 50% 40% at 90% 10%, #7c3aed1f, transparent 60%), var(--bg)}[data-theme=light] .bg-layer:after{opacity:.03}[data-theme=light] .site-header{background:#f4f7fbc7}[data-theme=light] a:hover{color:#0e7490}[data-theme=light] .hero h1 .gradient{background:linear-gradient(120deg,#0e7490,#0891b2 40%,#7c3aed);-webkit-background-clip:text;background-clip:text}[data-theme=light] .terminal{--text:#e2e8f0;--text-2:#cbd5e1;--muted:#94a3b8;--accent:#22d3ee;--accent-2:#a78bfa;--accent-3:#34d399;--border:#5eead424;background:linear-gradient(#0f172a,#0b1224)}[data-theme=light] .prose strong{color:#020617}[data-theme=light] .prose :not(pre)>code{color:#0e7490}[data-theme=light] .pagination .current{color:#fff}[data-theme=light] ::selection{color:inherit;background:#0891b233}[data-theme=light] .card:hover{box-shadow:0 14px 40px #0f172a1a,0 0 24px #0891b214}@media (width<=1024px){.post-layout{grid-template-columns:minmax(0,1fr)}.toc{max-height:none;margin-bottom:1.5rem;position:static}.toc ol{columns:2;column-gap:1.5rem}}@media (width<=860px){.hero{grid-template-columns:1fr;gap:1.5rem}.stats{gap:1.5rem}}@media (width<=720px){.site-header .container{gap:.75rem}.menu-toggle{display:inline-flex}.nav{border-bottom:1px solid var(--border);backdrop-filter:blur(14px);background:#070a12f5;flex-direction:column;align-items:stretch;gap:.25rem;padding:.75rem 1.25rem 1rem;display:none;position:absolute;top:60px;left:0;right:0}[data-theme=light] .nav{background:#f4f7fbfa}.nav.open{display:flex}.nav a{padding:.6rem .75rem}.nav-actions{margin-left:auto}.post-body,.page-body{padding:1.4rem 1.2rem}.post-card{padding:1.1rem 1.2rem}.post-nav{grid-template-columns:1fr}.post-nav a.next{text-align:left}.toc ol{columns:1}.prose pre,.prose .astro-code{border-radius:var(--radius-sm);margin-inline:-.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lang-btn{width:auto;font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);white-space:nowrap;padding:0 .7rem;font-size:.78rem;font-weight:700}.notice{border-radius:var(--radius-sm);background:var(--accent-2-soft);color:var(--text-2);border:1px solid #a78bfa66;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1.25rem;padding:.8rem 1.1rem;font-size:.92rem;display:flex}.notice a{color:var(--accent-2);font-family:var(--font-mono);margin-left:auto;font-size:.82rem}.zh-badge{color:var(--accent-2);border:1px solid #a78bfa66;border-radius:4px;padding:0 .4rem;font-size:.68rem}