@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-0df56554] {
  width: 100vw;
  height: 100vh;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner[data-v-0df56554] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-0df56554 1.2s linear infinite;
}
@keyframes spin-0df56554 {
0% { transform: rotate(0);
}
100% { transform: rotate(360deg);
}
}
.SelectMain[data-v-0df56554] {
  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-0df56554] { text-align: center; z-index: 2; margin-top: 48vw;
}
.logo-img[data-v-0df56554] { width: 29.86667vw; height: 21.33333vw; margin-bottom: 1.6vw;
}
.globe-wrapper[data-v-0df56554] { width: 100%; height: 40vh;
}
.loading-icon[data-v-0df56554] { width: 18.66667vw; height: 18.66667vw;
}
.wallet-chain[data-v-0df56554] { z-index: 2; margin-bottom: 21.33333vw;
}
.wallet-icon[data-v-0df56554] { width: 48vw;
}
.language-switcher[data-v-0df56554] { position: absolute; top: 5.33333vw; right: 5.33333vw; z-index: 999;
}
/* ——省略未改动的语言菜单样式，保留你原样式—— */
.web3-button-wrapper[data-v-0df56554] { position: relative; display: flex; justify-content: center; align-items: center; padding: 4vw 5.33333vw;
}

/* 发光扩散圈 */
.pulse-ring[data-v-0df56554] {
  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-0df56554 2.5s infinite ease-out; pointer-events: none; z-index: 0;
}
@keyframes border-pulse-0df56554 {
0% { box-shadow:0 0 0 0 rgba(255,126,29,.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-0df56554] {
  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,.517); backdrop-filter: blur(3.2vw);
  color: #000; font-size: 3.46667vw; font-weight: bold; cursor: pointer; overflow: hidden; z-index: 1;
  box-shadow: 0 0 5.33333vw rgba(255,126,29,.25); transition: transform .3s ease;
}
.web3-button[data-v-0df56554]:hover { transform: scale(1.04);
}

/* 光条划过 */
.shine[data-v-0df56554] {
  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-0df56554 2.5s infinite; pointer-events: none; z-index: 3;
}
@keyframes shine-0df56554 {
0% { left: -75%;
}
100% { left: 125%;
}
}

/* ✅ 新增：网络切换按钮 */
.net-toggle[data-v-0df56554] {
  display: flex; gap: 2.13333vw; margin-top: 2.13333vw; z-index: 2;
}
.net-btn[data-v-0df56554] {
  padding: 1.6vw 2.66667vw; border-radius: 2.13333vw;
  border: 1px solid rgba(0, 230, 221, 0.5);
  background: rgba(0, 0, 0, 0.35); color: #fff; font-size: 3.2vw; cursor: pointer;
  transition: all .2s ease;
}
.net-btn.active[data-v-0df56554], .net-btn[data-v-0df56554]:hover {
  background: rgba(0, 230, 221, 0.2); border-color: #00e6dd;
}

/* ——其余样式延用你原文件（下方的 modal/terms/menu 等已保留）—— */


.loading-screen[data-v-0df56554] {
  width: 100vw;
  height: 100vh;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner[data-v-0df56554] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-0df56554 1.2s linear infinite;
}
@keyframes spin-0df56554 {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}
.SelectMain[data-v-0df56554] {
  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-0df56554] {
  text-align: center;
  z-index: 2;
  margin-top: 48vw;
}
.logo-img[data-v-0df56554] {
  width: 29.86667vw;
  height: 21.33333vw;
  margin-bottom: 1.6vw;
}
.logo-text[data-v-0df56554] {
  font-size: 5.33333vw;
  color: #00ffff;
  font-weight: bold;
  font-family: "Orbitron", sans-serif;
}
.globe-wrapper[data-v-0df56554] {
  width: 100%;
  height: 40vh;
}
.status-text[data-v-0df56554] {
  color: white;
  text-align: center;
  font-size: 3.46667vw;
  z-index: 2;
}
.connecting[data-v-0df56554] {
  opacity: 0.6;
  margin-top: 1.06667vw;
}
.loading-icon[data-v-0df56554] {
  width: 18.66667vw;
  height: 18.66667vw;
}
.wallet-chain[data-v-0df56554] {
  z-index: 2;
  margin-bottom: 21.33333vw;
}
.wallet-icon[data-v-0df56554] {
  width: 48vw;
}
.glow-dot[data-v-0df56554] {
  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-0df56554]::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-0df56554 1.6s ease-out infinite;
  z-index: -1;
}
@keyframes ripple-pulse-animate-0df56554 {
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-0df56554] {
  position: absolute;
  top: 5.33333vw;
  right: 5.33333vw;
  z-index: 999;
}
.lang-button[data-v-0df56554] {
  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-0df56554] {
  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-0df56554] {
  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-0df56554]::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-0df56554]:last-child {
  border-bottom: none;
}
.lang-menu li[data-v-0df56554]:hover {
  background: #00bbff30;
}
.lang-menu li.active[data-v-0df56554] {
  background: #00bbff;
  color: #fff;
}
.hello-container[data-v-0df56554] {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.typed-text[data-v-0df56554] {
  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-0df56554] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4vw 5.33333vw;
}

/* 发光扩散圈 */
.pulse-ring[data-v-0df56554] {
  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-0df56554 2.5s infinite ease-out;
  pointer-events: none;
  z-index: 0;
}
@keyframes border-pulse-0df56554 {
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-0df56554] {
  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-0df56554]:hover {
  transform: scale(1.04);
}
.disclaimer-text[data-v-0df56554] {
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-size: 3.2vw;
}

