@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);
h1[data-v-6115a18c] {
  color: red;
}

*,
body {
    padding: 0;
    margin: 0;

}

body {
    background: #000
}


/* 🎨 自定义 ViewUI Notice 样式 */
.ivu-notice-notice {
  background-color: #010d22eb !important; /* 深色背景 */
  color: #ffffff !important;        /* 主文字颜色 */
  border: 1px solid #017c7a !important;
  border-radius: 2.66667vw !important;
}

/* ✅ 自定义标题样式 */
.ivu-notice-title {
  color: #fffefd !important;
  font-family: 'Poppins', sans-serif;
  font-size: 3.46667vw !important;
}

/* ✅ 可选：调整描述文字样式 */
.ivu-notice-desc {
  font-size: 3.2vw;
  color: #aaaaaa;
  font-family: 'Space Grotesk', sans-serif;
}

/* ✅ 图标颜色 */
.ivu-notice-warning .ivu-icon {
  color: #ffcc00 !important;
}
.ivu-notice-success .ivu-icon {
  color: #00ff99 !important;
}
.ivu-notice-error .ivu-icon {
  color: #ff4d4f !important;
}
.ivu-notice {
  z-index: 10000 !important;
}

.canvas-container[data-v-18809b55] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
canvas[data-v-18809b55] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.content[data-v-18809b55] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.content > *[data-v-18809b55] {
  pointer-events: auto;
}


.three-container[data-v-443fc724] {
  width: 100%;
  max-width: 112vw;
  height: 80vw;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
.three-container[data-v-443fc724] {
    height: 230px; /* ✅ 安卓 TP 手机缩放 */
}
}


.loading-screen[data-v-61946140] {
  width: 100vw;
  height: 100vh;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner[data-v-61946140] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-61946140 1.2s linear infinite;
}
@keyframes spin-61946140 {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}
.SelectMain[data-v-61946140] {
  width: 100;
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4vw;
  z-index: 1;
}
.logo-section[data-v-61946140] {
  text-align: center;
  z-index: 2;
  margin-top: 48vw;
}
.logo-img[data-v-61946140] {
  width: 23.73333vw;
  height: 23.73333vw;
  margin-bottom: 1.6vw;
}
.logo-text[data-v-61946140] {
  font-size: 5.33333vw;
  color: #00ffff;
  font-weight: bold;
  font-family: "Orbitron", sans-serif;
}
.globe-wrapper[data-v-61946140] {
  width: 100%;
  height: 40vh;
}
.status-text[data-v-61946140] {
  color: white;
  text-align: center;
  font-size: 3.46667vw;
  z-index: 2;
}
.connecting[data-v-61946140] {
  opacity: 0.6;
  margin-top: 1.06667vw;
}
.loading-icon[data-v-61946140] {
  width: 18.66667vw;
  height: 18.66667vw;
}
.wallet-chain[data-v-61946140] {
  z-index: 2;
  margin-bottom: 21.33333vw;
}
.wallet-icon[data-v-61946140] {
  width: 48vw;
}
.glow-dot[data-v-61946140] {
  width: 2.13333vw;
  height: 2.13333vw;
  background: #ec2a03;
  border-radius: 50%;
  display: inline-block;
  margin-right: 1.33333vw;
  position: relative;
  z-index: 0;
}
.glow-dot[data-v-61946140]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0.7;
  pointer-events: none;
  animation: ripple-pulse-animate-61946140 1.6s ease-out infinite;
  z-index: -1;
}
@keyframes ripple-pulse-animate-61946140 {
0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0.7;
}
50% {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0.3;
}
100% {
    transform: translate(-50%, -50%) scale(2.8);
    opacity: 0;
}
}
.language-switcher[data-v-61946140] {
  position: absolute;
  top: 5.33333vw;
  right: 5.33333vw;
  z-index: 999;
}
.lang-button[data-v-61946140] {
  background: #00bbff7c;
  display: flex;
  align-items: center;
  gap: 2.13333vw;
  padding: 1.06667vw 2.13333vw;
  border-radius: 13.33333vw;
  border: solid 0.53333vw #00bbff;
  font-size: 3.2vw;
  color: #fff;
  cursor: pointer;

  height: 8.53333vw;
  /* ✅ 强制固定高度 */
  box-sizing: border-box;
}
.lang-menu[data-v-61946140] {
  position: absolute;
  /* ✅ 脱离文档流 */
  top: 10.13333vw;
  /* ⬇️ 下移一点（比 lang-button 稍低） */
  right: 0;
  background: #0d1b33;
  border: solid 0.53333vw #00bbff;
  border-radius: 2.13333vw;
  color: #fff;
  min-width: 32vw;
  box-shadow: 0 0.53333vw 2.13333vw rgba(0, 0, 0, 0.4);
  padding: 1.06667vw 0;
  z-index: 1000;
  list-style: none;
}
.lang-menu li[data-v-61946140] {
  padding: 2.13333vw 3.2vw;
  cursor: pointer;
  transition: background 0.3s;
  border-bottom: 1px dashed rgba(3, 202, 237, 0.3);
  list-style: none;
}
.lang-menu li[data-v-61946140]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #0d1b33;
  border-radius: 50%; /* 圆形 */
}
.lang-menu li[data-v-61946140]:last-child {
  border-bottom: none;
}
.lang-menu li[data-v-61946140]:hover {
  background: #00bbff30;
}
.lang-menu li.active[data-v-61946140] {
  background: #00bbff;
  color: #fff;
}
.hello-container[data-v-61946140] {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.typed-text[data-v-61946140] {
  font-size: 4.8vw;
  font-weight: bold;
  color: rgb(255, 255, 255);
  font-family: "Courier New", monospace;
  text-shadow: 0 0 2.13333vw rgba(0, 0, 0, 0.7);
}
.web3-button-wrapper[data-v-61946140] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4vw 5.33333vw;
}

/* 发光扩散圈 */
.pulse-ring[data-v-61946140] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  border-radius: 0.5rem;
  box-shadow: 0 0 0 0 rgb(255, 111, 1);
  animation: border-pulse-61946140 2.5s infinite ease-out;
  pointer-events: none;
  z-index: 0;
}
@keyframes border-pulse-61946140 {
0% {
    box-shadow: 0 0 0 0 rgba(255, 126, 29, 0.9);
    opacity: 1;
}
70% {
    box-shadow: 0 0 0 18px rgba(255, 126, 29, 0);
    opacity: 0;
}
100% {
    box-shadow: 0 0 0 18px rgba(255, 126, 29, 0);
    opacity: 0;
}
}

/* 主按钮样式 */
.web3-button[data-v-61946140] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 2.66667vw 8vw;
  border-radius: 0.5rem;
  background: linear-gradient(
    135deg,
    rgb(255, 187, 0),
    rgb(251, 168, 1),
    rgb(233, 183, 1)
  );
  border: 1px solid rgba(255, 255, 255, 0.517);
  backdrop-filter: blur(3.2vw);
  color: rgb(0, 0, 0);
  font-size: 3.46667vw;
  font-weight: bold;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 0 5.33333vw rgba(255, 126, 29, 0.25);
  transition: transform 0.3s ease;
}
.web3-button[data-v-61946140]:hover {
  transform: scale(1.04);
}
.disclaimer-text[data-v-61946140] {
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-size: 3.2vw;
}

