@charset "UTF-8";/* color palette from <https://github.com/vuejs/theme> */
:root {
  --vt-c-white: #ffffff;
  --vt-c-white-soft: #f8f8f8;
  --vt-c-white-mute: #f2f2f2;

  --vt-c-black: #181818;
  --vt-c-black-soft: #222222;
  --vt-c-black-mute: #282828;

  --vt-c-indigo: #2c3e50;

  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);

  --vt-c-text-light-1: var(--vt-c-indigo);
  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
  --vt-c-text-dark-1: var(--vt-c-white);
  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}

/* semantic color variables for this project */
:root {
  --color-background: var(--vt-c-white);
  --color-background-soft: var(--vt-c-white-soft);
  --color-background-mute: var(--vt-c-white-mute);

  --color-border: var(--vt-c-divider-light-2);
  --color-border-hover: var(--vt-c-divider-light-1);

  --color-heading: var(--vt-c-text-light-1);
  --color-text: var(--vt-c-text-light-1);

  --section-gap: 42.666667vw;

  /* 动态主题色变量 - 默认为绿色 */
  --theme-primary-color: #229778;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--vt-c-black);
    --color-background-soft: var(--vt-c-black-soft);
    --color-background-mute: var(--vt-c-black-mute);

    --color-border: var(--vt-c-divider-dark-2);
    --color-border-hover: var(--vt-c-divider-dark-1);

    --color-heading: var(--vt-c-text-dark-1);
    --color-text: var(--vt-c-text-dark-2);
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

body {
  /* 页面滚动模式下，不限制高度 */
  /* min-height: 100vh; */
  color: var(--color-text);
  background: var(--color-background);
  transition:
    color 0.5s,
    background-color 0.5s;
  line-height: 1.6;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
  font-size: 4vw;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Vant组件基础样式修复 */
/* van-image 基础样式 */
.van-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
}

.van-image__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  vertical-align: middle;
}

.van-image__loading,
.van-image__error {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #969799;
  font-size: 3.733333vw;
  /* 修复背景颜色，与页面主题一致 */
  background-color: #111114;
}

.van-image__loading-icon,
.van-image__error-icon {
  font-size: 8.533333vw;
  margin-bottom: 2.133333vw;
}

/* van-progress 基础样式 */
.van-progress {
  position: relative;
  background: #ebedf0;
  border-radius: 26.666667vw;
  overflow: hidden;
}

.van-progress__portion {
  position: absolute;
  left: 0;
  height: 100%;
  background: #1989fa;
  border-radius: inherit;
  transition: all 0.3s;
}

.van-progress__pivot {
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  min-width: 3.6em;
  padding: 0 1.333333vw;
  color: #fff;
  font-size: 2.666667vw;
  line-height: 1.6;
  text-align: center;
  word-break: keep-all;
  background-color: #1989fa;
  border-radius: 1em;
  transform: translate(0, -50%);
}

/* van-icon 基础样式 */
.van-icon {
  display: inline-block;
  font-family: vant-icon;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* van-button 基础样式 */
.van-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 11.733333vw;
  margin: 0;
  padding: 0;
  font-size: 4.266667vw;
  line-height: 1.2;
  text-align: center;
  border-radius: 0.533333vw;
  cursor: pointer;
  transition: opacity 0.2s;
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
}

/* van-cell 基础样式 */
.van-cell {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 2.666667vw 4.266667vw;
  color: #323233;
  font-size: 3.733333vw;
  line-height: 6.4vw;
  background-color: #fff;
}

/* van-tabs 基础样式 */
.van-tabs {
  position: relative;
}

.van-tabs__wrap {
  position: relative;
  display: flex;
  background: #fff;
}

.van-tabs__nav {
  position: relative;
  display: flex;
  background: #fff;
}

.van-tab {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0;
  padding: 0 1.333333vw;
  color: #646566;
  font-size: 3.733333vw;
  line-height: 11.733333vw;
  cursor: pointer;
}

.van-tab--active {
  color: #323233;
  font-weight: 500;
}

/* ==================== 公共弹窗动画效果 ==================== */
/*
  使用方法：在van-popup组件中添加 transition="modal-fade" 属性
  示例：<van-popup transition="modal-fade" />
*/

/* 弹窗淡入淡出动画 */
.modal-fade-enter-active,
.modal-fade-leave-active {
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.modal-fade-enter-from {
  opacity: 0;
  transform: scale(0.95) translateY(2.666667vw);
}

.modal-fade-enter-to {
  opacity: 1;
  transform: scale(1) translateY(0);
}

.modal-fade-leave-from {
  opacity: 1;
  transform: scale(1) translateY(0);
}

.modal-fade-leave-to {
  opacity: 0;
  transform: scale(0.95) translateY(2.666667vw);
}

/* 弹窗从下往上滑入动画 */
.modal-slide-up-enter-active,
.modal-slide-up-leave-active {
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.modal-slide-up-enter-from {
  opacity: 0;
  transform: translateY(100%);
}

.modal-slide-up-enter-to {
  opacity: 1;
  transform: translateY(0);
}

.modal-slide-up-leave-from {
  opacity: 1;
  transform: translateY(0);
}

.modal-slide-up-leave-to {
  opacity: 0;
  transform: translateY(100%);
}

/* 弹窗缩放动画 - 类似Vant Dialog的效果 */
.modal-scale-enter-active {
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.modal-scale-leave-active {
  transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.modal-scale-enter-from {
  opacity: 0;
  transform: scale(0.1);
}

.modal-scale-enter-to {
  opacity: 1;
  transform: scale(1);
}

.modal-scale-leave-from {
  opacity: 1;
  transform: scale(1);
}

.modal-scale-leave-to {
  opacity: 0;
  transform: scale(0.1);
}

/* 弹窗遮罩层动画 */
.modal-fade-enter-active .van-overlay,
.modal-slide-up-enter-active .van-overlay,
.modal-scale-enter-active .van-overlay {
  transition: opacity 0.3s ease;
}

.modal-fade-leave-active .van-overlay,
.modal-slide-up-leave-active .van-overlay,
.modal-scale-leave-active .van-overlay {
  transition: opacity 0.3s ease;
}

/* 确保动画在移动端流畅 */
@media (max-width: 768px) {
  .modal-fade-enter-active,
  .modal-fade-leave-active,
  .modal-slide-up-enter-active,
  .modal-slide-up-leave-active,
  .modal-scale-enter-active,
  .modal-scale-leave-active {
    /* 移动端使用更快的动画 */
    transition-duration: 0.25s;
  }

  .modal-fade-enter-from {
    /* 移动端减少Y轴偏移 */
    transform: scale(0.95) translateY(1.333333vw);
  }

  .modal-fade-leave-to {
    transform: scale(0.95) translateY(1.333333vw);
  }
}

.flex {
  display: flex;
  align-items: center;
}
.flex-1 {
  flex: 1;
}

/* 移动端基础样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  /* 禁止字体大小调整 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 移除GPU硬件加速，避免影响fixed定位 */
  /* -webkit-transform: translateZ(0); */
  /* transform: translateZ(0); */
  /* 优化触摸滚动 */
  -webkit-overflow-scrolling: touch;
}
html,
body {
  /* 页面滚动模式下，不限制高度 */
  /* height: 100%; */
  width: 100%;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 3.733333vw;
  line-height: 1.5;
  /* 统一使用深色背景 */
  background-color: #111114;
  color: #ffffff;
  /* 关键：页面滚动模式下，应该允许页面滚动 */
  overflow: visible;
}

/* 新增：页面滚动模式支持 */
html.page-scroll-mode,
body.page-scroll-mode {
  /* 页面滚动模式下，允许页面级滚动 */
  overflow: visible !important;
  height: auto !important;
  min-height: 100vh;
  /* 关键：确保页面可以扩展高度 */
  max-height: none !important;
  /* 关键：确保body不设置position: fixed */
  position: static !important;
  /* 确保背景颜色正确 */
  background-color: #111114 !important;
  /* 禁用移动端的拖拽滚动回弹效果 */
  overscroll-behavior: none !important;
  /* 禁用触摸滚动的惯性 */
  -webkit-overflow-scrolling: auto !important;
}

/* 新增：页面滚动模式下的应用容器 */
#app.page-scroll-mode {
  overflow: visible !important;
  height: auto !important;
  /* 关键：确保应用容器可以扩展高度 */
  max-height: none !important;
  /* 确保背景颜色正确 */
  background-color: #111114 !important;
}
#app.page-scroll-mode .mobile-container {
  /* 页面滚动模式下，移除容器滚动限制 */
  overflow: visible !important;
  height: auto !important;
  min-height: 100vh;
  /* 关键：确保移动端容器可以扩展高度 */
  max-height: none !important;
  /* 禁用移动端的拖拽滚动回弹效果 */
  overscroll-behavior: none !important;
  /* 确保背景颜色正确 */
  background-color: #111114 !important;
}

/* 新增：确保页面滚动模式下fixed元素正常工作 */
.page-scroll-mode {
  /* 页面滚动模式下，确保fixed元素相对于视口定位 */
  transform: none !important;
}

/* 特殊元素可以覆盖背景颜色 */
.page-scroll-mode .page-header,
.page-scroll-mode .page-footer,
.page-scroll-mode .custom-tabbar {
  background-color: #1d1d23 !important;
}
#app {
  width: 100%;
  /* 页面滚动模式下，不应该设置overflow-y: auto */
  /* overflow-y: auto; */
  background: #111114;
  /* 优化滚动性能 */
  -webkit-overflow-scrolling: touch;
  /* PC端居中显示 */
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* 移动端容器 - 页面滚动模式 */
.mobile-container {
  width: 100%;
  /* 统一使用深色背景，与#app保持一致 */
  background-color: #111114;
  /* 移动端背景色 */
  /* 移除position: relative，避免创建新的定位上下文 */
  /* position: relative; */
  /* 移除isolation: isolate，避免影响fixed元素定位 */
  /* isolation: isolate; */
  /* 页面滚动模式下，移除所有滚动限制 */
  overflow: visible;
  min-height: auto;
  /* 页面滚动模式下，不限制高度 */
  /* height: 100vh; */
}

/* 页面滚动模式下的移动端容器 */
.page-scroll-mode .mobile-container {
  /* 页面滚动模式下，移除高度和滚动限制 */
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
}

/* 页面滚动模式下不需要隐藏滚动条 */

/* Safari专用：禁用双重滚动 */
@supports (-webkit-touch-callout: none) {
body {
    /* 移除position: fixed，这是错误的设置 */
    /* position: fixed; */
    /* 页面滚动模式下，应该允许页面滚动 */
    overflow: visible;
    width: 100%;
    /* 页面滚动模式下，不限制高度 */
    /* height: 100%; */
}

  /* 新增：页面滚动模式下的Safari处理 */
body.page-scroll-mode {
    overflow: visible !important;
    height: auto !important;
    /* 关键：页面滚动模式下，body不设置position: fixed，避免影响fixed元素 */
}

  /* 确保内容可以正常滚动 */
.page-content,
  [data-scroll-container],
  .sidebar-content {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

  /* 侧边栏特殊处理：完全绕过body限制 */
.sidebar {
    position: fixed !important;
    top: 15% !important;
    right: 0 !important;
    height: 70vh !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s ease !important;
    z-index: 10000 !important;
}
.sidebar.sidebar-open {
    transform: translateX(0) !important;
}
.sidebar .sidebar-content {
    position: relative !important;
    height: 100% !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
}
}

/* 移动端软键盘弹起时的样式调整 */
body.keyboard-open {
  /* 页面滚动模式下，不需要限制高度 */
  /* height: var(--initial-height, 100vh); */
  height: auto;
  /* 页面滚动模式下，不应该阻止页面滚动 */
  /* overflow: hidden; */
}
body.keyboard-open .mobile-container {
  /* 页面滚动模式下，不需要限制高度 */
  /* height: var(--initial-height, 100vh); */
  height: auto;
  /* 页面滚动模式下，不应该使用容器滚动 */
  /* overflow-y: auto; */
  position: fixed;
  top: 0;
  left: 50%;
  /* 移除transform，避免影响fixed元素定位 */
  /* transform: translateX(-50%); */
  /* 使用left: 50%和margin-left: -50%来居中 */
  margin-left: -50%;
}

/* 防止iOS Safari地址栏变化导致的布局跳动 */
@supports (-webkit-touch-callout: none) {
.mobile-container {
    /* iOS Safari特殊处理 - 页面滚动模式下不需要限制高度 */
    /* min-height: -webkit-fill-available; */
    position: relative;
}
}

/* PC端适配 */
@media screen and (min-width: 768px) {
#app {
    /* 移除居中对齐，让容器占满全宽 */
    justify-content: stretch;
    align-items: stretch;
    padding: 0;
    /* 移除边距 */
    /* 页面滚动模式下，不应该设置overflow-y: auto */
    /* overflow-y: auto; */
    background: #111114;
}
.mobile-container {
    /* PC端全屏显示 */
    width: 100%;
    height: 100vh;
    border-radius: 0;
    /* 移除圆角 */
    box-shadow: none;
    /* 移除阴影 */
    border: none;
    /* 移除边框 */
    overflow: visible;
}

  /* PC端fixed元素自适应 */
.mobile-container :deep(.van-nav-bar--fixed),
  .mobile-container :deep([style*='position: fixed']),
  .mobile-container :deep(.fixed-element) {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
    z-index: 999;
}
}

/* 平板和大屏幕适配 - 移除宽度限制 */
@media screen and (min-width: 768px) {
  /* 平板和PC端都使用全屏宽度，无需额外限制 */
}

/* 阻止用户选择文本 */
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 输入框例外，允许选择 */
input,
textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* 移除点击高亮 */
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  outline: none;
}

/* 移除iOS默认样式 */
input,
button,
textarea {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

/* 修复iOS Safari底部安全区域 */
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

/* 修复iOS Safari顶部安全区域 */
.safe-area-top {
  padding-top: env(safe-area-inset-top);
}

/* 1px边框解决方案 */
.hairline-border::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #ebedf0;
  /* 移除transform，避免影响fixed元素定位 */
  /* transform: scale(0.5); */
  /* 使用width和height来替代transform */
  width: 100%;
  height: 100%;
  /* transform-origin: 0 0; */
  pointer-events: none;
}

/* 响应式字体大小 */
@media screen and (max-width: 320px) {
html {
    font-size: 3.466667vw;
}
}
@media screen and (min-width: 414px) and (max-width: 767px) {
html {
    font-size: 4vw;
}
}

/* PC端保持14px字体 */
@media screen and (min-width: 768px) {
html {
    font-size: 3.733333vw;
}
}

/* 遮罩层 - 独立控制 */
.base-modal-mask[data-v-a4fb6f3a] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13.333333vw 0; /* 增加顶部padding为关闭按钮留空间 */
  box-sizing: border-box;
  backdrop-filter: blur(1.333333vw);
  background: rgba(0, 0, 0, 0.5);
}
.base-modal-mask.mask-closing[data-v-a4fb6f3a] {
  background: transparent;
  transition: background-color 0.1s ease;
}

/* 弹窗内容容器 - 只负责动画 */
.base-modal-wrapper[data-v-a4fb6f3a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* 弹窗内容容器 */
.base-modal-content[data-v-a4fb6f3a] {
  position: relative;
  border-radius: 3.2vw;
  max-height: 95vh; /* 增加最大高度 */
}

/* 外部关闭按钮 */
.modal-close-external[data-v-a4fb6f3a] {
  position: absolute;
  top: -8vw;
  right: 5.333333vw;
  width: 6.4vw;
  height: 6.4vw;
  z-index: 1000; /* 提高层级，确保在弹窗内容上方 */
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal-close-external[data-v-a4fb6f3a]:hover {
  transform: scale(1.1);
}
.modal-close-external[data-v-a4fb6f3a]:active {
  transform: scale(0.95);
}
.close-btn-circle[data-v-a4fb6f3a] {
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(1.066667vw);
  border: 0.533333vw solid rgba(200, 200, 200, 0.5);
}
.close-icon[data-v-a4fb6f3a] {
  color: #999999;
  font-size: 4.8vw;
  font-weight: bold;
}

/* 弹窗主体 */
.base-modal[data-v-a4fb6f3a] {
  background: #1d1d23;
  border-radius: 3.2vw;
  position: relative;
  z-index: 1; /* 确保低于关闭按钮 */
}

/* 深色主题支持 */
@media (prefers-color-scheme: dark) {
.base-modal[data-v-a4fb6f3a] {
    background: #1d1d23;
    color: #ffffff;
}
}
/* 头部 */
.modal-header[data-v-a4fb6f3a] {
  position: relative;
  padding: 5.333333vw 5.333333vw 0 5.333333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-title[data-v-a4fb6f3a] {
  margin: 0;
  font-size: 5.066667vw;
  font-weight: 600;
  color: #323233;
  flex: 1;
  text-align: center;
}
@media (prefers-color-scheme: dark) {
.modal-title[data-v-a4fb6f3a] {
    color: #ffffff;
}
}
/* 移除了内部关闭按钮样式，现在使用外部关闭按钮 */
/* 内容区域 */
/* 底部操作区域 */
.modal-footer[data-v-a4fb6f3a] {
  padding: 0 5.333333vw 5.333333vw 5.333333vw;
  border-top: 1px solid #ebedf0;
  margin-top: 5.333333vw;
}
@media (prefers-color-scheme: dark) {
.modal-footer[data-v-a4fb6f3a] {
    border-top-color: #333;
}
}

/* 移动端优化 */
@media (max-width: 768px) {
.base-modal-mask[data-v-a4fb6f3a] {
    padding: 5.333333vw 0; /* 减少移动端padding */
}
.base-modal-content[data-v-a4fb6f3a] {
    max-height: 98vh; /* 移动端允许更大高度 */
    padding: 0 6.133333vw; /* 添加左右边距 */
}
.modal-header[data-v-a4fb6f3a] {
    padding: 4vw 4vw 0 4vw;
}
.modal-footer[data-v-a4fb6f3a] {
    padding: 0 4vw 4vw 4vw;
}
.modal-title[data-v-a4fb6f3a] {
    font-size: 4.266667vw;
}
}
/* 滚动条样式 */
.base-modal-content[data-v-a4fb6f3a]::-webkit-scrollbar {
  width: 1.066667vw;
}
.base-modal-content[data-v-a4fb6f3a]::-webkit-scrollbar-track {
  background: transparent;
}
.base-modal-content[data-v-a4fb6f3a]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.533333vw;
}
.base-modal-content[data-v-a4fb6f3a]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
/* 自定义Tabbar样式 */
.custom-tabbar[data-v-be17943c] {
  height: 16vw !important;
  background: #1d1d23;
  box-shadow: 0px -1.066667vw 5.333333vw 0px rgba(0, 0, 0, 0.3);
  padding-bottom: env(safe-area-inset-bottom, 2.133333vw);
  /* 关键：确保在页面滚动模式下也能正确固定 */
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  /* 关键：确保不受父元素影响 */
  transform: none !important;
  /* 关键：确保宽度正确 */
  width: 100% !important;
  max-width: 100% !important;
}

/* 覆盖Vant默认样式和CSS变量 */
.custom-tabbar[data-v-be17943c] {
  --van-tabbar-height: 16vw;
  --van-tabbar-background: #1d1d23;
}
[data-v-be17943c] .van-tabbar-item {
  color: #999999;
  font-size: 2.933333vw;
  height: 100%;
  padding: 2.133333vw 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  /* 移除 overflow: hidden，让波纹完整显示 */
}
[data-v-be17943c] .van-hairline--top-bottom:after {
  border-width: inherit;
}
[data-v-be17943c] .van-tabbar-item--active {
  color: rgba(70, 193, 161, 1);
  background-color: #1d1d23;
}
[data-v-be17943c] .van-tabbar-item__icon {
  margin-bottom: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-v-be17943c] .van-tabbar-item__text {
  margin-top: 0.533333vw;
  font-size: 2.666667vw;
}

/* 自定义图标样式 */
.tab-icon[data-v-be17943c] {
  width: 5.866667vw;
  height: 5.866667vw;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-icon svg[data-v-be17943c] {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.tab-icon.active[data-v-be17943c] {
  transform: scale(1.1);
}
.tab-icon.active svg[data-v-be17943c] {
  transform: scale(1.1);
}

/* 徽章样式 */
[data-v-be17943c] .van-badge {
  background: rgba(238, 10, 36, 1);
}

/* 小红点样式 */
[data-v-be17943c] .van-badge--dot {
  background: rgba(255, 69, 58, 1);
  width: 2.133333vw;
  height: 2.133333vw;
}

/* 游戏主题色彩 */
[data-v-be17943c] .van-tabbar-item--active .van-tabbar-item__text {
  color: var(--theme-primary-color);
}

/* 响应式适配 */
@media (max-width: 360px) {
[data-v-be17943c] .van-tabbar-item__text {
    font-size: 2.4vw;
}
.tab-icon[data-v-be17943c] {
    width: 5.866667vw;
    height: 5.866667vw;
}
.tab-icon svg[data-v-be17943c] {
    width: 100%;
    height: 100%;
}
.custom-tabbar[data-v-be17943c] {
    height: 16vw !important;
    --van-tabbar-height: 16vw;
    padding-top: 1.6vw;
}
}

/* 波纹效果样式 */
[data-v-be17943c] .ripple-effect {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transform: scale(0);
  opacity: 1;
  animation: ripple-animation-be17943c 0.6s ease-out forwards;
  z-index: 10;
  /* 提高层级确保波纹在最上层 */
}
@keyframes ripple-animation-be17943c {
0% {
    transform: scale(0);
    opacity: 1;
}
50% {
    transform: scale(0.8);
    opacity: 0.7;
}
100% {
    transform: scale(1.5);
    opacity: 0;
}
}

/* 暗色主题适配 */
@media (prefers-color-scheme: dark) {
.custom-tabbar[data-v-be17943c] {
    background: #1d1d23;
    --van-tabbar-background: #1d1d23;
    border-top-color: rgba(255, 255, 255, 0.05);
}
}

.base-page-layout[data-v-b15d132e] {
  /* 页面滚动布局 - 简化版本 */
  background: #111114;
  color: #ffffff;
  /* 关键：不设置任何高度和滚动限制 */
  /* 让浏览器完全控制滚动 */
  /* min-height: 100vh; */
}

/* 头部区域 - 固定在视口顶部 */
.page-header[data-v-b15d132e] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  background: #1d1d23 !important;
  box-shadow: 0 0.533333vw 2.133333vw rgba(0, 0, 0, 0.1) !important;
  transform: none !important;
}

/* 主要内容区域 - 页面滚动 */
.page-content[data-v-b15d132e] {
  /* 页面滚动模式下，内容自然展开 */
  padding: 2.666667vw;
  /* 关键：不设置任何overflow、height、min-height等限制 */
  /* 让内容自然流动，浏览器处理滚动 */
  /* 关键：确保内容有足够高度触发滚动和工具栏缩小 */
  min-height: 120vh;
  /* 关键：为固定头部留出空间 */
  padding-top: 21.333333vw;
  /* 关键：为固定底部导航栏留出空间 */
  padding-bottom: 26.666667vw;
}

/* 底部导航区域 - 固定在视口底部 */
.page-footer[data-v-b15d132e] {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  background: #1d1d23 !important;
  box-shadow: 0 -0.533333vw 2.133333vw rgba(0, 0, 0, 0.1) !important;
  transform: none !important;
}
/* 覆盖BaseModal的默认样式 */
[data-v-29f963ca] .van-cell:after {
  border: none;
}
[data-v-29f963ca] .base-modal {
  background: #1d1d23;
  color: #ffffff;
  padding: 0 2.666667vw;
}
[data-v-29f963ca] .modal-title {
  color: #8f8f8f;
  font-size: 4vw;
  font-weight: bold;
}

/* 兑换码弹窗内容样式 */
.redeem-modal-content[data-v-29f963ca] {
  padding: 0;
  margin-top: 3.2vw;
}
.input-section[data-v-29f963ca] {
  margin-bottom: 2.933333vw;
}
.input-section .input-wrapper[data-v-29f963ca] {
  background: #111114;
  border-radius: 6.666667vw;
  display: flex;
  align-items: center;
  padding: 0.8vw;
}
.input-section .input-wrapper[data-v-29f963ca] .van-field {
  flex: 1;
  background: transparent;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
.input-section .input-wrapper[data-v-29f963ca] .van-field .van-field__control {
  color: #666;
  font-size: 3.733333vw;
}
.input-section .input-wrapper[data-v-29f963ca] .van-field .van-field__control::placeholder {
  color: #666;
}
.input-section .input-wrapper .copy-btn[data-v-29f963ca] {
  background: var(--theme-primary-color);
  border-radius: 6.666667vw;
  width: 20.533333vw;
  height: 7.466667vw;
  line-height: 7.466667vw;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}
.input-section .input-wrapper .copy-btn[data-v-29f963ca]:hover {
  background: var(--theme-primary-color);
}
.input-section .input-wrapper .copy-btn[data-v-29f963ca]:active {
  transform: scale(0.98);
}
.input-section .input-wrapper .copy-btn .copy-text[data-v-29f963ca] {
  color: white;
  font-size: 3.733333vw;
  font-weight: bold;
}
.reward-description[data-v-29f963ca] {
  text-align: center;
  margin-bottom: 4vw;
  display: flex;
  justify-content: center;
}
.reward-description .desc-text[data-v-29f963ca] {
  color: #999;
  font-size: 2.933333vw;
  line-height: 1.5;
  margin: 0;
  width: 90%;
}
.reward-description .desc-text .reward-amount[data-v-29f963ca] {
  color: #ddab40;
  font-size: 2.933333vw;
  font-weight: bold;
}
.join-section[data-v-29f963ca] {
  margin-bottom: 4vw;
  display: flex;
  justify-content: center;
}
.join-section .join-btn[data-v-29f963ca] {
  background: var(--theme-primary-color);
  border-radius: 5.333333vw;
  padding: 2.666667vw 8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8vw;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}
.join-section .join-btn[data-v-29f963ca]:hover {
  transform: translateY(-0.533333vw);
  box-shadow: 0 1.066667vw 3.2vw var(--theme-primary-color);
}
.join-section .join-btn[data-v-29f963ca]:active {
  transform: translateY(0);
}
.join-section .join-btn .telegram-icon[data-v-29f963ca] {
  color: white;
  font-size: 3.733333vw;
}
.join-section .join-btn .join-text[data-v-29f963ca] {
  color: white;
  font-size: 3.733333vw;
  font-weight: bold;
}
.rules-section[data-v-29f963ca] {
  padding-bottom: 4vw;
}
.rules-section .rules-text p[data-v-29f963ca] {
  margin: 1.333333vw 0;
  font-size: 2.933333vw;
  line-height: 1.4;
}
.rules-section .rules-text p.rule-highlight[data-v-29f963ca] {
  color: #ddab40;
}
.rules-section .rules-text p.rule-normal[data-v-29f963ca] {
  color: #999;
}
.submit-section .submit-btn[data-v-29f963ca] {
  background: var(--theme-primary-color);
  border: none;
  height: 11.733333vw;
}
.submit-section .submit-btn[data-v-29f963ca] .van-button__text {
  font-size: 4.266667vw;
  font-weight: bold;
}

/* 移动端优化 */
@media (max-width: 768px) {
.modal-content[data-v-29f963ca] {
    padding: 4vw;
}
.modal-title .title-text[data-v-29f963ca] {
    font-size: 4vw;
}
.reward-description .desc-text[data-v-29f963ca] {
    font-size: 2.933333vw;
}
.rules-section .rules-text p[data-v-29f963ca] {
    font-size: 2.666667vw;
}
}
/* 游戏展示区域 */
.game-showcase[data-v-91950946] {
  display: flex;
  gap: 2.666667vw;
  height: 61.333333vw;
}

/* 主游戏轮播 */
.main-game[data-v-91950946] {
  flex: 2;
  position: relative;
  border-radius: 3.2vw;
  overflow: hidden;
  background: #2a2a2a;
}
.main-game .main-swipe[data-v-91950946] {
  height: 100%;
  border-radius: 3.2vw;
}
.main-game .main-swipe[data-v-91950946] .van-swipe__track {
  height: 100%;
}
.main-game .main-swipe[data-v-91950946] .van-swipe-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-primary-color);
}
.main-game .main-swipe img[data-v-91950946] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-game .main-swipe[data-v-91950946] .van-swipe__indicators {
  bottom: 3.2vw;
}
.main-game .main-swipe[data-v-91950946] .van-swipe__indicators .van-swipe__indicator {
  background: rgba(255, 255, 255, 0.4);
}
.main-game .main-swipe[data-v-91950946] .van-swipe__indicators .van-swipe__indicator--active {
  background: rgba(255, 255, 255, 0.9);
}

/* 侧边游戏 */
.side-games[data-v-91950946] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3.2vw;
}
.side-game[data-v-91950946] {
  flex: 1;
  border-radius: 2.133333vw;
  overflow: hidden;
  background: var(--theme-primary-color);
}
.side-game img[data-v-91950946] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.133333vw;
  transition: transform 0.3s ease;
}
.side-game:hover img[data-v-91950946] {
  transform: scale(1.05);
}

