@charset "UTF-8";

/* ==========================================
   🔥 ULTRA PREMIUM RED DARK RGB 3D CSS MASTER
   ========================================== */

:root {
  --bg-main: #050505;
  --bg-secondary: #0E0E0E;
  --bg-card: #171717;
  --bg-glass: rgba(255,255,255,.05);

  --red-dark: #2B0000;
  --red-primary: #5A0000;
  --red-rgb: #C30010;
  --red-neon: #FF1A2D;
  --red-light: #FF4D5E;
  --red-glow: #FF0022;

  --text-main: #FFFFFF;
  --text-secondary: #CFCFCF;
  --text-muted: #888888;

  --border-red: rgba(255,0,40,.35);

  --gradient-main: linear-gradient(135deg, #230000, #520000, #8B0000, #FF1A2D);
  --gradient-button: linear-gradient(90deg, #8B0000, #D0001F, #FF2B45);

  /* Legacy Mapping for Vant & Custom */
  --main-color: var(--red-neon);
  --main_gradient-color: var(--gradient-button);
  --main_gradient-color2: linear-gradient(180deg, #8B0000 0%, #FF1A2D 100%);
  --light-main_gradient-color: var(--gradient-main);
  --text_white: var(--text-main);
  --light-bg_white: var(--bg-secondary);
  --light-main-color: var(--red-neon);
  --norm_red-color: var(--red-neon);
  --norm_green-color: #18b660;
  --norm_secondary-color: #feaa57;
  --norm_Purple-color: #c86eff;
  --norm_bule-color: #6ea8f4;
  --Secondary_red_color: var(--red-light);
  --Secondary_green_color: #40ad72;
  --Secondary_Color1: rgba(255, 26, 45, 0.15);
  --Secondary_Color2: rgba(24, 182, 96, 0.15);
  --button_dis_color: linear-gradient(90deg, #2a2a2a 15.38%, #333333 98.73%);
  --Secondary_moto_Color9: var(--red-neon);
  --Secondary_moto_Color8: rgba(255, 26, 45, 0.2);
  --text_color_L1: var(--text-main);
  --text_color_L2: var(--text-secondary);
  --text_color_L3: var(--text-muted);
  --text_color_L4: var(--text-main);
  --norm_purple1_color: #7b8eff;
  --norm_Orange_color: #fbb84d;
  --norm_green_color: #3ac967;
  --norm_blue_color: #54b0fd;
  --norm_purple2_color: #c36fff;
  --norm_brown_color: #b7805f;
  --norm_blue2_color: #2ad4c5;
  --norm_blue3_color: #7fadd1;
  --norm_Orange2_color: #fd8654;
  --bg_color_L1: var(--bg-main);
  --bg_color_L2: var(--bg-card);
  --bg_color_L3: var(--bg-secondary);
  --Dividing-line_color: var(--border-red);
  --sheet_nva_color: var(--red-neon);
  --sheet_detail_bg_color: var(--bg-card);
  --pop_bg-color: linear-gradient(180deg, #8B0000 0%, #FF1A2D 68.59%);
  --icon1: rgba(255, 26, 45, 0.6);
  --icon2: rgba(255, 26, 45, 0.3);
  --tab1: #8B0000;
  --tab2: #FF1A2D;
  --iconSecondary: rgba(24, 182, 96, 0.3);
  --van-sidebar-text-color: var(--red-neon);
  --van-picker-background: var(--bg-card);
  --van-picker-option-text-color: var(--text-secondary);
  --van-picker-confirm-action-color: var(--red-neon);
  --van-checkbox-checked-icon-color: var(--red-neon);
  --van-checkbox-label-color: var(--text-secondary);
  --van-field-input-text-color: var(--text-main);
  --van-radio-checked-icon-color: var(--red-neon);
  --van-grid-item-content-background: var(--bg-glass);
  --van-text-color: var(--text-main);
  --van-dialog-background: var(--bg-glass);
  --van-circle-color: var(--red-neon);
  --van-circle-layer-color: var(--bg-secondary);
  --van-calendar-range-edge-background: var(--red-neon);
  --van-button-primary-background: var(--red-neon);
  --van-button-primary-border-color: var(--red-neon);
}

/* GLOBAL BACKGROUND & ANIMATIONS */
html, body {
  background-color: var(--bg-main) !important;
  color: var(--text-main);
  font-family: 'bahnschrift', sans-serif;
}

#app {
  background: var(--bg-main);
  background-image: 
    radial-gradient(circle at 15% 15%, rgba(139, 0, 0, 0.3), transparent 40%),
    radial-gradient(circle at 85% 85%, rgba(255, 26, 45, 0.2), transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(20, 0, 0, 0.8), transparent 70%);
  box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.9);
  position: relative;
  overflow: hidden;
}

#app::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: 
    radial-gradient(circle, rgba(255, 0, 40, 0.05) 0%, transparent 10%) 0 0 / 20px 20px,
    radial-gradient(circle, rgba(255, 0, 40, 0.05) 0%, transparent 10%) 10px 10px / 20px 20px;
  animation: bgShift 20s linear infinite;
  opacity: 0.4;
  z-index: 0;
  pointer-events: none;
}

@keyframes bgShift {
  0% { transform: translate(0, 0); }
  100% { transform: translate(20px, 20px); }
}

@keyframes rgbGlow {
  0%, 100% { box-shadow: 0 0 10px var(--red-neon), 0 0 20px var(--red-rgb), inset 0 0 5px var(--red-dark); }
  50% { box-shadow: 0 0 20px var(--red-light), 0 0 40px var(--red-neon), inset 0 0 15px var(--red-primary); }
}

@keyframes pulseRed {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.7; transform: scale(1.02); }
}

@keyframes shineSweep {
  0% { transform: translateX(-150%) skewX(-25deg); }
  100% { transform: translateX(250%) skewX(-25deg); }
}

@keyframes floatCard {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

@keyframes neonBlink {
  0%, 100% { opacity: 1; filter: drop-shadow(0 0 5px var(--red-neon)); }
  50% { opacity: 0.6; filter: drop-shadow(0 0 10px var(--red-light)); }
}

@keyframes borderRotate {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeDown {
  from { opacity: 0; transform: translateY(-15px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideLeft {
  from { opacity: 0; transform: translateX(15px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes slideRight {
  from { opacity: 0; transform: translateX(-15px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes slideUp {
  from { opacity: 0; transform: translateY(100%); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-100%); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes rippleRed {
  0% { transform: scale(0); opacity: 0.8; background: var(--red-neon); }
  100% { transform: scale(4); opacity: 0; background: var(--red-dark); }
}

@keyframes scaleBounce {
  0% { transform: scale(0.8); opacity: 0; }
  60% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(1); }
}

/* PREMIUM SCROLLBAR */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--bg-main);
  border-left: 1px solid var(--border-red);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--red-neon), var(--red-dark));
  border-radius: 10px;
  box-shadow: 0 0 10px var(--red-neon);
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(var(--red-light), var(--red-primary));
}

/* RESET & BASE */
html,
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
#app {
  width: 10rem;
  height: fit-content;
  min-height: 100vh;
  position: relative;
  z-index: 1;
}
.norem-app {
  width: 5rem;
}
@media screen and (max-width: 500px) {
  #app {
    width: 100%;
    min-height: 100vh;
  }
  #app::-webkit-scrollbar {
    width: 0;
    background: transparent;
  }
  .van-popup.van-popup--bottom {
    max-width: none;
  }
}
@media (min-width: 501px) {
  .van-popup.van-popup--bottom {
    max-width: 10rem;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .van-popup.van-popup--center {
    max-width: 10rem;
  }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#app #home .onlineGamesItem,
#app #home .onlineGamesItem .min_game_img {
  width: 3.36rem;
  height: 4.26667rem;
  border-radius: 0.26667rem;
  background: var(--bg-glass);
  border: 1px solid var(--border-red);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5), 0 0 10px rgba(255,0,40,0.1);
  overflow: hidden;
  transition: all 0.3s ease;
}
#app #home .onlineGamesItem:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.8), 0 0 20px var(--red-neon);
  border-color: var(--red-neon);
}
#app #home .minGame_container {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.21333rem;
}

/* VANT BUTTONS & DEFAULTS */
.van-toast[data-v-60defda3],
.van-toast[data-v-5eb72be7],
.van-toast[data-v-9cd12fb2],
.van-toast[data-v-3d4fafbb],
.van-toast[data-v-12a80a3e],
.van-toast[data-v-647954c7],
.van-toast[data-v-fa757a88],
.van-toast {
  word-break: break-word !important;
  background: var(--bg-glass) !important;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border: 1px solid var(--border-red);
  color: var(--text-main) !important;
  box-shadow: 0 0 20px rgba(255, 0, 40, 0.2);
}

.cg-default.van-button,
.cg-default.van-button[data-v-60defda3],
.cg-default.van-button[data-v-5eb72be7],
.cg-default.van-button[data-v-9cd12fb2],
.cg-default.van-button[data-v-3d4fafbb],
.cg-default.van-button[data-v-12a80a3e],
.cg-default.van-button[data-v-647954c7],
.cg-default.van-button[data-v-fa757a88] {
  font-weight: 700;
  font-size: 0.4rem;
  background: var(--gradient-button);
  border: 1px solid var(--red-light);
  border-radius: 20px;
  color: var(--text-main);
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  box-shadow: 0 5px 15px rgba(139, 0, 0, 0.4), inset 0 1px 0 rgba(255,255,255,0.2);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.cg-default.van-button::after,
.cg-default.van-button[data-v-60defda3]::after,
.cg-default.van-button[data-v-5eb72be7]::after,
.cg-default.van-button[data-v-9cd12fb2]::after,
.cg-default.van-button[data-v-3d4fafbb]::after,
.cg-default.van-button[data-v-12a80a3e]::after,
.cg-default.van-button[data-v-647954c7]::after,
.cg-default.van-button[data-v-fa757a88]::after {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 50%;
  background: linear-gradient(rgba(255,255,255,0.2), transparent);
  pointer-events: none;
}

.cg-default.van-button:hover,
.cg-default.van-button[data-v-60defda3]:hover,
.cg-default.van-button[data-v-5eb72be7]:hover,
.cg-default.van-button[data-v-9cd12fb2]:hover,
.cg-default.van-button[data-v-3d4fafbb]:hover,
.cg-default.van-button[data-v-12a80a3e]:hover,
.cg-default.van-button[data-v-647954c7]:hover,
.cg-default.van-button[data-v-fa757a88]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255, 26, 45, 0.5);
}

.cg-default.van-button:active,
.cg-default.van-button[data-v-60defda3]:active,
.cg-default.van-button[data-v-5eb72be7]:active,
.cg-default.van-button[data-v-9cd12fb2]:active,
.cg-default.van-button[data-v-3d4fafbb]:active,
.cg-default.van-button[data-v-12a80a3e]:active,
.cg-default.van-button[data-v-647954c7]:active,
.cg-default.van-button[data-v-fa757a88]:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}

.cg-default.van-button .van-button__icon,
.cg-default.van-button .van-button__icon[data-v-60defda3],
.cg-default.van-button .van-button__icon[data-v-5eb72be7],
.cg-default.van-button .van-button__icon[data-v-9cd12fb2],
.cg-default.van-button .van-button__icon[data-v-3d4fafbb],
.cg-default.van-button .van-button__icon[data-v-12a80a3e],
.cg-default.van-button .van-button__icon[data-v-647954c7],
.cg-default.van-button .van-button__icon[data-v-fa757a88] {
  height: 100%;
  display: flex;
  align-items: center;
  filter: drop-shadow(0 0 5px var(--red-neon));
}

.cg-default.van-button .van-button__icon > img,
.cg-default.van-button .van-button__icon > img[data-v-60defda3],
.cg-default.van-button .van-button__icon > img[data-v-5eb72be7],
.cg-default.van-button .van-button__icon > img[data-v-9cd12fb2],
.cg-default.van-button .van-button__icon > img[data-v-3d4fafbb],
.cg-default.van-button .van-button__icon > img[data-v-12a80a3e],
.cg-default.van-button .van-button__icon > img[data-v-647954c7],
.cg-default.van-button .van-button__icon > img[data-v-fa757a88] {
  height: 80%;
}

@media (orientation: landscape) {
  html.landscape,
  html.landscape[data-v-60defda3],
  html.landscape[data-v-5eb72be7],
  html.landscape[data-v-9cd12fb2],
  html.landscape[data-v-3d4fafbb],
  html.landscape[data-v-12a80a3e],
  html.landscape[data-v-647954c7],
  html.landscape[data-v-fa757a88] {
    font-size: 9vh !important;
  }
}

.isAppForcedDownloadEnabled-dialog,
.isAppForcedDownloadEnabled-dialog[data-v-60defda3],
.isAppForcedDownloadEnabled-dialog[data-v-5eb72be7],
.isAppForcedDownloadEnabled-dialog[data-v-9cd12fb2],
.isAppForcedDownloadEnabled-dialog[data-v-3d4fafbb],
.isAppForcedDownloadEnabled-dialog[data-v-12a80a3e],
.isAppForcedDownloadEnabled-dialog[data-v-647954c7],
.isAppForcedDownloadEnabled-dialog[data-v-fa757a88] {
  z-index: 9999999 !important;
  background: var(--bg-glass) !important;
  backdrop-filter: blur(22px);
  border: 1px solid var(--border-red);
  box-shadow: 0 0 40px var(--red-dark);
}

/* TABBAR PREMIUM */
.tabbar__container,
.tabbar__container[data-v-60defda3] {
  position: fixed;
  bottom: 0;
  left: 50%;
  display: flex;
  align-items: center;
  width: 10rem;
  transform: translateX(-50%);
  height: 1.73333rem;
  font-size: 0.36333rem;
  background: var(--bg-glass);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border-top: 1px solid var(--border-red);
  box-shadow: 0 -5px 20px rgba(0,0,0,0.8), 0 -1px 10px rgba(255,0,40,0.2);
  z-index: 100;
}

.tabbar__container-item,
.tabbar__container-item[data-v-60defda3] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 0.21707rem;
  color: var(--text-muted);
  transition: color 0.3s ease;
  position: relative;
}