/* 光条划过 */
.shine[data-v-61946140] {
  position: absolute;
  top: 0;
  left: -75%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.25),
    transparent
  );
  transform: skewX(-30deg);
  animation: shine-61946140 2.5s infinite;
  pointer-events: none;
  z-index: 3;
}
@keyframes shine-61946140 {
0% {
    left: -75%;
}
100% {
    left: 125%;
}
}
.modal-overlay[data-v-61946140] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(0.53333vw);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-content[data-v-61946140] {
  background: #111;
  padding: 6.4vw;
  border-radius: 3.2vw;
  color: white;
  width: 90%;
  max-width: 112vw;
  border: solid 0.53333vw #00bbff;
}
.status-text1[data-v-61946140] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.33333vw;
  gap: 2.66667vw;
  font-size: 4.8vw;
  font-weight: bold;
  color: #00bbff;
  text-align: center;
  margin-bottom: 5.33333vw;
}
.status-text1 img.logo-img1[data-v-61946140] {
  width: 10.66667vw;
  height: 10.66667vw;
}
.region-block[data-v-61946140] {
  border: solid 0.53333vw #9c6a1a;
  padding: 2.66667vw;
  border-radius: 2.66667vw;
  margin: 5.33333vw 0;
  background: rgba(242, 242, 3, 0.1);
  color: #d4d4d1;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-size: 3.2vw;
}
.modal-actions[data-v-61946140] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2.66667vw;
  margin-top: 5.33333vw;
}
.modal-actions button[data-v-61946140] {
  flex: 1;
  padding: 3.2vw 4.26667vw;
  border-radius: 2.13333vw;
  border: none;
  font-size: 3.73333vw;
  font-weight: bold;
  background-color: #00b7ff;
  color: #f7f7f7;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}
.modal-actions button[data-v-61946140]:hover {
  background-color: #0099cc;
  transform: scale(1.03);
}
.modal-actions button.disabled[data-v-61946140],
.modal-actions button[data-v-61946140]:disabled {
  background-color: #0fe13966;
  color: #ffffff;
  border: 0.53333vw solid #0dff00;
  cursor: not-allowed;
}
.modal-actions button + button[data-v-61946140] {
  background-color: #f0130f89;
  border: 0.53333vw solid #f0130f;
  color: #fff;
}
.modal-actions button + button[data-v-61946140]:hover {
  background-color: #e60000;
}
.terms-agree[data-v-61946140] {
  display: flex;
  align-items: center;
  gap: 2.13333vw;
  cursor: pointer;
  font-size: 3.2vw;
  color: #fff;
  margin-top: 5.33333vw;
  user-select: none;
}
.terms-agree input[type="checkbox"][data-v-61946140] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.terms-agree .checkmark[data-v-61946140] {
  display: inline-block;
  width: 4.53333vw;
  height: 4.53333vw;
  border: 0.53333vw solid #00ff66;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
}
.terms-agree input[type="checkbox"]:checked + .checkmark[data-v-61946140]::before {
  content: "";
  position: absolute;
  top: 0.8vw;
  left: 0.8vw;
  width: 1.86667vw;
  height: 1.86667vw;
  border-radius: 50%;
  background-color: #00ff66;
}

/* link 样式 */
.termstext .disclaimer-link[data-v-61946140] {
color: #ffffff;
  text-decoration: none; /* ✅ 移除默认 underline */
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 1.06667vw; /* ✅ 增加下间距 */
  line-height: 1.5;     /* ✅ 提高整体行高，防止文字和线挤压 */
}
.termstext .disclaimer-link[data-v-61946140]:hover {
  color: #00ffe5;
  border-bottom-color: #00ffe5;
}
.loading[data-v-61946140] {
  display: flex;
  justify-content: center;
  margin-top: 2.66667vw;
  text-align: center;
  font-size: 3.73333vw;
  color: #ccc;
  border-top: solid 1px #cccccc19;
  margin-top: 5.33333vw;
  height: 21.33333vw;
  align-items: center;
  gap: 2.66667vw;
.tips[data-v-61946140] {
    font-size: 3.73333vw;
    color: #ccc;
    position: relative;
    top: -0.53333vw;
}
}
.fade-slide-enter-active[data-v-61946140] {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.fade-slide-enter-from[data-v-61946140] {
  transform: translateY(-8vw) scale(0.95);
  /* ✅ 明显上浮进入 */
  opacity: 0;
}
.fade-slide-enter-to[data-v-61946140] {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.fade-slide-leave-active[data-v-61946140] {
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.fade-slide-leave-from[data-v-61946140] {
  opacity: 1;
  transform: scale(1);
}
.fade-slide-leave-to[data-v-61946140] {
  opacity: 0;
  transform: scale(0.95);
}
.lang-item[data-v-61946140] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.13333vw 3.2vw;
  cursor: pointer;
  border-bottom: 1px dashed rgba(3, 202, 237, 0.3);
  transition: background 0.3s;
}
.lang-item[data-v-61946140]:last-child {
  border-bottom: none;
}
.lang-item[data-v-61946140]:hover {
  background: #00bbff30;
}
.lang-item span[data-v-61946140] {
  color: white;
}
.lang-item span.active[data-v-61946140] {
  color: #00ff66;
  font-weight: bold;
}
img.checkmark-icon[data-v-61946140] {
  width: 4.26667vw;
  height: 4.26667vw;
}
.lang-icon[data-v-61946140] {
  width: 4.26667vw;
  height: 4.26667vw;
}

/* 弹窗过渡动画 */
.modal-fade-enter-active[data-v-61946140],
.modal-fade-leave-active[data-v-61946140] {
  transition: all 0.35s ease;
}
.modal-fade-enter-from[data-v-61946140],
.modal-fade-leave-to[data-v-61946140] {
  opacity: 0;
  transform: scale(0.9);
}
.modal-fade-enter-to[data-v-61946140],
.modal-fade-leave-from[data-v-61946140] {
  opacity: 1;
  transform: scale(1);
}


.layout-container[data-v-5b2b8793] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.layout-top[data-v-5b2b8793] {
  position: fixed;
  top: 0;
  width: 100%;
  height: 16vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4.26667vw;
  z-index: 10; 
  backdrop-filter: blur(0.8vw);     /* ✅ 背景模糊，建议值 >= 6px */
}
.logo[data-v-5b2b8793] {
  height: 8.26667vw;
  width: 30.4vw;
}
.wallet-box[data-v-5b2b8793] {
  display: flex;
  align-items: center;
  border: solid 0.53333vw rgba(3, 139, 250, 0.2);
  background: rgba(3, 139, 250, 0.1);
  padding: 1.06667vw 2.66667vw;
  border-radius: 2.66667vw;
  color: #fff;
  font-size: 3.2vw;
}
.wallet-icon[data-v-5b2b8793] {
  width: 2.93333vw;
  height: 3.46667vw;
  margin-right: 1.6vw;
}
.layout-content[data-v-5b2b8793] {
  flex: 1;
  padding-top: 16vw; /* 顶部导航高度 */
  overflow-y: auto;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
.layout-bottom[data-v-5b2b8793] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22.4vw;
  z-index: 100;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(0.8vw);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.tab[data-v-5b2b8793] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 3.2vw;
  color: #ffffffaa;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.tab img[data-v-5b2b8793] {
  width: 6.4vw;
  height: 6.4vw;
  opacity: 0.7;
  transition: all 0.3s ease;
}
.tab span[data-v-5b2b8793] {
  margin-top: 1.33333vw;
  font-size: 2.66667vw;
  transition: opacity 0.3s, transform 0.3s;
  opacity: 1;
  transform: translateY(0);
}
.tab.active img[data-v-5b2b8793] {
  opacity: 0;
}
.tab.active span[data-v-5b2b8793] {
  opacity: 0;
  transform: translateY(2.66667vw);
}
.slider[data-v-5b2b8793] {
  position: absolute;
  top: 50%;
  width: 14.93333vw;
  height: 14.93333vw;
  background: linear-gradient(135deg, #00aaff, #00ffff);
  border-radius: 50%;
  z-index: 0;
  transition: left 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;
  box-shadow: 0 0 3.2vw rgba(2, 230, 158, 0.523);
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-icon[data-v-5b2b8793] {
  width: 6.4vw;
  height: 6.4vw;
  filter: brightness(0) invert(1);
}
.loading-screen[data-v-5b2b8793] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: black;
}
.spinner[data-v-5b2b8793] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-5b2b8793 1s linear infinite;
}
@keyframes spin-5b2b8793 {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}


html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.layout-container {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.layout-content {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 16vw; /* 顶部导航高度 */
  margin-bottom: 22.4vw; /* 底部菜单高度 */
}


.layout-container[data-v-070c6a0f] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.layout-top[data-v-070c6a0f] {
  position: fixed;
  top: 0;
  width: 100%;
  height: 16vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4.26667vw;
  z-index: 10; 
  backdrop-filter: blur(0.8vw);     /* ✅ 背景模糊，建议值 >= 6px */
}
.logo[data-v-070c6a0f] {
  height: 8.26667vw;
  width: 30.4vw;
}
.wallet-box[data-v-070c6a0f] {
  display: flex;
  align-items: center;
  border: solid 0.53333vw rgba(3, 139, 250, 0.2);
  background: rgba(3, 139, 250, 0.1);
  padding: 1.06667vw 2.66667vw;
  border-radius: 2.66667vw;
  color: #fff;
  font-size: 3.2vw;
}
.wallet-icon[data-v-070c6a0f] {
  width: 2.93333vw;
  height: 3.46667vw;
  margin-right: 1.6vw;
}
.layout-content[data-v-070c6a0f] {
  flex: 1;
  padding-top: 16vw; /* 顶部导航高度 */
  overflow-y: auto;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
.layout-bottom[data-v-070c6a0f] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22.4vw;
  z-index: 100;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(0.8vw);  /* iOS 支持 */
  backdrop-filter: blur(0.8vw);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.tab[data-v-070c6a0f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 3.2vw;
  color: #ffffffaa;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.tab img[data-v-070c6a0f] {
  width: 6.4vw;
  height: 6.4vw;
  opacity: 0.7;
  transition: all 0.3s ease;
}
.tab span[data-v-070c6a0f] {
  margin-top: 1.33333vw;
  font-size: 2.66667vw;
  transition: opacity 0.3s, transform 0.3s;
  opacity: 1;
  transform: translateY(0);
}
.tab.active img[data-v-070c6a0f] {
  opacity: 0;
}
.tab.active span[data-v-070c6a0f] {
  opacity: 0;
  transform: translateY(2.66667vw);
}
.slider[data-v-070c6a0f] {
  position: absolute;
  top: 50%;
  width: 14.93333vw;
  height: 14.93333vw;
  background: linear-gradient(135deg, #00aaff, #00ffff);
  border-radius: 50%;
  z-index: 0;
  transition: left 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;
  box-shadow: 0 0 3.2vw rgba(2, 230, 158, 0.523);
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-icon[data-v-070c6a0f] {
  width: 6.4vw;
  height: 6.4vw;
  filter: brightness(0) invert(1);
}
.loading-screen[data-v-070c6a0f] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: black;
}
.spinner[data-v-070c6a0f] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-070c6a0f 1s linear infinite;
}
@keyframes spin-070c6a0f {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}


html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.layout-container {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.layout-content {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 16vw; /* 顶部导航高度 */
  margin-bottom: 22.4vw; /* 底部菜单高度 */
}


.loading-screen[data-v-8f16f5c4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75); /* 半透明黑色背景 */

  backdrop-filter: blur(1.06667vw);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: auto; /* 阻止点击穿透 */
}
.deposit-wrapper[data-v-8f16f5c4] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-8f16f5c4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.ripple[data-v-8f16f5c4] {
  position: relative;
  overflow: hidden;
}
.spinner[data-v-8f16f5c4]{
  width: 26.66667vw;
  height: 26.66667vw;
}
.ripple[data-v-8f16f5c4]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: radial-gradient(circle, #ffffff 10%, transparent 30.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.3s, opacity 0.5s;
}
.typassword[data-v-8f16f5c4] {
  display: flex;
  flex-direction: column;
  gap: 5.33333vw;
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  margin-bottom: 2.66667vw;
  line-height: 1.5;
  font-weight: normal;
  text-align: left;
  cursor: pointer;
}
.typassword input[data-v-8f16f5c4] {
 padding: 2.66667vw;
    border-radius: 2.66667vw;
    border: 1px solid #00e6dd;
    background: transparent;
    color: #ffffff;
    font-size: 4.26667vw;
}
.typassword button[data-v-8f16f5c4] {
 padding: 2.66667vw;
    border-radius: 2.66667vw;
    background: #00e6dd;
    color: #000;
    border: none;
    cursor: pointer;
    font-size: 4.26667vw;
    transition: background 0.3s, color 0.3s;
}
.typassword button[data-v-8f16f5c4]:hover {
    background: #00b3b3;
    color: #fff;
}
.ripple[data-v-8f16f5c4]:active:after {
  transform: scale(0, 0);
  opacity: 0.3;
  transition: 0s;
}
.Links[data-v-8f16f5c4] {
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  margin-top: 5.33333vw;
}
.deposit-header .center[data-v-8f16f5c4] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.rowx[data-v-8f16f5c4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  margin-top: 5.33333vw;
  border: solid 1px rgba(0, 230, 221, 0.3);
  background: rgba(0, 230, 221, 0.1);
  padding: 3.2vw 4vw;
  border-radius: 2.66667vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.back-icon[data-v-8f16f5c4] {
  width: 10.4vw;
  height: 9.6vw;
}
.linksimg[data-v-8f16f5c4] {
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  align-items: center;
  gap: 2.66667vw;
  color: #ffffff;
  font-size: 3.73333vw;
  margin-top: 5.33333vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 3.2vw 4vw;
  border-radius: 2.66667vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
&[data-v-8f16f5c4]:hover {
    background: rgba(0, 230, 221, 0.1);
    color: #f6f1f1;
}
}
.info-icon[data-v-8f16f5c4] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.shu[data-v-8f16f5c4] {
  width: 10.66667vw;
  height: 4vw;
  border-right: solid 1px #00e6de96;
  animation: fadeLoop-8f16f5c4 1.2s ease-in-out infinite;
}
@keyframes fadeLoop-8f16f5c4 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.deposit-box[data-v-8f16f5c4] {
  position: relative;
  overflow: hidden;
  margin-bottom: 5.33333vw;
}
.warning[data-v-8f16f5c4] {
  display: flex;
  align-items: center;
  gap: 5.33333vw;
  padding: 3.2vw;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2.66667vw;
  color: #ffffff;
  font-size: 3.2vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  margin-top: 5.33333vw;
img[data-v-8f16f5c4] {
    width: 8.53333vw;
    height: 10.4vw;
}
span[data-v-8f16f5c4] {
    flex: 1;
    line-height: 5.33333vw;
}
&[data-v-8f16f5c4]:hover {
    background: rgba(0, 230, 221, 0.2);
}
  transition: background 0.3s;
  cursor: pointer;
}
.box-bg[data-v-8f16f5c4] {
  width: 100%;
  display: block;
}
.approveandDeposit[data-v-8f16f5c4] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
.btn[data-v-8f16f5c4] {
    width: 100%;
    padding: 3.2vw;
    border-radius: 2.66667vw;
    background: #1a5ea216;
    color: #f7f9f9;
    text-align: center;
    font-size: 4.26667vw;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.13333vw;
.adcla[data-v-8f16f5c4] {
      width: 5.33333vw;
      height: 5.33333vw;
}
&[data-v-8f16f5c4]:hover {
      background: #00e6dd;
      color: #000;
}
    border: 1px solid rgba(0, 230, 221, 0.3);
}
}
.box-overlay[data-v-8f16f5c4] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5.33333vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 3.2vw;
}
.row[data-v-8f16f5c4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
.account[data-v-8f16f5c4] {
    font-size: 5.33333vw;
    font-weight: bold;
    color: #ffffff;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
      "Lucida Sans", Arial, sans-serif;
}
}
.receive[data-v-8f16f5c4] {
  margin-top: 2.66667vw;
}
.dt-icon[data-v-8f16f5c4] {
  width: 4.53333vw;
  height: 5.33333vw;
  margin-left: 1.06667vw;
}
.token[data-v-8f16f5c4] {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 4.8vw;
  border-radius: 2.66667vw;
  background: rgba(0, 0, 0, 0.2);
  font-size: 3.73333vw;
  width: fit-content;
  height: 8.53333vw;
  line-height: 8.53333vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.token-icon[data-v-8f16f5c4] {
  width: 5.33333vw;
  height: 5.33333vw;
}
.input-row[data-v-8f16f5c4] {
  margin-top: 2.13333vw;
  display: flex;
  align-items: center;
  border: 1px solid #00e6dd;
  border-radius: 2.66667vw;
  overflow: hidden;
}
.input-row input[data-v-8f16f5c4] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 2.66667vw;
  font-size: 4.26667vw;
  color: #fff;
}
.input-row button[data-v-8f16f5c4] {
  padding: 2.66667vw 3.73333vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
}
.action-row[data-v-8f16f5c4] {
  display: flex;
  gap: 3.2vw;
  justify-content: space-between;
}
.btn-outline[data-v-8f16f5c4] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: transparent;
  border: 1px solid #00e6dd;
  color: #00e6dd;
}
.btn-filled[data-v-8f16f5c4] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: #00e6dd;
  color: #000;
  border: none;
}
.modal-mask[data-v-8f16f5c4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-8f16f5c4] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-8f16f5c4] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-8f16f5c4] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-8f16f5c4] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.label-wrap[data-v-8f16f5c4] {
  display: inline-flex;
  align-items: center;
  gap: 1.06667vw; /* 控制文字与图片间距 */
  vertical-align: middle;
}
.dt-icon[data-v-8f16f5c4] {
  width: 4.53333vw;
  height: 5.06667vw;
  object-fit: contain;
  display: block;
}
.modal-mask[data-v-8f16f5c4] {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-8f16f5c4] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-8f16f5c4] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-8f16f5c4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-8f16f5c4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-8f16f5c4] {
  font-size: 4vw;
  font-weight: bold;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.close-icon[data-v-8f16f5c4] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-8f16f5c4] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-8f16f5c4] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-8f16f5c4] {
  line-height: 1.4;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.btn-authorized[data-v-8f16f5c4] {
  background: rgba(0, 255, 160, 0.1);
  border: 1px solid #00ffaa;
  color: #00ffaa;
}
.btn-unauthorized[data-v-8f16f5c4] {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.adcla[data-v-8f16f5c4] {
  width: 5.33333vw;
  height: 5.33333vw;
}


.deposit-wrapper[data-v-09617b1a] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-09617b1a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.withdraw-box[data-v-09617b1a] {
  position: relative;
  margin-top: -2.66667vw;
  margin-bottom: 5.33333vw;
}
.line[data-v-09617b1a] {
  border-bottom: solid 1px rgba(249, 249, 249, 0.14);
  padding-bottom: 2.66667vw;
}
.spinner[data-v-09617b1a]{
  width: 26.66667vw;
  height: 26.66667vw;
}
.typassword[data-v-09617b1a] {
  display: flex;
  flex-direction: column;
  gap: 5.33333vw;
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  margin-bottom: 2.66667vw;
  line-height: 1.5;
  font-weight: normal;
  text-align: left;
  cursor: pointer;
}
.typassword input[data-v-09617b1a] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    border: 1px solid #00e6dd;
    background: transparent;
    color: #ffffff;
    font-size: 4.26667vw;
}
.typassword button[data-v-09617b1a] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    background: #00e6de15;
    border: 1px solid #00e6de7c !important;
    color: #fefefe;
    border: none;
    cursor: pointer;
    font-size: 4.26667vw;
    transition: background 0.3s, color 0.3s;
    z-index: 1000 !important;
}
.typassword button[data-v-09617b1a]:hover {
    background: #00b3b3;
    color: #fff;
}
.loading-screen[data-v-09617b1a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75); /* 半透明黑色背景 */

  backdrop-filter: blur(1.06667vw);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: auto; /* 阻止点击穿透 */
}
.icon-text[data-v-09617b1a] {
  display: inline-flex; /* ✅ 水平排列 + 垂直居中 */
  align-items: center; /* ✅ 垂直居中 */
  gap: 1.6vw; /* 可选：图标与文字间距 */
  font-size: 3.73333vw;
}
.sy[data-v-09617b1a] {
  font-size: 4.8vw;
  font-weight: bold;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.wicon[data-v-09617b1a] {
  width: 5.33333vw;
  height: 5.33333vw;
  display: block; /* ✅ 避免底部对齐 bug */
}
.Links[data-v-09617b1a] {
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  margin-top: 5.33333vw;
}
.deposit-header .center[data-v-09617b1a] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.back-icon[data-v-09617b1a] {
  width: 10.4vw;
  height: 9.6vw;
}
.linksimg[data-v-09617b1a] {
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  align-items: center;
  gap: 2.66667vw;
  color: #ffffff;
  font-size: 3.73333vw;
  margin-top: 5.33333vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 3.2vw 4vw;
  border-radius: 2.66667vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
&[data-v-09617b1a]:hover {
    background: rgba(0, 230, 221, 0.1);
    color: #f6f1f1;
}
}
.info-icon[data-v-09617b1a] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.shu[data-v-09617b1a] {
  width: 10.66667vw;
  height: 4vw;
  border-right: solid 1px #00e6de96;
  animation: fadeLoop-09617b1a 1.2s ease-in-out infinite;
}
@keyframes fadeLoop-09617b1a {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.deposit-box[data-v-09617b1a] {
  position: relative;
  overflow: hidden;
}
.warning[data-v-09617b1a] {
  display: flex;
  align-items: center;
  gap: 5.33333vw;
  padding: 3.2vw;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2.66667vw;
  color: #ffffff;
  font-size: 3.2vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  margin-top: 5.33333vw;
img[data-v-09617b1a] {
    width: 8.53333vw;
    height: 10.4vw;
}
span[data-v-09617b1a] {
    flex: 1;
    line-height: 5.33333vw;
}
&[data-v-09617b1a]:hover {
    background: rgba(0, 230, 221, 0.2);
}

  transition: background 0.3s;
  cursor: pointer;
}
.box-bg[data-v-09617b1a] {
  width: 100%;
  display: block;
}
.approveandDeposit[data-v-09617b1a] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
.btn[data-v-09617b1a] {
    width: 100%;
    padding: 3.2vw;
    border-radius: 2.66667vw;
    background: #1a5ea216;
    color: #f7f9f9;
    text-align: center;
    font-size: 3.46667vw;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.13333vw;
.adcla[data-v-09617b1a] {
      width: 5.33333vw;
      height: 5.33333vw;
}
&[data-v-09617b1a]:hover {
      background: #00e6dd;
      color: #000;
}

    border: 1px solid rgba(0, 230, 221, 0.3);
}
}
.box-overlay[data-v-09617b1a] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5.33333vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 3.2vw;
}
.row[data-v-09617b1a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
.account[data-v-09617b1a] {
    font-size: 5.33333vw;
    font-weight: bold;
    color: #ffffff;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
      "Lucida Sans", Arial, sans-serif;
}
}
.receive[data-v-09617b1a] {
  margin-top: 2.66667vw;
}
.dt-icon[data-v-09617b1a] {
  width: 4.53333vw;
  height: 5.33333vw;
  margin-left: 1.06667vw;
}
.token[data-v-09617b1a] {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 4.8vw;
  border-radius: 2.66667vw;
  background: rgba(0, 0, 0, 0.2);
  font-size: 3.73333vw;
  width: fit-content;
  height: 8.53333vw;
  line-height: 8.53333vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.token-icon[data-v-09617b1a] {
  width: 5.33333vw;
  height: 5.33333vw;
}
.input-row[data-v-09617b1a] {
  margin-top: 2.13333vw;
  display: flex;
  align-items: center;
  border: 1px solid #00e6dd;
  border-radius: 2.66667vw;
  overflow: hidden;
}
.input-row input[data-v-09617b1a] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 2.66667vw;
  font-size: 4.26667vw;
  color: #fff;
}
.input-row button[data-v-09617b1a] {
  padding: 2.66667vw 3.73333vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
}
.action-row[data-v-09617b1a] {
  display: flex;
  gap: 3.2vw;
  justify-content: space-between;
}
.btn-outline[data-v-09617b1a] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: transparent;
  border: 1px solid #00e6dd;
  color: #00e6dd;
}
.btn-filled[data-v-09617b1a] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: #00e6dd;
  color: #000;
  border: none;
}
.modal-mask[data-v-09617b1a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-09617b1a] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-09617b1a] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-09617b1a] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-09617b1a] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.label-wrap[data-v-09617b1a] {
  display: inline-flex;
  align-items: center;
  gap: 1.06667vw;
  /* 控制文字与图片间距 */
  vertical-align: middle;
}
.dt-icon[data-v-09617b1a] {
  width: 4.53333vw;
  height: 5.06667vw;
  object-fit: contain;
  display: block;
}
.modal-mask[data-v-09617b1a] {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-09617b1a] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-09617b1a] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-09617b1a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-09617b1a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-09617b1a] {
  font-size: 4vw;
  font-weight: bold;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.close-icon[data-v-09617b1a] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-09617b1a] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-09617b1a] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-09617b1a] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}