/* 光条划过 */
.shine[data-v-0df56554] {
  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-0df56554 2.5s infinite;
  pointer-events: none;
  z-index: 3;
}
@keyframes shine-0df56554 {
0% {
    left: -75%;
}
100% {
    left: 125%;
}
}
.modal-overlay[data-v-0df56554] {
  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-0df56554] {
  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-0df56554] {
    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;
img.logo-img1[data-v-0df56554] {
      width: 10.66667vw;
      height: 10.66667vw;
}
}
.region-block[data-v-0df56554] {
    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-0df56554] {
  display: flex;
  gap: 2.66667vw;
  justify-content: center;
  margin-top: 5.33333vw;
}
.modal-actions button[data-v-0df56554] {
  width: 100%;
  padding: 3.2vw 4.26667vw;
  border-radius: 2.13333vw;
  border: none;
  cursor: pointer;
  background: #00b7ff;
  border: solid 0.53333vw #026f9a;
  cursor: not-allowed;
  font-size: 3.73333vw;
  font-weight: bold;
  transition: background 0.3s, transform 0.2s;
}
.modal-actions button[data-v-0df56554]:not(:disabled) {
  cursor: pointer;
}
.modal-actions button[data-v-0df56554]:hover {
  background: #0099cc;
  transform: scale(1.05);
}
.modal-actions button[data-v-0df56554]:disabled {
  background: #0fe13966;
  border: solid 0.53333vw #0dff00;

  cursor: not-allowed;
}
.modal-actions button + button[data-v-0df56554] {
  background: #f0130f89;
  border: solid 0.53333vw #f0130f;
  cursor: pointer;
}
.modal-actions button + button[data-v-0df56554]:hover {
  background: #e60000;
}
.modal-actions button + button[data-v-0df56554]:disabled {
  background: #888;
}
.modal-actions button + button[data-v-0df56554]:disabled:hover {
  background: #888;
}
.terms-agree[data-v-0df56554] {
  display: flex;
  align-items: left;
  gap: 1.33333vw;
  color: #fff;
  font-size: 3.2vw;
  user-select: none;
  margin-top: 5.33333vw;
.termstext[data-v-0df56554] {
    position: relative;
    top: 0.53333vw;
}
}
.terms-agree input[type="checkbox"][data-v-0df56554] {
  appearance: none;
  width: 4.53333vw;
  height: 4.53333vw;
  border: 0.53333vw solid #00ff66;
  border-radius: 50%;
  background: transparent;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.terms-agree input[type="checkbox"][data-v-0df56554]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.86667vw;
  height: 1.86667vw;
  background-color: #00ff66;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.terms-agree input[type="checkbox"][data-v-0df56554]:checked::after {
  opacity: 1;
}
.terms-agree a[data-v-0df56554] {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.terms-agree a[data-v-0df56554]:hover {
  color: #00ffe5;
  border-bottom-color: #00ffe5;
}
.loading[data-v-0df56554] {
  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-0df56554] {
    font-size: 3.73333vw;
    color: #ccc;
    position: relative;
    top: -0.53333vw;
}
}
.fade-slide-enter-active[data-v-0df56554] {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.fade-slide-enter-from[data-v-0df56554] {
  transform: translateY(-8vw) scale(0.95);
  /* ✅ 明显上浮进入 */
  opacity: 0;
}
.fade-slide-enter-to[data-v-0df56554] {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.fade-slide-leave-active[data-v-0df56554] {
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.fade-slide-leave-from[data-v-0df56554] {
  opacity: 1;
  transform: scale(1);
}
.fade-slide-leave-to[data-v-0df56554] {
  opacity: 0;
  transform: scale(0.95);
}
.lang-item[data-v-0df56554] {
  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-0df56554]:last-child {
  border-bottom: none;
}
.lang-item[data-v-0df56554]:hover {
  background: #00bbff30;
}
.lang-item span[data-v-0df56554] {
  color: white;
}
.lang-item span.active[data-v-0df56554] {
  color: #00ff66;
  font-weight: bold;
}
img.checkmark-icon[data-v-0df56554] {
  width: 4.26667vw;
  height: 4.26667vw;
}
.lang-icon[data-v-0df56554] {
  width: 4.26667vw;
  height: 4.26667vw;
}

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


.layout-container[data-v-2c2e908c] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.layout-top[data-v-2c2e908c] {
  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-2c2e908c] {
  height: 8.26667vw;
  width: 35.2vw;
}
.wallet-box[data-v-2c2e908c] {
  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-2c2e908c] {
  width: 2.93333vw;
  height: 3.46667vw;
  margin-right: 1.6vw;
}
.layout-content[data-v-2c2e908c] {
  flex: 1;
  padding-top: 16vw; /* 顶部导航高度 */
  overflow-y: auto;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
.layout-bottom[data-v-2c2e908c] {
  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);
  blur: 0.8vw;
}
.tab[data-v-2c2e908c] {
  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-2c2e908c] {
  width: 6.4vw;
  height: 6.4vw;
  opacity: 0.7;
  transition: all 0.3s ease;
}
.tab span[data-v-2c2e908c] {
  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-2c2e908c] {
  opacity: 0;
}
.tab.active span[data-v-2c2e908c] {
  opacity: 0;
  transform: translateY(2.66667vw);
}
.slider[data-v-2c2e908c] {
  position: absolute;
  top: 50%;
  width: 14.93333vw;
  height: 14.93333vw;
  background: linear-gradient(135deg, #ffb804, #f1c606);
  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(98, 68, 4, 0.523);
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-icon[data-v-2c2e908c] {
  width: 6.4vw;
  height: 6.4vw;
  filter: brightness(0) invert(1);
}
.loading-screen[data-v-2c2e908c] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: black;
}
.spinner[data-v-2c2e908c] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-2c2e908c 1s linear infinite;
}
@keyframes spin-2c2e908c {
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-69731673] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.layout-top[data-v-69731673] {
  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-69731673] {
  height: 10.66667vw;
  width: 29.6vw;
}
.wallet-box[data-v-69731673] {
  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-69731673] {
  width: 2.93333vw;
  height: 3.46667vw;
  margin-right: 1.6vw;
}
.layout-content[data-v-69731673] {
  flex: 1;
  padding-top: 16vw; /* 顶部导航高度 */
  overflow-y: auto;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
.layout-bottom[data-v-69731673] {
  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-69731673] {
  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-69731673] {
  width: 6.4vw;
  height: 6.4vw;
  opacity: 0.7;
  transition: all 0.3s ease;
}
.tab span[data-v-69731673] {
  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-69731673] {
  opacity: 0;
}
.tab.active span[data-v-69731673] {
  opacity: 0;
  transform: translateY(2.66667vw);
}
.slider[data-v-69731673] {
  position: absolute;
  top: 50%;
  width: 14.93333vw;
  height: 14.93333vw;
  background: linear-gradient(135deg, #ffb804, #f1c606);
  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(98, 68, 4, 0.523);
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-icon[data-v-69731673] {
  width: 6.4vw;
  height: 6.4vw;
  filter: brightness(0) invert(1);
}
.loading-screen[data-v-69731673] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: black;
}
.spinner[data-v-69731673] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-69731673 1s linear infinite;
}
@keyframes spin-69731673 {
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; /* 底部菜单高度 */
}


/* 页面骨架 */
.deposit-wrapper[data-v-83011254]{padding:4.8vw;color:#fff;}
.deposit-header[data-v-83011254]{display:flex;align-items:center;justify-content:space-between;position:relative;height:10.66667vw;margin-bottom:6.4vw}
.deposit-header .center[data-v-83011254]{position:absolute;left:50%;transform:translateX(-50%);font-size:4.8vw;font-weight:700}
.back-icon[data-v-83011254],.info-icon[data-v-83011254]{width:9.6vw;height:9.6vw}

/* 说明弹窗：全屏遮罩 + 卡片 */
.modal-mask[data-v-83011254]{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2147483647;
  background: rgba(0,0,0,0.72);
  backdrop-filter: blur(1.6vw);
  -webkit-backdrop-filter: blur(1.6vw);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container[data-v-83011254]{
  position: relative;
  width: min(170.66667vw, 90vw);
  max-height: 80vh;
  
  overflow: hidden;
  box-shadow: 0 4.26667vw 12.8vw rgba(0,0,0,.45);
}
.modal-bg[data-v-83011254]{ width:100%; height:100%; display:block;
}
.modal-overlay[data-v-83011254]{ position:absolute; inset:0; padding:5.33333vw; color:#fff; display:flex; flex-direction:column; gap:4.26667vw;
}
.modal-header[data-v-83011254]{ display:flex; align-items:center; justify-content:space-between;
}
.modal-title[data-v-83011254]{ font-size:4.26667vw; font-weight:700;
}
.close-icon[data-v-83011254]{ width:5.33333vw; height:5.33333vw;
}
.modal-content[data-v-83011254]{ overflow:auto; max-height:60vh; line-height:1.5;
}

/* 磨砂卡片 */
.deposit-box[data-v-83011254]{
  border:1px solid rgba(0,230,221,.22);
  border-radius:4.26667vw;
  background:
    radial-gradient(320vw 160vw at -10% -10%, rgba(0,230,221,.10), transparent 60%),
    radial-gradient(213.33333vw 160vw at 120% 120%, rgba(0,174,255,.08), transparent 55%),
    rgba(255,255,255,0.04);
  backdrop-filter: blur(1.6vw);
  padding:4.26667vw 4.26667vw 3.2vw;
  box-shadow: 0 1.6vw 6.4vw rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
}

/* 行与分割线 */
.row[data-v-83011254]{display:flex;align-items:center;justify-content:space-between;font-size:3.46667vw;margin:1.6vw 0}
.row .account[data-v-83011254]{font-size:5.33333vw;font-weight:700;color:#fff}
.divider[data-v-83011254]{height:1px;margin:2.66667vw 0;background:linear-gradient(90deg,transparent,rgba(0,230,221,.4),transparent)}

/* Token 标签 */
.token[data-v-83011254]{display:flex;align-items:center;gap:2.13333vw;border:1px solid rgba(0,230,221,.3);padding:2.66667vw 3.2vw;border-radius:2.66667vw;background:rgba(0,0,0,.2);font-size:3.73333vw}
.token-icon[data-v-83011254]{width:4.8vw;height:4.8vw}
.label-wrap[data-v-83011254]{display:inline-flex;align-items:center;gap:1.6vw}

/* 矩阵网格 */
.matrices-grid[data-v-83011254]{margin:3.73333vw 0 2.13333vw;display:grid;grid-template-columns: repeat(4, minmax(0,1fr));gap:2.66667vw}
@media (max-width: 480px){.matrices-grid[data-v-83011254]{grid-template-columns: repeat(4, minmax(0,1fr));}}
.matrix-btn[data-v-83011254]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.2vw 0;border-radius:3.2vw;background:rgba(0,0,0,.25);border:1px solid rgba(0,230,221,.22);color:#fff;font-weight:700;line-height:1.1;transition: all .18s ease;}
.matrix-btn .no[data-v-83011254]{opacity:.9;font-size:3.2vw;margin-bottom:1.06667vw; color: #00e6dd; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;}
.matrix-btn .price[data-v-83011254]{font-size:3.73333vw; color: #ffffff; 
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-weight: 100 !important;
}
.matrix-btn[data-v-83011254]:hover{transform:translateY(-1px);box-shadow:0 1.6vw 4.26667vw rgba(0,230,221,.15);border-color:#00e6dd}
.matrix-btn.active[data-v-83011254]{background:rgba(0,230,221,.12);border-color:#00e6dd;box-shadow:0 0 0 1px rgba(0,230,221,.25) inset, 0 2.13333vw 4.8vw rgba(0,230,221,.18)}

/* 合计条 */
.selected-bar[data-v-83011254]{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(0,230,221,.28);background:rgba(0,230,221,.08);padding:3.2vw 3.73333vw;border-radius:3.73333vw;margin-top:2.66667vw;text-align:center}
.chips[data-v-83011254]{display:flex;gap:1.6vw;flex-wrap:wrap;justify-content:center;margin-bottom:1.6vw}
.chip[data-v-83011254]{border:1px solid #00e6dd;color:#00e6dd;padding:0.8vw 2.66667vw;border-radius:266.4vw;font-size:3.2vw}
.sum-box[data-v-83011254]{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.sum-value[data-v-83011254]{font-size:5.86667vw;font-weight:300;color:#fff;margin-top:1.06667vw;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}

/* 授权/入金 */
.approveandDeposit[data-v-83011254]{display:flex;gap:2.66667vw;margin-top:3.73333vw}
.approveandDeposit .btn[data-v-83011254]{flex:1;padding:3.2vw;border-radius:3.2vw;background:rgba(255,255,255,.05);color:#f7f9f9;font-size:4.26667vw;font-weight:700;display:flex;align-items:center;justify-content:center;gap:2.13333vw;border:1px solid rgba(0,230,221,.28);transition: all .18s ease;}
.approveandDeposit .btn[data-v-83011254]:hover{background:#00e6dd;color:#001a18}
.adcla[data-v-83011254]{width:5.33333vw;height:5.33333vw}
.btn-authorized[data-v-83011254]{background:rgba(0,255,160,.10);border-color:#00ffaa;color:#00ffaa}
.btn-unauthorized[data-v-83011254]{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);color:#fff}

/* 授权额度显示 */
.rowx[data-v-83011254]{display:flex;align-items:center;justify-content:space-between;font-size:3.46667vw;color:#fff;margin-top:4.26667vw;border:1px solid rgba(0,230,221,.28);background:rgba(0,230,221,.08);padding:3.2vw 3.73333vw;border-radius:3.2vw}

/* 遮罩（异步加载） */
.loading-screen[data-v-83011254]{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(1.06667vw);display:flex;align-items:center;justify-content:center;z-index:9999}
.spinner[data-v-83011254]{width:26.66667vw;height:26.66667vw}
.drivs[data-v-83011254]{
  height: 8vw;
  margin: 2.66667vw 2.66667vw;
  border-left: #00e6de5a 1px solid;
  animation: fadeLoop-83011254 2.4s ease-in-out infinite;
}
@keyframes fadeLoop-83011254 {
0%   { opacity: 0;
}
50%  { opacity: 1;
}
100% { opacity: 0;
}
}
/* 按钮文字强化 */
.seleText[data-v-83011254]{font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;font-size:4.26667vw !important;font-weight:700 !important;}


.withdraw-wrapper[data-v-4e424874]{padding:4.8vw;color:#fff;}
.topbar[data-v-4e424874]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4.26667vw;position:relative;height:10.66667vw;}
.title[data-v-4e424874]{position:absolute;left:50%;transform:translateX(-50%);font-size:4.8vw;font-weight:800;}
.nav-icon[data-v-4e424874]{width:9.6vw;height:9.6vw;cursor:pointer;}
.card[data-v-4e424874]{border:1px solid rgba(0,230,221,.22);border-radius:4.26667vw;background:rgba(12,25,35,.25);backdrop-filter:blur(3.2vw) saturate(140%);-webkit-backdrop-filter:blur(3.2vw) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1.6vw 6.4vw rgba(0,0,0,.25);padding:4.26667vw;margin-bottom:3.73333vw;}
.row[data-v-4e424874]{display:flex;align-items:center;justify-content:space-between;gap:2.13333vw;margin-bottom:2.66667vw;}
.line[data-v-4e424874]{border-bottom:1px dashed rgba(255,255,255,.12);padding-bottom:2.66667vw;margin-bottom:2.66667vw;}
.label[data-v-4e424874]{font-size:3.46667vw;opacity:.92;}
.sub[data-v-4e424874]{font-size:3.2vw;opacity:.8;}
.num[data-v-4e424874]{font-size:4.26667vw;font-weight:700;letter-spacing:.2px;}
.num.big[data-v-4e424874]{font-size:5.33333vw;}
.token[data-v-4e424874]{display:flex;align-items:center;gap:2.13333vw;border:1px solid rgba(0,230,221,.28);padding:2.13333vw 3.2vw;border-radius:3.2vw;background:rgba(0,0,0,.18);}
.token-icon[data-v-4e424874]{width:4.8vw;height:4.8vw;}
.drivs[data-v-4e424874]{height:8vw;margin:2.66667vw 2.66667vw;border-left:1px solid rgba(0,230,221,.6);animation:fadeLoop-4e424874 2.4s ease-in-out infinite;}
@keyframes fadeLoop-4e424874{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
.badge-inline[data-v-4e424874]{display:inline-block;margin-left:1.6vw;padding:0.53333vw 1.6vw;border-radius:266.4vw;font-size:2.93333vw;font-weight:700;vertical-align:middle;}
.b5[data-v-4e424874]{background:rgba(0,255,170,.18);border:1px solid rgba(0,255,170,.5);color:#00ffaa;}
.b3[data-v-4e424874]{background:rgba(0,200,255,.15);border:1px solid rgba(0,200,255,.45);color:#19d2ff;}
.b0[data-v-4e424874]{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.25);color:#d9e4ea;}
.actions[data-v-4e424874]{display:flex;gap:2.66667vw;}
.btn[data-v-4e424874]{flex:1;padding:3.2vw;border-radius:3.2vw;border:1px solid rgba(0,230,221,.28);background:linear-gradient(180deg,rgba(0,230,221,.18),rgba(0,230,221,.10));color:#f1f2f3;font-weight:800;letter-spacing:.3px;transition:all .2s ease;}
.btn[data-v-4e424874]:disabled{opacity:.6;cursor:not-allowed;}
.btn[data-v-4e424874]:not(:disabled):hover{filter:brightness(1.08);}
.btn.secondary[data-v-4e424874]{background:linear-gradient(180deg,rgba(0,255,170,.18),rgba(0,255,170,.10));border-color:rgba(0,255,170,.45);color:#00ffaa;}
.btn.primary[data-v-4e424874]{background:linear-gradient(180deg,rgba(0,170,255,.18),rgba(0,170,255,.10));border-color:rgba(0,170,255,.45);color:#19d2ff;}
.modal-mask[data-v-4e424874]{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.72);backdrop-filter:blur(1.6vw);display:flex;align-items:center;justify-content:center;}
.modal-container[data-v-4e424874]{position:relative;width:min(170.66667vw,90vw);max-height:80vh;overflow:hidden;box-shadow:0 4.26667vw 12.8vw rgba(0,0,0,.45);}
.modal-bg[data-v-4e424874]{width:100%;height:100%;display:block;}
.modal-overlay[data-v-4e424874]{position:absolute;inset:0;padding:5.33333vw;color:#fff;display:flex;flex-direction:column;gap:4.26667vw;}
.modal-header[data-v-4e424874]{display:flex;justify-content:space-between;align-items:center;}
.modal-title[data-v-4e424874]{font-size:4.26667vw;font-weight:700;}
.close-icon[data-v-4e424874]{width:5.33333vw;height:5.33333vw;pointer-events:none;}
.modal-content[data-v-4e424874]{overflow:auto;max-height:60vh;line-height:1.5;}
.loading-mask[data-v-4e424874]{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(1.06667vw);display:flex;align-items:center;justify-content:center;z-index:9999;}
.spinner[data-v-4e424874]{width:29.33333vw;height:29.33333vw;}


.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-3537e99e] {
  padding: 4.8vw;
  color: #fff;
}
.spinner[data-v-3537e99e] {
  width: 26.66667vw;
  height: 26.66667vw;
}
.deposit-header[data-v-3537e99e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.withdraw-box[data-v-3537e99e] {
  position: relative;
  margin-top: -2.66667vw;
  margin-bottom: 5.33333vw;
}
.typassword[data-v-3537e99e] {
  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-3537e99e] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    border: 1px solid #00e6dd;
    background: transparent;
    color: #ffffff;
    font-size: 4.26667vw;
}
button[data-v-3537e99e] {
    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-3537e99e]: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-3537e99e] {
  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-3537e99e] {
  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-3537e99e] {
  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-3537e99e] {
  width: 10.4vw;
  height: 9.6vw;
}
.linksimg[data-v-3537e99e] {
  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-3537e99e]:hover {
    background: rgba(0, 230, 221, 0.1);
    color: #f6f1f1;
}
}
.info-icon[data-v-3537e99e] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.shu[data-v-3537e99e] {
  width: 10.66667vw;
  height: 4vw;
  border-right: solid 1px #00e6de96;
  animation: fadeLoop-3537e99e 1.2s ease-in-out infinite;
}
@keyframes fadeLoop-3537e99e {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.deposit-box[data-v-3537e99e] {
  position: relative;
  overflow: hidden;
}
.deposit-box2[data-v-3537e99e] {
  position: relative;
  overflow: hidden;
  margin-top: -2.66667vw;
}
.warning[data-v-3537e99e] {
  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-3537e99e] {
    width: 8.53333vw;
    height: 10.4vw;
}
span[data-v-3537e99e] {
    flex: 1;
    line-height: 5.33333vw;
}
&[data-v-3537e99e]:hover {
    background: rgba(0, 230, 221, 0.2);
}

  transition: background 0.3s;
  cursor: pointer;
}
.box-bg[data-v-3537e99e] {
  width: 100%;
  display: block;
}
.approveandDeposit[data-v-3537e99e] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
.btn[data-v-3537e99e] {
    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-3537e99e] {
      width: 5.33333vw;
      height: 5.33333vw;
}
&[data-v-3537e99e]:hover {
      background: #00e6dd;
      color: #000;
}

    border: 1px solid rgba(0, 230, 221, 0.3);
}
}
.box-overlay[data-v-3537e99e] {
  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-3537e99e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
.account[data-v-3537e99e] {
    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-3537e99e] {
  margin-top: 2.66667vw;
}
.dt-icon[data-v-3537e99e] {
  width: 4.53333vw;
  height: 5.33333vw;
  margin-left: 1.06667vw;
}
.token[data-v-3537e99e] {
  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-3537e99e] {
  width: 5.33333vw;
  height: 5.33333vw;
}
.input-row[data-v-3537e99e] {
  margin-top: 2.13333vw;
  display: flex;
  align-items: center;
  border: 1px solid #00e6dd;
  border-radius: 2.66667vw;
  overflow: hidden;
}
.input-row input[data-v-3537e99e] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 2.66667vw;
  font-size: 4.26667vw;
  color: #fff;
}
.input-row button[data-v-3537e99e] {
  padding: 2.66667vw 3.73333vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
}
.action-row[data-v-3537e99e] {
  display: flex;
  gap: 3.2vw;
  justify-content: space-between;
}
.btn-outline[data-v-3537e99e] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: transparent;
  border: 1px solid #00e6dd;
  color: #00e6dd;
}
.btn-filled[data-v-3537e99e] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: #00e6dd;
  color: #000;
  border: none;
}
.modal-mask[data-v-3537e99e] {
  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-3537e99e] {
  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-3537e99e] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-3537e99e] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-3537e99e] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.label-wrap[data-v-3537e99e] {
  display: inline-flex;
  align-items: center;
  gap: 1.06667vw;
  /* 控制文字与图片间距 */
  vertical-align: middle;
}
.dt-icon[data-v-3537e99e] {
  width: 4.53333vw;
  height: 5.06667vw;
  object-fit: contain;
  display: block;
}
.modal-mask[data-v-3537e99e] {
  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-3537e99e] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-3537e99e] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-3537e99e] {
  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-3537e99e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-3537e99e] {
  font-size: 4vw;
  font-weight: bold;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.close-icon[data-v-3537e99e] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-3537e99e] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-3537e99e] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-3537e99e] {
  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-3537e99e] {
  color: #fff;
}
.section[data-v-3537e99e] {
  margin-bottom: 8vw;
}
.section-title[data-v-3537e99e] {
  display: flex;
  align-items: center;
  gap: 2.66667vw;
  margin-bottom: 5.86667vw;
}
.section-title span[data-v-3537e99e] {
  white-space: nowrap;
  font-size: 3.73333vw;
  color: #fff;
  font-weight: bold;
}
.section-title .line[data-v-3537e99e] {
  flex: 1;
  height: 1px;
  background: #ffffff39;
  opacity: 0.8;
}
.grid[data-v-3537e99e] {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8vw;
  margin-bottom: 8vw;
}
.item[data-v-3537e99e] {
  width: 18.66667vw;
  text-align: center;
  cursor: pointer;
}
.icon[data-v-3537e99e] {
  width: 6.66667vw;
  height: 6.66667vw;
  margin-bottom: 1.6vw;
}
.text[data-v-3537e99e] {
  font-size: 3.2vw;
  white-space: nowrap;
  margin-bottom: 5.33333vw;
}
.spinner[data-v-3537e99e] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-3537e99e 1.2s linear infinite;
}
@keyframes spin-3537e99e {
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;
}


.share-wrapper[data-v-3f87ae64] {
  padding: 4.8vw;
  color: #fff;
}

/* 顶部栏 */
.header[data-v-3f87ae64] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 2.66667vw;
}
.title[data-v-3f87ae64] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: 800;
}
.nav-icon[data-v-3f87ae64] {
  width: 9.6vw;
  height: 9.6vw;
  cursor: pointer;
}

/* 毛玻璃信息框 */
.glass-card[data-v-3f87ae64] {
  border-radius: 4.26667vw;
  background: rgba(12, 25, 35, 0.35);
  backdrop-filter: blur(2.66667vw);
  padding: 4.26667vw;
  border: #00e6de5f 1px solid;
  display: flex;
  flex-direction: column;
  gap: 3.73333vw;
  align-items: center;
}
.stat[data-v-3f87ae64] {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.06667vw;
}
.stat img[data-v-3f87ae64] {
  width: 7.46667vw;
  height: 7.46667vw;
  opacity: 0.9;
}
.stat-value[data-v-3f87ae64] {
  font-size: 6.4vw;
  font-weight: 800;
  color: #00e6dd;
}
.stat-label[data-v-3f87ae64] {
  font-size: 3.73333vw;
  opacity: 0.85;
}
.linkinput[data-v-3f87ae64] {
  width: 100%;
  padding: 2.66667vw;
  border-radius: 2.66667vw;
  border: 1px solid #00e6dd;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 3.46667vw;
  text-align: center;
  margin-bottom: 2.66667vw;
}
.btn-row[data-v-3f87ae64] {
  display: flex;
  gap: 2.66667vw;
  flex-wrap: wrap;
  justify-content: center;
}
.btn[data-v-3f87ae64] {
  flex: 1;
  min-width: 26.66667vw;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: rgba(0, 230, 221, 0.1);
  border: 1px solid #00e6dd;
  color: #00e6dd;
  font-weight: 600;
  transition: all 0.2s ease;
}
.btn[data-v-3f87ae64]:hover {
  background: #00e6dd;
  color: #001a18;
}

/* ✅ 弹窗遮罩层 */
.modal-mask[data-v-3f87ae64] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(2.66667vw);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.qr-popup[data-v-3f87ae64] {
  background: #fff;
  border-radius: 5.33333vw;
  padding: 4vw;
  box-shadow: 0 0 8vw rgba(0, 230, 221, 0.3);
  text-align: center;
}
.qr-link[data-v-3f87ae64] {
  color: #333;
  font-size: 3.2vw;
  word-break: break-all;
  margin-top: 2.13333vw;
}
.matrix-popup[data-v-3f87ae64] {
  background: rgba(10, 20, 30, 0.9);
  border-radius: 5.33333vw;
  padding: 5.33333vw;
  width: min(85.33333vw, 90%);
  border: #00e6de72 1px solid;
}
.matrix-title[data-v-3f87ae64] {
  text-align: center;
  font-size: 4.26667vw;
  color: #00ffaa;
  margin-bottom: 2.66667vw;
  font-weight: 700;
}
.matrix-list[data-v-3f87ae64] {
  display: flex;
  flex-direction: column;
  gap: 2.13333vw;
}
.matrix-item[data-v-3f87ae64] {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
  padding-bottom: 1.33333vw;
}
.matrix-item .right[data-v-3f87ae64] {
  color: #00ffaa;
  font-weight: 700;
}

/* 加载遮罩 */
.loading-mask[data-v-3f87ae64] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(1.06667vw);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.spinner[data-v-3f87ae64] {
  width: 29.33333vw;
  height: 29.33333vw;
}


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



/* 自定义导航按钮样式 */
.swiper-button-prev[data-v-174d2a7a],
.swiper-button-next[data-v-174d2a7a] {
  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-174d2a7a]::after,
.swiper-button-next[data-v-174d2a7a]::after {
  font-size: 1.86667vw;
}
.swiper-pagination[data-v-174d2a7a] {
  position: relative;
  text-align: center;
  margin: 0 auto;
}
[data-v-174d2a7a] .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-21879c36] {
  border-radius: 3.2vw;

  color: #fff;
}
.dashboard-header[data-v-21879c36] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.dashboard-header .left[data-v-21879c36] {
  display: flex;
  align-items: center;
}
.icon[data-v-21879c36] {
  width: 6.4vw;
  margin-right: 2.13333vw;
}
.title[data-v-21879c36] {
  font-size: 3.73333vw;
  margin-right: 1.6vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.question[data-v-21879c36] {
  position: relative;
  width: 3.73333vw;
  height: 3.73333vw;
  cursor: pointer;
  margin-left: 0.8vw;
  opacity: 0.6;
}
.refresh-icon[data-v-21879c36] {
  width: 4vw;
  height: 4vw;
  cursor: pointer;
  transition: transform 0.4s linear;
}
.refresh-icon.spinning[data-v-21879c36] {
  animation: spin-21879c36 0.8s linear;
}
@keyframes spin-21879c36 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.dashboard-body[data-v-21879c36] {
  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-21879c36] {
  flex: 1;
  min-width: 0;
  padding-right: 2.66667vw;
}
.chart-box .label[data-v-21879c36] {
  font-size: 3.2vw;
  margin-bottom: 1.06667vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.chart-box .label.rise[data-v-21879c36] {
  color: #00ff80;
}
.chart-box .label.fall[data-v-21879c36] {
  color: #ff4d4f;
}
.echart-line[data-v-21879c36] {
  width: 34.4vw;
  height: 8vw;
}
.circle-box[data-v-21879c36] {
  width: 18.66667vw;
  height: 18.66667vw;
  position: relative;
}
.echart-circle[data-v-21879c36] {
  width: 100%;
  height: 100%;
}
.percent-text[data-v-21879c36] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.2vw;
  font-weight: bold;
}
.data-box[data-v-21879c36] {
  padding-left: 4vw;
}
.data-title[data-v-21879c36] {
  font-size: 3.2vw;
  margin-bottom: 2.13333vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.data-item[data-v-21879c36] {
  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-21879c36] {
  width: 2.13333vw;
  height: 2.13333vw;
  border-radius: 50%;
  margin-right: 1.6vw;
}
.dot.blue[data-v-21879c36] {
  background: #00e6dd;
}
.dot.yellow[data-v-21879c36] {
  background: #0b6e75;
}
.modal-mask[data-v-21879c36] {
  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-21879c36] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-21879c36] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-21879c36] {
  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-21879c36] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-21879c36] {
  font-size: 4vw;
  font-weight: bold;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.close-icon[data-v-21879c36] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-21879c36] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-21879c36] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-21879c36] {
  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-695fe50e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.13333vw;
}
.wallet-wrapper[data-v-695fe50e] {
  padding-bottom: 10.66667vw;
}
.wallet-header .icon[data-v-695fe50e] {
  width: 5.33333vw;
  margin-right: 1.6vw;
}
.wallet-header .title[data-v-695fe50e] {
  font-size: 3.73333vw;
  margin-right: 1.6vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
}
.wallet-header .left[data-v-695fe50e] {
  display: flex;
  align-items: center;
}
.wallet-header .right .total[data-v-695fe50e] {
  font-size: 3.73333vw;
  font-weight: bold;
  color: #fff;
}
.wallet-box[data-v-695fe50e] {
  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-695fe50e] {
  display: flex;
  align-items: center;
  padding: 2.66667vw;
  color: #fff;
  border-bottom: 1px solid rgba(246, 242, 242, 0.15);
}
.wallet-item[data-v-695fe50e]:last-child {
  border-bottom: none;
}
.asset-icon[data-v-695fe50e] {
  width: 8vw;
  height: 8vw;
  margin-right: 2.66667vw;
}
.asset-info[data-v-695fe50e] {
  flex: 1;
}
.asset-info .name[data-v-695fe50e] {
  font-weight: bold;
  font-size: 3.73333vw;
}
.asset-info .chain[data-v-695fe50e] {
  font-size: 3.2vw;
  color: #ccc;
}
.mini-chart[data-v-695fe50e] {
  width: 16vw;
  height: 8vw;
  margin: 0 2.66667vw;
}
.value[data-v-695fe50e] {
  text-align: right;
}
.value .usd[data-v-695fe50e] {
  font-size: 3.73333vw;
  font-weight: bold;
}
.value .amount[data-v-695fe50e] {
  font-size: 3.2vw;
  color: #ccc;
  width: 24vw;
}


.ju-box[data-v-59a9ef29] {
  border: 1px solid rgba(0, 230, 221, 0.3);
  border-radius: 3.2vw;
  padding: 2.66667vw;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.header[data-v-59a9ef29] {
  display: flex;
  align-items: center;
  gap: 2.66667vw;
  font-size: 3.73333vw;
  font-weight: bold;
  margin-bottom: 2.13333vw;
}
.logo[data-v-59a9ef29] {
  width: 5.33333vw;
  height: 5.33333vw;
}
.price[data-v-59a9ef29] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 3.73333vw;
  font-weight: bold;
}
.price .value[data-v-59a9ef29] {
  color: #0edded;
  margin-left: 1.33333vw;
  font-weight: bold;
  min-width: 16vw;
  text-align: right;
  transition: color 0.3s ease;
}

/* 加大图表高度，形成主副图结构 */
.kline[data-v-59a9ef29] {
  width: 100%;
  height: 112vw;
}


.ratio-card[data-v-536ad08e] {
  border: 1px solid rgba(0, 230, 221, 0.3);
  border-radius: 3.2vw;

  padding: 2.66667vw;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu,
    "Helvetica Neue", Arial;
}
.row[data-v-536ad08e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.06667vw 0;
  font-size: 3.46667vw;
}
.row.big[data-v-536ad08e] {
  font-size: 4.26667vw;
  font-weight: 700;
}
.label[data-v-536ad08e] {
  opacity: 0.45;
}
.value[data-v-536ad08e] {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.3px;
}
.unit[data-v-536ad08e] {
  opacity: 0.7;
  margin-left: 1.6vw;
}
.addr[data-v-536ad08e] {
  color: #00e6dd;
  text-decoration: none;
}
.divider[data-v-536ad08e] {
  height: 1px;
  margin: 2.13333vw 0;
  background: rgba(255, 255, 255, 0.08);
}
.err[data-v-536ad08e] {
  color: #ff6b6b;
  margin-top: 1.6vw;
  font-size: 3.2vw;
}


.news-card[data-v-7c2fd2a2] {
  padding: 3.2vw 4.26667vw;
  border: 1px solid rgba(0,230,221,0.2);
  border-radius: 3.73333vw;
  background: rgba(0, 10, 20, 0.45);
}

/* 去掉默认圆点与空白 */
.news-list[data-v-7c2fd2a2] {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 每条：两行布局 */
.news-item[data-v-7c2fd2a2] {
  padding: 0.8vw 0;
  border-bottom: 1px dashed rgba(255,255,255,0.08);
}
.news-item[data-v-7c2fd2a2]:last-child {
  border-bottom: none;
}

/* 第一行：标题（单行省略） */
.title[data-v-7c2fd2a2] {
  display: block;
  color: #cfefff;
  text-decoration: none;
  font-size: 3.46667vw;
  line-height: 1.4;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 3.2vw;
}
.title[data-v-7c2fd2a2]:hover { text-decoration: underline;
}

/* 第二行：时间（次要信息） */
.meta[data-v-7c2fd2a2] {
  margin-top: 0.8vw;
  display: flex;
  align-items: center;
  gap: 2.13333vw;
}
.time[data-v-7c2fd2a2] {
  color: #5a6063;
  font-size: 2.66667vw;
}
.empty[data-v-7c2fd2a2] {
  color: #94a3b8;
  padding: 4.26667vw 0;
  text-align: center;
}
.quick-header[data-v-7c2fd2a2] {
  display: flex;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.icon[data-v-7c2fd2a2] {
  width: 5.06667vw;
  margin-right: 2.13333vw;
}
.news-card .news-list[data-v-7c2fd2a2] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-card .news-list > li[data-v-7c2fd2a2] {
  position: relative;
  padding-left: 3.73333vw; /* 给小圆点留空间 */
}

/* 自定义小圆点 */
.news-card .news-list > li[data-v-7c2fd2a2]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  transform: translateY(-20%);
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 50%;
  background-color: #00e6dd; /* 你想要的颜色 */
}


/* 包裹层由 JS 动态设置高度 */
.hotbubbles-wrap[data-v-00486ae3]{
  width: 100%;
  position: relative;
}

/* canvas 始终铺满包裹层 */
.bubbles-canvas[data-v-00486ae3]{
  width: 100%;
  height: 100%;          /* ✅ 这里的 100% 就是 hotbubbles-wrap 的动态高度 */
  border-radius: 4.26667vw;
  background:
    radial-gradient(320vw 213.33333vw at 10% -10%, rgba(0,230,221,.05), transparent 60%),
    rgba(0, 10, 20, 0.45);
  display: block;
  border: 1px solid rgba(4, 234, 165, 0.2);
}
.quick-header[data-v-00486ae3] {
  display: flex;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.icon[data-v-00486ae3] {
  width: 5.06667vw;
  margin-right: 2.13333vw;
}
.title[data-v-00486ae3] {
  font-size: 3.2vw;
  margin-right: 1.6vw;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
}


.hot-card[data-v-33ede055] {
  padding: 3.2vw 3.73333vw;
  border: 1px solid rgba(0,230,221,0.2);
  border-radius: 4.26667vw;
  background: rgba(0, 10, 20, 0.45);
}
.card-title[data-v-33ede055] { font-weight: 600; margin-bottom: 2.13333vw;
}
.row[data-v-33ede055] {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 2.66667vw;
  padding: 3.2vw 0;
  border-bottom: 1px dashed rgba(255,255,255,0.08);
}
.row[data-v-33ede055]:last-child { border-bottom: none;
}
.left[data-v-33ede055] { display: flex; align-items: center; gap: 2.66667vw;
}
.logo[data-v-33ede055] { width: 5.86667vw; height: 5.86667vw; border-radius: 50%;
}
.name[data-v-33ede055] { font-weight: 600; font-size: 3.46667vw;
}
.mid .price[data-v-33ede055] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 3.46667vw;
}
.right .chg[data-v-33ede055] {
  padding: 1.06667vw 2.13333vw;
  border-radius: 2.13333vw;
  font-size: 3.2vw;
}
.right .chg.up[data-v-33ede055]   { background: rgba(0,180,120,0.15); color: #00d69d;
}
.right .chg.down[data-v-33ede055] { background: rgba(255,80,80,0.15); color: #ff5c6d;
}
.error[data-v-33ede055] { color: #ff6b6b; font-size: 3.2vw; margin-top: 2.13333vw;
}
.quick-header[data-v-33ede055] {
  display: flex;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.icon[data-v-33ede055] {
  width: 5.06667vw;
  margin-right: 2.13333vw;
}
.title[data-v-33ede055] {
  font-size: 3.2vw;
  margin-right: 1.6vw;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
}
.hot-coinss[data-v-33ede055]{
  margin-top: 2.66667vw;
}


.home-page[data-v-72cb92c2] {
  padding: 0px 4.8vw;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 6.66667vw;
}
.home-loading-mask[data-v-72cb92c2] {
  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-72cb92c2] {
  width: 8vw;
  height: 8vw;
  border: 0.8vw solid #00e6dd;
  border-top: 0.8vw solid transparent;
  border-radius: 50%;
  animation: spin-72cb92c2 0.8s linear infinite;
}
@keyframes spin-72cb92c2 {
to {
    transform: rotate(360deg);
}
}


.deposit-wrapper[data-v-0a65e58a] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-0a65e58a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.deposit-header .center[data-v-0a65e58a] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-0a65e58a] {
  width: 10.4vw;
  height: 9.6vw;
}
.deposit-box[data-v-0a65e58a] {
  position: relative;
  overflow: hidden;
}
.box-bg[data-v-0a65e58a] {
  width: 100%;
  display: block;
}
.box-overlay[data-v-0a65e58a] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2.66667vw;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.language-list[data-v-0a65e58a] {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.language-item[data-v-0a65e58a] {
  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-0a65e58a]::before {
  display: none !important;
  content: none;
}
.language-item[data-v-0a65e58a]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.language-item span[data-v-0a65e58a] {
  color: #ccc;
}
.language-item span.active[data-v-0a65e58a] {
  color: #00e6dd;
  font-weight: bold;
}
.check-icon[data-v-0a65e58a] {
  width: 4.26667vw;
  height: 4.26667vw;
}
.language-item[data-v-0a65e58a]:last-child {
  border-bottom: none;
}



.deposit-wrapper[data-v-6c087a4a] {
  padding: 4.8vw;
  color: #fff;
}
.deposit-header[data-v-6c087a4a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.withdraw-box[data-v-6c087a4a]{
  position: relative;
  margin-top: -2.66667vw;
  margin-bottom: 5.33333vw;
}
.line[data-v-6c087a4a]{
  border-bottom: solid 1px rgba(249, 249, 249, 0.14);
  padding-bottom: 2.66667vw;
}
.typassword[data-v-6c087a4a] {
  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-6c087a4a] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    border: 1px solid #00e6dd;
    background: transparent;
    color: #ffffff;
    font-size: 4.26667vw;
}
button[data-v-6c087a4a] {
    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-6c087a4a]: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-6c087a4a]{
  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-6c087a4a]{
    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-6c087a4a]:hover {
      background: rgba(0, 230, 221, 0.2);
      color: #f6f1f1;
}
}
span.active[data-v-6c087a4a] {
    border: #08f604 solid 1px;
    color: #08f604;
}
}
.icon-text[data-v-6c087a4a] {
  display: inline-flex;       /* ✅ 水平排列 + 垂直居中 */
  align-items: center;        /* ✅ 垂直居中 */
  gap: 1.6vw;                   /* 可选：图标与文字间距 */
}
.wicon[data-v-6c087a4a] {
  width: 5.33333vw;
  height: 5.33333vw;
  display: block;             /* ✅ 避免底部对齐 bug */
}
.Links[data-v-6c087a4a] {
  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-6c087a4a] {
  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-6c087a4a] {
  width: 10.4vw;
  height: 9.6vw;
}
.linksimg[data-v-6c087a4a] {

  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-6c087a4a]:hover {
    background: rgba(0, 230, 221, 0.1);
    color: #f6f1f1;
}
}
.info-icon[data-v-6c087a4a] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.shu[data-v-6c087a4a] {
  width: 10.66667vw;
  height: 4vw;
  border-right: solid 1px #00e6de96;
  animation: fadeLoop-6c087a4a 1.2s ease-in-out infinite;
}
@keyframes fadeLoop-6c087a4a {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.deposit-box[data-v-6c087a4a] {
  position: relative;
  overflow: hidden;
}
.warning[data-v-6c087a4a] {
  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-6c087a4a] {
    width: 8.53333vw;
    height: 10.4vw;
}
span[data-v-6c087a4a] {
    flex: 1;
    line-height: 5.33333vw;
}
&[data-v-6c087a4a]:hover {
    background: rgba(0, 230, 221, 0.2);
}

  transition: background 0.3s;
  cursor: pointer;
}
.box-bg[data-v-6c087a4a] {
  width: 100%;
  display: block;
}
.approveandDeposit[data-v-6c087a4a] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
.btn[data-v-6c087a4a] {
    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-6c087a4a] {
      width: 5.33333vw;
      height: 5.33333vw;
}
&[data-v-6c087a4a]:hover {
      background: #00e6dd;
      color: #000;
}

    border: 1px solid rgba(0, 230, 221, 0.3);
}
}
.box-overlay[data-v-6c087a4a] {
  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-6c087a4a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
.account[data-v-6c087a4a] {
    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-6c087a4a] {
  margin-top: 2.66667vw;
}
.dt-icon[data-v-6c087a4a] {
  width: 4.53333vw;
  height: 5.33333vw;
  margin-left: 1.06667vw;
  opacity: 0.3;
}
.token[data-v-6c087a4a] {
  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-6c087a4a] {
  width: 5.33333vw;
  height: 5.33333vw;
}
.input-row[data-v-6c087a4a] {
  margin-top: 2.13333vw;
  display: flex;
  align-items: center;
  border: 1px solid #00e6dd;
  border-radius: 2.66667vw;
  overflow: hidden;
}
.input-row input[data-v-6c087a4a] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 2.66667vw;
  font-size: 4.26667vw;
  color: #fff;
}
.input-row button[data-v-6c087a4a] {
  padding: 2.66667vw 3.73333vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
}
.action-row[data-v-6c087a4a] {
  display: flex;
  gap: 3.2vw;
  justify-content: space-between;
}
.btn-outline[data-v-6c087a4a] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: transparent;
  border: 1px solid #00e6dd;
  color: #00e6dd;
}
.btn-filled[data-v-6c087a4a] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: #00e6dd;
  color: #000;
  border: none;
}
.modal-mask[data-v-6c087a4a] {
  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-6c087a4a] {
  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-6c087a4a] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-6c087a4a] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-6c087a4a] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.label-wrap[data-v-6c087a4a] {
  display: inline-flex;
  align-items: center;
  gap: 1.06667vw;
  /* 控制文字与图片间距 */
  vertical-align: middle;
}
.dt-icon[data-v-6c087a4a] {
  width: 4.53333vw;
  height: 5.06667vw;
  object-fit: contain;
  display: block;
}
.modal-mask[data-v-6c087a4a] {
  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-6c087a4a] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-6c087a4a] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-6c087a4a] {
  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-6c087a4a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-6c087a4a] {
  font-size: 4vw;
  font-weight: bold;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}