.tabbar__container-item:nth-of-type(3) svg,
.tabbar__container-item:nth-of-type(3) svg[data-v-60defda3] {
  color: var(--text-main);
  filter: drop-shadow(0 0 8px var(--red-neon));
}

.tabbar__container-item:nth-of-type(3) .promotionBg,
.tabbar__container-item:nth-of-type(3) .promotionBg[data-v-60defda3] {
  background: linear-gradient(180deg, #8B0000 0%, #FF1A2D 80%);
  width: 1.6rem;
  height: 1.01333rem;
  border-radius: 0.50667rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 15px var(--red-neon), inset 0 1px 0 rgba(255,255,255,0.3);
  border: 1px solid var(--red-light);
}

.tabbar__container-item:nth-of-type(3) .turntableBg,
.tabbar__container-item:nth-of-type(3) .turntableBg[data-v-60defda3] {
  position: absolute;
  left: 00%;
  bottom: 0.02rem;
  transform: translate(-50%, 0);
  background-image: var(--60defda3-getInvitedWheelImgUrl);
  background-repeat: no-repeat;
  background-size: cover;
  width: 2.04rem;
  height: 2.04rem;
  z-index: 2;
  filter: drop-shadow(0 0 00px var(--red-neon));
  animation: floatCard 9s linear infinite;
}

.tabbar__container-item:nth-of-type(3) .turntable-text,
.tabbar__container-item:nth-of-type(3) .turntable-text[data-v-60defda3] {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0.21333rem;
  z-index: 3;
  font-size: 0.34667rem;
  font-weight: 600;
  color: var(--red-neon);
  text-shadow: 0 0 5px var(--red-glow);
  width: 2.44rem;
}

.tabbar__container-item svg,
.tabbar__container-item svg[data-v-60defda3] {
  display: block;
  width: 0.53333rem;
  height: 0.53333rem;
  transition: all 0.3s ease;
}

.tabbar__container-item span,
.tabbar__container-item span[data-v-60defda3] {
  line-height: 0.37333rem;
  height: 0.37333rem;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.tabbar__container-item.active,
.tabbar__container-item.active[data-v-60defda3] {
  color: var(--red-neon);
  text-shadow: 0 0 10px var(--red-glow);
}
.tabbar__container-item.active svg,
.tabbar__container-item.active svg[data-v-60defda3] {
  filter: drop-shadow(0 0 8px var(--red-neon));
  transform: translateY(-2px) scale(1.1);
}

@media screen and (max-width: 500px) {
  .tabbar__container,
  .tabbar__container[data-v-60defda3] {
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
  html:lang(ar) .tabbar__container,
  html:lang(ar) .tabbar__container[data-v-60defda3] {
    left: unset;
    right: 0;
  }
}

/* CUSTOMER SERVICE BUTTON */
.customer {
  position: fixed;
  bottom: 2.4rem;
  right: 0.4rem;
  width: 1.49333rem;
  height: 1.49333rem;
  border-radius: 50%;
  z-index: 108;
  background: var(--bg-glass);
  border: 1px solid var(--border-red);
  box-shadow: 0 0 20px var(--red-neon), inset 0 0 10px rgb(36 36 36);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulseRed 2s infinite;
}
.customer img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  filter: drop-shadow(0 0 5px var(--van-black));
}

/* START PAGE */
.start-page,
.start-page[data-v-5eb72be7] {
  position: fixed;
  z-index: 9999;
  width: 10rem;
  height: 100%;
  background: radial-gradient(circle at center, #1a0000, #050505);
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.start-page::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(circle, rgba(255,26,45,0.1) 0%, transparent 70%);
  pointer-events: none;
}

.start-page div,
.start-page div[data-v-5eb72be7] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.start-page div .dice,
.start-page div .dice[data-v-5eb72be7] {
  width: 9.36rem;
  height: 7.90667rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/assets/png/start-7790cc1c.webp);
  margin-bottom: 1.33333rem;
  filter: drop-shadow(0 10px 30px var(--red-neon));
  animation: floatCard 4s ease-in-out infinite;
}

.start-page div .logo,
.start-page div .logo[data-v-5eb72be7] {
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 2.13333rem;
  max-width: 50%;
  filter: drop-shadow(0 0 15px var(--red-light));
}

.start-page div .logo.vxth,
.start-page div .logo.vxth[data-v-5eb72be7] {
  margin-top: 40%;
}

.start-page div p,
.start-page div p[data-v-5eb72be7] {
  font-weight: 700;
  font-size: 0.50667rem;
  color: var(--text-main);
  margin-top: 0.4rem;
  padding: 0 0.13333rem;
  text-align: center;
  text-shadow: 0 0 10px var(--red-neon);
}

/* HEADER & FOOTER STYLES */
.header,
.header[data-v-9cd12fb2] {
  min-height: 1.86667rem;
  background-color: var(--bg-glass);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  color: var(--text-main);
  padding-top: 0.33333rem;
  border-radius: 0.26667rem 0.26667rem 0 0;
  border-bottom: 1px solid var(--border-red);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.header .title,
.header .title[data-v-9cd12fb2] {
  font-size: 0.37333rem;
  color: var(--text-main);
  text-shadow: 0 0 5px var(--red-neon);
}
.header .tip,
.header .tip[data-v-9cd12fb2] {
  font-size: 0.29333rem;
  font-weight: 400;
  margin-top: 0.26667rem;
  color: var(--text-muted);
}

.container,
.container[data-v-9cd12fb2] {
  padding: 0.26667rem 0.13333rem;
  background-color: var(--bg-card);
  max-height: calc(100vh - 8.4rem);
  overflow: auto;
  border-left: 1px solid var(--border-red);
  border-right: 1px solid var(--border-red);
}
.container[data-v-9cd12fb2] .first_list-item {
  box-shadow: 0 5px 15px rgba(0,0,0,0.3), inset 0 0 0 1px var(--border-red);
  background: var(--bg-glass);
  border-radius: 10px;
  margin-bottom: 10px;
}

.footer,
.footer[data-v-9cd12fb2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 1.33333rem;
  background-color: var(--bg-glass);
  backdrop-filter: blur(22px);
  padding: 0 0.26667rem;
  border-radius: 0 0 0.26667rem 0.26667rem;
  border-top: 1px solid var(--border-red);
}

.footer .btn,
.footer .btn[data-v-9cd12fb2] {
  background: var(--gradient-button);
  width: 2.66667rem;
  min-height: 0.66667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.33333rem;
  text-align: center;
  color: var(--text-main);
  font-size: 0.37333rem;
  font-weight: 700;
  box-shadow: 0 0 15px rgba(255, 26, 45, 0.4), inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
  border: 1px solid var(--red-light);
}
.footer .btn:active,
.footer .btn[data-v-9cd12fb2]:active {
  transform: scale(0.95);
  box-shadow: 0 0 5px var(--red-neon);
}

.footer .active,
.footer .active[data-v-9cd12fb2] {
  color: var(--text-main);
  font-size: 0.32rem;
  background-repeat: no-repeat;
  background-size: 0.48rem;
  background-position: left;
  display: flex;
  gap: 0.16rem;
  align-content: center;
}

[data-v-9cd12fb2] .first_list-item {
  background: var(--bg-glass);
  backdrop-filter: blur(10px);
  border: 1px solid var(--border-red);
}

.close,
.close[data-v-9cd12fb2] {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.93333rem;
  background-image: url(/assets/png/close-862c6a4d.webp);
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0 0 10px var(--red-neon));
  animation: neonBlink 2s infinite;
}

/* DIALOG WRAPPER */
.dialog-wrapper,
.dialog-wrapper[data-v-3d4fafbb] {
  padding: 0.26667rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--bg-glass);
  backdrop-filter: blur(22px);
  border: 1px solid var(--border-red);
  box-shadow: 0 0 30px var(--red-dark);
  border-radius: 12px;
}

.dialog-wrapper img,
.dialog-wrapper img[data-v-3d4fafbb] {
  width: 3.73333rem;
  height: 2.16rem;
  position: relative;
  margin-top: -0.74667rem;
  filter: drop-shadow(0 5px 15px var(--red-neon));
}

.dialog-wrapper .dialog-title,
.dialog-wrapper .dialog-title[data-v-3d4fafbb] {
  color: var(--text-main);
  margin: 0.4rem 0 0.26667rem;
  font-size: 0.48rem;
  font-weight: 700;
  text-shadow: 0 0 10px var(--red-neon);
}

.dialog-wrapper .dialog-tips,
.dialog-wrapper .dialog-tips[data-v-3d4fafbb] {
  color: var(--text-secondary);
  font-size: 0.32rem;
  margin: 0 0 0.32rem;
}

.dialog-wrapper .dialog-para,
.dialog-wrapper .dialog-para[data-v-3d4fafbb] {
  color: var(--text-secondary);
  font-size: 0.32rem;
}

.dialog-wrapper .dialog-btn,
.dialog-wrapper .dialog-btn[data-v-3d4fafbb] {
  width: 5.6rem;
  height: 1.06667rem;
  text-align: center;
  line-height: 1.06667rem;
  background: var(--gradient-button);
  border-radius: 1.06667rem;
  font-weight: 700;
  color: var(--text-main);
  font-size: 0.42667rem;
  margin-top: 0.53333rem;
  box-shadow: 0 0 20px rgba(255, 26, 45, 0.5), inset 0 1px 0 rgba(255,255,255,0.3);
  transition: all 0.3s ease;
  border: 1px solid var(--red-light);
}
.dialog-wrapper .dialog-btn:hover,
.dialog-wrapper .dialog-btn[data-v-3d4fafbb]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 25px var(--red-neon);
}

