/**
 * 全局浅色主题：白底黑字，按钮/图标/面板统一协调
 * 放在其他业务 CSS 之后引入，用于覆盖深色主题残留
 */
:root {
  --bg-page: #f5f6f8;
  --bg-surface: #ffffff;
  --bg-muted: #f0f1f3;
  --bg-soft: #eef0f3;
  --text-primary: #1a1a1a;
  --text-secondary: #555555;
  --text-muted: #888888;
  --border: #e5e7eb;
  --border-strong: #d1d5db;
  --accent: #9a6b2f;
  --accent-hover: #7d5624;
  --btn-primary: #9a6b2f;
  --btn-primary-text: #1a1a1a;
  --btn-soft: #f0f1f3;
  --link: #2563eb;
  --success: #16a34a;
  --danger: #e11d48;
  --warning: #d97706;
  --nav-bg: #ffffff;
  --nav-inactive: #8a8f98;
  --nav-active: #9a6b2f;
  --gold-brown: #9a6b2f;
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-strong: 0 8px 24px rgba(0, 0, 0, 0.08);
  --icon-blue-filter: brightness(0) saturate(100%) invert(39%) sepia(98%) saturate(1800%) hue-rotate(200deg) brightness(98%) contrast(101%);
}

html,
body {
  background: var(--bg-page) !important;
  color: var(--text-primary) !important;
}

a {
  color: var(--text-primary);
}

/* ---------- 底部导航 ---------- */
.nav-com1 {
  background: var(--nav-bg) !important;
  border-top: 1px solid var(--border);
  filter: none !important;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.04);
}

.nav-com1 a {
  color: var(--nav-inactive) !important;
}

.nav-com1 a.active,
.nav-com1 li .active {
  color: var(--nav-active) !important;
}

.nav-com1 a p {
  color: inherit;
}

/* ---------- 通用面板 / 卡片 ---------- */
.ye-bottom,
.usercard,
.wx_cfb_ac_fund_detail,
.money,
.bottom,
.card,
#tips,
.page-head,
.toptitle {
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow);
}

.yz-rs-2,
.user-account dd,
.user-account dd p strong,
.user-account dd p em {
  color: var(--text-primary) !important;
}

.yz-rs-1,
.zxl-1,
.zxl > span,
.key,
.tip,
.stat {
  color: var(--text-muted) !important;
}

/* ---------- 首页 ---------- */
#app,
#wrap {
  background: var(--bg-page) !important;
  background-image: none !important;
}

.toptitle {
  border-bottom: 1px solid var(--border);
}

.toptitle .icon-jinbiduihuan,
.icon-jinbiduihuan {
  color: var(--warning) !important;
}

.topright a,
.topright span,
.top2,
.top2 .top2-1,
.money div p span,
.money-right a,
.money .money-a,
.bottom a,
.userinfo .right {
  color: var(--text-primary) !important;
}

.top2 .top2-2 {
  background: var(--bg-muted) !important;
  color: var(--text-secondary) !important;
}

.scroll-tip {
  background: var(--bg-soft) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border);
}

.scroll-tip .laba-icon,
.scroll-tip .marquee-track span {
  color: var(--text-secondary) !important;
}

.scroll-tip .marquee-empty {
  color: var(--text-muted) !important;
}

.swiper-pagination-bullet-active {
  background: var(--accent) !important;
}

.room ul li a {
  background-color: #404143 !important;
  color: gold !important;
  border: 1px solid goldenrod !important;
  font-size: 0.24rem !important;
  font-weight: normal !important;
}

/* 游戏分类图标改用文字样式，勿覆盖 background-image / 文字渐变 */

/* ---------- 用户中心 ---------- */
.wx_cfb_ac_fund_detail {
  background: var(--bg-surface) !important;
  box-shadow: var(--shadow-strong) !important;
}

.wx_cfb_ac_fund_detail .user_txt,
.wx_cfb_ac_fund_detail .user_txt .name,
.wx_cfb_entry_list .entry_item {
  color: var(--text-primary) !important;
}

.wx_cfb_ac_fund_detail .user_txt .medal_level,
.wx_cfb_entry_list .entry_tips .num,
.wx_cfb_ac_award_detail .award_info_hd {
  color: var(--warning) !important;
}

.wx_cfb_ac_fund_detail .user_info .manipulate a,
.wx_cfb_account_center_container .wx_cfb_ac_fund_detail .user_info .manipulate a {
  color: var(--btn-primary-text) !important;
  background: var(--btn-primary) !important;
}

