:root { --paper:#fafbfd; --ink:#202737; --muted:#596174; --line:#dce1e9; --blue:#2458c4; --red:#c53e51; --purple:#7951b0; --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:78px; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.6 var(--font); -webkit-font-smoothing:antialiased; }
h1,h2,h3,p,figure { margin:0; }
a { color:var(--blue); text-decoration:none; }
a:hover { color:var(--red); text-decoration:underline; text-underline-offset:3px; }
button { font:inherit; }
button,a,summary { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid var(--blue); outline-offset:4px; border-radius:2px; }
img,video { display:block; max-width:100%; }
strong { color:var(--ink); font-weight:600; }
.shell { width:min(100% - 72px,1000px); margin-inline:auto; }
.skip-link { position:fixed; left:16px; top:-80px; z-index:10; background:var(--ink); color:white; padding:10px 16px; }
.skip-link:focus { top:12px; color:white; }
.site-header { position:sticky; top:0; z-index:5; background:rgba(250,251,253,.96); border-bottom:1px solid var(--line); }
.header-inner { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.wordmark { color:var(--ink); font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:11px; min-height:44px; }
.identity-mark { display:flex; gap:3px; align-items:center; height:20px; }
.identity-mark i { width:3px; height:12px; background:var(--blue); transform:skew(-13deg); }
.identity-mark i:nth-child(2) { height:18px; background:var(--purple); }
.identity-mark i:nth-child(3) { background:var(--red); }
nav { display:flex; gap:23px; font-size:14px; }
nav a { display:inline-flex; align-items:center; min-height:44px; color:var(--muted); }
.hero { padding:28px 0 24px; display:grid; grid-template-columns:minmax(0,1fr) 164px; align-items:center; gap:40px; }
.eyebrow { font-size:12px; color:var(--muted); letter-spacing:.9px; text-transform:uppercase; }
h1 { font-size:52px; font-weight:600; line-height:1.15; letter-spacing:-1.6px; margin:7px 0 10px; }
h1 span { display:inline-block; vertical-align:middle; font-size:23px; font-weight:400; letter-spacing:1.7px; color:var(--muted); margin-left:12px; }
.bio { color:var(--muted); margin-top:8px; font-size:16px; line-height:1.65; }
.bio-secondary { font-size:14px; color:var(--muted); margin-top:8px; }
.blue { color:var(--blue); }
.purple { color:var(--purple); }
.red { color:var(--red); }
.quick-links { display:flex; flex-wrap:wrap; column-gap:23px; font-size:14px; font-weight:600; margin-top:3px; }
.quick-links a { display:inline-flex; align-items:center; min-height:44px; }
.portrait { width:164px; }
.portrait-frame { padding:4px; border:1px solid var(--line); background:#fff; position:relative; overflow:hidden; }
.portrait-frame::before { content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:2px; background:linear-gradient(90deg,var(--blue),var(--purple),var(--red)); }
.portrait img { width:100%; height:auto; aspect-ratio:16 / 19; object-fit:cover; object-position:50% 43%; transform:scale(1.6); transform-origin:50% 54%; }
.portrait figcaption { font-size:12px; color:var(--muted); text-align:center; margin-top:6px; }
.research-line { display:flex; align-items:center; gap:16px; padding:6px 0; border-block:1px solid var(--line); font-size:14px; }
.research-label { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.7px; }
.research-line p { flex:1; min-width:0; }
.research-line-detail { color:var(--muted); }
.research-line > a { font-size:13px; min-height:44px; display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.section { padding:24px 0; }
h2 { font-size:28px; line-height:1.25; letter-spacing:-.55px; font-weight:600; }
.section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:12px; }
.section-heading > p { font-size:12px; color:var(--muted); }
.contribution-note { white-space:nowrap; }
.publication-list { border-top:1px solid var(--ink); }
.paper { display:grid; grid-template-columns:200px minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:24px; border-bottom:1px solid var(--line); padding:16px 0; }
.paper-media { grid-column:1; grid-row:1 / 3; align-self:start; padding-top:4px; }
.media-frame { position:relative; width:100%; aspect-ratio:100 / 63; background:#edf0f6; overflow:hidden; border-radius:3px; }
.media-frame > a { display:block; height:100%; }
.media-frame img,.media-frame video { width:100%; height:100%; object-fit:cover; }
.square-demo video { object-fit:contain; background:#182133; }
.paper-focus .media-frame img { object-fit:contain; background:#081321; }
.paper-media figcaption { font-size:12px; color:var(--muted); line-height:1.5; margin-top:5px; }
.media-frame button { position:absolute; bottom:6px; right:6px; border:1px solid rgba(255,255,255,.5); border-radius:3px; color:white; background:rgba(20,29,47,.9); padding:0 9px; min-height:44px; display:inline-flex; gap:6px; align-items:center; font-size:13px; cursor:pointer; }
.media-frame button[hidden] { display:none; }
.media-frame button:hover { background:#2458c4; }
.media-frame button:focus-visible { outline-color:white; outline-offset:-3px; }
.paper-heading { grid-column:2; grid-row:1; }
.paper-status { font-size:12px; color:var(--muted); letter-spacing:.55px; margin-bottom:4px; text-transform:uppercase; }
.paper h3 { font-size:21px; line-height:1.38; font-weight:600; letter-spacing:-.2px; overflow-wrap:break-word; }
.paper h3 a { color:var(--ink); }
.paper h3 a:hover { color:var(--blue); }
.paper-details { grid-column:2; grid-row:2; }
.paper-authors { font-size:14px; line-height:1.6; margin-top:6px; color:var(--muted); }
.paper-summary { font-size:15px; line-height:1.6; color:var(--muted); margin-top:6px; }
.paper-links { display:flex; flex-wrap:wrap; align-items:center; column-gap:20px; row-gap:0; font-size:14px; margin-top:2px; }
.paper-links a { display:inline-flex; align-items:center; gap:6px; min-height:44px; }
.paper-links a span { font-size:13px; }
.cofirst { color:var(--purple); font-size:13px; }
.software-section { border-bottom:1px solid var(--line); padding-top:0; }
.software-row { display:flex; align-items:center; gap:24px; margin-top:12px; }
.software-row > div:first-child { flex:1; }
.software-row h3 { font-size:18px; font-weight:600; }
.software-row h3 > span { font-size:12px; font-weight:400; color:var(--muted); margin-left:12px; }
.software-row p { font-size:15px; color:var(--muted); margin-top:4px; max-width:690px; }
.software-row .paper-links { flex-shrink:0; margin-top:0; }
.activity-layout { display:grid; grid-template-columns:1fr 1fr; gap:40px; border-bottom:1px solid var(--line); }
.activity-layout h2 { font-size:28px; }
.news-list { list-style:none; padding:0; margin:10px 0 0; }
.news-list li { display:grid; grid-template-columns:74px minmax(0,1fr); column-gap:12px; font-size:15px; line-height:1.65; padding:5px 0; }
.news-list time { font-size:12px; color:var(--muted); padding-top:3px; }
.earlier-news { font-size:14px; color:var(--muted); margin-top:0; }
.earlier-news summary { min-height:44px; width:fit-content; align-content:center; cursor:pointer; }
.earlier-news .news-list { margin-top:0; }
.education-list { margin-top:10px; }
.education-list article + article { margin-top:10px; }
.education-date { color:var(--muted); font-size:12px; }
.education-list h3 { font-size:16px; font-weight:600; margin-top:2px; }
.education-list article > p:last-child { color:var(--muted); font-size:14px; line-height:1.6; margin-top:3px; }
.contact-section { border-bottom:1px solid var(--line); }
.contact-section h2 { font-size:28px; }
.contact-layout { display:flex; justify-content:space-between; gap:40px; align-items:center; margin-top:10px; }
.contact-layout > p { font-size:15px; max-width:440px; color:var(--muted); }
.contact-links { display:flex; flex-direction:column; align-items:flex-start; }
.contact-links a { display:inline-flex; align-items:center; min-height:44px; font-size:16px; }
.contact-links .secondary-email { font-size:14px; color:var(--muted); }
.footer-inner { display:flex; justify-content:space-between; align-items:center; min-height:60px; gap:20px; font-size:12px; color:var(--muted); }
.footer-inner > a { display:inline-flex; gap:10px; align-items:center; min-height:44px; color:var(--muted); }
.footer-motif { display:flex; gap:6px; }
.footer-motif i { display:block; width:24px; height:2px; background:var(--blue); }
.footer-motif i:nth-child(2) { background:var(--purple); }
.footer-motif i:nth-child(3) { background:var(--red); }
@media (max-width:800px) {
  .shell { width:calc(100% - 48px); }
  .hero { gap:30px; grid-template-columns:minmax(0,1fr) 145px; }
  .portrait { width:145px; }
  h1 { font-size:46px; }
  h1 span { font-size:21px; margin-left:8px; }
  .research-line { gap:12px; }
  .research-line-detail { display:none; }
  .paper { grid-template-columns:180px minmax(0,1fr); column-gap:20px; }
  .activity-layout { gap:28px; }
  .software-row { display:block; }
  .software-row .paper-links { margin-top:4px; }
}
@media (max-width:580px) {
  .shell { width:calc(100% - 36px); }
  body { font-size:15px; }
  html { scroll-padding-top:70px; }
  .header-inner { min-height:54px; gap:14px; }
  .wordmark { font-size:14px; gap:8px; }
  nav { gap:15px; font-size:13px; }
  nav a:first-child,nav a:nth-child(3) { display:none; }
  .hero { grid-template-columns:minmax(0,1fr) 100px; column-gap:15px; row-gap:0; padding:24px 0 18px; align-items:start; }
  .hero-copy { display:contents; }
  .hero .eyebrow { grid-column:1 / -1; grid-row:1; font-size:11px; letter-spacing:.55px; margin-bottom:10px; }
  .hero h1 { grid-column:1; grid-row:2; font-size:40px; letter-spacing:-1.2px; align-self:center; margin:0; }
  .hero h1 span { display:block; margin:6px 0 0; font-size:20px; letter-spacing:1.4px; }
  .portrait { grid-column:2; grid-row:2; width:100px; }
  .portrait figcaption { display:none; }
  .hero .bio { grid-column:1 / -1; font-size:15px; line-height:1.65; margin-top:12px; }
  .hero .bio + .bio { margin-top:8px; }
  .hero .bio-secondary { grid-column:1 / -1; font-size:13px; margin-top:7px; }
  .quick-links { grid-column:1 / -1; column-gap:20px; font-size:13px; margin-top:2px; }
  .quick-links a { min-height:44px; }
  .research-line { gap:8px; font-size:13px; padding:5px 0; flex-wrap:wrap; }
  .research-label { font-size:11px; }
  .research-line p { flex:1 1 auto; }
  .research-line > a { font-size:12px; gap:4px; min-height:44px; margin-left:auto; }
  h2 { font-size:25px; }
  .section { padding:20px 0; }
  .section-heading { margin-bottom:10px; gap:10px; align-items:center; }
  .section-heading > p { font-size:11px; text-align:right; max-width:140px; line-height:1.5; }
  .paper { grid-template-columns:112px minmax(0,1fr); column-gap:14px; padding:15px 0; }
  .paper-media { grid-row:1; padding-top:3px; }
  .media-frame { aspect-ratio:28 / 19; }
  .paper-media figcaption { font-size:11px; margin-top:4px; }
  .paper h3 { font-size:18px; line-height:1.38; letter-spacing:-.1px; }
  .paper-status { font-size:11px; letter-spacing:.1px; margin-bottom:4px; }
  .paper-details { grid-column:1 / -1; grid-row:2; }
  .paper-authors { margin-top:8px; font-size:13px; }
  .paper-summary { font-size:14px; margin-top:5px; }
  .paper-links { column-gap:20px; font-size:13px; margin-top:2px; }
  .paper-links a { min-height:44px; }
  .cofirst { font-size:12px; }
  .media-frame button { padding:0 6px; min-height:44px; font-size:12px; gap:4px; bottom:4px; right:4px; max-width:calc(100% - 8px); }
  .software-section { padding-top:0; }
  .software-row { margin-top:10px; }
  .software-row h3 > span { display:block; margin:3px 0 0; }
  .software-row p { font-size:14px; margin-top:5px; }
  .activity-layout { grid-template-columns:1fr; gap:20px; }
  .news-list { margin-top:9px; }
  .news-list li { font-size:14px; }
  .news-list time { font-size:11px; }
  .activity-layout h2,.contact-section h2 { font-size:25px; }
  .education-list { margin-top:9px; }
  .education-list article > p:last-child { font-size:14px; }
  .contact-layout { display:block; margin-top:9px; }
  .contact-layout > p { font-size:14px; }
  .contact-links { margin-top:7px; }
  .contact-links a { font-size:15px; }
  .footer-motif { display:none; }
}
@media (max-width:350px) {
  .shell { width:calc(100% - 28px); }
  nav { gap:13px; }
  .hero { grid-template-columns:minmax(0,1fr) 88px; gap:12px; }
  .portrait { width:88px; }
  .research-line > a { display:none; }
  .paper { column-gap:12px; }
  .quick-links { column-gap:18px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}
@media print {
  .site-header,.skip-link,.media-frame button,.footer-inner > a { display:none; }
  .shell { width:100%; }
  body { background:white; }
  .paper { break-inside:avoid; }
  .hero { padding-top:0; }
}