.MyLoading_myLoading__Mxq5o {
}

.MyBtn_myBtn__0eRGl.trade-button {
    border: 0.53333vw solid var(--neutral-600);
    color: var(--neutral-400);
    padding: 2.66666vw 3.73333vw;
    font-weight: 600;
    box-shadow: none;
    font-size: 4.26666vw;
    line-height: 4.26666vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2666.4vw;
    white-space: nowrap;
    outline: 0.53333vw solid transparent;
    outline-offset: 0.53333vw;
  }
    .MyBtn_myBtn__0eRGl.trade-button a {
        color: inherit;
      }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-disabled {
      cursor: not-allowed;
      opacity: 0.6;
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-primary {
      border-color: var(--primary);
      background-color: var(--primary);
      color: var(--neutral-800);
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-lavender {
      border-color: #e4dcfb;
      background-color: #e4dcfb;
      color: var(--primary);
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-white {
      border-color: var(--neutral-800);
      background-color: var(--neutral-800);
      color: var(--neutral-200);
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-gray {
      border-color: var(--neutral-700);
      background-color: var(--neutral-700);
      color: var(--neutral-200);
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-black {
      border-color: var(--neutral-200);
      background-color: var(--neutral-200);
      color: #ffffff;
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-yellow {
      border-color: var(--secondary-300);
      background-color: var(--secondary-300);
      color: var(--neutral-200);
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-mini {
      padding: 0.53333vw 3.2vw;
      font-size: 3.2vw;
      line-height: 4.26666vw;
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-small {
      padding: 1.6vw 3.2vw;
      font-size: 3.73333vw;
      line-height: 4.26666vw;
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-large {
      padding: 4.26666vw 3.2vw;
      font-size: 4.26666vw;
      line-height: 4.26666vw;
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-block {
      width: 100%;
    }
    /* 暗色模式下，有用到其他的再加，暂时只有default */
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-default.trade-button-dark {
      border-color: var(--neutral-200);
      background-color: var(--neutral-200);
      color: var(--neutral-500);
    }
    /* 幽灵按钮，都还没用，用到了自己按需求改一下*/
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-primary.trade-button-ghost {
      border-color: var(--primary);
      background-color: var(--primary);
      color: var(--neutral-800);
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-lavender.trade-button-ghost {
      border-color: #e4dcfb;
      background-color: #e4dcfb;
      color: var(--primary);
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-white.trade-button-ghost {
      border-color: var(--neutral-800);
      background-color: var(--neutral-800);
      color: var(--neutral-200);
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-gray.trade-button-ghost {
      border-color: var(--neutral-700);
      background-color: var(--neutral-700);
      color: var(--neutral-200);
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-black.trade-button-ghost {
      border-color: var(--neutral-300);
      background-color: var(--neutral-300);
      color: #ffffff;
    }
    .MyBtn_myBtn__0eRGl.trade-button.trade-button-yellow.trade-button-ghost {
      border-color: var(--secondary-300);
      background-color: var(--secondary-300);
      color: var(--neutral-200);
    }
    /* loading样式，还没用，大致写一下后面按需求改 */
    .MyBtn_myBtn__0eRGl.trade-button .trade-button-loading-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
      }

.H5Header_dropdown__s8zg7 {
  background: none;
  margin-left: 4.26666vw;
}
  .H5Header_dropdown__s8zg7 .adm-dropdown-nav {
    border: none;
  }
  .H5Header_dropdown__s8zg7 .adm-dropdown-item-highlight {
    color: var(--neutral-400);
  }
  .H5Header_dropdown__s8zg7 .adm-dropdown-item-title {
    padding: 3.2vw 0;
  }
  .H5Header_dropdown__s8zg7 .adm-dropdown-item-title-text {
    margin-right: 0;
  }

.H5Header_customSearch__dIaVf {
  flex: 1;
  margin: 0 4.26666vw;
  --background: var(--neutral-200);
}

.H5Header_customSearch__dIaVf .adm-search-bar-input-box .adm-search-bar-input.adm-input {
      --font-size: 3.2vw;
      --color: var(--neutral-600);
      --placeholder-color: var(--neutral-400);
    }
.H5Header_customSearch__dIaVf.adm-search-bar-active .adm-search-bar-input-box {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--neutral-200-raw) / var(--tw-bg-opacity));
}

.Carousel_customIndicator__BR_0S .adm-swiper-indicator {
      border-radius: 2666.4vw;
      background-color: rgb(var(--neutral-900-raw) / 0.2);
}
    .Carousel_customIndicator__BR_0S .adm-page-indicator {
      --dot-size: 2.66666vw;
      --active-dot-size: 2.66666vw;
      --dot-border-radius: 0;
      --active-dot-border-radius: 26.66666vw;
      --dot-spacing: 0;
      --dot-color: transparent;
    }
    .Carousel_customIndicator__BR_0S .adm-page-indicator-dot {
      height: 1.06666vw;
    }

.Sort_dropdown__dONQC {
  padding-left: 1rem;
  padding-right: 1rem;
  --adm-color-background: var(--neutral-100);
}

  .Sort_dropdown__dONQC .adm-dropdown-item {
      flex: none;
    }

  .Sort_dropdown__dONQC .adm-dropdown-item .adm-dropdown-item-title {
      padding: 3.2vw 0;
      line-height: 4.26666vw;
      margin-right: 2.13333vw;
    }

  .Sort_dropdown__dONQC .adm-dropdown-item .adm-dropdown-item-title .adm-dropdown-item-title-text {
        margin-right: 0;
        font-size: 3.2vw;
        line-height: 4.26666vw;
      }

  .Sort_dropdown__dONQC .adm-dropdown-nav {
      border-bottom: none !important;
    }

  .Sort_dropdown__dONQC .adm-dropdown-item-title-arrow {
      height: 4.26666vw;
    }

.Sort_item__CiYTe {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--neutral-100-raw) / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.Sort_popupBody__YpZ5s .adm-dropdown-item-content {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--neutral-100-raw) / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
}

.AutoScroll_autoScrollWrap__WisFB {
  position: relative;
}
  /** TODO vertical方向的翻页，用到了改下样式 */
  .AutoScroll_autoScrollWrap__WisFB .AutoScroll_switchArrow__blOiA {
  position: absolute;
  top: 50%;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  border-radius: 2666.4vw;
  background-color: rgb(var(--neutral-50-raw) / 0.5);
  --tw-text-opacity: 1;
  color: rgb(var(--neutral-400-raw) / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
  .AutoScroll_autoScrollWrap__WisFB .AutoScroll_switchArrow__blOiA.prevButton {
  left: 0px;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
  .AutoScroll_autoScrollWrap__WisFB .AutoScroll_switchArrow__blOiA.nextButton {
  right: 0px;
}
  .AutoScroll_autoScrollWrap__WisFB .AutoScroll_switchArrow__blOiA:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--neutral-800-raw) / var(--tw-text-opacity));
}
  .AutoScroll_autoScrollWrap__WisFB .AutoScroll_switchArrow__blOiA.disabled {
      opacity: 0.8;
      cursor: not-allowed;
    }
  .AutoScroll_autoScrollWrap__WisFB .AutoScroll_switchArrow__blOiA.disabled:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--neutral-400-raw) / var(--tw-text-opacity));
}
.AutoScroll_autoScroll__4VERb {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  overflow: auto;
  height: 100%;
}
.AutoScroll_autoScroll__4VERb::-webkit-scrollbar {
    display: none;
  }
.AutoScroll_autoScroll__4VERb {
  scrollbar-width: none;
}

.TabArtistTiled_simpleCard__zTKRH {
  border-radius: 0.5rem;
  width: 32vw;
  height: 12.8vw;
  background-size: cover;
  background-position: center;
  color: var(--neutral-800);
  font-size: 3.2vw;
  line-height: 4.26666vw;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
}

.TabArtistTiled_simpleCardActive__np2s0 {
  border: 0.53333vw solid var(--neutral-800);
}

.TabArtistTiled_simpleCardHover__nrBZs {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: rgba(255, 255, 255, 0);
  transition: background 0.2s ease;
}

.TabArtistTiled_simpleCard__zTKRH:hover .TabArtistTiled_simpleCardHover__nrBZs {
    background: rgba(255, 255, 255, 0.2);
  }

.TagSelect_tag__TGxGA {
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--neutral-200-raw) / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
  font-size: 0.75rem;
  line-height: 1.25rem;
  border: 0.26666vw solid var(--neutral-200);
  color: var(--neutral-400)
}

.TagSelect_tagActive__vIsg1 {
  font-weight: 500;
  border-color: var(--neutral-500);
  color: var(--neutral-600);
  background: radial-gradient(
    74.76% 334.54% at 49.84% 50%,
    #374176 0%,
    rgba(55, 65, 118, 0) 100%
  )
}

.TagModal_popupBody__YF5Hy {
  --adm-color-background: var(--neutral-100);
  height: 100vh;
}

.TagModal_theme__GQa_o {
  border-radius: 0.5rem;
  width: 20.26666vw;
  height: 12.8vw;
  background-size: cover;
  background-position: center;
  color: var(--neutral-800);
  font-size: 3.73333vw;
  line-height: 4.26666vw;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
}

.TagModal_theme__GQa_o.TagModal_artist__SOTDh {
  width: 31.73333vw;
  font-size: 3.2vw;
}

.TagModal_themeActive__J10xz {
  border: 0.53333vw solid var(--neutral-800);
}

.TagModal_themeHover___LrTH {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0);
  transition: background 0.2s ease;
}

.TagModal_theme__GQa_o:hover .TagModal_themeHover___LrTH {
    background: rgba(255, 255, 255, 0.2);
  }

.TagModal_customBadge__gfbSO {
  border-width: 0.26666vw;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--neutral-100-raw) / var(--tw-border-opacity));
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(var(--neutral-800-raw) / var(--tw-text-opacity));
  background-color: #ef466f;
}

.Tabs_theme__Fe30F {
  border-radius: 0.5rem;
  width: 24vw;
  height: 12.8vw;
  background-size: cover;
  background-position: center;
  color: var(--neutral-800);
  font-size: 3.73333vw;
  line-height: 4.26666vw;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
}

.Tabs_themeActive__MBhQG {
  border: 0.53333vw solid var(--neutral-800);
}

.Tabs_themeHover__6BExd {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0);
  transition: background 0.2s ease;
}

.Tabs_theme__Fe30F:hover .Tabs_themeHover__6BExd {
    background: rgba(255, 255, 255, 0.2);
  }

.Tabs_customTabs__fgrVD {
  width: 100%;
  --active-line-height: 1.06666vw;
}

.Tabs_customTabs__fgrVD .adm-tabs-header {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.Tabs_customTabs__fgrVD .adm-tabs-header-mask-left,
    .Tabs_customTabs__fgrVD .adm-tabs-header-mask-right {
      background: none;
    }

.Tabs_customTabs__fgrVD .adm-tabs-tab-wrapper {
      padding: 0;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      flex: none;
    }

.Tabs_customTabs__fgrVD .adm-tabs-tab {
      padding-top: 3.2vw;
      padding-bottom: 3.2vw;
      font-size: 4vw;
    }

.Tabs_customTabs__fgrVD.Tabs_customTabs1__em7Zv .adm-tabs-tab {
      font-size: 3.46666vw;
    }

.Tabs_customTabs__fgrVD.Tabs_subTabs__eXjb_ {
  --active-line-color: transparent;
}

.Tabs_customTabs__fgrVD.Tabs_subTabs__eXjb_ .adm-tabs-header {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
      border-bottom: none !important;
}

.Tabs_customTabs__fgrVD.Tabs_subTabs__eXjb_ .adm-tabs-header-mask-left {
      background: linear-gradient(90deg, #141416 0%, rgba(20, 20, 22, 0) 100%);
    }

.Tabs_customTabs__fgrVD.Tabs_subTabs__eXjb_ .adm-tabs-header-mask-right {
      background: linear-gradient(270deg, #141416 0%, rgba(20, 20, 22, 0) 100%);
    }

.Tabs_customTabs__fgrVD.Tabs_subTabs__eXjb_ .adm-tabs-tab-wrapper {
      padding: 0;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      flex: none;
    }

.Tabs_customTabs__fgrVD.Tabs_subTabs__eXjb_ .adm-tabs-tab {
      padding-top: 3.2vw;
      padding-bottom: 3.2vw;
    }

.Tabs_customBadge__uQAs_ {
  border-width: 0.26666vw;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--neutral-100-raw) / var(--tw-border-opacity));
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(var(--neutral-800-raw) / var(--tw-text-opacity));
  background-color: #ef466f;
}

.SinglePost_description__HdGh4 {
  position: absolute;
  bottom: -50%;
  left: 0px;
  width: 100%;
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--neutral-800-raw) / var(--tw-text-opacity));
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 100%
  );
}
  .SinglePost_description__HdGh4 > div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.SinglePost_post__u4Jkm:hover .SinglePost_description__HdGh4 {
      animation: SinglePost_slideUp__Kr6Hu 0.3s forwards;
      -webkit-animation: SinglePost_slideUp__Kr6Hu 0.3s forwards;
    }
.SinglePost_post__u4Jkm:hover .SinglePost_operateWrap__dUV_4 {
  visibility: visible;
  opacity: 1;
}
.SinglePost_post__u4Jkm:hover .SinglePost_imageMul__NMohQ,
    .SinglePost_post__u4Jkm:hover .SinglePost_tags__1XhUL {
  visibility: hidden;
}