@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}:root{color-scheme:dark;--bg:#0b0d0e;--surface:#111516;--surface-2:#171c1d;--text:#f2f4ed;--muted:#98a09b;--line:#29302e;--accent:#c7f36b;--accent-ink:#1a2408;--orange:#ff8a5b;--shadow:0 20px 70px #00000047}:root[data-theme=light]{color-scheme:light;--bg:#f3f2ec;--surface:#fbfaf5;--surface-2:#e9e9e1;--text:#161a18;--muted:#626a65;--line:#d2d5cd;--accent:#699b12;--accent-ink:#f5ffe4;--orange:#c54e22;--shadow:0 20px 60px #2c342d1f}*{box-sizing:border-box}html{scroll-behavior:smooth}@keyframes page-out-forward{to{opacity:0;filter:blur(2px);transform:translateY(-8px)scale(.995)}}@keyframes page-in-forward{0%{opacity:0;filter:blur(3px);transform:translateY(14px)scale(.995)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes page-out-back{to{opacity:0;filter:blur(2px);transform:translateY(8px)scale(.995)}}@keyframes page-in-back{0%{opacity:0;filter:blur(3px);transform:translateY(-14px)scale(.995)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}body{background:radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 30rem), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.7}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit}button,input{font:inherit}img{max-width:100%}.shell{width:min(1120px,100% - 40px);margin-inline:auto}.narrow{width:min(760px,100% - 40px);margin-inline:auto}.accent{color:var(--accent)}.mono,code,.eyebrow,time{font-family:DM Mono,ui-monospace,monospace}.skip-link{z-index:1000;background:var(--accent);color:var(--accent-ink);padding:8px 14px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.site-header{z-index:50;border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(16px);position:sticky;top:0}.nav-wrap{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:72px;display:grid}.brand{letter-spacing:-.04em;align-items:center;gap:10px;width:max-content;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));background:#0b0d0e;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}nav{align-items:center;gap:4px;display:flex}nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:.92rem;text-decoration:none}nav a:hover,nav a.active{background:var(--surface-2);color:var(--text)}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:50%;justify-self:end}.theme-toggle:hover{border-color:var(--accent)}.hero{padding:clamp(80px,13vw,160px) 0 88px;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:end;gap:clamp(48px,8vw,100px);display:grid}.hero-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;margin:0 0 22px;font:500 .8rem DM Mono,monospace;display:flex}.status-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 13%, transparent);border-radius:50%}.hero h1{letter-spacing:-.075em;max-width:850px;margin:0;font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:.96}.hero h1 span{color:var(--muted)}.hero-intro{max-width:660px;color:var(--muted);margin:28px 0 0;font-size:clamp(1rem,1.5vw,1.22rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-signature{width:min(360px,100vw - 56px);margin-top:38px;padding:0 12px 7px 4px;transform:rotate(-2.4deg)}.signature-mark{width:100%;height:116px;color:var(--text);position:relative}.signature-reveal{opacity:0;width:0;height:116px;animation:1.45s cubic-bezier(.16,1,.3,1) .24s forwards signature-write;display:block;position:absolute;inset:0 auto auto 0;overflow:hidden}.signature-word{letter-spacing:-.055em;white-space:nowrap;width:348px;padding:9px 20px 18px 10px;font:400 clamp(3.35rem,7vw,4.65rem)/1.25 Homemade Apple,Segoe Print,cursive;display:block}.signature-mark:after{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 18%, transparent));transform-origin:0;border-radius:999px;height:2px;animation:.72s cubic-bezier(.16,1,.3,1) 1.52s forwards signature-underline;position:absolute;bottom:1px;left:4px;right:4px;transform:scaleX(0)rotate(-1.3deg)}.signature-caption{color:var(--muted);letter-spacing:.12em;opacity:0;margin:10px 0 0 8px;font:500 .62rem DM Mono,monospace;animation:.45s 1.96s forwards signature-caption-in;display:block;transform:translateY(4px)}@keyframes signature-write{0%{opacity:0;width:0}10%{opacity:1}to{opacity:1;width:100%}}@keyframes signature-underline{0%{transform:scaleX(0)rotate(-2deg)}to{transform:scaleX(1)rotate(-2deg)}}@keyframes signature-caption-in{to{opacity:1;transform:translateY(0)}}main :is(.hero,.page-hero,.article-header) h1{transform-origin:0 100%;animation:.78s cubic-bezier(.16,1,.3,1) 80ms both page-title-reveal}@keyframes page-title-reveal{0%{opacity:0;clip-path:inset(0 0 42%);filter:blur(7px);transform:translateY(24px)skewY(1.2deg)}55%{opacity:1;filter:blur(1px)}to{opacity:1;clip-path:inset(0);filter:blur();transform:translate(0,0)skewY(0)}}.button{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.hero-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;overflow:hidden;transform:rotate(1.5deg)}.panel-top{border-bottom:1px solid var(--line);gap:6px;padding:12px 14px;display:flex}.panel-top i{background:var(--line);border-radius:50%;width:8px;height:8px}.terminal{color:var(--muted);padding:24px;font:.86rem/1.9 DM Mono,monospace}.terminal strong{color:var(--text);font-weight:500}.terminal .prompt{color:var(--accent)}.section{border-top:1px solid var(--line);padding:88px 0}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:42px;display:grid}.section-heading h2,.page-hero h1{letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(2rem,5vw,4.2rem);line-height:1.05}.section-heading p{max-width:520px;color:var(--muted);justify-self:end;margin:0}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.post-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;min-height:310px;padding:clamp(24px,4vw,36px);transition:transform .2s,border-color .2s;display:flex}.post-card:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));transform:translateY(-4px)}.post-card.featured{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, var(--surface)), var(--surface))}.post-card__meta{color:var(--muted);justify-content:space-between;gap:20px;font-size:.75rem;display:flex}.post-card h3{letter-spacing:-.035em;margin:26px 0 12px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.2}.post-card h3 a{text-decoration:none}.post-card p{color:var(--muted);margin:0 0 28px}.post-card__footer{justify-content:space-between;align-items:end;gap:20px;margin-top:auto;display:flex}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--muted);font:.72rem DM Mono,monospace}.text-link{color:var(--accent);flex:none;font-weight:700;text-decoration:none}.tracks{border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.track{background:var(--surface);border-right:1px solid var(--line);min-height:230px;padding:26px}.track:last-child{border-right:0}.track-index{color:var(--accent);font:.75rem DM Mono,monospace;display:block}.track h3{margin:62px 0 8px;font-size:1.15rem}.track p{color:var(--muted);margin:0;font-size:.9rem}.cta{background:var(--accent);color:var(--accent-ink);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:clamp(32px,6vw,64px);display:grid}.cta h2{letter-spacing:-.06em;max-width:720px;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cta .button{border-color:var(--accent-ink);background:var(--accent-ink);color:var(--accent)}.cta-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.page-hero{padding:96px 0 58px}.page-hero p{max-width:690px;color:var(--muted);margin:24px 0 0;font-size:1.08rem}.filters{flex-wrap:wrap;gap:8px;margin:0 0 30px;display:flex}.filter{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.filter:hover,.filter.active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:14px;grid-column:1/-1;padding:48px}.contest-progress-section{padding:48px 0 10px}.notes-library{padding-top:34px}.knowledge-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;align-items:end;gap:10px;margin-bottom:20px;padding:18px;display:grid}.knowledge-toolbar label>span{color:var(--muted);letter-spacing:.08em;margin:0 0 7px;font:.62rem DM Mono,monospace;display:block}.knowledge-toolbar input,.knowledge-toolbar select{border:1px solid var(--line);background:var(--bg);width:100%;height:42px;color:var(--text);border-radius:8px;padding:0 12px;font:.76rem DM Mono,monospace}.knowledge-toolbar input:focus,.knowledge-toolbar select:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 18%, transparent);outline-offset:1px}.knowledge-toolbar button{border:1px solid var(--line);height:42px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:0 14px;font:.68rem DM Mono,monospace}.knowledge-toolbar button:hover,.knowledge-toolbar button:focus-visible{border-color:var(--accent);color:var(--text);outline:none}.notes-filter-row{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.notes-filter-row .filters{margin:0}.notes-filter-row>p{color:var(--muted);flex:none;margin:7px 0 0;font-size:.68rem}.note-result[hidden]{display:none}.note-result{min-width:0}.note-result .post-card{height:calc(100% - 26px)}.note-series{color:var(--accent);letter-spacing:.06em;margin:0 0 8px 4px;font-size:.62rem;display:block}.reading-progress{z-index:60;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.reading-progress i{background:var(--accent);transform-origin:0;will-change:transform;width:100%;height:100%;display:block;transform:scaleX(0)}.article-header{border-bottom:1px solid var(--line);padding:88px 0 42px}.article-header h1{letter-spacing:-.065em;margin:18px 0 22px;font-size:clamp(2.4rem,7vw,5.4rem);line-height:1.02}.article-header p{max-width:720px;color:var(--muted);font-size:1.1rem}.article-meta{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:.8rem;display:flex}.article-meta a{color:var(--muted);text-decoration:none}.article-meta a:hover{color:var(--accent)}.article-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.article-tags a{text-decoration:none}.article-layout{grid-template-columns:190px minmax(0,760px);justify-content:center;align-items:start;gap:clamp(42px,7vw,90px);display:grid}.article-layout.without-toc{grid-template-columns:minmax(0,760px)}.article-toc{padding:56px 0;position:sticky;top:108px}.article-toc nav{border-left:1px solid var(--line);gap:9px;margin-top:16px;display:grid}.article-toc a{color:var(--muted);padding-left:14px;font-size:.75rem;line-height:1.35;text-decoration:none}.article-toc a.nested{padding-left:28px;font-size:.7rem}.article-toc a:hover{color:var(--accent)}.prose{min-width:0;padding:56px 0 100px;font-size:1.04rem}.prose h2,.prose h3{letter-spacing:-.035em;margin:2.3em 0 .7em;line-height:1.25}.prose h2{font-size:1.9rem}.prose h3{font-size:1.35rem}.prose p,.prose ul,.prose ol{margin:0 0 1.35em}.prose a{color:var(--accent);text-underline-offset:3px}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:2em 0;padding:8px 0 8px 24px}.prose pre{border:1px solid var(--line);border-radius:10px;margin:2em 0;padding:22px;overflow:auto}.code-block{margin:2em 0;position:relative}.prose .code-block pre{margin:0;padding-top:54px}.code-copy{z-index:2;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 92%, transparent);min-width:58px;min-height:30px;color:var(--muted);cursor:pointer;backdrop-filter:blur(8px);border-radius:6px;padding:4px 10px;font:500 .7rem DM Mono,monospace;transition:border-color .2s,color .2s,background .2s,transform .2s;position:absolute;top:11px;right:11px}.code-copy:hover,.code-copy:focus-visible{border-color:var(--accent);color:var(--text);outline:none;transform:translateY(-1px)}.code-copy.is-copied{border-color:color-mix(in srgb, var(--accent) 72%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));color:var(--accent)}.code-copy.is-error{border-color:color-mix(in srgb, var(--orange) 72%, var(--line));color:var(--orange)}.prose :not(pre)>code{background:var(--surface-2);color:var(--orange);border-radius:4px;padding:2px 6px}.prose table{border-collapse:collapse;width:100%;margin:2em 0}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:12px}.related-notes{border-top:1px solid var(--line)}.back-link{color:var(--muted);margin-bottom:24px;text-decoration:none;display:inline-flex}.project-index{padding-top:28px}.project-overview{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:repeat(3,1fr);margin:0 0 22px;display:grid;overflow:hidden}.project-overview div{border-right:1px solid var(--line);padding:22px}.project-overview div:last-child{border-right:0}.project-overview dt{color:var(--text);font:500 1.8rem DM Mono,monospace}.project-overview dd{color:var(--muted);margin:4px 0 0;font-size:.74rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.project-header .shell{max-width:1120px}.project-header h1{max-width:920px}.project-links{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.project-detail{grid-template-columns:270px minmax(0,760px);justify-content:center;align-items:start;gap:clamp(48px,8vw,100px);display:grid}.project-facts{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:56px 0;padding:24px;position:sticky;top:108px}.project-facts dl{margin:20px 0 0}.project-facts dl div{border-bottom:1px solid var(--line);padding:13px 0}.project-facts dt{color:var(--muted);text-transform:uppercase;font:.62rem DM Mono,monospace}.project-facts dd{margin:5px 0 0;font-size:.82rem}.project-highlights{margin-top:24px}.project-highlights strong{font-size:.78rem}.project-highlights ul{color:var(--muted);gap:9px;margin:12px 0 0;padding-left:18px;font-size:.76rem;display:grid}.profile-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:60px;display:grid}.profile-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:30px;position:sticky;top:100px}.profile-avatar{background:var(--accent);width:86px;height:86px;color:var(--accent-ink);border-radius:20px;place-items:center;margin-bottom:24px;font:700 2.5rem DM Mono,monospace;display:grid;transform:rotate(-3deg)}.profile-avatar.profile-logo{object-fit:cover;background:#0b0d0e;display:block}.profile-card p{color:var(--muted)}.about-copy h2{margin:0 0 16px;font-size:2rem}.about-copy section{padding:0 0 48px}.about-copy section>p{color:var(--muted)}.tech-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.tech-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:14px;min-width:0;padding:16px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.tech-item:after{content:"";background:var(--tech-color);opacity:.75;height:2px;position:absolute;inset:auto 0 0}.tech-item:hover{border-color:color-mix(in srgb, var(--tech-color) 55%, var(--line));transform:translateY(-2px)}.tech-icon{background:color-mix(in srgb, var(--tech-color) 12%, var(--surface-2));border-radius:9px;flex:none;place-items:center;width:46px;height:46px;display:grid}.tech-icon img{width:28px;height:28px;display:block}:root[data-theme=dark] .tech-icon img{filter:invert()}.tech-item strong,.tech-item span{display:block}.tech-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.tech-item span{color:var(--muted);text-transform:uppercase;margin-top:2px;font:.67rem DM Mono,monospace}.roadmap{gap:10px;display:grid}.roadmap div{border-left:2px solid var(--accent);background:var(--surface);padding:18px 20px}.site-footer{border-top:1px solid var(--line);padding:60px 0 34px}.footer-grid{grid-template-columns:1fr auto;align-items:start;gap:30px;display:grid}.site-footer p{color:var(--muted)}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--accent)}.copyright{border-top:1px solid var(--line);grid-column:1/-1;margin-top:30px;padding-top:22px;font:.75rem DM Mono,monospace}@media (width<=820px){.nav-wrap{grid-template-columns:1fr auto}.nav-wrap nav{grid-area:2/1/auto/-1;justify-content:space-between;padding-bottom:12px;overflow-x:auto}.hero-grid,.section-heading,.profile-grid{grid-template-columns:1fr}.section-heading p{justify-self:start}.hero-panel{max-width:440px}.post-grid{grid-template-columns:1fr}.tracks{grid-template-columns:repeat(2,1fr)}.track:nth-child(2){border-right:0}.track:nth-child(-n+2){border-bottom:1px solid var(--line)}.cta{grid-template-columns:1fr}.profile-card{position:static}.knowledge-toolbar{grid-template-columns:1fr 1fr}.knowledge-search{grid-column:1/-1}.article-layout{grid-template-columns:1fr;gap:0}.article-toc{padding:34px 0 0;position:static}.article-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail{grid-template-columns:1fr;gap:0}.project-facts{margin:40px 0 0;position:static}}@media (width<=560px){.shell,.narrow{width:min(100% - 28px,1120px)}nav a{padding:7px 9px;font-size:.82rem}.hero{padding-top:70px}.hero h1{font-size:clamp(3rem,17vw,5rem)}.tracks{grid-template-columns:1fr}.track{border-right:0;border-bottom:1px solid var(--line);min-height:190px}.track:last-child{border-bottom:0}.track h3{margin-top:36px}.knowledge-toolbar{grid-template-columns:1fr}.knowledge-search{grid-column:auto}.notes-filter-row{display:block}.article-toc nav,.project-grid,.project-overview{grid-template-columns:1fr}.project-overview div{border-right:0;border-bottom:1px solid var(--line)}.project-overview div:last-child{border-bottom:0}.cta-actions{justify-content:flex-start}.tech-stack,.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.signature-reveal{opacity:1;width:100%;animation:none}.signature-mark:after{animation:none;transform:scaleX(1)rotate(-2deg)}.signature-caption{opacity:1;animation:none;transform:none}main :is(.hero,.page-hero,.article-header) h1{opacity:1;clip-path:none;filter:none;animation:none;transform:none}}.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}