/* 生息召唤动画：纯前端UR／SR／SSR预览，无中奖概率及真实抽奖逻辑。 */
.gacha-preview-open{overflow:hidden}
.gacha-demo-overlay[hidden],.gacha-demo-overlay [hidden]{display:none!important}
.gacha-demo-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;isolation:isolate}
.gacha-demo-backdrop{position:absolute;inset:0;background:rgba(19,28,26,.82);backdrop-filter:blur(9px)}
.gacha-demo-panel{--gacha-glow:#a8efd4;--gacha-core:#d7fff2;--gacha-edge:#87c5ad;position:relative;display:flex;flex-direction:column;width:min(100%,630px);max-height:min(94vh,950px);max-height:min(94dvh,950px);overflow:auto;border:1px solid #d1e2d2;border-radius:24px;background:linear-gradient(160deg,#f9faf2,#e7f0e9);box-shadow:0 24px 100px #040c0880;color:#263f37;padding:22px}
.gacha-demo-panel[data-gacha-star="5"]{--gacha-glow:#ffe1a4;--gacha-core:#fff3c8;--gacha-edge:#d7ab5d;background:linear-gradient(160deg,#fff9ed,#f1e4cd);border-color:#efd5a2}
.gacha-demo-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.gacha-demo-head h2{font-size:22px;margin:4px 0 0;line-height:1.35;color:#263f37}
.gacha-demo-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:750;color:#81967f}
.gacha-icon-button{border:1px solid #8a9d975c;color:#384c43;background:#ffffffb5;font-size:28px;border-radius:50%;width:38px;height:38px;cursor:pointer;flex:none}
.gacha-demo-warning{font-size:11px;color:#758078;margin:9px 0 12px;text-align:center}
.gacha-demo-scene{position:relative;min-height:385px;height:min(45vh,445px);overflow:hidden;display:grid;place-items:center;border-radius:18px;background:radial-gradient(ellipse at 50% 58%,#203f42 0%,#12262b 45%,#111b25 80%);color:white;perspective:900px;isolation:isolate}
.gacha-demo-panel[data-gacha-star="5"] .gacha-demo-scene{background:radial-gradient(ellipse at 50% 58%,#46323f 0%,#231b31 46%,#171b2b 83%)}
.gacha-demo-halo{position:absolute;inset:10% 10%;border-radius:50%;background:radial-gradient(circle,var(--gacha-glow) 0%,transparent 65%);filter:blur(18px);opacity:.25;transform:scale(.6)}
.gacha-demo-ring{position:absolute;width:260px;height:260px;border:1px solid var(--gacha-glow);border-radius:50%;box-shadow:0 0 30px var(--gacha-glow),inset 0 0 15px var(--gacha-glow);opacity:.2}
.gacha-ring-inner{width:195px;height:195px;border-style:dashed;transform:rotate(25deg)}
.gacha-demo-particles{position:absolute;inset:0;pointer-events:none}
.gacha-demo-particles i{position:absolute;left:calc(50% - 3px);top:calc(52% - 3px);width:6px;height:6px;border-radius:50%;background:var(--gacha-core);box-shadow:0 0 12px 4px var(--gacha-glow);opacity:0;transform:rotate(var(--angle)) translateY(-140px) scale(.4)}
.gacha-demo-energy{position:absolute;font-size:110px;text-shadow:0 0 42px var(--gacha-glow);line-height:1;filter:drop-shadow(0 0 14px var(--gacha-glow));transform:scale(.15);opacity:0}
.gacha-demo-burst{position:absolute;width:12px;height:12px;border-radius:100%;background:white;box-shadow:0 0 40px 30px var(--gacha-glow);opacity:0;pointer-events:none}
.gacha-demo-card{position:relative;z-index:2;width:min(52%,220px);max-height:94%;aspect-ratio:2 / 3;display:grid;place-items:center;opacity:0;transform:translateY(38px) rotateY(-78deg) scale(.75);filter:drop-shadow(0 14px 22px #0008);backface-visibility:hidden}
.gacha-demo-card img{height:100%;width:100%;object-fit:contain;display:block}
.gacha-demo-card-label{position:absolute;bottom:8%;left:8%;right:8%;padding:5px 4px;border-radius:8px;background:#142018c9;color:#fff4d8;font-weight:700;font-size:10px;text-align:center;letter-spacing:.04em}
.gacha-demo-stars{position:absolute;top:7%;z-index:3;letter-spacing:.25em;font-size:24px;color:var(--gacha-core);text-shadow:0 0 18px var(--gacha-glow);opacity:0;transform:translateY(-10px)}
.gacha-demo-panel[data-gacha-phase="gather"] .gacha-demo-halo,.gacha-demo-panel[data-gacha-phase="awaken"] .gacha-demo-halo,.gacha-demo-panel[data-gacha-phase="opening"] .gacha-demo-halo{animation:gacha-breathe 1.6s ease-in-out infinite alternate}
.gacha-demo-panel[data-gacha-phase="gather"] .gacha-demo-particles i,.gacha-demo-panel[data-gacha-phase="awaken"] .gacha-demo-particles i,.gacha-demo-panel[data-gacha-phase="opening"] .gacha-demo-particles i{animation:gacha-inward 1.5s ease-in-out var(--delay) infinite alternate}
.gacha-demo-panel[data-gacha-phase="gather"] .gacha-demo-ring,.gacha-demo-panel[data-gacha-phase="awaken"] .gacha-demo-ring,.gacha-demo-panel[data-gacha-phase="opening"] .gacha-demo-ring{animation:gacha-spin 7s linear infinite;opacity:.7}
.gacha-demo-panel[data-gacha-phase="awaken"] .gacha-demo-energy,.gacha-demo-panel[data-gacha-phase="opening"] .gacha-demo-energy{animation:gacha-energy .9s ease-in-out infinite alternate;opacity:1}
.gacha-demo-panel[data-gacha-phase="opening"] .gacha-demo-burst{animation:gacha-flash .65s ease-out forwards}
.gacha-demo-panel[data-gacha-phase="opening"] .gacha-demo-card{animation:gacha-card-in .9s ease-out forwards}
.gacha-demo-panel[data-gacha-phase="reveal"] .gacha-demo-card{opacity:1;transform:none;filter:drop-shadow(0 6px 28px var(--gacha-glow))}
.gacha-demo-panel[data-gacha-phase="reveal"] .gacha-demo-stars{opacity:1;transform:none}
.gacha-demo-panel[data-gacha-phase="reveal"] .gacha-demo-halo{opacity:.4;transform:scale(1.2)}
.gacha-demo-panel[data-gacha-phase="reveal"] .gacha-demo-ring{opacity:.18}
.gacha-demo-narrative{text-align:center;margin:14px auto 12px;min-height:59px}
.gacha-demo-narrative strong{font-size:17px;letter-spacing:.05em}
.gacha-demo-narrative p{font-size:12px;color:#698075;margin:5px 0 0}
.gacha-demo-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.gacha-demo-button{cursor:pointer;border-radius:999px;padding:11px 17px;min-height:43px;font-weight:700;border:1px solid #b7c7bd;background:#fffc;color:#365245;font-size:12px}
.gacha-demo-primary{background:#344e44;color:white;border-color:#344e44}
.gacha-demo-panel[data-gacha-star="5"] .gacha-demo-primary{background:#825d27;border-color:#825d27}
.gacha-demo-footnote{text-align:center;color:#829288;font-size:10px;line-height:1.6;margin:11px 0 0}
.gacha-demo-overlay button:focus-visible{outline:3px solid #50bfa2;outline-offset:3px}
.summon-preview-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.summon-preview-controls .btn{margin-top:0!important}
@keyframes gacha-inward{0%{opacity:0;transform:rotate(var(--angle)) translateY(-170px) scale(.2)}60%{opacity:1}100%{opacity:.4;transform:rotate(var(--angle)) translateY(-45px) scale(1)}}
@keyframes gacha-spin{to{transform:rotate(360deg)}}
@keyframes gacha-breathe{0%{opacity:.25;transform:scale(.7)}100%{opacity:.55;transform:scale(1.12)}}
@keyframes gacha-energy{from{opacity:.55;transform:scale(.3) rotate(-8deg)}to{opacity:1;transform:scale(.8) rotate(12deg)}}
@keyframes gacha-flash{0%{opacity:0;transform:scale(1)}30%{opacity:1;transform:scale(20)}100%{opacity:0;transform:scale(40)}}
@keyframes gacha-card-in{0%{opacity:0;transform:translateY(40px) rotateY(-80deg) scale(.7)}45%{opacity:.8}100%{opacity:1;transform:translateY(0) rotateY(0) scale(1)}}
@media(max-width:550px){.gacha-demo-overlay{padding:8px}.gacha-demo-panel{padding:13px;border-radius:17px}.gacha-demo-head h2{font-size:18px}.gacha-demo-scene{min-height:275px;height:min(46vh,375px)}.gacha-demo-ring{width:195px;height:195px}.gacha-ring-inner{width:145px;height:145px}.gacha-demo-energy{font-size:76px}.gacha-demo-card{width:min(51%,185px)}.gacha-demo-stars{font-size:20px}.gacha-demo-button{padding:9px 11px;font-size:11px;min-height:42px}.gacha-demo-narrative{min-height:50px}}
@media(prefers-reduced-motion:reduce){.gacha-demo-panel *{animation:none!important;transition:none!important}.gacha-demo-scene .gacha-demo-ring{opacity:.2}.gacha-demo-card{transform:none!important}}