.deposit-wrapper[data-v-80a1f5f0] {
  padding: 4.8vw;
  color: #fff;
}
.row2[data-v-80a1f5f0] {
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
}
.deposit-header[data-v-80a1f5f0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-80a1f5f0] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.back-icon[data-v-80a1f5f0] {
  width: 10.4vw;
  height: 9.6vw;
}
.deposit-box[data-v-80a1f5f0] {
  position: relative;
  overflow: hidden;
}
.box-bg[data-v-80a1f5f0] {
  width: 100%;
  display: block;
}
.box-overlay[data-v-80a1f5f0] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5.33333vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 3.2vw;
}



.deposit-wrapper[data-v-fb79627a] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-fb79627a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.withdraw-box[data-v-fb79627a] {
  position: relative;
  margin-top: -2.66667vw;
  margin-bottom: 5.33333vw;
}
.typassword[data-v-fb79627a] {
  display: flex;
  flex-direction: column;
  gap: 5.33333vw;
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
input[data-v-fb79627a] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    border: 1px solid #00e6dd;
    background: transparent;
    color: #ffffff;
    font-size: 4.26667vw;
}
button[data-v-fb79627a] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    background: #00e6dd;
    color: #000;
    border: none;
    cursor: pointer;
    font-size: 4.26667vw;
    transition: background 0.3s, color 0.3s;
}
button[data-v-fb79627a]:hover {
    background: #00b3b3;
    color: #fff;
}

  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 2.66667vw;
  line-height: 1.5;
  font-weight: normal;
  text-align: left;

  cursor: pointer;
}
.loading-screen[data-v-fb79627a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75); /* 半透明黑色背景 */

  backdrop-filter: blur(1.06667vw);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: auto; /* 阻止点击穿透 */
}
.Links[data-v-fb79627a] {
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  margin-top: 5.33333vw;
}
.deposit-header .center[data-v-fb79627a] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.back-icon[data-v-fb79627a] {
  width: 10.4vw;
  height: 9.6vw;
}
.linksimg[data-v-fb79627a] {
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  align-items: center;
  gap: 2.66667vw;
  color: #ffffff;
  font-size: 3.73333vw;
  margin-top: 5.33333vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 3.2vw 4vw;
  border-radius: 2.66667vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
&[data-v-fb79627a]:hover {
    background: rgba(0, 230, 221, 0.1);
    color: #f6f1f1;
}
}
.info-icon[data-v-fb79627a] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.shu[data-v-fb79627a] {
  width: 10.66667vw;
  height: 4vw;
  border-right: solid 1px #00e6de96;
  animation: fadeLoop-fb79627a 1.2s ease-in-out infinite;
}
@keyframes fadeLoop-fb79627a {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.deposit-box[data-v-fb79627a] {
  position: relative;
  overflow: hidden;
}
.deposit-box2[data-v-fb79627a] {
  position: relative;
  overflow: hidden;
  margin-top: -2.66667vw;
}
.warning[data-v-fb79627a] {
  display: flex;
  align-items: center;
  gap: 5.33333vw;
  padding: 3.2vw;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2.66667vw;
  color: #ffffff;
  font-size: 3.2vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  margin-top: 5.33333vw;
img[data-v-fb79627a] {
    width: 8.53333vw;
    height: 10.4vw;
}
span[data-v-fb79627a] {
    flex: 1;
    line-height: 5.33333vw;
}
&[data-v-fb79627a]:hover {
    background: rgba(0, 230, 221, 0.2);
}

  transition: background 0.3s;
  cursor: pointer;
}
.box-bg[data-v-fb79627a] {
  width: 100%;
  display: block;
}
.approveandDeposit[data-v-fb79627a] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
.btn[data-v-fb79627a] {
    width: 100%;
    padding: 3.2vw;
    border-radius: 2.66667vw;
    background: #1a5ea216;
    color: #f7f9f9;
    text-align: center;
    font-size: 3.46667vw;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.13333vw;
.adcla[data-v-fb79627a] {
      width: 5.33333vw;
      height: 5.33333vw;
}
&[data-v-fb79627a]:hover {
      background: #00e6dd;
      color: #000;
}

    border: 1px solid rgba(0, 230, 221, 0.3);
}
}
.box-overlay[data-v-fb79627a] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5.33333vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 3.2vw;
}
.row[data-v-fb79627a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
.account[data-v-fb79627a] {
    font-size: 5.33333vw;
    font-weight: bold;
    color: #ffffff;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
      "Lucida Sans", Arial, sans-serif;
}
}
.receive[data-v-fb79627a] {
  margin-top: 2.66667vw;
}
.dt-icon[data-v-fb79627a] {
  width: 4.53333vw;
  height: 5.33333vw;
  margin-left: 1.06667vw;
}
.token[data-v-fb79627a] {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 4.8vw;
  border-radius: 2.66667vw;
  background: rgba(0, 0, 0, 0.2);
  font-size: 3.73333vw;
  width: fit-content;
  height: 8.53333vw;
  line-height: 8.53333vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.token-icon[data-v-fb79627a] {
  width: 5.33333vw;
  height: 5.33333vw;
}
.input-row[data-v-fb79627a] {
  margin-top: 2.13333vw;
  display: flex;
  align-items: center;
  border: 1px solid #00e6dd;
  border-radius: 2.66667vw;
  overflow: hidden;
}
.input-row input[data-v-fb79627a] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 2.66667vw;
  font-size: 4.26667vw;
  color: #fff;
}
.input-row button[data-v-fb79627a] {
  padding: 2.66667vw 3.73333vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
}
.action-row[data-v-fb79627a] {
  display: flex;
  gap: 3.2vw;
  justify-content: space-between;
}
.btn-outline[data-v-fb79627a] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: transparent;
  border: 1px solid #00e6dd;
  color: #00e6dd;
}
.btn-filled[data-v-fb79627a] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: #00e6dd;
  color: #000;
  border: none;
}
.modal-mask[data-v-fb79627a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-fb79627a] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-fb79627a] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-fb79627a] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-fb79627a] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.label-wrap[data-v-fb79627a] {
  display: inline-flex;
  align-items: center;
  gap: 1.06667vw;
  /* 控制文字与图片间距 */
  vertical-align: middle;
}
.dt-icon[data-v-fb79627a] {
  width: 4.53333vw;
  height: 5.06667vw;
  object-fit: contain;
  display: block;
}
.modal-mask[data-v-fb79627a] {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-fb79627a] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-fb79627a] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-fb79627a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-fb79627a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-fb79627a] {
  font-size: 4vw;
  font-weight: bold;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.close-icon[data-v-fb79627a] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-fb79627a] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-fb79627a] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-fb79627a] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.more-wrapper[data-v-fb79627a] {
  color: #fff;
}
.section[data-v-fb79627a] {
  margin-bottom: 8vw;
}
.section-title[data-v-fb79627a] {
  display: flex;
  align-items: center;
  gap: 2.66667vw;
  margin-bottom: 5.86667vw;
}
.section-title span[data-v-fb79627a] {
  white-space: nowrap;
  font-size: 3.73333vw;
  color: #fff;
  font-weight: bold;
}
.section-title .line[data-v-fb79627a] {
  flex: 1;
  height: 1px;
  background: #ffffff39;
  opacity: 0.8;
}
.grid[data-v-fb79627a] {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8vw;
  margin-bottom: 8vw;
}
.item[data-v-fb79627a] {
  width: 18.66667vw;
  text-align: center;
  cursor: pointer;
}
.icon[data-v-fb79627a] {
  width: 6.66667vw;
  height: 6.66667vw;
  margin-bottom: 1.6vw;
}
.text[data-v-fb79627a] {
  font-size: 3.2vw;
  white-space: nowrap;
  margin-bottom: 5.33333vw;
}
.spinner[data-v-fb79627a] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-fb79627a 1.2s linear infinite;
}
@keyframes spin-fb79627a {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}


.qr-container[data-v-3f136cb0] {
  width: 53.33333vw;
  height: 53.33333vw;

  overflow: hidden;

  display: inline-flex;
  /* ✅ 改为 flex，可居中 */
  align-items: center;
  margin: 0 auto;
  /* ✅ 居中对齐 */
  justify-content: center;  
  /* ✅ 移除外层 padding */
}
.qr-tip[data-v-3f136cb0] {
  margin-top: 3.2vw;
  font-size: 3.46667vw;
  color: #ccc;
  text-align: center;
}


