.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--light{border-color:#18181b1f;box-shadow:0 1px 2px #18181b0a,0 8px 24px #18181b0d}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.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}.electric-border{--electric-light-color:oklch(from var(--electric-border-color) l c h);border-radius:inherit;isolation:isolate;position:relative;overflow:visible}.eb-canvas-container{pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eb-canvas{display:block}.eb-content{border-radius:inherit;z-index:1;position:relative}.eb-layers{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}.eb-glow-1,.eb-glow-2,.eb-background-glow{border-radius:inherit;pointer-events:none;box-sizing:border-box;position:absolute;inset:0}.eb-glow-1{border:2px solid oklch(from var(--electric-border-color) l c h / .6);filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px)}.eb-background-glow{z-index:-1;filter:blur(32px);opacity:.3;background:linear-gradient(-30deg, var(--electric-light-color), transparent, var(--electric-border-color));transform:scale(1.1)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--black:#0c0c0c;--black-soft:#111214;--black-card:#151619;--silver:#d7e0e7;--muted:#85888f;--line:#e1e9f029;--line-strong:#e1e9f052;--violet:#9d5cff;--cyan:#66e5f1;--pointer-x:50vw;--pointer-y:50vh;font-family:Kanit,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--black);min-width:1080px;color:var(--silver);margin:0;overflow-x:hidden}body:before{content:"";z-index:90;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img,video{display:block}.site-shell{background:radial-gradient(circle at 72% 8%, #643eac17, transparent 25%), var(--black);position:relative;overflow:clip}.container{width:min(1700px,100% - 96px);margin-inline:auto}.pointer-light{z-index:1;pointer-events:none;background:radial-gradient(520px circle at var(--pointer-x) var(--pointer-y), #705bc712, transparent 72%);position:fixed;inset:0}.silver-heading{color:#0000;font-kerning:normal;font-feature-settings:"kern" 1, "liga" 0;background:linear-gradient(105deg,#666a72 3%,#e0e8ed 38%,#8b919b 70%,#dbe3e8 96%);-webkit-background-clip:text;background-clip:text}.section-label{color:var(--cyan);letter-spacing:.28em;margin:0;font-size:14px;font-weight:600}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.2,.75,.25,1),transform .9s cubic-bezier(.2,.75,.25,1);transform:translateY(38px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.floating-dock{z-index:100;grid-template-columns:auto 50px;gap:8px;display:grid;position:fixed;top:24px;left:26px}.dock-current,.dock-toggle{-webkit-backdrop-filter:blur(18px);background:#101012b3;border:1px solid #ffffff2b;height:50px;box-shadow:0 12px 34px #0000003d}.dock-current{letter-spacing:.07em;border-radius:999px;align-items:center;gap:10px;min-width:118px;padding:0 20px;font-size:14px;font-weight:500;display:flex}.dock-dot{background:var(--violet);width:7px;height:7px;box-shadow:0 0 14px var(--violet);border-radius:50%}.dock-toggle{cursor:pointer;border-radius:15px;place-items:center;padding:0;display:grid}.dock-menu{opacity:0;visibility:hidden;transform-origin:0 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f12c7;border:1px solid #ffffff2b;border-radius:20px;grid-column:1/-1;width:176px;padding:8px;transition:all .22s;transform:translateY(-10px)scale(.97);box-shadow:0 18px 48px #00000059}.floating-dock.is-open .dock-menu{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.dock-menu a{color:#a8abb2;letter-spacing:.05em;border-radius:12px;justify-content:space-between;align-items:center;height:42px;padding:0 13px;font-size:13px;transition:all .18s;display:flex}.dock-menu a:hover,.dock-menu a.is-active{color:#edf1f5;background:#ffffff12}.dock-menu i{background:0 0;border-radius:50%;width:6px;height:6px}.dock-menu a.is-active i{background:var(--violet);box-shadow:0 0 10px var(--violet)}.creator-hero{isolation:isolate;border-bottom:1px solid var(--line);background:#120f17;height:max(760px,100vh);min-height:760px;position:relative;overflow:hidden}.creator-hero:before,.creator-hero:after{display:none}.hero-aero-background{z-index:0;background:radial-gradient(at 68% 36%,#4b569d4d,#0000 42%),radial-gradient(at 24% 72%,#55278238,#0000 46%),linear-gradient(145deg,#120f17 0%,#11121c 48%,#0c1017 100%);width:100%;height:100%;position:absolute;inset:0}.hero-name-wrap{z-index:2;text-align:center;position:absolute;top:88px;left:3.5%;right:3.5%}.hero-name-wrap h1{white-space:nowrap;letter-spacing:.028em;word-spacing:.18em;margin:0;font-size:clamp(82px,7.35vw,138px);font-weight:800;line-height:.94}.hero-name-wrap h1 span{color:var(--violet);-webkit-text-fill-color:var(--violet);text-shadow:0 0 26px #9d5cff73;background:0 0}.portrait-magnet{z-index:3;width:460px;height:460px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.hero-portrait{isolation:isolate;width:100%;height:100%;position:relative}.hero-portrait:before,.hero-portrait:after{content:"";pointer-events:none;background:linear-gradient(#ff66d9 0%,#fff3ff 16%,#f65cdf 31%,#b540ff 52%,#ff8ce8 68%,#fff 78%,#dc45ff 100%) 0 0/100% 320%;animation:5.2s linear infinite outlineFlow;position:absolute;inset:0;-webkit-mask:url(/assets/wan-xifeng-comic.webp) 50%/contain no-repeat;mask:url(/assets/wan-xifeng-comic.webp) 50%/contain no-repeat}.hero-portrait:before{z-index:0;opacity:.72;filter:blur(11px);transform:scale(1.026)}.hero-portrait:after{z-index:1;opacity:.96;filter:drop-shadow(0 0 4px #ff65e0e6);transform:scale(1.012)}.hero-portrait img{z-index:2;object-fit:contain;object-position:center;filter:saturate(1.02)contrast(1.02)drop-shadow(0 0 1px #ffffffd9);width:100%;height:100%;position:absolute;inset:0}@keyframes outlineFlow{0%{background-position:50% 0}to{background-position:50% 100%}}.hero-bottom{z-index:5;grid-template-columns:1fr 1fr;align-items:end;display:grid;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hero-role{width:min(560px,46vw)}.hero-role-title{color:#e5e7ec;letter-spacing:.045em;max-width:560px;margin:0 0 22px;font-size:clamp(17px,1.05vw,21px);font-weight:400;line-height:1.5}.employment-label{color:#666571;letter-spacing:.18em;margin-bottom:12px;font-size:13px;line-height:1;display:block}.employment-logos{align-items:center;gap:26px;height:38px;display:flex}.employment-logo{object-fit:contain;mix-blend-mode:screen;filter:invert()hue-rotate(180deg)saturate(1.08)brightness(.88)contrast(1.08);opacity:.82;width:auto;max-height:100%;display:block}.employment-logo-star{height:38px}.employment-logo-vetech{object-fit:cover;object-position:center;filter:invert()hue-rotate(180deg)saturate(1.55)brightness(1.5)contrast(1.16);opacity:.9;width:132px;height:34px;max-height:none}.contact-pill{color:#fff;cursor:pointer;background:linear-gradient(110deg,#5712ad 0%,#ad16cf 50%,#be275f 100%) padding-box padding-box,linear-gradient(110deg,#fff 0%,#d368ff 30%,#ff49b3 72%,#ffe9ff 100%) border-box;border:2px solid #0000;border-radius:999px;justify-content:center;justify-self:end;align-items:center;gap:11px;min-width:162px;height:58px;font-size:15px;transition:all .22s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e,0 0 16px #df37ff99,0 0 36px #9335ff47,inset 0 1px 1px #ffffff61}.contact-pill:before{content:"";background:linear-gradient(115deg,#0000 36%,#ffffff7a 48%,#0000 60%);animation:4.2s ease-in-out infinite contactShimmer;position:absolute;inset:-80% -35%;transform:translate(-48%)}.contact-pill span,.contact-pill svg{z-index:1;position:relative}.contact-pill:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #ffffff47,0 0 22px #ff48dfbf,0 0 46px #9335ff66,inset 0 1px 1px #ffffff80}@keyframes contactShimmer{0%,42%{opacity:0;transform:translate(-52%)}52%{opacity:.9}68%,to{opacity:0;transform:translate(52%)}}.marquee-section{z-index:2;border-bottom:1px solid var(--line);background:#0e0e10;height:360px;padding:34px 0;position:relative;overflow:hidden}.marquee-row{will-change:transform;gap:16px;width:max-content;display:flex}.marquee-tile{background:#19191c;border:1px solid #ffffff21;border-radius:25px;flex:none;width:392px;height:292px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.marquee-tile:after{content:"";background:linear-gradient(#0000 42%,#08080ae6);position:absolute;inset:0}.marquee-tile img{object-fit:cover;filter:grayscale(.55)saturate(.8)brightness(.75);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .35s}.marquee-tile:hover img{filter:grayscale(.2)saturate()brightness(.9);transform:scale(1.055)}.marquee-tile span,.marquee-tile i{z-index:1;letter-spacing:.17em;font-style:normal;position:absolute;bottom:18px}.marquee-tile span{font-size:12.5px;font-weight:500;left:20px}.marquee-tile i{color:#9a9ca3;font-size:11.5px;right:20px}.about-section{background:radial-gradient(circle at 11% 28%,#7842de1c,#0000 20%),radial-gradient(circle at 88% 54%,#2994b114,#0000 23%),#0c0c0c;padding:150px 0 110px;position:relative;overflow:hidden}.about-inner{z-index:3;text-align:center;position:relative}.about-inner>h2{letter-spacing:-.015em;margin:10px 0 98px;font-size:clamp(112px,10vw,184px);font-weight:800;line-height:.95}.about-statement{color:#c6c9ce;letter-spacing:.012em;width:min(820px,63vw);margin:0 auto;font-size:27px;font-weight:300;line-height:1.72}.about-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:min(910px,72vw);margin:95px auto 130px;display:grid}.about-metrics div{flex-direction:column;justify-content:center;gap:7px;min-height:150px;display:flex}.about-metrics div+div{border-left:1px solid var(--line)}.about-metrics strong{color:#e5eaee;font-size:52px;font-weight:500;line-height:1}.about-metrics span{color:#83868d;font-size:13px}.about-floating{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#19191ccc;border:1px solid #ffffff24;border-radius:22px;width:210px;position:absolute;overflow:hidden;box-shadow:0 24px 70px #0000004d}.about-floating img{object-fit:cover;filter:grayscale(.65)brightness(.7);width:100%;height:150px}.about-floating span{color:#a3a6ad;letter-spacing:.18em;padding:12px 14px;font-size:11px;font-weight:500;display:block}.floating-school{top:335px;left:5%;transform:rotate(-7deg)}.floating-server{top:560px;right:5%;transform:rotate(8deg)}.floating-event{top:915px;left:7%;transform:rotate(5deg)}.floating-robot{top:1090px;right:8%;transform:rotate(-6deg)}.floating-school.is-visible{transform:rotate(-7deg)translateY(0)}.floating-server.is-visible{transform:rotate(8deg)translateY(0)}.floating-event.is-visible{transform:rotate(5deg)translateY(0)}.floating-robot.is-visible{transform:rotate(-6deg)translateY(0)}.education-panel{border:1px solid var(--line-strong);text-align:left;background:linear-gradient(135deg,#fff1,#ffffff05);border-radius:44px;grid-template-columns:47% 53%;width:min(1160px,86vw);margin:0 auto;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 40px 100px #00000042}.education-panel.border-glow-card{display:block;overflow:visible}.education-panel>.border-glow-inner{border-radius:inherit;grid-template-columns:47% 53%;display:grid;overflow:hidden}.education-image{aspect-ratio:4/3;padding:13px}.education-image img{object-fit:cover;object-position:center 56%;filter:saturate(.82)brightness(.84)contrast(1.04);border-radius:33px;width:100%;height:100%;display:block}.education-copy{flex-direction:column;justify-content:center;padding:56px 62px;display:flex}.education-copy>span{color:var(--cyan);letter-spacing:.2em;font-size:12px;font-weight:500}.education-copy h3{color:#e8ecef;margin:12px 0 4px;font-size:43px;font-weight:500}.education-copy>p{color:#9b9ea5;margin:0 0 28px;font-size:16px}.education-skills{flex-wrap:wrap;gap:9px;display:flex}.education-skills span,.project-tags span{border:1px solid var(--line);color:#aeb1b7;border-radius:999px;padding:8px 12px;font-size:12px}.capabilities-section{z-index:2;border-top:1px solid var(--line);background:radial-gradient(circle at 82% 15%,#5e41a41a,#0000 22%),#0d0d0f;padding:150px 0 185px;position:relative}.capabilities-title{text-align:center;letter-spacing:-.025em;margin:10px 0 90px;font-size:clamp(102px,9vw,165px);font-weight:800;line-height:.95}.capability-list{border-top:1px solid var(--line-strong);width:min(1200px,88vw);margin:0 auto 130px}.capability-item{border-bottom:1px solid var(--line);grid-template-columns:150px 82px 1fr 54px;align-items:center;min-height:174px;transition:background .28s,padding .28s;display:grid}.capability-item:hover{background:linear-gradient(90deg,#9d5cff14,#0000 70%);padding-inline:20px}.capability-number{color:#0000;background:linear-gradient(140deg,#565961,#e3e9ed 45%,#686d76 78%);-webkit-background-clip:text;background-clip:text;font-size:86px;font-weight:700;line-height:1}.capability-icon{color:var(--violet)}.capability-copy{grid-template-columns:minmax(210px,.75fr) 1fr;align-items:center;gap:36px;display:grid}.capability-copy h3{color:#e7eaed;margin:0;font-size:26px;font-weight:500}.capability-copy p{color:#80838a;max-width:500px;margin:0;font-size:15px;line-height:1.75}.capability-arrow{color:#6f7279;transition:all .22s}.capability-item:hover .capability-arrow{color:var(--cyan);transform:translate(4px,4px)}.experience-panel{border:1px solid var(--line-strong);background:radial-gradient(circle at 16% 40%,#9a5bff24,#0000 48%),linear-gradient(135deg,#17171a,#101114);border-radius:50px;grid-template-columns:40% 60%;width:min(1210px,90vw);min-height:390px;margin:0 auto;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff17}.experience-panel.electric-border{display:block;overflow:visible}.experience-panel>.eb-content{min-height:inherit;border-radius:inherit;grid-template-columns:40% 60%;display:grid;overflow:hidden}.experience-intro,.experience-description{padding:66px 70px}.experience-intro{border-right:1px solid var(--line)}.experience-intro span{color:var(--cyan);letter-spacing:.2em;font-size:12px;font-weight:500}.experience-intro h3{color:#edf0f2;margin:34px 0 8px;font-size:58px;font-weight:500}.experience-intro p,.experience-description>p{color:#9699a0;line-height:1.75}.experience-description>p{color:#c6c8cd;margin:0 0 32px;font-size:19px}.experience-description ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.experience-description li{color:#92959b;align-items:center;gap:11px;font-size:14px;display:flex}.experience-description li svg{color:var(--violet)}.projects-section{z-index:2;background:#0c0c0c;padding:24px;position:relative}.projects-shell{border:1px solid var(--line-strong);text-align:center;background:radial-gradient(circle at 50% 27%,#6034a61c,#0000 28%),#101012;border-radius:58px;width:100%;max-width:1800px;padding:130px 70px 85px}.projects-title{letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(112px,10vw,190px);font-weight:800;line-height:.92}.neon-rule{background:linear-gradient(90deg, var(--violet), var(--cyan));border-radius:999px;width:78px;height:4px;margin:28px auto 78px;display:block;box-shadow:0 0 20px #6fb9f599}.project-console{border:1px solid var(--line-strong);text-align:left;background:#0e0e10d1;border-radius:44px;width:min(1430px,95%);margin:0 auto;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 45px 120px #00000052}.project-console.border-glow-card{overflow:visible}.project-console>.border-glow-inner{border-radius:inherit;overflow:hidden}.project-console-main{grid-template-columns:56% 44%;min-height:590px;animation:.52s cubic-bezier(.2,.7,.25,1) both projectIn;display:grid}@keyframes projectIn{0%{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.project-visual-grid{border-right:1px solid var(--line);grid-template-rows:1fr 1fr;grid-template-columns:1.55fr 1fr;gap:10px;padding:14px;display:grid;position:relative}.project-visual-grid img{object-fit:cover;filter:grayscale(.4)brightness(.72)saturate(.8);border-radius:23px;width:100%;height:100%}.project-visual-grid--01,.project-visual-grid--02,.project-visual-grid--03,.project-visual-grid--04{aspect-ratio:2;border-right:0;grid-template-columns:2fr 1fr;align-self:center}.project-visual-grid--01 img,.project-visual-grid--02 img,.project-visual-grid--03 img,.project-visual-grid--04 img{filter:saturate(.88)brightness(.84)contrast(1.04)}.project-visual-grid--05{grid-template-rows:1.4fr 1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.project-visual-grid--05:before{content:"";background:#fff;border-radius:23px;grid-area:1/1/auto/3}.project-visual-grid--05 .project-visual-main{clip-path:polygon(0 0,75% 0,75% 8%,100% 8%,100% 94%,75% 94%,75% 100%,0 100%);grid-area:1/1/auto/3}.project-visual-grid--05 img{z-index:1;filter:saturate(.9)brightness(.9)contrast(1.03);position:relative}.project-visual-main{grid-row:1/3}.project-visual-index{color:#ffffffeb;text-shadow:0 10px 40px #000000bf;font-size:100px;font-weight:700;line-height:.85;position:absolute;bottom:32px;left:37px}.project-detail{flex-direction:column;padding:48px 52px 40px;display:flex;position:relative}.project-detail-top{color:var(--cyan);letter-spacing:.21em;justify-content:space-between;font-size:11px;font-weight:500;display:flex}.project-detail h3{color:#e7ebee;margin:62px 0 24px;font-size:38px;font-weight:500;line-height:1.28}.project-facts{gap:10px;margin-bottom:35px;display:flex}.project-facts span{color:#c4b3e3;background:#9d5cff14;border:1px solid #b293ef3d;border-radius:999px;padding:8px 13px;font-size:12px}.project-detail>p{color:#94979e;margin:0 0 30px;font-size:16px;line-height:1.85}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-controls{gap:10px;margin-top:auto;padding-top:30px;display:flex}.project-controls button{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:all .18s;display:grid}.project-controls button:hover{color:#fff;border-color:var(--violet);background:var(--violet)}.project-tabs{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.project-tabs button{border:0;border-right:1px solid var(--line);color:#6f7278;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:14px;min-height:110px;padding:17px 21px;transition:all .2s;display:flex}.project-tabs button:last-child{border-right:0}.project-tabs button:hover,.project-tabs button.is-active{color:#dfe4e7;background:linear-gradient(145deg,#9d5cff21,#49d2e70a)}.project-tabs span{color:var(--violet);font-size:13px}.project-tabs strong{font-size:13px;font-weight:400;line-height:1.45}.contact-section{z-index:2;border-top:1px solid var(--line);background:radial-gradient(circle at 82% 46%,#54369424,#0000 24%),#0c0c0c;min-height:100vh;position:relative;overflow:hidden}.contact-layout{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:110px 0 80px;display:flex;position:relative}.contact-layout h2{letter-spacing:-.06em;max-width:1200px;margin:35px 0 58px;font-size:clamp(74px,7vw,128px);font-weight:300;line-height:1.08}.contact-card{flex-direction:column;align-items:center;width:min(760px,80vw);display:flex}.contact-identity{color:#8c9098;letter-spacing:.08em;margin:0 0 22px;font-size:25px;font-weight:400}.contact-identity span{color:#686b72;margin:0 .18em}.contact-channels{justify-content:center;align-items:center;gap:22px;display:flex}.contact-channel{color:#a7abb3;letter-spacing:.02em;background:#0e0e1085;border:1px solid #ffffff21;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-width:292px;height:70px;padding:0 28px;font-size:22px;font-weight:400;display:inline-flex}.contact-wechat svg{color:#23d28b}.contact-mail{min-width:354px;transition:color .2s,border-color .2s,transform .2s}.contact-mail svg{color:#e574e9}.contact-mail:hover{color:#edf2f5;border-color:#e574e98c;transform:translateY(-2px)}.contact-location{color:#70747c;letter-spacing:.12em;align-items:center;gap:9px;margin:30px 0 50px;font-size:21px;font-weight:400;display:flex}.contact-primary{color:#fff;letter-spacing:.12em;cursor:pointer;background:linear-gradient(110deg,#4b0da8 0%,#d400b8 43%,#8b27d4 72%,#be3d59 100%);border:3px solid #ffffffe6;border-radius:999px;justify-content:center;align-items:center;width:300px;height:102px;font-size:30px;font-weight:500;transition:transform .22s,box-shadow .22s;display:inline-flex;box-shadow:0 0 0 2px #ac41ff42,0 0 22px #dc19d26b,0 0 48px #842ddd40}.contact-primary:hover{transform:translateY(-4px)scale(1.018);box-shadow:0 0 0 2px #cc62ff57,0 0 30px #ee23da94,0 0 62px #842ddd59}.contact-sphere{border:1px solid #77d2e233;border-radius:50%;width:760px;height:760px;position:absolute;top:9%;right:-22%;box-shadow:inset 100px 0 160px #54309d14,0 0 100px #4fa8bd0d}.contact-sphere:before,.contact-sphere:after{content:"";border:1px solid #9d5cff1f;border-radius:50%;position:absolute;inset:15%}.contact-sphere:after{inset:33%}.contact-modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(15px)saturate(.65);background:#040407c7;place-items:center;padding:24px;animation:.24s both contactBackdropIn;display:grid;position:fixed;inset:0}.contact-modal-backdrop:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 32%,#784cd31f,#0000 32%),radial-gradient(circle at 65% 78%,#38bdf80f,#0000 28%);position:absolute;inset:0}.contact-modal{color:#e9edf1;text-align:center;background:radial-gradient(circle at 15% 3%,#9d5cff14,#0000 30%),linear-gradient(155deg,#18151ffa,#0d0c12fa);border:1px solid #cabee247;border-radius:38px;width:min(560px,100vw - 48px);max-height:calc(100vh - 48px);padding:42px 40px 38px;animation:.36s cubic-bezier(.2,.8,.25,1) both contactModalIn;position:relative;overflow-y:auto;box-shadow:0 42px 120px #0000009e,inset 0 1px #ffffff12,0 0 50px #7241b814}.contact-modal:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#ffffff52,#0000 24% 72%,#66e5f147);position:absolute;inset:-1px}.contact-modal-close{color:#8f929b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:43px;height:43px;padding:0;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid;position:absolute;top:22px;right:24px}.contact-modal-close:hover,.contact-modal-close:focus-visible{color:#f4f6f8;background:#ffffff0f;border-color:#ffffff1f;outline:none;transform:rotate(6deg)}.contact-modal-avatar{background:radial-gradient(circle at 50% 45%,#9f52da2e,#0000 52%),#111016;border:1px solid #d8cee83d;border-radius:27px;width:132px;height:154px;margin:0 auto 22px;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 18px 48px #00000047}.contact-modal-avatar img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 12px #e746dc38);width:100%;height:100%}.contact-modal h2{color:#e8edf2;letter-spacing:.08em;margin:0;font-size:31px;font-weight:700;line-height:1}.contact-modal-location{color:#777a83;letter-spacing:.1em;justify-content:center;align-items:center;gap:8px;margin:15px 0 28px;font-size:16px;display:flex}.contact-modal-company{background:linear-gradient(145deg,#ffffff09,#9d5cff06);border:1px solid #d8cee833;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:118px;padding:19px 24px;display:flex}.contact-modal-company img{object-fit:contain;mix-blend-mode:screen;filter:invert()hue-rotate(180deg)saturate(1.08)brightness(.9)contrast(1.08);opacity:.86;width:auto;max-width:280px;height:34px}.contact-modal-company strong{color:#b9bbc2;letter-spacing:.08em;font-size:15px;font-weight:500}.contact-modal-company span{color:#73767e;letter-spacing:.08em;font-size:14px}.contact-modal-actions{gap:13px;margin-top:22px;display:grid}.contact-modal-action{color:#c8cbd1;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #d8cee833;border-radius:21px;grid-template-columns:28px 1fr auto;align-items:center;gap:14px;width:100%;min-height:72px;padding:0 24px;transition:color .19s,border-color .19s,background .19s,transform .19s;display:grid}.contact-modal-action span{letter-spacing:.025em;font-size:18px;font-style:normal}.contact-modal-action em{color:#666a73;white-space:nowrap;font-size:13px;font-style:normal}.contact-modal-email>svg:first-child{color:#e574e9}.contact-modal-email>svg:last-child{color:#777b84}.contact-modal-wechat>svg{color:#24d18b}.contact-modal-action:hover,.contact-modal-action:focus-visible{color:#f2f5f7;background:linear-gradient(110deg,#9d5cff1a,#66e5f109);border-color:#a875eb7a;outline:none;transform:translateY(-2px)}@keyframes contactBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes contactModalIn{0%{opacity:0;transform:translateY(22px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1350px){.container{width:calc(100% - 64px)}.hero-name-wrap h1{font-size:88px}.portrait-magnet{width:360px;height:360px;bottom:-1px}.hero-role{width:450px}.hero-role-title{max-width:450px;margin-bottom:18px;font-size:16.5px}.employment-logos{gap:20px;height:32px}.employment-logo-star{height:32px}.employment-logo-vetech{width:116px;height:29px}.about-floating{width:175px}.about-floating img{height:126px}.education-panel{width:960px}.experience-panel{width:1050px}.project-console{width:100%}.project-detail{padding:42px 38px 34px}.project-tabs button{padding:14px}.contact-card{width:720px}.contact-channel{min-width:275px;font-size:20px}.contact-mail{min-width:330px}}@media (width<=900px){body{min-width:0}.site-shell{overflow:hidden}.container{width:calc(100% - 32px)}.pointer-light{display:none}.section-label{letter-spacing:.2em;font-size:11px}.floating-dock{grid-template-columns:auto 46px;gap:7px;top:16px;left:16px}.dock-current,.dock-toggle{height:46px}.dock-current{min-width:104px;padding:0 16px;font-size:13px}.dock-toggle{border-radius:14px}.dock-menu{border-radius:18px;width:158px}.creator-hero{height:max(720px,100svh);min-height:720px}.hero-aero-background{opacity:.8}.hero-name-wrap{top:102px;left:16px;right:16px}.hero-name-wrap h1{white-space:nowrap;letter-spacing:.012em;word-spacing:.08em;font-size:clamp(29px,9.2vw,54px);line-height:1}.portrait-magnet{width:min(94vw,430px);height:min(94vw,430px);bottom:-1px}.hero-portrait:before{filter:blur(8px)}.hero-bottom{grid-template-columns:minmax(0,1fr) auto;gap:12px;width:auto;bottom:20px;left:16px;right:16px;transform:none}.hero-role{-webkit-backdrop-filter:blur(13px);background:#0a090d8a;border:1px solid #ffffff1a;border-radius:18px;width:auto;min-width:0;padding:13px 12px}.hero-role-title{letter-spacing:.02em;max-width:100%;margin-bottom:11px;font-size:clamp(11px,3vw,14px);line-height:1.45}.employment-label{margin-bottom:8px;font-size:10px}.employment-logos{gap:12px;height:23px}.employment-logo-star{height:23px}.employment-logo-vetech{width:82px;height:22px}.contact-pill{gap:8px;min-width:108px;height:50px;padding:0 14px;font-size:13px}.marquee-section{height:246px;padding:20px 0}.marquee-row{gap:12px}.marquee-tile{border-radius:21px;width:280px;height:206px}.about-section{padding:88px 0 72px}.about-floating{display:none}.about-inner>h2{margin:8px 0 38px;font-size:clamp(50px,15vw,92px)}.about-statement{text-align:left;width:100%;font-size:clamp(17px,4.5vw,22px);line-height:1.72}.about-metrics{width:100%;margin:52px auto 66px}.about-metrics div{min-height:112px;padding:16px 8px}.about-metrics strong{font-size:clamp(28px,8vw,42px)}.about-metrics span{font-size:10px;line-height:1.45}.education-panel{border-radius:30px;width:100%}.education-panel>.border-glow-inner{grid-template-columns:1fr}.education-image{aspect-ratio:16/10;padding:9px}.education-image img{object-position:center 58%;border-radius:22px}.education-copy{padding:30px 24px 32px}.education-copy>span{font-size:10px;line-height:1.5}.education-copy h3{margin-top:9px;font-size:31px}.education-copy>p{margin-bottom:23px;font-size:14px;line-height:1.55}.education-skills{gap:7px}.education-skills span,.project-tags span{padding:7px 10px;font-size:11px}.capabilities-section{padding:86px 0 92px}.capabilities-title{margin:8px 0 48px;font-size:clamp(46px,13.6vw,80px)}.capability-list{width:100%;margin-bottom:68px}.capability-item{grid-template-columns:56px 34px minmax(0,1fr);gap:8px;min-height:0;padding:25px 4px}.capability-item:hover{padding-inline:4px}.capability-number{font-size:38px}.capability-icon svg{width:23px;height:23px}.capability-copy{display:block}.capability-copy h3{margin-bottom:8px;font-size:19px}.capability-copy p{font-size:13px;line-height:1.68}.capability-arrow{display:none}.experience-panel{border-radius:30px;width:100%;min-height:0}.experience-panel>.eb-content{grid-template-columns:1fr}.experience-intro,.experience-description{padding:34px 27px}.experience-intro{border-right:0;border-bottom:1px solid var(--line)}.experience-intro h3{margin:22px 0 5px;font-size:42px}.experience-intro p{margin-bottom:0}.experience-description>p{margin-bottom:24px;font-size:16px}.experience-description li{align-items:flex-start;font-size:13px;line-height:1.55}.experience-description li svg{flex:none;margin-top:2px}.projects-section{padding:10px}.projects-shell{border-radius:34px;padding:78px 12px 24px}.projects-title{margin-top:8px;font-size:clamp(52px,16vw,88px)}.neon-rule{width:58px;height:3px;margin:20px auto 42px}.project-console{border-radius:28px;width:100%}.project-console-main{grid-template-columns:1fr;min-height:0}.project-visual-grid,.project-visual-grid--01,.project-visual-grid--02,.project-visual-grid--03,.project-visual-grid--04,.project-visual-grid--05{aspect-ratio:4/3;border-right:0;border-bottom:1px solid var(--line);grid-template-rows:1fr 1fr;grid-template-columns:1.6fr 1fr;align-self:auto;gap:7px;padding:8px}.project-visual-grid--05:before{display:none}.project-visual-grid--05 .project-visual-main{clip-path:none;grid-area:1/auto/3}.project-visual-grid img{border-radius:16px}.project-visual-main{grid-row:1/3}.project-visual-index{font-size:64px;bottom:18px;left:20px}.project-detail{padding:27px 22px 28px}.project-detail-top{letter-spacing:.15em;font-size:9px;line-height:1.5}.project-detail h3{margin:29px 0 17px;font-size:27px}.project-facts{flex-wrap:wrap;margin-bottom:23px}.project-detail>p{margin-bottom:23px;font-size:14px;line-height:1.75}.project-controls{padding-top:26px}.project-controls button{width:44px;height:44px}.project-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;display:flex;overflow-x:auto}.project-tabs::-webkit-scrollbar{display:none}.project-tabs button{flex:none;min-width:176px;min-height:82px;padding:13px 15px}.contact-section,.contact-layout{min-height:720px}.contact-layout{width:calc(100% - 32px);padding:88px 0 58px}.contact-layout h2{letter-spacing:-.045em;margin:25px 0 42px;font-size:clamp(41px,12vw,68px);line-height:1.12}.contact-card{width:100%}.contact-identity{margin-bottom:20px;font-size:18px;line-height:1.45}.contact-channels{flex-direction:column;gap:11px;width:100%}.contact-channel,.contact-mail{width:100%;min-width:0;height:58px;padding:0 16px;font-size:16px}.contact-location{margin:25px 0 37px;font-size:16px}.contact-primary{border-width:2px;width:210px;height:70px;font-size:21px}.contact-sphere{width:520px;height:520px;top:21%;right:-72%}.contact-modal-backdrop{padding:16px}.contact-modal{border-radius:30px;width:min(560px,100vw - 32px);max-height:calc(100svh - 32px);padding:34px 24px 28px}.contact-modal-close{top:16px;right:17px}.contact-modal-avatar{border-radius:24px;width:116px;height:136px;margin-bottom:20px}.contact-modal h2{font-size:27px}.contact-modal-location{margin:13px 0 23px;font-size:14px}.contact-modal-company{border-radius:22px;min-height:110px;padding:17px 16px}.contact-modal-company img{max-width:210px;height:29px}.contact-modal-company strong{font-size:13px}.contact-modal-company span{font-size:12px}.contact-modal-actions{gap:10px;margin-top:18px}.contact-modal-action{border-radius:18px;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;min-height:64px;padding:0 16px}.contact-modal-action span{overflow-wrap:anywhere;font-size:15px}.contact-modal-action em{font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}