/* 68wins 风格覆盖样式 - 巴西PG站点 */
/* 深色主题: 主色 #ffac1c 背景 #220e00 */

/* 公告滚动动画 */
@keyframes noticeMarquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* 页面加载时直接隐藏原始轮播元素，防止闪烁 */
.d_j_banner {
  display: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Poppins', 'Nunito', 'Rubik', sans-serif !important;
}

/* 轮播图区域 */
.d_j_banner {
  padding: 0 10px !important;
}

/* ===== 分类导航（68wins风格） ===== */
.d_j_nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  overflow-x: auto !important;
  padding: 20px 0 !important;
  margin: 0 !important;
  background: transparent !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}
.d_j_nav::-webkit-scrollbar { display: none !important; }

.d_j_nav .category-title {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}
.d_j_nav .category-title .category-title-icon {
  width: 28px !important; height: 28px !important;
  object-fit: contain !important; display: block !important;
}
.d_j_nav .category-title .category-title-text {
  font-size: 12px !important; font-weight: 700 !important;
  color: #ffffffa6 !important; white-space: nowrap !important;
}
.d_j_nav .category-title.active .category-title-text,
.d_j_nav .category-title.cu_d_j_n_item .category-title-text {
  color: #ffac1c !important;
}

/* 游戏列表 */
.d_j_list {
  margin: 0 10px 16px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #2a1a08 !important;
  border: 1px solid #3c1c05 !important;
}
.d_jl_top { padding: 12px 14px !important; border-bottom: 1px solid #3c1c05 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
.d_jl_top .con { font-size: 16px !important; font-weight: 600 !important; color: #ffac1c !important; flex: 1 !important; margin-left: 8px !important; }
.d_jl_top .fr { color: #ffffff73 !important; font-size: 12px !important; }

.d_jl_list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; padding: 12px 14px !important; }
.d_jl_list_item { border-radius: 10px !important; overflow: hidden !important; }
.d_jl_list_item:active { transform: scale(0.95) !important; }
.d_jl_list_item .u-image { border-radius: 10px !important; width: 100% !important; height: auto !important; aspect-ratio: 220/150 !important; }
.d_jl_list_item .text { font-size: 12px !important; color: #ffffffa6 !important; padding: 6px 2px 2px !important; text-align: center !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

/* 整体背景 */
uni-page-body, .d_jogos, .page { background: #220e00 !important; min-height: 100vh !important; }

/* 顶栏 */
.d_j_head { background: #321610 !important; padding: 8px 12px !important; }
.d_j_h_con .d_balance { background: #3c1c05 !important; border-radius: 20px !important; padding: 4px 12px !important; border: 1px solid #ffac1c !important; color: #ffac1c !important; font-size: 14px !important; }
.d_j_h_yj { background: #3c1c05 !important; border: 1px solid #ffac1c30 !important; }
.d_j_wrap { background: #321610 !important; border-radius: 12px !important; margin: 8px 10px !important; padding: 10px 16px !important; border: 1px solid #3c1c05 !important; }

/* ===== 页脚 ===== */
.d_j_footer { background: #220e00 !important; padding: 20px 16px !important; border-top: 1px solid #3c1c05 !important; }
.foo_tow { color: #ffffff73 !important; font-size: 12px !important; }

/* 隐藏u-empty组件（加载时的not data占位）*/
.u-empty { display: none !important; }

/* 按钮 */
.u-button--primary { background: linear-gradient(135deg, #ffac1c, #e69500) !important; border: none !important; color: #1d567d !important; font-weight: 600 !important; }

/* 登录弹窗 — 删除div背景logo，用::before放大显示我们的logo */
html .d_login_popup .login_from img[src*="logo"] {
  display: none !important;
}
/* 用::before在login_from顶部放大显示我们的logo */
.d_login_popup .login_from::before {
  content: '' !important;
  display: block !important;
  width: 288px !important;
  height: 72px !important;
  background: url('/h5/logo-site.png') no-repeat center !important;
  background-size: contain !important;
  margin: 0 auto 0 !important;
  padding-top: 0 !important;
}
/* login_from自身去掉顶部内边距 */
.d_login_popup .login_from { padding-top: 0 !important; }

/* 用CSS覆盖"Conecte-se"和"registro"文字 — html祖先选择器确保最高优先级 */
html .login_nav .u-tabs__wrapper__nav__item-0 uni-text.u-tabs__wrapper__nav__item__text {
  visibility: hidden !important;
  position: relative !important;
}
html .login_nav .u-tabs__wrapper__nav__item-0 uni-text.u-tabs__wrapper__nav__item__text::after {
  visibility: visible !important;
  content: "Login" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  font-size: 14px !important;
  color: #49acfb !important;
  font-weight: bold !important;
  white-space: nowrap !important;
}
html .login_nav .u-tabs__wrapper__nav__item-1 uni-text.u-tabs__wrapper__nav__item__text {
  visibility: hidden !important;
  position: relative !important;
}
html .login_nav .u-tabs__wrapper__nav__item-1 uni-text.u-tabs__wrapper__nav__item__text::after {
  visibility: visible !important;
  content: "Registro" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  font-size: 14px !important;
  color: #999 !important;
  white-space: nowrap !important;
}
.d_login_popup { background: #220e00 !important; border: 1px solid #3c1c05 !important; }
.d_fl_popup { background: #321610 !important; }
.f_c_items { background: #3c1c05 !important; color: #ffffffa6 !important; }