/* ============================================================
   9jaWin — Cosmic Inner H5 (2026-10-22)
   范围：除大厅 / 登录 / 注册外的所有前台页面
   · 复用大厅的深色霓虹、金色、玻璃拟态
   · 不重写页面逻辑，只覆盖 ui.css / casino.css 的颜色和 H5 宽度
   · 所有内页统一 560px 手机框，桌面也保持 H5 观感
   ============================================================ */

html.cosmic-inner-html{background:#05060f !important;}

body.cosmic-inner{
  /* ui.css token 改成宇宙深色 */
  --ui-bg:#05060f;
  --ui-bg-2:#0a0a1a;
  --ui-surface:rgba(13,15,32,.92);
  --ui-surface-2:rgba(20,22,44,.86);
  --ui-surface-3:rgba(30,32,60,.72);
  --ui-line:rgba(255,255,255,.09);
  --ui-line-strong:rgba(255,211,107,.26);
  --ui-ink:#ece9ff;
  --ui-ink-2:#c9c6e8;
  --ui-muted:#9b9bb8;
  --ui-muted-2:#7e7d9e;
  --ui-green:#34d399;
  --ui-green-600:#ffd36b;
  --ui-green-700:#ffe9a8;
  --ui-green-soft:rgba(124,58,237,.20);
  --ui-green-line:rgba(255,211,107,.26);
  --ui-gold:#ffd36b;
  --ui-gold-soft:rgba(245,166,35,.14);
  --ui-red:#ff6b8a;
  --ui-red-soft:rgba(244,63,94,.14);
  --ui-blue:#7dd3fc;
  --ui-blue-soft:rgba(56,189,248,.12);
  --ui-shadow:0 14px 34px -24px rgba(0,0,0,.9);
  --ui-shadow-lg:0 30px 70px -30px rgba(0,0,0,.95);

  /* casino.css / 游戏页 token */
  --cs-bg:#05060f;
  --cs-bg2:#0a0a1a;
  --cs-panel:rgba(13,15,32,.92);
  --cs-panel2:rgba(20,22,44,.86);
  --cs-line:rgba(255,255,255,.09);
  --cs-line2:rgba(255,211,107,.26);
  --cs-text:#ece9ff;
  --cs-muted:#9b9bb8;
  --cs-green:#34d399;
  --cs-green-d:#7c3aed;
  --cs-gold:#ffd36b;
  --cs-gold-d:#f5a623;
  --cs-red:#ff5b7f;

  background:
    radial-gradient(820px 540px at 12% -8%, rgba(168,85,247,.28), transparent 62%),
    radial-gradient(760px 520px at 100% 8%, rgba(56,189,248,.16), transparent 60%),
    radial-gradient(700px 480px at 50% 112%, rgba(255,77,141,.10), transparent 60%),
    linear-gradient(180deg,#05060f 0%,#0a081c 38%,#0e0a22 72%,#080512 100%) !important;
  color:var(--ui-ink) !important;
  min-height:100vh;
  position:relative;
  overflow-x:hidden;
}

body.cosmic-inner::before{
  content:"";position:fixed;left:0;right:0;bottom:0;height:min(36vh,320px);
  background:url("img/cx-skyline.svg") center bottom / cover no-repeat;
  opacity:.32;pointer-events:none;z-index:0;
}
body.cosmic-inner::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(120% 80% at 50% 0%, transparent 55%, rgba(0,0,0,.42) 100%),
    linear-gradient(180deg,rgba(5,6,15,.16) 0%,transparent 55%,rgba(5,6,15,.48) 100%);
}

/* ---------- H5 框：所有内页统一 560，桌面也一样 ---------- */
body.cosmic-inner .wrap{
  max-width:560px !important;
  padding-left:12px !important;
  padding-right:12px !important;
  position:relative;z-index:1;
}
body.cosmic-inner main.wrap{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
body.cosmic-inner .footer{
  position:relative;z-index:1;
  padding-bottom:96px !important;
}

/* ---------- 顶栏 ---------- */
body.cosmic-inner .topbar{
  background:rgba(6,7,20,.92) !important;
  border-bottom:1px solid rgba(255,211,107,.16) !important;
  box-shadow:0 10px 30px -22px rgba(0,0,0,.9) !important;
}
body.cosmic-inner .logo{
  color:#ffd36b !important;
  background:linear-gradient(120deg,#ffe9a8,#ffd36b 45%,#f5a623) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
body.cosmic-inner .logo-mark{
  background:linear-gradient(140deg,#ffe9a8,#f5a623) !important;
  color:#2a1800 !important;
  -webkit-text-fill-color:#2a1800 !important;
  box-shadow:0 6px 16px -6px rgba(245,166,35,.7) !important;
}
body.cosmic-inner .tb-back,
body.cosmic-inner .tb-icon{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#e8e6ff !important;
}
body.cosmic-inner .tb-icon:hover,
body.cosmic-inner .tb-back:hover{background:rgba(255,255,255,.11) !important;}
body.cosmic-inner .tb-dot{border-color:#0b0a20 !important;}
body.cosmic-inner .tb-bal{
  background:linear-gradient(135deg,#4c1d95,#1e1b4b) !important;
  color:#ffe9a8 !important;
  border:1px solid rgba(255,211,107,.28) !important;
  box-shadow:0 8px 18px -12px rgba(124,58,237,.9) !important;
}
body.cosmic-inner .tb-bal .b-bonus{background:rgba(255,211,107,.14) !important;color:#ffe9a8 !important;}
body.cosmic-inner .tb-avatar{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#ece9ff !important;
}
body.cosmic-inner .tb-avatar .av-ph{background:rgba(255,255,255,.08) !important;}
body.cosmic-inner .tb-login{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#ece9ff !important;
}
body.cosmic-inner .tb-signup{
  background:linear-gradient(135deg,#ffe9a8,#f5a623) !important;
  color:#2a1800 !important;
  box-shadow:0 8px 18px -10px rgba(245,166,35,.8) !important;
}
body.cosmic-inner .nav{display:none !important;}

/* ---------- 底部导航（桌面也显示，保持 H5 框） ---------- */
body.cosmic-inner .bottomnav{
  left:50% !important;right:auto !important;
  transform:translateX(-50%) !important;
  width:100% !important;max-width:560px !important;
  background:linear-gradient(180deg,rgba(8,10,26,.78),rgba(4,5,14,.98)) !important;
  border-top:1px solid rgba(255,211,107,.18) !important;
  box-shadow:0 -18px 40px -24px rgba(0,0,0,.9) !important;
  -webkit-backdrop-filter:blur(16px) !important;backdrop-filter:blur(16px) !important;
  display:flex !important;
}
body.cosmic-inner .bottomnav a{color:#8b8fa8 !important;}
body.cosmic-inner .bottomnav a.active{
  color:#ffd36b !important;
  background:none !important;
  text-shadow:0 0 10px rgba(255,211,107,.35);
}
/* 中间存款凸起 */
body.cosmic-inner .bottomnav{align-items:flex-end !important;}
body.cosmic-inner .bottomnav a.nav-dep{
  position:relative;margin-top:-20px;color:#ffe9a8 !important;
  background:none !important;text-shadow:none !important;
}
body.cosmic-inner .bottomnav a.nav-dep i{
  width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#ffe9a8,#f5a623) !important;color:#2a1800 !important;
  font-size:21px !important;border:3px solid #0b0a20;
  box-shadow:0 8px 20px -8px rgba(245,166,35,.9),0 0 0 1px rgba(255,211,107,.45);
}
body.cosmic-inner .bottomnav a.nav-dep span{font-size:8px;font-weight:900;color:#ffe9a8 !important;margin-top:-1px;}

/* ---------- 页脚 ---------- */
body.cosmic-inner .footer{
  border-top-color:rgba(255,255,255,.08) !important;
  color:#7e7d9e !important;
  background:transparent !important;
}
body.cosmic-inner .footer a{color:#a9a6c8 !important;}
body.cosmic-inner .footer a:hover{color:#ffd36b !important;}

/* ---------- 基础字色 ---------- */
body.cosmic-inner,
body.cosmic-inner p,
body.cosmic-inner li,
body.cosmic-inner td,
body.cosmic-inner label{color:var(--ui-ink-2);}
body.cosmic-inner h1,
body.cosmic-inner h2,
body.cosmic-inner h3,
body.cosmic-inner h4,
body.cosmic-inner .panel h1,
body.cosmic-inner .panel h2,
body.cosmic-inner .panel h3{color:var(--ui-ink) !important;}
body.cosmic-inner a{color:#ffd36b;}
body.cosmic-inner ::selection{background:rgba(255,211,107,.25);}

/* ---------- 卡片 / 列表 / 面板 ---------- */
body.cosmic-inner .panel,
body.cosmic-inner .ui-list,
body.cosmic-inner .ac-menu,
body.cosmic-inner .ui-quick,
body.cosmic-inner .ac-quick,
body.cosmic-inner .ui-trust,
body.cosmic-inner details.cp,
body.cosmic-inner .ui-game,
body.cosmic-inner .gcard,
body.cosmic-inner .gdetail-info,
body.cosmic-inner .gdetail-img,
body.cosmic-inner .formbox{
  background:var(--ui-surface) !important;
  border-color:var(--ui-line) !important;
  box-shadow:var(--ui-shadow) !important;
  color:var(--ui-ink-2);
}
body.cosmic-inner .ui-list-item,
body.cosmic-inner .ac-menu a,
body.cosmic-inner details.cp>summary{
  border-color:var(--ui-line) !important;
  color:var(--ui-ink-2) !important;
}
body.cosmic-inner .ui-list-item:hover,
body.cosmic-inner .ac-menu a:hover{background:rgba(255,255,255,.04) !important;}
body.cosmic-inner .ui-list-main b,
body.cosmic-inner .ac-who b,
body.cosmic-inner .ui-list-main b{color:var(--ui-ink) !important;}
body.cosmic-inner .ui-list-main span,
body.cosmic-inner .ui-list-arrow,
body.cosmic-inner .ac-who span{color:var(--ui-muted) !important;}
body.cosmic-inner .ui-list-ic,
body.cosmic-inner .ac-quick i,
body.cosmic-inner .ui-quick a i,
body.cosmic-inner .ui-step .n{
  background:rgba(124,58,237,.22) !important;
  color:#e9d5ff !important;
}
body.cosmic-inner details.cp[open]>summary{border-bottom-color:var(--ui-line) !important;}
body.cosmic-inner details.cp>summary .arr{color:#ffd36b !important;}

/* ---------- 页头 ---------- */
body.cosmic-inner .ui-ph-t{color:#f5f3ff !important;}
body.cosmic-inner .ui-ph-s{color:var(--ui-muted) !important;}

/* ---------- hero / 钱包 ---------- */
body.cosmic-inner .ui-hero{
  background:
    radial-gradient(520px 240px at 88% -30%, rgba(255,255,255,.14), transparent 60%),
    linear-gradient(135deg,#4c1d95 0%,#312e81 48%,#0f0a20 100%) !important;
  border:1px solid rgba(255,211,107,.20);
  box-shadow:0 20px 50px -26px rgba(76,29,149,.9) !important;
}
body.cosmic-inner .ac-wallet{
  background:
    radial-gradient(440px 200px at 90% -40%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(135deg,#4c1d95 0%,#312e81 55%,#0f0a20 100%) !important;
  border:1px solid rgba(255,211,107,.20);
  box-shadow:0 20px 50px -26px rgba(76,29,149,.9) !important;
}
body.cosmic-inner .ac-wallet-act{
  background:linear-gradient(135deg,#ffe9a8,#f5a623) !important;
  color:#2a1800 !important;
  border:none !important;
  font-weight:900;
}
body.cosmic-inner .ui-hero .h-btn,
body.cosmic-inner .ui-hero .h-plus{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#fff !important;
}

/* ---------- 按钮 ---------- */
body.cosmic-inner .btn{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#ece9ff !important;
}
body.cosmic-inner .btn:hover{background:rgba(255,255,255,.11) !important;}
body.cosmic-inner .btn-primary,
body.cosmic-inner .btn-gold{
  background:linear-gradient(135deg,#ffe9a8,#f5a623) !important;
  color:#2a1800 !important;
  border:none !important;
  font-weight:900;
  box-shadow:0 10px 22px -14px rgba(245,166,35,.9) !important;
}
body.cosmic-inner .btn-dark{
  background:linear-gradient(135deg,#7c3aed,#4c1d95) !important;
  color:#fff !important;border:none !important;
}
body.cosmic-inner .btn-outline{
  background:transparent !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#ece9ff !important;
}
body.cosmic-inner .btn-points{
  background:rgba(255,211,107,.12) !important;
  border-color:rgba(255,211,107,.28) !important;
  color:#ffe9a8 !important;
}
body.cosmic-inner .btn-danger-sm{
  background:rgba(244,63,94,.14) !important;
  border-color:rgba(244,63,94,.30) !important;
  color:#ffb3c1 !important;
}

/* ---------- 促销条 ---------- */
body.cosmic-inner .ui-promo{
  background:linear-gradient(135deg,#4c1d95,#1e1b4b) !important;
  border:1px solid rgba(255,211,107,.18);
  box-shadow:0 14px 30px -20px rgba(0,0,0,.8) !important;
}
body.cosmic-inner .ui-promo.gold{background:linear-gradient(135deg,#f5a623,#7c2d12) !important;}
body.cosmic-inner .ui-promo.slate{background:linear-gradient(135deg,#334155,#0f172a) !important;}

/* ---------- 标签 / 提示条 ---------- */
body.cosmic-inner .tag-green{background:rgba(52,211,153,.14) !important;color:#7ef0a8 !important;}
body.cosmic-inner .tag-yellow{background:rgba(255,211,107,.14) !important;color:#ffe9a8 !important;}
body.cosmic-inner .tag-red{background:rgba(244,63,94,.14) !important;color:#ffb3c1 !important;}
body.cosmic-inner .tag-blue{background:rgba(56,189,248,.12) !important;color:#7dd3fc !important;}
body.cosmic-inner .tag-gray{background:rgba(255,255,255,.06) !important;color:#9b9bb8 !important;}
body.cosmic-inner .flash-success{background:rgba(34,197,94,.12) !important;color:#b9f6ce !important;border-color:rgba(34,197,94,.30) !important;}
body.cosmic-inner .flash-error{background:rgba(244,63,94,.12) !important;color:#fecaca !important;border-color:rgba(244,63,94,.30) !important;}

/* ---------- 表格 ---------- */
body.cosmic-inner th{
  background:rgba(124,58,237,.16) !important;
  color:#c9c6e8 !important;
  border-bottom:1px solid rgba(255,211,107,.14) !important;
}
body.cosmic-inner td{
  color:#dcd9f5 !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}
body.cosmic-inner tr:hover td{background:rgba(255,211,107,.04) !important;}

/* ---------- 表单 ---------- */
body.cosmic-inner input[type=text],
body.cosmic-inner input[type=email],
body.cosmic-inner input[type=password],
body.cosmic-inner input[type=number],
body.cosmic-inner input[type=tel],
body.cosmic-inner input[type=time],
body.cosmic-inner input[type=datetime-local],
body.cosmic-inner select,
body.cosmic-inner textarea{
  background:rgba(8,9,22,.92) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#ece9ff !important;
  border-radius:12px !important;
}
body.cosmic-inner input:focus,
body.cosmic-inner select:focus,
body.cosmic-inner textarea:focus{
  outline:none !important;
  border-color:rgba(255,211,107,.55) !important;
  box-shadow:0 0 0 3px rgba(255,211,107,.12) !important;
}
body.cosmic-inner input::placeholder,
body.cosmic-inner textarea::placeholder{color:#6f6e8e !important;}
body.cosmic-inner input[type=checkbox]{accent-color:#f5a623;}
body.cosmic-inner input[type=file]{
  background:rgba(20,22,44,.86) !important;
  border:1px dashed rgba(255,211,107,.30) !important;
  color:#c9c6e8 !important;
  border-radius:12px !important;
}
body.cosmic-inner .pw-eye{color:#9b9bb8 !important;}
body.cosmic-inner .formbox h1{color:#f5f3ff !important;}
body.cosmic-inner .hint{color:var(--ui-muted) !important;}

/* ---------- 统计 / 进度 / 代码框 ---------- */
body.cosmic-inner .stat{
  background:rgba(20,22,44,.86) !important;
  border:1px solid rgba(255,255,255,.09) !important;
}
body.cosmic-inner .stat b{color:#f5f3ff !important;}
body.cosmic-inner .stat span{color:var(--ui-muted) !important;}
body.cosmic-inner .progress{background:rgba(255,255,255,.08) !important;}
body.cosmic-inner .progress i{background:linear-gradient(90deg,#ffe9a8,#f5a623) !important;}
body.cosmic-inner .code-box{
  background:rgba(8,9,22,.9) !important;
  border-color:rgba(255,211,107,.30) !important;
  color:#ffe9a8 !important;
}
body.cosmic-inner .empty{color:var(--ui-muted) !important;}

/* ---------- 分段控件 ---------- */
body.cosmic-inner .ui-seg{background:rgba(255,255,255,.06) !important;}
body.cosmic-inner .ui-seg button{color:#9b9bb8 !important;}
body.cosmic-inner .ui-seg button.on{
  background:rgba(255,211,107,.14) !important;
  color:#ffe9a8 !important;
  box-shadow:none !important;
}

/* ---------- 聊天 ---------- */
body.cosmic-inner .chatbox{
  background:rgba(8,9,22,.72) !important;
  border-color:rgba(255,255,255,.09) !important;
}
body.cosmic-inner .chat-bot{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#dcd9f5 !important;
}
body.cosmic-inner .chat-bot .who{color:#ffd36b !important;}
body.cosmic-inner .chat-me{
  background:linear-gradient(135deg,#7c3aed,#4c1d95) !important;
  color:#fff !important;
}
body.cosmic-inner .chat-empty{color:var(--ui-muted) !important;}

/* ---------- 商品 / 福利 ---------- */
body.cosmic-inner .gcard-img{
  background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(8,9,22,.9)) !important;
}
body.cosmic-inner .gdetail .nums span{
  background:rgba(20,22,44,.86) !important;
  border-color:rgba(255,255,255,.09) !important;
  color:#c9c6e8 !important;
}
body.cosmic-inner .gdetail .bar{background:rgba(255,255,255,.08) !important;}
body.cosmic-inner .gdetail .bar i{background:linear-gradient(90deg,#ffe9a8,#f5a623) !important;}
body.cosmic-inner .quick button{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#ece9ff !important;
}

/* 🛍️ 商品详情（2026-10-22 重排）：560 的 H5 框里塞不下 340px 图 + 两栏，
   统一改成「大图在上、信息卡在下」的单列，避免右栏被挤成一条。
   图片按 640×380 原比例铺满，不再 cover 裁切。 */
body.cosmic-inner .gdetail{
  display:block !important;
  margin:14px 0 16px !important;
}
body.cosmic-inner .gdetail-img{
  width:100% !important;
  height:auto !important;
  margin:0 0 12px !important;
  padding:0 !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid rgba(255,211,107,.18) !important;
  box-shadow:0 18px 38px -26px rgba(0,0,0,.9) !important;
  overflow:hidden !important;
}
body.cosmic-inner .gdetail-img img{
  display:block;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
body.cosmic-inner .gdetail-info{
  padding:18px !important;
  border-radius:18px !important;
}
body.cosmic-inner .gdetail-info h1{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 10px !important;
  font-size:20px !important;
  line-height:1.25;
}
body.cosmic-inner .gdetail-info h1 .tag{
  padding:3px 8px !important;
  font-size:10px !important;
  border-radius:999px !important;
}
body.cosmic-inner .gdetail-info h1 button{
  margin-left:auto;
  background:rgba(124,58,237,.18) !important;
  border:1px solid rgba(255,211,107,.24) !important;
  color:#ffe9a8 !important;
}
body.cosmic-inner .gdetail-info > p{
  margin:0 0 14px !important;
  font-size:13.5px !important;
  line-height:1.65 !important;
  color:var(--ui-muted) !important;
}
body.cosmic-inner .gdetail .nums{
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-bottom:14px !important;
}
body.cosmic-inner .gdetail .nums span{
  padding:12px 14px !important;
  font-size:13px !important;
  line-height:1.5 !important;
  border-radius:12px !important;
}
body.cosmic-inner .gdetail .nums span[style*="grid-column"]{
  padding:11px 14px !important;
  font-size:12.5px !important;
  color:#ffe9a8 !important;
  background:rgba(255,211,107,.08) !important;
  border-color:rgba(255,211,107,.18) !important;
}
body.cosmic-inner .gd-claim{
  margin-top:4px !important;
  padding:20px 18px !important;
  border:1.5px dashed rgba(255,211,107,.45) !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(255,211,107,.10),rgba(20,22,44,.94)) !important;
}
body.cosmic-inner .gd-claim > div:first-child{
  font-size:21px !important;
  letter-spacing:.01em;
  color:#7ef0c0 !important;
}
body.cosmic-inner .gd-claim > div:last-child{
  margin-top:8px !important;
  font-size:13px !important;
  line-height:1.7 !important;
  color:#c9c6e8 !important;
}
body.cosmic-inner .gd-claim .cd{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  padding:4px 11px;
  margin-left:4px;
  border-radius:999px;
  background:rgba(255,77,109,.12);
  border:1px solid rgba(255,77,109,.28);
  color:#ff8fa3 !important;
  font-variant-numeric:tabular-nums;
  font-weight:900;
}
body.cosmic-inner .gd-claim-form{
  margin-top:4px !important;
  padding:0 !important;
}

/* ---------- 长文页 ---------- */
body.cosmic-inner .legal h2,
body.cosmic-inner .legal h3{color:#f5f3ff !important;}
body.cosmic-inner .legal p,
body.cosmic-inner .legal ul,
body.cosmic-inner .legal ol{color:#c9c6e8 !important;}
body.cosmic-inner .legal .muted{color:var(--ui-muted) !important;}

/* ---------- 个人中心 ---------- */
@media (min-width:901px){
  body.cosmic-inner .ac-layout{display:block !important;margin-top:12px !important;}
  body.cosmic-inner .ac-side{position:static !important;}
}
body.cosmic-inner .ac-av{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,211,107,.40) !important;
  box-shadow:0 6px 16px -8px rgba(0,0,0,.8) !important;
}
body.cosmic-inner .ac-exit{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:var(--ui-muted) !important;
}
body.cosmic-inner .ac-menu a:hover{background:rgba(255,255,255,.04) !important;}

/* ---------- 规则弹层 ---------- */
body.cosmic-inner #ngRulesModal{background:rgba(5,6,15,.74) !important;}
body.cosmic-inner #ngRulesBox{
  background:#0b0a20 !important;
  border:1px solid rgba(255,211,107,.22) !important;
  color:#ece9ff !important;
}
body.cosmic-inner #ngRulesTitle{color:#f5f3ff !important;}
body.cosmic-inner #ngRulesBody{color:#c9c6e8 !important;}
body.cosmic-inner #ngRulesModal button[aria-label="Close"]{
  background:rgba(255,255,255,.08) !important;
  color:#ece9ff !important;
}

/* ---------- 首充弹窗 ---------- */
body.cosmic-inner .ngfd-mask{background:rgba(5,6,15,.74) !important;}
body.cosmic-inner .ngfd-card{
  background:#0b0a20 !important;
  border:1px solid rgba(255,211,107,.22) !important;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.9) !important;
}
body.cosmic-inner .ngfd-top{
  background:
    radial-gradient(400px 180px at 80% -40%,rgba(255,255,255,.16),transparent 60%),
    linear-gradient(135deg,#4c1d95,#1e1b4b) !important;
}
body.cosmic-inner .ngfd-top::after{background:#0b0a20 !important;}
body.cosmic-inner .ngfd-amount{
  background:rgba(255,211,107,.08) !important;
  border-color:rgba(255,211,107,.40) !important;
  color:#ffe9a8 !important;
}
body.cosmic-inner .ngfd-amount b{color:#ffd36b !important;}
body.cosmic-inner .ngfd-free{color:#ff9f43 !important;}
body.cosmic-inner .ngfd-arrow{color:#ffd36b !important;}
body.cosmic-inner .ngfd-step{color:#c9c6e8 !important;}
body.cosmic-inner .ngfd-step i{
  background:linear-gradient(135deg,#ffe9a8,#f5a623) !important;
  color:#2a1800 !important;
}
body.cosmic-inner .ngfd-cta{
  background:linear-gradient(135deg,#ffe9a8,#f5a623) !important;
  color:#2a1800 !important;
}
body.cosmic-inner .ngfd-later{color:#7e7d9e !important;}

/* ---------- 中奖横幅 / 音乐按钮 ---------- */
body.cosmic-inner #winbanner{
  background:linear-gradient(135deg,#4c1d95,#1e1b4b) !important;
  border-color:rgba(255,211,107,.25) !important;
}
body.cosmic-inner #winbanner #winbanner-link{color:#ffd36b !important;}
body.cosmic-inner #bgmBtn{
  background:rgba(13,15,32,.92) !important;
  color:#ffd36b !important;
  border-color:rgba(255,211,107,.22) !important;
}

/* ============================================================
   游戏页：桌面媒体查询还在按视口宽度生效，但容器已经被压到 560
   → 这里强制回到手机单列，避免桌面规则把 560 的框挤爆
   ============================================================ */
body.cosmic-inner .dt-hero{
  display:block !important;
  padding:16px !important;
}
body.cosmic-inner .dt-head{display:block !important;}
body.cosmic-inner .dt-cd{font-size:30px !important;margin:0 !important;letter-spacing:2px !important;}
body.cosmic-inner .dt-result{
  display:block !important;
  margin:14px -16px -16px !important;
  padding:12px 16px 14px !important;
  border-radius:0 0 13px 13px !important;
  text-align:center !important;
}
/* 2026-10-27 老大：手机牌太大，改成跟随 .dt-card-stack 的尺寸，别把 92px 的框撑爆 */
body.cosmic-inner .dt-draw-side .cs-card{width:100% !important;height:100% !important;}
body.cosmic-inner .dt-custom{
  background:rgba(8,9,22,.92) !important;
  border-color:rgba(255,255,255,.12) !important;
}
body.cosmic-inner .dt-custom .clr{
  border-left-color:rgba(255,255,255,.10) !important;
  color:#9b9bb8 !important;
}
body.cosmic-inner #dt-submit.ready{
  background:linear-gradient(135deg,#ffe9a8,#f5a623) !important;
  color:#2a1800 !important;
}
body.cosmic-inner #dt-submit.dt-locked{
  background:rgba(255,255,255,.10) !important;
  color:#8b8fa8 !important;
}

/* Sic Bo：桌面两栏 → 手机单列 */
body.cosmic-inner #sb-grid2{flex-direction:column !important;align-items:stretch !important;gap:11px !important;}
body.cosmic-inner .sb-cw{display:contents !important;}
body.cosmic-inner .sb-left,
body.cosmic-inner .sb-right{flex:none !important;min-width:0 !important;width:100% !important;}
body.cosmic-inner .sb-cw > *{margin:0 !important;}
body.cosmic-inner .sb-cw > * + *{margin-top:11px !important;}
body.cosmic-inner #sb-grid2,
body.cosmic-inner #sb-flash{
  --bg:#0b0a20; --bg-ink:#070610;
  --card:rgba(20,22,44,.90); --card2:rgba(30,32,60,.90); --card3:rgba(40,42,80,.90);
  --gold:#ffd36b; --gold2:#f5a623; --gold-ink:#ffd36b;
  --red:#ff5b7f; --green:#34d399; --red-soft:#ff8aa3; --green-soft:#6ee7b7;
  --cyan:#38bdf8; --blue:#60a5fa; --sky:#7dd3fc; --violet:#a855f7;
  --pink:#f472b6; --orange:#fb923c; --lime:#bef264; --teal:#2dd4bf;
  --text:#ece9ff; --muted:#9b9bb8; --muted-strong:#c9c6e8;
  --border:rgba(255,211,107,.20); --radius:14px;
  --grad-gold:linear-gradient(135deg,#ffe9a8,#f5a623);
}

/* ============================================================
   内联浅色值归一（老页面里写死的白底/深字，逐条压成宇宙深色）
   ============================================================ */
html.dark.cosmic-inner-html [style*="background:#fff"],
html.dark.cosmic-inner-html [style*="background: #fff"],
html.dark.cosmic-inner-html [style*="background:#fafbfc"],
html.dark.cosmic-inner-html [style*="background: #fafbfc"],
html.dark.cosmic-inner-html [style*="background:#f8f9fa"],
html.dark.cosmic-inner-html [style*="background: #f8f9fa"],
html.dark.cosmic-inner-html [style*="background:#f0fff4"],
html.dark.cosmic-inner-html [style*="background: #f0fff4"],
html.dark.cosmic-inner-html [style*="background:#f8fff9"],
html.dark.cosmic-inner-html [style*="background: #f8fff9"],
html.dark.cosmic-inner-html [style*="background:#fff5f5"],
html.dark.cosmic-inner-html [style*="background: #fff5f5"],
html.dark.cosmic-inner-html [style*="background:#fff0f0"],
html.dark.cosmic-inner-html [style*="background: #fff0f0"],
html.dark.cosmic-inner-html [style*="background:#fff3cd"],
html.dark.cosmic-inner-html [style*="background: #fff3cd"],
html.dark.cosmic-inner-html [style*="background:#f1f5fe"],
html.dark.cosmic-inner-html [style*="background: #f1f5fe"],
html.dark.cosmic-inner-html [style*="background:#eef4ff"],
html.dark.cosmic-inner-html [style*="background: #eef4ff"],
html.dark.cosmic-inner-html [style*="background:#e9fbf0"],
html.dark.cosmic-inner-html [style*="background: #e9fbf0"],
html.dark.cosmic-inner-html [style*="background:#e7f9ef"],
html.dark.cosmic-inner-html [style*="background: #e7f9ef"],
html.dark.cosmic-inner-html [style*="background:#e8f4ff"],
html.dark.cosmic-inner-html [style*="background: #e8f4ff"],
html.dark.cosmic-inner-html [style*="background:#eafaf1"],
html.dark.cosmic-inner-html [style*="background: #eafaf1"],
html.dark.cosmic-inner-html [style*="#fffdf5"],
html.dark.cosmic-inner-html [style*="#fff8e1"]{
  background:rgba(20,22,44,.90) !important;
}

html.dark.cosmic-inner-html [style*="color:#666"],
html.dark.cosmic-inner-html [style*="color: #666"],
html.dark.cosmic-inner-html [style*="color:#555"],
html.dark.cosmic-inner-html [style*="color: #555"],
html.dark.cosmic-inner-html [style*="color:#344054"],
html.dark.cosmic-inner-html [style*="color: #344054"],
html.dark.cosmic-inner-html [style*="color:#4a5568"],
html.dark.cosmic-inner-html [style*="color: #4a5568"],
html.dark.cosmic-inner-html [style*="color:#667085"],
html.dark.cosmic-inner-html [style*="color: #667085"],
html.dark.cosmic-inner-html [style*="color:#98a2b3"],
html.dark.cosmic-inner-html [style*="color: #98a2b3"]{color:#c9c6e8 !important;}

html.dark.cosmic-inner-html [style*="color:#856404"],
html.dark.cosmic-inner-html [style*="color: #856404"],
html.dark.cosmic-inner-html [style*="color:#8a6100"],
html.dark.cosmic-inner-html [style*="color: #8a6100"],
html.dark.cosmic-inner-html [style*="color:#05603a"],
html.dark.cosmic-inner-html [style*="color: #05603a"],
html.dark.cosmic-inner-html [style*="color:#0b5c39"],
html.dark.cosmic-inner-html [style*="color: #0b5c39"]{color:#ffe9a8 !important;}

html.dark.cosmic-inner-html [style*="color:#064e3b"],
html.dark.cosmic-inner-html [style*="color: #064e3b"],
html.dark.cosmic-inner-html [style*="color:#0f9d63"],
html.dark.cosmic-inner-html [style*="color: #0f9d63"],
html.dark.cosmic-inner-html [style*="color:#0b7a4b"],
html.dark.cosmic-inner-html [style*="color: #0b7a4b"],
html.dark.cosmic-inner-html [style*="color:#15803d"],
html.dark.cosmic-inner-html [style*="color: #15803d"]{color:#7ef0a8 !important;}

html.dark.cosmic-inner-html [style*="color:#b91c1c"],
html.dark.cosmic-inner-html [style*="color: #b91c1c"]{color:#ffb3c1 !important;}
html.dark.cosmic-inner-html [style*="color:#1a73e8"],
html.dark.cosmic-inner-html [style*="color: #1a73e8"],
html.dark.cosmic-inner-html [style*="color:#2563eb"],
html.dark.cosmic-inner-html [style*="color: #2563eb"]{color:#7dd3fc !important;}

html.dark.cosmic-inner-html [style*="border:1px solid #ccc"],
html.dark.cosmic-inner-html [style*="border: 1px solid #ccc"],
html.dark.cosmic-inner-html [style*="border:1px solid #eee"],
html.dark.cosmic-inner-html [style*="border: 1px solid #eee"],
html.dark.cosmic-inner-html [style*="border:1px solid #ddd"],
html.dark.cosmic-inner-html [style*="border: 1px solid #ddd"],
html.dark.cosmic-inner-html [style*="border:1px solid #fecaca"],
html.dark.cosmic-inner-html [style*="border: 1px solid #fecaca"],
html.dark.cosmic-inner-html [style*="border:1px solid #ffeeba"],
html.dark.cosmic-inner-html [style*="border: 1px solid #ffeeba"],
html.dark.cosmic-inner-html [style*="border:1px solid #d4e0f7"],
html.dark.cosmic-inner-html [style*="border: 1px solid #d4e0f7"],
html.dark.cosmic-inner-html [style*="border:1px solid #b7eccd"],
html.dark.cosmic-inner-html [style*="border: 1px solid #b7eccd"],
html.dark.cosmic-inner-html [style*="border:1px solid #b7e4c7"],
html.dark.cosmic-inner-html [style*="border: 1px solid #b7e4c7"],
html.dark.cosmic-inner-html [style*="border:1px solid #f0dfae"],
html.dark.cosmic-inner-html [style*="border: 1px solid #f0dfae"],
html.dark.cosmic-inner-html [style*="border:1px solid #e8c44a"],
html.dark.cosmic-inner-html [style*="border: 1px solid #e8c44a"]{border-color:rgba(255,211,107,.24) !important;}

html.dark.cosmic-inner-html [style*="border:2px dashed #28a745"],
html.dark.cosmic-inner-html [style*="border: 2px dashed #28a745"]{border-color:rgba(255,211,107,.45) !important;}
html.dark.cosmic-inner-html [style*="border:2px solid #28a745"],
html.dark.cosmic-inner-html [style*="border: 2px solid #28a745"]{border-color:rgba(255,211,107,.45) !important;}

/* 手机：内容再收一点 */
@media (max-width:420px){
  body.cosmic-inner .wrap{padding-left:10px !important;padding-right:10px !important;}
  body.cosmic-inner .ui-ph-t{font-size:22px !important;}
  body.cosmic-inner .panel{padding:14px !important;border-radius:16px !important;}
}
/* 390 这一档放得下完整 9jaWin，别只剩一个 9；≤360 再收 */
@media (min-width:361px) and (max-width:400px){
  body.cosmic-inner .logo-txt{display:inline !important;}
}

/* 🖼 商品详情双图切换（2026-10-27 iPhone 福利两张图）
   缩略图在上，主图在下；左右箭头 + 手机滑动切换 */
.gd-thumbs{display:flex;gap:8px;margin:0 0 10px;}
.gd-thumb{flex:0 0 76px;height:76px;padding:0;border:2px solid rgba(255,255,255,.18);
  border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;
  transition:border-color .15s,transform .15s,box-shadow .15s;}
.gd-thumb:hover{transform:translateY(-1px);}
.gd-thumb.on{border-color:#f5c451;box-shadow:0 0 0 1px rgba(245,196,81,.35);}
.gd-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.gd-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;
  border:none;border-radius:50%;background:rgba(0,0,0,.08);color:#333;font-size:26px;
  line-height:1;align-items:center;justify-content:center;cursor:pointer;z-index:2;
  transition:background .15s,transform .15s;padding:0;}
.gd-nav:hover{background:rgba(0,0,0,.15);}
.gd-prev{left:12px;display:none;}
.gd-next{right:12px;display:flex;}
@media (max-width:480px){
  .gd-thumb{flex-basis:64px;height:64px;border-radius:12px;}
  .gd-nav{width:36px;height:36px;font-size:22px;}
  .gd-prev{left:8px;}
  .gd-next{right:8px;}
}