.close-icon[data-v-6c087a4a] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-6c087a4a] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-6c087a4a] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-6c087a4a] {
  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-6c087a4a]{
  display: flex;
  flex-direction:row;
  justify-content: space-between;
.pts[data-v-6c087a4a]{
     display: inline-flex;
  align-items: center; /* ✅ 关键点：垂直居中 */
  gap: 2.13333vw;
}
}
.mtop[data-v-6c087a4a]{
  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%;
}


.record[data-v-11054cf6] { padding:4.26667vw; color:#fff;
}
.deposit-header[data-v-11054cf6] { display:flex; align-items:center; justify-content:space-between; position:relative; height:10.66667vw; margin-bottom:4.26667vw;
}
.deposit-header .center[data-v-11054cf6] { position:absolute; left:50%; transform:translateX(-50%); font-size:4.8vw; font-weight:700;
}
.info-icon[data-v-11054cf6] { width:10.4vw; height:9.6vw; cursor:pointer;
}
.back-icon[data-v-11054cf6] { width:10.4vw; height:9.6vw;
}
.card[data-v-11054cf6] { border:1px solid rgba(0,230,221,.35); border-radius:4.26667vw; padding:3.73333vw; margin-bottom:3.73333vw; background:rgba(0,0,0,.24); box-shadow:0 0 0 1px rgba(0,230,221,.08) inset;
}
.row[data-v-11054cf6] { display:flex; justify-content:space-between; align-items:center;
}
.row.top[data-v-11054cf6] { gap:2.66667vw;
}
.row.sub[data-v-11054cf6] { font-size:3.2vw; opacity:.9; margin-top:1.6vw;
}
.money[data-v-11054cf6] { font-size:3.2vw; font-weight:800; letter-spacing:.5px;
}
.chip[data-v-11054cf6] { padding:1.06667vw 2.13333vw; border:1px solid rgba(0,230,221,.6); border-radius:2.13333vw; font-size:3.2vw; color:#00e6dd;
}
.bar[data-v-11054cf6] { height:2.13333vw; background:rgba(255,255,255,.12); border-radius:2.13333vw; margin:2.66667vw 0 1.06667vw; overflow:hidden;
}
.inner[data-v-11054cf6] { height:100%; background:#00e6dd; transition: width .6s ease;
}
.empty[data-v-11054cf6] { opacity:.7; text-align:center; margin-top:8vw; font-size:3.73333vw;
}
.modal-mask[data-v-11054cf6] { position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); backdrop-filter:blur(1.06667vw); display:flex; justify-content:center; align-items:center;
}
.modal-container[data-v-11054cf6] { position:relative; width:90.66667vw;
}
.modal-bg[data-v-11054cf6] { width:100%; height:100%; display:block;
}
.modal-overlay[data-v-11054cf6] { position:absolute; top:0; left:0; width:100%; height:100%; padding:5.33333vw; color:#fff; font-size:3.2vw; display:flex; flex-direction:column; gap:5.33333vw;
}
.modal-header[data-v-11054cf6] { display:flex; justify-content:space-between; align-items:center;
}
.modal-title[data-v-11054cf6] { font-size:4vw; font-weight:700;
}
.close-icon[data-v-11054cf6] { width:5.33333vw; height:5.33333vw; pointer-events:none; transition:transform .3s ease;
}
.modal-close:hover .close-icon[data-v-11054cf6] { transform:scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-11054cf6] { transform:scale(.95) rotate(180deg);
}
.ghost-btn[data-v-11054cf6] { padding:1.6vw 2.66667vw; font-size:3.2vw; background:transparent; border:1px solid rgba(0,230,221,.6); color:#00e6dd; border-radius:2.13333vw;
}
.ghost-btn[data-v-11054cf6]:disabled { opacity:.6; cursor:not-allowed;
}
.date[data-v-11054cf6] { opacity:.9; font-size:3.2vw;
}


