:root{--ink:#202020;--muted:#737373;--line:#dedede;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.95;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid #222;outline-offset:5px}
::selection{background:#222;color:#fff}
.skip-link{position:fixed;left:16px;top:-60px;padding:8px 16px;background:#222;color:#fff;z-index:10}
.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.header-inner{max-width:1080px;margin:auto;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}
.wordmark{font-size:12px;font-weight:600;letter-spacing:2.2px;white-space:nowrap}
.wordmark-dot{font-size:20px;line-height:0;letter-spacing:0;margin-left:2px}
nav{display:flex;gap:30px;font-size:12px;color:#555}
.page-layout{max-width:1080px;display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:76px;margin:0 auto;padding:76px 32px 24px}
.profile-inner{position:sticky;top:50px}
.eyebrow{margin:0 0 20px;font-size:9px;letter-spacing:2.1px;color:#777;line-height:1.5}
.profile-photo{display:block;width:148px;max-width:100%;height:auto;margin:0 0 23px;border:1px solid #e3e3e3}
h1{font-family:var(--serif);font-size:40px;font-weight:600;letter-spacing:5px;line-height:1.4;margin:0 0 8px}
.english-name{font-family:Georgia,"Times New Roman",serif;font-size:18px;letter-spacing:.5px;margin:0;color:#555}
.profile-rule{width:32px;height:1px;background:#222;margin:29px 0}
.affiliation{font-size:15px;line-height:1.9;margin:0 0 22px}
.affiliation span{font-size:12px;color:#666}
.profile-note{font-size:12px;color:#777;line-height:2.1;margin:0 0 24px}
.profile-email{font-size:12px;letter-spacing:.1px;white-space:nowrap;border-bottom:1px solid #bbb;padding-bottom:5px}
.profile-email span{margin-left:9px}
.profile-bottom{font-size:10px;color:#999;letter-spacing:.6px;margin-top:57px;display:flex;align-items:center;gap:7px}
.small-square{height:4px;width:4px;background:#777;display:inline-block}
main{min-width:0}
section{padding-bottom:34px;margin-bottom:33px;border-bottom:1px solid var(--line)}
.section-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:21px}
h2{font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:1px;line-height:1.45;margin:0}
.section-heading>span{font-size:9px;letter-spacing:1.65px;color:#8b8b8b}
p{margin:0 0 12px}
section p:last-child{margin-bottom:0}
.intro{font-family:var(--serif);font-size:17px;line-height:1.95;margin-bottom:13px}
strong{font-weight:600}
.text-link{border-bottom:1px solid #888;margin-left:3px}
.text-link:hover{text-decoration:none;border-color:#222}
h3{font-size:14px;font-weight:600;line-height:1.8;margin:0}
.item-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.date{font-family:var(--sans);font-size:11px;white-space:nowrap;color:var(--muted);margin:0;letter-spacing:.15px}
.date span{font-size:10px}
.education-item+.education-item{margin-top:23px}
.item-subtitle{font-size:12px;margin:4px 0;color:#555}
.item-detail{font-size:11px;color:#808080;margin:3px 0 0}
.work-list{display:flex;flex-direction:column;gap:25px}
.work-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px}
.work-number{font-family:Georgia,"Times New Roman",serif;font-size:12px;color:#aaa;line-height:2.1;padding-top:1px}
.work-meta{font-size:11px;color:#888;margin:6px 0 9px;letter-spacing:.2px}
.work-item p:not(.work-meta):not(.patent-number){font-size:13px;line-height:1.9;color:#555}
.patent-number{font-size:10px;color:#888;letter-spacing:.5px;margin-top:8px}
#experience article>p:last-child{font-size:13px;color:#555}
.honors-list{list-style-type:square;padding-left:17px;margin:0 0 21px;font-size:13px;line-height:2.2}
.honors-list li::marker{font-size:8px;color:#777}
.skills-list{font-size:12px;margin:0}
.skills-list>div{display:grid;grid-template-columns:88px 1fr;gap:10px;margin-top:8px}
dt{color:#888}dd{margin:0;color:#555}
.contact-section{border:0;padding-bottom:25px;margin-bottom:0}
.contact-section>p{font-size:13px;color:#777;margin-bottom:12px}
.contact-email{font-family:Georgia,"Times New Roman",serif;font-size:23px;letter-spacing:.4px;border-bottom:1px solid #aaa;padding-bottom:3px}
.contact-email span{font-family:var(--sans);font-size:18px;margin-left:14px}
.site-footer{max-width:1016px;margin:18px auto 0;border-top:1px solid var(--line);padding:23px 0 28px;display:flex;gap:22px;font-size:10px;color:#999;letter-spacing:.3px}
.site-footer a{margin-left:auto;color:#777}
@media(min-width:1400px){.page-layout{padding-top:90px}.header-inner{height:90px}}
@media(max-width:900px){.page-layout{grid-template-columns:190px minmax(0,1fr);gap:40px;padding-top:52px}.header-inner{height:72px}.site-footer{margin-left:32px;margin-right:32px}.item-top{flex-direction:column;gap:2px}.date{font-size:10px}h1{font-size:35px}.section-heading{gap:12px}}
@media(max-width:640px){html{scroll-padding-top:28px}.header-inner{height:auto;min-height:73px;padding:17px 24px;gap:13px;align-items:flex-start;flex-direction:column}.wordmark{font-size:10px}nav{gap:25px;font-size:11px}.page-layout{display:block;padding:38px 24px 14px}.profile{border-bottom:1px solid var(--line);padding-bottom:29px;margin-bottom:33px}.profile-inner{position:static}.eyebrow{font-size:8px;margin-bottom:12px}h1{font-size:36px}.english-name{font-size:16px}.profile-rule{margin:19px 0}.affiliation{margin-bottom:11px}.profile-note{margin-bottom:16px;line-height:1.8}.profile-bottom{display:none}.section-heading{margin-bottom:18px;gap:13px}h2{font-size:21px}.section-heading>span{font-size:8px;letter-spacing:1.2px}.intro{font-size:16px}section{padding-bottom:29px;margin-bottom:29px}.item-top{gap:3px}.education-item+.education-item{margin-top:20px}.work-item{grid-template-columns:19px minmax(0,1fr);gap:9px}.work-list{gap:24px}h3{font-size:13px}.skills-list>div{grid-template-columns:76px 1fr}.contact-email{font-size:20px}.site-footer{margin:10px 24px 0;font-size:9px;gap:10px;flex-wrap:wrap;padding:18px 0 24px}.site-footer a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
