@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);
*,
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-4918e573] {
  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-4918e573] {
  width: 12.8vw;
  height: 12.8vw;
  animation: spin-4918e573 1.2s linear infinite;
}
@keyframes spin-4918e573 {
0% { transform: rotate(0);
}
100% { transform: rotate(360deg);
}
}
.SelectMain[data-v-4918e573] {
  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-4918e573] {
  text-align: center;
  z-index: 2;
  margin-top: 48vw;
}
.logo-img[data-v-4918e573] {
  width: 18.13333vw !important;
  height: 18.13333vw !important;
  margin-bottom: 1.6vw !important;
  max-width: 100%; 
  object-fit: contain;
}
.logo-text[data-v-4918e573] {
  font-size: 5.33333vw;
  color: #00ffff;
  font-weight: bold;
  font-family: "Orbitron", sans-serif;
}

/* ================= 地球与文字 ================= */
.globe-wrapper[data-v-4918e573] {
  width: 100%;
  height: 40vh;
}
.hello-container[data-v-4918e573] {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.typed-text[data-v-4918e573] {
  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-4918e573] {
  position: absolute;
  top: 5.33333vw;
  right: 5.33333vw;
  z-index: 999;
}
.lang-button[data-v-4918e573] {
  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-4918e573] {
  width: 4.26667vw;
  height: 4.26667vw;
}

/* ✅ 修改：添加 list-style: none 去除圆点，margin 置 0 */
.lang-menu[data-v-4918e573] {
  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-4918e573] {
  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-4918e573]::before,
.lang-item[data-v-4918e573]::after {
  content: none !important;
  display: none !important;
}
.lang-item[data-v-4918e573]:last-child { border-bottom: none;
}
.lang-item[data-v-4918e573]:hover { background: #00bbff30;
}
.lang-item span[data-v-4918e573] { color: white;
}
.lang-item span.active[data-v-4918e573] { color: #00ff66; font-weight: bold;
}
img.checkmark-icon[data-v-4918e573] {
  width: 4.26667vw;
  height: 4.26667vw;
}

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

/* ================= 弹窗 ================= */
.modal-overlay[data-v-4918e573] {
  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-4918e573] {
  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-4918e573] {
  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-4918e573] {
  width: 13.06667vw !important;
  height: 13.06667vw !important;
  object-fit: contain;
  flex-shrink: 0;
}
.disclaimer-text[data-v-4918e573] {
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-size: 3.2vw;
}
.region-block[data-v-4918e573] {
  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-4918e573] {
  display: flex;
  gap: 2.66667vw;
  justify-content: center;
  margin-top: 5.33333vw;
}
.modal-actions button[data-v-4918e573] {
  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-4918e573]:not(:disabled) { cursor: pointer;
}
.modal-actions button[data-v-4918e573]:hover { background: #0099cc; transform: scale(1.05);
}
.modal-actions button[data-v-4918e573]:disabled { background: #0fe13966; border: solid 0.53333vw #0dff00; cursor: not-allowed;
}
.modal-actions button + button[data-v-4918e573] {
  background: #f0130f89;
  border: solid 0.53333vw #f0130f;
  cursor: pointer;
}
.modal-actions button + button[data-v-4918e573]:hover { background: #e60000;
}
.modal-actions button + button[data-v-4918e573]:disabled { background: #888;
}
.modal-actions button + button[data-v-4918e573]:disabled:hover { background: #888;
}
.terms-agree[data-v-4918e573] {
  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-4918e573] {
  position: relative;
  top: 0.53333vw;
}
.terms-agree input[type="checkbox"][data-v-4918e573] {
  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-4918e573]::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-4918e573]:checked::after { opacity: 1;
}
.terms-agree a[data-v-4918e573] {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.terms-agree a[data-v-4918e573]:hover { color: #00ffe5; border-bottom-color: #00ffe5;
}
.loading[data-v-4918e573] {
  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-4918e573] {
  font-size: 3.73333vw;
  color: #ccc;
  position: relative;
  top: -0.53333vw;
}
.loading-icon[data-v-4918e573] {
  width: 18.66667vw;
  height: 18.66667vw;
}

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


.layout-container[data-v-fa1efa96] {
  position: absolute; 
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; 
  display: flex;
  flex-direction: column;
}
.layout-top[data-v-fa1efa96] {
  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-fa1efa96] { height: 10.66667vw; width: 47.2vw;
}
.wallet-box[data-v-fa1efa96] {
  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-fa1efa96] { width: 2.93333vw; height: 3.46667vw; margin-right: 1.6vw;
}

/* 中间内容区域 - 独立滚动 */
.layout-content[data-v-fa1efa96] {
  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-fa1efa96] {
  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-fa1efa96] {
  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-fa1efa96] { width: 6.4vw; height: 6.4vw; opacity: 0.7; transition: all 0.3s ease;
}
.tab span[data-v-fa1efa96] { margin-top: 1.33333vw; font-size: 2.66667vw; transition: all 0.3s; transform: translateY(0);
}
.tab.active img[data-v-fa1efa96] { opacity: 0;
}
.tab.active span[data-v-fa1efa96] { opacity: 0; transform: translateY(2.66667vw);
}
.slider[data-v-fa1efa96] {
  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-fa1efa96] { width: 6.4vw; height: 6.4vw; filter: brightness(0) invert(1);
}
.loading-screen[data-v-fa1efa96] { display: flex; justify-content: center; align-items: center; height: 100vh; background: black;
}
.spinner[data-v-fa1efa96] { width: 12.8vw; height: 12.8vw; animation: spin-fa1efa96 1s linear infinite;
}
@keyframes spin-fa1efa96 {
0% { transform: rotate(0);
}
100% { transform: rotate(360deg);
}
}


/* 修复后的 CSS 布局 */
.layout-container[data-v-244ca1aa] {
  position: absolute; /* 绝对定位占满屏幕 */
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* 外部禁止滚动 */
  display: flex;
  flex-direction: column;
}
.layout-top[data-v-244ca1aa] {
  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-244ca1aa] { height: 7.73333vw; width: 35.46667vw;
}
.wallet-box[data-v-244ca1aa] {
  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-244ca1aa] { width: 2.93333vw; height: 3.46667vw; margin-right: 1.6vw;
}

/* 中间内容区域 - 独立滚动 */
.layout-content[data-v-244ca1aa] {
  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-244ca1aa] {
  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-244ca1aa] {
  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-244ca1aa] { width: 6.4vw; height: 6.4vw; opacity: 0.7; transition: all 0.3s ease;
}
.tab span[data-v-244ca1aa] { margin-top: 1.33333vw; font-size: 2.66667vw; transition: all 0.3s; transform: translateY(0);
}
.tab.active img[data-v-244ca1aa] { opacity: 0;
}
.tab.active span[data-v-244ca1aa] { opacity: 0; transform: translateY(2.66667vw);
}
.slider[data-v-244ca1aa] {
  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-244ca1aa] { width: 6.4vw; height: 6.4vw; filter: brightness(0) invert(1);
}
.loading-screen[data-v-244ca1aa] { display: flex; justify-content: center; align-items: center; height: 100vh; background: black;
}
.spinner[data-v-244ca1aa] { width: 12.8vw; height: 12.8vw; animation: spin-244ca1aa 1s linear infinite;
}
@keyframes spin-244ca1aa {
0% { transform: rotate(0);
}
100% { transform: rotate(360deg);
}
}


@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes border-rotate-2baf32e3 {
to {
    --angle: 360deg;
}
}
@keyframes pulse-2baf32e3 {
0% {
    opacity: 0.6;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.6;
}
}

/* 基础结构 */
.miner-wrapper[data-v-2baf32e3] {
  padding: 4.8vw;
  color: #fff;
  min-height: 100vh;
  padding-bottom: 13.33333vw;
  -webkit-overflow-scrolling: touch;
  position: relative; /* 确保背景在内部定位 */
}

/* ✨✨✨ 新增：全局背景网格 ✨✨✨ */
.grid-bg[data-v-2baf32e3] {
  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;
  pointer-events: none; /* 确保不影响点击 */
}

/* Header */
.page-header[data-v-2baf32e3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 10.66667vw;
  margin-bottom: 5.33333vw;
  position: relative;
  z-index: 2; /* 提高层级，防止被背景覆盖 */
}
.page-header .center[data-v-2baf32e3] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 4.8vw;
  font-weight: 700;
}
.back-icon[data-v-2baf32e3],
.info-icon[data-v-2baf32e3] {
  width: 9.33333vw;
  height: 9.33333vw;
  cursor: pointer;
  opacity: 0.8;
}

