:root{--night:#01030a;--ink:#f7f2e8;--warm:#ff9a52;--cool:#76bdff}@theme inline{--color-background: var(--night); --color-foreground: var(--ink); --font-sans: "Microsoft YaHei UI", "PingFang SC", system-ui, sans-serif;}*{box-sizing:border-box}html,body{background:var(--night);min-width:320px;min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}button,video,canvas{font:inherit}.film-universe{isolation:isolate;background:radial-gradient(circle at 72% 35%,#1c5ca433,#0000 34%),radial-gradient(circle at 16% 74%,#b93a121f,#0000 28%),#01030a;position:fixed;inset:0;overflow:hidden}.film-stage{z-index:1;opacity:0;transition:opacity .9s,transform 1.6s cubic-bezier(.2,.7,.16,1);position:absolute;inset:0;transform:scale(1.012)}.film-stage.is-ready{opacity:1;transform:scale(1)}.film-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block}.film-canvas.is-grabbing,.film-canvas.is-orbiting{cursor:grabbing}.film-canvas.is-hovering-frame{cursor:pointer}.film-canvas.is-panning-camera{cursor:move}.scene-loading{z-index:8;color:#e5effbb3;letter-spacing:.26em;background:#01030a;place-content:center;justify-items:center;gap:1rem;font-size:.72rem;display:grid;position:absolute;inset:0}.loading-orbit{border:1px solid #76bdff29;border-top-color:#ff9a52e0;border-radius:50%;width:2.5rem;height:2.5rem;animation:1.15s linear infinite orbit}.scene-shade,.scene-grain{z-index:3;pointer-events:none;position:absolute;inset:0}.scene-shade{background:radial-gradient(at 50% 48%,#0000 0% 52%,#000000c7 100%),linear-gradient(#00020a61 0%,#0000 36% 72%,#0000006b 100%)}.scene-grain{z-index:4;opacity:.055;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 18% 32%,#fff 0 .55px,#0000 .8px),radial-gradient(circle at 72% 65%,#fff 0 .5px,#0000 .8px);background-size:5px 5px,7px 7px;animation:.9s steps(2,end) infinite grain}.gesture-hint{left:50%;bottom:max(1.75rem, env(safe-area-inset-bottom));z-index:5;color:#e0ebf88f;letter-spacing:.16em;white-space:nowrap;pointer-events:none;align-items:center;gap:.72rem;font-size:.69rem;animation:1.2s 1.5s both hint-in,3s ease-in-out 2.8s infinite hint-breathe;display:flex;position:absolute;transform:translate(-50%)}.gesture-line{background:#82bdf733;width:2.8rem;height:1px;position:relative;overflow:hidden}.gesture-line:after{content:"";background:linear-gradient(90deg,#0000,#ffa95cf2,#0000);animation:2.4s ease-in-out infinite gesture-flow;position:absolute;inset:0;transform:translate(-100%)}.story-player{z-index:20;place-items:center;padding:clamp(1rem,5vw,4rem);animation:.42s cubic-bezier(.2,.8,.2,1) both player-in;display:grid;position:fixed;inset:0}.player-backdrop{-webkit-backdrop-filter:blur(22px)saturate(.8);backdrop-filter:blur(22px)saturate(.8);cursor:zoom-out;background:#000208d1;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.player-shell{z-index:1;transform-origin:50% 60%;background:#02050cfa;border:1px solid #74b2ec3d;border-radius:clamp(.75rem,1.5vw,1.25rem);width:min(78rem,92vw);animation:.52s cubic-bezier(.18,.85,.22,1) both shell-in;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff9d5414,0 2.5rem 8rem #000000b8,0 0 5rem #2d85de1a}.story-video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;max-height:min(72vh,48rem);display:block}.player-caption{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.25rem 1.25rem;display:flex}.player-caption p,.player-caption h2{margin:0}.player-caption p{color:#a7c3e29e;letter-spacing:.16em;margin-bottom:.3rem;font-size:.66rem}.player-caption h2{color:#f9f5ebf5;letter-spacing:.08em;font-size:clamp(1rem,2.1vw,1.42rem);font-weight:500}.player-caption button{color:#eff6fddb;cursor:pointer;background:#12233885;border:1px solid #a4c9ed33;border-radius:50%;flex:none;place-items:center;width:2.65rem;height:2.65rem;padding:0;font-size:1.55rem;line-height:1;transition:transform .18s,border-color .18s,background .18s;display:grid}.player-caption button:hover,.player-caption button:focus-visible{background:#5f2d168c;border-color:#ffa45bb3;outline:none;transform:rotate(4deg)scale(1.05)}.webgl-fallback{z-index:2;background:radial-gradient(at 62% 42%,#2a7bd333,#0000 32%),radial-gradient(at 30% 72%,#ec5c1c21,#0000 28%),linear-gradient(145deg,#02050d,#000 68%);place-items:end center;padding:3rem;display:grid;position:absolute;inset:0}.webgl-fallback p{color:#f6efdfb8;letter-spacing:.12em;margin:0;font-size:.76rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.adaptive-bootstrap{background:#01030a;position:fixed;inset:0;overflow:hidden}.adaptive-bootstrap-mobile{display:none}.adaptive-bootstrap-desktop,.adaptive-scene-loader{position:absolute;inset:0}.mobile-film-universe{isolation:isolate;touch-action:none;background:radial-gradient(at 78% 24%,#2777d34d,#0000 38%),radial-gradient(at 18% 78%,#dd4b1638,#0000 35%),linear-gradient(152deg,#020714 0%,#01030b 46%,#000107 100%);position:fixed;inset:0;overflow:hidden}.mobile-aurora{z-index:0;pointer-events:none;opacity:.72;filter:blur(24px);background:radial-gradient(circle at 68% 34%,#44a2ff40,#0000 17%),radial-gradient(circle at 30% 64%,#ff682733,#0000 15%);animation:7s ease-in-out infinite alternate mobile-aurora-breathe;position:absolute;inset:-22%}.mobile-film-space{z-index:1;perspective:54rem;transform-style:preserve-3d;position:absolute;inset:-8%;overflow:hidden}.mobile-film-ribbon{width:max-content;transform-style:preserve-3d;filter:drop-shadow(0 1.1rem 1.6rem #000000b8);position:absolute;left:-42vw}.mobile-film-ribbon-primary{z-index:3;cursor:grab;will-change:transform;top:51%;transform:translate3d(0,-50%,2.5rem)rotate(-9deg)rotateY(-7deg)rotateX(7deg)}.mobile-film-ribbon-primary.is-dragging{cursor:grabbing}.mobile-film-ribbon-back{z-index:1;pointer-events:none;opacity:.48;filter:blur(.45px)saturate(.8)}.mobile-film-ribbon-back-a{top:7%;transform:translate3d(-12vw,0,-7rem)rotate(17deg)rotateY(16deg)rotateX(-9deg)scale(.78)}.mobile-film-ribbon-back-b{bottom:1%;transform:translate3d(-2vw,0,-3rem)rotate(-20deg)rotateY(-12deg)rotateX(11deg)scale(.88)}.mobile-film-track{--mobile-film-shift:-44vw;width:max-content;min-height:9.1rem;transform:translate3d(var(--mobile-film-shift), 0, 0);will-change:transform;background:linear-gradient(#0c111ffc,#01040cfc);border-top:2px solid #ffb563d6;border-bottom:2px solid #54a3efb3;align-items:center;gap:.36rem;padding:1.16rem .5rem;display:flex;position:relative;box-shadow:inset 0 .18rem .34rem #ffa74d1f,inset 0 -.2rem .38rem #4090e31f,0 0 1.35rem #ff8b3d2b}.mobile-film-track:before,.mobile-film-track:after{content:"";z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 .55rem,#7eaeda52 .55rem 1.02rem,#0000 1.02rem 1.48rem);height:.58rem;position:absolute;left:0;right:0}.mobile-film-track:before{top:.22rem}.mobile-film-track:after{bottom:.22rem}.mobile-film-track-decorative{animation:18s ease-in-out infinite alternate mobile-film-drift;transform:translate(-36vw)}.mobile-film-frame{color:#fff;background:#02040a;border:1px solid #528fcd6b;border-radius:.12rem;flex:0 0 clamp(9rem,42vw,12.5rem);width:clamp(9rem,42vw,12.5rem);height:6.45rem;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 .8rem #0000008a}button.mobile-film-frame{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.mobile-film-frame img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.mobile-film-frame span{z-index:1;color:#fffaeff0;letter-spacing:.08em;text-align:right;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 5px #000,0 0 12px #000000e6;font-size:.65rem;position:absolute;bottom:.42rem;left:.5rem;right:.5rem;overflow:hidden}.mobile-film-frame:after{content:"";pointer-events:none;background:linear-gradient(155deg,#64b8ff14,#0000 42%,#ff80302e);position:absolute;inset:0}.mobile-gesture-hint{right:0;bottom:max(1rem, env(safe-area-inset-bottom));z-index:6;color:#deeaf7a3;letter-spacing:.17em;text-align:center;pointer-events:none;margin:0;font-size:.66rem;animation:1s .45s both hint-in,3s ease-in-out 1.5s infinite hint-breathe;position:absolute;left:0}.mobile-story-player{padding-top:max(.75rem, env(safe-area-inset-top));padding-bottom:max(.75rem, env(safe-area-inset-bottom))}@keyframes mobile-film-drift{0%{transform:translate(-36vw)}to{transform:translate(-72vw)}}@keyframes mobile-aurora-breathe{0%{opacity:.5;transform:translate(-2%,1%)scale(.96)}to{opacity:.8;transform:translate(2%,-1%)scale(1.04)}}@media (max-width:820px),(max-width:1180px) and (max-height:600px),(pointer:coarse) and (max-width:1180px){.adaptive-bootstrap-mobile{display:block}.adaptive-bootstrap-desktop{display:none}.scene-shade{background:radial-gradient(at 50% 48%,#0000 0% 48%,#000000b3 100%)}.scene-grain{opacity:.035}}@media (max-width:460px){.mobile-film-space{inset:-5% -12%}.mobile-film-ribbon-primary{top:34%;transform:translate3d(0,-50%,2rem)rotate(-11deg)rotateX(4deg)}.mobile-film-ribbon-back{opacity:.58}.mobile-film-ribbon-back-a{top:11%;transform:translate3d(-5vw,0,-1rem)rotate(8deg)rotateX(-3deg)scale(.7)}.mobile-film-ribbon-back-b{bottom:4%;transform:translate3d(-1vw,0,-.5rem)rotate(-10deg)rotateX(4deg)scale(.76)}.mobile-film-track{min-height:8.25rem;padding-top:1.05rem;padding-bottom:1.05rem}.mobile-film-frame{height:5.95rem}}@media (orientation:landscape) and (max-height:560px){.mobile-film-ribbon-primary{top:50%;transform:translate3d(0,-50%,2rem)rotate(-6deg)rotateY(-8deg)rotateX(6deg)}.mobile-film-ribbon-back-a{top:-6%}.mobile-film-ribbon-back-b{bottom:-8%}.mobile-film-track{min-height:7.6rem;padding-top:.92rem;padding-bottom:.92rem}.mobile-film-frame{height:5.55rem}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes grain{0%{transform:translate(-.4%,.3%)}50%{transform:translate(.35%,-.25%)}to{transform:translate(-.2%,-.35%)}}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,.8rem)}to{opacity:1;transform:translate(-50%)}}@keyframes hint-breathe{0%,to{opacity:.38}50%{opacity:.8}}@keyframes gesture-flow{0%{transform:translate(-110%)}65%,to{transform:translate(110%)}}@keyframes player-in{0%{opacity:0}to{opacity:1}}@keyframes shell-in{0%{opacity:0;transform:scale(.9)translateY(1rem)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:700px){.gesture-hint{bottom:max(1.2rem, env(safe-area-inset-bottom));font-size:.62rem}.story-player{padding:.75rem}.player-shell{width:100%}.player-caption{padding:.9rem}}@media (prefers-reduced-motion:reduce){.loading-orbit,.scene-grain,.gesture-hint,.gesture-line:after,.story-player,.player-shell,.mobile-film-track-decorative,.mobile-aurora,.mobile-gesture-hint{animation:none}}