@property --cursor-angle{syntax: "<angle>"; inherits: true; initial-value: 45deg;}@property --edge-proximity{syntax: "<number>"; inherits: true; initial-value: 82;}.border-glow-card{--edge-proximity: 82;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;display:grid;isolation:isolate;overflow:visible;border:1px solid rgb(255 255 255 / 15%);border-radius:var(--border-radius);background:var(--card-bg, #120f17);box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px;animation:none}.border-glow-card.is-glow-running{animation:borderGlowFlow 7.2s linear infinite}html.is-scrolling .border-glow-card.is-glow-running{animation-play-state:paused}@keyframes borderGlowFlow{0%{--cursor-angle: 45deg;--edge-proximity: 76}50%{--cursor-angle: 225deg;--edge-proximity: 96}to{--cursor-angle: 405deg;--edge-proximity: 76}}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;transition:opacity .25s ease-out}.border-glow-card:before{border:1px solid transparent;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%, #c084fc 0, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, #f472b6 0, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, #38bdf8 0, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, #c084fc 0, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, #f472b6 0, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, #38bdf8 0, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, #f472b6 0, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c084fc 0 100%)) border-box;-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%));opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)))}.border-glow-card:after{display:none}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);z-index:1;pointer-events:none;-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)))}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 5px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 14px 0 var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 2px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 8px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 20px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 38px 4px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{position:relative;z-index:2;display:flex;flex-direction:column;min-width:0;overflow:visible}.grainient-container{position:relative;width:100%;height:100%;overflow:hidden}:root{color-scheme:dark;--bg: #101010;--panel: #151515;--panel-2: #1d1d1d;--white: #f4f4f4;--muted: #9a9a9a;--blue: #095dd7;--blue-2: #079cec;--yellow: #ffe542;--magenta: #f34de7;--green: #41f36a;--orange: #ff8d21;--line: rgba(255, 255, 255, .18);--max: 1700px;--anchor-offset: 96px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--anchor-offset)}body{margin:0;min-width:1180px;overflow-x:hidden;color:var(--white);background:radial-gradient(circle at 10% 4%,rgba(9,93,215,.26),transparent 24rem),radial-gradient(circle at 88% 18%,rgba(243,77,231,.18),transparent 22rem),var(--bg);font-family:Arial Black,Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{overflow:visible}.post-hero-stage{position:relative;z-index:2;isolation:isolate;overflow:visible;background:radial-gradient(circle at 12% 6%,rgba(71,129,184,.62),transparent 34rem),radial-gradient(circle at 78% 10%,rgba(114,72,132,.44),transparent 38rem),radial-gradient(circle at 56% 44%,rgba(22,49,80,.54),transparent 48rem),radial-gradient(circle at 18% 82%,rgba(7,156,236,.22),transparent 42rem),radial-gradient(circle at 86% 74%,rgba(243,77,231,.16),transparent 40rem),#050505;background-size:170% 170%,160% 160%,180% 180%,150% 150%,150% 150%,100% 100%}.post-hero-grainient{position:sticky;top:0;z-index:1;height:100vh;margin-bottom:-100vh;pointer-events:none;opacity:.84}.post-hero-grainient canvas{position:relative;z-index:1}.post-hero-grainient:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url(./background-noise-DgvD_RRa.png);background-repeat:repeat;background-size:220px 220px;opacity:.48;mix-blend-mode:overlay}.post-hero-stage:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(92deg,#4781b8bd,#41303e9e 44%,#000000e0 78%),radial-gradient(ellipse at 20% 14%,rgba(7,156,236,.42),transparent 34%),radial-gradient(ellipse at 72% 28%,rgba(243,77,231,.24),transparent 38%),radial-gradient(ellipse at 48% 68%,rgba(9,93,215,.24),transparent 46%);opacity:.9;background-size:170% 170%,145% 145%,150% 150%,165% 165%}.post-hero-stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,5,.22),transparent 18rem,rgba(5,5,5,.32)),linear-gradient(115deg,transparent 0 24%,rgba(255,255,255,.075) 36%,rgba(7,156,236,.12) 46%,transparent 62% 100%);background-size:100% 100%,260% 100%;opacity:.82}.post-hero-content{position:relative;z-index:3}.shell{width:min(calc(100% - 80px),var(--max));margin:0 auto}.hero{position:relative;z-index:1;isolation:isolate;padding:128px 0 78px;background:linear-gradient(180deg,#090909,#101010)}.nav{position:fixed;left:50%;top:22px;z-index:1000;width:min(calc(100% - 80px),var(--max));transform:translate(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:10px 0}.brand{display:inline-grid;width:max-content;padding:11px 16px 12px;border:1px solid rgba(255,255,255,.16);border-radius:18px;color:var(--white);background:#0c0b0f7a;box-shadow:0 14px 42px #00000042,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18);font-size:28px;font-weight:900;line-height:.92;letter-spacing:0}.brand span:first-letter{color:var(--blue)}.brand strong{font-size:26px}.nav-links{--active-left: 8px;--active-width: 0px;--active-opacity: 0;position:relative;display:flex;gap:8px;padding:8px;border:0;border-radius:inherit;background:#120f1757;box-shadow:none;isolation:isolate;overflow:hidden;-webkit-backdrop-filter:blur(20px) saturate(1.18);backdrop-filter:blur(20px) saturate(1.18)}.nav-links:before{content:"";position:absolute;top:8px;left:var(--active-left);z-index:0;width:var(--active-width);height:calc(100% - 16px);border-radius:999px;background:linear-gradient(135deg,#ffda67f5,#69d4ffc2);box-shadow:0 8px 22px #ffda6738,inset 0 1px #ffffff57;opacity:var(--active-opacity);pointer-events:none;transform:translateZ(0);transition:left .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1),opacity .18s ease-out}.nav-glow-card{--card-bg: rgba(18, 15, 23, .42);justify-self:center;border-radius:999px;background:#120f1752;-webkit-backdrop-filter:blur(24px) saturate(1.24);backdrop-filter:blur(24px) saturate(1.24)}.nav-glow-card>.border-glow-inner:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#120f1770;box-shadow:inset 0 1px #ffffff14,0 16px 46px #00000038}.nav-glow-card:before{background:none;opacity:0;-webkit-mask-image:none;mask-image:none}.nav-glow-card:after{background:none;opacity:0;-webkit-mask-image:none;mask-image:none}.nav-glow-card>.edge-light{z-index:3}.nav-glow-card>.edge-light:before{box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 4px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 14px 1px var(--glow-color-20, hsl(40deg 80% 80% / 20%))}.nav-glow-card,.nav-cta-glow-card{--edge-proximity: 72}.nav-glow-card .border-glow-inner,.nav-cta-glow-card .border-glow-inner{border-radius:inherit}.nav-links a,.nav-cta{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:999px;font-size:14px;font-weight:900}.nav-links a{position:relative;z-index:1;padding:0 22px;transition:color .22s ease,transform .22s ease,text-shadow .22s ease,background .22s ease}.nav-links a:hover{color:#0b0b0b;background:var(--yellow)}.nav-links a.is-active{color:#090909;text-shadow:none;transform:translateY(-1px)}.nav-links a.is-active:hover{background:transparent}.nav-cta{justify-self:end;padding:0 24px;color:#050505;background:var(--yellow);box-shadow:7px 7px 0 var(--blue)}.nav-cta-glow-card{justify-self:end;border-radius:999px}.nav-cta-glow-card .nav-cta{box-shadow:none}.hero-poster{position:relative;overflow:hidden;z-index:1;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.16);background:#060606;box-shadow:0 40px 110px #0000008f,0 0 0 10px #ffffff05}.hero-poster:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 22%,transparent 76%,rgba(0,0,0,.16)),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 3px 4px);mix-blend-mode:overlay}.hero-poster img,.hero-poster video{display:block;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;transform:translateZ(0)}.section{position:relative;padding:82px 0;scroll-margin-top:0;background:transparent}.intro{z-index:3;isolation:isolate;overflow:visible}.intro .shell{position:relative;z-index:3}.section-title{display:flex;align-items:baseline;gap:16px;margin-bottom:36px;overflow:hidden}.section-title h2{margin:0;font-size:38px;line-height:1;letter-spacing:0;transform-origin:left center;will-change:transform,opacity}.section-title span{color:var(--muted);font-family:Segoe UI,sans-serif;font-size:16px;transform-origin:left center;will-change:transform,opacity}.intro-grid{display:grid;grid-template-columns:520px minmax(0,1fr);gap:46px;align-items:start;overflow:visible}.glitch-frame,.terminal-panel,.stat{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff0f,#ffffff05),var(--panel)}.profile-card{position:relative;display:flex;flex-direction:column;padding:16px;min-height:0;box-shadow:12px 12px 0 var(--blue);will-change:transform,opacity}.intro .profile-card,.intro .experience-glow-card,.intro .skills-glow-card{backface-visibility:visible;clip-path:none!important;contain:none;filter:none!important;opacity:1!important;transform-style:flat;transform:none!important;will-change:auto!important}.intro .profile-card *,.intro .experience-glow-card *,.intro .skills-glow-card *{clip-path:none!important}.intro .profile-card,.intro .panel-stack,.intro .experience-glow-card,.intro .skills-glow-card,.intro .border-glow-inner{overflow:visible}.intro .border-glow-card{transform:none!important}.intro-poster-card{align-self:start}.profile-card:before{content:"";position:absolute;left:-10px;top:-10px;width:72px;height:72px;background:linear-gradient(90deg,var(--yellow) 0 22px,transparent 22px),linear-gradient(var(--yellow) 0 22px,transparent 22px)}.profile-image{height:456px;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:#000}.intro-poster-image{aspect-ratio:3 / 4;min-height:0;height:auto;flex:0 0 auto}.profile-image img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(1.05) contrast(1.05);will-change:transform}.intro-poster-image img{object-fit:contain;object-position:center center;filter:saturate(1.08) contrast(1.04);transform:none!important;will-change:auto!important}.name-strip{display:flex;align-items:center;gap:12px;margin:-26px 18px 18px;position:relative;z-index:2}.info-strip{margin-top:-42px}.name-strip strong{padding:12px 20px;color:#050505;background:var(--yellow);font-size:28px;line-height:1;box-shadow:6px 6px 0 var(--magenta)}.name-strip span{padding:9px 12px;color:#050505;background:var(--green);font-size:13px;font-weight:900}.profile-contact{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 18px 0;font-family:Segoe UI,sans-serif;flex:0 0 auto}.contact-badge{display:inline-flex;min-height:50px;align-items:center;gap:10px;border:3px solid #050505;padding:0 16px;color:#050505;background:var(--yellow);font-size:18px;font-weight:900;box-shadow:5px 5px 0 var(--blue)}.contact-badge i{display:inline-grid;min-width:42px;height:30px;place-items:center;border:2px solid #050505;color:#fff;background:var(--blue);font-size:12px;font-style:normal}.contact-badge.phone{color:#fff;background:var(--blue);box-shadow-color:var(--yellow)}.contact-badge.phone i{color:#050505;background:var(--yellow)}.contact-badge.city{width:max-content;background:var(--magenta)}.intro-floating-copy{position:relative;z-index:3;width:calc(100% - 36px);margin:14px 18px 0;padding:24px;border:1px solid rgba(255,255,255,.24);background:#080808bd;box-shadow:8px 8px #095dd7a3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:0 0 auto}.intro-floating-copy strong{display:inline-flex;margin-bottom:10px;padding:5px 10px;color:#050505;background:var(--yellow);font-size:21px}.intro-floating-copy p{margin:0 0 10px;color:#e8e8e8;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:17px;line-height:1.82}.intro-floating-copy p:last-child{margin-bottom:0;color:var(--yellow);font-weight:800}.panel-stack{display:grid;gap:22px}.terminal-panel{position:relative;padding:34px;min-height:190px}.experience-glow-card,.skills-glow-card{--edge-proximity: 66;width:100%;will-change:transform,opacity}.experience-glow-card .terminal-panel,.skills-glow-card .terminal-panel{border:0;border-radius:28px;background:linear-gradient(135deg,#ffffff13,#ffffff06),#120f17e6}.experience-glow-card .border-glow-inner,.skills-glow-card .border-glow-inner{border-radius:28px}.skills-panel{min-height:470px}.terminal-panel:after{content:"×";position:absolute;right:12px;top:6px;color:#ffffff80}.terminal-panel.large{min-height:405px}.panel-label{display:inline-flex;margin-bottom:18px;padding:7px 14px;color:#050505;background:var(--blue-2);font-size:18px;font-weight:900;box-shadow:4px 4px 0 var(--yellow)}.ability-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.ability-row span{display:grid;width:54px;height:54px;place-items:center;border-radius:12px;color:#050505;background:var(--yellow);font-size:18px;font-weight:900}.ability-row span:nth-child(2n){color:#fff;background:var(--blue)}.ability-row span:nth-child(3n){background:var(--magenta)}.skill-board{overflow:hidden;margin-bottom:20px;border:2px solid rgba(255,255,255,.14);border-radius:14px;background:#111;box-shadow:8px 8px #095dd76b}.skill-board img{display:block;width:100%;height:auto}.terminal-panel p,.job-row p,.work-content small{color:#c8c8c8;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.75}.job-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}.job-row time{color:var(--yellow);font-family:Segoe UI,sans-serif;font-weight:900}.job-row h3{margin:0 0 4px;font-size:19px}.job-row strong{color:var(--blue-2)}.job-row p{margin:8px 0 0}.directory{padding-top:36px}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;max-width:1280px;margin:0 auto}.directory-glow-card{--edge-proximity: 70;border-radius:28px;will-change:transform,opacity}.directory-glow-card.is-active{border-color:#ffe5429e;box-shadow:0 0 0 2px #ffe54252,0 0 28px #ffe54233,0 28px 78px #0000006b}.directory-glow-card .border-glow-inner{border-radius:inherit}.directory-item{position:relative;display:block;min-height:100%;padding:32px 28px 34px;text-align:center;border-radius:inherit;transition:background .24s ease,box-shadow .24s ease,transform .24s ease}.thumb,.work-thumb{position:relative;display:block;overflow:hidden;border-radius:28px 6px;background:linear-gradient(135deg,var(--blue),var(--blue-2) 42%,var(--magenta) 43% 62%,var(--yellow) 63%);box-shadow:8px 8px #ffffff14}.thumb{width:232px;height:232px;margin:0 auto 24px}.thumb i,.work-thumb i{position:absolute;inset:18%;border:4px solid rgba(0,0,0,.8);border-radius:50%;transform:rotate(-18deg)}.thumb img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;border-radius:22px 5px}.directory-item .thumb i{display:none}.directory-item strong{display:block;color:#fff;font-size:42px;line-height:1}.directory-item p{margin:8px 0 3px;font-size:24px;font-weight:900}.directory-item small{color:var(--muted);font-family:Segoe UI,sans-serif;font-size:14px}.directory-open{display:inline-flex;min-height:34px;align-items:center;justify-content:center;margin:-8px 0 20px;padding:0 18px;border-radius:999px;color:#050505;background:var(--yellow);font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:13px;font-weight:900;box-shadow:4px 4px #095dd7b8}.directory-item.is-active{color:#fff;background:linear-gradient(90deg,rgba(255,229,66,.18),transparent 24%,transparent 76%,rgba(9,93,215,.18)),radial-gradient(circle at 50% 18%,rgba(255,229,66,.18),transparent 36%),linear-gradient(180deg,#120f17f5,#08080cdb);box-shadow:inset 0 0 0 2px #ffe54285,inset 0 0 46px #ffe5421f,0 18px 52px #00000047;transform:translateY(-2px)}.directory-item.is-active:before{content:"已选择";position:absolute;top:22px;right:24px;z-index:3;display:inline-flex;min-height:30px;align-items:center;padding:0 14px;border-radius:999px;color:#050505;background:var(--yellow);font-size:12px;font-weight:900;box-shadow:0 0 0 1px #ffffff2e,4px 4px #095dd7b8}.directory-item.is-active .directory-open{color:#fff;background:var(--blue);box-shadow:4px 4px #ffe542c7}.directory-item.is-active strong{color:var(--yellow)}.directory-item.is-active small{color:#ffffffa8}.cyan .thumb,.cyan .work-thumb{background:linear-gradient(135deg,#05a6ff,#0754c7 44%,#f34de7 45% 62%,#ffe542 63%)}.yellow .thumb,.yellow .work-thumb{background:linear-gradient(135deg,#ffe542,#ff8d21 42%,#095dd7 43% 70%,#f34de7 71%)}.magenta .thumb,.magenta .work-thumb{background:linear-gradient(135deg,#f34de7,#095dd7 42%,#04b7ff 43% 70%,#ffe542 71%)}.blue .thumb,.blue .work-thumb{background:linear-gradient(135deg,#095dd7,#04b7ff 46%,#101010 47% 62%,#ffe542 63%)}.green .thumb,.green .work-thumb{background:linear-gradient(135deg,#41f36a,#095dd7 46%,#f34de7 47% 66%,#ffe542 67%)}.works{background:transparent}.works-detail{grid-column:1 / -1;width:100%;animation:worksDetailIn .78s cubic-bezier(.19,1,.22,1) both}.directory-grid>.works-detail{margin:10px 0 8px}.directory-grid>.works-detail .shell{width:100%}.preview-works-stage:not(.has-active-work){display:none}.preview-works-stage .portfolio-group{display:none}.preview-works-stage .portfolio-group.is-active-work{display:block}@keyframes worksDetailIn{0%{opacity:0;transform:translateY(42px)}to{opacity:1;transform:translateY(0)}}.portfolio-group{position:relative;padding:96px 0 110px;scroll-margin-top:0;border-top:1px solid rgba(255,255,255,.08)}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px;overflow:hidden}.portfolio-heading span{display:block;margin-bottom:8px;font-size:96px;line-height:.82;transform-origin:left center;will-change:transform,opacity}.portfolio-heading p{margin:0 0 8px;color:var(--muted);font-family:Segoe UI,sans-serif;font-size:18px;transform-origin:left center;will-change:transform,opacity}.portfolio-heading h2{display:inline-block;margin:0;color:#fff;font-size:42px;line-height:1.18;background:linear-gradient(transparent 58%,var(--blue) 58%);transform-origin:left center;will-change:transform,opacity}.yellow .portfolio-heading h2{background:linear-gradient(transparent 58%,var(--yellow) 58%)}.magenta .portfolio-heading h2{background:linear-gradient(transparent 58%,var(--magenta) 58%)}.blue .portfolio-heading h2{background:linear-gradient(transparent 58%,var(--blue-2) 58%)}.portfolio-heading small{color:#ffffff85;font-family:Segoe UI,sans-serif;font-size:13px;font-weight:800;text-transform:uppercase;transform-origin:right center;will-change:transform,opacity}.portfolio-actions{display:grid;justify-items:end;gap:14px}.portfolio-back{min-height:40px;padding:0 18px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#050505;background:var(--yellow);font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:13px;font-weight:900;cursor:pointer;box-shadow:5px 5px #095dd7b8;transition:transform .22s ease,box-shadow .22s ease}.portfolio-back:hover{transform:translateY(-2px);box-shadow:7px 7px #095dd7b8}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.portfolio-group.compact .portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.portfolio-group.yellow.compact .portfolio-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.portfolio-group.yellow.compact .portfolio-item{grid-column:span 2}.portfolio-group.yellow.compact .portfolio-item:nth-child(n+4){grid-column:span 3}.portfolio-group.magenta.compact .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.interior-circular-gallery{position:relative;height:760px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:radial-gradient(circle at 18% 14%,rgba(7,156,236,.26),transparent 31rem),radial-gradient(circle at 80% 18%,rgba(255,229,66,.12),transparent 34rem),#050505b8;box-shadow:12px 12px #079cec40,0 34px 95px #0000006b;will-change:transform,opacity}.interior-circular-gallery:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,.9),transparent 18%,transparent 82%,rgba(5,5,5,.9))}.interior-circular-gallery .circular-gallery{position:relative;z-index:2}.portfolio-loading{min-height:320px;border-radius:8px;background:linear-gradient(100deg,transparent 0 32%,rgba(255,255,255,.14) 44%,transparent 56% 100%),#ffffff09;background-size:240% 100%;animation:portfolioLoadingSweep 1.8s cubic-bezier(.45,0,.2,1) infinite}@keyframes portfolioLoadingSweep{0%{background-position:120% 0}to{background-position:-120% 0}}.preview-interior-gallery{display:flex;align-items:center;perspective:1200px;cursor:zoom-in;touch-action:pan-y;user-select:none;-webkit-user-select:none}.preview-interior-gallery.is-dragging,.preview-interior-gallery.is-dragging *{cursor:grabbing}.preview-interior-track{position:relative;z-index:2;display:flex;min-width:max-content;align-items:center;gap:42px;padding:86px 92px 110px;transform-style:preserve-3d;animation:none;cursor:zoom-in;will-change:transform}.preview-interior-card{position:relative;flex:0 0 540px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#050505db;box-shadow:10px 10px #079cec38,0 24px 70px #00000075;transform:translateY(var(--interior-y, 0)) rotateY(var(--interior-ry, 0deg)) rotate(var(--interior-rz, 0deg));transform-origin:center center;user-select:none;-webkit-user-select:none;cursor:zoom-in}.preview-interior-card:nth-child(2n){--interior-y: -28px;--interior-ry: 7deg;--interior-rz: 1deg}.preview-interior-card:nth-child(odd){--interior-y: 18px;--interior-ry: -8deg;--interior-rz: -1deg}.preview-interior-card img{display:block;width:100%;height:auto;background:#050505;pointer-events:auto;cursor:zoom-in;user-select:none;-webkit-user-drag:none;-webkit-user-select:none}.preview-interior-card figcaption{padding:14px 16px 17px;color:#fff;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:18px;font-weight:900;pointer-events:auto;cursor:zoom-in;user-select:none;-webkit-user-select:none}.interior-preview-lightbox{position:fixed;inset:0;z-index:3200;display:grid;place-items:center;padding:28px;background:#000000d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overscroll-behavior:contain;cursor:zoom-out;animation:interiorPreviewBackdropIn .22s ease-out both}.interior-preview-lightbox.is-closing{animation:interiorPreviewBackdropOut .22s ease-in both}.interior-preview-panel{position:relative;display:flex;width:fit-content;max-width:min(1400px,calc(100vw - 56px));max-height:calc(100vh - 56px);flex-direction:column;align-items:center;overflow:visible;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#050505f5;box-shadow:14px 14px #079cec3d,0 34px 110px #0000009e;cursor:default;animation:interiorPreviewZoomIn .28s cubic-bezier(.19,1,.22,1) both}.interior-preview-lightbox.is-closing .interior-preview-panel{animation:interiorPreviewZoomOut .2s cubic-bezier(.45,0,.2,1) both}.interior-preview-image{display:block;width:auto;max-width:min(1400px,calc(100vw - 56px));max-height:calc(100vh - 132px);object-fit:contain;border-radius:8px 8px 0 0;background:#050505;user-select:none;-webkit-user-drag:none;-webkit-user-select:none}.interior-preview-title{width:100%;padding:16px 20px 18px;color:#fff;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:18px;font-weight:900;text-align:left}.interior-preview-close{position:absolute;right:-18px;top:-18px;z-index:3;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:999px;color:#050505;background:var(--yellow);font-size:30px;font-weight:900;line-height:1;cursor:pointer;box-shadow:5px 5px 0 var(--blue)}@keyframes interiorPreviewBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes interiorPreviewBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes interiorPreviewZoomIn{0%{opacity:0;transform:scale(.82) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes interiorPreviewZoomOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.86) translateY(12px)}}@keyframes previewInteriorDrift{0%{transform:translate(0)}to{transform:translate(-34%)}}.tilted-video-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:radial-gradient(circle at 18% 14%,rgba(243,77,231,.25),transparent 30rem),radial-gradient(circle at 82% 20%,rgba(9,93,215,.3),transparent 34rem),#050505b8;box-shadow:12px 12px #f34de740,0 34px 95px #0000006b;will-change:transform,opacity}html.is-scrolling .tilted-video-grid,html.is-scrolling .interior-circular-gallery,html.is-scrolling .portfolio-item{box-shadow:none}html.is-scrolling .tilted-card-figure{perspective:none}html.is-scrolling .tilted-card-inner{transform:none!important;box-shadow:none}.cyan .tilted-video-grid{background:radial-gradient(circle at 18% 14%,rgba(5,166,255,.25),transparent 30rem),radial-gradient(circle at 82% 20%,rgba(243,77,231,.2),transparent 34rem),#050505b8;box-shadow:12px 12px #05a6ff3d,0 34px 95px #0000006b}.yellow .tilted-video-grid{background:radial-gradient(circle at 18% 14%,rgba(255,229,66,.24),transparent 30rem),radial-gradient(circle at 82% 20%,rgba(9,93,215,.26),transparent 34rem),#050505b8;box-shadow:12px 12px #ffe54238,0 34px 95px #0000006b}.tilted-video-grid:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,.34),transparent 28%,transparent 72%,rgba(5,5,5,.34))}.tilted-video-grid>*{position:relative;z-index:1}.cyan .tilted-card-inner{box-shadow:10px 10px #05a6ff38,0 26px 78px #00000070}.yellow .tilted-card-inner{box-shadow:10px 10px #ffe54238,0 26px 78px #00000070}.preview-tilted-card{position:relative;height:330px;margin:0;perspective:900px;cursor:pointer}.preview-tilted-card video{display:block;width:100%;height:300px;object-fit:contain;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#050505;box-shadow:10px 10px #f34de73d,0 26px 78px #00000070;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-origin:center center;transition:transform .7s cubic-bezier(.19,1,.22,1),box-shadow .7s cubic-bezier(.19,1,.22,1)}.preview-tilted-card.has-poster .preview-card-poster{position:absolute;inset:0 0 auto;z-index:4;display:block;height:300px;overflow:hidden;border:0;border-radius:8px;background:transparent;pointer-events:auto;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateZ(26px);transform-origin:center center;opacity:1;transition:opacity .25s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1)}.preview-tilted-card.has-poster:not(.is-playing) video,.preview-tilted-card.has-poster:not(.is-playing) figcaption{opacity:0}.preview-card-poster-media{position:relative;z-index:1;display:inline-block;width:fit-content;max-width:100%;height:100%;overflow:hidden}.preview-card-poster-media:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(-30deg,#0000 58%,#8eaef057 70%,#0000 82% 100%);background-position:-100% -100%,0 0;background-repeat:no-repeat;background-size:310% 310%,100% 100%;mix-blend-mode:screen;pointer-events:none;transition:background-position .9s cubic-bezier(.19,1,.22,1)}.preview-card-poster-media:after{content:"";position:absolute;left:50%;top:50%;z-index:3;width:68px;height:68px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 32'%3E%3Cpath fill='%23fff' d='M4 2l22 14L4 30z'/%3E%3C/svg%3E") center / 22px 26px no-repeat,#0505058a;box-shadow:0 0 0 1px #ffffff3d,0 18px 48px #00000057;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.92);transition:opacity .28s cubic-bezier(.19,1,.22,1),transform .28s cubic-bezier(.19,1,.22,1)}.preview-tilted-card.has-poster:not(.is-playing):hover .preview-card-poster-media:before{background-position:100% 100%,0 0}.preview-tilted-card.has-poster:not(.is-playing):hover .preview-card-poster-media:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.preview-tilted-card.has-poster .preview-card-poster img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;background:transparent;transition:filter .42s cubic-bezier(.19,1,.22,1),transform .42s cubic-bezier(.19,1,.22,1)}.preview-tilted-card.has-poster.is-playing .preview-card-poster{opacity:0;transform:rotateX(0) rotateY(0) translateZ(26px)}.preview-tilted-card.has-poster.is-playing .preview-card-poster img{filter:none;transform:none}#work-01 .preview-tilted-card:hover video{transform:rotateX(0) rotateY(0)}#work-01 .preview-tilted-card video{border:0}.preview-tilted-card:fullscreen{width:100vw;height:100vh;background:#050505}.preview-tilted-card:fullscreen video{width:100vw;height:100vh}.preview-video-progressbar{position:absolute;left:18px;right:18px;bottom:46px;z-index:10;display:flex;align-items:center;min-height:28px;padding:8px 10px;border-radius:999px;background:#05050594;box-shadow:0 0 0 1px #ffffff29,0 14px 34px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-tilted-card:not(.is-playing) .preview-video-progressbar{display:none}.preview-video-progress{width:100%;height:16px;accent-color:var(--yellow);cursor:pointer}.preview-tilted-card:fullscreen .preview-video-progressbar{left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom))}.cyan .preview-tilted-card video{box-shadow:10px 10px #05a6ff38,0 26px 78px #00000070}.yellow .preview-tilted-card video{box-shadow:10px 10px #ffe54238,0 26px 78px #00000070}.preview-tilted-card:nth-child(1){--tilt-x: 2deg;--tilt-y: -3deg}.preview-tilted-card:nth-child(2){--tilt-x: -2deg;--tilt-y: 2deg}.preview-tilted-card:nth-child(3){--tilt-x: 1deg;--tilt-y: 3deg}.preview-tilted-card:nth-child(4){--tilt-x: -1deg;--tilt-y: -2deg}.preview-tilted-card:nth-child(5){--tilt-x: 2deg;--tilt-y: 2deg}.preview-tilted-card:nth-child(6){--tilt-x: -2deg;--tilt-y: -3deg}.preview-tilted-card:hover video{transform:rotateX(0) rotateY(0) scale(1.055);box-shadow:12px 12px #ffe54247,0 34px 94px #00000080}.preview-tilted-card figcaption{position:absolute;left:1px;right:1px;bottom:30px;display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px;color:#fff;font-family:Segoe UI,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82))}.preview-tilted-card figcaption strong{font-size:22px;font-weight:900;line-height:1.1}.preview-tilted-card figcaption span{color:var(--yellow);font-size:12px;font-weight:900}.portfolio-group.compact .portfolio-item figcaption{padding:11px 12px 13px;font-size:13px}.portfolio-item{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#050505d1;box-shadow:8px 8px #095dd738,0 24px 70px #00000057;will-change:transform,opacity}.portfolio-item img,.portfolio-item video{display:block;width:100%;height:auto;object-fit:contain;background:#050505;will-change:transform}.portfolio-item video{aspect-ratio:auto}.portfolio-item figcaption{padding:14px 16px 16px;color:#f1f1f1;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:15px;font-weight:900;line-height:1.35}.work-row{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.05)}.work-content{display:grid;grid-template-columns:210px minmax(0,470px);gap:38px;align-items:center}.work-thumb{width:210px;height:210px}.work-content span{display:block;margin-bottom:10px;font-size:118px;line-height:.82;letter-spacing:0}.work-content p{margin:0;color:var(--muted);font-family:Segoe UI,sans-serif;font-size:22px}.work-content h2{display:inline;margin:0;color:#fff;font-size:34px;line-height:1.2;background:linear-gradient(transparent 58%,var(--blue) 58%)}.yellow .work-content h2{background:linear-gradient(transparent 58%,var(--yellow) 58%);color:#fff}.magenta .work-content h2{background:linear-gradient(transparent 58%,var(--magenta) 58%)}.green .work-content h2{background:linear-gradient(transparent 58%,var(--green) 58%)}.work-content small{display:block;margin-top:18px}.side-note{position:absolute;left:28px;bottom:46px;color:#ffffff38;font-size:12px;font-weight:900}.side-note.right{left:auto;right:28px}.strength-button-board{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(680px,1.35fr);gap:54px;align-items:center;max-width:1480px;margin:0 auto}.strength-stat-grid,.strength-core-grid{display:grid;align-items:center}.strength-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}.strength-core-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px}.strength-button{position:relative;display:block;appearance:none;width:100%;border:0;padding:0;color:inherit;background:transparent;cursor:pointer;filter:drop-shadow(10px 16px 0 rgba(0,0,0,.22));transform:translateZ(0);transform-origin:center center;transition:filter .45s cubic-bezier(.19,1,.22,1),transform .45s cubic-bezier(.19,1,.22,1);will-change:transform,opacity,clip-path,filter}.strength-button:after{content:"";position:absolute;inset:8% 6%;z-index:-1;border-radius:24px;background:linear-gradient(135deg,#f34de752,#095dd742);opacity:0;filter:blur(18px);transition:opacity .45s cubic-bezier(.19,1,.22,1)}.strength-button img{display:block;width:100%;height:auto;pointer-events:none;will-change:transform}.strength-button:hover{filter:drop-shadow(14px 24px 0 rgba(0,0,0,.28));transform:translateY(-8px) rotate(-.7deg) scale(1.015)}.strength-button:hover:after,.strength-button:focus-visible:after{opacity:1}.strength-button:focus-visible{outline:3px solid var(--yellow);outline-offset:8px}.strength-visual{overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#060606;box-shadow:12px 12px 0 var(--blue);will-change:transform,opacity}.strength-visual img{display:block;width:100%;height:auto;will-change:transform}.contact-page{min-height:100vh;display:flex;align-items:center;padding:90px 0;scroll-margin-top:0;background:transparent}.contact-poster{overflow:visible;border:0;background:transparent;box-shadow:none;will-change:transform,opacity}.contact-poster img{display:block;width:100%;height:auto;will-change:transform}.video-lightbox{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:28px;background:#000000d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overscroll-behavior:contain;animation:interiorPreviewBackdropIn .22s ease-out both}.video-lightbox-panel{position:relative;width:var(--video-stage-width, min(1440px, calc(100vw - 56px) ));max-width:calc(100vw - 56px);max-height:calc(100vh - 56px);border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#050505;overflow:visible;box-shadow:14px 14px #ffe5423d,0 34px 110px #00000094;opacity:0;pointer-events:none;transform:scale(.82) translateY(18px)}.video-lightbox-panel.is-ready{pointer-events:auto;animation:videoLightboxZoomIn .28s cubic-bezier(.19,1,.22,1) both}.video-lightbox-stage{position:relative;display:grid;width:var(--video-stage-width, 100%);height:var(--video-stage-height, min(78vh, calc((100vw - 56px)*.5625) ));min-height:0;aspect-ratio:var(--video-aspect, 16 / 9);place-items:center;overflow:hidden;border-radius:8px 8px 0 0;background:radial-gradient(circle at 18% 14%,rgba(9,93,215,.18),transparent 38rem),#050505}.video-lightbox-panel.is-portrait{box-shadow:10px 10px #ffe5423d,0 34px 110px #00000094}.video-lightbox-media{display:block;width:100%;height:100%;object-fit:contain;background:#050505;cursor:pointer}.video-lightbox-play{position:absolute;left:22px;top:22px;z-index:3;display:inline-flex;min-width:78px;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.26);border-radius:999px;color:#050505;background:var(--yellow);font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:13px;font-weight:900;box-shadow:5px 5px #095dd7b8;cursor:pointer}.video-lightbox-play.is-playing{color:#fff;background:var(--blue);box-shadow:5px 5px #ffe542b8}.video-lightbox-controls{position:absolute;left:22px;right:22px;bottom:18px;z-index:3;display:flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#050505ad;box-shadow:0 0 0 1px #ffffff29,0 14px 34px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-lightbox-progress{width:100%;height:16px;accent-color:var(--yellow);cursor:pointer}.video-lightbox-title{padding:16px 20px 18px;color:#fff;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:18px;font-weight:900}.video-lightbox-close{position:absolute;right:-18px;top:-18px;z-index:4;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:999px;color:#050505;background:var(--yellow);font-size:30px;font-weight:900;line-height:1;cursor:pointer;box-shadow:5px 5px 0 var(--blue)}@keyframes videoLightboxZoomIn{0%{opacity:0;transform:scale(.82) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-height:720px){.video-lightbox-stage{min-height:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:1360px){body{min-width:1080px}.intro-grid{grid-template-columns:430px 1fr}.directory-grid{gap:22px}}