/* 布局间距 */
.mb-20[data-v-2baf32e3] {
  margin-bottom: 5.33333vw;
}
.mb-30[data-v-2baf32e3] {
  margin-bottom: 8vw;
}
.mt-15[data-v-2baf32e3] {
  margin-top: 4vw;
}
.mt-10[data-v-2baf32e3] {
  margin-top: 2.66667vw;
}
.pt-15[data-v-2baf32e3] {
  padding-top: 4vw;
}
.pb-15[data-v-2baf32e3] {
  padding-bottom: 4vw;
}

/* 余额卡片 */
.main-card[data-v-2baf32e3] {
  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);
  z-index: 1;
}

/* ✨✨✨ 新增：卡片扫描光效 ✨✨✨ */
.scan-light[data-v-2baf32e3] {
  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-2baf32e3 4s infinite linear;
  z-index: 1;
  pointer-events: none;
}
@keyframes scan-2baf32e3 {
100% {
    left: 150%;
}
}
.card-glow[data-v-2baf32e3] {
  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-2baf32e3] {
  padding: 4vw;
  position: relative;
  z-index: 2;
}
.balance-row[data-v-2baf32e3] {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.bal-item[data-v-2baf32e3] {
  text-align: center;
}
.lbl[data-v-2baf32e3] {
  font-size: 3.2vw;
  color: #888;
  display: block;
  margin-bottom: 1.06667vw;
}
.val[data-v-2baf32e3] {
  font-size: 4.8vw;
  font-weight: 800;
  font-family: "DIN Alternate", monospace;
}
.v-line[data-v-2baf32e3] {
  width: 1px;
  height: 8vw;
  background: rgba(255, 255, 255, 0.1);
}
.cyan-text[data-v-2baf32e3] {
  color: #00e6dd;
}
.gold-text[data-v-2baf32e3] {
  color: #facc15;
}

/* 支付切换 */
.pay-toggle-box[data-v-2baf32e3] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 2.13333vw;
  display: flex;
  padding: 1.06667vw;
}
.toggle-item[data-v-2baf32e3] {
  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-2baf32e3] {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-weight: bold;
}
.badge[data-v-2baf32e3] {
  font-size: 2.66667vw;
  background: #d35400;
  padding: 1px 1.06667vw;
  border-radius: 0.8vw;
  margin-left: 0.53333vw;
  color: #fff;
}

/* 矿机网格 */
.section-head[data-v-2baf32e3] {
  font-size: 4vw;
  margin-bottom: 3.2vw;
  font-weight: 700;
  border-left: 0.8vw solid #00e6dd;
  padding-left: 2.66667vw;
  position: relative;
  z-index: 1;
}
.node-grid[data-v-2baf32e3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.2vw;
  position: relative;
  z-index: 1;
}
.node-card[data-v-2baf32e3] {
  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-2baf32e3] {
  background: rgba(0, 230, 221, 0.08);
  border-color: #00e6dd;
  transform: scale(1.02);
}
.glow-border[data-v-2baf32e3] {
  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-2baf32e3] {
  opacity: 0.8;
  filter: grayscale(0.5);
}
.lock-overlay[data-v-2baf32e3] {
  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-2baf32e3] {
  width: 6.4vw;
  margin-bottom: 1.33333vw;
  opacity: 0.7;
}
.card-top[data-v-2baf32e3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.13333vw;
}
.tier-name[data-v-2baf32e3] {
  font-weight: bold;
  font-size: 4.26667vw;
  color: #fff;
}
.limit-tag[data-v-2baf32e3] {
  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-2baf32e3] {
  color: #ff4d4f;
  border: 1px solid #ff4d4f;
  background: rgba(255, 77, 79, 0.1);
}
.n-price[data-v-2baf32e3] {
  font-size: 4.26667vw;
  font-weight: 800;
  color: #fff;
  margin-bottom: 2.13333vw;
}
.n-unit[data-v-2baf32e3] {
  font-size: 2.66667vw;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 0.53333vw;
}
.n-meta[data-v-2baf32e3] {
  display: flex;
  justify-content: space-between;
  font-size: 2.93333vw;
  color: #888;
}
.check-mark[data-v-2baf32e3] {
  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-2baf32e3] {
  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-2baf32e3] {
  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-2baf32e3 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.modal-hd[data-v-2baf32e3] {
  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-2baf32e3] {
  font-size: 4.26667vw;
  font-weight: bold;
  color: #fff;
}
.close-btn[data-v-2baf32e3] {
  font-size: 6.4vw;
  color: #888;
  line-height: 1;
  cursor: pointer;
}
.modal-bd[data-v-2baf32e3] {
  padding: 5.33333vw;
}

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

/* 机器人选项 - 流光特效 */
.option-row[data-v-2baf32e3] {
  margin-bottom: 6.66667vw;
  padding: 3.2vw;
  background: rgba(0, 230, 221, 0.05);
  border-radius: 2.13333vw;
  position: relative;
  isolation: isolate;
}
.option-row[data-v-2baf32e3]::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.4vw;
  border-radius: 2.13333vw;
  background: conic-gradient(
    from var(--angle),
    transparent 0%,
    #00e6dd 30%,
    #fff 45%,
    #00e6dd 60%,
    transparent 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: border-rotate-2baf32e3 3s linear infinite;
  pointer-events: none;
  z-index: 1;
}
.robot-check[data-v-2baf32e3] {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  user-select: none;
}
.robot-check input[data-v-2baf32e3] {
  display: none;
}
.checkmark[data-v-2baf32e3] {
  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-2baf32e3] {
  background: #00e6dd;
  border-color: #00e6dd;
}
.robot-check input:checked ~ .checkmark[data-v-2baf32e3]::after {
  content: "✔";
  position: absolute;
  font-size: 3.2vw;
  color: #000;
  left: 0.8vw;
  top: 0;
}
.txt-group[data-v-2baf32e3] {
  display: flex;
  flex-direction: column;
}
.main-txt[data-v-2baf32e3] {
  font-size: 3.73333vw;
  font-weight: bold;
  color: #eee;
  margin-bottom: 0.53333vw;
}
.sub-txt[data-v-2baf32e3] {
  font-size: 2.93333vw;
  color: #00e6dd;
  opacity: 0.8;
}

/* 按钮 - 流光特效 */
.action-btn-area[data-v-2baf32e3] {
  width: 100%;
}
.btn-primary[data-v-2baf32e3] {
  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;
  isolation: isolate;
}
.btn-primary[data-v-2baf32e3]:active {
  transform: scale(0.98);
  background: rgba(0, 230, 221, 0.2);
}
.btn-primary[data-v-2baf32e3]:disabled {
  opacity: 0.5;
  filter: grayscale(1);
  cursor: not-allowed;
}
.btn-primary.btn-disabled[data-v-2baf32e3] {
  background: rgba(255, 255, 255, 0.05);
  color: #888;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.btn-primary[data-v-2baf32e3]::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-2baf32e3 3s linear infinite;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
}
@keyframes popIn-2baf32e3 {
from {
    opacity: 0;
    transform: scale(0.8);
}
to {
    opacity: 1;
    transform: scale(1);
}
}

/* Common/Loading */
.loading-screen[data-v-2baf32e3],
.modal-mask[data-v-2baf32e3] {
  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-2baf32e3] {
  margin-top: 2.66667vw;
  color: #00e6dd;
  font-size: 3.73333vw;
}
.spinner[data-v-2baf32e3] {
  width: 21.33333vw !important;
}
/* 普通规则弹窗 */
.dialog[data-v-2baf32e3] {
  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-2baf32e3] {
  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-2baf32e3] {
  padding: 5.33333vw;
  font-size: 3.46667vw;
  color: #ccc;
  line-height: 1.6;
}
.x[data-v-2baf32e3] {
  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-2baf32e3],
.fade-leave-active[data-v-2baf32e3],
.pop-enter-active[data-v-2baf32e3],
.pop-leave-active[data-v-2baf32e3] {
  transition: opacity 0.25s;
}
.fade-enter[data-v-2baf32e3],
.fade-leave-to[data-v-2baf32e3],
.pop-enter[data-v-2baf32e3],
.pop-leave-to[data-v-2baf32e3] {
  opacity: 0;
}


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

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

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

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

/* Loading 遮罩 */
.loading-screen[data-v-71610221] { 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-71610221] { width: 12.8vw; height: 12.8vw; animation: spin-71610221 1.2s linear infinite;
}
@keyframes spin-71610221 {
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;
}


/* 样式完全保持不变 */
.vtm-ticker-card[data-v-15f18e17] {
  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-15f18e17] {
  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);
}
.mycoin[data-v-15f18e17] {
  width: 10.66667vw;
  height: 10.66667vw; 
  object-fit: cover;
}

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

