:root{--bg:#000;--bg-soft:#060608;--text:#f5f5f7;--text-2:#a1a1a6;--text-3:#7d7d84;--line:#ffffff17;--line-strong:#ffffff29;--surface:#ffffff0b;--blue:#2997ff;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Segoe UI", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--mono:"SF Mono", ui-monospace, "Cascadia Code", Consolas, Menlo, monospace;--ease:cubic-bezier(.22, .8, .24, 1);--shell:min(1180px, calc(100% - 48px))}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--bg);color:var(--text);font-family:var(--font);letter-spacing:-.011em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,p,ul,figure{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#fff;background:#2997ff59}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#2a2a2e;border:3px solid #000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#3a3a40}.shell{width:var(--shell);margin-inline:auto}.section{padding:clamp(88px,13vh,150px) 0;position:relative}.nav{z-index:100;width:var(--shell);-webkit-backdrop-filter:blur(24px)saturate(180%);transition:background .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease), width .4s var(--ease);background:#0c0c0f80;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:18px;padding:9px 10px 9px 20px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.nav.is-scrolled{background:#0a0a0dc7;border-color:#ffffff1f;box-shadow:0 18px 50px #0000008c}.nav__brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.nav__mark{background:linear-gradient(135deg,#2997ff,#5e5ce6 55%,#00c7c7);border-radius:6px;width:18px;height:18px;box-shadow:0 0 18px #2997ff80}.nav__links{gap:4px;margin-left:auto;display:flex}.nav__links a{color:var(--text-2);border-radius:999px;padding:6px 14px;font-size:.88rem;transition:color .25s,background .25s}.nav__links a:hover{color:var(--text);background:#ffffff12}.nav__cta{color:#000;white-space:nowrap;transition:background .25s, transform .25s var(--ease);background:#f5f5f7;border-radius:999px;padding:9px 20px;font-size:.85rem;font-weight:500}.nav__cta:hover{background:#fff;transform:translateY(-1px)}.hero{isolation:isolate;background:#000;flex-direction:column;align-items:center;min-height:100svh;padding:148px 0 0;display:flex;position:relative;overflow:hidden}.aurora{z-index:0;background:radial-gradient(60% 50% at 22% 18%,#1c46be8c,#0000 70%),radial-gradient(55% 55% at 78% 60%,#562cc873,#0000 72%),radial-gradient(40% 40% at 50% 100%,#00969647,#0000 70%),#000;position:absolute;inset:0}.aurora__canvas{opacity:.9;width:100%;height:100%;display:block}.hero__grain{z-index:1;pointer-events:none;opacity:.35;background-image:radial-gradient(#ffffff0e 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000 20%,#0000 78%);mask-image:radial-gradient(60% 60% at 50% 40%,#000 20%,#0000 78%)}.hero__inner{z-index:2;text-align:center;width:min(1000px,100% - 48px);position:relative}.hero__eyebrow{-webkit-backdrop-filter:blur(14px);color:#d6d6dc;letter-spacing:.05em;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:9px;padding:7px 16px;font-size:.78rem;display:inline-flex}.hero__eyebrow .dot{background:#34c759;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #34c759e6}.hero__title{letter-spacing:-.045em;text-wrap:balance;background:linear-gradient(#fff 12% 46%,#9a9aa4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:26px;font-size:clamp(2.55rem,6.2vw,5.1rem);font-weight:600;line-height:1.06}.hero__intro{color:#b0b0b8;text-wrap:balance;max-width:640px;margin:24px auto 0;font-size:clamp(.98rem,1.35vw,1.15rem);line-height:1.8}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.btn{transition:transform .3s var(--ease), background .3s, border-color .3s, box-shadow .3s;border-radius:999px;align-items:center;gap:10px;padding:13px 26px;font-size:.93rem;font-weight:500;display:inline-flex}.btn--primary{color:#000;background:#f5f5f7;box-shadow:0 10px 40px #ffffff1f}.btn--primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 16px 50px #ffffff2e}.btn--primary span{font-size:.85rem}.btn--ghost{color:var(--text);-webkit-backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff2e}.btn--ghost:hover{background:#ffffff14;border-color:#ffffff52;transform:translateY(-2px)}.hero__stage{z-index:2;perspective:2000px;perspective-origin:50% 46%;justify-content:center;align-items:center;width:min(1240px,100%);height:clamp(250px,34vw,450px);margin-top:clamp(44px,6vh,78px);display:flex;position:relative}.panel{transform-style:preserve-3d;will-change:transform;position:absolute;top:50%}.panel__inner{animation:float 9s var(--ease) infinite;background:#0a0a0d;border:1px solid #ffffff29;border-radius:14px;overflow:hidden;box-shadow:0 50px 110px #000c,inset 0 0 0 1px #ffffff08}.panel__inner img{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%}.panel--main{z-index:3;width:56%;left:50%;transform:translate(-50%,-50%)translateZ(70px)rotateX(3deg)}.panel--left{z-index:1;opacity:.9;width:36%;left:4%;transform:translateY(-50%)rotateY(24deg)rotateX(3deg)translateZ(-40px)}.panel--right{z-index:2;opacity:.9;width:36%;right:4%;transform:translateY(-50%)rotateY(-24deg)rotateX(3deg)translateZ(-40px)}.panel--left .panel__inner{animation-delay:-3s}.panel--right .panel__inner{animation-delay:-6s}.panel--main .panel__inner{animation-delay:-1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero__fade{z-index:3;pointer-events:none;background:linear-gradient(#0000 0%,#000 88%);height:34%;position:absolute;inset:auto 0 0}.kicker{color:var(--blue);letter-spacing:.18em;text-transform:uppercase;font-size:.73rem;font-weight:600}.section__title{letter-spacing:-.035em;background:linear-gradient(#fff 20%,#a8a8b2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:14px;font-size:clamp(2rem,4.2vw,3.4rem);font-weight:600;line-height:1.08}.section__lead{max-width:620px;color:var(--text-2);margin-top:18px;font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.8}.about{background:radial-gradient(900px 420px at 12% 0,#2997ff14,#0000 65%),#000;padding-top:clamp(60px,9vh,110px)}.about__lead{grid-template-columns:1.35fr .65fr;align-items:end;gap:clamp(32px,5vw,72px);margin-top:clamp(32px,5vh,54px);display:grid}.about__lead>p{color:#b6b6bd;text-wrap:pretty;max-width:700px;font-size:clamp(1.02rem,1.45vw,1.24rem);line-height:1.85}.stats{gap:clamp(22px,3vw,44px);display:flex}.stat strong{letter-spacing:-.04em;background:linear-gradient(#fff,#7d8bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.7rem,2.6vw,2.3rem);font-weight:600;line-height:1;display:block}.stat span{color:var(--text-3);white-space:nowrap;margin-top:8px;font-size:.8rem;display:block}.roles{grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(48px,7vh,78px);display:grid}.role{border:1px solid var(--line);transition:border-color .4s, transform .5s var(--ease), box-shadow .5s;background:linear-gradient(#ffffff0e,#ffffff05);border-radius:26px;padding:clamp(24px,2.6vw,34px);position:relative;overflow:hidden}.role:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#2997ff2e,#0000 65%);transition:opacity .5s;position:absolute;inset:-40% 40% 60% -20%}.role:hover{border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 30px 70px -40px #2997ff8c}.role:hover:after{opacity:1}.role__head{align-items:center;gap:14px;display:flex}.role__index{width:34px;height:34px;color:var(--text-3);font-family:var(--mono);border:1px solid #ffffff24;border-radius:10px;flex:none;place-items:center;font-size:.72rem;display:grid}.role h3{letter-spacing:-.02em;font-size:1.16rem;font-weight:600}.role__sub{color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;margin-top:3px;font-size:.68rem}.role__summary{color:#d2d2d8;margin-top:22px;font-size:.98rem}.role__list{gap:11px;margin-top:18px;display:grid}.role__list li{color:#9c9ca4;padding-left:19px;font-size:.91rem;line-height:1.65;position:relative}.role__list li:before{content:"";background:linear-gradient(135deg,#2997ff,#5e5ce6);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0}.work{background:radial-gradient(800px 400px at 88% 4%,#5e5ce61a,#0000 62%),linear-gradient(#000 0%,#05050a 40%,#000 100%)}.group{margin-top:clamp(52px,8vh,84px)}.group__head{border-top:1px solid var(--line);grid-template-columns:1fr minmax(0,1.15fr) auto;align-items:end;gap:24px;margin-bottom:26px;padding-top:26px;display:grid}.group__kicker{color:var(--text-3);letter-spacing:.18em;text-transform:uppercase;font-size:.68rem}.group__title{letter-spacing:-.025em;margin-top:8px;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:600}.group__desc{color:var(--text-3);font-size:.92rem;line-height:1.7}.group__count{color:#ffffff21;font-family:var(--mono);font-size:clamp(2rem,3.4vw,3rem);font-weight:300;line-height:1}.grid{gap:18px;display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{--lift:0px;--rx:0deg;--ry:0deg;border:1px solid var(--line);transform:translateY(var(--lift)) perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s var(--ease), border-color .4s, box-shadow .5s, background .4s;background:#ffffff09;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{--lift:-5px;border-color:color-mix(in srgb, var(--accent) 42%, #ffffff1a);box-shadow:0 34px 80px -38px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent) inset;background:#ffffff0d}.card:after{content:"";z-index:3;border-radius:inherit;background:radial-gradient(520px circle at var(--mx,50%) var(--my,30%), color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%);opacity:0;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.card:hover:after{opacity:1}.card__frame{aspect-ratio:16/10;background:#0a0a0e;border-bottom:1px solid #ffffff0f;position:relative;overflow:hidden}.card__frame:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000009e);height:46%;position:absolute;inset:auto 0 0}.card__img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .9s var(--ease);transform:scale(1.005)}.card:hover .card__img{transform:scale(1.045)}.badge,.path{z-index:2;-webkit-backdrop-filter:blur(12px)saturate(160%);color:#e6e6ea;white-space:nowrap;background:#08080a9e;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;font-size:.7rem;line-height:1;display:inline-flex;position:absolute}.badge{letter-spacing:.02em;padding:7px 11px;top:14px;right:14px}.badge:before{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);border-radius:50%}.path{font-family:var(--mono);color:#d0d0d6;padding:7px 11px;font-size:.69rem;bottom:13px;left:14px}.card__body{flex-direction:column;flex:1;padding:21px 22px 23px;display:flex}.card__title{letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;display:flex}.card__arrow{color:var(--accent);transition:transform .35s var(--ease);font-size:.95rem}.card:hover .card__arrow{transform:translate(3px,-3px)}.card__desc{color:#8f8f97;text-wrap:pretty;flex:1;margin-top:9px;font-size:.89rem;line-height:1.68}.tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tags li{color:#9d9da5;letter-spacing:.01em;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;padding:4px 10px;font-size:.7rem}.art{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.art--ps{background:radial-gradient(circle at 28% 18%,#31a8ff6b,#0000 56%),radial-gradient(circle at 82% 92%,#5e5ce67a,#0000 58%),#040a16}.art--ps:before{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000,#0000);mask-image:radial-gradient(70% 70%,#000,#0000)}.art__mark{color:#58baff;font-family:var(--font);letter-spacing:-.04em;text-shadow:0 0 34px #31a8ff99;border:3px solid #31a8ff;border-radius:16px;padding:0 18px;font-size:clamp(2.6rem,5vw,4rem);font-weight:700;line-height:1.22;position:relative;box-shadow:0 0 50px #31a8ff66,inset 0 0 34px #31a8ff24}.contact{background:radial-gradient(700px 360px at 78% 100%,#2997ff1f,#0000 65%),#000}.contact__inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(36px,6vw,88px);display:grid}.contact__title{letter-spacing:-.04em;background:linear-gradient(#fff 20%,#a8a8b2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:14px;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:600;line-height:1.1}.contact__desc{max-width:460px;color:var(--text-2);margin-top:18px;font-size:.98rem;line-height:1.8}.contact__card{border:1px solid var(--line);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:26px;padding:clamp(26px,3vw,38px);box-shadow:0 30px 80px -50px #2997ff99}.contact__label{color:var(--text-3);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem}.contact__mail{color:#fff;letter-spacing:-.02em;word-break:break-all;margin-top:12px;font-size:clamp(1.02rem,1.8vw,1.3rem);transition:color .3s;display:inline-block}.contact__mail:hover{color:var(--blue)}.contact__wechat{margin-top:22px}.contact__label--icon{align-items:center;gap:8px;display:flex}.contact__wechat-logo{fill:#07c160;flex:none;width:17px;height:17px}.contact__mail-logo{width:17px;height:17px;color:var(--blue);flex:none}.contact__account{color:#fff;font-family:var(--mono);letter-spacing:.06em;-webkit-user-select:all;user-select:all;margin-top:10px;font-size:clamp(1.02rem,1.8vw,1.3rem);display:inline-block}.contact__links{gap:12px;margin-top:26px;display:grid}.contact__links a{border-top:1px solid var(--line);color:var(--text-2);justify-content:space-between;align-items:center;padding-top:12px;font-size:.88rem;transition:color .25s,border-color .25s;display:flex}.contact__links a:hover{color:#fff;border-color:#ffffff38}.contact__links a span{color:var(--blue)}.footer{border-top:1px solid var(--line);background:#000;padding:30px 0}.footer__inner{color:var(--text-3);justify-content:space-between;align-items:center;gap:16px;font-size:.8rem;display:flex}.footer__brand{color:#c7c7cd;align-items:center;gap:9px;font-weight:500;display:flex}.footer__mark{background:linear-gradient(135deg,#2997ff,#5e5ce6 55%,#00c7c7);border-radius:4px;width:13px;height:13px}.reveal{opacity:0}.reveal.is-in{animation:reveal-in .8s var(--ease) both}@keyframes reveal-in{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}@media (width<=1080px){.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.group__head{grid-template-columns:1fr auto}.group__desc{display:none}}@media (width<=900px){.about__lead{grid-template-columns:1fr;align-items:start}.stats{gap:30px}.roles{grid-template-columns:1fr}.contact__inner{grid-template-columns:1fr;align-items:start}}@media (width<=760px){:root{--shell:calc(100% - 32px)}.nav{padding:8px 8px 8px 16px}.nav__links{display:none}.nav__cta{margin-left:auto}.hero{padding-top:122px}.hero__title{letter-spacing:-.04em;font-size:clamp(1.95rem,8.4vw,2.45rem)}.hero__intro{font-size:.95rem}.hero__stage{height:clamp(210px,56vw,320px);margin-top:38px}.panel--main{width:92%;transform:translate(-50%,-50%)translateZ(0)rotateX(2deg)}.panel--left,.panel--right{display:none}.grid--2,.grid--3{grid-template-columns:1fr}.group__head{grid-template-columns:1fr auto;margin-bottom:20px}.footer__inner{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=420px){.hero__actions .btn{flex:1;justify-content:center}.stats{gap:18px}.stat strong{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal,.reveal.is-in{opacity:1;animation:none}.card{transform:none}}