:root{--bg:#f8f5fb;--bg-elevated:#ffffff;--bg-card:#ffffff;--text:#2d2040;--muted:#7b6b8a;--border:#e0d8ec;--link:#6b4f8a;--accent:#7b5ea7;--accent-glow:rgba(123, 94, 167, 0.12);--container:860px;--header-h:62px;--serif:"Noto Serif SC",Georgia,"Times New Roman",serif;--sans:"Lato","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--radius:10px;--shadow-sm:0 1px 3px rgba(45, 32, 64, 0.08);--shadow-md:0 4px 16px rgba(45, 32, 64, 0.1);--transition:0.25s cubic-bezier(0.4, 0, 0.2, 1)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--serif);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}a{color:var(--link);text-decoration:none}a:hover{color:var(--text);border-bottom:1px dotted}.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid var(--border);background:rgba(248,245,251,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-inner{display:flex;align-items:center;min-height:var(--header-h);gap:16px}.nav-brand{display:flex;align-items:center;gap:10px}.avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover}.site-name{font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:.01em}.site-name:hover{color:var(--text);text-decoration:none}.top-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.top-nav a{color:var(--muted);font-size:.92rem;font-weight:500;text-decoration:none;padding:4px 0;position:relative;transition:color .2s;letter-spacing:.02em}.top-nav a.active,.top-nav a:hover{color:var(--text)}.top-nav a.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1.5px;background:var(--text)}.header-actions{display:flex;align-items:center;gap:10px;margin-left:8px}.lang-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--border);border-radius:999px;background:0 0}.lang-btn{border:none;background:0 0;color:var(--muted);font:inherit;font-size:.85rem;font-weight:700;line-height:1;padding:6px 11px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.lang-btn:hover{color:var(--text)}.lang-btn.active{background:var(--text);color:var(--bg)}.menu-toggle{display:none;border:1px solid var(--border);background:0 0;color:var(--text);font:inherit;font-size:.9rem;padding:6px 10px;cursor:pointer;border-radius:4px}main{margin-top:var(--header-h);min-height:calc(100vh - var(--header-h))}.page-section{display:none;animation:.3s fadeIn}.page-section.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#intro-page{background:#111;color:#e8e0d6;position:relative;height:calc(100vh - var(--header-h));overflow:hidden}.intro-shell{height:calc(100vh - var(--header-h));display:flex;align-items:center;justify-content:center;padding:40px 20px}.scene{text-align:center;user-select:none}.intro-tagline{position:relative;display:inline-block;margin-bottom:0}.intro-tagline h1{font-family:var(--serif);font-size:clamp(2.4rem, 7vw, 4.2rem);font-weight:800;line-height:1.2;color:#f5e6d3;letter-spacing:.08em;padding-top:50px;text-shadow:0 1px 0 #d4c4b0,0 2px 0 #c2b09c,0 3px 0 #b09d88,0 4px 0 #9e8a76,0 5px 0 #8c7764,0 6px 1px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.35)}.cat-stage{position:absolute;top:10px;right:10px;width:65px;height:50px;z-index:10;filter:drop-shadow(0 2px 4px rgba(45, 32, 64, .15));cursor:pointer;transition:transform .1s}.cat-stage svg{display:block;width:100%;height:100%;overflow:visible}.cat-states{display:flex;justify-content:center;gap:8px;margin-top:14px}.cat-state-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:background .25s,transform .25s}.cat-state-dot:hover{transform:scale(1.3)}.cat-state-dot.active{background:#d4a574}.cat-state-label{margin-top:8px;font-size:.82rem;color:rgba(255,255,255,.4);letter-spacing:.04em}.intro-divider{width:40px;height:1px;background:rgba(255,255,255,.15);margin:24px auto 16px}.intro-name{font-family:var(--serif);font-size:.9rem;font-weight:700;letter-spacing:.25em;color:rgba(255,255,255,.35);margin-bottom:16px}.intro-nav{display:flex;justify-content:center;align-items:center;gap:12px;font-size:.88rem}.intro-nav a{color:rgba(255,255,255,.5);text-decoration:none;cursor:pointer;transition:color .2s}.intro-nav a:hover{color:#d4a574}.intro-nav-dot{color:rgba(255,255,255,.15)}.intro-hint{position:fixed;bottom:20px;left:0;right:0;text-align:center;font-size:.75rem;color:rgba(255,255,255,.2);pointer-events:none;letter-spacing:.03em}@keyframes tailWag{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes tailWagFast{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.profile-center{text-align:center;padding:48px 32px 36px;margin-bottom:48px;background:linear-gradient(180deg,var(--accent-glow) 0,transparent 100%);border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;position:relative}.profile-center::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.profile-center .avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto 16px;display:block;border:3px solid var(--accent);box-shadow:0 0 20px var(--accent-glow),0 0 40px rgba(123,94,167,.08);transition:transform var(--transition),box-shadow var(--transition)}.profile-center .avatar:hover{transform:scale(1.05);box-shadow:0 0 28px var(--accent-glow),0 0 56px rgba(123,94,167,.12)}.profile-name{font-family:var(--serif);font-size:1.65rem;font-weight:700;line-height:1.2;letter-spacing:.04em;color:var(--text)}.profile-name-en{font-size:.88rem;font-weight:400;font-style:italic;color:var(--muted);margin-top:4px}.profile-meta{margin-top:10px;display:flex;justify-content:center;gap:6px;font-size:.88rem;color:var(--muted);list-style:none}.profile-meta li+li::before{content:'·';margin-right:6px;color:var(--border)}.profile-tags{margin-top:14px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.profile-tag{font-size:.78rem;padding:4px 14px;background:rgba(123,94,167,.1);color:var(--accent);border-radius:999px;letter-spacing:.02em;border:1px solid rgba(123,94,167,.2);transition:background var(--transition),border-color var(--transition)}.profile-tag:hover{background:rgba(123,94,167,.18);border-color:rgba(123,94,167,.35)}.profile-links{margin-top:16px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.profile-links a{font-size:.84rem;color:var(--muted);text-decoration:none;padding:5px 16px;border:1px solid var(--border);border-radius:999px;transition:all var(--transition)}.profile-links a:hover{color:var(--accent);border-color:var(--accent);background:rgba(123,94,167,.08);text-decoration:none}.content{max-width:840px;margin:0 auto}.timeline{list-style:none;border-left:2px solid var(--border);padding-left:24px;position:relative}.timeline-time{display:block;font-size:.8rem;font-weight:600;color:var(--accent);letter-spacing:.04em;margin-bottom:4px;position:relative}.timeline-time::before{content:'';position:absolute;left:-51px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.pub-venue-tag{display:inline-block;font-size:.76rem;padding:2px 8px;background:rgba(123,94,167,.12);color:var(--accent);border-radius:4px;font-weight:600;letter-spacing:.02em}.pub-role-tag{display:inline-block;font-size:.76rem;padding:2px 8px;background:rgba(123,94,167,.18);color:#a78bc7;border:1px solid rgba(123,94,167,.35);border-radius:4px;font-weight:700;letter-spacing:.02em}.section+.section{margin-top:56px}.section-title{font-family:var(--serif);font-size:1.25rem;font-weight:700;letter-spacing:.06em;margin-bottom:22px;padding:20px 0 0;border-top:none;color:var(--accent);display:flex;align-items:center;gap:12px}.section-title::before{content:'';display:inline-block;width:4px;height:1.1em;background:var(--accent);border-radius:2px;flex-shrink:0}.section:first-child .section-title{padding-top:0}.about p{font-size:.96rem;line-height:1.85;color:#4a3d5a;padding:16px 20px;background:#f3eef8;border-radius:var(--radius);border-left:3px solid var(--accent);box-shadow:var(--shadow-sm)}.award-list,.edu-list,.project-list{list-style:none}.edu-item{padding:14px 20px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border)}.contact-item{padding:10px 0;border-bottom:1px solid var(--border)}.contact-item:last-child{border-bottom:none}.edu-head,.project-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.entry-title{font-size:.95rem;font-weight:600;color:var(--text)}.entry-sub{margin-top:3px;font-size:.88rem;color:var(--muted)}.entry-time{white-space:nowrap;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.pub-caption{font-size:.88rem;color:var(--muted);margin-bottom:26px}.publication{display:flex;gap:24px;margin-bottom:36px;align-items:flex-start;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:20px;transition:border-color var(--transition),box-shadow var(--transition)}.publication:hover{border-color:rgba(123,94,167,.25);box-shadow:var(--shadow-md)}.publogo{width:200px;height:auto;min-height:80px;max-height:150px;border-radius:6px;box-shadow:var(--shadow-sm);flex-shrink:0;object-fit:contain;border:1px solid var(--border);transition:transform .2s;background:var(--bg)}.publication:hover .publogo{transform:scale(1.02)}.pub-content{flex:1;min-width:0}.pub-title{font-family:var(--serif);font-weight:700;font-size:1.05rem;color:var(--text);display:block;margin-bottom:6px;line-height:1.4}.pub-title:hover{color:var(--accent);text-decoration:none}.pub-title a{color:var(--text);transition:color var(--transition)}.pub-title a:hover{color:var(--accent);text-decoration:none}.pub-venue{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:5px 0 7px;font-size:.92rem;font-weight:700;color:var(--text);letter-spacing:.2px}.pub-venue .pub-venue-tag{display:inline-flex;align-items:center;font-size:.78rem;font-weight:700;padding:2px 9px;border-radius:4px;background:rgba(123,94,167,.12);color:var(--accent);border:1px solid rgba(123,94,167,.2)}.pub-venue .pub-role-tag{display:inline-flex;align-items:center;font-size:.78rem;font-weight:700;padding:2px 9px;border-radius:4px;background:rgba(123,94,167,.18);color:#a78bc7;border:1px solid rgba(123,94,167,.35)}.pub-authors{color:var(--muted);margin:6px 0;font-size:.9rem;line-height:1.55}.pub-authors .author-highlight{color:var(--accent);font-weight:700}.pub-desc{margin-top:8px;font-size:.9rem;color:#5a4d6a;line-height:1.65;font-style:italic}.pub-links{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.pub-links a{display:inline-flex;align-items:center;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 12px;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--muted);transition:all var(--transition)}.pub-links a:hover{color:var(--accent);border-color:var(--accent);background:rgba(123,94,167,.08);text-decoration:none}.project-item{padding:16px 20px 20px;position:relative;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:12px;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.project-item:hover{border-color:rgba(123,94,167,.25);box-shadow:var(--shadow-md);transform:translateY(-1px)}.project-item:last-child{margin-bottom:0}.project-points{margin-top:8px;padding-left:16px;display:grid;gap:4px;list-style-type:disc}.project-points li{font-size:.9rem;color:#5a4d6a;line-height:1.65}.award-list{list-style:none;display:grid;gap:8px}.award-item{padding:12px 16px;border-bottom:none;font-size:.92rem;color:var(--text);line-height:1.5;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);display:flex;align-items:center;gap:10px;transition:border-color var(--transition),transform var(--transition)}.award-item::before{content:'◆';color:var(--accent);font-size:.6rem;flex-shrink:0}.award-item:hover{border-color:rgba(123,94,167,.25);transform:translateX(4px)}.award-item:last-child{border-bottom:none}.contact-list{list-style:none;max-width:540px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:8px 20px}.blog-container{max-width:860px;margin:0 auto;padding:28px 0 56px}.blog-header{margin-bottom:28px;padding-top:20px;border-top:1px solid var(--border)}.blog-title{font-family:var(--serif);font-size:1.25rem;font-weight:700;letter-spacing:.06em;color:var(--accent);display:flex;align-items:center;gap:12px}.blog-title::before{content:'';display:inline-block;width:4px;height:1.1em;background:var(--accent);border-radius:2px;flex-shrink:0}.blog-list{list-style:none;border-left:2px solid var(--border);padding-left:24px}.blog-card{padding:16px 20px;position:relative;cursor:pointer;margin-bottom:12px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.blog-card:last-child{margin-bottom:0}.blog-card:hover{border-color:rgba(123,94,167,.25);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card .timeline-time{display:block;font-size:.8rem;font-weight:600;color:var(--accent);letter-spacing:.04em;margin-bottom:6px}.blog-tag{display:inline-block;background:0 0;padding:2px 8px;border-radius:3px;font-size:.75rem;color:var(--muted);margin-bottom:8px;border:1px solid var(--border);letter-spacing:.02em}.blog-card-title{font-family:var(--serif);font-size:1.08rem;font-weight:700;margin-bottom:8px;color:var(--text);line-height:1.4}.blog-card-excerpt{font-size:.9rem;color:#5a4d6a;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.blog-metrics{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;color:var(--muted)}.blog-metric{display:inline-block;padding:1px 6px;background:0 0;border:1px solid var(--border);border-radius:3px;font-size:.76rem;color:var(--muted)}.read-more-btn{background:0 0;border:1px solid var(--border);color:var(--muted);padding:4px 12px;border-radius:3px;font-size:.8rem;cursor:pointer;transition:.2s}.read-more-btn:hover{background:var(--border);color:var(--text);border-color:var(--text)}.blog-detail{max-width:860px;margin:0 auto;padding:36px 0 60px;display:none}.blog-detail.active{display:block;animation:.3s fadeIn}.back-btn{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.88rem;margin-bottom:24px;cursor:pointer;padding:6px 12px;border-radius:4px;text-decoration:none;transition:.2s}.back-btn:hover{background:var(--border);color:var(--text);text-decoration:none}.blog-detail-layout{display:flex;gap:40px;align-items:flex-start}.blog-toc{position:sticky;top:82px;width:180px;flex-shrink:0;max-height:calc(100vh - 122px);overflow-y:auto;padding-top:4px}.blog-toc .toc-item{display:block;padding:5px 0 5px 12px;font-size:.82rem;color:var(--muted);text-decoration:none;border-left:2px solid transparent;transition:.2s;line-height:1.4}.blog-toc .toc-item:hover{color:var(--text)}.blog-toc .toc-item.active{color:var(--accent);border-left-color:var(--accent)}.blog-detail-content{flex:1;min-width:0;font-size:1rem;line-height:1.85;color:#4a3d5a}.blog-detail-content h1{font-family:var(--serif);font-size:1.7rem;font-weight:700;line-height:1.35;margin-bottom:14px;color:var(--text)}.blog-detail-content h3{font-family:var(--serif);font-size:1.2rem;font-weight:700;margin:28px 0 14px;color:var(--text)}.blog-detail-content p{margin-bottom:16px}.blog-detail-content code{background:var(--border);padding:2px 6px;border-radius:3px;font-family:"Courier New",monospace;font-size:.9em}.blog-detail-content pre{background:#f3eef8;color:#2d2040;padding:16px;border-radius:6px;overflow-x:auto;margin:20px 0}.blog-detail-content ul{margin:16px 0;padding-left:24px}.blog-detail-content li{margin:8px 0}.section{scroll-margin-top:calc(var(--header-h) + 20px);opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.section.visible{opacity:1;transform:translateY(0)}.content::after{content:'';display:block;height:60px}.hidden{display:none!important}@media (max-width:860px){.menu-toggle{display:inline-block}.top-nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;background:var(--bg);padding:16px 20px;border-bottom:1px solid var(--border);flex-direction:column;gap:10px;margin-left:0}.top-nav.open{display:flex}.header-inner{flex-wrap:wrap;padding:10px 0;min-height:auto}.header-actions{margin-left:auto}.profile-center{padding:36px 20px 28px}.blog-list{border-left:none;padding-left:0}.blog-container,.blog-detail{padding:20px 0 40px}.blog-toc{display:none}.blog-detail-layout{display:block}.blog-title{font-size:1.3rem}.blog-detail-title{font-size:1.4rem}}@media (max-width:560px){.container{width:calc(100% - 24px)}.header-inner{gap:10px}.header-actions{width:100%;justify-content:space-between}.intro-tagline h1{font-size:1.4rem}.profile-center{padding:28px 16px 24px}.profile-center .avatar{width:72px;height:72px}.profile-name{font-size:1.3rem}.publication{flex-direction:column;align-items:stretch}.publogo{width:100%;height:auto;max-height:200px;max-width:none}.about p,.blog-card,.project-item{padding:12px 14px}.section-title{font-size:1.1rem}.section+.section{margin-top:40px}.edu-head{grid-template-columns:1fr;gap:2px}}