:root{--bg: #f4f3ef;--surface: #ffffff;--surface-soft: #f8f8f5;--border: #e0ddd5;--text: #2f2a22;--text-soft: #5f5a52;--primary: #7d9ba6;--primary-deep: #516973;--green-soft: #dfece5;--blue-soft: #dcecf1;--orange-soft: #efe1d2;--purple-soft: #e8e0ef;--shadow: 0 16px 42px rgba(52, 45, 34, .075);--shadow-hover: 0 22px 56px rgba(52, 45, 34, .12);--radius: 20px;--radius-sm: 14px;--container: 1320px;--reading: 72ch}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;font-size:16px}@view-transition{navigation: auto;}::view-transition-old(root){animation:language-fade-out .12s ease both}::view-transition-new(root){animation:language-fade-in .16s ease both}@keyframes language-fade-out{to{opacity:.76}}@keyframes language-fade-in{0%{opacity:.76}}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.72;min-width:320px;text-rendering:optimizeLegibility}html.language-switching body{opacity:.76;transition:opacity .12s ease}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}p{margin:0 0 1rem;color:var(--text-soft);overflow-wrap:anywhere}h1,h2,h3,h4,h5,h6{margin:0 0 .8rem;line-height:1.18;color:var(--text)}button,input{font:inherit}button{cursor:pointer}ul{margin:0;padding:0;list-style:none}.container,.page-container{width:min(var(--container),calc(100% - clamp(2rem,5vw,5rem)));margin:0 auto}.page-container{padding:clamp(1rem,2vw,1.75rem) 0 clamp(3.5rem,7vw,6rem)}:focus-visible{outline:3px solid rgba(81,105,115,.42);outline-offset:3px}.site-header{position:sticky;top:0;z-index:30;background:#f4f3efeb;backdrop-filter:blur(12px);border-bottom:1px solid rgba(47,42,34,.08)}.nav-wrap{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-link{display:inline-flex;align-items:center;gap:.8rem;font-weight:800}.brand-mark{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;box-shadow:var(--shadow)}.brand-text{font-size:1rem}.nav-group{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;min-width:0}.nav-list{display:flex;align-items:center;gap:.35rem}.nav-link{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 .95rem;border-radius:999px;color:var(--text-soft);transition:.2s ease;gap:.35rem;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--text);background:#7d9ba624}.nav-lock{color:var(--primary-deep);font-size:.78em}.language-switcher{min-width:52px;min-height:38px;border-radius:999px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary-deep)}.card,.home-panel,.entry-card,.sidebar-info-card,.sidebar-link-card,.page-menu-card,.profile-photo-card,.blog-post-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.small-kicker,.section-eyebrow,.label{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700;color:var(--primary-deep)}.text-link{color:var(--primary-deep);font-weight:700}.text-link:hover{text-decoration:underline;text-underline-offset:.22em}.tag-list{display:flex;flex-wrap:wrap;gap:.6rem}.tag{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:0 .95rem;background:#f1efe9;border:1px solid rgba(95,90,82,.12);color:var(--text);font-size:.92rem}.tag-large{min-height:38px}.bullet-list{display:grid;gap:.75rem;padding-left:1.1rem}.bullet-list li{list-style:disc;color:var(--text-soft)}.divider{height:1px;background:#2f2a2214;margin:1.25rem 0}.large-gap{gap:.75rem}.muted{color:var(--text-soft)}.home-scene{position:relative;padding:.25rem 0 .35rem;background:var(--home-ambience-fallback);border-radius:clamp(20px,2.4vw,32px);overflow:clip}.home-scene:before{content:"";position:absolute;inset:0;background-image:var(--home-ambience-image);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.14;pointer-events:none}.home-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff2e,#fff0);pointer-events:none}.home-scene>*{position:relative;z-index:1}.home-hero-banner{position:relative;width:100%;height:clamp(180px,22vw,300px);border-radius:22px;overflow:hidden;background-color:var(--hero-banner-fallback);background-image:var(--hero-banner-image);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:var(--shadow)}.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#1f222514,#1f22253d)}.home-badge{position:absolute;left:clamp(24px,5vw,64px);bottom:-28px;width:84px;height:84px;border-radius:999px;background:#111;color:#fff;font-weight:800;font-size:1.3rem;display:grid;place-items:center;border:4px solid var(--bg);box-shadow:0 16px 36px #1111112e}.home-title-block{padding:3rem clamp(.25rem,1vw,1rem) 1.5rem}.home-title-block h1{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.035em}.home-subtitle{font-size:1.05rem;color:var(--text-soft);max-width:64ch}.home-layout{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(180px,210px);gap:clamp(1rem,1.5vw,1.5rem);align-items:start;min-width:0}.home-left-column,.home-main-column,.home-right-column{display:grid;gap:1rem;min-width:0}.profile-identity-card,.sidebar-layer-shell{position:relative;background:linear-gradient(180deg,#fffffffa,#faf9f6f5);border:1px solid rgba(224,221,213,.95);border-radius:24px;box-shadow:0 20px 42px #342d2217}.profile-identity-card{overflow:hidden}.profile-identity-card:before,.sidebar-layer-card:before,.sidebar-layer-shell:before,.page-menu-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.58);pointer-events:none}.identity-card-topline{padding:.9rem 1.1rem 0}.profile-photo-card{padding:.85rem .85rem 0;background:transparent;border:0;box-shadow:none}.portrait-photo{width:100%;aspect-ratio:4 / 4.7;object-fit:cover;border-radius:18px}.identity-card-body{padding:1rem 1.15rem 1.2rem}.identity-name{font-size:1.55rem;margin-bottom:.2rem}.identity-name-zh{margin-bottom:.45rem;color:var(--text);font-weight:600}.identity-role{margin-bottom:.85rem}.identity-meta-tags{display:flex;flex-wrap:wrap;gap:.55rem}.identity-mini-tag{min-height:32px;padding:0 .85rem;border-radius:999px;display:inline-flex;align-items:center;background:#7d9ba61f;border:1px solid rgba(81,105,115,.11);color:var(--text);font-size:.88rem}.sidebar-info-card{padding:1rem 1.05rem;position:relative}.sidebar-layer-card{background:linear-gradient(180deg,#fffffffa,#f7f5f0f5);border:1px solid rgba(224,221,213,.95);border-radius:20px;box-shadow:0 16px 34px #342d2214}.sidebar-card-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.8rem;align-items:start}.sidebar-icon-chip{width:42px;height:42px;border-radius:999px;display:inline-grid;place-items:center;background:#7d9ba61f;border:1px solid rgba(81,105,115,.12);color:var(--primary-deep);font-weight:800}.sidebar-icon-chip-link{width:34px;height:34px;font-size:.92rem}.sidebar-info-title{color:var(--text);font-weight:700;margin-bottom:.2rem}.sidebar-info-subtitle,.sidebar-info-card a,.sidebar-info-card p{color:var(--text-soft);margin:0}.sidebar-link-group{display:grid;gap:.75rem;padding:1.05rem}.sidebar-group-title{font-weight:700;color:var(--text);margin-bottom:.15rem}.sidebar-link-card{min-height:54px;padding:0 1rem;display:grid;grid-template-columns:34px minmax(0,1fr);gap:.8rem;align-items:center;color:var(--text-soft);background:#ffffffc7;border:1px solid rgba(224,221,213,.88);border-radius:16px;box-shadow:0 12px 28px #342d220d}.sidebar-link-card:hover{color:var(--text);transform:translateY(-1px)}.profile-identity-card,.sidebar-layer-card,.sidebar-link-card,.home-panel,.entry-card,.page-menu-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.entry-card:hover{border-color:#7d9ba66b;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.school-hover-card:hover .school-tooltip,.school-hover-card:focus-within .school-tooltip{opacity:1;transform:translateY(0);pointer-events:auto}.school-tooltip{position:absolute;left:calc(100% + 10px);top:12px;width:260px;padding:1rem;background:#fffffffa;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease;z-index:15}.school-tooltip strong{display:block;margin-bottom:.55rem}.school-tooltip ul{display:grid;gap:.45rem}.school-tooltip li{color:var(--text-soft);font-size:.94rem}.home-panel{padding:clamp(1.2rem,2.1vw,1.7rem)}.main-intro-panel{padding:clamp(1.35rem,2.4vw,2rem)}.home-main-column .home-panel>p{max-width:var(--reading)}.intro-greeting{color:var(--text);font-size:1.04rem}.intro-headline{font-size:clamp(1.65rem,2.35vw,2.5rem);line-height:1.16;letter-spacing:-.025em;margin:.6rem 0 1.2rem}.intro-headline span:nth-child(1){color:#6d8ea2}.intro-headline span:nth-child(2){color:#7b9a82}.intro-headline span:nth-child(3){color:#bc9963}.section-inline-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.entry-stack{display:grid;gap:1rem}.entry-card{padding:clamp(1.15rem,2vw,1.55rem)}.entry-meta-row{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.entry-year,.entry-status{font-size:.88rem;font-weight:700;color:var(--primary-deep)}.entry-title{font-size:1.18rem;margin-bottom:.45rem}.entry-authors{color:var(--text);font-weight:600;margin-bottom:.2rem}.entry-venue{color:var(--text-soft);font-size:.96rem;margin-bottom:.7rem}.entry-description{margin-bottom:.9rem}.entry-description{max-width:var(--reading)}.entry-tags{margin-bottom:.8rem}.entry-links{display:flex;flex-wrap:wrap;gap:.8rem}.detail-block h4{margin-bottom:.55rem}.detail-block+.detail-block{margin-top:1rem}.soft-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.soft-stat-card{padding:1.1rem 1.15rem;border-radius:18px;border:1px solid rgba(47,42,34,.06)}.soft-stat-card:nth-child(1){background:var(--blue-soft)}.soft-stat-card:nth-child(2){background:var(--green-soft)}.soft-stat-card:nth-child(3){background:var(--orange-soft)}.soft-stat-card:nth-child(4){background:var(--purple-soft)}.soft-stat-card h4{font-size:1.08rem}.home-contact-line{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;color:var(--text-soft)}.awards-list{margin-top:.4rem}.page-menu-card{position:sticky;top:94px;padding:1.15rem 1.05rem;background:linear-gradient(180deg,#fffffff5,#f8f7f3f2)}.page-menu-card h3{font-size:1.35rem;margin-bottom:.8rem}.page-menu-card ul{display:grid;gap:.65rem}.page-menu-link{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.7rem;align-items:center;color:var(--text-soft);border-bottom:1px solid rgba(47,42,34,.08);padding:0 0 .6rem}.page-menu-icon{width:34px;height:34px;border-radius:999px;display:inline-grid;place-items:center;background:#7d9ba61a;border:1px solid rgba(81,105,115,.1);color:var(--primary-deep);font-weight:800}.page-menu-link:hover{color:var(--text)}.list-page-intro{max-width:820px;margin:clamp(1rem,3vw,2.2rem) 0 clamp(1.5rem,3vw,2.4rem)}.list-page-intro h1{font-size:clamp(2rem,3.4vw,3rem)}.list-page-stack{max-width:980px}.blog-entry .entry-title{margin-bottom:.35rem}.blog-post-shell{max-width:920px;padding:clamp(1.3rem,4vw,2.5rem)}.blog-post-shell>p,.blog-post-shell>ul,.blog-post-shell>ol{max-width:var(--reading)}.private-toolbar{max-width:980px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin:0 0 1.25rem;border:1px solid rgba(81,105,115,.18);border-radius:14px;background:#dcecf194}.private-toolbar form{margin:0}.private-status{display:inline-flex;align-items:center;gap:.55rem;color:var(--primary-deep);font-weight:700;font-size:.92rem}.private-status span{font-size:.58rem}.quiet-button,.primary-button{min-height:44px;border-radius:12px;border:1px solid transparent;padding:0 1rem;font-weight:750;transition:.2s ease}.quiet-button{background:var(--surface);color:var(--text);border-color:var(--border)}.primary-button{background:var(--primary-deep);color:#fff;box-shadow:0 10px 25px #5169732e}.quiet-button:hover,.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow)}.primary-button:disabled{opacity:.48;cursor:not-allowed}.access-shell{min-height:min(720px,calc(100vh - 190px));display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1fr);max-width:980px;margin:clamp(1rem,5vw,4rem) auto;border-radius:28px;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-hover);width:100%;min-width:0}.access-visual{min-height:520px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,3rem);color:#fff;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.25),transparent 30%),linear-gradient(145deg,#26363d,#73909b 62%,#b4c8cf)}.access-visual p{color:#fffc;font-size:.82rem;letter-spacing:.16em}.access-lock{width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:2.2rem;background:#ffffff14}.access-card{align-self:center;padding:clamp(1.6rem,5vw,4rem);min-width:0;overflow:hidden}.access-card h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em}.access-form{display:grid;gap:.7rem;margin-top:1.5rem}.access-form label{color:var(--text);font-weight:700}.access-form input[type=password]{min-height:52px;width:100%;border:1px solid var(--border);border-radius:12px;padding:0 1rem;background:var(--surface-soft);color:var(--text)}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-message{padding:.8rem 1rem;border-radius:12px;margin:1rem 0 0}.form-message-error{color:#7b2f2f;background:#f8e7e4;border:1px solid #edcbc5}.form-note{font-size:.88rem;margin:1rem 0 0}.private-page-intro{max-width:820px;margin:clamp(1rem,3vw,2.2rem) 0 1.8rem}.private-page-intro h1{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.04em}.media-workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(1rem,2vw,1.6rem);align-items:start;min-width:0}.upload-card,.video-library-panel{padding:clamp(1.2rem,2.5vw,1.8rem);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.upload-card{position:sticky;top:92px}.video-upload-form{display:grid;gap:.9rem;margin-top:1.2rem}.file-picker{min-height:150px;display:grid;place-items:center;align-content:center;gap:.8rem;padding:1rem;text-align:center;border:1.5px dashed rgba(81,105,115,.42);border-radius:16px;background:var(--surface-soft);cursor:pointer}.file-picker:hover{border-color:var(--primary-deep);background:var(--blue-soft)}.file-picker-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:999px;background:var(--primary-deep);color:#fff;font-size:1.35rem}.file-picker-copy{display:grid;gap:.2rem}.file-picker-copy small{color:var(--text-soft)}#video-file{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.selected-file{min-height:1.5em;margin:0;font-size:.9rem}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:#e9e7e1}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-deep));transition:width .2s ease}.upload-status{margin:.55rem 0 0;font-size:.88rem}.video-library-panel{min-width:0}.video-count{min-width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:var(--blue-soft);color:var(--primary-deep);font-weight:800}.library-state:empty{display:none}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.video-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#111}.video-card-body{padding:1rem}.video-card-body h3{font-size:1rem;overflow-wrap:anywhere}.video-meta{margin:0;font-size:.88rem}.site-footer{border-top:1px solid rgba(47,42,34,.08);margin-top:3rem}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:1.5rem;padding:1.8rem 0 .9rem}.footer-title{color:var(--text);font-weight:800;margin-bottom:.6rem}.footer-text{max-width:36ch}.footer-links{display:grid;gap:.45rem}.footer-links a,.footer-links span{color:var(--text-soft)}.footer-bottom{padding:.2rem 0 1.8rem}.footer-bottom p{font-size:.94rem}@media (max-width: 1100px){.home-layout{grid-template-columns:minmax(230px,270px) minmax(0,1fr)}.home-right-column{grid-column:1 / -1}.page-menu-card{position:static}.school-tooltip{left:0;top:calc(100% + 8px);width:100%}}@media (max-width: 900px){.home-layout,.footer-grid{grid-template-columns:1fr}.home-main-column{order:1}.home-left-column{order:2;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.home-right-column{order:3}.profile-identity-card,.sidebar-link-group{grid-row:span 3}.home-badge{left:28px}.media-workspace{grid-template-columns:1fr}.upload-card{position:static}.access-shell{grid-template-columns:minmax(220px,.7fr) minmax(340px,1fr)}}@media (max-width: 760px){.site-header{position:relative}.nav-wrap{align-items:flex-start;padding:.75rem 0 .55rem}.brand-text{display:none}.nav-group{flex:1;align-items:flex-start}.nav-group nav{min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}.nav-group nav::-webkit-scrollbar{display:none}.nav-list{width:max-content}.nav-link{padding:0 .75rem}.access-shell{grid-template-columns:1fr;min-height:auto}.access-visual{min-height:180px}.access-lock{width:62px;height:62px}.video-grid{grid-template-columns:1fr}}@media (max-width: 640px){.page-container{width:min(var(--container),calc(100% - 1.25rem));padding-top:1rem}.home-scene{border-radius:22px}.home-hero-banner{height:150px}.home-title-block{padding-top:2.5rem}.home-panel,.entry-card,.profile-photo-card,.sidebar-info-card,.sidebar-link-card,.page-menu-card,.blog-post-shell{padding-left:1rem;padding-right:1rem}.intro-headline{font-size:clamp(1.55rem,7.5vw,1.9rem)}.home-left-column,.soft-stat-grid{grid-template-columns:1fr}.profile-identity-card,.sidebar-link-group{grid-row:auto}.profile-photo-card{padding-top:.8rem}.portrait-photo{max-height:420px;object-position:center top}.section-inline-head,.entry-meta-row,.private-toolbar{align-items:flex-start;flex-direction:column}.access-card,.access-visual{padding:1.4rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}