/* ============================================================
   9jaWin 黑金主题覆盖层 (2026-10-26 老大: 整个网站弄成黑金风格)
   只做覆盖，不改原文件；加载顺序在所有 CSS 之后。
   想回滚：header.php 里删掉这一行即可。
   ============================================================ */

:root{
  --tg-gold:#f5c451;
  --tg-gold-hi:#ffe9a8;
  --tg-gold-deep:#b8860b;
  --tg-bg:#070707;
  --tg-bg2:#101010;
  --tg-panel:rgba(18,16,12,.86);
  --tg-line:rgba(245,196,81,.22);
  --tg-line-soft:rgba(245,196,81,.12);
  --tg-text:#f5edda;
  --tg-muted:#a89f8a;
}

/* ---------- 全局底色 ---------- */
html, body{background:#070707 !important;}
html body.cosmic,
html body.cosmic-inner,
html body.casino,
html.dark body{
  background:
    radial-gradient(900px 620px at 12% -10%, rgba(245,196,81,.10), transparent 62%),
    radial-gradient(820px 540px at 100% 4%, rgba(184,134,11,.08), transparent 58%),
    radial-gradient(700px 500px at 50% 112%, rgba(245,196,81,.05), transparent 60%),
    linear-gradient(180deg,#0a0a0a 0%,#0d0b07 42%,#080706 100%) !important;
  color:var(--tg-text) !important;
}
body.cosmic::after{
  background:
    radial-gradient(120% 80% at 50% 0%, transparent 55%, rgba(0,0,0,.55) 100%),
    linear-gradient(180deg,rgba(7,7,7,.2) 0%,rgba(7,7,7,.06) 55%,rgba(7,7,7,.6) 100%) !important;
}
body.cosmic::before{opacity:.28 !important;filter:sepia(1) saturate(1.4) hue-rotate(-12deg) brightness(.75);}

/* ---------- 顶栏 / 底栏 ---------- */
.topbar{
  background:rgba(10,9,6,.94) !important;
  border-bottom:1px solid var(--tg-line-soft) !important;
  box-shadow:0 1px 0 rgba(245,196,81,.06), 0 10px 30px -18px rgba(0,0,0,.9) !important;
}
.bottomnav{
  background:linear-gradient(180deg,rgba(12,10,6,.96),rgba(6,6,6,.99)) !important;
  border-top:1px solid var(--tg-line-soft) !important;
}
.bottomnav a.on, .bottomnav a:hover{color:var(--tg-gold) !important;}
.nav-on{color:var(--tg-gold) !important;}
a{color:var(--tg-gold) !important;}

/* ---------- 内页 token（ui.css / casino.css 两套变量）---------- */
html body.cosmic-inner{
  --ui-bg:#070706;
  --ui-bg-2:#0c0a07;
  --ui-surface:rgba(18,15,10,.94);
  --ui-surface-2:rgba(24,20,13,.90);
  --ui-surface-3:rgba(32,27,17,.75);
  --ui-line:rgba(245,196,81,.16);
  --ui-line-strong:rgba(245,196,81,.34);
  --ui-ink:#f5edda;
  --ui-ink-2:#d8cfba;
  --ui-muted:#a89f8a;
  --ui-muted-2:#8b8371;
  --ui-gold:#f5c451;
  --ui-gold-soft:rgba(245,196,81,.14);
  --ui-green:#f5c451;
  --ui-green-600:#f5c451;
  --ui-green-700:#ffe9a8;
  --ui-green-soft:rgba(245,196,81,.14);
  --ui-green-line:rgba(245,196,81,.28);

  --cs-bg:#070706;
  --cs-bg2:#0c0a07;
  --cs-panel:rgba(18,15,10,.94);
  --cs-panel2:rgba(24,20,13,.90);
  --cs-line:rgba(245,196,81,.16);
  --cs-line2:rgba(245,196,81,.32);
  --cs-text:#f5edda;
  --cs-muted:#a89f8a;
  --cs-gold:#f5c451;
  --cs-gold-d:#d4a017;
}

/* ---------- 通用卡片 / 面板 ---------- */
.card, .panel, .box, .st-card, .gcard, .promo-card, .cx2-act, .cx2-top, .cx2-sec,
.acc-item, .sub-fold, .af-card, .ag-card, .his-table, .tbl-wrap{
  background:var(--tg-panel) !important;
  border-color:var(--tg-line) !important;
}
.card, .panel, .box{border:1px solid var(--tg-line) !important;}

/* ---------- 按钮 ---------- */
.btn-primary, button.btn-primary, .btn-gold{
  background:linear-gradient(140deg,#ffe9a8 0%,#f5c451 46%,#d4a017 100%) !important;
  color:#2a1800 !important;
  border:1px solid rgba(255,233,168,.55) !important;
  box-shadow:0 8px 22px -10px rgba(245,196,81,.75), inset 0 1px 0 rgba(255,255,255,.55) !important;
  text-shadow:none !important;
}
.btn, .btn-sm, button{
  border-color:var(--tg-line) !important;
}

/* ---------- 顶部区块也做成黑金立体框（2026-10-26 老大：「这些也要」）---------- */
.cx2-top, .cx2-banner, .cx2-promo.p1, .cx2-promo.p2{
  border:1px solid rgba(245,196,81,.34) !important;
  box-shadow:
    0 3px 0 rgba(58,44,16,.85),
    0 14px 30px -16px rgba(0,0,0,.95),
    0 0 22px -10px rgba(245,196,81,.30),
    inset 0 1px 0 rgba(255,233,168,.20),
    inset 0 -3px 7px rgba(0,0,0,.55) !important;
}

/* 顶栏余额胶囊：加强金边与内高光 */
.cx2-bal{
  border:1px solid rgba(255,233,168,.75) !important;
  box-shadow:
    0 2px 0 rgba(138,75,0,.9),
    0 8px 18px -8px rgba(245,166,35,.85),
    inset 0 1px 0 rgba(255,255,255,.75),
    inset 0 -2px 4px rgba(120,60,0,.35) !important;
}
/* 顶栏圆形按钮（刷新/铃铛） */
.cx2-refresh, .cx2-bell, .cx2-ava{
  border:1px solid rgba(245,196,81,.28) !important;
  box-shadow:0 2px 0 rgba(40,30,10,.8), inset 0 1px 0 rgba(255,233,168,.14) !important;
}

/* ---------- 首页：邀请横幅 ---------- */
.cx2-banner{
  background:
    radial-gradient(120% 140% at 88% 0%, rgba(255,233,168,.16), transparent 55%),
    linear-gradient(135deg,#1d1506 0%,#2b1f08 50%,#0c0904 100%) !important;
  border:1px solid var(--tg-line) !important;
  box-shadow:0 18px 40px -22px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,233,168,.10) !important;
}
.cx2-banner-tx b{color:#fff !important;}
.cx2-banner-tx b em{color:var(--tg-gold-hi) !important;}
.cx2-banner-cta{
  background:linear-gradient(140deg,#ffe9a8,#f5c451 55%,#d4a017) !important;
  color:#2a1800 !important;
}

/* 两张福利卡（.p1 / .p2 优先级比单个类高，必须点名） */
.cx2-promo.p1, .cx2-promo.p2{
  background:
    radial-gradient(120% 130% at 86% -10%, rgba(255,233,168,.16), transparent 58%),
    linear-gradient(145deg,#1b1406 0%,#251c08 52%,#0b0905 100%) !important;
  border:1px solid var(--tg-line) !important;
}
.cx2-promo .k{color:var(--tg-gold) !important;}
.cx2-promo h3{color:#fff !important;}
.cx2-promo p{color:rgba(255,255,255,.72) !important;}
.cx2-promo .go{color:var(--tg-gold-hi) !important;}

/* 顶栏金币按钮 */
.cx2-bal{
  background:linear-gradient(140deg,#ffe9a8,#f5c451 55%,#d4a017) !important;
  color:#2a1800 !important;
  border-color:rgba(255,233,168,.6) !important;
}

/* 游戏卡：黑金底 + 金色描边，保留一点游戏识别色 */
.cx2-art{
  background:
    radial-gradient(120% 110% at 50% 0%, rgba(245,196,81,.10), transparent 58%),
    linear-gradient(165deg,#151310 0%,#0c0b09 55%,#080706 100%) !important;
  border:1px solid var(--tg-line) !important;
}
.cx2-art.red, .cx2-art.blue, .cx2-art.green, .cx2-art.violet, .cx2-art.gold, .cx2-art.pink{
  box-shadow:inset 0 0 60px -20px rgba(245,196,81,.18), 0 14px 30px -18px rgba(0,0,0,.9) !important;
}
.cx2-play{color:var(--tg-gold) !important;background:rgba(245,196,81,.05) !important;}
.cx2-gname{color:#fff !important;}

/* 分类条小图标：六种彩色底全部压成黑金（.red/.blue 等具体类优先级更高，要点名）
   🆕 2026-10-26 老大：「这一排给我弄成立体的框框」→ 金属台座：底部厚度 + 内高光 + 顶部反光 */
.cx2-cat i,
.cx2-cat i.red, .cx2-cat i.blue, .cx2-cat i.green,
.cx2-cat i.violet, .cx2-cat i.gold, .cx2-cat i.pink{
  position:relative;
  width:48px;height:48px;border-radius:15px;
  background:linear-gradient(180deg,#2b2414 0%,#17130b 52%,#0a0906 100%) !important;
  border:1px solid rgba(245,196,81,.42) !important;
  box-shadow:
    0 3px 0 #3b2f13,
    0 10px 20px -8px rgba(0,0,0,.95),
    0 0 16px -6px rgba(245,196,81,.40),
    inset 0 1px 0 rgba(255,233,168,.30),
    inset 0 -3px 6px rgba(0,0,0,.65) !important;
}
.cx2-cat i::after{
  content:'';position:absolute;left:2px;right:2px;top:2px;height:40%;
  border-radius:12px 12px 50% 50%;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));
  pointer-events:none;
}

/* 底部大导航 */
.cx2-nav{
  background:linear-gradient(180deg,rgba(14,12,8,.97),rgba(6,6,6,.99)) !important;
  border-top:1px solid var(--tg-line-soft) !important;
}
.cx2-nav a{color:var(--tg-muted) !important;}
.cx2-nav a.on{color:var(--tg-gold) !important;}
.cx2-nav .nav-dep{
  background:linear-gradient(140deg,#ffe9a8,#f5c451 55%,#d4a017) !important;
  border-color:rgba(255,233,168,.65) !important;
}

/* ---------- 内页：标题 / 分隔线 / 强调 ---------- */
h1,h2,h3{color:var(--tg-text);}
.section-title, .sec-title, .cx2-sec b{color:var(--tg-gold-hi) !important;}
hr, .divider{border-color:var(--tg-line-soft) !important;}

/* 表格 */
table th{color:var(--tg-gold) !important;border-color:var(--tg-line-soft) !important;}
table td{border-color:rgba(255,255,255,.06) !important;}
.his-table thead th{background:rgba(245,196,81,.06) !important;}

/* 输入框 */
input, textarea, select{
  background:rgba(12,11,8,.9) !important;
  border-color:var(--tg-line) !important;
  color:var(--tg-text) !important;
}
input:focus, textarea:focus, select:focus{
  border-color:var(--tg-gold) !important;
  box-shadow:0 0 0 3px rgba(245,196,81,.12) !important;
}

/* 骰宝 / 内页的卡片变量：原来是深蓝紫，统一改成黑金 */
html body.cosmic-inner #sb-grid2,
html body.cosmic-inner #sb-flash,
html #sb-grid2,
html #sb-flash{
  --bg:#070706; --bg-ink:#050504;
  --card:#121009; --card2:#18140d; --card3:#1e1a12;
  --text:#f5edda; --muted:#a89f8a; --muted-strong:#d8cfba;
}

/* 骰宝：最近结果 / 玩法说明那些 details 卡片 */
details.cp{
  background:#100e0a !important;
  border-color:var(--tg-line) !important;
}
details.cp>summary h2{color:var(--tg-gold-hi) !important;}
details.cp>summary .arr{color:var(--tg-muted) !important;}

/* 骰宝：下注区折叠块（原来深紫） */
#sb-acc .sb-acc-item{
  background:linear-gradient(168deg,rgba(245,196,81,.06) 0%,rgba(255,255,255,0) 52%),#100f0c !important;
  border-color:rgba(245,196,81,.18) !important;
}
.sb-acc-head{color:var(--tg-text) !important;}
.sb-zone-btn, .sb-num-btn, .sb-pick-btn{
  background:linear-gradient(180deg,#17140e 0%,#0d0b08 100%) !important;
  border-color:rgba(245,196,81,.16) !important;
}
.sb-zone-btn .t, .sb-num-btn .n, .sb-pick-btn{color:var(--tg-gold-hi) !important;}
.sb-zone-btn .o, .sb-num-btn .o, .sb-pick-btn .po{color:var(--tg-muted) !important;}

/* 骰宝开奖卡：保留浅蓝（老大 2026-10-26 特意要的快3同款），只换描边为金 */
.sb-round{border-color:rgba(245,196,81,.45) !important;}

/* 龙虎 / 21点 / 百家乐 页面的深色卡片 */
.cs-card, .dt-card, .bj-card, .bac-card, .game-card{
  background:linear-gradient(165deg,#14120d 0%,#0b0a08 100%) !important;
  border-color:var(--tg-line) !important;
}

/* 弹窗 */
.modal-in, .dialog, .ngfd-card{
  background:linear-gradient(165deg,#17140e,#0b0a08) !important;
  border-color:var(--tg-line) !important;
}

/* ---------- 底部导航（2026-10-26 老大：「这个也要」+ 中间充值图标边框太宽）---------- */
.cx2-nav{padding:4px 4px calc(4px + env(safe-area-inset-bottom)) !important;}
.cx2-nav a{
  padding:4px 2px 3px !important;
  gap:1px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,rgba(42,35,20,.42),rgba(10,9,6,.55)) !important;
  border:1px solid rgba(245,196,81,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,233,168,.10), 0 2px 0 rgba(35,27,10,.7) !important;
}
/* 中间充值：不要整块金色（会把白字吞掉），只留圆形金币 */
.cx2-nav .nav-dep{
  margin-top:-12px !important;
  padding:0 0 2px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.cx2-nav .nav-dep i{width:42px !important;height:42px !important;font-size:19px !important;}
.cx2-nav .nav-dep span{
  font-size:8px !important;
  color:#ffe9a8 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.95), 0 0 6px rgba(0,0,0,.8) !important;
}
.cx2-nav a.on{
  background:linear-gradient(180deg,rgba(78,60,24,.55),rgba(18,14,7,.72)) !important;
  border-color:rgba(245,196,81,.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,233,168,.25),
    0 2px 0 rgba(58,44,16,.9),
    0 0 16px -6px rgba(245,196,81,.5) !important;
}
/* 中间充值金币：黑环 3px 太宽 → 细深棕边 + 立体高光 */
.cx2-nav .nav-dep i{
  border-width:1.5px !important;
  border-color:rgba(70,46,0,.55) !important;
  box-shadow:
    0 3px 0 rgba(138,75,0,.9),
    0 10px 20px -8px rgba(245,166,35,.85),
    inset 0 2px 0 rgba(255,255,255,.75),
    inset 0 -3px 6px rgba(120,60,0,.4) !important;
}

/* ---------- 代理中心 ----------
   🔴 cosmic-inner.css 里 `body.cosmic-inner .ui-hero{background:... !important}` 是紫色，
      内联样式压不住，必须用更高优先级 + !important 盖。 */
html body.cosmic-inner .ui-hero{
  background:
    radial-gradient(520px 240px at 88% -30%, rgba(255,233,168,.16), transparent 60%),
    linear-gradient(135deg,#2a2008 0%,#1a1408 48%,#0b0905 100%) !important;
  border:1px solid rgba(245,196,81,.38) !important;
  box-shadow:0 16px 38px -20px rgba(0,0,0,.92), inset 0 1px 0 rgba(255,233,168,.14) !important;
}
html body.cosmic-inner .ui-hero .h-val{color:#ffe9a8;}
html body.cosmic-inner .ui-hero .h-btn{
  background:rgba(245,196,81,.10) !important;
  border:1px solid rgba(245,196,81,.35) !important;
  color:#ffe9a8 !important;
}
html body.cosmic-inner .ui-hero .h-btn.h-btn-gold{
  background:linear-gradient(140deg,#ffe9a8,#f5c451 55%,#d4a017) !important;
  color:#2a1800 !important;
  border-color:rgba(255,233,168,.65) !important;
  font-weight:900 !important;
}
/* 🔴 cosmic-inner.css 里 `body.cosmic-inner .stat{background:... !important}` 是深蓝紫，
   必须用 html body 前缀才能压住 */
html body.cosmic-inner .stat{
  background:linear-gradient(165deg,#16130c 0%,#0b0906 100%) !important;
  border:1px solid rgba(245,196,81,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,233,168,.10), 0 2px 0 rgba(40,30,10,.6) !important;
}
html body.cosmic-inner .stat b{color:#ffe9a8 !important;}
html body.cosmic-inner .stat span{color:#a89f8a !important;}
html body.cosmic-inner .ui-list-item{border-color:rgba(245,196,81,.14) !important;}
html body.cosmic-inner .ui-list-ic{color:#f5c451 !important;background:rgba(245,196,81,.14) !important;}
html body.cosmic-inner .code-box{border-color:rgba(245,196,81,.22) !important;background:rgba(12,10,7,.9) !important;color:#ffe9a8 !important;}

/* 站内信 / 列表 */
.notice-row, .msg-row{border-color:rgba(255,255,255,.06) !important;}

/* 链接和金色文字 */
.gold, .text-gold, .amt{color:var(--tg-gold) !important;}