@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ol,ul{margin:0}img{max-width:100%;height:auto}a{color:inherit}button,input{font:inherit}}@layer base{@font-face{font-family:Instrument Serif;src:url(/fonts/InstrumentSerif-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--paper:#f3f0ea;--ink:#000;--muted:#595750;--line:#d0cdc6;--accent:#e3e5ff;--panel:#e9e6e0;--white:#fff;--blue:#0920d8;--red:#990c08;--display:"Instrument Serif","Songti SC","STSong","SimSun",Georgia,serif;--radius:0px;--measure:1160px;--chrome-height:104px}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--chrome-height) + 24px)}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}h1,h2,h3{font-family:var(--display);font-synthesis:none;letter-spacing:-.025em;text-wrap:balance;font-weight:400;line-height:1.13}h1{max-width:900px;font-size:clamp(2.6rem,5.6vw,5rem)}h2{font-size:clamp(1.8rem,3vw,2.55rem)}h3{letter-spacing:-.025em;font-size:1.65rem}p{color:var(--muted)}a{text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:0}::selection{background:var(--accent);color:var(--ink)}[id]{scroll-margin-top:24px}[lang=zh-CN] h1{letter-spacing:-.04em;line-height:1.25}[lang=zh-CN] h2,[lang=zh-CN] h3{letter-spacing:0;line-height:1.35}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}}@layer layout{.wrap{width:min(var(--measure),calc(100% - 80px));margin-inline:auto}.site-chrome{z-index:50;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:30px;min-height:76px;display:flex;position:relative}.header-actions{align-items:center;gap:20px;display:flex}.desktop-nav{gap:30px;display:flex}.hero{grid-template-columns:minmax(0,1fr) 245px;align-items:end;gap:80px;padding-block:100px 106px;display:grid}.hero h1{max-width:770px;margin-block:20px 26px}.hero-lead{max-width:660px;font-size:1.2rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:34px;display:flex}.section{border-top:1px solid var(--line);padding-block:64px}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px;display:flex}.section-heading h2{margin-top:12px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.intro-grid{grid-template-columns:1fr 1fr;gap:64px;padding-block:75px;display:grid}.intro-grid h2{max-width:420px;margin-top:14px}.intro-grid .text-link{margin-top:22px}.interest-callout{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;gap:36px;margin-block:16px 100px;padding:44px 48px;display:flex}.interest-callout h2{max-width:620px;margin-block:12px 16px}.interest-callout p{color:#c1c7bc}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:42px;padding-block:48px 25px;display:grid}.site-footer p{margin-top:12px;font-size:.9rem}.footer-links{justify-self:end;max-width:340px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;justify-content:space-between;padding-top:20px;font-size:.8rem;display:flex}.page-heading{padding-block:76px 62px}.page-heading h1{margin-block:18px 26px}.about-layout{grid-template-columns:290px minmax(0,1fr);gap:110px;padding-bottom:80px;display:grid}.identity-panel{align-self:start}.about-content{max-width:670px}.project-index{margin-bottom:80px}.project-heading{border-bottom:1px solid var(--line);padding-block:32px 48px}.project-heading h1{overflow-wrap:anywhere;margin-block:18px 20px}.project-layout{grid-template-columns:230px minmax(0,1fr);gap:96px;padding-block:52px;display:grid}.project-toc{top:calc(var(--chrome-height) + 30px);align-self:start;position:sticky}.project-body{max-width:710px}.adjacent-project{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding-block:36px 68px;display:flex}.not-found{padding-block:90px 120px}.not-found h1{margin-block:20px}.not-found p{margin-top:18px}}@layer components{.preview-bar{text-align:center;color:var(--muted);background:#e9e6e0;padding:4px 16px;font-size:.7rem}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:10px 20px;position:fixed;top:8px;left:8px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.brand{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;display:inline-flex}.avatar-placeholder{max-width:100%;color:var(--ink);flex-shrink:0;display:block}.desktop-nav a{color:var(--muted);padding-block:10px;font-size:.9rem;text-decoration:none}.desktop-nav a[aria-current],.desktop-nav a:hover{color:var(--ink);text-underline-offset:9px;text-decoration:underline}.language-options{align-items:center;gap:4px;font-size:.8rem;display:flex}.language-options>span,.language-switch{place-items:center;min-width:44px;min-height:44px;padding:8px;display:grid}.language-options>span{color:var(--ink);text-underline-offset:7px;text-decoration:underline}.language-switch{color:var(--muted);text-decoration:none}.language-switch:hover{color:var(--blue)}.mobile-menu{display:none}.eyebrow{color:var(--muted);align-items:center;gap:12px;font-size:.78rem;font-weight:500;line-height:1.5;display:flex}.button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:28px;min-height:48px;padding:14px 20px;font-size:.9rem;text-decoration:none;display:inline-flex}.button:hover{background:var(--blue)}.button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button-light:hover{background:var(--accent)}.text-link{border-bottom:1px solid;align-items:center;gap:14px;min-height:40px;padding-block:5px;font-size:.9rem;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--blue)}.hero-index{padding-bottom:4px}.hero-index .eyebrow{margin-bottom:20px}.hero-index a{border-top:1px solid var(--line);grid-template-columns:30px 1fr 16px;gap:10px;padding:17px 0;font-size:.9rem;text-decoration:none;display:grid}.hero-index a:last-child{border-bottom:1px solid var(--line)}.hero-index a>span:first-child{color:var(--muted);padding-top:3px;font-size:.7rem}.hero-index a:hover{color:#42662e}.project-card{min-width:0}.project-art{background:#e1e7da;border:1px solid #d4dccb;place-items:center;height:270px;display:grid;position:relative;overflow:hidden}.project-art>span{color:#66715d;font-size:.75rem;position:absolute;bottom:15px;left:20px}.art-window{background:#f1f4ec;border:1px solid #9da995;border-radius:6px;width:57%;height:62%;padding:12px;position:relative;transform:rotate(-4deg);box-shadow:12px 12px #c8d2bf}.art-window>i{vertical-align:top;background:#a3ad99;border-radius:50%;width:4px;height:4px;margin-right:4px;display:inline-block}.art-lines{background:repeating-linear-gradient(#bac6b0 0 4px,#0000 4px 14px);width:55%;height:44px;margin-top:20px}.art-block{background:#d5dfca;border:1px solid #adbca1;width:23%;height:50%;position:absolute;bottom:17px;right:12px}.art-1{background:#e9e4dc;border-color:#ded6cb}.art-1 .art-window{background:#f4f0ea;border-color:#b8ab99;transform:rotate(4deg);box-shadow:12px 12px #d4cabe}.art-1 .art-block{background:#ded4c5;border-color:#c6b9a4;border-radius:50%}.art-1 .art-lines{background:repeating-linear-gradient(#cdbfae 0 4px,#0000 4px 14px)}.project-copy{padding-block:24px}.project-copy h3{margin-top:14px}.project-copy h3 a{text-decoration:none}.project-copy h3 a:hover{text-decoration:underline}.project-copy p{margin-block:12px 16px;font-size:.95rem}.tag{letter-spacing:0;text-transform:none;border:1px solid #c4c9bc;padding:2px 7px;font-size:.65rem;display:inline-block}.pending-links{color:var(--muted);gap:22px;margin-top:10px;font-size:.85rem;display:flex}.portrait-placeholder{aspect-ratio:4/5;background:var(--panel);border:1px solid var(--line);place-items:center;margin-bottom:24px;display:grid}.portrait-placeholder .avatar-placeholder{color:var(--muted)}.identity-panel .text-link{margin-top:16px}.content-section{border-bottom:1px solid var(--line);margin-bottom:38px;padding-block:0 40px}.content-section h2{margin-bottom:24px;font-size:1.8rem}.content-section:last-of-type{margin-bottom:10px}.prose{overflow-wrap:anywhere;line-height:1.9}.prose p+p{margin-top:20px}.prose ul,.prose ol{color:var(--muted);margin-block:16px;padding-left:24px}.prose h3{margin-block:28px 12px;font-size:1.3rem}.prose h2{margin-block:32px 18px;font-size:1.8rem}.prose pre{background:var(--panel);padding:18px;font-size:.85rem;overflow-x:auto}.prose blockquote{border-left:3px solid var(--line);margin:20px 0;padding-left:20px}.prose:empty{display:none}.prose:not(:empty)+.content-section{margin-top:35px}.interest-list article{border-top:1px solid var(--line);grid-template-columns:95px 1fr;gap:45px;padding-block:40px;display:grid}.interest-number{color:#829277;font-size:2rem;font-weight:300}.interest-list h2{margin-bottom:20px;font-size:1.9rem}.interest-list .prose{max-width:710px}.next-block{border-top:1px solid var(--line);margin-top:30px;padding-block:35px 60px}.next-block .text-link{margin-top:14px}.breadcrumbs{padding-top:32px}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:13px;padding:0;font-size:.75rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:#969e8e;margin-right:13px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.updated{margin-top:25px;font-size:.8rem}.project-toc ol{counter-reset:toc;margin-top:20px;padding:0;list-style:none}.project-toc li{counter-increment:toc}.project-toc a{color:var(--muted);gap:12px;padding-block:10px;font-size:.85rem;text-decoration:none;display:flex}.project-toc a:before{content:counter(toc,decimal-leading-zero);padding-top:3px;font-size:.65rem}.project-toc a:hover{color:var(--ink);text-decoration:underline}.section-number{color:#789466;margin-bottom:14px;font-size:.7rem}.project-end h2{margin-bottom:14px;font-size:1.5rem}.project-end .text-link{margin-top:18px}.next-project{text-align:right;text-decoration:none}.next-project .eyebrow{justify-content:end}.next-project strong{gap:25px;margin-top:8px;font-size:1.6rem;font-weight:500;display:flex}}@layer responsive{@media (width<=1000px){.hero{grid-template-columns:minmax(0,1fr) 200px;gap:40px;padding-block:70px}.about-layout{grid-template-columns:240px minmax(0,1fr);gap:60px}.project-layout{grid-template-columns:200px minmax(0,1fr);gap:50px}.interest-callout{padding:35px}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.site-header{gap:15px;min-height:70px}.desktop-nav{display:none}.header-actions{gap:10px}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:10px 4px 10px 12px;font-size:.8rem;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary span{transform:rotate(45deg)}.mobile-menu nav{background:var(--paper);border:1px solid var(--line);padding:16px 22px;display:grid;position:absolute;top:calc(100% - 1px);left:0;right:0;box-shadow:0 14px 20px #2026200d}.mobile-menu nav a{padding:12px 0;font-size:.95rem;text-decoration:none}.mobile-menu nav a[aria-current]{text-decoration:underline}.hero{grid-template-columns:1fr;gap:48px;padding-block:48px 54px}.hero h1{margin-block:16px 24px}.hero-lead{font-size:1.05rem}.hero-index{max-width:none}.hero-index .eyebrow{margin-bottom:14px}.hero-index a{padding-block:13px}.hero-actions{gap:20px}.section{padding-block:40px}.section-heading{align-items:start}.section-heading>.text-link{flex-shrink:0;font-size:.8rem}.project-grid{grid-template-columns:1fr;gap:24px}.project-art{height:240px}.intro-grid{grid-template-columns:1fr;gap:24px}.interest-callout{flex-direction:column;align-items:start;gap:24px;margin-block:16px 60px;padding:28px 24px}.site-footer{grid-template-columns:1fr;gap:32px;padding-top:35px}.footer-links{justify-self:start}.page-heading{padding-block:48px 40px}.about-layout{grid-template-columns:1fr;gap:42px;padding-bottom:30px}.identity-panel{max-width:270px}.portrait-placeholder{aspect-ratio:1;max-width:210px}.interest-list article{grid-template-columns:35px minmax(0,1fr);gap:16px;padding-block:30px}.interest-number{font-size:1.3rem}.interest-list h2{font-size:1.5rem}.project-layout{grid-template-columns:1fr;gap:35px;padding-block:30px}.project-toc{border-bottom:1px solid var(--line);padding-bottom:22px;position:static}.project-toc ol{grid-template-columns:1fr 1fr;column-gap:18px;margin-top:12px;display:grid}.project-toc a{font-size:.8rem}.project-heading{padding-block:24px 30px}.content-section h2{font-size:1.6rem}.content-section{margin-bottom:28px;padding-bottom:28px}.adjacent-project{align-items:start}.next-project strong{overflow-wrap:anywhere;gap:12px;font-size:1.2rem}.not-found{padding-block:60px 90px}}@media (width<=370px){.wrap{width:calc(100% - 32px)}h1{font-size:2.3rem}.section-heading{flex-direction:column;gap:14px}.project-toc ol{grid-template-columns:1fr}}}