[hidden]{display:none!important}
/* 新版界面层：精灵卡面、剧情、结缘仪式与指法示范。 */
.dock-pet{width:100%;height:100%;object-fit:cover}.mini-card:has(.dock-pet) small{bottom:0;left:0;right:0;padding:18px 3px 10px;background:linear-gradient(transparent,#081821);color:#ffe5b1;font-size:10px}
.modal-pet,.modal-reward,.modal-story{overflow:hidden}.modal-pocket{padding-bottom:30px}dialog:has(.modal-pocket){width:min(1120px,94vw)}dialog:has(.modal-story){width:min(1020px,94vw)}
.pet-intro{display:flex;justify-content:space-between;align-items:center;color:#b0c9c4;font-size:12px;border-bottom:1px solid #d3bd7933;padding-bottom:14px}.pet-intro>span{color:#e1c691;letter-spacing:2px}.pet-intro b{color:#f8db9c}
.pet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px;padding:14px 4px}.pet-card{position:relative;padding:4px;border-radius:18px;isolation:isolate;background:linear-gradient(145deg,var(--rarity),#263c48 22%,#122830 45%,var(--rarity) 74%,#6d5840);box-shadow:0 10px 25px #0007,inset 0 0 0 1px #ffecb577;aspect-ratio:2/3;display:block;width:100%;transition:transform .3s,box-shadow .3s;text-align:left}.pet-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 14px 35px #000a,0 0 24px color-mix(in srgb,var(--rarity) 30%,transparent)}.pet-frame{display:block;position:relative;width:100%;height:100%;border:1px solid #ffe8ba88;border-radius:14px;overflow:hidden;background:#102a33}.pet-frame:after{content:'';position:absolute;inset:6px;border:1px solid #ffe8bd55;border-radius:9px;pointer-events:none}.pet-card img{width:100%;height:100%;object-fit:cover;display:block}.pet-shade{position:absolute;inset:0;background:linear-gradient(#03172760,transparent 25%,transparent 50%,#031322e8 87%,#06131c)}.pet-rank{position:absolute;left:13px;top:14px;font:700 25px var(--serif);color:var(--rarity);text-shadow:0 2px 8px #000;line-height:1;filter:drop-shadow(0 0 5px var(--rarity))}.pet-rank small{display:block;font:8px var(--sans);letter-spacing:3px;margin-top:5px;color:#ffeccc}.pet-element{position:absolute;right:13px;top:17px;font-size:8px;letter-spacing:2px;color:#f1e7d8;writing-mode:vertical-rl;text-shadow:0 2px 5px #000}.pet-name{position:absolute;bottom:19px;left:10px;right:10px;text-align:center;color:#fff0cc}.pet-name small{font:italic 17px var(--serif);letter-spacing:1px;color:var(--rarity)}.pet-name b{display:block;font:600 24px var(--serif);letter-spacing:4px;margin:5px 0 9px}.pet-name em{font:9px var(--sans);color:#e7d7b9;letter-spacing:2px}.pet-gem{position:absolute;left:50%;transform:translateX(-50%);font-style:normal;color:var(--rarity);text-shadow:0 0 10px var(--rarity)}.pet-gem.top{top:3px;font-size:20px}.pet-gem.bottom{bottom:2px;font-size:14px}.pet-foil{position:absolute;inset:-50%;background:linear-gradient(112deg,transparent 37%,#fff8d40a 40%,#8fefff55 45%,#ffe4f544 48%,transparent 54%);transform:translateX(-50%) rotate(5deg);opacity:0;pointer-events:none}.pet-card:hover .pet-foil{animation:foil-sweep 2s ease both}.pet-card[data-rarity="SSR"],.pet-card[data-rarity="UR"]{padding:6px;box-shadow:0 12px 30px #0009,0 0 22px color-mix(in srgb,var(--rarity) 25%,transparent),inset 0 0 0 1px #ffe8bbaa}.pet-card[data-rarity="UR"]{background:conic-gradient(from 20deg,#ffe8b0,#b2dbff,#f2aff9,#ffdfa9,#bbf5f3,#ffe8b0)}.pet-card.unmet:not(.large) img{filter:brightness(.55) saturate(.35)}.pet-card.unmet:not(.large):hover img{filter:brightness(.85) saturate(.8)}.pet-card.large{width:290px;flex:none}.pet-card.large .pet-name b{font-size:32px}.pet-card.large .pet-rank{font-size:35px}.pet-card.large .pet-name{bottom:27px}.pet-card.large .pet-name em{font-size:10px}.pet-detail{display:flex;align-items:center;justify-content:center;gap:48px;padding:18px 6px}.pet-biography{max-width:330px;color:#bcd2ca}.pet-biography h3{font:36px var(--serif);color:#ffe2a7;letter-spacing:5px;margin:15px 0}.pet-biography p{font-size:13px;line-height:2.1}.pet-biography .pet-trait{color:#e9d6ad}.pet-biography blockquote{font:italic 22px var(--serif);line-height:1.6;margin:24px 0;padding:18px 0;border-block:1px solid #cbb57b44;color:#e4d5bc}.pet-bond{display:flex;flex-direction:column;gap:9px;margin:20px 0 24px}.pet-bond b{letter-spacing:7px;color:#ebcc90}.pet-bond span{font-size:11px}.pet-biography>.text-button{display:block;margin-top:16px}.summon-rules{border-top:1px solid #d3bd7940;color:#a8c6bb;margin-top:26px;padding:20px 0;font-size:11px;line-height:1.9}.summon-rules summary{cursor:pointer;color:#d8c593;font-size:12px}.summon-rules p{max-width:760px}
.summoning{min-height:510px;position:relative;display:flex;align-items:center;justify-content:center;gap:45px;isolation:isolate;padding:25px 15px}.summoning:before{content:'';position:absolute;inset:-40px;background:radial-gradient(ellipse at 37% 45%,color-mix(in srgb,var(--rarity) 22%,transparent),transparent 62%);z-index:-2}.summon-seal{display:flex;flex-direction:column;align-items:center;gap:24px;z-index:2;color:#f5dfac}.summon-seal>span{font:170px var(--serif);line-height:1.1;text-shadow:0 0 70px #f5d49588;animation:seal-breath 3s ease-in-out infinite}.summon-seal small{font-size:13px;letter-spacing:2px}.summon-seal b{font-size:13px;letter-spacing:3px;border:1px solid #dbc69270;padding:15px 24px;border-radius:30px;background:#77663722}.summon-orbits{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:-1;opacity:.45}.summon-orbits i{position:absolute;width:360px;height:360px;border:1px solid var(--rarity);border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--rarity) 15%,transparent);animation:orbit-ritual 16s linear infinite}.summon-orbits i:nth-child(2){transform:rotateX(60deg) rotateZ(35deg);width:420px;height:420px;animation-direction:reverse}.summon-orbits i:nth-child(3){width:290px;height:290px;border-style:dashed;opacity:.35;animation-duration:40s}.summon-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.summon-stars i{position:absolute;left:50%;top:50%;font-style:normal;color:var(--rarity);opacity:0;--angle:calc(var(--i)*137.5deg);--distance:calc(130px + mod(var(--i),5)*36px)}.revealed .summon-stars i{animation:pet-spark 2.6s ease-out calc(.5s + var(--i)*.022s) both}.summon-card{position:relative;z-index:1;flex:none}.revealed .summon-card{animation:card-arrive 1.65s cubic-bezier(.16,.8,.25,1) both}.revealed .pet-card .pet-foil{animation:foil-sweep 3s .7s ease both}.summon-copy{max-width:320px;position:relative;z-index:2}.revealed .summon-copy{animation:copy-arrive .8s 1.1s both}.rarity-title{font:24px var(--serif);letter-spacing:5px;color:var(--rarity);text-shadow:0 0 15px color-mix(in srgb,var(--rarity) 60%,transparent)}.summon-copy h3{font:28px var(--serif);line-height:1.6;color:#f8e6c0;margin:21px 0 13px}.summon-copy p{font-size:13px;color:#b4cdc1}.summon-copy blockquote{font:italic 21px var(--serif);line-height:1.8;margin:25px 0;color:#e1d7be}.summoning[data-rarity="UR"].revealed:after,.summoning[data-rarity="SSR"].revealed:after{content:'';position:absolute;inset:-50px;pointer-events:none;background:conic-gradient(from 0deg,transparent,#cbe7ff22,transparent,#ffe6a133,transparent,#ffbbf322,transparent);animation:rare-aura 12s linear infinite;z-index:-1}.summoning[data-rarity="UR"] .summon-orbits{opacity:.8}.result-companion{display:flex;align-items:center;justify-content:center;gap:18px;border-block:1px solid #d7bc7233;margin-top:25px;padding:14px}.result-companion img{width:48px;height:65px;object-fit:cover;border:1px solid #edd8a2;border-radius:7px}.result-companion p{font-size:11px;color:#b9cfc4}.result-companion b{display:block;margin-top:6px;color:#ead4a1;font-size:16px}
.chapter-cinema{position:relative;aspect-ratio:16/9;min-height:400px;background:#071a23;border:1px solid #d7c08355;border-radius:12px;overflow:hidden;isolation:isolate}.chapter-cinema video,.chapter-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.cinema-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(#06162560,transparent 30%,#0616258a 50%,#05151ef2)}.cinema-chapter{position:absolute;left:28px;top:25px;font:12px var(--serif);letter-spacing:4px;color:#f0d699}.cinema-chapter b{display:block;font:17px var(--serif);letter-spacing:3px;margin-top:9px;color:#f6eace}.chapter-dialogue{position:absolute;bottom:22px;left:30px;right:30px}.chapter-dialogue>span{font-size:11px;letter-spacing:4px;color:#f6d390;border-left:2px solid #eec77b;padding-left:10px}.chapter-dialogue>p{font:19px var(--serif);line-height:1.8;color:#fff0d7;min-height:65px;max-width:720px;margin:12px 0 18px;text-shadow:0 2px 10px #000}.story-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}.story-controls>span{font-size:10px;letter-spacing:3px;color:#a7beb8}.story-controls .gold-button{min-height:36px;font-size:11px}.chapter-audio{display:flex;align-items:center;gap:15px;padding-top:15px;color:#9bbab4;font-size:10px}.chapter-audio audio{height:30px;max-width:330px;width:70%}.modal-story .story-transcript{font-size:11px;text-align:left;line-height:1.9;color:#a5bdb8;margin:12px 0}.chapter-footer{display:flex;align-items:center;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:10px;color:#9bb7ac}.story-clue{font-size:12px;line-height:1.8;color:#dbc799;border-left:2px solid #cfb270;padding-left:13px;margin:20px 0}.modal-story .modal-header{margin-bottom:20px}
@keyframes foil-sweep{0%{transform:translateX(-50%);opacity:0}30%{opacity:.65}100%{transform:translateX(60%);opacity:0}}@keyframes seal-breath{50%{transform:translateY(-8px) scale(1.05);text-shadow:0 0 95px #f5d495cc}}@keyframes orbit-ritual{to{rotate:360deg}}@keyframes pet-spark{0%{opacity:0;transform:rotate(var(--angle)) translateX(20px) scale(.2)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(320px) scale(.4)}}@keyframes card-arrive{0%{opacity:0;transform:perspective(1100px) rotateY(100deg) scale(.65) translateY(70px);filter:brightness(1.6)}45%{opacity:1;filter:brightness(1.25)}100%{opacity:1;transform:perspective(1100px) rotateY(0) scale(1);filter:brightness(1)}}@keyframes copy-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes rare-aura{to{rotate:360deg}}
.reduced .pet-card:hover{transform:none}.reduced .summon-stars{display:none}.reduced .summon-copy,.reduced .summon-card{opacity:1;transform:none}.reduced .summoning:after{animation:none}
@media(max-width:950px){.pet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pet-detail{gap:28px}.pet-card.large{width:255px}.summoning{gap:26px;padding:15px 0}.summon-copy{max-width:260px}.summon-copy h3{font-size:24px}.pet-name b{font-size:21px}}
@media(max-width:700px){.pet-intro{display:block}.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.pet-name b{font-size:22px;letter-spacing:2px}.pet-name small{font-size:14px}.pet-name{bottom:16px}.pet-rank{font-size:23px;left:10px}.pet-detail{flex-direction:column;gap:25px}.pet-card.large{width:min(265px,70vw)}.pet-biography{text-align:center}.pet-biography>.text-button{margin:16px auto}.summoning{flex-direction:column;min-height:490px;gap:25px}.summon-copy{text-align:center;padding-bottom:10px}.summon-copy h3{margin:12px 0}.summon-copy blockquote{margin:16px 0}.summon-orbits i{width:270px;height:270px}.summon-orbits i:nth-child(2){width:310px;height:310px}.chapter-cinema{aspect-ratio:auto;height:440px;min-height:0}.chapter-dialogue{left:18px;right:18px;bottom:18px}.chapter-dialogue>p{font-size:17px;min-height:110px}.cinema-chapter{left:18px;top:18px}.chapter-footer{gap:8px}.chapter-footer>span{flex-basis:100%;line-height:1.8}.modal-story .modal-header h2{font-size:22px}.result-companion{flex-wrap:wrap}.pet-rank small{font-size:7px}.pet-element{font-size:7px}}
@media(prefers-reduced-motion:reduce){.pet-card,.summoning *{animation:none!important;transition:none!important}.summon-stars{display:none}}

.astral-crown{display:none;position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.summoning[data-rarity="SSR"] .astral-crown,.summoning[data-rarity="UR"] .astral-crown{display:block}.astral-crown i{position:absolute;left:50%;top:48%;width:2px;height:340px;transform-origin:50% 0;transform:rotate(calc(var(--ray)*11.25deg));background:linear-gradient(transparent 20%,color-mix(in srgb,var(--rarity) 40%,transparent) 50%,transparent);opacity:0}.revealed .astral-crown i{animation:astral-ray 4s ease-out .55s both}.summoning[data-rarity="UR"].revealed .pet-card{box-shadow:0 15px 60px #0009,0 0 35px #b5e5ff77,0 0 90px #ecc37b55;animation:ur-bloom 3s ease-in-out 1.5s 2}.summoning[data-rarity="SSR"].revealed .pet-card{box-shadow:0 15px 60px #0009,0 0 45px #ffeab05a}@keyframes astral-ray{0%{opacity:0;scale:.25}28%{opacity:1;scale:1}100%{opacity:.18;scale:1.6}}@keyframes ur-bloom{50%{box-shadow:0 15px 60px #0009,0 0 65px #b5e5ffa0,0 0 130px #ecc37b77}}
.reduced .astral-crown{display:none}@media(prefers-reduced-motion:reduce){.astral-crown{display:none!important}}

.journal-entries details,.journal-locked{border-bottom:1px solid #d1b77d33;padding:20px 0;color:#c7d8cc;font-size:13px}.journal-entries summary{cursor:pointer;color:#f1dbad;font-size:16px;line-height:1.8}.journal-entries summary>span,.journal-locked>span{font-family:var(--serif);margin-right:18px;color:#c3ab7c}.journal-entries small{float:right;font-size:10px;color:#9db5a8}.journal-entries details>p{font-size:12px;line-height:2}.journal-entries p>b{color:#d7c49f;margin-right:10px}.journal-locked{opacity:.55}@media(max-width:700px){.journal-entries small{float:none;display:block;margin-left:34px}}

.cinema-skip{position:absolute;top:22px;right:22px;z-index:2;border:1px solid #dfcb914d;background:#061b29c9;color:#f1dcac;padding:8px 12px;border-radius:20px;font-size:10px}@media(max-width:700px){.cinema-skip{top:18px;right:12px;max-width:125px;font-size:9px;padding:7px 10px}.cinema-chapter{max-width:145px}}
@media(min-width:701px) and (max-height:820px){.chapter-cinema{aspect-ratio:auto;height:calc(100dvh - 350px);min-height:320px}.modal-story .modal-header{padding-bottom:12px;margin-bottom:16px}.modal-story.modal{padding-top:22px;padding-bottom:22px}.chapter-dialogue>p{font-size:18px;min-height:54px}}
.chapter-audio{flex-wrap:wrap;gap:6px 16px}.chapter-audio button{min-height:32px}.chapter-audio #story-voice-state{margin-left:auto;color:#a7c6b8}.chapter-task{font-size:12px;line-height:1.8;color:#e2cca0;margin:12px 0 16px}.story-controls button:disabled{opacity:.35;cursor:default}.story-controls{gap:8px}.story-controls>[data-action="story-prev"]{font-size:11px;min-height:36px}@media(max-width:700px){.chapter-audio #story-voice-state{flex-basis:100%;margin-left:0}.chapter-audio{gap:4px 14px}.chapter-dialogue>p{font-size:16px}.story-controls>.gold-button{padding:9px 11px}}