@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";.navbar{height:var(--nav-height);background-color:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-logo a{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;color:var(--text-color);letter-spacing:-.01em}.navbar-right{display:flex;align-items:center;gap:2rem}.navbar-actions{display:flex;align-items:center;gap:1rem}.navbar-links{display:flex;gap:2.5rem}.navbar-links li a{color:var(--secondary-color);font-weight:400;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.navbar-links li a:hover{color:var(--accent-color)}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.menu-toggle .bar{width:100%;height:2px;background-color:var(--text-color);transition:all .3s ease}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-color);border-radius:50%;transition:background-color .2s ease}.theme-toggle:hover{background-color:var(--section-bg)}.theme-toggle svg{width:20px;height:20px}@media(max-width:768px){.menu-toggle{display:flex}.menu-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar-links{position:fixed;top:var(--nav-height);right:-100%;width:100%;height:calc(100vh - var(--nav-height));background-color:var(--bg-color);flex-direction:column;align-items:center;justify-content:center;transition:.3s ease;gap:3rem;z-index:999;border-top:1px solid var(--border-color)}.navbar-links.active{right:0}.navbar-links li a{font-size:1.2rem}}.hero-section{min-height:90vh;display:flex;align-items:center;padding-top:calc(var(--nav-height) + 3rem)}.hero-container{display:flex;flex-direction:column;gap:5rem}.hero-top{display:flex;align-items:center;gap:4rem}.hero-avatar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem;margin-left:-1rem}.avatar-container{width:220px;height:260px;border-radius:5%;background-color:var(--section-bg);border:1px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-container img{width:100%;height:100%;object-fit:cover;object-position:center 0%}.hero-social-links{display:flex;justify-content:center;gap:1.2rem;font-size:.9rem}.hero-social-links a{color:var(--secondary-color);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease;font-weight:400}.hero-social-links a:hover{color:var(--accent-color);border-bottom-color:var(--accent-color)}.hero-text-content{flex:1}.hero-title{font-family:var(--font-serif);font-size:4.5rem;margin-bottom:.5rem;font-weight:700;line-height:1.1;letter-spacing:-.04em}.title-cn{font-family:var(--font-serif);font-size:2.5rem;font-weight:400;margin-left:1rem;opacity:.6}.hero-subtitle{font-family:var(--font-serif);font-size:1.8rem;color:var(--accent-color);margin-bottom:2rem;font-weight:400}.hero-description{font-size:1.15rem;color:var(--secondary-color);max-width:600px;margin-bottom:3rem;font-weight:300}.hero-description strong{font-weight:500;color:var(--text-color)}.hero-bottom{border-top:1px solid var(--border-color);padding-top:4rem}.hero-interests h3{font-family:var(--font-serif);font-size:1.8rem;margin-bottom:2rem;font-weight:600;color:var(--text-color);letter-spacing:-.01em}.interest-tags{display:flex;flex-wrap:wrap;gap:1.2rem}.interest-tags span{font-size:1rem;font-weight:400;color:var(--secondary-color);padding:.4rem 1rem;background-color:var(--section-bg);border-radius:4px;border:1px solid var(--border-color);transition:all .3s ease}.interest-tags span:hover{border-color:var(--accent-color);color:var(--accent-color)}.hero-cta{display:flex;gap:1.5rem}.btn-academic{padding:.7rem 1.8rem;border:1px solid var(--text-color);color:var(--text-color);font-size:.95rem;font-weight:500;transition:all .3s ease;display:inline-block}.btn-academic:hover{background-color:var(--text-color);color:var(--bg-color);text-decoration:none}@media(max-width:850px){.hero-section{padding-top:calc(var(--nav-height) + 2.5rem)}.hero-top{flex-direction:column;text-align:center;gap:2rem}.hero-avatar{margin-left:0}.hero-title{font-size:3.5rem}.title-cn{font-size:2rem;display:block;margin-left:0}.hero-description{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-bottom{text-align:center}.interest-tags{justify-content:center}}@media(max-width:480px){.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.4rem}.hero-cta{flex-direction:column;gap:1rem}.btn-academic{width:100%}}@media(max-width:360px){.hero-title{font-size:2.35rem}.hero-subtitle{font-size:1.25rem}.avatar-container,.hero-avatar{width:190px}.avatar-container{height:225px}}.research-section{padding-top:8rem;scroll-margin-top:calc(var(--nav-height) - 5rem)}#grants{scroll-margin-top:calc(var(--nav-height) + 3rem)}.publications-list,.grants-list{margin-top:4rem;max-width:850px;margin-left:auto;margin-right:auto}.pub-item{margin-bottom:5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.pub-item:last-child{border-bottom:none}.pub-content-wrapper{display:flex;gap:2.5rem;align-items:flex-start}.pub-info{flex:1}.pub-image{width:280px;flex-shrink:0;border:1px solid var(--border-color);padding:.5rem;background-color:var(--bg-color)}.pub-image img{width:100%;height:auto;display:block}.pub-title{font-family:var(--font-serif);font-size:1.5rem;line-height:1.3;margin-bottom:.8rem;font-weight:600}.preprint-tag,.co-first-tag{font-size:.7rem;background-color:var(--section-bg);color:var(--secondary-color);padding:.2rem .6rem;border-radius:4px;margin-left:.8rem;vertical-align:middle;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;font-weight:400}.co-first-tag{background-color:var(--border-color);color:var(--accent-color)}.pub-authors{font-size:1rem;color:var(--secondary-color);margin-bottom:.4rem;font-weight:300}.pub-authors strong{font-weight:600;color:var(--text-color)}.pub-venue{font-family:var(--font-serif);font-style:italic;font-size:1.1rem;color:var(--accent-color);margin-bottom:1.2rem}.pub-description{font-size:.95rem;color:var(--secondary-color);line-height:1.6;font-weight:300;text-align:justify}.section-divider{margin-top:8rem}.grant-program{font-size:.85rem;color:var(--accent-color);margin-bottom:.5rem;font-weight:500;font-family:var(--font-sans)}.grant-item{padding:1.5rem 2rem;background-color:var(--section-bg);border-left:3px solid var(--border-color);margin-bottom:1.5rem;max-width:850px;margin-left:auto;margin-right:auto;transition:all .3s ease}.grant-toggle{width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.grant-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.grant-item:hover,.grant-item:focus-within{border-left-color:var(--accent-color);background-color:var(--border-color)}.grant-item.expanded{border-left-color:var(--accent-color);background-color:var(--border-color)}.grant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;width:100%}.grant-title{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;color:var(--text-color);flex:1;padding-right:2rem;display:flex;align-items:center;gap:.5rem}.expand-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;color:var(--secondary-color);transition:transform .3s ease}.expand-icon svg{width:100%;height:100%}.expand-icon.up{transform:rotate(180deg);color:var(--accent-color)}.grant-funding{font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:var(--accent-color);white-space:nowrap}.grant-meta{display:flex;justify-content:space-between;font-size:.9rem;color:var(--secondary-color);font-weight:300}.grant-role{font-weight:500}.grant-description{max-height:0;overflow:hidden;transition:max-height .3s ease,margin-top .3s ease,opacity .3s ease;opacity:0}.grant-description.show{max-height:500px;margin-top:1.2rem;opacity:1;padding-top:1rem;border-top:1px solid var(--border-color)}.grant-description p{font-size:.9rem;line-height:1.6;color:var(--secondary-color);font-weight:300;text-align:justify}@media(max-width:850px){.pub-content-wrapper{flex-direction:column;gap:1.5rem}.pub-image{width:100%;max-width:400px}}@media(max-width:640px){.research-section{padding-top:5rem}.publications-list,.grants-list{margin-top:2.5rem}.pub-item{margin-bottom:3.5rem}.pub-title{font-size:1.3rem}.preprint-tag,.co-first-tag{display:inline-block;margin-left:0;margin-top:.5rem}.grant-item{padding:1.25rem 1.1rem}.grant-header,.grant-meta{flex-direction:column;gap:.35rem}.grant-title{width:100%;padding-right:0;align-items:flex-start}.expand-icon{flex:0 0 1.2rem;margin-top:.25rem}.grant-description.show{max-height:720px}}.hobbies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.hobby-card{background-color:var(--bg-color);padding:2rem;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column}.hobby-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:var(--card-shadow)}.hobby-icon{font-size:2rem;margin-bottom:1rem}.hobby-card h3{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:1rem;font-weight:600;color:var(--text-color)}.hobby-card p{font-size:1rem;color:var(--secondary-color);line-height:1.6;font-weight:300}.hobby-card strong{font-weight:500;color:var(--text-color)}.hobby-quote{margin-top:1.5rem;padding-left:1rem;border-left:3px solid var(--accent-color);font-style:italic;font-size:.95rem;color:var(--secondary-color);font-family:var(--font-serif)}@media(max-width:768px){.hobbies-grid{grid-template-columns:1fr}}:root{--bg-color: #ffffff;--section-bg: #f8f9fa;--text-color: #212529;--secondary-color: #495057;--accent-color: #005826;--border-color: #e9ecef;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--navbar-bg: rgba(255, 255, 255, .85);--max-width: 900px;--nav-height: 80px;--font-serif: "Crimson Pro", "Noto Serif SC", serif;--font-sans: "Inter", "Noto Sans SC", sans-serif;--transition-speed: .3s}[data-theme=dark]{--bg-color: #121212;--section-bg: #1e1e1e;--text-color: #e9ecef;--secondary-color: #adb5bd;--accent-color: #4ade80;--border-color: #2d2d2d;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--navbar-bg: rgba(18, 18, 18, .85)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed)}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--accent-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}section{padding:8rem 0}.section-alt{background-color:var(--section-bg)}h1,h2,h3{font-family:var(--font-serif);color:var(--text-color);font-weight:600;letter-spacing:-.02em}h2{font-size:2.5rem;margin-bottom:3rem;text-align:center}h2:before{content:"";display:block;width:40px;height:2px;background-color:var(--accent-color);margin:0 auto 1.5rem}ul{list-style:none}.footer{padding:6rem 0;text-align:center;border-top:1px solid var(--border-color);color:var(--secondary-color);font-size:.95rem;font-weight:300}.contact-section{text-align:center}.contact-content{margin-top:2rem;max-width:500px;margin-left:auto;margin-right:auto}.contact-content p{font-size:1.15rem;margin-bottom:4rem;font-weight:300;color:var(--secondary-color)}.contact-links{display:flex;justify-content:center;gap:3rem}.contact-link{font-size:1.1rem;font-weight:500;color:var(--text-color);padding:.8rem 0;border-bottom:2px solid transparent;transition:border-color .3s ease}.contact-link:hover{border-bottom-color:var(--accent-color);text-decoration:none}@media(max-width:480px){.contact-links{flex-direction:column;gap:1.5rem}}
