/**
 * 永利国际 - 白底黑字 + 金褐色主题
 */
:root {
  --yl-bg: #ffffff;
  --yl-bg-soft: #f8f6f2;
  --yl-bg-muted: #f0ebe3;
  --yl-text: #1a1a1a;
  --yl-text-secondary: #4a4a4a;
  --yl-text-muted: #888888;
  --yl-gold: #a67c00;
  --yl-gold-dark: #8b6914;
  --yl-gold-light: #d4a84b;
  --yl-gold-pale: #f5e6c8;
  --yl-border: #e8e0d4;
  --yl-gradient: linear-gradient(180deg, #c9a227 0%, #8b6914 100%);
  --yl-gradient-btn: linear-gradient(30deg, rgba(201, 162, 39, 0.95), rgba(245, 220, 160, 0.97));
}

/* 全局基础 */
body {
  background: var(--yl-bg) !important;
  color: var(--yl-text) !important;
}

a {
  color: var(--yl-gold);
}

a:hover {
  color: var(--yl-gold-dark);
}

/* 登录/注册页白底 */
body.sigin,
body.sigin #content-wrap,
body.sigin .main {
  background: #ffffff !important;
  background-image: none !important;
}
#content-wrap,
#wrap,
#betlog {
  background: var(--yl-bg) !important;
}

body {
  background: var(--yl-bg) !important;
}

#betlog {
  background: var(--yl-bg) !important;
}

/* 深色面板 → 浅色卡片 */
[style*="background: #151e34"],
[style*="background:#151e34"],
[style*="background: #1c2641"],
[style*="background:#1c2641"],
[style*="background: #0d0d0f"],
[style*="background:#0d0d0f"],
[style*="background: #1c1c22"],
[style*="background:#1c1c22"],
[style*="background: #202a41"],
[style*="background:#202a41"] {
  background: var(--yl-bg-soft) !important;
}

/* 页头/底栏 */
.toptitle,
.chat_box,
.ye-bottom,
.mod_footer,
.wx_cfb_footer {
  background: var(--yl-bg) !important;
  border-color: var(--yl-border) !important;
}

/* 深色卡片 → 浅金边卡片 */
.usercard,
.scroll-tip {
  background: var(--yl-bg-muted) !important;
  border: 1px solid var(--yl-border) !important;
}

.scroll-tip,
.scroll-tip .laba-icon,
.scroll-tip .xf-marquee-track,
.scroll-tip .xf-marquee-track span {
  color: var(--yl-gold-dark) !important;
}

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

/* 白字在浅底上 → 深色字 */
.toptitle .topright a,
.toptitle .topright span,
.user-account dd,
.user-account dd p strong,
.user-account dd p em,
.usercard > div > div,
.wx_cfb_container .kv_item .val,
.wx_cfb_container .key {
  color: var(--yl-text) !important;
}

.toptitle .topright > span {
  background: var(--yl-bg-muted) !important;
  border: 1px solid var(--yl-border) !important;
}

.toptitle .topright a {
  color: var(--yl-text) !important;
  background: var(--yl-gradient-btn) !important;
}

.toptitle .topright a:active {
  color: var(--yl-gold-dark) !important;
}

.toptitle .icon-jinbiduihuan {
  color: var(--yl-gold) !important;
}

/* 蓝色强调 → 金褐色 */
.zxl-1 .zxl-2,
.ye-bottom .zxl-2 {
  color: var(--yl-gold) !important;
}

/* 分享/弹窗 */
#share,
#tips {
  background-color: var(--yl-bg) !important;
  color: var(--yl-text) !important;
  border: 1px solid var(--yl-border) !important;
  box-shadow: 0 4px 24px rgba(139, 105, 20, 0.15) !important;
}

#share .left,
#share .right,
.share-bottom .btn,
.close {
  color: var(--yl-gold-dark) !important;
}

/* 公告 */
#notic {
  background: var(--yl-bg) !important;
  border: 1px solid var(--yl-border) !important;
}

#notic .notic-title {
  background: var(--yl-gradient) !important;
  color: #fff !important;
}

/* 底部导航 */
.wx_cfb_footer_nav a,
.wx_cfb_footer_nav .nav_item {
  color: var(--yl-text-secondary) !important;
}

.wx_cfb_footer_nav a.active,
.wx_cfb_footer_nav .nav_item.active {
  color: var(--yl-gold) !important;
}

/* 用户中心 */
.wx_cfb_ac_fund_detail,
.wx_cfb_container .kv_item_box,
.mod_header {
  background-color: var(--yl-bg-soft) !important;
  color: var(--yl-text) !important;
}

.mod_header {
  background: var(--yl-gradient) !important;
}

.mod_header .head_txt {
  color: #fff !important;
}

