:root{--red:#9f1d2d;--ink:#182234;--muted:#667085;--line:#d9dee5;--soft:#f5f7f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans","Microsoft YaHei",sans-serif;background:#fff}a{color:inherit}.top{border-top:5px solid var(--red);border-bottom:1px solid var(--line);background:#fff}.top-inner{max-width:1320px;height:94px;margin:auto;padding:0 28px;display:flex;align-items:center}.identity{display:flex;align-items:center;gap:20px;text-decoration:none}.identity img{width:278px;height:auto}.identity>span{padding-left:20px;border-left:1px solid var(--line);font:600 16px "Noto Serif SC",serif;white-space:nowrap}.identity small{display:block;font:500 9px "DM Sans",sans-serif;letter-spacing:.08em;color:var(--muted);margin-top:4px}nav{margin-left:auto;display:flex;align-self:stretch}nav a{padding:0 18px;display:grid;place-items:center;text-decoration:none;font-size:14px;border-bottom:3px solid transparent}nav a:hover,nav a.active,nav a[aria-current=page]{border-color:var(--red);color:var(--red)}.menu-toggle{display:none}.lab-hero{background:#eef2f5}.hero-inner{max-width:1320px;margin:auto;padding:76px 28px;display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}.overline,.section-title p,.join-band>div>p{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--red)}h1,h2,h3{font-family:"Noto Serif SC",serif}.lab-hero h1{font-size:clamp(52px,6vw,78px);line-height:1.16;margin:18px 0 26px}.lab-hero h1 span{color:var(--red)}.hero-text{font-size:17px;line-height:1.9;color:#566273;max-width:630px}.hero-links{display:flex;gap:24px;align-items:center;margin-top:34px}.hero-links a{text-decoration:none;font-size:14px}.hero-links .primary{padding:13px 19px;background:var(--red);color:#fff}.hero-data{background:#16253b;color:#fff;padding:27px}.hero-data>p{font-size:10px;letter-spacing:.15em;color:#aeb9c7}.hero-data svg{width:100%;margin:18px 0}.hero-data path{fill:none;stroke:#dbe3eb;stroke-width:2}.signal-key{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#aeb9c7}.quick{max-width:1264px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.quick a{display:flex;align-items:center;gap:14px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none}.quick strong{font:600 27px "Noto Serif SC",serif;color:var(--red)}.quick span{font-size:12px;color:var(--muted)}.section{max-width:1264px;margin:auto;padding:82px 28px}.soft{max-width:none;background:var(--soft);padding-left:max(28px,calc((100vw - 1264px)/2 + 28px));padding-right:max(28px,calc((100vw - 1264px)/2 + 28px))}.section-title h2{font-size:34px;margin:7px 0}.intro-grid{display:grid;grid-template-columns:290px 1fr;gap:80px}.intro-copy{font:500 21px/1.85 "Noto Serif SC",serif;max-width:800px}.intro-copy a,.heading-row>a{font:500 13px "DM Sans",sans-serif;text-decoration:none;color:var(--red)}.heading-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}.area-grid article{padding:34px;border-right:1px solid var(--line);min-height:270px}.area-grid article:last-child{border:0}.area-grid article>span{font-size:12px;color:var(--red)}.area-grid h3{font-size:23px;margin:35px 0 14px}.area-grid p{font-size:14px;line-height:1.75;color:#5f6b7a}.area-grid small{font-size:11px;color:#7b8795}.project-list{border-top:2px solid var(--ink)}.project-list article{display:grid;grid-template-columns:120px 1fr 60px;gap:24px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line)}.project-list time,.project-list b{font-size:12px;color:var(--red)}.project-list h3{font-size:17px;margin:0 0 8px}.project-list p{font-size:12px;color:var(--muted);margin:0}.people-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.pi-card,.student-card{background:#fff;border:1px solid var(--line);display:grid}.pi-card{grid-template-columns:210px 1fr}.pi-card img{width:210px;height:270px;object-fit:cover;object-position:top}.pi-card>div,.student-card>div:last-child{padding:28px}.pi-card span,.student-card span{font-size:10px;letter-spacing:.12em;color:var(--red)}.pi-card h3,.student-card h3{font-size:23px;margin:12px 0}.pi-card p,.student-card p{font-size:13px;color:var(--muted);line-height:1.7}.pi-card a{font-size:12px;color:var(--red);text-decoration:none}.student-card{grid-template-columns:150px 1fr}.avatar{background:#e2e7eb;display:grid;place-items:center;font:600 25px "Noto Serif SC",serif;color:#7b8794}.publication-list{border-top:2px solid var(--ink)}.publication-list>a{display:grid;grid-template-columns:70px 1fr 60px;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);text-decoration:none}.publication-list time,.publication-list>a>span{font-size:12px;color:var(--red)}.publication-list h3{font:600 16px "DM Sans",sans-serif;margin:0 0 7px}.publication-list p{font-size:12px;color:var(--muted);margin:0}.join-band{background:#8f1928;color:#fff;padding:55px max(28px,calc((100vw - 1208px)/2));display:flex;align-items:center;justify-content:space-between}.join-band>div>p{color:#f4c8cf}.join-band h2{font-size:32px;margin:8px 0}.join-band span{font-size:14px;color:#f2dce0}.join-band>a{background:#fff;color:var(--red);padding:14px 22px;text-decoration:none;font-size:13px}footer{max-width:1264px;margin:auto;padding:40px 28px;display:flex;justify-content:space-between;align-items:center}footer>div{display:flex;align-items:center;gap:22px}footer img{width:230px}footer p{font:600 13px "Noto Serif SC",serif;border-left:1px solid var(--line);padding-left:22px}footer p span{font:400 11px "DM Sans",sans-serif;color:var(--muted)}footer a{font-size:12px;text-decoration:none;color:var(--muted)}@media(max-width:900px){.identity img{width:220px}.identity>span{display:none}.menu-toggle{display:block;margin-left:auto;background:none;border:0}.top-inner nav{display:none;position:absolute;top:99px;left:0;right:0;background:#fff;height:auto;padding:15px 28px;z-index:10;border-bottom:1px solid var(--line)}.top-inner nav.open{display:flex}.top-inner nav a{padding:12px}.hero-inner{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}.intro-grid{grid-template-columns:1fr;gap:25px}.area-grid{grid-template-columns:1fr}.area-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.people-layout{grid-template-columns:1fr}}@media(max-width:600px){.top-inner{height:78px}.identity img{width:188px}.top-inner nav{top:83px;flex-direction:column}.hero-inner{padding:50px 22px}.lab-hero h1{font-size:44px}.quick{grid-template-columns:1fr}.section{padding:58px 22px}.heading-row{align-items:start}.area-grid article{padding:26px}.project-list article{grid-template-columns:1fr}.project-list b{display:none}.pi-card,.student-card{grid-template-columns:1fr}.pi-card img{width:100%;height:360px}.avatar{height:160px}.publication-list>a{grid-template-columns:50px 1fr}.publication-list>a>span{display:none}.join-band{display:block;padding:45px 22px}.join-band>a{display:inline-block;margin-top:24px}footer{display:block;padding:35px 22px}footer>div:first-child{display:block}footer img{width:210px}footer p{border-left:0;padding-left:0}footer>div:last-child{margin-top:25px}}