.deposit-wrapper[data-v-90cd9342] { padding: 4.8vw; color:#fff;
}

/* 顶部栏 */
.deposit-header[data-v-90cd9342] { display:flex; align-items:center; justify-content:space-between; position:relative; height:10.66667vw; margin-bottom:8vw;
}
.deposit-header .center[data-v-90cd9342] { position:absolute; left:50%; transform:translateX(-50%); font-size:4.8vw; font-weight:bold;
}
.back-icon[data-v-90cd9342], .info-icon[data-v-90cd9342] { width:10.4vw; height:9.6vw; cursor:pointer;
}

/* 卡片 */
.deposit-box[data-v-90cd9342], .withdraw-box[data-v-90cd9342] { position:relative; overflow:hidden; margin-bottom: -2.13333vw;
}
.box-bg[data-v-90cd9342] { width:100%; display:block;
}
.box-overlay[data-v-90cd9342] { position:absolute; inset:0; padding:4vw; display:flex; flex-direction:column; gap:3.2vw; box-sizing:border-box;
}
.flx[data-v-90cd9342] { margin-top:2.66667vw; display:flex; justify-content:space-between; align-items:center; gap:2.13333vw;
}
.imoney[data-v-90cd9342], .ishou[data-v-90cd9342] { display:flex; flex-direction:column; gap:2.66667vw; font-size:3.46667vw; color:#fff; text-align:center;
}
.imoney input[data-v-90cd9342], .ishou input[data-v-90cd9342] {
  padding:2.66667vw; border-radius:2.66667vw; border:1px solid #00e6dd; background:transparent; color:#fff; font-size:4.26667vw; width:100%; text-align:center;
}
.ts[data-v-90cd9342] { font-size:3.73333vw; color:#00e6dd;
}
.row[data-v-90cd9342] { display:flex; align-items:center; justify-content:space-between; font-size:3.46667vw;
}
.row.line[data-v-90cd9342] { border-bottom:1px dashed rgba(255,255,255,0.14); padding-bottom:2.13333vw; margin-bottom:1.06667vw;
}
.account[data-v-90cd9342] { font-weight:bold;
}

/* 结果卡片 */
.withdraw-box .yuj[data-v-90cd9342] { font-size:4.26667vw; font-weight:bold; color:#00e6dd; text-align:center; margin-top:2.66667vw;
}
.withdraw-box .yujnumber[data-v-90cd9342] { text-align:center; font-size:5.33333vw; font-weight:bold; color:#00e6dd; margin-top:1.33333vw;
}

/* 弹窗 */
.modal-mask[data-v-90cd9342] { position:fixed; z-index:999; inset:0; background:rgba(0,0,0,.6); backdrop-filter:blur(1.06667vw); display:flex; justify-content:center; align-items:center;
}
.modal-container[data-v-90cd9342] { position:relative; width:90.66667vw;
}
.modal-bg[data-v-90cd9342] { width:100%; height:100%; display:block;
}
.modal-overlay[data-v-90cd9342] { position:absolute; inset:0; padding:5.33333vw; color:#fff; display:flex; flex-direction:column; gap:5.33333vw;
}
.modal-header[data-v-90cd9342] { display:flex; justify-content:space-between; align-items:center;
}
.modal-title[data-v-90cd9342] { font-size:4vw; font-weight:bold;
}
.close-icon[data-v-90cd9342] { width:5.33333vw; height:5.33333vw; pointer-events:none; transition:transform .3s ease;
}
.modal-close:hover .close-icon[data-v-90cd9342] { transform:scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-90cd9342] { transform:scale(.95) rotate(180deg);
}
.modal-content[data-v-90cd9342] { overflow-y:auto; max-height:40vw; line-height:1.4;
}


.deposit-wrapper[data-v-d9c4620e] { padding: 4.8vw; color: #fff;
}
.deposit-header[data-v-d9c4620e] { display:flex; align-items:center; justify-content:space-between; position:relative; height:10.66667vw; margin-bottom:8vw;
}
.deposit-header .center[data-v-d9c4620e] { position:absolute; left:50%; transform:translateX(-50%); font-size:4.8vw; font-weight:bold;
}
.back-icon[data-v-d9c4620e], .info-icon[data-v-d9c4620e] { width:10.4vw; height:9.6vw; cursor:pointer;
}
.deposit-box[data-v-d9c4620e] { position:relative; overflow:hidden;
}
.box-bg[data-v-d9c4620e] { width:100%; display:block;
}
.box-overlay[data-v-d9c4620e] { position:absolute; top:0; left:0; padding:5.33333vw; width:100%; height:100%; box-sizing:border-box;
}
.password-form[data-v-d9c4620e] { display:flex; flex-direction:column; gap:4.26667vw;
}
.input-box[data-v-d9c4620e] { 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-d9c4620e]::placeholder { color:#ccc;
}
.update-btn[data-v-d9c4620e] { padding:3.2vw; font-size:3.73333vw; background:#00e6dd; color:#000; border:none; border-radius:2.66667vw; cursor:pointer;
}
.modal-mask[data-v-d9c4620e] { 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-d9c4620e] { position:relative; width:90.66667vw;
}
.modal-bg[data-v-d9c4620e] { width:100%; height:100%; display:block;
}
.modal-overlay[data-v-d9c4620e] { 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-d9c4620e] { display:flex; justify-content:space-between; align-items:center;
}
.modal-title[data-v-d9c4620e] { font-size:4vw; font-weight:bold;
}
.close-icon[data-v-d9c4620e] { width:5.33333vw; height:5.33333vw; pointer-events:none; transition:transform .3s ease;
}
.modal-close:hover .close-icon[data-v-d9c4620e] { transform:scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-d9c4620e] { transform:scale(0.95) rotate(180deg);
}
.modal-content[data-v-d9c4620e] { overflow-y:auto; max-height:40vw; line-height:1.4;
}


