.shuffle-parent{display:inline-block;white-space:normal;word-wrap:break-word;will-change:transform;line-height:1;visibility:hidden}.shuffle-parent.is-ready{visibility:visible}.shuffle-char-wrapper{display:inline-block;overflow:hidden;vertical-align:baseline;position:relative}.shuffle-char-wrapper>span{display:inline-flex;will-change:transform}.shuffle-char{line-height:1;display:inline-block;text-align:center}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--behind-glow-color: rgba(125, 190, 255, .67);--behind-glow-size: 25%;--inner-gradient: none;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-behind{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,transparent var(--behind-glow-size));filter:blur(50px) saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s ease}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:#000000e6;backface-visibility:hidden;overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;z-index:1}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}.pc-inside{top:0;right:0;bottom:0;left:0;position:absolute;background-image:var(--inner-gradient);background-color:#000000e6;transform:none}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .8s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:holo-bg 18s linear infinite;animation-play-state:running;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0;transition:opacity .8s ease}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:luminosity;overflow:visible;transform:translateZ(2);backface-visibility:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));bottom:-1px;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out}.pc-avatar-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.pc-user-info{position:absolute;--ui-inset: 20px;--ui-radius-bias: 6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:max(0px,var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias));padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:12px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;font-size:min(5svh,3em);margin:0;background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,#4a4ac0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{--ui-inset: 15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width: 480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{--ui-inset: 12px;padding:8px 10px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}@media (max-width: 320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}.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;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120F17);overflow:visible;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}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.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{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120F17) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 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-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),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,#000,#000),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%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.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:"";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 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}:root{--bg: #f7f8fa;--bg-warm: #fbfbfd;--surface: #ffffff;--ink: #0a0b0d;--ink-soft: #2a2d34;--sub: #6b7280;--faint: #9aa1ad;--line: rgba(10, 11, 13, .08);--line-strong: rgba(10, 11, 13, .14);--accent: #2b50ff;--accent-soft: rgba(43, 80, 255, .08);--accent-2: #6d3bff;--cyan: #00c2c7;--maxw: 1700px;--gutter: 48px;--radius: 20px;--radius-sm: 12px;--font-display: "Space Grotesk", "Noto Sans SC", sans-serif;--font-body: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden}::selection{background:var(--ink);color:#fff}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.section{position:relative;padding:140px 0}.section-tight{padding:100px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:26px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--accent);opacity:.6}.section-title{font-family:var(--font-display);font-weight:600;font-size:clamp(32px,3.4vw,52px);line-height:1.08;letter-spacing:-.02em;color:var(--ink)}.section-lead{margin-top:20px;max-width:620px;font-size:17px;color:var(--sub);line-height:1.75}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:500;font-size:14.5px;padding:13px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:all .4s var(--ease);white-space:nowrap}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 12px 30px -10px #2b50ff80}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.btn .arrow{transition:transform .4s var(--ease)}.btn:hover .arrow{transform:translate(3px,-3px)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .4s var(--ease)}.nav-inner{max-width:var(--maxw);margin:0 auto;padding:22px var(--gutter);display:flex;align-items:center;justify-content:space-between;transition:all .4s var(--ease)}.nav.scrolled{background:#f7f8fab8;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line)}.nav.scrolled .nav-inner{padding-top:16px;padding-bottom:16px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.01em}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:17px}.nav-links{display:flex;align-items:center;gap:38px}.nav-link{position:relative;font-size:14.5px;color:var(--ink-soft);font-weight:500;transition:color .3s var(--ease)}.nav-link .idx{font-family:var(--font-mono);font-size:10px;color:var(--faint);margin-right:5px;vertical-align:super}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1.5px;background:var(--accent);transition:width .4s var(--ease)}.nav-link:hover{color:var(--ink)}.nav-link:hover:after{width:100%}.nav-cta{display:flex;align-items:center;gap:18px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.hero-video.ready{opacity:1}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(1200px 600px at 78% 12%,rgba(43,80,255,.06),transparent 60%),radial-gradient(900px 500px at 8% 88%,rgba(109,59,255,.05),transparent 60%),linear-gradient(180deg,rgba(247,248,250,.2) 0%,rgba(247,248,250,.55) 60%,var(--bg) 100%)}.hero-inner{position:relative;z-index:2;width:100%}.hero-tag{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:999px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:36px}.hero-tag .dot{width:7px;height:7px;border-radius:50%;background:#1bbf6b;box-shadow:0 0 0 3px #1bbf6b2e}.hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(44px,7vw,116px);line-height:.98;letter-spacing:-.035em;color:var(--ink)}.hero h1 .accent{background:linear-gradient(110deg,var(--accent) 0%,var(--accent-2) 60%,var(--cyan) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero h1 .hero-shuffle{display:block}.hero h1 .hero-zh{display:block;margin-top:.06em}.hero-roles{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px 28px;font-family:var(--font-display);font-weight:500;font-size:clamp(16px,1.5vw,22px);color:var(--ink-soft)}.hero-roles span{position:relative;padding-left:22px}.hero-roles span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:2px;background:var(--accent)}.hero-desc{margin-top:34px;max-width:560px;font-size:17.5px;line-height:1.8;color:var(--sub)}.hero-actions{margin-top:44px;display:flex;gap:16px;flex-wrap:wrap}.hero-stats{margin-top:70px;display:flex;gap:56px;flex-wrap:wrap}.hero-stat .num{font-family:var(--font-display);font-weight:600;font-size:38px;letter-spacing:-.02em;color:var(--ink);display:flex;align-items:baseline;gap:3px}.hero-stat .num .suffix{font-size:20px;color:var(--accent)}.hero-stat .label{margin-top:4px;font-size:13.5px;color:var(--sub)}.hero-scroll{position:absolute;bottom:38px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--faint)}.hero-scroll .line{width:1px;height:46px;background:linear-gradient(to bottom,var(--line-strong),transparent);position:relative;overflow:hidden}.hero-scroll .line:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:50%;background:var(--accent);animation:scrolldot 2s var(--ease) infinite}@keyframes scrolldot{0%{top:-50%}to{top:100%}}.about-grid{display:grid;grid-template-columns:.95fr 1.4fr;gap:72px;align-items:center}.about-photo{position:relative;display:flex;justify-content:center}.about-photo .frame{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(160deg,#eef0f5,#e2e6ef);aspect-ratio:4 / 5;border:1px solid var(--line)}.about-photo .frame img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(8%) contrast(1.02);transition:transform .8s var(--ease),filter .8s var(--ease)}.about-photo .frame:hover img{transform:scale(1.03);filter:grayscale(0%) contrast(1.05)}.about-photo .badge{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:14px;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);font-size:13px}.about-photo .badge b{font-family:var(--font-display)}.about-photo .badge .mono{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.about-body .lead{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2vw,30px);line-height:1.45;letter-spacing:-.01em;color:var(--ink)}.about-body .lead em{font-style:normal;color:var(--accent)}.about-body p.para{margin-top:26px;font-size:16.5px;line-height:1.85;color:var(--sub);max-width:720px}.about-meta{margin-top:44px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.about-meta .cell{background:var(--surface);padding:22px 24px}.about-meta .cell .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.about-meta .cell .v{font-size:15.5px;color:var(--ink);font-weight:500}.about-meta .cell .v small{display:block;font-weight:400;color:var(--sub);font-size:13px;margin-top:3px}.about-contacts{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}.contact-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid var(--line-strong);border-radius:999px;font-size:13.5px;color:var(--ink-soft);transition:all .35s var(--ease)}.contact-chip:hover{border-color:var(--ink);background:var(--ink);color:#fff;transform:translateY(-2px)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:64px;flex-wrap:wrap}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.project-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:40px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}.project-card.feature{grid-column:span 2;flex-direction:row;gap:48px;align-items:center}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at var(--mx, 80%) 0%,var(--accent-soft),transparent 70%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}.project-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 30px 60px -28px #0a0b0d2e}.project-card:hover:before{opacity:1}.pc-main{flex:1;position:relative;z-index:1}.pc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.pc-index{font-family:var(--font-mono);font-size:12px;color:var(--faint);letter-spacing:.1em}.pc-tags{display:flex;gap:8px;flex-wrap:wrap}.pc-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:6px;background:var(--bg);border:1px solid var(--line);color:var(--ink-soft)}.pc-tag.live{color:#1bbf6b;border-color:#1bbf6b4d;background:#1bbf6b0f}.pc-tag.oss{color:var(--accent);border-color:#2b50ff40;background:var(--accent-soft)}.pc-title{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,1.8vw,30px);line-height:1.2;letter-spacing:-.015em;color:var(--ink)}.pc-role{margin-top:10px;font-size:13.5px;color:var(--accent);font-weight:500}.pc-desc{margin-top:18px;font-size:15px;line-height:1.8;color:var(--sub)}.pc-stats{margin-top:26px;display:flex;flex-wrap:wrap;gap:28px;padding-top:22px;border-top:1px solid var(--line)}.pc-stat .n{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--ink);letter-spacing:-.01em}.pc-stat .l{font-size:12px;color:var(--sub);margin-top:2px}.pc-foot{margin-top:28px;display:flex;align-items:center;gap:18px}.pc-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink);transition:gap .3s var(--ease),color .3s var(--ease)}.pc-link svg{transition:transform .3s var(--ease)}.pc-link:hover{color:var(--accent)}.pc-link:hover svg{transform:translate(2px,-2px)}.pc-stack{font-family:var(--font-mono);font-size:11.5px;color:var(--faint)}.pc-visual{flex:0 0 42%;align-self:stretch;border-radius:var(--radius-sm);position:relative;overflow:hidden;min-height:300px;background:linear-gradient(150deg,#0c0e14,#1a1f3a);display:grid;place-items:center}.pc-visual .glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 220px at 30% 25%,rgba(43,80,255,.5),transparent 70%),radial-gradient(380px 240px at 78% 80%,rgba(109,59,255,.4),transparent 70%)}.pc-visual .grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at center,#000 30%,transparent 75%);mask-image:radial-gradient(circle at center,#000 30%,transparent 75%)}.pc-visual .mono-badge{position:relative;z-index:1;font-family:var(--font-mono);color:#ffffffeb;font-size:14px;letter-spacing:.12em;text-align:center;padding:0 24px}.pc-visual .mono-badge span{display:block;font-size:46px;font-family:var(--font-display);font-weight:600;margin-bottom:8px;background:linear-gradient(120deg,#fff,#aebbff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.skill-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:36px;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease);overflow:hidden}.skill-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 26px 50px -28px #0a0b0d29}.skill-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);color:var(--accent);margin-bottom:26px}.skill-num{position:absolute;top:30px;right:34px;font-family:var(--font-mono);font-size:12px;color:var(--faint)}.skill-card h3{font-family:var(--font-display);font-weight:600;font-size:21px;letter-spacing:-.01em;color:var(--ink)}.skill-card p{margin-top:12px;font-size:14.5px;line-height:1.75;color:var(--sub)}.skill-tags{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}.skill-tags span{font-size:12.5px;padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--ink-soft);transition:all .3s var(--ease)}.skill-card:hover .skill-tags span{border-color:var(--line-strong)}.contact{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:var(--ink);color:#fff;overflow:hidden}.contact-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 500px at 78% 18%,rgba(43,80,255,.28),transparent 60%),radial-gradient(700px 500px at 12% 88%,rgba(109,59,255,.22),transparent 60%)}.contact-bg .grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 80%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 80%)}.contact-inner{position:relative;z-index:1}.contact .eyebrow{color:#8aa0ff}.contact .eyebrow:before{background:#8aa0ff}.contact h2{font-family:var(--font-display);font-weight:600;font-size:clamp(40px,6vw,100px);line-height:1;letter-spacing:-.03em;max-width:16ch}.contact h2 .accent{background:linear-gradient(110deg,#7e96ff,#b89cff,#6ee7e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-sub{margin-top:30px;max-width:560px;font-size:18px;line-height:1.75;color:#ffffff9e}.contact-links{margin-top:56px;display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:16px}.contact-link-wrap{display:block;text-decoration:none;color:inherit}.contact-glow.border-glow-card{width:100%;height:100%;transition:transform .4s var(--ease)}.contact-link-wrap:hover .contact-glow.border-glow-card{transform:translate3d(0,-3px,.01px)}.cl-content{display:flex;align-items:center;justify-content:space-between;padding:24px 28px}.contact-link .cl-k,.cl-content .cl-k{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;margin-bottom:7px}.cl-content .cl-v{font-family:var(--font-display);font-size:18px;font-weight:500;color:#fff}.cl-content .cl-arrow{color:#ffffff80;transition:transform .4s var(--ease),color .4s var(--ease)}.contact-link-wrap:hover .cl-arrow{color:#fff;transform:translate(4px,-4px)}.contact-foot{position:relative;z-index:1;margin-top:90px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px;color:#ffffff73}.contact-foot .font-mono{font-family:var(--font-mono)}.contact-foot .foot-brand{display:inline-flex;align-items:center;gap:12px}.contact-foot .foot-logo{width:26px;height:26px;border-radius:7px;background:#fff;display:block;object-fit:cover}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}@media (max-width: 1280px){:root{--gutter: 36px}.about-grid{gap:56px}}@media (max-width: 1024px){.section{padding:100px 0}.about-grid{grid-template-columns:1fr;gap:48px}.about-photo .frame{max-width:420px}.projects-grid{grid-template-columns:1fr}.project-card.feature{grid-column:span 1;flex-direction:column;align-items:stretch;gap:32px}.pc-visual{min-height:220px}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){:root{--gutter: 22px}.nav-links{display:none}.hero-stats{gap:32px}.skills-grid,.contact-links{grid-template-columns:1fr}.project-card{padding:28px}.about-meta{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.about-photo .pc-card-wrapper{width:100%;max-width:460px}.about-photo .pc-card{height:auto;max-height:none;background:linear-gradient(160deg,#eef0f6,#e4e8f1);box-shadow:0 30px 60px -30px #0a0b0d4d}.about-photo .pc-inside{background-color:transparent}.about-photo .pc-avatar-content{mix-blend-mode:normal}.about-photo .pc-shine{mix-blend-mode:soft-light;filter:brightness(1) contrast(1.05) saturate(.7) opacity(.3)}.about-photo .pc-card.active .pc-shine,.about-photo .pc-card:hover .pc-shine{filter:brightness(1.05) contrast(1.1) saturate(.85) opacity(.45)}.about-photo .pc-glare{mix-blend-mode:soft-light;filter:brightness(1.1) contrast(1);opacity:.4}.about-photo .pc-details h3{background-image:linear-gradient(to bottom,#0a0b0d,#3b4254)}.about-photo .pc-details p{background-image:linear-gradient(to bottom,#20242e,#5b6472)}.about-photo .pc-user-info{background:#ffffff8c;border-color:#0a0b0d14}.about-photo .pc-handle{color:#0a0b0de6}.about-photo .pc-status{color:#0a0b0d8c}.about-photo .pc-contact-btn{color:#0a0b0d;border-color:#0a0b0d2e;background:#ffffff73}.about-photo .pc-contact-btn:hover{border-color:#0a0b0d80}