:root{color-scheme:dark;--black:#000;--paper:#eeece6;--muted:#8e8e87;--gold:#d8bf86;--hair:rgba(238,236,230,.17);--ease:cubic-bezier(.22,1,.36,1);--font:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif;--media-width:min(96vw,calc(70svh * 16 / 9));--scene-center:49%;--title-top:7.5%}
*{box-sizing:border-box}html{background:#000;scrollbar-width:thin;scrollbar-color:#333 #000}body{margin:0;background:#000;color:var(--paper);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:6px}button[hidden],[hidden]{display:none!important}::selection{background:var(--paper);color:#000}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-90px;left:24px;z-index:120;background:var(--paper);color:#000;padding:12px}.skip-link:focus{top:10px}
.header{position:fixed;inset:0 0 auto;z-index:40;height:88px;padding:0 clamp(22px,4.3vw,86px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#000 0%,#000c 50%,transparent);pointer-events:none}.header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;letter-spacing:.08em;padding:10px 0;white-space:nowrap}.brand-symbol{width:30px;height:29px}.nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:42px}.nav-link{position:relative;padding:14px 0;font-size:12px;letter-spacing:.18em;color:var(--muted);transition:color .25s}.nav-link::after{content:'';position:absolute;bottom:7px;left:0;right:.18em;height:1px;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.nav-link:hover,.nav-link.is-current{color:var(--paper)}.nav-link.is-current::after{transform:scaleX(1)}.menu-wrap{position:relative}.menu-toggle{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;transition:background .25s}.menu-toggle:hover,.menu-toggle[aria-expanded='true']{background:#ffffff0b}.menu-toggle .icon{width:23px;height:23px}.page-menu{position:absolute;top:55px;right:0;width:225px;padding:12px;background:#0a0a0afa;border:1px solid var(--hair);box-shadow:0 18px 70px #000;z-index:100}.menu-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 10px;text-align:left;font-size:12px;letter-spacing:.06em;min-height:44px}.menu-item:hover{background:#ffffff0b}.menu-state{width:8px;height:8px;border-radius:50%;border:1px solid #777}.menu-item[aria-pressed='true'] .menu-state{background:var(--paper);border-color:var(--paper)}.menu-item .icon{width:16px;height:16px}.mobile-nav{display:none}
.story{position:relative;height:320svh}.stage{position:sticky;top:0;width:100%;height:100svh;min-height:480px;overflow:hidden;isolation:isolate;background:#000}.scene-visual{position:absolute;inset:0}.media-frame,.foreground-frame,.device-hotspot-frame{position:absolute;left:50%;top:var(--scene-center);width:var(--media-width);aspect-ratio:16/9;transform:translate(-50%,-50%);pointer-events:none}.media-frame{z-index:1}.media-surface{position:absolute;inset:0;isolation:isolate;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 6%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 6%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.still,.film,.foreground{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.still.is-hidden{visibility:visible}.film{opacity:0;pointer-events:none;background:transparent}.film.is-active{opacity:1}.film::-webkit-media-controls{display:none!important}.source-corner{position:absolute;z-index:2;pointer-events:none}.source-corner--bottom{right:0;bottom:0;width:26%;height:16%;background:linear-gradient(90deg,transparent,#000 28%);-webkit-mask-image:linear-gradient(transparent,#000 40%);mask-image:linear-gradient(transparent,#000 40%)}.source-corner--top{left:0;top:0;width:17%;height:16%;background:linear-gradient(90deg,#000 48%,transparent);-webkit-mask-image:linear-gradient(#000 44%,transparent);mask-image:linear-gradient(#000 44%,transparent)}.source-corners-off .source-corner{display:none}.foreground-frame{z-index:4}.foreground{opacity:1;transition:opacity .10s var(--ease);-webkit-mask-image:linear-gradient(#000 92%,transparent 100%);mask-image:linear-gradient(#000 92%,transparent 100%)}.foreground.is-hidden{opacity:0}
.back-title{position:absolute;top:var(--title-top);left:0;right:0;z-index:3;pointer-events:none;text-align:center;transition:opacity .10s var(--ease)}.title-motion{transform:translate3d(0,var(--title-y,0px),0) scale(var(--title-scale,1));opacity:var(--title-alpha,1);transform-origin:center top}.title-word{font-size:clamp(78px,16.4vw,328px);font-weight:900;letter-spacing:.012em;line-height:1.16;white-space:nowrap;color:var(--paper)}.title-word[data-word='专业团队']{font-size:clamp(90px,20.2vw,404px);letter-spacing:.025em}.letter-mask{display:inline-block;overflow:hidden;vertical-align:top;padding:.035em 0 .08em}.letter{display:inline-block;transform:translateY(112%);transition:transform .34s var(--ease);transition-delay:calc(var(--i)*18ms)}.title-word.is-shown .letter{transform:translateY(0)}.title-word.is-leaving .letter{transform:translateY(-114%);transition-duration:.12s;transition-delay:0ms}
.scene-text{position:absolute;left:16px;right:16px;bottom:11.3%;z-index:10;text-align:center;pointer-events:none;transition:opacity .16s var(--ease),transform .24s var(--ease);transform:translateY(var(--copy-y,0px));opacity:var(--copy-alpha,1)}.subtitle{margin:0;font-size:14px;font-weight:400;letter-spacing:.22em;line-height:1.9}.stage.is-transition .scene-text{opacity:0;transform:translateY(-14px)}.join-action{position:absolute;bottom:5.1%;left:50%;z-index:15;transform:translateX(-50%);opacity:0;transition:opacity .18s,translate .24s var(--ease);translate:0 10px}.stage[data-state='join'] .join-action.is-visible{opacity:1;translate:0 0}.main-action{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-width:190px;min-height:52px;padding:0 21px;border:1px solid #ffffff80;color:var(--paper);background:#000;letter-spacing:.14em;font-size:13px;font-weight:500;transition:color .25s,background .25s,border-color .25s}.main-action:hover{background:var(--paper);color:#000;border-color:var(--paper)}.main-action .icon{width:20px;height:20px;transition:transform .4s var(--ease)}.main-action:hover .icon{transform:translateX(4px)}.stage[data-state='join'] .scene-text{bottom:13.6%}.stage[data-state='join'] .back-title{opacity:0}.device-hotspot-frame{z-index:8}.device-hit{pointer-events:auto;position:absolute;left:48.5%;top:31%;width:14%;height:11%;min-width:44px;min-height:32px;transform:rotate(16deg);border-radius:10px;cursor:pointer;background:transparent}.device-hit:focus-visible{outline-color:#fff}
.scroll-marker{position:absolute;width:1px;height:1px;pointer-events:none}#team-anchor{top:70svh}#join-anchor{top:200svh}.is-paused .letter{transition:none}.is-paused .title-motion{transform:none;opacity:1}.is-paused .scene-text{transform:none;opacity:1}.stage.is-transition.is-stalled .scene-text{opacity:0}
dialog{background:#0a0a0a;color:var(--paper);border:1px solid var(--hair);width:min(460px,calc(100% - 36px));padding:45px 34px 32px;box-shadow:0 25px 120px #000}dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:10px;top:10px;width:40px;height:40px;display:grid;place-items:center}dialog h2{font-size:26px;letter-spacing:.05em;font-weight:700;margin:0 0 10px}dialog p{margin:0;color:#ccc;font-size:14px}.dialog-note{font-size:12px;color:var(--muted);margin:24px 0 30px;line-height:1.9}dialog .main-action{width:100%}.noscript{position:fixed;bottom:20px;left:20px;right:20px;background:#111;padding:15px;z-index:100}.noscript a{margin-left:10px}
@media(max-width:760px){:root{--media-width:min(208vw,calc(62svh * 16 / 9));--scene-center:49.5%;--title-top:20%}.header{height:76px;padding:0 19px}.brand{font-size:14px;gap:9px}.brand-symbol{width:26px;height:25px}.nav{display:none}.menu-toggle{width:40px;height:40px}.page-menu{top:48px;right:0;width:222px}.mobile-nav{display:flex;justify-content:space-between;padding:6px 3px 12px;margin-bottom:4px;border-bottom:1px solid var(--hair)}.mobile-nav button{font-size:12px;padding:10px}.title-word{font-size:16.25vw;letter-spacing:0}.title-word[data-word='专业团队']{font-size:20.3vw;letter-spacing:0}.scene-text{bottom:16.3%;left:18px;right:18px}.subtitle{font-size:12px;letter-spacing:.12em}.stage[data-state='join'] .scene-text{bottom:15.2%}.join-action{bottom:6.6%}.main-action{min-height:50px;min-width:190px;font-size:12px}.media-surface{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(transparent,#000 7%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(transparent,#000 7%,#000 90%,transparent)}.device-hit{min-height:40px}}
@media(max-height:700px) and (min-width:761px){:root{--media-width:min(90vw,calc(65svh * 16 / 9));--title-top:15%;--scene-center:50%}.header{height:65px}.title-word{font-size:min(14.7vw,22svh)}.title-word[data-word='专业团队']{font-size:min(18.2vw,27svh)}.scene-text{bottom:10%}.subtitle{font-size:12px}.join-action{bottom:3.8%}.stage[data-state='join'] .scene-text{bottom:15%}.main-action{min-height:42px;min-width:174px}}
@media(max-height:560px) and (max-width:760px){:root{--title-top:16%;--media-width:min(138vw,calc(61svh * 16 / 9));--scene-center:51%}.stage{min-height:320px}.header{height:58px}.title-word{font-size:min(16vw,18svh)}.title-word[data-word='专业团队']{font-size:min(20vw,23svh)}.scene-text{bottom:8%}.subtitle{font-size:10px}.stage[data-state='join'] .scene-text{bottom:16%}.join-action{bottom:3%}.main-action{min-height:37px;min-width:150px;font-size:11px}}
@media(max-width:350px){.brand{font-size:12px}.subtitle{font-size:11px;letter-spacing:.08em}.scene-text{left:8px;right:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0ms!important;animation-duration:.01ms!important}.letter{transform:none}.title-motion{transform:none!important;opacity:1!important}}

/* Narrow screens keep the complete chair and gun in the opening; converge to the same standing frame continuously. */
@media(max-width:760px) and (min-height:561px){
 .stage[data-state='intro']{--fit:.78}.stage[data-state='rising']{--fit:var(--rise-fit,.78)}
 .stage[data-state='intro'] .back-title{top:24%}
 .media-frame,.foreground-frame,.device-hotspot-frame{transform:translate(-50%,-50%) scale(var(--fit,1))}
}
@media(max-width:760px) and (min-height:561px){.stage[data-state='intro'] .scene-text{bottom:24%}}
@media(max-height:560px){.stage{min-height:100svh}}
@media(max-height:480px) and (min-width:761px){:root{--media-width:min(90vw,calc(62svh * 16 / 9));--scene-center:46%}.header{height:58px}}
@media(min-width:761px) and (max-width:1024px) and (max-aspect-ratio:4/5){:root{--media-width:min(144vw,calc(64svh * 16 / 9));--scene-center:50%;--title-top:13%}.scene-text{bottom:14%}.stage[data-state='join'] .scene-text{bottom:13.6%}}

/* V3: brief frame-preserving cut between independently generated clips. */
.handoff-frame{position:absolute;z-index:6;pointer-events:none;background:transparent}
.handoff-frame canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
/* The invitation is a real, readable control, not tiny player chrome. Device art is unchanged. */
.stage[data-state='join']{--scene-center:45%}
.stage[data-state='join'] .scene-text{bottom:17.2%}
.stage[data-state='join'] .subtitle{font-size:clamp(17px,1.5vw,21px);letter-spacing:.13em;font-weight:500}
.join-action{bottom:6.3%}
.join-action .main-action{min-width:clamp(270px,24vw,350px);min-height:70px;padding:0 30px;font-size:clamp(24px,2.2vw,30px);font-weight:700;letter-spacing:.14em}
.join-action .main-action .icon{width:28px;height:28px}
@media(max-width:760px) and (min-height:561px){
 .stage[data-state='join']{--scene-center:43%}
 .stage[data-state='join'] .scene-text{bottom:21%}
 .stage[data-state='join'] .subtitle{font-size:15px;letter-spacing:.08em}
 .join-action{bottom:max(8%,calc(env(safe-area-inset-bottom) + 24px))}
 .join-action .main-action{min-width:min(78vw,330px);min-height:62px;font-size:24px;padding:0 26px}
}
@media(max-height:700px) and (min-width:761px){
 .stage[data-state='join']{--media-width:min(90vw,calc(57svh * 16 / 9));--scene-center:43%}
 .stage[data-state='join'] .scene-text{bottom:19%}
 .stage[data-state='join'] .subtitle{font-size:15px}
 .join-action{bottom:4.5%}
 .join-action .main-action{min-height:54px;min-width:250px;font-size:23px}
}
@media(max-height:560px){
 .stage[data-state='join']{--media-width:min(100vw,calc(54svh * 16 / 9));--scene-center:42%}
 .stage[data-state='join'] .scene-text{bottom:20%}
 .stage[data-state='join'] .subtitle{font-size:12px;letter-spacing:.08em}
 .join-action{bottom:max(4%,env(safe-area-inset-bottom))}
 .join-action .main-action{min-height:42px;min-width:220px;font-size:20px;padding:0 24px}
 .join-action .main-action .icon{width:22px;height:22px}
}
@media(max-width:350px) and (min-height:561px){.stage[data-state='join'] .subtitle{font-size:13px}.join-action .main-action{font-size:23px}}

/* Brief layout settle reserves space for the larger call to action without a one-frame jump. */
.media-frame,.device-hotspot-frame{transition:top .16s var(--ease),width .16s var(--ease)}

/* v4: viewport ownership is independent of document scrolling. */
html,body{overscroll-behavior-y:none}
.stage{position:fixed;inset:0 0 auto;height:100svh;min-height:0;contain:layout paint}
.header{transform:translateZ(0)}
.media-frame,.foreground-frame,.device-hotspot-frame{backface-visibility:hidden}
.media-frame{transform:translate3d(-50%,-50%,0) scale(var(--fit,1))}
.still{visibility:visible!important}
/* Masked typesetting: one font, restrained perspective, short cadence. */
.letter-mask{perspective:850px}
.letter{transform-origin:50% 100%;transform:translate3d(0,105%,0) rotateX(-26deg);opacity:0;
 transition:transform .46s cubic-bezier(.16,1,.3,1),opacity .26s ease-out;
 transition-delay:calc(var(--i)*24ms);backface-visibility:hidden}
.title-word.is-shown .letter{transform:translate3d(0,0,0) rotateX(0);opacity:1}
.title-word.is-leaving .letter{transform:translate3d(0,-106%,0) rotateX(10deg);opacity:0;transition-duration:.16s;transition-delay:calc(var(--i)*8ms)}
.title-motion{transition:transform .10s linear,opacity .10s linear}
.copy-mask{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em 0}
.copy-part{display:inline-block;transform:translate3d(0,100%,0);opacity:0;transition:transform .4s var(--ease),opacity .28s;transition-delay:calc(60ms + var(--i)*55ms)}
.subtitle.copy-shown .copy-part{transform:translate3d(0,0,0);opacity:1}
.join-action .main-action{position:relative;isolation:isolate;overflow:hidden;background:transparent;transition:color .2s,border-color .2s}
.join-action .main-action::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--paper);transform:translate3d(0,102%,0);transition:transform .32s var(--ease)}
.join-action .main-action:hover{background:transparent;color:#000}
.join-action .main-action:hover::before{transform:translate3d(0,0,0)}
.is-paused .letter,.is-paused .copy-part{transition:none;transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){.letter,.copy-part{transform:none!important;opacity:1!important}}