@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 #07d9cf !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-3770c870] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
canvas[data-v-3770c870] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.content[data-v-3770c870] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.content > *[data-v-3770c870] {
  pointer-events: auto;
}


.three-container[data-v-491d27be] {
  width: 100%;
  max-width: 133.33333vw; 
  height: 85.33333vw;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  
  /* ✅ 确保背景完全透明 */
  background: transparent !important;
  
  /* ✅ 增加过渡动画，持续 1.2秒，让出现很丝滑 */
  transition: opacity 1.2s ease-out;
  
  /* 初始 opacity 由 Vue 的 :style 控制，这里不需要写 */
}
@media screen and (max-width: 480px) {
.three-container[data-v-491d27be] {
    height: 260px;
    max-width: 90%;
}
}


/* ================= 基础布局与动画 ================= */
.loading-screen[data-v-5827a576] {
  width: 100vw;
  height: 100vh;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.spinner[data-v-5827a576] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-5827a576 1.2s linear infinite;
}
@keyframes spin-5827a576 {
0% { transform: rotate(0);
}
100% { transform: rotate(360deg);
}
}
.SelectMain[data-v-5827a576] {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4vw;
  z-index: 1;
}

/* ================= Logo 区域 ================= */
.logo-section[data-v-5827a576] {
  text-align: center;
  z-index: 2;
  margin-top: 48vw;
}
.logo-img[data-v-5827a576] {
  width: 18.13333vw !important;
  height: 18.13333vw !important;
  margin-bottom: 1.6vw !important;
  max-width: 100%; 
  object-fit: contain;
}
.logo-text[data-v-5827a576] {
  font-size: 5.33333vw;
  color: #00ffff;
  font-weight: bold;
  font-family: "Orbitron", sans-serif;
}

/* ================= 地球与文字 ================= */
.globe-wrapper[data-v-5827a576] {
  width: 100%;
  height: 40vh;
}
.hello-container[data-v-5827a576] {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.typed-text[data-v-5827a576] {
  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);
}

/* ================= 语言切换器 ================= */
.language-switcher[data-v-5827a576] {
  position: absolute;
  top: 5.33333vw;
  right: 5.33333vw;
  z-index: 999;
}
.lang-button[data-v-5827a576] {
  background: #00090c7c;
  display: flex;
  align-items: center;
  gap: 2.13333vw;
  padding: 1.06667vw 2.13333vw;
  border-radius: 13.33333vw;
  border: solid 0.53333vw #9c6a1a;
  font-size: 3.2vw;
  color: #fff;
  cursor: pointer;
  height: 8.53333vw;
  box-sizing: border-box;
}
.lang-icon[data-v-5827a576] {
  width: 4.26667vw;
  height: 4.26667vw;
}

/* ✅ 修改：添加 list-style: none 去除圆点，margin 置 0 */
.lang-menu[data-v-5827a576] {
  position: absolute;
  top: 10.13333vw;
  right: 0;
  background: #281902;
  border: solid 0.53333vw #9c6a1a;
  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; /* 关键：去除 ul 默认圆点 */
  margin: 0;        /* 关键：去除 ul 默认外边距 */
}

/* ✅ 修改：确保 li 也没有样式，且强制移除伪元素 */
.lang-item[data-v-5827a576] {
  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;
  list-style: none; /* 关键：双重保险 */
}

/* ✅ 新增：强制隐藏 li 可能存在的伪元素（防止全局 CSS 添加圆点） */
.lang-item[data-v-5827a576]::before,
.lang-item[data-v-5827a576]::after {
  content: none !important;
  display: none !important;
}
.lang-item[data-v-5827a576]:last-child { border-bottom: none;
}
.lang-item[data-v-5827a576]:hover { background: #00bbff30;
}
.lang-item span[data-v-5827a576] { color: white;
}
.lang-item span.active[data-v-5827a576] { color: #00ff66; font-weight: bold;
}
img.checkmark-icon[data-v-5827a576] {
  width: 4.26667vw;
  height: 4.26667vw;
}

/* ================= 钱包连接按钮 ================= */
.web3-button-wrapper[data-v-5827a576] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4vw 5.33333vw;
}
.pulse-ring[data-v-5827a576] {
  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-5827a576 2.5s infinite ease-out;
  pointer-events: none;
  z-index: 0;
}
@keyframes border-pulse-5827a576 {
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-5827a576] {
  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-5827a576]:hover { transform: scale(1.04);
}
.shine[data-v-5827a576] {
  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-5827a576 2.5s infinite;
  pointer-events: none;
  z-index: 3;
}
@keyframes shine-5827a576 {
0% { left: -75%;
}
100% { left: 125%;
}
}
.wallet-chain[data-v-5827a576] {
  z-index: 2;
  margin-bottom: 21.33333vw;
}
.wallet-icon[data-v-5827a576] { width: 48vw;
}

/* 网络切换小按钮 */
.net-toggle[data-v-5827a576] {
  display: flex; gap: 2.13333vw; margin-top: 2.13333vw; z-index: 2;
}
.net-btn[data-v-5827a576] {
  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-5827a576], .net-btn[data-v-5827a576]:hover {
  background: rgba(0, 230, 221, 0.2); border-color: #00e6dd;
}

/* ================= 弹窗 ================= */
.modal-overlay[data-v-5827a576] {
  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-5827a576] {
  background: #14000095;
  padding: 6.4vw;
  border-radius: 3.2vw;
  color: white;
  width: 90%;
  max-width: 112vw;
  border: solid 0.53333vw #72036e;
  overflow: hidden;
}
.status-text1[data-v-5827a576] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.66667vw;
  font-size: 4.8vw;
  font-weight: bold;
  color: #f1f3f4;
  text-align: center;
  margin-bottom: 5.33333vw;
}
.status-text1 img.logo-img1[data-v-5827a576] {
  width: 13.06667vw !important;
  height: 13.06667vw !important;
  object-fit: contain;
  flex-shrink: 0;
}
.disclaimer-text[data-v-5827a576] {
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-size: 3.2vw;
}
.region-block[data-v-5827a576] {
  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-5827a576] {
  display: flex;
  gap: 2.66667vw;
  justify-content: center;
  margin-top: 5.33333vw;
}
.modal-actions button[data-v-5827a576] {
  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-5827a576]:not(:disabled) { cursor: pointer;
}
.modal-actions button[data-v-5827a576]:hover { background: #0099cc; transform: scale(1.05);
}
.modal-actions button[data-v-5827a576]:disabled { background: #0fe13966; border: solid 0.53333vw #0dff00; cursor: not-allowed;
}
.modal-actions button + button[data-v-5827a576] {
  background: #f0130f89;
  border: solid 0.53333vw #f0130f;
  cursor: pointer;
}
.modal-actions button + button[data-v-5827a576]:hover { background: #e60000;
}
.modal-actions button + button[data-v-5827a576]:disabled { background: #888;
}
.modal-actions button + button[data-v-5827a576]:disabled:hover { background: #888;
}
.terms-agree[data-v-5827a576] {
  display: flex;
  align-items: left;
  gap: 1.33333vw;
  color: #fff;
  font-size: 3.2vw;
  user-select: none;
  margin-top: 5.33333vw;
}
.terms-agree .termstext[data-v-5827a576] {
  position: relative;
  top: 0.53333vw;
}
.terms-agree input[type="checkbox"][data-v-5827a576] {
  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-5827a576]::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-5827a576]:checked::after { opacity: 1;
}
.terms-agree a[data-v-5827a576] {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.terms-agree a[data-v-5827a576]:hover { color: #00ffe5; border-bottom-color: #00ffe5;
}
.loading[data-v-5827a576] {
  display: flex;
  justify-content: center;
  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;
}
.loading .tips[data-v-5827a576] {
  font-size: 3.73333vw;
  color: #ccc;
  position: relative;
  top: -0.53333vw;
}
.loading-icon[data-v-5827a576] {
  width: 18.66667vw;
  height: 18.66667vw;
}

/* ================= 过渡动画定义 ================= */
.fade-slide-enter-active[data-v-5827a576] { transition: opacity 0.3s ease, transform 0.3s ease;
}
.fade-slide-enter-from[data-v-5827a576] { transform: translateY(-8vw) scale(0.95); opacity: 0;
}
.fade-slide-enter-to[data-v-5827a576] { opacity: 1; transform: translateY(0) scale(1);
}
.fade-slide-leave-active[data-v-5827a576] { transition: opacity 0.25s ease, transform 0.25s ease;
}
.fade-slide-leave-from[data-v-5827a576] { opacity: 1; transform: scale(1);
}
.fade-slide-leave-to[data-v-5827a576] { opacity: 0; transform: scale(0.95);
}
.modal-fade-enter-active[data-v-5827a576], .modal-fade-leave-active[data-v-5827a576] { transition: all 0.35s ease;
}
.modal-fade-enter-from[data-v-5827a576], .modal-fade-leave-to[data-v-5827a576] { opacity: 0; transform: scale(0.9);
}
.modal-fade-enter-to[data-v-5827a576], .modal-fade-leave-from[data-v-5827a576] { opacity: 1; transform: scale(1);
}

/* ================= 其他装饰 ================= */
.glow-dot[data-v-5827a576] {
  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-5827a576]::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-5827a576 1.6s ease-out infinite;
  z-index: -1;
}
@keyframes ripple-pulse-animate-5827a576 {
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;
}
}


.layout-container[data-v-399bd779] {
  position: absolute; 
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; 
  display: flex;
  flex-direction: column;
}
.layout-top[data-v-399bd779] {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 16vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4.26667vw;
  z-index: 50;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(1.33333vw);
}
.logo[data-v-399bd779] { height: 10.66667vw; width: 47.2vw;
}
.wallet-box[data-v-399bd779] {
  display: flex; align-items: center;
  border: solid 0.53333vw rgba(233, 145, 4, 0.955);
  background: rgba(233, 145, 4, 0.1);
  padding: 1.06667vw 2.66667vw; border-radius: 4vw; color: #fff; font-size: 3.2vw;
}
.wallet-icon[data-v-399bd779] { width: 2.93333vw; height: 3.46667vw; margin-right: 1.6vw;
}

