:root{--page-bg:#f8fafc;--text:#111827;--muted:#4b5563;--subtle:#6b7280;--line:#d8dee8;--link:#1d4ed8;--link-hover:#92400e;--tag-bg:#fff}html{scroll-padding-top:2rem}.academic-body{background:var(--page-bg);min-height:100vh;color:var(--text);margin:0;font-family:Titillium Web,Verdana,Helvetica,sans-serif;font-size:16px;font-weight:400;overflow-x:hidden}.academic-body a{color:var(--link);text-decoration:none;transition:color .16s}.academic-body a:hover{color:var(--link-hover)}.academic-body strong{font-weight:600}.academic-page{box-sizing:border-box;width:calc(100vw - 2rem);max-width:900px;margin:0 auto;padding:3.5rem 1rem 2.5rem;font-size:16px;line-height:1.65}.profile-header{flex-direction:column;gap:1rem;margin-bottom:1.75rem;display:flex}.profile-intro{grid-template-columns:minmax(180px,30%) 1fr;align-items:start;gap:1.5rem;display:grid}.profile-sidebar{flex-direction:column;align-items:center;display:flex}.profile-photo{aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;border:1px solid var(--line);background:#e5e7eb;border-radius:15px;width:100%}.profile-name{color:var(--text);letter-spacing:0;text-align:center;margin:0;font-size:2.375rem;font-weight:400;line-height:1.08}.profile-name-cn{color:var(--muted);white-space:nowrap;font-size:.62em;font-weight:400}.profile-links,.item-links{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:.35rem .6rem;display:flex}.profile-links a,.item-links a{font-weight:600}.profile-links{text-align:center;justify-content:center;margin:.65rem 0 0}.academic-section{box-sizing:border-box;border-top:1px solid var(--line);margin-top:1.75rem;padding-top:1.35rem}.academic-section h2{color:var(--text);letter-spacing:0;margin:0 0 .8rem;font-size:1.45rem;font-weight:600;line-height:1.25}.bio-section p{overflow-wrap:anywhere;margin:0 0 .75rem}.bio-section p:last-child{margin-bottom:0}.news-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.news-item{grid-template-columns:5.5rem 1fr;gap:.7rem;display:grid}.news-date{color:var(--subtle);font-variant-numeric:tabular-nums;white-space:nowrap}.publication-list,.project-list{gap:1.35rem;display:grid}.publication-item,.project-item{border-bottom:1px solid #d8dee8c7;padding-bottom:1.15rem}.project-item-with-media{grid-template-columns:210px 1fr;align-items:start;gap:1.1rem;display:grid}.publication-item:last-child,.project-item:last-child{border-bottom:0;padding-bottom:0}.item-title{color:var(--text);letter-spacing:0;margin:0 0 .35rem;font-size:1.08rem;font-weight:600;line-height:1.35}.publication-placeholder .item-title{color:var(--muted)}.item-title a{color:var(--text);text-decoration:none}.project-item .item-title a{color:var(--link);text-decoration:none}.item-title a:hover{color:var(--link-hover);text-decoration:none}.item-description,.item-meta,.item-venue{color:var(--muted);overflow-wrap:anywhere;margin:0 0 .55rem}.item-meta{font-size:.95rem}.item-venue{color:var(--subtle);font-size:.93rem;font-style:italic}.tech-list{flex-wrap:wrap;gap:.42rem;margin:.65rem 0 .55rem;display:flex}.project-media{aspect-ratio:16/10;border:1px solid var(--line);background:#fff;border-radius:4px;text-decoration:none;display:block;overflow:hidden}.project-media-gallery-link{box-sizing:border-box;padding:.55rem}.project-media-gallery{grid-template-columns:1.35fr 1fr;gap:.5rem;width:100%;height:100%;display:grid}.project-media-main,.project-media-sub{border:1px solid var(--line);-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:4px;width:100%;height:100%;display:block}.project-media-main{grid-row:1/span 2}.project-media-stack{gap:.5rem;display:grid}.project-media img,.project-media video,.project-media iframe{-o-object-fit:contain;object-fit:contain;border:0;width:100%;height:100%;display:block}.project-media-gallery .project-media-main,.project-media-gallery .project-media-sub{border:1px solid var(--line);-o-object-fit:contain;object-fit:contain;border-radius:4px}.project-media video{-o-object-fit:cover;object-fit:cover}.tech-tag{border:1px solid var(--line);background:var(--tag-bg);color:#374151;white-space:nowrap;border-radius:4px;align-items:center;min-height:1.55rem;padding:.12rem .48rem;font-size:.76rem;line-height:1.2;display:inline-flex}.inline-separator{color:var(--subtle);margin:0 .45rem}.site-footer{box-sizing:border-box;border-top:1px solid var(--line);width:calc(100vw - 2rem);max-width:860px;color:var(--subtle);margin:0 auto;padding:1.5rem 1rem 2.5rem;font-size:.9rem;line-height:1.55}.site-footer p{margin:0 0 .35rem}.counter-value{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:700}.js-ready [data-reveal]{opacity:0;transition:opacity .42s,transform .42s;transform:translateY(10px)}.js-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.academic-body a,.js-ready [data-reveal]{transition:none}}@media (width<=640px){.academic-page{width:calc(100vw - 1.5rem);padding:2rem .75rem 2.5rem;font-size:15px}.profile-header{gap:.75rem}.academic-section{width:100%;max-width:36ch}.profile-intro{grid-template-columns:1fr;gap:1rem;width:100%;max-width:36ch}.profile-sidebar{align-items:flex-start}.profile-photo{width:142px}.profile-name-cn{margin-top:.3rem;font-size:.58em;display:block}.profile-name{text-align:left;font-size:2rem}.profile-links{justify-content:flex-start}.news-item{grid-template-columns:1fr;gap:.1rem}.tech-tag{white-space:normal}.project-item-with-media{grid-template-columns:1fr;gap:.75rem}.project-media{width:100%;max-width:100%}.site-footer{width:calc(100vw - 1.5rem);padding-left:.75rem;padding-right:.75rem}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root,[data-theme]{background-color:var(--fallback-b1,oklch(var(--b1)/1));color:var(--fallback-bc,oklch(var(--bc)/1))}@supports not (color:oklch(0% 0 0)){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fallback-p:#491eff;--fallback-pc:#d4dbff;--fallback-s:#ff41c7;--fallback-sc:#fff9fc;--fallback-a:#00cfbd;--fallback-ac:#00100d;--fallback-n:#2b3440;--fallback-nc:#d7dde4;--fallback-b1:#fff;--fallback-b2:#e5e6e6;--fallback-b3:#e5e6e6;--fallback-bc:#1f2937;--fallback-in:#00b3f0;--fallback-inc:#000;--fallback-su:#00ca92;--fallback-suc:#000;--fallback-wa:#ffc22d;--fallback-wac:#000;--fallback-er:#ff6f70;--fallback-erc:#000}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fallback-p:#7582ff;--fallback-pc:#050617;--fallback-s:#ff71cf;--fallback-sc:#190211;--fallback-a:#00c7b5;--fallback-ac:#000e0c;--fallback-n:#2a323c;--fallback-nc:#a6adbb;--fallback-b1:#1d232a;--fallback-b2:#191e24;--fallback-b3:#15191e;--fallback-bc:#a6adbb;--fallback-in:#00b3f0;--fallback-inc:#000;--fallback-su:#00ca92;--fallback-suc:#000;--fallback-wa:#ffc22d;--fallback-wac:#000;--fallback-er:#ff6f70;--fallback-erc:#000}}}html{-webkit-tap-highlight-color:transparent}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--in:72.06% .191 231.6;--su:64.8% .15 160;--wa:84.71% .199 83.87;--er:71.76% .221 22.18;--pc:89.824% .06192 275.75;--ac:15.352% .0368 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:.5rem;--rounded-badge:1.9rem;--animation-btn:.25s;--animation-input:.2s;--btn-focus-scale:.95;--border-btn:1px;--tab-border:1px;--tab-radius:.5rem;--p:49.12% .3096 275.75;--s:69.71% .329 342.55;--sc:98.71% .0106 342.55;--a:76.76% .184 183.61;--n:32.1785% .02476 255.702;--nc:89.4994% .011585 252.096;--b1:100% 0 0;--b2:96.1151% 0 0;--b3:92.4169% .00108 197.138;--bc:27.8078% .029596 256.848}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--in:72.06% .191 231.6;--su:64.8% .15 160;--wa:84.71% .199 83.87;--er:71.76% .221 22.18;--pc:13.138% .0392 275.75;--sc:14.96% .052 342.55;--ac:14.902% .0334 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:.5rem;--rounded-badge:1.9rem;--animation-btn:.25s;--animation-input:.2s;--btn-focus-scale:.95;--border-btn:1px;--tab-border:1px;--tab-radius:.5rem;--p:65.69% .196 275.75;--s:74.8% .26 342.55;--a:74.51% .167 183.61;--n:31.3815% .021108 254.139;--nc:74.6477% .0216 264.436;--b1:25.3267% .015896 252.418;--b2:23.2607% .013807 253.101;--b3:21.1484% .01165 254.088;--bc:74.6477% .0216 264.436}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--in:72.06% .191 231.6;--su:64.8% .15 160;--wa:84.71% .199 83.87;--er:71.76% .221 22.18;--pc:89.824% .06192 275.75;--ac:15.352% .0368 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:.5rem;--rounded-badge:1.9rem;--animation-btn:.25s;--animation-input:.2s;--btn-focus-scale:.95;--border-btn:1px;--tab-border:1px;--tab-radius:.5rem;--p:49.12% .3096 275.75;--s:69.71% .329 342.55;--sc:98.71% .0106 342.55;--a:76.76% .184 183.61;--n:32.1785% .02476 255.702;--nc:89.4994% .011585 252.096;--b1:100% 0 0;--b2:96.1151% 0 0;--b3:92.4169% .00108 197.138;--bc:27.8078% .029596 256.848}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--in:72.06% .191 231.6;--su:64.8% .15 160;--wa:84.71% .199 83.87;--er:71.76% .221 22.18;--pc:13.138% .0392 275.75;--sc:14.96% .052 342.55;--ac:14.902% .0334 183.61;--inc:0% 0 0;--suc:0% 0 0;--wac:0% 0 0;--erc:0% 0 0;--rounded-box:1rem;--rounded-btn:.5rem;--rounded-badge:1.9rem;--animation-btn:.25s;--animation-input:.2s;--btn-focus-scale:.95;--border-btn:1px;--tab-border:1px;--tab-radius:.5rem;--p:65.69% .196 275.75;--s:74.8% .26 342.55;--a:74.51% .167 183.61;--n:31.3815% .021108 254.139;--nc:74.6477% .0216 264.436;--b1:25.3267% .015896 252.418;--b2:23.2607% .013807 253.101;--b3:21.1484% .01165 254.088;--bc:74.6477% .0216 264.436}.\!container{width:100%!important}.container{width:100%}@media (width>=640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (width>=768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (width>=1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (width>=1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (width>=1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.avatar.placeholder>div{justify-content:center;align-items:center;display:flex}.footer{-moz-column-gap:1rem;grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.footer>*{place-items:start;gap:.5rem;display:grid}@media (width>=48rem){.footer{grid-auto-flow:column}.footer-center{grid-auto-flow:dense}}.link{cursor:pointer;text-decoration-line:underline}.stack{place-items:flex-end center;display:inline-grid}.stack>*{z-index:1;opacity:.6;grid-row-start:1;grid-column-start:1;width:100%;transform:translateY(10%)scale(.9)}.stack>:nth-child(2){z-index:2;opacity:.8;transform:translateY(5%)scale(.95)}.stack>:first-child{z-index:3;opacity:1;transform:translateY(0)scale(1)}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}.link:focus{outline-offset:2px;outline:2px solid #0000}.link:focus-visible{outline-offset:2px;outline:2px solid}.loading{pointer-events:none;aspect-ratio:1;background-color:currentColor;width:1.5rem;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mockup-phone .display{border-radius:40px;margin-top:-25px;overflow:hidden}@keyframes modal-pop{0%{opacity:0}}@keyframes progress-loading{50%{background-position-x:-115%}}@keyframes radiomark{0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}to{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes toast-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.scroll-smooth{scroll-behavior:smooth}.border{border-width:1px}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.selection\:bg-slate-900 ::selection{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.selection\:text-white ::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selection\:bg-slate-900::selection{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}