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

.TagTab_tabItem__dl_sP {
  position: relative;
  padding: 2.13333vw 0;
  margin: 4.26666vw 0;
}
  .TagTab_tabItem__dl_sP.active {
    color: var(--neutral-800);
    font-weight: 600;
    background: var(--neutral-200);
  }
  .TagTab_tabItem__dl_sP.active::before {
      content: '';
      position: absolute;
      left: 0;
      height: 6.4vw;
      width: 1.06666vw;
      border-radius: 0 2.13333vw 2.13333vw 0;
      background: var(--primary);
    }

.TagList_tag__J_wPq {
  padding: 2.13333vw 1.6vw;
  border: 0.53333vw solid var(--neutral-100);
  background-color: var(--neutral-100);
  box-shadow: 0px 0.26666vw 1.06666vw rgba(255, 255, 255, 0.08),
    0px 0px 4.26666vw rgba(255, 255, 255, 0.08);
  border-radius: 2.13333vw;
}
  .TagList_tag__J_wPq.active {
    border-color: var(--primary);
  }
  .TagList_tag__J_wPq.active .tagName {
        margin: 0 0.26666vw;
        background: radial-gradient(
          74.76% 334.54% at 49.84% 50%,
          #374176 0%,
          rgba(55, 65, 118, 0) 100%
        );
      }
  .TagList_tag__J_wPq .tagMinus,
    .TagList_tag__J_wPq .tagPlus {
      color: var(--neutral-400);
      font-size: 3.2vw;
      line-height: 6.4vw;
      background: var(--neutral-200);
      border-radius: 0.53333vw;
      width: 6.4vw;
      height: 6.4vw;
      text-align: center;
      padding: 0.53333vw 0;
      flex-shrink: 0;
    }
  .TagList_tag__J_wPq .tagName {
      color: var(--neutral-800);
      background: var(--neutral-200);
      border-radius: 0.53333vw;
      width: 100%;
      font-size: 3.2vw;
      line-height: 6.4vw;
      text-align: center;
      padding: 0 1.06666vw;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }

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

.TagTool_toolWrap__v9TAR {
  padding: 4.26666vw 4.26666vw 6.4vw 4.26666vw;
  background: var(--neutral-100);
  box-shadow: 0px -0.8vw 0.8vw rgba(252, 252, 253, 0.08);
  border-radius: 4.26666vw 4.26666vw 0px 0px;
  flex: 0 0 21.33333vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 99;
}
  .TagTool_toolWrap__v9TAR.open {
    flex: 0 0 66.13333vw;
  }

.TagTool_btnRandom__k_O8D.trade-button-default {
    background: linear-gradient(var(--neutral-100), var(--neutral-100))
        padding-box,
      linear-gradient(to right, #2507cc, #8e26d4) border-box;
    border: 0.53333vw solid transparent;
    color: var(--neutral-800);
  }

.TagTool_btnCreate__MdZ1H.trade-button-primary {
    background: linear-gradient(90deg, #2507cc 0%, #8e26d4 100%);
    border: 0;
  }

.TagTool_inputTag__Xw_SZ {
  cursor: pointer;
  transition: all 0.3s;
  word-break: break-all;
  line-break: anywhere;
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--neutral-800-raw) / var(--tw-text-opacity));
}

