/* BtcShort H5 — Desktop centering for mobile-only design (750px design width) */

@media screen and (min-width: 751px) {
  html, body {
    background-color: #0a0a0b;
  }
  
  uni-app {
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    min-height: 100vh;
  }
  
  uni-tabbar {
    max-width: 750px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  
  .u-popup, uni-tabbar + * .u-popup {
    max-width: 750px;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* Hide scrollbars */
::-webkit-scrollbar { display: none; }
body { -ms-overflow-style: none; scrollbar-width: none; }

/* ===== FIX: Banner swiper（首页轮播）专用样式，不影响 earn 页 ===== */
.banner_box {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  background: rgb(17, 17, 17) !important;
  position: relative !important;
}
.banner_box > uni-swiper,
.banner_box > * {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.banner_box uni-swiper-item {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: hidden !important;
}
.banner_box uni-swiper-item img,
.banner_box uni-swiper-item uni-image,
.banner_box uni-swiper-item u--image,
.banner_box uni-swiper-item.itemVideo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.uni-swiper-wrapper { height: 100% !important; display: flex !important; }
.banner_box .uni-swiper-slide { height: 100% !important; overflow: hidden !important; flex-shrink: 0 !important; }
.swiper-wrapper { height: 100% !important; }
.banner_box .swiper-slide { height: 100% !important; overflow: hidden !important; }

/* ===== FIX: Earn 页 card_swiper — 保留原有高度 ===== */
.card_swiper uni-swiper {
  height: 53.3333vw !important;
  max-height: 400px !important;
}
.card_swiper uni-swiper-item {
  width: 100% !important;
  height: 100% !important;
}
.card_swiper uni-swiper-item .img {
  width: 86.9333vw !important;
  height: 49.8667vw !important;

  display: block !important;
}

/* ===== FIX: 隐藏所有弹窗 ===== */
.BindBankRiskWarning,
[data-v-a36964a0],
.upVersionModal,
.CopyrightIsProgressing,
.CreditRedEnvelope,
.AboutExpire,
.PurchaseSuccessfully {
  display: none !important;
}

/* ===== FIX: u-image loading/error 占位符彻底隐藏 ===== */
.u-image__loading { display: none !important; visibility: hidden !important; opacity: 0 !important; }
.u-image__error { display: none !important; visibility: hidden !important; opacity: 0 !important; }
.u-image__loading *, .u-image__error * { display: none !important; }
.icon_con .u-image__loading, .icon_con .u-image__error,
.scroll_item_box .u-image__loading, .scroll_item_box .u-image__error { display: none !important; }
.eye-box .u-image__loading, .eye-box .u-image__error { display: none !important; }

/* ===== FIX: 登录页密码眼睛图标过大 ===== */
.eye-box { width: 25px !important; height: 25px !important; overflow: hidden !important; position: relative; }
.eye-box .u-image { width: 25px !important; height: 25px !important; border-radius: 0 !important; background: transparent !important; }
.eye-box .u-image img, .eye-box uni-image img { 
  width: 25px !important; height: 25px !important; 
  border-radius: 0 !important; 
  object-fit: contain !important;
}

/* ===== FIX: 桌面端 vw 单位基于1280px导致字体/布局过大 ===== */
@media screen and (min-width: 751px) {
  .name_ID .name { font-size: 18px !important; line-height: 24px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 200px !important; }
  .name_ID .id_Text { font-size: 12px !important; }
  .loginBtn { font-size: 14px !important; padding: 8px 20px !important; white-space: nowrap !important; width: auto !important; height: auto !important; min-width: unset !important; min-height: unset !important; }
  /* earn页顶部文字字号限制（vw在1280px桌面过大） */
  .starText_left { font-size: 14px !important; line-height: 20px !important; }
  .starText .vip_btn .vip { font-size: 11px !important; }
  .higher { font-size: 14px !important; line-height: 20px !important; }
  .starText { font-size: 14px !important; }
  .privilege_content .title { font-size: 16px !important; }
  .icon_des { font-size: 12px !important; }
  /* earn顶部整体高度限制，防止撑开屏幕 */
  .membership { max-height: 600px !important; overflow: visible !important; }
}

/* ===== FIX: Privilege scroll icons — 强制 u--image 显示内部 img ===== */
.scroll_item_box .u-image {
  overflow: visible !important;
  background: transparent !important;
}
.scroll_item_box .u-image img {
  display: block !important;
  width: 88rpx !important;
  height: 88rpx !important;
  width: 33px !important;
  height: 33px !important;
}
/* 隐藏 privilege scroll area 里的所有 error/loading 状态 */
.scroll_item_box .u-image__loading,
.scroll_item_box .u-image__error {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* card_swiper img 修复 */
.card_swiper .img {
  width: 86.9333vw !important;
  height: 49.8667vw !important;
  max-height: 373px !important;
  max-width: 650px !important;

  object-fit: cover !important;
  display: block !important;
  margin: 0 auto !important;
}


/* ===== FIX: privilege 区域大问号彻底消灭 ===== */
/* 把 privilege_content 里任何 u-image 的 loading/error 占位变 0 */
.privilege_content .u-image__loading,
.privilege_content .u-image__error {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  overflow: hidden !important;
  opacity: 0 !important;
}
/* ic_explain 那个小问号图标旁边的 u-image 尺寸限制 */
.privilege_content .title .u-image,
.privilege_content .title uni-image {
  width: 16px !important;
  height: 16px !important;
  min-width: unset !important;
  min-height: unset !important;
  max-width: 20px !important;
  max-height: 20px !important;
}
/* 禁止任何 u-image__error 撑大 */
.earn_content .u-image__error {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
.earn_content .u-image__loading {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* ===== FIX: Today's Earn / ranking_content 确保显示 ===== */
.ranking_content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ===== FIX: 会员卡片圆角（四角）===== */
/* 只裁剪图片本身，不能在swiper层加overflow:hidden否则左右卡片会消失 */
.earn_content .card_swiper .itemSwiper .img,
.earn_content .card_swiper .itemSwiper img.img {
  border-radius: 20px !important;
  clip-path: inset(0 round 20px) !important;
  /* 高度撑满容器，消除底部直角空白 */
  height: 53.3333vw !important;
  max-height: 400px !important;
  width: 86.9333vw !important;
  object-fit: cover !important;
}

/* ===== HIDE: TabBar 第4项(Activity)和第5项(Invite) ===== */
uni-tabbar .uni-tabbar__item:nth-child(5),
uni-tabbar .uni-tabbar__item:nth-child(6) {
  display: none !important;
}

/* Hide download popup */
.popup-box, .popup-box__wrapper { display: none !important; }