/* theme-red.css — 红色浅色主题组件覆盖层（叠在 color1 / main / style1 之上） */
:root {
  --xy_red: #C8161D;
  --xy_red_light: #E0353C;
  --xy_red_dark: #A01419;
  --xy_accent_gold: #F5D595;
}

/* ---------- 顶栏图标：白（覆盖 mask 金色/红色） ---------- */
.header .cs_selector_btn img,
.header .cs_or_wallet img[src*="cs.png"],
.header .menu_notification img[src*="notification.png"],
.header .subpage_backurl img[src*="arrow_left.png"],
.subpage_header .subpage_backurl img[src*="arrow_left.png"] {
  background-color: #fff !important;
}

/* ---------- 顶栏：红底白字 ---------- */
.header,
.header.appbar_tab1,
.header.appbar_tab2,
.header.appbar_tab3,
.header.appbar_tab4,
.header.appbar_tab5 {
  background: var(--xy_red) !important;
  border-bottom: none !important;
  color: #fff !important;
}

.header .title,
.header .page_header_title,
.header .block_content .title,
.header.appbar_tab1 .title.page_header_title,
body.xy-bind-gold .page_header_title,
body.xy-bind-gold .header.appbar_tab1 .title.page_header_title,
body:has(.promo_category_menu) .page_header_title,
body:has(.promo_category_menu) .header.appbar_tab1 .title.page_header_title,
body:has(.promo_detail_page) .page_header_title,
body:has(.promo_detail_page) .header.appbar_tab1 .title.page_header_title,
body:has(.type_menu.wallet_menu) .page_header_title,
body:has(.xy-apply-list) .page_header_title,
body:has(.announce_list) .page_header_title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ---------- 底栏：红底；放开 main.css 24px 约束，图标文字贴边居中 ---------- */
/* 外层 footer(55) 与内层 .footer(52) 不一致会露出底部灰缝 */
footer {
  min-height: 52px !important;
  height: auto !important;
  background: var(--xy_red) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  line-height: 0 !important;
  bottom: 0 !important;
}

footer.footer,
footer .footer,
.footer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: space-around !important;
  background: var(--xy_red) !important;
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 !important;
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  margin: 0 !important;
  box-sizing: content-box !important;
  border: none !important;
}

.footer .block_content {
  flex: 1 1 0 !important;
  width: auto !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.footer .block_content a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  padding: 2px 0 !important;
  gap: 2px !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* 覆盖 main.css 的 24px 图标尺寸 */
.footer .block_content img,
.footer .block_content a img,
.footer .block_content img[src*="nav_"] {
  display: block !important;
  flex: none !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 0 !important;
  padding-top: 32px !important;
  margin: 0 auto !important;
  background-color: #fff !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  transform: none !important;
  object-fit: contain !important;
}

.footer svg,
.footer .block_content svg {
  flex: none !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
}

.footer .block_content a div[class^="icon"] {
  margin-bottom: 0 !important;
  line-height: 1 !important;
  font-size: 32px !important;
}

.footer .block_content a div[class^="icon"]:before {
  font-size: 32px !important;
  line-height: 1 !important;
}

.footer .block_content a.active,
.footer .block_content a.active div[class^="icon"]:before {
  color: var(--xy_accent_gold) !important;
  background: transparent !important;
  border: none !important;
  font-weight: 400 !important;
}

.footer .block_content a.active img {
  background-color: var(--xy_accent_gold) !important;
}

.footer .block_content a:hover:not(.active) {
  color: #fff !important;
}

.footer .block_content a:hover:not(.active) img {
  background-color: #fff !important;
}

/* ---------- 首页游戏卡片底部名称：保留原弧形小条，改为红底白字 ---------- */
.game_item .game_type {
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  isolation: isolate;
  /* 尺寸/位置沿用 main1.css，不改宽高 */
}

.game_item .game_type::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  background-color: var(--xy_red);
  -webkit-mask-image: url("../style/vendorname_bg.png");
  mask-image: url("../style/vendorname_bg.png");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.game_item .game_type,
.game_item .game_type * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ---------- 首页右侧游戏图：完整显示，不裁切 ---------- */
.game_item,
.game_list_item .game_item,
.game_list_item[data-varCount="1"] .game_item,
.game_list_item[data-varCount="2"] .game_item,
.game_list_item[data-varCount="3"] .game_item,
.game_list_item[data-varCount="4"] .game_item,
.game_list_item[data-varCount="5"] .game_item,
.game_list_item[data-varCount="6"] .game_item,
.game_list_item[data-varCount="7"] .game_item {
  height: auto !important;
  overflow: hidden !important; /* 仅圆角裁边；高度随图，不再裁底 */
  position: relative;
}

/* 只改主图，勿动 .game_type 内隐藏的同 src 图 */
.game_item > a img.vgc_img,
.game_item a img.vgc_img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  max-width: 100%;
}

.game_item .game_type img {
  display: none !important;
}

.game_list_item > div {
  height: auto !important;
  min-height: 0 !important;
  align-items: flex-start !important;
}

@media (max-width: 320px) {
  .game_list_item[data-varCount="1"] .game_item,
  .game_list_item[data-varCount="2"] .game_item,
  .game_list_item[data-varCount="4"] .game_item,
  .game_list_item[data-varCount="7"] .game_item {
    height: auto !important;
  }
}