/* 中间内容区域 - 独立滚动 */
.layout-content[data-v-399bd779] {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  padding-top: 16vw;   /* 避开顶部 */
  padding-bottom: 22.4vw; /* 避开底部 */
  overflow-y: auto;     /* 内部滚动 */
  -webkit-overflow-scrolling: touch; /* iOS丝滑滚动 */
  z-index: 10;
  box-sizing: border-box;
}
.layout-bottom[data-v-399bd779] {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 22.4vw;
  z-index: 50;
  display: flex; justify-content: space-around; align-items: center;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2.66667vw);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.tab[data-v-399bd779] {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  font-size: 3.2vw; color: #ffffffaa; position: relative; z-index: 2;
  cursor: pointer; height: 100%;
}
.tab img[data-v-399bd779] { width: 6.4vw; height: 6.4vw; opacity: 0.7; transition: all 0.3s ease;
}
.tab span[data-v-399bd779] { margin-top: 1.33333vw; font-size: 2.66667vw; transition: all 0.3s; transform: translateY(0);
}
.tab.active img[data-v-399bd779] { opacity: 0;
}
.tab.active span[data-v-399bd779] { opacity: 0; transform: translateY(2.66667vw);
}
.slider[data-v-399bd779] {
  position: absolute; top: 50%;
  width: 14.93333vw; height: 14.93333vw;
  background: linear-gradient(135deg, #ffb804, #f1c606);
  border-radius: 50%; z-index: 1;
  transition: left 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 0 0 3.2vw rgba(98, 68, 4, 0.523);
  display: flex; align-items: center; justify-content: center;
  pointer-events: none;
}
.slider-icon[data-v-399bd779] { width: 6.4vw; height: 6.4vw; filter: brightness(0) invert(1);
}
.loading-screen[data-v-399bd779] { display: flex; justify-content: center; align-items: center; height: 100vh; background: black;
}
.spinner[data-v-399bd779] { width: 12.8vw; height: 12.8vw; animation: spin-399bd779 1s linear infinite;
}
@keyframes spin-399bd779 {
0% { transform: rotate(0);
}
100% { transform: rotate(360deg);
}
}


/* 修复后的 CSS 布局 */
.layout-container[data-v-2e760488] {
  position: absolute; /* 绝对定位占满屏幕 */
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* 外部禁止滚动 */
  display: flex;
  flex-direction: column;
}
.layout-top[data-v-2e760488] {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 16vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4.26667vw;
  z-index: 50;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(1.33333vw);
}
.logo[data-v-2e760488] { height: 7.73333vw; width: 35.46667vw;
}
.wallet-box[data-v-2e760488] {
  display: flex; align-items: center;
  border: solid 0.53333vw rgba(233, 145, 4, 0.955);
  background: rgba(233, 145, 4, 0.1);
  padding: 1.06667vw 2.66667vw; border-radius: 4vw; color: #fff; font-size: 3.2vw;
}
.wallet-icon[data-v-2e760488] { width: 2.93333vw; height: 3.46667vw; margin-right: 1.6vw;
}

/* 中间内容区域 - 独立滚动 */
.layout-content[data-v-2e760488] {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  padding-top: 16vw;   /* 避开顶部 */
  padding-bottom: 22.4vw; /* 避开底部 */
  overflow-y: auto;     /* 内部滚动 */
  -webkit-overflow-scrolling: touch; /* iOS丝滑滚动 */
  z-index: 10;
  box-sizing: border-box;
}
.layout-bottom[data-v-2e760488] {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 22.4vw;
  z-index: 50;
  display: flex; justify-content: space-around; align-items: center;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2.66667vw);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.tab[data-v-2e760488] {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  font-size: 3.2vw; color: #ffffffaa; position: relative; z-index: 2;
  cursor: pointer; height: 100%;
}
.tab img[data-v-2e760488] { width: 6.4vw; height: 6.4vw; opacity: 0.7; transition: all 0.3s ease;
}
.tab span[data-v-2e760488] { margin-top: 1.33333vw; font-size: 2.66667vw; transition: all 0.3s; transform: translateY(0);
}
.tab.active img[data-v-2e760488] { opacity: 0;
}
.tab.active span[data-v-2e760488] { opacity: 0; transform: translateY(2.66667vw);
}
.slider[data-v-2e760488] {
  position: absolute; top: 50%;
  width: 14.93333vw; height: 14.93333vw;
  background: linear-gradient(135deg, #ffb804, #f1c606);
  border-radius: 50%; z-index: 1;
  transition: left 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  box-shadow: 0 0 3.2vw rgba(98, 68, 4, 0.523);
  display: flex; align-items: center; justify-content: center;
  pointer-events: none;
}
.slider-icon[data-v-2e760488] { width: 6.4vw; height: 6.4vw; filter: brightness(0) invert(1);
}
.loading-screen[data-v-2e760488] { display: flex; justify-content: center; align-items: center; height: 100vh; background: black;
}
.spinner[data-v-2e760488] { width: 12.8vw; height: 12.8vw; animation: spin-2e760488 1s linear infinite;
}
@keyframes spin-2e760488 {
0% { transform: rotate(0);
}
100% { transform: rotate(360deg);
}
}


/* 保持原有样式不变 */
@property --angle { syntax: '<angle>'; initial-value: 0deg; inherits: false;
}
@keyframes border-rotate-24d2ec24 {
to { --angle: 360deg;
}
}
@keyframes pulse-24d2ec24 {
0% { opacity: 0.6;
}
50% { opacity: 1;
}
100% { opacity: 0.6;
}
}

/* 基础结构 */
.miner-wrapper[data-v-24d2ec24] { padding: 4.8vw; color: #fff; min-height: 100vh; padding-bottom: 13.33333vw; -webkit-overflow-scrolling: touch;
}
.page-header[data-v-24d2ec24] { display: flex; align-items: center; justify-content: space-between; height: 10.66667vw; margin-bottom: 5.33333vw; position: relative;
}
.page-header .center[data-v-24d2ec24] { position: absolute; left: 50%; transform: translateX(-50%); font-size: 4.8vw; font-weight: 700;
}
.back-icon[data-v-24d2ec24], .info-icon[data-v-24d2ec24] { width: 9.33333vw; height: 9.33333vw; cursor: pointer; opacity: 0.8;
}
.mb-20[data-v-24d2ec24] { margin-bottom: 5.33333vw;
}
.mb-30[data-v-24d2ec24] { margin-bottom: 8vw;
}
.mt-15[data-v-24d2ec24] { margin-top: 4vw;
}
.mt-10[data-v-24d2ec24] { margin-top: 2.66667vw;
}
.pt-15[data-v-24d2ec24] { padding-top: 4vw;
}
.pb-15[data-v-24d2ec24] { padding-bottom: 4vw;
}

/* 余额卡片 */
.main-card[data-v-24d2ec24] {
  position: relative; width: 100%; border-radius: 4.26667vw; overflow: hidden;
  background: rgba(0, 10, 20, 0.45); backdrop-filter: blur(3.73333vw);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 1.06667vw 5.33333vw rgba(0,0,0,0.2);
}
.card-glow[data-v-24d2ec24] {
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 230, 221, 0.5), transparent);
}
.card-inner[data-v-24d2ec24] { padding: 4vw;
}
.balance-row[data-v-24d2ec24] { display: flex; justify-content: space-around; align-items: center;
}
.bal-item[data-v-24d2ec24] { text-align: center;
}
.lbl[data-v-24d2ec24] { font-size: 3.2vw; color: #888; display: block; margin-bottom: 1.06667vw;
}
.val[data-v-24d2ec24] { font-size: 4.8vw; font-weight: 800; font-family: 'DIN Alternate', monospace;
}
.v-line[data-v-24d2ec24] { width: 1px; height: 8vw; background: rgba(255,255,255,0.1);
}
.cyan-text[data-v-24d2ec24] { color: #00e6dd;
}
.gold-text[data-v-24d2ec24] { color: #facc15;
}

/* 支付切换 */
.pay-toggle-box[data-v-24d2ec24] { background: rgba(0,0,0,0.3); border-radius: 2.13333vw; display: flex; padding: 1.06667vw;
}
.toggle-item[data-v-24d2ec24] { flex: 1; text-align: center; font-size: 3.46667vw; padding: 2.13333vw 0; border-radius: 1.6vw; color: #888; cursor: pointer; transition: 0.3s;
}
.toggle-item.active[data-v-24d2ec24] { background: rgba(255,255,255,0.15); color: #fff; font-weight: bold;
}
.badge[data-v-24d2ec24] { font-size: 2.66667vw; background: #d35400; padding: 1px 1.06667vw; border-radius: 0.8vw; margin-left: 0.53333vw; color: #fff;
}

/* 矿机网格 */
.section-head[data-v-24d2ec24] { font-size: 4vw; margin-bottom: 3.2vw; font-weight: 700; border-left: 0.8vw solid #00e6dd; padding-left: 2.66667vw;
}
.node-grid[data-v-24d2ec24] { display: grid; grid-template-columns: 1fr 1fr; gap: 3.2vw;
}
.node-card[data-v-24d2ec24] {
  position: relative; background: rgba(255,255,255,0.03); 
  border: 1px solid rgba(255,255,255,0.1); border-radius: 3.2vw; 
  padding: 4vw; cursor: pointer; transition: all 0.2s; overflow: hidden;
}
.node-card.active-cyan[data-v-24d2ec24] {
  background: rgba(0, 230, 221, 0.08); border-color: #00e6dd; transform: scale(1.02);
}
.glow-border[data-v-24d2ec24] { position: absolute; inset: 0; box-shadow: inset 0 0 4vw rgba(0,230,221,0.2); pointer-events: none;
}
.node-card.locked-state[data-v-24d2ec24] { opacity: 0.8; filter: grayscale(0.5);
}
.lock-overlay[data-v-24d2ec24] { 
  position: absolute; inset: 0; background: rgba(0,0,0,0.85); z-index: 5; 
  display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ccc; font-size: 3.2vw;
  backdrop-filter: blur(0.53333vw);
}
.lock-icon[data-v-24d2ec24] { width: 6.4vw; margin-bottom: 1.33333vw; opacity: 0.7;
}
.card-top[data-v-24d2ec24] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.13333vw;
}
.tier-name[data-v-24d2ec24] { font-weight: bold; font-size: 4.26667vw; color: #fff;
}
.limit-tag[data-v-24d2ec24] { font-size: 2.66667vw; background: rgba(255,255,255,0.1); padding: 0.53333vw 1.33333vw; border-radius: 1.06667vw; color: #aaa;
}
.limit-tag.full[data-v-24d2ec24] { color: #ff4d4f; border: 1px solid #ff4d4f; background: rgba(255, 77, 79, 0.1);
}
.n-price[data-v-24d2ec24] { font-size: 4.26667vw; font-weight: 800; color: #fff; margin-bottom: 2.13333vw;
}
.n-unit[data-v-24d2ec24] { font-size: 2.66667vw; font-weight: normal; color: rgba(255,255,255,0.5); margin-left: 0.53333vw;
}
.n-meta[data-v-24d2ec24] { display: flex; justify-content: space-between; font-size: 2.93333vw; color: #888;
}
.check-mark[data-v-24d2ec24] { position: absolute; top: 0; right: 0; background: #00e6dd; color: #000; font-size: 2.66667vw; padding: 0.53333vw 1.6vw; border-bottom-left-radius: 1.6vw; font-weight: bold;
}

/* ==========================================================
   居中确认弹窗
   ========================================================== */
