/* Account, withdrawal-card and media screens share a compact mobile rhythm. */
#app > .van-tabbar.van-tabbar--fixed {
  width: min(100%, 500px);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

/* Withdrawal card: keep the existing bank selector and submit handler. */
#app .bind[data-v-015a7444] {
  min-height: 100dvh;
  height: auto;
  background: #f5f5f8 !important;
  padding-bottom: 36px;
}
#app .bind[data-v-015a7444] .van-nav-bar {
  background: linear-gradient(100deg, #50337e, #9c48b5 62%, #d74c9e);
}
#app .bind[data-v-015a7444] .van-nav-bar__title,
#app .bind[data-v-015a7444] .van-nav-bar__arrow { color: #fff; }
#app .bind[data-v-015a7444] .van-cell-group {
  margin: 18px 16px 0;
  padding: 10px 16px 16px !important;
  border-radius: 8px;
  background: #fff !important;
  box-shadow: 0 4px 18px rgba(38, 29, 50, .08);
}
#app .bind[data-v-015a7444] .van-cell-group::before,
#app .bind[data-v-015a7444] .van-cell-group::after,
#app .bind[data-v-015a7444] .van-cell::before,
#app .bind[data-v-015a7444] .van-cell::after { display: none; }
#app .bind[data-v-015a7444] .van-cell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  padding: 9px 0 !important;
  overflow: visible;
}
#app .bind[data-v-015a7444] .van-cell__title {
  width: 100%;
  color: #55515b !important;
  font-size: 13px !important;
  line-height: 18px;
}
#app .bind[data-v-015a7444] .van-cell__value {
  display: flex;
  width: 100%;
  min-height: 40px;
  align-items: center;
}
#app .bind[data-v-015a7444] .van-cell:first-child .van-cell__value {
  align-items: stretch;
  flex-direction: column-reverse;
  gap: 6px;
}
#app .bind[data-v-015a7444] .van-cell:first-child .van-cell__value > p {
  align-self: flex-start;
  margin: 0;
  color: #55515b;
  font-size: 13px;
  line-height: 18px;
}
#app .bind[data-v-015a7444] .van-field__body,
#app .bind[data-v-015a7444] .van-dropdown-menu__bar {
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid #e2dfe6;
  border-radius: 6px;
  background: #fff !important;
  box-shadow: none;
}
#app .bind[data-v-015a7444] .van-field__control {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}
#app .bind[data-v-015a7444] .van-field__control::placeholder { color: #aaa5af !important; }
#app .bind[data-v-015a7444] .van-dropdown-menu__item {
  justify-content: space-between !important;
}
#app .bind[data-v-015a7444] .van-dropdown-menu__title {
  width: 100%;
  padding-left: 0 !important;
  color: #302c37 !important;
  font-size: 14px !important;
}
#app .bind[data-v-015a7444] .van-dropdown-menu__title::after { right: 0; }
#app .bind[data-v-015a7444] .btn {
  padding: 20px 16px 0 !important;
}
#app .bind[data-v-015a7444] .btn a {
  max-width: 100%;
  min-height: 44px;
  padding: 11px 16px !important;
  border-radius: 6px !important;
  background: linear-gradient(100deg, #823de6, #ae4ae9) !important;
  font-size: 15px !important;
  line-height: 22px;
  box-shadow: 0 4px 12px rgba(125, 61, 191, .18);
}
#app .bind[data-v-015a7444] .van-dropdown-item .van-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 44px;
  padding: 10px 16px !important;
  border-bottom: 1px solid #eee9f1;
}
#app .bind[data-v-015a7444] .van-dropdown-item .van-cell__title {
  width: auto;
  color: #382b52 !important;
}
#app .bind[data-v-015a7444] .van-dropdown-item .van-cell__value {
  width: auto;
  min-height: 0;
}

/* Account: predictable 3 x 3 actions and a more legible points balance. */
#app .mine[data-v-a689dce4] { background: #f6f6f8; }
#app .mine .center[data-v-a689dce4] { width: calc(100% - 32px); }
#app .mine .center .integral[data-v-a689dce4],
#app .mine .center .list[data-v-a689dce4] {
  border-radius: 8px;
  box-shadow: 0 3px 16px rgba(42, 31, 58, .06);
}
#app .mine .center .integral[data-v-a689dce4] { min-height: 64px; }
#app .mine .center .integral > div[data-v-a689dce4] { gap: 8px; }
#app .mine .center .integral > div span[data-v-a689dce4] {
  margin-left: 0;
  color: #332b3d;
  font-size: 13px;
  font-weight: 500;
}
#app .mine .center .mineJf[data-v-a689dce4] {
  position: relative;
  min-height: 118px;
  margin-top: 12px;
  padding: 18px 0;
  border-radius: 8px;
  background: linear-gradient(115deg, #8e4ca3, #b953b3 60%, #cc80d4);
  box-shadow: 0 5px 16px rgba(136, 69, 154, .18);
}
#app .mine .center .mineJf .title[data-v-a689dce4] { padding-bottom: 10px; }
#app .mine .center .mineJf .title p[data-v-a689dce4] { font-size: 13px; font-weight: 500; }
#app .mine .center .mineJf .reload[data-v-a689dce4] { padding-top: 0; }
#app .mine .center .mineJf .reload h1[data-v-a689dce4] {
  font-size: 32px;
  line-height: 1.15;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
