/* Shared, restrained academic presentation for both hosting targets. */
:root{color-scheme:light;--bg:#fff;--panel:#fff;--panel-2:#f7f7f7;--ink:#252525;--muted:#646464;--line:#e3e3e3;--accent:#245b91;--accent-2:#245b91;--sans:Arial,"Helvetica Neue","Microsoft YaHei",sans-serif}
html{scroll-behavior:auto}
body{background:#fff;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;background-image:none}
body:before,.hero-card:after{display:none}
a{color:var(--accent)}
a:hover{color:#163e65;text-decoration:underline;text-underline-offset:3px}
.top-nav{position:relative;background:#fff;backdrop-filter:none;border-bottom:1px solid var(--line)}
.nav-inner,.site-wrap,.footer{max-width:1080px}
.nav-inner{padding:20px 28px;font-size:13px;letter-spacing:0;text-transform:none;gap:20px}
.nav-list{gap:10px 20px}
.nav-inner .nav-list a,.nav-inner a{color:#555;font-weight:400}
.nav-inner .nav-list a.active{color:#222;font-weight:700}
.language-toggle{border:1px solid #ccc;border-radius:3px;background:#fff;color:#444;letter-spacing:0;font-size:12px;padding:4px 9px}
.language-toggle:hover{background:#f3f3f3;color:#222}
.hero-card{margin:48px 0 36px;padding:0 0 16px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.profile-section{grid-template-columns:200px minmax(0,1fr);gap:54px}
.profile-photo{width:152px;height:152px;border:0;border-radius:4px;filter:none;margin-bottom:16px}
.eyebrow,.hero-kicker,.project-index,.project-image-index,.publication-stats{display:none}
.profile-sidebar h1{font-size:28px;letter-spacing:-.02em;line-height:1.25}
.name-cn{color:#666;margin:5px 0 18px}
.affiliation{color:#333;font-weight:400}
.role,.location{color:#666;font-size:13px}
.contact-links{margin-top:18px;font-size:13px}
.contact-links a{color:var(--accent)}
.contact-links a:before{display:none}
.profile-main h2{font-size:26px;font-weight:600;line-height:1.4;letter-spacing:-.02em;margin-bottom:22px}
.profile-main p{font-size:15px;line-height:1.8;color:#444}
.hero-actions{margin-top:22px;gap:20px}
.button,.button-primary{padding:0;border:0;border-radius:0;background:none;color:var(--accent);font-size:14px;font-weight:400}
.section{padding:30px 0 34px}
.section-heading{margin-bottom:18px}
.section h2{color:#252525;font-size:23px;font-weight:600;letter-spacing:-.02em}
.section-intro,.section-note{color:#666;font-size:14px}
.news-item{grid-template-columns:125px minmax(0,1fr);gap:20px;padding:6px 0}
.news-item span{color:#777;font-size:13px;font-weight:400}
.news-item p,.award-list{color:#444}
.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 30px}
.review-chip{padding:3px 0;border:0;border-radius:0;background:none;color:#444;font-size:14px;line-height:1.65}
.chip-dot{display:none}
.timeline-row{grid-template-columns:155px minmax(0,1fr);gap:24px;padding:12px 0 18px}
.timeline-row>span{color:#777;font-size:13px}
.timeline-row strong{color:#333;font-size:15px;font-weight:600}
.timeline-row p{color:#555;font-size:14px;line-height:1.75}
.timeline-row .timeline-location{color:#777;font-size:12px;letter-spacing:0}
.project-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;transition:none}
.project-card:hover{transform:none;border-color:var(--line)}
.project-card strong,.project-page-grid .project-card strong{color:#292929;font-size:20px;font-weight:600}
.project-card p,.project-page-grid .project-card p{color:#555;font-size:14px}
.project-page-grid{max-width:none;gap:0}
.project-page-grid .project-card{grid-template-columns:250px minmax(0,1fr);padding:24px 0;gap:26px;overflow:visible}
.project-visual{height:190px;min-height:0;border:1px solid #e7e7e7;border-radius:3px;background:#fff}
.project-visual img{width:100%;height:100%;min-height:0;max-height:100%;padding:10px;object-fit:contain;transition:none}
.project-visual:hover img,.publication-thumb:hover img{transform:none}
.project-card-body{padding:0}
.project-image-credit{color:#777}
.project-actions,.project-actions a{font-size:13px}
.project-actions span{color:#777!important}
.publication-page{padding-top:24px}
.publication-hero{padding:20px 0 26px}
.publication-hero h1{font-size:32px;font-weight:600;letter-spacing:-.03em;margin:0}
.publication-hero>p:not(.eyebrow){color:#555;font-size:15px}
.publication{padding-bottom:28px;margin-bottom:28px}
.publication h2{font-size:18px;font-weight:600;line-height:1.5;color:#292929}
.publication-number{color:#888}
.publication-thumb{border-color:#e5e5e5;border-radius:3px;background:#fff}
.publication-thumb img{transition:none}
.publication p,.publication .paper-authors{color:#555;font-size:14px;line-height:1.7}
.publication .paper-authors strong{color:#222;font-weight:700}
.paper-venue strong{color:#444}
.rank-badge{border:1px solid #ddd;border-radius:3px;background:#fafafa;color:#666;font-size:10px;font-weight:500}
.paper-link{font-size:13px}
.footer{color:#888;border-top:1px solid var(--line);margin-top:20px;font-size:12px}
.hvi-hero{padding-top:56px;padding-bottom:48px}
.hvi-hero h1{font-size:clamp(32px,5vw,56px)}
.hvi-figure,.hvi-split,.hvi-stats article,.hvi-split>figure{border-radius:3px;background:#fafafa}
.hvi-heading h2{font-size:30px}
.hvi-section{padding-top:45px;padding-bottom:45px}
.hvi-citation pre{border-radius:3px;background:#f6f6f6;color:#333;border-color:#ddd}
@media(max-width:820px){.profile-section{grid-template-columns:180px minmax(0,1fr);gap:30px}.profile-main h2{font-size:24px}}
@media(max-width:640px){.nav-inner{padding:16px 20px}.site-wrap{padding:0 20px}.hero-card{margin-top:30px}.profile-section{grid-template-columns:1fr;gap:28px}.profile-main h2{font-size:23px}.review-grid{grid-template-columns:1fr}.news-item{grid-template-columns:100px minmax(0,1fr);gap:12px}.timeline-row{grid-template-columns:1fr;gap:4px}.project-page-grid .project-card{grid-template-columns:1fr;gap:16px}.project-visual{height:200px}.publication-hero h1{font-size:30px}.footer{padding:20px;flex-direction:column;gap:5px}}
@media(max-width:640px){.nav-inner{overflow:visible;white-space:normal;align-items:flex-start;gap:12px}.nav-list{flex:1;flex-wrap:wrap;gap:8px 15px}.language-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}