.action-mask[data-v-24d2ec24] {
  position: fixed; inset: 0; z-index: 2000;
  background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(1.33333vw);
  display: flex; align-items: center; justify-content: center;
}
.center-modal[data-v-24d2ec24] {
  width: 85%; max-width: 96vw;
  background: #121820; 
  border: 1px solid rgba(0, 230, 221, 0.3);
  border-radius: 4.26667vw;
  box-shadow: 0 0 8vw rgba(0, 230, 221, 0.15);
  overflow: hidden;
  animation: popIn-24d2ec24 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.modal-hd[data-v-24d2ec24] {
  padding: 4vw 5.33333vw;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: flex; justify-content: space-between; align-items: center;
}
.hd-title[data-v-24d2ec24] { font-size: 4.26667vw; font-weight: bold; color: #fff;
}
.close-btn[data-v-24d2ec24] { font-size: 6.4vw; color: #888; line-height: 1; cursor: pointer;
}
.modal-bd[data-v-24d2ec24] { padding: 5.33333vw;
}

/* 选中项预览 */
.tier-preview[data-v-24d2ec24] { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 5.33333vw;
}
.tp-name[data-v-24d2ec24] { font-size: 5.86667vw; font-weight: 800; color: #fff;
}
.tp-price[data-v-24d2ec24] { font-size: 5.33333vw; font-weight: bold; font-family: monospace;
}
.tp-price .unit[data-v-24d2ec24] { font-size: 3.2vw; color: #888; margin-left: 1.06667vw;
}

/* 机器人选项 */
.option-row[data-v-24d2ec24] { margin-bottom: 6.66667vw; padding: 3.2vw; background: rgba(0, 230, 221, 0.05); border-radius: 2.13333vw; border: 1px dashed rgba(0, 230, 221, 0.3);
}
.robot-check[data-v-24d2ec24] { display: flex; align-items: flex-start; cursor: pointer; user-select: none;
}
.robot-check input[data-v-24d2ec24] { display: none;
}
.checkmark[data-v-24d2ec24] { 
  width: 4.8vw; height: 4.8vw; border: 1px solid #666; border-radius: 1.06667vw; 
  margin-right: 2.66667vw; position: relative; flex-shrink: 0; margin-top: 0.53333vw;
  background: #000; transition: 0.2s;
}
.robot-check input:checked ~ .checkmark[data-v-24d2ec24] { background: #00e6dd; border-color: #00e6dd;
}
.robot-check input:checked ~ .checkmark[data-v-24d2ec24]::after { content: '✔'; position: absolute; font-size: 3.2vw; color: #000; left: 0.8vw; top: 0;
}
.txt-group[data-v-24d2ec24] { display: flex; flex-direction: column;
}
.main-txt[data-v-24d2ec24] { font-size: 3.73333vw; font-weight: bold; color: #eee; margin-bottom: 0.53333vw;
}
.sub-txt[data-v-24d2ec24] { font-size: 2.93333vw; color: #00e6dd; opacity: 0.8;
}

/* 按钮 */
.action-btn-area[data-v-24d2ec24] { width: 100%;
}
.btn-primary[data-v-24d2ec24] {
  position: relative; width: 100%; padding: 3.73333vw 0; border-radius: 3.2vw; 
  font-size: 4.26667vw; font-weight: 700;
  background: rgba(0, 230, 221, 0.1); color: #00e6dd; border: none; cursor: pointer;
  transition: all 0.3s; overflow: hidden;
}
.btn-primary[data-v-24d2ec24]:active { transform: scale(0.98); background: rgba(0, 230, 221, 0.2);
}
.btn-primary[data-v-24d2ec24]:disabled { opacity: 0.5; filter: grayscale(1); cursor: not-allowed;
}
.btn-primary.btn-disabled[data-v-24d2ec24] { background: rgba(255,255,255,0.05); color: #888; border: 1px solid rgba(255,255,255,0.1);
}
.btn-primary[data-v-24d2ec24]::after {
  content: ""; position: absolute; inset: 0; padding: 0.53333vw; border-radius: 3.2vw;
  background: conic-gradient(from var(--angle), transparent 0deg, transparent 270deg, #ffcc33 310deg, #fff 350deg, #ffcc33 360deg);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  animation: border-rotate-24d2ec24 3s linear infinite; z-index: -1;
  opacity: 0.5;
}
@keyframes popIn-24d2ec24 {
from { opacity: 0; transform: scale(0.8);
}
to { opacity: 1; transform: scale(1);
}
}

/* 运行中矿机列表 */
.dashboard-box[data-v-24d2ec24] { display: flex; flex-direction: column; gap: 3.2vw;
}
.miner-row[data-v-24d2ec24] { 
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); 
  border-radius: 3.2vw; padding: 4vw;
}
.miner-head[data-v-24d2ec24] { display: flex; align-items: center; margin-bottom: 3.2vw; font-size: 3.46667vw;
}
.m-id[data-v-24d2ec24] { color: #666; margin-right: 2.66667vw;
}
.m-tier[data-v-24d2ec24] { background: #333; padding: 0.53333vw 1.6vw; border-radius: 1.06667vw; color: #fff; font-weight: bold; margin-right: auto;
}
.m-status[data-v-24d2ec24] { font-size: 3.2vw; color: #00e6dd; animation: pulse-24d2ec24 2s infinite;
}
.miner-body[data-v-24d2ec24] { display: flex; justify-content: space-between;
}
.m-val-box[data-v-24d2ec24] { display: flex; flex-direction: column;
}
.m-label[data-v-24d2ec24] { font-size: 2.93333vw; color: #888; margin-bottom: 0.53333vw;
}
.m-val[data-v-24d2ec24] { font-family: monospace; font-size: 4vw; font-weight: 700;
}
.text-right[data-v-24d2ec24] { text-align: right;
}
.miner-footer[data-v-24d2ec24] { display: flex; justify-content: space-between; font-size: 2.93333vw; color: #555; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 2.13333vw;
}
.robot-tag[data-v-24d2ec24] { color: #00e6dd; font-weight: bold;
}
.progress-track[data-v-24d2ec24] { height: 1.06667vw; background: rgba(255,255,255,0.1); border-radius: 0.53333vw; overflow: hidden;
}
.progress-fill[data-v-24d2ec24] { height: 100%; transition: width 0.3s ease;
}
.gold-fill[data-v-24d2ec24] { background: linear-gradient(90deg, #facc15, #b4930b);
}

/* Common/Loading */
.loading-screen[data-v-24d2ec24], .modal-mask[data-v-24d2ec24] { position: fixed; inset: 0; 
  background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 10000; backdrop-filter: blur(1.33333vw);
}
.loading-text[data-v-24d2ec24] { margin-top: 2.66667vw; color: #00e6dd; font-size: 3.73333vw;
}
.spinner[data-v-24d2ec24] { width: 21.33333vw !important
}
/* 普通规则弹窗 */
.dialog[data-v-24d2ec24] { width: 85%; max-width: 106.66667vw; background: #111; border: 1px solid rgba(0,230,221,0.3); border-radius: 3.2vw; color: #fff; box-shadow: 0 2.66667vw 10.66667vw rgba(0,0,0,0.5);
}
.dialog-hd[data-v-24d2ec24] { padding: 4vw; border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; font-weight: bold; color: #00e6dd;
}
.dialog-bd[data-v-24d2ec24] { padding: 5.33333vw; font-size: 3.46667vw; color: #ccc; line-height: 1.6;
}
.x[data-v-24d2ec24] { background: none; border: none; color: #fff; font-size: 6.4vw; line-height: 1; padding: 0 1.33333vw; cursor: pointer;
}

/* Transitions */
.fade-enter-active[data-v-24d2ec24], .fade-leave-active[data-v-24d2ec24], .pop-enter-active[data-v-24d2ec24], .pop-leave-active[data-v-24d2ec24] { transition: opacity 0.25s;
}
.fade-enter[data-v-24d2ec24], .fade-leave-to[data-v-24d2ec24], .pop-enter[data-v-24d2ec24], .pop-leave-to[data-v-24d2ec24] { opacity: 0;
}


/* 基础容器 */
.deposit-wrapper[data-v-09d32a1a] { padding: 4.8vw; color: #fff; min-height: 100vh;
}

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

/* 菜单区域 */
.more-wrapper[data-v-09d32a1a] { color: #fff;
}
.section[data-v-09d32a1a] { margin-bottom: 8vw;
}
.section-title[data-v-09d32a1a] { display: flex; align-items: center; gap: 2.66667vw; margin-bottom: 5.86667vw;
}
.section-title span[data-v-09d32a1a] { white-space: nowrap; font-size: 3.73333vw; color: #fff; font-weight: bold;
}
.section-title .line[data-v-09d32a1a] { flex: 1; height: 1px; background: rgba(255,255,255,0.2); opacity: 0.8;
}

/* 网格布局 */
.grid[data-v-09d32a1a] { display: flex; flex-wrap: wrap; gap: 4.8vw; margin-bottom: 8vw;
}
.item[data-v-09d32a1a] { width: 18.66667vw; text-align: center; cursor: pointer;
}
.icon[data-v-09d32a1a] { width: 6.66667vw; height: 6.66667vw; margin-bottom: 1.6vw;
}
.text[data-v-09d32a1a] { font-size: 3.2vw; white-space: nowrap; margin-bottom: 5.33333vw;
}

/* Loading 遮罩 */
.loading-screen[data-v-09d32a1a] { 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;
}
.spinner[data-v-09d32a1a] { width: 12.8vw; height: 12.8vw; animation: spin-09d32a1a 1.2s linear infinite;
}
@keyframes spin-09d32a1a {
0% { transform: rotate(0);
}
100% { transform: rotate(360deg);
}
}


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


.news-card[data-v-52464191] {
  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);
  min-height: 26.66667vw; /* 给一个最小高度防止塌陷 */
}
.news-list[data-v-52464191] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-item[data-v-52464191] {
  padding: 2.13333vw 0; /* 稍微增加点击区域 */
  border-bottom: 1px dashed rgba(255,255,255,0.08);
  cursor: pointer;
  transition: all 0.2s;
}
.news-item[data-v-52464191]:hover {
  background: rgba(255,255,255,0.02);
}
.news-item[data-v-52464191]:last-child {
  border-bottom: none;
}
.title[data-v-52464191] {
  display: block;
  color: #cfefff;
  font-size: 3.46667vw; /* 字体稍微调大一点点 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* .title:hover {
  text-decoration: underline;
} */
.meta[data-v-52464191] {
  margin-top: 1.06667vw;
  display: flex;
  align-items: center;
}
.time[data-v-52464191] {
  color: #5a6063;
  font-size: 2.66667vw;
}
.empty[data-v-52464191] {
  color: #94a3b8;
  padding: 8vw 0;
  text-align: center;
  font-size: 3.2vw;
}
.quick-header[data-v-52464191] {
  display: flex;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.icon[data-v-52464191] {
  width: 5.06667vw;
  margin-right: 2.13333vw;
}

/* 自定义小圆点 */
.news-list > li[data-v-52464191] {
  position: relative;
  padding-left: 3.73333vw;
}
.news-list > li[data-v-52464191]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3.73333vw; /* 根据padding微调 */
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 50%;
  background-color: #00e6dd;
}

/* ================== 骨架屏动画样式 ================== */
.skeleton-group[data-v-52464191] {
  display: flex;
  flex-direction: column;
}
.skeleton-item[data-v-52464191] {
  padding: 2.13333vw 0;
  border-bottom: 1px dashed rgba(255,255,255,0.05);
}
.sk-title[data-v-52464191] {
  height: 3.73333vw;
  width: 80%;
  background: rgba(86, 2, 94, 0.775);
  border-radius: 1.06667vw;
  margin-bottom: 1.6vw;
  animation: pulse-52464191 1.5s infinite ease-in-out;
}
.sk-meta[data-v-52464191] {
  height: 2.66667vw;
  width: 30%;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 1.06667vw;
  animation: pulse-52464191 1.5s infinite ease-in-out;
}
@keyframes pulse-52464191 {
0% { opacity: 0.3;
}
50% { opacity: 0.7;
}
100% { opacity: 0.3;
}
}


.hot-card[data-v-d1aa74da] {
  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-d1aa74da] { font-weight: 600; margin-bottom: 2.13333vw;
}
.row[data-v-d1aa74da] {
  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-d1aa74da]:last-child { border-bottom: none;
}
.left[data-v-d1aa74da] { display: flex; align-items: center; gap: 2.66667vw;
}
.logo[data-v-d1aa74da] { width: 5.86667vw; height: 5.86667vw; border-radius: 50%;
}
.name[data-v-d1aa74da] { font-weight: 600; font-size: 3.46667vw;
}
.mid .price[data-v-d1aa74da] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 3.46667vw;
}
.right .chg[data-v-d1aa74da] {
  padding: 1.06667vw 2.13333vw;
  border-radius: 2.13333vw;
  font-size: 3.2vw;
}
.right .chg.up[data-v-d1aa74da]   { background: rgba(0,180,120,0.15); color: #00d69d;
}
.right .chg.down[data-v-d1aa74da] { background: rgba(255,80,80,0.15); color: #ff5c6d;
}
.error[data-v-d1aa74da] { color: #ff6b6b; font-size: 3.2vw; margin-top: 2.13333vw;
}
.quick-header[data-v-d1aa74da] {
  display: flex;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.icon[data-v-d1aa74da] {
  width: 5.06667vw;
  margin-right: 2.13333vw;
}
.title[data-v-d1aa74da] {
  font-size: 3.2vw;
  margin-right: 1.6vw;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
}
.hot-coinss[data-v-d1aa74da]{
  margin-top: 2.66667vw;
}


.vtm-ticker-card[data-v-6a1222da] {
  position: relative;
  background: linear-gradient(160deg, #141928 0%, #0f131e 100%);
  border: 1px solid rgba(0, 230, 221, 0.15);
  border-radius: 4.26667vw;
  padding: 4.26667vw;
  overflow: hidden;
  margin-bottom: 5.33333vw;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1.06667vw 5.33333vw rgba(0, 0, 0, 0.2);
}
.vtm-ticker-card.is-expanded[data-v-6a1222da] {
  background: linear-gradient(160deg, #1a2133 0%, #111521 100%);
  border-color: rgba(0, 230, 221, 0.4);
  box-shadow: 0 2.66667vw 8vw rgba(0, 230, 221, 0.1);
}

/* 头部布局 */
.card-header[data-v-6a1222da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}
.header-left[data-v-6a1222da] {
  display: flex;
  align-items: center;
  gap: 3.2vw;
}
.token-icon-wrap[data-v-6a1222da] {
  width: 10.66667vw;
  height: 10.66667vw;
  position: relative;
}
.token-icon[data-v-6a1222da] {
  width: 100%; height: 100%;
  background: #f3ba2f; color: #000;
  font-weight: 900; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 5.33333vw;
  box-shadow: 0 0 4vw rgba(243, 186, 47, 0.3);
}
.token-info[data-v-6a1222da] { display: flex; flex-direction: column; gap: 0.53333vw;
}
.pair-row[data-v-6a1222da] { display: flex; align-items: baseline; gap: 1.06667vw;
}
.symbol[data-v-6a1222da] { color: #fff; font-weight: 700; font-size: 4.26667vw;
}
.pair[data-v-6a1222da] { color: rgba(255,255,255,0.4); font-size: 2.66667vw;
}
.status-mini[data-v-6a1222da] {
  font-size: 2.4vw; display: flex; align-items: center; gap: 1.06667vw;
  color: #666;
}
.status-mini.live[data-v-6a1222da] { color: #00ff80;
}
.pulse-dot[data-v-6a1222da] { width: 1.06667vw; height: 1.06667vw; border-radius: 50%; background: currentColor; box-shadow: 0 0 1.33333vw currentColor;
}
.header-right[data-v-6a1222da] { text-align: right; display: flex; align-items: center; gap: 2.66667vw;
}
.price-main[data-v-6a1222da] { font-family: 'DIN Alternate', monospace; color: #fff;
}
.currency[data-v-6a1222da] { font-size: 3.73333vw; opacity: 0.8; margin-right: 0.53333vw;
}
.amount[data-v-6a1222da] { font-size: 6.4vw; font-weight: 700; color: #00e6dd; letter-spacing: 0.5px;
}

/* 箭头动画 */
.expand-icon[data-v-6a1222da] {
  width: 5.33333vw; height: 5.33333vw; display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.05); border-radius: 50%;
}
.arrow[data-v-6a1222da] {
  border: solid rgba(255,255,255,0.5); border-width: 0 0.53333vw 0.53333vw 0;
  display: inline-block; padding: 0.53333vw;
  transform: rotate(45deg); transition: transform 0.3s;
  margin-bottom: 0.53333vw;
}
.arrow.up[data-v-6a1222da] { transform: rotate(-135deg); margin-bottom: -0.53333vw; border-color: #00e6dd;
}

/* 详情折叠区 */
.details-wrapper[data-v-6a1222da] {
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  z-index: 2;
}
.details-content[data-v-6a1222da] { padding-top: 1.06667vw;
}
.divider[data-v-6a1222da] { height: 1px; background: rgba(255,255,255,0.08); margin: 3.2vw 0;
}
.stats-grid[data-v-6a1222da] {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2.13333vw; margin-bottom: 4vw;
}
.stat-item[data-v-6a1222da] {
  display: flex; flex-direction: column; align-items: center;
  background: rgba(0,0,0,0.2); padding: 2.13333vw 1.06667vw; border-radius: 2.13333vw;
}
.stat-label[data-v-6a1222da] { font-size: 2.4vw; color: rgba(255,255,255,0.4); margin-bottom: 1.06667vw;
}
.stat-value[data-v-6a1222da] { font-size: 2.93333vw; font-weight: 600; color: #fff;
}
.highlight[data-v-6a1222da] { color: #00e6dd;
}
.fire-text[data-v-6a1222da] { color: #ffaa00;
}
.contract-footer[data-v-6a1222da] {
  background: rgba(0, 230, 221, 0.05);
  border: 1px dashed rgba(0, 230, 221, 0.2);
  border-radius: 2.13333vw; padding: 2.66667vw; text-align: center;
}
.contract-label[data-v-6a1222da] { font-size: 2.66667vw; color: rgba(255,255,255,0.4); margin-bottom: 1.06667vw;
}
.code-box[data-v-6a1222da] { display: flex; justify-content: center; gap: 1.6vw; align-items: center;
}
.code-text[data-v-6a1222da] { font-family: monospace; color: #ccc; font-size: 3.2vw;
}
.copy-icon[data-v-6a1222da] { font-size: 3.2vw; color: #00e6dd;
}

/* 背景特效 */
.grid-bg[data-v-6a1222da] {
  position: absolute; inset: 0; z-index: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 2.66667vw 2.66667vw; opacity: 0.5;
}
.scan-light[data-v-6a1222da] {
  position: absolute; top: 0; left: -150%; width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 230, 221, 0.1), transparent);
  transform: skewX(-25deg);
  animation: scan-6a1222da 4s infinite linear;
  z-index: 1; pointer-events: none;
}
@keyframes scan-6a1222da {
100% { left: 150%;
}
}


/* --- 全局背景与容器 --- */
.home-container[data-v-5c117765] {
  min-height: 100vh;
  position: relative; 
  overflow-x: hidden;
  font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
}
.scroll-content[data-v-5c117765] {
  position: relative; z-index: 1;
  padding: 4.26667vw; padding-bottom: 24vw;
}
.section-wrapper[data-v-5c117765] { margin-bottom: 6.4vw;
}
.ticker-spacing[data-v-5c117765] { margin-top: -3.2vw; margin-bottom: 6.4vw;
}

/* --- 标题样式 --- */
.section-header-mini[data-v-5c117765] {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 3.2vw; padding: 0 1.06667vw;
}
.section-header-mini .title[data-v-5c117765] {
  font-size: 4.26667vw; font-weight: 700; color: #fff;
  position: relative; padding-left: 2.66667vw;
}
/* 标题左侧的小亮条 */
.section-header-mini .title[data-v-5c117765]::before {
  content: ''; position: absolute; left: 0; top: 0.8vw; bottom: 0.8vw; width: 0.8vw;
  background: #00e6dd; border-radius: 0.53333vw;
  box-shadow: 0 0 2.13333vw #00e6dd;
}
.section-header-mini .subtitle[data-v-5c117765] {
  font-size: 2.93333vw; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 1px;
}

/* --- 快捷入口 (改为横向卡片) --- */
.quick-actions-wrapper[data-v-5c117765] { margin-bottom: 7.46667vw;
}
.quick-grid[data-v-5c117765] { display: grid; grid-template-columns: 1fr 1fr; gap: 3.2vw;
}
.action-card[data-v-5c117765] {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4.26667vw;
  padding: 3.2vw;
  display: flex; align-items: center; gap: 2.66667vw;
  cursor: pointer; transition: all 0.3s;
  position: relative; overflow: hidden;
}
.action-card[data-v-5c117765]:active { transform: scale(0.98); background: rgba(255, 255, 255, 0.06);
}
.icon-circle[data-v-5c117765] {
  width: 10.66667vw; height: 10.66667vw; border-radius: 3.2vw;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 1.06667vw 3.2vw rgba(0,0,0,0.2);
}
.c2c-gradient[data-v-5c117765] { background: linear-gradient(135deg, #059669, #34d399);
}
.share-gradient[data-v-5c117765] { background: linear-gradient(135deg, #7c3aed, #a78bfa);
}
.icon-symbol[data-v-5c117765] { font-size: 4.8vw; font-weight: bold; color: #fff;
}
.text-group[data-v-5c117765] { display: flex; flex-direction: column; flex: 1;
}
.main-text[data-v-5c117765] { font-size: 3.46667vw; font-weight: 600; color: #fff;
}
.sub-text[data-v-5c117765] { font-size: 2.66667vw; color: rgba(255,255,255,0.4);
}
.arrow-right[data-v-5c117765] { font-style: normal; color: rgba(255,255,255,0.2); font-size: 3.2vw; margin-right: 1.06667vw;
}

/* --- 平台数据面板 (毛玻璃风格) --- */
.dashboard-section[data-v-5c117765] { margin-bottom: 6.4vw;
}
.glass-card[data-v-5c117765] {
  position: relative;
  background: rgba(20, 24, 35, 0.6); /* 半透明深色 */
  backdrop-filter: blur(5.33333vw);        /* 毛玻璃模糊 */
  border-radius: 5.33333vw;
  padding: 6.4vw 5.33333vw;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 5.33333vw 10.66667vw rgba(0, 0, 0, 0.3); /* 深邃投影 */
  overflow: hidden;
}

/* 卡片顶部的极光高光 */
.card-highlight[data-v-5c117765] {
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 230, 221, 0.5), transparent);
}
.data-row[data-v-5c117765] {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: 6.4vw;
}
.data-item[data-v-5c117765] { display: flex; flex-direction: column; align-items: center; flex: 1;
}
.label[data-v-5c117765] { font-size: 3.2vw; color: rgba(255,255,255,0.5); margin-bottom: 2.13333vw;
}
.value[data-v-5c117765] {
  font-family: 'DIN Alternate', 'Roboto Mono', monospace; /* 数字字体 */
  font-size: 6.4vw; font-weight: 700; color: #fff;
  letter-spacing: 0.5px;
}
.value small[data-v-5c117765] { font-size: 3.2vw; margin-left: 0.53333vw; font-weight: 400; color: rgba(255,255,255,0.4);
}
.value.gold-glow[data-v-5c117765] {
  color: #facc15;
  text-shadow: 0 0 5.33333vw rgba(250, 204, 21, 0.2); /* 金色微发光 */
}
.vertical-divider[data-v-5c117765] {
  width: 1px; height: 10.66667vw;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.1), transparent);
}

