:root{
 --ink:#132333;--ink2:#203447;--paper:#f8f5ef;--paper2:#eee9e0;--white:#fffdf8;
 --sage:#637968;--brick:#a45e4d;--blue:#58758b;--gold:#a17b3f;--line:#c9c2b7;
 --muted:#53606b;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.62}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}::selection{background:#d9b7aa;color:var(--ink)}
.site-header{position:fixed;inset:0 0 auto 0;z-index:30;transition:.25s}.site-header.scrolled{background:rgba(248,245,239,.94);border-bottom:1px solid rgba(19,35,51,.18);backdrop-filter:blur(12px)}
.nav-shell{max-width:var(--max);height:66px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font:900 24px/1 Arial;color:var(--ink);letter-spacing:-1px}.brand span{color:var(--brick)}
.desktop-nav{display:flex;gap:26px;margin-left:auto;margin-right:30px}.desktop-nav a,.nav-publications,.lang-switch{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--brick);transition:.2s}.desktop-nav a:hover:after{right:0}
.nav-actions{display:flex;align-items:center;gap:20px}.lang-switch{display:flex;gap:6px;align-items:center}.lang-btn{border:0;background:none;padding:0;color:#7a8187;cursor:pointer;font-weight:800}.lang-btn.active{color:var(--brick)}.nav-publications{border-left:1px solid var(--ink);padding-left:18px}.menu-toggle{display:none;border:0;background:none}.mobile-panel{display:none}

.hero{min-height:720px;padding:110px 24px 54px;background:linear-gradient(90deg,#f9f6f0 0 67%,#e4ddd1 67%)}.hero-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}.hero-rule{width:58px;height:5px;background:var(--brick);margin-bottom:20px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;margin:0 0 20px;color:var(--sage)}.hero h1{margin:0;line-height:.9;letter-spacing:-.055em}.cn-name{display:block;font-size:88px;font-family:"Noto Serif SC","Songti SC",Georgia,serif;font-weight:800}.en-name{display:block;margin-top:14px;font:700 55px/1 Georgia,"Times New Roman",serif;font-style:italic;color:var(--blue)}.role{margin:26px 0 0;font-weight:800;letter-spacing:.02em}.hero-statement{max-width:650px;margin:17px 0 0;font-size:25px;line-height:1.45;font-weight:700;color:var(--ink2)}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;padding:12px 17px;border:1px solid var(--ink);font-size:11px;letter-spacing:.12em;font-weight:900}.button.primary{background:var(--ink);color:white}.button.primary:hover{background:var(--brick);border-color:var(--brick)}.button.outline:hover{background:var(--white)}.hero-links{display:flex;gap:22px;margin-top:24px;font-size:10px;font-weight:900;letter-spacing:.13em}.hero-links a{border-bottom:1px solid var(--ink)}
.portrait-wrap{position:relative;min-height:540px;display:flex;justify-content:flex-end;align-items:center}.portrait-block{position:absolute;width:85%;height:86%;right:-28px;top:2%;background:var(--sage)}.portrait-wrap figure{position:relative;width:86%;margin:0;background:white;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--brick)}.portrait-wrap img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center 20%}.portrait-wrap figcaption{display:flex;justify-content:space-between;padding:10px 12px;font-size:10px;letter-spacing:.13em}
.signal-band{background:var(--ink);color:white}.signal-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.signal-grid>div{padding:22px 24px;border-right:1px solid rgba(255,255,255,.2)}.signal-grid strong{display:block;font:700 34px/1 Georgia;color:#e9c7b8}.signal-grid span{display:block;margin-top:7px;font-size:9px;letter-spacing:.13em;font-weight:800;color:#d5dce1}

.section-shell{max-width:var(--max);margin:auto;padding:0 24px}.compact{padding-top:72px;padding-bottom:72px}.section-index{font:900 11px/1 Arial;color:var(--brick);letter-spacing:.12em;border-top:3px solid var(--ink);padding-top:9px;width:58px}.section-index.light{color:#e7b9a8;border-color:#fff}.section-head{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:end;margin:12px 0 34px}.section-head>p{font-size:11px;font-weight:900;letter-spacing:.17em;margin:0;color:var(--sage)}.section-head h2{margin:0;font:700 39px/1.15 Georgia,"Noto Serif SC",serif;letter-spacing:-.025em;max-width:820px}.section-head.light,.section-head.light>p{color:white}
.about-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;border-top:1px solid var(--line);padding-top:28px}.about-lead p{font-size:21px;line-height:1.7;font-weight:650;margin:0;max-width:760px}.about-notes{display:grid;gap:0;border-top:2px solid var(--ink)}.about-notes div{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:95px 1fr;gap:10px}.about-notes b{font-size:9px;letter-spacing:.13em}.about-notes span{font-size:13px;color:var(--muted);font-weight:600}

.research-section{background:var(--ink);color:white}.pillar-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.28)}.pillar{min-height:285px;padding:28px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);position:relative}.pillar:nth-child(2n){border-right:0}.pillar:nth-child(n+3){border-bottom:0}.pillar>span{font:900 12px Arial;color:#e7b9a8}.pillar h3{font:700 26px/1.25 Georgia,"Noto Serif SC",serif;margin:20px 0 12px}.pillar p{color:#d5dde3;margin:0;max-width:480px}.mini-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.mini-tags i{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.32);padding:5px 7px;color:#eef1f2}.pillar:hover{background:#1b3447}

.project-list{border-top:2px solid var(--ink)}.project{display:grid;grid-template-columns:120px 1fr 100px;gap:25px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.project.featured{background:#eee2d9;margin:0 -18px;padding-left:18px;padding-right:18px;border-top:0}.project-year{font:800 13px/1.2 Arial;color:var(--brick)}.project-agency{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--sage);text-transform:uppercase}.project h3{margin:4px 0 2px;font-size:18px;line-height:1.4}.project p{margin:0;color:var(--muted);font-size:12px}.project-mark{justify-self:end;font-size:10px;letter-spacing:.1em;border:1px solid var(--ink);padding:5px 7px}

.works-section{background:#203747;color:white}.selected-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.selected{border:1px solid rgba(255,255,255,.3);padding:22px;min-height:330px;display:flex;flex-direction:column}.selected.featured{grid-column:1/-1;min-height:310px;background:#142331;border-left:6px solid var(--brick);padding-left:24px}.selected-top{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:10px;font-size:9px;font-weight:900;letter-spacing:.1em}.selected-top div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.selected-top b{background:#f0e2d5;color:var(--ink);padding:4px 6px}.paper-code{font:900 11px Arial;letter-spacing:.15em;color:#e4ae99;margin:22px 0 7px}.selected h3{font:700 24px/1.28 Georgia,serif;margin:0;max-width:900px}.selected.featured h3{font-size:31px}.authors{font-size:12px;color:#ced8de;margin:18px 0}.authors strong{color:#ffd8c8;background:rgba(164,94,77,.35);padding:1px 4px}.selected a{margin-top:auto;font-size:10px;font-weight:900;letter-spacing:.12em;border-bottom:1px solid white;width:max-content}.all-papers-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35);padding:17px 0;margin-top:22px;font-size:13px;font-weight:900;letter-spacing:.06em}.all-papers-cta b{font-size:26px}

.timeline{border-top:2px solid var(--ink)}.timeline article{display:grid;grid-template-columns:180px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.timeline time{font:800 12px Arial;color:var(--brick)}.timeline h3{margin:0;font-size:18px}.timeline p{margin:3px 0 0;color:var(--muted)}
.teaching-section{background:#e7e0d6}.dense-three{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.dense-three article{padding:24px;border-right:1px solid #aaa094}.dense-three article:last-child{border-right:0}.dense-three b{font-size:9px;letter-spacing:.14em;color:var(--brick)}.dense-three h3{font:700 22px/1.35 Georgia,"Noto Serif SC",serif;margin:10px 0}.dense-three p{color:var(--muted);font-size:13px}

footer{background:#0e1c28;color:white}.footer-inner{max-width:var(--max);margin:auto;padding:50px 24px;display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.footer-inner p{font-size:10px;font-weight:900;letter-spacing:.15em;color:#d7b19f}.footer-inner h2{font:700 32px Georgia;margin:8px 0 0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-size:9px;font-weight:900;letter-spacing:.12em;border-bottom:1px solid white}

.reveal{opacity:0;transform:translateY(10px);transition:.45s ease}.reveal.visible{opacity:1;transform:none}

/* publications */
.pub-page{background:#f5f1ea}.pub-hero{background:var(--ink);color:white;padding:118px 24px 38px}.pub-hero-inner{max-width:var(--max);margin:auto}.pub-hero p:first-child{font-size:10px;letter-spacing:.17em;font-weight:900;color:#e5b5a2}.pub-hero h1{font:700 58px/1 Georgia;margin:14px 0}.pub-hero>div>p:not(:first-child){max-width:800px;color:#d4dce1}.metric-note{margin-top:20px;padding:12px 14px;border-left:3px solid #d89075;background:rgba(255,255,255,.07);font-size:11px;line-height:1.55;color:#ced8df;max-width:950px}
.pub-controls{position:sticky;top:66px;z-index:10;background:#eee8df;border-bottom:1px solid var(--line)}.control-inner{max-width:var(--max);margin:auto;padding:13px 24px;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:end}.control-inner label span{display:block;font-size:9px;font-weight:900;letter-spacing:.1em;margin-bottom:5px}.control-inner input{width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:7px 0;outline:none}.filters{display:flex;gap:6px;align-items:center}.filter-chip,select{border:1px solid var(--ink);background:transparent;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}.filter-chip.active{background:var(--ink);color:white}.result-count{text-align:right}.result-count strong{font:800 25px Georgia;margin-right:5px}.result-count span{font-size:10px;letter-spacing:.08em}
.publication-shell{max-width:var(--max);margin:auto;padding:24px 24px 70px}.pub-item{display:grid;grid-template-columns:88px 1fr 150px;gap:18px;padding:18px 0;border-bottom:1px solid #bdb4a8}.pub-date{font:800 11px Arial;color:var(--brick);padding-top:3px}.pub-title-row{display:flex;gap:10px;align-items:flex-start}.pub-main h3{font:700 18px/1.4 Georgia,serif;margin:0}.pub-main h3 a:hover{color:var(--brick)}.pub-authors{margin:8px 0 0;color:#4e5c67;font-size:12px;line-height:1.55}.author-self{background:#d9aa97;color:#0d1b26;font-weight:900;padding:1px 4px;border-radius:0}.pub-meta-line{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.pub-badge{font-size:9px;line-height:1;border:1px solid #7b817d;padding:5px 6px;font-weight:800;background:#faf7f1}.pub-badge.venue{border-color:var(--blue);color:#344f63}.pub-badge.type{border-color:var(--sage);color:#405a47}.pub-metrics{border-left:2px solid var(--ink);padding-left:14px;display:grid;align-content:start;gap:8px}.pub-metrics div{display:grid;grid-template-columns:62px 1fr;gap:6px}.pub-metrics small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#66717a}.pub-metrics b{font-size:12px}.pub-doi{font-size:9px;color:#6b7780;word-break:break-all}
.pub-footer{margin-top:0}

@media(max-width:850px){
 .desktop-nav,.nav-publications{display:none}.menu-toggle{display:block;width:30px;padding:4px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0}.mobile-panel.open{display:flex;position:fixed;top:66px;left:0;right:0;background:var(--ink);color:white;padding:26px;flex-direction:column;gap:18px;font-size:13px;font-weight:800}
 .hero{min-height:auto;background:var(--paper);padding-top:100px}.hero-inner{grid-template-columns:1fr;gap:30px}.cn-name{font-size:62px}.en-name{font-size:42px}.hero-statement{font-size:21px}.portrait-wrap{min-height:0;justify-content:flex-start}.portrait-wrap figure{width:min(82%,440px)}.portrait-block{width:75%;height:90%;left:12%;right:auto}.signal-grid{grid-template-columns:1fr 1fr}.signal-grid>div:nth-child(2n){border-right:0}
 .section-head{grid-template-columns:1fr;gap:8px}.section-head h2{font-size:31px}.about-grid{grid-template-columns:1fr;gap:28px}.pillar-grid{grid-template-columns:1fr}.pillar,.pillar:nth-child(2n),.pillar:nth-child(n+3){border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.pillar:last-child{border-bottom:0}.project{grid-template-columns:92px 1fr}.project-mark{display:none}.selected-grid{grid-template-columns:1fr}.selected.featured{grid-column:auto}.selected.featured h3{font-size:25px}.dense-three{grid-template-columns:1fr}.dense-three article{border-right:0;border-bottom:1px solid #aaa094}.footer-inner{flex-direction:column;align-items:flex-start}
 .control-inner{grid-template-columns:1fr}.filters{flex-wrap:wrap}.result-count{text-align:left}.pub-controls{position:static}.pub-item{grid-template-columns:70px 1fr}.pub-metrics{grid-column:2;border-left:0;border-top:1px solid #c4bbb0;padding:10px 0 0;grid-template-columns:1fr 1fr}.pub-metrics div{grid-template-columns:auto 1fr}
}
@media(max-width:520px){.nav-shell{padding:0 16px}.hero,.section-shell,.pub-hero,.publication-shell{padding-left:16px;padding-right:16px}.compact{padding-top:54px;padding-bottom:54px}.cn-name{font-size:54px}.en-name{font-size:38px}.hero-actions{flex-wrap:wrap}.signal-grid strong{font-size:29px}.signal-grid>div{padding:18px 16px}.project{grid-template-columns:1fr;gap:5px}.project-year{margin-top:2px}.timeline article{grid-template-columns:1fr;gap:5px}.selected-top{display:block}.selected-top div{justify-content:flex-start;margin-top:8px}.pub-item{grid-template-columns:1fr}.pub-date{padding-bottom:2px}.pub-metrics{grid-column:1}.pub-hero h1{font-size:44px}}

.beyond-card{min-height:330px}
.beyond-card h3{margin-bottom:14px}
.beyond-list{list-style:none;margin:0;padding:0}
.beyond-list li{position:relative;padding:8px 0 8px 16px;border-top:1px solid rgba(19,35,51,.16);font-size:13px;line-height:1.5;color:var(--ink2);font-weight:650}
.beyond-list li:first-child{border-top:0}
.beyond-list li:before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;background:var(--brick)}
.teaching-card{background:#eee7dd}.service-card{background:#e3e5df}.patent-card{background:#e3e8ec}
@media(max-width:850px){.beyond-card{min-height:0}}

/* V4 — explicit undergraduate / graduate teaching structure */
.teaching-card{padding:24px 22px}
.course-group{margin-top:14px;border-top:2px solid var(--ink)}
.course-group.graduate-group{margin-top:18px}
.course-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0 7px}
.course-group-head span{font-size:12px;font-weight:900;color:var(--ink);letter-spacing:.04em}
.course-group-head em{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.14em;color:var(--brick)}
.course-list{list-style:none;margin:0;padding:0}
.course-list li{border-top:1px solid rgba(19,35,51,.16);padding:9px 0}
.course-list li:first-child{border-top:0}
.course-list strong{display:block;font-size:13px;line-height:1.45;color:var(--ink);font-weight:800}
.course-list small{display:block;margin-top:2px;font-size:10px;line-height:1.4;color:var(--muted);font-weight:700;letter-spacing:.02em}
.teaching-extra{margin-top:19px;padding-top:11px;border-top:2px solid var(--brick)}
.teaching-extra-title{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--brick);text-transform:uppercase;margin-bottom:4px}
.compact-list li{padding-top:6px;padding-bottom:6px}
@media(max-width:850px){
 .course-group-head{align-items:baseline}
}


/* V5 — standalone sections 06 / 07 / 08 */
.standalone-section .section-head{margin-bottom:26px}

.teaching-section{background:#e7e0d6}
.teaching-layout{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:0;
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
}
.teaching-panel{padding:24px 26px}
.teaching-panel+ .teaching-panel{border-left:1px solid #aaa094}
.teaching-panel>b{
  display:block;
  font-size:9px;
  letter-spacing:.14em;
  color:var(--brick);
  margin-bottom:10px;
}
.teaching-achievements{background:#eee8df}
.teaching-achievements h3{
  font:700 23px/1.25 Georgia,"Noto Serif SC",serif;
  margin:5px 0 12px;
}

.service-section{background:#e2e6e1}
.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
}
.service-item{padding:25px 24px;min-height:180px;border-right:1px solid #aeb6af}
.service-item:last-child{border-right:0}
.service-item>span{
  display:block;
  font:900 10px Arial;
  color:var(--brick);
  letter-spacing:.1em;
}
.service-item h3{
  font:700 21px/1.35 Georgia,"Noto Serif SC",serif;
  margin:16px 0 20px;
}
.service-item p{
  margin:0;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  color:var(--sage);
}

.patent-section{background:#dde5ea}
.patent-feature{
  display:grid;
  grid-template-columns:180px 1fr 180px;
  gap:28px;
  align-items:center;
  padding:26px 28px;
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
  background:#eef2f4;
}
.patent-kicker span{
  display:block;
  font:800 34px/1 Georgia;
  color:var(--blue);
}
.patent-kicker b{
  display:block;
  margin-top:8px;
  font-size:10px;
  letter-spacing:.08em;
}
.patent-body h3{
  margin:0;
  font:700 23px/1.35 Georgia,"Noto Serif SC",serif;
}
.patent-body p{
  margin:8px 0 0;
  color:var(--muted);
  font-weight:700;
}
.patent-status{
  justify-self:end;
  padding:9px 11px;
  border:1px solid var(--ink);
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  text-align:center;
}

@media(max-width:850px){
  .teaching-layout{grid-template-columns:1fr}
  .teaching-panel+ .teaching-panel{border-left:0;border-top:1px solid #aaa094}
  .service-grid{grid-template-columns:1fr}
  .service-item{border-right:0;border-bottom:1px solid #aeb6af;min-height:0}
  .service-item:last-child{border-bottom:0}
  .patent-feature{grid-template-columns:1fr;gap:16px}
  .patent-status{justify-self:start}
}


/* V6 — selected works now contains three papers */
.selected-grid .selected:nth-child(2),
.selected-grid .selected:nth-child(3){
  min-height:330px;
}
@media(max-width:850px){
  .selected-grid .selected:nth-child(2),
  .selected-grid .selected:nth-child(3){
    min-height:0;
  }
}

/* V7 — textual lead-author publication count */
.signal-grid strong[data-i18n="statLeadCount"]{
  font-size:30px;
  letter-spacing:-.02em;
}
@media(max-width:520px){
  .signal-grid strong[data-i18n="statLeadCount"]{font-size:25px}
}