.bdb-tabs[data-v-6e12c940] {
  list-style-type: none;
  display: flex;
  gap: var(--bdb-tab-gap);
  height: var(--bdb-tab-height);
  line-height: var(--bdb-tab-height);
}
.bdb-tabs .bdb-tab-item[data-v-6e12c940] {
  font-family: "Alibaba PuHuiTi 2.0";
  font-weight: 400;
  font-size: 0.08333333rem;
  color: #bfbfbf;
  cursor: pointer;
  transition: color 0.3s;
  text-align: center;
  position: relative;
  padding: 0 0.078125rem;
}
.bdb-tabs .bdb-tab-item[data-v-6e12c940]::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0.01041667rem;
  transform: translateX(-50%);
  width: 100%;
  height: 0.01041667rem;
  background: linear-gradient(90deg, #7b4aff, #2991f1);
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: 0.00520833rem;
  pointer-events: none;
}
.bdb-tabs .bdb-tab-item[data-v-6e12c940]:hover {
  color: #ffffff;
}
.bdb-tabs .bdb-tab-item.is-active[data-v-6e12c940] {
  color: #ffffff;
}
.bdb-tabs .bdb-tab-item.is-active[data-v-6e12c940]::after {
  opacity: 1;
}
.bdb-tabs .bdb-tab-item.is-disabled[data-v-6e12c940] {
  color: #868686;
  cursor: not-allowed;
}
.bdb-button[data-v-3f310198] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.04166667rem;
  border-radius: 0.04166667rem;
  transition: 0.3s;
  cursor: pointer;
  color: #ffffff;
  font-weight: 400;
  position: relative;
}
.bdb-button i[data-v-3f310198] {
  font-size: 0.07291667rem;
}
.bdb-button .mask[data-v-3f310198] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.bdb-button img[data-v-3f310198] {
  width: 0.09375rem;
  height: 0.09375rem;
}
.bdb-button.is-disabled[data-v-3f310198] {
  cursor: not-allowed;
}
.bdb-button--default[data-v-3f310198] {
  padding: 0.05208333rem 0.10416667rem;
  color: #bfbfbf;
  border: 0.00520833rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(0deg, #1e1e1d, #1e1e1d), linear-gradient(270deg, #2991f1, #7b4aff);
}
.bdb-button--default.is-disabled[data-v-3f310198] {
  background: #8c8c8c;
}
.bdb-button--default[data-v-3f310198]:not(.is-disabled):hover {
  background-color: #242424;
  color: #fff;
}
.bdb-button--primary[data-v-3f310198] {
  background: linear-gradient(90deg, #7b4aff 0%, #2991f1 100%);
  padding: 0.05729167rem 0.10416667rem;
  border: none;
}
.bdb-button--primary[data-v-3f310198]:not(.is-disabled):hover {
  background: linear-gradient(90deg, #2991f1 0%, #7b4aff 100%);
}
.progress-bar[data-v-4849b216] {
  position: fixed;
  top: 0;
  left: 0;
  height: 0.015625rem;
  background: linear-gradient(90deg, #7b4aff, #2991f1);
  z-index: 9999;
  transition: width 0.2s;
}
.ZPanel {
  position: relative;
  overflow: auto;
}
.ZPanel .handle {
  opacity: 0;
  background-color: transparent;
  position: absolute;
}
.ZPanel .handle:hover {
  background-color: transparent;
  opacity: 1;
}
.ZPanel .resizing {
  opacity: 1;
}
.ZPanel .resizable-left {
  top: 0;
  left: 0;
  bottom: 0;
  width: 0.01041667rem;
  border-left: 0.01041667rem solid #2991F1;
  cursor: ew-resize;
}
.ZPanel .resizable-right {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.01041667rem;
  border-right: 0.01041667rem solid #2991F1;
  cursor: ew-resize;
}
.ZPanel .resizable-top {
  top: 0;
  left: 0;
  right: 0;
  height: 0.01041667rem;
  border-top: 0.01041667rem solid #2991F1;
  cursor: ns-resize;
}
.ZPanel .resizable-bottom {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.01041667rem;
  border-bottom: 0.01041667rem solid #2991F1;
  cursor: ns-resize;
}
.ZDialog {
  z-index: 999;
  position: absolute;
  top: 0.78125rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #131313;
  width: 3.02083333rem;
  display: flex;
  flex-direction: column;
  user-select: none;
}
.ZDialog .contentBody {
  flex: 1;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 动画样式 */
.dialog-enter-active {
  animation: dialog-fade-in 0.3s ease;
  transition: transform 0.3s ease;
}
.dialog-leave-active {
  animation: dialog-fade-out 0.3s ease;
  transition: transform 0.3s ease;
}
@keyframes dialog-fade-in {
from {
    opacity: 0;
    transform: scale(0.7);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes dialog-fade-out {
from {
    opacity: 1;
    transform: scale(1);
}
to {
    opacity: 0;
    transform: scale(0.7);
}
}