/* 环球包网：首页品牌区按金球娱乐顶部 167px 级别放大，并给飞机号留出稳定空间。 */
.page-content.home > .header {
  height: 68px !important;
  padding: 5px 10px !important;
}

.page-content.home > .header > .logo {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}

.page-content.home > .header > .logo > uni-image,
.page-content.default-bg > ._head > .logo > uni-image {
  width: 176px !important;
  height: 61px !important;
  background-size: contain !important;
}

.page-content.default-bg > ._head {
  display: flex;
  min-height: 66px;
  align-items: center;
}

/* 首页飞机入口：直接显示公开飞机号。 */
.page-content.home .gn-telegram-login {
  min-width: 142px;
  min-height: 42px;
  gap: 6px;
  padding: 4px 9px 4px 7px;
}

.page-content.home .gn-telegram-login::before {
  width: 19px;
  height: 19px;
  flex-basis: 19px;
}

.page-content.home .gn-telegram-title {
  font-size: 12px;
}

.page-content.home .gn-telegram-sub {
  margin-top: 3px;
  font-size: 9px;
  letter-spacing: -0.01em;
}

/* 四张轮播统一为原图 3:1，不再按旧模板的 2.3:1 裁切。 */
.home .top-area .home_swiper {
  margin: 8px 0 0 !important;
  padding-bottom: 25px !important;
  border-radius: 10px;
}

.home .top-area .home_swiper > uni-swiper {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 1;
  overflow: hidden;
  border-radius: 10px;
}

.home .top-area .home_swiper .swiper-wrapper,
.home .top-area .home_swiper .slide,
.home .top-area .home_swiper uni-swiper-item {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

.home .top-area .home_swiper .swiper_slide_bg {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px !important;
}

.home .top-area .home_swiper .swiper_slide_bg > div,
.home .top-area .home_swiper .swiper_slide_bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 活动页复用同一批 3:1 产品图，卡片尺寸与轮播一致。 */
.page-content.default-bg > .active-list ._item {
  width: 100%;
  height: auto !important;
  aspect-ratio: 3 / 1;
  margin-bottom: 12px !important;
  border: 1px solid rgba(112, 225, 255, 0.16);
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(3, 8, 35, 0.24);
}

.page-content.default-bg > .active-list ._item > uni-image {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px;
}

.page-content.default-bg > .active-list ._item > uni-image > div,
.page-content.default-bg > .active-list ._item > uni-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 360px) {
  .page-content.home > .header > .logo > uni-image,
  .page-content.default-bg > ._head > .logo > uni-image {
    width: 155px !important;
    height: 54px !important;
  }

  .page-content.home .gn-telegram-login {
    min-width: 132px;
    min-height: 40px;
    padding-right: 7px;
    padding-left: 6px;
  }

  .page-content.home .gn-telegram-title {
    font-size: 11px;
  }

  .page-content.home .gn-telegram-sub {
    font-size: 8.5px;
  }
}



/* 交付系统顶部账户按钮组：余额、刷新、充值、钱包。 */
.page-content.home > .gn-wallet-strip {
  position: relative;
  z-index: 98;
  display: flex;
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding: 2px 12px 8px;
}

.gn-wallet-panel {
  display: flex;
  height: 42px;
  box-sizing: border-box;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(239, 205, 125, 0.48);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(9, 24, 52, 0.94), rgba(8, 15, 38, 0.98));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08), 0 7px 18px rgba(0, 0, 0, 0.24);
}

.gn-wallet-balance {
  display: flex;
  min-width: 112px;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  gap: 9px;
  padding: 4px 10px 4px 6px;
  cursor: pointer;
}

.gn-wallet-token {
  display: flex;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 224, 145, 0.92);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fbf3cc 0, #8bc8c8 24%, #1c7e94 52%, #0b2e59 78%, #08162d 100%);
  box-shadow: 0 0 9px rgba(83, 220, 255, 0.42), inset 0 0 0 2px rgba(10, 24, 54, 0.7);
  color: #fff0b3;
  font: 700 16px/1 Arial, sans-serif;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
}

.gn-wallet-amount {
  min-width: 55px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.gn-wallet-refresh {
  display: flex;
  width: 38px;
  height: 100%;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(239, 205, 125, 0.2);
  color: #f7d98d;
  font-size: 29px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

.gn-wallet-refresh.is-loading {
  animation: gn-wallet-spin 0.75s linear infinite;
}

.gn-wallet-recharge {
  display: flex;
  width: 68px;
  height: 42px;
  flex: 0 0 68px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 231, 162, 0.78);
  border-radius: 22px;
  background: linear-gradient(180deg, #ffe19a 0%, #e9b94f 100%);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.68), 0 7px 16px rgba(196, 137, 30, 0.2);
  color: #18203b;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
}

.gn-wallet-entry {
  position: relative;
  display: flex;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(239, 205, 125, 0.45);
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(9, 28, 57, 0.98), rgba(6, 15, 36, 0.98));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08), 0 7px 18px rgba(0, 0, 0, 0.24);
  cursor: pointer;
}