/* ---------- 首页账户条：红底白字白图标 ---------- */
.index_sub_profile {
  background: var(--xy_red) !important;
  border: none !important;
  border-radius: 8px !important;
  overflow: hidden;
}

.index_sub_profile_left,
.index_sub_profile_right {
  background: transparent !important;
}

/* 登录/注册：字号加大，不加粗 */
.index_sub_profile .left .before_login {
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.5px;
}

.index_sub_profile .left .before_login .login_text,
.index_sub_profile .left .before_login .register_text,
.index_sub_profile .left .before_login .slash_text {
  font-size: 17px !important;
  font-weight: 400 !important;
}

.index_sub_profile .right .item img {
  background-color: #fff !important;
}

.index_sub_profile .right .item a:hover img {
  background-color: var(--xy_accent_gold) !important;
}

.index_sub_profile .right .item a:hover div {
  color: var(--xy_accent_gold) !important;
}

/* ---------- 公告条：浅灰底，红「公告」 ---------- */
.index_announcement_area {
  background: #f2f2f2 !important;
  border: none !important;
}

.index_announcement_area .title {
  color: var(--xy_red) !important;
  background: transparent !important;
}

.marquee_title_img {
  background-color: var(--xy_red) !important;
}

/* ---------- 分类侧栏：白底 / 红选中；图标文字占满格子 ---------- */
.game_menu {
  gap: 6px !important;
}

.game_menu_item {
  background: #fff !important;
  color: #333 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  margin: 0 !important;
  padding: 0 4px !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.game_menu_item > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  gap: 4px;
  font-size: 15px !important;
  font-weight: 400 !important;
}

.game_menu_item img {
  background-color: var(--xy_red) !important;
  width: 30px !important;
  padding-top: 30px !important;
  margin-right: 0 !important;
  flex-shrink: 0;
}

.game_menu_item.active {
  background: var(--xy_red) !important;
  color: #fff !important;
  border: none !important;
}

.game_menu_item.active img {
  background-color: #fff !important;
  transform: scale(1.08) !important;
}

.game_menu_item:hover:not(.active) {
  background: #fff !important;
  color: #333 !important;
}

.game_menu_item:hover:not(.active) img {
  background-color: var(--xy_red) !important;
}

/* ---------- 时间筛选（投注记录等）：红选中 / 白未选 ---------- */
.tab_time .active,
.time_tab .active,
.filter_tab .active,
.record_filter .active {
  background: var(--xy_red) !important;
  color: #fff !important;
  border-color: var(--xy_red) !important;
}

/* ---------- 存款/表单选中态 ---------- */
.payment_item.active,
.channel_item.active,
.card_game.active {
  border-color: var(--xy_red) !important;
  color: var(--xy_red) !important;
}

.type_menu_item.active {
  border-color: var(--xy_red) !important;
  color: #FFFFFF !important;
  background: var(--xy_red) !important;
}

.infotab_bg .active,
.cs_type_menu .active {
  color: var(--xy_red) !important;
}

/* ---------- 主按钮 / 退出登录 ---------- */
.btn_major,
.add_bank_btn,
.logout_btn,
.btn_logout {
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
  color: #fff !important;
}

/* ---------- 金色硬编码回落为红 ---------- */
body.xy-bind-gold .bankcards_add_form .btn_major,
body.xy-bind-gold .bankcards_add_form .add_bank_btn {
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
  color: #fff !important;
}

/* 页面内容区保证浅底 */
#app,
body,
.page_content,
.main_content {
  background-color: #F5F5F5;
}

/* 空状态文字 */
.empty_data,
.no_data,
.nodata {
  color: #999 !important;
}

/* ---------- 登录页：随便逛逛红色；注册按钮灰色 ---------- */
.login_area .back a,
.login_area .back .standard_link,
.login_container .login_area .back a,
.login_container .back a.standard_link {
  color: var(--xy_red) !important;
  -webkit-text-fill-color: var(--xy_red) !important;
}

.login_area .cancel .btn_auth,
.login_area .title.swap .cancel .btn_auth,
.login_container .login_area .btn_auth {
  color: #999999 !important;
  -webkit-text-fill-color: #999999 !important;
}

/* 注册页：登录按钮灰色 */
.register_area .cancel .btn_auth,
.register_area .title .cancel .btn_auth,
.login_container .register_area .btn_auth {
  color: #999999 !important;
  -webkit-text-fill-color: #999999 !important;
}

/* ========== 钱包页：黑金残留 → 红色主题 ========== */

/* Tab：白底，选中红底白字 */
.type_menu.wallet_menu {
  background: #FFFFFF !important;
  border: 1px solid #DDDDDD !important;
  box-shadow: none !important;
}
.type_menu.wallet_menu .type_menu_item {
  color: #666666 !important;
  -webkit-text-fill-color: #666666 !important;
  background: transparent !important;
}
.type_menu.wallet_menu .type_menu_item.active,
.type_menu.wallet_menu .type_menu_item.active span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
}
.type_menu.wallet_menu .type_menu_item:before {
  border-left-color: #EEEEEE !important;
}

