:root{color:#292830;font-synthesis:none;text-rendering:optimizelegibility;--ink:#292830;--paper:#f8f5f7;--surface:#fffdfd;--pink:#d9b4c7;--pink-soft:#f1dce6;--purple:#9186aa;--purple-soft:#e7e0ed;--blue:#8ea5ba;--blue-soft:#dce7ed;--mint:#81b9af;--warm:#d2aa72;--line:#d6d0d8;background:#f5f1f4;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}section[id]{scroll-margin-top:84px}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdfdeb;border:1px solid #625b6a24;border-radius:18px;grid-template-columns:188px 1fr 96px;align-items:center;gap:16px;width:min(1200px,100% - 36px);height:58px;padding:0 16px;display:grid;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #43364514}.brand{color:#3b3941;letter-spacing:.08em;justify-self:start;align-items:center;gap:10px;font-size:13px;font-weight:750;display:inline-flex}.brand-mark{object-fit:cover;border:1px solid #71687f33;border-radius:50%;width:38px;height:38px;display:block;box-shadow:0 3px 10px #4d435821}.desktop-nav{color:#66616b;justify-self:center;align-items:center;gap:2px;font-size:12px;font-weight:650;display:flex}.desktop-nav a{border-radius:18px;align-items:center;min-height:36px;padding:0 13px;transition:color .2s,background-color .2s;display:inline-flex}.desktop-nav a:hover{color:var(--ink);background:#f0ebf0}.desktop-nav a.active{color:#fff;background:var(--ink)}.header-cta{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;justify-self:end;align-items:center;gap:5px;min-height:38px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.header-cta:hover{border-color:var(--purple);color:#665b7d}.menu-button{cursor:pointer;background:0 0;border:0;width:40px;height:40px;padding:0;display:none}.hero{background:#f3e5ec;min-height:calc(100svh - 44px);padding:90px max(24px,50vw - 600px) 48px;position:relative;overflow:hidden}.color-field{pointer-events:none;position:absolute}.color-field-blue{background:#dce9ec;width:44%;inset:0 0 0 auto}.color-field-lilac{clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);background:#e9e2ef;width:37%;height:33%;bottom:0;right:31%}.hero-shell{z-index:2;grid-template-columns:1.08fr .92fr;align-items:center;gap:44px;min-height:calc(100svh - 182px);display:grid;position:relative}.hero-copy{z-index:3;max-width:620px;padding:18px 0 38px;position:relative}.eyebrow{color:#6f6671;background:#fffdfdad;border:1px solid #77667721;border-radius:18px;align-items:center;gap:8px;width:fit-content;margin:0 0 22px;padding:7px 12px;font-size:12px;font-weight:650;display:flex}.status-dot{background:#65bca9;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #65bca91f}.hero h1{color:#232229;letter-spacing:0;max-width:600px;margin:0;font-family:Arial Black,PingFang SC,sans-serif;font-size:72px;font-weight:900;line-height:.98}.hero h1>span{font-size:78px;display:block;transform:translateY(-8px)}.hero h1 strong{z-index:1;font:inherit;display:inline-block;position:relative}.hero h1 strong:after{content:"";z-index:-1;background:#d8c8e5;height:14px;position:absolute;bottom:4px;left:-5px;right:-8px;transform:rotate(-1deg)}.hero-role{color:#776493;width:fit-content;margin:22px 0 20px;font-size:24px;font-weight:850;line-height:1.25;box-shadow:inset 0 -8px #ead8b7}.hero-role span{font-size:15px;font-weight:750}.file-strip{color:#6e6870;background:#fffdfdb8;border:1px solid #786f7b24;border-radius:8px;align-items:center;gap:10px;width:min(100%,550px);height:42px;padding:0 14px;display:flex;box-shadow:0 5px 14px #4a3d4b0a}.file-strip span{font:650 9px SFMono-Regular,Consolas,monospace}.file-strip i{background:#cbc4cb;width:1px;height:14px}.file-strip strong{font-size:12px;font-weight:700}.hero-summary{color:#5c5860;max-width:560px;margin:22px 0 0;font-size:14px;line-height:1.85}.hero-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.hero-tags span{color:#5d5861;background:#fffdfdad;border:1px solid #6c637026;border-radius:6px;align-items:center;min-height:29px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.hero-actions{gap:11px;margin-top:22px;display:flex}.button{border:1px solid #2d2b3233;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-width:110px;height:46px;padding:0 17px;font-size:12px;font-weight:750;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #4036421a}.button.primary{border-color:var(--ink);color:#fff;background:var(--ink)}.button.ghost{background:#fffdfdc2}.hero-visual{justify-self:end;width:min(100%,530px);height:min(650px,100svh - 116px);min-height:510px;position:relative}.photo-backdrop{background:#d9dceb;border:1px solid #746f8821;border-radius:48% 48% 8px 8px/24% 24% 8px 8px;position:absolute;inset:64px 30px 20px 18px}.photo-backdrop:before{content:"";background:var(--pink);width:38px;height:7px;position:absolute;top:36%;left:-24px;transform:rotate(-8deg);box-shadow:8px 16px #b9a9cb}.photo-backdrop:after{content:"";background:#79b9b0;width:32px;height:7px;position:absolute;bottom:23%;right:-18px;transform:rotate(9deg);box-shadow:-6px 15px #c8a7ba}.photo-frame{filter:drop-shadow(0 18px 24px #413b4a1f);background:0 0;width:100%;height:100%;position:absolute;bottom:-2px;right:-18px;overflow:visible}.photo-frame img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.visual-caption{z-index:3;background:#fffdfde0;border:1px solid #625b6a24;border-radius:8px;min-width:128px;padding:12px 14px;position:absolute;bottom:44px;left:0;box-shadow:0 10px 28px #3f384314}.visual-caption span,.now-card>span{color:#847798;margin-bottom:5px;font:700 9px SFMono-Regular,Consolas,monospace;display:block}.visual-caption strong{font-size:12px}.now-card{z-index:4;background:#fffdfde6;border:1px solid #625b6a24;border-radius:8px;width:136px;padding:16px;position:absolute;bottom:78px;right:-18px;box-shadow:0 14px 34px #413a461f}.now-card strong,.now-card small{display:block}.now-card strong{font-size:13px}.now-card small{color:#7a747d;margin-top:7px;font-size:9px;line-height:1.5}.scroll-cue{z-index:5;color:#635e65;background:#fffdfdd1;border:1px solid #685e6c21;border-radius:20px;align-items:center;gap:10px;min-height:38px;padding:0 8px 0 15px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #41374212}.scroll-cue svg{color:#fff;background:var(--warm);border-radius:50%;width:25px;height:25px;padding:6px}.projects-section,.experience-section,.education-section,.campus-section,.about-section{padding:100px max(24px,50vw - 600px)}.section-heading{grid-template-columns:.34fr 1fr;gap:48px;margin-bottom:64px;display:grid}.section-heading>p,.section-kicker{color:#79727d;margin:8px 0 0;font:650 11px SFMono-Regular,Consolas,monospace}.section-heading h2{color:var(--ink);letter-spacing:0;margin:0;font-size:56px;font-weight:850;line-height:1.12}.section-heading h2 span{color:#7c7194}.education-section{background:#eee7ef}.education-heading h2 span{color:#8d7b9e}.education-heading h2{white-space:nowrap}.education-list{grid-template-columns:1fr 1fr;gap:22px;display:grid}.education-card{border:1px solid #68606c29;border-radius:8px;flex-direction:column;min-height:420px;padding:38px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #473c490f}.education-card.current{background:#dce6ed}.education-card.bachelor{background:#f0e1e8}.education-date{z-index:2;color:#69636c;margin-bottom:38px;font:650 11px SFMono-Regular,Consolas,monospace;position:relative}.education-emblem{z-index:1;object-fit:contain;opacity:.13;filter:grayscale(.2)saturate(.72);mix-blend-mode:multiply;width:142px;height:142px;position:absolute;top:11px;right:15px}.education-card.current .education-emblem{width:152px;height:152px;top:6px;right:10px}.education-card.bachelor .education-emblem{opacity:.1;filter:grayscale(.32)saturate(.68)}.education-main{z-index:2;position:relative}.education-main>p{color:#7b7182;margin:0 0 10px;font:650 10px SFMono-Regular,Consolas,monospace}.education-main h3{margin:0 0 9px;font-size:38px;line-height:1.12}.education-main strong{color:#655d6c;font-size:16px}.education-card ul{z-index:2;gap:16px;margin:auto 0 0;padding:30px 0 0;list-style:none;display:grid;position:relative}.education-card li{color:#514d54;border-top:1px solid #514b5329;grid-template-columns:70px 1fr;gap:13px;padding-top:14px;display:grid}.education-card li>span{color:#716779;font:700 10px/1.65 SFMono-Regular,Consolas,monospace}.education-card li>p{margin:0;font-size:12px;font-weight:620;line-height:1.68}.projects-section{background:#e8e2ed;overflow:hidden}.projects-section .section-heading h2 span{color:#927da4}.projects-heading h2{white-space:nowrap}.project-carousel{position:relative}.project-viewport{cursor:grab;overflow:hidden}.project-viewport:active{cursor:grabbing}.project-track{touch-action:pan-y pinch-zoom;display:flex}.project-slide{flex:0 0 70%;min-width:0;padding:22px 12px 34px}.project-card{opacity:.48;filter:saturate(.7);border:1px solid #5b546229;border-radius:8px;flex-direction:column;width:100%;height:auto;padding:34px 40px 30px;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .32s,filter .32s,box-shadow .32s;display:flex;position:relative;overflow:hidden;transform:scale(.9);box-shadow:0 10px 24px #423a480d}.project-card.is-active{z-index:2;opacity:1;filter:none;transform:scale(1);box-shadow:0 24px 48px #40374821}.project-card.blue{background:#dce7ee}.project-card.pink{background:#f0dfe7}.project-card.lilac{background:#e4dfea}.project-meta{z-index:2;color:#706977;justify-content:space-between;align-items:center;gap:20px;font:700 10px SFMono-Regular,Consolas,monospace;display:flex;position:relative}.project-meta time{white-space:nowrap}.project-body{z-index:2;max-width:680px;margin:24px 0 20px;position:relative}.project-competition{color:#625b6c;margin:0 0 8px;font-size:13px;font-weight:800;line-height:1.5}.project-competition span{color:#625b6c7a;margin:0 10px;font-weight:500}.project-role{color:#806d87;margin:0 0 10px;font:700 11px SFMono-Regular,Consolas,monospace}.project-body h3{margin:0 0 16px;font-size:36px;line-height:1.2}.project-summary{color:#514e57;max-width:650px;margin:0 0 16px;font-size:14px;line-height:1.82}.project-details{gap:8px;max-width:650px;margin:0 0 20px;padding:0;list-style:none;display:grid}.project-details li{color:#5a555f;padding-left:15px;font-size:12px;line-height:1.72;position:relative}.project-details li:before{content:"";background:#625b68;border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{color:#5d5761;background:#ffffff40;border:1px solid #4d47502e;border-radius:5px;align-items:center;min-height:28px;padding:0 9px;font:650 10px SFMono-Regular,Consolas,monospace;display:inline-flex}.project-card-footer{z-index:2;border-top:1px solid #4f4a5529;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:0;padding-top:20px;display:flex;position:relative}.project-highlight strong,.project-highlight span{display:block}.project-highlight strong{font-family:Arial Black,PingFang SC,sans-serif;font-size:42px;line-height:1}.project-highlight span{color:#6a6470;margin-top:7px;font-size:11px;font-weight:700}.project-link{background:#ffffff5c;border:1px solid #35313a38;border-radius:7px;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:11px;font-weight:750;display:inline-flex}.project-link:hover{color:#fff;background:var(--ink)}.project-type{color:#77707b;font:700 9px SFMono-Regular,Consolas,monospace}.project-index{color:#554c5b;opacity:.035;font:800 150px/1 Arial Black,sans-serif;position:absolute;bottom:-35px;right:-12px}.project-controls{grid-template-columns:90px 1fr 100px;align-items:center;gap:20px;max-width:760px;margin:4px auto 0;display:grid}.project-count{color:#77707a;align-items:baseline;gap:5px;font:700 10px SFMono-Regular,Consolas,monospace;display:flex}.project-count strong{color:var(--ink);font-size:18px}.project-navigation{justify-items:center;gap:7px;display:grid}.project-navigation p{color:#77707a;margin:0;font:650 10px SFMono-Regular,Consolas,monospace}.project-dots{justify-content:center;align-items:center;gap:8px;display:flex}.project-dots button{cursor:pointer;background:#bbb1c1;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:width .2s,border-radius .2s,background-color .2s}.project-dots button.active{background:#766983;border-radius:4px;width:28px}.project-arrows{justify-content:flex-end;gap:7px;display:flex}.project-arrows button{cursor:pointer;background:#ffffff94;border:1px solid #48424e2e;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.project-arrows button:hover{color:#fff;background:var(--ink)}.project-arrows svg{width:19px;height:19px}.campus-section{background:#e6e7ef;overflow:hidden}.campus-heading h2 span{color:#9a7189}.campus-journey{position:relative}.campus-flight-path{z-index:0;pointer-events:none;width:100%;height:calc(100% - 40px);position:absolute;inset:20px 0;overflow:visible}.campus-flight-path path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.flight-path-underlay{stroke:#ffffffad;stroke-width:8px}.flight-path-dashes{stroke:#9c8ba8;stroke-width:3px;stroke-dasharray:9 11}.campus-item{z-index:1;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:26px;min-height:450px;margin-bottom:72px;display:grid;position:relative}.campus-item:last-child{margin-bottom:0}.campus-copy{border:1px solid #59536024;border-radius:8px;grid-column:1;padding:34px 36px 32px;box-shadow:0 17px 36px #433b4914}.campus-item.pink .campus-copy{background:#f0dfe7}.campus-item.blue .campus-copy{background:#dce7ee}.campus-item.lilac .campus-copy{background:#e4dfea}.campus-item:nth-of-type(2n) .campus-copy{grid-column:3}.campus-meta{color:#726b78;justify-content:space-between;align-items:center;gap:18px;font:700 10px SFMono-Regular,Consolas,monospace;display:flex}.campus-meta time{white-space:nowrap}.campus-role{color:#826d87;width:fit-content;margin:30px 0 8px;font-size:12px;font-weight:800}.campus-copy h3{margin:0 0 25px;font-size:34px;line-height:1.18}.campus-details{border-top:1px solid #504a5624}.campus-detail{border-bottom:1px solid #504a561f;grid-template-columns:78px minmax(0,1fr);gap:14px;padding:14px 0;display:grid}.campus-detail strong{color:#78677d;font-size:11px;line-height:1.75}.campus-detail p{color:#55515a;margin:0;font-size:12px;line-height:1.78}.campus-tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.campus-tags span{color:#635d68;background:#ffffff4d;border:1px solid #524c5729;border-radius:5px;align-items:center;min-height:27px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.campus-plane{z-index:3;color:#7e6f8d;background:#faf7fa;border:2px solid #7d6f894d;border-radius:50%;grid-column:2;place-self:center;place-items:center;width:50px;height:50px;display:grid;transform:rotate(-18deg);box-shadow:0 8px 20px #443b491f}.campus-plane svg{stroke-width:2.2px;width:23px;height:23px}.campus-item:nth-of-type(2n) .campus-plane{transform:rotate(198deg)}.campus-item:nth-of-type(3) .campus-plane{transform:rotate(-8deg)}.campus-gallery{grid-column:3;height:370px;position:relative}.campus-item:nth-of-type(2n) .campus-gallery{grid-area:1/1}.campus-photo{background:#faf8f9;border:1px solid #554f5b26;margin:0;padding:8px;position:absolute;overflow:hidden;box-shadow:0 15px 32px #3e394424}.campus-photo img{object-fit:contain;filter:saturate(.86)contrast(.97);background:#ece9ed;width:100%;height:100%;display:block}.campus-photo.photo-1{z-index:1;width:75%;height:76%;top:0;left:0;transform:rotate(-2.2deg)}.campus-photo.photo-2{z-index:2;width:62%;height:62%;bottom:0;right:0;transform:rotate(2.4deg)}.campus-item:nth-of-type(2n) .campus-photo.photo-1{transform:rotate(1.8deg)}.campus-item:nth-of-type(2n) .campus-photo.photo-2{transform:rotate(-2deg)}.experience-section{color:var(--ink);background:#e3e8ee}.experience-section .section-heading h2{color:var(--ink)}.experience-section .section-heading>p{color:#746f7a}.section-heading.compact h2 span{color:#a47f93}.timeline{gap:22px;padding-left:80px;display:grid;position:relative}.timeline:before{content:"";background:#b6a9bc;border-radius:3px;width:5px;position:absolute;top:30px;bottom:30px;left:23px;box-shadow:0 0 0 5px #ffffff47}.timeline-item{position:relative}.timeline-node{z-index:2;color:#fff;background:#8ea5ba;border:6px solid #e3e8ee;border-radius:50%;place-items:center;width:52px;height:52px;font:750 10px SFMono-Regular,Consolas,monospace;display:grid;position:absolute;top:36px;left:-80px;box-shadow:0 7px 18px #48455224}.timeline-item:nth-child(2n) .timeline-node{background:#bf91a8}.timeline-card{background:#edf2f6;border:1px solid #5b576524;border-radius:8px;padding:32px 36px 28px;box-shadow:0 15px 34px #48414e12}.timeline-item:nth-child(2n) .timeline-card{background:#f1e5ea}.timeline-card-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:28px;display:grid}.timeline-title time{color:#736d77;margin-bottom:13px;font:700 10px SFMono-Regular,Consolas,monospace;display:block}.timeline-title h3{max-width:760px;margin:0;font-size:28px;line-height:1.28}.timeline-role{color:#806c85;margin:9px 0 0;font-size:14px;font-weight:800}.timeline-company-logo{place-items:center;width:150px;height:72px;display:grid}.timeline-company-logo img{object-fit:contain;filter:saturate(.72);opacity:.9;width:100%;height:100%;display:block}.timeline-company-logo.cow{width:112px}.timeline-company-logo.ckb,.timeline-company-logo.zjgsu{width:84px;height:84px}.timeline-details{border-top:1px solid #534f5a26;margin-top:24px}.timeline-detail{border-bottom:1px solid #534f5a21;grid-template-columns:112px minmax(0,1fr);gap:18px;padding:14px 0;display:grid}.timeline-detail:last-child{border-bottom:0;padding-bottom:0}.timeline-detail strong{color:#72657a;font-size:12px;line-height:1.75}.timeline-detail p{color:#514e56;margin:0;font-size:13px;font-weight:560;line-height:1.78}.about-section{color:var(--ink);background:#dfe7ed}.about-intro{margin-bottom:68px}.about-title{grid-template-columns:1.1fr .9fr;align-items:end;gap:54px;margin-top:30px;display:grid}.about-title h2{margin:0;font-size:82px;line-height:.92}.about-title h2 span{color:#82749a}.about-title>p{color:#57545e;max-width:540px;margin:0;font-size:18px;line-height:1.8}.skills-panel{background:#fffdfdd6;border:1px solid #645d6829;border-radius:8px;max-width:900px;margin-left:auto;padding:46px;box-shadow:0 16px 34px #3c3b4812}.panel-label{color:#79717f;margin:0 0 32px;font:650 11px SFMono-Regular,Consolas,monospace}.skill-cloud{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.skill-cloud span{background:#f9f6f8;border:1px solid #514b552e;border-radius:5px;padding:9px 12px;font-size:12px;font-weight:750}.skill-cloud span.accent{background:#eadbe6}.language{color:#716b74;margin:32px 0 0;font:650 11px SFMono-Regular,Consolas,monospace}.skills-showcase{background:#dfe7ed;position:relative;overflow:hidden}.skills-heading{z-index:2;margin-bottom:72px;position:relative}.skills-heading-copy{padding-top:34px}.skills-heading-copy h2{white-space:nowrap}.skills-heading h2 span{color:#8f759d}.skills-dual-layout{z-index:2;grid-template-columns:minmax(0,1.45fr) minmax(310px,.82fr);align-items:start;gap:58px;display:grid;position:relative}.skill-zone{background:#f9fafb7a;border-top:5px solid #766987;min-width:0;padding:30px 28px 34px;position:relative}.skill-zone-life{background:#faf1f58c;border-top-color:#b88499}.skill-zone-header{justify-content:space-between;align-items:flex-start;gap:20px;min-height:112px;margin-bottom:26px;display:flex}.skill-zone-header span{color:#77707d;margin-bottom:8px;font:700 10px SFMono-Regular,Consolas,monospace;display:block}.skill-zone-header h3{margin:0;font-size:34px;line-height:1.1}.skill-zone-header p{color:#66606a;margin:8px 0 0;font-size:12px}.skill-zone-header>svg{color:#6f6280;background:#ffffff94;border:1px solid #564f5d29;border-radius:50%;flex:none;width:46px;height:46px;padding:10px}.skill-zone-life .skill-zone-header>svg{color:#a36e84}.flip-card-grid{gap:12px;display:grid}.skill-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hobby-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hobby-card-grid .mini-skill-card:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.skill-zone-hint{color:#746b79;justify-content:flex-end;align-items:center;gap:7px;margin:18px 0 0;font-size:11px;font-weight:700;display:flex}.skill-zone-hint svg{color:#a36f87;stroke-width:2px;width:14px;height:14px}.mini-skill-card{color:#393640;cursor:pointer;border:1px solid #564f5d26;border-radius:8px;place-items:center;min-width:0;min-height:112px;padding:14px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 9px 20px #3f39460f}.mini-skill-card.lilac{background:#e4dfea}.mini-skill-card.blue{background:#dce7ee}.mini-skill-card.pink{background:#f0dfe7}.mini-skill-card strong{text-align:center;font-size:14px;line-height:1.35}.mini-skill-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #3f39461c}.mini-skill-card:focus-visible{outline-offset:3px;outline:3px solid #6f6280}.skills-doodles{z-index:1;pointer-events:none;position:absolute;inset:0}.skills-doodle{color:#705e8047;border:2px solid;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;transform:rotate(-8deg)}.skills-doodle svg{stroke-width:1.7px;width:25px;height:25px}.doodle-coffee{color:#a76f8554;top:13%;right:5%;transform:rotate(9deg)}.doodle-headphones{top:36%;left:2.5%}.doodle-camera{color:#a76f854d;bottom:21%;right:2.5%;transform:rotate(-12deg)}.doodle-flower{color:#a76f8552;bottom:8%;left:4%;transform:rotate(11deg)}.doodle-music{width:42px;height:42px;top:25%;left:43%}.doodle-footsteps{width:46px;height:46px;bottom:7%;right:36%;transform:rotate(18deg)}.doodle-sparkles{border-style:dashed;width:40px;height:40px;top:10%;right:32%}.skill-zone-life:before{content:"";pointer-events:none;border-left:2px dashed #70647933;position:absolute;top:20px;bottom:20px;left:-30px}.skill-card-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#26222b5c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.skill-modal-close{z-index:103;color:#fff;cursor:pointer;background:#2b2730b8;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:fixed;top:24px;right:24px}.skill-modal-close:hover{color:var(--ink);background:#fff}.skill-modal-close svg{width:20px;height:20px}.expanded-skill-card{aspect-ratio:4/5;perspective:1400px;width:min(360px,100vw - 40px)}.expanded-card-inner{width:100%;height:100%;animation:.78s cubic-bezier(.22,1,.36,1) forwards expandFlip;position:relative}.expanded-card-face{border:1px solid #564f5d29;border-radius:8px;position:absolute;inset:0;overflow:hidden;box-shadow:0 28px 70px #1c18223d}.expanded-card-front{place-items:center;padding:32px;display:grid}.expanded-card-front.lilac{background:#e4dfea}.expanded-card-front.blue{background:#dce7ee}.expanded-card-front.pink{background:#f0dfe7}.expanded-card-front strong{text-align:center;font-size:28px;line-height:1.3}.expanded-card-front{animation:.78s step-end forwards hideCardFront}.expanded-card-back{visibility:hidden;background:#faf8fa;grid-template-rows:52% 48%;animation:.78s step-end forwards showCardBack;display:grid}.expanded-card-back>img{object-fit:cover;object-position:center top;border-bottom:1px solid #564f5d21;width:100%;height:100%;display:block}.expanded-card-copy{background:#faf8fa;flex-direction:column;justify-content:center;min-height:0;padding:19px 21px 22px;display:flex}.expanded-card-copy strong{color:#393640;margin-bottom:10px;font-size:19px;line-height:1.3;display:block}.expanded-card-copy p{color:#56515b;margin:0;font-size:13px;line-height:1.75}@keyframes expandFlip{0%{opacity:0;transform:scale(.72)rotateY(0)}28%{opacity:1;transform:scale(.94)rotateY(0)}50%{opacity:1;transform:scale(.98)rotateY(90deg)}to{opacity:1;transform:scale(1)rotateY(0)}}@keyframes hideCardFront{0%,49%{visibility:visible}50%,to{visibility:hidden}}@keyframes showCardBack{0%,49%{visibility:hidden}50%,to{visibility:visible}}.contact-section{background:#edf0f3;place-items:center;min-height:84svh;padding:72px max(24px,50vw - 660px);display:grid;overflow:hidden}.contact-card{isolation:isolate;color:#34323a;background:linear-gradient(125deg,#d8e6ec 0%,#e3dfe9 48%,#eddbe4 100%);border:1px solid #68606f24;border-radius:8px;flex-direction:column;justify-content:space-between;width:100%;min-height:650px;padding:88px 104px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #4d46561c}.contact-card:before{content:"";z-index:-1;border-left:1px dashed #5b52632e;width:1px;height:760px;position:absolute;top:-90px;right:9%;transform:rotate(24deg)}.contact-card:after{content:"";z-index:-1;border-top:1px dashed #5b526329;width:420px;position:absolute;bottom:23%;right:-8%;transform:rotate(-18deg)}.contact-card-content{max-width:900px}.contact-kicker{color:#687c83;letter-spacing:0;margin:0 0 26px;font:700 12px SFMono-Regular,Consolas,monospace}.contact-card h2{color:#302f36;letter-spacing:0;margin:0;font-size:72px;font-weight:760;line-height:1.12}.contact-card h2 span{color:#98768b}.contact-description{color:#5e5962;max-width:720px;margin:38px 0 0;font-size:14px;line-height:1.9}.contact-actions{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.contact-button{color:#47434b;cursor:pointer;background:#ffffff7a;border:1px solid #46424c2e;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 18px;font-size:12px;font-weight:750;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.contact-button:hover{background:#ffffffb3;border-color:#46424c52;transform:translateY(-2px)}.contact-button.primary{color:#fff;background:#596771;border-color:#596771}.contact-button.primary:hover{background:#687782}.contact-card-footer{color:#6f6872;border-top:1px solid #4f495424;justify-content:space-between;align-items:center;gap:24px;padding-top:34px;font:700 11px SFMono-Regular,Consolas,monospace;display:flex}.contact-card-footer a{color:#57515b;align-items:center;gap:7px;display:inline-flex}.contact-card-footer a:hover{color:#29272d}footer{color:#716c73;background:#f8f5f7;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:0 max(24px,50vw - 600px);font:650 10px SFMono-Regular,Consolas,monospace;display:flex}@media (width<=1100px){.site-header{grid-template-columns:160px 1fr 82px}.desktop-nav a{padding-inline:9px}.hero h1{font-size:62px}.hero h1>span{font-size:68px}.hero-role{font-size:21px}.hero-visual{height:min(590px,100svh - 120px)}.skills-heading-copy h2{font-size:48px}}@media (width<=900px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.menu-button{justify-self:end;place-items:center;display:grid}.mobile-nav{z-index:45;background:#f8f4f8fa;border:1px solid #5c536026;border-radius:12px;flex-direction:column;padding:18px;display:flex;position:fixed;inset:82px 16px 16px;overflow:auto;box-shadow:0 20px 60px #3f344129}.mobile-nav a{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 4px;font-size:26px;font-weight:800;display:flex}.mobile-nav span{color:#8a808c;font:650 10px SFMono-Regular,Consolas,monospace}.mobile-nav a.active{border-color:var(--ink);color:#fff;background:var(--ink);border-radius:8px;padding-inline:12px}.mobile-nav a.active span{color:#d7d0da}.hero{padding-inline:30px}.hero-shell{grid-template-columns:1.05fr .95fr;gap:22px}.hero h1{font-size:52px}.hero h1>span{font-size:58px}.hero-role{font-size:18px}.hero-role span{margin-top:4px;font-size:11px;display:block}.hero-summary{font-size:13px}.hero-visual{min-height:470px}.now-card{right:-8px}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:46px}.skills-heading-copy{padding-top:0}.project-slide{flex-basis:80%}.project-card{height:auto}.campus-item{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:16px}.campus-copy{padding:28px}.campus-copy h3{font-size:28px}.campus-detail{grid-template-columns:1fr;gap:5px}.campus-gallery{height:320px}.campus-plane{width:44px;height:44px}.timeline{padding-left:64px}.timeline:before{left:19px}.timeline-node{width:44px;height:44px;left:-64px}.timeline-card{padding:30px}.timeline-company-logo.zjgsu{width:76px;height:76px}.timeline-detail{grid-template-columns:108px minmax(0,1fr)}.education-list,.about-title{grid-template-columns:1fr}.about-title h2{font-size:70px}.skills-dual-layout{grid-template-columns:1fr;gap:48px}.skill-zone-life:before{display:none}.skill-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hobby-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hobby-card-grid .mini-skill-card:last-child{grid-column:auto;justify-self:stretch;width:auto}.contact-card{min-height:610px;padding:74px 62px 34px}.contact-card h2{font-size:60px}}@media (width<=640px){section[id]{scroll-margin-top:76px}.site-header{border-radius:15px;width:calc(100% - 24px);height:54px;padding-inline:12px;top:10px}.brand{font-size:11px}.brand-mark{width:32px;height:32px}.mobile-nav{inset:74px 12px 12px}.hero{min-height:calc(100svh - 30px);padding:82px 20px 36px}.color-field-blue{width:62%;height:43%;top:auto}.color-field-lilac{width:55%;height:24%;left:0;right:auto}.hero-shell{min-height:0;display:block}.hero-copy{padding:8px 0 0}.eyebrow{margin-bottom:14px;padding-block:6px}.hero h1{max-width:350px;font-size:49px;line-height:1}.hero h1>span{font-size:54px}.hero h1 strong:after{height:10px;bottom:2px}.hero-role{margin:15px 0 13px;font-size:18px}.file-strip{height:37px}.hero-summary{margin-top:13px;font-size:12px;line-height:1.65}.hero-tags{gap:6px;margin-top:12px}.hero-tags span{min-height:26px;padding-inline:9px;font-size:10px}.hero-actions{margin-top:14px}.button{height:42px}.hero-visual{width:100%;height:280px;min-height:0;margin-top:14px}.photo-backdrop{inset:25px 8px 0 28%}.photo-frame{width:100%;height:118%;bottom:-18px;right:-34px}.visual-caption{bottom:18px;left:5px}.now-card{width:120px;padding:12px;bottom:24px;right:-5px}.scroll-cue{display:none}.projects-section,.experience-section,.education-section,.campus-section,.about-section{padding:74px 20px}.section-heading{margin-bottom:42px}.section-heading h2{font-size:38px}.projects-heading h2{font-size:21px}.education-card{min-height:340px;padding:28px}.education-main h3{font-size:31px}.education-emblem{width:118px;height:118px;top:10px;right:10px}.education-card.current .education-emblem{width:126px;height:126px;top:6px;right:6px}.education-card li{grid-template-columns:62px 1fr;gap:10px}.project-slide{flex-basis:82%;padding:12px 6px 24px}.project-card{height:auto;padding:27px 22px 24px}.project-body{margin:20px 0 18px}.project-competition{font-size:11px}.project-body h3{margin-bottom:16px;font-size:26px}.project-summary{margin-bottom:20px;font-size:12px;line-height:1.75}.project-details{gap:7px;margin-bottom:16px}.project-details li{font-size:11px;line-height:1.68}.project-card-footer{gap:10px;padding-top:18px}.project-highlight{min-width:0}.project-highlight strong{font-size:26px}.project-highlight span{font-size:10px}.project-link{flex-shrink:0;min-height:38px;padding-inline:10px}.project-controls{grid-template-columns:58px 1fr 88px;gap:8px}.project-arrows button{width:40px;height:40px}.campus-journey{padding-left:44px}.campus-journey:before{content:"";border-left:3px dashed #9c8ba8;position:absolute;top:20px;bottom:20px;left:16px}.campus-flight-path{display:none}.campus-item,.campus-item:nth-of-type(2n){flex-direction:column;align-items:stretch;gap:0;min-height:0;margin-bottom:58px;display:flex}.campus-copy,.campus-item:nth-of-type(2n) .campus-copy{order:1;width:100%;padding:24px 20px}.campus-meta{align-items:flex-start}.campus-role{margin-top:24px}.campus-copy h3{margin-bottom:20px;font-size:27px}.campus-detail{padding:12px 0}.campus-detail p{font-size:11px;line-height:1.75}.campus-plane,.campus-item:nth-of-type(2n) .campus-plane,.campus-item:nth-of-type(3) .campus-plane{order:2;width:42px;height:42px;position:absolute;top:24px;left:-49px;transform:rotate(-12deg)}.campus-gallery,.campus-item:nth-of-type(2n) .campus-gallery{order:3;width:100%;height:260px;margin-top:18px}.campus-photo{padding:6px}.campus-photo.photo-1{width:76%;height:76%}.campus-photo.photo-2{width:64%;height:64%}.timeline{gap:18px;padding-left:38px}.timeline:before{width:3px;top:22px;bottom:22px;left:8px;box-shadow:0 0 0 4px #ffffff40}.timeline-node{border-width:4px;width:34px;height:34px;font-size:8px;top:28px;left:-38px}.timeline-card{padding:24px 20px}.timeline-card-header{grid-template-columns:minmax(0,1fr) 88px;gap:14px}.timeline-title h3{font-size:21px}.timeline-role{font-size:13px}.timeline-company-logo{width:88px;height:58px;padding:7px}.timeline-company-logo.cow{width:72px}.timeline-company-logo.ckb,.timeline-company-logo.zjgsu{width:62px;height:62px}.timeline-details{margin-top:22px}.timeline-detail{grid-template-columns:1fr;gap:5px;padding:14px 0}.timeline-detail p{font-size:12px;line-height:1.75}.about-title{gap:28px}.about-title h2{font-size:60px}.about-title>p{font-size:15px}.skills-heading{margin-bottom:48px}.skill-zone{padding:24px 18px 28px}.skill-zone-header{min-height:98px;margin-bottom:20px}.skill-zone-header h3{font-size:29px}.flip-card-grid{gap:9px}.skill-card-grid,.hobby-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-skill-card{padding:10px}.mini-skill-card strong{font-size:12px}.skill-modal-close{top:14px;right:14px}.contact-section{min-height:0;padding:48px 16px}.contact-card{min-height:620px;padding:54px 26px 28px}.contact-kicker{margin-bottom:22px}.contact-card h2{font-size:48px}.contact-description{margin-top:28px;font-size:13px;line-height:1.8}.contact-actions{grid-template-columns:1fr;margin-top:28px;display:grid}.contact-button{width:100%}.contact-card-footer{flex-direction:column;align-items:flex-start;gap:16px}footer{flex-direction:column;align-items:flex-start;padding:26px 20px}}@media (width<=480px){.education-heading h2{font-size:28px}.skills-heading-copy h2{white-space:normal}.skill-card-grid,.hobby-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hobby-card-grid .mini-skill-card:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}.skills-doodle{opacity:.65}.expanded-skill-card{width:min(330px,100vw - 32px)}.contact-card{min-height:600px;padding:46px 22px 26px}.contact-card h2{font-size:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}