.money-right a {
  color: var(--text-primary) !important;
}

.fund_info .kv_item .val {
  color: var(--text-primary) !important;
}

.fund_info .kv_item .key {
  color: var(--text-muted) !important;
}

.bottom a {
  border-bottom-color: var(--border) !important;
}

.bottom a:last-child {
  border-bottom: none !important;
}

/* ---------- 代理页 ---------- */
.page-head a,
.card h3,
.tip strong,
.stat b,
#tips .title {
  color: var(--accent) !important;
}

.link-row {
  background: var(--bg-muted) !important;
  border: 1px solid var(--border) !important;
}

.link-row p,
#tips .content {
  color: var(--text-secondary) !important;
}

.btn-copy,
#tips .enterbtn,
.enterbtn,
.login_btn,
.goregister {
  background: var(--btn-primary) !important;
  color: var(--btn-primary-text) !important;
  box-shadow: none !important;
  border: none;
}

.goregister a {
  color: var(--btn-primary-text) !important;
}

/* ---------- 登录 / 注册 ---------- */
.container {
  background-image: none !important;
  background: var(--bg-page) !important;
}

.input {
  background-color: var(--bg-surface) !important;
  border: 1px solid var(--border-strong) !important;
  box-shadow: var(--shadow);
}

.input input,
.input input:focus,
.input input::placeholder {
  color: var(--text-primary) !important;
  caret-color: var(--text-primary) !important;
  background-color: transparent !important;
}

.input input::placeholder {
  color: var(--text-muted) !important;
}

.input input:-webkit-autofill {
  -webkit-text-fill-color: var(--text-primary) !important;
}

/* ---------- 游戏房间 ---------- */
.wrap,
.game-wrap,
.chat-wrap,
.tool-bar,
.bet-panel,
.top-bar {
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
}

/* index.css / game2.css 常见深色块 */
body > .main,
.header,
.footer-bar,
.game-top,
.game-bottom,
.msg-list,
.chatbox,
.btn-group,
.panel,
.modal-content {
  color: var(--text-primary);
}

/* 主操作按钮：统一黑底白字 */
.mini-btn,
.middle-btn,
.big-btn,
.bet-btn,
.send-btn:not(.disabled),
.confirm-btn,
.ui-btn-primary {
  background: var(--btn-primary) !important;
  color: var(--btn-primary-text) !important;
  border-color: var(--btn-primary) !important;
}

/* 次要按钮 */
.ui-btn-ghost,
.cancel-btn,
.btn-cancel {
  background: var(--btn-soft) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border) !important;
}

/* 金/渐变残留 → 深色实体 */
[style*="linear-gradient(180deg, #b99d4f"],
[style*="linear-gradient(180deg, #b3933c"],
[style*="linear-gradient(180deg, #f1be3d"],
[style*="linear-gradient(180deg, #b1923c"] {
  background: var(--btn-primary) !important;
  color: var(--btn-primary-text) !important;
}

/* ---------- 表单控件 ---------- */
input,
textarea,
select {
  color: var(--text-primary);
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select {
  background: var(--bg-surface);
  border-color: var(--border);
}

/* ---------- 图标默认色 ---------- */
.iconfont {
  color: inherit;
}

.nav-com1 .iconfont {
  font-size: 20px;
}

/* 危险/成功保留语义色，保证可读 */
.text-danger,
.danger,
.red {
  color: var(--danger) !important;
}

.text-success,
.success,
.green {
  color: var(--success) !important;
}

.text-link,
.zxl-2 {
  color: var(--link) !important;
}

/* ---------- 游戏房间补充 ---------- */
.text-introduce,
.zoushi,
.record-list,
.game-box {
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border);
}

.infuse {
  background: #e8d5b5 !important;
  color: var(--text-primary) !important;
  border: none !important;
  border-top: 1px solid #d4b896 !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 10000 !important;
  height: auto !important;
  min-height: .9rem !important;
  padding: .15rem 0 .2rem !important;
  box-sizing: border-box !important;
}

.txtbet,
.txtbet.on,
.sendemaill {
  background: #9a6b2f !important;
  color: #ffffff !important;
  border: 1px solid #9a6b2f !important;
}

/* 快捷下注面板选项：原黑蓝底改为金褐色 */
.btn-box .btn,
.btn-box .btn .h5 {
  background: #9a6b2f !important;
  color: #1a1a1a !important;
}