/* 进度条区域 */
.progress-box[data-v-5c117765] {
  background: rgba(0,0,0,0.2); /* 内嵌深色底 */
  padding: 4.26667vw; border-radius: 3.2vw;
  border: 1px solid rgba(255,255,255,0.03);
}
.progress-info[data-v-5c117765] { display: flex; justify-content: space-between; margin-bottom: 2.13333vw; font-size: 3.2vw;
}
.p-label[data-v-5c117765] { color: rgba(255,255,255,0.7);
}
.p-percent[data-v-5c117765] { color: #00e6dd; font-weight: 700; font-family: monospace;
}
.progress-track[data-v-5c117765] {
  height: 2.13333vw; background: rgba(255,255,255,0.05); border-radius: 1.06667vw; overflow: hidden;
  margin-bottom: 2.66667vw; position: relative;
}
.progress-bar[data-v-5c117765] {
  height: 100%; border-radius: 1.06667vw;
  background: linear-gradient(90deg, #00e6dd, #3b82f6);
  position: relative;
  transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 0 2.66667vw rgba(0, 230, 221, 0.4); /* 进度条发光 */
}

/* 进度条上的流光动画 */
.bar-shine[data-v-5c117765] {
  position: absolute; top: 0; bottom: 0; left: 0; right: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
  transform: skewX(-20deg) translateX(-150%);
  animation: shine-5c117765 3s infinite;
}
@keyframes shine-5c117765 {
100% { transform: skewX(-20deg) translateX(150%);
}
}
.progress-footer[data-v-5c117765] {
  display: flex; justify-content: space-between;
  font-size: 2.66667vw; color: rgba(255,255,255,0.3);
}
.bottom-spacer[data-v-5c117765] { height: 10.66667vw;
}


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



.deposit-wrapper[data-v-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-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;
} 


/* 全局基础 */
.miner-wrapper[data-v-6130c111] { padding: 4.26667vw; color: #fff; min-height: 100vh; padding-bottom: 10.66667vw;
}
.gold-text[data-v-6130c111] { color: #facc15;
}
.cyan-text[data-v-6130c111] { color: #00e6dd;
}
.purple-text[data-v-6130c111] { color: #c084fc;
}
.red-text[data-v-6130c111] { color: #ff4d4f; font-weight: bold;
}
.text-gray[data-v-6130c111] { color: #999;
}
.icon-blink[data-v-6130c111] { animation: blink-6130c111 1.5s infinite;
}
.mb-20[data-v-6130c111] { margin-bottom: 5.33333vw;
}

/* 头部 */
.page-header[data-v-6130c111] { display: flex; align-items: center; justify-content: space-between; height: 11.73333vw; margin-bottom: 2.66667vw;
}
.back-icon[data-v-6130c111] { width: 9.33333vw; height: 9.33333vw; display: flex; align-items: center; cursor: pointer;
}
.icon-back[data-v-6130c111] { width: 3.2vw; height: 3.2vw; border-top: 0.53333vw solid #ccc; border-left: 0.53333vw solid #ccc; transform: rotate(-45deg);
}
.center[data-v-6130c111] { font-size: 4.8vw; font-weight: 700; letter-spacing: 0.5px;
}
.refresh-icon[data-v-6130c111] { font-size: 5.33333vw; font-weight: bold; cursor: pointer;
}

/* 统计面板 */
.stat-panel[data-v-6130c111] { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 3.2vw; padding: 4vw 0;
}
.stat-row[data-v-6130c111] { display: flex; align-items: center; justify-content: space-evenly;
}
.stat-col[data-v-6130c111] { display: flex; flex-direction: column; align-items: center; gap: 1.06667vw;
}
.s-label[data-v-6130c111] { font-size: 2.93333vw; color: #888;
}
.s-val[data-v-6130c111] { font-size: 4.8vw; font-weight: 700; font-family: monospace;
}
.v-line[data-v-6130c111] { width: 1px; height: 6.4vw; background: rgba(255, 255, 255, 0.08);
}

/* Tabs */
.segment-control[data-v-6130c111] { display: flex; background: #0f1520; border-radius: 2.13333vw; padding: 1.06667vw;
}
.segment-item[data-v-6130c111] { flex: 1; text-align: center; font-size: 3.46667vw; color: #666; padding: 2.66667vw 0; border-radius: 1.6vw; transition: 0.3s; cursor: pointer; font-weight: 500;
}
.segment-item.active[data-v-6130c111] { background: #1e2633; color: #fff; font-weight: 700;
}

/* 矿机卡片 */
.grid-container[data-v-6130c111] { display: grid; grid-template-columns: 1fr 1fr; gap: 3.2vw;
}
.mini-card[data-v-6130c111] { background: linear-gradient(160deg, #1e2530 0%, #131820 100%); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 4.26667vw; padding: 3.73333vw; display: flex; flex-direction: column; position: relative; overflow: hidden; box-shadow: 0 1.06667vw 3.2vw rgba(0, 0, 0, 0.2);
}
.mini-card.is-end[data-v-6130c111] { border-color: rgba(250, 204, 21, 0.3);
}

/* 修复Card Top样式 */
.card-top[data-v-6130c111] { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  margin-bottom: 3.2vw; 
  flex-wrap: nowrap; /* 禁止换行 */
}
.tier-group[data-v-6130c111] {
  display: flex;
  align-items: center;
  gap: 1.6vw; 
  flex: 1; 
  overflow: hidden;
}
.tier-pill[data-v-6130c111] { 
  background: #2a3441; 
  color: #ddd; 
  font-size: 2.93333vw; 
  font-weight: 800; 
  padding: 0.8vw 2.13333vw; 
  border-radius: 1.6vw; 
  white-space: nowrap;
}
.auto-badge-top.active[data-v-6130c111] { 
  font-size: 2.66667vw; 
  padding: 0.8vw 1.6vw; 
  border-radius: 1.6vw; 
  font-weight: bold; 
  background: linear-gradient(90deg, #a855f7, #6366f1); 
  color: #fff;
  white-space: nowrap; 
  flex-shrink: 0;
}
.card-mid[data-v-6130c111] { display: flex; flex-direction: column; align-items: center; margin-bottom: 3.73333vw; flex: 1; justify-content: center;
}
.mid-label[data-v-6130c111] { font-size: 2.93333vw; color: #666; margin-bottom: 0.53333vw;
}
.profit-wrapper[data-v-6130c111] { height: 8.53333vw; overflow: hidden; position: relative; width: 100%; text-align: center; margin-bottom: 1.6vw;
}
.profit-display[data-v-6130c111] { font-size: 6.93333vw; font-weight: 800; color: #facc15; font-family: "DIN Alternate", sans-serif; letter-spacing: -0.5px; cursor: pointer; display: inline-block; width: 100%;
}
.status-msg[data-v-6130c111] { font-size: 2.66667vw; font-family: monospace; height: 3.73333vw; display: flex; align-items: center;
}
.progress-line-box[data-v-6130c111] { margin-bottom: 4.26667vw;
}
.p-track[data-v-6130c111] { width: 100%; height: 1.06667vw; background: #2a3441; border-radius: 0.53333vw; overflow: hidden; margin-bottom: 1.6vw;
}
.p-bar[data-v-6130c111] { height: 100%; background: #00e6dd; width: 0; transition: width 0.3s;
}
.p-bar.full[data-v-6130c111] { background: #facc15;
}
.p-bar.paused[data-v-6130c111] { background: #ff4d4f;
}
.p-txt[data-v-6130c111] { display: flex; justify-content: space-between; font-size: 2.4vw; color: #555;
}
.card-bottom-actions[data-v-6130c111] { display: flex; gap: 2.66667vw; margin-top: auto;
}

/* 通用按钮 */
.btn-action[data-v-6130c111] { flex: 1; border: none; outline: none; height: 9.6vw; border-radius: 2.13333vw; font-size: 3.46667vw; font-weight: 700; cursor: pointer; transition: all 0.2s; white-space: nowrap; display: flex; align-items: center; justify-content: center;
}
.btn-action[data-v-6130c111]:active:not(:disabled) { transform: translateY(1px); filter: brightness(0.9);
}
.btn-action[data-v-6130c111]:disabled { opacity: 0.6; cursor: not-allowed;
}
.btn-claim[data-v-6130c111] { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: #fff; box-shadow: 0 1.06667vw 2.66667vw rgba(245, 158, 11, 0.15);
}
.btn-operate[data-v-6130c111] { background: rgba(0, 230, 221, 0.1); color: #00e6dd; border: 1px solid rgba(0, 230, 221, 0.3);
}
.btn-operate.urgent[data-v-6130c111] { background: rgba(255, 77, 79, 0.15); color: #ff4d4f; border-color: rgba(255, 77, 79, 0.5); animation: pulse-border 1.5s infinite;
}
.btn-settle-full[data-v-6130c111] { width: 100%; background: rgba(255, 255, 255, 0.1); color: #ccc; font-size: 3.2vw;
}

/* 复投弹窗样式 */
.shop-content[data-v-6130c111] { background: #1a1f2e;
}
.shop-list[data-v-6130c111] { max-height: 70vh; overflow-y: auto; padding: 4.26667vw;
}
.balance-card[data-v-6130c111] { background: linear-gradient(135deg, #2a303e 0%, #1f2430 100%); border-radius: 3.2vw; padding: 4.26667vw; margin-bottom: 5.33333vw; border: 1px solid rgba(255,255,255,0.08);
}
.bc-row[data-v-6130c111] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.13333vw; font-size: 3.46667vw; color: #aaa;
}
.bc-row.main[data-v-6130c111] { margin: 3.2vw 0; font-size: 4.26667vw; font-weight: bold; color: #fff; border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); padding: 2.66667vw 0;
}
.bc-val[data-v-6130c111] { font-family: monospace;
}
.btn-harvest[data-v-6130c111] { width: 100%; margin-top: 2.66667vw; background: rgba(0, 230, 221, 0.15); color: #00e6dd; border: 1px dashed rgba(0, 230, 221, 0.4); padding: 2.66667vw; border-radius: 2.13333vw; font-size: 3.46667vw; font-weight: bold; cursor: pointer;
}
.btn-harvest[data-v-6130c111]:disabled { opacity: 0.5; cursor: not-allowed;
}
.bc-tips[data-v-6130c111] { font-size: 2.66667vw; color: #666; margin-top: 2.13333vw; line-height: 1.4;
}

/* 购买列表项 */
.shop-item[data-v-6130c111] { background: rgba(255, 255, 255, 0.04); border-radius: 3.2vw; padding: 3.73333vw; margin-bottom: 2.66667vw;
}
.si-header[data-v-6130c111] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.66667vw;
}
.si-title-box[data-v-6130c111] { display: flex; flex-direction: column; gap: 1.06667vw;
}
.si-name[data-v-6130c111] { font-weight: bold; color: #fff; font-size: 4vw;
}
.si-limit-tag[data-v-6130c111] { font-size: 2.66667vw; color: #00e6dd; background: rgba(0, 230, 221, 0.1); padding: 0.53333vw 1.6vw; border-radius: 1.06667vw; width: fit-content;
}
.si-limit-tag.full[data-v-6130c111] { color: #ff4d4f; background: rgba(255, 77, 79, 0.15);
}
.si-price[data-v-6130c111] { color: #facc15; font-family: monospace; font-size: 3.73333vw;
}

/* 支付账单详情 */
.pay-calc[data-v-6130c111] { background: rgba(0,0,0,0.3); border-radius: 2.13333vw; padding: 2.66667vw; margin-bottom: 3.2vw; font-size: 3.2vw; border: 1px solid rgba(255,255,255,0.05);
}
.pay-row-simple[data-v-6130c111] { display: flex; align-items: center; gap: 1.6vw; color: #00e6dd; font-size: 3.2vw;
}
.check-icon[data-v-6130c111] { font-weight: bold;
}
.pay-mix-box[data-v-6130c111] { display: flex; flex-direction: column; gap: 1.6vw;
}
.pm-row[data-v-6130c111] { display: flex; justify-content: space-between; align-items: center; color: #aaa;
}
.pm-val[data-v-6130c111] { font-family: monospace; color: #fff;
}
.gold-text[data-v-6130c111] { color: #facc15;
}
.cyan-text[data-v-6130c111] { color: #00e6dd;
}
.pm-line[data-v-6130c111] { height: 1px; background: rgba(255,255,255,0.1); margin: 1.06667vw 0;
}
.pm-row.result[data-v-6130c111] { font-weight: bold; color: #fff;
}
.btn-buy-xs[data-v-6130c111] { width: 100%; padding: 2.66667vw; border-radius: 2.13333vw; border: none; font-weight: bold; background: linear-gradient(90deg, #00e6dd, #3b82f6); color: #000; cursor: pointer;
}
.btn-buy-xs.disabled[data-v-6130c111] { background: #333; color: #666; cursor: not-allowed;
}

/* Modals */
.modal-overlay[data-v-6130c111] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(1.33333vw); z-index: 999; display: flex; align-items: center; justify-content: center; animation: fadeIn-6130c111 0.2s ease-out;
}
.modal-content[data-v-6130c111] { width: 90%; max-width: 101.33333vw; background: #151a23; border: 1px solid rgba(0, 230, 221, 0.2); border-radius: 5.33333vw; box-shadow: 0 5.33333vw 13.33333vw rgba(0, 0, 0, 0.6); display: flex; flex-direction: column; overflow: hidden; animation: slideUp-6130c111 0.3s; position: relative;
}
.modal-header[data-v-6130c111] { display: flex; justify-content: space-between; align-items: center; padding: 4.8vw 5.33333vw; background: rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.m-title[data-v-6130c111] { font-size: 4.53333vw; font-weight: 700; color: #fff;
}
.close-btn[data-v-6130c111] { font-size: 6.4vw; color: #888; cursor: pointer;
}
.modal-body[data-v-6130c111] { padding: 5.33333vw;
}

/* Loading Mask */
.modal-loading-mask[data-v-6130c111] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 21, 32, 0.95); z-index: 50; display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.loading-spinner-large[data-v-6130c111] { width: 12.8vw; height: 12.8vw; border: 1.06667vw solid rgba(255, 255, 255, 0.1); border-top-color: #00e6dd; border-radius: 50%; animation: spin-6130c111 1s linear infinite; margin-bottom: 5.33333vw;
}
.loading-tips[data-v-6130c111] { color: #00e6dd; font-size: 4vw; font-weight: bold; animation: pulse-6130c111 1.5s infinite;
}

/* Target Miner Card */
.target-miner-card[data-v-6130c111] { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 3.2vw; padding: 4.26667vw; margin-bottom: 5.33333vw;
}
.tm-row[data-v-6130c111] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.66667vw;
}
.status-badge[data-v-6130c111] { font-size: 3.2vw; font-weight: bold;
}
.st-green[data-v-6130c111] { color: #00e6dd;
}
.st-red[data-v-6130c111] { color: #ff4d4f;
}

/* Action Buttons Large */
.action-grid-large[data-v-6130c111] { display: flex; flex-direction: column; gap: 3.2vw;
}
.action-btn-wrapper[data-v-6130c111] { width: 100%;
}
.btn-large-opt[data-v-6130c111] { width: 100%; display: flex; align-items: center; gap: 4.26667vw; padding: 4.26667vw; border-radius: 3.2vw; border: none; cursor: pointer; transition: all 0.2s; text-align: left;
}
.btn-large-opt[data-v-6130c111]:active { transform: scale(0.98);
}
.btn-large-opt .icon[data-v-6130c111] { font-size: 6.4vw;
}
.btn-large-opt .txt[data-v-6130c111] { display: flex; flex-direction: column; gap: 0.53333vw;
}
.btn-large-opt .main-t[data-v-6130c111] { font-size: 4vw; font-weight: 700; color: #fff;
}
.btn-large-opt .sub-t[data-v-6130c111] { font-size: 2.93333vw; color: rgba(255, 255, 255, 0.6);
}
.btn-manual[data-v-6130c111] { background: rgba(0, 230, 221, 0.05); border: 1px solid rgba(0, 230, 221, 0.3);
}
.btn-manual .main-t[data-v-6130c111] { color: #00e6dd;
}
.btn-robot[data-v-6130c111] { background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);
}
.btn-reinvest-new[data-v-6130c111] { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

/* Fee Card */
.fee-card[data-v-6130c111] { background: rgba(255, 255, 255, 0.03); border-radius: 3.2vw; padding: 4.26667vw; margin-bottom: 5.33333vw;
}
.fc-row[data-v-6130c111] { display: flex; justify-content: space-between; margin-bottom: 2.66667vw; font-size: 3.46667vw; color: #aaa; align-items: center;
}
.fc-row.big[data-v-6130c111] { font-size: 4.26667vw; color: #fff; font-weight: bold; margin: 0;
}
.fc-line[data-v-6130c111] { height: 1px; background: rgba(255, 255, 255, 0.1); margin: 3.2vw 0;
}
.vip-tag[data-v-6130c111] { background: #333; color: #facc15; padding: 0.53333vw 1.6vw; border-radius: 1.06667vw; font-weight: bold; font-size: 3.2vw;
}
.fc-tips-small[data-v-6130c111] { font-size: 2.93333vw; color: #666; margin-top: 3.2vw; background: rgba(0,0,0,0.2); padding: 2.13333vw; border-radius: 1.06667vw;
}
.btn-confirm-main[data-v-6130c111] { width: 100%; padding: 3.2vw; border-radius: 2.66667vw; border: none; font-weight: bold; background: #00e6dd; color: #000; cursor: pointer;
}
.btn-confirm-main[data-v-6130c111]:disabled { background: #333; color: #666; cursor: not-allowed;
}

/* Loading */
.loading-box[data-v-6130c111], .empty-box[data-v-6130c111] { display: flex; flex-direction: column; align-items: center; padding-top: 16vw; color: #666; font-size: 3.46667vw;
}
.spinner[data-v-6130c111] { width: 6.4vw; height: 6.4vw; border: 0.53333vw solid rgba(255, 255, 255, 0.1); border-top-color: #00e6dd; border-radius: 50%; animation: spin-6130c111 0.8s linear infinite;
}
.empty-icon[data-v-6130c111] { font-size: 8.53333vw; margin-bottom: 2.13333vw; opacity: 0.4;
}
@keyframes spin-6130c111 {
to { transform: rotate(360deg);
}
}
@keyframes pulse-6130c111 {
0%, 100% { opacity: 0.6;
}
50% { opacity: 1;
}
}
@keyframes blink-6130c111 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}
@keyframes fadeIn-6130c111 {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes slideUp-6130c111 {
from { transform: translateY(20px); opacity: 0;
}
to { transform: translateY(0); opacity: 1;
}
}


/* ================= 基础布局 ================= */
.deposit-wrapper[data-v-3efd8fc6] { 
  padding: 4.8vw; color: #fff; min-height: 100vh; padding-bottom: 13.33333vw;
}
.deposit-header[data-v-3efd8fc6] { 
  display: flex; align-items: center; justify-content: space-between; height: 10.66667vw; margin-bottom: 5.33333vw;
}
.deposit-header .center[data-v-3efd8fc6] { 
  position: absolute; left: 50%; transform: translateX(-50%); font-size: 4.8vw; font-weight: 700;
}
.back-icon[data-v-3efd8fc6] { width: 9.6vw; height: 9.6vw; cursor: pointer;
}
.title[data-v-3efd8fc6] { font-size: 4.53333vw; font-weight: 800;
}

/* ================= 通用卡片 (统一风格) ================= */
.card[data-v-3efd8fc6] { 
  position: relative; padding: 5.33333vw; border-radius: 4.8vw; overflow: hidden; 
  background: rgba(0, 10, 20, 0.45); backdrop-filter: blur(3.73333vw); -webkit-backdrop-filter: blur(3.73333vw); 
  border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 1.06667vw 5.33333vw rgba(0,0,0,0.2); 
  margin-bottom: 4vw;
}
.card-glow[data-v-3efd8fc6] {
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 230, 221, 0.5), transparent);
}
.section-label[data-v-3efd8fc6] { font-size: 3.46667vw; color: rgba(255,255,255,0.5); margin-bottom: 2.13333vw; margin-left: 1.06667vw;
}

