:root{--ink:#13233b;--paper:#f7f8fa;--mint:#e7eef2;--coral:#9b2d30;--night:#10233f;--line:rgba(19,35,59,.18)}
body{background:#fff;color:var(--ink);font-family:"DM Sans","Microsoft YaHei",sans-serif}
.site-header{height:96px;background:#fff;border-top:5px solid var(--night);padding:0 max(4vw,48px)}
.brand{letter-spacing:.06em;font-size:.9rem}.university-logo{width:310px;height:auto;display:block}.lab-name{display:flex;flex-direction:column;line-height:1.25;border-left:1px solid var(--line);padding-left:1rem}.brand small{font-size:.53rem;font-weight:400;letter-spacing:.09em;color:#617087}.site-header nav a{font-weight:500}
.site-header nav a[aria-current="page"]{color:var(--coral);box-shadow:inset 0 -2px 0 currentColor;padding-bottom:.35rem}.nav-cta{background:var(--night);color:#fff;border:0;padding:.7rem 1rem}.footer-logo{width:260px;height:auto}
.hero{min-height:620px;max-height:760px;background:#f7f8fa}.hero-copy{padding-left:max(6vw,72px)}.eyebrow{color:#53637a}.eyebrow span{background:var(--coral);border-radius:0}.hero h1{font-family:"Newsreader","Noto Serif SC",serif;font-size:clamp(4.2rem,7vw,7.3rem);line-height:1.03;letter-spacing:-.035em;margin:1.5rem 0}.hero h1 em{color:var(--ink);font-style:normal}.lede{font-size:1.05rem;line-height:1.9;max-width:630px}.button-primary{background:var(--night)}.signal-panel{background:var(--night);min-height:620px}.phase-orb{border-color:#d3a962;background:rgba(16,35,63,.85)}.waves{filter:saturate(.25)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:-1px auto 0;background:white;border:1px solid var(--line);position:relative;z-index:2}.facts div{padding:1.4rem 1.8rem;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:.4rem}.facts div:last-child{border:0}.facts strong{font-size:.62rem;letter-spacing:.16em;color:#6a788b}.facts span{font-family:"Newsreader","Noto Serif SC",serif;font-size:1.05rem}
.section-pad{max-width:1440px;margin:auto;padding:7rem max(5vw,64px)}.intro{grid-template-columns:25% 75%;border-bottom:1px solid var(--line)}.intro h2,.section-heading h2,.method-copy h2,.contact h2{font-family:"Newsreader","Noto Serif SC",serif;letter-spacing:-.025em;line-height:1.08}.intro h2{font-size:clamp(3rem,4.6vw,5.2rem)}.section-number,.card-index{color:#66758a;font-weight:600;letter-spacing:.13em}
.research{max-width:none;background:#f7f8fa}.research>.section-heading,.research-grid{max-width:1310px;margin-left:auto;margin-right:auto}.research-grid{background:#fff;border-color:var(--line);gap:0}.research-card{min-height:0;border-color:var(--line);padding-top:2.4rem}
.research-card h3{font-size:2.2rem;margin:2rem 0 .8rem}
.research-card p{font-size:1rem;line-height:1.85;color:#566477;margin-bottom:2rem}
.research-card a{margin-top:auto;font-size:.88rem}.research-card h3{font-family:"Newsreader","Noto Serif SC",serif}.research-card a{color:#53637a}
.methods{max-width:none;background:#e9eef2}.methods>*{max-width:620px}.methods .method-art{margin-left:auto}.head-outline{color:#36506c}.electrode{background:#9b2d30;box-shadow:0 0 0 7px rgba(155,45,48,.12)}
.portrait-one,.portrait-two,.portrait-three{background:#e9edf1}.portrait span{border-color:#7a8798}.join-card{background:var(--night)}
.publications{max-width:none;background:#f7f8fa}.publications>.section-heading,.publications>.pub-list{max-width:1310px;margin-left:auto;margin-right:auto}.pub-list strong{font-family:"Newsreader",serif}.contact{max-width:none;background:var(--night)}.contact h2 em{color:#d3a962;font-style:normal}.contact-orbit{opacity:.4}footer{border-top:1px solid var(--line);padding:2.4rem max(4vw,48px)}
.reveal{transition-duration:.4s}
@media(max-width:1100px){.university-logo{width:230px}.lab-name{display:none}.site-header nav{gap:1.3rem}}
@media(max-width:850px){.site-header{height:80px;padding:0 5vw}
.intro{grid-template-columns:1fr}.site-header nav{top:80px}.university-logo{width:215px}.hero{max-height:none}.hero-copy{padding:4.5rem 6vw}.facts{grid-template-columns:1fr 1fr;margin:0}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-pad{padding:5rem 6vw}.methods>*{max-width:none}}
@media(max-width:520px){.brand small{display:none}.university-logo{width:185px}.footer-logo{width:190px}.facts{grid-template-columns:1fr}.facts div{border-right:0;border-bottom:1px solid var(--line)!important}.hero h1{font-size:13.5vw}.signal-panel{min-height:430px}}
.profile-card{overflow:hidden}.profile-card img{width:100%;height:100%;max-height:430px;object-fit:cover;object-position:center top}
.pi-preview{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:6vw;align-items:center}.pi-preview img{width:100%;max-height:460px;object-fit:cover;object-position:center top}.pi-preview h2{font-size:clamp(3rem,5vw,5rem);margin:1rem 0}.pi-preview p:not(.section-number){max-width:620px;color:#5d6b7c;line-height:1.9;margin-bottom:2rem}
@media(max-width:850px){.pi-preview{grid-template-columns:1fr}.pi-preview img{max-width:420px}}