.deposit-wrapper[data-v-35e2780e] { padding: 4.8vw; color: #fff;
}
.deposit-header[data-v-35e2780e] { display:flex; align-items:center; justify-content:space-between; height:10.66667vw; margin-bottom:3.2vw;
}
.deposit-header .center[data-v-35e2780e] { position:absolute; left:50%; transform:translateX(-50%); font-size:4.8vw; font-weight:bold;
}
.back-icon[data-v-35e2780e],.info-icon[data-v-35e2780e] { width:7.46667vw; height:7.46667vw; cursor:pointer;
}
.meta-bar[data-v-35e2780e] { display:flex; flex-wrap:wrap; gap:2.13333vw; margin:2.66667vw 0 2.13333vw;
}
.badge[data-v-35e2780e] { background: rgba(0,230,221,.12); border:1px solid rgba(0,230,221,.35); color:#e8ffff; border-radius:4.26667vw; padding:1.06667vw 2.66667vw; font-size:3.2vw;
}
.content[data-v-35e2780e] { font-size:3.46667vw; color:#f0f0f0; margin-top:2.66667vw;
}
.modal-mask[data-v-35e2780e] { position:fixed; z-index:999; inset:0; background:rgba(0,0,0,.6); backdrop-filter:blur(1.06667vw); display:flex; justify-content:center; align-items:center;
}
.modal-container[data-v-35e2780e] { position:relative; width:90.66667vw;
}
.modal-bg[data-v-35e2780e] { width:100%; height:100%; display:block;
}
.modal-overlay[data-v-35e2780e] { position:absolute; inset:0; padding:5.33333vw; color:#fff; font-size:3.2vw; display:flex; flex-direction:column; gap:5.33333vw;
}
.modal-header[data-v-35e2780e] { display:flex; justify-content:space-between; align-items:center;
}
.modal-title[data-v-35e2780e] { font-size:4vw; font-weight:bold;
}
.close-icon[data-v-35e2780e] { width:5.33333vw; height:5.33333vw; pointer-events:none; transition:transform .3s ease;
}
.modal-close:hover .close-icon[data-v-35e2780e] { transform:scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-35e2780e] { transform:scale(.95) rotate(180deg);
}
.modal-content[data-v-35e2780e] { overflow-y:auto; max-height:42.66667vw; line-height:1.5;
}
.hint[data-v-35e2780e] { margin-top:1.6vw; color:#aee;
}
.chat-box[data-v-35e2780e] { margin-top:2.66667vw; display:flex; flex-direction:column; gap:2.66667vw; padding:0 2.66667vw;
}
.chat-row[data-v-35e2780e] { display:flex; align-items:flex-start; gap:2.13333vw;
}
.chat-row.ai[data-v-35e2780e] { justify-content:flex-start;
}
.chat-row.user[data-v-35e2780e] { justify-content:flex-end; flex-direction:row;
}
.chat-avatar[data-v-35e2780e] { width:7.46667vw; height:7.46667vw; border-radius:50%; flex-shrink:0;
}
.bubble[data-v-35e2780e] { border-radius:3.2vw; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#fff; padding:2.13333vw 2.66667vw; line-height:1.5; max-width:100%;
}
.chat-row.user .bubble[data-v-35e2780e] { background:#1fc99025; border:1px solid #00e6de61;
}
.input-row[data-v-35e2780e] { margin-top:3.2vw; display:flex; gap:2.13333vw; padding:0 2.66667vw;
}
.input-row input[data-v-35e2780e] { flex:1; padding:2.66667vw; border-radius:2.66667vw; border:1px solid #00e6dd; background:transparent; color:#fff;
}
.input-row button[data-v-35e2780e] { padding:2.66667vw 4.26667vw; border:none; background:#00e6dd; color:#000; border-radius:2.66667vw; cursor:pointer; font-weight:bold;
}


.deposit-wrapper[data-v-8a5570bc] { padding: 4.8vw; color: #fff;
}

/* 顶部 */
.deposit-header[data-v-8a5570bc] {
  display:flex; align-items:center; justify-content:space-between;
  position:relative; height:10.66667vw; margin-bottom:4.8vw;
}
.deposit-header .center[data-v-8a5570bc] {
  position:absolute; left:50%; transform:translateX(-50%);
  font-size:4.8vw; font-weight:bold;
}
.back-icon[data-v-8a5570bc] { width:10.4vw; height:9.6vw;
}

/* 区块头 */
.quick-header[data-v-8a5570bc] { display:flex; align-items:center; margin: 1.6vw 0 2.66667vw;
}
.icon[data-v-8a5570bc] { width:5.06667vw; margin-right:2.13333vw;
}
.qh-title[data-v-8a5570bc] { font-size:3.73333vw; color:#cfefff;
}

/* 卡片 */
.news-card[data-v-8a5570bc] {
  padding: 3.2vw 4.26667vw;
  border: 1px solid rgba(0,230,221,0.2);
  border-radius: 3.73333vw;
  background: rgba(0, 10, 20, 0.45);
}

/* 列表与小圆点 */
.news-list[data-v-8a5570bc] { list-style:none; margin:0; padding:0;
}
.news-item[data-v-8a5570bc] { padding: 1.6vw 0 2.13333vw; border-bottom:1px dashed rgba(255,255,255,0.08); position:relative; padding-left:3.73333vw;
}
.news-item[data-v-8a5570bc]:last-child { border-bottom:none;
}
.news-item[data-v-8a5570bc]::before {
  content:''; position:absolute; left:0; top:2.66667vw;
  width:1.6vw; height:1.6vw; border-radius:50%; background:#00e6dd;
}

/* 标题与时间 */
.title[data-v-8a5570bc] {
  display:block; color:#cfefff; text-decoration:none;
  font-size:4.8vw; line-height:1.4; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.titlemini[data-v-8a5570bc] {
  display:block; color:#cfefff; text-decoration:none;
  font-size:3.2vw; line-height:1.4; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.title[data-v-8a5570bc]:hover { text-decoration: underline;
}
.meta[data-v-8a5570bc] { margin-top:0.8vw; display:flex; align-items:center; gap:2.13333vw;
}
.time[data-v-8a5570bc] { color:#5a6063; font-size:2.66667vw;
}
.empty[data-v-8a5570bc] { color:#94a3b8; padding:4.26667vw 0; text-align:center;
}


.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;
}


.contract-wrapper[data-v-8a5bfa8c] {
  padding: 4.8vw;
  color: #fff;
}
.coininfo[data-v-8a5bfa8c]{
    display: flex;
    flex-direction: column;
}
.contract-header[data-v-8a5bfa8c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 10.66667vw;
  margin-bottom: 3.2vw;
}
.center .title[data-v-8a5bfa8c] {
  font-size: 4.8vw;
  font-weight: 700;
}
.icon[data-v-8a5bfa8c] {
  width: 7.46667vw;
  height: 7.46667vw;
  cursor: pointer;
}
.error-line[data-v-8a5bfa8c] {
  padding: 2.13333vw 2.66667vw;
  background: rgba(255, 0, 0, 0.15);
  border-radius: 2.13333vw;
  margin: 2.66667vw 0;
}
.trade-card[data-v-8a5bfa8c] {
  border: 1px solid rgba(0, 230, 221, 0.4);
  border-radius: 2.66667vw;
  background: rgba(0, 0, 50, 0.35);
  margin-bottom: 4.26667vw;
  overflow: hidden;
}
.card-top[data-v-8a5bfa8c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 20, 40, 0.6);
  padding: 2.66667vw 3.2vw;
  font-size: 3.46667vw;
}
.symbol[data-v-8a5bfa8c] {
  font-size: 3.2vw;
  font-weight: bold;
}
.no[data-v-8a5bfa8c] {
  flex: 1;
  text-align: center;
  font-size: 3.2vw;
  color: #aaa;
}
.actions[data-v-8a5bfa8c] {
  display: flex;
  gap: 1.6vw;
}
.btn[data-v-8a5bfa8c] {
  padding: 0.53333vw 2.13333vw;
  border-radius: 1.6vw;
  font-size: 3.2vw;
}
.btn.grey[data-v-8a5bfa8c] {
  background: #666;
  color: #fff;
}
.btn.long[data-v-8a5bfa8c] {
  background: #00e6dd;
  color: #000;
}
.btn.short[data-v-8a5bfa8c] {
  background: #ff4444;
  color: #fff;
}
.card-body[data-v-8a5bfa8c] {
  padding: 3.2vw;
}
.row[data-v-8a5bfa8c] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.66667vw;
  gap: 1.33333vw;
}
.cell[data-v-8a5bfa8c] {
  flex: 1;
  text-align: center;
}
.label[data-v-8a5bfa8c] {
  font-size: 3.2vw;
  color: #aaa;
  margin-bottom: 1.06667vw;
  background-color: #00e6de41;
  border: solid 1px #00e6de87;
  border-radius: 1.06667vw;
  padding: 1.33333vw 2.13333vw;
}
.val[data-v-8a5bfa8c] {
  font-size: 3.2vw;
}
.gain[data-v-8a5bfa8c] {
  color: #00ff99;
}
.loss[data-v-8a5bfa8c] {
  color: #ff4444;
}
.loading-bar[data-v-8a5bfa8c] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.53333vw;
  background: linear-gradient(90deg, #00e6dd, #66f0ff, #00e6dd);
  animation: loadRun-8a5bfa8c 1s linear infinite;
}
@keyframes loadRun-8a5bfa8c {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(100%);
}
}
.contract-wrapper[data-v-8a5bfa8c] { padding: 4.8vw; color: #fff;
}
.coininfo[data-v-8a5bfa8c] { display: flex; flex-direction: column;
}
.contract-header[data-v-8a5bfa8c] { display: flex; align-items: center; justify-content: space-between; height: 10.66667vw; margin-bottom: 3.2vw;
}
.center .title[data-v-8a5bfa8c] { font-size: 4.8vw; font-weight: 700;
}
.icon[data-v-8a5bfa8c] { width: 7.46667vw; height: 7.46667vw; cursor: pointer;
}
.error-line[data-v-8a5bfa8c] { padding: 2.13333vw 2.66667vw; background: rgba(255, 0, 0, 0.15); border-radius: 2.13333vw; margin: 2.66667vw 0;
}
.trade-card[data-v-8a5bfa8c] { border: 1px solid rgba(0, 230, 221, 0.4); border-radius: 2.66667vw; background: rgba(0, 0, 50, 0.35); margin-bottom: 4.26667vw; overflow: hidden;
}
.card-top[data-v-8a5bfa8c] { display: flex; align-items: center; justify-content: space-between; background: rgba(0, 20, 40, 0.6); padding: 2.66667vw 3.2vw; font-size: 3.46667vw;
}
.symbol[data-v-8a5bfa8c] { font-size: 3.2vw; font-weight: bold;
}
.no[data-v-8a5bfa8c] { flex: 1; text-align: center; font-size: 3.2vw; color: #aaa;
}
.actions[data-v-8a5bfa8c] { display: flex; gap: 1.6vw;
}
.btn[data-v-8a5bfa8c] { padding: 0.53333vw 2.13333vw; border-radius: 1.6vw; font-size: 3.2vw;
}
.btn.grey[data-v-8a5bfa8c] { background: #666; color: #fff;
}
.btn.long[data-v-8a5bfa8c] { background: #00e6dd; color: #000;
}
.btn.short[data-v-8a5bfa8c] { background: #ff4444; color: #fff;
}
.card-body[data-v-8a5bfa8c] { padding: 3.2vw;
}
.row[data-v-8a5bfa8c] { display: flex; justify-content: space-between; margin-bottom: 2.66667vw; gap: 1.33333vw;
}
.cell[data-v-8a5bfa8c] { flex: 1; text-align: center;
}
.label[data-v-8a5bfa8c] { font-size: 3.2vw; color: #aaa; margin-bottom: 1.06667vw; background-color: #00e6de41; border: solid 1px #00e6de87; border-radius: 1.06667vw; padding: 1.33333vw 2.13333vw;
}
.val[data-v-8a5bfa8c] { font-size: 3.2vw;
}
.gain[data-v-8a5bfa8c] { color: #00ff99;
}
.loss[data-v-8a5bfa8c] { color: #ff4444;
}
.loading-bar[data-v-8a5bfa8c] { position: fixed; left: 0; top: 0; width: 100%; height: 0.53333vw; background: linear-gradient(90deg, #00e6dd, #66f0ff, #00e6dd); animation: loadRun-8a5bfa8c 1s linear infinite;
}
@keyframes loadRun-8a5bfa8c {
0% { transform: translateX(-100%);}
100% { transform: translateX(100%);}
}


.sharenumber[data-v-b91adb90] {
  font-size: 6.4vw;
  font-weight: bold;
  color: #00e6dd;
  text-align: center;
  margin-bottom: 5.33333vw;
}
.deposit-wrapper[data-v-b91adb90] {
  padding: 4.8vw;
  color: #fff;
}
.qrbtn[data-v-b91adb90] {
  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-b91adb90]:hover {
    background: rgba(0, 230, 221, 0.2);
    color: #f6f1f1;
}
&[data-v-b91adb90]:active {
    background: rgba(0, 230, 221, 0.3);
    color: #ffffff;
}
}
.tx[data-v-b91adb90] {
  margin-top: 2.66667vw;
  margin-bottom: 2.66667vw;
}
.qrcoa[data-v-b91adb90] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5.33333vw;
  margin-top: 5.33333vw;
}
.row2[data-v-b91adb90] {
  display: flex;
  flex-direction: column;
  gap: 2.66667vw;
}
.loading-screen[data-v-b91adb90] {
  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-b91adb90] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
}
.deposit-header[data-v-b91adb90] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 10.66667vw;
  margin-bottom: 8vw;
}
.linkinput[data-v-b91adb90] {
  padding: 2.66667vw;
  border-radius: 2.66667vw;
  border: 1px solid #00e6dd;
  background: transparent;
  color: #ffffff;
  font-size: 3.46667vw;
  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-b91adb90]{
  width: 29.33333vw;
  height: 29.33333vw;
}
.linkbtn[data-v-b91adb90] {
  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-b91adb90] {
  font-size: 3.2vw !important;
}
.qrcode-box[data-v-b91adb90] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.withdraw-box[data-v-b91adb90] {
  position: relative;
  margin-top: -2.66667vw;
  margin-bottom: 5.33333vw;
}
.QRwindow[data-v-b91adb90] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 5.33333vw;
  justify-content: center;
  align-items: center;
}
.shareTitle[data-v-b91adb90] {
  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-b91adb90] {
  border-bottom: solid 1px rgba(249, 249, 249, 0.14);
  padding-bottom: 2.66667vw;
}
.typassword[data-v-b91adb90] {
  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-b91adb90] {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    border: 1px solid #00e6dd;
    background: transparent;
    color: #ffffff;
    font-size: 4.26667vw;
}
button[data-v-b91adb90] {
    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-b91adb90]: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-b91adb90] {
  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-b91adb90] {
  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-b91adb90] {
  width: 10.4vw;
  height: 9.6vw;
}
.linksimg[data-v-b91adb90] {
  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-b91adb90]:hover {
    background: rgba(0, 230, 221, 0.1);
    color: #f6f1f1;
}
}
.info-icon[data-v-b91adb90] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}
.shu[data-v-b91adb90] {
  width: 10.66667vw;
  height: 4vw;
  border-right: solid 1px #00e6de96;
  animation: fadeLoop-b91adb90 1.2s ease-in-out infinite;
}
@keyframes fadeLoop-b91adb90 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.qrcode[data-v-b91adb90] {
  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-b91adb90] {
  position: relative;
  overflow: hidden;
}
.deposit-box2[data-v-b91adb90] {
  position: relative;
  overflow: hidden;
  margin-top: -2.66667vw;
}
.warning[data-v-b91adb90] {
  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-b91adb90] {
    width: 8.53333vw;
    height: 10.4vw;
}
span[data-v-b91adb90] {
    flex: 1;
    line-height: 5.33333vw;
}
&[data-v-b91adb90]:hover {
    background: rgba(0, 230, 221, 0.2);
}

  transition: background 0.3s;
  cursor: pointer;
}
.box-bg[data-v-b91adb90] {
  width: 100%;
  display: block;
}
.approveandDeposit[data-v-b91adb90] {
  display: flex;
  justify-content: space-between;
  gap: 2.66667vw;
.btn[data-v-b91adb90] {
    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-b91adb90] {
      width: 5.33333vw;
      height: 5.33333vw;
}
&[data-v-b91adb90]:hover {
      background: #00e6dd;
      color: #000;
}

    border: 1px solid rgba(0, 230, 221, 0.3);
}
}
.box-overlay[data-v-b91adb90] {
  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-b91adb90] {
  display: flex;
  flex: 1;

  flex-direction: column;
  align-items: center;
  gap: 1.06667vw;
}
.row[data-v-b91adb90] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.46667vw;
  margin-top: 2.66667vw;