/* 箭头动画 */
.expand-icon[data-v-15f18e17] {
  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-15f18e17] {
  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-15f18e17] { transform: rotate(-135deg); margin-bottom: -0.53333vw; border-color: #00e6dd;
}

/* 详情折叠区 */
.details-wrapper[data-v-15f18e17] {
  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-15f18e17] { padding-top: 1.06667vw;
}
.divider[data-v-15f18e17] { height: 1px; background: rgba(255,255,255,0.08); margin: 3.2vw 0;
}
.stats-grid[data-v-15f18e17] {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2.13333vw; margin-bottom: 4vw;
}
.stat-item[data-v-15f18e17] {
  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-15f18e17] { font-size: 2.4vw; color: rgba(255,255,255,0.4); margin-bottom: 1.06667vw;
}
.stat-value[data-v-15f18e17] { font-size: 2.93333vw; font-weight: 600; color: #fff;
}
.highlight[data-v-15f18e17] { color: #00e6dd;
}
.fire-text[data-v-15f18e17] { color: #ffaa00;
}
.contract-footer[data-v-15f18e17] {
  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-15f18e17] { font-size: 2.66667vw; color: rgba(255,255,255,0.4); margin-bottom: 1.06667vw;
}
.code-box[data-v-15f18e17] { display: flex; justify-content: center; gap: 1.6vw; align-items: center;
}
.code-text[data-v-15f18e17] { font-family: monospace; color: #ccc; font-size: 3.2vw;
}
.copy-icon[data-v-15f18e17] { font-size: 3.2vw; color: #00e6dd;
}

/* 背景特效 */
.grid-bg[data-v-15f18e17] {
  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-15f18e17] {
  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-15f18e17 4s infinite linear;
  z-index: 1; pointer-events: none;
}
@keyframes scan-15f18e17 {
100% { left: 150%;
}
}


/* 样式保持原样，无需修改 */
.home-container[data-v-9a0c34d6] {
  min-height: 100vh;
  position: relative; 
  overflow-x: hidden;
  font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
}
.s05[data-v-9a0c34d6] { width: 6.4vw; height: 4.8vw;
}
.scroll-content[data-v-9a0c34d6] {
  position: relative; z-index: 1;
  padding: 4.26667vw; padding-bottom: 24vw;
}
.section-wrapper[data-v-9a0c34d6] { margin-bottom: 6.4vw;
}
.ticker-spacing[data-v-9a0c34d6] { margin-top: -3.2vw; margin-bottom: 6.4vw;
}
.section-header-mini[data-v-9a0c34d6] {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 3.2vw; padding: 0 1.06667vw;
}
.section-header-mini .title[data-v-9a0c34d6] {
  font-size: 4.26667vw; font-weight: 700; color: #fff;
  position: relative; padding-left: 2.66667vw;
}
.section-header-mini .title[data-v-9a0c34d6]::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-9a0c34d6] {
  font-size: 2.93333vw; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 1px;
}
.quick-actions-wrapper[data-v-9a0c34d6] { margin-bottom: 7.46667vw;
}
.quick-grid[data-v-9a0c34d6] { display: grid; grid-template-columns: 1fr 1fr; gap: 3.2vw;
}
.action-card[data-v-9a0c34d6] {
  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-9a0c34d6]:active { transform: scale(0.98); background: rgba(255, 255, 255, 0.06);
}
.icon-circle[data-v-9a0c34d6] {
  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-9a0c34d6] { background: linear-gradient(135deg, #059669, #34d399);
}
.share-gradient[data-v-9a0c34d6] { background: linear-gradient(135deg, #7c3aed, #a78bfa);
}
.icon-symbol[data-v-9a0c34d6] { font-size: 4.8vw; font-weight: bold; color: #fff;
}
.text-group[data-v-9a0c34d6] { display: flex; flex-direction: column; flex: 1;
}
.main-text[data-v-9a0c34d6] { font-size: 3.46667vw; font-weight: 600; color: #fff;
}
.sub-text[data-v-9a0c34d6] { font-size: 2.66667vw; color: rgba(255,255,255,0.4);
}
.arrow-right[data-v-9a0c34d6] { font-style: normal; color: rgba(255,255,255,0.2); font-size: 3.2vw; margin-right: 1.06667vw;
}
.dashboard-section[data-v-9a0c34d6] { margin-bottom: 6.4vw;
}
.glass-card[data-v-9a0c34d6] {
  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-9a0c34d6] {
  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-9a0c34d6] {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: 6.4vw;
}
.data-item[data-v-9a0c34d6] { display: flex; flex-direction: column; align-items: center; flex: 1;
}
.label[data-v-9a0c34d6] { font-size: 3.2vw; color: rgba(255,255,255,0.5); margin-bottom: 2.13333vw;
}
.value[data-v-9a0c34d6] {
  font-family: 'DIN Alternate', 'Roboto Mono', monospace;
  font-size: 6.4vw; font-weight: 700; color: #fff;
  letter-spacing: 0.5px;
}
.value small[data-v-9a0c34d6] { font-size: 3.2vw; margin-left: 0.53333vw; font-weight: 400; color: rgba(255,255,255,0.4);
}
.value.gold-glow[data-v-9a0c34d6] {
  color: #facc15;
  text-shadow: 0 0 5.33333vw rgba(250, 204, 21, 0.2);
}
.vertical-divider[data-v-9a0c34d6] {
  width: 1px; height: 10.66667vw;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.1), transparent);
}
.progress-box[data-v-9a0c34d6] {
  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-9a0c34d6] { display: flex; justify-content: space-between; margin-bottom: 2.13333vw; font-size: 3.2vw;
}
.p-label[data-v-9a0c34d6] { color: rgba(255,255,255,0.7);
}
.p-percent[data-v-9a0c34d6] { color: #00e6dd; font-weight: 700; font-family: monospace;
}
.progress-track[data-v-9a0c34d6] {
  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-9a0c34d6] {
  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-9a0c34d6] {
  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-9a0c34d6 3s infinite;
}
@keyframes shine-9a0c34d6 {
100% { transform: skewX(-20deg) translateX(150%);
}
}
.progress-footer[data-v-9a0c34d6] {
  display: flex; justify-content: space-between;
  font-size: 2.66667vw; color: rgba(255,255,255,0.3);
}
.bottom-spacer[data-v-9a0c34d6] { height: 10.66667vw;
}


/* 全局容器 */
.page-wrapper[data-v-35798ec4] {
  padding: 4.8vw;
  color: #fff;
  min-height: 100vh;
  box-sizing: border-box;
  /* 如果整个页面背景需要在父级设置，这里就不需要 set background */
}

/* 头部导航 */
.nav-header[data-v-35798ec4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 11.73333vw;
  margin-bottom: 2.66667vw; /* 减小一点间距 */
}
.nav-left[data-v-35798ec4], .nav-right[data-v-35798ec4] {
  width: 10.66667vw;
  display: flex;
  align-items: center;
}
.nav-title[data-v-35798ec4] {
  flex: 1;
  text-align: center;
  font-size: 4.8vw;
  font-weight: bold;
}
.back-icon[data-v-35798ec4] {
  width: 10.4vw;
  height: 9.6vw;
  cursor: pointer;
}

/* --- 列表样式核心修改 --- */
.language-list[data-v-35798ec4] {
  /* 核心：去掉 ul 默认的小圆点和缩进 */
  list-style: none !important;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
  width: 100%;
}
.language-item[data-v-35798ec4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 14.4vw; /* 稍微加大高度，更通透 */
  border-bottom: 1px dashed rgba(255, 255, 255, 0.15); /* 保留虚线分割 */
  cursor: pointer;
  padding: 0 1.06667vw; /* 稍微给点左右内边距 */
}

/* 强力清除可能存在的伪类圆点 */
.language-item[data-v-35798ec4]::before,
.language-item[data-v-35798ec4]::after {
  content: none !important;
  display: none !important;
}
.language-item[data-v-35798ec4]:last-child {
  border-bottom: none;
}

