:root{--sidebar-width:260px;--sidebar-bg:#2b303b;--sidebar-bg-dark:#262a34;--sidebar-bg-darker:#21252d;--sidebar-text:#788195;--sidebar-text-hover:#ffffff;--sidebar-border:rgba(120, 129, 149, 0.2);--accent-color:#1a365e;--accent-color-light:#1b4682;--accent-color-dark:#0f2342;--text-color:#404040;--text-color-light:#666666;--text-color-muted:#888888;--heading-color:#333333;--link-color:var(--accent-color);--link-hover:var(--accent-color-light);--bg-color:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f0f0;--border-color:#e0e0e0;--border-color-light:#eeeeee;--font-main:'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-heading:'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-size-base:16px;--line-height-base:1.7;--line-height-heading:1.3;--content-max-width:1000px;--content-padding-x:0;--content-prose-width:700px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-full:50%;--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease;--focus-ring:0 0 0 3px rgba(128, 0, 0, 0.3)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);font-size:1rem;line-height:var(--line-height-base);color:var(--text-color);background-color:var(--bg-color);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;top:-100%;left:var(--space-md);z-index:9999;padding:var(--space-sm)var(--space-md);background:var(--accent-color);color:#fff;font-weight:600;text-decoration:none;border-radius:var(--radius-sm);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-md);outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-wrapper{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);color:var(--sidebar-text);z-index:100;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{text-align:center;padding:var(--space-xl)var(--space-lg)var(--space-lg);position:relative;border-bottom:1px solid var(--sidebar-border)}.cv-download{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--sidebar-text);background:var(--sidebar-bg-dark);border-radius:var(--radius-sm);font-size:16px;transition:all var(--transition-base);text-decoration:none}.cv-download:hover{color:var(--sidebar-text-hover);background:var(--accent-color)}.cv-download:focus-visible{box-shadow:var(--focus-ring)}.profile-image-wrap{width:140px;height:140px;margin:0 auto var(--space-lg);border-radius:var(--radius-full);border:4px solid var(--sidebar-border);overflow:hidden;transition:border-color var(--transition-base)}.profile-image-wrap:hover{border-color:var(--sidebar-text)}.profile-image{width:100%;height:100%;object-fit:cover;display:block}.profile-info{margin-top:var(--space-md)}.name{font-family:var(--font-heading);font-size:1.5rem;font-weight:300;line-height:1.4;color:var(--sidebar-text-hover);margin:0 0 var(--space-xs)}.name-chinese{font-size:1.75rem;font-weight:300;color:var(--sidebar-text);margin:0 0 var(--space-md)}.menu-label{font-size:1.2rem;font-weight:600;letter-spacing:2px;color:var(--sidebar-text);text-transform:uppercase;margin:var(--space-lg)0 0;opacity:.7}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-md)0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:2px}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm)var(--space-lg);color:var(--sidebar-text);text-decoration:none;transition:all var(--transition-base);position:relative}.nav-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-color);transform:scaleY(0);transition:transform var(--transition-base)}.nav-item:hover,.nav-item.active{color:var(--sidebar-text-hover)}.nav-item.active::before{transform:scaleY(1)}.nav-item:focus-visible{box-shadow:inset var(--focus-ring)}.nav-text{font-size:.875rem;font-weight:400;letter-spacing:.3px}.nav-item .fa{font-size:1rem;width:32px;height:32px;line-height:32px;text-align:center;background:var(--sidebar-bg-darker);border-radius:var(--radius-sm);transition:all var(--transition-base)}.nav-item:hover .fa,.nav-item.active .fa{background:var(--accent-color);color:#fff}.sidebar-footer{padding:var(--space-md);text-align:center;background:var(--sidebar-bg-dark);border-top:1px solid var(--sidebar-border)}.sidebar-footer a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:var(--sidebar-text);background:var(--sidebar-bg);margin:0 var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-base);text-decoration:none}.sidebar-footer a:hover{color:var(--sidebar-text-hover);background:var(--accent-color)}.sidebar-footer a:focus-visible{box-shadow:var(--focus-ring)}.mobile-menu-toggle{display:none;position:fixed;top:var(--space-md);left:var(--space-md);z-index:200;width:44px;height:44px;background:var(--sidebar-bg);border:none;border-radius:var(--radius-md);color:var(--sidebar-text-hover);font-size:20px;cursor:pointer;transition:all var(--transition-base);align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:var(--sidebar-bg-dark)}.mobile-menu-toggle:focus-visible{box-shadow:var(--focus-ring)}.main-content{margin-left:var(--sidebar-width);flex:1;position:relative;overflow:hidden}.sections-container{display:flex;height:100vh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.sections-container::-webkit-scrollbar{height:6px}.sections-container::-webkit-scrollbar-track{background:var(--bg-secondary)}.sections-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sections-container::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.section{flex:none;width:calc((100vw - var(--sidebar-width)) * .75);min-width:560px;max-width:1600px;height:100vh;overflow-y:auto;scroll-snap-align:start;padding:var(--space-3xl)var(--space-2xl);background:var(--bg-color);border-right:1px solid var(--border-color-light)}.section:last-child{max-width:none;scroll-snap-align:end;border-right:none}.section-inner{max-width:none;margin:0;position:relative}.content-container{max-width:var(--content-max-width);padding-left:var(--content-padding-x);padding-right:var(--content-padding-x);margin-left:auto;margin-right:auto;width:100%;position:relative}.section-content>p,.section-content>h3,.section-content>h4,.section-content>ul:not(.news-list),.section-content>ol,.section-content>blockquote{max-width:var(--content-prose-width);margin-left:auto;margin-right:auto}.section-icon{position:absolute;top:0;right:0;font-size:1.5rem;color:var(--border-color);opacity:.5}.section-number{display:block;font-size:.875rem;font-weight:600;color:var(--accent-color);margin-bottom:var(--space-sm);letter-spacing:1px}.section-title{font-family:var(--font-heading);font-size:2.25rem;font-weight:700;color:var(--heading-color);margin-bottom:var(--space-xl);position:relative;display:inline-block;line-height:var(--line-height-heading)}.section-title::after{content:'';position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:var(--accent-color)}.section-content{font-size:1rem;line-height:var(--line-height-base);color:var(--text-color)}.section-content p{margin-bottom:1.25em}.section-content p:last-child{margin-bottom:0}.section-content a{color:var(--link-color);text-decoration:underline;text-decoration-color:rgba(128,0,0,.3);text-underline-offset:2px;transition:all var(--transition-fast)}.section-content a:hover{color:var(--link-hover);text-decoration-color:var(--link-hover)}.section-content strong{font-weight:600;color:var(--heading-color)}.section-content h3{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;color:var(--heading-color);margin:var(--space-2xl)0 var(--space-md);line-height:var(--line-height-heading)}.section-content h3:first-child{margin-top:0}.section-content h4{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--heading-color);margin:var(--space-xl)0 var(--space-sm);line-height:var(--line-height-heading)}.section-content ul,.section-content ol{margin-bottom:1.25em;padding-left:1.5em}.section-content li{margin-bottom:.5em}.section-content li::marker{color:var(--accent-color)}.section-content blockquote{border-left:4px solid var(--accent-color);padding:var(--space-md)var(--space-lg);margin:var(--space-lg)0;background:var(--bg-secondary);font-style:italic;color:var(--text-color-light);border-radius:0 var(--radius-md)var(--radius-md)0}.section-content blockquote p:last-child{margin-bottom:0}.about-intro{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-xl);align-items:center;margin-bottom:var(--space-xl)}.about-links{margin-top:var(--space-md);text-align:center}.about-links .separator{color:var(--text-color-muted);margin:0 var(--space-sm)}.about-photo{width:100%}.about-photo img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:block}.about-text{flex:1}.about-text p{margin-bottom:1em}.about-text p:last-child{margin-bottom:0}.email-line{font-size:.9rem;color:var(--text-color-light);margin-top:var(--space-sm);text-align:center}.featured-image{text-align:center;margin:var(--space-lg)auto var(--space-xl)}.featured-image img{max-width:100%;height:auto}.featured-image .image-caption,.image-caption{font-size:.875rem;color:var(--text-color-muted);margin-top:var(--space-sm);font-style:italic}.links-row{text-align:center;margin:var(--space-xl)auto;padding:var(--space-md)0;max-width:var(--content-prose-width)}.links-row a{margin:0 var(--space-md);font-weight:600}.links-row .separator{color:var(--text-color-muted);margin:0 var(--space-xs)}.news-list{list-style:none;padding:0;margin:var(--space-lg)auto}.news-list li{padding:var(--space-md)0;border-bottom:1px solid var(--border-color-light);margin:0}.news-list li:last-child{border-bottom:none}.news-date{font-weight:600;color:var(--text-color-light);margin-right:var(--space-xs)}.contact-info{background:var(--bg-secondary);padding:var(--space-lg)var(--space-xl);border-radius:var(--radius-lg);margin:var(--space-2xl)auto 0;border:1px solid var(--border-color-light);max-width:var(--content-prose-width)}.contact-info h4{margin:0 0 var(--space-md);color:var(--accent-color);font-size:1.125rem}.contact-info p{margin-bottom:var(--space-sm);display:flex;align-items:baseline}.contact-info p:last-child{margin-bottom:0}.contact-info i[class*=fa-]{width:20px;color:var(--accent-color);margin-right:var(--space-md);flex-shrink:0;text-align:center}.hiring-box{background:linear-gradient(135deg,#fff5f5 0%,#fff0f0 100%);border-left:4px solid var(--accent-color);padding:var(--space-lg)var(--space-xl);margin:var(--space-xl)auto;border-radius:0 var(--radius-lg)var(--radius-lg)0;box-shadow:var(--shadow-sm)}.hiring-box p{margin:0;color:var(--text-color)}.hiring-box strong{color:var(--accent-color)}.hiring-box a{color:var(--accent-color)}.research-intro{margin-bottom:var(--space-xl)}.research-intro h3{margin:0;font-size:1rem;font-weight:600}.research-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)var(--space-lg);margin-top:var(--space-lg);text-align:left;margin-left:5%}.research-nav-item{color:var(--text-color);text-decoration:none;font-size:.9rem;padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.research-nav-item:hover{color:var(--accent-color);background:var(--bg-secondary)}@media(max-width:600px){.research-nav{grid-template-columns:1fr}}.research-category{margin-bottom:var(--space-2xl)}.research-category:last-child{margin-bottom:0}.category-title{font-size:1.25rem;font-weight:700;color:var(--heading-color);margin:0 0 var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-color-light)}.research-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.research-card{background:var(--bg-color);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.research-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-color)}.research-card-image{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--bg-secondary)}.research-card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;border-radius:0;margin:0;box-shadow:none;transition:transform var(--transition-base)}.research-card:hover .research-card-image img{transform:scale(1.03)}.research-card-content{padding:var(--space-md)var(--space-lg);flex:1;display:flex;flex-direction:column}.research-card-title{margin:0 0 var(--space-xs);font-size:1.1rem;font-weight:700;color:var(--heading-color)}.research-card-venue{font-size:.8rem;font-weight:600;color:var(--text-color-light);margin-bottom:var(--space-sm)}.research-card-venue .awards-list{margin-left:var(--space-sm)}.research-card-venue .awards-list .award{margin-left:4px;font-size:.9em;color:var(--accent-color-light)}.research-card-subtitle{font-size:.875rem;color:var(--text-color-light);margin:0 0 var(--space-md);line-height:1.5;flex:1}.research-card-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--border-color-light)}.research-card-links a{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-color-light);text-decoration:none;padding:4px 8px;background:var(--bg-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.research-card-links a:hover{background:var(--accent-color);color:#fff}.research-card-links a .fa{font-size:.7rem}.research-item{background:var(--bg-color);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.research-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-color)}.research-item img{width:100%;height:160px;object-fit:cover;display:block;border-radius:0;margin:0;box-shadow:none}.research-item-content{padding:var(--space-md)var(--space-lg)}.research-item h4{margin:0 0 var(--space-sm);font-size:1rem;font-weight:600;color:var(--heading-color)}.research-item p{font-size:.875rem;color:var(--text-color-light);margin:0;line-height:1.5}.publications-list{margin-top:var(--space-lg)}.publications-year{margin-bottom:var(--space-2xl)}.publications-year:last-child{margin-bottom:0}.year-heading{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin:0 0 var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--accent-color);display:inline-block}.pub-items{list-style:none;padding:0;margin:0}.pub-item{padding:var(--space-lg)0;border-bottom:1px solid var(--border-color-light)}.pub-item:last-child{border-bottom:none}.pub-item.pub-highlight{background:linear-gradient(90deg,var(--bg-secondary) 0%,transparent 100%);margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);border-radius:var(--radius-md);border-bottom-color:transparent}.pub-entry{display:block}.pub-title{font-size:1rem;font-weight:600;color:var(--heading-color);margin:0 0 var(--space-sm);line-height:1.4}.pub-award{display:inline-block;font-size:.75rem;font-weight:600;color:var(--accent-color);background:rgba(128,0,0,.1);padding:2px 8px;border-radius:var(--radius-sm);margin-left:var(--space-sm);vertical-align:middle}.pub-award .fa{margin-right:4px;font-size:.7rem}.pub-authors{font-size:.875rem;color:var(--text-color-light);margin:0 0 var(--space-xs);line-height:1.5}.pub-authors strong{color:var(--text-color);font-weight:600}.pub-venue{font-size:.875rem;font-style:italic;color:var(--text-color-muted);margin:0 0 var(--space-sm)}.pub-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.pub-link{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-color-light);text-decoration:none;padding:4px 10px;background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.pub-link:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pub-link .fa{font-size:.7rem}.nav-arrows{position:fixed;bottom:var(--space-xl);right:var(--space-xl);display:flex;gap:var(--space-sm);pointer-events:none;z-index:50}.nav-arrows button{pointer-events:auto;width:44px;height:44px;border:none;background:var(--sidebar-bg);border-radius:var(--radius-md);font-size:18px;color:var(--sidebar-text-hover);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.nav-arrows button:hover:not(:disabled){background:var(--accent-color);color:#fff;transform:scale(1.05)}.nav-arrows button:focus-visible{box-shadow:var(--shadow-md),var(--focus-ring)}.nav-arrows button:disabled{opacity:.3;cursor:not-allowed;transform:none}.back-to-top{display:none;position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:48px;height:48px;background:var(--accent-color);color:#fff;border-radius:var(--radius-full);text-decoration:none;z-index:100;box-shadow:var(--shadow-md);transition:all var(--transition-base);align-items:center;justify-content:center}.back-to-top:hover{background:var(--sidebar-bg);transform:translateY(-3px)}.back-to-top:focus-visible{box-shadow:var(--shadow-md),var(--focus-ring)}@media(max-width:1024px){:root{--sidebar-width:240px;--content-max-width:700px;--content-prose-width:600px}.section{padding:var(--space-2xl)var(--space-xl);width:calc((100vw - var(--sidebar-width)) * .7);min-width:450px;max-width:800px}.section:last-child{max-width:none}.section-title{font-size:1.875rem}.research-grid{gap:var(--space-md)}.about-intro{grid-template-columns:2fr 3fr;gap:var(--space-lg)}}@media(max-width:768px){:root{--content-max-width:100%;--content-prose-width:100%;--content-padding-x:0}.sidebar{transform:translateX(-100%);transition:transform var(--transition-base);z-index:1000;width:280px}.sidebar.open{transform:translateX(0)}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active{left:296px;background:var(--sidebar-bg-dark)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;transition:opacity var(--transition-base)}.sidebar-overlay.active{display:block;opacity:1}.main-content{margin-left:0}.sections-container{flex-direction:column;height:auto;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;padding-right:0}.section{width:100%!important;min-width:0!important;max-width:none!important;height:auto;min-height:auto;scroll-snap-align:none;padding:80px var(--space-lg)var(--space-2xl);border-right:none;border-bottom:1px solid var(--border-color-light)}.section:last-child{border-bottom:none}.about-intro{grid-template-columns:1fr;gap:var(--space-lg);text-align:center}.about-photo{max-width:200px;margin:0 auto}.about-text{text-align:left}.section-title{font-size:1.625rem}.nav-arrows{display:none}.back-to-top{display:flex}.research-grid{grid-template-columns:1fr}.category-title{font-size:1.125rem}.pub-item.pub-highlight{margin:0 calc(-1 * var(--space-sm));padding-left:var(--space-sm);padding-right:var(--space-sm)}.pub-title{font-size:.95rem}.pub-award{display:block;margin-left:0;margin-top:var(--space-xs);width:fit-content}.year-heading{font-size:1.25rem}.contact-info{padding:var(--space-lg)}.hiring-box{padding:var(--space-md)var(--space-lg)}}@media(max-width:480px){:root{--content-padding-x:0}.section{padding:70px var(--space-md)var(--space-xl)}.section-title{font-size:1.375rem}.section-content h3{font-size:1.125rem}.profile-image-wrap{width:110px;height:110px}.name{font-size:1.125rem}.name-chinese{font-size:1.25rem}.links-row a{display:block;margin:var(--space-sm)0}.links-row .separator{display:none}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-inner{animation:fadeInUp .5s ease forwards}.research-item,.contact-info,.hiring-box{transition:transform var(--transition-base),box-shadow var(--transition-base)}