:root{color-scheme:dark;--bg:#05070a;--surface:#0b0f15;--surface-2:#101620;--text:#f4f7fb;--muted:#929cab;--line:#97a8be33;--line-strong:#b4c5db66;--blue:#2678f2;--blue-bright:#438cff;--cyan:#3ec4d6;--green:#78dbaa;--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Noto Sans SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55;overflow-x:clip}body:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 78% 18%,#2678f214,#0000 28rem),linear-gradient(135deg,#3ec4d604,#0000 42%);position:fixed;inset:0}::selection{color:#fff;background:#2678f275}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}h1,h2,h3,p,dd{overflow-wrap:break-word}.content-width{width:min(var(--max), calc(100% - 64px));margin-inline:auto}.site-header{z-index:20;width:min(var(--max), calc(100% - 40px));border-bottom:1px solid var(--line);backdrop-filter:blur(18px)saturate(125%);background:#05070ae6;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;min-height:76px;margin-inline:auto;display:grid;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:14px;font-size:1.02rem;font-weight:850;display:inline-flex}.brand-mark{width:44px;height:44px;color:var(--blue);flex:none;transition:color .18s,transform .18s;display:block}.brand:hover .brand-mark{color:var(--cyan);transform:translateY(-1px)}.site-nav{justify-content:center;gap:clamp(20px,3vw,48px);display:flex}.site-nav a,.resume-link{color:var(--muted);letter-spacing:.02em;font-size:.82rem;font-weight:750;transition:color .16s}.site-nav a{padding:8px 2px;position:relative}.site-nav a:after{background:var(--blue);content:"";transform-origin:0;height:1px;transition:transform .18s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.resume-link:hover{color:var(--text)}.site-nav a:hover:after{transform:scaleX(1)}.header-actions,.language-switch{align-items:center;display:flex}.header-actions{justify-self:end;gap:18px}.language-switch{gap:4px}.language-option{color:#6f7885;width:34px;height:30px;font:inherit;cursor:pointer;background:0 0;border:0;font-size:.72rem;font-weight:850;transition:color .16s}.language-option:hover,.language-option.is-active{color:var(--text)}.resume-link{color:var(--blue-bright);white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.resume-link:after{content:"↗";font-size:.9rem}.hero{grid-template-columns:52px minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:34px;min-height:calc(100svh - 76px);padding:70px 0 82px;display:grid;position:relative}.hero:after{background:linear-gradient(90deg, transparent, var(--line-strong) 12%, var(--line) 88%, transparent);content:"";height:1px;position:absolute;bottom:0;left:0;right:0}.hero-copy{z-index:2;min-width:0;position:relative}.availability{color:#7f8997;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:20px;margin:0 0 28px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:650;display:inline-flex}.availability-dot{background:var(--blue);flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #2678f273}h1{letter-spacing:-.045em;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(4rem,5.4vw,5.2rem);line-height:1.02}html[lang=zh-CN] .hero h1{white-space:nowrap}.hero-role{width:fit-content;color:var(--text);letter-spacing:-.025em;margin:24px 0 0;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:820}.hero-role:after{background:linear-gradient(90deg, var(--blue), var(--cyan));content:"";width:58px;height:3px;margin-top:16px;display:block}.hero-summary{max-width:660px;color:var(--muted);margin:24px 0 0;font-size:1rem;line-height:1.9}.hero-actions,.contact-actions,.project-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));min-width:158px;min-height:52px;color:var(--text);font:inherit;letter-spacing:.02em;cursor:pointer;background:#05070ab3;border:1px solid #3ec4d6ad;border-radius:0;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-size:.82rem;font-weight:850;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.button:after{content:"↗";color:var(--cyan)}.button:hover{border-color:var(--cyan);background:#3ec4d614;transform:translateY(-2px)}.button-primary{border-color:var(--blue);color:#fff;background:linear-gradient(135deg,#2678f2,#315de8)}.button-primary:after{color:#fff}.button-primary:hover{border-color:var(--blue-bright);background:linear-gradient(135deg,#3686ff,#4169f0)}.section-rail{color:#687483;flex-direction:column;align-items:center;gap:4px;min-height:100%;padding-top:4px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:700;display:flex}.hero>.section-rail{align-self:stretch;padding-block:18px 4px}.rail-index{color:var(--blue-bright);font-size:.86rem;font-weight:850}.rail-slash{color:var(--text)}.rail-label{color:#8b95a3;letter-spacing:.12em;text-orientation:upright;writing-mode:vertical-rl;margin-top:4px;font-size:.58rem}.rail-line{background:linear-gradient(180deg, var(--line-strong), #97a8be14);flex:1;width:1px;min-height:120px;margin-top:16px;position:relative}.rail-line i{background:var(--blue);width:7px;height:7px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.hero-visual{z-index:1;aspect-ratio:1;justify-self:end;width:100%;position:relative}.hero-visual-geometry{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.geometry-line{stroke:#3ec4d6c2;stroke-width:1.25px;vector-effect:non-scaling-stroke}.geometry-line-muted{stroke:#a7b8ce57}.geometry-accent{fill:var(--cyan)}.geometry-dashes{stroke:var(--cyan);stroke-width:2px;vector-effect:non-scaling-stroke}.hero-logo-panel{aspect-ratio:1.08;clip-path:polygon(18% 0,100% 0,100% 74%,74% 100%,0 100%,0 18%);background:#05070aeb;border:1px solid #b7c8de75;place-items:center;width:36%;display:grid;position:absolute;top:37%;left:35%;transform:rotate(-1deg)}.hero-logo-panel:after{content:"";clip-path:inherit;border:1px solid #2678f229;position:absolute;inset:9px}.hero-display-mark{z-index:1;width:68%;height:68%;color:var(--cyan);filter:drop-shadow(0 0 20px #3ec4d629);position:relative}.hero-system-list{color:#697382;flex-direction:column;gap:5px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:clamp(.48rem,.7vw,.64rem);display:flex;position:absolute;top:40%;right:0}.section-space{padding:118px 0}main>section{scroll-margin-top:76px}.about-section,.projects-section,.experience-section,.skills-section,.contact-section{border-top:1px solid #97a8be1c}.about-section,.experience-section,.contact-section{background:linear-gradient(#10162047,#0000 86%)}.section-frame{grid-template-columns:52px minmax(0,1fr);align-items:stretch;gap:48px;display:grid}.section-body{min-width:0}.section-heading{max-width:850px;margin-bottom:38px}.eyebrow{color:var(--blue-bright);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:850;line-height:1;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:8px;height:8px}.section-heading h2,.dialog-content h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(3rem,5vw,4.4rem);line-height:1.04}.section-heading h2.section-label,.contact-body h2.section-label{letter-spacing:.1em;margin:0;font-size:.72rem;line-height:1}.section-intro{color:var(--muted);margin:18px 0 0;line-height:1.8}.about-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(54px,7vw,110px);display:grid}.about-copy{border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);background:linear-gradient(145deg,#101620bd,#070a0fdb);padding:36px 40px;position:relative}.about-copy:before{background:linear-gradient(90deg, var(--blue), var(--cyan));content:"";width:84px;height:2px;position:absolute;top:0;left:0}.about-copy>p{color:var(--muted);margin:0;font-size:1rem;line-height:1.9}.about-copy>p+p{border-top:1px solid #97a8be1f;margin-top:22px;padding-top:22px}.projects-grid{gap:30px;display:grid}.project-card{border:1px solid var(--line-strong);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);background:#070a0feb;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);min-height:410px;transition:border-color .22s,transform .22s;display:grid;position:relative;overflow:hidden}.project-card:hover{border-color:#3ec4d6a8;transform:translateY(-4px)}.project-card:after{background:linear-gradient(90deg, var(--blue), var(--cyan));content:"";width:76px;height:2px;position:absolute;top:0;right:30px}.project-media{place-items:center;min-height:410px;display:grid;position:relative;overflow:hidden}.project-media:before{content:"";background:linear-gradient(133deg,#0000 0 48%,#ffffff14 48.2% 48.45%,#0000 48.7%),linear-gradient(156deg,#0000 0 64%,#3ec4d624 64.2% 64.5%,#0000 64.7%);position:absolute;inset:0}.project-media:after{content:"";background:linear-gradient(#0000,#05070ab8);position:absolute;inset:35% 0 0}.project-media-index{z-index:2;color:#ffffff9e;letter-spacing:.12em;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.62rem;position:absolute;top:24px;left:26px}.media-placeholder{z-index:2;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);text-align:center;backdrop-filter:blur(8px);background:#05070aa3;border:1px solid #ffffff40;flex-direction:column;align-items:center;min-width:220px;padding:20px 24px;display:flex;position:relative}.media-placeholder span{letter-spacing:.04em;font-size:1.24rem;font-weight:900}.media-placeholder small{color:#ffffffa3;margin-top:8px}.media-rift{background:radial-gradient(circle at 34% 25%,#cc4d48ad,#0000 35%),linear-gradient(135deg,#432329,#10131d 76%)}.media-dx12{background:radial-gradient(circle at 34% 25%,#3489efc7,#0000 35%),linear-gradient(135deg,#124d99,#0d1527 76%)}.media-rasterizer{background:radial-gradient(circle at 34% 25%,#42bfd0c2,#0000 35%),linear-gradient(135deg,#1f7280,#0d2025 76%)}.media-vehicle{background:radial-gradient(circle at 34% 25%,#e89b4dc7,#0000 35%),linear-gradient(135deg,#815029,#251820 76%)}.project-content{border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;padding:44px 46px;display:flex}.project-kicker{color:var(--blue-bright);letter-spacing:.12em;margin:0 0 18px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.64rem}.project-content h3{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(2.7rem,4.5vw,4rem);line-height:.96}.tag-list{flex-wrap:wrap;gap:9px;display:flex}.tag{color:#bdc6d2;white-space:nowrap;background:#05070a85;border:1px solid;border-radius:1px;align-items:center;min-height:28px;padding:4px 11px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.66rem;font-weight:750;display:inline-flex}.tag-cpp,.tag-dx{color:#76b6ff}.tag-ue,.tag-solo,.tag-team{color:#d4d9e0}.tag-gas,.tag-net,.tag-thread{color:#55cab4}.tag-hlsl,.tag-niagara{color:#ec9859}.tag-simd,.tag-blueprint,.tag-swift{color:#c77add}.tag-python{color:#ddb45c}.project-content>p:not(.project-kicker){color:var(--muted);margin:24px 0 0;line-height:1.85}.project-actions{margin-top:30px}.project-actions .button{min-width:138px;min-height:46px;padding:10px 18px}.github-button span{border:1px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.58rem;display:inline-grid}.experience-list{border-top:1px solid var(--line-strong)}.experience-item{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr) auto;align-items:start;gap:34px;padding:32px 18px;transition:background .18s,padding-left .18s;display:grid}.experience-item:hover{background:linear-gradient(90deg,#2678f212,#0000 60%);padding-left:26px}.experience-item time{color:var(--blue-bright);font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:850}.experience-item h3{margin:0;font-size:1.36rem}.experience-item p{color:var(--muted);margin:9px 0 0;line-height:1.75}.experience-item>span{border:1px solid var(--line);color:#aab3bf;white-space:nowrap;padding:5px 10px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.64rem}.skill-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.skill-group{border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);background:#0a0e14b3;min-height:170px;padding:28px 30px;transition:border-color .18s,background .18s,transform .18s;position:relative}.skill-group:before{background:var(--blue);content:"";width:54px;height:2px;position:absolute;top:0;left:0}.skill-group:hover{background:#0e131be0;border-color:#3ec4d680;transform:translateY(-3px)}.skill-group h3{margin:0 0 22px;font-size:1.12rem}.contact-section{padding-bottom:44px}.contact-body{border:1px solid var(--line-strong);clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%);background:linear-gradient(110deg,#2678f214,#0000 44%),#070a0fd1;flex-direction:column;justify-content:center;align-items:flex-start;min-height:390px;padding:64px 72px;display:flex;position:relative;overflow:hidden}.contact-body:before,.contact-body:after{background:linear-gradient(90deg, var(--blue), #2678f233);content:"";opacity:.34;width:220px;height:38px;position:absolute;right:8%;transform:skew(-42deg)}.contact-body:before{top:28%}.contact-body:after{background:linear-gradient(90deg, var(--cyan), #3ec4d629);top:48%;right:2%}.contact-body>*{z-index:1;position:relative}.contact-body>p:not(.footer-note){max-width:670px;color:var(--muted);margin:16px 0 0;font-size:clamp(1.25rem,2.1vw,1.8rem);line-height:1.6}.footer-note{color:#697382;letter-spacing:.08em;text-transform:uppercase;margin:58px 0 0;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.66rem}.project-dialog{border:1px solid var(--line-strong);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);width:min(940px,100% - 28px);max-height:88vh;color:var(--text);background:#070a0ffc;border-radius:0;padding:0;overflow:auto;box-shadow:0 40px 140px #000000c2}.project-dialog::backdrop{backdrop-filter:blur(10px);background:#020407db}.dialog-close{z-index:4;float:right;border:1px solid var(--line-strong);width:40px;height:40px;color:var(--text);cursor:pointer;background:#05070ae6;border-radius:0;margin:14px 14px -54px 0;font-weight:900;transition:color .16s,border-color .16s,background .16s;position:sticky;top:14px}.dialog-close:hover{border-color:var(--cyan);color:var(--cyan);background:#3ec4d61a}.dialog-media{color:#ffffffc7;text-transform:uppercase;place-items:center;min-height:340px;font-weight:850;display:grid}.dialog-content{border-top:1px solid var(--line);padding:40px}.project-meta{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin:28px 0;display:grid;overflow:hidden}.project-meta div{background:var(--surface);padding:17px}.project-meta dt{color:var(--blue-bright);letter-spacing:.08em;text-transform:uppercase;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.66rem;font-weight:850}.project-meta dd{margin:6px 0 0}.dialog-content h3{margin:30px 0 0}.dialog-content ul{color:var(--muted);padding-left:20px}.dialog-content li+li{margin-top:9px}.dialog-content>.button{margin-top:14px}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transition:opacity .52s,transform .52s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}.reveal{opacity:1;transform:none}}@media (width<=1180px){.site-nav{gap:18px}.hero{grid-template-columns:44px minmax(0,1fr) minmax(370px,.82fr);gap:26px}h1{font-size:clamp(3.65rem,5.2vw,4.6rem)}.section-frame{grid-template-columns:44px minmax(0,1fr);gap:34px}.project-card{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}.project-content{padding:38px}}@media (width<=960px){.content-width{width:min(var(--max), calc(100% - 36px))}.site-header{gap:18px;width:calc(100% - 32px)}.site-nav{gap:12px}.hero{grid-template-columns:40px minmax(0,1fr);min-height:auto;padding:72px 0 92px}.hero>.section-rail{grid-row:1/span 2}.hero-copy,.hero-visual{grid-column:2}.hero-visual{justify-self:center;width:min(100%,640px);margin-top:-20px}h1{max-width:780px;font-size:clamp(4rem,9vw,5.4rem)}html[lang=zh-CN] .hero h1{white-space:normal}.section-frame{grid-template-columns:40px minmax(0,1fr);gap:28px}.about-layout{grid-template-columns:1fr;gap:42px}.project-card{grid-template-columns:1fr}.project-media{min-height:360px}.project-content{border-top:1px solid var(--line);border-left:0}.experience-item{grid-template-columns:118px minmax(0,1fr)}.experience-item>span{grid-column:2;justify-self:start}}@media (width<=720px){.site-header{grid-template-columns:1fr auto;gap:8px 12px;width:calc(100% - 28px);min-height:auto;padding:10px 0 8px}.site-nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:space-between;gap:10px;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{white-space:nowrap}.header-actions{gap:10px}.content-width{width:calc(100% - 28px)}.hero{grid-template-columns:1fr;gap:28px;padding:56px 0 72px}.section-rail,.hero>.section-rail{flex-direction:row;align-self:auto;align-items:center;gap:7px;min-height:auto;padding:0;display:flex}.hero>.section-rail,.hero-copy,.hero-visual{grid-area:auto/1}.rail-label{letter-spacing:.12em;text-orientation:mixed;writing-mode:horizontal-tb;margin:0 0 0 3px;font-size:.62rem}.rail-line{background:linear-gradient(90deg, var(--line-strong), transparent);flex:1;width:auto;height:1px;min-height:1px;margin:0 0 0 8px}.rail-line i{top:50%;left:46%}h1{font-size:clamp(3.2rem,14vw,4.5rem);line-height:1}.hero-role{font-size:1.35rem}.hero-visual{width:min(100%,540px);margin-top:-10px}.hero-system-list{right:1%}.hero-actions .button,.project-actions .button,.contact-actions .button{width:100%}.section-space{padding:82px 0}.section-frame{grid-template-columns:1fr;gap:30px}.section-heading h2,.dialog-content h2{font-size:3rem}.about-copy{padding:28px 24px}.project-card{min-height:0}.project-media{min-height:270px}.project-content{padding:30px 26px}.project-content h3{font-size:2.7rem}.skill-groups,.project-meta{grid-template-columns:1fr}.experience-item{grid-template-columns:1fr;gap:16px;padding:26px 10px}.experience-item>span{grid-column:1}.contact-body{min-height:360px;padding:46px 26px}.dialog-media{min-height:230px}.dialog-content{padding:26px}}@media (width<=380px){.site-header{width:calc(100% - 12px);padding-inline:6px}.brand{gap:6px;font-size:.88rem}.brand-mark{width:32px;height:32px}.header-actions{gap:5px}.language-option{width:28px;height:28px;font-size:.66rem}.resume-link{gap:5px;font-size:.66rem}.site-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px 4px;display:grid;overflow:visible}.site-nav a{text-align:center;grid-column:span 2;padding:6px 2px}.site-nav a:nth-child(4){grid-column:2/span 2}.site-nav a:nth-child(5){grid-column:4/span 2}.availability{gap:10px;font-size:.62rem}h1{font-size:3.05rem}.hero-summary{font-size:.94rem}.hero-system-list{display:none}.hero-logo-panel{width:40%;top:35%;left:33%}.section-heading h2,.dialog-content h2{font-size:2.55rem}.media-placeholder{width:calc(100% - 48px);min-width:0}.project-content{padding:26px 20px}.contact-body{padding:40px 20px}}