@charset "UTF-8";.recharge-turntable[data-v-5f74fc1a]{background:var(--bg_color_L2, #202733);position:relative;z-index:3;overflow-x:hidden}.recharge-turntable .header[data-v-5f74fc1a]{height:1.17333rem;width:100%;padding-inline:.4rem;position:relative;background:var(--bg_color_L2, #fff);z-index:3}.recharge-turntable .header .icon_return_01[data-v-5f74fc1a]{width:.64rem;height:.64rem}.recharge-turntable .header .title[data-v-5f74fc1a]{color:var(--text_primary, #D4E8FF);font-size:.48rem}.recharge-turntable .header .icon_nva_help[data-v-5f74fc1a],.recharge-turntable .header .icon_History[data-v-5f74fc1a]{font-size:.64rem;color:var(--text_primary, #D4E8FF);margin:0 .16rem}.recharge-turntable .header .title[data-v-5f74fc1a]{height:1.17333rem;line-height:1.17333rem;top:0;left:50%;flex:1}.recharge-turntable .header .right_icon[data-v-5f74fc1a]{padding:0 .16rem;height:.85333rem;display:flex;align-items:center;border-radius:.66667rem;background:var(--secondary_color2, #304059)}.recharge-turntable .header .right_icon img[data-v-5f74fc1a]{width:.64rem;height:.64rem;margin-right:.08rem}.recharge-turntable .header .right_icon[data-v-5f74fc1a]{color:var(--main_color, #4298EA);font-size:.37333rem;font-weight:400;line-height:.48rem}.recharge-turntable .user_money[data-v-5f74fc1a]{height:.85333rem;text-align:center;line-height:.85333rem;border-radius:.66667rem;color:var(--main_color, #4298EA);font-size:.37333rem;font-weight:400;padding:0 .16rem}.recharge-turntable .notice_head[data-v-5f74fc1a]{padding-top:.53333rem;height:.8rem;margin-bottom:.32rem}.recharge-turntable .left_btn[data-v-5f74fc1a],.recharge-turntable .right_btn[data-v-5f74fc1a]{width:1.53333rem;height:.8rem;color:var(--text_primary, #D4E8FF);text-align:center;font-size:.32rem;font-weight:400;line-height:.8rem;background:var(--main_color, #4298EA)}.recharge-turntable .left_btn[data-v-5f74fc1a]{border-radius:0 .21333rem .21333rem 0}.recharge-turntable .right_btn[data-v-5f74fc1a]{border-radius:.21333rem 0 0 .21333rem}.recharge-turntable .title1[data-v-5f74fc1a]{width:9.18667rem;margin:auto;text-align:center;font-size:.58667rem;font-weight:500;color:var(--text_primary, #D4E8FF)}.recharge-turntable .title1 span[data-v-5f74fc1a]{color:var(--norm_hint_color, #EDB04C);font-weight:700}.recharge-turntable .title1-2[data-v-5f74fc1a]{width:100%}.recharge-turntable .title2[data-v-5f74fc1a]{width:9.18667rem;color:var(--text_primary, #D4E8FF);text-align:center;font-size:.29333rem;font-style:normal;font-weight:400;line-height:normal;margin:auto auto .21333rem}.recharge-turntable .title2 span[data-v-5f74fc1a]{color:var(--norm_hint_color, #EDB04C);font-weight:700}.recharge-turntable .deposit_btn[data-v-5f74fc1a]{width:8.08rem;border-radius:.66667rem;text-align:center;color:var(--text_btn_main, #F1F7FF);font-size:.37333rem;line-height:.96rem;margin:auto auto .32rem;font-weight:600}.recharge-turntable .message[data-v-5f74fc1a]{color:var(--main_color, #4298EA);text-align:center;font-size:.29333rem;font-weight:400;line-height:.53333rem;width:7.46667rem;height:.53333rem;background:linear-gradient(90deg,#fff0,#ffffff1a 25.11%,#fff3 50.28%,#ffffff1a 75.32%,#fff0)}.recharge-turntable .message .icon_notice_turntable[data-v-5f74fc1a]{width:.32rem;height:.32rem;margin-right:.10667rem}.recharge-turntable .turntable_main[data-v-5f74fc1a]{position:relative;width:100%;height:100%;padding-top:2.32rem}.recharge-turntable .turntable_main .menu_list[data-v-5f74fc1a]{position:absolute;top:0;left:0;width:100%;height:2.37333rem}.recharge-turntable .turntable_main .menu_list .menu_item[data-v-5f74fc1a]{width:2.29333rem;height:2.37333rem;border-radius:.16rem .16rem 0 0;background:var(--secondary_color2, #304059);position:relative}.recharge-turntable .turntable_main .menu_list .menu_item img[data-v-5f74fc1a]{width:1.17453rem;height:1.17453rem;margin:0 auto}.recharge-turntable .turntable_main .menu_list .menu_item .menu_name[data-v-5f74fc1a]{color:var(--v23e76aee);text-align:center;font-size:.32rem;font-weight:400}.recharge-turntable .turntable_main .menu_list .menu_item .brade[data-v-5f74fc1a]{position:absolute;top:-.13333rem;right:.05333rem;width:.42667rem;height:.42667rem;background:var(--norm_red_color, #a78bfa);border-radius:50%;color:#fff;text-align:center;line-height:.37333rem;font-size:.29333rem}.recharge-turntable .turntable_main .menu_list .menu_item .lock_icon[data-v-5f74fc1a]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.64rem;height:.64rem;z-index:2}.recharge-turntable .turntable_main .menu_list .active[data-v-5f74fc1a]{box-shadow:0 .04rem 0 0 var(--v27751562) inset!important;background:var(--fe0dba96)!important;position:relative;z-index:4}.recharge-turntable .turntable_main .menu_list .active .menu_name[data-v-5f74fc1a]{color:#fff!important}.recharge-turntable .turntable_main .menu_list .lock .menu_icon[data-v-5f74fc1a],.recharge-turntable .turntable_main .menu_list .lock .menu_name[data-v-5f74fc1a]{opacity:.3}.recharge-turntable .turntable_main .turntable[data-v-5f74fc1a]{z-index:3;width:100%;height:16.08rem;background:var(--v6a5b1bc6);border-top:.04rem solid var(--v27751562);position:relative;padding-top:.26667rem;overflow:hidden}.recharge-turntable .turntable_main .turntable .deposit_info[data-v-5f74fc1a]{height:2.76rem;margin-bottom:.54667rem}.recharge-turntable .turntable_main .turntable .main_bg[data-v-5f74fc1a]{width:100%;height:calc(100% - 2.76rem);position:absolute;top:2.76rem;left:0;z-index:1}.recharge-turntable .turntable_main .turntable .deposit_tip[data-v-5f74fc1a]{color:#fff;text-align:center;font-size:.32rem;font-weight:500;margin-bottom:.16rem;height:.53333rem}.recharge-turntable .turntable_main .turntable .progress_box[data-v-5f74fc1a]{width:8.4rem;margin:0 auto;position:relative}.recharge-turntable .turntable_main .turntable .progress_box .progress[data-v-5f74fc1a]{position:absolute;left:0;top:0;width:8.4rem;height:.48rem;border-radius:.32rem;background:var(--v6cb20e75);border:.02667rem solid var(--v27751562);box-sizing:content-box}.recharge-turntable .turntable_main .turntable .progress_box .progress_up[data-v-5f74fc1a]{position:absolute;top:.05333rem;left:.05333rem;height:.42667rem;border-radius:.32rem;background:linear-gradient(0deg,#ffd47e,#f98e0f 98.5%)}.recharge-turntable .turntable_main .turntable .progress_box .progress_list[data-v-5f74fc1a]{position:absolute;top:-.02667rem;left:0;width:100%;display:flex;align-items:center;padding:0 .66667rem}.recharge-turntable .turntable_main .turntable .progress_box .progress_list .pr_item[data-v-5f74fc1a]{position:absolute;top:0;color:#fff;font-size:.32rem}.recharge-turntable .turntable_main .turntable .progress_box .progress_list .pr_item .pr_item_tit[data-v-5f74fc1a]{justify-content:center}.recharge-turntable .turntable_main .turntable .progress_box .progress_list .pr_item img[data-v-5f74fc1a]{width:.61333rem;height:.61333rem;margin:auto}.recharge-turntable .turntable_main .turntable .progress_box .progress_list .pr_item .saturate_img[data-v-5f74fc1a]{filter:saturate(.3)}.recharge-turntable .turntable_main .turntable .progress_box .progress_list .pr_item .amount[data-v-5f74fc1a]{line-height:.61333rem;text-align:center}.recharge-turntable .turntable_main .turntable .progress_box .progress_list .pr_item .spinCount[data-v-5f74fc1a]{font-weight:400;color:var(--v27751562);text-align:center}.recharge-turntable .turntable_main .turntable .progress_box .progress_list .pr_item .pr_item_tit[data-v-5f74fc1a]{margin-left:-130%}.recharge-turntable .turntable_main .turntable .progress_box .progress_list .pr_item[data-v-5f74fc1a]:first-child{margin-top:.61333rem}.recharge-turntable .turntable_main .turntable .progress_box .progress_list .pr_item:first-child .pr_item_tit[data-v-5f74fc1a]{margin-left:0}.recharge-turntable .turntable_main .turntable .progress_box .progress_list .pr_item:last-child>.pr_item_tit[data-v-5f74fc1a]{margin-left:-130%}.recharge-turntable .turntable_main .turntable #turntableCanvas[data-v-5f74fc1a]{width:8rem;height:8rem;margin:0 auto;position:relative;z-index:5}.free_dialog[data-v-5f74fc1a]{display:flex;justify-content:center;align-items:center}.free_dialog .txt[data-v-5f74fc1a]{padding-top:.8rem;color:#c4b5fd;text-align:center;font-size:.32rem;font-weight:400;margin-bottom:.48rem}.free_dialog .reward[data-v-5f74fc1a]{display:inline-block;border-radius:.4rem;background:linear-gradient(180deg,#3c2080,#1a0a3d);padding:.05333rem .16rem;height:.64rem;margin-left:50%;transform:translate(-50%)}.free_dialog .reward img[data-v-5f74fc1a]{width:.53333rem;height:.53333rem}.free_dialog .reward span[data-v-5f74fc1a]{font-size:.32rem;font-weight:600;background:linear-gradient(180deg,#fff5e9 26.19%,#ffd342 43.75%,#ffbf51 54.34%,#fb7536 73.81%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:.50667rem}[data-v-5f74fc1a] .head-main{background:var(--main_gradient_color)!important;padding:0 .32rem}[data-v-5f74fc1a] .head-main .titleColor{color:var(--text_color_L4)!important}[data-v-5f74fc1a] .head-main svg{color:var(--text_color_L4)!important}.tipDialog[data-v-5f74fc1a] .headIcon{width:3.65333rem;height:2.53333rem;margin-top:-2rem}.tipDialog .rewardsDialog[data-v-5f74fc1a]{text-align:center}.tipDialog .rewardsDialog p[data-v-5f74fc1a]{font-size:.37333rem;color:var(--text_primary, #D4E8FF);font-weight:500;margin-bottom:.26667rem}.tipDialog .rewardsDialog .getIcon[data-v-5f74fc1a]{display:flex;gap:.16rem;font-size:.34667rem;justify-content:center;align-items:center;margin-top:.26667rem}.tipDialog .rewardsDialog .getImg[data-v-5f74fc1a]{display:flex;align-items:center;border-radius:.4rem;padding-inline:.26667rem;height:.58667rem;background:var(--secondary_color2, #304059)}.tipDialog .rewardsDialog .icon4[data-v-5f74fc1a]{width:.4rem;height:.4rem}.tipDialog .rewardsDialog .raward_text[data-v-5f74fc1a]{color:var(--main_color, #4298EA);font-size:.32rem;font-weight:500;padding-inline:.13333rem;height:.58667rem;line-height:.58667rem}.tipDialog .btn[data-v-5f74fc1a]{width:100%;text-align:center;padding:.21333rem 0;border-radius:.66667rem;border:.02667rem solid var(--main_color);cursor:pointer}.tipDialog .cancelBtn[data-v-5f74fc1a]{background:var(--bg_color_L2);color:var(--main_color, #4298EA);border:.02667rem solid var(--main_color, #4298EA)}.tipDialog .confirmBtn[data-v-5f74fc1a]{color:var(--text_btn_main, #F1F7FF)}.lockDialog .unlock_tip[data-v-5f74fc1a]{color:var(--text_primary, #D4E8FF);text-align:center;font-size:.32rem;font-weight:500;margin-bottom:.16rem}.lockDialog .unlock_amount[data-v-5f74fc1a]{color:var(--norm_hint_color, #EDB04C);text-align:center;font-size:.42667rem;font-weight:600;margin-bottom:.32rem}.lockDialog .btn[data-v-5f74fc1a]{width:48%;text-align:center;padding:.21333rem 0;border-radius:.66667rem;border:.02667rem solid var(--main_color, #4298EA);cursor:pointer;font-size:.37333rem}.lockDialog .cancelBtn[data-v-5f74fc1a]{background-color:var(--bg_color_L2);color:var(--main_color, #4298EA)}.lockDialog .confirmBtn[data-v-5f74fc1a]{color:var(--text_btn_main, #F1F7FF);border:none}.ruleDialog[data-v-5f74fc1a] .dialog-content{padding:0 0 .26667rem;overflow:hidden}.ruleDialog[data-v-5f74fc1a] .dialog-footer{padding:0 .26667rem}.ruleDialog .head_bg[data-v-5f74fc1a]{background:var(--secondary_color2) no-repeat center;background-size:8.18667rem 1.17333rem;width:100%;height:1.17333rem;color:var(--text_primary, #1E2637);font-size:.42667rem;font-weight:400;line-height:1.17333rem;text-align:center}.ruleDialog .content[data-v-5f74fc1a]{width:100%;height:8.88rem;overflow-y:auto;margin:0 auto}.ruleDialog .content[data-v-5f74fc1a] .duan p{font-size:.37333rem!important;padding:0 .26667rem}.ruleDialog .content[data-v-5f74fc1a] .duan p img{object-fit:cover;width:100%;height:auto}.treasure_chest[data-v-5f74fc1a]{position:absolute;right:0;z-index:-1;top:0;width:5.33333rem}

/* =============================================
   MINE PAGE REDESIGN — Modern Card Style
   ============================================= */

.mine {
  background: var(--bg_color_L1) !important;
}

.mine-category {
  background: transparent !important;
  padding: 0.32rem 0.4rem !important;
  gap: 0.21333rem !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.mine-category-item {
  background: var(--secondary_color2, #304059) !important;
  border-radius: 0.32rem !important;
  padding: 0.37333rem 0.48rem !important;
  border-bottom: none !important;
  margin-bottom: 0.10667rem !important;
  display: grid !important;
  grid-template-columns: 1.17333rem 1fr auto !important;
  align-items: center !important;
  gap: 0.32rem !important;
  box-shadow: 0 0.05333rem 0.16rem rgba(0, 0, 0, 0.25) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  min-height: 1.28rem !important;
  cursor: pointer !important;
}

.mine-category-item:active {
  transform: scale(0.98) !important;
  box-shadow: 0 0.02667rem 0.08rem rgba(0, 0, 0, 0.15) !important;
}

.mine-category-item:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

.mine-category-item--icon {
  width: 1.17333rem !important;
  height: 1.17333rem !important;
  border-radius: 0.26667rem !important;
  background: linear-gradient(135deg, var(--main_gradient_1, #06D6FD), var(--main_gradient_2, #0070F4)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.64rem !important;
  color: #fff !important;
  flex-shrink: 0 !important;
  box-shadow: 0 0.05333rem 0.21333rem rgba(66, 152, 234, 0.4) !important;
  overflow: hidden !important;
  position: relative !important;
}

.mine-category-item--icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.mine-category-item--name {
  color: var(--text_primary, #D4E8FF) !important;
  font-size: 0.42667rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.mine-category-item--tips,
.mine-desc {
  color: var(--text_secondary, #86A1C0) !important;
  font-size: 0.32rem !important;
  font-weight: 400 !important;
  margin-top: 0.05333rem !important;
}

.mine-badge {
  background: var(--main_color, #4298EA) !important;
  color: #fff !important;
  border-radius: 0.53333rem !important;
  padding: 0 0.16rem !important;
  font-size: 0.32rem !important;
  font-weight: 600 !important;
  min-width: 0.53333rem !important;
  height: 0.53333rem !important;
  line-height: 0.53333rem !important;
  text-align: center !important;
}

.mine-category-item .ar_icon,
.mine-category-item svg,
.mine-category-item i[class*="arrow"],
.mine-category-item span[class*="arrow"] {
  color: var(--text_tertiary, #627088) !important;
  font-size: 0.42667rem !important;
}

.mine-category-item:nth-child(1) .mine-category-item--icon {
  background: linear-gradient(135deg, #4298EA, #1B7DED) !important;
}
.mine-category-item:nth-child(2) .mine-category-item--icon {
  background: linear-gradient(135deg, #F59E0B, #EA6A0B) !important;
}
.mine-category-item:nth-child(3) .mine-category-item--icon {
  background: linear-gradient(135deg, #10B981, #059669) !important;
}
.mine-category-item:nth-child(4) .mine-category-item--icon {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9) !important;
}
.mine-category-item:nth-child(5) .mine-category-item--icon {
  background: linear-gradient(135deg, #EC4899, #BE185D) !important;
}
.mine-category-item:nth-child(6) .mine-category-item--icon {
  background: linear-gradient(135deg, #14B8A6, #0F766E) !important;
}
.mine-category-item:nth-child(7) .mine-category-item--icon {
  background: linear-gradient(135deg, #F97316, #C2410C) !important;
}
.mine-category-item:nth-child(8) .mine-category-item--icon {
  background: linear-gradient(135deg, #EAB308, #A16207) !important;
}
.mine-category-item:nth-child(9) .mine-category-item--icon {
  background: linear-gradient(135deg, #3B82F6, #1D4ED8) !important;
}
.mine-category-item:nth-child(10) .mine-category-item--icon {
  background: linear-gradient(135deg, #6366F1, #4338CA) !important;
}

.mine-loginout {
  margin: 0.42667rem 0.4rem 1.06667rem !important;
  border-radius: 0.53333rem !important;
  background: transparent !important;
  border: 0.02667rem solid var(--norm_red_color, #DA554E) !important;
  color: var(--norm_red_color, #DA554E) !important;
  text-align: center !important;
  padding: 0.32rem !important;
  font-weight: 600 !important;
  font-size: 0.42667rem !important;
}

/* =============================================
   NAVIGATION BAR REDESIGN
   ============================================= */

.tabbar-container,
.tabbar-container[data-v-f71dd931] {
  overflow: visible !important;
}

.tabbar-content,
.tabbar-content[data-v-f71dd931] {
  overflow: visible !important;
}

.van-tabbar {
  background: linear-gradient(180deg, var(--secondary_color2, #304059) 0%, var(--bg_color_L2, #202733) 100%) !important;
  box-shadow: 0 -0.05333rem 0.32rem rgba(0, 0, 0, 0.4) !important;
  border-top: 0.01333rem solid rgba(66, 152, 234, 0.2) !important;
  height: 1.6rem !important;
  padding: 0 !important;
  overflow: visible !important;
  position: relative !important;
}

.van-tabbar-item {
  overflow: visible !important;
  position: relative !important;
  flex: 1 !important;
}

.van-tabbar-item .van-tabbar-item__icon {
  color: var(--text_tertiary, #627088) !important;
  font-size: 0.64rem !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.van-tabbar-item--active .van-tabbar-item__icon {
  color: var(--main_color, #4298EA) !important;
  transform: scale(1.1) !important;
}

.van-tabbar-item .van-tabbar-item__text {
  color: var(--text_secondary, #86A1C0) !important;
  font-size: 0.29333rem !important;
  font-weight: 400 !important;
  transition: color 0.2s ease !important;
  margin-top: 0.05333rem !important;
}

.van-tabbar-item--active .van-tabbar-item__text {
  color: var(--main_color, #4298EA) !important;
  font-weight: 600 !important;
}

.van-tabbar-item:nth-child(3) {
  position: relative !important;
  z-index: 10 !important;
  overflow: visible !important;
}

.van-tabbar-item:nth-child(3) .van-tabbar-item__icon {
  position: relative !important;
  z-index: 10 !important;
  overflow: visible !important;
}

.van-tabbar::before {
  content: '' !important;
  position: absolute !important;
  top: -0.64rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 2.13333rem !important;
  height: 2.13333rem !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--main_gradient_1, #06D6FD), var(--main_gradient_2, #0070F4)) !important;
  box-shadow: 0 0.10667rem 0.42667rem rgba(66, 152, 234, 0.6), 0 0 0 0.08rem rgba(255,255,255,0.15) !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.van-tabbar::after {
  content: '' !important;
  position: absolute !important;
  top: -0.53333rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 1.86667rem !important;
  height: 1.06667rem !important;
  background: transparent !important;
  border-radius: 0 0 50% 50% !important;
  box-shadow: 0 -0.05333rem 0 0.21333rem var(--bg_color_L2, #202733) !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

.van-tabbar .v28-gem-left,
.van-tabbar .v28-gem-right {
  position: absolute !important;
  top: -0.21333rem !important;
  width: 0.42667rem !important;
  height: 0.42667rem !important;
  z-index: 6 !important;
  pointer-events: none !important;
}

.van-tabbar .v28-gem-left {
  left: calc(50% - 1.33333rem) !important;
}

.van-tabbar .v28-gem-right {
  right: calc(50% - 1.33333rem) !important;
}

.v28-tab-anim-icon {
  position: absolute !important;
  bottom: 1.38667rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 1.17333rem !important;
  height: 1.17333rem !important;
  pointer-events: none !important;
  z-index: 1000 !important;
  opacity: 0 !important;
  transition: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.v28-tab-anim-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.v28-tab-anim-icon.v28-pop-active {
  animation: v28PopUp 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
}

@keyframes v28PopUp {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(0.53333rem) scale(0.5);
  }
  60% {
    opacity: 1;
    transform: translateX(-50%) translateY(-0.32rem) scale(1.15);
  }
  80% {
    transform: translateX(-50%) translateY(-0.21333rem) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(-0.26667rem) scale(1);
  }
}

.v28-tab-anim-icon.v28-pop-dismiss {
  animation: v28PopDown 0.3s ease-in forwards !important;
}

@keyframes v28PopDown {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(-0.26667rem) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(0.26667rem) scale(0.6);
  }
}

.v28-tab-anim-icon.v28-spin-active img {
  animation: v28SpinContinuous 2s linear infinite !important;
}

@keyframes v28SpinContinuous {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.v28-tab-anim-icon.v28-float-active img {
  animation: v28FloatBounce 1.5s ease-in-out infinite !important;
}

@keyframes v28FloatBounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-0.13333rem); }
}

.v28-tab-anim-icon.v28-sparkle-active {
  animation: v28PopUp 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
}
.v28-tab-anim-icon.v28-sparkle-active img {
  animation: v28DiamondSpin 1.2s ease-in-out infinite alternate !important;
}

@keyframes v28DiamondSpin {
  0%   { transform: rotate(-15deg) scale(1); }
  100% { transform: rotate(15deg) scale(1.1); }
}

.v28-tab-anim-icon.v28-glow-active img {
  animation: v28GlowPulse 1s ease-in-out infinite alternate !important;
}

@keyframes v28GlowPulse {
  0%   { filter: drop-shadow(0 0 0.05333rem rgba(66,152,234,0.4)); }
  100% { filter: drop-shadow(0 0 0.26667rem rgba(66,152,234,0.9)); }
}

/* ==========================================================
   MINE PAGE COMPLETE REDESIGN — v28 (Match Reference Style)
   ========================================================== */

/* Page base */
.mine {
  background: var(--bg_color_L1, #1A2233) !important;
  padding-bottom: 3.73333rem !important;
}

/* ── BALANCE CARD REDESIGN ── */
.mine-account {
  margin: 0.21333rem 0.4rem 0.32rem !important;
  height: auto !important;
  min-height: 2.13333rem !important;
  background: linear-gradient(135deg, #1B4B82 0%, #2A5298 40%, #304059 100%) !important;
  border-radius: 0.32rem !important;
  padding: 0.37333rem 0.48rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 0.21333rem !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 0.10667rem 0.32rem rgba(66, 152, 234, 0.3) !important;
}

.mine-account::after {
  content: '' !important;
  position: absolute !important;
  right: -0.21333rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 2.13333rem !important;
  height: 2.13333rem !important;
  background: url('/img/custom/mine_coins_decoration.png') no-repeat center !important;
  background-size: contain !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
}

.mine-account::before {
  content: 'Available balance' !important;
  position: absolute !important;
  top: 0.21333rem !important;
  left: 0.48rem !important;
  font-size: 0.29333rem !important;
  color: rgba(212, 232, 255, 0.7) !important;
  font-weight: 400 !important;
  pointer-events: none !important;
}

.mine-account--balance {
  color: #fff !important;
  font-size: 0.58667rem !important;
  font-weight: 700 !important;
  margin-top: 0.42667rem !important;
}

.mine-account--refresh {
  color: rgba(212, 232, 255, 0.8) !important;
  font-size: 0.37333rem !important;
}

/* ── ACTION BUTTONS REDESIGN ── */
.mine-account-function {
  background: var(--secondary_color2, #304059) !important;
  margin: 0 0.4rem 0.32rem !important;
  border-radius: 0.32rem !important;
  padding: 0.42667rem 0.32rem !important;
  display: flex !important;
  justify-content: space-around !important;
  gap: 0 !important;
}

.mine-account-function > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.16rem !important;
  flex: 1 !important;
  cursor: pointer !important;
}

.mine-account-function > div .icon {
  width: 1.17333rem !important;
  height: 1.17333rem !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-shadow: 0 0.08rem 0.21333rem rgba(0,0,0,0.3) !important;
}

.mine-account-function > div:nth-child(1) .icon {
  background: linear-gradient(135deg, #F59E0B, #D97706) !important;
}
.mine-account-function > div:nth-child(2) .icon {
  background: linear-gradient(135deg, #06D6FD, #0070F4) !important;
}
.mine-account-function > div:nth-child(3) .icon {
  background: linear-gradient(135deg, #10B981, #059669) !important;
}
.mine-account-function > div:nth-child(4) .icon {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9) !important;
}

.mine-account-function--name {
  color: var(--text_primary, #D4E8FF) !important;
  font-size: 0.32rem !important;
  font-weight: 500 !important;
}

/* ── HIDE ORIGINAL .mine-category (JS injects new structure) ── */
.mine-category {
  display: none !important;
}

/* ── INJECTED STRUCTURE STYLES ── */

.v28-mine-body {
  padding: 0 0.4rem !important;
}

.v28-mine-section {
  margin-bottom: 0.16rem !important;
}

/* Full-width single card item */
.v28-mine-card {
  display: grid !important;
  grid-template-columns: 1.06667rem 1fr auto !important;
  align-items: center !important;
  gap: 0.26667rem !important;
  background: var(--secondary_color2, #304059) !important;
  border-radius: 0.26667rem !important;
  padding: 0.32rem 0.37333rem !important;
  margin-bottom: 0.16rem !important;
  cursor: pointer !important;
  box-shadow: 0 0.05333rem 0.16rem rgba(0,0,0,0.25) !important;
  transition: opacity 0.15s ease !important;
}

.v28-mine-card:active {
  opacity: 0.75 !important;
}

.v28-mine-card-icon {
  width: 1.06667rem !important;
  height: 1.06667rem !important;
  border-radius: 0.21333rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  position: relative !important;
}

.v28-mine-card-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.v28-mine-card-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.05333rem !important;
  overflow: hidden !important;
  min-width: 0 !important;
}

.v28-mine-card-title {
  color: var(--text_primary, #D4E8FF) !important;
  font-size: 0.37333rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.v28-mine-card-subtitle {
  color: var(--text_secondary, #86A1C0) !important;
  font-size: 0.29333rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.v28-mine-card-right {
  display: flex !important;
  align-items: center !important;
  gap: 0.16rem !important;
  flex-shrink: 0 !important;
}

.v28-mine-card-badge {
  background: var(--main_color, #4298EA) !important;
  color: #fff !important;
  border-radius: 0.53333rem !important;
  padding: 0.05333rem 0.21333rem !important;
  font-size: 0.29333rem !important;
  font-weight: 600 !important;
  min-width: 0.53333rem !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

.v28-mine-card-badge.badge-text {
  background: rgba(66, 152, 234, 0.18) !important;
  color: var(--main_color, #4298EA) !important;
  border: 0.01333rem solid rgba(66, 152, 234, 0.3) !important;
}

.v28-mine-card-arrow {
  color: var(--text_tertiary, #627088) !important;
  font-size: 0.37333rem !important;
  font-style: normal !important;
}

/* ── 2×2 GRID SECTION ── */
.v28-mine-grid-2x2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.16rem !important;
  margin-bottom: 0.16rem !important;
}

.v28-mine-grid-cell {
  background: var(--secondary_color2, #304059) !important;
  border-radius: 0.26667rem !important;
  padding: 0.37333rem 0.32rem !important;
  cursor: pointer !important;
  box-shadow: 0 0.05333rem 0.16rem rgba(0,0,0,0.25) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.13333rem !important;
  transition: opacity 0.15s ease !important;
  min-height: 1.86667rem !important;
}

.v28-mine-grid-cell:active {
  opacity: 0.75 !important;
}

.v28-mine-grid-icon {
  width: 0.85333rem !important;
  height: 0.85333rem !important;
  border-radius: 0.18667rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  margin-bottom: 0.10667rem !important;
  flex-shrink: 0 !important;
}

.v28-mine-grid-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.v28-mine-grid-title {
  color: var(--text_primary, #D4E8FF) !important;
  font-size: 0.34667rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.v28-mine-grid-subtitle {
  color: var(--text_secondary, #86A1C0) !important;
  font-size: 0.26667rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

/* Logout button */
.mine-loginout {
  margin: 0.53333rem 0.4rem 0.53333rem !important;
  width: calc(100% - 0.8rem) !important;
  border: 0.02667rem solid var(--norm_red_color, #DA554E) !important;
  color: var(--norm_red_color, #DA554E) !important;
  border-radius: 0.53333rem !important;
  background: transparent !important;
  text-align: center !important;
  font-size: 0.42667rem !important;
  padding: 0.32rem 0 !important;
  font-weight: 600 !important;
  display: block !important;
}