.account[data-v-b91adb90] {
    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-b91adb90] {
    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-b91adb90] {
      width: 5.33333vw;
      height: 5.33333vw;
}
span[data-v-b91adb90] {
      font-size: 4.26667vw;
      font-weight: bold;
      color: #00e6dd;
}
}
}
.receive[data-v-b91adb90] {
  margin-top: 2.66667vw;
}
.dt-icon[data-v-b91adb90] {
  width: 4.53333vw;
  height: 5.33333vw;
  margin-left: 1.06667vw;
}
.token[data-v-b91adb90] {
  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-b91adb90] {
  width: 5.33333vw;
  height: 5.33333vw;
}
.input-row[data-v-b91adb90] {
  margin-top: 2.13333vw;
  display: flex;
  align-items: center;
  border: 1px solid #00e6dd;
  border-radius: 2.66667vw;
  overflow: hidden;
}
.input-row input[data-v-b91adb90] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 2.66667vw;
  font-size: 4.26667vw;
  color: #fff;
}
.input-row button[data-v-b91adb90] {
  padding: 2.66667vw 3.73333vw;
  font-size: 3.73333vw;
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: none;
}
.action-row[data-v-b91adb90] {
  display: flex;
  gap: 3.2vw;
  justify-content: space-between;
}
.btn-outline[data-v-b91adb90] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: transparent;
  border: 1px solid #00e6dd;
  color: #00e6dd;
}
.btn-filled[data-v-b91adb90] {
  flex: 1;
  padding: 3.2vw;
  border-radius: 2.66667vw;
  background: #00e6dd;
  color: #000;
  border: none;
}
.modal-mask[data-v-b91adb90] {
  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-b91adb90] {
  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-b91adb90] {
  margin-bottom: 2.66667vw;
  font-size: 4.26667vw;
}
.modal-box p[data-v-b91adb90] {
  font-size: 3.2vw;
  margin-bottom: 4.26667vw;
}
.modal-box button[data-v-b91adb90] {
  background: #00e6dd;
  color: #000;
  padding: 2.13333vw 4.26667vw;
  border: none;
  border-radius: 2.13333vw;
}
.label-wrap[data-v-b91adb90] {
  display: inline-flex;
  align-items: center;
  gap: 1.06667vw;
  /* 控制文字与图片间距 */
  vertical-align: middle;
}
.dt-icon[data-v-b91adb90] {
  width: 4.53333vw;
  height: 5.06667vw;
  object-fit: contain;
  display: block;
}
.modal-mask[data-v-b91adb90] {
  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-b91adb90] {
  position: relative;
  width: 90.66667vw;
}
.modal-container2[data-v-b91adb90] {
  position: relative;
  width: 64vw;
}
.modal-bg[data-v-b91adb90] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-bg2[data-v-b91adb90] {
  width: 80%;
  height: 80%;
  display: block;
}
.modal-overlay[data-v-b91adb90] {
  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-b91adb90] {
  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-b91adb90] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-b91adb90] {
  font-size: 4vw;
  font-weight: bold;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.close-icon[data-v-b91adb90] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-b91adb90] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-b91adb90] {
  transform: scale(0.95) rotate(180deg);
}
.modal-content[data-v-b91adb90] {
  overflow-y: auto;
  max-height: 40vw;
  line-height: 1.4;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.direct-title[data-v-b91adb90] {
  margin: 4.26667vw 0 2.13333vw;
  font-weight: bold;
  color: #00e6dd;
  font-size: 3.73333vw;
}
.direct-list[data-v-b91adb90] {
  margin-top: 2.13333vw;
  border-top: 1px dashed rgba(255,255,255,.12);
}
.direct-item[data-v-b91adb90] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.66667vw 0.53333vw;
   border: solid 1px #00b3b3;
   background-color: #00b3b317;
  border-radius: 2.66667vw;
  margin-bottom: 2.13333vw;
  padding: 2.66667vw 2.66667vw;
  font-size: 3.46667vw;
}
.direct-item .addr[data-v-b91adb90] {
  display: flex;
  align-items: center;
  gap: 2.13333vw;
  color: #e9fbff;
}
.direct-item .addr .dot[data-v-b91adb90] {
  width: 2.13333vw; height: 2.13333vw; border-radius: 50%;
  background: #01e6dd;
  display: inline-block;
}
.direct-item .meta[data-v-b91adb90] {
  color: #cfeff0;
}
.direct-empty[data-v-b91adb90] {
  margin-top: 3.2vw;
  color: #9bb;
  font-size: 3.2vw;
  text-align: center;
}


.contract-wrapper[data-v-0e2f9cde] {
  padding: 4.8vw;
  color: #fff;
}
/* 顶栏 */
.contract-header[data-v-0e2f9cde] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 10.66667vw;
  margin-bottom: 3.2vw;
}
.center .title[data-v-0e2f9cde] {
  font-size: 4.8vw;
  font-weight: 700;
}
.icon[data-v-0e2f9cde] {
  width: 10.13333vw;
  height: 10.13333vw;
  cursor: pointer;
}
/* 提示/错误 */
.error-line[data-v-0e2f9cde] {
  padding: 2.13333vw 2.66667vw;
  background: rgba(255, 0, 0, 0.15);
  border-radius: 2.13333vw;
  margin: 2.66667vw 0;
}
/* 顶部资产卡 */
.asset-card[data-v-0e2f9cde] {
  border: 1px solid rgba(0, 230, 221, 0.4);
  border-radius: 2.66667vw;
  background: rgba(0, 0, 50, 0.35);
  padding: 3.73333vw;
  margin-bottom: 4.26667vw;
  text-align: center;
}
.asset-card .value[data-v-0e2f9cde] {
  font-size: 4.8vw;
  font-weight: bold;
  margin-bottom: 2.13333vw;
  font-variant-numeric: tabular-nums;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
}
.persion[data-v-0e2f9cde] {
  font-size: 2.93333vw;
  font-family: "Courier New", Courier, monospace;
}

/* 团队业绩卡片 */
.team-card[data-v-0e2f9cde] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(0, 230, 221, 0.35);
  border-radius: 3.2vw;
  background: rgba(0, 20, 40, 0.35);
  padding: 3.2vw 3.73333vw;
  margin: 3.2vw 0 4.26667vw;
}
.team-left .team-title[data-v-0e2f9cde] {
  font-weight: 700;
  font-size: 3.73333vw;
}
.team-left .team-sub[data-v-0e2f9cde] {
  font-size: 3.2vw;
  color: #9ab;
  margin-top: 0.53333vw;
}
.team-right[data-v-0e2f9cde] {
  display: flex;
  align-items: center;
  gap: 2.66667vw;
}
.team-value[data-v-0e2f9cde] {
  font-weight: 700;
  font-size: 4.26667vw;
  font-variant-numeric: tabular-nums;
}
.btn.mini[data-v-0e2f9cde] {
  padding: 1.6vw 2.66667vw;
  border-radius: 2.13333vw;
  font-size: 3.2vw;
  background: #00e6de57;
  border: 1px solid #00e6dd;
  color: #fff;
}

/* 通用按钮 */
.btn[data-v-0e2f9cde] {
  padding: 2.13333vw 3.2vw;
  border-radius: 2.13333vw;
  font-size: 3.46667vw;
  border: none;
  flex: 1;
}
.btn.grey[data-v-0e2f9cde] {
  background: #666;
  color: #fff;
}
.btn.long[data-v-0e2f9cde] {
  background: #00e6de57;
  color: #efeded;
  border: #00e6dd solid 1px;
}
.deep[data-v-0e2f9cde] {
  background: #012221fd;
  color: #efeded;
  border: #00e6dd solid 1px !important;
}

/* Tabs */
.tabs[data-v-0e2f9cde] {
  display: flex;
  gap: 1.6vw;
  margin: 3.2vw 0;
}
.tab[data-v-0e2f9cde] {
  flex: 1;
  padding: 2.13333vw;
  border-radius: 2.13333vw;
  background: #66666650;
  color: #fff;
  border: solid 1px #00e6dd;
}
.tab.on[data-v-0e2f9cde] {
  background: #00e6de71;
  color: #ffffff;
}

/* 卡片 */
.trade-card[data-v-0e2f9cde] {
  border: 1px solid rgba(0, 230, 221, 0.4);
  border-radius: 2.66667vw;
  background: rgba(0, 0, 50, 0.35);
  margin-bottom: 4.26667vw;
  overflow: hidden;
}
.card-top[data-v-0e2f9cde] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 20, 40, 0.6);
  padding: 2.66667vw 3.2vw;
  font-size: 3.46667vw;
}
.coininfo[data-v-0e2f9cde] {
  display: flex;
  flex-direction: column;
}
.symbol[data-v-0e2f9cde] {
  font-size: 3.2vw;
  font-weight: bold;
}
.no[data-v-0e2f9cde] {
  font-size: 3.2vw;
  color: #aaa;
}
.actions[data-v-0e2f9cde] {
  display: flex;
  gap: 1.6vw;
}

/* 内容网格 */
.card-body[data-v-0e2f9cde] {
  padding: 3.2vw;
}
.row[data-v-0e2f9cde] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.66667vw;
  gap: 1.33333vw;
}
.cell[data-v-0e2f9cde] {
  flex: 1;
  text-align: center;
}
.label[data-v-0e2f9cde] {
  font-size: 3.2vw;
  color: #aaa;
  margin-bottom: 1.06667vw;
  background-color: #00e6de41;
  border: solid 1px #00e6de87;
  border-radius: 1.06667vw;
  padding: 1.33333vw 2.13333vw;
}
.val[data-v-0e2f9cde] {
  font-size: 3.2vw;
}
.gain[data-v-0e2f9cde] {
  color: #00ff99;
}
.loss[data-v-0e2f9cde] {
  color: #ff4444;
}
.btnXX2[data-v-0e2f9cde] {
  border: solid 1px #636666;
  border-radius: 1.33333vw;
  padding: 1.33333vw;
  background-color: #3c3c39bf;
  border: #7a7d7d solid 1px;
}
.btnXX[data-v-0e2f9cde] {
  border: solid 1px #00e6dd;
  border-radius: 1.33333vw;
  padding: 1.33333vw;
  background-color: #00e6de41;
  border: #00e6dd solid 1px;
}

/* 弹窗 */
.mask[data-v-0e2f9cde] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}
.dialog[data-v-0e2f9cde] {
  background: #066da83d;
  padding: 5.33333vw;
  border-radius: 3.2vw;
  width: 90%;
  max-width: 112vw;
  border: 1px solid rgba(0, 230, 221, 0.35);
}
.field[data-v-0e2f9cde] {
  margin-bottom: 3.2vw;
}
.field label[data-v-0e2f9cde] {
  display: block;
  font-size: 3.2vw;
  margin-bottom: 1.6vw;
  color: #ccc;
}
.field input[data-v-0e2f9cde],
.field select[data-v-0e2f9cde] {
  width: 100%;
  padding: 2.13333vw;
  border-radius: 1.6vw;
  border: 1px solid #01dfbeb9;
  background: #010e14f0;
  text-align: center;
  color: #fff;
}
.hint[data-v-0e2f9cde] {
  display: block;
  margin-top: 1.6vw;
  font-size: 3.2vw;
  color: #8aa;
}
.btn-row[data-v-0e2f9cde] {
  display: flex;
  gap: 2.13333vw;
  margin-top: 2.13333vw;
}

/* 轻提示 */
.fade-enter-active[data-v-0e2f9cde],
.fade-leave-active[data-v-0e2f9cde] {
  transition: opacity 0.18s;
}
.fade-enter[data-v-0e2f9cde],
.fade-leave-to[data-v-0e2f9cde] {
  opacity: 0;
}
.toast[data-v-0e2f9cde] {
  position: fixed;
  left: 50%;
  bottom: 4.8vw;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  padding: 2.13333vw 3.73333vw;
  border-radius: 2.13333vw;
}

/* 弹窗(图片蒙层) */
.modal-mask[data-v-0e2f9cde] {
  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-0e2f9cde] {
  position: relative;
  width: 90.66667vw;
}
.modal-bg[data-v-0e2f9cde] {
  width: 100%;
  height: 100%;
  display: block;
}
.modal-overlay[data-v-0e2f9cde] {
  position: absolute;
  inset: 0;
  padding: 5.33333vw;
  color: #fff;
  box-sizing: border-box;
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  gap: 5.33333vw;
}
.modal-header[data-v-0e2f9cde] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title[data-v-0e2f9cde] {
  font-size: 4vw;
  font-weight: bold;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.close-icon[data-v-0e2f9cde] {
  width: 5.33333vw;
  height: 5.33333vw;
  pointer-events: none;
  transition: transform 0.3s ease;
}
.modal-close:hover .close-icon[data-v-0e2f9cde] {
  transform: scale(1.2) rotate(180deg);
}
.modal-close:active .close-icon[data-v-0e2f9cde] {
  transform: scale(0.95) rotate(180deg);
}

/* select 箭头 */
.field select[data-v-0e2f9cde] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 7.46667vw;
  background-image: url("data:image/svg+xml;utf8,<svg fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27><path d=%27M7 10l5 5 5-5z%27/></svg>");
  background-repeat: no-repeat;
  background-position: right 2.66667vw center;
  background-size: 4.26667vw;
}

/* ====== 边框“流金”高光按钮 ====== */
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.btn-join[data-v-0e2f9cde] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2.13333vw;

  padding: 2.66667vw 6.4vw 2.66667vw 6.4vw;
  border-radius: 266.4vw;
  color: #e6ebeb;
  font-weight: 800;
  font-size: 4.26667vw;

  background: #00e6dec7;
  cursor: pointer;
  overflow: visible;
  isolation: isolate;
  box-shadow: 0 1.6vw 4.8vw rgba(0, 230, 221, 0.25);
  transition: transform 0.18s ease;
}
.btn-join[data-v-0e2f9cde]:hover {
  transform: translateY(-1px);
}
.btn-join[data-v-0e2f9cde]:active {
  transform: translateY(0);
}
.btn-join .text[data-v-0e2f9cde],
.btn-join .plus[data-v-0e2f9cde] {
  position: relative;
  z-index: 1;
}
.btn-join .plus[data-v-0e2f9cde] {
  width: 7.46667vw;
  height: 7.46667vw;
  border-radius: 266.4vw;
  display: inline-grid;
  place-items: center;
  font-size: 5.33333vw;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  background: #0b3a42;
  box-shadow: inset 0 0 0 0.53333vw rgba(255, 255, 255, 0.15);
}

/* —— 黑色固定边框 —— */
.btn-join[data-v-0e2f9cde]::before {
  content: "";
  position: absolute;
  inset: -0.53333vw; /* 边框厚度 */
  border-radius: inherit;
  padding: 0.53333vw;
  background: #000; /* 黑色边框底色 */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 0;
}

