.section-shell{--orb-size:clamp(44px, 7.2svh, 64px);color:#213b4e;background:#fcfbf7;min-height:100svh}.section-skip{z-index:100;color:#fff;background:#163f5d;border-radius:8px;padding:12px 20px;position:fixed;top:-80px;left:76px}.section-skip:focus{top:12px}.section-rail{z-index:35;pointer-events:none;position:fixed;top:calc(50% + 38px);left:0;transform:translateY(-50%)}.section-categories{scrollbar-width:none;overscroll-behavior:contain;flex-direction:column;gap:8px;width:240px;max-height:calc(100svh - 100px);padding:7px 0;display:flex;overflow:hidden auto}.section-categories::-webkit-scrollbar{display:none}.section-category{width:44px;height:var(--orb-size);pointer-events:auto;-webkit-tap-highlight-color:transparent;outline:none;flex-shrink:0;min-height:44px;display:block;position:relative}.rail-object{left:calc(var(--orb-size) / -2);width:var(--orb-size);height:var(--orb-size);isolation:isolate;perspective:180px;background:radial-gradient(ellipse at 28% 17%, #fff 0%, #ffffffc4 9%, #fff0 37%), radial-gradient(ellipse at 76% 81%, color-mix(in srgb, var(--orb-color) 28%, transparent), transparent 62%), radial-gradient(circle at 42% 37%, #f7fbff 0%, #ddeaf2 55%, #9bb6c9 100%);border:1px solid #ffffffd4;border-radius:50%;place-items:center;transition:transform .55s cubic-bezier(.2,.85,.25,1),box-shadow .4s;display:grid;position:absolute;top:0;box-shadow:inset -4px -6px 9px #3b617535,inset 2px 3px 5px #ffffffec,3px 5px 10px #24485d20}.rail-object:before{content:"";pointer-events:none;border:1px solid #ffffff60;border-radius:50%;position:absolute;inset:3px}.rail-object:after{content:"";filter:blur(1px);pointer-events:none;background:#ffffffb8;border-radius:50%;width:31%;height:10%;position:absolute;top:13%;left:18%;transform:rotate(-30deg)}.rail-object img{object-fit:contain;filter:drop-shadow(1px 3px 2px #29435430);width:61%;height:61%;transition:transform .55s cubic-bezier(.2,.85,.25,1);position:relative}.rail-object-about img{object-fit:cover;object-position:center 10%;background:#cbdfe9;border-radius:50%}.rail-object-awards img{height:70%}.rail-object-projects img{width:55%;height:55%}.section-category.is-current .rail-object{border-color:color-mix(in srgb, var(--orb-color) 65%, white);box-shadow:inset -4px -6px 9px #3b617535, inset 2px 3px 5px #ffffffec, 0 0 0 2px color-mix(in srgb, var(--orb-color) 30%, transparent), 3px 5px 10px #24485d20}:is(.section-category:hover,.section-category:focus-visible){width:calc(var(--orb-size) + 14px)}:is(.section-category:hover .rail-object,.section-category:focus-visible .rail-object){transform:translateX(calc(var(--orb-size) / 2 + 9px));box-shadow:inset -4px -6px 9px #3b617535,inset 2px 3px 5px #ffffffec,3px 7px 15px #24485d2e}:is(.section-category:hover .rail-object img,.section-category:focus-visible .rail-object img){transform:rotateY(-13deg)rotate(-7deg)scale(1.07)}.section-category:focus-visible .rail-object{outline-offset:4px;outline:2px solid #315f85}.rail-label{top:50%;left:calc(var(--orb-size) + 23px);white-space:nowrap;color:#23465e;opacity:0;pointer-events:none;background:#eef5faed;border:1px solid #ffffffb8;border-radius:9px;align-items:center;gap:9px;padding:8px 12px;font-size:13px;transition:opacity .2s,transform .35s;display:flex;position:absolute;transform:translate(-6px,-50%);box-shadow:0 4px 14px #31546c19}:is(.section-category:hover .rail-label,.section-category:focus-visible .rail-label){opacity:1;transition-delay:.12s;transform:translateY(-50%)}.section-stage{min-width:0}.section-toolbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fcfbf7ed;border-bottom:1px solid #c8c8bf50;justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 clamp(28px,4vw,64px);font-size:13px;display:flex;position:sticky;top:0}.section-toolbar>div{align-items:center;gap:13px;display:flex}.section-exit{color:#315f80;background:#f0f6fa;border:1px solid #c6d7e580;border-radius:50%;place-items:center;width:44px;height:44px;margin-right:5px;transition:transform .25s,background .25s;display:grid;position:relative}.section-exit:hover{background:#e2eff8;transform:translate(-3px)}.exit-label{white-space:nowrap;color:#31546c;opacity:0;pointer-events:none;background:#e9f2f8;border:1px solid #d2e1eb;border-radius:7px;padding:7px 11px;transition:opacity .2s;position:absolute;top:calc(100% + 10px);left:0}:is(.section-exit:hover .exit-label,.section-exit:focus-visible .exit-label){opacity:1}.section-breadcrumb,.section-location{color:#536b7b}.section-toolbar strong{font-weight:550}.section-content.window-content{overscroll-behavior:auto;max-width:1440px;min-height:calc(100svh - 76px);margin:0 auto;padding:clamp(38px,4.6vw,68px) clamp(76px,6vw,100px) 80px;animation:.45s ease-out both section-page-arrive;overflow:visible}.section-content h1{letter-spacing:-.03em;color:#213d50;text-wrap:balance;margin:0 0 24px;font:650 clamp(30px,3.2vw,43px)/1.45 Songti SC,Noto Serif SC,serif}.section-content .lab-case-heading h1{margin:6px 0 3px}.section-content .lab-heading h1{max-width:680px;margin-bottom:14px}.section-content .about-header{gap:45px}.section-content .about-facts span,.section-content .about-tags span{color:#526a7c}.section-content :is(.date-label,.meta,.company-head>div>span,.experience-stats span,.entry-meta span,.research-subtitle,.method-tags span,.practice-number,.research-no){color:#526b80}.section-content .date-label,.section-content .meta{color:#526b80!important}.section-content .role-tag{color:#286f5d}.section-content h4{color:#526b80}.education-heading{align-items:center;gap:22px;display:flex}.education-heading>div{min-width:0}.education-heading .date-label{margin:0 0 9px}.school-seal{background:#fff;border:1px solid #d9e4eb;border-radius:50%;flex:0 0 76px;width:76px;height:76px;padding:7px;display:block;box-shadow:0 4px 14px #27445b08}.school-seal-art{width:100%;height:100%;display:block;position:relative;overflow:hidden}.school-seal img{object-fit:contain;width:100%;height:100%;display:block}.school-seal-zhengding img{width:461.3%;max-width:none;height:116.13%;position:absolute;top:-8.06%;left:-4.84%}.education-highlights{max-width:730px;margin-left:98px}.education-highlights h4{margin:20px 0 8px}.education-highlights p{margin:0}.education-entry{padding-bottom:46px}.section-content .company-logo{font-size:19px;font-weight:700}.section-content .research-entry>div:last-child,.section-content .practice-list article>div{flex:1;min-width:0;max-width:900px}.section-content .research-entry>div:last-child{max-width:800px}.section-content .practice-list h3{margin-bottom:8px}.section-content .practice-list .meta{font-size:13px!important}.section-content .practice-tabs [data-slot=tabs-trigger]{color:#526b80}.section-content .practice-tabs [data-slot=tabs-trigger][data-state=active]{color:#254a65}.section-content-notes.window-content{max-width:none;padding:0}.section-content-notes .journal-page{min-height:calc(100svh - 76px)}.section-content-notes .journal-nav{padding:0 clamp(76px,6vw,100px)}.section-content-notes .journal-container{max-width:1320px;padding:62px clamp(76px,6vw,100px) 36px}.section-content-notes .article-container{max-width:1000px;padding-top:48px}.section-content-notes .article-container>h1{margin:28px 0 22px}.section-content-notes .article-footer .handwriting{color:#4f705a}.section-content-notes .note-row p{margin:0}.section-content-notes .journal-title>p,.section-content-notes .journal-footer,.section-content-notes .journal-footer a,.section-content-notes .quiet-link,.section-content-notes .note-number,.section-content-notes .note-meta,.section-content-notes .reading-time,.section-content-notes .note-row p,.section-content-notes .search-box,.section-content-notes .notes-toolbar [data-slot=tabs-trigger],.section-content-notes .article-byline{color:#586e61}.section-content-notes .notes-toolbar [data-slot=tabs-trigger][data-state=active]{color:#254a3a}.section-content-notes .note-meta span{color:#386b88}@keyframes section-page-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.section-shell{--orb-size:48px}.section-categories{gap:6px}.section-rail{top:calc(50% + 31px)}.section-categories{max-height:calc(100svh - 86px)}.section-category{width:44px}.section-toolbar{height:62px;padding:0 20px;font-size:12px}.section-toolbar>div{gap:9px}.section-exit{width:44px;height:44px}.section-location{display:none}.section-content.window-content{min-height:calc(100svh - 62px);padding:32px 23px 55px 64px}.section-content h1{font-size:30px}.section-content .about-header{gap:23px}.education-heading{align-items:flex-start;gap:12px}.school-seal{flex-basis:52px;width:52px;height:52px;margin-top:3px;padding:4px}.education-heading .date-label{margin-bottom:8px;font-size:11px!important}.section-content .education-entry h3{margin-bottom:12px;font-size:22px;line-height:1.5}.education-highlights{margin-left:0}.education-highlights p{font-size:14px}.education-entry{padding-bottom:36px}.section-content-notes.window-content{padding:0}.section-content-notes .journal-page{min-height:0}.section-content-notes .journal-container{padding:35px 23px 28px 64px}.section-content-notes .article-container{padding:32px 23px 45px 64px}.section-content-notes .journal-nav{padding:0 23px 0 64px}}@media (max-height:560px){.section-shell{--orb-size:42px}.section-categories{gap:4px}}@media (hover:none){.section-category:hover:not(:focus-visible){width:44px}.section-category:hover:not(:focus-visible) .rail-object{transform:none}.section-category:hover:not(:focus-visible) .rail-object img{transform:none}.section-category:hover:not(:focus-visible) .rail-label{opacity:0}}@media (prefers-reduced-motion:reduce){.section-content.window-content{animation:none}.rail-object,.rail-object img,.rail-label,.section-exit{transition:none}.section-category:hover .rail-object img{transform:none}}