/* ================= 详情页特定样式 ================= */

/* 1. 个人信息 */
.profile-header[data-v-3efd8fc6] { display: flex; align-items: center; gap: 4vw; margin-bottom: 4vw;
}
.avatar-circle[data-v-3efd8fc6] {
  width: 12.8vw; height: 12.8vw;
  background: linear-gradient(135deg, #00e6dd, #009993);
  color: #000;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 5.33333vw; font-weight: 800;
  box-shadow: 0 0 2.66667vw rgba(0,230,221,0.4);
}
.nick-name[data-v-3efd8fc6] { font-size: 4.8vw; font-weight: 700; color: #fff;
}
.email-text[data-v-3efd8fc6] { font-size: 3.2vw; color: rgba(255,255,255,0.5); margin-top: 0.53333vw;
}
.divider[data-v-3efd8fc6] { height: 1px; background: rgba(255,255,255,0.1); margin-bottom: 4vw;
}
.info-row[data-v-3efd8fc6] { display: flex; justify-content: space-between;
}
.info-col[data-v-3efd8fc6] { display: flex; flex-direction: column; gap: 1.06667vw;
}
.align-right[data-v-3efd8fc6] { align-items: flex-end;
}
.label[data-v-3efd8fc6] { font-size: 3.2vw; color: rgba(255,255,255,0.5);
}
.val[data-v-3efd8fc6] { font-size: 3.73333vw; color: #fff; font-weight: 500; font-family: monospace;
}
.val.highlight[data-v-3efd8fc6] { color: #00e6dd; font-weight: 700; letter-spacing: 1px;
}
.val.small[data-v-3efd8fc6] { font-size: 3.2vw; color: #aaa;
}

/* 2. 资产网格 */
.assets-grid[data-v-3efd8fc6] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.66667vw;
}
.asset-item[data-v-3efd8fc6] { 
  background: rgba(255,255,255,0.05); 
  border-radius: 3.2vw; padding: 3.2vw 1.33333vw; text-align: center; 
  border: 1px solid rgba(255,255,255,0.05);
}
.asset-name[data-v-3efd8fc6] { font-size: 2.93333vw; color: #888; margin-bottom: 1.06667vw;
}
.asset-val[data-v-3efd8fc6] { font-size: 3.73333vw; color: #fff; font-weight: 700;
}

