:root{color-scheme:light;--bg:#fbfaf8;--surface:#fff;--fg:#17171b;--fg-2:#3c3c44;--muted:#6e6e78;--faint:#9b9ba4;--line:#e7e4de;--line-2:#d6d2ca;--accent:#1a5da8;--accent-wash:#1a5da812;--warm:#9a5518;--warm-wash:#9a55180d;--hover:#17171b0b;--code-bg:#f5f3ef;--grid-line:#17171b0b;--header-bg:#fbfaf8d1;--shadow-sm:0 1px 2px #1414190d;--shadow-md:0 14px 40px -18px #14141938;--radius:10px;--radius-lg:16px;--font-sans:"Inter", "Segoe UI Variable Display", "Segoe UI", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;--shell:1120px;--measure:70ch;--ease:cubic-bezier(.22, .8, .24, 1)}[data-theme=dark]{color-scheme:dark;--bg:#0b0b0d;--surface:#111114;--fg:#ececef;--fg-2:#c9c9d1;--muted:#8d8d97;--faint:#64646e;--line:#1f1f24;--line-2:#2c2c33;--accent:#7aa9f0;--accent-wash:#7aa9f017;--warm:#d19a63;--warm-wash:#d19a630f;--hover:#ffffff0e;--code-bg:#101014;--grid-line:#ffffff0b;--header-bg:#0b0b0dc2;--shadow-sm:0 1px 2px #0006;--shadow-md:0 18px 50px -22px #000000bf}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:5.5rem}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-sans);font-feature-settings:"kern" 1, "liga" 1, "calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;margin:0;font-size:1rem;line-height:1.7;display:flex;overflow-x:hidden}::selection{background:var(--accent);color:#fff}[hidden]{display:none!important}a{color:inherit}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.ico{flex:none;justify-content:center;align-items:center;display:inline-flex}.ico svg{width:1em;height:1em;display:block}.skip-link{z-index:200;background:var(--fg);color:var(--bg);border-radius:0 0 var(--radius) 0;padding:.6rem 1rem;font-size:.85rem;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:clamp(1.15rem,4vw,2.5rem)}main{z-index:1;flex:1 0 auto;position:relative}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop-grid{background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:80px 80px;position:absolute;inset:-1px;-webkit-mask-image:radial-gradient(75% 55% at 50% 0,#000 0%,#0000 78%);mask-image:radial-gradient(75% 55% at 50% 0,#000 0%,#0000 78%)}.backdrop:after{content:"";background:radial-gradient(closest-side, var(--accent-wash), transparent 72%);opacity:.9;width:52rem;height:34rem;position:absolute;top:-18rem;left:50%;transform:translate(-50%)}.site-header{z-index:50;background:var(--header-bg);backdrop-filter:blur(14px)saturate(180%);transition:border-color .3s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.site-header[data-scrolled=true]{border-bottom-color:var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:1rem;height:66px;display:flex}.brand{color:var(--fg);letter-spacing:-.015em;flex:none;align-items:center;gap:.55rem;font-size:.97rem;font-weight:620;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--line-2);background:var(--surface);width:28px;height:28px;color:var(--accent);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), border-color .25s;border-radius:9px;place-items:center;display:grid}.brand-mark svg{width:15px;height:15px}.brand:hover .brand-mark{border-color:var(--accent);transform:rotate(90deg)}.nav{align-items:center;gap:.1rem;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:.42rem .72rem;font-size:.895rem;text-decoration:none;transition:color .2s,background .2s;position:relative}.nav a:hover{color:var(--fg);background:var(--hover)}.nav a[aria-current=page]{color:var(--fg);font-weight:550}.nav a[aria-current=page]:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:.16rem;left:.72rem;right:.72rem}.header-actions{flex:none;align-items:center;gap:.25rem;display:flex}.icon-btn{height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:.4rem;padding:0 .55rem;font-size:.8rem;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.icon-btn:hover{color:var(--fg);background:var(--hover);border-color:var(--line)}.icon-btn .ico svg{width:16px;height:16px}kbd{font-family:var(--font-mono);color:var(--faint);border:1px solid var(--line);border-radius:5px;padding:0 .28rem;font-size:.68rem;line-height:1.4}.theme-icon{display:inline-flex}[data-theme=light] .theme-icon--dark,[data-theme=dark] .theme-icon--light,.menu-btn{display:none}.menu-icon{display:inline-flex}.menu-icon--close,.menu-btn[aria-expanded=true] .menu-icon--open{display:none}.menu-btn[aria-expanded=true] .menu-icon--close{display:inline-flex}.mobile-nav{border-top:1px solid var(--line);background:var(--bg);padding:.5rem 0 .9rem}.mobile-nav .nav{flex-direction:column;align-items:stretch;gap:0}.mobile-nav .nav a{border-radius:8px;padding:.75rem .5rem;font-size:.95rem}.mobile-nav .nav a[aria-current=page]:after{display:none}.hero{text-align:center;padding-block:clamp(3.4rem,9vw,6.8rem) clamp(2.8rem,6vw,4.6rem)}.hero-inner{flex-direction:column;align-items:center;display:flex}.eyebrow{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);font-family:var(--font-mono);letter-spacing:.01em;color:var(--muted);border-radius:999px;align-items:center;gap:.5rem;padding:.34rem .78rem;font-size:.735rem;display:inline-flex}.eyebrow .dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 3px var(--accent-wash);border-radius:50%}.eyebrow .path{color:var(--fg-2)}.eyebrow .caret{color:var(--accent);animation:1.15s steps(2,start) infinite caret}@keyframes caret{50%{opacity:0}}.hero h1{letter-spacing:-.042em;text-wrap:balance;margin:1.55rem 0 0;font-size:clamp(2.5rem,7vw,4.35rem);font-weight:640;line-height:1.08}.lede{max-width:48ch;color:var(--muted);text-wrap:pretty;margin:1.4rem auto 0;font-size:clamp(1rem,1.5vw,1.08rem);line-height:1.78}.hero-meta{color:var(--faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin-top:2.2rem;font-size:.815rem;display:flex}.hero-meta a{color:var(--muted);align-items:center;gap:.32rem;text-decoration:none;transition:color .2s;display:inline-flex}.hero-meta a:hover{color:var(--accent)}.hero-meta .ico svg{width:13px;height:13px}.sep{background:var(--line-2);width:1px;height:11px}.section{padding-block:clamp(1.4rem,3vw,2.4rem)}.section-head{align-items:center;gap:1rem;margin-bottom:1.35rem;display:flex}.section-head h2{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:none;margin:0;font-size:.735rem;font-weight:600}.section-head .rule{background:var(--line);flex:1;height:1px}.section-head .count{font-family:var(--font-mono);color:var(--faint);flex:none;font-size:.72rem}.section-more{color:var(--muted);flex:none;font-size:.8rem;text-decoration:none;transition:color .2s}.section-more:hover{color:var(--accent)}.featured{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:inherit;transition:border-color .3s, transform .4s var(--ease), box-shadow .3s;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:clamp(.9rem,2.5vw,2rem);padding:clamp(1.35rem,3vw,2.15rem);text-decoration:none;display:grid}.featured:hover{border-color:var(--line-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.featured-idx{font-family:var(--font-mono);letter-spacing:.1em;color:var(--warm);padding-top:.4rem;font-size:.72rem}.featured-body{flex-direction:column;min-width:0;display:flex}.featured-title{letter-spacing:-.022em;text-wrap:balance;font-size:clamp(1.18rem,2.3vw,1.5rem);font-weight:620;line-height:1.36;transition:color .25s}.featured:hover .featured-title{color:var(--accent)}.featured-desc{max-width:60ch;color:var(--muted);margin-top:.7rem;font-size:.92rem;line-height:1.72}.featured-meta{font-family:var(--font-mono);color:var(--faint);flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1.1rem;font-size:.735rem;display:flex}.featured-meta .dot-sep{opacity:.6}.featured-arrow{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);transition:color .25s, border-color .25s, transform .35s var(--ease);border-radius:50%;place-items:center;display:grid}.featured-arrow svg{width:15px;height:15px}.featured:hover .featured-arrow{color:var(--accent);border-color:var(--accent);transform:translate(2px,-2px)}.post-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.post-row{border-bottom:1px solid var(--line);grid-template-columns:6.4rem minmax(0,1fr) auto;align-items:baseline;gap:.35rem 1.25rem;padding:1.05rem .3rem;transition:background .22s;display:grid;position:relative}.post-row:hover{background:var(--hover)}.post-date{font-family:var(--font-mono);letter-spacing:.02em;color:var(--faint);font-variant-numeric:tabular-nums;font-size:.755rem}.post-main{flex-direction:column;gap:.3rem;min-width:0;display:flex}.post-title{letter-spacing:-.012em;margin:0;font-size:1.015rem;font-weight:550;line-height:1.5;transition:color .22s}.post-link{color:inherit;text-decoration:none}.post-link:after{content:"";z-index:1;border-radius:6px;position:absolute;inset:0}.post-row:hover .post-title{color:var(--accent)}.post-main .tags{z-index:2;position:relative}.post-desc{color:var(--muted);max-width:68ch;margin:0;font-size:.875rem;line-height:1.68}.post-read{font-family:var(--font-mono);color:var(--faint);white-space:nowrap;font-size:.725rem}.post-row--full .tags{margin-top:.45rem}.tags{flex-wrap:wrap;gap:.32rem;margin:0;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;padding:.1rem .5rem;font-size:.71rem;line-height:1.7;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.tag:before{content:"#";font-family:var(--font-mono);opacity:.45;margin-right:.1rem}.tag:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.tag-cloud{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.tag-card{border:1px solid var(--line);border-radius:var(--radius);color:var(--fg-2);transition:border-color .22s, background .22s, transform .3s var(--ease);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;text-decoration:none;display:flex}.tag-card:hover{border-color:var(--accent);background:var(--accent-wash);transform:translateY(-1px)}.tag-name{font-weight:500}.tag-count{font-family:var(--font-mono);color:var(--faint);font-size:.72rem}.page-head{border-bottom:1px solid var(--line);margin-bottom:clamp(1.6rem,3vw,2.4rem);padding-block:clamp(2.8rem,7vw,4.4rem) clamp(1.6rem,3vw,2.4rem)}.kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 .85rem;font-size:.7rem}.page-head h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4.6vw,2.9rem);font-weight:640;line-height:1.14}.page-lede{color:var(--muted);max-width:56ch;margin:.85rem 0 0;font-size:.94rem}.page-lede a{color:var(--accent);border-bottom:1px solid var(--accent-wash);text-decoration:none}.year-group{padding-bottom:clamp(1.4rem,3vw,2.2rem)}.year-group .section-head{margin-bottom:.9rem}.progress{background:var(--accent);z-index:60;width:0;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}.article{max-width:var(--measure);margin-inline:auto;padding-block:clamp(2.4rem,6vw,4.2rem) 0}.crumb{font-family:var(--font-mono);color:var(--faint);align-items:center;gap:.45rem;font-size:.72rem;display:flex}.crumb a{color:var(--muted);text-decoration:none;transition:color .2s}.crumb a:hover{color:var(--accent)}.article-head h1{letter-spacing:-.032em;text-wrap:balance;margin:.9rem 0 0;font-size:clamp(1.95rem,4.4vw,2.85rem);font-weight:640;line-height:1.2}.article-desc{color:var(--muted);margin:1.05rem 0 0;font-size:1.01rem;line-height:1.75}.article-meta{font-family:var(--font-mono);color:var(--faint);flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin-top:1.35rem;font-size:.735rem;display:flex}.article-head .tags{border-bottom:1px solid var(--line);margin-top:1.05rem;padding-bottom:1.7rem}.article--about .article-head{border-bottom:1px solid var(--line);padding-bottom:1.7rem}.prose{color:var(--fg-2);padding-top:2.1rem;font-size:1.015rem;line-height:1.88}.prose>*+*{margin-top:1.3em}.prose>h2{margin-top:2.7em}.prose>h2+*,.prose>h3+*{margin-top:.9em}.prose h2{letter-spacing:-.022em;color:var(--fg);font-size:1.4rem;font-weight:620;line-height:1.4}.prose h3{letter-spacing:-.015em;color:var(--fg);font-size:1.14rem;font-weight:600;line-height:1.45}.prose h4{color:var(--fg);font-size:1rem;font-weight:600}.prose p{margin:0}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px;text-decoration-color:var(--accent-wash);transition:text-decoration-color .2s}.prose a:hover{text-decoration-color:var(--accent)}.prose strong{color:var(--fg);font-weight:620}.prose em{font-style:italic}.prose code{font-family:var(--font-mono);border:1px solid var(--line);background:var(--code-bg);color:var(--fg);white-space:nowrap;border-radius:5px;padding:.14em .38em;font-size:.855em}.prose pre{border:1px solid var(--line);background:var(--code-bg);tab-size:2;border-radius:12px;margin:1.7em 0;padding:1.1rem 1.15rem;font-size:.83rem;line-height:1.72;position:relative;overflow-x:auto}.astro-code,.astro-code span{color:var(--shiki-light)}[data-theme=dark] .astro-code,[data-theme=dark] .astro-code span{color:var(--shiki-dark)}.prose pre code{font-size:inherit;white-space:pre;color:inherit;background:0 0;border:0;padding:0}.prose pre[data-language]:before{content:attr(data-language);background:var(--code-bg);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);pointer-events:none;border-radius:4px;padding:.1rem .4rem;font-size:.64rem;position:absolute;top:.42rem;right:.6rem}.code-copy{border:1px solid var(--line);background:var(--surface);color:var(--faint);font-family:var(--font-mono);cursor:pointer;opacity:0;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .45rem;font-size:.66rem;transition:opacity .2s,color .2s,border-color .2s;display:inline-flex;position:absolute;top:.42rem;right:3.1rem}.prose pre:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{color:var(--accent);border-color:var(--accent)}.code-copy .ico svg{width:11px;height:11px}.prose blockquote{border-left:2px solid var(--accent);color:var(--muted);margin:1.9em 0;padding:.1em 0 .1em 1.15rem}.prose blockquote p+p{margin-top:.8em}.prose ul,.prose ol{margin:1.1em 0;padding-left:1.3rem}.prose li+li{margin-top:.42em}.prose li::marker{color:var(--faint)}.prose hr{border:0;border-top:1px solid var(--line);margin:2.7em 0}.prose img{border:1px solid var(--line);border-radius:10px;display:block}.prose .table-wrap{border:1px solid var(--line);border-radius:12px;margin:1.7em 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.9rem;line-height:1.65}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.62rem .9rem}.prose th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--code-bg);white-space:nowrap;font-size:.72rem;font-weight:600}.prose tr:last-child td{border-bottom:0}.prose td code{white-space:nowrap}.article-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:.75rem;margin-top:clamp(3rem,6vw,4.5rem);padding-top:1.8rem;display:grid}.article-nav a{border:1px solid var(--line);color:inherit;transition:border-color .22s, background .22s, transform .3s var(--ease);border-radius:12px;padding:1rem 1.15rem;text-decoration:none;display:block}.article-nav a:hover{border-color:var(--line-2);background:var(--surface);transform:translateY(-1px)}.article-nav .label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.68rem}.article-nav .t{letter-spacing:-.01em;margin-top:.35rem;font-size:.92rem;font-weight:550;line-height:1.5;display:block}.article-nav .next{text-align:right}.notfound{max-width:46ch;padding-block:clamp(4rem,12vw,8rem)}.notfound h1{letter-spacing:-.06em;color:var(--fg);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(4.5rem,16vw,9rem);font-weight:640;line-height:1}.btn{border:1px solid var(--line-2);color:var(--fg);transition:border-color .22s, background .22s, transform .3s var(--ease);border-radius:999px;align-items:center;gap:.5rem;margin-top:1.8rem;padding:.62rem 1.1rem;font-size:.87rem;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent);background:var(--accent-wash);transform:translateY(-1px)}.btn .ico svg{width:14px;height:14px}.site-footer{border-top:1px solid var(--line);color:var(--faint);margin-top:clamp(3rem,8vw,6rem);padding-block:2rem 3rem;font-size:.815rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;display:flex}.footer-copy{margin:0}.footer-links{gap:1.1rem;display:flex}.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.search-modal{z-index:100;background:color-mix(in oklab, var(--bg) 74%, transparent);backdrop-filter:blur(10px);animation:fade .18s var(--ease);place-items:start center;padding:11vh 1rem 2rem;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.search-panel{border:1px solid var(--line-2);background:var(--surface);width:min(620px,100%);animation:pop .2s var(--ease);border-radius:16px;overflow:hidden;box-shadow:0 32px 90px -34px #0006}@keyframes pop{0%{opacity:0;transform:translateY(-8px)scale(.985)}}.search-bar{align-items:center;gap:.7rem;padding:.95rem 1.1rem;display:flex}.search-bar-ico{color:var(--faint)}.search-bar-ico svg{width:17px;height:17px}.search-input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:.98rem}.search-input::placeholder{color:var(--faint)}.search-results{border-top:1px solid var(--line);max-height:52vh;margin:0;padding:.35rem;list-style:none;overflow-y:auto}.search-item a{color:inherit;border-radius:9px;padding:.6rem .75rem;text-decoration:none;display:block}.search-item[data-active] a,.search-item a:hover{background:var(--hover)}.search-item .st{font-size:.925rem;font-weight:550;line-height:1.5;display:block}.search-item .sm{font-family:var(--font-mono);color:var(--faint);margin-top:.12rem;font-size:.715rem;display:block}.search-empty{text-align:center;color:var(--faint);padding:1.8rem 1rem;font-size:.85rem}.search-hint{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--faint);letter-spacing:.03em;padding:.5rem 1.1rem;font-size:.68rem}@media (width<=900px){.nav--desktop{display:none}.menu-btn{display:inline-flex}.header-inner{height:60px}}@media (width<=680px){.post-row{grid-template-columns:minmax(0,1fr);gap:.22rem;padding:.95rem .3rem}.post-date{order:-1;font-size:.7rem}.post-read{display:none}.featured{grid-template-columns:auto minmax(0,1fr)}.featured-arrow{display:none}.featured-desc{font-size:.885rem}.article-nav{grid-template-columns:1fr}.article-nav .next{text-align:left}.hero-meta .sep{display:none}.hero-meta{gap:.45rem .9rem}.search-modal{padding-top:7vh}.search-hint{display:none}}@media (width<=420px){.icon-btn kbd{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.search-modal,.progress,.article-nav,.backdrop{display:none!important}body{color:#000;background:#fff}}