.sharenumber[data-v-3cd49854] {
  font-size: 6.4vw;
  font-weight: bold;
  color: #00e6dd;
  text-align: center;

  margin-bottom: 5.33333vw;
}
.deposit-wrapper[data-v-3cd49854] {
  padding: 4.8vw;
  color: #fff;
}
.qrbtn[data-v-3cd49854] {
  width: 100%;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;

  border: solid 1px rgba(0, 230, 221, 0.3);
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
  font-size: 3.73333vw;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
&[data-v-3cd49854]:hover {
    background: rgba(0, 230, 221, 0.2);
    color: #f6f1f1;
}
&[data-v-3cd49854]:active {
    background: rgba(0, 230, 221, 0.3);
    color: #ffffff;
}
}
.tx[data-v-3cd49854] {
  margin-top: 2.66667vw;
  margin-bottom: 2.66667vw;
}
.qrcoa[data-v-3cd49854] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5.33333vw;
  margin-top: 5.33333vw;
}
.row2[data-v-3cd49854] {
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
}
.loading-screen[data-v-3cd49854] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75); /* 半透明黑色背景 */

  backdrop-filter: blur(1.06667vw);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: auto; /* 阻止点击穿透 */
}
.action-row3[data-v-3cd49854] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
}
.deposit-header[data-v-3cd49854] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.linkinput[data-v-3cd49854] {
  padding: 2.66667vw;
  border-radius: 2.66667vw;
  border: 1px solid #00e6dd;
  background: transparent;
  color: #ffffff;
  font-size: 4.26667vw;
  margin-bottom: 2.66667vw;
  text-align: center;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.spinner[data-v-3cd49854]{
  width: 29.33333vw;
  height: 29.33333vw;
}
.linkbtn[data-v-3cd49854] {
  padding: 3.2vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
  border-radius: 2.66667vw;
  border: 1px solid #00e6dd;
  cursor: pointer;
  width: 100%;
}
.f12[data-v-3cd49854] {
  font-size: 3.2vw !important;
}
.qrcode-box[data-v-3cd49854] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.withdraw-box[data-v-3cd49854] {
  position: relative;
  margin-top: -2.66667vw;
  margin-bottom: 5.33333vw;
}
.QRwindow[data-v-3cd49854] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 5.33333vw;
  justify-content: center;
  align-items: center;
}
.shareTitle[data-v-3cd49854] {
  text-align: center;
  font-size: 4.26667vw;
  font-weight: bold;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  margin-bottom: 1.33333vw;
}
.line[data-v-3cd49854] {
  border-bottom: solid 1px rgba(249, 249, 249, 0.14);
  padding-bottom: 2.66667vw;
}
.typassword[data-v-3cd49854] {
  display: flex;
  flex-direction: column;
  gap: 5.33333vw;
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
input[data-v-3cd49854] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    border: 1px solid #00e6dd;
    background: transparent;
    color: #ffffff;
    font-size: 4.26667vw;
}
button[data-v-3cd49854] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    background: #00e6dd;
    color: #000;
    border: none;
    cursor: pointer;
    font-size: 4.26667vw;
    transition: background 0.3s, color 0.3s;
}
button[data-v-3cd49854]:hover {
    background: #00b3b3;
    color: #fff;
}

  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 2.66667vw;
  line-height: 1.5;
  font-weight: normal;
  text-align: left;

  cursor: pointer;
}
.Links[data-v-3cd49854] {
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  margin-top: 5.33333vw;
}
.deposit-header .center[data-v-3cd49854] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.back-icon[data-v-3cd49854] {
  width: 10.4vw;
  height: 9.6vw;
}
.linksimg[data-v-3cd49854] {
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  align-items: center;
  gap: 2.66667vw;
  color: #ffffff;
  font-size: 3.73333vw;
  margin-top: 5.33333vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 3.2vw 4vw;
  border-radius: 2.66667vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
&[data-v-3cd49854]:hover {
    background: rgba(0, 230, 221, 0.1);
    color: #f6f1f1;
}
}
.info-icon[data-v-3cd49854] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.shu[data-v-3cd49854] {
  width: 10.66667vw;
  height: 4vw;
  border-right: solid 1px #00e6de96;
  animation: fadeLoop-3cd49854 1.2s ease-in-out infinite;
}
@keyframes fadeLoop-3cd49854 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.qrcode[data-v-3cd49854] {
  width: 45.04vw;
  height: 44.24vw;
  background: url(/img/qr-code-placeholder.7d27fd67.svg) no-repeat center
    center;
  background-size: cover;
  margin: 0 auto;
  box-shadow: 0 1.06667vw 2.13333vw rgba(0, 0, 0, 0.2);
}
.deposit-box[data-v-3cd49854] {
  position: relative;
  overflow: hidden;
}
.deposit-box2[data-v-3cd49854] {
  position: relative;
  overflow: hidden;
  margin-top: -2.66667vw;
}
.warning[data-v-3cd49854] {
  display: flex;
  align-items: center;
  gap: 5.33333vw;
  padding: 3.2vw;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2.66667vw;
  color: #ffffff;
  font-size: 3.2vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  margin-top: 5.33333vw;
img[data-v-3cd49854] {
    width: 8.53333vw;
    height: 10.4vw;
}
span[data-v-3cd49854] {
    flex: 1;
    line-height: 5.33333vw;
}
&[data-v-3cd49854]:hover {
    background: rgba(0, 230, 221, 0.2);
}

  transition: background 0.3s;
  cursor: pointer;
}
.box-bg[data-v-3cd49854] {
  width: 100%;
  display: block;
}
.approveandDeposit[data-v-3cd49854] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
.btn[data-v-3cd49854] {
    width: 100%;
    padding: 3.2vw;
    border-radius: 2.66667vw;
    background: #1a5ea216;
    color: #f7f9f9;
    text-align: center;
    font-size: 3.46667vw;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.13333vw;
.adcla[data-v-3cd49854] {
      width: 5.33333vw;
      height: 5.33333vw;
}
&[data-v-3cd49854]:hover {
      background: #00e6dd;
      color: #000;
}

    border: 1px solid rgba(0, 230, 221, 0.3);
}
}
.box-overlay[data-v-3cd49854] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5.33333vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 3.2vw;
}
.fitem[data-v-3cd49854] {
  display: flex;
  flex: 1;

  flex-direction: column;
  align-items: center;
  gap: 1.06667vw;
}
.row[data-v-3cd49854] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
  margin-top: 2.66667vw;
.account[data-v-3cd49854] {
    font-size: 5.33333vw;
    font-weight: bold;
    color: #ffffff;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
      "Lucida Sans", Arial, sans-serif;
}
.t1[data-v-3cd49854] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.06667vw;
    color: #ffffff;
    border: solid 1px rgba(0, 230, 221, 0.3);
    padding: 1.6vw 8vw;
    border-radius: 2.66667vw;
    background: rgba(0, 0, 0, 0.2);
    transition: background 0.3s, color 0.3s;
img[data-v-3cd49854] {
      width: 5.33333vw;
      height: 5.33333vw;
}
span[data-v-3cd49854] {
      font-size: 4.26667vw;
      font-weight: bold;
      color: #00e6dd;
}
}
}
.receive[data-v-3cd49854] {
  margin-top: 2.66667vw;
}
.dt-icon[data-v-3cd49854] {
  width: 4.53333vw;
  height: 5.33333vw;
  margin-left: 1.06667vw;
}
.token[data-v-3cd49854] {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 4.8vw;
  border-radius: 2.66667vw;
  background: rgba(0, 0, 0, 0.2);
  font-size: 3.73333vw;
  width: fit-content;
  height: 8.53333vw;
  line-height: 8.53333vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.token-icon[data-v-3cd49854] {
  width: 5.33333vw;
  height: 5.33333vw;
}
.input-row[data-v-3cd49854] {
  margin-top: 2.13333vw;
  display: flex;
  align-items: center;
  border: 1px solid #00e6dd;
  border-radius: 2.66667vw;
  overflow: hidden;
}
.input-row input[data-v-3cd49854] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 2.66667vw;
  font-size: 4.26667vw;
  color: #fff;
}
.input-row button[data-v-3cd49854] {
  padding: 2.66667vw 3.73333vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
}
.action-row[data-v-3cd49854] {
  display: flex;
  gap: 3.2vw;
  justify-content: space-between;
}
.btn-outline[data-v-3cd49854] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: transparent;
  border: 1px solid #00e6dd;
  color: #00e6dd;
}
.btn-filled[data-v-3cd49854] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: #00e6dd;
  color: #000;
  border: none;
}
.modal-mask[data-v-3cd49854] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-3cd49854] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-3cd49854] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-3cd49854] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-3cd49854] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.label-wrap[data-v-3cd49854] {
  display: inline-flex;
  align-items: center;
  gap: 1.06667vw;
  /* 控制文字与图片间距 */
  vertical-align: middle;
}
.dt-icon[data-v-3cd49854] {
  width: 4.53333vw;
  height: 5.06667vw;
  object-fit: contain;
  display: block;
}
.modal-mask[data-v-3cd49854] {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-3cd49854] {
  position: relative;
  width: 90.66667vw;
}
.modal-container2[data-v-3cd49854] {
  position: relative;
  width: 64vw;
}
.modal-bg[data-v-3cd49854] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-bg2[data-v-3cd49854] {
  width: 80%;
  height: 80%;
  display: block;
}
.modal-overlay[data-v-3cd49854] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-overlay2[data-v-3cd49854] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.modal-header[data-v-3cd49854] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-3cd49854] {
  font-size: 4vw;
  font-weight: bold;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.close-icon[data-v-3cd49854] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-3cd49854] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-3cd49854] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-3cd49854] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}


.swiper-container[data-v-45594cde] {
  width: 100%;
  height: 21.33333vw;
  margin: 0 auto;
}
.swiper-slide[data-v-45594cde] {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img[data-v-45594cde] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}



/* 自定义导航按钮样式 */
.swiper-button-prev[data-v-45594cde],
.swiper-button-next[data-v-45594cde] {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  width: 6.66667vw;
  height: 6.66667vw;
  border-radius: 50%;
  font-size: 2.66667vw;
   transform: translateY(50%) scale(1.2);
}
.swiper-button-prev[data-v-45594cde]::after,
.swiper-button-next[data-v-45594cde]::after {
  font-size: 1.86667vw;
}
.swiper-pagination[data-v-45594cde] {
  position: relative;
  text-align: center;
  margin: 0 auto;
}
[data-v-45594cde] .swiper-pagination-bullet {
  background: rgb(2, 230, 226) !important;
  width: 4vw !important;
  height: 1.33333vw;
  border-radius: 0.8vw;
  margin: 0 1.06667vw;
}


.dashboard-box[data-v-0ae97b7d] {

  border-radius: 3.2vw;


  color: #fff;
}
.dashboard-header[data-v-0ae97b7d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.dashboard-header .left[data-v-0ae97b7d] {
  display: flex;
  align-items: center;
}
.icon[data-v-0ae97b7d] {
  width: 6.4vw;
  margin-right: 2.13333vw;
}
.title[data-v-0ae97b7d] {
  font-size: 3.73333vw;
  margin-right: 1.6vw;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.question[data-v-0ae97b7d] {
  position: relative;
  width: 3.73333vw;
  height: 3.73333vw;
  cursor: pointer;
  margin-left: 0.8vw;
  opacity: 0.6;
}
.refresh-icon[data-v-0ae97b7d] {
  width: 4vw;
  height: 4vw;
  cursor: pointer;
  transition: transform 0.4s linear;
}
.refresh-icon.spinning[data-v-0ae97b7d] {
  animation: spin-0ae97b7d 0.8s linear;
}
@keyframes spin-0ae97b7d {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.dashboard-body[data-v-0ae97b7d] {
  border: 1px solid rgba(0, 230, 221, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 2.66667vw;
  padding: 2.66667vw;
  gap: 2.66667vw;
  background: rgba(0, 0, 0, 0.2);
}
.chart-box[data-v-0ae97b7d] {
  flex: 1;
  min-width: 0;
  padding-right: 2.66667vw;
}
.chart-box .label[data-v-0ae97b7d] {
  font-size: 3.2vw;
  margin-bottom: 1.06667vw;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.chart-box .label.rise[data-v-0ae97b7d] {
  color: #00ff80;
}
.chart-box .label.fall[data-v-0ae97b7d] {
  color: #ff4d4f;
}
.echart-line[data-v-0ae97b7d] {
  width: 34.4vw;
  height: 8vw;
}
.circle-box[data-v-0ae97b7d] {
  width: 18.66667vw;
  height: 18.66667vw;
  position: relative;
}
.echart-circle[data-v-0ae97b7d] {
  width: 100%;
  height: 100%;
}
.percent-text[data-v-0ae97b7d] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.2vw;
  font-weight: bold;
}
.data-box[data-v-0ae97b7d] {
  padding-left: 4vw;
}
.data-title[data-v-0ae97b7d] {
  font-size: 3.2vw;
  margin-bottom: 2.13333vw;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.data-item[data-v-0ae97b7d] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  display: flex;
  align-items: center;
  margin-bottom: 1.6vw;
  font-size: 3.2vw;
}
.dot[data-v-0ae97b7d] {
  width: 2.13333vw;
  height: 2.13333vw;
  border-radius: 50%;
  margin-right: 1.6vw;
}
.dot.blue[data-v-0ae97b7d] {
  background: #00e6dd;
}
.dot.yellow[data-v-0ae97b7d] {
  background: #0B6E75;
}
.modal-mask[data-v-0ae97b7d] {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-0ae97b7d] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-0ae97b7d] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-0ae97b7d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-0ae97b7d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-0ae97b7d] {
  font-size: 4vw;
  font-weight: bold;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
.close-icon[data-v-0ae97b7d] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-0ae97b7d] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-0ae97b7d] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-0ae97b7d] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}