.gn-wallet-entry-icon {
  position: relative;
  width: 24px;
  height: 17px;
  border-radius: 5px 7px 7px 5px;
  background: linear-gradient(145deg, #baf0e7, #4db8b8 52%, #23788d);
  box-shadow: 0 0 8px rgba(91, 225, 225, 0.3);
}

.gn-wallet-entry-icon::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 3px;
  width: 18px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(180deg, #e8fff2, #5fca8b 62%, #28875d);
  transform: rotate(-10deg);
}

.gn-wallet-entry-icon::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #17364d;
}

.gn-wallet-plus {
  position: absolute;
  right: 1px;
  bottom: 1px;
  display: flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 238, 188, 0.92);
  border-radius: 50%;
  background: linear-gradient(180deg, #ffd774, #b9862d);
  color: #14203d;
  font: 800 14px/1 Arial, sans-serif;
}

@keyframes gn-wallet-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 360px) {
  .page-content.home > .gn-wallet-strip {
    gap: 5px;
    padding-right: 8px;
    padding-left: 8px;
  }

  .gn-wallet-balance {
    min-width: 102px;
    gap: 7px;
  }

  .gn-wallet-amount {
    min-width: 49px;
    font-size: 15px;
  }

  .gn-wallet-recharge {
    width: 62px;
    flex-basis: 62px;
    font-size: 16px;
  }
}

/* v16：顶部品牌和账户区回归紧凑手机尺寸，避免压住首屏内容。 */
@media (max-width: 420px) {
  .page-content.home > .header {
    height: 58px !important;
    padding: 3px 9px !important;
  }

  .page-content.home > .header > .logo > uni-image,
  .page-content.default-bg > ._head > .logo > uni-image {
    width: 145px !important;
    height: 50px !important;
  }

  .page-content.home .gn-telegram-login {
    min-width: 124px;
    min-height: 36px;
    gap: 5px;
    padding: 3px 7px 3px 6px;
  }

  .page-content.home .gn-telegram-login::before {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }

  .page-content.home .gn-telegram-title {
    font-size: 10.5px;
  }

  .page-content.home .gn-telegram-sub {
    margin-top: 2px;
    font-size: 8px;
  }

  .page-content.home > .gn-wallet-strip {
    height: 44px;
    justify-content: center;
    gap: 5px;
    padding: 0 8px 6px;
  }

  .gn-wallet-panel {
    height: 36px;
  }

  .gn-wallet-balance {
    min-width: 96px;
    gap: 6px;
    padding: 3px 7px 3px 5px;
  }

  .gn-wallet-token {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    font-size: 14px;
  }

  .gn-wallet-amount {
    min-width: 45px;
    font-size: 14px;
  }

  .gn-wallet-refresh {
    width: 32px;
    flex-basis: 32px;
    font-size: 23px;
  }

  .gn-wallet-recharge {
    width: 56px;
    height: 36px;
    flex-basis: 56px;
    font-size: 15px;
  }

  .gn-wallet-entry {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  .gn-wallet-entry-icon {
    transform: scale(0.88);
  }

  .home .top-area .home_swiper {
    margin-top: 4px !important;
  }
}

/* v13：账户按钮统一为环球包网深蓝、冰蓝、紫色玻璃主题。 */
.gn-wallet-panel {
  border-color: rgba(103, 218, 255, 0.5);
  background: linear-gradient(150deg, rgba(20, 52, 104, 0.94), rgba(20, 22, 70, 0.98));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.13), 0 7px 20px rgba(39, 92, 224, 0.25), 0 0 14px rgba(88, 58, 218, 0.14);
}

