:root{--bg-main:#0b1020;--bg-panel:#111831;--bg-card:#1a2245;--accent:#00e0ff;--gold:#f6c453;--purple:#b389ff;--blue:#5fa8ff;--text-main:#fff;--text-muted:#aab0d6;--border-radius:14px}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,sans-serif}body{color:var(--text-main);background:radial-gradient(circle at top,#111a3a,#070b17);min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0f28d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.navbar .logo{letter-spacing:.5px;color:var(--accent);font-size:20px;font-weight:700}.navbar nav a{color:var(--text-muted);margin-left:20px;font-size:14px;text-decoration:none;transition:color .2s}.navbar nav a:hover,.navbar nav a.active{color:var(--accent)}.page-header{padding:28px 32px 18px}.page-header h1{margin-bottom:6px;font-size:26px}.page-header p{color:var(--text-muted);max-width:720px;font-size:14px}.main-container{grid-template-columns:280px 1fr;gap:24px;padding:0 28px 32px;display:grid}.banner-list{background:var(--bg-panel);border-radius:var(--border-radius);flex-direction:column;gap:12px;height:fit-content;padding:16px;display:flex}.banner-list h3{color:var(--text-muted);margin-bottom:8px;font-size:14px}.banner-item{background:var(--bg-card);cursor:pointer;border:1px solid #0000;border-radius:12px;padding:12px;transition:all .2s}.banner-item:hover{border-color:var(--accent);box-shadow:0 0 12px #00e0ff40}.banner-item.active{border-color:var(--accent);background:linear-gradient(135deg,#1c2a5a,#0e1635)}.banner-item h4{margin-bottom:4px;font-size:15px}.banner-item span{color:var(--text-muted);font-size:12px}.gacha-panel{flex-direction:column;gap:20px;display:flex}.banner-info{background:var(--bg-panel);border-radius:var(--border-radius);justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.banner-info-left h2{margin-bottom:4px;font-size:20px}.banner-info-left p{color:var(--text-muted);font-size:13px}.banner-info-right{text-align:right;color:var(--text-muted);font-size:13px}.control-result{grid-template-columns:320px 1fr;gap:20px;display:grid}.control-panel{background:var(--bg-panel);border-radius:var(--border-radius);flex-direction:column;gap:14px;padding:18px;display:flex}.control-panel h3{margin-bottom:4px;font-size:16px}.currency-box{background:var(--bg-card);border-radius:10px;justify-content:space-between;align-items:center;padding:12px;font-size:14px;display:flex}.draw-buttons{gap:12px;display:flex}.draw-buttons button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px 0;font-size:14px;font-weight:600;transition:all .2s}.draw-1x{color:#fff;background:#2a3a7a}.draw-1x:hover{background:#3446a3}.draw-10x{color:#fff;background:linear-gradient(135deg,#00c6ff,#0072ff);box-shadow:0 0 12px #00c6ff66}.draw-10x:hover{transform:translateY(-1px);box-shadow:0 0 18px #00c6ff99}.result-panel{background:var(--bg-panel);border-radius:var(--border-radius);padding:18px}.result-panel h3{margin-bottom:12px;font-size:16px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.result-card{background:var(--bg-card);text-align:center;border:1px solid #0000;border-radius:10px;padding:10px 8px;font-size:12px;position:relative;overflow:hidden}.result-card.r6{border-color:var(--gold);box-shadow:0 0 12px #f6c45366}.result-card.r5{border-color:var(--purple);box-shadow:0 0 10px #b389ff59}.result-card.r4{border-color:var(--blue);box-shadow:0 0 8px #5fa8ff4d}.result-card .rarity{margin-bottom:4px;font-weight:700}.result-card .featured{color:var(--accent);font-size:11px}.pity-history{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pity-panel,.history-panel{background:var(--bg-panel);border-radius:var(--border-radius);padding:18px}.pity-panel h3,.history-panel h3{margin-bottom:12px;font-size:16px}.pity-item{margin-bottom:10px}.pity-item span{color:var(--text-muted);margin-bottom:4px;font-size:13px;display:block}.progress-bar{background:#1e2752;border-radius:6px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00c6ff,#0072ff);width:45%;height:100%}.pity-status{color:var(--text-muted);margin-top:8px;font-size:13px}.pity-status strong{color:var(--accent)}.history-list{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.history-item{background:var(--bg-card);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.history-item .rarity-6{color:var(--gold)}.history-item .rarity-5{color:var(--purple)}.history-item .rarity-4{color:var(--blue)}footer{text-align:center;color:var(--text-muted);padding:20px 0 30px;font-size:12px}@media (max-width:1024px){.main-container,.control-result,.pity-history{grid-template-columns:1fr}}.bannerHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.resetBannerButton{color:#ff3b3b;cursor:pointer;background:#ff3b3b26;border:1px solid #ff3b3b66;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s}.resetBannerButton:hover{background:#ff3b3b40;transform:scale(1.05);box-shadow:0 0 8px #ff3b3b80}.resetBannerButton:active{transform:scale(.95)}
.Navbar-module__pSp8Ga__navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#0a0f28d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.Navbar-module__pSp8Ga__logo{letter-spacing:.5px;color:#00e0ff;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:700}.Navbar-module__pSp8Ga__navbar nav{align-items:center;gap:20px;display:flex}.Navbar-module__pSp8Ga__navbar nav a{color:#aab0d6;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,text-shadow .2s}.Navbar-module__pSp8Ga__navbar nav a:hover{color:#00e0ff;text-shadow:0 0 8px #00e0ff99}.Navbar-module__pSp8Ga__active{color:#00e0ff;text-shadow:0 0 8px #00e0ffcc}
.Footer-module__nhiC3q__footer{text-align:center;color:#aab0d6;background:radial-gradient(circle at top,#111a3acc,#070b17f2);border-top:1px solid #ffffff0d;margin-top:40px;padding:24px 16px 32px;font-size:12px}.Footer-module__nhiC3q__footer p{margin:6px 0;line-height:1.6}.Footer-module__nhiC3q__footer a{color:#00e0ff;font-weight:500;text-decoration:none}.Footer-module__nhiC3q__footer a:hover{text-shadow:0 0 6px #00e0ff99}