/* 取款：余额条红底白字；打码量浅底红字 */
.wallet_withdrawl_layout .deposit_header.tableheader_bg {
  background: var(--xy_red) !important;
  background-image: none !important;
  color: #FFFFFF !important;
}
.wallet_withdrawl_layout .deposit_header.tableheader_bg .wallet_balance,
.wallet_withdrawl_layout .deposit_header.tableheader_bg span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: transparent !important;
}
.wallet_withdrawl_layout .deposit_header:not(.tableheader_bg) {
  background: #F5F5F5 !important;
  color: var(--xy_red) !important;
}
.wallet_withdrawl_layout .deposit_header:not(.tableheader_bg) .wallet_balance,
.wallet_withdrawl_layout .deposit_header:not(.tableheader_bg) span {
  color: var(--xy_red) !important;
  -webkit-text-fill-color: var(--xy_red) !important;
  background: transparent !important;
}
/* 取款刷新：红底白箭头，去掉白/黑方块底 */
.wallet_withdrawl_layout .deposit_header img[src*="refresh_reverse.png"],
.wallet_withdrawl_layout .deposit_header.tableheader_bg img[src*="refresh_reverse.png"] {
  display: inline-block !important;
  width: 16px !important;
  height: 0 !important;
  padding-top: 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  -webkit-mask-image: url(../image/refresh_reverse.png) !important;
  mask-image: url(../image/refresh_reverse.png) !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  filter: none !important;
}

/* 转账：账户余额条红底白字 */
.transfer_container .deposit_header.tableheader_bg {
  background: var(--xy_red) !important;
  background-image: none !important;
  color: #FFFFFF !important;
}
.transfer_container .deposit_header.tableheader_bg span,
.transfer_container .deposit_header.tableheader_bg .wallet_balance,
.transfer_container .wallet_balance {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: transparent !important;
}
.transfer_container .deposit_header img[src*="refresh_reverse.png"] {
  display: inline-block !important;
  width: 16px !important;
  height: 0 !important;
  padding-top: 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: none !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  -webkit-mask-image: url(../image/refresh_reverse.png) !important;
  mask-image: url(../image/refresh_reverse.png) !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  filter: none !important;
}

/* 下拉：白底 + 红箭头（覆盖金色 PNG / 黑底） */
.wallet_withdrawl_layout select,
.withdrawal_form_container select,
#withdrawal_form select,
.transfer_bottom select,
.transfer_container select,
.transfer_bottom .vendor_select select,
.modal_bottom select.fn,
.modal_bottom select.binput,
body.xy-bind-gold .bankcards_add_form select,
body:has(.xy-wallet-type-select) .bankcards_add_form select {
  background-color: #FFFFFF !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--xy_red) 50%),
    linear-gradient(135deg, var(--xy_red) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 13px) calc(50% - 3px) !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  border: 1px solid #DDDDDD !important;
}

/* 主按钮：红底白字 */
.wallet_withdrawl_layout .btn_action.active,
.withdrawal_form_container .btn_action.active,
.wallet_withdrawl_layout #payment,
.transfer_container .btn.transfer_btn,
.transfer_bottom .transfer_btn,
.transfer_container .btn_trans_red:not(.btn_retrieve),
.transfer_btn_section .btn_trans_red:not(.btn_retrieve),
.transfer_container .transfer_btn,
body:has(.wallet.channel_item_area) .modal_bottom .btn_action.active,
body:has(.wallet.channel_item_area) .modal_bottom .btn-primary,
body:has(.wallet.channel_item_area) .modal_bottom .xy-wallet-submit,
body:has(.wallet.channel_item_area) #payment {
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.transfer_container .btn.btn_retrieve,
.transfer_container #oneKeyRecovery_btn {
  background: transparent !important;
  border: 1px solid var(--xy_red) !important;
  color: var(--xy_red) !important;
  -webkit-text-fill-color: var(--xy_red) !important;
}

/* 金额 / 支付密码输入框：补齐可见边框（与下拉一致） */
.wallet_withdrawl_layout .textbox_content input,
.wallet_withdrawl_layout input.finance_amount,
.wallet_withdrawl_layout .finance_amount,
.withdrawal_form_container .textbox_content input,
.withdrawal_form_container input.finance_amount,
#withdrawal_form .textbox_content input,
#withdrawal_form input.finance_amount {
  border: 1px solid #DDDDDD !important;
  border-radius: 4px !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  box-shadow: none !important;
  height: 37px !important;
  padding: 9px 15px !important;
}
.wallet_withdrawl_layout .textbox_content input:focus,
.wallet_withdrawl_layout input.finance_amount:focus,
.withdrawal_form_container .textbox_content input:focus,
#withdrawal_form .textbox_content input:focus {
  border-color: var(--xy_red) !important;
}
.wallet_withdrawl_layout .textbox_content input::placeholder,
.wallet_withdrawl_layout input.finance_amount::placeholder,
.withdrawal_form_container .textbox_content input::placeholder {
  color: #999999 !important;
  -webkit-text-fill-color: #999999 !important;
  opacity: 1 !important;
}

