@font-face{font-family:Geist Portfolio;src:local(Geist),local(Aptos),local(Segoe UI);font-display:swap}@font-face{font-family:Alimama Lingdong VF;src:url(https://at.alicdn.com/wf/webfont/zVvTAFmjBCAr/3h0JYkbVL9qE.woff2)format("woff2"),url(https://at.alicdn.com/wf/webfont/zVvTAFmjBCAr/TmPJmLbh6HTW.woff)format("woff");font-variation-settings:"SRIF" 0, "slnt" 0, "wdth" 88.35, "wght" 700;font-display:swap}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050608;font-family:Geist Portfolio,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050608}body{background:#050608;min-width:320px;min-height:100dvh;margin:0}button,a{-webkit-tap-highlight-color:transparent}img,video{max-width:100%}.site-shell{background:radial-gradient(circle at 12% 18%,#2dd4bf21,#0000 32rem),radial-gradient(circle at 86% 22%,#94a3b81f,#0000 34rem),#050608;min-height:100dvh;position:relative;overflow-x:visible}.page-frame{width:min(100% - 64px,1700px);margin:0 auto}.hero-section{isolation:isolate;background:linear-gradient(90deg,#04080bb8,#04080b4d 48%,#04080b85),url(https://images.unsplash.com/photo-1499346030926-9a72daac6c63?auto=format&fit=crop&w=2400&q=88) 50%/cover;min-height:100dvh;position:relative;overflow:visible}.hero-shade{z-index:-1;-webkit-backdrop-filter:saturate(.9);backdrop-filter:saturate(.9);background:radial-gradient(circle at 86% 34%,#ffc36557,#0000 22rem),linear-gradient(#00000047,#00000029 38%,#0000009e 100%);width:100%;height:100%;position:absolute;inset:0}.hero-section:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#000000b8 82%);height:32%;position:absolute;inset:auto 0 0}.hero-visual{display:none}.top-nav{z-index:10000;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#14161c6b;border:1px solid #ffffff1f;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;width:min(100% - 64px,1320px);min-height:54px;padding:7px 10px;transition:top .36s cubic-bezier(.32,.72,0,1),width .36s cubic-bezier(.32,.72,0,1),gap .36s cubic-bezier(.32,.72,0,1),min-height .36s cubic-bezier(.32,.72,0,1),padding .36s cubic-bezier(.32,.72,0,1),transform .36s cubic-bezier(.32,.72,0,1),background .36s cubic-bezier(.32,.72,0,1),border-color .36s cubic-bezier(.32,.72,0,1),box-shadow .36s cubic-bezier(.32,.72,0,1),-webkit-backdrop-filter .36s cubic-bezier(.32,.72,0,1),backdrop-filter .36s cubic-bezier(.32,.72,0,1);display:grid;position:fixed;top:16px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 18px 70px #00000047,inset 0 1px #ffffff1a}.top-nav.is-scrolled{-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);background:#06080ceb;border-color:#ffffff38;min-height:54px;padding:7px 10px;top:10px;box-shadow:0 16px 48px #00000085,0 4px 20px #00000047,inset 0 1px #ffffff1a}.hero-lanyard{z-index:5;pointer-events:auto;width:clamp(520px,38vw,680px);height:clamp(760px,94vh,1080px);position:absolute;top:-8px;right:clamp(-48px,1vw,36px);overflow:visible}.brand-mark,.nav-links,.nav-contact,.primary-button,.ghost-button{color:inherit;text-decoration:none}.brand-mark{color:#11140b;white-space:nowrap;background:#b7ff24;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:4px 17px 4px 7px;display:inline-flex}.brand-mark span{clip-path:none;color:#b7ff24;background:#11140b;border:0;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid}.brand-mark strong{color:#11140b;letter-spacing:0;font-size:16px;font-weight:860}.nav-links{justify-content:center;gap:14px;display:flex}.nav-links a{color:#f8fafca8;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;height:100%;padding:10px 18px;font-size:13px;font-weight:700;transition:color .52s cubic-bezier(.32,.72,0,1),background .52s cubic-bezier(.32,.72,0,1),border-color .52s cubic-bezier(.32,.72,0,1),box-shadow .52s cubic-bezier(.32,.72,0,1);display:inline-flex;position:relative}.nav-links a:after{content:"";background:#b7ff24;width:0;height:2px;transition:width .52s cubic-bezier(.32,.72,0,1);position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.nav-links a:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14}.nav-links a.is-active{color:#111318;-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);background:#fffffff0;border-color:#fffffff5;box-shadow:inset 0 1px #ffffff94,0 10px 30px #0000001f}.nav-links a:hover:after{width:32px}.nav-links a.is-active:after{width:0}.nav-contact,.primary-button,.ghost-button{border-radius:999px;justify-content:center;align-items:center;gap:12px;font-weight:680;transition:transform .52s cubic-bezier(.32,.72,0,1),background .52s cubic-bezier(.32,.72,0,1),color .52s cubic-bezier(.32,.72,0,1),border-color .52s cubic-bezier(.32,.72,0,1);display:inline-flex}.nav-contact{color:#f8fafceb;background:#ffffff0a;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 19px;font-size:12px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.primary-button{color:#101405;background:#b7ff24;border-radius:999px;padding:11px 12px 11px 24px;font-size:16px;box-shadow:0 0 36px #b7ff2452}.ghost-button{color:#f8fafce6;background:#ffffff0b;border:1px solid #ffffff2e;min-height:48px;padding:0 24px}.ghost-button.light{border-color:#d9fff642}.nav-contact:hover,.primary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.nav-contact:active,.primary-button:active,.ghost-button:active{transform:translateY(1px)scale(.985)}.button-orbit{background:#050a091f;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;transition:transform .52s cubic-bezier(.32,.72,0,1);display:grid}.primary-button:hover .button-orbit,.nav-contact:hover .button-orbit{transform:translate(3px,-2px)}.hero-content{z-index:2;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100dvh;padding:120px 0;display:flex;position:relative}.hero-copy{width:min(760px,58vw)}.eyebrow,.section-kicker{color:#d9fff6;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:12px;font-weight:760}.hero-copy h1{color:#f8fafc;font-variation-settings:"SRIF" 1, "slnt" 1.67, "wdth" 94.36, "wght" 700;letter-spacing:0;text-shadow:0 18px 56px #0000006b;max-width:760px;margin:0 0 18px;font-family:Alimama Lingdong VF,Geist Portfolio,Microsoft YaHei UI,sans-serif;font-size:clamp(58px,6.5vw,118px);line-height:.82}.hero-copy h1 span{display:block}.hero-copy h1 span:first-child{color:#b7ff24;letter-spacing:.015em}.hero-copy h1 span:last-child{color:#f8fafcf2;letter-spacing:.03em;margin-top:18px;font-size:.72em}.hero-signature{color:#b7ff24;margin:-14px 0 12px 322px;font-family:Brush Script MT,Segoe Script,cursive;font-size:28px;line-height:1;display:inline-block;position:relative;transform:rotate(-6deg)}.hero-intro{color:#f8fafcd1;text-shadow:0 3px 20px #0000006b;max-width:520px;margin:0;font-size:22px;font-weight:650;line-height:1.55}.hero-actions,.contact-actions{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-top:28px;display:inline-flex}.hero-meta{display:none}.hero-meta i{background:#ffffff9e;width:1px;height:36px}.hero-meta strong{letter-spacing:.02em;font-size:28px;font-weight:650}.project-info span,.strength-card span,.contact-strip span,.contact-strip a{color:#d9fff6b8;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:720}.experience-section,.strengths-section{padding:132px 0}.experience-grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1fr);gap:28px;margin-top:24px;display:grid}.portrait-shell{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:32px;min-height:740px;overflow:hidden}.portrait-shell img,.project-card img{object-fit:cover;width:100%;height:100%;display:block}.portrait-shell img{filter:contrast(1.06)brightness(.92)}.profile-showcase{background:#0c1013;border-radius:32px;flex-direction:column;justify-content:space-between;min-height:740px;padding:54px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12}.profile-showcase-rays,.profile-showcase-scrim{border-radius:inherit;position:absolute;inset:0}.profile-showcase-rays{z-index:0;opacity:.95}.profile-showcase-scrim{z-index:1;pointer-events:none;background:linear-gradient(#06090d1f,#06090d5c 40%,#06090db8 100%),radial-gradient(circle at 82% 16%,#8cb4ff14,#0000 26rem)}.profile-showcase-copy{z-index:2;max-width:520px;position:relative}.showcase-kicker{color:#b7ff24e6;letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:800}.profile-showcase h2,.section-heading h2,.contact-inner h2{color:#f8fafc;letter-spacing:0;margin:0;font-size:clamp(42px,4.4vw,82px);line-height:.98}.profile-showcase h2{max-width:460px;font-size:clamp(34px,3.2vw,56px);line-height:1.02}.profile-showcase-copy p,.section-heading p,.strength-card p,.project-info p{color:#cbd5e1b8;margin:24px 0 0;font-size:17px;line-height:1.8}.profile-showcase-copy p{max-width:460px;font-size:14px;line-height:1.7}.contact-strip{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.contact-strip a,.contact-strip span{color:#e2e8f0bd;letter-spacing:.04em;text-transform:none;background:#d9fff60d;border:1px solid #d9fff626;border-radius:999px;padding:12px 14px;text-decoration:none}.stats-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;display:grid;position:relative}.profile-stat-glow .border-glow-inner{min-height:150px}.profile-stat-card{flex-direction:column;justify-content:center;min-height:150px;padding:24px 22px;display:flex}.profile-stat-value{color:#d9fff6;font-variation-settings:"SRIF" 0, "slnt" 0, "wdth" 88.35, "wght" 700;font-family:Alimama Lingdong VF,Geist Portfolio,sans-serif;font-size:48px;line-height:1;display:block}.profile-stat-label{color:#e2e8f0ad;margin-top:18px;font-size:13px;line-height:1.5;display:block}.projects-section{background:#07090b;padding:132px 0}.section-heading{grid-template-columns:.7fr 1.2fr .9fr;align-items:end;gap:48px;display:grid}.section-heading.compact{display:block}.section-heading p{margin:0}.project-grid{grid-template-columns:1.04fr .96fr;grid-auto-rows:420px;gap:28px;margin-top:62px;display:grid}.project-card{background:#11161a;border:1px solid #ffffff1f;border-radius:34px;min-height:420px;position:relative;overflow:hidden}.project-card-1{grid-row:span 2}.project-card img{opacity:.78;transition:transform .9s cubic-bezier(.32,.72,0,1),opacity .9s cubic-bezier(.32,.72,0,1)}.project-card:hover img{opacity:.92;transform:scale(1.045)}.project-card:after{content:"";background:linear-gradient(#0506080a,#050608e0);position:absolute;inset:0}.project-info{z-index:1;padding:34px;position:absolute;inset:auto 0 0}.project-info h3{color:#fff;letter-spacing:0;max-width:640px;margin:14px 0 0;font-size:clamp(30px,2.6vw,54px);line-height:1.02}.project-info p{max-width:680px}.strength-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:54px;display:grid}.strength-card{min-height:360px;padding:30px}.strength-card h3{color:#f8fafc;margin:92px 0 0;font-size:30px;line-height:1.1}.contact-section{background:linear-gradient(#0506081a,#050608 42%),radial-gradient(circle at 50% 44%,#d9fff61f,#0000 36rem);align-items:center;min-height:100dvh;display:flex}.contact-inner{padding:150px 0 54px}.contact-inner h2{max-width:1180px;margin-top:28px}.contact-inner footer{color:#e2e8f094;border-top:1px solid #ffffff1f;justify-content:space-between;gap:24px;margin-top:140px;padding-top:28px;font-size:14px;display:flex}.reveal{opacity:0;animation:.9s cubic-bezier(.32,.72,0,1) forwards reveal-up;transform:translateY(38px)}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=1100px){.page-frame,.top-nav{width:min(100% - 36px,1700px)}.top-nav{gap:12px}.hero-lanyard{width:220px;height:460px;right:18px}.nav-links{display:none}.hero-content,.experience-grid,.section-heading,.project-grid,.strength-grid{grid-template-columns:1fr}.hero-content{align-items:flex-start;padding:130px 0 120px}.portrait-shell{min-height:520px}.profile-showcase{min-height:680px}.stats-grid{grid-column:auto;grid-template-columns:1fr}.project-card-1{grid-row:span 1}}@media (width<=720px){.top-nav{grid-template-columns:auto auto;justify-content:space-between;top:14px}.hero-lanyard,.nav-contact{display:none}.brand-mark strong{display:inline}.hero-copy{width:100%}.hero-copy h1{white-space:normal;font-size:54px}.hero-copy h1 span:last-child{margin-top:12px}.hero-intro{max-width:330px;font-size:17px}.hero-signature{margin-left:168px;font-size:22px}.hero-meta{flex-direction:column;gap:10px;font-size:16px}.hero-meta i{width:42px;height:1px}.profile-showcase,.project-info,.strength-card{padding:24px}.profile-showcase h2,.section-heading h2,.contact-inner h2{font-size:40px}.experience-section,.projects-section,.strengths-section{padding:86px 0}.contact-inner footer{flex-direction:column;margin-top:90px}}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}.aurora-container{width:100%;height:100%}.lanyard-wrapper{z-index:0;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:relative;overflow:visible;transform:none}.lanyard-wrapper canvas{overflow:visible;width:100%!important;height:100%!important}