.quick-header[data-v-dcce9214] {
  display: flex;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.icon[data-v-dcce9214] {
  width: 5.33333vw;
  margin-right: 2.13333vw;
}
.title[data-v-dcce9214] {
  font-size: 3.73333vw;
  margin-right: 1.6vw;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
}
.refresh[data-v-dcce9214] {
  margin-left: auto;
  width: 4.26667vw;
  height: 4.26667vw;
  cursor: pointer;
  opacity: 0.8;
}
.scroll-container[data-v-dcce9214] {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgba(0, 230, 221, 0.3);
  border-radius: 2.66667vw;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-container[data-v-dcce9214]::-webkit-scrollbar {
  display: none;
}
.scroll-track[data-v-dcce9214] {
  display: flex;
  scroll-snap-type: x mandatory;
}
.quick-card[data-v-dcce9214] {
  scroll-snap-align: start;
  flex: 0 0 100%;
  min-width: 100%;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.2);
  padding: 3.2vw;
  color: #fff;
}
.card-img[data-v-dcce9214] {
  width: 20.26667vw;
  height: 18.13333vw;
  object-fit: cover;
  margin-right: 2.66667vw;
}
.card-text[data-v-dcce9214] {
  flex: 1;
}
.card-title[data-v-dcce9214] {
  font-weight: bold;
  font-size: 3.73333vw;
  margin-bottom: 1.6vw;
}
.card-desc[data-v-dcce9214] {
  font-size: 3.2vw;
  line-height: 1.4;
  opacity: 0.9;
}


.wallet-header[data-v-7761129e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.13333vw;
}
.wallet-wrapper[data-v-7761129e]{
  padding-bottom: 10.66667vw;
}
.wallet-header .icon[data-v-7761129e] {
  width: 5.33333vw;
  margin-right: 1.6vw;
}
.wallet-header .title[data-v-7761129e] {
  font-size: 3.73333vw;
  margin-right: 1.6vw;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
}
.wallet-header .left[data-v-7761129e] {
  display: flex;
  align-items: center;
}
.wallet-header .right .total[data-v-7761129e] {
  font-size: 3.73333vw;
  font-weight: bold;
  color: #fff;
}
.wallet-box[data-v-7761129e] {
  border: 1px solid rgba(0, 230, 221, 0.3);
  border-radius: 3.2vw;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}
.wallet-item[data-v-7761129e] {
  display: flex;
  align-items: center;
  padding: 2.66667vw;
  color: #fff;
  border-bottom: 1px solid rgba(246, 242, 242, 0.15);
}
.wallet-item[data-v-7761129e]:last-child {
  border-bottom: none;
}
.asset-icon[data-v-7761129e] {
  width: 8vw;
  height: 8vw;
  margin-right: 2.66667vw;
}
.asset-info[data-v-7761129e] {
  flex: 1;
}
.asset-info .name[data-v-7761129e] {
  font-weight: bold;
  font-size: 3.73333vw;
}
.asset-info .chain[data-v-7761129e] {
  font-size: 3.2vw;
  color: #ccc;
}
.mini-chart[data-v-7761129e] {
  width: 16vw;
  height: 8vw;
  margin: 0 2.66667vw;
}
.value[data-v-7761129e] {
  text-align: right;
}
.value .usd[data-v-7761129e] {
  font-size: 3.73333vw;
  font-weight: bold;
}
.value .amount[data-v-7761129e] {
  font-size: 3.2vw;
  color: #ccc;
  width: 24vw;
}


.home-page[data-v-45e8ce12] {
  padding: 0px 4.8vw;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 4vw;
}
.home-loading-mask[data-v-45e8ce12] {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner[data-v-45e8ce12] {
  width: 8vw;
  height: 8vw;
  border: 0.8vw solid #00e6dd;
  border-top: 0.8vw solid transparent;
  border-radius: 50%;
  animation: spin-45e8ce12 0.8s linear infinite;
}
@keyframes spin-45e8ce12 {
to {
    transform: rotate(360deg);
}
}


.deposit-wrapper[data-v-30cea0d9] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-30cea0d9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-30cea0d9] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-30cea0d9] {
  width: 10.4vw;
  height: 9.6vw;
}
.deposit-box[data-v-30cea0d9] {
  position: relative;
  overflow: hidden;
}
.box-bg[data-v-30cea0d9] {
  width: 100%;
  display: block;
}
.box-overlay[data-v-30cea0d9] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2.66667vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.language-list[data-v-30cea0d9] {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.language-item[data-v-30cea0d9] {
  display: flex;
  justify-content: space-between;
  align-items: center; /* ✅ 垂直居中关键 */
  padding-left: 0px;
  font-size: 4vw;
  line-height: 1.2;
  height: 11.73333vw;         /* ✅ 可选：固定高度统一感 */
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}
.language-item[data-v-30cea0d9]::before {
  display: none !important;
  content: none;
}
.language-item[data-v-30cea0d9]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.language-item span[data-v-30cea0d9] {
  color: #ccc;
}
.language-item span.active[data-v-30cea0d9] {
  color: #00e6dd;
  font-weight: bold;
}
.check-icon[data-v-30cea0d9] {
  width: 4.26667vw;
  height: 4.26667vw;
}
.language-item[data-v-30cea0d9]:last-child {
  border-bottom: none;
}



.deposit-wrapper[data-v-4e447436] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-4e447436] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.withdraw-box[data-v-4e447436]{
  position: relative;
  margin-top: -2.66667vw;
  margin-bottom: 5.33333vw;
}
.line[data-v-4e447436]{
  border-bottom: solid 1px rgba(249, 249, 249, 0.14);
  padding-bottom: 2.66667vw;
}
.typassword[data-v-4e447436] {
  display: flex;
  flex-direction: column;
  gap: 5.33333vw;
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
input[data-v-4e447436] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    border: 1px solid #00e6dd;
    background: transparent;
    color: #ffffff;
    font-size: 4.26667vw;
}
button[data-v-4e447436] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    background: #00e6dd;
    color: #000;
    border: none;
    cursor: pointer;
    font-size: 4.26667vw;
    transition: background 0.3s, color 0.3s;
}
button[data-v-4e447436]:hover {
    background: #00b3b3;
    color: #fff;
}

  font-family: 'Lucida Sans',
  'Lucida Sans Regular',
  'Lucida Grande',
  'Lucida Sans Unicode',
  Geneva,
  Verdana,
  sans-serif;
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 2.66667vw;
  line-height: 1.5;
  font-weight: normal;
  text-align: left;


  cursor: pointer;
}
.leverage-options[data-v-4e447436]{
  display: flex;
  align-items: center;
  gap: 2.66667vw;
  font-size: 3.73333vw;
  color: #ffffff;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
span[data-v-4e447436]{
    padding: 2.13333vw 3.2vw;
    border-radius: 2.66667vw;
    background: rgba(0, 230, 221, 0.1);
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    border: 1px solid rgba(0, 230, 221, 0.3);
&[data-v-4e447436]:hover {
      background: rgba(0, 230, 221, 0.2);
      color: #f6f1f1;
}
}
span.active[data-v-4e447436] {
    border: #08f604 solid 1px;
    color: #08f604;
}
}
.icon-text[data-v-4e447436] {
  display: inline-flex;       /* ✅ 水平排列 + 垂直居中 */
  align-items: center;        /* ✅ 垂直居中 */
  gap: 1.6vw;                   /* 可选：图标与文字间距 */
}
.wicon[data-v-4e447436] {
  width: 5.33333vw;
  height: 5.33333vw;
  display: block;             /* ✅ 避免底部对齐 bug */
}
.Links[data-v-4e447436] {
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  margin-top: 5.33333vw;
}
.deposit-header .center[data-v-4e447436] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.back-icon[data-v-4e447436] {
  width: 10.4vw;
  height: 9.6vw;
}
.linksimg[data-v-4e447436] {

  display: flex;
  background: rgba(0, 0, 0, 0.2);
  align-items: center;
  gap: 2.66667vw;
  color: #ffffff;
  font-size: 3.73333vw;
  margin-top: 5.33333vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 3.2vw 4vw;
  border-radius: 2.66667vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
&[data-v-4e447436]:hover {
    background: rgba(0, 230, 221, 0.1);
    color: #f6f1f1;
}
}
.info-icon[data-v-4e447436] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.shu[data-v-4e447436] {
  width: 10.66667vw;
  height: 4vw;
  border-right: solid 1px #00e6de96;
  animation: fadeLoop-4e447436 1.2s ease-in-out infinite;
}
@keyframes fadeLoop-4e447436 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.deposit-box[data-v-4e447436] {
  position: relative;
  overflow: hidden;
}
.warning[data-v-4e447436] {
  display: flex;
  align-items: center;
  gap: 5.33333vw;
  padding: 3.2vw;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2.66667vw;
  color: #ffffff;
  font-size: 3.2vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  margin-top: 5.33333vw;
img[data-v-4e447436] {
    width: 8.53333vw;
    height: 10.4vw;
}
span[data-v-4e447436] {
    flex: 1;
    line-height: 5.33333vw;
}
&[data-v-4e447436]:hover {
    background: rgba(0, 230, 221, 0.2);
}

  transition: background 0.3s;
  cursor: pointer;
}
.box-bg[data-v-4e447436] {
  width: 100%;
  display: block;
}
.approveandDeposit[data-v-4e447436] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
.btn[data-v-4e447436] {
    width: 100%;
    padding: 3.2vw;
    border-radius: 2.66667vw;
    background: #1a5ea216;
    color: #f7f9f9;
    text-align: center;
    font-size: 3.46667vw;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.13333vw;
.adcla[data-v-4e447436] {
      width: 5.33333vw;
      height: 5.33333vw;
}
&[data-v-4e447436]:hover {
      background: #00e6dd;
      color: #000;
}

    border: 1px solid rgba(0, 230, 221, 0.3);
}
}
.box-overlay[data-v-4e447436] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5.33333vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 3.2vw;
}
.row[data-v-4e447436] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
.account[data-v-4e447436] {
    font-size: 5.33333vw;
    font-weight: bold;
    color: #ffffff;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
}
.receive[data-v-4e447436] {
  margin-top: 2.66667vw;
}
.dt-icon[data-v-4e447436] {
  width: 4.53333vw;
  height: 5.33333vw;
  margin-left: 1.06667vw;
  opacity: 0.3;
}
.token[data-v-4e447436] {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 4.8vw;
  border-radius: 2.66667vw;
  background: rgba(0, 0, 0, 0.2);
  font-size: 3.73333vw;
  width: fit-content;
  height: 8.53333vw;
  line-height: 8.53333vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.token-icon[data-v-4e447436] {
  width: 5.33333vw;
  height: 5.33333vw;
}
.input-row[data-v-4e447436] {
  margin-top: 2.13333vw;
  display: flex;
  align-items: center;
  border: 1px solid #00e6dd;
  border-radius: 2.66667vw;
  overflow: hidden;
}
.input-row input[data-v-4e447436] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 2.66667vw;
  font-size: 4.26667vw;
  color: #fff;
}
.input-row button[data-v-4e447436] {
  padding: 2.66667vw 3.73333vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
}
.action-row[data-v-4e447436] {
  display: flex;
  gap: 3.2vw;
  justify-content: space-between;
}
.btn-outline[data-v-4e447436] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: transparent;
  border: 1px solid #00e6dd;
  color: #00e6dd;
}
.btn-filled[data-v-4e447436] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: #00e6dd;
  color: #000;
  border: none;
}
.modal-mask[data-v-4e447436] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-4e447436] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-4e447436] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-4e447436] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-4e447436] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.label-wrap[data-v-4e447436] {
  display: inline-flex;
  align-items: center;
  gap: 1.06667vw;
  /* 控制文字与图片间距 */
  vertical-align: middle;
}
.dt-icon[data-v-4e447436] {
  width: 4.53333vw;
  height: 5.06667vw;
  object-fit: contain;
  display: block;
}
.modal-mask[data-v-4e447436] {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-4e447436] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-4e447436] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-4e447436] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-4e447436] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-4e447436] {
  font-size: 4vw;
  font-weight: bold;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
.close-icon[data-v-4e447436] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-4e447436] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-4e447436] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-4e447436] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.options[data-v-4e447436]{
  display: flex;
  flex-direction:row;
  justify-content: space-between;
.pts[data-v-4e447436]{
     display: inline-flex;
  align-items: center; /* ✅ 关键点：垂直居中 */
  gap: 2.13333vw;
}
}
.mtop[data-v-4e447436]{
  margin-top: 2.66667vw;
}


.deposit-wrapper[data-v-bf1b6abe] {
  padding: 4.8vw;
  color: #fff;
}
.row2[data-v-bf1b6abe] {
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
}
.deposit-header[data-v-bf1b6abe] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-bf1b6abe] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.back-icon[data-v-bf1b6abe] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-bf1b6abe] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}


P.a2classe,P.a2classf,P.a2classg,P.a2classh {
  border: solid 1px #05e0f0d2;
  padding: 2.66667vw;
  border-radius: 1.33333vw;
  background-color: #05e0f014;
  color: #edebeb;
  margin-bottom: 2.66667vw;
}
P{
strong{
    color: aqua;
}
}
h3{
  color: #09ebee;
  font-size: 4.26667vw;
  margin-bottom: 2.66667vw;
  text-align: center;
}
.xMedia {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.66667vw;
  margin-top: 5.33333vw;
}
.xMedia img {
  width: 13.33333vw;
  height: 13.33333vw;
  cursor: pointer;
}
.xMedia img:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
}
.xMedia img:active {
  transform: scale(0.9);
  transition: transform 0.1s;
}
.xMedia div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.xMedia div img {
  width: 6.66667vw;
  height: 6.66667vw;
  cursor: pointer;
}
.xMedia div img:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
}
.xMedia div img:active {
  transform: scale(0.9);
  transition: transform 0.1s;
} 


.deposit-wrapper[data-v-1ef6e1d4] {
  padding: 4.8vw;
  color: #fff;
}
.row2[data-v-1ef6e1d4] {
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
}
.deposit-header[data-v-1ef6e1d4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-1ef6e1d4] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.back-icon[data-v-1ef6e1d4] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-1ef6e1d4] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}


P.a2classe,P.a2classf,P.a2classg,P.a2classh {
  border: solid 1px #05e0f0d2;
  padding: 2.66667vw;
  border-radius: 1.33333vw;
  background-color: #05e0f014;
  color: #edebeb;
  margin-bottom: 2.66667vw;
}
hr{
  border: none;
  border-top: 1px solid #05e0f052;
  margin: 5.33333vw 0 !important;
}
h3{
  color:#05e0f0;
  display: flex;
  height: 16vw;
  justify-content: left;
  align-items: center;
}
.xMedia {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.66667vw;
  margin-top: 5.33333vw;
}
.xMedia img {
  width: 13.33333vw;
  height: 13.33333vw;
  cursor: pointer;
}
.xMedia img:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
}
.xMedia img:active {
  transform: scale(0.9);
  transition: transform 0.1s;
}
.xMedia div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.xMedia div img {
  width: 6.66667vw;
  height: 6.66667vw;
  cursor: pointer;
}
.xMedia div img:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
}
.xMedia div img:active {
  transform: scale(0.9);
  transition: transform 0.1s;
} 


.deposit-wrapper[data-v-6845caf2] {
  padding: 4.8vw;
  color: #fff;
}
.row2[data-v-6845caf2] {
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
}
.deposit-header[data-v-6845caf2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-6845caf2] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.back-icon[data-v-6845caf2] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-6845caf2] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}


P.a2classe,P.a2classf,P.a2classg,P.a2classh {
  border: solid 1px #05e0f0d2;
  padding: 2.66667vw;
  border-radius: 1.33333vw;
  background-color: #05e0f014;
  color: #edebeb;
  margin-bottom: 2.66667vw;
}
hr{
  border: none;
  border-top: 1px solid #05e0f052;
  margin: 5.33333vw 0 !important;
}
ul {
 list-style: none;
  padding-left: 0;
}
ul li{  
position: relative;
padding-left: 1.2em;
}
ul li::before {
content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #3498db;
  border-radius: 50%; /* 圆形 */
}
h3{
  color:#05e0f0;
  display: flex;
  height: 16vw;
  justify-content: left;
  align-items: center;
}
.xMedia {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.66667vw;
  margin-top: 5.33333vw;
}
.xMedia img {
  width: 13.33333vw;
  height: 13.33333vw;
  cursor: pointer;
}
.xMedia img:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
}
.xMedia img:active {
  transform: scale(0.9);
  transition: transform 0.1s;
}
.xMedia div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.xMedia div img {
  width: 6.66667vw;
  height: 6.66667vw;
  cursor: pointer;
}
.xMedia div img:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
}
.xMedia div img:active {
  transform: scale(0.9);
  transition: transform 0.1s;
} 


