/* =====================================================
   BLUE + WHITE THEME  —  蓝白简约风格
   背景: #f0f3f8  卡片: #ffffff  主色: #1565c0
   导航: #1976d2  文字: #1a2332  边框: rgba(21,101,192,.15)
   ===================================================== */

/* ── 1. 全局重置 ── */
html[data-theme="blue"],
html[data-theme="blue"] body {
  background: #eef1f7 !important;
  color: #1a2332 !important;
}
html[data-theme="blue"] #app {
  background: #eef1f7 !important;
  min-height: 100vh;
}

/* ── 2. 隐藏所有星空 canvas / 光晕 ── */
html[data-theme="blue"] canvas { display: none !important; }
html[data-theme="blue"] .nebula,
html[data-theme="blue"] .hp-nebula,
html[data-theme="blue"] [class*="nebula"],
html[data-theme="blue"] [class$="nb1"],
html[data-theme="blue"] [class$="nb2"],
html[data-theme="blue"] [class$="nb3"] { display: none !important; }

/* ── 3. 所有顶栏 — 蓝色渐变 ── */
html[data-theme="blue"] .top-bar,
html[data-theme="blue"] .pf-topbar,
html[data-theme="blue"] .ag-topbar,
html[data-theme="blue"] .page-header,
html[data-theme="blue"] .bet-top-bar {
  background: linear-gradient(135deg,#1565c0 0%,#1976d2 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
  box-shadow: 0 2px 12px rgba(21,101,192,.35) !important;
  color: #ffffff !important;
}

/* 顶栏文字 & 图标 */
html[data-theme="blue"] .logo-text,
html[data-theme="blue"] .logo-name  { color: #ffffff !important; font-weight: 800; }
html[data-theme="blue"] .logo-sub   { color: rgba(255,255,255,.75) !important; }
html[data-theme="blue"] .logo-sigil { color: #ffffff !important; text-shadow: 0 0 8px rgba(255,255,255,.4) !important; }
html[data-theme="blue"] .top-link   { color: rgba(255,255,255,.85) !important; border-color: rgba(255,255,255,.3) !important; }
html[data-theme="blue"] .tb-user    { color: #ffffff !important; font-weight: 600; }
html[data-theme="blue"] .tb-user-dot { background: #69f0ae !important; }

/* 个人中心顶栏 */
html[data-theme="blue"] .pf-back {
  background: rgba(255,255,255,.2) !important;
  border-color: rgba(255,255,255,.3) !important;
  color: #fff !important;
}
html[data-theme="blue"] .pf-title     { color: #ffffff !important; font-weight: 700; }
html[data-theme="blue"] .ag-back      { background: rgba(255,255,255,.2) !important; border-color: rgba(255,255,255,.3) !important; }
html[data-theme="blue"] .ag-back svg  { fill: #fff !important; }
html[data-theme="blue"] .ag-top-title { color: #ffffff !important; }
html[data-theme="blue"] .page-header .btn-back { color: #fff !important; }

/* 投注页顶栏按钮 */
html[data-theme="blue"] .btn-back {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
}
html[data-theme="blue"] .btn-back svg   { stroke: #fff !important; }
html[data-theme="blue"] .btn-back:hover { background: rgba(255,255,255,.3) !important; }

html[data-theme="blue"] .lottery-switcher {
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #fff !important;
}
html[data-theme="blue"] .lottery-switcher:hover,
html[data-theme="blue"] .lottery-switcher.open { background: rgba(255,255,255,.28) !important; }
html[data-theme="blue"] .ls-name { color: #fff !important; font-weight: 600; }
html[data-theme="blue"] .ls-arrow { stroke: #fff !important; }

html[data-theme="blue"] .btn-menu {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.3) !important;
}
html[data-theme="blue"] .btn-menu svg    { stroke: #fff !important; }
html[data-theme="blue"] .btn-menu:hover,
html[data-theme="blue"] .btn-menu.open  { background: rgba(255,255,255,.3) !important; }

/* ── 4. 跑马灯 ── */
html[data-theme="blue"] .notice-bar {
  background: #e8eef8 !important;
  border-bottom: 1px solid rgba(21,101,192,.15) !important;
}
html[data-theme="blue"] .notice-scroll { color: #1565c0 !important; font-weight: 600; }
html[data-theme="blue"] .notice-icon   { color: #1976d2 !important; }

/* ── 5. 底部导航 — 白底蓝字 ── */
html[data-theme="blue"] .bottom-nav,
html[data-theme="blue"] body .bottom-nav {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top: 2px solid #1976d2 !important;
  box-shadow: 0 -2px 12px rgba(21,101,192,.15) !important;
}
html[data-theme="blue"] .bottom-nav .nav-item,
html[data-theme="blue"] body .bottom-nav .nav-item        { color: #7a8fa8 !important; }
html[data-theme="blue"] .bottom-nav .nav-item svg,
html[data-theme="blue"] body .bottom-nav .nav-item svg    { fill: #7a8fa8 !important; }
html[data-theme="blue"] .bottom-nav .nav-item.active,
html[data-theme="blue"] body .bottom-nav .nav-item.active { color: #1565c0 !important; font-weight: 700; }
html[data-theme="blue"] .bottom-nav .nav-item.active svg,
html[data-theme="blue"] body .bottom-nav .nav-item.active svg { fill: #1565c0 !important; }
html[data-theme="blue"] .nav-item small              { color: #7a8fa8 !important; }
html[data-theme="blue"] .nav-item.active small       { color: #1565c0 !important; font-weight: 700; }

/* ── 6. 首页快捷格 ── */
html[data-theme="blue"] .hq-item {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.15) !important;
  box-shadow: 0 2px 8px rgba(21,101,192,.08) !important;
}
html[data-theme="blue"] .hq-item:hover {
  background: #e8eef8 !important;
  border-color: #1976d2 !important;
  box-shadow: 0 4px 16px rgba(21,101,192,.2) !important;
}
html[data-theme="blue"] .hq-lbl { color: #1a2332 !important; font-weight: 600; }

/* 板块标题 */
html[data-theme="blue"] .hp-sec-title { color: #1a2332 !important; font-weight: 800; }
html[data-theme="blue"] .hp-sec-more  { color: #1976d2 !important; font-weight: 700; }
html[data-theme="blue"] .hp-divider span { color: #7a8fa8 !important; }

/* ── 7. 彩种卡片 ── */
html[data-theme="blue"] .hp-lcard {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.15) !important;
  box-shadow: 0 3px 12px rgba(21,101,192,.1) !important;
}
html[data-theme="blue"] .hp-lcard:hover {
  border-color: #1976d2 !important;
  box-shadow: 0 6px 20px rgba(21,101,192,.2) !important;
}
html[data-theme="blue"] .hp-lcard::after { display: none !important; }

/* 星座标志框 */
html[data-theme="blue"] .lc-sigil {
  background: linear-gradient(135deg,rgba(21,101,192,.15),rgba(21,101,192,.06)) !important;
  border: 1.5px solid rgba(21,101,192,.25) !important;
}
html[data-theme="blue"] .lc-sigil-sym { color: #1565c0 !important; text-shadow: none !important; }
html[data-theme="blue"] .lc-sigil-sub { color: #5a7aa8 !important; font-weight: 600; }

/* 彩种文字 */
html[data-theme="blue"] .lc-name  { color: #1a2332 !important; font-weight: 700; }
html[data-theme="blue"] .lc-en    { color: #5a7aa8 !important; }
html[data-theme="blue"] .lc-last-lbl { color: #7a8fa8 !important; }
html[data-theme="blue"] .lc-last-iss { color: #3a5070 !important; font-weight: 600; }
html[data-theme="blue"] .lc-last-zod { color: #1565c0 !important; font-weight: 700; }
html[data-theme="blue"] .lr-zod {
  color: #1565c0 !important;
  background: rgba(21,101,192,.1) !important;
  border-color: rgba(21,101,192,.25) !important;
}
html[data-theme="blue"] .lr-star { color: #1976d2 !important; }

/* 状态徽章 */
html[data-theme="blue"] .lc-open {
  background: rgba(46,125,50,.15) !important;
  color: #1b5e20 !important;
  border-color: rgba(46,125,50,.3) !important;
  font-weight: 700;
}
html[data-theme="blue"] .lc-open::before { background: #2e7d32 !important; box-shadow: 0 0 4px #2e7d32 !important; }
html[data-theme="blue"] .lc-closed { background: rgba(0,0,0,.05) !important; color: #7a8fa8 !important; border-color: rgba(0,0,0,.1) !important; }
html[data-theme="blue"] .lc-timer  { color: #1b5e20 !important; text-shadow: none !important; font-weight: 800; }
html[data-theme="blue"] .lc-sealed { color: #e65100 !important; font-weight: 700; }
html[data-theme="blue"] .lc-interval { color: #5a7aa8 !important; background: rgba(0,0,0,.04) !important; }
html[data-theme="blue"] .lc-status.open   { background: rgba(46,125,50,.15) !important; color: #1b5e20 !important; border-color: rgba(46,125,50,.3) !important; }
html[data-theme="blue"] .lc-status.closed { background: rgba(198,40,40,.1) !important; color: #b71c1c !important; border-color: rgba(198,40,40,.2) !important; }

/* 星座网格 */
html[data-theme="blue"] .zg-cell {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.15) !important;
  box-shadow: 0 1px 6px rgba(21,101,192,.08) !important;
}
html[data-theme="blue"] .zg-cell:hover { background: #e8eef8 !important; border-color: #1976d2 !important; }
html[data-theme="blue"] .zg-sym { color: #1565c0 !important; text-shadow: none !important; }
html[data-theme="blue"] .zg-cn  { color: #1a2332 !important; font-weight: 700; }
html[data-theme="blue"] .zg-en  { color: #5a7aa8 !important; }

/* 注册横幅 */
html[data-theme="blue"] .banner-register {
  background: linear-gradient(135deg,rgba(21,101,192,.15),rgba(21,101,192,.08)) !important;
  border: 1px solid rgba(21,101,192,.25) !important;
  color: #1a2332 !important;
}
html[data-theme="blue"] .btn-register-now {
  background: linear-gradient(135deg,#1976d2,#1565c0) !important;
  color: #fff !important;
  font-weight: 700;
}

/* ── 8. 投注页左侧导航 ── */
html[data-theme="blue"] .bet-nav {
  background: #ffffff !important;
  border-right: 2px solid #1976d2 !important;
  box-shadow: 2px 0 8px rgba(21,101,192,.1) !important;
}
html[data-theme="blue"] .bet-nav .nav-item              { color: #5a7aa8 !important; border-left-color: transparent !important; }
html[data-theme="blue"] .bet-nav .nav-item small        { color: #7a8fa8 !important; }
html[data-theme="blue"] .bet-nav .nav-item:hover        { color: #1565c0 !important; background: rgba(21,101,192,.06) !important; }
html[data-theme="blue"] .bet-nav .nav-item.active       { color: #1565c0 !important; border-left-color: #1976d2 !important; background: rgba(21,101,192,.1) !important; font-weight: 700; }
html[data-theme="blue"] .bet-nav .nav-item.active small { color: #5a7aa8 !important; }

/* ── 9. 投注内容区 ── */
html[data-theme="blue"] .bet-content       { background: #eef1f7 !important; }
html[data-theme="blue"] .panel-group-title { color: #1565c0 !important; font-weight: 700; border-bottom-color: rgba(21,101,192,.2) !important; }
html[data-theme="blue"] .zm-hint           { color: #5a7aa8 !important; }
html[data-theme="blue"] body .zod-panel-title,
html[data-theme="blue"] .bet-content .zod-panel-title { color: #1565c0 !important; font-weight: 700; }

/* 期次栏 */
html[data-theme="blue"] .issue-bar {
  background: #ffffff !important;
  border-bottom: 2px solid #1976d2 !important;
  box-shadow: 0 2px 8px rgba(21,101,192,.1) !important;
}
html[data-theme="blue"] .li-num     { color: #7a8fa8 !important; }
html[data-theme="blue"] .cur-issue  { color: #3a5070 !important; font-weight: 600; }
html[data-theme="blue"] .cd-timer   { color: #1b5e20 !important; font-weight: 800; }
html[data-theme="blue"] .bet-balance {
  color: #1565c0 !important;
  background: rgba(21,101,192,.12) !important;
  font-weight: 800;
}
html[data-theme="blue"] .zodiac-chip {
  background: rgba(21,101,192,.1) !important;
  color: #1565c0 !important;
  border-color: rgba(21,101,192,.25) !important;
}
html[data-theme="blue"] .history-link { color: #1976d2 !important; font-weight: 700; }
html[data-theme="blue"] .destiny-chip {
  background: linear-gradient(135deg,rgba(21,101,192,.18),rgba(21,101,192,.08)) !important;
  color: #1565c0 !important;
  border: 1px solid rgba(21,101,192,.3) !important;
}
html[data-theme="blue"] .badge-open   { background: rgba(46,125,50,.15) !important; color: #1b5e20 !important; border-color: rgba(46,125,50,.3) !important; font-weight: 700; }
html[data-theme="blue"] .badge-closed { background: rgba(198,40,40,.1) !important; color: #b71c1c !important; border-color: rgba(198,40,40,.25) !important; }

/* 历史横条 */
html[data-theme="blue"] .hist-strip { background: #dde4ef !important; border-bottom: 1px solid rgba(21,101,192,.15) !important; }
html[data-theme="blue"] .hs-item {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.15) !important;
  box-shadow: 0 1px 4px rgba(21,101,192,.1) !important;
}
html[data-theme="blue"] .hs-num  { color: #7a8fa8 !important; }
html[data-theme="blue"] .hs-zod  { color: #1565c0 !important; font-weight: 600; }

/* ── 10. 投注选项 ── */
html[data-theme="blue"] .bet-option {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.18) !important;
  color: #1a2332 !important;
  box-shadow: 0 1px 6px rgba(21,101,192,.08) !important;
}
html[data-theme="blue"] .bet-option:hover {
  background: #e8eef8 !important;
  border-color: #1976d2 !important;
  box-shadow: 0 3px 14px rgba(21,101,192,.2) !important;
}
html[data-theme="blue"] .bet-option.selected {
  background: linear-gradient(135deg,rgba(21,101,192,.18),rgba(21,101,192,.08)) !important;
  border-color: #1976d2 !important;
  color: #1565c0 !important;
  box-shadow: 0 0 0 2px rgba(21,101,192,.25), 0 4px 14px rgba(21,101,192,.2) !important;
}
html[data-theme="blue"] .bet-option .odds          { color: #1565c0 !important; font-weight: 700; }
html[data-theme="blue"] .bet-option.selected .odds { color: #1565c0 !important; font-weight: 800; }

/* 波色选项 */
html[data-theme="blue"] .c-red.bet-option    { background: rgba(198,40,40,.08) !important; border-color: rgba(198,40,40,.3) !important; color: #b71c1c !important; }
html[data-theme="blue"] .c-red.bet-option:hover    { background: rgba(198,40,40,.16) !important; }
html[data-theme="blue"] .c-red.bet-option.selected { background: linear-gradient(135deg,rgba(229,57,53,.2),rgba(183,28,28,.1)) !important; border-color: #e53935 !important; color: #b71c1c !important; }
html[data-theme="blue"] .c-blue.bet-option   { background: rgba(21,101,192,.08) !important; border-color: rgba(21,101,192,.3) !important; color: #1565c0 !important; }
html[data-theme="blue"] .c-blue.bet-option:hover   { background: rgba(21,101,192,.16) !important; }
html[data-theme="blue"] .c-blue.bet-option.selected { background: linear-gradient(135deg,rgba(25,118,210,.2),rgba(21,101,192,.1)) !important; border-color: #1976d2 !important; }
html[data-theme="blue"] .c-green.bet-option  { background: rgba(46,125,50,.08) !important; border-color: rgba(46,125,50,.3) !important; color: #2e7d32 !important; }
html[data-theme="blue"] .c-green.bet-option:hover  { background: rgba(46,125,50,.16) !important; }
html[data-theme="blue"] .c-green.bet-option.selected { background: linear-gradient(135deg,rgba(56,142,60,.2),rgba(27,94,32,.1)) !important; border-color: #388e3c !important; }

/* 数字球 */
html[data-theme="blue"] .c-red.num-opt,
html[data-theme="blue"] .mini-ball.c-red,
html[data-theme="blue"] .draw-ball.c-red   { background: linear-gradient(135deg,#e74c3c,#c0392b) !important; color: #fff !important; border-color: #e74c3c !important; }
html[data-theme="blue"] .c-blue.num-opt,
html[data-theme="blue"] .mini-ball.c-blue,
html[data-theme="blue"] .draw-ball.c-blue  { background: linear-gradient(135deg,#1976d2,#1565c0) !important; color: #fff !important; border-color: #1976d2 !important; }
html[data-theme="blue"] .c-green.num-opt,
html[data-theme="blue"] .mini-ball.c-green,
html[data-theme="blue"] .draw-ball.c-green { background: linear-gradient(135deg,#2e7d32,#388e3c) !important; color: #fff !important; border-color: #388e3c !important; }
html[data-theme="blue"] .c-red.num-opt.selected   { box-shadow: 0 3px 10px rgba(229,57,53,.4) !important; }
html[data-theme="blue"] .c-blue.num-opt.selected  { box-shadow: 0 3px 10px rgba(25,118,210,.4) !important; }
html[data-theme="blue"] .c-green.num-opt.selected { box-shadow: 0 3px 10px rgba(46,125,50,.4) !important; }

/* 星座投注卡 */
html[data-theme="blue"] .zod-card {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.18) !important;
  box-shadow: 0 1px 6px rgba(21,101,192,.08) !important;
}
html[data-theme="blue"] .zod-card:hover  { background: #e8eef8 !important; border-color: #1976d2 !important; box-shadow: 0 4px 14px rgba(21,101,192,.2) !important; }
html[data-theme="blue"] .zod-card.selected {
  background: linear-gradient(145deg,rgba(21,101,192,.15),rgba(21,101,192,.06)) !important;
  border-color: #1976d2 !important;
  box-shadow: 0 0 0 2px rgba(21,101,192,.2), 0 4px 14px rgba(21,101,192,.18) !important;
}
html[data-theme="blue"] .zod-special { background: rgba(21,101,192,.07) !important; border-color: rgba(21,101,192,.25) !important; }
html[data-theme="blue"] .zc-name     { color: #3a5070 !important; font-weight: 600; }
html[data-theme="blue"] .zod-card.selected .zc-name { color: #1565c0 !important; font-weight: 700; }
html[data-theme="blue"] .zc-odds     { color: #1565c0 !important; font-weight: 700; }
html[data-theme="blue"] .zod-special .zc-odds { color: #1565c0 !important; }

/* 快速选 & 金额按钮 */
html[data-theme="blue"] .quick-sel-bar button {
  background: rgba(21,101,192,.08) !important;
  border: 1px solid rgba(21,101,192,.25) !important;
  color: #1565c0 !important;
  font-weight: 600;
}
html[data-theme="blue"] .quick-sel-bar button:hover { background: rgba(21,101,192,.18) !important; }

/* ── 11. 购物车 — 蓝色确认按钮 ── */
html[data-theme="blue"] .bet-cart {
  background: #ffffff !important;
  border-top: 2px solid #1976d2 !important;
  box-shadow: 0 -4px 20px rgba(21,101,192,.15) !important;
}
html[data-theme="blue"] .cart-info      { color: #1a2332 !important; }
html[data-theme="blue"] .cart-odds      { color: #1565c0 !important; font-weight: 700; }
html[data-theme="blue"] .cart-sel-count { background: rgba(21,101,192,.15) !important; color: #1565c0 !important; font-weight: 700; }
html[data-theme="blue"] .amt-presets button {
  background: rgba(21,101,192,.1) !important;
  border-color: rgba(21,101,192,.3) !important;
  color: #1565c0 !important;
  font-weight: 600;
}
html[data-theme="blue"] .amt-presets button:hover { background: rgba(21,101,192,.22) !important; }
html[data-theme="blue"] .cart-input-wrap {
  border-color: rgba(21,101,192,.4) !important;
  background: #e8eef8 !important;
}
html[data-theme="blue"] .cart-input-wrap input { color: #1a2332 !important; background: transparent !important; }
html[data-theme="blue"] .cart-input-wrap input::placeholder { color: #7a8fa8 !important; }
html[data-theme="blue"] .btn-confirm-bet {
  background: linear-gradient(135deg,#1976d2,#1565c0) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(21,101,192,.35) !important;
}

/* ── 12. 弹窗 ── */
html[data-theme="blue"] .modal-overlay { background: rgba(0,0,0,.55) !important; }
html[data-theme="blue"] .modal-box {
  background: #ffffff !important;
  border: 1.5px solid rgba(21,101,192,.3) !important;
  box-shadow: 0 24px 64px rgba(21,101,192,.2) !important;
}
html[data-theme="blue"] .modal-title { color: #1565c0 !important; font-weight: 700; }
html[data-theme="blue"] .modal-body  { color: #3a5070 !important; }
html[data-theme="blue"] .modal-body p span:last-child { color: #1a2332 !important; font-weight: 600; }
html[data-theme="blue"] .btn-cancel  { background: rgba(0,0,0,.06) !important; color: #5a7aa8 !important; }

/* ── 13. 彩种切换菜单 & 侧边抽屉 ── */
html[data-theme="blue"] .lottery-menu {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.2) !important;
  box-shadow: 0 8px 30px rgba(21,101,192,.18) !important;
}
html[data-theme="blue"] .lm-header { color: #7a8fa8 !important; border-bottom: 1px solid rgba(21,101,192,.15) !important; }
html[data-theme="blue"] .lm-item   { color: #1a2332 !important; }
html[data-theme="blue"] .lm-item:hover  { background: #e8eef8 !important; }
html[data-theme="blue"] .lm-item.active { color: #1565c0 !important; background: rgba(21,101,192,.08) !important; font-weight: 700; }
html[data-theme="blue"] .lm-check { color: #1976d2 !important; }

html[data-theme="blue"] .side-drawer {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.2) !important;
  box-shadow: 0 10px 40px rgba(21,101,192,.18) !important;
}
html[data-theme="blue"] .sd-header { color: #1565c0 !important; font-weight: 700; border-bottom: 2px solid #1976d2 !important; }
html[data-theme="blue"] .sd-close  { background: rgba(0,0,0,.05) !important; color: #5a7aa8 !important; }
html[data-theme="blue"] .sd-item   { border-bottom: 1px solid rgba(21,101,192,.1) !important; color: #1a2332 !important; }
html[data-theme="blue"] .sd-item:hover { background: #e8eef8 !important; }
html[data-theme="blue"] .sd-ico-wrap   { background: rgba(21,101,192,.12) !important; border: 1px solid rgba(21,101,192,.2) !important; }
html[data-theme="blue"] .sd-title      { color: #1a2332 !important; font-weight: 600; }
html[data-theme="blue"] .sd-sub        { color: #5a7aa8 !important; }
html[data-theme="blue"] .sd-arr        { color: #7a8fa8 !important; }

/* ── 14. 底部面板 ── */
html[data-theme="blue"] .bottom-panel {
  background: #ffffff !important;
  border-top: 2px solid #1976d2 !important;
  box-shadow: 0 -6px 30px rgba(21,101,192,.15) !important;
}
html[data-theme="blue"] .bp-header   { border-bottom: 2px solid #1976d2 !important; }
html[data-theme="blue"] .bp-tab      { color: #5a7aa8 !important; }
html[data-theme="blue"] .bp-tab.active { color: #1565c0 !important; border-bottom-color: #1976d2 !important; font-weight: 700; }
html[data-theme="blue"] .bp-close    { color: #5a7aa8 !important; }
html[data-theme="blue"] .bp-empty    { color: #7a8fa8 !important; }
html[data-theme="blue"] .bp-content  { background: #ffffff !important; }
html[data-theme="blue"] .dr-row      { border-bottom: 1px solid rgba(21,101,192,.1) !important; }
html[data-theme="blue"] .dr-issue    { color: #5a7aa8 !important; }
html[data-theme="blue"] .dr-zodiac   { color: #1565c0 !important; background: rgba(21,101,192,.1) !important; font-weight: 600; }
html[data-theme="blue"] .bet-rec-row { border-bottom: 1px solid rgba(21,101,192,.1) !important; }
html[data-theme="blue"] .br-issue    { color: #5a7aa8 !important; }
html[data-theme="blue"] .br-play     { color: #1a2332 !important; font-weight: 600; }
html[data-theme="blue"] .br-amount   { color: #1a2332 !important; font-weight: 700; }

/* 走势图 */
html[data-theme="blue"] .t-red   { background: rgba(198,40,40,.18) !important; color: #b71c1c !important; }
html[data-theme="blue"] .t-blue  { background: rgba(21,101,192,.18) !important; color: #1565c0 !important; }
html[data-theme="blue"] .t-green { background: rgba(46,125,50,.18) !important; color: #2e7d32 !important; }

/* ── 15. 通用卡片 & 表单 ── */
html[data-theme="blue"] .card {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.15) !important;
  box-shadow: 0 2px 10px rgba(21,101,192,.1) !important;
}
html[data-theme="blue"] .card-title  { color: #1565c0 !important; font-weight: 700; border-bottom: 2px solid #1976d2 !important; }
html[data-theme="blue"] .page-header { color: #ffffff !important; }
html[data-theme="blue"] .alert-error   { background: rgba(198,40,40,.08) !important; color: #b71c1c !important; border-color: rgba(198,40,40,.25) !important; }
html[data-theme="blue"] .alert-success { background: rgba(46,125,50,.08) !important; color: #1b5e20 !important; border-color: rgba(46,125,50,.25) !important; }
html[data-theme="blue"] .tab-bar  { background: #eef1f7 !important; border-bottom: 2px solid #1976d2 !important; }
html[data-theme="blue"] .tab-item { color: #5a7aa8 !important; }
html[data-theme="blue"] .tab-item.active { color: #1565c0 !important; border-bottom-color: #1976d2 !important; font-weight: 700; }
html[data-theme="blue"] .method-tab       { color: #5a7aa8 !important; }
html[data-theme="blue"] .method-tab.active { color: #1565c0 !important; border-bottom-color: #1976d2 !important; font-weight: 700; }
html[data-theme="blue"] .data-table th { color: #5a7aa8 !important; }
html[data-theme="blue"] .data-table td { color: #1a2332 !important; }
html[data-theme="blue"] .data-table th,
html[data-theme="blue"] .data-table td { border-bottom: 1px solid rgba(21,101,192,.1) !important; }
html[data-theme="blue"] .text-gold { color: #1565c0 !important; }
html[data-theme="blue"] .text-win  { color: #1b5e20 !important; font-weight: 700; }

/* ── 充值/提现页 余额卡 ── */
html[data-theme="blue"] .balance-card {
  background: linear-gradient(135deg,#e8f0fe,#dce8fd) !important;
  border: 1.5px solid rgba(21,101,192,.25) !important;
}
html[data-theme="blue"] .bc-label  { color: #5a7aa8 !important; }
html[data-theme="blue"] .bc-amount { color: #1565c0 !important; }

/* ── 提交按钮（蓝色渐变） ── */
html[data-theme="blue"] .btn-primary {
  background: linear-gradient(135deg,#1976d2,#1565c0) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(21,101,192,.35) !important;
}

/* ── USDT 网络提示框 ── */
html[data-theme="blue"] .usdt-info-box {
  background: rgba(21,101,192,.08) !important;
  border-color: rgba(21,101,192,.25) !important;
  color: #1a2332 !important;
}

/* ── 地址复制框 & 复制按钮 ── */
html[data-theme="blue"] .addr-copy-box {
  background: #eef1f7 !important;
  border-color: rgba(21,101,192,.2) !important;
}
html[data-theme="blue"] .addr-text { color: #1a2332 !important; word-break: break-all; }
html[data-theme="blue"] .copy-btn {
  background: linear-gradient(135deg,#1976d2,#1565c0) !important;
  color: #ffffff !important;
}
html[data-theme="blue"] .empty-tip { color: #7a8fa8 !important; }
html[data-theme="blue"] .pagination a { color: #1976d2 !important; }
html[data-theme="blue"] .toast { background: rgba(21,101,192,.9) !important; color: #fff !important; }

/* 表单 */
html[data-theme="blue"] .form-group label { color: #3a5070 !important; font-weight: 600; }
html[data-theme="blue"] .form-group input,
html[data-theme="blue"] .form-group select,
html[data-theme="blue"] .form-group textarea {
  background: #eef1f7 !important;
  border-color: rgba(21,101,192,.3) !important;
  color: #1a2332 !important;
}
html[data-theme="blue"] .form-group input::placeholder { color: #7a8fa8 !important; }
html[data-theme="blue"] .form-group input:focus,
html[data-theme="blue"] .form-group select:focus {
  background: #ffffff !important;
  border-color: #1976d2 !important;
  box-shadow: 0 0 0 3px rgba(21,101,192,.18) !important;
}

/* ── 16. 登录/注册 ── */
html[data-theme="blue"] .auth-page { background: #eef1f7 !important; }
html[data-theme="blue"] .auth-logo { color: #1565c0 !important; text-shadow: none !important; font-weight: 800; }
html[data-theme="blue"] .auth-box {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.2) !important;
  box-shadow: 0 12px 40px rgba(21,101,192,.15) !important;
  backdrop-filter: none !important;
}
html[data-theme="blue"] .auth-box h2  { color: #1565c0 !important; font-weight: 700; }
html[data-theme="blue"] .auth-switch   { color: #5a7aa8 !important; }
html[data-theme="blue"] .auth-switch a { color: #1976d2 !important; font-weight: 700; }

/* ── 17. 个人中心 ── */
html[data-theme="blue"] .pf-hero-name { color: #ffffff !important; text-shadow: 0 2px 8px rgba(0,0,0,.2) !important; }
html[data-theme="blue"] .pf-hero-meta { color: rgba(255,255,255,.8) !important; }
html[data-theme="blue"] .pf-hero-vip  { color: #fff !important; background: rgba(255,255,255,.2) !important; border-color: rgba(255,255,255,.35) !important; }
/* 英雄区背景改蓝色 */
html[data-theme="blue"] .pf-hero { background: linear-gradient(135deg,#1565c0,#1976d2) !important; }
html[data-theme="blue"] .pf-hero-ring { display: none !important; }
html[data-theme="blue"] .pf-avatar { background: linear-gradient(135deg,#ffffff,#e8eef8) !important; color: #1565c0 !important; }

/* 余额卡 */
html[data-theme="blue"] .pf-balance {
  background: linear-gradient(135deg,#eef1f7,#e0e8f5) !important;
  border: 1.5px solid rgba(21,101,192,.25) !important;
  box-shadow: 0 3px 14px rgba(21,101,192,.12) !important;
}
html[data-theme="blue"] .pf-bal-lbl { color: #5a7aa8 !important; }
html[data-theme="blue"] .pf-bal-num { color: #1565c0 !important; text-shadow: none !important; font-weight: 900; }
html[data-theme="blue"] .pf-btn-gold {
  background: linear-gradient(135deg,#1976d2,#1565c0) !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(21,101,192,.3) !important;
}
html[data-theme="blue"] .pf-btn-ghost { background: rgba(0,0,0,.05) !important; color: #5a7aa8 !important; border-color: rgba(21,101,192,.2) !important; }

/* 快捷格 */
html[data-theme="blue"] .pf-sc-item {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.15) !important;
  box-shadow: 0 2px 8px rgba(21,101,192,.08) !important;
}
html[data-theme="blue"] .pf-sc-item:hover { background: #e8eef8 !important; border-color: #1976d2 !important; }
html[data-theme="blue"] .pf-sc-lbl { color: #3a5070 !important; font-weight: 600; }

/* 统计4格 */
html[data-theme="blue"] .pf-stats { background: #ffffff !important; border: 1px solid rgba(21,101,192,.15) !important; box-shadow: 0 2px 8px rgba(21,101,192,.08) !important; }
html[data-theme="blue"] .ps-cell  { border-right-color: rgba(21,101,192,.1) !important; }
html[data-theme="blue"] .ps-val   { color: #1565c0 !important; font-weight: 800; }
html[data-theme="blue"] .ps-lbl   { color: #5a7aa8 !important; }
html[data-theme="blue"] .pf-sec   { color: #1a2332 !important; font-weight: 800; }

/* 卡片 & 菜单 */
html[data-theme="blue"] .pf-card { background: #ffffff !important; border: 1px solid rgba(21,101,192,.15) !important; box-shadow: 0 2px 10px rgba(21,101,192,.08) !important; }
html[data-theme="blue"] .pf-vip-card [style*="rgba(255,255,255"] { color: #5a7aa8 !important; }
html[data-theme="blue"] .pf-vip-card [style*="color:#f0d060"]    { color: #1565c0 !important; }
html[data-theme="blue"] .pf-vip-card [style*="background:rgba(255,255,255,.08)"] { background: rgba(21,101,192,.08) !important; }
html[data-theme="blue"] .inv-row  { background: rgba(21,101,192,.08) !important; border-color: rgba(21,101,192,.22) !important; }
html[data-theme="blue"] .inv-code { color: #1565c0 !important; text-shadow: none !important; }
html[data-theme="blue"] .inv-copy { background: linear-gradient(135deg,#1976d2,#1565c0) !important; color: #fff !important; }
html[data-theme="blue"] .inv-sub  { color: #5a7aa8 !important; }

html[data-theme="blue"] .pf-mi {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.15) !important;
  box-shadow: 0 2px 8px rgba(21,101,192,.08) !important;
}
html[data-theme="blue"] .pf-mi:hover { background: #e8eef8 !important; border-color: rgba(21,101,192,.3) !important; }
html[data-theme="blue"] .pf-mi-title { color: #1a2332 !important; font-weight: 700; }
html[data-theme="blue"] .pf-mi-sub   { color: #5a7aa8 !important; }
html[data-theme="blue"] .pf-mi-arr svg { fill: #7a8fa8 !important; }

html[data-theme="blue"] .pf-input {
  background: #eef1f7 !important;
  border-color: rgba(21,101,192,.3) !important;
  color: #1a2332 !important;
}
html[data-theme="blue"] .pf-input:focus { border-color: #1976d2 !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(21,101,192,.18) !important; }
html[data-theme="blue"] .pf-input-lbl { color: #5a7aa8 !important; }
html[data-theme="blue"] .pf-logout { background: #ffffff !important; border: 1px solid rgba(21,101,192,.15) !important; }
html[data-theme="blue"] .pf-logout-txt { color: #c62828 !important; }
html[data-theme="blue"] .pf-msg.err { background: rgba(198,40,40,.08) !important; border-color: rgba(198,40,40,.25) !important; color: #b71c1c !important; }
html[data-theme="blue"] .pf-msg.ok  { background: rgba(46,125,50,.08) !important; border-color: rgba(46,125,50,.22) !important; color: #1b5e20 !important; }

/* sub-table */
html[data-theme="blue"] .sub-table th { color: #5a7aa8 !important; border-bottom-color: rgba(21,101,192,.15) !important; }
html[data-theme="blue"] .sub-table td { color: #1a2332 !important; border-bottom-color: rgba(21,101,192,.08) !important; }
html[data-theme="blue"] .rebate-inp   { color: #1a2332 !important; background: rgba(21,101,192,.08) !important; border-color: rgba(21,101,192,.3) !important; }

/* bet-status 标签 */
html[data-theme="blue"] .s-pending { background: rgba(230,81,0,.12) !important; color: #bf360c !important; }
html[data-theme="blue"] .s-win     { background: rgba(46,125,50,.12) !important; color: #1b5e20 !important; }
html[data-theme="blue"] .s-lose    { background: rgba(198,40,40,.12) !important; color: #b71c1c !important; }
html[data-theme="blue"] .s-cancel  { background: rgba(0,0,0,.06) !important; color: #7a8fa8 !important; }
html[data-theme="blue"] .br-win    { color: #1b5e20 !important; font-weight: 700; }

/* ══════════════════════════════════════════════════
   蓝白主题补充修复
   ══════════════════════════════════════════════════ */

/* ── 1. 语言下拉菜单 ── */
html[data-theme="blue"] .lang-drop-btn {
  background: rgba(21,101,192,.15) !important;
  border-color: rgba(21,101,192,.35) !important;
  color: #ffffff !important;
}
html[data-theme="blue"] .lang-drop-btn:hover {
  background: rgba(21,101,192,.28) !important;
  border-color: rgba(21,101,192,.5) !important;
}
html[data-theme="blue"] .lang-drop-menu {
  background: #ffffff !important;
  border: 1.5px solid rgba(21,101,192,.3) !important;
  box-shadow: 0 12px 40px rgba(21,101,192,.2) !important;
}
html[data-theme="blue"] .lang-drop-item {
  color: #1a2332 !important;
}
html[data-theme="blue"] .lang-drop-item:hover {
  background: #e8eef8 !important;
  color: #1565c0 !important;
}
html[data-theme="blue"] .lang-drop-item.active {
  background: rgba(21,101,192,.12) !important;
  color: #1565c0 !important;
  font-weight: 700;
}
html[data-theme="blue"] .lang-drop-item .ldi-check { color: #1976d2 !important; }

/* ── 2. 首页波色占比卡（tr-card，内嵌 <style>） ── */
html[data-theme="blue"] .tr-card {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.15) !important;
  box-shadow: 0 3px 12px rgba(21,101,192,.1) !important;
}
html[data-theme="blue"] .tr-card-head { color: #1565c0 !important; }
html[data-theme="blue"] .hp-sec-head  { color: #1565c0 !important; }
html[data-theme="blue"] .hp-sec-divider { background: rgba(21,101,192,.12) !important; }

/* 期次 tab 按钮 */
html[data-theme="blue"] .tr-ptab {
  background: rgba(21,101,192,.08) !important;
  color: #5a7aa8 !important;
  border-color: rgba(21,101,192,.2) !important;
}
html[data-theme="blue"] .tr-ptab.active {
  background: rgba(21,101,192,.18) !important;
  color: #1565c0 !important;
  border-color: rgba(21,101,192,.4) !important;
  font-weight: 700;
}
html[data-theme="blue"] .tr-btn-sm {
  background: rgba(21,101,192,.1) !important;
  color: #1565c0 !important;
  border-color: rgba(21,101,192,.3) !important;
}

/* 彩种切换 tab */
html[data-theme="blue"] .hf-lot-tab {
  background: rgba(21,101,192,.08) !important;
  border-color: rgba(21,101,192,.2) !important;
  color: #5a7aa8 !important;
}
html[data-theme="blue"] .hf-lot-tab.active {
  background: rgba(21,101,192,.2) !important;
  border-color: rgba(21,101,192,.5) !important;
  color: #1565c0 !important;
}

/* 波色条容器背景 */
html[data-theme="blue"] .wp-bar {
  background: rgba(21,101,192,.1) !important;
}
/* 波色数字（原 #fff → 深蓝） */
html[data-theme="blue"] .wp-num { color: #1a2332 !important; }

/* 波色汇总标签 */
html[data-theme="blue"] .wp-tag {
  background: rgba(21,101,192,.08) !important;
  border-color: rgba(21,101,192,.18) !important;
  color: #3a5070 !important;
}
html[data-theme="blue"] .wp-tag b { color: #1565c0 !important; }

/* 命运星迷你图 */
html[data-theme="blue"] .wp-mini-head { color: #3a5070 !important; }
html[data-theme="blue"] .wp-mini-lbl  { color: #5a7aa8 !important; }

/* ── 3. 投注记录列表（bet_history.php） ── */
html[data-theme="blue"] .bet-record {
  background: #ffffff !important;
  border: 1px solid rgba(21,101,192,.15) !important;
  box-shadow: 0 2px 8px rgba(21,101,192,.08) !important;
}
/* br-top: 彩种名 + 期号 + 状态行 */
html[data-theme="blue"] .br-top        { color: #5a7aa8 !important; }
html[data-theme="blue"] .br-lottery    { color: #3a5070 !important; font-weight: 600; }
html[data-theme="blue"] .br-issue      { color: #7a8fa8 !important; }
/* br-mid: 投注类型 + 赔率 */
html[data-theme="blue"] .br-type       { color: #1a2332 !important; font-weight: 700; }
html[data-theme="blue"] .br-odds       { color: #1565c0 !important; font-weight: 700; }
/* br-bottom: 时间、金额等 */
html[data-theme="blue"] .br-bottom     { color: #5a7aa8 !important; }
html[data-theme="blue"] .br-amount     { color: #1a2332 !important; font-weight: 800; }
html[data-theme="blue"] .br-play       { color: #1a2332 !important; font-weight: 700; }
html[data-theme="blue"] .br-time       { color: #7a8fa8 !important; }
/* 中奖金额 */
html[data-theme="blue"] .br-win        { color: #1b5e20 !important; font-weight: 700; }

/* ── 4. 个人中心代理区块（内联样式，同 light 主题问题） ── */
html[data-theme="blue"] a[href="/agent.php"] {
  background: linear-gradient(135deg,rgba(21,101,192,.18),rgba(21,101,192,.08)) !important;
  border-color: rgba(21,101,192,.35) !important;
}
html[data-theme="blue"] a[href="/agent.php"] [style*="color:#f0d060"] {
  color: #1565c0 !important;
}
html[data-theme="blue"] a[href="/agent.php"] [style*="rgba(255,255,255,.35)"],
html[data-theme="blue"] a[href="/agent.php"] [style*="rgba(255,255,255, .35)"] {
  color: #5a7aa8 !important;
}
html[data-theme="blue"] a[href="/agent.php"] svg {
  fill: rgba(21,101,192,.8) !important;
}

/* 邀请码卡片右侧"0 下级"计数 */
html[data-theme="blue"] .pf-card-hdr span[style*="rgba(255,255,255,.3)"],
html[data-theme="blue"] .pf-card-hdr span[style*="rgba(255,255,255, .3)"] {
  color: #5a7aa8 !important;
  background: rgba(21,101,192,.1) !important;
  padding: 2px 8px;
  border-radius: 8px;
  font-weight: 700;
}

/* 空下级状态卡（opacity:.3 星号 + 透明文字） */
html[data-theme="blue"] .pf-card [style*="opacity:.3"],
html[data-theme="blue"] .pf-card [style*="opacity: .3"] {
  opacity: 1 !important;
  color: #1976d2 !important;
}
html[data-theme="blue"] .pf-card [style*="color:rgba(255,255,255,.28)"],
html[data-theme="blue"] .pf-card [style*="color:rgba(255,255,255, .28)"] {
  color: #5a7aa8 !important;
}

/* ══════════════════════════════════════════════════
   投注页四象/多玩法元素修复
   ══════════════════════════════════════════════════ */

/* 四象子标题（原 rgba(255,255,255,.45) 不可见） */
html[data-theme="blue"] .elem-sub  { color: #5a7aa8 !important; font-weight: 600; }
html[data-theme="blue"] .elem-name { color: #1a2332 !important; font-weight: 700; }

/* 两面/命运/波色 bet-option 内文字（.elem-name .elem-sub 在 light card 上） */
html[data-theme="blue"] .bet-option .elem-sub { color: #5a7aa8 !important; }

/* ══════════════════════════════════════════════════
   首页星座推荐卡（index.php 内嵌 <style> 覆盖）
   ══════════════════════════════════════════════════ */

/* 星座横向滚动条 */
html[data-theme="blue"] .zr-item {
  border-color: rgba(21,101,192,.2) !important;
  background: rgba(21,101,192,.04) !important;
}
html[data-theme="blue"] .zr-item:hover,
html[data-theme="blue"] .zr-item.active {
  border-color: #1976d2 !important;
  background: rgba(21,101,192,.14) !important;
}
html[data-theme="blue"] .zr-nm { color: #3a5070 !important; }

/* 推荐框 */
html[data-theme="blue"] .zr-rec-box {
  background: #e8eef8 !important;
  border: 1px solid rgba(21,101,192,.15) !important;
  border-radius: 10px;
}
html[data-theme="blue"] .zr-rec-name { color: #1a2332 !important; font-weight: 700; }
html[data-theme="blue"] .zr-lucky     { color: #5a7aa8 !important; }
html[data-theme="blue"] .zr-meta      { color: #5a7aa8 !important; }
html[data-theme="blue"] .zr-meta b    { color: #1565c0 !important; }
html[data-theme="blue"] .zr-sp-sep    { color: #c9a227 !important; }

/* 标题行（今日推荐 / TOP3） */
html[data-theme="blue"] .zr-title-row { color: #3a5070 !important; font-weight: 700; }

/* TOP3 右侧排名 */
html[data-theme="blue"] .zr-rank     { color: #7a8fa8 !important; }
html[data-theme="blue"] .zr-top-name { color: #1a2332 !important; font-weight: 600; }
html[data-theme="blue"] .zr-rate-bar { background: rgba(21,101,192,.12) !important; }
html[data-theme="blue"] .zr-rate-bar > div { background: linear-gradient(90deg,#1976d2,#42a5f5) !important; }

/* ── 首页 Hero 英雄区（蓝色渐变背景）── */
html[data-theme="blue"] .hp-hero {
  background: linear-gradient(160deg,#0d47a1 0%,#1565c0 35%,#1976d2 65%,#1565c0 100%) !important;
  border-radius: 0 0 28px 28px;
  box-shadow: 0 8px 32px rgba(21,101,192,.35);
}
html[data-theme="blue"] .hp-eyebrow  { color: rgba(255,255,255,.75) !important; letter-spacing: .2em; }
html[data-theme="blue"] .hp-title    { color: #f0d060 !important; text-shadow: 0 0 30px rgba(201,162,39,.45), 0 2px 4px rgba(0,0,0,.4) !important; }
html[data-theme="blue"] .hp-subtitle { color: rgba(255,255,255,.55) !important; }
html[data-theme="blue"] .hp-ring-svg circle { stroke: rgba(255,255,255,.18) !important; }

/* ── 个人中心公告图标（mi-slate）── */
/* 背景从 rgba(255,255,255,.06) 不可见 → 蓝色系 */
html[data-theme="blue"] .mi-slate {
  background: rgba(21,101,192,.12) !important;
  border: 1px solid rgba(21,101,192,.22) !important;
}
/* SVG 原 fill="rgba(255,255,255,.5)" 白色 → 蓝色 */
html[data-theme="blue"] .mi-slate svg { fill: #1976d2 !important; }

/* ══════════════════════════════════════════════════
   蓝色主题：全局去除金色元素，替换为蓝色系
   ══════════════════════════════════════════════════ */

/* ── 1. 首页"投注→"按钮（ID选择器，需高特异性覆盖） ── */
html[data-theme="blue"] #hpBetBtn a {
  background: linear-gradient(135deg,#1976d2,#1565c0) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(21,101,192,.4) !important;
}

/* ── 2. 首页余额卡（hp-balance/bal-*） ── */
html[data-theme="blue"] .hp-balance {
  background: linear-gradient(135deg,#eef1f7,#e0e8f5) !important;
  border: 1.5px solid rgba(21,101,192,.3) !important;
  box-shadow: 0 4px 16px rgba(21,101,192,.12) !important;
}
html[data-theme="blue"] .bal-lbl     { color: #5a7aa8 !important; }
html[data-theme="blue"] .bal-num     { color: #1565c0 !important; text-shadow: none !important; font-weight: 900; }
html[data-theme="blue"] .bal-vip-lbl { color: #5a7aa8 !important; }
html[data-theme="blue"] .bal-vip-val {
  color: #1565c0 !important;
  background: rgba(21,101,192,.15) !important;
  border-color: rgba(21,101,192,.35) !important;
  font-weight: 800;
}

/* ── 3. 星座选择 active 边框（原 #a78bfa 紫色 → 蓝色） ── */
html[data-theme="blue"] .zr-item:hover,
html[data-theme="blue"] .zr-item.active {
  border-color: #1976d2 !important;
  background: rgba(21,101,192,.12) !important;
}

/* ── 4. 期次/周期按钮 gold → blue（强制覆盖内嵌样式） ── */
html[data-theme="blue"] .tr-ptab {
  background: rgba(21,101,192,.08) !important;
  color: #5a7aa8 !important;
  border-color: rgba(21,101,192,.2) !important;
}
html[data-theme="blue"] .tr-ptab.active {
  background: rgba(21,101,192,.2) !important;
  color: #1565c0 !important;
  border-color: rgba(21,101,192,.45) !important;
  font-weight: 700;
}
html[data-theme="blue"] .tr-btn-sm {
  background: rgba(21,101,192,.1) !important;
  color: #1565c0 !important;
  border-color: rgba(21,101,192,.3) !important;
}
html[data-theme="blue"] .hf-lot-tab {
  background: rgba(21,101,192,.08) !important;
  border-color: rgba(21,101,192,.2) !important;
  color: #5a7aa8 !important;
}
html[data-theme="blue"] .hf-lot-tab.active {
  background: rgba(21,101,192,.2) !important;
  border-color: rgba(21,101,192,.5) !important;
  color: #1565c0 !important;
  font-weight: 700;
}

/* ── 5. 首页彩种卡片 hp-lcard 金色装饰 ── */
html[data-theme="blue"] .hp-lcard::before { display: none !important; }

/* ── 6. 个人中心英雄区 蓝色主题样式 ── */
html[data-theme="blue"] .pf-hero { display: block !important; background: linear-gradient(160deg,#0d47a1 0%,#1565c0 40%,#1976d2 100%) !important; }

/* ── 7. 个人中心客服图标 蓝色主题 ── */
html[data-theme="blue"] .pf-cs-icon {
  background: rgba(255,255,255,.22) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.15) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  animation: none !important;
}
html[data-theme="blue"] .pf-cs-icon svg { fill: #ffffff !important; }

/* 悬浮客服按钮（全局，蓝色主题：实色蓝，白色背景上清晰可见） */
html[data-theme="blue"] .cs-fab {
  background: linear-gradient(135deg,#1976d2,#1565c0) !important;
  box-shadow: 0 4px 18px rgba(21,101,192,.5) !important;
  border: none !important;
  animation: none !important;
}
html[data-theme="blue"] .cs-fab svg { fill: #ffffff !important; }