/* ============================================================
   m-patch.css — 寶箱抽獎頁 藍白主題微調
   只在載入 style-light.css 時生效
   ============================================================ */

/* ====== 整體背景 ====== */
body:has(link[href="style-light.css"]) .page-content {
  background: transparent !important;
}
body:has(link[href="style-light.css"]) .main-layout {
  background: transparent !important;
}

/* ============================================================
   ★ 問題1：寶箱圖片太黑
   ============================================================ */
body:has(link[href="style-light.css"]) .chest-float {
  filter: brightness(1.55) saturate(0.75) !important;
}
body:has(link[href="style-light.css"]) .chest-glow-under {
  background: radial-gradient(ellipse, rgba(42,174,224,0.18) 0%, transparent 70%) !important;
}
body:has(link[href="style-light.css"]) .chest-stage-bg {
  background: radial-gradient(ellipse at center, rgba(42,174,224,0.08) 0%, transparent 70%) !important;
}
body:has(link[href="style-light.css"]) .rune-ring,
body:has(link[href="style-light.css"]) .rune-ring-2 {
  border-color: rgba(26,143,193,0.15) !important;
}
body:has(link[href="style-light.css"]) .chest-orbit {
  border-color: rgba(26,143,193,0.12) !important;
}

/* ============================================================
   ★ 問題2：商品說明欄看不到（pool cards）
   ============================================================ */