/* —— 金色高光沿边框流动 —— */
.btn-join[data-v-0e2f9cde]::after {
  content: "";
  position: absolute;
  inset: -0.53333vw;
  border-radius: inherit;
  padding: 0.53333vw;
  background: conic-gradient(
    from var(--angle),
    transparent 0deg,
    transparent 320deg,
    #ffcc33 330deg,
    /* 金色前沿 */ #ffeb99 338deg,
    /* 金色高亮 */ #ffb84d 346deg,
    /* 金色尾部 */ transparent 356deg
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  mix-blend-mode: screen;
  animation: border-shimmer-0e2f9cde 3.6s linear infinite;
  z-index: 1;
}
@keyframes border-shimmer-0e2f9cde {
to {
    --angle: 360deg;
}
}
@media (prefers-reduced-motion: reduce) {
.btn-join[data-v-0e2f9cde]::after {
    animation: none;
}
}
.asset-card .btn-join[data-v-0e2f9cde] {
  margin-top: 2.13333vw;
}

/* —— 你原有样式（略） —— */
.contract-wrapper[data-v-0e2f9cde] {
  padding: 4.8vw;
  color: #fff;
}
/* 顶栏 */
.contract-header[data-v-0e2f9cde] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 10.66667vw;
  margin-bottom: 3.2vw;
}
.center .title[data-v-0e2f9cde] {
  font-size: 4.8vw;
  font-weight: 700;
}
.icon[data-v-0e2f9cde] {
  width: 10.13333vw;
  height: 10.13333vw;
  cursor: pointer;
}
/* 提示/错误 */
.error-line[data-v-0e2f9cde] {
  padding: 2.13333vw 2.66667vw;
  background: rgba(255, 0, 0, 0.15);
  border-radius: 2.13333vw;
  margin: 2.66667vw 0;
}
/* 顶部资产卡 */
.asset-card[data-v-0e2f9cde] {
  border: 1px solid rgba(0, 230, 221, 0.4);
  border-radius: 2.66667vw;
  background: rgba(0, 0, 50, 0.35);
  padding: 3.73333vw;
  margin-bottom: 4.26667vw;
  text-align: center;
}
.asset-card .value[data-v-0e2f9cde] {
  font-size: 4.8vw;
  font-weight: bold;
  margin-bottom: 2.13333vw;
  font-variant-numeric: tabular-nums;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
}
.persion[data-v-0e2f9cde] {
  font-size: 2.93333vw;
  font-family: "Courier New", Courier, monospace;
}
/* 团队业绩卡片 */
.team-card[data-v-0e2f9cde] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(0, 230, 221, 0.35);
  border-radius: 3.2vw;
  background: rgba(0, 20, 40, 0.35);
  padding: 3.2vw 3.73333vw;
  margin: 3.2vw 0 4.26667vw;
}
.team-left .team-title[data-v-0e2f9cde] {
  font-weight: 700;
  font-size: 3.73333vw;
}
.team-left .team-sub[data-v-0e2f9cde] {
  font-size: 3.2vw;
  color: #9ab;
  margin-top: 0.53333vw;
}
.team-right[data-v-0e2f9cde] {
  display: flex;
  align-items: center;
  gap: 2.66667vw;
}
.team-value[data-v-0e2f9cde] {
  font-weight: 700;
  font-size: 4.26667vw;
  font-variant-numeric: tabular-nums;
}
.btn.mini[data-v-0e2f9cde] {
  padding: 1.6vw 2.66667vw;
  border-radius: 2.13333vw;
  font-size: 3.2vw;
  background: #00e6de57;
  border: 1px solid #00e6dd;
  color: #fff;
}
/* 通用 */
.btn[data-v-0e2f9cde] {
  padding: 2.13333vw 3.2vw;
  border-radius: 2.13333vw;
  font-size: 3.46667vw;
  border: none;
  flex: 1;
}
.btn.grey[data-v-0e2f9cde] {
  background: #666;
  color: #fff;
}
.btn.long[data-v-0e2f9cde] {
  background: #00e6de57;
  color: #efeded;
  border: #00e6dd solid 1px;
}
.tabs[data-v-0e2f9cde] {
  display: flex;
  gap: 1.6vw;
  margin: 3.2vw 0;
}
.tab[data-v-0e2f9cde] {
  flex: 1;
  padding: 2.13333vw;
  border-radius: 2.13333vw;
  background: #66666650;
  color: #fff;
  border: solid 1px #00e6dd;
}
.tab.on[data-v-0e2f9cde] {
  background: #00e6de71;
  color: #ffffff;
}
/* 卡片 */
.trade-card[data-v-0e2f9cde] {
  border: 1px solid rgba(0, 230, 221, 0.4);
  border-radius: 2.66667vw;
  background: rgba(0, 0, 50, 0.35);
  margin-bottom: 4.26667vw;
  overflow: hidden;
}
.card-top[data-v-0e2f9cde] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 20, 40, 0.6);
  padding: 2.66667vw 3.2vw;
  font-size: 3.46667vw;
}
.coininfo[data-v-0e2f9cde] {
  display: flex;
  flex-direction: column;
}
.symbol[data-v-0e2f9cde] {
  font-size: 3.2vw;
  font-weight: bold;
}
.no[data-v-0e2f9cde] {
  font-size: 3.2vw;
  color: #aaa;
}
.actions[data-v-0e2f9cde] {
  display: flex;
  gap: 1.6vw;
}
.card-body[data-v-0e2f9cde] {
  padding: 3.2vw;
}
.row[data-v-0e2f9cde] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.66667vw;
  gap: 1.33333vw;
}
.cell[data-v-0e2f9cde] {
  flex: 1;
  text-align: center;
}
.label[data-v-0e2f9cde] {
  font-size: 3.2vw;
  color: #aaa;
  margin-bottom: 1.06667vw;
  background-color: #00e6de41;
  border: solid 1px #00e6de87;
  border-radius: 1.06667vw;
  padding: 1.33333vw 2.13333vw;
}
.val[data-v-0e2f9cde] {
  font-size: 3.2vw;
}
.gain[data-v-0e2f9cde] {
  color: #00ff99;
}
.loss[data-v-0e2f9cde] {
  color: #ff4444;
}
.btnXX2[data-v-0e2f9cde] {
  border: solid 1px #636666;
  border-radius: 1.33333vw;
  padding: 1.33333vw;
  background-color: #3c3c39bf;
  border: #7a7d7d solid 1px;
}
.btnXX[data-v-0e2f9cde] {
  border: solid 1px #00e6dd;
  border-radius: 1.33333vw;
  padding: 1.33333vw;
  background-color: #00e6de41;
  border: #00e6dd solid 1px;
}
/* 弹窗、蒙层、select 样式（略）… 与之前一致 */

/* ====== 边框“流金”高光按钮（黑边 + 金色流光） ====== */
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.btn-join[data-v-0e2f9cde] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2.13333vw;
  padding: 2.66667vw 6.4vw;
  border-radius: 266.4vw;
  color: #e6ebeb;
  font-weight: 800;
  font-size: 4.26667vw;
  background: #00e6dec7;
  cursor: pointer;
  overflow: visible;
  isolation: isolate;
  box-shadow: 0 1.6vw 4.8vw rgba(0, 230, 221, 0.25);
  transition: transform 0.18s ease;
}
.btn-join[data-v-0e2f9cde]:hover {
  transform: translateY(-1px);
}
.btn-join[data-v-0e2f9cde]:active {
  transform: translateY(0);
}
.btn-join .text[data-v-0e2f9cde],
.btn-join .plus[data-v-0e2f9cde] {
  position: relative;
  z-index: 1;
}
.btn-join .plus[data-v-0e2f9cde] {
  width: 7.46667vw;
  height: 7.46667vw;
  border-radius: 266.4vw;
  display: inline-grid;
  place-items: center;
  font-size: 5.33333vw;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  background: #0b3a42;
  box-shadow: inset 0 0 0 0.53333vw rgba(255, 255, 255, 0.15);
}

/* 黑色固定边框 */
.btn-join[data-v-0e2f9cde]::before {
  content: "";
  position: absolute;
  inset: -0.53333vw;
  border-radius: inherit;
  padding: 0.53333vw;
  background: #000;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 0;
}
/* 金色高光沿边框流动 */
.btn-join[data-v-0e2f9cde]::after {
  content: "";
  position: absolute;
  inset: -0.53333vw;
  border-radius: inherit;
  padding: 0.53333vw;
  background: conic-gradient(
    from var(--angle),
    transparent 0deg,
    transparent 320deg,
    #ffcc33 330deg,
    #ffeb99 338deg,
    #ffb84d 346deg,
    transparent 356deg
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  mix-blend-mode: screen;
  animation: border-shimmer-0e2f9cde 3.6s linear infinite;
  z-index: 1;
}
@keyframes border-shimmer-0e2f9cde {
to {
    --angle: 360deg;
}
}
@media (prefers-reduced-motion: reduce) {
.btn-join[data-v-0e2f9cde]::after {
    animation: none;
}
}
.asset-card .btn-join[data-v-0e2f9cde] {
  margin-top: 2.13333vw;
}

/* ====== 新增动效：图标旋转 / 数字跳动 / 按钮回弹 ====== */
.spin-once[data-v-0e2f9cde] {
  display: inline-block;
  animation: spinOnce-0e2f9cde 0.6s ease forwards;
  transform-origin: 50% 50%;
}
@keyframes spinOnce-0e2f9cde {
from {
    transform: rotate(0);
}
to {
    transform: rotate(360deg);
}
}
.num-pulse[data-v-0e2f9cde] {
  display: inline-block;
  animation: numPulse-0e2f9cde 0.5s ease;
}
@keyframes numPulse-0e2f9cde {
0% {
    transform: scale(1);
    filter: brightness(1);
}
35% {
    transform: scale(1.09);
    filter: brightness(1.15);
}
100% {
    transform: scale(1);
    filter: brightness(1);
}
}
.btn.mini[data-v-0e2f9cde] {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  will-change: transform;
}
.btn.mini.btn-bump[data-v-0e2f9cde] {
  transform: scale(1.08);
  box-shadow: 0 2.13333vw 5.86667vw rgba(0, 230, 221, 0.35);
}
/* 选择天数：按钮组 */
.plan-buttons[data-v-0e2f9cde] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.13333vw;
  margin-top: 1.6vw;
}
.plan-btn[data-v-0e2f9cde] {
  border: 1px solid #01dfbe8a;
  background: #01131a;
  color: #e8ffff;
  border-radius: 2.66667vw;
  padding: 2.66667vw 2.13333vw;
  text-align: center;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease,
    border-color 0.12s ease;
}
.plan-btn .big[data-v-0e2f9cde] {
  font-size: 3.73333vw;
  font-weight: 700;
  line-height: 1.1;
}
.plan-btn .small[data-v-0e2f9cde] {
  font-size: 2.93333vw;
  color: #a7c7c7;
  margin-top: 1.06667vw;
}

/* 选中态 */
.plan-btn.on[data-v-0e2f9cde] {
  background: #00e6de33;
  border-color: #00e6dd;
  box-shadow: 0 1.6vw 4.8vw rgba(0, 230, 221, 0.25);
}

/* 触摸/悬停反馈 */
.plan-btn[data-v-0e2f9cde]:active {
  transform: translateY(1px) scale(0.99);
}
.plan-btn[data-v-0e2f9cde]:hover {
  box-shadow: 0 1.06667vw 3.2vw rgba(0, 230, 221, 0.2);
}
/* —— 限流提示（胶囊+发光圆点） —— */
.limit-tip[data-v-0e2f9cde] {
  display: inline-flex;
  align-items: center;
  gap: 2.13333vw;
  padding: 2.13333vw 3.2vw;
  border-radius: 266.4vw;
  border: 1px solid rgba(0, 230, 221, 0.35);
  background: rgba(0, 20, 40, 0.35);
  backdrop-filter: blur(1.6vw);
  margin: 2.66667vw 0 3.2vw;
  user-select: none;
  white-space: nowrap;
  font-size: 3.2vw;
  line-height: 1;
}
.limit-tip .txt[data-v-0e2f9cde] {
  font-weight: 700;
  letter-spacing: 0.5px;
}
.limit-tip .sep[data-v-0e2f9cde] {
  width: 1px;
  height: 3.73333vw;
  background: rgba(255, 255, 255, 0.15);
  margin: 0 0.53333vw;
}
.limit-tip .cap b[data-v-0e2f9cde] {
  font-weight: 800;
}

/* 圆点（带柔光） */
.limit-tip .led[data-v-0e2f9cde] {
  width: 2.66667vw;
  height: 2.66667vw;
  border-radius: 50%;
  box-shadow: 0 0 2.66667vw currentColor, 0 0 4.8vw currentColor inset;
}

/* 状态色：open=绿，limit=红 */
.limit-tip.open[data-v-0e2f9cde] {
  border-color: rgba(0, 240, 170, 0.6);
  background: linear-gradient(180deg, rgba(0, 36, 28, 0.55), rgba(0, 18, 14, 0.4));
}
.limit-tip.open .led[data-v-0e2f9cde] { color: #00e58a; background: currentColor;
}
.limit-tip.open .txt[data-v-0e2f9cde] { color: #c7ffe9;
}
.limit-tip.open .cap[data-v-0e2f9cde] { color: #c9f8ee;
}
.limit-tip.limit[data-v-0e2f9cde] {
  border-color: rgba(255, 90, 90, 0.55);
  background: linear-gradient(180deg, rgba(60, 6, 10, 0.55), rgba(35, 0, 3, 0.42));
}
.limit-tip.limit .led[data-v-0e2f9cde] { color: #ff4d4d; background: currentColor; animation: glow-pulse-0e2f9cde 1.6s ease-in-out infinite;
}
.limit-tip.limit .txt[data-v-0e2f9cde] { color: #ffd6d6;
}
.limit-tip.limit .cap[data-v-0e2f9cde] { color: #ffc7c7;
}

/* 红灯轻微呼吸 */
@keyframes glow-pulse-0e2f9cde {
0%, 100% { box-shadow: 0 0 10px currentColor, 0 0 18px currentColor inset;
}
50% { box-shadow: 0 0 14px currentColor, 0 0 22px currentColor inset;
}
}