/* 响应式适配 */
@media screen and (max-width: 480px) {
.game-showcase[data-v-91950946] {
    height: 61.333333vw;
    gap: 2.666667vw;
}
.side-games[data-v-91950946] {
    gap: 2.666667vw;
}
.main-game .main-swipe[data-v-91950946] .van-swipe__indicators {
    bottom: 2.133333vw;
}
}
@media screen and (max-width: 360px) {
.game-showcase[data-v-91950946] {
    height: 53.333333vw;
    gap: 3.2vw;
    margin: 4.266667vw 0;
}
.side-games[data-v-91950946] {
    gap: 2.133333vw;
}
}
[data-v-91950946] .van-swipe {
  transform: none !important;
}
.game-webview-container[data-v-44d687ec] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000003;
  /* 确保在最上层，高于所有弹窗 */
  background: #000;
  /* **全屏竖屏模式的关键样式** */
}
.game-webview-container.force-portrait[data-v-44d687ec] {
  /* 基础设置 - 强制占满全屏 */
  width: 100vw !important;
  height: 100vh !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  overflow: hidden !important;
  /* **全屏竖屏模式：禁止所有旋转，占满全屏** */
}
.game-webview-container.force-portrait .game-webview-overlay[data-v-44d687ec] {
  width: 100vw !important;
  height: 100vh !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  /* 改为 flex-start，防止居中布局影响全屏 */
  align-items: stretch !important;
  /* 改为 stretch，让iframe伸展占满 */
  overflow: hidden !important;
}
.game-webview-container.force-portrait .game-iframe[data-v-44d687ec] {
  /* 全屏竖屏模式：基础设置 */
  border: none !important;
  background: #000 !important;
  transform: none !important;
  position: static !important;
  /* 改为 static，让flex布局生效 */
  /* 禁止所有可能的旋转 */
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  /* 禁止游戏自动旋转 */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  /* 禁止缩放和滚动 */
  overflow: hidden !important;
  zoom: 1 !important;
  -webkit-user-scalable: no !important;
  -moz-user-scalable: no !important;
  user-scalable: no !important;
  /* **全屏竖屏模式：占满整个屏幕** */
  width: 100vw !important;
  height: 100vh !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  /* 强制flex占满父容器 */
  flex: 1 !important;
  /* 确保在全屏时不有边距 */
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
  left: 0 !important;
}
.game-webview-container.force-portrait[data-v-44d687ec] {
  /* **全屏模式下的响应式处理** */
  /* 竖屏时占满全屏 */
}
@media (orientation: portrait) {
.game-webview-container.force-portrait .game-iframe[data-v-44d687ec] {
    width: 100vw !important;
    height: 100vh !important;
}
}
.game-webview-container.force-portrait[data-v-44d687ec] {
  /* 横屏时仍然占满全屏（全屏+竖屏锁定的情况下） */
}
@media (orientation: landscape) {
.game-webview-container.force-portrait .game-iframe[data-v-44d687ec] {
    width: 100vw !important;
    height: 100vh !important;
}
}
.game-webview-container.force-portrait[data-v-44d687ec] {
  /* 移动端特殊处理 */
}
@media (max-width: 768px) {
.game-webview-container.force-portrait .game-iframe[data-v-44d687ec] {
    /* 禁止所有可能的变形 */
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transition: none !important;
    /* 全屏竖屏模式：确保占满全屏 */
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
}
}
.game-webview-container[data-v-44d687ec] {
  /* **非强制竖屏模式 - 自动适应屏幕方向** */
}
.game-webview-container[data-v-44d687ec]:not(.force-portrait) {
  /* 自动适应横屏和竖屏 */
  transform: none;
}
.game-webview-container:not(.force-portrait) .game-webview-overlay[data-v-44d687ec] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.game-webview-container:not(.force-portrait) .game-iframe[data-v-44d687ec] {
  width: 100%;
  height: 100%;
  flex: 1;
}
.game-webview-overlay[data-v-44d687ec] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.game-webview-header[data-v-44d687ec] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000004;
  /* 头部按钮在最上层 */
  padding: 4vw;
  flex-shrink: 0;
  /* 头部绝对定位，不占用空间 */
  display: flex;
  justify-content: flex-start;
  /* 按钮左对齐 */
  align-items: center;
  gap: 2.666667vw;
  /* 按钮间间距 */
}
.close-button[data-v-44d687ec],
.fullscreen-button[data-v-44d687ec],
.exit-fullscreen-button[data-v-44d687ec] {
  width: 10.666667vw;
  height: 10.666667vw;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #fff;
  backdrop-filter: blur(2.666667vw);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0.533333vw 2.133333vw rgba(0, 0, 0, 0.3);
}
.close-button[data-v-44d687ec]:hover,
.fullscreen-button[data-v-44d687ec]:hover,
.exit-fullscreen-button[data-v-44d687ec]:hover {
  background: rgba(0, 0, 0, 0.8);
  transform: scale(1.05);
  box-shadow: 0 1.066667vw 3.2vw rgba(0, 0, 0, 0.4);
}
.close-button[data-v-44d687ec]:active,
.fullscreen-button[data-v-44d687ec]:active,
.exit-fullscreen-button[data-v-44d687ec]:active {
  transform: scale(0.95);
}
.game-iframe[data-v-44d687ec] {
  width: 100%;
  height: 100vh;
  border: none;
  background: #000;
  /* **全屏+竖屏模式下，iframe默认占满整个屏幕** */
  flex: 1;
  /* 使用flex布局自动填充空间 */
  /* 确保在所有情况下都不会有间隙 */
  margin: 0;
  padding: 0;
  /* 禁止默认的滚动条 */
  overflow: hidden;
}

/* 强制竖屏模式下的iframe样式 */
.force-portrait .game-iframe[data-v-44d687ec] {
  width: 100%;
  height: 100vh;
}

/* **iOS Safari专用处理** */
@supports not ((-webkit-touch-callout: none) and (not (translate: none))) {
  /* 非-iOS设备的处理 */
}
/* iOS Safari强制竖屏处理 */
@media screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) {
.game-webview-container.force-portrait[data-v-44d687ec] {
    /* iOS设备上的特殊处理 */
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 999999 !important;
}
.game-webview-container.force-portrait .game-iframe[data-v-44d687ec] {
    /* 确保在iOS上的正确显示 */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    /* 禁止iOS的自动缩放 */
    -webkit-user-scalable: no !important;
    user-scalable: no !important;
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: transparent !important;
}
}
/* 移动端优化 */
@media (max-width: 768px) {
.game-webview-header[data-v-44d687ec] {
    padding: 3.2vw;
}
.close-button[data-v-44d687ec] {
    width: 9.6vw;
    height: 9.6vw;
}
}
@media (max-width: 375px) {
.game-webview-header[data-v-44d687ec] {
    padding: 2.666667vw;
}
.close-button[data-v-44d687ec] {
    width: 8.533333vw;
    height: 8.533333vw;
}
}
/* 过渡动画 */
.game-webview-enter-active[data-v-44d687ec],
.game-webview-leave-active[data-v-44d687ec] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.game-webview-enter-from[data-v-44d687ec] {
  opacity: 0;
  transform: scale(0.95);
}
.game-webview-leave-to[data-v-44d687ec] {
  opacity: 0;
  transform: scale(1.05);
}
/* 游戏分类样式 */
.game-categories[data-v-fc414595] {
  margin-bottom: 4vw;
  margin-top: -1.333333vw;
  z-index: 100;
  /* 粘性标签栏容器 */
}
.game-categories .sticky-tab-header[data-v-fc414595] {
  position: sticky;
  top: var(--sticky-top);
  z-index: 100;
  background: #111114;
  margin-top: -1.333333vw;
  margin-left: -1px;
  margin-bottom: 2.133333vw;
  padding-top: 2.133333vw;
  padding-bottom: 0px;
}
.game-categories .sticky-tab-header.is-sticky[data-v-fc414595] {
  box-shadow: 0 0.533333vw 2.133333vw rgba(0, 0, 0, 0.3);
  background: #0f0f12;
}
.game-categories .sticky-tab-header[data-v-fc414595]::before {
  content: "";
  position: absolute;
  top: -2.666667vw;
  left: 0;
  right: 0;
  height: 4vw;
  background: #111114;
  z-index: -1;
}
.game-categories[data-v-fc414595] {
  /* 标签导航栏 */
}
.game-categories .tab-nav[data-v-fc414595] {
  display: flex;
  gap: 2.133333vw;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.game-categories .tab-nav[data-v-fc414595]::-webkit-scrollbar {
  display: none;
}
.game-categories[data-v-fc414595] {
  /* 单个标签项 */
}
.game-categories .tab-item[data-v-fc414595] {
  background: rgb(29, 29, 35);
  border-radius: 1.6vw;
  flex: none;
  color: rgba(255, 255, 255, 0.7);
  font-size: 3.733333vw;
  padding: 0px 2.666667vw;
  height: 6.933333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: all 0.3s;
  cursor: pointer;
}
.game-categories .tab-item.tab-active[data-v-fc414595] {
  background: var(--theme-primary-color);
  color: rgb(255, 255, 255);
}
.game-categories .tab-item[data-v-fc414595]:active {
  transform: scale(0.95);
}
.game-categories[data-v-fc414595] {
  /* Tab标题内容样式 */
}
.game-categories .category-tab-content[data-v-fc414595] {
  display: flex;
  align-items: center;
  gap: 2.133333vw;
}
.game-categories .category-tab-content .category-icon[data-v-fc414595] {
  font-size: 4.266667vw;
  width: 5.333333vw;
  height: 5.333333vw;
  /* Vant图标样式 */
}
.game-categories .category-tab-content .category-icon.van-icon[data-v-fc414595] {
  font-size: 4.266667vw;
  color: inherit;
}
.game-categories .category-tab-content .category-name[data-v-fc414595] {
  font-size: 3.733333vw;
  font-weight: 500;
}
.game-categories[data-v-fc414595] {
  /* 分类内容区域 */
}
.game-categories .category-content[data-v-fc414595] {
  padding: 2.133333vw 0;
  /* 热门游戏标题 */
}
.game-categories .category-content .popular-header[data-v-fc414595] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4.266667vw;
}
.game-categories .category-content .popular-header .popular-title[data-v-fc414595] {
  display: flex;
  align-items: flex-start;
  gap: 2.133333vw;
  padding-left: 1px;
}
.game-categories .category-content .popular-header .popular-title[data-v-fc414595] .van-image {
  width: 4.266667vw;
  height: 5.6vw;
}
.game-categories .category-content .popular-header .popular-title .title-text[data-v-fc414595] {
  font-size: 4.266667vw;
  font-weight: bold;
  color: #8f8f8f;
}
.game-categories .category-content .popular-header .filter-options[data-v-fc414595] {
  display: flex;
  gap: 1.066667vw;
  align-items: center;
}
.game-categories .category-content .popular-header .filter-options .all-filter[data-v-fc414595] {
  background: rgb(29, 29, 35);
  padding: 2.133333vw 3.2vw;
  height: 5.6vw;
  border-radius: 0.533333vw;
  display: flex;
  align-items: center;
  gap: 1.066667vw;
  font-size: 3.2vw;
  color: #999999;
  cursor: pointer;
  transition: all 0.3s ease;
}
.game-categories .category-content .popular-header .filter-options .all-filter[data-v-fc414595]:hover {
  color: rgba(255, 255, 255, 0.9);
}
.game-categories .category-content .popular-header .filter-options .all-filter[data-v-fc414595]:active {
  transform: scale(0.95);
}
.game-categories .category-content .popular-header .filter-options .all-filter.active[data-v-fc414595] {
  color: rgb(255, 255, 255);
}
.game-categories .category-content .popular-header .filter-options .all-filter[data-v-fc414595] .van-image {
  width: 1.866667vw;
  height: 3.2vw;
}
.game-categories .category-content .popular-header .filter-options .filter-btn[data-v-fc414595] {
  background: rgb(29, 29, 35);
  padding: 2.133333vw;
  width: 5.6vw;
  height: 5.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.533333vw;
  font-size: 3.2vw;
  cursor: pointer;
  transition: all 0.3s ease;
}
.game-categories .category-content .popular-header .filter-options .filter-btn[data-v-fc414595]:active {
  transform: scale(0.95);
}
.game-categories .category-content .popular-header .filter-options .filter-btn[data-v-fc414595] .van-image {
  width: 1.866667vw;
  height: 3.2vw;
}
.game-categories .category-content[data-v-fc414595] {
  /* 游戏容器 */
}
.game-categories .category-content .games-container .swipe-container[data-v-fc414595] {
  /* 确保Swipe容器有正确的尺寸 */
  width: 100%;
  overflow: hidden;
}
.game-categories .category-content .games-container .swipe-container .games-swipe[data-v-fc414595] {
  /* 简化Swipe样式，让Vant默认样式生效 */
  width: 100%;
}
.game-categories .category-content .games-container[data-v-fc414595] {
  /* 游戏网格布局 */
}
.game-categories .category-content .games-container .games-grid[data-v-fc414595] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.333333vw;
  justify-items: center;
}
.game-categories .category-content .games-container .games-grid.all-view[data-v-fc414595] {
  max-width: 100%;
}
.game-categories .category-content .games-container .games-grid[data-v-fc414595] {
  /* 单分类模式样式 */
}
.game-categories .category-content .games-container .games-grid.single-category[data-v-fc414595] {
  max-width: 100%;
  /* 单分类模式显示所有游戏 */
}
.game-categories .category-content .games-container .games-grid[data-v-fc414595] {
  /* 空收藏提示样式 */
}
.game-categories .category-content .games-container .games-grid .empty-favorite[data-v-fc414595] {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 53.333333vw;
  padding: 5.333333vw;
}
.game-categories .category-content .games-container .games-grid .empty-favorite .empty-message[data-v-fc414595] {
  text-align: center;
  color: #999999;
}
.game-categories .category-content .games-container .games-grid .empty-favorite .empty-message p[data-v-fc414595] {
  margin: 2.133333vw 0;
  font-size: 3.733333vw;
  line-height: 1.5;
}
.game-categories .category-content .games-container .games-grid .empty-favorite .empty-message p[data-v-fc414595]:first-child {
  font-size: 4.266667vw;
  font-weight: 500;
  color: #666666;
}
.game-categories .category-content .games-container .games-grid[data-v-fc414595] {
  /* Swipe页面特殊样式 */
}
.game-categories .category-content .games-container .games-grid.swipe-page[data-v-fc414595] {
  /* 确保在Swipe中正常显示 */
  width: 100%;
  min-height: 53.333333vw;
  /* 防止网格布局影响滑动 */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.333333vw;
  justify-items: center;
}
.game-categories .category-content .games-container .games-grid .game-card[data-v-fc414595] {
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 29.6vw;
  height: 41.333333vw;
  /* 移除可能影响Swipe的CSS属性 */
  /* will-change: transform, opacity; */
  /* backface-visibility: hidden; */
  /* perspective: 1000px; */
}
@media (max-width: 480px) {
.game-categories .category-content .games-container .games-grid .game-card[data-v-fc414595] {
    height: auto;
    aspect-ratio: 111/155;
}
}
.game-categories .category-content .games-container .games-grid .game-card[data-v-fc414595]:hover {
  transform: scale(1.05);
}
.game-categories .category-content .games-container .games-grid .game-card[data-v-fc414595]:active {
  transform: scale(0.98);
  transition: all 0.1s ease;
}
.game-categories .category-content .games-container .games-grid .game-card .game-tag-image[data-v-fc414595] {
  width: 10.666667vw;
  height: 10.666667vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.game-categories .category-content .games-container .games-grid .game-card .game-image[data-v-fc414595] {
  position: relative;
  background: rgb(7, 24, 51);
  border-radius: 1.333333vw;
  overflow: hidden;
  width: 29.6vw;
  height: 41.333333vw;
  margin-bottom: 2.133333vw;
}
.game-categories .category-content .games-container .games-grid .game-card .game-image .game-image-item[data-v-fc414595] {
  width: 100%;
  height: 100%;
}
.game-categories .category-content .games-container .games-grid .game-card .game-image .game-tag[data-v-fc414595] {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  border-radius: 3.2vw;
  font-size: 2.666667vw;
  font-weight: bold;
}
.game-categories .category-content .games-container .games-grid .game-card .game-image .game-tag[data-v-fc414595] .van-image {
  width: 8.8vw;
  height: 8.8vw;
}
.game-categories .category-content .games-container .games-grid .game-card .game-image .game-tag span[data-v-fc414595] {
  position: absolute;
  top: 1.066667vw;
  left: 0;
  color: white;
  font-size: 2.666667vw;
  font-weight: bold;
  transform: rotate(-45deg);
}
.game-categories .category-content .games-container .games-grid .game-card .game-image .game-tag.tag-new span[data-v-fc414595] {
  color: #00ff00;
}
.game-categories .category-content .games-container .games-grid .game-card .game-image .game-tag.tag-hot span[data-v-fc414595] {
  color: #ff4444;
}

/* VanImage组件通用样式 */
[data-v-fc414595] .van-image {
  display: block;
}
[data-v-fc414595] .van-image__img {
  object-fit: inherit;
}
[data-v-fc414595] .van-image__loading {
  background-color: transparent;
}
[data-v-fc414595] .van-image__error {
  background-color: transparent;
  color: #666;
  font-size: 3.2vw;
}
.game-total[data-v-fc414595] {
  text-align: center;
  width: 100%;
}
.game-total .total-text[data-v-fc414595] {
  font-family: Alibaba PuHuiTi 3;
  font-weight: normal;
  font-size: 3.2vw;
  color: #999999;
  line-height: 6.4vw;
}
.game-total .more[data-v-fc414595] {
  font-family: Alibaba PuHuiTi 3;
  font-weight: normal;
  font-size: 3.2vw;
  color: var(--theme-primary-color);
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 1.066667vw 2.133333vw;
  border-radius: 1.066667vw;
  display: inline-block;
  margin-top: 1.066667vw;
}
.game-total .more[data-v-fc414595]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}
.game-total .more[data-v-fc414595]:active {
  transform: scale(0.95);
  background-color: rgba(255, 255, 255, 0.2);
}

/* 响应式适配 */
@media (max-width: 360px) {
.game-categories .category-tab-content[data-v-fc414595] {
    gap: 1.6vw;
}
.game-categories .category-tab-content .category-icon[data-v-fc414595] {
    font-size: 3.733333vw;
}
.game-categories .category-tab-content .category-name[data-v-fc414595] {
    font-size: 3.466667vw;
}
}
.bonus-section[data-v-bea50028] {
  background: rgb(29, 29, 35);
  padding: 2.133333vw;
  border-radius: 3.2vw;
  margin-bottom: 2.666667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8vw;
}
.bonus-section .withdraw-section[data-v-bea50028] .van-image {
  width: 4.266667vw;
  height: 4.266667vw;
}
.bonus-section .withdraw-section[data-v-bea50028] .van-button__text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.333333vw;
}
.bonus-info[data-v-bea50028] {
  flex: 1;
  max-width: 50%;
}
.bonus-info .bonus-actions[data-v-bea50028] .van-image {
  width: 3.2vw;
  height: 3.733333vw;
}
.bonus-info .bonus-actions[data-v-bea50028] .van-button__text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.333333vw;
}
.bonus-text[data-v-bea50028] {
  margin-bottom: 2.133333vw;
}
.bonus-label[data-v-bea50028] {
  color: #999999;
  font-size: 3.2vw;
  margin-right: 2.133333vw;
}
.bonus-amount[data-v-bea50028] {
  color: #ddab40;
  font-size: 3.2vw;
  font-weight: bold;
}
.deposit-btn[data-v-bea50028] {
  background: rgb(17, 17, 20) !important;
  border: none !important;
  color: #999999 !important;
  font-size: 3.2vw !important;
  padding: 1px 4.8vw !important;
  border-radius: 5.333333vw !important;
  height: 8vw !important;
}

/* Unlocked按钮样式已移除 */
.withdraw-btn[data-v-bea50028] {
  background: var(--theme-primary-color) !important;
  border: none !important;
  color: white !important;
  font-weight: bold !important;
  width: 26.666667vw;
  height: 8vw;
  border-radius: 13.333333vw !important;
  font-size: 3.2vw !important;
  transition: all 0.3s ease !important;
}
.withdraw-btn.withdraw-btn--disabled[data-v-bea50028] {
  background: #666666 !important;
  color: #999999 !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
}
.withdraw-btn[data-v-bea50028]:not(.withdraw-btn--disabled):hover {
  transform: translateY(-0.533333vw);
  box-shadow: 0 1.066667vw 3.2vw rgba(34, 151, 120, 0.3);
}
.withdraw-btn[data-v-bea50028]:not(.withdraw-btn--disabled):active {
  transform: translateY(0);
}
.unlocked-content[data-v-bea50028] {
  display: flex;
  flex-direction: column;
  gap: 2.133333vw;
  height: 9.333333vw;
}
.progress-container[data-v-bea50028] {
  display: flex;
  flex-direction: column;
  gap: 1.6vw;
}
.progress-info[data-v-bea50028] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2.666667vw;
}
.progress-text[data-v-bea50028] {
  color: #999999;
}
.progress-percentage[data-v-bea50028] {
  color: var(--theme-primary-color);
  font-weight: bold;
}

/* VanImage组件通用样式 */
[data-v-bea50028] .van-image {
  display: block;
}
[data-v-bea50028] .van-image__img {
  object-fit: inherit;
}
[data-v-bea50028] .van-image__loading {
  background-color: transparent;
}
[data-v-bea50028] .van-image__error {
  background-color: transparent;
  color: #666;
  font-size: 3.2vw;
}
.notice-bar-container[data-v-e5edb3ed] {
  width: 90%;
  display: flex;
  align-items: center;
}
.notice-bar[data-v-e5edb3ed] {
  flex: 1;
  height: 8vw;
  overflow: hidden;
  position: relative;
}
.notice-content[data-v-e5edb3ed] {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.card-wrapper[data-v-e5edb3ed] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.notice-card[data-v-e5edb3ed] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 2.666667vw;
  font-weight: 400;
  transition: all 0.3s ease;
  transform: translateY(0);
  opacity: 1;
}
.notice-card.notice[data-v-e5edb3ed] {
  color: #fff; /* 绿色 - 普通通知 */
}
.notice-card.reward[data-v-e5edb3ed] {
  color: #FFF; /* 橙色 - 奖励通知 */
  font-weight: 400;
}
.notice-card.placeholder[data-v-e5edb3ed] {
  color: #999;
  background: rgba(0, 0, 0, 0.05);
}
.notice-card.slide-up[data-v-e5edb3ed] {
  transform: translateY(-100%);
  opacity: 0;
}
.notice-card.slide-down[data-v-e5edb3ed] {
  transform: translateY(100%);
  opacity: 0;
}