/* 点击时的反馈 */
.language-item[data-v-35798ec4]:active {
  background-color: rgba(255, 255, 255, 0.05);
}

/* 字体 */
.lang-label[data-v-35798ec4] {
  font-size: 4.26667vw;
  color: #ccc;
  transition: color 0.2s;
}

/* 选中状态 */
.language-item.active .lang-label[data-v-35798ec4] {
  color: #00e6dd;
  font-weight: bold;
  font-size: 4.53333vw; /* 选中稍微大一点点 */
}
.check-icon[data-v-35798ec4] {
  width: 4.8vw;
  height: 4.8vw;
}


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


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


@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes border-rotate-f631c6da {
to {
    --angle: 360deg;
}
}

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

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

/* 统计面板 */
.stat-panel[data-v-f631c6da] {
  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-f631c6da] {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.stat-col[data-v-f631c6da] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.06667vw;
}
.s-label[data-v-f631c6da] {
  font-size: 2.93333vw;
  color: #888;
}
.s-val[data-v-f631c6da] {
  font-size: 4.8vw;
  font-weight: 700;
  font-family: monospace;
}
.v-line[data-v-f631c6da] {
  width: 1px;
  height: 6.4vw;
  background: rgba(255, 255, 255, 0.08);
}

/* Tabs */
.segment-control[data-v-f631c6da] {
  display: flex;
  background: #0f1520;
  border-radius: 2.13333vw;
  padding: 1.06667vw;
}
.segment-item[data-v-f631c6da] {
  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-f631c6da] {
  background: #1e2633;
  color: #fff;
  font-weight: 700;
}

/* 矿机卡片 */
.grid-container[data-v-f631c6da] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.2vw;
}

/* ✨✨✨ 基础卡片：磨砂玻璃质感 ✨✨✨ 
   修改：使用 rgba 半透明 + backdrop-filter
*/
.mini-card[data-v-f631c6da] {
  background: rgba(30, 37, 48, 0.9); /* 半透明深色底 */
  backdrop-filter: blur(2.66667vw); /* 磨砂效果 */
  -webkit-backdrop-filter: blur(2.66667vw); /* 兼容 Safari */
  border: 1px solid rgba(255, 255, 255, 0.08); /* 稍微亮一点的边框 */
  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);
  transition: border-color 0.3s;
  z-index: 1;
}

/* 状态：结束 */
.mini-card.is-end[data-v-f631c6da] {
  border-color: rgba(250, 204, 21, 0.3);
}

/* 状态：运行中流光 - 使用 Mask 技术 */
.mini-card.is-running-glow[data-v-f631c6da] {
  border-color: transparent;
}

/* ✨✨✨ CSS Mask 流光边框 ✨✨✨ */
.mini-card.is-running-glow[data-v-f631c6da]::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.4vw; /* 边框粗细 */
  border-radius: 4.26667vw; /* 必须匹配卡片圆角 */

  /* 流光渐变色：使用主题色 Cyan */
  background: conic-gradient(
    from var(--angle),
    transparent 0deg,
    transparent 270deg,
    #00e6dd 310deg,
    #fff 350deg,
    #00e6dd 360deg
  );

  /* 核心 Mask 技术实现镂空 */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  /* 动画 */
  animation: border-rotate-f631c6da 3s linear infinite;
  z-index: -1;
  opacity: 1;
}

/* Card Top样式 */
.card-top[data-v-f631c6da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.2vw;
  flex-wrap: nowrap;
}
.tier-group[data-v-f631c6da] {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  flex: 1;
  overflow: hidden;
}
.tier-pill[data-v-f631c6da] {
  background: rgba(42, 52, 65, 0.8);
  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-f631c6da] {
  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-f631c6da] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3.73333vw;
  flex: 1;
  justify-content: center;
}
.mid-label[data-v-f631c6da] {
  font-size: 2.93333vw;
  color: #666;
  margin-bottom: 0.53333vw;
}

/* ✨✨✨ Odometer 滚动数字特效 ✨✨✨ */
/* 修改：缩小高度和字体，适配长数字 */
.profit-wrapper[data-v-f631c6da] {
  height: 7.46667vw; /* 缩小容器高度 */
  overflow: hidden;
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 1.6vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.odometer-container[data-v-f631c6da] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.odo-column[data-v-f631c6da] {
  display: inline-flex;
  justify-content: center;
}
.odo-dot[data-v-f631c6da] {
  font-family: "DIN Alternate", "Roboto Mono", monospace;
  font-size: 5.33333vw; /* 字体缩小 */
  font-weight: 800;
  color: #facc15;
  line-height: 1;
  padding-bottom: 0.53333vw;
}
.odo-viewport[data-v-f631c6da] {
  width: 3.73333vw; /* 缩窄宽度，容纳更多数字 */
  height: 6.4vw; /* 缩小高度 */
  overflow: hidden;
  position: relative;
  /* 遮罩增加立体感 */
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 20%,
    black 80%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 20%,
    black 80%,
    transparent 100%
  );
}
.odo-strip[data-v-f631c6da] {
  display: flex;
  flex-direction: column;
  transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1); /* 机械弹跳质感 */
  will-change: transform;
}
.odo-strip span[data-v-f631c6da] {
  height: 6.4vw; /* 匹配 Viewport 高度 */
  line-height: 6.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "DIN Alternate", "Roboto Mono", monospace;
  font-weight: 800;
  font-size: 5.33333vw; /* 字体缩小 */
  color: #facc15;
  text-shadow: 0 0.53333vw 2.66667vw rgba(250, 204, 21, 0.4);
}

/* 状态信息 */
.status-msg[data-v-f631c6da] {
  font-size: 2.66667vw;
  font-family: monospace;
  height: 3.73333vw;
  display: flex;
  align-items: center;
  margin-bottom: 1.06667vw;
}

/* 寿命到期倒计时样式 */
.expire-info[data-v-f631c6da] {
  margin-top: 0.53333vw;
  font-size: 2.66667vw;
  background: rgba(255, 255, 255, 0.05);
  padding: 0.53333vw 2.13333vw;
  border-radius: 1.06667vw;
  display: flex;
  align-items: center;
  gap: 1.06667vw;
  justify-content: center;
}
.ex-label[data-v-f631c6da] {
  color: #888;
}
.ex-val[data-v-f631c6da] {
  color: #fff;
  font-family: monospace;
  font-weight: bold;
}

/* 进度条 */
.progress-line-box[data-v-f631c6da] {
  margin-bottom: 4.26667vw;
}
.p-track[data-v-f631c6da] {
  width: 100%;
  height: 1.06667vw;
  background: rgba(42, 52, 65, 0.5);
  border-radius: 0.53333vw;
  overflow: hidden;
  margin-bottom: 1.6vw;
}
.p-bar[data-v-f631c6da] {
  height: 100%;
  background: #00e6dd;
  width: 0;
  transition: width 0.3s;
}
.p-bar.full[data-v-f631c6da] {
  background: #facc15;
}
.p-bar.paused[data-v-f631c6da] {
  background: #ff4d4f;
}
.p-txt[data-v-f631c6da] {
  display: flex;
  justify-content: space-between;
  font-size: 2.4vw;
  color: #888;
}
.card-bottom-actions[data-v-f631c6da] {
  display: flex;
  gap: 2.66667vw;
  margin-top: auto;
}

/* 通用按钮 */
.btn-action[data-v-f631c6da] {
  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-f631c6da]:active:not(:disabled) {
  transform: translateY(1px);
  filter: brightness(0.9);
}
.btn-action[data-v-f631c6da]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-claim[data-v-f631c6da] {
  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-f631c6da] {
  background: rgba(0, 230, 221, 0.1);
  color: #00e6dd;
  border: 1px solid rgba(0, 230, 221, 0.3);
}
.btn-operate.urgent[data-v-f631c6da] {
  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-f631c6da] {
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  color: #ccc;
  font-size: 3.2vw;
}

/* 复投弹窗样式 */
.shop-content[data-v-f631c6da] {
  background: #1a1f2e;
}
.shop-list[data-v-f631c6da] {
  max-height: 70vh;
  overflow-y: auto;
  padding: 4.26667vw;
}
.balance-card[data-v-f631c6da] {
  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-f631c6da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.13333vw;
  font-size: 3.46667vw;
  color: #aaa;
}
.bc-row.main[data-v-f631c6da] {
  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-f631c6da] {
  font-family: monospace;
}
.btn-harvest[data-v-f631c6da] {
  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-f631c6da]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bc-tips[data-v-f631c6da] {
  font-size: 2.66667vw;
  color: #666;
  margin-top: 2.13333vw;
  line-height: 1.4;
}

