@charset "UTF-8";
:root{--paper:#f5f2eb;--ink:#1c3731;--muted:#67746e;--line:#cdd1c8;--green:#a9bba8;--serif:var(--sans);--sans:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #467565;outline-offset:5px}button{touch-action:manipulation}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button[hidden]{display:none}.page-shell{max-width:1640px;padding:0 3.7vw;margin:auto}.site-header{height:94px;border-bottom:1px solid #b5bdb2;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:center;gap:18px;font-family:var(--serif);font-size:1.18rem;font-weight:700;white-space:nowrap}.monogram{font-family:var(--sans);font-style:italic;font-size:2.25rem;letter-spacing:-.15rem}.brand-divider{height:19px;width:1px;background:#6b7a70;transform:rotate(20deg)}.top-nav{display:flex;align-items:center;gap:32px}.nav-link{border:0;background:none;padding:12px 0;font-size:.95rem;position:relative}.nav-link:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav-link:hover:after,.nav-link[aria-current]:after{transform:scaleX(1)}.download-link{border:1px solid var(--ink);border-radius:40px;display:flex;align-items:center;gap:18px;padding:11px 23px;font-size:.95rem;transition:background .2s,color .2s}.download-link:hover{background:var(--ink);color:var(--paper)}.download-link svg{width:18px;height:18px}
.workspace{display:grid;grid-template-columns:minmax(260px,.98fr) minmax(260px,1.2fr) minmax(330px,1.13fr);gap:14px;align-items:end;min-height:calc(100svh - 175px);padding:48px 0 27px}.intro-column{position:relative;z-index:3;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-family:var(--sans);font-size:.76rem;letter-spacing:.18em;display:flex;align-items:center;gap:20px;margin:0 0 16px}.eyebrow span{width:42px;height:1px;background:var(--ink)}h1{font-family:var(--serif);font-size:clamp(3.9rem,5.6vw,6rem);font-weight:700;letter-spacing:-.075em;line-height:1.16;margin:0 0 15px}.name-period{font-family:var(--sans);font-size:.74em;margin-left:5px;color:#79907f}.role{font-size:clamp(1.25rem,1.55vw,1.65rem);margin:0 0 13px;letter-spacing:.045em}.intro-line{margin:0;color:#52645b;font-size:.875rem;line-height:1.8;white-space:nowrap}.intro-line span{padding:0 7px;color:#8f9c8f}.archive-area{margin-top:33px;padding-right:8px}.archive-caption{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;margin:0 9px 21px}.caption-note{color:var(--muted)}.file-cabinet{position:relative;height:335px;perspective:1000px;padding:0 9px 0 5px}.folder{--color:#a9bba8;--dark:#718b74;position:absolute;top:calc(var(--i)*65px);left:8px;right:7px;height:130px;border:0;background:none;isolation:isolate;text-align:left;transform:rotateX(-5deg) rotateY(-7deg) rotateZ(-1deg);transform-origin:bottom center;transition:transform .55s var(--ease);z-index:calc(var(--i) + 1)}.folder-cream{--color:#e4dccb;--dark:#c5b699}.folder-blue{--color:#b1c2c6;--dark:#819aa0}.folder-sand{--color:#d9bb8e;--dark:#ba9766}.folder-back{position:absolute;inset:0 0 -6px;border-radius:5px 9px 6px 6px;background:var(--dark);box-shadow:2px 5px 8px #1b32251c}.folder-back:before{content:"";position:absolute;left:6px;top:-11px;width:35%;height:18px;border-radius:5px 6px 0 0;background:var(--dark)}.folder-paper{position:absolute;inset:0 7px -3px;background:#fffefa;border:1px solid #deddd4;border-radius:2px;box-shadow:0 -4px 0 -1px #e9e6dc,0 -7px 0 -3px #fffefa;transform:rotate(1.2deg);transition:transform .45s var(--ease)}.folder-face{position:absolute;inset:5px -1px -8px;border:1px solid #46594229;border-radius:7px;background:var(--color);box-shadow:inset 0 1px 0 #ffffff95,0 5px 7px #2e3d2a14;display:flex;align-items:flex-start;gap:15px;padding:17px 20px}.folder-face:after{content:"";position:absolute;inset:4px;border:1px solid #ffffff35;border-radius:4px;pointer-events:none}.folder-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #24403380;border-radius:50%;font-family:var(--sans);font-size:1.1rem;flex-shrink:0}.folder-name{font-size:1.18rem;line-height:1.2;letter-spacing:.07em;font-weight:500;padding-top:0px}.folder-name small{display:block;font-family:var(--sans);font-size:.6rem;letter-spacing:.08em;line-height:1.6;margin-top:4px;color:#344e42}.folder-arrow{margin-left:auto;font-size:1.25rem;transition:transform .4s var(--ease)}.folder:hover,.folder:focus-visible{transform:translate3d(8px,-18px,30px) rotateX(-3deg) rotateZ(-2deg)}.folder:hover .folder-paper{transform:translateY(-6px) rotate(1deg)}.folder[aria-pressed="true"]{transform:translate3d(20px,-23px,40px) rotateZ(-3deg)}.folder[aria-pressed="true"] .folder-number{background:var(--ink);color:white;border-color:var(--ink)}.folder[aria-pressed="true"] .folder-arrow{transform:rotate(45deg)}.cabinet-base{position:absolute;bottom:-4px;left:0;right:0;height:39px;background:#e5e0d4;border:1px solid #cfc9ba;border-radius:2px 2px 5px 5px;box-shadow:0 8px 8px -5px #253a2b30,inset 0 2px #ffffffc0;z-index:6;transform:rotate(-1deg);display:flex;align-items:center;justify-content:flex-end;padding-right:17px}.cabinet-base span{font-size:.6rem;letter-spacing:.12em;color:#6c766b}.portrait-column{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;z-index:1}.portrait-stage{position:relative;display:block;width:calc(100% + 120px);margin-left:-60px;background:none;border:0;padding:0;transform-origin:50% 85%;cursor:pointer}.portrait-motion{display:block;transform-origin:50% 85%;transition:transform .12s ease-out}.portrait-image{display:block;width:100%;height:auto;mix-blend-mode:multiply;pointer-events:none}.portrait-greeting{position:absolute;left:24px;top:22px;font-family:var(--serif);font-size:.95rem;transform:rotate(-8deg);display:flex;align-items:center;gap:10px;z-index:2;pointer-events:none}.portrait-greeting svg{width:35px;height:35px;align-self:flex-end;margin-top:18px}.portrait-note{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;margin:12px -35px 7px;font-size:.875rem;letter-spacing:.04em}.portrait-note-line{width:24px;height:1px;background:#879687}.portrait-stage.is-greeting .portrait-motion{animation:greeting .85s var(--ease)}@keyframes greeting{0%,100%{transform:rotate(0)}35%{transform:rotate(-2deg) translateY(-6px)}65%{transform:rotate(1deg) translateY(-3px)}}
.detail-panel{align-self:stretch;min-width:0;position:relative;z-index:4;background:white;border:1px solid #c9d0c8;border-radius:12px;display:flex;flex-direction:column;min-height:550px;max-height:720px;box-shadow:0 5px 18px #31463404;overflow:hidden}.panel-header{margin:0 28px;min-height:73px;border-bottom:1px solid #d9ddd7;display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:1.15rem;font-weight:700}.panel-index{font: .75rem var(--sans);letter-spacing:.08em;color:#67786b;margin-left:auto}.panel-close{border:0;background:#f3f5f1;border-radius:50%;font-size:1.4rem;font-weight:400;width:32px;height:32px;line-height:1;order:3;margin-left:auto;display:flex;align-items:center;justify-content:center}.panel-close:hover{background:#e0e8df}.panel-body{flex:1;display:flex;flex-direction:column;padding:0 28px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5cec3 transparent}.empty-state{margin:auto 0;text-align:center;padding:42px 0;display:flex;flex-direction:column;align-items:center}.empty-index{font-family:var(--sans);letter-spacing:.22em;font-size:.72rem;color:#728171;margin-bottom:29px}.empty-state h2{font-family:var(--serif);font-size:1.8rem;letter-spacing:.07em;margin:0 0 16px;font-weight:500}.empty-state p{font-size:.95rem;color:#6d766f;margin:0;line-height:1.7}.empty-rule{height:40px;width:1px;background:#d4d9d1;margin:36px 0 22px}.empty-footnote{font-size:.8rem;color:#6d766f}.panel-footer{min-height:53px;margin:0 28px;border-top:1px solid #e4e8e1;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#69776b;font-size:.72rem}.panel-progress{display:flex;gap:5px}.panel-progress i{width:5px;height:5px;background:#d1d8cd;border-radius:50%}.panel-progress i.active{background:#345d45}.file-content{padding:27px 0 24px;animation:paper-enter .14s ease-out}.content-kicker{font-size:.72rem;font-family:var(--sans);letter-spacing:.12em;color:#677b67;margin:0 0 16px}.file-content h2{font-family:var(--serif);font-size:1.65rem;line-height:1.5;margin:0 0 13px;letter-spacing:.02em}.content-intro{font-size:1rem;line-height:1.8;color:#526457;margin:0 0 26px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:19px 15px;margin:0 0 26px}.metric{border-top:1px solid #d6ded3;padding:14px 0 0;display:flex;flex-direction:column;gap:7px}.metric-value{font-family:var(--sans);font-size:2.75rem;letter-spacing:-.05em;line-height:1}.metric-value small{font: .85rem var(--sans);letter-spacing:0;margin-left:5px}.metric-label{font-size:.83rem;line-height:1.65;color:#5a6c5d}.work-note{font-size:.9rem;line-height:1.9;padding-top:18px;border-top:1px solid #e0e5db;margin:0;color:#455c4a}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.tags span{border:1px solid #d7dfd3;border-radius:3px;font-size:.75rem;padding:5px 9px;color:#567057;background:#f8faf5}.data-note{font-size:.75rem;line-height:1.6;color:#667765;margin:19px 0 0}@keyframes paper-enter{from{transform:translateY(4px)}to{transform:translateY(0)}}.site-footer{min-height:74px;border-top:1px solid #c8cfc2;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.83rem}.site-footer p{margin:0}.site-footer p span{margin:0 8px;color:#84917f}.footer-tools{display:flex;align-items:center;gap:25px}.footer-year{font-size:.65rem;letter-spacing:.12em;color:#687666}.motion-toggle{font-size:.75rem;background:none;border:0;display:flex;align-items:center;gap:6px;padding:10px 0}.motion-toggle svg{width:15px;height:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:20;background:white;padding:12px}.skip-link:focus{transform:none}.noscript-message{text-align:center;background:white;padding:20px}.noscript-message a{text-decoration:underline}
@media(min-width:1500px){.workspace{padding-top:65px;gap:24px}.archive-area{margin-top:40px}.file-cabinet{height:365px}.folder{top:calc(var(--i)*74px);height:138px}.folder-face{padding:20px 22px}.portrait-stage{width:calc(100% + 150px);margin-left:-75px}.detail-panel{min-height:640px}.folder-name{font-size:1.35rem}}
@media(max-width:1150px){.page-shell{padding:0 30px}.workspace{grid-template-columns:minmax(230px,.95fr) minmax(200px,.85fr) minmax(290px,1.1fr);gap:12px;padding-top:36px;min-height:calc(100svh - 161px)}.site-header{height:85px}.top-nav{gap:24px}h1{font-size:4.3rem}.role{font-size:1.25rem}.intro-line{font-size:.8rem}.eyebrow{font-size:.68rem;gap:12px}.eyebrow span{width:25px}.folder-face{padding:17px 12px;gap:11px}.folder-name{font-size:1.1rem}.folder-name small{font-size:.55rem}.folder-number{width:31px;height:31px}.panel-header,.panel-footer{margin-left:22px;margin-right:22px}.panel-body{padding-left:22px;padding-right:22px}.portrait-greeting{left:-12px;font-size:.85rem;top:55px}.portrait-note{font-size:.75rem}.portrait-stage{width:calc(100% + 150px);margin-left:-75px}.detail-panel{min-height:548px}.archive-caption{font-size:.75rem}.footer-year{display:none}}
@media(max-width:900px) and (pointer:coarse){.workspace{grid-template-columns:1fr 1fr;gap:26px;padding-top:32px;align-items:end}.intro-column{grid-column:1;grid-row:1}.portrait-column{grid-column:2;grid-row:1;min-height:100%}.detail-panel{grid-column:1/-1;grid-row:2;min-height:400px;max-height:none;margin-bottom:8px}.panel-body{min-height:320px}.empty-state{padding:40px}.empty-rule{height:20px;margin:23px 0 18px}.file-cabinet{height:323px}.folder{height:123px;top:calc(var(--i)*63px)}.portrait-stage{width:calc(100% + 50px);margin-left:-25px}.portrait-greeting{top:30px;left:35px}.portrait-note{margin-left:-30px;margin-right:-10px;font-size:.85rem}.metrics{grid-template-columns:repeat(3,1fr)}.file-content{max-width:650px;margin:auto;width:100%}.file-content h2{font-size:1.8rem}.content-intro{margin-bottom:20px}.archive-area{max-width:380px}.panel-footer{min-height:50px}}
@media(max-width:580px) and (pointer:coarse){.page-shell{padding:0 20px}.site-header{height:78px;gap:12px}.wordmark{gap:8px;font-size:.9rem}.monogram{font-size:1.8rem}.brand-divider{height:15px}.top-nav{gap:15px}.nav-link{font-size:.8rem}.download-link{font-size:.75rem;padding:9px 11px;gap:5px}.download-link svg{display:none}.workspace{gap:22px 0;padding:28px 0 24px;grid-template-columns:1fr 1fr}.intro-column{display:contents}.identity{grid-row:1;grid-column:1/-1;position:relative;z-index:2;pointer-events:none;min-height:235px;padding-top:5px}.eyebrow{font-size:.64rem;letter-spacing:.12em;margin-bottom:14px}.eyebrow span{width:22px}h1{font-size:3.8rem;margin-bottom:11px;letter-spacing:-.09em}.role{font-size:1.03rem}.intro-line{font-size:.73rem;max-width:160px;white-space:normal;line-height:1.8}.intro-line span{padding:0 3px}.portrait-column{grid-column:2;grid-row:1;width:100%;min-height:275px;align-self:end;justify-content:flex-end;margin:0 0 -2px}.portrait-stage{width:calc(100% + 95px);margin-left:-40px}.portrait-greeting{display:none}.portrait-note{font-size:.65rem;gap:5px;margin:-5px -10px 0 -20px}.portrait-note-line{width:12px}.archive-area{grid-column:1/-1;grid-row:2;margin:0;max-width:none;padding:0}.archive-caption{margin-bottom:20px;margin-left:0;margin-right:0;font-size:.8rem}.file-cabinet{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:19px 15px;padding:0;perspective:800px}.folder{position:relative;inset:auto;height:92px;transform:rotate(-1deg)}.folder:nth-child(even){transform:rotate(1deg)}.folder-face{inset:5px 0 0;padding:16px 12px;gap:10px}.folder-back{bottom:0}.folder-paper{bottom:0}.folder-name{font-size:1.03rem;letter-spacing:.02em}.folder-name small{font-size:.5rem;line-height:1.8;letter-spacing:.02em}.folder-number{font-size:.9rem;width:28px;height:28px}.folder-arrow{display:none}.folder:hover,.folder:focus-visible{transform:translateY(-5px) rotate(-1deg)}.folder[aria-pressed="true"]{transform:translateY(-6px) rotate(-2deg)}.cabinet-base{display:none}.detail-panel{grid-row:3;min-height:350px;max-height:none;margin-top:1px;border-radius:9px}.panel-header{min-height:60px;font-size:1.1rem}.panel-body{min-height:300px}.empty-state{padding:40px 0}.empty-state h2{font-size:1.5rem}.empty-state p{font-size:.85rem}.empty-index{margin-bottom:22px}.empty-footnote{font-size:.75rem}.panel-header,.panel-footer{margin-left:20px;margin-right:20px}.panel-body{padding-left:20px;padding-right:20px}.panel-footer{font-size:.7rem}.file-content h2{font-size:1.5rem}.content-intro{font-size:.95rem}.metric-value{font-size:2.35rem}.metric-label{font-size:.78rem}.metrics{grid-template-columns:1fr 1fr}.site-footer{min-height:82px;gap:10px;font-size:.72rem}.site-footer p span{margin:0 4px}.footer-tools{gap:8px}.motion-toggle{font-size:.7rem}}
@media(max-width:360px) and (pointer:coarse){.page-shell{padding:0 14px}.top-nav{gap:11px}.brand-divider,.wordmark>span:last-child{display:none}.folder-face{gap:7px;padding:16px 9px}.folder-name{font-size:.94rem}.identity{min-height:245px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.portrait-motion{transform:none!important}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation:none!important;transition:none!important}body.motion-paused .portrait-motion{transform:none!important}
.portrait-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none;pointer-events:none;filter:brightness(1.08)}.portrait-video.is-ready{display:block}.portrait-image{mix-blend-mode:darken}.portrait-motion:has(.portrait-video.is-ready) .portrait-image{visibility:hidden}.learning-list{display:grid;gap:17px;margin:25px 0}.learning-item{display:flex;gap:14px}.learning-item>span{font:1.05rem var(--sans);color:#8b9b86;border-top:1px solid #ccd5c5;padding-top:11px}.learning-item h3{font-size:1rem;font-weight:500;margin:8px 0}.learning-item p{margin:0;color:#5c6c5c;font-size:.9rem;line-height:1.8}.timeline{margin:27px 0 30px}.timeline-item{position:relative;padding:0 0 25px 20px;border-left:1px solid #d0d9c9}.timeline-item:before{content:"";position:absolute;width:7px;height:7px;top:4px;left:-4px;background:#6a8869;border-radius:50%}.timeline-item:last-child{padding-bottom:0}.timeline-date{font-family:var(--sans);font-size:.75rem;letter-spacing:.04em;color:#5f775c;margin:0 0 12px}.timeline-item h3,.education h3{font-size:1.05rem;line-height:1.7;margin:0 0 7px}.timeline-item p:not(.timeline-date){font-size:.9rem;line-height:1.8;color:#5d6e5c;margin:7px 0 0}.timeline-item p.timeline-company{font-size:.8rem;color:#4c624c}.section-heading{font-size:1rem;border-top:1px solid #dbe2d5;padding-top:19px;margin:0 0 16px}.project-row{padding:0 0 15px}.project-row span{font: .75rem var(--sans);color:#637860}.project-row p{font-size:.9rem;line-height:1.8;margin:6px 0 0}.education{padding:20px 0;border-top:1px solid #d8e0d3;border-bottom:1px solid #d8e0d3}.education h3{margin:10px 0 5px}.education p{font-size:.9rem;margin:0;line-height:1.8}.education .education-courses{font-size:.8rem;color:#60725e;margin-top:10px}.career-intent{margin:20px 0}.career-intent>span{font-size:.8rem;color:#647760}.career-intent p{font-size:.95rem;margin:8px 0}.contact-lines{display:grid;margin-top:24px;gap:14px}.contact-lines a{display:flex;gap:12px;align-items:center;font-size:.9rem;padding:8px 0}.contact-lines a:hover strong{text-decoration:underline}.contact-lines span{font-family:var(--sans);font-size:.7rem;color:#6b7b65;min-width:42px}.contact-lines strong{font-weight:400;overflow-wrap:anywhere}.contact-lines b{font-weight:400;margin-left:auto}.inline-download{display:flex;justify-content:space-between;padding:14px 0;margin-top:15px;border-top:1px solid #dbe2d5;font-size:.9rem}
/* Desktop is a single fitted composition; longer details scroll only inside the paper. */
body.is-desktop{height:100svh;overflow:hidden}.is-desktop .page-shell{position:absolute;left:50%;top:50%;width:var(--layout-width);height:var(--layout-height);max-width:none;padding:0 calc(var(--layout-width)*.037);transform:translate(-50%,-50%) scale(var(--desktop-scale));transform-origin:center;display:flex;flex-direction:column}.is-desktop .site-header{height:84px;flex:0 0 84px}.is-desktop .workspace{min-height:0;flex:1;padding:35px 0 25px;grid-template-columns:minmax(270px,.98fr) minmax(260px,1.2fr) minmax(330px,1.13fr);gap:15px}.is-desktop .detail-panel{min-height:0;max-height:none;height:100%}.is-desktop .site-footer{min-height:58px;flex:0 0 58px}.is-desktop .identity h1{font-size:clamp(68px,calc(var(--layout-width)*.058),100px)}.is-desktop .role{font-size:clamp(21px,calc(var(--layout-width)*.018),29px)}.is-desktop .intro-line{font-size:14px}.is-desktop .file-cabinet{height:330px}.is-desktop .archive-area{margin-top:25px}.is-desktop .folder{top:calc(var(--i)*64px);height:130px}.is-desktop .portrait-stage{width:calc(100% + 130px);margin-left:-65px}.is-desktop .portrait-greeting{top:6%;left:10%}.is-desktop .panel-body{min-height:0}.is-desktop .panel-footer{flex-shrink:0}.is-desktop .panel-header{flex-shrink:0}.is-desktop .folder-name small{display:none}.is-desktop .folder-name{font-size:1.2rem;padding-top:7px}.is-desktop .folder-arrow{padding-top:4px}