/* 表格/列表 */
.list-table thead,
.wx_cfb_bet_list .list_hd {
  background: var(--yl-bg-muted) !important;
  color: var(--yl-text) !important;
}

/* 输入框 */
.input,
.tp-ui-text-base input,
.signin-form-text {
  background-color: var(--yl-bg) !important;
  border-color: var(--yl-border) !important;
  color: var(--yl-text) !important;
}

.input input,
.input input::placeholder,
.input input:focus,
.input input:-webkit-autofill {
  color: var(--yl-text) !important;
  -webkit-text-fill-color: var(--yl-text) !important;
}

/* 按钮 */
.login_btn,
.goregister,
.deault5,
.enterbtn {
  background: var(--yl-gradient-btn) !important;
  color: var(--yl-text) !important;
}

/* 游戏聊天气泡 - 管理员/机器人统一金褐底白字 */
#wrap ul li .center .chat_info,
#wrap .item .right .bottom,
#wrap .item .me_left .bottom,
#wrap ul li .distinguish {
  background-color: #8b6914 !important;
  color: #fff !important;
}

#wrap ul li .center .chat_info,
#wrap ul li .distinguish .chat_info,
#wrap .item .right .bottom p,
#wrap .item .me_left .bottom p {
  color: #fff !important;
}

