.skip-link{z-index:50;color:#080e1a;background:#67dfcc;border-radius:5px;padding:14px;position:fixed;top:12px;left:20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.desktop-nav{color:#a3afc0;gap:32px;margin-left:auto;margin-right:28px;font-size:14px;display:flex}.desktop-nav a{padding:32px 0;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:#67dfcc}.desktop-nav a.active:after{content:"";background:#67dfcc;width:18px;height:2px;position:absolute;bottom:19px;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:12px;display:flex}.menu-toggle{background:0 0;border:1px solid #344053;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;display:none}.menu-toggle span{background:#dbe9f4;width:18px;height:1px;transition:transform .2s}.menu-toggle span.crossed:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle span.crossed:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mobile-nav{display:none}.accent-dot{color:#67dfcc;margin-left:4px}.project-grid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.project-card{background:linear-gradient(135deg,#14223040,#101827);border:1px solid #273447;border-radius:12px;padding:29px 30px 0;transition:border-color .2s;position:relative;overflow:hidden}.project-card:hover{border-color:#567b86}.project-card:before{content:"";background:linear-gradient(90deg,#67dfcc66,#0000);height:1px;position:absolute;top:0;left:30px;right:30px}.project-association:before,.project-pocket:before{background:linear-gradient(90deg,#83acff66,#0000)}.project-topline{color:#71c6bf;letter-spacing:1px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:12px;display:flex}.project-number{color:#5b7189;font:14px Consolas,monospace}.project-card h3{letter-spacing:.2px;font-size:22px;font-weight:600;line-height:1.5}.project-description{color:#9baabf;min-height:84px;margin-top:14px;font-size:15px;line-height:1.85}.project-metric{border-top:1px solid #263448;border-bottom:1px solid #263448;flex-wrap:wrap;align-items:baseline;gap:14px;margin:22px 0 24px;padding:17px 0;display:flex}.project-metric strong{letter-spacing:-1px;color:#b0f0e3;font-size:36px;font-weight:550;line-height:1.2}.project-association .project-metric strong,.project-pocket .project-metric strong{color:#aac4ff}.project-metric>span{color:#9baabf;font-size:12px}.project-card>.tags{align-content:flex-start;min-height:64px}.project-details{margin-top:8px}.project-details summary{color:#bac7d8;border-top:1px solid #263448;justify-content:space-between;align-items:center;min-height:57px;padding:18px 0;font-size:14px;list-style:none;display:flex}.project-details summary::-webkit-details-marker{display:none}.compact-project summary::-webkit-details-marker{display:none}.project-details summary:hover,.compact-project summary:hover h4{color:#67dfcc}.disclosure-icon{color:#83a5b5;flex-shrink:0;font:300 23px Consolas,monospace;transition:transform .2s}details[open]>summary .disclosure-icon{transform:rotate(45deg)}.when-open,details[open] .when-closed{display:none}details[open] .when-open{display:inline}.project-details ul,.compact-body ul{margin:0 0 23px;padding:0;list-style:none}.project-details li,.compact-body li{color:#aab8cb;margin-top:13px;padding-left:17px;font-size:14px;line-height:1.9;position:relative}.project-details li:before,.compact-body li:before{content:"";background:#67dfcc;border-radius:50%;width:4px;height:4px;position:absolute;top:11px;left:0}.more-projects{margin-top:35px}.more-projects>h3{color:#91a2b8;margin-bottom:10px;font-size:15px;font-weight:500}.compact-project{border-bottom:1px solid #253044}.compact-project summary{justify-content:space-between;align-items:center;gap:24px;padding:25px 0;list-style:none;display:flex}.compact-category{color:#7e95ad;letter-spacing:.5px;font-size:12px}.compact-project h4{color:#dce6f3;margin:7px 0 8px;font-size:18px;font-weight:500}.compact-project summary p{color:#93a3b9;font-size:14px;line-height:1.8}.compact-body{max-width:900px;padding-bottom:8px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:0 30px;display:grid}.skill-card{border-top:1px solid #2a394c;padding:26px 0 29px;position:relative}.skill-code{color:#5d7a8d;font:13px Consolas,monospace;position:absolute;top:28px;right:2px}.skill-card h3{margin-bottom:12px;font-size:18px;font-weight:500}.skill-card>p{color:#90a0b6;margin-bottom:19px;font-size:14px;line-height:1.8}.skill-card .tags{gap:7px}.skill-card .tags>span{background:#13213188;border-color:#253549}.experience-layout{grid-template-columns:1.7fr 1fr;gap:85px;display:grid}.timeline{border-left:1px solid #2d4554;margin-left:5px}.experience{padding:0 0 38px 31px;position:relative}.experience:last-child{padding-bottom:0}.experience:before{content:"";background:#080e1a;border:1px solid #6f8f9f;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-5px}.experience:first-child:before{background:#67dfcc;border-color:#67dfcc;box-shadow:0 0 0 5px #67dfcc0d}.experience-period{color:#85c8c5;margin-bottom:12px;font:13px Consolas,monospace}.experience h3{font-size:20px;font-weight:550}.experience-role{color:#a4b5c9;margin:9px 0 14px;font-size:14px}.experience-description{color:#93a4bb;margin-bottom:18px;font-size:15px;line-height:1.9}.education{background:linear-gradient(140deg,#13243488,#111827);border:1px solid #29394c;border-radius:12px;align-self:start;padding:30px;position:relative;overflow:hidden}.education-icon{color:#64cbbb;margin-bottom:40px;font:30px Consolas,monospace;display:block}.education h3{margin-top:15px;font-size:24px;font-weight:550}.education-major{color:#adbcd0;margin-top:13px;font-size:14px;line-height:1.9}.education-period{color:#7f97af;margin-top:10px;font:14px Consolas,monospace}.education-award{border-top:1px solid #2a3a4c;margin-top:30px;padding-top:24px}.education-award>span{letter-spacing:2px;color:#72bcb8;font-size:12px}.education-award p{color:#b6c7d9;margin-top:10px;font-size:14px;line-height:1.9}.contact-section{grid-template-columns:1.3fr 1fr;align-items:center;gap:90px;padding:88px 0;display:grid;position:relative}.contact-section h2{letter-spacing:1px;font-size:32px;font-weight:600;line-height:1.6}.contact-copy>p:not(.section-kicker){color:#98aabf;margin:17px 0 29px;font-size:15px;line-height:1.8}.contact-download{align-items:center;gap:10px;margin-left:24px;padding:12px 0;font-size:14px;display:inline-flex}.contact-download:hover{color:#67dfcc}.contact-row{border-bottom:1px solid #29374a;grid-template-columns:52px 1fr;gap:8px 16px;padding:22px 0;display:grid}.contact-row>span{color:#8196b1;grid-row:span 2;padding-top:3px;font-size:13px}.contact-row strong{color:#dce6f3;overflow-wrap:anywhere;font-size:18px;font-weight:500;line-height:1.6}.contact-row small{color:#7b93ac;font-size:12px}.contact-row:hover strong{color:#67dfcc}.contact-row:last-child{border-bottom:0}.site-footer{color:#7d8fa6;border-top:1px solid #243044;font-size:12px}.site-footer>.container{justify-content:space-between;align-items:center;gap:20px;padding:27px 0;display:flex}.site-footer p>span{color:#74869d;margin-left:24px}.site-footer a:hover{color:#67dfcc}[tabindex="-1"]:focus{outline:none}@media (width<=1100px){.desktop-nav{gap:23px;margin-right:12px}.project-card{padding:26px 23px 0}.project-card h3{font-size:20px}.project-description{min-height:112px}.experience-layout{gap:40px}.contact-section{gap:42px}.section h2{font-size:28px}.section-heading>p{max-width:290px}.contact-section h2{font-size:29px}.contact-download{margin-left:18px}.education{padding:25px}.skills-grid{gap:0 22px}}@media (width<=760px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav{flex-direction:column;gap:4px;padding:4px 0 18px;display:flex}.mobile-nav a{color:#b6c7d9;border-radius:5px;padding:13px 12px;font-size:15px}.mobile-nav a[aria-current]{color:#67dfcc;background:#67dfcc0c}.brand{gap:9px;font-size:18px}.brand-mark{font-size:23px}.project-grid{grid-template-columns:1fr;gap:18px}.project-description{min-height:0;font-size:15px}.project-card{padding:25px 22px 0}.project-topline{margin-bottom:15px}.project-card h3{font-size:21px}.project-card>.tags{min-height:0;margin-bottom:19px}.project-metric{gap:10px;margin:21px 0}.project-metric>span{font-size:12px}.skills-grid{grid-template-columns:1fr 1fr;gap:0 22px}.skill-card>p{font-size:13px}.skill-card .tags>span{font-size:12px}.experience-layout{grid-template-columns:1fr;gap:35px}.education{padding:25px}.education-icon{margin-bottom:20px}.education-award{margin-top:22px}.contact-section{grid-template-columns:1fr;gap:20px;padding:60px 0 40px}.contact-section h2{font-size:29px}.contact-info{margin-top:8px}.contact-row{padding:19px 0}.contact-download{margin-left:20px}.contact-row strong{font-size:17px}.site-footer>.container{align-items:start}.site-footer p>span{margin:8px 0 0;display:block}.section h2{font-size:25px;line-height:1.5}.section-heading>p{font-size:14px}.compact-project h4{font-size:17px}.compact-project summary{gap:18px}.more-projects{margin-top:29px}}@media (width<=440px){.skills-grid{grid-template-columns:1fr}.skill-card{padding:22px 0}.skill-card>p{font-size:14px}.project-card h3{font-size:20px}.section h2{font-size:23px}.hero h2{font-size:20px}.contact-section h2{font-size:27px}.experience h3{font-size:18px}.contact-row{grid-template-columns:42px 1fr;gap:8px 10px}}:root{color:#eef3fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#080e1a;--panel:#101827;--border:#253044;--text:#eef3fb;--muted:#9aa8bd;--accent:#67dfcc;--blue:#83acff;background:#080e1a;font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{min-width:280px;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 82% 35%,#13375755,#0000 55%);height:850px;position:absolute;top:0;left:0;right:0}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}button{color:inherit}::selection{color:#080e1a;background:#67dfcc}.container{width:min(1180px,100% - 96px);margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080e1aeb;border-bottom:1px solid #ffffff0c;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:88px;display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.brand-mark{color:var(--accent);letter-spacing:-3px;margin-right:3px;font:700 25px Consolas,monospace}.brand-dot{color:var(--accent);padding-left:3px}.header-contact{border:1px solid #466676;border-radius:7px;padding:10px 20px;font-size:14px}.header-contact:hover{border-color:var(--accent);background:#153431}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;min-height:650px;padding:64px 0 66px;display:grid}.eyebrow{color:var(--accent);letter-spacing:2px;align-items:center;gap:10px;margin-bottom:23px;font-size:14px;display:flex}.eyebrow>span{background:var(--accent);width:22px;height:1px}h1,h2,h3,p{margin:0}h1{color:#bdc8d9;font-size:24px;font-weight:400;line-height:1.6}h1>span{letter-spacing:4px;color:var(--text);margin-top:3px;font-size:clamp(48px,6.5vw,78px);font-weight:750;line-height:1.28;display:block}h1 i{color:var(--accent);letter-spacing:0;font-style:normal}.hero h2{letter-spacing:1px;margin:23px 0 18px;font-size:clamp(20px,2vw,25px);font-weight:500}.hero p{color:#aab8cc;max-width:530px;font-size:16px;line-height:1.9}.hero p.hero-secondary{color:#8495ac;margin-top:9px;font-size:14px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.button{border-radius:7px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:12px 24px;font-size:15px;font-weight:600;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#092126;border:1px solid var(--accent)}.primary:hover{background:#8eeddc}.secondary{color:#dee6f2;background:#ffffff03;border:1px solid #344053}.secondary:hover{background:#1d2b40;border-color:#64748b}.file-type{color:#9faec3;border:1px solid #526173;border-radius:3px;padding:2px 4px;font:11px Consolas,monospace}.hero-footnote{color:#8798ae;letter-spacing:.3px;gap:0;margin-top:31px;font-size:12px;display:flex}.hero-footnote>span+span:before{content:"/";color:#3e4e64;margin:0 17px}.hero-visual{isolation:isolate;height:440px;position:relative}.visual-grid{background-image:linear-gradient(#5683aa12 1px,#0000 1px),linear-gradient(90deg,#5683aa12 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:5%;-webkit-mask-image:radial-gradient(#000 25%,#0000 70%);mask-image:radial-gradient(#000 25%,#0000 70%)}.visual-label{text-align:center;letter-spacing:4px;color:#788fa9;font-size:12px;position:absolute;top:25px;left:0;right:0}.orbit{border:1px solid #426d7c45;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:270px;height:270px}.orbit-two{border-style:dashed;border-color:#47688633;width:370px;height:370px}.core{background:radial-gradient(circle at top,#193847,#0c1828 75%);border:1px solid #4fa89766;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:166px;height:166px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-7deg);box-shadow:0 0 70px #3ac7bd0d,inset 0 1px #a2ffee14}.core>*{rotate:7deg}.code-glyph{letter-spacing:-3px;color:var(--accent);font:27px Consolas,monospace}.core strong{letter-spacing:-1px;font-size:35px;font-weight:600}.core strong>span{color:var(--accent)}.core small{color:#829aac;margin-top:6px;font-size:11px}.platform{background:#101d2eeb;border:1px solid #35485a;border-radius:10px;align-items:center;gap:12px;min-width:156px;padding:14px 18px;font-size:14px;display:flex;position:absolute;box-shadow:0 10px 25px #0002}.platform small{color:#8192a8;margin-top:5px;font-size:11px;display:block}.platform-symbol{width:32px;height:32px;color:var(--accent);background:#21384a;border-radius:8px;justify-content:center;align-items:center;font-size:24px;display:flex}.platform-web{top:87px;left:4%;rotate:-5deg}.platform-mini{top:151px;right:-1%;rotate:4deg}.platform-app{bottom:51px;left:20%;rotate:-3deg}.platform-mini .platform-symbol,.platform-app .platform-symbol{color:var(--blue);background:#263456}.visual-caption{color:#738aa2;justify-content:center;gap:15px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.visual-caption b{color:var(--accent);font-weight:400}.stats{border:1px solid var(--border);background:linear-gradient(110deg,#121f2a,#101725);border-radius:12px;grid-template-columns:1fr 1fr 1.45fr 1.3fr;margin-bottom:18px;padding:30px 12px;display:grid}.stats>div{flex-direction:column;justify-content:center;padding:0 26px;display:flex}.stats>div+div{border-left:1px solid var(--border)}.stats strong{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.5px;font-size:30px;font-weight:600}.stats strong>span{color:#92a9be;letter-spacing:0;font-size:14px;font-weight:400}.stats p{color:var(--muted);margin-top:9px;font-size:12px}.section{border-bottom:1px solid #23304580;padding:92px 0}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px;display:flex}.section-kicker{color:var(--accent);letter-spacing:2px;margin-bottom:12px;font-size:12px}.section h2{letter-spacing:1px;font-size:32px;font-weight:650}.section-heading>p{color:var(--muted);max-width:360px;font-size:14px;line-height:1.8}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags>span{color:#a7b9ce;background:#ffffff03;border:1px solid #2e3c4f;border-radius:5px;padding:4px 9px;font-size:12px;line-height:1.6}@media (width>=761px){.hero-copy{animation:.6s ease-out both enter}.hero-visual{animation:.8s ease-out 80ms both enter}}@keyframes enter{0%{transform:translateY(15px)}to{transform:translateY(0)}}@media (width<=1100px){.container{width:calc(100% - 64px)}.hero{gap:5px}.hero-visual{transform-origin:50%;transform:scale(.9)}.stats>div{padding:0 18px}.stats strong{font-size:25px}}@media (width<=760px){html{scroll-padding-top:88px}.container{width:calc(100% - 40px)}.header-inner{height:72px}.hero{grid-template-columns:1fr;gap:15px;min-height:0;padding:50px 0 38px}.hero-visual{width:100%;max-width:440px;height:380px;margin:0 auto;transform:none}.hero h2{margin-top:19px;font-size:21px}.hero p{font-size:15px}.hero p.hero-secondary{font-size:14px}.hero-footnote{font-size:12px}.hero-footnote>span+span:before{margin:0 12px}.hero-actions{margin-top:25px}.hero-visual .orbit-two{width:min(330px,100%);height:330px}.hero-visual .orbit-one{width:240px;height:240px}.core{width:146px;height:146px}.platform{min-width:138px;padding:11px}.platform-web{top:63px;left:0}.platform-mini{top:147px;right:0}.platform-app{bottom:38px;left:15%}.visual-label{top:3px}.visual-caption{bottom:0}.stats{grid-template-columns:1fr 1fr;margin-top:10px;padding:4px 20px}.stats>div{padding:22px 6px}.stats>div+div{border-left:0}.stats>div:nth-child(2n){border-left:1px solid var(--border);padding-left:20px}.stats>div:nth-child(n+3){border-top:1px solid var(--border)}.stats strong{font-size:24px}.stats p{font-size:11px;line-height:1.8}.stats strong>span{font-size:12px}.section{padding:60px 0}.section h2{font-size:27px}.section-heading{margin-bottom:25px;display:block}.section-heading>p{margin-top:14px}.eyebrow{font-size:12px}.button{padding:12px 21px}.header-contact{padding:8px 14px}}@media (width<=360px){.container{width:calc(100% - 32px)}.hero-visual{margin-top:-10px;margin-bottom:-10px;scale:.92}.stats{padding:4px 12px}.stats>div:nth-child(2n){padding-left:12px}.stats strong{font-size:21px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}:root{--accent:#61f0dd;--blue:#73b8ff;--border:#25425c;background:#050b16}.app-shell{isolation:isolate;position:relative;overflow:clip}.particle-field{pointer-events:none;z-index:-1;opacity:.7;width:100%;height:100vh;position:fixed;inset:0}.ambient-grid{z-index:-2;pointer-events:none;background:radial-gradient(800px 550px at 84% 6%,#124fa94d,#0000),radial-gradient(650px 700px at 0 38%,#133a6940,#0000),linear-gradient(#1e52850c 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#1e52850c 1px,#0000 1px) 0 0/64px 64px;position:absolute;inset:0}.site-header{background:#060e1cde;border-bottom:1px solid #2c638150}.site-header:after{content:"";background:linear-gradient(90deg,#0000,#51dfdf90,#0000);width:45%;height:1px;position:absolute;bottom:-1px;left:27%}.header-inner{height:82px}.brand-mark{text-shadow:0 0 20px #50ffe980}.desktop-nav{gap:25px;margin-right:10px}.header-actions{gap:15px}.motion-toggle{color:#9cb3ce;white-space:nowrap;background:0 0;border:0;padding:9px 0;font-size:12px}.motion-toggle>span{color:var(--accent);vertical-align:middle;margin-right:3px;font-size:22px}.motion-toggle[aria-pressed=false]>span{color:#95a6be}.motion-toggle:disabled{cursor:default}.header-contact{background:#12394944;border-color:#38728b}.hero{grid-template-columns:1fr 1fr;gap:15px;min-height:680px;position:relative}.hero:after{content:"";background:var(--accent);width:50px;height:2px;position:absolute;bottom:32px;left:0;box-shadow:60px 0 #33537d,120px 0 #1f314d}.hero-copy{z-index:1;position:relative}.eyebrow{background:#11374066;border:1px solid #46c8d949;border-radius:3px;padding:7px 12px;font-size:12px;display:inline-flex}.eyebrow>span{border:1px solid var(--accent);background:0 0;width:8px;height:8px;rotate:45deg;box-shadow:0 0 12px #61f0dd55}h1{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:22px}h1>span{letter-spacing:7px;background:linear-gradient(135deg,#fff 15%,#dcecff 53%,#7fbdff);color:#0000;filter:drop-shadow(0 0 20px #598bdd30);-webkit-background-clip:text;background-clip:text;font-size:clamp(60px,7.5vw,92px)}h1 i{color:var(--accent)}.hero h2{margin-top:24px;font-size:clamp(18px,1.9vw,25px)}.hero p{color:#b1c3db}.hero p.hero-secondary{color:#8fa5c1}.hero-footnote{color:#7cafc5;font-family:Consolas,Microsoft YaHei,monospace}.button{border-radius:3px}.primary{color:#05232b;background:linear-gradient(115deg,#61f0dd,#51b7ed);border-color:#6ae8ed;box-shadow:0 0 28px #4abccc26,inset 0 1px #d7ffff80}.primary:hover{background:#9affee;box-shadow:0 0 35px #4bdcca44}.secondary{background:#142b444d;border-color:#395673}.tech-scene{aspect-ratio:540/470;isolation:isolate;align-self:center;width:100%;min-width:0;position:relative}.tech-scene:before{content:"";filter:blur(15px);background:radial-gradient(#2b8bea24,#0000 70%);position:absolute;inset:12%}.scene-caption,.scene-footer{color:#79b7d3;letter-spacing:1px;justify-content:space-between;align-items:center;font:12px Consolas,Microsoft YaHei,monospace;display:flex;position:absolute;left:4%;right:4%}.scene-caption{border-top:1px solid #396280;padding:12px 0;top:0}.scene-caption:before,.scene-caption:after{content:"";background:#7bcced;width:5px;height:5px;position:absolute;top:-3px}.scene-caption:before{left:0}.scene-caption:after{right:0}.scene-footer{border-bottom:1px solid #396280;justify-content:center;gap:15px;padding:15px 0;bottom:0}.scene-footer i{background:var(--accent);width:3px;height:3px}.scene-grid{background-color:#0000;background-image:linear-gradient(#316e9e30 1px,#0000 1px),linear-gradient(90deg,#316e9e30 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:29px 29px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:10% 1%;transform:perspective(600px)rotateX(26deg)rotate(-12deg);-webkit-mask-image:radial-gradient(#000 30%,#0000 72%);mask-image:radial-gradient(#000 30%,#0000 72%)}.scene-lines{width:100%;height:100%;position:absolute;inset:0}.connection-base{stroke:#4f9ac9;stroke-width:1px;stroke-opacity:.65}.connection-flow{stroke:#8df7ef;stroke-width:2px;stroke-dasharray:8 110;filter:drop-shadow(0 0 4px #70ffff);animation:6s linear infinite transmit}.scene-orbit{aspect-ratio:1;border:1px solid #417cad50;border-radius:50%;width:61%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-outer{border-top:2px solid #57dcf5ba;border-bottom:2px solid #717efc99;animation:26s linear infinite rotate-orbit;box-shadow:0 0 30px #2d7be614,inset 0 0 25px #2d7be614}.orbit-outer:before{content:"";background:#b8ffff;border-radius:50%;width:6px;height:6px;position:absolute;top:14%;left:14%;box-shadow:0 0 12px 4px #52eeff}.orbit-inner{border:1px dashed #4cd8da66;width:47%;animation:36s linear infinite reverse rotate-orbit}.scene-chip{aspect-ratio:1;background:linear-gradient(145deg,#153753ed,#09172bf5);border:1px solid #78e7ed;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:31%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #1d739c16,0 0 0 8px #377b9d55,0 0 65px #339be64d,inset 0 0 30px #1d8cb422}.chip-glyph{color:#73e9e7;text-shadow:0 0 15px #36dac5;margin-bottom:5px;font:24px/1 Consolas,monospace}.scene-chip strong{letter-spacing:-1px;font-size:clamp(25px,3.2vw,44px);font-weight:600}.scene-chip strong span{color:var(--accent)}.chip-language{color:#a6cfea;margin-top:4px;font:12px Consolas,monospace}.chip-base{color:#819eb9;margin-top:10px;font-size:10px}.scene-chip i{background:#86f0f6;width:13px;height:3px;position:absolute;box-shadow:0 0 10px #3ceff2}.scene-chip i:last-child{top:-2px;left:20px}.scene-chip i:nth-last-child(2){bottom:-2px;right:20px}.scene-chip i:nth-last-child(3){top:35%;left:-7px;rotate:90deg}.scene-chip i:nth-last-child(4){bottom:35%;right:-7px;rotate:90deg}.scene-node{background:linear-gradient(120deg,#152e49f2,#0b1930f5);border:1px solid #4676a2;border-radius:5px;align-items:center;gap:10px;padding:12px;animation:7s ease-in-out infinite float-node;display:flex;position:absolute;box-shadow:0 8px 30px #0006,inset 0 1px #a3d5ff15}.node-icon{color:#7ae6ee;white-space:nowrap;background:#24486788;border-radius:3px;padding:7px;font:18px Consolas,monospace}.scene-node strong{white-space:nowrap;font-size:13px;font-weight:500;display:block}.scene-node small{color:#8faac7;white-space:nowrap;margin-top:5px;font-size:10px;display:block}.node-web{top:19%;left:1%}.node-mini{animation-delay:-2s;top:24%;right:0}.node-app{animation-delay:-4s;bottom:18%;left:0}.node-ai{animation-delay:-1s;bottom:17%;right:1%}.node-ai .node-icon{color:#b0a6ff;background:#41376666}.stats{background:linear-gradient(105deg,#112a3ee8,#111c35ed);border-color:#39627a;border-radius:4px;position:relative;box-shadow:0 0 35px #2777ab12,inset 0 1px #97e6ff20}.stats:before,.stats:after{content:"";border-top:2px solid var(--accent);width:28px;height:8px;position:absolute;top:-1px}.stats:before{border-left:2px solid var(--accent);left:-1px}.stats:after{border-right:2px solid var(--accent);right:-1px}.stats strong{color:#dcf3ff;text-shadow:0 0 22px #42aeeb3b;font-family:Consolas,Microsoft YaHei,monospace}.stats>div+div{border-color:#325a744f}.section{border-bottom-color:#30628255}.section-kicker{color:#79d5e7;align-items:center;gap:12px;font-family:Consolas,Microsoft YaHei,monospace;display:flex}.section-kicker:before{content:"";background:linear-gradient(var(--accent), #628cf5);width:5px;height:12px;box-shadow:0 0 12px #4be1ed44}.project-card{--card-accent:#5cdfec;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0%), #1c80be20, transparent 55%), linear-gradient(145deg, #10233aed, #0d172aef);border-color:#335c7b;border-radius:6px;transition:border-color .25s,box-shadow .25s,transform .25s;box-shadow:0 12px 35px #0002}.project-association{--card-accent:#aa9cff}.project-pocket{--card-accent:#6baeff}.project-wuzhaozhao{--card-accent:#5fe4ae}.project-card:before{background:linear-gradient(90deg, var(--card-accent), transparent);height:2px;left:0;right:55%}.project-card:hover,.project-card:focus-within{border-color:var(--card-accent);box-shadow:0 8px 40px #216a9d22}.project-number{color:var(--card-accent);opacity:.55;font-size:24px}.project-topline{color:var(--card-accent)}.project-card h3{margin-top:22px}.project-flow{background-color:#071424a8;background-image:linear-gradient(#21547f15 1px,#0000 1px),linear-gradient(90deg,#21547f15 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #37608655;border-radius:4px;align-items:center;padding:24px 12px;display:flex}.flow-node{color:#b2cee6;white-space:nowrap;flex-direction:column;flex:1;align-items:center;gap:11px;font-size:12px;display:flex}.flow-node i{border:1px solid var(--card-accent);width:40px;height:40px;color:var(--card-accent);background:#173550;border-radius:8px;place-items:center;font:22px Consolas,monospace;display:grid;box-shadow:0 0 17px #499fec17}.flow-line{background:#466783;width:13%;height:1px;margin-top:-26px;position:relative}.flow-line:after{content:"";background:var(--card-accent);width:10px;height:2px;box-shadow:0 0 6px var(--card-accent);animation:3.5s ease-in-out infinite flow-packet;position:absolute;top:-1px}.project-metric{border-color:#3c5c765c}.project-metric strong{color:var(--card-accent);text-shadow:0 0 22px #47cfff25;font-family:Consolas,monospace}.skills-grid{gap:18px}.skill-card{background:linear-gradient(140deg,#102840ab,#0b172ba8);border:1px solid #2b4b69;border-radius:4px;padding:25px 22px;transition:border-color .2s,background .2s}.skill-card:hover{background:#142e47d9;border-color:#5ac6d4}.skill-code{color:#6694bc;right:17px}.skill-card h3{padding-right:18px}.tags>span{color:#a9c6de;background:#19354d55;border-color:#3b5e7a80;border-radius:3px}.timeline{border-image:linear-gradient(#56e7d8,#5684e0,#284368) 1}.experience:first-child:before{box-shadow:0 0 14px #53e9dd}.education{background:linear-gradient(135deg,#15334bd9,#101c36e0);border-color:#467392;border-radius:5px}.education-icon{text-shadow:0 0 20px #61f0dd}.contact-section:before{content:"";z-index:-1;background:radial-gradient(at 25% 60%,#1247733b,#0000 70%);position:absolute;inset:25px -30px}.contact-row{border-color:#305778}.site-footer{background:#060c18a0;border-top-color:#2c526d}.reveal-ready{transition:opacity .6s,translate .6s}.app-shell[data-motion=on] .reveal-ready:not(.is-visible){opacity:.35;translate:0 20px}.reveal-ready:focus-within{opacity:1!important;translate:none!important}@keyframes transmit{to{stroke-dashoffset:-236px}}@keyframes rotate-orbit{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes float-node{50%{transform:translateY(-7px)}}@keyframes flow-packet{0%{opacity:.2;left:0}50%{opacity:1}to{opacity:.2;left:calc(100% - 10px)}}.app-shell[data-motion=off] *,.app-shell[data-motion=off] :before,.app-shell[data-motion=off] :after{transition:none!important;animation:none!important}.app-shell[data-motion=off] .reveal-ready{opacity:1;translate:none}html:has(.app-shell[data-motion=off]){scroll-behavior:auto}@media (width<=1100px){.desktop-nav{gap:17px;margin-right:0}.header-inner{gap:17px}.header-actions{gap:12px}.hero{grid-template-columns:1fr 1fr}.scene-node{gap:6px;padding:9px}.node-icon{padding:5px;font-size:16px}.scene-chip strong{font-size:33px}.chip-base{margin-top:7px;font-size:9px}.scene-caption{font-size:10px}.scene-footer{gap:10px;font-size:10px}.skill-card{padding:22px 16px}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px) and (width>=761px){.motion-toggle{font-size:0}.motion-toggle>span{font-size:24px}.hero{gap:0}.node-icon{display:none}.scene-node strong{font-size:12px}.scene-node small{font-size:9px}.scene-chip{width:32%}.chip-glyph{font-size:18px}.chip-base{display:none}.scene-chip strong{font-size:29px}.chip-language{font-size:10px}}@media (width<=760px){.header-inner{gap:8px;height:72px}.header-actions{gap:10px}.header-contact{display:none}.motion-toggle{font-size:11px}.motion-toggle>span{font-size:20px}.brand{font-size:18px}.hero{grid-template-columns:1fr;gap:35px;min-height:0;padding-top:39px;padding-bottom:45px}.hero:after{display:none}h1>span{letter-spacing:5px;font-size:68px}.hero h2{font-size:20px}.hero p{font-size:15px}.hero-copy{animation:none}.tech-scene{max-width:490px;margin-inline:auto}.scene-node{padding:9px}.scene-chip strong{font-size:34px}.chip-glyph{font-size:20px}.scene-node strong{font-size:12px}.scene-node small{font-size:9px}.scene-footer,.scene-caption{font-size:10px}.stats{margin-top:0}.project-flow{padding:23px 4px}.flow-node{font-size:11px}.flow-line{width:10%}.project-card h3{margin-top:21px}.skills-grid{grid-template-columns:1fr;gap:13px}.skill-card{padding:23px}.skill-code{right:22px}.skill-card h3{margin-bottom:10px}.contact-section:before{inset-inline:0}}@media (width<=360px){h1>span{font-size:59px}.header-actions{gap:6px}.brand{font-size:16px}.brand-mark{font-size:21px}.motion-toggle{font-size:10px}.node-icon{display:none}.scene-chip strong{font-size:28px}.chip-base{display:none}.chip-language{font-size:10px}.scene-footer{letter-spacing:0;gap:9px}.scene-caption{letter-spacing:0}.flow-node{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.reveal-ready{opacity:1!important;translate:none!important}}