body:has(link[href="style-light.css"]) .pool-section {
  background: transparent !important;
}
body:has(link[href="style-light.css"]) .pool-title {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .pool-card {
  background: rgba(255,255,255,0.95) !important;
  border-color: rgba(42,174,224,0.18) !important;
  box-shadow: 0 2px 12px rgba(10,60,100,0.07) !important;
}
body:has(link[href="style-light.css"]) .pool-card:hover {
  border-color: rgba(26,143,193,0.45) !important;
  box-shadow: 0 6px 24px rgba(10,60,100,0.12) !important;
}
body:has(link[href="style-light.css"]) .pool-card .pn {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .pool-card .pd {
  color: #5a8aa0 !important;
}

/* ============================================================
   ★ 問題3：玩法說明 & 抽獎紀錄按鈕看不到
   ============================================================ */
body:has(link[href="style-light.css"]) .rules-btn-row {
  background: transparent !important;
}
body:has(link[href="style-light.css"]) .rules-btn {
  background: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(26,143,193,0.3) !important;
  color: #1a8fc1 !important;
  box-shadow: 0 2px 8px rgba(10,60,100,0.08) !important;
}
body:has(link[href="style-light.css"]) .rules-btn:hover {
  background: rgba(42,174,224,0.08) !important;
  border-color: #1a8fc1 !important;
  color: #0d6a99 !important;
}
body:has(link[href="style-light.css"]) .rules-btn svg {
  stroke: #1a8fc1 !important;
}
body:has(link[href="style-light.css"]) .hist-badge-count {
  background: #1a8fc1 !important;
}

/* ============================================================
   ★ 問題4：整體美觀 — 左側機台資訊
   ============================================================ */
body:has(link[href="style-light.css"]) .mi-wrap {
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(26,143,193,0.18) !important;
  box-shadow: 0 4px 24px rgba(10,60,100,0.1) !important;
}
body:has(link[href="style-light.css"]) .mi-crystal,
body:has(link[href="style-light.css"]) .mi-crystal-sm,
body:has(link[href="style-light.css"]) .mi-sparkle {
  opacity: 0.25 !important;
}
body:has(link[href="style-light.css"]) .mi-title-box {
  background: linear-gradient(135deg, #1a8fc1 0%, #0d6a99 100%) !important;
}
body:has(link[href="style-light.css"]) .mi-title-glow {
  background: rgba(42,174,224,0.25) !important;
}
body:has(link[href="style-light.css"]) .mi-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.15) !important;
}
body:has(link[href="style-light.css"]) .machine-info {
  background: transparent !important;
}
body:has(link[href="style-light.css"]) .mi-thumb {
  background: #f0f8ff !important;
  border: 1px solid rgba(26,143,193,0.12) !important;
}
body:has(link[href="style-light.css"]) .mi-rules {
  color: #2d3748 !important;
}
body:has(link[href="style-light.css"]) .mi-time {
  background: rgba(42,174,224,0.06) !important;
  border: 1px solid rgba(42,174,224,0.18) !important;
}
body:has(link[href="style-light.css"]) .mi-time-label {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .mi-time-val {
  color: #0d6a99 !important;
}

/* ====== 抽獎控制區 ====== */
body:has(link[href="style-light.css"]) .draw-count-row {
  background: rgba(255,255,255,0.8) !important;
  border: 1px solid rgba(42,174,224,0.18) !important;
  border-radius: 12px !important;
}
body:has(link[href="style-light.css"]) .dc-btn {
  background: transparent !important;
  color: #5a8aa0 !important;
  border: 1px solid transparent !important;
}
body:has(link[href="style-light.css"]) .dc-btn:hover {
  color: #0d6a99 !important;
  background: rgba(42,174,224,0.08) !important;
}
body:has(link[href="style-light.css"]) .dc-btn.active {
  background: linear-gradient(135deg, #1a8fc1 0%, #0d6a99 100%) !important;
  color: #fff !important;
  box-shadow: 0 2px 12px rgba(26,143,193,0.3) !important;
}
body:has(link[href="style-light.css"]) .cost-tag {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .cost-coin {
  color: #1a8fc1 !important;
}
body:has(link[href="style-light.css"]) .cost-coin svg circle {
  fill: #1a8fc1 !important;
  stroke: #0d6a99 !important;
}
body:has(link[href="style-light.css"]) .draw-btn {
  background: linear-gradient(135deg, #1a8fc1 0%, #0d6a99 100%) !important;
  box-shadow: 0 4px 20px rgba(26,143,193,0.4) !important;
  border: none !important;
}
body:has(link[href="style-light.css"]) .draw-btn:hover {
  background: linear-gradient(135deg, #2aaee0 0%, #1a8fc1 100%) !important;
  box-shadow: 0 6px 28px rgba(26,143,193,0.5) !important;
}
body:has(link[href="style-light.css"]) .draw-btn-text {
  color: #fff !important;
}

/* ====== 保底進度條 ====== */
body:has(link[href="style-light.css"]) .milestone-bar {
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(42,174,224,0.2) !important;
  box-shadow: 0 2px 12px rgba(10,60,100,0.06) !important;
}
body:has(link[href="style-light.css"]) .milestone-text,
body:has(link[href="style-light.css"]) .milestone-count {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .milestone-label {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .pity-track {
  background: rgba(42,174,224,0.12) !important;
}
body:has(link[href="style-light.css"]) .pity-fill {
  background: linear-gradient(90deg, #1a8fc1, #2aaee0) !important;
}
body:has(link[href="style-light.css"]) .pity-marker-label {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .pity-marker-dot {
  background: #1a8fc1 !important;
  border-color: rgba(26,143,193,0.3) !important;
}
body:has(link[href="style-light.css"]) .pity-marker.reached .pity-marker-dot {
  background: #0d6a99 !important;
}
body:has(link[href="style-light.css"]) .pity-marker.reached .pity-marker-label {
  color: #0d6a99 !important;
}

/* ====== 機率列 ====== */
body:has(link[href="style-light.css"]) .rate-bar {
  background: rgba(255,255,255,0.75) !important;
  border: 1px solid rgba(42,174,224,0.15) !important;
  border-radius: 10px !important;
}
body:has(link[href="style-light.css"]) .rate-chip {
  color: #5a8aa0 !important;
}

/* ============================================================
   ★ 問題4：整體美觀 — 右側排行榜
   ============================================================ */
body:has(link[href="style-light.css"]) .rank-rewards-section,
body:has(link[href="style-light.css"]) .leaderboard-section {
  background: rgba(255,255,255,0.88) !important;
  border: 1px solid rgba(42,174,224,0.18) !important;
  box-shadow: 0 4px 20px rgba(10,60,100,0.08) !important;
}
body:has(link[href="style-light.css"]) .lb-header-row .pool-title {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .lb-subtitle {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .lb-qualify {
  color: #1a8fc1 !important;
  background: rgba(26,143,193,0.08) !important;
  border: 1px solid rgba(26,143,193,0.2) !important;
}
body:has(link[href="style-light.css"]) .lb-row {
  border-bottom-color: rgba(42,174,224,0.1) !important;
}
body:has(link[href="style-light.css"]) .lb-row:hover {
  background: rgba(42,174,224,0.04) !important;
}
body:has(link[href="style-light.css"]) .lb-rank {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .lb-row.top1 .lb-rank { color: #c8a000 !important; }
body:has(link[href="style-light.css"]) .lb-row.top2 .lb-rank { color: #707070 !important; }
body:has(link[href="style-light.css"]) .lb-row.top3 .lb-rank { color: #8b6020 !important; }
body:has(link[href="style-light.css"]) .lb-name {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .lb-detail {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .lb-prize-text {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .lb-draws {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .lb-expand-btn {
  color: #1a8fc1 !important;
  border-top-color: rgba(42,174,224,0.15) !important;
  background: transparent !important;
}
body:has(link[href="style-light.css"]) .lb-expand-btn:hover {
  color: #0d6a99 !important;
  background: rgba(42,174,224,0.04) !important;
}

/* 排行榜獎勵 */
body:has(link[href="style-light.css"]) .rr-item {
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(42,174,224,0.15) !important;
}
body:has(link[href="style-light.css"]) .rr-item:hover {
  border-color: rgba(26,143,193,0.35) !important;
}
body:has(link[href="style-light.css"]) .rr-rank-num,
body:has(link[href="style-light.css"]) .rr-rank-label {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .rr-item.rr-1st .rr-rank-num { color: #c8a000 !important; }
body:has(link[href="style-light.css"]) .rr-item.rr-2nd .rr-rank-num { color: #707070 !important; }
body:has(link[href="style-light.css"]) .rr-item.rr-3rd .rr-rank-num { color: #8b6020 !important; }
body:has(link[href="style-light.css"]) .rr-prize-name {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .rr-top-badge {
  background: rgba(26,143,193,0.08) !important;
  color: #1a8fc1 !important;
  border: 1px solid rgba(26,143,193,0.2) !important;
}
body:has(link[href="style-light.css"]) .rr-empty {
  color: #5a8aa0 !important;
}

/* ============================================================
   ★ 問題5：文字看不到 — 各彈窗
   ============================================================ */

/* 抽獎紀錄 */
body:has(link[href="style-light.css"]) .hist-overlay {
  background: rgba(5,30,60,0.55) !important;
}
body:has(link[href="style-light.css"]) .hist-modal {
  background: linear-gradient(160deg, #f5fbff, #eef7fd 60%, #e8f5fe) !important;
  border: 1px solid rgba(26,143,193,0.2) !important;
  box-shadow: 0 20px 60px rgba(10,60,100,0.15) !important;
}
body:has(link[href="style-light.css"]) .hist-modal-header {
  border-bottom-color: rgba(42,174,224,0.15) !important;
}
body:has(link[href="style-light.css"]) .hist-modal-title {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .hist-modal-close {
  color: #5a8aa0 !important;
  background: rgba(42,174,224,0.06) !important;
}
body:has(link[href="style-light.css"]) .hist-modal-close:hover {
  background: rgba(42,174,224,0.14) !important;
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .hist-modal-empty {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .hist-row {
  border-bottom-color: rgba(42,174,224,0.08) !important;
}
body:has(link[href="style-light.css"]) .hist-row:hover {
  background: rgba(42,174,224,0.04) !important;
}
body:has(link[href="style-light.css"]) .hist-num,
body:has(link[href="style-light.css"]) .hist-ts {
  color: #8ab8d0 !important;
}
body:has(link[href="style-light.css"]) .hist-name {
  color: #0d2b3e !important;
}

/* 玩法說明 */
body:has(link[href="style-light.css"]) .rules-overlay {
  background: rgba(5,30,60,0.55) !important;
}
body:has(link[href="style-light.css"]) .rules-modal {
  background: linear-gradient(160deg, #f5fbff, #eef7fd) !important;
  border: 1px solid rgba(26,143,193,0.2) !important;
  box-shadow: 0 20px 60px rgba(10,60,100,0.15) !important;
}
body:has(link[href="style-light.css"]) .rules-close {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .rules-close:hover {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .rules-title-bar {
  color: #0d2b3e !important;
  border-bottom-color: rgba(42,174,224,0.15) !important;
}
body:has(link[href="style-light.css"]) .rules-body {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .rules-section {
  background: rgba(255,255,255,0.8) !important;
  border: 1px solid rgba(42,174,224,0.12) !important;
}
body:has(link[href="style-light.css"]) .rules-sec-title {
  color: #0d6a99 !important;
  border-bottom-color: rgba(42,174,224,0.15) !important;
}
body:has(link[href="style-light.css"]) .rules-sec-body,
body:has(link[href="style-light.css"]) .rules-sec-body p {
  color: #3d5a70 !important;
}
body:has(link[href="style-light.css"]) .rules-sec-body strong {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .rules-highlight {
  color: #5a8aa0 !important;
  background: rgba(42,174,224,0.05) !important;
  border-color: rgba(42,174,224,0.15) !important;
}
body:has(link[href="style-light.css"]) .rules-pity-item {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .rules-pity-num {
  background: rgba(26,143,193,0.08) !important;
  color: #0d6a99 !important;
  border: 1px solid rgba(26,143,193,0.2) !important;
}
body:has(link[href="style-light.css"]) .rules-pity-name {
  color: #0d2b3e !important;
}

/* 排行榜展開 */
body:has(link[href="style-light.css"]) .lbf-overlay {
  background: rgba(5,30,60,0.55) !important;
}
body:has(link[href="style-light.css"]) .lbf-panel {
  background: linear-gradient(160deg, #f5fbff, #eef7fd) !important;
  border: 1px solid rgba(26,143,193,0.2) !important;
  box-shadow: 0 20px 60px rgba(10,60,100,0.15) !important;
}
body:has(link[href="style-light.css"]) .lbf-title {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .lbf-close {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .lbf-header {
  border-bottom-color: rgba(42,174,224,0.15) !important;
}

/* 圖片燈箱 */
body:has(link[href="style-light.css"]) .lb-overlay {
  background: rgba(5,30,60,0.75) !important;
}
body:has(link[href="style-light.css"]) .lb-card {
  background: #fff !important;
  border: 1px solid rgba(42,174,224,0.2) !important;
  box-shadow: 0 20px 60px rgba(10,60,100,0.15) !important;
}
body:has(link[href="style-light.css"]) .lb-card-title {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .lb-card-desc {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .lb-percent {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .lb-hint {
  color: rgba(255,255,255,0.6) !important;
}
body:has(link[href="style-light.css"]) .lb-tag {
  background: rgba(42,174,224,0.08) !important;
  color: #1a8fc1 !important;
  border: 1px solid rgba(26,143,193,0.2) !important;
}

/* 保底 Popup */
body:has(link[href="style-light.css"]) .pity-popup {
  background: #ffffff !important;
  border: 1px solid rgba(26,143,193,0.2) !important;
  box-shadow: 0 10px 40px rgba(10,60,100,0.12) !important;
}
body:has(link[href="style-light.css"]) .pity-popup-title {
  color: #0d2b3e !important;
  border-bottom-color: rgba(42,174,224,0.15) !important;
}
body:has(link[href="style-light.css"]) .pity-pop-name {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .pity-pop-req,
body:has(link[href="style-light.css"]) .pity-pop-count {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .pity-exchange-btn {
  background: rgba(42,174,224,0.08) !important;
  border: 1px solid rgba(26,143,193,0.2) !important;
  color: #1a8fc1 !important;
}
body:has(link[href="style-light.css"]) .pity-exchange-btn.ready {
  background: linear-gradient(135deg, #1a8fc1, #0d6a99) !important;
  color: #fff !important;
  border-color: #1a8fc1 !important;
}

/* 登入提示 */
body:has(link[href="style-light.css"]) .login-overlay {
  background: rgba(5,30,60,0.55) !important;
}
body:has(link[href="style-light.css"]) .login-box {
  background: #ffffff !important;
  border: 1px solid rgba(26,143,193,0.2) !important;
  box-shadow: 0 20px 60px rgba(10,60,100,0.15) !important;
}
body:has(link[href="style-light.css"]) .login-title {
  color: #0d2b3e !important;
}
body:has(link[href="style-light.css"]) .login-desc {
  color: #5a8aa0 !important;
}

/* ====== 連抽計數 ====== */
body:has(link[href="style-light.css"]) .streak-counter {
  background: rgba(42,174,224,0.06) !important;
  border-color: rgba(42,174,224,0.2) !important;
  color: #1a8fc1 !important;
}
body:has(link[href="style-light.css"]) #streakNum {
  color: #0d6a99 !important;
}

/* ====== 靜音按鈕 ====== */
body:has(link[href="style-light.css"]) .mute-toggle {
  color: #5a8aa0 !important;
}
body:has(link[href="style-light.css"]) .mute-icon svg {
  stroke: #5a8aa0 !important;
}