.gn-wallet-token {
  border-color: rgba(167, 239, 255, 0.96);
  background: radial-gradient(circle at 35% 28%, #f3fbff 0, #83e7ff 23%, #279bdc 48%, #3851be 70%, #251c6d 100%);
  box-shadow: 0 0 11px rgba(85, 211, 255, 0.55), inset 0 0 0 2px rgba(20, 36, 99, 0.72);
  color: #fff;
  text-shadow: 0 1px 4px rgba(20, 25, 75, 0.78);
}

.gn-wallet-amount {
  color: #f5fbff;
  text-shadow: 0 0 8px rgba(99, 214, 255, 0.2);
}

.gn-wallet-refresh {
  border-left-color: rgba(105, 210, 255, 0.23);
  color: #83e7ff;
  text-shadow: 0 0 10px rgba(62, 201, 255, 0.48);
}

.gn-wallet-recharge {
  border-color: rgba(127, 224, 255, 0.68);
  background: linear-gradient(135deg, #2388ec 0%, #355ed4 52%, #6f3bc9 100%);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 8px 18px rgba(40, 100, 235, 0.28), 0 0 14px rgba(105, 60, 210, 0.2);
  color: #fff;
  text-shadow: 0 1px 4px rgba(16, 20, 72, 0.6);
}

.gn-wallet-entry {
  border-color: rgba(109, 218, 255, 0.48);
  background: linear-gradient(150deg, rgba(27, 71, 139, 0.98), rgba(30, 26, 89, 0.98));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.14), 0 7px 18px rgba(35, 91, 221, 0.23), 0 0 12px rgba(95, 56, 206, 0.16);
}

.gn-wallet-entry-icon {
  background: linear-gradient(145deg, #c8f8ff, #64d7ee 45%, #4b67ce 100%);
  box-shadow: 0 0 10px rgba(94, 219, 255, 0.42);
}

.gn-wallet-entry-icon::before {
  background: linear-gradient(180deg, #f1fbff, #75e6ff 52%, #7255d7);
}

.gn-wallet-entry-icon::after {
  background: #25317a;
}

.gn-wallet-plus {
  border-color: rgba(196, 244, 255, 0.92);
  background: linear-gradient(150deg, #6edfff, #407fe2 50%, #7541ce);
  color: #fff;
  text-shadow: 0 1px 3px rgba(20, 20, 74, 0.68);
}

/* v15：真实手机宽度适配。每个系列首屏完整显示四张，避免第 4 张被裁成半张。 */
@media (max-width: 420px) {
  html,
  body,
  uni-page-body,
  .page-content {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .page-content.home > .gn-wallet-strip {
    height: 50px;
    gap: 6px;
    padding: 1px 9px 7px;
  }

  .gn-wallet-panel {
    height: 40px;
  }

  .gn-wallet-balance {
    min-width: 106px;
    gap: 7px;
    padding-right: 8px;
  }

  .gn-wallet-token {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    font-size: 15px;
  }

  .gn-wallet-amount {
    min-width: 50px;
    font-size: 15px;
  }

  .gn-wallet-refresh {
    width: 36px;
    flex-basis: 36px;
    font-size: 26px;
  }

  .gn-wallet-recharge {
    width: 62px;
    height: 40px;
    flex-basis: 62px;
    font-size: 16px;
  }

  .gn-wallet-entry {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .home .top-area .home_swiper {
    margin-top: 6px !important;
    padding-bottom: 22px !important;
  }

  .index-game-content .game-scroll {
    width: calc(100% - 26px) !important;
    height: calc((100vw - 44px) / 4 + 8px) !important;
    margin-right: 13px !important;
    box-sizing: border-box;
  }

  .index-game-content .game-scroll.is-hot {
    height: calc((100vw - 44px) / 3 + 8px) !important;
  }

  .index-game-content .game-scroll ._scroll-content .item,
  .index-game-content .game-scroll.is-hot ._scroll-content .item {
    width: calc((100vw - 44px) / 4) !important;
    margin-right: 6px !important;
  }

  .index-game-content .game-scroll ._scroll-content .item {
    height: calc((100vw - 44px) / 4) !important;
  }

  .page-content.home .index-game-content .game-scroll.is-hot ._scroll-content .item {
    width: calc((100vw - 44px) / 4) !important;
    height: calc((100vw - 44px) / 3) !important;
  }
}

@media (max-width: 360px) {
  .page-content.home > .gn-wallet-strip {
    gap: 5px;
    padding-right: 8px;
    padding-left: 8px;
  }

  .gn-wallet-balance {
    min-width: 100px;
  }

  .gn-wallet-recharge {
    width: 58px;
    flex-basis: 58px;
  }

  .gn-wallet-entry {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
}

/* v16 最终覆盖：必须置于 v15 四列规则之后。 */
@media (max-width: 420px) {
  .page-content.home > .gn-wallet-strip {
    height: 44px !important;
    justify-content: center;
    gap: 5px !important;
    padding: 0 8px 6px !important;
  }

  .page-content.home .gn-wallet-panel {
    height: 36px !important;
  }

  .page-content.home .gn-wallet-balance {
    min-width: 96px !important;
    gap: 6px !important;
    padding: 3px 7px 3px 5px !important;
  }

  .page-content.home .gn-wallet-token {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    font-size: 14px !important;
  }

  .page-content.home .gn-wallet-amount {
    min-width: 45px !important;
    font-size: 14px !important;
  }

  .page-content.home .gn-wallet-refresh {
    width: 32px !important;
    flex-basis: 32px !important;
    font-size: 23px !important;
  }

  .page-content.home .gn-wallet-recharge {
    width: 56px !important;
    height: 36px !important;
    flex-basis: 56px !important;
    box-sizing: border-box;
    font-size: 15px !important;
  }

  .page-content.home .gn-wallet-entry {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    box-sizing: border-box;
  }
}

/* v18 最终覆盖：仅保留充值按钮，移除左右两侧组件。 */
.page-content.home .gn-wallet-panel,
.page-content.home .gn-wallet-entry {
  display: none !important;
}

.page-content.home > .gn-wallet-strip {
  justify-content: flex-end !important;
  padding-right: 72px !important;
}

@media (max-width: 360px) {
  .page-content.home > .gn-wallet-strip {
    padding-right: 64px !important;
  }
}

/* v21：移除右上角飞机登录按钮内的通知/纸飞机标识，保留一键登录文字与功能。 */
.page-content.home .gn-telegram-login::before {
  display: none !important;
  content: none !important;
}

/* v22：按要求删除首页顶部独立充值按钮及其占位区域。 */
.page-content.home > .gn-wallet-strip {
  display: none !important;
}