/* 购买列表项 */
.shop-item[data-v-f631c6da] {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 3.2vw;
  padding: 3.73333vw;
  margin-bottom: 2.66667vw;
}
.si-header[data-v-f631c6da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.si-title-box[data-v-f631c6da] {
  display: flex;
  flex-direction: column;
  gap: 1.06667vw;
}
.si-name[data-v-f631c6da] {
  font-weight: bold;
  color: #fff;
  font-size: 4vw;
}
.si-limit-tag[data-v-f631c6da] {
  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-f631c6da] {
  color: #ff4d4f;
  background: rgba(255, 77, 79, 0.15);
}
.si-price[data-v-f631c6da] {
  color: #facc15;
  font-family: monospace;
  font-size: 3.73333vw;
}

/* 支付账单详情 */
.pay-calc[data-v-f631c6da] {
  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-f631c6da] {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  color: #00e6dd;
  font-size: 3.2vw;
}
.check-icon[data-v-f631c6da] {
  font-weight: bold;
}
.pay-mix-box[data-v-f631c6da] {
  display: flex;
  flex-direction: column;
  gap: 1.6vw;
}
.pm-row[data-v-f631c6da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #aaa;
}
.pm-val[data-v-f631c6da] {
  font-family: monospace;
  color: #fff;
}
.gold-text[data-v-f631c6da] {
  color: #facc15;
}
.cyan-text[data-v-f631c6da] {
  color: #00e6dd;
}
.pm-line[data-v-f631c6da] {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 1.06667vw 0;
}
.pm-row.result[data-v-f631c6da] {
  font-weight: bold;
  color: #fff;
}
.btn-buy-xs[data-v-f631c6da] {
  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-f631c6da] {
  background: #333;
  color: #666;
  cursor: not-allowed;
}

/* Modals */
.modal-overlay[data-v-f631c6da] {
  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-f631c6da 0.2s ease-out;
}
.modal-content[data-v-f631c6da] {
  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-f631c6da 0.3s;
  position: relative;
}
.modal-header[data-v-f631c6da] {
  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-f631c6da] {
  font-size: 4.53333vw;
  font-weight: 700;
  color: #fff;
}
.close-btn[data-v-f631c6da] {
  font-size: 6.4vw;
  color: #888;
  cursor: pointer;
}
.modal-body[data-v-f631c6da] {
  padding: 5.33333vw;
}

/* Loading Mask */
.modal-loading-mask[data-v-f631c6da] {
  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-f631c6da] {
  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-f631c6da 1s linear infinite;
  margin-bottom: 5.33333vw;
}
.loading-tips[data-v-f631c6da] {
  color: #00e6dd;
  font-size: 4vw;
  font-weight: bold;
  animation: pulse-f631c6da 1.5s infinite;
}

/* Target Miner Card */
.target-miner-card[data-v-f631c6da] {
  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-f631c6da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.66667vw;
}
.status-badge[data-v-f631c6da] {
  font-size: 3.2vw;
  font-weight: bold;
}
.st-green[data-v-f631c6da] {
  color: #00e6dd;
}
.st-red[data-v-f631c6da] {
  color: #ff4d4f;
}

/* Action Buttons Large */
.action-grid-large[data-v-f631c6da] {
  display: flex;
  flex-direction: column;
  gap: 3.2vw;
}
.action-btn-wrapper[data-v-f631c6da] {
  width: 100%;
}
.btn-large-opt[data-v-f631c6da] {
  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-f631c6da]:active {
  transform: scale(0.98);
}
.btn-large-opt .icon[data-v-f631c6da] {
  font-size: 6.4vw;
}
.btn-large-opt .txt[data-v-f631c6da] {
  display: flex;
  flex-direction: column;
  gap: 0.53333vw;
}
.btn-large-opt .main-t[data-v-f631c6da] {
  font-size: 4vw;
  font-weight: 700;
  color: #fff;
}
.btn-large-opt .sub-t[data-v-f631c6da] {
  font-size: 2.93333vw;
  color: rgba(255, 255, 255, 0.6);
}
.btn-manual[data-v-f631c6da] {
  background: rgba(0, 230, 221, 0.05);
  border: 1px solid rgba(0, 230, 221, 0.3);
}
.btn-manual .main-t[data-v-f631c6da] {
  color: #00e6dd;
}
.btn-robot[data-v-f631c6da] {
  background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);
}
.btn-reinvest-new[data-v-f631c6da] {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

/* Fee Card */
.fee-card[data-v-f631c6da] {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 3.2vw;
  padding: 4.26667vw;
  margin-bottom: 5.33333vw;
}
.fc-row[data-v-f631c6da] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.66667vw;
  font-size: 3.46667vw;
  color: #aaa;
  align-items: center;
}
.fc-row.big[data-v-f631c6da] {
  font-size: 4.26667vw;
  color: #fff;
  font-weight: bold;
  margin: 0;
}
.fc-line[data-v-f631c6da] {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 3.2vw 0;
}
.vip-tag[data-v-f631c6da] {
  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-f631c6da] {
  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-f631c6da] {
  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-f631c6da]:disabled {
  background: #333;
  color: #666;
  cursor: not-allowed;
}

/* Loading */
.loading-box[data-v-f631c6da],
.empty-box[data-v-f631c6da] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 16vw;
  color: #666;
  font-size: 3.46667vw;
}
.spinner[data-v-f631c6da] {
  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-f631c6da 0.8s linear infinite;
}
.empty-icon[data-v-f631c6da] {
  font-size: 8.53333vw;
  margin-bottom: 2.13333vw;
  opacity: 0.4;
}
@keyframes spin-f631c6da {
to {
    transform: rotate(360deg);
}
}
@keyframes pulse-f631c6da {
0%,
  100% {
    opacity: 0.6;
}
50% {
    opacity: 1;
}
}
@keyframes blink-f631c6da {
0%,
  100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}
@keyframes fadeIn-f631c6da {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-f631c6da {
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;
}


/* --- 全局背景 (统一风格) --- */
.page-container[data-v-c0fae8fa] {
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
  font-family: 'PingFang SC', sans-serif;
  color: #fff;
}

/* 统一背景网格 */
.grid-bg[data-v-c0fae8fa] {
  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;
  pointer-events: none;
}
.scroll-content[data-v-c0fae8fa] { position: relative; z-index: 2; padding: 4.26667vw; padding-bottom: 13.33333vw;
}
.mb-20[data-v-c0fae8fa] { margin-bottom: 5.33333vw;
}
.mb-24[data-v-c0fae8fa] { margin-bottom: 6.4vw;
}

/* 导航栏 */
.page-header[data-v-c0fae8fa] {
  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-c0fae8fa] {
  position: absolute; left: 50%; transform: translateX(-50%);
  font-size: 4.53333vw; font-weight: 700; letter-spacing: 0.5px;
}
.back-icon[data-v-c0fae8fa], .info-icon[data-v-c0fae8fa] { width: 9.33333vw; height: 9.33333vw; cursor: pointer; opacity: 0.8;
}

/* --- 修复点1: 紧凑版玻璃卡片 --- */
.glass-card[data-v-c0fae8fa] {
  position: relative;
  background: rgba(20, 24, 35, 0.6);
  backdrop-filter: blur(5.33333vw);
  border-radius: 4.26667vw; /* 稍微减小圆角 */
  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-c0fae8fa] {
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(250, 204, 21, 0.5), transparent);
}

