:root{--ink:#202c3e;--text:#38465a;--muted:#66758a;--line:#dce3ec;--green:#285cbd;--bg:#fafbfd;--surface:#edf2fa;--soft:#f1f5fb;--glass:rgba(250,251,253,.85);--font:ui-rounded,-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI Variable','Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif}
:root[data-palette="mocha"]{--ink:#352b27;--text:#574943;--muted:#796961;--line:#e4dbd4;--green:#855d48;--bg:#fcfaf7;--surface:#f0e8df;--soft:#f5eee7;--glass:rgba(252,250,247,.85)}
:root[data-palette="peri"]{--ink:#292a46;--text:#494c67;--muted:#74758b;--line:#e0dfed;--green:#6253b4;--bg:#fbfaff;--surface:#edebf8;--soft:#f3f1fb;--glass:rgba(251,250,255,.85)}

html{scroll-padding-top:112px}body{font-family:var(--font);font-size:17px;font-weight:450;line-height:1.8;color:var(--text)}h1,h2,h3,.brand,.footer strong{font-family:var(--font)!important;letter-spacing:-.035em}h1{font-weight:700!important}.hero h1{font-family:var(--font);font-weight:700;font-size:clamp(44px,4.7vw,66px);letter-spacing:-.055em}h2{font-size:31px;font-weight:650}h3{font-weight:650}.brand{font-size:24px;font-weight:650}.brand span{font-size:9px;letter-spacing:1.4px}.eyebrow{font-family:var(--font);font-size:11px;color:var(--muted);font-weight:650}.site-header{position:sticky;top:0;z-index:40;background:var(--glass);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 4px 20px #172b4510}.admin-bar .site-header{top:32px}.nav-row{height:88px}#nav{gap:22px;align-items:center}#nav a,.nav-group summary{font-size:15px;font-weight:550;color:var(--text)}.nav-group{position:relative}.nav-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:12px 0}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'⌄';font-size:13px;transition:transform .2s}.nav-group[open] summary:after{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(100% + 9px);left:-22px;min-width:205px;padding:9px;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px #172b451a;display:flex;flex-direction:column;gap:3px}.dropdown a{padding:10px 13px;border-radius:8px;white-space:nowrap}.dropdown a:hover{background:var(--surface);text-decoration:none}.dropdown small{font-size:11px;color:var(--muted);display:block;font-weight:400}.palette-group .dropdown{left:auto;right:0;min-width:195px}.palette-group summary{font-size:12px;color:var(--muted)}.palette-button{border:0;background:none;text-align:left;padding:11px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text);border-radius:8px;font:500 14px var(--font)}.palette-button:hover,.palette-button[aria-pressed="true"]{background:var(--surface)}.palette-button i{width:13px;height:13px;border-radius:50%;background:var(--swatch)}.subtitle{font-size:19px;font-weight:550;letter-spacing:0}.intro{font-size:16px;color:var(--muted);line-height:1.95}.hero-actions{font-size:15px;font-weight:550}.primary{border-radius:10px;padding:11px 20px;transition:transform .18s,filter .18s}.primary:hover{background:var(--green);filter:brightness(1.07);transform:translateY(-1px)}.profile-panel{background:var(--surface);border-top-color:var(--green);border-radius:0 0 14px 14px}.profile-panel dt{font-size:12px;color:var(--muted)}.profile-panel dd{font-size:15px;font-weight:500}.muted,.placeholder,.panel-label,.tag,.section-note{color:var(--muted)}.placeholder,.panel-label,.section-note{font-size:11px}.research-visual{background:var(--surface);border-color:var(--line);border-radius:12px;overflow:hidden}.research-visual svg g{stroke:var(--green)}.research-visual svg pattern path{stroke:var(--line)}.research-visual>span{color:var(--muted)}.research-list h3{font-size:21px}.research-list p{font-size:14px;color:var(--muted)}.tag{font-size:11px}.section-header>p,.section-header>a{font-size:14px;color:var(--muted)}.tinted{background:var(--soft);border-color:var(--line)}.writing-row{border-color:var(--line);transition:background .18s,transform .18s;padding-left:10px;padding-right:10px;border-radius:7px}.writing-row:hover{background:var(--surface);transform:translateX(3px)}.writing-row h3{font-size:20px}.writing-row p{font-size:14px;color:var(--muted)}.writing-type,.writing-row time{font-size:12px;color:var(--muted)}.arrow{color:var(--green)}.profile-section>div>p:not(.eyebrow),.elsewhere p:not(.eyebrow){font-size:14px;color:var(--muted)}.timeline>div>span{font-size:13px;color:var(--green);font-weight:550}.timeline p{font-size:15px}.timeline p span{font-size:12px}.elsewhere>div:last-child{font-size:14px}.elsewhere a{padding:9px 13px;border:1px solid var(--line);border-radius:9px}.elsewhere a:hover{background:var(--surface);text-decoration:none}.footer{font-size:13px}.footer strong{font-size:19px}.footer p{font-size:11px;color:var(--muted)}.entry-content{font-size:17px}.reading h1{font-size:38px}.archive-row h2{font-size:25px}.archive-row p{font-size:15px;color:var(--muted)}.archive-row time{font-size:12px;color:var(--muted)}.category-view{max-width:930px;min-height:70vh}.category-eyebrow{margin-top:35px}.category-view h1{font-size:44px;margin:10px 0}.category-description{font-size:15px;color:var(--muted)}.topic-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 15px;position:static!important;background:transparent!important;padding:0!important;border:0!important}.topic-tabs a{font-size:14px;border:1px solid var(--line);padding:7px 15px;border-radius:24px;color:var(--text)}.topic-tabs a:hover,.topic-tabs a[aria-current="page"]{background:var(--green);color:#fff;text-decoration:none}.article-more{display:inline-block;margin-top:15px;font-size:14px;font-weight:550}.archive-row h2 span{font-size:19px}.search-form input{border-radius:8px}.search-form button{border-radius:8px;font-size:14px}.topic-shortcuts{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.topic-shortcuts a{font-size:13px;padding:6px 12px;background:var(--bg);border:1px solid var(--line);border-radius:20px}.topic-shortcuts a:hover{background:var(--green);color:white;text-decoration:none}summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}
@media(max-width:1000px){#nav{gap:16px}.brand{font-size:21px}.nav-group summary,#nav a{font-size:14px}}@media(max-width:760px){.menu-toggle{display:block;border:0;background:var(--surface);border-radius:8px;padding:8px 12px;color:var(--ink);font:550 14px var(--font)}#nav{display:none;position:absolute;left:0;right:0;top:88px;padding:16px 24px;background:var(--bg);border-bottom:1px solid var(--line);max-height:75vh;overflow:auto;align-items:stretch}#nav.open{display:flex;flex-direction:column;gap:4px}#nav>a{padding:10px 0}.dropdown,.palette-group .dropdown{position:static;box-shadow:none;min-width:0;margin:0 0 10px;background:var(--surface);border:0}.nav-group summary{justify-content:space-between;font-size:16px}.hero{gap:30px}}@media(max-width:600px){.nav-row{height:78px}#nav{top:78px}.hero h1{font-size:47px}.subtitle{font-size:17px}.intro{font-size:15px}.profile-panel dt{font-size:11px}.profile-panel dd{font-size:13px}.research-list h3{font-size:20px}.research-list p{font-size:14px}.writing-row h3{font-size:17px}.writing-row p{font-size:13px}.writing-row time{font-size:10px}.section-header>a{font-size:12px}.timeline p{font-size:14px}.timeline p span{font-size:11px}.category-view h1{font-size:34px}.topic-tabs a{font-size:12px;padding:7px 12px}.entry-content{font-size:16px}.reading h1{font-size:30px}.admin-bar .site-header{top:46px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.cv-entries article{padding:20px 0;border-bottom:1px solid var(--line)}.cv-entries article:first-child{padding-top:0}.cv-entries time{display:block;font-size:12px;color:var(--green);margin-bottom:7px}.cv-entries h3{font-size:19px;line-height:1.5;letter-spacing:-.015em}.cv-entries p{font-size:14px;margin-top:7px}.cv-entries .cv-detail{font-size:13px;color:var(--muted)}.cv-expand{border-bottom:1px solid var(--line);margin-top:20px}.cv-expand summary{cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:17px 0;color:var(--green);font-size:15px;font-weight:600;list-style:none}.cv-expand summary::-webkit-details-marker{display:none}.cv-expand[open] summary span{transform:rotate(45deg)}.cv-expand ul{padding-left:20px;font-size:14px;color:var(--muted)}.cv-expand .cv-entries{padding-bottom:15px}.publication h3{font-size:23px;margin:15px 0;max-width:900px}.publication>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:6px}.publication{padding-bottom:20px}.profile-panel dd{overflow-wrap:anywhere}@media(max-width:600px){.publication h3{font-size:19px}.cv-entries h3{font-size:17px}.cv-entries p{font-size:13px}}
.hero h1{font-weight:550!important;letter-spacing:-.035em}.brand{font-weight:550;letter-spacing:-.025em}.profile-section{display:block}.profile-section>div:first-child{margin-bottom:28px}.profile-section>.cv-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.profile-section>.cv-entries>article{padding:18px 0}.profile-section>.cv-entries>.cv-expand{grid-column:1/-1;margin-top:8px}.profile-section .cv-entries h3{font-size:18px}.profile-section .cv-entries .cv-detail{font-size:12px}.life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:22px}.life-card{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--soft)}.life-card time{font-size:12px;color:var(--muted)}.life-card h3{margin:10px 0;font-size:21px}.life-card p{font-size:14px;color:var(--muted)}.social-links{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0 14px;font-size:14px}.life-section{border-top:1px solid var(--line)}@media(max-width:600px){.profile-section>.cv-entries,.life-grid{grid-template-columns:1fr}.profile-section>.cv-entries{gap:0}.life-card{padding:20px}.profile-section .cv-entries h3{font-size:17px}}
.life-card{padding:0;overflow:hidden}.life-card-body{padding:22px 24px}.life-cover{display:block;overflow:hidden;aspect-ratio:16/9;background:var(--surface)}.life-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.life-cover:hover img{transform:scale(1.025)}@media(max-width:600px){.life-card{padding:0}.life-card-body{padding:20px}}
#nav>a[aria-current="page"]{color:var(--green);text-decoration:underline;text-underline-offset:8px}.palette-group{border-left:1px solid var(--line);padding-left:22px;margin-left:4px}.page-intro{padding-bottom:28px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:44px;font-weight:550!important;margin:12px 0}.page-intro>p:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:8px}.page-intro .topic-tabs{align-items:center}.page-intro .topic-tabs>span{font-size:12px;color:var(--muted);margin-right:8px}.contact-section{border-top:1px solid var(--line)}.profile-panel .article-more{font-size:13px;margin:0 0 18px}@media(max-width:760px){.palette-group{border-left:0;border-top:1px solid var(--line);padding-left:0;margin:8px 0 0}}@media(max-width:600px){.page-intro h1{font-size:36px}}
:root[data-mode="dark"]{color-scheme:dark;--ink:#ecf0f6;--text:#d1d9e5;--muted:#a5b1c3;--line:#354152;--bg:#151b24;--surface:#232d3b;--soft:#1c2430;--glass:rgba(21,27,36,.88);--green:#9cbeff}:root[data-mode="dark"][data-palette="mocha"]{--green:#e4bba2}:root[data-mode="dark"][data-palette="peri"]{--green:#c2b6ff}[data-mode="dark"] .primary,[data-mode="dark"] .search-form button{color:#151b24}[data-mode="dark"] .topic-tabs a:hover,[data-mode="dark"] .topic-tabs a[aria-current="page"],[data-mode="dark"] .topic-shortcuts a:hover{color:#151b24}[data-mode="dark"] .entry-content pre{background:var(--surface)}.mode-toggle{font:500 13px var(--font);border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);padding:7px 12px;cursor:pointer;white-space:nowrap}.mode-toggle[aria-checked="true"]{border-color:var(--green);color:var(--green)}.mode-toggle:before{content:'◐';margin-right:6px}.language-link{font-size:12px!important}html[lang="en"] .hero .intro{line-height:1.8}@media(max-width:760px){.mode-toggle{align-self:flex-start;margin:8px 0}html[lang="en"] .hero{grid-template-columns:1fr}}
:root[data-mode="dark"]{--ink:#f0f3f8;--text:#dbe2ed;--muted:#b2bfd1;--line:#4b5a6f;--bg:#283445;--surface:#354358;--soft:#2f3c4f;--glass:rgba(40,52,69,.90)}.palette-group .mode-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);padding:15px 12px 7px;margin:7px 0 0;font:500 14px var(--font)}.mode-toggle:before{content:none}.switch-track{display:block;flex:0 0 44px;width:44px;height:26px;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;transition:background-color .3s,border-color .3s}.switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .3s,background-color .3s;box-shadow:0 1px 3px #0002}.mode-toggle[aria-checked="true"] .switch-track{background:var(--green);border-color:var(--green)}.mode-toggle[aria-checked="true"] .switch-thumb{transform:translateX(18px);background:var(--bg)}.theme-transition body,.theme-transition body *,.theme-transition body *::before,.theme-transition body *::after{transition:background-color .4s ease,color .4s ease,border-color .4s ease,fill .4s ease,stroke .4s ease,box-shadow .4s ease!important}.theme-transition .switch-thumb{transition:transform .3s ease,background-color .4s ease!important}@media(prefers-reduced-motion:reduce){.theme-transition body,.theme-transition body *,.theme-transition body *::before,.theme-transition body *::after,.theme-transition .switch-thumb,.switch-track,.switch-thumb{transition:none!important}}
.flow-art{margin:0}.flow-art>a{display:block}.flow-art img{display:block;width:100%;height:auto}.flow-art figcaption{padding:10px 13px;font-size:10px;line-height:1.6;color:var(--muted);background:var(--surface)}