.dialog-wrapper .dialog-content,
.dialog-wrapper .dialog-content[data-v-3d4fafbb] {
  display: flex;
  align-items: center;
  color: var(--text-muted);
}

.dialog-wrapper .dialog-content img,
.dialog-wrapper .dialog-content img[data-v-3d4fafbb] {
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 0.13333rem 0 0;
  filter: drop-shadow(0 0 3px var(--red-neon));
}

.dialog-wrapper .dialog-footer,
.dialog-wrapper .dialog-footer[data-v-3d4fafbb] {
  position: relative;
  bottom: -1.46667rem;
}

.dialog-wrapper .dialog-footer img,
.dialog-wrapper .dialog-footer img[data-v-3d4fafbb] {
  width: 0.8rem;
  height: 0.8rem;
  filter: drop-shadow(0 0 5px var(--red-neon));
}

.custom18dialog .dialog-18,
.custom18dialog .dialog-18[data-v-3d4fafbb] {
  border-radius: 0.16rem;
  height: 6.66667rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0.53333rem;
  background: var(--bg-glass);
  backdrop-filter: blur(22px);
  border: 1px solid var(--border-red);
  box-shadow: 0 0 30px var(--red-dark);
}

.custom18dialog .dialog-18 .icon18,
.custom18dialog .dialog-18 .icon18[data-v-3d4fafbb] {
  display: block;
  height: 1.30667rem;
  width: 1.30667rem;
  margin: 0 auto;
  filter: drop-shadow(0 0 15px var(--red-neon));
}

.custom18dialog .dialog-18 span[data-v-3d4fafbb]:nth-child(1) {
  display: block;
  font-size: 0.53333rem;
  color: var(--text-main);
  margin: 0.53333rem 0 0.18667rem;
  font-weight: 600;
  text-shadow: 0 0 10px var(--red-neon);
}

.custom18dialog .dialog-18 .tip_txt,
.custom18dialog .dialog-18 .tip_txt[data-v-3d4fafbb] {
  font-size: 0.34667rem;
  color: var(--text-secondary);
  margin-bottom: 0.77333rem;
}

.custom18dialog .dialog-18 .dialog-footer .dialog-btn,
.custom18dialog .dialog-18 .dialog-footer .dialog-btn[data-v-3d4fafbb] {
  margin: 0 auto 0.32rem;
  width: 7.33333rem;
  height: 1.06667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.16rem;
  font-size: 0.37333rem;
  font-weight: 500;
}

.custom18dialog .dialog-18 .dialog-footer .btn-cnf,
.custom18dialog .dialog-18 .dialog-footer .btn-cnf[data-v-3d4fafbb] {
  background: var(--gradient-button);
  box-shadow: 0 0 15px var(--red-neon);
}

.custom18dialog .dialog-18 .dialog-footer .btn-cancel,
.custom18dialog .dialog-18 .dialog-footer .btn-cancel[data-v-3d4fafbb] {
  border: 0.01333rem solid var(--red-neon);
  color: var(--red-neon);
  background: transparent;
  box-shadow: 0 0 10px rgba(255, 26, 45, 0.2);
}

.noAge .dialog-18,
.noAge .dialog-18[data-v-3d4fafbb] {
  height: 5.06667rem;
}

.noAge .dialog-18 .dialog-footer,
.noAge .dialog-18 .dialog-footer[data-v-3d4fafbb] {
  margin-top: 0.53333rem;
}