/* ✅ 精简后统一的 CSS 样式 */
.deposit-wrapper[data-v-745fb03a] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-745fb03a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-745fb03a] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-745fb03a] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-745fb03a] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}
.quick-header[data-v-745fb03a] {
  display: flex;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.icon[data-v-745fb03a] {
  width: 5.33333vw;
  margin-right: 2.13333vw;
}
.title[data-v-745fb03a] {
  font-size: 3.73333vw;
  margin-right: 1.6vw;
  color: #fff;
}
.refresh[data-v-745fb03a] {
  margin-left: auto;
  width: 4.26667vw;
  height: 4.26667vw;
  cursor: pointer;
  opacity: 0.8;
}
.plan-slider[data-v-745fb03a] {
  overflow: hidden;
  margin-bottom: 5.33333vw;
}
.slider-container[data-v-745fb03a] {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden; /* ✅ 禁止垂直滚动 */
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 3.2vw;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x; /* ✅ 只允许横向滑动 */
}
.plan-card[data-v-745fb03a] {
  width: 43.46667vw;
  height: 69.33333vw;
  scroll-snap-align: center;
  border-radius: 2.66667vw;
  color: white;
  padding: 2.66667vw;
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  scroll-snap-align: center; /* ✅ 吸附到中间 */
}
.card-img[data-v-745fb03a] {
  width: 100%;
  height: auto;

  object-fit: cover;
  border-radius: 2.13333vw;
}
.plan-title[data-v-745fb03a] {
  font-size: 4.26667vw;
  font-weight: bold;
  color: #fff;
}
.plan-desc[data-v-745fb03a] {
  font-size: 3.2vw;
  margin-bottom: 2.66667vw;
  flex-grow: 1; /* ✅ 使描述区域占据剩余空间 */
  line-height: 1.2;
}
.learn-btn[data-v-745fb03a] {
  background: transparent;
  border: 1px solid white;
  border-radius: 2.66667vw;
  color: white;
  padding: 2.66667vw 5.33333vw;
  font-size: 3.73333vw;
  font-weight: bold;
}
.learn-btn[data-v-745fb03a]:active {
  background: rgba(3, 245, 193, 0.43);
}
.title-row[data-v-745fb03a] {
  display: inline-flex;
  align-items: center;
  gap: 2.13333vw;
  font-size: 4vw;
  color: #fff;
  margin-bottom: 2.66667vw;
}
.infotitle[data-v-745fb03a] {
  width: 4.8vw;
  height: 4.8vw;
  display: block;
}
.section[data-v-745fb03a] {
  background: #05e0f013;
  border: solid 1px #05e0f082;
  border-radius: 2.13333vw;
  padding: 3.73333vw;
  margin-bottom: 3.2vw;
  cursor: pointer;
  transition: background 0.3s;
}
.section.active[data-v-745fb03a] {
  background: #05e0f014;
}
.title-with-icon[data-v-745fb03a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title-text[data-v-745fb03a] {
  font-size: 3.46667vw;
  font-weight: bold;
  color: #ffffff;
}
.arrow-icon[data-v-745fb03a] {
  width: 3.2vw;
  height: 3.2vw;
  transition: transform 0.3s ease;
}
.arrow-icon.rotate[data-v-745fb03a] {
  transform: rotate(180deg);
}
.content-box[data-v-745fb03a] {
  margin-top: 2.66667vw;
  color: #ccc;
  font-size: 3.46667vw;
}
.fade-enter-active[data-v-745fb03a],
.fade-leave-active[data-v-745fb03a] {
  transition: all 0.15s ease;
}
.fade-enter[data-v-745fb03a],
.fade-leave-to[data-v-745fb03a] {
  opacity: 0;
  max-height: 0;
}
ul[data-v-745fb03a] {
  list-style: none;
  padding-left: 0;
}
ul li[data-v-745fb03a] {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1.6vw;
}
ul li[data-v-745fb03a]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #3498db;
  border-radius: 50%;
}
.modal-mask[data-v-745fb03a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-745fb03a] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-745fb03a] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-745fb03a] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-745fb03a] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.modal-overlay[data-v-745fb03a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-745fb03a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-745fb03a] {
  font-size: 4vw;
  font-weight: bold;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.close-icon[data-v-745fb03a] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-745fb03a] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-745fb03a] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-745fb03a] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.modal-container[data-v-745fb03a] {
  position: relative;
  width: 90.66667vw;
}
.plan-end-space[data-v-745fb03a] {
  width: 4.26667vw; /* ✅ 最后加一个占位 padding，避免最后一张被切掉 */
  flex-shrink: 0;
}


.deposit-wrapper[data-v-b26d641e] {
  padding: 4.8vw;
  color: #fff;
}
.row2[data-v-b26d641e] {
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
}
.deposit-header[data-v-b26d641e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-b26d641e] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.back-icon[data-v-b26d641e] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-b26d641e] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}


P.a2classe,P.a2classf,P.a2classg,P.a2classh {
  border: solid 1px #05e0f0d2;
  padding: 2.66667vw;
  border-radius: 1.33333vw;
  background-color: #05e0f014;
  color: #edebeb;
  margin-bottom: 2.66667vw;
}
P{
strong{
    color: aqua;
}
}
h2{
  
  font-size: 4.8vw;
  margin-bottom: 5.33333vw !important;
}
h3{
  color: #09ebee;
  font-size: 4.26667vw;
  margin-bottom: 2.66667vw;
  text-align: center;
}
.xMedia {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.66667vw;
  margin-top: 5.33333vw;
}
.xMedia img {
  width: 13.33333vw;
  height: 13.33333vw;
  cursor: pointer;
}
.xMedia img:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
}
.xMedia img:active {
  transform: scale(0.9);
  transition: transform 0.1s;
}
.xMedia div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.xMedia div img {
  width: 6.66667vw;
  height: 6.66667vw;
  cursor: pointer;
}
.xMedia div img:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
}
.xMedia div img:active {
  transform: scale(0.9);
  transition: transform 0.1s;
} 


.deposit-wrapper[data-v-40cc9d84] {
  padding: 4.8vw;
  color: #fff;
}
.row2[data-v-40cc9d84] {
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
}
.deposit-header[data-v-40cc9d84] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-40cc9d84] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.back-icon[data-v-40cc9d84] {
  width: 10.4vw;
  height: 9.6vw;
}
.deposit-box[data-v-40cc9d84] {
  position: relative;
  overflow: hidden;
}
.box-bg[data-v-40cc9d84] {
  width: 100%;
  display: block;
}
.box-overlay[data-v-40cc9d84] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5.33333vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 3.2vw;
}



.deposit-wrapper[data-v-3500a10c] {
  padding: 4.8vw;
  color: #fff;
}
.row2[data-v-3500a10c] {
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
}
.deposit-header[data-v-3500a10c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-3500a10c] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.back-icon[data-v-3500a10c] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-3500a10c] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}


P.a2classe,P.a2classf,P.a2classg,P.a2classh {
  border: solid 1px #05e0f0d2;
  padding: 2.66667vw;
  border-radius: 1.33333vw;
  background-color: #05e0f014;
  color: #edebeb;
  margin-bottom: 2.66667vw;
}
hr{
  border: none;
  border-top: 1px solid #05e0f052;
  margin: 5.33333vw 0 !important;
}
ul {
 list-style: none;
  padding-left: 0;
}
ul li{  
position: relative;
padding-left: 1.2em;
}
ul li::before {
content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #3498db;
  border-radius: 50%; /* 圆形 */
}
h3{
  color:#05e0f0;
  display: flex;
  height: 16vw;
  justify-content: left;
  align-items: center;
}
.xMedia {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2.66667vw;
  margin-top: 5.33333vw;
}
.xMedia img {
  width: 13.33333vw;
  height: 13.33333vw;
  cursor: pointer;
}
.xMedia img:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
}
.xMedia img:active {
  transform: scale(0.9);
  transition: transform 0.1s;
}
.xMedia div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.xMedia div img {
  width: 6.66667vw;
  height: 6.66667vw;
  cursor: pointer;
}
.xMedia div img:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
}
.xMedia div img:active {
  transform: scale(0.9);
  transition: transform 0.1s;
} 


.deposit-wrapper[data-v-1f57a770] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-1f57a770] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-1f57a770] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-1f57a770] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-1f57a770] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}
.tips[data-v-1f57a770] {
  font-size: 3.73333vw;
  color: #ccc;
  margin-bottom: 5.33333vw;
  line-height: 1.6;
}
.section[data-v-1f57a770] {
  background: #05e0f013;
  border: solid 1px #05e0f082;
  border-radius: 2.13333vw;
  padding: 3.73333vw;
  margin-bottom: 3.2vw;
  cursor: pointer;
  transition: background 0.3s;
}
.section.active[data-v-1f57a770] {
  background: #05e0f014;
}
.title-with-icon[data-v-1f57a770] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title-text[data-v-1f57a770] {
  font-size: 4vw;
  font-weight: bold;
  color: #ffffff;
}
.arrow-icon[data-v-1f57a770] {
  width: 3.2vw;
  height: 3.2vw;
  transition: transform 0.3s ease;
}
.arrow-icon.rotate[data-v-1f57a770] {
  transform: rotate(180deg);
}
.content-box[data-v-1f57a770] {
  margin-top: 2.66667vw;
  color: #ccc;
  font-size: 3.46667vw;
}
.fade-enter-active[data-v-1f57a770],
.fade-leave-active[data-v-1f57a770] {
  transition: all 0.15s ease;
}
.fade-enter[data-v-1f57a770],
.fade-leave-to[data-v-1f57a770] {
  opacity: 0;
  max-height: 0;
}
ul[data-v-1f57a770] {
  list-style: none;
  padding-left: 0;
}
ul li[data-v-1f57a770] {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1.6vw;
}
ul li[data-v-1f57a770]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #3498db;
  border-radius: 50%;
}


.deposit-wrapper[data-v-11fef7f0] {
  padding: 4.8vw;
  color: #fff;
}
.row2[data-v-11fef7f0] {
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
}
.deposit-header[data-v-11fef7f0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.linkinput[data-v-11fef7f0] {

  padding: 2.66667vw;
  border-radius: 2.66667vw;
  border: 1px solid #00e6dd;
  background: transparent;
  color: #ffffff;
  font-size: 4.26667vw;
}
.linkbtn[data-v-11fef7f0] {
  padding: 3.2vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
  border-radius: 2.66667vw;
  border: 1px solid #00e6dd;
  cursor: pointer;
}
.qrcode-box[data-v-11fef7f0]{
  display: flex;
  justify-content: center;
  align-items: center;
}
.withdraw-box[data-v-11fef7f0] {
  position: relative;
  margin-top: -2.66667vw;
  margin-bottom: 5.33333vw;
}
.shareTitle[data-v-11fef7f0] {
  text-align: center;
  font-size: 4.26667vw;
  font-weight: bold;
  color: #ffffff;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  margin-bottom: 1.33333vw;
}
.line[data-v-11fef7f0] {
  border-bottom: solid 1px rgba(249, 249, 249, 0.14);
  padding-bottom: 2.66667vw;
}
.deposit-header .center[data-v-11fef7f0] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.back-icon[data-v-11fef7f0] {
  width: 10.4vw;
  height: 9.6vw;
}
.info-icon[data-v-11fef7f0] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.deposit-box[data-v-11fef7f0] {
  position: relative;
  overflow: hidden;
}
.box-bg[data-v-11fef7f0] {
  width: 100%;
  display: block;
}
.box-overlay[data-v-11fef7f0] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5.33333vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 3.2vw;
}
.fitem[data-v-11fef7f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.06667vw;
}
.row[data-v-11fef7f0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
  margin-top: 2.66667vw;
.account[data-v-11fef7f0] {
    font-size: 5.33333vw;
    font-weight: bold;
    color: #ffffff;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.t1[data-v-11fef7f0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.06667vw;
    color: #ffffff;
    border: solid 1px rgba(0, 230, 221, 0.3);
    padding: 1.6vw 8vw;
    border-radius: 2.66667vw;
    background: rgba(0, 0, 0, 0.2);
    transition: background 0.3s, color 0.3s;
img[data-v-11fef7f0] {
      width: 5.33333vw;
      height: 5.33333vw;
}
span[data-v-11fef7f0] {
      font-size: 4.26667vw;
      font-weight: bold;
      color: #00e6dd;
}
}
}
.receive[data-v-11fef7f0] {
  margin-top: 2.66667vw;
}
.action-row[data-v-11fef7f0] {
  display: flex;
  gap: 3.2vw;
  justify-content: space-between;
}
.btn-filled[data-v-11fef7f0] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: #00e6dd;
  color: #000;
  border: none;
}
.modal-mask[data-v-11fef7f0] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-11fef7f0] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-11fef7f0] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-11fef7f0] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-11fef7f0] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.modal-mask[data-v-11fef7f0] {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-11fef7f0] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-11fef7f0] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-11fef7f0] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-11fef7f0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-11fef7f0] {
  font-size: 4vw;
  font-weight: bold;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
.close-icon[data-v-11fef7f0] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-11fef7f0] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-11fef7f0] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-11fef7f0] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}