#wrap ul li .distinguish .username,
#wrap ul li .distinguish .username span {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* 投注页顶部开奖区压缩，留出更多聊天空间 */
.list_div_28 {
  background: linear-gradient(180deg, #6b4e2a 0%, #4a3820 100%) !important;
  padding: 0 2% 0.08rem !important;
}

.list_div_28 .list_b {
  height: 1.05rem !important;
  padding: 0.12rem 0.15rem !important;
  margin: 0.06rem 0 !important;
}

.list_div_28 .list_a ul {
  padding-top: 0.08rem !important;
}

/* 首页游戏 Tab - 保持原 PNG 图标，底色已在图片中改为金额色 */

/* 快捷投注区 */
.txtbet {
  background: linear-gradient(180deg, #e8d5a8, #d4a84b) !important;
  color: #4a3520 !important;
  border-color: #c9a227 !important;
}

.txtbet.on {
  background: linear-gradient(180deg, #c9a227, #8b6914) !important;
  color: #fff !important;
}

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

.chat_box {
  height: auto !important;
  min-height: 0 !important;
  padding: 0.02rem 0.1rem 0.05rem !important;
  max-height: none !important;
}

.chat_box form {
  margin: 0 !important;
  padding: 0 !important;
  display: block;
}

.chat_box .top {
  display: flex;
  padding: 0 .06rem;
  justify-content: space-between;
  margin-bottom: 0 !important;
  line-height: 0;
}

.chat_box .top div {
  flex: 1;
  text-align: center;
  height: 0.38rem;
  min-height: 0.38rem;
  line-height: 0;
}

.chat_box .top div a {
  display: block;
  width: 100%;
  height: 0.38rem;
  line-height: 0.38rem;
  background: transparent !important;
  border: none !important;
  padding: 0;
  margin: 0;
}

/* 快捷投注上方：原布局 + 金褐色图标 */
.chat_box .top div a img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  display: block;
  filter: brightness(0) saturate(100%) invert(48%) sepia(45%) saturate(900%) hue-rotate(8deg) brightness(0.88) !important;
}

.chat_box .chat_button {
  height: auto !important;
  min-height: 0.68rem !important;
  margin-top: 0 !important;
  padding: 0 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  box-sizing: border-box;
}

.chat_box .touzu.rbox,
.chat_box .user_messages {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.chat_box .user_messages .txtbet {
  flex: 0 0 auto;
  float: none !important;
  width: auto;
  min-width: 0.9rem;
  height: 0.64rem !important;
  line-height: 1.1 !important;
  margin-left: 0.12rem;
  margin-right: 0.04rem;
  padding: 0.02rem 0.1rem;
  box-sizing: border-box;
}

.chat_box .chat_button .input_box {
  flex: 1 1 auto;
  width: auto !important;
  float: none !important;
  margin-left: 0 !important;
  height: 0.64rem !important;
  min-width: 0;
  box-sizing: border-box;
}

.chat_box .chat_button .sendemaill,
.chat_box .sendemaill {
  flex: 0 0 15%;
  width: 15% !important;
  max-width: 15%;
  float: none !important;
  height: 0.64rem !important;
  margin-left: 0.04rem !important;
  box-sizing: border-box;
  padding: 0;
  line-height: 0.64rem;
}

/* 投注明细 */
.bets-detail-page,
.bets-detail-page #betlog,
.bets-detail-page table,
.bets-detail-page .tile,
.bets-detail-page .page,
.bets-detail-page .zwjl {
  background: #ffffff !important;
}

.bets-detail-page table,
.bets-detail-page td,
.bets-detail-page th {
  border-color: #e8e0d4 !important;
  background: #ffffff !important;
  color: #1a1a1a !important;
}

.bets-detail-page .wx_cfb_entry_list table thead th {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

.bets-detail-page .wx_cfb_entry_list table tbody tr {
  background: #ffffff !important;
}

/* 游戏内投注记录弹层 */
.record-list,
.record-list #betlog,
.record-list .table-list,
.record-list .table-list caption,
.record-list .table-list th,
.record-list .table-list td,
.record-list .tile {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

.bets-detail-page .wx_cfb_entry_list table tbody td.chedan {
  font-size: 1.1rem !important;
  line-height: 1.3 !important;
  padding: 0.35rem 0.4rem !important;
  min-width: 3.6rem;
  white-space: nowrap;
}

.bets-detail-page .page button {
  padding: 0.22rem 0.55rem !important;
  font-size: 1.05rem !important;
  min-width: 3.2rem;
}

/* 投注弹层取消/确定按钮统一 */
.pour-info .sub-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2%;
  box-sizing: border-box;
}

.pour-info .sub-btn a {
  flex: 1;
  width: auto !important;
  height: 44px !important;
  line-height: 44px !important;
  font-size: 15px !important;
  margin: 0 3% !important;
  box-sizing: border-box;
}

.keybord_div em.c2 {
  background: linear-gradient(180deg, #c9a227, #8b6914) !important;
  color: #fff !important;
}

.game-hd-ul-li {
  background: linear-gradient(180deg, #8b7355, #5c4620) !important;
}

.game-hd-ul-li a {
  color: #fff !important;
}

.sendemaill {
  background: linear-gradient(180deg, #b3933c, #ddc784) !important;
  color: #1a1a1a !important;
  border-color: #c9a227 !important;
}

.infuse em {
  color: #8b6914 !important;
}

.text-introduce {
  color: #1a1a1a !important;
}

/* swiper */
.swiper-pagination-bullet-active {
  background: var(--yl-gold) !important;
}

.swiper-pagination-bullet {
  background: var(--yl-border) !important;
}

/* layer 弹层 */
.layui-layer-title {
  background: var(--yl-gradient) !important;
  color: #fff !important;
}

.layui-layer-content {
  background-color: var(--yl-bg) !important;
  color: var(--yl-text) !important;
}

/* 首页 app 背景 */
#app {
  background: var(--yl-bg-soft) !important;
}

/* 用户中心底部导航 */
.wx_cfb_footer_wrap,
.wx_cfb_footer {
  background: #ffffff !important;
  border-top: 1px solid var(--yl-border) !important;
}

.wx_cfb_footer_nav .item,
.wx_cfb_footer_nav a {
  color: var(--yl-text-secondary) !important;
}

.wx_cfb_footer_nav .item.active,
.wx_cfb_footer_nav a.active,
.wx_cfb_footer_nav .on {
  color: var(--yl-gold) !important;
}

/* 列表页表头 */
.wx_cfb_entry_list table thead th,
.tile,
.tab-list {
  color: var(--yl-text) !important;
}

/* 充值提现页 */
.recharge-wrap input,
.tx-wrap input {
  color: var(--yl-text) !important;
  background: var(--yl-bg) !important;
}

/* 充值/提现页 header 资产卡片 - 白底黑字 */
body[style*="background: #ffffff"] .wx_cfb_container .kv_tb_list .val,
body[style*="background:#ffffff"] .wx_cfb_container .kv_tb_list .val {
  color: #1a1a1a !important;
}

body[style*="background: #ffffff"] .wx_cfb_container .kv_tb_list .key,
body[style*="background:#ffffff"] .wx_cfb_container .kv_tb_list .key {
  color: #666666 !important;
}

body[style*="background: #ffffff"] .money-right a,
body[style*="background:#ffffff"] .money-right a {
  color: #1a1a1a !important;
}

body[style*="background: #ffffff"] .money-right img,
body[style*="background:#ffffff"] .money-right img {
  filter: brightness(0) !important;
}

/* iconfont 在浅底上 */
.iconfont {
  color: inherit;
}

/* 我的页面深蓝功能图标 */
.user-mine-icons img,
.money .money-a img,
.money-right img[src*="chongzhi"],
.money-right img[src*="tixian"] {
  filter: brightness(0) saturate(100%) invert(18%) sepia(55%) saturate(2200%) hue-rotate(196deg) brightness(0.45) !important;
}

.user-mine-page .bottom .iconfont {
  color: #1a3d6e !important;
}

.profile-page body,
body.profile-light {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

.toptitle .iconfont,
.usercard .iconfont {
  color: var(--yl-gold) !important;
}

/* footer */
footer,
.ye-footer {
  background: var(--yl-bg) !important;
  color: var(--yl-text-secondary) !important;
  border-top: 1px solid var(--yl-border) !important;
}