html{scrollbar-width:none}html::-webkit-scrollbar{display:none}:root{--brand-primary: #20409D;--brand-primary-light: #3360BB;--brand-primary-dark: #16307A;--brand-secondary: #9E2326;--brand-secondary-light: #C42E32;--brand-secondary-dark: #7A1B1E;--brand-primary-50: #EBF0FF;--brand-primary-100: #D6E3FF;--brand-primary-200: rgba(32, 64, 157, .16);--color-text-primary: #1a2332;--color-text-secondary: #4a5568;--color-text-tertiary: #718096;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f7f9fb;--color-bg-tertiary: #edf2f7;--color-border: #e2e8f0;--color-border-light: #edf2f7;--state-success: #16a34a;--state-warning: #d97706;--state-error: #dc2626;--state-info: #2563eb;--font-display: "Playfair Display", Georgia, "Noto Serif SC", serif;--font-body: "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--font-mono: "Fira Code", "Source Code Pro", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 2px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .05);--shadow-float: 0 12px 40px rgba(0, 0, 0, .08);--surface-card: var(--color-bg-primary);--surface-elevated: var(--color-bg-primary);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s}html.dark{--color-text-primary: #e2e8f0;--color-text-secondary: #a0aec0;--color-text-tertiary: #718096;--color-bg-primary: #0f1724;--color-bg-secondary: #162032;--color-bg-tertiary: #1e2d42;--color-border: #2d3e54;--color-border-light: #243348;--brand-primary-50: rgba(32, 64, 157, .08);--brand-primary-100: rgba(32, 64, 157, .14);--brand-primary-200: rgba(32, 64, 157, .22);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 2px 8px rgba(0, 0, 0, .18);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .2);--shadow-float: 0 12px 40px rgba(0, 0, 0, .3);--surface-card: #162032;--surface-elevated: #1e2d42}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-icon]{display:inline-flex;align-items:center;justify-content:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.container{max-width:90rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(min-width:768px){.container{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.container,.page-hero .container{padding-left:4rem;padding-right:4rem}}#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-primary-light));z-index:9999;transition:width 60ms linear}.nav-bar{position:fixed;top:0;left:0;width:100%;z-index:50;transition:background-color .3s var(--ease-out-expo),border-color .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo)}.nav-bar-inner{max-width:90rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex;align-items:center;justify-content:space-between;height:5rem}@media(min-width:768px){.nav-bar-inner{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.nav-bar-inner{padding-left:4rem;padding-right:4rem}}.nav-logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);user-select:none;text-decoration:none}.desktop-nav{display:flex;align-items:center;gap:2rem;margin-left:auto;padding-right:.5rem}.nav-link{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;font-family:var(--font-body)}.nav-link:hover{color:var(--brand-primary)}[data-active=true]{position:relative;color:var(--brand-primary)!important;font-weight:600}[data-active=true]:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:var(--radius-full);background:var(--brand-primary)}.lang-toggle-btn{font-size:var(--text-base);font-weight:var(--weight-medium);padding:4px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;text-align:center}.lang-toggle-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.nav-contact-btn{display:inline-flex;align-items:center;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:.5rem 1.25rem;border-radius:var(--radius-full);border:1px solid var(--brand-primary);color:var(--brand-primary);transition:all .2s ease;text-decoration:none}.nav-contact-btn:hover{background-color:var(--brand-primary);color:var(--color-text-inverse);border-color:var(--brand-primary)}.mobile-nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;gap:6px;border-radius:var(--radius-md);background:none;border:none;cursor:pointer;padding:0;color:currentColor;transition:background-color .2s ease}.mobile-nav-toggle:hover{background:#0000000d}.hamburger-line{display:block;width:1.25rem;height:2px;border-radius:var(--radius-full);background:currentColor;transition:transform .2s ease}.hamburger-line-mid{transition:opacity .2s ease}.mobile-lang-toggle{display:none;font-size:11px;padding:3px 10px}.mobile-menu-dropdown{display:none;position:absolute;top:4rem;left:0;width:100%;border-top:1px solid var(--color-border);z-index:40}.mobile-menu-dropdown.open{display:block}.mobile-menu-inner{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.mobile-menu-inner .nav-link{padding:.5rem 0;display:block}[data-nav-key].nav-bar{background-color:var(--color-bg-primary);box-shadow:var(--shadow-sm)}[data-nav-key].nav-bar .nav-logo{color:var(--brand-primary)}[data-nav-key].nav-bar .nav-link{color:var(--color-text-secondary)}[data-nav-key].nav-bar .nav-link:hover{color:var(--brand-primary)}[data-nav-key].nav-bar .nav-contact-btn{border-color:var(--brand-primary);color:var(--brand-primary)}[data-nav-key].nav-bar .nav-contact-btn:hover{background-color:var(--brand-primary);color:var(--color-text-inverse)}header:not([data-nav-key=index]) .lang-toggle-btn{border-color:var(--brand-primary);color:var(--brand-primary)}header:not([data-nav-key=index]) .lang-toggle-btn:hover{background:var(--brand-primary-50)}@media(max-width:639px){.desktop-nav,.desktop-lang-toggle,.desktop-contact-btn{display:none!important}.mobile-nav-toggle{display:flex!important}.mobile-lang-toggle{display:inline-flex!important}.mobile-menu-dropdown.open{display:block!important}}@media(min-width:640px){.mobile-nav-toggle,.mobile-lang-toggle,.mobile-menu-dropdown{display:none!important}}.main-content{min-height:100vh;padding-top:5rem}.about-section{padding:5rem 0}@media(min-width:768px){.about-section{padding:7rem 0}}.about-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:768px){.about-grid{padding:0 2rem}}@media(min-width:1024px){.about-grid{grid-template-columns:3fr 2fr;gap:1.5rem;padding:0 4rem}}.about-text{display:flex;flex-direction:column;gap:1.25rem}.professor-photo-wrapper{position:relative;max-width:320px;margin:0 auto}.professor-photo{width:100%;border-radius:var(--radius-lg);object-fit:cover;aspect-ratio:4 / 5;box-shadow:var(--shadow-lg)}.professor-photo-accent{position:absolute;bottom:-1rem;right:-1rem;width:6rem;height:6rem;border-radius:var(--radius-lg);background:var(--brand-primary);opacity:.15;z-index:-1}.professor-info{margin-top:1rem;text-align:center}.professor-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold)}.professor-role{font-size:var(--text-sm);margin-top:.25rem}.stats-bar{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(min-width:768px){.stats-bar{grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem;margin-top:5rem}}.stat-card{text-align:center;padding:1.5rem;border-radius:var(--radius-lg);background:var(--brand-primary-50);border:1px solid var(--brand-primary-100)}.stat-number{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}@media(min-width:768px){.stat-number{font-size:var(--text-4xl)}}.stat-label{font-size:var(--text-xs);margin-top:.5rem;font-weight:var(--weight-medium)}.section-title{position:relative;display:inline-block;padding-bottom:.75rem;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold)}@media(min-width:768px){.section-title{font-size:var(--text-4xl)}}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:3px;border-radius:var(--radius-full);background:var(--brand-primary)}.section-title-center:after{left:50%;transform:translate(-50%)}.section-header{text-align:center;margin-bottom:3.5rem}.section-subtitle{margin-top:1rem;max-width:56rem;margin-left:auto;margin-right:auto}.research-section{padding:5rem 0}@media(min-width:768px){.research-section{padding:7rem 0}}.research-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.research-grid{padding:0 2rem}}@media(min-width:1024px){.research-grid{padding:0 4rem}}@media(min-width:768px){.research-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.research-grid{grid-template-columns:1fr 1fr}}.research-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card);box-shadow:var(--shadow-md);transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo);display:flex;flex-direction:column}.research-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-float)}.research-card-image{overflow:hidden;aspect-ratio:16 / 10}.research-card-image-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-primary-50),var(--brand-primary-100))}.nano-icon{width:5rem;height:5rem}.research-card-img{width:100%;height:100%;object-fit:contain;background:#f5f5f5;transition:transform .5s ease}.research-card:hover .research-card-img{transform:scale(1.1)}.research-card-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.research-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:.5rem}.research-card-desc{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.research-card-link{display:inline-flex;align-items:center;margin-top:auto;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--brand-primary);transition:color .2s ease}.research-card-link:hover{color:var(--brand-primary-dark)}.card-link-arrow{width:1rem;height:1rem;margin-left:.25rem}.pubs-section{padding:5rem 0}@media(min-width:768px){.pubs-section{padding:7rem 0}}.pubs-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem}.pub-dots{display:none;align-items:center;gap:.5rem}@media(min-width:640px){.pub-dots{display:flex}}.pub-more-btn{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500;color:var(--brand-primary);text-decoration:none;margin-left:auto;white-space:nowrap;transition:color .2s ease}.pub-more-btn:hover{color:var(--brand-primary-dark)}.pub-dot{width:10px;height:10px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .3s ease;padding:0}.pub-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:.75rem}.pub-track::-webkit-scrollbar{height:4px}.pub-track::-webkit-scrollbar-thumb{background:var(--brand-primary-200);border-radius:var(--radius-full)}.pub-card{scroll-snap-align:start;flex:0 0 340px}@media(max-width:640px){.pub-card{flex:0 0 85vw}}.pub-card-inner{height:100%;border-radius:var(--radius-lg);padding:1.5rem;transition:box-shadow .3s ease;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.pub-card-inner:hover{box-shadow:var(--shadow-lg)}.pub-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.pub-card-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--brand-primary-50)}.pub-icon-svg{width:1.25rem;height:1.25rem}.pub-card-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:.25rem .625rem;border-radius:var(--radius-full);background:var(--brand-primary-100);color:var(--brand-primary)}.pub-card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);margin-bottom:.5rem}.pub-card-authors{font-size:var(--text-xs);margin-bottom:.75rem}.pub-card-summary{font-size:var(--text-xs);line-height:var(--leading-relaxed)}.news-section{padding:5rem 0}@media(min-width:768px){.news-section{padding:7rem 0}}.news-list{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.timeline-item{position:relative;padding-left:2rem}.timeline-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-border);border-radius:var(--radius-full)}.timeline-item:after{content:"";position:absolute;left:-4px;top:6px;width:11px;height:11px;border-radius:var(--radius-full);background:var(--brand-primary);border:2px solid var(--color-bg-primary);box-shadow:0 0 0 2px var(--brand-primary-200)}.timeline-item:last-child:before{bottom:calc(100% - 17px)}.timeline-item-date-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.timeline-date{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.timeline-item-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:.25rem}.timeline-item-desc{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.view-more{text-align:center;margin-top:3rem}.view-more-link{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:color .2s ease}.gallery-section{padding:5rem 0}@media(min-width:768px){.gallery-section{padding:7rem 0}}.gallery-strip{display:flex;gap:1rem}@media(min-width:768px){.gallery-strip{padding:0 2rem}}@media(min-width:1024px){.gallery-strip{padding:0 4rem}}.gallery-item{flex:1;border-radius:var(--radius-lg);overflow:hidden;min-width:0}.gallery-img{width:100%;object-fit:cover;aspect-ratio:16 / 9;transition:transform .5s ease}.gallery-item:hover .gallery-img{transform:scale(1.05)}.contact-section{padding:4rem 0;background:var(--color-bg-secondary)}@media(min-width:768px){.contact-section{padding:5rem 0}}.contact-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.contact-grid{grid-template-columns:1fr 1fr;gap:3rem}}.contact-card{background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border-secondary, rgba(0,0,0,.08));border-radius:var(--radius-lg);padding:2rem;position:relative}.contact-card-accent{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.contact-card-inner{padding-left:1.25rem}.contact-item{margin-bottom:1.25rem}.contact-item:last-child{margin-bottom:0}.contact-label{display:block;font-size:var(--text-xs, .75rem);font-weight:var(--weight-semibold, 600);color:var(--brand-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide, .05em);margin-bottom:.25rem}.contact-value{font-size:var(--text-sm, .875rem);color:var(--color-text-primary, #1a1a2e);line-height:var(--leading-relaxed, 1.625)}.contact-value a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}.contact-value a:hover{color:var(--brand-primary-dark, #065f46);text-decoration:underline}.contact-map-placeholder{width:100%;height:100%;min-height:320px;background:linear-gradient(135deg,var(--brand-primary-50),var(--brand-primary-100));border-radius:var(--radius-md, .5rem);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);font-size:var(--text-sm, .875rem);position:relative;overflow:hidden;border:1px solid var(--brand-primary-200, rgba(0,0,0,.06))}.contact-map-placeholder:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px);background-size:20px 20px}.friendly-links-section{background:var(--color-bg-secondary);padding:3rem 0;border-top:1px solid var(--color-border)}.friendly-links-title{font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:1.5rem}.friendly-links-grid{display:flex;flex-wrap:wrap;gap:.75rem}@media(min-width:768px){.friendly-links-section .container{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.friendly-links-section .container{padding-left:4rem;padding-right:4rem}}.friendly-link-item{display:inline-flex;align-items:center;gap:4px;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:.875rem;color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease;background:var(--color-bg-primary)}.friendly-link-item:hover{color:var(--brand-primary);border-color:var(--brand-primary);background:var(--brand-primary-50)}.friendly-link-icon{width:16px;height:16px;flex-shrink:0}.site-footer{margin-top:auto}.footer-accent-line{width:100%;height:4px;background:var(--brand-primary)}.footer-inner{max-width:90rem;margin-left:auto;margin-right:auto;padding:2rem 1.5rem 1.5rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}}.footer-heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:1rem;color:var(--brand-primary)}.footer-subheading{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:.75rem}.footer-text{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer-text-margin{margin-top:.75rem}.footer-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;margin:0}.footer-link{font-size:var(--text-sm);transition:color .2s ease}.footer-link:hover{text-decoration:underline}.footer-contact-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0;font-size:var(--text-sm)}.footer-contact-item{display:flex;align-items:center;gap:.5rem}.footer-icon{width:1rem;height:1rem;flex-shrink:0}.footer-social{display:flex;align-items:center;gap:1rem;margin-top:1rem}.social-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none}.social-icon:hover{transform:translateY(-2px)}.social-icon-svg{width:1rem;height:1rem}.footer-copyright{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:10rem;text-align:center;font-size:var(--text-xs);color:#fff}.footer-icp{margin-top:.25rem}.footer-icp a{color:#fff;text-decoration:none}.footer-icp a:hover{text-decoration:underline}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}[data-lang=en] [data-zh]:not([data-en]){display:none!important}[data-lang=zh] [data-en]:not([data-zh]){display:none!important}html:not([data-lang]) [data-en]{display:none!important}:root:not([data-lang]){--current-lang: zh}td,th{word-break:break-word;overflow-wrap:break-word;word-break:auto-phrase}th{white-space:nowrap}.back-to-top-btn{position:fixed;bottom:2rem;right:2rem;z-index:40;width:44px;height:44px;border-radius:50%;border:none;background:var(--brand-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background .2s ease}.back-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top-btn:hover{background:var(--brand-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0003}@media(max-width:639px){.back-to-top-btn{bottom:1.5rem;right:1.5rem;width:40px;height:40px}}