/* 3. 节点与团队 */
.row-between[data-v-3efd8fc6] { display: flex; justify-content: space-between; margin-bottom: 2.13333vw; font-size: 3.46667vw;
}
.status-green[data-v-3efd8fc6] { color: #00e6dd; font-weight: bold;
}
.status-gray[data-v-3efd8fc6] { color: #666;
}
.divider-dashed[data-v-3efd8fc6] { height: 1px; border-top: 1px dashed rgba(255,255,255,0.1); margin: 3.2vw 0;
}
.stats-row[data-v-3efd8fc6] { display: flex; justify-content: space-around;
}
.stat-box[data-v-3efd8fc6] { text-align: center;
}
.stat-num[data-v-3efd8fc6] { font-size: 4.8vw; font-weight: 800; color: #fff;
}
.stat-label[data-v-3efd8fc6] { font-size: 2.93333vw; color: #666; margin-top: 0.53333vw;
}

/* 4. 奖金 */
.bonus-main[data-v-3efd8fc6] { display: flex; flex-direction: column; align-items: center; margin-bottom: 4vw;
}
.big-money[data-v-3efd8fc6] { font-size: 7.46667vw; color: #facc15; font-weight: 800; text-shadow: 0 0 4vw rgba(234, 179, 8, 0.3); margin-top: 1.33333vw;
}
.bonus-footer[data-v-3efd8fc6] { display: flex; justify-content: space-between; font-size: 3.2vw; color: #888; background: rgba(0,0,0,0.2); padding: 2.66667vw 4vw; border-radius: 2.66667vw;
}
.white[data-v-3efd8fc6] { color: #eee; font-weight: 600; margin-left: 1.06667vw;
}

/* 5. 策略列表 */
.strategy-list-container[data-v-3efd8fc6] { display: flex; flex-direction: column; gap: 4vw;
}
.strat-item[data-v-3efd8fc6] { padding: 4.8vw;
}
.strat-header[data-v-3efd8fc6] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.6vw;
}
.s-name[data-v-3efd8fc6] { font-size: 4vw; font-weight: 700; color: #fff;
}
.s-status[data-v-3efd8fc6] { font-size: 2.93333vw; padding: 0.53333vw 1.6vw; border-radius: 1.06667vw; font-weight: bold;
}
.s-status.running[data-v-3efd8fc6] { background: rgba(0,230,221,0.15); color: #00e6dd; border: 1px solid rgba(0,230,221,0.3);
}
.s-status.stopped[data-v-3efd8fc6] { background: #333; color: #aaa;
}
.s-pair[data-v-3efd8fc6] { font-size: 3.2vw; color: #aaa; margin-bottom: 3.2vw;
}
.s-ex[data-v-3efd8fc6] { color: #666;
}
.strat-data-grid[data-v-3efd8fc6] { display: grid; grid-template-columns: 1fr 1fr; gap: 2.66667vw 5.33333vw; background: rgba(0,0,0,0.2); padding: 3.2vw; border-radius: 3.2vw; margin-bottom: 2.66667vw;
}
.sd-item[data-v-3efd8fc6] { display: flex; flex-direction: column;
}
.sd-item label[data-v-3efd8fc6] { font-size: 2.66667vw; color: #666;
}
.sd-item span[data-v-3efd8fc6] { font-size: 3.46667vw; font-weight: 600; color: #eee;
}
.win[data-v-3efd8fc6] { color: #00e6dd;
}
.loss[data-v-3efd8fc6] { color: #ff4d4f;
}
.strat-footer[data-v-3efd8fc6] { display: flex; justify-content: space-between; font-size: 2.93333vw; color: #555; border-top: 1px dashed rgba(255,255,255,0.05); padding-top: 2.13333vw;
}

/* Loading & Empty */
.loading-container[data-v-3efd8fc6] { display: flex; justify-content: center; margin-top: 26.66667vw;
}
.spinner[data-v-3efd8fc6] { width: 16vw; opacity: 0.8;
}
.empty-state[data-v-3efd8fc6] { text-align: center; padding: 8vw; color: #666; border: 1px dashed rgba(255,255,255,0.1); border-radius: 4.8vw; font-size: 3.46667vw;
}


/* --- 1. 全局背景与布局 --- */
.page-container[data-v-4c5e7dc8] {
  min-height: 100vh;
 
  position: relative;
  overflow-x: hidden;
  font-family: 'PingFang SC', sans-serif;
  color: #fff;
}



