:root{color-scheme:dark;--site-bg:#1d1e22;--site-surface:#24262b;--site-surface-strong:#2b2d33;--site-text:#f0f1ed;--site-text-soft:#c2c5c2;--site-text-muted:#8f9391;--site-line:#393c42;--site-accent:#afa2ed;--site-accent-strong:#c8bef4;--site-accent-soft:#332f49;--site-code:#292b30;--site-radius:.85rem;--site-max:75rem;--site-reading:46rem;--site-font:"Avenir Next", Avenir, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--site-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-theme=light]{color-scheme:light;--site-bg:#f4f5f7;--site-surface:#eceef2;--site-surface-strong:#e3e5eb;--site-text:#1e2025;--site-text-soft:#4d5159;--site-text-muted:#737883;--site-line:#d8dbe1;--site-accent:#5b4fa8;--site-accent-strong:#463a8c;--site-accent-soft:#e7e3f4;--site-code:#e8eaf0}*{box-sizing:border-box}html{background:var(--site-bg);scroll-behavior:smooth}body{background:var(--site-bg);color:var(--site-text);font-family:var(--site-font);letter-spacing:.004em;margin:0;font-size:1rem;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.18em}button,select,input{font:inherit}::selection{background:var(--site-accent-soft);color:var(--site-text)}:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--site-line) 78%, transparent);background:color-mix(in srgb, var(--site-bg) 92%, transparent);backdrop-filter:blur(16px);position:sticky;top:0}.site-header-inner{max-width:var(--site-max);grid-template-columns:1fr auto 1fr;align-items:center;height:4rem;margin:0 auto;padding:0 1.5rem;display:grid}.site-brand,.footer-brand{color:var(--site-text);letter-spacing:-.02em;justify-self:start;font-size:1.08rem;font-weight:760;text-decoration:none}.desktop-nav{align-items:center;gap:1.8rem;display:flex}.desktop-nav a,.search-link{color:var(--site-text-soft);font-size:.88rem;font-weight:590;text-decoration:none;position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.search-link:hover{color:var(--site-text)}.desktop-nav a[aria-current=page]:after{content:"";background:var(--site-accent);height:2px;position:absolute;bottom:-.42rem;left:0;right:0}.header-actions{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.theme-picker select{border:1px solid var(--site-line);background:var(--site-surface);min-height:2.15rem;color:var(--site-text-soft);border-radius:.55rem;padding:0 1.8rem 0 .55rem;font-size:.78rem}.mobile-menu{display:none;position:relative}.mobile-menu summary{border:1px solid var(--site-line);min-height:2.15rem;color:var(--site-text-soft);cursor:pointer;border-radius:.55rem;padding:.3rem .65rem;font-size:.8rem;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface);width:12rem;box-shadow:0 1rem 2.8rem color-mix(in srgb, var(--site-bg) 70%, transparent);padding:.5rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0}.mobile-menu nav a{border-radius:.55rem;padding:.65rem .75rem;text-decoration:none}.mobile-menu nav a:hover{background:var(--site-surface-strong)}.site-container{width:min(calc(100% - 3rem), var(--site-max));margin-inline:auto}.section-label{color:var(--site-accent);font-family:var(--site-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .65rem;font-size:.72rem;font-weight:720}.home-hero{padding:4.5rem 0 4rem}.home-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:4.5rem;display:grid}.hero-copy h1{letter-spacing:-.05em;max-width:10ch;margin:0;font-size:clamp(2.5rem,5vw,3.45rem);line-height:1.08}.hero-copy>p:not(.section-label){max-width:31rem;color:var(--site-text-soft);margin:1.25rem 0 0;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.7rem;display:flex}.button-link{cursor:pointer;border:1px solid var(--site-line);min-height:2.75rem;color:var(--site-text);background:0 0;border-radius:.65rem;justify-content:center;align-items:center;padding:.62rem 1rem;font-size:.88rem;font-weight:680;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.button-link.primary{border-color:var(--site-accent);background:var(--site-accent);color:var(--site-bg)}.button-link:hover{border-color:var(--site-accent)}.button-link:active{transform:translateY(1px)}.hero-visual{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface);margin:0;padding:.7rem;transform:rotate(.55deg)}.hero-visual img{aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:.55rem;width:100%}.hero-visual figcaption{color:var(--site-text-muted);padding:.65rem .2rem .05rem;font-size:.78rem}.home-section{border-top:1px solid var(--site-line);padding:4.7rem 0}.home-section-heading{max-width:42rem;margin-bottom:2rem}.home-section-heading h2,.page-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15}.home-section-heading p,.page-heading>p{max-width:40rem;color:var(--site-text-soft);margin:.8rem 0 0;font-size:1rem}.project-grid{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:start;gap:1.2rem;display:grid}.project-card{min-width:0}.project-card:nth-child(2){margin-top:5rem}.project-image-link{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface);display:block;overflow:hidden}.project-image-link img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;transition:transform .26s cubic-bezier(.16,1,.3,1)}.project-card:not(.featured) .project-image-link img{aspect-ratio:4/3}.project-image-link:hover img{transform:scale(1.012)}.project-copy{padding:1rem .15rem 0}.project-type{color:var(--site-accent);margin:0;font-size:.76rem;font-weight:700}.project-copy h2{letter-spacing:-.025em;margin:.25rem 0 0;font-size:1.35rem}.project-copy h2 a{text-decoration:none}.project-copy>p:not(.project-type){color:var(--site-text-soft);margin:.55rem 0 0;font-size:.92rem}.stack-list,.topic-list{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;display:flex}.stack-list span,.topic-list span{background:var(--site-surface);color:var(--site-text-muted);font-family:var(--site-mono);border-radius:.45rem;padding:.24rem .5rem;font-size:.68rem}.knowledge-home-grid{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:3rem;display:grid}.column-feature{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface);grid-template-columns:minmax(0,1fr) minmax(12rem,.72fr);gap:1.4rem;padding:1.35rem;display:grid}.column-feature h3{letter-spacing:-.03em;margin:0;font-size:1.5rem}.column-feature p{color:var(--site-text-soft);margin:.65rem 0 0;font-size:.9rem}.column-feature a{color:var(--site-accent);font-weight:680}.column-feature img{object-fit:cover;object-position:top;border-radius:.6rem;width:100%;height:100%;min-height:12rem}.content-list h3{margin:0 0 1rem;font-size:1rem}.content-list-item{border-bottom:1px solid var(--site-line);grid-template-columns:5.5rem 1fr;gap:1rem;padding:.9rem 0;text-decoration:none;display:grid}.content-list-item:first-of-type{border-top:1px solid var(--site-line)}.content-list-item time{color:var(--site-text-muted);font-family:var(--site-mono);font-size:.7rem}.content-list-item strong{font-size:.9rem;font-weight:640}.content-list-item:hover strong{color:var(--site-accent)}.section-end-link{color:var(--site-accent);margin-top:1.4rem;font-weight:680;display:inline-block}.profile-strip{grid-template-columns:.65fr 1.35fr;align-items:start;gap:4rem;display:grid}.profile-strip h2{letter-spacing:-.04em;margin:0;font-size:2rem}.profile-copy p{max-width:44rem;color:var(--site-text-soft);margin:0;font-size:1.05rem}.profile-links{flex-wrap:wrap;gap:1rem;margin-top:1.1rem;display:flex}.profile-links a{color:var(--site-accent);font-weight:680}.page-shell{width:min(calc(100% - 3rem), var(--site-max));min-height:65vh;margin-inline:auto;padding:4rem 0 6rem}.page-heading{max-width:50rem;margin-bottom:3rem}.page-heading .section-label{margin-bottom:.7rem}.article-index-grid{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:2rem;display:grid}.featured-article{text-decoration:none}.featured-article img{aspect-ratio:16/9;border:1px solid var(--site-line);border-radius:var(--site-radius);object-fit:cover;width:100%}.featured-article h2{letter-spacing:-.03em;margin:1rem 0 0;font-size:1.6rem}.featured-article p{color:var(--site-text-soft)}.article-row{border-bottom:1px solid var(--site-line);padding:1.15rem 0;text-decoration:none;display:block}.article-row:first-child{border-top:1px solid var(--site-line)}.article-row time{color:var(--site-text-muted);font-family:var(--site-mono);font-size:.7rem}.article-row h2{margin:.35rem 0 0;font-size:1.05rem}.article-row p{color:var(--site-text-soft);margin:.35rem 0 0;font-size:.86rem}.article-row:hover h2{color:var(--site-accent)}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.note-card{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface);flex-direction:column;justify-content:space-between;min-height:13rem;padding:1.25rem;text-decoration:none;display:flex}.note-card:nth-child(3n){grid-column:span 2;min-height:10rem}.note-card time{color:var(--site-text-muted);font-family:var(--site-mono);font-size:.7rem}.note-card h2{letter-spacing:-.025em;max-width:22rem;margin:.8rem 0 0;font-size:1.25rem}.note-card p{max-width:34rem;color:var(--site-text-soft);margin:.55rem 0 0;font-size:.88rem}.note-card:hover{border-color:var(--site-accent)}.knowledge-library{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1.3rem;display:grid}.library-primary,.library-secondary{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface);padding:1.4rem}.library-primary img{aspect-ratio:16/8.5;object-fit:cover;object-position:top;border-radius:.6rem;width:100%}.library-primary h2,.library-secondary h2{margin:1rem 0 0;font-size:1.5rem}.library-primary p,.library-secondary p{color:var(--site-text-soft)}.library-secondary{flex-direction:column;justify-content:space-between;display:flex}.library-secondary nav{gap:.7rem;margin-top:1.2rem;display:grid}.library-secondary nav a{color:var(--site-accent);font-weight:650}.filter-bar{flex-wrap:wrap;gap:.55rem;margin:0 0 2rem;display:flex}.filter-button{border:1px solid var(--site-line);min-height:2.35rem;color:var(--site-text-soft);cursor:pointer;background:0 0;border-radius:.55rem;padding:.38rem .75rem}.filter-button[aria-pressed=true],.filter-button:hover{border-color:var(--site-accent);background:var(--site-accent-soft);color:var(--site-text)}.project-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 1.2rem;display:grid}.project-index-grid .project-card:nth-child(2){margin-top:4rem}.empty-state{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface);max-width:34rem;padding:2rem;display:none}.empty-state h2{margin:0;font-size:1.2rem}.empty-state p{color:var(--site-text-soft);margin:.5rem 0 0}.article-shell{width:min(100% - 3rem,72rem);margin-inline:auto;padding:4rem 0 6rem}.article-header{max-width:var(--site-reading)}.article-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.1rem,5vw,3.15rem);line-height:1.15}.article-description{max-width:42rem;color:var(--site-text-soft);margin:1rem 0 0;font-size:1.05rem}.article-meta{color:var(--site-text-muted);font-family:var(--site-mono);flex-wrap:wrap;gap:1rem;margin-top:1.2rem;font-size:.72rem;display:flex}.article-cover{border:1px solid var(--site-line);border-radius:var(--site-radius);object-fit:cover;object-position:top;width:100%;max-height:38rem;margin-top:2.5rem}.article-grid{grid-template-columns:minmax(0, var(--site-reading)) minmax(12rem, 1fr);align-items:start;gap:4rem;margin-top:3rem;display:grid}.article-prose{min-width:0;font-size:1.04rem;line-height:1.9}.article-prose>:first-child{margin-top:0}.article-prose h2{border-bottom:1px solid var(--site-line);letter-spacing:-.025em;margin:3.2rem 0 1rem;padding-bottom:.55rem;font-size:1.6rem;line-height:1.35}.article-prose h3{margin:2.25rem 0 .7rem;font-size:1.22rem}.article-prose p,.article-prose li{color:var(--site-text-soft)}.article-prose strong{color:var(--site-text)}.article-prose a{color:var(--site-accent-strong);overflow-wrap:anywhere}.article-prose img{border:1px solid var(--site-line);border-radius:var(--site-radius);width:100%;margin:1.6rem 0 .55rem}.article-prose blockquote{border-left:3px solid var(--site-accent);background:var(--site-accent-soft);border-radius:0 .55rem .55rem 0;margin-inline:0;padding:.75rem 1rem}.article-prose pre{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-code);padding:1rem;overflow-x:auto}.article-prose code{font-family:var(--site-mono);font-size:.86em}.article-prose :not(pre)>code{background:var(--site-code);border-radius:.3rem;padding:.12rem .32rem}.article-prose table{border-collapse:collapse;width:100%;font-size:.9rem;display:block;overflow-x:auto}.article-prose th,.article-prose td{border-bottom:1px solid var(--site-line);text-align:left;padding:.65rem .75rem}.article-prose hr{border:0;border-top:1px solid var(--site-line);margin:3rem 0}.article-toc{max-height:calc(100vh - 7rem);position:sticky;top:5.5rem;overflow-y:auto}.article-toc>p{color:var(--site-text);margin:0 0 .7rem;font-size:.82rem;font-weight:700}.article-toc nav{gap:.35rem;display:grid}.article-toc a{color:var(--site-text-muted);font-size:.78rem;line-height:1.45;text-decoration:none}.article-toc a:hover{color:var(--site-accent)}.article-toc a.toc-nested{padding-left:.75rem}.project-detail-hero{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:3rem;margin-bottom:4rem;display:grid}.project-detail-copy h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.12}.project-detail-copy>p{color:var(--site-text-soft)}.project-detail-links{flex-wrap:wrap;gap:.7rem;margin-top:1.3rem;display:flex}.project-detail-hero img{border:1px solid var(--site-line);border-radius:var(--site-radius);object-fit:cover;width:100%}.about-grid{grid-template-columns:.65fr 1.35fr;gap:4rem;display:grid}.about-aside{align-self:start;position:sticky;top:6rem}.about-aside h1{letter-spacing:-.045em;margin:0;font-size:2.5rem}.about-aside p{color:var(--site-text-muted)}.about-copy{max-width:48rem}.about-copy h2{margin:2.7rem 0 .7rem;font-size:1.4rem}.about-copy h2:first-child{margin-top:0}.about-copy p,.about-copy li{color:var(--site-text-soft)}.about-copy a{color:var(--site-accent)}.resume-toolbar{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.resume-sheet{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface);max-width:52rem;margin-inline:auto;padding:2.5rem}.resume-sheet h1{margin:0;font-size:2.5rem}.resume-sheet>p{color:var(--site-text-soft)}.resume-section{border-top:1px solid var(--site-line);grid-template-columns:9rem 1fr;gap:1.5rem;padding:1.5rem 0;display:grid}.resume-section h2{margin:0;font-size:.9rem}.resume-section h3{margin:0;font-size:1rem}.resume-section p{color:var(--site-text-soft);margin:.35rem 0 0}.search-form{grid-template-columns:1fr auto;gap:.65rem;max-width:48rem;display:grid}.search-form input{border:1px solid var(--site-line);background:var(--site-surface);min-height:3rem;color:var(--site-text);border-radius:.65rem;padding:.65rem .85rem}.search-form button{border:1px solid var(--site-accent);background:var(--site-accent);color:#f5f2ff;cursor:pointer;border-radius:.65rem;min-height:3rem;padding:.65rem 1rem}.search-status{color:var(--site-text-muted);margin:1rem 0;font-size:.85rem}.search-results{max-width:52rem;display:grid}.search-result{border-bottom:1px solid var(--site-line);padding:1.1rem 0}.search-result a{font-size:1.05rem;font-weight:700;text-decoration:none}.search-result a:hover{color:var(--site-accent)}.search-result p{color:var(--site-text-soft);margin:.35rem 0 0;font-size:.87rem}.site-footer{border-top:1px solid var(--site-line)}.site-footer-inner{width:min(calc(100% - 3rem), var(--site-max));justify-content:space-between;align-items:end;gap:2rem;min-height:11rem;margin-inline:auto;padding:2.5rem 0;display:flex}.site-footer p{color:var(--site-text-muted);margin:.45rem 0 0;font-size:.84rem}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:1.2rem;display:flex}.site-footer nav a{color:var(--site-text-soft);font-size:.82rem}@media (width<=60rem){.desktop-nav{display:none}.site-header-inner{grid-template-columns:1fr auto}.search-link{display:none}.mobile-menu{display:block}.home-hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-copy h1{max-width:14ch}.hero-visual{transform:none}.knowledge-home-grid,.article-index-grid,.knowledge-library,.project-detail-hero,.about-grid{grid-template-columns:1fr}.about-aside{position:static}.article-grid{grid-template-columns:1fr;gap:2rem}.article-toc{border:1px solid var(--site-line);border-radius:var(--site-radius);background:var(--site-surface);order:-1;padding:1rem;position:static}}@media (width<=44rem){.site-header-inner{height:3.7rem;padding-inline:1rem}.theme-picker{display:none}.site-container,.page-shell,.article-shell,.site-footer-inner{width:min(calc(100% - 2rem), var(--site-max))}.home-hero{padding:3.2rem 0 3rem}.hero-copy h1{font-size:2.5rem}.home-section{padding:3.5rem 0}.project-grid,.project-index-grid,.profile-strip,.note-grid{grid-template-columns:1fr}.project-card:nth-child(2),.project-index-grid .project-card:nth-child(2){margin-top:0}.column-feature{grid-template-columns:1fr}.column-feature img{min-height:10rem}.note-card:nth-child(3n){grid-column:auto}.page-shell,.article-shell{padding:3rem 0 4rem}.page-heading{margin-bottom:2rem}.article-header h1{font-size:2.15rem}.article-grid{margin-top:2rem}.article-prose{font-size:1rem;line-height:1.86}.article-prose h2{font-size:1.4rem}.project-detail-hero{gap:2rem;margin-bottom:2.5rem}.resume-sheet{padding:1.25rem}.resume-section{grid-template-columns:1fr;gap:.55rem}.search-form{grid-template-columns:1fr}.site-footer-inner{flex-direction:column;align-items:start;min-height:0}.site-footer nav{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}@media print{.site-header,.site-footer,.resume-toolbar{display:none!important}body{color:#202124;background:#f8f8f5}.page-shell{width:100%;padding:0}.resume-sheet{background:0 0;border:0;max-width:none}}