/* 修复点2: 扫描光效 */
.scan-light[data-v-c0fae8fa] {
  position: absolute; top: 0; left: -150%; width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(250, 204, 21, 0.1), transparent); /* 改为金色调匹配VIP */
  transform: skewX(-25deg);
  animation: scan-c0fae8fa 4s infinite linear;
  z-index: 1; pointer-events: none;
}
@keyframes scan-c0fae8fa {
100% { left: 150%;
}
}
.asset-card[data-v-c0fae8fa] { padding: 5.33333vw; text-align: center;
} /* 缩小 Padding */
.ac-content[data-v-c0fae8fa] { position: relative; z-index: 2;
}
.ac-header[data-v-c0fae8fa] {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 2.66667vw;
}
.ac-title[data-v-c0fae8fa] { font-size: 3.46667vw; color: rgba(255,255,255,0.6);
}
.vip-badge[data-v-c0fae8fa] {
  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-c0fae8fa] {
  font-family: 'DIN Alternate', monospace;
  font-size: 8.53333vw; /* 字体稍微调小一点点 */
  font-weight: 700; color: #fff;
  margin-bottom: 4.26667vw;
  letter-spacing: 1px;
}
.gold-glow[data-v-c0fae8fa] { color: #facc15; text-shadow: 0 0 5.33333vw rgba(250, 204, 21, 0.2);
}
.ac-footer[data-v-c0fae8fa] { 
  display: flex; justify-content: center; align-items: center; 
  background: rgba(255,255,255,0.03); border-radius: 2.13333vw; padding: 2.13333vw 0;
}
.info-pill[data-v-c0fae8fa] { flex: 1; display: flex; flex-direction: column; gap: 0.53333vw;
}
.pill-label[data-v-c0fae8fa] { font-size: 2.66667vw; color: rgba(255,255,255,0.4);
}
.pill-val[data-v-c0fae8fa] { font-size: 3.46667vw; font-weight: 600;
}
.v-divider[data-v-c0fae8fa] { width: 1px; height: 5.33333vw; background: rgba(255,255,255,0.1);
}
.red-text[data-v-c0fae8fa] { color: #ff4d4f;
}
.cyan-text[data-v-c0fae8fa] { color: #00e6dd;
}

/* 表单输入 */
.input-group[data-v-c0fae8fa] { position: relative;
}
.label-row[data-v-c0fae8fa] { display: flex; justify-content: space-between; font-size: 3.2vw; margin-bottom: 2.13333vw;
}
.input-label[data-v-c0fae8fa] { color: rgba(255,255,255,0.6);
}
.balance-click[data-v-c0fae8fa] { color: #00e6dd; cursor: pointer; font-weight: 600;
}
.input-box[data-v-c0fae8fa] {
  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-c0fae8fa]:focus-within {
  border-color: #00e6dd; 
  box-shadow: 0 0 2.66667vw rgba(0, 230, 221, 0.1);
}
.input-box input[data-v-c0fae8fa] {
  flex: 1; background: none; border: none; color: #fff; font-size: 5.33333vw; font-family: 'DIN Alternate', monospace; outline: none;
}
.currency[data-v-c0fae8fa] { color: rgba(255,255,255,0.3); font-size: 3.73333vw; font-weight: bold; margin-left: 2.66667vw;
}

/* 预览小票 */
.receipt-box[data-v-c0fae8fa] {
  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-c0fae8fa] { 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-c0fae8fa] { font-family: monospace; letter-spacing: 0.5px;
}
.divider-dashed[data-v-c0fae8fa] { border-top: 1px dashed rgba(255,255,255,0.1); margin: 2.66667vw 0;
}
.main-row[data-v-c0fae8fa] { color: #fff; font-weight: 700; font-size: 4vw; margin-bottom: 0; align-items: center;
}

/* --- 5. 核心按钮 (优化禁用态) --- */
.submit-btn[data-v-c0fae8fa] {
  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;
}

/* 修复点3: 优化禁用态样式，使其不那么突兀 */
.submit-btn.is-disabled[data-v-c0fae8fa] {
  /* 使用深灰色半透明，融入背景 */
  background: rgba(255, 255, 255, 0.1); 
  color: rgba(255, 255, 255, 0.3);
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
  border: 1px solid rgba(255, 255, 255, 0.05); /* 微弱描边 */
}

/* 修复点4: 规则弹窗样式 (复用 create.vue 的风格) */
.modal-mask[data-v-c0fae8fa] {
  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);
}
.dialog[data-v-c0fae8fa] {
  width: 85%; max-width: 96vw;
  background: #121820; /* 深色背景 */
  border: 1px solid rgba(0, 230, 221, 0.3);
  border-radius: 4.26667vw;
  color: #fff;
  box-shadow: 0 2.66667vw 10.66667vw rgba(0,0,0,0.5);
  animation: popIn-c0fae8fa 0.3s ease-out;
}
.dialog-hd[data-v-c0fae8fa] {
  padding: 4vw 5.33333vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: flex; justify-content: space-between; align-items: center;
  font-weight: bold; color: #fff; font-size: 4.26667vw;
}
.dialog-bd[data-v-c0fae8fa] {
  padding: 5.33333vw;
  font-size: 3.46667vw; color: #ccc; line-height: 1.6;
}
.dialog-bd p[data-v-c0fae8fa] { margin-bottom: 2.13333vw;
}
.x[data-v-c0fae8fa] { 
  background: none; border: none; color: #888; 
  font-size: 6.4vw; line-height: 1; cursor: pointer;
}
@keyframes popIn-c0fae8fa {
from { opacity: 0; transform: scale(0.9);
}
to { opacity: 1; transform: scale(1);
}
}
.spinner-sm[data-v-c0fae8fa] {
  width: 5.33333vw; height: 5.33333vw; border: 0.53333vw solid #fff; 
  border-top-color: transparent; border-radius: 50%; 
  animation: spin-c0fae8fa 0.8s linear infinite; margin: 0 auto;
}
@keyframes spin-c0fae8fa {
to { transform: rotate(360deg);
}
}

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


/* ========== 全局容器 ========== */
.share-wrapper[data-v-26648503] {
  padding: 4.26667vw;
  color: #fff;
  min-height: 100vh;
  padding-bottom: 10.66667vw;
}
.cyan-text[data-v-26648503] {
  color: #00e6dd;
}
.gold-text[data-v-26648503] {
  color: #facc15;
}
.mb-20[data-v-26648503] {
  margin-bottom: 5.33333vw;
}
.mt-15[data-v-26648503] {
  margin-top: 4vw;
}

/* ========== Header ========== */
.page-header[data-v-26648503] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 11.73333vw;
  margin-bottom: 2.66667vw;
}
.page-header .center[data-v-26648503] {
  font-size: 4.8vw;
  font-weight: 700;
  letter-spacing: 1px;
}
.icon-back[data-v-26648503] {
  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-26648503] {
  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-26648503] {
  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-26648503] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 已绑定 */
.bound-info[data-v-26648503] {
  text-align: center;
}
.bound-info .label[data-v-26648503] {
  font-size: 3.2vw;
  color: #888;
  margin-bottom: 1.06667vw;
}
.bound-info .addr[data-v-26648503] {
  font-size: 4.26667vw;
  font-weight: 700;
  font-family: monospace;
  color: #fff;
  margin-bottom: 2.13333vw;
}
.status-badge[data-v-26648503] {
  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-26648503] {
  width: 100%;
}
.bind-form .label[data-v-26648503] {
  font-size: 3.46667vw;
  color: #ccc;
  margin-bottom: 2.13333vw;
  font-weight: bold;
}
.input-group[data-v-26648503] {
  display: flex;
  gap: 2.13333vw;
}
.custom-input[data-v-26648503] {
  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-26648503]:focus {
  border-color: #00e6dd;
}
.btn-bind[data-v-26648503] {
  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-26648503]:disabled {
  background: #555;
  cursor: not-allowed;
}

/* 复制链接 */
.my-link-box[data-v-26648503] {
  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-26648503]:active {
  background: rgba(255, 255, 255, 0.1);
}
.icon-copy[data-v-26648503] {
  font-size: 3.73333vw;
  color: #00e6dd;
}

/* ========== 统计网格 ========== */
.section-title[data-v-26648503] {
  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-26648503] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.2vw;
}
.stat-card[data-v-26648503] {
  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-26648503] {
  font-size: 3.2vw;
  color: #888;
  margin-bottom: 1.6vw;
}
.s-val[data-v-26648503] {
  font-size: 5.33333vw;
  font-weight: 800;
  font-family: monospace;
}
.unit[data-v-26648503] {
  font-size: 3.2vw;
  color: #666;
  font-weight: normal;
}
.sm-font[data-v-26648503] {
  font-size: 4.26667vw;
}

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