/* 选中玩法/数字：黄色高亮（勿被上方金褐色覆盖） */
.btn-box .btn.on,
.btn-box .btn.on .h5,
.btn-box .btn.on h5,
.btn.on .h5 {
  background: #f5c542 !important;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffe066), to(#e6b422)) !important;
  color: #1a1a1a !important;
}

.btn-box .btn.on em,
.btn.on .h5 em,
.btn.on .h5 p,
.btn.on .h5 h5 {
  color: #1a1a1a !important;
}

.date-list li {
  background: var(--bg-muted) !important;
  color: var(--text-primary) !important;
}

.data-list-active,
.game-hd-ul-li a.on,
.game-hd-ul-li.on > a,
.infuse .clearnum,
.infuse .confirm-pour {
  background: var(--btn-primary) !important;
  color: var(--btn-primary-text) !important;
}

.game-hd-ul-li a {
  color: var(--text-primary) !important;
}

.infuse em {
  color: var(--text-primary) !important;
}

.table-list,
.tile,
thead tr th {
  background: var(--bg-muted) !important;
  color: var(--text-primary) !important;
}

.chedan {
  background: var(--danger) !important;
  color: #fff !important;
}

/* 用户页表格 */
.wx_cfb_entry_list table tbody td,
.wx_cfb_entry_list table thead th,
.wx_cfb_entry_list table tbody tr {
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
}

.tab-list {
  background: var(--bg-surface) !important;
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* ---------- 原黑底统一为金褐色 ---------- */
.top-title {
  background: var(--gold-brown) !important;
  color: #1a1a1a !important;
}
.top-title p {
  color: #1a1a1a !important;
  font-weight: 600;
}
.top-title a {
  filter: brightness(0);
}

.login_btn,
.btn-copy,
.sub-btn,
.enterbtn,
#tips .enterbtn,
.goregister,
.data-list-active,
.infuse .clearnum,
.infuse .confirm-pour,
.game-hd-ul-li a.on,
.game-hd-ul-li.on > a {
  background: var(--gold-brown) !important;
  color: #1a1a1a !important;
  border-color: var(--gold-brown) !important;
}

.goregister a {
  color: #1a1a1a !important;
}

/* ---------- 充值 / 提现图标统一蓝色 ---------- */
img[src*="chongzhi"],
img[src*="tixian"],
img[src*="chongzhihome"],
img[src*="tixianhome"],
img[src*="1012.png"],
img[src*="1013.png"],
.money-right a img,
.manipulate a img {
  filter: var(--icon-blue-filter) !important;
}

/* ---------- 下注界面：黑字 + 蓝图标 ---------- */
.chat_box {
  background: #e8d5b5 !important;
}

.chat_box .top,
.chat_box .chat_button,
.user_messages,
.game-box,
.game-bd,
.infuse,
.menu_list,
.rank-tit,
.rank-tit span,
.rank-tit span.change,
.game-hd-ul-li a,
.btn-box .btn,
.btn-box .btn .h5,
.btn-box .btn h5,
.btn-grounp .btn em,
.infuse .clearnum,
.infuse .confirm-pour,
.infuse em,
.input_box,
.menu_list .content,
#wrap .item .right .bottom,
#wrap .item .me_left .bottom,
#wrap ul li .center .chat_info {
  color: #1a1a1a !important;
}

.rank-tit span.change {
  background-image: none !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

.chat_box .top img,
.menu_list ul li .lw-c img,
.game-box .close img,
.chat_box .chat_button .menu_list_a,
.chat_box .chat_button .list_a a {
  filter: var(--icon-blue-filter) !important;
}

/* 记录 / 走势 / 规则 / 客服：黑底图改为金褐色底（黑透出底色，白字保留） */
.chat_box .top > div > a {
  display: block;
  background: #9a6b2f !important;
  border-radius: 999px;
  overflow: hidden;
  line-height: 0;
}
.chat_box .top > div > a img {
  filter: none !important;
  mix-blend-mode: lighten;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.chat_box .chat_button .input_box {
  color: #1a1a1a !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
}

.chat_button input::-webkit-input-placeholder {
  color: #888888 !important;
}

.chat_box .chat_button .sendemaill,
.chat_box .sendemaill,
input.sendemaill,
.sendemaill {
  background: #9a6b2f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.infuse .clearnum,
.infuse .confirm-pour,
.pour-info .sub-btn a.confirm,
.game-tit a.close {
  background: #9a6b2f !important;
  color: #1a1a1a !important;
}