.auto[data-v-61a55b1c] {
  font-size: 3.73333vw;
  color: #00e6dd;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.terms-agree[data-v-61a55b1c] {
  display: flex;
  align-items: center;
  gap: 2.13333vw;
  font-size: 3.73333vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.terms-agree input[type="checkbox"][data-v-61a55b1c] {
  appearance: none;
  width: 4.53333vw;
  height: 4.53333vw;
  border: 0.53333vw solid #00e6dd;
  border-radius: 50%;
  background: transparent;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.terms-agree input[type="checkbox"][data-v-61a55b1c]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.86667vw;
  height: 1.86667vw;
  background-color: #00e6dd;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.terms-agree input[type="checkbox"][data-v-61a55b1c]:checked::after {
  opacity: 1;
}
.terms-agree a[data-v-61a55b1c] {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.terms-agree a[data-v-61a55b1c]:hover {
  color: #00ffe5;
  border-bottom-color: #00ffe5;
}
.ts[data-v-61a55b1c] {
  font-size: 3.73333vw;

  color: #00e6dd;
}
.flx[data-v-61a55b1c] {
  margin-top: 2.66667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.66667vw;
  gap: 2.13333vw;
}
.imoney[data-v-61a55b1c],
.ishou[data-v-61a55b1c] {
  display: flex;
  flex-direction: column;
  gap: 4vw;
  font-size: 3.46667vw;
  color: #ffffff;
  text-align: center;
}
.imoney input[data-v-61a55b1c],
.ishou input[data-v-61a55b1c] {
  padding: 2.66667vw;
  border-radius: 2.66667vw;
  border: 1px solid #00e6dd;
  background: transparent;
  color: #ffffff;
  font-size: 4.26667vw;
  width: 100%;
  text-align: center;
}
.imoney input[data-v-61a55b1c]::placeholder,
.ishou input[data-v-61a55b1c]::placeholder {
  color: #ffffff;
  opacity: 0.7; /* Placeholder text opacity */
}
.deposit-wrapper[data-v-61a55b1c] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-61a55b1c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.withdraw-box[data-v-61a55b1c] {
  position: relative;
  margin-top: -2.66667vw;
  margin-bottom: 5.33333vw;
}
.line[data-v-61a55b1c] {
  border-bottom: solid 1px rgba(249, 249, 249, 0.14);
  padding-bottom: 2.66667vw;
}
.typassword[data-v-61a55b1c] {
  display: flex;
  flex-direction: column;
  gap: 5.33333vw;
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
input[data-v-61a55b1c] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    border: 1px solid #00e6dd;
    background: transparent;
    color: #ffffff;
    font-size: 4.26667vw;
}
button[data-v-61a55b1c] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    background: #00e6dd;
    color: #000;
    border: none;
    cursor: pointer;
    font-size: 4.26667vw;
    transition: background 0.3s, color 0.3s;
}
button[data-v-61a55b1c]:hover {
    background: #00b3b3;
    color: #fff;
}

  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 2.66667vw;
  line-height: 1.5;
  font-weight: normal;
  text-align: left;

  cursor: pointer;
}
.icon-text[data-v-61a55b1c] {
  display: inline-flex; /* ✅ 水平排列 + 垂直居中 */
  align-items: center; /* ✅ 垂直居中 */
  gap: 1.6vw; /* 可选：图标与文字间距 */
}
.wicon[data-v-61a55b1c] {
  width: 5.33333vw;
  height: 5.33333vw;
  display: block; /* ✅ 避免底部对齐 bug */
}
.Links[data-v-61a55b1c] {
  font-size: 3.46667vw;
  color: #ffffff;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  margin-top: 5.33333vw;
}
.deposit-header .center[data-v-61a55b1c] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
.back-icon[data-v-61a55b1c] {
  width: 10.4vw;
  height: 9.6vw;
}
.linksimg[data-v-61a55b1c] {
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  align-items: center;
  gap: 2.66667vw;
  color: #ffffff;
  font-size: 3.73333vw;
  margin-top: 5.33333vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 3.2vw 4vw;
  border-radius: 2.66667vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
&[data-v-61a55b1c]:hover {
    background: rgba(0, 230, 221, 0.1);
    color: #f6f1f1;
}
}
.info-icon[data-v-61a55b1c] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.shu[data-v-61a55b1c] {
  width: 10.66667vw;
  height: 4vw;
  border-right: solid 1px #00e6de96;
  animation: fadeLoop-61a55b1c 1.2s ease-in-out infinite;
}
@keyframes fadeLoop-61a55b1c {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.deposit-box[data-v-61a55b1c] {
  position: relative;
  overflow: hidden;
}
.warning[data-v-61a55b1c] {
  display: flex;
  align-items: center;
  gap: 5.33333vw;
  padding: 3.2vw;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2.66667vw;
  color: #ffffff;
  font-size: 3.2vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  margin-top: 5.33333vw;
img[data-v-61a55b1c] {
    width: 8.53333vw;
    height: 10.4vw;
}
span[data-v-61a55b1c] {
    flex: 1;
    line-height: 5.33333vw;
}
&[data-v-61a55b1c]:hover {
    background: rgba(0, 230, 221, 0.2);
}

  transition: background 0.3s;
  cursor: pointer;
}
.box-bg[data-v-61a55b1c] {
  width: 100%;
  display: block;
}
.approveandDeposit[data-v-61a55b1c] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
.btn[data-v-61a55b1c] {
    width: 100%;
    padding: 3.2vw;
    border-radius: 2.66667vw;
    background: #1a5ea216;
    color: #f7f9f9;
    text-align: center;
    font-size: 3.46667vw;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.13333vw;
.adcla[data-v-61a55b1c] {
      width: 5.33333vw;
      height: 5.33333vw;
}
&[data-v-61a55b1c]:hover {
      background: #00e6dd;
      color: #000;
}

    border: 1px solid rgba(0, 230, 221, 0.3);
}
}
.box-overlay[data-v-61a55b1c] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 3.2vw;
.yuj[data-v-61a55b1c] {
    font-size: 4.26667vw;
    font-weight: bold;
    color: #00e6dd;
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
      "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    text-align: center;
    margin-top: 2.66667vw;
}
.yujnumber[data-v-61a55b1c] {
    text-align: center;
    font-size: 5.33333vw;
    font-weight: bold;
    color: #00e6dd;
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
      "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    margin-top: 1.33333vw;
}
}
.row[data-v-61a55b1c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
.account[data-v-61a55b1c] {
    font-size: 5.33333vw;
    font-weight: bold;
    color: #ffffff;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
      "Lucida Sans", Arial, sans-serif;
}
}
.receive[data-v-61a55b1c] {
  margin-top: 2.66667vw;
}
.dt-icon[data-v-61a55b1c] {
  width: 4.53333vw;
  height: 5.33333vw;
  margin-left: 1.06667vw;
}
.token[data-v-61a55b1c] {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 4.8vw;
  border-radius: 2.66667vw;
  background: rgba(0, 0, 0, 0.2);
  font-size: 3.73333vw;
  width: fit-content;
  height: 8.53333vw;
  line-height: 8.53333vw;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.token-icon[data-v-61a55b1c] {
  width: 5.33333vw;
  height: 5.33333vw;
}
.input-row[data-v-61a55b1c] {
  margin-top: 2.13333vw;
  display: flex;
  align-items: center;
  border: 1px solid #00e6dd;
  border-radius: 1.33333vw;
  overflow: hidden;
}
.input-row input[data-v-61a55b1c] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 2.66667vw;
  font-size: 4.26667vw;
  color: #fff;
  height: 21.33333vw;
}
.input-row button[data-v-61a55b1c] {
  padding: 2.66667vw 3.73333vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
}
.action-row[data-v-61a55b1c] {
  display: flex;
  gap: 3.2vw;
  justify-content: space-between;
}
.btn-outline[data-v-61a55b1c] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: transparent;
  border: 1px solid #00e6dd;
  color: #00e6dd;
}
.btn-filled[data-v-61a55b1c] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: #00e6dd;
  color: #000;
  border: none;
}
.modal-mask[data-v-61a55b1c] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-61a55b1c] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-61a55b1c] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-61a55b1c] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-61a55b1c] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.label-wrap[data-v-61a55b1c] {
  display: inline-flex;
  align-items: center;
  gap: 1.06667vw;
  /* 控制文字与图片间距 */
  vertical-align: middle;
}
.dt-icon[data-v-61a55b1c] {
  width: 4.53333vw;
  height: 5.06667vw;
  object-fit: contain;
  display: block;
}
.modal-mask[data-v-61a55b1c] {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-61a55b1c] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-61a55b1c] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-61a55b1c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-61a55b1c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-61a55b1c] {
  font-size: 4vw;
  font-weight: bold;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.slider[data-v-61a55b1c] {
  width: 100%;
  margin: 2.66667vw 0;
  accent-color: #00e6dd;
  -webkit-appearance: none;
  height: 1.33333vw;
  background: rgba(0, 230, 221, 0.3);
  border-radius: 1.33333vw;
  border: solid 1px rgba(0, 230, 221, 0.3);
  height: 2.4vw;
}
.close-icon[data-v-61a55b1c] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-61a55b1c] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-61a55b1c] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-61a55b1c] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}


.loading-screen[data-v-36c34308] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75); /* 半透明黑色背景 */

  backdrop-filter: blur(1.06667vw);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: auto; /* 阻止点击穿透 */
}
.deposit-wrapper[data-v-36c34308] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-36c34308] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-36c34308] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-36c34308],
.info-icon[data-v-36c34308] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.deposit-box[data-v-36c34308] {
  position: relative;
  overflow: hidden;
}
.box-bg[data-v-36c34308] {
  width: 100%;
  display: block;
}
.box-overlay[data-v-36c34308] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5.33333vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.password-form[data-v-36c34308] {
  display: flex;
  flex-direction: column;
  gap: 4.26667vw;
}
.input-box[data-v-36c34308] {
  padding: 3.2vw;
  font-size: 3.73333vw;
  border-radius: 2.66667vw;
  border: 1px solid #00e6dd;
  background: rgba(0, 230, 221, 0.08);
  color: #fff;
  outline: none;
}
.input-box[data-v-36c34308]::placeholder {
  color: #ccc;
}
.update-btn[data-v-36c34308] {
  padding: 3.2vw;
  font-size: 3.73333vw;
  background: #00e6dd;
  color: #000;
  border: none;
  border-radius: 2.66667vw;
  cursor: pointer;
}

/* modal 样式复用 */
.modal-mask[data-v-36c34308] {
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-36c34308] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-36c34308] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-36c34308] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-36c34308] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-36c34308] {
  font-size: 4vw;
  font-weight: bold;
}
.close-icon[data-v-36c34308] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-36c34308] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-36c34308] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-36c34308] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
}


.deposit-wrapper[data-v-cc16c452] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-cc16c452] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-cc16c452] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-cc16c452] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-cc16c452] {
  font-size: 3.46667vw;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}
ul[data-v-cc16c452] {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
ul li[data-v-cc16c452] {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1.6vw;
}
ul li[data-v-cc16c452]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #3498db;
  border-radius: 50%;
}
.modal-mask[data-v-cc16c452] {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-cc16c452] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-cc16c452] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-cc16c452] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-cc16c452] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-cc16c452] {
  font-size: 4vw;
  font-weight: bold;
}
.close-icon[data-v-cc16c452] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-cc16c452] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-cc16c452] {
  transform: scale(0.95) rotate(180deg);
}
.chat-box[data-v-cc16c452] {
  margin-top: 5.33333vw;
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
  padding: 0 2.66667vw;
}
.chat-row[data-v-cc16c452] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: 2.13333vw;
}
.chat-row.ai[data-v-cc16c452] {
  justify-content: flex-start;
}
.chat-row.user[data-v-cc16c452] {
  justify-content: flex-end;
  flex-direction: row;
}
.chat-avatar[data-v-cc16c452] {
  width: 7.46667vw;
  height: 7.46667vw;
  flex-shrink: 0;
  border-radius: 50%;
}
.chat-row.user .chat-avatar[data-v-cc16c452] {
  order: 2;
  margin-left: 2.13333vw;
}
.chat-row.user .bubble[data-v-cc16c452] {
  order: 1;
  background: #1fc99025;
  padding: 1.33333vw 2.66667vw;
  color: #f6f5f5;
  border-top-right-radius: 0;
  max-width: calc(100%);
  border: solid 1px #00e6de61;
}
.bubble[data-v-cc16c452] {
  border-radius: 3.73333vw;
  color: #fff;
  font-size: 3.73333vw;
  max-width: 100%;

  word-break: break-word;
  line-height: 1.5;
}
.chat-img[data-v-cc16c452] {
  max-width: 100%;
  border-radius: 2.13333vw;
}
.input-row[data-v-cc16c452] {
  margin-top: 5.33333vw;
  display: flex;
  gap: 2.13333vw;
  padding: 0 2.66667vw;
}
.input-row input[data-v-cc16c452] {
  flex: 1;
  padding: 2.66667vw;
  border-radius: 2.66667vw;
  border: 1px solid #00e6dd;
  background: transparent;
  color: #fff;
}
.input-row button[data-v-cc16c452] {
  padding: 2.66667vw 4.26667vw;
  border: none;
  background: #00e6dd;
  color: #000;
  border-radius: 2.66667vw;
  cursor: pointer;
  font-weight: bold;
}


.deposit-wrapper[data-v-60977ac1] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-60977ac1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-60977ac1] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-60977ac1] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-60977ac1] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}
.tips[data-v-60977ac1] {
  font-size: 3.73333vw;
  color: #ccc;
  margin-bottom: 5.33333vw;
  line-height: 1.6;
}
.section[data-v-60977ac1] {
  background: #05e0f013;
  border: solid 1px #05e0f082;
  border-radius: 2.13333vw;
  padding: 3.73333vw;
  margin-bottom: 3.2vw;
  cursor: pointer;
  transition: background 0.3s;
}
.section.active[data-v-60977ac1] {
  background: #05e0f014;
}
.title-with-icon[data-v-60977ac1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title-text[data-v-60977ac1] {
  font-size: 4vw;
  font-weight: bold;
  color: #ffffff;
}
.arrow-icon[data-v-60977ac1] {
  width: 3.2vw;
  height: 3.2vw;
  transition: transform 0.3s ease;
}
.arrow-icon.rotate[data-v-60977ac1] {
  transform: rotate(180deg);
}
.content-box[data-v-60977ac1] {
  margin-top: 2.66667vw;
  color: #ccc;
  font-size: 3.46667vw;
}
.fade-enter-active[data-v-60977ac1],
.fade-leave-active[data-v-60977ac1] {
  transition: all 0.15s ease;
}
.fade-enter[data-v-60977ac1],
.fade-leave-to[data-v-60977ac1] {
  opacity: 0;
  max-height: 0;
}
ul[data-v-60977ac1] {
  list-style: none;
  padding-left: 0;
}
ul li[data-v-60977ac1] {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1.6vw;
}
ul li[data-v-60977ac1]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #3498db;
  border-radius: 50%;
}


.contentx[data-v-54084df6]{
  font-size: 3.46667vw;
}
.arrrj[data-v-54084df6]{
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
button[data-v-54084df6]{
    flex:1;    
    background: #00e6de28;
    color: #ffffff;
    padding: 2.66667vw 5.33333vw;
    border: none;
    border-radius: 2.13333vw;
    font-size: 3.73333vw;
    font-weight: bold;
    cursor: pointer;
    border: solid 0.53333vw #00e6dd;
}
button[data-v-54084df6]:hover{
    background: #00e6de;
    color: #000;
}
button[data-v-54084df6]:active{
    background: #00e6de;
    color: #000;
}
}
.subJ[data-v-54084df6]{
  width: 100%;
  background: #00e6de26;
  border: solid 0.53333vw #00e6dd;
  color: #fafafa;
  padding: 2.66667vw 0;
  border-radius: 1.33333vw;
  font-size: 3.46667vw;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 5.33333vw;
  margin-top: 5.33333vw;
  font-size: 4.53333vw;
}
.planimgbanner[data-v-54084df6]{
margin-bottom: 5.33333vw;
}
.buls[data-v-54084df6]{
  border-left: solid 0.53333vw #00e6dd;
  padding-left: 2.66667vw;
  margin-bottom: 5.33333vw;
  color: #fff;
  font-size: 3.73333vw;
  line-height: 1.6;
  background: rgba(0, 230, 221, 0.1);
  padding: 2.66667vw;
}
.plan-img[data-v-54084df6]{
  width: 100%;
  height: auto;
  max-height: 26.66667vw;
  object-fit: cover;
  border-radius: 2.66667vw;
}
.deposit-wrapper[data-v-54084df6] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-54084df6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-54084df6] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-54084df6] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-54084df6] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}
.quick-header[data-v-54084df6] {
  display: flex;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.icon[data-v-54084df6] {
  width: 5.33333vw;
  margin-right: 2.13333vw;
}
.title[data-v-54084df6] {
  font-size: 3.73333vw;
  margin-right: 1.6vw;
  color: #fff;
}
.refresh[data-v-54084df6] {
  margin-left: auto;
  width: 4.26667vw;
  height: 4.26667vw;
  cursor: pointer;
  opacity: 0.8;
}
.plan-slider[data-v-54084df6] {
  overflow: hidden;
  margin-bottom: 5.33333vw;
}
.slider-container[data-v-54084df6] {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 3.2vw;
}
.plan-card[data-v-54084df6] {
  width: 43.46667vw;
  height: 74.66667vw;
  scroll-snap-align: center;
  border-radius: 2.66667vw;
  color: white;
  padding: 2.66667vw;
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-img[data-v-54084df6] {
  width: 100%;
  height: auto;
  max-height: 26.66667vw;
  object-fit: cover;
  border-radius: 2.13333vw;
  margin-bottom: 3.2vw;
}
.plan-title[data-v-54084df6] {
  font-size: 4.26667vw;
  font-weight: bold;
  margin-bottom: 1.6vw;
  color: #fff;
}
.plan-desc[data-v-54084df6] {
  font-size: 3.73333vw;
  margin-bottom: 3.73333vw;
  line-height: 1.4;
}
.learn-btn[data-v-54084df6] {
  background: transparent;
  border: 0.53333vw solid white;
  border-radius: 2.66667vw;
  color: white;
  padding: 2.66667vw 5.33333vw;
  font-size: 3.73333vw;
  font-weight: bold;
}
.learn-btn[data-v-54084df6]:active {
  background: rgba(3, 245, 193, 0.43);
}
.title-row[data-v-54084df6] {
  display: inline-flex;
  align-items: center;
  gap: 2.13333vw;
  font-size: 4vw;
  color: #fff;
  margin-bottom: 2.66667vw;
}
.infotitle[data-v-54084df6] {
  width: 4.8vw;
  height: 4.8vw;
  display: block;
}
.section[data-v-54084df6] {
  background: #05e0f013;
  border: solid 1px #05e0f082;
  border-radius: 2.13333vw;
  padding: 3.73333vw;
  margin-bottom: 3.2vw;
  cursor: pointer;
  transition: background 0.3s;
}
.section.active[data-v-54084df6] {
  background: #05e0f014;
}
.title-with-icon[data-v-54084df6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title-text[data-v-54084df6] {
  font-size: 3.46667vw;
  font-weight: bold;
  color: #ffffff;
}
.arrow-icon[data-v-54084df6] {
  width: 3.2vw;
  height: 3.2vw;
  transition: transform 0.3s ease;
}
.arrow-icon.rotate[data-v-54084df6] {
  transform: rotate(180deg);
}
.content-box[data-v-54084df6] {
  margin-top: 2.66667vw;
  color: #ccc;
  font-size: 3.46667vw;
}
.fade-enter-active[data-v-54084df6],
.fade-leave-active[data-v-54084df6] {
  transition: all 0.15s ease;
}
.fade-enter[data-v-54084df6],
.fade-leave-to[data-v-54084df6] {
  opacity: 0;
  max-height: 0;
}
ul[data-v-54084df6] {
  list-style: none;
  padding-left: 0;
}
ul li[data-v-54084df6] {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1.6vw;
}
ul li[data-v-54084df6]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #3498db;
  border-radius: 50%;
}
.modal-mask[data-v-54084df6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-54084df6] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-54084df6] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-54084df6] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-54084df6] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.modal-overlay[data-v-54084df6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-54084df6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-54084df6] {
  font-size: 4vw;
  font-weight: bold;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
.close-icon[data-v-54084df6] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-54084df6] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-54084df6] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-54084df6] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.modal-container[data-v-54084df6] {
  position: relative;
  width: 90.66667vw;
}


