:root{--paper:#fbfaf8;--ink:#332c30;--muted:#655f5a;--accent:#30011e;--olive:#847f79;--tea:#d7fcd4;--line:#e0dcd7;--soft:#eff8ed}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,"Helvetica Neue",sans-serif}a{color:var(--accent);text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--tea);color:var(--accent)}p{margin:0 0 14px}strong{font-weight:600}.muted{color:var(--muted)}
.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px 16px;z-index:10}.skip:focus{top:10px}.layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:64px;max-width:1104px;margin:auto;padding:62px 40px 24px}.profile{position:sticky;top:44px;align-self:start}.name{font:400 2.65rem/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.04em;color:var(--ink);display:block}.name span{display:block;font:400 1.12rem/1.5 Arial,sans-serif;letter-spacing:0;color:var(--muted);margin-top:7px}.position{margin:23px 0 12px;line-height:1.5;font-size:.96rem}.break{display:block}.affiliation{font-size:.83rem;color:var(--muted);line-height:1.65}.affiliation strong{color:var(--ink)}.location{font-size:.8rem;color:var(--muted);margin:12px 0 20px}.profile-links{font-size:.82rem}.cv-link{display:flex;justify-content:space-between;padding:8px 11px;border:1px solid var(--olive);margin-bottom:13px;color:var(--accent);font-weight:600}.cv-link span{font-size:.67rem;align-self:center}.social{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:9px}.profile nav{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:20px;margin-top:27px;font-size:.85rem}.profile nav a{color:var(--muted)}.profile nav a:hover{color:var(--accent)}
main{min-width:0}section{padding:32px 0;border-bottom:1px solid var(--line);scroll-margin-top:18px}.intro{padding-top:0;padding-bottom:30px}.eyebrow{font-size:.69rem;letter-spacing:.075em;text-transform:uppercase;font-weight:600;color:var(--accent);margin-bottom:13px}h1{font:400 clamp(1.8rem,3vw,2.5rem)/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0 0 22px}h2{font:400 1.55rem/1.25 Georgia,"Times New Roman",serif;letter-spacing:-.02em;margin:0}h3{font-size:1rem;line-height:1.45;margin:0 0 6px;font-weight:600}.intro>p:not(.eyebrow){font-size:.96rem;line-height:1.8}.availability{background:var(--soft);border-left:3px solid var(--accent);padding:16px 20px;margin-top:23px}.availability h2{font:600 .95rem/1.5 Arial,sans-serif;letter-spacing:0;margin-bottom:6px}.availability p{font-size:.84rem;line-height:1.75;margin-bottom:9px;color:var(--muted)}.availability strong{color:var(--ink)}.action-links{display:flex;gap:25px;font-size:.83rem;font-weight:600}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px}.section-heading>span,.section-heading>a{font-size:.77rem}.section-heading>span{color:var(--muted)}
.featured{border:1px solid var(--line);background:#fff;padding:22px}.project-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;font-size:.76rem}.label{color:var(--muted);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}.featured h3{font-size:1.14rem;color:var(--accent);margin-bottom:9px}.featured p{font-size:.86rem;line-height:1.7}.event-flow{display:grid;grid-template-columns:1fr auto 1.25fr auto 1fr;gap:9px;align-items:center;background:var(--soft);padding:14px 12px;margin:18px 0}.event-flow div{min-width:0}.event-flow strong{font-size:.72rem;display:block;line-height:1.5}.event-flow div span{display:block;font-size:.66rem;color:var(--muted);line-height:1.5;margin-top:3px}.arrow{color:var(--accent);font-size:1rem}.featured .project-detail{color:var(--muted);font-size:.8rem}.results{display:grid;grid-template-columns:1.25fr 1fr 1.2fr;gap:15px;margin:18px 0 10px;border-top:1px solid var(--line);padding-top:15px}.results dt{font-size:.67rem;color:var(--muted);margin-bottom:3px}.results dd{margin:0;font-size:1.35rem;line-height:1.4;color:var(--accent);font-variant-numeric:tabular-nums}.results dd span{display:block;font-size:.67rem;color:var(--muted)}.featured .result-note{font-size:.68rem;line-height:1.6;color:var(--muted);margin-bottom:15px}.featured .project-links{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.76rem;margin-bottom:0}.research-rows article{padding:20px 0;border-bottom:1px solid var(--line)}.research-rows article:last-child{padding-bottom:0;border:0}.research-rows p{font-size:.86rem;color:var(--muted);margin-bottom:5px}.research-rows article>a,.research-rows article>span{font-size:.76rem}
.publications{list-style:none;padding:0;margin:0}.publications li{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.publications li:first-child{padding-top:0}.publications li:last-child{border:0;padding-bottom:0}.pub-year{font-size:.75rem;color:var(--muted);padding-top:3px}.publications h3{font-size:.92rem;font-weight:600;line-height:1.55;margin-bottom:5px}.publications h3 a{color:var(--ink)}.publications h3 a:hover{color:var(--accent)}.publications p{font-size:.76rem;color:var(--muted);margin:0 0 3px}.publications p strong{color:var(--ink)}.publications .venue{font-size:.75rem}.authorship{display:inline-block;color:var(--accent);font-size:.65rem;border:1px solid var(--line);padding:0 5px;margin-left:7px;white-space:nowrap}
.timeline-row{display:flex;justify-content:space-between;gap:25px;margin-bottom:23px}.timeline-row:last-child{margin-bottom:0}.timeline-row h3{font-size:.94rem;margin-bottom:2px}.timeline-row p{font-size:.82rem;color:var(--muted);margin:3px 0 0;line-height:1.65}.timeline-row .role{color:var(--ink);font-size:.84rem}.timeline-row time{flex-shrink:0;font-size:.72rem;color:var(--muted);padding-top:3px}.methods{margin:0;font-size:.82rem}.methods>div{display:grid;grid-template-columns:135px 1fr;gap:15px;margin-bottom:10px}.methods>div:last-child{margin:0}.methods dt{font-weight:600}.methods dd{margin:0;color:var(--muted)}.contact h2{font-size:1.35rem;margin-bottom:12px}.contact p{font-size:.88rem;margin:0}.contact a{display:inline-block;margin-top:5px}footer{display:flex;justify-content:space-between;gap:10px;padding:24px 0;color:var(--muted);font-size:.68rem}
@media(min-width:1300px){.layout{padding-top:74px}}
@media(max-width:900px){.layout{grid-template-columns:190px minmax(0,1fr);gap:35px;padding:40px 26px}.name{font-size:2.3rem}.event-flow{grid-template-columns:1fr;gap:5px;text-align:center}.arrow{transform:rotate(90deg)}.timeline-row{gap:12px}.timeline-row time{font-size:.66rem}.results{gap:10px}.results dt{font-size:.63rem}}
@media(max-width:680px){.layout{display:block;padding:28px 22px 10px}.profile{position:static;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:27px}.name{font-size:2.4rem}.name span{display:inline;font-size:1.1rem;letter-spacing:0;margin-left:10px}.position{font-size:.85rem;margin:12px 0 5px}.break{display:inline}.break:after{content:' · '}.affiliation{font-size:.78rem;margin-bottom:8px}.affiliation br{display:none}.affiliation strong:before{content:' · '}.location{display:none}.profile-links{margin-top:13px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:.8rem}.cv-link{margin:0;padding:5px 10px;gap:14px}.social{width:100%;gap:19px;margin:3px 0 0}.profile nav{flex-direction:row;flex-wrap:wrap;gap:7px 18px;margin:18px 0 0;padding:13px 0 0;font-size:.75rem}.eyebrow{font-size:.59rem;letter-spacing:.06em}h1{font-size:1.9rem;margin-bottom:17px}.intro>p:not(.eyebrow){font-size:.9rem}.availability{padding:14px 15px}.availability h2{font-size:.86rem}.availability p{font-size:.78rem}.action-links{font-size:.77rem;gap:20px}.section-heading{gap:10px;margin-bottom:19px}h2{font-size:1.4rem}.section-heading>a,.section-heading>span{font-size:.66rem}.featured{padding:17px}.project-top{font-size:.71rem}.label{font-size:.59rem}.featured h3{font-size:1.03rem}.event-flow{padding:13px;gap:5px}.event-flow strong{font-size:.76rem}.event-flow div span{font-size:.69rem}.results{grid-template-columns:1fr 1fr;gap:13px}.results>div:first-child{grid-column:1/-1}.results>div:first-child dd span{display:inline;margin-left:4px}.results dt{font-size:.66rem}.results dd{font-size:1.25rem}.publications li{grid-template-columns:33px 1fr;gap:10px}.publications h3{font-size:.87rem}.timeline-row{display:flex;flex-direction:column;gap:4px}.timeline-row time{order:-1;font-size:.69rem}.methods>div{grid-template-columns:1fr;gap:2px;margin-bottom:13px}footer{flex-direction:column;gap:2px}section{padding:28px 0}}
.availability{margin:0 0 23px}
.poster-intro{font-size:.85rem;color:var(--muted);margin-top:-6px;margin-bottom:22px}.poster-item{display:grid;grid-template-columns:180px 1fr;gap:22px;margin-bottom:25px;align-items:center}.poster-item:last-child{margin-bottom:0}.poster-preview{display:block;padding:7px;border:1px solid var(--line);background:white}.poster-preview:hover{border-color:var(--accent)}.poster-preview img{display:block;width:100%;height:auto}.poster-item h3{font-size:.95rem;margin:5px 0 8px}.poster-item p:not(.label){font-size:.81rem;line-height:1.7;color:var(--muted);margin-bottom:7px}.poster-item .label{font-size:.59rem;margin:0}.poster-link{font-size:.78rem}.poster-page{max-width:1280px;margin:auto;padding:32px}.poster-page h1{font-size:2rem;margin:20px 0 12px;max-width:920px}.poster-page .poster-summary{max-width:800px;font-size:.94rem}.poster-page .poster-status{padding:12px 16px;background:var(--soft);font-size:.83rem;max-width:920px}.poster-page .poster-full{display:block;width:100%;height:auto;border:1px solid var(--line);margin:22px 0}.poster-page .poster-actions{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.85rem}.poster-page .poster-caption{font-size:.75rem;color:var(--muted)}@media(max-width:680px){.poster-item{grid-template-columns:105px minmax(0,1fr);gap:14px;align-items:start}.poster-item h3{font-size:.85rem}.poster-item p:not(.label){font-size:.77rem}.poster-page{padding:23px}.poster-page h1{font-size:1.6rem}}
.profile{max-height:calc(100vh - 64px);overflow-y:auto;scrollbar-width:thin;padding-right:4px}
.avatar{position:relative;width:144px;height:144px;border-radius:50%;overflow:hidden;margin:0 0 20px;background:var(--soft);border:1px solid var(--line)}
.avatar img{position:absolute;display:block;width:512%;max-width:none;height:auto;left:-237.5%;top:-55%}
.life-intro{font-size:.85rem;color:var(--muted);margin-top:-6px;margin-bottom:20px}
.life-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.life-gallery figure{margin:0;min-width:0}.life-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:var(--soft)}
.life-gallery .mountain-photo{object-position:50% 55%}.life-gallery .city-photo{object-position:center top}
.life-gallery figcaption{font-size:.73rem;color:var(--muted);margin-top:8px}
@media(max-width:680px){.profile{max-height:none;overflow:visible;padding-right:0}.avatar{float:right;width:88px;height:88px;margin:0 0 12px 16px}.profile .name{font-size:2.15rem}.profile .name span{display:block;margin:5px 0 0;font-size:.94rem}.profile-links{clear:both}.life-gallery{gap:10px}.life-gallery figcaption{font-size:.68rem}}
@media(max-width:420px){.life-gallery{grid-template-columns:1fr}.life-gallery img{max-height:440px;aspect-ratio:3/4}.life-gallery figure{margin-bottom:12px}}
.bio-story{margin-top:20px;border-top:1px solid var(--line);padding-top:15px;font-size:.9rem}.bio-story summary{cursor:pointer;color:var(--accent);font-size:.84rem;font-weight:600;width:fit-content}.bio-story summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.bio-story-copy{padding-top:18px}.bio-story-copy p{line-height:1.85;margin-bottom:16px}.bio-story-copy p:last-child{margin-bottom:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.photo-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,110px);grid-auto-flow:dense;align-items:center;gap:18px 14px;padding:22px 18px;max-width:600px;margin:8px auto 4px;border:12px solid transparent;border-radius:10px;background-color:#94653e;background-image:linear-gradient(#ebd3ad22,#ebd3ad22),url('assets/rustic-wood.webp'),linear-gradient(135deg,#e8c39155,#321b11aa),url('assets/rustic-wood.webp');background-size:auto,cover,auto,cover;background-position:center;background-origin:padding-box,padding-box,border-box,border-box;background-clip:padding-box,padding-box,border-box,border-box;box-shadow:inset 0 0 0 2px #49301d99,inset 0 4px 10px #2c190d55,0 1px 0 #d9b78b,0 8px 20px #30011e24}
.life-photo{grid-column:span 2;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(-2deg)}
.life-photo::after{content:"";position:absolute;z-index:1;top:-2px;left:calc(50% - 4px);width:8px;height:8px;border:1px solid #6d6251;border-radius:50%;background:radial-gradient(circle at 30% 25%,#faf2dd 0 12%,#c9bc9f 30%,#96876e 62%,#655a49 100%);box-shadow:1px 2px 2px #27190e88,0 0 0 1px #efe4ca22;pointer-events:none}
.life-photo.portrait{grid-column:span 1}
.life-photo:nth-child(3n+2){transform:rotate(2deg) translateY(5px)}
.life-photo:nth-child(3n){transform:rotate(-1deg) translateY(-5px)}
.life-photo img{display:block;width:auto;height:auto;max-width:min(100%,145px);max-height:110px;border-radius:8px;box-shadow:0 4px 12px #30011e14;mask-image:linear-gradient(to right,transparent,#000 3px,#000 calc(100% - 3px),transparent),linear-gradient(to bottom,transparent,#000 3px,#000 calc(100% - 3px),transparent);mask-composite:intersect}
@media(max-width:680px){.photo-wall{grid-template-rows:repeat(3,80px);gap:12px 8px;padding:16px 10px;border-width:9px;border-radius:8px}.life-photo img{max-height:80px;border-radius:5px}.bio-story-copy{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Reference palette: Midnight Violet, Grey Olive, Tea Green. */
h1,h2,h3,.name,.publications h3 a{color:var(--accent)}
.availability{background:var(--tea)}
.cv-link{background:var(--accent);border-color:var(--accent);color:var(--tea)}
.cv-link:hover{background:#4a1636}
.authorship{background:var(--soft);border-color:var(--olive)}
.profile{scrollbar-color:var(--olive) transparent}
.profile-title{margin:0;font:inherit;letter-spacing:normal}
.featured+.featured{margin-top:22px}
/* Original institution artwork, displayed compactly without altering the files. */
.institution-logo{position:relative;display:block;width:54px;height:54px;overflow:hidden;border-radius:50%;flex:none;background:#fff}
.institution-logo img{position:absolute;display:block;max-width:none;width:100%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
.institution-logo.uthealth{border-radius:50%;background:transparent}
.institution-logo.pittsburgh img{width:180%}
.institution-logo.ccnu img{width:220%}
.institution-logo.iflytek img{width:115%}
.institution-logo.cetc img{width:100%}
.institution-logo.zhejiang{background:transparent}
.profile-academic{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;margin-top:23px}
.profile-academic .institution-logo{width:40px;height:40px;margin-top:3px}
.profile-academic .position{margin:0 0 9px;font-size:.88rem;line-height:1.5}
.profile-academic .affiliation{margin:0;font-size:.77rem;line-height:1.6}
.graduation{font-size:.76rem;line-height:1.6;color:var(--accent);margin:12px 0 0}
.timeline-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;column-gap:16px;align-items:start}
.timeline-copy{min-width:0}
@media(max-width:900px){.timeline-row{grid-template-columns:46px minmax(0,1fr);column-gap:13px;row-gap:4px}.timeline-row .institution-logo{width:46px;height:46px;grid-column:1;grid-row:1 / span 2}.timeline-row .timeline-copy{grid-column:2;grid-row:2}.timeline-row time{grid-column:2;grid-row:1;order:0;padding:0}.profile-academic{grid-template-columns:34px minmax(0,1fr);gap:8px}.profile-academic .institution-logo{width:34px;height:34px}}
@media(max-width:680px){.profile-academic{clear:both;grid-template-columns:44px minmax(0,1fr);gap:12px;margin-top:17px}.profile-academic .institution-logo{width:44px;height:44px}.profile-academic .position{font-size:.85rem;margin-bottom:5px}.profile-academic .affiliation br{display:block}.profile-academic .affiliation strong:before{content:none}.graduation{margin-top:10px}.timeline-row{margin-bottom:25px}}