@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon-loading {
  animation: t-spin 1s linear infinite;
}
@keyframes t-zoom-out {
  from {
    transform: scale(0.2);
  }
  to {
    transform: scale(1);
  }
}
.t-loading {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  color: var(--td-brand-color);
  font-size: var(--td-comp-size-l);
}
.t-loading--lock {
  overflow: hidden;
}
.t-loading.t-size-s {
  font-size: var(--td-comp-size-xxxs);
}
.t-loading.t-size-l {
  font-size: var(--td-comp-size-xxxl);
}
.t-loading__parent--relative {
  position: relative !important;
}
.t-loading__fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3500;
}
.t-loading--center {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
}
.t-loading__content {
  position: absolute;
  left: 48%;
  top: 20%;
}
.t-loading--inherit-color {
  color: inherit;
}
.t-loading__parent {
  position: relative;
}
.t-loading__overlay {
  background-color: var(--td-mask-disabled);
}
/** 仅用于作为包裹元素时 */
.t-loading--full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3500;
}
.t-loading--hidden {
  visibility: hidden;
}
.t-loading--visible {
  visibility: visible;
}
.t-loading__text {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font: var(--td-font-body-medium);
  margin-left: var(--td-comp-margin-xs);
}
.t-loading__gradient {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.t-loading__gradient-conic {
  width: 100%;
  height: 100%;
  border-radius: var(--td-radius-circle);
  /* stylelint-disable-next-line color-no-hex */
  background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, currentcolor 360deg);
  /* stylelint-disable-next-line */
  -webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
  /* stylelint-disable-next-line color-no-hex */
  mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
}
.t-button {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 0;
  overflow: hidden;
  font-size: var(--td-font-body-medium);
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: var(--td-radius-default);
  transition: all 0.2s linear;
  touch-action: manipulation;
  text-decoration: none;
}
.t-button .t-button__text,
.t-button .t-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
}
.t-button .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-button .t-loading {
  font-size: var(--td-font-size-body-large);
}
.t-button .t-icon + .t-button__text:not(:empty) {
  margin-left: 8px;
}
.t-button .t-loading + .t-button__text:not(:empty) {
  margin-left: 8px;
}
.t-button .t-button__suffix:not(:empty) {
  display: inline-flex;
  margin-left: 8px;
}
.t-button--variant-base {
  color: var(--td-text-color-anti);
  height: var(--td-comp-size-m);
  font: var(--td-font-body-medium);
  padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
  background-color: var(--td-bg-color-component);
  border-color: var(--td-bg-color-component);
  color: var(--td-text-color-primary);
}
.t-button--variant-base .t-icon,
.t-button--variant-base .t-loading {
  font-size: var(--td-font-size-body-large);
}
.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
  background-color: var(--td-bg-color-component-hover);
}
.t-button--variant-base.t-is-loading {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
  border-color: var(--td-bg-color-component-hover);
}
.t-button--variant-base.t-is-loading {
  border-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base.t-is-disabled {
  border-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
  color: var(--td-text-color-primary);
}
.t-button--variant-base.t-is-loading {
  color: var(--td-text-color-disabled);
}
.t-button--variant-base.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-base.t-button--theme-primary {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--theme-primary:hover,
.t-button--variant-base.t-button--theme-primary:focus-visible {
  background-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--theme-primary.t-is-loading {
  background-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
  background-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--theme-primary:hover,
.t-button--variant-base.t-button--theme-primary:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--theme-primary.t-is-loading {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--theme-success {
  color: var(--td-text-color-anti);
  background-color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--theme-success:hover,
.t-button--variant-base.t-button--theme-success:focus-visible {
  background-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--theme-success.t-is-loading {
  background-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--theme-success.t-is-disabled {
  background-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--theme-success:hover,
.t-button--variant-base.t-button--theme-success:focus-visible {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--theme-success.t-is-loading {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--theme-warning {
  color: var(--td-text-color-anti);
  background-color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--theme-warning:hover,
.t-button--variant-base.t-button--theme-warning:focus-visible {
  background-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--theme-warning.t-is-loading {
  background-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--theme-warning.t-is-disabled {
  background-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--theme-warning:hover,
.t-button--variant-base.t-button--theme-warning:focus-visible {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--theme-warning.t-is-loading {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--theme-danger {
  color: var(--td-text-color-anti);
  background-color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--theme-danger:hover,
.t-button--variant-base.t-button--theme-danger:focus-visible {
  background-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--theme-danger.t-is-loading {
  background-color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
  background-color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--theme-danger:hover,
.t-button--variant-base.t-button--theme-danger:focus-visible {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--theme-danger.t-is-loading {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--ghost {
  background-color: transparent;
  color: var(--td-text-color-anti);
  border-color: var(--td-text-color-anti);
}
.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost:active {
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-is-loading {
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-is-disabled {
  background-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-is-loading {
  color: var(--td-text-color-anti);
}
.t-button--variant-base.t-button--ghost.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-is-loading {
  border-color: var(--td-text-color-anti);
}
.t-button--variant-base.t-button--ghost.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-primary:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-loading {
  border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-success:focus-visible {
  color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-loading {
  color: var(--td-success-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-success:focus-visible {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-loading {
  border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-warning:focus-visible {
  color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-loading {
  color: var(--td-warning-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-warning:focus-visible {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-loading {
  border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-danger:focus-visible {
  color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-loading {
  color: var(--td-error-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-danger:focus-visible {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-loading {
  border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-is-loading:not(.t-button--variant-base.t-button--ghost).t-button--theme-default {
  color: var(--td-text-color-primary);
}
.t-button--variant-outline {
  height: var(--td-comp-size-m);
  font: var(--td-font-body-medium);
  padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline .t-icon,
.t-button--variant-outline .t-loading {
  font-size: var(--td-font-size-body-large);
}
.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-is-loading {
  color: var(--td-text-color-disabled);
}
.t-button--variant-outline.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
  background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-outline.t-is-loading {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-outline.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-is-loading {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline.t-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--theme-primary:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--theme-primary.t-is-loading {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--theme-success:hover,
.t-button--variant-outline.t-button--theme-success:focus-visible {
  color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--theme-success.t-is-loading {
  color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--theme-success:hover,
.t-button--variant-outline.t-button--theme-success:focus-visible {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--theme-success.t-is-loading {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--theme-warning:focus-visible {
  color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--theme-warning.t-is-loading {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--theme-warning:focus-visible {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--theme-warning.t-is-loading {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--theme-danger:focus-visible {
  color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--theme-danger.t-is-loading {
  color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--theme-danger:focus-visible {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--theme-danger.t-is-loading {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--ghost {
  background-color: transparent;
  color: var(--td-text-color-anti);
  border-color: var(--td-text-color-anti);
}
.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:active {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-is-loading {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  background-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-is-loading {
  color: var(--td-text-color-anti);
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-is-loading {
  border-color: var(--td-text-color-anti);
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-loading {
  border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-success:focus-visible {
  color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-loading {
  color: var(--td-success-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-success:focus-visible {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-loading {
  border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:focus-visible {
  color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-loading {
  color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:focus-visible {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-loading {
  border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:focus-visible {
  color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-loading {
  color: var(--td-error-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:focus-visible {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-loading {
  border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-is-loading:not(.t-button--variant-outline.t-button--ghost) {
  color: var(--td-text-color-primary);
}
.t-button--variant-outline.t-is-loading:not(.t-button--variant-outline.t-button--ghost).t-button--theme-primary {
  color: var(--td-brand-color);
  background-color: transparent;
}
.t-button--variant-outline.t-is-loading:not(.t-button--variant-outline.t-button--ghost).t-button--theme-success {
  color: var(--td-success-color);
  background-color: transparent;
}
.t-button--variant-outline.t-is-loading:not(.t-button--variant-outline.t-button--ghost).t-button--theme-warning {
  color: var(--td-warning-color);
  background-color: transparent;
}
.t-button--variant-outline.t-is-loading:not(.t-button--variant-outline.t-button--ghost).t-button--theme-danger {
  color: var(--td-error-color);
  background-color: transparent;
}
.t-button--variant-dashed {
  height: var(--td-comp-size-m);
  font: var(--td-font-body-medium);
  padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
  border-color: var(--td-border-level-2-color);
  border-style: dashed;
}
.t-button--variant-dashed .t-icon,
.t-button--variant-dashed .t-loading {
  font-size: var(--td-font-size-body-large);
}
.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-is-loading {
  color: var(--td-text-color-disabled);
}
.t-button--variant-dashed.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
  background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-dashed.t-is-loading {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-dashed.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-is-loading {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-dashed.t-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-dashed.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--theme-primary:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-loading {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--theme-success:focus-visible {
  color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--theme-success.t-is-loading {
  color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--theme-success:focus-visible {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--theme-success.t-is-loading {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--theme-warning:focus-visible {
  color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-loading {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--theme-warning:focus-visible {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-loading {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--theme-danger:focus-visible {
  color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-loading {
  color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--theme-danger:focus-visible {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-loading {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--ghost {
  background-color: transparent;
  color: var(--td-text-color-anti);
  border-color: var(--td-text-color-anti);
}
.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:active {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-is-loading {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  background-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-is-loading {
  color: var(--td-text-color-anti);
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-is-loading {
  border-color: var(--td-text-color-anti);
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-loading {
  border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:focus-visible {
  color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-loading {
  color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:focus-visible {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-loading {
  border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:focus-visible {
  color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-loading {
  color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:focus-visible {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-loading {
  border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:focus-visible {
  color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-loading {
  color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:focus-visible {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-loading {
  border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-is-loading:not(.t-button--variant-dashed.t-button--ghost) {
  color: var(--td-text-color-primary);
}
.t-button--variant-dashed.t-is-loading:not(.t-button--variant-dashed.t-button--ghost).t-button--theme-primary {
  color: var(--td-brand-color);
  background-color: transparent;
}
.t-button--variant-dashed.t-is-loading:not(.t-button--variant-dashed.t-button--ghost).t-button--theme-success {
  color: var(--td-success-color);
  background-color: transparent;
}
.t-button--variant-dashed.t-is-loading:not(.t-button--variant-dashed.t-button--ghost).t-button--theme-warning {
  color: var(--td-warning-color);
  background-color: transparent;
}
.t-button--variant-dashed.t-is-loading:not(.t-button--variant-dashed.t-button--ghost).t-button--theme-danger {
  color: var(--td-error-color);
  background-color: transparent;
}
.t-button--variant-text {
  height: var(--td-comp-size-m);
  font: var(--td-font-body-medium);
  padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
  color: var(--td-text-color-primary);
  background-color: transparent;
  border-color: transparent;
}
.t-button--variant-text .t-icon,
.t-button--variant-text .t-loading {
  font-size: var(--td-font-size-body-large);
}
.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
  color: var(--td-text-color-primary);
}
.t-button--variant-text.t-is-loading {
  color: var(--td-text-color-disabled);
}
.t-button--variant-text.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
  background-color: var(--td-bg-color-container-hover);
}
.t-button--variant-text.t-is-loading {
  background-color: transparent;
}
.t-button--variant-text.t-is-disabled {
  background-color: transparent;
}
.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
  border-color: var(--td-bg-color-container-hover);
}
.t-button--variant-text.t-is-loading {
  border-color: transparent;
}
.t-button--variant-text.t-is-disabled {
  border-color: transparent;
}
.t-button--variant-text.t-button--theme-primary {
  color: var(--td-brand-color);
}
.t-button--variant-text.t-button--theme-primary:hover,
.t-button--variant-text.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-text.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-text.t-button--theme-success {
  color: var(--td-success-color);
}
.t-button--variant-text.t-button--theme-success:hover,
.t-button--variant-text.t-button--theme-success:focus-visible {
  color: var(--td-success-color-hover);
}
.t-button--variant-text.t-button--theme-success.t-is-loading {
  color: var(--td-success-color-disabled);
}
.t-button--variant-text.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-text.t-button--theme-warning {
  color: var(--td-warning-color);
}
.t-button--variant-text.t-button--theme-warning:hover,
.t-button--variant-text.t-button--theme-warning:focus-visible {
  color: var(--td-warning-color-hover);
}
.t-button--variant-text.t-button--theme-warning.t-is-loading {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-text.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-text.t-button--theme-danger {
  color: var(--td-error-color);
}
.t-button--variant-text.t-button--theme-danger:hover,
.t-button--variant-text.t-button--theme-danger:focus-visible {
  color: var(--td-error-color-hover);
}
.t-button--variant-text.t-button--theme-danger.t-is-loading {
  color: var(--td-error-color-disabled);
}
.t-button--variant-text.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-text.t-button--ghost {
  background: none;
  color: var(--td-text-color-anti);
}
.t-button--variant-text.t-button--ghost:hover,
.t-button--variant-text.t-button--ghost:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-text.t-button--ghost.t-is-loading {
  color: var(--td-text-color-anti);
}
.t-button--variant-text.t-button--ghost.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-text.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-success:focus-visible {
  color: var(--td-success-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-loading {
  color: var(--td-success-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-warning:focus-visible {
  color: var(--td-warning-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-loading {
  color: var(--td-warning-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-text.t-button--ghost.t-button--theme-danger:focus-visible {
  color: var(--td-error-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-loading {
  color: var(--td-error-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-text.t-is-loading:not(.t-button--variant-text.t-button--ghost) {
  color: var(--td-text-color-primary);
}
.t-button--variant-text.t-is-loading:not(.t-button--variant-text.t-button--ghost).t-button--theme-primary {
  color: var(--td-brand-color);
}
.t-button--variant-text.t-is-loading:not(.t-button--variant-text.t-button--ghost).t-button--theme-success {
  color: var(--td-success-color);
}
.t-button--variant-text.t-is-loading:not(.t-button--variant-text.t-button--ghost).t-button--theme-warning {
  color: var(--td-warning-color);
}
.t-button--variant-text.t-is-loading:not(.t-button--variant-text.t-button--ghost).t-button--theme-danger {
  color: var(--td-error-color);
}
.t-button.t-is-loading,
.t-button.t-is-disabled {
  cursor: not-allowed;
}
.t-button.t-size-s {
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
  padding-left: calc(var(--td-comp-paddingLR-s) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-s) - 1px);
}
.t-button.t-size-s .t-icon,
.t-button.t-size-s .t-loading {
  font-size: var(--td-font-size-body-medium);
}
.t-button.t-size-l {
  height: var(--td-comp-size-xl);
  font: var(--td-font-body-large);
  padding-left: calc(var(--td-comp-paddingLR-xl) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-xl) - 1px);
}
.t-button.t-size-l .t-icon,
.t-button.t-size-l .t-loading {
  font-size: var(--td-font-size-title-large);
}
.t-button--shape-square {
  width: var(--td-comp-size-m);
  padding: 0;
}
.t-button--shape-square.t-size-s {
  width: var(--td-comp-size-xs);
  padding: 0;
}
.t-button--shape-square.t-size-l {
  width: var(--td-comp-size-xl);
  padding: 0;
}
.t-button--shape-round {
  border-radius: var(--td-radius-round);
}
.t-button--shape-round.t-size-s {
  border-radius: calc(var(--td-comp-size-xs) / 2);
}
.t-button--shape-round.t-size-l {
  border-radius: calc(var(--td-comp-size-xl) / 2);
}
.t-button--shape-circle {
  width: var(--td-comp-size-m);
  padding: 0;
  text-align: center;
  border-radius: calc(var(--td-comp-size-m) / 2);
}
.t-button--shape-circle .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-button--shape-circle .t-loading {
  font-size: var(--td-font-size-body-large);
}
.t-button--shape-circle.t-size-s {
  width: var(--td-comp-size-xs);
  border-radius: calc(var(--td-comp-size-xs) / 2);
}
.t-button--shape-circle.t-size-l {
  width: var(--td-comp-size-xl);
  padding: 0;
  border-radius: calc(var(--td-comp-size-xl) / 2);
}
.t-button.t-size-full-width {
  display: flex;
  width: 100%;
}
.t-button--ghost {
  --ripple-color: var(--td-gray-color-10);
}
.t-button:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-bg-color-container-active);
}
.t-button--variant-base:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-bg-color-component-active);
}
.t-button--variant-base.t-button--theme-primary:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--theme-success:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--theme-warning:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--theme-danger:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-error-color-active);
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}
.t-icon::before {
  font-family: unset;
}
.t-icon-loading {
  animation: t-spin 1s linear infinite;
}
.t-icon {
  fill: currentColor;
}
.t-icon.t-size-s,
i.t-size-s {
  font-size: 14px;
}
.t-icon.t-size-m,
i.t-size-m {
  font-size: 16px;
}
.t-icon.t-size-l,
i.t-size-l {
  font-size: 18px;
}
.t-link {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  text-decoration: none;
  outline: none;
  padding: 0;
  transition: all 0.2s linear;
  font: var(--td-font-link-medium);
}
.t-link .t-link__prefix-icon {
  margin-right: var(--td-comp-margin-s);
  display: flex;
}
.t-link .t-link__suffix-icon {
  margin-left: var(--td-comp-margin-s);
  display: flex;
}
.t-link.t-size-s {
  font: var(--td-font-link-small);
}
.t-link.t-size-s .t-link__prefix-icon {
  margin-right: var(--td-comp-margin-xs);
  display: flex;
}
.t-link.t-size-s .t-link__suffix-icon {
  margin-left: var(--td-comp-margin-xs);
  display: flex;
}
.t-link.t-size-l {
  font: var(--td-font-link-large);
}
.t-link.t-size-l .t-link__prefix-icon {
  margin-right: var(--td-comp-margin-m);
  display: flex;
}
.t-link.t-size-l .t-link__suffix-icon {
  margin-left: var(--td-comp-margin-m);
  display: flex;
}
.t-link--theme-default {
  color: var(--td-text-color-primary);
}
.t-link--theme-default:active {
  color: var(--td-brand-color-active);
}
.t-link--theme-default.t-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-text-color-primary);
  opacity: 0;
  transition: all 0.2s linear;
}
.t-link--theme-default.t-link--hover-underline:hover::after {
  opacity: 1;
}
.t-link--theme-default.t-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-brand-color-active);
}
.t-link--theme-default.t-link--hover-color:hover {
  color: var(--td-brand-color-hover);
}
.t-link--theme-default.t-link--hover-color.t-is-underline:hover::after {
  border-color: var(--td-brand-color-hover);
}
.t-link--theme-default.t-link--hover-color.t-is-underline:active::after {
  border-color: var(--td-brand-color-active);
}
.t-link--theme-default.t-link--hover-color:active {
  color: var(--td-brand-color-active);
}
.t-link--theme-default.t-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-text-color-primary);
  transition: all 0.2s linear;
}
.t-link--theme-default.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.t-link--theme-default.t-is-disabled:hover,
.t-link--theme-default.t-is-disabled:active {
  color: var(--td-text-color-disabled);
}
.t-link--theme-default.t-is-disabled.t-is-underline::after {
  border-color: var(--td-text-color-disabled);
}
.t-link--theme-primary {
  color: var(--td-brand-color);
}
.t-link--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-brand-color);
  opacity: 0;
  transition: all 0.2s linear;
}
.t-link--theme-primary.t-link--hover-underline:hover::after {
  opacity: 1;
}
.t-link--theme-primary.t-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-link--hover-color:hover {
  color: var(--td-brand-color-hover);
}
.t-link--theme-primary.t-link--hover-color.t-is-underline:hover::after {
  border-color: var(--td-brand-color-hover);
}
.t-link--theme-primary.t-link--hover-color.t-is-underline:active::after {
  border-color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-link--hover-color:active {
  color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-brand-color);
  transition: all 0.2s linear;
}
.t-link--theme-primary.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-brand-color-disabled);
}
.t-link--theme-primary.t-is-disabled:hover,
.t-link--theme-primary.t-is-disabled:active {
  color: var(--td-brand-color-disabled);
}
.t-link--theme-primary.t-is-disabled.t-is-underline::after {
  border-color: var(--td-brand-color-disabled);
}
.t-link--theme-success {
  color: var(--td-success-color);
}
.t-link--theme-success:active {
  color: var(--td-success-color-active);
}
.t-link--theme-success.t-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-success-color);
  opacity: 0;
  transition: all 0.2s linear;
}
.t-link--theme-success.t-link--hover-underline:hover::after {
  opacity: 1;
}
.t-link--theme-success.t-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-success-color-active);
}
.t-link--theme-success.t-link--hover-color:hover {
  color: var(--td-success-color-hover);
}
.t-link--theme-success.t-link--hover-color.t-is-underline:hover::after {
  border-color: var(--td-success-color-hover);
}
.t-link--theme-success.t-link--hover-color.t-is-underline:active::after {
  border-color: var(--td-success-color-active);
}
.t-link--theme-success.t-link--hover-color:active {
  color: var(--td-success-color-active);
}
.t-link--theme-success.t-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-success-color);
  transition: all 0.2s linear;
}
.t-link--theme-success.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-success-color-disabled);
}
.t-link--theme-success.t-is-disabled:hover,
.t-link--theme-success.t-is-disabled:active {
  color: var(--td-success-color-disabled);
}
.t-link--theme-success.t-is-disabled.t-is-underline::after {
  border-color: var(--td-success-color-disabled);
}
.t-link--theme-danger {
  color: var(--td-error-color);
}
.t-link--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-link--theme-danger.t-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-error-color);
  opacity: 0;
  transition: all 0.2s linear;
}
.t-link--theme-danger.t-link--hover-underline:hover::after {
  opacity: 1;
}
.t-link--theme-danger.t-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-error-color-active);
}
.t-link--theme-danger.t-link--hover-color:hover {
  color: var(--td-error-color-hover);
}
.t-link--theme-danger.t-link--hover-color.t-is-underline:hover::after {
  border-color: var(--td-error-color-hover);
}
.t-link--theme-danger.t-link--hover-color.t-is-underline:active::after {
  border-color: var(--td-error-color-active);
}
.t-link--theme-danger.t-link--hover-color:active {
  color: var(--td-error-color-active);
}
.t-link--theme-danger.t-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-error-color);
  transition: all 0.2s linear;
}
.t-link--theme-danger.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-error-color-disabled);
}
.t-link--theme-danger.t-is-disabled:hover,
.t-link--theme-danger.t-is-disabled:active {
  color: var(--td-error-color-disabled);
}
.t-link--theme-danger.t-is-disabled.t-is-underline::after {
  border-color: var(--td-error-color-disabled);
}
.t-link--theme-warning {
  color: var(--td-warning-color);
}
.t-link--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-warning-color);
  opacity: 0;
  transition: all 0.2s linear;
}
.t-link--theme-warning.t-link--hover-underline:hover::after {
  opacity: 1;
}
.t-link--theme-warning.t-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-link--hover-color:hover {
  color: var(--td-warning-color-hover);
}
.t-link--theme-warning.t-link--hover-color.t-is-underline:hover::after {
  border-color: var(--td-warning-color-hover);
}
.t-link--theme-warning.t-link--hover-color.t-is-underline:active::after {
  border-color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-link--hover-color:active {
  color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-warning-color);
  transition: all 0.2s linear;
}
.t-link--theme-warning.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-warning-color-disabled);
}
.t-link--theme-warning.t-is-disabled:hover,
.t-link--theme-warning.t-is-disabled:active {
  color: var(--td-warning-color-disabled);
}
.t-link--theme-warning.t-is-disabled.t-is-underline::after {
  border-color: var(--td-warning-color-disabled);
}
.t-row {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
}
.t-row--start {
  justify-content: flex-start;
}
.t-row--center {
  justify-content: center;
}
.t-row--end {
  justify-content: flex-end;
}
.t-row--space-between {
  justify-content: space-between;
}
.t-row--space-around {
  justify-content: space-around;
}
.t-row--top {
  align-items: flex-start;
}
.t-row--middle {
  align-items: center;
}
.t-row--bottom {
  align-items: flex-end;
}
.t-row--align-top,
.t-row--align-start {
  align-items: flex-start;
}
.t-row--align-middle,
.t-row--align-center {
  align-items: center;
}
.t-row--align-bottom,
.t-row--align-end {
  align-items: flex-end;
}
.t-row--align-stretch {
  align-items: stretch;
}
.t-row--align-baseline {
  align-items: baseline;
}
.t-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
  box-sizing: border-box;
}
.t-col-12 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.t-col-push-12 {
  left: 100%;
}
.t-col-pull-12 {
  right: 100%;
}
.t-col-offset-12 {
  margin-left: 100%;
}
.t-col-order-12 {
  order: 12;
}
.t-col-11 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.t-col-push-11 {
  left: 91.66666667%;
}
.t-col-pull-11 {
  right: 91.66666667%;
}
.t-col-offset-11 {
  margin-left: 91.66666667%;
}
.t-col-order-11 {
  order: 11;
}
.t-col-10 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.t-col-push-10 {
  left: 83.33333333%;
}
.t-col-pull-10 {
  right: 83.33333333%;
}
.t-col-offset-10 {
  margin-left: 83.33333333%;
}
.t-col-order-10 {
  order: 10;
}
.t-col-9 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.t-col-push-9 {
  left: 75%;
}
.t-col-pull-9 {
  right: 75%;
}
.t-col-offset-9 {
  margin-left: 75%;
}
.t-col-order-9 {
  order: 9;
}
.t-col-8 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.t-col-push-8 {
  left: 66.66666667%;
}
.t-col-pull-8 {
  right: 66.66666667%;
}
.t-col-offset-8 {
  margin-left: 66.66666667%;
}
.t-col-order-8 {
  order: 8;
}
.t-col-7 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.t-col-push-7 {
  left: 58.33333333%;
}
.t-col-pull-7 {
  right: 58.33333333%;
}
.t-col-offset-7 {
  margin-left: 58.33333333%;
}
.t-col-order-7 {
  order: 7;
}
.t-col-6 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.t-col-push-6 {
  left: 50%;
}
.t-col-pull-6 {
  right: 50%;
}
.t-col-offset-6 {
  margin-left: 50%;
}
.t-col-order-6 {
  order: 6;
}
.t-col-5 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.t-col-push-5 {
  left: 41.66666667%;
}
.t-col-pull-5 {
  right: 41.66666667%;
}
.t-col-offset-5 {
  margin-left: 41.66666667%;
}
.t-col-order-5 {
  order: 5;
}
.t-col-4 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.t-col-push-4 {
  left: 33.33333333%;
}
.t-col-pull-4 {
  right: 33.33333333%;
}
.t-col-offset-4 {
  margin-left: 33.33333333%;
}
.t-col-order-4 {
  order: 4;
}
.t-col-3 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.t-col-push-3 {
  left: 25%;
}
.t-col-pull-3 {
  right: 25%;
}
.t-col-offset-3 {
  margin-left: 25%;
}
.t-col-order-3 {
  order: 3;
}
.t-col-2 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.t-col-push-2 {
  left: 16.66666667%;
}
.t-col-pull-2 {
  right: 16.66666667%;
}
.t-col-offset-2 {
  margin-left: 16.66666667%;
}
.t-col-order-2 {
  order: 2;
}
.t-col-1 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.t-col-push-1 {
  left: 8.33333333%;
}
.t-col-pull-1 {
  right: 8.33333333%;
}
.t-col-offset-1 {
  margin-left: 8.33333333%;
}
.t-col-order-1 {
  order: 1;
}
.t-col-0 {
  display: none;
}
.t-col-push-0 {
  left: auto;
}
.t-col-pull-0 {
  right: auto;
}
.t-col-push-0 {
  left: auto;
}
.t-col-pull-0 {
  right: auto;
}
.t-col-offset-0 {
  margin-left: 0;
}
.t-col-order-0 {
  order: 0;
}
.t-col-xs-12 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.t-col-xs-push-12 {
  left: 100%;
}
.t-col-xs-pull-12 {
  right: 100%;
}
.t-col-xs-offset-12 {
  margin-left: 100%;
}
.t-col-xs-order-12 {
  order: 12;
}
.t-col-xs-11 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.t-col-xs-push-11 {
  left: 91.66666667%;
}
.t-col-xs-pull-11 {
  right: 91.66666667%;
}
.t-col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.t-col-xs-order-11 {
  order: 11;
}
.t-col-xs-10 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.t-col-xs-push-10 {
  left: 83.33333333%;
}
.t-col-xs-pull-10 {
  right: 83.33333333%;
}
.t-col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.t-col-xs-order-10 {
  order: 10;
}
.t-col-xs-9 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.t-col-xs-push-9 {
  left: 75%;
}
.t-col-xs-pull-9 {
  right: 75%;
}
.t-col-xs-offset-9 {
  margin-left: 75%;
}
.t-col-xs-order-9 {
  order: 9;
}
.t-col-xs-8 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.t-col-xs-push-8 {
  left: 66.66666667%;
}
.t-col-xs-pull-8 {
  right: 66.66666667%;
}
.t-col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.t-col-xs-order-8 {
  order: 8;
}
.t-col-xs-7 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.t-col-xs-push-7 {
  left: 58.33333333%;
}
.t-col-xs-pull-7 {
  right: 58.33333333%;
}
.t-col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.t-col-xs-order-7 {
  order: 7;
}
.t-col-xs-6 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.t-col-xs-push-6 {
  left: 50%;
}
.t-col-xs-pull-6 {
  right: 50%;
}
.t-col-xs-offset-6 {
  margin-left: 50%;
}
.t-col-xs-order-6 {
  order: 6;
}
.t-col-xs-5 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.t-col-xs-push-5 {
  left: 41.66666667%;
}
.t-col-xs-pull-5 {
  right: 41.66666667%;
}
.t-col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.t-col-xs-order-5 {
  order: 5;
}
.t-col-xs-4 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.t-col-xs-push-4 {
  left: 33.33333333%;
}
.t-col-xs-pull-4 {
  right: 33.33333333%;
}
.t-col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.t-col-xs-order-4 {
  order: 4;
}
.t-col-xs-3 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.t-col-xs-push-3 {
  left: 25%;
}
.t-col-xs-pull-3 {
  right: 25%;
}
.t-col-xs-offset-3 {
  margin-left: 25%;
}
.t-col-xs-order-3 {
  order: 3;
}
.t-col-xs-2 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.t-col-xs-push-2 {
  left: 16.66666667%;
}
.t-col-xs-pull-2 {
  right: 16.66666667%;
}
.t-col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.t-col-xs-order-2 {
  order: 2;
}
.t-col-xs-1 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.t-col-xs-push-1 {
  left: 8.33333333%;
}
.t-col-xs-pull-1 {
  right: 8.33333333%;
}
.t-col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.t-col-xs-order-1 {
  order: 1;
}
.t-col-xs-0 {
  display: none;
}
.t-col-push-0 {
  left: auto;
}
.t-col-pull-0 {
  right: auto;
}
.t-col-xs-push-0 {
  left: auto;
}
.t-col-xs-pull-0 {
  right: auto;
}
.t-col-xs-offset-0 {
  margin-left: 0;
}
.t-col-xs-order-0 {
  order: 0;
}
@media (min-width: 768px) {
  .t-col-sm-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-sm-push-12 {
    left: 100%;
  }
  .t-col-sm-pull-12 {
    right: 100%;
  }
  .t-col-sm-offset-12 {
    margin-left: 100%;
  }
  .t-col-sm-order-12 {
    order: 12;
  }
  .t-col-sm-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-sm-push-11 {
    left: 91.66666667%;
  }
  .t-col-sm-pull-11 {
    right: 91.66666667%;
  }
  .t-col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-sm-order-11 {
    order: 11;
  }
  .t-col-sm-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-sm-push-10 {
    left: 83.33333333%;
  }
  .t-col-sm-pull-10 {
    right: 83.33333333%;
  }
  .t-col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-sm-order-10 {
    order: 10;
  }
  .t-col-sm-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-sm-push-9 {
    left: 75%;
  }
  .t-col-sm-pull-9 {
    right: 75%;
  }
  .t-col-sm-offset-9 {
    margin-left: 75%;
  }
  .t-col-sm-order-9 {
    order: 9;
  }
  .t-col-sm-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-sm-push-8 {
    left: 66.66666667%;
  }
  .t-col-sm-pull-8 {
    right: 66.66666667%;
  }
  .t-col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-sm-order-8 {
    order: 8;
  }
  .t-col-sm-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-sm-push-7 {
    left: 58.33333333%;
  }
  .t-col-sm-pull-7 {
    right: 58.33333333%;
  }
  .t-col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-sm-order-7 {
    order: 7;
  }
  .t-col-sm-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-sm-push-6 {
    left: 50%;
  }
  .t-col-sm-pull-6 {
    right: 50%;
  }
  .t-col-sm-offset-6 {
    margin-left: 50%;
  }
  .t-col-sm-order-6 {
    order: 6;
  }
  .t-col-sm-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-sm-push-5 {
    left: 41.66666667%;
  }
  .t-col-sm-pull-5 {
    right: 41.66666667%;
  }
  .t-col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-sm-order-5 {
    order: 5;
  }
  .t-col-sm-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-sm-push-4 {
    left: 33.33333333%;
  }
  .t-col-sm-pull-4 {
    right: 33.33333333%;
  }
  .t-col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-sm-order-4 {
    order: 4;
  }
  .t-col-sm-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-sm-push-3 {
    left: 25%;
  }
  .t-col-sm-pull-3 {
    right: 25%;
  }
  .t-col-sm-offset-3 {
    margin-left: 25%;
  }
  .t-col-sm-order-3 {
    order: 3;
  }
  .t-col-sm-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-sm-push-2 {
    left: 16.66666667%;
  }
  .t-col-sm-pull-2 {
    right: 16.66666667%;
  }
  .t-col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-sm-order-2 {
    order: 2;
  }
  .t-col-sm-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-sm-push-1 {
    left: 8.33333333%;
  }
  .t-col-sm-pull-1 {
    right: 8.33333333%;
  }
  .t-col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-sm-order-1 {
    order: 1;
  }
  .t-col-sm-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-sm-push-0 {
    left: auto;
  }
  .t-col-sm-pull-0 {
    right: auto;
  }
  .t-col-sm-offset-0 {
    margin-left: 0;
  }
  .t-col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .t-col-md-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-md-push-12 {
    left: 100%;
  }
  .t-col-md-pull-12 {
    right: 100%;
  }
  .t-col-md-offset-12 {
    margin-left: 100%;
  }
  .t-col-md-order-12 {
    order: 12;
  }
  .t-col-md-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-md-push-11 {
    left: 91.66666667%;
  }
  .t-col-md-pull-11 {
    right: 91.66666667%;
  }
  .t-col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-md-order-11 {
    order: 11;
  }
  .t-col-md-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-md-push-10 {
    left: 83.33333333%;
  }
  .t-col-md-pull-10 {
    right: 83.33333333%;
  }
  .t-col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-md-order-10 {
    order: 10;
  }
  .t-col-md-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-md-push-9 {
    left: 75%;
  }
  .t-col-md-pull-9 {
    right: 75%;
  }
  .t-col-md-offset-9 {
    margin-left: 75%;
  }
  .t-col-md-order-9 {
    order: 9;
  }
  .t-col-md-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-md-push-8 {
    left: 66.66666667%;
  }
  .t-col-md-pull-8 {
    right: 66.66666667%;
  }
  .t-col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-md-order-8 {
    order: 8;
  }
  .t-col-md-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-md-push-7 {
    left: 58.33333333%;
  }
  .t-col-md-pull-7 {
    right: 58.33333333%;
  }
  .t-col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-md-order-7 {
    order: 7;
  }
  .t-col-md-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-md-push-6 {
    left: 50%;
  }
  .t-col-md-pull-6 {
    right: 50%;
  }
  .t-col-md-offset-6 {
    margin-left: 50%;
  }
  .t-col-md-order-6 {
    order: 6;
  }
  .t-col-md-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-md-push-5 {
    left: 41.66666667%;
  }
  .t-col-md-pull-5 {
    right: 41.66666667%;
  }
  .t-col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-md-order-5 {
    order: 5;
  }
  .t-col-md-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-md-push-4 {
    left: 33.33333333%;
  }
  .t-col-md-pull-4 {
    right: 33.33333333%;
  }
  .t-col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-md-order-4 {
    order: 4;
  }
  .t-col-md-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-md-push-3 {
    left: 25%;
  }
  .t-col-md-pull-3 {
    right: 25%;
  }
  .t-col-md-offset-3 {
    margin-left: 25%;
  }
  .t-col-md-order-3 {
    order: 3;
  }
  .t-col-md-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-md-push-2 {
    left: 16.66666667%;
  }
  .t-col-md-pull-2 {
    right: 16.66666667%;
  }
  .t-col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-md-order-2 {
    order: 2;
  }
  .t-col-md-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-md-push-1 {
    left: 8.33333333%;
  }
  .t-col-md-pull-1 {
    right: 8.33333333%;
  }
  .t-col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-md-order-1 {
    order: 1;
  }
  .t-col-md-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-md-push-0 {
    left: auto;
  }
  .t-col-md-pull-0 {
    right: auto;
  }
  .t-col-md-offset-0 {
    margin-left: 0;
  }
  .t-col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .t-col-lg-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-lg-push-12 {
    left: 100%;
  }
  .t-col-lg-pull-12 {
    right: 100%;
  }
  .t-col-lg-offset-12 {
    margin-left: 100%;
  }
  .t-col-lg-order-12 {
    order: 12;
  }
  .t-col-lg-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-lg-push-11 {
    left: 91.66666667%;
  }
  .t-col-lg-pull-11 {
    right: 91.66666667%;
  }
  .t-col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-lg-order-11 {
    order: 11;
  }
  .t-col-lg-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-lg-push-10 {
    left: 83.33333333%;
  }
  .t-col-lg-pull-10 {
    right: 83.33333333%;
  }
  .t-col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-lg-order-10 {
    order: 10;
  }
  .t-col-lg-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-lg-push-9 {
    left: 75%;
  }
  .t-col-lg-pull-9 {
    right: 75%;
  }
  .t-col-lg-offset-9 {
    margin-left: 75%;
  }
  .t-col-lg-order-9 {
    order: 9;
  }
  .t-col-lg-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-lg-push-8 {
    left: 66.66666667%;
  }
  .t-col-lg-pull-8 {
    right: 66.66666667%;
  }
  .t-col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-lg-order-8 {
    order: 8;
  }
  .t-col-lg-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-lg-push-7 {
    left: 58.33333333%;
  }
  .t-col-lg-pull-7 {
    right: 58.33333333%;
  }
  .t-col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-lg-order-7 {
    order: 7;
  }
  .t-col-lg-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-lg-push-6 {
    left: 50%;
  }
  .t-col-lg-pull-6 {
    right: 50%;
  }
  .t-col-lg-offset-6 {
    margin-left: 50%;
  }
  .t-col-lg-order-6 {
    order: 6;
  }
  .t-col-lg-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-lg-push-5 {
    left: 41.66666667%;
  }
  .t-col-lg-pull-5 {
    right: 41.66666667%;
  }
  .t-col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-lg-order-5 {
    order: 5;
  }
  .t-col-lg-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-lg-push-4 {
    left: 33.33333333%;
  }
  .t-col-lg-pull-4 {
    right: 33.33333333%;
  }
  .t-col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-lg-order-4 {
    order: 4;
  }
  .t-col-lg-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-lg-push-3 {
    left: 25%;
  }
  .t-col-lg-pull-3 {
    right: 25%;
  }
  .t-col-lg-offset-3 {
    margin-left: 25%;
  }
  .t-col-lg-order-3 {
    order: 3;
  }
  .t-col-lg-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-lg-push-2 {
    left: 16.66666667%;
  }
  .t-col-lg-pull-2 {
    right: 16.66666667%;
  }
  .t-col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-lg-order-2 {
    order: 2;
  }
  .t-col-lg-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-lg-push-1 {
    left: 8.33333333%;
  }
  .t-col-lg-pull-1 {
    right: 8.33333333%;
  }
  .t-col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-lg-order-1 {
    order: 1;
  }
  .t-col-lg-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-lg-push-0 {
    left: auto;
  }
  .t-col-lg-pull-0 {
    right: auto;
  }
  .t-col-lg-offset-0 {
    margin-left: 0;
  }
  .t-col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1400px) {
  .t-col-xl-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-xl-push-12 {
    left: 100%;
  }
  .t-col-xl-pull-12 {
    right: 100%;
  }
  .t-col-xl-offset-12 {
    margin-left: 100%;
  }
  .t-col-xl-order-12 {
    order: 12;
  }
  .t-col-xl-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-xl-push-11 {
    left: 91.66666667%;
  }
  .t-col-xl-pull-11 {
    right: 91.66666667%;
  }
  .t-col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-xl-order-11 {
    order: 11;
  }
  .t-col-xl-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-xl-push-10 {
    left: 83.33333333%;
  }
  .t-col-xl-pull-10 {
    right: 83.33333333%;
  }
  .t-col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-xl-order-10 {
    order: 10;
  }
  .t-col-xl-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-xl-push-9 {
    left: 75%;
  }
  .t-col-xl-pull-9 {
    right: 75%;
  }
  .t-col-xl-offset-9 {
    margin-left: 75%;
  }
  .t-col-xl-order-9 {
    order: 9;
  }
  .t-col-xl-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-xl-push-8 {
    left: 66.66666667%;
  }
  .t-col-xl-pull-8 {
    right: 66.66666667%;
  }
  .t-col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-xl-order-8 {
    order: 8;
  }
  .t-col-xl-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-xl-push-7 {
    left: 58.33333333%;
  }
  .t-col-xl-pull-7 {
    right: 58.33333333%;
  }
  .t-col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-xl-order-7 {
    order: 7;
  }
  .t-col-xl-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-xl-push-6 {
    left: 50%;
  }
  .t-col-xl-pull-6 {
    right: 50%;
  }
  .t-col-xl-offset-6 {
    margin-left: 50%;
  }
  .t-col-xl-order-6 {
    order: 6;
  }
  .t-col-xl-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-xl-push-5 {
    left: 41.66666667%;
  }
  .t-col-xl-pull-5 {
    right: 41.66666667%;
  }
  .t-col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-xl-order-5 {
    order: 5;
  }
  .t-col-xl-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-xl-push-4 {
    left: 33.33333333%;
  }
  .t-col-xl-pull-4 {
    right: 33.33333333%;
  }
  .t-col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-xl-order-4 {
    order: 4;
  }
  .t-col-xl-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-xl-push-3 {
    left: 25%;
  }
  .t-col-xl-pull-3 {
    right: 25%;
  }
  .t-col-xl-offset-3 {
    margin-left: 25%;
  }
  .t-col-xl-order-3 {
    order: 3;
  }
  .t-col-xl-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-xl-push-2 {
    left: 16.66666667%;
  }
  .t-col-xl-pull-2 {
    right: 16.66666667%;
  }
  .t-col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-xl-order-2 {
    order: 2;
  }
  .t-col-xl-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-xl-push-1 {
    left: 8.33333333%;
  }
  .t-col-xl-pull-1 {
    right: 8.33333333%;
  }
  .t-col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-xl-order-1 {
    order: 1;
  }
  .t-col-xl-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-xl-push-0 {
    left: auto;
  }
  .t-col-xl-pull-0 {
    right: auto;
  }
  .t-col-xl-offset-0 {
    margin-left: 0;
  }
  .t-col-xl-order-0 {
    order: 0;
  }
}
@media (min-width: 1880px) {
  .t-col-xxl-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-xxl-push-12 {
    left: 100%;
  }
  .t-col-xxl-pull-12 {
    right: 100%;
  }
  .t-col-xxl-offset-12 {
    margin-left: 100%;
  }
  .t-col-xxl-order-12 {
    order: 12;
  }
  .t-col-xxl-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-xxl-push-11 {
    left: 91.66666667%;
  }
  .t-col-xxl-pull-11 {
    right: 91.66666667%;
  }
  .t-col-xxl-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-xxl-order-11 {
    order: 11;
  }
  .t-col-xxl-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-xxl-push-10 {
    left: 83.33333333%;
  }
  .t-col-xxl-pull-10 {
    right: 83.33333333%;
  }
  .t-col-xxl-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-xxl-order-10 {
    order: 10;
  }
  .t-col-xxl-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-xxl-push-9 {
    left: 75%;
  }
  .t-col-xxl-pull-9 {
    right: 75%;
  }
  .t-col-xxl-offset-9 {
    margin-left: 75%;
  }
  .t-col-xxl-order-9 {
    order: 9;
  }
  .t-col-xxl-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-xxl-push-8 {
    left: 66.66666667%;
  }
  .t-col-xxl-pull-8 {
    right: 66.66666667%;
  }
  .t-col-xxl-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-xxl-order-8 {
    order: 8;
  }
  .t-col-xxl-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-xxl-push-7 {
    left: 58.33333333%;
  }
  .t-col-xxl-pull-7 {
    right: 58.33333333%;
  }
  .t-col-xxl-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-xxl-order-7 {
    order: 7;
  }
  .t-col-xxl-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-xxl-push-6 {
    left: 50%;
  }
  .t-col-xxl-pull-6 {
    right: 50%;
  }
  .t-col-xxl-offset-6 {
    margin-left: 50%;
  }
  .t-col-xxl-order-6 {
    order: 6;
  }
  .t-col-xxl-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-xxl-push-5 {
    left: 41.66666667%;
  }
  .t-col-xxl-pull-5 {
    right: 41.66666667%;
  }
  .t-col-xxl-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-xxl-order-5 {
    order: 5;
  }
  .t-col-xxl-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-xxl-push-4 {
    left: 33.33333333%;
  }
  .t-col-xxl-pull-4 {
    right: 33.33333333%;
  }
  .t-col-xxl-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-xxl-order-4 {
    order: 4;
  }
  .t-col-xxl-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-xxl-push-3 {
    left: 25%;
  }
  .t-col-xxl-pull-3 {
    right: 25%;
  }
  .t-col-xxl-offset-3 {
    margin-left: 25%;
  }
  .t-col-xxl-order-3 {
    order: 3;
  }
  .t-col-xxl-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-xxl-push-2 {
    left: 16.66666667%;
  }
  .t-col-xxl-pull-2 {
    right: 16.66666667%;
  }
  .t-col-xxl-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-xxl-order-2 {
    order: 2;
  }
  .t-col-xxl-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-xxl-push-1 {
    left: 8.33333333%;
  }
  .t-col-xxl-pull-1 {
    right: 8.33333333%;
  }
  .t-col-xxl-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-xxl-order-1 {
    order: 1;
  }
  .t-col-xxl-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-xxl-push-0 {
    left: auto;
  }
  .t-col-xxl-pull-0 {
    right: auto;
  }
  .t-col-xxl-offset-0 {
    margin-left: 0;
  }
  .t-col-xxl-order-0 {
    order: 0;
  }
}
.t-layout {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-layout,
.t-layout__direction-vertical {
  display: flex;
  flex-direction: column;
  background: var(--td-bg-color-page);
  flex: auto;
}
.t-layout--with-sider,
.t-layout__direction-horizontal {
  flex-direction: row;
}
.t-layout__header {
  height: var(--td-comp-size-xxxl);
  background-color: var(--td-bg-color-container);
}
.t-layout__content {
  flex: auto;
}
.t-layout__sider {
  position: relative;
  transition: all 0.2s;
  background: var(--td-bg-color-container);
  width: 232px;
}
.t-layout__footer {
  color: var(--td-text-color-placeholder);
  padding: 24px;
}
.t-divider {
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  margin: var(--td-comp-margin-xxl) 0;
  border-top: 1px solid var(--td-border-level-1-color);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
}
.t-divider--dashed {
  border-top-style: dashed;
}
.t-divider--horizontal {
  width: 100%;
  display: flex;
}
.t-divider--vertical {
  border-top: 0;
  display: inline-block;
  margin: 0 var(--td-comp-margin-m);
  border-left: 1px solid var(--td-border-level-1-color);
  height: 0.9em;
  vertical-align: middle;
}
.t-divider--with-text {
  display: flex;
  border-top: 0;
  white-space: nowrap;
  align-items: center;
}
.t-divider--with-text .t-divider__inner-text:not(:empty) {
  padding: 0 1em;
  display: inline-block;
}
.t-divider--with-text::before,
.t-divider--with-text::after {
  content: "";
  width: 50%;
  border-top: 1px solid var(--td-border-level-1-color);
}
.t-divider--with-text-left::before {
  width: 5%;
}
.t-divider--with-text-left::after {
  width: 95%;
}
.t-divider--with-text-right::before {
  width: 95%;
}
.t-divider--with-text-right::after {
  width: 5%;
}
.t-divider--dashed::before,
.t-divider--dashed::after {
  border-top: 1px dashed var(--td-border-level-1-color);
}
.t-divider--vertical.t-divider--dashed {
  border-left: 1px dashed var(--td-border-level-1-color);
}
.t-space {
  display: inline-flex;
}
.t-space .t-space-item {
  width: inherit;
}
.t-space-align-start {
  align-items: flex-start;
}
.t-space-align-end {
  align-items: flex-end;
}
.t-space-align-baseline {
  align-items: baseline;
}
.t-space-align-center {
  align-items: center;
}
.t-space-vertical {
  flex-direction: column;
}
.t-space-vertical > .t-space-item-separator {
  width: 100%;
}
.t-space.t-space--break-line {
  flex-wrap: wrap;
}
.t-space.t-space--polyfill {
  display: flex;
}
.t-space.t-space--polyfill.t-space-horizontal,
.t-space.t-space--polyfill.t-space--break-line {
  margin-left: calc(-1 * var(--td-space-column-gap, 0));
}
.t-space.t-space--polyfill.t-space-vertical,
.t-space.t-space--polyfill.t-space--break-line {
  margin-top: calc(-1 * var(--td-space-row-gap, 0));
}
.t-space.t-space--polyfill.t-space-horizontal > *,
.t-space.t-space--polyfill.t-space--break-line > * {
  margin-left: var(--td-space-column-gap);
}
.t-space.t-space--polyfill.t-space-vertical > *,
.t-space.t-space--polyfill.t-space--break-line > * {
  margin-top: var(--td-space-row-gap);
}
.t-descriptions {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-descriptions__header {
  color: var(--td-text-color-primary);
  font: var(--td-font-title-medium);
  margin-bottom: var(--td-comp-margin-m);
  font-weight: 600;
}
.t-descriptions__body {
  border-collapse: collapse;
  font: var(--td-font-body-medium);
  width: 100%;
}
.t-descriptions__body.t-size-l > tbody > tr > td {
  padding: var(--td-comp-paddingTB-l);
}
.t-descriptions__body.t-size-m > tbody > tr > td {
  padding: var(--td-comp-paddingLR-m) var(--td-comp-paddingLR-l);
}
.t-descriptions__body.t-size-s > tbody > tr > td {
  padding: var(--td-comp-paddingLR-s) var(--td-comp-paddingLR-l);
}
.t-descriptions__body .t-descriptions__label {
  color: var(--td-text-color-placeholder);
}
.t-descriptions__body--fixed {
  table-layout: fixed;
}
.t-descriptions__body--border > tbody > tr > td {
  border: 1px solid var(--td-component-border);
}
.t-descriptions__body--border .t-descriptions__label {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-descriptions__body--border .t-descriptions__label:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-affix {
  position: fixed;
  z-index: 500;
}
.t-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  --td-anchor-space-base: var(--td-size-6);
  position: relative;
  background: var(--td-bg-color-container);
  width: 200px;
  color: var(--td-text-color-primary);
  font: var(--td-font-body-medium);
}
.t-anchor .t-is-active > a {
  color: var(--td-brand-color);
}
.t-anchor__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--td-component-stroke);
  cursor: pointer;
}
.t-anchor__line-cursor-wrapper {
  position: absolute;
  display: block;
  height: 0;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.24, 0.41, 0.51, 0.9);
}
.t-anchor__line-cursor-wrapper .t-anchor__line-cursor {
  width: 1px;
  height: 100%;
  background-color: var(--td-brand-color);
}
.t-anchor__item {
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingTB-l);
  --level: 1;
  padding-left: calc(var(--level) * var(--td-anchor-space-base));
  display: flex;
  flex-direction: column;
}
.t-anchor__item.t-is-active {
  font-weight: 500;
}
.t-anchor__item-link {
  display: inline-block;
  position: relative;
  overflow: hidden;
  word-break: break-all;
  color: var(--td-text-color-primary);
  text-decoration: none;
  text-align: justify;
}
.t-anchor a {
  transition: color 0.2s linear;
}
.t-anchor a:hover {
  color: var(--td-brand-color);
  cursor: pointer;
}
.t-anchor a:active {
  color: var(--td-brand-color-active);
}
.t-anchor.t-size-s {
  width: 120px;
}
.t-anchor.t-size-l {
  width: 320px;
}
.t-anchor__target {
  cursor: pointer;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.t-anchor__target .t-anchor__copy {
  display: none;
  margin: 0 0 0 var(--td-comp-margin-xs);
}
.t-anchor__target:hover .t-anchor__copy {
  display: inline-block;
}
.t-anchor__target:target::after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--td-radius-circle);
  background-color: var(--td-brand-color);
  vertical-align: middle;
  animation: fadeOut 2s 2s linear 1;
  animation-fill-mode: forwards;
}
.t-message {
  margin: 0;
  padding: 0;
  list-style: none;
  width: fit-content;
  outline: 0;
  border-radius: var(--td-radius-medium);
  background-color: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-3), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: var(--td-text-color-primary);
  font: var(--td-font-body-medium);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-message > .t-icon,
.t-message > [data-t-icon] > .t-icon,
.t-message .t-loading {
  color: var(--td-brand-color);
  margin-right: var(--td-comp-margin-s);
  flex-shrink: 0;
  font-size: calc(var(--td-font-size-body-medium) + 6px);
}
.t-message.t-is-success > .t-icon,
.t-message.t-is-success > [data-t-icon] > .t-icon,
.t-message.t-is-success .t-loading {
  color: var(--td-success-color);
}
.t-message.t-is-warning > .t-icon,
.t-message.t-is-warning > [data-t-icon] > .t-icon,
.t-message.t-is-warning .t-loading {
  color: var(--td-warning-color);
}
.t-message.t-is-error > .t-icon,
.t-message.t-is-error > [data-t-icon] > .t-icon,
.t-message.t-is-error .t-loading {
  color: var(--td-error-color);
}
.t-message.t-is-closable .t-message__close {
  display: inline-flex;
  margin-right: 0;
  margin-left: var(--td-comp-margin-xxl);
  cursor: pointer;
  color: var(--td-text-color-secondary);
}
.t-message.t-is-closable .t-message__close .t-icon-close {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
  border-radius: var(--td-radius-default);
  transition: all 0.2s linear;
}
.t-message.t-is-closable .t-message__close .t-icon-close:hover {
  background: var(--td-bg-color-container-hover);
}
.t-message.t-is-closable .t-message__close .t-icon-close:active {
  background: var(--td-bg-color-container-active);
}
.t-message__list {
  position: fixed;
  z-index: 6000;
}
.t-message__list .t-message {
  margin-bottom: var(--td-comp-margin-s);
  word-break: break-all;
}
.content-placement-top .t-popup[data-popper-placement^="top"] .t-popup__content {
  margin-bottom: var(--td-comp-margin-s);
}
.content-placement-top .t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
  margin-bottom: var(--td-comp-margin-l);
}
.content-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__content {
  margin-top: var(--td-comp-margin-s);
}
.content-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow {
  margin-top: var(--td-comp-margin-l);
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content {
  margin-right: var(--td-comp-margin-s);
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content--arrow {
  margin-right: var(--td-comp-margin-l);
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content--text {
  max-width: 480px;
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content {
  margin-left: var(--td-comp-margin-s);
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
  margin-left: var(--td-comp-margin-l);
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content--text {
  max-width: 480px;
}
.t-popup {
  font: var(--td-font-body-medium);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--td-text-color-primary);
  display: inline-block;
  z-index: 5500;
}
.t-popup__content {
  position: relative;
  background: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  border-radius: var(--td-radius-medium);
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
  box-sizing: border-box;
  word-break: break-all;
}
.t-popup__arrow {
  position: absolute;
  z-index: 1;
  width: 8px;
  height: 8px;
}
.t-popup__arrow::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  background: var(--td-bg-color-container);
}
.t-popup[data-popper-placement^="top"] .t-popup__content {
  margin-bottom: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
  margin-bottom: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__content {
  margin-top: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow {
  margin-top: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="left"] .t-popup__content {
  margin-right: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="left"] .t-popup__content--arrow {
  margin-right: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="left"] .t-popup__content--text {
  max-width: 480px;
}
.t-popup[data-popper-placement^="right"] .t-popup__content {
  margin-left: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
  margin-left: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="right"] .t-popup__content--text {
  max-width: 480px;
}
.t-popup[data-popper-placement^="top"] .t-popup__arrow::before {
  border-top-left-radius: 100%;
  box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
}
.t-popup[data-popper-placement="top-start"] .t-popup__arrow {
  left: 8px;
}
.t-popup[data-popper-placement="top"] .t-popup__arrow {
  left: 50%;
  margin-left: calc(-8px / 2);
}
.t-popup[data-popper-placement="top-end"] .t-popup__arrow {
  left: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__arrow {
  top: calc(-8px / 2);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__arrow::before {
  border-bottom-right-radius: 100%;
  box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
}
.t-popup[data-popper-placement="bottom-start"] .t-popup__arrow {
  left: 8px;
}
.t-popup[data-popper-placement="bottom"] .t-popup__arrow {
  left: 50%;
  margin-left: calc(-8px / 2);
}
.t-popup[data-popper-placement="bottom-end"] .t-popup__arrow {
  left: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="left"] .t-popup__arrow {
  right: calc(-8px / 2);
}
.t-popup[data-popper-placement^="left"] .t-popup__arrow::before {
  box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
}
.t-popup[data-popper-placement="left-start"] .t-popup__arrow {
  top: 8px;
}
.t-popup[data-popper-placement="left"] .t-popup__arrow {
  top: 50%;
  margin-top: calc(-8px / 2);
}
.t-popup[data-popper-placement="left-end"] .t-popup__arrow {
  top: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="right"] .t-popup__arrow {
  left: calc(-8px / 2);
}
.t-popup[data-popper-placement^="right"] .t-popup__arrow::before {
  box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
}
.t-popup[data-popper-placement="right-start"] .t-popup__arrow {
  top: 8px;
}
.t-popup[data-popper-placement="right"] .t-popup__arrow {
  top: 50%;
  margin-top: calc(-8px / 2);
}
.t-popup[data-popper-placement="right-end"] .t-popup__arrow {
  top: calc(100% - 8px * 2);
}
.t-popup--animation-enter,
.t-popup--animation-enter-from,
.t-popup--animation-exiting,
.t-popup--animation-leave-to {
  opacity: 0;
  visibility: hidden;
}
.t-popup--animation-enter-to,
.t-popup--animation-entering,
.t-popup--animation-leave-from,
.t-popup--animation-leave {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.t-popup--animation-enter-active {
  transition: opacity 0.2s linear;
}
.t-popup--animation-leave-active {
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-popup--animation-expand-enter-active[data-popper-placement^=top] {
  animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
}
.t-popup--animation-expand-leave-active[data-popper-placement^=top] {
  animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
}
@keyframes t-popup-animation-expand-in-top {
  0% {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
}
@keyframes t-popup-animation-expand-out-top {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
  }
}
.t-popup--animation-expand-enter-active[data-popper-placement^=bottom] {
  animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
}
.t-popup--animation-expand-leave-active[data-popper-placement^=bottom] {
  animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
}
@keyframes t-popup-animation-expand-in-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
}
@keyframes t-popup-animation-expand-out-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
}
.t-tooltip .t-popup__content {
  display: inline-block;
  border: 0;
  z-index: 5600;
  margin-bottom: 1px;
  max-width: 480px;
  word-break: break-word;
  box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  color: var(--td-text-color-primary);
}
.t-tooltip--default .t-popup__content {
  color: var(--td-text-color-anti);
  background: var(--td-gray-color-13);
  box-shadow: inset 0 0.5px 0 var(--td-gray-color-9), inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="left"] .t-popup__arrow:before {
  box-shadow: inset -0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="right"] .t-popup__arrow:before {
  box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="top"] .t-popup__arrow:before {
  box-shadow: inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="bottom"] .t-popup__arrow:before {
  box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
}
.t-tooltip--primary .t-popup__content {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.t-tooltip--success .t-popup__content {
  color: var(--td-success-color);
  background: var(--td-success-color-light);
}
.t-tooltip--danger .t-popup__content {
  color: var(--td-error-color);
  background: var(--td-error-color-light);
}
.t-tooltip--warning .t-popup__content {
  color: var(--td-warning-color);
  background: var(--td-warning-color-light);
}
.t-tooltip .t-popup__arrow {
  background: inherit;
  height: auto;
}
.t-tooltip .t-popup__arrow::before {
  background: inherit;
}
.t-tooltip--noshadow .t-popup__content,
.t-tooltip--noshadow[data-popper-placement] .t-popup__arrow:before {
  box-shadow: none;
}
@keyframes changeColor {
  from {
    color: var(--td-brand-color-hover);
  }
  to {
    color: var(--td-brand-color-active);
  }
}
.t-breadcrumb {
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  display: flex;
  align-items: center;
}
.t-breadcrumb__separator {
  margin: 0 var(--td-comp-margin-xs);
  display: flex;
  align-items: center;
}
.t-breadcrumb__separator .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-breadcrumb__item {
  display: flex;
  align-items: center;
  color: var(--td-text-color-placeholder);
  text-decoration: none;
}
.t-breadcrumb__item.t-is-current {
  color: var(--td-text-color-primary);
}
.t-breadcrumb__item.t-is-current .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-breadcrumb__item:last-child {
  color: var(--td-text-color-primary);
}
.t-breadcrumb__item:last-child .t-breadcrumb__separator {
  display: none;
}
.t-breadcrumb__item .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-breadcrumb__item .t-link {
  color: inherit;
  text-decoration: none;
}
.t-breadcrumb__item .t-link:hover {
  color: var(--td-brand-color);
}
.t-breadcrumb__item .t-is-disabled {
  cursor: not-allowed;
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner {
  color: var(--td-text-color-disabled);
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:hover {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:active {
  animation: none;
}
.t-breadcrumb__item--arrow {
  margin: 0 var(--td-comp-margin-xs);
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__item--slash {
  margin: 0 var(--td-comp-margin-xs);
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__inner {
  font: var(--td-font-body-medium);
  word-break: break-all;
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__inner .t-icon {
  margin: 0 var(--td-comp-margin-xs);
}
.t-breadcrumb__select {
  position: relative;
}
.t-breadcrumb__select:hover .t-breadcrumb__option {
  display: block;
}
.t-breadcrumb__select-item:hover .t-icon {
  color: var(--td-brand-color);
}
.t-breadcrumb__option {
  display: none;
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 120px;
  background: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-2);
  z-index: 20;
}
.t-breadcrumb__option-item {
  padding: 8px;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-breadcrumb__option-item:hover {
  color: var(--td-brand-color);
}
.t-breadcrumb__option-item.t-is-active {
  color: var(--td-brand-color);
}
.t-breadcrumb__inner-msg {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 300px;
  padding: 8px;
  color: var(--td-text-color-primary);
  background: var(--td-bg-color-container);
  border-radius: calc(var(--td-radius-default) * 0.5);
  box-shadow: var(--td-shadow-2);
  z-index: 20;
}
.t-breadcrumb__inner-msg::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0;
  border-color: var(--td-bg-color-container) transparent transparent transparent;
  z-index: 20;
}
.t-breadcrumb--text-overflow {
  position: relative;
  display: flex;
  align-items: center;
}
.t-breadcrumb--text-overflow:hover .t-breadcrumb__inner-msg {
  display: block;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner {
  max-width: 120px;
  display: flex;
  align-items: center;
  transition: color 0.2s linear;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:hover {
  color: var(--td-brand-color);
  cursor: pointer;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:active {
  animation: 0.2s linear changeColor;
}
.t-dropdown {
  font: var(--td-font-body-medium);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--td-bg-color-container);
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-primary);
  position: relative;
  box-shadow: var(--td-shadow-2);
  border: 0.5px solid var(--td-component-border);
  border-radius: var(--td-radius-medium);
}
.t-dropdown__menu {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: var(--td-radius-medium);
  padding: var(--td-pop-padding-m);
  gap: 2px;
  overflow-y: auto;
  overflow-x: hidden;
}
@-moz-document url-prefix() {
  .t-dropdown__menu {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-dropdown__menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-dropdown__menu::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-dropdown__menu::-webkit-scrollbar-thumb:vertical:hover,
.t-dropdown__menu::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-dropdown__menu .t-divider {
  margin: var(--td-comp-margin-xs) var(--td-comp-margin-s) var(--td-comp-margin-xxs) var(--td-comp-margin-s);
  color: var(--td-brand-color-light);
  width: calc(100% - var(--td-comp-margin-s) * 2);
}
.t-dropdown__menu .t-dropdown__item-direction {
  margin: 0 0 0 var(--td-comp-margin-s);
}
.t-dropdown__menu--overflow .t-dropdown__submenu-wrapper--right {
  left: calc(100% - 14px);
}
.t-dropdown__menu--overflow .t-dropdown__submenu-wrapper--left {
  right: calc(100% - 14px);
}
.t-dropdown__submenu {
  background-color: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-2);
  border-radius: var(--td-radius-medium);
  border: 0.5px solid var(--td-component-border);
  z-index: 1100;
  position: absolute;
  padding: var(--td-pop-padding-m);
  display: none;
  overflow-y: auto;
  overflow-x: visible;
}
@-moz-document url-prefix() {
  .t-dropdown__submenu {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-dropdown__submenu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-dropdown__submenu::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-dropdown__submenu::-webkit-scrollbar-thumb:vertical:hover,
.t-dropdown__submenu::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-dropdown__submenu ul {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 2px;
}
.t-dropdown__submenu--disabled {
  visibility: hidden;
}
.t-dropdown__submenu .t-dropdown__item-direction {
  margin: 0 0 0 var(--td-comp-margin-s);
}
.t-dropdown__submenu-wrapper--right {
  left: calc(100% - 6px);
}
.t-dropdown__submenu-wrapper--left {
  right: calc(100% - 6px);
}
.t-dropdown__item {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: var(--td-radius-default);
  cursor: pointer;
  user-select: none;
  outline: none;
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: calc(var(--td-comp-paddingTB-xs) - 1px) var(--td-comp-paddingLR-s);
  --ripple-color: var(--td-bg-color-container-active);
}
.t-dropdown__item-icon {
  display: flex;
  color: currentcolor;
  margin-right: var(--td-comp-margin-s);
  font-size: var(--td-font-size-body-large);
}
.t-dropdown__item:hover > div > div {
  display: flex;
}
.t-dropdown__item--disabled {
  cursor: not-allowed;
}
.t-dropdown__item-content {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
.t-dropdown__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.t-dropdown__item.t-dropdown__item--suffix .t-dropdown__item-sub-icon {
  color: currentcolor;
  font-size: var(--td-font-size-body-large);
  flex-shrink: 0;
}
.t-dropdown__item--theme-default {
  color: var(--td-text-color-primary);
}
.t-dropdown__item--theme-default:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-default:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-default.t-dropdown__item--active {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-dropdown__item--theme-default.t-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-default.t-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-default.t-dropdown__item--disabled {
  color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-default.t-dropdown__item--disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-default.t-dropdown__item--suffix:hover {
  background-color: var(--td-brand-color-light);
  color: var(--td-brand-color);
}
.t-dropdown__item--theme-success {
  color: var(--td-success-color);
}
.t-dropdown__item--theme-success:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-success:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-success.t-dropdown__item--active {
  background-color: var(--td-success-color-light);
}
.t-dropdown__item--theme-success.t-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-success.t-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-success.t-dropdown__item-disabled {
  color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-success.t-dropdown__item-disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-success.t-dropdown__item--suffix:hover {
  background-color: var(--td-success-color-light);
}
.t-dropdown__item--theme-error {
  color: var(--td-error-color);
}
.t-dropdown__item--theme-error:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-error:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-error.t-dropdown__item--active {
  background-color: var(--td-error-color-light);
}
.t-dropdown__item--theme-error.t-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-error.t-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-error.t-dropdown__item--disabled {
  color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-error.t-dropdown__item--disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-error.t-dropdown__item--suffix:hover {
  background-color: var(--td-error-color-light);
}
.t-dropdown__item--theme-warning {
  color: var(--td-warning-color);
}
.t-dropdown__item--theme-warning:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-warning:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-warning.t-dropdown__item--active {
  background-color: var(--td-warning-color-light);
}
.t-dropdown__item--theme-warning.t-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-warning.t-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-warning.t-dropdown__item--disabled {
  color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-warning.t-dropdown__item--disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-warning.t-dropdown__item--suffix:hover {
  background-color: var(--td-warning-color-light);
}
.t-tabs {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: var(--td-bg-color-container);
}
.t-tabs__header.t-is-left {
  float: left;
}
.t-tabs__header.t-is-right {
  float: right;
}
.t-tabs__header .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-tabs__nav {
  position: relative;
  overflow: hidden;
  user-select: none;
}
.t-tabs__operations {
  display: flex;
  flex-direction: row;
  position: absolute;
  border-bottom: 1px solid var(--td-component-stroke);
  background-color: var(--td-bg-color-container);
}
.t-tabs__operations--left {
  left: 0;
  z-index: 2;
}
.t-tabs__operations--right {
  right: 0;
  z-index: 2;
}
.t-tabs__operations--right .t-tabs__btn:first-child {
  box-shadow: -10px 0 20px 5px rgba(0, 0, 0, 0.05);
}
.t-tabs__operations--right .t-tabs__nav-action {
  display: flex;
  align-items: center;
  width: 100%;
  flex: 1;
}
.t-tabs__btn {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-bg-color-secondarycontainer);
  border-left: 1px solid var(--td-component-stroke);
  cursor: pointer;
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-large);
  transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  z-index: 1;
  opacity: 1;
}
.t-tabs__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-tabs__btn.t-size-m {
  height: var(--td-comp-size-xxl);
  line-height: var(--td-comp-size-xxl);
}
.t-tabs__btn.t-size-l {
  height: var(--td-comp-size-xxxxl);
  line-height: var(--td-comp-size-xxxxl);
}
.t-tabs__btn--left {
  border-right: 1px solid var(--td-component-stroke);
  box-shadow: 10px 0px 20px 5px rgba(0, 0, 0, 0.05);
}
.t-tabs__btn--left.fade-enter,
.t-tabs__btn--left.fade-enter-from,
.t-tabs__btn--left.fade-leave-to {
  transform: translateX(-50px);
}
.t-tabs__btn--right.fade-enter,
.t-tabs__btn--right.fade-enter-from,
.t-tabs__btn--right.fade-leave-to {
  transform: translateX(50px);
}
.t-tabs__nav-container {
  position: relative;
}
.t-tabs__nav-container.t-is-top::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  background-color: var(--td-component-stroke);
}
.t-tabs__nav-container.t-is-bottom::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: var(--td-component-stroke);
}
.t-tabs__nav-container.t-is-left::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  background-color: var(--td-component-stroke);
}
.t-tabs__nav-container.t-is-right::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: var(--td-component-stroke);
}
.t-tabs__nav-container.t-is-addable {
  margin-right: 40px;
}
.t-tabs__nav-container.t-tabs__nav--card::after {
  content: "";
  background-color: transparent;
}
.t-tabs__scroll-btn {
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 100%;
  display: block;
  background-color: var(--td-bg-color-secondarycontainer);
  text-align: center;
  border-bottom: 1px solid var(--td-component-stroke);
  cursor: pointer;
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-large);
}
.t-tabs__scroll-btn.t-size-m {
  height: var(--td-comp-size-xxl);
  line-height: var(--td-comp-size-xxl);
}
.t-tabs__scroll-btn.t-size-l {
  height: var(--td-comp-size-xxxxl);
  line-height: var(--td-comp-size-xxxxl);
}
.t-tabs__nav-scroll {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
  z-index: 1;
}
.t-tabs__nav-wrap {
  position: relative;
  display: flex;
  font-size: 0;
}
.t-tabs__nav-wrap.t-is-smooth {
  transition: transform 0.24s cubic-bezier(0, 0, 0.15, 1);
}
.t-tabs__nav-wrap.t-is-vertical {
  flex-direction: column;
}
.t-tabs__bar {
  position: absolute;
  background-color: var(--td-brand-color);
  z-index: 1;
  transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  border-radius: var(--td-radius-small);
}
.t-tabs__bar.t-is-top {
  bottom: 0;
  left: 0;
  height: 3px;
}
.t-tabs__bar.t-is-bottom {
  top: 0;
  left: 0;
  height: 3px;
}
.t-tabs__bar.t-is-left {
  top: 0;
  right: 0;
  width: 3px;
}
.t-tabs__bar.t-is-right {
  top: 0;
  left: 0;
  width: 3px;
}
.t-tabs__nav-item {
  display: inline-flex;
  align-items: center;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-tabs__nav-item-wrapper {
  display: flex;
  align-items: center;
  height: var(--td-comp-size-m);
  padding: 0 var(--td-comp-paddingLR-s);
  margin-left: var(--td-comp-margin-s);
  margin-right: var(--td-comp-margin-s);
  border-radius: var(--td-radius-default);
  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-tabs__nav-item.t-size-l {
  font: var(--td-font-body-large);
}
.t-tabs__nav-item.t-size-l .t-tabs__nav-item-wrapper {
  height: var(--td-comp-size-xxl);
  padding: 0 var(--td-comp-paddingLR-m);
}
.t-tabs__nav-item-text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
  background-color: var(--td-bg-color-container-hover);
}
.t-tabs__nav-item.t-is-left,
.t-tabs__nav-item.t-is-right {
  display: flex;
  align-items: center;
}
.t-tabs__nav-item.t-size-m {
  height: var(--td-comp-size-xxl);
  line-height: var(--td-comp-size-xxl);
}
.t-tabs__nav-item.t-size-l {
  height: var(--td-comp-size-xxxxl);
  line-height: var(--td-comp-size-xxxxl);
}
.t-tabs__nav-item.t-is-active {
  color: var(--td-brand-color);
  text-shadow: 0 0 0.3px currentcolor;
}
.t-tabs__nav-item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-tabs__nav-item > .remove-btn {
  margin-left: var(--td-comp-margin-s);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.t-tabs__nav--card {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav--card.t-tabs__nav-item {
  padding-right: var(--td-comp-paddingLR-l);
  padding-left: var(--td-comp-paddingLR-l);
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item::after {
  display: none;
}
.t-tabs__nav--card.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-tabs__nav--card.t-tabs__nav-item:not(:first-of-type) {
  border-left: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item:last-of-type {
  border-right: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item.t-is-active {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-container);
  border-bottom-color: var(--td-bg-color-container);
}
.t-tabs__nav--card.t-tabs__nav-item.t-size-l {
  padding-left: var(--td-comp-paddingLR-xl);
  padding-right: var(--td-comp-paddingLR-xl);
}
.t-tabs__nav--card .t-icon-close {
  color: var(--td-text-color-secondary);
  transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-tabs__nav--card .t-icon-close:hover {
  color: var(--td-text-color-primary);
}
.t-tabs__content {
  overflow: hidden;
  position: relative;
}
.t-tab-panel.t-is-hidden {
  display: none;
}
a.t-menu__item {
  text-decoration: none;
  color: unset;
}
a.t-menu__item:hover,
a.t-menu__item:active {
  color: inherit;
}
.t-menu__logo > * {
  margin-left: var(--td-comp-margin-xxl);
}
.t-head-menu {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 100%;
  background-color: var(--td-bg-color-container);
}
.t-head-menu__inner {
  display: flex;
  height: var(--td-comp-size-xxxl);
}
.t-head-menu__inner li + li {
  margin-left: var(--td-comp-margin-s);
}
.t-head-menu__inner .t-menu:first-child {
  margin-left: var(--td-comp-margin-xxl);
}
.t-head-menu .t-menu__logo:not(:empty) {
  height: 100%;
  margin-right: var(--td-comp-margin-xxxl);
}
.t-head-menu .t-menu {
  flex: 1;
  display: flex;
  align-items: center;
}
.t-head-menu .t-menu__operations:not(:empty) {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--td-comp-size-xxxl);
  line-height: 64px;
  text-align: right;
  margin-right: var(--td-comp-margin-s);
  overflow: hidden;
}
.t-head-menu .t-menu__operations-icon {
  width: var(--td-comp-size-m);
  height: var(--td-comp-size-m);
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
  line-height: var(--td-comp-size-m);
  box-sizing: border-box;
}
.t-head-menu .t-submenu > .t-menu__item {
  overflow: unset;
}
.t-head-menu .t-submenu > .t-menu__item::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.t-head-menu .t-menu__item {
  height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
  padding: 0 var(--td-comp-paddingLR-l);
  justify-content: center;
  transition: all 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
  gap: var(--td-comp-margin-m);
}
.t-head-menu__submenu {
  border-top: 1px solid var(--td-component-stroke);
  padding-left: 0;
}
.t-default-menu {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 232px;
  display: inline-block;
  background: var(--td-bg-color-container);
  transition: width 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
  white-space: nowrap;
}
.t-default-menu .t-menu__item {
  color: var(--td-text-color-secondary);
}
.t-default-menu.t-is-collapsed {
  width: 64px;
}
.t-default-menu.t-is-collapsed .t-menu__logo > * {
  margin-left: var(--td-comp-margin-l);
}
.t-default-menu.t-is-collapsed .t-menu .t-menu__item {
  padding: 0 14px;
  justify-content: center;
}
.t-default-menu.t-is-collapsed .t-menu .t-menu__item .t-menu__item-link {
  margin-left: 0;
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.t-default-menu.t-is-collapsed .t-fake-arrow {
  display: none;
}
.t-default-menu.t-is-collapsed .t-menu__item {
  text-overflow: initial;
}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon {
  color: var(--td-brand-color);
}
.t-default-menu.t-is-collapsed .t-menu__item.t-menu__item--plain::after {
  content: "";
}
.t-default-menu.t-is-collapsed .t-menu__item span {
  display: none;
}
.t-default-menu.t-is-collapsed .t-menu__item .t-icon {
  margin-right: initial;
}
.t-default-menu.t-is-collapsed .t-submenu-icon {
  display: none;
}
.t-default-menu.t-is-collapsed .t-submenu > .t-menu__item {
  min-width: initial;
}
.t-default-menu.t-is-collapsed .t-submenu > .t-menu__item::after {
  content: "";
  display: block;
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
}
.t-default-menu.t-is-collapsed .t-menu-group:first-child .t-menu-group__title {
  display: none;
}
.t-default-menu.t-is-collapsed .t-menu-group:first-child .t-menu-group__title + * {
  margin-top: 0;
}
.t-default-menu.t-is-collapsed .t-menu-group__title {
  padding: 0;
  font-size: 0;
}
.t-default-menu.t-is-collapsed .t-menu-group__title::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  width: 20px;
  background: var(--td-component-stroke);
}
.t-default-menu.t-is-collapsed .t-menu__operations {
  text-align: center;
}
.t-default-menu.t-is-collapsed .t-menu__operations-icon {
  display: block;
}
.t-default-menu.t-is-collapsed .t-menu__log > * {
  margin: 0 auto;
}
.t-default-menu__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.t-default-menu__inner .t-menu__logo:not(:empty) {
  box-sizing: border-box;
  width: 100%;
  height: var(--td-comp-size-xxxl);
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-default-menu__inner .t-menu {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-s);
  position: relative;
  flex: 1;
}
.t-default-menu__inner .t-menu--scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
@-moz-document url-prefix() {
  .t-default-menu__inner .t-menu--scroll {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb:vertical:hover,
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-default-menu__inner .t-menu > *:not(.t-menu-group):not(:first-child) {
  margin-top: var(--td-comp-margin-xs);
}
.t-default-menu__inner .t-menu .t-menu-group > *:not(:first-child),
.t-default-menu__inner .t-menu .t-menu__sub > *:not(:first-child),
.t-default-menu__inner .t-menu .t-submenu > *:not(:first-child) {
  margin-top: var(--td-comp-margin-xs);
}
.t-default-menu__inner .t-menu-group__title {
  position: relative;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);
  color: var(--td-text-color-placeholder);
  font-size: var(--td-font-body-small);
  box-sizing: border-box;
}
.t-default-menu .t-submenu {
  position: relative;
}
.t-default-menu .t-menu__operations:not(:empty) {
  width: 100%;
  position: relative;
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
  top: 0;
  left: 0;
  text-align: left;
  border-top: solid 1px var(--td-component-stroke);
  box-sizing: border-box;
}
.t-default-menu .t-menu__operations-icon {
  width: 32px;
  height: 32px;
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
  cursor: pointer;
  color: var(--td-text-color-primary);
  box-sizing: border-box;
}
.t-default-menu .t-menu__item.t-is-opened {
  color: var(--td-text-color-primary);
  background-color: unset;
}
.t-default-menu .t-menu__item.t-is-opened .t-icon {
  color: var(--td-text-color-primary);
}
.t-default-menu .t-menu__sub {
  padding: 0;
  overflow: hidden;
}
.t-default-menu .t-menu__sub .t-menu__item {
  padding-left: var(--padding-left, 32px);
}
.t-default-menu .t-slide-down-enter-active .t-menu__sub {
  height: 100%;
}
.t-default-menu .t-menu__item {
  position: relative;
  padding: 0 10px 0 16px;
  height: var(--td-comp-size-l);
  line-height: var(--td-comp-size-l);
  border-bottom: 0;
  text-align: left;
  border-radius: var(--td-radius-default);
  transition: background-color 0.28s cubic-bezier(0.38, 0, 0.24, 1), padding 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  box-sizing: border-box;
}
.t-default-menu .t-menu__item .t-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: var(--td-comp-margin-s);
}
.t-default-menu .t-menu__item .t-fake-arrow {
  margin-left: auto;
  min-width: 16px;
}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
  color: var(--td-brand-color);
}
.t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) {
  background: var(--td-bg-color-secondarycontainer-hover);
}
.t-default-menu.t-menu--dark {
  background: var(--td-gray-color-13);
}
.t-default-menu.t-menu--dark .t-menu__item {
  color: var(--td-font-white-2);
}
.t-default-menu.t-menu--dark .t-menu__logo:not(:empty) {
  border-bottom-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__operations:not(:empty) {
  border-top-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) {
  background-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened) {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
  color: var(--td-text-color-anti);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-opened.t-is-active {
  background-color: transparent;
}
.t-default-menu.t-menu--dark .t-menu-group__title {
  color: var(--td-font-white-3);
}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu-group__title:after {
  background-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu__item.t-is-active.t-is-opened {
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon {
  color: var(--td-text-color-anti);
}
.t-menu {
  color: var(--td-text-color-primary);
  font: var(--td-font-body-medium);
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-menu--dark {
  color: var(--td-font-white-2);
}
.t-menu__logo:not(:empty) {
  display: flex;
  align-items: center;
}
.t-menu .t-submenu {
  position: relative;
}
.t-menu .t-submenu.t-is-active > .t-menu__item {
  color: var(--td-gray-color-13);
}
.t-menu .t-submenu.t-is-active > .t-menu__item .t-icon {
  color: var(--td-gray-color-13);
}
.t-menu .t-submenu .t-submenu-icon {
  width: 16px;
  height: 16px;
}
.t-menu .t-submenu.t-is-opened .t-submenu-icon {
  transform: scaleY(-1);
}
.t-menu__spacer::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.t-menu__spacer--left::before {
  left: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.t-menu__spacer--top::before {
  top: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.t-menu__item {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--td-text-color-primary);
  cursor: pointer;
  text-overflow: ellipsis;
  border-radius: var(--td-radius-default);
  --ripple-color: var(--td-bg-color-container-active);
}
.t-menu__item ::selection {
  background: transparent;
}
.t-menu__item-spacer {
  overflow: unset;
}
.t-menu__item-spacer::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.t-menu__item-spacer--right::before {
  right: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.t-menu__item-spacer--bottom::before {
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.t-menu__item a {
  color: unset;
  text-decoration: none;
}
.t-menu__item a.t-menu__item-link {
  color: unset;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-menu__item a.t-menu__item-link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.t-menu__item.t-is-active {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-menu__item.t-is-opened {
  color: var(--td-brand-color);
}
.t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled) {
  background-color: var(--td-bg-color-container-hover);
}
.t-menu__item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-menu__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-menu--dark.t-head-menu {
  background-color: var(--td-gray-color-13);
}
.t-menu--dark .t-menu__item {
  color: var(--td-text-color-anti);
  --ripple-color: var(--td-gray-color-11);
}
.t-menu--dark .t-menu__item.t-is-active {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-menu--dark .t-menu__item.t-is-opened {
  color: var(--td-text-color-anti);
}
.t-menu--dark .t-menu__item.t-is-opened .t-icon {
  color: var(--td-text-color-anti);
}
.t-menu--dark .t-menu__item.t-is-disabled {
  color: var(--td-font-white-4);
}
.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled) {
  background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-menu__popup {
  background: var(--td-gray-color-13);
  border: solid 0.5px var(--td-gray-color-10);
}
.t-menu--dark .t-menu__popup .t-menu__item {
  color: var(--td-text-color-anti);
  border-radius: var(--td-radius-default);
}
.t-menu--dark .t-menu__popup .t-menu__item.t-is-active {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-menu--dark .t-menu__popup .t-menu__item:hover:not(.t-is-active) {
  background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-head-menu__submenu {
  border-top: 1px solid transparent;
}
.t-menu--dark .t-menu__operations-icon {
  color: var(--td-bg-color-container);
}
.t-menu--dark .t-menu__operations-icon:hover {
  background-color: var(--td-brand-color);
}
.t-menu__popup {
  overflow: hidden;
  background: var(--td-bg-color-container);
  z-index: 1000;
  border-radius: var(--td-radius-medium);
  opacity: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-menu__popup.t-popup__content {
  position: absolute;
}
.t-menu__popup-wrapper {
  padding: var(--td-pop-padding-m);
  height: 100%;
  list-style: none;
  margin: 0;
}
@-moz-document url-prefix() {
  .t-menu__popup-wrapper {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-menu__popup-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-menu__popup-wrapper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-menu__popup-wrapper::-webkit-scrollbar-thumb:vertical:hover,
.t-menu__popup-wrapper::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-menu__popup .t-fake-arrow {
  margin-left: auto;
}
.t-menu__popup .t-menu__item {
  padding-left: var(--td-comp-paddingLR-l);
  padding-right: var(--td-comp-paddingLR-l);
}
.t-menu__popup.t-is-vertical {
  min-width: var(--popup-width, 160px);
}
.t-menu__popup.t-is-horizontal .t-menu__item {
  white-space: nowrap;
}
.t-menu__popup.t-is-horizontal li + li {
  margin-top: var(--td-comp-margin-xs);
}
.t-menu__popup.t-is-opened {
  opacity: 1;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 14px 6px rgba(0, 0, 0, 0.05);
  overflow: visible;
}
.t-menu__popup .t-menu__item {
  color: var(--td-text-color-primary);
  height: var(--td-comp-size-s);
  line-height: var(--td-comp-size-s);
}
.t-menu__popup .t-menu__item + .t-menu__item {
  margin-left: 0;
}
.t-menu__popup .t-menu__item:hover:not(.t-is-active) {
  background-color: var(--td-bg-color-container-hover);
}
.t-menu__popup .t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-menu__operations-icon {
  margin-right: var(--td-comp-margin-l);
  border-radius: var(--td-radius-default);
  color: var(--td-text-color-primary);
  transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-menu__operations-icon:hover {
  background-color: var(--td-brand-color-light);
}
.t-opacity-transition {
  transition: opacity 0.28s cubic-bezier(0.55, 0, 0.1, 1);
}
.horizontal-collapse-transition .t-submenu__title .t-submenu__icon-arrow {
  transition: 0.2s;
  opacity: 0;
}
.t-menu__popup {
  top: 0;
  left: calc(100% - var(--td-pop-padding-m));
}
.t-menu__popup .t-menu__item:not(:first-child),
.t-menu__popup .t-submenu:not(:first-child) {
  margin-top: var(--td-comp-margin-xxs);
}
.t-is-head-menu .t-menu__popup {
  margin-top: calc((var(--td-comp-size-xxxl) - var(--td-comp-size-m)) / 2) !important;
}
.t-menu-is-nested .t-menu__popup {
  margin-top: calc(0px - var(--td-pop-padding-m)) !important;
}
.input-readonly.t-is-readonly {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
}
.input-readonly.t-is-readonly .t-input__inner {
  cursor: pointer;
}
.input-disabled.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.input-disabled.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.input-disabled.t-is-disabled .t-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  text-overflow: initial;
}
.input-disabled.t-is-disabled .t-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled > .t-input__prefix .t-icon,
.input-disabled.t-is-disabled > .t-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled > .t-input__prefix .t-icon:hover,
.input-disabled.t-is-disabled > .t-input__suffix .t-icon:hover {
  color: var(--td-text-color-disabled);
}
.t-tips {
  font-size: var(--td-font-size-body-small);
}
.t-tips.t-is-default {
  color: var(--td-text-color-placeholder);
}
.t-tips.t-is-error {
  color: var(--td-error-color);
}
.t-tips.t-is-warning {
  color: var(--td-warning-color);
}
.t-tips.t-is-success {
  color: var(--td-success-color);
}
.t-input {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  height: var(--td-comp-size-m);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--td-radius-default);
  border-color: var(--td-border-level-2-color);
  padding: 0 var(--td-comp-paddingLR-s);
  background-color: var(--td-bg-color-specialcomponent);
  outline: none;
  color: var(--td-text-color-primary);
  font: var(--td-font-body-medium);
  width: 100%;
  box-sizing: border-box;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.t-input:hover {
  border-color: var(--td-brand-color);
}
.t-input:focus {
  z-index: 1;
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-input--borderless:not(.t-input--focused) {
  border-color: transparent;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-input--borderless:not(.t-input--focused):hover {
  border-color: var(--td-component-border);
  background-color: var(--td-bg-color-container-hover);
  cursor: pointer;
}
.t-input--borderless:not(.t-input--focused).t-is-disabled {
  border: none;
  background-color: var(--td-bg-color-component-disabled);
}
.t-input--focused {
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
  z-index: 1;
}
.t-input :focus-visible {
  outline: none;
}
.t-input__inner {
  flex: 1;
  border: none;
  outline: none;
  padding: 0;
  max-width: 100%;
  min-width: 0;
  color: var(--td-text-color-primary);
  font: inherit;
  background-color: transparent;
  box-sizing: border-box;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-input__inner::placeholder {
  color: var(--td-text-color-placeholder);
}
.t-input__inner:placeholder-shown {
  text-overflow: ellipsis;
  width: 100%;
}
.t-input__inner[type="password"]::-ms-reveal {
  display: none;
}
.t-input__inner[type="search"]::-webkit-search-decoration,
.t-input__inner[type="search"]::-webkit-search-cancel-button,
.t-input__inner[type="search"]::-webkit-search-results-button,
.t-input__inner[type="search"]::-webkit-search-results-decoration {
  appearance: none;
}
.t-input__inner.t-input--soft-hidden {
  width: 0;
}
.t-input__extra {
  font: var(--td-font-body-small);
  color: var(--td-text-color-placeholder);
}
.t-input__status {
  position: absolute;
  right: -24px;
  top: 0;
}
.t-input.t-input--suffix > span.t-input__clear {
  opacity: 0;
  visibility: hidden;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-input.t-input--suffix:hover > span.t-input__clear {
  opacity: 1;
  visibility: visible;
}
.t-input.t-is-success {
  border-color: var(--td-success-color);
}
.t-input.t-is-success:focus {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-input.t-is-success.t-input--focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-input.t-is-success > .t-input__extra {
  color: var(--td-success-color);
}
.t-input.t-is-warning {
  border-color: var(--td-warning-color);
}
.t-input.t-is-warning:focus {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-input.t-is-warning.t-input--focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-input.t-is-warning > .t-input__extra {
  color: var(--td-warning-color);
}
.t-input.t-is-error {
  border-color: var(--td-error-color);
}
.t-input.t-is-error:focus {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-input.t-is-error.t-input--focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-input.t-is-error > .t-input__extra {
  color: var(--td-error-color);
}
.t-input.t-is-readonly {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
}
.t-input.t-is-readonly .t-input__inner {
  cursor: pointer;
}
.t-input.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-input.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-input.t-is-disabled .t-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  text-overflow: initial;
}
.t-input.t-is-disabled .t-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled > .t-input__prefix .t-icon,
.t-input.t-is-disabled > .t-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled > .t-input__prefix .t-icon:hover,
.t-input.t-is-disabled > .t-input__suffix .t-icon:hover {
  color: var(--td-text-color-disabled);
}
.t-input.t-input--prefix > .t-input__prefix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}
.t-input.t-input--prefix > .t-input__prefix-icon {
  font-size: var(--td-font-size-body-large);
}
.t-input.t-input--suffix > .t-input__suffix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}
.t-input.t-input--suffix > .t-input__suffix-icon {
  font-size: var(--td-font-size-body-large);
}
.t-input .t-input__suffix-clear {
  cursor: pointer;
}
.t-input.t-size-l {
  height: var(--td-comp-size-xl);
  font: var(--td-font-body-large);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
}
.t-input.t-size-s {
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
}
.t-input .t-input__prefix > .t-icon,
.t-input .t-input__suffix > .t-icon {
  font-size: inherit;
}
.t-input .t-input__prefix > .t-icon {
  font-size: 16px;
  color: var(--td-text-color-placeholder);
}
.t-input .t-input__prefix:not(:empty) {
  margin-right: var(--td-comp-margin-s);
}
.t-input .t-input__suffix > .t-icon {
  color: var(--td-text-color-placeholder);
  transition: all 0.2s linear;
}
.t-input .t-input__suffix > .t-icon:hover {
  color: var(--td-text-color-secondary);
  transition: all 0.2s linear;
}
.t-input .t-input__suffix:not(:empty) {
  margin-left: var(--td-comp-margin-s);
}
.t-input.t-is-focused .t-input__prefix > .t-icon {
  color: var(--td-brand-color);
}
.t-input.t-is-focused .t-input__suffix > .t-icon-time,
.t-input.t-is-focused .t-input__suffix .t-icon-calendar {
  color: var(--td-brand-color);
}
.t-input-group {
  position: relative;
  display: inline-flex;
  align-items: stretch;
}
.t-input-group .t-input__wrap {
  border-radius: 0;
}
.t-input-group .t-input__wrap:first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group .t-input__wrap:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group .t-button,
.t-input-group .t-select {
  border-radius: 0;
}
.t-input-group .t-button:not(:first-child),
.t-input-group .t-select:not(:first-child) {
  margin-left: -1px;
}
.t-input-group .t-input__wrap:not(:first-child) .t-input {
  margin-left: -1px;
}
.t-input-group .t-input__wrap:first-child .t-input {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group .t-input__wrap:last-child .t-input {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group .t-button:first-child,
.t-input-group .t-select:first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group .t-button:last-child,
.t-input-group .t-select:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group--separate .t-input__wrap + .t-input__wrap {
  margin-left: var(--td-comp-margin-xxxl);
}
.t-input-group--separate .t-button,
.t-input-group--separate .t-select {
  border-radius: var(--td-radius-default);
}
.t-input-group--separate .t-button:first-child,
.t-input-group--separate .t-select:first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group--separate .t-button:last-child,
.t-input-group--separate .t-select:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group--separate .t-input__wrap .t-input {
  border-radius: var(--td-radius-default);
}
.t-input-group--separate .t-input__wrap .t-input:first-child {
  border-radius: var(--td-radius-default);
}
.t-input-group--separate .t-input__wrap .t-input:last-child {
  border-radius: var(--td-radius-default);
}
.t-input-group .t-input__inner,
.t-input-group .t-button,
.t-input-group .t-select {
  position: relative;
  z-index: 0;
}
.t-input-group .t-input__inner:hover,
.t-input-group .t-button:hover,
.t-input-group .t-select:hover,
.t-input-group .t-input__inner:focus,
.t-input-group .t-button:focus,
.t-input-group .t-select:focus,
.t-input-group .t-input__inner:active,
.t-input-group .t-button:active,
.t-input-group .t-select:active {
  z-index: 1;
}
.t-input__wrap {
  width: 100%;
}
.t-input__tips {
  height: auto;
  min-height: var(--td-line-height-body-small);
  font: var(--td-font-body-small);
  position: absolute;
}
.t-input__tips--default {
  color: var(--td-text-color-placeholder);
}
.t-input__tips--success {
  color: var(--td-success-color);
}
.t-input__tips--warning {
  color: var(--td-warning-color);
}
.t-input__tips--error {
  color: var(--td-error-color);
}
.t-align-center > .t-input__inner {
  text-align: center;
}
.t-align-right > .t-input__inner {
  text-align: right;
}
.t-input__input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}
.t-input--auto-width {
  width: fit-content;
  min-width: 60px;
}
.t-input__limit-number {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-placeholder);
  background: var(--td-bg-color-specialcomponent);
}
.t-input__limit-number.t-is-disabled {
  background: var(--td-bg-color-component-disabled);
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon-loading {
  animation: t-spin 1s linear infinite;
}
@keyframes t-zoom-out {
  from {
    transform: scale(0.2);
  }
  to {
    transform: scale(1);
  }
}
.t-input-number {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 0 var(--td-comp-size-m);
  user-select: none;
  width: 144px;
}
.t-input-number:not(.t-input-number--column) > .t-input-number__decrease + .t-input__wrap {
  margin-left: var(--td-comp-margin-xs);
}
.t-input-number input::-webkit-outer-spin-button,
.t-input-number input::-webkit-inner-spin-button {
  appearance: none;
}
.t-input-number input[type="number"] {
  appearance: textfield;
}
.t-input-number > .t-input__tips {
  position: absolute;
  left: 0;
}
.t-input-number input + .t-input__suffix {
  margin-left: var(--td-comp-paddingLR-s);
}
.t-input-number .t-input__prefix {
  margin-right: var(--td-comp-paddingLR-s);
}
.t-input-number .t-input {
  color: var(--td-text-color-primary);
}
.t-input-number.t-input-number--auto-width {
  width: auto;
}
.t-input-number.t-input-number--auto-width.t-is-controls-right {
  min-width: auto;
  width: auto;
}
.t-input-number.t-input-number--auto-width .t-input__inner {
  min-width: 42px;
}
.t-input-number .t-input-number__decrease,
.t-input-number .t-input-number__increase {
  width: var(--td-comp-size-m);
  height: var(--td-comp-size-m);
  position: absolute;
  top: 0;
  border: 1px solid var(--td-border-level-2-color);
  box-sizing: border-box;
  border-radius: var(--td-radius-default);
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-input-number .t-input-number__decrease:hover,
.t-input-number .t-input-number__increase:hover {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-input-number .t-input-number__decrease:hover .t-icon,
.t-input-number .t-input-number__increase:hover .t-icon {
  color: var(--td-brand-color);
}
.t-input-number .t-input-number__decrease:active,
.t-input-number .t-input-number__increase:active {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-container-hover);
}
.t-input-number .t-input-number__decrease .t-icon,
.t-input-number .t-input-number__increase .t-icon {
  position: relative;
  z-index: 1;
  font-size: var(--td-font-size-body-large);
  color: var(--td-text-color-secondary);
}
.t-input-number .t-input-number__decrease.t-is-disabled,
.t-input-number .t-input-number__increase.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled .t-icon,
.t-input-number .t-input-number__increase.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled:hover,
.t-input-number .t-input-number__increase.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-input-number .t-input-number__decrease.t-is-disabled:hover .t-icon,
.t-input-number .t-input-number__increase.t-is-disabled:hover .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::placeholder,
.t-input-number .t-input-number__increase.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease {
  left: 0;
}
.t-input-number .t-input-number__increase {
  right: -8px;
}
.t-input-number.t-is-disabled .t-input {
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-disabled .t-input:hover,
.t-input-number.t-is-disabled .t-input:focus,
.t-input-number.t-is-disabled .t-input:active {
  border-color: var(--td-border-level-2-color);
}
.t-input-number.t-is-disabled .t-input-number__decrease,
.t-input-number.t-is-disabled .t-input-number__increase {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.t-input-number.t-is-disabled .t-input-number__decrease .t-icon,
.t-input-number.t-is-disabled .t-input-number__increase .t-icon {
  color: var(--td-text-color-secondary);
}
.t-input-number.t-size-s {
  width: 120px;
  padding: 0 var(--td-comp-size-xs);
}
.t-input-number.t-size-s .t-input {
  font-size: var(--td-font-size-body-small);
  height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
}
.t-input-number.t-size-s .t-input-number__decrease,
.t-input-number.t-size-s .t-input-number__increase {
  font-size: var(--td-font-size-body-medium);
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
}
.t-input-number.t-size-l {
  width: 168px;
  padding: 0 var(--td-comp-size-xl);
}
.t-input-number.t-size-l .t-input {
  height: var(--td-comp-size-xl);
  line-height: var(--td-comp-size-xl);
}
.t-input-number.t-size-l .t-input-number__decrease,
.t-input-number.t-size-l .t-input-number__increase {
  font-size: 18px;
  width: var(--td-comp-size-xl);
  height: var(--td-comp-size-xl);
}
.t-input-number.t-size-l.t-is-controls-right .t-input {
  height: var(--td-comp-size-xl);
  line-height: var(--td-comp-size-xl);
  padding-right: calc(var(--td-comp-size-xl) + var(--td-comp-paddingLR-s));
}
.t-input-number.t-size-l.t-is-controls-right .t-input-number__decrease,
.t-input-number.t-size-l.t-is-controls-right .t-input-number__increase {
  width: var(--td-comp-size-xl);
  font-size: var(--td-font-size-body-large);
}
.t-input-number.t-size-l .t-input--prefix {
  font: var(--td-font-body-large);
  padding: 0 var(--td-comp-paddingLR-m);
}
.t-input-number.t-input-number--normal {
  padding: 0;
  border-radius: var(--td-radius-default);
}
.t-input-number.t-input-number--normal.t-is-disabled {
  cursor: no-drop;
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled:hover .t-input {
  border-color: var(--td-border-level-2-color);
}
.t-input-number.t-input-number--normal.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled .t-input:focus {
  box-shadow: none;
}
.t-input-number.t-is-controls-right {
  width: 96px;
  padding: 0;
}
.t-input-number.t-is-controls-right:hover .t-input-number__decrease,
.t-input-number.t-is-controls-right:hover .t-input-number__increase {
  opacity: 1;
  visibility: visible;
}
.t-input-number.t-is-controls-right .t-input {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding-right: calc(var(--td-comp-size-m) + var(--td-comp-paddingLR-s));
  border-radius: var(--td-radius-default);
}
.t-input-number.t-is-controls-right .t-input-number__decrease,
.t-input-number.t-is-controls-right .t-input-number__increase {
  width: var(--td-comp-size-m);
  height: calc(calc(var(--td-comp-size-m) / 2) - 2px);
  border: 0;
  left: initial;
  top: initial;
  right: 1px;
  border-radius: 0;
  background: var(--td-bg-color-secondarycontainer);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.t-input-number.t-is-controls-right .t-input-number__decrease .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase .t-icon {
  font-size: var(--td-font-size-body-small);
}
.t-input-number.t-is-controls-right .t-input-number__decrease:hover,
.t-input-number.t-is-controls-right .t-input-number__increase:hover {
  background: var(--td-bg-color-component-hover);
}
.t-input-number.t-is-controls-right .t-input-number__decrease:hover .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase:hover .t-icon {
  color: var(--td-text-color-primary);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::placeholder,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__increase {
  top: 1px;
  border-top-right-radius: calc(var(--td-radius-default) - 1px);
}
.t-input-number.t-is-controls-right .t-input-number__decrease {
  top: calc(calc(calc(var(--td-comp-size-m) / 2) - 2px) + 3px);
  border-bottom-right-radius: calc(var(--td-radius-default) - 1px);
}
.t-input-number.t-is-controls-right.t-size-l {
  width: 120px;
}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__increase,
.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
  height: calc(calc(var(--td-comp-size-xl) / 2) - 2px);
}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
  top: calc(calc(calc(var(--td-comp-size-xl) / 2) - 2px) + 3px);
}
.t-input-number.t-is-controls-right.t-size-s {
  width: 88px;
}
.t-input-number.t-is-controls-right.t-size-s .t-input-number__increase,
.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
  height: calc(calc(var(--td-comp-size-xs) / 2) - 2px);
}
.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
  top: calc(calc(calc(var(--td-comp-size-xs) / 2) - 2px) + 3px);
}
.t-input-number--row .t-input__wrap {
  width: initial;
  margin-right: var(--td-comp-margin-xs);
}
.t-input-number--row .t-input-number__increase {
  right: 0;
}
.t-tag {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  padding: 0px var(--td-comp-paddingLR-s);
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
  color: var(--td-text-color-anti);
  border-radius: var(--td-radius-default);
  border: 1px solid transparent;
  white-space: nowrap;
}
.t-tag .t-icon {
  margin-right: var(--td-comp-margin-xs);
  width: calc(var(--td-font-size-body-medium) + 2px);
  height: calc(var(--td-font-size-body-medium) + 2px);
  flex-shrink: 0;
}
.t-tag .t-tag__icon-close {
  margin-right: 0;
  margin-left: var(--td-comp-margin-s);
  font: var(--td-font-body-medium);
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tag--default {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-component);
}
.t-tag--default .t-tag__icon-close {
  color: var(--td-text-color-placeholder);
}
.t-tag--default .t-tag__icon-close:hover {
  color: var(--td-text-color-primary);
}
.t-tag--default:active {
  cursor: default;
}
.t-tag--default.t-tag--disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  border-color: var(--td-component-border);
  cursor: not-allowed;
}
.t-tag--default.t-tag--disabled:hover {
  cursor: not-allowed;
}
.t-tag--default.t-tag--disabled .t-icon:hover {
  cursor: pointer;
}
.t-tag--default.t-tag--outline {
  border-color: var(--td-component-border);
}
.t-tag--default.t-tag--light {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tag--default.t-tag--light-outline {
  border-color: var(--td-component-border);
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tag--primary {
  background-color: var(--td-brand-color);
}
.t-tag--primary.t-tag--outline {
  border-color: var(--td-brand-color);
}
.t-tag--primary.t-tag--light {
  background-color: var(--td-brand-color-light);
}
.t-tag--primary.t-tag--light-outline {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-tag--primary.t-tag--light,
.t-tag--primary.t-tag--outline,
.t-tag--primary.t-tag--light-outline {
  color: var(--td-brand-color);
}
.t-tag--primary.t-tag--light .t-tag__icon-close:hover,
.t-tag--primary.t-tag--outline .t-tag__icon-close:hover,
.t-tag--primary.t-tag--light-outline .t-tag__icon-close:hover {
  color: var(--td-brand-color-hover);
}
.t-tag--success {
  background-color: var(--td-success-color);
}
.t-tag--success.t-tag--outline {
  border-color: var(--td-success-color);
}
.t-tag--success.t-tag--light {
  background-color: var(--td-success-color-light);
}
.t-tag--success.t-tag--light-outline {
  border-color: var(--td-success-color);
  background-color: var(--td-success-color-light);
}
.t-tag--success.t-tag--light,
.t-tag--success.t-tag--outline,
.t-tag--success.t-tag--light-outline {
  color: var(--td-success-color);
}
.t-tag--success.t-tag--light .t-tag__icon-close:hover,
.t-tag--success.t-tag--outline .t-tag__icon-close:hover,
.t-tag--success.t-tag--light-outline .t-tag__icon-close:hover {
  color: var(--td-success-color-hover);
}
.t-tag--warning {
  background-color: var(--td-warning-color);
}
.t-tag--warning.t-tag--outline {
  border-color: var(--td-warning-color);
}
.t-tag--warning.t-tag--light {
  background-color: var(--td-warning-color-light);
}
.t-tag--warning.t-tag--light-outline {
  border-color: var(--td-warning-color);
  background-color: var(--td-warning-color-light);
}
.t-tag--warning.t-tag--light,
.t-tag--warning.t-tag--outline,
.t-tag--warning.t-tag--light-outline {
  color: var(--td-warning-color);
}
.t-tag--warning.t-tag--light .t-tag__icon-close:hover,
.t-tag--warning.t-tag--outline .t-tag__icon-close:hover,
.t-tag--warning.t-tag--light-outline .t-tag__icon-close:hover {
  color: var(--td-warning-color-hover);
}
.t-tag--danger {
  background-color: var(--td-error-color);
}
.t-tag--danger.t-tag--outline {
  border-color: var(--td-error-color);
}
.t-tag--danger.t-tag--light {
  background-color: var(--td-error-color-light);
}
.t-tag--danger.t-tag--light-outline {
  border-color: var(--td-error-color);
  background-color: var(--td-error-color-light);
}
.t-tag--danger .t-tag__icon-close {
  fill: var(--td-error-color);
}
.t-tag--danger .t-tag__icon-close:hover {
  fill: var(--td-error-color-hover);
}
.t-tag--danger.t-tag--light,
.t-tag--danger.t-tag--outline,
.t-tag--danger.t-tag--light-outline {
  color: var(--td-error-color);
}
.t-tag--danger.t-tag--light .t-tag__icon-close:hover,
.t-tag--danger.t-tag--outline .t-tag__icon-close:hover,
.t-tag--danger.t-tag--light-outline .t-tag__icon-close:hover {
  color: var(--td-error-color-hover);
}
.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close {
  color: var(--td-font-white-2);
}
.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close:hover {
  color: var(--td-font-white-1);
}
.t-tag.t-tag--outline {
  background: transparent;
}
.t-tag.t-size-s {
  padding: 0px var(--td-comp-paddingLR-xs);
  height: var(--td-comp-size-xxs);
  font: var(--td-font-body-small);
}
.t-tag.t-size-s .t-icon {
  font-size: var(--td-font-body-small);
}
.t-tag.t-size-l {
  padding: 0px var(--td-comp-paddingLR-m);
  height: var(--td-comp-size-m);
  font: var(--td-font-body-medium);
}
.t-tag.t-size-l .t-icon {
  font: var(--td-font-body-medium);
}
.t-tag.t-tag--round {
  border-radius: var(--td-radius-extraLarge);
}
.t-tag.t-tag--mark {
  border-radius: 0 var(--td-radius-extraLarge) var(--td-radius-extraLarge) 0;
}
.t-tag.t-tag--ellipsis .t-tag--text {
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-tag.t-tag--check:not(.t-tag--disabled) {
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  cursor: pointer;
}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--default.t-tag--dark:not(.t-tag--checked):hover {
  background-color: var(--td-bg-color-component-hover);
}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--primary.t-tag--dark.t-tag--checked:hover {
  background-color: var(--td-brand-color-hover);
}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--default.t-tag--outline:not(.t-tag--checked):hover {
  color: var(--td-brand-color-hover);
}
.t-tag--check.t-tag--disabled.t-tag--primary.t-tag--dark {
  background-color: var(--td-brand-color-disabled);
  cursor: not-allowed;
}
.t-tag--check.t-tag--disabled.t-tag--primary.t-tag--outline {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  border-color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-check-tag-group .t-tag:not(:last-child) {
  margin-right: var(--td-comp-margin-s);
}
a .t-tag {
  cursor: pointer;
  transition: all 0.2s linear;
}
a .t-tag:hover {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-component-hover);
}
a .t-tag:active {
  color: var(--td-brand-color-active);
  background-color: var(--td-bg-color-component-active);
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon-loading {
  animation: t-spin 1s linear infinite;
}
@keyframes t-zoom-out {
  from {
    transform: scale(0.2);
  }
  to {
    transform: scale(1);
  }
}
.t-tag-input {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  /** 设计稿：未填充标签场景，边距和已填充不同 */
}
.t-tag-input .t-tag {
  vertical-align: middle;
  animation: t-fade-in 0.2s ease-in-out;
  margin: 3px var(--td-comp-margin-xs) 3px 0;
}
.t-tag-input .t-tag-input__drag_wrapper + .t-tag-input__drag_wrapper {
  margin-left: var(--td-comp-margin-xs);
}
.t-tag-input .t-input {
  overflow: hidden;
  min-height: var(--td-comp-size-m);
  height: fit-content;
  padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-margin-xs);
}
.t-tag-input .t-input .t-input__suffix-icon {
  right: var(--td-comp-margin-s);
}
.t-tag-input .t-input.t-size-s {
  padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-margin-xs);
  min-height: var(--td-comp-size-xs);
}
.t-tag-input .t-input.t-size-s .t-tag {
  margin: 1px var(--td-comp-margin-xs) 1px 0;
}
.t-tag-input .t-input.t-size-l {
  min-height: var(--td-comp-size-xl);
  padding: 0 var(--td-comp-paddingLR-m) 0 var(--td-comp-margin-s);
}
.t-tag-input .t-input.t-size-l .t-input__suffix-icon {
  right: var(--td-comp-margin-m);
}
.t-tag-input.t-is-empty .t-input__inner {
  margin-left: var(--td-comp-margin-xs);
}
.t-tag-input:hover .t-input__inner:not(.t-input--soft-hidden),
.t-tag-input .t-input--focused .t-input__inner:not(.t-input--soft-hidden) {
  min-width: 20px;
}
.t-tag-input .t-tag-input__prefix {
  margin-left: var(--td-comp-margin-xs);
  line-height: 1;
}
.t-tag-input .t-tag-input__prefix > .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-tag-input .t-input .t-input__prefix:not(:empty) {
  margin-right: 0;
}
.t-tag-input.t-input--auto-width .t-input.t-input--focused {
  padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xxs));
}
.t-tag-input.t-input--auto-width .t-input__prefix {
  white-space: nowrap;
}
.t-tag-input .t-input__prefix--scrollable {
  overflow-y: hidden;
  overflow-x: auto;
}
@-moz-document url-prefix() {
  .t-tag-input .t-input__prefix--scrollable {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb:vertical:hover,
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-tag-input__suffix-clear {
  cursor: pointer;
}
.t-tag-input--drag-sort .t-input__prefix .t-tag {
  cursor: move;
}
.t-tag-input--break-line:not(.t-is-empty) .t-input {
  display: block;
}
.t-tag-input--break-line:not(.t-is-empty) .t-input.t-input--prefix > .t-input__prefix {
  display: inline;
  text-align: left;
}
.t-tag-input--break-line:not(.t-is-empty) .t-input .t-input__suffix-icon {
  position: absolute;
  bottom: 0;
}
.t-tag-input--break-line:not(.t-is-empty) .t-tag-input__prefix {
  vertical-align: middle;
}
.t-tag-input__prefix {
  width: max-content;
  display: inline-block;
  margin-right: var(--td-comp-margin-s);
}
/** 换行模式避免标签和右侧图标重合，需保留图标宽度 22px 和左侧距离标签间距 8px */
.t-tag-input--break-line.t-tag-input--with-tag:not(.t-input--auto-width) .t-input,
.t-tag-input.t-input--auto-width:hover .t-input {
  padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xxs));
}
.t-tag-input--break-line.t-tag-input--with-tag:not(.t-input--auto-width) .t-size-l .t-input,
.t-tag-input.t-input--auto-width:hover .t-size-l .t-input {
  padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xs));
}
/** auto-width 模式，左右边距相同 */
.t-tag-input.t-input--auto-width .t-input {
  padding-right: 0;
}
/** max-rows模式，限制最大高度 */
.t-tag-input--max-rows .t-input {
  max-height: calc(var(--max-rows, 1) * (var(--td-comp-size-m) - 2px));
  overflow-y: scroll;
}
.t-tag-input--max-rows .t-input.t-size-s {
  max-height: calc(var(--max-rows, 1) * var(--td-comp-size-xs));
}
.t-tag-input--max-rows .t-input.t-size-l {
  max-height: calc(var(--max-rows, 1) * (var(--td-comp-size-xl) - 2px));
}
.t-select-input {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
/** 宽度自适应场景，多选，预留图标的位置。带标签和不带标签的布局不同，故而间距不同 */
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-tag-input--with-tag .t-input {
  padding-right: var(--td-comp-paddingLR-xl);
}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-tag-input--with-tag .t-input.t-size-l {
  padding-right: calc(var(--td-comp-paddingLR-xl) + var(--td-comp-paddingLR-s));
}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-is-empty .t-input {
  padding-right: var(--td-comp-paddingLR-s);
}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-is-empty .t-input.t-size-l {
  padding-right: var(--td-comp-paddingLR-m);
}
/** 无边框模式 */
.t-select-input--borderless {
  /** 无边框模式的多选 */
}
.t-select-input--borderless .t-input {
  box-shadow: none;
  border: 1px solid transparent;
  background: transparent;
  transition: all 0.2s linear;
}
.t-select-input--borderless .t-input:hover:not(.t-input--focused) {
  border-color: var(--td-component-border);
  background-color: var(--td-bg-color-container-hover);
  border-radius: var(--td-radius-default);
}
.t-select-input--borderless .t-input--focused {
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
  background-color: var(--td-bg-color-specialcomponent);
}
.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible input {
  display: inline-block;
}
.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible .t-input {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-input--borderless.t-tag-input {
  border: 0;
  box-shadow: none;
  background: transparent;
  transition: background-color 0.2s linear;
}
.t-select-input--borderless.t-tag-input:hover {
  background-color: var(--td-bg-color-container-hover);
  border-radius: var(--td-radius-default);
}
.t-checkbox-group {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 16px;
}
.t-checkbox {
  font: var(--td-font-body-medium);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  color: var(--td-text-color-primary);
}
.t-checkbox + .t-checkbox {
  margin-left: inherit;
}
.t-checkbox__former {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  appearance: none;
}
.t-checkbox__input {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border: 1px solid var(--td-border-level-2-color);
  border-radius: var(--td-radius-default);
  background-color: var(--td-bg-color-container);
  box-sizing: border-box;
  flex-shrink: 0;
}
.t-checkbox__input::after {
  content: "";
  position: absolute;
  opacity: 0;
  box-sizing: border-box;
}
.t-checkbox__label {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  font: var(--td-font-body-medium);
}
.t-checkbox:hover .t-checkbox__input {
  border-color: var(--td-brand-color);
  transition: border-color 0.2s linear;
}
.t-checkbox.t-is-checked .t-checkbox__input {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-checkbox.t-is-checked .t-checkbox__input::after {
  opacity: 1;
  top: 6px;
  left: 3px;
  width: 5px;
  height: 9px;
  border: 2px solid var(--td-text-color-anti);
  border-radius: 0 0 1px;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  background: transparent;
}
.t-checkbox.t-is-indeterminate .t-checkbox__input {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-checkbox.t-is-indeterminate .t-checkbox__input::after {
  opacity: 1;
  width: 16px;
  height: 4px;
  left: -1px;
  right: 0;
  top: 5px;
  border: unset;
  transform: scale(0.5);
  background-color: var(--td-font-white-1);
}
.t-checkbox.t-is-disabled {
  cursor: not-allowed;
}
.t-checkbox.t-is-disabled .t-checkbox__label {
  color: var(--td-text-color-disabled);
}
.t-checkbox.t-is-disabled .t-checkbox__input {
  background-color: var(--td-bg-color-component-disabled);
}
.t-checkbox.t-is-disabled:hover .t-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input::after {
  border-color: var(--td-text-color-disabled);
}
.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input::after {
  background-color: var(--td-text-color-disabled);
}
.t-checkbox:focus-visible:focus-visible {
  outline: 2px solid var(--td-brand-color);
  outline-offset: var(--td-comp-paddingTB-xs);
  border-radius: 0;
}
.t-select__wrap {
  width: 100%;
}
.t-select__dropdown .t-popup__content {
  margin: var(--td-comp-paddingTB-s) 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: var(--td-shadow-2);
}
@-moz-document url-prefix() {
  .t-select__dropdown .t-popup__content {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-select__dropdown-inner {
  min-height: var(--td-comp-size-m);
}
.t-select__dropdown-inner .t-select__list .t-select__list {
  padding: 0;
}
.t-select__dropdown-inner .t-select__list,
.t-select__dropdown-inner .t-tree {
  padding: var(--td-pop-padding-m);
}
.t-select__dropdown-inner--size-s {
  min-height: var(--td-comp-size-xs);
}
.t-select__dropdown-inner--size-s .t-select__list,
.t-select__dropdown-inner--size-s .t-tree {
  padding: var(--td-pop-padding-s);
}
.t-select__dropdown-inner--size-l {
  min-height: var(--td-comp-size-xl);
}
.t-select__dropdown-inner--size-l .t-select__list,
.t-select__dropdown-inner--size-l .t-tree {
  padding: var(--td-pop-padding-l);
}
.t-select__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-select__dropdown.t-popup {
  padding: 0;
}
.t-select__empty.t-size-s {
  line-height: var(--td-comp-size-xs);
}
.t-select__empty {
  text-align: center;
  color: var(--td-text-color-disabled);
  line-height: var(--td-comp-size-m);
  padding: 0 var(--td-comp-paddingLR-s);
}
.t-select__empty.t-size-l {
  line-height: var(--td-comp-size-xl);
}
.t-select__loading-tips.t-size-s {
  min-height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
}
.t-select__loading-tips {
  position: fixed;
  top: var(--td-comp-paddingTB-s);
  left: 0;
  bottom: var(--td-comp-paddingTB-s);
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
  min-height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
  color: var(--td-text-color-disabled);
  z-index: 1000;
}
.t-select__loading-tips.t-size-l {
  min-height: var(--td-comp-size-xl);
  line-height: var(--td-comp-size-xl);
}
.t-select-option-group + .t-select-option-group {
  padding-top: var(--td-comp-margin-xs);
  margin-top: var(--td-comp-margin-xs);
}
.t-select-option-group__divider + .t-select-option-group__divider {
  position: relative;
}
.t-select-option-group__divider + .t-select-option-group__divider::before {
  content: "";
  width: 100%;
  height: 1px;
  padding: 0 var(--td-comp-paddingLR-s);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-color: var(--td-border-level-1-color);
  background-clip: content-box;
}
ul.t-select-option-group__header,
.t-select-option-group__header {
  color: var(--td-text-color-placeholder);
  display: block;
  height: var(--td-comp-size-s);
  line-height: var(--td-comp-size-s);
  padding: 0 var(--td-comp-paddingLR-s);
  box-sizing: border-box;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option-group__header.t-size-l {
  height: var(--td-comp-size-l);
  line-height: var(--td-comp-size-l);
  padding: 0 var(--td-comp-paddingLR-m);
}
.t-select-option-group__header.t-size-s {
  height: var(--td-comp-size-xxs);
  line-height: var(--td-comp-size-xxs);
  padding: 0 var(--td-comp-paddingLR-s);
}
.t-select-option {
  display: flex;
  align-items: center;
  border-radius: var(--td-radius-default);
  height: var(--td-comp-size-s);
  font: var(--td-font-body-medium);
  cursor: pointer;
  padding: 0 var(--td-comp-paddingLR-s);
  color: var(--td-text-color-primary);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  box-sizing: border-box;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-select-option span {
  position: relative;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__label {
  color: inherit;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__input {
  border-color: var(--td-brand-color);
}
.t-select-option .t-checkbox__label {
  color: var(--td-text-color-primary);
  flex: 1;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option .t-checkbox {
  width: 100%;
}
.t-select-option.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-is-disabled:hover,
.t-select-option.t-is-disabled :active {
  background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-size-l {
  height: var(--td-comp-size-l);
  padding: 0 var(--td-comp-paddingLR-m);
  font: var(--td-font-body-large);
}
.t-select-option.t-size-m {
  font: var(--td-font-body-medium);
}
.t-select-option.t-size-s {
  height: var(--td-comp-size-xxs);
  padding: 0 var(--td-comp-paddingLR-s);
  font: var(--td-font-body-small);
}
.t-select-option.t-is-selected:not(.t-is-disabled) {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
  transition: all 0.2s linear;
}
.t-select-option.t-is-selected:not(.t-is-disabled) .t-checkbox__label {
  color: var(--td-brand-color);
}
.t-select-option.t-is-selected:not(.t-is-disabled):hover {
  background-color: var(--td-brand-color-light);
}
/** 规范 CSS 类名为 --hover */
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected),
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input {
  border-color: var(--td-brand-color);
}
.t-select-option.t-select-option__hover .t-checkbox__label,
.t-select-option.t-select-option--hover .t-checkbox__label {
  color: inherit;
}
.t-select-option + .t-select-option {
  margin-top: var(--td-comp-paddingTB-xxs);
}
.t-select.t-select-input--borderless .t-select__right-icon {
  position: relative;
  margin: 0;
}
.t-select .t-fake-arrow {
  color: var(--td-text-color-placeholder);
}
.t-select .t-fake-arrow--active {
  color: var(--td-brand-color);
}
.t-is-selected.t-select-option__hover {
  background-color: var(--td-brand-color-light-hover);
}
.t-is-selected.t-select-option__hover .t-checkbox__label {
  color: var(--td-brand-color);
}
.t-input-adornment {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.t-input-adornment__prepend .t-input,
.t-input-adornment__append .t-input,
.t-input-adornment__prepend .t-textarea__inner,
.t-input-adornment__append .t-textarea__inner {
  background-color: transparent;
}
.t-input-adornment__prepend {
  background-color: var(--td-bg-color-secondarycontainer);
  color: var(--td-text-color-primary);
  word-break: keep-all;
  margin-right: -1px;
}
.t-input-adornment__append {
  background-color: var(--td-bg-color-secondarycontainer);
  color: var(--td-text-color-primary);
  word-break: keep-all;
  margin-left: -1px;
}
.t-input-adornment__text {
  display: inline-flex;
  height: 100%;
  align-items: center;
  box-sizing: border-box;
  white-space: nowrap;
  padding: 0 var(--td-comp-paddingLR-s);
  border: 1px solid var(--td-border-level-2-color);
}
.t-input-adornment > :first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-adornment > :first-child .t-input,
.t-input-adornment > :first-child .t-input-adornment__text,
.t-input-adornment > :first-child .t-textarea__inner {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-adornment > :last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-adornment > :last-child .t-input,
.t-input-adornment > :last-child .t-input-adornment__text,
.t-input-adornment > :last-child .t-textarea__inner {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-adornment > :not(:last-child):hover {
  z-index: 2;
}
.t-input-adornment > :not(:first-child):not(:last-child) .t-input,
.t-input-adornment > :not(:first-child):not(:last-child) .t-textarea__inner {
  border-radius: 0;
}
.t-pagination-mini {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-pagination-mini--outline .t-pagination-mini__prev {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  z-index: 1;
}
.t-pagination-mini--outline .t-pagination-mini__current {
  border-radius: 0;
  position: relative;
  margin-left: -1px;
}
.t-pagination-mini--outline .t-pagination-mini__current:hover {
  z-index: 1;
}
.t-pagination-mini--outline .t-pagination-mini__next {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  margin-left: -1px;
}
.t-pagination-mini--outline .t-pagination-mini__next:hover {
  z-index: 1;
}
.t-pagination {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
  color: var(--td-text-color-secondary);
  user-select: none;
}
.t-pagination.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-pagination__total {
  font: var(--td-font-body-medium);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-pagination .t-select__wrap {
  width: auto;
}
.t-pagination__select {
  flex-shrink: 0;
  margin-right: var(--td-comp-margin-l);
  height: var(--td-comp-size-m);
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
}
.t-pagination__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  color: var(--td-text-color-secondary);
  border-radius: var(--td-radius-default);
  font: var(--td-font-body-large);
  width: var(--td-comp-size-m);
  height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
}
.t-pagination__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination__btn:active {
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination__btn.t-is-disabled,
.t-pagination__btn.t-is-disabled:hover,
.t-pagination__btn.t-is-disabled:active {
  background: none;
  color: var(--td-text-color-disabled);
}
.t-pagination__btn.t-is-disabled {
  cursor: not-allowed;
}
.t-pagination__btn-prev {
  margin-right: var(--td-comp-margin-s);
}
.t-pagination__btn-next {
  margin-left: var(--td-comp-margin-s);
}
.t-pagination__btn + .t-pagination__select {
  margin-right: 0;
}
.t-pagination__pager {
  flex-shrink: 0;
  display: inline-flex;
  vertical-align: middle;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-pagination__pager li:not(:last-child) {
  margin-right: var(--td-comp-margin-s);
}
.t-pagination__number {
  display: inline-block;
  border: 1px solid var(--td-component-border);
  text-align: center;
  border-radius: var(--td-radius-default);
  cursor: pointer;
  background-color: var(--td-bg-color-container);
  box-sizing: border-box;
  height: var(--td-comp-size-m);
  min-width: var(--td-comp-size-m);
  line-height: calc(var(--td-comp-size-m) - 2px);
  font-size: var(--td-font-body-medium);
  padding-left: var(--td-comp-paddingLR-xs);
  padding-right: var(--td-comp-paddingLR-xs);
}
.t-pagination__number:hover {
  color: var(--td-brand-color-hover);
  border-color: var(--td-brand-color-hover);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination__number:active {
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color);
}
.t-pagination__number.t-is-current {
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color);
}
.t-pagination__number.t-is-current.t-is-disabled,
.t-pagination__number.t-is-current.t-is-disabled:hover,
.t-pagination__number.t-is-current.t-is-disabled:active {
  background-color: var(--td-brand-color-focus);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-focus);
}
.t-pagination__number.t-is-disabled {
  cursor: auto;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
}
.t-pagination__number.t-is-disabled:hover,
.t-pagination__number.t-is-disabled:active {
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
  border-color: var(--td-component-border);
}
.t-pagination__number--more {
  border: 0 none;
  padding: 0;
}
.t-pagination__number--more:hover {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-hover);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination__number--more:active {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination__number--more.t-is-disabled,
.t-pagination__number--more.t-is-disabled:hover,
.t-pagination__number--more.t-is-disabled:active {
  background: none;
}
.t-pagination__number--more .t-icon-more {
  transform: rotate(90deg);
  color: var(--td-text-color-disabled);
}
.t-pagination__jump {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: var(--td-comp-margin-s);
  font-size: var(--td-font-body-medium);
  gap: var(--td-comp-margin-s);
  background-color: var(--td-bg-color-secondarycontainer);
  height: var(--td-comp-size-m);
  padding-left: var(--td-comp-margin-s);
  border-radius: var(--td-radius-default);
}
.t-pagination .t-input-adornment__append {
  border: none;
  height: calc(var(--td-comp-size-m) - 4px);
  color: var(--td-text-color-secondary);
  background-color: transparent;
}
.t-pagination .t-input-adornment__append .t-input-adornment__text {
  border: none;
}
.t-pagination .t-input-number {
  width: 56px;
}
.t-pagination .t-input-number .t-input {
  height: calc(var(--td-comp-size-m) - 4px);
  border-radius: var(--td-radius-default);
}
.t-pagination .t-input-number .t-input__inner {
  text-align: center;
}
.t-pagination.t-size-s {
  font: var(--td-font-body-small);
}
.t-pagination.t-size-s .t-pagination__jump {
  height: var(--td-comp-size-xs);
}
.t-pagination.t-size-s .t-input-adornment__append {
  height: calc(var(--td-comp-size-xs) - 4px);
  font: var(--td-font-body-small);
}
.t-pagination.t-size-s .t-input-number {
  width: 48px;
}
.t-pagination.t-size-s .t-input-number .t-input {
  height: calc(var(--td-comp-size-xs) - 4px);
}
.t-pagination.t-size-s .t-pagination__total {
  font: var(--td-font-body-small);
}
.t-pagination.t-size-s .t-pagination__select {
  height: var(--td-comp-size-xs);
  font-size: var(--td-font-size-body-small);
}
.t-pagination.t-size-s .t-pagination__number {
  border: 0 none;
  height: var(--td-comp-size-xs);
  min-width: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
  font-size: var(--td-font-body-small);
  padding-left: var(--td-comp-paddingLR-xxs);
  padding-right: var(--td-comp-paddingLR-xxs);
}
.t-pagination.t-size-s .t-pagination__number:hover:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-hover);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination.t-size-s .t-pagination__number:active:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination.t-size-s .t-pagination__number.t-is-disabled {
  background: none;
  color: var(--td-text-color-disabled);
}
.t-pagination.t-size-s .t-pagination__number.t-is-current.t-is-disabled {
  background-color: var(--td-brand-color-focus);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-focus);
}
.t-pagination.t-size-s .t-pagination__btn {
  border: 0 none;
  background: none;
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
}
.t-pagination.t-size-s .t-pagination__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination.t-size-s .t-pagination__btn:active {
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled,
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:hover,
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:active {
  background: none;
  color: var(--td-text-color-disabled);
}
/** IE 兼容 **/
.t-pagination-ie {
  /** 在 IE11 以下浏览器，input autoWidth 计算无法依赖 observer，因而加上最小宽度，避免分页信息出现 0 的情况 */
}
.t-pagination-ie .t-select .t-input__inner {
  min-width: 54px;
}
.default-step-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  font-size: var(--td-font-size-body-large);
}
.t-steps {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
}
.t-steps .t-steps-item {
  flex: 1;
  overflow: hidden;
  vertical-align: top;
  margin-right: var(--td-comp-margin-s);
  position: relative;
  display: flex;
}
.t-steps .t-steps-item:last-child {
  flex: none;
}
.t-steps .t-steps-item__inner {
  width: fit-content;
  position: relative;
  display: flex;
}
.t-steps .t-steps-item__inner.t-steps-item--clickable {
  cursor: pointer;
}
.t-steps .t-steps-item--finish .t-steps-item__icon .t-icon {
  color: var(--td-brand-color);
}
.t-steps .t-steps-item--finish .t-steps-item__icon--number {
  border-color: var(--td-brand-color);
}
.t-steps .t-steps-item--finish .t-steps-item__title {
  color: var(--td-text-color-primary);
  font-weight: normal;
}
.t-steps .t-steps-item--finish .t-steps-item__description {
  color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item--process .t-steps-item__icon .t-icon {
  color: var(--td-brand-color);
}
.t-steps .t-steps-item--process .t-steps-item__icon--number {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  font-weight: bold;
}
.t-steps .t-steps-item--process .t-steps-item__title {
  color: var(--td-brand-color);
  font-weight: bold;
}
.t-steps .t-steps-item--process .t-steps-item__description {
  color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item--error .t-steps-item__icon .t-icon {
  color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__icon--number {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__title {
  color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__description {
  color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item__icon {
  vertical-align: top;
  font-size: var(--td-font-size-body-medium);
  margin-right: var(--td-comp-margin-s);
  color: var(--td-text-color-placeholder);
}
.t-steps .t-steps-item__icon--number {
  color: var(--td-text-color-placeholder);
  border: 1px solid var(--td-text-color-placeholder);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  font-size: var(--td-font-size-body-large);
}
.t-steps .t-steps-item__icon--finish {
  border: 1px solid var(--td-brand-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  font-size: var(--td-font-size-body-large);
}
.t-steps .t-steps-item__icon--error {
  border: 1px solid var(--td-error-color);
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  font-size: var(--td-font-size-body-large);
}
.t-steps .t-steps-item__icon > .t-icon {
  font-size: calc(var(--td-font-size-body-medium) + 10px);
}
.t-steps .t-steps-item__title {
  position: relative;
  padding-right: var(--td-comp-margin-s);
  color: var(--td-text-color-placeholder);
  font-size: var(--td-font-size-body-large);
  line-height: 24px;
}
.t-steps .t-steps-item__description {
  color: var(--td-text-color-placeholder);
  font-size: var(--td-font-size-body-medium);
  margin-bottom: var(--td-comp-margin-xs);
  line-height: 22px;
}
.t-steps--line-separator .t-steps-item:before,
.t-steps--line-separator .t-steps-item:after,
.t-steps--line-separator .t-steps-item__title:after {
  border-style: solid;
}
.t-steps--dashed-separator .t-steps-item:before,
.t-steps--dashed-separator .t-steps-item:after,
.t-steps--dashed-separator .t-steps-item__title:after {
  border-style: dashed;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__title {
  width: fit-content;
  margin-bottom: var(--td-comp-margin-xs);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon__number {
  width: 22px;
  height: 22px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon > .t-icon {
  font-size: calc(var(--td-font-size-body-medium) + 10px);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item:not(:last-child) .t-steps-item__title:after {
  content: "";
  display: block;
  width: 9999px;
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
  flex: 1;
  height: 24px;
  content: "^";
  transform: rotateZ(90deg);
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
  border: 0;
  font-size: var(--td-font-size-body-large);
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item:not(:last-child) .t-steps-item__title:after {
  content: "";
  display: block;
  width: 9999px;
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
  flex: 1;
  height: 24px;
  content: "^";
  transform: rotateZ(90deg);
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
  border: 0;
  font-size: var(--td-font-size-body-large);
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
  transform: rotateZ(-90deg);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--process:not(:last-child) .t-steps-item__title:after,
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item {
  overflow: visible;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item .t-steps-item__title {
  padding-right: 0;
  margin-bottom: var(--td-comp-margin-xs);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
  border-color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon {
  background: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon {
  background: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__icon {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid var(--td-text-color-placeholder);
  border-radius: var(--td-radius-circle);
  margin-bottom: var(--td-comp-margin-xs);
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__content {
  text-align: center;
  width: 140px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
  flex: 1;
  content: "^";
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  border: 0;
  font-size: var(--td-font-size-body-large);
  transform: rotateZ(90deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: calc(140px / 2 + 8px);
  top: 2.5px;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item:not(:last-child):not(.t-steps-item--finish)::after {
  border-color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
  flex: 1;
  content: "^";
  display: inline-flex;
  justify-content: center;
  align-items: flex-start;
  border: 0;
  font-size: var(--td-font-size-body-large);
  transform: rotateZ(90deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
  transform: rotateZ(-90deg);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: calc(140px / 2 + 8px);
  top: 2.5px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item:not(:last-child):not(.t-steps-item--finish)::after {
  border-color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.t-steps--vertical {
  width: fit-content;
  flex-direction: column;
}
.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 24px);
  position: absolute;
  top: 24px;
  left: 6px;
  display: flex;
  align-items: center;
  font-size: var(--td-font-size-body-large);
  transform: rotateZ(180deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--positive .t-steps-item {
  padding-bottom: var(--td-comp-margin-xxl);
  margin-bottom: 5px;
}
.t-steps--vertical.t-steps--positive .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-left: 0;
  border-top: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  top: 35px;
  left: 11px;
}
.t-steps--vertical.t-steps--positive .t-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__content {
  margin-left: 0px;
}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__title {
  margin-bottom: var(--td-comp-margin-xs);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 4px);
  position: absolute;
  top: 8px;
  left: 0;
  display: flex;
  align-items: center;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-bottom: 0;
  border-left: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 3.5px;
  top: 17px;
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
  border-right-color: var(--td-brand-color);
  border-right-width: 2px;
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item:not(:last-child).t-steps-item--default::before {
  border-color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item {
  margin-bottom: 0;
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item .t-steps-item__title {
  margin-bottom: var(--td-comp-margin-xs);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
  border-color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon {
  background: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon {
  background: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item__icon {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid var(--td-text-color-placeholder);
  border-radius: var(--td-radius-circle);
  margin-bottom: var(--td-comp-margin-xs);
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  top: 8px;
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 24px);
  position: absolute;
  top: 24px;
  left: 6px;
  display: flex;
  align-items: center;
  font-size: var(--td-font-size-body-large);
  transform: rotateZ(180deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  transform: rotateZ(0);
  margin-top: var(--td-comp-margin-xs);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse .t-steps-item {
  padding-bottom: var(--td-comp-margin-xxl);
  margin-bottom: 5px;
}
.t-steps--vertical.t-steps--reverse .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-left: 0;
  border-bottom: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  top: 35px;
  left: 11px;
}
.t-steps--vertical.t-steps--reverse .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse .t-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 4px);
  position: absolute;
  top: 8px;
  left: 0;
  display: flex;
  align-items: center;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item {
  margin-bottom: 0;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-bottom: 0;
  border-left: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 3.5px;
  top: 17px;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:last-child::before {
  display: none;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:not(:last-child).t-steps-item--default::before {
  border-color: var(--td-text-color-placeholder);
}
.t-sticky-tool {
  position: fixed;
  opacity: 1;
  box-sizing: border-box;
  background-color: var(--td-bg-color-container);
  border: 0.5px solid var(--td-component-border);
  box-shadow: var(--td-shadow-3);
}
.t-sticky-tool-popup-content {
  box-shadow: var(--td-shadow-3);
  font-size: var(--td-font-size-body-small);
  color: var(--td-text-color-secondary);
}
.t-sticky-tool .t-sticky-item {
  opacity: 1;
  position: relative;
  margin: var(--td-comp-margin-xs);
  text-align: center;
  font-size: var(--td-font-size-body-small);
  color: var(--td-text-color-secondary);
  transition: background-color 0.2s linear;
}
.t-sticky-tool .t-sticky-item:hover {
  cursor: pointer;
  background-color: var(--td-bg-color-container-hover);
}
.t-sticky-tool .t-sticky-item--normal {
  width: var(--td-comp-size-xxxl);
  height: var(--td-comp-size-xxxl);
}
.t-sticky-tool .t-sticky-item--normal .t-icon {
  width: 24px;
  height: 24px;
  margin: var(--td-comp-margin-s) var(--td-comp-margin-l) 0 var(--td-comp-margin-l);
  color: var(--td-text-color-primary);
}
.t-sticky-tool .t-sticky-item--compact {
  width: var(--td-comp-size-xl);
  height: var(--td-comp-size-xl);
}
.t-sticky-tool .t-sticky-item--compact .t-icon {
  width: 24px;
  height: 24px;
  margin: var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
}
.t-sticky-tool .t-sticky-item--square {
  border-radius: var(--td-radius-default);
}
.t-sticky-tool .t-sticky-item--round {
  border-radius: var(--td-radius-circle);
}
.t-sticky-tool .t-sticky-item .t-sticky-item__label {
  width: 100%;
  height: var(--td-comp-size-xxs);
  line-height: var(--td-comp-size-xxs);
  margin-top: var(--td-comp-margin-xxs);
  text-align: center;
}
.t-sticky-tool--square {
  border-radius: var(--td-radius-medium);
}
.t-sticky-tool--round {
  border-radius: var(--td-radius-round);
}
.t-back-top {
  position: fixed;
  z-index: 300;
  overflow: hidden;
  outline: none;
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  border-width: 0.5px;
  border-style: solid;
  transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
  touch-action: manipulation;
  box-shadow: var(--td-shadow-3);
  visibility: hidden;
  opacity: 0;
  color: var(--td-text-color-primary);
}
.t-back-top__text {
  font: var(--td-font-body-small);
  text-align: center;
  margin-top: var(--td-comp-margin-xxs);
}
.t-back-top__icon {
  font-size: var(--td-font-headline-small);
}
.t-back-top.t-size-m .t-back-top__icon {
  margin-top: 2px;
}
.t-back-top--show {
  visibility: visible;
  opacity: 1;
}
.t-back-top--theme-light {
  border-color: var(--td-component-border);
  background-color: var(--td-bg-color-container);
}
.t-back-top--theme-light:hover {
  border-color: var(--td-bg-color-container-hover);
  background-color: var(--td-bg-color-container-hover);
}
.t-back-top--theme-light .t-back-top__text {
  color: var(--td-text-color-secondary);
}
.t-back-top--theme-light .t-back-top__icon {
  color: var(--td-text-color-primary);
}
.t-back-top--theme-primary {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
}
.t-back-top--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
  background-color: var(--td-brand-color-hover);
}
.t-back-top--theme-primary .t-back-top__text {
  color: var(--td-text-color-anti);
}
.t-back-top--theme-primary .t-back-top__icon {
  color: var(--td-text-color-anti);
}
.t-back-top--theme-dark {
  border-color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
}
.t-back-top--theme-dark:hover {
  border-color: rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.6);
}
.t-back-top--theme-dark .t-back-top__text {
  color: var(--td-text-color-anti);
}
.t-back-top--theme-dark .t-back-top__icon {
  color: var(--td-text-color-anti);
}
.t-back-top.t-size-s {
  width: var(--td-comp-size-xxl);
  height: var(--td-comp-size-xxl);
}
.t-back-top.t-size-s .t-back-top__text {
  display: none;
}
.t-back-top.t-size-m {
  width: var(--td-comp-size-xxxxl);
  height: var(--td-comp-size-xxxxl);
}
.t-back-top.t-size-m .t-back-top__text {
  display: block;
}
.t-back-top--circle {
  border-radius: var(--td-radius-circle);
}
.t-back-top--square {
  border-radius: var(--td-radius-medium);
}
.t-select__wrap {
  width: 100%;
}
.t-select__dropdown .t-popup__content {
  margin: var(--td-comp-paddingTB-s) 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: var(--td-shadow-2);
}
@-moz-document url-prefix() {
  .t-select__dropdown .t-popup__content {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-select__dropdown-inner {
  min-height: var(--td-comp-size-m);
}
.t-select__dropdown-inner .t-select__list .t-select__list {
  padding: 0;
}
.t-select__dropdown-inner .t-select__list,
.t-select__dropdown-inner .t-tree {
  padding: var(--td-pop-padding-m);
}
.t-select__dropdown-inner--size-s {
  min-height: var(--td-comp-size-xs);
}
.t-select__dropdown-inner--size-s .t-select__list,
.t-select__dropdown-inner--size-s .t-tree {
  padding: var(--td-pop-padding-s);
}
.t-select__dropdown-inner--size-l {
  min-height: var(--td-comp-size-xl);
}
.t-select__dropdown-inner--size-l .t-select__list,
.t-select__dropdown-inner--size-l .t-tree {
  padding: var(--td-pop-padding-l);
}
.t-select__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-select__dropdown.t-popup {
  padding: 0;
}
.t-select__empty.t-size-s {
  line-height: var(--td-comp-size-xs);
}
.t-select__empty {
  text-align: center;
  color: var(--td-text-color-disabled);
  line-height: var(--td-comp-size-m);
  padding: 0 var(--td-comp-paddingLR-s);
}
.t-select__empty.t-size-l {
  line-height: var(--td-comp-size-xl);
}
.t-select__loading-tips.t-size-s {
  min-height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
}
.t-select__loading-tips {
  position: fixed;
  top: var(--td-comp-paddingTB-s);
  left: 0;
  bottom: var(--td-comp-paddingTB-s);
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
  min-height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
  color: var(--td-text-color-disabled);
  z-index: 1000;
}
.t-select__loading-tips.t-size-l {
  min-height: var(--td-comp-size-xl);
  line-height: var(--td-comp-size-xl);
}
.t-select-option-group + .t-select-option-group {
  padding-top: var(--td-comp-margin-xs);
  margin-top: var(--td-comp-margin-xs);
}
.t-select-option-group__divider + .t-select-option-group__divider {
  position: relative;
}
.t-select-option-group__divider + .t-select-option-group__divider::before {
  content: "";
  width: 100%;
  height: 1px;
  padding: 0 var(--td-comp-paddingLR-s);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-color: var(--td-border-level-1-color);
  background-clip: content-box;
}
ul.t-select-option-group__header,
.t-select-option-group__header {
  color: var(--td-text-color-placeholder);
  display: block;
  height: var(--td-comp-size-s);
  line-height: var(--td-comp-size-s);
  padding: 0 var(--td-comp-paddingLR-s);
  box-sizing: border-box;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option-group__header.t-size-l {
  height: var(--td-comp-size-l);
  line-height: var(--td-comp-size-l);
  padding: 0 var(--td-comp-paddingLR-m);
}
.t-select-option-group__header.t-size-s {
  height: var(--td-comp-size-xxs);
  line-height: var(--td-comp-size-xxs);
  padding: 0 var(--td-comp-paddingLR-s);
}
.t-select-option {
  display: flex;
  align-items: center;
  border-radius: var(--td-radius-default);
  height: var(--td-comp-size-s);
  font: var(--td-font-body-medium);
  cursor: pointer;
  padding: 0 var(--td-comp-paddingLR-s);
  color: var(--td-text-color-primary);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  box-sizing: border-box;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-select-option span {
  position: relative;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__label {
  color: inherit;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__input {
  border-color: var(--td-brand-color);
}
.t-select-option .t-checkbox__label {
  color: var(--td-text-color-primary);
  flex: 1;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option .t-checkbox {
  width: 100%;
}
.t-select-option.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-is-disabled:hover,
.t-select-option.t-is-disabled :active {
  background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-size-l {
  height: var(--td-comp-size-l);
  padding: 0 var(--td-comp-paddingLR-m);
  font: var(--td-font-body-large);
}
.t-select-option.t-size-m {
  font: var(--td-font-body-medium);
}
.t-select-option.t-size-s {
  height: var(--td-comp-size-xxs);
  padding: 0 var(--td-comp-paddingLR-s);
  font: var(--td-font-body-small);
}
.t-select-option.t-is-selected:not(.t-is-disabled) {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
  transition: all 0.2s linear;
}
.t-select-option.t-is-selected:not(.t-is-disabled) .t-checkbox__label {
  color: var(--td-brand-color);
}
.t-select-option.t-is-selected:not(.t-is-disabled):hover {
  background-color: var(--td-brand-color-light);
}
/** 规范 CSS 类名为 --hover */
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected),
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input,
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected) .t-checkbox__input {
  border-color: var(--td-brand-color);
}
.t-select-option.t-select-option__hover .t-checkbox__label,
.t-select-option.t-select-option--hover .t-checkbox__label {
  color: inherit;
}
.t-select-option + .t-select-option {
  margin-top: var(--td-comp-paddingTB-xxs);
}
.t-select.t-select-input--borderless .t-select__right-icon {
  position: relative;
  margin: 0;
}
.t-select .t-fake-arrow {
  color: var(--td-text-color-placeholder);
}
.t-select .t-fake-arrow--active {
  color: var(--td-brand-color);
}
.t-is-selected.t-select-option__hover {
  background-color: var(--td-brand-color-light-hover);
}
.t-is-selected.t-select-option__hover .t-checkbox__label {
  color: var(--td-brand-color);
}

.t-select-option__highlight-item .t-is-highlight {
  color: var(--td-brand-color);
}
.t-auto-complete {
  width: 100%;
}
.t-auto-complete .t-input__suffix-clear {
  display: none;
}
.t-auto-complete:hover .t-input__suffix-clear {
  display: inline-block;
}
.t-auto-complete__panel--empty {
  height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
  color: var(--td-text-color-disabled);
  text-align: center;
}
.t-cascader .t-fake-arrow {
  color: var(--td-text-color-placeholder);
}
.t-cascader .t-fake-arrow--active {
  color: var(--td-brand-color);
}
.t-cascader__popup .t-popup__content {
  padding: 0;
  box-shadow: var(--td-shadow-2);
  border-radius: var(--td-radius-medium);
  border: 0.5px solid var(--td-component-border);
  overflow: hidden;
}
.t-cascader__panel {
  display: flex;
  height: 100%;
}
.t-cascader__panel.t-cascader--normal {
  height: 200px;
}
.t-cascader__panel.t-cascader--multiple {
  height: 280px;
}
.t-cascader__panel--empty {
  width: 100%;
  height: var(--td-comp-size-s);
  line-height: var(--td-comp-size-s);
  color: var(--td-text-color-disabled);
  margin: var(--td-pop-padding-m);
  text-align: center;
  padding-left: 0;
}
.t-cascader__panel--empty:hover {
  background: none;
  cursor: default;
}
.t-cascader__menu {
  width: 148px;
  overflow: auto;
  box-sizing: content-box;
  padding: var(--td-pop-padding-m);
  background: var(--td-bg-color-container);
  margin: 0;
}
.t-cascader__menu.t-size-l {
  padding: var(--td-pop-padding-l);
}
.t-cascader__menu.t-size-s {
  padding: var(--td-pop-padding-s);
}
.t-cascader__menu--segment {
  border-right: 1px solid var(--td-component-stroke);
}
.t-cascader__menu--filter {
  width: auto;
  min-width: 148px;
}
.t-cascader__item {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--td-comp-size-s);
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  padding: 0 var(--td-comp-paddingLR-s);
  border-radius: var(--td-radius-default);
  margin-top: var(--td-comp-margin-xxs);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  list-style: none;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-cascader__item.t-size-s {
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
  padding: 0px var(--td-comp-paddingLR-s);
}
.t-cascader__item.t-size-l {
  height: var(--td-comp-size-m);
  font: var(--td-font-body-large);
  padding: 0 var(--td-comp-paddingLR-m);
}
.t-cascader__item.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: transparent;
  cursor: not-allowed;
}
.t-cascader__item-icon.t-icon {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background: transparent;
  margin: 0 8px;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
}
.t-cascader__item-icon.t-loading {
  display: flex;
  color: var(--td-text-color-brand);
}
.t-cascader__item.t-is-expanded {
  background: var(--td-brand-color-light);
  color: var(--td-text-color-brand);
}
.t-cascader__item.t-is-expanded .t-icon-chevron-right {
  color: var(--td-text-color-brand);
}
.t-cascader__item.t-is-expanded:hover {
  cursor: pointer;
}
.t-cascader__item:first-child {
  margin-top: 0;
}
.t-cascader__item .t-checkbox {
  max-width: 100%;
}
.t-cascader__item .t-checkbox .t-checkbox__input {
  flex-shrink: 0;
}
.t-cascader__item .t-checkbox .t-checkbox__label {
  display: block;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-cascader__item .t-checkbox .t-checkbox__label .t-cascader__item__label--filter {
  color: var(--td-text-color-brand);
}
.t-cascader__item--with-icon .t-checkbox__label,
.t-cascader__item--with-icon .t-cascader__item-label {
  margin-right: 16px;
}
.t-cascader__item--leaf .t-checkbox {
  width: 100%;
}
.t-cascader__item-label {
  display: block;
  position: relative;
  white-space: nowrap;
  padding: 0;
}
.t-cascader__item-label--ellipsis {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-cascader__item-label--filter {
  color: var(--td-text-color-brand);
}
.t-cascader__item:hover:not(.t-is-expanded):not(.t-is-disabled) {
  background: var(--td-bg-color-container-hover);
  cursor: pointer;
}
.t-cascader__item.t-is-selected {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.t-cascader__item.t-is-selected .t-checkbox__label {
  color: var(--td-brand-color);
}
.t-date-picker,
.t-date-range-picker {
  display: inline-flex;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-date-picker__header-controller-month-popup > .t-popup__content,
.t-date-picker__header-controller-year-popup > .t-popup__content {
  max-height: 160px;
}
.t-date-picker__panel-container > .t-popup__content,
.t-date-range-picker__panel-container > .t-popup__content {
  padding: 0;
  min-width: 280px;
}
.t-date-picker__panel,
.t-date-range-picker__panel {
  display: flex;
  flex-direction: column;
}
.t-date-picker__panel--direction-row,
.t-date-range-picker__panel--direction-row {
  flex-direction: row;
}
.t-date-picker__panel .t-time-picker__panel,
.t-date-range-picker__panel .t-time-picker__panel {
  width: 216px;
}
.t-date-picker__panel .t-time-picker__panel-section-body,
.t-date-range-picker__panel .t-time-picker__panel-section-body {
  padding: 0;
}
.t-date-picker__panel .t-time-picker__panel-body,
.t-date-range-picker__panel .t-time-picker__panel-body {
  margin: 0;
}
.t-date-picker__panel-content,
.t-date-range-picker__panel-content,
.t-date-range-picker__panel-content-wrapper {
  display: flex;
}
.t-date-picker__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--td-comp-margin-m);
  width: 100%;
}
.t-date-picker__header-controller {
  display: inline-flex;
  gap: var(--td-comp-margin-s);
}
.t-date-picker__header-controller .t-date-picker__header-controller-month {
  width: 80px;
  display: flex;
}
.t-date-picker__header-controller .t-date-picker__header-controller-year {
  width: 78px;
  display: flex;
}
.t-date-picker__table table {
  width: 100%;
  border-collapse: collapse;
}
.t-date-picker__table table th {
  text-align: center;
  color: var(--td-text-color-secondary);
  font-weight: 400;
}
.t-date-picker__table table td.t-date-picker__cell {
  text-align: center;
  font-weight: 500;
}
.t-date-picker__table table th,
.t-date-picker__table table th.t-date-picker__table-header-cell,
.t-date-picker__table table td.t-date-picker__cell {
  padding: 0;
  border: 0;
  line-height: var(--td-line-height-body-medium);
}
.t-date-picker__table table thead::after {
  content: "-";
  display: block;
  line-height: var(--td-comp-margin-xs);
  color: transparent;
}
.t-date-picker__table table thead::before {
  content: "-";
  display: block;
  line-height: var(--td-comp-margin-xs);
  color: transparent;
}
.t-date-picker__table-week-row {
  cursor: pointer;
  position: sticky;
}
.t-date-picker__table-week-row .t-date-picker__cell:first-child .t-date-picker__cell-inner {
  color: var(--td-text-color-disabled);
}
.t-date-picker__table-week-row .t-date-picker__cell:hover .t-date-picker__cell-inner {
  box-shadow: none;
  background: none;
}
.t-date-picker__table-week-row::after {
  content: "";
  position: absolute;
  left: var(--td-comp-margin-xxxl);
  right: 0;
  top: calc(var(--td-comp-margin-xs) - 1px);
  z-index: 10;
  height: var(--td-comp-size-xs);
  border-radius: var(--td-radius-default);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  pointer-events: none;
}
.t-date-picker__table-week-row:hover .t-date-picker__cell:first-child .t-date-picker__cell-inner {
  color: var(--td-brand-color);
}
.t-date-picker__table-week-row:hover::after {
  box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.t-date-picker__table-week-row--active::after {
  opacity: 1;
  z-index: 0;
  background-color: var(--td-brand-color);
}
.t-date-picker__table-week-row--active .t-date-picker__cell:first-child .t-date-picker__cell-inner {
  color: var(--td-brand-color);
}
.t-date-picker__table-week-row--active .t-date-picker__cell .t-date-picker__cell-inner {
  background: transparent;
  color: var(--td-text-color-anti);
}
.t-date-picker__table-week-row--range::after {
  opacity: 1;
  z-index: 0;
  background-color: var(--td-brand-color-light);
}
.t-date-picker__table-week-row--range .t-date-picker__cell .t-date-picker__cell-inner {
  background: transparent;
}
.t-date-picker__footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--td-pop-padding-xl);
  gap: var(--td-comp-margin-s);
}
.t-date-picker__footer--bottom {
  border-top: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--top {
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--left {
  flex-direction: column;
  border-right: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--left .t-date-picker__presets {
  flex-direction: column;
}
.t-date-picker__footer--right {
  flex-direction: column;
  border-left: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--right .t-date-picker__presets {
  flex-direction: column;
}
.t-date-picker__presets {
  display: flex;
  gap: var(--td-comp-margin-s);
  white-space: nowrap;
  min-width: var(--td-comp-size-xl);
}
.t-date-picker__presets .t-button {
  cursor: pointer;
}
.t-date-picker__presets a {
  color: var(--td-brand-color);
}
.t-date-picker__presets a:hover {
  color: var(--td-brand-color-hover);
}
.t-date-picker__panel-time,
.t-date-range-picker__panel-time {
  display: flex;
  flex-direction: column;
  gap: calc(var(--td-comp-margin-m) / 2);
  padding: var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs));
  border-left: 1px solid var(--td-component-stroke);
}
.t-date-picker__panel-time-viewer,
.t-date-range-picker__panel-time-viewer {
  display: flex;
  height: var(--td-comp-size-m);
  line-height: var(--td-line-height-body-medium);
  align-items: center;
  justify-content: center;
  color: var(--td-text-color-primary);
}
.t-date-picker__panel-time .t-time-picker__panel-body,
.t-date-range-picker__panel-time .t-time-picker__panel-body {
  margin: 0;
}
.t-date-picker__panel-year,
.t-date-picker__panel-month,
.t-date-picker__panel-quarter,
.t-date-picker__panel-week,
.t-date-picker__panel-date {
  display: flex;
  flex-direction: column;
  padding: var(--td-pop-padding-xl);
  gap: var(--td-comp-margin-m);
  width: 280px;
  box-sizing: border-box;
}
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::before,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::before,
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::after,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::after {
  opacity: 1;
  left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
}
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--active::after,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--active::after {
  opacity: 1;
  left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
  z-index: 5;
}
.t-date-picker__panel-year .t-date-picker__cell--highlight + .t-date-picker__cell--highlight::before,
.t-date-picker__panel-month .t-date-picker__cell--highlight + .t-date-picker__cell--highlight::before {
  left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
}
.t-date-picker__panel-year .t-date-picker__header-controller-year,
.t-date-picker__panel-month .t-date-picker__header-controller-year,
.t-date-picker__panel-quarter .t-date-picker__header-controller-year {
  width: 130px;
  display: flex;
}
.t-date-picker__panel-year .t-date-picker__table table tbody,
.t-date-picker__panel-month .t-date-picker__table table tbody,
.t-date-picker__panel-quarter .t-date-picker__table table tbody {
  width: 100%;
  display: flex;
  gap: var(--td-comp-margin-m);
  flex-direction: column;
}
.t-date-picker__panel-year .t-date-picker__table table tbody tr,
.t-date-picker__panel-month .t-date-picker__table table tbody tr,
.t-date-picker__panel-quarter .t-date-picker__table table tbody tr {
  display: flex;
  justify-content: space-between;
}
.t-date-picker__panel-year .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before,
.t-date-picker__panel-month .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before,
.t-date-picker__panel-quarter .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before {
  left: calc(0px - var(--td-comp-size-xxxl));
}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(1),
.t-date-picker__panel-month .t-date-picker__cell:nth-child(1),
.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(1) {
  text-align: left;
}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(3),
.t-date-picker__panel-month .t-date-picker__cell:nth-child(3),
.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(3) {
  text-align: right;
}
.t-date-picker__panel-year .t-date-picker__cell-inner,
.t-date-picker__panel-month .t-date-picker__cell-inner,
.t-date-picker__panel-quarter .t-date-picker__cell-inner {
  width: var(--td-comp-size-xxl);
}
.t-date-picker__cell {
  cursor: pointer;
  position: relative;
  padding: 0;
}
.t-date-picker__cell::before,
.t-date-picker__cell::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -5%;
  left: -5%;
  z-index: 1;
  opacity: 0;
  border-radius: var(--td-radius-default);
  height: var(--td-comp-size-xs);
  transform: translateY(-50%);
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-date-picker__cell:hover .t-date-picker__cell-inner {
  box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.t-date-picker__cell-inner {
  position: relative;
  z-index: 5;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
  margin: calc(var(--td-comp-margin-xs) - 1px);
  border-radius: var(--td-radius-default);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
}
.t-date-picker__cell--now .t-date-picker__cell-inner {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.t-date-picker__cell--hover-highlight::after {
  opacity: 1;
  background-color: var(--td-brand-color-light);
}
.t-date-picker__cell--highlight::before {
  opacity: 1;
  background-color: var(--td-brand-color-light);
}
.t-date-picker__cell--highlight.t-date-picker__cell--hover-highlight::after {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.06);
}
.t-date-picker__cell--additional:hover .t-date-picker__cell-inner {
  box-shadow: none;
  border-color: var(--td-bg-color-container-hover);
  background-color: var(--td-bg-color-container-hover);
}
.t-date-picker__cell--additional .t-date-picker__cell-inner {
  color: var(--td-text-color-disabled);
}
.t-date-picker__cell--active .t-date-picker__cell-inner {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-date-picker__cell--active-start::before {
  opacity: 1;
  left: calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
  border-top-left-radius: var(--td-radius-default);
  border-bottom-left-radius: var(--td-radius-default);
}
.t-date-picker__cell--active-start:hover::before {
  left: -5%;
}
.t-date-picker__cell--active-end::before {
  opacity: 1;
  right: calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
  border-top-right-radius: var(--td-radius-default);
  border-bottom-right-radius: var(--td-radius-default);
}
.t-date-picker__cell--active-end:hover::before {
  right: -5%;
}
.t-date-picker__cell--disabled:hover .t-date-picker__cell-inner {
  box-shadow: none;
  background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled .t-date-picker__cell-inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled + .t-date-picker__cell--disabled::before {
  opacity: 1;
  left: calc(0px - var(--td-comp-size-l));
  background-color: var(--td-bg-color-component-disabled);
  border-radius: var(--td-radius-default);
}
.t-date-picker__input--placeholder input {
  color: var(--td-text-color-placeholder);
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-time-picker,
.t-time-range-picker {
  width: 240px;
  background: transparent;
  display: inline-block;
  position: relative;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-time-picker.t-is-disabled,
.t-time-range-picker.t-is-disabled {
  cursor: not-allowed;
}
.t-time-picker > *:focus,
.t-time-range-picker > *:focus,
.t-time-picker > *:active,
.t-time-range-picker > *:active {
  outline: 0;
}
.t-time-picker__group,
.t-time-range-picker__group {
  position: relative;
}
.t-time-picker__group.active,
.t-time-range-picker__group.active {
  border: 1px solid var(--td-brand-color);
  box-shadow: 0 0 2px 2px var(--td-brand-color-focus);
}
.t-time-picker__group.active + .t-time-picker__icon-wrap > .t-time-picker__icon-clear,
.t-time-range-picker__group.active + .t-time-picker__icon-wrap > .t-time-picker__icon-clear {
  display: block;
}
.t-time-picker__group-text,
.t-time-range-picker__group-text {
  color: var(--td-text-color-primary);
}
.t-time-picker__group input,
.t-time-range-picker__group input {
  cursor: pointer;
}
.t-time-range-picker {
  width: auto;
}
.t-time-picker__panel {
  width: 280px;
  background: transparent;
  border-radius: var(--td-radius-default);
  display: inline-block;
  position: relative;
  font: var(--td-font-body-medium);
  --timePickerPanelOffsetTop: 15;
  --timePickerPanelOffsetBottom: 21;
}
.t-time-picker__panel-body {
  width: 100%;
  height: calc(calc(var(--td-comp-size-xs) + var(--td-size-3)) * 7 + var(--td-size-3));
  position: relative;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-time-picker__panel-body-active-mask {
  position: absolute;
  top: 50%;
  height: var(--td-comp-size-xs);
  width: 100%;
  display: flex;
}
.t-time-picker__panel-body-active-mask > div {
  flex: 1;
  transform: translateY(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));
  height: var(--td-comp-size-xs);
  background-color: var(--td-brand-color-light);
  margin: var(--td-size-3) var(--td-comp-margin-xs);
  border-radius: var(--td-radius-default);
}
.t-time-picker__panel-body-scroll {
  flex: 1;
  height: 100%;
  overflow-y: scroll;
  text-align: center;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-time-picker__panel-body-scroll::-webkit-scrollbar {
  width: 0;
}
.t-time-picker__panel-body-scroll::after,
.t-time-picker__panel-body-scroll::before {
  display: block;
  height: 50%;
  content: "";
}
.t-time-picker__panel-body-scroll::before {
  height: calc(50% - var(--timePickerPanelOffsetTop, 0) * 1px);
}
.t-time-picker__panel-body-scroll::after {
  height: calc(50% - var(--timePickerPanelOffsetBottom, 0) * 1px);
}
.t-time-picker__panel-body-scroll:last-child {
  border-right: 0;
}
.t-time-picker__panel-body-scroll-item {
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-medium);
  line-height: var(--td-comp-size-xs);
  color: var(--td-text-color-secondary);
  margin: var(--td-size-3) var(--td-comp-margin-xs);
  border-radius: var(--td-radius-default);
  text-align: center;
  cursor: pointer;
  transition: 0.2s linear;
}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):hover {
  color: var(--td-text-color-primary);
}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):active {
  background-color: var(--td-bg-color-container-hover);
}
.t-time-picker__panel-body-scroll-item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-time-picker__panel-body-scroll-item.t-is-hidden {
  display: none;
  cursor: not-allowed;
}
.t-time-picker__panel-body-scroll-item.t-is-current {
  color: var(--td-brand-color);
}
.t-time-picker__panel-section-body {
  padding: var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs));
}
.t-time-picker__panel-section-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  background-color: transparent;
  position: relative;
  border-top: 1px solid var(--td-border-level-1-color);
  box-sizing: border-box;
  padding: var(--td-pop-padding-xl);
}
.range-input-disabled.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.range-input-disabled.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.range-input-disabled.t-is-disabled .t-range-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled > .t-range-input__prefix .t-icon,
.range-input-disabled.t-is-disabled > .t-range-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.t-range-input {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  position: relative;
  font: var(--td-font-body-medium);
  height: var(--td-comp-size-m);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--td-radius-default);
  border-color: var(--td-border-level-2-color);
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
  background-color: var(--td-bg-color-specialcomponent);
  color: var(--td-text-color-primary);
  font-size: var(--td-font-body-medium);
  box-sizing: border-box;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
.t-range-input:hover {
  border-color: var(--td-brand-color);
}
.t-range-input--borderless:not(.t-is-focused) {
  border-color: transparent;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-range-input--borderless:not(.t-is-focused):hover {
  border-color: var(--td-component-border);
  cursor: pointer;
}
.t-range-input--borderless:not(.t-is-focused).t-is-disabled {
  border: none;
  background-color: var(--td-bg-color-component-disabled);
}
.t-range-input.t-is-focused {
  z-index: 1;
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-range-input.t-is-success {
  border-color: var(--td-success-color);
}
.t-range-input.t-is-success:focus {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-range-input.t-is-success.t-range-input--focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-range-input.t-is-success > .t-range-input__extra {
  color: var(--td-success-color);
}
.t-range-input.t-is-success > .t-range-input__tips {
  color: var(--td-success-color);
  font-size: var(--td-font-size-body-small);
  margin-left: calc(-1 * var(--td-comp-paddingLR-xs));
}
.t-range-input.t-is-warning {
  border-color: var(--td-warning-color);
}
.t-range-input.t-is-warning:focus {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-range-input.t-is-warning.t-range-input--focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-range-input.t-is-warning > .t-range-input__extra {
  color: var(--td-warning-color);
}
.t-range-input.t-is-warning > .t-range-input__tips {
  color: var(--td-warning-color);
  font-size: var(--td-font-size-body-small);
  margin-left: calc(-1 * var(--td-comp-paddingLR-xs));
}
.t-range-input.t-is-error {
  border-color: var(--td-error-color);
}
.t-range-input.t-is-error:focus {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-range-input.t-is-error.t-range-input--focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-range-input.t-is-error > .t-range-input__extra {
  color: var(--td-error-color);
}
.t-range-input.t-is-error > .t-range-input__tips {
  color: var(--td-error-color);
  font-size: var(--td-font-size-body-small);
  margin-left: calc(-1 * var(--td-comp-paddingLR-xs));
}
.t-range-input.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-range-input.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-range-input.t-is-disabled .t-range-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled > .t-range-input__prefix .t-icon,
.t-range-input.t-is-disabled > .t-range-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-range-input--prefix .t-range-input__prefix {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: var(--td-font-size-body-medium);
}
.t-range-input.t-range-input--suffix .t-range-input__suffix {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: var(--td-font-size-body-medium);
}
.t-range-input.t-size-l {
  height: var(--td-comp-size-xl);
  font: var(--td-font-body-large);
  padding-top: var(--td-comp-paddingTB-xs);
  padding-bottom: var(--td-comp-paddingTB-xs);
}
.t-range-input.t-size-l .t-input {
  padding: 0 var(--td-comp-margin-s);
}
.t-range-input.t-size-s {
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-margin-xs);
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
}
.t-range-input__inner {
  height: 100%;
  display: flex;
  align-items: center;
  gap: var(--td-comp-margin-s);
}
.t-range-input__inner .t-input__wrap {
  height: 100%;
  border-radius: var(--td-radius-small);
}
.t-range-input__inner > .t-range-input__prefix {
  flex-shrink: 0;
}
.t-range-input__inner .t-input {
  padding: 0 var(--td-comp-paddingLR-xs);
  height: 100%;
  border: 0;
  box-shadow: none;
  font-size: inherit;
  border-radius: var(--td-radius-small);
}
.t-range-input__inner .t-input:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-range-input__inner .t-input__inner {
  width: 100%;
  height: 100%;
  line-height: 1;
}
.t-range-input__inner .t-input.t-is-focused {
  background-color: var(--td-bg-color-component);
}
.t-range-input__extra {
  font: var(--td-font-body-small);
  color: var(--td-text-color-placeholder);
}
.t-range-input__status {
  position: absolute;
  right: calc(0px - var(--td-comp-margin-xxxl));
  top: 0;
}
.t-range-input.t-range-input--suffix .t-input__clear {
  opacity: 0;
  visibility: hidden;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-range-input.t-range-input--suffix:hover .t-input__clear {
  opacity: 1;
  visibility: visible;
}
.t-range-input .t-range-input__suffix-clear {
  cursor: pointer;
}
.t-range-input__prefix > .t-icon,
.t-range-input__suffix > .t-icon {
  transition: color 0.2s linear;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
  flex-shrink: 0;
}
.t-range-input-popup {
  width: 100%;
}
.t-range-input-popup--visible .t-range-input {
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-range-input-popup--visible .t-range-input .t-icon-time,
.t-range-input-popup--visible .t-range-input .t-icon-calendar {
  color: var(--td-brand-color);
}
.t-range-input-popup--visible .t-range-input .t-input.t-is-focused {
  background-color: var(--td-bg-color-component);
}
.t-form {
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
}
.t-form:not(.t-form-inline) .t-form__item:last-of-type {
  margin: 0;
}
.t-form__item {
  margin-bottom: var(--td-comp-margin-xxl);
}
.t-form__item.t-form__item-with-help {
  margin-bottom: var(--td-comp-margin-xs);
}
.t-form__item.t-form__item-with-extra {
  margin-bottom: var(--td-comp-margin-xxl);
}
.t-form__label {
  float: left;
  padding-right: var(--td-comp-paddingLR-xl);
  vertical-align: middle;
  line-height: var(--td-comp-margin-xxxl);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  white-space: nowrap;
}
.t-form__label--top {
  float: none;
  min-height: var(--td-comp-margin-xxxl);
}
.t-form__label--left {
  text-align: left;
}
.t-form__label--right {
  text-align: right;
}
.t-form__label--required:not(.t-form__label--required-right) label::before {
  display: inline-block;
  margin-right: var(--td-comp-margin-xs);
  color: var(--td-error-color);
  line-height: var(--td-line-height-body-medium);
  content: "*";
}
.t-form__label--required-right label::after {
  display: inline-block;
  margin-left: var(--td-comp-margin-xs);
  color: var(--td-error-color);
  line-height: var(--td-line-height-body-medium);
  content: "*";
}
.t-form__label--colon label::after {
  content: ":";
  position: relative;
  margin: 0 var(--td-comp-margin-xxs);
}
.t-form__controls {
  min-height: var(--td-comp-margin-xxxl);
  display: flow-root;
  position: relative;
}
.t-form__controls-content {
  display: flex;
  align-items: center;
  min-height: var(--td-comp-margin-xxxl);
}
.t-form__controls .t-form__item {
  margin-bottom: 0;
  margin-right: var(--td-comp-margin-xxl);
}
.t-form__controls.t-is-success .t-form__status .t-icon {
  color: var(--td-success-color);
}
.t-form__controls.t-is-success .t-input__extra {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-input__extra {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner {
  border-color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner--focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-range-input .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-fake-arrow {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button:last-child {
  border-right-color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner.t-is-focused {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader.t-is-active,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select.t-is-active {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-form__status .t-icon {
  color: var(--td-success-color);
}
.t-form__status {
  display: flex;
  margin: 0 var(--td-comp-margin-s);
}
.t-form__status > .t-icon {
  font-size: var(--td-comp-size-xxxs);
}
.t-form__status-without-icon {
  width: 25px;
  height: 25px;
}
.t-form__status button {
  width: var(--td-comp-size-m);
}
.t-form__status button + button {
  margin-left: var(--td-comp-margin-s);
}
.t-form-inline {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--td-comp-margin-l);
}
.t-form-inline .t-form__item {
  margin: 0;
  min-width: 200px;
  display: inline-block;
  margin-right: var(--td-comp-margin-xxl);
}
.t-input__extra,
.t-input__help {
  margin: 0;
  width: 100%;
  height: auto;
  min-height: var(--td-line-height-body-small);
  font: var(--td-font-body-small);
  color: var(--td-text-color-placeholder);
}
.t-input__extra {
  position: absolute;
  bottom: calc(0px - var(--td-line-height-body-small));
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-is-warning .t-input__extra {
  color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-input,
.t-is-warning .t-form__controls-content .t-select,
.t-is-warning .t-form__controls-content .t-radio-button,
.t-is-warning .t-form__controls-content .t-cascader,
.t-is-warning .t-form__controls-content .t-range-input,
.t-is-warning .t-form__controls-content .t-textarea__inner {
  border-color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-input--focused,
.t-is-warning .t-form__controls-content .t-select--focused,
.t-is-warning .t-form__controls-content .t-radio-button--focused,
.t-is-warning .t-form__controls-content .t-cascader--focused,
.t-is-warning .t-form__controls-content .t-range-input--focused,
.t-is-warning .t-form__controls-content .t-textarea__inner--focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-input .t-icon,
.t-is-warning .t-form__controls-content .t-select .t-icon,
.t-is-warning .t-form__controls-content .t-radio-button .t-icon,
.t-is-warning .t-form__controls-content .t-cascader .t-icon,
.t-is-warning .t-form__controls-content .t-range-input .t-icon,
.t-is-warning .t-form__controls-content .t-textarea__inner .t-icon,
.t-is-warning .t-form__controls-content .t-input .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-select .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-cascader .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-range-input .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-textarea__inner .t-fake-arrow {
  color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-radio-button:last-child {
  border-right-color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-textarea__inner.t-is-focused {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-cascader.t-is-active,
.t-is-warning .t-form__controls-content .t-select.t-is-active {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-form__status .t-icon {
  color: var(--td-warning-color);
}
.t-is-error .t-input__extra {
  color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-input,
.t-is-error .t-form__controls-content .t-select,
.t-is-error .t-form__controls-content .t-radio-button,
.t-is-error .t-form__controls-content .t-cascader,
.t-is-error .t-form__controls-content .t-range-input,
.t-is-error .t-form__controls-content .t-textarea__inner {
  border-color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-input--focused,
.t-is-error .t-form__controls-content .t-select--focused,
.t-is-error .t-form__controls-content .t-radio-button--focused,
.t-is-error .t-form__controls-content .t-cascader--focused,
.t-is-error .t-form__controls-content .t-range-input--focused,
.t-is-error .t-form__controls-content .t-textarea__inner--focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-input .t-icon,
.t-is-error .t-form__controls-content .t-select .t-icon,
.t-is-error .t-form__controls-content .t-radio-button .t-icon,
.t-is-error .t-form__controls-content .t-cascader .t-icon,
.t-is-error .t-form__controls-content .t-range-input .t-icon,
.t-is-error .t-form__controls-content .t-textarea__inner .t-icon,
.t-is-error .t-form__controls-content .t-input .t-fake-arrow,
.t-is-error .t-form__controls-content .t-select .t-fake-arrow,
.t-is-error .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-is-error .t-form__controls-content .t-cascader .t-fake-arrow,
.t-is-error .t-form__controls-content .t-range-input .t-fake-arrow,
.t-is-error .t-form__controls-content .t-textarea__inner .t-fake-arrow {
  color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-radio-button:last-child {
  border-right-color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-textarea__inner.t-is-focused {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-cascader.t-is-active,
.t-is-error .t-form__controls-content .t-select.t-is-active {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-form__status .t-icon {
  color: var(--td-error-color);
}
.t-radio-group {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  border-radius: var(--td-radius-default);
  flex-wrap: wrap;
}
@-moz-document url-prefix() {
  .t-radio-group {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-radio-group::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.t-radio-group::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 7px;
}
.t-radio-group::-webkit-scrollbar-thumb:vertical:hover,
.t-radio-group::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-radio-group .t-radio {
  margin-right: var(--td-comp-margin-xxl);
}
.t-radio-group.t-radio-group__outline {
  flex-wrap: wrap;
  row-gap: var(--td-comp-margin-xs);
}
.t-radio-group.t-radio-group__outline.t-size-s .t-radio-button {
  height: var(--td-comp-size-xs);
}
.t-radio-group.t-radio-group__outline.t-size-m .t-radio-button {
  height: var(--td-comp-size-m);
}
.t-radio-group.t-radio-group__outline.t-size-l .t-radio-button {
  height: var(--td-comp-size-xl);
}
.t-radio-group.t-radio-group__outline .t-radio-button:first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-radio-group.t-radio-group__outline .t-radio-button:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-radio-group.t-radio-group__outline .t-radio-button:only-child {
  border-radius: var(--td-radius-default);
}
.t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked {
  color: var(--td-brand-color);
}
.t-radio-group.t-radio-group__outline .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-brand-color-disabled);
  border-color: var(--td-brand-color-disabled);
  background-color: var(--td-bg-color-specialcomponent);
}
.t-radio-group.t-radio-group--filled {
  border-color: var(--td-bg-color-component);
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
  border-radius: var(--td-radius-default);
  background-color: var(--td-bg-color-component);
  position: relative;
}
.t-radio-group.t-radio-group--filled .t-radio-group__bg-block {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 0;
  height: calc(100% - 4px);
  background-color: var(--td-bg-color-container-select);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  border-radius: var(--td-radius-small);
}
.t-radio-group.t-radio-group--filled .t-radio-button {
  color: var(--td-text-color-secondary);
  border: 0;
  background-color: transparent;
}
.t-radio-group.t-radio-group--filled .t-radio-button:hover {
  color: var(--td-text-color-primary);
}
.t-radio-group.t-radio-group--filled .t-radio-button::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 16px);
  background-color: var(--td-component-border);
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio-group.t-radio-group--filled .t-radio-button:first-child::before {
  opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked {
  position: relative;
  color: var(--td-text-color-primary);
  z-index: 1;
  border: 0;
  transition: color 0.2s linear;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked::before {
  opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked + label::before {
  opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled {
  background-color: transparent;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-text-color-disabled);
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked ~ .t-radio-group__bg-block {
  background-color: var(--td-bg-color-component-disabled);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-group__bg-block {
  background-color: var(--td-brand-color);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-checked {
  color: var(--td-text-color-anti);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-text-color-anti);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked ~ .t-radio-group__bg-block {
  background-color: var(--td-brand-color-disabled);
}
.t-radio-group.t-size-s .t-radio-button {
  height: calc(var(--td-comp-size-xs) - (var(--td-comp-paddingTB-xxs) * 2));
  padding: 0px var(--td-comp-paddingLR-s);
  font: var(--td-font-body-small);
}
.t-radio-group.t-size-s .t-radio-button::before {
  height: calc(100% - 16px);
}
.t-radio-group.t-size-m .t-radio-button {
  height: calc(var(--td-comp-size-m) - (var(--td-comp-paddingTB-xxs) * 2));
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);
  font: var(--td-font-body-medium);
}
.t-radio-group.t-size-m .t-radio-button::before {
  height: calc(100% - 20px);
}
.t-radio-group.t-size-l .t-radio-button {
  height: calc(var(--td-comp-size-xl) - (var(--td-comp-paddingTB-xxs) * 2));
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xl);
  font: var(--td-font-body-large);
}
.t-radio-group.t-size-l .t-radio-button::before {
  height: calc(100% - 24px);
}
.t-radio-group .t-radio-button {
  cursor: pointer;
  position: relative;
  border: 1px solid;
  border-color: var(--td-border-level-2-color);
  border-right: 0;
  display: inline-flex;
  align-items: center;
  transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
  color: var(--td-text-color-primary);
  white-space: nowrap;
  box-sizing: border-box;
}
.t-radio-group .t-radio-button:first-child {
  border-radius: var(--td-radius-small) 0 0 var(--td-radius-small);
}
.t-radio-group .t-radio-button:last-child {
  border-right: 1px solid;
  border-right-color: var(--td-border-level-2-color);
  border-radius: 0 var(--td-radius-small) var(--td-radius-small) 0;
}
.t-radio-group .t-radio-button__former {
  opacity: 0;
  height: 0;
  width: 0;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-radio-group .t-radio-button:hover {
  color: var(--td-brand-color);
}
.t-radio-group .t-radio-button.t-is-checked {
  border-right: 1px solid;
  border-color: var(--td-brand-color);
  transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio-group .t-radio-button.t-is-checked + .t-radio-button {
  border-left: 0;
}
.t-radio-group .t-radio-button.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
  color: var(--td-text-color-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled:hover::after {
  width: 0;
}
.t-radio-group .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-text-color-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled.t-is-checked::after {
  width: 0;
}
.t-radio {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.t-radio__former {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  position: absolute;
}
.t-radio__input {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border-radius: var(--td-radius-circle);
  border: 1px solid var(--td-border-level-2-color);
  background-color: var(--td-bg-color-container);
  transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio__input::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  transform: scale(0.5);
  opacity: 0;
  border-radius: var(--td-radius-circle);
  background-color: var(--td-brand-color);
  transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio__label {
  display: inline-block;
  margin-left: var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
  vertical-align: middle;
  font: var(--td-font-body-medium);
  white-space: nowrap;
}
.t-radio:hover .t-radio__input {
  border-color: var(--td-brand-color);
}
.t-radio.t-is-checked .t-radio__input {
  border-color: var(--td-brand-color);
}
.t-radio.t-is-checked .t-radio__input::after {
  opacity: 1;
}
.t-radio.t-is-disabled {
  cursor: not-allowed;
}
.t-radio.t-is-disabled .t-radio__label {
  color: var(--td-text-color-disabled);
}
.t-radio.t-is-disabled .t-radio__input {
  background-color: var(--td-bg-color-component-disabled);
}
.t-radio.t-is-disabled:hover .t-radio__input {
  border-color: var(--td-border-level-2-color);
}
.t-radio.t-is-disabled.t-is-checked .t-radio__input {
  border-color: var(--td-border-level-2-color);
}
.t-radio.t-is-disabled.t-is-checked .t-radio__input::after {
  background-color: var(--td-text-color-disabled);
}
.t-radio:focus-visible:focus-visible {
  outline: 2px solid var(--td-brand-color);
  outline-offset: var(--td-comp-paddingTB-xs);
  border-radius: 0;
}
.t-slider__input-container {
  display: flex;
  align-items: center;
  margin-left: var(--td-comp-margin-xxl);
}
.t-slider__input-container.is-vertical {
  padding-top: var(--td-comp-paddingTB-l);
  margin-left: 0px;
}
.t-slider__input-container .t-slider__center-line {
  width: var(--td-size-4);
  height: 1px;
  background: rgba(0, 0, 0, 0.9);
  margin: 0 var(--td-comp-margin-s);
}
.t-slider {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  height: calc(var(--td-comp-paddingTB-xs) * 2 + var(--td-size-2));
  width: 100%;
  position: relative;
  padding: var(--td-comp-paddingTB-xs) 0;
}
.t-slider__container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.t-slider__container.is-vertical {
  height: 100%;
  flex-direction: column;
}
.t-slider__rail {
  position: absolute;
  width: 100%;
  height: var(--td-size-2);
  background-color: var(--td-bg-color-secondarycomponent);
  transition: 0.2s linear;
  border-radius: var(--td-radius-round);
}
.t-slider__rail:hover {
  background-color: var(--td-bg-color-secondarycomponent-hover);
}
.t-slider__track {
  position: absolute;
  height: var(--td-size-2);
  background-color: var(--td-brand-color);
  right: auto;
  border-radius: var(--td-radius-round);
}
.t-slider__step {
  position: absolute;
  width: 100%;
  height: var(--td-size-2);
  cursor: pointer;
}
.t-slider__button {
  width: var(--td-comp-size-xxxs);
  height: var(--td-comp-size-xxxs);
  border: 2px solid var(--td-brand-color);
  background-color: #fff;
  border-radius: var(--td-radius-circle);
  transition: 0.2s;
  user-select: none;
  box-sizing: border-box;
  box-shadow: var(--td-shadow-1);
}
.t-slider__button--dragging {
  box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
}
.t-slider__button:hover {
  background-color: var(--td-gray-color-1);
}
.t-slider__button-wrapper {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  text-align: center;
  user-select: none;
  line-height: normal;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.t-slider__stop {
  position: absolute;
  width: 1px;
  height: var(--td-size-2);
  background-color: var(--td-bg-color-secondarycomponent);
  top: 4px;
}
.t-slider__mark {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
}
.t-slider__mark-text {
  position: absolute;
  display: inline-block;
  font: var(--td-font-body-small);
  color: var(--td-text-color-primary);
  top: calc(var(--td-size-2) + var(--td-comp-paddingTB-xs) + 2px);
  transform: translateX(-50%);
  cursor: pointer;
  white-space: nowrap;
}
.t-slider__mark-text:first-child {
  transform: translateX(0%);
}
.t-slider__mark-text:last-child {
  transform: translateX(-100%);
}
.t-slider--vertical {
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  position: relative;
}
.t-slider--vertical .t-slider__rail {
  width: var(--td-size-2);
  height: 100%;
}
.t-slider--vertical .t-slider__track {
  width: var(--td-size-2);
  top: auto;
}
.t-slider--vertical .t-slider__step {
  width: var(--td-size-2);
  height: 100%;
}
.t-slider--vertical .t-slider__handle {
  margin-top: -6px;
  margin-left: -5px;
  top: auto;
  transform: translateY(50%);
}
.t-slider--vertical .t-slider__mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.t-slider--vertical .t-slider__stop {
  width: var(--td-size-2);
  height: 1px;
  left: 4px;
  background-color: var(--td-bg-color-secondarycomponent);
}
.t-slider--vertical .t-slider__mark-text {
  transform: translateY(-50%);
  margin-top: 0;
  margin-left: var(--td-comp-margin-xxs);
}
.t-slider--vertical .t-slider__button-wrapper {
  top: auto;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: transparent;
  text-align: center;
  user-select: none;
  line-height: normal;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.t-is-disabled {
  cursor: not-allowed;
}
.t-is-disabled .t-slider__track {
  background-color: var(--td-brand-color-disabled);
}
.t-is-disabled .t-slider__rail {
  background-color: var(--td-bg-color-component-disabled);
}
.t-is-disabled .t-slider__handle {
  border: 2px solid var(--td-brand-color-disabled);
}
.t-is-disabled .t-slider__button {
  border-color: var(--td-brand-color-disabled);
  outline: none;
}
.t-is-disabled .t-slider__mark-text {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-is-disabled .t-slider__button-wrapper {
  cursor: not-allowed;
}
.t-switch {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  list-style: none;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  outline: none;
  border: 0;
  padding: 0;
  margin: 0;
  height: var(--td-comp-size-xxs);
  line-height: var(--td-comp-size-xxs);
  border-radius: var(--td-radius-round);
  min-width: calc(var(--td-comp-size-xxs) / 0.618);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  background-color: var(--td-bg-color-secondarycomponent);
  cursor: pointer;
  user-select: none;
}
.t-switch:hover {
  background-color: var(--td-bg-color-secondarycomponent-hover);
}
.t-switch__handle {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 4px;
  left: 4px;
  width: calc(var(--td-comp-size-xxs) - 2 * 4px);
  height: calc(var(--td-comp-size-xxs) - 2 * 4px);
  border-radius: var(--td-radius-round);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  box-shadow: var(--td-shadow-1);
}
.t-switch__handle .t-icon {
  font-size: calc(var(--td-comp-size-xxs) - 4px);
  color: transparent;
}
.t-switch__handle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--td-radius-round);
  background-color: #fff;
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
  left: 0;
  right: -6px;
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
  right: 0;
  left: -6px;
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__content {
  opacity: 0;
}
.t-switch__content {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  color: var(--td-text-color-anti);
  padding: 0 var(--td-comp-margin-xs) 0 calc(calc(var(--td-comp-size-xxs) / 0.618) / 2 + 2px);
  font-size: var(--td-font-size-body-small);
  min-width: calc(var(--td-comp-size-xxs) / 0.618);
  transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
}
.t-switch__content .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-is-checked {
  background-color: var(--td-brand-color);
}
.t-switch.t-is-checked:hover {
  background-color: var(--td-brand-color-hover);
}
.t-switch.t-is-checked .t-switch__handle {
  left: calc(100% - 2.5px);
  transform: translate(-100%, 0);
  width: calc(var(--td-comp-size-xxs) - 2 * 2.5px);
  height: calc(var(--td-comp-size-xxs) - 2 * 2.5px);
  top: 2.5px;
}
.t-switch.t-is-checked .t-switch__content {
  padding: 0 calc(calc(var(--td-comp-size-xxs) / 0.618) / 2 + 2px) 0 var(--td-comp-margin-xs);
  color: var(--td-text-color-anti);
}
.t-switch.t-is-loading {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-loading .t-loading {
  display: inline-flex;
}
.t-switch.t-is-loading .t-switch__handle .t-icon {
  color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-loading.t-is-checked {
  background-color: var(--td-brand-color-focus);
}
.t-switch.t-is-loading.t-is-checked .t-switch__handle .t-icon {
  color: var(--td-brand-color-focus);
}
.t-switch.t-is-disabled {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-disabled .t-switch__handle {
  box-shadow: none;
}
.t-switch.t-is-disabled.t-is-checked {
  background-color: var(--td-brand-color-disabled);
}
.t-switch.t-is-disabled.t-is-checked .t-switch__handle {
  box-shadow: none;
}
.t-switch.t-is-disabled.t-is-checked .t-switch__handle .t-icon {
  color: var(--td-brand-color-disabled);
}
.t-switch.t-size-l {
  min-width: calc(var(--td-comp-size-xs) / 0.618);
  height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
  border-radius: var(--td-radius-round);
}
.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
  left: 0;
  right: -8px;
}
.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
  right: 0;
  left: -8px;
}
.t-switch.t-size-l .t-switch__handle {
  top: 5px;
  left: 5px;
  width: calc(var(--td-comp-size-xs) - 2 * 5px);
  height: calc(var(--td-comp-size-xs) - 2 * 5px);
}
.t-switch.t-size-l .t-switch__handle .t-icon {
  font-size: calc(var(--td-comp-size-xs) - 4px);
}
.t-switch.t-size-l .t-switch__content {
  padding: 0 var(--td-comp-margin-s) 0 calc(calc(var(--td-comp-size-xs) / 0.618) / 2 + 4px);
  min-width: calc(var(--td-comp-size-xs) / 0.618);
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-l .t-switch__content .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-l.t-is-checked .t-switch__handle {
  left: calc(100% - 3px);
  top: 3px;
  width: calc(var(--td-comp-size-xs) - 2 * 3px);
  height: calc(var(--td-comp-size-xs) - 2 * 3px);
}
.t-switch.t-size-l.t-is-checked .t-switch__content {
  padding: 0 calc(calc(var(--td-comp-size-xs) / 0.618) / 2 + 4px) 0 var(--td-comp-margin-s);
}
.t-switch.t-size-s {
  min-width: calc(var(--td-comp-size-xxxs) / 0.618);
  height: var(--td-comp-size-xxxs);
  line-height: var(--td-comp-size-xxxs);
  border-radius: var(--td-radius-round);
}
.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
  left: 0;
  right: -4px;
}
.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
  right: 0;
  left: -4px;
}
.t-switch.t-size-s .t-switch__handle {
  top: 3px;
  left: 3px;
  width: calc(var(--td-comp-size-xxxs) - 2 * 3px);
  height: calc(var(--td-comp-size-xxxs) - 2 * 3px);
}
.t-switch.t-size-s .t-switch__handle .t-icon {
  font-size: calc(var(--td-comp-size-xxxs) - 4px);
}
.t-switch.t-size-s .t-switch__content {
  padding: 0 var(--td-comp-margin-xxs) 0 calc(calc(var(--td-comp-size-xxxs) / 0.618) / 2 + 2px);
  min-width: calc(var(--td-comp-size-xxxs) / 0.618);
  font-size: 9px;
}
.t-switch.t-size-s .t-switch__content .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-s.t-is-checked .t-switch__handle {
  left: calc(100% - 2px);
  top: 2px;
  width: calc(var(--td-comp-size-xxxs) - 2 * 2px);
  height: calc(var(--td-comp-size-xxxs) - 2 * 2px);
}
.t-switch.t-size-s.t-is-checked .t-switch__content {
  padding: 0 calc(calc(var(--td-comp-size-xxxs) / 0.618) / 2 + 2px) 0 var(--td-comp-margin-xxs);
}
.t-textarea {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 100%;
}
.t-textarea__inner {
  display: flex;
  width: 100%;
  height: var(--td-comp-size-xxxl);
  border: 1px solid var(--td-border-level-2-color);
  border-radius: var(--td-radius-default);
  padding: calc(calc(var(--td-comp-size-m) - var(--td-line-height-body-medium)) / 2) var(--td-comp-paddingLR-s);
  background-color: var(--td-bg-color-specialcomponent);
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  resize: vertical;
  outline: none;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
  box-sizing: border-box;
}
@-moz-document url-prefix() {
  .t-textarea__inner {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-textarea__inner::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-textarea__inner::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-textarea__inner::-webkit-scrollbar-thumb:vertical:hover,
.t-textarea__inner::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-textarea__inner:hover {
  border-color: var(--td-brand-color);
}
.t-textarea__inner:focus {
  border-color: var(--td-brand-color);
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-textarea__inner::placeholder {
  color: var(--td-text-color-placeholder);
}
.t-textarea__inner.t-is-success {
  border-color: var(--td-success-color);
}
.t-textarea__inner.t-is-success:focus {
  box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-textarea__inner.t-is-warning {
  border-color: var(--td-warning-color);
}
.t-textarea__inner.t-is-warning:focus {
  box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-textarea__inner.t-is-error {
  border-color: var(--td-error-color);
}
.t-textarea__inner.t-is-error:focus {
  box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-textarea__info_wrapper {
  display: flex;
  column-gap: var(--td-comp-margin-s);
  justify-content: space-between;
}
.t-textarea__info_wrapper_align {
  justify-content: end;
}
.t-textarea__limit {
  font: var(--td-font-body-small);
  color: var(--td-text-color-placeholder);
}
.t-textarea .t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  cursor: not-allowed;
}
.t-textarea .t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-textarea .t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-textarea .t-resize-none {
  resize: none;
}
.t-textarea__tips {
  height: auto;
  min-height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
  display: inline-block;
}
.t-textarea__tips--normal {
  color: var(--td-text-color-placeholder);
}
.t-textarea__tips--success {
  color: var(--td-success-color);
}
.t-textarea__tips--warning {
  color: var(--td-warning-color);
}
.t-textarea__tips--error {
  color: var(--td-error-color);
}
.t-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: transparent;
  color: var(--td-text-color-primary);
  max-height: 100%;
}
.t-transfer__list {
  position: relative;
  display: inline-block;
  min-width: 200px;
  height: 200px;
  padding-top: var(--td-comp-size-xxl);
  border: 0;
  word-break: break-word;
  vertical-align: middle;
}
.t-transfer__list-source,
.t-transfer__list-target {
  border: 1px solid var(--td-border-level-1-color);
  border-radius: var(--td-radius-medium);
}
.t-transfer__list-header {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 0;
  height: var(--td-comp-size-xxl);
  line-height: var(--td-comp-size-xxl);
  width: calc(200px - var(--td-comp-margin-s) * 2);
  padding: 0 var(--td-comp-paddingLR-s);
  margin: 0 var(--td-comp-margin-s);
  box-sizing: border-box;
}
.t-transfer__list-header + :not(.t-transfer__list--with-search) {
  border-top: 1px solid var(--td-border-level-1-color);
}
.t-transfer__list-header .t-checkbox {
  margin-right: 0;
}
.t-transfer__list-header .t-checkbox__label {
  margin: 0;
}
.t-transfer__list-header div {
  display: flex;
}
.t-transfer__list-header div > span {
  margin-left: var(--td-comp-margin-s);
}
.t-transfer__list-header > span {
  color: var(--td-text-color-placeholder);
}
.t-transfer__list-body {
  position: relative;
  height: 100%;
  box-sizing: border-box;
}
.t-transfer__list--with-search {
  padding-top: var(--td-comp-size-m);
  border-top: 0;
}
.t-transfer__list-content {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.t-transfer__list-content .t-checkbox-group {
  width: 100%;
  flex-direction: column;
  gap: var(--td-comp-margin-xs);
  margin: var(--td-comp-margin-s) 0;
}
.t-transfer__list-content .t-checkbox-group .t-checkbox {
  margin-right: var(--td-comp-margin-s);
  --ripple-color: var(--td-bg-color-container-active);
}
.t-transfer__list-content .t-checkbox-group .t-checkbox + .t-checkbox {
  margin-left: var(--td-comp-margin-s);
}
.t-transfer__list-content .t-checkbox-group .t-checkbox__label {
  margin: 0;
  flex: 1;
}
.t-transfer__list-content .t-checkbox-group .t-checkbox__label > span {
  margin-left: var(--td-comp-margin-s);
  display: inline-block;
}
.t-transfer__list .t-transfer__list-item {
  padding: var(--td-comp-paddingLR-xs) var(--td-comp-paddingLR-s);
  display: flex;
  cursor: pointer;
  margin: 0 var(--td-comp-margin-s);
  border-radius: var(--td-radius-default);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-transfer__list .t-transfer__list-item:first-child {
  margin-top: 0;
}
.t-transfer__list .t-transfer__list-item.t-is-disabled:hover {
  background: transparent;
}
.t-transfer__list-item:hover {
  background: var(--td-bg-color-container-hover);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-transfer__list-item.t-is-checked {
  background: var(--td-brand-color-light);
}
.t-transfer__list-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
}
.t-transfer__list-pagination {
  height: var(--td-comp-size-xs);
  vertical-align: middle;
  padding: var(--td-comp-paddingTB-m);
}
.t-transfer__list-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid var(--td-border-level-1-color);
  width: 100%;
}
.t-transfer__operations {
  display: inline-flex;
  flex-direction: column;
  margin: auto var(--td-comp-margin-s);
  vertical-align: middle;
  overflow: hidden;
  gap: var(--td-comp-margin-l);
}
.t-transfer__operations .t-icon {
  font-size: var(--td-comp-size-xxxs);
}
.t-transfer__operations .t-icon + .t-button__text {
  margin-left: 0;
}
.t-transfer__empty {
  text-align: center;
  position: absolute;
  color: var(--td-text-color-placeholder);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.t-transfer__search-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 var(--td-comp-margin-s);
  box-sizing: border-box;
}
.t-transfer__search .t-transfer__list {
  height: 240px;
}
.t-transfer--with-tree .t-transfer__list {
  height: auto;
}
.t-transfer--with-tree .t-transfer__list .t-tree {
  padding: 0 var(--td-comp-paddingLR-m);
  margin: var(--td-comp-margin-s) 0;
}
.t-transfer__pagination .t-transfer__list {
  height: 240px;
  padding-bottom: calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m) * 2);
}
.t-transfer__footer .t-transfer__list {
  height: 248px;
  padding-bottom: 48px;
}
.t-transfer__pagination.t-transfer__footer .t-transfer__list {
  height: 288px;
  padding-bottom: calc(calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m) * 2) + 48px);
}
.t-transfer__search.t-transfer__footer .t-transfer__list {
  height: 288px;
  padding-bottom: 48px;
}
.t-transfer__search.t-transfer__pagination .t-transfer__list {
  height: 280px;
  padding-bottom: 48px;
}
.t-transfer__search.t-transfer__footer.t-transfer__pagination .t-transfer__list {
  height: 328px;
  padding-bottom: 88px;
}
.t-transfer__wrapper .t-transfer__list {
  height: 320px;
  width: 206px;
  overflow: scroll;
}
.t-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  position: relative;
}
.t-tree.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-tree.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}
.t-tree.t-is-disabled .t-tree__item.t-is-active {
  background-color: var(--td-bg-color-container-hover);
  color: var(--td-text-color-disabled);
}
.t-tree.t-is-disabled .t-tree__item .t-icon {
  color: var(--td-text-color-secondary);
}
.t-tree__empty {
  color: var(--td-text-color-disabled);
}
.t-tree__branch {
  display: block;
}
.t-tree__item {
  --level: 0;
  --hscale: 2;
  will-change: opacity, max-height;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0 0 0 calc(var(--td-comp-margin-xxl) * var(--level));
  cursor: default;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
}
.t-tree__item .t-icon,
.t-tree__item .t-loading {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-tree__item .t-icon {
  color: var(--td-text-color-secondary);
}
.t-tree__item .t-checkbox {
  align-items: center;
  font-size: 0;
}
.t-tree__item .t-checkbox__input {
  flex-shrink: 0;
}
.t-tree__item .t-checkbox__label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-tree__item .t-tree__icon--default .t-icon {
  transform: rotate(0);
}
.t-tree__item--open .t-icon {
  color: var(--td-text-color-brand);
}
.t-tree__item--open .t-tree__icon--default .t-icon {
  transform: rotate(90deg);
}
.t-tree__item--clickable {
  cursor: pointer;
}
.t-tree__item--locked {
  color: var(--td-text-color-disabled);
}
.t-tree__item--matched {
  color: inherit;
}
.t-tree__item--draggable {
  cursor: pointer;
}
.t-tree__item--draggable:hover {
  background-color: var(--td-bg-color-container-hover);
  background-clip: content-box;
}
.t-tree__item--draggable::after {
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  display: block;
  height: 2px;
  border-radius: 1px;
  content: "";
  padding: inherit;
  background-clip: content-box;
}
.t-tree__item--tip-top::after {
  background-color: var(--td-brand-color);
}
.t-tree__item--tip-bottom::after {
  top: unset;
  bottom: -1px;
  background-color: var(--td-brand-color);
}
.t-tree__item--tip-highlight {
  background-color: var(--td-brand-color-light);
  background-clip: content-box;
}
.t-tree__item::before {
  content: "";
  display: block;
  width: 0;
  flex: 0 0 auto;
  height: calc(var(--td-comp-size-m) + 2px);
}
.t-tree--block-node .t-tree__label {
  flex: 1;
}
.t-tree--hoverable .t-tree__label:not(.t-is-active):not(.t-is-checked):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-tree__line {
  --level: 0;
  --color: var(--td-border-level-1-color);
  --space: var(--td-comp-margin-xxl);
  --iconSize: 16px;
  position: absolute;
  left: calc(var(--td-comp-margin-xxl) * var(--level) - var(--td-comp-margin-l));
  bottom: var(--td-comp-margin-l);
  width: 1px;
  height: calc(var(--td-comp-size-m) + 2px);
  pointer-events: none;
}
.t-tree__line::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: calc(var(--td-comp-size-m) + 2px);
  width: var(--td-comp-margin-m);
  border-left: 1px solid var(--color);
  border-bottom: 1px solid var(--color);
}
.t-tree__line--first::before {
  height: var(--td-line-height-body-medium);
}
.t-tree__line--leaf::before {
  width: var(--td-comp-margin-m);
}
.t-tree__icon {
  position: relative;
  flex: none;
  display: inline-flex;
  align-items: center;
  text-align: center;
  width: calc(var(--td-font-size-body-medium) + 2px);
  font-size: 0;
  user-select: none;
  cursor: pointer;
}
.t-tree__icon::after {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  top: -2px;
  width: calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
  height: calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
  border-radius: var(--td-radius-default);
}
.t-tree__icon:not(:empty):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-tree__icon:empty {
  cursor: initial;
}
.t-tree__label {
  --ripple-color: var(--td-bg-color-container-active);
  flex-wrap: nowrap;
  flex: 1;
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xs);
  margin-left: var(--td-comp-margin-xs);
  border-radius: var(--td-radius-default);
  cursor: pointer;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-tree__label.t-is-checked {
  font-weight: 500;
  color: var(--td-text-color-primary);
  background-color: var(--td-brand-color-light);
}
.t-tree__label::selection {
  background-color: transparent;
}
.t-is-active .t-tree__label {
  font-weight: 500;
  color: var(--td-text-color-primary);
  background-color: var(--td-brand-color-light);
}
.t-tree__space {
  display: block;
  flex: 1 0 auto;
}
.t-tree__operations {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
}
.t-tree__operations .t-icon {
  cursor: pointer;
}
.t-tree__item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: default;
}
.t-tree__item.t-is-disabled .t-checkbox {
  cursor: default;
}
.t-tree__item--hidden {
  display: none;
}
.t-tree--transition .t-tree__label {
  transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tree--transition .t-tree__icon {
  transition: color, transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tree--transition .t-tree__icon::after {
  transition: 0.2s linear;
}
.t-tree--transition .t-tree__icon:not(:empty):hover {
  transition: 0.2s linear;
}
.t-tree--transition .t-tree__icon--default .t-icon {
  transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-tree--transition .t-tree__item--visible {
  display: flex;
  max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
  opacity: 1;
  transition: opacity 150ms linear 150ms, max-height 150ms linear 0s;
}
.t-tree--transition .t-tree__item--hidden {
  display: flex;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  animation: initial;
  transition: opacity 150ms linear 0s, max-height 150ms linear 150ms;
}
.t-tree--transition .t-tree__item--enter-active {
  animation: t-tree-toggle 300ms linear;
}
.t-tree--transition .t-tree__item--leave-active {
  animation: t-tree-toggle 300ms reverse linear forwards;
}
.t-tree__vscroll {
  overflow-y: auto;
}
.t-tree__lazyload {
  overflow-y: auto;
}
.t-tree__vscroll-cursor {
  position: absolute;
  width: 1px;
  height: 1px;
  transition: transform 0.2s;
}
.t-tree--scrolling .t-tree__item {
  will-change: initial;
}
.t-tree--scrolling .v-enter,
.t-tree--scrolling .v-leave,
.t-tree--scrolling .t-tree__item--visible,
.t-tree--scrolling .t-tree__item--hidden,
.t-tree--scrolling .t-tree__item--enter,
.t-tree--scrolling .t-tree__item--enter-active,
.t-tree--scrolling .t-tree__item--enter-to,
.t-tree--scrolling .t-tree__item--leave,
.t-tree--scrolling .t-tree__item--leave-active .t-tree__item--leave-to {
  animation: none;
  transition: none;
}
.t-tree--scrolling .t-tree__item--visible {
  max-height: initial;
}
.t-tree--scrolling .t-tree__item--enter-to,
.t-tree--scrolling .t-tree__item--enter-active {
  max-height: initial;
}
.t-tree--scrolling .t-tree__item--leave-to,
.t-tree--scrolling .t-tree__item--leave-active {
  max-height: 0;
}
@keyframes t-tree-toggle {
  0% {
    opacity: 0;
    max-height: 0;
  }
  50% {
    opacity: 0;
    max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
  }
  100% {
    opacity: 1;
    max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
  }
}
.t-tree-select {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-tree-select--without-input input {
  display: none;
}
.t-tree-select--without-input .t-input__suffix-icon {
  margin-left: auto;
}
.t-tree-select .t-fake-arrow {
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  color: var(--td-text-color-placeholder);
}
.t-tree-select .t-fake-arrow--highlight {
  color: var(--td-text-color-brand);
}
.t-tree-select .t-fake-arrow--disable {
  color: var(--td-text-color-disabled);
}
.t-tree-select--placeholder {
  color: var(--td-text-color-placeholder);
}
.t-tree-select.t-single-suffix {
  padding-right: 20px;
}
.t-tree-select.t-tag-prefix {
  padding-left: 4px;
}
.t-tree-select-popup .t-popup__content {
  padding: var(--td-pop-padding-m);
  max-height: 300px;
  overflow-y: auto;
}
@-moz-document url-prefix() {
  .t-tree-select-popup .t-popup__content {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-tree-select-popup .t-popup__content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,
.t-tree-select-popup .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-color-picker__panel {
  padding: 0;
  width: 256px;
  background: var(--td-bg-color-container);
  box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  border-radius: var(--td-radius-medium);
  user-select: none;
}
.t-popup__content .t-color-picker__panel {
  background: transparent;
  box-shadow: unset;
}
.t-color-picker {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-color-picker.t-popup__content {
  box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
}
.t-color-picker__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--td-comp-size-xxxs);
  background: transparent;
  transition: 0.2s linear;
  color: var(--td-text-color-secondary);
  border-radius: var(--td-radius-default);
  cursor: pointer;
}
.t-color-picker__icon:hover {
  background: var(--td-bg-color-container-hover);
  transition: 0.2s linear;
}
.t-color-picker__icon.t-is-disabled {
  color: var(--td-text-color-disabled);
  pointer-events: none;
}
.t-color-picker__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--td-pop-padding-xl);
  position: relative;
  z-index: 2;
}
.t-color-picker__head .t-color-picker__close {
  flex-shrink: 0;
}
.t-color-picker__head + .t-color-picker__body {
  padding-top: 0;
}
.t-color-picker__body {
  padding: var(--td-pop-padding-xl);
  padding-bottom: calc(var(--td-pop-padding-xl) - 4px);
}
.t-color-picker__thumb {
  position: absolute;
  z-index: 1;
  outline: none;
  border-color: currentcolor;
  width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  border-radius: var(--td-radius-circle);
  box-shadow: var(--td-shadow-1);
  background: var(--td-text-color-anti);
  color: var(--td-text-color-brand);
  padding: 2px;
  box-sizing: border-box;
}
.t-color-picker__thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  background: currentcolor;
  border-radius: var(--td-radius-circle);
  display: block;
}
.t-color-picker__saturation {
  height: 160px;
  border-radius: var(--td-radius-default);
  position: relative;
  overflow: hidden;
  background: transparent;
}
.t-color-picker__saturation::before,
.t-color-picker__saturation::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.t-color-picker__saturation::before {
  /* stylelint-disable-next-line color-no-hex */
  background: linear-gradient(90deg, #fff, transparent);
}
.t-color-picker__saturation::after {
  /* stylelint-disable-next-line color-no-hex */
  background: linear-gradient(0deg, #000, transparent);
}
.t-color-picker__saturation .t-color-picker__thumb {
  width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  border-radius: var(--td-radius-circle);
  transform: translate(-50%, -50%);
}
.t-color-picker__slider-wrapper {
  border-radius: calc(8px / 2);
  padding: 0 calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) / 2);
  position: relative;
}
.t-color-picker__slider-wrapper--hue-type {
  /* stylelint-disable-next-line color-named */
  background: red;
}
.t-color-picker__slider-wrapper--alpha-type {
  background: var(--td-text-color-anti);
  /* stylelint-disable-next-line color-no-hex */
  background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
.t-color-picker__slider-padding {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  border-radius: calc(8px / 2);
}
.t-color-picker__slider {
  height: 8px;
  position: relative;
  border-radius: calc(8px / 2);
  cursor: pointer;
  color: transparent;
  outline: none;
  z-index: 1;
}
.t-color-picker__slider .t-color-picker__thumb {
  transform: translate(calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) * -0.5), -50%);
  top: 50%;
}
.t-color-picker__slider .t-color-picker__rail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
.t-color-picker__alpha,
.t-color-picker__format {
  margin: var(--td-comp-margin-m) 0 0 0;
}
.t-color-picker__hue {
  /* stylelint-disable color-no-hex, color-named */
  background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}
.t-color-picker__alpha .t-color-picker__rail {
  background: linear-gradient(to right, transparent, currentcolor);
}
.t-color-picker__sliders-wrapper {
  display: flex;
  align-items: center;
  margin: var(--td-comp-margin-m) 0;
}
.t-color-picker__sliders {
  width: 100%;
}
.t-color-picker__sliders-preview {
  flex-shrink: 0;
  margin-left: var(--td-comp-margin-m);
  width: var(--td-comp-size-s);
  height: var(--td-comp-size-s);
  border-radius: var(--td-radius-default);
  overflow: hidden;
  background: var(--td-text-color-anti);
  /* stylelint-disable-next-line color-no-hex */
  background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
.t-color-picker__sliders-preview-inner {
  display: block;
  width: 100%;
  height: 100%;
}
.t-color-picker__gradient {
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: var(--td-comp-margin-m);
}
.t-color-picker__gradient-slider {
  flex: 1;
}
.t-color-picker__gradient-degree {
  position: relative;
  flex-shrink: 0;
  margin-left: var(--td-comp-margin-m);
  width: var(--td-comp-size-xxl);
}
.t-color-picker__gradient-degree .t-input {
  margin: 0;
  font: var(--td-font-body-small);
}
.t-color-picker__gradient-degree .t-input-number {
  width: 100%;
  padding: 0;
}
.t-color-picker__gradient .gradient-thumbs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: inherit;
  cursor: pointer;
}
.t-color-picker__gradient .gradient-thumbs__item {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  z-index: 0;
  cursor: pointer;
}
.t-color-picker__gradient .gradient-thumbs__item::before {
  display: none;
}
.t-color-picker__gradient .gradient-thumbs__item.t-is-active {
  z-index: 1;
  outline: 2px solid var(--td-component-border);
}
.t-color-picker__gradient .gradient-thumbs__item-inner {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--td-radius-circle);
  overflow: hidden;
}
.t-color-picker__gradient .gradient-thumbs__item-inner::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: currentcolor;
}
.t-color-picker__format {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.t-color-picker__format--item:first-child {
  flex-shrink: 0;
}
.t-color-picker__format--item:last-child {
  flex: 1;
}
.t-color-picker__format--item .t-size-m,
.t-color-picker__format--item .t-input.t-size-m {
  font: var(--td-font-body-small);
}
.t-color-picker__format--item .t-input-number .t-input {
  margin: 0;
}
.t-color-picker__format--item .input-group {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-left: var(--td-comp-margin-s);
}
.t-color-picker__format--item .input-group__item {
  flex: 1;
  width: 0;
  margin-left: -1px;
}
.t-color-picker__format--item .input-group__item .t-input {
  padding: 0 1px;
}
.t-color-picker__format--item .input-group__item .t-input:focus,
.t-color-picker__format--item .input-group__item .t-input:focus-within,
.t-color-picker__format--item .input-group__item .t-input:hover {
  z-index: 1;
}
.t-color-picker__format--item .input-group__item:not(:first-child):not(:last-child) .t-input {
  border-radius: 0;
}
.t-color-picker__format--item .input-group__item:first-child:not(:last-child) .t-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.t-color-picker__format--item .input-group__item:last-child:not(:first-child) .t-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.t-color-picker__format--item .input-group .t-input-number {
  width: 100%;
  padding: 0;
  max-width: 100%;
}
.t-color-picker__format-mode-select {
  width: 72px;
  display: flex;
}
.t-color-picker__format-mode-select .t-select,
.t-color-picker__format-mode-select .t-input {
  padding-right: 0;
}
.t-color-picker__format-mode-select .t-input--prefix > .t-input__suffix {
  padding-left: 0;
}
.t-color-picker__format-mode-select .t-select__right-icon {
  margin-right: var(--td-comp-margin-xs);
}
.t-color-picker__swatches-wrap {
  margin-top: var(--td-comp-margin-m);
  position: relative;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches + .t-color-picker__swatches {
  margin-top: var(--td-comp-margin-m);
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--title {
  font: var(--td-font-body-small);
  padding: 0;
  color: var(--td-text-color-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  font-size: 0;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--actions .t-color-picker__icon {
  width: var(--td-comp-size-xxxs);
  height: var(--td-comp-size-xxxs);
  margin-left: var(--td-comp-margin-s);
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--items {
  width: 100%;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(10, var(--td-comp-size-xxxs));
  gap: calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9) calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9);
  max-height: calc(4 * calc(var(--td-comp-size-xxxs) + calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9)));
  overflow-x: hidden;
  overflow-y: auto;
  padding: calc(var(--td-pop-padding-xl) - 8px);
  position: relative;
  left: calc(0px - calc(var(--td-pop-padding-xl) - 8px));
  box-sizing: content-box;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item {
  display: flex;
  width: var(--td-comp-size-xxxs);
  height: var(--td-comp-size-xxxs);
  border-radius: var(--td-radius-default);
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  position: relative;
  transform-origin: center;
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  box-sizing: border-box;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item:hover {
  transform: scale(1.25);
  transform-origin: center;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item__color {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--td-component-border);
  border-radius: var(--td-radius-default);
  flex-shrink: 0;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item__inner {
  width: 100%;
  height: 100%;
  display: block;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item:not(.t-is-active):hover {
  padding: 0;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item.t-is-active .t-color-picker__swatches--item__color,
.t-color-picker__swatches-wrap .t-color-picker__swatches--item.t-is-active .t-color-picker__swatches--color {
  border-color: var(--td-text-color-brand);
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--color {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--td-radius-default);
  box-sizing: border-box;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--inner {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: var(--td-radius-default);
  box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
}
.t-color-picker__trigger--default {
  display: inline-flex;
  align-items: center;
}
.t-color-picker__trigger--default > .t-input {
  width: fit-content;
}
.t-color-picker__trigger--default .t-input {
  padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-paddingLR-xs);
}
.t-color-picker__trigger--default__color {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.t-color-picker__trigger--default__color .color-inner {
  border: 1px solid var(--td-scrollbar-color);
  display: block;
  width: calc(var(--td-comp-size-xs) - 2px);
  height: calc(var(--td-comp-size-xs) - 2px);
  color: transparent;
  position: relative;
  border-radius: var(--td-radius-small);
}
.t-color-picker__trigger--default__color .color-inner.t-size-s {
  width: calc(var(--td-comp-size-xxs) - 2px);
  height: calc(var(--td-comp-size-xxs) - 2px);
}
.t-color-picker__trigger--default__color .color-inner.t-size-l {
  width: calc(var(--td-comp-size-s) - 2px);
  height: calc(var(--td-comp-size-s) - 2px);
}
.t-color-picker__gradient-slider {
  padding: 0 calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) / 2);
  border-radius: calc(8px / 2);
}
.t-color-picker__gradient-slider .t-color-picker--bg-alpha {
  background: var(--td-text-color-anti);
  /* stylelint-disable-next-line color-no-hex */
  background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
.t-color-picker__panel.t-is-disabled .t-color-picker__saturation,
.t-color-picker__panel.t-is-disabled .t-color-picker__slider,
.t-color-picker__panel.t-is-disabled .t-color-picker__swatches--item {
  opacity: 0.8;
  cursor: not-allowed;
}
.t-color-picker__panel.t-is-disabled .t-color-picker__gradient-slider .gradient-thumbs,
.t-color-picker__panel.t-is-disabled .t-color-picker__gradient-slider .gradient-thumbs__item {
  cursor: not-allowed;
}
.t-color-picker__panel.t-is-disabled .t-color-picker__swatches--item:hover {
  padding: 0;
}
.t-color-picker__select-options > .t-popup__content {
  box-shadow: var(--td-shadow-1), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
}
.t-image__wrapper {
  position: relative;
  background: var(--td-bg-color-secondarycontainer);
  z-index: 1;
}
.t-image__wrapper--shape-square {
  border-radius: 0;
}
.t-image__wrapper--shape-round {
  border-radius: var(--td-radius-medium);
}
.t-image__wrapper--shape-circle {
  border-radius: 50%;
}
.t-image__wrapper--gallery {
  border-radius: var(--td-radius-medium);
}
.t-image__wrapper--gallery .t-image {
  position: relative;
  z-index: 5;
}
.t-image__wrapper--need-hover {
  cursor: pointer;
}
.t-image {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: relative;
  z-index: inherit;
}
.t-image--fit-fill {
  object-fit: fill;
}
.t-image--fit-contain {
  object-fit: contain;
}
.t-image--fit-cover {
  object-fit: cover;
}
.t-image--fit-scale-down {
  object-fit: scale-down;
}
.t-image--fit-none {
  object-fit: none;
}
.t-image--position-center {
  object-position: center;
}
.t-image--position-bottom {
  object-position: bottom;
}
.t-image--position-top {
  object-position: top;
}
.t-image--position-left {
  object-position: left;
}
.t-image--position-right {
  object-position: right;
}
.t-image__gallery-shadow {
  position: absolute;
  left: 0;
  right: -24px;
  top: 24px;
  bottom: 24px;
  background: rgba(238, 238, 238, 0.26);
  border-radius: var(--td-radius-medium);
  z-index: calc(5 - 2);
}
.t-image__gallery-shadow::before,
.t-image__gallery-shadow::after {
  content: "";
  position: absolute;
  left: 0;
  border-radius: var(--td-radius-medium);
}
.t-image__gallery-shadow::after {
  top: -16px;
  right: 16px;
  bottom: -16px;
  background: rgba(238, 238, 238, 0.8);
  z-index: calc(5 - 1);
}
.t-image__gallery-shadow::before {
  top: -8px;
  right: 8px;
  bottom: -8px;
  background: rgba(238, 238, 238, 0.5);
  z-index: calc(5 - 3);
}
.t-image__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
.t-image__overlay-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: calc(5 + 1);
  opacity: 1;
  visibility: visible;
  transition: visibility 0s, opacity 0.2s linear;
}
.t-image__overlay-content--hidden {
  visibility: hidden;
  opacity: 0;
}
.t-image__loading,
.t-image__error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: calc(0 + 1);
}
.t-image__loading {
  color: var(--td-text-color-secondary);
}
.t-image__error {
  color: var(--td-text-color-disabled);
}
.t-avatar {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-flex;
  background: var(--td-brand-color-focus);
  color: var(--td-text-color-brand);
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  width: var(--td-comp-size-m);
  height: var(--td-comp-size-m);
  font-size: var(--td-font-size-body-large);
  line-height: var(--td-comp-size-m);
}
.t-avatar.t-avatar__icon {
  font-size: var(--td-comp-size-xxs);
}
.t-avatar--circle {
  border-radius: var(--td-radius-circle);
}
.t-avatar--round {
  border-radius: var(--td-radius-default);
}
.t-avatar.t-size-s {
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-comp-size-xs);
}
.t-avatar.t-size-s.t-avatar__icon {
  font-size: var(--td-comp-size-xxxs);
}
.t-avatar.t-size-l {
  width: var(--td-comp-size-xl);
  height: var(--td-comp-size-xl);
  font-size: var(--td-font-size-title-large);
  line-height: var(--td-comp-size-xl);
}
.t-avatar.t-size-l.t-avatar__icon {
  font-size: var(--td-comp-size-xs);
}
.t-avatar > .t-image__wrapper {
  max-width: 100%;
  max-height: 100%;
}
.t-avatar-group {
  display: inline-flex;
  align-items: center;
}
.t-avatar-group .t-avatar {
  border: 2px solid var(--td-bg-color-container);
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child) {
  margin-right: calc(0px - var(--td-size-3));
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-s {
  margin-right: calc(0px - var(--td-size-2));
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-l {
  margin-right: calc(0px - var(--td-size-4));
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(1) {
  z-index: 49;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(2) {
  z-index: 48;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(3) {
  z-index: 47;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(4) {
  z-index: 46;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(5) {
  z-index: 45;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(6) {
  z-index: 44;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(7) {
  z-index: 43;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(8) {
  z-index: 42;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(9) {
  z-index: 41;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(10) {
  z-index: 40;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(11) {
  z-index: 39;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(12) {
  z-index: 38;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(13) {
  z-index: 37;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(14) {
  z-index: 36;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(15) {
  z-index: 35;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(16) {
  z-index: 34;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(17) {
  z-index: 33;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(18) {
  z-index: 32;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(19) {
  z-index: 31;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(20) {
  z-index: 30;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(21) {
  z-index: 29;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(22) {
  z-index: 28;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(23) {
  z-index: 27;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(24) {
  z-index: 26;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(25) {
  z-index: 25;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(26) {
  z-index: 24;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(27) {
  z-index: 23;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(28) {
  z-index: 22;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(29) {
  z-index: 21;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(30) {
  z-index: 20;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(31) {
  z-index: 19;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(32) {
  z-index: 18;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(33) {
  z-index: 17;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(34) {
  z-index: 16;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(35) {
  z-index: 15;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(36) {
  z-index: 14;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(37) {
  z-index: 13;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(38) {
  z-index: 12;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(39) {
  z-index: 11;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(40) {
  z-index: 10;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(41) {
  z-index: 9;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(42) {
  z-index: 8;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(43) {
  z-index: 7;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(44) {
  z-index: 6;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(45) {
  z-index: 5;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(46) {
  z-index: 4;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(47) {
  z-index: 3;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(48) {
  z-index: 2;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(49) {
  z-index: 1;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(50) {
  z-index: 0;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child) {
  margin-left: calc(0px - var(--td-size-3));
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-s {
  margin-left: calc(0px - var(--td-size-2));
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-l {
  margin-left: calc(0px - var(--td-size-4));
}
.t-badge {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
}
.t-badge--dot,
.t-badge--circle,
.t-badge--round {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--td-text-color-anti);
  text-align: center;
  font: var(--td-font-body-small);
  transform: translate(50%, -50%);
  transform-origin: 100% 0;
  box-sizing: content-box;
}
.t-badge--static {
  position: static;
  display: inline-block;
  transform: none;
}
.t-badge--dot {
  right: 1px;
  margin-top: 1px;
  width: 6px;
  height: 6px;
  border-radius: var(--td-radius-circle);
  background-color: var(--td-error-color);
}
.t-badge--circle,
.t-badge--round {
  padding-right: calc((var(--td-comp-size-xxs) - 8px) / 2);
  padding-left: calc((var(--td-comp-size-xxs) - 8px) / 2);
  min-width: 8px;
  height: var(--td-comp-size-xxs);
  background-color: var(--td-error-color);
  line-height: var(--td-comp-size-xxs);
}
.t-badge--circle.t-size-s,
.t-badge--round.t-size-s {
  padding-right: calc((var(--td-comp-size-xxxs) - 8px) / 2);
  padding-left: calc((var(--td-comp-size-xxxs) - 8px) / 2);
  min-width: 8px;
  height: var(--td-comp-size-xxxs);
  line-height: var(--td-comp-size-xxxs);
}
.t-badge--circle {
  border-radius: calc(var(--td-comp-size-xxs) / 2);
}
.t-badge--round {
  border-radius: var(--td-radius-default);
}
.t-calendar {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--td-border-level-1-color);
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-large);
}
.t-calendar .t-is-disabled.t-calendar__table-body-cell:hover {
  cursor: not-allowed;
}
.t-calendar .t-is-disabled .t-calendar__table-body-cell-display {
  color: var(--td-text-color-disabled);
}
.t-calendar .t-is-disabled .t-calendar__table-body-cell-display:hover {
  box-shadow: none;
}
.t-calendar--full {
  min-width: 560px;
  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
}
.t-calendar--full .t-calendar__control {
  padding: 0;
}
.t-calendar--full .t-calendar__title {
  font: var(--td-font-title-large);
  flex: 1;
}
.t-calendar--full .t-calendar__panel {
  position: relative;
  margin-top: var(--td-comp-margin-xxxl);
}
.t-calendar--full .t-calendar__panel-title {
  font: var(--td-font-title-large);
  color: var(--td-text-color-primary);
  position: absolute;
}
.t-calendar--full .t-calendar__table-head-cell,
.t-calendar--full .t-calendar__table-body-cell {
  margin-right: var(--td-comp-margin-s);
  position: relative;
}
.t-calendar--full .t-calendar__table-body-cell {
  border-top: 2px solid var(--td-border-level-1-color);
  padding: 0;
  height: 104px;
  line-height: var(--td-line-height-body-medium);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  margin-left: 0;
  transition-duration: 0.2s;
  transition-property: border-top, background;
  transition-timing-function: linear;
}
.t-calendar--full .t-calendar__table-body-cell-content {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xs);
  width: 100%;
  box-sizing: border-box;
}
.t-calendar--full .t-calendar__table-body-cell.t-is-checked {
  background-color: var(--td-brand-color-light);
}
.t-calendar--full .t-calendar__table-body-cell.t-is-checked:hover {
  background-color: var(--td-brand-color-light);
}
.t-calendar--full .t-calendar__table-body-cell--now {
  border-top: 2px solid var(--td-brand-color);
}
.t-calendar--full .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
  color: var(--td-text-color-primary);
}
.t-calendar--full .t-calendar__footer {
  height: 90px;
  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
  border-top: 1px solid var(--td-border-level-1-color);
}
.t-calendar--card {
  width: 280px;
  border-radius: var(--td-radius-medium);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
}
.t-calendar--card .t-calendar__control {
  padding: 0;
}
.t-calendar--card .t-calendar__control-section {
  width: 100%;
  justify-content: flex-start;
}
.t-calendar--card .t-calendar__control-section-cell:last-child {
  flex: 1;
  text-align: right;
  display: block;
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--month {
  height: 200px;
  margin-top: var(--td-comp-margin-m);
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--year {
  height: 168px;
  margin-top: var(--td-comp-margin-m);
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--year .t-calendar__table-body-cell-display {
  min-width: var(--td-comp-size-xxl);
}
.t-calendar--card .t-calendar__table {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-self: start;
  align-items: flex-start;
}
.t-calendar--card .t-calendar__table-head-row,
.t-calendar--card .t-calendar__table-body-row {
  flex: 1;
  background: var(--td-bg-color-container);
}
.t-calendar--card .t-calendar__table-head-cell,
.t-calendar--card .t-calendar__table-body-cell {
  width: 100%;
  height: 100%;
  justify-content: center;
  font: var(--td-font-body-medium);
  box-sizing: border-box;
}
.t-calendar--card .t-calendar__table-head-cell-display,
.t-calendar--card .t-calendar__table-body-cell-display {
  width: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
}
.t-calendar--card .t-calendar__table-body {
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: center;
  flex: 1;
}
.t-calendar--card .t-calendar__table-body-cell {
  justify-content: center;
  align-items: center;
}
.t-calendar--card .t-calendar__table-body-cell:hover {
  background-color: var(--td-bg-color-container);
}
.t-calendar--card .t-calendar__table-body-cell-display {
  font: var(--td-font-body-medium);
  padding-top: calc(var(--td-comp-paddingTB-xxs) / 2);
  padding-bottom: calc(var(--td-comp-paddingTB-xxs) / 2);
  text-align: center;
  border-radius: var(--td-radius-default);
  transition: all 0.2s linear;
}
.t-calendar--card .t-calendar__table-body-cell-display:hover {
  box-shadow: inset 0 0 0 1px var(--td-brand-color);
  transition: box-shadow 0.2s linear;
}
.t-calendar--card .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
  position: relative;
}
.t-calendar--card .t-is-checked .t-calendar__table-body-cell-display {
  background: var(--td-brand-color);
  border-radius: var(--td-radius-default);
  color: var(--td-text-color-anti);
}
.t-calendar--card .t-calendar__footer {
  height: var(--td-comp-size-xxl);
  padding: 0 var(--td-comp-paddingLR-m);
  border-top: 1px solid var(--td-border-level-1-color);
}
.t-calendar__control {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.t-calendar__control-section {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.t-calendar__control-section:last-child {
  margin-right: 0;
}
.t-calendar__control-section-cell {
  height: 100%;
  margin-right: var(--td-comp-margin-s);
  display: flex;
}
.t-calendar__control-section-cell .t-radio-group {
  vertical-align: bottom;
}
.t-calendar__control-section-cell .t-select {
  display: inline;
}
.t-calendar__control-section-cell:last-child {
  margin-right: 0;
}
.t-calendar__panel {
  box-sizing: border-box;
  width: 100%;
}
.t-calendar__table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
}
.t-calendar__table-head,
.t-calendar__table-body {
  width: 100%;
}
.t-calendar__table-head-row,
.t-calendar__table-body-row {
  width: 100%;
  display: flex;
}
.t-calendar__table-head-cell,
.t-calendar__table-body-cell {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  font: var(--td-font-title-small);
  color: var(--td-text-color-primary);
  cursor: default;
  padding: 0;
}
.t-calendar__table-head-cell:last-child,
.t-calendar__table-body-cell:last-child {
  margin-right: 0;
}
.t-calendar__table-head {
  margin-bottom: var(--td-comp-margin-s);
  display: block;
}
.t-calendar__table-head-row {
  padding-bottom: 0px;
  background: var(--td-bg-color-container);
}
.t-calendar__table-head-cell {
  height: 100%;
  font: var(--td-font-title-small);
  color: var(--td-text-color-secondary);
}
.t-calendar__table-body-cell {
  cursor: pointer;
}
.t-calendar__table-body-cell:hover {
  background-color: var(--td-bg-color-container-hover);
  transition: background-color 0.2s linear;
}
.t-calendar__table-body-cell-display {
  font: var(--td-font-title-small);
  color: var(--td-text-color-primary);
}
.t-card {
  font: var(--td-font-body-medium);
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  background-color: var(--td-bg-color-container);
  color: var(--td-text-color-primary);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-card--bordered {
  border: 1px solid var(--td-component-border);
}
.t-card--shadow-hover:hover,
.t-card--shadow {
  box-shadow: var(--td-shadow-1);
}
.t-card__cover {
  display: flow-root;
}
.t-card__cover img {
  display: flow-root;
  width: 100%;
  max-height: 100%;
  border-radius: var(--td-radius-default) var(--td-radius-default) 0 0;
}
.t-card__body {
  display: flow-root;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
  position: relative;
}
.t-card__header-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
}
.t-card__header + .t-card__cover img {
  border-radius: 0;
}
.t-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-card__footer-wrapper {
  flex: 1;
}
.t-size-s .t-card__body {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-size-s .t-card__header {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-size-s .t-card__footer {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-card__avatar {
  margin-right: var(--td-comp-margin-l);
  width: var(--td-comp-size-xxxl);
  height: var(--td-comp-size-xxxl);
}
.t-card__title {
  font: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
  margin-right: var(--td-comp-margin-l);
  word-break: break-all;
}
.t-card__subtitle {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  word-break: break-all;
}
.t-card__description {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  margin-top: var(--td-comp-margin-xs);
  word-break: break-all;
}
.t-card__actions {
  float: right;
  color: var(--td-brand-color);
}
.t-card__title--bordered {
  border-bottom: 1px solid var(--td-component-border);
}
.t-comment {
  font: var(--td-font-body-medium);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  color: var(--td-text-color-primary);
}
.t-comment__inner {
  display: flex;
}
.t-comment__avatar {
  flex-shrink: 0;
  margin-right: var(--td-comp-margin-xxl);
  cursor: pointer;
  display: flex;
}
.t-comment__avatar-image {
  width: var(--td-comp-size-xxxl);
  height: var(--td-comp-size-xxxl);
  border-radius: var(--td-radius-circle);
}
.t-comment__content {
  flex: auto;
  font: var(--td-font-body-medium);
}
.t-comment__author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: var(--td-comp-margin-s);
}
.t-comment__name {
  display: inline-flex;
  align-items: center;
  font: var(--td-font-title-medium);
  padding-right: var(--td-comp-paddingLR-s);
  cursor: pointer;
}
.t-comment__time {
  font: var(--td-font-body-small);
  padding-right: var(--td-comp-paddingLR-s);
  color: var(--td-text-color-placeholder);
}
.t-comment__detail {
  word-break: break-all;
  font: var(--td-font-body-medium);
}
.t-comment__quote {
  margin-top: var(--td-comp-margin-l);
  border-left: 4px solid var(--td-component-stroke);
  padding-left: var(--td-comp-margin-l);
}
.t-comment__quote .t-comment__name,
.t-comment__quote .t-comment__detail {
  color: var(--td-text-color-secondary);
}
.t-comment__actions {
  margin-top: var(--td-comp-margin-s);
  display: flex;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  gap: var(--td-comp-margin-s);
}
.t-comment__actions .t-button--variant-text {
  color: var(--td-text-color-placeholder);
}
.t-comment__actions .t-button--variant-text .t-button__text {
  gap: var(--td-comp-margin-s);
}
.t-comment__reply {
  margin-top: var(--td-comp-margin-l);
  margin-left: calc(var(--td-comp-size-xxxl) + var(--td-comp-margin-xxl));
  background-color: var(--td-bg-color-secondarycontainer);
  border-radius: var(--td-radius-medium);
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-comment__reply .t-button--variant-text {
  color: var(--td-text-color-placeholder);
}
.t-comment__reply .t-button--variant-text:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-comment__reply .t-button--variant-text .t-button__text {
  gap: var(--td-comp-margin-s);
}
.t-empty {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  list-style: none;
  padding: 0;
  text-align: center;
}
.t-empty__image {
  font-size: 48px;
  display: flex;
  justify-content: center;
}
.t-empty__title {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  margin-top: var(--td-comp-margin-s);
  margin-bottom: 0;
}
.t-empty__description {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-placeholder);
  margin-top: var(--td-comp-margin-xs);
  margin-bottom: 0;
}
.t-empty__action {
  margin-top: var(--td-comp-margin-xxl);
  margin-bottom: 0;
}
.t-empty.t-size-s .t-empty__image {
  font-size: 20px;
}
.t-empty.t-size-s .t-empty__title {
  font: var(--td-font-body-small);
  margin-top: var(--td-comp-margin-xxs);
}
.t-empty.t-size-s .t-empty__description {
  font: var(--td-font-body-small);
  margin-top: var(--td-comp-margin-xxs);
}
.t-empty.t-size-l .t-empty__image {
  font-size: 64px;
}
@keyframes tDialogZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.01);
  }
  100% {
    opacity: 1;
  }
}
@keyframes tDialogZoomOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(0.01);
  }
}
@keyframes tDialogMaskIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tDialogMaskOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.t-dialog-zoom .animation-enter {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
  animation-play-state: paused;
}
.t-dialog-zoom .animation-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
  animation-play-state: paused;
}
.t-dialog-zoom .animation-active {
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom-enter,
.t-dialog-zoom-enter-from,
.t-dialog-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
  animation-play-state: paused;
}
.t-dialog-zoom-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
  animation-play-state: paused;
}
.t-dialog-zoom-enter-active,
.t-dialog-zoom-appear-active {
  animation-name: tDialogZoomIn;
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom-exit-active {
  animation-name: tDialogZoomOut;
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom__vue-enter-active .t-dialog {
  animation-name: tDialogZoomIn;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
  animation-play-state: paused;
}
.t-dialog-zoom__vue-enter-active .t-dialog__mask {
  animation-name: tDialogMaskIn;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom__vue-leave-active .t-dialog {
  animation-name: tDialogZoomOut;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
  animation-play-state: paused;
}
.t-dialog-zoom__vue-leave-active .t-dialog__mask {
  animation-name: tDialogMaskOut;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom__vue-enter-to .t-dialog {
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-zoom__vue-leave-to .t-dialog {
  animation-play-state: running;
  animation-fill-mode: both;
}
.t-dialog-fade-enter,
.t-dialog-fade-appear {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
  animation-play-state: paused;
}
.t-dialog-fade-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
  animation-play-state: paused;
}
.t-dialog-fade-enter.t-dialog-fade-enter-active,
.t-dialog-fade-appear.t-dialog-fade-appear-active {
  animation-name: tDialogFadeIn;
  animation-play-state: running;
}
.t-dialog-fade-exit.t-dialog-fade-exit-active {
  animation-name: tDialogFadeOut;
  animation-play-state: running;
}
@keyframes tDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.t-dialog {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 480px;
  background-color: var(--td-bg-color-container);
  position: relative;
  border: 1px solid var(--td-border-level-1-color);
  border-radius: var(--td-radius-large);
}
.t-dialog .t-icon.t-is-info {
  color: var(--td-brand-color);
}
.t-dialog .t-icon.t-is-success {
  color: var(--td-success-color);
}
.t-dialog .t-icon.t-is-warning {
  color: var(--td-warning-color);
}
.t-dialog .t-icon.t-is-error {
  color: var(--td-error-color);
}
.t-dialog--lock {
  overflow: hidden;
}
.t-dialog__header {
  color: var(--td-text-color-primary);
  font: var(--td-font-title-medium);
  font-weight: 600;
  display: flex;
  align-items: center;
  word-break: break-word;
  gap: var(--td-comp-margin-s);
  box-sizing: border-box;
}
.t-dialog__header .t-dialog__header-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.t-dialog__header .t-icon:not(.t-icon-close) {
  font-size: calc(var(--td-font-size-body-large) + 8px);
  display: inline-flex;
  align-items: center;
  margin-right: var(--td-comp-margin-s);
  flex-shrink: 0;
}
.t-dialog__header--fullscreen {
  background-color: var(--td-bg-color-secondarycontainer);
  min-height: var(--td-comp-size-xxxl);
  justify-content: flex-end;
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 0 var(--td-comp-paddingLR-xxl);
}
.t-dialog__header--fullscreen .t-dialog__header-content {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.t-dialog__body {
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-medium);
  overflow: auto;
  padding: var(--td-comp-paddingTB-l) 0;
  word-break: break-word;
}
@-moz-document url-prefix() {
  .t-dialog__body {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-dialog__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-dialog__body::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-dialog__body::-webkit-scrollbar-thumb:vertical:hover,
.t-dialog__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-dialog__body__icon,
.t-dialog__body--icon {
  padding: var(--td-comp-paddingTB-l) 0;
}
.t-dialog__body--fullscreen {
  box-sizing: border-box;
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xxl);
  height: calc(100% - var(--td-comp-size-xxxl) - var(--td-comp-size-xxxxl));
  overflow: auto;
}
@-moz-document url-prefix() {
  .t-dialog__body--fullscreen {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-dialog__body--fullscreen::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-dialog__body--fullscreen::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-dialog__body--fullscreen::-webkit-scrollbar-thumb:vertical:hover,
.t-dialog__body--fullscreen::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-dialog__body--fullscreen--without-footer {
  box-sizing: border-box;
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xxl);
  height: calc(100% - var(--td-comp-size-xxxl));
  overflow: auto;
}
.t-dialog__footer {
  width: 100%;
  text-align: right;
  padding: var(--td-comp-paddingTB-l) 0 0;
}
.t-dialog__footer .t-button + .t-button {
  margin-left: var(--td-comp-margin-s);
}
.t-dialog__footer--fullscreen {
  min-height: var(--td-comp-size-xxxxl);
  padding: 0 var(--td-comp-paddingLR-xxl) var(--td-comp-paddingTB-xxl);
  box-sizing: border-box;
}
.t-dialog--default {
  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
}
.t-dialog__close {
  font-size: calc(var(--td-font-size-body-large) + 4px);
  color: var(--td-text-color-secondary);
  display: flex;
  width: calc(var(--td-font-size-body-large) + 4px);
  height: calc(var(--td-font-size-body-large) + 4px);
  align-items: center;
  border-radius: var(--td-radius-default);
  transition: all 0.2s linear;
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
}
.t-dialog__close:hover {
  cursor: pointer;
  background: var(--td-bg-color-container-hover);
}
.t-dialog__close:active {
  background: var(--td-bg-color-container-active);
}
.t-dialog__close--fullscreen {
  display: flex;
  background: transparent;
}
.t-dialog__close--fullscreen:hover {
  cursor: pointer;
  background: var(--td-bg-color-secondarycontainer-hover);
}
.t-dialog__close--fullscreen:active {
  background: var(--td-bg-color-secondarycontainer-active);
}
.t-dialog.t-dialog--draggable:hover {
  cursor: move;
}
.t-dialog.t-dialog--draggable .t-dialog__header:hover,
.t-dialog.t-dialog--draggable .t-dialog__body:hover,
.t-dialog.t-dialog--draggable .t-dialog__footer:hover {
  cursor: auto;
}
.t-dialog__fullscreen {
  width: 100%;
  border-radius: 0;
}
.t-dialog__ctx {
  pointer-events: auto;
  outline: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.t-dialog__ctx.t-dialog__ctx--modeless {
  pointer-events: none;
}
.t-dialog__ctx.t-dialog__ctx--fixed {
  position: fixed;
  z-index: 2500;
}
.t-dialog__ctx.t-dialog__ctx--absolute {
  position: absolute;
}
.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__mask {
  position: absolute;
}
.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__wrap {
  position: absolute;
}
.t-dialog__ctx.t-is-visible {
  visibility: visible;
}
.t-dialog__ctx.t-is-hidden {
  visibility: hidden;
}
.t-dialog__ctx.t-is-display {
  display: block;
}
.t-dialog__ctx.t-not-display {
  display: none;
}
.t-dialog__ctx .t-dialog__mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--td-mask-active);
  pointer-events: auto;
}
.t-dialog__ctx .t-dialog__wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: auto;
}
@-moz-document url-prefix() {
  .t-dialog__ctx .t-dialog__wrap {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb:vertical:hover,
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-dialog__ctx .t-dialog__position {
  display: flex;
  justify-content: center;
  min-height: 100%;
  width: 100%;
  position: relative;
  padding: 48px 0;
  box-sizing: border-box;
}
.t-dialog__ctx .t-dialog__position.t-dialog--top {
  align-items: flex-start;
  padding-top: 20vh;
}
.t-dialog__ctx .t-dialog__position.t-dialog--center {
  align-items: center;
}
.t-dialog__ctx .t-dialog__position_fullscreen {
  display: flex;
  justify-content: center;
  min-height: 100%;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.t-dialog__ctx .t-is-hidden {
  background: none;
}
.t-dialog__ctx .t-dialog {
  pointer-events: auto;
  z-index: 2500;
}
.t-dialog__ctx.t-dialog__ctx--modeless .t-dialog {
  box-shadow: var(--td-shadow-3);
}
.t-image-viewer__img-error {
  height: 440px;
  width: 440px;
  background-color: var(--td-bg-color-component-disabled);
  border-radius: 4px;
  color: #000000;
  cursor: inherit;
}
.t-image-viewer__img-error .t-image-viewer__img-error-content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  font: var(--td-font-body-medium);
}
.t-image-viewer__img-error .t-image-viewer__img-error-content .t-image-viewer__img-error-text {
  margin-top: var(--td-comp-margin-s);
}
@keyframes modal-image-show {
  0% {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes modal-image-hide {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
@keyframes modal-mask-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-mask-hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.t-image-viewer-preview-image {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3000;
  overflow: hidden;
  animation: 0.2s cubic-bezier(0.82, 0, 1, 0.9) modal-mask-show;
}
.t-image-viewer-preview-image.t-is-hide {
  animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-mask-hide forwards;
}
.t-image-viewer-preview-image.t-is-hide .t-image-viewer__modal-pic .t-image-viewer__modal-box {
  animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-image-hide forwards;
}
.t-image-viewer-preview-image .t-image-viewer__modal-index {
  text-align: center;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-anti);
  position: absolute;
  top: 92px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.4);
  border-radius: var(--td-radius-default);
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
  z-index: 1;
}
.t-image-viewer-preview-image .t-image-viewer__modal-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--td-mask-active);
  height: 100%;
  width: 100%;
  transition: all 0.2s ease;
  opacity: 1;
}
.t-image-viewer-preview-image .t-image-viewer__modal-pic {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) modal-image-show;
}
.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image {
  display: block;
  max-width: min(90vw, 1000px);
  max-height: min(90vh, 800px);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transform: rotate(0deg);
  object-fit: contain;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-bg-color-container);
  padding: 0 0 12px 0;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show {
  padding: 12px 0;
}
@keyframes preview-icon-range {
  0% {
    transform: translate(-50%, 50%) rotateZ(0);
  }
  to {
    transform: translate(-50%, 50%) rotateZ(-180deg);
  }
}
@keyframes preview-icon-unrange {
  0% {
    transform: translate(-50%, 50%) rotateZ(-180deg);
  }
  to {
    transform: translate(-50%, 50%) rotateZ(0);
  }
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt {
  width: var(--td-comp-size-xxs);
  height: var(--td-comp-size-xxs);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  background-color: var(--td-bg-color-container);
  color: var(--td-text-color-primary);
  border-radius: 50%;
  box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-unrange;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt:hover {
  background-color: inherit;
}
@keyframes preview-image-show {
  0% {
    height: 0;
  }
  to {
    height: 40px;
  }
}
@keyframes preview-image-hide {
  0% {
    height: 40px;
  }
  to {
    height: 0;
  }
}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-prev {
  animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-show;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-pre-bt {
  animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-range;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev {
  width: calc(40px / 9 * 16 * 7 + 4px * 6);
  animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-hide;
  display: flex;
  position: relative;
  overflow: hidden;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::before,
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::after {
  content: "";
  position: absolute;
  height: 100%;
  z-index: 1;
  width: calc(40px / 9 * 16);
  pointer-events: none;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::before {
  left: 0;
  background-image: linear-gradient(to right, var(--td-bg-color-container), rgba(255, 255, 255, 0));
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::after {
  right: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--td-bg-color-container));
}
.t-image-viewer-preview-image .t-image-viewer__header-trans {
  height: 100%;
  transition: transform 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-left: calc(40px / 9 * 16 * 3 + 4px * 3);
}
.t-image-viewer-preview-image .t-image-viewer__header-box {
  box-sizing: border-box;
  width: calc(40px / 9 * 16);
  height: 40px;
  position: relative;
  transition: 0.2s;
  overflow: hidden;
  border-radius: var(--td-radius-default);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-image-viewer-preview-image .t-image-viewer__header-box .t-image-viewer__header-img {
  width: auto;
  height: 100%;
}
.t-image-viewer-preview-image .t-image-viewer__header-box:hover,
.t-image-viewer-preview-image .t-image-viewer__header-box.t-is-active {
  border-color: var(--td-brand-color);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon {
  cursor: pointer;
  color: var(--td-text-color-primary);
  border-radius: var(--td-radius-default);
  transition: 0.2s;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt {
  top: 100px;
  right: 40px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt,
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt {
  top: 50%;
  transform: translateY(-50%);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt {
  left: 40px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt {
  right: 40px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt,
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt,
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt {
  position: fixed;
  z-index: 10;
  color: var(--td-text-color-anti);
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  width: var(--td-comp-size-xl);
  height: var(--td-comp-size-xl);
  display: flex;
  justify-content: center;
  align-items: center;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon .t-image-viewer__modal-icon-label {
  margin-left: 2px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.t-image-viewer__mask {
  width: 100vh;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99;
  position: fixed;
  background-color: transparent;
}
.t-image-viewer__utils {
  width: 100%;
  position: absolute;
  bottom: 32px;
  z-index: 1;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--td-text-color-primary);
  user-select: none;
}
.t-image-viewer__utils .t-image-viewer__utils-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  line-height: 100%;
  background: var(--td-bg-color-container);
  border-radius: var(--td-radius-medium);
  padding: 0 var(--td-comp-paddingLR-xs);
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon {
  cursor: pointer;
  margin: 0 var(--td-comp-margin-xs);
  width: var(--td-comp-size-m);
  height: var(--td-comp-size-m);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--td-radius-default);
  transition: 0.2s;
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale {
  width: var(--td-comp-size-xl);
  text-align: center;
  cursor: inherit;
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale:hover {
  background-color: var(--td-bg-color-container);
}
.t-image-viewer-mini__footer .t-image-viewer__utils {
  position: inherit;
}
.t-image-viewer-mini__content {
  max-width: min(90vw, 1000px);
  max-height: min(90vh, 800px);
}
@keyframes modal-image-show {
  0% {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image {
  display: block;
  max-width: min(80vw, 800px);
  max-height: min(80vh, 600px);
  transition: all 0.2s ease;
  transform: rotate(0deg);
  object-fit: contain;
}
.t-image-viewer__dialog.t-dialog__ctx--fixed {
  z-index: 3000;
}
.t-image-viewer__dialog .t-dialog__header {
  padding: 0 var(--td-comp-paddingLR-s);
  pointer-events: none;
}
.t-image-viewer__dialog .t-dialog__header .t-image-viewer__dialog-title {
  pointer-events: all;
}
.t-image-viewer__dialog .t-dialog__header .t-dialog__close {
  pointer-events: auto;
}
.t-image-viewer__dialog .t-dialog {
  border-color: var(--td-component-border);
  overflow: hidden;
  padding: 0;
  box-shadow: var(--td-shadow-3);
}
.t-image-viewer__dialog .t-dialog__header {
  height: 40px;
  width: 100%;
  font-size: var(--td-font-size-body-medium);
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-image-viewer__dialog .t-dialog__header-content {
  margin-left: 32px;
  justify-content: center;
}
.t-image-viewer__dialog .t-dialog__close:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-list {
  font: var(--td-font-body-medium);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
  color: var(--td-text-color-primary);
  background: var(--td-bg-color-container);
}
@-moz-document url-prefix() {
  .t-list {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-list::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-list::-webkit-scrollbar-thumb:vertical:hover,
.t-list::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-list__inner {
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-list-item {
  font: var(--td-font-body-medium);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.t-list-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.t-list-item-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 1;
}
.t-list-item__meta {
  display: flex;
}
.t-list-item__meta-avatar {
  width: var(--td-comp-size-xxxl);
  height: var(--td-comp-size-xxxl);
  border-radius: calc(var(--td-comp-size-xxxl) / 2);
  overflow: hidden;
  background: var(--td-bg-color-page);
  margin-right: var(--td-comp-margin-l);
  flex-shrink: 0;
}
.t-list-item__meta-avatar img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.t-list-item__meta-title {
  padding: 0;
  font: var(--td-font-title-medium);
  margin: 0 0 var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
}
.t-list-item__meta-description {
  margin-right: var(--td-comp-margin-xxl);
  color: var(--td-text-color-primary);
}
.t-list-item__action {
  list-style: none;
  padding: 0;
  flex-shrink: 0;
}
.t-list-item__action > li {
  display: inline-block;
}
.t-list-item__action > li:not(:last-child) {
  margin-right: var(--td-comp-margin-l);
}
.t-list-item__action > li .t-icon {
  color: var(--td-text-color-secondary);
  font-size: var(--td-comp-size-xxxs);
}
.t-list-item__action > li .t-icon:hover {
  color: var(--td-text-color-link);
  cursor: pointer;
}
.t-list-item__action > li > a {
  text-decoration: none;
  color: var(--td-brand-color);
}
.t-list--split .t-list-item::after {
  background: var(--td-border-level-1-color);
}
.t-list--stripe .t-list-item:nth-child(even) {
  background: var(--td-bg-color-secondarycontainer);
}
.t-list--vertical-action .t-list-item {
  flex-direction: column;
}
.t-list.t-size-s .t-list-item {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m);
}
.t-list.t-size-l .t-list-item {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-list__header,
.t-list__footer {
  background: var(--td-bg-color-container);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-list__load {
  background: var(--td-bg-color-container);
  text-align: center;
  line-height: var(--td-line-height-body-medium);
}
.t-list__load > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-list__load:not(:empty) {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-list__load .t-loading {
  font-size: var(--td-comp-size-xxxs);
  margin-right: var(--td-comp-margin-s);
}
.t-list__load .t-loading.t-is-load-more {
  cursor: pointer;
}
.t-progress {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-progress__inner {
  position: relative;
  height: 100%;
  background: var(--td-brand-color);
  border-radius: var(--td-radius-round);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-progress__info {
  margin-left: var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
  white-space: nowrap;
  display: inline-flex;
}
.t-progress__icon {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-progress__bar {
  width: 100%;
  height: var(--td-size-3);
  overflow: hidden;
  background: var(--td-bg-color-component);
  border-radius: var(--td-radius-round);
}
.t-progress--thin {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.t-progress--plump {
  height: var(--td-comp-size-xxs);
  border-radius: calc(var(--td-comp-size-xxs) / 2);
  display: flex;
  align-items: center;
}
.t-progress--plump .t-progress__info {
  font-size: var(--td-font-size-body-small);
}
.t-progress--over-ten .t-progress__info {
  position: absolute;
  top: 50%;
  z-index: 10;
  right: var(--td-comp-margin-s);
  color: var(--td-text-color-anti);
  transform: translateY(-50%);
}
.t-progress--under-ten .t-progress__info,
.t-progress--under-ten .t-progress__inner {
  display: inline-block;
}
.t-progress--under-ten .t-progress__info {
  vertical-align: top;
}
.t-progress--circle {
  position: relative;
}
.t-progress--circle .t-progress__info {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  transform: translate(-50%, -50%);
}
.t-progress--circle .t-progress__circle-outer {
  stroke: var(--td-bg-color-component);
}
.t-progress--circle .t-progress__circle-inner {
  stroke: var(--td-brand-color);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-progress--circle .t-progress__icon {
  font-size: 2.4em;
}
.t-progress--status--active .t-progress__inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  animation: progress-active-animation 2s cubic-bezier(0.23, 0.99, 0.86, 0.2) infinite;
  background: var(--td-text-color-anti);
  opacity: 0.2;
}
.t-progress--status--success .t-progress__inner {
  background: var(--td-success-color);
}
.t-progress--status--success .t-progress__circle-inner {
  stroke: var(--td-success-color);
}
.t-progress--status--success .t-progress__icon {
  color: var(--td-success-color);
}
.t-progress--status--warning .t-progress__inner {
  background: var(--td-warning-color);
}
.t-progress--status--warning .t-progress__circle-inner {
  stroke: var(--td-warning-color);
}
.t-progress--status--warning .t-progress__icon {
  color: var(--td-warning-color);
}
.t-progress--status--error .t-progress__inner {
  background: var(--td-error-color);
}
.t-progress--status--error .t-progress__circle-inner {
  stroke: var(--td-error-color);
}
.t-progress--status--error .t-progress__icon {
  color: var(--td-error-color);
}
@keyframes progress-active-animation {
  0% {
    width: 0;
    opacity: 0.1;
  }
  35% {
    width: 50%;
    opacity: 0.4;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
:root,
:root[theme-mode="light"] {
  --skeleton-animation-gradient: rgba(0, 0, 0, 0.04);
}
:root[theme-mode="dark"] {
  --skeleton-animation-gradient: rgba(255, 255, 255, 0.06);
}
.t-skeleton {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-skeleton__row {
  display: flex;
  margin-bottom: var(--td-comp-margin-l);
  align-items: center;
}
.t-skeleton__row:only-child,
.t-skeleton__row:last-child {
  margin-bottom: 0;
}
.t-skeleton__col {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-bg-color-secondarycontainer);
  color: var(--td-text-color-disabled);
  margin-right: var(--td-comp-margin-l);
}
.t-skeleton__col:first-child:last-child,
.t-skeleton__col:last-child {
  margin-right: 0;
}
.t-skeleton--type-text {
  width: 100%;
  height: var(--td-font-size-body-large);
  border-radius: var(--td-radius-default);
}
.t-skeleton--type-rect {
  width: 120px;
  height: 88px;
  border-radius: var(--td-radius-default);
}
.t-skeleton--type-circle {
  width: 32px;
  height: 32px;
  border-radius: var(--td-radius-circle);
  flex-shrink: 0;
}
.t-skeleton--animation-gradient {
  position: relative;
  overflow-x: hidden;
}
.t-skeleton--animation-gradient::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--skeleton-animation-gradient), rgba(255, 255, 255, 0));
  animation: t-skeleton--gradient 1.5s linear 2s infinite;
}
.t-skeleton--animation-flashed {
  animation: t-skeleton--flashed 2s linear 2s infinite;
}
@keyframes t-skeleton--gradient {
  0% {
    transform: translateX(-100%) skewX(-15deg);
  }
  100% {
    transform: translateX(100%) skewX(-15deg);
  }
}
@keyframes t-skeleton--flashed {
  0% {
    opacity: 1;
  }
  50% {
    background-color: rgba(230, 230, 230, 0.3);
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.t-statistic {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
  color: var(--td-text-color-secondary);
}
.t-statistic-title {
  font-size: var(--td-font-body-medium);
  margin-bottom: var(--td-comp-margin-s);
}
.t-statistic-content {
  display: inline-block;
  color: var(--td-text-color-primary);
  text-align: left;
  white-space: nowrap;
}
.t-statistic-content-value {
  font-size: var(--td-font-size-headline-medium);
  line-height: var(--td-line-height-headline-medium);
  font-family: TCloudNumber, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.t-statistic-content-unit {
  font-size: var(--td-font-size-body-medium);
  margin-left: var(--td-comp-margin-xs);
  font-family: TCloudNumber, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.t-statistic-content-suffix {
  display: inline-flex;
  align-items: center;
  font-size: var(--td-font-size-title-large);
  margin-left: var(--td-comp-margin-s);
}
.t-statistic-content-prefix {
  display: inline-flex;
  align-items: center;
  font-size: var(--td-font-size-title-large);
  margin-right: var(--td-comp-margin-s);
}
.t-statistic-content-prefix .t-icon {
  font-size: var(--td-font-size-title-large);
}
.t-statistic-extra {
  margin-top: 8px;
}
.t-statistic-extra .t-space .t-space-item {
  display: flex;
}
/* Swiper */
.t-swiper {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  height: fit-content;
}
.t-swiper__wrap {
  display: block;
  position: relative;
  height: 100%;
}
.t-swiper__content {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.t-swiper__container {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
  z-index: 1;
}
.t-swiper__container__item {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.t-swiper__arrow {
  display: flex;
  align-items: center;
}
.t-swiper__arrow svg.t-icon {
  width: 20px;
  height: 20px;
}
.t-swiper__arrow svg.t-icon::before {
  font-size: 24px;
}
.t-swiper__arrow--default .t-swiper__arrow-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-white-2);
  transition: 0.2s linear;
  cursor: pointer;
  left: 16px;
}
.t-swiper__arrow--default .t-swiper__arrow-left:hover {
  color: var(--td-bg-color-container);
  background-color: var(--td-font-white-4);
  border-radius: var(--td-radius-default);
  transition: 0.2s linear;
}
.t-swiper__arrow--default .t-swiper__arrow-left:active {
  background-color: var(--td-font-white-3);
  transition: 0.2s linear;
}
.t-swiper__arrow--default .t-swiper__arrow-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-white-2);
  transition: 0.2s linear;
  cursor: pointer;
  right: 16px;
}
.t-swiper__arrow--default .t-swiper__arrow-right:hover {
  color: var(--td-bg-color-container);
  background-color: var(--td-font-white-4);
  border-radius: var(--td-radius-default);
  transition: 0.2s linear;
}
.t-swiper__arrow--default .t-swiper__arrow-right:active {
  background-color: var(--td-font-white-3);
  transition: 0.2s linear;
}
.t-swiper-card .t-swiper__container {
  display: block;
}
.t-swiper-card .t-swiper__container .t-is-active {
  z-index: 2;
}
.t-swiper-card .t-swiper__card {
  position: absolute;
  top: 0;
  left: 0;
  width: 41.5%;
  height: 100%;
  z-index: 0;
}
.t-swiper-fade .t-swiper__container {
  display: block;
}
.t-swiper-fade .t-swiper__fade {
  position: absolute;
  top: 0;
  left: 0;
}
.t-swiper__navigation {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  bottom: 0;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.t-swiper__navigation > li {
  flex: 1 0 auto;
  list-style-type: none;
  display: flex;
}
.t-swiper__navigation .t-swiper__arrow svg.t-icon {
  width: 16px;
  height: 16px;
}
.t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 6px;
  padding: 18px 0;
  width: 14px;
  height: auto;
}
.t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 100%;
  height: 3px;
}
.t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  width: 24px;
}
.t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 6px;
  padding: 18px 0;
  width: 14px;
  height: auto;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  border-radius: calc(3px / 2);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  width: 100%;
  height: 3px;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active {
  width: 24px;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots .t-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 6px;
  padding: 18px 0;
  width: var(--td-size-2);
  height: auto;
}
.t-swiper__navigation-dots .t-swiper__navigation-item span {
  border-radius: 50%;
}
.t-swiper__navigation-dots .t-swiper__navigation-item span {
  width: 100%;
  height: var(--td-size-2);
}
.t-swiper__navigation-dots .t-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.t-swiper__navigation-dots .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper__navigation-dots .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper__navigation-dots .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height: var(--td-line-height-body-medium);
  line-height: var(--td-line-height-body-medium);
}
.t-swiper__navigation--fraction .t-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper__navigation--fraction .t-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--vertical .t-swiper__container {
  flex-direction: column;
}
.t-swiper--vertical .t-swiper__navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  right: 0;
  bottom: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 6px 0 0 0;
  padding: 0 18px;
  width: auto;
  height: 14px;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 3px;
  height: 100%;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  height: 24px;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item {
  cursor: pointer;
  margin: 6px 0 0 0;
  padding: 0 18px;
  width: auto;
  height: 14px;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  border-radius: calc(3px / 2);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  width: 3px;
  height: 100%;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active {
  height: 24px;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item {
  cursor: pointer;
  margin: 6px 0 0 0;
  padding: 0 18px;
  width: auto;
  max-height: var(--td-size-2);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
  border-radius: 50%;
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
  width: var(--td-size-2);
  height: 100%;
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--outside .t-swiper__navigation {
  bottom: -36px;
}
.t-swiper--outside .t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height: var(--td-line-height-body-medium);
  line-height: var(--td-line-height-body-medium);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation {
  bottom: auto;
  right: -36px;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height: var(--td-line-height-body-medium);
  line-height: var(--td-line-height-body-medium);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
.t-swiper--inside .t-swiper__navigation {
  bottom: 0;
}
.t-swiper--inside .t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height: var(--td-line-height-body-medium);
  line-height: var(--td-line-height-body-medium);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--large .t-swiper__arrow i.t-icon::before {
  font-size: 32px;
}
.t-swiper--large .t-swiper__arrow--default .t-swiper__arrow-left {
  width: 32px;
  height: 32px;
  left: 24px;
}
.t-swiper--large .t-swiper__arrow--default .t-swiper__arrow-right {
  width: 32px;
  height: 32px;
  right: 24px;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 8px;
  padding: 24px 0;
  width: 21px;
  height: auto;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 100%;
  height: 4px;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  width: 36px;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--large .t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-large) + 12px));
  height: var(--td-line-height-body-large);
  line-height: var(--td-line-height-body-large);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-large);
  height: var(--td-line-height-body-large);
  cursor: pointer;
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-large);
  height: var(--td-line-height-body-large);
  cursor: pointer;
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-large);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation {
  bottom: -48px;
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 8px 0 0 0;
  padding: 0 24px;
  width: auto;
  height: 21px;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 4px;
  height: 100%;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  height: 36px;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation {
  right: -48px;
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
.t-swiper--small .t-swiper__arrow i.t-icon::before {
  font-size: 16px;
}
.t-swiper--small .t-swiper__arrow--default .t-swiper__arrow-left {
  width: 16px;
  height: 16px;
  left: 8px;
}
.t-swiper--small .t-swiper__arrow--default .t-swiper__arrow-right {
  width: 16px;
  height: 16px;
  right: 8px;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 4px;
  padding: 12px 0;
  width: 9px;
  height: auto;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 100%;
  height: 2px;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  width: 15px;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--small .t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-small) + 12px));
  height: var(--td-line-height-body-small);
  line-height: var(--td-line-height-body-small);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-small);
  height: var(--td-line-height-body-small);
  cursor: pointer;
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-small);
  height: var(--td-line-height-body-small);
  cursor: pointer;
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-small);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation {
  bottom: -24px;
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 4px 0 0 0;
  padding: 0 12px;
  width: auto;
  height: 9px;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 2px;
  height: 100%;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  height: 15px;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation {
  right: -24px;
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
/** 吸顶表头 Affix 组件，zIndex: 1000。宽度拖拽辅助线层级需高于表头 */
@-moz-document url-prefix() {
  .scrollbar {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-track,
.scrollbar.t-table__scrollbar--obvious::-webkit-scrollbar-track {
  background: var(--td-scroll-track-color);
}
.t-table__affixed-footer-wrap > .scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-thumb,
.t-table--width-overflow.t-table--footer-affixed .t-table__content::-webkit-scrollbar-thumb,
.t-table--width-overflow.t-table--horizontal-bar-affixed .t-table__content::-webkit-scrollbar-thumb {
  background: transparent;
}
.t-table.t-table--overflow-visible {
  overflow: initial;
}
.t-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-container);
  position: relative;
  /** loading need to be top of fixed columns */
}
.t-table .t-popup:not(.t-tooltip)[data-popper-placement^="top"] .t-popup__arrow {
  bottom: calc(-8px / 2);
}
.t-table:focus-visible {
  outline: none;
}
.t-table .t-loading--full {
  z-index: 72;
}
.t-table.t-vertical-align-top th:not(.t-table__cell-check),
.t-table.t-vertical-align-top td:not(.t-table__cell-check) {
  vertical-align: top;
}
.t-table.t-vertical-align-middle th:not(.t-table__cell-check),
.t-table.t-vertical-align-middle td:not(.t-table__cell-check) {
  vertical-align: middle;
}
.t-table.t-vertical-align-bottom th:not(.t-table__cell-check),
.t-table.t-vertical-align-bottom td:not(.t-table__cell-check) {
  vertical-align: bottom;
}
.t-table .t-table__resize-line {
  display: none;
  position: absolute;
  left: 10px;
  width: 0;
  border-left: 1px solid var(--td-component-border);
  z-index: 1001;
}
.t-table__column-controller-trigger.t-align-top-right,
.t-table__column-controller-trigger.t-align-bottom-right {
  text-align: right;
}
.t-table__column-controller-trigger {
  padding: var(--td-comp-paddingTB-l) 0;
}
.t-table__column-controller-item:not(:last-child) {
  margin-bottom: var(--td-comp-margin-l);
}
.t-table__content {
  position: relative;
}
@-moz-document url-prefix() {
  .t-table__content {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__content::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__content::-webkit-scrollbar-thumb:vertical:hover,
.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
@-moz-document url-prefix() {
  .t-table__content {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__content::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__content::-webkit-scrollbar-thumb:vertical:hover,
.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table__pagination {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  box-sizing: border-box;
}
.t-table .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-table table {
  width: 100%;
  border-spacing: 0;
}
.t-table .t-text-ellipsis {
  line-height: var(--td-line-height-body-medium);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-table th,
.t-table td {
  position: relative;
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  border-bottom: 1px solid var(--td-component-border);
  line-height: var(--td-line-height-body-medium);
  font-weight: normal;
  overflow-wrap: break-word;
  background-color: inherit;
  box-sizing: border-box;
  text-align: left;
}
.t-table th.t-table__th-drag {
  padding: 0;
  height: 0;
  text-align: center;
}
.t-table thead td,
.t-table th {
  color: var(--td-text-color-placeholder);
}
.t-table td[key="row-select"] {
  padding: 13px 0 11px var(--td-comp-paddingLR-l);
}
.t-table td.t-align-left,
.t-table th.t-align-left {
  text-align: left;
}
.t-table td.t-align-right,
.t-table th.t-align-right {
  text-align: right;
}
.t-table td.t-align-center,
.t-table th.t-align-center {
  text-align: center;
}
.t-table tr {
  background-color: var(--td-bg-color-container);
}
.t-table.t-size-s th,
.t-table.t-size-s td {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
}
.t-table.t-size-l th,
.t-table.t-size-l td {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-table .t-table__expandable-icon-cell,
.t-table .t-table__selection-cell {
  padding: 0;
  height: 0;
}
.t-table td.t-table__handle-draggable {
  text-align: center;
  height: 0;
  padding: 0;
}
.t-table .t-table__cell--selectable > .t-checkbox {
  vertical-align: middle;
}
.t-table .t-table__cell--selectable + td,
.t-table .t-table__cell--selectable + th {
  padding-left: 0;
}
.t-table--bordered td,
.t-table--bordered th {
  border-left: 1px solid var(--td-component-border);
}
.t-table--bordered td.t-table__cell--fixed-left-last::before,
.t-table--bordered th.t-table__cell--fixed-left-last::before {
  border-right: 1px solid var(--td-component-border);
}
.t-table--bordered th:first-child,
.t-table--bordered td.t-table__td-first-col {
  border-left-width: 0;
}
.t-table--bordered:not(.t-table--rowspan-colspan) td:first-child {
  border-left-width: 0;
}
.t-table--bordered .t-table__content {
  border-left: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__content::-webkit-scrollbar-corner {
  background-color: transparent;
}
.t-table--bordered .t-table__content {
  border: 1px solid var(--td-component-border);
  border-radius: var(--td-radius-default);
}
.t-table--bordered .t-table--loading {
  border-bottom: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__pagination {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-table--bordered .t-table__bottom-content + .t-table__pagination {
  padding: 0;
}
.t-table--bordered.t-table__header--fixed .t-table__content {
  border-bottom: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__td-last-row {
  border-bottom: none;
}
.t-table--striped:not(.t-table--bordered) th,
.t-table--striped:not(.t-table--bordered) td {
  border-bottom: none;
}
.t-table--striped.t-table--header-fixed > .t-table__content > table > tbody tr:nth-of-type(even) {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table--striped:not(.t-table--header-fixed) > .t-table__content > table > tbody > tr:nth-of-type(odd):not(.t-table__expanded-row) {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table--striped.t-table--hoverable.t-table__header--fixed tbody tr:nth-of-type(even):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-table--striped.t-table--hoverable:not(.t-table__header--fixed) > .t-table__content > table > tbody tr:nth-of-type(odd):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-table--striped.t-table--hoverable > .t-table__content > table > tbody tr {
  transition: background-color 0.2s linear;
}
.t-table--striped.t-table--hoverable > .t-table__content > table > tbody tr:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-table--hoverable tbody tr {
  transition: background-color 0.2s linear;
}
.t-table--hoverable tbody tr:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-table.t-table--align-top tbody td {
  vertical-align: top;
}
.t-table .t-table__cell--highlight {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__header--fixed table {
  table-layout: fixed;
}
.t-table__header--fixed th,
.t-table__header--fixed td {
  overflow-wrap: break-word;
}
.t-table__header--fixed.t-table__header,
.t-table__header--fixed .t-table__header {
  width: fit-content;
  position: relative;
  z-index: 5;
}
@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__header {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__header {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table__header--fixed .t-table__body {
  overflow-y: auto;
  width: fit-content;
}
@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__body {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__body {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table:not(.t-table--bordered) .t-table__cell--selectable + td,
.t-table:not(.t-table--bordered) .t-table__cell--selectable + th {
  padding-left: 0;
}
.t-table__cell--fixed.t-table__header--fixed .t-table__header {
  overflow: hidden;
  width: 100%;
}
.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-left:last-child::after,
.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-right:last-child::after {
  content: "";
  position: absolute;
  right: -6px;
  width: 6px;
  height: 100%;
  top: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__cell--fixed.t-table__header--fixed .t-table__body {
  overflow: auto scroll;
}
.t-table__cell--fixed .t-table__content {
  overflow: auto hidden;
}
.t-table__cell--fixed table {
  table-layout: fixed;
  min-width: 100%;
}
.t-table__cell--fixed th,
.t-table__cell--fixed td {
  position: relative;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::before {
  z-index: -1;
  background-color: inherit;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::after {
  right: 0;
  transform: translateX(100%);
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::before {
  z-index: -1;
  background-color: inherit;
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::after {
  left: 0;
  transform: translateX(-100%);
}
.t-table .t-table__cell-resizable {
  position: relative;
}
.t-table .t-table__cell-resizable .t-table__cell--resizer {
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  z-index: 10;
  width: 10px;
  cursor: col-resize;
}
.t-table .t-table__row--disabled {
  color: var(--td-text-color-disabled);
}
.t-table .t-table__cell--title {
  display: flex;
  align-items: center;
}
.t-table__column-controller-desc {
  margin-bottom: var(--td-comp-margin-xxl);
}
.t-table__column-controller-block {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  border: 1px solid var(--td-component-border);
  border-bottom: 1px solid var(--td-component-border);
}
.t-table__column-controller-block + .t-table__column-controller-block {
  border-top: 0;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  border-bottom: 1px solid var(--td-component-border);
}
.t-table__column-controller--fixed .t-checkbox {
  width: 108px;
}
/** 表格行点击高亮悬浮态 */
.t-table.t-table__row--active-single tbody > tr.t-table__row--active,
.t-table.t-table__row--active-multiple tbody > tr.t-table__row--active {
  background-color: var(--td-brand-color-light);
}
.t-table.t-table__row--active-single tbody > tr.t-table__row--active.t-table__row--hover,
.t-table.t-table__row--active-multiple tbody > tr.t-table__row--active.t-table__row--hover {
  background-color: var(--td-brand-color-light-hover);
}
.t-table.t-table--hoverable tbody > tr.t-table__row--active:hover {
  background-color: var(--td-brand-color-light-hover);
}
/** 键盘操作悬浮表格行 */
.t-table.t-table--row-expandable tbody > tr.t-table__row--hover,
.t-table.t-table--row-select tbody > tr.t-table__row--hover,
.t-table.t-table__row--active-multiple tbody > tr.t-table__row--hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-table--bordered .t-table__cell--sortable .t-table__cell--title,
.t-table--bordered .t-table__cell--filterable .t-table__cell--title {
  justify-content: space-between;
}
.t-table th.t-align-right .t-table__cell--title {
  justify-content: flex-end;
}
/**
 * 有边框和无边框的图标排列不一样，需谨慎修改
 * 无边框模式，图标依次紧跟标题
 * 有边框模式，只有一个图标时，图标靠近边框右侧；有两个图标时，排序图标靠近标题，过滤图标靠近边框右侧
 */
.t-table__cell--sort-trigger {
  text-align: center;
  vertical-align: text-bottom;
}
.t-table__cell--sort-trigger svg {
  vertical-align: initial;
}
.t-table--loading {
  position: relative;
}
.t-table--loading-progressbar {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background-color: var(--td-brand-color);
  animation: tTableProgressbar 2s ease-in-out;
  animation-fill-mode: both;
}
.t-table--loading-message {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  color: var(--td-text-color-placeholder);
}
.t-table__expanded-cell {
  padding-left: 45px;
}
.t-table__async-loading {
  text-align: center;
}
.t-table__async-loading.t-is-load-more {
  cursor: pointer;
}
.t-table__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  color: var(--td-text-color-disabled);
}
.t-table__filter-icon,
.t-table__sort-icon {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  cursor: pointer;
  vertical-align: text-bottom;
  transition: 0.2s linear;
}
.t-table__filter-icon > svg,
.t-table__sort-icon > svg {
  margin-top: 0;
}
.t-table__sort-icon .t-is-focus,
.t-table__sort-icon.t-is-focus,
.t-table__sort-icon:hover {
  color: var(--td-brand-color);
  border-radius: var(--td-radius-circle);
  transition: 0.2s linear;
}
.t-table__filter-icon .t-is-focus,
.t-table__filter-icon.t-is-focus,
.t-table__filter-icon:hover {
  color: var(--td-brand-color);
  transition: 0.2s linear;
}
.t-table__filter-pop .t-popup__content {
  padding: 0;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-table__filter-popup-input {
  margin-bottom: var(--td-comp-margin-s);
}
.t-table__filter-pop .t-table__filter-pop-content .t-radio-group {
  display: block;
  height: auto;
}
.t-table__filter-pop .t-table__filter-pop-content .t-checkbox-group {
  display: block;
}
.t-table__filter-pop .t-table__filter-pop-content .t-checkbox,
.t-table__filter-pop .t-table__filter-pop-content .t-radio {
  display: block;
  margin: var(--td-comp-margin-xs) 0;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button {
  border-top: 1px solid var(--td-component-border);
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button .t-button + .t-button {
  margin-left: var(--td-comp-margin-l);
}
.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner {
  padding: 0;
  max-height: 280px;
  overflow: auto;
  position: relative;
}
.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-input__wrap {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) 0 var(--td-comp-paddingLR-l);
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--td-bg-color-container);
}
.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-radio-group {
  padding: 0 var(--td-comp-paddingLR-l);
}
.t-table__filter-pop-content-inner > .t-input__wrap {
  width: 200px;
}
.t-table__filter-pop-content-inner > .t-date-range-picker__panel {
  margin: calc(0px - var(--td-comp-margin-l));
}
.t-table__sort-icon--active {
  color: var(--td-brand-color);
  transition: 0.2s linear;
}
.t-table__double-icons {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.t-table__double-icons .t-table__sort-icon {
  position: relative;
}
.t-table__double-icons .t-table-sort-asc {
  top: var(--td-comp-margin-xxs);
}
.t-table__double-icons .t-table-sort-desc {
  bottom: var(--td-comp-margin-xxs);
}
.t-table__filter-icon-wrap {
  display: flex;
  align-items: center;
  pointer-events: all;
  height: var(--td-font-size-body-large);
  width: var(--td-font-size-body-large);
  margin-left: var(--td-comp-margin-s);
}
.t-table--bordered .t-table__filter-icon-wrap {
  justify-content: flex-end;
}
.t-table--bordered .t-table__cell--sortable.t-table__cell--filterable .t-table__filter-icon-wrap {
  justify-content: space-between;
  flex: 1;
}
.t-table .t-align-center .t-table__cell--sortable,
.t-table .t-align-center .t-table__cell--filterable {
  display: flex;
  justify-content: space-around;
}
.t-table__expand-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s;
}
.t-table__expand-box:hover {
  color: var(--td-brand-color);
  transition: 0.2s linear;
}
@keyframes tTableProgressbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.t-table__th-row-select .t-table__th-cell-inner {
  display: inline-flex;
  align-items: center;
}
.t-table-expandable-icon-cell + .t-table__cell--selectable[key="row-select"] {
  padding-left: var(--td-comp-margin-s);
}
.t-table__filter--bottom-buttons {
  display: flex;
  justify-content: flex-end;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  border-top: 1px solid var(--td-component-border);
}
.t-table__filter--bottom-buttons > .t-button + .t-button {
  margin-left: var(--td-comp-margin-s);
}
.t-table__row-filter-inner {
  position: sticky;
  left: 0;
  text-align: center;
}
.t-table__filter-result {
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-table__filter-result > .t-button {
  margin-left: var(--td-comp-margin-s);
}
.t-table--layout-fixed {
  table-layout: fixed;
}
.t-table--layout-auto {
  table-layout: auto;
}
.t-table__ellipsis {
  white-space: nowrap;
  width: 100%;
}
.t-table__content {
  overflow: auto;
}
.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
  border-right: 2px solid var(--td-component-border);
}
.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
  border-left: 2px solid var(--td-component-border);
}
.t-table--bordered.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
  border-right: 4px solid var(--td-component-border);
}
.t-table--bordered.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
  border-left: 4px solid var(--td-component-border);
}
.t-table__scroll-bar-divider {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  border-right: 1px solid var(--td-component-border);
  z-index: 71;
}
.t-table__footer,
.t-table__header.t-table__header--fixed {
  position: sticky;
  z-index: 50;
}
.t-table:not(.t-table--striped) .t-table__footer > tr {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__header--fixed:not(.t-table__header--multiple) > tr > th {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__row--fixed-top,
.t-table__row--fixed-bottom {
  position: sticky;
  z-index: 70;
}
.t-table__row--fixed-bottom-first > td {
  border-top: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__content .t-table__row--without-border-bottom > td {
  border-bottom: 0;
}
.t-table--bordered tbody > tr:last-child > td,
.t-table--bordered tfoot > tr:last-child > td {
  border-bottom: 0;
}
.t-table--bordered tfoot > tr:first-child > td {
  border-top: 1px solid var(--td-component-border);
}
.t-table__header.t-table__header--fixed {
  top: 0;
}
.t-table__footer.t-table__footer--fixed {
  bottom: 0;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::before {
  z-index: -1;
  background-color: inherit;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::after {
  right: 0;
  transform: translateX(100%);
}
.t-table--column-fixed .t-table__cell--fixed-right-first::before {
  z-index: -1;
  background-color: inherit;
}
.t-table--column-fixed .t-table__cell--fixed-right-first::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  transition: box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table--column-fixed .t-table__cell--fixed-right-first::after {
  left: 0;
  transform: translateX(-100%);
}
.t-table--column-fixed .t-table__cell--fixed-left,
.t-table--column-fixed .t-table__cell--fixed-right {
  position: sticky;
}
.t-table--column-fixed .t-table__cell--fixed-left {
  z-index: 30;
}
.t-table--column-fixed .t-table__cell--fixed-right {
  z-index: 31;
}
.t-table__empty-row > td {
  padding: 0;
  border: 0;
}
.t-table:not(.t-table--bordered) .t-table__header.t-table--bordered > tr:first-child > th {
  border-top: 1px solid var(--td-component-border);
}
.t-table--multiple-header .t-table__header th.t-table__header-th--bordered {
  border-left-width: 1px;
}
.t-table__header.t-table__header--multiple > tr {
  background-color: var(--td-bg-color-container);
}
.t-table__tree-op-icon {
  margin-right: var(--td-comp-margin-s);
  cursor: pointer;
  display: inline-flex;
  vertical-align: -3px;
}
.t-table__tree-op-icon:hover {
  color: var(--td-brand-color);
  transition: 0.2s linear;
}
.t-table__tree-leaf-node .t-table__tree-op-icon {
  min-width: 0;
  margin-right: var(--td-comp-margin-xxs);
}
.t-table__virtual-scroll-cursor {
  position: absolute;
  width: 1px;
  height: 1px;
  transition: transform 0.2s;
}
.t-table__virtual-scroll-header {
  position: absolute;
  z-index: 51;
  left: 0;
}
/** 用于隐藏表头滚动条 */
.t-table__affixed-header-elm-wrap {
  overflow: hidden;
}
.t-table__affixed-header-elm-wrap,
.t-table__affixed-header-elm {
  position: absolute;
  left: 0;
  z-index: 51;
}
.t-table__affixed-header-elm {
  overflow: auto;
  transition: opacity 0.2s linear;
  opacity: 1;
}
.t-table__affixed-footer-elm {
  overflow: auto;
  z-index: 50;
}
.t-table--bordered .t-table__affixed-header-elm {
  border: 1px solid var(--td-component-border);
  border-bottom: 0;
  border-right: 0;
}
.t-table--bordered .t-table__affixed-footer-elm {
  border-left: 1px solid var(--td-component-border);
  border-bottom: 1px solid var(--td-component-border);
}
.t-table--multiple-header.t-table--bordered .t-table__affixed-header-elm {
  border-right: 0;
}
.t-is-hidden {
  display: none;
}
.t-positive-rotate-90 {
  transform: rotate(90deg);
}
.t-negative-rotate-180 {
  transform: rotate(180deg);
}
.t-table__expanded-row > td,
.t-table__row--full > td {
  padding: 0;
}
/** @{prefix}-table__row--full 和 @{prefix}-table__row-full-element 同时存在，是为了保证 固定列时，当前行不随内容进行横向滚动 */
.t-table__row-full-element {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-table__row-full-inner {
  position: sticky;
  left: 0;
}
.t-table__row-full-inner:not(.t-table__empty) {
  display: inline-block;
}
.t-table__tree-col {
  display: flex;
  align-items: center;
}
.t-table__tree-col--inline {
  display: inline;
}
.t-table--full-height {
  height: 100%;
}
/** 默认最小高度限制为 Empty 高度加表头高度 */
.t-table--loading .t-table__content {
  min-height: 168px;
}
.t-table__handle-draggable:hover,
.t-table--row-draggable tr,
.t-table__th--drag-sort {
  cursor: move;
}
.t-table__ele--draggable-chosen {
  box-shadow: var(--td-shadow-1);
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable {
  min-height: 22px;
  line-height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon {
  margin-left: var(--td-comp-margin-s);
  font-size: var(--td-font-size-body-large);
  transition: 0.2s linear;
  color: var(--td-text-color-placeholder);
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon:hover {
  color: var(--td-brand-color);
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable:hover {
  transition: 0.2s linear;
}
/** 吸底的分页器，需要背景色，避免表格文本内容显示穿透 */
.t-affix .t-table__pagination {
  background-color: var(--td-bg-color-container);
}
.t-table--bordered .t-affix .t-table__pagination {
  border-top: 1px solid var(--td-component-border);
}
.t-table__bottom-content + .t-table__pagination-wrap .t-table__pagination {
  border: 0;
  padding: 0;
}
.t-table--column-resizable:not(.t-table--bordered) {
  /** 表格左边有冻结列滚动时，去掉hover表头时多出的一个像素，避免出现表头的冻结列跟表内容的冻结列没有对齐的问题 */
}
.t-table--column-resizable:not(.t-table--bordered) th {
  border-top: 1px solid transparent;
}
.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
  border-right: 1px solid var(--td-component-border);
}
.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th {
  border-top: 1px solid var(--td-component-border);
}
.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left.t-table__content--scrollable-to-right thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child),
.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child) {
  border-right: 0;
}
/** 可选中行的场景下，将 Checkbox 和 Radio 铺满整个单元格，增大点击范围，方便用户选中 */
.t-table td.t-table__cell-check,
.t-table th.t-table__cell-check {
  padding: 0;
  /** HTML 特性: th/td 必须设置为 0，他们的子元素才能设置为 100% */
  height: 0;
}
.t-table td.t-table__cell-check .t-radio__label:empty,
.t-table th.t-table__cell-check .t-radio__label:empty,
.t-table td.t-table__cell-check .t-checkbox__label:empty,
.t-table th.t-table__cell-check .t-checkbox__label:empty {
  display: none;
}
.t-table .t-table__cell-check .t-radio,
.t-table .t-table__cell-check .t-checkbox,
.t-table .t-table__cell-check .t-table__th-cell-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.t-table td .t-input__tips {
  position: initial;
}
.t-table .t-table__sort-column {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__ellipsis-content.t-size-s .t-popup__content {
  font: var(--td-font-body-medium);
}
.t-timeline {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.t-timeline-item {
  min-height: 72px;
  display: flex;
  flex-direction: row;
  position: relative;
}
.t-timeline-item__label.t-timeline-item__label--alternate {
  position: absolute;
}
.t-timeline-item__wrapper {
  width: 8px;
  position: relative;
}
.t-timeline-item__wrapper .t-timeline-item__dot {
  box-sizing: unset;
  position: absolute;
  width: 4px;
  height: 4px;
  border: 2px solid transparent;
  border-radius: 50%;
  top: 8px;
}
.t-timeline-item__wrapper .t-timeline-item__dot--primary {
  border-color: var(--td-brand-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--default {
  border-color: var(--td-component-border);
}
.t-timeline-item__wrapper .t-timeline-item__dot--success {
  border-color: var(--td-success-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--warning {
  border-color: var(--td-warning-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--error {
  border-color: var(--td-error-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--custom {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: 4px;
  border: 0;
}
.t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.t-timeline-item__wrapper .t-timeline-item__tail {
  position: absolute;
  border-left: 2px solid transparent;
  left: 50%;
  height: calc(100% - (8px * 2 + 8px));
  bottom: 0;
  transform: translateX(-50%);
  padding-bottom: var(--td-comp-size-s);
  border-color: var(--td-component-border);
  box-sizing: border-box;
}
.t-timeline-item__wrapper .t-timeline-item__tail--theme-dot {
  border-style: dashed;
  border-right: 0;
}
.t-timeline-item__label {
  color: var(--td-text-color-secondary);
  font-size: var(--td-font-size-body-medium);
}
.t-timeline-item__content {
  flex: 1;
  padding-left: var(--td-comp-margin-l);
  font-size: var(--td-font-size-body-large);
}
.t-timeline-item--last .t-timeline-item__tail {
  display: none;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__label {
  text-align: right;
  left: 0;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__wrapper {
  margin-left: 100px;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__label {
  text-align: left;
  right: 0;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__wrapper {
  margin-right: 100px;
}
.t-timeline-right .t-timeline-item {
  flex-direction: row-reverse;
}
.t-timeline-right .t-timeline-item__content {
  text-align: right;
  padding-left: 0;
  padding-right: var(--td-comp-margin-l);
}
.t-timeline-alternate .t-timeline-item-left {
  margin-left: calc(50% - (8px / 2));
}
.t-timeline-alternate .t-timeline-item-right {
  text-align: right;
  flex-direction: row-reverse;
  margin-right: calc(50% - (8px / 2));
}
.t-timeline-alternate .t-timeline-item-right .t-timeline-item__content {
  padding-right: var(--td-comp-margin-l);
  padding-left: 0;
}
.t-timeline-label.t-timeline-alternate .t-timeline-item__label {
  width: 100%;
}
.t-timeline-label.t-timeline-alternate .t-timeline-item-left .t-timeline-item__label--alternate {
  left: 0;
  transform: translateX(-100%);
  text-align: right;
  padding-right: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-alternate .t-timeline-item-right .t-timeline-item__label--alternate {
  right: 0;
  transform: translateX(100%);
  text-align: left;
  padding-left: var(--td-comp-margin-l);
}
.t-timeline-horizontal {
  min-height: 200px;
  flex-direction: row;
  align-items: center;
}
.t-timeline-horizontal .t-timeline-item {
  flex-direction: column;
  padding-right: 8px;
  min-width: 160px;
}
.t-timeline-horizontal .t-timeline-item__wrapper {
  width: 100%;
  height: 8px;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content {
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  top: 50%;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail {
  left: calc(8px + var(--td-comp-margin-s));
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - calc(8px + var(--td-comp-margin-s)));
  border: 0;
  border-top: 2px solid transparent;
  padding-bottom: 0;
  border-color: var(--td-component-border);
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail--theme-dot {
  border-style: dashed;
  border-right: 0;
}
.t-timeline-horizontal .t-timeline-item__content {
  padding-left: unset;
  padding-top: var(--td-comp-margin-l);
  flex: unset;
}
.t-timeline-vertical .t-timeline-item__content {
  padding-bottom: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-top .t-timeline-item__label--alternate {
  top: 0;
  width: 100%;
  transform: translateY(-100%);
  padding-bottom: 0;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item {
  flex-direction: column-reverse;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__wrapper {
  padding-top: 0;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__label--alternate {
  padding-top: var(--td-comp-margin-l);
  bottom: 0;
  width: 100%;
  transform: translateY(100%);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__content {
  padding-top: 0;
  padding-bottom: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-top .t-timeline-item__label--alternate {
  top: 0;
  width: 100%;
  transform: translateY(-100%);
  padding-bottom: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom {
  flex-direction: column-reverse;
  position: relative;
  transform: translateY(calc(-100% + 8px));
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__content {
  padding-bottom: var(--td-comp-margin-l);
  padding-top: unset;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__label--alternate {
  bottom: 0;
  transform: translateY(100%);
  padding-top: var(--td-comp-margin-l);
}
.t-collapse {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  border: solid 1px var(--td-component-border);
  border-bottom: 0;
  background: var(--td-bg-color-container);
}
.t-collapse.t--border-less {
  border: none;
}
.t-collapse.t--border-less .t-collapse-panel__header {
  border-bottom: none;
}
.t-collapse.t--border-less .t-collapse-panel__body {
  background: var(--td-bg-color-container);
  border: none;
}
.t-collapse-panel__icon {
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-collapse-panel__icon > .t-fake-arrow {
  transform: rotate(-90deg);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-collapse-panel__icon--left {
  margin-right: var(--td-comp-margin-s);
}
.t-collapse-panel__icon--right {
  margin-left: var(--td-comp-margin-s);
}
.t-collapse-panel__icon--active > .t-fake-arrow {
  transform: rotate(0);
}
.t-collapse-panel__icon:hover {
  background-color: var(--td-bg-color-container-hover);
  border-radius: var(--td-radius-small);
}
.t-collapse-panel__wrapper {
  overflow: hidden;
}
.t-collapse-panel__wrapper.t--borderless .t-collapse-panel__header {
  border-bottom: none;
}
.t-collapse-panel__wrapper.t--borderless .t-collapse-panel__body {
  background: var(--td-bg-color-container);
  border: none;
}
.t-collapse-panel__wrapper .t-collapse-panel__header {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  border-bottom: solid 1px var(--td-component-border);
  font: var(--td-font-title-small);
  display: flex;
  align-items: center;
}
.t-collapse-panel__wrapper .t-collapse-panel__header--blank {
  flex: 1;
}
.t-collapse-panel__wrapper .t-collapse-panel__header.t-is-clickable {
  cursor: pointer;
}
.t-collapse-panel__wrapper .t-collapse-panel__header-left,
.t-collapse-panel__wrapper .t-collapse-panel__header-right,
.t-collapse-panel__wrapper .t-collapse-panel__header-right-content {
  display: flex;
}
.t-collapse-panel__wrapper .t-collapse-panel__body {
  border-bottom: solid 1px var(--td-component-border);
  background: var(--td-bg-color-secondarycontainer);
  overflow: inherit;
}
.t-collapse-panel__wrapper .t-collapse-panel__body--collapsed {
  border: none;
}
.t-collapse-panel__wrapper .t-collapse-panel__content {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l) var(--td-comp-paddingTB-m) calc(var(--td-comp-paddingLR-l) + var(--td-comp-margin-xxl));
  color: var(--td-text-color-secondary);
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__header {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__icon {
  cursor: not-allowed;
  pointer-events: none;
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__body {
  background: var(--td-bg-color-component-disabled);
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__content {
  color: var(--td-text-color-disabled);
}
.t-rate {
  display: flex;
  align-items: center;
}
.t-rate .t-rate__star-top {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-rate .t-rate__star-top,
.t-rate .t-rate__star-bottom {
  display: grid;
}
.t-rate__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-rate__item {
  position: relative;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-rate__item:hover {
  transform: scale(1.33);
}
.t-rate__item--half .t-rate__star-top {
  width: 50%;
}
.t-rate__item--full .t-rate__star-top {
  width: 100%;
}
.t-rate__text {
  color: var(--td-text-color-primary);
  font: var(--td-font-mark-medium);
  margin-left: var(--td-comp-margin-l);
}
.t-typography {
  color: var(--td-text-color-primary);
  font: var(--td-font-body-medium);
  margin: var(--td-comp-margin-m) 0;
}
h1.t-typography {
  font: var(--td-font-headline-large);
  margin-top: var(--td-comp-margin-xxxxl);
  margin-bottom: var(--td-comp-margin-l);
}
h2.t-typography {
  font: var(--td-font-headline-medium);
  margin-top: var(--td-comp-margin-xxxl);
  margin-bottom: var(--td-comp-margin-l);
}
h3.t-typography {
  font: var(--td-font-headline-small);
  margin-top: var(--td-comp-margin-xxl);
  margin-bottom: var(--td-comp-margin-m);
}
h4.t-typography {
  font: var(--td-font-title-large);
  margin-top: var(--td-comp-margin-xl);
  margin-bottom: var(--td-comp-margin-m);
}
h5.t-typography {
  font: var(--td-font-title-medium);
  margin-top: var(--td-comp-margin-l);
  margin-bottom: var(--td-comp-margin-m);
}
h6.t-typography {
  font: var(--td-font-title-small);
}
.t-typography strong {
  font-weight: 600;
}
.t-typography mark {
  background-color: #fcdf47;
}
.t-typography code {
  border-radius: var(--td-radius-default);
  border: 1px solid var(--td-component-border);
  margin: 0 var(--td-comp-margin-xs);
  background-color: var(--td-bg-color-secondarycontainer);
  padding: 1px var(--td-comp-paddingLR-s);
  transition: background-color 0.2s;
  white-space: nowrap;
  font: var(--td-font-body-small);
  font-family: Source Code Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei;
  display: inline-block;
}
.t-typography code:hover {
  border-radius: var(--td-radius-default);
  border: 1px solid var(--td-component-border);
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-typography kbd {
  border-radius: var(--td-radius-default);
  border: 1px solid var(--td-component-border);
  margin: 0 var(--td-comp-margin-xs);
  background-color: var(--td-bg-color-secondarycontainer);
  padding: 1px var(--td-comp-paddingLR-s);
  box-shadow: 0 1px 0 0 var(--td-component-border);
  font: var(--td-font-body-small);
  font-family: Source Code Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei;
  display: inline-block;
}
.t-typography--disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-typography--success {
  color: var(--td-success-color);
}
.t-typography--warning {
  color: var(--td-warning-color);
}
.t-typography--error {
  color: var(--td-error-color);
}
.t-typography--secondary {
  color: var(--td-text-color-secondary);
}
.t-typography-ellipsis-symbol,
.t-typography .t-icon-copy {
  color: var(--td-brand-color);
  cursor: pointer;
}
.t-typography-ellipsis-symbol:hover,
.t-typography .t-icon-copy:hover {
  color: var(--td-brand-color-hover);
}
.t-typography .t-icon-checked {
  color: var(--td-success-color);
}
/* Alert */
.t-alert {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
  opacity: 1;
  transition: opacity 0.2s;
  border-radius: var(--td-radius-medium);
}
.t-alert.t-is-hidden {
  /* 隐藏 */
  display: none;
}
.t-alert--closing {
  opacity: 0;
}
.t-alert--info {
  background-color: var(--td-brand-color-focus);
}
.t-alert--info .t-alert__icon {
  color: var(--td-brand-color);
}
.t-alert--info .t-alert__swiper-trigger-wrap {
  color: var(--td-brand-color);
}
.t-alert--info .t-alert__swiper-trigger--active {
  color: var(--td-brand-color);
}
.t-alert--success {
  background-color: var(--td-success-color-focus);
}
.t-alert--success .t-alert__icon {
  color: var(--td-success-color);
}
.t-alert--success .t-alert__swiper-trigger-wrap {
  color: var(--td-success-color-focus);
}
.t-alert--success .t-alert__swiper-trigger--active {
  color: var(--td-success-color);
}
.t-alert--warning {
  background-color: var(--td-warning-color-focus);
}
.t-alert--warning .t-alert__icon {
  color: var(--td-warning-color);
}
.t-alert--warning .t-alert__swiper-trigger-wrap {
  color: var(--td-warning-color-focus);
}
.t-alert--warning .t-alert__swiper-trigger--active {
  color: var(--td-warning-color);
}
.t-alert--error {
  background-color: var(--td-error-color-focus);
}
.t-alert--error .t-alert__icon {
  color: var(--td-error-color);
}
.t-alert--error .t-alert__swiper-trigger-wrap {
  color: var(--td-error-color-focus);
}
.t-alert--error .t-alert__swiper-trigger--active {
  color: var(--td-error-color);
}
.t-alert__icon {
  font-size: var(--td-line-height-body-medium);
  display: inherit;
}
.t-alert__icon,
.t-alert__close {
  flex: 0 0 auto;
  line-height: var(--td-line-height-body-small);
}
.t-alert__content {
  flex: 1 1 0;
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
  overflow: hidden;
}
.t-alert__title,
.t-alert__message {
  width: 100%;
  display: flex;
}
.t-alert__title {
  color: var(--td-text-color-primary);
  font-weight: bold;
}
.t-alert__title + .t-alert__message {
  margin-top: var(--td-comp-margin-s);
}
.t-alert__description {
  color: var(--td-text-color-secondary);
  flex: 0 1 auto;
  transition: height 0.2s;
}
.t-alert__operation {
  flex: 0 0 auto;
  padding: 0 var(--td-comp-paddingLR-s);
  color: var(--td-brand-color);
  cursor: pointer;
  transition: color 0.2s;
}
.t-alert__operation:hover {
  color: var(--td-brand-color-hover);
}
.t-alert__operation:active {
  color: var(--td-brand-color-active);
}
.t-alert__icon + .t-alert__content {
  margin-left: var(--td-comp-margin-s);
}
.t-alert__collapse {
  margin-top: var(--td-comp-margin-s);
  color: var(--td-brand-color);
  cursor: pointer;
}
.t-alert__close {
  display: inline-flex;
  align-items: center;
  margin-left: var(--td-comp-margin-l);
  color: var(--td-text-color-secondary);
  cursor: pointer;
  transition: color 0.2s;
}
.t-alert__close:hover {
  color: var(--td-text-color-primary);
}
.t-alert__close > .t-icon {
  font-size: calc(var(--td-line-height-body-medium) - 2px);
  padding: calc((var(--td-line-height-body-medium) - calc(var(--td-line-height-body-medium) - 2px)) / 2) 0;
}
/**
 * 颜色
 */
/**
 * 尺寸
 */
/**
 * 字体
 */
/**
 * 动画
 */
/**
 * 间距
 */
/**
 * 位置
 */
/**
 * 边框弧度
 */
.t-drawer-fade-enter,
.t-drawer-fade-appear {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-play-state: paused;
}
.t-drawer-fade-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-play-state: paused;
}
.t-drawer-fade-enter.t-drawer-fade-enter-active,
.t-drawer-fade-enter.t-drawer-fade-enter-active.t-drawer-fade-enter-to,
.t-drawer-fade-appear.t-drawer-fade-appear-active,
.t-drawer-fade-appear.t-drawer-fade-appear-active.t-drawer-fade-appear-to {
  animation-name: tDrawerFadeIn;
  animation-duration: 0.2s;
  animation-play-state: running;
}
.t-drawer-fade-exit.t-drawer-fade-exit-active,
.t-drawer-fade-leave-active.t-drawer-fade-leave-to {
  animation-name: tDrawerFadeOut;
  animation-duration: 0.2s;
  animation-play-state: running;
}
@keyframes tDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tDrawerFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.t-drawer {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: fixed;
  z-index: 1500;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  outline: none;
}
.t-drawer--lock {
  overflow: hidden;
}
.t-drawer--attach {
  position: absolute;
}
.t-drawer--left,
.t-drawer--right {
  top: 0;
}
.t-drawer--left {
  left: 0;
}
.t-drawer--right {
  right: 0;
}
.t-drawer--top,
.t-drawer--bottom {
  left: 0;
}
.t-drawer--top {
  top: 0;
}
.t-drawer--bottom {
  bottom: 0;
}
.t-drawer__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--td-mask-active);
  transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  opacity: 0;
}
.t-drawer__content-wrapper {
  display: flex;
  flex-direction: column;
  background: var(--td-bg-color-container);
  width: 16px;
  height: 16px;
  font-size: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  box-shadow: var(--td-shadow-2);
  overflow: hidden;
  pointer-events: auto;
  transition: transform 0.28s cubic-bezier(0.38, 0, 0.24, 1), visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  position: relative;
}
.t-drawer .t-drawer__content-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.t-drawer .t-drawer__content-wrapper--left,
.t-drawer .t-drawer__content-wrapper--right {
  top: 0;
}
.t-drawer .t-drawer__content-wrapper--left {
  left: 0;
  transform: translateX(-100%);
}
.t-drawer .t-drawer__content-wrapper--right {
  right: 0;
  transform: translateX(100%);
}
.t-drawer .t-drawer__content-wrapper--top,
.t-drawer .t-drawer__content-wrapper--bottom {
  left: 0;
}
.t-drawer .t-drawer__content-wrapper--top {
  top: 0;
  transform: translateY(-100%);
}
.t-drawer .t-drawer__content-wrapper--bottom {
  bottom: 0;
  transform: translateY(100%);
}
.t-drawer__header {
  display: flex;
  align-items: center;
  min-height: var(--td-comp-size-xxxl);
  padding: 0 var(--td-comp-paddingLR-l);
  font: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
  border-bottom: 1px solid var(--td-border-level-1-color);
  border-radius: var(--td-radius-small) var(--td-radius-small) 0 0;
  box-sizing: border-box;
}
.t-drawer__body {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  overflow: auto;
  flex: 1;
}
.t-drawer__footer {
  width: 100%;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  text-align: left;
  border-top: 1px solid var(--td-border-level-1-color);
  background-color: var(--td-bg-color-container);
  box-sizing: border-box;
}
.t-drawer__footer .t-button {
  margin-left: var(--td-comp-margin-s);
}
.t-drawer__footer .t-button:first-child {
  margin-left: 0;
}
.t-drawer__close-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
  top: calc((var(--td-comp-size-xxxl) - var(--td-comp-size-xs)) / 2);
  right: var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
  cursor: pointer;
  transition: background-color 0.2s;
}
.t-drawer__close-btn:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-drawer__close-btn:active {
  background-color: var(--td-bg-color-container-active);
}
.t-drawer__close-btn .t-icon {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
  vertical-align: unset;
}
.t-drawer--open {
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.t-drawer--open > .t-drawer__content-wrapper {
  visibility: visible;
}
.t-drawer--open > .t-drawer__mask {
  opacity: 1;
  width: 100%;
  height: 100%;
}
.t-drawer--without-mask {
  pointer-events: none;
}
[tabindex="-1"]:focus {
  outline: none !important;
  /* stylelint-disable-line */
}
.t-guide {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-guide--lock {
  overflow: hidden;
}
.t-guide--absolute {
  position: absolute;
}
.t-guide--fixed {
  position: fixed;
}
.t-guide__overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999997;
}
.t-guide__highlight {
  z-index: 999998;
  transition: 0.2s cubic-bezier(0, 0, 0.15, 1);
  border-radius: var(--td-radius-default);
}
.t-guide__highlight--dialog {
  border-radius: var(--td-radius-large);
}
.t-guide__highlight--mask {
  box-shadow: 0 0 0 0 var(--td-mask-active), var(--td-mask-active) 0 0 0 5000px;
}
.t-guide__highlight--nomask {
  border-radius: var(--td-radius-medium);
  border: 2px solid var(--td-brand-color);
  box-sizing: border-box;
}
.t-guide__reference {
  z-index: 999999;
}
.t-guide__wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  z-index: 999999;
  padding-top: 20vh;
}
.t-guide__wrapper--center {
  padding-top: 0;
  align-items: center;
}
.t-guide__dialog {
  min-width: 320px;
  max-width: 500px;
  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
  border-radius: var(--td-radius-large);
  background: var(--td-bg-color-container);
  animation: tGuideDialogFadeIn 0.3s ease-out;
  box-sizing: border-box;
}
.t-guide__dialog--nomask {
  border: 1px solid var(--td-component-border);
}
.t-guide__dialog .t-guide__title {
  font: var(--td-font-title-medium);
  font-weight: 700;
}
.t-guide__dialog .t-guide__desc {
  margin-top: var(--td-comp-margin-l);
  font: var(--td-font-body-medium);
}
.t-guide__tooltip {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-s);
  min-width: 240px;
  max-width: 600px;
  max-height: 300px;
}
.t-guide__title {
  text-align: left;
  color: var(--td-text-color-primary);
  font: var(--td-font-title-small);
  font-weight: 700;
}
.t-guide__desc {
  margin-top: var(--td-comp-margin-s);
  text-align: left;
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-small);
}
.t-guide__action {
  display: flex;
  align-items: center;
}
.t-guide__action button {
  margin-right: var(--td-comp-margin-s);
}
.t-guide__action button:last-child {
  margin-right: 0;
}
.t-guide__footer {
  display: flex;
  align-items: center;
}
.t-guide__footer--popup {
  margin-top: var(--td-comp-margin-l);
}
.t-guide__footer--dialog {
  margin-top: 24px;
}
.t-guide__footer--dialog .t-guide__action {
  display: flex;
  justify-content: center;
}
.t-guide__counter {
  color: var(--td-text-color-placeholder);
  text-align: left;
  font: var(--td-font-body-small);
  flex: 1;
}
.t-guide__popup .t-guide__popup--content {
  background: none;
  box-shadow: none;
  padding: 0;
}
@keyframes tGuideDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.t-notification {
  color: var(--td-text-color-primary);
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  outline: 0;
  border: 0;
  background-color: var(--td-bg-color-container);
  display: flex;
  box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  width: 360px;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-notification__icon {
  width: calc(var(--td-font-size-body-large) + 8px);
  text-align: center;
  margin-right: var(--td-comp-margin-s);
}
.t-notification__icon .t-icon {
  font-size: calc(var(--td-font-size-body-large) + 8px);
}
.t-notification .t-icon.t-is-info {
  color: var(--td-brand-color);
}
.t-notification .t-icon.t-is-success {
  color: var(--td-success-color);
}
.t-notification .t-icon.t-is-warning {
  color: var(--td-warning-color);
}
.t-notification .t-icon.t-is-error {
  color: var(--td-error-color-6);
}
.t-notification__main {
  flex: 1;
}
.t-notification__title__wrap {
  display: flex;
  justify-content: space-between;
}
.t-notification__title {
  font: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
}
.t-notification .t-icon-close {
  cursor: pointer;
  font-size: var(--td-font-size-body-large);
  border-radius: var(--td-radius-default);
  color: var(--td-text-color-secondary);
}
.t-notification .t-icon-close:hover {
  background: var(--td-bg-color-container-hover);
}
.t-notification .t-icon-close:active {
  background: var(--td-bg-color-container-active);
}
.t-notification__content {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  margin-top: var(--td-comp-margin-s);
  max-height: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* stylelint-disable-next-line */
  -webkit-box-orient: vertical;
}
.t-notification__detail {
  margin-top: var(--td-comp-margin-l);
  text-align: right;
  font: var(--td-font-body-medium);
}
.t-notification__detail-item {
  cursor: pointer;
}
.t-notification__detail-item:hover {
  color: inherit;
  background: var(--td-bg-color-container-hover);
}
.t-notification__detail-item:active {
  color: inherit;
  background: var(--td-bg-color-container-active);
}
.t-notification__detail-item + .t-notification__detail-item {
  margin-left: var(--td-comp-margin-s);
}
.t-notification__detail-item.t-is-active {
  color: var(--td-brand-color);
}
.t-notification__show--top-left {
  position: fixed;
  top: 0;
  left: 0;
}
.t-notification__show--top-left > .t-notification {
  animation-duration: 0.3s;
  animation-name: slidein-top-left;
}
@keyframes slidein-top-left {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.t-notification__show--top-right {
  position: fixed;
  top: 0;
  right: 0;
}
.t-notification__show--top-right > .t-notification {
  animation-duration: 0.3s;
  animation-name: slidein-top-right;
}
@keyframes slidein-top-right {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.t-notification__show--bottom-left {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column-reverse;
}
.t-notification__show--bottom-left > .t-notification {
  animation-duration: 0.3s;
  animation-name: slidein-bottom-left;
}
@keyframes slidein-bottom-left {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.t-notification__show--bottom-right {
  position: fixed;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column-reverse;
}
.t-notification__show--bottom-right > .t-notification {
  animation-duration: 0.3s;
  animation-name: slidein-bottom-right;
}
@keyframes slidein-bottom-right {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.t-notification-list__show {
  position: fixed;
}
.t-popconfirm {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 160px;
  border-radius: var(--td-radius-medium);
}
.t-popconfirm .t-popup__content {
  padding: 0;
}
.t-popconfirm.t-popup[data-popper-placement^="top"] .t-popup__arrow {
  bottom: calc(-8px / 2);
}
.t-popconfirm__content {
  position: relative;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  border-radius: var(--td-radius-medium);
}
.t-popconfirm__body {
  display: flex;
  align-items: flex-start;
  text-align: left;
}
.t-popconfirm__body > .t-icon {
  display: inline-block;
  margin-right: var(--td-comp-margin-s);
  padding: calc(calc(var(--td-line-height-body-medium) - calc(var(--td-font-size-body-medium) + 6px)) / 2) 0;
  font-size: calc(var(--td-font-size-body-medium) + 6px);
}
.t-popconfirm__confirm {
  margin-left: var(--td-comp-margin-s);
}
.t-popconfirm__inner {
  display: inline-block;
  vertical-align: top;
  max-width: 320px;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
}
.t-popconfirm__icon--warning {
  color: var(--td-warning-color);
}
.t-popconfirm__icon--danger {
  color: var(--td-error-color);
}
.t-popconfirm__icon--default {
  color: var(--td-brand-color);
}
.t-popconfirm__buttons {
  text-align: right;
  margin-top: var(--td-comp-margin-l);
}
.t-popconfirm__buttons > span:last-child {
  margin-right: 0;
}
.t-upload {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-upload .t-is-bordered {
  border: 1px solid var(--td-component-border);
}
.t-upload .t-upload__trigger {
  display: inline-block;
}
.t-upload .t-icon {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
  flex-shrink: 0;
}
.t-upload .t-icon-check-circle-filled {
  color: var(--td-success-color);
}
.t-upload .t-icon-error-circle-filled {
  color: var(--td-error-color);
}
.t-upload .t-icon-time-filled {
  color: var(--td-text-color-placeholder);
}
.t-upload .t-icon-add {
  color: var(--td-text-color-primary);
}
.t-upload__list-file {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-right: var(--td-comp-margin-m);
  overflow: hidden;
}
.t-upload__list-file .t-icon {
  font-size: var(--td-comp-size-xl);
  color: var(--td-brand-color);
}
.t-upload__list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--td-comp-margin-m);
  width: 496px;
  height: 124px;
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
  border: 1px solid var(--td-component-border);
  border-radius: var(--td-radius-default);
  font: var(--td-font-body-medium);
}
.t-upload__list-item.t-is--error .t-upload__list-name {
  color: var(--td-error-color);
}
.t-upload__list-item.t-is--error .t-upload__list-file .t-icon {
  color: var(--td-error-color);
}
.t-upload__list-content {
  display: flex;
  align-items: center;
}
.t-upload-list__control {
  cursor: pointer;
}
.t-upload-list__control:hover {
  color: var(--td-error-color);
}
.t-upload__list-img {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
}
.t-upload__list-name {
  max-width: 200px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload--highlight {
  color: var(--td-text-color-brand);
}
.t-upload__single-name {
  margin-right: var(--td-comp-margin-s);
}
.t-upload__card {
  font: var(--td-font-body-small);
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--td-comp-margin-s);
}
.t-upload__card .t-is-disabled :hover {
  cursor: not-allowed;
}
.t-upload__card-item {
  cursor: pointer;
  box-sizing: border-box;
  list-style: none;
}
.t-upload__card-item::after {
  content: "";
  display: block;
}
.t-upload__card-item:hover .t-upload__card-mask {
  opacity: 1;
  transition: opacity 0.2s linear;
}
.t-upload__card-item.t-is--error .t-icon-warning_fill {
  color: var(--td-error-color);
  margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-item.t-is--error .t-upload__card-status {
  color: var(--td-error-color);
}
.t-upload__card-item.t-is-background {
  transition: border-color 0.2s linear;
}
.t-upload__card .t-icon-loading {
  margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-name {
  max-width: 100%;
  margin-top: var(--td-comp-margin-s);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__card-content {
  position: relative;
  width: 110px;
  height: 110px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: var(--td-bg-color-secondarycontainer);
  border: 1px dashed var(--td-component-border);
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
  border-radius: var(--td-radius-default);
}
.t-upload__card-container {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--td-bg-color-secondarycontainer);
  border: 1px dashed var(--td-component-border);
  box-sizing: border-box;
  position: relative;
  border-radius: var(--td-radius-default);
  transition: border 0.2s linear;
}
.t-upload__card-container:hover:not(.t-is-disabled) {
  border-color: var(--td-brand-color);
  transition: border-color 0.2s linear;
}
.t-upload__card-container > .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-upload__card-container > .t-icon,
.t-upload__card-container .t-loading {
  font-size: var(--td-comp-size-xs);
  margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-container > p,
.t-upload__card-container .t-upload__add-text {
  color: var(--td-text-color-placeholder);
  margin: 0;
}
.t-upload__card-status-wrap {
  text-align: center;
}
.t-upload__card-status-wrap > svg {
  margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-status-wrap .t-icon,
.t-upload__card-status-wrap .t-loading {
  font-size: var(--td-comp-size-xs);
}
.t-upload__card-image {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.t-upload__card-status {
  color: var(--td-text-color-disabled);
  font: var(--td-font-body-small);
}
.t-upload__card-mask {
  background-color: var(--td-mask-active);
  color: var(--td-text-color-anti);
  will-change: transform;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.t-upload__card-mask-item-divider {
  margin: 0 var(--td-comp-margin-l);
  border-left: 1px var(--td-text-color-anti) solid;
  height: var(--td-comp-size-xxxs);
}
.t-upload__card-mask-item > .t-icon {
  cursor: pointer;
  font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-upload__dialog .t-dialog {
  max-width: 80%;
}
.t-upload__dialog .t-dialog--default {
  padding: 32px;
}
.t-upload__dialog .t-dialog-body {
  padding-bottom: 0;
}
.t-upload__dialog .t-dialog-body-img-box img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.t-upload__dragger {
  display: flex;
  width: 336px;
  height: 144px;
  border: 1px dashed var(--td-component-border);
  border-radius: var(--td-radius-small);
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  cursor: pointer;
  padding: var(--td-comp-margin-l);
  position: relative;
  overflow: auto;
  box-sizing: border-box;
  transition: border-color 0.2s linear;
}
.t-upload__dragger.t-is--active {
  background-color: var(--td-bg-color-container-active);
  border-color: var(--td-brand-color);
}
.t-upload__dragger:hover {
  border-color: var(--td-brand-color);
}
.t-upload__dragger-btns {
  position: absolute;
  bottom: var(--td-comp-margin-l);
}
.t-upload__dragger .t-size-s {
  display: block;
}
.t-upload__dragger-center {
  justify-content: center;
  align-items: center;
}
.t-upload__dragger-error {
  border-color: var(--td-error-color);
}
.t-upload__dragger-error:hover {
  border-color: var(--td-error-color);
}
.t-upload__dragger-text {
  display: flex;
  align-items: center;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  margin-bottom: var(--td-comp-margin-s);
  max-width: calc(336px - var(--td-comp-margin-l) * 2 - 0);
}
.t-upload__dragger-text .t-upload__single-name {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__tips {
  display: block;
  color: var(--td-text-color-placeholder);
  margin-top: var(--td-comp-margin-s);
  font: var(--td-font-body-small);
}
.t-upload__tips.t-upload__tips-error {
  color: var(--td-error-color);
}
.t-upload__tips.t-upload__tips-warn {
  color: var(--td-warning-color);
}
.t-upload__placeholder {
  color: var(--td-text-color-placeholder);
}
.t-upload__display-text--margin {
  margin-top: var(--td-comp-margin-s);
}
.t-upload__single-display-text {
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-small);
  display: flex;
  align-items: center;
}
.t-upload__single-display-text .t-upload__flow-status .t-icon {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-icon-clear-circle-filled {
  color: var(--td-text-color-placeholder);
  margin-top: var(--td-comp-margin-xxs);
  transition: color 0.2s linear;
}
.t-icon-clear-circle-filled:hover {
  color: var(--td-text-color-secondary);
  cursor: pointer;
  transition: color 0.2s linear;
}
.t-upload__single-percent {
  margin-left: var(--td-comp-margin-xs);
}
.t-upload__single-progress {
  color: var(--td-brand-color);
  display: flex;
  align-items: center;
}
.t-upload__single-progress .t-loading {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
  flex-shrink: 0;
}
.t-upload__single-input-delete {
  margin-left: var(--td-comp-margin-l);
  font: var(--td-font-body-medium);
  color: var(--td-brand-color);
  cursor: pointer;
}
.t-upload__single-input-preview {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.t-upload__single-input-text {
  display: block;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__single-file-input {
  display: flex;
  align-items: center;
}
.t-upload__single-file-input .t-upload__trigger {
  margin-left: var(--td-comp-margin-l);
}
.t-upload__single-file-input .t-upload__single-progress {
  white-space: nowrap;
}
.t-upload__single-file-input .t-input__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.t-upload__dragger-progress {
  width: 100%;
  display: flex;
}
.t-upload__dragger-progress .t-icon,
.t-upload__dragger-progress .t-loading {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
  flex-shrink: 0;
}
.t-upload__dragger-img-wrap {
  width: 110px;
  height: 110px;
  background-color: var(--td-bg-color-secondarycontainer);
  border-radius: var(--td-radius-default);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.t-upload__dragger-img-wrap > .t-image__wrapper--shape-square {
  width: 100%;
}
.t-upload__dragger-img-wrap > .t-image__wrapper--shape-square .t-space-item {
  text-align: center;
}
.t-upload__dragger-img-wrap > img {
  max-width: 100%;
  max-height: 100%;
}
.t-upload__dragger-img-wrap + .t-upload__dragger-progress-info {
  margin-left: var(--td-comp-margin-l);
  max-width: calc(336px - var(--td-comp-margin-l) * 2 - calc(110px + var(--td-comp-margin-l)));
}
.t-upload__dragger-progress-info {
  flex: 1;
}
.t-upload__dragger-progress-info .t-upload__single-display-text {
  margin-bottom: var(--td-comp-margin-s);
}
.t-upload__dragger-progress-info .t-button:hover {
  background-color: transparent;
}
.t-upload__dragger-progress-cancel,
.t-upload__dragger-progress-reupload {
  margin-right: var(--td-comp-margin-l);
}
.t-upload__dragger-progress-cancel:hover,
.t-upload__dragger-progress-reupload:hover {
  border-color: transparent;
}
.t-upload__dragger-delete-btn:hover,
.t-upload__dragger-upload-btn:hover {
  border-color: transparent;
}
.t-upload__flow-image-flow {
  width: 498px;
}
.t-upload__flow {
  min-width: 498px;
  max-width: 960px;
}
.t-upload__flow-placeholder {
  display: inline-block;
  margin-left: var(--td-comp-margin-l);
}
.t-upload__flow-op {
  display: flex;
  align-items: center;
}
.t-upload__flow-bottom {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--td-comp-margin-xxl);
}
.t-upload__flow-bottom .t-button + .t-button {
  margin-left: var(--td-comp-margin-s);
}
.t-upload__flow-empty {
  width: 100%;
  height: 184px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--td-text-color-placeholder);
}
.t-upload__flow-table {
  width: 100%;
  border: 1px dashed var(--td-component-border);
  margin-top: var(--td-comp-margin-xxl);
  border-collapse: collapse;
}
.t-upload__flow-table > thead > tr,
.t-upload__flow-table > tbody > tr,
.t-upload__flow-table > tfoot > tr,
.t-upload__flow-table > tr {
  border-top: 1px solid var(--td-component-border);
}
.t-upload__flow-table > thead > tr > th,
.t-upload__flow-table > tbody > tr > th,
.t-upload__flow-table > tfoot > tr > th,
.t-upload__flow-table > tr > th {
  color: var(--td-text-color-placeholder);
  font-weight: normal;
  border: 1px solid var(--td-component-border);
  text-align: left;
  background-color: var(--td-bg-color-container);
}
.t-upload__flow-table > thead > tr > td,
.t-upload__flow-table > tbody > tr > td,
.t-upload__flow-table > tfoot > tr > td,
.t-upload__flow-table > tr > td {
  color: var(--td-text-color-primary);
}
.t-upload__flow-table > thead > tr > td,
.t-upload__flow-table > tbody > tr > td,
.t-upload__flow-table > tfoot > tr > td,
.t-upload__flow-table > tr > td,
.t-upload__flow-table > thead > tr > th,
.t-upload__flow-table > tbody > tr > th,
.t-upload__flow-table > tfoot > tr > th,
.t-upload__flow-table > tr > th {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-upload__flow-table__batch-row {
  border-left: 1px solid var(--td-component-border);
}
.t-upload__flow-button {
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  transition: color 0.2s linear;
}
.t-upload__flow-button:hover {
  color: var(--td-text-color-secondary);
}
.t-upload__flow-status {
  display: flex;
  align-items: center;
}
.t-upload__flow-status .t-icon,
.t-upload__flow-status .t-loading {
  margin-right: var(--td-comp-margin-s);
  font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-upload__flow-card-area {
  border: 1px dashed var(--td-component-border);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
  margin-top: var(--td-comp-margin-xxl);
  transition: border 0.2s linear;
}
.t-upload__flow-card-area:hover {
  border-color: var(--td-brand-color);
  transition: border-color 0.2s linear;
}
.t-upload__icon-delete,
.t-upload__single-input-clear {
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  transition: color 0.2s linear;
}
.t-upload__icon-delete:hover,
.t-upload__single-input-clear:hover {
  color: var(--td-text-color-secondary);
  transition: color 0.2s linear;
}
.t-icon.t-upload__single-input-clear {
  display: none;
}
.t-upload__single-input-preview:hover .t-upload__single-input-clear {
  display: initial;
}
.t-upload__single-input-preview:hover .t-upload__status-icon {
  display: none;
}
.t-upload .t-upload__single-name {
  color: var(--td-text-color-secondary);
}
.t-upload .t-upload__file-thumbnail {
  margin-right: var(--td-comp-paddingLR-s);
  width: var(--td-comp-size-xxl);
  height: var(--td-comp-size-xxl);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.t-upload .t-upload__file-thumbnail > svg {
  font-size: var(--td-comp-size-s);
  color: var(--td-text-color-placeholder);
}
.t-upload__card-name {
  margin-top: 8px;
}
.t-upload--theme-file-input {
  width: 100%;
}
.t-upload__dragger-btns > .t-button {
  padding: 0;
}
.t-upload__file-info {
  display: flex;
  align-items: center;
}
.t-upload__card-container.t-is-disabled {
  cursor: not-allowed;
}
.t-upload__card-container.t-is-disabled .t-upload__add-text {
  color: var(--td-text-color-disabled);
}
.t-upload__card-container.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}
:root {
  --td-screen-xs: 320px;
  --td-screen-sm: 768px;
  --td-screen-md: 992px;
  --td-screen-lg: 1200px;
  --td-screen-xl: 1400px;
  --td-screen-xxl: 1880px;
}
@-moz-document url-prefix() {
  .narrow-scrollbar {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.narrow-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.narrow-scrollbar::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-fake-arrow path {
  transition: d 0.2s;
  stroke: currentcolor;
}
.t-fake-arrow--active path {
  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
}
.t-slide-down-enter-active,
.t-slide-down-leave-active {
  transition: height 0.2s cubic-bezier(0.38, 0, 0.24, 1), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}

:root,
:root[theme-mode="light"] {
  --td-brand-color-1: #f2f3ff;
  --td-brand-color-2: #d9e1ff;
  --td-brand-color-3: #b5c7ff;
  --td-brand-color-4: #8eabff;
  --td-brand-color-5: #618dff;
  --td-brand-color-6: #366ef4;
  --td-brand-color-7: #0052d9;
  --td-brand-color-8: #003cab;
  --td-brand-color-9: #002a7c;
  --td-brand-color-10: #001a57;
  --td-warning-color-1: #fff1e9;
  --td-warning-color-2: #ffd9c2;
  --td-warning-color-3: #ffb98c;
  --td-warning-color-4: #fa9550;
  --td-warning-color-5: #e37318;
  --td-warning-color-6: #be5a00;
  --td-warning-color-7: #954500;
  --td-warning-color-8: #713300;
  --td-warning-color-9: #532300;
  --td-warning-color-10: #3b1700;
  --td-error-color-1: #fff0ed;
  --td-error-color-2: #ffd8d2;
  --td-error-color-3: #ffb9b0;
  --td-error-color-4: #ff9285;
  --td-error-color-5: #f6685d;
  --td-error-color-6: #d54941;
  --td-error-color-7: #ad352f;
  --td-error-color-8: #881f1c;
  --td-error-color-9: #68070a;
  --td-error-color-10: #490002;
  --td-success-color-1: #e3f9e9;
  --td-success-color-2: #c6f3d7;
  --td-success-color-3: #92dab2;
  --td-success-color-4: #56c08d;
  --td-success-color-5: #2ba471;
  --td-success-color-6: #008858;
  --td-success-color-7: #006c45;
  --td-success-color-8: #005334;
  --td-success-color-9: #003b23;
  --td-success-color-10: #002515;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e8e8e8;
  --td-gray-color-4: #ddd;
  --td-gray-color-5: #c6c6c6;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #393939;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: #ffffff;
  --td-font-white-2: rgba(255, 255, 255, 0.55);
  --td-font-white-3: rgba(255, 255, 255, 0.35);
  --td-font-white-4: rgba(255, 255, 255, 0.22);
  --td-font-gray-1: rgba(0, 0, 0, 0.9);
  --td-font-gray-2: rgba(0, 0, 0, 0.6);
  --td-font-gray-3: rgba(0, 0, 0, 0.4);
  --td-font-gray-4: rgba(0, 0, 0, 0.26);
  --td-brand-color: var(--td-brand-color-7);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-hover: var(--td-brand-color-6);
  --td-brand-color-focus: var(--td-brand-color-2);
  --td-brand-color-active: var(--td-brand-color-8);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-hover: var(--td-brand-color-2);
  --td-warning-color-hover: var(--td-warning-color-4);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-hover: var(--td-warning-color-2);
  --td-error-color-hover: var(--td-error-color-5);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-hover: var(--td-error-color-2);
  --td-success-color-hover: var(--td-success-color-4);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-hover: var(--td-success-color-2);
  --td-mask-active: rgba(0, 0, 0, 0.6);
  --td-mask-disabled: rgba(255, 255, 255, 0.6);
  --td-bg-color-page: var(--td-gray-color-2);
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: var(--td-gray-color-1);
  --td-bg-color-container-active: var(--td-gray-color-3);
  --td-bg-color-container-select: #fff;
  --td-bg-color-secondarycontainer: var(--td-gray-color-1);
  --td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-4);
  --td-bg-color-component: var(--td-gray-color-3);
  --td-bg-color-component-hover: var(--td-gray-color-4);
  --td-bg-color-component-active: var(--td-gray-color-6);
  --td-bg-color-secondarycomponent: var(--td-gray-color-4);
  --td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
  --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
  --td-bg-color-component-disabled: var(--td-gray-color-2);
  --td-bg-color-specialcomponent: #fff;
  --td-text-color-primary: var(--td-font-gray-1);
  --td-text-color-secondary: var(--td-font-gray-2);
  --td-text-color-placeholder: var(--td-font-gray-3);
  --td-text-color-disabled: var(--td-font-gray-4);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color-7);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-3);
  --td-component-stroke: var(--td-gray-color-3);
  --td-border-level-2-color: var(--td-gray-color-4);
  --td-component-border: var(--td-gray-color-4);
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
  --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
  --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
  --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
  --td-table-shadow-color: rgba(0, 0, 0, 0.08);
  --td-scrollbar-color: rgba(0, 0, 0, 0.1);
  --td-scrollbar-hover-color: rgba(0, 0, 0, 0.3);
  --td-scroll-track-color: #fff;
}
:root[theme-mode="dark"] {
  --td-brand-color-1: #1b2f51;
  --td-brand-color-2: #173463;
  --td-brand-color-3: #143975;
  --td-brand-color-4: #103d88;
  --td-brand-color-5: #0d429a;
  --td-brand-color-6: #054bbe;
  --td-brand-color-7: #2667d4;
  --td-brand-color-8: #4582e6;
  --td-brand-color-9: #699ef5;
  --td-brand-color-10: #96bbf8;
  --td-warning-color-1: #4f2a1d;
  --td-warning-color-2: #582f21;
  --td-warning-color-3: #733c23;
  --td-warning-color-4: #a75d2b;
  --td-warning-color-5: #cf6e2d;
  --td-warning-color-6: #dc7633;
  --td-warning-color-7: #e8935c;
  --td-warning-color-8: #ecbf91;
  --td-warning-color-9: #eed7bf;
  --td-warning-color-10: #f3e9dc;
  --td-error-color-1: #472324;
  --td-error-color-2: #5e2a2d;
  --td-error-color-3: #703439;
  --td-error-color-4: #83383e;
  --td-error-color-5: #a03f46;
  --td-error-color-6: #c64751;
  --td-error-color-7: #de6670;
  --td-error-color-8: #ec888e;
  --td-error-color-9: #edb1b6;
  --td-error-color-10: #eeced0;
  --td-success-color-1: #193a2a;
  --td-success-color-2: #1a4230;
  --td-success-color-3: #17533d;
  --td-success-color-4: #0d7a55;
  --td-success-color-5: #059465;
  --td-success-color-6: #43af8a;
  --td-success-color-7: #46bf96;
  --td-success-color-8: #80d2b6;
  --td-success-color-9: #b4e1d3;
  --td-success-color-10: #deede8;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e8e8e8;
  --td-gray-color-4: #ddd;
  --td-gray-color-5: #c6c6c6;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #393939;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: rgba(255, 255, 255, 0.9);
  --td-font-white-2: rgba(255, 255, 255, 0.55);
  --td-font-white-3: rgba(255, 255, 255, 0.35);
  --td-font-white-4: rgba(255, 255, 255, 0.22);
  --td-font-gray-1: rgba(0, 0, 0, 0.9);
  --td-font-gray-2: rgba(0, 0, 0, 0.6);
  --td-font-gray-3: rgba(0, 0, 0, 0.4);
  --td-font-gray-4: rgba(0, 0, 0, 0.26);
  --td-brand-color: var(--td-brand-color-8);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-hover: var(--td-brand-color-7);
  --td-brand-color-focus: var(--td-brand-color-2);
  --td-brand-color-active: var(--td-brand-color-9);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-hover: var(--td-brand-color-2);
  --td-warning-color-hover: var(--td-warning-color-4);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-hover: var(--td-warning-color-2);
  --td-error-color-hover: var(--td-error-color-5);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-hover: var(--td-error-color-2);
  --td-success-color-hover: var(--td-success-color-4);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-hover: var(--td-success-color-2);
  --td-mask-active: rgba(0, 0, 0, 0.4);
  --td-mask-disabled: rgba(0, 0, 0, 0.6);
  --td-bg-color-page: var(--td-gray-color-14);
  --td-bg-color-container: var(--td-gray-color-13);
  --td-bg-color-container-hover: var(--td-gray-color-12);
  --td-bg-color-container-active: var(--td-gray-color-10);
  --td-bg-color-container-select: var(--td-gray-color-9);
  --td-bg-color-secondarycontainer: var(--td-gray-color-12);
  --td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);
  --td-bg-color-secondarycontainer-active: var(--td-gray-color-9);
  --td-bg-color-component: var(--td-gray-color-11);
  --td-bg-color-component-hover: var(--td-gray-color-10);
  --td-bg-color-component-active: var(--td-gray-color-9);
  --td-bg-color-secondarycomponent: var(--td-gray-color-10);
  --td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);
  --td-bg-color-secondarycomponent-active: var(--td-gray-color-8);
  --td-bg-color-component-disabled: var(--td-gray-color-12);
  --td-bg-color-specialcomponent: transparent;
  --td-text-color-primary: var(--td-font-white-1);
  --td-text-color-secondary: var(--td-font-white-2);
  --td-text-color-placeholder: var(--td-font-white-3);
  --td-text-color-disabled: var(--td-font-white-4);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color-8);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-11);
  --td-component-stroke: var(--td-gray-color-11);
  --td-border-level-2-color: var(--td-gray-color-9);
  --td-component-border: var(--td-gray-color-9);
  --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.16);
  --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
  --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
  --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
  --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
  --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
  --td-table-shadow-color: rgba(0, 0, 0, 0.55);
  --td-scrollbar-color: rgba(255, 255, 255, 0.1);
  --td-scrollbar-hover-color: rgba(255, 255, 255, 0.3);
  --td-scroll-track-color: #333;
}
:root {
  --td-radius-small: 2px;
  --td-radius-default: 3px;
  --td-radius-medium: 6px;
  --td-radius-large: 9px;
  --td-radius-extraLarge: 12px;
  --td-radius-round: 999px;
  --td-radius-circle: 50%;
}
:root {
  --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
  --td-font-size-link-small: 12px;
  --td-font-size-link-medium: 14px;
  --td-font-size-link-large: 16px;
  --td-font-size-mark-small: 12px;
  --td-font-size-mark-medium: 14px;
  --td-font-size-body-small: 12px;
  --td-font-size-body-medium: 14px;
  --td-font-size-body-large: 16px;
  --td-font-size-title-small: 14px;
  --td-font-size-title-medium: 16px;
  --td-font-size-title-large: 20px;
  --td-font-size-headline-small: 24px;
  --td-font-size-headline-medium: 28px;
  --td-font-size-headline-large: 36px;
  --td-font-size-display-medium: 48px;
  --td-font-size-display-large: 64px;
  --td-line-height-link-small: 20px;
  --td-line-height-link-medium: 22px;
  --td-line-height-link-large: 24px;
  --td-line-height-mark-small: 20px;
  --td-line-height-mark-medium: 22px;
  --td-line-height-body-small: 20px;
  --td-line-height-body-medium: 22px;
  --td-line-height-body-large: 24px;
  --td-line-height-title-small: 22px;
  --td-line-height-title-medium: 24px;
  --td-line-height-title-large: 28px;
  --td-line-height-headline-small: 32px;
  --td-line-height-headline-medium: 36px;
  --td-line-height-headline-large: 44px;
  --td-line-height-display-medium: 56px;
  --td-line-height-display-large: 72px;
  --td-font-link-small: var(--td-font-size-link-small) /
    var(--td-line-height-link-small) var(--td-font-family);
  --td-font-link-medium: var(--td-font-size-link-medium) /
    var(--td-line-height-link-medium) var(--td-font-family);
  --td-font-link-large: var(--td-font-size-link-large) /
    var(--td-line-height-link-large) var(--td-font-family);
  --td-font-mark-small: 600 var(--td-font-size-mark-small) /
    var(--td-line-height-mark-small) var(--td-font-family);
  --td-font-mark-medium: 600 var(--td-font-size-mark-medium) /
    var(--td-line-height-mark-medium) var(--td-font-family);
  --td-font-body-small: var(--td-font-size-body-small) /
    var(--td-line-height-body-small) var(--td-font-family);
  --td-font-body-medium: var(--td-font-size-body-medium) /
    var(--td-line-height-body-medium) var(--td-font-family);
  --td-font-body-large: var(--td-font-size-body-large) /
    var(--td-line-height-body-large) var(--td-font-family);
  --td-font-title-small: 600 var(--td-font-size-title-small) /
    var(--td-line-height-title-small) var(--td-font-family);
  --td-font-title-medium: 600 var(--td-font-size-title-medium) /
    var(--td-line-height-title-medium) var(--td-font-family);
  --td-font-title-large: 600 var(--td-font-size-title-large) /
    var(--td-line-height-title-large) var(--td-font-family);
  --td-font-headline-small: 600 var(--td-font-size-headline-small) /
    var(--td-line-height-headline-small) var(--td-font-family);
  --td-font-headline-medium: 600 var(--td-font-size-headline-medium) /
    var(--td-line-height-headline-medium) var(--td-font-family);
  --td-font-headline-large: 600 var(--td-font-size-headline-large) /
    var(--td-line-height-headline-large) var(--td-font-family);
  --td-font-display-medium: 600 var(--td-font-size-display-medium) /
    var(--td-line-height-display-medium) var(--td-font-family);
  --td-font-display-large: 600 var(--td-font-size-display-large) /
    var(--td-line-height-display-large) var(--td-font-family);
}
:root {
  --td-size-1: 2px;
  --td-size-2: 4px;
  --td-size-3: 6px;
  --td-size-4: 8px;
  --td-size-5: 12px;
  --td-size-6: 16px;
  --td-size-7: 20px;
  --td-size-8: 24px;
  --td-size-9: 28px;
  --td-size-10: 32px;
  --td-size-11: 36px;
  --td-size-12: 40px;
  --td-size-13: 48px;
  --td-size-14: 56px;
  --td-size-15: 64px;
  --td-size-16: 72px;
  --td-comp-size-xxxs: var(--td-size-6);
  --td-comp-size-xxs: var(--td-size-7);
  --td-comp-size-xs: var(--td-size-8);
  --td-comp-size-s: var(--td-size-9);
  --td-comp-size-m: var(--td-size-10);
  --td-comp-size-l: var(--td-size-11);
  --td-comp-size-xl: var(--td-size-12);
  --td-comp-size-xxl: var(--td-size-13);
  --td-comp-size-xxxl: var(--td-size-14);
  --td-comp-size-xxxxl: var(--td-size-15);
  --td-comp-size-xxxxxl: var(--td-size-16);
  --td-pop-padding-s: var(--td-size-2);
  --td-pop-padding-m: var(--td-size-3);
  --td-pop-padding-l: var(--td-size-4);
  --td-pop-padding-xl: var(--td-size-5);
  --td-pop-padding-xxl: var(--td-size-6);
  --td-comp-paddingLR-xxs: var(--td-size-1);
  --td-comp-paddingLR-xs: var(--td-size-2);
  --td-comp-paddingLR-s: var(--td-size-4);
  --td-comp-paddingLR-m: var(--td-size-5);
  --td-comp-paddingLR-l: var(--td-size-6);
  --td-comp-paddingLR-xl: var(--td-size-8);
  --td-comp-paddingLR-xxl: var(--td-size-10);
  --td-comp-paddingTB-xxs: var(--td-size-1);
  --td-comp-paddingTB-xs: var(--td-size-2);
  --td-comp-paddingTB-s: var(--td-size-4);
  --td-comp-paddingTB-m: var(--td-size-5);
  --td-comp-paddingTB-l: var(--td-size-6);
  --td-comp-paddingTB-xl: var(--td-size-8);
  --td-comp-paddingTB-xxl: var(--td-size-10);
  --td-comp-margin-xxs: var(--td-size-1);
  --td-comp-margin-xs: var(--td-size-2);
  --td-comp-margin-s: var(--td-size-4);
  --td-comp-margin-m: var(--td-size-5);
  --td-comp-margin-l: var(--td-size-6);
  --td-comp-margin-xl: var(--td-size-7);
  --td-comp-margin-xxl: var(--td-size-8);
  --td-comp-margin-xxxl: var(--td-size-10);
  --td-comp-margin-xxxxl: var(--td-size-12);
}
@font-face {
  font-family: 'TencentSansW7';
  src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAusAA4AAAAAEJQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALkAAAABwAAAAchqPqzUdERUYAAAtwAAAAHgAAAB4AKQAbT1MvMgAAAbgAAABZAAAAYGmceoNjbWFwAAACYAAAAJcAAAHsPmfPZmdhc3AAAAtkAAAADAAAAAwACAAbZ2x5ZgAAAywAAAW8AAAG/Ivn/ztoZWFkAAABRAAAADYAAAA2E+AL5GhoZWEAAAF8AAAAIAAAACQIawJ9aG10eAAAAhQAAABMAAAATCG/Auxsb2NhAAADAAAAACwAAAAsDjIQIm1heHAAAAGcAAAAGgAAACAAfgBDbmFtZQAACOgAAAIUAAAEm0zGvtJwb3N0AAAK/AAAAGYAAAB/4wuGdnByZXAAAAL4AAAACAAAAAhwAgESAAEAAAABBR/xlpGAXw889QALA+gAAAAA2Ac3gwAAAADY+IxB//L/HAPPAwAAAAAIAAIAAAAAAAB42mNgZGBgWf7vFAMD84v/n/7vZD7PABRBAYIAwxQH7XjaY2BkYGAQZXBiYGEAAUYGGEiBUAAMEQDCAAB42mNgYepm2sPAysDA1MUUwcDA4A2hGeMYjBjNgKI8HMxMTCz8TCwLGJj2CzCAgRiI8PX382d0YGBMEmQ2+u/FcIJlOVA9CwMjSI6JlekwkFJgYAQAR1kL+QAAAAJYAHYAAAAAAU0AAAEEAAACUAAhAlYAFQJUACACKgAdAZUANgEUABUBYAAkA5wAFQINABsBqAA0AnAAKgJYACoD6ACF//YANP/yACN42mNgYGBmgGAZBkYGEHgG5DGC+SwMp4C0HIMAUISPQYEhiSGNIZMhl6GUoZJhgeIkfS6/N4GpQQuSBP//B+tMZEgByucwFGOT/7/4/6L/C/7P+z/z/7T/yffqLrJvVFu3Zm3xPJBtcgz4ADPFkIGRDWgMIcBAIWBhZWBj52Bg4GRg4OIGi/Dw8gFJfgYqA/JcCgA99Se8ALgB/4W4AAGNAAAAFAAUABQAFABSAIIAsgD6ASIBOAFYAYIBxgHwAhQCRAJaAogCygMYA3542k1Ua2xTZRj+LmtP23Vdz2lPz3pZb2dr1+u2nq2H0d3Z2OhI5mC4AZMBo0gM98E0oRn1AqgoIYDG4BAkakDkJ4iyiCZGAiISUH8YjIQfEhNUMCoJrme+bTfkx/nxveec53ne533eDxE0Nn0V/0V2I4oYhATWw1ZKrDiGx5Vfzp6NkXPZ7mH8ECGCPNNXiZWokANVIYRjFt7MUI83iuvrWnAzTWA5Xl/nC2G/SZJFr7oUq3mzBaf7F5S0Kt+F59i1aq0j0tbwJmXcwUtsz3HHhEtQaYr0RFUbL0sqB8yRClvcG2uwa7hKg4VLKdFjZmeEN5SwwM0Dd4DcRaXAXuAuxQYqekwSIxRoqRRrxjLevrK/RNCUhXt7lYevpQMf6StjW1sz/gCrIqqm+Z7krsjCmJU67/zexrvMykE+CniA7wb8oUf4EhW9vtm2qGQSvQY808+t9Ov/5ih0zlhfyytfbGodd/ht2rJiH7k7dTtP0NQTYpUo3qDzSnsSVpc5j18O+DzRIzeqyel34nwDOISZHGoCM6I3SvKMRJppKM8pxeIy3tbU4S4y6Oc231Sp3OFLgXMV7dV2xq8L9K9IUZvY5XAZi4wfms2U6K21PoHvnVfvchitXEorhH2O4K253RUTnIYt0Xv4ITanB6M4zPwm9GuBQ4GIEaloEmVJzvXM4JeqXaxWfYg7tCi9qIddqNZZg53yKEv2lLgkEWaDr6fERHfEnEL5/mA+uJzcLmTIJEsMNUl0t5AR7o+kR8jqTCa7nsjZS3nuCvg2DtwcpC3ftQzfgg1ODMRfBjt8eiP8ZLAE7HNDsRJPUKhYTmqy13osvJGm4H/gomsgh8Ksk2oGpM+kAHqAh0wmuitpSWO6SWer2NOX7vu8D2SouFCACSSVk3hgjmBllRp8Takhck6THTT9DZjVoMkPprfgmSE8igHzKNOJ//MX4X4rN6m0VF022lan02g4R11DNngDahqoPQe1YoZ31SRiKWN5fammqNgddMiRcNheAoXIbKGlKsoXo7w3daDjFDmNbOAiM+uJOONSbjoSIzEPI1owpyO0oL6twlAcSbI9zrTzKIePTdeaeZamOHe4zJtA06kTJ3J+BSF7vdCbKZ/swsbGZzyHZvCN9BrlzmN+vUVU2UsFq/CAcjJnVV5bcNpB2gCnPI9jILDquZ1rwflleQzwqx1ri8PJzh+4K3GnUcPsg32pSdfAJmYA+dPm+a61rBj0N3Z5ktio3Gu1uAqZ3IVW0R2Ar4GDwIiyp97jJ5MXLuzbn71IGvYT1fXrR545kvdp+p/pNB0nvyI7QiqR+A2UEZupLPmjOK/KIlg4On741U6xf3hj49Ha0e2bov3tVFd6oOx2uVvb9dlLeOTjxt1797XUvDBx+snTOv1Sk/2y0g7YRTCDNP2WIqSHhLqQCHQGnEuYmpHhhvFYBNHnV8UsUPJLpjjwYZNA8ZC+yv7Uxu5QiG/vMWOfNzzq9uH7XqFoyz3byRWUv1ClnNowsoqi+CYp248fhN0TC94YXrSkYyRod03dWkYOmpdOfUAetGWTiE7/CRomQYML+VG0kHOG5AjjpjjE0kAYMc7JubMsqZnK3GvqMQmNOHcR4u9t5Woai31t3xXxYVrcaZQXt+5cOWZZV7ZXp94Io6u1C5Q+rZzY+pP62YEdZEmpx6QcUb4ZnMJ2nXbs2uWtb+P57w6sSoYytQYnl62juhVEnT1e2HURtF0EbQnUBsrAD9AADglwhfgLHkWxX2TiMqPOeyQzftinXHjhbVwuJVIdiOY9fvBRstDzyh9Ys6B6W2h0HnvO85DbvMsa2xJhNPgiPzBkaN4W/NF+0PaOd/ug7Yz+DNfVp3/v5+Jx8yRdT3F5dLMorLXik6PrnhhYfKAxM/hyb0Oanycm3+86bHMPC6JyZfB8YJnN8sngi4xqqdq3nN0//vzOTNXq5YsR+g8984WfeNq1Us1qFEEQ/npnk0X8IQGJIjnUSRLYLLt7MMlFCHvNKRvMuTPTmZ1kdib0zAY3ePMFfAAvigi5+Ry+gA8iiOLFr3tbTFZWcnGgu76qrvqqpqoAPMQ3KMy+A3wMWOGBehRwAy31LOAIayoPuEmfdwEv4Z76HPAy7quvAbfwqvEz4BXcjd4EvIpG9J5sqnmH2gfP7LDCOn4E3CD/04AjtNXzgJtYV68DXsJj9SngZTxRXwJu4XtDBbyCtehlwKtoRm8xQIlzTGGRIcUINQRXPH100cMOtgLape0QBgVif9dBjxlTkCPnSckj2MCQNudzGeQmrS5PB22ifcYmxII9RuWUf3JXXjOUhvKCt/PEoDyf2iwd1XIl/W5vZ4vXrhyaIjZFTRmPijIv06lsDEemuOTZlEHZact+nXRkL8/FR1diTWXshUnIefNnhtCULv0Rtvk4ox7qopKjbbcNhhVOWK1mXTgw6STX9t8kMh91k1RuRfJXJS98Zyp2rKSbcDIdzqfPB2OrrCyk1+n2F3HOMzrC+aFmPrcOg0i9XvukbhhCbPmaUBv73zqjrcTJf1gPV7PL6PK4yGN6L6oq882IvaWm/0w/ZfOt9014x3yZta1yS/V7fbJKNBcjzaraWJNIbXVixtqeSXly6x3TRSJjPZVjc50qKyQ2ttaUpxObVUkW15xRtXD9rg8Hs3FxRr8ATJnl93jaY2BiAIP/zQxGDNiAKBAzMjAxMjG4MLgyuDN4MHgy+DD4MwQwhDGEM0QwxDAyM7IwsjKyMbKzl+ZlGhgYGHIlFhXllxdlpmeUgISM3AwcQbSJq6sziDY1cjQA0WZGhoYAgBwU3AAAAAEAAgAIAAr//wAPAAEAAAAMAAAAFgAAAAIAAQADABQAAQAEAAAAAgAAAAAAAAABAAAAANWkJwgAAAAA2Ac3gwAAAADY+IxB') format('woff');
  font-weight: normal;
  font-style: normal;
}
body {
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-medium);
  font-family: -apple-system, BlinkMacSystemFont, var(--td-font-family);
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
}
pre {
  font-family: var(--td-font-family);
}
ul,
dl,
li,
dd,
dt {
  margin: 0;
  padding: 0;
  list-style: none;
}
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
* {
  box-sizing: border-box;
}
.tdesign-wrapper[data-v-c0f93911] {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.header-user-btn {
&[data-v-747518d3] {
  display: flex;
  align-items: center;
  padding: 4px 12px;
}
.header-user-avatar[data-v-747518d3] {
    font-size: 20px;
    margin-right: 8px;
}
.header-user-account[data-v-747518d3] {
    margin: 0 4px;
    font-size: 14px;
    color: var(--td-text-color-primary);
}
}
.operations-dropdown-container-item {
&[data-v-747518d3] {
  width: 100%;
  display: flex;
  align-items: center;
}
.t-icon[data-v-747518d3] {
    font-size: var(--td-comp-size-xxxs);
    margin-right: var(--td-comp-margin-s);
}
}
/** 公共前缀 */
[data-v-e6382028]:root {
  --td-brand-color: #0052d9;
  --td-brand-color-hover: #266fe8;
  --td-brand-color-focus: #0045b6;
  --td-brand-color-active: #0037a6;
  --td-brand-color-disabled: #94b4eb;
  --td-brand-color-light: #e6eefb;
  --td-text-color-primary: rgba(0, 0, 0, 0.9);
  --td-text-color-secondary: rgba(0, 0, 0, 0.6);
  --td-text-color-placeholder: rgba(0, 0, 0, 0.4);
  --td-text-color-disabled: rgba(0, 0, 0, 0.26);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --td-bg-color-page: #f5f5f5;
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: #f5f5f5;
  --td-bg-color-container-active: #e6e6e6;
  --td-bg-color-container-select: #e2e8f3;
  --td-border-level-1-color: #e7e7e7;
  --td-component-stroke: #e7e7e7;
  --td-radius-small: 2px;
  --td-radius-medium: 3px;
  --td-radius-large: 6px;
  --td-radius-extraLarge: 9px;
  --td-radius-round: 999px;
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-comp-margin-xxs: 4px;
  --td-comp-margin-xs: 8px;
  --td-comp-margin-s: 12px;
  --td-comp-margin-l: 16px;
  --td-comp-margin-xl: 24px;
  --td-comp-margin-xxl: 32px;
  --td-comp-margin-xxxl: 48px;
  --td-comp-margin-xxxxl: 64px;
  --td-font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --td-font-family-medium: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.tdesign-starter-header-layout[data-v-e6382028] {
  height: 64px;
  padding: 0;
}
.tdesign-starter-header-menu[data-v-e6382028] {
  padding-right: var(--td-comp-margin-xl);
}
.tdesign-starter-header-menu-fixed[data-v-e6382028] {
  position: fixed;
  top: 0;
  z-index: 1001;
}
.tdesign-starter-header-menu-fixed[data-v-e6382028] .t-head-menu__inner {
  padding-right: var(--td-comp-margin-xl);
}
.tdesign-starter-header-menu-fixed-side[data-v-e6382028] {
  left: 232px;
  right: 0;
  z-index: 10;
  width: auto;
  transition: all 0.3s;
  border-bottom: 1px solid var(--td-component-stroke);
}
.header-logo-container[data-v-e6382028] {
  cursor: pointer;
  display: inline-flex;
  margin-left: 24px;
}
.header-logo-container .title[data-v-e6382028] {
  font-size: var(--td-font-size-l);
  color: var(--td-text-color-primary);
}
.operations-container[data-v-e6382028] {
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.header-user-btn[data-v-e6382028] {
  display: flex;
  align-items: center;
  padding: 4px 12px;
}
.header-user-btn .header-user-avatar[data-v-e6382028] {
  font-size: 20px;
  margin-right: 8px;
}
.header-user-btn .header-user-account[data-v-e6382028] {
  margin: 0 4px;
  font-size: 14px;
  color: var(--td-text-color-primary);
}
.operations-dropdown-container-item[data-v-e6382028] {
  width: 100%;
  display: flex;
  align-items: center;
}
.operations-dropdown-container-item[data-v-e6382028] .t-dropdown__item-text {
  display: flex;
  align-items: center;
}
.operations-dropdown-container-item .t-icon[data-v-e6382028] {
  font-size: var(--td-comp-size-xxxs);
  margin-right: var(--td-comp-margin-s);
}
.t-menu--light .header-user-account[data-v-e6382028] {
  color: var(--td-text-color-primary);
}
.t-menu--dark[data-v-e6382028] .t-head-menu__inner {
  border-bottom: 1px solid var(--td-gray-color-10);
}
.t-menu--dark .header-user-account[data-v-e6382028] {
  color: rgba(255, 255, 255, 0.55);
}
/** 公共前缀 */
[data-v-129e5776]:root {
  --td-brand-color: #0052d9;
  --td-brand-color-hover: #266fe8;
  --td-brand-color-focus: #0045b6;
  --td-brand-color-active: #0037a6;
  --td-brand-color-disabled: #94b4eb;
  --td-brand-color-light: #e6eefb;
  --td-text-color-primary: rgba(0, 0, 0, 0.9);
  --td-text-color-secondary: rgba(0, 0, 0, 0.6);
  --td-text-color-placeholder: rgba(0, 0, 0, 0.4);
  --td-text-color-disabled: rgba(0, 0, 0, 0.26);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --td-bg-color-page: #f5f5f5;
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: #f5f5f5;
  --td-bg-color-container-active: #e6e6e6;
  --td-bg-color-container-select: #e2e8f3;
  --td-border-level-1-color: #e7e7e7;
  --td-component-stroke: #e7e7e7;
  --td-radius-small: 2px;
  --td-radius-medium: 3px;
  --td-radius-large: 6px;
  --td-radius-extraLarge: 9px;
  --td-radius-round: 999px;
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-comp-margin-xxs: 4px;
  --td-comp-margin-xs: 8px;
  --td-comp-margin-s: 12px;
  --td-comp-margin-l: 16px;
  --td-comp-margin-xl: 24px;
  --td-comp-margin-xxl: 32px;
  --td-comp-margin-xxxl: 48px;
  --td-comp-margin-xxxxl: 64px;
  --td-font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --td-font-family-medium: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
@font-face {
  font-family: 'TencentSansW7';
  src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAusAA4AAAAAEJQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALkAAAABwAAAAchqPqzUdERUYAAAtwAAAAHgAAAB4AKQAbT1MvMgAAAbgAAABZAAAAYGmceoNjbWFwAAACYAAAAJcAAAHsPmfPZmdhc3AAAAtkAAAADAAAAAwACAAbZ2x5ZgAAAywAAAW8AAAG/Ivn/ztoZWFkAAABRAAAADYAAAA2E+AL5GhoZWEAAAF8AAAAIAAAACQIawJ9aG10eAAAAhQAAABMAAAATCG/Auxsb2NhAAADAAAAACwAAAAsDjIQIm1heHAAAAGcAAAAGgAAACAAfgBDbmFtZQAACOgAAAIUAAAEm0zGvtJwb3N0AAAK/AAAAGYAAAB/4wuGdnByZXAAAAL4AAAACAAAAAhwAgESAAEAAAABBR/xlpGAXw889QALA+gAAAAA2Ac3gwAAAADY+IxB//L/HAPPAwAAAAAIAAIAAAAAAAB42mNgZGBgWf7vFAMD84v/n/7vZD7PABRBAYIAwxQH7XjaY2BkYGAQZXBiYGEAAUYGGEiBUAAMEQDCAAB42mNgYepm2sPAysDA1MUUwcDA4A2hGeMYjBjNgKI8HMxMTCz8TCwLGJj2CzCAgRiI8PX382d0YGBMEmQ2+u/FcIJlOVA9CwMjSI6JlekwkFJgYAQAR1kL+QAAAAJYAHYAAAAAAU0AAAEEAAACUAAhAlYAFQJUACACKgAdAZUANgEUABUBYAAkA5wAFQINABsBqAA0AnAAKgJYACoD6ACF//YANP/yACN42mNgYGBmgGAZBkYGEHgG5DGC+SwMp4C0HIMAUISPQYEhiSGNIZMhl6GUoZJhgeIkfS6/N4GpQQuSBP//B+tMZEgByucwFGOT/7/4/6L/C/7P+z/z/7T/yffqLrJvVFu3Zm3xPJBtcgz4ADPFkIGRDWgMIcBAIWBhZWBj52Bg4GRg4OIGi/Dw8gFJfgYqA/JcCgA99Se8ALgB/4W4AAGNAAAAFAAUABQAFABSAIIAsgD6ASIBOAFYAYIBxgHwAhQCRAJaAogCygMYA3542k1Ua2xTZRj+LmtP23Vdz2lPz3pZb2dr1+u2nq2H0d3Z2OhI5mC4AZMBo0gM98E0oRn1AqgoIYDG4BAkakDkJ4iyiCZGAiISUH8YjIQfEhNUMCoJrme+bTfkx/nxveec53ne533eDxE0Nn0V/0V2I4oYhATWw1ZKrDiGx5Vfzp6NkXPZ7mH8ECGCPNNXiZWokANVIYRjFt7MUI83iuvrWnAzTWA5Xl/nC2G/SZJFr7oUq3mzBaf7F5S0Kt+F59i1aq0j0tbwJmXcwUtsz3HHhEtQaYr0RFUbL0sqB8yRClvcG2uwa7hKg4VLKdFjZmeEN5SwwM0Dd4DcRaXAXuAuxQYqekwSIxRoqRRrxjLevrK/RNCUhXt7lYevpQMf6StjW1sz/gCrIqqm+Z7krsjCmJU67/zexrvMykE+CniA7wb8oUf4EhW9vtm2qGQSvQY808+t9Ov/5ih0zlhfyytfbGodd/ht2rJiH7k7dTtP0NQTYpUo3qDzSnsSVpc5j18O+DzRIzeqyel34nwDOISZHGoCM6I3SvKMRJppKM8pxeIy3tbU4S4y6Oc231Sp3OFLgXMV7dV2xq8L9K9IUZvY5XAZi4wfms2U6K21PoHvnVfvchitXEorhH2O4K253RUTnIYt0Xv4ITanB6M4zPwm9GuBQ4GIEaloEmVJzvXM4JeqXaxWfYg7tCi9qIddqNZZg53yKEv2lLgkEWaDr6fERHfEnEL5/mA+uJzcLmTIJEsMNUl0t5AR7o+kR8jqTCa7nsjZS3nuCvg2DtwcpC3ftQzfgg1ODMRfBjt8eiP8ZLAE7HNDsRJPUKhYTmqy13osvJGm4H/gomsgh8Ksk2oGpM+kAHqAh0wmuitpSWO6SWer2NOX7vu8D2SouFCACSSVk3hgjmBllRp8Takhck6THTT9DZjVoMkPprfgmSE8igHzKNOJ//MX4X4rN6m0VF022lan02g4R11DNngDahqoPQe1YoZ31SRiKWN5fammqNgddMiRcNheAoXIbKGlKsoXo7w3daDjFDmNbOAiM+uJOONSbjoSIzEPI1owpyO0oL6twlAcSbI9zrTzKIePTdeaeZamOHe4zJtA06kTJ3J+BSF7vdCbKZ/swsbGZzyHZvCN9BrlzmN+vUVU2UsFq/CAcjJnVV5bcNpB2gCnPI9jILDquZ1rwflleQzwqx1ri8PJzh+4K3GnUcPsg32pSdfAJmYA+dPm+a61rBj0N3Z5ktio3Gu1uAqZ3IVW0R2Ar4GDwIiyp97jJ5MXLuzbn71IGvYT1fXrR545kvdp+p/pNB0nvyI7QiqR+A2UEZupLPmjOK/KIlg4On741U6xf3hj49Ha0e2bov3tVFd6oOx2uVvb9dlLeOTjxt1797XUvDBx+snTOv1Sk/2y0g7YRTCDNP2WIqSHhLqQCHQGnEuYmpHhhvFYBNHnV8UsUPJLpjjwYZNA8ZC+yv7Uxu5QiG/vMWOfNzzq9uH7XqFoyz3byRWUv1ClnNowsoqi+CYp248fhN0TC94YXrSkYyRod03dWkYOmpdOfUAetGWTiE7/CRomQYML+VG0kHOG5AjjpjjE0kAYMc7JubMsqZnK3GvqMQmNOHcR4u9t5Woai31t3xXxYVrcaZQXt+5cOWZZV7ZXp94Io6u1C5Q+rZzY+pP62YEdZEmpx6QcUb4ZnMJ2nXbs2uWtb+P57w6sSoYytQYnl62juhVEnT1e2HURtF0EbQnUBsrAD9AADglwhfgLHkWxX2TiMqPOeyQzftinXHjhbVwuJVIdiOY9fvBRstDzyh9Ys6B6W2h0HnvO85DbvMsa2xJhNPgiPzBkaN4W/NF+0PaOd/ug7Yz+DNfVp3/v5+Jx8yRdT3F5dLMorLXik6PrnhhYfKAxM/hyb0Oanycm3+86bHMPC6JyZfB8YJnN8sngi4xqqdq3nN0//vzOTNXq5YsR+g8984WfeNq1Us1qFEEQ/npnk0X8IQGJIjnUSRLYLLt7MMlFCHvNKRvMuTPTmZ1kdib0zAY3ePMFfAAvigi5+Ry+gA8iiOLFr3tbTFZWcnGgu76qrvqqpqoAPMQ3KMy+A3wMWOGBehRwAy31LOAIayoPuEmfdwEv4Z76HPAy7quvAbfwqvEz4BXcjd4EvIpG9J5sqnmH2gfP7LDCOn4E3CD/04AjtNXzgJtYV68DXsJj9SngZTxRXwJu4XtDBbyCtehlwKtoRm8xQIlzTGGRIcUINQRXPH100cMOtgLape0QBgVif9dBjxlTkCPnSckj2MCQNudzGeQmrS5PB22ifcYmxII9RuWUf3JXXjOUhvKCt/PEoDyf2iwd1XIl/W5vZ4vXrhyaIjZFTRmPijIv06lsDEemuOTZlEHZact+nXRkL8/FR1diTWXshUnIefNnhtCULv0Rtvk4ox7qopKjbbcNhhVOWK1mXTgw6STX9t8kMh91k1RuRfJXJS98Zyp2rKSbcDIdzqfPB2OrrCyk1+n2F3HOMzrC+aFmPrcOg0i9XvukbhhCbPmaUBv73zqjrcTJf1gPV7PL6PK4yGN6L6oq882IvaWm/0w/ZfOt9014x3yZta1yS/V7fbJKNBcjzaraWJNIbXVixtqeSXly6x3TRSJjPZVjc50qKyQ2ttaUpxObVUkW15xRtXD9rg8Hs3FxRr8ATJnl93jaY2BiAIP/zQxGDNiAKBAzMjAxMjG4MLgyuDN4MHgy+DD4MwQwhDGEM0QwxDAyM7IwsjKyMbKzl+ZlGhgYGHIlFhXllxdlpmeUgISM3AwcQbSJq6sziDY1cjQA0WZGhoYAgBwU3AAAAAEAAgAIAAr//wAPAAEAAAAMAAAAFgAAAAIAAQADABQAAQAEAAAAAgAAAAAAAAABAAAAANWkJwgAAAAA2Ac3gwAAAADY+IxB') format('woff');
  font-weight: normal;
  font-style: normal;
}
.t-layout__sider[data-v-129e5776] {
  width: fit-content;
}
.t-button + .t-button[data-v-129e5776] {
  margin-left: var(--td-comp-margin-s);
}
.t-transfer .t-button + .t-button[data-v-129e5776],
.t-jumper .t-button + .t-button[data-v-129e5776],
.t-pagination-mini .t-button + .t-button[data-v-129e5776] {
  margin-left: 0;
}
.tdesign-starter-link[data-v-129e5776] {
  color: var(--td-brand-color);
  text-decoration: none;
  margin-right: 24px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.left-operation-container .t-button + .t-button[data-v-129e5776],
.operation-container .t-button + .t-button[data-v-129e5776] {
  margin-left: var(--td-comp-margin-s);
}
.t-layout.t-layout--with-sider > .t-layout[data-v-129e5776] {
  flex: 1;
  min-width: 760px;
}
.t-menu--dark .t-menu__operations .t-icon[data-v-129e5776] {
  color: rgba(255, 255, 255, 0.55);
}
.t-menu--dark .t-menu__operations .t-icon[data-v-129e5776]:hover {
  cursor: pointer;
}
.t-default-menu.t-menu--dark[data-v-129e5776] {
  background: var(--td-gray-color-13);
}
.tdesign-starter-wrapper[data-v-129e5776] {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.tdesign-starter-main-wrapper[data-v-129e5776] {
  height: 500px;
  overflow: scroll;
}
.tdesign-starter-side-nav-layout-relative[data-v-129e5776] {
  height: 100%;
}
.tdesign-starter-content-layout[data-v-129e5776] {
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xl);
}
.tdesign-starter-layout[data-v-129e5776] {
  height: calc(100vh - var(--td-comp-size-xxxl));
  overflow-y: scroll;
}
.tdesign-starter-layout-tabs-nav[data-v-129e5776] {
  max-width: 100%;
  position: fixed;
  overflow: visible;
  z-index: 100;
}
.tdesign-starter-layout-tabs-nav + .tdesign-starter-content-layout[data-v-129e5776] {
  padding-top: var(--td-comp-paddingTB-xxl);
}
.tdesign-starter-layout[data-v-129e5776]::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.tdesign-starter-layout[data-v-129e5776]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
}
.tdesign-starter-footer-layout[data-v-129e5776] {
  padding: 0;
  margin-bottom: var(--td-comp-margin-xxl);
}
.tdesign-starter-sidebar-layout[data-v-129e5776] {
  height: 100%;
}
.tdesign-starter-sidebar-compact[data-v-129e5776] {
  width: 64px;
}
.tdesign-starter-sidebar-layout-side[data-v-129e5776] {
  z-index: 100;
}
.tdesign-starter-side-nav[data-v-129e5776] {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 200;
  transition: all 0.3s;
  min-height: 100%;
}
.tdesign-starter-side-nav-mix[data-v-129e5776] {
  top: var(--td-comp-size-xxxl);
}
.tdesign-starter-side-nav-mix-fixed[data-v-129e5776] {
  top: var(--td-comp-size-xxxl);
  z-index: 0;
}
.tdesign-starter-side-nav-no-fixed[data-v-129e5776] {
  position: relative;
  z-index: 1;
}
.tdesign-starter-side-nav-no-logo[data-v-129e5776] {
  z-index: 1;
}
.tdesign-starter-side-nav-logo-wrapper[data-v-129e5776] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.tdesign-starter-side-nav-logo-wrapper[data-v-129e5776]:hover {
  cursor: pointer;
}
.tdesign-starter-side-nav-logo-t-logo[data-v-129e5776] {
  height: var(--td-comp-size-s);
  width: 100%;
}
.tdesign-starter-side-nav-logo-tdesign-logo[data-v-129e5776] {
  margin-right: var(--td-comp-margin-xxxl);
  height: var(--td-comp-size-s);
  width: 100%;
  color: var(--td-text-color-primary);
}
.tdesign-starter-side-nav-logo-normal[data-v-129e5776] {
  color: var(--td-brand-color);
  font: var(--td-font-body-large);
  transition: all 0.3s;
}
.tdesign-starter-side-nav-dark[data-v-129e5776] {
  color: var(--td-font-white-1) !important;
}
.tdesign-starter-side-nav-placeholder[data-v-129e5776] {
  flex: 1 1 232px;
  min-width: 232px;
  transition: all 0.3s;
}
.tdesign-starter-side-nav-placeholder-hidden[data-v-129e5776] {
  flex: 1 1 72px;
  min-width: 72px;
  transition: all 0.3s;
}
.route-tabs-dropdown .t-icon[data-v-129e5776] {
  margin-right: 8px;
}
.logo-container[data-v-129e5776] {
  cursor: pointer;
  display: inline-flex;
  margin-left: 24px;
}
.version-container[data-v-129e5776] {
  color: var(--td-text-color-primary);
  opacity: 0.4;
}
.t-menu__popup[data-v-129e5776] {
  z-index: 1000;
}
.container-base-margin-top[data-v-129e5776] {
  margin-top: 16px;
}
.side-nav-logo[data-v-129e5776] {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--td-component-stroke);
}
.side-nav-logo .logo-text[data-v-129e5776] {
  color: var(--td-text-color-primary);
  font-size: 20px;
}
.tdesign-starter-side-nav[data-v-129e5776] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  transition: all 0.3s;
  min-height: 100%;
  width: 232px;
}
.tdesign-starter-side-nav[data-v-129e5776] .t-menu {
  height: 100%;
  border-right: 1px solid var(--td-component-border);
}
.tdesign-starter-side-nav[data-v-129e5776] .t-icon {
  font-size: 20px;
}
.tdesign-starter-sidebar-layout[data-v-129e5776] {
  height: 100vh;
  width: 232px;
}
/** 公共前缀 */
[data-v-96e25778]:root {
  --td-brand-color: #0052d9;
  --td-brand-color-hover: #266fe8;
  --td-brand-color-focus: #0045b6;
  --td-brand-color-active: #0037a6;
  --td-brand-color-disabled: #94b4eb;
  --td-brand-color-light: #e6eefb;
  --td-text-color-primary: rgba(0, 0, 0, 0.9);
  --td-text-color-secondary: rgba(0, 0, 0, 0.6);
  --td-text-color-placeholder: rgba(0, 0, 0, 0.4);
  --td-text-color-disabled: rgba(0, 0, 0, 0.26);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --td-bg-color-page: #f5f5f5;
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: #f5f5f5;
  --td-bg-color-container-active: #e6e6e6;
  --td-bg-color-container-select: #e2e8f3;
  --td-border-level-1-color: #e7e7e7;
  --td-component-stroke: #e7e7e7;
  --td-radius-small: 2px;
  --td-radius-medium: 3px;
  --td-radius-large: 6px;
  --td-radius-extraLarge: 9px;
  --td-radius-round: 999px;
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-comp-margin-xxs: 4px;
  --td-comp-margin-xs: 8px;
  --td-comp-margin-s: 12px;
  --td-comp-margin-l: 16px;
  --td-comp-margin-xl: 24px;
  --td-comp-margin-xxl: 32px;
  --td-comp-margin-xxxl: 48px;
  --td-comp-margin-xxxxl: 64px;
  --td-font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --td-font-family-medium: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.tdesign-starter-footer[data-v-96e25778] {
  padding: 16px;
  text-align: center;
  background: var(--td-bg-color-container);
  color: var(--td-text-color-placeholder);
  line-height: 20px;
  border-top: 1px solid var(--td-component-stroke);
}
.aside-nav[data-v-546de963] {
  position: fixed;
  width: 16.25rem;
  height: 16.25rem;
  -webkit-filter: url(#goo);
  filter: url(#goo);
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.75;
  z-index: 1000;
  cursor: move;
  /* 添加移动光标 */
}
.aside-nav.no-filter[data-v-546de963] {
  -webkit-filter: none;
  filter: none;
}
.aside-nav .aside-menu[data-v-546de963] {
  position: absolute;
  width: 4.375rem;
  height: 4.375rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fc5a04;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  line-height: 4.375rem;
  color: #fff;
  font-size: 1rem;
  z-index: 1;
  cursor: move;
  font-weight: 500;
}
.aside-nav .menu-item[data-v-546de963] {
  position: absolute;
  width: 3.75rem;
  height: 3.75rem;
  background-color: #fc5a04;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  line-height: 3.75rem;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background 0.5s, -webkit-transform 0.6s;
  transition: background 0.5s, -webkit-transform 0.6s;
  -moz-transition: transform 0.6s, background 0.5s, -moz-transform 0.6s;
  transition: transform 0.6s, background 0.5s;
  transition: transform 0.6s, background 0.5s, -webkit-transform 0.6s, -moz-transform 0.6s;
  font-size: 0.875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.aside-nav .menu-item[data-v-546de963]:hover:not(.disabled) {
  background: #28ce52;
}
.aside-nav .menu-item.disabled[data-v-546de963] {
  background-color: #ccc;
  cursor: not-allowed;
  opacity: 0.7;
}
.aside-nav .menu-line[data-v-546de963] {
  line-height: 3.75rem;
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aside-nav[data-v-546de963]:hover {
  opacity: 1;
}
.aside-nav:hover .aside-menu[data-v-546de963] {
  -webkit-animation: jello-546de963 1s;
  -moz-animation: jello-546de963 1s;
  animation: jello-546de963 1s;
}
.aside-nav:hover .menu-first[data-v-546de963] {
  -webkit-transform: translate3d(0, -135%, 0);
  -moz-transform: translate3d(0, -135%, 0);
  transform: translate3d(0, -135%, 0);
}
.aside-nav:hover .menu-second[data-v-546de963] {
  -webkit-transform: translate3d(-120%, -70%, 0);
  -moz-transform: translate3d(-120%, -70%, 0);
  transform: translate3d(-120%, -70%, 0);
}
.aside-nav:hover .menu-third[data-v-546de963] {
  -webkit-transform: translate3d(-120%, 70%, 0);
  -moz-transform: translate3d(-120%, 70%, 0);
  transform: translate3d(-120%, 70%, 0);
}
@-webkit-keyframes jello-546de963 {
from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-0.7813deg) skewY(-0.7813deg);
    -moz-transform: skewX(-0.7813deg) skewY(-0.7813deg);
    transform: skewX(-0.7813deg) skewY(-0.7813deg);
}
77.7% {
    -webkit-transform: skewX(0.3906deg) skewY(0.3906deg);
    -moz-transform: skewX(0.3906deg) skewY(0.3906deg);
    transform: skewX(0.3906deg) skewY(0.3906deg);
}
88.8% {
    -webkit-transform: skewX(-0.1953deg) skewY(-0.1953deg);
    -moz-transform: skewX(-0.1953deg) skewY(-0.1953deg);
    transform: skewX(-0.1953deg) skewY(-0.1953deg);
}
}
@-moz-keyframes jello-546de963 {
from,
  11.1%,
  to {
    -moz-transform: none;
    transform: none;
}
22.2% {
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -moz-transform: skewX(-0.7813deg) skewY(-0.7813deg);
    transform: skewX(-0.7813deg) skewY(-0.7813deg);
}
77.7% {
    -moz-transform: skewX(0.3906deg) skewY(0.3906deg);
    transform: skewX(0.3906deg) skewY(0.3906deg);
}
88.8% {
    -moz-transform: skewX(-0.1953deg) skewY(-0.1953deg);
    transform: skewX(-0.1953deg) skewY(-0.1953deg);
}
}
@keyframes jello-546de963 {
from,
  11.1%,
  to {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-0.7813deg) skewY(-0.7813deg);
    -moz-transform: skewX(-0.7813deg) skewY(-0.7813deg);
    transform: skewX(-0.7813deg) skewY(-0.7813deg);
}
77.7% {
    -webkit-transform: skewX(0.3906deg) skewY(0.3906deg);
    -moz-transform: skewX(0.3906deg) skewY(0.3906deg);
    transform: skewX(0.3906deg) skewY(0.3906deg);
}
88.8% {
    -webkit-transform: skewX(-0.1953deg) skewY(-0.1953deg);
    -moz-transform: skewX(-0.1953deg) skewY(-0.1953deg);
    transform: skewX(-0.1953deg) skewY(-0.1953deg);
}
}
@media screen and (max-width: 40rem) {
.aside-nav[data-v-546de963] {
    display: none !important;
}
}
.loading-content[data-v-546de963] {
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  background: white;
  border-radius: 0.5rem;
}
.loading-content .loading-text[data-v-546de963] {
  margin-left: 0.75rem;
  color: #333;
  font-size: 0.875rem;
}
[data-v-546de963] .t-dialog {
  border-radius: 0.5rem;
  overflow: hidden;
}
[data-v-546de963] .t-dialog__body {
  padding: 0;
}
/** 公共前缀 */
[data-v-f2d8ac4b]:root {
  --td-brand-color: #0052d9;
  --td-brand-color-hover: #266fe8;
  --td-brand-color-focus: #0045b6;
  --td-brand-color-active: #0037a6;
  --td-brand-color-disabled: #94b4eb;
  --td-brand-color-light: #e6eefb;
  --td-text-color-primary: rgba(0, 0, 0, 0.9);
  --td-text-color-secondary: rgba(0, 0, 0, 0.6);
  --td-text-color-placeholder: rgba(0, 0, 0, 0.4);
  --td-text-color-disabled: rgba(0, 0, 0, 0.26);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --td-bg-color-page: #f5f5f5;
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: #f5f5f5;
  --td-bg-color-container-active: #e6e6e6;
  --td-bg-color-container-select: #e2e8f3;
  --td-border-level-1-color: #e7e7e7;
  --td-component-stroke: #e7e7e7;
  --td-radius-small: 2px;
  --td-radius-medium: 3px;
  --td-radius-large: 6px;
  --td-radius-extraLarge: 9px;
  --td-radius-round: 999px;
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-comp-margin-xxs: 4px;
  --td-comp-margin-xs: 8px;
  --td-comp-margin-s: 12px;
  --td-comp-margin-l: 16px;
  --td-comp-margin-xl: 24px;
  --td-comp-margin-xxl: 32px;
  --td-comp-margin-xxxl: 48px;
  --td-comp-margin-xxxxl: 64px;
  --td-font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --td-font-family-medium: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
@font-face {
  font-family: 'TencentSansW7';
  src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAusAA4AAAAAEJQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALkAAAABwAAAAchqPqzUdERUYAAAtwAAAAHgAAAB4AKQAbT1MvMgAAAbgAAABZAAAAYGmceoNjbWFwAAACYAAAAJcAAAHsPmfPZmdhc3AAAAtkAAAADAAAAAwACAAbZ2x5ZgAAAywAAAW8AAAG/Ivn/ztoZWFkAAABRAAAADYAAAA2E+AL5GhoZWEAAAF8AAAAIAAAACQIawJ9aG10eAAAAhQAAABMAAAATCG/Auxsb2NhAAADAAAAACwAAAAsDjIQIm1heHAAAAGcAAAAGgAAACAAfgBDbmFtZQAACOgAAAIUAAAEm0zGvtJwb3N0AAAK/AAAAGYAAAB/4wuGdnByZXAAAAL4AAAACAAAAAhwAgESAAEAAAABBR/xlpGAXw889QALA+gAAAAA2Ac3gwAAAADY+IxB//L/HAPPAwAAAAAIAAIAAAAAAAB42mNgZGBgWf7vFAMD84v/n/7vZD7PABRBAYIAwxQH7XjaY2BkYGAQZXBiYGEAAUYGGEiBUAAMEQDCAAB42mNgYepm2sPAysDA1MUUwcDA4A2hGeMYjBjNgKI8HMxMTCz8TCwLGJj2CzCAgRiI8PX382d0YGBMEmQ2+u/FcIJlOVA9CwMjSI6JlekwkFJgYAQAR1kL+QAAAAJYAHYAAAAAAU0AAAEEAAACUAAhAlYAFQJUACACKgAdAZUANgEUABUBYAAkA5wAFQINABsBqAA0AnAAKgJYACoD6ACF//YANP/yACN42mNgYGBmgGAZBkYGEHgG5DGC+SwMp4C0HIMAUISPQYEhiSGNIZMhl6GUoZJhgeIkfS6/N4GpQQuSBP//B+tMZEgByucwFGOT/7/4/6L/C/7P+z/z/7T/yffqLrJvVFu3Zm3xPJBtcgz4ADPFkIGRDWgMIcBAIWBhZWBj52Bg4GRg4OIGi/Dw8gFJfgYqA/JcCgA99Se8ALgB/4W4AAGNAAAAFAAUABQAFABSAIIAsgD6ASIBOAFYAYIBxgHwAhQCRAJaAogCygMYA3542k1Ua2xTZRj+LmtP23Vdz2lPz3pZb2dr1+u2nq2H0d3Z2OhI5mC4AZMBo0gM98E0oRn1AqgoIYDG4BAkakDkJ4iyiCZGAiISUH8YjIQfEhNUMCoJrme+bTfkx/nxveec53ne533eDxE0Nn0V/0V2I4oYhATWw1ZKrDiGx5Vfzp6NkXPZ7mH8ECGCPNNXiZWokANVIYRjFt7MUI83iuvrWnAzTWA5Xl/nC2G/SZJFr7oUq3mzBaf7F5S0Kt+F59i1aq0j0tbwJmXcwUtsz3HHhEtQaYr0RFUbL0sqB8yRClvcG2uwa7hKg4VLKdFjZmeEN5SwwM0Dd4DcRaXAXuAuxQYqekwSIxRoqRRrxjLevrK/RNCUhXt7lYevpQMf6StjW1sz/gCrIqqm+Z7krsjCmJU67/zexrvMykE+CniA7wb8oUf4EhW9vtm2qGQSvQY808+t9Ov/5ih0zlhfyytfbGodd/ht2rJiH7k7dTtP0NQTYpUo3qDzSnsSVpc5j18O+DzRIzeqyel34nwDOISZHGoCM6I3SvKMRJppKM8pxeIy3tbU4S4y6Oc231Sp3OFLgXMV7dV2xq8L9K9IUZvY5XAZi4wfms2U6K21PoHvnVfvchitXEorhH2O4K253RUTnIYt0Xv4ITanB6M4zPwm9GuBQ4GIEaloEmVJzvXM4JeqXaxWfYg7tCi9qIddqNZZg53yKEv2lLgkEWaDr6fERHfEnEL5/mA+uJzcLmTIJEsMNUl0t5AR7o+kR8jqTCa7nsjZS3nuCvg2DtwcpC3ftQzfgg1ODMRfBjt8eiP8ZLAE7HNDsRJPUKhYTmqy13osvJGm4H/gomsgh8Ksk2oGpM+kAHqAh0wmuitpSWO6SWer2NOX7vu8D2SouFCACSSVk3hgjmBllRp8Takhck6THTT9DZjVoMkPprfgmSE8igHzKNOJ//MX4X4rN6m0VF022lan02g4R11DNngDahqoPQe1YoZ31SRiKWN5fammqNgddMiRcNheAoXIbKGlKsoXo7w3daDjFDmNbOAiM+uJOONSbjoSIzEPI1owpyO0oL6twlAcSbI9zrTzKIePTdeaeZamOHe4zJtA06kTJ3J+BSF7vdCbKZ/swsbGZzyHZvCN9BrlzmN+vUVU2UsFq/CAcjJnVV5bcNpB2gCnPI9jILDquZ1rwflleQzwqx1ri8PJzh+4K3GnUcPsg32pSdfAJmYA+dPm+a61rBj0N3Z5ktio3Gu1uAqZ3IVW0R2Ar4GDwIiyp97jJ5MXLuzbn71IGvYT1fXrR545kvdp+p/pNB0nvyI7QiqR+A2UEZupLPmjOK/KIlg4On741U6xf3hj49Ha0e2bov3tVFd6oOx2uVvb9dlLeOTjxt1797XUvDBx+snTOv1Sk/2y0g7YRTCDNP2WIqSHhLqQCHQGnEuYmpHhhvFYBNHnV8UsUPJLpjjwYZNA8ZC+yv7Uxu5QiG/vMWOfNzzq9uH7XqFoyz3byRWUv1ClnNowsoqi+CYp248fhN0TC94YXrSkYyRod03dWkYOmpdOfUAetGWTiE7/CRomQYML+VG0kHOG5AjjpjjE0kAYMc7JubMsqZnK3GvqMQmNOHcR4u9t5Woai31t3xXxYVrcaZQXt+5cOWZZV7ZXp94Io6u1C5Q+rZzY+pP62YEdZEmpx6QcUb4ZnMJ2nXbs2uWtb+P57w6sSoYytQYnl62juhVEnT1e2HURtF0EbQnUBsrAD9AADglwhfgLHkWxX2TiMqPOeyQzftinXHjhbVwuJVIdiOY9fvBRstDzyh9Ys6B6W2h0HnvO85DbvMsa2xJhNPgiPzBkaN4W/NF+0PaOd/ug7Yz+DNfVp3/v5+Jx8yRdT3F5dLMorLXik6PrnhhYfKAxM/hyb0Oanycm3+86bHMPC6JyZfB8YJnN8sngi4xqqdq3nN0//vzOTNXq5YsR+g8984WfeNq1Us1qFEEQ/npnk0X8IQGJIjnUSRLYLLt7MMlFCHvNKRvMuTPTmZ1kdib0zAY3ePMFfAAvigi5+Ry+gA8iiOLFr3tbTFZWcnGgu76qrvqqpqoAPMQ3KMy+A3wMWOGBehRwAy31LOAIayoPuEmfdwEv4Z76HPAy7quvAbfwqvEz4BXcjd4EvIpG9J5sqnmH2gfP7LDCOn4E3CD/04AjtNXzgJtYV68DXsJj9SngZTxRXwJu4XtDBbyCtehlwKtoRm8xQIlzTGGRIcUINQRXPH100cMOtgLape0QBgVif9dBjxlTkCPnSckj2MCQNudzGeQmrS5PB22ifcYmxII9RuWUf3JXXjOUhvKCt/PEoDyf2iwd1XIl/W5vZ4vXrhyaIjZFTRmPijIv06lsDEemuOTZlEHZact+nXRkL8/FR1diTWXshUnIefNnhtCULv0Rtvk4ox7qopKjbbcNhhVOWK1mXTgw6STX9t8kMh91k1RuRfJXJS98Zyp2rKSbcDIdzqfPB2OrrCyk1+n2F3HOMzrC+aFmPrcOg0i9XvukbhhCbPmaUBv73zqjrcTJf1gPV7PL6PK4yGN6L6oq882IvaWm/0w/ZfOt9014x3yZta1yS/V7fbJKNBcjzaraWJNIbXVixtqeSXly6x3TRSJjPZVjc50qKyQ2ttaUpxObVUkW15xRtXD9rg8Hs3FxRr8ATJnl93jaY2BiAIP/zQxGDNiAKBAzMjAxMjG4MLgyuDN4MHgy+DD4MwQwhDGEM0QwxDAyM7IwsjKyMbKzl+ZlGhgYGHIlFhXllxdlpmeUgISM3AwcQbSJq6sziDY1cjQA0WZGhoYAgBwU3AAAAAEAAgAIAAr//wAPAAEAAAAMAAAAFgAAAAIAAQADABQAAQAEAAAAAgAAAAAAAAABAAAAANWkJwgAAAAA2Ac3gwAAAADY+IxB') format('woff');
  font-weight: normal;
  font-style: normal;
}
.t-layout__sider[data-v-f2d8ac4b] {
  width: fit-content;
}
.t-button + .t-button[data-v-f2d8ac4b] {
  margin-left: var(--td-comp-margin-s);
}
.t-transfer .t-button + .t-button[data-v-f2d8ac4b],
.t-jumper .t-button + .t-button[data-v-f2d8ac4b],
.t-pagination-mini .t-button + .t-button[data-v-f2d8ac4b] {
  margin-left: 0;
}
.tdesign-starter-link[data-v-f2d8ac4b] {
  color: var(--td-brand-color);
  text-decoration: none;
  margin-right: 24px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.left-operation-container .t-button + .t-button[data-v-f2d8ac4b],
.operation-container .t-button + .t-button[data-v-f2d8ac4b] {
  margin-left: var(--td-comp-margin-s);
}
.t-layout.t-layout--with-sider > .t-layout[data-v-f2d8ac4b] {
  flex: 1;
  min-width: 760px;
}
.t-menu--dark .t-menu__operations .t-icon[data-v-f2d8ac4b] {
  color: rgba(255, 255, 255, 0.55);
}
.t-menu--dark .t-menu__operations .t-icon[data-v-f2d8ac4b]:hover {
  cursor: pointer;
}
.t-default-menu.t-menu--dark[data-v-f2d8ac4b] {
  background: var(--td-gray-color-13);
}
.tdesign-starter-wrapper[data-v-f2d8ac4b] {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.tdesign-starter-main-wrapper[data-v-f2d8ac4b] {
  height: 500px;
  overflow: scroll;
}
.tdesign-starter-side-nav-layout-relative[data-v-f2d8ac4b] {
  height: 100%;
}
.tdesign-starter-content-layout[data-v-f2d8ac4b] {
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xl);
}
.tdesign-starter-layout[data-v-f2d8ac4b] {
  height: calc(100vh - var(--td-comp-size-xxxl));
  overflow-y: scroll;
}
.tdesign-starter-layout-tabs-nav[data-v-f2d8ac4b] {
  max-width: 100%;
  position: fixed;
  overflow: visible;
  z-index: 100;
}
.tdesign-starter-layout-tabs-nav + .tdesign-starter-content-layout[data-v-f2d8ac4b] {
  padding-top: var(--td-comp-paddingTB-xxl);
}
.tdesign-starter-layout[data-v-f2d8ac4b]::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.tdesign-starter-layout[data-v-f2d8ac4b]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
}
.tdesign-starter-footer-layout[data-v-f2d8ac4b] {
  padding: 0;
  margin-bottom: var(--td-comp-margin-xxl);
}
.tdesign-starter-sidebar-layout[data-v-f2d8ac4b] {
  height: 100%;
}
.tdesign-starter-sidebar-compact[data-v-f2d8ac4b] {
  width: 64px;
}
.tdesign-starter-sidebar-layout-side[data-v-f2d8ac4b] {
  z-index: 100;
}
.tdesign-starter-side-nav[data-v-f2d8ac4b] {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 200;
  transition: all 0.3s;
  min-height: 100%;
}
.tdesign-starter-side-nav-mix[data-v-f2d8ac4b] {
  top: var(--td-comp-size-xxxl);
}
.tdesign-starter-side-nav-mix-fixed[data-v-f2d8ac4b] {
  top: var(--td-comp-size-xxxl);
  z-index: 0;
}
.tdesign-starter-side-nav-no-fixed[data-v-f2d8ac4b] {
  position: relative;
  z-index: 1;
}
.tdesign-starter-side-nav-no-logo[data-v-f2d8ac4b] {
  z-index: 1;
}
.tdesign-starter-side-nav-logo-wrapper[data-v-f2d8ac4b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.tdesign-starter-side-nav-logo-wrapper[data-v-f2d8ac4b]:hover {
  cursor: pointer;
}
.tdesign-starter-side-nav-logo-t-logo[data-v-f2d8ac4b] {
  height: var(--td-comp-size-s);
  width: 100%;
}
.tdesign-starter-side-nav-logo-tdesign-logo[data-v-f2d8ac4b] {
  margin-right: var(--td-comp-margin-xxxl);
  height: var(--td-comp-size-s);
  width: 100%;
  color: var(--td-text-color-primary);
}
.tdesign-starter-side-nav-logo-normal[data-v-f2d8ac4b] {
  color: var(--td-brand-color);
  font: var(--td-font-body-large);
  transition: all 0.3s;
}
.tdesign-starter-side-nav-dark[data-v-f2d8ac4b] {
  color: var(--td-font-white-1) !important;
}
.tdesign-starter-side-nav-placeholder[data-v-f2d8ac4b] {
  flex: 1 1 232px;
  min-width: 232px;
  transition: all 0.3s;
}
.tdesign-starter-side-nav-placeholder-hidden[data-v-f2d8ac4b] {
  flex: 1 1 72px;
  min-width: 72px;
  transition: all 0.3s;
}
.route-tabs-dropdown .t-icon[data-v-f2d8ac4b] {
  margin-right: 8px;
}
.logo-container[data-v-f2d8ac4b] {
  cursor: pointer;
  display: inline-flex;
  margin-left: 24px;
}
.version-container[data-v-f2d8ac4b] {
  color: var(--td-text-color-primary);
  opacity: 0.4;
}
.t-menu__popup[data-v-f2d8ac4b] {
  z-index: 1000;
}
.container-base-margin-top[data-v-f2d8ac4b] {
  margin-top: 16px;
}
.content-layout[data-v-f2d8ac4b] {
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xl);
  background: var(--td-bg-color-page);
}
.footer-layout[data-v-f2d8ac4b] {
  padding: 0;
  margin-bottom: var(--td-comp-margin-xxl);
}
.t-layout.t-layout--with-sider[data-v-f2d8ac4b] {
  height: 100%;
}
.t-layout.t-layout--with-sider > .t-layout[data-v-f2d8ac4b] {
  flex: 1;
  min-width: 760px;
}
.light[data-v-f2d8ac4b] {
  height: 100vh;
  background: var(--td-bg-color-page);
}
.tdesign-wrapper[data-v-21a41ab9] {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
/** 公共前缀 */
[data-v-e6cf1f43]:root {
  --td-brand-color: #0052d9;
  --td-brand-color-hover: #266fe8;
  --td-brand-color-focus: #0045b6;
  --td-brand-color-active: #0037a6;
  --td-brand-color-disabled: #94b4eb;
  --td-brand-color-light: #e6eefb;
  --td-text-color-primary: rgba(0, 0, 0, 0.9);
  --td-text-color-secondary: rgba(0, 0, 0, 0.6);
  --td-text-color-placeholder: rgba(0, 0, 0, 0.4);
  --td-text-color-disabled: rgba(0, 0, 0, 0.26);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --td-bg-color-page: #f5f5f5;
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: #f5f5f5;
  --td-bg-color-container-active: #e6e6e6;
  --td-bg-color-container-select: #e2e8f3;
  --td-border-level-1-color: #e7e7e7;
  --td-component-stroke: #e7e7e7;
  --td-radius-small: 2px;
  --td-radius-medium: 3px;
  --td-radius-large: 6px;
  --td-radius-extraLarge: 9px;
  --td-radius-round: 999px;
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-comp-margin-xxs: 4px;
  --td-comp-margin-xs: 8px;
  --td-comp-margin-s: 12px;
  --td-comp-margin-l: 16px;
  --td-comp-margin-xl: 24px;
  --td-comp-margin-xxl: 32px;
  --td-comp-margin-xxxl: 48px;
  --td-comp-margin-xxxxl: 64px;
  --td-font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --td-font-family-medium: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.tdesign-starter-header-layout[data-v-e6cf1f43] {
  height: 64px;
  padding: 0;
}
.tdesign-starter-header-menu[data-v-e6cf1f43] {
  padding-right: var(--td-comp-margin-xl);
}
.tdesign-starter-header-menu-fixed[data-v-e6cf1f43] {
  position: fixed;
  top: 0;
  z-index: 1001;
}
.tdesign-starter-header-menu-fixed[data-v-e6cf1f43] .t-head-menu__inner {
  padding-right: var(--td-comp-margin-xl);
}
.tdesign-starter-header-menu-fixed-side[data-v-e6cf1f43] {
  left: 232px;
  right: 0;
  z-index: 10;
  width: auto;
  transition: all 0.3s;
  border-bottom: 1px solid var(--td-component-stroke);
}
.header-logo-container[data-v-e6cf1f43] {
  cursor: pointer;
  display: inline-flex;
  margin-left: 24px;
}
.header-logo-container .title[data-v-e6cf1f43] {
  font-size: var(--td-font-size-l);
  color: var(--td-text-color-primary);
}
.operations-container[data-v-e6cf1f43] {
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.header-user-btn[data-v-e6cf1f43] {
  display: flex;
  align-items: center;
  padding: 4px 12px;
}
.header-user-btn .header-user-avatar[data-v-e6cf1f43] {
  font-size: 20px;
  margin-right: 8px;
}
.header-user-btn .header-user-account[data-v-e6cf1f43] {
  margin: 0 4px;
  font-size: 14px;
  color: var(--td-text-color-primary);
}
.operations-dropdown-container-item[data-v-e6cf1f43] {
  width: 100%;
  display: flex;
  align-items: center;
}
.operations-dropdown-container-item[data-v-e6cf1f43] .t-dropdown__item-text {
  display: flex;
  align-items: center;
}
.operations-dropdown-container-item .t-icon[data-v-e6cf1f43] {
  font-size: var(--td-comp-size-xxxs);
  margin-right: var(--td-comp-margin-s);
}
.t-menu--light .header-user-account[data-v-e6cf1f43] {
  color: var(--td-text-color-primary);
}
.t-menu--dark[data-v-e6cf1f43] .t-head-menu__inner {
  border-bottom: 1px solid var(--td-gray-color-10);
}
.t-menu--dark .header-user-account[data-v-e6cf1f43] {
  color: rgba(255, 255, 255, 0.55);
}
/** 公共前缀 */
[data-v-b1f2f746]:root {
  --td-brand-color: #0052d9;
  --td-brand-color-hover: #266fe8;
  --td-brand-color-focus: #0045b6;
  --td-brand-color-active: #0037a6;
  --td-brand-color-disabled: #94b4eb;
  --td-brand-color-light: #e6eefb;
  --td-text-color-primary: rgba(0, 0, 0, 0.9);
  --td-text-color-secondary: rgba(0, 0, 0, 0.6);
  --td-text-color-placeholder: rgba(0, 0, 0, 0.4);
  --td-text-color-disabled: rgba(0, 0, 0, 0.26);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --td-bg-color-page: #f5f5f5;
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: #f5f5f5;
  --td-bg-color-container-active: #e6e6e6;
  --td-bg-color-container-select: #e2e8f3;
  --td-border-level-1-color: #e7e7e7;
  --td-component-stroke: #e7e7e7;
  --td-radius-small: 2px;
  --td-radius-medium: 3px;
  --td-radius-large: 6px;
  --td-radius-extraLarge: 9px;
  --td-radius-round: 999px;
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-comp-margin-xxs: 4px;
  --td-comp-margin-xs: 8px;
  --td-comp-margin-s: 12px;
  --td-comp-margin-l: 16px;
  --td-comp-margin-xl: 24px;
  --td-comp-margin-xxl: 32px;
  --td-comp-margin-xxxl: 48px;
  --td-comp-margin-xxxxl: 64px;
  --td-font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --td-font-family-medium: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
@font-face {
  font-family: 'TencentSansW7';
  src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAusAA4AAAAAEJQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALkAAAABwAAAAchqPqzUdERUYAAAtwAAAAHgAAAB4AKQAbT1MvMgAAAbgAAABZAAAAYGmceoNjbWFwAAACYAAAAJcAAAHsPmfPZmdhc3AAAAtkAAAADAAAAAwACAAbZ2x5ZgAAAywAAAW8AAAG/Ivn/ztoZWFkAAABRAAAADYAAAA2E+AL5GhoZWEAAAF8AAAAIAAAACQIawJ9aG10eAAAAhQAAABMAAAATCG/Auxsb2NhAAADAAAAACwAAAAsDjIQIm1heHAAAAGcAAAAGgAAACAAfgBDbmFtZQAACOgAAAIUAAAEm0zGvtJwb3N0AAAK/AAAAGYAAAB/4wuGdnByZXAAAAL4AAAACAAAAAhwAgESAAEAAAABBR/xlpGAXw889QALA+gAAAAA2Ac3gwAAAADY+IxB//L/HAPPAwAAAAAIAAIAAAAAAAB42mNgZGBgWf7vFAMD84v/n/7vZD7PABRBAYIAwxQH7XjaY2BkYGAQZXBiYGEAAUYGGEiBUAAMEQDCAAB42mNgYepm2sPAysDA1MUUwcDA4A2hGeMYjBjNgKI8HMxMTCz8TCwLGJj2CzCAgRiI8PX382d0YGBMEmQ2+u/FcIJlOVA9CwMjSI6JlekwkFJgYAQAR1kL+QAAAAJYAHYAAAAAAU0AAAEEAAACUAAhAlYAFQJUACACKgAdAZUANgEUABUBYAAkA5wAFQINABsBqAA0AnAAKgJYACoD6ACF//YANP/yACN42mNgYGBmgGAZBkYGEHgG5DGC+SwMp4C0HIMAUISPQYEhiSGNIZMhl6GUoZJhgeIkfS6/N4GpQQuSBP//B+tMZEgByucwFGOT/7/4/6L/C/7P+z/z/7T/yffqLrJvVFu3Zm3xPJBtcgz4ADPFkIGRDWgMIcBAIWBhZWBj52Bg4GRg4OIGi/Dw8gFJfgYqA/JcCgA99Se8ALgB/4W4AAGNAAAAFAAUABQAFABSAIIAsgD6ASIBOAFYAYIBxgHwAhQCRAJaAogCygMYA3542k1Ua2xTZRj+LmtP23Vdz2lPz3pZb2dr1+u2nq2H0d3Z2OhI5mC4AZMBo0gM98E0oRn1AqgoIYDG4BAkakDkJ4iyiCZGAiISUH8YjIQfEhNUMCoJrme+bTfkx/nxveec53ne533eDxE0Nn0V/0V2I4oYhATWw1ZKrDiGx5Vfzp6NkXPZ7mH8ECGCPNNXiZWokANVIYRjFt7MUI83iuvrWnAzTWA5Xl/nC2G/SZJFr7oUq3mzBaf7F5S0Kt+F59i1aq0j0tbwJmXcwUtsz3HHhEtQaYr0RFUbL0sqB8yRClvcG2uwa7hKg4VLKdFjZmeEN5SwwM0Dd4DcRaXAXuAuxQYqekwSIxRoqRRrxjLevrK/RNCUhXt7lYevpQMf6StjW1sz/gCrIqqm+Z7krsjCmJU67/zexrvMykE+CniA7wb8oUf4EhW9vtm2qGQSvQY808+t9Ov/5ih0zlhfyytfbGodd/ht2rJiH7k7dTtP0NQTYpUo3qDzSnsSVpc5j18O+DzRIzeqyel34nwDOISZHGoCM6I3SvKMRJppKM8pxeIy3tbU4S4y6Oc231Sp3OFLgXMV7dV2xq8L9K9IUZvY5XAZi4wfms2U6K21PoHvnVfvchitXEorhH2O4K253RUTnIYt0Xv4ITanB6M4zPwm9GuBQ4GIEaloEmVJzvXM4JeqXaxWfYg7tCi9qIddqNZZg53yKEv2lLgkEWaDr6fERHfEnEL5/mA+uJzcLmTIJEsMNUl0t5AR7o+kR8jqTCa7nsjZS3nuCvg2DtwcpC3ftQzfgg1ODMRfBjt8eiP8ZLAE7HNDsRJPUKhYTmqy13osvJGm4H/gomsgh8Ksk2oGpM+kAHqAh0wmuitpSWO6SWer2NOX7vu8D2SouFCACSSVk3hgjmBllRp8Takhck6THTT9DZjVoMkPprfgmSE8igHzKNOJ//MX4X4rN6m0VF022lan02g4R11DNngDahqoPQe1YoZ31SRiKWN5fammqNgddMiRcNheAoXIbKGlKsoXo7w3daDjFDmNbOAiM+uJOONSbjoSIzEPI1owpyO0oL6twlAcSbI9zrTzKIePTdeaeZamOHe4zJtA06kTJ3J+BSF7vdCbKZ/swsbGZzyHZvCN9BrlzmN+vUVU2UsFq/CAcjJnVV5bcNpB2gCnPI9jILDquZ1rwflleQzwqx1ri8PJzh+4K3GnUcPsg32pSdfAJmYA+dPm+a61rBj0N3Z5ktio3Gu1uAqZ3IVW0R2Ar4GDwIiyp97jJ5MXLuzbn71IGvYT1fXrR545kvdp+p/pNB0nvyI7QiqR+A2UEZupLPmjOK/KIlg4On741U6xf3hj49Ha0e2bov3tVFd6oOx2uVvb9dlLeOTjxt1797XUvDBx+snTOv1Sk/2y0g7YRTCDNP2WIqSHhLqQCHQGnEuYmpHhhvFYBNHnV8UsUPJLpjjwYZNA8ZC+yv7Uxu5QiG/vMWOfNzzq9uH7XqFoyz3byRWUv1ClnNowsoqi+CYp248fhN0TC94YXrSkYyRod03dWkYOmpdOfUAetGWTiE7/CRomQYML+VG0kHOG5AjjpjjE0kAYMc7JubMsqZnK3GvqMQmNOHcR4u9t5Woai31t3xXxYVrcaZQXt+5cOWZZV7ZXp94Io6u1C5Q+rZzY+pP62YEdZEmpx6QcUb4ZnMJ2nXbs2uWtb+P57w6sSoYytQYnl62juhVEnT1e2HURtF0EbQnUBsrAD9AADglwhfgLHkWxX2TiMqPOeyQzftinXHjhbVwuJVIdiOY9fvBRstDzyh9Ys6B6W2h0HnvO85DbvMsa2xJhNPgiPzBkaN4W/NF+0PaOd/ug7Yz+DNfVp3/v5+Jx8yRdT3F5dLMorLXik6PrnhhYfKAxM/hyb0Oanycm3+86bHMPC6JyZfB8YJnN8sngi4xqqdq3nN0//vzOTNXq5YsR+g8984WfeNq1Us1qFEEQ/npnk0X8IQGJIjnUSRLYLLt7MMlFCHvNKRvMuTPTmZ1kdib0zAY3ePMFfAAvigi5+Ry+gA8iiOLFr3tbTFZWcnGgu76qrvqqpqoAPMQ3KMy+A3wMWOGBehRwAy31LOAIayoPuEmfdwEv4Z76HPAy7quvAbfwqvEz4BXcjd4EvIpG9J5sqnmH2gfP7LDCOn4E3CD/04AjtNXzgJtYV68DXsJj9SngZTxRXwJu4XtDBbyCtehlwKtoRm8xQIlzTGGRIcUINQRXPH100cMOtgLape0QBgVif9dBjxlTkCPnSckj2MCQNudzGeQmrS5PB22ifcYmxII9RuWUf3JXXjOUhvKCt/PEoDyf2iwd1XIl/W5vZ4vXrhyaIjZFTRmPijIv06lsDEemuOTZlEHZact+nXRkL8/FR1diTWXshUnIefNnhtCULv0Rtvk4ox7qopKjbbcNhhVOWK1mXTgw6STX9t8kMh91k1RuRfJXJS98Zyp2rKSbcDIdzqfPB2OrrCyk1+n2F3HOMzrC+aFmPrcOg0i9XvukbhhCbPmaUBv73zqjrcTJf1gPV7PL6PK4yGN6L6oq882IvaWm/0w/ZfOt9014x3yZta1yS/V7fbJKNBcjzaraWJNIbXVixtqeSXly6x3TRSJjPZVjc50qKyQ2ttaUpxObVUkW15xRtXD9rg8Hs3FxRr8ATJnl93jaY2BiAIP/zQxGDNiAKBAzMjAxMjG4MLgyuDN4MHgy+DD4MwQwhDGEM0QwxDAyM7IwsjKyMbKzl+ZlGhgYGHIlFhXllxdlpmeUgISM3AwcQbSJq6sziDY1cjQA0WZGhoYAgBwU3AAAAAEAAgAIAAr//wAPAAEAAAAMAAAAFgAAAAIAAQADABQAAQAEAAAAAgAAAAAAAAABAAAAANWkJwgAAAAA2Ac3gwAAAADY+IxB') format('woff');
  font-weight: normal;
  font-style: normal;
}
.t-layout__sider[data-v-b1f2f746] {
  width: fit-content;
}
.t-button + .t-button[data-v-b1f2f746] {
  margin-left: var(--td-comp-margin-s);
}
.t-transfer .t-button + .t-button[data-v-b1f2f746],
.t-jumper .t-button + .t-button[data-v-b1f2f746],
.t-pagination-mini .t-button + .t-button[data-v-b1f2f746] {
  margin-left: 0;
}
.tdesign-starter-link[data-v-b1f2f746] {
  color: var(--td-brand-color);
  text-decoration: none;
  margin-right: 24px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.left-operation-container .t-button + .t-button[data-v-b1f2f746],
.operation-container .t-button + .t-button[data-v-b1f2f746] {
  margin-left: var(--td-comp-margin-s);
}
.t-layout.t-layout--with-sider > .t-layout[data-v-b1f2f746] {
  flex: 1;
  min-width: 760px;
}
.t-menu--dark .t-menu__operations .t-icon[data-v-b1f2f746] {
  color: rgba(255, 255, 255, 0.55);
}
.t-menu--dark .t-menu__operations .t-icon[data-v-b1f2f746]:hover {
  cursor: pointer;
}
.t-default-menu.t-menu--dark[data-v-b1f2f746] {
  background: var(--td-gray-color-13);
}
.tdesign-starter-wrapper[data-v-b1f2f746] {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.tdesign-starter-main-wrapper[data-v-b1f2f746] {
  height: 500px;
  overflow: scroll;
}
.tdesign-starter-side-nav-layout-relative[data-v-b1f2f746] {
  height: 100%;
}
.tdesign-starter-content-layout[data-v-b1f2f746] {
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xl);
}
.tdesign-starter-layout[data-v-b1f2f746] {
  height: calc(100vh - var(--td-comp-size-xxxl));
  overflow-y: scroll;
}
.tdesign-starter-layout-tabs-nav[data-v-b1f2f746] {
  max-width: 100%;
  position: fixed;
  overflow: visible;
  z-index: 100;
}
.tdesign-starter-layout-tabs-nav + .tdesign-starter-content-layout[data-v-b1f2f746] {
  padding-top: var(--td-comp-paddingTB-xxl);
}
.tdesign-starter-layout[data-v-b1f2f746]::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.tdesign-starter-layout[data-v-b1f2f746]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
}
.tdesign-starter-footer-layout[data-v-b1f2f746] {
  padding: 0;
  margin-bottom: var(--td-comp-margin-xxl);
}
.tdesign-starter-sidebar-layout[data-v-b1f2f746] {
  height: 100%;
}
.tdesign-starter-sidebar-compact[data-v-b1f2f746] {
  width: 64px;
}
.tdesign-starter-sidebar-layout-side[data-v-b1f2f746] {
  z-index: 100;
}
.tdesign-starter-side-nav[data-v-b1f2f746] {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 200;
  transition: all 0.3s;
  min-height: 100%;
}
.tdesign-starter-side-nav-mix[data-v-b1f2f746] {
  top: var(--td-comp-size-xxxl);
}
.tdesign-starter-side-nav-mix-fixed[data-v-b1f2f746] {
  top: var(--td-comp-size-xxxl);
  z-index: 0;
}
.tdesign-starter-side-nav-no-fixed[data-v-b1f2f746] {
  position: relative;
  z-index: 1;
}
.tdesign-starter-side-nav-no-logo[data-v-b1f2f746] {
  z-index: 1;
}
.tdesign-starter-side-nav-logo-wrapper[data-v-b1f2f746] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.tdesign-starter-side-nav-logo-wrapper[data-v-b1f2f746]:hover {
  cursor: pointer;
}
.tdesign-starter-side-nav-logo-t-logo[data-v-b1f2f746] {
  height: var(--td-comp-size-s);
  width: 100%;
}
.tdesign-starter-side-nav-logo-tdesign-logo[data-v-b1f2f746] {
  margin-right: var(--td-comp-margin-xxxl);
  height: var(--td-comp-size-s);
  width: 100%;
  color: var(--td-text-color-primary);
}
.tdesign-starter-side-nav-logo-normal[data-v-b1f2f746] {
  color: var(--td-brand-color);
  font: var(--td-font-body-large);
  transition: all 0.3s;
}
.tdesign-starter-side-nav-dark[data-v-b1f2f746] {
  color: var(--td-font-white-1) !important;
}
.tdesign-starter-side-nav-placeholder[data-v-b1f2f746] {
  flex: 1 1 232px;
  min-width: 232px;
  transition: all 0.3s;
}
.tdesign-starter-side-nav-placeholder-hidden[data-v-b1f2f746] {
  flex: 1 1 72px;
  min-width: 72px;
  transition: all 0.3s;
}
.route-tabs-dropdown .t-icon[data-v-b1f2f746] {
  margin-right: 8px;
}
.logo-container[data-v-b1f2f746] {
  cursor: pointer;
  display: inline-flex;
  margin-left: 24px;
}
.version-container[data-v-b1f2f746] {
  color: var(--td-text-color-primary);
  opacity: 0.4;
}
.t-menu__popup[data-v-b1f2f746] {
  z-index: 1000;
}
.container-base-margin-top[data-v-b1f2f746] {
  margin-top: 16px;
}
.side-nav-logo[data-v-b1f2f746] {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--td-component-stroke);
}
.side-nav-logo .logo-text[data-v-b1f2f746] {
  color: var(--td-text-color-primary);
  font-size: 20px;
}
.tdesign-starter-side-nav[data-v-b1f2f746] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
  transition: all 0.3s;
  min-height: 100%;
  width: 232px;
}
.tdesign-starter-side-nav[data-v-b1f2f746] .t-menu {
  height: 100%;
  border-right: 1px solid var(--td-component-border);
}
.tdesign-starter-side-nav[data-v-b1f2f746] .t-icon {
  font-size: 20px;
}
.tdesign-starter-sidebar-layout[data-v-b1f2f746] {
  height: 100vh;
  width: 232px;
}
/** 公共前缀 */
[data-v-c317a31c]:root {
  --td-brand-color: #0052d9;
  --td-brand-color-hover: #266fe8;
  --td-brand-color-focus: #0045b6;
  --td-brand-color-active: #0037a6;
  --td-brand-color-disabled: #94b4eb;
  --td-brand-color-light: #e6eefb;
  --td-text-color-primary: rgba(0, 0, 0, 0.9);
  --td-text-color-secondary: rgba(0, 0, 0, 0.6);
  --td-text-color-placeholder: rgba(0, 0, 0, 0.4);
  --td-text-color-disabled: rgba(0, 0, 0, 0.26);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --td-bg-color-page: #f5f5f5;
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: #f5f5f5;
  --td-bg-color-container-active: #e6e6e6;
  --td-bg-color-container-select: #e2e8f3;
  --td-border-level-1-color: #e7e7e7;
  --td-component-stroke: #e7e7e7;
  --td-radius-small: 2px;
  --td-radius-medium: 3px;
  --td-radius-large: 6px;
  --td-radius-extraLarge: 9px;
  --td-radius-round: 999px;
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-comp-margin-xxs: 4px;
  --td-comp-margin-xs: 8px;
  --td-comp-margin-s: 12px;
  --td-comp-margin-l: 16px;
  --td-comp-margin-xl: 24px;
  --td-comp-margin-xxl: 32px;
  --td-comp-margin-xxxl: 48px;
  --td-comp-margin-xxxxl: 64px;
  --td-font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --td-font-family-medium: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.tdesign-starter-footer[data-v-c317a31c] {
  padding: 16px;
  text-align: center;
  background: var(--td-bg-color-container);
  color: var(--td-text-color-placeholder);
  line-height: 20px;
  border-top: 1px solid var(--td-component-stroke);
}
/** 公共前缀 */
[data-v-2a2edd08]:root {
  --td-brand-color: #0052d9;
  --td-brand-color-hover: #266fe8;
  --td-brand-color-focus: #0045b6;
  --td-brand-color-active: #0037a6;
  --td-brand-color-disabled: #94b4eb;
  --td-brand-color-light: #e6eefb;
  --td-text-color-primary: rgba(0, 0, 0, 0.9);
  --td-text-color-secondary: rgba(0, 0, 0, 0.6);
  --td-text-color-placeholder: rgba(0, 0, 0, 0.4);
  --td-text-color-disabled: rgba(0, 0, 0, 0.26);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color);
  --td-text-color-link: var(--td-brand-color);
  --td-bg-color-page: #f5f5f5;
  --td-bg-color-container: #fff;
  --td-bg-color-container-hover: #f5f5f5;
  --td-bg-color-container-active: #e6e6e6;
  --td-bg-color-container-select: #e2e8f3;
  --td-border-level-1-color: #e7e7e7;
  --td-component-stroke: #e7e7e7;
  --td-radius-small: 2px;
  --td-radius-medium: 3px;
  --td-radius-large: 6px;
  --td-radius-extraLarge: 9px;
  --td-radius-round: 999px;
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --td-comp-margin-xxs: 4px;
  --td-comp-margin-xs: 8px;
  --td-comp-margin-s: 12px;
  --td-comp-margin-l: 16px;
  --td-comp-margin-xl: 24px;
  --td-comp-margin-xxl: 32px;
  --td-comp-margin-xxxl: 48px;
  --td-comp-margin-xxxxl: 64px;
  --td-font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --td-font-family-medium: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
@font-face {
  font-family: 'TencentSansW7';
  src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAusAA4AAAAAEJQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAALkAAAABwAAAAchqPqzUdERUYAAAtwAAAAHgAAAB4AKQAbT1MvMgAAAbgAAABZAAAAYGmceoNjbWFwAAACYAAAAJcAAAHsPmfPZmdhc3AAAAtkAAAADAAAAAwACAAbZ2x5ZgAAAywAAAW8AAAG/Ivn/ztoZWFkAAABRAAAADYAAAA2E+AL5GhoZWEAAAF8AAAAIAAAACQIawJ9aG10eAAAAhQAAABMAAAATCG/Auxsb2NhAAADAAAAACwAAAAsDjIQIm1heHAAAAGcAAAAGgAAACAAfgBDbmFtZQAACOgAAAIUAAAEm0zGvtJwb3N0AAAK/AAAAGYAAAB/4wuGdnByZXAAAAL4AAAACAAAAAhwAgESAAEAAAABBR/xlpGAXw889QALA+gAAAAA2Ac3gwAAAADY+IxB//L/HAPPAwAAAAAIAAIAAAAAAAB42mNgZGBgWf7vFAMD84v/n/7vZD7PABRBAYIAwxQH7XjaY2BkYGAQZXBiYGEAAUYGGEiBUAAMEQDCAAB42mNgYepm2sPAysDA1MUUwcDA4A2hGeMYjBjNgKI8HMxMTCz8TCwLGJj2CzCAgRiI8PX382d0YGBMEmQ2+u/FcIJlOVA9CwMjSI6JlekwkFJgYAQAR1kL+QAAAAJYAHYAAAAAAU0AAAEEAAACUAAhAlYAFQJUACACKgAdAZUANgEUABUBYAAkA5wAFQINABsBqAA0AnAAKgJYACoD6ACF//YANP/yACN42mNgYGBmgGAZBkYGEHgG5DGC+SwMp4C0HIMAUISPQYEhiSGNIZMhl6GUoZJhgeIkfS6/N4GpQQuSBP//B+tMZEgByucwFGOT/7/4/6L/C/7P+z/z/7T/yffqLrJvVFu3Zm3xPJBtcgz4ADPFkIGRDWgMIcBAIWBhZWBj52Bg4GRg4OIGi/Dw8gFJfgYqA/JcCgA99Se8ALgB/4W4AAGNAAAAFAAUABQAFABSAIIAsgD6ASIBOAFYAYIBxgHwAhQCRAJaAogCygMYA3542k1Ua2xTZRj+LmtP23Vdz2lPz3pZb2dr1+u2nq2H0d3Z2OhI5mC4AZMBo0gM98E0oRn1AqgoIYDG4BAkakDkJ4iyiCZGAiISUH8YjIQfEhNUMCoJrme+bTfkx/nxveec53ne533eDxE0Nn0V/0V2I4oYhATWw1ZKrDiGx5Vfzp6NkXPZ7mH8ECGCPNNXiZWokANVIYRjFt7MUI83iuvrWnAzTWA5Xl/nC2G/SZJFr7oUq3mzBaf7F5S0Kt+F59i1aq0j0tbwJmXcwUtsz3HHhEtQaYr0RFUbL0sqB8yRClvcG2uwa7hKg4VLKdFjZmeEN5SwwM0Dd4DcRaXAXuAuxQYqekwSIxRoqRRrxjLevrK/RNCUhXt7lYevpQMf6StjW1sz/gCrIqqm+Z7krsjCmJU67/zexrvMykE+CniA7wb8oUf4EhW9vtm2qGQSvQY808+t9Ov/5ih0zlhfyytfbGodd/ht2rJiH7k7dTtP0NQTYpUo3qDzSnsSVpc5j18O+DzRIzeqyel34nwDOISZHGoCM6I3SvKMRJppKM8pxeIy3tbU4S4y6Oc231Sp3OFLgXMV7dV2xq8L9K9IUZvY5XAZi4wfms2U6K21PoHvnVfvchitXEorhH2O4K253RUTnIYt0Xv4ITanB6M4zPwm9GuBQ4GIEaloEmVJzvXM4JeqXaxWfYg7tCi9qIddqNZZg53yKEv2lLgkEWaDr6fERHfEnEL5/mA+uJzcLmTIJEsMNUl0t5AR7o+kR8jqTCa7nsjZS3nuCvg2DtwcpC3ftQzfgg1ODMRfBjt8eiP8ZLAE7HNDsRJPUKhYTmqy13osvJGm4H/gomsgh8Ksk2oGpM+kAHqAh0wmuitpSWO6SWer2NOX7vu8D2SouFCACSSVk3hgjmBllRp8Takhck6THTT9DZjVoMkPprfgmSE8igHzKNOJ//MX4X4rN6m0VF022lan02g4R11DNngDahqoPQe1YoZ31SRiKWN5fammqNgddMiRcNheAoXIbKGlKsoXo7w3daDjFDmNbOAiM+uJOONSbjoSIzEPI1owpyO0oL6twlAcSbI9zrTzKIePTdeaeZamOHe4zJtA06kTJ3J+BSF7vdCbKZ/swsbGZzyHZvCN9BrlzmN+vUVU2UsFq/CAcjJnVV5bcNpB2gCnPI9jILDquZ1rwflleQzwqx1ri8PJzh+4K3GnUcPsg32pSdfAJmYA+dPm+a61rBj0N3Z5ktio3Gu1uAqZ3IVW0R2Ar4GDwIiyp97jJ5MXLuzbn71IGvYT1fXrR545kvdp+p/pNB0nvyI7QiqR+A2UEZupLPmjOK/KIlg4On741U6xf3hj49Ha0e2bov3tVFd6oOx2uVvb9dlLeOTjxt1797XUvDBx+snTOv1Sk/2y0g7YRTCDNP2WIqSHhLqQCHQGnEuYmpHhhvFYBNHnV8UsUPJLpjjwYZNA8ZC+yv7Uxu5QiG/vMWOfNzzq9uH7XqFoyz3byRWUv1ClnNowsoqi+CYp248fhN0TC94YXrSkYyRod03dWkYOmpdOfUAetGWTiE7/CRomQYML+VG0kHOG5AjjpjjE0kAYMc7JubMsqZnK3GvqMQmNOHcR4u9t5Woai31t3xXxYVrcaZQXt+5cOWZZV7ZXp94Io6u1C5Q+rZzY+pP62YEdZEmpx6QcUb4ZnMJ2nXbs2uWtb+P57w6sSoYytQYnl62juhVEnT1e2HURtF0EbQnUBsrAD9AADglwhfgLHkWxX2TiMqPOeyQzftinXHjhbVwuJVIdiOY9fvBRstDzyh9Ys6B6W2h0HnvO85DbvMsa2xJhNPgiPzBkaN4W/NF+0PaOd/ug7Yz+DNfVp3/v5+Jx8yRdT3F5dLMorLXik6PrnhhYfKAxM/hyb0Oanycm3+86bHMPC6JyZfB8YJnN8sngi4xqqdq3nN0//vzOTNXq5YsR+g8984WfeNq1Us1qFEEQ/npnk0X8IQGJIjnUSRLYLLt7MMlFCHvNKRvMuTPTmZ1kdib0zAY3ePMFfAAvigi5+Ry+gA8iiOLFr3tbTFZWcnGgu76qrvqqpqoAPMQ3KMy+A3wMWOGBehRwAy31LOAIayoPuEmfdwEv4Z76HPAy7quvAbfwqvEz4BXcjd4EvIpG9J5sqnmH2gfP7LDCOn4E3CD/04AjtNXzgJtYV68DXsJj9SngZTxRXwJu4XtDBbyCtehlwKtoRm8xQIlzTGGRIcUINQRXPH100cMOtgLape0QBgVif9dBjxlTkCPnSckj2MCQNudzGeQmrS5PB22ifcYmxII9RuWUf3JXXjOUhvKCt/PEoDyf2iwd1XIl/W5vZ4vXrhyaIjZFTRmPijIv06lsDEemuOTZlEHZact+nXRkL8/FR1diTWXshUnIefNnhtCULv0Rtvk4ox7qopKjbbcNhhVOWK1mXTgw6STX9t8kMh91k1RuRfJXJS98Zyp2rKSbcDIdzqfPB2OrrCyk1+n2F3HOMzrC+aFmPrcOg0i9XvukbhhCbPmaUBv73zqjrcTJf1gPV7PL6PK4yGN6L6oq882IvaWm/0w/ZfOt9014x3yZta1yS/V7fbJKNBcjzaraWJNIbXVixtqeSXly6x3TRSJjPZVjc50qKyQ2ttaUpxObVUkW15xRtXD9rg8Hs3FxRr8ATJnl93jaY2BiAIP/zQxGDNiAKBAzMjAxMjG4MLgyuDN4MHgy+DD4MwQwhDGEM0QwxDAyM7IwsjKyMbKzl+ZlGhgYGHIlFhXllxdlpmeUgISM3AwcQbSJq6sziDY1cjQA0WZGhoYAgBwU3AAAAAEAAgAIAAr//wAPAAEAAAAMAAAAFgAAAAIAAQADABQAAQAEAAAAAgAAAAAAAAABAAAAANWkJwgAAAAA2Ac3gwAAAADY+IxB') format('woff');
  font-weight: normal;
  font-style: normal;
}
.t-layout__sider[data-v-2a2edd08] {
  width: fit-content;
}
.t-button + .t-button[data-v-2a2edd08] {
  margin-left: var(--td-comp-margin-s);
}
.t-transfer .t-button + .t-button[data-v-2a2edd08],
.t-jumper .t-button + .t-button[data-v-2a2edd08],
.t-pagination-mini .t-button + .t-button[data-v-2a2edd08] {
  margin-left: 0;
}
.tdesign-starter-link[data-v-2a2edd08] {
  color: var(--td-brand-color);
  text-decoration: none;
  margin-right: 24px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.left-operation-container .t-button + .t-button[data-v-2a2edd08],
.operation-container .t-button + .t-button[data-v-2a2edd08] {
  margin-left: var(--td-comp-margin-s);
}
.t-layout.t-layout--with-sider > .t-layout[data-v-2a2edd08] {
  flex: 1;
  min-width: 760px;
}
.t-menu--dark .t-menu__operations .t-icon[data-v-2a2edd08] {
  color: rgba(255, 255, 255, 0.55);
}
.t-menu--dark .t-menu__operations .t-icon[data-v-2a2edd08]:hover {
  cursor: pointer;
}
.t-default-menu.t-menu--dark[data-v-2a2edd08] {
  background: var(--td-gray-color-13);
}
.tdesign-starter-wrapper[data-v-2a2edd08] {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.tdesign-starter-main-wrapper[data-v-2a2edd08] {
  height: 500px;
  overflow: scroll;
}
.tdesign-starter-side-nav-layout-relative[data-v-2a2edd08] {
  height: 100%;
}
.tdesign-starter-content-layout[data-v-2a2edd08] {
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xl);
}
.tdesign-starter-layout[data-v-2a2edd08] {
  height: calc(100vh - var(--td-comp-size-xxxl));
  overflow-y: scroll;
}
.tdesign-starter-layout-tabs-nav[data-v-2a2edd08] {
  max-width: 100%;
  position: fixed;
  overflow: visible;
  z-index: 100;
}
.tdesign-starter-layout-tabs-nav + .tdesign-starter-content-layout[data-v-2a2edd08] {
  padding-top: var(--td-comp-paddingTB-xxl);
}
.tdesign-starter-layout[data-v-2a2edd08]::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.tdesign-starter-layout[data-v-2a2edd08]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
}
.tdesign-starter-footer-layout[data-v-2a2edd08] {
  padding: 0;
  margin-bottom: var(--td-comp-margin-xxl);
}
.tdesign-starter-sidebar-layout[data-v-2a2edd08] {
  height: 100%;
}
.tdesign-starter-sidebar-compact[data-v-2a2edd08] {
  width: 64px;
}
.tdesign-starter-sidebar-layout-side[data-v-2a2edd08] {
  z-index: 100;
}
.tdesign-starter-side-nav[data-v-2a2edd08] {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 200;
  transition: all 0.3s;
  min-height: 100%;
}
.tdesign-starter-side-nav-mix[data-v-2a2edd08] {
  top: var(--td-comp-size-xxxl);
}
.tdesign-starter-side-nav-mix-fixed[data-v-2a2edd08] {
  top: var(--td-comp-size-xxxl);
  z-index: 0;
}
.tdesign-starter-side-nav-no-fixed[data-v-2a2edd08] {
  position: relative;
  z-index: 1;
}
.tdesign-starter-side-nav-no-logo[data-v-2a2edd08] {
  z-index: 1;
}
.tdesign-starter-side-nav-logo-wrapper[data-v-2a2edd08] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.tdesign-starter-side-nav-logo-wrapper[data-v-2a2edd08]:hover {
  cursor: pointer;
}
.tdesign-starter-side-nav-logo-t-logo[data-v-2a2edd08] {
  height: var(--td-comp-size-s);
  width: 100%;
}
.tdesign-starter-side-nav-logo-tdesign-logo[data-v-2a2edd08] {
  margin-right: var(--td-comp-margin-xxxl);
  height: var(--td-comp-size-s);
  width: 100%;
  color: var(--td-text-color-primary);
}
.tdesign-starter-side-nav-logo-normal[data-v-2a2edd08] {
  color: var(--td-brand-color);
  font: var(--td-font-body-large);
  transition: all 0.3s;
}
.tdesign-starter-side-nav-dark[data-v-2a2edd08] {
  color: var(--td-font-white-1) !important;
}
.tdesign-starter-side-nav-placeholder[data-v-2a2edd08] {
  flex: 1 1 232px;
  min-width: 232px;
  transition: all 0.3s;
}
.tdesign-starter-side-nav-placeholder-hidden[data-v-2a2edd08] {
  flex: 1 1 72px;
  min-width: 72px;
  transition: all 0.3s;
}
.route-tabs-dropdown .t-icon[data-v-2a2edd08] {
  margin-right: 8px;
}
.logo-container[data-v-2a2edd08] {
  cursor: pointer;
  display: inline-flex;
  margin-left: 24px;
}
.version-container[data-v-2a2edd08] {
  color: var(--td-text-color-primary);
  opacity: 0.4;
}
.t-menu__popup[data-v-2a2edd08] {
  z-index: 1000;
}
.container-base-margin-top[data-v-2a2edd08] {
  margin-top: 16px;
}
.content-layout[data-v-2a2edd08] {
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xl);
  background: var(--td-bg-color-page);
}
.footer-layout[data-v-2a2edd08] {
  padding: 0;
  margin-bottom: var(--td-comp-margin-xxl);
}
.t-layout.t-layout--with-sider[data-v-2a2edd08] {
  height: 100%;
}
.t-layout.t-layout--with-sider > .t-layout[data-v-2a2edd08] {
  flex: 1;
  min-width: 760px;
}
.light[data-v-2a2edd08] {
  height: 100vh;
  background: var(--td-bg-color-page);
}
.tdesign-wrapper[data-v-ba1c2bb2] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.user-info-container[data-v-38d41bd4] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 50;
}
.user-info-trigger[data-v-38d41bd4] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 160px;
  height: 60px;
  justify-content: center;
  box-sizing: border-box;
}
.user-info-trigger[data-v-38d41bd4]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.user-avatar[data-v-38d41bd4] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  font-weight: bold;
}
.user-name[data-v-38d41bd4] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90px;
}
.user-menu[data-v-38d41bd4] {
  position: absolute;
  top: 70px;
  right: 0;
  background: white;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  animation: slideDown-38d41bd4 0.2s ease-out;
  min-width: 160px;
  white-space: nowrap;
}
.menu-item[data-v-38d41bd4] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 20px;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.menu-item[data-v-38d41bd4]:hover {
  background: #f5f5f5;
}
.menu-item[data-v-38d41bd4]:first-child {
  border-bottom: 1px solid #eee;
}
.menu-icon[data-v-38d41bd4] {
  font-size: 20px;
}
.menu-text[data-v-38d41bd4] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
@keyframes slideDown-38d41bd4 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.student-layout[data-v-1ff14d77] {
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.student-layout > router-view[data-v-1ff14d77] {
  flex: 1;
}
.top-nav[data-v-1ff14d77] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  z-index: 100;
  background-color: transparent;
  margin-bottom: 24px;
}
.top-nav .right[data-v-1ff14d77] {
  display: flex;
  gap: 16px;
}
.top-nav .right .t-button[data-v-1ff14d77] {
  color: #fff;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, #6a9eff 0%, #4080ff 100%);
  box-shadow: 0 4px 0 #3060cc, 0 6px 10px rgba(64, 128, 255, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
  overflow: hidden;
}
.top-nav .right .t-button[data-v-1ff14d77]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 18px 18px 50% 50%;
  pointer-events: none;
}
.top-nav .right .t-button[data-v-1ff14d77]::after {
  content: '';
  position: absolute;
  top: 15%;
  left: 10%;
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  filter: blur(1px);
}
.top-nav .right .t-button .t-icon[data-v-1ff14d77] {
  font-size: 16px;
  margin-right: 4px;
  transition: transform 0.3s ease;
}
.top-nav .right .t-button[data-v-1ff14d77]:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #7aafff 0%, #5090ff 100%);
  box-shadow: 0 6px 0 #3060cc, 0 8px 16px rgba(64, 128, 255, 0.3);
}
.top-nav .right .t-button:hover .t-icon[data-v-1ff14d77] {
  transform: scale(1.2) rotate(-5deg);
}
.top-nav .right .t-button[data-v-1ff14d77]:active {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #3060cc, 0 4px 8px rgba(64, 128, 255, 0.2);
}
.top-nav .right .t-button[data-v-1ff14d77]:nth-child(1) {
  background: linear-gradient(135deg, #6a9eff 0%, #4080ff 100%);
  box-shadow: 0 4px 0 #3060cc, 0 6px 10px rgba(64, 128, 255, 0.2);
}
.top-nav .right .t-button[data-v-1ff14d77]:nth-child(1):hover {
  background: linear-gradient(135deg, #7aafff 0%, #5090ff 100%);
  box-shadow: 0 6px 0 #3060cc, 0 8px 16px rgba(64, 128, 255, 0.3);
}
.top-nav .right .t-button[data-v-1ff14d77]:nth-child(2) {
  background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);
  box-shadow: 0 4px 0 #cc4f30, 0 6px 10px rgba(255, 126, 95, 0.2);
}
.top-nav .right .t-button[data-v-1ff14d77]:nth-child(2):hover {
  background: linear-gradient(135deg, #ff8e6f 0%, #fec48b 100%);
  box-shadow: 0 6px 0 #cc4f30, 0 8px 16px rgba(255, 126, 95, 0.3);
}
.top-nav .right .t-button[data-v-1ff14d77]:nth-child(3) {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  box-shadow: 0 4px 0 #0a81cb, 0 6px 10px rgba(79, 172, 254, 0.2);
}
.top-nav .right .t-button[data-v-1ff14d77]:nth-child(3):hover {
  background: linear-gradient(135deg, #5fbcfe 0%, #10f2fe 100%);
  box-shadow: 0 6px 0 #0a81cb, 0 8px 16px rgba(79, 172, 254, 0.3);
}
.top-nav .right .t-button[data-v-1ff14d77]:nth-child(4) {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  box-shadow: 0 4px 0 #28a956, 0 6px 10px rgba(67, 233, 123, 0.2);
}
.top-nav .right .t-button[data-v-1ff14d77]:nth-child(4):hover {
  background: linear-gradient(135deg, #53f98b 0%, #48f9d7 100%);
  box-shadow: 0 6px 0 #28a956, 0 8px 16px rgba(67, 233, 123, 0.3);
}

#app[data-v-d0b21aa6] {
  height: 100vh;
}
.login-wrapper[data-v-50a6fdd2] {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10%;
  background: url('/assets/campus-login-bg.h4uhR0FE.jpeg') no-repeat center center;
  background-size: cover;
  position: relative;
}
.logo-container[data-v-50a6fdd2] {
  position: absolute;
  top: 30px;
  left: 50px;
}
.logo-container .logo[data-v-50a6fdd2] {
  height: 80px;
  width: auto;
}
.login-container[data-v-50a6fdd2] {
  width: 400px;
  padding: 40px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  position: relative;
}
.login-container .switch-login[data-v-50a6fdd2] {
  position: absolute;
  top: 20px;
  right: 20px;
}
.login-container .switch-login .tip-text[data-v-50a6fdd2] {
  font-size: 14px;
  color: var(--td-brand-color);
  text-decoration: none;
  transition: color 0.2s;
}
.login-container .switch-login .tip-text[data-v-50a6fdd2]:hover {
  color: var(--td-brand-color-hover);
  text-decoration: underline;
}
.login-container .title-container[data-v-50a6fdd2] {
  text-align: center;
  margin-bottom: 40px;
}
.login-container .title-container .title[data-v-50a6fdd2] {
  font-size: 28px;
  color: var(--td-text-color-primary);
  font-weight: 500;
  margin-bottom: 8px;
}
.login-container .title-container .sub-title[data-v-50a6fdd2] {
  font-size: 16px;
  color: var(--td-text-color-secondary);
}
.login-container[data-v-50a6fdd2] .t-form .t-form__controls {
  margin-left: 0;
}
.login-container[data-v-50a6fdd2] .t-form .t-form-item {
  margin-bottom: 0;
  padding: 0;
}
.login-container[data-v-50a6fdd2] .t-form .t-form-item__label {
  display: none;
}
.login-container[data-v-50a6fdd2] .t-form-controls {
  margin-left: 0 !important;
}
.login-container[data-v-50a6fdd2] .t-input {
  height: 48px;
  border-radius: 6px;
  margin-bottom: 20px;
}
.login-container[data-v-50a6fdd2] .t-input__inner {
  font-size: 16px;
}
.login-container .login-btn[data-v-50a6fdd2] {
  width: 100%;
  height: 48px;
  font-size: 16px;
  margin-top: 12px;
  background: var(--td-brand-color);
  border: none;
  border-radius: 6px;
}
.login-container .login-btn[data-v-50a6fdd2]:hover {
  background: var(--td-brand-color-hover);
}
.login-container .login-btn[data-v-50a6fdd2]:active {
  background: var(--td-brand-color-active);
}
.dashboard-container[data-v-0dfb92ec] {
  padding: 20px;
}
.dashboard-container .dashboard-cards[data-v-0dfb92ec] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.dashboard-container .dashboard-card[data-v-0dfb92ec] {
  background: #fff;
  transition: all 0.3s ease;
}
.dashboard-container .dashboard-card .card-content[data-v-0dfb92ec] {
  padding: 20px;
  text-align: center;
}
.dashboard-container .dashboard-card .card-content .card-title[data-v-0dfb92ec] {
  color: var(--td-text-color-secondary);
  font-size: 16px;
  margin-bottom: 8px;
}
.dashboard-container .dashboard-card .card-content .card-number[data-v-0dfb92ec] {
  font-size: 36px;
  font-weight: bold;
  color: var(--td-brand-color);
  margin: 16px 0;
}
.dashboard-container .dashboard-card .card-content .card-number .card-number-small[data-v-0dfb92ec] {
  font-size: 18px;
  font-weight: normal;
  color: var(--td-text-color-secondary);
}
.dashboard-container .dashboard-card .card-content .card-footer[data-v-0dfb92ec] {
  color: var(--td-text-color-secondary);
  font-size: 14px;
}
.dashboard-container .dashboard-card[data-v-0dfb92ec]:hover {
  transform: translateY(-5px);
}

.search-container[data-v-e8d87ddf] {
  margin-bottom: 16px;
  display: inline-block;
}
.search-input[data-v-e8d87ddf] {
  width: 260px;
}
.single-question .question-title[data-v-5a1b1fcb] {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: var(--td-text-color-primary);
}
.single-question .question-title[data-v-5a1b1fcb] img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px auto;
  border-radius: 4px;
}
.single-question .program-question[data-v-5a1b1fcb] {
  margin-bottom: 20px;
}
.single-question .program-question .program-info[data-v-5a1b1fcb] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.single-question .program-question .program-info .program-label[data-v-5a1b1fcb] {
  font-size: 14px;
  color: var(--td-warning-color);
  font-weight: 500;
  margin-right: 12px;
}
.single-question .program-question .program-info .program-template[data-v-5a1b1fcb] {
  font-size: 12px;
  color: var(--td-info-color);
  background-color: var(--td-bg-color-secondary);
  padding: 2px 8px;
  border-radius: 12px;
}
.single-question .program-question .program-hint[data-v-5a1b1fcb] {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 8px;
}
.single-question .program-question .program-hint .hint-label[data-v-5a1b1fcb] {
  font-weight: 500;
  color: var(--td-text-color-secondary);
  margin-right: 8px;
}
.single-question .program-question .program-hint .hint-content[data-v-5a1b1fcb] {
  color: var(--td-text-color-primary);
}
.single-question .program-question .program-hint .hint-content[data-v-5a1b1fcb] img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px auto;
  border-radius: 4px;
}
.single-question .program-question .source-code-section[data-v-5a1b1fcb] {
  margin: 16px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.single-question .question-options[data-v-5a1b1fcb] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}
.single-question .question-options .option-item[data-v-5a1b1fcb] {
  display: flex;
  align-items: flex-start;
  padding: 12px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.single-question .question-options .option-item.correct[data-v-5a1b1fcb] {
  border-color: #10b981 !important;
  background: #d1fae5 !important;
}
.single-question .question-options .option-item.my-answer[data-v-5a1b1fcb] {
  border-color: #f97316 !important;
  background: #ffedd5 !important;
}
.single-question .question-options .option-item .option-label[data-v-5a1b1fcb] {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  font-weight: 500;
}
.single-question .question-options .option-item .option-content[data-v-5a1b1fcb] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  word-break: break-word;
}
.single-question .question-options .option-item .option-content[data-v-5a1b1fcb] img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px auto;
  border-radius: 4px;
}
.single-question .question-correct[data-v-5a1b1fcb] {
  font-size: 14px;
  color: var(--td-primary-color);
  font-weight: 500;
  margin-top: 8px;
}
.testpaper-container .testpaper-card .card-header[data-v-2a04c645] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testpaper-container .testpaper-card .card-header h3[data-v-2a04c645] {
  margin: 0;
  font-size: 18px;
  color: var(--td-text-color-primary);
}
.testpaper-container .testpaper-card .content-wrapper[data-v-2a04c645] {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 24px;
  margin-top: 16px;
}
.testpaper-container .testpaper-card .content-wrapper .question-area[data-v-2a04c645] {
  background: white;
  border-radius: 8px;
  min-height: calc(100vh - 200px);
}
.testpaper-container .testpaper-card .content-wrapper .question-area .question-content[data-v-2a04c645] {
  background: white;
  border-radius: 8px;
  padding: 20px;
}
.testpaper-container .testpaper-card .content-wrapper .question-area .question-content .question-text[data-v-2a04c645] {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: var(--td-text-color-primary);
}
.testpaper-container .testpaper-card .content-wrapper .question-area .question-content .question-text[data-v-2a04c645] img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px auto;
  border-radius: 4px;
}
.testpaper-container .testpaper-card .content-wrapper .question-area .question-content .source-code-section[data-v-2a04c645] {
  margin-bottom: 20px;
}
.testpaper-container .testpaper-card .content-wrapper .question-area .question-content .answer-options[data-v-2a04c645] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.testpaper-container .testpaper-card .content-wrapper .question-area .question-content .answer-options .answer-option[data-v-2a04c645] {
  display: flex;
  align-items: flex-start;
  padding: 12px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.testpaper-container .testpaper-card .content-wrapper .question-area .question-content .answer-options .answer-option.selected[data-v-2a04c645] {
  border-color: #10b981;
  background: #d1fae5;
}
.testpaper-container .testpaper-card .content-wrapper .question-area .question-content .answer-options .answer-option .option-label[data-v-2a04c645] {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  font-weight: 500;
}
.testpaper-container .testpaper-card .content-wrapper .question-area .question-content .answer-options .answer-option .option-content[data-v-2a04c645] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card[data-v-2a04c645] {
  position: sticky;
  top: 20px;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card .nav-header[data-v-2a04c645] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card .nav-header h4[data-v-2a04c645] {
  margin: 0;
  font-size: 16px;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card[data-v-2a04c645] .t-tabs {
  --td-tab-nav-bg-color: transparent;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card .question-numbers[data-v-2a04c645] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin-top: 12px;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card .question-numbers[data-v-2a04c645] .t-button {
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card .question-numbers[data-v-2a04c645] .t-button:hover {
  border-color: #2563eb !important;
  background: #e0e7ff !important;
  color: #2563eb !important;
  z-index: 1;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card .question-numbers .nav-right[data-v-2a04c645] {
  border-color: #10b981 !important;
  background: #d1fae5 !important;
  color: #059669 !important;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card .question-numbers .nav-wrong[data-v-2a04c645] {
  border-color: #ef4444 !important;
  background: #fee2e2 !important;
  color: #b91c1c !important;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card .question-numbers .nav-current[data-v-2a04c645] {
  border-color: #2563eb !important;
  background: #e0e7ff !important;
  color: #2563eb !important;
  font-weight: bold;
  z-index: 2;
}
.testpaper-container .testpaper-card .content-wrapper .nav-section .nav-card .question-numbers .nav-answered[data-v-2a04c645] {
  border-color: #2563eb !important;
  background: #e0e7ff !important;
  color: #2563eb !important;
  font-weight: bold;
}
.scratch-iframe[data-v-2a04c645] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 2000;
  background: white;
}
.answer-option.correct[data-v-2a04c645] {
  border-color: #10b981 !important;
  background: #d1fae5 !important;
}
.answer-option.my-answer[data-v-2a04c645] {
  border-color: #f97316 !important;
  background: #ffedd5 !important;
}
.content-card[data-v-15dede6b] {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.content-card .content-wrapper[data-v-15dede6b] {
  position: relative;
  width: 100%;
  height: 100%;
}
.content-card .empty-container[data-v-15dede6b],
.content-card .loading-container[data-v-15dede6b],
.content-card .error-container[data-v-15dede6b] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  width: 100%;
}
.content-card .header-content[data-v-15dede6b] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.content-card .header-content .content-title[data-v-15dede6b] {
  margin: 0;
  font-size: 18px;
  color: var(--td-text-color-primary);
}
.programming-full-img-wrap[data-v-15dede6b] {
  position: relative;
  width: 100%;
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.programming-full-img[data-v-15dede6b] {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.programming-float-btns[data-v-15dede6b] {
  position: absolute;
  right: 32px;
  bottom: 32px;
  display: flex;
  gap: 16px;
  z-index: 2;
}
.qa-content[data-v-15dede6b] {
  padding: 24px 0;
}
.qa-nav[data-v-15dede6b] {
  margin-bottom: 16px;
}
.qa-title[data-v-15dede6b] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}
.qa-options[data-v-15dede6b] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.qa-option[data-v-15dede6b] {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  margin-bottom: 8px;
}
.qa-option.correct[data-v-15dede6b] {
  border-color: var(--td-success-color);
  background: var(--td-success-color-1);
}
.qa-option .qa-option-label[data-v-15dede6b] {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  font-weight: 500;
}
.qa-option .qa-option-content[data-v-15dede6b] {
  flex: 1;
}
.qa-answer[data-v-15dede6b] {
  margin-top: 12px;
  color: #333;
}
.card-footer[data-v-15dede6b] {
  padding: 16px;
  border-top: 1px solid #eee;
  text-align: left;
}
.student-link[data-v-93294827] {
  color: #1890ff;
  cursor: pointer;
  text-decoration: underline;
}
.page-container .actions[data-v-93294827] {
  margin-bottom: 16px;
}
.page-container .card-header-row[data-v-93294827] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.page-container .search-select[data-v-93294827] {
  width: 180px;
}
.page-container .search-input[data-v-93294827] {
  width: 260px;
}
.page-container .course-link[data-v-93294827] {
  color: #1890ff;
  cursor: pointer;
}
[data-v-93294827] .course-dialog .t-dialog,[data-v-93294827] .course-dialog .t-dialog__body,[data-v-93294827] .course-dialog .t-dialog__wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}
[data-v-93294827] .course-dialog .t-dialog__header,[data-v-93294827] .course-dialog .t-dialog__footer,[data-v-93294827] .course-dialog .t-dialog__close {
  display: none !important;
}
.dialog-tip[data-v-93294827] {
  text-align: center;
  margin-bottom: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  border-radius: 12px;
  padding: 4px 18px;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.qrcode-container[data-v-93294827] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.qrcode-container .qrcode-wrapper[data-v-93294827] {
  background: #fff;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.qrcode-container .qrcode-tip[data-v-93294827] {
  margin-top: 16px;
  margin-bottom: 16px;
  color: var(--td-text-color-secondary);
  font-size: 14px;
  text-align: center;
}
.qrcode-container .button-wrapper[data-v-93294827] {
  margin-top: 8px;
}
.qrcode-container .button-wrapper[data-v-93294827] .t-button {
  min-width: 140px;
}
.qrcode-container .button-wrapper[data-v-93294827] .t-button .t-icon {
  font-size: 16px;
}

.recharge-record-page[data-v-1173d581] {
  padding: 16px;
}
h2[data-v-1173d581] {
  margin-bottom: 20px;
  color: #1d2129;
  font-size: 18px;
  font-weight: 600;
}
.page-container[data-v-7a6c41d6] {
  padding: 20px;
}
.page-container .card-header-row[data-v-7a6c41d6] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.page-container .search-select[data-v-7a6c41d6] {
  width: 180px;
  margin-right: 16px;
}
.page-container[data-v-7a6c41d6] .t-button {
  margin: 0 4px;
}
.course-list[data-v-dd28aef0] {
  background: #fff;
  border-radius: 3px;
  padding: 20px;
}
.course-list .table-header[data-v-dd28aef0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.course-list .table-header .left-section[data-v-dd28aef0] {
  display: flex;
  align-items: center;
}
.course-list .table-header .right-section[data-v-dd28aef0] {
  display: flex;
  align-items: center;
}
/* 合并两个页面的样式，并保留特有样式 */
.courses-container[data-v-bb7f7afc] {
  padding: 20px;
}
.courses-container .header[data-v-bb7f7afc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.courses-container .header h2[data-v-bb7f7afc] {
  margin: 0;
  font-size: 24px;
  color: var(--td-text-color-primary);
}
.courses-container .qrcode-container[data-v-bb7f7afc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.courses-container .qrcode-container .qrcode-wrapper[data-v-bb7f7afc] {
  background: #fff;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.courses-container .qrcode-container .qrcode-tip[data-v-bb7f7afc] {
  margin-top: 16px;
  margin-bottom: 16px;
  color: var(--td-text-color-secondary);
  font-size: 14px;
  text-align: center;
}
.courses-container .qrcode-container .button-wrapper[data-v-bb7f7afc] {
  margin-top: 8px;
}
.courses-container .qrcode-container .button-wrapper[data-v-bb7f7afc] .t-button {
  min-width: 140px;
}
.courses-container .qrcode-container .button-wrapper[data-v-bb7f7afc] .t-button .t-icon {
  font-size: 16px;
}
.courses-container .table-header[data-v-bb7f7afc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.courses-container .t-card[data-v-bb7f7afc] {
  margin-bottom: 20px;
}
.courses-container .left-section[data-v-bb7f7afc] {
  display: flex;
  align-items: center;
}
.courses-container .right-section[data-v-bb7f7afc] {
  display: flex;
  align-items: center;
}
.courses-container .courseware-list[data-v-bb7f7afc] {
  max-height: 70vh;
  overflow-y: auto;
  padding: 16px;
  width: 100%;
}
.courses-container .courseware-list .courseware-items .courseware-grid[data-v-bb7f7afc] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  min-width: 1100px;
}
.courses-container .courseware-list .courseware-items .courseware-item[data-v-bb7f7afc] {
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  transition: all 0.3s ease;
  min-width: 350px;
}
.courses-container .courseware-list .courseware-items .courseware-item[data-v-bb7f7afc]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.courses-container .courseware-list .courseware-items .courseware-item .courseware-header[data-v-bb7f7afc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e7e7e7;
}
.courses-container .courseware-list .courseware-items .courseware-item .courseware-header span[data-v-bb7f7afc] {
  font-size: 16px;
  font-weight: 500;
}
.courses-container .courseware-list .courseware-items .courseware-item[data-v-bb7f7afc] .t-form__item {
  margin-bottom: 20px;
}
.courses-container .courseware-list .add-courseware[data-v-bb7f7afc] {
  text-align: center;
  margin-top: 32px;
  padding: 32px 0 16px;
  border-top: 1px solid #e7e7e7;
}
.courses-container .courseware-list[data-v-bb7f7afc]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.courses-container .courseware-list[data-v-bb7f7afc]::-webkit-scrollbar-thumb {
  background: #e7e7e7;
  border-radius: 3px;
}
.courses-container .courseware-list[data-v-bb7f7afc]::-webkit-scrollbar-track {
  background: transparent;
}
.courses-container .edit-form[data-v-bb7f7afc] {
  padding: 20px;
}
.courses-container .edit-form[data-v-bb7f7afc] .t-form {
  max-width: 600px;
  margin: 0 auto;
}
.courses-container .edit-form[data-v-bb7f7afc] .t-form .t-form__item {
  margin-bottom: 24px;
}
.courses-container .edit-form[data-v-bb7f7afc] .t-form .t-input {
  width: 100%;
}
.courses-container .edit-form[data-v-bb7f7afc] .t-form .t-upload {
  width: 100%;
}
.courses-container .edit-form[data-v-bb7f7afc] .t-form .t-upload__dragger {
  height: 200px;
}
.no-spinners[data-v-bb7f7afc]::-webkit-inner-spin-button,
.no-spinners[data-v-bb7f7afc]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.no-spinners[data-v-bb7f7afc] {
  appearance: textfield;
  -moz-appearance: textfield;
}
[data-v-bb7f7afc] .course-dialog .t-dialog,[data-v-bb7f7afc] .course-dialog .t-dialog__body,[data-v-bb7f7afc] .course-dialog .t-dialog__wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}
[data-v-bb7f7afc] .course-dialog .t-dialog__header,[data-v-bb7f7afc] .course-dialog .t-dialog__footer,[data-v-bb7f7afc] .course-dialog .t-dialog__close {
  display: none !important;
}
.dialog-tip[data-v-bb7f7afc] {
  text-align: center;
  margin-bottom: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  border-radius: 12px;
  padding: 4px 18px;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.mobile-homework[data-v-40abcaee] {
  min-height: 100vh;
  background: #f5f5f5;
  padding: 16px;
  padding-bottom: 80px;
  max-width: 414px;
  margin: 0 auto;
}
.mobile-homework .header[data-v-40abcaee] {
  text-align: center;
  margin-bottom: 20px;
  background: white;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.mobile-homework .header h1[data-v-40abcaee] {
  margin: 0;
  margin-bottom: 16px;
  font-size: 20px;
  color: var(--td-text-color-primary);
}
.mobile-homework .header .programming-notice[data-v-40abcaee] {
  margin: 12px 0;
}
.mobile-homework .header .programming-notice[data-v-40abcaee] .t-alert {
  border-radius: 6px;
  font-size: 14px;
}
.mobile-homework .header .student-info[data-v-40abcaee] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-homework .header .student-info[data-v-40abcaee] .t-input .t-input__inner {
  text-align: center;
  height: 40px;
  font-size: 16px;
}
.mobile-homework .header .student-info[data-v-40abcaee] .t-input .t-icon {
  color: var(--td-text-color-secondary);
}
.mobile-homework .content-wrapper .question-list .question-item[data-v-40abcaee] {
  background: white;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.mobile-homework .content-wrapper .question-list .question-item .question-header[data-v-40abcaee] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.mobile-homework .content-wrapper .question-list .question-item .question-header .question-number[data-v-40abcaee] {
  font-size: 16px;
  font-weight: 600;
  color: var(--td-brand-color);
}
.mobile-homework .content-wrapper .question-list .question-item .question-header .question-tags[data-v-40abcaee] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .question-text[data-v-40abcaee] {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
  color: var(--td-text-color-primary);
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .question-text[data-v-40abcaee] img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px auto;
  border-radius: 4px;
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .answer-options[data-v-40abcaee] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .answer-options .answer-option[data-v-40abcaee] {
  display: flex;
  align-items: flex-start;
  padding: 12px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .answer-options .answer-option .option-label[data-v-40abcaee] {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  font-weight: 500;
  font-size: 16px;
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .answer-options .answer-option .option-content[data-v-40abcaee] {
  flex: 1;
  font-size: 16px;
  line-height: 1.5;
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .answer-options .answer-option.selected[data-v-40abcaee] {
  border-color: var(--td-brand-color);
  background: var(--td-brand-color-1);
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .answer-options .answer-option.selected .option-label[data-v-40abcaee] {
  background: var(--td-brand-color);
  color: white;
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .answer-options .answer-option.correct[data-v-40abcaee] {
  border-color: var(--td-success-color);
  background: var(--td-success-color-1);
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .answer-options .answer-option.correct .option-label[data-v-40abcaee] {
  background: var(--td-success-color);
  color: white;
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .answer-options .answer-option.wrong[data-v-40abcaee] {
  border-color: var(--td-error-color);
  background: var(--td-error-color-1);
}
.mobile-homework .content-wrapper .question-list .question-item .question-content .answer-options .answer-option.wrong .option-label[data-v-40abcaee] {
  background: var(--td-error-color);
  color: white;
}
.mobile-homework .content-wrapper .action-bar[data-v-40abcaee] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px;
  background: white;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  max-width: 414px;
  margin: 0 auto;
}
.mobile-homework .content-wrapper .action-bar[data-v-40abcaee] .t-button {
  height: 48px;
  font-size: 16px;
}
.mobile-homework .error-container[data-v-40abcaee] {
  padding: 16px;
}
.mobile-homework .error-container .error-message[data-v-40abcaee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px;
}
.mobile-homework .error-container .error-message .error-title[data-v-40abcaee] {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--td-error-color);
}
.mobile-homework .error-container .error-message .error-detail[data-v-40abcaee] {
  margin: 0;
  font-size: 14px;
  color: var(--td-text-color-secondary);
  text-align: center;
  word-break: break-word;
}
.mobile-homework .error-container .error-message .error-button[data-v-40abcaee] {
  margin-top: 8px;
  min-width: 120px;
}
.mobile-homework .error-container[data-v-40abcaee] .t-alert {
  border-radius: 8px;
}

.header-content[data-v-d225585d] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.works-container[data-v-2d52ecb0] {
  padding: 20px;
  min-height: calc(100vh - 40px);
}
.works-container .works-card[data-v-2d52ecb0] {
  background: #fff;
  border-radius: 8px;
}
.works-container .works-card .header-content[data-v-2d52ecb0] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.works-container .works-card .table-area[data-v-2d52ecb0] {
  margin-top: 16px;
}
.homework-list-container[data-v-92e87ddc] {
  padding: 20px;
}
.homework-list-container .page-header[data-v-92e87ddc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.homework-list-container[data-v-92e87ddc] .t-card .t-card__body {
  padding: 20px;
}
.homework-list-container[data-v-92e87ddc] .t-button {
  margin: 0 4px;
}
.works-container[data-v-742b38c6] {
  padding: 20px;
}
.works-container .content[data-v-742b38c6] {
  background: #fff;
  border-radius: 8px;
  min-height: 300px;
}
.training-container[data-v-6b6ea9fb] {
  padding: 20px;
  min-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.training-container .content-area[data-v-6b6ea9fb] {
  flex: 1;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.training-container .content-area .tab-buttons[data-v-6b6ea9fb] {
  border-bottom: 1px solid var(--td-component-border);
}
.training-container .content-area .tab-buttons[data-v-6b6ea9fb] .t-tabs {
  padding: 0 20px;
}
.training-container .content-area .tab-buttons[data-v-6b6ea9fb] .t-tabs .t-tabs__nav {
  border-bottom: none;
}
.training-container .content-area .tab-buttons[data-v-6b6ea9fb] .t-tabs .t-tabs__nav-item {
  padding: 16px 24px;
  font-size: 16px;
}
.training-container .content-area .tab-buttons[data-v-6b6ea9fb] .t-tabs .t-tabs__nav-item .t-icon {
  font-size: 18px;
  margin-right: 8px;
}
.training-container .content-area .tab-buttons[data-v-6b6ea9fb] .t-tabs .t-tabs__nav-item.t-is-active {
  color: var(--td-brand-color);
  font-weight: 600;
}
.training-container .content-area .tab-buttons[data-v-6b6ea9fb] .t-tabs .t-tabs__nav-item.t-is-active .t-icon {
  color: var(--td-brand-color);
}
.training-container .content-area .component-content[data-v-6b6ea9fb] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.video-detail[data-v-d8a7cf5d] {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.video-detail .content-wrapper[data-v-d8a7cf5d] {
  position: relative;
  width: 100%;
  height: 100%;
}
.video-detail .video-info[data-v-d8a7cf5d] {
  margin-top: 16px;
}
.video-detail .video-info h4[data-v-d8a7cf5d] {
  font-size: 18px;
  margin: 0 0 8px;
  color: var(--td-text-color-primary);
}
.video-detail .empty-container[data-v-d8a7cf5d] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  width: 100%;
}
.tea-works-page[data-v-b3983fab] {
  padding: 20px;
  min-height: calc(100vh - 40px);
}
.tea-works-page .works-card[data-v-b3983fab] {
  background: #fff;
  border-radius: 8px;
}
.tea-works-page .works-card .header-content[data-v-b3983fab] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.tea-works-page .works-card .table-area[data-v-b3983fab] {
  margin-top: 16px;
}
.tea-works-page .works-card .pagination-area[data-v-b3983fab] {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}
.learned-container[data-v-b4cd396a] {
  padding: 20px;
  min-height: calc(100vh - 40px);
}
.learned-container .learned-card[data-v-b4cd396a] {
  background: #fff;
  border-radius: 8px;
}
.learned-container .learned-card .header-content[data-v-b4cd396a] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.learned-container .learned-card .table-area[data-v-b4cd396a] {
  margin-top: 16px;
}
[data-v-b4cd396a] .course-dialog .t-dialog,[data-v-b4cd396a] .course-dialog .t-dialog__body,[data-v-b4cd396a] .course-dialog .t-dialog__wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}
[data-v-b4cd396a] .course-dialog .t-dialog__header,[data-v-b4cd396a] .course-dialog .t-dialog__footer,[data-v-b4cd396a] .course-dialog .t-dialog__close {
  display: none !important;
}
dialog-tip[data-v-b4cd396a] {
  text-align: center;
  margin-bottom: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  border-radius: 12px;
  padding: 4px 18px;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.card-body-wrapper[data-v-b4cd396a] {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 80vh;
  overflow: hidden;
}
.prompt-preview-wrapper[data-v-0af7abcd] {
  position: relative;
  display: inline-block;
}
.prompt-preview-toggle[data-v-0af7abcd] {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid #d4a843;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.prompt-preview-toggle[data-v-0af7abcd]:hover,
.prompt-preview-toggle.active[data-v-0af7abcd] {
  transform: scale(1.1);
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.prompt-preview-toggle .prompt-toggle-icon[data-v-0af7abcd] {
  color: #8b7355;
}
.prompt-preview-detail[data-v-0af7abcd] {
  position: absolute;
  background: rgba(255, 255, 255, 0.98);
  border: 2px solid #d4a843;
  border-radius: 12px;
  padding: 12px 16px;
  min-width: 220px;
  max-width: 320px;
  max-height: 300px;
  overflow-y: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  animation: fadeIn-0af7abcd 0.2s ease-out;
}
.prompt-preview-detail.left[data-v-0af7abcd] {
  top: 0;
  right: 45px;
}
.prompt-preview-detail.right[data-v-0af7abcd] {
  top: 0;
  left: 45px;
}
.prompt-preview-detail.bottom[data-v-0af7abcd] {
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
}
.prompt-preview-detail.top[data-v-0af7abcd] {
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
}
.prompt-preview-content[data-v-0af7abcd] {
  text-align: left;
}
.prompt-preview-header[data-v-0af7abcd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(212, 168, 67, 0.3);
}
.prompt-preview-title[data-v-0af7abcd] {
  font-size: 14px;
  font-weight: bold;
  color: #8b7355;
  font-family: 'Georgia', serif;
}
.prompt-preview-close[data-v-0af7abcd] {
  width: 24px;
  height: 24px;
  border: none;
  background: rgba(139, 90, 43, 0.1);
  border-radius: 50%;
  color: #8b7355;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.prompt-preview-close[data-v-0af7abcd]:hover {
  background: rgba(139, 90, 43, 0.2);
  color: #5d4e37;
}
.prompt-preview-body[data-v-0af7abcd] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.prompt-preview-item[data-v-0af7abcd] {
  font-size: 12px;
  color: #5d4e37;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}
.prompt-preview-label[data-v-0af7abcd] {
  color: #8b7355;
  font-weight: 600;
}
@keyframes fadeIn-0af7abcd {
from {
    opacity: 0;
    transform: translateX(10px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.book-modal-overlay[data-v-a986e23e] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}
.book-modal-content[data-v-a986e23e] {
  background: transparent;
  width: auto;
  max-width: none;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.book-modal-body[data-v-a986e23e] {
  padding: 0;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.empty-tip[data-v-a986e23e] {
  padding: 40px 60px;
  background: #fff;
  border-radius: 8px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.page-tip[data-v-a986e23e] {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 16px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  z-index: 10001;
  animation: tip-fade-in-a986e23e 0.3s ease;
}
.page-tip.first[data-v-a986e23e] {
  background: rgba(22, 119, 255, 0.9);
}
.page-tip.last[data-v-a986e23e] {
  background: rgba(255, 108, 0, 0.9);
}
@keyframes tip-fade-in-a986e23e {
from {
    opacity: 0;
    transform: translateX(-50%) translateY(-10px);
}
to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
}
.book-wrapper[data-v-a986e23e] {
  position: relative;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}
.book-wrapper.book-animate[data-v-a986e23e] {
  animation: book-open-a986e23e 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes book-open-a986e23e {
from {
    opacity: 0;
    transform: scale(0.3) translateY(100px);
}
to {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
.book[data-v-a986e23e] {
  position: relative;
}
.book-page[data-v-a986e23e] {
  background: #fff9e6;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.book-page.blank-page[data-v-a986e23e] {
  background: #faf8f0;
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.05);
}
.blank-page-content[data-v-a986e23e] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blank-page-text[data-v-a986e23e] {
  font-size: 48px;
  color: #d4c4a8;
  font-family: 'Georgia', 'Times New Roman', serif;
  letter-spacing: 8px;
}
.page-content[data-v-a986e23e] {
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
}
.page-image[data-v-a986e23e] {
  width: 100%;
  height: 75%;
  object-fit: contain;
  border-radius: 4px;
  margin-bottom: 16px;
}
.page-text[data-v-a986e23e] {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  font-family: 'Georgia', 'Times New Roman', serif;
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}
.page-number[data-v-a986e23e] {
  position: absolute;
  bottom: 12px;
  font-size: 14px;
  color: #999;
  font-family: 'Georgia', 'Times New Roman', serif;
}
.cover-page[data-v-a986e23e] {
  background: linear-gradient(135deg, #8b7355 0%, #6b5a42 100%);
  border: 3px solid #c4a574;
}
.cover-content[data-v-a986e23e] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8b7355 0%, #6b5a42 100%);
}
.cover-title[data-v-a986e23e] {
  font-size: 36px;
  color: #f5e6c8;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  font-family: 'Georgia', 'Times New Roman', serif;
  text-align: center;
}
.cover-decoration[data-v-a986e23e] {
  position: absolute;
  top: 20px;
  right: 20px;
}
.cover-corner[data-v-a986e23e] {
  width: 60px;
  height: 60px;
  border-top: 3px solid #f5e6c8;
  border-right: 3px solid #f5e6c8;
  border-radius: 0 0 0 100%;
}
.back-cover[data-v-a986e23e] {
  background: linear-gradient(135deg, #6b5a42 0%, #8b7355 100%);
}
.back-text[data-v-a986e23e] {
  font-size: 48px;
  color: #f5e6c8;
  font-family: 'Georgia', 'Times New Roman', serif;
}
.page-prompt-preview[data-v-a986e23e] {
  position: absolute;
  top: 10px;
  z-index: 1000;
}
.page-prompt-preview[data-v-a986e23e] .prompt-preview-detail {
  z-index: 1001;
}
.page-prompt-preview-left[data-v-a986e23e] {
  left: 10px;
}
.page-prompt-preview-right[data-v-a986e23e] {
  right: 10px;
}
[data-v-a986e23e] .page-flip {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
[data-v-a986e23e] .page-flip__page {
  border: none;
}
[data-v-a986e23e] .page-flip__page.--hard {
  background: linear-gradient(135deg, #8b7355 0%, #6b5a42 100%);
}
.ai-picture-book-container[data-v-54334b74] {
  padding: 20px;
  min-height: calc(100vh - 40px);
}
.ai-picture-book-container .ai-picture-book-card[data-v-54334b74] {
  background: #fff;
  border-radius: 8px;
}
.ai-picture-book-container .ai-picture-book-card .header-content[data-v-54334b74] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.dashboard-container .stat-card[data-v-61af3b45] {
  margin-bottom: 16px;
}
.dashboard-container .stat-card .stat-value[data-v-61af3b45] {
  font-size: 24px;
  font-weight: bold;
  margin: 16px 0;
}
.dashboard-container .stat-card .stat-trend[data-v-61af3b45] {
  color: var(--td-text-color-secondary);
  font-size: 14px;
}
.dashboard-container .stat-card .stat-trend .trend-up[data-v-61af3b45] {
  color: var(--td-success-color);
  margin-right: 4px;
}
.dashboard-container .stat-card .stat-trend .trend-down[data-v-61af3b45] {
  color: var(--td-error-color);
  margin-right: 4px;
}
.dashboard-container .chart-card[data-v-61af3b45] {
  margin: 16px 0;
}
.dashboard-container .chart-card .chart-placeholder[data-v-61af3b45] {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--td-bg-color-component);
  color: var(--td-text-color-secondary);
}
.dashboard-container[data-v-61af3b45] .t-card {
  margin-bottom: 16px;
}
.campus-container .search-input[data-v-526c1d76] {
  width: 260px;
}

/* 可添加自定义样式 */
.logs-container .card-header-row[data-v-cce6b1e2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.logs-container .card-header-row .student-info[data-v-cce6b1e2] {
  min-width: 120px;
  font-weight: bold;
  color: #222;
  margin-right: 16px;
}
.logs-container .card-header-row .date-picker[data-v-cce6b1e2] {
  width: 260px;
}
.logs-container .card-header-row .right-btns[data-v-cce6b1e2] {
  margin-left: auto;
}
:root,
:host {
  --w-e-textarea-bg-color: #fff;
  --w-e-textarea-color: #333;
  --w-e-textarea-border-color: #ccc;
  --w-e-textarea-slight-border-color: #e8e8e8;
  --w-e-textarea-slight-color: #d4d4d4;
  --w-e-textarea-slight-bg-color: #f5f2f0;
  --w-e-textarea-selected-border-color: #B4D5FF;
  --w-e-textarea-handler-bg-color: #4290f7;
  --w-e-toolbar-color: #595959;
  --w-e-toolbar-bg-color: #fff;
  --w-e-toolbar-active-color: #333;
  --w-e-toolbar-active-bg-color: #f1f1f1;
  --w-e-toolbar-disabled-color: #999;
  --w-e-toolbar-border-color: #e8e8e8;
  --w-e-modal-button-bg-color: #fafafa;
  --w-e-modal-button-border-color: #d9d9d9;
}

.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}
.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}

.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}
.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}

.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}.questions-container[data-v-e34f468a] {
  padding: 20px;
}
.questions-container[data-v-e34f468a] .t-card__header-wrapper {
  width: 100%;
}
.questions-container .header-row[data-v-e34f468a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.questions-container .filters[data-v-e34f468a] {
  flex: 1;
}
.questions-container .actions[data-v-e34f468a] {
  margin-left: 16px;
}
.questions-container .filter-select[data-v-e34f468a] {
  width: 180px;
}
.questions-container .search-input[data-v-e34f468a] {
  width: 300px;
}
.questions-container .question-detail[data-v-e34f468a] {
  line-height: 1.6;
}
.questions-container .question-detail h3[data-v-e34f468a] {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.questions-container .question-detail .question-content p[data-v-e34f468a] {
  margin-bottom: 10px;
}
.questions-container .question-content[data-v-e34f468a] {
  line-height: 1.6;
}
.questions-container .question-content .question-title[data-v-e34f468a] {
  margin-bottom: 10px;
  font-weight: 500;
}
.questions-container .question-content .question-options[data-v-e34f468a] {
  margin-bottom: 10px;
}
.questions-container .question-content .question-options .option-item[data-v-e34f468a] {
  margin-bottom: 5px;
  padding-left: 20px;
}
.questions-container .question-content .question-options .option-item.correct[data-v-e34f468a] {
  color: #00b42a;
  font-weight: 500;
}
.questions-container .question-content .question-correct[data-v-e34f468a] {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #eee;
  color: #1890ff;
  font-weight: 500;
}
.testpaper-container .search-select[data-v-56b2bc4f] {
  width: 180px;
}
.testpaper-container .search-input[data-v-56b2bc4f] {
  width: 300px;
}
.training-container .search-select[data-v-6c0487cf] {
  width: 180px;
}
.training-container .search-input[data-v-6c0487cf] {
  width: 300px;
}
.competitions-container[data-v-759db9e9] {
  width: 100%;
  height: 100%;
}
.competitions-container .header-container[data-v-759db9e9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.competitions-container .competition-type-selector[data-v-759db9e9] {
  display: flex;
  gap: 16px;
}
.competitions-container .button-container[data-v-759db9e9] {
  display: flex;
  justify-content: flex-end;
}
.competitions-container .competition-detail h2[data-v-759db9e9] {
  margin-bottom: 24px;
  color: var(--td-text-color-primary);
  font-size: 20px;
  font-weight: 600;
}
.competitions-container .competition-detail .detail-info p[data-v-759db9e9] {
  margin: 12px 0;
  line-height: 1.5;
}
.competitions-container .competition-detail .detail-info .competition-description[data-v-759db9e9] {
  margin: 12px 0;
  padding: 16px;
  background-color: #f5f7fa;
  border-radius: 8px;
  line-height: 1.6;
}
.competitions-container .competition-detail .detail-info .competition-description h1[data-v-759db9e9],
.competitions-container .competition-detail .detail-info .competition-description h2[data-v-759db9e9],
.competitions-container .competition-detail .detail-info .competition-description h3[data-v-759db9e9],
.competitions-container .competition-detail .detail-info .competition-description h4[data-v-759db9e9],
.competitions-container .competition-detail .detail-info .competition-description h5[data-v-759db9e9],
.competitions-container .competition-detail .detail-info .competition-description h6[data-v-759db9e9] {
  margin: 16px 0 8px 0;
  color: var(--td-text-color-primary);
}
.competitions-container .competition-detail .detail-info .competition-description p[data-v-759db9e9] {
  margin: 8px 0;
}
.competitions-container .competition-detail .detail-info .competition-description img[data-v-759db9e9] {
  max-width: 100%;
  height: auto;
  margin: 8px 0;
  border-radius: 4px;
}
.competitions-container .competition-detail .detail-info .competition-description br[data-v-759db9e9] {
  line-height: 1.5;
}
.pagination-container[data-v-759db9e9] {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.status-display[data-v-759db9e9] {
  padding: 8px 12px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  background-color: #f5f7fa;
  font-size: 14px;
  color: #606266;
  height: 36px;
  line-height: 18px;
  box-sizing: border-box;
  width: 100%;
}
.groups-section[data-v-759db9e9] {
  margin-top: 32px;
}
.groups-section h3[data-v-759db9e9] {
  margin-bottom: 16px;
  color: var(--td-text-color-primary);
  font-size: 16px;
  font-weight: 600;
}
.groups-section .groups-header[data-v-759db9e9] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}
.groups-section[data-v-759db9e9] .t-table {
  margin-top: 16px;
}
.group-manager h3[data-v-759db9e9] {
  margin-bottom: 24px;
  color: var(--td-text-color-primary);
  font-size: 18px;
  font-weight: 600;
}
.group-manager .groups-header[data-v-759db9e9] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}
.group-manager[data-v-759db9e9] .t-table {
  margin-top: 16px;
}
.ranking-content[data-v-759db9e9] {
  display: flex;
  flex-direction: column;
  max-height: 60vh;
}
.ranking-table-wrapper[data-v-759db9e9] {
  flex: 1;
  overflow: hidden;
}
.ranking-tabs[data-v-759db9e9] {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e7e7e7;
  overflow-x: auto;
}
.ranking-tabs .ranking-tab[data-v-759db9e9] {
  padding: 8px 20px;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  font-size: 14px;
  color: #666;
  background: #f5f5f5;
}
.ranking-tabs .ranking-tab[data-v-759db9e9]:hover {
  background: #e8e8e8;
}
.ranking-tabs .ranking-tab.active[data-v-759db9e9] {
  background: var(--td-brand-color);
  color: white;
}
.competitor-container[data-v-c54df1d1] {
  width: 100%;
  height: 100%;
  padding: 20px;
  /* 响应式布局 */
}
.competitor-container .card-header[data-v-c54df1d1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.competitor-container .card-header h2[data-v-c54df1d1] {
  margin: 0;
  color: var(--td-text-color-primary);
  font-size: 20px;
  font-weight: 600;
}
.competitor-container .card-header .header-actions[data-v-c54df1d1] {
  display: flex;
  align-items: center;
}
.competitor-container .group-section[data-v-c54df1d1] {
  margin-bottom: 32px;
}
.competitor-container .group-section .group-header[data-v-c54df1d1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #e4e7ed;
}
.competitor-container .group-section .group-header h3[data-v-c54df1d1] {
  margin: 0;
  color: var(--td-text-color-primary);
  font-size: 16px;
  font-weight: 600;
}
.competitor-container .group-section .group-header .group-count[data-v-c54df1d1] {
  font-size: 14px;
  color: var(--td-text-color-secondary);
  background-color: #f5f7fa;
  padding: 2px 8px;
  border-radius: 12px;
}
.competitor-container .competitor-grid[data-v-c54df1d1] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.competitor-container .competitor-card[data-v-c54df1d1] {
  padding: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease;
}
.competitor-container .competitor-card[data-v-c54df1d1]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.competitor-container .competitor-card .competitor-avatar[data-v-c54df1d1] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 10px;
}
.competitor-container .competitor-card .competitor-avatar img[data-v-c54df1d1] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.competitor-container .competitor-card .competitor-info[data-v-c54df1d1] {
  text-align: center;
  margin-bottom: 10px;
}
.competitor-container .competitor-card .competitor-info h4[data-v-c54df1d1] {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--td-text-color-primary);
}
.competitor-container .competitor-card .competitor-info p[data-v-c54df1d1] {
  margin: 4px 0;
  font-size: 12px;
  color: var(--td-text-color-secondary);
}
.competitor-container .competitor-card .competitor-info .competitor-score[data-v-c54df1d1] {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #e4e7ed;
}
.competitor-container .competitor-card .competitor-info .score-value[data-v-c54df1d1] {
  padding: 2px 6px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 12px;
}
.competitor-container .competitor-card .competitor-info .score-high[data-v-c54df1d1] {
  background-color: #f0f9eb;
  color: #52c41a;
  border: 1px solid #b7eb8f;
}
.competitor-container .competitor-card .competitor-info .score-medium[data-v-c54df1d1] {
  background-color: #fff7e6;
  color: #fa8c16;
  border: 1px solid #ffd591;
}
.competitor-container .competitor-card .competitor-info .score-low[data-v-c54df1d1] {
  background-color: #fff1f0;
  color: #ff4d4f;
  border: 1px solid #ffccc7;
}
.competitor-container .competitor-card .competitor-action[data-v-c54df1d1] {
  text-align: center;
}
.competitor-container .competitor-card .competitor-action button[data-v-c54df1d1] {
  font-size: 12px;
  padding: 4px 8px;
}
@media (max-width: 1200px) {
.competitor-container .competitor-grid[data-v-c54df1d1] {
    grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 992px) {
.competitor-container .competitor-grid[data-v-c54df1d1] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 768px) {
.competitor-container .competitor-grid[data-v-c54df1d1] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 576px) {
.competitor-container .competitor-grid[data-v-c54df1d1] {
    grid-template-columns: repeat(2, 1fr);
}
}
.competitor-container .empty-state[data-v-c54df1d1] {
  margin: 40px 0;
  text-align: center;
}
.competitor-container .testpaper-content h3[data-v-c54df1d1] {
  margin: 20px 0 10px 0;
  color: var(--td-text-color-primary);
  font-size: 16px;
  font-weight: 600;
}
.competitor-container .testpaper-content .student-info[data-v-c54df1d1] {
  padding: 16px;
  background-color: #f5f7fa;
  border-radius: 8px;
  margin-bottom: 20px;
}
.competitor-container .testpaper-content .student-info p[data-v-c54df1d1] {
  margin: 8px 0;
}
.competitor-container .testpaper-content .testpaper-component[data-v-c54df1d1] {
  margin-top: 16px;
}
.competitor-container .testpaper-content .scoring-section[data-v-c54df1d1] {
  margin-top: 32px;
  padding: 20px;
  background-color: #f5f7fa;
  border-radius: 8px;
}
.competitor-container .testpaper-content .scoring-section h3[data-v-c54df1d1] {
  margin-top: 0;
  margin-bottom: 16px;
}
.competitor-container .testpaper-content .scoring-section .score-input-area[data-v-c54df1d1] {
  display: flex;
  align-items: center;
}
.competitor-container .testpaper-content .scoring-section .score-input-area[data-v-c54df1d1] .t-input-number {
  margin-right: 16px;
}
.login-wrapper[data-v-aafc8ba5] {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10%;
  background: url('/assets/platform-login-bg.D9bSoqC_.jpeg') no-repeat center center;
  background-size: cover;
  position: relative;
}
.logo-container[data-v-aafc8ba5] {
  position: absolute;
  top: 30px;
  right: 50px;
}
.logo-container .logo[data-v-aafc8ba5] {
  height: 80px;
  width: auto;
}
.login-container[data-v-aafc8ba5] {
  width: 400px;
  padding: 40px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  position: relative;
}
.login-container .title-container[data-v-aafc8ba5] {
  text-align: center;
  margin-bottom: 40px;
}
.login-container .title-container .title[data-v-aafc8ba5] {
  font-size: 28px;
  color: var(--td-text-color-primary);
  font-weight: 500;
  margin-bottom: 8px;
}
.login-container .title-container .sub-title[data-v-aafc8ba5] {
  font-size: 16px;
  color: var(--td-text-color-secondary);
}
.login-container[data-v-aafc8ba5] .t-form .t-form__controls {
  margin-left: 0;
}
.login-container[data-v-aafc8ba5] .t-form .t-form-item {
  margin-bottom: 0;
  padding: 0;
}
.login-container[data-v-aafc8ba5] .t-form .t-form-item__label {
  display: none;
}
.login-container[data-v-aafc8ba5] .t-form-controls {
  margin-left: 0 !important;
}
.login-container[data-v-aafc8ba5] .t-input {
  height: 48px;
  border-radius: 6px;
  margin-bottom: 20px;
}
.login-container[data-v-aafc8ba5] .t-input__inner {
  font-size: 16px;
}
.login-container .login-btn[data-v-aafc8ba5] {
  width: 100%;
  height: 48px;
  font-size: 16px;
  margin-top: 12px;
  background: var(--td-brand-color);
  border: none;
  border-radius: 6px;
}
.login-container .login-btn[data-v-aafc8ba5]:hover {
  background: var(--td-brand-color-hover);
}
.login-container .login-btn[data-v-aafc8ba5]:active {
  background: var(--td-brand-color-active);
}
.login-modal-overlay[data-v-803154c3] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-modal-content[data-v-803154c3] {
  width: 800px;
  height: 450px;
  max-width: 90%;
  animation: fadeInModal-803154c3 0.3s ease-out;
}
.login-modal-body[data-v-803154c3] {
  width: 100%;
  height: 100%;
  padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.username-wrapper[data-v-803154c3] {
  position: absolute;
  top: 160px;
  left: 170px;
}
.account-tip[data-v-803154c3] {
  position: absolute;
  top: 210px;
  left: 320px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px dashed rgba(212, 168, 67, 0.6);
  border-radius: 6px;
}
.account-tip .tip-icon[data-v-803154c3] {
  font-size: 16px;
  filter: drop-shadow(0 0 2px rgba(212, 168, 67, 0.8));
}
.account-tip .tip-text[data-v-803154c3] {
  color: #8b6f2e;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
}
.password-wrapper[data-v-803154c3] {
  position: absolute;
  top: 250px;
  left: 170px;
}
.button-wrapper[data-v-803154c3] {
  position: absolute;
  top: 330px;
  left: 300px;
}
.login-form-group[data-v-803154c3] {
  margin-bottom: 0;
}
.login-form-input[data-v-803154c3] {
  padding: 12px 15px;
  border-radius: 10px;
  font-size: 16px;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  transition: all 0.3s ease;
  background: transparent;
  border: unset;
}
.login-form-input[data-v-803154c3]:focus {
  outline: none;
}
.login-form-input[data-v-803154c3]::placeholder {
  color: #999;
}
.username-input[data-v-803154c3] {
  width: 60%;
  margin-left: 150px;
}
.password-input[data-v-803154c3] {
  width: 40%;
  margin-left: 150px;
}
.login-button-container[data-v-803154c3] {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.login-button[data-v-803154c3] {
  width: 150px;
  height: 50px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border-radius: 25px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.login-button[data-v-803154c3]:hover:not(:disabled) {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}
.login-button[data-v-803154c3]:active:not(:disabled) {
  transform: scale(0.95);
}
.login-button[data-v-803154c3]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.login-button.logging-in[data-v-803154c3] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.login-button.logging-in .logging-text[data-v-803154c3] {
  color: white;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.login-button.register[data-v-803154c3] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.login-button.register .logging-text[data-v-803154c3] {
  color: white;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.login-button .logging-text[data-v-803154c3] {
  color: white;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
@keyframes fadeInModal-803154c3 {
from {
    opacity: 0;
    transform: scale(0.9);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
.register-dialog-content[data-v-803154c3] {
  padding: 24px;
  text-align: center;
  font-size: 16px;
  color: #666;
}
.comic-page[data-v-5d0283ce] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.comic-background[data-v-5d0283ce] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/assets/20260106100343552.jTPi7ejr.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.comic-content[data-v-5d0283ce] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: white;
  text-align: center;
}
.comic-title[data-v-5d0283ce] {
  font-size: 3.5vw;
  font-weight: bold;
  margin-bottom: 2vh;
  text-shadow: 0.1vw 0.1vw 0.5vw rgba(0, 0, 0, 0.5);
  letter-spacing: 0.2vw;
}
.comic-subtitle[data-v-5d0283ce] {
  font-size: 1.5vw;
  font-weight: 300;
  text-shadow: 0.05vw 0.05vw 0.3vw rgba(0, 0, 0, 0.5);
  opacity: 0.9;
}
.comic-logo[data-v-5d0283ce] {
  position: absolute;
  top: 2vh;
  left: 1.5vw;
  z-index: 3;
  padding: 1vh;
  background: transparent;
  border-radius: 0.5vw;
}
.logo-image[data-v-5d0283ce] {
  max-width: 16vw;
  max-height: 12vh;
  object-fit: contain;
}
.campus-entry[data-v-5d0283ce] {
  position: absolute;
  top: 2vh;
  right: 1.5vw;
  z-index: 3;
}
.campus-entry-button[data-v-5d0283ce] {
  padding: 1vh 1.5vw;
  background: rgba(255, 255, 255, 0.9);
  border: 0.15vw solid #4A90E2;
  border-radius: 2vw;
  font-size: 0.9vw;
  font-weight: 600;
  color: #4A90E2;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 0.3vw 1vw rgba(74, 144, 226, 0.3);
}
.campus-entry-button[data-v-5d0283ce]:hover {
  background: #4A90E2;
  color: white;
  transform: translateY(-0.2vh);
  box-shadow: 0 0.5vw 1.5vw rgba(74, 144, 226, 0.4);
}
.campus-entry-button[data-v-5d0283ce]:active {
  transform: translateY(0);
}
.comic-right-image[data-v-5d0283ce] {
  position: absolute;
  top: 15vh;
  right: 5vw;
  z-index: 2;
  animation: fadeInRight-5d0283ce 1s ease-out;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.right-image[data-v-5d0283ce] {
  max-width: 28vw;
  max-height: 55vh;
  object-fit: contain;
  filter: drop-shadow(0 0.8vw 2vw rgba(0, 0, 0, 0.3));
}
.slogan-text[data-v-5d0283ce] {
  text-align: center;
  font-size: 1.4vw;
  margin-top: 1vh;
  font-weight: 700;
  line-height: 1.4;
  padding: 1vh 0;
  animation: fadeInUp-5d0283ce 1s ease-out 0.5s both;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  background: linear-gradient(135deg, #4A90E2 0%, #00D4FF 50%, #9B59B6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.slogan-buttons[data-v-5d0283ce] {
  display: flex;
  gap: 1vw;
  margin-top: 2vh;
  justify-content: center;
  animation: fadeInUp-5d0283ce 1s ease-out 0.8s both;
}
.slogan-button[data-v-5d0283ce] {
  padding: 1.5vh 2vw;
  font-size: 1vw;
  font-weight: 700;
  border: none;
  border-radius: 2vw;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.2);
}
.button-primary[data-v-5d0283ce] {
  background: linear-gradient(135deg, #4A90E2 0%, #00D4FF 100%);
  color: white;
}
.button-primary[data-v-5d0283ce]:hover {
  transform: translateY(-0.2vh);
  box-shadow: 0 0.5vw 1.5vw rgba(74, 144, 226, 0.4);
}
.button-secondary[data-v-5d0283ce] {
  background: linear-gradient(135deg, #FF6B9D 0%, #FFD700 100%);
  color: white;
}
.button-secondary[data-v-5d0283ce]:hover {
  transform: translateY(-0.2vh);
  box-shadow: 0 0.5vw 1.5vw rgba(255, 107, 157, 0.4);
}
.slogan-button[data-v-5d0283ce]:active {
  transform: translateY(0);
}
.comic-overlay[data-v-5d0283ce] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 100;
}
.wizard-image[data-v-5d0283ce] {
  position: absolute;
  max-width: 12vw;
  max-height: 20vh;
  object-fit: contain;
  cursor: grab;
  pointer-events: auto;
  animation: floatWizard-5d0283ce 3s ease-in-out infinite;
  filter: drop-shadow(0 0.8vw 1.5vw rgba(0, 0, 0, 0.3));
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.wizard-image[data-v-5d0283ce]:active {
  cursor: grabbing;
}
.wizard-wrapper[data-v-5d0283ce] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wizard-dialog[data-v-5d0283ce] {
  position: absolute;
  top: -8vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  animation: fadeInDialog-5d0283ce 0.5s ease-out;
}
.wizard-entry-name[data-v-5d0283ce] {
  position: absolute;
  top: -5vh;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  padding: 1vh 1.5vw;
  border-radius: 2vw;
  border: 0.15vw solid #4A90E2;
  box-shadow: 0 0.5vw 1.5vw rgba(0, 0, 0, 0.2);
  font-size: 0.9vw;
  font-weight: 700;
  color: #4A90E2;
  white-space: nowrap;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  z-index: 10;
  animation: floatLabel-5d0283ce 2s ease-in-out infinite;
}
@keyframes floatLabel-5d0283ce {
0%,
  100% {
    transform: translateX(-50%) translateY(0);
}
50% {
    transform: translateX(-50%) translateY(-0.5vh);
}
}
.dialog-bubble[data-v-5d0283ce] {
  background: white;
  padding: 1.5vh 2vw;
  border-radius: 50%;
  border: 0.2vw solid #333;
  box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.2);
  font-size: 0.9vw;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
  position: relative;
  animation: bounceDialog-5d0283ce 2s ease-in-out infinite;
  font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', cursive, sans-serif;
  min-width: 12vw;
  text-align: center;
}
.dialog-bubble[data-v-5d0283ce]::before {
  content: '';
  position: absolute;
  bottom: -2.5vh;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 1.5vw solid transparent;
  border-right: 1.5vw solid transparent;
  border-top: 2.5vh solid #333;
}
.dialog-bubble[data-v-5d0283ce]::after {
  content: '';
  position: absolute;
  bottom: -1.8vh;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 1.2vw solid transparent;
  border-right: 1.2vw solid transparent;
  border-top: 2vh solid white;
}
@keyframes fadeInDialog-5d0283ce {
from {
    opacity: 0;
    transform: translateX(-50%) translateY(-1vh);
}
to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
}
@keyframes bounceDialog-5d0283ce {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-0.5vh);
}
}
.wizard-image.no-animation[data-v-5d0283ce] {
  animation: none;
}
@keyframes floatWizard-5d0283ce {
0%,
  100% {
    transform: translateY(0) rotate(0deg);
}
25% {
    transform: translateY(-1.5vh) rotate(2deg);
}
50% {
    transform: translateY(0) rotate(0deg);
}
75% {
    transform: translateY(-1vh) rotate(-2deg);
}
}
@keyframes fadeInUp-5d0283ce {
from {
    opacity: 0;
    transform: translateY(2vh);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeInRight-5d0283ce {
from {
    opacity: 0;
    transform: translateX(3vw);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@media (max-width: 768px) {
.comic-right-image[data-v-5d0283ce] {
    top: 10vh;
    right: 2vw;
}
.right-image[data-v-5d0283ce] {
    max-width: 35vw;
    max-height: 30vh;
}
.wizard-image[data-v-5d0283ce] {
    max-width: 15vw;
    max-height: 15vh;
}
.comic-overlay[data-v-5d0283ce] {
    padding-top: 15vh;
}
.slogan-text[data-v-5d0283ce] {
    font-size: 2vw;
}
.slogan-button[data-v-5d0283ce] {
    padding: 1vh 1.5vw;
    font-size: 1.5vw;
}
}
.comic-modal-overlay[data-v-5d0283ce] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: fadeInModal-5d0283ce 0.3s ease-out;
}
.comic-modal-content[data-v-5d0283ce] {
  width: 80%;
  height: 80%;
  background: linear-gradient(180deg, #FFF9E6 0%, #FFE4B5 100%);
  border-radius: 2vw;
  border: 0.5vw solid #FFD700;
  box-shadow: 0 1.5vw 4vw rgba(0, 0, 0, 0.3), inset 0 0.2vw 0.8vw rgba(255, 255, 255, 0.8), 0 0 0 0.3vw #FFA500, 0 0 0 0.5vw #FFD700;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: bounceInModal-5d0283ce 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  position: relative;
}
.comic-modal-content[data-v-5d0283ce]::before {
  content: '★';
  position: absolute;
  top: 1.5vh;
  left: 1.5vw;
  font-size: 2.5vw;
  color: #FFD700;
  text-shadow: 0 0.2vw 0.5vw rgba(0, 0, 0, 0.2);
  animation: twinkle-5d0283ce 1.5s ease-in-out infinite;
}
.comic-modal-content[data-v-5d0283ce]::after {
  content: '★';
  position: absolute;
  top: 1.5vh;
  right: 4vw;
  font-size: 2vw;
  color: #FFA500;
  text-shadow: 0 0.2vw 0.5vw rgba(0, 0, 0, 0.2);
  animation: twinkle-5d0283ce 1.5s ease-in-out infinite 0.5s;
}
.comic-modal-header[data-v-5d0283ce] {
  padding: 2vh 2vw;
  display: flex;
  justify-content: flex-end;
  background: linear-gradient(180deg, #FF6B9D 0%, #FF8E53 100%);
  border-bottom: 0.4vw solid #FFD700;
  position: relative;
}
.comic-modal-header[data-v-5d0283ce]::before {
  content: '';
  position: absolute;
  bottom: -0.8vh;
  left: 10%;
  width: 80%;
  height: 0.4vh;
  background: linear-gradient(90deg, transparent, #FFD700, transparent);
}
.comic-modal-close[data-v-5d0283ce] {
  background: white;
  border: 0.2vw solid #FF6B9D;
  border-radius: 50%;
  width: 3vw;
  height: 3vw;
  min-width: 36px;
  min-height: 36px;
  font-size: 1.5vw;
  color: #FF6B9D;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 0.3vw 0.8vw rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.comic-modal-close[data-v-5d0283ce]:hover {
  background: #FF6B9D;
  color: white;
  transform: rotate(90deg) scale(1.1);
}
.comic-modal-close[data-v-5d0283ce]:active {
  transform: rotate(90deg) scale(0.95);
}
.comic-modal-body[data-v-5d0283ce] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2vh;
  background: linear-gradient(180deg, #FFF9E6 0%, #FFF5D6 50%, #FFE4B5 100%);
  position: relative;
  overflow: hidden;
}
.comic-modal-body[data-v-5d0283ce]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 20% 30%, rgba(255, 215, 0, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255, 107, 157, 0.1) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(255, 142, 83, 0.05) 0%, transparent 70%);
  pointer-events: none;
}
.comic-modal-image[data-v-5d0283ce] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 1vw;
  box-shadow: 0 0.5vw 2vw rgba(0, 0, 0, 0.2);
  animation: fadeInImage-5d0283ce 0.5s ease-out;
}
@keyframes fadeInImage-5d0283ce {
from {
    opacity: 0;
    transform: scale(0.9);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes fadeInModal-5d0283ce {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes bounceInModal-5d0283ce {
0% {
    opacity: 0;
    transform: scale(0.3) translateY(-5vh);
}
50% {
    transform: scale(1.05) translateY(0);
}
70% {
    transform: scale(0.95) translateY(-0.5vh);
}
100% {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
@keyframes twinkle-5d0283ce {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(0.8);
}
}
.back-button[data-v-44112d1a] {
  width: 120px;
  height: 50px;
  background-color: transparent;
  background-image: url('/assets/backButton.DRg9RYPW.webp');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.back-button[data-v-44112d1a]:hover {
  transform: translateY(-2px);
}
.back-button[data-v-44112d1a]:active {
  transform: translateY(0);
}
.guide-overlay[data-v-55ca1fa4] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9998;
  transition: opacity 0.3s ease;
}
.guide-overlay.with-highlight[data-v-55ca1fa4] {
  background: rgba(0, 0, 0, 0.5);
}
.guide-highlight[data-v-55ca1fa4] {
  position: absolute;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 9999;
}
.guide-highlight[data-v-55ca1fa4]::after {
  content: '';
  position: absolute;
  inset: -4px;
  border: 2px solid #ffd700;
  border-radius: 16px;
  animation: guide-pulse-55ca1fa4 2s ease-in-out infinite;
}
@keyframes guide-pulse-55ca1fa4 {
0%,
  100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.6;
    transform: scale(1.02);
}
}
.guide-tooltip[data-v-55ca1fa4] {
  position: fixed;
  z-index: 10000;
  max-width: 320px;
  background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 0 3px #ffd700;
  padding: 20px;
  transition: all 0.3s ease;
}
.guide-tooltip[data-v-55ca1fa4]::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.guide-tooltip.position-bottom[data-v-55ca1fa4]::before {
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff9e6 transparent;
}
.guide-tooltip.position-top[data-v-55ca1fa4]::before {
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px 10px 0 10px;
  border-color: #fff9e6 transparent transparent transparent;
}
.guide-tooltip.position-left[data-v-55ca1fa4]::before {
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fff9e6;
}
.guide-tooltip.position-right[data-v-55ca1fa4]::before {
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff9e6 transparent transparent;
}
.guide-header[data-v-55ca1fa4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.guide-step[data-v-55ca1fa4] {
  font-size: 12px;
  color: #ff8c00;
  font-weight: bold;
  background: rgba(255, 140, 0, 0.1);
  padding: 4px 10px;
  border-radius: 12px;
}
.guide-close[data-v-55ca1fa4] {
  width: 24px;
  height: 24px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  color: #666;
  transition: all 0.2s ease;
}
.guide-close[data-v-55ca1fa4]:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #333;
}
.guide-title[data-v-55ca1fa4] {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 0 0 10px 0;
  line-height: 1.4;
}
.guide-text[data-v-55ca1fa4] {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin: 0 0 16px 0;
}
.guide-actions[data-v-55ca1fa4] {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.guide-btn[data-v-55ca1fa4] {
  padding: 8px 16px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.guide-btn-prev[data-v-55ca1fa4] {
  background: #f0f0f0;
  color: #666;
}
.guide-btn-prev[data-v-55ca1fa4]:hover {
  background: #e0e0e0;
}
.guide-btn-next[data-v-55ca1fa4],
.guide-btn-finish[data-v-55ca1fa4] {
  background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
  color: #fff;
  font-weight: bold;
}
.guide-btn-next[data-v-55ca1fa4]:hover,
.guide-btn-finish[data-v-55ca1fa4]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 140, 0, 0.4);
}
.guide-fade-enter-active[data-v-55ca1fa4],
.guide-fade-leave-active[data-v-55ca1fa4] {
  transition: all 0.3s ease;
}
.guide-fade-enter-from[data-v-55ca1fa4],
.guide-fade-leave-to[data-v-55ca1fa4] {
  opacity: 0;
  transform: scale(0.9);
}
.character-library-overlay[data-v-4d745ea9] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1002;
}
.character-library-modal[data-v-4d745ea9] {
  position: relative;
  background: linear-gradient(135deg, #f5e6c8 0%, #faf5e8 50%, #f5e6c8 100%);
  border-radius: 20px;
  width: 90%;
  max-width: 1000px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 0 40px rgba(139, 119, 101, 0.15);
  border: 4px solid #c4a574;
}
.character-library-close[data-v-4d745ea9] {
  position: absolute;
  top: 16px;
  right: 20px;
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid #c4a574;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 28px;
  color: #5d4e37;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.character-library-close[data-v-4d745ea9]:hover {
  background: #ffffff;
  border-color: #8b7355;
  color: #3d2e1f;
  transform: rotate(90deg);
}
.character-library-header[data-v-4d745ea9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  border-bottom: 3px solid rgba(196, 165, 116, 0.5);
  background: rgba(255, 255, 255, 0.3);
}
.character-library-title[data-v-4d745ea9] {
  font-size: 28px;
  font-weight: bold;
  color: #5d4e37;
  margin: 0;
  font-family: 'Georgia', serif;
  text-shadow: 0 2px 4px rgba(255, 255, 255, 0.6);
}
.library-type-tabs[data-v-4d745ea9] {
  display: flex;
  justify-content: center;
  padding: 20px 32px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
  border-bottom: 1px solid rgba(196, 165, 116, 0.2);
}
.tab-container[data-v-4d745ea9] {
  position: relative;
  display: flex;
  background: rgba(245, 240, 230, 0.8);
  border-radius: 28px;
  padding: 4px;
  box-shadow: inset 0 2px 4px rgba(139, 119, 101, 0.1), 0 2px 8px rgba(139, 119, 101, 0.15);
  border: 1px solid rgba(196, 165, 116, 0.3);
}
.library-type-tab[data-v-4d745ea9] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 32px;
  background: transparent;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: 'Georgia', serif;
  font-size: 15px;
  font-weight: 600;
  color: #8b7355;
}
.library-type-tab .tab-icon[data-v-4d745ea9] {
  font-size: 18px;
  transition: transform 0.3s;
}
.library-type-tab .tab-text[data-v-4d745ea9] {
  font-size: 15px;
  letter-spacing: 0.5px;
}
.library-type-tab[data-v-4d745ea9]:hover {
  color: #6b5a42;
}
.library-type-tab:hover .tab-icon[data-v-4d745ea9] {
  transform: scale(1.1);
}
.library-type-tab.active[data-v-4d745ea9] {
  color: white;
}
.library-type-tab.active .tab-icon[data-v-4d745ea9] {
  transform: scale(1.15);
}
.tab-indicator[data-v-4d745ea9] {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  border-radius: 24px;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 3px 8px rgba(212, 168, 67, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.3);
  z-index: 1;
}
.tab-indicator.is-private[data-v-4d745ea9] {
  transform: translateX(100%);
}
.character-library-body[data-v-4d745ea9] {
  padding: 28px 32px;
  overflow-y: auto;
  flex: 1;
  background: rgba(255, 255, 255, 0.2);
  max-height: calc(170px * 2 + 24px * 3);
}
.library-loading[data-v-4d745ea9],
.library-empty[data-v-4d745ea9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: #5d4e37;
  font-family: 'Georgia', serif;
}
.library-loading .loading-spinner[data-v-4d745ea9],
.library-empty .empty-icon[data-v-4d745ea9] {
  font-size: 56px;
  margin-bottom: 20px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
.library-empty p[data-v-4d745ea9] {
  font-size: 17px;
  margin: 16px 0;
  font-weight: 500;
}
.create-first-character[data-v-4d745ea9] {
  margin-top: 24px;
  padding: 14px 36px;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
  border: 2px solid #8b7355;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Georgia', serif;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 4px 12px rgba(139, 119, 101, 0.3);
}
.create-first-character[data-v-4d745ea9]:hover {
  background: linear-gradient(135deg, #c4953a 0%, #b58632 100%);
  border-color: #6b5a42;
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(139, 119, 101, 0.4);
}
.character-library-grid[data-v-4d745ea9] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 24px;
}
.library-character-item[data-v-4d745ea9] {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 14px;
  padding: 14px;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  position: relative;
  border: 2px solid rgba(196, 165, 116, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.library-character-item[data-v-4d745ea9]:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(196, 165, 116, 0.6);
  transform: translateY(-6px);
  box-shadow: 0 6px 20px rgba(139, 119, 101, 0.25);
}
.library-character-item.is-public[data-v-4d745ea9] {
  border-color: rgba(212, 168, 67, 0.6);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 248, 220, 0.9) 100%);
}
.library-character-delete[data-v-4d745ea9] {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 77, 79, 0.9);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  opacity: 0;
  transition: all 0.3s;
  z-index: 20;
  font-size: 14px;
  pointer-events: auto;
}
.library-character-delete[data-v-4d745ea9]:hover {
  background: #ff4d4f;
  transform: scale(1.1) rotate(90deg);
  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.4);
}
.library-character-item:hover .library-character-delete[data-v-4d745ea9] {
  opacity: 1;
}
.library-character-image[data-v-4d745ea9] {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 2px solid rgba(196, 165, 116, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.library-character-name[data-v-4d745ea9] {
  font-size: 15px;
  color: #5d4e37;
  font-weight: 600;
  font-family: 'Georgia', serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.library-character-badge[data-v-4d745ea9] {
  position: absolute;
  top: 6px;
  left: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  background: linear-gradient(135deg, #52c41a 0%, #389e0d 100%);
  border-radius: 10px;
  font-size: 11px;
  color: white;
  font-weight: 600;
  font-family: 'Georgia', serif;
  box-shadow: 0 2px 6px rgba(82, 196, 26, 0.4);
  z-index: 11;
}
.library-character-badge .badge-icon[data-v-4d745ea9] {
  font-size: 12px;
}
.library-character-badge .badge-text[data-v-4d745ea9] {
  font-size: 10px;
}
@keyframes modalSlideIn-4d745ea9 {
from {
    opacity: 0;
    transform: translateY(-30px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.character-library-modal[data-v-4d745ea9] {
  animation: modalSlideIn-4d745ea9 0.3s ease-out;
}
.loading-spinner[data-v-4d745ea9] {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(196, 165, 116, 0.3);
  border-top-color: #d4a843;
  border-radius: 50%;
  animation: spin-4d745ea9 1s linear infinite;
}
@keyframes spin-4d745ea9 {
to {
    transform: rotate(360deg);
}
}
.character-modal-overlay[data-v-58e9d836] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: fadeIn-58e9d836 0.3s ease;
}
@keyframes fadeIn-58e9d836 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.character-modal-content[data-v-58e9d836] {
  width: 90%;
  max-width: 800px;
  max-height: 85vh;
  background: linear-gradient(135deg, rgba(245, 235, 220, 0.98) 0%, rgba(240, 225, 200, 0.98) 50%, rgba(235, 220, 190, 0.98) 100%);
  border-radius: 8px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(139, 90, 43, 0.3), inset 0 0 60px rgba(139, 90, 43, 0.05);
  border: 2px solid #8b5a2b;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: slideIn-58e9d836 0.3s ease;
  position: relative;
}
.character-modal-content[data-v-58e9d836]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(139, 90, 43, 0.03) 2px, rgba(139, 90, 43, 0.03) 4px), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(139, 90, 43, 0.03) 2px, rgba(139, 90, 43, 0.03) 4px);
  pointer-events: none;
  border-radius: 6px;
}
@keyframes slideIn-58e9d836 {
from {
    transform: translateY(-50px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
.character-modal-close[data-v-58e9d836] {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 36px;
  color: #5c3d2e;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  background: none;
  border: none;
  padding: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.character-modal-close[data-v-58e9d836]:hover {
  transform: rotate(90deg);
  color: #8b5a2b;
}
.character-modal-header[data-v-58e9d836] {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.character-modal-title[data-v-58e9d836] {
  font-size: 32px;
  font-weight: 800;
  color: #5c3d2e;
  text-align: center;
  margin: 0;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}
.clear-form-btn-icon[data-v-58e9d836] {
  position: relative;
  background: transparent;
  border: 2px solid #c4a574;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
}
.clear-form-btn-icon .broom-icon[data-v-58e9d836] {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.clear-form-btn-icon .clear-tooltip[data-v-58e9d836] {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  background: rgba(92, 61, 46, 0.95);
  color: #f5f5dc;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', sans-serif;
}
.clear-form-btn-icon .clear-tooltip[data-v-58e9d836]::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: rgba(92, 61, 46, 0.95);
}
.clear-form-btn-icon[data-v-58e9d836]:hover:not(:disabled) {
  background: rgba(196, 165, 116, 0.15);
  border-color: #a08060;
  transform: scale(1.1);
}
.clear-form-btn-icon:hover:not(:disabled) .broom-icon[data-v-58e9d836] {
  transform: rotate(-15deg);
}
.clear-form-btn-icon:hover:not(:disabled) .clear-tooltip[data-v-58e9d836] {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-4px);
}
.clear-form-btn-icon[data-v-58e9d836]:active:not(:disabled) {
  transform: scale(0.95);
}
.clear-form-btn-icon[data-v-58e9d836]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  border-color: #d8c8b0;
}
.clear-form-btn-icon:disabled .broom-icon[data-v-58e9d836] {
  opacity: 0.5;
}
.character-modal-body[data-v-58e9d836] {
  flex: 1;
  overflow-y: auto;
  position: relative;
  z-index: 1;
  padding: 0 10px;
}
.character-modal-body[data-v-58e9d836]::-webkit-scrollbar {
  width: 10px;
}
.character-modal-body[data-v-58e9d836]::-webkit-scrollbar-track {
  background: rgba(139, 90, 43, 0.1);
  border-radius: 5px;
}
.character-modal-body[data-v-58e9d836]::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8b5a2b 0%, #a0522d 100%);
  border-radius: 5px;
}
.character-modal-body[data-v-58e9d836]::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a0522d 0%, #8b5a2b 100%);
}
.character-form[data-v-58e9d836] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form-section[data-v-58e9d836] {
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid rgba(139, 90, 43, 0.3);
  border-radius: 12px;
  padding: 25px;
  transition: all 0.3s ease;
  position: relative;
}
.form-section[data-v-58e9d836]:hover {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(139, 90, 43, 0.5);
  box-shadow: 0 4px 15px rgba(139, 90, 43, 0.2), inset 0 0 20px rgba(255, 255, 255, 0.3);
}
.form-section-title[data-v-58e9d836] {
  font-size: 20px;
  font-weight: 700;
  color: #5c3d2e;
  margin: 0 0 20px 0;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
}
.form-row[data-v-58e9d836] {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.form-row[data-v-58e9d836]:last-child {
  margin-bottom: 0;
}
.form-group[data-v-58e9d836] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-group.full-width[data-v-58e9d836] {
  flex: 100%;
}
.form-label[data-v-58e9d836] {
  font-size: 15px;
  font-weight: 600;
  color: #6b4423;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.form-input[data-v-58e9d836] {
  padding: 12px 16px;
  border: 2px solid rgba(139, 90, 43, 0.4);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: #5c3d2e;
  font-size: 15px;
  transition: all 0.3s ease;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.form-input[data-v-58e9d836]:focus {
  outline: none;
  border-color: #8b5a2b;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 0 0 3px rgba(139, 90, 43, 0.2), inset 0 0 10px rgba(255, 248, 220, 0.5);
}
.form-input[data-v-58e9d836]::placeholder {
  color: #9c8b75;
}
.form-actions[data-v-58e9d836] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
  padding: 16px 0;
  position: relative;
  z-index: 1;
}
.generate-character-btn[data-v-58e9d836] {
  background: linear-gradient(135deg, #8b5a2b 0%, #a0522d 50%, #8b5a2b 100%);
  color: #f5f5dc;
  border: 2px solid #5c3d2e;
  padding: 15px 50px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  box-shadow: 0 4px 15px rgba(139, 90, 43, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.1);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  position: relative;
}
.generate-character-btn .btn-content[data-v-58e9d836] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.generate-character-btn .btn-icon-left[data-v-58e9d836],
.generate-character-btn .btn-icon-right[data-v-58e9d836] {
  font-size: 16px;
}
.generate-character-btn[data-v-58e9d836]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(139, 90, 43, 0.6), inset 0 0 15px rgba(255, 255, 255, 0.2);
  background: linear-gradient(135deg, #a0522d 0%, #8b5a2b 50%, #a0522d 100%);
}
.generate-character-btn[data-v-58e9d836]:active:not(:disabled) {
  transform: translateY(0);
}
.generate-character-btn.disabled[data-v-58e9d836],
.generate-character-btn[data-v-58e9d836]:disabled {
  background: linear-gradient(135deg, #b8a888 0%, #a89876 100%);
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.7;
}
.generating-tip[data-v-58e9d836] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  border: 2px solid rgba(139, 90, 43, 0.3);
  color: #5c3d2e;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  box-shadow: inset 0 0 10px rgba(255, 248, 220, 0.5);
}
.generating-spinner[data-v-58e9d836] {
  width: 20px;
  height: 20px;
  border: 3px solid rgba(139, 90, 43, 0.3);
  border-top-color: #8b5a2b;
  border-radius: 50%;
  animation: spin-58e9d836 1s linear infinite;
}
@keyframes spin-58e9d836 {
to {
    transform: rotate(360deg);
}
}
.card-modal-overlay[data-v-439fc7bf] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: fadeIn-439fc7bf 0.3s ease;
}
@keyframes fadeIn-439fc7bf {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.card-modal-content[data-v-439fc7bf] {
  width: 90%;
  max-width: 800px;
  max-height: 85vh;
  background: linear-gradient(135deg, rgba(245, 235, 220, 0.98) 0%, rgba(240, 225, 200, 0.98) 50%, rgba(235, 220, 190, 0.98) 100%);
  border-radius: 8px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(139, 90, 43, 0.3), inset 0 0 60px rgba(139, 90, 43, 0.05);
  border: 2px solid #8b5a2b;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: slideIn-439fc7bf 0.3s ease;
  position: relative;
}
.card-modal-content[data-v-439fc7bf]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(139, 90, 43, 0.03) 2px, rgba(139, 90, 43, 0.03) 4px), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(139, 90, 43, 0.03) 2px, rgba(139, 90, 43, 0.03) 4px);
  pointer-events: none;
  border-radius: 6px;
}
@keyframes slideIn-439fc7bf {
from {
    transform: translateY(-50px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
.card-modal-close[data-v-439fc7bf] {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 36px;
  color: #5c3d2e;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  background: none;
  border: none;
  padding: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-modal-close[data-v-439fc7bf]:hover {
  transform: rotate(90deg);
  color: #8b5a2b;
}
.card-modal-header[data-v-439fc7bf] {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.card-modal-title[data-v-439fc7bf] {
  font-size: 32px;
  font-weight: 800;
  color: #5c3d2e;
  text-align: center;
  margin: 0;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}
.card-modal-body[data-v-439fc7bf] {
  flex: 1;
  overflow-y: auto;
  position: relative;
  z-index: 1;
  padding: 0 10px;
}
.card-modal-body[data-v-439fc7bf]::-webkit-scrollbar {
  width: 10px;
}
.card-modal-body[data-v-439fc7bf]::-webkit-scrollbar-track {
  background: rgba(139, 90, 43, 0.1);
  border-radius: 5px;
}
.card-modal-body[data-v-439fc7bf]::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8b5a2b 0%, #a0522d 100%);
  border-radius: 5px;
}
.card-modal-body[data-v-439fc7bf]::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a0522d 0%, #8b5a2b 100%);
}
.card-form[data-v-439fc7bf] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form-section[data-v-439fc7bf] {
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid rgba(139, 90, 43, 0.3);
  border-radius: 12px;
  padding: 25px;
  transition: all 0.3s ease;
  position: relative;
}
.form-section[data-v-439fc7bf]:hover {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(139, 90, 43, 0.5);
  box-shadow: 0 4px 15px rgba(139, 90, 43, 0.2), inset 0 0 20px rgba(255, 255, 255, 0.3);
}
.form-section-title[data-v-439fc7bf] {
  font-size: 20px;
  font-weight: 700;
  color: #5c3d2e;
  margin: 0 0 20px 0;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
}
.form-row[data-v-439fc7bf] {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.form-row[data-v-439fc7bf]:last-child {
  margin-bottom: 0;
}
.form-group[data-v-439fc7bf] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-group.full-width[data-v-439fc7bf] {
  flex: 100%;
}
.form-label[data-v-439fc7bf] {
  font-size: 15px;
  font-weight: 600;
  color: #6b4423;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.form-input[data-v-439fc7bf] {
  padding: 12px 16px;
  border: 2px solid rgba(139, 90, 43, 0.4);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: #5c3d2e;
  font-size: 15px;
  transition: all 0.3s ease;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.form-input[data-v-439fc7bf]:focus {
  outline: none;
  border-color: #8b5a2b;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 0 0 3px rgba(139, 90, 43, 0.2), inset 0 0 10px rgba(255, 248, 220, 0.5);
}
.form-input[data-v-439fc7bf]::placeholder {
  color: #9c8b75;
}
.form-actions[data-v-439fc7bf] {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  padding: 16px 0;
  position: relative;
  z-index: 1;
}
.generate-character-btn[data-v-439fc7bf] {
  background: linear-gradient(135deg, #8b5a2b 0%, #a0522d 50%, #8b5a2b 100%);
  color: #f5f5dc;
  border: 2px solid #5c3d2e;
  padding: 15px 50px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  box-shadow: 0 4px 15px rgba(139, 90, 43, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.1);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  position: relative;
}
.generate-character-btn .btn-content[data-v-439fc7bf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.generate-character-btn .btn-icon-left[data-v-439fc7bf],
.generate-character-btn .btn-icon-right[data-v-439fc7bf] {
  font-size: 16px;
}
.generate-character-btn[data-v-439fc7bf]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(139, 90, 43, 0.6), inset 0 0 15px rgba(255, 255, 255, 0.2);
  background: linear-gradient(135deg, #a0522d 0%, #8b5a2b 50%, #a0522d 100%);
}
.generate-character-btn[data-v-439fc7bf]:active:not(:disabled) {
  transform: translateY(0);
}
.generate-character-btn.disabled[data-v-439fc7bf],
.generate-character-btn[data-v-439fc7bf]:disabled {
  background: linear-gradient(135deg, #b8a888 0%, #a89876 100%);
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.7;
}
.character-checkbox-group[data-v-439fc7bf] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 15px;
  margin-top: 15px;
}
.character-checkbox-item[data-v-439fc7bf] {
  position: relative;
  cursor: pointer;
}
.character-checkbox-item.selected .character-checkbox-inner[data-v-439fc7bf] {
  border-color: #8b5a2b;
  box-shadow: 0 0 0 3px rgba(139, 90, 43, 0.3);
  transform: translateY(-3px);
  background: linear-gradient(135deg, #fff9e6 0%, #fff 100%);
}
.character-checkbox-inner[data-v-439fc7bf] {
  background: #fff;
  border: 2px solid #e0d0b0;
  border-radius: 12px;
  overflow: visible;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px;
}
.character-checkbox-inner[data-v-439fc7bf]:hover {
  border-color: #a0522d;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(139, 90, 43, 0.2);
}
.character-check-mark[data-v-439fc7bf] {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #8b5a2b 0%, #a0522d 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(139, 90, 43, 0.4);
  animation: checkMarkAppear-439fc7bf 0.3s ease-out;
}
.character-check-mark svg[data-v-439fc7bf] {
  width: 18px;
  height: 18px;
}
@keyframes checkMarkAppear-439fc7bf {
from {
    opacity: 0;
    transform: scale(0);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
.character-checkbox-image[data-v-439fc7bf] {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 8px;
  border: 2px solid #f0e0c0;
}
.character-checkbox-placeholder[data-v-439fc7bf] {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #f5e6d0 0%, #e8d5b5 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed #d0c0a0;
}
.character-checkbox-placeholder span[data-v-439fc7bf] {
  color: #a09080;
  font-size: 12px;
  font-weight: 500;
}
.character-checkbox-name[data-v-439fc7bf] {
  font-size: 13px;
  color: #5a4a3a;
  text-align: center;
  font-weight: 500;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.character-select-hint[data-v-439fc7bf] {
  text-align: center;
  color: #a0522d;
  font-size: 14px;
  margin-top: 10px;
  font-style: italic;
}
.recharge-modal-overlay[data-v-20db4021] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  animation: fadeIn-20db4021 0.3s ease;
}
.recharge-modal[data-v-20db4021] {
  background: #fff;
  border-radius: 12px;
  width: 520px;
  max-width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: modalSlideIn-20db4021 0.3s ease;
}
.recharge-modal-close[data-v-20db4021] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  font-size: 24px;
  color: #999;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.recharge-modal-close[data-v-20db4021]:hover {
  background: #f5f5f5;
  color: #666;
}
.recharge-header[data-v-20db4021] {
  padding: 20px 24px 0;
}
.recharge-title[data-v-20db4021] {
  font-size: 18px;
  font-weight: 500;
  color: #00a8e8;
  margin: 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #00a8e8;
  display: inline-block;
}
.recharge-content[data-v-20db4021] {
  padding: 24px;
}
.recharge-row[data-v-20db4021] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.recharge-row[data-v-20db4021]:last-child {
  margin-bottom: 0;
}
.recharge-label[data-v-20db4021] {
  width: 80px;
  font-size: 14px;
  color: #666;
  flex-shrink: 0;
}
.recharge-value[data-v-20db4021] {
  font-size: 14px;
  color: #333;
  flex: 1;
}
.recharge-value .current-coins[data-v-20db4021] {
  color: #333;
}
.recharge-value .coins-calculation[data-v-20db4021] {
  color: #07c160;
  font-weight: 500;
}
.recharge-value .coins-unit[data-v-20db4021] {
  color: #666;
}
.recharge-amount-input[data-v-20db4021] {
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 12px;
}
.recharge-amount-input input[data-v-20db4021] {
  width: 120px;
  padding: 8px 12px;
  border: none;
  font-size: 14px;
  outline: none;
}
.recharge-amount-input input[data-v-20db4021]::-webkit-inner-spin-button,
.recharge-amount-input input[data-v-20db4021]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.recharge-unit[data-v-20db4021] {
  padding: 8px 12px;
  background: #f5f5f5;
  border-left: 1px solid #d9d9d9;
  font-size: 14px;
  color: #666;
}
.recharge-coupon-btn[data-v-20db4021] {
  padding: 8px 16px;
  background: #00a8e8;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.recharge-coupon-btn[data-v-20db4021]:hover {
  background: #0090c9;
}
.recharge-payment-methods[data-v-20db4021] {
  display: flex;
  gap: 12px;
  flex: 1;
}
.payment-method[data-v-20db4021] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
  color: #333;
}
.payment-method[data-v-20db4021]:hover {
  border-color: #00a8e8;
}
.payment-method.active[data-v-20db4021] {
  border-color: #00a8e8;
  background: #f0f9ff;
  position: relative;
}
.payment-method.active[data-v-20db4021]::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background: #00a8e8;
  border-radius: 50%;
}
.payment-icon[data-v-20db4021] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 12px;
}
.payment-icon.wechat[data-v-20db4021] {
  background: #07c160;
  color: #fff;
}
.payment-icon.alipay[data-v-20db4021] {
  background: #1677ff;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
}
.payment-icon svg[data-v-20db4021] {
  display: block;
}
.recharge-notice[data-v-20db4021] {
  margin-top: 16px;
  padding: 12px 16px;
  background: #f5f5f5;
  border-radius: 4px;
  font-size: 13px;
  color: #999;
  line-height: 1.6;
}
.recharge-submit-btn[data-v-20db4021] {
  display: block;
  width: 200px;
  margin: 24px auto 0;
  padding: 12px 24px;
  background: #00a8e8;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.recharge-submit-btn[data-v-20db4021]:hover {
  background: #0090c9;
}
.recharge-submit-btn[data-v-20db4021]:active {
  transform: scale(0.98);
}
.qrcode-modal-overlay[data-v-20db4021] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  animation: fadeIn-20db4021 0.3s ease;
}
.qrcode-modal[data-v-20db4021] {
  background: #fff;
  border-radius: 16px;
  width: 360px;
  max-width: 90%;
  padding: 32px;
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: modalSlideIn-20db4021 0.3s ease;
  text-align: center;
}
.qrcode-modal-close[data-v-20db4021] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  font-size: 24px;
  color: #999;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.qrcode-modal-close[data-v-20db4021]:hover {
  background: #f5f5f5;
  color: #666;
}
.qrcode-content[data-v-20db4021] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.qrcode-title[data-v-20db4021] {
  font-size: 20px;
  font-weight: 500;
  color: #333;
  margin: 0 0 16px 0;
}
.qrcode-amount[data-v-20db4021] {
  font-size: 14px;
  color: #666;
  margin: 0 0 24px 0;
}
.qrcode-amount .amount[data-v-20db4021] {
  color: #ff6b00;
  font-size: 18px;
  font-weight: bold;
}
.qrcode-image[data-v-20db4021] {
  margin-bottom: 20px;
  padding: 16px;
  background: #f5f5f5;
  border-radius: 8px;
}
.qrcode-placeholder[data-v-20db4021] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.qrcode-placeholder svg[data-v-20db4021] {
  display: block;
}
.qrcode-tip[data-v-20db4021] {
  font-size: 14px;
  color: #666;
  margin: 0 0 16px 0;
}
.qrcode-payment-icon[data-v-20db4021] {
  margin-top: 8px;
}
.payment-tag[data-v-20db4021] {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500;
}
.payment-tag.wechat-tag[data-v-20db4021] {
  background: #e6f7ed;
  color: #07c160;
}
.payment-tag.alipay-tag[data-v-20db4021] {
  background: #e6f4ff;
  color: #1677ff;
}
@keyframes fadeIn-20db4021 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes modalSlideIn-20db4021 {
from {
    opacity: 0;
    transform: translateY(-30px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
[data-v-f223b035] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.comic-editor[data-v-f223b035] {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.background-image[data-v-f223b035] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.aidraw-header[data-v-f223b035] {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.coins-display[data-v-f223b035] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.9);
  padding: 8px 16px;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.coin-icon[data-v-f223b035] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffd700 0%, #ffaa00 50%, #ff8c00 100%);
  border: 2px solid #ff8c00;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 -2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
}
.coin-icon[data-v-f223b035]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 14px;
  border: 2px solid #ff8c00;
  border-radius: 2px;
  background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
}
.coin-icon[data-v-f223b035]::after {
  content: '$';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  font-weight: bold;
  color: #ff8c00;
  line-height: 1;
}
.coins-count[data-v-f223b035] {
  font-size: 18px;
  font-weight: bold;
  color: #ff6b00;
}
.art-style-selector[data-v-f223b035] {
  position: absolute;
  top: 280px;
  right: 30px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  border: 2px solid #d4a843;
  min-width: 140px;
}
.art-style-label[data-v-f223b035] {
  font-size: 16px;
  font-weight: bold;
  color: #8b7355;
  margin-bottom: 12px;
  text-align: center;
  font-family: 'Georgia', serif;
}
.art-style-options[data-v-f223b035] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.art-style-option[data-v-f223b035] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: linear-gradient(135deg, #fff 0%, #f5f0e8 100%);
  border: 2px solid #e0d0b0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.art-style-option[data-v-f223b035]:hover {
  transform: translateX(5px);
  border-color: #d4a843;
  box-shadow: 0 4px 12px rgba(212, 168, 67, 0.3);
}
.art-style-option.active[data-v-f223b035] {
  border-color: #d4a843;
  background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);
  box-shadow: 0 0 0 2px rgba(212, 168, 67, 0.4);
}
.art-style-option.active .art-style-name[data-v-f223b035] {
  color: #d4a843;
  font-weight: bold;
}
.art-style-icon[data-v-f223b035] {
  font-size: 20px;
}
.art-style-name[data-v-f223b035] {
  font-size: 14px;
  color: #5a4a3a;
  font-family: 'Georgia', serif;
}
.character-container[data-v-f223b035] {
  position: absolute;
  top: 50%;
  left: 16%;
  width: 10%;
  height: 60%;
  display: flex;
  transform: translateY(-50%);
  justify-content: flex-start;
  overflow: hidden;
}
.character-scroll-area[data-v-f223b035] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  align-items: center;
  padding: 10px;
}
.character-scroll-area[data-v-f223b035]::-webkit-scrollbar {
  width: 8px;
}
.character-scroll-area[data-v-f223b035]::-webkit-scrollbar-track {
  background: rgba(210, 180, 140, 0.4);
  border-radius: 4px;
}
.character-scroll-area[data-v-f223b035]::-webkit-scrollbar-thumb {
  background: rgba(139, 119, 101, 0.8);
  border-radius: 4px;
}
.character-scroll-area[data-v-f223b035]::-webkit-scrollbar-thumb:hover {
  background: #8b7765;
}
.character-card[data-v-f223b035] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.character-card[data-v-f223b035]:hover {
  transform: scale(1.05);
}
.character-card[data-v-f223b035]:active {
  transform: scale(0.95);
}
.character-add-image[data-v-f223b035] {
  width: 60px;
  height: 60px;
  object-fit: contain;
  display: block;
}
.character-item[data-v-f223b035] {
  flex-shrink: 0;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.character-item[data-v-f223b035]:hover {
  transform: scale(1.05);
}
.character-item[data-v-f223b035]:active {
  transform: scale(0.95);
}
.card-container[data-v-f223b035] {
  position: absolute;
  top: 50%;
  left: 27%;
  width: 15%;
  height: 60%;
  display: flex;
  transform: translateY(-50%);
  overflow: hidden;
}
.card-preview-container[data-v-f223b035] {
  position: absolute;
  top: 50%;
  right: 22%;
  width: 26%;
  aspect-ratio: 3/4;
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, #f5e6c8 0%, #faf5e8 50%, #f5e6c8 100%);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(139, 119, 101, 0.1);
  border: 2px solid #c4a574;
  transform: translateY(-50%);
}
.card-preview-image-wrapper[data-v-f223b035] {
  width: 100%;
  height: 75%;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
.card-preview-image[data-v-f223b035] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.card-prompt-preview[data-v-f223b035] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.image-edit-btn[data-v-f223b035] {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #c4a574;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  transition: all 0.3s;
  color: #5d4e37;
}
.image-edit-btn[data-v-f223b035]:hover {
  background: #d4a843;
  border-color: #a08060;
  color: white;
  transform: scale(1.1);
}
.modal-overlay[data-v-f223b035] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal-content[data-v-f223b035] {
  background: linear-gradient(135deg, #f5e6c8 0%, #faf5e8 50%, #f5e6c8 100%);
  border-radius: 16px;
  width: 90%;
  max-width: 450px;
  border: 3px solid #c4a574;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.modal-header[data-v-f223b035] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 2px solid rgba(196, 165, 116, 0.3);
}
.modal-header h3[data-v-f223b035] {
  font-size: 18px;
  color: #5d4e37;
  margin: 0;
  font-family: 'Georgia', serif;
}
.modal-close[data-v-f223b035] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(196, 165, 116, 0.3);
  border: none;
  cursor: pointer;
  font-size: 18px;
  color: #5d4e37;
  transition: all 0.3s;
}
.modal-close[data-v-f223b035]:hover {
  background: rgba(196, 165, 116, 0.5);
  transform: rotate(90deg);
}
.modal-body[data-v-f223b035] {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.modal-body .edit-preview-img[data-v-f223b035] {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 8px;
  border: 2px solid rgba(196, 165, 116, 0.5);
}
.modal-body textarea[data-v-f223b035] {
  width: 100%;
  padding: 10px 12px;
  border: 2px solid rgba(196, 165, 116, 0.5);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: #5d4e37;
  font-size: 14px;
  resize: none;
  font-family: 'Georgia', serif;
}
.modal-body textarea[data-v-f223b035]:focus {
  outline: none;
  border-color: #d4a843;
}
.modal-footer[data-v-f223b035] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 20px 16px;
  border-top: 2px solid rgba(196, 165, 116, 0.3);
}
.btn-cancel[data-v-f223b035] {
  padding: 8px 16px;
  background: rgba(196, 165, 116, 0.3);
  color: #5d4e37;
  border: 1px solid #c4a574;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  font-family: 'Georgia', serif;
}
.btn-cancel[data-v-f223b035]:hover {
  background: rgba(196, 165, 116, 0.5);
}
.btn-confirm[data-v-f223b035] {
  padding: 8px 16px;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  font-family: 'Georgia', serif;
}
.btn-confirm[data-v-f223b035]:hover:not(:disabled) {
  background: linear-gradient(135deg, #c4953a 0%, #b58632 100%);
}
.btn-confirm[data-v-f223b035]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@keyframes fadeIn-f223b035 {
from {
    opacity: 0;
    transform: translateX(10px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.card-preview-text-area[data-v-f223b035] {
  width: 100%;
  height: 25%;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  flex-direction: column;
}
.description-edit-mode[data-v-f223b035] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
  min-height: 0;
}
.description-edit-mode .description-input-wrapper[data-v-f223b035] {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.description-edit-mode .description-input[data-v-f223b035] {
  flex: 1;
  width: 100%;
  padding: 8px 10px 20px 10px;
  border: 2px solid #c4a574;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: #5d4e37;
  font-size: 12px;
  line-height: 1.4;
  resize: none;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', sans-serif;
}
.description-edit-mode .description-input[data-v-f223b035]:focus {
  outline: none;
  border-color: #a08060;
  box-shadow: 0 0 8px rgba(196, 165, 116, 0.4);
}
.description-edit-mode .description-input[data-v-f223b035]::placeholder {
  color: #a09080;
}
.description-edit-mode .description-char-count[data-v-f223b035] {
  position: absolute;
  bottom: 4px;
  right: 8px;
  font-size: 10px;
  color: #a09080;
  background: rgba(255, 255, 255, 0.8);
  padding: 2px 6px;
  border-radius: 4px;
  pointer-events: none;
}
.description-edit-mode .description-char-count.near-limit[data-v-f223b035] {
  color: #e65100;
  font-weight: 600;
}
.description-edit-mode .description-confirm-btn[data-v-f223b035] {
  align-self: flex-end;
  padding: 6px 14px;
  background: linear-gradient(135deg, #7cb342 0%, #558b2f 100%);
  border: none;
  border-radius: 6px;
  color: white;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(124, 179, 66, 0.3);
}
.description-edit-mode .description-confirm-btn[data-v-f223b035]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(124, 179, 66, 0.4);
}
.description-edit-mode .description-confirm-btn[data-v-f223b035]:active {
  transform: translateY(0);
}
.description-edit-mode .description-confirm-btn span[data-v-f223b035] {
  font-size: 14px;
}
.description-display-mode[data-v-f223b035] {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.description-display-mode .description-text[data-v-f223b035] {
  flex: 1;
  color: #4a3f2f;
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
  overflow-y: auto;
  font-family: 'Comic Sans MS', 'Chalkboard SE', 'Marker Felt', '华文彩云', '幼圆', 'YouYuan', cursive;
  padding: 8px 12px;
  word-wrap: break-word;
  white-space: pre-wrap;
  letter-spacing: 0.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.description-display-mode .description-text[data-v-f223b035]::-webkit-scrollbar {
  width: 4px;
}
.description-display-mode .description-text[data-v-f223b035]::-webkit-scrollbar-track {
  background: transparent;
}
.description-display-mode .description-text[data-v-f223b035]::-webkit-scrollbar-thumb {
  background: rgba(196, 165, 116, 0.5);
  border-radius: 2px;
}
.description-display-mode .description-placeholder[data-v-f223b035] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a09080;
  font-size: 12px;
  font-style: italic;
}
.description-display-mode .description-edit-btn[data-v-f223b035] {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px 10px;
  background: linear-gradient(135deg, #c4a574 0%, #a08060 100%);
  border: none;
  border-radius: 6px;
  color: white;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 3px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(160, 128, 96, 0.3);
}
.description-display-mode .description-edit-btn[data-v-f223b035]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(160, 128, 96, 0.4);
}
.description-display-mode .description-edit-btn[data-v-f223b035]:active {
  transform: translateY(0);
}
.description-display-mode .description-edit-btn span[data-v-f223b035] {
  font-size: 12px;
}
.cards-scroll-area[data-v-f223b035] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  align-items: center;
  padding: 10px;
}
.cards-scroll-area[data-v-f223b035]::-webkit-scrollbar {
  width: 8px;
}
.cards-scroll-area[data-v-f223b035]::-webkit-scrollbar-track {
  background: rgba(210, 180, 140, 0.4);
  border-radius: 4px;
}
.cards-scroll-area[data-v-f223b035]::-webkit-scrollbar-thumb {
  background: rgba(139, 119, 101, 0.8);
  border-radius: 4px;
}
.cards-scroll-area[data-v-f223b035]::-webkit-scrollbar-thumb:hover {
  background: #8b7765;
}
.card-item[data-v-f223b035] {
  flex-shrink: 0;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}
.card-item[data-v-f223b035]:hover {
  transform: scale(1.05);
}
.card-item[data-v-f223b035]:active {
  transform: scale(0.95);
}
.card-item.dragging[data-v-f223b035] {
  opacity: 0.5;
  transform: scale(1.02);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  cursor: grabbing;
}
.card-item.drag-over[data-v-f223b035] {
  transform: scale(1.02);
  box-shadow: 0 0 0 3px #d4a843, 0 8px 24px rgba(212, 168, 67, 0.3);
}
.card-item .drag-handle[data-v-f223b035] {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  z-index: 5;
  opacity: 0;
  transition: opacity 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.card-item .drag-handle[data-v-f223b035]:hover {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.card-item .drag-handle[data-v-f223b035]:active {
  cursor: grabbing;
}
.card-item .drag-handle svg[data-v-f223b035] {
  color: #8b7355;
}
.card-item:hover .drag-handle[data-v-f223b035] {
  opacity: 1;
}
.add-card[data-v-f223b035] {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.add-card[data-v-f223b035]:hover {
  transform: scale(1.05);
}
.add-card-image[data-v-f223b035] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.blank-card[data-v-f223b035] {
  width: 140px;
  height: 186px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.character-item[data-v-f223b035] {
  width: 80px;
  min-height: 80px;
  background: transparent;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
.character-item .blank-card-content[data-v-f223b035] {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.character-item .blank-card-content.has-image[data-v-f223b035] {
  background: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.blank-card-content[data-v-f223b035] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
  border: 2px solid #dee2e6;
  border-radius: 10px;
  padding: 8px;
  text-align: center;
  position: relative;
}
.blank-card-content.has-image[data-v-f223b035] {
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 12px;
}
.blank-card-content .card-edit-button[data-v-f223b035] {
  position: absolute;
  bottom: 6px;
  right: 6px;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  padding: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 10;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.blank-card-content .card-edit-button svg[data-v-f223b035] {
  color: #28a745;
  transition: color 0.2s;
}
.blank-card-content .card-edit-button[data-v-f223b035]:hover {
  background: rgba(40, 167, 69, 0.15);
  transform: scale(1.1);
}
.blank-card-content .card-edit-button:hover svg[data-v-f223b035] {
  color: #28a745;
}
.blank-card-content .card-edit-button[data-v-f223b035]:active {
  transform: scale(0.95);
}
.blank-card-content .card-delete-button[data-v-f223b035] {
  position: absolute;
  top: 4px;
  right: 4px;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 10;
  border-radius: 50%;
}
.blank-card-content .card-delete-button svg[data-v-f223b035] {
  color: #dc3545;
  transition: color 0.2s;
}
.blank-card-content .card-delete-button[data-v-f223b035]:hover {
  background: rgba(220, 53, 69, 0.1);
}
.blank-card-content .card-delete-button:hover svg[data-v-f223b035] {
  color: #dc3545;
}
.blank-card-content .card-delete-button[data-v-f223b035]:active {
  transform: scale(0.95);
}
.blank-card-content span[data-v-f223b035] {
  color: #6c757d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.generated-image[data-v-f223b035] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.character-name-outside[data-v-f223b035] {
  margin-top: 6px;
  color: #4a3f2f;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  max-width: 100%;
}
.character-img-delete-button[data-v-f223b035] {
  position: absolute;
  top: 4px;
  right: 4px;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 10;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.character-img-delete-button svg[data-v-f223b035] {
  color: #dc3545;
  transition: color 0.2s;
}
.character-img-delete-button[data-v-f223b035]:hover {
  background: rgba(220, 53, 69, 0.15);
  transform: scale(1.1);
}
.character-img-delete-button:hover svg[data-v-f223b035] {
  color: #dc3545;
}
.character-img-delete-button[data-v-f223b035]:active {
  transform: scale(0.95);
}
.character-delete-button[data-v-f223b035] {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 10;
}
.character-delete-button svg[data-v-f223b035] {
  color: #dc3545;
  transition: color 0.2s;
}
.character-delete-button[data-v-f223b035]:hover {
  background: rgba(220, 53, 69, 0.1);
}
.character-delete-button:hover svg[data-v-f223b035] {
  color: #dc3545;
}
.character-delete-button[data-v-f223b035]:active {
  transform: scale(0.95);
}
.card-image[data-v-f223b035] {
  width: 120px;
  height: 120px;
  object-fit: contain;
  display: block;
}
.book-modal-overlay[data-v-f223b035] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}
.book-modal-content[data-v-f223b035] {
  background: transparent;
  border-radius: 0;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  overflow: visible;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  border: none;
}
.book-modal-header[data-v-f223b035] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: none;
  background: transparent;
  gap: 16px;
}
.book-modal-title[data-v-f223b035] {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #f5e6c8;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  font-family: 'Georgia', 'Times New Roman', serif;
  flex-shrink: 0;
}
.book-title-input[data-v-f223b035] {
  flex: 1;
  max-width: 300px;
  padding: 8px 16px;
  border: 2px solid rgba(245, 230, 200, 0.5);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  color: #4a3f2f;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.book-title-input[data-v-f223b035]::placeholder {
  color: #999;
}
.book-title-input[data-v-f223b035]:focus {
  border-color: #f5e6c8;
  box-shadow: 0 0 0 3px rgba(245, 230, 200, 0.3);
}
.book-modal-close[data-v-f223b035] {
  background: rgba(139, 119, 101, 0.8);
  border: 2px solid #f5e6c8;
  border-radius: 50%;
  font-size: 28px;
  color: #f5e6c8;
  cursor: pointer;
  padding: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.book-modal-close[data-v-f223b035]:hover {
  background: #8b7765;
  color: #fff;
  transform: rotate(90deg);
}
.book-modal-body[data-v-f223b035] {
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.book-container[data-v-f223b035] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.book-open[data-v-f223b035] {
  display: flex;
  width: 100%;
  max-width: 900px;
  aspect-ratio: 3/2;
  perspective: 1500px;
  transform-style: preserve-3d;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.book-open.flipping[data-v-f223b035] {
  transform: scale(0.98);
}
.book-open.flip-next .book-right-page[data-v-f223b035] {
  animation: pageFlipNext-f223b035 0.6s ease-in-out;
}
.book-open.flip-prev .book-left-page[data-v-f223b035] {
  animation: pageFlipPrev-f223b035 0.6s ease-in-out;
}
@keyframes pageFlipNext-f223b035 {
0% {
    transform: rotateY(0deg) scale(1);
    transform-origin: left center;
    box-shadow: 4px 0 12px rgba(0, 0, 0, 0.2);
}
25% {
    transform: rotateY(-45deg) scale(1.02);
    transform-origin: left center;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.3);
}
50% {
    transform: rotateY(-90deg) scale(1.05);
    transform-origin: left center;
    opacity: 0.9;
    box-shadow: 20px 0 40px rgba(0, 0, 0, 0.4);
}
75% {
    transform: rotateY(-45deg) scale(1.02);
    transform-origin: left center;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.3);
}
100% {
    transform: rotateY(0deg) scale(1);
    transform-origin: left center;
    opacity: 1;
    box-shadow: 4px 0 12px rgba(0, 0, 0, 0.2);
}
}
@keyframes pageFlipPrev-f223b035 {
0% {
    transform: rotateY(0deg) scale(1);
    transform-origin: right center;
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.2);
}
25% {
    transform: rotateY(45deg) scale(1.02);
    transform-origin: right center;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.3);
}
50% {
    transform: rotateY(90deg) scale(1.05);
    transform-origin: right center;
    opacity: 0.9;
    box-shadow: -20px 0 40px rgba(0, 0, 0, 0.4);
}
75% {
    transform: rotateY(45deg) scale(1.02);
    transform-origin: right center;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.3);
}
100% {
    transform: rotateY(0deg) scale(1);
    transform-origin: right center;
    opacity: 1;
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.2);
}
}
.book-left-page.page-flip[data-v-f223b035]::after,
.book-right-page.page-flip[data-v-f223b035]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  animation: shadowMove-f223b035 0.6s ease-in-out;
}
@keyframes shadowMove-f223b035 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.book-left-page[data-v-f223b035] {
  flex: 1;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"), linear-gradient(90deg, #e8d4a2 0%, #f5e6c8 3%, #faf5e8 10%, #faf5e8 100%);
  border-radius: 8px 0 0 8px;
  box-shadow: -3px 0 8px rgba(0, 0, 0, 0.25), inset 15px 0 30px rgba(139, 119, 101, 0.15), inset 0 0 60px rgba(139, 90, 43, 0.05);
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-right: 2px solid rgba(139, 119, 101, 0.4);
  position: relative;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.book-left-page[data-v-f223b035]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at 30% 20%, rgba(139, 90, 43, 0.1) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(139, 90, 43, 0.08) 0%, transparent 40%), radial-gradient(ellipse at 50% 50%, rgba(160, 120, 80, 0.05) 0%, transparent 70%);
  pointer-events: none;
}
.book-left-page[data-v-f223b035]::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background: linear-gradient(90deg, rgba(139, 119, 101, 0.3) 0%, rgba(139, 119, 101, 0.1) 50%, transparent 100%);
  pointer-events: none;
}
.book-left-page[data-v-f223b035]:hover {
  transform: translateX(-3px);
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3);
}
.book-right-page[data-v-f223b035] {
  flex: 1;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"), linear-gradient(90deg, #faf5e8 0%, #faf5e8 90%, #f5e6c8 97%, #e8d4a2 100%);
  border-radius: 0 8px 8px 0;
  box-shadow: 3px 0 8px rgba(0, 0, 0, 0.25), inset -15px 0 30px rgba(139, 119, 101, 0.15), inset 0 0 60px rgba(139, 90, 43, 0.05);
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-left: 2px solid rgba(139, 119, 101, 0.4);
  position: relative;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.book-right-page[data-v-f223b035]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at 70% 30%, rgba(139, 90, 43, 0.1) 0%, transparent 50%), radial-gradient(ellipse at 30% 70%, rgba(139, 90, 43, 0.08) 0%, transparent 40%), radial-gradient(ellipse at 50% 50%, rgba(160, 120, 80, 0.05) 0%, transparent 70%);
  pointer-events: none;
}
.book-right-page[data-v-f223b035]::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background: linear-gradient(270deg, rgba(139, 119, 101, 0.3) 0%, rgba(139, 119, 101, 0.1) 50%, transparent 100%);
  pointer-events: none;
}
.book-right-page[data-v-f223b035]:hover {
  transform: translateX(3px);
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.3);
}
.book-spine[data-v-f223b035] {
  width: 36px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E"), linear-gradient(to right, #6b5344 0%, #8b7355 15%, #a08060 30%, #c4a574 50%, #a08060 70%, #8b7355 85%, #6b5344 100%);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4), inset 0 0 30px rgba(0, 0, 0, 0.3), inset 2px 0 5px rgba(255, 255, 255, 0.1), inset -2px 0 5px rgba(0, 0, 0, 0.2);
  position: relative;
  border-radius: 2px;
}
.book-spine[data-v-f223b035]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background: linear-gradient(to bottom, transparent 0%, rgba(60, 40, 30, 0.6) 20%, rgba(60, 40, 30, 0.8) 50%, rgba(60, 40, 30, 0.6) 80%, transparent 100%);
  box-shadow: -1px 0 2px rgba(255, 255, 255, 0.2), 1px 0 2px rgba(0, 0, 0, 0.3);
}
.book-spine[data-v-f223b035]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(90deg, transparent 0px, rgba(0, 0, 0, 0.03) 1px, transparent 2px, rgba(255, 255, 255, 0.02) 3px, transparent 4px);
  pointer-events: none;
}
.book-page[data-v-f223b035] {
  width: 100%;
  max-width: 600px;
  aspect-ratio: 3/4;
  background: linear-gradient(135deg, #f5e6c8 0%, #faf5e8 50%, #f5e6c8 100%);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), inset 0 0 60px rgba(139, 119, 101, 0.1);
  overflow: hidden;
  border: 2px solid #c4a574;
}
.book-page-content[data-v-f223b035] {
  width: 100%;
  height: 75%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0;
}
.book-page-image[data-v-f223b035] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.book-page-text[data-v-f223b035] {
  width: 100%;
  height: 25%;
  padding: 10px 20px 20px;
  color: #4a3f2f;
  font-size: 18px;
  line-height: 1.8;
  text-align: justify;
  overflow-y: auto;
  font-family: 'Comic Sans MS', 'Chalkboard SE', 'Marker Felt', '华文彩云', '幼圆', 'YouYuan', cursive;
  text-indent: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  word-wrap: break-word;
  white-space: pre-wrap;
  letter-spacing: 0.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.book-page-empty[data-v-f223b035] {
  color: #8b7355;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Georgia', 'Times New Roman', serif;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
  letter-spacing: 2px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.book-page-number[data-v-f223b035] {
  position: absolute;
  bottom: 12px;
  font-size: 12px;
  color: #8b7355;
  font-family: 'Georgia', 'Times New Roman', serif;
  opacity: 0.7;
}
.book-left-page .book-page-number[data-v-f223b035] {
  left: 20px;
}
.book-right-page .book-page-number[data-v-f223b035] {
  right: 20px;
}
.book-controls[data-v-f223b035] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 16px 0;
}
.book-nav-button[data-v-f223b035] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f5e6c8 0%, #e8d5a3 100%);
  border: 2px solid #8b7355;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.book-nav-button svg[data-v-f223b035] {
  color: #5d4e37;
}
.book-nav-button[data-v-f223b035]:hover:not(:disabled) {
  border-color: #5d4e37;
  background: linear-gradient(135deg, #e8d5a3 0%, #d4c494 100%);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.book-nav-button:hover:not(:disabled) svg[data-v-f223b035] {
  color: #3d3225;
}
.book-nav-button[data-v-f223b035]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.book-page-info[data-v-f223b035] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #5d4e37;
  font-family: 'Georgia', 'Times New Roman', serif;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}
.page-separator[data-v-f223b035] {
  color: #8b7355;
}
.book-save-overlay[data-v-f223b035] {
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11000;
  pointer-events: none;
}
.book-save-container[data-v-f223b035] {
  display: flex;
  gap: 16px;
  align-items: center;
  background: rgba(255, 255, 255, 0.95);
  padding: 16px 24px;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  border: 3px solid #c4a574;
  pointer-events: auto;
}
.book-title-input[data-v-f223b035] {
  flex: 1;
  max-width: 300px;
  padding: 10px 16px;
  border: 2px solid rgba(196, 165, 116, 0.5);
  border-radius: 10px;
  background: #ffffff;
  font-size: 15px;
  color: #4a3f2f;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  font-family: 'Georgia', 'Times New Roman', serif;
}
.book-title-input[data-v-f223b035]::placeholder {
  color: #999;
}
.book-title-input[data-v-f223b035]:focus {
  border-color: #c4a574;
  box-shadow: 0 0 0 3px rgba(196, 165, 116, 0.2);
}
.book-save-button[data-v-f223b035] {
  padding: 12px 36px;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
  border: 2px solid #8b7355;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Georgia', 'Times New Roman', serif;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 4px 12px rgba(139, 119, 101, 0.3);
}
.book-save-button[data-v-f223b035]:hover {
  background: linear-gradient(135deg, #c4953a 0%, #b58632 100%);
  border-color: #6b5a42;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(139, 119, 101, 0.4);
}
.book-save-button[data-v-f223b035]:active {
  transform: translateY(0);
}
.create-book-button[data-v-f223b035] {
  position: absolute;
  bottom: 0.5%;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  transition: transform 0.3s ease, filter 0.3s ease;
}
.create-book-button[data-v-f223b035]:hover {
  transform: translateX(-50%) scale(1.1);
  filter: brightness(1.1);
}
.create-book-button[data-v-f223b035]:active {
  transform: translateX(-50%) scale(0.95);
}
.create-book-image[data-v-f223b035] {
  width: 240px;
  height: 120px;
  object-fit: contain;
  display: block;
}
.comic-wiz-006[data-v-f223b035] {
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer;
  transition: transform 0.3s ease, filter 0.3s ease;
  animation: float-f223b035 3s ease-in-out infinite;
}
.comic-wiz-006[data-v-f223b035]:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.comic-wiz-006[data-v-f223b035]:active {
  transform: scale(0.98);
}
.comic-wiz-006-image[data-v-f223b035] {
  width: 250px;
  height: 250px;
  object-fit: contain;
  display: block;
}
.wizard-speech-bubble[data-v-f223b035] {
  position: absolute;
  top: 10px;
  left: -80px;
  z-index: 100;
  animation: bubbleFloat-f223b035 2s ease-in-out infinite;
}
.wizard-speech-bubble .speech-bubble-content[data-v-f223b035] {
  position: relative;
  background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);
  border: 3px solid #d4a843;
  border-radius: 20px;
  padding: 12px 18px;
  box-shadow: 0 4px 15px rgba(212, 168, 67, 0.3);
  min-width: 180px;
  max-width: 220px;
}
.wizard-speech-bubble .speech-bubble-content .speech-text[data-v-f223b035] {
  font-size: 15px;
  font-weight: 600;
  color: #8b4513;
  line-height: 1.4;
  display: block;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}
.wizard-speech-bubble .speech-bubble-content .speech-pointer[data-v-f223b035] {
  font-size: 18px;
  position: absolute;
  bottom: -8px;
  right: 30px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
.wizard-speech-bubble[data-v-f223b035]::after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: 40px;
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);
  border-right: 3px solid #d4a843;
  border-bottom: 3px solid #d4a843;
  transform: rotate(45deg);
  box-shadow: 2px 2px 5px rgba(212, 168, 67, 0.2);
}
@keyframes bubbleFloat-f223b035 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-8px);
}
}
@keyframes float-f223b035 {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-20px);
}
}
.character-select-menu-overlay[data-v-f223b035] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}
.character-select-menu[data-v-f223b035] {
  position: relative;
  background: linear-gradient(135deg, #f5e6c8 0%, #faf5e8 50%, #f5e6c8 100%);
  border-radius: 16px;
  padding: 24px;
  min-width: 300px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), inset 0 0 30px rgba(139, 119, 101, 0.1);
  border: 3px solid #c4a574;
}
.character-select-menu[data-v-f223b035]::before {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border: 2px solid rgba(196, 165, 116, 0.3);
  border-radius: 20px;
  pointer-events: none;
}
.character-select-menu-title[data-v-f223b035] {
  font-size: 22px;
  font-weight: bold;
  color: #5d4e37;
  text-align: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 2px solid rgba(196, 165, 116, 0.4);
  font-family: 'Georgia', serif;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}
.character-select-menu-item[data-v-f223b035] {
  display: flex;
  align-items: center;
  padding: 18px 24px;
  margin: 12px 0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(196, 165, 116, 0.3);
}
.character-select-menu-item[data-v-f223b035]:hover {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(196, 165, 116, 0.6);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 119, 101, 0.2);
}
.character-select-menu-icon[data-v-f223b035] {
  font-size: 28px;
  margin-right: 16px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.character-select-menu-text[data-v-f223b035] {
  font-size: 17px;
  color: #5d4e37;
  font-weight: 600;
  font-family: 'Georgia', serif;
}
.character-preview-overlay[data-v-f223b035] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1003;
  animation: fadeIn-f223b035 0.3s ease-out;
}
.character-preview-modal[data-v-f223b035] {
  position: relative;
  background: linear-gradient(135deg, #f5e6c8 0%, #faf5e8 50%, #f5e6c8 100%);
  border-radius: 24px;
  width: 90%;
  max-width: 600px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 0 40px rgba(139, 119, 101, 0.15);
  border: 4px solid #c4a574;
  animation: modalSlideIn-f223b035 0.3s ease-out;
  overflow: hidden;
}
.character-preview-close[data-v-f223b035] {
  position: absolute;
  top: 16px;
  right: 20px;
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid #c4a574;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 28px;
  color: #5d4e37;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.character-preview-close[data-v-f223b035]:hover {
  background: #ffffff;
  transform: rotate(90deg);
}
.character-preview-content[data-v-f223b035] {
  padding: 40px 30px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  overflow-y: auto;
}
.character-preview-image-wrapper[data-v-f223b035] {
  width: 280px;
  height: 280px;
  border-radius: 20px;
  overflow: visible;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  border: 3px solid #c4a574;
  position: relative;
}
.character-preview-image-wrapper .character-preview-image[data-v-f223b035] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 17px;
}
.character-preview-image-wrapper .character-prompt-preview[data-v-f223b035] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
}
.character-preview-info[data-v-f223b035] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.character-preview-name[data-v-f223b035] {
  font-size: 24px;
  font-weight: 600;
  color: #5d4e37;
  text-align: center;
  margin: 0;
  font-family: 'Ma Shan Zheng', cursive;
}
.character-preview-prompt[data-v-f223b035] {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 12px;
  padding: 16px;
  border: 2px solid rgba(196, 165, 116, 0.5);
}
.character-preview-prompt .prompt-title[data-v-f223b035] {
  font-size: 16px;
  font-weight: 600;
  color: #5d4e37;
  margin-bottom: 12px;
}
.character-preview-prompt .prompt-content[data-v-f223b035] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.character-preview-prompt .prompt-content .prompt-item[data-v-f223b035] {
  display: flex;
  gap: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.character-preview-prompt .prompt-content .prompt-item .prompt-label[data-v-f223b035] {
  font-weight: 600;
  color: #8b7355;
  flex-shrink: 0;
}
.character-preview-prompt .prompt-content .prompt-item .prompt-value[data-v-f223b035] {
  color: #5d4e37;
  flex: 1;
}
.character-preview-prompt .prompt-content .prompt-empty[data-v-f223b035] {
  text-align: center;
  color: #a09080;
  font-size: 14px;
  font-style: italic;
}
@keyframes modalSlideIn-f223b035 {
from {
    opacity: 0;
    transform: translateY(-30px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.guide-trigger-btn[data-v-f223b035] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(255, 140, 0, 0.4);
  transition: all 0.3s ease;
  z-index: 100;
}
.guide-trigger-btn[data-v-f223b035]:hover {
  transform: scale(1.1) rotate(10deg);
  box-shadow: 0 6px 20px rgba(255, 140, 0, 0.5);
}
.guide-trigger-btn[data-v-f223b035]:active {
  transform: scale(0.95);
}
.guide-trigger-btn span[data-v-f223b035] {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.loading-content[data-v-d501bb09] {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  background: white;
  border-radius: 8px;
}
.loading-content .loading-text[data-v-d501bb09] {
  margin-left: 12px;
  color: #333;
  font-size: 14px;
}
[data-v-d501bb09] .t-dialog {
  border-radius: 8px;
  overflow: hidden;
}
[data-v-d501bb09] .t-dialog__body {
  padding: 0;
}
/* 共享的按钮基础样式 */
.program-back-button {
  height: 32px;
  padding: 0 12px;
  border: none;
  border-radius: 6px;
  color: white;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
/* 返回按钮 */
.program-back-button {
  position: fixed;
  top: 8px;
  right: 20vw;
  left: auto;
  z-index: 9999;
  background: #ff9800;
}
.program-back-button:hover {
  background: #f57c00;
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.program-back-button svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}
.back-button:hover svg {
  transform: translateX(-2px);
}
/* 动画效果 */
@keyframes float {
0%,
  100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-2px);
}
}
.scratch-work-modal-overlay[data-v-11097f55] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-11097f55 0.3s ease;
}
.scratch-work-modal[data-v-11097f55] {
  width: 90vw;
  max-width: 1200px;
  height: auto;
  max-height: 90vh;
  background: white;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  display: flex;
  overflow: hidden;
  position: relative;
  animation: slideUp-11097f55 0.3s ease;
}
.modal-close-button[data-v-11097f55] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  z-index: 10;
  transition: all 0.3s ease;
}
.modal-close-button[data-v-11097f55]:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #333;
  transform: rotate(90deg);
}
.modal-left-section[data-v-11097f55] {
  flex: 1;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  position: relative;
  min-width: 0;
}
.scratch-player-container[data-v-11097f55] {
  width: 100%;
  max-width: 720px;
  height: 540px;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.scratch-player-iframe[data-v-11097f55] {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.modal-right-section[data-v-11097f55] {
  width: 400px;
  padding: 30px 24px;
  background: #fff;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: 600px;
}
.modal-right-section[data-v-11097f55]::-webkit-scrollbar {
  width: 6px;
}
.modal-right-section[data-v-11097f55]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.author-info-section[data-v-11097f55] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.author-avatar-modal[data-v-11097f55] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #667eea;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.author-details[data-v-11097f55] {
  flex: 1;
}
.author-name-modal[data-v-11097f55] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
}
.work-date[data-v-11097f55] {
  font-size: 13px;
  color: #999;
}
.work-title-modal[data-v-11097f55] {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin: 0;
  line-height: 1.4;
}
.section-title[data-v-11097f55] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}
.work-description-section .section-title-with-action[data-v-11097f55] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.work-description-section .edit-description-btn[data-v-11097f55] {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.work-description-section .edit-description-btn[data-v-11097f55]:hover {
  background: rgba(102, 126, 234, 0.1);
  color: #667eea;
}
.work-description-section .description-content[data-v-11097f55] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 16px;
  min-height: 100px;
}
.work-description-section .description-content p[data-v-11097f55] {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}
.work-description-section .description-content .no-description[data-v-11097f55] {
  color: #999;
  font-style: italic;
}
.work-description-section .description-content .editing-mode[data-v-11097f55] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.work-description-section .description-content .editing-mode .description-textarea[data-v-11097f55] {
  width: 100%;
  padding: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
  min-height: 100px;
  outline: none;
  transition: border-color 0.2s ease;
}
.work-description-section .description-content .editing-mode .description-textarea[data-v-11097f55]:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}
.work-description-section .description-content .editing-mode .editing-actions[data-v-11097f55] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.work-description-section .description-content .editing-mode .editing-actions button[data-v-11097f55] {
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}
.work-description-section .description-content .editing-mode .editing-actions button.cancel-btn[data-v-11097f55] {
  background: #f0f0f0;
  color: #666;
}
.work-description-section .description-content .editing-mode .editing-actions button.cancel-btn[data-v-11097f55]:hover {
  background: #e0e0e0;
}
.work-description-section .description-content .editing-mode .editing-actions button.save-btn[data-v-11097f55] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.work-description-section .description-content .editing-mode .editing-actions button.save-btn[data-v-11097f55]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
.work-description-section .description-content .editing-mode .char-count[data-v-11097f55] {
  text-align: right;
  font-size: 12px;
  color: #999;
}
.tags-section .tags-list[data-v-11097f55] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tags-section .tag-item[data-v-11097f55] {
  padding: 6px 12px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500;
}
.stats-section[data-v-11097f55] {
  display: flex;
  gap: 24px;
  padding: 16px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.stat-item[data-v-11097f55] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #666;
}
.action-buttons-modal[data-v-11097f55] {
  display: flex;
  gap: 12px;
  margin-top: auto;
}
.modal-action-button[data-v-11097f55] {
  flex: 1;
  padding: 12px 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.modal-action-button.like-button[data-v-11097f55] {
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
  color: white;
}
.modal-action-button.like-button[data-v-11097f55]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);
}
.modal-action-button.share-button[data-v-11097f55] {
  background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
  color: white;
}
.modal-action-button.share-button[data-v-11097f55]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(78, 205, 196, 0.4);
}
.modal-action-button.share-button.disabled[data-v-11097f55] {
  background: #ccc;
  cursor: not-allowed;
  opacity: 0.6;
}
.modal-action-button.share-button.disabled[data-v-11097f55]:hover {
  transform: none;
  box-shadow: none;
}
@keyframes fadeIn-11097f55 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-11097f55 {
from {
    transform: translateY(50px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
@media (max-width: 768px) {
.scratch-work-modal[data-v-11097f55] {
    flex-direction: column;
    width: 95vw;
    height: auto;
    max-height: 90vh;
}
.modal-left-section[data-v-11097f55] {
    flex: none;
    width: 100%;
    padding: 15px;
}
.scratch-player-container[data-v-11097f55] {
    max-width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
}
.modal-right-section[data-v-11097f55] {
    width: 100%;
    height: auto;
    max-height: none;
    padding: 20px 15px;
}
}
.gallery-page[data-v-260956be] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.gallery-background[data-v-260956be] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.gallery-header[data-v-260956be] {
  position: absolute;
  top: 2vh;
  left: 1.5vw;
  right: 1.5vw;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1vw;
}
.gallery-selectors[data-v-260956be] {
  position: absolute;
  top: 14vh;
  left: 0;
  right: 0;
  z-index: 50;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 6vw;
}
.selector-left[data-v-260956be] {
  display: flex;
  align-items: center;
}
.selector-right[data-v-260956be] {
  display: flex;
  align-items: center;
}
.gallery-mode-selector[data-v-260956be] {
  display: flex;
  gap: 0.5vw;
  background: linear-gradient(135deg, #f4e4bc 0%, #e8d5a3 50%, #d4c494 100%);
  padding: 0.8vh 1vw;
  border-radius: 1vw;
  border: 0.15vw solid #8b7355;
  box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.3), inset 0 0 1.5vw rgba(139, 119, 101, 0.1);
}
.mode-button[data-v-260956be] {
  padding: 0.8vh 1.2vw;
  border: 0.08vw solid #c4a574;
  border-radius: 0.6vw;
  background: linear-gradient(135deg, #faf5e8 0%, #f5e6c8 100%);
  color: #5d4e37;
  font-size: 0.9vw;
  font-weight: 600;
  font-family: 'Georgia', 'Times New Roman', serif;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  text-shadow: 0.05vw 0.05vw 0.05vw rgba(255, 255, 255, 0.5);
}
.mode-button[data-v-260956be]:hover {
  background: linear-gradient(135deg, #f5e6c8 0%, #e8d5a3 100%);
  border-color: #8b7355;
  transform: translateY(-0.1vh);
  box-shadow: 0 0.2vw 0.8vw rgba(139, 119, 101, 0.3);
}
.mode-button.active[data-v-260956be] {
  background: linear-gradient(135deg, #8b7355 0%, #a08060 100%);
  color: #faf5e8;
  border-color: #5d4e37;
  box-shadow: 0 0.2vw 0.8vw rgba(0, 0, 0, 0.3), inset 0 0.05vw 0.1vw rgba(255, 255, 255, 0.2);
  text-shadow: 0.05vw 0.05vw 0.1vw rgba(0, 0, 0, 0.3);
}
.mode-button.disabled[data-v-260956be] {
  opacity: 0.5;
  cursor: not-allowed;
  background: linear-gradient(135deg, #d4c4a8 0%, #c4b498 100%);
  color: #8b7355;
  border-color: #a08060;
}
.mode-button.disabled[data-v-260956be]:hover {
  transform: none;
  box-shadow: none;
  background: linear-gradient(135deg, #d4c4a8 0%, #c4b498 100%);
}
.type-selector[data-v-260956be] {
  display: flex;
  gap: 0.5vw;
  background: linear-gradient(135deg, #f4e4bc 0%, #e8d5a3 50%, #d4c494 100%);
  padding: 0.8vh 1vw;
  border-radius: 1vw;
  border: 0.15vw solid #8b7355;
  box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.3), inset 0 0 1.5vw rgba(139, 119, 101, 0.1);
}
.type-button[data-v-260956be] {
  padding: 0.8vh 1vw;
  border: 0.08vw solid #c4a574;
  border-radius: 0.6vw;
  background: linear-gradient(135deg, #faf5e8 0%, #f5e6c8 100%);
  color: #5d4e37;
  font-size: 0.85vw;
  font-weight: 600;
  font-family: 'Georgia', 'Times New Roman', serif;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  text-shadow: 0.05vw 0.05vw 0.05vw rgba(255, 255, 255, 0.5);
}
.type-button[data-v-260956be]:hover {
  background: linear-gradient(135deg, #f5e6c8 0%, #e8d5a3 100%);
  border-color: #8b7355;
  transform: translateY(-0.1vh);
  box-shadow: 0 0.2vw 0.8vw rgba(139, 119, 101, 0.3);
}
.type-button.active[data-v-260956be] {
  background: linear-gradient(135deg, #8b7355 0%, #a08060 100%);
  color: #faf5e8;
  border-color: #5d4e37;
  box-shadow: 0 0.2vw 0.8vw rgba(0, 0, 0, 0.3), inset 0 0.05vw 0.1vw rgba(255, 255, 255, 0.2);
  text-shadow: 0.05vw 0.05vw 0.1vw rgba(0, 0, 0, 0.3);
}
.gallery-title[data-v-260956be] {
  font-size: 2vw;
  font-weight: bold;
  color: white;
  text-shadow: 0.15vw 0.15vw 0.5vw rgba(0, 0, 0, 0.5);
  margin: 0;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.gallery-grid-container[data-v-260956be] {
  position: absolute;
  top: 22vh;
  left: 8vw;
  width: 84vw;
  height: 58vh;
  z-index: 5;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2vh 0;
}
.gallery-grid-container[data-v-260956be]::-webkit-scrollbar {
  width: 0.5vw;
}
.gallery-grid-container[data-v-260956be]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.3vw;
}
.gallery-grid-container[data-v-260956be]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0.3vw;
}
.loading-state[data-v-260956be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 2vh;
}
.loading-state .loading-spinner[data-v-260956be] {
  width: 4vw;
  height: 4vw;
  border: 0.3vw solid rgba(255, 255, 255, 0.1);
  border-top-color: #8b7355;
  border-radius: 50%;
  animation: spin-260956be 1s linear infinite;
}
.loading-state p[data-v-260956be] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1vw;
}
@keyframes spin-260956be {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.empty-state[data-v-260956be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 1.5vh;
}
.empty-state .empty-icon[data-v-260956be] {
  font-size: 4vw;
}
.empty-state h3[data-v-260956be] {
  font-size: 1.5vw;
  color: white;
  margin: 0;
  text-shadow: 0.1vw 0.1vw 0.3vw rgba(0, 0, 0, 0.5);
}
.empty-state p[data-v-260956be] {
  font-size: 1vw;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.gallery-grid[data-v-260956be] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2vw;
  padding: 0 2vw;
}
.gallery-card[data-v-260956be] {
  background: linear-gradient(135deg, #f5e6c8 0%, #faf5e8 50%, #f5e6c8 100%);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  position: relative;
  border: 2px solid #c4a574;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(139, 119, 101, 0.1);
  aspect-ratio: 3/4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-card[data-v-260956be]:hover {
  background: linear-gradient(135deg, #faf5e8 0%, #f5e6c8 50%, #faf5e8 100%);
  border-color: #a08060;
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2), inset 0 0 25px rgba(139, 119, 101, 0.15);
}
/* 作者搜索框样式 */
.author-search-container[data-v-260956be] {
  position: absolute;
  bottom: 2vh;
  left: 35vw;
  width: 30vw;
  z-index: 6;
}
.author-search-box[data-v-260956be] {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 2vw;
  padding: 0.8vh 1vw;
  backdrop-filter: blur(0.5vw);
  border: 0.15vw solid rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
}
.author-search-box[data-v-260956be]:focus-within {
  border-color: rgba(255, 255, 255, 0.8);
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1vw rgba(255, 255, 255, 0.3);
}
.search-icon[data-v-260956be] {
  font-size: 1vw;
  margin-right: 0.5vw;
  opacity: 0.7;
}
.search-input[data-v-260956be] {
  flex: 1;
  background: transparent;
  border: none;
  color: white;
  font-size: 0.9vw;
  outline: none;
}
.search-input[data-v-260956be]::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.clear-btn[data-v-260956be] {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1vw;
  line-height: 1;
  transition: all 0.2s ease;
}
.clear-btn[data-v-260956be]:hover {
  background: rgba(255, 255, 255, 0.4);
}
/* 搜索结果下拉列表 */
.search-dropdown[data-v-260956be] {
  position: absolute;
  top: calc(100% + 0.5vh);
  left: 0;
  right: 0;
  max-height: 30vh;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 1vw;
  padding: 1vh 0;
  backdrop-filter: blur(1vw);
  border: 0.1vw solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.5);
}
.search-dropdown[data-v-260956be]::-webkit-scrollbar {
  width: 0.4vw;
}
.search-dropdown[data-v-260956be]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.2vw;
}
.search-dropdown[data-v-260956be]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0.2vw;
}
.search-result-item[data-v-260956be] {
  display: flex;
  align-items: center;
  gap: 1vw;
  padding: 1vh 1.5vw;
  cursor: pointer;
  transition: all 0.2s ease;
}
.search-result-item[data-v-260956be]:hover {
  background: rgba(255, 255, 255, 0.15);
}
.search-result-item.active[data-v-260956be] {
  background: rgba(255, 255, 255, 0.25);
}
.search-result-avatar[data-v-260956be] {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  object-fit: cover;
  border: 0.1vw solid rgba(255, 255, 255, 0.5);
}
.search-result-name[data-v-260956be] {
  font-size: 0.9vw;
  color: white;
  font-weight: 500;
}
.load-more-container[data-v-260956be] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3vh 0;
  width: 100%;
}
.loading-more[data-v-260956be] {
  display: flex;
  align-items: center;
  gap: 1vw;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9vw;
}
.loading-spinner-small[data-v-260956be] {
  width: 1.5vw;
  height: 1.5vw;
  border: 0.2vw solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-260956be 1s linear infinite;
}
.load-more-btn[data-v-260956be] {
  padding: 1.5vh 3vw;
  background: rgba(255, 255, 255, 0.15);
  border: 0.15vw solid rgba(255, 255, 255, 0.4);
  border-radius: 2vw;
  color: white;
  font-size: 0.9vw;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(0.5vw);
}
.load-more-btn[data-v-260956be]:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-0.2vh);
}
.no-more-data[data-v-260956be] {
  text-align: center;
  padding: 2vh 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.8vw;
}
@keyframes spin-260956be {
to {
    transform: rotate(360deg);
}
}
.gallery-item-inner[data-v-260956be] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.gallery-item-author-section[data-v-260956be] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 0 8px 0;
  width: 100%;
}
.author-avatar[data-v-260956be] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(196, 165, 116, 0.4);
}
.author-name[data-v-260956be] {
  font-size: 14px;
  color: #5d4e37;
  font-weight: 600;
  font-family: 'Georgia', serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-image-wrapper[data-v-260956be] {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
  border: 1px solid rgba(196, 165, 116, 0.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}
.gallery-image-wrapper .qr-code-button[data-v-260956be] {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(196, 165, 116, 0.5);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  color: #8b7355;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.gallery-image-wrapper .qr-code-button[data-v-260956be]:hover {
  background: #d4a843;
  border-color: #d4a843;
  color: white;
  transform: scale(1.1);
}
.gallery-image-wrapper .qr-code-button[data-v-260956be]:active {
  transform: scale(0.95);
}
.gallery-image-wrapper .qr-code-button svg[data-v-260956be] {
  width: 14px;
  height: 14px;
}
.gallery-image[data-v-260956be] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gallery-item-title[data-v-260956be] {
  font-size: 16px;
  font-weight: 600;
  color: #5d4e37;
  padding: 0;
  text-align: center;
  width: 100%;
  font-family: 'Georgia', serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 点赞区域 */
.like-section[data-v-260956be] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
}
.like-button[data-v-260956be] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 13px;
  color: #666;
}
.like-button[data-v-260956be]:hover:not(:disabled) {
  border-color: #ff4757;
  background: #fff5f5;
}
.like-button.liked[data-v-260956be] {
  border-color: #ff4757;
  background: #fff5f5;
}
.like-button[data-v-260956be]:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.like-count[data-v-260956be] {
  font-weight: 500;
  color: #666;
}
.like-button.liked .like-count[data-v-260956be] {
  color: #ff4757;
}
.action-buttons[data-v-260956be] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  gap: 4px;
  z-index: 10;
}
.action-button[data-v-260956be] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  color: white;
  opacity: 0;
  border: none;
  font-size: 12px;
}
.gallery-card:hover .action-button[data-v-260956be] {
  opacity: 1;
}
.edit-button[data-v-260956be] {
  background: rgba(33, 150, 243, 0.85);
}
.edit-button[data-v-260956be]:hover {
  background: #2196f3;
  transform: scale(1.1);
}
.share-button[data-v-260956be] {
  background: rgba(0, 150, 136, 0.85);
}
.share-button[data-v-260956be]:hover {
  background: #009688;
  transform: scale(1.1);
}
.delete-button[data-v-260956be] {
  background: rgba(255, 77, 79, 0.85);
}
.delete-button[data-v-260956be]:hover {
  background: #ff4d4f;
  transform: scale(1.1) rotate(90deg);
}
.qr-modal-overlay[data-v-260956be] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  animation: fadeIn-260956be 0.3s ease;
}
.qr-modal-content[data-v-260956be] {
  background: linear-gradient(135deg, #faf8f3 0%, #f5f0e8 100%);
  border-radius: 16px;
  width: 90%;
  max-width: 360px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  position: relative;
  border: 3px solid #c4a574;
  animation: slideUp-260956be 0.3s ease;
}
.qr-modal-close[data-v-260956be] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(139, 119, 101, 0.1);
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: #8b7765;
  transition: all 0.3s;
  z-index: 10;
}
.qr-modal-close[data-v-260956be]:hover {
  background: rgba(139, 119, 101, 0.2);
  transform: rotate(90deg);
}
.qr-modal-body[data-v-260956be] {
  padding: 28px 24px;
  text-align: center;
}
.qr-modal-body .qr-title[data-v-260956be] {
  font-size: 20px;
  color: #5d4e37;
  margin: 0 0 8px;
  font-family: 'Georgia', serif;
}
.qr-modal-body .qr-subtitle[data-v-260956be] {
  font-size: 14px;
  color: #8b7765;
  margin: 0 0 20px;
}
.qr-modal-body .qr-code-wrapper[data-v-260956be] {
  background: white;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: inline-block;
}
.qr-modal-body .qr-code-wrapper .qr-code-image[data-v-260956be] {
  width: 180px;
  height: 180px;
  display: block;
}
.qr-modal-body .qr-code-wrapper .qr-code-loading[data-v-260956be] {
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qr-modal-body .qr-code-wrapper .qr-code-loading .loading-spinner[data-v-260956be] {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(212, 168, 67, 0.2);
  border-top-color: #d4a843;
  border-radius: 50%;
  animation: spin-260956be 1s linear infinite;
}
.qr-modal-body .qr-tip[data-v-260956be] {
  font-size: 15px;
  color: #5d4e37;
  margin: 0 0 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qr-modal-body .qr-actions .qr-copy-btn[data-v-260956be] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.qr-modal-body .qr-actions .qr-copy-btn[data-v-260956be]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(212, 168, 67, 0.4);
}
.qr-modal-body .qr-actions .qr-copy-btn[data-v-260956be]:active {
  transform: translateY(0);
}
.qr-modal-body .qr-actions .qr-copy-btn svg[data-v-260956be] {
  width: 16px;
  height: 16px;
}
@keyframes fadeIn-260956be {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-260956be {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes spin-260956be {
to {
    transform: rotate(360deg);
}
}
.comic-wiz-002[data-v-260956be] {
  position: fixed;
  bottom: 2vh;
  right: 1.5vw;
  width: 15vw;
  height: 15vw;
  z-index: 1000;
  cursor: pointer;
  animation: float-260956be 3s ease-in-out infinite;
  transition: transform 0.3s ease;
}
.comic-wiz-002[data-v-260956be]:hover {
  transform: scale(1.1);
}
.comic-wiz-002 .comic-wiz-002-image[data-v-260956be] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transform: scaleX(-1);
}
.wizard-speech-bubble[data-v-260956be] {
  position: absolute;
  top: -1vh;
  left: -3vw;
  z-index: 1001;
  animation: bubbleFloat-260956be 2s ease-in-out infinite;
  pointer-events: none;
}
.wizard-speech-bubble .speech-bubble-content[data-v-260956be] {
  position: relative;
  background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);
  border: 0.2vw solid #d4a843;
  border-radius: 1.5vw;
  padding: 1.5vh 2vw;
  box-shadow: 0 0.3vw 1vw rgba(212, 168, 67, 0.3);
  min-width: 10vw;
  max-width: 12vw;
}
.wizard-speech-bubble .speech-bubble-content .speech-text[data-v-260956be] {
  font-size: 1vw;
  font-weight: 600;
  color: #8b4513;
  line-height: 1.4;
  display: block;
  text-shadow: 0 0.05vw 0.1vw rgba(255, 255, 255, 0.8);
}
.wizard-speech-bubble .speech-bubble-content .speech-pointer[data-v-260956be] {
  font-size: 1.2vw;
  position: absolute;
  bottom: -0.5vh;
  right: 2vw;
  filter: drop-shadow(0 0.1vw 0.2vw rgba(0, 0, 0, 0.2));
}
.wizard-speech-bubble[data-v-260956be]::after {
  content: '';
  position: absolute;
  bottom: -0.5vh;
  right: 2.5vw;
  width: 1.5vw;
  height: 1.5vh;
  background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);
  border-right: 0.2vw solid #d4a843;
  border-bottom: 0.2vw solid #d4a843;
  transform: rotate(45deg);
  box-shadow: 0.1vw 0.1vw 0.3vw rgba(212, 168, 67, 0.2);
}
@keyframes bubbleFloat-260956be {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-0.5vh);
}
}
@keyframes float-260956be {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-0.8vh);
}
}
.player-iframe-container[data-v-260956be] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2000;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.player-iframe-header[data-v-260956be] {
  height: 5vh;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  padding: 0 1.5vw;
  box-shadow: 0 0.15vw 0.5vw rgba(0, 0, 0, 0.2);
}
.player-back-button[data-v-260956be] {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  padding: 1vh 1.2vw;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 0.5vw;
  color: white;
  font-size: 0.9vw;
  cursor: pointer;
  transition: all 0.3s ease;
}
.player-back-button[data-v-260956be]:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-0.1vh);
}
.player-title[data-v-260956be] {
  flex: 1;
  text-align: center;
  color: white;
  font-size: 1.2vw;
  font-weight: bold;
  margin-right: 5vw;
}
.player-iframe[data-v-260956be] {
  flex: 1;
  width: 100%;
  border: none;
}
@media (max-width: 1200px) {
.gallery-grid[data-v-260956be] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 992px) {
.gallery-grid[data-v-260956be] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.gallery-grid-container[data-v-260956be] {
    left: 4vw;
    width: 92vw;
}
.gallery-grid[data-v-260956be] {
    grid-template-columns: repeat(2, 1fr);
    gap: 3vw;
}
.type-badge[data-v-260956be] {
    font-size: 1.2vw;
    padding: 0.8vh 1.5vw;
}
}
@media (max-width: 480px) {
.gallery-grid[data-v-260956be] {
    grid-template-columns: 1fr;
}
}
.current-competition-item[data-v-7ad898f2] {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 96%;
  height: 40%;
  border-radius: 10px;
  padding: 10px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  border: 5px solid rgba(221, 127, 13, 0.997);
  cursor: pointer;
  transition: all 0.3s ease;
  /* 未开始的比赛样式 */
}
.current-competition-item[data-v-7ad898f2]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}
.current-competition-item[data-v-7ad898f2]:active {
  transform: translateY(0);
}
.current-competition-item.not-started[data-v-7ad898f2] {
  cursor: not-allowed;
  opacity: 0.7;
}
.current-competition-item.not-started[data-v-7ad898f2]:hover {
  transform: none;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.current-competition-image[data-v-7ad898f2] {
  width: 100%;
  height: 40%;
  margin-bottom: 10px;
}
.current-competition-image img[data-v-7ad898f2] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.current-competition-info[data-v-7ad898f2] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.current-competition-title[data-v-7ad898f2] {
  font-size: 16px;
  font-weight: 700;
  color: white;
  margin-bottom: 5px;
  line-height: 1.2;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.current-competition-time[data-v-7ad898f2] {
  font-size: 12px;
  color: white;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 1.2;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 12px;
  align-self: flex-start;
}
.current-competition-button[data-v-7ad898f2] {
  align-self: center;
  padding: 8px 16px;
  background: linear-gradient(135deg, #4A90E2 0%, #00D4FF 100%);
  color: white;
  border: none;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
}
.current-competition-button[data-v-7ad898f2]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
}
.current-competition-button[data-v-7ad898f2]:active {
  transform: translateY(0);
}
.history-competition-item[data-v-bc51aed2] {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 96%;
  height: 30%;
  border-radius: 10px;
  padding: 10px;
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  border: 5px solid rgba(77, 210, 20, 0.997);
  cursor: pointer;
  transition: all 0.3s ease;
}
.history-competition-item[data-v-bc51aed2]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}
.history-competition-info[data-v-bc51aed2] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.history-competition-title[data-v-bc51aed2] {
  font-size: 16px;
  font-weight: 700;
  color: white;
  margin-bottom: 5px;
  line-height: 1.2;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.history-competition-status[data-v-bc51aed2] {
  font-size: 12px;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 12px;
}
.student-item[data-v-0108e915] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.student-avatar[data-v-0108e915] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  margin-bottom: 5px;
}
.student-avatar img[data-v-0108e915] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.student-name[data-v-0108e915] {
  font-size: 12px;
  color: white;
  font-weight: 600;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  white-space: nowrap;
}
.ranking-pyramid[data-v-5a216f96] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  gap: 20px;
  overflow: auto;
}
.ranking-pyramid[data-v-5a216f96]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.ranking-pyramid[data-v-5a216f96]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.ranking-pyramid[data-v-5a216f96]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.ranking-pyramid[data-v-5a216f96]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}
.ranking-label[data-v-5a216f96] {
  font-size: 14px;
  font-weight: 700;
  color: white;
  margin-right: 10px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  white-space: nowrap;
  flex-shrink: 0;
}
.ranking-level[data-v-5a216f96] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
.ranking-level.first-place[data-v-5a216f96] {
  width: 80px;
}
.ranking-level.second-place[data-v-5a216f96] {
  width: 180px;
}
.ranking-level.third-place[data-v-5a216f96] {
  width: 280px;
}
.ranking-level.fourth-place[data-v-5a216f96] {
  width: 380px;
}
.ranking-level.fifth-place[data-v-5a216f96] {
  width: 480px;
}
.competition-page[data-v-fd2125b3] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.competition-background[data-v-fd2125b3] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.competition-header[data-v-fd2125b3] {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
}
.history-card[data-v-fd2125b3] {
  position: absolute;
  top: 23%;
  left: 7%;
  width: 26%;
  aspect-ratio: 3 / 4;
  background: url('/assets/competeHistoryCard.D3xdVmRu.webp') no-repeat center center;
  background-size: 100% 100%;
  border-radius: 20px;
  overflow: hidden;
  z-index: 5;
  transition: all 0.3s ease;
  padding: 70px 30px 60px 30px;
  display: flex;
  flex-direction: column;
}
.history-card[data-v-fd2125b3]:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}
.empty-state[data-v-fd2125b3] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  margin-top: 20px;
}
.ranking-card[data-v-fd2125b3] {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 28%;
  aspect-ratio: 3 / 4;
  background: url('/assets/competeRankingCard.CCVFjAGt.webp') no-repeat center center;
  background-size: 100% 100%;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  z-index: 5;
  transition: all 0.3s ease;
  padding: 100px 20px 30px 40px;
  display: flex;
  flex-direction: column;
}
.ranking-card[data-v-fd2125b3]:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}
.current-card[data-v-fd2125b3] {
  position: absolute;
  top: 23%;
  right: 7%;
  width: 26%;
  aspect-ratio: 3 / 4;
  background: url('/assets/competeCurrentCard.EOMwkbH9.webp') no-repeat center center;
  background-size: 100% 100%;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  z-index: 5;
  transition: all 0.3s ease;
  padding: 70px 30px 60px 30px;
  display: flex;
  flex-direction: column;
}
.current-card[data-v-fd2125b3]:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}
.current-competition-list[data-v-fd2125b3],
.history-competition-list[data-v-fd2125b3] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex: 1;
  overflow-y: auto;
}
.current-competition-list[data-v-fd2125b3]::-webkit-scrollbar,
.history-competition-list[data-v-fd2125b3]::-webkit-scrollbar {
  width: 6px;
}
.current-competition-list[data-v-fd2125b3]::-webkit-scrollbar-track,
.history-competition-list[data-v-fd2125b3]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.current-competition-list[data-v-fd2125b3]::-webkit-scrollbar-thumb,
.history-competition-list[data-v-fd2125b3]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.current-competition-list[data-v-fd2125b3]::-webkit-scrollbar-thumb:hover,
.history-competition-list[data-v-fd2125b3]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}
.competition-detail-page[data-v-a42b6877] {
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 20px;
  position: relative;
}
.detail-container[data-v-a42b6877] {
  max-width: 1200px;
  margin: 100px auto 0;
  padding: 0 20px;
}
.detail-card[data-v-a42b6877] {
  background: linear-gradient(135deg, rgba(245, 235, 220, 0.98) 0%, rgba(240, 225, 200, 0.98) 50%, rgba(235, 220, 190, 0.98) 100%);
  border-radius: 8px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(139, 90, 43, 0.3), inset 0 0 60px rgba(139, 90, 43, 0.05);
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  border: 2px solid #8b5a2b;
  position: relative;
}
.detail-card[data-v-a42b6877]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(139, 90, 43, 0.03) 2px, rgba(139, 90, 43, 0.03) 4px), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(139, 90, 43, 0.03) 2px, rgba(139, 90, 43, 0.03) 4px);
  pointer-events: none;
  border-radius: 6px;
}
.detail-card[data-v-a42b6877]::after {
  content: '';
  position: absolute;
  top: -5px;
  left: 20px;
  right: 20px;
  height: 10px;
  background: linear-gradient(180deg, #8b5a2b 0%, #a0522d 50%, #8b5a2b 100%);
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.detail-card[data-v-a42b6877]::-webkit-scrollbar {
  width: 10px;
}
.detail-card[data-v-a42b6877]::-webkit-scrollbar-track {
  background: rgba(139, 90, 43, 0.1);
  border-radius: 5px;
}
.detail-card[data-v-a42b6877]::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8b5a2b 0%, #a0522d 100%);
  border-radius: 5px;
}
.detail-card[data-v-a42b6877]::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a0522d 0%, #8b5a2b 100%);
}
.competition-title[data-v-a42b6877] {
  font-size: 32px;
  font-weight: 800;
  color: #5c3d2e;
  text-align: center;
  margin-bottom: 20px;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}
.competition-date[data-v-a42b6877] {
  font-size: 16px;
  color: #666;
  text-align: center;
  margin-bottom: 30px;
}
.competition-info[data-v-a42b6877] {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(139, 90, 43, 0.3);
}
.competition-info p[data-v-a42b6877] {
  color: #6b4423;
}
.competition-info .label[data-v-a42b6877] {
  font-weight: 600;
  color: #8b5a2b;
}
.competition-description[data-v-a42b6877],
.competition-rules[data-v-a42b6877],
.competition-prizes[data-v-a42b6877] {
  margin-bottom: 40px;
}
.competition-description h3[data-v-a42b6877],
.competition-rules h3[data-v-a42b6877],
.competition-prizes h3[data-v-a42b6877] {
  font-size: 20px;
  font-weight: 700;
  color: #5c3d2e;
  margin-bottom: 15px;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
}
.competition-description h3[data-v-a42b6877]::before,
.competition-rules h3[data-v-a42b6877]::before,
.competition-prizes h3[data-v-a42b6877]::before {
  content: '📜';
}
.competition-description .description-content[data-v-a42b6877],
.competition-rules .description-content[data-v-a42b6877],
.competition-prizes .description-content[data-v-a42b6877],
.competition-description .rules-content[data-v-a42b6877],
.competition-rules .rules-content[data-v-a42b6877],
.competition-prizes .rules-content[data-v-a42b6877],
.competition-description .prizes-content[data-v-a42b6877],
.competition-rules .prizes-content[data-v-a42b6877],
.competition-prizes .prizes-content[data-v-a42b6877] {
  font-size: 16px;
  line-height: 1.6;
  color: #6b4423;
}
.competition-description .description-content[data-v-a42b6877] p,
.competition-rules .description-content[data-v-a42b6877] p,
.competition-prizes .description-content[data-v-a42b6877] p,
.competition-description .rules-content[data-v-a42b6877] p,
.competition-rules .rules-content[data-v-a42b6877] p,
.competition-prizes .rules-content[data-v-a42b6877] p,
.competition-description .prizes-content[data-v-a42b6877] p,
.competition-rules .prizes-content[data-v-a42b6877] p,
.competition-prizes .prizes-content[data-v-a42b6877] p {
  color: #6b4423;
}
.competitors-section[data-v-a42b6877] {
  margin-bottom: 40px;
}
.competitors-section h3[data-v-a42b6877] {
  font-size: 20px;
  font-weight: 700;
  color: #5c3d2e;
  margin-bottom: 15px;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
}
.competitors-section h3[data-v-a42b6877]::before {
  content: '🧙';
}
.competitors-section .competitors-list[data-v-a42b6877] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 0;
}
.competitors-section .competitors-list .competitor-item[data-v-a42b6877] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.competitors-section .competitors-list .competitor-item[data-v-a42b6877]:hover {
  transform: translateY(-3px);
}
.competitors-section .competitors-list .competitor-item:hover .competitor-avatar[data-v-a42b6877] {
  box-shadow: 0 5px 15px rgba(139, 90, 43, 0.4);
  border-color: #8b5a2b;
}
.competitors-section .competitors-list .competitor-item .competitor-avatar[data-v-a42b6877] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #a0522d;
  transition: all 0.3s ease;
}
.competitors-section .competitors-list .competitor-item .competitor-avatar img[data-v-a42b6877] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.competitors-section .competitors-list .competitor-item .competitor-name[data-v-a42b6877] {
  font-size: 14px;
  color: #5c3d2e;
  font-weight: 500;
  text-align: center;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.action-buttons[data-v-a42b6877] {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.action-buttons .join-button[data-v-a42b6877] {
  background: linear-gradient(135deg, #8b5a2b 0%, #a0522d 50%, #8b5a2b 100%);
  color: #f5f5dc;
  border: 2px solid #5c3d2e;
  padding: 15px 50px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  box-shadow: 0 4px 15px rgba(139, 90, 43, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.1);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  position: relative;
}
.action-buttons .join-button[data-v-a42b6877]::before {
  content: '✦';
  margin-right: 8px;
}
.action-buttons .join-button[data-v-a42b6877]::after {
  content: '✦';
  margin-left: 8px;
}
.action-buttons .join-button[data-v-a42b6877]:hover:not(.disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(139, 90, 43, 0.6), inset 0 0 15px rgba(255, 255, 255, 0.2);
  background: linear-gradient(135deg, #a0522d 0%, #8b5a2b 50%, #a0522d 100%);
}
.action-buttons .join-button.disabled[data-v-a42b6877] {
  background: linear-gradient(135deg, #999 0%, #bbb 100%);
  color: #ddd;
  border-color: #999;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  text-shadow: none;
}
.group-select-overlay[data-v-a42b6877] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.group-select-content[data-v-a42b6877] {
  background: white;
  border-radius: 20px;
  width: 90%;
  max-width: 500px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.group-select-header[data-v-a42b6877] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #eee;
}
.group-select-header h3[data-v-a42b6877] {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin: 0;
}
.group-select-header .group-select-close[data-v-a42b6877] {
  font-size: 24px;
  cursor: pointer;
  color: #666;
}
.group-select-header .group-select-close[data-v-a42b6877]:hover {
  color: #333;
}
.group-select-body[data-v-a42b6877] {
  padding: 20px;
}
.group-item[data-v-a42b6877] {
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.group-item[data-v-a42b6877]:hover {
  border-color: #667eea;
  background: #f8f9ff;
}
.group-item .group-name[data-v-a42b6877] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 5px;
}
.group-item .group-info[data-v-a42b6877] {
  font-size: 14px;
  color: #666;
}
.ranking-section[data-v-a42b6877] {
  margin-bottom: 40px;
}
.ranking-section h3[data-v-a42b6877] {
  font-size: 20px;
  font-weight: 700;
  color: #5c3d2e;
  margin-bottom: 15px;
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ranking-section h3[data-v-a42b6877]::before {
  content: '🏆';
}
.ranking-section .ranking-tabs[data-v-a42b6877] {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.ranking-section .ranking-tabs .ranking-tab[data-v-a42b6877] {
  padding: 8px 20px;
  background: rgba(139, 90, 43, 0.1);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 500;
  color: #6b4423;
  border: 1px solid rgba(139, 90, 43, 0.2);
}
.ranking-section .ranking-tabs .ranking-tab[data-v-a42b6877]:hover {
  background: rgba(139, 90, 43, 0.2);
}
.ranking-section .ranking-tabs .ranking-tab.active[data-v-a42b6877] {
  background: linear-gradient(135deg, #8b5a2b 0%, #a0522d 100%);
  color: #f5f5dc;
  border-color: #5c3d2e;
}
.ranking-section .ranking-list[data-v-a42b6877] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.ranking-section .ranking-list .ranking-item[data-v-a42b6877] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.ranking-section .ranking-list .ranking-item[data-v-a42b6877]:hover {
  transform: translateY(-3px);
}
.ranking-section .ranking-list .ranking-item:hover .ranking-avatar[data-v-a42b6877] {
  box-shadow: 0 5px 15px rgba(139, 90, 43, 0.4);
}
.ranking-section .ranking-list .ranking-item .ranking-avatar[data-v-a42b6877] {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: visible;
  border: 3px solid #a0522d;
  transition: all 0.3s ease;
  position: relative;
}
.ranking-section .ranking-list .ranking-item .ranking-avatar img[data-v-a42b6877] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.ranking-section .ranking-list .ranking-item .ranking-avatar .rank-badge[data-v-a42b6877] {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.ranking-section .ranking-list .ranking-item .ranking-avatar .rank-badge.gold[data-v-a42b6877] {
  background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
  color: #8b6914;
}
.ranking-section .ranking-list .ranking-item .ranking-avatar .rank-badge.silver[data-v-a42b6877] {
  background: linear-gradient(135deg, #c0c0c0 0%, #e0e0e0 100%);
  color: #555;
}
.ranking-section .ranking-list .ranking-item .ranking-avatar .rank-badge.bronze[data-v-a42b6877] {
  background: linear-gradient(135deg, #cd7f32 0%, #daa520 100%);
  color: white;
}
.ranking-section .ranking-list .ranking-item .ranking-name[data-v-a42b6877] {
  font-size: 12px;
  color: #5c3d2e;
  font-weight: 500;
  text-align: center;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ranking-section .ranking-list .ranking-item.first-place .ranking-avatar[data-v-a42b6877] {
  border-color: #ffd700;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}
.ranking-section .ranking-list .ranking-item.second-place .ranking-avatar[data-v-a42b6877] {
  border-color: #c0c0c0;
}
.ranking-section .ranking-list .ranking-item.third-place .ranking-avatar[data-v-a42b6877] {
  border-color: #cd7f32;
}
.tools-page[data-v-4339911d] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.tools-background[data-v-4339911d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.tools-header[data-v-4339911d] {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
}
.tools-container[data-v-4339911d] {
  position: absolute;
  z-index: 5;
  aspect-ratio: 4 / 3;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  cursor: pointer;
}
.tools-container-1[data-v-4339911d] {
  top: 59%;
  left: 14%;
  width: 18%;
  transform: translateY(-50%);
}
.tools-container-1[data-v-4339911d]:hover {
  transform: translateY(-50%) scale(1.1);
}
.tools-container-2[data-v-4339911d] {
  top: 50%;
  left: 50%;
  width: 18%;
  transform: translate(-50%, -50%);
}
.tools-container-2[data-v-4339911d]:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.tools-container-3[data-v-4339911d] {
  top: 58%;
  right: 12%;
  width: 18%;
  transform: translateY(-50%);
}
.tools-container-3[data-v-4339911d]:hover {
  transform: translateY(-50%) scale(1.1);
}
.tools-label[data-v-4339911d] {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: 600;
  color: white;
  text-align: center;
  white-space: nowrap;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  font-family: 'Arial Rounded MT Bold', 'Varela Round', 'Nunito', 'Quicksand', 'Baloo 2', sans-serif;
}
.magic-house-page[data-v-02fbe681] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
@media (max-aspect-ratio: 16/9) {
.magic-house-page[data-v-02fbe681] {
    transform-origin: top left;
}
}
.magic-house-background[data-v-02fbe681] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.magic-house-header[data-v-02fbe681] {
  position: absolute;
  top: 2vh;
  left: 1.5vw;
  z-index: 10;
}
.level-panel[data-v-02fbe681] {
  position: absolute;
  left: 3vw;
  top: 15vh;
  width: 12vw;
  min-width: 180px;
  background: linear-gradient(135deg, rgba(30, 30, 60, 0.9) 0%, rgba(60, 30, 80, 0.9) 100%);
  border: 0.15vw solid #9d7bff;
  border-radius: 1vw;
  padding: 1.5vh 1vw;
  z-index: 5;
  box-shadow: 0 0 2vw rgba(157, 123, 255, 0.4), inset 0 0 1vw rgba(157, 123, 255, 0.1);
}
.level-badge[data-v-02fbe681] {
  display: flex;
  align-items: center;
  gap: 0.8vw;
  margin-bottom: 1.5vh;
}
.level-icon[data-v-02fbe681] {
  width: 2.5vw;
  height: 2.5vw;
  min-width: 32px;
  min-height: 32px;
  background: linear-gradient(135deg, #9d7bff 0%, #6b4ee6 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1vw;
  font-weight: 700;
  color: white;
  border: 0.15vw solid #fff;
  box-shadow: 0 0 1vw rgba(157, 123, 255, 0.6);
}
.level-text[data-v-02fbe681] {
  font-size: 0.9vw;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 0 0.5vw rgba(157, 123, 255, 0.8);
}
.progress-container[data-v-02fbe681] {
  position: relative;
  margin-bottom: 1.5vh;
}
.progress-bar[data-v-02fbe681] {
  height: 1.2vh;
  min-height: 8px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.6vh;
  overflow: hidden;
  position: relative;
  border: 0.08vw solid rgba(157, 123, 255, 0.3);
}
.progress-fill[data-v-02fbe681] {
  height: 100%;
  background: linear-gradient(90deg, #9d7bff 0%, #00d4ff 50%, #9d7bff 100%);
  border-radius: 0.6vh;
  transition: width 0.5s ease;
  box-shadow: 0 0 0.8vw rgba(157, 123, 255, 0.6);
}
.progress-glow[data-v-02fbe681] {
  position: absolute;
  top: 0;
  left: 70%;
  width: 1.5vw;
  height: 100%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, transparent 70%);
  animation: pulse-02fbe681 2s infinite;
}
@keyframes pulse-02fbe681 {
0%,
  100% {
    opacity: 0.5;
}
50% {
    opacity: 1;
}
}
.progress-text[data-v-02fbe681] {
  text-align: center;
  color: #fff;
  font-size: 0.8vw;
  margin-top: 1vh;
  font-weight: 600;
}
.upgrade-btn[data-v-02fbe681] {
  width: 100%;
  padding: 1vh;
  background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
  border: none;
  border-radius: 0.6vw;
  color: #333;
  font-size: 0.85vw;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 0.3vw 1vw rgba(255, 215, 0, 0.4);
}
.upgrade-btn[data-v-02fbe681]:hover {
  transform: translateY(-0.2vh);
  box-shadow: 0 0.5vw 1.5vw rgba(255, 215, 0, 0.6);
}
.gold-panel[data-v-02fbe681] {
  position: absolute;
  left: 3vw;
  bottom: 15vh;
  width: 12vw;
  min-width: 180px;
  background: linear-gradient(135deg, rgba(139, 69, 19, 0.95) 0%, rgba(160, 82, 45, 0.95) 100%);
  border: 0.2vw solid #ffd700;
  border-radius: 1vw;
  padding: 1.5vh 1vw;
  z-index: 5;
  box-shadow: 0 0 2vw rgba(255, 215, 0, 0.3), inset 0 0 1vw rgba(255, 215, 0, 0.1);
}
.panel-title[data-v-02fbe681] {
  text-align: center;
  font-size: 1vw;
  font-weight: 700;
  color: #ffd700;
  margin-bottom: 1.5vh;
  text-shadow: 0 0 0.5vw rgba(255, 215, 0, 0.5);
}
.gold-icon-container[data-v-02fbe681] {
  position: relative;
  width: 4.5vw;
  height: 4.5vw;
  min-width: 60px;
  min-height: 60px;
  margin: 0 auto 1.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gold-icon[data-v-02fbe681] {
  font-size: 2.8vw;
  z-index: 2;
  animation: float-02fbe681 3s ease-in-out infinite;
}
@keyframes float-02fbe681 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-1vh);
}
}
.gold-ring[data-v-02fbe681] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0.2vw solid rgba(255, 215, 0, 0.5);
  border-radius: 50%;
  animation: rotate-02fbe681 4s linear infinite;
}
@keyframes rotate-02fbe681 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.gold-amount[data-v-02fbe681] {
  text-align: center;
  font-size: 2vw;
  font-weight: 700;
  color: #ffd700;
  margin-bottom: 1.5vh;
  text-shadow: 0 0 1vw rgba(255, 215, 0, 0.6);
}
.get-gold-btn[data-v-02fbe681] {
  position: absolute;
  right: 1vw;
  bottom: 1.5vh;
  padding: 0.8vh 1vw;
  background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
  border: none;
  border-radius: 1.2vw;
  color: #333;
  font-size: 0.75vw;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 0.3vw 1vw rgba(255, 215, 0, 0.4);
}
.get-gold-btn[data-v-02fbe681]:hover {
  transform: scale(1.05);
}
.works-panel[data-v-02fbe681] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 28vw;
  min-width: 400px;
  background: linear-gradient(135deg, rgba(60, 20, 80, 0.95) 0%, rgba(40, 10, 60, 0.95) 100%);
  border: 0.2vw solid #9d7bff;
  border-radius: 1.2vw;
  padding: 2vh 1.5vw;
  z-index: 5;
  box-shadow: 0 0 3vw rgba(157, 123, 255, 0.5), inset 0 0 2vw rgba(157, 123, 255, 0.1);
}
.panel-header[data-v-02fbe681] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8vw;
  margin-bottom: 2.5vh;
  padding: 1vh 1.5vw;
  background: linear-gradient(90deg, transparent 0%, rgba(157, 123, 255, 0.3) 50%, transparent 100%);
  border-top: 0.15vw solid #9d7bff;
  border-bottom: 0.15vw solid #9d7bff;
}
.header-icon[data-v-02fbe681] {
  font-size: 1.4vw;
}
.header-title[data-v-02fbe681] {
  font-size: 1.3vw;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 1vw rgba(157, 123, 255, 0.8);
}
.works-grid[data-v-02fbe681] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1vw;
  margin-bottom: 2.5vh;
}
.work-card[data-v-02fbe681] {
  aspect-ratio: 1;
  background: linear-gradient(135deg, rgba(100, 50, 150, 0.6) 0%, rgba(60, 30, 100, 0.6) 100%);
  border: 0.15vw solid #9d7bff;
  border-radius: 0.8vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.work-card[data-v-02fbe681]:hover {
  transform: translateY(-0.5vh) scale(1.05);
  box-shadow: 0 0.8vw 2vw rgba(157, 123, 255, 0.4);
}
.work-avatar[data-v-02fbe681] {
  font-size: 2.2vw;
}
.work-rarity[data-v-02fbe681] {
  position: absolute;
  bottom: 0.5vh;
  font-size: 0.7vw;
  color: #ffd700;
  font-weight: 600;
}
.view-all-btn[data-v-02fbe681] {
  width: 100%;
  padding: 1.5vh;
  background: linear-gradient(135deg, #9d7bff 0%, #6b4ee6 100%);
  border: none;
  border-radius: 0.8vw;
  color: #fff;
  font-size: 0.95vw;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 0.3vw 1.5vw rgba(157, 123, 255, 0.5);
  text-shadow: 0 0 0.5vw rgba(255, 255, 255, 0.5);
}
.view-all-btn[data-v-02fbe681]:hover {
  transform: translateY(-0.3vh);
  box-shadow: 0 0.6vw 2vw rgba(157, 123, 255, 0.7);
}
.profile-panel[data-v-02fbe681] {
  position: absolute;
  right: 3vw;
  top: 15vh;
  width: 15vw;
  min-width: 220px;
  background: linear-gradient(135deg, rgba(30, 30, 50, 0.95) 0%, rgba(50, 40, 70, 0.95) 100%);
  border: 0.15vw solid #9d7bff;
  border-radius: 1vw;
  padding: 2vh 1.2vw;
  z-index: 5;
  box-shadow: 0 0 2vw rgba(157, 123, 255, 0.3);
}
.panel-header-title[data-v-02fbe681] {
  text-align: center;
  font-size: 1vw;
  font-weight: 700;
  color: #ffd700;
  margin-bottom: 2vh;
  padding-bottom: 1vh;
  border-bottom: 0.15vw solid rgba(157, 123, 255, 0.3);
}
.profile-avatar[data-v-02fbe681] {
  width: 6vw;
  height: 6vw;
  min-width: 80px;
  min-height: 80px;
  margin: 0 auto 2vh;
  border-radius: 50%;
  overflow: hidden;
  border: 0.2vw solid #9d7bff;
  box-shadow: 0 0 1.5vw rgba(157, 123, 255, 0.5);
}
.profile-avatar img[data-v-02fbe681] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-info[data-v-02fbe681] {
  display: flex;
  flex-direction: column;
  gap: 1.2vh;
}
.info-row[data-v-02fbe681] {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  font-size: 0.75vw;
}
.info-icon[data-v-02fbe681] {
  font-size: 1vw;
  width: 1.5vw;
  text-align: center;
}
.info-label[data-v-02fbe681] {
  color: #9d7bff;
  font-weight: 600;
  min-width: 4vw;
}
.info-value[data-v-02fbe681] {
  color: #fff;
  flex: 1;
}
.points-panel[data-v-02fbe681] {
  position: absolute;
  right: 3vw;
  bottom: 25vh;
  width: 15vw;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 1.5vh;
  z-index: 5;
}
.points-badge[data-v-02fbe681],
.rank-badge[data-v-02fbe681] {
  display: flex;
  align-items: center;
  gap: 0.8vw;
  padding: 1.5vh 1.2vw;
  background: linear-gradient(135deg, rgba(30, 30, 50, 0.9) 0%, rgba(50, 40, 70, 0.9) 100%);
  border: 0.15vw solid #9d7bff;
  border-radius: 0.8vw;
  box-shadow: 0 0 1.5vw rgba(157, 123, 255, 0.3);
}
.points-icon[data-v-02fbe681],
.rank-icon[data-v-02fbe681] {
  font-size: 1.6vw;
}
.points-label[data-v-02fbe681],
.rank-label[data-v-02fbe681] {
  color: #9d7bff;
  font-size: 0.85vw;
  font-weight: 600;
}
.points-value[data-v-02fbe681],
.rank-value[data-v-02fbe681] {
  margin-left: auto;
  color: #ffd700;
  font-size: 1.2vw;
  font-weight: 700;
}
.bottom-actions[data-v-02fbe681] {
  position: absolute;
  bottom: 5vh;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 1.2vw;
  z-index: 5;
}
.action-btn[data-v-02fbe681] {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  padding: 1.2vh 1.5vw;
  border: none;
  border-radius: 2vw;
  font-size: 0.85vw;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}
.action-btn[data-v-02fbe681]:hover {
  transform: translateY(-0.3vh);
}
.action-btn .btn-icon[data-v-02fbe681] {
  font-size: 1.2vw;
}
.tasks-btn[data-v-02fbe681] {
  background: linear-gradient(135deg, #9d7bff 0%, #6b4ee6 100%);
  color: #fff;
}
.privacy-btn[data-v-02fbe681] {
  background: linear-gradient(135deg, #434343 0%, #000000 100%);
  color: #ffd700;
  border: 2px solid #ffd700;
}
.help-btn[data-v-02fbe681] {
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
  color: #fff;
}
.logout-btn[data-v-02fbe681] {
  background: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
  color: #fff;
}
.modal-overlay[data-v-02fbe681] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.modal-content[data-v-02fbe681] {
  background: linear-gradient(135deg, rgba(60, 20, 80, 0.98) 0%, rgba(40, 10, 60, 0.98) 100%);
  border: 0.15vw solid #9d7bff;
  border-radius: 1.2vw;
  width: 25vw;
  min-width: 350px;
  max-height: 80vh;
  overflow: hidden;
  box-shadow: 0 0 3vw rgba(157, 123, 255, 0.5);
}
.modal-header[data-v-02fbe681] {
  display: flex;
  align-items: center;
  gap: 0.8vw;
  padding: 2vh 1.5vw;
  border-bottom: 0.15vw solid rgba(157, 123, 255, 0.3);
}
.modal-header .modal-icon[data-v-02fbe681] {
  font-size: 1.6vw;
}
.modal-header h3[data-v-02fbe681] {
  flex: 1;
  margin: 0;
  font-size: 1.2vw;
  color: #fff;
}
.modal-header .modal-close[data-v-02fbe681] {
  background: none;
  border: none;
  font-size: 1.6vw;
  color: #9d7bff;
  cursor: pointer;
}
.modal-header .modal-close[data-v-02fbe681]:hover {
  color: #fff;
}
.modal-body[data-v-02fbe681] {
  padding: 2vh 1.5vw;
  max-height: 60vh;
  overflow-y: auto;
}
.task-list[data-v-02fbe681] {
  display: flex;
  flex-direction: column;
  gap: 1.2vh;
}
.task-item[data-v-02fbe681] {
  display: flex;
  align-items: center;
  gap: 1vw;
  padding: 1.5vh 1vw;
  background: rgba(100, 50, 150, 0.3);
  border: 0.08vw solid rgba(157, 123, 255, 0.3);
  border-radius: 0.8vw;
}
.task-item.completed[data-v-02fbe681] {
  opacity: 0.6;
}
.task-item .task-checkbox[data-v-02fbe681] {
  font-size: 1.4vw;
}
.task-item .task-info[data-v-02fbe681] {
  flex: 1;
}
.task-item .task-title[data-v-02fbe681] {
  font-size: 0.9vw;
  color: #fff;
  margin-bottom: 0.5vh;
}
.task-item .task-reward[data-v-02fbe681] {
  font-size: 0.75vw;
  color: #ffd700;
}
.task-item .task-btn[data-v-02fbe681] {
  padding: 1vh 1.2vw;
  background: linear-gradient(135deg, #9d7bff 0%, #6b4ee6 100%);
  border: none;
  border-radius: 1.2vw;
  color: #fff;
  font-size: 0.8vw;
  cursor: pointer;
  transition: all 0.3s;
}
.task-item .task-btn.claimed[data-v-02fbe681] {
  background: #666;
  cursor: not-allowed;
}
@media (max-width: 1200px) {
.works-panel[data-v-02fbe681] {
    width: 400px;
}
.works-grid[data-v-02fbe681] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 900px) {
.level-panel[data-v-02fbe681],
  .gold-panel[data-v-02fbe681] {
    width: 180px;
}
.profile-panel[data-v-02fbe681],
  .points-panel[data-v-02fbe681] {
    width: 220px;
}
.works-panel[data-v-02fbe681] {
    width: 350px;
}
}
.course-card[data-v-a5b39c97] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.course-card .card-image[data-v-a5b39c97] {
  width: 100%;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  position: relative;
}
.course-card .card-image .course-cover[data-v-a5b39c97] {
  width: 100%;
  height: 100%;
  display: block;
  object-position: center;
  transition: transform 0.3s ease;
}
.course-card .card-image .course-cover[data-v-a5b39c97]:hover {
  transform: scale(1.05);
}
.course-card .course-content[data-v-a5b39c97] {
  flex: 1;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
}
.course-card .course-content .course-header[data-v-a5b39c97] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.course-card .course-content .course-header .title-row[data-v-a5b39c97] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.course-card .course-content .course-header .title-row .course-title[data-v-a5b39c97] {
  font-size: 1rem;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.4;
  flex: 1;
}
.course-card .course-content .course-header .title-row .lock-icon[data-v-a5b39c97],
.course-card .course-content .course-header .title-row .unlock-icon[data-v-a5b39c97] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  position: relative;
}
.course-card .course-content .course-header .title-row .lock-icon .t-icon.locked[data-v-a5b39c97] {
  color: #ff0000;
  display: block;
  font-size: 20px;
}
.course-card .course-content .course-header .title-row .unlock-icon .t-icon.unlocked[data-v-a5b39c97] {
  color: #52c41a;
  display: block;
  font-size: 20px;
}
.course-card .course-content .course-header .course-type[data-v-a5b39c97] {
  font-size: 0.875rem;
  color: #666;
  line-height: 1.4;
}
.course-card .course-content .course-actions[data-v-a5b39c97] {
  display: flex;
  gap: 0.5rem;
}
.course-card .course-content .course-actions .action-btn[data-v-a5b39c97] {
  flex: 1;
  height: 2.25rem;
  border-radius: 1.125rem;
  font-size: 0.875rem;
  border: none;
  color: #fff;
}
.course-card .course-content .course-actions .action-btn[theme='primary'][data-v-a5b39c97] {
  background: linear-gradient(135deg, #6a9eff, #4080ff);
}
.course-card .course-content .course-actions .action-btn[theme='success'][data-v-a5b39c97] {
  background: linear-gradient(135deg, #43e97b, #38f9d7);
}
.course-card .course-content .course-actions .action-btn .t-icon[data-v-a5b39c97] {
  margin-right: 0.25rem;
}
.course-card[data-v-a5b39c97]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}
.level-info[data-v-c82ac123] {
  position: absolute;
  right: 40px;
  top: -10px;
}
.level-info .level-badge[data-v-c82ac123] {
  position: absolute;
  top: -10px;
  right: 20px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.level-info .level-badge .medal-outer[data-v-c82ac123] {
  position: relative;
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #ffd700, #ffa500);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(255, 215, 0, 0.3), 0 0 20px rgba(255, 215, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
  transform: perspective(1000px) rotateY(0deg);
  transition: all 0.3s ease;
}
.level-info .level-badge .medal-outer .medal-inner[data-v-c82ac123] {
  width: 60px;
  height: 60px;
  background: radial-gradient(circle at 30% 30%, #fff6d5, #ffd700);
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.level-info .level-badge .medal-outer .medal-inner .medal-front[data-v-c82ac123] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.level-info .level-badge .medal-outer .medal-inner .medal-front .level-text[data-v-c82ac123] {
  font-size: 12px;
  font-weight: 600;
  color: #b8860b;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0.8;
}
.level-info .level-badge .medal-outer .medal-inner .medal-front .level-num[data-v-c82ac123] {
  font-size: 28px;
  font-weight: 800;
  color: #b8860b;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  line-height: 1;
}
.level-info .level-badge .medal-outer .medal-inner .medal-shine[data-v-c82ac123] {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 15px;
  height: 15px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  filter: blur(2px);
  animation: shine-move-c82ac123 3s infinite;
}
.level-info .level-badge .medal-outer .medal-ribbon-left[data-v-c82ac123],
.level-info .level-badge .medal-outer .medal-ribbon-right[data-v-c82ac123] {
  position: absolute;
  bottom: -20px;
  width: 15px;
  height: 30px;
  background: #ff6b6b;
  z-index: -1;
}
.level-info .level-badge .medal-outer .medal-ribbon-left[data-v-c82ac123] {
  left: 20px;
  transform: skew(15deg) rotate(-15deg);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
}
.level-info .level-badge .medal-outer .medal-ribbon-right[data-v-c82ac123] {
  right: 20px;
  transform: skew(-15deg) rotate(15deg);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.level-info .level-badge:hover .medal-outer[data-v-c82ac123] {
  transform: perspective(1000px) rotateY(180deg);
  box-shadow: 0 0 0 4px rgba(255, 215, 0, 0.5), 0 0 30px rgba(255, 215, 0, 0.8);
}
.level-info .level-badge:hover .medal-outer .medal-front .level-text[data-v-c82ac123] {
  opacity: 1;
}
.level-info .level-badge:hover .medal-outer .medal-front .level-num[data-v-c82ac123] {
  text-shadow: 1px 1px 8px rgba(184, 134, 11, 0.5);
}
@keyframes shine-move-c82ac123 {
0% {
    transform: translate(0, 0) scale(1);
    opacity: 0;
}
50% {
    transform: translate(100%, 100%) scale(1.2);
    opacity: 1;
}
100% {
    transform: translate(200%, 200%) scale(1);
    opacity: 0;
}
}
.level-select[data-v-85a255df] {
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 100;
}
.level-select .custom-select[data-v-85a255df] {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.level-select .custom-select .select-display[data-v-85a255df] {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  height: 40px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.level-select .custom-select .select-display[data-v-85a255df]:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-1px);
}
.level-select .custom-select .select-display .arrow[data-v-85a255df] {
  font-size: 12px;
  transition: transform 0.3s ease;
}
.level-select .custom-select .select-display .arrow.arrow-up[data-v-85a255df] {
  transform: rotate(180deg);
}
.level-select .custom-select .select-dropdown[data-v-85a255df] {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  padding: 8px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.05);
  animation: dropdown-85a255df 0.3s ease;
  transform-origin: top center;
}
.level-select .custom-select .select-dropdown .select-option[data-v-85a255df] {
  padding: 8px 16px;
  border-radius: 10px;
  color: #333;
  transition: all 0.2s ease;
  font-size: 14px;
}
.level-select .custom-select .select-dropdown .select-option[data-v-85a255df]:hover {
  background: rgba(106, 158, 255, 0.1);
  transform: translateX(4px);
}
.level-select .custom-select .select-dropdown .select-option.selected[data-v-85a255df] {
  background: #6a9eff;
  color: #fff;
}
@keyframes dropdown-85a255df {
from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
}
to {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
.course-center {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.course-center .background-decoration {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
  background: linear-gradient(135deg, #4a90e2 0%, #67c23a 100%);
}
.course-center .background-decoration .decoration-item {
  position: absolute;
  border-radius: 50%;
  opacity: 0.3;
  filter: blur(3px);
}
.course-center .background-decoration .decoration-item.item-1 {
  width: 400px;
  height: 400px;
  background: linear-gradient(45deg, #ff6b6b, #ffd93d);
  top: -150px;
  right: -100px;
  animation: float1 20s ease-in-out infinite;
}
.course-center .background-decoration .decoration-item.item-2 {
  width: 300px;
  height: 300px;
  background: linear-gradient(45deg, #6c5ce7, #a8e6cf);
  bottom: -100px;
  left: -50px;
  animation: float2 25s ease-in-out infinite;
}
.course-center .background-decoration .decoration-item.item-3 {
  width: 250px;
  height: 250px;
  background: linear-gradient(45deg, #ff9a9e, #fad0c4);
  top: 20%;
  right: 15%;
  animation: float3 22s ease-in-out infinite;
}
.course-center .background-decoration .decoration-item.item-4 {
  width: 200px;
  height: 200px;
  background: linear-gradient(45deg, #a8e6cf, #fdffab);
  bottom: 25%;
  left: 20%;
  animation: float4 18s ease-in-out infinite;
}
.course-center .course-center-header {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.course-center .content-wrapper {
  width: 90%;
  max-width: 1400px;
  height: 80%;
  max-height: 900px;
  position: relative;
  z-index: 1;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  padding: 40px 40px 32px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.course-center .content-wrapper .header-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 40px;
  padding: 0;
  min-height: 80px;
}
.course-center .content-wrapper .header-section .course-tabs {
  flex: 0 0 200px;
}
.course-center .content-wrapper .header-section .course-tabs .tab-list {
  display: flex;
  gap: 24px;
}
.course-center .content-wrapper .header-section .course-tabs .tab-item {
  position: relative;
  padding: 8px 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.course-center .content-wrapper .header-section .course-tabs .tab-item .tab-text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.125rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
.course-center .content-wrapper .header-section .course-tabs .tab-item .tab-count {
  margin-left: 4px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
  transition: all 0.3s ease;
}
.course-center .content-wrapper .header-section .course-tabs .tab-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 2px;
}
.course-center .content-wrapper .header-section .course-tabs .tab-item:hover .tab-text {
  color: rgba(255, 255, 255, 0.9);
}
.course-center .content-wrapper .header-section .course-tabs .tab-item:hover .tab-count {
  color: rgba(255, 255, 255, 0.7);
}
.course-center .content-wrapper .header-section .course-tabs .tab-item:hover::after {
  width: 30%;
}
.course-center .content-wrapper .header-section .course-tabs .tab-item.active .tab-text {
  color: #fff;
}
.course-center .content-wrapper .header-section .course-tabs .tab-item.active .tab-count {
  color: rgba(255, 255, 255, 0.8);
}
.course-center .content-wrapper .header-section .course-tabs .tab-item.active::after {
  width: 100%;
}
.course-center .content-wrapper .header-section h1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  letter-spacing: 8px;
  display: inline-block;
  padding: 15px 40px;
  margin: 0;
  white-space: nowrap;
  z-index: 1;
}
.course-center .content-wrapper .header-section h1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  border-radius: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1), inset 0 0 20px rgba(255, 255, 255, 0.2);
  z-index: -1;
  transform-style: preserve-3d;
  transform: translateZ(-10px);
  transition: all 0.3s ease;
}
.course-center .content-wrapper .header-section h1::after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0) 80%);
  background-size: 200% 100%;
  border-radius: 30px;
  z-index: -2;
  animation: shine-effect 3s linear infinite;
}
@keyframes shine-effect {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
.course-center .content-wrapper .header-section h1:hover::before {
  transform: translateZ(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2), inset 0 0 25px rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.4);
}
.course-center .content-wrapper .header-section .level-container {
  flex: 0 0 160px;
  height: 40px;
  position: relative;
  z-index: 100;
  margin-left: auto;
}
.course-center .content-wrapper .course-list {
  flex: 1;
  margin: 0;
  overflow: visible;
  position: relative;
  padding: 0;
}
.course-center .content-wrapper .course-list .nav-arrow {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  opacity: 1;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.course-center .content-wrapper .course-list .nav-arrow:hover {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
  border-color: rgba(255, 255, 255, 0.7);
  transform: translateY(-50%) scale(1.1);
}
.course-center .content-wrapper .course-list .nav-arrow.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.course-center .content-wrapper .course-list .nav-arrow.left {
  left: 40px;
}
.course-center .content-wrapper .course-list .nav-arrow.right {
  right: 40px;
}
.course-center .content-wrapper .course-list .nav-arrow .t-icon {
  font-size: 32px;
  color: rgba(0, 0, 0, 0.7);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.course-center .content-wrapper .course-list .course-container {
  position: relative;
  overflow: hidden;
}
.course-center .content-wrapper .course-list .course-container .course-row {
  display: flex;
  transition: transform 0.5s ease;
}
.course-center .content-wrapper .course-list .course-container .course-row.slide-left {
  animation: slideLeft 0.5s ease;
}
.course-center .content-wrapper .course-list .course-container .course-row.slide-right {
  animation: slideRight 0.5s ease;
}
.course-center .content-wrapper .course-list .course-row {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  gap: 32px;
  padding-bottom: 40px;
}
.course-center .content-wrapper .course-list .course-row.slide-left-enter {
  animation: slideLeftEnter 0.5s ease;
}
.course-center .content-wrapper .course-list .course-row.slide-right-enter {
  animation: slideRightEnter 0.5s ease;
}
.course-center .content-wrapper .course-list .course-col {
  width: calc((100% - 96px) / 4);
  flex: 0 0 auto;
  aspect-ratio: 3/4;
}
@keyframes float1 {
0%,
  100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
}
}
@keyframes float2 {
0%,
  100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
}
}
@keyframes float3 {
0%,
  100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
}
50% {
    transform: translate(-30px, 30px) scale(1.2) rotate(10deg);
}
}
@keyframes float4 {
0%,
  100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
}
50% {
    transform: translate(30px, -30px) scale(0.8) rotate(-10deg);
}
}
@keyframes dropdown {
from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
}
to {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
@keyframes slideLeft {
from {
    transform: translateX(0);
    opacity: 1;
}
to {
    transform: translateX(-100%);
    opacity: 0;
}
}
@keyframes slideRight {
from {
    transform: translateX(0);
    opacity: 1;
}
to {
    transform: translateX(100%);
    opacity: 0;
}
}
@keyframes slideLeftEnter {
from {
    transform: translateX(100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}
@keyframes slideRightEnter {
from {
    transform: translateX(-100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}
.nature-card[data-v-27b73146] {
  max-width: 1000px;
  background: #ffffff;
  height: 80vh;
  display: flex;
  flex-direction: column;
  border: none;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  overflow: hidden;
  position: relative;
  max-height: calc(100vh - 4rem);
}
.nature-card[data-v-27b73146]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 20px;
  width: 40px;
  height: 40px;
  background: #f4d03f;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  transform: rotate(45deg) translate(10px, -20px);
}
.nature-card .nature-header[data-v-27b73146] {
  background: #f4d03f;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  border-bottom: 2px dashed #e8e8e8;
  color: #2c3e50;
}
.nature-card .nature-header .remaining-questions[data-v-27b73146] {
  font-size: 16px;
  font-weight: 500;
  color: #2c3e50;
  background: rgba(255, 255, 255, 0.9);
  padding: 6px 12px;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 6px;
}
.nature-card .nature-header .remaining-questions[data-v-27b73146]::before {
  content: '📝';
  font-size: 18px;
}
.nature-card .robot-avatar[data-v-27b73146] {
  width: 50px;
  height: 60px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nature-card .robot-avatar .robot-antenna[data-v-27b73146] {
  position: absolute;
  top: -8px;
  width: 2px;
  height: 10px;
  background: #2c3e50;
}
.nature-card .robot-avatar .robot-antenna[data-v-27b73146]::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -2px;
  width: 6px;
  height: 6px;
  background: #2c3e50;
  border-radius: 50%;
}
.nature-card .robot-avatar .robot-head[data-v-27b73146] {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 12px;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.nature-card .robot-avatar .robot-head .robot-eyes[data-v-27b73146] {
  position: absolute;
  top: 15px;
  left: 8px;
  width: 6px;
  height: 6px;
  background: #2c3e50;
  border-radius: 50%;
  box-shadow: 18px 0 0 #2c3e50;
  animation: blink-27b73146 3s infinite;
}
.nature-card .robot-avatar .robot-head .robot-mouth[data-v-27b73146] {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 2px;
  background: #2c3e50;
  border-radius: 2px;
}
.nature-card .robot-avatar .robot-body[data-v-27b73146] {
  width: 46px;
  height: 20px;
  background: white;
  border-radius: 8px;
  margin-top: 2px;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.nature-card .robot-avatar .robot-body .robot-badge[data-v-27b73146] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: #f4d03f;
  border-radius: 50%;
  animation: pulse-27b73146 2s infinite;
}
.nature-card .robot-avatar.is-thinking .robot-eyes[data-v-27b73146] {
  animation: thinking-27b73146 1s infinite;
}
.nature-card .robot-avatar.is-thinking .robot-mouth[data-v-27b73146] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.nature-card .content-area[data-v-27b73146] {
  padding: 2rem;
  flex: 1;
  overflow-y: auto;
  background: #fff;
}
.nature-card .question-block[data-v-27b73146],
.nature-card .options-block[data-v-27b73146] {
  background: #fff;
  border: none;
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 1rem;
  position: relative;
}
.nature-card .question-block .block-content[data-v-27b73146] {
  font-size: 26px;
  line-height: 2.2;
  letter-spacing: 2px;
  word-spacing: 8px;
  color: #333;
  font-weight: 500;
}
.nature-card .question-block .block-content .pinyin[data-v-27b73146] {
  font-size: 9px;
  color: #888;
  font-weight: normal;
  position: relative;
  top: -1em;
}
.nature-card .question-block .block-content .char-with-pinyin[data-v-27b73146] {
  display: inline-block;
  text-align: center;
  margin: 0 2px;
}
.nature-card .question-block .block-content img[data-v-27b73146] {
  max-width: 80%;
  max-height: 300px;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 1rem auto;
}
.nature-card .options-grid[data-v-27b73146] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 0 4px;
}
.nature-card .option-card[data-v-27b73146] {
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 16px;
  border: 2px solid #edf1f7;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02);
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 80px;
  position: relative;
}
.nature-card .option-card[data-v-27b73146]:hover {
  transform: translateY(-4px);
  border-color: #e6e9f0;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
}
.nature-card .option-card .option-label[data-v-27b73146] {
  background: #f5f7fa;
  color: #4a5568;
  font-weight: 600;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
}
.nature-card .option-card .option-content[data-v-27b73146] {
  flex: 1;
  font-size: 22px;
  color: #333;
  line-height: 3;
  font-weight: 500;
  letter-spacing: 1.5px;
  padding-top: 0.8em;
}
.nature-card .option-card .option-content .pinyin[data-v-27b73146] {
  font-size: 8px;
  color: #888;
  margin: 0 1px;
  font-weight: normal;
  position: relative;
  top: -1em;
}
.nature-card .option-card .option-content .char-with-pinyin[data-v-27b73146] {
  display: inline-block;
  text-align: center;
  margin: 0 2px;
}
.nature-card .option-card .option-content img[data-v-27b73146] {
  max-width: 100%;
  max-height: 200px;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0.5rem auto;
}
.nature-card .option-card.is-selected[data-v-27b73146] {
  background: rgba(79, 172, 254, 0.15);
  border-color: #4facfe;
  box-shadow: 0 6px 16px rgba(79, 172, 254, 0.2), 0 2px 4px rgba(79, 172, 254, 0.1);
}
.nature-card .option-card.is-selected .option-label[data-v-27b73146] {
  background: linear-gradient(135deg, #4facfe, #00f2fe);
  color: white;
  box-shadow: 0 4px 12px rgba(79, 172, 254, 0.4);
}
.nature-card .option-card.is-correct[data-v-27b73146] {
  background: rgba(82, 196, 26, 0.1) !important;
  border-color: #52c41a !important;
}
.nature-card .option-card.is-correct .option-label[data-v-27b73146] {
  background: linear-gradient(135deg, #95de64, #52c41a) !important;
  color: white !important;
}
.nature-card .option-card.is-wrong[data-v-27b73146] {
  background: rgba(255, 77, 79, 0.1) !important;
  border-color: #ff4d4f !important;
}
.nature-card .option-card.is-wrong .option-label[data-v-27b73146] {
  background: linear-gradient(135deg, #ff7875, #ff4d4f) !important;
  color: white !important;
}
.nature-card .option-card .result-icon[data-v-27b73146] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  z-index: 2;
}
.nature-card .option-card .result-icon i[data-v-27b73146] {
  font-size: 24px;
  font-weight: bold;
}
.nature-card .option-card .result-icon .correct-icon[data-v-27b73146] {
  color: #52c41a;
  position: relative;
}
.nature-card .option-card .result-icon .wrong-icon[data-v-27b73146] {
  color: #ff4d4f;
}
.nature-card .option-card .result-icon .popup-analysis[data-v-27b73146] {
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0;
  width: 300px;
  background: white;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #e8e8e8;
  z-index: 10;
}
.nature-card .option-card .result-icon .popup-analysis .analysis-title[data-v-27b73146] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.nature-card .option-card .result-icon .popup-analysis .analysis-content[data-v-27b73146] {
  font-size: 14px;
  line-height: 1.6;
  color: #666;
  max-height: 200px;
  overflow-y: auto;
  padding-right: 10px;
}
.nature-card .option-card.is-disabled[data-v-27b73146] {
  pointer-events: none;
  opacity: 0.7;
}
.nature-card .content-area[data-v-27b73146]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.nature-card .content-area[data-v-27b73146]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.nature-card .content-area[data-v-27b73146]::-webkit-scrollbar-thumb {
  background: rgba(79, 172, 254, 0.3);
  border-radius: 4px;
  transition: all 0.3s ease;
}
.nature-card .content-area[data-v-27b73146]::-webkit-scrollbar-thumb:hover {
  background: rgba(79, 172, 254, 0.5);
}
.nature-card .action-buttons[data-v-27b73146] {
  padding: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
  border-top: 2px dashed #e8e8e8;
  background: #fff;
}
.nature-card .action-btn[data-v-27b73146] {
  padding: 0.8rem 1.5rem;
  font-family: 'Helvetica Neue', sans-serif;
  border: none;
  cursor: pointer;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.nature-card .action-btn.submit-btn[data-v-27b73146] {
  min-width: 160px;
  background: #f4d03f;
  color: #2c3e50;
}
.nature-card .action-btn.submit-btn[data-v-27b73146]:hover {
  background: #f5d76e;
  transform: translateY(-2px);
}
.nature-card .action-btn.correct[data-v-27b73146] {
  background: #52c41a;
  color: white;
}
.nature-card .action-btn.wrong[data-v-27b73146] {
  background: #ff4d4f;
  color: white;
}
.nature-card .action-btn[disabled][data-v-27b73146] {
  opacity: 0.5;
  cursor: not-allowed;
}
@keyframes blink-27b73146 {
0%,
  100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}
@keyframes float-27b73146 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-5px);
}
}
@keyframes pulse-27b73146 {
0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
}
50% {
    transform: translate(-50%, -50%) scale(1.2);
}
}
@keyframes thinking-27b73146 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(1.2);
}
}
@media (max-width: 768px) {
.options-grid[data-v-27b73146] {
    grid-template-columns: 1fr;
}
.robot-avatar[data-v-27b73146] {
    display: none;
}
}
ruby[data-v-27b73146] {
  display: inline-flex;
  flex-direction: column-reverse;
  align-items: center;
  text-align: center;
  height: 3em;
}
rt[data-v-27b73146] {
  text-align: center;
  line-height: 1;
  height: 1em;
}
.pinyin-switch[data-v-27b73146] {
  margin-left: auto;
  padding-right: 2rem;
  display: flex;
  align-items: center;
  gap: 12px;
}
.pinyin-switch .switch-label[data-v-27b73146] {
  display: flex;
  align-items: center;
  gap: 8px;
  user-select: none;
}
.pinyin-switch .switch-label .pinyin-icon[data-v-27b73146] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: #7b68ee;
  color: #fff;
  border-radius: 8px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0 2px 6px rgba(123, 104, 238, 0.3);
  transform: rotate(-5deg);
  transition: all 0.3s ease;
}
.pinyin-switch .switch-label .pinyin-icon[data-v-27b73146]:hover {
  transform: rotate(0deg);
  box-shadow: 0 4px 8px rgba(123, 104, 238, 0.4);
}
.pinyin-switch .switch-label .label-text[data-v-27b73146] {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: 0.5px;
}
.pinyin-switch .ios-switch[data-v-27b73146] {
  position: relative;
  width: 51px;
  height: 31px;
  background: #e9e9ea;
  border-radius: 31px;
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0;
}
.pinyin-switch .ios-switch[data-v-27b73146]::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 29px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pinyin-switch .ios-switch .switch-handle[data-v-27b73146] {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 27px;
  height: 27px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.pinyin-switch .ios-switch.is-active[data-v-27b73146] {
  background: #34c759;
}
.pinyin-switch .ios-switch.is-active[data-v-27b73146]::before {
  opacity: 0;
}
.pinyin-switch .ios-switch.is-active .switch-handle[data-v-27b73146] {
  transform: translateX(20px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.pinyin-switch .ios-switch:active .switch-handle[data-v-27b73146] {
  width: 32px;
}
.pinyin-switch .ios-switch.is-active:active .switch-handle[data-v-27b73146] {
  transform: translateX(15px);
}
.wrongbook-container[data-v-9200e00a] {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.wrongbook-container .bg-canvas[data-v-9200e00a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.wrongbook-container .nature-card[data-v-9200e00a] {
  margin: 0rem auto 0;
}
.editor-page[data-v-38ddc382] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: #94a3b8;
  position: relative;
  overflow: hidden;
}
.editor-page[data-v-38ddc382]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 10% 20%, rgba(2, 132, 199, 0.15) 0%, transparent 50%), radial-gradient(circle at 90% 80%, rgba(14, 165, 233, 0.15) 0%, transparent 50%);
  pointer-events: none;
}
.editor-page canvas.particles-bg[data-v-38ddc382] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.top-nav[data-v-38ddc382] {
  height: 60px;
  background: rgba(15, 23, 42, 0.8);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  padding: 0 20px;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}
.top-nav[data-v-38ddc382]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(56, 189, 248, 0.3) 50%, transparent 100%);
}
.top-nav .nav-left[data-v-38ddc382] {
  width: 100px;
}
.top-nav .nav-left .t-button[data-v-38ddc382] {
  color: #38bdf8;
  font-size: 16px;
  border-radius: 8px;
}
.top-nav .nav-left .t-button[data-v-38ddc382]:hover {
  background: rgba(56, 189, 248, 0.1);
}
.top-nav .nav-title[data-v-38ddc382] {
  flex: 1;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #e2e8f0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Orbitron', sans-serif;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.5);
  animation: glowText-38ddc382 2s ease-in-out infinite;
}
@keyframes glowText-38ddc382 {
0%,
  100% {
    text-shadow: 0 0 10px rgba(56, 189, 248, 0.5);
}
50% {
    text-shadow: 0 0 20px rgba(56, 189, 248, 0.8);
}
}
.top-nav .nav-right[data-v-38ddc382] {
  width: 100px;
}
.main-content[data-v-38ddc382] {
  flex: 1;
  display: flex;
  overflow: hidden;
  padding: 20px;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.task-panel[data-v-38ddc382] {
  width: 300px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  backdrop-filter: blur(10px);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.task-panel[data-v-38ddc382]:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(56, 189, 248, 0.2);
}
.task-panel .panel-header[data-v-38ddc382] {
  padding: 16px;
  font-size: 18px;
  font-weight: 600;
  background: rgba(2, 132, 199, 0.1);
  color: #38bdf8;
  text-align: center;
  border-bottom: 1px solid rgba(56, 189, 248, 0.2);
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 1px;
}
.task-panel .task-content[data-v-38ddc382] {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.task-panel .task-content h3[data-v-38ddc382] {
  margin: 0 0 12px;
  font-size: 16px;
  color: #38bdf8;
  display: flex;
  align-items: center;
  font-family: 'Orbitron', sans-serif;
}
.task-panel .task-content h3[data-v-38ddc382]::before {
  content: '⚡';
  margin-right: 8px;
}
.task-panel .task-content .description-text[data-v-38ddc382] {
  margin-bottom: 20px;
  line-height: 1.6;
  color: #94a3b8;
  background: rgba(15, 23, 42, 0.4);
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(56, 189, 248, 0.1);
}
.task-panel .task-content .task-rules[data-v-38ddc382] {
  margin-bottom: 20px;
}
.task-panel .task-content .task-rules ul[data-v-38ddc382] {
  margin: 0;
  padding-left: 20px;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382] {
  margin-bottom: 12px;
  line-height: 1.4;
  color: #94a3b8;
  position: relative;
  animation: fadeInLeft-38ddc382 0.5s ease-out;
  animation-fill-mode: both;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]::before {
  content: '▶';
  position: absolute;
  left: -20px;
  color: #38bdf8;
  font-size: 12px;
  top: 4px;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]:nth-child(1) {
  animation-delay: 0.1s;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]:nth-child(2) {
  animation-delay: 0.2s;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]:nth-child(3) {
  animation-delay: 0.3s;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]:nth-child(4) {
  animation-delay: 0.4s;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]:nth-child(5) {
  animation-delay: 0.5s;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]:nth-child(6) {
  animation-delay: 0.6s;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]:nth-child(7) {
  animation-delay: 0.7s;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]:nth-child(8) {
  animation-delay: 0.8s;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]:nth-child(9) {
  animation-delay: 0.9s;
}
.task-panel .task-content .task-rules ul li[data-v-38ddc382]:nth-child(10) {
  animation-delay: 1s;
}
.task-panel .task-content .output-text[data-v-38ddc382] {
  color: #94a3b8;
  line-height: 1.6;
  background: rgba(15, 23, 42, 0.4);
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(56, 189, 248, 0.1);
}
@keyframes fadeInLeft-38ddc382 {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}
.code-panel[data-v-38ddc382] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 400px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.code-panel[data-v-38ddc382]:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(56, 189, 248, 0.2);
}
.code-panel .editor-tabs[data-v-38ddc382] {
  display: flex;
  background: rgba(15, 23, 42, 0.4);
  border-bottom: 1px solid rgba(56, 189, 248, 0.2);
  padding: 0 16px;
}
.code-panel .editor-tabs .tab-item[data-v-38ddc382] {
  padding: 12px 24px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 14px;
  color: #94a3b8;
  user-select: none;
  border-radius: 8px 8px 0 0;
  margin-right: 4px;
  position: relative;
  font-family: 'Orbitron', sans-serif;
}
.code-panel .editor-tabs .tab-item[data-v-38ddc382]:hover {
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.1);
}
.code-panel .editor-tabs .tab-item.active[data-v-38ddc382] {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
  animation: tabActivate-38ddc382 0.3s ease-out;
}
.code-panel .editor-tabs .tab-item.active[data-v-38ddc382]::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: #38bdf8;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.5);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.code-panel .code-editor[data-v-38ddc382] {
  flex: 1;
  overflow: hidden;
  position: relative;
  background: rgba(15, 23, 42, 0.4);
}
.code-panel .code-editor .editor-panel[data-v-38ddc382] {
  height: 100%;
}
.code-panel .code-editor .editor-panel textarea[data-v-38ddc382] {
  width: 100%;
  height: 100%;
  background: rgba(15, 23, 42, 0.6);
  color: #e2e8f0;
  border: none;
  padding: 20px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  line-height: 1.6;
  resize: none;
  outline: none;
}
.code-panel .code-editor .editor-panel textarea[data-v-38ddc382]::placeholder {
  color: #64748b;
}
.code-panel .code-editor .editor-panel textarea[data-v-38ddc382]:focus {
  animation: cursorBlink-38ddc382 1s step-end infinite;
}
.code-panel .editor-toolbar[data-v-38ddc382] {
  padding: 16px;
  background: rgba(15, 23, 42, 0.4);
  display: flex;
  gap: 12px;
  justify-content: center;
  border-top: 1px solid rgba(56, 189, 248, 0.2);
}
.code-panel .editor-toolbar .t-button[data-v-38ddc382] {
  padding: 8px 24px;
  font-size: 14px;
  border-radius: 8px;
  transition: all 0.3s ease;
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.code-panel .editor-toolbar .t-button[theme='primary'][data-v-38ddc382] {
  background: rgba(56, 189, 248, 0.2);
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: #38bdf8;
}
.code-panel .editor-toolbar .t-button[theme='primary'][data-v-38ddc382]:hover {
  background: rgba(56, 189, 248, 0.3);
  border-color: #38bdf8;
  box-shadow: 0 0 15px rgba(56, 189, 248, 0.3);
  transform: translateY(-1px);
  animation: buttonPulse-38ddc382 1s ease-in-out infinite;
}
.code-panel .editor-toolbar .t-button[theme='default'][data-v-38ddc382] {
  background: rgba(148, 163, 184, 0.1);
  border: 1px solid rgba(148, 163, 184, 0.2);
  color: #94a3b8;
}
.code-panel .editor-toolbar .t-button[theme='default'][data-v-38ddc382]:hover {
  background: rgba(148, 163, 184, 0.2);
  border-color: #94a3b8;
  box-shadow: 0 0 15px rgba(148, 163, 184, 0.2);
  transform: translateY(-1px);
}
.code-panel .editor-toolbar .t-button[theme='success'][data-v-38ddc382] {
  background: rgba(34, 197, 94, 0.2);
  border: 1px solid rgba(34, 197, 94, 0.3);
  color: #22c55e;
}
.code-panel .editor-toolbar .t-button[theme='success'][data-v-38ddc382]:hover {
  background: rgba(34, 197, 94, 0.3);
  border-color: #22c55e;
  box-shadow: 0 0 15px rgba(34, 197, 94, 0.3);
  transform: translateY(-1px);
}
@keyframes panelFloat-38ddc382 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}
@keyframes buttonPulse-38ddc382 {
0% {
    box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.4);
}
70% {
    box-shadow: 0 0 0 10px rgba(56, 189, 248, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(56, 189, 248, 0);
}
}
@keyframes tabActivate-38ddc382 {
0% {
    transform: scale(0.95);
}
50% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
}
}
@keyframes cursorBlink-38ddc382 {
0%,
  100% {
    border-right: 2px solid rgba(56, 189, 248, 0);
}
50% {
    border-right: 2px solid rgba(56, 189, 248, 0.8);
}
}
.stage-panel[data-v-38ddc382] {
  width: 400px;
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(148, 163, 184, 0.1);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  backdrop-filter: blur(10px);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.stage-panel[data-v-38ddc382]:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(56, 189, 248, 0.2);
}
.stage-panel .panel-header[data-v-38ddc382] {
  padding: 16px;
  background: rgba(2, 132, 199, 0.1);
  border-bottom: 1px solid rgba(56, 189, 248, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stage-panel .panel-header span[data-v-38ddc382] {
  font-size: 16px;
  font-weight: 600;
  color: #38bdf8;
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 1px;
}
.stage-panel .panel-header .t-button[data-v-38ddc382] {
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.2);
  color: #38bdf8;
  border-radius: 8px;
  font-family: 'Orbitron', sans-serif;
}
.stage-panel .panel-header .t-button[data-v-38ddc382]:hover {
  background: rgba(56, 189, 248, 0.2);
  border-color: #38bdf8;
  box-shadow: 0 0 15px rgba(56, 189, 248, 0.3);
  transform: translateY(-1px);
}
.stage-panel .stage-content[data-v-38ddc382] {
  flex: 1;
  background: #fff;
  position: relative;
  padding: 16px;
}
.stage-panel .stage-content .preview-frame[data-v-38ddc382] {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.1);
  transition: all 0.3s ease;
}
.stage-panel .stage-content .preview-frame[data-v-38ddc382]:hover {
  transform: scale(1.02);
  box-shadow: 0 0 30px rgba(56, 189, 248, 0.2);
}
[data-v-38ddc382]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-38ddc382]::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.4);
}
[data-v-38ddc382]::-webkit-scrollbar-thumb {
  background: rgba(56, 189, 248, 0.3);
  border-radius: 4px;
  border: 2px solid rgba(15, 23, 42, 0.4);
}
[data-v-38ddc382]::-webkit-scrollbar-thumb:hover {
  background: rgba(56, 189, 248, 0.5);
}
.programming-content[data-v-cff90c68] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.template-button[data-v-cff90c68] {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100;
}
.template-button .floating-btn[data-v-cff90c68] {
  padding: 20px 32px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
  border: none;
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
  transition: all 0.3s ease;
}
.template-button .floating-btn .t-icon[data-v-cff90c68] {
  margin-right: 8px;
  font-size: 20px;
}
.template-button .floating-btn[data-v-cff90c68]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);
}
.template-button .floating-btn[data-v-cff90c68]:active {
  transform: translateY(1px);
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}
.action-buttons[data-v-cff90c68] {
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 10;
}
.action-buttons[data-v-cff90c68] .t-button {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-left: 8px;
}
.action-buttons[data-v-cff90c68] .t-button:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.action-buttons[data-v-cff90c68] .t-button:first-child {
  margin-left: 0;
}
.scratch-iframe[data-v-cff90c68] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: 1000;
  background: white;
}
.loading-content[data-v-cff90c68] {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  background: white;
  border-radius: 8px;
}
.loading-content .loading-text[data-v-cff90c68] {
  margin-left: 12px;
  color: #333;
  font-size: 14px;
}
[data-v-cff90c68] .t-dialog {
  border-radius: 8px;
  overflow: hidden;
}
[data-v-cff90c68] .t-dialog__body {
  padding: 0;
}
.course-img[data-v-cff90c68] {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.content-wrapper[data-v-de1ea72c] {
  width: 100%;
  height: 100vh;
  background: #000;
  position: relative;
  overflow: hidden;
}
.content-container[data-v-de1ea72c] {
  width: 100%;
  height: 100%;
}
.programming-full-img-wrap[data-v-de1ea72c] {
  position: relative;
  width: 100%;
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.programming-full-img[data-v-de1ea72c] {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.programming-float-btns[data-v-de1ea72c] {
  position: absolute;
  right: 32px;
  bottom: 32px;
  display: flex;
  gap: 16px;
  z-index: 2;
}
.template-button[data-v-de1ea72c] {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100;
}
.template-button .floating-btn[data-v-de1ea72c] {
  padding: 20px 32px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  color: white;
  background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
  border: none;
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
  transition: all 0.3s ease;
}
.template-button .floating-btn .t-icon[data-v-de1ea72c] {
  margin-right: 8px;
  font-size: 20px;
}
.template-button .floating-btn[data-v-de1ea72c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);
}
.template-button .floating-btn[data-v-de1ea72c]:active {
  transform: translateY(1px);
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}
.quiz-container[data-v-de1ea72c] {
  width: 100%;
  height: 100vh;
  background: #6b5b95;
  position: relative;
  overflow: hidden;
}
.quiz-container[data-v-de1ea72c]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(#7c6da6 1px, transparent 1px), linear-gradient(90deg, #7c6da6 1px, transparent 1px);
  background-size: 20px 20px;
  background-position: 0 0,
      25px 25px;
  opacity: 0.3;
}
.quiz-container[data-v-de1ea72c] quiz-card {
  position: relative;
  z-index: 1;
  height: calc(100vh - 2rem);
  overflow: hidden;
}
.quiz-container .nature-card[data-v-de1ea72c] {
  margin: 5rem auto 0;
}
.video-content[data-v-de1ea72c] {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  padding-top: 60px;
}
.video-content .video-player[data-v-de1ea72c] {
  max-width: 100%;
  max-height: calc(100vh - 80px);
  width: auto;
  height: auto;
}
.course-img[data-v-de1ea72c] {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.back-button[data-v-de1ea72c],
.floating-button[data-v-de1ea72c] {
  position: fixed;
  z-index: 100;
}
.back-button .t-button[data-v-de1ea72c],
.floating-button .t-button[data-v-de1ea72c] {
  color: #fff;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background: linear-gradient(135deg, #6a9eff 0%, #4080ff 100%);
  box-shadow: 0 4px 0 #3060cc, 0 6px 10px rgba(64, 128, 255, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
  overflow: hidden;
}
.back-button .t-button[data-v-de1ea72c]::before,
.floating-button .t-button[data-v-de1ea72c]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 18px 18px 50% 50%;
  pointer-events: none;
}
.back-button .t-button[data-v-de1ea72c]::after,
.floating-button .t-button[data-v-de1ea72c]::after {
  content: '';
  position: absolute;
  top: 15%;
  left: 10%;
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  filter: blur(1px);
}
.back-button .t-button .t-icon[data-v-de1ea72c],
.floating-button .t-button .t-icon[data-v-de1ea72c] {
  font-size: 16px;
  margin-right: 4px;
  margin-top: -1px;
  transition: transform 0.3s ease;
}
.back-button .t-button span[data-v-de1ea72c],
.floating-button .t-button span[data-v-de1ea72c] {
  display: inline-block;
  margin-top: 1px;
}
.back-button .t-button[data-v-de1ea72c]:hover,
.floating-button .t-button[data-v-de1ea72c]:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #7aafff 0%, #5090ff 100%);
  box-shadow: 0 6px 0 #3060cc, 0 8px 16px rgba(64, 128, 255, 0.3);
}
.back-button .t-button:hover .t-icon[data-v-de1ea72c],
.floating-button .t-button:hover .t-icon[data-v-de1ea72c] {
  transform: scale(1.2) rotate(-5deg);
}
.back-button .t-button[data-v-de1ea72c]:active,
.floating-button .t-button[data-v-de1ea72c]:active {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #3060cc, 0 4px 8px rgba(64, 128, 255, 0.2);
}
.back-button[data-v-de1ea72c] {
  top: 20px;
  left: 20px;
}
.back-button .t-button[data-v-de1ea72c] {
  background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);
  box-shadow: 0 4px 0 #cc4f30, 0 6px 10px rgba(255, 126, 95, 0.2);
}
.back-button .t-button[data-v-de1ea72c]:hover {
  background: linear-gradient(135deg, #ff8e6f 0%, #fec48b 100%);
  box-shadow: 0 6px 0 #cc4f30, 0 8px 16px rgba(255, 126, 95, 0.3);
}
.floating-button[data-v-de1ea72c] {
  top: 20px;
  right: 20px;
}
.floating-button .t-button[data-v-de1ea72c] {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  box-shadow: 0 4px 0 #0a81cb, 0 6px 10px rgba(79, 172, 254, 0.2);
}
.floating-button .t-button[data-v-de1ea72c]:hover {
  background: linear-gradient(135deg, #5fbcfe 0%, #10f2fe 100%);
  box-shadow: 0 6px 0 #0a81cb, 0 8px 16px rgba(79, 172, 254, 0.3);
}
.menu-item[data-v-de1ea72c] {
  margin: 8px;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.menu-item[data-v-de1ea72c] .t-list-item__content {
  padding: 0;
}
.menu-item[data-v-de1ea72c] .t-list-item-main {
  display: block;
}
.menu-item .menu-title[data-v-de1ea72c] {
  padding: 12px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease;
}
.menu-item .icon-wrapper[data-v-de1ea72c] {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-item .icon-wrapper .t-icon[data-v-de1ea72c] {
  font-size: 18px;
  transition: all 0.3s ease;
}
.menu-item .title[data-v-de1ea72c] {
  flex-grow: 1;
  font-size: 16px;
  font-weight: 600;
  color: var(--td-text-color-primary);
}
.menu-item .check-icon[data-v-de1ea72c] {
  flex-shrink: 0;
  font-size: 16px;
  color: #ffffff;
  margin-left: 8px;
}
.menu-item.video-item .menu-title[data-v-de1ea72c] {
  background: rgba(255, 126, 95, 0.85);
}
.menu-item.video-item .video-icon[data-v-de1ea72c] {
  color: #ffffff;
}
.menu-item.video-item .title[data-v-de1ea72c] {
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.menu-item.video-item.active .menu-title[data-v-de1ea72c] {
  box-shadow: 0 0 0 2px rgba(255, 126, 95, 0.3);
}
.menu-item.code-item .menu-title[data-v-de1ea72c] {
  background: rgba(79, 172, 254, 0.85);
}
.menu-item.code-item .code-icon[data-v-de1ea72c] {
  color: #ffffff;
}
.menu-item.code-item .title[data-v-de1ea72c] {
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.menu-item.code-item.active .menu-title[data-v-de1ea72c] {
  box-shadow: 0 0 0 2px rgba(79, 172, 254, 0.3);
}
.menu-item.build-item .menu-title[data-v-de1ea72c] {
  background: rgba(149, 100, 247, 0.85);
}
.menu-item.build-item .build-icon[data-v-de1ea72c] {
  color: #ffffff;
}
.menu-item.build-item .title[data-v-de1ea72c] {
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.menu-item.build-item.active .menu-title[data-v-de1ea72c] {
  box-shadow: 0 0 0 2px rgba(149, 100, 247, 0.3);
}
.menu-item.typewriter-item .menu-title[data-v-de1ea72c] {
  background: rgba(219, 38, 255, 0.85);
}
.menu-item.typewriter-item .typewriter-icon[data-v-de1ea72c] {
  color: #ffffff;
}
.menu-item.typewriter-item .title[data-v-de1ea72c] {
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.menu-item.typewriter-item.active .menu-title[data-v-de1ea72c] {
  box-shadow: 0 0 0 2px rgba(219, 38, 255, 0.85);
}
.menu-item.quiz-item .menu-title[data-v-de1ea72c] {
  background: rgba(67, 233, 123, 0.85);
}
.menu-item.quiz-item .quiz-icon[data-v-de1ea72c] {
  color: #ffffff;
}
.menu-item.quiz-item .title[data-v-de1ea72c] {
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.menu-item.quiz-item.active .menu-title[data-v-de1ea72c] {
  box-shadow: 0 0 0 2px rgba(67, 233, 123, 0.3);
}
.menu-item:hover .menu-title[data-v-de1ea72c] {
  transform: translateX(4px);
}
.menu-item:hover.video-item .menu-title[data-v-de1ea72c] {
  background: #ff7e5f;
}
.menu-item:hover.code-item .menu-title[data-v-de1ea72c] {
  background: #4facfe;
}
.menu-item:hover.quiz-item .menu-title[data-v-de1ea72c] {
  background: #43e97b;
}
.menu-item:hover .t-icon[data-v-de1ea72c] {
  transform: scale(1.1);
}
.menu-item:hover.active .menu-title[data-v-de1ea72c] {
  transform: none;
}
.question-content[data-v-3967ac9d] {
  flex: 1;
  overflow-y: scroll;
  padding: 24px;
  width: 100%;
  margin: 0 auto;
}
.question-content[data-v-3967ac9d]::-webkit-scrollbar {
  width: 6px;
}
.question-content[data-v-3967ac9d]::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.question-content[data-v-3967ac9d]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
.question-content[data-v-3967ac9d]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.question-content .question-title[data-v-3967ac9d] {
  color: #333;
  margin-bottom: 24px;
  font-size: 24px;
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
}
.question-content .question-title[data-v-3967ac9d]::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #38bdf8, #bae6fd);
  border-radius: 2px;
}
.question-content .question-text[data-v-3967ac9d] {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  margin-bottom: 20px;
}
.question-content .question-text[data-v-3967ac9d] img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px auto;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.question-content .answer-options[data-v-3967ac9d] {
  margin-top: 20px;
}
.question-content .answer-options .answer-option[data-v-3967ac9d] {
  padding: 16px;
  border: 2px solid #bae6fd;
  border-radius: 16px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: linear-gradient(to right, rgba(186, 230, 253, 0.2), rgba(255, 255, 255, 0.8));
}
.question-content .answer-options .answer-option .option-label[data-v-3967ac9d] {
  background: #38bdf8;
  color: #fff;
  font-weight: 600;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(56, 189, 248, 0.3);
  transform: scale(1.1);
}
.question-content .answer-options .answer-option .option-content[data-v-3967ac9d] {
  flex: 1;
  font-size: 16px;
  line-height: 1.6;
}
.question-content .answer-options .answer-option[data-v-3967ac9d]:hover {
  transform: translateY(-2px);
  border-color: #38bdf8;
  box-shadow: 0 6px 16px rgba(56, 189, 248, 0.2);
}
.question-content .answer-options .answer-option.selected[data-v-3967ac9d] {
  background: linear-gradient(to right, rgba(251, 146, 60, 0.2), rgba(251, 146, 60, 0.1));
  border-color: #f97316;
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.2);
}
.question-content .answer-options .answer-option.selected .option-label[data-v-3967ac9d] {
  background: #f97316;
  color: white;
  transform: scale(1.2);
  box-shadow: 0 4px 8px rgba(249, 115, 22, 0.3);
}
.question-content .answer-options .answer-option.selected .option-content[data-v-3967ac9d] {
  color: #f97316;
  font-weight: 500;
}
.question-content .answer-options .answer-option.correct[data-v-3967ac9d] {
  background: linear-gradient(to right, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
  border-color: #10b981;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
}
.question-content .answer-options .answer-option.correct .option-label[data-v-3967ac9d] {
  background: #10b981;
  box-shadow: 0 4px 8px rgba(16, 185, 129, 0.3);
}
.question-content .answer-options .answer-option.correct .option-content[data-v-3967ac9d] {
  color: #10b981;
}
.question-content .answer-options .answer-option.wrong[data-v-3967ac9d] {
  background: linear-gradient(to right, rgba(239, 68, 68, 0.2), rgba(239, 68, 68, 0.1));
  border-color: #ef4444;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
}
.question-content .answer-options .answer-option.wrong .option-label[data-v-3967ac9d] {
  background: #ef4444;
  box-shadow: 0 4px 8px rgba(239, 68, 68, 0.3);
}
.question-content .answer-options .answer-option.wrong .option-content[data-v-3967ac9d] {
  color: #ef4444;
}
.question-content .answer-options .answer-option[data-v-3967ac9d] img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px auto;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.programming-section[data-v-3967ac9d] {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.programming-section .template-btn[data-v-3967ac9d] {
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
  border: none;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
  transition: all 0.3s ease;
}
.programming-section .template-btn .t-icon[data-v-3967ac9d] {
  margin-right: 8px;
  font-size: 20px;
}
.programming-section .template-btn[data-v-3967ac9d]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);
}
.programming-section .template-btn[data-v-3967ac9d]:active {
  transform: translateY(1px);
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}
.question-nav[data-v-fb6dfc83] {
  flex: 1;
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.question-nav .nav-content[data-v-fb6dfc83] {
  flex: 1;
  overflow-y: auto;
  padding: 24px 24px 80px 24px;
}
.question-nav .nav-content[data-v-fb6dfc83]::-webkit-scrollbar {
  width: 6px;
}
.question-nav .nav-content[data-v-fb6dfc83]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.question-nav .nav-content[data-v-fb6dfc83]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.question-nav .nav-content[data-v-fb6dfc83]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.question-nav .nav-section[data-v-fb6dfc83] {
  margin-bottom: 24px;
}
.question-nav .nav-section h3[data-v-fb6dfc83] {
  color: #333;
  margin-bottom: 16px;
  font-size: 16px;
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.question-nav .nav-section h3[data-v-fb6dfc83]::before {
  content: '🌟';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] .t-button {
  min-width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 2px solid #bae6fd;
  color: #666;
  font-weight: 600;
  transition: all 0.3s ease;
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] .t-button:hover {
  transform: translateY(-2px);
  border-color: #38bdf8;
  box-shadow: 0 4px 8px rgba(56, 189, 248, 0.2);
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] .t-button.t-button--theme-primary {
  border-color: #f97316;
  border-width: 2px;
  color: #f97316;
  background: rgba(249, 115, 22, 0.05);
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.2);
  transform: translateY(-2px) scale(1.05);
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] .t-button.t-button--theme-primary:hover {
  border-color: #f97316;
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] .t-button.is-answered {
  background: #7dd3fc;
  border-color: #7dd3fc;
  color: white;
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] .t-button.is-correct {
  background: #86efac !important;
  border-color: #86efac !important;
  color: white !important;
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] .t-button.is-wrong {
  background: #fca5a5 !important;
  border-color: #fca5a5 !important;
  color: white !important;
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] .t-button.is-current {
  border-color: #f97316;
  border-width: 2px;
  color: #f97316;
  background: rgba(249, 115, 22, 0.05);
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.2);
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] .t-button.is-current.is-correct {
  border-color: #86efac;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
}
.question-nav .nav-section .question-numbers[data-v-fb6dfc83] .t-button.is-current.is-wrong {
  border-color: #fca5a5;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
}
.question-nav .submit-section[data-v-fb6dfc83] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 24px;
  background: #ffffff;
  box-shadow: 0 -4px 12px rgba(56, 189, 248, 0.1);
}
.question-nav .submit-section[data-v-fb6dfc83] .t-button {
  background: #f97316;
  border: none;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.question-nav .submit-section[data-v-fb6dfc83] .t-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
}
.question-nav .submit-section[data-v-fb6dfc83] .t-button .t-icon {
  font-size: 20px;
  margin-right: 4px;
}
.result-dialog-content[data-v-d4410f4f] {
  padding: 24px;
  text-align: center;
}
.result-dialog-content .result-emoji[data-v-d4410f4f] {
  font-size: 48px;
  margin-bottom: 16px;
  animation: bounce-d4410f4f 0.5s ease;
}
.result-dialog-content .result-message[data-v-d4410f4f] {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 24px;
}
.result-dialog-content .result-stats[data-v-d4410f4f] {
  display: flex;
  justify-content: center;
  gap: 32px;
  margin-bottom: 24px;
}
.result-dialog-content .result-stats .stat-item[data-v-d4410f4f] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.result-dialog-content .result-stats .stat-item .stat-icon[data-v-d4410f4f] {
  font-size: 24px;
}
.result-dialog-content .result-stats .stat-item .stat-text[data-v-d4410f4f] {
  font-size: 16px;
  color: #666;
}
.result-dialog-content .result-stats .stat-item .stat-text b[data-v-d4410f4f] {
  color: #333;
  font-size: 18px;
}
.result-dialog-content .result-encourage[data-v-d4410f4f] {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
}
@keyframes bounce-d4410f4f {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}
.practice-card[data-v-2de6eb37] {
  width: 80%;
  height: 80vh;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 8px 32px rgba(125, 211, 252, 0.2), 0 4px 16px rgba(56, 189, 248, 0.2), 0 2px 8px rgba(14, 165, 233, 0.1);
  display: flex;
  overflow: hidden;
  border: 4px solid #fff;
  position: relative;
}
.practice-card[data-v-2de6eb37]::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 20px;
  background: #38bdf8;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(56, 189, 248, 0.3);
  z-index: -1;
}
.practice-card .question-area[data-v-2de6eb37] {
  flex: 7 1 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
.practice-card[data-v-2de6eb37] .question-nav {
  flex: 3 1 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.loading-container[data-v-2de6eb37],
.error-container[data-v-2de6eb37],
.empty-container[data-v-2de6eb37] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}
.confirm-dialog-content[data-v-2de6eb37] {
  padding: 24px;
  text-align: center;
  font-size: 16px;
  color: #666;
}
.practice-container[data-v-c7171add] {
  min-height: 100vh;
  padding: 20px;
  background: radial-gradient(circle at 10% 20%, rgba(125, 211, 252, 0.2) 0%, transparent 20%), radial-gradient(circle at 90% 80%, rgba(56, 189, 248, 0.2) 0%, transparent 20%), radial-gradient(circle at 50% 50%, rgba(186, 230, 253, 0.1) 0%, transparent 50%), linear-gradient(135deg, #f0f9ff 0%, #38bdf8 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.practice-container .back-button[data-v-c7171add] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}
.practice-container .back-button[data-v-c7171add] .t-button {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  color: #0ea5e9;
  font-size: 16px;
  padding: 8px 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(56, 189, 248, 0.2);
}
.practice-container .back-button[data-v-c7171add] .t-button:hover {
  color: #0284c7;
  transform: translateX(-4px);
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(56, 189, 248, 0.3);
}
.practice-container .back-button[data-v-c7171add] .t-button .t-icon {
  font-size: 20px;
  margin-right: 4px;
}
.h5-bottom-nav[data-v-885b6b2d] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 8px 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 100;
}
.h5-bottom-nav .nav-item[data-v-885b6b2d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.3s ease;
}
.h5-bottom-nav .nav-item svg[data-v-885b6b2d] {
  width: 24px;
  height: 24px;
}
.h5-bottom-nav .nav-item span[data-v-885b6b2d] {
  font-size: 12px;
}
.h5-bottom-nav .nav-item.active[data-v-885b6b2d] {
  color: #d4a843;
}
.h5-bottom-nav .nav-item[data-v-885b6b2d]:active {
  transform: scale(0.95);
}.prompt-modal-overlay[data-v-17a0d860] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: fadeIn-17a0d860 0.3s ease;
}
.prompt-modal-content[data-v-17a0d860] {
  width: 100%;
  max-width: 420px;
  background: rgba(30, 30, 30, 0.98);
  border: 2px solid rgba(212, 168, 67, 0.5);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  animation: slideUp-17a0d860 0.3s ease;
}
.prompt-modal-header[data-v-17a0d860] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: transparent;
  border-bottom: 1px solid rgba(212, 168, 67, 0.3);
}
.prompt-modal-header .prompt-modal-title[data-v-17a0d860] {
  color: #d4a843;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.prompt-modal-header .prompt-modal-close[data-v-17a0d860] {
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.prompt-modal-header .prompt-modal-close[data-v-17a0d860]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.prompt-modal-body[data-v-17a0d860] {
  padding: 20px;
  max-height: 60vh;
  overflow-y: auto;
}
.prompt-items[data-v-17a0d860] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.prompt-items .prompt-item[data-v-17a0d860] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.6;
}
.prompt-items .prompt-item .prompt-label[data-v-17a0d860] {
  color: #d4a843;
  font-weight: 600;
  flex-shrink: 0;
  min-width: 50px;
}
.prompt-items .prompt-item .prompt-value[data-v-17a0d860] {
  color: rgba(255, 255, 255, 0.9);
  flex: 1;
  word-wrap: break-word;
  word-break: break-all;
}
.prompt-text[data-v-17a0d860] {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-wrap;
}
@keyframes fadeIn-17a0d860 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-17a0d860 {
from {
    transform: translateY(20px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
.h5-book-viewer[data-v-c538c123] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1a1a1a;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.h5-header[data-v-c538c123] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  z-index: 100;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.h5-header.hidden[data-v-c538c123] {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
.h5-header .h5-back-btn[data-v-c538c123],
.h5-header .h5-more-btn[data-v-c538c123] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: all 0.3s;
}
.h5-header .h5-back-btn[data-v-c538c123]:active,
.h5-header .h5-more-btn[data-v-c538c123]:active {
  transform: scale(0.95);
  background: rgba(255, 255, 255, 0.2);
}
.h5-header .h5-header-center[data-v-c538c123] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 16px;
  overflow: hidden;
}
.h5-header .h5-title[data-v-c538c123] {
  color: white;
  font-size: 17px;
  font-weight: 500;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.h5-header .h5-author[data-v-c538c123] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
}
.h5-header .h5-author .author-avatar[data-v-c538c123] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.h5-header .h5-author .author-avatar-placeholder[data-v-c538c123] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d4a843, #f0c674);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: white;
  font-weight: 600;
}
.h5-header .h5-author .author-name[data-v-c538c123] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
}
.h5-header .header-edit-btn[data-v-c538c123] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: rgba(212, 168, 67, 0.2);
  border: 1px solid rgba(212, 168, 67, 0.4);
  border-radius: 16px;
  color: #d4a843;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s;
}
.h5-header .header-edit-btn[data-v-c538c123]:active {
  background: rgba(212, 168, 67, 0.3);
  transform: scale(0.95);
}
.h5-header .header-edit-btn svg[data-v-c538c123] {
  flex-shrink: 0;
}
.h5-content[data-v-c538c123] {
  flex: 1;
  position: relative;
  overflow: hidden;
}
.h5-loading[data-v-c538c123] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}
.h5-loading p[data-v-c538c123] {
  margin-top: 16px;
  font-size: 14px;
  opacity: 0.8;
}
.loading-spinner[data-v-c538c123] {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: #d4a843;
  border-radius: 50%;
  animation: spin-c538c123 1s linear infinite;
}
.h5-empty[data-v-c538c123] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}
.h5-empty .empty-icon[data-v-c538c123] {
  font-size: 64px;
  margin-bottom: 16px;
}
.h5-empty p[data-v-c538c123] {
  font-size: 16px;
  opacity: 0.6;
}
.h5-pages-container[data-v-c538c123] {
  width: 100%;
  height: 100%;
  position: relative;
}
.h5-page[data-v-c538c123] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 56px 0 180px;
  box-sizing: border-box;
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0;
  transform: translateX(100%);
  pointer-events: none;
}
.h5-page.active[data-v-c538c123] {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.h5-page.prev[data-v-c538c123] {
  transform: translateX(-100%);
}
.h5-page.next[data-v-c538c123] {
  transform: translateX(100%);
}
.page-image-wrapper[data-v-c538c123] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  position: relative;
  overflow: hidden;
}
.page-image-wrapper .page-image[data-v-c538c123] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.page-image-wrapper .image-placeholder[data-v-c538c123] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-image-wrapper .image-placeholder .placeholder-spinner[data-v-c538c123] {
  width: 32px;
  height: 32px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #d4a843;
  border-radius: 50%;
  animation: spin-c538c123 1s linear infinite;
}
.page-text-wrapper[data-v-c538c123] {
  padding: 16px 20px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.page-text-wrapper .page-text[data-v-c538c123] {
  color: white;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.end-page[data-v-c538c123] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);
}
.end-page .end-content[data-v-c538c123] {
  text-align: center;
  color: white;
}
.end-page .end-content .end-icon[data-v-c538c123] {
  font-size: 64px;
  margin-bottom: 16px;
}
.end-page .end-content h2[data-v-c538c123] {
  font-size: 32px;
  margin: 0 0 8px;
  font-weight: 300;
  letter-spacing: 8px;
}
.end-page .end-content p[data-v-c538c123] {
  font-size: 14px;
  opacity: 0.6;
  margin-bottom: 32px;
}
.end-page .end-content .end-actions[data-v-c538c123] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 32px;
}
.end-page .end-content .end-actions .end-btn[data-v-c538c123] {
  padding: 14px 32px;
  border-radius: 25px;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.end-page .end-content .end-actions .end-btn.primary[data-v-c538c123] {
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
  border: none;
}
.end-page .end-content .end-actions .end-btn.primary[data-v-c538c123]:active {
  transform: scale(0.98);
}
.end-page .end-content .end-actions .end-btn[data-v-c538c123]:not(.primary) {
  background: rgba(255, 255, 255, 0.1);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.end-page .end-content .end-actions .end-btn[data-v-c538c123]:not(.primary):active {
  background: rgba(255, 255, 255, 0.2);
}
.h5-footer[data-v-c538c123] {
  position: fixed;
  bottom: 60px;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 20px 16px 16px;
  z-index: 99;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.h5-footer.hidden[data-v-c538c123] {
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
}
.h5-footer .progress-bar[data-v-c538c123] {
  height: 3px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  margin-bottom: 16px;
  overflow: hidden;
}
.h5-footer .progress-bar .progress-fill[data-v-c538c123] {
  height: 100%;
  background: linear-gradient(90deg, #d4a843 0%, #f0d78c 100%);
  border-radius: 2px;
  transition: width 0.3s ease;
}
.h5-footer .page-nav[data-v-c538c123] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.h5-footer .page-nav .page-info[data-v-c538c123] {
  color: white;
  font-size: 14px;
  opacity: 0.8;
}
.h5-footer .page-nav .nav-dots[data-v-c538c123] {
  display: flex;
  gap: 6px;
}
.h5-footer .page-nav .nav-dots .dot[data-v-c538c123] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transition: all 0.3s;
  cursor: pointer;
}
.h5-footer .page-nav .nav-dots .dot.active[data-v-c538c123] {
  width: 16px;
  border-radius: 3px;
  background: #d4a843;
}
.h5-footer .action-buttons[data-v-c538c123] {
  display: flex;
  justify-content: space-around;
}
.h5-footer .action-buttons .action-btn[data-v-c538c123] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  color: white;
  font-size: 12px;
  opacity: 0.8;
  cursor: pointer;
  transition: all 0.3s;
  padding: 8px 16px;
}
.h5-footer .action-buttons .action-btn[data-v-c538c123]:active {
  opacity: 1;
  transform: scale(0.95);
}
.h5-footer .action-buttons .action-btn.active[data-v-c538c123] {
  color: #d4a843;
  opacity: 1;
}
.h5-footer .action-buttons .action-btn svg[data-v-c538c123] {
  opacity: 0.9;
}
.book-list-modal[data-v-c538c123] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: flex;
  align-items: flex-end;
  animation: fadeIn-c538c123 0.3s ease;
}
.book-list-modal .book-list-content[data-v-c538c123] {
  width: 100%;
  max-height: 70vh;
  background: #2d2d2d;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  animation: slideUp-c538c123 0.3s ease;
  display: flex;
  flex-direction: column;
}
.book-list-modal .book-list-content .book-list-header[data-v-c538c123] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.book-list-modal .book-list-content .book-list-header h3[data-v-c538c123] {
  color: white;
  font-size: 18px;
  margin: 0;
}
.book-list-modal .book-list-content .book-list-header .close-btn[data-v-c538c123] {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 50%;
  color: white;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.book-list-modal .book-list-content .book-list-body[data-v-c538c123] {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}
.book-list-modal .book-list-content .book-list-body .book-list-loading[data-v-c538c123] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  color: white;
}
.book-list-modal .book-list-content .book-list-body .book-list-loading .loading-spinner[data-v-c538c123] {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: #d4a843;
  border-radius: 50%;
  animation: spin-c538c123 1s linear infinite;
  margin-bottom: 12px;
}
.book-list-modal .book-list-content .book-list-body .book-list-empty[data-v-c538c123] {
  text-align: center;
  padding: 40px;
  color: rgba(255, 255, 255, 0.6);
}
.book-list-modal .book-list-content .book-list-body .book-list-grid[data-v-c538c123] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.book-list-modal .book-list-content .book-list-body .book-list-grid .book-list-item[data-v-c538c123] {
  aspect-ratio: 3/4;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background: #1a1a1a;
  pointer-events: auto;
}
.book-list-modal .book-list-content .book-list-body .book-list-grid .book-list-item[data-v-c538c123]:active {
  transform: scale(0.95);
  opacity: 0.8;
}
.book-list-modal .book-list-content .book-list-body .book-list-grid .book-list-item .book-cover-wrapper[data-v-c538c123] {
  width: 100%;
  height: 100%;
  position: relative;
}
.book-list-modal .book-list-content .book-list-body .book-list-grid .book-list-item .book-cover-wrapper img[data-v-c538c123] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.book-list-modal .book-list-content .book-list-body .book-list-grid .book-list-item .book-cover-wrapper .book-like-badge[data-v-c538c123] {
  position: absolute;
  top: 4px;
  right: 4px;
  background: rgba(0, 0, 0, 0.6);
  color: #ff6b6b;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 2px;
  backdrop-filter: blur(4px);
}
.book-list-modal .book-list-content .book-list-body .book-list-grid .book-list-item .book-info[data-v-c538c123] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  pointer-events: none;
}
.book-list-modal .book-list-content .book-list-body .book-list-grid .book-list-item .book-info .book-title[data-v-c538c123] {
  color: white;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.book-list-modal .book-list-content .book-list-body .book-list-grid .book-list-item .book-info .book-author[data-v-c538c123] {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin-top: 2px;
}
.book-list-modal .book-list-content .book-list-body .book-list-loading-more[data-v-c538c123] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.book-list-modal .book-list-content .book-list-body .book-list-loading-more .loading-spinner-small[data-v-c538c123] {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #d4a843;
  border-radius: 50%;
  animation: spin-c538c123 1s linear infinite;
  margin-bottom: 8px;
}
.book-list-modal .book-list-content .book-list-body .book-list-loading-more p[data-v-c538c123] {
  font-size: 12px;
  margin: 0;
}
.book-list-modal .book-list-content .book-list-body .book-list-no-more[data-v-c538c123] {
  text-align: center;
  padding: 20px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
}
.prompt-toggle-btn[data-v-c538c123] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid #d4a843;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  color: #8b7355;
}
.prompt-toggle-btn[data-v-c538c123]:hover,
.prompt-toggle-btn[data-v-c538c123]:active {
  transform: scale(1.1);
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.prompt-toggle-btn svg[data-v-c538c123] {
  width: 20px;
  height: 20px;
}
@keyframes spin-c538c123 {
to {
    transform: rotate(360deg);
}
}
@keyframes fadeIn-c538c123 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-c538c123 {
from {
    transform: translateY(100%);
}
to {
    transform: translateY(0);
}
}
.login-h5-page[data-v-9ecd2b47] {
  min-height: 100vh;
  background: linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.login-bg[data-v-9ecd2b47] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 30%, rgba(212, 168, 67, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(138, 43, 226, 0.1) 0%, transparent 50%);
  pointer-events: none;
}
.login-content[data-v-9ecd2b47] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 24px;
  position: relative;
  z-index: 1;
}
.login-logo[data-v-9ecd2b47] {
  text-align: center;
  margin-bottom: 32px;
}
.login-logo .logo-image[data-v-9ecd2b47] {
  width: 200px;
  height: auto;
  max-width: 60%;
  animation: float-9ecd2b47 3s ease-in-out infinite;
}
.login-logo .logo-slogan[data-v-9ecd2b47] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  line-height: 1.6;
  margin: 8px 0 0;
}
@keyframes float-9ecd2b47 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}
.login-form[data-v-9ecd2b47] {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  padding: 32px 24px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.form-item[data-v-9ecd2b47] {
  margin-bottom: 20px;
}
.form-item[data-v-9ecd2b47]:last-of-type {
  margin-bottom: 24px;
}
.input-wrapper[data-v-9ecd2b47] {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s;
}
.input-wrapper[data-v-9ecd2b47]:focus-within {
  border-color: rgba(212, 168, 67, 0.5);
  background: rgba(255, 255, 255, 0.15);
}
.input-wrapper .input-icon[data-v-9ecd2b47] {
  font-size: 18px;
  margin-right: 12px;
  opacity: 0.7;
}
.input-wrapper input[data-v-9ecd2b47] {
  flex: 1;
  background: none;
  border: none;
  padding: 16px 0;
  color: white;
  font-size: 16px;
  outline: none;
}
.input-wrapper input[data-v-9ecd2b47]::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.input-wrapper.checking[data-v-9ecd2b47] {
  border-color: rgba(212, 168, 67, 0.3);
}
.input-wrapper .checking-indicator[data-v-9ecd2b47] {
  font-size: 12px;
  color: rgba(212, 168, 67, 0.8);
  animation: pulse-9ecd2b47 1.5s ease-in-out infinite;
}
@keyframes pulse-9ecd2b47 {
0%, 100% {
    opacity: 0.5;
}
50% {
    opacity: 1;
}
}
.account-tip[data-v-9ecd2b47] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 0 4px;
}
.account-tip .tip-icon[data-v-9ecd2b47] {
  font-size: 14px;
}
.account-tip .tip-text[data-v-9ecd2b47] {
  color: #d4a843;
  font-size: 13px;
}
.login-btn[data-v-9ecd2b47] {
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  border: none;
  border-radius: 12px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
}
.login-btn[data-v-9ecd2b47]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(212, 168, 67, 0.3);
}
.login-btn[data-v-9ecd2b47]:active:not(:disabled) {
  transform: translateY(0);
}
.login-btn[data-v-9ecd2b47]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.login-btn.register[data-v-9ecd2b47] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.login-btn.register[data-v-9ecd2b47]:hover:not(:disabled) {
  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
}
.form-links[data-v-9ecd2b47] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  gap: 16px;
}
.form-links .link-btn[data-v-9ecd2b47] {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  cursor: pointer;
  transition: color 0.3s;
}
.form-links .link-btn[data-v-9ecd2b47]:hover {
  color: #d4a843;
}
.form-links .link-divider[data-v-9ecd2b47] {
  color: rgba(255, 255, 255, 0.3);
}
.guest-entry[data-v-9ecd2b47] {
  margin-top: 32px;
  text-align: center;
}
.guest-entry .guest-btn[data-v-9ecd2b47] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 25px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.guest-entry .guest-btn[data-v-9ecd2b47]:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}
.guest-entry .guest-btn svg[data-v-9ecd2b47] {
  width: 16px;
  height: 16px;
}
.h5-modal[data-v-9ecd2b47] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 1000;
  animation: fadeIn-9ecd2b47 0.3s ease;
}
@keyframes fadeIn-9ecd2b47 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.h5-modal-content[data-v-9ecd2b47] {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  border-radius: 16px;
  width: 100%;
  max-width: 320px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  animation: slideUp-9ecd2b47 0.3s ease;
}
@keyframes slideUp-9ecd2b47 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.h5-modal-header[data-v-9ecd2b47] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 0;
}
.h5-modal-header .h5-modal-title[data-v-9ecd2b47] {
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.h5-modal-header .h5-modal-close[data-v-9ecd2b47] {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s;
}
.h5-modal-header .h5-modal-close[data-v-9ecd2b47]:hover {
  color: white;
}
.h5-modal-header .h5-modal-close svg[data-v-9ecd2b47] {
  width: 20px;
  height: 20px;
}
.h5-modal-body[data-v-9ecd2b47] {
  padding: 20px;
}
.h5-modal-body .dialog-text[data-v-9ecd2b47] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  text-align: center;
}
.h5-modal-footer[data-v-9ecd2b47] {
  display: flex;
  gap: 12px;
  padding: 0 20px 20px;
}
.h5-modal-footer button[data-v-9ecd2b47] {
  flex: 1;
  padding: 12px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  border: none;
}
.h5-modal-footer .h5-btn-secondary[data-v-9ecd2b47] {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}
.h5-modal-footer .h5-btn-secondary[data-v-9ecd2b47]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.h5-modal-footer .h5-btn-primary[data-v-9ecd2b47] {
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
}
.h5-modal-footer .h5-btn-primary[data-v-9ecd2b47]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(212, 168, 67, 0.3);
}.gallery-h5-page[data-v-0cebb72b] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.h5-header[data-v-0cebb72b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
}
.h5-header .h5-back-btn[data-v-0cebb72b] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
}
.h5-header .h5-title[data-v-0cebb72b] {
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  text-align: center;
  flex: 1;
}
.h5-header .h5-placeholder[data-v-0cebb72b] {
  width: 40px;
}
.h5-type-tabs[data-v-0cebb72b] {
  display: flex;
  padding: 12px 16px;
  gap: 12px;
  background: rgba(0, 0, 0, 0.2);
}
.h5-type-tabs .h5-type-tab[data-v-0cebb72b] {
  flex: 1;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 20px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.h5-type-tabs .h5-type-tab.active[data-v-0cebb72b] {
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
}
.h5-type-description[data-v-0cebb72b] {
  padding: 0 16px 8px;
  background: rgba(0, 0, 0, 0.2);
}
.h5-type-description .type-desc-text[data-v-0cebb72b] {
  margin: 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  line-height: 1.5;
}
.h5-search-box[data-v-0cebb72b] {
  display: flex;
  align-items: center;
  margin: 12px 16px;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 25px;
}
.h5-search-box .search-icon[data-v-0cebb72b] {
  font-size: 16px;
  margin-right: 8px;
}
.h5-search-box .search-input[data-v-0cebb72b] {
  flex: 1;
  background: none;
  border: none;
  color: white;
  font-size: 14px;
  outline: none;
}
.h5-search-box .search-input[data-v-0cebb72b]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.h5-search-box .clear-btn[data-v-0cebb72b] {
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 50%;
  color: white;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.h5-content[data-v-0cebb72b] {
  flex: 1;
  overflow-y: auto;
  padding: 0 16px 16px;
  -webkit-overflow-scrolling: touch;
}
.h5-loading[data-v-0cebb72b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: white;
}
.h5-loading .loading-spinner[data-v-0cebb72b] {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: #d4a843;
  border-radius: 50%;
  animation: spin-0cebb72b 1s linear infinite;
  margin-bottom: 16px;
}
.h5-empty[data-v-0cebb72b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: rgba(255, 255, 255, 0.6);
}
.h5-empty .empty-icon[data-v-0cebb72b] {
  font-size: 64px;
  margin-bottom: 16px;
}
.h5-gallery-list[data-v-0cebb72b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding-top: 8px;
}
.h5-gallery-card[data-v-0cebb72b] {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s;
  aspect-ratio: 3/4;
  display: flex;
  flex-direction: column;
}
.h5-gallery-card[data-v-0cebb72b]:active {
  transform: scale(0.98);
}
.h5-gallery-card .card-image-wrapper[data-v-0cebb72b] {
  position: relative;
  width: 100%;
  padding-top: 93.33%;
  flex-shrink: 0;
  overflow: hidden;
}
.h5-gallery-card .card-image-wrapper .card-image[data-v-0cebb72b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.h5-gallery-card .card-info[data-v-0cebb72b] {
  padding: 10px 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.h5-gallery-card .card-info .card-title[data-v-0cebb72b] {
  color: white;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 6px;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex-shrink: 0;
}
.h5-gallery-card .card-info .card-author[data-v-0cebb72b] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.h5-gallery-card .card-info .card-author .author-avatar-small[data-v-0cebb72b] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  object-fit: cover;
}
.h5-gallery-card .card-info .card-author .author-name[data-v-0cebb72b] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}
.h5-gallery-card .card-info .card-meta[data-v-0cebb72b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.h5-gallery-card .card-info .card-meta .card-like-badge[data-v-0cebb72b] {
  background: rgba(0, 0, 0, 0.4);
  color: #ff6b6b;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  backdrop-filter: blur(4px);
}
.h5-loading-more[data-v-0cebb72b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.h5-loading-more .loading-spinner-small[data-v-0cebb72b] {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #d4a843;
  border-radius: 50%;
  animation: spin-0cebb72b 1s linear infinite;
  margin-bottom: 8px;
}
.h5-loading-more p[data-v-0cebb72b] {
  font-size: 12px;
  margin: 0;
}
.h5-no-more[data-v-0cebb72b] {
  text-align: center;
  padding: 20px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
}
.h5-scratch-modal[data-v-0cebb72b] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 3000;
  display: flex;
  flex-direction: column;
  animation: fadeIn-0cebb72b 0.3s ease;
}
.h5-scratch-modal-content[data-v-0cebb72b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #1a1a2e;
  overflow: hidden;
}
.h5-modal-close[data-v-0cebb72b] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  z-index: 10;
}
.h5-modal-header[data-v-0cebb72b] {
  padding: 16px;
  background: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.h5-modal-header .h5-modal-title[data-v-0cebb72b] {
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 8px;
  padding-right: 50px;
}
.h5-modal-header .h5-modal-author[data-v-0cebb72b] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
.h5-modal-header .h5-modal-author .h5-modal-avatar[data-v-0cebb72b] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}
.h5-scratch-player-wrapper[data-v-0cebb72b] {
  flex: 1;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.h5-scratch-player[data-v-0cebb72b] {
  width: 100%;
  height: 100%;
  border: none;
}
.h5-modal-description[data-v-0cebb72b] {
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  max-height: 80px;
  overflow-y: auto;
}
.h5-modal-description p[data-v-0cebb72b] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}
.h5-gamepad-controls[data-v-0cebb72b] {
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.h5-dpad[data-v-0cebb72b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.h5-dpad .dpad-middle[data-v-0cebb72b] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.h5-dpad .dpad-btn[data-v-0cebb72b] {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(145deg, #2a2a3e, #1a1a2e);
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.h5-dpad .dpad-btn[data-v-0cebb72b]:active {
  transform: scale(0.95);
  background: linear-gradient(145deg, #1a1a2e, #2a2a3e);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.h5-dpad .dpad-btn.dpad-center[data-v-0cebb72b] {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.1);
  cursor: default;
}
.h5-dpad .dpad-btn.dpad-center[data-v-0cebb72b]:active {
  transform: none;
}
.h5-space-btn[data-v-0cebb72b] {
  width: 100px;
  height: 60px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(145deg, #d4a843, #c4953a);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 6px 12px rgba(212, 168, 67, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.h5-space-btn[data-v-0cebb72b]:active {
  transform: scale(0.95);
  background: linear-gradient(145deg, #c4953a, #d4a843);
  box-shadow: 0 3px 6px rgba(212, 168, 67, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.h5-space-btn .space-label[data-v-0cebb72b] {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
}
.h5-modal-actions[data-v-0cebb72b] {
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: center;
}
.h5-modal-like-btn[data-v-0cebb72b] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  border: none;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.h5-modal-like-btn svg[data-v-0cebb72b] {
  color: #ff6b6b;
}
.h5-modal-like-btn.liked[data-v-0cebb72b] {
  background: rgba(255, 71, 87, 0.2);
  color: #ff4757;
}
.h5-modal-like-btn.liked svg[data-v-0cebb72b] {
  color: #ff4757;
}
@keyframes fadeIn-0cebb72b {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes spin-0cebb72b {
to {
    transform: rotate(360deg);
}
}
.aboutus-page[data-v-84e24cdb] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 50%, #16213e 100%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.aboutus-header[data-v-84e24cdb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  flex-shrink: 0;
}
.aboutus-header .page-title[data-v-84e24cdb] {
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.aboutus-header .placeholder[data-v-84e24cdb] {
  width: 40px;
}
.aboutus-content[data-v-84e24cdb] {
  flex: 1;
  overflow-y: auto;
  padding: 24px 16px;
  -webkit-overflow-scrolling: touch;
}
.mission-section[data-v-84e24cdb] {
  text-align: center;
  margin-bottom: 36px;
}
.mission-section .brand-logo[data-v-84e24cdb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
}
.mission-section .brand-logo .logo-text[data-v-84e24cdb] {
  font-size: 26px;
  font-weight: 700;
  background: linear-gradient(135deg, #d4a843 0%, #f0d78c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.4;
  padding-bottom: 4px;
}
.mission-section .brand-logo .logo-divider[data-v-84e24cdb] {
  color: rgba(255, 255, 255, 0.4);
  font-size: 22px;
}
.mission-section .brand-logo .logo-sub[data-v-84e24cdb] {
  font-size: 20px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}
.mission-section .mission-title[data-v-84e24cdb] {
  color: white;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 16px;
  background: linear-gradient(135deg, #fff 0%, #d4a843 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.mission-section .mission-desc[data-v-84e24cdb] {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
  padding: 0 8px;
}
.mission-section .mission-desc .highlight[data-v-84e24cdb] {
  color: #d4a843;
  font-weight: 500;
}
.capabilities-section[data-v-84e24cdb] {
  margin-bottom: 32px;
}
.capabilities-section .section-header[data-v-84e24cdb] {
  text-align: center;
  margin-bottom: 24px;
}
.capabilities-section .section-header .section-tag[data-v-84e24cdb] {
  display: inline-block;
  background: rgba(212, 168, 67, 0.15);
  color: #d4a843;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 8px;
}
.capabilities-section .section-header .section-title[data-v-84e24cdb] {
  color: white;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.capability-card[data-v-84e24cdb] {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  border-radius: 20px;
  padding: 24px 20px;
  margin-bottom: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
}
.capability-card.animate-in[data-v-84e24cdb] {
  opacity: 1;
  transform: translateY(0);
}
.capability-card[data-v-84e24cdb]:nth-child(2) {
  transition-delay: 0.1s;
}
.capability-card[data-v-84e24cdb]:nth-child(3) {
  transition-delay: 0.2s;
}
.capability-card[data-v-84e24cdb]:nth-child(4) {
  transition-delay: 0.3s;
}
.capability-card .card-header[data-v-84e24cdb] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}
.capability-card .card-icon[data-v-84e24cdb] {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.capability-card .card-icon.creativity-icon[data-v-84e24cdb] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.capability-card .card-icon.logic-icon[data-v-84e24cdb] {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  color: white;
}
.capability-card .card-icon.thinking-icon[data-v-84e24cdb] {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: white;
}
.capability-card .card-number[data-v-84e24cdb] {
  font-size: 36px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.1);
  line-height: 1;
}
.capability-card .card-title[data-v-84e24cdb] {
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 4px;
}
.capability-card .card-subtitle[data-v-84e24cdb] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  margin: 0 0 12px;
}
.capability-card .card-desc[data-v-84e24cdb] {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.7;
  margin: 0 0 16px;
}
.capability-card .card-desc .highlight[data-v-84e24cdb] {
  color: #d4a843;
  font-weight: 500;
}
.capability-card .skills-row[data-v-84e24cdb] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.capability-card .skills-row .skill-item[data-v-84e24cdb] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.capability-card .skills-row .skill-item .skill-dot[data-v-84e24cdb] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d4a843;
}
.capability-card .skills-row .skill-item span[data-v-84e24cdb] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}
.capability-card .card-action-hint[data-v-84e24cdb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.3s ease;
}
.capability-card .card-action-hint .hint-text[data-v-84e24cdb] {
  color: #d4a843;
  font-size: 13px;
  font-weight: 500;
}
.capability-card .card-action-hint .hint-arrow[data-v-84e24cdb] {
  color: #d4a843;
  transition: transform 0.3s ease;
}
.capability-card .card-action-hint:hover .hint-arrow[data-v-84e24cdb],
.capability-card .card-action-hint:active .hint-arrow[data-v-84e24cdb] {
  transform: translateX(4px);
}
.future-section[data-v-84e24cdb] {
  background: rgba(212, 168, 67, 0.08);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 24px;
  border: 1px solid rgba(212, 168, 67, 0.2);
}
.future-section .future-title[data-v-84e24cdb] {
  color: white;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 16px;
}
.future-section .future-grid[data-v-84e24cdb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.future-section .future-grid .future-item[data-v-84e24cdb] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}
.future-section .future-grid .future-item .future-icon[data-v-84e24cdb] {
  font-size: 20px;
}
.future-section .future-grid .future-item span[data-v-84e24cdb] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
}
.cta-section[data-v-84e24cdb] {
  text-align: center;
  padding: 20px 0 80px;
}
.cta-section .cta-text[data-v-84e24cdb] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 16px;
}
.cta-section .cta-btn-static[data-v-84e24cdb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
  font-size: 15px;
  font-weight: 600;
  border-radius: 28px;
  box-shadow: 0 4px 15px rgba(212, 168, 67, 0.3);
}
.h5-guide-modal[data-v-84e24cdb] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-84e24cdb 0.3s ease;
}
.h5-guide-modal-content[data-v-84e24cdb] {
  width: 85%;
  max-width: 400px;
  background: linear-gradient(135deg, #2d2d4a 0%, #1a1a2e 100%);
  border-radius: 20px;
  overflow: hidden;
  animation: slideUp-84e24cdb 0.3s ease;
}
.h5-guide-header[data-v-84e24cdb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.h5-guide-header .h5-guide-title[data-v-84e24cdb] {
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.h5-guide-header .h5-guide-close[data-v-84e24cdb] {
  width: 32px;
  height: 32px;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: all 0.3s;
}
.h5-guide-header .h5-guide-close[data-v-84e24cdb]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.h5-guide-body[data-v-84e24cdb] {
  padding: 24px 20px;
}
.h5-guide-body .guide-intro[data-v-84e24cdb] {
  margin-bottom: 20px;
  padding: 16px;
  background: rgba(79, 172, 254, 0.1);
  border-radius: 12px;
  border-left: 3px solid #4facfe;
}
.h5-guide-body .guide-intro .intro-text[data-v-84e24cdb] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
.h5-guide-body .guide-step[data-v-84e24cdb] {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}
.h5-guide-body .guide-step[data-v-84e24cdb]:last-child {
  margin-bottom: 0;
}
.h5-guide-body .guide-step .step-number[data-v-84e24cdb] {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 14px;
  flex-shrink: 0;
}
.h5-guide-body .guide-step .step-content[data-v-84e24cdb] {
  flex: 1;
}
.h5-guide-body .guide-step .step-content h4[data-v-84e24cdb] {
  color: white;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
}
.h5-guide-body .guide-step .step-content p[data-v-84e24cdb] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  margin: 0;
  line-height: 1.5;
}
.h5-guide-footer[data-v-84e24cdb] {
  padding: 16px 20px 24px;
  display: flex;
  justify-content: center;
}
.h5-guide-footer .h5-guide-btn[data-v-84e24cdb] {
  padding: 12px 40px;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  border: none;
  border-radius: 25px;
  color: white;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
}
.h5-guide-footer .h5-guide-btn[data-v-84e24cdb]:active {
  transform: scale(0.95);
}
@keyframes fadeIn-84e24cdb {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-84e24cdb {
from {
    transform: translateY(20px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
.ai-draw-h5-page[data-v-ce238ff3] {
  min-height: 100vh;
  background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
  display: flex;
  flex-direction: column;
  padding-bottom: 80px;
}
.h5-header[data-v-ce238ff3] {
  padding: 16px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.h5-header .h5-header-center[data-v-ce238ff3] {
  text-align: center;
}
.h5-header .h5-title[data-v-ce238ff3] {
  color: white;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 4px;
}
.h5-header .h5-subtitle[data-v-ce238ff3] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  margin: 0;
}
.h5-content[data-v-ce238ff3] {
  flex: 1;
  padding: 20px 16px;
  overflow-y: auto;
}
.section-title[data-v-ce238ff3] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px;
}
.section-title .section-icon[data-v-ce238ff3] {
  font-size: 20px;
}
.section-title .section-count[data-v-ce238ff3] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-weight: 400;
}
.style-section[data-v-ce238ff3] {
  margin-bottom: 24px;
}
.style-section .style-options[data-v-ce238ff3] {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.style-section .style-options[data-v-ce238ff3]::-webkit-scrollbar {
  display: none;
}
.style-section .style-option[data-v-ce238ff3] {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.style-section .style-option.active[data-v-ce238ff3] {
  background: rgba(212, 168, 67, 0.15);
  border-color: #d4a843;
}
.style-section .style-option .style-icon[data-v-ce238ff3] {
  font-size: 28px;
}
.style-section .style-option .style-name[data-v-ce238ff3] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  white-space: nowrap;
}
.style-section .style-option.active .style-name[data-v-ce238ff3] {
  color: #d4a843;
}
.character-section[data-v-ce238ff3] {
  margin-bottom: 24px;
}
.character-section .section-header-with-action[data-v-ce238ff3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.character-section .section-header-with-action .header-coins[data-v-ce238ff3] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: rgba(212, 168, 67, 0.2);
  border: 1px solid rgba(212, 168, 67, 0.4);
  border-radius: 20px;
  transition: all 0.3s;
}
.character-section .section-header-with-action .header-coins .coins-icon[data-v-ce238ff3] {
  font-size: 14px;
}
.character-section .section-header-with-action .header-coins .coins-value[data-v-ce238ff3] {
  color: #d4a843;
  font-size: 14px;
  font-weight: 600;
}
.character-section .character-list[data-v-ce238ff3] {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.character-section .character-list[data-v-ce238ff3]::-webkit-scrollbar {
  display: none;
}
.character-section .character-card[data-v-ce238ff3] {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px dashed rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.character-section .character-card.has-image[data-v-ce238ff3] {
  border-style: solid;
  border-color: rgba(212, 168, 67, 0.3);
}
.character-section .character-card.is-selected[data-v-ce238ff3] {
  border-color: #d4a843;
  box-shadow: 0 0 0 3px rgba(212, 168, 67, 0.3);
}
.character-section .character-card.add-card[data-v-ce238ff3] {
  background: rgba(212, 168, 67, 0.1);
  border-color: rgba(212, 168, 67, 0.3);
}
.character-section .character-card.add-card .add-icon[data-v-ce238ff3] {
  font-size: 32px;
  color: #d4a843;
  margin-bottom: 4px;
}
.character-section .character-card.add-card .add-text[data-v-ce238ff3] {
  color: #d4a843;
  font-size: 12px;
}
.character-section .character-card .character-placeholder[data-v-ce238ff3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.character-section .character-card .character-placeholder .placeholder-icon[data-v-ce238ff3] {
  font-size: 28px;
  color: rgba(255, 255, 255, 0.4);
}
.character-section .character-card .character-placeholder .placeholder-text[data-v-ce238ff3] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.character-section .character-card .character-image[data-v-ce238ff3] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.character-section .character-card .character-delete[data-v-ce238ff3] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
}
.character-section .character-card .character-name[data-v-ce238ff3] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scene-section[data-v-ce238ff3] {
  margin-bottom: 24px;
}
.scene-section .scene-list[data-v-ce238ff3] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.scene-section .scene-card[data-v-ce238ff3] {
  width: 90%;
  max-width: 400px;
  min-height: 120px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px dashed rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.scene-section .scene-card.has-image[data-v-ce238ff3] {
  border-style: solid;
  border-color: rgba(212, 168, 67, 0.3);
}
.scene-section .scene-card.add-card[data-v-ce238ff3] {
  background: rgba(212, 168, 67, 0.1);
  border-color: rgba(212, 168, 67, 0.3);
  min-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.scene-section .scene-card.add-card .add-icon[data-v-ce238ff3] {
  font-size: 32px;
  color: #d4a843;
  margin-bottom: 4px;
}
.scene-section .scene-card.add-card .add-text[data-v-ce238ff3] {
  color: #d4a843;
  font-size: 12px;
}
.scene-section .scene-card .scene-number[data-v-ce238ff3] {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 28px;
  height: 28px;
  background: rgba(212, 168, 67, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  font-weight: 600;
  z-index: 10;
}
.scene-section .scene-card .scene-card-content[data-v-ce238ff3] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  min-height: 100px;
}
.scene-section .scene-card .scene-card-content .scene-placeholder[data-v-ce238ff3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.scene-section .scene-card .scene-card-content .scene-placeholder .placeholder-icon[data-v-ce238ff3] {
  font-size: 28px;
}
.scene-section .scene-card .scene-card-content .scene-placeholder .placeholder-text[data-v-ce238ff3] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.scene-section .scene-card .scene-card-content .scene-image-wrapper[data-v-ce238ff3] {
  position: relative;
  width: 100%;
  height: 100%;
}
.scene-section .scene-card .scene-card-content .scene-image[data-v-ce238ff3] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scene-section .scene-card .scene-card-content .scene-view-prompt[data-v-ce238ff3] {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s;
}
.scene-section .scene-card .scene-card-content .scene-view-prompt[data-v-ce238ff3]:hover {
  background: rgba(0, 0, 0, 0.8);
  transform: scale(1.1);
}
.scene-section .scene-card .scene-card-content .scene-view-prompt svg[data-v-ce238ff3] {
  width: 16px;
  height: 16px;
}
.scene-section .scene-card .scene-card-content .scene-delete[data-v-ce238ff3] {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  z-index: 10;
}
.scene-section .scene-card .scene-card-content .scene-desc[data-v-ce238ff3] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 6px 8px;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scene-section .scene-card .scene-move-bar[data-v-ce238ff3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 8px;
  background: rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.scene-section .scene-card .scene-move-bar .move-btn[data-v-ce238ff3] {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.2s;
}
.scene-section .scene-card .scene-move-bar .move-btn[data-v-ce238ff3]:hover:not(:disabled) {
  background: rgba(212, 168, 67, 0.3);
  color: #d4a843;
}
.scene-section .scene-card .scene-move-bar .move-btn[data-v-ce238ff3]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.scene-section .scene-description-area[data-v-ce238ff3] {
  margin-top: 20px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}
.scene-section .scene-description-area .description-header[data-v-ce238ff3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.scene-section .scene-description-area .description-header .description-label[data-v-ce238ff3] {
  font-size: 14px;
  font-weight: 600;
  color: #d4a843;
}
.scene-section .scene-description-area .description-header .edit-scene-btn[data-v-ce238ff3] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: rgba(212, 168, 67, 0.2);
  border: 1px solid rgba(212, 168, 67, 0.4);
  border-radius: 6px;
  color: #d4a843;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s;
}
.scene-section .scene-description-area .description-header .edit-scene-btn[data-v-ce238ff3]:active {
  background: rgba(212, 168, 67, 0.3);
}
.scene-section .scene-description-area .description-edit-mode[data-v-ce238ff3] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.scene-section .scene-description-area .description-edit-mode .description-input-wrapper[data-v-ce238ff3] {
  position: relative;
}
.scene-section .scene-description-area .description-edit-mode .description-input-wrapper .description-input[data-v-ce238ff3] {
  width: 100%;
  padding: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: white;
  font-size: 14px;
  line-height: 1.5;
  resize: none;
  font-family: inherit;
}
.scene-section .scene-description-area .description-edit-mode .description-input-wrapper .description-input[data-v-ce238ff3]::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.scene-section .scene-description-area .description-edit-mode .description-input-wrapper .description-input[data-v-ce238ff3]:focus {
  outline: none;
  border-color: #d4a843;
}
.scene-section .scene-description-area .description-edit-mode .description-input-wrapper .description-char-count[data-v-ce238ff3] {
  position: absolute;
  bottom: 8px;
  right: 12px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}
.scene-section .scene-description-area .description-edit-mode .description-input-wrapper .description-char-count.near-limit[data-v-ce238ff3] {
  color: #ff6b6b;
}
.scene-section .scene-description-area .description-edit-mode .description-confirm-btn[data-v-ce238ff3] {
  align-self: flex-end;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  background: #d4a843;
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.scene-section .scene-description-area .description-edit-mode .description-confirm-btn[data-v-ce238ff3]:active {
  transform: scale(0.98);
}
.scene-section .scene-description-area .description-display-mode[data-v-ce238ff3] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.scene-section .scene-description-area .description-display-mode .description-text[data-v-ce238ff3] {
  flex: 1;
  color: white;
  font-size: 14px;
  line-height: 1.6;
  word-break: break-word;
}
.scene-section .scene-description-area .description-display-mode .description-placeholder[data-v-ce238ff3] {
  flex: 1;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-style: italic;
}
.scene-section .scene-description-area .description-display-mode .description-edit-btn[data-v-ce238ff3] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: rgba(212, 168, 67, 0.2);
  border: 1px solid rgba(212, 168, 67, 0.3);
  border-radius: 6px;
  color: #d4a843;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}
.scene-section .scene-description-area .description-display-mode .description-edit-btn[data-v-ce238ff3]:active {
  background: rgba(212, 168, 67, 0.3);
}
.action-section[data-v-ce238ff3] {
  text-align: center;
  padding: 20px 0;
}
.action-section .create-book-btn[data-v-ce238ff3] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 48px;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  border: none;
  border-radius: 30px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.action-section .create-book-btn[data-v-ce238ff3]:disabled {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.4);
  cursor: not-allowed;
}
.action-section .create-book-btn[data-v-ce238ff3]:not(:disabled):active {
  transform: scale(0.98);
}
.action-section .create-book-btn .btn-icon[data-v-ce238ff3] {
  font-size: 20px;
}
.action-section .action-hint[data-v-ce238ff3] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  margin-top: 12px;
}
.h5-modal[data-v-ce238ff3] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: fadeIn-ce238ff3 0.3s ease;
}
.h5-modal.preview-modal .h5-modal-content[data-v-ce238ff3] {
  max-width: 420px;
  background: rgba(30, 30, 30, 0.98);
  border: 2px solid rgba(212, 168, 67, 0.5);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}
.h5-modal-footer[data-v-ce238ff3] {
  display: flex;
  gap: 12px;
  padding: 16px 20px 24px;
}
.h5-modal-footer button[data-v-ce238ff3] {
  flex: 1;
  padding: 14px 24px;
  border: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.h5-modal-footer button[data-v-ce238ff3]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.h5-modal-footer .h5-btn-secondary[data-v-ce238ff3] {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.h5-modal-footer .h5-btn-secondary[data-v-ce238ff3]:not(:disabled):hover {
  background: rgba(255, 255, 255, 0.15);
}
.h5-modal-footer .h5-btn-primary[data-v-ce238ff3] {
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
}
.h5-modal-footer .h5-btn-primary[data-v-ce238ff3]:not(:disabled):hover {
  opacity: 0.9;
}
.form-item[data-v-ce238ff3] {
  margin-bottom: 20px;
}
.form-item[data-v-ce238ff3]:last-child {
  margin-bottom: 0;
}
.form-item.character-name-field[data-v-ce238ff3] {
  padding: 16px;
  background: rgba(212, 168, 67, 0.08);
  border: 1px solid rgba(212, 168, 67, 0.2);
  border-radius: 12px;
  margin-bottom: 24px;
}
.form-item.character-name-field .form-label[data-v-ce238ff3] {
  color: #d4a843;
  font-weight: 600;
}
.form-item.character-name-field .form-input[data-v-ce238ff3] {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(212, 168, 67, 0.3);
}
.form-item.character-name-field .form-input[data-v-ce238ff3]:focus {
  border-color: #d4a843;
  background: rgba(255, 255, 255, 0.12);
}
.form-item.character-name-field .form-input[data-v-ce238ff3]::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
.form-label[data-v-ce238ff3] {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.form-input[data-v-ce238ff3],
.form-textarea[data-v-ce238ff3] {
  width: 100%;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: white;
  font-size: 14px;
  transition: all 0.3s;
}
.form-input[data-v-ce238ff3]::placeholder,
.form-textarea[data-v-ce238ff3]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.form-input[data-v-ce238ff3]:focus,
.form-textarea[data-v-ce238ff3]:focus {
  outline: none;
  border-color: #d4a843;
  background: rgba(255, 255, 255, 0.08);
}
.form-textarea[data-v-ce238ff3] {
  resize: none;
  min-height: 100px;
}
.char-count[data-v-ce238ff3] {
  display: block;
  text-align: right;
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
  margin-top: 4px;
}
.preview-content[data-v-ce238ff3] {
  position: relative;
  background: transparent !important;
  overflow: visible !important;
}
.preview-close[data-v-ce238ff3] {
  position: absolute;
  top: -40px;
  right: 0;
  z-index: 10;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  transition: all 0.3s;
}
.preview-close[data-v-ce238ff3]:active {
  background: rgba(0, 0, 0, 0.8);
}
.preview-close svg[data-v-ce238ff3] {
  width: 20px;
  height: 20px;
}
.preview-image-wrapper[data-v-ce238ff3] {
  position: relative;
  display: inline-block;
}
.preview-image[data-v-ce238ff3] {
  width: 100%;
  max-height: 50vh;
  object-fit: contain;
  border-radius: 12px;
  display: block;
}
.book-preview[data-v-ce238ff3] {
  margin-top: 20px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
}
.book-preview .preview-title[data-v-ce238ff3] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  margin-bottom: 12px;
}
.book-preview .preview-scenes[data-v-ce238ff3] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.book-preview .preview-thumb[data-v-ce238ff3] {
  width: 60px;
  height: 45px;
  object-fit: cover;
  border-radius: 6px;
}
.book-preview .preview-more[data-v-ce238ff3] {
  width: 60px;
  height: 45px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
}
.loading-spinner[data-v-ce238ff3] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-ce238ff3 0.8s linear infinite;
}
@keyframes spin-ce238ff3 {
to {
    transform: rotate(360deg);
}
}
@keyframes fadeIn-ce238ff3 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-ce238ff3 {
from {
    transform: translateY(20px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
.choice-modal .choice-content[data-v-ce238ff3] {
  max-width: 320px;
}
.choice-modal .choice-body[data-v-ce238ff3] {
  padding: 24px 20px;
}
.choice-modal .choice-options[data-v-ce238ff3] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.choice-modal .choice-option[data-v-ce238ff3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 20px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.choice-modal .choice-option[data-v-ce238ff3]:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}
.choice-modal .choice-option[data-v-ce238ff3]:active {
  transform: translateY(0);
}
.choice-modal .choice-option.primary[data-v-ce238ff3] {
  background: rgba(212, 168, 67, 0.1);
  border-color: rgba(212, 168, 67, 0.3);
}
.choice-modal .choice-option.primary[data-v-ce238ff3]:hover {
  background: rgba(212, 168, 67, 0.15);
  border-color: rgba(212, 168, 67, 0.5);
}
.choice-modal .choice-option.primary .choice-title[data-v-ce238ff3] {
  color: #d4a843;
}
.choice-modal .choice-icon[data-v-ce238ff3] {
  font-size: 32px;
  margin-bottom: 12px;
}
.choice-modal .choice-title[data-v-ce238ff3] {
  font-size: 16px;
  font-weight: 600;
  color: white;
  margin-bottom: 6px;
}
.choice-modal .choice-desc[data-v-ce238ff3] {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}
.choice-modal .choice-divider[data-v-ce238ff3] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.choice-modal .choice-divider[data-v-ce238ff3]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}
.choice-modal .choice-divider span[data-v-ce238ff3] {
  position: relative;
  padding: 0 12px;
  background: #1a1a2e;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
}
.character-library-modal .library-content[data-v-ce238ff3] {
  max-width: 90%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}
.character-library-modal .library-tabs[data-v-ce238ff3] {
  padding: 16px 20px;
  background: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.character-library-modal .library-tabs .tab-container[data-v-ce238ff3] {
  position: relative;
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 24px;
  padding: 4px;
}
.character-library-modal .library-tabs .library-tab[data-v-ce238ff3] {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 20px;
  background: transparent;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
.character-library-modal .library-tabs .library-tab .tab-icon[data-v-ce238ff3] {
  font-size: 16px;
}
.character-library-modal .library-tabs .library-tab.active[data-v-ce238ff3] {
  color: white;
}
.character-library-modal .library-tabs .tab-indicator[data-v-ce238ff3] {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  border-radius: 20px;
  transition: transform 0.3s ease;
  z-index: 1;
}
.character-library-modal .library-tabs .tab-indicator.is-private[data-v-ce238ff3] {
  transform: translateX(100%);
}
.character-library-modal .library-body[data-v-ce238ff3] {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  max-height: 50vh;
}
.character-library-modal .library-loading[data-v-ce238ff3],
.character-library-modal .library-empty[data-v-ce238ff3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: rgba(255, 255, 255, 0.6);
}
.character-library-modal .library-loading .loading-spinner[data-v-ce238ff3],
.character-library-modal .library-empty .loading-spinner[data-v-ce238ff3] {
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
}
.character-library-modal .library-loading .empty-icon[data-v-ce238ff3],
.character-library-modal .library-empty .empty-icon[data-v-ce238ff3] {
  font-size: 48px;
  margin-bottom: 16px;
}
.character-library-modal .library-loading p[data-v-ce238ff3],
.character-library-modal .library-empty p[data-v-ce238ff3] {
  font-size: 14px;
}
.character-library-modal .library-grid[data-v-ce238ff3] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.character-library-modal .library-item[data-v-ce238ff3] {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid transparent;
  border-radius: 12px;
  padding: 8px;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
}
.character-library-modal .library-item[data-v-ce238ff3]:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(212, 168, 67, 0.3);
  transform: translateY(-2px);
}
.character-library-modal .library-item.is-public[data-v-ce238ff3] {
  border-color: rgba(212, 168, 67, 0.2);
  background: rgba(212, 168, 67, 0.05);
}
.character-library-modal .library-item .library-item-image[data-v-ce238ff3] {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 6px;
}
.character-library-modal .library-item .library-item-name[data-v-ce238ff3] {
  color: white;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.character-library-modal .library-item .library-item-delete[data-v-ce238ff3] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 77, 79, 0.95);
  border: 2px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  opacity: 1;
  transition: all 0.3s;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.character-library-modal .library-item .library-item-delete[data-v-ce238ff3]:active {
  background: rgb(255, 77, 79);
  transform: scale(0.95);
}
.character-library-modal .library-item .library-item-delete svg[data-v-ce238ff3] {
  width: 16px;
  height: 16px;
}
.action-menu-modal .action-menu-content[data-v-ce238ff3] {
  max-width: 280px;
  padding: 24px;
  text-align: center;
  background: linear-gradient(135deg, #2d2d4a 0%, #1a1a2e 100%);
}
.action-menu-modal .action-menu-character[data-v-ce238ff3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.action-menu-modal .action-menu-character .action-menu-avatar[data-v-ce238ff3] {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  object-fit: cover;
  margin-bottom: 12px;
  border: 2px solid rgba(212, 168, 67, 0.3);
}
.action-menu-modal .action-menu-character .action-menu-name[data-v-ce238ff3] {
  color: white;
  font-size: 16px;
  font-weight: 600;
}
.action-menu-modal .action-menu-buttons[data-v-ce238ff3] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
.action-menu-modal .action-menu-btn[data-v-ce238ff3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 20px;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
}
.action-menu-modal .action-menu-btn .btn-icon[data-v-ce238ff3] {
  font-size: 18px;
}
.action-menu-modal .action-menu-btn.select-btn[data-v-ce238ff3] {
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
}
.action-menu-modal .action-menu-btn.select-btn[data-v-ce238ff3]:active {
  transform: scale(0.98);
  opacity: 0.9;
}
.action-menu-modal .action-menu-btn.delete-btn[data-v-ce238ff3] {
  background: rgba(255, 77, 79, 0.15);
  color: #ff4d4f;
  border: 1px solid rgba(255, 77, 79, 0.3);
}
.action-menu-modal .action-menu-btn.delete-btn[data-v-ce238ff3]:active {
  background: rgba(255, 77, 79, 0.25);
}
.action-menu-modal .action-menu-cancel[data-v-ce238ff3] {
  padding: 12px 20px;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.action-menu-modal .action-menu-cancel[data-v-ce238ff3]:active {
  color: rgba(255, 255, 255, 0.8);
}
.scene-modal .scene-content[data-v-ce238ff3] {
  max-width: 90%;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
}
.scene-modal .scene-body[data-v-ce238ff3] {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.scene-modal .scene-form-section[data-v-ce238ff3] {
  margin-bottom: 20px;
}
.scene-modal .scene-form-section[data-v-ce238ff3]:last-child {
  margin-bottom: 0;
}
.scene-modal .scene-section-title[data-v-ce238ff3] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 12px 0;
}
.scene-modal .character-checkbox-list[data-v-ce238ff3] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.scene-modal .character-checkbox-item[data-v-ce238ff3] {
  cursor: pointer;
}
.scene-modal .character-checkbox-item.selected .character-checkbox-inner[data-v-ce238ff3] {
  border-color: #d4a843;
  box-shadow: 0 0 0 2px rgba(212, 168, 67, 0.3);
  background: rgba(212, 168, 67, 0.1);
}
.scene-modal .character-checkbox-inner[data-v-ce238ff3] {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s;
}
.scene-modal .character-checkbox-inner[data-v-ce238ff3]:hover {
  border-color: rgba(212, 168, 67, 0.5);
}
.scene-modal .character-check-mark[data-v-ce238ff3] {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 2px 6px rgba(212, 168, 67, 0.4);
}
.scene-modal .character-checkbox-image[data-v-ce238ff3] {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 6px;
}
.scene-modal .character-checkbox-name[data-v-ce238ff3] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.scene-modal .character-select-hint[data-v-ce238ff3] {
  text-align: center;
  color: #d4a843;
  font-size: 13px;
  margin-top: 10px;
  font-style: italic;
}
.scene-modal .form-input[data-v-ce238ff3] {
  width: 100%;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: white;
  font-size: 14px;
  transition: all 0.3s;
}
.scene-modal .form-input[data-v-ce238ff3]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.scene-modal .form-input[data-v-ce238ff3]:focus {
  outline: none;
  border-color: #d4a843;
  background: rgba(255, 255, 255, 0.08);
}
.scene-modal .scene-footer[data-v-ce238ff3] {
  padding: 16px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  gap: 12px;
}
.scene-modal .scene-footer .h5-btn-secondary[data-v-ce238ff3],
.scene-modal .scene-footer .h5-btn-primary[data-v-ce238ff3] {
  flex: 1;
}
.scene-modal .scene-footer .scene-generate-btn .btn-content[data-v-ce238ff3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.scene-modal .scene-footer .scene-generate-btn .btn-icon-left[data-v-ce238ff3],
.scene-modal .scene-footer .scene-generate-btn .btn-icon-right[data-v-ce238ff3] {
  font-size: 14px;
}.profile-h5-page[data-v-3fe4113d] {
  min-height: 100vh;
  background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
  display: flex;
  flex-direction: column;
  padding-bottom: 80px;
}
.h5-header[data-v-3fe4113d] {
  padding: 16px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.h5-header .h5-header-center[data-v-3fe4113d] {
  text-align: center;
}
.h5-header .h5-title[data-v-3fe4113d] {
  color: white;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.h5-content[data-v-3fe4113d] {
  flex: 1;
  padding: 16px;
  overflow-y: auto;
}
.profile-card[data-v-3fe4113d] {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 20px;
}
.profile-avatar-section[data-v-3fe4113d] {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}
.avatar-wrapper[data-v-3fe4113d] {
  position: relative;
  flex-shrink: 0;
}
.avatar-wrapper .avatar-image[data-v-3fe4113d],
.avatar-wrapper .avatar-placeholder[data-v-3fe4113d] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.avatar-wrapper .avatar-placeholder[data-v-3fe4113d] {
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 32px;
  font-weight: 600;
}
.avatar-wrapper .avatar-edit[data-v-3fe4113d] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 28px;
  height: 28px;
  background: rgba(212, 168, 67, 0.9);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  transition: all 0.3s;
}
.avatar-wrapper .avatar-edit[data-v-3fe4113d]:hover {
  background: #d4a843;
}
.profile-info[data-v-3fe4113d] {
  flex: 1;
}
.profile-info .profile-name[data-v-3fe4113d] {
  color: white;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 4px;
}
.profile-info .profile-id[data-v-3fe4113d] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  margin: 0 0 12px;
}
.profile-stats[data-v-3fe4113d] {
  display: flex;
  gap: 24px;
}
.profile-stats .stat-item[data-v-3fe4113d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.profile-stats .stat-item .stat-value[data-v-3fe4113d] {
  color: white;
  font-size: 20px;
  font-weight: 600;
}
.profile-stats .stat-item .stat-label[data-v-3fe4113d] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.coins-section[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: rgba(212, 168, 67, 0.1);
  border: 1px solid rgba(212, 168, 67, 0.2);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s;
}
.coins-section[data-v-3fe4113d]:hover {
  background: rgba(212, 168, 67, 0.15);
}
.coins-section .coins-icon[data-v-3fe4113d] {
  font-size: 28px;
}
.coins-section .coins-info[data-v-3fe4113d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.coins-section .coins-info .coins-label[data-v-3fe4113d] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
}
.coins-section .coins-info .coins-value[data-v-3fe4113d] {
  color: #d4a843;
  font-size: 20px;
  font-weight: 600;
}
.coins-section .coins-arrow[data-v-3fe4113d] {
  color: rgba(255, 255, 255, 0.4);
}
.works-section[data-v-3fe4113d] {
  margin-bottom: 20px;
}
.works-section .section-header[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.works-section .section-header .section-title[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.works-section .section-header .section-title .section-icon[data-v-3fe4113d] {
  font-size: 20px;
}
.works-section .section-header .section-tabs[data-v-3fe4113d] {
  display: flex;
  gap: 8px;
}
.works-section .section-header .section-tabs .tab-btn[data-v-3fe4113d] {
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s;
}
.works-section .section-header .section-tabs .tab-btn.active[data-v-3fe4113d] {
  background: rgba(212, 168, 67, 0.2);
  border-color: #d4a843;
  color: #d4a843;
}
.works-list[data-v-3fe4113d] {
  min-height: 200px;
}
.loading-state[data-v-3fe4113d],
.empty-state[data-v-3fe4113d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
}
.loading-state .loading-spinner[data-v-3fe4113d],
.empty-state .loading-spinner[data-v-3fe4113d] {
  width: 40px;
  height: 40px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: #d4a843;
  border-radius: 50%;
  animation: spin-3fe4113d 0.8s linear infinite;
  margin-bottom: 16px;
}
.loading-state .empty-icon[data-v-3fe4113d],
.empty-state .empty-icon[data-v-3fe4113d] {
  font-size: 48px;
  margin-bottom: 12px;
}
.loading-state .empty-text[data-v-3fe4113d],
.empty-state .empty-text[data-v-3fe4113d] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  margin: 0 0 16px;
}
.loading-state .create-btn[data-v-3fe4113d],
.empty-state .create-btn[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  border: none;
  border-radius: 20px;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.loading-state .create-btn[data-v-3fe4113d]:hover,
.empty-state .create-btn[data-v-3fe4113d]:hover {
  opacity: 0.9;
}
.loading-state .create-btn.disabled[data-v-3fe4113d],
.empty-state .create-btn.disabled[data-v-3fe4113d] {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.works-grid[data-v-3fe4113d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.work-card[data-v-3fe4113d] {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
}
.work-card[data-v-3fe4113d]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.work-card .work-image-wrapper[data-v-3fe4113d] {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.work-card .work-image-wrapper .work-image[data-v-3fe4113d] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work-card .work-image-wrapper .work-status[data-v-3fe4113d] {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
}
.work-card .work-image-wrapper .work-status.public[data-v-3fe4113d] {
  background: rgba(212, 168, 67, 0.8);
  color: white;
}
.work-card .work-info[data-v-3fe4113d] {
  padding: 12px;
}
.work-card .work-info .work-title[data-v-3fe4113d] {
  color: white;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.work-card .work-info .work-meta[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.work-card .work-info .work-meta .work-date[data-v-3fe4113d] {
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
}
.work-card .work-info .work-meta .work-stats[data-v-3fe4113d] {
  display: flex;
  gap: 12px;
}
.work-card .work-info .work-meta .work-stats .work-likes[data-v-3fe4113d],
.work-card .work-info .work-meta .work-stats .work-views[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.work-card .work-info .work-meta .work-stats .work-likes svg[data-v-3fe4113d],
.work-card .work-info .work-meta .work-stats .work-views svg[data-v-3fe4113d] {
  opacity: 0.7;
}
.work-card .work-more[data-v-3fe4113d] {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
.work-card:hover .work-more[data-v-3fe4113d] {
  opacity: 1;
}
.load-more[data-v-3fe4113d] {
  text-align: center;
  padding: 20px;
}
.load-more .load-more-btn[data-v-3fe4113d] {
  padding: 10px 24px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 20px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.load-more .load-more-btn[data-v-3fe4113d]:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
}
.load-more .load-more-btn[data-v-3fe4113d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.settings-section[data-v-3fe4113d] {
  margin-bottom: 20px;
}
.settings-section .section-title[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px;
}
.settings-section .section-title .section-icon[data-v-3fe4113d] {
  font-size: 20px;
}
.settings-list[data-v-3fe4113d] {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
}
.settings-item[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: white;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s;
  width: 100%;
  text-align: left;
}
.settings-item[data-v-3fe4113d]:last-child {
  border-bottom: none;
}
.settings-item[data-v-3fe4113d]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.settings-item.logout[data-v-3fe4113d] {
  color: #ff6b6b;
}
.settings-item.logout .settings-icon[data-v-3fe4113d] {
  background: rgba(255, 107, 107, 0.2);
}
.settings-item .settings-icon[data-v-3fe4113d] {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.settings-item .settings-text[data-v-3fe4113d] {
  flex: 1;
}
.settings-item .settings-arrow[data-v-3fe4113d] {
  color: rgba(255, 255, 255, 0.3);
}
.h5-modal[data-v-3fe4113d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: fadeIn-3fe4113d 0.3s ease;
}
.h5-modal-content[data-v-3fe4113d] {
  width: 100%;
  max-width: 400px;
  background: linear-gradient(135deg, #2d2d4a 0%, #1a1a2e 100%);
  border-radius: 20px;
  overflow: hidden;
  animation: slideUp-3fe4113d 0.3s ease;
}
.h5-modal-content.work-options-modal[data-v-3fe4113d] {
  max-width: 320px;
}
.h5-modal-header[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.h5-modal-header .h5-modal-title[data-v-3fe4113d] {
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.h5-modal-header .h5-modal-close[data-v-3fe4113d] {
  width: 32px;
  height: 32px;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: all 0.3s;
}
.h5-modal-header .h5-modal-close[data-v-3fe4113d]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.h5-modal-body[data-v-3fe4113d] {
  padding: 20px;
  max-height: 60vh;
  overflow-y: auto;
}
.h5-modal-footer[data-v-3fe4113d] {
  display: flex;
  gap: 12px;
  padding: 16px 20px 24px;
}
.h5-modal-footer button[data-v-3fe4113d] {
  flex: 1;
  padding: 14px 24px;
  border: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
}
.h5-modal-footer button[data-v-3fe4113d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.change-password-form .form-item[data-v-3fe4113d] {
  margin-bottom: 16px;
}
.change-password-form .form-item[data-v-3fe4113d]:last-child {
  margin-bottom: 0;
}
.change-password-form .form-item .form-label[data-v-3fe4113d] {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  margin-bottom: 8px;
}
.change-password-form .form-item .form-input[data-v-3fe4113d] {
  width: 100%;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: white;
  font-size: 15px;
  transition: all 0.3s;
}
.change-password-form .form-item .form-input[data-v-3fe4113d]::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.change-password-form .form-item .form-input[data-v-3fe4113d]:focus {
  outline: none;
  border-color: #d4a843;
  background: rgba(255, 255, 255, 0.1);
}
.edit-profile-form .form-item[data-v-3fe4113d] {
  margin-bottom: 20px;
}
.edit-profile-form .form-item[data-v-3fe4113d]:last-child {
  margin-bottom: 0;
}
.edit-profile-form .form-item .form-label[data-v-3fe4113d] {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  margin-bottom: 8px;
}
.edit-profile-form .form-item .form-input[data-v-3fe4113d] {
  width: 100%;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: white;
  font-size: 15px;
  transition: all 0.3s;
}
.edit-profile-form .form-item .form-input[data-v-3fe4113d]::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.edit-profile-form .form-item .form-input[data-v-3fe4113d]:focus {
  outline: none;
  border-color: #d4a843;
  background: rgba(255, 255, 255, 0.1);
}
.edit-profile-form .form-item .gender-selector[data-v-3fe4113d] {
  display: flex;
  gap: 12px;
}
.edit-profile-form .form-item .gender-selector .gender-btn[data-v-3fe4113d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.edit-profile-form .form-item .gender-selector .gender-btn .gender-icon[data-v-3fe4113d] {
  font-size: 32px;
}
.edit-profile-form .form-item .gender-selector .gender-btn[data-v-3fe4113d]:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
.edit-profile-form .form-item .gender-selector .gender-btn.active[data-v-3fe4113d] {
  background: rgba(212, 168, 67, 0.15);
  border-color: #d4a843;
  color: #d4a843;
}
.coins-section[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: rgba(212, 168, 67, 0.08);
  border-radius: 12px;
  border: 1px solid rgba(212, 168, 67, 0.2);
}
.coins-section .coins-icon[data-v-3fe4113d] {
  font-size: 24px;
}
.coins-section .coins-info[data-v-3fe4113d] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.coins-section .coins-info .coins-label[data-v-3fe4113d] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  margin-bottom: 4px;
}
.coins-section .coins-info .coins-value[data-v-3fe4113d] {
  color: #d4a843;
  font-size: 20px;
  font-weight: 600;
}
.coins-section .coins-lock[data-v-3fe4113d] {
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.h5-modal-footer[data-v-3fe4113d] {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: 16px 20px 24px;
}
.h5-modal-footer .h5-btn-secondary[data-v-3fe4113d] {
  flex: 1;
  max-width: 200px;
  padding: 14px 24px;
  border: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.h5-modal-footer .h5-btn-secondary[data-v-3fe4113d]:not(:disabled):hover {
  background: rgba(255, 255, 255, 0.15);
}
.h5-modal-footer .h5-btn-secondary[data-v-3fe4113d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.h5-modal-footer .h5-btn-primary[data-v-3fe4113d] {
  flex: 1;
  max-width: 200px;
  padding: 14px 24px;
  border: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  background: linear-gradient(135deg, #d4a843 0%, #c4953a 100%);
  color: white;
}
.h5-modal-footer .h5-btn-primary[data-v-3fe4113d]:not(:disabled):hover {
  opacity: 0.9;
}
.h5-modal-footer .h5-btn-primary[data-v-3fe4113d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.work-options-list[data-v-3fe4113d] {
  padding: 8px 0;
}
.work-option-item[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: white;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s;
  width: 100%;
  text-align: left;
}
.work-option-item[data-v-3fe4113d]:last-child {
  border-bottom: none;
}
.work-option-item[data-v-3fe4113d]:hover {
  background: rgba(255, 255, 255, 0.05);
}
.work-option-item.delete[data-v-3fe4113d] {
  color: #ff6b6b;
}
.work-option-item.cancel[data-v-3fe4113d] {
  justify-content: center;
  color: rgba(255, 255, 255, 0.6);
}
.work-option-item .option-icon[data-v-3fe4113d] {
  font-size: 20px;
}
.recharge-options[data-v-3fe4113d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.recharge-option[data-v-3fe4113d] {
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid transparent;
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}
.recharge-option.active[data-v-3fe4113d] {
  border-color: #d4a843;
  background: rgba(212, 168, 67, 0.1);
}
.recharge-option .recharge-coins[data-v-3fe4113d] {
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
}
.recharge-option .recharge-price[data-v-3fe4113d] {
  color: #d4a843;
  font-size: 20px;
  font-weight: 600;
}
.recharge-option .recharge-bonus[data-v-3fe4113d] {
  color: #4ade80;
  font-size: 12px;
  margin-top: 4px;
}
@keyframes spin-3fe4113d {
to {
    transform: rotate(360deg);
}
}
@keyframes fadeIn-3fe4113d {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-3fe4113d {
from {
    transform: translateY(20px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
.loading-spinner-small[data-v-3fe4113d] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-3fe4113d 0.8s linear infinite;
}
.h5-scratch-modal[data-v-3fe4113d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 3000;
  display: flex;
  flex-direction: column;
  animation: fadeIn-3fe4113d 0.3s ease;
}
.h5-scratch-modal-content[data-v-3fe4113d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #1a1a2e;
  overflow: hidden;
}
.h5-scratch-player-wrapper[data-v-3fe4113d] {
  flex: 1;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.h5-scratch-player[data-v-3fe4113d] {
  width: 100%;
  height: 100%;
  border: none;
}
.h5-modal-description[data-v-3fe4113d] {
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  max-height: 80px;
  overflow-y: auto;
}
.h5-modal-description p[data-v-3fe4113d] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}
.h5-gamepad-controls[data-v-3fe4113d] {
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.h5-dpad[data-v-3fe4113d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.dpad-middle[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dpad-btn[data-v-3fe4113d] {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.dpad-btn[data-v-3fe4113d]:active {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(0.95);
}
.dpad-center[data-v-3fe4113d] {
  background: rgba(255, 255, 255, 0.05);
  cursor: default;
}
.dpad-center[data-v-3fe4113d]:active {
  background: rgba(255, 255, 255, 0.05);
  transform: none;
}
.h5-space-btn[data-v-3fe4113d] {
  flex: 1;
  max-width: 120px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.h5-space-btn[data-v-3fe4113d]:active {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(0.95);
}
.h5-space-btn .space-label[data-v-3fe4113d] {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.h5-modal-actions[data-v-3fe4113d] {
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: center;
}
.h5-modal-like-btn[data-v-3fe4113d] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  color: white;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.h5-modal-like-btn[data-v-3fe4113d]:active {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(0.95);
}
.h5-modal-like-btn.liked[data-v-3fe4113d] {
  background: rgba(255, 71, 87, 0.2);
  border-color: #ff4757;
  color: #ff4757;
}.error-page[data-v-6164b720] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);
  font-family: 'Comic Sans MS', cursive, sans-serif;
}
.error-content[data-v-6164b720] {
  text-align: center;
  padding: 32px;
}
.robot[data-v-6164b720] {
  position: relative;
  width: 200px;
  height: 300px;
  margin: 0 auto 32px;
  animation: float-6164b720 3s ease-in-out infinite;
}
.robot .antenna[data-v-6164b720] {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 20px;
  background: #2196f3;
  border-radius: 4px;
}
.robot .antenna[data-v-6164b720]:before {
  content: '';
  position: absolute;
  top: -8px;
  left: -4px;
  width: 16px;
  height: 16px;
  background: #f44336;
  border-radius: 50%;
  animation: blink-6164b720 1s ease-in-out infinite;
}
.robot .head[data-v-6164b720] {
  position: relative;
  width: 120px;
  height: 100px;
  margin: 0 auto;
  background: #2196f3;
  border-radius: 20px;
}
.robot .head .eyes[data-v-6164b720] {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.robot .head .eyes .eye[data-v-6164b720] {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  animation: blink-6164b720 2.5s ease-in-out infinite;
}
.robot .head .eyes .eye[data-v-6164b720]:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
}
.robot .head .mouth[data-v-6164b720] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 10px;
  background: #fff;
  border-radius: 5px;
}
.robot .body[data-v-6164b720] {
  width: 160px;
  height: 140px;
  margin: 10px auto;
  background: #2196f3;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.robot .body .error-text[data-v-6164b720] {
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 0 #1976d2;
}
.robot .arms[data-v-6164b720] {
  position: relative;
}
.robot .arms .arm[data-v-6164b720] {
  position: absolute;
  width: 30px;
  height: 80px;
  background: #2196f3;
  border-radius: 15px;
}
.robot .arms .arm.left[data-v-6164b720] {
  left: -20px;
  transform: rotate(-30deg);
  transform-origin: top;
  animation: waveLeft-6164b720 2s ease-in-out infinite;
}
.robot .arms .arm.right[data-v-6164b720] {
  right: -20px;
  transform: rotate(30deg);
  transform-origin: top;
  animation: waveRight-6164b720 2s ease-in-out infinite;
}
.error-title[data-v-6164b720] {
  font-size: 32px;
  color: #1976d2;
  margin: 0 0 16px;
  text-shadow: 1px 1px 0 #fff;
}
.error-desc[data-v-6164b720] {
  font-size: 18px;
  color: #455a64;
  margin: 0 0 32px;
}
.error-actions .t-button[data-v-6164b720] {
  margin: 0 12px;
  min-width: 140px;
}
.error-actions .t-button[data-v-6164b720]:hover {
  transform: scale(1.05);
}
@keyframes float-6164b720 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-20px);
}
}
@keyframes blink-6164b720 {
0%,
  100% {
    transform: scale(1);
}
50% {
    transform: scale(0.8);
}
}
@keyframes waveLeft-6164b720 {
0%,
  100% {
    transform: rotate(-30deg);
}
50% {
    transform: rotate(-40deg);
}
}
@keyframes waveRight-6164b720 {
0%,
  100% {
    transform: rotate(30deg);
}
50% {
    transform: rotate(40deg);
}
}
.video-component .video-list[data-v-e150d191] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
  padding: 16px 0;
}
.video-component .video-card[data-v-e150d191] {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.video-component .video-card[data-v-e150d191]:hover {
  transform: translateY(-4px);
}
.video-component .video-card:hover .play-button[data-v-e150d191] {
  opacity: 1;
}
.video-component .video-card .video-cover[data-v-e150d191] {
  position: relative;
  padding-top: 56.25%;
  background: #f5f5f5;
  overflow: hidden;
  cursor: pointer;
}
.video-component .video-card .video-cover img[data-v-e150d191] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-component .video-card .video-cover .play-button[data-v-e150d191] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s;
  cursor: pointer;
}
.video-component .video-card .video-cover .play-button .t-icon[data-v-e150d191] {
  font-size: 48px;
  color: #fff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
.video-component .video-card .video-info[data-v-e150d191] {
  padding: 16px;
  cursor: pointer;
}
.video-component .video-card .video-info h3[data-v-e150d191] {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
  color: var(--td-text-color-primary);
}
.video-component .video-card .video-info p[data-v-e150d191] {
  margin: 0;
  font-size: 14px;
  color: var(--td-text-color-secondary);
  line-height: 1.5;
}
.assessment-component[data-v-40b1af3c] .t-tabs .t-tabs__header {
  margin-bottom: 20px;
}
.assessment-component .assessment-list[data-v-40b1af3c] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}
.assessment-component .assessment-list .assessment-card .card-title[data-v-40b1af3c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.assessment-component .assessment-list .assessment-card .card-title span[data-v-40b1af3c] {
  flex: 1;
  font-weight: 600;
}
.assessment-component .assessment-list .assessment-card .card-info[data-v-40b1af3c] {
  margin: 12px 0;
}
.assessment-component .assessment-list .assessment-card .card-info .info-item[data-v-40b1af3c] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0;
  color: var(--td-text-color-secondary);
}
.assessment-component .assessment-list .assessment-card .card-info .info-item .t-icon[data-v-40b1af3c] {
  font-size: 16px;
}
.assessment-component .assessment-list .assessment-card[data-v-40b1af3c] .t-card__header {
  flex-direction: column;
}
.assessment-component .assessment-list .assessment-card[data-v-40b1af3c] .t-card__actions {
  padding-top: 7px;
  border-top: 1px solid var(--td-component-border);
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.docs-component[data-v-084fd8ab] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.docs-component .search-area[data-v-084fd8ab] .t-input {
  width: 300px;
}
.docs-component .docs-content[data-v-084fd8ab] {
  flex: 1;
  background: white;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid var(--td-component-border);
}
.docs-component .docs-grid[data-v-084fd8ab] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}
.docs-component .doc-image[data-v-084fd8ab] {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
}
.docs-component .doc-placeholder[data-v-084fd8ab] {
  width: 100%;
  height: 160px;
  background: #f0f0f0;
  border: 1px dashed #ddd;
  border-radius: 4px 4px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
}
.docs-component .doc-card[data-v-084fd8ab] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 240px;
  cursor: pointer;
}
.docs-component .doc-title[data-v-084fd8ab] {
  display: flex;
  align-items: center;
  padding: 16px;
  margin: 0;
  font-size: 16px;
  color: var(--td-text-color-primary);
}
.preview-content[data-v-084fd8ab] {
  min-height: 400px;
  padding: 20px;
}
.preview-content .preview-loading[data-v-084fd8ab] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
}
.preview-content .preview-text[data-v-084fd8ab] {
  white-space: pre-line;
  line-height: 1.6;
  color: var(--td-text-color-primary);
}