:root{--bg:#05060b;--bg-soft:#0a0d17;--bg-card:#ffffff08;--fg:#e9edfb;--fg-soft:#c3c9dd;--muted:#8b93ad;--line:#ffffff16;--line-strong:#ffffff29;--glass:#ffffff0b;--glass-hi:#ffffff16;--c1:#22d3ee;--c2:#a855f7;--c3:#f472b6;--c4:#a3e635;--shadow:0 24px 60px -24px #000000bf;--radius:20px;--radius-sm:12px;--ease:cubic-bezier(.22, .68, .24, 1);--font:"Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono:"Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--wrap:960px;--measure:720px;color-scheme:dark}html[data-theme=light]{--bg:#eef1f9;--bg-soft:#fff;--bg-card:#ffffffb8;--fg:#0c1122;--fg-soft:#2a3352;--muted:#5c6684;--line:#0c12281c;--line-strong:#0c122838;--glass:#ffffff9e;--glass-hi:#ffffffe6;--shadow:0 24px 60px -24px #1e285a47;--c1:#0891b2;--c2:#7c3aed;--c3:#db2777;--c4:#65a30d;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--bg);min-height:100svh;color:var(--fg);font-family:var(--font);letter-spacing:.01em;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.7;display:flex;overflow-x:hidden}main{flex:1 0 auto}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60ch 60ch at 18% -10%, color-mix(in oklab, var(--c2) 13%, transparent), transparent 70%), radial-gradient(52ch 52ch at 88% 4%, color-mix(in oklab, var(--c1) 11%, transparent), transparent 72%), radial-gradient(48ch 48ch at 50% 110%, color-mix(in oklab, var(--c3) 8%, transparent), transparent 70%);position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}::selection{background:color-mix(in oklab, var(--c1) 35%, transparent);color:var(--fg)}:focus-visible{outline:2px solid var(--c1);outline-offset:3px;border-radius:6px}.wrap{width:min(var(--wrap), calc(100% - 2.5rem));margin-inline:auto}.mono{font-family:var(--mono);letter-spacing:0}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(140%);background:color-mix(in oklab, var(--bg) 72%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;gap:1.25rem;min-height:64px;display:flex}.brand{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.orb{background:linear-gradient(135deg, var(--c1), var(--c2) 60%, var(--c3));width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in oklab, var(--c1) 14%, transparent), 0 0 18px 2px color-mix(in oklab, var(--c2) 55%, transparent);animation:pulse 3.2s var(--ease) infinite;border-radius:50%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.86)}}.brand-tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--c1);border:1px solid color-mix(in oklab, var(--c1) 35%, transparent);border-radius:999px;padding:.12rem .5rem;font-size:.62rem;font-weight:600;line-height:1.5}.nav{gap:.15rem;margin-left:auto;display:flex}.nav a{color:var(--muted);transition:color .2s var(--ease), background .2s var(--ease);border-radius:999px;padding:.4rem .7rem;font-size:.9rem}.nav a:hover,.nav a[aria-current=page]{color:var(--fg);background:var(--glass)}.nav a.nav-admin{color:var(--c2)}.icon-btn{border:1px solid var(--line);background:var(--glass);width:38px;height:38px;color:var(--fg);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);border-radius:999px;flex:none;place-items:center;display:grid}.icon-btn:hover{border-color:var(--line-strong);background:var(--glass-hi);transform:translateY(-1px)}.icon-btn svg{width:18px;height:18px}html[data-theme=dark] .i-sun,html[data-theme=light] .i-moon{display:none}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:5rem;padding:1.75rem 0 2.5rem;font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.footer-links{gap:1.1rem;display:flex}.footer-links a:hover,.footer-icp a:hover{color:var(--fg)}.footer-icp{border-top:1px solid var(--line);text-align:center;margin-top:.9rem;padding-top:.9rem;font-size:.78rem}.footer-icp a{color:var(--muted)}.hero{padding:clamp(1.75rem,4vw,3rem) 0 clamp(1.5rem,3vw,2.25rem)}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:var(--glass);border-radius:999px;align-items:center;gap:.5rem;padding:.32rem .75rem;font-size:.72rem;display:inline-flex}.eyebrow .dot{background:var(--c1);width:6px;height:6px;box-shadow:0 0 10px var(--c1);border-radius:50%}.hero h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:.9rem 0 .7rem;font-size:clamp(1.85rem,5.2vw,3.2rem);font-weight:800;line-height:1.08}.gradient-text{background:linear-gradient(100deg, var(--c1), var(--c2) 48%, var(--c3));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{max-width:52ch;color:var(--muted);text-wrap:balance;margin:0;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.65}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin:2.5rem 0 1.1rem;display:flex}.section-head h2{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem;font-weight:600}.section-head a{color:var(--muted);font-size:.85rem}.section-head a:hover{color:var(--c1)}.post-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.post-card{border:1px solid var(--line);background:var(--bg-card);border-radius:var(--radius);transition:border-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);position:relative}.post-card:hover{border-color:color-mix(in oklab, var(--c1) 35%, var(--line));background:var(--glass);box-shadow:var(--shadow);transform:translateY(-2px)}.post-card a{padding:1.35rem 1.5rem;display:block}.card-meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.74rem;display:flex}.card-meta .sep{background:var(--muted);opacity:.6;border-radius:50%;width:3px;height:3px}.tag{color:var(--c1);border:1px solid color-mix(in oklab, var(--c1) 26%, transparent);border-radius:999px;padding:.02rem .45rem;font-size:.72rem}.pin-badge{color:var(--c2);border:1px solid color-mix(in oklab, var(--c2) 30%, transparent);background:color-mix(in oklab, var(--c2) 10%, transparent);border-radius:999px;padding:.02rem .45rem;font-size:.72rem}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:2.4rem 0 .5rem;font-size:.85rem;display:flex}.page-numbers{align-items:center;gap:.35rem;display:flex}.page-num,.page-arrow{border:1px solid var(--line);min-width:2rem;height:2rem;color:var(--muted);transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 .6rem;display:inline-flex}.page-arrow{min-width:auto}.page-num:hover,.page-arrow:hover{color:var(--c1);border-color:color-mix(in oklab, var(--c1) 40%, var(--line))}.page-num.is-current{color:#fff;background:linear-gradient(120deg, var(--c1), var(--c2));border-color:#0000;font-weight:600}.page-arrow.is-disabled{opacity:.4;cursor:default}.page-gap{color:var(--muted);padding:0 .15rem}.post-card h3{letter-spacing:-.012em;margin:.55rem 0 .4rem;font-size:clamp(1.15rem,2.6vw,1.35rem);line-height:1.35}.post-card:hover h3{color:var(--c1)}.post-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;display:-webkit-box;overflow:hidden}.empty{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);padding:2.5rem}.year-group{margin-top:2.25rem}.year-group h2{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);margin:0 0 .75rem;font-size:.85rem}.archive-list{border-left:1px solid var(--line);margin:0;padding:0;list-style:none}.archive-list li{padding:.5rem 0 .5rem 1.35rem;position:relative}.archive-list li:before{content:"";background:var(--line-strong);width:6px;height:6px;transition:background .2s var(--ease), box-shadow .2s var(--ease);border-radius:50%;position:absolute;top:1.1rem;left:-3.5px}.archive-list li:hover:before{background:var(--c1);box-shadow:0 0 10px var(--c1)}.archive-list a{color:var(--fg-soft);align-items:baseline;gap:1rem;display:flex}.archive-list a:hover{color:var(--c1)}.archive-list time{font-family:var(--mono);color:var(--muted);flex:none;width:5.2rem;font-size:.76rem}.post-header{border-bottom:1px solid var(--line);padding:clamp(2.5rem,6vw,4rem) 0 1.5rem}.back-link{color:var(--muted);align-items:center;gap:.4rem;margin-bottom:1.4rem;font-size:.85rem;display:inline-flex}.back-link:hover{color:var(--c1)}.post-header h1{letter-spacing:-.03em;margin:.6rem 0 .9rem;font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.18}.post-header .lede{color:var(--muted);margin:0 0 1rem;font-size:1.02rem}.post-tags{flex-wrap:wrap;gap:.45rem;display:flex}.prose{max-width:var(--measure);color:var(--fg-soft);margin:2.25rem auto 0;font-size:1.01rem}.prose>:first-child{margin-top:0}.prose h2,.prose h3,.prose h4{color:var(--fg);letter-spacing:-.015em;scroll-margin-top:90px;line-height:1.35}.prose h2{border-bottom:1px solid var(--line);margin:2.6rem 0 .9rem;padding-bottom:.45rem;font-size:1.55rem}.prose h3{margin:1.9rem 0 .6rem;font-size:1.22rem}.prose h4{margin:1.5rem 0 .5rem;font-size:1.05rem}.prose p,.prose ul,.prose ol{margin:0 0 1.05rem}.prose ul,.prose ol{padding-left:1.35rem}.prose li{margin:.3rem 0}.prose li::marker{color:color-mix(in oklab, var(--c1) 70%, var(--muted))}.prose a{color:var(--c1);text-decoration:underline;text-decoration-color:color-mix(in oklab, var(--c1) 40%, transparent);text-underline-offset:3px;transition:text-decoration-color .2s var(--ease)}.prose a:hover{text-decoration-color:var(--c1)}.prose strong{color:var(--fg);font-weight:650}.prose blockquote{border-left:2px solid var(--c2);background:var(--glass);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--muted);margin:1.5rem 0;padding:.75rem 1.15rem}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--mono);background:var(--glass);border:1px solid var(--line);border-radius:6px;padding:.12em .38em;font-size:.86em}.prose pre{border:1px solid var(--line);border-radius:var(--radius-sm);margin:1.4rem 0;padding:1.1rem 1.25rem;font-size:.86rem;line-height:1.65;overflow-x:auto;background:var(--bg-soft)!important}.prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.astro-code,.astro-code span{font-style:var(--shiki-light-font-style)!important;font-weight:var(--shiki-light-font-weight)!important;text-decoration:var(--shiki-light-text-decoration)!important}html[data-theme=dark] .astro-code,html[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.prose hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}.prose img{border-radius:var(--radius-sm);border:1px solid var(--line);margin:1.5rem 0}.prose table{border-collapse:collapse;width:100%;margin:1.4rem 0;font-size:.92rem}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:.55rem .75rem}.prose th{background:var(--glass);color:var(--fg);font-weight:600}.post-footer{max-width:var(--measure);border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin:3rem auto 0;padding-top:1.5rem;font-size:.9rem;display:flex}.post-footer a:hover{color:var(--c1)}.page-narrow{max-width:var(--measure);margin:0 auto}.page-narrow h1{letter-spacing:-.03em;margin:0 0 .6rem;font-size:clamp(2rem,5vw,2.8rem)}.center-block{text-align:center;padding:clamp(4rem,12vw,8rem) 0}.center-block .code{font-family:var(--mono);letter-spacing:-.04em;background:linear-gradient(100deg, var(--c1), var(--c2) 55%, var(--c3));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,12vw,6rem);line-height:1}.center-block p{color:var(--muted)}.btn{border:1px solid var(--line);background:var(--glass);color:var(--fg);transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);border-radius:999px;align-items:center;gap:.5rem;padding:.62rem 1.15rem;font-size:.9rem;display:inline-flex}.btn:hover{border-color:color-mix(in oklab, var(--c1) 45%, var(--line));background:var(--glass-hi);transform:translateY(-1px)}@media (width<=640px){.wrap{width:calc(100% - 1.6rem)}.header-inner{gap:.35rem}.brand{font-size:.95rem}.brand-tag{display:none}.nav{gap:0}.nav a{padding:.35rem .38rem;font-size:.78rem}.nav a.nav-admin{display:none}.icon-btn{width:34px;height:34px}.post-card a{padding:1.1rem 1.15rem}.archive-list time{width:4.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}