#app .mine .center .mineJf .reload > div[data-v-a689dce4] { right: 5%; font-size: 12px; }
#app .mine .center .list[data-v-a689dce4] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 12px;
  padding: 12px 4px;
}
#app .mine .center .list > div[data-v-a689dce4],
#app .mine .center .list > div:last-child {
  display: flex !important;
  width: 100%;
  min-width: 0;
  min-height: 86px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 3px;
  cursor: pointer;
}
#app .mine .center .list > div > i[data-v-a689dce4] {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 27px !important;
}
#app .mine .center .list > div > i .van-icon__image {
  width: 27px;
  height: 27px;
  object-fit: contain;
}
#app .mine .center .list > div > span[data-v-a689dce4] {
  width: 100%;
  padding: 0;
  color: #34303b;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  white-space: normal;
}
#app .mine .center .btns[data-v-a689dce4] {
  width: 100%;
  margin: 18px auto 80px;
  padding: 12px 0;
  border-radius: 24px;
  background: linear-gradient(100deg, #e446ad, #7657de);
  box-shadow: 0 5px 13px rgba(175, 76, 180, .18);
  font-size: 14px;
}

/* Game entrance: a full-width image grid with stable crops. */
#app .game[data-v-1a6d17dc] { background: #f7f7f9; }
#app .game .van-nav-bar[data-v-1a6d17dc] {
  min-height: 108px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(110deg, #752cc9, #a530d7 58%, #dd39a9);
  box-shadow: 0 8px 20px rgba(112, 43, 165, .13);
}
#app .game .van-nav-bar__content {
  display: flex;
  height: 108px;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  padding: 16px 20px 20px;
}
#app .game .van-nav-bar__title {
  position: static;
  max-width: none;
  margin: 0;
  color: #fff;
  font-size: 23px;
  line-height: 28px;
  font-weight: 700;
  text-align: left;
}
#app .game .van-nav-bar__title::before {
  display: block;
  content: "TRAFFIC BOOST";
  margin-bottom: 5px;
  color: rgba(255, 255, 255, .83);
  font-size: 10px;
  line-height: 13px;
  font-weight: 700;
  letter-spacing: 0;
}
#app .game .van-nav-bar__title::after { content: "流量"; }
#app .game .gameCard[data-v-1a6d17dc] { flex: 1; min-height: 0; overflow-y: auto; }
#app .game .newGame[data-v-0c21820b] { width: 100%; padding: 0 14px 82px; }
#app .game .newGame ul[data-v-0c21820b] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding-top: 18px;
}
#app .game .newGame ul[data-v-0c21820b]::before {
  grid-column: 1 / -1;
  content: "☆  熱門入口";
  color: #30283e;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-align: left;
}
#app .game .newGame ul[data-v-0c21820b]::after { display: none; }
#app .game .newGame ul li[data-v-0c21820b] {
  display: flex;
  width: 100%;
  min-width: 0;
  height: auto;
  flex-direction: column;
  align-items: stretch;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 13px rgba(37, 30, 47, .09);
}
#app .game .newGame ul li > [data-v-0c21820b] { margin-top: 0; }
#app .game .newGame ul li .image[data-v-0c21820b] {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 0;
  background: #eae8ed;
}
#app .game .newGame ul li .image img[data-v-0c21820b] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}
#app .game .newGame ul li p[data-v-0c21820b] {
  min-height: 40px;
  padding: 9px 11px;
  color: #2e2935;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  text-align: left;
}
#app .game .newGame ul li span:empty[data-v-0c21820b] { display: none; }

/* Video listings: equal-sized covers and a readable information band. */
#app .movie[data-v-29eb5990] { background: #f7f7f9; }
#app .movie .van-tabs__wrap {
  border-bottom: 1px solid #ece8ef;
  background: #fff;
}
#app .movie .van-tabs__nav--line { min-height: 48px; }
#app .movie .van-tab { min-width: 60px; font-size: 13px; }
#app .movie .van-tab--active { color: #7e42a5; font-weight: 600; }
#app .movie .van-tabs__line { height: 3px !important; background: #b953b3; }
#app .movie .van-tab__panel[data-v-29eb5990],
#app .movie .van-tab__panel-wrapper[data-v-29eb5990] {
  padding: 0 12px 76px;
  background: #f7f7f9;
}
#app .movie ul.hot[data-v-7df2d86e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px 0;
}
#app .movie ul.hot li[data-v-7df2d86e] {
  display: flex;
  width: 100%;
  min-width: 0;
  height: auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  overflow: hidden;
  border: 1px solid #eee9f0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(44, 32, 53, .06);
}
#app .movie ul.hot li img[data-v-7df2d86e] {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  flex: none;
  object-fit: cover;
  object-position: center;
  background: #eae7ed;
}
#app .movie ul.hot li > div[data-v-7df2d86e] {
  position: static;
  display: flex;
  width: 100%;
  min-height: 62px;
  flex-direction: column;
  align-items: stretch;
  gap: 3px;
  padding: 7px 9px 8px;
  background: #fff;
}
#app .movie ul.hot li > div span[data-v-7df2d86e] {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}
#app .movie ul.hot li > div span:first-child[data-v-7df2d86e] {
  display: -webkit-box;
  height: 32px;
  color: #2c2730;
  font-size: 12px;
  line-height: 16px;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#app .movie ul.hot li > div span:last-child[data-v-7df2d86e] {
  color: #827987;
  font-size: 11px;
  line-height: 14px;
}

@media (max-width: 340px) {
  #app .mine .center .list > div > span[data-v-a689dce4] { font-size: 11px; }
  #app .game .newGame ul[data-v-0c21820b],
  #app .movie ul.hot[data-v-7df2d86e] { gap: 9px; }
}