.TagTool_inputTag__Xw_SZ > span {
    padding: 0.53333vw 0;
    cursor: pointer;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

.TagTool_inputTag__Xw_SZ > span > span {
      display: inline-block;
      width: 0;
      line-height: 1;
      overflow: hidden;
      vertical-align: middle;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

.TagTool_inputTag__Xw_SZ > span:hover {
      padding-right: 0.53333vw;
      background-color: var(--primary);
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

.TagTool_inputTag__Xw_SZ > span:hover > span {
        margin-left: 0.53333vw;
        width: 3.73333vw;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
      }

.Toolbar_toolbar__GFGlX {
      --tw-bg-opacity: 1;
      background-color: rgb(var(--neutral-800-raw) / var(--tw-bg-opacity));
}
  .Toolbar_toolbar__GFGlX > div {
      --tw-bg-opacity: 1;
      background-color: rgb(var(--neutral-800-raw) / var(--tw-bg-opacity));
}
  .Toolbar_toolbar__GFGlX .btn {
      padding: 2.66666vw;
      font-size: 3.73333vw;
    }
  .Toolbar_toolbar__GFGlX .toolbar-back > .btn {
        padding: 2.13333vw;
      }
  .Toolbar_toolbar__GFGlX .toolbar-title {
      flex: 1;
      margin: 0 4.26666vw;
      color: var(--neutral-200);
      font-size: 4.53333vw;
      line-height: 5.86666vw;
      font-weight: 500;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      text-align: center;
    }
  .Toolbar_toolbar__GFGlX .toolbar-action {
      min-width: 10.66666vw;
    }
  .Toolbar_toolbar__GFGlX .toolbar-action.iconBtn > .btn {
          padding: 2.13333vw;
        }
  .Toolbar_toolbar__GFGlX.dark {
      --tw-bg-opacity: 1;
      background-color: rgb(var(--neutral-100-raw) / var(--tw-bg-opacity));
}
  .Toolbar_toolbar__GFGlX.dark > div {
      --tw-bg-opacity: 1;
      background-color: rgb(var(--neutral-100-raw) / var(--tw-bg-opacity));
}
  .Toolbar_toolbar__GFGlX.dark .toolbar-title {
        color: var(--neutral-500);
      }
  .Toolbar_toolbar__GFGlX.isBanner .toolbar-back > .btn {
          border-color: var(--neutral-400);
          color: var(--neutral-800);
        }
  .Toolbar_toolbar__GFGlX.isBanner .toolbar-action .btn {
        border-color: var(--neutral-400);
        color: var(--neutral-800);
      }
  .Toolbar_toolbar__GFGlX.isBanner .trade-icon {
        font-weight: 400;
      }
.Toolbar_dropMenu__TzDYv {
  background: var(--neutral-800);
}
.Toolbar_dropMenu__TzDYv > div {
    color: var(--neutral-500);
  }
.Toolbar_dropMenu__TzDYv > div + div {
      border-top: 0.26666vw solid var(--neutral-600);
    }
.Toolbar_dropMenu__TzDYv.dark {
    background: var(--neutral-200);
  }
.Toolbar_dropMenu__TzDYv.dark > div {
      color: var(--neutral-500);
    }
.Toolbar_dropMenu__TzDYv.dark > div + div {
        border-top: 0.26666vw solid var(--neutral-300);
      }

.TagNavigation_tagToolbar__KvwD1 .toolbar-title {
  overflow: visible;
}
.TagNavigation_tabsWrap__Za_jL {
  display: flex;
  justify-content: center;
}
.TagNavigation_tabsWrap__Za_jL .h-1 {
  bottom: -2.13333vw;
  height: 0.53333vw;
  border-radius: 0.53333vw;
}

.TagNavigation_tabsWrap__Za_jL .tabs-item {
  margin-right: 11.73333vw;
}
.TagNavigation_tabsWrap__Za_jL .tabs-item:last-child {
  margin-right: 0;
}

.TagNavigation_mySwitch__4jEI2 {
  --height: 4.26666vw;
  --width: 8.53333vw;
  --border-width: 0.26666vw;
}

.TagNavigation_mySwitch__4jEI2.adm-switch-checked .adm-switch-handle {
        background: var(--neutral-900);
      }

.TagNavigation_mySwitch__4jEI2 .adm-switch-handle {
      background: var(--neutral-400);
    }

.TagNavigation_mySwitch__4jEI2 .adm-switch-checkbox {
      background: var(--neutral-300);
    }

.TagNavigation_mySwitch__4jEI2 .adm-switch-checkbox::before {
        background: var(--neutral-300);
      }

.tag-generator_contentWrap__A01tv {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  border-top: 0.26666vw solid var(--neutral-300);
}
.tag-generator_boxWrap__oxlS_ {
  height: calc(100vh - var(--vh-offset, 0px));
}