@media screen and (min-width: 800px) {
  html {
    font-size: 2.5rem !important;
  }
}

@font-face {
  font-family: bahnschrift;
  font-weight: 500;
  src: url(/assets/woff2/bahnschrift-610d57ac.woff2);
}
@font-face {
  font-family: digitalDreamFat;
  src: url(/assets/ttf/digitalDreamFat-7e51cfaf.ttf) format("truetype");
}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  color: var(--text-main);
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
svg {
  height: 100%;
  filter: drop-shadow(0 0 3px var(--red-neon));
}
* {
  -webkit-user-select: none;
  user-select: none;
}
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
#app {
  padding: 0;
  margin: 0;
}
body {
  height: auto;
}
:-webkit-any(article, aside, nav, section) h1 {
  font-size: 2em;
  text-shadow: 0 0 10px var(--red-neon);
}
img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/* INPUTS GLOBAL */
input {
  -webkit-user-select: text;
  user-select: text;
  color: var(--text-main);
  background: var(--bg-glass);
  border: 1px solid var(--border-red);
  border-radius: 8px;
  padding: 0.2rem;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
}
input:focus {
  outline: none;
  border-color: var(--red-neon);
  box-shadow: 0 0 15px var(--red-neon), inset 0 0 10px rgba(0,0,0,0.5);
}
input::placeholder {
  color: var(--text-muted);
}

.c-row { display: flex; }
.c-row-middle-center { justify-content: center; align-items: center; }
.c-row-between { justify-content: space-between; }
.c-row-middle { align-items: center; }
.c-flex-warp { flex-wrap: wrap; }
.m-b-5 { margin-bottom: 0.13333rem; }
.m-r-5 { margin-right: 0.13333rem; }
.c-flew-end { justify-content: flex-end; }
.c-tc { text-align: center; }
.p-r-10 { padding-right: 0.26667rem; }
.p-l-10 { padding-left: 0.26667rem; }
.p-b-10 { padding-bottom: 0.26667rem; }
.p-t-10 { padding-top: 0.26667rem; }

/* POPUP PREMIUM */
.popup {
  border-radius: 0.26667rem 0.26667rem 0 0;
  z-index: 2006;
  left: auto;
  overflow-y: visible;
  background: var(--bg-glass) !important;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border: 1px solid var(--border-red);
  box-shadow: 0 0 40px var(--red-dark), 0 -5px 20px rgba(255,0,40,0.2);
  color: var(--text-main);
}
.PreSaleRule {
  width: 7.04rem;
}
.Tips {
  width: 8rem;
  height: 2.13333rem;
  line-height: 2.13333rem;
  background: var(--bg-glass);
  backdrop-filter: blur(22px);
  border: 1px solid var(--border-red);
  border-radius: 0.26667rem;
  display: flex;
  justify-content: center;
  top: 80%;
  color: var(--text-main);
  box-shadow: 0 0 20px var(--red-neon);
}
.firstSaveDialog {
  width: 8rem;
  overflow: initial;
  background: var(--bg-glass) !important;
  backdrop-filter: blur(22px);
  border: 1px solid var(--border-red);
  box-shadow: 0 0 30px var(--red-neon);
}
.firstSaveDialog .van-dialog__header {
  padding-top: 0;
  color: var(--text-main);
}
.custom18dialog {
  width: 8.4rem;
  background: var(--bg-glass) !important;
  backdrop-filter: blur(22px);
  border: 1px solid var(--border-red);
  box-shadow: 0 0 30px var(--red-neon);
}