/* 氛围光晕 */
.glow-spot[data-v-4c5e7dc8] {
  position: fixed; width: 80vw; height: 80vw; border-radius: 50%;
  filter: blur(26.66667vw); opacity: 0.3; z-index: 0;
}
.glow-spot.top-left[data-v-4c5e7dc8] { top: -26.66667vw; left: -26.66667vw; background: #4f46e5;
}
.glow-spot.bottom-right[data-v-4c5e7dc8] { bottom: -13.33333vw; right: -13.33333vw; background: #00e6dd;
}
.scroll-content[data-v-4c5e7dc8] { position: relative; z-index: 2; padding: 4.26667vw; padding-bottom: 13.33333vw;
}
.mb-20[data-v-4c5e7dc8] { margin-bottom: 5.33333vw;
}
.mb-24[data-v-4c5e7dc8] { margin-bottom: 6.4vw;
}

/* --- 2. 导航栏 (修复布局) --- */
.page-header[data-v-4c5e7dc8] {
  display: flex; align-items: center; justify-content: space-between;
  height: 11.73333vw; margin-bottom: 5.33333vw; position: relative; z-index: 10;
}
.page-header .center[data-v-4c5e7dc8] {
  position: absolute; left: 50%; transform: translateX(-50%);
  font-size: 4.53333vw; font-weight: 700; letter-spacing: 0.5px;
}
.back-icon[data-v-4c5e7dc8], .info-icon[data-v-4c5e7dc8] { width: 9.33333vw; height: 9.33333vw; cursor: pointer; opacity: 0.8;
}

/* --- 3. 玻璃态资产卡片 --- */
.glass-card[data-v-4c5e7dc8] {
  position: relative;
  background: rgba(20, 24, 35, 0.6);
  backdrop-filter: blur(5.33333vw);
  border-radius: 5.33333vw;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 2.66667vw 8vw rgba(0,0,0,0.3);
  overflow: hidden;
}
.card-highlight[data-v-4c5e7dc8] {
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(250, 204, 21, 0.5), transparent);
}
.asset-card[data-v-4c5e7dc8] { padding: 6.4vw; text-align: center;
}
.ac-label[data-v-4c5e7dc8] { 
  display: flex; justify-content: space-between; align-items: center; 
  font-size: 3.46667vw; color: rgba(255,255,255,0.5); margin-bottom: 3.2vw;
}
.vip-badge[data-v-4c5e7dc8] {
  background: linear-gradient(90deg, #facc15, #eab308);
  color: #000; font-weight: 800; font-size: 2.66667vw; padding: 0.53333vw 2.13333vw; border-radius: 1.06667vw;
}
.ac-val[data-v-4c5e7dc8] {
  font-family: 'DIN Alternate', monospace;
  font-size: 9.6vw; font-weight: 700; color: #fff;
  margin-bottom: 5.33333vw;
  letter-spacing: 1px;
}
.gold-glow[data-v-4c5e7dc8] { color: #facc15; text-shadow: 0 0 5.33333vw rgba(250, 204, 21, 0.2);
}
.ac-footer[data-v-4c5e7dc8] { display: flex; gap: 3.2vw;
}
.info-tag[data-v-4c5e7dc8] {
  flex: 1; background: rgba(255,255,255,0.03); border-radius: 2.66667vw; padding: 2.13333vw;
  display: flex; flex-direction: column; gap: 1.06667vw;
}
.t-label[data-v-4c5e7dc8] { font-size: 2.66667vw; color: rgba(255,255,255,0.4);
}
.t-val[data-v-4c5e7dc8] { font-size: 3.73333vw; font-weight: 600;
}
.red-text[data-v-4c5e7dc8] { color: #ff4d4f;
}

/* --- 4. 表单输入区域 --- */
.input-group[data-v-4c5e7dc8] { position: relative;
}
.label-row[data-v-4c5e7dc8] { display: flex; justify-content: space-between; font-size: 3.2vw; margin-bottom: 2.13333vw;
}
.input-label[data-v-4c5e7dc8] { color: rgba(255,255,255,0.6);
}
.balance-click[data-v-4c5e7dc8] { color: #00e6dd; cursor: pointer; font-weight: 600;
}
.input-box[data-v-4c5e7dc8] {
  display: flex; align-items: center;
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 3.2vw; padding: 3.73333vw;
  transition: all 0.3s;
}
.input-box[data-v-4c5e7dc8]:focus-within {
  border-color: #00e6dd; /* 聚焦变成青色，呼应按钮 */
  box-shadow: 0 0 2.66667vw rgba(0, 230, 221, 0.1);
}
.input-box input[data-v-4c5e7dc8] {
  flex: 1; background: none; border: none; color: #fff; font-size: 5.33333vw; font-family: 'DIN Alternate', monospace; outline: none;
}
.currency[data-v-4c5e7dc8] { color: rgba(255,255,255,0.3); font-size: 3.73333vw; font-weight: bold; margin-left: 2.66667vw;
}

/* 预览小票 */
.receipt-box[data-v-4c5e7dc8] {
  background: rgba(255,255,255,0.03); border-radius: 3.2vw; padding: 4.26667vw;
  border: 1px dashed rgba(255,255,255,0.1);
}
.r-row[data-v-4c5e7dc8] { display: flex; justify-content: space-between; font-size: 3.46667vw; color: rgba(255,255,255,0.5); margin-bottom: 2.13333vw;
}
.mono-font[data-v-4c5e7dc8] { font-family: monospace; letter-spacing: 0.5px;
}
.divider-dashed[data-v-4c5e7dc8] { border-top: 1px dashed rgba(255,255,255,0.1); margin: 2.66667vw 0;
}
.main-row[data-v-4c5e7dc8] { color: #fff; font-weight: 700; font-size: 4vw; margin-bottom: 0; align-items: center;
}
.cyan-text[data-v-4c5e7dc8] { color: #00e6dd;
}

/* --- 5. 核心按钮 (赛博青霓虹风格) --- */
.submit-btn[data-v-4c5e7dc8] {
  position: relative;
  width: 100%;
  padding: 4.26667vw;
  border: none;
  border-radius: 3.73333vw;
  
  /* 青蓝渐变：完美匹配首页的挖矿进度条 */
  background: linear-gradient(90deg, #00e6dd 0%, #3b82f6 100%);
  background-size: 200% auto;
  
  color: #fff;
  font-size: 4.26667vw;
  font-weight: 700;
  letter-spacing: 1px;
  cursor: pointer;
  
  /* 青色光晕投影 */
  box-shadow: 0 1.06667vw 5.33333vw rgba(0, 230, 221, 0.4);
  transition: all 0.3s ease;
  overflow: hidden;
  z-index: 1;
}

/* 按钮内部高光层 */
.submit-btn[data-v-4c5e7dc8]::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(to bottom, rgba(255,255,255,0.2), transparent);
  border-radius: 3.73333vw 3.73333vw 100% 100% / 5.33333vw 5.33333vw 2.66667vw 2.66667vw;
  pointer-events: none;
}
.submit-btn[data-v-4c5e7dc8]:hover {
  background-position: right center;
  box-shadow: 0 1.6vw 6.66667vw rgba(0, 230, 221, 0.6);
  transform: translateY(-0.53333vw);
}
.submit-btn[data-v-4c5e7dc8]:active {
  transform: scale(0.98);
  box-shadow: 0 0.53333vw 2.66667vw rgba(0, 230, 221, 0.3);
}

/* 禁用状态 */
.submit-btn.is-disabled[data-v-4c5e7dc8] {
  background: #2a3040;
  color: #666;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}
.submit-btn.is-disabled[data-v-4c5e7dc8]::before { display: none;
}

/* --- 6. 规则列表 --- */
.rules-section[data-v-4c5e7dc8] { text-align: center; margin-top: 10.66667vw;
}
.rules-title[data-v-4c5e7dc8] { font-size: 3.2vw; color: rgba(255,255,255,0.3); margin-bottom: 3.2vw;
}
.rules-list[data-v-4c5e7dc8] {
  text-align: left; background: rgba(0,0,0,0.2); padding: 4.26667vw 4.26667vw 4.26667vw 8vw;
  border-radius: 3.2vw; font-size: 3.2vw; color: rgba(255,255,255,0.4); line-height: 1.6;
}
.rules-list li[data-v-4c5e7dc8] { margin-bottom: 1.6vw;
}
.rules-list strong[data-v-4c5e7dc8] { color: rgba(255,255,255,0.7); font-weight: normal;
}
.spinner-sm[data-v-4c5e7dc8] {
  width: 5.33333vw; height: 5.33333vw; border: 0.53333vw solid #fff; border-top-color: transparent; border-radius: 50%; animation: spin-4c5e7dc8 0.8s linear infinite; margin: 0 auto;
}
@keyframes spin-4c5e7dc8 {
to { transform: rotate(360deg);
}
}


/* ========== 全局容器 ========== */
.share-wrapper[data-v-39c8373c] {
  padding: 4.26667vw;
  color: #fff;
  min-height: 100vh;

  padding-bottom: 10.66667vw;
}
.cyan-text[data-v-39c8373c] { color: #00e6dd;
}
.gold-text[data-v-39c8373c] { color: #facc15;
}
.mb-20[data-v-39c8373c] { margin-bottom: 5.33333vw;
}
.mt-15[data-v-39c8373c] { margin-top: 4vw;
}

/* ========== Header ========== */
.page-header[data-v-39c8373c] {
  display: flex; align-items: center; justify-content: space-between;
  height: 11.73333vw; margin-bottom: 2.66667vw;
}
.page-header .center[data-v-39c8373c] { font-size: 4.8vw; font-weight: 700; letter-spacing: 1px;
}
.icon-back[data-v-39c8373c] {
  width: 3.2vw; height: 3.2vw;
  border-top: 0.53333vw solid #ccc; border-left: 0.53333vw solid #ccc;
  transform: rotate(-45deg); cursor: pointer;
}

/* ========== 绑定卡片 ========== */
.bind-card[data-v-39c8373c] {
  position: relative; border-radius: 4.26667vw; overflow: hidden;
  background: rgba(30, 40, 50, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 5.33333vw;
}
.card-glow[data-v-39c8373c] {
  position: absolute; top: -13.33333vw; left: -13.33333vw; width: 26.66667vw; height: 26.66667vw;
  background: #00e6dd; filter: blur(21.33333vw); opacity: 0.2; pointer-events: none;
}
.inner-box[data-v-39c8373c] { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center;
}
.icon-box[data-v-39c8373c] { font-size: 8.53333vw; margin-bottom: 2.66667vw;
}

/* 已绑定 */
.bound-info[data-v-39c8373c] { text-align: center;
}
.bound-info .label[data-v-39c8373c] { font-size: 3.2vw; color: #888; margin-bottom: 1.06667vw;
}
.bound-info .addr[data-v-39c8373c] { font-size: 4.26667vw; font-weight: 700; font-family: monospace; color: #fff; margin-bottom: 2.13333vw;
}
.status-badge[data-v-39c8373c] { display: inline-block; font-size: 2.66667vw; padding: 0.53333vw 2.13333vw; background: rgba(0,230,221,0.2); color: #00e6dd; border-radius: 2.66667vw; border: 1px solid rgba(0,230,221,0.3);
}

/* 未绑定表单 */
.bind-form[data-v-39c8373c] { width: 100%;
}
.bind-form .label[data-v-39c8373c] { font-size: 3.46667vw; color: #ccc; margin-bottom: 2.13333vw; font-weight: bold;
}
.input-group[data-v-39c8373c] { display: flex; gap: 2.13333vw;
}
.custom-input[data-v-39c8373c] {
  flex: 1; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1);
  padding: 2.66667vw; border-radius: 2.13333vw; color: #fff; font-size: 3.46667vw; outline: none;
}
.custom-input[data-v-39c8373c]:focus { border-color: #00e6dd;
}
.btn-bind[data-v-39c8373c] {
  background: #00e6dd; color: #000; border: none; padding: 0 4vw;
  border-radius: 2.13333vw; font-weight: bold; cursor: pointer; transition: 0.2s;
}
.btn-bind[data-v-39c8373c]:disabled { background: #555; cursor: not-allowed;
}

/* 复制链接 */
.my-link-box[data-v-39c8373c] {
  display: flex; align-items: center; justify-content: center; gap: 2.13333vw;
  font-size: 3.2vw; color: #888; cursor: pointer; padding: 2.13333vw 4vw;
  background: rgba(255,255,255,0.05); border-radius: 5.33333vw;
}
.my-link-box[data-v-39c8373c]:active { background: rgba(255,255,255,0.1);
}
.icon-copy[data-v-39c8373c] { font-size: 3.73333vw; color: #00e6dd;
}

/* ========== 统计网格 ========== */
.section-title[data-v-39c8373c] { font-size: 4vw; font-weight: 700; margin-bottom: 3.2vw; border-left: 0.8vw solid #00e6dd; padding-left: 2.66667vw; color: #eee;
}
.stats-grid[data-v-39c8373c] {
  display: grid; grid-template-columns: 1fr 1fr; gap: 3.2vw;
}
.stat-card[data-v-39c8373c] {
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05);
  border-radius: 3.2vw; padding: 4vw; display: flex; flex-direction: column; align-items: center;
}
.s-head[data-v-39c8373c] { font-size: 3.2vw; color: #888; margin-bottom: 1.6vw;
}
.s-val[data-v-39c8373c] { font-size: 5.33333vw; font-weight: 800; font-family: monospace;
}
.unit[data-v-39c8373c] { font-size: 3.2vw; color: #666; font-weight: normal;
}
.sm-font[data-v-39c8373c] { font-size: 4.26667vw;
}

/* ========== 分区业绩 ========== */
.zone-box[data-v-39c8373c] {
  background: rgba(255,255,255,0.03); border-radius: 3.2vw; padding: 4vw;
  border: 1px solid rgba(255,255,255,0.05);
}
.z-row[data-v-39c8373c] { display: flex; justify-content: space-around; margin-bottom: 4vw;
}
.z-item[data-v-39c8373c] { display: flex; flex-direction: column; align-items: center;
}
.z-lbl[data-v-39c8373c] { font-size: 2.93333vw; color: #888; margin-bottom: 1.06667vw;
}
.z-val[data-v-39c8373c] { font-size: 4.26667vw; font-weight: bold; font-family: monospace;
}
.v-divider[data-v-39c8373c] { width: 1px; background: rgba(255,255,255,0.1);
}
.z-bar-box[data-v-39c8373c] {
  display: flex; height: 1.6vw; border-radius: 0.8vw; overflow: hidden; background: #333;
}
.z-bar[data-v-39c8373c] { transition: flex 0.5s;
}
.gold-bg[data-v-39c8373c] { background: #facc15;
}
.cyan-bg[data-v-39c8373c] { background: #00e6dd;
}

/* ========== 直推列表 ========== */
.list-section[data-v-39c8373c] {
  background: rgba(255,255,255,0.02); border-radius: 4.26667vw; padding: 4.26667vw;
  border: 1px solid rgba(255,255,255,0.05);
}
.empty-area[data-v-39c8373c] { text-align: center; padding: 8vw; color: #666; font-size: 3.46667vw;
}
.empty-icon[data-v-39c8373c] { font-size: 6.4vw; display: block; margin-bottom: 2.13333vw; opacity: 0.5;
}
.direct-list[data-v-39c8373c] { font-size: 3.2vw;
}
.list-header[data-v-39c8373c] {
  display: flex; color: #666; padding-bottom: 2.13333vw; 
  border-bottom: 1px solid rgba(255,255,255,0.05); margin-bottom: 2.13333vw;
}
.list-item[data-v-39c8373c] {
  display: flex; align-items: center; padding: 2.66667vw 0;
  border-bottom: 1px dashed rgba(255,255,255,0.05);
}
.list-item[data-v-39c8373c]:last-child { border-bottom: none;
}
.col-addr[data-v-39c8373c] { flex: 2; font-family: monospace; color: #ddd; display: flex; align-items: center;
}
.idx[data-v-39c8373c] { color: #555; margin-right: 1.33333vw; width: 5.33333vw;
}
.col-status[data-v-39c8373c] { flex: 1; text-align: center;
}
.col-vol[data-v-39c8373c] { flex: 1.5; font-family: monospace; color: #facc15;
}
.text-right[data-v-39c8373c] { text-align: right;
}
.badge[data-v-39c8373c] { font-size: 2.66667vw; padding: 0.53333vw 1.6vw; border-radius: 1.06667vw;
}
.badge.active[data-v-39c8373c] { background: rgba(0,230,221,0.1); color: #00e6dd;
}
.badge.inactive[data-v-39c8373c] { background: rgba(255,255,255,0.05); color: #666;
}



/* 保持原有样式，新增 Load More 样式 */
.market-wrapper[data-v-5f8206fa] {
  padding: 4.26667vw;
  color: #fff;
  min-height: 100vh;
}
.gold-text[data-v-5f8206fa] {
  color: #facc15;
}
.cyan-text[data-v-5f8206fa] {
  color: #00e6dd;
}
.mb-20[data-v-5f8206fa] {
  margin-bottom: 5.33333vw;
}

/* Header */
.page-header[data-v-5f8206fa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 11.73333vw;
  margin-bottom: 2.66667vw;
}
.page-header .center[data-v-5f8206fa] {
  font-size: 4.8vw;
  font-weight: 700;
  letter-spacing: 1px;
}
.icon-back[data-v-5f8206fa] {
  width: 3.2vw;
  height: 3.2vw;
  border-top: 0.53333vw solid #ccc;
  border-left: 0.53333vw solid #ccc;
  transform: rotate(-45deg);
  cursor: pointer;
}
.add-btn[data-v-5f8206fa] {
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: 1px solid rgba(0, 230, 221, 0.3);
  padding: 1.06667vw 3.2vw;
  border-radius: 5.33333vw;
  font-size: 3.2vw;
  font-weight: bold;
  cursor: pointer;
}

/* Switcher */
.asset-switch-container[data-v-5f8206fa] {
  display: flex;
  background: #111;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 2.13333vw;
  overflow: hidden;
}
.asset-btn[data-v-5f8206fa] {
  flex: 1;
  text-align: center;
  padding: 2.66667vw 0;
  font-size: 3.73333vw;
  font-weight: bold;
  color: #666;
  cursor: pointer;
  transition: 0.2s;
}
.asset-btn.active[data-v-5f8206fa] {
  background: #00e6dd;
  color: #000;
}

/* Stats */
.market-stats[data-v-5f8206fa] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 3.2vw;
  padding: 4vw;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.stat-item[data-v-5f8206fa] {
  text-align: center;
}
.stat-item .label[data-v-5f8206fa] {
  font-size: 3.2vw;
  color: #888;
  margin-bottom: 1.06667vw;
}
.stat-item .val[data-v-5f8206fa] {
  font-size: 4.26667vw;
  font-weight: bold;
  font-family: monospace;
}
.unit[data-v-5f8206fa] {
  font-size: 2.66667vw;
  color: #666;
  font-weight: normal;
}
.v-div[data-v-5f8206fa] {
  width: 1px;
  height: 8vw;
  background: rgba(255, 255, 255, 0.1);
}

/* Tab */
.tab-control[data-v-5f8206fa] {
  display: flex;
  background: #0f1520;
  border-radius: 2.13333vw;
  padding: 0.8vw;
}
.tab-item[data-v-5f8206fa] {
  flex: 1;
  text-align: center;
  font-size: 3.46667vw;
  color: #666;
  padding: 2.13333vw 0;
  border-radius: 1.6vw;
  transition: 0.3s;
  cursor: pointer;
}
.tab-item.active[data-v-5f8206fa] {
  background: #1e2633;
  color: #fff;
  font-weight: 600;
}

/* List */
.order-list[data-v-5f8206fa] {
  display: flex;
  flex-direction: column;
  gap: 3.2vw;
}
.order-card[data-v-5f8206fa] {
  background: linear-gradient(
    145deg,
    rgba(30, 40, 55, 0.4),
    rgba(20, 25, 35, 0.6)
  );
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 3.2vw;
  padding: 4vw;
}
.card-head[data-v-5f8206fa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.2vw;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  padding-bottom: 2.13333vw;
}
.user-id[data-v-5f8206fa] {
  font-size: 3.2vw;
  color: #888;
  font-family: monospace;
}
.price-tag[data-v-5f8206fa] {
  font-size: 4.26667vw;
  font-weight: bold;
  color: #facc15;
}
.card-body[data-v-5f8206fa] {
  margin-bottom: 4vw;
}
.info-row[data-v-5f8206fa] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6vw;
  font-size: 3.46667vw;
}
.info-row .label[data-v-5f8206fa] {
  color: #aaa;
}
.info-row .val[data-v-5f8206fa] {
  font-family: monospace;
  color: #fff;
}
.card-foot[data-v-5f8206fa] {
  display: flex;
  gap: 2.66667vw;
}
.btn-buy[data-v-5f8206fa] {
  width: 100%;
  border: none;
  padding: 2.66667vw;
  border-radius: 2.13333vw;
  background: rgba(0, 230, 221, 0.2);
  color: #00e6dd;
  font-weight: bold;
  cursor: pointer;
}
.btn-cancel[data-v-5f8206fa] {
  width: 100%;
  border: none;
  padding: 2.66667vw;
  border-radius: 2.13333vw;
  background: rgba(255, 255, 255, 0.1);
  color: #ccc;
  font-weight: bold;
  cursor: pointer;
}
.load-more[data-v-5f8206fa] {
  text-align: center;
  color: #888;
  padding: 2.66667vw;
  cursor: pointer;
  font-size: 3.2vw;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 2.66667vw;
}

