:root{--bg: #f7f7f7;--text: #0f1722;--text-muted: #445064;--border: rgba(255, 255, 255, .6);--accent: #4e8cff;--accent-strong: #2d6cf2;--topbar-height: 70px;--panel-radius: 14px;--theme-duration: .5s;--theme-ease: ease;--theme-transition: var(--theme-duration) var(--theme-ease);--bg-image-light: url(/assets/banner-light.jpg);--bg-image-dark: url(/assets/banner-dark.jpg);--sidebar-surface: rgba(0, 0, 0, .01);--sidebar-border: color-mix(in srgb, var(--border) 58%, transparent)}body.dark{--bg: #121212;--text: #edf3ff;--text-muted: #a7b8d6;--border: rgba(150, 184, 244, .26);--accent: #8eb7ff;--accent-strong: #c0d7ff;--sidebar-surface: rgba(19, 27, 40, .18);--sidebar-border: color-mix(in srgb, var(--border) 42%, transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);position:relative;overflow-x:hidden;transition:color var(--theme-transition),background-color var(--theme-transition)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity var(--theme-transition);filter:blur(10px) saturate(130%);transform:scale(1.05);transform-origin:center}body:before{background-image:linear-gradient(135deg,#fcfcfce8,#fcfcfcd6),var(--bg-image-light);filter:blur(15px) saturate(120%) brightness(1.04);opacity:1}body:after{background-image:linear-gradient(135deg,#121212cc,#121212db),var(--bg-image-dark);opacity:0}body.dark:before{opacity:0}body.dark:after{opacity:1}.container{width:min(1120px,calc(100vw - 2rem));margin:0 auto}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--topbar-height);gap:1rem;padding:0 1.25rem}.topbar-liquid-wrap .relative{position:relative}.topbar-liquid-wrap .transition-all{transition-property:all}.topbar-liquid-wrap .duration-150{transition-duration:var(--theme-duration)}.topbar-liquid-wrap .ease-in-out{transition-timing-function:var(--theme-ease)}.topbar-liquid-wrap .pointer-events-none{pointer-events:none}.topbar-liquid-wrap .bg-black{background-color:#000}.topbar-liquid-wrap .opacity-0{opacity:0}.topbar-liquid-wrap .opacity-20{opacity:.2}.topbar-liquid-wrap .opacity-100{opacity:1}.topbar-liquid-wrap .mix-blend-overlay{mix-blend-mode:overlay}.topbar-liquid-wrap .text-white{color:#fff}.topbar-liquid-wrap .cursor-pointer{cursor:pointer}.topbar-liquid-core .glass{box-shadow:none!important}.topbar-liquid-shell{position:relative;z-index:1201;width:min(1120px,calc(100vw - 2rem));height:var(--topbar-height);border-radius:var(--panel-radius);background:transparent;border:0;pointer-events:auto}.topbar-liquid-shell,.topbar-liquid-shell *{text-shadow:none!important}body.dark .topbar-liquid-shell{background:transparent}.topbar-actions{display:flex;gap:.55rem;flex:0 0 auto;margin-left:auto;justify-content:flex-end}.ghost-btn{width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text);cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),background-color var(--theme-transition),backdrop-filter var(--theme-transition),-webkit-backdrop-filter var(--theme-transition)}.ghost-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-strong) 48%,var(--border));color:var(--accent-strong)}.ghost-btn i{font-size:.98rem;line-height:1}.main-nav{flex:1 1 auto;min-width:0}.main-nav ul{display:flex;align-items:center;gap:1.25rem;list-style:none;margin:0;padding:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.main-nav ul::-webkit-scrollbar{display:none}.main-nav a{display:inline-block;padding:.25rem .12rem;font-size:1.03rem;color:var(--text-muted);text-decoration:none;position:relative;transition:color var(--theme-transition)}.main-nav a:hover,.main-nav a.active{color:var(--accent-strong)}.main-nav a:after{display:none}body.dark .main-nav a{color:color-mix(in srgb,var(--text) 82%,#ffffff)}body.dark .main-nav a:hover,body.dark .main-nav a.active{color:color-mix(in srgb,var(--accent-strong) 70%,#ffffff)}.page-layout{margin-top:var(--topbar-height);padding-top:1.15rem;display:grid;grid-template-columns:250px minmax(0,1fr);gap:2rem}.sidebar{--avatar-shift-x: 0px;--avatar-shift-y: 0px;--avatar-scale: 1;position:sticky;top:calc(var(--topbar-height) + 18px + 1.05rem);align-self:start;padding:1rem;margin:0;border:1px solid var(--sidebar-border);background:var(--sidebar-surface);box-shadow:0 10px 24px #20304e0d;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center;border-radius:var(--panel-radius);transition:background-color var(--theme-transition),border-color var(--theme-transition),box-shadow var(--theme-transition),backdrop-filter var(--theme-transition),-webkit-backdrop-filter var(--theme-transition)}body.dark .sidebar{box-shadow:0 8px 20px #0000003d}.avatar-image{width:100%;aspect-ratio:1 / 1;display:block;margin:0 auto;object-fit:cover;border-radius:50%;border:1px solid var(--border);transform:translate(var(--avatar-shift-x),var(--avatar-shift-y)) scale(var(--avatar-scale));transition:filter var(--theme-transition),transform .22s ease-out}body.dark .avatar-image{filter:brightness(.83)}.sidebar h1{margin:.9rem 0 .46rem;font-family:Outfit,Noto Sans SC,sans-serif;font-size:1.28rem}.meta{margin:0;color:var(--text-muted);font-size:.92rem;transition:color var(--theme-transition)}.sidebar .meta+.meta{margin-top:.22rem}.sidebar-links{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:.68rem 0 0;padding-top:.25rem}.sidebar-links a{color:var(--accent-strong);text-decoration:none;text-underline-offset:.26em;text-decoration-thickness:1.5px}.sidebar-links a:hover{text-decoration:underline;text-decoration-color:#111}body.dark .sidebar-links a:hover{text-decoration-color:var(--accent-strong)}.contact-item a,.contact-item{display:inline-flex;align-items:center;justify-content:center;min-height:1.8rem;color:var(--text-muted);text-decoration:none}.contact-item a:hover{color:var(--accent-strong);transform:translateY(-2px);box-shadow:0 6px 14px #18263e24}.contact-item a{border-radius:8px;transition:color var(--theme-transition),transform var(--theme-transition),box-shadow var(--theme-transition)}.contact-icon{width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;color:#111;flex:0 0 1.35rem;transition:color var(--theme-transition)}.contact-icon i{font-size:1.3rem;line-height:1}body.dark .contact-icon{color:var(--accent-strong)}body.dark .contact-item a:hover{box-shadow:0 6px 14px #00000047}.main-content{padding-right:.35rem;padding-bottom:2.6rem}.section{margin:0;padding:1.05rem 0 .85rem;border-top:1px solid color-mix(in srgb,var(--border) 38%,transparent);scroll-margin-top:calc(var(--topbar-height) + 8px);transition:border-color var(--theme-transition)}.section:first-child{border-top:0}.section h2{margin:0 0 .8rem;font-family:Outfit,Noto Sans SC,sans-serif;font-size:clamp(1.18rem,1.1rem + .58vw,1.55rem)}#education.section h2,#internship.section h2{margin-bottom:.45rem}.card-grid article,.list-grid article{border-bottom:1px solid color-mix(in srgb,var(--border) 30%,transparent);padding:.72rem 0;transition:border-color var(--theme-transition)}#education .list-grid article,#internship .list-grid article,#service .list-grid article{padding:.42rem 0}#education .list-grid article h3,#internship .list-grid article h3,#service .list-grid article h3{margin-bottom:.2rem;font-weight:500}#education .list-grid article .desc,#internship .list-grid article .desc,#service .list-grid article .desc{margin-top:.22rem}.timed-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.timed-main{min-width:0}.timed-date{white-space:nowrap;color:var(--text-muted);font-size:.92rem}.card-grid article:last-child,.list-grid article:last-child{border-bottom:0}.card-grid,.list-grid{display:block}.card-grid h3,.list-grid h3{margin:0 0 .42rem;font-size:1.02rem}.award-items{margin:0;padding-left:1.1rem}.award-items li{margin:.3rem 0;line-height:1.45}.award-title{margin:0}.award-date{color:var(--text-muted);font-size:.92rem;white-space:nowrap}.desc{margin:.45rem 0 0;line-height:1.62}.news-items{margin:0;padding-left:1.1rem}.news-items li{margin:.3rem 0;line-height:1.45}.news-date{color:var(--text-muted);margin-right:.35rem}.news-title{font-weight:500}.news-desc{color:var(--text-muted)}.tags{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.45rem}.tags span{border:1px solid var(--border);border-radius:0;padding:.13rem .52rem;font-size:.79rem;color:var(--text-muted);background:transparent}.link-row{margin-top:.6rem;display:flex;gap:.65rem;flex-wrap:wrap}.link-row a,.cta,.list-grid a{color:var(--accent-strong);text-decoration:none}.link-row a:hover,.cta:hover,.list-grid a:hover{text-decoration:underline}.footer{padding:1.1rem 0 2.6rem;color:var(--text-muted);font-size:.9rem;text-align:center;transition:color var(--theme-transition)}.footer p{margin:0}.footer-credit{margin-top:.28rem!important;font-size:.76rem;opacity:.9}.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--theme-transition),transform var(--theme-transition)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 880px){:root{--topbar-height: 64px}.page-layout{grid-template-columns:1fr;gap:1rem}.sidebar{position:static;margin:0;padding-bottom:.9rem}.avatar-image{width:100%;margin:0 auto}.main-nav ul{gap:.72rem}.award-date{white-space:normal}.timed-row{flex-direction:column;gap:.16rem}.timed-date{white-space:normal}}