/* ========== 直推列表 ========== */
.list-section[data-v-26648503] {
  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-26648503] {
  text-align: center;
  padding: 8vw;
  color: #666;
  font-size: 3.46667vw;
}
.empty-icon[data-v-26648503] {
  font-size: 6.4vw;
  display: block;
  margin-bottom: 2.13333vw;
  opacity: 0.5;
}
.direct-list[data-v-26648503] {
  font-size: 3.2vw;
}
.list-header[data-v-26648503] {
  display: flex;
  color: #666;
  padding-bottom: 2.13333vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 2.13333vw;
}
/* 修改头部对齐 */
.col-head-addr[data-v-26648503] {
  flex: 1;
  text-align: left;
}
.col-head-vol[data-v-26648503] {
  flex: 1;
  text-align: right;
}
.list-item[data-v-26648503] {
  display: flex;
  align-items: center;
  padding: 2.66667vw 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.05);
}
.list-item[data-v-26648503]:last-child {
  border-bottom: none;
}
.col-addr[data-v-26648503] {
  flex: 1;
  font-family: monospace;
  color: #ddd;
  display: flex;
  align-items: center;
}
.idx[data-v-26648503] {
  color: #555;
  margin-right: 1.33333vw;
  min-width: 5.33333vw;
}
.tag-max[data-v-26648503] {
  font-size: 2.4vw;
  background: #facc15;
  color: #000;
  padding: 1px 1.06667vw;
  border-radius: 0.8vw;
  margin-left: 1.6vw;
  font-weight: bold;
}
.col-vol[data-v-26648503] {
  flex: 1;
  font-family: monospace;
  color: #facc15;
}
.text-right[data-v-26648503] {
  text-align: right;
}


