:root{color-scheme:light;--ink:#111;--muted:#555;--line:#ddd}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,'Helvetica Neue',sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid #111;outline-offset:5px}
::selection{background:#ddd;color:#000}
.skip-link{position:fixed;top:8px;left:8px;z-index:10;background:#111;color:#fff;padding:8px 15px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.page{max-width:848px;margin:0 auto;padding:52px 30px 25px}
.profile{text-align:center;margin-bottom:42px}
.portrait{display:block;width:210px;height:auto;max-width:100%;margin:0 auto 23px;border-radius:3px}
h1{font-size:32px;line-height:1.3;font-weight:600;letter-spacing:-.6px;margin:0 0 10px}
h1 span{display:inline-block;font-size:26px;font-weight:400;margin-left:8px;letter-spacing:1px}
.position{font-size:15px;color:var(--muted);margin:0 0 12px}
.profile-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;font-size:14px}
nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;padding:12px 0;font-size:14px}
nav a{text-decoration:none}
nav a:hover{text-decoration:underline}
main{min-width:0}
section{margin-bottom:42px}
.section-heading{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:20px}
h2{font-size:23px;line-height:1.4;font-weight:600;margin:0}
.biography p{margin:0 0 17px}
.biography p:last-child{margin-bottom:0}
.year-group{margin-top:25px}
.year{font-size:17px;font-weight:600;line-height:1.4;margin:0 0 18px}
.papers{list-style:none;margin:0;padding:0}
.papers li{margin:0 0 25px}
.papers li:last-child{margin-bottom:0}
h4{font-size:16px;line-height:1.65;font-weight:600;margin:0 0 5px}
h4 a{text-decoration:none}
h4 a:hover{text-decoration:underline}
.authors{font-size:14px;margin:0 0 3px;color:var(--muted)}
.authors strong{font-weight:600;color:var(--ink)}
.venue{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.translation{font-style:italic}
.venue-label{display:inline-block;font-size:11px;line-height:1.5;border:1px solid #aaa;padding:1px 6px;margin-top:5px;white-space:nowrap;color:var(--ink)}
.paper-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;margin-top:7px}
.education-list{list-style:none;margin:0;padding:0}
.education-list li{margin-bottom:22px}
.education-list li:last-child{margin-bottom:0}
.education-list h3{font-size:16px;font-weight:600;line-height:1.6;margin:0 0 3px}
.education-list p{font-size:14px;color:var(--muted);margin:0}
footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:17px 0 0;font-size:12px;color:var(--muted)}
@media(max-width:600px){.page{padding:30px 21px 20px}.portrait{width:185px}.profile{margin-bottom:32px}h1{font-size:28px}h1 span{font-size:23px}.position{font-size:14px}nav{gap:12px 22px}h2{font-size:22px}section{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.page{max-width:none;padding:0}.portrait{width:110px}nav,.skip-link,footer{display:none}.profile{margin-bottom:20px}body{font-size:11pt}article,.education-list li{break-inside:avoid}a{text-decoration:none}section{margin-bottom:25px}}

/* Bundled fonts keep typography consistent across devices. */
:lang(zh){font-family:"Homepage Source Han Serif","Source Han Serif SC","思源宋体","SimSun",serif;font-weight:700;font-synthesis:none}
.biography .word-red{color:#c83737}
.biography .word-orange{color:#bc5512}
.biography .word-yellow{color:#a17b00}
.biography .word-green{color:#25823c}
.biography .word-cyan{color:#087f8c}
.biography .word-blue{color:#2964bd}
.biography .word-purple{color:#8542b0}

@font-face{font-family:'Homepage Source Han Serif';src:url('fonts/source-han-serif-sc-bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Cascadia Code';src:url('fonts/cascadia-code-latin-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
.profile h1,.section-heading h2,nav{font-family:'Comic Sans MS','Comic Sans',cursive;font-weight:600}
.biography [class^='word-']{font-weight:700}