.contentx[data-v-5a3f22ae]{
  font-size: 3.46667vw;
}
.arrrj[data-v-5a3f22ae]{
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
button[data-v-5a3f22ae]{
    flex:1;    
    color: #ffffff;
    padding: 2.66667vw 5.33333vw;
    border: none;
    border-radius: 2.13333vw;
    font-size: 3.73333vw;
    font-weight: bold;
    cursor: pointer;
    background: #e6640032;
    border: solid 0.53333vw #e66400f6;
}
button[data-v-5a3f22ae]:hover{
    background: #00e6de;
    color: #000;
}
button[data-v-5a3f22ae]:active{
    background: #00e6de;
    color: #000;
}
}
.subJ[data-v-5a3f22ae]{
  width: 100%;
  background: #e6640032;
  border: solid 0.53333vw #e66400f6;
  color: #fafafa;
  padding: 2.66667vw 0;
  border-radius: 1.33333vw;
  font-size: 3.46667vw;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 5.33333vw;
  margin-top: 5.33333vw;
  font-size: 4.53333vw;
}
.planimgbanner[data-v-5a3f22ae]{
margin-bottom: 5.33333vw;
}
.buls[data-v-5a3f22ae]{
  border-left: solid 0.53333vw #e66400f6;
  padding-left: 2.66667vw;
  margin-bottom: 5.33333vw;
  color: #fff;
  font-size: 3.73333vw;
  line-height: 1.6;
  background: #e6640032;
  padding: 2.66667vw;
}
.plan-img[data-v-5a3f22ae]{
  width: 100%;
  height: auto;
  max-height: 26.66667vw;
  object-fit: cover;
  border-radius: 2.66667vw;
}
.deposit-wrapper[data-v-5a3f22ae] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-5a3f22ae] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-5a3f22ae] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-5a3f22ae] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-5a3f22ae] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}
.quick-header[data-v-5a3f22ae] {
  display: flex;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.icon[data-v-5a3f22ae] {
  width: 5.33333vw;
  margin-right: 2.13333vw;
}
.title[data-v-5a3f22ae] {
  font-size: 3.73333vw;
  margin-right: 1.6vw;
  color: #fff;
}
.refresh[data-v-5a3f22ae] {
  margin-left: auto;
  width: 4.26667vw;
  height: 4.26667vw;
  cursor: pointer;
  opacity: 0.8;
}
.plan-slider[data-v-5a3f22ae] {
  overflow: hidden;
  margin-bottom: 5.33333vw;
}
.slider-container[data-v-5a3f22ae] {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 3.2vw;
}
.plan-card[data-v-5a3f22ae] {
  width: 43.46667vw;
  height: 74.66667vw;
  scroll-snap-align: center;
  border-radius: 2.66667vw;
  color: white;
  padding: 2.66667vw;
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-img[data-v-5a3f22ae] {
  width: 100%;
  height: auto;
  max-height: 26.66667vw;
  object-fit: cover;
  border-radius: 2.13333vw;
  margin-bottom: 3.2vw;
}
.plan-title[data-v-5a3f22ae] {
  font-size: 4.26667vw;
  font-weight: bold;
  margin-bottom: 1.6vw;
  color: #fff;
}
.plan-desc[data-v-5a3f22ae] {
  font-size: 3.73333vw;
  margin-bottom: 3.73333vw;
  line-height: 1.4;
}
.learn-btn[data-v-5a3f22ae] {
  background: transparent;
  border: 0.53333vw solid white;
  border-radius: 2.66667vw;
  color: white;
  padding: 2.66667vw 5.33333vw;
  font-size: 3.73333vw;
  font-weight: bold;
}
.learn-btn[data-v-5a3f22ae]:active {
  background: rgba(3, 245, 193, 0.43);
}
.title-row[data-v-5a3f22ae] {
  display: inline-flex;
  align-items: center;
  gap: 2.13333vw;
  font-size: 4vw;
  color: #fff;
  margin-bottom: 2.66667vw;
}
.infotitle[data-v-5a3f22ae] {
  width: 4.8vw;
  height: 4.8vw;
  display: block;
}
.section[data-v-5a3f22ae] {
  background: #05e0f013;
  border: solid 1px #05e0f082;
  border-radius: 2.13333vw;
  padding: 3.73333vw;
  margin-bottom: 3.2vw;
  cursor: pointer;
  transition: background 0.3s;
}
.section.active[data-v-5a3f22ae] {
  background: #05e0f014;
}
.title-with-icon[data-v-5a3f22ae] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title-text[data-v-5a3f22ae] {
  font-size: 3.46667vw;
  font-weight: bold;
  color: #ffffff;
}
.arrow-icon[data-v-5a3f22ae] {
  width: 3.2vw;
  height: 3.2vw;
  transition: transform 0.3s ease;
}
.arrow-icon.rotate[data-v-5a3f22ae] {
  transform: rotate(180deg);
}
.content-box[data-v-5a3f22ae] {
  margin-top: 2.66667vw;
  color: #ccc;
  font-size: 3.46667vw;
}
.fade-enter-active[data-v-5a3f22ae],
.fade-leave-active[data-v-5a3f22ae] {
  transition: all 0.15s ease;
}
.fade-enter[data-v-5a3f22ae],
.fade-leave-to[data-v-5a3f22ae] {
  opacity: 0;
  max-height: 0;
}
ul[data-v-5a3f22ae] {
  list-style: none;
  padding-left: 0;
}
ul li[data-v-5a3f22ae] {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1.6vw;
}
ul li[data-v-5a3f22ae]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #3498db;
  border-radius: 50%;
}
.modal-mask[data-v-5a3f22ae] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-5a3f22ae] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-5a3f22ae] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-5a3f22ae] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-5a3f22ae] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.modal-overlay[data-v-5a3f22ae] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-5a3f22ae] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-5a3f22ae] {
  font-size: 4vw;
  font-weight: bold;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
.close-icon[data-v-5a3f22ae] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-5a3f22ae] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-5a3f22ae] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-5a3f22ae] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.modal-container[data-v-5a3f22ae] {
  position: relative;
  width: 90.66667vw;
}


.contentx[data-v-b18221be]{
  font-size: 3.46667vw;
}
.arrrj[data-v-b18221be]{
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
button[data-v-b18221be]{
    flex:1;    
    color: #ffffff;
    padding: 2.66667vw 5.33333vw;
    border: none;
    border-radius: 2.13333vw;
    font-size: 3.73333vw;
    font-weight: bold;
    cursor: pointer;
    background: #d402f032;
  border: solid 0.53333vw #d402f0d8;
}
button[data-v-b18221be]:hover{
    background: #00e6de;
    color: #000;
}
button[data-v-b18221be]:active{
    background: #00e6de;
    color: #000;
}
}
.subJ[data-v-b18221be]{
  width: 100%;
  background: #d402f032;
  border: solid 0.53333vw #d402f0d8;
  color: #fafafa;
  padding: 2.66667vw 0;
  border-radius: 1.33333vw;
  font-size: 3.46667vw;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 5.33333vw;
  margin-top: 5.33333vw;
  font-size: 4.53333vw;
}
.planimgbanner[data-v-b18221be]{
margin-bottom: 5.33333vw;
}
.buls[data-v-b18221be]{
  border-left: solid 0.53333vw #d402f0d8;
  padding-left: 2.66667vw;
  margin-bottom: 5.33333vw;
  color: #fff;
  font-size: 3.73333vw;
  line-height: 1.6;
  background: #d402f032;
  padding: 2.66667vw;
}
.plan-img[data-v-b18221be]{
  width: 100%;
  height: auto;
  max-height: 26.66667vw;
  object-fit: cover;
  border-radius: 2.66667vw;
}
.deposit-wrapper[data-v-b18221be] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-b18221be] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-b18221be] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-b18221be] {
  width: 10.4vw;
  height: 9.6vw;
}
.content[data-v-b18221be] {
  font-size: 3.46667vw;
  line-height: 1.6;
  color: #f0f0f0;
  margin-top: 5.33333vw;
}
.quick-header[data-v-b18221be] {
  display: flex;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.icon[data-v-b18221be] {
  width: 5.33333vw;
  margin-right: 2.13333vw;
}
.title[data-v-b18221be] {
  font-size: 3.73333vw;
  margin-right: 1.6vw;
  color: #fff;
}
.refresh[data-v-b18221be] {
  margin-left: auto;
  width: 4.26667vw;
  height: 4.26667vw;
  cursor: pointer;
  opacity: 0.8;
}
.plan-slider[data-v-b18221be] {
  overflow: hidden;
  margin-bottom: 5.33333vw;
}
.slider-container[data-v-b18221be] {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 3.2vw;
}
.plan-card[data-v-b18221be] {
  width: 43.46667vw;
  height: 74.66667vw;
  scroll-snap-align: center;
  border-radius: 2.66667vw;
  color: white;
  padding: 2.66667vw;
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-img[data-v-b18221be] {
  width: 100%;
  height: auto;
  max-height: 26.66667vw;
  object-fit: cover;
  border-radius: 2.13333vw;
  margin-bottom: 3.2vw;
}
.plan-title[data-v-b18221be] {
  font-size: 4.26667vw;
  font-weight: bold;
  margin-bottom: 1.6vw;
  color: #fff;
}
.plan-desc[data-v-b18221be] {
  font-size: 3.73333vw;
  margin-bottom: 3.73333vw;
  line-height: 1.4;
}
.learn-btn[data-v-b18221be] {
  background: transparent;
  border: 0.53333vw solid white;
  border-radius: 2.66667vw;
  color: white;
  padding: 2.66667vw 5.33333vw;
  font-size: 3.73333vw;
  font-weight: bold;
}
.learn-btn[data-v-b18221be]:active {
  background: rgba(3, 245, 193, 0.43);
}
.title-row[data-v-b18221be] {
  display: inline-flex;
  align-items: center;
  gap: 2.13333vw;
  font-size: 4vw;
  color: #fff;
  margin-bottom: 2.66667vw;
}
.infotitle[data-v-b18221be] {
  width: 4.8vw;
  height: 4.8vw;
  display: block;
}
.section[data-v-b18221be] {
  background: #05e0f013;
  border: solid 1px #05e0f082;
  border-radius: 2.13333vw;
  padding: 3.73333vw;
  margin-bottom: 3.2vw;
  cursor: pointer;
  transition: background 0.3s;
}
.section.active[data-v-b18221be] {
  background: #05e0f014;
}
.title-with-icon[data-v-b18221be] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title-text[data-v-b18221be] {
  font-size: 3.46667vw;
  font-weight: bold;
  color: #ffffff;
}
.arrow-icon[data-v-b18221be] {
  width: 3.2vw;
  height: 3.2vw;
  transition: transform 0.3s ease;
}
.arrow-icon.rotate[data-v-b18221be] {
  transform: rotate(180deg);
}
.content-box[data-v-b18221be] {
  margin-top: 2.66667vw;
  color: #ccc;
  font-size: 3.46667vw;
}
.fade-enter-active[data-v-b18221be],
.fade-leave-active[data-v-b18221be] {
  transition: all 0.15s ease;
}
.fade-enter[data-v-b18221be],
.fade-leave-to[data-v-b18221be] {
  opacity: 0;
  max-height: 0;
}
ul[data-v-b18221be] {
  list-style: none;
  padding-left: 0;
}
ul li[data-v-b18221be] {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1.6vw;
}
ul li[data-v-b18221be]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 1.6vw;
  height: 1.6vw;
  background-color: #3498db;
  border-radius: 50%;
}
.modal-mask[data-v-b18221be] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(1.6vw);
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-b18221be] {
  background: rgba(10, 20, 30, 0.9);
  border: 1px solid #00e6dd;
  padding: 5.33333vw;
  border-radius: 3.73333vw;
  max-width: 80vw;
  text-align: center;
}
.modal-box h3[data-v-b18221be] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-b18221be] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-b18221be] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.modal-overlay[data-v-b18221be] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5.33333vw;
}
.modal-header[data-v-b18221be] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-b18221be] {
  font-size: 4vw;
  font-weight: bold;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
.close-icon[data-v-b18221be] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-b18221be] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-b18221be] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-b18221be] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.modal-container[data-v-b18221be] {
  position: relative;
  width: 90.66667vw;
}