/* 快捷管理：浅灰圆底 + 直接显示红色 PNG（加大图形占比） */
.wallet_withdrawl_layout .pshortcut .icon_circle_card,
#withdrawal_without_card_password .pshortcut .icon_circle_card,
.withdrawal.shortcut_management .icon_circle_card {
  background: #F0F0F0 !important;
  border: 1px solid #E0E0E0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  width: 56px !important;
  min-width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.wallet_withdrawl_layout .pshortcut .icon_circle_card img,
#withdrawal_without_card_password .pshortcut .icon_circle_card img,
.withdrawal.shortcut_management .icon_circle_card img {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.wallet_withdrawl_layout .pshortcut,
.wallet_withdrawl_layout .txt_label,
.wallet_withdrawl_layout .txt_title {
  color: var(--xy_red) !important;
}

/* 存款列表：浅灰圆底图标，加大图形占比 */
.wallet .channel_items .block_content .icon_circle_card {
  background: #F0F0F0 !important;
  border-radius: 50% !important;
  width: 56px !important;
  min-width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.wallet .channel_items .block_content .icon_circle_card img {
  max-width: 46px !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 免开关：浅灰轨道 / 开启红轨 / 白钮；文案红色 */
.transfer_container .transfer_seamless_type,
.transfer_container .transfer_seamless_type > div:first-child {
  color: var(--xy_red) !important;
  -webkit-text-fill-color: var(--xy_red) !important;
}
.transfer_container .slide_btn .type_menu,
.transfer_container .type_menu_area2 .type_menu,
.wallet-container .slide_btn .type_menu {
  background: #DDDDDD !important;
  border: none !important;
  box-shadow: none !important;
}
.transfer_container .slide_btn .type_menu.on,
.wallet-container .slide_btn .type_menu.on {
  background: var(--xy_red) !important;
}
.transfer_container .slide_btn .type_menu_bg2,
.wallet-container .slide_btn .type_menu_bg2,
.wallet-container .type_menu_bg2 {
  background: #FFFFFF !important;
  filter: none !important;
}

/* 存款弹层：金额输入框可见边框（数字货币/微信/支付宝等） */
.modal_bottom input.pin,
.modal_bottom input[type="text"],
.modal_bottom input[type="number"],
.modal_bottom input.finance_amount,
.modal_bottom .textbox_content input,
.modal_bottom .xy-wallet-amount,
.deposit_method_amount_container input,
.deposit_method_amount_container .finance_amount,
#xy-wap-wallet-sheet .xy-wallet-amount,
#xy-wap-wallet-sheet input.pin,
body:has(.wallet.channel_item_area) .modal_bottom input.pin,
body:has(.wallet.channel_item_area) .modal_bottom input[type="text"],
body:has(.wallet.channel_item_area) .modal_bottom input[type="number"],
body:has(.wallet.channel_item_area) .modal_bottom input.finance_amount,
body:has(.wallet.channel_item_area) .modal_bottom .textbox_content input {
  border: 1px solid #DDDDDD !important;
  border-radius: 4px !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  box-shadow: none !important;
  height: 37px !important;
  padding: 9px 15px !important;
  box-sizing: border-box !important;
}
.modal_bottom input.pin:focus,
.modal_bottom input[type="text"]:focus,
.modal_bottom input[type="number"]:focus,
.modal_bottom input.finance_amount:focus,
.modal_bottom .textbox_content input:focus,
.deposit_method_amount_container input:focus,
#xy-wap-wallet-sheet .xy-wallet-amount:focus {
  border-color: var(--xy_red) !important;
}
.modal_bottom input.pin::placeholder,
.modal_bottom input::placeholder,
.deposit_method_amount_container input::placeholder,
#xy-wap-wallet-sheet .xy-wallet-amount::placeholder {
  color: #999999 !important;
  -webkit-text-fill-color: #999999 !important;
  opacity: 1 !important;
}

/* ---------- 消息提示窗（toast）：白/浅红底 + 深灰字 + 红图标 ---------- */
.alert_msg.alert_msgs {
  background-color: transparent !important;
}
.alert_msg .alert_msg_dialog,
.alert_msgs .alert_msg_dialog {
  background: #FFFFFF !important;
  border: 1px solid #F0C8CA !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(200, 22, 29, 0.12) !important;
  overflow: hidden !important;
}
.alert_msg .alert_msg_header,
.alert_msgs .alert_msg_header {
  background: #FFF5F5 !important;
  background-image: none !important;
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  font-size: 15px !important;
  padding: 14px 16px !important;
  border-bottom: none !important;
}
.alert_msg .alert_msg_header #alert_title,
.alert_msgs #alert_title {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}
.alert_msg .alert_msg_header .ico-alert-success:before,
.alert_msg .alert_msg_header .ico-alert-error:before,
.alert_msg .alert_msg_header .ico-alert-warning:before,
.alert_msg .alert_msg_header .ico-alert-info:before,
.alert_msgs .ico-alert-success:before,
.alert_msgs .ico-alert-error:before {
  width: 40px !important;
  height: 40px !important;
}

/* ---------- 优惠详情：标题红 / 日期灰 / 正文深灰 ---------- */
.promo_detail_page .promo_detail_content {
  color: #333333 !important;
}
.promo_detail_content > .title:first-child {
  color: var(--xy_red) !important;
}
.promo_detail_content > .title:nth-child(2) {
  color: #999999 !important;
}
.promo_detail_content .content,
.promo_detail_content .content p,
.promo_detail_content .content li,
.promo_detail_content .content span,
.promo_detail_content .content div,
.promo_detail_content .content td,
.promo_detail_content .content th,
.promo_detail_content .content font {
  color: #333333 !important;
}
.promo_detail_content .content h1,
.promo_detail_content .content h2,
.promo_detail_content .content h3,
.promo_detail_content .content h4,
.promo_detail_content .content h5,
.promo_detail_content .content h6,
.promo_detail_content .content strong,
.promo_detail_content .content b,
.promo_detail_content .content a {
  color: var(--xy_red) !important;
}
.subpage.main_area > .promo_category_items_name.active {
  background: var(--xy_red) !important;
  color: #FFFFFF !important;
}
body:has(.promo_detail_page) .van-dialog {
  background: #FFFFFF !important;
}
body:has(.promo_detail_page) .van-dialog__header {
  background: #FFF5F5 !important;
  color: var(--xy_red) !important;
}
body:has(.promo_detail_page) .van-dialog__confirm,
body:has(.promo_detail_page) .van-dialog__confirm .van-button__text {
  background: var(--xy_red) !important;
  color: #FFFFFF !important;
}

/* 首页轮播占位：浅灰 */
.main_area.xy-home-page .my-swipe,
.my-swipe.van-swipe,
#index_banner {
  background: #F0F0F0 !important;
}

/* 我的页头像：去掉金色滤镜，显示原图 */
.player_profile .img_block img,
.player_profiledetails .img_block img,
.player_profile .detail_area .img_block img,
.detail_area .img_block img {
  filter: none !important;
  -webkit-filter: none !important;
}

/* ========== 我的信息 / 钱包记录 / 取款绑定 / 取款密码 红色化加固 ========== */

/* Tab：白底灰字，选中红底白字 */
.type_menu:not(.wallet_menu),
.type_menu_area .type_menu:not(.wallet_menu),
.type_menu_area .type_menu.menu_area_bg:not(.wallet_menu) {
  background: #FFFFFF !important;
  border: 1px solid #DDDDDD !important;
  box-shadow: none !important;
}
.type_menu:not(.wallet_menu) .type_menu_item,
.type_menu_area .type_menu:not(.wallet_menu) .type_menu_item,
.type_menu_area .type_menu.menu_area_bg:not(.wallet_menu) .type_menu_item {
  color: #666666 !important;
  -webkit-text-fill-color: #666666 !important;
  background: transparent !important;
}
.type_menu:not(.wallet_menu) .type_menu_item.active,
.type_menu:not(.wallet_menu) .type_menu_item.active span,
.type_menu_area .type_menu:not(.wallet_menu) .type_menu_item.active,
.type_menu_area .type_menu:not(.wallet_menu) .type_menu_item.active span,
.type_menu_area .type_menu.menu_area_bg:not(.wallet_menu) .type_menu_item.active,
.type_menu_area .type_menu.menu_area_bg:not(.wallet_menu) .type_menu_item.active span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
}