/* 响应式适配 */
@media (max-width: 480px) {
.notice-bar[data-v-e5edb3ed] {
    height: 8vw;
}
.notice-item[data-v-e5edb3ed] {
    font-size: 3.2vw;
    padding-right: 21.333333vw;
}
}
@media (max-width: 360px) {
.notice-item[data-v-e5edb3ed] {
    font-size: 2.933333vw;
    padding-right: 16vw;
}
}
.daily-bonus-content[data-v-b3b918c1] {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #1d1d23;
  border-radius: 3.2vw;
  overflow-x: visible;
  /* 允许水平溢出，确保游戏列表可以滚动 */
  min-height: 146.666667vw;
  max-height: 85vh;
  padding: 5.333333vw;
  /* 限制最大高度，确保在小屏幕上不溢出 */
}

/* 移动端适配 */
@media (max-width: 480px) {
.daily-bonus-content[data-v-b3b918c1] {
    min-height: 120vw;
    /* 小屏幕减少最小高度 */
    max-height: 90vh;
    /* 小屏幕允许更大高度比例 */
}
}
.header .header-title[data-v-b3b918c1] {
  text-align: center;
  color: #ffd118;
  font-weight: bold;
}
.list[data-v-b3b918c1] {
  background: #18181c;
  border-radius: 1.333333vw;
  margin-top: 1.333333vw;
}
.list-header[data-v-b3b918c1] {
  margin-top: 2.666667vw;
}
.list-header > div[data-v-b3b918c1] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 13.866667vw;
}
.list-header .day7[data-v-b3b918c1] {
  width: 10.666667vw;
  height: 5.866667vw;
}
.list-header .rescue[data-v-b3b918c1] {
  width: 9.866667vw;
  height: 8vw;
}
.list-header .bonus[data-v-b3b918c1] {
  width: 8.8vw;
  height: 9.066667vw;
}
.list-header .list-text[data-v-b3b918c1] {
  color: #818e99;
  font-size: 3.2vw;
  font-weight: bold;
}
.list-item[data-v-b3b918c1]:nth-child(2n) {
  background: #20242c;
}
.list-item .flex-1[data-v-b3b918c1] {
  text-align: center;
  height: 9.6vw;
}
.list-item .flex-1 .day-text[data-v-b3b918c1] {
  color: #818E99 !important;
  font-weight: normal;
}
.list-item .flex-1 .list-text[data-v-b3b918c1] {
  height: 100%;
  line-height: 9.6vw;
  color: #E8ECF0;
  font-weight: 500;
}
.tips[data-v-b3b918c1] {
  color: #818E99;
  font-size: 3.466667vw;
  margin: 0.2rem 0;
  text-align: center;
}
.tips .yellow[data-v-b3b918c1] {
  color: #FFD118;
}
.btn[data-v-b3b918c1] {
  margin: 2.666667vw 0;
}
.btn[data-v-b3b918c1] .van-button {
  width: 100%;
}
/* 覆盖BaseModal的默认样式 */
[data-v-f159ded6] .base-modal {
  background: #1d1d23;
  color: #ffffff;
  padding: 0 8vw;
}
[data-v-f159ded6] .modal-title {
  color: #8f8f8f;
  font-size: 4vw;
  font-weight: bold;
}

