.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--bg:#07080f;--bg-soft:#0d0f1a;--surface:#ffffff0b;--surface-hover:#ffffff13;--border:#ffffff1a;--text:#e8eaf2;--text-muted:#9aa0b4;--text-dim:#6b7186;--accent:#7c9cff;--accent-2:#c084fc;--accent-3:#38bdf8;--accent-glow:#7c9cff59;--radius:16px;--radius-sm:10px;--maxw:780px;--maxw-wide:1080px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "WenQuanYi Micro Hei", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", "Courier New", monospace;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.75;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#7c9cff80 0%,#7c9cff42 22%,#7c9cff1c 45%,#7c9cff09 68%,#0000 85%);width:46vw;height:46vw;top:-12vw;left:-10vw}body:after{background:radial-gradient(circle,#c084fc73 0%,#c084fc3b 22%,#c084fc1a 45%,#c084fc08 68%,#0000 85%);width:40vw;height:40vw;bottom:-14vw;right:-8vw}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.cursor-glow{pointer-events:none;z-index:-1;opacity:0;will-change:transform;background:radial-gradient(circle,#8eacff2b 0%,#8eacff18 24%,#a88eff0b 48%,#0000 72%);border-radius:50%;transition:opacity .7s;position:fixed;top:0;left:0}.cursor-glow.is-active{opacity:1}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.wrap-wide{max-width:var(--maxw-wide)}.site{flex-direction:column;min-height:100vh;display:flex}main{flex:1;padding:48px 0 80px}a{color:var(--accent);text-decoration:none;transition:color .18s,opacity .18s}a:hover{color:var(--accent-3)}.site-header{z-index:50;border-bottom:1px solid var(--border);background:#07080fe6;position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:20px;height:64px;display:flex}.brand{letter-spacing:.02em;color:var(--text);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:inline-flex}.brand:hover{color:var(--text)}.brand .dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:10px;height:10px;box-shadow:0 0 14px var(--accent-glow);border-radius:50%}.nav{align-items:center;gap:6px;display:flex}.nav a{color:var(--text-muted);border-radius:var(--radius-sm);padding:7px 12px;font-size:.92rem;transition:background .18s,color .18s}.nav a:hover{color:var(--text);background:var(--surface-hover)}.nav a[aria-current=page]{color:var(--text);background:var(--surface)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .22s,background .22s,box-shadow .22s;position:relative;overflow:hidden}.card:after{content:"";pointer-events:none;opacity:0;transform:translate3d(var(--gx,0%), var(--gy,0%), 0);background:radial-gradient(circle,#ffffff1a 0%,#ffffff09 32%,#0000 62%);transition:opacity .25s;position:absolute;inset:-60%}.card.is-tilting{will-change:transform}.card.is-tilting:after{opacity:1}.card:hover{background:var(--surface-hover);box-shadow:0 12px 40px -12px var(--accent-glow);border-color:#7c9cff61}.hero{padding:32px 0 44px}.hero h1{letter-spacing:-.02em;background:linear-gradient(120deg, #fff 0%, var(--accent) 45%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2}.hero p{color:var(--text-muted);max-width:60ch;margin:0;font-size:1.05rem}.post-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.post-list .card{color:inherit;padding:22px 24px;display:block}.post-list h2{color:var(--text);margin:0 0 8px;font-size:1.22rem;font-weight:700;line-height:1.45}.post-list .desc{color:var(--text-muted);margin:0 0 12px;font-size:.94rem}.meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem;display:flex}.tag{color:var(--accent-3);background:#38bdf81a;border:1px solid #38bdf838;border-radius:999px;padding:2px 9px;font-size:.76rem;display:inline-block}article.post{max-width:var(--maxw)}article.post>header{border-bottom:1px solid var(--border);margin-bottom:36px;padding-bottom:24px}article.post>header h1{letter-spacing:-.015em;margin:0 0 14px;font-size:clamp(1.7rem,4vw,2.35rem);font-weight:800;line-height:1.3}.prose{font-size:1.02rem}.prose h2{letter-spacing:-.01em;margin:2.4em 0 .7em;font-size:1.45rem;font-weight:700}.prose h3{margin:2em 0 .6em;font-size:1.2rem;font-weight:700}.prose h2:before{content:"";vertical-align:-.08em;background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:2px;width:4px;height:.95em;margin-right:10px;display:inline-block}.prose p,.prose ul,.prose ol{margin:0 0 1.15em}.prose p{text-indent:2em}.prose li p,.prose blockquote p{text-indent:0}.prose li{margin-bottom:.4em}.prose strong{color:#fff;font-weight:650}.prose blockquote{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);margin:1.6em 0;padding:4px 20px}.prose code{font-family:var(--font-mono);border:1px solid var(--border);background:#ffffff14;border-radius:6px;padding:2px 6px;font-size:.88em}.prose pre{border-radius:var(--radius-sm);border:1px solid var(--border);margin:1.6em 0;padding:32px 20px 18px;font-size:.88rem;line-height:1.6;position:relative;overflow-x:auto}.prose pre[data-language]:before{content:attr(data-language);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:calc(var(--radius-sm) - 1px) 0 0 0;pointer-events:none;user-select:none;background:#ffffff12;padding:3px 10px;font-size:.66rem;line-height:1.5;position:absolute;top:0;left:0}.prose pre .code-copy{font-family:var(--font-sans);letter-spacing:.02em;color:var(--text-dim);border:0;border-left:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0 calc(var(--radius-sm) - 1px) 0 0;cursor:pointer;user-select:none;opacity:.75;background:#ffffff0f;padding:3px 10px;font-size:.68rem;line-height:1.5;transition:opacity .18s,color .18s,background .18s;position:absolute;top:0;right:0}.prose pre:hover .code-copy{opacity:1}.prose pre .code-copy:hover{color:var(--text);background:#7c9cff2e}.prose pre .code-copy.is-done{opacity:1;color:#86efac;background:#4ade801f}.prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.prose img{border-radius:var(--radius-sm);border:1px solid var(--border);max-width:100%;height:auto}.prose hr{border:0;border-top:1px solid var(--border);margin:2.5em 0}.prose table{border-collapse:collapse;width:100%;margin:1.6em 0;font-size:.92rem}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:10px 14px}.prose th{background:var(--surface);font-weight:650}.comments{border-top:1px solid var(--border);margin-top:64px;padding-top:32px}.comments h2{margin:0 0 16px;font-size:1.15rem;font-weight:700}.comments-placeholder{border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);padding:28px 24px;font-size:.92rem;line-height:1.7}.comments-placeholder code{font-family:var(--font-mono);background:#ffffff14;border-radius:6px;padding:2px 6px;font-size:.86em}.site-footer{border-top:1px solid var(--border);color:var(--text-dim);padding:28px 0 40px;font-size:.85rem}.site-footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.search-shell{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:26px 24px}.search-hint{color:var(--text-dim);margin:18px 0 0;font-size:.86rem}html[data-pf-theme=dark]{--pf-background:#12141f;--pf-text:var(--text);--pf-text-secondary:var(--text-muted);--pf-text-muted:var(--text-dim);--pf-border:var(--border);--pf-border-focus:var(--accent);--pf-hover:#ffffff0f;--pf-font:var(--font-sans)}.text-muted{color:var(--text-muted)}.empty-note{color:var(--text-dim);text-align:center;padding:40px 0}@media (prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}}.read-progress{z-index:60;pointer-events:none;transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-2) 55%, var(--accent-3));width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.site-header:before,.site-header:after{content:"";pointer-events:none;opacity:0;position:absolute;left:0;right:0}.site-header:before{background:linear-gradient(#07080f99,#07080f00);height:9px;bottom:-9px}.site-header:after{background:linear-gradient(90deg,#0000,#7c9cffbf 22%,#c084fcbf 78%,#0000);height:1px;bottom:-1px}.site-header .inner{z-index:1;position:relative}@supports (animation-timeline:scroll()){.read-progress{animation-name:mgx-scroll-progress;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root)}.site-header:before,.site-header:after{animation-name:mgx-scroll-reveal;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 140px}}@keyframes mgx-scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mgx-scroll-reveal{0%{opacity:0}to{opacity:1}}@supports (animation-timeline:view()){.post-list>li{animation-name:mgx-rise;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry entry 90%}}@keyframes mgx-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.hero h1,.hero p,article.post>header h1,article.post>header .meta{animation:.5s cubic-bezier(.22,.61,.36,1) both mgx-fade-up}.hero p,article.post>header .meta{animation-delay:70ms}}@keyframes mgx-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.prose :is(h2,h3,h4){scroll-margin-top:84px}.nav a{position:relative}.nav a:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;border-radius:2px;height:1.5px;transition:transform .28s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:5px;left:12px;right:12px;transform:scaleX(0)}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.tag{transition:transform .2s,background .2s,border-color .2s,box-shadow .2s,color .2s}.tag:hover{color:#7dd3fc;background:#38bdf82e;border-color:#38bdf873;transform:translateY(-1.5px);box-shadow:0 4px 14px -4px #38bdf880}.prose img{transition:border-color .25s,box-shadow .25s}.prose img:hover{box-shadow:0 14px 44px -16px var(--accent-glow);border-color:#7c9cff73}::selection{color:#fff;background:#7c9cff52}html{scrollbar-width:thin;scrollbar-color:#7c9cff80 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#7c9cff73;background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#7c9cffcc}:focus-visible{outline-offset:3px;outline:2px solid #7c9cffd9}@media (prefers-reduced-motion:reduce){.read-progress,.site-header:before,.site-header:after,.post-list>li{animation:none!important}}