/* 我的信息：列表正文深灰，信封红图标 */
.announce_list li .block_content .title {
  color: #333333 !important;
}
.announce_list li .block_content .content,
.announce_list li .block_content .content * {
  color: #666666 !important;
}
.announce_list li .block_content > .date,
.announce_list li .block_content > .type {
  color: #999999 !important;
}
.announce_list li.unread .block_content > .date,
.announce_list li.unread .block_content > .type {
  color: var(--xy_red) !important;
}
.announce_list li > .collapse > .block_content:first-child .thumb,
.announce_list li.unread > .collapse > .block_content:first-child .thumb {
  background: transparent !important;
  border-color: #E0E0E0 !important;
}
/* 站内信图标：显示 avatar_inbox.png 原图，无金色处理 */
.announce_list .thumb img[src*="avatar_inbox"],
.announce_list .thumb img {
  filter: none !important;
  -webkit-filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background: none !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 钱包记录：筛选红底白字 / 白底红边，空状态浅灰 */
.subpage.main_area .wallet_history_tab .block_content.active,
.subpage.main_area .sub_list_tab.wallet_history_tab .block_content.active {
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
.subpage.main_area .wallet_history_tab .block_content:not(.active),
.subpage.main_area .sub_list_tab.wallet_history_tab .block_content:not(.active) {
  background: #FFFFFF !important;
  border: 1px solid var(--xy_red) !important;
  color: var(--xy_red) !important;
  -webkit-text-fill-color: var(--xy_red) !important;
}
.subpage.main_area .wallet_history_tab .block_content.history_day_filter,
.subpage.main_area .wallet_history_tab .history_day_filter,
.history_day_filter select.filter_search,
.history_day_filter select,
.filter_search {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: 1px solid var(--xy_red) !important;
  color: var(--xy_red) !important;
  -webkit-text-fill-color: var(--xy_red) !important;
}
.subpage.main_area .no_data {
  background: #F5F5F5 !important;
  color: #999999 !important;
}
.subpage.main_area .no_data > div {
  color: #999999 !important;
  -webkit-text-fill-color: #999999 !important;
}
.subpage.main_area .no_data img,
.no_data img[src*="img_emptybox"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  max-width: 160px;
  height: auto;
  margin-bottom: 16px !important;
}
/* 返水累计条：覆盖内联黑金 */
.record_wallet_details .deposit_header.tableheader_bg,
.record_wallet_details .deposit_header.tableheader_bg[style] {
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDDDDD !important;
  color: #333333 !important;
}
.record_wallet_details .deposit_header.tableheader_bg *,
.record_wallet_details .deposit_header.tableheader_bg [style] {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}
.record_wallet_details .xy_claim_btn,
.record_wallet_details #reload_wallet,
.record_wallet_details .xy_claim_btn[style] {
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
._3di95a3H,
._3di95a3H[style] {
  background: #FFFFFF !important;
  color: #333333 !important;
  border: 1px solid #DDDDDD !important;
}

/* 取款绑定：白卡片 + 红底白字添加 */
.badngs .bankcard_bg,
.badngs .bankcard_bg_added,
.badngs .bankcards_list li,
.badngs .add_bankcard,
.bankcard_bg,
.bankcard_bg_added {
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #DDDDDD !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.badngs .btn_major.bankcard_section,
.badngs .btn_major.bankcard_section.active,
.badngs .btn.btn_major.bankcard_section,
.badngs .btn_major {
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
.badngs .card_management_title,
.badngs .card_management_title div,
.badngs .bank_name,
.badngs .tips_block,
.badngs .tips_block_mainpage,
.badngs p.tips_block {
  color: var(--xy_red) !important;
  -webkit-text-fill-color: var(--xy_red) !important;
}

/* 取款密码：白输入框 + 红底白字确认 */
#set_withdrawal_pin,
#set_password {
  background: #F5F5F5 !important;
}
#set_withdrawal_pin input,
#set_password input,
#set_withdrawal_pin .form-control,
#set_password .form-control {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  border: 1px solid #DDDDDD !important;
}
#set_withdrawal_pin .confirm_btn button,
#set_password .confirm_btn button,
#set_withdrawal_pin .btn.w-100,
#set_password .btn.w-100,
#set_withdrawal_pin .btn_major,
#set_password .btn_major {
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
#set_withdrawal_pin .alert_msg_header,
#set_password .alert_msg_header,
#set_withdrawal_pin #alert_title,
#set_password #alert_title {
  color: #333333 !important;
}

/* 空状态图正常显示（已去黑底） */
.subpage.main_area .no_data img,
.no_data img[src*="img_emptybox"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

/* ========== 下载APP / 设置退出 / 客户服务 ========== */
.appdownload_container .appdownload_btn,
.appdownload_container .appdownload_btn.all-btn,
.appdownload_container .appdownload_btn *,
.appdownload_container a.appdownload_btn {
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.settings .logout_btn,
.settings .btn.btn_trans_red.logout_btn,
.settings .btn.btn_trans_red.logout_btn.active,
.layout.settings .logout_btn,
button.logout_btn.btn_trans_red,
.logout_btn,
.btn_logout {
  background: var(--xy_red) !important;
  border-color: var(--xy_red) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* 客户服务：分类标题红底白字，去掉黑条 */
.faq_container > .title,
.xy-customer-page .faq_container > .title,
.cs_header,
.cs_guide_container .cs_header {
  background: var(--xy_red) !important;
  background-color: var(--xy_red) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-radius: 6px !important;
}
.faq_container > .title *,
.cs_header * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: transparent !important;
}

/* 问题列表：深灰正文 */
.faq_container > .block_content > .question .title,
.faq_container .guide_list .title,
.xy-customer-page .faq_container > .block_content > .question .title {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

/* 顶栏 Tab：未选灰，选中红 */
.about_menu a,
.about_menu a .title {
  color: #666666 !important;
  -webkit-text-fill-color: #666666 !important;
}
.about_menu a.active,
.about_menu a.active .title {
  color: var(--xy_red) !important;
  -webkit-text-fill-color: var(--xy_red) !important;
}

/* 联系我们卡片 */
.xy-customer-page .contact_box,
.contactus_layout .contact_box {
  background: #FFFFFF !important;
  border: 1px solid #DDDDDD !important;
}
.xy-customer-page .contact_text {
  background: #FFFFFF !important;
  border: 1px solid #DDDDDD !important;
  color: #333333 !important;
}

/* 客户服务分类标题：强制红底白字（覆盖 * / [style] 深灰字） */
.xy-customer-page .faq_container > .title,
.xy-customer-page .faq_container > .title[style],
.xy-customer-page .faq_container > .title *,
.xy-customer-page .faq_container > .title[style] *,
.faq_container > .title,
.faq_container > .title[style],
.faq_container > .title *,
.faq_container > .title[style] *,
.cs_header,
.cs_header[style],
.cs_header *,
.cs_guide_container .cs_header,
.cs_guide_container .cs_header * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: var(--xy_red) !important;
  background-color: var(--xy_red) !important;
  background-image: none !important;
}

/* 联系我们：客服图标红色（避开 .contact_box * 的 transparent，并隐藏原图像素） */
.xy-customer-page .contact_box img[src*="contact_cs"],
.xy-customer-page .contact_text img[src*="contact_cs"],
.xy-customer-page .contactus_layout .contact_box img[src*="contact_cs"],
.contactus_layout .contact_box img[src*="contact_cs"],
.contactus_layout .contact_box * img[src*="contact_cs"],
.contact_container img[src*="contact_cs"],
img[src*="/static/image/contact_cs.png"],
img[src*="contact_cs.png"] {
  display: inline-block !important;
  width: 24px !important;
  height: 0 !important;
  padding-top: 24px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  background: var(--xy_red, #C8161D) !important;
  background-color: var(--xy_red, #C8161D) !important;
  background-image: none !important;
  -webkit-mask-image: url(../image/contact_cs.png) !important;
  mask-image: url(../image/contact_cs.png) !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

/* 关于我们文章详情：与优惠文章一致，正文深灰 #333 */
.about_container,
.about_container *,
.about_container [style],
.about_container [style] *,
.terms_container,
.terms_container *,
.terms_container [style],
.terms_container [style] *,
.privacy_container,
.privacy_container *,
.privacy_container [style],
.privacy_container [style] *,
.responible_container,
.responible_container *,
.responible_container [style],
.responible_container [style] *,
.display_container .about_container,
.display_container .about_container *,
.display_container .terms_container,
.display_container .terms_container *,
.display_container .privacy_container,
.display_container .privacy_container *,
.display_container .responible_container,
.display_container .responible_container *,
.xy-article-gold,
.xy-article-gold *,
.xy-about-page .xy-article-gold,
.xy-about-page .xy-article-gold *,
.xy-about-page .about_container,
.xy-about-page .about_container * {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

/* 我的页：头像信息区背景 mine_bg.jpg，铺满顶/左右空隙 */
.player_profile.layout.tutorial {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.player_profile_bg,
.player_profile .player_profile_bg {
  margin: 0 !important;
  border-radius: 0 !important;
}
.player_profile .detail_area,
.player_profile_bg .detail_area,
.player_profile_bg.safety .detail_area,
.player_profile .player_profile_bg .detail_area {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-image: url(../image/mine_bg.jpg) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  /* 内容仍保留内边距，避免文字贴边 */
  padding: 15px 5% !important;
}

/* APP下载页：顶栏与其它二级页同一套 Header，仅保证白字+中文字体（勿改布局） */
body:has(.appdownload_container) .header .page_header_title,
body:has(.appdownload_container) .header.appbar_tab1 .title.page_header_title {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* 设置页：语言 / 简体中文 深灰 */
.settings .setting_items,
.settings .setting_items > div,
.settings .setting_items > div:last-child,
.settings .setting_items [style],
.layout.settings .setting_items,
.layout.settings .setting_items > div {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

/* 顶栏标题：中文字体+白字（与设置/客服等二级页一致，禁止 width:0 / absolute 特殊布局） */
.header .page_header_title,
.header .title.page_header_title,
.header .block_content .title.page_header_title {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* ---------- 桌面横屏居中：宽>高 且 宽>420；中间类似 iPad 宽，两侧 #f5f5f6 ---------- */
html.xy-desktop-frame {
  --xy-frame-w: min(768px, 100vw);
}

html.xy-desktop-frame,
html.xy-desktop-frame body {
  background: #f5f5f6 !important;
  background-color: #f5f5f6 !important;
}

html.xy-desktop-frame .rotate_popup {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.xy-desktop-frame #app {
  max-width: var(--xy-frame-w) !important;
  width: var(--xy-frame-w) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: 100vh;
  position: relative;
  /* 让 #app 内 fixed（如底栏）相对本容器，而不是整屏 */
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.06);
  overflow-x: hidden;
}

/* 轮播高度按中间区宽度算，避免 100vw 在桌面撑得过高 */
html.xy-desktop-frame .main_area.xy-home-page {
  --xy-banner-h: calc(var(--xy-frame-w) * 225 / 720) !important;
}

html.xy-desktop-frame .main_area.xy-home-page .my-swipe,
html.xy-desktop-frame .main_area.xy-home-page .my-swipe.van-swipe,
html.xy-desktop-frame #index_banner.my-swipe {
  height: calc(var(--xy-frame-w) * 225 / 720) !important;
  max-height: calc(var(--xy-frame-w) * 225 / 720) !important;
  min-height: 0 !important;
}

html.xy-desktop-frame .main_area.xy-home-page .my-swipe img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 挂到 body 上、在 #app 之外的全屏层：相对视口对齐到中间区 */
html.xy-desktop-frame body > .cs_selector,
html.xy-desktop-frame body > .copy_popout,
html.xy-desktop-frame body > #xy-enter-game-modal,
html.xy-desktop-frame body > #xy-game-root,
html.xy-desktop-frame body > #xy-game-float-root,
html.xy-desktop-frame body > #xy-wap-wallet-sheet,
html.xy-desktop-frame body > #xy-yuebao-root,
html.xy-desktop-frame body > #xy-invite-root,
html.xy-desktop-frame body > .swal2-container,
html.xy-desktop-frame .van-overlay,
html.xy-desktop-frame body > .van-popup {
  left: calc((100vw - var(--xy-frame-w)) / 2) !important;
  right: auto !important;
  width: var(--xy-frame-w) !important;
  max-width: var(--xy-frame-w) !important;
}

html.xy-desktop-frame body > .cs_selector,
html.xy-desktop-frame body > #xy-enter-game-modal,
html.xy-desktop-frame body > #xy-game-root,
html.xy-desktop-frame body > #xy-game-float-root,
html.xy-desktop-frame body > #xy-yuebao-root,
html.xy-desktop-frame body > #xy-invite-root,
html.xy-desktop-frame .van-overlay {
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  min-height: 100vh !important;
}

/* 余额宝 / 邀请好友：全屏壳限制在中间区，并包裹内部 fixed 遮罩/底栏 */
html.xy-desktop-frame #xy-yuebao-root,
html.xy-desktop-frame #xy-invite-root {
  position: fixed !important;
  left: calc((100vw - var(--xy-frame-w)) / 2) !important;
  right: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: var(--xy-frame-w) !important;
  max-width: var(--xy-frame-w) !important;
  height: auto !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
  /* 让内部 mask/sheet 的 fixed 相对本容器，而不是整屏 */
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
  overflow: hidden !important;
  z-index: 10040 !important;
}

html.xy-desktop-frame #xy-yuebao-root.xy-show,
html.xy-desktop-frame #xy-invite-root.xy-show {
  display: flex !important;
}

html.xy-desktop-frame #xy-yuebao-root .xy-yb-mask,
html.xy-desktop-frame #xy-yuebao-root .xy-yb-sheet {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

html.xy-desktop-frame #xy-yuebao-root .xy-yb-mask {
  top: 0 !important;
  bottom: 0 !important;
}

/*
 * #app 已有 transform，内部 position:fixed 相对 #app。
 * 数字货币/微信/支付宝等 .modal_bottom 在 #app 内，不可再套视口偏移，否则会双倍右移跑出灰边。
 */
html.xy-desktop-frame #app .modal_bottom,
html.xy-desktop-frame #app .alert_msg,
html.xy-desktop-frame #app .copy_popout,
html.xy-desktop-frame #app footer,
html.xy-desktop-frame #app > footer,
html.xy-desktop-frame #app .van-popup,
html.xy-desktop-frame #app .van-overlay {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

html.xy-desktop-frame #app .modal_bottom {
  top: 0 !important;
  bottom: 0 !important;
}

/* 隐藏动画按容器宽度滑出，避免仍用 100vw 滑过头 */
html.xy-desktop-frame #app .modal_bottom:not(.delay) {
  -webkit-transform: translateX(-100%) !important;
  -ms-transform: translateX(-100%) !important;
  transform: translateX(-100%) !important;
}

html.xy-desktop-frame #app .modal_bottom.delay {
  -webkit-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}

html.xy-desktop-frame #app .modal_bottom .modal_dialog {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 进游戏弹窗 / 游戏 iframe 壳：桌面居中模式必须可显示、可点 */
html.xy-desktop-frame #xy-enter-game-modal {
  position: fixed !important;
  z-index: 10050 !important;
  box-sizing: border-box !important;
  padding: 20px 16px !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.45) !important;
  pointer-events: auto !important;
}

html.xy-desktop-frame #xy-enter-game-modal.xy-show {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.xy-desktop-frame #xy-game-root {
  position: fixed !important;
  left: calc((100vw - var(--xy-frame-w)) / 2) !important;
  right: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: var(--xy-frame-w) !important;
  max-width: var(--xy-frame-w) !important;
  z-index: 10030 !important;
  background: #000 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

html.xy-desktop-frame #xy-game-root.xy-show {
  display: block !important;
  visibility: visible !important;
}

html.xy-desktop-frame #xy-game-root iframe {
  width: 100% !important;
  height: 100% !important;
}

