@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap";:root{--bg: #f2efe8;--bg-elevated: #ffffff;--surface: rgba(255, 255, 255, .86);--text: #1c2430;--muted: #5b6878;--border: rgba(28, 36, 48, .14);--primary: #0f6d63;--primary-strong: #084f49;--accent: #b45309;--max-width: 1080px;--radius: 18px;--radius-sm: 999px;--shadow: 0 18px 45px rgba(16, 22, 35, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:IBM Plex Sans,sans-serif;line-height:1.65;background:radial-gradient(circle at 5% -10%,rgba(15,109,99,.16),transparent 45%),radial-gradient(circle at 100% 0%,rgba(180,83,9,.12),transparent 35%),var(--bg)}a{color:inherit;text-decoration:none}a:hover{color:var(--primary-strong)}p{margin:0 0 1rem;color:var(--text)}h1,h2,h3,h4{margin:0 0 .8rem;line-height:1.25;color:#122133;font-family:"Source Serif 4",serif}.site-shell{width:min(var(--max-width),calc(100% - 2.5rem));margin:0 auto}.site-main{padding:2rem 0 5rem}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(22,33,48,.09);backdrop-filter:blur(8px);background:#f2efe8de}.site-header .site-shell{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.95rem 0}.brand{font-weight:700;letter-spacing:.02em}.site-header nav{display:flex;gap:1rem;flex-wrap:wrap}.site-header nav a{font-size:.95rem;color:var(--muted)}.site-header nav a:hover{color:var(--primary)}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:2rem 0}.site-footer p{margin:.2rem 0}.footer-updated{font-size:.9rem}.page-home{display:grid;gap:2rem}.hero{position:relative;overflow:hidden;padding:3rem;border-radius:calc(var(--radius) + 4px);background:linear-gradient(120deg,#edf4f2,#fbf9f3 48%,#f6efe6);border:1px solid rgba(15,109,99,.17);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:250px;height:250px;background:radial-gradient(circle,rgba(15,109,99,.16),transparent 65%);right:-40px;bottom:-100px;pointer-events:none}.hero-kicker{font-size:.77rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem}.hero h1{font-size:clamp(2.1rem,5vw,3.5rem);margin-bottom:.2rem}.hero-role{margin-bottom:.15rem;font-size:1.06rem;color:#2b3b4f}.hero-affiliation{color:var(--muted)}.hero-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.25rem 0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.58rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);font-weight:600;font-size:.92rem;transition:transform .18s ease,border-color .18s ease,color .18s ease}.btn:hover{transform:translateY(-1px);border-color:#0f6d6366;color:var(--primary-strong)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{color:#fff;background:var(--primary-strong);border-color:var(--primary-strong)}.section{padding:1.9rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.section-header h2{font-size:clamp(1.45rem,2.5vw,2rem);margin-bottom:.3rem}.section-header p{color:var(--muted)}.tag-list,.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;border-radius:var(--radius-sm);border:1px solid rgba(15,109,99,.25);color:var(--primary-strong);background:#0f6d6314;padding:.2rem .72rem;font-size:.79rem;line-height:1.5}a.tag:hover{border-color:#0f6d6373;color:var(--primary-strong)}.stack-list{display:grid;gap:1rem}.publication-item,.project-card,.blog-preview-card,.cv-section,.article,.comments{background:#fff;border:1px solid rgba(25,37,52,.12);border-radius:14px;padding:1.1rem 1.2rem}.publication-meta{color:var(--muted);font-size:.92rem}.cofirst-inline{font-size:.82rem;color:var(--muted)}.dot{margin:0 .42rem}.publication-bottom{margin-top:.7rem;display:flex;align-items:center;justify-content:flex-start;gap:.8rem;flex-wrap:wrap}.publication-actions{display:flex;gap:.5rem;flex-wrap:wrap}.paper-button{display:inline-flex;align-items:center;justify-content:center;min-width:50px;padding:.2rem .7rem;border-radius:var(--radius-sm);border:1px solid rgba(15,23,42,.16);background:#fff;color:#1e293b;font-size:.82rem;font-weight:600}.paper-button:hover{border-color:#0f6d6366;color:var(--primary-strong)}.paper-button.is-disabled{opacity:.45;pointer-events:none}.publication-tags{justify-content:flex-start}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-links{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.9rem}.project-links a{color:var(--primary);font-weight:600}.blog-list{display:grid;gap:1rem}.blog-preview-card h2,.blog-preview-card h3{margin-top:.2rem}.blog-preview-card h2 a,.blog-preview-card h3 a{color:#122133}.blog-preview-card h2 a:hover,.blog-preview-card h3 a:hover{color:var(--primary-strong)}.blog-date{margin-bottom:.45rem;color:var(--muted);font-size:.86rem}.more-link{margin-top:1rem}.more-link a{color:var(--primary);font-weight:700}.contact-list{margin:0;padding-left:1rem}.contact-list li{margin-bottom:.4rem}.page-blog,.article-shell,.cv-page{display:grid;gap:1.2rem}.blog-hero,.cv-header{padding:1.7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.article-header h1{font-size:clamp(1.9rem,4vw,2.9rem)}.article-grid{margin-top:1.3rem;display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.2rem}.toc{position:sticky;top:90px;height:fit-content;padding:.9rem;border:1px solid var(--border);border-radius:12px;background:#fbfbfa}.toc h2{font-size:1rem;margin-bottom:.65rem}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin-bottom:.42rem}.toc li.nested{padding-left:.8rem;font-size:.92rem}.toc a{color:var(--muted)}.toc a:hover{color:var(--primary)}.article-content{min-width:0}.prose h2,.prose h3,.prose h4{scroll-margin-top:90px;margin-top:1.7rem}.prose pre{overflow-x:auto;padding:.8rem;border-radius:12px;background:#111827;color:#eef2ff}.prose code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pager{display:flex;justify-content:space-between;gap:.7rem;margin-top:1rem}.pager span{min-height:1.4rem}.pager a{color:var(--primary);font-weight:600}.giscus-wrap{margin-top:.8rem}.notice{padding:.8rem .9rem;border-radius:10px;border:1px dashed rgba(180,83,9,.45);background:#b453090f;color:#7f3a08}.reveal{opacity:0;transform:translateY(10px);animation:reveal .65s cubic-bezier(.22,1,.36,1) forwards}.page-home .reveal:nth-of-type(2){animation-delay:80ms}.page-home .reveal:nth-of-type(3){animation-delay:.12s}.page-home .reveal:nth-of-type(4){animation-delay:.17s}.page-home .reveal:nth-of-type(5){animation-delay:.22s}.page-home .reveal:nth-of-type(6){animation-delay:.27s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.resume-home{display:grid;gap:1rem}.resume-hero{padding:2.1rem;border-radius:var(--radius);border:1px solid rgba(17,24,39,.12);background:linear-gradient(115deg,#fff,#f7fafc);box-shadow:0 12px 30px #0f172a12}.resume-kicker{margin-bottom:.5rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#3f6f67}.resume-name{margin-bottom:.2rem;font-size:clamp(2rem,4.8vw,3.1rem)}.resume-title{margin-bottom:.2rem;font-size:1.03rem;color:#24374b}.resume-affiliation{margin-bottom:.8rem;color:var(--muted)}.resume-summary{max-width:75ch;margin:.5rem 0}.profile-meta{margin-bottom:.9rem;color:var(--muted)}.profile-meta a{color:var(--primary-strong);font-weight:600}.profile-sep{margin:0 .45rem}.resume-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 .9rem}.profile-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.9rem}.profile-links a{font-size:.93rem;color:#185f86;font-weight:600}.resume-section{padding:1.35rem;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff;box-shadow:0 8px 25px #0f172a0d}.resume-section h2{margin-bottom:.55rem}.section-note{margin-bottom:.9rem;font-size:.92rem;color:var(--muted)}.award-list{display:grid;gap:.35rem}.award-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1.35fr) auto;gap:1rem;align-items:start;padding:.58rem 0;border-bottom:1px dashed rgba(15,23,42,.14)}.award-row:last-child{border-bottom:0}.award-en,.award-zh,.award-date{margin:0}.award-en{font-size:.96rem}.award-zh{font-size:.92rem;color:var(--muted)}.award-date{font-size:.85rem;font-weight:700;color:#0d5f7f;white-space:nowrap}.publication-filters{margin-bottom:1rem;display:grid;gap:.6rem}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filter-label{font-size:.86rem;font-weight:700;color:var(--muted)}.filter-button{border:1px solid rgba(15,23,42,.16);background:#fff;color:#334155;border-radius:var(--radius-sm);padding:.2rem .72rem;font-size:.8rem;line-height:1.5;cursor:pointer}.filter-button:hover{border-color:#0f6d6366;color:var(--primary-strong)}.filter-button.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.pub-item[hidden]{display:none}.pub-empty{margin-top:.8rem;font-size:.92rem;color:var(--muted)}.compact-pubs .publication-item{padding:.9rem 0;border-radius:0;border:0;border-bottom:1px solid rgba(15,23,42,.12);box-shadow:none;background:transparent}.compact-pubs .publication-item:last-child{border-bottom:0;padding-bottom:0}.resume-grid{display:grid;grid-template-columns:1fr;gap:1rem}.timeline-list{display:grid;gap:.55rem}.timeline-item{width:100%;padding:.3rem 0;border:0;border-radius:0;background:transparent}.timeline-item h3{margin-bottom:.2rem;font-size:1.04rem}.timeline-meta{margin-bottom:.5rem;font-size:.91rem;color:var(--muted)}.bi-line,.bi-list li{display:grid;gap:.12rem}.inline-bi{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem}.inline-sep,.zh-text-inline{color:var(--muted)}.meta-time{margin-left:auto;font-size:.84rem;color:#0d5f7f;white-space:nowrap}.zh-text{font-size:.92rem;color:var(--muted)}@media(max-width:940px){.article-grid{grid-template-columns:1fr}.toc{position:static}.resume-grid{grid-template-columns:1fr}}@media(max-width:760px){.site-shell{width:min(var(--max-width),calc(100% - 1.3rem))}.site-header .site-shell{align-items:flex-start;flex-direction:column;gap:.6rem}.hero,.section,.blog-hero,.cv-header{padding:1.3rem}.project-grid{grid-template-columns:1fr}.btn{width:fit-content}.resume-hero,.resume-section{padding:1.1rem}.timeline-item{padding:.25rem 0}.meta-time{margin-left:0;width:100%}.publication-bottom{flex-direction:column;align-items:flex-start}.publication-tags{justify-content:flex-start}.award-row{grid-template-columns:1fr;gap:.2rem}.award-date{margin-top:.15rem}}