:root{--paper:#fbfaf7;--ink:#242422;--muted:#6f706a;--line:#deded5;--accent:#9a7630;--highlight:#eed976;--blue:#4a7775;--font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a:hover{color:var(--blue)}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}img{display:block;max-width:100%}.wrap{width:min(1080px,calc(100% - 88px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;padding:12px;background:var(--ink);color:var(--paper);z-index:10}.skip-link:focus{top:15px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:28px;gap:30px}.wordmark{font-weight:700;font-size:35px;line-height:1;letter-spacing:-3px;text-decoration:none}.logo-dot{color:var(--accent)}nav{display:flex;gap:28px;margin-left:auto}nav a{text-decoration:none;font-size:14px;font-weight:500}.header-note{font-family:'Caveat',cursive;font-size:18px;transform:rotate(-3deg);margin-left:32px;color:var(--muted)}
.hero{padding-top:60px;overflow:hidden}.hero-copy{text-align:center;position:relative}.hello{display:inline-block;font-family:'Caveat',cursive;font-size:27px;line-height:1;transform:rotate(-7deg);color:var(--muted);margin:0 0 12px -310px}h1{font-size:clamp(48px,6.7vw,89px);line-height:1.12;letter-spacing:-5px;font-weight:500;margin:0}.chinese-name{display:inline-block;font:400 21px/1.4 'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:3px;margin-left:22px;vertical-align:middle;color:var(--muted)}.hero-line{font-size:25px;font-weight:450;letter-spacing:-.6px;margin:19px 0 20px}.hero-bio{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.hero-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:23px;font-size:14px}.hero-links a{font-weight:500}.hero-links>span{color:#bcbbb3}.scene-shell{margin-top:22px}.scene{position:relative;height:242px;width:min(1280px,100%);margin:auto}.scene-ground{position:absolute;bottom:26px;left:0;right:0;border-top:2px solid var(--ink);transform:rotate(-.15deg);border-radius:35% 60% 0 0 / 8px 12px 0 0}.scene-building{position:absolute;width:110px;left:13%;bottom:26px}.scene-tree{position:absolute;width:134px;left:32%;bottom:27px}.scene-car{position:absolute;width:73px;left:67%;bottom:27px}.scene-bench{position:absolute;width:83px;left:85%;bottom:28px}.observer{position:absolute;width:69px;left:54%;bottom:22px;mix-blend-mode:multiply;transform-origin:50% 88%;animation:observer-peek 5.6s ease-in-out 1}.scene-geometry{position:absolute;right:4.5%;bottom:27px;display:grid;grid-template-columns:repeat(2,9px);gap:6px;transform:rotate(3deg)}.scene-geometry i{width:9px;height:9px;border:1.3px solid var(--ink);border-radius:1px}.scene-geometry i:nth-child(2n){border-style:dotted;opacity:.4}.scene-geometry i:first-child{opacity:.15}.thought{position:absolute;left:54%;bottom:130px;transform:rotate(-7deg);font-family:'Caveat',cursive;font-size:22px;white-space:nowrap;animation:thought-fade 5.6s both}.grounding-box{position:absolute;left:66.4%;bottom:22px;width:91px;height:66px;animation:find-object 5.6s both;color:var(--accent)}.grounding-box i{position:absolute;width:13px;height:13px;border-color:currentColor;border-style:solid}.grounding-box i:nth-child(1){top:0;left:0;border-width:1.5px 0 0 1.5px}.grounding-box i:nth-child(2){top:0;right:0;border-width:1.5px 1.5px 0 0}.grounding-box i:nth-child(3){bottom:0;left:0;border-width:0 0 1.5px 1.5px}.grounding-box i:nth-child(4){bottom:0;right:0;border-width:0 1.5px 1.5px 0}.grounding-box>span{position:absolute;left:4px;bottom:calc(100% + 7px);font:20px/1 'Caveat',cursive;white-space:nowrap;animation:found-fade 5.6s both}.scene-mark{position:absolute;font:17px/1 'Caveat',cursive;color:var(--muted);bottom:4px}.mark-one{left:17%;transform:rotate(-3deg)}.mark-two{left:48%}.mark-three{left:79%;transform:rotate(3deg)}.scene-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px}.scene-caption{font:20px 'Caveat',cursive;color:var(--muted)}.replay{display:flex;gap:7px;align-items:center;font-size:12px;background:none;border:0;padding:10px 0}.replay span{font-size:20px}.replay:hover{color:var(--blue)}.replay:disabled{opacity:.5;cursor:default}
.section{scroll-margin-top:35px}.research{display:grid;grid-template-columns:35% 1fr;gap:60px;padding-block:93px 86px;border-bottom:1px solid var(--line)}.section-kicker{display:block;font-size:12px;font-weight:500;letter-spacing:1.5px;color:var(--muted);margin-bottom:22px}h2{font-size:36px;line-height:1.22;letter-spacing:-1.3px;font-weight:500;margin:0}.accent-period{color:var(--accent)}.hand-note{font-family:'Caveat',cursive;font-size:23px;display:block;color:var(--blue);transform:rotate(-4deg);margin-top:25px}.research-copy>p,.about-copy>p{font-size:16px;line-height:1.85;margin:0 0 19px;color:#555750}.research-copy>p:first-child{font-size:20px;line-height:1.65;color:var(--ink)}strong{font-weight:550}.research-topics{display:flex;gap:12px 23px;flex-wrap:wrap;margin-top:27px}.research-topics span{font-size:12px;border-bottom:1px solid #c7c8be;padding-bottom:4px}.publications{padding-top:76px}.pub-intro{display:flex;justify-content:space-between;gap:20px;align-items:end}.pub-intro .section-kicker{margin-bottom:17px}.quiet-link{font-size:13px;color:var(--muted);white-space:nowrap}.pub-description{color:var(--muted);font-size:14px;margin:18px 0 40px}.pub-year-group{display:grid;grid-template-columns:95px minmax(0,1fr);gap:30px;border-top:1px solid var(--line)}.pub-year{font-size:20px;font-weight:450;padding-top:28px;margin:0}.paper{padding:27px 0 25px;display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:30px;border-bottom:1px solid var(--line)}.paper:last-child{border-bottom:0}.paper h3{font-size:17px;line-height:1.5;font-weight:550;letter-spacing:-.15px;margin:0 0 9px}.paper h3 a{text-decoration:none}.paper h3 a:hover{text-decoration:underline}.authors{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.authors strong{color:var(--ink);font-weight:550}.paper-aside{text-align:right;padding-top:4px}.venue{font-size:12px;display:block;font-weight:550;line-height:1.6}.venue.preprint{font-weight:400;color:var(--muted)}.paper-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:11px;font-size:12px}.paper-summary{font-size:14px;line-height:1.75;margin:11px 0 0;color:#66695f}.about{display:grid;grid-template-columns:35% 1fr;gap:60px;padding-block:80px;margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.education{margin-top:35px;display:flex;flex-direction:column;gap:23px}.education>div{display:grid;grid-template-columns:94px 1fr;gap:16px;font-size:13px;line-height:1.65}.education-year{color:var(--muted);font-size:12px;padding-top:2px}.education strong{display:block;font-size:14px}.education>div>div>span{color:var(--muted)}.contact{position:relative;text-align:center;padding-block:85px 80px}.contact h2{font-size:43px}.contact-email{display:inline-block;margin-top:28px;font-size:17px;overflow-wrap:anywhere}.contact .hand-note{font-size:22px;margin-top:25px}.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:27px;font-size:12px;color:var(--muted)}.site-footer a{text-decoration:none}.footer-note{font-family:'Caveat',cursive;font-size:17px}
@keyframes observer-peek{0%,12%{transform:translateX(-18px) rotate(-5deg)}28%{transform:translateX(0) rotate(0)}50%{transform:rotate(7deg)}70%{transform:rotate(2deg)}82%{transform:translateY(-5px) rotate(-3deg)}100%{transform:translateY(0) rotate(0)}}@keyframes thought-fade{0%,12%{opacity:0;transform:translateY(4px) rotate(-7deg)}24%,60%{opacity:1;transform:translateY(0) rotate(-7deg)}75%,100%{opacity:0}}@keyframes find-object{0%,24%{opacity:0;transform:translate(-23px,-8px) scale(1.3,1.1)}34%,47%{opacity:1;transform:translate(-23px,-8px) scale(1.3,1.1)}62%{opacity:1;transform:translate(5px,-2px) scale(.97,1.04)}76%,100%{opacity:1;transform:translate(0,0) scale(1)}}@keyframes found-fade{0%,70%{opacity:0}80%,100%{opacity:1}}
@media(min-width:1500px){.hero{padding-top:85px}.scene{height:280px}}@media(max-width:900px){.wrap{width:calc(100% - 56px)}.header-note{display:none}.hero{padding-top:46px}h1{letter-spacing:-3px}.chinese-name{font-size:17px;margin-left:16px}.scene{height:220px}.scene-building{left:8%;width:97px}.scene-tree{left:29%;width:110px}.observer{left:49%;width:61px}.thought{left:47%;bottom:121px}.scene-car{left:67%;width:66px}.scene-bench{left:86%;width:62px}.grounding-box{left:66%;width:82px;height:61px}.scene-geometry{right:2%}.research,.about{gap:35px;grid-template-columns:32% 1fr}.section-side h2{font-size:30px}.paper{grid-template-columns:minmax(0,1fr) 95px;gap:20px}.pub-year-group{grid-template-columns:65px minmax(0,1fr);gap:20px}.pub-intro h2{font-size:33px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:24px}.wordmark{font-size:31px}nav{gap:17px}nav a{font-size:12px}nav a:first-child{display:none}.hero{padding-top:41px}.hello{font-size:24px;margin-left:-200px;margin-bottom:14px}h1{font-size:clamp(37px,12vw,47px);letter-spacing:-2.7px}.chinese-name{display:block;font-size:15px;letter-spacing:4px;margin:13px 0 0}.hero-line{font-size:21px;letter-spacing:-.5px;margin-top:24px}.hero-bio{font-size:14px;line-height:1.8;max-width:320px;margin:auto}.hero-bio br{display:none}.hero-links{gap:13px;font-size:12px;margin-top:22px}.scene-shell{margin-top:19px}.scene{height:190px}.scene-building{left:3%;width:76px}.scene-tree{left:23%;width:90px}.scene-car{left:66%;width:52px}.observer{left:46%;width:55px}.scene-bench{left:87%;width:46px}.scene-geometry{display:none}.thought{left:44%;font-size:19px;bottom:112px}.grounding-box{left:64.5%;width:68px;height:50px}.grounding-box>span{font-size:17px}.scene-mark{font-size:15px}.mark-one{left:9%}.mark-two{left:43%}.mark-three{left:72%}.scene-bottom{padding-top:12px}.scene-caption{font-size:17px}.replay{font-size:11px}.research{display:block;padding-block:67px 52px}.section-kicker{font-size:11px;letter-spacing:1.3px;margin-bottom:17px}.section-side h2{font-size:32px}.section-side h2 br{display:none}.hand-note{font-size:21px;margin-top:14px}.research-copy{margin-top:34px}.research-copy>p:first-child{font-size:18px}.research-copy>p,.about-copy>p{font-size:15px}.research-topics{gap:13px 17px;margin-top:24px}.research-topics span{font-size:11px}.publications{padding-top:52px}.pub-intro{align-items:start;display:block}.pub-intro h2{font-size:31px}.quiet-link{display:inline-block;margin-top:18px;font-size:12px}.pub-description{margin-top:15px;margin-bottom:25px;font-size:13px}.pub-year-group{display:block}.pub-year{font-size:17px;padding-top:22px;color:var(--accent)}.paper{grid-template-columns:1fr;gap:12px;padding-block:20px}.paper h3{font-size:16px;line-height:1.5}.authors{font-size:12px}.paper-summary{font-size:13px}.paper-aside{display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;padding-top:0}.venue{font-size:12px}.paper-links{margin:0;font-size:12px}.about{display:block;margin-top:40px;padding-block:52px}.about-copy{margin-top:30px}.education>div{grid-template-columns:75px 1fr;gap:12px}.education-year{font-size:11px}.education strong{font-size:13px}.education>div>div>span{font-size:12px}.contact{padding-block:60px}.contact h2{font-size:35px;letter-spacing:-1px}.contact-email{font-size:14px}.site-footer{flex-wrap:wrap;font-size:11px;gap:14px}.footer-note{order:3;width:100%;text-align:center;font-size:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.scene *{animation:none!important}.thought{display:none}.grounding-box{opacity:1}.grounding-box>span{opacity:1}.replay{display:none}}

/* Set optical baselines using the visible bounds of the icon artwork. */
.scene-building{bottom:14px}.scene-tree{bottom:10px}.scene-car{bottom:12px}.scene-bench{bottom:17px}.observer{bottom:10px}
@media(max-width:900px){.scene-building{bottom:16px}.scene-tree{bottom:13px}.scene-car{bottom:14px}.scene-bench{bottom:19px}.observer{bottom:12px}}
@media(max-width:600px){.scene-building{bottom:18px}.scene-tree{bottom:15px}.scene-car{bottom:16px}.scene-bench{bottom:21px}.observer{bottom:13px}}