*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#091031} body{font-family:"Noto Serif CJK SC","Songti SC","STSong","Microsoft YaHei",serif} .page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#091031} .poster{position:relative;width:100%;max-width:941px;width:min(100vw,941px);overflow:hidden;isolation:isolate;background:#111846} /* An in-flow spacer keeps the poster visible on Safari versions without aspect-ratio. */ .poster::before{content:"";display:block;padding-top:177.6833156217%;pointer-events:none} .poster-artwork{position:absolute;top:0;right:0;bottom:0;left:0} .bg{position:absolute;top:0;left:0;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:0;user-select:none;pointer-events:none;-webkit-user-drag:none} /* Three prepainted textures carry the rings, nebula and dust together. Only their transform/opacity is animated: no moving masks, blend or blur. */ .moon-fx{position:absolute;left:31.2%;top:10.4%;width:37.6%;z-index:5;pointer-events:none} .moon-fx::before{content:"";display:block;padding-top:100%;pointer-events:none} .halo{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;pointer-events:none;background:center/100% 100% no-repeat;transform-origin:50% 50%;will-change:transform;animation:galaxy-orbit 58s linear infinite} .halo-1{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%200%20400%20400%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22ring%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23f6dfd8%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23c5cefc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eac8f3%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22cloud%22%3E%3Cstop%20stop-color%3D%22%23d4bbf3%22%20stop-opacity%3D%22.42%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23bac9ff%22%20stop-opacity%3D%22.17%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c3b5ee%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22star%22%3E%3Cstop%20stop-color%3D%22%23fff1e7%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%23efdaff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d4ceff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%22147%22%20fill%3D%22none%22%20stroke%3D%22url(%23ring)%22%20stroke-width%3D%224%22%20stroke-dasharray%3D%2246%20130%2096%20240%2034%20377%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.84%22%2F%3E%3Cellipse%20cx%3D%22164%22%20cy%3D%2265%22%20rx%3D%2290%22%20ry%3D%2216%22%20fill%3D%22url(%23cloud)%22%20transform%3D%22rotate(-16%20164%2065)%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%2253%22%20r%3D%2211%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%2253%22%20r%3D%223.6%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%22238%22%20r%3D%224.5%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%22238%22%20r%3D%221.5%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%22319%22%20cy%3D%22286%22%20r%3D%223.3000000000000003%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22319%22%20cy%3D%22286%22%20r%3D%221.1%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%22313%22%20cy%3D%22107%22%20r%3D%222.55%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22313%22%20cy%3D%22107%22%20r%3D%220.85%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Cpath%20d%3D%22M200%2044%20Q201%2052%20208%2053%20Q201%2054%20200%2062%20Q199%2054%20192%2053%20Q199%2052%20200%2044%22%20fill%3D%22%23f7e6ef%22%20opacity%3D%22.65%22%2F%3E%3C%2Fsvg%3E");opacity:.76;animation-delay:-9s} .halo-2{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%200%20400%20400%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22ring%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23f6dfd8%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23c5cefc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eac8f3%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22cloud%22%3E%3Cstop%20stop-color%3D%22%23d4bbf3%22%20stop-opacity%3D%22.42%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23bac9ff%22%20stop-opacity%3D%22.17%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c3b5ee%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22star%22%3E%3Cstop%20stop-color%3D%22%23fff1e7%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%23efdaff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d4ceff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%22159%22%20fill%3D%22none%22%20stroke%3D%22url(%23ring)%22%20stroke-width%3D%221.8%22%20stroke-dasharray%3D%2246%20140%20160%2075%2014%20180%20100%20284%22%20opacity%3D%22.65%22%2F%3E%3Cellipse%20cx%3D%22293%22%20cy%3D%2291%22%20rx%3D%2286%22%20ry%3D%2218%22%20fill%3D%22url(%23cloud)%22%20transform%3D%22rotate(38%20293%2091)%22%2F%3E%3Cellipse%20cx%3D%2287%22%20cy%3D%22299%22%20rx%3D%2276%22%20ry%3D%2217%22%20fill%3D%22url(%23cloud)%22%20transform%3D%22rotate(38%2087%20299)%22%2F%3E%3Ccircle%20cx%3D%2278%22%20cy%3D%2298%22%20r%3D%223.4499999999999997%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%2278%22%20cy%3D%2298%22%20r%3D%221.15%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%22359%22%20cy%3D%22204%22%20r%3D%223.5999999999999996%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22359%22%20cy%3D%22204%22%20r%3D%221.2%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%22165%22%20cy%3D%22355%22%20r%3D%222.7%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22165%22%20cy%3D%22355%22%20r%3D%220.9%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%22126%22%20cy%3D%22342%22%20r%3D%222.0999999999999996%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22126%22%20cy%3D%22342%22%20r%3D%220.7%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%22326%22%20cy%3D%22303%22%20r%3D%222.0999999999999996%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22326%22%20cy%3D%22303%22%20r%3D%220.7%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3C%2Fsvg%3E");opacity:.65;animation-duration:82s;animation-direction:reverse;animation-delay:-26s} .halo-3{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%200%20400%20400%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22ring%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23f6dfd8%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23c5cefc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eac8f3%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22cloud%22%3E%3Cstop%20stop-color%3D%22%23d4bbf3%22%20stop-opacity%3D%22.42%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23bac9ff%22%20stop-opacity%3D%22.17%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c3b5ee%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22star%22%3E%3Cstop%20stop-color%3D%22%23fff1e7%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.23%22%20stop-color%3D%22%23efdaff%22%20stop-opacity%3D%22.6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d4ceff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%22204%22%20cy%3D%2257%22%20rx%3D%22120%22%20ry%3D%2226%22%20fill%3D%22url(%23cloud)%22%20transform%3D%22rotate(10%20204%2057)%22%2F%3E%3Cellipse%20cx%3D%2292%22%20cy%3D%22293%22%20rx%3D%2293%22%20ry%3D%2224%22%20fill%3D%22url(%23cloud)%22%20transform%3D%22rotate(48%2092%20293)%22%2F%3E%3Cellipse%20cx%3D%22339%22%20cy%3D%22224%22%20rx%3D%2223%22%20ry%3D%2285%22%20fill%3D%22url(%23cloud)%22%20transform%3D%22rotate(20%20339%20224)%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%22139%22%20fill%3D%22none%22%20stroke%3D%22url(%23ring)%22%20stroke-width%3D%22.8%22%20stroke-dasharray%3D%2224%2066%2062%20200%20130%20391%22%20opacity%3D%22.26%22%2F%3E%3Ccircle%20cx%3D%22242%22%20cy%3D%2265%22%20r%3D%222.25%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22242%22%20cy%3D%2265%22%20r%3D%220.75%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%22153%22%20r%3D%221.9500000000000002%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%22153%22%20r%3D%220.65%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%2277%22%20cy%3D%22271%22%20r%3D%222.55%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%2277%22%20cy%3D%22271%22%20r%3D%220.85%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22321%22%20r%3D%222.0999999999999996%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22321%22%20r%3D%220.7%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%22245%22%20r%3D%222.25%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%22245%22%20r%3D%220.75%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%22126%22%20cy%3D%2276%22%20r%3D%221.6500000000000001%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22126%22%20cy%3D%2276%22%20r%3D%220.55%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22123%22%20r%3D%222.0999999999999996%22%20fill%3D%22url(%23star)%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22123%22%20r%3D%220.7%22%20fill%3D%22%23eee4ff%22%20opacity%3D%22.72%22%2F%3E%3C%2Fsvg%3E");animation-name:nebula-orbit;animation-duration:104s;animation-delay:-42s} @keyframes galaxy-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @keyframes nebula-orbit{0%{transform:rotate(0deg);opacity:.62}50%{transform:rotate(180deg);opacity:.80}100%{transform:rotate(360deg);opacity:.62}} /* Original hitbox, geometry and click handler remain unchanged. One composite beam. */ .entry-hitbox{position:absolute;left:25.9%;top:45.02%;width:48.25%;height:6.65%;z-index:8;padding:0;border:0;border-radius:999px;overflow:hidden;background:transparent;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent} .entry-hitbox:active{transform:scale(.992)} .entry-hitbox:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.55)} .entry-hitbox::before{content:"";position:absolute;left:-40%;top:-25%;height:150%;width:36%;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(219,220,255,.03) 15%,rgba(227,228,255,.12) 38%,rgba(255,245,255,.28) 56%,rgba(255,249,255,.37) 59%,rgba(221,237,255,.10) 72%,transparent);will-change:transform;animation:beam-sweep 12s ease-in-out infinite} @keyframes beam-sweep{0%,8%{transform:translateX(0) skewX(-17deg);opacity:0}16%,42%{opacity:.64}50%,58%{transform:translateX(410%) skewX(-17deg);opacity:0}66%,92%{opacity:.64}100%{transform:translateX(0) skewX(-17deg);opacity:0}} html[data-page-hidden] .halo,html[data-page-hidden] .entry-hitbox::before{animation-play-state:paused!important} /* 底部文案 */ .footer-copy{ position:absolute; z-index:9; left:50%; bottom:2.6%; transform:translateX(-50%); white-space:nowrap; font-family:"Noto Serif CJK SC","Songti SC","STSong",serif; font-size:clamp(13px,2.7vw,26px); font-weight:500; letter-spacing:.18em; /* 跟上方主文案同步：月白 → 淡紫 → 粉紫 */ background:linear-gradient( 90deg, #f7efff 0%, #ded6ff 24%, #ffffff 50%, #f1c9f0 76%, #f8e7ff 100% ); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; text-shadow: 0 0 7px rgba(224,207,255,.42), 0 0 15px rgba(235,191,242,.24), 0 2px 7px rgba(55,43,112,.30); } .footer-copy span{ margin:0 .48em; opacity:.78; } @media (min-width:942px){ .page{padding:20px 0} .poster{border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.32)} } /* ===== 后台可配置文字覆盖层 ===== */ .dynamic-copy{ position:absolute; z-index:7; left:50%; top:30.0%; transform:translateX(-50%); width:78%; text-align:center; color:#fff; pointer-events:none; text-shadow: 0 0 9px rgba(236,208,255,.52), 0 2px 8px rgba(52,38,112,.34); } .dynamic-title{ font-size:clamp(24px,5.8vw,54px); letter-spacing:.08em; line-height:1.25; font-weight:500; background:linear-gradient(90deg,#fff5ff,#e6ddff 38%,#ffd9ef 72%,#fff7ff); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; } .dynamic-divider{ display:flex; align-items:center; justify-content:center; gap:12px; margin:15px auto 10px; } .dynamic-divider span{ width:24%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.88)); } .dynamic-divider span:last-child{ background:linear-gradient(90deg,rgba(255,255,255,.88),transparent); } .dynamic-divider b{ font-size:18px; font-weight:400; filter:drop-shadow(0 0 7px rgba(255,255,255,.65)); } .dynamic-subtitle{ font-size:clamp(18px,4.1vw,35px); letter-spacing:.12em; line-height:1.25; background:linear-gradient(90deg,#f6edff,#ded6ff 45%,#f8d5ed); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; } /* 自定义按钮文字启用时，用覆盖文字替代原图按钮文字视觉 */ .custom-button-label{ position:absolute; inset:0; display:grid; place-items:center; z-index:3; color:#fff; font-family:"Noto Serif CJK SC","Songti SC","STSong",serif; font-size:clamp(19px,4vw,38px); letter-spacing:.08em; text-shadow:0 0 8px rgba(255,255,255,.4); pointer-events:none; } .custom-button-label[hidden]{display:none} /* footer separator */ .footer-copy em{ font-style:normal; opacity:.58; margin:0 .48em; } .footer-copy .footer-item{ margin:0; opacity:1; } /* V5：底部支持 3～5 项，自动缩放和居中 */ .footer-copy{ max-width:92%; display:flex; align-items:center; justify-content:center; gap:0; } .footer-copy .footer-item{ flex:0 0 auto; } .footer-copy em{ flex:0 0 auto; } @media (max-width:520px){ .footer-copy{ font-size:clamp(11px,2.45vw,20px); letter-spacing:.10em; } .footer-copy em{ margin:0 .30em; } } /* V7.2: footer fits the original poster even with 3–5 configured items. */ .footer-copy{ max-width:none;width:max-content; transform:translateX(-50%) scale(var(--footer-scale,1)); transform-origin:center; pointer-events:none; } .footer-copy .footer-item,.footer-copy em{ background:linear-gradient(105deg,#e9ddff,#ddd4ff 38%,#efc8ef 76%,#f2deff); -webkit-background-clip:text;background-clip:text; -webkit-text-fill-color:transparent;color:#e9ddff; } /* Keep the requested quiet movement even when reduced-motion is enabled. The reduced variant slows each orbit further and has no breathing. */ @media(prefers-reduced-motion:reduce){ .halo-1{animation-duration:116s} .halo-2{animation-duration:164s} .halo-3{animation-name:galaxy-orbit;animation-duration:208s;opacity:.65} .entry-hitbox::before{animation-duration:24s} } /* The mobile stage fills the available screen. One shared artwork preserves image/effect/button coordinates; only outer scenery can extend past the stage. */ @media(max-width:941px){ html,body{min-height:0;height:100%;overflow:hidden} .page{ --safe-top:env(safe-area-inset-top,0px); --safe-bottom:env(safe-area-inset-bottom,0px); height:100vh;min-height:0; padding:var(--safe-top) 0 var(--safe-bottom); align-items:stretch; overflow:hidden; } .poster{ flex:none; width:100%;max-width:none;height:100%; } .poster::before{display:none} .poster-artwork{ top:50%;left:50%;right:auto;bottom:auto; width:100%;min-width:calc((100vh - var(--safe-top) - var(--safe-bottom)) * 941 / 1672); transform:translate(-50%,-50%); } .poster-artwork::before{content:"";display:block;padding-top:177.6833156217%} .entry-hitbox{top:48.345%;transform:translateY(-50%);min-height:44px} .footer-copy{bottom:14px;font-size:clamp(13px,3.3vw,16px)} @supports(height:100svh){ .page{height:100svh} .poster-artwork{min-width:calc((100svh - var(--safe-top) - var(--safe-bottom)) * 941 / 1672)} } @supports(height:100dvh){ .page{height:100dvh} .poster-artwork{min-width:calc((100dvh - var(--safe-top) - var(--safe-bottom)) * 941 / 1672)} } } /* Browser guidance uses the existing moonlit text palette, above the footer. */ /* Five-second handoff screen; it uses the same palette and keeps the original page underneath. */ .entry-wait{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));background:rgba(8,14,47,.82)} .entry-wait[hidden]{display:none} .entry-wait-card{width:min(86vw,360px);min-width:0;max-width:100%;max-height:calc(100vh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;padding:25px 24px 23px;text-align:center;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:linear-gradient(145deg,rgba(53,47,121,.88),rgba(122,74,145,.78));box-shadow:0 18px 60px rgba(18,12,65,.42),inset 0 1px 0 rgba(255,255,255,.28);color:#fff4ff} @supports(height:100dvh){.entry-wait-card{max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}} .entry-wait-card p{margin:5px 0;font-size:clamp(14px,3.8vw,20px);line-height:1.55;letter-spacing:.08em;text-shadow:0 0 9px rgba(255,220,255,.4)} .entry-wait-card #waitTextLines p{margin:5px 0;min-height:1.55em;white-space:pre-wrap;overflow-wrap:anywhere} .entry-wait-countdown{margin:0 0 12px;color:#e8d7ff;font-size:13px;line-height:1.5;letter-spacing:.04em;font-variant-numeric:tabular-nums;text-shadow:0 0 7px rgba(225,201,255,.35)} .entry-wait-orbit{width:48px;height:48px;margin:0 auto 14px;display:grid;place-items:center;position:relative;border:1px solid rgba(255,239,255,.58);border-radius:50%;box-shadow:0 0 12px rgba(224,193,255,.28);animation:wait-orbit 3.8s ease-in-out infinite;will-change:transform} .entry-wait-orbit::before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,239,255,.28);border-radius:50%;} .entry-wait-orbit span{display:block;width:28px;height:28px;border-radius:50%;position:relative;background:radial-gradient(circle at 32% 28%,rgba(255,255,226,.95) 0 7%,transparent 8%),radial-gradient(circle at 68% 64%,rgba(190,150,207,.5) 0 11%,transparent 12%),radial-gradient(circle at 38% 72%,rgba(178,139,195,.48) 0 8%,transparent 9%),linear-gradient(145deg,#fffce0 4%,#ffe58c 48%,#d5a9e8 100%);box-shadow:0 0 10px rgba(255,227,166,.95),inset -3px -3px 5px rgba(126,83,157,.28)} .entry-wait-orbit span::after{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(255,255,230,.45)} @keyframes wait-orbit{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.entry-wait-orbit{animation-duration:4s}}