/* 样式保持不变 */
@property --angle { syntax: "<angle>"; initial-value: 0deg; inherits: false;
}
@keyframes border-rotate-8bb6eb28 {
to { --angle: 360deg;
}
}
@keyframes scan-8bb6eb28 {
100% { left: 150%;
}
}
.market-wrapper[data-v-8bb6eb28] { padding: 4.26667vw; min-height: 100vh; color: #fff; position: relative; overflow-x: hidden;
}
.grid-bg[data-v-8bb6eb28] { position: absolute; inset: 0; z-index: 0; background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 3.73333vw 3.73333vw; opacity: 0.6; pointer-events: none;
}
.mb-20[data-v-8bb6eb28] { margin-bottom: 5.33333vw;
}
.mt-15[data-v-8bb6eb28] { margin-top: 4vw;
}
.mt-10[data-v-8bb6eb28] { margin-top: 2.66667vw;
}
.cyan-text[data-v-8bb6eb28] { color: #00e6dd; text-shadow: 0 0 1.33333vw rgba(0,230,221,0.3);
}
.gold-text[data-v-8bb6eb28] { color: #facc15; text-shadow: 0 0 1.33333vw rgba(250,204,21,0.3);
}
.page-header[data-v-8bb6eb28] { display: flex; align-items: center; justify-content: space-between; height: 11.73333vw; margin-bottom: 5.33333vw; position: relative; z-index: 2;
}
.page-header .center[data-v-8bb6eb28] { font-size: 4.8vw; font-weight: 800; letter-spacing: 1px;
}
.back-icon[data-v-8bb6eb28] { width: 8.53333vw; height: 8.53333vw; filter: brightness(0) invert(1); cursor: pointer;
}
.add-btn-glow[data-v-8bb6eb28] { background: rgba(0, 230, 221, 0.1); color: #00e6dd; border: 1px solid rgba(0, 230, 221, 0.3); padding: 1.6vw 3.73333vw; border-radius: 5.33333vw; font-size: 3.46667vw; font-weight: 700; cursor: pointer; box-shadow: 0 0 2.66667vw rgba(0, 230, 221, 0.1); display: flex; align-items: center; gap: 1.06667vw;
}
.add-btn-glow .icon[data-v-8bb6eb28] { font-size: 4.26667vw; line-height: 1;
}
.main-card[data-v-8bb6eb28] { position: relative; width: 100%; border-radius: 4.26667vw; overflow: hidden; background: rgba(0, 10, 20, 0.6); backdrop-filter: blur(3.2vw); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 2.13333vw 8vw rgba(0, 0, 0, 0.3); z-index: 2;
}
.scan-light[data-v-8bb6eb28] { 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-8bb6eb28 4s infinite linear; pointer-events: none;
}
.card-glow[data-v-8bb6eb28] { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(0, 230, 221, 0.6), transparent);
}
.card-inner[data-v-8bb6eb28] { padding: 5.33333vw 2.66667vw; position: relative; z-index: 2;
}
.balance-row[data-v-8bb6eb28] { display: flex; justify-content: space-around; align-items: center;
}
.bal-item[data-v-8bb6eb28] { text-align: center;
}
.bal-item .lbl[data-v-8bb6eb28] { font-size: 3.2vw; color: #889; margin-bottom: 1.6vw; display: block;
}
.bal-item .val[data-v-8bb6eb28] { font-size: 5.86667vw; font-weight: 800; font-family: 'DIN Alternate', monospace;
}
.v-line[data-v-8bb6eb28] { width: 1px; height: 10.66667vw; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.2), transparent);
}
.tab-control[data-v-8bb6eb28] { display: flex; background: #121820; border-radius: 3.2vw; padding: 1.06667vw; position: relative; z-index: 2; border: 1px solid rgba(255,255,255,0.05);
}
.tab-item[data-v-8bb6eb28] { flex: 1; text-align: center; padding: 2.66667vw; font-size: 3.73333vw; color: #666; border-radius: 2.13333vw; transition: all 0.3s; cursor: pointer; font-weight: 600;
}
.tab-item.active[data-v-8bb6eb28] { background: #252a35; color: #fff; box-shadow: 0 0.53333vw 2.66667vw rgba(0,0,0,0.2);
}
.loading-area[data-v-8bb6eb28] { text-align: center; padding: 10.66667vw 0;
}
.spinner[data-v-8bb6eb28] { width: 10.66667vw;
}
.empty-state[data-v-8bb6eb28] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 21.33333vw 0; text-align: center; animation: fadeIn-8bb6eb28 0.6s ease;
}
.empty-icon[data-v-8bb6eb28] { width: 13.33333vw; height: 13.33333vw; margin-bottom: 5.33333vw; opacity: 0.7; display: flex; align-items: center; justify-content: center;
}
.empty-icon img[data-v-8bb6eb28] { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 1.06667vw 2.66667vw rgba(0,0,0,0.2));
}
.empty-text[data-v-8bb6eb28] { font-size: 4vw; font-weight: 500; color: rgba(255, 255, 255, 0.4); letter-spacing: 1px;
}
.order-list[data-v-8bb6eb28] { display: flex; flex-direction: column; gap: 4.26667vw; position: relative; z-index: 2;
}
.order-card[data-v-8bb6eb28] { position: relative; background: rgba(20, 25, 35, 0.7); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 4.26667vw; padding: 4.26667vw; overflow: hidden; transition: transform 0.2s;
}
.order-card[data-v-8bb6eb28]:active { transform: scale(0.99);
}
.order-card.sell[data-v-8bb6eb28] { box-shadow: 0 1.06667vw 5.33333vw rgba(250, 204, 21, 0.05);
}
.order-card.sell .badge-wrapper[data-v-8bb6eb28] { background: rgba(250, 204, 21, 0.15); color: #facc15; border: 1px solid rgba(250, 204, 21, 0.3);
}
.order-card.sell .badge-dot[data-v-8bb6eb28] { background: #facc15; box-shadow: 0 0 1.33333vw #facc15;
}
.order-card.buy[data-v-8bb6eb28] { box-shadow: 0 1.06667vw 5.33333vw rgba(0, 230, 221, 0.05);
}
.order-card.buy .badge-wrapper[data-v-8bb6eb28] { background: rgba(0, 230, 221, 0.15); color: #00e6dd; border: 1px solid rgba(0, 230, 221, 0.3);
}
.order-card.buy .badge-dot[data-v-8bb6eb28] { background: #00e6dd; box-shadow: 0 0 1.33333vw #00e6dd;
}
.card-hd[data-v-8bb6eb28] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3.2vw;
}
.badge-wrapper[data-v-8bb6eb28] { display: flex; align-items: center; gap: 1.6vw; padding: 1.06667vw 2.66667vw; border-radius: 1.6vw; font-size: 3.2vw; font-weight: 800;
}
.badge-dot[data-v-8bb6eb28] { width: 1.6vw; height: 1.6vw; border-radius: 50%;
}
.time-txt[data-v-8bb6eb28] { font-size: 3.2vw; color: #555; font-family: monospace;
}
.user-row[data-v-8bb6eb28] { margin-bottom: 2.66667vw; font-size: 3.46667vw; display: flex; align-items: center; gap: 1.6vw;
}
.u-label[data-v-8bb6eb28] { color: #888; font-size: 3.2vw;
}
.u-val[data-v-8bb6eb28] { color: #ccc; font-family: monospace;
}
.divider[data-v-8bb6eb28] { height: 1px; background: rgba(255,255,255,0.05); margin: 2.13333vw 0 3.2vw 0;
}
.info-compact-grid[data-v-8bb6eb28] { background: rgba(0,0,0,0.2); padding: 3.2vw; border-radius: 2.66667vw; margin-bottom: 4vw;
}
.compact-row[data-v-8bb6eb28] { display: flex; justify-content: space-between; align-items: center;
}
.c-item[data-v-8bb6eb28] { display: flex; flex-direction: column;
}
.text-right[data-v-8bb6eb28] { text-align: right;
}
.c-item .lbl[data-v-8bb6eb28] { font-size: 2.93333vw; color: #666; margin-bottom: 0.53333vw;
}
.c-item .val[data-v-8bb6eb28] { font-size: 3.46667vw; color: #ddd; font-family: monospace;
}
.price-font[data-v-8bb6eb28] { font-size: 4.26667vw; font-weight: 800; font-family: 'DIN Alternate', sans-serif; letter-spacing: 0.5px;
}
.unit[data-v-8bb6eb28] { font-size: 2.66667vw; color: #666; font-weight: normal; margin-left: 0.53333vw;
}
.highlight[data-v-8bb6eb28] { color: #fff;
}
.card-ft[data-v-8bb6eb28] { margin-top: 2.66667vw; display: flex; gap: 2.66667vw;
}
.btn-glow[data-v-8bb6eb28] { flex: 1; height: 10.66667vw; display: flex; align-items: center; justify-content: center; border-radius: 2.13333vw; border: none; font-size: 3.73333vw; font-weight: 800; cursor: pointer; transition: 0.2s; position: relative; overflow: hidden; color: #000;
}
.btn-glow.sell[data-v-8bb6eb28] { background: linear-gradient(135deg, #facc15 0%, #d4a017 100%); box-shadow: 0 1.06667vw 4vw rgba(250, 204, 21, 0.2);
}
.btn-glow.buy[data-v-8bb6eb28] { background: linear-gradient(135deg, #00e6dd 0%, #009e99 100%); box-shadow: 0 1.06667vw 4vw rgba(0, 230, 221, 0.2);
}
.btn-glow.cancel[data-v-8bb6eb28] { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #888;
}
.btn-glow[data-v-8bb6eb28]:active { transform: scale(0.98);
}
.action-area[data-v-8bb6eb28] { margin-top: 5.33333vw; width: 100%;
}
.btn-primary[data-v-8bb6eb28] { width: 100%; height: 11.73333vw; display: flex; align-items: center; justify-content: center; border-radius: 3.2vw; border: none; background: linear-gradient(135deg, #00e6dd, #009993); color: #000; font-size: 4.26667vw; font-weight: 800; cursor: pointer;
}
.btn-primary[data-v-8bb6eb28]:disabled { opacity: 0.5; filter: grayscale(1); cursor: not-allowed;
}
.loading-overlay[data-v-8bb6eb28] { position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,0.85); backdrop-filter: blur(2.66667vw); display: flex; align-items: center; justify-content: center; animation: fadeIn-8bb6eb28 0.3s;
}
.loading-card[data-v-8bb6eb28] { background: rgba(20,20,20,0.8); border: 1px solid rgba(255,255,255,0.1); padding: 8vw 13.33333vw; border-radius: 5.33333vw; text-align: center; box-shadow: 0 2.66667vw 10.66667vw rgba(0,0,0,0.5);
}
.spinner-lg[data-v-8bb6eb28] { width: 16vw; height: 16vw; margin-bottom: 5.33333vw;
}
.loading-text[data-v-8bb6eb28] { font-size: 4.8vw; font-weight: 600; color: #fff; margin-bottom: 2.13333vw;
}
.loading-sub[data-v-8bb6eb28] { font-size: 3.46667vw; color: #888;
}
.input-box[data-v-8bb6eb28] { margin-bottom: 4vw;
}
.input-box label[data-v-8bb6eb28] { display: block; font-size: 3.2vw; color: #888; margin-bottom: 1.6vw;
}
.relative-box .input-wrapper[data-v-8bb6eb28] { position: relative; display: flex; align-items: center;
}
.input-box input[data-v-8bb6eb28] { width: 100%; background: #080a0e; border: 1px solid #333; color: #fff; padding: 3.2vw; padding-right: 13.33333vw; border-radius: 2.66667vw; outline: none; font-size: 4vw; font-family: monospace;
}
.input-box input[data-v-8bb6eb28]:focus { border-color: #00e6dd;
}
.disabled-input[data-v-8bb6eb28] { background: rgba(255, 255, 255, 0.05) !important; color: #888 !important; cursor: not-allowed; border-color: transparent !important;
}
.disabled-wrapper[data-v-8bb6eb28] { opacity: 0.8;
}
.max-btn[data-v-8bb6eb28] { position: absolute; right: 2.66667vw; color: #00e6dd; font-size: 3.2vw; font-weight: bold; cursor: pointer; padding: 1.06667vw 2.13333vw; background: rgba(0, 230, 221, 0.1); border-radius: 1.06667vw;
}
.max-btn[data-v-8bb6eb28]:active { opacity: 0.7; transform: scale(0.95);
}
.sub-info[data-v-8bb6eb28] { font-size: 2.93333vw; color: #555; text-align: right; margin-top: 1.06667vw;
}
.calc-row[data-v-8bb6eb28] { display: flex; justify-content: space-between; margin-bottom: 5.33333vw; font-size: 3.73333vw; font-weight: bold; padding: 2.66667vw; background: rgba(250,204,21,0.05); border-radius: 2.13333vw;
}
.gold-num[data-v-8bb6eb28] { color: #facc15;
}
.trade-info-card[data-v-8bb6eb28] { background: rgba(255,255,255,0.05); padding: 3.2vw; border-radius: 2.13333vw;
}
.ti-row[data-v-8bb6eb28] { display: flex; justify-content: space-between; font-size: 3.46667vw; margin-bottom: 1.6vw; color: #aaa;
}
.ti-val[data-v-8bb6eb28] { color: #fff; font-weight: bold; font-family: monospace;
}
.switch-row[data-v-8bb6eb28] { display: flex; background: #080a0e; border-radius: 2.13333vw; padding: 1.06667vw; margin-bottom: 5.33333vw;
}
.s-btn[data-v-8bb6eb28] { flex: 1; text-align: center; padding: 2.66667vw; font-size: 3.46667vw; color: #666; border-radius: 1.6vw; cursor: pointer;
}
.s-btn.active[data-v-8bb6eb28] { background: #222; color: #fff; font-weight: bold;
}
.modal-hd[data-v-8bb6eb28] { padding: 4vw 5.33333vw; border-bottom: 1px solid rgba(255, 255, 255, 0.05); display: flex; justify-content: space-between; align-items: center;
}
.hd-title[data-v-8bb6eb28] { font-size: 4.26667vw; font-weight: bold; color: #fff;
}
.close-btn[data-v-8bb6eb28] { font-size: 6.4vw; color: #666; cursor: pointer; line-height: 1;
}
.modal-bd[data-v-8bb6eb28] { padding: 5.33333vw;
}
.action-mask[data-v-8bb6eb28] { position: fixed; inset: 0; z-index: 2000; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(2.13333vw); display: flex; align-items: center; justify-content: center;
}
.center-modal[data-v-8bb6eb28] { width: 85%; max-width: 96vw; border-radius: 4.26667vw; position: relative; padding: 0.53333vw; background: transparent; isolation: isolate; box-shadow: 0 5.33333vw 13.33333vw rgba(0,0,0,0.5); animation: popIn-8bb6eb28 0.3s;
}
.center-modal[data-v-8bb6eb28]::before { content: ""; position: absolute; inset: 0; border-radius: 4.8vw; background: conic-gradient(from var(--angle), transparent, #00e6dd, transparent 30%); z-index: -1; animation: border-rotate-8bb6eb28 4s linear infinite; opacity: 0.8;
}
.modal-bg-layer[data-v-8bb6eb28] { position: absolute; inset: 0.53333vw; background: #121820; border-radius: 4.26667vw; z-index: -1;
}
@keyframes popIn-8bb6eb28 {
from { opacity: 0; transform: scale(0.9);
}
to { opacity: 1; transform: scale(1);
}
}
@keyframes fadeIn-8bb6eb28 {
from { opacity: 0;
}
to { opacity: 1;
}
}