.msg-window {
  padding: 0.13333rem 0.26667rem;
  width: 9.33333rem;
  background: var(--bg-glass);
  border: 1px solid var(--border-red);
  border-radius: 8px;
  backdrop-filter: blur(22px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.msg-window .msg-header {
  color: var(--text-main);
  font-size: 0.32rem;
  text-shadow: 0 0 5px var(--red-neon);
}
.msg-window .msg-footer {
  color: var(--red-neon);
  font-size: 0.32rem;
  padding-top: 0.32rem;
}
.msg-window .msg-footer div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.msg-window .msg-footer img {
  width: 0.4rem;
  height: 0.4rem;
  filter: drop-shadow(0 0 5px var(--red-neon));
}

.noOverHidden {
  overflow: inherit;
}

.dailySignInRules__container-hero {
  display: flex;
  margin: 0.13333rem auto 0.53333rem;
  border-radius: 0.26667rem;
  overflow: hidden;
  background: var(--bg-glass);
  border: 1px solid var(--border-red);
  backdrop-filter: blur(10px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.dailySignInRules__container-hero__wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.dailySignInRules__container-hero__wrapper-titlebox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 100%;
  color: var(--text-main);
}
.dailySignInRules__container-hero__wrapper ul {
  width: 100%;
}
.dailySignInRules__container-hero__wrapper ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--border-red);
}
.dailySignInRules__container-hero__wrapper ul li div {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.37333rem;
  padding: 0.34667rem 0;
  border-bottom: 0.01333rem solid var(--border-red);
  color: var(--text-secondary);
}
.dailySignInRules__container-hero__wrapper-title {
  width: 100%;
  height: 1.06667rem;
  padding-block: 0.34667rem;
  font-size: 0.42667rem;
  line-height: 0.32rem;
  text-align: center;
  background: var(--gradient-button);
  color: var(--text-main);
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.dailySignInRules__container-hero__wrapper-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  color: var(--text-main);
}
.dailySignInRules__container-hero__wrapper-content > div {
  width: 100%;
  padding: 0.34667rem 0;
  font-size: 0.37333rem;
  line-height: 0.37333rem;
  text-align: center;
  border-bottom: 0.01333rem solid var(--border-red);
  color: var(--text-secondary);
}
.dailySignInRules__container-hero__wrapper-content > div:last-of-type {
  border-bottom: none;
}

.mgt10 { margin-top: 0.13333rem !important; }
.mgt40 { margin-top: 0.53333rem !important; }
[v-cloak] { display: none; }
.clearfix:after, .clearfix:before {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.text-dots {
  line-height: 0.453334rem;
  width: 2.13333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-main);
}
.must:before {
  content: "*";
  color: var(--red-neon);
  text-shadow: 0 0 5px var(--red-neon);
}
input, textarea {
  -webkit-user-select: text;
  user-select: text;
  background: var(--bg-glass);
  border: 1px solid var(--border-red);
  border-radius: 8px;
  color: var(--text-main);
}
textarea {
  resize: none;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}

/* AR SEARCH & NAV */
.ar {
  position: fixed;
  top: 0.93333rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 10rem;
  -webkit-user-select: none;
  user-select: none;
  z-index: 100;
  padding: 0 0.29333rem;
}
.ar-searchbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.29333rem;
  width: 100%;
  font-size: 0.37333rem;
  margin-top: 0.26667rem;
  margin-bottom: 0.21333rem;
}
.ar-searchbar input {
  width: 3.6rem;
  height: 1.06667rem;
  padding: 0 0.26667rem;
  font-weight: 400;
  border: 1px solid var(--border-red);
  border-radius: 0.13333rem;
  background: var(--bg-glass);
  color: var(--text-main);
}
.ar-searchbar input::-webkit-input-placeholder {
  color: var(--text-muted);
}
.ar-searchbar input::placeholder {
  color: var(--text-muted);
}
.ar-searchbar__selector {
  position: relative;
  display: flex;
  width: 4.53333rem;
  height: 1.06667rem;
  color: var(--text-secondary);
}
.ar-searchbar__selector > div {
  width: 100%;
  line-height: 1.06667rem;
  border-radius: 0.13333rem;
  background: var(--bg-glass);
  border: 1px solid var(--border-red);
  backdrop-filter: blur(10px);
}
.ar-searchbar__selector > div:first-of-type {
  position: relative;
  padding: 0 0.26667rem;
  z-index: 10;
}
.ar-searchbar__selector > div:first-of-type i {
  position: absolute;
  top: 50%;
  right: 0.21333rem;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
  color: var(--red-neon);
}
.ar-searchbar__selector-dropdown {
  position: absolute;
  top: 100%;
  transform: translateY(-10%);
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  border: 1px solid var(--border-red);
  background: var(--bg-glass);
  backdrop-filter: blur(22px);
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}
.ar-searchbar__selector-dropdown li {
  padding: 0 0.26667rem;
  list-style: none;
  color: var(--text-secondary);
}
.ar-searchbar__selector-dropdown li.selected {
  color: var(--text-main);
  background-color: var(--red-rgb);
  text-shadow: 0 0 5px var(--red-neon);
}
.ar-searchbar__selector.active { z-index: 9; }
.ar-searchbar__selector.active > div:first-of-type i {
  transform: translateY(-50%) rotate(180deg);
}
.ar-searchbar__selector.active > div:last-of-type {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.ar-searchbar__selector .selectorA {
  color: var(--text-muted);
}
.ar-searchbar > i {
  font-size: 1.625rem;
  color: var(--red-neon);
  filter: drop-shadow(0 0 5px var(--red-neon));
}

.ar-1px-t, .ar-1px-b, .ar-1px-tb, .ar-1px-rb, .ar-1px-l, .ar-1px-r {
  position: relative;
}
.ar-1px-t:before {
  content: " ";
  position: absolute;
  left: 0; top: 0; right: 0;
  height: 0.01333rem;
  border-top: 0.01333rem solid var(--border-red);
  color: var(--border-red);
  transform-origin: 0 0;
  transform: scaleY(0.5);
}
.ar-1px-b:after {
  content: " ";
  position: absolute;
  left: 0; bottom: 0; right: 0;
  height: 0.01333rem;
  border-bottom: 0.01333rem solid var(--border-red);
  color: var(--border-red);
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.ar-1px-l:before {
  content: " ";
  position: absolute;
  left: 0; top: 0; width: 0.01333rem; bottom: 0;
  border-left: 0.01333rem solid var(--border-red);
  color: var(--border-red);
  transform-origin: 0 0;
  transform: scaleX(0.5);
}
.ar-1px-r:after {
  content: " ";
  position: absolute;
  right: 0; top: 0; width: 0.01333rem; bottom: 0;
  border-right: 0.01333rem solid var(--border-red);
  color: var(--border-red);
  transform-origin: 100% 0;
  transform: scaleX(0.5);
}
.ar-1px-rb:before {
  content: " ";
  position: absolute;
  right: 0; top: 0; width: 0.01333rem; bottom: 0;
  border-right: 0.01333rem solid var(--border-red);
  color: var(--border-red);
  transform-origin: 100% 0;
  transform: scaleX(0.5);
}
.ar-1px-rb:after {
  content: " ";
  position: absolute;
  left: 0; bottom: 0; right: 0;
  height: 0.01333rem;
  border-bottom: 0.01333rem solid var(--border-red);
  color: var(--border-red);
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}
.ar-1px-tb:before {
  content: " ";
  position: absolute;
  left: 0; top: 0; right: 0;
  height: 0.01333rem;
  border-top: 0.01333rem solid var(--border-red);
  color: var(--border-red);
  transform-origin: 0 0;
  transform: scaleY(0.5);
}
.ar-1px-tb:after {
  content: " ";
  position: absolute;
  left: 0; bottom: 0; right: 0;
  height: 0.01333rem;
  border-bottom: 0.01333rem solid var(--border-red);
  color: var(--border-red);
  transform-origin: 0 100%;
  transform: scaleY(0.5);
}

@media screen and (max-width: 500px) {
  .ar { max-width: none; }
}

.content {
  padding: 0 0.32rem;
  background: var(--bg-main) !important;
}

* { box-sizing: border-box; }

.flex-center { display: flex; justify-content: center; align-items: center; }

.popup-center {
  top: 50%; left: 0; right: 0;
  width: fit-content;
  margin: 0 auto;
  transform: translateY(-50%);
}
.popup-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(5px);
}

.iosDialog {
  padding: 0.53333rem 0.32rem;
  background: var(--bg-glass);
  border: 1px solid var(--border-red);
  border-radius: 12px;
  box-shadow: 0 0 20px var(--red-neon);
  backdrop-filter: blur(22px);
}
.iosDialog .title {
  color: var(--text-main);
  font-size: 0.48rem;
  font-weight: 600;
  margin-bottom: 0.53333rem;
  text-shadow: 0 0 10px var(--red-neon);
}
.iosDialog .websit_info {
  padding: 0.24rem 0.37333rem;
  border-radius: 0.13333rem;
  background: var(--bg-glass);
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.53333rem;
  border: 1px solid var(--border-red);
}
.iosDialog .websit_info img {
  border-radius: 0.28125rem;
  width: 1.44rem;
  height: 1.44rem;
  margin-right: 0.32rem;
  box-shadow: 0 0 15px var(--red-neon);
}
.iosDialog .websit_info .link div:nth-child(1) {
  color: var(--text-main);
  font-size: 0.42667rem;
  font-weight: 500;
  margin-bottom: 0.05333rem;
}
.iosDialog .websit_info .link div:nth-child(2) {
  color: var(--text-muted);
  font-size: 0.37333rem;
  font-weight: 500;
}
.iosDialog .text {
  font-size: 0.42667rem;
  color: var(--text-secondary);
  margin-bottom: 0.48rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.iosDialog .text svg {
  width: 0.42667rem;
  margin-left: 0.21333rem;
  color: var(--red-neon);
}
.iosDialog .text img {
  width: 0.56rem;
  height: 0.56rem;
  margin: 0 0.24rem;
  filter: drop-shadow(0 0 5px var(--red-neon));
}
.iosDialog .text span {
  margin-left: 0.21333rem;
  border-radius: 0.05333rem;
  padding: 0 0.16rem;
  color: var(--text-main);
  background: var(--bg-secondary);
  border: 1px solid var(--border-red);
  display: flex;
  flex-direction: row;
  align-items: center;
}

.van-floating-bubble {
  background: transparent !important;
  overflow: inherit;
  filter: drop-shadow(0 0 10px var(--red-neon));
}

/* UTILITY MARGINS & PADDINGS (Preserved exact metrics, mapped colors) */
.mt0 { margin-top: 0 !important; } .pt0 { padding-top: 0 !important; } .mb0 { margin-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } .ml0 { margin-left: 0 !important; } .pl0 { padding-left: 0 !important; } .mr0 { margin-right: 0 !important; } .pr0 { padding-right: 0 !important; } .fz0 { font-size: 0 !important; }
.mt2 { margin-top: 0.05333rem !important; } .pt2 { padding-top: 0.05333rem !important; } .mb2 { margin-bottom: 0.05333rem !important; } .pb2 { padding-bottom: 0.05333rem !important; } .ml2 { margin-left: 0.05333rem !important; } .pl2 { padding-left: 0.05333rem !important; } .mr2 { margin-right: 0.05333rem !important; } .pr2 { padding-right: 0.05333rem !important; } .fz2 { font-size: 0.05333rem !important; }
.mt4 { margin-top: 0.10667rem !important; } .pt4 { padding-top: 0.10667rem !important; } .mb4 { margin-bottom: 0.10667rem !important; } .pb4 { padding-bottom: 0.10667rem !important; } .ml4 { margin-left: 0.10667rem !important; } .pl4 { padding-left: 0.10667rem !important; } .mr4 { margin-right: 0.10667rem !important; } .pr4 { padding-right: 0.10667rem !important; } .fz4 { font-size: 0.10667rem !important; }
.mt5 { margin-top: 0.13333rem !important; } .pt5 { padding-top: 0.13333rem !important; } .mb5 { margin-bottom: 0.13333rem !important; } .pb5 { padding-bottom: 0.13333rem !important; } .ml5 { margin-left: 0.13333rem !important; } .pl5 { padding-left: 0.13333rem !important; } .mr5 { margin-right: 0.13333rem !important; } .pr5 { padding-right: 0.13333rem !important; } .fz5 { font-size: 0.13333rem !important; }
.mt6 { margin-top: 0.16rem !important; } .pt6 { padding-top: 0.16rem !important; } .mb6 { margin-bottom: 0.16rem !important; } .pb6 { padding-bottom: 0.16rem !important; } .ml6 { margin-left: 0.16rem !important; } .pl6 { padding-left: 0.16rem !important; } .mr6 { margin-right: 0.16rem !important; } .pr6 { padding-right: 0.16rem !important; } .fz6 { font-size: 0.16rem !important; }
.mt8 { margin-top: 0.21333rem !important; } .pt8 { padding-top: 0.21333rem !important; } .mb8 { margin-bottom: 0.21333rem !important; } .pb8 { padding-bottom: 0.21333rem !important; } .ml8 { margin-left: 0.21333rem !important; } .pl8 { padding-left: 0.21333rem !important; } .mr8 { margin-right: 0.21333rem !important; } .pr8 { padding-right: 0.21333rem !important; } .fz8 { font-size: 0.21333rem !important; }
.mt10 { margin-top: 0.26667rem !important; } .pt10 { padding-top: 0.26667rem !important; } .mb10 { margin-bottom: 0.26667rem !important; } .pb10 { padding-bottom: 0.26667rem !important; } .ml10 { margin-left: 0.26667rem !important; } .pl10 { padding-left: 0.26667rem !important; } .mr10 { margin-right: 0.26667rem !important; } .pr10 { padding-right: 0.26667rem !important; } .fz10 { font-size: 0.26667rem !important; }
.mt12 { margin-top: 0.32rem !important; } .pt12 { padding-top: 0.32rem !important; } .mb12 { margin-bottom: 0.32rem !important; } .pb12 { padding-bottom: 0.32rem !important; } .ml12 { margin-left: 0.32rem !important; } .pl12 { padding-left: 0.32rem !important; } .mr12 { margin-right: 0.32rem !important; } .pr12 { padding-right: 0.32rem !important; } .fz12 { font-size: 0.32rem !important; }
.mt14 { margin-top: 0.37333rem !important; } .pt14 { padding-top: 0.37333rem !important; } .mb14 { margin-bottom: 0.37333rem !important; } .pb14 { padding-bottom: 0.37333rem !important; } .ml14 { margin-left: 0.37333rem !important; } .pl14 { padding-left: 0.37333rem !important; } .mr14 { margin-right: 0.37333rem !important; } .pr14 { padding-right: 0.37333rem !important; } .fz14 { font-size: 0.37333rem !important; }
.mt15 { margin-top: 0.4rem !important; } .pt15 { padding-top: 0.4rem !important; } .mb15 { margin-bottom: 0.4rem !important; } .pb15 { padding-bottom: 0.4rem !important; } .ml15 { margin-left: 0.4rem !important; } .pl15 { padding-left: 0.4rem !important; } .mr15 { margin-right: 0.4rem !important; } .pr15 { padding-right: 0.4rem !important; } .fz15 { font-size: 0.4rem !important; }
.mt16 { margin-top: 0.42667rem !important; } .pt16 { padding-top: 0.42667rem !important; } .mb16 { margin-bottom: 0.42667rem !important; } .pb16 { padding-bottom: 0.42667rem !important; } .ml16 { margin-left: 0.42667rem !important; } .pl16 { padding-left: 0.42667rem !important; } .mr16 { margin-right: 0.42667rem !important; } .pr16 { padding-right: 0.42667rem !important; } .fz16 { font-size: 0.42667rem !important; }
.mt18 { margin-top: 0.48rem !important; } .pt18 { padding-top: 0.48rem !important; } .mb18 { margin-bottom: 0.48rem !important; } .pb18 { padding-bottom: 0.48rem !important; } .ml18 { margin-left: 0.48rem !important; } .pl18 { padding-left: 0.48rem !important; } .mr18 { margin-right: 0.48rem !important; } .pr18 { padding-right: 0.48rem !important; } .fz18 { font-size: 0.48rem !important; }
.mt20 { margin-top: 0.53333rem !important; } .pt20 { padding-top: 0.53333rem !important; } .mb20 { margin-bottom: 0.53333rem !important; } .pb20 { padding-bottom: 0.53333rem !important; } .ml20 { margin-left: 0.53333rem !important; } .pl20 { padding-left: 0.53333rem !important; } .mr20 { margin-right: 0.53333rem !important; } .pr20 { padding-right: 0.53333rem !important; } .fz20 { font-size: 0.53333rem !important; }
.mt24 { margin-top: 0.64rem !important; } .pt24 { padding-top: 0.64rem !important; } .mb24 { margin-bottom: 0.64rem !important; } .pb24 { padding-bottom: 0.64rem !important; } .ml24 { margin-left: 0.64rem !important; } .pl24 { padding-left: 0.64rem !important; } .mr24 { margin-right: 0.64rem !important; } .pr24 { padding-right: 0.64rem !important; } .fz24 { font-size: 0.64rem !important; }
.mt25 { margin-top: 0.66667rem !important; } .pt25 { padding-top: 0.66667rem !important; } .mb25 { margin-bottom: 0.66667rem !important; } .pb25 { padding-bottom: 0.66667rem !important; } .ml25 { margin-left: 0.66667rem !important; } .pl25 { padding-left: 0.66667rem !important; } .mr25 { margin-right: 0.66667rem !important; } .pr25 { padding-right: 0.66667rem !important; } .fz25 { font-size: 0.66667rem !important; }
.mt30 { margin-top: 0.8rem !important; } .pt30 { padding-top: 0.8rem !important; } .mb30 { margin-bottom: 0.8rem !important; } .pb30 { padding-bottom: 0.8rem !important; } .ml30 { margin-left: 0.8rem !important; } .pl30 { padding-left: 0.8rem !important; } .mr30 { margin-right: 0.8rem !important; } .pr30 { padding-right: 0.8rem !important; } .fz30 { font-size: 0.8rem !important; }
.mt32 { margin-top: 0.85333rem !important; } .pt32 { padding-top: 0.85333rem !important; } .mb32 { margin-bottom: 0.85333rem !important; } .pb32 { padding-bottom: 0.85333rem !important; } .ml32 { margin-left: 0.85333rem !important; } .pl32 { padding-left: 0.85333rem !important; } .mr32 { margin-right: 0.85333rem !important; } .pr32 { padding-right: 0.85333rem !important; } .fz32 { font-size: 0.85333rem !important; }
.mt35 { margin-top: 0.93333rem !important; } .pt35 { padding-top: 0.93333rem !important; } .mb35 { margin-bottom: 0.93333rem !important; } .pb35 { padding-bottom: 0.93333rem !important; } .ml35 { margin-left: 0.93333rem !important; } .pl35 { padding-left: 0.93333rem !important; } .mr35 { margin-right: 0.93333rem !important; } .pr35 { padding-right: 0.93333rem !important; } .fz35 { font-size: 0.93333rem !important; }
.mt36 { margin-top: 0.96rem !important; } .pt36 { padding-top: 0.96rem !important; } .mb36 { margin-bottom: 0.96rem !important; } .pb36 { padding-bottom: 0.96rem !important; } .ml36 { margin-left: 0.96rem !important; } .pl36 { padding-left: 0.96rem !important; } .mr36 { margin-right: 0.96rem !important; } .pr36 { padding-right: 0.96rem !important; } .fz36 { font-size: 0.96rem !important; }
.mt40 { margin-top: 1.06667rem !important; } .pt40 { padding-top: 1.06667rem !important; } .mb40 { margin-bottom: 1.06667rem !important; } .pb40 { padding-bottom: 1.06667rem !important; } .ml40 { margin-left: 1.06667rem !important; } .pl40 { padding-left: 1.06667rem !important; } .mr40 { margin-right: 1.06667rem !important; } .pr40 { padding-right: 1.06667rem !important; } .fz40 { font-size: 1.06667rem !important; }
.mt45 { margin-top: 1.2rem !important; } .pt45 { padding-top: 1.2rem !important; } .mb45 { margin-bottom: 1.2rem !important; } .pb45 { padding-bottom: 1.2rem !important; } .ml45 { margin-left: 1.2rem !important; } .pl45 { padding-left: 1.2rem !important; } .mr45 { margin-right: 1.2rem !important; } .pr45 { padding-right: 1.2rem !important; } .fz45 { font-size: 1.2rem !important; }
.mt50 { margin-top: 1.33333rem !important; } .pt50 { padding-top: 1.33333rem !important; } .mb50 { margin-bottom: 1.33333rem !important; } .pb50 { padding-bottom: 1.33333rem !important; } .ml50 { margin-left: 1.33333rem !important; } .pl50 { padding-left: 1.33333rem !important; } .mr50 { margin-right: 1.33333rem !important; } .pr50 { padding-right: 1.33333rem !important; } .fz50 { font-size: 1.33333rem !important; }
.mt56 { margin-top: 1.49333rem !important; } .pt56 { padding-top: 1.49333rem !important; } .mb56 { margin-bottom: 1.49333rem !important; } .pb56 { padding-bottom: 1.49333rem !important; } .ml56 { margin-left: 1.49333rem !important; } .pl56 { padding-left: 1.49333rem !important; } .mr56 { margin-right: 1.49333rem !important; } .pr56 { padding-right: 1.49333rem !important; } .fz56 { font-size: 1.49333rem !important; }
.mt60 { margin-top: 1.6rem !important; } .pt60 { padding-top: 1.6rem !important; } .mb60 { margin-bottom: 1.6rem !important; } .pb60 { padding-bottom: 1.6rem !important; } .ml60 { margin-left: 1.6rem !important; } .pl60 { padding-left: 1.6rem !important; } .mr60 { margin-right: 1.6rem !important; } .pr60 { padding-right: 1.6rem !important; } .fz60 { font-size: 1.6rem !important; }
.mt65 { margin-top: 1.73333rem !important; } .pt65 { padding-top: 1.73333rem !important; } .mb65 { margin-bottom: 1.73333rem !important; } .pb65 { padding-bottom: 1.73333rem !important; } .ml65 { margin-left: 1.73333rem !important; } .pl65 { padding-left: 1.73333rem !important; } .mr65 { margin-right: 1.73333rem !important; } .pr65 { padding-right: 1.73333rem !important; } .fz65 { font-size: 1.73333rem !important; }
.mt66 { margin-top: 1.76rem !important; } .pt66 { padding-top: 1.76rem !important; } .mb66 { margin-bottom: 1.76rem !important; } .pb66 { padding-bottom: 1.76rem !important; } .ml66 { margin-left: 1.76rem !important; } .pl66 { padding-left: 1.76rem !important; } .mr66 { margin-right: 1.76rem !important; } .pr66 { padding-right: 1.76rem !important; } .fz66 { font-size: 1.76rem !important; }
.mt75 { margin-top: 2rem !important; } .pt75 { padding-top: 2rem !important; } .mb75 { margin-bottom: 2rem !important; } .pb75 { padding-bottom: 2rem !important; } .ml75 { margin-left: 2rem !important; } .pl75 { padding-left: 2rem !important; } .mr75 { margin-right: 2rem !important; } .pr75 { padding-right: 2rem !important; } .fz75 { font-size: 2rem !important; }
.mt80 { margin-top: 2.13333rem !important; } .pt80 { padding-top: 2.13333rem !important; } .mb80 { margin-bottom: 2.13333rem !important; } .pb80 { padding-bottom: 2.13333rem !important; } .ml80 { margin-left: 2.13333rem !important; } .pl80 { padding-left: 2.13333rem !important; } .mr80 { margin-right: 2.13333rem !important; } .pr80 { padding-right: 2.13333rem !important; } .fz80 { font-size: 2.13333rem !important; }
.mt85 { margin-top: 2.26667rem !important; } .pt85 { padding-top: 2.26667rem !important; } .mb85 { margin-bottom: 2.26667rem !important; } .pb85 { padding-bottom: 2.26667rem !important; } .ml85 { margin-left: 2.26667rem !important; } .pl85 { padding-left: 2.26667rem !important; } .mr85 { margin-right: 2.26667rem !important; } .pr85 { padding-right: 2.26667rem !important; } .fz85 { font-size: 2.26667rem !important; }
.mt90 { margin-top: 2.4rem !important; } .pt90 { padding-top: 2.4rem !important; } .mb90 { margin-bottom: 2.4rem !important; } .pb90 { padding-bottom: 2.4rem !important; } .ml90 { margin-left: 2.4rem !important; } .pl90 { padding-left: 2.4rem !important; } .mr90 { margin-right: 2.4rem !important; } .pr90 { padding-right: 2.4rem !important; } .fz90 { font-size: 2.4rem !important; }
.mt95 { margin-top: 2.53333rem !important; } .pt95 { padding-top: 2.53333rem !important; } .mb95 { margin-bottom: 2.53333rem !important; } .pb95 { padding-bottom: 2.53333rem !important; } .ml95 { margin-left: 2.53333rem !important; } .pl95 { padding-left: 2.53333rem !important; } .mr95 { margin-right: 2.53333rem !important; } .pr95 { padding-right: 2.53333rem !important; } .fz95 { font-size: 2.53333rem !important; }
.mt100 { margin-top: 2.66667rem !important; } .pt100 { padding-top: 2.66667rem !important; } .mb100 { margin-bottom: 2.66667rem !important; } .pb100 { padding-bottom: 2.66667rem !important; } .ml100 { margin-left: 2.66667rem !important; } .pl100 { padding-left: 2.66667rem !important; } .mr100 { margin-right: 2.66667rem !important; } .pr100 { padding-right: 2.66667rem !important; } .fz100 { font-size: 2.66667rem !important; }

.fl { float: left; }
.fr { float: right; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

/* X-PAGE SYSTEM */
.x-page { padding: 0.4rem; }
.x-row { display: flex; }
.x-row-middle { align-items: center; }
.x-row-center { justify-content: center; }
.x-row-middle-center { justify-content: center; align-items: center; }
.x-column { flex-direction: column; }
.x-row-around { justify-content: space-around; }
.x-row-between { justify-content: space-between; }
.x-flew-end { justify-content: flex-end; }
.x-flex-warp { flex-wrap: wrap; }
.x-flex { flex: 1; }
.x-pa { position: absolute; }
.x-pr { position: relative; }
.x-pf { position: fixed; }
.x-tc { text-align: center; }
.x-tr { text-align: right; }
.x-tl { text-align: left; }
.x-foot {
  position: fixed;
  max-width: 10rem;
  width: 100%;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  background: var(--bg-glass);
  backdrop-filter: blur(22px);
  border-top: 1px solid var(--border-red);
  box-shadow: 0 -5px 15px rgba(0,0,0,0.5);
}
.x-btn {
  color: var(--text-main);
  height: 1.06667rem;
  font-weight: 600;
  background: var(--button_dis_color);
  border-radius: 8px;
  border: 1px solid #333;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.x-btn:active {
  background: var(--gradient-button);
  color: var(--text-main);
  box-shadow: 0 0 15px var(--red-neon);
}
.x-btn-plain {
  height: 1.06667rem;
  border: 1px solid var(--border-red);
  background: var(--bg-glass);
  color: var(--text-main) !important;
  font-weight: 600;
  border-radius: 8px;
}
.x-btn-plain:active { background: none; box-shadow: 0 0 10px var(--red-neon); }
.x-btn-gray {
  height: 1.06667rem;
  font-weight: 600;
  background-color: #333;
  border-color: #444;
  color: var(--text-main);
  border-radius: 8px;
}
.x-input {
  background-color: var(--bg-glass);
  color: var(--text-main);
  height: 1.17333rem;
  border: 1px solid var(--border-red);
  border-radius: 8px;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}
.x-input::-webkit-input-placeholder { color: var(--text-muted); }
.x-input::placeholder { color: var(--text-muted); }
.x-input:focus { border-color: var(--red-neon); box-shadow: 0 0 15px var(--red-neon); }

.x-hand {
  position: absolute;
  bottom: -0.93333rem;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10001;
}
.x-hand .ripple {
  width: 0.53333rem;
  height: 0.53333rem;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background-color: var(--red-neon);
  box-shadow: 0 0 15px var(--red-neon);
  animation: ripple 1.5s infinite;
}
.x-hand .ripple:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(255, 26, 45, 0.4);
  border-radius: 50%;
  transform: scale(0);
  animation: ripple-expand 1.5s infinite;
}
@keyframes ripple {
  0% { transform: scale(1); opacity: 1; }
  to { transform: scale(2); opacity: 0; }
}
@keyframes ripple-expand {
  0% { transform: scale(0); opacity: 0.5; }
  to { transform: scale(2.5); opacity: 0; }
}
.x-hand .img { display: block; margin: -0.26667rem; filter: drop-shadow(0 0 5px var(--red-neon)); }

/* NOTICE BAR */
.noticeBar__container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.98667rem;
  padding-inline: 0.26667rem;
  color: var(--text-secondary);
  font-size: 0.32rem;
  border-radius: 99rem;
  background: var(--bg-glass);
  border: 1px solid var(--border-red);
  backdrop-filter: blur(10px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.noticeBar__container .notice_svg {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/assets/svg/noticeBarSpeaker-bbc4b014.svg);
  background-size: cover;
  width: 0.42667rem;
  height: 0.42667rem;
  flex: none;
  margin-right: 0.13333rem;
  filter: drop-shadow(0 0 5px var(--red-neon));
}
.noticeBar__container-body {
  width: 9.33333rem;
  height: 100%;
  overflow: hidden;
  position: relative;
  height: 0.8rem;
  line-height: 0.98667rem;
  display: flex;
  align-items: center;
}
.noticeBar__container-body-text {
  width: 100%;
  height: fit-content;
  max-height: 0.98667rem;
  line-height: 0.49333rem;
  animation: marquee 7s linear infinite;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  color: var(--text-main);
}
@keyframes marquee {
  0% { transform: translateY(100%); }
  10% { transform: translateY(0); }
  90% { transform: translateY(0); }
  to { transform: translateY(-100%); }
}
.noticeBar__container > svg {
  width: 0.42667rem;
  flex-shrink: 0;
  height: auto;
  margin-right: 0.22667rem;
  color: var(--red-neon);
}
.noticeBar__container button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 0.06667rem;
  width: 2rem;
  height: 0.66667rem;
  margin-left: auto;
  background: var(--gradient-button);
  color: var(--text-main);
  border: 1px solid var(--red-light);
  border-radius: 0.53333rem;
  box-shadow: 0 0 10px var(--red-neon);
  font-weight: bold;
}
.noticeBar__container button.hotIcon:before {
  content: "";
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 0.32rem;
  background-image: url(/assets/svg/redhomeN-36a3ba15.svg);
}

/* APP CARD OVERRIDES */
#app .userInfo__container-setting-center {
  background: var(--bg-glass);
  border: 1px solid var(--border-red);
  border-radius: 8px;
  backdrop-filter: blur(10px);
}
#app .lotterySlotItem {
  background: var(--gradient-button);
  border: 1px solid var(--red-light);
  box-shadow: 0 0 15px var(--red-neon);
  border-radius: 8px;
}
#app .lotterySlotItem span, #app .lotterySlotItem h4 {
  color: var(--text-main);
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
#app .firstSaveDialog .header {
  background: var(--gradient-main);
  color: var(--text-main);
  border-bottom: 1px solid var(--red-light);
}
#app .progress {
  background: #333 !important;
  border: 1px solid var(--border-red);
  border-radius: 8px;
  overflow: hidden;
}
#app .gameList .box svg {
  color: rgba(255, 26, 45, 0.3);
  filter: drop-shadow(0 0 5px var(--red-neon));
}
#app .championship .tabs {
  background: var(--gradient-main);
  border: 1px solid var(--red-light);
  box-shadow: 0 0 15px var(--red-neon);
}
#app .championship .tabs > div {
  color: var(--text-main) !important;
}
#app .championship .tabs > div.active:after {
  border-bottom-color: var(--text-main);
}
#app .TeamReport__C-body .header-container {
  background: var(--gradient-main);
  border: 1px solid var(--red-light);
  box-shadow: 0 0 15px var(--red-neon);
}
#app .TeamReport__C-body .header-container > div {
  color: var(--text-main);
}
#app .TeamReport__C-body .header-container > div > div:last-of-type {
  color: var(--text-main);
}
#app .ruleHead {
  position: relative;
}
#app .ruleHead svg {
  position: absolute;
  top: -0.02667rem;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: 6.58667rem;
  height: 0.8rem;
  z-index: 1;
  color: var(--red-neon);
  filter: drop-shadow(0 0 10px var(--red-neon));
}
#app .ruleHead .promotion-title, #app .promotion-grade-th {
  color: var(--text-main);
  text-shadow: 0 0 5px var(--red-neon);
}
#app .wallet-container .imgD img {
  position: relative;
  width: calc(100% + 0.32rem);
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
  border: 1px solid var(--border-red);
}
#app .GameList__C {
  background: var(--bg-card);
  border: 1px solid var(--border-red);
  border-radius: 8px;
  padding: 5px;
}
#app .empty__container svg {
  opacity: 0.4;
  filter: drop-shadow(0 0 10px var(--red-neon));
}