/* Modal */
.modal-mask[data-v-5f8206fa] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(1.33333vw);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.modal-box[data-v-5f8206fa] {
  width: 85%;
  max-width: 96vw;
  background: #111;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4.26667vw;
  overflow: hidden;
}
.m-head[data-v-5f8206fa] {
  padding: 4vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  color: #fff;
}
.close[data-v-5f8206fa] {
  font-size: 6.4vw;
  color: #888;
  cursor: pointer;
  line-height: 1;
}
.m-body[data-v-5f8206fa] {
  padding: 5.33333vw;
}
.input-group[data-v-5f8206fa] {
  margin-bottom: 4vw;
}
.input-group label[data-v-5f8206fa] {
  display: block;
  font-size: 3.2vw;
  color: #888;
  margin-bottom: 1.6vw;
}
.input-group input[data-v-5f8206fa] {
  width: 100%;
  background: #222;
  border: 1px solid #333;
  color: #fff;
  padding: 2.66667vw;
  border-radius: 2.13333vw;
  outline: none;
  font-size: 3.73333vw;
}
.sub-txt[data-v-5f8206fa] {
  font-size: 2.66667vw;
  color: #666;
  margin-top: 1.06667vw;
  text-align: right;
}
.sub-txt.error[data-v-5f8206fa] {
  color: #ff4d4f;
}
.info-preview p[data-v-5f8206fa] {
  margin: 1.06667vw 0;
  font-size: 3.46667vw;
  color: #ccc;
}
.total-calc[data-v-5f8206fa] {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin-top: 2.66667vw;
  font-size: 3.73333vw;
}
.m-foot[data-v-5f8206fa] {
  padding: 0 5.33333vw 5.33333vw 5.33333vw;
}
.btn-action[data-v-5f8206fa] {
  width: 100%;
  padding: 3.2vw;
  border-radius: 2.13333vw;
  border: none;
  font-weight: bold;
  cursor: pointer;
}
.btn-auth[data-v-5f8206fa] {
  background: rgba(250, 204, 21, 0.2);
  color: #facc15;
}
.btn-confirm[data-v-5f8206fa] {
  background: #00e6dd;
  color: #000;
}
.btn-action[data-v-5f8206fa]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  filter: grayscale(1);
}

/* Empty / Loading */
.loading-area[data-v-5f8206fa],
.empty-area[data-v-5f8206fa] {
  text-align: center;
  padding: 10.66667vw;
  color: #666;
}
.spinner[data-v-5f8206fa] {
  width: 8vw;
  height: 8vw;
  border: 0.53333vw solid rgba(255, 255, 255, 0.1);
  border-top-color: #00e6dd;
  border-radius: 50%;
  animation: spin-5f8206fa 1s infinite;
  margin: 0 auto;
}
.empty-icon[data-v-5f8206fa] {
  font-size: 8vw;
  margin-bottom: 2.66667vw;
}
@keyframes spin-5f8206fa {
to {
    transform: rotate(360deg);
}
}