/* 救援金弹窗内容样式 */
.rescue-modal-content[data-v-f159ded6] {
  padding: 5.333333vw 0;
  text-align: center;
}
.rescue-tips[data-v-f159ded6] {
  margin-bottom: 4vw;
}
.rescue-tips .tips-text[data-v-f159ded6] {
  color: #999;
  font-size: 3.733333vw;
  line-height: 1.5;
  margin: 0;
}
.rescue-tips .tips-text .highlight-text[data-v-f159ded6] {
  color: #ddab40;
  font-weight: bold;
}
.rescue[data-v-f159ded6] {
  justify-content: space-between;
}
.rescue .addSymbol[data-v-f159ded6] {
  font-size: 8.533333vw;
  font-weight: bold;
}
.rescue-box[data-v-f159ded6] {
  background: #2F3543;
  margin-bottom: 8vw;
  border-radius: 2.666667vw;
  padding-top: 2.666667vw;
}
.day7card[data-v-f159ded6] {
  position: relative;
}
.day7card .mask[data-v-f159ded6] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 2.666667vw;
  background: rgba(10, 10, 15, 0.41);
  display: flex;
  align-items: center;
  justify-content: center;
}
.day7card .mask .icon[data-v-f159ded6] {
  width: 5.333333vw;
  height: 6.4vw;
}
.rescue-icon[data-v-f159ded6] {
  display: flex;
  justify-content: center;
}
.rescue-icon .gold-icon[data-v-f159ded6] {
  width: 16vw;
  height: 16vw;
  object-fit: contain;
}
.free-btn[data-v-f159ded6] {
  position: absolute;
  bottom: -2.666667vw;
  left: 0;
  width: 100%;
  transform: translateY(50%);
}
.claim-button[data-v-f159ded6] {
  width: 90%;
  height: 9.066667vw;
  background: linear-gradient(145deg, var(--theme-primary-color), color-mix(in srgb, var(--theme-primary-color) 80%, #000000));
  border: none;
  border-radius: 6.666667vw;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 1.333333vw;
  position: relative;
  box-shadow: 0 1.066667vw 2.133333vw rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.claim-button[data-v-f159ded6]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), transparent);
  border-radius: 6.666667vw;
  pointer-events: none;
}
.claim-button[data-v-f159ded6]:hover:not(:disabled) {
  transform: translateY(-0.533333vw) scale(1.02);
  box-shadow: 0 1.6vw 3.2vw rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.claim-button[data-v-f159ded6]:active:not(:disabled) {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 0.533333vw 1.066667vw rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.claim-button.claim-disabled[data-v-f159ded6] {
  background: linear-gradient(145deg, #666, #444);
  cursor: not-allowed;
  opacity: 0.6;
  box-shadow: 0 0.533333vw 1.066667vw rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.rescue-amount[data-v-f159ded6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.333333vw;
  margin-bottom: 2.666667vw;
}
.rescue-amount .amount-symbol[data-v-f159ded6] {
  color: #ddab40;
  font-size: 6.4vw;
  font-weight: bold;
}
.rescue-amount .amount-value[data-v-f159ded6] {
  color: #ddab40;
  font-size: 6.4vw;
  font-weight: bold;
}
.rescue-actions[data-v-f159ded6] {
  margin-bottom: 4vw;
}
.rescue-actions .rescue-btn[data-v-f159ded6] {
  width: 100%;
  height: 11.733333vw;
  background: linear-gradient(135deg, #f0c43a, #dba02d);
  border: none;
  border-radius: 5.866667vw;
  color: #fff;
  font-size: 4.266667vw;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rescue-actions .rescue-btn[data-v-f159ded6]:hover:not(:disabled) {
  transform: translateY(-0.533333vw);
  box-shadow: 0 1.066667vw 3.2vw rgba(240, 196, 58, 0.4);
}
.rescue-actions .rescue-btn[data-v-f159ded6]:active:not(:disabled) {
  transform: translateY(0);
}
.rescue-actions .rescue-btn.rescue-btn-disabled[data-v-f159ded6] {
  background: #666;
  cursor: not-allowed;
  opacity: 0.6;
}
.rescue-actions .rescue-btn.rescue-btn-disabled[data-v-f159ded6]:hover {
  transform: none;
  box-shadow: none;
}
.rescue-actions .rescue-btn .loading-text[data-v-f159ded6],
.rescue-actions .rescue-btn .claim-text[data-v-f159ded6] {
  font-size: 4.266667vw;
  font-weight: bold;
}
.rescue-info .info-text[data-v-f159ded6] {
  color: #666;
  font-size: 3.2vw;
  margin: 0;
}

/* 移动端优化 */
@media (max-width: 768px) {
.rescue-modal-content[data-v-f159ded6] {
    padding: 4vw 0;
}
.rescue-tips .tips-text[data-v-f159ded6] {
    font-size: 3.466667vw;
}
.rescue-icon .gold-icon[data-v-f159ded6] {
    width: 13.333333vw;
    height: 13.333333vw;
}
.rescue-amount .amount-symbol[data-v-f159ded6] {
    font-size: 5.333333vw;
}
.rescue-amount .amount-value[data-v-f159ded6] {
    font-size: 5.333333vw;
}
.rescue-actions .rescue-btn[data-v-f159ded6] {
    height: 10.666667vw;
    font-size: 3.733333vw;
}
}
.iosTip[data-v-f159ded6] {
  width: 96%;
  margin: 2.666667vw auto;
  height: calc(100% - 5.333333vw);
}
.iosTip .tipImage[data-v-f159ded6] {
  width: 100%;
  height: 100%;
}
.download-modal[data-v-f9f9c6fe] {
  position: relative;
  background: transparent;
  border-radius: 2.933333vw;
  width: 100%;
}

/* Banner区域 - 绝对定位浮动，参考Won10Modal */
.banner-section[data-v-f9f9c6fe] {
  position: absolute;
  top: -3.2vw;
  /* 超出弹窗上方 */
  left: 0;
  right: 8vw;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.banner-image[data-v-f9f9c6fe] {
  width: 15.2vw;
  height: 17.333333vw;
  object-fit: cover;
  border-radius: 2.933333vw 2.933333vw 0 0;
}

/* 主要内容区域 */
.download-content[data-v-f9f9c6fe] {
  position: relative;
  min-height: 80vw;
  /* 减去banner高度后的内容高度 */
}

/* 内容背景容器 */
.content-container[data-v-f9f9c6fe] {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* GET $5 标题区域 */
.title-section[data-v-f9f9c6fe] {
  margin-top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.title-wrapper[data-v-f9f9c6fe] {
  background-color: var(--theme-primary-color);
  border-radius: 2.933333vw 2.933333vw 0 0;
  height: 12.266667vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 5.333333vw;
}
.title-text[data-v-f9f9c6fe] {
  color: rgb(255, 255, 255);
  font-size: 4.8vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 5.333333vw;
  text-shadow: 1px 1px 0px #0c4133;
}

/* 主要文字描述 */
.description-section[data-v-f9f9c6fe] {
  margin-top: 9.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.description-text[data-v-f9f9c6fe] {
  color: rgb(153, 153, 153);
  font-size: 4vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.666667vw;
}

/* 副标题文字 */
.subtitle-section[data-v-f9f9c6fe] {
  margin-top: 2.666667vw;
  width: 52.8vw;
  height: 3.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subtitle-text[data-v-f9f9c6fe] {
  color: rgb(221, 171, 64);
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 6.4vw;
}

/* 添加按钮区域 */
.add-button-section[data-v-f9f9c6fe] {
  margin-top: 5.333333vw;
  width: 54.666667vw;
  height: 10.4vw;
  margin-bottom: 5.333333vw;
}
.add-button[data-v-f9f9c6fe] {
  width: 100%;
  height: 100%;
  background: var(--theme-primary-color);
  border-radius: 8vw;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.add-button[data-v-f9f9c6fe]:hover {
  transform: translateY(-0.533333vw);
  opacity: 0.9;
}
.add-button[data-v-f9f9c6fe]:active {
  transform: translateY(0);
}
.button-text[data-v-f9f9c6fe] {
  color: rgb(255, 255, 255);
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 6.4vw;
}

/* 5元图片区域 */
.yuan-image-section[data-v-f9f9c6fe] {
  width: 14.933333vw;
  height: 16vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yuan-image[data-v-f9f9c6fe] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 步骤图片区域 */
.step-images-section[data-v-f9f9c6fe] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.step-image[data-v-f9f9c6fe] {
  position: absolute;
  object-fit: contain;
}
.step1[data-v-f9f9c6fe] {
  left: 50.4vw;
  top: -5.866667vw;
  width: 25.866667vw;
  height: 30.133333vw;
}
.step2[data-v-f9f9c6fe] {
  left: 36.533333vw;
  top: 37.6vw;
  width: 15.2vw;
  height: 16vw;
}

/* 抵消BaseModal的modal-body padding */
[data-v-f9f9c6fe] .modal-body {
  padding: 0;
}
.daily-bonus-content[data-v-97e439d5] {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #1d1d23;
  border-radius: 3.2vw;
  overflow: hidden;
  /* 允许水平溢出，确保游戏列表可以滚动 */
  min-height: 146.666667vw;
  max-height: 85vh;
  /* 限制最大高度，确保在小屏幕上不溢出 */
}

/* Banner区域 */
.banner-section[data-v-97e439d5] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.banner-section .banner-image[data-v-97e439d5] {
  width: 100%;
  object-fit: cover;
  border-radius: 0;
}

/* 签到卡片区域 */
.sign-in-cards[data-v-97e439d5] {
  position: relative;
  margin: 0 2.666667vw;
  margin-top: 2.666667vw;
  /* 允许flex子元素收缩 */
}
.cards-row[data-v-97e439d5] {
  display: flex;
  margin-bottom: 1px;
  gap: 1px;
  flex-wrap: nowrap;
  overflow: auto;
  position: relative !important;
  z-index: 999 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.sign-card[data-v-97e439d5] {
  background: linear-gradient(to bottom, #3f3f41, color-mix(in srgb, #434c54, #596671));
  border-top: none;
  width: 21.333333vw;
  flex-shrink: 0;
  margin: 1.333333vw;
  height: 22.666667vw;
  display: flex;
  border-radius: 2.666667vw;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  position: relative;
}
.sign-card.card-today[data-v-97e439d5] {
  background: linear-gradient(to bottom, #232329, var(--theme-primary-color));
  border-top: none;
}
.sign-card.card-claimed[data-v-97e439d5] {
  background: color-mix(in srgb, var(--theme-primary-color) 10%, transparent);
  opacity: 0.7;
  border-color: transparent;
}
.sign-card.special-card[data-v-97e439d5] {
  width: 100%;
  max-width: 100vw;
  flex-direction: row;
}
.card-day[data-v-97e439d5] {
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
.card-content[data-v-97e439d5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}
.special-card-content[data-v-97e439d5] {
  flex-direction: row;
  gap: 1.333333vw;
}
.coin-icon[data-v-97e439d5] {
  width: 8.533333vw;
  height: 4.8vw;
  object-fit: contain;
}
.card-reward[data-v-97e439d5] {
  color: #ffffff;
  font-size: 3.733333vw;
  font-weight: 600;
  text-align: center;
}

/* 打勾图标样式 */
.checkmark-icon[data-v-97e439d5] {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translateY(-50%) translateX(50%);
  width: 5.333333vw;
  height: 5.333333vw;
  background: var(--theme-primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  z-index: 10;
  box-shadow: 0 0.533333vw 1.066667vw rgba(0, 0, 0, 0.2);
}
.checkmark-icon svg[data-v-97e439d5] {
  width: 3.733333vw;
  height: 3.733333vw;
}

/* 今日红点样式 */
.today-dot[data-v-97e439d5] {
  position: absolute;
  top: 1.066667vw;
  right: 1.066667vw;
  width: 2.133333vw;
  height: 2.133333vw;
  background: #ff4444;
  border-radius: 50%;
  z-index: 2;
  border: 1px solid #ffffff;
}

/* 领取按钮区域 */
.claim-section[data-v-97e439d5] {
  text-align: center;
  margin-top: 1.333333vw;
}
.claim-button[data-v-97e439d5] {
  width: 90%;
  height: 9.066667vw;
  background: linear-gradient(145deg, var(--theme-primary-color), color-mix(in srgb, var(--theme-primary-color) 80%, #000000));
  border: none;
  border-radius: 6.666667vw;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 1.333333vw;
  position: relative;
  box-shadow: 0 1.066667vw 2.133333vw rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.claim-button[data-v-97e439d5]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), transparent);
  border-radius: 6.666667vw;
  pointer-events: none;
}
.claim-button[data-v-97e439d5]:hover:not(:disabled) {
  transform: translateY(-0.533333vw) scale(1.02);
  box-shadow: 0 1.6vw 3.2vw rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.claim-button[data-v-97e439d5]:active:not(:disabled) {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 0.533333vw 1.066667vw rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.claim-button.claim-disabled[data-v-97e439d5] {
  background: linear-gradient(145deg, #666, #444);
  cursor: not-allowed;
  opacity: 0.6;
  box-shadow: 0 0.533333vw 1.066667vw rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.claim-text[data-v-97e439d5] {
  color: #ffffff;
  font-size: 3.733333vw;
  font-weight: bold;
}
.next-claim-hint[data-v-97e439d5] {
  color: #999999;
  font-size: 3.2vw;
  text-align: center;
  line-height: 1.4;
}

/* 游戏推荐区域 */
.game-section[data-v-97e439d5] {
  padding: 4vw 5.333333vw 0 5.333333vw;
  /* 添加左右padding */
  width: 100%;
  /* 确保占满宽度 */
  box-sizing: border-box;
  /* 包含padding在宽度内 */
  overflow: visible;
  /* 允许内容溢出 */
  overflow-y: auto;
  /* 只限制垂直溢出，允许水平滚动 */
  scrollbar-width: none;
}
.game-header[data-v-97e439d5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.666667vw;
  margin-bottom: 1.333333vw;
}
.hot-icon[data-v-97e439d5] {
  width: 4vw;
  height: 5.066667vw;
  object-fit: contain;
}
.game-title[data-v-97e439d5] {
  color: #8f8f8f;
  font-size: 3.2vw;
  font-weight: bold;
}
.game-list.ignore[data-v-97e439d5] {
  background: #0d0d10 !important;
  border-radius: 8px !important;
  /* 强制横向滚动 */
  width: 335px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  /* 强制启用所有滚动相关属性 */
  -webkit-overflow-scrolling: touch !important;
  pointer-events: auto !important;
  touch-action: pan-x !important;
  user-select: none !important;
  /* 确保不被其他样式覆盖 */
  position: relative !important;
  z-index: 999 !important;
  /* 强制隐藏滚动条 - 最高优先级 */
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

/* Webkit滚动条隐藏 - Chrome/Safari */
.game-list.ignore[data-v-97e439d5]::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.game-list.ignore[data-v-97e439d5]::-webkit-scrollbar-track {
  display: none !important;
  background: transparent !important;
}
.game-list.ignore[data-v-97e439d5]::-webkit-scrollbar-thumb {
  display: none !important;
  background: transparent !important;
}
.game-list.ignore[data-v-97e439d5]::-webkit-scrollbar-corner {
  display: none !important;
  background: transparent !important;
}
.game-list.ignore[data-v-97e439d5]::-webkit-scrollbar-button {
  display: none !important;
  background: transparent !important;
}

/* 确保所有子元素也不显示滚动条 */
.game-list.ignore[data-v-97e439d5] * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.game-list.ignore[data-v-97e439d5] *::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.game-container.ignore[data-v-97e439d5] {
  display: flex !important;
  gap: 8px !important;
  /* 关键：设置一个超出容器的固定宽度，确保最后一个游戏完全可见 */
  width: 1200px !important;
  /* 进一步增加宽度，确保最后一个游戏完全显示 */
  padding: 5px !important;
  padding-right: 50px !important;
  /* 右侧留出更多空间，确保最后一个游戏完全可见 */
  /* 确保不被压缩 */
  flex-shrink: 0 !important;
  min-width: 800px !important;
}
.game-item[data-v-97e439d5] {
  cursor: pointer;
  transition: transform 0.3s ease;
  /* 简单的flex项目 */
  flex-shrink: 0;
  width: 11.466667vw;
  height: 16vw;
}
.game-item[data-v-97e439d5]:hover {
  transform: scale(1.05);
}
.game-image.ignore[data-v-97e439d5] {
  width: 43px;
  height: 60px;
  border-radius: 6px;
  object-fit: cover;
  display: block;
}

/* 滚动提示样式 */
.scroll-hint[data-v-97e439d5] {
  position: absolute;
  bottom: -6.666667vw;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 0.8);
  padding: 1.066667vw 3.2vw;
  border-radius: 3.2vw;
  font-size: 2.666667vw;
  white-space: nowrap;
  z-index: 20;
  animation: fadeInOut-97e439d5 3s ease-in-out;
  pointer-events: none;
}
@keyframes fadeInOut-97e439d5 {
0% {
    opacity: 0;
    transform: translateX(-50%) translateY(1.333333vw);
}
20% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
80% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-1.333333vw);
}
}
/* 移动端适配 */
@media (max-width: 480px) {
.daily-bonus-content[data-v-97e439d5] {
    min-height: 120vw;
    /* 小屏幕减少最小高度 */
    max-height: 90vh;
    /* 小屏幕允许更大高度比例 */
}
.card-day[data-v-97e439d5] {
    font-size: 2.933333vw;
}
.card-reward[data-v-97e439d5] {
    font-size: 2.933333vw;
}
.coin-icon[data-v-97e439d5] {
    width: 6.4vw;
    height: 3.733333vw;
}
.checkmark-icon[data-v-97e439d5] {
    width: 4.8vw;
    height: 4.8vw;
    top: 50%;
    right: 50%;
    transform: translateY(-50%) translateX(50%);
}
.checkmark-icon svg[data-v-97e439d5] {
    width: 3.2vw;
    height: 3.2vw;
}
.today-dot[data-v-97e439d5] {
    width: 2.133333vw;
    height: 2.133333vw;
    top: 1.333333vw;
    right: 1.333333vw;
}
.claim-text[data-v-97e439d5] {
    font-size: 3.2vw;
}
.next-claim-hint[data-v-97e439d5] {
    font-size: 2.666667vw;
}
.game-section[data-v-97e439d5] {
    padding: 2.666667vw 4vw 0 4vw;
    /* 移动端也需要左右padding */
    scrollbar-width: none;
    scrollbar-width: none;
}
.game-list.ignore[data-v-97e439d5] {
    width: 100%;
    /* 移动端占满宽度 */
    max-width: 320px;
}
.game-container.ignore[data-v-97e439d5] {
    width: 1200px !important;
    /* 移动端也要超出容器宽度 */
    min-width: 700px !important;
    padding-right: 30px !important;
}
}
[data-v-97e439d5] .modal-body {
  padding: 0px;
}
.day7[data-v-97e439d5] {
  height: 49.866667vw;
  background: #212530;
  width: calc(100% - 5.333333vw);
  border-radius: 2.666667vw;
  margin: 2.666667vw auto 0;
}
.day7 .header[data-v-97e439d5] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10.666667vw;
  position: relative;
}
.day7 .header .day7Image[data-v-97e439d5] {
  width: 8.533333vw;
  height: 5.066667vw;
  vertical-align: middle;
}
.day7 .header .helpImage[data-v-97e439d5] {
  width: 4.533333vw;
  height: 4.533333vw;
  position: absolute;
  right: 2.666667vw;
  top: 2.666667vw;
}
.day7 .header .header-text[data-v-97e439d5] {
  color: #fff;
  font-family: Roboto;
  font-size: 4vw;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 5.066667vw;
  text-align: left;
  text-transform: capitalize;
  margin-left: 2.666667vw;
  transform: translateY(-0.533333vw);
}
.day7 .sign-in-cards[data-v-97e439d5] {
  margin-top: 0 !important;
}
.iosTip[data-v-97e439d5] {
  width: 96%;
  margin: 2.666667vw auto;
  height: calc(100% - 5.333333vw);
}
.iosTip .tipImage[data-v-97e439d5] {
  width: 100%;
  height: 100%;
}
.ClaimBonus[data-v-97e439d5] {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Roboto;
  font-size: 3.733333vw;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0;
  line-height: 3.733333vw;
  text-align: center;
  background: #05b571;
  border-radius: 2.666667vw;
  padding: 1.333333vw 2.666667vw;
}
.day7-card[data-v-97e439d5] {
  position: relative;
  overflow: hidden;
}
.day7-card .lock[data-v-97e439d5] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.day7-card .lock .icon[data-v-97e439d5] {
  width: 4.266667vw;
  height: 5.333333vw;
}
.first-deposit-modal[data-v-733406a4] {
  position: relative;
  background: transparent;
  border-radius: 2.933333vw;
  width: 100%;
  padding: 0 2.666667vw;
}

/* Banner区域 - 绝对定位浮动 */
.banner-section[data-v-733406a4] {
  z-index: 10;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.banner-image[data-v-733406a4] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.933333vw 2.933333vw 0 0;
}

/* 主要内容区域 */
.deposit-content[data-v-733406a4] {
  background: #1d1d23;
  border-radius: 2.933333vw;
  position: relative;
}

/* 提示文字 */
.tip-text[data-v-733406a4] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  margin-bottom: 3.2vw;
  line-height: 6.4vw;
  text-align: left;
}

/* 表头 */
.table-header[data-v-733406a4] {
  background: #23232a;
  height: 11.2vw;
  display: flex;
  align-items: center;
  margin-bottom: 2.666667vw;
  padding: 0 8.266667vw;
  /* 左右padding保持与套餐项一致 */
}
.header-deposit[data-v-733406a4] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.333333vw;
  width: 26.666667vw;
  /* 固定宽度 */
  text-align: left;
}
.header-bonus[data-v-733406a4] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.333333vw;
  width: 13.333333vw;
  /* 固定宽度，覆盖中间区域 */
  text-align: center;
}
.header-total[data-v-733406a4] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.333333vw;
  width: 40vw;
  /* 固定宽度 */
  text-align: right;
}

/* 套餐列表 */
.package-list[data-v-733406a4] {
  display: flex;
  flex-direction: column;
  gap: 2.666667vw;
  margin-bottom: 4vw;
}
.package-item[data-v-733406a4] {
  background: #23232a;
  border-radius: 2.933333vw;
  height: 11.2vw;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.1s ease;
  padding: 0 8.266667vw;
  /* 与表头保持一致的padding */
  position: relative;
  /* 为选择图标提供定位上下文 */
}
.package-item.package-selected[data-v-733406a4] {
  background: #0f5643;
  /* 选中状态背景色 */
}
.package-item[data-v-733406a4]:hover {
  box-shadow: 0 1.066667vw 3.2vw rgba(0, 0, 0, 0.3);
}
.deposit-amount[data-v-733406a4] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  width: 19.733333vw;
  /* 与表头对齐 */
  text-align: left;
  line-height: 5.333333vw;
}
.package-item:not(.package-selected) .deposit-amount[data-v-733406a4] {
  color: #999999;
}
.bonus-amount[data-v-733406a4] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  width: 53.333333vw;
  /* 与表头对齐 */
  text-align: center;
  line-height: 5.333333vw;
}
.package-item:not(.package-selected) .bonus-amount[data-v-733406a4] {
  color: #999999;
}
.total-amount[data-v-733406a4] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  width: 32vw;
  /* 与表头对齐 */
  text-align: right;
  line-height: 5.333333vw;
}
.package-item:not(.package-selected) .total-amount[data-v-733406a4] {
  color: #999999;
}

/* 充值按钮区域 */
.deposit-button-section[data-v-733406a4] {
  display: flex;
  justify-content: center;
  margin-bottom: 1.333333vw;
}
.deposit-button[data-v-733406a4] {
  width: 54.666667vw;
  height: 10.666667vw;
  background: var(--theme-primary-color);
  border: none;
  border-radius: 8vw;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.deposit-button[data-v-733406a4]:hover {
  transform: translateY(-0.533333vw);
  box-shadow: 0 1.6vw 5.333333vw rgba(34, 151, 120, 0.4);
}
.deposit-button[data-v-733406a4]:active {
  transform: translateY(0);
}
.button-text[data-v-733406a4] {
  color: #ffffff;
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 6.4vw;
}

/* 底部提示 */
.bottom-tip[data-v-733406a4] {
  color: #999999;
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 6.4vw;
  padding-bottom: 4vw;
}

/* 推荐标签 */
.recommend-tag[data-v-733406a4] {
  position: absolute;
  top: -2.133333vw;
  left: 2.666667vw;
  background: #ff6b35;
  color: white;
  font-size: 2.133333vw;
  font-weight: bold;
  padding: 0.533333vw 1.6vw;
  border-radius: 1.066667vw;
  text-transform: uppercase;
  z-index: 5;
}

/* 选择图标 - 动态显示在选中行 */
.select-icon-item[data-v-733406a4] {
  position: absolute;
  right: -1.333333vw;
  top: -1.333333vw;
  width: 4.266667vw;
  height: 4.266667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-image[data-v-733406a4] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 调试区域 */
.debug-section[data-v-733406a4] {
  margin: 2.666667vw 0;
  padding: 2.666667vw;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 1.6vw;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.debug-section .debug-button[data-v-733406a4] {
  background: #007bff;
  color: white;
  border: none;
  padding: 1.6vw 3.2vw;
  border-radius: 1.066667vw;
  font-size: 3.2vw;
  cursor: pointer;
  margin-bottom: 2.133333vw;
}
.debug-section .debug-button[data-v-733406a4]:hover {
  background: #0056b3;
}
.debug-section .debug-info[data-v-733406a4] {
  color: #999999;
  font-size: 2.933333vw;
  line-height: 1.4;
}

/* 加载和空状态 */
.loading-state[data-v-733406a4],
.empty-state[data-v-733406a4] {
  text-align: center;
  padding: 5.333333vw;
}
.loading-state .loading-text[data-v-733406a4],
.loading-state .empty-text[data-v-733406a4],
.empty-state .loading-text[data-v-733406a4],
.empty-state .empty-text[data-v-733406a4] {
  color: #999999;
  font-size: 3.733333vw;
}

/* 移动端适配 */
@media (max-width: 768px) {
.tip-text[data-v-733406a4],
  .header-deposit[data-v-733406a4],
  .header-bonus[data-v-733406a4],
  .header-total[data-v-733406a4],
  .deposit-amount[data-v-733406a4],
  .bonus-amount[data-v-733406a4],
  .total-amount[data-v-733406a4],
  .bottom-tip[data-v-733406a4] {
    font-size: 3.2vw;
}
.button-text[data-v-733406a4] {
    font-size: 2.933333vw;
}
.deposit-button[data-v-733406a4] {
    width: 54.666667vw;
    height: 10.666667vw;
}
.package-item[data-v-733406a4] {
    height: 11.2vw;
}
.table-header[data-v-733406a4] {
    padding: 0 5.333333vw;
}
.package-item[data-v-733406a4] {
    padding: 0 5.333333vw;
}
}
@media (max-width: 480px) {
.tip-text[data-v-733406a4],
  .bottom-tip[data-v-733406a4] {
    font-size: 3.2vw;
}
.table-header[data-v-733406a4] {
    padding: 0 4vw;
}
.package-item[data-v-733406a4] {
    padding: 0 4vw;
}
.deposit-amount[data-v-733406a4],
  .bonus-amount[data-v-733406a4],
  .total-amount[data-v-733406a4] {
    font-size: 3.2vw;
}
.deposit-button[data-v-733406a4] {
    width: 54.666667vw;
    height: 10.666667vw;
}
.button-text[data-v-733406a4] {
    font-size: 3.733333vw;
}
.package-item[data-v-733406a4] {
    height: 11.2vw;
}
.table-header[data-v-733406a4] {
    height: 11.2vw;
}
}
.fifteen-modal[data-v-4af0f76a] {
  position: relative;
  background: transparent;
  border-radius: 2.933333vw;
  width: 100%;
}

/* Banner区域 - 绝对定位浮动 */
.banner-section[data-v-4af0f76a] {
  position: absolute;
  top: -16vw;
  /* 超出弹窗上方 */
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.banner-image[data-v-4af0f76a] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.933333vw 2.933333vw 0 0;
}

/* 主要内容区域 */
.deposit-content[data-v-4af0f76a] {
  background: #1d1d23;
  border-radius: 2.933333vw;
  padding: 26.666667vw 0 5.333333vw 0;
  /* 顶部留空给banner */
  position: relative;
}

/* 提示文字 */
.tip-text[data-v-4af0f76a] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  margin-bottom: 2.666667vw;
  line-height: 6.4vw;
  text-align: left;
  margin-left: 3.2vw;
}

/* 表头 */
.table-header[data-v-4af0f76a] {
  background: #23232a;
  height: 11.2vw;
  display: flex;
  align-items: center;
  margin-bottom: 2.666667vw;
  padding: 0 8.266667vw;
  /* 左右padding保持与套餐项一致 */
}
.header-deposit[data-v-4af0f76a] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.333333vw;
  width: 19.733333vw;
  /* 固定宽度 */
  text-align: left;
}
.header-bonus[data-v-4af0f76a] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.333333vw;
  width: 53.333333vw;
  /* 固定宽度，覆盖中间区域 */
  text-align: center;
}
.header-total[data-v-4af0f76a] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.333333vw;
  width: 32vw;
  /* 固定宽度 */
  text-align: right;
}

/* 套餐列表 */
.package-list[data-v-4af0f76a] {
  display: flex;
  flex-direction: column;
  gap: 2.133333vw;
  margin-bottom: 4vw;
  padding: 0 3.2vw;
}
.package-item[data-v-4af0f76a] {
  background: #23232a;
  border-radius: 2.933333vw;
  height: 10.666667vw;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.1s ease;
  padding: 0 8.266667vw;
  /* 与表头保持一致的padding */
  position: relative;
  /* 为选择图标提供定位上下文 */
}
.package-item.package-selected[data-v-4af0f76a] {
  background: #0f5643;
  /* 选中状态背景色 */
}
.package-item[data-v-4af0f76a]:hover {
  box-shadow: 0 1.066667vw 3.2vw rgba(0, 0, 0, 0.3);
}
.deposit-amount[data-v-4af0f76a] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  width: 19.733333vw;
  /* 与表头对齐 */
  text-align: left;
  line-height: 5.333333vw;
}
.package-item:not(.package-selected) .deposit-amount[data-v-4af0f76a] {
  color: #999999;
}
.bonus-amount[data-v-4af0f76a] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  width: 53.333333vw;
  /* 与表头对齐 */
  text-align: center;
  line-height: 5.333333vw;
}
.package-item:not(.package-selected) .bonus-amount[data-v-4af0f76a] {
  color: #999999;
}
.total-amount[data-v-4af0f76a] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  width: 32vw;
  /* 与表头对齐 */
  text-align: right;
  line-height: 5.333333vw;
}
.package-item:not(.package-selected) .total-amount[data-v-4af0f76a] {
  color: #999999;
}

/* 按钮区域 */
.button-section[data-v-4af0f76a] {
  display: flex;
  flex-direction: column;
  gap: 2.666667vw;
  align-items: center;
  margin-bottom: 2.666667vw;
}
.deposit-button[data-v-4af0f76a] {
  width: 54.666667vw;
  height: 9.333333vw;
  background: var(--theme-primary-color);
  border: none;
  border-radius: 8vw;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.deposit-button[data-v-4af0f76a]:hover {
  transform: translateY(-0.533333vw);
  box-shadow: 0 1.6vw 5.333333vw rgba(34, 151, 120, 0.4);
}
.deposit-button[data-v-4af0f76a]:active {
  transform: translateY(0);
}
.receive-button[data-v-4af0f76a] {
  width: 20.8vw;
  height: 6.666667vw;
  background: #111114;
  border: none;
  border-radius: 8vw;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.receive-button[data-v-4af0f76a]:active:not(:disabled) {
  transform: translateY(0);
}
.receive-button.receive-button-disabled[data-v-4af0f76a] {
  background: #666666;
  color: #999999;
  cursor: not-allowed;
  opacity: 0.6;
}
.receive-button.receive-button-disabled[data-v-4af0f76a]:hover {
  background: #666666;
}
.button-text[data-v-4af0f76a] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 3.2vw;
}
.receive-text[data-v-4af0f76a] {
  color: #727273;
  font-size: 2.666667vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 2.666667vw;
}

/* 底部提示 */
.bottom-tip[data-v-4af0f76a] {
  color: #999999;
  font-size: 2.666667vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 3.2vw;
  margin-bottom: 2.666667vw;
  display: flex;
  align-items: center;
  gap: 2.666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bottom-tip-secondary[data-v-4af0f76a] {
  color: #999999;
  font-size: 2.666667vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 3.2vw;
}

/* 黄色高亮 $2 */
.bonus-highlight[data-v-4af0f76a] {
  color: #ddab40;
  font-weight: bold;
}

/* 可领取数量提示 */
.available-count[data-v-4af0f76a] {
  color: #4caf50;
  font-weight: bold;
  font-size: 2.4vw;
}

/* 推荐标签 */
.recommend-tag[data-v-4af0f76a] {
  position: absolute;
  top: -2.133333vw;
  left: 2.666667vw;
  background: #ff6b35;
  color: white;
  font-size: 2.133333vw;
  font-weight: bold;
  padding: 0.533333vw 1.6vw;
  border-radius: 1.066667vw;
  text-transform: uppercase;
  z-index: 5;
}

/* 选择图标 - 动态显示在选中行 */
.select-icon-item[data-v-4af0f76a] {
  position: absolute;
  right: -1.333333vw;
  top: -1.333333vw;
  width: 4.266667vw;
  height: 4.266667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-image[data-v-4af0f76a] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 加载和空状态 */
.loading-state[data-v-4af0f76a],
.empty-state[data-v-4af0f76a] {
  text-align: center;
  padding: 5.333333vw;
}
.loading-state .loading-text[data-v-4af0f76a],
.loading-state .empty-text[data-v-4af0f76a],
.empty-state .loading-text[data-v-4af0f76a],
.empty-state .empty-text[data-v-4af0f76a] {
  color: #999999;
  font-size: 3.733333vw;
}

/* 移动端适配 */
@media (max-width: 768px) {
.deposit-content[data-v-4af0f76a] {
    padding: 26.666667vw 0 5.333333vw 0;
}
.banner-section[data-v-4af0f76a] {
    top: -10.666667vw;
}
.tip-text[data-v-4af0f76a],
  .header-deposit[data-v-4af0f76a],
  .header-bonus[data-v-4af0f76a],
  .header-total[data-v-4af0f76a],
  .deposit-amount[data-v-4af0f76a],
  .bonus-amount[data-v-4af0f76a],
  .total-amount[data-v-4af0f76a],
  .bottom-tip-secondary[data-v-4af0f76a] {
    font-size: 2.666667vw;
}
.button-text[data-v-4af0f76a] {
    font-size: 2.933333vw;
}
.deposit-button[data-v-4af0f76a] {
    width: 54.666667vw;
    height: 9.333333vw;
}
.package-item[data-v-4af0f76a] {
    height: 10.666667vw;
}
.table-header[data-v-4af0f76a] {
    padding: 0 5.333333vw;
}
.package-item[data-v-4af0f76a] {
    padding: 0 5.333333vw;
}
}
@media (max-width: 480px) {
.deposit-content[data-v-4af0f76a] {
    padding: 26.666667vw 0 5.333333vw 0;
}
.banner-section[data-v-4af0f76a] {
    top: -8vw;
}
.tip-text[data-v-4af0f76a],
  .bottom-tip-secondary[data-v-4af0f76a] {
    font-size: 2.666667vw;
}
.table-header[data-v-4af0f76a] {
    padding: 0 4vw;
}
.package-item[data-v-4af0f76a] {
    padding: 0 4vw;
}
.deposit-amount[data-v-4af0f76a],
  .bonus-amount[data-v-4af0f76a],
  .total-amount[data-v-4af0f76a] {
    font-size: 3.2vw;
}
.deposit-button[data-v-4af0f76a] {
    width: 54.666667vw;
    height: 9.333333vw;
}
.button-text[data-v-4af0f76a] {
    font-size: 3.733333vw;
}
.package-item[data-v-4af0f76a] {
    height: 10.666667vw;
}
.table-header[data-v-4af0f76a] {
    height: 11.2vw;
}
}
.rolling-number[data-v-1ca02e84] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: monospace;
  overflow: hidden;
}
.digit-container[data-v-1ca02e84] {
  position: relative;
  overflow: hidden;
  /* margin-right: 4px; */
}
.popup_font[data-v-1ca02e84] {
  width: 5.333333vw;
  height: 6.666667vw;
}
.font_jihao[data-v-1ca02e84] {
  font-size: 4vw;
}
.digit[data-v-1ca02e84] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  font-size: 4vw;
}
.popup_digit[data-v-1ca02e84] {
  font-size: 3.2vw;
}
.digit.animate[data-v-1ca02e84] {
  transition: transform 0.5s ease-in-out;
}
.digit text[data-v-1ca02e84] {
  height: 5.333333vw;
  line-height: 5.333333vw;
  text-align: center;
}

.jackpot-record-modal[data-v-6dbcdeca] {
  background: #1d1d23;
  border-radius: 2.933333vw;
  width: 100%;
  max-height: 70vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* 标题栏 */
.record-header[data-v-6dbcdeca] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4vw 5.333333vw;
  background: #23232a;
  border-bottom: 1px solid #333;
}
.record-title[data-v-6dbcdeca] {
  color: #ddab40;
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  margin: 0;
}
.close-btn[data-v-6dbcdeca] {
  background: none;
  border: none;
  color: #999999;
  font-size: 6.4vw;
  cursor: pointer;
  padding: 0;
  width: 8vw;
  height: 8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.close-btn[data-v-6dbcdeca]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

/* 内容区域 */
.record-content[data-v-6dbcdeca] {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* iOS平滑滚动 */
}

/* 空状态 */
.empty-state[data-v-6dbcdeca] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 53.333333vw;
}
.empty-text[data-v-6dbcdeca] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
}

/* 记录列表 */
.record-list[data-v-6dbcdeca] {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.record-item[data-v-6dbcdeca] {
  background: #23232a;
  border-radius: 2.133333vw;
  padding: 3.2vw 4vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.record-user[data-v-6dbcdeca] {
  display: flex;
  align-items: center;
  gap: 2.666667vw;
  flex: 1;
}
.user-avatar[data-v-6dbcdeca] {
  width: 8.533333vw;
  height: 8.533333vw;
  border-radius: 50%;
  border: 0.533333vw solid #999999;
  flex-shrink: 0;
}
.user-info[data-v-6dbcdeca] {
  display: flex;
  flex-direction: column;
  gap: 0.533333vw;
  flex: 1;
  min-width: 0;
}
.username[data-v-6dbcdeca] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.record-time[data-v-6dbcdeca] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
}
.record-amount[data-v-6dbcdeca] {
  flex-shrink: 0;
}
.amount-text[data-v-6dbcdeca] {
  color: #ddab40;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
}

/* 隐藏滚动条 */
.record-content[data-v-6dbcdeca]::-webkit-scrollbar {
  display: none;
}
.record-content[data-v-6dbcdeca] {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 和 Edge */
}

/* 移动端适配 */
@media (max-width: 768px) {
.jackpot-record-modal[data-v-6dbcdeca] {
    max-height: 80vh;
}
.record-header[data-v-6dbcdeca] {
    padding: 3.2vw 4vw;
}
.record-title[data-v-6dbcdeca] {
    font-size: 3.733333vw;
}
.close-btn[data-v-6dbcdeca] {
    font-size: 5.333333vw;
    width: 6.933333vw;
    height: 6.933333vw;
}
.record-item[data-v-6dbcdeca] {
    padding: 2.666667vw 3.2vw;
}
.user-avatar[data-v-6dbcdeca] {
    width: 7.466667vw;
    height: 7.466667vw;
}
.username[data-v-6dbcdeca] {
    font-size: 3.2vw;
}
.record-time[data-v-6dbcdeca] {
    font-size: 2.933333vw;
}
.amount-text[data-v-6dbcdeca] {
    font-size: 3.2vw;
}
}
.jackpot-modal[data-v-66ac426e] {
  position: relative;
  background: #1d1d23;
  border-radius: 2.933333vw;
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2.666667vw 2.666667vw 0.8vw 2.666667vw;
}
.jackpot-content[data-v-66ac426e] {
  width: 100%;
}

/* 提取区域 */
.withdraw-section[data-v-66ac426e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4vw;
}
.withdraw-info[data-v-66ac426e] {
  background: #111114;
  border-radius: 8.8vw;
  height: 7.733333vw;
  width: 60.533333vw;
  display: flex;
  align-items: center;
  position: relative;
}
.withdraw-text[data-v-66ac426e] {
  margin-left: 10.933333vw;
  display: flex;
  align-items: baseline;
  gap: 1.066667vw;
}
.current-amount[data-v-66ac426e] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 6.4vw;
}
.divider[data-v-66ac426e] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 3.2vw;
}
.target-amount[data-v-66ac426e] {
  color: #ddab40;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 3.2vw;
}
.withdraw-btn-disabled[data-v-66ac426e],
.withdraw-btn-active[data-v-66ac426e] {
  position: absolute;
  right: 0;
  top: 0;
  width: 21.333333vw;
  height: 7.733333vw;
  border: none;
  border-radius: 9.066667vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-primary-color);
}
.withdraw-btn-disabled[data-v-66ac426e] {
  background-repeat: no-repeat;
  background-size: 21.333333vw 9.066667vw;
  cursor: not-allowed;
  background-color: #787878;
}
.withdraw-btn-active[data-v-66ac426e] {
  background-repeat: no-repeat;
  background-size: 21.333333vw 9.066667vw;
}
.withdraw-btn-active[data-v-66ac426e]:hover {
  transform: translateY(-0.533333vw);
}
.withdraw-btn-text[data-v-66ac426e] {
  color: #ffffff;
  font-size: 6.4vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 12.8vw;
}
.record-icon[data-v-66ac426e] {
  background: #111114;
  border-radius: 50%;
  width: 7.733333vw;
  height: 7.733333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.record-icon[data-v-66ac426e]:hover {
  transform: scale(1.05);
}
.record-image[data-v-66ac426e] {
  width: 6.933333vw;
  height: 8.533333vw;
}

/* JACKPOT主体区域 */
.jackpot-main[data-v-66ac426e] {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 72vw;
  height: 73.6vw;
  margin: 0 auto 1.333333vw auto;
  position: relative;
  padding-bottom: 0px;
}

/* JACKPOT标题 */
.jackpot-title[data-v-66ac426e] {
  display: flex;
  justify-content: center;
  top: 2.666667vw;
  position: relative;
}
.jackpot-title-image[data-v-66ac426e] {
  width: 28.8vw;
  height: auto;
}
.jackpot-amount[data-v-66ac426e] {
  display: flex;
  justify-content: center;
  color: #ddab40;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  text-shadow: 0px 0.533333vw 0.533333vw rgba(0, 0, 0, 0.5);
}
.jackpot-center[data-v-66ac426e] {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 转盘容器 */
.slot-machine-container[data-v-66ac426e] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-machine-image[data-v-66ac426e] {
  width: 70.4vw;
  height: auto;
}

/* 问号显示区域 */
.question-marks[data-v-66ac426e] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4vw;
  margin-top: -2.666667vw;
  width: 50.666667vw;
}
.question-mark[data-v-66ac426e] {
  color: #ffffff;
  font-size: 6.933333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  text-shadow: 0px 1px 0.533333vw rgba(0, 0, 0, 0.5);
  transition: all 0.1s ease-in-out;
  text-align: center;
}
.question-mark[data-v-66ac426e]:nth-child(1) {
  width: 8vw;
  margin-left: 0px;
}
.question-mark[data-v-66ac426e]:nth-child(2) {
  width: 8.533333vw;
  margin-left: 0px;
}
.question-mark[data-v-66ac426e]:nth-child(3) {
  width: 9.6vw;
}
.question-mark[data-v-66ac426e]:nth-child(4) {
  width: 8.533333vw;
}
.question-mark[data-v-66ac426e]:nth-child(5) {
  width: 8.533333vw;
}
.question-mark[data-v-66ac426e]:nth-child(6) {
  width: 9.066667vw;
}
.question-mark[data-v-66ac426e]:nth-child(7) {
  width: 10.133333vw;
}

/* 滚动动画效果 */
.question-mark.rolling[data-v-66ac426e] {
  animation: rolling-66ac426e 0.08s infinite;
  color: #ddab40;
}
@keyframes rolling-66ac426e {
0% {
    transform: translateY(0);
}
50% {
    transform: translateY(-0.8vw);
}
100% {
    transform: translateY(0);
}
}
/* 转盘整体旋转效果 */
.spinning .slot-machine-image[data-v-66ac426e] {
  animation: spin-66ac426e 0.5s linear infinite;
}
@keyframes spin-66ac426e {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.spin-section[data-v-66ac426e] {
  display: flex;
  align-items: center;
  gap: 5.333333vw;
  margin-top: -4vw;
  z-index: 10;
}
.spin-btn-active[data-v-66ac426e],
.spin-btn-disabled[data-v-66ac426e] {
  width: 38.133333vw;
  height: 8vw;
  border: none;
  border-radius: 12vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spin-btn-active[data-v-66ac426e] {
  background: #229778;
}
.spin-btn-active[data-v-66ac426e]:hover {
  background: #1a7a61;
  transform: translateY(-0.533333vw);
}
.spin-btn-disabled[data-v-66ac426e] {
  background: #787878;
  cursor: not-allowed;
}
.spin-text[data-v-66ac426e] {
  color: #333333;
  font-size: 4.8vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  line-height: 4.8vw;
}
.help-icon[data-v-66ac426e] {
  width: 4vw;
  height: 4vw;
  cursor: pointer;
  position: absolute;
  right: 10.666667vw;
}
.help-icon[data-v-66ac426e]:hover {
  transform: scale(1.1);
}
.jackpot-tips[data-v-66ac426e] {
  margin: 1.333333vw 0;
  text-align: center;
}
.tip-text[data-v-66ac426e] {
  color: #229778;
  font-size: 2.666667vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.066667vw;
}
.bonus-amount[data-v-66ac426e] {
  color: #ddab40;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.066667vw;
}
.deposit-button[data-v-66ac426e] {
  background: #229778;
  border: none;
  border-radius: 7.733333vw;
  width: 29.333333vw;
  height: 8.266667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  cursor: pointer;
}
.deposit-button[data-v-66ac426e]:hover {
  background: #1a7a61;
  transform: translateY(-0.533333vw);
}
.deposit-text[data-v-66ac426e] {
  color: #ffffff;
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  line-height: 6.4vw;
}

/* 历史记录区域 */
.history-section[data-v-66ac426e] {
  background: #23232a;
  border-radius: 2.933333vw;
  width: 100%;
  max-width: 100vw;
  margin: 1.333333vw auto;
  padding: 1.6vw;
  max-height: 53.333333vw;
  /* 限制最大高度 */
  overflow-y: auto;
  /* 添加垂直滚动 */
  overflow-x: hidden;
  /* 隐藏水平滚动 */
  -webkit-overflow-scrolling: touch;
  /* iOS平滑滚动 */
}
.history-item[data-v-66ac426e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 9.066667vw;
  margin-bottom: 1.333333vw;
}
.history-item[data-v-66ac426e]:last-child {
  margin-bottom: 0;
}
.history-user[data-v-66ac426e] {
  display: flex;
  align-items: center;
  gap: 1.333333vw;
  width: 100%;
}
.user-avatar[data-v-66ac426e] {
  width: 5.866667vw;
  height: 5.866667vw;
  border-radius: 50%;
  border: 0.533333vw solid #999999;
}
.user-info[data-v-66ac426e] {
  display: flex;
  align-items: center;
  gap: 7.466667vw;
  flex: 1;
}
.username[data-v-66ac426e] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 6.4vw;
  width: 40vw;
}
.amount[data-v-66ac426e] {
  color: #ddab40;
  font-size: 6.4vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  width: 26.666667vw;
}
.time[data-v-66ac426e] {
  color: #999999;
  font-size: 6.4vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
}
.bottom-logo[data-v-66ac426e] {
  width: 100%;
  max-width: 90.933333vw;
  height: auto;
  display: block;
  margin: 5.333333vw auto;
}

/* 隐藏主弹窗滚动条 */
.jackpot-modal[data-v-66ac426e]::-webkit-scrollbar {
  display: none;
}
.jackpot-modal[data-v-66ac426e] {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 和 Edge */
}

/* 历史记录区域滚动条样式 */
.history-section[data-v-66ac426e]::-webkit-scrollbar {
  width: 1.066667vw;
}
.history-section[data-v-66ac426e]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.533333vw;
}
.history-section[data-v-66ac426e]::-webkit-scrollbar-thumb {
  background: rgba(221, 171, 64, 0.6);
  border-radius: 0.533333vw;
}
.history-section[data-v-66ac426e]::-webkit-scrollbar-thumb:hover {
  background: rgba(221, 171, 64, 0.8);
}

/* Firefox滚动条样式 */
.history-section[data-v-66ac426e] {
  scrollbar-width: thin;
  scrollbar-color: rgba(221, 171, 64, 0.6) rgba(255, 255, 255, 0.1);
}

/* 移动端适配 */
@media (max-width: 768px) {
.jackpot-modal[data-v-66ac426e] {
    max-height: 85vh;
    /* 移动端稍微增加高度 */
}
.withdraw-text[data-v-66ac426e] {
    margin-left: 5.333333vw;
}
.current-amount[data-v-66ac426e],
  .target-amount[data-v-66ac426e] {
    font-size: 3.2vw;
}
.divider[data-v-66ac426e] {
    font-size: 3.2vw;
}
.withdraw-btn-disabled[data-v-66ac426e],
  .withdraw-btn-active[data-v-66ac426e] {
    width: 21.333333vw;
    height: 7.733333vw;
}
.withdraw-btn-text[data-v-66ac426e] {
    font-size: 3.2vw;
}
.record-icon[data-v-66ac426e] {
    width: 7.733333vw;
    height: 7.733333vw;
}
.record-image[data-v-66ac426e] {
    width: 3.466667vw;
    height: 4.266667vw;
}
.jackpot-main[data-v-66ac426e] {
    width: 100%;
    height: auto;
}
.bonus-amount[data-v-66ac426e] {
    font-size: 3.2vw;
}
.history-section[data-v-66ac426e] {
    width: 100%;
    padding: 1.6vw;
    max-height: 40vw;
    /* 移动端稍微减少高度 */
}
  /* 移动端隐藏滚动条 */
.history-section[data-v-66ac426e]::-webkit-scrollbar {
    display: none;
}
.history-section[data-v-66ac426e] {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 和 Edge */
}
.history-item[data-v-66ac426e] {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.666667vw;
}
.user-info[data-v-66ac426e] {
    align-items: center;
    justify-content: space-between;
    gap: 1.333333vw;
}
.username[data-v-66ac426e],
  .amount[data-v-66ac426e],
  .time[data-v-66ac426e] {
    font-size: 3.2vw;
    width: auto;
}
.bottom-logo[data-v-66ac426e] {
    width: 26.666667vw;
    height: auto;
}
}
.two-seventy-modal[data-v-e162e2e0] {
  position: relative;
  border-radius: 2.933333vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* 使用深度选择器修改BaseModal的样式 */
[data-v-e162e2e0] .base-modal-content {
  margin-top: -100%;
  /* 或者其他你需要的样式 */
}
.modal-content[data-v-e162e2e0] {
  width: 100%;
  height: 100%;
  position: relative;
}

/* 内容包装器 */
.content-wrapper[data-v-e162e2e0] {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 6.133333vw 2.133333vw 4vw;
  box-sizing: border-box;
}

/* 标题区域 */
.title-section[data-v-e162e2e0] {
  display: flex;
  justify-content: center;
  margin-bottom: 2.666667vw;
}
.title-text[data-v-e162e2e0] {
  color: rgb(255, 255, 255);
  font-size: 5.066667vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 5.333333vw;
}

/* 奖励图片区域 */
.bonus-image-section[data-v-e162e2e0] {
  display: flex;
  justify-content: center;
  margin-bottom: 3.733333vw;
}
.bonus-image[data-v-e162e2e0] {
  width: 60.533333vw;
  height: 8vw;
}

/* 特性列表区域 */
.features-section[data-v-e162e2e0] {
  margin-bottom: 4.533333vw;
}
.feature-item[data-v-e162e2e0] {
  display: flex;
  align-items: center;
  margin-bottom: 0.533333vw;
}
.feature-item[data-v-e162e2e0]:last-child {
  margin-bottom: 0;
}
.feature-icon[data-v-e162e2e0] {
  width: 5.333333vw;
  height: 5.333333vw;
  margin-right: 1.333333vw;
  flex-shrink: 0;
}
.feature-text[data-v-e162e2e0] {
  color: rgb(255, 255, 255);
  font-size: 2.933333vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 6.4vw;
  flex: 1;
}

/* 倒计时区域 */
.countdown-section[data-v-e162e2e0] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.066667vw;
  margin-bottom: 6.133333vw;
}
.countdown-item[data-v-e162e2e0] {
  background-color: var(--theme-primary-color);
  border-radius: 1.066667vw;
  width: 7.466667vw;
  height: 6.666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.countdown-number[data-v-e162e2e0] {
  color: rgb(255, 255, 255);
  font-size: 4.533333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 5.333333vw;
}
.countdown-separator[data-v-e162e2e0] {
  color: rgb(255, 255, 255);
  font-size: 4vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 6.4vw;
  margin: 0 0.533333vw;
}

/* 充值按钮 */
.deposit-button[data-v-e162e2e0] {
  width: 54.666667vw;
  height: 10.4vw;
  border: none;
  border-radius: 8vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: all 0.3s ease;
  background: var(--theme-primary-color);
}
.deposit-button[data-v-e162e2e0]:hover {
  transform: translateY(-0.533333vw);
  opacity: 0.9;
}
.deposit-button[data-v-e162e2e0]:active {
  transform: translateY(0);
}
.deposit-text[data-v-e162e2e0] {
  color: rgb(255, 255, 255);
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 6.4vw;
}

/* 移动端适配 */
@media (max-width: 768px) {
.two-seventy-modal[data-v-e162e2e0] {
    width: 100%;
    max-width: 100vw;
    height: auto;
}
.content-wrapper[data-v-e162e2e0] {
    width: 100%;
    max-width: 89.333333vw;
}
.close-button[data-v-e162e2e0] {
    top: 64vw;
    right: 4vw;
}
.title-text[data-v-e162e2e0] {
    font-size: 4.8vw;
}
.feature-text[data-v-e162e2e0] {
    font-size: 2.933333vw;
}
.countdown-number[data-v-e162e2e0] {
    font-size: 4.266667vw;
}
.deposit-text[data-v-e162e2e0] {
    font-size: 3.466667vw;
}
}
.customer-service-content[data-v-a3d49496] {
  text-align: center;
  padding: 5.333333vw 0;
}
.message[data-v-a3d49496] {
  font-size: 4.266667vw;
  color: #ffffff;
  margin-bottom: 8vw;
  line-height: 1.5;
}
.button-container[data-v-a3d49496] {
  display: flex;
  justify-content: center;
}
.continue-btn[data-v-a3d49496] {
  background: color-mix(in srgb, var(--theme-primary-color) 100%, transparent 0%);
  color: #ffffff;
  border: none;
  border-radius: 2.133333vw;
  padding: 3.2vw 8.533333vw;
  font-size: 4.266667vw;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 11.733333vw;
  min-width: 32vw;
}
.continue-btn.disabled[data-v-a3d49496] {
  background: #666;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.continue-btn.disabled[data-v-a3d49496]:hover {
  background: #666;
  transform: none;
  box-shadow: none;
}
.continue-btn.disabled[data-v-a3d49496]:active {
  transform: none;
  box-shadow: none;
}

/* 移动端适配 */
@media (max-width: 768px) {
.customer-service-content[data-v-a3d49496] {
    padding: 4vw 0;
}
.message[data-v-a3d49496] {
    font-size: 3.733333vw;
    margin-bottom: 6.666667vw;
}
.continue-btn[data-v-a3d49496] {
    padding: 2.666667vw 7.466667vw;
    font-size: 3.733333vw;
    min-height: 10.666667vw;
    min-width: 26.666667vw;
}
}
.bind-modal-content[data-v-69407652] {
  padding: 4vw;
  background: rgb(29, 29, 35);
  border-radius: 2.933333vw;
  position: relative;
  width: 100%;
  z-index: 1;
  overflow: visible;
}

/* 标题切换区域 */
.title-toggle-section[data-v-69407652] {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 2.666667vw;
}
.title-toggle-wrapper[data-v-69407652] {
  height: 10.666667vw;
  border-radius: 2.933333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  border: 1px solid rgb(44, 44, 52);
}
.title-toggle-wrapper.inactive[data-v-69407652] {
  background-color: rgba(17, 17, 20, 0);
  border: 0.4vw solid rgb(44, 44, 52);
  width: 50%;
  border: none;
}
.title-toggle-wrapper.active[data-v-69407652] {
  background-color: rgb(17, 17, 20);
  width: 50%;
  border: none;
}
.title-toggle-text[data-v-69407652] {
  color: rgb(153, 153, 153);
  font-size: 3.733333vw;
  font-family: AlibabaPuHuiTi_3_55_Regular;
  font-weight: normal;
  line-height: 6.4vw;
  white-space: nowrap;
}
.title-toggle-wrapper.active .title-toggle-text[data-v-69407652] {
  color: var(--theme-primary-color);
  font-family: AlibabaPuHuiTi_3_85_Bold;
}

/* 图标展示区域 */
.icon-showcase-section[data-v-69407652] {
  width: 100%;
  height: 10.933333vw;
  margin-top: 4vw;
}
.icon-showcase-wrapper[data-v-69407652] {
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  justify-self: center;
}
.showcase-icon[data-v-69407652] {
  width: 9.6vw;
  height: 9.6vw;
}

/* 输入区域通用样式 */
.input-section[data-v-69407652] {
  background-color: rgb(17, 17, 20);
  border-radius: 2.933333vw;
  width: 100%;
  height: 10.666667vw;
  margin: 2.666667vw 0;
  display: flex;
  align-items: center;
  padding: 0 4vw;
}
.input-icon-wrapper[data-v-69407652] {
  width: 5.6vw;
  height: 5.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2.666667vw;
}
.input-icon[data-v-69407652] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.input-content[data-v-69407652] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2.666667vw;
  min-width: 0;
  /* 防止内容溢出 */
}
.input-field[data-v-69407652] {
  background: transparent;
  border: none;
  outline: none;
  color: rgb(68, 68, 68);
  font-size: 3.2vw;
  font-family: AlibabaPuHuiTi_3_55_Regular;
  font-weight: normal;
  line-height: 6.4vw;
  width: 100%;
  padding: 0;
}
.input-field[data-v-69407652]::placeholder {
  color: rgba(68, 68, 68, 0.6);
}
.input-field[data-v-69407652]:focus {
  color: rgb(68, 68, 68);
}
.input-prefix[data-v-69407652] {
  display: flex;
  align-items: center;
  gap: 1.333333vw;
  cursor: pointer;
  padding: 1.333333vw 2.133333vw;
  border-radius: 1.6vw;
  transition: background-color 0.2s ease;
}
.prefix-text[data-v-69407652] {
  color: rgb(153, 153, 153);
  font-size: 3.733333vw;
  font-family: AlibabaPuHuiTi_3_55_Regular;
  font-weight: normal;
  line-height: 6.4vw;
}
.prefix-arrow[data-v-69407652] {
  width: 2.666667vw;
  height: 1.333333vw;
  margin-top: 0.533333vw;
  transition: transform 0.3s ease;
}
.prefix-arrow.rotated[data-v-69407652] {
  transform: rotate(180deg);
}
.prefix-flag[data-v-69407652] {
  width: 5.6vw;
  height: 5.6vw;
  border-radius: 8vw;
  object-fit: cover;
  flex-shrink: 0;
}
.input-action[data-v-69407652] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  /* 防止被压缩 */
  margin-left: 2.666667vw;
  /* 与input-content保持间距 */
}
.action-icon[data-v-69407652] {
  width: 4.266667vw;
  height: 4.266667vw;
  object-fit: contain;
}

/* 短信输入区域特殊样式 */
.sms-input[data-v-69407652] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.666667vw;
}
.sms-input-content[data-v-69407652] {
  flex: 1;
  margin-left: 0;
}
.sms-input-action[data-v-69407652] {
  margin-left: 0;
}

/* 短信验证码按钮样式 */
.sms-button[data-v-69407652] {
  background: var(--theme-primary-color);
  border: none;
  border-radius: 1.6vw;
  padding: 0.8vw 3.2vw;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 18.666667vw;
}
.sms-button[data-v-69407652]:hover:not(.disabled) {
  background: color-mix(in srgb, var(--theme-primary-color) 80%, #ffffff 20%);
}
.sms-button[data-v-69407652]:active:not(.disabled) {
  transform: scale(0.95);
}
.sms-button.disabled[data-v-69407652] {
  background: rgba(128, 128, 128, 0.6);
  /* 更明显的灰色 */
  cursor: not-allowed;
}
.sms-button.disabled .sms-text[data-v-69407652] {
  color: rgba(255, 255, 255, 0.6);
  /* 文字也变灰 */
}
.sms-button.sending[data-v-69407652] {
  background: rgba(255, 165, 0, 0.8);
  animation: pulse-69407652 1.5s ease-in-out infinite;
}
.sms-button.countdown[data-v-69407652] {
  background: rgba(128, 128, 128, 0.6);
  /* 与disabled保持一致的灰色 */
  cursor: not-allowed;
}
.sms-button.countdown .sms-text[data-v-69407652] {
  color: rgba(255, 255, 255, 0.8);
}

/* 发送中的脉冲动画 */
@keyframes pulse-69407652 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.7;
}
100% {
    opacity: 1;
}
}
.sms-text[data-v-69407652] {
  color: rgb(255, 255, 255);
  font-size: 3.2vw;
  font-family: AlibabaPuHuiTi_3_55_Regular;
  font-weight: normal;
  white-space: nowrap;
}

/* 强度指示器区域 */
.intensity-section[data-v-69407652] {
  width: 100%;
  height: 2.666667vw;
  display: flex;
  align-items: center;
  gap: 2.666667vw;
  justify-content: center;
}
.intensity-label[data-v-69407652] {
  color: rgb(153, 153, 153);
  font-size: 3.733333vw;
  font-family: AlibabaPuHuiTi_3_55_Regular;
  font-weight: normal;
  line-height: 6.4vw;
  white-space: nowrap;
}
.intensity-bar[data-v-69407652] {
  display: flex;
  gap: 0.8vw;
  margin-top: 1.333333vw;
}
.intensity-segment[data-v-69407652] {
  width: 9.6vw;
  height: 1.066667vw;
  border-radius: 0.533333vw;
  transition: all 0.3s ease;
  background-color: rgba(68, 68, 68, 0.3);
}
.intensity-segment.active[data-v-69407652] {
  opacity: 1;
}
.intensity-segment[data-v-69407652]:hover {
  transform: scaleY(1.2);
}

/* 协议同意区域 */
.agreement-section[data-v-69407652] {
  width: 100%;
  display: flex;
  align-items: baseline;
  gap: 2.666667vw;
}
.agreement-section .agreement-icon-wrapper[data-v-69407652] {
  background-color: var(--theme-primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.266667vw;
  height: 4.266667vw;
  border-radius: 0.8vw;
  flex-shrink: 0;
}
.agreement-section .agreement-icon[data-v-69407652] {
  width: 2.666667vw;
  height: 2.133333vw;
}
.agreement-text[data-v-69407652] {
  flex: 1;
  color: rgb(153, 153, 153);
  font-size: 3.2vw;
  font-family: AlibabaPuHuiTi_3_55_Regular;
  font-weight: normal;
  line-height: 4vw;
}
.agreement-link[data-v-69407652] {
  color: rgb(221, 171, 64);
  font-size: 3.2vw;
  font-family: AlibabaPuHuiTi_3_55_Regular;
  font-weight: normal;
  line-height: 4vw;
  cursor: pointer;
  text-decoration: none;
}

/* 绑定按钮区域 */
.bind-button-section[data-v-69407652] {
  display: flex;
  justify-content: center;
  margin-top: 10.666667vw;
}
.bind-button[data-v-69407652] {
  background-color: color-mix(in srgb, var(--theme-primary-color) 100%, transparent 0%);
  border-radius: 2.933333vw;
  height: 10.666667vw;
  width: 36.533333vw;
  position: relative;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 10;
  font-size: 3.733333vw;
}
.bind-button[data-v-69407652]:hover {
  background-color: color-mix(in srgb, var(--theme-primary-color) 100%, transparent 0%);
  transform: translateY(-0.533333vw);
}
.bind-button[data-v-69407652]:active {
  transform: translateY(0);
}
.bind-button.disabled[data-v-69407652], .bind-button[data-v-69407652]:disabled {
  background-color: rgba(68, 68, 68, 0.5);
  cursor: not-allowed;
  opacity: 0.6;
  transform: none;
}
.bind-button.disabled[data-v-69407652]:hover, .bind-button[data-v-69407652]:disabled:hover {
  background-color: rgba(68, 68, 68, 0.5);
  transform: none;
}
.button-text[data-v-69407652] {
  color: rgb(255, 255, 255);
  font-size: 3.2vw;
  font-family: AlibabaPuHuiTi_3_85_Bold;
  font-weight: normal;
  line-height: 6.4vw;
  white-space: nowrap;
}
.button-badge[data-v-69407652] {
  background: color-mix(in srgb, var(--theme-primary-color) 60%, #000000 40%);
  position: absolute;
  top: -8.8vw;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 1.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 39.466667vw;
  height: 7.466667vw;
  padding: 0 4vw 0 2.666667vw;
  z-index: 99998;
  pointer-events: none;
  overflow: visible;
  /* 向下三角箭头 */
}
.button-badge[data-v-69407652]::after {
  content: "";
  position: absolute;
  bottom: -1.333333vw;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 1.333333vw solid transparent;
  border-right: 1.333333vw solid transparent;
  border-top: 1.333333vw solid color-mix(in srgb, var(--theme-primary-color) 60%, #000000 40%);
}
.badge-gift[data-v-69407652] {
  width: 9.6vw;
  height: 9.6vw;
  position: absolute;
  right: -5.333333vw;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  will-change: transform;
  object-fit: contain;
  animation: giftAlert-69407652 4s ease-in-out infinite;
}

/* 礼物提醒动画 - 快速摇晃催促效果 */
@keyframes giftAlert-69407652 {
0% {
    transform: translateY(-50%) scale(1) rotate(0deg);
}
5% {
    transform: translateY(-50%) scale(1.15) rotate(-4deg);
}
10% {
    transform: translateY(-50%) scale(1.15) rotate(4deg);
}
15% {
    transform: translateY(-50%) scale(1.15) rotate(-4deg);
}
20% {
    transform: translateY(-50%) scale(1.15) rotate(4deg);
}
25% {
    transform: translateY(-50%) scale(1.15) rotate(-3deg);
}
30% {
    transform: translateY(-50%) scale(1.15) rotate(3deg);
}
35% {
    transform: translateY(-50%) scale(1.15) rotate(-3deg);
}
40% {
    transform: translateY(-50%) scale(1.15) rotate(3deg);
}
45% {
    transform: translateY(-50%) scale(1.15) rotate(0deg);
}
55% {
    transform: translateY(-50%) scale(1) rotate(0deg);
}
100% {
    transform: translateY(-50%) scale(1) rotate(0deg);
}
}
.badge-text[data-v-69407652] {
  color: rgb(255, 255, 255);
  font-size: 3.2vw;
  font-family: AlibabaPuHuiTi_3_55_Regular;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2;
}

/* 底部图标区域 */
.bottom-icons-section[data-v-69407652] {
  position: relative;
  width: 100%;
  height: 8vw;
  margin-top: 5.333333vw;
}
.bottom-icon-wrapper[data-v-69407652] {
  background-color: color-mix(in srgb, var(--theme-primary-color) 100%, transparent 0%);
  border-radius: 1.6vw;
  height: 3.2vw;
  width: 4.266667vw;
  position: absolute;
  left: 7.733333vw;
  top: 110.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom-icon[data-v-69407652] {
  width: 2.133333vw;
  height: 1.866667vw;
  margin: 1.066667vw 0 0 0.8vw;
}
.floating-icon[data-v-69407652] {
  position: absolute;
  left: 62.4vw;
  top: 126.133333vw;
  width: 8vw;
  height: 9.6vw;
}

/* 移动端适配 */
@media (max-width: 768px) {
.bind-modal-content[data-v-69407652] {
    padding: 4vw;
}
}
/* 响应式单位转换 - 使用PostCSS自动转换px到vw */
@media (max-width: 375px) {
.bind-modal-content[data-v-69407652] {
    padding: 4vw;
    min-height: 120vw;
}
.input-section[data-v-69407652] {
    margin: 4vw 0 0 2.666667vw;
    padding: 0 2.666667vw;
}
.intensity-section[data-v-69407652] {
    margin: 4vw 0 0 5.866667vw;
}
.bind-button-section[data-v-69407652] {
    margin: 5.333333vw 0 5.333333vw 0;
}
}
/* 手机号输入区域 - 添加相对定位 */
.phone-input[data-v-69407652] {
  position: relative;
}

/* 国家下拉列表样式 */
.country-dropdown[data-v-69407652] {
  position: absolute;
  top: 42.666667vw;
  /* 显示在手机号输入框下方 */
  left: 0;
  right: 0;
  z-index: 99999;
  margin-top: 1.333333vw;
}
.dropdown-overlay[data-v-69407652] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 99998;
}
.dropdown-content[data-v-69407652] {
  background: rgb(17, 17, 20);
  border-radius: 2.933333vw;
  border: 1px solid rgb(44, 44, 52);
  box-shadow: 0 1.066667vw 5.333333vw rgba(0, 0, 0, 0.3);
  max-height: 53.333333vw;
  overflow: hidden;
  z-index: 99999;
  position: relative;
  width: 30%;
  margin-left: 6.666667vw;
}
.dropdown-list[data-v-69407652] {
  max-height: 40vw;
  overflow-y: auto;
  /* 自定义滚动条 */
}
.dropdown-list[data-v-69407652]::-webkit-scrollbar {
  width: 1.066667vw;
}
.dropdown-list[data-v-69407652]::-webkit-scrollbar-track {
  background: rgba(44, 44, 52, 0.3);
  border-radius: 0.533333vw;
}
.dropdown-list[data-v-69407652]::-webkit-scrollbar-thumb {
  background: var(--theme-primary-color);
  border-radius: 0.533333vw;
}
.dropdown-item[data-v-69407652] {
  display: flex;
  align-items: center;
  gap: 2.666667vw;
  padding: 2.133333vw 2.666667vw;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.dropdown-item[data-v-69407652]:hover {
  background-color: rgba(44, 44, 52, 0.5);
}
.dropdown-item.active[data-v-69407652] {
  background-color: rgb(44, 44, 52);
}
.dropdown-item[data-v-69407652]:active {
  background-color: rgba(44, 44, 52, 0.8);
}
.item-flag[data-v-69407652] {
  width: 5.6vw;
  height: 5.6vw;
  border-radius: 8vw;
  object-fit: cover;
  flex-shrink: 0;
}
.item-code[data-v-69407652] {
  color: var(--theme-primary-color);
  font-size: 3.733333vw;
  font-family: AlibabaPuHuiTi_3_55_Regular;
  font-weight: normal;
  min-width: 10.666667vw;
  flex-shrink: 0;
}
.item-name[data-v-69407652] {
  color: rgb(153, 153, 153);
  font-size: 3.2vw;
  font-family: AlibabaPuHuiTi_3_55_Regular;
  font-weight: normal;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 触摸优化 */
@media (hover: none) and (pointer: coarse) {
.bind-button[data-v-69407652]:hover {
    transform: none;
}
.bind-button[data-v-69407652]:active {
    background-color: rgba(34, 151, 120, 0.6);
    transform: scale(0.98);
}
.intensity-segment[data-v-69407652]:hover {
    transform: none;
}
.intensity-segment[data-v-69407652]:active {
    transform: scaleY(1.5);
}
.dropdown-item[data-v-69407652]:hover {
    background-color: transparent;
}
.dropdown-item[data-v-69407652]:active {
    background-color: rgba(44, 44, 52, 0.8);
}
}
.first-deposit-modal[data-v-f7abfbfe] {
  position: relative;
  background: transparent;
  border-radius: 2.933333vw;
  width: 100%;
  padding: 0 2.666667vw;
}

/* Banner区域 - 绝对定位浮动 */
.banner-section[data-v-f7abfbfe] {
  z-index: 10;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.banner-image[data-v-f7abfbfe] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.933333vw 2.933333vw 0 0;
}

/* 主要内容区域 */
.deposit-content[data-v-f7abfbfe] {
  background: #1d1d23;
  border-radius: 2.933333vw;
  position: relative;
}

/* 提示文字 */
.tip-text[data-v-f7abfbfe] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  margin-bottom: 3.2vw;
  line-height: 6.4vw;
  text-align: left;
}

/* 表头 */
.table-header[data-v-f7abfbfe] {
  background: #23232a;
  height: 11.2vw;
  display: flex;
  align-items: center;
  margin-bottom: 2.666667vw;
  padding: 0 8.266667vw;
  /* 左右padding保持与套餐项一致 */
}
.header-deposit[data-v-f7abfbfe] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.333333vw;
  width: 26.666667vw;
  /* 固定宽度 */
  text-align: left;
}
.header-bonus[data-v-f7abfbfe] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.333333vw;
  width: 13.333333vw;
  /* 固定宽度，覆盖中间区域 */
  text-align: center;
}
.header-total[data-v-f7abfbfe] {
  color: #999999;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 5.333333vw;
  width: 40vw;
  /* 固定宽度 */
  text-align: right;
}

/* 套餐列表 */
.package-list[data-v-f7abfbfe] {
  display: flex;
  flex-direction: column;
  gap: 2.666667vw;
  margin-bottom: 4vw;
}
.package-item[data-v-f7abfbfe] {
  background: #23232a;
  border-radius: 2.933333vw;
  height: 11.2vw;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.1s ease;
  padding: 0 8.266667vw;
  /* 与表头保持一致的padding */
  position: relative;
  /* 为选择图标提供定位上下文 */
}
.package-item.package-selected[data-v-f7abfbfe] {
  background: #0f5643;
  /* 选中状态背景色 */
}
.package-item[data-v-f7abfbfe]:hover {
  box-shadow: 0 1.066667vw 3.2vw rgba(0, 0, 0, 0.3);
}
.deposit-amount[data-v-f7abfbfe] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  width: 19.733333vw;
  /* 与表头对齐 */
  text-align: left;
  line-height: 5.333333vw;
}
.package-item:not(.package-selected) .deposit-amount[data-v-f7abfbfe] {
  color: #999999;
}
.bonus-amount[data-v-f7abfbfe] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  width: 53.333333vw;
  /* 与表头对齐 */
  text-align: center;
  line-height: 5.333333vw;
}
.package-item:not(.package-selected) .bonus-amount[data-v-f7abfbfe] {
  color: #999999;
}
.total-amount[data-v-f7abfbfe] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  width: 32vw;
  /* 与表头对齐 */
  text-align: right;
  line-height: 5.333333vw;
}
.package-item:not(.package-selected) .total-amount[data-v-f7abfbfe] {
  color: #999999;
}

/* 充值按钮区域 */
.deposit-button-section[data-v-f7abfbfe] {
  display: flex;
  justify-content: center;
  margin-bottom: 1.333333vw;
}
.deposit-button[data-v-f7abfbfe] {
  width: 54.666667vw;
  height: 10.666667vw;
  background: var(--theme-primary-color);
  border: none;
  border-radius: 8vw;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.deposit-button[data-v-f7abfbfe]:hover {
  transform: translateY(-0.533333vw);
  box-shadow: 0 1.6vw 5.333333vw rgba(34, 151, 120, 0.4);
}
.deposit-button[data-v-f7abfbfe]:active {
  transform: translateY(0);
}
.button-text[data-v-f7abfbfe] {
  color: #ffffff;
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 6.4vw;
}

/* 底部提示 */
.bottom-tip[data-v-f7abfbfe] {
  color: #999999;
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 6.4vw;
  padding-bottom: 4vw;
}

/* 推荐标签 */
.recommend-tag[data-v-f7abfbfe] {
  position: absolute;
  top: -2.133333vw;
  left: 2.666667vw;
  background: #ff6b35;
  color: white;
  font-size: 2.133333vw;
  font-weight: bold;
  padding: 0.533333vw 1.6vw;
  border-radius: 1.066667vw;
  text-transform: uppercase;
  z-index: 5;
}

/* 选择图标 - 动态显示在选中行 */
.select-icon-item[data-v-f7abfbfe] {
  position: absolute;
  right: -1.333333vw;
  top: -1.333333vw;
  width: 4.266667vw;
  height: 4.266667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select-image[data-v-f7abfbfe] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 调试区域 */
.debug-section[data-v-f7abfbfe] {
  margin: 2.666667vw 0;
  padding: 2.666667vw;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 1.6vw;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.debug-section .debug-button[data-v-f7abfbfe] {
  background: #007bff;
  color: white;
  border: none;
  padding: 1.6vw 3.2vw;
  border-radius: 1.066667vw;
  font-size: 3.2vw;
  cursor: pointer;
  margin-bottom: 2.133333vw;
}
.debug-section .debug-button[data-v-f7abfbfe]:hover {
  background: #0056b3;
}
.debug-section .debug-info[data-v-f7abfbfe] {
  color: #999999;
  font-size: 2.933333vw;
  line-height: 1.4;
}

/* 加载和空状态 */
.loading-state[data-v-f7abfbfe],
.empty-state[data-v-f7abfbfe] {
  text-align: center;
  padding: 5.333333vw;
}
.loading-state .loading-text[data-v-f7abfbfe],
.loading-state .empty-text[data-v-f7abfbfe],
.empty-state .loading-text[data-v-f7abfbfe],
.empty-state .empty-text[data-v-f7abfbfe] {
  color: #999999;
  font-size: 3.733333vw;
}

/* 移动端适配 */
@media (max-width: 768px) {
.tip-text[data-v-f7abfbfe],
  .header-deposit[data-v-f7abfbfe],
  .header-bonus[data-v-f7abfbfe],
  .header-total[data-v-f7abfbfe],
  .deposit-amount[data-v-f7abfbfe],
  .bonus-amount[data-v-f7abfbfe],
  .total-amount[data-v-f7abfbfe],
  .bottom-tip[data-v-f7abfbfe] {
    font-size: 3.2vw;
}
.button-text[data-v-f7abfbfe] {
    font-size: 2.933333vw;
}
.deposit-button[data-v-f7abfbfe] {
    width: 54.666667vw;
    height: 10.666667vw;
}
.package-item[data-v-f7abfbfe] {
    height: 11.2vw;
}
.table-header[data-v-f7abfbfe] {
    padding: 0 5.333333vw;
}
.package-item[data-v-f7abfbfe] {
    padding: 0 5.333333vw;
}
}
@media (max-width: 480px) {
.tip-text[data-v-f7abfbfe],
  .bottom-tip[data-v-f7abfbfe] {
    font-size: 3.2vw;
}
.table-header[data-v-f7abfbfe] {
    padding: 0 4vw;
}
.package-item[data-v-f7abfbfe] {
    padding: 0 4vw;
}
.deposit-amount[data-v-f7abfbfe],
  .bonus-amount[data-v-f7abfbfe],
  .total-amount[data-v-f7abfbfe] {
    font-size: 3.2vw;
}
.deposit-button[data-v-f7abfbfe] {
    width: 54.666667vw;
    height: 10.666667vw;
}
.button-text[data-v-f7abfbfe] {
    font-size: 3.733333vw;
}
.package-item[data-v-f7abfbfe] {
    height: 11.2vw;
}
.table-header[data-v-f7abfbfe] {
    height: 11.2vw;
}
}
.deposit-win-modal[data-v-f8bcbab0] {
  position: relative;
  background: transparent;
  border-radius: 2.933333vw;
  width: 100%;
}

/* 抵消BaseModal的modal-body padding */
[data-v-f8bcbab0] .modal-body {
  padding: 0;
}

/* Banner区域 */
.banner-section[data-v-f8bcbab0] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-image[data-v-f8bcbab0] {
  width: 100%;
  height: 37.333333vw;
  object-fit: cover;
  border-radius: 2.933333vw 2.933333vw 0 0;
}

/* 主要内容区域 */
.deposit-content[data-v-f8bcbab0] {
  border-radius: 2.933333vw;
  position: relative;
}

/* 内容背景容器 */
.content-container[data-v-f8bcbab0] {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
}

/* 顶部标题区域 */
.title-section[data-v-f8bcbab0] {
  display: flex;
  justify-content: center;
  margin-top: 2.133333vw;
}
.title-text-wrapper[data-v-f8bcbab0] {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.title-text-1[data-v-f8bcbab0] {
  color: rgb(204, 204, 204);
  font-size: 5.066667vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
}
.title-text-2[data-v-f8bcbab0] {
  color: rgb(143, 143, 143);
  font-size: 4.266667vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
}
.title-text-3[data-v-f8bcbab0] {
  color: rgb(221, 171, 64);
  font-size: 6.4vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 5.333333vw;
}

/* 副标题 */
.subtitle-section[data-v-f8bcbab0] {
  margin-top: 2.133333vw;
  display: flex;
  justify-content: center;
}
.subtitle-text[data-v-f8bcbab0] {
  color: rgb(143, 143, 143);
  font-size: 3.466667vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
}

/* 奖励对比区域 */
.rewards-section[data-v-f8bcbab0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5.333333vw 0 3.2vw 0;
  padding: 0 2.666667vw;
}
.reward-item[data-v-f8bcbab0] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reward-icon-section[data-v-f8bcbab0] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reward-icon[data-v-f8bcbab0] {
  width: 9.6vw;
  height: 9.6vw;
}
.reward-label[data-v-f8bcbab0] {
  color: rgb(204, 204, 204);
  font-size: 3.466667vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 6.4vw;
}
.reward-amount-section[data-v-f8bcbab0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.333333vw;
}
.reward-amount[data-v-f8bcbab0] {
  color: rgb(221, 171, 64);
  font-size: 5.6vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 5.333333vw;
}
.reward-desc[data-v-f8bcbab0] {
  color: rgb(143, 143, 143);
  font-size: 3.466667vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 6.4vw;
}

/* VS部分 */
.vs-section[data-v-f8bcbab0] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 8vw;
}
.vs-icon[data-v-f8bcbab0] {
  width: 5.6vw;
  height: 5.6vw;
}

/* 右侧每日奖金 */
.right-reward .reward-icon[data-v-f8bcbab0] {
  width: 9.6vw;
  height: 9.6vw;
}
.daily-bonus-text[data-v-f8bcbab0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.333333vw;
}
.bonus-title[data-v-f8bcbab0] {
  color: rgb(204, 204, 204);
  font-size: 3.466667vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 6.4vw;
}
.bonus-amount[data-v-f8bcbab0] {
  color: rgb(221, 171, 64);
  font-size: 5.6vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 5.333333vw;
}
.bonus-desc[data-v-f8bcbab0] {
  color: rgb(143, 143, 143);
  font-size: 3.466667vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 6.4vw;
}

/* 充值按钮 */
.deposit-button-section[data-v-f8bcbab0] {
  margin: 3.2vw 0 3.2vw 0;
  display: flex;
  justify-content: center;
}
.deposit-button[data-v-f8bcbab0] {
  width: 90%;
  height: 9.066667vw;
  background: var(--theme-primary-color);
  border: none;
  border-radius: 8vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.deposit-button[data-v-f8bcbab0]:hover {
  transform: translateY(-0.533333vw);
  opacity: 0.9;
}
.deposit-button[data-v-f8bcbab0]:active {
  transform: translateY(0);
}
.deposit-button-text[data-v-f8bcbab0] {
  color: rgb(255, 255, 255);
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 6.4vw;
}

/* 底部说明文字 */
.disclaimer-section[data-v-f8bcbab0] {
  display: flex;
  justify-content: center;
  padding-bottom: 2.666667vw;
}
.disclaimer-text[data-v-f8bcbab0] {
  color: rgb(68, 68, 68);
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 5.066667vw;
}
/* Sidebar专用JACKPOT摇奖组件样式 */
.sidebar-jackpot-roller[data-v-59019631] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jackpot-amount[data-v-59019631] {
  display: inline-block;
  max-width: 34.666667vw;
  /* 增加宽度确保8位数字完全显示 */
  width: 100%;
}

/* 自定义数字滚动样式 */
.custom-rolling-number[data-v-59019631] {
  display: flex;
  align-items: flex-end;
  /* 底部对齐，确保数字基线一致 */
  justify-content: center;
  font-family: "Arial", monospace;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
  width: 100%;
  max-width: 34.666667vw;
  height: 5.333333vw;
  /* 固定高度 */
}
.dollar-sign[data-v-59019631] {
  font-size: 3.733333vw;
  margin-right: 0.533333vw;
  color: #ffffff;
  line-height: 1;
  flex-shrink: 0;
  height: 5.333333vw;
  /* 与数字高度一致 */
  display: flex;
  align-items: center;
  /* 底部对齐 */
}
.digits-container[data-v-59019631] {
  display: flex;
  align-items: flex-end;
  /* 底部对齐，确保所有数字在同一基线上 */
  justify-content: flex-start;
  line-height: 1;
  flex: 1;
  min-width: 0;
  height: 5.333333vw;
  /* 固定高度 */
}
.digit-slot[data-v-59019631] {
  width: 3.733333vw;
  /* 固定宽度 */
  height: 5.333333vw;
  /* 固定高度 */
  margin: 0 1px;
  /* 数字间距 */
  display: flex;
  align-items: center;
  /* 垂直居中 */
  justify-content: center;
  /* 水平居中 */
  flex-shrink: 0;
  position: relative;
}
.digit-display[data-v-59019631] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.733333vw;
  color: #ffffff;
  font-weight: bold;
  font-family: "Courier New", monospace;
  font-variant-numeric: tabular-nums;
  /* 确保数字等宽 */
  text-align: center;
  line-height: 1;
  /* 移动端优化 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 数字切换动画 */
  transition: all 0.1s ease-out;
}

/* 摇奖动画效果 - 只在动画进行时应用 */
.digit-slot.animating .digit-display[data-v-59019631] {
  animation: digitShake-59019631 0.2s ease-in-out infinite;
  transform: scale(1.05);
}

/* 数字切换时的翻转效果 */
.digit-slot .digit-display[data-v-59019631] {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.digit-slot.animating .digit-display[data-v-59019631] {
  animation: digitShake-59019631 0.1s ease-in-out infinite,digitFlip-59019631 0.3s ease-in-out;
}

/* 摇奖动画效果 */
@keyframes digitShake-59019631 {
0%, 100% {
    transform: translateY(0px) scale(1.1);
    opacity: 1;
    color: #ffffff;
}
25% {
    transform: translateY(-0.8vw) scale(1.2);
    opacity: 0.7;
    color: #ffeb3b;
}
75% {
    transform: translateY(0.8vw) scale(1.2);
    opacity: 0.7;
    color: #ffeb3b;
}
}
/* 数字切换动画 */
@keyframes digitFlip-59019631 {
0% {
    transform: rotateX(0deg) scale(1);
    opacity: 1;
}
50% {
    transform: rotateX(90deg) scale(1.1);
    opacity: 0.7;
}
100% {
    transform: rotateX(0deg) scale(1);
    opacity: 1;
}
}
/* 数字进入动画 */
@keyframes digitEnter-59019631 {
0% {
    transform: translateY(4vw) scale(0.5);
    opacity: 0;
    color: #ffeb3b;
}
30% {
    transform: translateY(-2.133333vw) scale(1.3);
    opacity: 0.9;
    color: #ff9800;
}
60% {
    transform: translateY(0.533333vw) scale(1.1);
    opacity: 1;
    color: #ffffff;
}
100% {
    transform: translateY(0px) scale(1);
    opacity: 1;
    color: #ffffff;
}
}
/* 数字变化时的进入效果 */
.digit-display[data-v-59019631] {
  animation: digitEnter-59019631 0.4s ease-out;
}

/* 确保动画不被覆盖 */
.digit-slot.animating .digit-display[data-v-59019631] {
  animation: digitShake-59019631 0.2s ease-in-out infinite,digitFlip-59019631 0.4s ease-in-out !important;
  transform: scale(1.1) !important;
}

/* 动画结束时停止抖动 */
.digit-slot.animation-stopped .digit-display[data-v-59019631] {
  animation: none;
  transform: translateY(0px);
}

/* 移动端适配 */
@media (max-width: 768px) {
.jackpot-amount[data-v-59019631] {
    max-width: 32vw;
    /* 移动端也需要足够宽度容纳8位数字 */
}
.custom-rolling-number[data-v-59019631] {
    max-width: 32vw;
    height: 4.8vw;
    /* 移动端稍微减小高度 */
}
.digits-container[data-v-59019631] {
    height: 4.8vw;
    /* 移动端稍微减小高度 */
}
.dollar-sign[data-v-59019631] {
    font-size: 3.2vw;
    /* 移动端美元符号调整 */
    height: 4.8vw;
    /* 移动端高度调整 */
}
.digit-slot[data-v-59019631] {
    width: 2.4vw;
    /* 移动端调整宽度 */
    height: 4.8vw;
    /* 移动端调整高度 */
    margin: 0 0.5px;
    /* 移动端间距调整 */
}
.digit-display[data-v-59019631] {
    font-size: 3.2vw;
    /* 移动端使用稍小的字体 */
    /* 移动端优化 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
}
/* 触发按钮 */
.sidebar-trigger[data-v-e7877345] {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
  pointer-events: all;
  cursor: pointer;
  /* 确保按钮始终可见和可点击 */
}
.sidebar-trigger[data-v-e7877345]::before {
  content: "";
  position: fixed;
  top: -2.666667vw;
  left: -2.666667vw;
  right: -2.666667vw;
  bottom: -2.666667vw;
  background: transparent;
  pointer-events: all;
}
.trigger-btn[data-v-e7877345] {
  width: 5.866667vw;
  height: 34.666667vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  pointer-events: all;
  user-select: none;
  /* SVG容器样式 */
}
.trigger-btn .drawer-svg[data-v-e7877345] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trigger-btn .drawer-svg svg[data-v-e7877345] {
  width: 100%;
  height: 100%;
  display: block;
  /* 保持SVG的宽高比，确保内容不被裁剪 */
  object-fit: contain;
}
.trigger-btn[data-v-e7877345]:active {
  transform: scale(0.98);
}
.trigger-btn[data-v-e7877345]:hover {
  opacity: 0.8;
}
.trigger-icon-img[data-v-e7877345] {
  width: 2.133333vw;
  height: 2.666667vw;
  filter: brightness(0) invert(1);
  /* 使图片变成白色 */
  transform: rotate(0deg);
  /* 箭头向右 */
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}

/* 遮罩层 */
.sidebar-overlay[data-v-e7877345] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  backdrop-filter: blur(0.533333vw);
  pointer-events: all;
}

/* 侧边栏主体 */
.sidebar[data-v-e7877345] {
  position: fixed;
  top: 3%;
  right: -1px;
  height: 70vh;
  background: #000000;
  border: 1px solid var(--theme-primary-color);
  border-right: none;
  border-radius: 4vw 0 0 4vw;
  z-index: 10000;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  pointer-events: all;
  /* Safari 兼容性优化 */
  -webkit-transform: translateX(100%);
  will-change: transform;
}
.sidebar.sidebar-open[data-v-e7877345] {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
.sidebar.sidebar-closed[data-v-e7877345] {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}

/* 更多按钮 - 浮动在侧边栏底部 */
.more-btn[data-v-e7877345] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5.333333vw;
  background: var(--theme-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 0 0 0 3.466667vw;
  cursor: pointer;
  transition: all 0.3s ease;
  pointer-events: all;
}
.more-btn[data-v-e7877345]:hover {
  background: rgba(34, 151, 120, 0.9);
  transform: translateY(-1px);
}
.more-btn[data-v-e7877345]:active {
  transform: translateY(0);
  background: rgba(34, 151, 120, 0.8);
}
.more-btn .more-icon[data-v-e7877345] {
  width: 3.2vw;
  height: 3.2vw;
  filter: brightness(0) invert(1);
  animation: bounce-e7877345 2s infinite;
  transition: transform 0.3s ease;
}
.more-btn:hover .more-icon[data-v-e7877345] {
  transform: scale(1.1);
}

/* 侧边栏左侧关闭按钮 */
.sidebar-close-trigger[data-v-e7877345] {
  position: fixed;
  left: -6.133333vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10001;
  pointer-events: all;
  cursor: pointer;
  /* 确保按钮始终可见和可点击 */
}
.sidebar-close-trigger[data-v-e7877345]::before {
  content: "";
  position: absolute;
  top: -2.666667vw;
  left: -2.666667vw;
  right: -2.666667vw;
  bottom: -2.666667vw;
  background: transparent;
  pointer-events: all;
}
.close-trigger-btn[data-v-e7877345] {
  width: 6.666667vw;
  height: 34.666667vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  pointer-events: all;
  user-select: none;
  /* SVG容器样式 */
}
.close-trigger-btn .drawer-svg[data-v-e7877345] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-trigger-btn .drawer-svg svg[data-v-e7877345] {
  width: 100%;
  height: 100%;
  display: block;
  /* 保持SVG的宽高比，确保内容不被裁剪 */
  object-fit: contain;
}
.close-trigger-btn[data-v-e7877345]:active {
  transform: scaleX(-1) scale(0.98);
}
.close-trigger-btn[data-v-e7877345]:hover {
  opacity: 0.8;
}
.close-trigger-icon-img[data-v-e7877345] {
  width: 2.133333vw;
  height: 2.666667vw;
  filter: brightness(0) invert(1);
  /* 使图片变成白色 */
  transform: rotate(180deg);
  /* 箭头向左 */
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}

/* 侧边栏头部 */
.sidebar-header[data-v-e7877345] {
  background: var(--theme-primary-color);
  padding: 4vw 5.333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4vw 0 0 0;
  flex-shrink: 0;
}

/* 侧边栏内容 */
.sidebar-content[data-v-e7877345] {
  flex: 1;
  overflow-y: auto;
  padding: 0;
  position: relative;
  height: 100%;
  padding: 1.333333vw 0;
  /* Safari 滚动优化 */
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y !important;
  /* 强制允许垂直滚动，覆盖继承的限制 */
  will-change: scroll-position;
  /* 确保可以接收触摸事件 */
  pointer-events: all;
}
.sidebar-content[data-v-e7877345]::-webkit-scrollbar {
  display: none;
}
.sidebar-content[data-v-e7877345] {
  /* 自定义滚动条样式 */
}
@keyframes bounce-e7877345 {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
}
40% {
    transform: translateY(-0.8vw);
}
60% {
    transform: translateY(-1px);
}
}

/* 侧边栏选项 */
.sidebar-item[data-v-e7877345] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.533333vw 1.333333vw;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 3.2vw;
  min-height: 16vw;
  box-shadow: 0 0.533333vw 2.133333vw rgba(0, 0, 0, 0.2);
  /* Safari 触摸优化 */
  -webkit-tap-highlight-color: transparent;
  touch-action: auto !important;
  /* 强制允许所有触摸手势，包括滚动 */
  pointer-events: all;
}
.sidebar-item[data-v-e7877345]:hover {
  transform: translateY(-0.533333vw);
  box-shadow: 0 1.066667vw 3.2vw rgba(0, 0, 0, 0.3);
}
.sidebar-item[data-v-e7877345]:active {
  transform: translateY(0);
  box-shadow: 0 0.533333vw 1.6vw rgba(0, 0, 0, 0.2);
}
.item-content[data-v-e7877345] {
  text-align: center;
  width: 100%;
  position: relative;
}
.item-content img[data-v-e7877345] {
  max-width: 26.666667vw;
}

/* JACKPOT数字叠加层样式 */
.jackpot-overlay[data-v-e7877345] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 2;
}

/* JACKPOT项特殊样式 */
.sidebar-item.jackpot-item[data-v-e7877345] {
  position: relative;
  overflow: visible;
}
.sidebar-item.jackpot-item:hover .jackpot-overlay[data-v-e7877345] {
  transform: scale(1.05);
  transition: transform 0.2s ease;
}
.sidebar-item.jackpot-item .item-content[data-v-e7877345] {
  overflow: visible;
}

/* 移动端适配 */
@media (max-width: 768px) {
.trigger-btn[data-v-e7877345],
  .close-trigger-btn[data-v-e7877345] {
    width: 5.866667vw;
    height: 34.666667vw;
}
.trigger-icon-img[data-v-e7877345],
  .close-trigger-icon-img[data-v-e7877345] {
    width: 2.133333vw;
    height: 2.666667vw;
}
.sidebar-item[data-v-e7877345] {
    margin: 0px 1.333333vw;
    min-height: 13.333333vw;
}
.sidebar-close-trigger[data-v-e7877345] {
    left: -6.133333vw;
}
}
.welcome-modal[data-v-9067cb53] {
  position: relative;
  background: transparent;
  border-radius: 2.933333vw;
  width: 100%;
  min-height: 88vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 抵消BaseModal的modal-body padding */
[data-v-9067cb53] .modal-body {
  padding: 0;
}

/* Banner图片区域 - 透明背景，看起来浮在上方 */
.banner-section[data-v-9067cb53] {
  width: 100%;
  height: 53.333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  margin-bottom: -21.333333vw;
  /* 让banner与内容区域有重叠效果 */
  z-index: 2;
  position: relative;
}
.banner-image[data-v-9067cb53] {
  width: 68vw;
  object-fit: contain;
}

/* 主要内容区域 - 有背景色的部分 */
.welcome-content[data-v-9067cb53] {
  border-radius: 2.933333vw;
  position: relative;
  min-height: 74.666667vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgb(29, 29, 35);
  /* 深色背景 */
  padding: 21.333333vw 5.333333vw 0 5.333333vw;
  /* 顶部padding给banner重叠的空间 */
  box-sizing: border-box;
  z-index: 1;
}

/* 内容背景容器 */
.content-container[data-v-9067cb53] {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 2.933333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 标题区域 */
.title-section[data-v-9067cb53] {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.666667vw;
}
.title-text[data-v-9067cb53] {
  color: rgb(221, 171, 64);
  font-size: 5.6vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 5.333333vw;
  margin-top: 1.333333vw;
}
.subtitle-text[data-v-9067cb53] {
  color: rgb(143, 143, 143);
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: center;
  line-height: 5.066667vw;
}

/* 说明内容区域 */
.description-section[data-v-9067cb53] {
  width: 100%;
  margin: 2.666667vw 0 0 0;
  display: flex;
  justify-content: center;
}
.description-box[data-v-9067cb53] {
  background-color: rgb(13, 13, 16);
  border-radius: 2.933333vw;
  width: 81.066667vw;
  height: 22.666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.733333vw 4.266667vw;
  box-sizing: border-box;
}
.description-text[data-v-9067cb53] {
  color: rgb(68, 68, 68);
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  text-align: left;
  line-height: 5.066667vw;
  /* 支持动态内容的样式 */
}
.description-text[data-v-9067cb53] .text-normal {
  color: rgb(68, 68, 68);
}
.description-text[data-v-9067cb53] .text-highlight {
  color: rgb(221, 171, 64);
}
.description-text[data-v-9067cb53] {
  /* 确保换行符正确显示 */
}
.description-text br[data-v-9067cb53] {
  display: block;
  margin: 1.333333vw 0;
}

/* 赚取按钮区域 */
.earn-button-section[data-v-9067cb53] {
  margin: 2.666667vw 0 5.333333vw 0;
  display: flex;
  justify-content: center;
}
.earn-button[data-v-9067cb53] {
  width: 52vw;
  height: 9.066667vw;
  border: none;
  border-radius: 8vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  background-color: var(--theme-primary-color);
}
.earn-button[data-v-9067cb53]:hover {
  transform: translateY(-0.533333vw);
  opacity: 0.9;
}
.earn-button[data-v-9067cb53]:active {
  transform: translateY(0);
}
.earn-button-text[data-v-9067cb53] {
  color: rgb(255, 255, 255);
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  line-height: 6.4vw;
}

/* 响应式适配 */
@media (max-width: 375px) {
.welcome-modal[data-v-9067cb53] {
    min-height: 80vw;
}
.banner-section[data-v-9067cb53] {
    height: 40vw;
    margin-bottom: -8vw;
    /* 小屏幕减少重叠距离 */
}
.welcome-content[data-v-9067cb53] {
    min-height: 66.666667vw;
    padding: 10.666667vw 4vw 0 4vw;
    /* 减少padding */
}
.title-section[data-v-9067cb53] {
    margin-bottom: 4vw;
}
.title-text[data-v-9067cb53] {
    font-size: 5.333333vw;
}
.subtitle-text[data-v-9067cb53] {
    font-size: 3.2vw;
}
.description-section[data-v-9067cb53] {
    width: 100%;
    margin: 4vw 0 0 2.666667vw;
}
.description-box[data-v-9067cb53] {
    width: 74.666667vw;
    height: 20vw;
    padding: 3.2vw 3.733333vw;
}
.earn-button[data-v-9067cb53] {
    width: 48vw;
    height: 9.333333vw;
}
}
@media (max-width: 320px) {
.banner-section[data-v-9067cb53] {
    height: 32vw;
    margin-bottom: -5.333333vw;
}
.welcome-content[data-v-9067cb53] {
    padding: 8vw 2.666667vw 0 2.666667vw;
}
}
[data-v-9067cb53] .base-modal {
  background: transparent !important;
}
.won10-modal[data-v-804cd8e3] {
  position: relative;
  background: transparent;
  border-radius: 2.933333vw;
  width: 100%;
  min-height: 85.333333vw;
  padding-bottom: 5.333333vw;
}

/* Banner区域 - 绝对定位浮动，参考FirstDepositModal */
.banner-section[data-v-804cd8e3] {
  position: absolute;
  top: -10.666667vw;
  /* 超出弹窗上方 */
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.banner-image[data-v-804cd8e3] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.933333vw 2.933333vw 0 0;
}

/* 主要内容区域 */
.won-content[data-v-804cd8e3] {
  border-radius: 2.933333vw;
  padding: 42.666667vw 0 0 0;
  /* 顶部留空给banner，参考FirstDepositModal */
  position: relative;
}

/* 内容背景容器 */
.content-container[data-v-804cd8e3] {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4vw;
}

/* 10元图片区域 */
.won-amount-section[data-v-804cd8e3] {
  width: 37.333333vw;
  height: 24.533333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5.333333vw 0;
}
.won-amount-text[data-v-804cd8e3] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 整体轻微提亮与饱和，增强金黄色 */
  filter: saturate(115%) contrast(108%);
}
.won-amount-text .layer[data-v-804cd8e3] {
  position: absolute;
  font-size: 17.066667vw;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 1px;
  font-family: "Arial Black", "Helvetica Bold", sans-serif;
}

/* 投影层：深色、偏移、模糊，形成右下厚阴影 */
.won-amount-text .layer-cast[data-v-804cd8e3] {
  color: rgba(0, 0, 0, 0.5);
  transform: translate(1.6vw, 2.666667vw);
  filter: blur(0.533333vw);
  opacity: 0.9;
}

/* 软阴影层：更柔的扩散，模拟原图阴影边缘羽化 */
.won-amount-text .layer-cast-soft[data-v-804cd8e3] {
  color: rgba(0, 0, 0, 0.35);
  transform: translate(2.133333vw, 3.733333vw);
  filter: blur(1.066667vw);
  opacity: 0.85;
}

/* 边缘内暗影：增强字形边缘的立体感 */
.won-amount-text .layer-edgeShadow[data-v-804cd8e3] {
  color: transparent;
  -webkit-text-stroke: 0.8vw rgba(82, 57, 17, 0.45);
  filter: blur(0.6px);
}

/* 填充层：金色纵向渐变 + 中部暗带 */
.won-amount-text .layer-fill[data-v-804cd8e3] {
  color: transparent;
  background: linear-gradient(to bottom, #ffd86a 0%, #ffc107 34%, #8c6a00 50%, #ffc107 66%, #ffd86a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 1px 0 #d7a52d, 0 0.533333vw 0 #bc8a1e, 0 0.8vw 0 #915f12, 0.533333vw 1.066667vw 0 #6f4810;
}

/* 中部水平亮带，加强“腰线”对比 */
.won-amount-text .layer-band[data-v-804cd8e3] {
  color: transparent;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 238, 170, 0.95) 40%, rgba(255, 255, 255, 0) 50%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 顶部小高光：提亮上边缘，增强金属反射 */
.won-amount-text .layer-topglint[data-v-804cd8e3] {
  color: transparent;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.2) 12%, rgba(255, 255, 255, 0) 30%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 描边层：浅金色描边，柔和一点 */
.won-amount-text .layer-stroke[data-v-804cd8e3] {
  color: transparent;
  -webkit-text-stroke: 0.586667vw rgba(255, 222, 110, 0.98);
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.01));
}

/* 高光层：顶部浅色柔光，让边缘更亮 */
.won-amount-text .layer-highlight[data-v-804cd8e3] {
  color: transparent;
  -webkit-text-stroke: 0.8vw rgba(255, 247, 205, 0.22);
  filter: blur(0.3px);
}

/* 底部辉光：在文字下沿增加一条薄亮线，模拟金属折射 */
.won-amount-text .layer-bottomglow[data-v-804cd8e3] {
  color: transparent;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 240, 190, 0.85) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateY(0.5px);
  opacity: 0.85;
}

/* 已去除动画，保持静态金属质感以贴合参考图 */
/* You're Won 标题图片区域 */
.won-title-section[data-v-804cd8e3] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -1.6vw;
  margin-bottom: 1.6vw;
  width: 100%;
}

/* 标题文本的层叠样式（与金额保持同系金色） */
.won-title-text[data-v-804cd8e3] {
  position: relative;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
.won-title-text .t-layer[data-v-804cd8e3] {
  position: absolute;
  font-size: 7.466667vw;
  font-weight: 900;
  font-family: "Arial Black", "Helvetica Bold", sans-serif;
  letter-spacing: 0.5px;
}
.won-title-text .t-cast[data-v-804cd8e3] {
  color: rgba(0, 0, 0, 0.5);
  transform: translate(1.066667vw, 1.866667vw);
  filter: blur(0.32vw);
}
.won-title-text .t-fill[data-v-804cd8e3] {
  color: transparent;
  background: linear-gradient(to bottom, #ffd86a 0%, #ffc107 34%, #8c6a00 50%, #ffc107 66%, #ffd86a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.won-title-text .t-band[data-v-804cd8e3] {
  color: transparent;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 238, 170, 0.95) 42%, rgba(255, 255, 255, 0) 52%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.won-title-text .t-stroke[data-v-804cd8e3] {
  color: transparent;
  -webkit-text-stroke: 0.48vw rgba(255, 222, 110, 0.98);
}

/* 确认按钮区域 */
.confirm-button-section[data-v-804cd8e3] {
  left: 17.333333vw;
  bottom: 17.333333vw;
  width: 54.666667vw;
  height: 10.4vw;
}
.confirm-button[data-v-804cd8e3] {
  width: 54.666667vw;
  height: 10.4vw;
  border: none;
  border-radius: 8vw;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  background-color: #229778;
  margin-bottom: 2.666667vw;
}
.confirm-button[data-v-804cd8e3]:hover {
  transform: translateY(-0.533333vw);
  opacity: 0.9;
}
.confirm-button[data-v-804cd8e3]:active {
  transform: translateY(0);
}
.button-text[data-v-804cd8e3] {
  color: rgb(255, 255, 255);
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
}
.modal-37[data-v-79b1e404] {
  position: relative;
  margin: 0 auto;
  /* 让整个弹窗居中 */
  display: flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
}
.modal-37 .group_1 .section_1 .section_2[data-v-79b1e404] {
  background-color: rgb(29, 29, 35);
  border-radius: 1.466667vw;
  /* 11px减半 */
  position: relative;
  /* 改为相对定位，作为绝对定位的参考点 */
  height: 112vw;
  /* 974px减半 */
  margin: 0 auto;
  /* 让section_2在父容器中居中 */
}
.modal-37 .group_1 .section_1 .section_2 .image_1[data-v-79b1e404] {
  width: 60vw;
  /* 494px减半 */
  height: 17.866667vw;
  /* 148px减半 */
  position: absolute;
  /* 使用绝对定位 */
  bottom: 3.333333vw;
  /* 距离底部12.5px */
  left: 50%;
  /* 左边缘在父容器中心 */
  transform: translateX(-50%);
  /* 向左偏移自身宽度的一半，实现居中 */
}
.modal-37 .group_1 .section_1 .section_2 .group_2[data-v-79b1e404] {
  height: 94.666667vw;
  /* 789px减半 */
  background: url("/assets/bonusBg-W04Yu5Uk.png") 100% no-repeat;
  background-size: 100% 100%;
  width: 93.6vw;
  /* 750px减半 */
  position: absolute;
  left: 50%;
  /* 左边缘在父容器中心 */
  top: 1.333333vw;
  /* -26px减半 */
  transform: translateX(-50%);
  /* 向左偏移自身宽度的一半，实现居中 */
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image_2[data-v-79b1e404] {
  width: 46.666667vw;
  /* 433px减半 */
  position: absolute;
  /* 使用绝对定位 */
  top: 22.4vw;
  /* 199px减半 */
  left: 50%;
  /* 左边缘在父容器中心 */
  /* 移除 transform: translateX(-50%)，现在在行内样式中处理 */
  transform-origin: center center;
  /* 确保旋转中心在图片中心 */
  will-change: transform;
  /* 优化动画性能 */
  backface-visibility: hidden;
  /* 防止3D变换时的闪烁 */
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_2[data-v-79b1e404] {
  height: 65.6vw;
  /* 636px减半 */
  background: url("/assets/waiquan-OJJ1kRwx.png") 100% no-repeat;
  background-size: 100% 100%;
  width: 63.733333vw;
  /* 615px减半 */
  position: absolute;
  left: 50%;
  /* 左边缘在父容器中心 */
  top: 11.333333vw;
  /* 85px减半 */
  transform: translateX(-50%);
  /* 向左偏移自身宽度的一半，实现居中 */
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_2 .image_3[data-v-79b1e404] {
  width: 13.866667vw;
  /* 140px减半 */
  height: 13.866667vw;
  /* 140px减半 */
  position: absolute;
  /* 使用绝对定位 */
  top: 27.2vw;
  /* 262px减半 */
  left: 50%;
  /* 左边缘在父容器中心 */
  transform: translateX(-50%);
  /* 向左偏移自身宽度的一半，实现居中 */
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
  /* 悬停效果 */
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_2 .image_3[data-v-79b1e404]:hover:not(.spinning) {
  transform: translateX(-50%) scale(1.05);
  filter: brightness(1.1);
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_2 .image_3[data-v-79b1e404] {
  /* 点击效果 */
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_2 .image_3[data-v-79b1e404]:active:not(.spinning) {
  transform: translateX(-50%) scale(0.95);
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_2 .image_3[data-v-79b1e404] {
  /* 旋转中状态 */
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_2 .image_3.spinning[data-v-79b1e404] {
  cursor: not-allowed;
  opacity: 0.7;
  filter: grayscale(0.3);
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_3[data-v-79b1e404] {
  position: absolute;
  left: 50%;
  /* 左边缘在父容器中心 */
  top: 62.666667vw;
  /* 575px减半 */
  width: 63.466667vw;
  /* 639px减半 */
  height: 17.066667vw;
  /* 167px减半 */
  background: url("/assets/freeBg-BWcewu7J.png") 100% no-repeat;
  background-size: 100% 100%;
  transform: translateX(-50%);
  /* 向左偏移自身宽度的一半，实现居中 */
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 2.666667vw;
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_3 .image_4[data-v-79b1e404] {
  width: 11.2vw;
  /* 112px减半 */
  height: 7.466667vw;
  margin-left: 8vw;
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_3 .image_5[data-v-79b1e404] {
  width: 19.466667vw;
  /* 187px减半 */
  height: 13.333333vw;
  /* 129px减半 */
}
.modal-37 .group_1 .section_1 .section_2 .group_2 .image-wrapper_3 .image_6[data-v-79b1e404] {
  width: 14.666667vw;
  /* 145px减半 */
  height: 7.2vw;
  /* 71px减半 */
  margin-right: 8vw;
}
.modal-37 .group_1 .section_1 .section_2 .image_7[data-v-79b1e404] {
  position: absolute;
  left: 50%;
  /* 左边缘在父容器中心 */
  top: 4vw;
  /* -37px减半 */
  width: 51.733333vw;
  /* 521px减半 */
  transform: translateX(-50%);
  /* 向左偏移自身宽度的一半，实现居中 */
}
.modal-37 .group_1 .section_1 .section_2 .image_8[data-v-79b1e404] {
  position: absolute;
  left: 50%;
  /* 左边缘在父容器中心 */
  top: 82.666667vw;
  /* 738px减半 */
  width: 50.933333vw;
  /* 507px减半 */
  height: 5.866667vw;
  /* 52px减半 */
  transform: translateX(-50%);
  /* 向左偏移自身宽度的一半，实现居中 */
}

/* 工具类 */
.flex-col[data-v-79b1e404] {
  display: flex;
  flex-direction: column;
}
.flex-row[data-v-79b1e404] {
  display: flex;
  flex-direction: row;
}
[data-v-79b1e404] .base-modal {
  background: transparent;
}
.withdrawal-modal[data-v-7f5b0c91] {
  border-radius: 4.266667vw;
  color: white;
  font-family: "Arial", sans-serif;
  padding: 2.666667vw;
}

/* 头部区域 */
.modal-header[data-v-7f5b0c91] {
  margin-bottom: 3.2vw;
}
.modal-header .header-title[data-v-7f5b0c91] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-content[data-v-7f5b0c91] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.133333vw;
  margin-bottom: 2.666667vw;
}
.money-bag-icon[data-v-7f5b0c91] {
  filter: drop-shadow(0 0.533333vw 1.066667vw rgba(0, 0, 0, 0.3));
}
.subtitle[data-v-7f5b0c91] {
  font-size: 3.733333vw;
  color: #fff;
  margin-bottom: 1.066667vw;
  font-weight: 500;
}
.title[data-v-7f5b0c91] {
  font-size: 5.333333vw;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.lucky-text[data-v-7f5b0c91] {
  font-size: 3.733333vw;
  color: var(--theme-primary-color);
  font-weight: 600;
}

/* 余额和进度区域 */
.balance-section[data-v-7f5b0c91] {
  margin-bottom: 4vw;
  border-radius: 3.2vw;
  text-align: center;
}
.balance-info[data-v-7f5b0c91] {
  margin-bottom: 2.666667vw;
}
.balance-amount[data-v-7f5b0c91] {
  font-size: 8.533333vw;
  font-weight: bold;
  color: #fbbf24;
  text-shadow: 0 1.066667vw 2.133333vw rgba(0, 0, 0, 0.4);
  margin-bottom: 4.266667vw;
  text-align: center;
}
.progress-container[data-v-7f5b0c91] {
  position: relative;
  margin-bottom: 2.666667vw;
}
.progress-text[data-v-7f5b0c91] {
  font-size: 3.733333vw;
  color: var(--theme-primary-color);
  text-align: center;
  font-weight: 500;
  margin-top: 3.2vw;
}
.progress-text .remaining-amount[data-v-7f5b0c91] {
  color: #fbbf24;
}

/* 自定义进度条样式 */
[data-v-7f5b0c91] .custom-progress .van-progress__pivot {
  background: #fbbf24;
  color: #000;
  font-size: 2.666667vw;
  border-radius: 3.2vw;
  box-shadow: 0 0.533333vw 1.066667vw rgba(0, 0, 0, 0.2);
}

/* 操作按钮 */
.action-section[data-v-7f5b0c91] {
  margin-bottom: 4.8vw;
  text-align: center;
}
.earn-button[data-v-7f5b0c91] {
  width: 100%;
  padding: 2.666667vw 5.333333vw;
  background: var(--theme-primary-color);
  border: none;
  border-radius: 13.333333vw;
  color: white;
  font-size: 3.733333vw;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.earn-button[data-v-7f5b0c91]:active {
  transform: translateY(0);
}

/* 跑马灯区域 */
.marquee-section[data-v-7f5b0c91] {
  position: relative;
  height: 32vw;
  /* 减少高度，适应80%弹窗高度 */
  overflow: hidden;
  border-radius: 3.2vw;
}
.marquee-container[data-v-7f5b0c91] {
  height: 100%;
  position: relative;
}
.marquee-list[data-v-7f5b0c91] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 0.05s linear;
}
.marquee-item[data-v-7f5b0c91] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.333333vw 4.266667vw;
  /* 减少padding */
  height: 8vw;
  /* 减少高度 */
  box-sizing: border-box;
}
.marquee-item[data-v-7f5b0c91]:last-child {
  border-bottom: none;
}
.user-info[data-v-7f5b0c91] {
  display: flex;
  align-items: center;
  gap: 3.2vw;
  flex: 1;
}
.avatar[data-v-7f5b0c91] {
  width: 5.333333vw;
  height: 5.333333vw;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.user-id[data-v-7f5b0c91] {
  font-size: 3.2vw;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
}
.amount[data-v-7f5b0c91] {
  font-size: 3.2vw;
  font-weight: bold;
  color: #fbbf24;
  margin: 0 5.333333vw;
  min-width: 16vw;
  text-align: center;
}
.timestamp[data-v-7f5b0c91] {
  font-size: 3.2vw;
  color: rgba(255, 255, 255, 0.6);
  min-width: 21.333333vw;
  text-align: right;
}

/* 响应式设计 */
@media (max-width: 480px) {
.title[data-v-7f5b0c91] {
    font-size: 4.8vw;
}
.balance-amount[data-v-7f5b0c91] {
    font-size: 8.533333vw;
}
.marquee-item[data-v-7f5b0c91] {
    padding: 1.333333vw 4.266667vw;
}
.amount[data-v-7f5b0c91] {
    margin: 0 3.2vw;
    min-width: 13.333333vw;
}
.timestamp[data-v-7f5b0c91] {
    min-width: 18.666667vw;
}
}
.balance-card-modal[data-v-a941b838] {
  background: transparent;
  padding: 3.466667vw 4vw;
}
.card-container[data-v-a941b838] {
  background-color: rgb(29, 29, 35);
  border-radius: 2.933333vw;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Cash Balance 区域 */
.balance-section[data-v-a941b838] {
  margin-bottom: 3.733333vw;
  /* 原设计54px减半 */
}
.balance-header[data-v-a941b838] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /* 原设计593px减半 */
  margin-bottom: 2.133333vw;
  /* 原设计26px减半 */
}
.balance-label[data-v-a941b838] {
  width: 23.733333vw;
  /* 原设计179px减半 */
  color: rgb(143, 143, 143);
  font-size: 3.733333vw;
  /* 原设计28px减半 */
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
.balance-icon[data-v-a941b838] {
  width: 4.266667vw;
  height: 4.266667vw;
}
.balance-content[data-v-a941b838] {
  background-color: rgb(17, 17, 20);
  border-radius: 2.933333vw;
  width: 100%;
  padding: 2.4vw 2.133333vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.533333vw;
  /* 调整间距 */
}
.balance-amount[data-v-a941b838] {
  height: 5.866667vw;
  /* 原设计45px减半 */
  color: rgb(221, 171, 64);
  font-size: 4.8vw;
  /* 原设计48px减半 */
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: 5.333333vw;
  /* 原设计40px减半 */
  flex-shrink: 0;
}

/* 活动标签 */
.activity-tag[data-v-a941b838] {
  width: 16.533333vw;
  /* 原设计125px减半 */
  height: 4.533333vw;
  /* 原设计34px减半 */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAAiCAYAAACZb20EAAACYUlEQVR4AeyZz2sTQRTH35uNLd4rihelURAED3oSbROkoCB60YTgPyCCoIeKN3/cPAiKJxE8KIi6ETyqpxo8ieDFH6gxzcFT6UW8qGkzr28DabcvpYcWsuybF2bIvJkNs9/PJwubjYPU68eTo+M/65PnW3HpWqtevm49nwza9fLV5vOJ43EMUUrvqmFPPMWViCXfiUYK3xHcfUC8CQA3wHouGXiAW85Frw9h6WP7RXkfexxoPfGzNHebVy5zL3C3poYAHvAEM814YpuM5JrPjhXBuYtywWo1BHZE4K7INA6jxSmetCudIWhthHBSZnNIuF1OWq2OwJhM5PhGDuWk1doI4KhM5OSE1WEQ2Kj4MOjoSTnwe97E65G7XpKBm3cTvx4uxWsmXrHclWg0+is+vHWlBjDxaRpqx4gdHEmezi4nNPHLKNQPLjTjydP9lCa+T0L9O6ID9/Db0yM7k6gmPqEQSkcY2xIVHhEBfwmGG9p2y5oA4lSrXpq2Kz5rERnsjwgnTHwG4LPdktqefM3EZ2thuLsT/SmgO7W3+m7exA8XfZa7dSOE2q6zM1+SkzDxCYUw+vTuSuNVP6qJ75PQ/d4tVt7eTUc08WkaescLMlpexMvztnqTBEz8JgHm4uMEXXmeJl4S0VgjLMpYJl4SCaQ28QGIJljziqdOANmDjogA/yQAxw/sP8tJq3URYPGfZCL318+/IaBZuWC1HgKe6IFM4/ZXv3b4X/kaL/zmrq0FnweB7u2pNl5KEL2bu+KZxoeI/EG+8h8DwRwf7OWBVueKwH8+2/fg6dx4pXGJxwNtCQAA//8HZGBrAAAABklEQVQDAPbhqc/JUUADAAAAAElFTkSuQmCC") -1px 0px no-repeat;
  background-size: 16.8vw 4.533333vw;
  /* 原设计126px 34px减半 */
  flex-shrink: 0;
  margin-left: 5.333333vw;
}
.tag-content[data-v-a941b838] {
  width: 12.266667vw;
  /* 原设计92px减半 */
  height: 2.933333vw;
  /* 原设计22px减半 */
  margin: 0.8vw 0 0 1.866667vw;
  /* 原设计6px 0 0 15px减半 */
  display: flex;
  align-items: center;
  gap: 0.533333vw;
}
.tag-icon[data-v-a941b838] {
  width: 2.933333vw;
  /* 原设计22px减半 */
  height: 2.933333vw;
  /* 原设计22px减半 */
}
.tag-text[data-v-a941b838] {
  width: 8vw;
  /* 原设计60px减半 */
  color: rgb(255, 255, 255);
  font-size: 3.2vw;
  /* 原设计24px减半 */
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
.withdraw-icon[data-v-a941b838] {
  width: 5.6vw;
  /* 原设计42px减半 */
  height: 5.6vw;
  /* 原设计42px减半 */
  flex-shrink: 0;
}
.withdraw-btn[data-v-a941b838] {
  background-color: rgb(29, 29, 35);
  border-radius: 2.133333vw;
  height: 8.533333vw;
  /* 原设计63px减半 */
  width: 19.733333vw;
  /* 原设计163px减半 */
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
  margin-left: 2.666667vw;
}
.withdraw-btn[data-v-a941b838]:hover {
  background-color: rgba(34, 151, 120, 0.2);
  transform: translateY(-1px);
}
.withdraw-btn[data-v-a941b838]:active {
  transform: translateY(0);
}
.withdraw-text[data-v-a941b838] {
  color: rgb(143, 143, 143);
  font-size: 3.2vw;
  /* 原设计28px减半 */
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
}

/* Free Bonus 区域 */
.bonus-section[data-v-a941b838] {
  margin-bottom: 5.333333vw;
  /* 原设计40px减半 */
}
.bonus-header[data-v-a941b838] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /* 原设计593px减半 */
  margin-bottom: 3.2vw;
  /* 原设计26px减半 */
}
.bonus-label[data-v-a941b838] {
  width: 19.466667vw;
  /* 原设计147px减半 */
  color: rgb(143, 143, 143);
  font-size: 3.733333vw;
  /* 原设计28px减半 */
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 6.4vw;
  /* 原设计48px减半 */
}
.bonus-icon[data-v-a941b838] {
  width: 4.266667vw;
  /* 原设计32px减半 */
  height: 4.266667vw;
  /* 原设计32px减半 */
}
.bonus-content[data-v-a941b838] {
  background-color: rgb(17, 17, 20);
  border-radius: 2.933333vw;
  width: 100%;
  /* 原设计631px减半 */
  padding: 2.4vw 2.133333vw;
  /* 原设计margin转换为padding并减半 */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bonus-amount[data-v-a941b838] {
  width: 20.266667vw;
  /* 原设计152px减半 */
  color: rgb(221, 171, 64);
  font-size: 4.8vw;
  /* 原设计48px减半 */
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

/* 响应式设计 */
@media (max-width: 375px) {
.card-container[data-v-a941b838] {
    width: 100%;
    max-width: 89.333333vw;
    margin: 0;
}
.balance-content[data-v-a941b838],
  .bonus-content[data-v-a941b838] {
    width: 100%;
    box-sizing: border-box;
}
.balance-header[data-v-a941b838],
  .bonus-header[data-v-a941b838] {
    width: 100%;
}
}
/* 移动端优化 */
@media (max-width: 320px) {
.card-container[data-v-a941b838] {
    padding: 4vw;
}
.balance-content[data-v-a941b838],
  .bonus-content[data-v-a941b838] {
    padding: 4vw;
}
.balance-amount[data-v-a941b838],
  .bonus-amount[data-v-a941b838] {
    font-size: 4.8vw;
}
.withdraw-btn[data-v-a941b838] {
    width: 18.666667vw;
    height: 7.466667vw;
}
.withdraw-text[data-v-a941b838] {
    font-size: 3.2vw;
}
}
[data-v-a941b838] .base-modal-content {
  top: -25%;
}
/* 无UI组件，无需样式 */

.daily-bonus-content[data-v-318ac67e] {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #1d1d23;
  border-radius: 3.2vw;
  overflow-x: visible;
  /* 允许水平溢出，确保游戏列表可以滚动 */
  min-height: 146.666667vw;
  max-height: 85vh;
  background: url("/assets/day7-top_bg-DylZg_Z7.webp") no-repeat;
  background-size: 100%;
  padding: 2.666667vw;
  /* 限制最大高度，确保在小屏幕上不溢出 */
}

/* 移动端适配 */
@media (max-width: 480px) {
.daily-bonus-content[data-v-318ac67e] {
    min-height: 120vw;
    /* 小屏幕减少最小高度 */
    max-height: 90vh;
    /* 小屏幕允许更大高度比例 */
}
}
/* 头部区域 */
.header-section .header-title[data-v-318ac67e] {
  background: linear-gradient(180deg, #e8ecf0, #ffcf51 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  filter: drop-shadow(0 0.06rem 0.04rem rgba(0, 0, 0, 0.25));
  font-family: Roboto;
  font-size: 6.666667vw;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 6.666667vw;
  text-align: left;
  text-transform: uppercase;
}
.yellow[data-v-318ac67e] {
  color: #ffd118;
}
.header-list[data-v-318ac67e] {
  color: #fff;
  font-family: Roboto;
  font-size: 3.733333vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 3.733333vw;
  text-align: left;
  margin-left: 2.666667vw;
  margin-top: 1.333333vw;
}
.header-list ul[data-v-318ac67e] {
  list-style-type: disc;
  padding-left: 0.5em;
}
.header-list ul li[data-v-318ac67e] {
  margin-bottom: 1.333333vw;
}
.top-tips[data-v-318ac67e] {
  position: absolute;
  top: -5.333333vw;
  right: -8vw;
}
.top-tips .tip[data-v-318ac67e] {
  background: url("/assets/tips-ikzIjaGK.webp") no-repeat;
  width: 42.666667vw;
  height: 42.666667vw;
  background-size: 100%;
  text-align: center;
}
.top-tips .tip .tip-text[data-v-318ac67e] {
  position: absolute;
  transform: rotate(17deg);
  left: 11.466667vw;
  top: 9.333333vw;
}
.top-tips .tip .card[data-v-318ac67e] {
  position: absolute;
  background: url("data:image/webp;base64,UklGRvQHAABXRUJQVlA4WAoAAAAQAAAAkAAAVwAAQUxQSGYCAAABkPz/n/E4v99MnA0WT9YM+1om693ntbzVdnvnv9CT25Pd3m3bONm2zXCiDYqZYxsREwDJGiqnbrv/Pczb7/e3Ta00QFrpgC2vGQvzmLHXWwfQ1NCwNBTmeWipAVNA645gmO/BHVZMCotOsTDv2akiTALpklCY/6ElFBMgHfo9LILfh1LsA4npeVgMnxoI9qEc7xME33hlHFLtaiYIbI2WIgAqDeeE4ZxBiQBEnfUyLIovs9QEgGgknzD4JA0BoFpLWBwtWhqXKxC5//3372Z+YfAnei8M7xNdF4brifYyQWB7Ey0IicLCRIO9guAdnMj0QBAemhK5JgeFIDjZlcDiVBwUgkMKpyWOaCS7vfedALzrtdslDQEg6qzyOsVMH/d8MxV15VlqAoBKY2FlP+0sP+f8s7SuykKjEgGQaiWbp1G/yMs17yJ9o8cmaSkCAFGZiiubZP3UJxx7MkUvN1UWm1QEAACpTrLWtbip81yIU6FzToW7pc4q6SjGAVEZ8x3uFrlOMWLT4yBjvGB9Bx5tGqGok1vcjnyjikCfSNXmAoe7Re6ozXCNWnH6dSA9oT5Z4jALh9kvYMmG4oPBgN/v8/74+untq6eP7t68evHCsd0b1i+ZO6O/M6O2Q25xOwrMaop9AVKNucBR29Qmd3R08rejQ25rqnUUmDUUITFSjSnfWulpbpN53NbsqbTmmzQUIVmkaoNUbK9yNzQ28baxwV1lL5YMaoqQPBKlzmQprnC4+OuoKLaYdEqCkCoSqtIZsyVLLm8tUrZRp6IEIY1IqFKt5bFaSQlCmhEJIYTylRBCEEFsAVZQOCBoBQAAsBsAnQEqkQBYAD5tLpRHpCIiISbxTRiADYlibehbuY3V15q4QP4Ucr/DburzF/tB6v3QzdTL+2/A/+Uc5QVxSxBplKvTvgzTusP6AH6gBfd/2vv09POu0cdjOt9GNiXkh1wpOPWGZIlzHQw6nnjrXt2poYW1H5LGqMNrZ+BWzIh26ZEpY97adAvI14kF0PLXNfHfyF+0u4UeIYpsBie4gQRfWVn8CsVhe3TZaz5t7zFu9/GCj3RDtungZhEh4AfDmCquxFuuVIaiT87ntSOJfWk/T9cuZJWkgWJBQ1li8+Ri85ADwAAA73TilW+b7xHvYfv867W2FY75mMEcQ6xn2FxSZ6nv9W2ClG4MLORqI19qd+osO72rf3WPF/58uJOf+il7r/+DbPU3/Ab+qoigLru1S0BTO/4N6TZtO/7XFzITbBBUkA8KS4qhNpXg7ejGikwftXeEKI+5Xda8y+dDaiTCvtWzjz5HZngXmuPFErX36Z0/R+ws/4nphEY/1XvZwdtVWTekmpL2nvv0W3Ng6AjX//JtvcucsZt8qGgx+PzUsC5MNjxr/4/++E6vtfjgFd9pnXg/vFmj64H2scECXfTkCyVZ4aKQTT5niaE6/597qwf1F7AiI89LJdBOqCNBIiUWQD+dpG5r2lfPXCteYuqNuiPXmctmOXT0qN+I4UTYLgHx1c2BaSUpecP+pObP9zDo2ha0G9RYGbY6UVuvILfFziO/YYqXxDV8I/S1EV7QRB9pAdjuA4uxDj2wogjyVEqQmc7jHW1P1J8QUYWvwOCmbAKrlE7nLysh+Zc4d0c0YBmG9Z2qoNJAqk4aOzXvBHcgVJ94N+XMN/M7BOylDhkVulLydppud9DnCynurRrLiWDuK65vwlgoZsYRXU3kFmorqz8eQ/WEDNPjJrNEfRqeB13IKRy985hcl6mqzuumYqX5sOqHz2cipCg5brFrVnHxjOjYgyQKeKbD1KEnzHyLJpr6rVcIP+PHrIcqowh9vnd/Skpja/tvq/evQu0UgUsSbuB+RlqWMIJxLyZffJpSuEpXw+sDqlaaYpuu3JIN/S0mROTCVh64KIDD6sgiehpjJi4FapkxJ66lwROBwu1B0CYewuXZ0UkZG2vs1Yml3HarIP9RQVV6C/8HIivxbqg5An7bkjkpZl+jpSQjcb2yFjZ6FQdA1RnuMJh8sVQA58a2d90WY15mE/2KyW4fLCGhP2fQUkPChA1AyJ8hbH89N7F/Sh5UsWfdTR1EenuX7OunbBjrl1EfJ+765Qfsjk7zfSCqetwyVw/p5JvcAzF01OxGAGvQS+RrdnQQWgpGLafZH70d++9vmWgEF54c9Feob80GA5Ac4XJr92Em6Bbukn1/zAv7coWtgUigAWxZ7MZ2EEzdLexnDargKaKgUVI1SscnQJNr9AjXb9PBqdAPGIGwyAZjw7ohvkOT2ZGiMFVmXB0tXCNt3v2Nb8z2fjsRF6bgx9uzsYNLaVCnOq+P1IiaC902McVAJyNC6QiHh1RhzyOUolO+D+Ho6xZbahE8WeLtgRN1ij4xKKkrSTKCAZsTua/i1lES3avA2LUe6TrpQTTpX852SsDEqyidgSXzoMyvrnjlOexpc8l/iZCbfweOt5h3q6GFjubm7u1JWRigiCuY5FG4TWA1vottlTLcf6GwzvlTN+FBa3rGDzF0Chgutv6T3aUo9dslIMcKsrhS7MNCnjDNm26xult/h5Lm08Yi4dIkLOGqlLi0/+3w3yurctrPgzFPC++yZJt0CgaQ2tpDAzm5NSP5/8nLbSlfRffWd6+4nHS9TpjhAS7t/Nhh9zv06v6AN5hYJ7fIPlOAAAAAAA==") no-repeat;
  width: 20.533333vw;
  height: 15.466667vw;
  background-size: 100%;
  transform: rotate(17deg);
  bottom: -1.333333vw;
  right: 5.333333vw;
}
.day7-list[data-v-318ac67e] {
  margin-top: 2.666667vw;
}
.day7-list .day1[data-v-318ac67e] {
  width: 100%;
  height: 25.866667vw;
  border-radius: 2.666667vw;
  background: rgba(50, 54, 66, 0.7);
}
.day7-list .gift[data-v-318ac67e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 1.333333vw;
  height: calc(100% - 2.666667vw);
  position: relative;
}
.day7-list .gift .gift-day[data-v-318ac67e] {
  color: #818e99;
}
.day7-list .gift .gift-img[data-v-318ac67e] {
  width: 10.666667vw;
  height: 7.466667vw;
}
.day7-list .gift .gift-money[data-v-318ac67e] {
  color: #e8ecf0;
  font-family: Roboto;
  font-size: 4vw;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 4vw;
  text-align: center;
}
.day1 .gift[data-v-318ac67e] {
  position: relative;
}
.day1 .gift .free-image[data-v-318ac67e] {
  width: 7.2vw;
  height: 7.2vw;
  position: absolute;
  right: 0;
  top: 0;
}
.gift-six[data-v-318ac67e] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1.333333vw;
  grid-row-gap: 1.333333vw;
  margin-top: 2.666667vw;
}
.gift-six .gift[data-v-318ac67e] {
  background: rgba(50, 55, 68, 0.7);
  width: 100%;
  border-radius: 1.333333vw;
  height: 20vw;
  position: relative;
}
.gift-six .gift .free-image[data-v-318ac67e] {
  width: 7.2vw;
  height: 7.2vw;
  position: absolute;
  right: 0;
  top: 0;
}
.gift-six .gift .gift-img[data-v-318ac67e] {
  width: 7.733333vw;
  height: 5.866667vw;
}
.gift-six .gift .gift-money[data-v-318ac67e] {
  font-size: 3.2vw;
  line-height: 3.2vw;
}
.gift-six .gift .gift-day[data-v-318ac67e] {
  font-size: 3.2vw;
  line-height: 3.2vw;
}
.original-price[data-v-318ac67e] {
  color: #818e99;
  font-family: Roboto;
  font-size: 3.733333vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 3.733333vw;
  margin-top: 2.666667vw;
  text-align: center;
  text-decoration-line: line-through;
}
.bottom-btn[data-v-318ac67e] {
  width: 100%;
  margin-top: 2.666667vw;
}
.bottom-btn[data-v-318ac67e] .van-button {
  width: 100%;
  border-radius: 11.733333vw;
}
.bottom-btn .money[data-v-318ac67e] {
  text-decoration-line: line-through;
}
.iosTip[data-v-318ac67e] {
  width: 96%;
  margin: 2.666667vw auto;
  height: calc(100% - 5.333333vw);
}
.iosTip .tipImage[data-v-318ac67e] {
  width: 100%;
  height: 100%;
}
.placehold[data-v-318ac67e] {
  height: 5.333333vw;
}
.today-dot[data-v-318ac67e] {
  position: absolute;
  top: 1.066667vw;
  right: 1.066667vw;
  width: 2.133333vw;
  height: 2.133333vw;
  background: #ff4444;
  border-radius: 50%;
  z-index: 2;
  border: 1px solid #ffffff;
}

/* 打勾图标样式 */
.checkmark-icon[data-v-318ac67e] {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translateY(-50%) translateX(50%);
  width: 5.333333vw;
  height: 5.333333vw;
  background: var(--theme-primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  z-index: 10;
  box-shadow: 0 0.533333vw 1.066667vw rgba(0, 0, 0, 0.2);
}
.sign-card[data-v-318ac67e] {
  background: linear-gradient(to bottom, #3f3f41, color-mix(in srgb, #434c54, #596671));
  border-top: none;
  width: 21.333333vw;
  flex-shrink: 0;
  margin: 1.333333vw;
  height: 22.666667vw;
  display: flex;
  border-radius: 2.666667vw;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  position: relative;
}
.sign-card.card-today[data-v-318ac67e] {
  background: linear-gradient(to bottom, #232329, var(--theme-primary-color));
  border-top: none;
}
.sign-card.card-claimed[data-v-318ac67e] {
  background: color-mix(in srgb, var(--theme-primary-color) 10%, transparent);
  opacity: 0.7;
  border-color: transparent;
}
.sign-card.special-card[data-v-318ac67e] {
  width: 100%;
  max-width: 100vw;
  flex-direction: row;
}
.ClaimBonus[data-v-318ac67e] {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Roboto;
  font-size: 3.733333vw;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0;
  line-height: 3.733333vw;
  text-align: center;
  background: #05b571;
  border-radius: 2.666667vw;
  padding: 1.333333vw 2.666667vw;
}
.user-header[data-v-2ec93593] {
  padding: 2.666667vw;
}
.home-content[data-v-2ec93593] {
  display: flex;
  flex-direction: column;
  /* 页面滚动模式下，不限制高度 */
  /* min-height: 120vh !important; */
  /* height: 120vh !important; */
}
.home-content .info-notice[data-v-2ec93593] {
  display: flex;
  align-items: center;
  gap: 2.133333vw;
  margin-bottom: 2.133333vw;
  margin-top: 2.133333vw;
  color: #999999;
  font-size: 3.733333vw;
  border-radius: 1.333333vw;
  padding: 0 2.666667vw;
  border: 1px solid color-mix(in srgb, var(--theme-primary-color) 30%, transparent);
}
.home-content .info-notice .notice-text[data-v-2ec93593] {
  width: 90%;
}
.home-content .info-notice .van-image[data-v-2ec93593] {
  width: 4.266667vw;
  height: 3.733333vw;
}
.home-content .info-notice[data-v-2ec93593] .van-image__img {
  width: 4.266667vw;
  height: 3.733333vw;
}

/* 加载状态容器 */
.loading-container[data-v-2ec93593] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 53.333333vw;
  color: #999999;
}
.loading-container[data-v-2ec93593] .van-loading .van-loading__text {
  color: #999999;
  font-size: 3.733333vw;
  margin-top: 2.133333vw;
}

/* 主要内容区域 - 移除内部滚动，依赖BasePageLayout */
.main-content-area[data-v-2ec93593] {
  padding: 1.333333vw 0 26.666667vw 0;
  /* 默认padding，没有消息时 */
  /* 有消息时的padding */
}
.main-content-area.has-messages[data-v-2ec93593] {
  padding: 4.266667vw 0 26.666667vw 0;
}
.balance-section[data-v-2ec93593] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.333333vw;
}
.balance-left[data-v-2ec93593] {
  display: flex;
  align-items: center;
  gap: 3.2vw;
}
.user-avatar[data-v-2ec93593] {
  display: flex;
  align-items: center;
}
.user-avatar[data-v-2ec93593] .van-image {
  width: 32vw;
  height: 8vw;
}
.balance-info[data-v-2ec93593] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.866667vw;
}
.balance-info .balance-info-left[data-v-2ec93593] {
  text-align: right;
}
.balance-amount[data-v-2ec93593] {
  font-size: 3.2vw;
  color: #cccccc;
  font-weight: bold;
}
.balance-level[data-v-2ec93593] {
  font-size: 3.2vw;
  color: #999999;
  display: flex;
  align-items: center;
  font-weight: 600;
  gap: 1.066667vw;
}
.balance-level[data-v-2ec93593] .van-image {
  width: 3.2vw;
  height: 3.2vw;
}
.balance-right[data-v-2ec93593] {
  display: flex;
  gap: 2.666667vw;
  align-items: center;
}
.more-btn[data-v-2ec93593] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.more-btn .kuang-bg[data-v-2ec93593] {
  position: absolute;
  top: 10.133333vw;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: floatUpDown-2ec93593 1.5s ease-in-out infinite;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.more-btn .kuang-bg[data-v-2ec93593]:active {
  transform: scale(0.95);
}
.more-btn .kuang-bg .kuang-text[data-v-2ec93593] {
  font-size: 3.2vw;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  z-index: 11;
}
.more-btn .kuang[data-v-2ec93593] {
  width: 24vw;
  position: relative;
}
.more-btn[data-v-2ec93593] .van-image {
  width: 5.333333vw;
  height: 5.333333vw;
}
.notification-btn[data-v-2ec93593] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--theme-primary-color) 30%, transparent);
}
.notification-btn .top-email-icon[data-v-2ec93593] {
  width: 6.666667vw;
  height: 6.666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notification-btn .top-email-icon svg[data-v-2ec93593] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.notification-btn .top-email-icon.breathing[data-v-2ec93593] {
  animation: emailBreathing-2ec93593 3s ease-in-out infinite;
}
@keyframes emailBreathing-2ec93593 {
0% {
    transform: scale(1);
    opacity: 1;
}
15% {
    transform: scale(1.15);
    opacity: 0.9;
}
30% {
    transform: scale(1);
    opacity: 1;
}
45% {
    transform: scale(1.15);
    opacity: 0.9;
}
60% {
    transform: scale(1);
    opacity: 1;
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
@keyframes floatUpDown-2ec93593 {
0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-1.333333vw);
}
100% {
    transform: translateY(0px);
}
}
.notification-btn[data-v-2ec93593] .van-badge--top-right {
  top: 1.333333vw;
  right: 1.333333vw;
}
.notification-btn[data-v-2ec93593] .van-badge .van-badge__wrapper {
  position: relative;
}
.notification-btn[data-v-2ec93593] .van-badge .van-badge__content {
  background: #ff4444;
  border: 0.533333vw solid #ffffff;
  box-shadow: 0 0.533333vw 1.066667vw rgba(0, 0, 0, 0.2);
}

/* 公告栏 */
.notice-bar[data-v-2ec93593] {
  display: flex;
  align-items: center;
  gap: 2.133333vw;
}
.notice-bar .notice-bar-left[data-v-2ec93593] {
  display: flex;
  align-items: center;
  gap: 2.133333vw;
  flex: 1;
}
.notice-bar .notice-bar-left .email-icon[data-v-2ec93593] {
  width: 3.733333vw;
  height: 3.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notice-bar .notice-bar-left .email-icon svg[data-v-2ec93593] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.notice-bar .notice-bar-left .notice-bar-right-text-title[data-v-2ec93593] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 3.2vw;
  opacity: 0.8;
}
.bonus-tag[data-v-2ec93593] {
  background: var(--theme-primary-color);
  color: white;
  padding: 1px 3.2vw;
  border-radius: 4vw;
  font-size: 2.666667vw;
  display: flex;
  align-items: center;
  gap: 1.066667vw;
}
.bonus-tag[data-v-2ec93593] .van-image {
  width: 2.133333vw;
  height: 1.866667vw;
}

/* SSE状态栏样式 */
.sse-status-bar[data-v-2ec93593] {
  background: rgba(34, 151, 120, 0.1);
  padding: 2.133333vw 2.666667vw;
  margin: 2.666667vw 0;
  border-radius: 1.6vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2.933333vw;
  border: 1px solid rgba(34, 151, 120, 0.2);
}
.sse-status-left[data-v-2ec93593] {
  display: flex;
  align-items: center;
  gap: 2.133333vw;
}
.sse-status-label[data-v-2ec93593] {
  color: var(--theme-primary-color);
  font-weight: bold;
}
.sse-status-value[data-v-2ec93593] {
  background: var(--theme-primary-color);
  color: white;
  padding: 0.533333vw 1.6vw;
  border-radius: 1.066667vw;
  font-size: 2.666667vw;
  font-weight: bold;
}
.sse-status-right[data-v-2ec93593] {
  display: flex;
  align-items: center;
}
.sse-status-info[data-v-2ec93593] {
  color: var(--theme-primary-color);
  font-size: 2.666667vw;
}

/* 最新消息样式 */
.latest-messages[data-v-2ec93593] {
  background: rgba(29, 29, 35, 0.8);
  margin: 2.666667vw 0;
  border-radius: 2.133333vw;
  padding: 3.2vw;
  border: 1px solid rgba(34, 151, 120, 0.3);
}
.latest-messages-title[data-v-2ec93593] {
  color: var(--theme-primary-color);
  font-size: 3.733333vw;
  font-weight: bold;
  margin-bottom: 2.666667vw;
  text-align: center;
}
.message-item[data-v-2ec93593] {
  background: rgba(17, 17, 20, 0.6);
  border-radius: 1.6vw;
  padding: 2.666667vw;
  margin-bottom: 2.133333vw;
  border-left: 0.8vw solid var(--theme-primary-color);
}
.message-item[data-v-2ec93593]:last-child {
  margin-bottom: 0;
}
.message-header[data-v-2ec93593] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6vw;
}
.message-type[data-v-2ec93593] {
  background: var(--theme-primary-color);
  color: white;
  padding: 0.533333vw 2.133333vw;
  border-radius: 3.2vw;
  font-size: 2.666667vw;
  font-weight: bold;
  text-transform: uppercase;
}
.message-time[data-v-2ec93593] {
  color: #999;
  font-size: 2.666667vw;
}
.message-title[data-v-2ec93593] {
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: bold;
  margin-bottom: 1.066667vw;
}
.message-content[data-v-2ec93593] {
  color: #cccccc;
  font-size: 2.933333vw;
  line-height: 1.4;
  margin-bottom: 1.066667vw;
}
.message-amount[data-v-2ec93593] {
  color: #ddab40;
  font-size: 2.933333vw;
  font-weight: bold;
}

/* 奖金区域样式已移至BonusSection组件 */
/* VanImage组件通用样式 */
[data-v-2ec93593] .van-image {
  display: block;
}
[data-v-2ec93593] .van-image__img {
  object-fit: inherit;
}
[data-v-2ec93593] .van-image__loading {
  background-color: transparent;
}
[data-v-2ec93593] .van-image__error {
  background-color: transparent;
  color: #666;
  font-size: 3.2vw;
}
.legal-notice[data-v-2ec93593] {
  padding: 2.666667vw;
}
.legal-notice p[data-v-2ec93593] {
  color: rgb(153, 153, 153);
  font-size: 3.2vw;
  line-height: 1.6;
  margin: 0;
}
.toTop[data-v-2ec93593] {
  display: flex;
  color: #fff;
  flex-direction: column;
  align-items: center;
}

/* 说明弹窗样式 */
.withdrawal-info-modal[data-v-2ec93593] {
  background: transparent;
}
.info-container[data-v-2ec93593] {
  background: linear-gradient(135deg, #2c2c34 0%, #1d1d23 100%);
  border-radius: 4.266667vw;
  padding: 6.4vw;
  box-shadow: 0 2.133333vw 8.533333vw rgba(0, 0, 0, 0.3);
}
.info-content[data-v-2ec93593] {
  margin-bottom: 6.4vw;
}
.info-item[data-v-2ec93593] {
  display: flex;
  align-items: center;
  margin-bottom: 4.266667vw;
}
.info-item[data-v-2ec93593]:last-child {
  margin-bottom: 0;
}
.star-icon[data-v-2ec93593] {
  color: #ffd700;
  font-size: 4.266667vw;
  margin-right: 3.2vw;
  flex-shrink: 0;
}
.info-text[data-v-2ec93593] {
  color: #ffffff;
  font-size: 3.2vw;
  font-family: "AlibabaPuHuiTi_3_55_Regular", sans-serif;
  line-height: 1.4;
}
.info-footer[data-v-2ec93593] {
  text-align: center;
}
.deposit-btn[data-v-2ec93593] {
  background: var(--theme-primary-color);
  border: none;
  border-radius: 6.666667vw;
  color: #ffffff;
  font-size: 3.733333vw;
  font-family: "AlibabaPuHuiTi_3_85_Bold", sans-serif;
  font-weight: bold;
  padding: 1.333333vw 8.533333vw;
  cursor: pointer;
  transition: all 0.3s ease;
}
.deposit-btn[data-v-2ec93593]:hover {
  transform: translateY(-0.533333vw);
}
.deposit-btn[data-v-2ec93593]:active {
  transform: translateY(0);
}

/* 移动端适配 */
@media (max-width: 375px) {
.info-container[data-v-2ec93593] {
    padding: 5.333333vw;
}
.info-title[data-v-2ec93593] {
    font-size: 3.2vw;
}
.info-text[data-v-2ec93593] {
    font-size: 3.733333vw;
}
.deposit-btn[data-v-2ec93593] {
    font-size: 3.733333vw;
    padding: 1.333333vw 8.533333vw;
}
}