/* 游戏悬浮球 + 菜单：改为 absolute，相对游戏壳/悬浮根，避免相对整屏跑出灰边 */
html.xy-desktop-frame #xy-game-float-root {
  position: fixed !important;
  left: calc((100vw - var(--xy-frame-w)) / 2) !important;
  right: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: var(--xy-frame-w) !important;
  max-width: var(--xy-frame-w) !important;
  z-index: 10060 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html.xy-desktop-frame #xy-game-root .xy-g-float,
html.xy-desktop-frame #xy-game-float-root .xy-float-btn {
  position: absolute !important;
  right: 16px !important;
  bottom: 72px !important;
  left: auto !important;
  top: auto !important;
  pointer-events: auto !important;
}

html.xy-desktop-frame #xy-game-root .xy-g-mask,
html.xy-desktop-frame #xy-game-root .xy-g-menu,
html.xy-desktop-frame #xy-game-float-root .xy-float-mask,
html.xy-desktop-frame #xy-game-float-root .xy-float-menu {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  pointer-events: auto !important;
}

html.xy-desktop-frame #xy-game-root .xy-g-mask,
html.xy-desktop-frame #xy-game-float-root .xy-float-mask {
  top: 0 !important;
  bottom: 0 !important;
}

html.xy-desktop-frame #xy-game-root .xy-g-menu,
html.xy-desktop-frame #xy-game-float-root .xy-float-menu {
  top: auto !important;
  bottom: 0 !important;
}

html.xy-desktop-frame #xy-invite-tip,
html.xy-desktop-frame #xy-yuebao-tip {
  left: 50% !important;
  width: auto !important;
  max-width: min(80%, var(--xy-frame-w)) !important;
  transform: translate(-50%, -50%) !important;
}