:root{--blue: #181818ff;--blue-deep: #0c5cc5;--blue-light: #1c95e4;--ink: #181818;--ink-2: #434343;--brown: #923f00;--panel-top: #f7fdfe;--panel-bot: #c1f5ff;--void: #04101f;--font: "Segoe UI", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}body{overflow:hidden;background:var(--void);color:#fff;font-family:var(--font);font-size:calc(16px * var(--font-scale, 1));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit}.app{position:fixed;inset:0;overflow:hidden;background:var(--void)}.app.is-rotate{inset:50% auto auto 50%;width:100vh;height:100vw;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg);--safe-top: 0px;--safe-bottom: 0px}.stage{position:absolute;inset:0;overflow:hidden;background:var(--void)}.stage__backdrop{position:absolute;inset:-6%;background-position:center;background-size:cover;filter:blur(40px) brightness(.78) saturate(1.1);opacity:.3}.stage__freeze{position:absolute;inset:0;background-position:center;background-size:cover;z-index:0}.stage__video{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;opacity:0;background:var(--void);transition:opacity .55s ease;pointer-events:none}.stage__video.is-active{opacity:1}.stage__video.is-finished{display:none}.debug-bar{position:absolute;left:24px;right:24px;bottom:calc(14px + var(--safe-bottom));display:flex;align-items:center;gap:12px;z-index:6}.debug-bar__time{min-width:52px;text-align:center;font:600 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.65)}.debug-bar__range{flex:1;height:44px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.debug-bar__range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#ffffff47}.debug-bar__range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:28px;margin-top:-11px;border:none;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000008c}.cover-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--void)}.cover-anim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;pointer-events:none}.cover-anim.is-ready{opacity:1}.cover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.audio-toggle{position:absolute;top:48px;right:48px;width:96px;height:96px;padding:0;border:none;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:audio-spin 3s linear infinite}.audio-toggle.is-paused{animation:none}@keyframes audio-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.audio-toggle{animation:none}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0)}video.cover-bg{animation:coverFadeIn .25s ease both}@keyframes coverFadeIn{0%{opacity:0}to{opacity:1}}.scrim{position:absolute;inset:0;background:#0000001a;opacity:0;pointer-events:none;transition:opacity .45s ease;z-index:1}.scrim.is-on{opacity:1}.ui{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:50% 50%;z-index:2}.cover-title{position:absolute;top:0;left:50%;width:1440px;transform:translate(-50%) translateY(16px);opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out;pointer-events:none;user-select:none;-webkit-user-drag:none}.cover-title.is-show{opacity:1;transform:translate(-50%) translateY(0)}.cover-lock-hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:30;margin:0;max-width:640px;padding:16px 34px;border-radius:36px;background:#08162ab8;color:#fffffff0;font-size:26px;line-height:1.45;text-align:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.brand{position:absolute;left:270px;top:84px;width:1308px;height:484px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;transition:opacity .2s ease,filter .2s ease}.ui--boot .brand,.ui--boot .pills,.ui--boot .cover-qr,.ui--boot .cover-title{opacity:0!important;transition:none}.ui--dim .brand{opacity:0;filter:saturate(.6);transition:none;pointer-events:none}.brand__kicker{display:flex;align-items:center;gap:22px;font-size:calc(38px * var(--font-scale, 1));font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#ffe6a6;text-shadow:0 6px 26px rgba(0,26,58,.6)}.brand__rule{width:88px;height:2px;background:linear-gradient(90deg,#ffe6a600,#ffe6a6f2)}.brand__rule:last-child{background:linear-gradient(270deg,#ffe6a600,#ffe6a6f2)}.brand__title{max-width:1240px;font-size:calc(120px * var(--font-scale, 1));font-weight:800;line-height:1.08;letter-spacing:.005em;color:#fff;text-shadow:0 12px 48px rgba(0,34,74,.66)}.brand__sub{font-size:calc(40px * var(--font-scale, 1));letter-spacing:.04em;color:#ffffffeb}.pills{position:absolute;left:1029px;top:500px;display:flex;flex-direction:column;gap:140px;width:440px;transition:opacity .24s ease}.cover-qr{position:absolute;left:1029px;top:470px;width:420px;height:420px;object-fit:contain;border-radius:12px;background:#ffffff14}.pill{position:absolute;top:0;display:flex;align-items:center;justify-content:center;gap:44px;width:400px;height:112px;border:0;border-radius:56px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;color:var(--brown);font-size:calc(50px * var(--font-scale, 1));font-weight:500;line-height:1;cursor:pointer;transition:transform .22s ease,filter .22s ease}.pills .pill{position:relative;top:auto;width:400px;height:112px;border-radius:0;filter:drop-shadow(0 14px 28px rgba(3,20,44,.42))}.pills .pill.is-on{filter:drop-shadow(0 0 16px rgba(255,216,132,.9)) drop-shadow(0 14px 28px rgba(3,20,44,.45))}.pills .pill.is-dimmed{filter:grayscale(1) brightness(.72) opacity(.5);cursor:default}.pills .pill.is-dimmed:hover,.pills .pill.is-dimmed:active{transform:none}.pill:hover,.pill:focus-visible{transform:translateY(-3px);outline:none}.pill:active{transform:translateY(0) scale(.985)}.choice{position:absolute;inset:0}.choice .option{animation:option-in .9s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:calc(.5s + var(--stagger, 0) * .15s)}@keyframes option-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.option{position:absolute;display:flex;align-items:center;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;color:var(--ink);text-align:left;cursor:pointer;transition:transform .22s ease,filter .22s ease}.option--lg{padding:0 210px 26px 232px}.option--lg .option__chip{width:190px;height:calc(100% - 26px)}.option--lg .option__chip-letter{font-size:calc(78px * var(--font-scale, 1))}.option--lg .option__text{gap:10px;max-width:1150px}.option--sm{padding:0 110px 0 230px}.option--sm .option__chip{width:214px;height:100%}.option--sm .option__chip-letter{font-size:calc(56px * var(--font-scale, 1));text-shadow:0 3px 10px rgba(3,20,44,.26)}.option--sm .option__text{gap:4px;max-width:1230px}.option--sm .option__label{font-size:calc(34px * var(--font-scale, 1));font-weight:600;line-height:1.32}.option--sm .option__desc{font-size:calc(24px * var(--font-scale, 1));line-height:1.3}.option:hover,.option:focus-visible{transform:translateY(-4px);filter:drop-shadow(0 18px 32px rgba(2,32,64,.38));outline:none}.option--locked,.option--locked:hover,.option--locked:focus-visible{opacity:.55;filter:grayscale(.7);transform:none;pointer-events:none}.option__chip{position:absolute;left:0;top:0;display:grid;place-items:center}.option__chip-letter{color:#fff;font-weight:700;line-height:1;text-shadow:0 4px 14px rgba(3,20,44,.28)}.option__text{display:flex;flex-direction:column;min-width:0;overflow:hidden}.option__label{font-weight:600;color:var(--ink);white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.option__desc{font-weight:400;color:#5b6472}.option--lg .option__label{font-size:calc(46px * var(--font-scale, 1));line-height:1.18}.option--lg .option__desc{font-size:calc(34px * var(--font-scale, 1));line-height:1.32}.ending{position:absolute;inset:0}.ending__panel{position:absolute;left:220px;top:349px;width:1480px;height:523px;border-radius:56px;background:linear-gradient(180deg,#fffefb,#fffdf8 46%,#fbeed6 76%,#f9e3c6);box-shadow:0 26px 64px #021a3452;color:var(--ink)}.ending__bg{position:absolute;left:-49px;top:-310px;width:1582px;height:864px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;pointer-events:none}.ending__congrats{position:absolute;left:78px;right:78px;top:149px;font-size:calc(52px * var(--font-scale, 1));font-weight:400;line-height:1.29;color:var(--ink);text-align:center}.ending__lines{position:absolute;left:57px;right:57px;top:92px;font-size:calc(38px * var(--font-scale, 1));font-weight:400;line-height:1.55;color:var(--ink);text-align:left}.ending__lines p+p{margin-top:24px}.ending__final{position:absolute;inset:0}.ending__slogan{position:absolute;left:78px;right:78px;top:116px;font-size:calc(54px * var(--font-scale, 1));font-weight:400;line-height:1.32;color:var(--ink);text-align:center}.ending__hl{display:inline-block;font-style:normal;font-weight:700;line-height:.7;color:#ff9f00;font-variant-numeric:tabular-nums}.ending__congrats .ending__hl{font-size:1.6923em}.ending__lines .ending__hl{font-size:1.5263em}.ending__hl.is-bump{animation:ending-bump .6s cubic-bezier(.22,1,.36,1)}@keyframes ending-bump{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}.ending__actions{position:absolute;left:0;right:0;top:283px;display:flex;justify-content:center;gap:159px}.ending__pill{width:400px;height:112px;padding:0;border:0;cursor:pointer;transition:transform .18s ease}.ending__pill:hover{transform:translateY(-2px)}.ending__pill:active{transform:translateY(0)}.replay{position:absolute;inset:0;z-index:50}.replay__panel{position:absolute;left:220px;top:347px;width:1480px;height:489px;border-radius:60px;background:linear-gradient(180deg,#fffdfa 0% 68%,#fdf0da 86%,#fbe3c5);box-shadow:0 26px 64px #021a3452}.replay__bg{position:absolute;left:-49px;top:-289px;width:1582px;height:808px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;pointer-events:none}.replay__close{position:absolute;right:23px;top:28px;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:#565a6261;color:#fff;cursor:pointer;transition:background .2s ease}.replay__close:hover{background:#565a6294}.replay__close svg{width:22px;height:22px}.replay__actions{position:absolute;left:0;right:0;top:257px;display:flex;justify-content:center;gap:46px}.replay__pill{width:400px;height:112px;padding:0;border:0;cursor:pointer;transition:transform .18s ease}.replay__pill:hover{transform:translateY(-2px)}.replay__pill:active{transform:translateY(0)}.scene{position:absolute;inset:0}.scene__panel{position:absolute;left:220px;top:300px;width:1480px;height:428px;border-radius:13px;background:linear-gradient(180deg,var(--panel-top) 0%,var(--panel-bot) 100%);box-shadow:0 24px 70px #021a346b}.scene__close{position:absolute;right:22px;top:22px;display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;background:transparent;color:var(--blue);cursor:pointer}.scene__close:hover{background:#108aff1f}.scene__close svg{width:26px;height:26px}.scene__now{position:absolute;left:168px;top:96px;margin:0;color:#108affeb;font-size:calc(30px * var(--font-scale, 1));font-weight:500;line-height:1;letter-spacing:.02em}.scene__pill{position:absolute;top:160px;width:346px;height:108px;border:2px solid var(--blue);border-radius:54px;background:transparent;color:var(--blue);font-size:calc(42px * var(--font-scale, 1));font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.scene__pill.is-on{background:var(--blue);color:#fff}.tools{position:absolute;right:calc(16px + var(--safe-right));top:calc(14px + var(--safe-top));z-index:40;display:flex;align-items:center;gap:10px}.tool{display:grid;place-items:center;width:38px;height:38px;padding:9px;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:#04162c6b;backdrop-filter:blur(8px);color:#eaf7ff;cursor:pointer}.tool:hover{background:#08284c9e}.tool svg{width:20px;height:20px}.fallback{position:absolute;left:50%;top:50%;z-index:45;width:min(86vw,440px);padding:22px 24px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#06182ef0;text-align:center;transform:translate(-50%,-50%)}.fallback__tag{font-size:calc(12px * var(--font-scale, 1));letter-spacing:.16em;text-transform:uppercase;color:#7fd0ff}.fallback__title{margin-top:8px;font-size:calc(18px * var(--font-scale, 1));font-weight:600;color:#fff}.fallback__desc{margin:10px 0 16px;font-size:calc(13px * var(--font-scale, 1));line-height:1.6;color:#e2f2ffc7;word-break:break-all}.mini-btn{padding:10px 22px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff14;color:#eaf7ff;font-size:calc(13px * var(--font-scale, 1));cursor:pointer}.mini-btn--solid{border-color:transparent;background:linear-gradient(180deg,#fff5cf,#ffd884);color:#6b3200;font-weight:600}.poster-modal{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:calc(12px + var(--safe-top)) 12px calc(12px + var(--safe-bottom));background:#020a16b8}.poster-modal__body{flex:1;width:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.poster-modal__img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;border-radius:14px;box-shadow:0 22px 60px #0000008c}.poster-modal__canvas{display:none}.poster-modal__hint{position:absolute;z-index:2;left:50%;bottom:6%;width:88%;margin:0;transform:translate(-50%);color:#fff;font-size:calc(13px * var(--font-scale, 1));line-height:1.45;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.75);pointer-events:none}.poster-modal__side{display:flex;flex-direction:column;align-items:center;flex:none}.poster-modal__share{width:200px;height:56px;padding:0;border:0;cursor:pointer;transition:transform .18s ease}.poster-modal__share:hover{transform:translateY(-2px)}.poster-modal__share:active{transform:translateY(0)}.poster-modal__close{position:absolute;z-index:3;right:16px;top:calc(14px + var(--safe-top));display:grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;background:#04101f9e;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background .18s ease}.poster-modal__close:hover{background:#04101fd1;transform:scale(1.06)}.poster-modal__close:active{transform:scale(.94)}.poster-modal__close svg{width:20px;height:20px}.poster-modal__loading{font-size:calc(14px * var(--font-scale, 1));color:#ffffffb3}.poster-modal__actions{display:flex;gap:12px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-leave-active{pointer-events:none}@media (prefers-reduced-motion: reduce){.pill,.option,.stage__video,video.cover-bg,.scrim{transition-duration:.01ms;animation:none}}