.header{text-align:center;margin-bottom:1.5rem}.header__eyebrow{margin:0;color:var(--color-muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.header__title{margin:.35rem 0 0;color:var(--color-text-primary);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700}.header__subtitle{margin:.5rem 0 0;color:var(--color-text-secondary);font-size:.98rem}.character-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#fcfcff);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;transform-style:preserve-3d}.character-card:hover{transform:translateY(-3px);border-color:var(--color-accent-soft)}.character-card__media{aspect-ratio:3 / 4;background:linear-gradient(180deg,#f8faff,#f4f7ff)}.character-card__image{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.character-card__name{margin:0;padding:.72rem .8rem .78rem;color:var(--color-text-primary);font-size:.95rem;text-align:center;letter-spacing:.01em}.character-card.is-active{border-color:#9db6db;box-shadow:0 10px 24px #6f80a02e}.character-card.is-active .character-card__name{color:#24304a;font-weight:700}.character-carousel{width:100%;min-height:430px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:visible;perspective:1400px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;outline:none;gap:.8rem}.character-carousel.is-dragging{cursor:grabbing}.character-carousel:focus-visible{box-shadow:inset 0 0 0 2px #93a8cd47;border-radius:16px}.character-carousel__viewport{min-height:390px}.character-carousel__stage{position:relative;width:min(1180px,92vw);height:380px;transform-style:preserve-3d;overflow:visible;margin:0 auto}.character-carousel__item{position:absolute;left:50%;top:12px;margin-left:-105px;transform-origin:center center;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity}.character-carousel__item>.character-card{position:relative;z-index:5}.character-carousel__item.is-active{filter:saturate(1.06)}.character-carousel__item.is-draw-spin>.character-card{animation:goldFrameFlash .58s ease-out}.destiny-panel{width:min(1180px,92vw);margin:0 auto;border:1px solid rgba(148,163,191,.35);border-radius:12px;background:#f7f9ffc2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.55rem .7rem}.destiny-panel__bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.destiny-panel__title{margin:0;font-size:.8rem;letter-spacing:.08em;color:#667594}.destiny-panel__actions{display:flex;align-items:center;gap:.45rem}.destiny-panel__btn{border:1px solid rgba(126,144,178,.36);background:#ffffffe6;color:#465572;border-radius:999px;padding:.2rem .6rem;font-size:.76rem;cursor:pointer}.destiny-panel__btn:hover{background:#fff}.destiny-panel__list{margin:.5rem 0 .05rem;padding:0 0 0 1rem}.destiny-panel__item{margin:.08rem 0;color:#2f3a52;font-size:.84rem}.destiny-panel__empty{margin:.48rem 0 .08rem;color:#7b869b;font-size:.78rem}.destiny-panel__notice{margin:.45rem 0 .08rem;color:#8c4a4a;font-size:.78rem}.draw-limit-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3200;background:#1a202f80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem}.draw-limit-modal__panel{width:min(640px,92vw);max-height:82vh;overflow:auto;border-radius:16px;border:1px solid rgba(145,164,194,.4);background:linear-gradient(160deg,#f6f8fffa,#e9eefaf5);padding:1rem}.draw-limit-modal__title{margin:0 0 .75rem;color:#2b3651;font-size:1.02rem}.draw-limit-modal__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}.draw-limit-modal__item{display:flex;align-items:center;gap:.7rem;padding:.45rem;border-radius:12px;background:#ffffffb8;border:1px solid rgba(160,177,205,.26)}.draw-limit-modal__thumb{width:68px;height:68px;border-radius:10px;object-fit:cover;border:1px solid rgba(151,167,193,.4)}.draw-limit-modal__thumb--empty{background:#b5c1d659}.draw-limit-modal__meta{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;width:100%}.draw-limit-modal__name,.draw-limit-modal__count{margin:0;color:#2f3a52}.draw-limit-modal__name{font-weight:700}.draw-limit-modal__count{font-size:.86rem;color:#5b6a85}.draw-limit-modal__item.rank-1 .draw-limit-modal__thumb{width:94px;height:94px}.draw-limit-modal__item.rank-1 .draw-limit-modal__name{font-size:1.22rem}.draw-limit-modal__item.rank-2 .draw-limit-modal__thumb{width:82px;height:82px}.draw-limit-modal__item.rank-2 .draw-limit-modal__name{font-size:1.06rem}.draw-limit-modal__item.rank-3 .draw-limit-modal__thumb{width:74px;height:74px}.draw-limit-modal__item.rank-3 .draw-limit-modal__name{font-size:.95rem}.draw-limit-modal__primary,.draw-limit-modal__cancel{width:100%;border:0;border-radius:10px;padding:.62rem .7rem;margin-top:.75rem;cursor:pointer;font-size:.9rem}.draw-limit-modal__primary{background:linear-gradient(135deg,#7388b1,#60789f);color:#f6f9ff}.draw-limit-modal__cancel{background:#ffffffdb;color:#3d4b67;border:1px solid rgba(124,142,172,.4)}.draw-limit-modal__empty{margin:.55rem 0;color:#6d7b96}.character-carousel__item.is-draw-aura:before,.character-carousel__item.is-draw-aura:after{content:"";position:absolute;top:-26px;right:-26px;bottom:-26px;left:-26px;pointer-events:none;border-radius:24px}@keyframes goldFrameFlash{0%{border-color:#f3df9a;box-shadow:0 0 #f4d674d9,0 0 16px #ffe69ab8}45%{border-color:#ffe39a;box-shadow:0 0 0 8px #f4d67447,0 0 30px #ffe599cc}to{border-color:var(--color-border);box-shadow:0 0 0 18px #f4d67400,0 0 #ffe59900}}.character-carousel__item.is-draw-aura:before{background:radial-gradient(circle,#ffeb9b7a,#8fbcff38 45%,#8fbcff00 76%);filter:blur(8px);animation:auraPulse .8s ease-out forwards}.character-carousel__item.is-draw-aura:after{background:radial-gradient(circle at 18% 26%,rgba(255,255,255,.85) 0 4px,transparent 5px),radial-gradient(circle at 72% 20%,rgba(255,244,186,.85) 0 3px,transparent 4px),radial-gradient(circle at 32% 80%,rgba(189,220,255,.86) 0 3px,transparent 4px),radial-gradient(circle at 80% 70%,rgba(255,233,206,.82) 0 3px,transparent 4px);animation:sparkBurst .8s ease-out forwards}@keyframes auraPulse{0%{opacity:0;transform:scale(.66)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.28)}}@keyframes sparkBurst{0%{opacity:0;transform:scale(.84) rotate(0)}22%{opacity:1}to{opacity:0;transform:scale(1.24) rotate(15deg)}}@media (max-width: 900px){.character-carousel{min-height:360px}.character-carousel__viewport{min-height:320px}.character-carousel__stage{height:320px}.character-carousel__item{margin-left:-88px}.destiny-panel{padding:.45rem .55rem}.destiny-panel__item{font-size:.76rem}.draw-limit-modal__panel{width:94vw;padding:.82rem}.draw-limit-modal__item.rank-1 .draw-limit-modal__thumb{width:82px;height:82px}.draw-limit-modal__item.rank-2 .draw-limit-modal__thumb{width:74px;height:74px}}.ball-hex-wrapper{position:relative;width:100%;min-height:330px;height:min(56vh,430px);border-radius:14px;overflow:hidden;border:1px solid rgba(128,148,182,.42);box-shadow:inset 0 0 0 1px #ffffff73;background:linear-gradient(160deg,#f8faffb8,#e6ecf9c2)}.ball-hex-canvas{display:block;width:100%;height:100%}.app-shell{width:min(1080px,92vw);margin:0 auto;padding:2rem 0 2.6rem}.back-home-btn{position:absolute;top:12px;left:12px;border:1px solid var(--color-border);border-radius:999px;background:#ffffffe6;color:var(--color-text-primary);padding:.35rem .7rem;font-size:.8rem;cursor:pointer}.app-shell--home{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.home-ip{position:absolute;top:.3rem;right:0;margin:0;max-width:min(65vw,460px);border:1px solid rgba(154,174,214,.65);border-radius:14px;background:linear-gradient(120deg,#f7fbfff2,#edf4fff2);color:#51607a;padding:.35rem .6rem;font-size:.74rem;line-height:1.2;box-shadow:0 8px 18px #7189ba2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:.4rem}.home-ip__label{border-radius:999px;padding:.16rem .42rem;background:linear-gradient(120deg,#85a8e829,#89b1f547);color:#2f4f86;font-size:.68rem;font-weight:700;letter-spacing:.04em;flex:0 0 auto}.home-ip__flag-wrap{width:18px;height:18px;border-radius:6px;border:1px solid rgba(110,142,203,.36);background:#ffffffe6;box-shadow:0 0 0 2px #dde8fca6;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;animation:home-flag-breathe 2.8s ease-in-out infinite}.home-ip__flag-img{width:100%;height:100%;object-fit:cover}.home-ip__flag{font-size:.74rem;line-height:1}.home-ip__value{color:#43506a;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes home-flag-breathe{0%,to{transform:scale(1);box-shadow:0 0 0 2px #dde8fca6}50%{transform:scale(1.06);box-shadow:0 0 0 3px #cedefcd9}}.home-title{margin:.2rem 0 0;font-size:2rem;color:var(--color-text-primary)}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,220px));gap:1.2rem}.privacy-notice{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(92vw,640px);display:flex;align-items:center;gap:.7rem;padding:.62rem .75rem;border-radius:12px;border:1px solid rgba(150,170,207,.52);background:#f7fbfff0;box-shadow:0 10px 24px #6077ab38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50}.privacy-notice__text{margin:0;color:#44526f;font-size:.8rem;line-height:1.35;flex:1}.privacy-notice__btn{border:1px solid rgba(126,151,199,.65);border-radius:999px;background:linear-gradient(120deg,#e0ebffd9,#d3e3fff5);color:#2f4e86;font-size:.75rem;font-weight:700;padding:.28rem .72rem;cursor:pointer;white-space:nowrap}.privacy-notice__btn:hover{filter:brightness(1.03)}.privacy-notice__btn:active{transform:translateY(1px)}.home-tile{aspect-ratio:1 / 1;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(circle at 20% 18%,#a8c7f561,#a8c7f500 40%),linear-gradient(140deg,#f4f7ff,#eef2fb);padding:0;display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}.home-tile:hover{transform:translateY(-3px) scale(1.01);border-color:#9db6db;box-shadow:0 10px 20px #7484a52e;filter:saturate(1.06)}.home-tile:active{transform:translateY(-1px) scale(.995)}.home-tile:focus-visible{outline:none;border-color:#8fa9d3;box-shadow:0 0 0 3px #9fb8e061,0 10px 20px #7484a524}.home-grid button.home-tile{cursor:pointer}.home-tile__content{width:100%;padding:.9rem;background:linear-gradient(180deg,#fff0,#f7f9ffeb 56%)}.home-tile__title{margin:0;color:#2f3a52;font-size:.95rem;font-weight:700}.home-tile__desc{margin:.28rem 0 0;color:#667089;font-size:.78rem}.home-tile--placeholder{background:radial-gradient(circle at 82% 16%,#f4c8d25c,#f4c8d200 42%),linear-gradient(140deg,#f6f7fb,#eef1f7);opacity:.95}.notice-page{width:min(760px,100vw);min-height:100vh;margin:0 auto;background:#f7f8fa;display:flex;flex-direction:column}.notice-topbar{display:grid;grid-template-columns:40px 1fr auto 34px;align-items:center;column-gap:.45rem;padding:.7rem .8rem .6rem;background:#fefefe}.notice-back,.notice-collect,.notice-share{border:0;background:transparent;color:#2d3a4f;cursor:pointer}.notice-back{font-size:1.8rem;line-height:1}.notice-topbar__center{display:flex;align-items:center;gap:.25rem;min-width:0}.notice-topbar__prefix{color:#3e4a5e;font-size:.95rem}.notice-topbar__course{color:#2d9cd6;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-collect{border:1px solid #45a8d9;border-radius:10px;color:#3ea6d8;padding:.28rem .65rem;font-size:.95rem}.notice-share{font-size:1.35rem;color:#45a8d9}.notice-content{flex:1;padding:1rem 1rem 0}.notice-title{margin:0;font-size:2.05rem;color:#1f2735}.notice-meta{margin:.85rem 0 1.2rem;display:flex;align-items:center;gap:1rem;color:#8d919c;font-size:.95rem}.notice-meta__tag{color:#2d9cd6}.notice-card{border-top:1px solid #eceff4;border-bottom:1px solid #eceff4;background:#fff;padding:1rem 0;color:#2f333b;font-size:1.08rem;line-height:1.75}.notice-card p{margin:0}.notice-task{display:grid;grid-template-columns:100px 1fr;align-items:center;margin-top:1.2rem;background:#eff2f6;border-radius:3px;overflow:hidden}.notice-task__badge{background:#2f9ddb;color:#fff;text-align:center;padding:1.1rem 0;font-size:1.9rem}.notice-task__name{padding:0 1rem;color:#2b2f38;font-size:1rem}.notice-footer{display:grid;grid-template-columns:44px 1fr 38px;align-items:center;gap:.65rem;padding:.55rem .55rem .6rem;background:#f8f9fb;border-top:1px solid #e4e8ef}.notice-comment-btn{width:42px;height:42px;border:1px solid #cfd6e2;border-radius:50%;display:grid;place-items:center;color:#8d94a3;font-size:1.7rem}.notice-comment-box{height:42px;border:1px solid #d9dde6;border-radius:8px;background:#fdfdfe;color:#b3b8c4;display:flex;align-items:center;padding:0 .75rem}.notice-like{color:#4aa9da;font-size:1.7rem;text-align:center}.ball-page{width:min(980px,94vw);min-height:100vh;margin:0 auto;padding:1.2rem 0 2rem}.ball-page__top{display:flex;align-items:center;gap:.8rem}.ball-page__back{border:1px solid var(--color-border);border-radius:999px;background:#ffffffe6;color:var(--color-text-primary);padding:.35rem .7rem;cursor:pointer}.ball-page__title{margin:0;font-size:1.4rem;color:var(--color-text-primary)}.ball-stage{position:relative;margin-top:1.1rem;min-height:min(64vh,520px);border:1px solid var(--color-border);border-radius:16px;background:linear-gradient(180deg,#ffffffbf,#ecf0f9cc),radial-gradient(circle at 15% 16%,#b0c7ec59,#b0c7ec00 48%);overflow:visible;padding:.8rem}:root{--color-bg: #e9ebf1;--color-surface: #ffffff;--color-border: #d2d9e6;--color-text-primary: #2b3240;--color-text-secondary: #5e6a80;--color-muted: #7d879d;--color-accent-soft: #9eb5d8;--color-chip-bg: #eef3ff;--color-chip-text: #546180;--radius-md: 12px;--radius-lg: 16px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--color-text-primary);background:radial-gradient(circle at 10% 10%,#c2cee480,#c2cee400 34%),radial-gradient(circle at 88% 11%,#e5ced573,#e5ced500 32%),linear-gradient(165deg,#ece9e3,#e2e5ee 52%,#e4e8f1);background-attachment:fixed;line-height:1.5}