/* 刷新按钮（迷你） */
.limit-refresh[data-v-0e2f9cde] {
  appearance: none;
  padding: 1.33333vw 2.66667vw;
  border-radius: 2.13333vw;
  border: 1px solid rgba(0, 230, 221, 0.5);
  background: rgba(0, 230, 221, 0.12);
  color: #eaffff;
  font-size: 3.2vw;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
.limit-refresh[data-v-0e2f9cde]:hover {
  transform: translateY(-1px);
  box-shadow: 0 1.6vw 4.26667vw rgba(0, 230, 221, 0.25);
}
.limit-refresh[data-v-0e2f9cde]:disabled {
  opacity: .6;
  cursor: default;
  transform: none;
  box-shadow: none;
}
/* 统一弹窗风格 */
.modal-mask[data-v-0e2f9cde]{
  position:fixed; inset:0;
  background:rgba(0,0,0,.6);
  backdrop-filter:blur(1.06667vw);
  display:flex; align-items:center; justify-content:center;
  z-index:2147483647;
}
.dialog[data-v-0e2f9cde]{
  width:88vw; max-width:112vw;
  border-radius:4.26667vw;
  background:rgba(12,18,24,.9);
  border:1px solid rgba(0,230,221,.4);
  box-shadow:0 2.66667vw 10.66667vw rgba(0,0,0,.5);
  overflow:hidden;
}
.dialog-hd[data-v-0e2f9cde]{
  display:flex; align-items:center; justify-content:space-between;
  padding:3.73333vw 4.26667vw;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-weight:800; color:#fff;
}
.dialog-bd[data-v-0e2f9cde]{ padding:4.26667vw; color:#fff; font-size:3.46667vw; line-height:1.6;
}
.x[data-v-0e2f9cde]{
  background:transparent; border:none; color:#fff;
  font-size:4.8vw; line-height:1; cursor:pointer;
}


/* —— 页面骨架 —— */
.deposit-wrapper[data-v-3a432881]{padding:4.8vw;color:#fff;}
.deposit-header[data-v-3a432881]{display:flex;align-items:center;justify-content:space-between;position:relative;height:10.66667vw;margin-bottom:6.4vw}
.deposit-header .center[data-v-3a432881]{position:absolute;left:50%;transform:translateX(-50%);font-size:4.8vw;font-weight:700}
.back-icon[data-v-3a432881],.info-icon[data-v-3a432881]{width:9.6vw;height:9.6vw}

/* —— 磨砂卡片 —— */
.deposit-box[data-v-3a432881]{
  border:1px solid rgba(0,230,221,.22);
  border-radius:4.26667vw;
  background:
    radial-gradient(320vw 160vw at -10% -10%, rgba(0,230,221,.10), transparent 60%),
    radial-gradient(213.33333vw 160vw at 120% 120%, rgba(0,174,255,.08), transparent 55%),
    rgba(255,255,255,0.04);
  backdrop-filter: blur(1.6vw);
  padding:4.26667vw 4.26667vw 3.2vw;
  box-shadow: 0 1.6vw 6.4vw rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
}

/* 行与分割线 */
.row[data-v-3a432881]{display:flex;align-items:center;justify-content:space-between;font-size:3.46667vw;margin:1.6vw 0}
.row .account[data-v-3a432881]{font-size:5.33333vw;font-weight:700;color:#fff}
.divider[data-v-3a432881]{height:1px; margin:2.66667vw 0; background:linear-gradient(90deg,transparent,rgba(0,230,221,.4),transparent)}

/* Token 标签 */
.token[data-v-3a432881]{display:flex;align-items:center;gap:2.13333vw;border:1px solid rgba(0,230,221,.3);padding:2.66667vw 3.2vw;border-radius:2.66667vw;background:rgba(0,0,0,.2);font-size:3.73333vw}
.token-icon[data-v-3a432881]{width:4.8vw;height:4.8vw}
.label-wrap[data-v-3a432881]{display:inline-flex;align-items:center;gap:1.6vw}

/* 节点按钮 */
.nodes-grid[data-v-3a432881]{
  margin:3.73333vw 0 2.13333vw;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:2.66667vw;
}
.node-btn[data-v-3a432881]{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:3.73333vw 0;border-radius:3.2vw;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(0,230,221,.22);
  color:#fff;font-weight:700;line-height:1.1;transition: all .18s ease;
}
.node-btn .no[data-v-3a432881]{opacity:.9;font-size:3.2vw;margin-bottom:1.6vw}
.node-btn .price[data-v-3a432881]{font-size:4.8vw}
.node-btn[data-v-3a432881]:hover{transform:translateY(-1px);box-shadow:0 1.6vw 4.26667vw rgba(0,230,221,.15);border-color:#00e6dd}
.node-btn.active[data-v-3a432881]{
  background:rgba(0,230,221,.12);
  border-color:#00e6dd;
  box-shadow:0 0 0 1px rgba(0,230,221,.25) inset, 0 2.13333vw 4.8vw rgba(0,230,221,.18);
}

/* 已选与合计（纵向居中） */
.selected-bar[data-v-3a432881]{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(0,230,221,.28);background:rgba(0,230,221,.08);
  padding:3.2vw 3.73333vw;border-radius:3.73333vw;margin-top:2.66667vw;text-align:center
}
.chips[data-v-3a432881]{display:flex;gap:1.6vw;flex-wrap:wrap;justify-content:center;margin-bottom:1.6vw}
.chip[data-v-3a432881]{border:1px solid #00e6dd;color:#00e6dd;padding:0.8vw 2.66667vw;border-radius:266.4vw;font-size:3.2vw}
.sum-box[data-v-3a432881]{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.sum-value[data-v-3a432881]{font-size:7.46667vw;font-weight:800;color:#fff;margin-top:1.06667vw}

/* 授权/购买按钮区 */
.approveandDeposit[data-v-3a432881]{display:flex;gap:2.66667vw;margin-top:3.73333vw}
.approveandDeposit .btn[data-v-3a432881]{
  flex:1;padding:3.2vw;border-radius:3.2vw;background:rgba(255,255,255,.05);
  color:#f7f9f9;font-size:4.26667vw;font-weight:700;display:flex;align-items:center;justify-content:center;gap:2.13333vw;
  border:1px solid rgba(0,230,221,.28);transition: all .18s ease;
}
.approveandDeposit .btn[data-v-3a432881]:hover{background:#00e6dd;color:#001a18}
.adcla[data-v-3a432881]{width:5.33333vw;height:5.33333vw}
.btn-authorized[data-v-3a432881]{background:rgba(0,255,160,.10);border-color:#00ffaa;color:#00ffaa}
.btn-unauthorized[data-v-3a432881]{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);color:#fff}

/* 授权额度显示 */
.rowx[data-v-3a432881]{display:flex;align-items:center;justify-content:space-between;font-size:3.46667vw;color:#fff;margin-top:4.26667vw;border:1px solid rgba(0,230,221,.28);background:rgba(0,230,221,.08);padding:3.2vw 3.73333vw;border-radius:3.2vw}

/* 弹窗与Loading */
.modal-mask[data-v-3a432881]{position:fixed;z-index:2147483647;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(1.06667vw);display:flex;justify-content:center;align-items:center}
.modal-container[data-v-3a432881]{position:relative;width:90.66667vw}
.modal-bg[data-v-3a432881]{width:100%;display:block}
.modal-overlay[data-v-3a432881]{position:absolute;inset:0;padding:5.33333vw;color:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:5.33333vw}
.modal-header[data-v-3a432881]{display:flex;justify-content:space-between;align-items:center}
.modal-title[data-v-3a432881]{font-size:4vw;font-weight:700}
.close-icon[data-v-3a432881]{width:5.33333vw;height:5.33333vw;pointer-events:none;transition:transform .3s}
.modal-close:hover .close-icon[data-v-3a432881]{transform:scale(1.2) rotate(180deg)}
.modal-close:active .close-icon[data-v-3a432881]{transform:scale(.95) rotate(180deg)}
.loading-screen[data-v-3a432881]{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(1.06667vw);display:flex;align-items:center;justify-content:center;z-index:9999}
.spinner[data-v-3a432881]{width:26.66667vw;height:26.66667vw}
.drivs[data-v-3a432881]{ height:8vw; margin:2.66667vw 2.66667vw; border-left:1px solid rgba(0,230,221,.6); animation:fadeLoop-3a432881 2.4s ease-in-out infinite;
}
@keyframes fadeLoop-3a432881 {
0%{opacity:.25}
50%{opacity:1}
100%{opacity:.25}
}

/* 字体强化 */
.seleText[data-v-3a432881]{font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;font-size:4.26667vw !important;font-weight:700 !important;}


/* ===== 页面基底（深色渐变 + 轻微网格） ===== */
.matrix-tree-page[data-v-717e16ef] {
  --bg1: #0b1220;
  --bg2: #111a2e;
  --text: #cfe4ff;
  --muted: #8aa0bf;
  --primary: #4ea6ff;
  --line: rgba(180, 200, 230, 0.35);
  --node: #0e1728;
  --node-border: rgba(200, 220, 250, 0.45);
  --node-text: #e6f0ff;
  --node-hi-bg: #ffae47;
  --node-hi-text: #1b1102;

  background:
    radial-gradient(320vw 160vw at 10% -10%, rgba(78,166,255,.12), transparent 60%),
    radial-gradient(213.33333vw 160vw at 90% 0%, rgba(110,255,206,.10), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  min-height: 100vh;
  color: var(--text);
  font-family: "Inter", ui-sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 3.2vw 4.26667vw;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

/* 顶部工具栏 */
.tree-header[data-v-717e16ef] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.2vw;
  margin-bottom: 2.13333vw;
}
.tree-header h2[data-v-717e16ef] {
  font-size: 3.2vw;
  font-weight: 600;
  letter-spacing: .2px;
  margin: 0;
  color: var(--text);
  opacity: .95;
}
.controls[data-v-717e16ef] { display: flex; align-items: center; gap: 2.13333vw;
}
.input-box[data-v-717e16ef] {
  width: 14.93333vw; height: 6.93333vw;
  background: rgba(255,255,255,.04);
  color: var(--text);
  border: 1px solid rgba(255,255,255,.12);
  text-align: center;
  border-radius: 2.13333vw;
  outline: none;
  font-size: 3.2vw;
}
.input-box[data-v-717e16ef]:focus { border-color: var(--primary); box-shadow: 0 0 0 0.8vw rgba(78,166,255,.15);
}
.btn[data-v-717e16ef] {
  background: linear-gradient(90deg, #4ea6ff, #6effce);
  color: #0b1220;
  border: none;
  height: 7.46667vw;
  padding: 0 2.66667vw;
  font-size: 3.2vw;
  border-radius: 2.13333vw;
  cursor: pointer;
  font-weight: 600;
}
.btn.ghost[data-v-717e16ef] {
  background: transparent;
  color: var(--text);
  border: 1px solid rgba(255,255,255,.18);
}

/* 状态提示 */
.state[data-v-717e16ef] { text-align: center; margin-top: 6.4vw; color: var(--muted); font-size: 3.2vw;
}

/* 树容器：允许滚动查看，但我们会尽量自适应 scale 一屏 */
.tree-wrap[data-v-717e16ef] {
  width: 100%;
  height: calc(100vh - 18.66667vw);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 3.2vw;
  overflow: auto;
  backdrop-filter: blur(0.53333vw);
  background:
    linear-gradient(transparent 6.13333vw, rgba(255,255,255,.03) 6.4vw),
    linear-gradient(90deg, transparent 6.13333vw, rgba(255,255,255,.03) 6.4vw);
  background-size: 6.4vw 6.4vw;   /* 轻微网格，低对比度 */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

/* ================== 覆盖 vue-tree-chart 默认样式 ================== */
/* 连线：更细、更浅 */
[data-v-717e16ef] .tree-chart-line {
  stroke: var(--line) !important;
  stroke-width: 1 !important;
}

/* ===== 节点样式（改为圆形 + 立体感 + 微光效果） ===== */
[data-v-717e16ef] .tree-chart-node {
  background: radial-gradient(circle at 40% 40%, #162438, #0d1525 80%) !important;
  border: 0.4vw solid rgba(138, 180, 255, 0.4) !important;
  border-radius: 50% !important; /* ✅ 圆形 */
  width: 8vw !important;
  height: 8vw !important;
  line-height: 8vw !important;
  color: #bcd8ff !important;
  font-size: 2.66667vw !important;
  font-weight: 500 !important;
  text-align: center !important;
  box-shadow: 0 0.53333vw 2.13333vw rgba(0, 0, 0, 0.4), 0 0 1.6vw rgba(90, 150, 255, 0.15);
  transition: all 0.2s ease;
}
[data-v-717e16ef] .tree-chart-node:hover {
  transform: scale(1.12);
  border-color: rgba(140, 200, 255, 0.8) !important;
  box-shadow: 0 0 3.2vw rgba(100, 200, 255, 0.5);
  color: #ffffff !important;
}

/* ===== 高亮节点（如活跃节点） ===== */
[data-v-717e16ef] .tree-chart-node.highlight {
  background: radial-gradient(circle at 30% 30%, #ffb84d, #b45a00 85%) !important;
  border-color: #ffcc80 !important;
  color: #fff !important;
  box-shadow: 0 0 3.2vw rgba(255, 180, 60, 0.6);
}

/* ===== 连线样式（更柔和、发光感） ===== */
[data-v-717e16ef] .tree-chart-line {
  stroke: rgba(180, 220, 255, 0.35) !important;
  stroke-width: 1.2 !important;
  filter: drop-shadow(0 0 0.53333vw rgba(100, 160, 255, 0.3));
}


.matrix-stats-page[data-v-16f9dc9c] {
  min-height: 100vh;
  background: linear-gradient(180deg, #0b1420, #0f1d2e);
  color: #cfe4ff;
  font-family: "Consolas", monospace;
  padding: 5.33333vw;
  box-sizing: border-box;
}
.header[data-v-16f9dc9c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
h2[data-v-16f9dc9c] {
  font-size: 4.8vw;
  font-weight: 600;
  color: #6ee0ff;
}
.controls[data-v-16f9dc9c] {
  display: flex;
  align-items: center;
  gap: 2.66667vw;
}
.controls input[data-v-16f9dc9c] {
  background: #111a28;
  color: #cfe4ff;
  border: 1px solid #223b56;
  border-radius: 1.33333vw;
  padding: 1.33333vw 2.13333vw;
  width: 37.33333vw;
  font-size: 3.2vw;
}
.controls button[data-v-16f9dc9c] {
  background: linear-gradient(90deg, #00b4ff, #00ffcc);
  border: none;
  border-radius: 1.33333vw;
  color: #0b1220;
  padding: 1.33333vw 3.2vw;
  font-weight: 600;
  cursor: pointer;
}
.stats[data-v-16f9dc9c] {
  margin: 4.26667vw 0;
  font-size: 3.73333vw;
}
.result-table[data-v-16f9dc9c] {
  width: 100%;
  border-collapse: collapse;
  font-size: 3.46667vw;
  background: rgba(255, 255, 255, 0.05);
}
.result-table th[data-v-16f9dc9c], .result-table td[data-v-16f9dc9c] {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.6vw 2.13333vw;
  text-align: left;
}
.result-table th[data-v-16f9dc9c] {
  background: rgba(255, 255, 255, 0.1);
  color: #9fdcff;
}
.empty[data-v-16f9dc9c] {
  margin-top: 5.33333vw;
  text-align: center;
  opacity: 0.6;
}


.add-api-page[data-v-6d17c340] {
  min-height: 100vh;
  background: radial-gradient(circle at center, #0a0f1d, #000);
  color: #b8f3ff;
  font-family: "Microsoft YaHei", sans-serif;
  padding: 5.33333vw;
}

/* 顶部栏 */
.top-bar[data-v-6d17c340] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6vw 0;
  margin-bottom: 8vw;
}
.icon-btn[data-v-6d17c340] {
  width: 9.06667vw;
  height: 9.06667vw;
  border-radius: 2.13333vw;
  background: rgba(100, 150, 255, 0.1);
  border: 1px solid rgba(0, 200, 255, 0.3);
  color: #aee7ff;
  font-size: 4.8vw;
  cursor: pointer;
  transition: 0.3s;
}
.icon-btn[data-v-6d17c340]:hover {
  background: rgba(0, 200, 255, 0.2);
}
.title[data-v-6d17c340] {
  font-size: 5.33333vw;
  color: #ffffff;
  text-align: center;
  flex: 1;
}

/* 表单 */
.api-form[data-v-6d17c340] {
  border: 1px solid rgba(0, 255, 255, 0.25);
  border-radius: 3.2vw;
  background: rgba(20, 40, 60, 0.25);
  padding: 5.33333vw;
  max-width: 122.66667vw;
  margin: 0 auto;
}
.form-item[data-v-6d17c340] {
  margin-bottom: 4.8vw;
}
.form-item label[data-v-6d17c340] {
  display: block;
  color: #aee7ff;
  margin-bottom: 1.6vw;
  font-size: 3.73333vw;
}
.form-item input[data-v-6d17c340] {
  width: 100%;
  padding: 2.66667vw;
  background: transparent;
  border: 1px solid #00bfff;
  border-radius: 2.13333vw;
  color: #fff;
  font-size: 3.73333vw;
  outline: none;
}
.strategy-btns[data-v-6d17c340] {
  display: flex;
  gap: 2.66667vw;
}
.strategy-btns button[data-v-6d17c340] {
  flex: 1;
  padding: 2.66667vw;
  border: 1px solid #00bfff;
  background: rgba(0, 100, 255, 0.1);
  border-radius: 1.6vw;
  color: #b8f3ff;
  cursor: pointer;
  transition: 0.3s;
}
.strategy-btns button.active[data-v-6d17c340] {
  background: #00bfff;
  color: #000;
  font-weight: bold;
}
.form-actions[data-v-6d17c340] {
  display: flex;
  justify-content: space-between;
  margin-top: 6.66667vw;
}
.test-btn[data-v-6d17c340],
.submit-btn[data-v-6d17c340] {
  flex: 1;
  padding: 3.2vw;
  border: none;
  border-radius: 2.13333vw;
  font-size: 4vw;
  cursor: pointer;
  font-weight: bold;
}
.test-btn[data-v-6d17c340] {
  background: linear-gradient(90deg, #001f3f, #004080);
  color: #b8f3ff;
  margin-right: 3.2vw;
}
.submit-btn[data-v-6d17c340] {
  background: linear-gradient(90deg, #00bfff, #00ffaa);
  color: #000;
}