:root {
  --portal-tile-horizontal-gap: 24px;
  --portal-tile-module-horizontal-gap: 24px;
  --portal-module-content-radius: 8px;
}
:root {
  --td-brand-color: #2D68FF;
  --td-brand-color-hover: #2D68FF;
  --td-brand-color-disabled: #0052D980;
  --yb-color-brand-primary: #2D68FF;
  --yb-color-brand-disabled: #b5c7ff;
  --yb-color-brand-focus: #2D68FF;
}
@keyframes upDown {
  0%,
  100% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/** 顶部导航高度 **/
.t-form__controls .t-input__extra,
.t-form__controls.t-is-success .t-input__extra,
.t-form__controls .t-textarea__extra,
.t-form__controls.t-is-success .t-textarea__extra,
.t-form__controls .t-form-item__extra,
.t-form__controls.t-is-success .t-form-item__extra {
  color: var(--td-font-gray-3);
}
.t-form__controls.t-is-error .t-input__extra,
.t-form__controls.t-is-error .t-textarea__extra,
.t-form__controls.t-is-error .t-form-item__extra {
  color: var(--td-error-color);
}
.portal-header--with-status .portal-header__l {
  visibility: visible;
}
.portal-header {
  position: fixed;
  z-index: 20;
  width: 100%;
  height: 56px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
.portal-header::before {
  content: "";
  position: absolute;
  display: block;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.8);
  width: 101%;
  height: 101%;
  top: -0.5%;
  left: -0.5%;
  transition: all 0.4s ease;
  opacity: 0;
}
.portal-header--with-mobile-menu::before {
  background: transparent;
}
.portal-header.portal-header-massage-center-page {
  background-color: #fff;
}
.portal-header--with-status::before {
  opacity: 1;
}
.portal-header__l {
  position: relative;
  margin-left: 24px;
  display: flex;
  align-items: center;
}
.portal-header__l .portal-header-menu {
  display: flex;
  align-items: center;
  height: 56px;
  margin-bottom: 0;
}
.portal-header__l .portal-header-menu-goback {
  margin-right: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.portal-header__l .portal-header-menu .portal-header-menu-title {
  padding-left: 16px;
  font-size: 15px;
  height: 15px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  margin-right: 60px;
  position: relative;
}
.portal-header__l .portal-header-menu .portal-header-menu-title::before {
  content: "/";
  display: block;
  width: 1px;
  height: 15px;
  color: #bdbdbd;
  position: absolute;
  left: 0;
  top: 0;
}
.portal-header__l .portal-header-menu .portal-header-logo {
  display: flex;
  align-items: center;
  margin-right: 48px;
}
.portal-header__l .portal-header-menu .portal-header-logo i {
  background: url(https://cdn-portal.hunyuan.tencent.com/public/074e38834bdc4e9cf017.png) no-repeat 100% / contain;
  width: 124px;
  height: 32px;
  font-size: 0;
  display: block;
}
.portal-header__l .portal-header-menu-item {
  height: 56px;
  padding: 0 16px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  margin-right: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}
.portal-header__l .portal-header-menu-item__new-tag {
  position: absolute;
  top: 14px;
  right: -12px;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  color: #ff6755;
}
.portal-header__l .portal-header-menu-item:hover {
  color: #0052d9;
}
.portal-header__l .portal-header-menu-item--active {
  color: #0052d9;
  font-weight: 500;
}
.portal-header__l .portal-header-menu-item__arrow {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  transition: all 0.2s;
}
.portal-header__l .portal-header-menu-item__arrow path {
  stroke: currentColor;
}
.portal-header__r {
  flex-shrink: 0;
  position: relative;
  margin-right: 24px;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 14px;
}
.portal-header__r__notification {
  cursor: not-allowed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  transition: all 0.2s ease;
  position: relative;
}
.portal-header__r__notification::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 8px;
  width: 4px;
  height: 4px;
  background-color: #ec221f;
  border-radius: 50%;
}
.portal-header__r__notification img {
  width: 16px;
  height: 16px;
}
.portal-header__r__notification svg {
  width: 20px;
  height: 20px;
  color: rgba(28, 31, 35, 0.9);
}
.portal-header__r__btn {
  color: #fff;
  height: 30px;
  padding: 0 12px;
  min-width: 52px;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 52px;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
  border: none;
}
.portal-header__r__btn:hover {
  background: rgba(0, 0, 0, 0.9);
}
.portal-header__r__icon-menu {
  color: #000;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  transition: all 0.4s ease;
}
.portal-header__r__icon-menu:hover,
.portal-header__r__icon-menu--focus {
  background: rgba(0, 0, 0, 0.08);
}
.portal-header__r__icon-menu.portal-lazy-svg-tip {
  position: relative;
}
.portal-header__r__icon-menu.portal-lazy-svg-tip::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fd433b;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 0;
}
.portal-header__r__icon-menu-history {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(28, 31, 35, 0.9);
  font-size: 14px;
  cursor: not-allowed;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 400;
  line-height: 22px;
  transition: all 0.2s ease;
  background: rgba(28, 31, 35, 0.04);
}
.portal-header__r__icon-menu-history::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(https://cdn-portal.hunyuan.tencent.com/253aee09f94f6fc8835c.svg);
  background-size: contain;
}
.portal-header__r .user-avatar {
  width: 40px;
  height: 40px;
  padding: 4px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
}
.portal-header__r .user-avatar:hover {
  transform: scale(1.05);
}
.portal-header.portal-header--module-page .portal-header__l {
  margin-left: var(--portal-tile-module-horizontal-gap);
}
.portal-header.portal-header--module-page .portal-header__r {
  margin-right: var(--portal-tile-module-horizontal-gap);
}
.portal-header__dropdown {
  width: 140px;
  padding: 12px 8px;
  box-sizing: border-box;
}
.portal-header__dropdown .avatar {
  display: flex;
  align-items: center;
}
.portal-header__dropdown .avatar img {
  overflow: hidden;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  width: 32px;
  height: 32px;
  margin-right: 7px;
}
.portal-header__dropdown .avatar span {
  color: #101929;
  opacity: 0.6;
  font-size: 12px;
}
.portal-header__dropdown .divider {
  margin: 18px 0;
  border-top: 1px solid rgba(16, 25, 41, 0.1);
}
.portal-header__dropdown a {
  display: block;
  line-height: 24px;
  color: #101929;
  opacity: 0.6;
}
.portal-header__dropdown ul li {
  font-size: 15px;
  font-weight: 500;
  border-radius: 6px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}
.portal-header__dropdown ul li:hover {
  background: rgba(241, 241, 241, 0.7);
}
.portal-header__dropdown ul li .portal-lazy-svg {
  width: 16px;
  height: 16px;
}
.portal-header-submenu-item__wrapper .t-dropdown {
  padding: 16px !important;
  border: none;
  box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 6px 30px 5px rgba(0, 0, 0, 0.05);
}
.portal-header-submenu-item__wrapper .t-dropdown .t-dropdown__menu {
  padding: 0 !important;
  gap: 8px;
}
.portal-header-submenu-item__wrapper .t-dropdown .t-dropdown__menu .t-dropdown__item {
  border-radius: 4px;
}
.portal-header-submenu-item__wrapper .t-dropdown .app-code {
  background-repeat: no-repeat;
  background-size: cover;
  width: 140px;
  height: 140px;
}
.portal-header-submenu-item--text {
  height: auto !important;
  padding: 14px 12px !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.9) !important;
}
.portal-header-submenu-item--card {
  height: auto !important;
  padding: 14px 8px !important;
  box-sizing: border-box !important;
}
.portal-header-submenu-item--card .t-dropdown__item-text {
  display: flex !important;
  align-items: center !important;
}
.portal-header-submenu-item--qrcode {
  padding: 0 !important;
}
.portal-header-submenu-item__logo {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.portal-header-submenu-item__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.portal-header-submenu-item__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  gap: 4px;
}
.portal-header-submenu-item__title svg {
  opacity: 0;
  transform: translateX(-4px);
  transition: all 0.3s ease;
}
.portal-header-submenu-item:hover .portal-header-submenu-item__title svg {
  opacity: 1;
  transform: translateX(0);
}
.portal-header-submenu-item__des {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
}
.mobile-menu-trigger {
  height: 64px;
  display: flex;
  align-items: center;
}
.mobile-menu-trigger__logo {
  margin-left: 8px;
}
.mobile-menu-trigger__logo i {
  background: url(https://cdn-portal.hunyuan.tencent.com/public/074e38834bdc4e9cf017.png) no-repeat 100% / contain;
  width: 108px;
  height: 28px;
  font-size: 0;
  display: block;
}
.mobile-menu-trigger__menu {
  cursor: pointer;
  display: block;
  height: 32px;
  padding: 8px;
  width: 32px;
  box-sizing: border-box;
  position: relative;
}
.mobile-menu-trigger__menu-icon {
  top: 15px;
}
.mobile-menu-trigger__menu-icon,
.mobile-menu-trigger__menu-icon:before,
.mobile-menu-trigger__menu-icon:after {
  background: #161819;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transition: top ease 0.2s 0.2s, transform ease 0.25s;
  width: 16px;
}
.mobile-menu-trigger__menu-icon:before {
  top: -6px;
}
.mobile-menu-trigger__menu-icon:after {
  top: 6px;
}
.mobile-menu-trigger__menu--active .mobile-menu-trigger__menu-icon {
  background: transparent;
}
.mobile-menu-trigger__menu--active .mobile-menu-trigger__menu-icon:before,
.mobile-menu-trigger__menu--active .mobile-menu-trigger__menu-icon:after {
  top: 0;
  transition: top ease 0.2s, transform ease 0.2s 0.2s;
}
.mobile-menu-trigger__menu--active .mobile-menu-trigger__menu-icon:before {
  transform: rotate(45deg);
}
.mobile-menu-trigger__menu--active .mobile-menu-trigger__menu-icon:after {
  transform: rotate(-45deg);
}
.mobile-menu {
  position: fixed;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(241, 246, 249, 0.98);
  padding: 24px;
  padding-top: 72px;
  z-index: 19;
  height: 0;
  opacity: 0;
  display: none;
}
.mobile-menu-wrapper {
  position: fixed;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 19;
  background-color: rgba(0, 0, 0, 0);
  transition: background 0.2s;
  pointer-events: none;
}
.mobile-menu-wrapper--visible {
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.2);
}
.mobile-menu--visible {
  display: flex;
  height: auto;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.mobile-menu ul {
  width: 100%;
}
.mobile-menu-item {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 8px;
}
.mobile-menu-item:last-child {
  margin-bottom: 0;
}
.mobile-menu-item__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  position: relative;
}
.mobile-menu-item__title-icon {
  transform: rotateX(180deg) translateY(2px);
  transform-style: preserve-3d;
  transition: transform 0.2s ease-in-out;
}
.mobile-menu-item__title-icon--active {
  transform: rotateX(0) translateY(-2px);
}
.mobile-menu-item__menus {
  box-sizing: border-box;
  overflow: hidden;
  max-height: 0px;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mobile-menu-item__menus--visible {
  max-height: 300px;
  opacity: 1;
}
.mobile-menu-item .mobile-menu-sub-item--text {
  display: flex;
  align-items: center;
  height: 36px;
  margin: 0 16px 8px;
  padding: 0 8px;
  border-radius: 4px;
}
.mobile-menu-item .mobile-menu-sub-item--text:last-child {
  margin: 0 16px 16px;
}
.mobile-menu-item .mobile-menu-sub-item--text:active {
  background-color: #f3f3f3;
}
.mobile-menu-item .mobile-menu-sub-item--card {
  display: flex;
  align-items: center;
  height: 59px;
  padding: 2px 8px;
  margin: 0 16px 8px;
  border-radius: 4px;
  position: relative;
  z-index: 0;
  background: transparent;
}
.mobile-menu-item .mobile-menu-sub-item--card .mini-page-frame {
  opacity: 1;
  background: transparent;
}
.mobile-menu-item .mobile-menu-sub-item--card .mini-page-frame:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  background: transparent;
  z-index: -1;
}
.mobile-menu-item .mobile-menu-sub-item--card .mini-page-frame:active::before {
  background-color: #f3f3f3;
}
.mobile-menu-item .mobile-menu-sub-item--card:last-child {
  margin: 0 16px 16px;
}
.mobile-menu-item .mobile-menu-sub-item__logo {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.mobile-menu-item .mobile-menu-sub-item__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mobile-menu-item .mobile-menu-sub-item__title {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  display: flex;
  align-items: center;
}
.mobile-menu-item .mobile-menu-sub-item__title-arrow {
  width: 16px;
  height: 16px;
  margin-left: 16px;
}
.mobile-menu-item .mobile-menu-sub-item__des {
  margin-top: 2px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
}
.mobile-menu-item .mobile-menu-sub-item__content {
  font-size: 14px;
  color: #000;
}
.portal-body {
  position: relative;
  z-index: 10;
}
.loading {
  font-size: 0;
}
.loading:before {
  content: "";
  position: absolute;
  left: 25px;
  top: 8px;
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMTZBOCA4IDAgMSAxIDggMHYyYTYgNiAwIDEgMCA2IDZoMmE4IDggMCAwIDEtOCA4eiIgZmlsbD0iIzAwNkVGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  animation: spin 0.6s linear infinite;
}
.mobile-tips-dialog {
  padding-top: 24px !important;
  padding-bottom: 0 !important;
}
.mobile-tips-dialog .tips-context {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  width: 100%;
  font-size: 16px;
}
.mobile-tips-dialog .tips-context .tips-confirm {
  width: 120px;
  height: 40px;
  margin-top: 40px;
}
.mobile-jump-loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}
.mobile-jump-loading-wrapper {
  width: 146px;
  height: 110px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
}
.mobile-jump-loading-wrapper p {
  margin-top: 6px;
  font-size: 14px;
  line-height: 22px;
}
/** header隐藏，内容全屏 */
.portal-header--hide {
  display: none !important;
}
.portal-body--full > div {
  padding: 0 !important;
}

.mini-page-frame {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}
.mini-page-frame .frame-content {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.login-modal-dialog {
  --td-bg-color-container: #fff;
  --td-text-color-placeholder: var(--td-font-gray-3);
  --td-bg-color-container-select: #fff;
  --td-text-color-secondary: var(--td-font-gray-3);
  --td-text-color-primary: var(--td-font-gray-1);
}
.login-modal-dialog .t-dialog {
  padding: 0 !important;
}
.auth-login-dialog .t-dialog {
  padding-bottom: 0px;
  background-color: #fff;
  color: #000;
}
.auth-login-dialog .t-dialog .login-checkbox:not(.t-is-checked) .t-checkbox__input {
  background-color: unset;
}
.auth-login-dialog .t-dialog .t-dialog__close,
.auth-login-dialog .t-dialog .t-dialog__header,
.auth-login-dialog .t-dialog .t-checkbox__label {
  color: #000;
}
.auth-login-dialog .t-dialog .t-dialog__close:hover {
  background: rgba(0, 0, 0, 0.06);
}
.auth-login-dialog .t-dialog .login-body {
  margin-top: 24px;
}
.auth-login-dialog .t-dialog .login-body .btn-wrapper {
  display: flex;
  padding: 2px;
  margin-bottom: 24px;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: #666;
  box-sizing: border-box;
  border-radius: 4px;
  background: #F3F3F3;
}
.auth-login-dialog .t-dialog .login-body .btn-wrapper .btn-item {
  width: 50%;
  padding: 5px 12px;
  text-align: center;
  cursor: pointer;
}
.auth-login-dialog .t-dialog .login-body .btn-wrapper .btn-item.actived {
  font-weight: 500;
  color: #111;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
.auth-login-dialog .t-dialog .login-body .phone__row .pre__text {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 100%;
  padding: 0 12px;
}
.auth-login-dialog .t-dialog .login-body .phone__row .phone__input {
  width: 100%;
  box-sizing: border-box;
  margin: 0 2px;
}
.auth-login-dialog .t-dialog .login-body .phone__row .phone__input .t-input {
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}
.auth-login-dialog .t-dialog .login-body .phone__row .phone__input .t-input .t-input__prefix,
.auth-login-dialog .t-dialog .login-body .phone__row .phone__input .t-input .t-input__inner {
  color: #000 !important;
}
.auth-login-dialog .t-dialog .login-body .phone__row .phone__input .t-input input::placeholder {
  color: #ccc;
  /* 红色 */
}
.auth-login-dialog .t-dialog .login-body .phone__row .t-form__item .t-form__controls .t-input__extra {
  position: absolute;
  left: -50px;
}
.auth-login-dialog .t-dialog .login-body .verify__row {
  margin: 20px 0 32px 0;
  box-sizing: border-box;
  width: 100%;
}
.auth-login-dialog .t-dialog .login-body .verify__row__append {
  display: flex;
  align-items: center;
  height: 100%;
}
.auth-login-dialog .t-dialog .login-body .verify__row .pre__text {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  justify-content: center;
  width: 96px;
}
.auth-login-dialog .t-dialog .login-body .verify__row .phone__input {
  flex: 1;
  background-color: #f3f3f3;
  width: 100%;
  box-sizing: border-box;
  margin: 0 2px;
}
.auth-login-dialog .t-dialog .login-body .verify__row .phone__input .t-input {
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}
.auth-login-dialog .t-dialog .login-body .verify__row .phone__input .t-input .t-input__prefix,
.auth-login-dialog .t-dialog .login-body .verify__row .phone__input .t-input .t-input__inner {
  color: #000 !important;
}
.auth-login-dialog .t-dialog .login-body .verify__row .phone__input .t-input input::placeholder {
  color: #ccc;
  /* 红色 */
}
.auth-login-dialog .t-dialog .login-body .verify__row .phone__input .t-input .t-button--variant-text:hover {
  background: unset;
  border: unset;
}
.auth-login-dialog .t-dialog .login-body .verify__row .verify__row__append .pre__text {
  border: unset;
}
.auth-login-dialog .t-dialog .login-body .verify__row .t-button:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: transparent;
}
.auth-login-dialog .t-dialog .login-body .login-btn {
  border-radius: 40px;
  width: 100%;
  border: none;
  margin-bottom: 24px;
}
.auth-login-dialog .t-dialog .login-body .login-btn.t-is-disabled {
  background-color: #DCDCDC;
}
.auth-login-dialog .t-dialog .login-body .login-checkbox a {
  text-decoration: none;
}
.auth-login-dialog .t-dialog .login-body .t-form .t-form__item {
  width: 100%;
}
.bind-phone-dialog {
  --td-bg-color-container: #fff;
  --td-text-color-primary: var(--td-font-gray-1);
  --td-text-color-secondary: var(--td-font-gray-2);
}
.bind-phone-dialog .t-dialog {
  padding: 0 !important;
}
.bind-phone-dialog .hyc-login__close {
  display: none;
}
.bind-phone-dialog .hyc-login__bind-phone .hyc-login__bind-chat__skip {
  display: none;
}

@font-face {
  font-family: "iconfont";
  src: url(https://cdn-portal.hunyuan.tencent.com/5c49c546becf26ca643e.woff2?t=81f3a98269757e766ab5ab61f3aced0f); /* IE9 */
  src: url(https://cdn-portal.hunyuan.tencent.com/5c49c546becf26ca643e.woff2?t=81f3a98269757e766ab5ab61f3aced0f#iefix) format('woff2');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e002";
}
.icon-attention:before {
  content: "\e003";
}
.icon-close:before {
  content: "\e005";
}
.icon-code:before {
  content: "\e006";
}
.icon-setting:before {
  content: "\e007";
}
.icon-vs:before {
  content: "\e008";
}
.icon-copy2:before {
  content: "\e009";
}
.icon-correct:before {
  content: "\e00a";
}
.icon-consult:before {
  content: "\e00b";
}
.icon-delete:before {
  content: "\e00c";
}
.icon-edit:before {
  content: "\e00e";
}
.icon-textscan:before {
  content: "\e010";
}
.icon-expire:before {
  content: "\e011";
}
.icon-feedback:before {
  content: "\e012";
}
.icon-file:before {
  content: "\e013";
}
.icon-chat-square:before {
  content: "\e015";
}
.icon-copy:before {
  content: "\e016";
}
.icon-home:before {
  content: "\e019";
}
.icon-info:before {
  content: "\e01c";
}
.icon-instruct:before {
  content: "\e01d";
}
.icon-keyboard:before {
  content: "\e01e";
}
.icon-like:before {
  content: "\e01f";
}
.icon-line:before {
  content: "\e020";
}
.icon-menu:before {
  content: "\e022";
}
.icon-select:before {
  content: "\e024";
}
.icon-next:before {
  content: "\e025";
}
.icon-notice:before {
  content: "\e026";
}
.icon-play:before {
  content: "\e028";
}
.icon-add:before {
  content: "\e029";
}
.icon-refresh:before {
  content: "\e02a";
}
.icon-time:before {
  content: "\e031";
}
.icon-mic:before {
  content: "\e032";
}
.icon-like-active:before {
  content: "\e035";
}
.icon-arrow-down:before {
  content: "\e036";
}
.icon-arrow-left:before {
  content: "\e037";
}
.icon-dislike:before {
  content: "\e038";
}
.icon-arrow-up:before {
  content: "\e039";
}
.icon-dislike-active:before {
  content: "\e03b";
}
.icon-transfer:before {
  content: "\e03c";
}
.icon-cancel:before {
  content: "\e03d";
}
.icon-check:before {
  content: "\e03e";
}
.icon-default:before {
  content: "\e03f";
}
.icon-error:before {
  content: "\e040";
}
.icon-info-circle:before {
  content: "\e041";
}
.icon-mic-f:before {
  content: "\e042";
}
.icon-pdf:before {
  content: "\e043";
}
.icon-question:before {
  content: "\e044";
}
.icon-success:before {
  content: "\e045";
}
.icon-touzi:before {
  content: "\e046";
}
.icon-warning:before {
  content: "\e047";
}
.icon-warning1:before {
  content: "\e048";
}
.icon-helper:before {
  content: "\e04a";
}
.icon-lock:before {
  content: "\e04f";
}
.icon-search:before {
  content: "\e050";
}
.icon-stop:before {
  content: "\e051";
}
.icon-simple-instruct:before {
  content: "\e052";
}
.icon-more:before {
  content: "\e056";
}
.icon-pre:before {
  content: "\e057";
}
.icon-complete-instruct:before {
  content: "\e058";
}
.icon-error2:before {
  content: "\e059";
}
.icon-privacy:before {
  content: "\e05a";
}
.icon-protocol1:before {
  content: "\e05b";
}
.icon-version:before {
  content: "\e05c";
}
.icon-thumb:before {
  content: "\e05d";
}
.icon-pause:before {
  content: "\e05e";
}
.icon-send:before {
  content: "\e05f";
}
.icon-image:before {
  content: "\e060";
}
.icon-chat:before {
  content: "\e061";
}
.icon-inspiration:before {
  content: "\e062";
}
.icon-smile:before {
  content: "\e064";
}
.icon-share:before {
  content: "\e065";
}
.icon-history:before {
  content: "\e067";
}
.icon-sort:before {
  content: "\e06a";
}
.icon-download:before {
  content: "\e06e";
}
.icon-add-image-1:before {
  content: "\e06f";
}
.icon-edit-image-1:before {
  content: "\e070";
}
.icon-del:before {
  content: "\e072";
}
.icon-light:before {
  content: "\e073";
}
.icon-mountain:before {
  content: "\e075";
}
.icon-set:before {
  content: "\e077";
}
.icon-voice-play:before {
  content: "\e07b";
}
.icon-star:before {
  content: "\e07d";
}
.icon-my:before {
  content: "\e081";
}
.icon-swap:before {
  content: "\e083";
}
.icon-Vector5:before {
  content: "\e084";
}
.icon-image-error:before {
  content: "\e085";
}
.icon-time-filled:before {
  content: "\e087";
}
.icon-model:before {
  content: "\e088";
}
.icon-phone:before {
  content: "\e089";
}
.icon-evaluate:before {
  content: "\e08a";
}
.icon-refresh2:before {
  content: "\e08b";
}
.icon-dot:before {
  content: "\e08c";
}
.icon-func:before {
  content: "\e08d";
}
.icon-style:before {
  content: "\e08f";
}
.icon-none:before {
  content: "\e090";
}
.icon-template:before {
  content: "\e091";
}
.icon-me:before {
  content: "\e092";
}
.icon-upload2:before {
  content: "\e096";
}
.icon-upload:before {
  content: "\e097";
}
.icon-chajian:before {
  content: "\e099";
}
.icon-folder:before {
  content: "\e09a";
}
.icon-xiaochengxuma:before {
  content: "\e09e";
}
.icon-upload3:before {
  content: "\e0a0";
}
.icon-camera:before {
  content: "\e0a1";
}
.icon-volume_up:before {
  content: "\e0a2";
}
.icon-volume_off:before {
  content: "\e0a3";
}
.icon-btn1:before {
  content: "\e0a8";
}
.icon-link:before {
  content: "\e0a9";
}
.icon-draw_switch:before {
  content: "\e0b1";
}
.icon-paraphrase:before {
  content: "\e0b2";
}
.icon-art_style:before {
  content: "\e0b3";
}
.icon-proportion:before {
  content: "\e0b4";
}
.icon-resolution:before {
  content: "\e0b5";
}
.icon-lianjie:before {
  content: "\e0b6";
}
.icon-share_pin:before {
  content: "\e0b7";
}
.icon-ai_beauty:before {
  content: "\e0b8";
}
.icon-speaker:before {
  content: "\e0b9";
}
.icon-shezhi:before {
  content: "\e0bd";
}
.icon-up_ed:before {
  content: "\e0c0";
}
.icon-up:before {
  content: "\e0c1";
}
.icon-up_cancle:before {
  content: "\e0c2";
}
.icon-arrow:before {
  content: "\e0c7";
}



.hyc-page-tools-customizeHeaders__item {
  position: relative;
  padding: 32px;
  padding-left: 16px;
  margin-bottom: 24px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.hyc-page-tools-customizeHeaders__item__close.t-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: transparent;
  transition: none;
  z-index: 1;
}
.hyc-page-tools-customizeHeaders__item__close.t-button .t-ripple {
  display: none;
}
.hyc-page-tools-customizeHeaders__item__close.t-button:hover {
  background: transparent;
  box-shadow: none;
  border: none;
  color: var(--td-brand-color);
}
.lane-change {
  position: relative;
}
.hyc-page-tools-pop {
  position: fixed;
  text-align: center;
  transition: 0.3s;
}
.hyc-page-tools-pop .hyc-page-tools-btn.t-button {
  width: 36px;
  height: 36px;
  padding: 0;
  border-width: 2px;
  border-radius: 18px;
  font-size: 15px;
  font-weight: normal;
}
.hyc-page-tools-pop .hyc-page-tools-btn.t-button:hover {
  width: 100px;
  border-radius: 18px;
}
.hyc-page-tools-pop .hyc-page-tools-btn.t-button:hover .t-icon + .t-button__text:not(:empty) {
  width: 4em;
  margin-left: 4px;
}
.hyc-page-tools-pop .hyc-page-tools-btn.t-button .t-icon + .t-button__text:not(:empty) {
  width: 0;
  overflow: hidden;
  margin-left: 0;
  transition: width 0.2s linear, margin-left 0.2s linear;
}
.hyc-page-tools-drawer.t-drawer .t-drawer__body {
  padding: 0;
  overflow: hidden;
}
.hyc-page-tools-drawer__header {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hyc-page-tools-drawer__header .t-ripple {
  display: none;
}
.hyc-page-tools-tabs.t-tabs {
  display: flex;
  flex-direction: column;
  height: calc(100%);
}
.hyc-page-tools-tabs.t-tabs .t-tabs__content {
  flex: 1;
  overflow: hidden auto;
}
.hyc-page-tools-tabs.t-tabs .t-tabs__content .t-tab-panel {
  padding: 16px;
}

:root {
  --portal-tile-horizontal-gap: 24px;
  --portal-tile-module-horizontal-gap: 24px;
  --portal-module-content-radius: 8px;
}
:root {
  --td-brand-color: #2D68FF;
  --td-brand-color-hover: #2D68FF;
  --td-brand-color-disabled: #0052D980;
  --yb-color-brand-primary: #2D68FF;
  --yb-color-brand-disabled: #b5c7ff;
  --yb-color-brand-focus: #2D68FF;
}
@keyframes upDown {
  0%,
  100% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/** 顶部导航高度 **/
.t-form__controls .t-input__extra,
.t-form__controls.t-is-success .t-input__extra,
.t-form__controls .t-textarea__extra,
.t-form__controls.t-is-success .t-textarea__extra,
.t-form__controls .t-form-item__extra,
.t-form__controls.t-is-success .t-form-item__extra {
  color: var(--td-font-gray-3);
}
.t-form__controls.t-is-error .t-input__extra,
.t-form__controls.t-is-error .t-textarea__extra,
.t-form__controls.t-is-error .t-form-item__extra {
  color: var(--td-error-color);
}
.massage-center-module {
  padding: 64px 0 0;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
  background: #F0F6F9;
}
.massage-center-module .massage-center-module-main {
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  padding: 0 var(--portal-tile-horizontal-gap) 30px;
}
.massage-center-module .massage-center-module-main .return-last-page {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  margin: 24px 0;
  cursor: pointer;
}
.massage-center-module .massage-center-module-main .return-last-page .return-last-page-icon {
  padding: 4px;
}
.massage-center-module .massage-center-module-main .return-last-page .return-last-page-icon:hover {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.massage-center-module .massage-center-module-main .massage-center-title {
  color: #0D192A;
  font-size: 42px;
  font-weight: 400;
  margin: 24px 0;
  line-height: 64px;
}
.massage-center-module .massage-center-module-main .massage-center-item {
  cursor: pointer;
  padding: 24px 24px;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  margin-bottom: 16px;
}
.massage-center-module .massage-center-module-main .massage-center-item .item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.massage-center-module .massage-center-module-main .massage-center-item .item-title {
  display: flex;
  align-items: center;
  gap: 16px;
}
.massage-center-module .massage-center-module-main .massage-center-item .massage-center-type-module-type {
  box-sizing: border-box;
  padding: 4px 6px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #0052D9;
  background-color: #ECF2FE;
  white-space: nowrap;
}
.massage-center-module .massage-center-module-main .massage-center-item .massage-center-type-module-type-tip {
  position: relative;
}
.massage-center-module .massage-center-module-main .massage-center-item .massage-center-type-module-type-tip::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FD433B;
  top: 10px;
  left: -16px;
}
.massage-center-module .massage-center-module-main .massage-center-item-content {
  flex: 1;
  line-height: 22px;
  white-space: pre-wrap;
  word-break: break-all;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
.massage-center-module .massage-center-module-main .massage-center-item-content .content-title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.massage-center-module .massage-center-module-main .massage-center-item-content .hidden-btn {
  cursor: pointer;
  color: #0052D9;
}
.massage-center-module .massage-center-module-main .massage-center-item-update-time {
  width: 152px;
  padding-left: 40px;
  color: #8E8E8E;
  font-size: 12px;
  text-align: right;
}
@media screen and (max-width: 768Px) {
  .massage-center-title {
    font-size: 28px !important;
  }
  .massage-center-item {
    flex-direction: column;
    gap: 8px;
  }
  .massage-center-item .item-title {
    flex-direction: column;
    align-items: start !important;
    gap: 2px !important;
  }
  .massage-center-item-tip {
    margin-right: 0;
  }
  .massage-center-item-update-time {
    padding-left: 0 !important;
  }
  .massage-center-item .massage-center-item-update-time {
    text-align: left !important;
  }
}

.portal-lazy-svg {
  display: inline-block;
  font-size: 0;
}

:root {
  --portal-tile-horizontal-gap: 24px;
  --portal-tile-module-horizontal-gap: 24px;
  --portal-module-content-radius: 8px;
}
:root {
  --td-brand-color: #2D68FF;
  --td-brand-color-hover: #2D68FF;
  --td-brand-color-disabled: #0052D980;
  --yb-color-brand-primary: #2D68FF;
  --yb-color-brand-disabled: #b5c7ff;
  --yb-color-brand-focus: #2D68FF;
}
@keyframes upDown {
  0%,
  100% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/** 顶部导航高度 **/
.t-form__controls .t-input__extra,
.t-form__controls.t-is-success .t-input__extra,
.t-form__controls .t-textarea__extra,
.t-form__controls.t-is-success .t-textarea__extra,
.t-form__controls .t-form-item__extra,
.t-form__controls.t-is-success .t-form-item__extra {
  color: var(--td-font-gray-3);
}
.t-form__controls.t-is-error .t-input__extra,
.t-form__controls.t-is-error .t-textarea__extra,
.t-form__controls.t-is-error .t-form-item__extra {
  color: var(--td-error-color);
}
.cssModuleExample::before {
  border: 1px solid red;
  content: "I am a css module example...";
}
.portal-home__video {
  top: 100px;
  width: 100%;
  height: 600vh;
}
.portal-home__video__v {
  position: sticky;
  z-index: 1;
  top: 56px;
  width: 100%;
  height: 100vh;
}
.portal-home__video__t {
  position: sticky;
  top: 56px;
  height: 200vh;
}
.portal-home__video__c {
  position: sticky;
  top: 56px;
  width: 100%;
  height: 100vh;
}
#app .yb-chate-list-demo {
  height: 100vh;
  overflow: hidden;
}
.hyc-component-image-group-list {
  border-radius: 12px;
  overflow: hidden;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(2, minmax(100px, 216px));
  position: relative;
  width: fit-content;
}
.hyc-component-image-group-list .hyc-content-img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 216px;
  pointer-events: none;
}
.hyc-image-group-flex__list .hyc-content-img {
  pointer-events: none;
}
.agent-dialogue__content-copyright {
  background: #fff;
}
.agent-dialogue__content--common__header {
  display: none !important;
}
.goodcase-model-name {
  font-weight: 700;
  color: #000;
  background: #f4f4f5;
  padding: 3px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #d4d4d8;
  font-style: normal !important;
  font-size: 14px !important;
}
.goodcase-model-name::after {
  content: "↗";
}

.all-chatlist-wrapper {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.all-chatlist-wrapper .chat-page-wrapper {
  flex: 1;
  height: calc(100vh - 50px);
  display: flex;
}
.all-chatlist-wrapper .chat-page-wrapper .SplitPane {
  height: calc(100vh - 50px) !important;
}
.all-chatlist-wrapper .chat-list-page-wrapper {
  flex: 1;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.all-chatlist-wrapper .model-desc-wrapper {
  flex-shrink: 0;
  padding-top: 55px;
  padding-bottom: 6px;
}
.all-chatlist-wrapper .model-desc-wrapper .model-list {
  position: relative;
  height: 100%;
}
.chat-page-resizer > :nth-child(2):hover {
  background: unset !important;
  opacity: 0 !important;
}
.chat-page-wrapper-hide-resize .chat-page-resizer > :nth-child(2) {
  display: none;
}
.chat-page-wrapper-hide-resize .chat-page-resizer > :nth-child(2):hover {
  background: unset;
  opacity: 0;
}
.chat-page-header {
  display: flex;
  justify-content: center;
  padding-top: 64px;
}
.chat-page-header .chat-page-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 802px;
  width: 100%;
  padding: 16px 0;
  margin: 0 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
.chat-page-header .chat-page-header-content .chat-page-header-left {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}
.chat-page-header .chat-page-header-content .chat-page-header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.chat-page-header .chat-page-header-content .chat-page-header-right .split {
  color: #e6e6e6;
  font-size: 12px;
}
.chat-page-header .chat-page-header-content .chat-page-header-right .api-link {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.chat-page-header .chat-page-header-content .chat-page-header-right .api-link span {
  margin-left: 6px;
}
.chat-page-header .chat-page-header-content .chat-page-header-right .api-link.disabled {
  color: rgba(0, 0, 0, 0.26);
  cursor: not-allowed;
}
.chat-page-header .chat-page-header-content .chat-page-header-right .api-link.disabled svg path {
  fill: rgba(0, 0, 0, 0.26);
}
.chat-page-header .chat-page-header-content .chat-page-header-right .model-detail-entry {
  display: flex;
  align-items: center;
  gap: 8px;
}
.agent-dialogue {
  height: calc(100% - 118px);
  display: flex;
  box-sizing: border-box;
}

.evt-mobile-dialog .t-dialog {
  padding: 28px 12px 24px;
}
.evt-mobile-dialog .t-dialog .t-dialog__header {
  font-size: 14px;
  line-height: 24px;
}
.evt-mobile-dialog .t-dialog .t-dialog__header-content {
  justify-content: center;
}
.evt-mobile-dialog .t-dialog .t-dialog__body {
  padding-top: 8px;
  padding-bottom: 0;
}
.evt-mobile-dialog--content {
  text-align: center;
}
.evt-mobile-dialog--footer {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.evt-mobile-dialog--btn {
  border-width: 0;
  padding: 0;
  margin: 0;
  display: flex;
  width: 138px;
  height: 40px;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  background-color: #f3f3f3;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
}
.evt-mobile-dialog--btn:active {
  opacity: 0.6;
  outline: none;
}
.evt-mobile-dialog--btn__submit {
  background-color: #20C57D;
  color: #fff;
}
.evt-mobile-dialog.error .evt-mobile-dialog--btn__submit {
  background-color: #fa5151;
}
.evt-mobile-dialog.confirm .evt-mobile-dialog--btn__submit {
  background-color: #3377e8;
}

/**
 * @file style.less
 * @author markJia(markjia@tencent.com)
 */
.arQkchSlr7K550luQr6X {
  position: relative;
  z-index: 3;
  flex: auto;
  padding: 0 12px 12px;
  box-sizing: border-box;
  background: #fff;
  backdrop-filter: blur(0);
  font-size: 14px;
  caret-color: #2d68ff;
  border-radius: 12px;
  gap: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  /* theme Start */
  /* theme End */
}
.arQkchSlr7K550luQr6X:hover {
  border-color: #d9d9d9;
}
.zIFmJPzkNYU_Zz6DkeYg .ql-editor {
  position: relative;
}
.zIFmJPzkNYU_Zz6DkeYg .Piv6C8hT4ITYRzsMwHZg {
  flex-direction: column;
  gap: 0;
}
.zIFmJPzkNYU_Zz6DkeYg .mIVbzCmFHujt2ajkJPg5 {
  justify-content: space-between;
  width: 100%;
  margin-top: 12px;
}
.zIFmJPzkNYU_Zz6DkeYg .mIVbzCmFHujt2ajkJPg5 .HzmE4arAdbTpovFOGQhl {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.zIFmJPzkNYU_Zz6DkeYg .mIVbzCmFHujt2ajkJPg5 .HzmE4arAdbTpovFOGQhl::-webkit-scrollbar {
  display: none;
}
.sXQsHui7yD0iKcXkFvfp {
  border-color: #d6d7dc !important;
}
.sXQsHui7yD0iKcXkFvfp::before {
  background: #d6d7dc !important;
}
.j0sl2JQL7236ss9ctYHx {
  position: absolute;
  cursor: not-allowed;
  z-index: 20;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 11px;
  background: rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}
.abDa5C5xBa9mbidNdx7D {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 40px;
  background: linear-gradient(to bottom, transparent, #fff 80%);
  pointer-events: none;
  display: none;
}
.Piv6C8hT4ITYRzsMwHZg {
  display: flex;
  gap: 4px;
  padding-top: 12px;
  box-sizing: border-box;
}
.xLLBtJyvjNmCn9Yjpgq0 {
  flex: 1;
  display: flex;
}
.cMnbTO822jYMzQJdZ9ah:after {
  content: " ";
  display: block;
  height: 72px;
}
.cMnbTO822jYMzQJdZ9ah .gIdA6YEHaOaQQLeT9cUW {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: auto !important;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 20;
}
.cMnbTO822jYMzQJdZ9ah .gIdA6YEHaOaQQLeT9cUW .chat-input-editor {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 59px;
  padding: 16px 16px 0 16px;
  box-sizing: border-box;
  height: calc(40vh - 16px);
  background-color: #fff;
  border-radius: 8px 8px 0 0;
}
.cMnbTO822jYMzQJdZ9ah .gIdA6YEHaOaQQLeT9cUW .rJ6l64yi97kuYd28ADkj {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 12px 24px 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #fff;
}
.cMnbTO822jYMzQJdZ9ah .gIdA6YEHaOaQQLeT9cUW .ObF86h5BHvjQ13hKObm9 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #f3f3f3;
  color: rgba(0, 0, 0, 0.6);
}
.YNEweyzChQzLDiuNbs8N {
  min-height: 48px;
}
.mIVbzCmFHujt2ajkJPg5 {
  align-self: end;
  display: flex;
  align-items: center;
}
.mIVbzCmFHujt2ajkJPg5 .y31evugq6JZvXCYncDZA {
  color: #fff;
}
.mIVbzCmFHujt2ajkJPg5 .vuVUNYn61nb0LnuA9bU1 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(to right, #b5f3db, #baf0f4);
  cursor: not-allowed;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}
.arQkchSlr7K550luQr6X.UKDIYy2vvJSF5RdZZmLw {
  cursor: not-allowed;
  background-color: #f6f7f8;
  color: #000000;
  border: unset;
}
.arQkchSlr7K550luQr6X.UKDIYy2vvJSF5RdZZmLw .hrfRyfP7E0twQmkS2H05 {
  cursor: not-allowed;
}
.czDoT3g9iGI2Lj6QJ1gd {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.llHx20Auyn6b604HkKA1 {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 4px;
  height: 24px;
  border-bottom: none;
  cursor: pointer;
}
.gIdA6YEHaOaQQLeT9cUW {
  vertical-align: middle;
  flex: auto;
  word-break: break-all;
  font-family: system-ui, -apple-system;
  height: 72px;
  font-size: 16px;
  line-height: 24px;
  color: transparent;
  user-select: none;
  white-space: pre-line;
  position: relative;
}
._0mSgElWeVxSNnax3nD98 {
  overflow-x: hidden;
  overflow-y: auto;
}
._0mSgElWeVxSNnax3nD98 .ql-editor.ql-blank::before {
  left: 3px !important;
}
._0mSgElWeVxSNnax3nD98::-webkit-scrollbar {
  width: 4px;
  height: 6px;
  cursor: pointer;
}
._0mSgElWeVxSNnax3nD98::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #5d5e5f;
  cursor: pointer;
}
.TkvtofE1EIO_DBkE29T0 {
  background-color: #fafafb;
}
.arQkchSlr7K550luQr6X .ZLJWpdhzsM_Bz1fjHHl7 {
  position: relative;
  flex: none;
  color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  cursor: pointer;
  z-index: 1;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.arQkchSlr7K550luQr6X .ZLJWpdhzsM_Bz1fjHHl7:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: -1;
  border-radius: 20px;
  transition: transform 0.5s linear;
}
.arQkchSlr7K550luQr6X .ZLJWpdhzsM_Bz1fjHHl7:hover::before {
  transform: rotate(180deg);
}
.arQkchSlr7K550luQr6X .ZLJWpdhzsM_Bz1fjHHl7:before {
  background: var(--yb-color-brand-primary-v0);
}
.arQkchSlr7K550luQr6X .ZLJWpdhzsM_Bz1fjHHl7 .iconfont {
  font-size: 14px !important;
}
.arQkchSlr7K550luQr6X .QPNtIRHAgfPLK0Y7Z6y4 {
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-left: 5px;
}
.UwMBRCkW_239xhYxni_z.Lj4hNuRM6VQ5lEApHHtE:before {
  border-radius: 11px;
}
.UwMBRCkW_239xhYxni_z.Lj4hNuRM6VQ5lEApHHtE:after {
  border-radius: 10px;
}
.UwMBRCkW_239xhYxni_z.Z4FfSJElEYuxIzE53l4l {
  margin-bottom: 74px;
}
.UwMBRCkW_239xhYxni_z.Z4FfSJElEYuxIzE53l4l .llHx20Auyn6b604HkKA1 {
  opacity: 1;
  pointer-events: all;
}
.UwMBRCkW_239xhYxni_z .abDa5C5xBa9mbidNdx7D {
  right: -36px;
}
.UwMBRCkW_239xhYxni_z .gIdA6YEHaOaQQLeT9cUW {
  height: fit-content;
}
.UwMBRCkW_239xhYxni_z .gIdA6YEHaOaQQLeT9cUW .ql-editor {
  min-height: 24px !important;
  max-height: 72px !important;
}
.UwMBRCkW_239xhYxni_z .cMnbTO822jYMzQJdZ9ah .gIdA6YEHaOaQQLeT9cUW .ql-editor {
  max-height: 999px !important;
}
.UwMBRCkW_239xhYxni_z .cMnbTO822jYMzQJdZ9ah .gIdA6YEHaOaQQLeT9cUW .ql-editor.ql-blank:before {
  left: 16px !important;
}
.UwMBRCkW_239xhYxni_z .ULPePGglbhXbZMY8PKuU {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #f3f3f3;
  color: rgba(0, 0, 0, 0.6);
}
.u6r9BA1hB1umAmHv3PP_ {
  width: 24px;
  min-height: 24px;
  position: relative;
}
.GdQBUs6jh3YiiDPqPHcs {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 24px;
  color: rgba(0, 0, 0, 0.9);
  display: none;
}
.UwMBRCkW_239xhYxni_z .S9IMXyvdz4yy1zeLZ5OQ,
.UwMBRCkW_239xhYxni_z .mCGFip7gah7jW9S_FegA {
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
}
.UwMBRCkW_239xhYxni_z .S9IMXyvdz4yy1zeLZ5OQ {
  margin-left: 6px;
}
.PDaV5lr76AvY7YLrBMCg {
  padding: 12px;
}
.PDaV5lr76AvY7YLrBMCg .abDa5C5xBa9mbidNdx7D {
  background: linear-gradient(to bottom, transparent, #f3f3f3 80%);
  display: none;
}
.PDaV5lr76AvY7YLrBMCg .Piv6C8hT4ITYRzsMwHZg {
  padding-top: 0;
  flex-wrap: wrap;
}
.PDaV5lr76AvY7YLrBMCg .xLLBtJyvjNmCn9Yjpgq0 {
  flex: auto;
}
.PDaV5lr76AvY7YLrBMCg .mIVbzCmFHujt2ajkJPg5 {
  align-self: auto;
  display: flex;
  align-items: flex-end;
  margin-left: auto;
}
.PDaV5lr76AvY7YLrBMCg .gIdA6YEHaOaQQLeT9cUW {
  height: auto;
  min-height: 48px;
}
.PDaV5lr76AvY7YLrBMCg .k5HI048HYA6kWywnsw1i {
  opacity: 1;
  width: 100%;
  flex: 1;
  min-width: 0;
}
.PDaV5lr76AvY7YLrBMCg .k5HI048HYA6kWywnsw1i .input-file-list-multiple {
  margin-top: -5px;
  margin-bottom: 12px;
}
.PDaV5lr76AvY7YLrBMCg .k5HI048HYA6kWywnsw1i .input-file-list-multiple.input-file-list-empty {
  margin-top: 0;
  margin-bottom: 0;
}
.PDaV5lr76AvY7YLrBMCg .k5HI048HYA6kWywnsw1i .input-file-list-multiple .input-file-list__swiper-item--image {
  padding-top: 5px;
}
.PDaV5lr76AvY7YLrBMCg.d6ExwDUWlQWlk5mlSizT .mIVbzCmFHujt2ajkJPg5 {
  width: 100%;
  gap: 6px;
}
.PDaV5lr76AvY7YLrBMCg.d6ExwDUWlQWlk5mlSizT .mIVbzCmFHujt2ajkJPg5 .swiper {
  padding-top: 4px;
}
.opcZpGSKpF3CqWQpwkDS .xLLBtJyvjNmCn9Yjpgq0 {
  display: none;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z {
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.55) inset;
  color: #fff;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z::before,
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z::after {
  display: none !important;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z.s7qfdNwYkzK00IqNkDnW {
  margin-right: 0 !important;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z.s7qfdNwYkzK00IqNkDnW .ZLJWpdhzsM_Bz1fjHHl7 {
  display: none;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z.Lj4hNuRM6VQ5lEApHHtE {
  box-shadow: 0 0 0 1px #fff inset;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z.Lj4hNuRM6VQ5lEApHHtE::before,
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z.Lj4hNuRM6VQ5lEApHHtE::after {
  display: none;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z .gIdA6YEHaOaQQLeT9cUW .ql-editor {
  color: #fff;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z .gIdA6YEHaOaQQLeT9cUW .ql-editor::before {
  color: rgba(255, 255, 255, 0.55);
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z .GdQBUs6jh3YiiDPqPHcs {
  display: flex;
  color: #fff;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z.opcZpGSKpF3CqWQpwkDS {
  margin-right: 0 !important;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z.opcZpGSKpF3CqWQpwkDS .ZLJWpdhzsM_Bz1fjHHl7 {
  display: none;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z.F8gZqP4c25E80cz3BHqD .ZLJWpdhzsM_Bz1fjHHl7 {
  display: flex !important;
}
.MhtjdTlGaerU2afGR11P.UwMBRCkW_239xhYxni_z .mIVbzCmFHujt2ajkJPg5 {
  margin-bottom: 0 !important;
}
.arQkchSlr7K550luQr6X .cMnbTO822jYMzQJdZ9ah .gIdA6YEHaOaQQLeT9cUW .ql-editor {
  color: rgba(0, 0, 0, 0.9);
}
.bqZCMH6Ywb7euqYZTHpf {
  margin-bottom: 16px;
  width: 100%;
  overflow: auto;
}
.bqZCMH6Ywb7euqYZTHpf ul {
  display: flex;
  width: max-content;
}
.bqZCMH6Ywb7euqYZTHpf ul li {
  padding: 9px 12px;
  margin-right: 8px;
  border-radius: 8px;
  background-color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 18px;
}
.nC8CyCU72c4LnJSAvekD {
  margin-left: 4px;
}
.ZLJWpdhzsM_Bz1fjHHl7 {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.ZLJWpdhzsM_Bz1fjHHl7:before {
  background: #2d68ff !important;
}
.ZLJWpdhzsM_Bz1fjHHl7 .iconfont {
  font-size: 14px !important;
}
.D5CwrFqcIji8gabPiqR3,
.D5CwrFqcIji8gabPiqR3:hover {
  cursor: not-allowed;
  box-shadow: none;
}
.D5CwrFqcIji8gabPiqR3::before,
.D5CwrFqcIji8gabPiqR3:hover::before {
  opacity: 0.3;
  transform: none;
  background: #1a1a1a !important;
}
@keyframes oyHbM7nBxag74d8wT_4Q {
  99% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
.BvRqCizCTjEuaCS8khAq {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  z-index: 2;
  color: var(--yb-input-btn-color);
}
.jUAb_qofDbUaZA6N_SjS::after {
  content: " ";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.pSjsrfVmJnVKmjjblE9S {
  position: absolute;
  top: 0;
  left: 8px;
  line-height: 1.42;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.4);
}
.LyqJ_cqG_WYe8LqC9bf5 {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #bdbdbd;
  margin-left: -4px;
  transition: 0.2s;
}
.LyqJ_cqG_WYe8LqC9bf5.vicWv2LRqgN6dHjyNVd3 {
  background-color: var(--yb-color-brand-primary);
}
.zveOWGgOXUk8h902cjwT {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #d9d9d9;
}
.zveOWGgOXUk8h902cjwT.vicWv2LRqgN6dHjyNVd3 {
  background-color: var(--yb-color-brand-primary);
}
.S9IMXyvdz4yy1zeLZ5OQ {
  padding-left: 8px;
  padding-right: 8px;
  font-weight: bolder;
  height: 32px;
  flex-shrink: 0;
  margin-left: 10px;
  transition: 0.2s;
}
@media (any-hover: hover) {
  .S9IMXyvdz4yy1zeLZ5OQ:hover {
    background-color: #f8f8f8;
    border-color: var(--yb-color-divider-primary);
  }
}
@media (any-hover: none) {
  .S9IMXyvdz4yy1zeLZ5OQ:hover {
    background-color: #fff;
    border-color: var(--yb-color-divider-primary);
  }
}
.S9IMXyvdz4yy1zeLZ5OQ.vicWv2LRqgN6dHjyNVd3 {
  color: #20c57d;
}
.S9IMXyvdz4yy1zeLZ5OQ.vicWv2LRqgN6dHjyNVd3 .v0gAYMQSFKA6pZl3NWqa {
  filter: invert(55%) sepia(98%) saturate(365%) hue-rotate(102deg) brightness(95%) contrast(87%);
}
.S9IMXyvdz4yy1zeLZ5OQ.t-is-disabled .v0gAYMQSFKA6pZl3NWqa {
  opacity: 0.27;
}
.S9IMXyvdz4yy1zeLZ5OQ .t-button__text {
  align-items: center;
}
.S9IMXyvdz4yy1zeLZ5OQ.t-is-disabled .v0gAYMQSFKA6pZl3NWqa {
  opacity: 0.27;
}
.v0gAYMQSFKA6pZl3NWqa {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  transition: 0.2s;
}
.mCGFip7gah7jW9S_FegA {
  padding-left: 8px;
  padding-right: 8px;
  border-color: #f3f3f3;
  background-color: #f3f3f3;
  font-weight: 500;
}
.mCGFip7gah7jW9S_FegA:hover {
  border-color: #e8e8e8;
  background-color: #e8e8e8;
}
.mCGFip7gah7jW9S_FegA .iconfont {
  transform: rotate(90deg);
  transition: transform 0.2s ease-out;
  margin-left: -2px;
}
.mCGFip7gah7jW9S_FegA.t-popup-open .iconfont {
  transform: rotate(-90deg);
}
.fj17FOpT7mfO2_3wF8eL {
  display: flex;
  flex-direction: column;
  width: 200px;
  padding: 12px;
  border-radius: 12px;
}
.zxrnsE6Tx5bP1XTmAVam {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 16px;
}
.fOCHGcjiTvnuGK6wev_9 {
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.xrO3oNE9LZd7dmN1wOPK {
  width: fit-content;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  padding: 4px 12px;
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
}
.zatOyLFeedDiDewNAyvT {
  position: relative;
}
.web-dev-btn {
  height: 32px !important;
  border-radius: 8px;
  padding: 0 8px;
  border-color: #e6e6e6 !important;
  cursor: not-allowed;
}
.web-dev-btn:hover {
  background-color: #f3f3f3 !important;
}
.web-dev-btn .t-button__text {
  display: flex;
  align-items: center;
  font-weight: 500;
  user-select: none;
  gap: 4px;
  color: #2d68ff;
}
.chat-input-loadingbox {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
}
.chat-input-loadingbox .loadingbox__icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  overflow: hidden;
}
.chat-input-loadingbox .loadingbox__icon .t-loading {
  display: flex;
  width: 18px;
  height: 18px;
}
.chat-input-loadingbox .loadingbox__text {
  font-size: 14px;
  color: #a6a6a6;
  line-height: 20px;
}
.t-dropdown {
  padding: 4px;
}
.t-dropdown .t-dropdown__item {
  background-color: transparent;
}
.t-dropdown .t-dropdown__item:hover {
  background-color: #f5f5f5;
  border-radius: 8px;
}
.t-dropdown__item-text .drop-down-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.t-dropdown__item-text .drop-down-item__name {
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}
.t-dropdown__item-text .drop-down-item__desc {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.t-dropdown__item-text .drop-down-item__icon {
  color: rgba(0, 0, 0, 0.9);
}
.t-ripple {
  display: none;
}
.t-popup[data-popper-placement="top-start"] .t-popup__arrow {
  left: 30px;
}
.t-tooltip .t-popup__content {
  border-radius: 8px;
}
.srn2rmGhZcz7sKtlO5An {
  position: relative;
  display: flex;
  align-items: center;
}
.V76koQskRYO_DNdwpTqX {
  max-height: 300px;
  overflow-y: auto;
  max-width: 350px;
  position: absolute;
  z-index: 9999;
  left: 24px;
  top: calc(100vh - 80px);
  opacity: 0;
  transform: translateY(-80%);
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
  background-color: #fff;
  border-radius: 6px;
  border: 0.5px solid #dddddd;
  padding: 4px;
}
.V76koQskRYO_DNdwpTqX.active,
.V76koQskRYO_DNdwpTqX.before-hide {
  opacity: 1;
  transform: translateY(-100%);
}
.V76koQskRYO_DNdwpTqX .t-dropdown__item:hover > div > div {
  display: block;
}
.V76koQskRYO_DNdwpTqX .t-dropdown__item--active {
  background-color: transparent;
}
.V76koQskRYO_DNdwpTqX .drop-down-item {
  width: 100%;
}
:root:not([yb-theme="dark"]):not([yb-theme="light"]) .Lj4hNuRM6VQ5lEApHHtE {
  z-index: 3;
}
:root[yb-theme="dark"] .arQkchSlr7K550luQr6X,
:root[yb-theme="light"] .arQkchSlr7K550luQr6X {
  border: 1px solid var(--yb-input-border-color);
  box-sizing: border-box;
  box-shadow: var(--yb-input-shadow);
}
:root[yb-theme="dark"] .Lj4hNuRM6VQ5lEApHHtE,
:root[yb-theme="light"] .Lj4hNuRM6VQ5lEApHHtE {
  border-color: var(--yb-input-focus-border-color);
}

/**
 * @file style.less
 * @author markJia(markjia@tencent.com)
 */
.hJDZNlu5AZ8IH1B4C_oQ {
  min-height: 24px;
  overflow-x: hidden;
  overflow-y: auto;
  caret-color: #2d68ff;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
}
.hJDZNlu5AZ8IH1B4C_oQ .ql-editor {
  min-height: 24px;
  max-height: 140px;
  padding: 0;
  overflow-x: hidden;
  word-break: break-word;
}
.hJDZNlu5AZ8IH1B4C_oQ .ql-editor::-webkit-scrollbar {
  width: 4px;
  height: 6px;
  cursor: pointer;
}
.hJDZNlu5AZ8IH1B4C_oQ .ql-editor::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #5d5e5f;
  cursor: pointer;
}
.hJDZNlu5AZ8IH1B4C_oQ .ql-editor.ql-blank::before {
  font-style: unset;
  left: 10px;
  color: rgba(0, 0, 0, 0.37);
}
.hJDZNlu5AZ8IH1B4C_oQ .ql-editor img {
  width: 100%;
}
.hJDZNlu5AZ8IH1B4C_oQ .chat-ligh-hight {
  width: auto !important;
  height: 22px;
  margin: 0 3px;
  vertical-align: top;
  border-radius: 4px;
}
.hJDZNlu5AZ8IH1B4C_oQ.relPBVsSOxH4hLR0NYNa {
  cursor: not-allowed;
}
.hJDZNlu5AZ8IH1B4C_oQ.relPBVsSOxH4hLR0NYNa .ql-editor {
  cursor: not-allowed;
}
.hJDZNlu5AZ8IH1B4C_oQ.relPBVsSOxH4hLR0NYNa .ql-editor p {
  cursor: not-allowed;
}
.hJDZNlu5AZ8IH1B4C_oQ .ql-editor.ql-composition::before {
  visibility: hidden;
}

.third-login-modal-dialog .t-dialog__position {
  padding: 0;
}
.third-login-modal-dialog .t-dialog__position > .t-dialog {
  width: 100%;
  max-width: 100%;
  border: none;
  height: 100%;
  padding: 0;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
}
.third-login-modal-dialog .t-dialog__body {
  padding: 0;
  height: 100vh;
}
.third-login-modal-dialog--content {
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.third-login-modal-dialog--close-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
}
.third-login-modal-dialog--close-icon:hover {
  background: rgba(0, 0, 0, 0.05);
}
.third-login-modal-dialog--logo {
  width: 48px;
  height: 48px;
}
.third-login-modal-dialog--text {
  margin: 32px 0;
}
.third-login-modal-dialog--title {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.third-login-modal-dialog--subtext {
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.6);
}
.third-login-modal-dialog--btn {
  border-radius: 8px;
  padding: 13px 62px;
  pointer-events: pointer;
  background-color: #20C57D;
  color: #fff;
}
.third-login-modal-dialog--btn:hover {
  background-color: #1ec37b;
}

@font-face {
  font-family: "iconfont";
  src: url(https://cdn-portal.hunyuan.tencent.com/d15e6dcc841670119bb4.woff2?t=efdfeeff31127ed3eb92dfd6de3267d6);
  /* IE9 */
  src: url(https://cdn-portal.hunyuan.tencent.com/d15e6dcc841670119bb4.woff2?t=efdfeeff31127ed3eb92dfd6de3267d6#iefix) format('embedded-opentype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-right:before {
  content: "\e002";
}
.icon-attention:before {
  content: "\e003";
}
.icon-close:before {
  content: "\e005";
}
.icon-code:before {
  content: "\e006";
}
.icon-setting:before {
  content: "\e007";
}
.icon-vs:before {
  content: "\e008";
}
.icon-copy2:before {
  content: "\e009";
}
.icon-correct:before {
  content: "\e00a";
}
.icon-consult:before {
  content: "\e00b";
}
.icon-delete:before {
  content: "\e00c";
}
.icon-edit:before {
  content: "\e00e";
}
.icon-textscan:before {
  content: "\e010";
}
.icon-expire:before {
  content: "\e011";
}
.icon-feedback:before {
  content: "\e012";
}
.icon-file:before {
  content: "\e013";
}
.icon-chat-square:before {
  content: "\e015";
}
.icon-copy:before {
  content: "\e016";
}
.icon-home:before {
  content: "\e019";
}
.icon-info:before {
  content: "\e01c";
}
.icon-instruct:before {
  content: "\e01d";
}
.icon-keyboard:before {
  content: "\e01e";
}
.icon-like:before {
  content: "\e01f";
}
.icon-line:before {
  content: "\e020";
}
.icon-menu:before {
  content: "\e022";
}
.icon-select:before {
  content: "\e024";
}
.icon-next:before {
  content: "\e025";
}
.icon-notice:before {
  content: "\e026";
}
.icon-play:before {
  content: "\e028";
}
.icon-add:before {
  content: "\e029";
}
.icon-refresh:before {
  content: "\e02a";
}
.icon-time:before {
  content: "\e031";
}
.icon-mic:before {
  content: "\e032";
}
.icon-like-active:before {
  content: "\e035";
}
.icon-arrow-down:before {
  content: "\e036";
}
.icon-arrow-left:before {
  content: "\e037";
}
.icon-dislike:before {
  content: "\e038";
}
.icon-arrow-up:before {
  content: "\e039";
}
.icon-dislike-active:before {
  content: "\e03b";
}
.icon-transfer:before {
  content: "\e03c";
}
.icon-cancel:before {
  content: "\e03d";
}
.icon-check:before {
  content: "\e03e";
}
.icon-default:before {
  content: "\e03f";
}
.icon-error:before {
  content: "\e040";
}
.icon-info-circle:before {
  content: "\e041";
}
.icon-mic-f:before {
  content: "\e042";
}
.icon-pdf:before {
  content: "\e043";
}
.icon-question:before {
  content: "\e044";
}
.icon-success:before {
  content: "\e045";
}
.icon-touzi:before {
  content: "\e046";
}
.icon-warning:before {
  content: "\e047";
}
.icon-warning1:before {
  content: "\e048";
}
.icon-helper:before {
  content: "\e04a";
}
.icon-lock:before {
  content: "\e04f";
}
.icon-search:before {
  content: "\e050";
}
.icon-stop:before {
  content: "\e051";
}
.icon-simple-instruct:before {
  content: "\e052";
}
.icon-more:before {
  content: "\e056";
}
.icon-pre:before {
  content: "\e057";
}
.icon-complete-instruct:before {
  content: "\e058";
}
.icon-error2:before {
  content: "\e059";
}
.icon-privacy:before {
  content: "\e05a";
}
.icon-protocol1:before {
  content: "\e05b";
}
.icon-version:before {
  content: "\e05c";
}
.icon-thumb:before {
  content: "\e05d";
}
.icon-pause:before {
  content: "\e05e";
}
.icon-send:before {
  content: "\e05f";
}
.icon-image:before {
  content: "\e060";
}
.icon-chat:before {
  content: "\e061";
}
.icon-inspiration:before {
  content: "\e062";
}
.icon-smile:before {
  content: "\e064";
}
.icon-share:before {
  content: "\e065";
}
.icon-history:before {
  content: "\e067";
}
.icon-sort:before {
  content: "\e06a";
}
.icon-download:before {
  content: "\e06e";
}
.icon-add-image-1:before {
  content: "\e06f";
}
.icon-edit-image-1:before {
  content: "\e070";
}
.icon-del:before {
  content: "\e072";
}
.icon-light:before {
  content: "\e073";
}
.icon-mountain:before {
  content: "\e075";
}
.icon-set:before {
  content: "\e077";
}
.icon-voice-play:before {
  content: "\e07b";
}
.icon-star:before {
  content: "\e07d";
}
.icon-my:before {
  content: "\e081";
}
.icon-swap:before {
  content: "\e083";
}
.icon-Vector5:before {
  content: "\e084";
}
.icon-image-error:before {
  content: "\e085";
}
.icon-time-filled:before {
  content: "\e087";
}
.icon-model:before {
  content: "\e088";
}
.icon-phone:before {
  content: "\e089";
}
.icon-evaluate:before {
  content: "\e08a";
}
.icon-refresh2:before {
  content: "\e08b";
}
.icon-dot:before {
  content: "\e08c";
}
.icon-func:before {
  content: "\e08d";
}
.icon-style:before {
  content: "\e08f";
}
.icon-none:before {
  content: "\e090";
}
.icon-template:before {
  content: "\e091";
}
.icon-me:before {
  content: "\e092";
}
.icon-upload2:before {
  content: "\e096";
}
.icon-upload:before {
  content: "\e097";
}
.icon-chajian:before {
  content: "\e099";
}
.icon-folder:before {
  content: "\e09a";
}
.icon-xiaochengxuma:before {
  content: "\e09e";
}
.icon-upload3:before {
  content: "\e0a0";
}
.icon-camera:before {
  content: "\e0a1";
}
.icon-volume_up:before {
  content: "\e0a2";
}
.icon-volume_off:before {
  content: "\e0a3";
}
.icon-btn1:before {
  content: "\e0a8";
}
.icon-link:before {
  content: "\e0a9";
}
.icon-draw_switch:before {
  content: "\e0b1";
}
.icon-paraphrase:before {
  content: "\e0b2";
}
.icon-art_style:before {
  content: "\e0b3";
}
.icon-proportion:before {
  content: "\e0b4";
}
.icon-resolution:before {
  content: "\e0b5";
}
.icon-lianjie:before {
  content: "\e0b6";
}
.icon-share_pin:before {
  content: "\e0b7";
}
.icon-ai_beauty:before {
  content: "\e0b8";
}
.icon-speaker:before {
  content: "\e0b9";
}
.icon-shezhi:before {
  content: "\e0bd";
}
.icon-up_ed:before {
  content: "\e0c0";
}
.icon-up:before {
  content: "\e0c1";
}
.icon-up_cancle:before {
  content: "\e0c2";
}
.icon-arrow:before {
  content: "\e0c7";
}
.icon-analyse:before {
  content: "\e0ca";
}
.icon-arrow2:before {
  content: "\e0cb";
}
.icon-subscribe:before {
  content: "\e0cc";
}
.icon-recently:before {
  content: "\e0cd";
}
.icon-favorite:before {
  content: "\e0ce";
}
.icon-return:before {
  content: "\e0d0";
}
.icon-wen:before {
  content: "\e0d1";
}
.icon-voice:before {
  content: "\e0d2";
}
.icon-music:before {
  content: "\e0d5";
}
.icon-ask:before {
  content: "\e0da";
}
.icon-btn_draw:before {
  content: "\e0db";
}
.icon-btn_read:before {
  content: "\e0dc";
}
.icon-btn_search:before {
  content: "\e0dd";
}
.icon-btn_write:before {
  content: "\e0de";
}
.icon-arrow_filled_right:before {
  content: "\e0df";
}
.icon-pause2:before {
  content: "\e0e0";
}
.icon-wendangyichang:before {
  content: "\e0e1";
}

/**
 * @file style.less
 * @author weifendeng(weifendeng@tencent.com)
 */
.colorful-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  font-size: 16px;
}
.B8JlB2bSAZ34kT4UEqu8 {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #F3F3F3;
  flex-shrink: 0;
  cursor: pointer;
}

.RpAiURyTFGm42ftX_gf1 {
  background: linear-gradient(90deg, #04D46F, #1CC9FE);
  color: #fff;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  font-weight: bolder;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
.vY_QxBILDpRITPPldxrX {
  position: absolute;
  display: flex;
  height: 24px;
  line-height: 24px;
  right: 12px;
  top: 12px;
}
.NpzOz0c_cDCESQ3oPM3S {
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -khtml-user-select: none;
  /*早起浏览器*/
  -moz-user-select: none;
  /*火狐浏览器*/
  -ms-user-select: none;
  /*IE浏览器*/
  user-select: none;
  /*用户是否能够选中文本*/
  box-sizing: border-box;
  padding-top: 12px;
  font-size: 16px;
  width: 100%;
  height: 100%;
  touch-action: none;
}

.N6ltYRypk1dwXSUnmqE0 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.zpPKBfKyA6eUoszHEArO {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.Xq5SdP0ERNGRhkumwXZF {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 400px;
  width: 100%;
  overflow: hidden;
  z-index: 2;
}
.Xq5SdP0ERNGRhkumwXZF::before,
.Xq5SdP0ERNGRhkumwXZF::after {
  content: "";
  display: block;
  position: absolute;
  top: 188px;
  left: 50%;
  height: 628px;
  width: 628px;
  border-radius: 50%;
  margin-left: -314px;
  background: #11cfb9;
  background: linear-gradient(90deg, #04D46F, #1CC9FE);
  z-index: 2;
}
.Xq5SdP0ERNGRhkumwXZF::before {
  z-index: 1;
  opacity: 0.1;
  background: linear-gradient(360deg, #00ddff 50.96%, #00db57 95.96%), linear-gradient(360deg, #61daff 50.96%, #00d767 95.96%);
  animation: N6ltYRypk1dwXSUnmqE0 2s infinite;
}
.Mf3XdhhUPNT7uN4qPxD1 {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 105px;
  margin-left: -155px;
  display: flex;
  width: 310px;
  height: 58px;
}
@keyframes N6ltYRypk1dwXSUnmqE0 {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1);
    opacity: 0.1;
  }
  100% {
    transform: scale(1.42);
    opacity: 0;
  }
}
.ZbN2aH4mYO8HIqP26O2P {
  width: 100%;
  height: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 62px;
  left: 0;
  z-index: 3;
}
.QMnb2sMQuKdx4YUg9XTW {
  height: 4px;
  width: 4px;
  margin: 0 2px;
  border-radius: 2px;
  background-color: #ffffff;
  animation-iteration-count: infinite;
  animation: 1s linear 0s infinite normal forwards running URlZcXh4lgjJSyGEq6Yh;
}
.guyQB_y4uEkUsUBlO3BA {
  height: 7px;
}
.QMnb2sMQuKdx4YUg9XTW:nth-child(7n + 2),
.QMnb2sMQuKdx4YUg9XTW:nth-child(7n + 6) {
  animation-delay: 0.167s;
}
.QMnb2sMQuKdx4YUg9XTW:nth-child(7n + 3),
.QMnb2sMQuKdx4YUg9XTW:nth-child(7n + 5) {
  animation-delay: 0.33s;
}
.QMnb2sMQuKdx4YUg9XTW:nth-child(7n + 4) {
  animation-delay: 0.5s;
}
.ZbN2aH4mYO8HIqP26O2P.u0J7aY1J1VAh7kIOiCxF .QMnb2sMQuKdx4YUg9XTW {
  animation: none;
  height: 4px;
}
.exh8PhR38qPIFXZjcBp1 {
  width: 100%;
  position: absolute;
  height: 78px;
  bottom: 236px;
  z-index: 4;
}
.Ty_p_0pxyQROzDDs2Xxw {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.UTIIo5hI5heyr_ObSPUP {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  margin: 16px auto 0;
  color: #fff;
  transition: all 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UTIIo5hI5heyr_ObSPUP.DEM8aMncZhWl0bWGT85K {
  transform: scale(1.2);
  background-color: #f6685d;
}
@keyframes URlZcXh4lgjJSyGEq6Yh {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(3);
  }
  100% {
    transform: scaleY(1);
  }
}

.model-select-t1 {
  height: 32px !important;
  border-radius: 8px;
  padding: 0 8px;
  border-color: #e6e6e6 !important;
}
.model-select-t1:hover {
  background-color: #f3f3f3 !important;
}
.model-select-t1 .t-button__text {
  display: flex;
  align-items: center;
  font-weight: 500;
  user-select: none;
}
.model-select-t1__icon {
  min-width: 16px;
  height: 16px;
  margin-right: 4px;
  transition: 0.2s;
}
.model-select-t1-active .model-select-t1__icon {
  filter: invert(38%) sepia(98%) saturate(1533%) hue-rotate(204deg) brightness(100%) contrast(104%);
}
.model-select-t1-active .t-button__text {
  transition: 0.2s;
  color: #2d68ff;
}
.model-select-t1.t-is-disabled .model-select-t1__icon {
  opacity: 0.27;
}

.paint-button {
  cursor: pointer;
  display: flex;
  height: 32px;
  padding: 2px 8px;
  box-sizing: border-box;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: #f3f3f3;
  margin-right: 8px;
}
.paint-button-item {
  padding: 8px 10px;
  cursor: pointer;
  position: relative;
}
.paint-button-item:hover {
  background: #f5f5f5;
  border-radius: 8px;
}
.paint-button-item .paint-button-item-label {
  font-size: 14px;
  color: #000000db;
  line-height: 16px;
  padding-right: 40px;
}
.paint-button-item .paint-button-item-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 8px;
  top: 10px;
}
.paint-button-list {
  max-height: 300px;
  overflow: auto;
}
.paint-button-list::-webkit-scrollbar {
  display: none;
  /* 适用于 Webkit 浏览器 (Chrome, Safari, Edge 新版等) */
}

.paint-button-group {
  display: flex;
}
.paint-button-group > div {
  margin-right: 8px;
}

/**
 * Swiper 11.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 19, 2025
 */
/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.zdDcXhVJt0eHe1HvNHR7 {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.lpxBsIDXS8IXAfZ26N0P > .Y9Gcbp5Dwj2RYG8vZwGQ {
  flex-direction: column;
}
.Y9Gcbp5Dwj2RYG8vZwGQ {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.Zhm8V88wqiYUqT7fi80k .Utr3az_Ux1ocMvj9XeM8,
.NMq6DNsQQPrAfYXvrDj6 .Utr3az_Ux1ocMvj9XeM8,
.Y9Gcbp5Dwj2RYG8vZwGQ {
  transform: translate3d(0px, 0, 0);
}
.UETmGCLIVCAK4p3tcjls {
  touch-action: pan-y;
}
.lpxBsIDXS8IXAfZ26N0P {
  touch-action: pan-x;
}
.Utr3az_Ux1ocMvj9XeM8 {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.uXzfYUXpsC9TsY6k2Zny {
  visibility: hidden;
}
/* Auto Height */
.HWAtyxpkV7XJx5eRKX3L,
.HWAtyxpkV7XJx5eRKX3L .Utr3az_Ux1ocMvj9XeM8 {
  height: auto;
}
.HWAtyxpkV7XJx5eRKX3L .Y9Gcbp5Dwj2RYG8vZwGQ {
  align-items: flex-start;
  transition-property: transform, height;
}
.tdHhtF4va17z_7UTGeex .Utr3az_Ux1ocMvj9XeM8 {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* 3D Effects */
.BRH0he09IeTVuVUD1CTW.NpSlw9BluQcWjDJLKu3C .Y9Gcbp5Dwj2RYG8vZwGQ {
  perspective: 1200px;
}
.BRH0he09IeTVuVUD1CTW .Y9Gcbp5Dwj2RYG8vZwGQ {
  transform-style: preserve-3d;
}
.BRH0he09IeTVuVUD1CTW {
  perspective: 1200px;
}
.BRH0he09IeTVuVUD1CTW .Utr3az_Ux1ocMvj9XeM8,
.BRH0he09IeTVuVUD1CTW .XCLKH76nBqgfvB80eIwf {
  transform-style: preserve-3d;
}
/* CSS Mode */
.NpSlw9BluQcWjDJLKu3C > .Y9Gcbp5Dwj2RYG8vZwGQ {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.NpSlw9BluQcWjDJLKu3C > .Y9Gcbp5Dwj2RYG8vZwGQ::-webkit-scrollbar {
  display: none;
}
.NpSlw9BluQcWjDJLKu3C > .Y9Gcbp5Dwj2RYG8vZwGQ > .Utr3az_Ux1ocMvj9XeM8 {
  scroll-snap-align: start start;
}
.NpSlw9BluQcWjDJLKu3C.UETmGCLIVCAK4p3tcjls > .Y9Gcbp5Dwj2RYG8vZwGQ {
  scroll-snap-type: x mandatory;
}
.NpSlw9BluQcWjDJLKu3C.lpxBsIDXS8IXAfZ26N0P > .Y9Gcbp5Dwj2RYG8vZwGQ {
  scroll-snap-type: y mandatory;
}
.NpSlw9BluQcWjDJLKu3C.aLVRIQIjLj09BDqGXND7 > .Y9Gcbp5Dwj2RYG8vZwGQ {
  scroll-snap-type: none;
}
.NpSlw9BluQcWjDJLKu3C.aLVRIQIjLj09BDqGXND7 > .Y9Gcbp5Dwj2RYG8vZwGQ > .Utr3az_Ux1ocMvj9XeM8 {
  scroll-snap-align: none;
}
.NpSlw9BluQcWjDJLKu3C.AG0nEKIe0UQuk4rApioX > .Y9Gcbp5Dwj2RYG8vZwGQ::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.NpSlw9BluQcWjDJLKu3C.AG0nEKIe0UQuk4rApioX > .Y9Gcbp5Dwj2RYG8vZwGQ > .Utr3az_Ux1ocMvj9XeM8 {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.NpSlw9BluQcWjDJLKu3C.AG0nEKIe0UQuk4rApioX.UETmGCLIVCAK4p3tcjls > .Y9Gcbp5Dwj2RYG8vZwGQ > .Utr3az_Ux1ocMvj9XeM8:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.NpSlw9BluQcWjDJLKu3C.AG0nEKIe0UQuk4rApioX.UETmGCLIVCAK4p3tcjls > .Y9Gcbp5Dwj2RYG8vZwGQ::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.NpSlw9BluQcWjDJLKu3C.AG0nEKIe0UQuk4rApioX.lpxBsIDXS8IXAfZ26N0P > .Y9Gcbp5Dwj2RYG8vZwGQ > .Utr3az_Ux1ocMvj9XeM8:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.NpSlw9BluQcWjDJLKu3C.AG0nEKIe0UQuk4rApioX.lpxBsIDXS8IXAfZ26N0P > .Y9Gcbp5Dwj2RYG8vZwGQ::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.BRH0he09IeTVuVUD1CTW .NeZLKKRiKqHmeDkIoU5N,
.BRH0he09IeTVuVUD1CTW .UCzTM1KFE3lWYP03CaWo,
.BRH0he09IeTVuVUD1CTW .abRgIsKVn3rEVDNclLfN,
.BRH0he09IeTVuVUD1CTW .qjY965_rIuxNysXUrMQS,
.BRH0he09IeTVuVUD1CTW .hVTeDaP6RCmyb6RIY4_5,
.BRH0he09IeTVuVUD1CTW .NeZLKKRiKqHmeDkIoU5N,
.BRH0he09IeTVuVUD1CTW .UCzTM1KFE3lWYP03CaWo,
.BRH0he09IeTVuVUD1CTW .abRgIsKVn3rEVDNclLfN,
.BRH0he09IeTVuVUD1CTW .qjY965_rIuxNysXUrMQS,
.BRH0he09IeTVuVUD1CTW .hVTeDaP6RCmyb6RIY4_5 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.BRH0he09IeTVuVUD1CTW .NeZLKKRiKqHmeDkIoU5N {
  background: rgba(0, 0, 0, 0.15);
}
.BRH0he09IeTVuVUD1CTW .UCzTM1KFE3lWYP03CaWo {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.BRH0he09IeTVuVUD1CTW .abRgIsKVn3rEVDNclLfN {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.BRH0he09IeTVuVUD1CTW .qjY965_rIuxNysXUrMQS {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.BRH0he09IeTVuVUD1CTW .hVTeDaP6RCmyb6RIY4_5 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.ZsvfC79HOMPbdpWIYIV_ {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.zdDcXhVJt0eHe1HvNHR7:not(.SyY2kHYzAeZ4K4N_Sway) .ZsvfC79HOMPbdpWIYIV_,
.SyY2kHYzAeZ4K4N_Sway .sXK7rm1pP_qME28IqbgJ .ZsvfC79HOMPbdpWIYIV_ {
  animation: GTpaTb8lTCJtFf__hNq9 1s infinite linear;
}
.zulCPpfamDv0LVO65Ix2 {
  --swiper-preloader-color: #fff;
}
.JPUtJir436EFFlB7m1W9 {
  --swiper-preloader-color: #000;
}
@keyframes GTpaTb8lTCJtFf__hNq9 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.lflzczcLAje_R1PS6xyj {
  position: relative;
}
.buzbVKCUrocPaLFmRuhN {
  margin-top: 0;
}
.XS7HZijGg80cGMj3ZIZY {
  position: relative;
  border-radius: 8px;
  user-select: none;
}
.kxAS5pmzsun5ZA5aBflP {
  width: 58px;
  height: 58px;
  border-radius: 8px;
  position: relative;
  box-sizing: border-box;
}
.rxZvFW1VS4nWKIWSq4Ap {
  position: relative;
}
.rxZvFW1VS4nWKIWSq4Ap::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  border-radius: 8px;
  height: 100%;
  transition: all 0.1s ease-in-out;
}
.kxAS5pmzsun5ZA5aBflP:hover .rxZvFW1VS4nWKIWSq4Ap::before {
  background-color: #00000066;
}
.kxAS5pmzsun5ZA5aBflP img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.qcMHvQGZtlWuQfw_dXeW img {
  pointer-events: none;
}
._voeSAg_Az0SlMESY91e {
  display: flex;
  width: 180px;
  border-radius: 6px;
  background: var(--yb-input-file-item-bg-color);
  padding: 12px 10px;
  box-sizing: border-box;
  gap: 4px;
  align-items: center;
  flex: none;
}
._voeSAg_Az0SlMESY91e .hyc-common-file-viewer {
  flex: 1;
  min-width: 0;
}
.NkXfTW_5gl2dymNSKAbd {
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.xJYX9py6b1IHnSizVgDt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: var(--yb-input-file-item-title-color);
  line-height: 14px;
  margin-bottom: 5px;
}
.r9ziBG9nhzFiYbVyYT66 {
  color: #d54941;
}
.sdLEyB3bQil3oSBiYXNW {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--yb-input-file-item-desc-color);
  line-height: 12px;
}
.jj9Qgsab01WKmP_nlDHq {
  height: 32px;
  width: 32px;
  position: relative;
}
.jj9Qgsab01WKmP_nlDHq img {
  width: 32px;
  height: 100%;
  pointer-events: none;
}
.lyWMntHpL45nocb6FEfT {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.GJnW2HRHvXLiXl7HrhHq {
  display: flex;
  width: 194px;
  box-sizing: border-box;
  padding: 12px 10px;
  background-color: #f3f3f3;
  border-radius: 8px;
  gap: 6px;
}
.RUxIFUEw7V1DduWealvI {
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.pdqJQ7iViWDuvCuzBpmH {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.9);
}
.kfRCCpz50YuiblJZV490 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 4px;
}
.WK26CfhA4etjgIDqDGaw {
  width: 32px;
  height: 32px;
}
.WK26CfhA4etjgIDqDGaw img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.FllicSY0AbY5xgGwsBFa {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: none;
}
.aoZsY0BOPSVtVceIoXLD {
  display: flex;
}
.NiTm0NNcpgnVLVidwZen {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  border-radius: 6px;
  background: #00000066;
}
.zKfa2DsaMQReS5QGsWXP {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.Mb70d674DeZQxVNdHL6N {
  position: absolute;
  top: -4px;
  right: -4px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  z-index: 1;
}
.Mb70d674DeZQxVNdHL6N:before {
  content: " ";
  display: block;
  position: absolute;
  inset: 2px;
  background-color: #fff;
  border-radius: 100%;
}
.Mb70d674DeZQxVNdHL6N .t-icon {
  display: block;
  position: relative;
}
.XS7HZijGg80cGMj3ZIZY:hover .Mb70d674DeZQxVNdHL6N {
  opacity: 1;
}
.GwDhc9fU53GhXTJQcPGl {
  position: absolute;
  left: 0;
  bottom: calc(100% + 8px);
  display: flex;
  padding: 4px 0;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 8px;
  width: calc(100vw - 24px);
}
.GwDhc9fU53GhXTJQcPGl::-webkit-scrollbar {
  width: 0;
  height: 0;
  cursor: pointer;
}
.GwDhc9fU53GhXTJQcPGl::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.GwDhc9fU53GhXTJQcPGl .kxAS5pmzsun5ZA5aBflP {
  width: 56px;
  height: 56px;
  border: 0;
}
.GwDhc9fU53GhXTJQcPGl ._voeSAg_Az0SlMESY91e {
  background: #fff;
  border: 0;
}
.GwDhc9fU53GhXTJQcPGl .Mb70d674DeZQxVNdHL6N {
  opacity: 1;
}
.lflzczcLAje_R1PS6xyj .swiper {
  margin-left: unset;
}
.lflzczcLAje_R1PS6xyj .input-file-list__swiper-item--file {
  width: 188px;
  padding-top: 5px;
}
.lflzczcLAje_R1PS6xyj .input-file-list__swiper-item--image {
  width: 54px;
  padding-right: 10px;
  padding-top: 5px;
}
.lflzczcLAje_R1PS6xyj .input-file-list__swiper-page {
  position: absolute;
  height: 100%;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
}
.lflzczcLAje_R1PS6xyj .input-file-list__swiper-page.swiper-button-disabled {
  display: none;
}
.lflzczcLAje_R1PS6xyj .input-file-list__swiper-page__bg {
  position: absolute;
  top: 0;
  width: 24px;
  height: 100%;
}
.lflzczcLAje_R1PS6xyj .input-file-list__swiper-page__prev {
  left: 0;
}
.lflzczcLAje_R1PS6xyj .input-file-list__swiper-page__next {
  right: 0;
  justify-content: flex-end;
}
.lflzczcLAje_R1PS6xyj .input-file-list__swiper-page__prev .input-file-list__swiper-page__bg {
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.lflzczcLAje_R1PS6xyj .input-file-list__swiper-page__next .input-file-list__swiper-page__bg {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.lflzczcLAje_R1PS6xyj .input-file-list__swiper-page__op {
  position: relative;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.08);
}
:root[yb-theme="dark"] .GwDhc9fU53GhXTJQcPGl ._voeSAg_Az0SlMESY91e,
:root[yb-theme="light"] .GwDhc9fU53GhXTJQcPGl ._voeSAg_Az0SlMESY91e {
  background: var(--yb-input-file-item-bg-color);
}

.ZaD97PjMBU7xeXQR7d2Q {
  position: relative;
}
.ZaD97PjMBU7xeXQR7d2Q input {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.Tr0oeWRBMbfFQAx00b9M {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kvbRb8xoOzsR6IX0VbU7 {
  cursor: not-allowed;
}
.E30600NfakXL1oi8W9Ln {
  width: 28px;
  height: 28px;
  color: var(--yb-input-btn-color);
}
.sYqNcivFhrV1h0DXFkbe {
  width: 82px;
  height: 66px;
  border-radius: 8px;
  background-color: var(--yb-input-btn-bg-color--mobile);
  box-shadow: none;
  border: 1px solid var(--yb-input-btn-border-color--mobile);
  box-sizing: border-box;
}
.sYqNcivFhrV1h0DXFkbe:hover {
  background-color: var(--yb-input-btn-bg-color--mobile);
  border-color: var(--yb-input-btn-border-color--mobile);
}
.sYqNcivFhrV1h0DXFkbe .Tr0oeWRBMbfFQAx00b9M {
  width: 82px;
  height: 66px;
  flex-direction: column;
  color: var(--yb-input-btn-color--mobile);
}
.sYqNcivFhrV1h0DXFkbe .Tr0oeWRBMbfFQAx00b9M .iconfont {
  margin: 4px 0;
  transform: scale(1.2);
}

.input-box-sug {
  background-color: #fff;
  box-shadow: 0px -8px 20px 0px rgba(65, 77, 96, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  padding: 6px;
  margin-bottom: -15px;
  padding-bottom: 15px;
  position: absolute;
  top: 12px;
  width: 100%;
  left: 0;
  transition: all 0.3s;
  transform: translateY(-100%);
  box-sizing: border-box;
  z-index: 3;
}
.input-box-sug > div {
  max-height: 180px;
  overflow: auto;
}
.input-box-sug-item {
  padding: 0 6px;
  line-height: 36px;
  font-size: 14px;
  border-radius: 8px;
  color: var(--yb-color-text-primary);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-box-sug-item .highlight {
  color: var(--yb-color-brand-primary);
}
.input-box-sug-item:hover {
  background-color: var(--yb-color-bg-active-1);
}
@media screen and (max-width: 600px) {
  .input-box-sug {
    width: calc(100% - 42px);
  }
}
.switch-model-fail-guide-new-chat-intro {
  position: absolute;
  width: 132px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  display: flex;
  flex-direction: column;
}

/**
 * @file style.less
 * @author weifendeng(weifendeng@tencent.com)
 */
.cgVdl_KfxRYPCT6RiHRw {
  display: inline-block;
}

.suggested-prompt-wrapper {
  position: relative;
  width: 802px;
  z-index: 2;
}
.suggested-prompt-wrapper__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.suggested-prompt-wrapper__tags-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  width: 96px;
  height: 30px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
  cursor: pointer;
}
.suggested-prompt-wrapper__tags-img {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.suggested-prompt-wrapper__tags-img img {
  width: 100%;
  height: 100%;
}
.suggested-prompt-wrapper__tags-text {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  white-space: nowrap;
}
.suggested-prompt-wrapper__dialog {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 800px;
  height: 262px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #E6E6E6;
}
.suggested-prompt-wrapper__dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  width: 100%;
  height: 44px;
  border-radius: 8px 8px 0px 0px;
  box-sizing: border-box;
  background: #F3F3F3;
}
.suggested-prompt-wrapper__dialog-title {
  display: flex;
  align-items: center;
}
.suggested-prompt-wrapper__dialog-img {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.suggested-prompt-wrapper__dialog-text {
  margin-left: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.suggested-prompt-wrapper__dialog-close {
  cursor: pointer;
}
.suggested-prompt-wrapper__dialog-close img {
  width: 24px;
  height: 24px;
}
.suggested-prompt-wrapper__dialog-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 20px;
}
.suggested-prompt-wrapper__dialog-list--item {
  display: flex;
  flex-direction: column;
  width: 176px;
  height: 178px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
}
.suggested-prompt-wrapper__dialog-list--item__img {
  margin: 8px;
  width: 162px;
  height: 134px;
  border-radius: 6px;
  object-fit: cover;
}
.suggested-prompt-wrapper__dialog-list--item__info {
  margin-left: 8px;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
}
.suggested-prompt-wrapper__dialog-list--item__active {
  border-color: #2d68ff;
}
.suggested-prompt-wrapper__dialog-list--item:hover {
  border-color: #2d68ff;
}
.suggested-prompt-wrapper__dialog-empty {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.agent-desc {
  box-sizing: border-box;
  padding: 12px;
  position: relative;
  width: 100%;
  background-color: #FFFFFF1A;
  backdrop-filter: blur(30px);
  border-radius: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  margin-top: 20px;
  box-shadow: inset 0px 0px 1px 0px rgba(178, 175, 175, 0.5);
}
.agent-desc__title {
  font-weight: 600;
}
.agent-desc__trigger {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-weight: 600;
}

.t2i-prompt-examples__container {
  display: flex;
  flex-direction: row;
  margin: 16px 0;
  overflow: auto;
  gap: 12px;
}
.t2i-prompt-examples .t2i-prompt-example {
  position: relative;
  width: 140px;
  height: 190px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}
.t2i-prompt-examples .t2i-prompt-example img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.t2i-prompt-examples .t2i-prompt-example-cover {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  color: #ffffff;
  top: 0;
  left: 0;
  width: 140px;
  height: 190px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
  opacity: 0.9;
}
.t2i-prompt-examples .t2i-prompt-example-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  width: 124px;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.t2i-prompt-examples .t2i-prompt-example-desc {
  width: 124px;
  height: 29px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 12px;
  font-weight: 400;
  word-break: break-all;
  margin-bottom: 8px;
}
.t2i-prompt-examples__switch {
  display: flex;
  gap: 6px;
  color: #616161;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  user-select: none;
}

.voice-wave-wp {
  display: inline-flex;
  align-items: center;
  margin: 0 2px;
}
.voice-wave-wp__stop .voice-wave {
  animation-iteration-count: 0;
  animation-fill-mode: forwards;
}
.voice-wave {
  height: 10px;
  width: 2px;
  border-radius: 2px;
  margin: 0 1px;
  background-color: #ffffff;
  animation-iteration-count: infinite;
}
.voice-wave_0 {
  height: 2px;
}
.voice-wave_1 {
  animation: 1.06s linear 0s infinite normal forwards running wave_1;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@keyframes wave_1 {
  0% {
    transform: scaleY(0.4);
  }
  50% {
    transform: scaleY(0.4);
  }
  25.47% {
    transform: scaleY(0.6);
  }
  75.47% {
    transform: scaleY(0.8);
  }
  98.4% {
    transform: scaleY(0.4);
  }
}
.voice-wave_2 {
  animation: 1.06s linear 0s infinite normal forwards running wave_2;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@keyframes wave_2 {
  0% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(0.5);
  }
  25.47% {
    transform: scaleY(0.6);
  }
  50.94% {
    transform: scaleY(1);
  }
  75.47% {
    transform: scaleY(0.8);
  }
}
.voice-wave_3 {
  animation: 1.06s linear 0s infinite normal forwards running wave_3;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@keyframes wave_3 {
  0% {
    transform: scaleY(0.4);
  }
  50% {
    transform: scaleY(1.6);
  }
  100% {
    transform: scaleY(0.4);
  }
  25.47% {
    transform: scaleY(0.7);
  }
  75.47% {
    transform: scaleY(1);
  }
}
.voice-wave_4 {
  animation: 1.06s linear 0s infinite normal forwards running wave_4;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@keyframes wave_4 {
  0% {
    transform: scaleY(0.8);
  }
  100% {
    transform: scaleY(0.8);
  }
  24.53% {
    transform: scaleY(1.6);
  }
  50.94% {
    transform: scaleY(0.6);
  }
  75.47% {
    transform: scaleY(0.9);
  }
}
.voice-wave_5 {
  animation: 1.06s linear 0s infinite normal forwards running wave_5;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@keyframes wave_5 {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
  25.47% {
    transform: scaleY(1.2);
  }
  50.94% {
    transform: scaleY(0.7);
  }
  75.47% {
    transform: scaleY(1.5);
  }
}
.voice-wave_6 {
  animation: 1.06s linear 0s infinite normal forwards running wave_6;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@keyframes wave_6 {
  0% {
    transform: scaleY(0.9);
  }
  100% {
    transform: scaleY(0.9);
  }
  25.47% {
    transform: scaleY(0.6);
  }
  50.94% {
    transform: scaleY(1.2);
  }
  75.47% {
    transform: scaleY(0.6);
  }
}
.voice-wave_7 {
  animation: 1.06s linear 0s infinite normal forwards running wave_7;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@keyframes wave_7 {
  0% {
    transform: scaleY(0.4);
  }
  50% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(0.4);
  }
  24.53% {
    transform: scaleY(1.4);
  }
  75.47% {
    transform: scaleY(0.8);
  }
}
.voice-wave_8 {
  animation: 1.06s linear 0s infinite normal forwards running wave_8;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@keyframes wave_8 {
  0% {
    transform: scaleY(0.6);
  }
  100% {
    transform: scaleY(0.6);
  }
  24.53% {
    transform: scaleY(1);
  }
  50.94% {
    transform: scaleY(0.3);
  }
  75.47% {
    transform: scaleY(0.5);
  }
}
.voice-wave_9 {
  animation: 1.06s linear 0s infinite normal forwards running wave_9;
  transform-box: fill-box;
  transform-origin: 50% 50%;
}
@keyframes wave_9 {
  0% {
    transform: scaleY(0.4);
  }
  50% {
    transform: scaleY(1.2);
  }
  100% {
    transform: scaleY(0.4);
  }
  25.47% {
    transform: scaleY(0.8);
  }
  75.47% {
    transform: scaleY(0.6);
  }
}

.voice-controller {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #EEEEEE;
}
.agent-chat__conv--ai__toolbar--loading .voice-controller {
  display: none;
}

.agent-chat__conv--agent-tpl--yuanqi .agent-chat__conv--agent-tpl__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px;
}
.agent-chat__conv--agent-tpl--yuanqi .agent-chat__conv--agent-tpl__info img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 8px;
  object-fit: cover;
}
.agent-chat__conv--agent-tpl--yuanqi .agent-chat__conv--agent-tpl__info p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: var(--yb-chat-greeting-agent-name-color);
  text-align: center;
}
.agent-chat__conv--agent-tpl--yuanqi {
  padding-top: 40px;
}
.agent-chat__conv--agent-tpl--yuanqi .agent-chat__content-option__content {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.agent-chat__conv--agent-tpl--yuanqi .agent-chat__content-option__content__item {
  padding: 12px 20px;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  border: 1px solid #DCDCDC;
  border-radius: 24px;
}
.agent-chat__conv--agent-tpl--yuanqi .agent-chat__content-option__content__item:hover {
  color: #20C57D;
}
.agent-chat__conv--agent-tpl__info {
  display: none;
}
.agent-chat__conv--agent-tpl__info img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-bottom: 16px;
}
.agent-chat__conv--agent-tpl__info p {
  font-size: 30px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
}
.agent-chat__conv--agent-tpl__info + .agent-chat__conv--agent-tpl__options {
  margin-top: 0;
}
.agent-chat__conv--agent-tpl__options {
  margin-top: 16px;
}
.agent-chat__conv--agent-tpl__options .hyc-content-option__content__item {
  background: var(--yb-bubble-ai-bg-color);
}
.agent-chat__conv--agent-tpl .agent-chat__bubble--ai .agent-chat__bubble__avatar {
  display: none;
}
.agent-chat__conv--agent-tpl .agent-chat__bubble--ai .agent-chat__bubble__content {
  min-width: auto;
}
:root[yb-theme="light"] .agent-chat__conv--agent-tpl__options .hyc-content-option__content .hyc-content-option__content__item,
:root[yb-theme="dark"] .agent-chat__conv--agent-tpl__options .hyc-content-option__content .hyc-content-option__content__item {
  background: var(--yb-bubble-ai-bg-color);
  backdrop-filter: blur(var(--yb-bubble-ai-bg-clur));
}

@media screen and (max-width: 768px) {
  .agent-chat__conv--agent-tpl--yuanqi .agent-chat__conv--agent-tpl__info p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  .agent-chat__conv--agent-tpl--yuanqi {
    padding-top: 24px;
  }
}

.agent-chat__conv--agent-home-page__info {
  margin-bottom: 80px;
}
.agent-chat__conv--agent-home-page__info img {
  display: block;
  margin: 0 auto;
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
}
.agent-chat__conv--agent-home-page__info p {
  font-family: 'sim';
  text-align: center;
}
.agent-chat__conv--agent-home-page__info__name {
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 8px;
}
.agent-chat__conv--agent-home-page__info__desc {
  font-size: 18px;
  line-height: 32px;
}
.agent-chat__conv--agent-home-page__feed-header {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
}
.agent-chat__conv--agent-home-page__feed-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding-bottom: 30px;
}
.agent-chat__conv--agent-home-page__feed-item {
  background: #fff;
  border-radius: 8px;
  padding: 18px 16px;
  box-sizing: border-box;
  cursor: pointer;
  min-width: 0;
  transition: 0.2s;
}
.agent-chat__conv--agent-home-page__feed-item:hover {
  transform: translateY(-3px);
  box-shadow: 0px 15px 30px 0px rgba(73, 126, 180, 0.1);
}
.agent-chat__conv--agent-home-page__feed-item__header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 9px;
}
.agent-chat__conv--agent-home-page__feed-item__logo {
  width: 24px;
  height: 24px;
}
.agent-chat__conv--agent-home-page__feed-item__title {
  font-size: 16px;
  font-weight: 500;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.agent-chat__conv--agent-home-page__feed-item__desc {
  font-size: 14px;
  color: gba(#000, 0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.body-mobile .agent-chat__conv--agent-greeting {
  flex-direction: column;
}
.body-mobile .agent-chat__conv--agent-greeting__special-column {
  padding: 20px 24px;
}
.body-mobile .agent-chat__conv--agent-greeting__end-item {
  height: 92px;
}
.agent-chat__conv--agent-greeting {
  display: flex;
  align-items: stretch;
  gap: 12px;
}
.agent-chat__conv--agent-greeting__start {
  flex: 456;
  min-width: 0;
  cursor: pointer;
}
.agent-chat__conv--agent-greeting__end {
  flex: 334;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.agent-chat__conv--agent-greeting__end-item {
  background: #fff;
  height: 98px;
  border-radius: 8px;
  padding: 0 16px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.agent-chat__conv--agent-greeting__end-item__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
}
.agent-chat__conv--agent-greeting__end-item__header img {
  width: 24px;
  height: 24px;
}
.agent-chat__conv--agent-greeting__end-item__header span {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.agent-chat__conv--agent-greeting__end-item__content {
  color: gba(#000, 0.6);
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.agent-chat__conv--agent-greeting__special-column {
  background: #fff;
  border-radius: 12px;
  height: 100%;
  min-width: 0;
  padding: 26px 24px;
  box-sizing: border-box;
}
.agent-chat__conv--agent-greeting__special-column__header {
  margin-bottom: 12px;
}
.agent-chat__conv--agent-greeting__special-column__info {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
}
.agent-chat__conv--agent-greeting__special-column__title {
  font-size: 20px;
  line-height: 28px;
  flex: none;
  font-weight: 500;
}
.agent-chat__conv--agent-greeting__special-column__icon {
  width: 40px;
  height: 40px;
  display: none;
}
.agent-chat__conv--agent-greeting__special-column__desc {
  display: flex;
  gap: 16px;
  color: gba(#000, 0.6);
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 24px;
}
.agent-chat__conv--agent-greeting__special-column__date {
  flex: none;
}
.agent-chat__conv--agent-greeting__special-column__subTitle {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agent-chat__conv--agent-greeting__special-column__content {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.agent-chat__conv--agent-greeting__special-column__content__img {
  width: 88px;
  height: 88px;
  border-radius: 8px;
}
.agent-chat__conv--agent-greeting__special-column__content__list {
  color: rgba(0, 0, 0, 0.9);
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.agent-chat__conv--agent-greeting__special-column__content__list-item {
  display: flex;
  align-items: center;
}
.agent-chat__conv--agent-greeting__special-column__content__list-item__icon {
  flex: none;
  margin: 0 8px;
  width: 4px;
  height: 4px;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 50%;
}
.agent-chat__conv--agent-greeting__special-column__content__list-item__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.agent-chat__scenario-tpl {
  box-sizing: border-box;
}
.agent-chat__scenario-tpl--container {
  box-sizing: border-box;
  position: relative;
  z-index: 0;
  padding: 14px;
  border-radius: 8px;
  background: #ffffff1a;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
.agent-chat__scenario-tpl--container.show-expand .agent-chat__scenario-tpl--desc > div:last-child {
  box-sizing: border-box;
  padding-right: 20px;
}
.agent-chat__scenario-tpl--container.show-expand .agent-chat__scenario-tpl--icon {
  opacity: 1;
}
.agent-chat__scenario-tpl--container.un-expand .agent-chat__scenario-tpl--desc > div:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agent-chat__scenario-tpl--container.un-expand .agent-chat__scenario-tpl--icon {
  transform: rotate(0deg);
}
.agent-chat__scenario-tpl--desc {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.agent-chat__scenario-tpl--bolder {
  font-weight: 600;
  margin-right: 4px;
}
.agent-chat__scenario-tpl--icon {
  position: absolute;
  right: 14px;
  bottom: 17px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 0.2s ease-out;
  transform: rotate(180deg);
  opacity: 0;
}

.agent-chat__scenario-status {
  display: flex;
  justify-content: center;
}
.agent-chat__scenario-status--text {
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(52px);
  -webkit-backdrop-filter: blur(52px);
  padding: 0 12px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 600;
  font-size: 12px;
  border-radius: 14px;
  height: 28px;
  background: rgba(0, 0, 0, 0.1);
}

.share-content-drawer {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  z-index: 1600;
  border-radius: 16px 16px 0 0;
  background: #fff;
  position: fixed;
  bottom: 0;
  box-shadow: 0 4px 20px 0 #00000026;
}
.share-content-drawer__close {
  position: absolute;
  top: 16px;
  right: 17px;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #000;
  font-size: 24px;
  z-index: 10000;
}
.share-content-drawer__close:after {
  display: inline-block;
  content: '\00d7';
  /* This will render the 'X' */
}
.share-content-drawer__header {
  padding: 16px 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #000000e5;
  text-align: center;
}
.share-content-drawer__content {
  text-align: center;
  margin-bottom: 44px;
}
.share-content-drawer__content__button {
  width: 66px;
  border: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  color: #00000099;
  font-size: 12px;
  line-height: 24px;
}
.share-content-drawer__content__button > img {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 9px 6px;
}
.share-content-drawer.dark {
  background-color: #222;
  /* 暗主题下的背景颜色 */
}
.share-content-drawer.dark .share-content-drawer__content__button {
  color: #A0A0A0;
  /* 暗主题下的文字颜色 */
}
.cDFeeBbU2ppg9dzneEKn {
  position: fixed;
  z-index: 50;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: auto;
}
.gRCQZ5m5hXIDE8t2LFyC {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.IFVxVVq4c8bx1gQ5MvSm {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  line-height: 24px;
  border: none;
  background-color: transparent;
  padding: 0;
  color: inherit;
}
.IFVxVVq4c8bx1gQ5MvSm:hover {
  cursor: pointer;
}
.IFVxVVq4c8bx1gQ5MvSm[disabled] {
  cursor: not-allowed;
}
.LFRDE7_cQ71So9rXmn_7 {
  margin-bottom: 6px;
  width: 48px;
  height: 48px;
}
.IFVxVVq4c8bx1gQ5MvSm + .IFVxVVq4c8bx1gQ5MvSm {
  margin-left: 36px;
}
.v81YIKc2yaGqbPijPh9x {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.6);
  padding: 16px 20px;
}
.v81YIKc2yaGqbPijPh9x::before {
  content: '';
  position: fixed;
  right: 0;
  top: 10px;
  width: 56px;
  height: 74px;
  background-image: url(https://cdn-portal.hunyuan.tencent.com/594f43153a5fe0bffb5d.svg);
  background-repeat: no-repeat;
}
.UTBhfKbxFzc8jijoZHEQ {
  position: fixed;
  top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 1502;
}
.ECjKMWiu3fQfOfuLJ2e3 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}
.q7EYPHS8nVOcsrcjR3ca {
  background: rgba(0, 0, 0, 0.8);
}
.ZLdnFe5rw4eEr4FAC9fK {
  width: 250px;
  background: #9671f1;
  border-radius: 90px;
  color: #fff;
  text-align: center;
  height: 48px;
  line-height: 48px;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
}
._KjTgYS_XUDr3sENdOUN {
  margin-top: 16px;
}
.LC1KHcDG2dXJzMXVVBAZ {
  position: fixed;
  top: 140px;
  left: 8px;
  right: 8px;
  bottom: 68px;
  align-items: center;
  z-index: 1501;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  font-size: 0.14rem;
  color: #fff;
}
.TgN_0LCgjEbitMWIa1AB {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 82px;
  bottom: 202px;
  left: 8px;
  right: 8px;
}
.fLj66C_ziA90vV9rdSHP {
  top: 20px;
  bottom: unset;
  left: 38px;
  right: 38px;
}
.KE5zI9utgCC5mlu8R2Ga {
  display: inline-flex;
  position: static;
  transform: none;
}
.vRZ7M8KMKhB7KfBEM6uE {
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1501;
  padding-top: 168px;
  box-sizing: border-box;
  padding-bottom: 142px;
  overflow: auto;
  text-align: center;
}
.eB4H5evPlSwHMH2pSCNf {
  font-size: 18px;
}
.Lzdm3iEmiYhdhCLsraEO {
  width: 100%;
  height: 100%;
}
.x0T3GTkw6kRTCCHRoEEL {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #00000042;
  font-size: 20px;
  z-index: 10000;
}
.x0T3GTkw6kRTCCHRoEEL:after {
  display: inline-block;
  content: '\00d7';
  /* This will render the 'X' */
}
html.iyPUAN56wH_frbrVE_Dj {
  overflow: hidden !important;
}

.agent-chat__scenario-result {
  position: relative;
  z-index: 0;
  min-width: 160px;
}
.agent-chat__scenario-result--bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  z-index: 1;
  flex-direction: column;
  border-radius: 12px;
  box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.1);
}
.agent-chat__scenario-result--bg .result-bg--top,
.agent-chat__scenario-result--bg .result-bg--bottom {
  width: 100%;
  height: 80px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.agent-chat__scenario-result--bg .result-bg--top {
  background-image: url(https://cdn-portal.hunyuan.tencent.com/public/62deb9590b6f8a8266d1.png);
}
.agent-chat__scenario-result--bg .result-bg--bottom {
  background-image: url(https://cdn-portal.hunyuan.tencent.com/public/cace8278d856b16008d6.png);
}
.agent-chat__scenario-result--bg .result-bg--center {
  width: 100%;
  flex: 1;
  height: 100%;
  background-image: url(https://cdn-portal.hunyuan.tencent.com/public/5eca1f8aaad85f4ec8ff.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
.agent-chat__scenario-result--content {
  position: relative;
  z-index: 2;
}
.agent-chat__scenario-result--title {
  height: 40px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.agent-chat__scenario-result--text {
  font-size: 12px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.6);
  margin: 10px 15px 0;
}
.agent-chat__scenario-result--actions {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 0 15px;
}
.agent-chat__scenario-result--btn {
  border-width: 0;
  margin: 0 4px;
  outline: none;
  color: rgba(255, 255, 255, 0.9);
  padding: 1px 11px;
  line-height: 22px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 26px;
}
.agent-chat__scenario-result--name {
  color: rgba(255, 255, 255, 0.55);
}
.agent-chat__scenario-result--divider {
  height: 1px;
  margin: 0 12px;
  background: #ab7354;
  background: linear-gradient(90deg, rgba(171, 115, 84, 0) 0%, #ab7354 49.36%, rgba(171, 115, 84, 0) 100%);
}
.agent-chat__scenario-score {
  border-radius: 8px;
  position: relative;
  z-index: 0;
  margin-top: 12px;
  box-sizing: border-box;
  padding: 15px 12px;
  display: flex;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(135, 91, 62, 0.8);
  background: linear-gradient(89.31deg, rgba(238, 173, 113, 0.2) 0.65%, rgba(255, 255, 255, 0.1) 99.41%);
}
.agent-chat__scenario-score--info {
  flex: 1;
}
.agent-chat__scenario-score--title {
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  font-weight: 600;
}
.agent-chat__scenario-score--txt {
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  margin-top: 8px;
}
.agent-chat__scenario-score--action {
  width: 203px;
  display: flex;
  margin: 0 -6px;
}
.agent-chat__scenario-score--item {
  margin: 0 6px;
}
.agent-chat__scenario-score--result {
  height: 36px;
  display: flex;
  align-items: center;
  color: #fff;
}
.agent-chat__scenario-score--result .agent-chat__scenario-score--icon {
  width: 16px;
  height: 16px;
}
.agent-chat__scenario-score--result .agent-chat__scenario-score--item {
  margin: 0 3px;
}
.agent-chat__scenario-score--arrow {
  position: absolute;
  top: -6px;
  display: flex;
  left: 30px;
}
.agent-chat__scenario-score--icon {
  width: 28px;
  height: 28px;
}
.agent-chat__scenario-score--icon__target {
  display: block;
  width: 100%;
  height: 100%;
}
.agent-chat__scenario-score--icon .check {
  display: none;
}
.agent-chat__scenario-score--icon.checked .check {
  display: block;
}
.agent-chat__scenario-score--icon.checked .default {
  display: none;
}
.agent-chat__scenario-score--icon__txt {
  font-size: 10px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  line-height: 12px;
  margin-top: 5px;
}
.agent-chat__scenario-animate {
  opacity: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 296px;
  overflow: hidden;
  transition: opacity 0.6s;
  z-index: 1000;
}
.agent-chat__scenario-animate.show-animate {
  opacity: 1;
}
.agent-chat__scenario-animate::before {
  content: "";
  position: absolute;
  display: block;
  width: 678px;
  height: 530px;
  border-radius: 50%;
  left: 50%;
  margin-left: -339px;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 55.38%);
  border: 1px solid rgba(255, 186, 104, 0.5);
}
.agent-chat__scenario-animate--text {
  opacity: 0;
  position: absolute;
  width: 111px;
  height: 27px;
  left: 50%;
  margin-left: -55px;
  top: 121px;
  animation: fadeIn 0.5s ease-out 0.6s forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.agent-chat__scenario-animate--text img {
  width: 100%;
  height: 100%;
}
.agent-chat__scenario-animate--star {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 30px;
  width: 270px;
  height: 212px;
  margin-left: -135px;
}
.agent-chat__scenario-animate--star.star-1 {
  animation: hideStar 0.1s ease-out 3s forwards;
}
.agent-chat__scenario-animate--star.star-2 {
  animation: hideStar 0.1s ease-out 3.5s forwards;
}
@keyframes hideStar {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.agent-chat__conv--agent-memory-divider__content {
  line-height: 36px;
  background-color: #fff;
  box-shadow: 0px 8px 40px 0px #00000014;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 0 16px;
  border-radius: 30px;
}
.agent-chat__conv--agent-memory-divider__content span {
  color: #00000099;
}

.agent-chat-custom-poster-img {
  padding: 8px 16px 6px 16px;
  border-radius: 8px;
  background: #fff;
}

.agent-chat-custom-emoji-hint_item {
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
  background: #fff;
  color: rgba(0, 0, 0, 0.9);
}
.agent-chat-custom-emoji-hint_item:not(:last-child) {
  margin-bottom: 8px;
}

.agent-chat__conv--agent-greeting-default {
  font-size: 15px;
  line-height: 23px;
  padding: 16px;
  background: #fff;
  border-radius: 12px;
  max-width: 529px;
  box-sizing: border-box;
}
.agent-chat__conv--agent-greeting-good-question {
  background: #fff;
  padding: 16px 16px 8px 16px;
  border-radius: 20px;
  background: url(https://cdn-portal.hunyuan.tencent.com/public/6bcfb6df6cddd01a3dac.png) no-repeat;
  background-size: 100%;
  background-color: #fff;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading {
  padding-bottom: 16px;
  background: #fff;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .good-question-loading-header {
  margin-bottom: 16px;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .good-question-loading-header .t-skeleton__col {
  height: 40px;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .good-question-loading-img .t-skeleton__col {
  width: 56px;
  height: 56px;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .t-skeleton__row {
  margin-bottom: 12px;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .good-question-item-wrapper {
  gap: 56px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header {
  font-family: "Songti SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header-discovery-wrapper {
  display: flex;
  align-items: center;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header-discovery__title {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header-discovery__title img {
  width: 20px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header-discovery-more {
  color: #72756b;
  font-size: 12px;
  margin-left: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header-discovery-more:hover {
  color: #07C160;
}
.agent-chat__conv--agent-greeting-good-question .good-question-list-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /* 两列，每列占据可用空间 */
  grid-column-gap: 48px;
  /* 列间隔16px */
  grid-row-gap: 16px;
  /* 行间隔8px */
  width: 100%;
  overflow: hidden;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
  margin-bottom: calc(0px - 12px);
  margin-right: calc(0px - 12px);
  cursor: pointer;
  overflow: hidden;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper > * {
  margin-right: 12px;
  margin-bottom: 12px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper:hover .good-question-item-left-question {
  color: #07C160;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper img {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  object-fit: cover;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left {
  align-self: baseline;
  overflow: hidden;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left-question {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 4px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left-detail {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  white-space: nowrap;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left-detail .expose-reason {
  color: #20C57D;
  line-height: 17px;
  border-radius: 4px;
  padding: 2px 4px;
  background: rgba(7, 193, 96, 0.1);
  margin-right: 4px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left-detail .expose-tags {
  color: rgba(0, 0, 0, 0.4);
}
.agent-chat__conv--agent-greeting-good-question .more-good-questions {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.agent-chat__conv--agent-greeting-good-question {
  background: #fff;
  padding: 16px 16px 8px 16px;
  border-radius: 12px;
  background: url(https://cdn-portal.hunyuan.tencent.com/public/6bcfb6df6cddd01a3dac.png) no-repeat;
  background-size: 100%;
  background-color: #fff;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading {
  padding: 16px 16px 8px 16px;
  background: #fff;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .good-question-loading-header {
  margin-bottom: 8px;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .good-question-loading-header .t-skeleton__col {
  height: 40px;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .good-question-loading-img .t-skeleton__col {
  width: 56px;
  height: 56px;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .t-skeleton__row {
  margin-bottom: 4px;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .good-question-item-wrapper {
  gap: 56px;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .agent-chat__conv--agent-greeting-good-question__loading {
  display: block;
}
.agent-chat__conv--agent-greeting-good-question.good-question-loading .agent-chat__conv--agent-greeting-good-question__content {
  display: none;
}
.agent-chat__conv--agent-greeting-good-question .agent-chat__conv--agent-greeting-good-question__loading {
  display: none;
}
.agent-chat__conv--agent-greeting-good-question .agent-chat__conv--agent-greeting-good-question__content {
  display: block;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header {
  font-family: "Songti SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header-discovery-wrapper {
  display: flex;
  align-items: center;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header-discovery-more {
  color: #72756b;
  font-size: 12px;
  margin-left: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header-discovery-more:hover {
  color: #07C160;
}
.agent-chat__conv--agent-greeting-good-question .good-question-header-close-icon-wrapper {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.agent-chat__conv--agent-greeting-good-question .good-question-list-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /* 两列，每列占据可用空间 */
  grid-column-gap: 48px;
  /* 列间隔16px */
  grid-row-gap: 16px;
  /* 行间隔8px */
  width: 100%;
  overflow: hidden;
}
.agent-chat__conv--agent-greeting-good-question .good-question-list-wrapper.good-question-list-wrapper-one-row {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  /* 两列，每列占据可用空间 */
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  overflow: hidden;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper:hover .good-question-item-left-question {
  color: #07C160;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper img {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  object-fit: cover;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left {
  align-self: baseline;
  overflow: hidden;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left-question {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 4px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left-detail {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  white-space: nowrap;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left-detail img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  position: relative;
  top: 2px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left-detail .expose-reason {
  color: #20C57D;
  line-height: 17px;
  border-radius: 4px;
  padding: 2px 4px;
  background: rgba(7, 193, 96, 0.1);
  margin-right: 4px;
}
.agent-chat__conv--agent-greeting-good-question .good-question-item-wrapper .good-question-item-left-detail .expose-tags {
  color: rgba(0, 0, 0, 0.4);
}
.agent-chat__conv--agent-greeting-good-question .more-good-questions {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  color: gba(#000, 0.6);
  cursor: pointer;
  margin: 12px 0 4px;
}
.agent-chat__conv--agent-greeting-good-question .more-good-questions:hover {
  color: #20C57D;
}
.body-mobile .good-question-list-wrapper {
  grid-template-columns: repeat(1, 1fr);
  /* 两列，每列占据可用空间 */
}

.agent-chat__conv--agent-homepage-v2__header {
  transition: opacity 250ms;
  display: none;
}
.agent-chat__conv--agent-homepage-v2__title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 32px;
  line-height: 42px;
  font-weight: 500;
  margin-bottom: 8px;
}
.agent-chat__conv--agent-homepage-v2__title > span {
  display: inline-block;
  position: relative;
  color: #000000e5;
  margin-left: 5px;
}
.agent-chat__conv--agent-homepage-v2__title > span::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  z-index: 2;
  color: #000000e5;
  -webkit-mask-image: -webkit-linear-gradient(0, transparent, #4ea7d8);
  mask-image: linear-gradient(90deg, transparent, #4ea7d8);
}
.agent-chat__conv--agent-homepage-v2__desc {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}
.agent-chat__conv--agent-homepage-v2__list {
  display: none;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}
.agent-chat__conv--agent-homepage-v2__list__box {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  gap: 16px;
  overflow-x: auto;
}
.agent-chat__conv--agent-homepage-v2__list__box::-webkit-scrollbar {
  /* WebKit browsers */
  display: none;
}
.agent-chat__conv--agent-homepage-v2__list__item {
  flex: 1;
  cursor: pointer;
  transition-property: all;
  transition-duration: 320ms;
  transition-timing-function: ease-out;
  transform-origin: 0 100%;
  border: 1px solid #00000014;
  border-radius: 12px;
  border-width: 1px;
}
.agent-chat__conv--agent-homepage-v2__list__item img {
  width: 100%;
}
.agent-chat__conv--agent-homepage-v2__list__scroll {
  position: absolute;
  display: none;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  text-align: center;
  line-height: 28px;
  box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.05);
  background: #fff;
  cursor: pointer;
}
.agent-chat__conv--agent-homepage-v2__list__scroll.scroll-left {
  left: 5px;
}
.agent-chat__conv--agent-homepage-v2__list__scroll.scroll-right {
  right: 5px;
}
.agent-chat__conv--agent-homepage-v2__footer {
  display: none;
  margin-top: 40px;
}
.agent-chat__conv--agent-homepage-v2__login {
  height: 48px;
  width: 50%;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
}
.agent-chat__conv--agent-homepage-v2__login .t-button {
  height: 100%;
  border-radius: 24px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.agent-chat__conv--agent-homepage-v2__login__text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #fff;
  z-index: 2;
}
.agent-chat__conv--agent-homepage-v2__greeting {
  border-radius: 12px;
  background-color: transparent;
  font-size: 15px;
  line-height: 23px;
  padding: 16px 0;
  width: fit-content;
}
.agent-dialogue__content--common-new .agent-chat__conv--agent-homepage-v2__greeting {
  position: absolute;
  opacity: 0;
}
.agent-dialogue__content--common-new .agent-chat__conv--agent-homepage-v2__header {
  display: block;
}
.agent-dialogue__content--common-new .agent-chat__conv--agent-homepage-v2__list {
  display: flex;
}
.agent-dialogue__content--common-new .agent-chat__conv--agent-homepage-v2__footer {
  display: block;
}
.body-mobile .agent-chat__conv--agent-homepage-v2__list {
  gap: 8px;
  overflow: auto;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}
.body-mobile .agent-chat__conv--agent-homepage-v2__list::-webkit-scrollbar {
  width: 0;
  height: 0;
  cursor: pointer;
}
.body-mobile .agent-chat__conv--agent-homepage-v2__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.body-mobile .agent-chat__conv--agent-homepage-v2__list__item {
  min-width: 160px;
}
.body-mobile .agent-chat__conv--agent-homepage-v2__login {
  width: 100%;
}
.body-mobile .agent-chat__conv--agent-homepage-v2__list__scroll {
  display: block;
}
.hunyuan-greeting-intro {
  margin-bottom: 22px;
  font-size: 16px;
}
.hunyuan-greeting .more-questions .tip1 {
  color: rgba(0, 0, 0, 0.26);
  font-size: 14px;
}
.hunyuan-greeting .more-questions .questions-list {
  display: flex;
  gap: 16px;
  margin-top: 12px;
  cursor: pointer;
}
.hunyuan-greeting .more-questions .questions-list .item-detail-image {
  box-sizing: border-box;
  padding: 12px;
  width: 188px;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  background: #fff;
  transition: all 0.3s ease-in-out;
}
.hunyuan-greeting .more-questions .questions-list .item-detail-image:hover {
  border-color: #2d68ff;
  box-shadow: 0px 8px 40px 0px #00000014;
}
.hunyuan-greeting .more-questions .questions-list .item-detail-image-cover {
  width: 100%;
  height: 98px;
  object-fit: cover;
  border-radius: 6px;
}
.hunyuan-greeting .more-questions .questions-list .item-detail-image-title {
  margin-top: 8px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #000000e5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.hunyuan-greeting .more-questions .questions-list .item-detail-image-desc {
  font-size: 14px;
  line-height: 22px;
  color: #00000099;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hunyuan-greeting .more-questions .questions-list .item-detail {
  width: 188px;
  height: 128px;
  line-height: 26px;
  box-sizing: border-box;
  padding: 10px 17px;
  border-radius: 8px;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hunyuan-greeting .more-questions .questions-list .item-detail:hover {
  text-decoration: underline;
}
.hunyuan-greeting .more-questions .questions-list .item-detail > div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@keyframes jump-input-guide-item {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes show-homepage-v2-greeting {
  0% {
    transform: translateY(-48px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.agent-dialogue__content--common--homepage-animation .agent-chat__list__content-wrapper {
  overflow: visible;
}
.agent-dialogue__content--common--homepage-animation .agent-chat__conv--agent-homepage-v2 .agent-chat__conv--agent-homepage-v2__list {
  overflow: visible;
}
.agent-dialogue__content--common--homepage-animation .agent-chat__conv--agent-homepage-v2 .agent-chat__conv--agent-homepage-v2__list__item {
  opacity: 0;
}
.agent-dialogue__content--common--homepage-animation .agent-chat__conv--agent-homepage-v2 .agent-chat__conv--agent-homepage-v2__list__item[data-item-id="301"] {
  transition-delay: 120ms;
}
.agent-dialogue__content--common--homepage-animation .agent-chat__conv--agent-homepage-v2 .agent-chat__conv--agent-homepage-v2__list__item[data-item-id="302"] {
  transition-delay: 240ms;
}
.agent-dialogue__content--common--homepage-animation .agent-chat__conv--agent-homepage-v2 .agent-chat__conv--agent-homepage-v2__list__item[data-item-id="303"] {
  transition-delay: 360ms;
}
.agent-dialogue__content--common--homepage-animation .agent-chat__conv--agent-homepage-v2 .agent-chat__conv--agent-homepage-v2__header {
  opacity: 0;
  transition-delay: 100ms;
}
.agent-dialogue__content--common--homepage-animation .input-guide {
  overflow: visible;
}
.agent-dialogue__content--common--homepage-animation .input-guide .input-guide-item {
  animation: jump-input-guide-item 440ms ease-in-out;
}
.agent-dialogue__content--common--homepage-animation .input-guide .input-guide-item[data-item-id="300"] {
  animation-delay: 300ms;
}
.agent-dialogue__content--common--homepage-animation .input-guide .input-guide-item[data-item-id="301"] {
  animation-delay: 380ms;
}
.agent-dialogue__content--common--homepage-animation .input-guide .input-guide-item[data-item-id="302"] {
  animation-delay: 460ms;
}
.agent-dialogue__content--common--homepage-animation .input-guide .input-guide-item[data-item-id="303"] {
  animation-delay: 540ms;
}
.agent-dialogue__content--common--homepage-animation .agent-chat__conv--agent-homepage-v2__greeting {
  animation: show-homepage-v2-greeting 430ms ease-in-out forwards;
  animation-delay: 360ms;
}

.yb-app-qrcode {
  width: 140px;
  height: 168px;
  text-align: center;
}
.yb-app-qrcode p {
  font: var(--yb-font-title-4);
}
.yb-app-qrcode__img {
  width: 140px;
  height: 140px;
  margin-bottom: 4px;
}
.yb-app-qrcode__img img {
  width: 100%;
  height: 100%;
}
.yb-app-qrcode__img--loading {
  background: var(--yb-color-bg-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  width: 100%;
  height: 100%;
  font: var(--yb-font-title-4);
}

.body-mobile .agent-chat__list__item {
  padding: 8px 24px;
  position: relative;
}
.body-mobile .agent-chat__list--select .agent-chat__list__item {
  padding-left: calc(16px + 32px);
}
.agent-chat__list {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.agent-chat__list .hyc-content-text {
  font-size: 16px;
  line-height: 26px;
}
.agent-chat__list .hyc-content-img img,
.agent-chat__list .hyc-component-image-group img {
  min-width: auto;
  min-height: auto;
  max-width: 280px;
  max-height: 280px;
}
.agent-chat__list.t2i-agent-list-content .hyc-content-img img,
.agent-chat__list.t2i-agent-list-content .hyc-component-image-group img {
  max-height: 560px;
}
.agent-chat__list.creative-paint-agent-list .agent-chat__list__placeholder {
  height: 60px;
}
.agent-share--mobile .agent-chat__list .hyc-content-img img,
.agent-share--mobile .agent-chat__list .hyc-component-image-group img {
  max-width: 100%;
  max-height: 100%;
}
.agent-chat__list .hyc-content-img--fail,
.agent-chat__list .hyc-content-img--pause {
  width: 180px;
  height: 180px;
}
.agent-chat__list .hyc-content-option__content__item {
  color: var(--yb-component-option-color);
}
.agent-chat__list--select .agent-chat__list__indicator {
  display: block;
}
.agent-chat__list--select .agent-chat__list__item {
  padding-left: calc(24px + 32px);
}
.agent-chat__list--select .agent-chat__list__item__checkbox {
  display: block;
}
.agent-chat__list--loading .agent-chat__list__content-loading {
  display: flex;
}
.agent-chat__list__content {
  display: flex;
  flex-direction: column;
}
.agent-chat__list__content-wrapper {
  overflow-x: hidden;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
}
.agent-chat__list__content-wrapper::-webkit-scrollbar {
  width: 0;
  height: 6px;
  cursor: pointer;
}
.agent-chat__list__content-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.agent-chat__list__content-loading {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 13px 0;
}
.agent-chat__list__content-loading img {
  width: 24px;
  animation: rotate-loading 1s linear infinite;
}
.agent-chat__list__placeholder {
  width: 100%;
  height: 24px;
  flex: none;
}
.agent-chat__list__placeholder.agent-chat__list__placeholder-input-guide {
  height: 56px;
}
.agent-chat__list__full-width-time {
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: var(--yb-chat-time-color);
  padding-top: 4px;
}
.agent-chat__list__item {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 12px 24px;
  box-sizing: border-box;
}
.agent-chat__list__item--human .agent-chat__conv--human__toolbar {
  pointer-events: none;
}
.agent-chat__list__item--human.agent-chat__list__item--toolbar-animatend .agent-chat__conv--human__toolbar {
  pointer-events: initial;
}
.agent-chat__list__item--hidden {
  display: none;
}
.agent-chat__list__item--toolbar-show {
  padding-bottom: 0;
  padding-top: 20px;
}
.agent-chat__list__item--toolbar-show + .agent-chat__list__item--ai {
  padding-bottom: 20px;
  padding-top: 0;
}
.agent-chat__list__item--last .agent-chat__list__new-chat {
  display: block;
}
.agent-chat__list__item--hover .agent-chat__conv--human__toolbar {
  opacity: 1;
}
.agent-chat__list__item--special-column--loading .agent-chat__bubble--ai .agent-chat__bubble__content {
  padding: 0;
}
.agent-chat__list__item--special-column--loading .agent-chat__conv--ai--step .agent-chat__bubble__content {
  padding: 12px 16px;
}
.agent-chat__list__item--special-column--loading .agent-chat__speech-text {
  height: 0;
  overflow: hidden;
}
.agent-chat__list__item__checkbox {
  cursor: pointer;
  user-select: none;
  display: none;
  position: absolute;
  top: 4px;
  left: -32px;
}
.agent-chat__list__item__checkbox .t-checkbox.t-is-checked .t-checkbox__input {
  border-color: var(--yb-color-brand-primary);
  background-color: var(--yb-color-brand-primary);
}
.agent-chat__list__item__content {
  max-width: 802px;
  width: 100%;
  position: relative;
}
.agent-chat__list__item__anon {
  max-width: 932px !important;
}
.agent-chat__list--yuanqi .agent-chat__list__item {
  padding-left: 0;
  padding-right: 0;
}
.agent-chat__list--yuanqi .agent-chat__list__item__content {
  width: 100%;
  max-width: var(--hunyuan-chat-list-max-width) !important;
}
.agent-chat__list--yuanqi .agent-chat__hint-prompt {
  padding-left: 0;
  padding-right: 0;
}
.agent-chat__list--yuanqi .agent-chat__hint-prompt .hyc-content-option {
  width: 100%;
}
.agent-chat__list--yuanqi .agent-chat__list__indicator {
  top: -6px;
}
.agent-chat__list__new-chat {
  padding: 8px 24px;
}
.agent-chat__list__new-chat__create {
  color: var(--yb-color-brand-primary);
  cursor: pointer;
}
.agent-chat__list .hyc-parent-verify-btn.t-button {
  font-size: 14px;
  background-color: var(--yb-text-color-primary);
}
.agent-chat__list .hyc-parent-verify-btn.t-button:hover {
  background-color: var(--yb-text-color-secondary) !important;
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.agent-chat__video-player-wrapper--init.t-dialog__ctx.t-dialog__ctx--fixed {
  z-index: -1;
}
.agent-chat__video-player-wrapper .t-dialog__position > .t-dialog {
  max-width: 100%;
}
.agent-chat__video-player-wrapper .t-dialog {
  border-radius: 0;
  border: none;
  padding: 0;
  height: 100%;
}
.agent-chat__video-player-wrapper .t-dialog__position {
  padding: 0;
  height: 100%;
}
.agent-chat__video-player-wrapper .t-dialog__header {
  display: none;
}
.agent-chat__video-player-wrapper .t-dialog__body {
  padding: 0;
  height: 100%;
}
.agent-chat__video-player-wrapper__close {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 999;
  cursor: pointer;
}

.agent-chat__list__new-conv {
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.agent-chat__list__new-conv__content {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 12px;
  color: var(--yb-chat-clear-context-color);
  padding: 0 8px;
  cursor: pointer;
  border-radius: 2px;
}
.agent-chat__list__new-conv__content .iconfont {
  color: var(--yb-chat-clear-context-icon-color);
}
.agent-chat__list__new-conv__content__text {
  color: var(--yb-color-brand-primary);
}

.agent-chat__scroll-arrow {
  position: absolute;
  bottom: 24px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: 0 0 0 -24px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 100%;
  border: 0;
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: 0.2s;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  pointer-events: none;
}
.share-from-app-box .agent-chat__scroll-arrow {
  display: none;
}
.agent-chat__scroll-arrow--show {
  opacity: 1;
  pointer-events: auto;
}
.agent-chat__scroll-arrow--show-input-guide {
  bottom: 56px;
}

.body-mobile .agent-chat__list__indicator {
  padding: 6px 16px 6px calc(16px + 32px);
}
.agent-chat__list__indicator {
  padding: 6px 24px 6px calc(24px + 32px);
  box-sizing: border-box;
  width: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: -20px;
  z-index: 10;
  pointer-events: none;
}
.agent-chat__list__indicator::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--yb-share-indicator-border-color);
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
.agent-chat__list__indicator__content {
  max-width: 802px;
  width: 100%;
  margin: 0 auto;
}
.agent-chat__list__indicator__button {
  width: 144px;
  height: 30px;
  background-color: var(--yb-share-indicator-bg-color);
  border: 1px solid var(--yb-share-indicator-border-color);
  color: var(--yb-share-indicator-color);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
}

.agent-chat__list-error {
  height: 100%;
  padding-bottom: 22px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.agent-chat__list-error__info {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
  margin-bottom: 16px;
}

.hy-tx-player {
  width: 100%;
  height: 100%;
}
.hy-tx-player .plugin_ctrl_txp_bottom .txp_progress_play {
  background-color: #fff;
}
.hy-tx-player .plugin_ctrl_txp_bottom .txp_btn:hover .txp_icon {
  fill: #fff;
}
.hy-tx-player .plugin_ctrl_txp_bottom .txp_btn:hover .txp_icon_fullscreen {
  stroke: #fff;
}
.hy-tx-player--ctrlbar-show .txp_videos_container {
  bottom: 56px !important;
  height: auto !important;
}
.hy-tx-player--ctrlbar-show .plugin_ctrl_txp_bottom.txp_none {
  display: flex !important;
}
.hy-tx-player--ctrlbar-show.hy-tx-player--info-show .txp_videos_container {
  bottom: calc(56px + 48px) !important;
  height: auto !important;
}
.hy-tx-player__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  z-index: -1;
}
.hy-tx-player__info {
  position: absolute;
  left: 0;
  top: calc(-8px - 60px);
  height: 60px;
  width: 100%;
  background-color: #000;
}
.hy-tx-player__info__title {
  position: absolute;
  bottom: calc(60px + 16px);
  left: 16px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  max-width: 30%;
}
.hy-tx-player__info__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0 16px !important;
}
.hy-tx-player__info__source {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hy-tx-player__info__source-logo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.hy-tx-player__info__source-name {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}
.hy-tx-player__info__time {
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}
.hy-tx-player__info__extra {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hy-tx-player__info__logo {
  font-size: 0;
}
.hy-tx-player--mobile .hy-tx-player__info {
  top: -60px;
}
.hy-tx-player--mobile .hy-tx-player__info__title {
  max-width: none;
  right: 16px;
}
.hy-tx-player--mobile .plugin_ctrl_mobile_txp_bottom.txp_none {
  display: flex;
}
.hy-tx-player--mobile .plugin_ctrl_mobile_txp_bottom.txp_none .txp_left_controls,
.hy-tx-player--mobile .plugin_ctrl_mobile_txp_bottom.txp_none .txp_progress_bar_container,
.hy-tx-player--mobile .plugin_ctrl_mobile_txp_bottom.txp_none .txp_center_controls,
.hy-tx-player--mobile .plugin_ctrl_mobile_txp_bottom.txp_none .txp_right_controls {
  display: none;
}
.hy-tx-player--mobile .plugin_ctrl_mobile_txp_bottom.txp_none .hy-tx-player__info {
  top: unset;
  bottom: 0;
}

.agent-chat__video-player {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 675px) {
  .body-mobile .hyc-custom-photo-view .t-dialog__position,
  .share-from-app-box .hyc-custom-photo-view .t-dialog__position {
    height: 100%;
  }
  .body-mobile .hyc-custom-photo-view .t-dialog,
  .share-from-app-box .hyc-custom-photo-view .t-dialog {
    max-width: 100%;
    height: 100%;
    padding: 0;
  }
  .body-mobile .hyc-custom-photo-view .t-dialog__body,
  .share-from-app-box .hyc-custom-photo-view .t-dialog__body {
    padding: 0;
    height: 100%;
  }
  .body-mobile .hyc-custom-photo-view-control,
  .share-from-app-box .hyc-custom-photo-view-control {
    top: 24px;
    right: 14px;
  }
  .body-mobile .text2image-preview,
  .share-from-app-box .text2image-preview {
    position: relative;
    width: 100vw;
    height: 100%;
    margin-top: 0;
  }
  .body-mobile .text2image-preview-pages,
  .share-from-app-box .text2image-preview-pages {
    color: #fff;
    position: fixed;
    top: 8vh;
    left: 50%;
    display: block;
    transform: translateX(-50%);
  }
  .body-mobile .text2image-preview .arrow-left,
  .share-from-app-box .text2image-preview .arrow-left,
  .body-mobile .text2image-preview .arrow-right,
  .share-from-app-box .text2image-preview .arrow-right {
    display: none;
  }
  .body-mobile .text2image-preview .swiper,
  .share-from-app-box .text2image-preview .swiper {
    width: 100%;
    height: 100%;
  }
  .body-mobile .text2image-preview .swiper-wrapper,
  .share-from-app-box .text2image-preview .swiper-wrapper {
    align-items: center;
  }
  .body-mobile .text2image-preview .swiper-slide,
  .share-from-app-box .text2image-preview .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .body-mobile .text2image-preview .swiper-slide img,
  .share-from-app-box .text2image-preview .swiper-slide img {
    max-height: 375px;
  }
  .body-mobile .text2image-preview-image,
  .share-from-app-box .text2image-preview-image {
    margin: 0;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    padding-top: 8vh;
  }
  .body-mobile .text2image-preview-image img,
  .share-from-app-box .text2image-preview-image img {
    object-fit: contain;
    max-width: 100%;
    max-height: 375px;
  }
  .body-mobile .text2image-preview .t2i-operations,
  .share-from-app-box .text2image-preview .t2i-operations {
    display: flex;
    justify-content: center;
    column-gap: 8.53vw;
  }
  .body-mobile .text2image-preview .t2i-operations__right-items .icon-art_style,
  .share-from-app-box .text2image-preview .t2i-operations__right-items .icon-art_style {
    background: linear-gradient(106deg, #00d862 -11.92%, #00cdff 123.72%), rgba(0, 0, 0, 0.4);
  }
  .body-mobile .text2image-preview .t2i-operations__right-items .icon-art_style + span,
  .share-from-app-box .text2image-preview .t2i-operations__right-items .icon-art_style + span {
    display: none;
  }
  .body-mobile .text2image-preview .t2i-operations-item,
  .share-from-app-box .text2image-preview .t2i-operations-item,
  .body-mobile .text2image-preview .t2i-operations__right-items,
  .share-from-app-box .text2image-preview .t2i-operations__right-items {
    flex: none;
    margin-right: 0;
    flex-direction: column;
    border: none;
    height: auto;
    width: auto;
    background: none !important;
  }
  .body-mobile .text2image-preview .t2i-operations-item .icon,
  .share-from-app-box .text2image-preview .t2i-operations-item .icon,
  .body-mobile .text2image-preview .t2i-operations__right-items .icon,
  .share-from-app-box .text2image-preview .t2i-operations__right-items .icon {
    background-color: rgba(255, 255, 255, 0.14);
    height: 32px;
    width: 32px;
    border-radius: 50%;
    margin-bottom: 6px;
    margin-right: 0;
    text-align: center;
    line-height: 32px;
  }
  .body-mobile .text2image-preview .t2i-operations-item span:last-of-type,
  .share-from-app-box .text2image-preview .t2i-operations-item span:last-of-type,
  .body-mobile .text2image-preview .t2i-operations__right-items span:last-of-type,
  .share-from-app-box .text2image-preview .t2i-operations__right-items span:last-of-type {
    color: rgba(255, 255, 255, 0.6);
  }
  .body-mobile .text2image-preview .t2i-operations-item--edit-prompt,
  .share-from-app-box .text2image-preview .t2i-operations-item--edit-prompt {
    display: none;
  }
  .body-mobile .text2image-preview-desc,
  .share-from-app-box .text2image-preview-desc {
    margin: 0;
    margin-bottom: 6vh;
    padding-top: 0;
    gap: unset;
  }
  .body-mobile .text2image-preview-desc .mobile-control,
  .share-from-app-box .text2image-preview-desc .mobile-control {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .body-mobile .text2image-preview-desc .mobile-control-type,
  .share-from-app-box .text2image-preview-desc .mobile-control-type {
    color: rgba(255, 255, 255, 0.6);
  }
  .body-mobile .text2image-preview-desc .mobile-control > div,
  .share-from-app-box .text2image-preview-desc .mobile-control > div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .body-mobile .text2image-preview-desc .mobile-control .icon-download,
  .share-from-app-box .text2image-preview-desc .mobile-control .icon-download,
  .body-mobile .text2image-preview-desc .mobile-control .inspiration-icon,
  .share-from-app-box .text2image-preview-desc .mobile-control .inspiration-icon,
  .body-mobile .text2image-preview-desc .mobile-control .t2i-operations-icon,
  .share-from-app-box .text2image-preview-desc .mobile-control .t2i-operations-icon {
    margin-bottom: 8px;
  }
  .body-mobile .text2image-preview-desc .mobile-control .mobile-gotoT2i,
  .share-from-app-box .text2image-preview-desc .mobile-control .mobile-gotoT2i {
    margin-left: 54px;
  }
  .body-mobile .text2image-preview-desc .mobile-control .t2i-operations-icon,
  .share-from-app-box .text2image-preview-desc .mobile-control .t2i-operations-icon {
    background: linear-gradient(106deg, #00d862 -11.92%, #00cdff 123.72%), rgba(0, 0, 0, 0.4);
  }
  .body-mobile .text2image-preview-desc-footer,
  .share-from-app-box .text2image-preview-desc-footer {
    margin-bottom: 0;
  }
  .body-mobile .text2image-preview-desc-title,
  .share-from-app-box .text2image-preview-desc-title {
    display: none;
  }
  .body-mobile .text2image-preview-desc-content,
  .share-from-app-box .text2image-preview-desc-content {
    display: none;
  }
  .hyc-component-multi-modal__file-list {
    flex-direction: column;
  }
  .hyc-photo-view-overlay--with-link .hyc-photo-view__control::after {
    height: 140px;
  }
  .hyc-photo-view__control {
    flex-direction: row-reverse;
    justify-content: center;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    gap: 52px;
    padding-bottom: 56px;
  }
  .hyc-photo-view__control__btn {
    width: 32px;
    height: 32px;
    background-color: rgba(48, 48, 48, 0.8);
  }
  .hyc-photo-view__control__btn svg {
    width: 16px;
    height: 16px;
  }
  .hyc-photo-view__control__btn-download {
    position: relative;
    z-index: 2;
  }
  .hyc-photo-view__control__btn-download::after {
    content: '保存图片';
    position: absolute;
    bottom: -24px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
  }
  .hyc-photo-view__control__btn-link {
    position: relative;
    z-index: 2;
  }
  .hyc-photo-view__control__btn-link::after {
    content: '跳转来源';
    position: absolute;
    bottom: -24px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
  }
  .hyc-photo-view__control__btn-share {
    position: relative;
    z-index: 2;
  }
  .hyc-photo-view__control__btn-share::after {
    content: '分享';
    position: absolute;
    bottom: -24px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
  }
  .hyc-photo-view__control::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  }
  .hyc-photo-view__close {
    top: 24px;
    right: 14px;
    background: #00000099;
  }
  .hyc-photo-view__risk-tip {
    bottom: 100px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 8px;
    padding: 4px 8px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
  }
}
@keyframes show {
  from {
    height: 0;
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    height: 48px;
    transform: translateY(0);
  }
}
@keyframes hide {
  from {
    height: 48px;
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    height: 0;
    transform: translateY(20px);
  }
}
.image-ai {
  border-top-left-radius: 16px;
  padding: 2px;
  background: linear-gradient(141.26deg, rgba(255, 255, 255, 0.05) 22.26%, rgba(159, 159, 159, 0) 46.34%);
  position: relative;
}
.image-ai-tip {
  position: absolute;
  top: 7px;
  display: flex;
  transform: translateY(-100%);
}
.image-ai-content {
  border-top-left-radius: 14px;
  padding: 16px;
  background: linear-gradient(169.56deg, #3e403d 0%, #2a2a2a 8.01%, rgba(36, 36, 36, 0) 21.91%, rgba(33, 33, 33, 0) 96.77%);
}
.image-ai-content-title {
  font-size: 20px;
  margin-left: 4px;
  background: linear-gradient(105.89deg, #00d862 -11.92%, #00cdff 123.72%);
  -webkit-background-clip: text;
  /* 背景裁剪到文本 */
  -webkit-text-fill-color: transparent;
  /* 使文本颜色透明 */
}
.image-ai-content-edit {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.image-ai-content-edit-item {
  cursor: pointer;
  padding: 12px 16px;
  background: #383838;
  border-radius: 8px;
}
.image-ai-content-edit-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.image-ai-content-edit-item-top-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.image-ai-content-edit-item-top-name span {
  margin-left: 4px;
  font-size: 14px;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text2image-preview {
  display: flex;
  height: 90vh;
  max-width: 1400px;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.text2image-preview .arrow-left,
.text2image-preview .arrow-right {
  height: 32px;
  width: 32px;
  background: #383838;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
}
.text2image-preview .arrow-left {
  left: 24px;
}
.text2image-preview .arrow-right {
  right: 24px;
}
.text2image-preview .arrow-disabled {
  color: #666;
  cursor: not-allowed;
}
.text2image-preview-tools {
  width: 100%;
}
.text2image-preview-tools-left {
  display: flex;
  align-items: center;
  justify-content: center;
}
.text2image-preview-tools-image-list {
  height: 0;
}
.text2image-preview-tools-image-list-show {
  animation: show 0.1s forwards;
}
.text2image-preview-tools-image-list-hide {
  animation: hide 0.1s forwards;
}
.text2image-preview-pages {
  display: none;
}
.text2image-preview-image {
  position: relative;
  flex: 1;
  padding: 0 64px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: calc(85vw - 400px);
}
.text2image-preview-image > img {
  object-fit: contain;
  max-width: 100%;
  max-height: 776px;
}
.text2image-preview-image-mobile-link {
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgba(24, 24, 24, 0.6);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text2image-preview-desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: rgba(255, 255, 255, 0.9);
  padding-top: 36px;
}
.text2image-preview-desc-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}
.text2image-preview-desc-content {
  width: 376px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.text2image-preview-desc-footer {
  margin-bottom: 6vh;
}
.text2image-preview-desc-footer .t2i-operations-item {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: none;
}
@media screen and (max-width: 1095px) {
  .image-ai {
    display: none;
  }
  .text2image-preview {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .text2image-preview-image {
    width: calc(85vw - 100px);
    max-width: 100%;
    height: 100%;
    margin-bottom: 16px;
  }
  .text2image-preview-image img {
    max-height: 500px;
  }
  .text2image-preview-desc {
    width: calc(85vw - 100px);
    margin-top: 0;
    padding: 36px 64px 0;
  }
  .text2image-preview-desc-content {
    width: 100%;
  }
}
.text2ImageViewer.hyc-common-dialog {
  background-color: rgba(0, 0, 0, 0.86);
}
.text2ImageViewer.hyc-common-dialog .hyc-common-dialog__body .hyc-common-dialog__content {
  padding: 0;
  font-size: 0;
}
.text2ImageViewer.hyc-common-dialog .hyc-common-dialog__wrapper {
  color: #ffffff;
  background-color: unset;
}
.text2ImageViewer.hyc-common-dialog .hyc-common-dialog__close {
  background: none;
  top: 0;
}
@media screen and (max-width: 820px) {
  .text2ImageViewer .hyc-common-dialog__close {
    top: -40px;
    right: 0;
  }
}
.agent-chat__speech-card__text {
  margin-top: 8px;
}
.agent-chat__speech-card__card-list {
  margin-top: 8px;
}
.agent-chat__speech-card__card-list .hyc-card-box-card-list__hd {
  margin-bottom: 8px;
}
.agent-chat__speech-card__card-list .hyc-card-box-card-list__hd__l {
  font-size: 16px;
  line-height: 24px;
}
.agent-chat__speech-text .hyc-card-box-search-ref {
  display: flex;
}
.agent-chat__speech-text .hyc-card-box-search-ref__content {
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
}
.agent-chat__speech-text .hyc-card-box-search-ref__content ul li:last-child {
  margin-bottom: 0;
}
.agent-chat__speech-text .hyc-card-box-search-ref {
  margin-bottom: 8px;
}
.agent-chat__speech-text__tip {
  margin-top: 16px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
}
.agent-chat__speech-ai-search-pro .agent-chat__speech-card__search-list {
  margin-bottom: 16px;
}
.agent-chat__speech-outline .hyc-card-box-search-ref .hyc-card-box-search-ref__content {
  padding-bottom: 8px;
}
.agent-chat__speech-outline .hyc-card-box-search-ref .hyc-card-box-search-ref__content ul li:last-child {
  margin-bottom: 0;
}
.agent-chat__speech-outline .hyc-card-box-search-ref {
  margin-bottom: 8px;
}
.hyc-component-reasoner__think-content .hyc-common-markdown-style {
  color: rgba(0, 0, 0, 0.6);
}
.hyc-component-reasoner__text .hyc-common-markdown-style .katex .vlist-t {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hyc-component-reasoner__text .hyc-common-markdown-style .katex .vlist-t::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.image-preview {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.image-preview-drag-area {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.image-preview-drag-area > div {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: center;
}
.image-preview-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  user-select: none;
}

.inspiration-image__content__fail {
  width: 100%;
  height: 100%;
  background-color: #e7e7e7;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.4);
}

.image-preview-tools {
  position: relative;
}
.image-preview-tools-image-list {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 16px;
}
.image-preview-tools-image-list .swiper {
  flex: 1;
}
.image-preview-tools-image-list .swiper-page {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.image-preview-tools-image-list .swiper-slide {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  box-sizing: border-box;
}
.image-preview-tools-image-list .swiper-slide .t-image__wrapper,
.image-preview-tools-image-list .swiper-slide img {
  height: 100%;
  width: 100%;
}
.image-preview-tools-image-list .active {
  border: 2px solid #20c57d;
}
.image-preview-tools-image-list .swiper-page__prev {
  left: 10px;
}
.image-preview-tools-image-list .swiper-page__next {
  right: 10px;
}
.image-preview-tools-image-list .swiper-page-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.image-preview-tools-image-list .swiper-page__bg {
  height: 120px;
  width: 30px;
}
.image-preview-tools-zoom .t-input-number .t-input-number__decrease,
.image-preview-tools-zoom .t-input-number .t-input-number__increase,
.image-preview-tools-zoom .t-input-number .t-input {
  background: #383838;
  border: none;
  border-radius: 0;
}
.image-preview-tools-zoom .t-input-number .t-input-number__decrease:not(.t-is-disabled):hover,
.image-preview-tools-zoom .t-input-number .t-input-number__increase:not(.t-is-disabled):hover {
  background: #4B4B4B;
}
.image-preview-tools-zoom .t-input-number .t-input-number__decrease {
  border-radius: 0;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.image-preview-tools-zoom .t-input-number .t-input-number__increase {
  border-radius: 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.image-preview-tools-zoom .t-input-number .t-input__wrap {
  margin: 0 2px !important;
}
.image-preview-tools-zoom .t-input-number .t-input-number__decrease .t-icon,
.image-preview-tools-zoom .t-input-number .t-input-number__increase .t-icon,
.image-preview-tools-zoom .t-input-number .t-input input {
  color: #fff;
}
.image-preview-tools-zoom .t-input-number .t-input input {
  font-weight: 600;
}
.image-preview-tools-zoom .t-input-number .t-input--focused {
  box-shadow: none;
}
.image-preview-tools-zoom .t-input-number .t-is-disabled:hover .t-icon {
  color: #7d7d7d;
}
.image-preview-tools-reset,
.image-preview-tools-download,
.image-preview-tools-image-list-button {
  background: #383838 !important;
  border-radius: 16px !important;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.image-preview-tools-image-list-button .t-button__text {
  display: flex;
  align-items: center;
}
.image-preview-tools-download svg {
  margin-right: 4px;
}

:global .image-editor-dialog-header {
  height: 82px;
  background: rgba(24, 24, 24);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 480px;
}
:global .image-editor-dialog-header .image-editor-next-last-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
  color: #fff;
  font-weight: 500;
}
:global .image-editor-dialog-header .image-editor-next-last-wrapper svg {
  cursor: pointer;
}
:global .image-editor-dialog-header .image-editor-next-last-wrapper .next-last-btn-disabled {
  color: #575757;
  font-weight: 400;
  cursor: not-allowed;
}
:global .image-editor-dialog-header .image-editor-next-last-wrapper .next-last-btn-disabled svg {
  pointer-events: none;
}
:global .image-editor-dialog-header .image-editor-dialog-close-btn {
  position: absolute;
  right: 36px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10000;
  width: 110px;
  height: 40px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  background: #383838;
  border-radius: 90px;
  cursor: pointer;
}
:global .image-editor-dialog-header .image-editor-dialog-close-btn:hover {
  background: #4b4b4b;
}
:global .image-editor-wrapper {
  display: flex;
  width: 100%;
  overflow: hidden;
  background: rgba(24, 24, 24);
}
:global .image-editor-wrapper .image-editor-item {
  flex: 1;
  overflow: hidden;
  height: 100%;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper {
  height: calc(100vh - 82px);
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-image-preview {
  flex: 1;
  position: relative;
  overflow: hidden;
  padding: 0 10px;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-image-preview .image-preview {
  border-radius: 0;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-image-preview .image-editor-item-image-generate-error {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(0, 0, 0, 0.6);
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-image-preview .image-editor-item-image-generate-error .reload-btn {
  color: #20c57d;
  cursor: pointer;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-image-preview-expand img {
  border-radius: unset !important;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 82px;
  box-sizing: border-box;
  flex-shrink: 0;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-left {
  display: flex;
  align-items: center;
  gap: 4px;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-left .image-editor-item-tools-drag-ntn {
  background: #383838;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-left .image-editor-item-tools-drag-ntn:hover {
  background: #4b4b4b;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-center {
  display: flex;
  align-items: center;
  gap: 8px;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-center .image-editor-item-tools-pre-img {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-center .image-editor-item-tools-pre-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-center .image-editor-item-tools-pre-img .pre-img-tip {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 2px;
  font-size: 8px;
  border-radius: 4px;
  white-space: nowrap;
  line-height: 13px;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-center .image-editor-item-tools-pre-img.image-editor-item-tools-pre-img-disabled {
  cursor: not-allowed;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-center .image-editor-item-tools-cur-img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 2px solid #20c57d;
  box-sizing: border-box;
  object-fit: cover;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-center .image-editor-item-tools-pk-btn {
  width: 106px;
  height: 34px;
  border-radius: 32px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-weight: 600;
  background: #383838;
  cursor: pointer;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-center .image-editor-item-tools-pk-btn:hover {
  background: #4b4b4b;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-download-ntn {
  color: #fff;
  background: #383838;
  font-weight: 600;
  width: 82px;
  min-width: 82px;
  height: 34px;
  border-radius: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  margin-right: 5px;
}
:global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper .image-editor-item-tools-download-ntn:hover {
  background: #4b4b4b;
}
@media screen and (max-width: 2160px) {
  :global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper {
    width: 736px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1440px) {
  :global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper {
    width: 736px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1260px) {
  :global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper {
    width: 100%;
    padding: 0 10px;
  }
}
@media screen and (max-width: 1200px) {
  :global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper {
    width: 100%;
    padding: 0 15px;
  }
}
@media screen and (max-width: 900px) {
  :global .image-editor-wrapper .image-editor-item .image-editor-item-wrapper .image-editor-item-tools-wrapper {
    width: 100%;
    padding: 0 15px;
  }
}
:global .image-editor-wrapper .image-editor-config-wrapper {
  width: 480px;
  height: 100%;
  flex-shrink: 0;
  background: url(https://cdn-portal.hunyuan.tencent.com/public/5497b0e79d8fda1f6bb0.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #2a2a2a;
  border-radius: 16px 0 0 0;
}
@media screen and (max-width: 996px) {
  :global .image-editor-wrapper {
    overflow: auto;
  }
  :global .image-editor-wrapper::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    cursor: pointer;
  }
  :global .image-editor-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: red;
    cursor: pointer;
  }
  :global .image-editor-item {
    min-width: 496px;
  }
}
:global .t-loading__overlay {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
:global .image-editor-loading {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 12px;
  padding-right: 480px;
  align-items: center;
}
:global .image-editor-loading .image-editor-loading-icon {
  width: 32px;
  height: 32px;
}
:global .image-editor-loading .image-editor-stop-generate {
  width: 82px;
  height: 28px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border-radius: 16px;
  background: rgba(0, 201, 118, 0.2);
  cursor: pointer;
}
:global .image-editor-loading .image-editor-stop-generate:hover {
  background: rgba(0, 201, 118, 0.5);
}
:global .disaled-style {
  cursor: not-allowed !important;
}

.right-editor-config-wrapper {
  height: calc(100vh - 82px);
  box-sizing: border-box;
  padding: 24px 32px;
  border-radius: 16px 0px 0px 0px;
  border: 1px rgba(255, 255, 255, 0.05);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.right-editor-config-wrapper .right-editor-config-content {
  flex: 1;
  overflow: hidden;
}
.right-editor-config-wrapper .right-editor-config-header {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 32px 0;
}
.right-editor-config-wrapper .edit-tools-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  /* 两列，每列占据可用空间 */
  grid-column-gap: 16px;
  /* 列间隔16px */
  grid-row-gap: 16px;
  /* 行间隔8px */
  width: 100%;
  overflow: hidden;
}
.right-editor-config-wrapper .edit-tools-list-item {
  border-radius: 8px;
  background: rgba(56, 56, 56);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 76px;
  box-sizing: border-box;
  gap: 4px;
  color: #fff;
  cursor: pointer;
}
.right-editor-config-wrapper .edit-tools-list-item .edit-tools-icon {
  width: 24px;
  height: 24px;
}
.right-editor-config-wrapper .edit-tools-list-item:hover {
  background: rgba(75, 75, 75);
}
.right-editor-config-wrapper .edit-tools-list .edit-tools-list-item-active {
  background: url(https://cdn-portal.hunyuan.tencent.com/public/bef1546adeae2e47a0f7.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.right-editor-config-wrapper .right-editor-generate-btn {
  width: 100%;
  height: 40px;
  border-radius: 90px;
  font-weight: 600;
}

.right-editor-style-change-wrapper .right-editor-style-change-header {
  margin: 40px 0 24px 0;
  font-size: 16px;
  font-weight: 500;
}
.right-editor-style-change-wrapper .right-editor-style-item-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  /* 两列，每列占据可用空间 */
  grid-column-gap: 14px;
  /* 列间隔16px */
  grid-row-gap: 14px;
  /* 行间隔8px */
  max-height: calc(100vh - 460px);
  overflow: auto;
}
.right-editor-style-change-wrapper .right-editor-style-item-list .right-editor-style-item {
  height: 70px;
  position: relative;
  cursor: pointer;
  padding: 2px 2px;
  border-radius: 8px;
  overflow: hidden;
}
.right-editor-style-change-wrapper .right-editor-style-item-list .right-editor-style-item::after {
  content: '';
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
  opacity: 0.9;
}
.right-editor-style-change-wrapper .right-editor-style-item-list .right-editor-style-item img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.75) 100%);
}
.right-editor-style-change-wrapper .right-editor-style-item-list .right-editor-style-item .right-editor-style-name {
  position: absolute;
  bottom: 4px;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  text-shadow: 2px 2px 4px #000000;
  z-index: 100;
}
.right-editor-style-change-wrapper .right-editor-style-item-list .right-editor-style-item.right-editor-style-item__active {
  background: linear-gradient(106deg, #00D862 -11.92%, #00CDFF 123.72%);
}

.right-editor-image-expand-wrapper .right-editor-image-expand-header {
  margin: 40px 0 24px 0;
  font-size: 16px;
  font-weight: 500;
}
.right-editor-image-expand-wrapper .right-editor-expand-item-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  /* 两列，每列占据可用空间 */
  grid-column-gap: 14px;
  /* 列间隔16px */
  grid-row-gap: 14px;
  /* 行间隔8px */
  max-height: calc(100vh - 460px);
  overflow: auto;
}
.right-editor-image-expand-wrapper .right-editor-expand-item-list .right-editor-expand-item {
  height: 70px;
  border-radius: 8px;
  background: #383838;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-editor-image-expand-wrapper .right-editor-expand-item-list .right-editor-expand-item .right-editor-expand-name {
  background: #4B4B4B;
  border-radius: 4px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-editor-image-expand-wrapper .right-editor-expand-item-list .right-editor-expand-item.right-editor-expand-item__active {
  background: url(https://cdn-portal.hunyuan.tencent.com/public/927be7bb3734dbe308eb.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 1px;
}
.right-editor-image-expand-wrapper .right-editor-expand-item-list .right-editor-expand-item.right-editor-expand-item__active .right-editor-expand-name {
  background: linear-gradient(106deg, rgba(0, 216, 98, 0.15) -11.92%, rgba(0, 205, 255, 0.15) 123.72%);
}
.right-editor-image-expand-wrapper .right-editor-expand-item-list .right-editor-expand-item:not(.right-editor-image-expand-wrapper .right-editor-expand-item-list .right-editor-expand-item.right-editor-expand-item__active):hover {
  background: rgba(75, 75, 75, 0.7);
}

.right-editor-image-elimination-wrapper .right-editor-image-elimination-header {
  margin: 40px 0 24px 0;
  font-size: 16px;
  font-weight: 500;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-tool {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #383838;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-tool svg {
  fill: rgba(255, 255, 255, 0.3);
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-tool.elimination-config-tool-active {
  color: #20C57D;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-tool.elimination-config-tool-active svg {
  fill: #20C57D;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config span {
  white-space: nowrap;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider {
  flex: 1;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider .t-slider__button {
  width: 10px;
  height: 10px;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider .t-slider__track {
  background: rgba(255, 255, 255, 0.6);
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider .t-slider__rail {
  background: #313131;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider .t-slider__button {
  border: unset;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider .t-slider__button.t-slider__button--dragging {
  box-shadow: unset;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .t-slider__input-container {
  margin-left: 8px;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input {
  width: 55px;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input .t-input {
  padding-right: 22px;
  border: unset;
  background-color: #383838;
  border-radius: 8px;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input .t-input .t-input__inner {
  color: #fff;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input .t-input-number__decrease,
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input .t-input-number__increase {
  width: 14px;
  height: 14px;
  background: unset;
  visibility: visible !important;
  opacity: 1;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input .t-input-number__decrease svg,
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input .t-input-number__increase svg {
  color: #4B4B4B;
  font-size: 14px;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input .t-input-number__decrease svg:hover,
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input .t-input-number__increase svg:hover {
  color: #7d7d7d;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input .t-input-number__decrease {
  top: unset;
  bottom: 3px;
  right: 4px;
}
.right-editor-image-elimination-wrapper .right-editor-image-elimination-config .elimination-config-slider-input .t-input-number__increase {
  top: 3px;
  right: 4px;
}
.right-editor-image-elimination-wrapper .elimination-config-tool-clear {
  display: flex;
  align-items: center;
  gap: 16px;
}
.right-editor-image-elimination-wrapper .elimination-config-tool-clear .elimination-config-tool-clear-btn {
  flex: 1;
  height: 40px;
  color: #929292;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #383838;
  border-radius: 90px;
  cursor: not-allowed;
}
.right-editor-image-elimination-wrapper .elimination-config-tool-clear .elimination-config-tool-clear-btn svg {
  color: #929292;
}
.right-editor-image-elimination-wrapper .elimination-config-tool-clear .elimination-config-tool-clear-btn.elimination-config-tool-clear-btn-active {
  color: #fff;
  cursor: pointer;
}
.right-editor-image-elimination-wrapper .elimination-config-tool-clear .elimination-config-tool-clear-btn.elimination-config-tool-clear-btn-active svg {
  color: #fff;
}

.GTJbHVCAgj0vL7998Hta {
  position: relative;
}
.GTJbHVCAgj0vL7998Hta svg {
  display: block;
}
.FbVEvgDQx4mgO_0xEBPy {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #20C57D;
}
.FbVEvgDQx4mgO_0xEBPy .iconfont {
  display: block;
  zoom: 0.75;
}

.image-editor-pk-dialog .t-dialog__position.t-dialog--top {
  padding: 0;
}
.image-editor-pk-dialog .t-dialog {
  height: 100vh;
  border: unset;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.85);
}
.image-editor-pk-dialog .t-dialog .t-dialog__header {
  padding: 32px 0;
  background: rgba(0, 0, 0, 0.8);
}
.image-editor-pk-dialog .t-dialog .t-dialog__header .t-dialog__close {
  color: #fff;
}
.image-editor-pk-dialog .t-dialog .t-dialog__header .t-dialog__close:hover {
  background: unset;
}
.image-editor-pk-dialog .t-dialog .t-dialog__body {
  padding: 0;
}
.image-editor-pk-dialog .image-editor-pk-wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 88px);
  overflow: hidden;
  box-sizing: border-box;
}
.image-editor-pk-dialog .image-editor-pk-wrapper .image-editor-pk-imgs {
  flex: 1;
  display: flex;
  gap: 1px;
  overflow: hidden;
}
.image-editor-pk-dialog .image-editor-pk-wrapper .image-editor-pk-imgs .image-editor-pk-imgs-source,
.image-editor-pk-dialog .image-editor-pk-wrapper .image-editor-pk-imgs .image-editor-pk-imgs-pk {
  position: relative;
  flex: 1;
  background: #1a1a1b;
  box-sizing: border-box;
  border: 1px rgba(255, 255, 255, 0.1);
}
.image-editor-pk-dialog .image-editor-pk-wrapper .image-editor-pk-imgs .image-editor-pk-imgs-source .img-tip,
.image-editor-pk-dialog .image-editor-pk-wrapper .image-editor-pk-imgs .image-editor-pk-imgs-pk .img-tip {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #fff;
  padding: 1px 4px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 7px;
}
.image-editor-pk-dialog .image-editor-pk-tools {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 24px 0 55px 0;
}
.image-editor-pk-dialog .image-editor-pk-tools .image-editor-item-tools-drag-ntn {
  background: #383838;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.yb-scratch-card {
  position: absolute;
  z-index: 100;
}
.pen-pointer {
  z-index: 10000;
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.5);
  border: solid 1px #fff;
  border-radius: 50%;
  pointer-events: none;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
}
.pen-pointer-hidden {
  display: none;
}

.image-editor-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: unset !important;
}
.image-editor-uploader {
  max-width: 736px;
  max-height: 736px;
  width: 736px;
  height: 736px;
  background-color: #404040;
  border-radius: 8px;
  margin: 0 10px;
}
.image-editor-uploader .t-loading__parent {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.image-editor-uploader .image-editor-uploader-loading {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.image-editor-uploader .image-editor-uploader-loading .image-editor-loading-icon {
  width: 32px;
  height: 32px;
}
.image-editor-uploader .t-upload {
  width: 100%;
  height: 100%;
}
.image-editor-uploader .t-upload .t-upload__dragger {
  width: 100%;
  height: 100%;
  border: unset;
}
.image-editor-uploader .custom-dragger-render {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  color: #fff;
}
.image-editor-uploader .custom-dragger-render .tip1 {
  text-align: center;
}
.image-editor-uploader .custom-dragger-render .tip2 {
  font-size: 12px;
  color: #dcdcdc99;
  text-align: center;
}
.image-editor-uploader .custom-dragger-render .upload-btn {
  max-width: 316px;
  width: 316px;
  height: 40px;
  border-radius: 90px;
}
.image-editor-uploader .t-upload__tips-error {
  display: none;
}

:global .image-editor-dialog .no-select-no-drag {
  user-select: none;
  /* 禁止文本选中 */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
}
:global .image-editor-dialog .t-dialog__position.t-dialog--top {
  padding: 0;
}
:global .image-editor-dialog .t-dialog {
  height: 100vh;
  width: 100vw;
  max-width: 100vw !important;
  border: unset;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  border-radius: unset;
}
:global .image-editor-dialog .t-dialog__header {
  display: none;
}
:global .image-editor-dialog .t-dialog__body {
  padding: 0;
  background: rgba(0, 0, 0, 0.9);
}

.agent-chat__conv-outline.t-anchor {
  width: 100%;
  background-color: transparent;
}
.agent-chat__conv-outline.t-anchor .t-anchor__line {
  display: none;
}
.agent-chat__conv-outline.t-anchor > .t-anchor__item {
  padding: 0;
}
.agent-chat__conv-outline.t-anchor > .t-anchor__item .t-anchor__item-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: var(--td-text-color-primary);
  overflow: hidden;
  text-overflow: ellipsis;
}
.agent-chat__conv-outline.t-anchor > .t-anchor__item .t-anchor__item-link + .t-anchor__item {
  margin-top: 12px;
}
.agent-chat__conv-outline.t-anchor > .t-anchor__item + .t-anchor__item {
  margin-top: 24px;
}
.agent-chat__conv-outline.t-anchor > .t-anchor__item .t-anchor__item {
  margin: 0 8px;
  padding: 0;
}
.agent-chat__conv-outline.t-anchor > .t-anchor__item .t-anchor__item .t-anchor__item-link {
  padding: 0 12px;
  line-height: 32px;
  font-weight: normal;
  font-size: 14px;
  color: rgba(24, 24, 24, 0.6);
  border-radius: 8px;
}
.agent-chat__conv-outline.t-anchor > .t-anchor__item .t-anchor__item + .t-anchor__item {
  margin-top: 4px;
}
.agent-chat__conv-outline.t-anchor > .t-anchor__item .t-anchor__item.t-is-active .t-anchor__item-link {
  background-color: rgba(0, 0, 0, 0.04);
}
.agent-chat__conv-outline.t-anchor > .t-anchor__item.t-is-active .t-anchor__item-link {
  color: var(--td-brand-color);
}
.agent-chat__conv-outline__btn {
  position: sticky;
  margin-bottom: 400px;
  top: calc(100% - 48px - 80px);
  width: 0;
  height: 48px;
}
.agent-chat__conv-outline__btn-txt {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  font-size: 10px;
  background-color: var(--td-bg-color-container);
  border-radius: 100%;
  box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.26);
  cursor: pointer;
  transition: 0.2s;
  z-index: 100;
}
.agent-chat__conv-outline__btn-txt--hide {
  opacity: 0;
  pointer-events: none;
}
.agent-chat__conv-outline__btn--pc {
  position: sticky;
  top: 0;
  width: 0;
  height: 46px;
  margin-top: 4px;
}
.agent-chat__conv-outline__btn--pc-txt {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 100%;
  font-size: 12px;
  line-height: 16px;
  color: var(--td-text-color-secondary);
  background-color: var(--td-bg-color-container);
  border-radius: 0 8px 8px 0;
  cursor: pointer;
  transition: 0.2s;
  overflow: hidden;
}
.agent-chat__conv-outline__btn--pc-txt--hide {
  opacity: 0;
  pointer-events: none;
}
.agent-chat__conv-outline__btn--pc-outline {
  position: absolute;
  left: 16px;
  top: 0;
  width: 200px;
  background-color: var(--td-bg-color-container);
  border-radius: 12px;
  box-shadow: 0px 4px 10px 0px rgba(195, 212, 214, 0.2);
  transition: 0.2s;
}
.agent-chat__conv-outline__btn--pc-outline .agent-chat__conv-outline.t-anchor {
  padding: 12px 8px;
}
.agent-chat__conv-outline__btn--pc-outline .agent-chat__conv-outline.t-anchor > .t-anchor__item {
  padding: 5px 8px;
  border-radius: 8px;
}
.agent-chat__conv-outline__btn--pc-outline .agent-chat__conv-outline.t-anchor > .t-anchor__item + .t-anchor__item {
  margin-top: 2px;
}
.agent-chat__conv-outline__btn--pc-outline .agent-chat__conv-outline.t-anchor > .t-anchor__item .t-anchor__item-link {
  font-size: 14px;
  font-weight: normal;
  color: var(--td-text-color-secondary);
}
.agent-chat__conv-outline__btn--pc-outline .agent-chat__conv-outline.t-anchor > .t-anchor__item.t-is-active {
  background-color: #F8F8F8;
}
.agent-chat__conv-outline__btn--pc-outline .agent-chat__conv-outline.t-anchor > .t-anchor__item.t-is-active .t-anchor__item-link {
  color: var(--td-text-color-primary);
  font-weight: 500;
}
.agent-chat__conv-outline__btn--pc-outline__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 44px;
  font-weight: 500;
  border-bottom: 1px solid var(--td-component-stroke);
}
.agent-chat__conv-outline__btn--pc-outline--hide {
  pointer-events: none;
  opacity: 0;
  left: 0;
}
.agent-chat__conv-outline__btn--pc-outline--hide--right {
  left: 32px;
}
.agent-chat__conv-outline__drawer .t-drawer__header {
  justify-content: center;
  border-bottom: 0;
}
.agent-chat__conv-outline__drawer .t-drawer__body {
  max-height: calc(50vh);
  padding-bottom: 24px;
}
.agent-chat__conv-outline__drawer .t-drawer__close-btn .t-icon {
  font-size: 24px;
}
.agent-chat__conv-outline__drawer-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--td-mask-active);
  transition: 0.2s;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
.agent-chat__conv-outline__drawer-mask--show {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.agent-chat__toolbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.agent-chat__toolbar_new {
  justify-content: unset;
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.agent-chat__toolbar--disabled .agent-chat__toolbar__item {
  pointer-events: none;
  color: var(--yb-bubble-tool-item-disabled-color);
}
.agent-chat__toolbar--mobile {
  display: flex;
  align-items: center;
}
.agent-chat__toolbar--mobile:not(:empty) {
  margin-top: 16px;
}
.agent-chat__toolbar__left {
  display: flex;
  align-items: center;
  margin-right: 0px;
}
.agent-chat__toolbar__left:not(:empty) {
  margin-right: 20px;
  margin-top: 16px;
}
.agent-chat__toolbar__split {
  width: 1px;
  height: 20px;
  background-color: #e7e7e7;
  margin-left: 16px;
  margin-right: 16px;
}
.agent-chat__toolbar__right {
  display: flex;
  align-items: center;
  margin-bottom: calc(0px - 16px);
  margin-right: calc(0px - 16px);
  margin-right: 0px;
  gap: 0px;
  padding-bottom: 4px;
}
.agent-chat__toolbar__right > * {
  margin-right: 16px;
  margin-bottom: 16px;
}
.agent-chat__toolbar__item {
  cursor: pointer;
  color: var(--yb-bubble-tool-item-color);
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 6px;
  margin-right: 6px;
  /* margin-bottom: 6px; */
  box-sizing: border-box;
}
.agent-chat__toolbar__item .icon {
  line-height: 1;
  display: block;
}
.agent-chat__toolbar__cutoff {
  display: flex;
  align-items: center;
  color: #fa5151;
  font-size: 14px;
  gap: 4px;
}
.agent-chat__toolbar__desc {
  display: flex;
  align-items: center;
  column-gap: 4px;
  font-size: 12px;
  color: var(--td-text-color-placeholder);
}
.agent-chat__toolbar__model-tip {
  font: var(--yb-font-body-small);
  color: #999;
  margin-top: -12px;
}
.agent-chat__question-toolbar {
  display: flex;
  align-items: center;
}
.agent-chat__question-toolbar .agent-chat__toolbar__item {
  margin-right: 8px;
}
.agent-chat__question-toolbar .agent-chat__toolbar__item:last-child {
  margin-right: 0;
  font-size: 12px;
}

.agent-chat__toolbar__repeat {
  font-size: 14px;
  color: var(--yb-bubble-tool-item-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

@font-face {
  font-family: "iconfont-yb";
  src: url(https://cdn-portal.hunyuan.tencent.com/fc91facb5cda16a01502.woff2?t=ae9586093ec0c5b77ecb95901a7e30c4);
  /* IE9 */
  src: url(https://cdn-portal.hunyuan.tencent.com/fc91facb5cda16a01502.woff2?t=ae9586093ec0c5b77ecb95901a7e30c4) format('woff2');
}
.iconfont-yb {
  font-family: "iconfont-yb" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-yb-ic_impression_management:before {
  content: "\e002";
}
.icon-yb-ic_add:before {
  content: "\e003";
}
.icon-yb-ic_check_circle_filled:before {
  content: "\e004";
}
.icon-yb-ic_close_circle_filled:before {
  content: "\e005";
}
.icon-yb-ic_error_circle_filled:before {
  content: "\e007";
}
.icon-yb-ic_fold-down:before {
  content: "\e008";
}
.icon-yb-ic_fold-left:before {
  content: "\e009";
}
.icon-yb-ic_fold-right:before {
  content: "\e00a";
}
.icon-yb-ic_fold-up:before {
  content: "\e00b";
}
.icon-yb-ic_help_circle_filled:before {
  content: "\e00c";
}
.icon-yb-ic_info_circle_filled:before {
  content: "\e00d";
}
.icon-yb-ic_jump:before {
  content: "\e00e";
}
.icon-yb-ic_ellipsis:before {
  content: "\e012";
}
.icon-yb-ic_add_origin:before {
  content: "\e013";
}
.icon-yb-ic_arrow_rightup:before {
  content: "\e014";
}
.icon-yb-ic_check:before {
  content: "\e015";
}
.icon-yb-ic_chevron_right_double:before {
  content: "\e016";
}
.icon-yb-ic_close:before {
  content: "\e017";
}
.icon-yb-ic_delete:before {
  content: "\e018";
}
.icon-yb-ic_download:before {
  content: "\e019";
}
.icon-yb-ic_expire:before {
  content: "\e01a";
}
.icon-yb-ic_image:before {
  content: "\e01b";
}
.icon-yb-ic_image_filled:before {
  content: "\e01c";
}
.icon-yb-ic_minus:before {
  content: "\e01e";
}
.icon-yb-ic_notification:before {
  content: "\e01f";
}
.icon-yb-ic_save:before {
  content: "\e020";
}
.icon-yb-ic_search:before {
  content: "\e021";
}
.icon-yb-ic_setting:before {
  content: "\e022";
}
.icon-yb-ic_unfold:before {
  content: "\e024";
}
.icon-yb-ic_write:before {
  content: "\e025";
}
.icon-yb-ic_copy:before {
  content: "\e026";
}
.icon-yb-ic_copy_all:before {
  content: "\e027";
}
.icon-yb-ic_deepanswering:before {
  content: "\e028";
}
.icon-yb-ic_deepsearching_outline:before {
  content: "\e029";
}
.icon-yb-ic_draw_paraphrasing:before {
  content: "\e02a";
}
.icon-yb-ic_draw_platte:before {
  content: "\e02b";
}
.icon-yb-ic_draw_proportion:before {
  content: "\e02c";
}
.icon-yb-ic_draw_resolution:before {
  content: "\e02d";
}
.icon-yb-ic_draw_style:before {
  content: "\e02e";
}
.icon-yb-ic_earth:before {
  content: "\e02f";
}
.icon-yb-ic_fire:before {
  content: "\e030";
}
.icon-yb-ic_fire_filled:before {
  content: "\e031";
}
.icon-yb-ic_idea:before {
  content: "\e032";
}
.icon-yb-ic_input_add:before {
  content: "\e033";
}
.icon-yb-ic_input_call:before {
  content: "\e034";
}
.icon-yb-ic_input_file_add:before {
  content: "\e035";
}
.icon-yb-ic_input_keyboard:before {
  content: "\e036";
}
.icon-yb-ic_input_pause:before {
  content: "\e037";
}
.icon-yb-ic_input_photo:before {
  content: "\e038";
}
.icon-yb-ic_input_picture:before {
  content: "\e039";
}
.icon-yb-ic_input_send_nor:before {
  content: "\e03a";
}
.icon-yb-ic_input_voice:before {
  content: "\e03b";
}
.icon-yb-ic_link_jump:before {
  content: "\e03c";
}
.icon-yb-ic_link_search:before {
  content: "\e03d";
}
.icon-yb-ic_lock:before {
  content: "\e03e";
}
.icon-yb-ic_logo_internet:before {
  content: "\e03f";
}
.icon-yb-ic_logo_wechat:before {
  content: "\e040";
}
.icon-yb-ic_logo_wechat_friendcircle:before {
  content: "\e041";
}
.icon-yb-ic_magicwand:before {
  content: "\e042";
}
.icon-yb-ic_mindmap:before {
  content: "\e043";
}
.icon-yb-ic_newchat:before {
  content: "\e044";
}
.icon-yb-ic_outlined_star:before {
  content: "\e045";
}
.icon-yb-ic_outlined_star_filled:before {
  content: "\e046";
}
.icon-yb-ic_pause_circle:before {
  content: "\e047";
}
.icon-yb-ic_people:before {
  content: "\e048";
}
.icon-yb-ic_picture_circle_filled:before {
  content: "\e049";
}
.icon-yb-ic_play_circle:before {
  content: "\e04a";
}
.icon-yb-ic_preview_close:before {
  content: "\e04b";
}
.icon-yb-ic_refresh:before {
  content: "\e04c";
}
.icon-yb-ic_relevant:before {
  content: "\e04d";
}
.icon-yb-ic_schedule:before {
  content: "\e04e";
}
.icon-yb-ic_settop:before {
  content: "\e04f";
}
.icon-yb-ic_settop_off:before {
  content: "\e050";
}
.icon-yb-ic_settop_on:before {
  content: "\e051";
}
.icon-yb-ic_star_filled:before {
  content: "\e052";
}
.icon-yb-ic_thumb_down:before {
  content: "\e053";
}
.icon-yb-ic_thumb_up:before {
  content: "\e054";
}
.icon-yb-ic_time-1:before {
  content: "\e055";
}
.icon-yb-ic_tips:before {
  content: "\e056";
}
.icon-yb-ic_translate:before {
  content: "\e057";
}
.icon-yb-ic_transpond:before {
  content: "\e058";
}
.icon-yb-ic_voice:before {
  content: "\e059";
}
.icon-yb-ic_voice_off:before {
  content: "\e05a";
}
.icon-yb-ic_voice_on:before {
  content: "\e05b";
}
.icon-yb-add:before {
  content: "\e064";
}
.icon-yb-setting:before {
  content: "\e068";
}
.icon-yb-info:before {
  content: "\e06d";
}
.icon-yb-nav:before {
  content: "\e06e";
}
.icon-yb-downapp:before {
  content: "\e070";
}
.icon-yb-history:before {
  content: "\e075";
}
.icon-yb-refresh:before {
  content: "\e076";
}
.icon-yb-arrow-left:before {
  content: "\e077";
}
.icon-yb-chat-fill:before {
  content: "\e078";
}
.icon-yb-chat:before {
  content: "\e079";
}
.icon-yb-find-fill:before {
  content: "\e07a";
}
.icon-yb-find:before {
  content: "\e07b";
}
.icon-yb-market-fill:before {
  content: "\e07c";
}
.icon-yb-market:before {
  content: "\e07d";
}
.icon-yb-me-fill:before {
  content: "\e07e";
}
.icon-yb-me:before {
  content: "\e07f";
}
.icon-yb-collect:before {
  content: "\e080";
}
.icon-yb-nav-close:before {
  content: "\e081";
}
.icon-yb-nav-open:before {
  content: "\e082";
}
.icon-yb-upload:before {
  content: "\e083";
}
.icon-yb-download:before {
  content: "\e084";
}
.icon-yb-image:before {
  content: "\e085";
}
.icon-yb-link:before {
  content: "\e086";
}
.icon-yb-history-file:before {
  content: "\e087";
}
.icon-yb-Uploading-file:before {
  content: "\e088";
}
.icon-yb-ai-draw:before {
  content: "\e089";
}
.icon-yb-ai-read:before {
  content: "\e08a";
}
.icon-yb-ai-search:before {
  content: "\e08b";
}
.icon-yb-ai-write:before {
  content: "\e08c";
}
.icon-yb-top:before {
  content: "\e08d";
}
.icon-yb-deepthink:before {
  content: "\e08e";
}
.icon-yb-newchat:before {
  content: "\e092";
}
.icon-yb-right:before {
  content: "\e093";
}
.icon-yb-app:before {
  content: "\e094";
}
.icon-yb-closenav:before {
  content: "\e095";
}
.icon-yb-phonenav:before {
  content: "\e096";
}
.icon-yb-newchat2:before {
  content: "\e097";
}
.icon-yb-linksearch:before {
  content: "\e098";
}
.icon-yb-copy:before {
  content: "\e099";
}
.icon-yb-rebuild:before {
  content: "\e09a";
}
.icon-yb-unlike:before {
  content: "\e09b";
}
.icon-yb-like:before {
  content: "\e09c";
}
.icon-yb-volume:before {
  content: "\e09d";
}
.icon-yb-share:before {
  content: "\e09e";
}
.icon-yb-unlike-sel:before {
  content: "\e09f";
}
.icon-yb-like-sel:before {
  content: "\e0a0";
}

.agent-chat__toolbar__pagination {
  display: flex;
  align-items: center;
  user-select: none;
  gap: 8px;
}
.agent-chat__toolbar__pagination__prev,
.agent-chat__toolbar__pagination__next {
  font-size: 14px;
  color: var(--yb-bubble-tool-item-color);
  cursor: pointer;
}
.agent-chat__toolbar__pagination__prev:hover,
.agent-chat__toolbar__pagination__next:hover {
  color: var(--yb_color_text-secondary_1);
}
.agent-chat__toolbar__pagination__prev--disabled,
.agent-chat__toolbar__pagination__next--disabled {
  color: var(--yb-bubble-tool-item-disabled-color);
  opacity: 0.1;
  cursor: not-allowed;
}
.agent-chat__toolbar__pagination__prev--disabled:hover,
.agent-chat__toolbar__pagination__next--disabled:hover {
  color: var(--yb-bubble-tool-item-disabled-color);
}
.agent-chat__toolbar__pagination__content {
  font-size: 14px;
  color: var(--yb-bubble-tool-item-color);
  font-weight: 600;
}
.agent-chat__toolbar__pagination--deepcolor .agent-chat__toolbar__pagination__prev,
.agent-chat__toolbar__pagination--deepcolor .agent-chat__toolbar__pagination__next,
.agent-chat__toolbar__pagination--deepcolor .agent-chat__toolbar__pagination__content {
  color: #fff;
}
.agent-chat__toolbar__pagination--deepcolor .agent-chat__toolbar__pagination__next--disabled {
  opacity: 0.3;
}

.agent-chat__toolbar__copy {
  font-size: 14px;
  color: var(--yb-bubble-tool-item-color);
  cursor: pointer;
}
.agent-chat__toolbar__copy__tooltip {
  margin-bottom: 8px !important;
  font-size: 12px;
  line-height: 16px;
}

.preview-button-container {
  position: relative;
  width: fit-content;
}
.preview-button-container .preview-button {
  padding: 0 16px;
  border-radius: 18px;
  border-color: #e6e6e6;
  background-color: #fff;
  transition: all 0.3s ease;
  height: 34px;
}
.preview-button-container .preview-button:hover {
  background-color: #f3f3f3;
}
.preview-button-container .preview-button .preview-button-content {
  display: flex;
  align-items: center;
  gap: 6px;
}
.preview-button-container .preview-button .preview-button-content .play-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-button-container .preview-button .preview-button-content .preview-text {
  font-size: 14px;
  font-weight: 400;
  color: #000000e5;
}

/**
 * @file style.less
 * @author markJia(markjia@tencent.com)
 */
/**
 * @file mobile.less
 * @author markJia(markjia@tencent.com)
 */
.Oqaf5K2fcL11tKPQqMgQ {
  padding: 0;
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.Oqaf5K2fcL11tKPQqMgQ .ZOCp49uiTFrvZQJSwxlq {
  cursor: pointer;
}
.YzXytA0LNWnYrChON6HN {
  flex: 1;
  min-height: auto;
  overflow-y: auto;
  scrollbar-width: none;
}
.Oqaf5K2fcL11tKPQqMgQ .LD29OfwoIeWm362Jxrxz {
  flex: none;
  margin-top: 24px;
}
.Oqaf5K2fcL11tKPQqMgQ .LD29OfwoIeWm362Jxrxz textarea {
  padding: 8px;
  border-radius: 8px;
  background-color: #f3f3f3;
  border: none;
  box-shadow: none;
  font-size: 14px;
}
.Oqaf5K2fcL11tKPQqMgQ .tDNzRWXOozLwEuATubRT {
  background: var(--yb-color-brand-primary);
  margin-top: 24px;
}

/**
 * @file mobile.less
 * @author markJia(markjia@tencent.com)
 */
@media screen and (max-width: 768Px) {
  .body-mobile .j1iWyGDCy5jMDbtS_5GQ {
    grid-template-columns: repeat(auto-fit, minmax(91px, 1fr));
  }
}
.CwxrUsq2kIeHoeVQIPam {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  font-size: 14px;
}
.SrznYo6Jq5M1qUTtEjwG .l2_CzeFs11bt2eSMpiEm {
  font-size: 14px;
  font-weight: normal;
}
.CJlQeSCwHZD_jKuMDmx1 {
  width: 100%;
  margin-bottom: 24px;
}
.CJlQeSCwHZD_jKuMDmx1:last-child {
  margin-bottom: 0;
}
.l2_CzeFs11bt2eSMpiEm {
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  margin-bottom: 8px;
}
.j1iWyGDCy5jMDbtS_5GQ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  column-gap: 8px;
  row-gap: 8px;
}
.STUEjykwJlvGU95TVN5F {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #f3f3f3;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 26px;
  padding: 7px 3px;
  position: relative;
  text-align: center;
}
.STUEjykwJlvGU95TVN5F.jQkJLUb1dpqw5wXE97aO {
  color: #20C57D;
  background: transparent;
  z-index: 1;
}

.agent-chat__toolbar__complain-dialog {
  padding: 0;
}
.agent-chat__toolbar__complain-dialog .t-dialog {
  padding: 0;
  border: none;
}
.agent-chat__toolbar__complain-dialog .t-dialog__header {
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.05) inset;
  padding: 18px 24px;
}
.agent-chat__toolbar__complain-dialog .t-dialog__body {
  padding: 16px 24px 24px;
}

.D5XqFbyxSmyG3ERC_1dZ {
  padding: 0;
  display: flex;
  flex-direction: column;
  max-height: 80vh;
}
.h65TVF2p778QkjSnUCXg {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  min-height: 0;
}
.h65TVF2p778QkjSnUCXg::-webkit-scrollbar {
  width: 4px;
  height: 6px;
  cursor: pointer;
}
.h65TVF2p778QkjSnUCXg::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #5D5E5F;
  cursor: pointer;
}
.JcgpHvDSYSSqcY6nebml .mmzKXSbLIIg442EnrmE8 .LsQcBd0JQdkEakkx17FD {
  color: #20C57D;
}
.yl89HO7iyfvGS9OXubhw .mmzKXSbLIIg442EnrmE8 .LsQcBd0JQdkEakkx17FD {
  color: #FA5151;
}
.D5XqFbyxSmyG3ERC_1dZ .mmzKXSbLIIg442EnrmE8 {
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
}
.D5XqFbyxSmyG3ERC_1dZ .mmzKXSbLIIg442EnrmE8 .LsQcBd0JQdkEakkx17FD {
  display: inline-block;
  padding: 0 4px;
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
}
.D5XqFbyxSmyG3ERC_1dZ .T5V_fb9rF_CTSOGuJAuM {
  margin-top: 8px;
}
.D5XqFbyxSmyG3ERC_1dZ .S2b0tvqOeLdUSyzWNWcA {
  margin-top: 24px;
  margin-bottom: 24px;
}
.D5XqFbyxSmyG3ERC_1dZ .S2b0tvqOeLdUSyzWNWcA textarea {
  padding: 8px;
  border-radius: 8px;
  background-color: #f3f3f3;
  border: none;
  box-shadow: none;
  font-size: 14px;
}
.D5XqFbyxSmyG3ERC_1dZ .L7I2XHfckVaa6UD0ornV {
  margin-top: 8px;
}
.D5XqFbyxSmyG3ERC_1dZ .JXojiGWr2QxEpQsz0vwS {
  background-color: var(--yb-color-brand-primary);
  margin-top: 24px;
  flex: none;
}

.N2kKDBUXvbkpCY_1J7by {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
  grid-column-gap: 12px;
  overflow-x: auto;
}
.N2kKDBUXvbkpCY_1J7by::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  cursor: pointer;
}
.N2kKDBUXvbkpCY_1J7by::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.dt4QzqBQA9uv4DNuSV6v {
  flex: none;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background-color: #f3f3f3;
  cursor: pointer;
}
.dt4QzqBQA9uv4DNuSV6v:nth-child(1) {
  margin-left: 0;
}
.dt4QzqBQA9uv4DNuSV6v > img {
  width: 100%;
  height: 100%;
}
.dt4QzqBQA9uv4DNuSV6v .oW0vaj7SZCDGhpqVuiq4 {
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
  border-radius: 50%;
  background-color: #fff;
  border: solid 2px #eee;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
}
.dt4QzqBQA9uv4DNuSV6v .oW0vaj7SZCDGhpqVuiq4.BxqdJ0LvEAvVm75k3vPD {
  background-color: #20C57D;
  border-color: #20C57D;
}

.agent-chat__gold-click-button--disabled {
  pointer-events: none;
  opacity: 0.26;
}
.agent-chat__gold-click-button.full-screen .agent-chat__gold-click-button__content {
  width: 100%;
  padding: 0;
}
.agent-chat__gold-click-button__content .t-button__text {
  align-items: center;
}
.agent-chat__gold-click-button__btn {
  position: relative;
  box-sizing: border-box;
  height: 36px;
  font-weight: 500;
  font-size: 14px;
  color: #000000E5;
  overflow: hidden;
  border-radius: 8px;
  background-color: #F3F3F3;
  background-size: cover;
  border-width: 0;
  display: flex;
  align-items: center;
  padding: 0 8px;
}
.agent-chat__gold-click-button__btn:hover {
  background-color: #E8E8E8;
  color: #000000E5;
  border-width: 0;
}
.agent-chat__gold-click-button__btn--icon--deep-read {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  margin-right: 4px;
  z-index: 1;
}
.agent-chat__gold-click-button__btn--icon--deep-read__book,
.agent-chat__gold-click-button__btn--icon--deep-read__star {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.agent-chat__gold-click-button__btn--icon--deep-read__book {
  width: 80%;
}
.agent-chat__gold-click-button__btn--icon--deep-read__star {
  opacity: 0;
  animation: blink 2s ease-out 1s forwards;
}
.agent-chat__gold-click-button__btn--icon--paint {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  margin-right: 4px;
  z-index: 1;
}
.agent-chat__gold-click-button__btn--icon--deep-search {
  width: 13.2px;
  height: 13.62px;
  display: flex;
  position: relative;
  margin-right: 4px;
  margin-bottom: 4px;
  z-index: 1;
  align-items: center;
}
@keyframes move {
  0% {
    transform: translate(0, 0) rotate(30deg);
  }
  100% {
    transform: translate(120vw, 0) rotate(30deg);
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotate {
  0% {
    opacity: 0;
    transform: rotate(45deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.agent-chat__conv--ai__toolbar--loading {
  display: none;
}
.agent-chat__conv--ai__costarea {
  margin-bottom: -8px;
  width: fit-content;
}
.agent-chat__conv--ai__speech_show {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.agent-chat__conv--ai--image-group .agent-chat__bubble__content {
  min-width: 0;
}
.agent-chat__conv--ai--image-group .agent-chat__content-img {
  max-width: 240px;
  max-height: 240px;
  overflow: hidden;
}
.agent-chat__conv--ai--image-group .agent-chat__content-img img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.agent-chat__conv--ai--image-group--t2i .hyc-component-image-group {
  max-width: 280px;
}
.agent-chat__conv--ai--deep-search .agent-chat__bubble__content {
  width: 100%;
}
.agent-chat__conv--ai__hint-prompt {
  padding-bottom: 4px;
  border-top: 1px dashed var(--yb-bubble-prompt-hint-split-color);
  margin-top: 10px;
}
.agent-chat__conv--ai__hint-prompt .agent-chat__hint-prompt {
  margin-top: 10px;
}
.agent-chat__conv--ai__out-deep-read {
  margin-top: 16px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
}
.agent-chat__conv--ai--outline .agent-chat__bubble__content {
  width: 100%;
}
.agent-chat__conv--ai--outline--loading .hyc-component-outline__content__loading {
  margin-left: 5px;
}
.agent-chat__conv--ai--outline--loading .agent-chat__speech-outline {
  padding-bottom: 3px;
}
.agent-chat__conv--ai__tx-doc-tip {
  margin-top: 16px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 18px;
  font-size: 12px;
}
.agent-chat__conv--ai__tx-doc-tip .t-link:after {
  display: none;
}
.agent-chat__bubble--ai .hyc-content-tool-process {
  border: none;
  border-radius: 2px 12px 12px;
}
.agent-chat__bubble--ai .hyc-deepthink-steps__tag-more {
  color: var(--td-text-color-secondary);
}
.agent-chat__bubble--ai .hyc-deepthink-steps__tag-more:hover {
  color: var(--td-text-color-primary);
}
#app > .agent-share .hyc-tx-doc-card__link,
.share-from-app-box .hyc-tx-doc-card__link {
  display: none;
}

.agent-chat__bubble {
  color: rgba(0, 0, 0, 0.9);
  line-height: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.agent-chat__bubble .hyc-common-markdown__loading::before {
  background: #2d68ff !important;
}
.agent-chat__bubble .hyc-common-markdown__loading::after {
  border-color: #2d68ff !important;
}
.agent-chat__bubble__content {
  overflow: hidden;
  padding: 12px 0;
  font-size: 16px;
  line-height: 26px;
  border-radius: 2px 12px 12px 12px;
  background: var(--yb-bubble-ai-bg-color);
  backdrop-filter: blur(var(--yb-bubble-ai-bg-clur));
}
.agent-chat__bubble__prefix .hyc-component-multi-modal__text,
.agent-chat__bubble__suffix .hyc-component-multi-modal__text {
  display: none;
}
.agent-chat__bubble__prefix .hyc-content-img img,
.agent-chat__bubble__suffix .hyc-content-img img {
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.agent-chat__bubble__prefix .hyc-component-multi-modal {
  margin-bottom: 8px;
}
.agent-chat__bubble__suffix .hyc-component-multi-modal {
  margin-top: 8px;
}
.agent-chat__bubble--human .agent-chat__bubble__content {
  border-radius: 12px 2px 12px 12px;
  padding: 12px 16px;
  background: #f3f3f3;
  max-width: 85%;
}
.agent-chat__bubble--human .agent-chat__bubble__content .hyc-content-text {
  color: #000000e5;
}
.agent-chat__bubble--human .agent-chat__bubble__content_new .hyc-content-text {
  color: #000000e5;
}
.agent-chat__bubble--human {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  align-items: flex-end;
}
.agent-chat__bubble--human .hunyuan-chat-bot-markdown-white {
  line-height: 24px;
}
.agent-chat__bubble--ai .agent-chat__bubble__content {
  min-width: 40px;
  max-width: 100%;
  box-sizing: border-box;
}
.agent-chat__bubble__avatar {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agent-chat__bubble__avatar__start {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.agent-chat__bubble__avatar__end {
  flex: none;
}
.agent-chat__bubble__avatar__logo {
  width: 24px;
  height: 24px;
  object-fit: cover;
  overflow: hidden;
  border-radius: 50%;
  flex: none;
}
.agent-chat__bubble__avatar__text {
  font-size: 14px;
  line-height: 22px;
  color: var(--yb-bubble-avatar-name-color);
}
.agent-chat__bubble__avatar__time {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}

.agent-chat__conv--human {
  display: flex;
  flex-direction: column;
}
.agent-chat__conv--human--underline .hyc-content-text {
  text-decoration: underline;
  cursor: pointer;
}
.agent-chat__conv--human--multimodal--link .hyc-component-multi-modal {
  margin-top: 0;
}
.agent-chat__conv--human--multimodal--link .hyc-component-multi-modal__text {
  display: none;
}
.agent-chat__conv--human__edit {
  color: rgba(0, 0, 0, 0.6) !important;
}
.agent-chat__conv--human__edit .edit-btn .confirm {
  background: rgba(0, 0, 0, 0.9) !important;
  border-color: unset !important;
}
.agent-chat__conv--human__toolbar {
  margin: 6px 0 10px;
  opacity: 0;
  transition: 0.1s;
}
.agent-chat__conv--human__toolbar--show {
  min-height: 25px;
}

/**
 * @file mobile.less
 * @author markJia(markjia@tencent.com)
 */
@media screen and (max-width: 768Px) {
  .is-mobile .CqsLC6QBB9KQKVpYLQoY .wCSpPMxWoGsOo5gV_wfw .zraSfXor76teeIfEn8AQ {
    font-size: 16px;
  }
  .is-mobile .CqsLC6QBB9KQKVpYLQoY .wCSpPMxWoGsOo5gV_wfw .ziVfo4k9SxNGWghstRAw {
    min-width: unset;
    padding: 24px;
    width: 340px;
  }
}
.text2ImageViewer.CqsLC6QBB9KQKVpYLQoY {
  background-color: rgba(0, 0, 0, 0.86);
}
.text2ImageViewer.CqsLC6QBB9KQKVpYLQoY .wCSpPMxWoGsOo5gV_wfw .ziVfo4k9SxNGWghstRAw {
  padding: 0;
  font-size: 0;
}
.text2ImageViewer.CqsLC6QBB9KQKVpYLQoY .cTCwGJMS31qkXAAvZlmQ {
  color: #ffffff;
  background-color: unset;
}
.text2ImageViewer.CqsLC6QBB9KQKVpYLQoY .dxaGiUgnpDzP3_xt__Rv {
  background: none;
}
@media screen and (max-width: 820Px) {
  .text2ImageViewer.CqsLC6QBB9KQKVpYLQoY .dxaGiUgnpDzP3_xt__Rv {
    top: -40px;
    right: 0;
  }
}
.CqsLC6QBB9KQKVpYLQoY {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2500;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}
.CqsLC6QBB9KQKVpYLQoY .IsbEEZET2SD71zp2UhUM .ukYPVll9hJt5H8oSZAB3 {
  color: #FA5151;
}
.CqsLC6QBB9KQKVpYLQoY .zraSfXor76teeIfEn8AQ {
  padding: 18px 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.CqsLC6QBB9KQKVpYLQoY .zraSfXor76teeIfEn8AQ .uWEIjs0cqF8zYoQjTlsG {
  display: flex;
  align-items: center;
}
.CqsLC6QBB9KQKVpYLQoY .ukYPVll9hJt5H8oSZAB3 {
  margin-right: 8px;
  color: #20C57D;
}
.CqsLC6QBB9KQKVpYLQoY .ziVfo4k9SxNGWghstRAw {
  padding: 16px 24px 24px;
}
.CqsLC6QBB9KQKVpYLQoY .wCSpPMxWoGsOo5gV_wfw {
  font-size: 14px;
  transform: scale(0.3);
  opacity: 0;
  transition: all 200ms ease-in-out;
}
.CqsLC6QBB9KQKVpYLQoY .wCSpPMxWoGsOo5gV_wfw .cTCwGJMS31qkXAAvZlmQ {
  min-width: 460px;
  border-radius: var(--yb-radius-large);
  box-sizing: border-box;
  overflow: hidden;
}
.fGB7XFtP1yZqY3IXbXYp {
  color: #000;
}
.fGB7XFtP1yZqY3IXbXYp .cTCwGJMS31qkXAAvZlmQ {
  background-color: #fff;
}
.P1gWuzab4qgSKpXckjGR {
  color: #000;
}
.P1gWuzab4qgSKpXckjGR .cTCwGJMS31qkXAAvZlmQ {
  background-color: #fff;
}
.CqsLC6QBB9KQKVpYLQoY .dxaGiUgnpDzP3_xt__Rv {
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  color: #fff;
}
.CqsLC6QBB9KQKVpYLQoY .yLYu5rX_ptJ1cuAtKOfQ {
  position: absolute;
  right: 20px;
  top: -10px;
  z-index: 1;
  cursor: pointer;
}
.CqsLC6QBB9KQKVpYLQoY .Om7wrhLwhkU31d844yJt,
.CqsLC6QBB9KQKVpYLQoY .LMPL_1F9UeH6muUwlgwy {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translate(-50%, 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  background-color: #fff;
  z-index: 1;
  cursor: pointer;
  border-radius: 25px;
}
.CqsLC6QBB9KQKVpYLQoY .Om7wrhLwhkU31d844yJt:hover,
.CqsLC6QBB9KQKVpYLQoY .LMPL_1F9UeH6muUwlgwy:hover {
  background-color: #F6F7F8;
}
.CqsLC6QBB9KQKVpYLQoY .LMPL_1F9UeH6muUwlgwy {
  width: 36px;
  height: 36px;
  bottom: 10px;
}
.CqsLC6QBB9KQKVpYLQoY.mqaO4qAilCCTgGXcDuub .wCSpPMxWoGsOo5gV_wfw {
  transform: scale(1);
  opacity: 1;
}
.CqsLC6QBB9KQKVpYLQoY.hL5qx6hRAwhLeRSKvaGD .wCSpPMxWoGsOo5gV_wfw {
  width: auto;
  height: auto;
}
.CqsLC6QBB9KQKVpYLQoY .e0q2ypgUgLWxgTKwirsr {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  transform: translateY(100%);
}
.CqsLC6QBB9KQKVpYLQoY.e_K60JUoJuz1Fp8wHTj3 .wCSpPMxWoGsOo5gV_wfw {
  position: absolute;
  z-index: 9999;
  bottom: -100%;
  left: 0;
  right: 0;
  transform: unset;
  opacity: 1;
}
.CqsLC6QBB9KQKVpYLQoY.e_K60JUoJuz1Fp8wHTj3 .wCSpPMxWoGsOo5gV_wfw .ziVfo4k9SxNGWghstRAw {
  width: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.CqsLC6QBB9KQKVpYLQoY.e_K60JUoJuz1Fp8wHTj3.mqaO4qAilCCTgGXcDuub .wCSpPMxWoGsOo5gV_wfw {
  bottom: 0;
  transform: translateY(0);
}
@media screen and (max-width: 768px) {
  .CqsLC6QBB9KQKVpYLQoY .wCSpPMxWoGsOo5gV_wfw .cTCwGJMS31qkXAAvZlmQ {
    min-width: 80vw;
  }
}

.layout-mobile .agent-dialogue__content--common__header {
  box-sizing: border-box;
  padding: 14px;
}
.layout-mobile .agent-dialogue__content--common__header__mobile {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.layout-mobile .agent-dialogue__content--common__header__mobile .header__name {
  margin-left: 4px;
  font-size: 16px;
  font-weight: 500;
}
.layout-mobile .agent-dialogue__content--common__header__mobile .header__name .t-button {
  padding: 0;
}
.layout-mobile .agent-dialogue__content--common__header__mobile .header__name .t-button__text {
  display: block;
  max-width: calc(100vw - 236px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.layout-mobile .agent-dialogue__content--common__input-box {
  display: flex;
  flex-direction: column;
}
.layout-mobile .agent-dialogue__content--common__input-box .agent-dialogue__tool-input {
  height: 0;
  order: -1;
  align-self: flex-end;
  margin-bottom: 8px;
  color: #20C57D;
  bottom: unset;
  right: unset;
}
.layout-mobile .agent-dialogue__content--common__input-box .agent-dialogue__tool__item {
  width: auto;
  height: auto;
  background: #fff;
  border-radius: 30px;
  position: absolute;
  transform: translate(-100%, -100%);
  z-index: 10;
  top: -8px;
}
.layout-mobile .agent-dialogue__content--common__input-box .agent-dialogue__tool__item > .iconfont {
  height: 24px;
  width: 24px;
  padding: 12px;
  border-radius: 50%;
  box-shadow: 0px 4.36px 43.64px 0px rgba(0, 0, 0, 0.2);
}
.layout-mobile .agent-dialogue__content--common__input-box .truing-selected-options {
  flex-direction: row;
  gap: 4px;
}
.layout-mobile .agent-dialogue__content--common__input-box .truing-selected-options > img {
  width: 44px;
  height: 44px;
  border: none;
  box-sizing: content-box;
}
.layout-mobile .agent-dialogue__content--common__input-box .truing-selected-options > .truing-selected-options__text {
  width: auto;
  margin-right: 12px;
  font-size: 14px;
  white-space: nowrap;
}
.layout-mobile .agent-dialogue__tool {
  top: 30px;
  transform: translateY(-50%);
  right: 16px;
}
.body-mobile .agent-dialogue__content--common {
  overflow: hidden;
}
.body-mobile .agent-dialogue__content--common__input__content {
  padding: 0 12px;
}
.body-mobile .agent-dialogue__content--common__input--text2Image {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: none;
  border-radius: 12px 12px 0 0;
}
.body-mobile .agent-dialogue__content--common__input--with-files {
  padding-top: 68px;
}
.body-mobile .agent-dialogue__content--common__input--text2image .agent-dialogue__content--common__input-box {
  width: var(--hunyuan-chat-list-width);
}
.body-mobile .agent-dialogue__content--common__input-box {
  padding-top: 8px;
}
.body-mobile .truing-params-settings .t-drawer__mask {
  background: rgba(0, 0, 0, 0.5);
}
.body-mobile .truing-params-settings .agent-dialogue__tool__sider__header {
  height: 52px;
}
.body-mobile .truing-params-settings .agent-dialogue__tool__sider__title {
  text-align: center;
  font-size: 16px;
}
.body-mobile .truing-params-settings .agent-dialogue__tool__sider__body {
  display: flex;
  flex-direction: column;
}
.body-mobile .truing-params-settings .truing-wrapper {
  min-height: 0;
  flex: 1;
}
.body-mobile .truing-params-settings .t-drawer__content-wrapper {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background-image: none;
}
.body-mobile .truing-params-settings .truing-content {
  width: 100%;
  height: 100%;
  overflow-y: overlay;
}
.body-mobile .truing-params-settings .truing-content::-webkit-scrollbar {
  display: none;
}
.body-mobile .truing-params-settings .turing-section-title {
  font-weight: 600;
  margin-bottom: 8px;
}
.body-mobile .truing-params-settings .turing-section-content {
  width: auto;
  overflow-x: overlay;
  gap: 8px;
  grid-auto-flow: column;
  grid-template-columns: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, 76px);
  justify-content: start;
}
.body-mobile .truing-params-settings .turing-section-content::-webkit-scrollbar {
  display: none;
}
.body-mobile .truing-params-settings .turing-option {
  height: 76px;
  width: 76px;
}
.body-mobile .truing-params-settings .turing-option:not(.turing-option__active) {
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}
.body-mobile .truing-params-settings .turing-option-desc {
  bottom: 1px;
}
.body-mobile .truing-params-settings .truing-rectangle {
  transform: translateY(-6px);
}
.body-mobile .truing-params-settings .turing-option__active {
  border-width: 2px;
}
.body-mobile .truing-params-settings .turing-option__active .turing-option-desc {
  bottom: 0;
}
.body-mobile .truing-params-settings .turing-option__blur-cover {
  height: 76px;
  width: 76px;
}
.body-mobile .truing-params-settings .turing-option__active-checked::after {
  content: none;
}
.body-mobile .truing-params-settings .turing-option__rect {
  height: 30px;
  line-height: 30px;
}
.body-mobile .truing-params-settings .turing-option-detached-text {
  margin-bottom: 0;
}
.body-mobile .truing-params-settings .turing-close-btn {
  height: 48px;
  line-height: 48px;
}
.body-mobile .t2i-assets_history .t-drawer__content-wrapper {
  background-position: top;
  background-size: 100% auto;
}
.body-mobile .t2i-assets_history .agent-dialogue__tool__sider__header {
  height: 60px;
  padding: 0 8px;
}
.body-mobile .t2i-assets_history .agent-dialogue__tool__sider__title {
  font-size: 16px;
  font-weight: 500;
}
.body-mobile .t2i-assets_history .agent-dialogue__tool__sider__title .t2i-assets__footer-btn--edit {
  float: right;
  padding-right: 8px;
  color: gba(#000, 0.6);
  cursor: pointer;
}
.body-mobile .t2i-assets_history .agent-dialogue__tool__sider__body {
  padding-left: 8px;
  padding-right: 8px;
}
.body-mobile .t2i-assets_history .agent-dialogue__tool__sider__header {
  display: flex;
}
.body-mobile .t2i-assets_history .t2i-assets__container {
  overflow: overlay;
}
.body-mobile .t2i-assets_history .t2i-assets__timeline {
  text-align: center;
  line-height: normal;
  margin-bottom: 16px;
}
.body-mobile .t2i-assets_history .t2i-assets__list {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2px;
  gap: 2px;
}
.body-mobile .t2i-assets_history .t2i-assets__item * {
  width: 100%;
  height: 100%;
}
.body-mobile .t2i-assets_history .hyc-content-img img {
  width: 100%;
  height: 100%;
  min-width: unset;
  min-height: unset;
}
.body-mobile .t2i-assets_history .t2i-assets__item--selected:after,
.body-mobile .t2i-assets_history .t2i-assets__item--selectable:after {
  top: 4px;
  right: 4px;
}
.body-mobile .t2i-assets_history .t2i-assets__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
}
.body-mobile .t2i-assets_history .t2i-assets__footer .t2i-assets__footer-btn {
  margin: 12px auto;
}
.body-mobile .t2i-assets_history .t2i-assets__footer .t2i-assets__footer-btn.t2i-assets__footer-btn--disabled {
  opacity: 1;
}
.body-mobile .t2i-assets_history .t2i-assets__footer > .t2i-assets__footer-btn:not(:last-of-type) {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
/*
 * 搜狗定制化样式
 */
.agent-dialogue__content--common--sougou {
  background-color: #F8F8F8;
}
.agent-dialogue__content--common--sougou .agent-chat__list__item {
  padding: 8px 12px;
}
.agent-dialogue__content--common--sougou .agent-dialogue__content--common__input {
  padding: 0 12px!important;
}
.agent-dialogue__content--common--sougou .agent-dialogue__content--common__input .input-guide {
  margin-bottom: 8px;
}
.agent-dialogue__content--common--sougou .agent-dialogue__content--common__input .t2i-toolbar {
  padding-left: 12px;
  padding-right: 12px;
}
.agent-dialogue__content--common--sougou .agent-dialogue__content--common__input .agent-dialogue__content--common__input-box {
  padding-top: 0px;
}
.agent-dialogue__content--common--sougou .agent-dialogue__content--common__input .agent-dialogue__content--common__input-box .agent-input-text-area div[class^='style__text-area__wrapper'] {
  gap: 12px;
}
.agent-dialogue__content--common--sougou .agent-dialogue__content--common__input .agent-dialogue__content--common__input-box .agent-input-text-area div[class^='style__text-area__start'] {
  width: 100%;
}
.agent-dialogue__content--common--sougou .agent-dialogue__content--common__input .agent-dialogue__content--common__input-box .agent-input-text-area .input-file-list__swiper-page__bg {
  width: 32px;
}
.agent-dialogue__content--common--sougou__header {
  display: flex;
  align-items: center;
  height: 72px;
  font-size: 20px;
  line-height: 28px;
  color: #181818;
  flex: none;
  width: 100%;
  padding: 24px 24px 20px;
  box-sizing: border-box;
}
.agent-dialogue__content--common--sougou__header .header__icon {
  height: 32px;
  width: 32px;
}
.agent-dialogue__content--common--sougou__header .header__name {
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
  margin-left: 8px;
}
.agent-dialogue__content--common--sougou .agent-dialogue__tool {
  top: 36px!important;
  right: 12px!important;
}
.agent-dialogue__content--common--sougou .agent-dialogue__tool .agent-dialogue__tool__new-chat {
  border-radius: 16px;
}
.agent-dialogue__content--common--sougou .t2i-toolbar {
  background-color: #fff;
}
.agent-dialogue__content--common {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  overflow-y: hidden;
  /*
  涉及敏感话题的样式可以在这里加
  */
}
.agent-dialogue__content--common::-webkit-scrollbar {
  width: 0;
  height: 0;
  cursor: pointer;
}
.agent-dialogue__content--common::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.agent-dialogue__content--common--showRightDrawer .agent-dialogue__content--common__content,
.agent-dialogue__content--common--showRightDrawer .agent-dialogue__content--common__input,
.agent-dialogue__content--common--showRightDrawer .agent-chat__share-bar-container {
  margin-right: 340px;
}
.agent-dialogue__content--common .agent-dialogue__content--common__content,
.agent-dialogue__content--common .agent-dialogue__content--common__input,
.agent-dialogue__content--common .agent-chat__share-bar-container {
  transition: 0.3s ease margin;
}
.agent-dialogue__content--common .agent-dialogue__content--common__header {
  transition: 0.3s ease padding;
}
.agent-dialogue__content--common-new .agent-chat__conv--agent-tpl__info {
  display: block;
}
.agent-dialogue__content--common-new .agent-chat__conv--agent-tpl .agent-chat__bubble--ai .agent-chat__bubble__avatar {
  display: flex;
  margin-bottom: 16px;
}
.agent-dialogue__content--common-new .agent-chat__conv--agent-tpl .agent-chat__bubble--ai .agent-chat__bubble__avatar__text {
  font-size: 30px;
  color: var(--yb-chat-greeting-agent-name-color);
  font-weight: 500;
}
.agent-dialogue__content--common-new .agent-chat__list__placeholder {
  display: none;
}
.agent-dialogue__content--common-new .agent-chat__list__content-wrapper {
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: column;
}
.agent-dialogue__content--common-new .agent-chat__bubble__avatar {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 32px;
  gap: 0;
}
.agent-dialogue__content--common-new .agent-chat__bubble__avatar img {
  width: 64px;
  height: 64px;
}
.agent-dialogue__content--common-new .agent-chat__bubble__avatar__start {
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.agent-dialogue__content--common-new .agent-chat__bubble__avatar__text {
  font-size: 31px;
  line-height: 1;
}
.agent-dialogue__content--common-new .agent-chat__bubble--ai .agent-chat__bubble__content {
  margin-left: 0;
}
.agent-dialogue__content--common-new .agent-chat__conv--agent-tpl__options {
  margin-top: 16px;
  margin-left: 0;
}
.agent-dialogue__content--common-new .agent-chat__content-option__content__item {
  background: #fff;
}
.agent-dialogue__content--common__header {
  display: flex;
  align-items: center;
  font: var(--yb-font-title-3);
  color: var(--yb-chat-nav-title-color);
  flex: none;
  width: 100%;
  padding: 19px 24px;
  box-sizing: border-box;
  position: relative;
  background: var(--yb-chat-nav-bg-color);
  backdrop-filter: blur(var(--yb-chat-nav-bg-blur));
}
.agent-dialogue__content--common__header.nologin .agent-dialogue__content--common__header__name__title {
  display: block;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  visibility: hidden;
}
.agent-dialogue__content--common__header__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--yb-chat-nav-color);
  display: flex;
  align-items: center;
}
.agent-dialogue__content--common__header__name .t-button .t-button__suffix:not(:empty) {
  margin-left: 6px;
}
.agent-dialogue__content--common__header__name span:not(.agent-dialogue__content--common__header__name__title) {
  display: block;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.agent-dialogue__content--common__header__name__title {
  margin-right: 16px;
  font: var(--yb-font-title-3);
  color: var(--yb-chat-nav-title-color);
}
.agent-dialogue__content--common__header__name__title .t-button {
  padding: 0 4px;
  color: inherit;
}
.agent-dialogue__content--common__header__name__title .t-popup-open {
  background-color: #e8e8e8;
}
.agent-dialogue__content--common__header__name__desc {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 48px;
  display: none;
}
.agent-dialogue__content--common__header__name__desc--new-chat {
  margin-right: 156px;
}
.agent-dialogue__content--common__content {
  flex: 1;
  min-height: 0;
}
.agent-dialogue__content--common__content .agent-chat__list__content {
  transform: translate3d(0, 0, 0);
}
.agent-dialogue__content--common__input {
  flex: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
}
.agent-dialogue__content--common__input-box {
  position: relative;
  max-width: 802px;
  width: 100%;
  padding-bottom: 3px;
}
.agent-dialogue__content--common__input__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: column;
  padding: 0 24px;
  width: 100%;
}
.agent-dialogue__content--common__line {
  position: absolute;
  width: 100%;
  height: 24px;
  left: 0;
  top: 0;
  transform: translateY(-100%);
  z-index: 0;
  pointer-events: none;
}
.agent-dialogue__content--common__line.agent-dialogue__content-input-guide {
  height: 68px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--yb-color-content-bg) 42%);
}
.agent-dialogue__content--common__line.agent-dialogue__content-input-guide-mobile {
  margin-top: 10px;
}
.agent-dialogue__content--common .good-question-chat-list-human-suffix {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}
.agent-dialogue__content--common .good-question-chat-list-human-suffix img {
  width: 14px;
  height: 14px;
}
.agent-dialogue__content--common .good-question-chat-list-human-suffix .expose-reason {
  color: #20c57d;
  line-height: 17px;
  border-radius: 4px;
  padding: 2px 4px;
  background: rgba(7, 193, 96, 0.1);
}
.agent-dialogue__content--common .good-question-chat-list-human-suffix .expose-tags {
  color: rgba(0, 0, 0, 0.4);
}
.agent-dialogue__content--common .good-question-chat-list {
  border-radius: 12px;
  height: 100%;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__item--ai .agent-chat__list__item__checkbox {
  visibility: hidden;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__item--ai .agent-chat__bubble__avatar {
  display: none;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__content .agent-chat__list__placeholder {
  height: 24px;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__content .agent-chat__list__item__checkbox {
  top: 32px;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__content .agent-chat__list__item--human .hyc-content-text__deep-search-prefix {
  display: block;
  margin-bottom: 8px;
  padding-top: -12px;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__content .agent-chat__list__item--human .hyc-content-text {
  line-height: 34px;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__content .agent-chat__bubble__content {
  background: unset;
  padding: 12px 0px;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__content .agent-chat__list__item--last .agent-chat__bubble__content {
  padding-bottom: 12px;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__content .agent-chat__list__item {
  padding-top: 0;
  padding-bottom: 0;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__content .agent-chat__list__item--human:last-of-type .agent-chat__conv--human {
  border-radius: 12px 12px 0 0;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__bubble--ai {
  background: #fff;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__bubble--ai .agent-chat__bubble__content {
  width: 100%;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__list__item--last .agent-chat__list__item__content {
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__bubble--human {
  align-items: flex-start;
  background-image: url(https://cdn-portal.hunyuan.tencent.com/public/6bcfb6df6cddd01a3dac.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: #fff;
  background-position: top;
  padding-top: 12px;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__bubble--human .agent-chat__bubble__content {
  background: unset;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__bubble--human .agent-chat__bubble__content .hyc-content-text {
  color: rgba(0, 0, 0, 0.9);
  font-size: 24px;
  font-weight: 600;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__bubble--human .agent-chat__bubble__suffix {
  padding: 0 16px;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__bubble--human .agent-chat__bubble__suffix .hyc-content-file {
  border: 1px solid #f5f6f8;
}
.agent-dialogue__content--common .good-question-chat-list .agent-chat__bubble--human .agent-chat__bubble__suffix .hyc-component-multi-modal__file-list {
  justify-content: flex-start;
}
.agent-dialogue__content--common__login {
  position: absolute;
  top: 24px;
  right: 24px;
}
.agent-dialogue__content--common__login .t-button {
  width: 88px;
}
.agent-dialogue__content--common__agents {
  margin-top: 24px;
}
.agent-dialogue__content--common__agents__title {
  font-size: 16px;
  line-height: 24px;
  color: #181818;
  margin-bottom: 8px;
}
.agent-dialogue__content--common__agents__list {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.agent-dialogue__content--common .hyc-event-card--item__title {
  cursor: pointer;
}
.agent-dialogue__content--common .is-chat-sensitive .agent-chat__toolbar__left,
.agent-dialogue__content--common .is-chat-sensitive .agent-chat__toolbar--mobile {
  cursor: not-allowed;
}
.agent-dialogue__content--common .is-chat-sensitive .agent-chat__toolbar__left .agent-chat__gold-click-button__content,
.agent-dialogue__content--common .is-chat-sensitive .agent-chat__toolbar--mobile .agent-chat__gold-click-button__content {
  pointer-events: none;
}
.agent-dialogue__content--common .is-chat-sensitive .hyc-event-card--list .hyc-event-card--item {
  pointer-events: none;
}
.agent-dialogue__content--common__visitor {
  position: absolute;
  bottom: 104px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.agent-dialogue__content--common .deep-search-share-all {
  position: fixed;
  right: 20px;
  top: 20px;
}
.agent-dialogue__content--common .deep-search-share-all-icon {
  padding: 6px;
  border-radius: var(--yb-radius-default);
  background: #fff;
  cursor: pointer;
}
.agent-dialogue__content--common .deep-search-share-all-disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.agent-dialogue__content--common .deep-search-share-all-disabled .deep-search-share-all-icon {
  pointer-events: none;
}
.layout-mobile .good-question-chat-list .agent-chat__bubble--human {
  background-position: unset;
}
.hyc-content-loading__dots {
  gap: 0;
  margin-bottom: calc(0px - 6px);
  margin-right: calc(0px - 6px);
}
.hyc-content-loading__dots > * {
  margin-right: 6px;
  margin-bottom: 6px;
}
.hyc-deep-search-outline__inner .hyc-content-loading__icon--search::before {
  aspect-ratio: unset;
  padding-top: 120%;
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #bfefd6 0);
}
:root[yb-theme="dark"] .agent-dialogue__content--common__header__name__title .t-button:hover {
  color: var(--yb-color-text-primary);
}
.chat-app-download-dialog {
  position: relative;
}
.chat-app-download-dialog .t-dialog__position.t-dialog--top {
  padding-top: 30vh;
}
.chat-app-download-dialog__close {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
.chat-app-download-dialog .t-dialog::after {
  display: none;
  content: "";
  position: absolute;
  width: 182px;
  height: 247px;
  background: url(https://cdn-portal.hunyuan.tencent.com/public/f27a937e98eaaa6be659.png);
  top: -28px;
  left: -54px;
}
.chat-app-download-dialog .t-dialog .t-body {
  padding: 0;
}
.chat-app-download-dialog__qrcode {
  width: 100% !important;
  height: 218px !important;
}
.chat-app-download-dialog__qrcode .yb-app-qrcode__img {
  width: 170px;
  height: 170px;
  margin: 0 auto;
}
.chat-app-download-dialog__download-header {
  text-align: center;
}
.chat-app-download-dialog__download-header__title {
  color: var(--yb-md-file-title-color);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 120% */
}
.chat-app-download-dialog__download-header__sub-title {
  color: var(--yb-md-file-desc-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 150% */
  margin-top: 5px;
}
.agent-dialogue__content-qrcode {
  display: none;
  position: fixed;
  top: 86px;
  width: 128px;
}
.agent-dialogue__content-qrcode-content {
  line-height: 0;
  font-size: 0;
  padding: 9px 7px 12px 7px;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.02), 0px 6px 30px 0px rgba(0, 0, 0, 0.02);
  text-align: center;
}
.agent-dialogue__content-qrcode-text {
  margin-top: 6px;
  font-size: 15px;
  line-height: 22px;
}
.agent-dialogue__content-qrcode-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
}
.agent-dialogue__content-qrcode-icon svg {
  cursor: pointer;
}
.agent-dialogue__content-qrcode img {
  width: 100%;
}
@media screen and (max-width: 1500px) {
  .agent-dialogue__content-qrcode {
    width: 104px;
  }
  .agent-dialogue__content-qrcode-content {
    padding: 8px 8px 10px 8px;
    border-radius: 10px;
  }
  .agent-dialogue__content-qrcode-text {
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px;
  }
}
.goodcase-bottom-stop {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-bottom: 50px;
  cursor: pointer;
}
.goodcase-bottom-stop .goodcase-bottom-stop-icon {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    /* 原始尺寸 */
  }
  50% {
    transform: scale(1.1);
    /* 放大到 1.2 倍 */
  }
  100% {
    transform: scale(1);
    /* 恢复原始尺寸 */
  }
}

.agent-outline-guide {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.agent-outline-guide__mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.agent-outline-guide__placeholder {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  border: 1px solid #20C57D;
  border-radius: 16px;
  box-sizing: border-box;
}
.agent-outline-guide .hyc-component-outline__content__chapter__wrapper {
  background-color: #fff;
  padding-left: 0 !important;
  position: absolute;
  pointer-events: none;
  border-radius: 12px;
}
.agent-outline-guide__content {
  position: absolute;
}
.agent-outline-guide__link {
  position: absolute;
  left: 18%;
  width: 1px;
  height: 52px;
  background-color: #20C57D;
}
.agent-outline-guide__info {
  position: absolute;
  width: 249px;
  border-radius: 12px;
  background-color: #fff;
  padding: 16px;
  box-sizing: border-box;
}
.agent-outline-guide__info__header {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  line-height: 22px;
  margin-bottom: 12px;
}
.agent-outline-guide__info__content {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  margin-bottom: 12px;
}
.agent-outline-guide__info__action {
  width: 80px;
  height: 30px;
  background-color: #20C57D;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.XVP7mulsg03HADpMbbn1 {
  position: relative;
  width: 100%;
  min-height: 62px;
}
.XVP7mulsg03HADpMbbn1 button {
  background: linear-gradient(103.17deg, #00D862 -12.55%, #00CDFF 130.28%);
}
.hLCkGXbzY922Ixv1qk1J {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 62px;
  background-color: #fff;
  z-index: 50;
  padding: 0 16px;
  box-sizing: border-box;
  overflow: hidden;
}
.TZyipwJoT0LfVfE14kAA {
  display: flex;
}
.NZQ4LsChcdJrNUiJCL1g {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #EEEEEE;
  padding: 4.5px;
  margin-right: 12px;
  box-sizing: border-box;
  background: #fff;
}
.NZQ4LsChcdJrNUiJCL1g img {
  width: 100%;
  height: 100%;
}
.E8x8XQWTlj9ubl1_ueFo {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #242424;
}
.yr_HD7K95V5TQKCPYX1f {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  color: rgba(0, 0, 0, 0.4);
}
.SMM8gVptooAqWmvYI_dc {
  position: absolute;
  right: 0;
  top: 0;
  width: 72px;
  height: 28px;
}
.hLCkGXbzY922Ixv1qk1J .t-button {
  width: 72px;
  font-size: 14px;
  height: 28px;
  border-radius: 14px;
  font-family: PingFang SC;
}
.hLCkGXbzY922Ixv1qk1J .t-button .iconfont {
  margin-right: 10px;
}
.hLCkGXbzY922Ixv1qk1J span {
  font-size: 12px;
  color: #fff;
}

.app-launcher-wrapper {
  position: relative;
}
.share-content__tip {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.6);
  padding: 16px 20px;
}
.share-content__tip::before {
  content: "";
  position: fixed;
  right: 0;
  top: 10px;
  width: 56px;
  height: 74px;
  background-image: url(https://cdn-portal.hunyuan.tencent.com/594f43153a5fe0bffb5d.svg);
  background-repeat: no-repeat;
}
.share-content__tip-wrapper {
  position: fixed;
  top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.share-content__mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.share-content__mask {
  z-index: 9999;
}

.agent-dialogue-references {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.agent-dialogue-references__close {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.agent-dialogue-references__close .t-button .t-ripple {
  display: none;
}
.agent-dialogue-references__header {
  display: flex;
  align-items: center;
  padding: 20px 12px 12px 20px;
  height: 24px;
  font-size: 12px;
  color: var(--yb-color-text-placeholder);
}
.agent-dialogue-references__header-txt {
  font-size: 16px;
  color: var(--yb-color-text-primary);
  font-weight: 500;
  line-height: 1.5;
}
.agent-dialogue-references__list {
  flex: 1;
  padding: 0 10px 10px;
  overflow: hidden auto;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
@keyframes a-reflist-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.agent-dialogue-references__list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.agent-dialogue-references__list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(93, 94, 95, 0.2);
}

.agent-dialogue__drawer.t-drawer:not(.agent-dialogue__drawer--mobile) {
  right: 20px;
}
.agent-dialogue__drawer.t-drawer:not(.agent-dialogue__drawer--mobile) .t-drawer__content-wrapper {
  top: 64px;
  bottom: 40px;
  height: auto;
  box-shadow: unset;
  border-radius: 12px;
  border: 1px solid var(--yb-color-bg-active-2);
  box-shadow: 0px 4px 20px 0px rgba(65, 77, 96, 0.08);
}
.agent-dialogue__drawer.t-drawer:not(.agent-dialogue__drawer--mobile) .agent-dialogue-references__item:not(:first-child) {
  margin-top: 2px;
}
.agent-dialogue__drawer.t-drawer .t-drawer__close-btn {
  display: none;
}
.agent-dialogue__drawer.t-drawer .t-drawer__body {
  padding: 0;
}
.agent-dialogue__drawer--mobile.t-drawer .t-drawer__content-wrapper {
  border-radius: 12px 12px 0 0;
}
.agent-dialogue__drawer--mobile.t-drawer .t-drawer__body {
  background-color: var(--yb-color-bg-primary);
}
.agent-dialogue__drawer--mobile.t-drawer .agent-dialogue-references__header {
  padding-right: 14px;
}
.agent-dialogue__drawer--mobile.t-drawer .agent-dialogue-references__close .icon-close {
  font-weight: 600;
  color: #000;
}
.agent-dialogue__drawer--mobile.t-drawer .agent-dialogue-references__list {
  padding: 0 16px;
  padding-bottom: 16px;
}
.agent-dialogue__drawer--mobile.t-drawer .agent-dialogue-references__item:not(:first-child) {
  margin-top: 8px;
}
.agent-dialogue__drawer--pc-share.t-drawer:not(.agent-dialogue__drawer--mobile) .t-drawer__content-wrapper {
  top: 84px;
  bottom: 76px;
  height: auto;
}

.parentCert {
  width: 100%;
  max-width: 566px;
  margin: auto;
}
.parentCert-intro {
  position: relative;
  margin-bottom: 20px;
  padding: 10px 12px;
  box-sizing: border-box;
  border-radius: var(--yb-radius-large);
  background-color: var(--yb-input-bg-color);
  box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.04);
}
.parentCert-icon {
  position: absolute;
  top: -28px;
  right: 16px;
  width: 60px;
  height: auto;
}
.parentCert-title {
  padding-right: 70px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: var(--yb-text-color-primary);
}
.parentCert-item {
  margin-top: 8px;
  line-height: 22px;
  color: var(--yb-text-color-secondary-2);
}
.parentCert-item-title {
  display: flex;
  align-items: flex-start;
  column-gap: 4px;
  color: var(--yb-text-color-primary);
}
.parentCert-item-icon {
  margin-top: 2px;
}
.parentCert-item-icon path {
  fill: var(--yb-text-color-primary);
}
.parentCert-input .t-input {
  height: 42px;
  background-color: var(--yb-input-bg-color);
  border-color: var(--yb-input-border-color);
  border-radius: var(--yb-radius-large);
}
.parentCert-input .t-input--focused {
  border-color: var(--yb-text-color-secondary);
  box-shadow: none;
}
.parentCert-input .t-input__inner {
  color: var(--yb-text-color-primary);
}
.parentCert-input .t-input__inner::placeholder {
  color: var(--yb-text-color-secondary-2);
  opacity: 0.6;
}
.parentCert-foot {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  column-gap: 8px;
}
.parentCert-submit {
  height: 40px;
  border: 0 !important;
}
.parentCert-submit.t-button {
  background-color: var(--yb-text-color-primary);
}
.parentCert-submit.t-button:not(.t-is-disabled):hover {
  background-color: var(--yb-text-color-secondary);
}
.parentCert-submit.t-button.t-is-disabled {
  background-color: var(--yb-text-color-secondary-2);
}
.parentCert-dialog .t-dialog__body {
  padding: 24px 0 0;
  overflow: visible;
}
.parentCert-dialog .parentCert {
  max-width: none;
}
.parentCert-dialog .parentCert-intro {
  background-color: var(--yb-bg-color-primary);
  box-shadow: none;
}
.parentCert-dialog .parentCert-input .t-input {
  height: 48px;
  background-color: var(--yb-bg-color-primary);
}
.parentCert-dialog .parentCert-input .t-input--focused {
  border-color: var(--yb-text-color-secondary-2);
}
.parentCert-dialog .parentCert-submit {
  width: 88px;
  height: 36px;
}
.parentCert-dialog .parentCert-submit--cancel:hover {
  color: var(--yb-text-color-primary);
  background-color: var(--yb-color-bg-primary);
}
:root[yb-theme="dark"] .parentCert-submit.t-button:not(.t-is-disabled) {
  color: rgba(0, 0, 0, 0.9);
}

.hunyuan-dialog .t-dialog__header-content {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
}
.hunyuan-dialog .t-dialog__header-content .conv-delete-dialog__header-title {
  margin-left: 8px;
}
.hunyuan-dialog .t-dialog__body {
  padding-left: 32px;
}
.hunyuan-dialog .t-dialog__footer .t-button {
  height: 32px !important;
  border-radius: 16px;
}
.hunyuan-dialog .t-dialog__footer .t-button:hover {
  text-decoration: underline;
}
.hunyuan-dialog .t-dialog__footer .t-button .t-button__text {
  font-weight: 400;
}
.hunyuan-dialog .t-dialog__footer .t-button:last-child {
  border: none !important;
  background-color: #1a1a1a !important;
  color: #fff !important;
}
.hunyuan-dialog .t-dialog__footer .t-button:first-child {
  border: none !important;
  background-color: #f3f3f3 !important;
  color: #000000e5 !important;
}

.agent-dialogue__content {
  flex: 1;
  min-height: 0;
}
.agent-dialogue__content--iframe__content {
  width: 100%;
  height: 100%;
  position: relative;
}
.agent-dialogue__content--iframe__content-loading {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  height: 100%;
  width: 100%;
}
.agent-dialogue__content-wrapper {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.agent-dialogue__content-copyright {
  width: 100%;
  bottom: 0;
  z-index: 0;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agent-dialogue__content--disabled {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  min-width: 0;
  overflow: auto;
  row-gap: 68px;
}
.agent-dialogue__content--disabled::before,
.agent-dialogue__content--disabled::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
}
.agent-dialogue__content--disabled__dialog {
  background-color: #fff;
  border-radius: 16px;
  max-width: 400px;
  width: calc(100vw - 80px);
  padding: 42px 32px;
  box-sizing: border-box;
  position: relative;
}
.agent-dialogue__content--disabled__bg1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.agent-dialogue__content--disabled__bg1 img {
  display: block;
  width: 100%;
}
.agent-dialogue__content--disabled__bg2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}
.agent-dialogue__content--disabled__bg2 img {
  display: block;
  width: 100%;
}
.agent-dialogue__content--disabled__bg3 {
  position: absolute;
  left: -40px;
  top: -40px;
  height: 400px;
  transform: rotate(-4deg);
}
.agent-dialogue__content--disabled__bg3 img {
  display: block;
  height: 100%;
}
.agent-dialogue__content--disabled__bg4 {
  position: absolute;
  right: -50px;
  bottom: 5px;
  height: 300px;
  transform: rotate(-2deg);
}
.agent-dialogue__content--disabled__bg4 img {
  display: block;
  height: 100%;
}
.agent-dialogue__content--disabled__content {
  position: relative;
}
.agent-dialogue__content--disabled__logo {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 16px;
}
.agent-dialogue__content--disabled__logo img {
  width: 100%;
  height: 100%;
}
.agent-dialogue__content--disabled__name {
  font-size: 24px;
  line-height: 36px;
  color: rgba(0, 0, 0, 0.9);
  margin-bottom: 8px;
  text-align: center;
  font-weight: 500;
}
.agent-dialogue__content--disabled__description {
  font-size: 16px;
  line-height: 24px;
  color: gba(#000, 0.6);
  margin-bottom: 24px;
  text-align: center;
}
.agent-dialogue__content--disabled__qrcode {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.agent-dialogue__content--disabled__qrcode img {
  width: 100%;
  height: 100%;
}
.agent-dialogue__content--disabled__app {
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #242424;
  margin-bottom: 2px;
}
.agent-dialogue__content--disabled__tip {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
}
.agent-dialogue__content--disabled__btn.t-button.t-size-l {
  border-radius: 30px;
  margin-top: 40px;
}
.agent-dialogue__content--loading {
  height: 100%;
  display: flex;
  justify-content: center;
}

.body-mobile .agent-dialogue__content--disabled__bg3 {
  max-height: 320px;
  top: -65px;
}
.body-mobile .agent-dialogue__content--disabled__bg4 {
  max-height: 200px;
}
.body-mobile .agent-dialogue__content--disabled__btn {
  max-width: 80%;
  margin: 30px auto 0;
}

.yb-nav-mobile {
  position: relative;
}
.yb-nav-mobile__content {
  padding: 20px 12px 8px;
}
.yb-nav-mobile__content__add-chat {
  flex-shrink: 0;
  height: 40px;
}
.yb-nav-mobile__content__add-chat .yb-icon {
  margin-right: 8px;
}
.yb-nav-mobile__content .t-divider {
  margin: 8px 0;
  background: var(--yb-color-divider-primary);
}
.yb-nav-mobile__content .t-drawer__body {
  display: flex;
  flex-direction: column;
  padding: 24px 12px 8px;
  overflow-x: hidden;
}
.yb-nav-mobile__content .yb-nav__sub-content__header {
  padding-top: 0;
  padding-bottom: 0;
}
.yb-nav-mobile__content .siderv2-content-container {
  margin-top: 12px;
}
.yb-nav-mobile__content .siderv2-content-container .box {
  margin-bottom: 2px;
  padding-left: 22px;
}
.yb-nav-mobile__list {
  margin-top: 16px;
}
.yb-nav-mobile__list-item {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  cursor: pointer;
  border-radius: var(--yb-radius-large);
}
.yb-nav-mobile__list-item--active,
.yb-nav-mobile__list-item:hover {
  background: var(--yb-color-bg-active-1);
}
.yb-nav-mobile__list-item:last-child {
  margin-bottom: 0;
}
.yb-nav-mobile__list-item__icon {
  width: 32px;
  height: 32px;
  background: #61D6C1;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.yb-nav-mobile__list-item__icon img {
  width: 100%;
  height: 100%;
}
.yb-nav-mobile__list-item__icon .yb-icon {
  font-size: 20px;
  color: #fff;
}
.yb-nav-mobile__list-item__name {
  color: var(--yb-color-text-primary);
  font: var(--yb-font-title-4);
}
.yb-nav-mobile__history {
  flex: 1;
  min-height: 0;
}
.yb-nav-mobile__extra-user {
  height: 44px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.yb-nav-mobile__extra-user__info {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 32px;
  padding: 0 6px;
  cursor: pointer;
  border-radius: var(--yb-radius-small);
}
.yb-nav-mobile__extra-user__info-name {
  font: var(--yb-font-body-medium);
  color: var(--yb-color-text-primary);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yb-nav-mobile__extra-user__info:hover,
.yb-nav-mobile__extra-user__info--active {
  background: var(--yb-color-bg-active-1);
}
.yb-nav-mobile__extra-user__action {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: none;
}
.yb-nav-mobile__extra-user__action-item {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: var(--yb-radius-small);
}
.yb-nav-mobile__extra-user__action-item .yb-icon {
  font-size: 18px;
}
.yb-nav-mobile__extra-user__action-item:hover,
.yb-nav-mobile__extra-user__action-item--active {
  background: var(--yb-color-bg-active-1);
}
.yb-nav-mobile__title {
  padding-left: 8px;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.yb-nav-mobile--nologin .yb-nav-mobile__header-wrapper {
  display: none;
}
.yb-nav-mobile--nologin__header {
  padding: 20px 16px;
  background-color: #fff;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: space-between;
  gap: 10px;
}
.yb-nav-mobile--nologin__header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--yb-radius-default);
  border: 1px solid var(--yb-color-bg-dark);
}
.yb-nav-mobile--nologin__header-logo > img {
  width: 32px;
  height: 32px;
}
.yb-nav-mobile--nologin__header-slogan {
  min-width: 0;
  flex: 1;
}
.yb-nav-mobile--nologin__header-slogan__title {
  font: var(--yb-font-title-3);
  color: var(--yb-color-text-primary);
}
.yb-nav-mobile--nologin__header-slogan__desc {
  font: var(--yb-font-body-small);
  color: var(--yb-color-text-secondary-2);
}

.yb-nav-mobile__header {
  height: 56px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  box-sizing: border-box;
}
.yb-nav-mobile__header-trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.yb-nav-mobile__header-icon {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .yb-nav-mobile__header-icon:hover {
    background: #f5f5f5;
  }
}
.yb-nav-mobile__header-icon:active {
  background: #f5f5f5;
}
.yb-nav-mobile__header-icon.active {
  background: #f5f5f5;
}
.yb-nav-mobile__header-icon .yb-icon {
  font-size: 20px;
}
.yb-nav-mobile__header-title {
  font: var(--yb-font-title-3);
}
.yb-nav-mobile__header-extra {
  flex: none;
}

.siderv2-content-container {
  width: calc(100% + 16px);
  margin-top: 16px;
  margin-left: -8px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.siderv2-content-container .box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 12px;
  margin-bottom: 5px;
  box-sizing: border-box;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.2s;
}
.siderv2-content-container .box.sticky {
  position: sticky;
  top: 0;
  background-color: var(--yb-color-bg-primary);
  z-index: 100;
}
.siderv2-content-container .box.active {
  background-color: #fff;
}
.siderv2-content-container .box.top {
  background-color: #f5f8fa;
}
.siderv2-content-container .box:hover {
  background-color: #fff;
}
.siderv2-content-container .box .icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border-radius: 100%;
}
.siderv2-content-container .box .text {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.siderv2-content-container .box .text .title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3px;
  white-space: nowrap;
}
.siderv2-content-container .box .text .title-box .title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}
.siderv2-content-container .box .text .title-box .time {
  height: 24px;
  line-height: 24px;
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.siderv2-content-container .box .text .sub-title {
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.4);
}
.siderv2-content-container::-webkit-scrollbar {
  display: none;
}
.siderv2-dropdown-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0;
  border-radius: 100%;
  transform: rotate(90deg);
  transition: 0.2s;
}
.siderv2-dropdown-icon:hover {
  background-color: #f5f5f5;
}
.siderv2-dropdown-confirm-box {
  display: flex;
  flex-direction: column;
}
.siderv2-dropdown-confirm-box header {
  display: flex;
  justify-content: space-between;
  padding: 8px 0 16px 0;
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
}
.siderv2-dropdown-confirm-box header .close {
  cursor: pointer;
}
.siderv2-dropdown-confirm-box header .title-box {
  display: flex;
  align-items: baseline;
}
.siderv2-dropdown-confirm-box header .title-box .delete-icon {
  width: 22px;
  height: 22px;
  margin-right: 9px;
  color: #fa5151;
}
.siderv2-dropdown-confirm-box header .title-box .content {
  color: rgba(0, 0, 0, 0.9);
}
.siderv2-dropdown-confirm-box .edit-name {
  min-height: 112px !important;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  background-color: #f5f5f5;
  border: none;
  outline: none;
  resize: none;
}
.siderv2-dropdown-confirm-box .edit-name:focus {
  box-shadow: none;
}
.siderv2-dropdown-confirm-box .edit-name .t-input {
  min-height: 112px;
  color: rgba(0, 0, 0, 0.9);
  background-color: #f5f5f5;
  display: flex;
  align-items: flex-start;
  border-radius: var(--yb-radius-default);
}
.siderv2-dropdown-confirm-box .edit-name .t-input__suffix {
  height: 20px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  color: #20C57D;
}
.siderv2-dropdown-confirm-box .edit-name .t-input--borderless:not(.t-input--focused):hover {
  border-color: #20C57D;
  cursor: unset;
}
.siderv2-dropdown-confirm-box .edit-name .t-input--focused {
  box-shadow: none;
}
.siderv2-dropdown-confirm-box.update .confirm {
  background-color: #20C57D;
}
.siderv2-dropdown-confirm-box.delete .confirm {
  background-color: #fa5151 !important;
}
.siderv2-dropdown-confirm-box .edit-btn {
  height: 36px;
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.siderv2-dropdown-confirm-box .edit-btn .cancel {
  height: 100%;
  margin-right: 8px;
  padding: 7px 16px;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.9);
  background-color: #f5f5f5;
}
.siderv2-dropdown-confirm-box .edit-btn .confirm {
  height: 100%;
  padding: 7px 16px;
  border-radius: 8px;
  color: #fff;
  background-color: #20C57D;
}
.siderv2-dropdown-confirm-box .t-textarea__info_wrapper {
  display: none;
}
.yb-dropdown.t-dropdown {
  padding: 0;
}
.yb-dropdown .t-button__text {
  font-size: 14px;
}

.copyright-wp {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  height: 54px;
  line-height: 54px;
  width: 100%;
}
.copyright-wp .copyright__content {
  font-size: 12px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4);
}
.copyright-wp .copyright__content .copyright__paragh__item::after {
  content: none;
}
.copyright__paragh__item__default {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.26);
  line-height: 22px;
}
.copyright__paragh__item__default span {
  font-size: 12px;
}
.copyright__paragh__item__default a {
  font-size: 12px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.26);
  text-decoration: none;
  margin-right: 8px;
}
.copyright__paragh__item__default a:hover {
  text-decoration: none;
  color: #2d68ff;
}
.copyright {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 99;
  top: 50%;
  transform: translateY(-50%);
  color: var(--yb-copyright-color);
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.copyright__content {
  display: flex;
}
.copyright__link {
  color: var(--yb-copyright-link-color);
  text-decoration: none;
  display: inline-block;
}
.copyright__paragh {
  white-space: nowrap;
}
.copyright__paragh__item {
  display: flex;
  align-items: center;
  flex: none;
}
.copyright__paragh__item::after {
  content: '';
  display: block;
  height: 12px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.26);
  margin: 0 8px;
}
.copyright-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 80px 120px 40px 120px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.copyright-wrap .copyright__paragh__item__default {
  width: 1200px;
  margin-top: 40px;
  color: rgba(0, 0, 0, 0.26);
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.model-list {
  position: fixed;
  top: 0;
  right: 0;
  width: 340px;
  height: calc(100vh - 55px);
  background: #FFFFFF;
  box-shadow: -10px 0 30px 0 rgba(0, 0, 0, 0.04);
  border-radius: 12px 12px 0 0;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.model-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.model-list__header h2 {
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
  margin: 0;
}
.model-list__header :global(.t-button) {
  color: rgba(0, 0, 0, 0.4);
}
.model-list__header :global(.t-button):hover {
  color: rgba(0, 0, 0, 0.9);
}
.model-list__content {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.model-list__content::-webkit-scrollbar {
  width: 4px;
}
.model-list__content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.model-card {
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.model-card__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.model-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.model-card__title h3 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #000;
  margin: 0;
}
.model-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.model-card__tags--item {
  color: #686F81;
  font-size: 11px;
  line-height: 18px;
  font-weight: 500;
  padding: 2px 6px;
  border: 0.5px solid #D4D4D866;
  background: #F4F4F5;
  border-radius: 6px;
}
.model-card__description {
  font-size: 13px;
  color: #666;
  line-height: 20px;
  margin: 0;
}
.model-card__footer {
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.model-card__footer :global(.t-button) {
  padding: 0;
  height: auto;
  line-height: 1;
}
.model-card__id {
  flex: 1;
  display: flex;
  align-items: center;
  color: #999;
  font-size: 12px;
  line-height: 22px;
}
.model-card__id-name {
  display: inline-block;
  width: 0;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.model-card__id :global(.t-button) {
  color: rgba(0, 0, 0, 0.4);
}
.model-card__btn .t-button__text {
  font-weight: 500;
}
.model-card--skeleton {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: none;
}
.model-card--skeleton .t-skeleton {
  border-radius: 6px;
  background: #F3F3F3;
}
.model-card--skeleton .t-skeleton--line {
  height: 24px;
}
.model-card--skeleton .t-skeleton--line:nth-child(3) {
  width: 57%;
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.model-card--skeleton .t-skeleton {
  background: linear-gradient(90deg, #F3F3F3 25%, #E8E8E8 37%, #F3F3F3 63%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
}

.mvfqmiYoVreC1bYK_YyC {
  width: 340px;
  height: calc(100vh - 55px);
  box-sizing: border-box;
  padding: 0 20px 0 20px;
  overflow: auto;
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  box-shadow: -10px 0 30px 0 rgba(0, 0, 0, 0.04);
}
.mvfqmiYoVreC1bYK_YyC .t0RzcsGrBHWFkFBdssj6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0 10px;
}
.mvfqmiYoVreC1bYK_YyC .t0RzcsGrBHWFkFBdssj6 h3 {
  margin: 0;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
}
.mvfqmiYoVreC1bYK_YyC .MdkwfhEobvOAjZ7yuJ67 {
  position: relative;
  right: -15px;
}
.mvfqmiYoVreC1bYK_YyC .t0RzcsGrBHWFkFBdssj6 .XOLYfvANqzqHVc6cAlDm {
  font-size: 20px;
  color: #999;
  cursor: pointer;
}
.mvfqmiYoVreC1bYK_YyC .t0RzcsGrBHWFkFBdssj6 .XOLYfvANqzqHVc6cAlDm:hover {
  color: #666;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .KLmoOfjpH7s02NWV4Wos {
  display: flex;
  align-items: flex-start;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .KLmoOfjpH7s02NWV4Wos .YL7FgDFqH5cV1td_Vy9t {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  border-radius: 12px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .KLmoOfjpH7s02NWV4Wos .YL7FgDFqH5cV1td_Vy9t img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .KLmoOfjpH7s02NWV4Wos .ZiiOX_2sFGw0N0MnJXFd {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .KLmoOfjpH7s02NWV4Wos .ZiiOX_2sFGw0N0MnJXFd .IiHpr5vRQvO5BzHY_zjf {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .KLmoOfjpH7s02NWV4Wos .ZiiOX_2sFGw0N0MnJXFd .Y_1npDL_f7q2NuqS2cmq {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .KLmoOfjpH7s02NWV4Wos .ZiiOX_2sFGw0N0MnJXFd .Y_1npDL_f7q2NuqS2cmq .nUxZ2CAjKQ8VxzylNIGj {
  font-family: PingFang SC;
  font-weight: 500;
  padding: 0 7px;
  line-height: 20px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  color: #00000099;
  box-sizing: border-box;
  font-size: 11px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .nOo3ZxtBTAzyo04FTbsu {
  color: #00000099;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e6e6e6;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .BYRCoevIpdjkIzGmHxVi {
  margin-bottom: 12px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .BYRCoevIpdjkIzGmHxVi .MQ6b5ddq6xn_f47rfubs {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 8px;
  align-items: center;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .BYRCoevIpdjkIzGmHxVi .MQ6b5ddq6xn_f47rfubs:first-child {
  padding-top: 0;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .BYRCoevIpdjkIzGmHxVi .MQ6b5ddq6xn_f47rfubs:last-child {
  padding-bottom: 0;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .BYRCoevIpdjkIzGmHxVi .MQ6b5ddq6xn_f47rfubs .Kqg4lMsNdGZClCkPjnD3 {
  font-family: PingFang SC;
  font-size: 12px;
  color: #00000099;
  display: inline-block;
  width: 80px;
  line-height: 20px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .BYRCoevIpdjkIzGmHxVi .MQ6b5ddq6xn_f47rfubs .YZ8kYPD08Ud4tyb7m2R_ {
  color: #000000e5;
  line-height: 20px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .c9rVi12v7zU8lTwY73Hk {
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .c9rVi12v7zU8lTwY73Hk h5 {
  display: flex;
  gap: 4px;
  justify-items: center;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .c9rVi12v7zU8lTwY73Hk h5.wDxn8qjk3sDLCe9BU5BW {
  color: rgba(0, 0, 0, 0.26);
  cursor: not-allowed;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .c9rVi12v7zU8lTwY73Hk h5.wDxn8qjk3sDLCe9BU5BW:hover {
  text-decoration: none;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .bdUzk1XS2GvUz4RNdINj {
  font-weight: 500;
  font-size: 12px;
  color: #2d68ff;
  cursor: pointer;
  line-height: 22px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .XzKcLz8g3ym48WqWxDLh {
  margin-top: 2px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .yHwopeHjkVh6p8pKGqDI {
  display: flex;
  justify-content: center;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .yHwopeHjkVh6p8pKGqDI .t-radio-group {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .yHwopeHjkVh6p8pKGqDI .t-is-checked {
  width: 100%;
  display: flex;
  justify-content: center;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .PG5L1G64Lvi_lnjTySg7 .C2Hvma2q5HmQvFgEE7Sw {
  background-color: #1e1e1e;
  border-radius: 8px;
  margin-top: 12px;
  overflow: hidden;
  width: 100%;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .PG5L1G64Lvi_lnjTySg7 .C2Hvma2q5HmQvFgEE7Sw .monaco-editor {
  padding: 12px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .PG5L1G64Lvi_lnjTySg7 .t-tabs {
  --td-tab-nav-bg-color: transparent;
  --td-tab-border-color: transparent;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .PG5L1G64Lvi_lnjTySg7 .t-tabs .t-tabs__nav {
  margin-bottom: 12px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .PG5L1G64Lvi_lnjTySg7 .t-tabs .t-tabs__nav-item {
  font-size: 14px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .PG5L1G64Lvi_lnjTySg7 .t-tabs .t-tabs__nav-item.t-is-active {
  color: #2d68ff;
  text-shadow: 0 0 0.3px #2d68ff;
}

.web-dev-card {
  width: 100%;
  height: 100%;
  padding: 16px 24px 0px 0;
  box-sizing: border-box;
}
.web-dev-card .web-dev-card-container {
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f9f9f9;
}
.web-dev-card .web-dev-card-header {
  height: 82px;
  border-bottom: 1px solid #e9ecef;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  box-sizing: border-box;
}
.web-dev-card .web-dev-card-header .header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.web-dev-card .web-dev-card-header .header-left .header-icon {
  font-size: 16px;
  color: #000;
}
.web-dev-card .web-dev-card-header .header-left .header-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.web-dev-card .web-dev-card-header .header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.web-dev-card .web-dev-card-header .header-right .copy-url-btn {
  padding: 8px 16px;
  background: #212529;
  color: #ffffff;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.web-dev-card .web-dev-card-header .header-right .copy-url-btn .t-button__text {
  display: flex;
  align-items: center;
  gap: 6px;
}
.web-dev-card .web-dev-card-header .header-right .copy-url-btn:hover {
  background: #495057;
}
.web-dev-card .web-dev-card-header .header-right .copy-url-btn.t-is-disabled {
  background: #999999;
}
.web-dev-card .web-dev-card-header .header-right .copy-url-btn .copy-icon {
  font-size: 14px;
}
.web-dev-card .web-dev-card-header .header-right .close-btn {
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  font-size: 18px;
  color: #000000e5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-dev-card .web-dev-card-content {
  flex: 1;
  background: #ffffff;
  position: relative;
}
.web-dev-card .web-dev-card-content .empty-content {
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.error-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
  box-sizing: border-box;
}
.error-node .error-node-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #000;
  margin-bottom: 8px;
}
.error-node .error-node-desc {
  font-size: 14px;
  line-height: 22px;
  color: #00000099;
}

:root {
  --hunyuan-content-min-width: 802px;
  --hunyuan-chat-list-width: 100%;
  --hunyuan-chat-list-max-width: 802px;
  --yb-color-brand-primary-v0: rgba(0, 0, 0, 0.9);
}
html {
  overflow: hidden;
}
html,
body,
#app,
#hunyuan-bot,
.content-root {
  font-size: 14px;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  width: auto !important;
}
#hunyuan-bot {
  line-height: 1.2;
  background-color: var(--yb-color-bg-primary);
}
.share-to-image-box,
.share-from-app-box {
  height: auto !important;
}
.share-to-image-box {
  background: #f3f3f3 !important;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.bg-white {
  background-color: #ffffff;
}
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}
.hyc-content-img--loading {
  width: 280px;
  height: 280px;
  border-radius: 8px;
}
.link-intercept-dialog .t-dialog__header .t-dialog__header-content {
  justify-content: left;
}
.hyc-content-divider__content {
  color: rgba(0, 0, 0, 0.26) !important;
}
.agent-chat__list .agent-chat__list__item--ai .hyc-content-img img,
.agent-chat__list .agent-chat__list__item--ai .hyc-component-image-group img {
  height: 280px !important;
  width: 280px !important;
  object-fit: cover;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
:root {
  --hy-font-family: PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  font-family: var(--hy-font-family) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button {
  font-family: var(--hy-font-family) !important;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}
input::-webkit-contacts-auto-fill-button {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
:root {
  --hunyuan-content-min-width: 802px;
  --hunyuan-chat-list-width: 100%;
  --hunyuan-chat-list-max-width: 802px;
  --yb-color-brand-primary-v0: rgba(0, 0, 0, 0.9);
}
html {
  overflow: hidden;
}
html,
body,
#app,
#hunyuan-bot,
.content-root {
  font-size: 14px;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  width: auto !important;
}
#hunyuan-bot {
  line-height: 1.2;
  background-color: var(--yb-color-bg-primary);
}
.share-to-image-box,
.share-from-app-box {
  height: auto !important;
}
.share-to-image-box {
  background: #f3f3f3 !important;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.bg-white {
  background-color: #ffffff;
}
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}
.hyc-content-img--loading {
  width: 280px;
  height: 280px;
  border-radius: 8px;
}
.link-intercept-dialog .t-dialog__header .t-dialog__header-content {
  justify-content: left;
}
.hyc-content-divider__content {
  color: rgba(0, 0, 0, 0.26) !important;
}
.agent-chat__list .agent-chat__list__item--ai .hyc-content-img img,
.agent-chat__list .agent-chat__list__item--ai .hyc-component-image-group img {
  height: 280px !important;
  width: 280px !important;
  object-fit: cover;
}
:root {
  --yb-button-size-sm: 24px;
  --yb-button-size-md: 36px;
  --yb-button-size-lg: 40px;
  --yb-button-color-disabled: rgba(0, 0, 0, 0.27);
}
.t-button {
  border-radius: var(--yb-radius-default);
}
.t-button--variant-base {
  height: var(--yb-button-size-md);
  font: var(--yb-font-title-4);
  background-color: var(--yb-color-bg-active-1);
  color: var(--yb-text-color-4);
  border-color: transparent;
  --ripple-color: transparent !important;
}
.t-button--variant-base.t-button--theme-primary:hover {
  background-color: var(--yb-color-brand-focus);
  color: var(--yb-color-text-anti);
}
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
  background-color: var(--yb-color-brand-disabled);
  color: var(--yb-color-text-anti);
}
.t-button--variant-base.yb-button-secondary {
  background-color: var(--yb-color-brand-highlight);
  color: var(--yb-color-brand-primary);
  border-color: transparent;
}
.t-button--variant-base.yb-button-secondary:hover {
  background-color: var(--yb-color-brand-primary);
  color: var(--yb-color-text-anti);
}
.t-button--variant-base.yb-button-secondary.t-is-disabled {
  background-color: var(--yb-color-brand-highlight);
  border-color: transparent;
  color: var(--yb-color-brand-disabled);
}
.t-button--variant-base:hover {
  color: var(--yb-color-brand-primary);
  background-color: var(--yb-color-brand-highlight);
  border-color: transparent;
}
.t-button--variant-base.t-is-disabled {
  background-color: var(--yb-color-bg-active-1);
  color: var(--yb-button-color-disabled);
  border-color: transparent;
}
.t-button--variant-outline {
  height: var(--yb-button-size-md);
  font: var(--yb-font-title-4);
  background-color: #fff;
  border-color: var(--yb-color-divider-primary);
  --ripple-color: transparent !important;
}
.t-button--variant-outline:hover {
  border-color: var(--yb-color-divider-primary);
  color: var(--yb-text-color-4);
  background-color: var(--yb-color-bg-light);
}
.t-button--variant-outline.t-is-disabled {
  background-color: #fff;
  border-color: var(--yb-color-divider-primary);
  color: var(--yb-button-color-disabled);
}
.t-button--variant-base.t-button--theme-danger {
  background-color: var(--yb-color-error-normal);
  border-color: transparent;
}
.t-button--variant-base.t-button--theme-danger:hover {
  background-color: var(--yb-color-error-focus);
  color: var(--yb-color-text-anti);
  border-color: transparent;
}
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
  border-color: transparent;
  background-color: var(--yb-color-error-disabled);
  color: var(--yb-color-text-anti);
}
.t-button.t-size-l {
  height: var(--yb-button-size-lg);
  font: var(--yb-font-title-4);
}
.t-button.t-size-s {
  height: var(--yb-button-size-sm);
  font: var(--yb-font-title-5);
}
.t-button--shape-round {
  border-radius: var(--td-radius-round);
}
.t-dialog {
  border-radius: var(--yb-radius-large);
}
.t-dialog--default {
  padding: 24px;
  max-width: 90vw;
}
.t-dialog__header {
  font: var(--yb-font-title-3);
  color: var(--yb-color-text-primary);
}
.t-dialog__body {
  font: var(--yb-font-body-medium);
  color: var(--yb-color-text-secondary-1);
}
.t-dialog__footer .t-button--variant-outline {
  background-color: var(--yb-color-bg-active-1);
  border-color: transparent;
}
.t-dialog__footer .t-button--variant-outline:hover {
  background-color: var(--yb-color-bg-dark);
}
.t-message {
  border-radius: var(--yb-radius-default);
  box-shadow: var(--yb-shadow-2);
  padding: 9px 12px;
  color: var(--yb-color-text-primary);
  font: var(--yb-font-body-medium);
}
.t-message .t-icon {
  margin-right: 4px;
}
.t-message.t-is-info {
  border: 1px solid rgba(32, 197, 125, 0.5);
  background-color: #F4FCF9;
}
.t-message.t-is-success {
  border: 1px solid rgba(32, 197, 125, 0.5);
  background-color: #F4FCF9;
}
.t-message.t-is-warning {
  border: 1px solid rgba(240, 124, 48, 0.5);
  background-color: #FEF8F5;
}
.t-message.t-is-error {
  border: 1px solid rgba(250, 81, 81, 0.5);
  background-color: #FFF6F6;
}
.t-message.t-is-closable .t-message__close {
  margin-left: 8px;
  color: var(--yb-color-text-placeholder);
}
:root {
  --yb-select-size-md: 36px;
  --yb-select-tag-size-md: 28px;
  --yb-select-tag-size-lg: 32px;
}
.t-select .t-input {
  height: var(--yb-select-size-md);
  border-radius: var(--yb-radius-default);
}
.t-select .t-input--focused {
  box-shadow: none;
}
.t-select .t-input--focused .t-input__inner {
  color: var(--yb-color-brand-primary);
}
.t-select-option {
  height: var(--yb-select-size-md);
  border-radius: var(--yb-radius-default);
}
.t-select .t-tag {
  height: var(--yb-select-tag-size-md);
}
.t-select .t-tag.t-size-l {
  height: var(--yb-select-tag-size-lg);
}
.yb-loading__fullscreen {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--yb-color-brand-primary);
  font-size: 24px;
}
.t-avatar {
  background: var(--td-bg-color-secondarycontainer) !important;
}
.t-avatar .t-image__loading .t-space .t-space-item {
  line-height: 1;
}
.t-avatar .t-image__loading .t-space .t-space-item:first-child svg {
  color: rgba(0, 0, 0, 0.2);
}
.t-avatar .t-image__loading .t-space .t-space-item:last-child {
  display: none;
}
.t-dropdown {
  box-shadow: var(--yb-shadow-1);
}
.t-drawer__mask {
  transition: none;
}
/**
覆盖tdesign颜色值
 */
:root {
  --yb-color-content-bg: #f3f3f3;
}

@font-face {
  font-family: 'sim';
  src: url(https://cdn-portal.hunyuan.tencent.com/5603bff098be82285942.ttf);
  src: url(https://cdn-portal.hunyuan.tencent.com/5603bff098be82285942.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TCloud Number';
  src: url(https://cdn-portal.hunyuan.tencent.com/3b0997665b63cd5fcf24.ttf);
  src: url(https://cdn-portal.hunyuan.tencent.com/3b0997665b63cd5fcf24.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+30-39;
}

.ma-icon {
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: swap;
  line-height: 1;
}

.ma-layout {
  min-height: 100vh;
  min-width: 100vw;
  background-repeat: no-repeat;
  background-size: 661px auto;
  background-color: #fff;
  /**** design 主题变量 Start ****/
  /**** design 主题变量 End ****/
}
.ma-layout .t-layout--with-sider {
  background: transparent;
}
.ma-layout .t-default-menu.t-menu--dark {
  background-color: transparent;
  height: 100%;
  padding-bottom: 48px;
  --ma-menu-icon-size: 18px;
}
.ma-layout .t-default-menu.t-menu--dark .t-menu {
  padding-top: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.ma-layout .t-default-menu.t-menu--dark .t-menu__item {
  height: 40px !important;
  background: transparent;
  box-sizing: border-box;
  border: 1px solid transparent;
  color: #1b1b1b;
  gap: 8px;
  border-radius: 100px;
}
.ma-layout .t-default-menu.t-menu--dark .t-menu__item svg {
  stroke: #141414;
}
.ma-layout .t-default-menu.t-menu--dark .t-menu__item svg path,
.ma-layout .t-default-menu.t-menu--dark .t-menu__item svg rect {
  stroke: #141414;
}
.ma-layout .t-default-menu.t-menu--dark .t-menu__item.t-is-disabled {
  color: #666;
  cursor: not-allowed;
}
.ma-layout .t-default-menu.t-menu--dark .t-menu__item.t-is-disabled a {
  cursor: not-allowed;
}
.ma-layout .t-default-menu.t-menu--dark .t-menu__item .t-menu__content,
.ma-layout .t-default-menu.t-menu--dark .t-menu__item a {
  display: block;
  width: 100%;
}
.ma-layout .t-default-menu.t-menu--dark .t-menu__item .ma-icon {
  width: var(--ma-menu-icon-size);
  height: var(--ma-menu-icon-size);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: var(--ma-menu-icon-size);
}
.ma-layout .t-default-menu.t-menu--dark .t-menu__item .t-ripple {
  display: none !important;
}
.ma-layout .t-default-menu.t-menu--dark .ma-icon + .t-menu__content,
.ma-layout .t-default-menu.t-menu--dark .ma-icon + .t-menu__item-link {
  margin-left: 8px;
}
.ma-layout .t-default-menu.t-menu--dark .t-is-active,
.ma-layout .t-default-menu.t-menu--dark .t-menu__item:not(.t-is-disabled):hover {
  position: relative;
  background: linear-gradient(104.19deg, #E5EDFF -3.07%, #FFFFFF 55.71%) !important;
  color: #2D68FF !important;
  background-clip: padding-box !important;
  border: 1px solid transparent !important;
  border-radius: 100px;
}
.ma-layout .t-default-menu.t-menu--dark .t-is-active::before,
.ma-layout .t-default-menu.t-menu--dark .t-menu__item:not(.t-is-disabled):hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  border-radius: inherit;
  /* 继承圆角 */
  padding: 1px;
  /* 模拟边框宽度 */
  background: linear-gradient(88.06deg, #FFFFFF, #E7EEFF);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, /* 内容区域不透明 */ linear-gradient(#fff 0 0);
  /* 边框区域透明 */
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.ma-layout .t-default-menu.t-menu--dark .t-is-active svg,
.ma-layout .t-default-menu.t-menu--dark .t-menu__item:not(.t-is-disabled):hover svg {
  stroke: #2D68FF;
}
.ma-layout .t-default-menu.t-menu--dark .t-is-active svg path,
.ma-layout .t-default-menu.t-menu--dark .t-menu__item:not(.t-is-disabled):hover svg path,
.ma-layout .t-default-menu.t-menu--dark .t-is-active svg rect,
.ma-layout .t-default-menu.t-menu--dark .t-menu__item:not(.t-is-disabled):hover svg rect {
  stroke: #2D68FF;
}
.ma-layout .t-default-menu.t-menu--dark .t-is-active .ma-icon,
.ma-layout .t-default-menu.t-menu--dark .t-menu__item:not(.t-is-disabled):hover .ma-icon {
  color: var(--td-brand-color, #1858ff);
}
.ma-layout .t-default-menu.t-menu--dark .t-menu-group__title {
  color: #727272;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: 0%;
}
.ma-layout .t-default-menu.t-menu--dark .t-menu-group:not(:first-child) {
  margin-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ma-layout .t-default-menu.t-menu--dark .t-menu__operations {
  font-size: 12px;
  padding-bottom: 21px;
  border-top: 0;
  color: #5f5f60;
}
.ma-layout .t-default-menu.t-menu--dark .t-menu__operations .t-divider {
  border-color: #5f5f60;
}
.ma-layout .ma-header {
  display: flex;
  align-items: center;
  padding: 12px 28px;
  box-sizing: border-box;
  height: auto;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(20px);
}
.ma-layout .ma-header.header-transparent {
  background-color: transparent;
  box-shadow: unset;
  backdrop-filter: unset;
}
.ma-layout .ma-header .ma-logo {
  height: 64px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  margin: -16px 12px -16px 0;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}
.ma-layout .ma-header .ma-logo .ma-logo-wrapper {
  display: flex;
  color: rgba(0, 0, 0, 0.9);
  font-style: normal;
  gap: 5.13px;
  white-space: nowrap;
  font-family: TencentSans;
  font-weight: 700;
  font-size: 20.67px;
  letter-spacing: 0%;
  cursor: pointer;
}
.ma-layout .ma-header .ma-logo .mal-logo-name {
  line-height: 28px;
}
.ma-layout .ma-header .ma-logo .plateform-test-tag {
  color: #333;
  font-family: TencentSans;
  font-size: 10.56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 3.017px;
  background: #F1F1F1;
  box-shadow: 0px 3.017px 3.017px 0px rgba(0, 0, 0, 0.15);
  padding: 0 4px 1px 4px;
  margin-top: 2px;
}
.ma-layout .ma-header .login-btn-header-right {
  height: 44px;
  border-radius: 8px;
}
.ma-layout .ma-header .ma-header-content-right {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}
.ma-layout .ma-header .ma-breadcrumb {
  display: flex;
  align-items: center;
  height: 100%;
  font-weight: 500;
  font-size: 15px;
  color: #000000E5;
  margin-left: 12px;
}
.ma-layout .ma-header .ma-breadcrumb-separator {
  margin-right: 12px;
  color: #BDBDBD;
}
.ma-layout .ma-aside {
  height: calc(100vh - 64px);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  background: url(https://cdn-portal.hunyuan.tencent.com/public/62b59c93d2913d187dae.png);
  background-size: 100% 100%;
  backdrop-filter: blur(140px);
  overflow-y: auto;
  box-sizing: border-box;
}
.ma-layout .ma-aside .t-default-menu.t-menu--dark .t-default-menu__inner .t-menu--scroll::-webkit-scrollbar {
  display: none;
}
.ma-layout .ma-back-button {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  cursor: pointer;
}
@media screen and (min-width: 2560px) {
  .layout-min-Width .ma-content {
    max-width: 1768px;
    width: 100%;
    margin: 0 auto;
  }
  .layout-min-Width .RecommendBanner :global .banner-center .content.content-en {
    transform: translateX(-366px) !important;
  }
}
@media screen and (max-width: 1600px) {
  .layout-min-Width .yy-home-recommenbanner .banner-center .content.content-en {
    transform: translateX(-200px) !important;
  }
  .layout-min-Width .yy-home-recommenbanner .content-title > div {
    width: 420px;
  }
}
.menu-disabled-popup .t-popup__content {
  color: rgba(0, 0, 0, 0.9);
  background: #FFFFFF;
  border: 1px solid #0000000D;
  box-shadow: 0px 4px 12px 0px #0000001A;
}
.menu-disabled-popup-inner {
  border-radius: 8.03px;
  padding: 16px;
  backdrop-filter: blur(30px);
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: justify;
  box-shadow: unset;
}
.menu-disabled-popup-inner .t-popup__arrow {
  width: 16px;
  height: 16px;
  margin-top: calc(-16px / 2) !important;
  left: calc(-16px / 2) !important;
}
.menu-disabled-popup-inner .t-popup__arrow::before {
  width: 16px;
  height: 16px;
  background-color: #FFFFFF;
  box-shadow: unset !important;
}
.yy-t-global-mask {
  position: absolute;
  height: 100vh;
  width: 100vw;
  z-index: 6000;
  backdrop-filter: blur(24px);
  background: #00000099;
}

.avatar-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.is-internal-class .avatar-content {
  overflow: hidden;
}
.is-internal-class .avatar-content .avatar-wrapper {
  width: 100%;
  overflow: hidden;
}
.is-internal-class .avatar-content .t-avatar {
  flex-shrink: 0;
}
.is-internal-class .avatar-content .username-info {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.avatar-content {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #F8F8F8;
}
.switch-language-popup .t-popup__content,
.userinfo-popup .t-popup__content {
  width: 210px;
  border-radius: 12px;
  border: 1px solid #FFFFFF0D;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16) !important;
  background: #FDFDFD;
  backdrop-filter: blur(6px);
  box-shadow: none;
  color: #1A1A1A;
  padding: 8px;
}
.switch-language-popup .userinfo-wrapper,
.userinfo-popup .userinfo-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.switch-language-popup .userinfo-wrapper .userinfo-header,
.userinfo-popup .userinfo-wrapper .userinfo-header {
  color: #666;
}
.switch-language-popup .userinfo-wrapper .avatar-wrapper,
.userinfo-popup .userinfo-wrapper .avatar-wrapper {
  gap: 8px;
  height: 48px;
  width: 100%;
  overflow: hidden;
}
.switch-language-popup .userinfo-wrapper .t-avatar,
.userinfo-popup .userinfo-wrapper .t-avatar {
  flex-shrink: 0;
}
.switch-language-popup .userinfo-wrapper .username-info,
.userinfo-popup .userinfo-wrapper .username-info {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.switch-language-popup .userinfo-wrapper .link-item,
.userinfo-popup .userinfo-wrapper .link-item {
  padding: 6px 16px;
  border-radius: 8px;
  cursor: pointer;
  line-height: 28px;
  color: #1A1A1A;
}
.switch-language-popup .userinfo-wrapper .link-item:hover,
.userinfo-popup .userinfo-wrapper .link-item:hover {
  background: #F1F1F1;
}
.switch-language-popup .userinfo-wrapper .link-item-active,
.userinfo-popup .userinfo-wrapper .link-item-active {
  background: #F1F1F1;
}
.switch-language-popup .userinfo-wrapper .language-item,
.userinfo-popup .userinfo-wrapper .language-item {
  display: flex;
  justify-content: space-between;
}
.switch-language-popup .userinfo-wrapper .logout-item,
.userinfo-popup .userinfo-wrapper .logout-item {
  color: #FA5151;
}
.switch-language-popup .t-popup__content {
  margin-right: 15px !important;
}

.apply-auth-dialog .t-dialog {
  position: relative;
  background: linear-gradient(184deg, #C4E8FF 0.3%, #FFF 10.48%);
}
.apply-auth-dialog .t-dialog::before {
  content: '';
  width: 111px;
  height: 82px;
  background: url(https://cdn-portal.hunyuan.tencent.com/public/96d419b469c597206288.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -40px;
  right: 32px;
  z-index: 100000;
}
.apply-auth-dialog .t-dialog .apply-auth-content .t-form__item .t-form__label {
  color: #1A1A1A;
  font-weight: 500;
}
.apply-auth-dialog .t-dialog__footer {
  justify-content: end !important;
}
.apply-auth-dialog .t-dialog__footer .t-button,
.apply-auth-dialog .t-dialog__footer .t-dialog__confirm {
  flex: unset;
  width: 120px !important;
  border: unset;
}
.apply-auth-dialog .t-form__item {
  margin-bottom: 12px;
}

.apply-success-dialog .t-dialog {
  background: url(https://cdn-portal.hunyuan.tencent.com/public/18bdbb76a59a56d4893e.png);
  background-color: #FFFFFF;
  background-position-y: -725px;
  background-position-x: -230px;
  background-repeat: no-repeat;
}
.apply-success-dialog .apply-success-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 16px 0 16px;
}
.apply-success-dialog .apply-success-content-img {
  width: 118px;
}
.apply-success-dialog .apply-success-content-content1 {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}
.apply-success-dialog .apply-success-content-content2 {
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-size: 16px;
  margin-bottom: 50px;
}
.apply-success-dialog .apply-success-content-tip__btn {
  width: 100%;
  border-radius: 8px;
  background: #2D68FF;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.whc9IKcDNxmB9x_wOlsg {
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.whc9IKcDNxmB9x_wOlsg .SkcntDpndFUush4H8ss4 {
  margin: 0 auto;
  width: 202px;
}
.whc9IKcDNxmB9x_wOlsg .Q2LLHbzhBMPBqPcuPlS4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 80%;
  height: 48px;
}
.whc9IKcDNxmB9x_wOlsg .ExL_tUBjkmQqr7k0EksU {
  position: relative;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #00000066;
  cursor: pointer;
}
.whc9IKcDNxmB9x_wOlsg .ExL_tUBjkmQqr7k0EksU:last-child::before {
  position: absolute;
  content: '';
  left: -24px;
  top: 50%;
  transform: translateY(-50%);
  height: 12px;
  border: 1px solid #00000014;
}
.feedback-popup {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.feedback-popup-wrapper {
  transform: unset !important;
  bottom: 48px !important;
  left: 130px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 156px;
  height: 178px;
  border-radius: 8px;
  padding: 8px;
  background: #32353e;
  box-shadow: 0px 8px 16px 0px #00000033;
}
.feedback-popup-inner.t-popup__content {
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
  background: unset;
  box-shadow: unset !important;
  padding: unset;
}
.feedback-popup-inner.t-popup__content span {
  color: #fff;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
}
.feedback-popup-inner.t-popup__content img {
  display: block;
  width: 132px;
  height: 132px;
  border-radius: 8px;
  margin-top: 8px;
}

.hunyuan-game-commen-btn {
  width: 120px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(255, 237, 210, 0.8);
  background: radial-gradient(173.62% 69.32% at 48.01% 50%, #2D68FF 0%, #2DBCFF 100%), linear-gradient(287deg, #2D68FF -0.77%, #2DBCFF 97.03%);
  cursor: pointer;
  color: #FDFDFD;
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
}
.hunyuan-game-commen-btn.hunyuan-game-commen-btn-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.wauwHktwQtrO4SV9pR1v {
  display: flex;
  align-items: center;
  height: 40px;
  box-sizing: border-box;
  padding: 8px 12px 8px 42px;
  gap: 8px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  z-index: 100;
  border-radius: 100px;
  background-color: #F7F7F7;
  color: rgba(0, 0, 0, 0.9);
}
.wauwHktwQtrO4SV9pR1v .remian-img {
  width: 40px;
  position: absolute;
  left: 3px;
  top: -1px;
}
.wauwHktwQtrO4SV9pR1v .remain-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #FF7D00;
}
.PJrWASJISXp3QOECGyk3 .t-popup__content {
  width: 311px;
  border-radius: 12px;
  border: 1px solid #FFFFFF0D;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16) !important;
  background: #fff;
  backdrop-filter: blur(6px);
  box-shadow: none;
  color: #F8F8F8;
  padding: 4px 16px 16px;
}
.PJrWASJISXp3QOECGyk3 .t-popup__content .count-list {
  list-style: none;
}
.PJrWASJISXp3QOECGyk3 .t-popup__content .count-list .count-item {
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.PJrWASJISXp3QOECGyk3 .t-popup__content .count-list .count-top {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  height: 26px;
  margin-bottom: 4px;
}
.PJrWASJISXp3QOECGyk3 .t-popup__content .count-list .count-name {
  color: #1A1A1A;
}
.PJrWASJISXp3QOECGyk3 .t-popup__content .count-list .count-num {
  color: #FF7D00;
}
.PJrWASJISXp3QOECGyk3 .t-popup__content .count-list .count-desc {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
}
.PJrWASJISXp3QOECGyk3 .t-popup__content .fresh-time {
  margin-top: 12px;
  text-align: center;
  color: #FF7D00;
  font-size: 12px;
  line-height: 18px;
}
.i9Z3wAgUlPM_g55o27UF {
  color: #FA5151 !important;
}

.hunyuan-game-container {
  @import 'tdesign-react/es/style/index.css';
  @import url('@tencent/hy-web-common/dist/style/index.css');
  @import url('@tencent/hy-web-common/dist/style/theme.css');
  /*-----------覆盖tdesign样式----------------*/
}
.hunyuan-game-container .t-loading__fullscreen:has(> .yy-t-loading__fullscreen) {
  --td-comp-size-l: 22px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(12px);
  align-items: flex-start;
  padding-top: 58px;
}
.hunyuan-game-container .yy-t-loading__fullscreen {
  backdrop-filter: blur(12px);
  align-items: flex-start;
  padding-top: 58px;
  padding: 14px 18px;
  border-radius: 100px;
  background: #FFF;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
}
.hunyuan-game-container .yy-t-loading__fullscreen .t-loading__text {
  color: #1A1A1A;
}
.hunyuan-game-container .yy-t-input .t-input {
  --td-brand-color: rgba(152, 163, 196, 0.2);
  --td-bg-color-specialcomponent: transparent;
  --td-radius-default: 8px;
  --td-border-level-2-color: rgba(152, 163, 196, 0.2);
  --td-text-color-primary: #1B1B1B;
  border: 1px solid rgba(152, 163, 196, 0.2);
  background: #fff;
}
.hunyuan-game-container .yy-t-input .t-input--focused {
  border: 1px solid rgba(152, 163, 196, 0.6) !important;
  box-shadow: none !important;
}
.hunyuan-game-container .yy-t-layout.t-layout {
  overflow: hidden;
}
.hunyuan-game-container .yy-t-layout.t-layout .t-layout__header {
  flex-shrink: 0;
}
.hunyuan-game-container .yy-t-layout.t-layout .t-layout__content {
  flex: 1;
  overflow: hidden;
}
.hunyuan-game-container .yy-t-layout.t-layout .t-layout__content .v-content-main {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.hunyuan-game-container .yy-t-layout.t-layout .t-layout__content .v-content-main .t-layout__footer {
  flex-shrink: 0;
}
.hunyuan-game-container .yy-t-popup-overlay .t-popup__content,
.hunyuan-game-container .yy-t-popup-overlay-content {
  padding: 8px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
}
.hunyuan-game-container .yy-t-button.t-button {
  --td-text-color-anti: #1B1B1B;
  border-radius: 8px;
}
.hunyuan-game-container .yy-t-button.t-button--variant-outline {
  border-color: #0000001A;
  background-color: #FDFDFD;
}
.hunyuan-game-container .yy-t-button.t-button--variant-outline:hover {
  color: var(--td-text-color-anti);
  border-color: #0000001A;
}
.hunyuan-game-container .yy-t-button.t-button--variant-outline.t-is-disabled {
  color: var(--td-text-color-anti);
  border-color: #0000001A;
  opacity: 0.6;
}
@-webkit-keyframes gradientRotate {
  0% {
    background: radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%);
  }
  1% {
    background: radial-gradient(circle at 4% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 4%, #6590FF, transparent 50%), radial-gradient(circle at 96% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 96%, #6590FF, transparent 50%);
  }
  2% {
    background: radial-gradient(circle at 8% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 8%, #6590FF, transparent 50%), radial-gradient(circle at 92% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 92%, #6590FF, transparent 50%);
  }
  3% {
    background: radial-gradient(circle at 12% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 12%, #6590FF, transparent 50%), radial-gradient(circle at 88% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 88%, #6590FF, transparent 50%);
  }
  4% {
    background: radial-gradient(circle at 16% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 16%, #6590FF, transparent 50%), radial-gradient(circle at 84% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 84%, #6590FF, transparent 50%);
  }
  5% {
    background: radial-gradient(circle at 20% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 20%, #6590FF, transparent 50%), radial-gradient(circle at 80% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 80%, #6590FF, transparent 50%);
  }
  6% {
    background: radial-gradient(circle at 24% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 24%, #6590FF, transparent 50%), radial-gradient(circle at 76% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 76%, #6590FF, transparent 50%);
  }
  7% {
    background: radial-gradient(circle at 28% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 28%, #6590FF, transparent 50%), radial-gradient(circle at 72% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 72%, #6590FF, transparent 50%);
  }
  8% {
    background: radial-gradient(circle at 32% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 32%, #6590FF, transparent 50%), radial-gradient(circle at 68% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 68%, #6590FF, transparent 50%);
  }
  9% {
    background: radial-gradient(circle at 36% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 36%, #6590FF, transparent 50%), radial-gradient(circle at 64% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 64%, #6590FF, transparent 50%);
  }
  10% {
    background: radial-gradient(circle at 40% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 40%, #6590FF, transparent 50%), radial-gradient(circle at 60% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 60%, #6590FF, transparent 50%);
  }
  11% {
    background: radial-gradient(circle at 44% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 44%, #6590FF, transparent 50%), radial-gradient(circle at 56% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 56%, #6590FF, transparent 50%);
  }
  12% {
    background: radial-gradient(circle at 48% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 48%, #6590FF, transparent 50%), radial-gradient(circle at 52% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 52%, #6590FF, transparent 50%);
  }
  13% {
    background: radial-gradient(circle at 52% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 52%, #6590FF, transparent 50%), radial-gradient(circle at 48% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 48%, #6590FF, transparent 50%);
  }
  14% {
    background: radial-gradient(circle at 56% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 56%, #6590FF, transparent 50%), radial-gradient(circle at 44% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 44%, #6590FF, transparent 50%);
  }
  15% {
    background: radial-gradient(circle at 60% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 60%, #6590FF, transparent 50%), radial-gradient(circle at 40% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 40%, #6590FF, transparent 50%);
  }
  16% {
    background: radial-gradient(circle at 64% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 64%, #6590FF, transparent 50%), radial-gradient(circle at 36% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 36%, #6590FF, transparent 50%);
  }
  17% {
    background: radial-gradient(circle at 68% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 68%, #6590FF, transparent 50%), radial-gradient(circle at 32% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 32%, #6590FF, transparent 50%);
  }
  18% {
    background: radial-gradient(circle at 72% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 72%, #6590FF, transparent 50%), radial-gradient(circle at 28% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 28%, #6590FF, transparent 50%);
  }
  19% {
    background: radial-gradient(circle at 76% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 76%, #6590FF, transparent 50%), radial-gradient(circle at 24% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 24%, #6590FF, transparent 50%);
  }
  20% {
    background: radial-gradient(circle at 80% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 80%, #6590FF, transparent 50%), radial-gradient(circle at 20% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 20%, #6590FF, transparent 50%);
  }
  21% {
    background: radial-gradient(circle at 84% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 84%, #6590FF, transparent 50%), radial-gradient(circle at 16% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 16%, #6590FF, transparent 50%);
  }
  22% {
    background: radial-gradient(circle at 88% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 88%, #6590FF, transparent 50%), radial-gradient(circle at 12% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 12%, #6590FF, transparent 50%);
  }
  23% {
    background: radial-gradient(circle at 92% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 92%, #6590FF, transparent 50%), radial-gradient(circle at 8% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 8%, #6590FF, transparent 50%);
  }
  24% {
    background: radial-gradient(circle at 96% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 96%, #6590FF, transparent 50%), radial-gradient(circle at 4% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 4%, #6590FF, transparent 50%);
  }
  25% {
    background: radial-gradient(circle at 100% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 0%, #6590FF, transparent 50%);
  }
  26% {
    background: radial-gradient(circle at 100% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 0%, #6590FF, transparent 50%);
  }
  27% {
    background: radial-gradient(circle at 100% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 0%, #6590FF, transparent 50%);
  }
  28% {
    background: radial-gradient(circle at 100% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 0%, #6590FF, transparent 50%);
  }
  29% {
    background: radial-gradient(circle at 100% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 0%, #6590FF, transparent 50%);
  }
  30% {
    background: radial-gradient(circle at 100% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 0%, #6590FF, transparent 50%);
  }
  31% {
    background: radial-gradient(circle at 100% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 0%, #6590FF, transparent 50%);
  }
  32% {
    background: radial-gradient(circle at 100% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 0%, #6590FF, transparent 50%);
  }
  33% {
    background: radial-gradient(circle at 100% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 0%, #6590FF, transparent 50%);
  }
  34% {
    background: radial-gradient(circle at 100% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 0%, #6590FF, transparent 50%);
  }
  35% {
    background: radial-gradient(circle at 100% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 0%, #6590FF, transparent 50%);
  }
  36% {
    background: radial-gradient(circle at 100% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 0%, #6590FF, transparent 50%);
  }
  37% {
    background: radial-gradient(circle at 100% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 0%, #6590FF, transparent 50%);
  }
  38% {
    background: radial-gradient(circle at 100% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 0%, #6590FF, transparent 50%);
  }
  39% {
    background: radial-gradient(circle at 100% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 0%, #6590FF, transparent 50%);
  }
  40% {
    background: radial-gradient(circle at 100% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 0%, #6590FF, transparent 50%);
  }
  41% {
    background: radial-gradient(circle at 100% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 0%, #6590FF, transparent 50%);
  }
  42% {
    background: radial-gradient(circle at 100% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 0%, #6590FF, transparent 50%);
  }
  43% {
    background: radial-gradient(circle at 100% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 0%, #6590FF, transparent 50%);
  }
  44% {
    background: radial-gradient(circle at 100% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 0%, #6590FF, transparent 50%);
  }
  45% {
    background: radial-gradient(circle at 100% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 0%, #6590FF, transparent 50%);
  }
  46% {
    background: radial-gradient(circle at 100% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 0%, #6590FF, transparent 50%);
  }
  47% {
    background: radial-gradient(circle at 100% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 0%, #6590FF, transparent 50%);
  }
  48% {
    background: radial-gradient(circle at 100% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 0%, #6590FF, transparent 50%);
  }
  49% {
    background: radial-gradient(circle at 100% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 0%, #6590FF, transparent 50%);
  }
  50% {
    background: radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%);
  }
  51% {
    background: radial-gradient(circle at 96% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 96%, #6590FF, transparent 50%), radial-gradient(circle at 4% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 4%, #6590FF, transparent 50%);
  }
  52% {
    background: radial-gradient(circle at 92% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 92%, #6590FF, transparent 50%), radial-gradient(circle at 8% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 8%, #6590FF, transparent 50%);
  }
  53% {
    background: radial-gradient(circle at 88% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 88%, #6590FF, transparent 50%), radial-gradient(circle at 12% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 12%, #6590FF, transparent 50%);
  }
  54% {
    background: radial-gradient(circle at 84% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 84%, #6590FF, transparent 50%), radial-gradient(circle at 16% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 16%, #6590FF, transparent 50%);
  }
  55% {
    background: radial-gradient(circle at 80% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 80%, #6590FF, transparent 50%), radial-gradient(circle at 20% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 20%, #6590FF, transparent 50%);
  }
  56% {
    background: radial-gradient(circle at 76% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 76%, #6590FF, transparent 50%), radial-gradient(circle at 24% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 24%, #6590FF, transparent 50%);
  }
  57% {
    background: radial-gradient(circle at 72% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 72%, #6590FF, transparent 50%), radial-gradient(circle at 28% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 28%, #6590FF, transparent 50%);
  }
  58% {
    background: radial-gradient(circle at 68% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 68%, #6590FF, transparent 50%), radial-gradient(circle at 32% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 32%, #6590FF, transparent 50%);
  }
  59% {
    background: radial-gradient(circle at 64% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 64%, #6590FF, transparent 50%), radial-gradient(circle at 36% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 36%, #6590FF, transparent 50%);
  }
  60% {
    background: radial-gradient(circle at 60% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 60%, #6590FF, transparent 50%), radial-gradient(circle at 40% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 40%, #6590FF, transparent 50%);
  }
  61% {
    background: radial-gradient(circle at 56% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 56%, #6590FF, transparent 50%), radial-gradient(circle at 44% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 44%, #6590FF, transparent 50%);
  }
  62% {
    background: radial-gradient(circle at 52% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 52%, #6590FF, transparent 50%), radial-gradient(circle at 48% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 48%, #6590FF, transparent 50%);
  }
  63% {
    background: radial-gradient(circle at 48% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 48%, #6590FF, transparent 50%), radial-gradient(circle at 52% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 52%, #6590FF, transparent 50%);
  }
  64% {
    background: radial-gradient(circle at 44% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 44%, #6590FF, transparent 50%), radial-gradient(circle at 56% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 56%, #6590FF, transparent 50%);
  }
  65% {
    background: radial-gradient(circle at 40% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 40%, #6590FF, transparent 50%), radial-gradient(circle at 60% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 60%, #6590FF, transparent 50%);
  }
  66% {
    background: radial-gradient(circle at 36% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 36%, #6590FF, transparent 50%), radial-gradient(circle at 64% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 64%, #6590FF, transparent 50%);
  }
  67% {
    background: radial-gradient(circle at 32% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 32%, #6590FF, transparent 50%), radial-gradient(circle at 68% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 68%, #6590FF, transparent 50%);
  }
  68% {
    background: radial-gradient(circle at 28% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 28%, #6590FF, transparent 50%), radial-gradient(circle at 72% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 72%, #6590FF, transparent 50%);
  }
  69% {
    background: radial-gradient(circle at 24% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 24%, #6590FF, transparent 50%), radial-gradient(circle at 76% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 76%, #6590FF, transparent 50%);
  }
  70% {
    background: radial-gradient(circle at 20% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 20%, #6590FF, transparent 50%), radial-gradient(circle at 80% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 80%, #6590FF, transparent 50%);
  }
  71% {
    background: radial-gradient(circle at 16% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 16%, #6590FF, transparent 50%), radial-gradient(circle at 84% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 84%, #6590FF, transparent 50%);
  }
  72% {
    background: radial-gradient(circle at 12% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 12%, #6590FF, transparent 50%), radial-gradient(circle at 88% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 88%, #6590FF, transparent 50%);
  }
  73% {
    background: radial-gradient(circle at 8% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 8%, #6590FF, transparent 50%), radial-gradient(circle at 92% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 92%, #6590FF, transparent 50%);
  }
  74% {
    background: radial-gradient(circle at 4% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 4%, #6590FF, transparent 50%), radial-gradient(circle at 96% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 96%, #6590FF, transparent 50%);
  }
  75% {
    background: radial-gradient(circle at 0% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 100%, #6590FF, transparent 50%);
  }
  76% {
    background: radial-gradient(circle at 0% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 100%, #6590FF, transparent 50%);
  }
  77% {
    background: radial-gradient(circle at 0% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 100%, #6590FF, transparent 50%);
  }
  78% {
    background: radial-gradient(circle at 0% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 100%, #6590FF, transparent 50%);
  }
  79% {
    background: radial-gradient(circle at 0% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 100%, #6590FF, transparent 50%);
  }
  80% {
    background: radial-gradient(circle at 0% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 100%, #6590FF, transparent 50%);
  }
  81% {
    background: radial-gradient(circle at 0% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 100%, #6590FF, transparent 50%);
  }
  82% {
    background: radial-gradient(circle at 0% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 100%, #6590FF, transparent 50%);
  }
  83% {
    background: radial-gradient(circle at 0% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 100%, #6590FF, transparent 50%);
  }
  84% {
    background: radial-gradient(circle at 0% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 100%, #6590FF, transparent 50%);
  }
  85% {
    background: radial-gradient(circle at 0% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 100%, #6590FF, transparent 50%);
  }
  86% {
    background: radial-gradient(circle at 0% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 100%, #6590FF, transparent 50%);
  }
  87% {
    background: radial-gradient(circle at 0% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 100%, #6590FF, transparent 50%);
  }
  88% {
    background: radial-gradient(circle at 0% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 100%, #6590FF, transparent 50%);
  }
  89% {
    background: radial-gradient(circle at 0% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 100%, #6590FF, transparent 50%);
  }
  90% {
    background: radial-gradient(circle at 0% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 100%, #6590FF, transparent 50%);
  }
  91% {
    background: radial-gradient(circle at 0% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 100%, #6590FF, transparent 50%);
  }
  92% {
    background: radial-gradient(circle at 0% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 100%, #6590FF, transparent 50%);
  }
  93% {
    background: radial-gradient(circle at 0% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 100%, #6590FF, transparent 50%);
  }
  94% {
    background: radial-gradient(circle at 0% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 100%, #6590FF, transparent 50%);
  }
  95% {
    background: radial-gradient(circle at 0% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 100%, #6590FF, transparent 50%);
  }
  96% {
    background: radial-gradient(circle at 0% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 100%, #6590FF, transparent 50%);
  }
  97% {
    background: radial-gradient(circle at 0% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 100%, #6590FF, transparent 50%);
  }
  98% {
    background: radial-gradient(circle at 0% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 100%, #6590FF, transparent 50%);
  }
  99% {
    background: radial-gradient(circle at 0% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 100%, #6590FF, transparent 50%);
  }
  100% {
    background: radial-gradient(circle at 400% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 400%, #6590FF, transparent 50%), radial-gradient(circle at -300% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% -300%, #6590FF, transparent 50%);
  }
  100% {
    background: radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%);
  }
}
@-moz-keyframes gradientRotate {
  0% {
    background: radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%);
  }
  1% {
    background: radial-gradient(circle at 4% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 4%, #6590FF, transparent 50%), radial-gradient(circle at 96% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 96%, #6590FF, transparent 50%);
  }
  2% {
    background: radial-gradient(circle at 8% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 8%, #6590FF, transparent 50%), radial-gradient(circle at 92% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 92%, #6590FF, transparent 50%);
  }
  3% {
    background: radial-gradient(circle at 12% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 12%, #6590FF, transparent 50%), radial-gradient(circle at 88% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 88%, #6590FF, transparent 50%);
  }
  4% {
    background: radial-gradient(circle at 16% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 16%, #6590FF, transparent 50%), radial-gradient(circle at 84% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 84%, #6590FF, transparent 50%);
  }
  5% {
    background: radial-gradient(circle at 20% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 20%, #6590FF, transparent 50%), radial-gradient(circle at 80% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 80%, #6590FF, transparent 50%);
  }
  6% {
    background: radial-gradient(circle at 24% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 24%, #6590FF, transparent 50%), radial-gradient(circle at 76% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 76%, #6590FF, transparent 50%);
  }
  7% {
    background: radial-gradient(circle at 28% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 28%, #6590FF, transparent 50%), radial-gradient(circle at 72% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 72%, #6590FF, transparent 50%);
  }
  8% {
    background: radial-gradient(circle at 32% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 32%, #6590FF, transparent 50%), radial-gradient(circle at 68% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 68%, #6590FF, transparent 50%);
  }
  9% {
    background: radial-gradient(circle at 36% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 36%, #6590FF, transparent 50%), radial-gradient(circle at 64% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 64%, #6590FF, transparent 50%);
  }
  10% {
    background: radial-gradient(circle at 40% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 40%, #6590FF, transparent 50%), radial-gradient(circle at 60% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 60%, #6590FF, transparent 50%);
  }
  11% {
    background: radial-gradient(circle at 44% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 44%, #6590FF, transparent 50%), radial-gradient(circle at 56% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 56%, #6590FF, transparent 50%);
  }
  12% {
    background: radial-gradient(circle at 48% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 48%, #6590FF, transparent 50%), radial-gradient(circle at 52% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 52%, #6590FF, transparent 50%);
  }
  13% {
    background: radial-gradient(circle at 52% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 52%, #6590FF, transparent 50%), radial-gradient(circle at 48% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 48%, #6590FF, transparent 50%);
  }
  14% {
    background: radial-gradient(circle at 56% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 56%, #6590FF, transparent 50%), radial-gradient(circle at 44% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 44%, #6590FF, transparent 50%);
  }
  15% {
    background: radial-gradient(circle at 60% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 60%, #6590FF, transparent 50%), radial-gradient(circle at 40% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 40%, #6590FF, transparent 50%);
  }
  16% {
    background: radial-gradient(circle at 64% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 64%, #6590FF, transparent 50%), radial-gradient(circle at 36% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 36%, #6590FF, transparent 50%);
  }
  17% {
    background: radial-gradient(circle at 68% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 68%, #6590FF, transparent 50%), radial-gradient(circle at 32% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 32%, #6590FF, transparent 50%);
  }
  18% {
    background: radial-gradient(circle at 72% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 72%, #6590FF, transparent 50%), radial-gradient(circle at 28% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 28%, #6590FF, transparent 50%);
  }
  19% {
    background: radial-gradient(circle at 76% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 76%, #6590FF, transparent 50%), radial-gradient(circle at 24% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 24%, #6590FF, transparent 50%);
  }
  20% {
    background: radial-gradient(circle at 80% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 80%, #6590FF, transparent 50%), radial-gradient(circle at 20% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 20%, #6590FF, transparent 50%);
  }
  21% {
    background: radial-gradient(circle at 84% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 84%, #6590FF, transparent 50%), radial-gradient(circle at 16% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 16%, #6590FF, transparent 50%);
  }
  22% {
    background: radial-gradient(circle at 88% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 88%, #6590FF, transparent 50%), radial-gradient(circle at 12% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 12%, #6590FF, transparent 50%);
  }
  23% {
    background: radial-gradient(circle at 92% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 92%, #6590FF, transparent 50%), radial-gradient(circle at 8% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 8%, #6590FF, transparent 50%);
  }
  24% {
    background: radial-gradient(circle at 96% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 96%, #6590FF, transparent 50%), radial-gradient(circle at 4% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 4%, #6590FF, transparent 50%);
  }
  25% {
    background: radial-gradient(circle at 100% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 0%, #6590FF, transparent 50%);
  }
  26% {
    background: radial-gradient(circle at 100% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 0%, #6590FF, transparent 50%);
  }
  27% {
    background: radial-gradient(circle at 100% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 0%, #6590FF, transparent 50%);
  }
  28% {
    background: radial-gradient(circle at 100% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 0%, #6590FF, transparent 50%);
  }
  29% {
    background: radial-gradient(circle at 100% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 0%, #6590FF, transparent 50%);
  }
  30% {
    background: radial-gradient(circle at 100% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 0%, #6590FF, transparent 50%);
  }
  31% {
    background: radial-gradient(circle at 100% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 0%, #6590FF, transparent 50%);
  }
  32% {
    background: radial-gradient(circle at 100% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 0%, #6590FF, transparent 50%);
  }
  33% {
    background: radial-gradient(circle at 100% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 0%, #6590FF, transparent 50%);
  }
  34% {
    background: radial-gradient(circle at 100% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 0%, #6590FF, transparent 50%);
  }
  35% {
    background: radial-gradient(circle at 100% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 0%, #6590FF, transparent 50%);
  }
  36% {
    background: radial-gradient(circle at 100% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 0%, #6590FF, transparent 50%);
  }
  37% {
    background: radial-gradient(circle at 100% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 0%, #6590FF, transparent 50%);
  }
  38% {
    background: radial-gradient(circle at 100% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 0%, #6590FF, transparent 50%);
  }
  39% {
    background: radial-gradient(circle at 100% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 0%, #6590FF, transparent 50%);
  }
  40% {
    background: radial-gradient(circle at 100% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 0%, #6590FF, transparent 50%);
  }
  41% {
    background: radial-gradient(circle at 100% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 0%, #6590FF, transparent 50%);
  }
  42% {
    background: radial-gradient(circle at 100% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 0%, #6590FF, transparent 50%);
  }
  43% {
    background: radial-gradient(circle at 100% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 0%, #6590FF, transparent 50%);
  }
  44% {
    background: radial-gradient(circle at 100% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 0%, #6590FF, transparent 50%);
  }
  45% {
    background: radial-gradient(circle at 100% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 0%, #6590FF, transparent 50%);
  }
  46% {
    background: radial-gradient(circle at 100% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 0%, #6590FF, transparent 50%);
  }
  47% {
    background: radial-gradient(circle at 100% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 0%, #6590FF, transparent 50%);
  }
  48% {
    background: radial-gradient(circle at 100% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 0%, #6590FF, transparent 50%);
  }
  49% {
    background: radial-gradient(circle at 100% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 0%, #6590FF, transparent 50%);
  }
  50% {
    background: radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%);
  }
  51% {
    background: radial-gradient(circle at 96% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 96%, #6590FF, transparent 50%), radial-gradient(circle at 4% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 4%, #6590FF, transparent 50%);
  }
  52% {
    background: radial-gradient(circle at 92% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 92%, #6590FF, transparent 50%), radial-gradient(circle at 8% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 8%, #6590FF, transparent 50%);
  }
  53% {
    background: radial-gradient(circle at 88% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 88%, #6590FF, transparent 50%), radial-gradient(circle at 12% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 12%, #6590FF, transparent 50%);
  }
  54% {
    background: radial-gradient(circle at 84% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 84%, #6590FF, transparent 50%), radial-gradient(circle at 16% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 16%, #6590FF, transparent 50%);
  }
  55% {
    background: radial-gradient(circle at 80% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 80%, #6590FF, transparent 50%), radial-gradient(circle at 20% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 20%, #6590FF, transparent 50%);
  }
  56% {
    background: radial-gradient(circle at 76% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 76%, #6590FF, transparent 50%), radial-gradient(circle at 24% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 24%, #6590FF, transparent 50%);
  }
  57% {
    background: radial-gradient(circle at 72% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 72%, #6590FF, transparent 50%), radial-gradient(circle at 28% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 28%, #6590FF, transparent 50%);
  }
  58% {
    background: radial-gradient(circle at 68% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 68%, #6590FF, transparent 50%), radial-gradient(circle at 32% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 32%, #6590FF, transparent 50%);
  }
  59% {
    background: radial-gradient(circle at 64% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 64%, #6590FF, transparent 50%), radial-gradient(circle at 36% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 36%, #6590FF, transparent 50%);
  }
  60% {
    background: radial-gradient(circle at 60% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 60%, #6590FF, transparent 50%), radial-gradient(circle at 40% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 40%, #6590FF, transparent 50%);
  }
  61% {
    background: radial-gradient(circle at 56% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 56%, #6590FF, transparent 50%), radial-gradient(circle at 44% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 44%, #6590FF, transparent 50%);
  }
  62% {
    background: radial-gradient(circle at 52% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 52%, #6590FF, transparent 50%), radial-gradient(circle at 48% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 48%, #6590FF, transparent 50%);
  }
  63% {
    background: radial-gradient(circle at 48% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 48%, #6590FF, transparent 50%), radial-gradient(circle at 52% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 52%, #6590FF, transparent 50%);
  }
  64% {
    background: radial-gradient(circle at 44% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 44%, #6590FF, transparent 50%), radial-gradient(circle at 56% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 56%, #6590FF, transparent 50%);
  }
  65% {
    background: radial-gradient(circle at 40% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 40%, #6590FF, transparent 50%), radial-gradient(circle at 60% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 60%, #6590FF, transparent 50%);
  }
  66% {
    background: radial-gradient(circle at 36% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 36%, #6590FF, transparent 50%), radial-gradient(circle at 64% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 64%, #6590FF, transparent 50%);
  }
  67% {
    background: radial-gradient(circle at 32% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 32%, #6590FF, transparent 50%), radial-gradient(circle at 68% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 68%, #6590FF, transparent 50%);
  }
  68% {
    background: radial-gradient(circle at 28% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 28%, #6590FF, transparent 50%), radial-gradient(circle at 72% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 72%, #6590FF, transparent 50%);
  }
  69% {
    background: radial-gradient(circle at 24% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 24%, #6590FF, transparent 50%), radial-gradient(circle at 76% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 76%, #6590FF, transparent 50%);
  }
  70% {
    background: radial-gradient(circle at 20% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 20%, #6590FF, transparent 50%), radial-gradient(circle at 80% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 80%, #6590FF, transparent 50%);
  }
  71% {
    background: radial-gradient(circle at 16% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 16%, #6590FF, transparent 50%), radial-gradient(circle at 84% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 84%, #6590FF, transparent 50%);
  }
  72% {
    background: radial-gradient(circle at 12% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 12%, #6590FF, transparent 50%), radial-gradient(circle at 88% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 88%, #6590FF, transparent 50%);
  }
  73% {
    background: radial-gradient(circle at 8% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 8%, #6590FF, transparent 50%), radial-gradient(circle at 92% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 92%, #6590FF, transparent 50%);
  }
  74% {
    background: radial-gradient(circle at 4% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 4%, #6590FF, transparent 50%), radial-gradient(circle at 96% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 96%, #6590FF, transparent 50%);
  }
  75% {
    background: radial-gradient(circle at 0% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 100%, #6590FF, transparent 50%);
  }
  76% {
    background: radial-gradient(circle at 0% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 100%, #6590FF, transparent 50%);
  }
  77% {
    background: radial-gradient(circle at 0% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 100%, #6590FF, transparent 50%);
  }
  78% {
    background: radial-gradient(circle at 0% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 100%, #6590FF, transparent 50%);
  }
  79% {
    background: radial-gradient(circle at 0% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 100%, #6590FF, transparent 50%);
  }
  80% {
    background: radial-gradient(circle at 0% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 100%, #6590FF, transparent 50%);
  }
  81% {
    background: radial-gradient(circle at 0% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 100%, #6590FF, transparent 50%);
  }
  82% {
    background: radial-gradient(circle at 0% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 100%, #6590FF, transparent 50%);
  }
  83% {
    background: radial-gradient(circle at 0% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 100%, #6590FF, transparent 50%);
  }
  84% {
    background: radial-gradient(circle at 0% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 100%, #6590FF, transparent 50%);
  }
  85% {
    background: radial-gradient(circle at 0% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 100%, #6590FF, transparent 50%);
  }
  86% {
    background: radial-gradient(circle at 0% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 100%, #6590FF, transparent 50%);
  }
  87% {
    background: radial-gradient(circle at 0% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 100%, #6590FF, transparent 50%);
  }
  88% {
    background: radial-gradient(circle at 0% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 100%, #6590FF, transparent 50%);
  }
  89% {
    background: radial-gradient(circle at 0% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 100%, #6590FF, transparent 50%);
  }
  90% {
    background: radial-gradient(circle at 0% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 100%, #6590FF, transparent 50%);
  }
  91% {
    background: radial-gradient(circle at 0% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 100%, #6590FF, transparent 50%);
  }
  92% {
    background: radial-gradient(circle at 0% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 100%, #6590FF, transparent 50%);
  }
  93% {
    background: radial-gradient(circle at 0% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 100%, #6590FF, transparent 50%);
  }
  94% {
    background: radial-gradient(circle at 0% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 100%, #6590FF, transparent 50%);
  }
  95% {
    background: radial-gradient(circle at 0% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 100%, #6590FF, transparent 50%);
  }
  96% {
    background: radial-gradient(circle at 0% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 100%, #6590FF, transparent 50%);
  }
  97% {
    background: radial-gradient(circle at 0% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 100%, #6590FF, transparent 50%);
  }
  98% {
    background: radial-gradient(circle at 0% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 100%, #6590FF, transparent 50%);
  }
  99% {
    background: radial-gradient(circle at 0% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 100%, #6590FF, transparent 50%);
  }
  100% {
    background: radial-gradient(circle at 400% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 400%, #6590FF, transparent 50%), radial-gradient(circle at -300% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% -300%, #6590FF, transparent 50%);
  }
  100% {
    background: radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%);
  }
}
@-ms-keyframes gradientRotate {
  0% {
    background: radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%);
  }
  1% {
    background: radial-gradient(circle at 4% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 4%, #6590FF, transparent 50%), radial-gradient(circle at 96% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 96%, #6590FF, transparent 50%);
  }
  2% {
    background: radial-gradient(circle at 8% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 8%, #6590FF, transparent 50%), radial-gradient(circle at 92% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 92%, #6590FF, transparent 50%);
  }
  3% {
    background: radial-gradient(circle at 12% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 12%, #6590FF, transparent 50%), radial-gradient(circle at 88% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 88%, #6590FF, transparent 50%);
  }
  4% {
    background: radial-gradient(circle at 16% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 16%, #6590FF, transparent 50%), radial-gradient(circle at 84% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 84%, #6590FF, transparent 50%);
  }
  5% {
    background: radial-gradient(circle at 20% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 20%, #6590FF, transparent 50%), radial-gradient(circle at 80% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 80%, #6590FF, transparent 50%);
  }
  6% {
    background: radial-gradient(circle at 24% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 24%, #6590FF, transparent 50%), radial-gradient(circle at 76% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 76%, #6590FF, transparent 50%);
  }
  7% {
    background: radial-gradient(circle at 28% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 28%, #6590FF, transparent 50%), radial-gradient(circle at 72% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 72%, #6590FF, transparent 50%);
  }
  8% {
    background: radial-gradient(circle at 32% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 32%, #6590FF, transparent 50%), radial-gradient(circle at 68% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 68%, #6590FF, transparent 50%);
  }
  9% {
    background: radial-gradient(circle at 36% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 36%, #6590FF, transparent 50%), radial-gradient(circle at 64% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 64%, #6590FF, transparent 50%);
  }
  10% {
    background: radial-gradient(circle at 40% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 40%, #6590FF, transparent 50%), radial-gradient(circle at 60% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 60%, #6590FF, transparent 50%);
  }
  11% {
    background: radial-gradient(circle at 44% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 44%, #6590FF, transparent 50%), radial-gradient(circle at 56% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 56%, #6590FF, transparent 50%);
  }
  12% {
    background: radial-gradient(circle at 48% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 48%, #6590FF, transparent 50%), radial-gradient(circle at 52% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 52%, #6590FF, transparent 50%);
  }
  13% {
    background: radial-gradient(circle at 52% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 52%, #6590FF, transparent 50%), radial-gradient(circle at 48% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 48%, #6590FF, transparent 50%);
  }
  14% {
    background: radial-gradient(circle at 56% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 56%, #6590FF, transparent 50%), radial-gradient(circle at 44% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 44%, #6590FF, transparent 50%);
  }
  15% {
    background: radial-gradient(circle at 60% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 60%, #6590FF, transparent 50%), radial-gradient(circle at 40% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 40%, #6590FF, transparent 50%);
  }
  16% {
    background: radial-gradient(circle at 64% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 64%, #6590FF, transparent 50%), radial-gradient(circle at 36% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 36%, #6590FF, transparent 50%);
  }
  17% {
    background: radial-gradient(circle at 68% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 68%, #6590FF, transparent 50%), radial-gradient(circle at 32% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 32%, #6590FF, transparent 50%);
  }
  18% {
    background: radial-gradient(circle at 72% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 72%, #6590FF, transparent 50%), radial-gradient(circle at 28% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 28%, #6590FF, transparent 50%);
  }
  19% {
    background: radial-gradient(circle at 76% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 76%, #6590FF, transparent 50%), radial-gradient(circle at 24% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 24%, #6590FF, transparent 50%);
  }
  20% {
    background: radial-gradient(circle at 80% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 80%, #6590FF, transparent 50%), radial-gradient(circle at 20% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 20%, #6590FF, transparent 50%);
  }
  21% {
    background: radial-gradient(circle at 84% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 84%, #6590FF, transparent 50%), radial-gradient(circle at 16% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 16%, #6590FF, transparent 50%);
  }
  22% {
    background: radial-gradient(circle at 88% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 88%, #6590FF, transparent 50%), radial-gradient(circle at 12% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 12%, #6590FF, transparent 50%);
  }
  23% {
    background: radial-gradient(circle at 92% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 92%, #6590FF, transparent 50%), radial-gradient(circle at 8% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 8%, #6590FF, transparent 50%);
  }
  24% {
    background: radial-gradient(circle at 96% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 96%, #6590FF, transparent 50%), radial-gradient(circle at 4% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 4%, #6590FF, transparent 50%);
  }
  25% {
    background: radial-gradient(circle at 100% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 0%, #6590FF, transparent 50%);
  }
  26% {
    background: radial-gradient(circle at 100% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 0%, #6590FF, transparent 50%);
  }
  27% {
    background: radial-gradient(circle at 100% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 0%, #6590FF, transparent 50%);
  }
  28% {
    background: radial-gradient(circle at 100% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 0%, #6590FF, transparent 50%);
  }
  29% {
    background: radial-gradient(circle at 100% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 0%, #6590FF, transparent 50%);
  }
  30% {
    background: radial-gradient(circle at 100% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 0%, #6590FF, transparent 50%);
  }
  31% {
    background: radial-gradient(circle at 100% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 0%, #6590FF, transparent 50%);
  }
  32% {
    background: radial-gradient(circle at 100% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 0%, #6590FF, transparent 50%);
  }
  33% {
    background: radial-gradient(circle at 100% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 0%, #6590FF, transparent 50%);
  }
  34% {
    background: radial-gradient(circle at 100% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 0%, #6590FF, transparent 50%);
  }
  35% {
    background: radial-gradient(circle at 100% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 0%, #6590FF, transparent 50%);
  }
  36% {
    background: radial-gradient(circle at 100% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 0%, #6590FF, transparent 50%);
  }
  37% {
    background: radial-gradient(circle at 100% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 0%, #6590FF, transparent 50%);
  }
  38% {
    background: radial-gradient(circle at 100% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 0%, #6590FF, transparent 50%);
  }
  39% {
    background: radial-gradient(circle at 100% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 0%, #6590FF, transparent 50%);
  }
  40% {
    background: radial-gradient(circle at 100% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 0%, #6590FF, transparent 50%);
  }
  41% {
    background: radial-gradient(circle at 100% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 0%, #6590FF, transparent 50%);
  }
  42% {
    background: radial-gradient(circle at 100% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 0%, #6590FF, transparent 50%);
  }
  43% {
    background: radial-gradient(circle at 100% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 0%, #6590FF, transparent 50%);
  }
  44% {
    background: radial-gradient(circle at 100% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 0%, #6590FF, transparent 50%);
  }
  45% {
    background: radial-gradient(circle at 100% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 0%, #6590FF, transparent 50%);
  }
  46% {
    background: radial-gradient(circle at 100% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 0%, #6590FF, transparent 50%);
  }
  47% {
    background: radial-gradient(circle at 100% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 0%, #6590FF, transparent 50%);
  }
  48% {
    background: radial-gradient(circle at 100% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 0%, #6590FF, transparent 50%);
  }
  49% {
    background: radial-gradient(circle at 100% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 0%, #6590FF, transparent 50%);
  }
  50% {
    background: radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%);
  }
  51% {
    background: radial-gradient(circle at 96% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 96%, #6590FF, transparent 50%), radial-gradient(circle at 4% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 4%, #6590FF, transparent 50%);
  }
  52% {
    background: radial-gradient(circle at 92% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 92%, #6590FF, transparent 50%), radial-gradient(circle at 8% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 8%, #6590FF, transparent 50%);
  }
  53% {
    background: radial-gradient(circle at 88% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 88%, #6590FF, transparent 50%), radial-gradient(circle at 12% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 12%, #6590FF, transparent 50%);
  }
  54% {
    background: radial-gradient(circle at 84% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 84%, #6590FF, transparent 50%), radial-gradient(circle at 16% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 16%, #6590FF, transparent 50%);
  }
  55% {
    background: radial-gradient(circle at 80% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 80%, #6590FF, transparent 50%), radial-gradient(circle at 20% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 20%, #6590FF, transparent 50%);
  }
  56% {
    background: radial-gradient(circle at 76% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 76%, #6590FF, transparent 50%), radial-gradient(circle at 24% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 24%, #6590FF, transparent 50%);
  }
  57% {
    background: radial-gradient(circle at 72% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 72%, #6590FF, transparent 50%), radial-gradient(circle at 28% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 28%, #6590FF, transparent 50%);
  }
  58% {
    background: radial-gradient(circle at 68% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 68%, #6590FF, transparent 50%), radial-gradient(circle at 32% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 32%, #6590FF, transparent 50%);
  }
  59% {
    background: radial-gradient(circle at 64% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 64%, #6590FF, transparent 50%), radial-gradient(circle at 36% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 36%, #6590FF, transparent 50%);
  }
  60% {
    background: radial-gradient(circle at 60% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 60%, #6590FF, transparent 50%), radial-gradient(circle at 40% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 40%, #6590FF, transparent 50%);
  }
  61% {
    background: radial-gradient(circle at 56% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 56%, #6590FF, transparent 50%), radial-gradient(circle at 44% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 44%, #6590FF, transparent 50%);
  }
  62% {
    background: radial-gradient(circle at 52% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 52%, #6590FF, transparent 50%), radial-gradient(circle at 48% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 48%, #6590FF, transparent 50%);
  }
  63% {
    background: radial-gradient(circle at 48% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 48%, #6590FF, transparent 50%), radial-gradient(circle at 52% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 52%, #6590FF, transparent 50%);
  }
  64% {
    background: radial-gradient(circle at 44% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 44%, #6590FF, transparent 50%), radial-gradient(circle at 56% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 56%, #6590FF, transparent 50%);
  }
  65% {
    background: radial-gradient(circle at 40% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 40%, #6590FF, transparent 50%), radial-gradient(circle at 60% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 60%, #6590FF, transparent 50%);
  }
  66% {
    background: radial-gradient(circle at 36% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 36%, #6590FF, transparent 50%), radial-gradient(circle at 64% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 64%, #6590FF, transparent 50%);
  }
  67% {
    background: radial-gradient(circle at 32% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 32%, #6590FF, transparent 50%), radial-gradient(circle at 68% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 68%, #6590FF, transparent 50%);
  }
  68% {
    background: radial-gradient(circle at 28% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 28%, #6590FF, transparent 50%), radial-gradient(circle at 72% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 72%, #6590FF, transparent 50%);
  }
  69% {
    background: radial-gradient(circle at 24% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 24%, #6590FF, transparent 50%), radial-gradient(circle at 76% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 76%, #6590FF, transparent 50%);
  }
  70% {
    background: radial-gradient(circle at 20% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 20%, #6590FF, transparent 50%), radial-gradient(circle at 80% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 80%, #6590FF, transparent 50%);
  }
  71% {
    background: radial-gradient(circle at 16% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 16%, #6590FF, transparent 50%), radial-gradient(circle at 84% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 84%, #6590FF, transparent 50%);
  }
  72% {
    background: radial-gradient(circle at 12% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 12%, #6590FF, transparent 50%), radial-gradient(circle at 88% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 88%, #6590FF, transparent 50%);
  }
  73% {
    background: radial-gradient(circle at 8% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 8%, #6590FF, transparent 50%), radial-gradient(circle at 92% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 92%, #6590FF, transparent 50%);
  }
  74% {
    background: radial-gradient(circle at 4% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 4%, #6590FF, transparent 50%), radial-gradient(circle at 96% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 96%, #6590FF, transparent 50%);
  }
  75% {
    background: radial-gradient(circle at 0% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 100%, #6590FF, transparent 50%);
  }
  76% {
    background: radial-gradient(circle at 0% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 100%, #6590FF, transparent 50%);
  }
  77% {
    background: radial-gradient(circle at 0% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 100%, #6590FF, transparent 50%);
  }
  78% {
    background: radial-gradient(circle at 0% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 100%, #6590FF, transparent 50%);
  }
  79% {
    background: radial-gradient(circle at 0% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 100%, #6590FF, transparent 50%);
  }
  80% {
    background: radial-gradient(circle at 0% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 100%, #6590FF, transparent 50%);
  }
  81% {
    background: radial-gradient(circle at 0% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 100%, #6590FF, transparent 50%);
  }
  82% {
    background: radial-gradient(circle at 0% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 100%, #6590FF, transparent 50%);
  }
  83% {
    background: radial-gradient(circle at 0% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 100%, #6590FF, transparent 50%);
  }
  84% {
    background: radial-gradient(circle at 0% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 100%, #6590FF, transparent 50%);
  }
  85% {
    background: radial-gradient(circle at 0% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 100%, #6590FF, transparent 50%);
  }
  86% {
    background: radial-gradient(circle at 0% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 100%, #6590FF, transparent 50%);
  }
  87% {
    background: radial-gradient(circle at 0% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 100%, #6590FF, transparent 50%);
  }
  88% {
    background: radial-gradient(circle at 0% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 100%, #6590FF, transparent 50%);
  }
  89% {
    background: radial-gradient(circle at 0% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 100%, #6590FF, transparent 50%);
  }
  90% {
    background: radial-gradient(circle at 0% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 100%, #6590FF, transparent 50%);
  }
  91% {
    background: radial-gradient(circle at 0% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 100%, #6590FF, transparent 50%);
  }
  92% {
    background: radial-gradient(circle at 0% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 100%, #6590FF, transparent 50%);
  }
  93% {
    background: radial-gradient(circle at 0% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 100%, #6590FF, transparent 50%);
  }
  94% {
    background: radial-gradient(circle at 0% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 100%, #6590FF, transparent 50%);
  }
  95% {
    background: radial-gradient(circle at 0% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 100%, #6590FF, transparent 50%);
  }
  96% {
    background: radial-gradient(circle at 0% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 100%, #6590FF, transparent 50%);
  }
  97% {
    background: radial-gradient(circle at 0% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 100%, #6590FF, transparent 50%);
  }
  98% {
    background: radial-gradient(circle at 0% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 100%, #6590FF, transparent 50%);
  }
  99% {
    background: radial-gradient(circle at 0% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 100%, #6590FF, transparent 50%);
  }
  100% {
    background: radial-gradient(circle at 400% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 400%, #6590FF, transparent 50%), radial-gradient(circle at -300% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% -300%, #6590FF, transparent 50%);
  }
  100% {
    background: radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%);
  }
}
@-o-keyframes gradientRotate {
  0% {
    background: radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%);
  }
  1% {
    background: radial-gradient(circle at 4% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 4%, #6590FF, transparent 50%), radial-gradient(circle at 96% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 96%, #6590FF, transparent 50%);
  }
  2% {
    background: radial-gradient(circle at 8% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 8%, #6590FF, transparent 50%), radial-gradient(circle at 92% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 92%, #6590FF, transparent 50%);
  }
  3% {
    background: radial-gradient(circle at 12% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 12%, #6590FF, transparent 50%), radial-gradient(circle at 88% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 88%, #6590FF, transparent 50%);
  }
  4% {
    background: radial-gradient(circle at 16% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 16%, #6590FF, transparent 50%), radial-gradient(circle at 84% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 84%, #6590FF, transparent 50%);
  }
  5% {
    background: radial-gradient(circle at 20% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 20%, #6590FF, transparent 50%), radial-gradient(circle at 80% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 80%, #6590FF, transparent 50%);
  }
  6% {
    background: radial-gradient(circle at 24% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 24%, #6590FF, transparent 50%), radial-gradient(circle at 76% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 76%, #6590FF, transparent 50%);
  }
  7% {
    background: radial-gradient(circle at 28% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 28%, #6590FF, transparent 50%), radial-gradient(circle at 72% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 72%, #6590FF, transparent 50%);
  }
  8% {
    background: radial-gradient(circle at 32% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 32%, #6590FF, transparent 50%), radial-gradient(circle at 68% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 68%, #6590FF, transparent 50%);
  }
  9% {
    background: radial-gradient(circle at 36% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 36%, #6590FF, transparent 50%), radial-gradient(circle at 64% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 64%, #6590FF, transparent 50%);
  }
  10% {
    background: radial-gradient(circle at 40% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 40%, #6590FF, transparent 50%), radial-gradient(circle at 60% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 60%, #6590FF, transparent 50%);
  }
  11% {
    background: radial-gradient(circle at 44% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 44%, #6590FF, transparent 50%), radial-gradient(circle at 56% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 56%, #6590FF, transparent 50%);
  }
  12% {
    background: radial-gradient(circle at 48% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 48%, #6590FF, transparent 50%), radial-gradient(circle at 52% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 52%, #6590FF, transparent 50%);
  }
  13% {
    background: radial-gradient(circle at 52% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 52%, #6590FF, transparent 50%), radial-gradient(circle at 48% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 48%, #6590FF, transparent 50%);
  }
  14% {
    background: radial-gradient(circle at 56% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 56%, #6590FF, transparent 50%), radial-gradient(circle at 44% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 44%, #6590FF, transparent 50%);
  }
  15% {
    background: radial-gradient(circle at 60% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 60%, #6590FF, transparent 50%), radial-gradient(circle at 40% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 40%, #6590FF, transparent 50%);
  }
  16% {
    background: radial-gradient(circle at 64% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 64%, #6590FF, transparent 50%), radial-gradient(circle at 36% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 36%, #6590FF, transparent 50%);
  }
  17% {
    background: radial-gradient(circle at 68% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 68%, #6590FF, transparent 50%), radial-gradient(circle at 32% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 32%, #6590FF, transparent 50%);
  }
  18% {
    background: radial-gradient(circle at 72% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 72%, #6590FF, transparent 50%), radial-gradient(circle at 28% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 28%, #6590FF, transparent 50%);
  }
  19% {
    background: radial-gradient(circle at 76% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 76%, #6590FF, transparent 50%), radial-gradient(circle at 24% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 24%, #6590FF, transparent 50%);
  }
  20% {
    background: radial-gradient(circle at 80% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 80%, #6590FF, transparent 50%), radial-gradient(circle at 20% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 20%, #6590FF, transparent 50%);
  }
  21% {
    background: radial-gradient(circle at 84% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 84%, #6590FF, transparent 50%), radial-gradient(circle at 16% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 16%, #6590FF, transparent 50%);
  }
  22% {
    background: radial-gradient(circle at 88% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 88%, #6590FF, transparent 50%), radial-gradient(circle at 12% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 12%, #6590FF, transparent 50%);
  }
  23% {
    background: radial-gradient(circle at 92% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 92%, #6590FF, transparent 50%), radial-gradient(circle at 8% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 8%, #6590FF, transparent 50%);
  }
  24% {
    background: radial-gradient(circle at 96% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 96%, #6590FF, transparent 50%), radial-gradient(circle at 4% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 4%, #6590FF, transparent 50%);
  }
  25% {
    background: radial-gradient(circle at 100% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 0%, #6590FF, transparent 50%);
  }
  26% {
    background: radial-gradient(circle at 100% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 0%, #6590FF, transparent 50%);
  }
  27% {
    background: radial-gradient(circle at 100% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 0%, #6590FF, transparent 50%);
  }
  28% {
    background: radial-gradient(circle at 100% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 0%, #6590FF, transparent 50%);
  }
  29% {
    background: radial-gradient(circle at 100% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 0%, #6590FF, transparent 50%);
  }
  30% {
    background: radial-gradient(circle at 100% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 0%, #6590FF, transparent 50%);
  }
  31% {
    background: radial-gradient(circle at 100% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 0%, #6590FF, transparent 50%);
  }
  32% {
    background: radial-gradient(circle at 100% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 0%, #6590FF, transparent 50%);
  }
  33% {
    background: radial-gradient(circle at 100% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 0%, #6590FF, transparent 50%);
  }
  34% {
    background: radial-gradient(circle at 100% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 0%, #6590FF, transparent 50%);
  }
  35% {
    background: radial-gradient(circle at 100% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 0%, #6590FF, transparent 50%);
  }
  36% {
    background: radial-gradient(circle at 100% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 0%, #6590FF, transparent 50%);
  }
  37% {
    background: radial-gradient(circle at 100% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 0%, #6590FF, transparent 50%);
  }
  38% {
    background: radial-gradient(circle at 100% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 0%, #6590FF, transparent 50%);
  }
  39% {
    background: radial-gradient(circle at 100% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 0%, #6590FF, transparent 50%);
  }
  40% {
    background: radial-gradient(circle at 100% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 0%, #6590FF, transparent 50%);
  }
  41% {
    background: radial-gradient(circle at 100% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 0%, #6590FF, transparent 50%);
  }
  42% {
    background: radial-gradient(circle at 100% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 0%, #6590FF, transparent 50%);
  }
  43% {
    background: radial-gradient(circle at 100% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 0%, #6590FF, transparent 50%);
  }
  44% {
    background: radial-gradient(circle at 100% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 0%, #6590FF, transparent 50%);
  }
  45% {
    background: radial-gradient(circle at 100% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 0%, #6590FF, transparent 50%);
  }
  46% {
    background: radial-gradient(circle at 100% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 0%, #6590FF, transparent 50%);
  }
  47% {
    background: radial-gradient(circle at 100% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 0%, #6590FF, transparent 50%);
  }
  48% {
    background: radial-gradient(circle at 100% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 0%, #6590FF, transparent 50%);
  }
  49% {
    background: radial-gradient(circle at 100% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 0%, #6590FF, transparent 50%);
  }
  50% {
    background: radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%);
  }
  51% {
    background: radial-gradient(circle at 96% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 96%, #6590FF, transparent 50%), radial-gradient(circle at 4% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 4%, #6590FF, transparent 50%);
  }
  52% {
    background: radial-gradient(circle at 92% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 92%, #6590FF, transparent 50%), radial-gradient(circle at 8% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 8%, #6590FF, transparent 50%);
  }
  53% {
    background: radial-gradient(circle at 88% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 88%, #6590FF, transparent 50%), radial-gradient(circle at 12% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 12%, #6590FF, transparent 50%);
  }
  54% {
    background: radial-gradient(circle at 84% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 84%, #6590FF, transparent 50%), radial-gradient(circle at 16% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 16%, #6590FF, transparent 50%);
  }
  55% {
    background: radial-gradient(circle at 80% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 80%, #6590FF, transparent 50%), radial-gradient(circle at 20% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 20%, #6590FF, transparent 50%);
  }
  56% {
    background: radial-gradient(circle at 76% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 76%, #6590FF, transparent 50%), radial-gradient(circle at 24% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 24%, #6590FF, transparent 50%);
  }
  57% {
    background: radial-gradient(circle at 72% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 72%, #6590FF, transparent 50%), radial-gradient(circle at 28% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 28%, #6590FF, transparent 50%);
  }
  58% {
    background: radial-gradient(circle at 68% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 68%, #6590FF, transparent 50%), radial-gradient(circle at 32% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 32%, #6590FF, transparent 50%);
  }
  59% {
    background: radial-gradient(circle at 64% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 64%, #6590FF, transparent 50%), radial-gradient(circle at 36% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 36%, #6590FF, transparent 50%);
  }
  60% {
    background: radial-gradient(circle at 60% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 60%, #6590FF, transparent 50%), radial-gradient(circle at 40% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 40%, #6590FF, transparent 50%);
  }
  61% {
    background: radial-gradient(circle at 56% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 56%, #6590FF, transparent 50%), radial-gradient(circle at 44% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 44%, #6590FF, transparent 50%);
  }
  62% {
    background: radial-gradient(circle at 52% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 52%, #6590FF, transparent 50%), radial-gradient(circle at 48% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 48%, #6590FF, transparent 50%);
  }
  63% {
    background: radial-gradient(circle at 48% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 48%, #6590FF, transparent 50%), radial-gradient(circle at 52% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 52%, #6590FF, transparent 50%);
  }
  64% {
    background: radial-gradient(circle at 44% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 44%, #6590FF, transparent 50%), radial-gradient(circle at 56% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 56%, #6590FF, transparent 50%);
  }
  65% {
    background: radial-gradient(circle at 40% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 40%, #6590FF, transparent 50%), radial-gradient(circle at 60% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 60%, #6590FF, transparent 50%);
  }
  66% {
    background: radial-gradient(circle at 36% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 36%, #6590FF, transparent 50%), radial-gradient(circle at 64% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 64%, #6590FF, transparent 50%);
  }
  67% {
    background: radial-gradient(circle at 32% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 32%, #6590FF, transparent 50%), radial-gradient(circle at 68% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 68%, #6590FF, transparent 50%);
  }
  68% {
    background: radial-gradient(circle at 28% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 28%, #6590FF, transparent 50%), radial-gradient(circle at 72% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 72%, #6590FF, transparent 50%);
  }
  69% {
    background: radial-gradient(circle at 24% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 24%, #6590FF, transparent 50%), radial-gradient(circle at 76% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 76%, #6590FF, transparent 50%);
  }
  70% {
    background: radial-gradient(circle at 20% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 20%, #6590FF, transparent 50%), radial-gradient(circle at 80% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 80%, #6590FF, transparent 50%);
  }
  71% {
    background: radial-gradient(circle at 16% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 16%, #6590FF, transparent 50%), radial-gradient(circle at 84% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 84%, #6590FF, transparent 50%);
  }
  72% {
    background: radial-gradient(circle at 12% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 12%, #6590FF, transparent 50%), radial-gradient(circle at 88% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 88%, #6590FF, transparent 50%);
  }
  73% {
    background: radial-gradient(circle at 8% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 8%, #6590FF, transparent 50%), radial-gradient(circle at 92% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 92%, #6590FF, transparent 50%);
  }
  74% {
    background: radial-gradient(circle at 4% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 4%, #6590FF, transparent 50%), radial-gradient(circle at 96% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 96%, #6590FF, transparent 50%);
  }
  75% {
    background: radial-gradient(circle at 0% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 100%, #6590FF, transparent 50%);
  }
  76% {
    background: radial-gradient(circle at 0% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 100%, #6590FF, transparent 50%);
  }
  77% {
    background: radial-gradient(circle at 0% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 100%, #6590FF, transparent 50%);
  }
  78% {
    background: radial-gradient(circle at 0% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 100%, #6590FF, transparent 50%);
  }
  79% {
    background: radial-gradient(circle at 0% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 100%, #6590FF, transparent 50%);
  }
  80% {
    background: radial-gradient(circle at 0% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 100%, #6590FF, transparent 50%);
  }
  81% {
    background: radial-gradient(circle at 0% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 100%, #6590FF, transparent 50%);
  }
  82% {
    background: radial-gradient(circle at 0% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 100%, #6590FF, transparent 50%);
  }
  83% {
    background: radial-gradient(circle at 0% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 100%, #6590FF, transparent 50%);
  }
  84% {
    background: radial-gradient(circle at 0% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 100%, #6590FF, transparent 50%);
  }
  85% {
    background: radial-gradient(circle at 0% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 100%, #6590FF, transparent 50%);
  }
  86% {
    background: radial-gradient(circle at 0% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 100%, #6590FF, transparent 50%);
  }
  87% {
    background: radial-gradient(circle at 0% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 100%, #6590FF, transparent 50%);
  }
  88% {
    background: radial-gradient(circle at 0% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 100%, #6590FF, transparent 50%);
  }
  89% {
    background: radial-gradient(circle at 0% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 100%, #6590FF, transparent 50%);
  }
  90% {
    background: radial-gradient(circle at 0% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 100%, #6590FF, transparent 50%);
  }
  91% {
    background: radial-gradient(circle at 0% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 100%, #6590FF, transparent 50%);
  }
  92% {
    background: radial-gradient(circle at 0% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 100%, #6590FF, transparent 50%);
  }
  93% {
    background: radial-gradient(circle at 0% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 100%, #6590FF, transparent 50%);
  }
  94% {
    background: radial-gradient(circle at 0% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 100%, #6590FF, transparent 50%);
  }
  95% {
    background: radial-gradient(circle at 0% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 100%, #6590FF, transparent 50%);
  }
  96% {
    background: radial-gradient(circle at 0% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 100%, #6590FF, transparent 50%);
  }
  97% {
    background: radial-gradient(circle at 0% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 100%, #6590FF, transparent 50%);
  }
  98% {
    background: radial-gradient(circle at 0% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 100%, #6590FF, transparent 50%);
  }
  99% {
    background: radial-gradient(circle at 0% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 100%, #6590FF, transparent 50%);
  }
  100% {
    background: radial-gradient(circle at 400% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 400%, #6590FF, transparent 50%), radial-gradient(circle at -300% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% -300%, #6590FF, transparent 50%);
  }
  100% {
    background: radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%);
  }
}
@keyframes gradientRotate {
  0% {
    background: radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%);
  }
  1% {
    background: radial-gradient(circle at 4% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 4%, #6590FF, transparent 50%), radial-gradient(circle at 96% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 96%, #6590FF, transparent 50%);
  }
  2% {
    background: radial-gradient(circle at 8% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 8%, #6590FF, transparent 50%), radial-gradient(circle at 92% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 92%, #6590FF, transparent 50%);
  }
  3% {
    background: radial-gradient(circle at 12% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 12%, #6590FF, transparent 50%), radial-gradient(circle at 88% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 88%, #6590FF, transparent 50%);
  }
  4% {
    background: radial-gradient(circle at 16% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 16%, #6590FF, transparent 50%), radial-gradient(circle at 84% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 84%, #6590FF, transparent 50%);
  }
  5% {
    background: radial-gradient(circle at 20% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 20%, #6590FF, transparent 50%), radial-gradient(circle at 80% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 80%, #6590FF, transparent 50%);
  }
  6% {
    background: radial-gradient(circle at 24% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 24%, #6590FF, transparent 50%), radial-gradient(circle at 76% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 76%, #6590FF, transparent 50%);
  }
  7% {
    background: radial-gradient(circle at 28% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 28%, #6590FF, transparent 50%), radial-gradient(circle at 72% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 72%, #6590FF, transparent 50%);
  }
  8% {
    background: radial-gradient(circle at 32% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 32%, #6590FF, transparent 50%), radial-gradient(circle at 68% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 68%, #6590FF, transparent 50%);
  }
  9% {
    background: radial-gradient(circle at 36% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 36%, #6590FF, transparent 50%), radial-gradient(circle at 64% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 64%, #6590FF, transparent 50%);
  }
  10% {
    background: radial-gradient(circle at 40% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 40%, #6590FF, transparent 50%), radial-gradient(circle at 60% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 60%, #6590FF, transparent 50%);
  }
  11% {
    background: radial-gradient(circle at 44% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 44%, #6590FF, transparent 50%), radial-gradient(circle at 56% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 56%, #6590FF, transparent 50%);
  }
  12% {
    background: radial-gradient(circle at 48% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 48%, #6590FF, transparent 50%), radial-gradient(circle at 52% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 52%, #6590FF, transparent 50%);
  }
  13% {
    background: radial-gradient(circle at 52% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 52%, #6590FF, transparent 50%), radial-gradient(circle at 48% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 48%, #6590FF, transparent 50%);
  }
  14% {
    background: radial-gradient(circle at 56% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 56%, #6590FF, transparent 50%), radial-gradient(circle at 44% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 44%, #6590FF, transparent 50%);
  }
  15% {
    background: radial-gradient(circle at 60% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 60%, #6590FF, transparent 50%), radial-gradient(circle at 40% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 40%, #6590FF, transparent 50%);
  }
  16% {
    background: radial-gradient(circle at 64% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 64%, #6590FF, transparent 50%), radial-gradient(circle at 36% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 36%, #6590FF, transparent 50%);
  }
  17% {
    background: radial-gradient(circle at 68% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 68%, #6590FF, transparent 50%), radial-gradient(circle at 32% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 32%, #6590FF, transparent 50%);
  }
  18% {
    background: radial-gradient(circle at 72% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 72%, #6590FF, transparent 50%), radial-gradient(circle at 28% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 28%, #6590FF, transparent 50%);
  }
  19% {
    background: radial-gradient(circle at 76% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 76%, #6590FF, transparent 50%), radial-gradient(circle at 24% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 24%, #6590FF, transparent 50%);
  }
  20% {
    background: radial-gradient(circle at 80% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 80%, #6590FF, transparent 50%), radial-gradient(circle at 20% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 20%, #6590FF, transparent 50%);
  }
  21% {
    background: radial-gradient(circle at 84% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 84%, #6590FF, transparent 50%), radial-gradient(circle at 16% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 16%, #6590FF, transparent 50%);
  }
  22% {
    background: radial-gradient(circle at 88% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 88%, #6590FF, transparent 50%), radial-gradient(circle at 12% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 12%, #6590FF, transparent 50%);
  }
  23% {
    background: radial-gradient(circle at 92% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 92%, #6590FF, transparent 50%), radial-gradient(circle at 8% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 8%, #6590FF, transparent 50%);
  }
  24% {
    background: radial-gradient(circle at 96% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 96%, #6590FF, transparent 50%), radial-gradient(circle at 4% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 4%, #6590FF, transparent 50%);
  }
  25% {
    background: radial-gradient(circle at 100% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 0%, #6590FF, transparent 50%);
  }
  26% {
    background: radial-gradient(circle at 100% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 0%, #6590FF, transparent 50%);
  }
  27% {
    background: radial-gradient(circle at 100% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 0%, #6590FF, transparent 50%);
  }
  28% {
    background: radial-gradient(circle at 100% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 0%, #6590FF, transparent 50%);
  }
  29% {
    background: radial-gradient(circle at 100% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 0%, #6590FF, transparent 50%);
  }
  30% {
    background: radial-gradient(circle at 100% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 0%, #6590FF, transparent 50%);
  }
  31% {
    background: radial-gradient(circle at 100% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 0%, #6590FF, transparent 50%);
  }
  32% {
    background: radial-gradient(circle at 100% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 0%, #6590FF, transparent 50%);
  }
  33% {
    background: radial-gradient(circle at 100% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 0%, #6590FF, transparent 50%);
  }
  34% {
    background: radial-gradient(circle at 100% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 0%, #6590FF, transparent 50%);
  }
  35% {
    background: radial-gradient(circle at 100% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 0%, #6590FF, transparent 50%);
  }
  36% {
    background: radial-gradient(circle at 100% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 0%, #6590FF, transparent 50%);
  }
  37% {
    background: radial-gradient(circle at 100% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 0%, #6590FF, transparent 50%);
  }
  38% {
    background: radial-gradient(circle at 100% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 0%, #6590FF, transparent 50%);
  }
  39% {
    background: radial-gradient(circle at 100% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 0%, #6590FF, transparent 50%);
  }
  40% {
    background: radial-gradient(circle at 100% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 0%, #6590FF, transparent 50%);
  }
  41% {
    background: radial-gradient(circle at 100% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 0%, #6590FF, transparent 50%);
  }
  42% {
    background: radial-gradient(circle at 100% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 0%, #6590FF, transparent 50%);
  }
  43% {
    background: radial-gradient(circle at 100% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 0%, #6590FF, transparent 50%);
  }
  44% {
    background: radial-gradient(circle at 100% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 0%, #6590FF, transparent 50%);
  }
  45% {
    background: radial-gradient(circle at 100% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 0%, #6590FF, transparent 50%);
  }
  46% {
    background: radial-gradient(circle at 100% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 0%, #6590FF, transparent 50%);
  }
  47% {
    background: radial-gradient(circle at 100% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 0%, #6590FF, transparent 50%);
  }
  48% {
    background: radial-gradient(circle at 100% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 0%, #6590FF, transparent 50%);
  }
  49% {
    background: radial-gradient(circle at 100% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 0%, #6590FF, transparent 50%);
  }
  50% {
    background: radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%), radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%);
  }
  51% {
    background: radial-gradient(circle at 96% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 96%, #6590FF, transparent 50%), radial-gradient(circle at 4% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 4%, #6590FF, transparent 50%);
  }
  52% {
    background: radial-gradient(circle at 92% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 92%, #6590FF, transparent 50%), radial-gradient(circle at 8% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 8%, #6590FF, transparent 50%);
  }
  53% {
    background: radial-gradient(circle at 88% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 88%, #6590FF, transparent 50%), radial-gradient(circle at 12% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 12%, #6590FF, transparent 50%);
  }
  54% {
    background: radial-gradient(circle at 84% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 84%, #6590FF, transparent 50%), radial-gradient(circle at 16% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 16%, #6590FF, transparent 50%);
  }
  55% {
    background: radial-gradient(circle at 80% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 80%, #6590FF, transparent 50%), radial-gradient(circle at 20% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 20%, #6590FF, transparent 50%);
  }
  56% {
    background: radial-gradient(circle at 76% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 76%, #6590FF, transparent 50%), radial-gradient(circle at 24% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 24%, #6590FF, transparent 50%);
  }
  57% {
    background: radial-gradient(circle at 72% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 72%, #6590FF, transparent 50%), radial-gradient(circle at 28% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 28%, #6590FF, transparent 50%);
  }
  58% {
    background: radial-gradient(circle at 68% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 68%, #6590FF, transparent 50%), radial-gradient(circle at 32% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 32%, #6590FF, transparent 50%);
  }
  59% {
    background: radial-gradient(circle at 64% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 64%, #6590FF, transparent 50%), radial-gradient(circle at 36% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 36%, #6590FF, transparent 50%);
  }
  60% {
    background: radial-gradient(circle at 60% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 60%, #6590FF, transparent 50%), radial-gradient(circle at 40% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 40%, #6590FF, transparent 50%);
  }
  61% {
    background: radial-gradient(circle at 56% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 56%, #6590FF, transparent 50%), radial-gradient(circle at 44% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 44%, #6590FF, transparent 50%);
  }
  62% {
    background: radial-gradient(circle at 52% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 52%, #6590FF, transparent 50%), radial-gradient(circle at 48% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 48%, #6590FF, transparent 50%);
  }
  63% {
    background: radial-gradient(circle at 48% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 48%, #6590FF, transparent 50%), radial-gradient(circle at 52% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 52%, #6590FF, transparent 50%);
  }
  64% {
    background: radial-gradient(circle at 44% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 44%, #6590FF, transparent 50%), radial-gradient(circle at 56% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 56%, #6590FF, transparent 50%);
  }
  65% {
    background: radial-gradient(circle at 40% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 40%, #6590FF, transparent 50%), radial-gradient(circle at 60% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 60%, #6590FF, transparent 50%);
  }
  66% {
    background: radial-gradient(circle at 36% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 36%, #6590FF, transparent 50%), radial-gradient(circle at 64% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 64%, #6590FF, transparent 50%);
  }
  67% {
    background: radial-gradient(circle at 32% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 32%, #6590FF, transparent 50%), radial-gradient(circle at 68% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 68%, #6590FF, transparent 50%);
  }
  68% {
    background: radial-gradient(circle at 28% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 28%, #6590FF, transparent 50%), radial-gradient(circle at 72% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 72%, #6590FF, transparent 50%);
  }
  69% {
    background: radial-gradient(circle at 24% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 24%, #6590FF, transparent 50%), radial-gradient(circle at 76% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 76%, #6590FF, transparent 50%);
  }
  70% {
    background: radial-gradient(circle at 20% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 20%, #6590FF, transparent 50%), radial-gradient(circle at 80% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 80%, #6590FF, transparent 50%);
  }
  71% {
    background: radial-gradient(circle at 16% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 16%, #6590FF, transparent 50%), radial-gradient(circle at 84% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 84%, #6590FF, transparent 50%);
  }
  72% {
    background: radial-gradient(circle at 12% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 12%, #6590FF, transparent 50%), radial-gradient(circle at 88% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 88%, #6590FF, transparent 50%);
  }
  73% {
    background: radial-gradient(circle at 8% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 8%, #6590FF, transparent 50%), radial-gradient(circle at 92% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 92%, #6590FF, transparent 50%);
  }
  74% {
    background: radial-gradient(circle at 4% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 4%, #6590FF, transparent 50%), radial-gradient(circle at 96% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 96%, #6590FF, transparent 50%);
  }
  75% {
    background: radial-gradient(circle at 0% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 100%, #6590FF, transparent 50%);
  }
  76% {
    background: radial-gradient(circle at 0% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 100%, #6590FF, transparent 50%);
  }
  77% {
    background: radial-gradient(circle at 0% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 100%, #6590FF, transparent 50%);
  }
  78% {
    background: radial-gradient(circle at 0% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 100%, #6590FF, transparent 50%);
  }
  79% {
    background: radial-gradient(circle at 0% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 100%, #6590FF, transparent 50%);
  }
  80% {
    background: radial-gradient(circle at 0% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 100%, #6590FF, transparent 50%);
  }
  81% {
    background: radial-gradient(circle at 0% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 100%, #6590FF, transparent 50%);
  }
  82% {
    background: radial-gradient(circle at 0% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 100%, #6590FF, transparent 50%);
  }
  83% {
    background: radial-gradient(circle at 0% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 100%, #6590FF, transparent 50%);
  }
  84% {
    background: radial-gradient(circle at 0% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 100%, #6590FF, transparent 50%);
  }
  85% {
    background: radial-gradient(circle at 0% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 100%, #6590FF, transparent 50%);
  }
  86% {
    background: radial-gradient(circle at 0% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 100%, #6590FF, transparent 50%);
  }
  87% {
    background: radial-gradient(circle at 0% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 100%, #6590FF, transparent 50%);
  }
  88% {
    background: radial-gradient(circle at 0% 48%, #8AABFF30, transparent 50%), radial-gradient(circle at 52% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 52%, #8AABFF30, transparent 50%), radial-gradient(circle at 48% 100%, #6590FF, transparent 50%);
  }
  89% {
    background: radial-gradient(circle at 0% 44%, #8AABFF30, transparent 50%), radial-gradient(circle at 56% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 56%, #8AABFF30, transparent 50%), radial-gradient(circle at 44% 100%, #6590FF, transparent 50%);
  }
  90% {
    background: radial-gradient(circle at 0% 40%, #8AABFF30, transparent 50%), radial-gradient(circle at 60% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 60%, #8AABFF30, transparent 50%), radial-gradient(circle at 40% 100%, #6590FF, transparent 50%);
  }
  91% {
    background: radial-gradient(circle at 0% 36%, #8AABFF30, transparent 50%), radial-gradient(circle at 64% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 64%, #8AABFF30, transparent 50%), radial-gradient(circle at 36% 100%, #6590FF, transparent 50%);
  }
  92% {
    background: radial-gradient(circle at 0% 32%, #8AABFF30, transparent 50%), radial-gradient(circle at 68% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 68%, #8AABFF30, transparent 50%), radial-gradient(circle at 32% 100%, #6590FF, transparent 50%);
  }
  93% {
    background: radial-gradient(circle at 0% 28%, #8AABFF30, transparent 50%), radial-gradient(circle at 72% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 72%, #8AABFF30, transparent 50%), radial-gradient(circle at 28% 100%, #6590FF, transparent 50%);
  }
  94% {
    background: radial-gradient(circle at 0% 24%, #8AABFF30, transparent 50%), radial-gradient(circle at 76% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 76%, #8AABFF30, transparent 50%), radial-gradient(circle at 24% 100%, #6590FF, transparent 50%);
  }
  95% {
    background: radial-gradient(circle at 0% 20%, #8AABFF30, transparent 50%), radial-gradient(circle at 80% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 80%, #8AABFF30, transparent 50%), radial-gradient(circle at 20% 100%, #6590FF, transparent 50%);
  }
  96% {
    background: radial-gradient(circle at 0% 16%, #8AABFF30, transparent 50%), radial-gradient(circle at 84% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 84%, #8AABFF30, transparent 50%), radial-gradient(circle at 16% 100%, #6590FF, transparent 50%);
  }
  97% {
    background: radial-gradient(circle at 0% 12%, #8AABFF30, transparent 50%), radial-gradient(circle at 88% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 88%, #8AABFF30, transparent 50%), radial-gradient(circle at 12% 100%, #6590FF, transparent 50%);
  }
  98% {
    background: radial-gradient(circle at 0% 8%, #8AABFF30, transparent 50%), radial-gradient(circle at 92% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 92%, #8AABFF30, transparent 50%), radial-gradient(circle at 8% 100%, #6590FF, transparent 50%);
  }
  99% {
    background: radial-gradient(circle at 0% 4%, #8AABFF30, transparent 50%), radial-gradient(circle at 96% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 96%, #8AABFF30, transparent 50%), radial-gradient(circle at 4% 100%, #6590FF, transparent 50%);
  }
  100% {
    background: radial-gradient(circle at 400% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 400%, #6590FF, transparent 50%), radial-gradient(circle at -300% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% -300%, #6590FF, transparent 50%);
  }
  100% {
    background: radial-gradient(circle at 0% 0%, #8AABFF30, transparent 50%), radial-gradient(circle at 100% 0%, #6590FF, transparent 50%), radial-gradient(circle at 100% 100%, #8AABFF30, transparent 50%), radial-gradient(circle at 0% 100%, #6590FF, transparent 50%);
  }
}
@keyframes iconRotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(320deg);
  }
}
.hunyuan-game-container html,
.hunyuan-game-container body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: PingFang SC;
  font-size: 14px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.hunyuan-game-container body:has(.ma-layout) {
  overflow: hidden !important;
  overflow-y: hidden !important;
}
.hunyuan-game-container #app {
  height: 100%;
}
.hunyuan-game-container * {
  /* total width */
}
.hunyuan-game-container *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.hunyuan-game-container *::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}
.hunyuan-game-container *::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2);
  border: solid 1px transparent;
  border-radius: 10px;
}
.hunyuan-game-container *::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.3);
}
.hunyuan-game-container *::-webkit-scrollbar-button {
  display: none;
}
.hunyuan-game-container .full-screen-loading {
  width: 100%;
  height: 100%;
}
.hunyuan-game-container .g-brand-button.t-button {
  border: 0;
  background: transparent linear-gradient(90deg, #6d6fe8 3.27%, #a443fe 51.6%, #cb76df 100%);
}
.hunyuan-game-container .g-brand-button.t-button.t-is-disabled {
  opacity: 0.6 !important;
}
.hunyuan-game-container .g-brand-button.t-button:not(.t-is-disabled):hover {
  background: transparent linear-gradient(90deg, #7879e5 3.27%, #ac55fc 51.6%, #ca83da 100%);
}
.hunyuan-game-container .g-brand-button.t-button .t-ripple {
  display: none;
}
.hunyuan-game-container .g-operate-button.t-button,
.hunyuan-game-container .g-operate-button--fade.t-button {
  border: 0;
  background-color: #554f5f !important;
}
.hunyuan-game-container .g-operate-button.t-button.t-is-disabled,
.hunyuan-game-container .g-operate-button--fade.t-button.t-is-disabled {
  opacity: 0.6 !important;
}
.hunyuan-game-container .g-operate-button.t-button:not(.t-is-disabled):hover,
.hunyuan-game-container .g-operate-button--fade.t-button:not(.t-is-disabled):hover {
  background-color: #615c68 !important;
}
.hunyuan-game-container .g-operate-button.t-button .t-ripple,
.hunyuan-game-container .g-operate-button--fade.t-button .t-ripple {
  display: none;
}
.hunyuan-game-container .g-operate-button--fade.t-button {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.hunyuan-game-container .g-operate-button--fade.t-button:not(.t-is-disabled):hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.hunyuan-game-container .t-dialog__ctx .t-dialog__mask {
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(12px);
}
.hunyuan-game-container .g-brand-dialog.t-dialog {
  padding: 24px 32px !important;
}
.hunyuan-game-container .g-brand-dialog .t-dialog__header {
  margin-bottom: 16px;
}
.hunyuan-game-container .g-brand-dialog .t-dialog__header-content {
  font-size: 20px;
}
.hunyuan-game-container .g-brand-dialog .t-dialog__body {
  padding: 0;
  overflow: visible;
  scrollbar-color: initial;
}
.hunyuan-game-container .g-brand-dialog .t-dialog__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  font-size: 18px !important;
  border-radius: 100%;
}
.hunyuan-game-container .g-brand-dialog .t-dialog__close:hover .t-icon-close {
  color: rgba(255, 255, 255, 0.5);
}
.hunyuan-game-container .t-list__load {
  background: none !important;
}
.hunyuan-game-container .t-dialog {
  border: none !important;
  padding: 24px !important;
  border-radius: 16px !important;
}
.hunyuan-game-container .t-dialog__header {
  color: #1B1B1B !important;
}
.hunyuan-game-container .t-dialog__body {
  color: #666 !important;
}
.hunyuan-game-container .t-dialog__footer {
  border-top: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hunyuan-game-container .t-dialog__footer button {
  flex: 1;
}
.hunyuan-game-container .t-dialog__close {
  font-size: 16px !important;
  padding: 0 !important;
  width: 16px !important;
}
.hunyuan-game-container .t-dialog__close:hover {
  background: unset !important;
}
.hunyuan-game-container .t-message {
  box-shadow: none;
  border-radius: 6px;
  padding: 16px 24px;
  font-size: 14px;
  line-height: 22px;
  color: #000;
}
.hunyuan-game-container .error-page-ewrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.hunyuan-game-container .error-page-ewrapper .error-page-tip {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.hunyuan-game-container .error-page-ewrapper .tip1 {
  color: rgba(188, 171, 208, 0.6);
}
.hunyuan-game-container .error-page-ewrapper .tip1 .tip2 {
  cursor: pointer;
  color: #be8aff;
}
.hunyuan-game-container .error-page-ewrapper .goto-main {
  width: 140px;
  border-radius: 30px;
  height: 30px;
}
.hunyuan-game-container .g-loading {
  width: 24px;
  aspect-ratio: 1;
  background: radial-gradient(farthest-side, #fff 100%, #0000) top / 2px 2px no-repeat, conic-gradient(#0000 30%, #fff);
  border-radius: 50%;
  mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #000 0);
  animation: globalLoading 1s infinite linear;
}
@keyframes globalLoading {
  100% {
    transform: rotate(1turn);
  }
}
.hunyuan-game-container .global-toast {
  background: #2c2c2c !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6.58px !important;
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.04) !important;
  box-shadow: 0px 6px 30px 5px rgba(0, 0, 0, 0.05) !important;
}
.hunyuan-game-container .gi-gf-tooltip-overlay-ri .t-popup__content {
  padding: 16px !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  box-shadow: 0px 8px 16px 0px #00000033;
}
.hunyuan-game-container .gi-gf-tooltip-overlay-ri .t-popup__arrow {
  display: none;
}
.hunyuan-game-container .gi-gf-tooltip-overlay-ri .t-popup__content {
  max-width: unset;
}
@font-face {
  font-family: 'TencentSans';
  src: url(https://cdn-portal.hunyuan.tencent.com/public/a14cc1d83aff9780ab51.ttf);
  font-weight: normal;
  font-style: normal;
}
.hunyuan-game-container .customDownloadTipsDialog .t-dialog {
  position: relative;
  padding-bottom: 60px !important;
}
.hunyuan-game-container .customDownloadTipsDialog .t-dialog .t-dialog__footer button {
  border: unset;
}
.hunyuan-game-container .customDownloadTipsDialog .t-dialog .t-dialog__footer button:last-child:hover {
  background: linear-gradient(0deg, var(--primary01, #2D68FF), var(--primary01, #2D68FF)), linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
}
.hunyuan-game-container .customDownloadTipsDialog .t-dialog .t-checkbox {
  position: absolute;
  left: 24px;
  bottom: 24px;
}
.hunyuan-game-container .customDownloadTipsDialog .t-dialog .t-checkbox .t-checkbox__input {
  background-color: unset;
  border: 1px solid #666666;
}
.hunyuan-game-container .customDownloadTipsDialog .t-dialog .t-checkbox.t-is-checked .t-checkbox__input {
  background-color: #2D68FF;
  border: 1px solid #2D68FF;
}
.hunyuan-game-container .customDownloadTipsDialog .t-dialog .t-checkbox.t-is-checked .t-checkbox__input::after {
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
}
.hunyuan-game-container .yy-border-spinner {
  --angle: 0deg;
  --gradient: conic-gradient(from var(--angle), #6590FF99, #8AABFF00, #8AABFF00, #6590FF99, #8AABFF00, #8AABFF00, #6590FF99);
  animation: yy-border-spin 2s linear infinite;
  border: 2px solid transparent;
  background: linear-gradient(var(--angle), #F0F0F0 0%, #FFF 47.99%, #F0F0F0 97.93%), var(--gradient);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
}
.hunyuan-game-container .hyc-login__close {
  display: none;
}
.hunyuan-game-container body:has(.t-dialog__position) .user-no-auth-wrapper {
  width: 100%;
  height: 100%;
  background: url(https://cdn-portal.hunyuan.tencent.com/public/47f480105ab21cb4e81e.png) no-repeat center;
  background-size: 100% 100%;
}
.hunyuan-game-container .t-image-viewer-preview-image .t-image-viewer__utils {
  display: none;
}
@property --angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}
@keyframes yy-border-spin {
  to {
    --angle: 360deg;
  }
}
.yy-t-detail-collapse {
  background: transparent !important;
  display: flex !important;
  flex-direction: column;
  gap: 16px;
}
.yy-t-detail-collapse .t-collapse-panel.t-is-disabled {
  cursor: unset !important;
}
.yy-t-detail-collapse .t-collapse-panel.t-is-disabled .t-collapse-panel__header {
  color: #1B1B1B !important;
  cursor: unset !important;
}
.yy-t-detail-collapse .t-collapse-panel.t-is-disabled .t-collapse-panel__body {
  height: auto !important;
}
.yy-t-detail-collapse .t-collapse-panel .t-collapse-panel__header {
  font-family: PingFang SC !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 100% !important;
  letter-spacing: 0% !important;
  padding: 0 !important;
}
.yy-t-detail-collapse .t-collapse-panel .t-collapse-panel__body {
  background: transparent !important;
}
.yy-t-detail-collapse .t-collapse-panel .t-collapse-panel__body .t-collapse-panel__content {
  color: #666666 !important;
  padding: 8px 0 0 !important;
}
.yy-text-link {
  color: #2D68FF;
  cursor: pointer;
}

.web-dev-share-wrapper {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.web-dev-share-wrapper .web-dev-share-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.web-dev-share-wrapper .web-dev-share-btn {
  margin-top: 32px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #212529;
  color: #ffffff;
  border: none;
  border-radius: 20px;
  font-size: 14px;
}
.web-dev-share-wrapper .web-dev-share-btn:hover {
  background: #495057;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}
body {
  line-height: 1;
}
menu,
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
:root {
  --portal-tile-horizontal-gap: 24px;
  --portal-tile-module-horizontal-gap: 24px;
  --portal-module-content-radius: 8px;
}
:root {
  --td-brand-color: #2D68FF;
  --td-brand-color-hover: #2D68FF;
  --td-brand-color-disabled: #0052D980;
  --yb-color-brand-primary: #2D68FF;
  --yb-color-brand-disabled: #b5c7ff;
  --yb-color-brand-focus: #2D68FF;
}
@keyframes upDown {
  0%,
  100% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/** 顶部导航高度 **/
.t-form__controls .t-input__extra,
.t-form__controls.t-is-success .t-input__extra,
.t-form__controls .t-textarea__extra,
.t-form__controls.t-is-success .t-textarea__extra,
.t-form__controls .t-form-item__extra,
.t-form__controls.t-is-success .t-form-item__extra {
  color: var(--td-font-gray-3);
}
.t-form__controls.t-is-error .t-input__extra,
.t-form__controls.t-is-error .t-textarea__extra,
.t-form__controls.t-is-error .t-form-item__extra {
  color: var(--td-error-color);
}
body {
  font-size: 14px;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.t-switch.t-is-checked {
  background-color: #2D68FF;
}
@font-face {
  font-family: "portal-bold";
  src: url(https://cdn-portal.hunyuan.tencent.com/public/8ab9c049e32bf5f2515c.otf) format("opentype"), url(https://cdn-portal.hunyuan.tencent.com/public/af783250ae027d737859.woff) format("woff");
}
@font-face {
  font-family: "portal-thin";
  src: url(https://cdn-portal.hunyuan.tencent.com/public/75b4479de357c63e8f79.otf) format("opentype"), url(https://cdn-portal.hunyuan.tencent.com/public/dedeaf71998e7972006d.woff) format("woff");
}
@font-face {
  font-family: "HYZhongSongS";
  src: url(https://cdn-portal.hunyuan.tencent.com/public/e5f84e67a9bc80c38698.ttf);
}
@font-face {
  font-family: "tencent-portal";
  src: url(https://cdn-portal.hunyuan.tencent.com/public/8912c7fa04d94555d813.ttf) format('truetype');
}
@font-face {
  font-family: "tencentPortal";
  src: url(https://cdn-portal.hunyuan.tencent.com/public/8912c7fa04d94555d813.ttf) format('truetype');
}
@font-face {
  font-family: 'TencentSans';
  src: url(https://cdn-portal.hunyuan.tencent.com/public/a14cc1d83aff9780ab51.ttf);
  font-weight: normal;
  font-style: normal;
}
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
a {
  color: #0053e0;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .t-message__list .t-message {
    font-size: 12px;
    border: none;
    background: #fff;
    width: max-content;
    max-width: 96vw;
    padding: 7px 16px;
  }
  .t-message__list .t-message .t-icon {
    font-size: 16px;
  }
}