body .van-hairline--top-bottom:after,
body .van-hairline-unset--top-bottom:after {
  border: none !important;
}

/* NAVBAR PREMIUM */
.navbar,
.navbar[data-v-12a80a3e] {
  height: 1.22667rem;
  z-index: 100;
  flex: none;
}
.navbar.activity .navbar-fixed,
.navbar.activity .navbar-fixed[data-v-12a80a3e] {
  background: var(--gradient-main);
  border-bottom: 1px solid var(--red-light);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.navbar.activity .navbar-fixed .navbar__content-left .van-icon,
.navbar.activity .navbar-fixed .navbar__content-left .van-icon[data-v-12a80a3e] {
  color: var(--text-main);
  filter: drop-shadow(0 0 5px var(--red-neon));
}
.navbar.lottery .navbar-fixed,
.navbar.lottery .navbar-fixed[data-v-12a80a3e] {
  background: var(--bg-glass);
  backdrop-filter: blur(22px);
  border-bottom: 1px solid var(--border-red);
}
.navbar.lottery .navbar-fixed .navbar__content-left .van-icon,
.navbar.lottery .navbar-fixed .navbar__content-left .van-icon[data-v-12a80a3e],
.navbar.lottery .navbar-fixed .navbar__content-center,
.navbar.lottery .navbar-fixed .navbar__content-center[data-v-12a80a3e] {
  color: var(--text-main);
}
.navbar.main .navbar-fixed,
.navbar.main .navbar-fixed[data-v-12a80a3e] {
  background: var(--gradient-main);
  border-bottom: 1px solid var(--red-light);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.navbar.main .navbar-fixed .navbar__content-left .van-icon,
.navbar.main .navbar-fixed .navbar__content-left .van-icon[data-v-12a80a3e],
.navbar.main .navbar-fixed .navbar__content-center,
.navbar.main .navbar-fixed .navbar__content-center[data-v-12a80a3e] {
  color: var(--text-main);
}
.navbar-fixed,
.navbar-fixed[data-v-12a80a3e] {
  position: fixed;
  top: 0;
  left: 50%;
  width: 10rem;
  transform: translateX(-50%);
  user-select: none;
  z-index: 100;
  background: var(--bg-glass);
  backdrop-filter: blur(22px);
  color: var(--text-main);
  border-bottom: 1px solid var(--van-black);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.navbar__content,
.navbar__content[data-v-12a80a3e] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.22667rem;
  color: var(--text-main);
}
.navbar__content-left,
.navbar__content-left[data-v-12a80a3e] {
  position: absolute;
  left: 0.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  top: 0;
}
.navbar__content-left .van-icon,
.navbar__content-left .van-icon[data-v-12a80a3e] {
  color: var(--text-main);
  font-size: 0.48rem;
  filter: drop-shadow(0 0 5px var(--red-neon));
}
.navbar__content-center,
.navbar__content-center[data-v-12a80a3e] {
  font-size: 0.48rem;
  line-height: 0.48rem;
  font-weight: bold;
  text-shadow: 0 0 10px var(--red-neon);
}
.navbar__content-center .headLogo,
.navbar__content-center .headLogo[data-v-12a80a3e] {
  width: 2.98667rem;
  height: 1.12rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: drop-shadow(0 0 10px var(--red-neon));
}
.navbar__content-right,
.navbar__content-right[data-v-12a80a3e] {
  position: absolute;
  right: 0.32rem;
  color: var(--red-neon);
}
@media screen and (max-width: 500px) {
  .navbar-fixed,
  .navbar-fixed[data-v-12a80a3e] {
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
}

/* LOADING & ANIMATIONS */
.ar-loading-view,
.ar-loading-view[data-v-647954c7] {
  background-color: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  z-index: 999;
  left: 0;
  position: fixed;
  backdrop-filter: blur(10px);
}
.ar-loading-view .loading-animat,
.ar-loading-view .loading-animat[data-v-647954c7] {
  width: 4rem;
  height: 4rem;
}
.ar-loading-view .loading-wrapper,
.ar-loading-view .loading-wrapper[data-v-647954c7] {
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  width: 100%;
}
.ar-loading-view .loading-wrapper img,
.ar-loading-view .loading-wrapper img[data-v-647954c7] {
  width: 2.66667rem;
  filter: drop-shadow(0 0 15px var(--red-neon));
}
.ar-loading-view .loading-wrapper .van-loading,
.ar-loading-view .loading-wrapper .van-loading[data-v-647954c7] {
  z-index: 999;
  color: var(--red-neon) !important;
}
.ar-loading-view .skeleton-wrapper,
.ar-loading-view .skeleton-wrapper[data-v-647954c7] {
  padding: 0.26667rem 0.13333rem;
}
.com__box,
.com__box[data-v-647954c7] {
  position: relative;
  width: 2.66667rem;
  height: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.loading,
.loading[data-v-647954c7] {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  transform: rotate(45deg);
  animation: animationContainer-647954c7 1s ease infinite;
}
.shape,
.shape[data-v-647954c7] {
  width: 0.66667rem;
  height: 0.66667rem;
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 0 10px currentColor;
}
.shape-1,
.shape-1[data-v-647954c7] {
  background-color: var(--red-neon);
  left: 0;
  animation: animationShape1-647954c7 0.3s ease infinite alternate;
}
html:lang(ar) .shape-1,
html:lang(ar) .shape-1[data-v-647954c7] {
  right: 0;
  left: unset;
}
.shape-2,
.shape-2[data-v-647954c7] {
  background-color: var(--red-light);
  right: 0;
  animation: animationShape2-647954c7 0.3s ease infinite 0.3s alternate;
}
html:lang(ar) .shape-2,
html:lang(ar) .shape-2[data-v-647954c7] {
  right: unset;
  left: 0;
}
.shape-3,
.shape-3[data-v-647954c7] {
  background-color: var(--red-primary);
  bottom: 0;
  animation: animationShape3-647954c7 0.3s ease infinite 0.3s alternate;
}
.shape-4,
.shape-4[data-v-647954c7] {
  background-color: var(--red-glow);
  right: 0;
  bottom: 0;
  animation: animationShape4-647954c7 0.3s ease infinite alternate;
}

@keyframes animationContainer-647954c7 {
  0% { transform: rotate(0); }
  to { transform: rotate(360deg); }
}
@keyframes animationShape1-647954c7 {
  0% { transform: translate(0.13333rem, 0.13333rem); }
  to { transform: translate(-0.08rem, -0.08rem); }
}
@keyframes animationShape2-647954c7 {
  0% { transform: translate(-0.13333rem, 0.13333rem); }
  to { transform: translate(0.08rem, -0.08rem); }
}
@keyframes animationShape3-647954c7 {
  0% { transform: translate(0.13333rem, -0.13333rem); }
  to { transform: translate(-0.08rem, 0.08rem); }
}
@keyframes animationShape4-647954c7 {
  0% { transform: translate(-0.13333rem, -0.13333rem); }
  to { transform: translate(0.08rem, 0.08rem); }
}

/* FIREBASE & MISC */
.firebase-notify-with-img.van-notify {
  display: flex;
  align-items: center;
  padding-left: 0.64rem;
  padding-right: 50%;
  background-color: var(--bg-glass);
  backdrop-filter: blur(22px);
  border: 1px solid var(--border-red);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
  color: var(--text-main);
  text-align: left;
  justify-content: start;
}
.firebase-notify-with-img.van-notify:after {
  content: "";
  position: absolute;
  right: 0.16rem;
  top: 0.26667rem;
  width: 50%;
  bottom: 0.26667rem;
  aspect-ratio: 1/1;
  background-image: var(--notify-icon);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  filter: drop-shadow(0 0 10px var(--red-neon));
}

.svg-icon {
  width: 1em;
  height: 1em;
  fill: var(--van-black);
  vertical-align: middle;
  filter: drop-shadow(0 0 3px var(--van-black));
}

.ar-searchbar__selector[data-v-fa757a88] {
  position: relative;
  display: flex;
  width: 4.53333rem;
  height: 1.06667rem !important;
}
.ar-searchbar__selector div[data-v-fa757a88] {
  line-height: 1.06667rem;
  color: var(--text-main);
}