:is(html:has(.display-replica),body:has(.display-replica)){scroll-behavior:auto;background:#000}.display-replica{color:#fff;background:#000;min-height:100svh;font-family:DisplayOPPO,Microsoft YaHei,sans-serif;overflow-x:clip}.display-replica button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.display-replica :is(button,a):focus-visible{outline-offset:7px;outline:2px solid #23e8ff}.display-replica button:disabled{cursor:wait;opacity:.55}.display-section{outline:none;align-items:center;width:100%;min-height:100svh;display:grid;position:relative}#display-home{height:100svh}#display-characters{touch-action:pan-y pinch-zoom}.display-stage{width:100%;aspect-ratio:2880 / var(--scene-height);isolation:isolate;outline:none;position:relative;overflow:hidden;container-type:inline-size}.display-stage.is-loading,.display-stage.is-home{width:min(100%, calc(100svh * 2880 / var(--scene-height)));margin-inline:auto}.display-stage img,.display-header img{-webkit-user-select:none;user-select:none;max-width:none;height:auto;display:block}.display-at{left:calc(var(--x) / 2880 * 100%);top:calc(var(--y) / var(--scene-height) * 100%);width:calc(var(--w) / 2880 * 100%);position:absolute}.display-at>img{width:100%}.display-at>picture{width:100%;display:block}.display-at>picture>img{width:100%}.display-full{pointer-events:none;width:100%;position:absolute;inset:0 auto auto 0}.display-header-shell{z-index:20;pointer-events:none;background:linear-gradient(#000b,#0006 70%,#0000);position:fixed;inset:0 0 auto}.display-header{--scene-height:155;aspect-ratio:2880/155;width:100%;position:relative;container-type:inline-size}.display-header :is(button,a){pointer-events:auto}.display-mobile-header,.display-mobile-profile{display:none}.display-nav,.display-icon,.display-logo{transition:opacity .18s,filter .18s}.display-nav:before,.display-icon:before{content:"";position:absolute;inset:-15px}.display-icon:hover,.display-logo:hover{opacity:.75}.display-filter-defs{pointer-events:none;position:absolute}.display-transparent-mark{filter:url(#display-logo-alpha)}.display-nav-line{position:absolute;top:calc(100% + .763889cqw);left:0;width:1.73611cqw!important}.display-home,.display-character,.display-loading{position:absolute;inset:0}.display-photo-ribbon{pointer-events:none;position:absolute;inset:0}.display-photo-ribbon .display-photo{pointer-events:auto}.display-home-background{opacity:1}.display-home:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000);height:12%;position:absolute;inset:auto 0 0}.display-photo{transition:opacity .18s}.display-photo[aria-busy=true]{opacity:.8}.display-clips{pointer-events:none;z-index:2}.display-cord{pointer-events:none}.display-searchlight{z-index:3;pointer-events:none;contain:strict;background:radial-gradient(20% 33.07% at 65% 33%,#0000 0%,#00000008 28%,#00000052 60%,#000000b3 100%);position:absolute;inset:0}.display-searchlight[data-renderer=canvas]{background:0 0}.display-searchlight-canvas{width:100%;height:100%;display:block}.display-subtitle,.display-slogan,.display-reserve{z-index:4}.display-subtitle{color:#fff;text-align:center;white-space:nowrap;letter-spacing:.606em;margin:0;font-family:DisplayOPPOLight,DisplayOPPO,sans-serif;font-size:1.14583cqw;font-weight:400;line-height:1}.display-slogan{margin:0}.display-reserve{transition:transform .2s,filter .2s}.display-light-inspector{color:#a9cbd1;background:#10191c;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:13px;display:flex}.display-light-inspector button{border:1px solid #ffffff30;padding:8px!important}.display-light-inspector label{align-items:center;gap:10px;display:flex}.display-light-inspector input{accent-color:#23e8ff;width:min(280px,45vw)}.display-reserve:hover{filter:brightness(1.16);transform:scale(1.025)}.display-reserve:active{transform:scale(.98)}.display-reserve .display-reserve-label{width:auto;height:22.0339%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.display-name{white-space:nowrap;z-index:4;align-items:flex-end;gap:.763889cqw;display:flex}.display-name img{width:auto;height:auto}.display-name img:first-child{height:auto}.display-name img:last-child{height:auto;margin-bottom:.0347222cqw}.display-profile-lines{pointer-events:none}.display-profile{z-index:2;margin:0;font-size:1.25cqw;line-height:1}.display-profile-row{grid-template-columns:23% 77%;align-items:center;height:3.81944cqw;display:grid}.display-profile dt{color:#aaa;white-space:nowrap;padding-left:.972222cqw}.display-profile dd{text-align:center;white-space:nowrap;margin:0}.display-profile-row:nth-child(4) dd{font-size:.96em}.display-profile-row:has(dd:empty){visibility:hidden}.display-portrait{z-index:3;pointer-events:none;transform-origin:50% 18%;transform:translate(var(--portrait-shift-x,0cqw), var(--portrait-shift-y,0cqw)) scale(var(--portrait-scale,1))}.display-character-swap[data-person=yexing] .display-portrait{--portrait-scale:1.04;--portrait-shift-x:.6cqw;--portrait-shift-y:-.8cqw}.display-character-swap[data-person=fangjin] .display-portrait{--portrait-scale:1.04;--portrait-shift-x:2.1cqw}.display-character-swap[data-person=yuyuan] .display-portrait{--portrait-scale:1.04;--portrait-shift-x:.3cqw;--portrait-shift-y:-1.5cqw}.display-character-swap[data-person=shengmizhen] .display-portrait{--portrait-scale:1.05;--portrait-shift-x:2.2cqw}.display-veil{z-index:4}.display-selector{pointer-events:none;z-index:5;position:absolute;inset:0}.display-selector button{pointer-events:auto}.display-avatar{height:calc(201 / var(--scene-height) * 100%);place-items:center;transition:transform .2s;display:grid}.display-avatar img{width:auto;max-width:100%;height:auto;max-height:100%}.display-avatar[aria-pressed=false] img{width:73.7805%}.display-avatar[aria-pressed=true] img{transform:scale(1.1)}.display-avatar:hover{transform:translateY(-.25cqw)}.display-arrow{margin-top:-15px;transition:transform .18s;padding-block:15px!important}.display-arrow:hover{transform:translate(.18cqw)}.display-arrow:first-child:hover{transform:translate(-.18cqw)}.display-loading-bar{height:calc(22 / var(--scene-height) * 100%)}.display-track{width:100%;height:100%!important}.display-progress{height:100%;transition:width .12s linear;position:absolute;top:0;left:0}.display-progress>img:first-child{width:100%;height:100%}.display-progress .display-marker{width:.416667cqw;max-width:none;height:2.43056cqw;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.display-loading-label{width:100%;top:calc(1430 / var(--scene-height) * 100%);text-align:center;color:#ddd;margin:0;font-family:DisplayLoading,sans-serif;font-size:1.31944cqw;font-weight:100;line-height:1;position:absolute}.display-loading-continue{font-size:13px;position:absolute;bottom:2%;right:3%;color:#b1b1b1!important}.display-load-error{text-align:center;background:#000b;font-size:14px;position:absolute;inset:auto 0 1%}.display-load-error button{margin:8px 15px;text-decoration:underline}.display-enter{animation:.3s both display-appear}.display-character-swap{animation:.25s both display-appear;position:absolute;inset:0}@keyframes display-appear{0%{opacity:0}to{opacity:1}}.display-notice{text-align:center;z-index:30;opacity:0;pointer-events:none;background:#080d0fee;border:1px solid #ffffff35;border-radius:3px;max-width:90vw;padding:12px 22px;font-size:14px;transition:opacity .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.display-notice[data-visible=true]{opacity:1}.display-account{z-index:40;background:#10191c;border:1px solid #ffffff40;padding:20px;font-size:14px;position:fixed;top:90px;right:7%}.display-account button{margin:14px 14px 0 0;text-decoration:underline}.display-footer{color:#929292;border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:36px 7%;font-size:12px;display:flex}.display-footer a:hover,.display-footer button:hover{color:#eee}.display-dialog{color:#eee;background:#10171b;border:1px solid #6bcbd077;width:min(480px,90vw);max-height:90svh;margin:auto;padding:32px;overflow-y:auto}.display-dialog::backdrop{background:#000c}.display-dialog h2{margin:0 0 24px;font-size:24px}.display-dialog p{margin:14px 0;font-size:14px}.display-dialog button{border:1px solid #96dae6;padding:10px 16px}.display-dialog-close{font-size:24px;position:absolute;top:8px;right:8px;border:0!important;padding:0 8px!important}.display-dialog form{gap:14px;display:grid}.display-dialog input:not([type=checkbox]){color:#fff;background:#05090c;border:1px solid #fff5;width:100%;min-width:0;padding:10px}.display-dialog input[type=checkbox]{accent-color:#1de8f2}.display-dialog fieldset{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;padding:0;display:grid}.display-dialog legend{margin-bottom:12px}.display-dialog fieldset label{gap:7px;display:flex}.display-code{gap:10px;display:flex}.display-code button{white-space:nowrap}.display-agreement{align-items:start;gap:8px;font-size:12px;line-height:1.7;display:flex}.display-agreement input{margin-top:5px}.display-agreement a{text-decoration:underline}.display-dialog.display-dialog--success{background:0 0;border:0;width:min(1122px,100vw - 24px,155svh);max-width:none;max-height:none;padding:0;overflow:visible}.display-success{aspect-ratio:1122/690;position:relative}.display-success-art{pointer-events:none;position:absolute;inset:0}.display-success-art img{object-fit:contain;width:100%;height:100%;display:block}.display-dialog .display-success-title,.display-dialog .display-success-message{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display-dialog .display-success-return{color:#0000;border:0;width:30%;height:14.9%;font-size:0;position:absolute;top:70.8%;left:34.8%}.display-dialog .display-success-return:hover{box-shadow:0 0 24px #41f9ff55}.display-dialog .display-success-close{border:0;width:max(44px,5%);height:max(44px,8%);position:absolute;top:10%;right:0}.display-success-close span{display:none}.display-dialog--success[data-art-error=true] .display-success{background:#05090b;border:1px solid #41f9ff}.display-dialog--success[data-art-error=true] .display-success-art{display:none}.display-dialog--success[data-art-error=true] .display-success-title{clip-path:none;text-align:center;width:100%;height:auto;margin:0;font-size:clamp(32px,5vw,64px);position:absolute;top:8%;left:0;overflow:visible}.display-dialog--success[data-art-error=true] .display-success-message{clip-path:none;text-align:center;width:100%;height:auto;margin:0;font-size:clamp(20px,3vw,42px);position:absolute;top:45%;left:0;overflow:visible}.display-dialog--success[data-art-error=true] .display-success-return{color:#fff;border:1px solid #41f9ff;font-size:clamp(16px,2vw,30px)}.display-dialog--success[data-art-error=true] .display-success-close span{color:#41f9ff;font-size:36px;display:inline}@media (max-width:767px){html:has(.display-replica){scrollbar-width:none;overscroll-behavior-y:none}body:has(.display-replica){overscroll-behavior-y:none}html:has(.display-replica)::-webkit-scrollbar{display:none}.display-replica{--mobile-header-height:calc(max(56px, 14.19vw) + env(safe-area-inset-top,0px))}.display-header{display:none}.display-header-shell{background:linear-gradient(#080808f5,#080808da 80%,#0000)}.display-mobile-header{height:var(--mobile-header-height);padding-top:env(safe-area-inset-top,0px);pointer-events:auto;align-items:center;display:flex;position:relative}.display-mobile-header img{width:100%;height:auto;display:block}.display-mobile-header button{min-width:44px;min-height:44px}.display-mobile-logo{width:19.83%;margin-left:9.32%}.display-mobile-account{width:44px;margin-left:auto}.display-mobile-account img{width:15px;height:auto;margin:auto}.display-menu-toggle{width:44px;margin-left:8%;margin-right:6.5%}.display-menu-toggle svg{width:24px;height:22px;margin:auto}.display-mobile-menu{top:calc(100% - 3px);aspect-ratio:1170/816;background:#000a;animation:.16s display-appear;position:absolute;inset-inline:0}.display-mobile-menu[hidden]{display:none}.display-mobile-menu .display-mobile-menu-art{opacity:.65;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.display-mobile-menu>a{align-items:center;width:70%;min-height:44px;font-size:clamp(17px,4.27vw,26px);font-weight:700;display:flex;position:absolute;left:17.44%}.display-mobile-menu>a:first-of-type{height:24%;top:8%}.display-mobile-menu>a:nth-of-type(2){height:24%;top:40%}.display-mobile-channels{top:71%;justify-content:space-between;align-items:center;height:28%;display:flex;position:absolute;inset-inline:17.44%}.display-mobile-channels :is(a,button){place-items:center;display:grid}.display-mobile-channels img{object-fit:contain;max-width:26px;max-height:25px}.display-mobile-channels :first-child img{max-width:45px}.display-stage.is-home,.display-stage.is-loading{aspect-ratio:auto;width:100%;height:100svh}.display-stage.is-home{--mobile-photo-width:min(42.65cqw, 25svh)}.display-home-background,.display-loading-background,.display-character-background{object-fit:cover;object-position:center top;width:100%;height:100%!important}.display-home-background{object-fit:fill}.display-photo-ribbon{touch-action:pan-y pinch-zoom}.display-photo-ribbon .display-photo{left:50%;top:calc(14.49% - var(--photo-head) / 384 * var(--mobile-photo-width));width:var(--mobile-photo-width);transform:translateX(calc(-50% + var(--photo-offset) * 111.02%));transition:transform .32s cubic-bezier(.22,.75,.25,1),opacity .18s}.display-photo img{transition:filter .32s}.display-photo[data-featured=false] img{filter:brightness(.65)}.display-photo[data-featured=true] img{filter:brightness()}.display-photo[data-edge=true]{visibility:hidden;transition:none}.display-photo-ribbon .display-clips{visibility:var(--photo-visibility);width:calc(var(--mobile-photo-width) * 254 / 384);left:50%;top:calc(14.49% - var(--mobile-photo-width) * 63 / 384);transform:translateX(calc(-50% + var(--photo-offset) * 167.85%));transition:transform .32s cubic-bezier(.22,.75,.25,1)}.display-cord{left:0;top:calc(14.49% - var(--mobile-photo-width) * 28 / 384);width:100%}.display-subtitle{width:60%;font-size:clamp(10px,2.84cqw,21px);top:67.25%;left:20%}.display-slogan{width:81.45%;top:70.7%;left:9.27%}.display-reserve{width:51.8%;min-height:44px;top:51.25%;left:24.1%}.display-reserve .display-reserve-label{height:22%}.display-searchlight{background:radial-gradient(40% 19% at 50% 23%,#0000 0%,#00000008 28%,#00000052 60%,#000000b3 100%)}.display-searchlight[data-renderer=canvas]{background:0 0}.display-stage.is-characters{aspect-ratio:auto;width:100%;height:max(650px,100svh)}.display-name{flex-direction:column;align-items:flex-start;gap:10px;top:15.5%;left:9%}.display-name img:first-child{height:clamp(28px,9cqw,56px);width:auto!important}.display-name img:last-child{height:clamp(10px,3cqw,18px);margin:0;width:auto!important}.display-profile,.display-stage .display-profile-lines,.display-stage .display-veil{display:none}.display-mobile-profile{z-index:2;width:49%;margin:0;font-size:clamp(11px,3.1cqw,16px);line-height:1.4;display:block;position:absolute;top:26%;left:7.2%}.display-mobile-profile>div{border-bottom:1px solid #bddeef55;margin-bottom:4px;padding:3px 0 7px 2%}.display-mobile-profile dt{color:#aaa;letter-spacing:.12em;font-size:.8em}.display-mobile-profile dd{overflow-wrap:anywhere;width:100%;margin:1px 0 0}.display-portrait{transform-origin:50% 22%;width:78%;top:12.5%;left:39%}.display-character-swap[data-person=yexing] .display-portrait{--portrait-scale:1.08;--portrait-shift-x:4.6cqw;--portrait-shift-y:0cqw}.display-character-swap[data-person=fangjin] .display-portrait{--portrait-scale:1.16;--portrait-shift-x:9cqw;--portrait-shift-y:2cqw}.display-character-swap[data-person=yuyuan] .display-portrait{--portrait-scale:1.02;--portrait-shift-x:1cqw;--portrait-shift-y:-2.6cqw}.display-character-swap[data-person=shengmizhen] .display-portrait{--portrait-scale:1.05;--portrait-shift-x:4.4cqw;--portrait-shift-y:0cqw}.display-character:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(#0000 47%,#000b 62%,#000 74%);position:absolute;inset:0}.display-selector{justify-content:space-between;align-items:center;gap:1%;display:flex;inset:66.5% 3.5% auto}.display-selector .display-avatar{aspect-ratio:164/201;width:19%;min-width:44px;height:auto;min-height:44px;position:relative;inset:auto}.display-avatar[aria-pressed=false] img{width:86%}.display-avatar[aria-pressed=true] img{transform:scale(1.23)}.display-avatar:hover{transform:none}.display-selector .display-arrow{display:none}.display-loading-bar{width:82%;height:3px;top:70%;left:9%}.display-progress .display-marker{width:3px;height:12px}.display-loading-label{font-size:12px;top:calc(70% + 10px)}.display-footer{padding:28px 7% calc(28px + env(safe-area-inset-bottom,0px));gap:16px;font-size:11px}.display-footer :is(a,button){align-items:center;min-height:36px;display:flex}.display-account{top:calc(var(--mobile-header-height) + 6px);max-width:90%;right:5%}.display-notice{width:max-content;max-width:90%;bottom:max(22px, env(safe-area-inset-bottom,0px));font-size:12px}.display-dialog{width:min(480px,94vw);padding:28px 20px}.display-dialog.display-dialog--success{width:min(420px,100vw - 24px)}.display-success{aspect-ratio:auto;background:radial-gradient(at 50% 28%,#18343b66,#0000 58%),repeating-linear-gradient(0deg,#0000 0 42px,#58eff610 43px 44px),#05090b;border:1px solid #41f9ff;height:min(440px,100svh - 36px);overflow:hidden;box-shadow:inset 0 0 30px #25e7f622,0 0 32px #0df1ff33}.display-success-art{height:min(35%,36vw);inset:0 0 auto;overflow:hidden}.display-success-art img{width:145%;max-width:none;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.display-dialog .display-success-message,.display-dialog--success[data-art-error=true] .display-success-message{clip-path:none;text-align:center;white-space:normal;letter-spacing:.08em;width:90%;height:auto;margin:0;font-size:clamp(19px,5.5vw,27px);line-height:1.4;position:absolute;top:52%;left:5%;overflow:visible}.display-dialog .display-success-return,.display-dialog--success[data-art-error=true] .display-success-return{color:#fff;background:#030708b3;border:1px solid #41f9ff;width:66%;height:14%;min-height:48px;font-size:clamp(16px,4.8vw,22px);top:72%;left:17%}.display-dialog .display-success-close{width:44px;height:44px;top:8px;right:8px}.display-success-close span{color:#41f9ff;font-size:36px;line-height:1;display:inline}.display-dialog--success[data-art-error=true] .display-success-title{top:15%}}@media (max-width:767px) and (max-height:520px){.display-stage.is-home{--mobile-photo-width:min(35cqw, 25svh)}.display-subtitle{width:44%;top:75%;left:28%}.display-slogan{width:65%;top:82%;left:17.5%}.display-reserve{width:36%;top:51%;left:32%}}@media (prefers-reduced-motion:reduce){:is(html:has(.display-replica),body:has(.display-replica)){scroll-behavior:auto}.display-replica *,.display-replica :before,.display-replica :after{transition:none!important;animation:none!important}}
