: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;
}
.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 .portal-body-header-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.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;
}

.lu6UdR6jYwDKHoMiOao4 {
  width: 234px;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0px 8px 10px 5px rgba(0, 0, 0, 0.08);
}
.lu6UdR6jYwDKHoMiOao4 .xagYd9tMjfCYLvkuKdaG {
  height: 100%;
}
.lu6UdR6jYwDKHoMiOao4 .sxybhKVJGzQdEPnJN4IE {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  margin-bottom: 8px;
}
.lu6UdR6jYwDKHoMiOao4 .Lu5fQNYbjp2UTY7KQYiC {
  display: flex;
  align-items: center;
  margin-top: 8px;
  gap: 4px;
}
.lu6UdR6jYwDKHoMiOao4 .JyJBzwbyoIxR7q0x2XqB {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: -4px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 16px;
}
.lu6UdR6jYwDKHoMiOao4 .JyJBzwbyoIxR7q0x2XqB span {
  display: block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
}
.lu6UdR6jYwDKHoMiOao4 .u1n9_aA17BwsL26zcfl2 {
  max-height: 450px;
  overflow-y: auto;
}
.lu6UdR6jYwDKHoMiOao4 .SdBTIhSw9fmvkLFMPyvF {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  padding: 16px;
  box-sizing: border-box;
  margin-left: -4px;
}
.lu6UdR6jYwDKHoMiOao4 .SSPCvqElyFK6XS25KIjB {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin-bottom: 8px;
  padding: 16px;
  box-sizing: border-box;
  margin-left: -4px;
}
.lu6UdR6jYwDKHoMiOao4 .SSPCvqElyFK6XS25KIjB svg {
  flex-shrink: 0;
}
.lu6UdR6jYwDKHoMiOao4 .SSPCvqElyFK6XS25KIjB span {
  display: block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
}
.lu6UdR6jYwDKHoMiOao4 .SSPCvqElyFK6XS25KIjB img {
  border-radius: 999px;
}
.lu6UdR6jYwDKHoMiOao4 .sQrhpyR4KF1E9pwGH6eu,
.lu6UdR6jYwDKHoMiOao4 .SSPCvqElyFK6XS25KIjB:hover,
.lu6UdR6jYwDKHoMiOao4 .JyJBzwbyoIxR7q0x2XqB:hover {
  background-color: #f3f3f3;
  border-radius: 8px;
}
.lu6UdR6jYwDKHoMiOao4 .zOZoeQaXOGMhMLAFr9EY,
.lu6UdR6jYwDKHoMiOao4 .B0Pd7N3W3Fgh9Um7e76x {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 202px;
  height: 56px;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 16px;
  border-radius: 8px;
  padding: 16px;
  gap: 8px;
  background-color: #1a1a1a;
  color: #fff;
  font-weight: 600;
}
.lu6UdR6jYwDKHoMiOao4 .B0Pd7N3W3Fgh9Um7e76x {
  background-color: rgba(26, 26, 26, 0.6);
  color: rgba(255, 255, 255, 0.8);
}
.jvRht4EqTStgBYdbMTRX {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-around;
  /* gap: 0px; */
  padding: 14px;
  cursor: pointer;
  position: relative;
  min-width: 112px;
  height: 40px;
  border-radius: 100px;
  box-sizing: border-box;
  background-color: #f9f9f9 !important;
}
.jvRht4EqTStgBYdbMTRX span {
  display: block;
  max-width: 98px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jvRht4EqTStgBYdbMTRX img {
  border-radius: 999px;
}
.jvRht4EqTStgBYdbMTRX .y7apBZtRyDcmz9z6LcNy {
  position: absolute;
  font-size: 12px;
  background-color: #31d51f;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 999px;
  border: #fff solid 2px;
  color: #fff;
  left: 13px;
  top: 12px;
  transform-origin: center;
  transform: scale(0.5);
}
.jvRht4EqTStgBYdbMTRX:hover {
  border-radius: 100px;
  background-color: #f9f9f9 !important;
}
.yUwTDc39WgzkCFHin2kU {
  position: absolute;
  left: 225px;
  top: 45px;
  z-index: 100;
}
.yUwTDc39WgzkCFHin2kU .zp7_34rM0GnS0BeDxFAg {
  margin: 20px auto;
  position: relative;
  width: 400px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  background: #1a1a1a;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0px 6px 10px 0px rgba(0, 118, 75, 0.3);
  word-break: break-all;
  white-space: normal;
  text-align: left;
  line-height: 150%;
  padding: 24px 32px;
  font-family: PingFang SC;
}
.yUwTDc39WgzkCFHin2kU .zp7_34rM0GnS0BeDxFAg .QbtENi1TMQg49vM5zMN0 {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
.yUwTDc39WgzkCFHin2kU .zp7_34rM0GnS0BeDxFAg .J6imgtwmd1ReWmwgbZhE {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  margin-top: 8px;
}
.yUwTDc39WgzkCFHin2kU .zp7_34rM0GnS0BeDxFAg .rz3aJ5orkbucxE1czxtw {
  text-align: right;
  margin-top: 16px;
  font-size: 14px;
}
.yUwTDc39WgzkCFHin2kU .zp7_34rM0GnS0BeDxFAg .rz3aJ5orkbucxE1czxtw .EAT8tYfjdrpWxTAZoyGd {
  margin-right: 12px;
  display: inline-block;
  padding: 8px 16px 8px 16px;
  border-radius: 50px;
  border: #fff solid 1px;
  color: #fff;
  cursor: pointer;
}
.yUwTDc39WgzkCFHin2kU .zp7_34rM0GnS0BeDxFAg .rz3aJ5orkbucxE1czxtw .meDhRNH1LGNlIlm5VBUM {
  display: inline-block;
  padding: 8px 32px 8px 32px;
  border-radius: 50px;
  background-color: #fff;
  color: #fff;
  cursor: pointer;
}
.yUwTDc39WgzkCFHin2kU .zp7_34rM0GnS0BeDxFAg::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  /* 箭头靠左边 */
  top: 30px;
  left: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #1a1a1a;
}

.eRD2FtatZ2vWYyubTAQ4 .t-dialog--default {
  padding: 0;
}
.eRD2FtatZ2vWYyubTAQ4 .t-dialog--default .t-dialog__header {
  padding: 16px 24px;
  border-bottom: 1px solid #e7e7e7;
}
.eRD2FtatZ2vWYyubTAQ4 .t-dialog__body {
  overflow: hidden;
  padding: 0 24px 10px 24px;
}
.eRD2FtatZ2vWYyubTAQ4 .t-dialog__footer {
  padding: 16px 24px;
  box-sizing: border-box;
  border-top: 1px solid #e7e7e7;
}
.eRD2FtatZ2vWYyubTAQ4 .t-dialog__footer .t-button {
  width: 80px;
  height: 34px;
  border-radius: 100px;
}
.eRD2FtatZ2vWYyubTAQ4 .t-dialog__footer .t-button.t-is-disabled {
  background: rgba(26, 26, 26, 0.6);
}
.eRD2FtatZ2vWYyubTAQ4 .t-dialog__footer .t-button.t-dialog__confirm,
.eRD2FtatZ2vWYyubTAQ4 .t-dialog__footer .t-button.t-button--theme-primary {
  background-color: #1A1A1A;
  border: unset;
}
.eRD2FtatZ2vWYyubTAQ4 .t-textarea__info_wrapper_align {
  position: absolute;
  bottom: -24px;
}
.eRD2FtatZ2vWYyubTAQ4 .t-input__limit-number {
  font-size: 12px;
}
.eRD2FtatZ2vWYyubTAQ4 .t-input {
  height: 40px;
}
.eRD2FtatZ2vWYyubTAQ4 .t-input,
.eRD2FtatZ2vWYyubTAQ4 .t-textarea__inner {
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}
.eRD2FtatZ2vWYyubTAQ4 .t-input__limit-number {
  background-color: transparent;
}
.eRD2FtatZ2vWYyubTAQ4 .t-input--focused {
  box-shadow: none;
}
.eRD2FtatZ2vWYyubTAQ4 .t-textarea__inner:focus {
  box-shadow: none;
}
.eRD2FtatZ2vWYyubTAQ4 .t-form__label {
  color: #333;
  font-weight: 600;
}
.eRD2FtatZ2vWYyubTAQ4 .t-form__label--required label::before {
  display: none;
}
.eRD2FtatZ2vWYyubTAQ4 .t-form__label--required label::after {
  display: inline-block;
  color: var(--td-error-color);
  line-height: var(--td-line-height-body-medium);
  content: '*';
  padding-left: 4px;
}
.eRD2FtatZ2vWYyubTAQ4 .hVVzo38JeXwInzqoSh6D {
  background-color: #d9e1ff;
  margin-bottom: 14px;
}
.eRD2FtatZ2vWYyubTAQ4 .hVVzo38JeXwInzqoSh6D svg {
  color: #0052d9;
}
.eRD2FtatZ2vWYyubTAQ4 .Nb0fQqRt8lwr5GGiG6II {
  margin-top: 16px;
  background-image: url(https://cdn-portal.hunyuan.tencent.com/cc6afd61436dd416fc30.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 20px;
  line-height: 24px;
  height: 20px;
}

.YI05eIlY9ju7PzqDXItC {
  display: flex;
  align-items: center;
}
.YI05eIlY9ju7PzqDXItC .AxNm6lMbZCDkpI_c00xp {
  position: relative;
}
.YI05eIlY9ju7PzqDXItC .AxNm6lMbZCDkpI_c00xp img.b9C_KDw7bNkZ2nHGxaAr {
  width: 60px;
  height: 60px;
  border-radius: 999px;
}
.YI05eIlY9ju7PzqDXItC .AxNm6lMbZCDkpI_c00xp .pAwss47WaX8KHs3VcVNO {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 999px;
  left: 0;
  top: 0;
  z-index: 1;
  display: none;
  align-items: center;
  text-align: center;
}
.YI05eIlY9ju7PzqDXItC .AxNm6lMbZCDkpI_c00xp .pAwss47WaX8KHs3VcVNO div {
  flex: 1;
  text-align: center;
  line-height: 14px;
  cursor: pointer;
}
.YI05eIlY9ju7PzqDXItC .AxNm6lMbZCDkpI_c00xp .pAwss47WaX8KHs3VcVNO > :first-child {
  border-right: #fff solid 1px;
}
.YI05eIlY9ju7PzqDXItC .AxNm6lMbZCDkpI_c00xp .Fe1XypTMYCZzd5w8qSIS {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 999px;
  left: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  color: #fff;
  font-size: 10px;
  padding-top: 5px;
  box-sizing: border-box;
}
.YI05eIlY9ju7PzqDXItC .AxNm6lMbZCDkpI_c00xp:hover .pAwss47WaX8KHs3VcVNO {
  display: flex;
}
.YI05eIlY9ju7PzqDXItC .RDuVwuyrFM3t4Q4XvyWA .pAwss47WaX8KHs3VcVNO {
  display: flex;
  background-color: unset;
  z-index: -1;
}
.YI05eIlY9ju7PzqDXItC .RDuVwuyrFM3t4Q4XvyWA .pAwss47WaX8KHs3VcVNO .LpwbeOeLQb9bpLsylbKQ,
.YI05eIlY9ju7PzqDXItC .RDuVwuyrFM3t4Q4XvyWA .pAwss47WaX8KHs3VcVNO img {
  display: none;
}
.YI05eIlY9ju7PzqDXItC .IWmG84YMxwERXbH8X39z {
  z-index: 100000000000;
  width: 60px;
  height: 60px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  border-radius: 50%;
  border: 1px dashed #E6E6E6;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.YI05eIlY9ju7PzqDXItC .h_MODeXzZOxP59IvE99Q {
  padding-left: 8px;
}
.YI05eIlY9ju7PzqDXItC .h_MODeXzZOxP59IvE99Q .bLAiibMfuSgEyVUh37cm {
  color: rgba(0, 0, 0, 0.4);
  font-size: 10px;
}

@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;
}
.web-select-item {
  cursor: pointer;
  padding: 5px 3px;
  border-radius: 5px;
}
.web-select-item:hover {
  background: rgba(0, 0, 0, 0.05);
}
.hyc-page-tools-pop {
  position: fixed;
  text-align: center;
  transition: 0.3s;
  width: unset !important;
  bottom: 50px;
}
.hyc-page-tools-pop .hyc-page-tools-btn.t-button {
  width: unset !important;
  min-width: 30px;
  height: 36px !important;
  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: calc(100vh - 64px);
  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--common__header {
  display: none !important;
}
.goodcase-model-name {
  font-weight: 600;
  color: #000;
  background: #fff;
  padding: 2px 8px;
  line-height: 26px;
  border-radius: 8px;
  margin: 0 4px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  font-style: normal !important;
  font-size: 14px !important;
  cursor: pointer;
}
.goodcase-model-name::after {
  content: "↗";
}
.goodcase-model-name:hover {
  background: #f9f9f9;
}

.all-chatlist-wrapper {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.all-chatlist-wrapper .chat-page-wrapper {
  flex: 1;
  height: calc(100vh - 68px);
  display: flex;
}
.all-chatlist-wrapper .chat-page-wrapper .SplitPane {
  height: calc(100vh - 68px) !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;
}
.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;
}
.chat-page-header .chat-page-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 802px;
  width: 100%;
  padding: 16px;
  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% - 72px);
  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 #e6e6e6;
  /* 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: #1a1a1a !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: 36px !important;
  border-radius: 8px;
  padding: 0 16px;
  border-color: #2d68ff !important;
  cursor: not-allowed;
  background-color: #f0f8ff !important;
}
.web-dev-btn:hover {
  background-color: #f0f8ff !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);
  }
}

.active-button {
  height: 36px !important;
  border-radius: 8px;
  padding: 0 16px;
  border-color: #e6e6e6 !important;
}
.active-button:hover {
  background-color: #f9f9f9 !important;
}
.active-button .t-button__text {
  display: flex;
  align-items: center;
  font-weight: 500;
  user-select: none;
}
.active-button .t-button__text svg {
  margin-right: 4px;
}
.active-button__icon {
  min-width: 16px;
  height: 16px;
  margin-right: 4px;
  transition: 0.2s;
}
.active-button-active {
  background-color: #f0f8ff !important;
  border-color: #2d68ff !important;
}
.active-button-active .t-button__text {
  transition: 0.2s;
  color: #2d68ff;
}
.active-button-active:hover {
  background-color: #f0f8ff !important;
}
.active-button.t-is-disabled .active-button__icon {
  opacity: 0.27;
}

.paint-button {
  cursor: pointer;
  display: flex;
  padding: 6px 16px;
  box-sizing: border-box;
  align-items: center;
  line-height: 22px;
  font-weight: 500;
  gap: 4px;
  border-radius: 8px;
  background: #fff;
  margin-right: 8px;
  border: 1px solid #e6e6e6;
}
.paint-button.paint-button-active {
  background: #f3f3f3 !important;
}
.paint-button:hover {
  background: #f3f3f3 !important;
}
.paint-button-item {
  padding: 8px 10px;
  cursor: pointer;
  position: relative;
}
.paint-button-item:hover {
  background: #f3f3f3 !important;
  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: 50%;
  transform: translateY(-50%);
}
.paint-button-list {
  max-height: 230px;
  width: 154px;
  padding-right: 10px;
  box-sizing: border-box;
  overflow: auto;
}

.paint-button-group {
  display: flex;
}
.paint-button-group > div {
  margin-right: 8px;
}
.paint-button-group-translate {
  display: flex;
  align-items: center;
}
.paint-button-group-translate > div {
  margin-right: 0;
}
.paint-button-group-translate-arrow {
  margin: 0 8px;
}

.system-prompt-btn {
  height: 30px;
  border-radius: 8px;
  padding: 0 8px;
}
.system-prompt-btn--active .t-button__text {
  color: #2d68ff;
}
.system-prompt-btn .t-button__text {
  display: flex;
  align-items: center;
}
.system-prompt-btn__icon {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #2d68ff;
  margin-right: 2px;
}

/**
 * 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: 8px;
  background: #f3f3f3;
  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;
}
.wl_jDkOsUE2p9e8yTZiX {
  display: flex;
  width: 180px;
  border-radius: 8px;
  background: #f3f3f3;
  padding: 8px;
  box-sizing: border-box;
  gap: 8px;
  align-items: center;
  flex: none;
}
._hqUxKpQ9tRWZdfe5lun {
  flex: 1;
  min-width: 0;
  cursor: pointer;
}
.Nqpebr1C5igatQdWUUQz {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: var(--yb-input-file-item-title-color);
  line-height: 16px;
  margin-bottom: 5px;
}
.jjlo2GwpQ62UOrXlUtku {
  color: #d54941;
}
.tIhoc9FB7pLxF8j9ovWy {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: var(--yb-input-file-item-desc-color);
  line-height: 12px;
}
.fiTgUhD5dkIMJ5ehXYbp {
  height: 40px;
  width: 40px;
  position: relative;
}
.fiTgUhD5dkIMJ5ehXYbp img {
  width: 40px;
  height: 100%;
  pointer-events: none;
}
.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);
}
.Nsthelkfu8BWbB1n1lmo {
  z-index: 20;
  color: #fff;
}
.Nsthelkfu8BWbB1n1lmo .t-progress__info {
  color: #fff;
}
:root[yb-theme="dark"] .GwDhc9fU53GhXTJQcPGl ._voeSAg_Az0SlMESY91e,
:root[yb-theme="light"] .GwDhc9fU53GhXTJQcPGl ._voeSAg_Az0SlMESY91e {
  background: var(--yb-input-file-item-bg-color);
}

.s0rZe9387GGJ1HJlE8bI {
  display: flex;
  justify-content: center;
  align-items: center;
}
.s0rZe9387GGJ1HJlE8bI .t-dialog .t-dialog--default {
  max-width: none !important;
  max-height: none !important;
}
.s0rZe9387GGJ1HJlE8bI .t-dialog__header-content {
  font-size: 16px;
}
.s0rZe9387GGJ1HJlE8bI .t-dialog__body {
  padding: 20px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 60px);
}
.s0rZe9387GGJ1HJlE8bI .z9I3kA9XCCAwocuxAG4z {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.s0rZe9387GGJ1HJlE8bI .z9I3kA9XCCAwocuxAG4z .qFe6mJoUrjAmCFfSKHGo {
  display: block;
  border-radius: 8px;
  background-color: #000;
  object-fit: contain;
}

.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;
}
.UVMff_kFNa6EGoU2kpVF {
  opacity: 0.6;
  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);
}
.bjCYh2sNa4i7gRNv2AuZ {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #999 !important;
  cursor: not-allowed;
}

.hy-link-add-dialog {
  padding: 32px;
  border-radius: 9px;
}
.hy-link-add-dialog .t-dialog__header .t-dialog__header-content {
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #000000E5;
}
.hy-link-add-dialog .t-dialog__body {
  padding: 16px 0;
}
.hy-link-add-dialog .t-dialog__footer {
  padding: 0;
}
.hy-link-add-dialog .t-dialog__footer .t-button {
  border-radius: 36px;
}
.hy-link-add-dialog .t-dialog__footer .t-button--variant-base {
  height: 36px;
  padding: 0 24px;
}
.hy-link-add-dialog .t-dialog__footer .t-button--variant-base.t-button--theme-primary {
  background-color: #1A1A1A;
  color: #FFFFFF;
  border: 0;
}
.hy-link-add-dialog .t-dialog__footer .t-button--variant-base.t-button--theme-primary:hover {
  background-color: #333333;
}
.hy-link-add-dialog .t-dialog__footer .t-button--variant-outline {
  height: 36px;
  padding: 0 24px;
  background-color: #F3F3F3;
  color: #000000E5;
  border: 0;
}
.hy-link-add-dialog .t-dialog__footer .t-button__text {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px;
}
.hy-link-add-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hy-link-add-dialog-content p {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #00000099;
}
.hy-link-add-dialog-content .t-input {
  padding: 0 16px;
  height: 40px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}
.hy-link-add-dialog-content .t-input.t-input--focused {
  box-shadow: none;
}
.hy-link-add-dialog-content .t-input .t-input__inner {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #000000;
}
.hy-link-add-dialog-content .t-input .t-input__inner::placeholder {
  color: #00000042;
}

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

.suggested-prompt-wrapper {
  position: relative;
  width: 802px;
  z-index: 2;
}
.suggested-prompt-wrapper__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-bottom: 16px;
}
.suggested-prompt-wrapper__tags-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 36px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  cursor: pointer;
}
.suggested-prompt-wrapper__tags-item:hover {
  background-color: #f9f9f9;
}
.suggested-prompt-wrapper__tags-img {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.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;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
.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:hover {
  box-shadow: 0px 8px 40px 0px #00000014;
}
.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,
.hunyuan-greeting .more-questions .questions-list .item-detail-video {
  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,
.hunyuan-greeting .more-questions .questions-list .item-detail-video:hover {
  border-color: #2d68ff;
  box-shadow: 0px 8px 40px 0px #00000014;
}
.hunyuan-greeting .more-questions .questions-list .item-detail-image-cover,
.hunyuan-greeting .more-questions .questions-list .item-detail-video-cover {
  width: 100%;
  height: 98px;
  object-fit: cover;
  border-radius: 6px;
}
.hunyuan-greeting .more-questions .questions-list .item-detail-image-title,
.hunyuan-greeting .more-questions .questions-list .item-detail-video-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,
.hunyuan-greeting .more-questions .questions-list .item-detail-video-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-video .item-detail-video-box {
  position: relative;
}
.hunyuan-greeting .more-questions .questions-list .item-detail-video .item-detail-video-box .item-detail-video-cover {
  width: 100%;
  height: 98px;
  object-fit: cover;
  border-radius: 6px;
}
.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: #f9f9f9;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.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;
}
.hunyuan-greeting .more-questions .questions-list .item-detail:hover {
  background-color: #f3f3f3;
}

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

@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);
}

.content-file-placeholder {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.content-file-placeholder-file-list {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.content-file-placeholder-file-item {
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 8px;
  width: 172px;
  height: 56px;
  padding: 0 16px 0 8px;
  box-sizing: border-box;
}
.content-file-placeholder-file-item-icon {
  width: 28px;
  height: 28px;
  overflow: hidden;
  position: relative;
  margin-right: 8px;
}
.content-file-placeholder-file-item-icon img {
  width: 100%;
  height: 100%;
}
.content-file-placeholder-file-item-icon .hyc-content-file__parsing {
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  left: calc(50%);
  top: calc(50% + 1px);
  margin: -7px 0 0 -7px;
  background: url(http://hunyuantest.woa.com/67969afe1ab7219998e1.svg) center center no-repeat;
  background-size: 100% 100%;
  animation: a-file-parsing 1s linear infinite;
}
.content-file-placeholder-file-item-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  overflow: hidden;
}
.content-file-placeholder-file-item-info-size {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  color: var(--yb-md-file-desc-color);
  white-space: nowrap;
}
.content-file-placeholder-file-item-name {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}
.content-file-placeholder-prompt {
  max-width: 85%;
}
.content-file-placeholder-prompt-text {
  border-radius: 12px 2px 12px 12px;
  padding: 12px 16px;
  background: #f3f3f3;
}
.content-file-placeholder-file-item-error {
  background-color: #f3f3f3;
  cursor: not-allowed;
}
.content-file-placeholder-file-item-error .content-file-placeholder-file-item-name {
  color: #00000066;
}
.content-file-placeholder-file-item-error .content-file-placeholder-file-item-icon {
  opacity: 0.3;
}
@keyframes a-file-parsing {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.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;
  position: relative;
}
.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__content .agent-chat__list__item--last .agent-chat__conv--ai--podcast {
  z-index: 100;
}
.agent-chat__list__content .agent-chat__list__item--last .agent-chat__conv--ai--podcast .agent-chat__bubble__content {
  padding-bottom: 150px !important;
  overflow: visible !important;
}
.agent-chat__list__content .agent-chat__conv--ai--podcast .agent-chat__bubble__content {
  overflow: visible !important;
}
.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 16px;
  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;
  z-index: 2;
}
.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 0;
}
.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;
}
.hyc-speech-podcast__content__inner__play-btn svg {
  width: 14px !important;
}

.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;
  justify-content: flex-end;
}
.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;
}

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

@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__conv--ai__toolbar {
  margin-top: 16px;
}
.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: #1a1a1a !important;
}
.agent-chat__bubble .hyc-common-markdown__loading::after {
  border-color: #1a1a1a !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: 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 16px;
  box-sizing: border-box;
  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-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;
}

.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 .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:last-child:hover {
  background-color: #333333 !important;
}
.hunyuan-dialog .t-dialog__footer .t-button:first-child {
  border: none !important;
  background-color: #f3f3f3 !important;
  color: #000000e5 !important;
}
.hunyuan-dialog .t-dialog__footer .t-button:first-child:hover {
  background-color: #e6e6e6 !important;
}

.system-prompt-dialog {
  width: 100%;
  background-color: #fff;
  max-width: 802px;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  z-index: 2;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0px 8px 40px 0px #00000014;
}
.system-prompt-dialog .t-radio__input {
  box-sizing: border-box;
}
.system-prompt-dialog__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding: 0 32px;
  background-color: #f3f3f3;
}
.system-prompt-dialog__header__title {
  font-size: 14px;
  font-weight: 500;
  color: #000000e5;
}
.system-prompt-dialog__header img {
  cursor: pointer;
}
.system-prompt-dialog__content {
  padding: 24px 32px;
}
.system-prompt-dialog__content__title {
  font-size: 18px;
  font-weight: 600;
  color: #000000e5;
  line-height: 26px;
  display: inline-block;
  margin-bottom: 10px;
}
.system-prompt-dialog__content__role {
  margin-bottom: 10px;
}
.system-prompt-dialog__content .t-textarea__inner {
  border-radius: 12px;
  border: 1px solid #00000014;
  box-shadow: none;
  padding: 12px;
  height: 100px !important;
  min-height: 100px !important;
}
.system-prompt-dialog__content .t-textarea__inner:focus {
  border-color: #00000014;
}
.system-prompt-dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 0;
}
.system-prompt-dialog__footer .t-button {
  height: 32px;
  border-radius: 90px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: #000000e5;
  border: none;
}
.system-prompt-dialog__footer .t-button:hover {
  background-color: #000000e5 !important;
}
.system-prompt-dialog__footer .t-button.t-is-disabled {
  background-color: #999999 !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%;
  padding: 0 16px;
}
.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: #333;
}
.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 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.model-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.model-list__header h2 {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  margin: 0;
}
.model-list__content {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 20px;
  padding-top: 24px;
}
.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--active {
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
  border-color: #2d68ff;
}
.model-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.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: 0 6px;
  border-radius: 4px;
  border: 1px solid;
}
.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 - 64px);
  box-sizing: border-box;
  padding: 0 20px 0 20px;
  overflow: auto;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: -10px 0px 30px 0px #0000000a;
}
.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: 600;
  color: #000000e5;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem {
  padding: 24px;
  border-radius: 8px;
  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 8px;
  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: 22px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e6e6;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .BYRCoevIpdjkIzGmHxVi {
  margin-bottom: 16px;
}
.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: 22px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .BYRCoevIpdjkIzGmHxVi .MQ6b5ddq6xn_f47rfubs .YZ8kYPD08Ud4tyb7m2R_ {
  color: #000000e5;
  line-height: 22px;
  font-size: 12px;
  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: 16px;
}
.mvfqmiYoVreC1bYK_YyC .qjrgrCxYd76NfBWeWOem .c9rVi12v7zU8lTwY73Hk h5 {
  display: flex;
  gap: 4px;
  justify-items: center;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
  align-items: center;
}
.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 16px 16px 0;
  box-sizing: border-box;
}
.web-dev-card .web-dev-card-container {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f9f9f9;
}
.web-dev-card .web-dev-card-header {
  height: 56px;
  border-bottom: 1px solid #e6e6e6;
  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: 26px;
}
.web-dev-card .web-dev-card-header .header-right .copy-url-btn {
  padding: 0;
  background: unset;
  color: #1a1a1a;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
  height: auto;
  font-weight: 400;
}
.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: unset;
  color: #333333;
}
.web-dev-card .web-dev-card-header .header-right .copy-url-btn.t-is-disabled {
  background: unset;
}
.web-dev-card .web-dev-card-header .header-right .copy-url-btn.t-is-disabled .t-button__text {
  color: #999;
}
.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: auto;
  background: transparent;
  border: none;
  font-size: 16px;
  color: #1a1a1a;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-dev-card .web-dev-card-header .header-right .close-btn:hover {
  color: #333333;
}
.web-dev-card .web-dev-card-content {
  flex: 1;
  background: #ffffff;
  position: relative;
}
.web-dev-card .web-dev-card-content .web-dev-card-content-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  background-color: #f9f9f9;
  padding-bottom: 10vh;
  box-sizing: border-box;
}
.web-dev-card .web-dev-card-content .web-dev-card-content-loading p {
  margin-top: 8px;
  font-size: 14px;
  color: #00000099;
}
.web-dev-card .web-dev-card-content .web-dev-card-content-loading .t-loading__gradient-conic {
  background: conic-gradient(from 90deg at 50% 50%, rgba(45, 104, 255, 0) 0deg, #00000099 360deg) !important;
}
.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;
}

.model-ctrl-bar {
  height: 38px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: PingFang SC;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  padding-left: 16px;
  cursor: default;
}
.model-ctrl-bar__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  color: #1a1a1a;
  cursor: pointer;
  overflow: hidden;
  padding-right: 16px;
}
.model-ctrl-bar__item--active {
  color: #2d68ff !important;
}
.model-ctrl-bar__item--selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  flex: 1;
}
.model-ctrl-bar__item:hover {
  color: #333333;
}
.model-ctrl-bar__item--goodcase {
  cursor: default;
  color: rgba(0, 0, 0, 0.9);
}
.model-ctrl-bar__item--goodcase:hover {
  color: rgba(0, 0, 0, 0.9);
}
.model-ctrl-bar__item:not(:last-child)::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 1px;
  height: 22px;
  background-color: #e6e6e6;
}
.model-ctrl-bar__item .t-icon {
  flex: none;
}
.model-ctrl-bar .model-ctrl-bar__mark {
  font-weight: 500;
}

.file-translate {
  display: flex;
  flex-direction: column;
  width: calc(100% - 16px);
  height: calc(100% - 32px);
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  margin: 16px 0;
  /* margin-right: 16px; */
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.file-translate__error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.file-translate__error span {
  color: #00000099;
  font-size: 14px;
}
.file-translate__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  height: 54px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e6e6e6;
}
.file-translate__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.file-translate__sub-title {
  color: #00000099;
  font-size: 14px;
  margin-left: 8px;
  line-height: 22px;
}
.file-translate__wrap {
  flex: 1;
  position: relative;
}
.file-translate__close {
  cursor: pointer;
}
.file-translate__close .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;
}
.file-translate__tools {
  display: flex;
  gap: 12px;
  border-radius: 8px;
  padding: 8px;
  position: fixed;
  animation: fadeIn;
  animation-duration: 0.8s;
  background-color: #fff;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.16);
}
.file-translate__button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 4px;
  height: 30px;
  border-radius: 4px;
  cursor: pointer;
}
.file-translate__button:hover {
  background-color: #f3f3f3;
}
.file-translate .pdfViewer .page {
  border-radius: 0;
}
.file-translate [id^="viewerContainer__"]:not(.pdfPresentationMode) {
  padding-top: 0 !important;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

 .dialog{
  --dialog-bg-color:white;
  --dialog-border-color:white;
  --dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2);
  --text-primary-color:#15141a;
  --text-secondary-color:#5b5b66;
  --hover-filter:brightness(0.9);
  --focus-ring-color:#0060df;
  --focus-ring-outline:2px solid var(--focus-ring-color);

  --textarea-border-color:#8f8f9d;
  --textarea-bg-color:white;
  --textarea-fg-color:var(--text-secondary-color);

  --radio-bg-color:#f0f0f4;
  --radio-checked-bg-color:#fbfbfe;
  --radio-border-color:#8f8f9d;
  --radio-checked-border-color:#0060df;

  --button-secondary-bg-color:#f0f0f4;
  --button-secondary-fg-color:var(--text-primary-color);
  --button-secondary-border-color:var(--button-secondary-bg-color);
  --button-secondary-hover-bg-color:var(--button-secondary-bg-color);
  --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
  --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);

  --button-primary-bg-color:#0060df;
  --button-primary-fg-color:#fbfbfe;
  --button-primary-hover-bg-color:var(--button-primary-bg-color);
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
  --button-primary-hover-border-color:var(--button-primary-hover-bg-color);

  font:message-box;
  font-size:13px;
  font-weight:400;
  line-height:150%;
  border-radius:4px;
  padding:12px 16px;
  border:1px solid var(--dialog-border-color);
  background:var(--dialog-bg-color);
  color:var(--text-primary-color);
  box-shadow:var(--dialog-shadow);
}

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) .dialog{
    --dialog-bg-color:#1c1b22;
    --dialog-border-color:#1c1b22;
    --dialog-shadow:0 2px 14px 0 #15141a;
    --text-primary-color:#fbfbfe;
    --text-secondary-color:#cfcfd8;
    --focus-ring-color:#0df;
    --hover-filter:brightness(1.4);

    --textarea-bg-color:#42414d;

    --radio-bg-color:#2b2a33;
    --radio-checked-bg-color:#15141a;
    --radio-checked-border-color:#0df;

    --button-secondary-bg-color:#2b2a33;
    --button-primary-bg-color:#0df;
    --button-primary-fg-color:#15141a;
}
  }

:where(html.is-dark) .dialog{
    --dialog-bg-color:#1c1b22;
    --dialog-border-color:#1c1b22;
    --dialog-shadow:0 2px 14px 0 #15141a;
    --text-primary-color:#fbfbfe;
    --text-secondary-color:#cfcfd8;
    --focus-ring-color:#0df;
    --hover-filter:brightness(1.4);

    --textarea-bg-color:#42414d;

    --radio-bg-color:#2b2a33;
    --radio-checked-bg-color:#15141a;
    --radio-checked-border-color:#0df;

    --button-secondary-bg-color:#2b2a33;
    --button-primary-bg-color:#0df;
    --button-primary-fg-color:#15141a;
}

@media screen and (forced-colors: active){

.dialog{
    --dialog-bg-color:Canvas;
    --dialog-border-color:CanvasText;
    --dialog-shadow:none;
    --text-primary-color:CanvasText;
    --text-secondary-color:CanvasText;
    --hover-filter:none;
    --focus-ring-color:ButtonBorder;

    --textarea-border-color:ButtonBorder;
    --textarea-bg-color:Field;
    --textarea-fg-color:ButtonText;

    --radio-bg-color:ButtonFace;
    --radio-checked-bg-color:ButtonFace;
    --radio-border-color:ButtonText;
    --radio-checked-border-color:ButtonText;

    --button-secondary-bg-color:ButtonFace;
    --button-secondary-fg-color:ButtonText;
    --button-secondary-border-color:ButtonText;
    --button-secondary-hover-bg-color:AccentColor;
    --button-secondary-hover-fg-color:AccentColorText;

    --button-primary-bg-color:ButtonText;
    --button-primary-fg-color:ButtonFace;
    --button-primary-hover-bg-color:AccentColor;
    --button-primary-hover-fg-color:AccentColorText;
}
  }

.dialog .mainContainer *:focus-visible{
      outline:var(--focus-ring-outline);
      outline-offset:2px;
    }

.dialog .mainContainer .radio{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
    }

.dialog .mainContainer .radio > .radioButton{
        display:flex;
        gap:8px;
        align-self:stretch;
        align-items:center;
      }

.dialog .mainContainer .radio > .radioButton input{
          -webkit-appearance:none;
             -moz-appearance:none;
                  appearance:none;
          box-sizing:border-box;
          width:16px;
          height:16px;
          border-radius:50%;
          background-color:var(--radio-bg-color);
          border:1px solid var(--radio-border-color);
        }

.dialog .mainContainer .radio > .radioButton input:hover{
            filter:var(--hover-filter);
          }

.dialog .mainContainer .radio > .radioButton input:checked{
            background-color:var(--radio-checked-bg-color);
            border:4px solid var(--radio-checked-border-color);
          }

.dialog .mainContainer .radio > .radioLabel{
        display:flex;
        padding-inline-start:24px;
        align-items:flex-start;
        gap:10px;
        align-self:stretch;
      }

.dialog .mainContainer .radio > .radioLabel > span{
          flex:1 0 0;
          font-size:11px;
          color:var(--text-secondary-color);
        }

.dialog .mainContainer button{
      border-radius:4px;
      border:1px solid;
      font:menu;
      font-weight:600;
      padding:4px 16px;
      width:auto;
      height:32px;
    }

.dialog .mainContainer button:hover{
        cursor:pointer;
        filter:var(--hover-filter);
      }

.dialog .mainContainer button.secondaryButton{
        color:var(--button-secondary-fg-color);
        background-color:var(--button-secondary-bg-color);
        border-color:var(--button-secondary-border-color);
      }

.dialog .mainContainer button.secondaryButton:hover{
          color:var(--button-secondary-hover-fg-color);
          background-color:var(--button-secondary-hover-bg-color);
          border-color:var(--button-secondary-hover-border-color);
        }

.dialog .mainContainer button.primaryButton{
        color:var(--button-primary-hover-fg-color);
        background-color:var(--button-primary-hover-bg-color);
        border-color:var(--button-primary-hover-border-color);
        opacity:1;
      }

.dialog .mainContainer button.primaryButton:hover{
          color:var(--button-primary-hover-fg-color);
          background-color:var(--button-primary-hover-bg-color);
          border-color:var(--button-primary-hover-border-color);
        }

.dialog .mainContainer textarea{
      font:inherit;
      padding:8px;
      resize:none;
      margin:0;
      box-sizing:border-box;
      border-radius:4px;
      border:1px solid var(--textarea-border-color);
      background:var(--textarea-bg-color);
      color:var(--textarea-fg-color);
    }

.dialog .mainContainer textarea:focus{
        outline-offset:0;
        border-color:transparent;
      }

.dialog .mainContainer textarea:disabled{
        pointer-events:none;
        opacity:0.4;
      }

.textLayer{
  position:absolute;
  text-align:initial;
  inset:0;
  overflow:clip;
  opacity:1;
  line-height:1;
  -webkit-text-size-adjust:none;
     -moz-text-size-adjust:none;
          text-size-adjust:none;
  forced-color-adjust:none;
  transform-origin:0 0;
  caret-color:CanvasText;
  z-index:0;
}

.textLayer.highlighting{
    touch-action:none;
  }

.textLayer :is(span, br){
    color:transparent;
    position:absolute;
    white-space:pre;
    cursor:text;
    transform-origin:0% 0%;
  }

.textLayer > :not(.markedContent),
  .textLayer .markedContent span:not(.markedContent){
    z-index:1;
  }

.textLayer span.markedContent{
    top:0;
    height:0;
  }

.textLayer .highlight{
    --highlight-bg-color:rgb(180 0 170 / 0.25);
    --highlight-selected-bg-color:rgb(0 100 0 / 0.25);
    --highlight-backdrop-filter:none;
    --highlight-selected-backdrop-filter:none;

    margin:-1px;
    padding:1px;
    background-color:var(--highlight-bg-color);
    -webkit-backdrop-filter:var(--highlight-backdrop-filter);
            backdrop-filter:var(--highlight-backdrop-filter);
    border-radius:4px;
  }

@media screen and (forced-colors: active){

.textLayer .highlight{
      --highlight-bg-color:transparent;
      --highlight-selected-bg-color:transparent;
      --highlight-backdrop-filter:var(--hcm-highlight-filter);
      --highlight-selected-backdrop-filter:var(
        --hcm-highlight-selected-filter
      );
  }
    }

.textLayer .highlight.appended{
      position:initial;
    }

.textLayer .highlight.begin{
      border-radius:4px 0 0 4px;
    }

.textLayer .highlight.end{
      border-radius:0 4px 4px 0;
    }

.textLayer .highlight.middle{
      border-radius:0;
    }

.textLayer .highlight.selected{
      background-color:var(--highlight-selected-bg-color);
      -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);
              backdrop-filter:var(--highlight-selected-backdrop-filter);
    }

.textLayer ::-moz-selection{
    background:rgba(0, 142, 255, 0.25);
    background:color-mix(in srgb, AccentColor, transparent 75%);
  }

.textLayer ::selection{
    background:rgba(0, 142, 255, 0.25);
    background:color-mix(in srgb, AccentColor, transparent 75%);
  }

.textLayer br::-moz-selection{
    background:transparent;
  }

.textLayer br::selection{
    background:transparent;
  }

.textLayer .endOfContent{
    display:block;
    position:absolute;
    inset:100% 0 0;
    z-index:0;
    cursor:default;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
  }

.textLayer .endOfContent.active{
      top:0;
    }

.annotationLayer{
  --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color:Highlight;
  --input-focus-outline:1px solid Canvas;
  --input-unfocused-border-color:transparent;
  --input-disabled-border-color:transparent;
  --input-hover-border-color:black;
  --link-outline:none;

  position:absolute;
  top:0;
  left:0;
  pointer-events:none;
  transform-origin:0 0;
}

@media screen and (forced-colors: active){

.annotationLayer{
    --input-focus-border-color:CanvasText;
    --input-unfocused-border-color:ActiveText;
    --input-disabled-border-color:GrayText;
    --input-hover-border-color:Highlight;
    --link-outline:1.5px solid LinkText;
}

    .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
      outline:1.5px solid selectedItem;
    }

    .annotationLayer .linkAnnotation{
      outline:var(--link-outline);
    }

      .annotationLayer .linkAnnotation:hover{
        -webkit-backdrop-filter:var(--hcm-highlight-filter);
                backdrop-filter:var(--hcm-highlight-filter);
      }

      .annotationLayer .linkAnnotation > a:hover{
        opacity:0 !important;
        background:none !important;
        box-shadow:none;
      }

    .annotationLayer .popupAnnotation .popup{
      outline:calc(1.5px * var(--scale-factor)) solid CanvasText !important;
      background-color:ButtonFace !important;
      color:ButtonText !important;
    }

    .annotationLayer .highlightArea:hover::after{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      -webkit-backdrop-filter:var(--hcm-highlight-filter);
              backdrop-filter:var(--hcm-highlight-filter);
      content:"";
      pointer-events:none;
    }

    .annotationLayer .popupAnnotation.focused .popup{
      outline:calc(3px * var(--scale-factor)) solid Highlight !important;
    }
  }

.annotationLayer[data-main-rotation="90"] .norotate{
    transform:rotate(270deg) translateX(-100%);
  }

.annotationLayer[data-main-rotation="180"] .norotate{
    transform:rotate(180deg) translate(-100%, -100%);
  }

.annotationLayer[data-main-rotation="270"] .norotate{
    transform:rotate(90deg) translateY(-100%);
  }

.annotationLayer.disabled section,
    .annotationLayer.disabled .popup{
      pointer-events:none;
    }

.annotationLayer .annotationContent{
    position:absolute;
    width:100%;
    height:100%;
    pointer-events:none;
  }

.annotationLayer .annotationContent.freetext{
      background:transparent;
      border:none;
      inset:0;
      overflow:visible;
      white-space:nowrap;
      font:10px sans-serif;
      line-height:1.35;
      -webkit-user-select:none;
         -moz-user-select:none;
              user-select:none;
    }

.annotationLayer section{
    position:absolute;
    text-align:initial;
    pointer-events:auto;
    box-sizing:border-box;
    transform-origin:0 0;
  }

.annotationLayer section:has(div.annotationContent) canvas.annotationContent{
        display:none;
      }

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a{
    position:absolute;
    font-size:1em;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder)
    > a:hover{
    opacity:0.2;
    background-color:rgb(255 255 0);
    box-shadow:0 2px 10px rgb(255 255 0);
  }

.annotationLayer .linkAnnotation.hasBorder:hover{
    background-color:rgb(255 255 0 / 0.2);
  }

.annotationLayer .hasBorder{
    background-size:100% 100%;
  }

.annotationLayer .textAnnotation img{
    position:absolute;
    cursor:pointer;
    width:100%;
    height:100%;
    top:0;
    left:0;
  }

.annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
    background-image:var(--annotation-unfocused-field-background);
    border:2px solid var(--input-unfocused-border-color);
    box-sizing:border-box;
    font:calc(9px * var(--scale-factor)) sans-serif;
    height:100%;
    margin:0;
    vertical-align:top;
    width:100%;
  }

.annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{
    outline:1.5px solid red;
  }

.annotationLayer .choiceWidgetAnnotation select option{
    padding:0;
  }

.annotationLayer .buttonWidgetAnnotation.radioButton input{
    border-radius:50%;
  }

.annotationLayer .textWidgetAnnotation textarea{
    resize:none;
  }

.annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea), .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled]{
    background:none;
    border:2px solid var(--input-disabled-border-color);
    cursor:not-allowed;
  }

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover{
    border:2px solid var(--input-hover-border-color);
  }

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover{
    border-radius:2px;
  }

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus{
    background:none;
    border:2px solid var(--input-focus-border-color);
    border-radius:2px;
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus{
    background-image:none;
    background-color:transparent;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox :focus{
    border:2px solid var(--input-focus-border-color);
    border-radius:2px;
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation.radioButton :focus{
    border:2px solid var(--input-focus-border-color);
    outline:var(--input-focus-outline);
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
  .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
  .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
    background-color:CanvasText;
    content:"";
    display:block;
    position:absolute;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
  .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
    height:80%;
    left:45%;
    width:1px;
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before{
    transform:rotate(45deg);
  }

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after{
    transform:rotate(-45deg);
  }

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before{
    border-radius:50%;
    height:50%;
    left:25%;
    top:25%;
    width:50%;
  }

.annotationLayer .textWidgetAnnotation input.comb{
    font-family:monospace;
    padding-left:2px;
    padding-right:0;
  }

.annotationLayer .textWidgetAnnotation input.comb:focus{
    width:103%;
  }

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
  }

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{
    height:100%;
    width:100%;
  }

.annotationLayer .popupAnnotation{
    position:absolute;
    font-size:calc(9px * var(--scale-factor));
    pointer-events:none;
    width:-moz-max-content;
    width:max-content;
    max-width:45%;
    height:auto;
  }

.annotationLayer .popup{
    background-color:rgb(255 255 153);
    box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136);
    border-radius:calc(2px * var(--scale-factor));
    outline:1.5px solid rgb(255 255 74);
    padding:calc(6px * var(--scale-factor));
    cursor:pointer;
    font:message-box;
    white-space:normal;
    word-wrap:break-word;
    pointer-events:auto;
  }

.annotationLayer .popupAnnotation.focused .popup{
    outline-width:3px;
  }

.annotationLayer .popup *{
    font-size:calc(9px * var(--scale-factor));
  }

.annotationLayer .popup > .header{
    display:inline-block;
  }

.annotationLayer .popup > .header h1{
    display:inline;
  }

.annotationLayer .popup > .header .popupDate{
    display:inline-block;
    margin-left:calc(5px * var(--scale-factor));
    width:-moz-fit-content;
    width:fit-content;
  }

.annotationLayer .popupContent{
    border-top:1px solid rgb(51 51 51);
    margin-top:calc(2px * var(--scale-factor));
    padding-top:calc(2px * var(--scale-factor));
  }

.annotationLayer .richText > *{
    white-space:pre-wrap;
    font-size:calc(9px * var(--scale-factor));
  }

.annotationLayer .popupTriggerArea{
    cursor:pointer;
  }

.annotationLayer section svg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
  }

.annotationLayer .annotationTextContent{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    color:transparent;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    pointer-events:none;
  }

.annotationLayer .annotationTextContent span{
      width:100%;
      display:inline-block;
    }

.annotationLayer svg.quadrilateralsContainer{
    contain:strict;
    width:0;
    height:0;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
  }

:root{
  --xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --xfa-focus-outline:auto;
}

@media screen and (forced-colors: active){
  :root{
    --xfa-focus-outline:2px solid CanvasText;
  }
  .xfaLayer *:required{
    outline:1.5px solid selectedItem;
  }
}

.xfaLayer{
  background-color:transparent;
}

.xfaLayer .highlight{
  margin:-1px;
  padding:1px;
  background-color:rgb(239 203 237);
  border-radius:4px;
}

.xfaLayer .highlight.appended{
  position:initial;
}

.xfaLayer .highlight.begin{
  border-radius:4px 0 0 4px;
}

.xfaLayer .highlight.end{
  border-radius:0 4px 4px 0;
}

.xfaLayer .highlight.middle{
  border-radius:0;
}

.xfaLayer .highlight.selected{
  background-color:rgb(203 223 203);
}

.xfaPage{
  overflow:hidden;
  position:relative;
}

.xfaContentarea{
  position:absolute;
}

.xfaPrintOnly{
  display:none;
}

.xfaLayer{
  position:absolute;
  text-align:initial;
  top:0;
  left:0;
  transform-origin:0 0;
  line-height:1.2;
}

.xfaLayer *{
  color:inherit;
  font:inherit;
  font-style:inherit;
  font-weight:inherit;
  font-kerning:inherit;
  letter-spacing:-0.01px;
  text-align:inherit;
  text-decoration:inherit;
  box-sizing:border-box;
  background-color:transparent;
  padding:0;
  margin:0;
  pointer-events:auto;
  line-height:inherit;
}

.xfaLayer *:required{
  outline:1.5px solid red;
}

.xfaLayer div,
.xfaLayer svg,
.xfaLayer svg *{
  pointer-events:none;
}

.xfaLayer a{
  color:blue;
}

.xfaRich li{
  margin-left:3em;
}

.xfaFont{
  color:black;
  font-weight:normal;
  font-kerning:none;
  font-size:10px;
  font-style:normal;
  letter-spacing:0;
  text-decoration:none;
  vertical-align:0;
}

.xfaCaption{
  overflow:hidden;
  flex:0 0 auto;
}

.xfaCaptionForCheckButton{
  overflow:hidden;
  flex:1 1 auto;
}

.xfaLabel{
  height:100%;
  width:100%;
}

.xfaLeft{
  display:flex;
  flex-direction:row;
  align-items:center;
}

.xfaRight{
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
}

:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton){
  max-height:100%;
}

.xfaTop{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.xfaBottom{
  display:flex;
  flex-direction:column-reverse;
  align-items:flex-start;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton){
  width:100%;
}

.xfaBorder{
  background-color:transparent;
  position:absolute;
  pointer-events:none;
}

.xfaWrapped{
  width:100%;
  height:100%;
}

:is(.xfaTextfield, .xfaSelect):focus{
  background-image:none;
  background-color:transparent;
  outline:var(--xfa-focus-outline);
  outline-offset:-1px;
}

:is(.xfaCheckbox, .xfaRadio):focus{
  outline:var(--xfa-focus-outline);
}

.xfaTextfield,
.xfaSelect{
  height:100%;
  width:100%;
  flex:1 1 auto;
  border:none;
  resize:none;
  background-image:var(--xfa-unfocused-field-background);
}

.xfaSelect{
  padding-inline:2px;
}

:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect){
  flex:0 1 auto;
}

.xfaButton{
  cursor:pointer;
  width:100%;
  height:100%;
  border:none;
  text-align:center;
}

.xfaLink{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}

.xfaCheckbox,
.xfaRadio{
  width:100%;
  height:100%;
  flex:0 0 auto;
  border:none;
}

.xfaRich{
  white-space:pre-wrap;
  width:100%;
  height:100%;
}

.xfaImage{
  -o-object-position:left top;
     object-position:left top;
  -o-object-fit:contain;
     object-fit:contain;
  width:100%;
  height:100%;
}

.xfaLrTb,
.xfaRlTb,
.xfaTb{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

.xfaLr{
  display:flex;
  flex-direction:row;
  align-items:stretch;
}

.xfaRl{
  display:flex;
  flex-direction:row-reverse;
  align-items:stretch;
}

.xfaTb > div{
  justify-content:left;
}

.xfaPosition{
  position:relative;
}

.xfaArea{
  position:relative;
}

.xfaValignMiddle{
  display:flex;
  align-items:center;
}

.xfaTable{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

.xfaTable .xfaRow{
  display:flex;
  flex-direction:row;
  align-items:stretch;
}

.xfaTable .xfaRlRow{
  display:flex;
  flex-direction:row-reverse;
  align-items:stretch;
  flex:1;
}

.xfaTable .xfaRlRow > div{
  flex:1;
}

:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea){
  background:initial;
}

@media print{
  .xfaTextfield,
  .xfaSelect{
    background:transparent;
  }

  .xfaSelect{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    text-indent:1px;
    text-overflow:"";
  }
}

.canvasWrapper svg{
    transform:none;
  }

.canvasWrapper svg[data-main-rotation="90"] mask,
      .canvasWrapper svg[data-main-rotation="90"] use:not(.clip, .mask){
        transform:matrix(0, 1, -1, 0, 1, 0);
      }

.canvasWrapper svg[data-main-rotation="180"] mask,
      .canvasWrapper svg[data-main-rotation="180"] use:not(.clip, .mask){
        transform:matrix(-1, 0, 0, -1, 1, 1);
      }

.canvasWrapper svg[data-main-rotation="270"] mask,
      .canvasWrapper svg[data-main-rotation="270"] use:not(.clip, .mask){
        transform:matrix(0, -1, 1, 0, 0, 1);
      }

.canvasWrapper svg.highlight{
      --blend-mode:multiply;

      position:absolute;
      mix-blend-mode:var(--blend-mode);
    }

@media screen and (forced-colors: active){

.canvasWrapper svg.highlight{
        --blend-mode:difference;
    }
      }

.canvasWrapper svg.highlight:not(.free){
        fill-rule:evenodd;
      }

.canvasWrapper svg.highlightOutline{
      position:absolute;
      mix-blend-mode:normal;
      fill-rule:evenodd;
      fill:none;
    }

.canvasWrapper svg.highlightOutline.hovered:not(.free):not(.selected){
          stroke:var(--hover-outline-color);
          stroke-width:var(--outline-width);
        }

.canvasWrapper svg.highlightOutline.selected:not(.free) .mainOutline{
            stroke:var(--outline-around-color);
            stroke-width:calc(
              var(--outline-width) + 2 * var(--outline-around-width)
            );
          }

.canvasWrapper svg.highlightOutline.selected:not(.free) .secondaryOutline{
            stroke:var(--outline-color);
            stroke-width:var(--outline-width);
          }

.canvasWrapper svg.highlightOutline.free.hovered:not(.selected){
          stroke:var(--hover-outline-color);
          stroke-width:calc(2 * var(--outline-width));
        }

.canvasWrapper svg.highlightOutline.free.selected .mainOutline{
            stroke:var(--outline-around-color);
            stroke-width:calc(
              2 * (var(--outline-width) + var(--outline-around-width))
            );
          }

.canvasWrapper svg.highlightOutline.free.selected .secondaryOutline{
            stroke:var(--outline-color);
            stroke-width:calc(2 * var(--outline-width));
          }

.toggle-button{
  --button-background-color:#f0f0f4;
  --button-background-color-hover:#e0e0e6;
  --button-background-color-active:#cfcfd8;
  --color-accent-primary:#0060df;
  --color-accent-primary-hover:#0250bb;
  --color-accent-primary-active:#054096;
  --border-interactive-color:#8f8f9d;
  --border-radius-circle:9999px;
  --border-width:1px;
  --size-item-small:16px;
  --size-item-large:32px;
  --color-canvas:white;

  --toggle-background-color:var(--button-background-color);
  --toggle-background-color-hover:var(--button-background-color-hover);
  --toggle-background-color-active:var(--button-background-color-active);
  --toggle-background-color-pressed:var(--color-accent-primary);
  --toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
  --toggle-background-color-pressed-active:var(--color-accent-primary-active);
  --toggle-border-color:var(--border-interactive-color);
  --toggle-border-color-hover:var(--toggle-border-color);
  --toggle-border-color-active:var(--toggle-border-color);
  --toggle-border-radius:var(--border-radius-circle);
  --toggle-border-width:var(--border-width);
  --toggle-height:var(--size-item-small);
  --toggle-width:var(--size-item-large);
  --toggle-dot-background-color:var(--toggle-border-color);
  --toggle-dot-background-color-hover:var(--toggle-dot-background-color);
  --toggle-dot-background-color-active:var(--toggle-dot-background-color);
  --toggle-dot-background-color-on-pressed:var(--color-canvas);
  --toggle-dot-margin:1px;
  --toggle-dot-height:calc(
    var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 *
      var(--toggle-border-width)
  );
  --toggle-dot-width:var(--toggle-dot-height);
  --toggle-dot-transform-x:calc(
    var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)
  );

  -webkit-appearance:none;

     -moz-appearance:none;

          appearance:none;
  padding:0;
  margin:0;
  border:var(--toggle-border-width) solid var(--toggle-border-color);
  height:var(--toggle-height);
  width:var(--toggle-width);
  border-radius:var(--toggle-border-radius);
  background:var(--toggle-background-color);
  box-sizing:border-box;
  flex-shrink:0;
}

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) .toggle-button{
    --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
    --button-background-color-hover:color-mix(
      in srgb,
      currentColor 14%,
      transparent
    );
    --button-background-color-active:color-mix(
      in srgb,
      currentColor 21%,
      transparent
    );
    --color-accent-primary:#0df;
    --color-accent-primary-hover:#80ebff;
    --color-accent-primary-active:#aaf2ff;
    --border-interactive-color:#bfbfc9;
    --color-canvas:#1c1b22;
}
  }

:where(html.is-dark) .toggle-button{
    --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
    --button-background-color-hover:color-mix(
      in srgb,
      currentColor 14%,
      transparent
    );
    --button-background-color-active:color-mix(
      in srgb,
      currentColor 21%,
      transparent
    );
    --color-accent-primary:#0df;
    --color-accent-primary-hover:#80ebff;
    --color-accent-primary-active:#aaf2ff;
    --border-interactive-color:#bfbfc9;
    --color-canvas:#1c1b22;
}

@media (forced-colors: active){

.toggle-button{
    --color-accent-primary:ButtonText;
    --color-accent-primary-hover:SelectedItem;
    --color-accent-primary-active:SelectedItem;
    --border-interactive-color:ButtonText;
    --button-background-color:ButtonFace;
    --border-interactive-color-hover:SelectedItem;
    --border-interactive-color-active:SelectedItem;
    --border-interactive-color-disabled:GrayText;
    --color-canvas:ButtonText;
}
  }

.toggle-button:focus-visible{
    outline:var(--focus-outline);
    outline-offset:var(--focus-outline-offset);
  }

.toggle-button:enabled:hover{
    background:var(--toggle-background-color-hover);
    border-color:var(--toggle-border-color);
  }

.toggle-button:enabled:active{
    background:var(--toggle-background-color-active);
    border-color:var(--toggle-border-color);
  }

.toggle-button[aria-pressed="true"]{
    background:var(--toggle-background-color-pressed);
    border-color:transparent;
  }

.toggle-button[aria-pressed="true"]:enabled:hover{
    background:var(--toggle-background-color-pressed-hover);
    border-color:transparent;
  }

.toggle-button[aria-pressed="true"]:enabled:active{
    background:var(--toggle-background-color-pressed-active);
    border-color:transparent;
  }

.toggle-button::before{
    display:block;
    content:"";
    background-color:var(--toggle-dot-background-color);
    height:var(--toggle-dot-height);
    width:var(--toggle-dot-width);
    margin:var(--toggle-dot-margin);
    border-radius:var(--toggle-border-radius);
    translate:0;
  }

.toggle-button[aria-pressed="true"]::before{
    translate:var(--toggle-dot-transform-x);
    background-color:var(--toggle-dot-background-color-on-pressed);
  }

.toggle-button[aria-pressed="true"]:enabled:hover::before,
  .toggle-button[aria-pressed="true"]:enabled:active::before{
    background-color:var(--toggle-dot-background-color-on-pressed);
  }

[dir="rtl"] .toggle-button[aria-pressed="true"]::before{
    translate:calc(-1 * var(--toggle-dot-transform-x));
  }

@media (prefers-reduced-motion: no-preference){
    .toggle-button::before{
      transition:translate 100ms;
    }
  }

@media (prefers-contrast){
    .toggle-button:enabled:hover{
      border-color:var(--toggle-border-color-hover);
    }

    .toggle-button:enabled:active{
      border-color:var(--toggle-border-color-active);
    }

    .toggle-button[aria-pressed="true"]:enabled{
      border-color:var(--toggle-border-color);
      position:relative;
    }

    .toggle-button[aria-pressed="true"]:enabled:hover,
    .toggle-button[aria-pressed="true"]:enabled:hover:active{
      border-color:var(--toggle-border-color-hover);
    }

    .toggle-button[aria-pressed="true"]:enabled:active{
      background-color:var(--toggle-dot-background-color-active);
      border-color:var(--toggle-dot-background-color-hover);
    }

    .toggle-button:hover::before,
    .toggle-button:active::before{
      background-color:var(--toggle-dot-background-color-hover);
    }
  }

@media (forced-colors){

.toggle-button{
    --toggle-dot-background-color:var(--color-accent-primary);
    --toggle-dot-background-color-hover:var(--color-accent-primary-hover);
    --toggle-dot-background-color-active:var(--color-accent-primary-active);
    --toggle-dot-background-color-on-pressed:var(--button-background-color);
    --toggle-background-color-disabled:var(--button-background-color-disabled);
    --toggle-border-color-hover:var(--border-interactive-color-hover);
    --toggle-border-color-active:var(--border-interactive-color-active);
    --toggle-border-color-disabled:var(--border-interactive-color-disabled);
}

    .toggle-button[aria-pressed="true"]:enabled::after{
      border:1px solid var(--button-background-color);
      content:"";
      position:absolute;
      height:var(--toggle-height);
      width:var(--toggle-width);
      display:block;
      border-radius:var(--toggle-border-radius);
      inset:-2px;
    }

    .toggle-button[aria-pressed="true"]:enabled:active::after{
      border-color:var(--toggle-border-color-active);
    }
  }

:root{
  --outline-width:2px;
  --outline-color:#0060df;
  --outline-around-width:1px;
  --outline-around-color:#f0f0f4;
  --hover-outline-around-color:var(--outline-around-color);
  --focus-outline:solid var(--outline-width) var(--outline-color);
  --unfocus-outline:solid var(--outline-width) transparent;
  --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
  --hover-outline-color:#8f8f9d;
  --hover-outline:solid var(--outline-width) var(--hover-outline-color);
  --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
  --freetext-line-height:1.35;
  --freetext-padding:2px;
  --resizer-bg-color:var(--outline-color);
  --resizer-size:6px;
  --resizer-shift:calc(
    0px - (var(--outline-width) + var(--resizer-size)) / 2 -
      var(--outline-around-width)
  );
  --editorFreeText-editing-cursor:text;
  --editorInk-editing-cursor:url(https://cdn-portal.hunyuan.tencent.com/5ea0869845becef03a06.svg) 0 16, pointer;
  --editorHighlight-editing-cursor:url(https://cdn-portal.hunyuan.tencent.com/3683cfffdcbd73685ff2.svg) 24 24, text;
  --editorFreeHighlight-editing-cursor:url(https://cdn-portal.hunyuan.tencent.com/8475f8e672ed83e24520.svg) 1 18, pointer;
}
.visuallyHidden{
  position:absolute;
  top:0;
  left:0;
  border:0;
  margin:0;
  padding:0;
  width:0;
  height:0;
  overflow:hidden;
  white-space:nowrap;
  font-size:0;
}

.textLayer.highlighting{
  cursor:var(--editorFreeHighlight-editing-cursor);
}

.textLayer.highlighting:not(.free) span{
    cursor:var(--editorHighlight-editing-cursor);
  }

.textLayer.highlighting.free span{
    cursor:var(--editorFreeHighlight-editing-cursor);
  }

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx){
  :root{
    --editorFreeText-editing-cursor:url(https://cdn-portal.hunyuan.tencent.com/9fb032a1799ca2a1c751.svg) 0 16, text;
  }
}

@media screen and (forced-colors: active){
  :root{
    --outline-color:CanvasText;
    --outline-around-color:ButtonFace;
    --resizer-bg-color:ButtonText;
    --hover-outline-color:Highlight;
    --hover-outline-around-color:SelectedItemText;
  }
}

[data-editor-rotation="90"]{
  transform:rotate(90deg);
}

[data-editor-rotation="180"]{
  transform:rotate(180deg);
}

[data-editor-rotation="270"]{
  transform:rotate(270deg);
}

.annotationEditorLayer{
  background:transparent;
  position:absolute;
  inset:0;
  font-size:calc(100px * var(--scale-factor));
  transform-origin:0 0;
  cursor:auto;
}

.annotationEditorLayer .selectedEditor{
    z-index:100000 !important;
  }

.annotationEditorLayer.drawing *{
    pointer-events:none !important;
  }

.annotationEditorLayer.waiting{
  content:"";
  cursor:wait;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.annotationEditorLayer.disabled{
  pointer-events:none;
}

.annotationEditorLayer.freetextEditing{
  cursor:var(--editorFreeText-editing-cursor);
}

.annotationEditorLayer.inkEditing{
  cursor:var(--editorInk-editing-cursor);
}

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor){
  position:absolute;
  background:transparent;
  z-index:1;
  transform-origin:0 0;
  cursor:auto;
  max-width:100%;
  max-height:100%;
  border:var(--unfocus-outline);
}

.annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
    cursor:move;
  }

.annotationEditorLayer .moving:is(.freeTextEditor, .inkEditor, .stampEditor){
    touch-action:none;
  }

.annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){
    border:var(--focus-outline);
    outline:var(--focus-outline-around);
  }

.annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor)::before{
      content:"";
      position:absolute;
      inset:0;
      border:var(--focus-outline-around);
      pointer-events:none;
    }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor){
    border:var(--hover-outline);
    outline:var(--hover-outline-around);
  }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor)::before{
      content:"";
      position:absolute;
      inset:0;
      border:var(--focus-outline-around);
    }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
    --editor-toolbar-delete-image:url(https://cdn-portal.hunyuan.tencent.com/fde82a50e6de20239861.svg);
    --editor-toolbar-bg-color:#f0f0f4;
    --editor-toolbar-highlight-image:url(https://cdn-portal.hunyuan.tencent.com/42e4e1954f25f8c7b965.svg);
    --editor-toolbar-fg-color:#2e2e56;
    --editor-toolbar-border-color:#8f8f9d;
    --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
    --editor-toolbar-hover-bg-color:#e0e0e6;
    --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
    --editor-toolbar-hover-outline:none;
    --editor-toolbar-focus-outline-color:#0060df;
    --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
    --editor-toolbar-vert-offset:6px;
    --editor-toolbar-height:28px;
    --editor-toolbar-padding:2px;

    display:flex;
    width:-moz-fit-content;
    width:fit-content;
    height:var(--editor-toolbar-height);
    flex-direction:column;
    justify-content:center;
    align-items:center;
    cursor:default;
    pointer-events:auto;
    box-sizing:content-box;
    padding:var(--editor-toolbar-padding);

    position:absolute;
    inset-inline-end:0;
    inset-block-start:calc(100% + var(--editor-toolbar-vert-offset));

    border-radius:6px;
    background-color:var(--editor-toolbar-bg-color);
    border:1px solid var(--editor-toolbar-border-color);
    box-shadow:var(--editor-toolbar-shadow);
  }

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) :is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
      --editor-toolbar-bg-color:#2b2a33;
      --editor-toolbar-fg-color:#fbfbfe;
      --editor-toolbar-hover-bg-color:#52525e;
      --editor-toolbar-focus-outline-color:#0df;
  }
    }

:where(html.is-dark) :is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
      --editor-toolbar-bg-color:#2b2a33;
      --editor-toolbar-fg-color:#fbfbfe;
      --editor-toolbar-hover-bg-color:#52525e;
      --editor-toolbar-focus-outline-color:#0df;
  }

@media screen and (forced-colors: active){

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
      --editor-toolbar-bg-color:ButtonFace;
      --editor-toolbar-fg-color:ButtonText;
      --editor-toolbar-border-color:ButtonText;
      --editor-toolbar-hover-border-color:AccentColor;
      --editor-toolbar-hover-bg-color:ButtonFace;
      --editor-toolbar-hover-fg-color:AccentColor;
      --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
      --editor-toolbar-focus-outline-color:ButtonBorder;
      --editor-toolbar-shadow:none;
  }
    }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar.hidden{
      display:none;
    }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar:has(:focus-visible){
      border-color:transparent;
    }

[dir="ltr"] :is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
      transform-origin:100% 0;
    }

[dir="rtl"] :is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{
      transform-origin:0 0;
    }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons{
      display:flex;
      justify-content:center;
      align-items:center;
      gap:0;
      height:100%;
    }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .divider{
        width:1px;
        height:calc(
          2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height)
        );
        background-color:var(--editor-toolbar-border-color);
        display:inline-block;
        margin-inline:2px;
      }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton{
        width:var(--editor-toolbar-height);
      }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton::before{
          content:"";
          -webkit-mask-image:var(--editor-toolbar-highlight-image);
                  mask-image:var(--editor-toolbar-highlight-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          background-color:var(--editor-toolbar-fg-color);
          width:100%;
          height:100%;
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton:hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete{
        width:var(--editor-toolbar-height);
      }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete::before{
          content:"";
          -webkit-mask-image:var(--editor-toolbar-delete-image);
                  mask-image:var(--editor-toolbar-delete-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          background-color:var(--editor-toolbar-fg-color);
          width:100%;
          height:100%;
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete:hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > *{
        height:var(--editor-toolbar-height);
      }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider){
        border:none;
        background-color:transparent;
        cursor:pointer;
      }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover{
          border-radius:2px;
          background-color:var(--editor-toolbar-hover-bg-color);
          color:var(--editor-toolbar-hover-fg-color);
          outline:var(--editor-toolbar-hover-outline);
          outline-offset:1px;
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover:active{
            outline:none;
          }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):focus-visible{
          border-radius:2px;
          outline:2px solid var(--editor-toolbar-focus-outline-color);
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{
        --alt-text-add-image:url(https://cdn-portal.hunyuan.tencent.com/59fe962b3e6bd8bfdda7.svg);
        --alt-text-done-image:url(https://cdn-portal.hunyuan.tencent.com/bb72d81b39be40898db2.svg);

        display:flex;
        align-items:center;
        justify-content:center;
        width:-moz-max-content;
        width:max-content;
        padding-inline:8px;
        pointer-events:all;
        font:menu;
        font-weight:590;
        font-size:12px;
        color:var(--editor-toolbar-fg-color);
      }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:disabled{
          pointer-events:none;
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText::before{
          content:"";
          -webkit-mask-image:var(--alt-text-add-image);
                  mask-image:var(--alt-text-add-image);
          -webkit-mask-repeat:no-repeat;
                  mask-repeat:no-repeat;
          -webkit-mask-position:center;
                  mask-position:center;
          display:inline-block;
          width:12px;
          height:13px;
          background-color:var(--editor-toolbar-fg-color);
          margin-inline-end:4px;
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:hover::before{
          background-color:var(--editor-toolbar-hover-fg-color);
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText.done::before{
          -webkit-mask-image:var(--alt-text-done-image);
                  mask-image:var(--alt-text-done-image);
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip{
          display:none;
        }

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
            --alt-text-tooltip-bg:#f0f0f4;
            --alt-text-tooltip-fg:#15141a;
            --alt-text-tooltip-border:#8f8f9d;
            --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2);

            display:inline-flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            position:absolute;
            top:calc(100% + 2px);
            inset-inline-start:0;
            padding-block:2px 3px;
            padding-inline:3px;
            max-width:300px;
            width:-moz-max-content;
            width:max-content;
            height:auto;
            font-size:12px;

            border:0.5px solid var(--alt-text-tooltip-border);
            background:var(--alt-text-tooltip-bg);
            box-shadow:var(--alt-text-tooltip-shadow);
            color:var(--alt-text-tooltip-fg);

            pointer-events:none;
          }

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) :is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
              --alt-text-tooltip-bg:#1c1b22;
              --alt-text-tooltip-fg:#fbfbfe;
              --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
          }
            }

:where(html.is-dark) :is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
              --alt-text-tooltip-bg:#1c1b22;
              --alt-text-tooltip-fg:#fbfbfe;
              --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a;
          }

@media screen and (forced-colors: active){

:is(.annotationEditorLayer
  :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{
              --alt-text-tooltip-bg:Canvas;
              --alt-text-tooltip-fg:CanvasText;
              --alt-text-tooltip-border:CanvasText;
              --alt-text-tooltip-shadow:none;
          }
            }

.annotationEditorLayer .freeTextEditor{
  padding:calc(var(--freetext-padding) * var(--scale-factor));
  width:auto;
  height:auto;
  touch-action:none;
}

.annotationEditorLayer .freeTextEditor .internal{
  background:transparent;
  border:none;
  inset:0;
  overflow:visible;
  white-space:nowrap;
  font:10px sans-serif;
  line-height:var(--freetext-line-height);
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.annotationEditorLayer .freeTextEditor .overlay{
  position:absolute;
  display:none;
  background:transparent;
  inset:0;
  width:100%;
  height:100%;
}

.annotationEditorLayer freeTextEditor .overlay.enabled{
  display:block;
}

.annotationEditorLayer .freeTextEditor .internal:empty::before{
  content:attr(default-content);
  color:gray;
}

.annotationEditorLayer .freeTextEditor .internal:focus{
  outline:none;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
}

.annotationEditorLayer .inkEditor{
  width:100%;
  height:100%;
}

.annotationEditorLayer .inkEditor.editing{
  cursor:inherit;
}

.annotationEditorLayer .inkEditor .inkEditorCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  touch-action:none;
}

.annotationEditorLayer .stampEditor{
  width:auto;
  height:auto;
}

.annotationEditorLayer .stampEditor canvas{
    position:absolute;
    width:100%;
    height:100%;
    margin:0;
    top:0;
    left:0;
  }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers{
      position:absolute;
      inset:0;
    }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers.hidden{
        display:none;
      }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer{
        width:var(--resizer-size);
        height:var(--resizer-size);
        background:content-box var(--resizer-bg-color);
        border:var(--focus-outline-around);
        border-radius:2px;
        position:absolute;
      }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topLeft{
          top:var(--resizer-shift);
          left:var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topMiddle{
          top:var(--resizer-shift);
          left:calc(50% + var(--resizer-shift));
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topRight{
          top:var(--resizer-shift);
          right:var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleRight{
          top:calc(50% + var(--resizer-shift));
          right:var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomRight{
          bottom:var(--resizer-shift);
          right:var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomMiddle{
          bottom:var(--resizer-shift);
          left:calc(50% + var(--resizer-shift));
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomLeft{
          bottom:var(--resizer-shift);
          left:var(--resizer-shift);
        }

.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleLeft{
          top:calc(50% + var(--resizer-shift));
          left:var(--resizer-shift);
        }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight{
        cursor:nwse-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle{
        cursor:ns-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft{
        cursor:nesw-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft{
        cursor:ew-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topLeft,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomRight{
        cursor:nesw-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topMiddle,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomMiddle,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomMiddle{
        cursor:ew-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.topRight,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.bottomLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.bottomLeft{
        cursor:nwse-resize;
      }

.annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleRight,
      .annotationEditorLayer[data-main-rotation="0"]
    :is([data-editor-rotation="90"], [data-editor-rotation="270"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="90"]
    :is([data-editor-rotation="0"], [data-editor-rotation="180"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="180"]
    :is([data-editor-rotation="270"], [data-editor-rotation="90"]) > .resizers > .resizer.middleLeft,
      .annotationEditorLayer[data-main-rotation="270"]
    :is([data-editor-rotation="180"], [data-editor-rotation="0"]) > .resizers > .resizer.middleLeft{
        cursor:ns-resize;
      }

.annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .editToolbar{
      rotate:270deg;
    }

[dir="ltr"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .editToolbar{
        inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

[dir="rtl"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="90"],
      [data-main-rotation="90"] [data-editor-rotation="0"],
      [data-main-rotation="180"] [data-editor-rotation="270"],
      [data-main-rotation="270"] [data-editor-rotation="180"]
    ) .editToolbar{
        inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

.annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="180"],
      [data-main-rotation="90"] [data-editor-rotation="90"],
      [data-main-rotation="180"] [data-editor-rotation="0"],
      [data-main-rotation="270"] [data-editor-rotation="270"]
    ) .editToolbar{
      rotate:180deg;
      inset-inline-end:100%;
      inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset));
    }

.annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .editToolbar{
      rotate:90deg;
    }

[dir="ltr"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .editToolbar{
        inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset));
        inset-block-start:100%;
      }

[dir="rtl"] .annotationEditorLayer
    :is(
      [data-main-rotation="0"] [data-editor-rotation="270"],
      [data-main-rotation="90"] [data-editor-rotation="180"],
      [data-main-rotation="180"] [data-editor-rotation="90"],
      [data-main-rotation="270"] [data-editor-rotation="0"]
    ) .editToolbar{
        inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset));
        inset-block-start:0;
      }

.dialog.altText::backdrop{
    -webkit-mask:url(#alttext-manager-mask);
            mask:url(#alttext-manager-mask);
  }

.dialog.altText.positioned{
    margin:0;
  }

.dialog.altText #altTextContainer{
    width:300px;
    height:-moz-fit-content;
    height:fit-content;
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }

.dialog.altText #altTextContainer #overallDescription{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
      align-self:stretch;
    }

.dialog.altText #altTextContainer #overallDescription span{
        align-self:stretch;
      }

.dialog.altText #altTextContainer #overallDescription .title{
        font-size:13px;
        font-style:normal;
        font-weight:590;
      }

.dialog.altText #altTextContainer #addDescription{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:8px;
    }

.dialog.altText #altTextContainer #addDescription .descriptionArea{
        flex:1;
        padding-inline:24px 10px;
      }

.dialog.altText #altTextContainer #addDescription .descriptionArea textarea{
          width:100%;
          min-height:75px;
        }

.dialog.altText #altTextContainer #buttons{
      display:flex;
      justify-content:flex-end;
      align-items:flex-start;
      gap:8px;
      align-self:stretch;
    }

.colorPicker{
  --hover-outline-color:#0250bb;
  --selected-outline-color:#0060df;
  --swatch-border-color:#cfcfd8;
}

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) .colorPicker{
    --hover-outline-color:#80ebff;
    --selected-outline-color:#aaf2ff;
    --swatch-border-color:#52525e;
}
  }

:where(html.is-dark) .colorPicker{
    --hover-outline-color:#80ebff;
    --selected-outline-color:#aaf2ff;
    --swatch-border-color:#52525e;
}

@media screen and (forced-colors: active){

.colorPicker{
    --hover-outline-color:Highlight;
    --selected-outline-color:var(--hover-outline-color);
    --swatch-border-color:ButtonText;
}
  }

.colorPicker .swatch{
    width:16px;
    height:16px;
    border:1px solid var(--swatch-border-color);
    border-radius:100%;
    outline-offset:2px;
    box-sizing:border-box;
    forced-color-adjust:none;
  }

.colorPicker button:is(:hover, .selected) > .swatch{
    border:none;
  }

.annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{
      rotate:0deg;
    }

.annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar{
      rotate:270deg;
    }

.annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar{
      rotate:180deg;
    }

.annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar{
      rotate:90deg;
    }

.annotationEditorLayer .highlightEditor{
    position:absolute;
    background:transparent;
    z-index:1;
    cursor:auto;
    max-width:100%;
    max-height:100%;
    border:none;
    outline:none;
    pointer-events:none;
    transform-origin:0 0;
  }

.annotationEditorLayer .highlightEditor:not(.free){
      transform:none;
    }

.annotationEditorLayer .highlightEditor .internal{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      pointer-events:auto;
    }

.annotationEditorLayer .highlightEditor.disabled .internal{
      pointer-events:none;
    }

.annotationEditorLayer .highlightEditor.selectedEditor .internal{
        cursor:pointer;
      }

.annotationEditorLayer .highlightEditor .editToolbar{
      --editor-toolbar-colorpicker-arrow-image:url(https://cdn-portal.hunyuan.tencent.com/76692c54994797ddfb04.svg);

      transform-origin:center !important;
    }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker{
          position:relative;
          width:auto;
          display:flex;
          justify-content:center;
          align-items:center;
          gap:4px;
          padding:4px;
        }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker::after{
            content:"";
            -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image);
                    mask-image:var(--editor-toolbar-colorpicker-arrow-image);
            -webkit-mask-repeat:no-repeat;
                    mask-repeat:no-repeat;
            -webkit-mask-position:center;
                    mask-position:center;
            display:inline-block;
            background-color:var(--editor-toolbar-fg-color);
            width:12px;
            height:12px;
          }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:hover::after{
            background-color:var(--editor-toolbar-hover-fg-color);
          }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)){
            background-color:var(--editor-toolbar-hover-bg-color);
          }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after{
              scale:-1;
            }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown{
            position:absolute;
            display:flex;
            justify-content:center;
            align-items:center;
            flex-direction:column;
            gap:11px;
            padding-block:8px;
            border-radius:6px;
            background-color:var(--editor-toolbar-bg-color);
            border:1px solid var(--editor-toolbar-border-color);
            box-shadow:var(--editor-toolbar-shadow);
            inset-block-start:calc(100% + 4px);
            width:calc(100% + 2 * var(--editor-toolbar-padding));
          }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button{
              width:100%;
              height:auto;
              border:none;
              cursor:pointer;
              display:flex;
              justify-content:center;
              align-items:center;
              background:none;
            }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible){
                outline:none;
              }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch{
                outline-offset:2px;
              }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected="true"] > .swatch{
                outline:2px solid var(--selected-outline-color);
              }

.annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
                outline:2px solid var(--hover-outline-color);
              }

.editorParamsToolbar:has(#highlightParamsToolbarContainer){
  padding:unset;
}

#highlightParamsToolbarContainer{
  height:auto;
  padding-inline:10px;
  padding-block:10px 16px;
  gap:16px;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}

#highlightParamsToolbarContainer .editorParamsLabel{
    width:-moz-fit-content;
    width:fit-content;
    inset-inline-start:0;
  }

#highlightParamsToolbarContainer .colorPicker{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

#highlightParamsToolbarContainer .colorPicker .dropdown{
      display:flex;
      justify-content:space-between;
      align-items:center;
      flex-direction:row;
      height:auto;
    }

#highlightParamsToolbarContainer .colorPicker .dropdown button{
        width:auto;
        height:auto;
        border:none;
        cursor:pointer;
        display:flex;
        justify-content:center;
        align-items:center;
        background:none;
        flex:0 0 auto;
      }

#highlightParamsToolbarContainer .colorPicker .dropdown button .swatch{
          width:24px;
          height:24px;
        }

#highlightParamsToolbarContainer .colorPicker .dropdown button:is(:active, :focus-visible){
          outline:none;
        }

#highlightParamsToolbarContainer .colorPicker .dropdown button[aria-selected="true"] > .swatch{
          outline:2px solid var(--selected-outline-color);
        }

#highlightParamsToolbarContainer .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{
          outline:2px solid var(--hover-outline-color);
        }

#highlightParamsToolbarContainer #editorHighlightThickness{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    align-self:stretch;
  }

#highlightParamsToolbarContainer #editorHighlightThickness .editorParamsLabel{
      width:100%;
      height:auto;
      align-self:stretch;
    }

#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;

      --example-color:#bfbfc9;
    }

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
        --example-color:#80808e;
    }
      }

:where(html.is-dark) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
        --example-color:#80808e;
    }

@media screen and (forced-colors: active){

#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{
        --example-color:CanvasText;
    }
      }

:is(#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker > .editorParamsSlider[disabled]){
        opacity:0.4;
      }

#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::before,
      #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
        content:"";
        width:8px;
        aspect-ratio:1;
        display:block;
        border-radius:100%;
        background-color:var(--example-color);
      }

#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{
        width:24px;
      }

#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker .editorParamsSlider{
        width:unset;
        height:14px;
      }

#highlightParamsToolbarContainer #editorHighlightVisibility{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    align-self:stretch;
  }

#highlightParamsToolbarContainer #editorHighlightVisibility .divider{
      --divider-color:#d7d7db;

      margin-block:4px;
      width:100%;
      height:1px;
      background-color:var(--divider-color);
    }

@media (prefers-color-scheme: dark){

:where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
        --divider-color:#8f8f9d;
    }
      }

:where(html.is-dark) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{
        --divider-color:#8f8f9d;
    }

@media screen and (forced-colors: active){

#highlightParamsToolbarContainer #editorHighlightVisibility .divider{
        --divider-color:CanvasText;
    }
      }

#highlightParamsToolbarContainer #editorHighlightVisibility .toggler{
      display:flex;
      justify-content:space-between;
      align-items:center;
      align-self:stretch;
    }

:root{
  --viewer-container-height:0;
  --pdfViewer-padding-bottom:0;
  --page-margin:0 auto 24px;
  --page-border:9px solid transparent;
  --spreadHorizontalWrapped-margin-LR:-3.5px;
  --loading-icon-delay:400ms;
}

@media screen and (forced-colors: active){
  :root{
    --pdfViewer-padding-bottom:9px;
    --page-margin:0 auto 24px;
    --page-border:1px solid CanvasText;
    --spreadHorizontalWrapped-margin-LR:3.5px;
  }
}

[data-main-rotation="90"]{
  transform:rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"]{
  transform:rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"]{
  transform:rotate(270deg) translateX(-100%);
}

#hiddenCopyElement,
.hiddenCanvasElement{
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  display:none;
}

.pdfViewer{
  --scale-factor:1;

  padding-bottom:var(--pdfViewer-padding-bottom);

  --hcm-highlight-filter:none;
  --hcm-highlight-selected-filter:none;
}

@media screen and (forced-colors: active){

.pdfViewer{
    --hcm-highlight-filter:invert(100%);
}
  }

.pdfViewer.copyAll{
    cursor:wait;
  }

.pdfViewer .canvasWrapper{
    overflow:hidden;
    width:100%;
    height:100%;
  }

.pdfViewer .canvasWrapper canvas{
      margin:0;
      display:block;
    }

.pdfViewer .canvasWrapper canvas[hidden]{
        display:none;
      }

.pdfViewer .canvasWrapper canvas[zooming]{
        width:100%;
        height:100%;
      }

.pdfViewer .canvasWrapper canvas .structTree{
        contain:strict;
      }

.pdfViewer .page{
  direction:ltr;
  width:816px;
  height:1056px;
  margin:var(--page-margin);
  position:relative;
  overflow:visible;
  border:var(--page-border);
  background-clip:content-box;
  background-color:rgb(255 255 255);
}

.pdfViewer .dummyPage{
  position:relative;
  width:0;
  height:var(--viewer-container-height);
}

.pdfViewer.noUserSelect{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.pdfViewer.removePageBorders .page{
  margin:0 auto 10px;
  border:none;
}

.pdfViewer:is(.scrollHorizontal, .scrollWrapped),
.spread{
  margin-inline:3.5px;
  text-align:center;
}

.pdfViewer.scrollHorizontal,
.spread{
  white-space:nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread{
  margin-inline:0;
}

.spread :is(.page, .dummyPage),
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread){
  display:inline-block;
  vertical-align:middle;
}

.spread .page,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page{
  margin-inline:var(--spreadHorizontalWrapped-margin-LR);
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page{
  margin-inline:5px;
}

.pdfViewer .page.loadingIcon::after{
  position:absolute;
  top:0;
  left:0;
  content:"";
  width:100%;
  height:100%;
  background:url(https://cdn-portal.hunyuan.tencent.com/ff2dfa442d903d9d5e30.gif) center no-repeat;
  display:none;
  transition-property:display;
  transition-delay:var(--loading-icon-delay);
  z-index:5;
  contain:strict;
}

.pdfViewer .page.loading::after{
  display:block;
}

.pdfViewer .page:not(.loading)::after{
  transition-property:none;
  display:none;
}

.pdfPresentationMode .pdfViewer{
  padding-bottom:0;
}

.pdfPresentationMode .spread{
  margin:0;
}

.pdfPresentationMode .pdfViewer .page{
  margin:0 auto;
  border:2px solid transparent;
}

:root{
  --dir-factor:1;
  --inline-start:left;
  --inline-end:right;

  --sidebar-width:254px;
  --sidebar-transition-duration:200ms;
  --sidebar-transition-timing-function:ease;

  --toolbar-icon-opacity:0.7;
  --doorhanger-icon-opacity:0.9;
  --editor-toolbar-base-offset:105px;

  --main-color:rgb(12 12 13);
  --body-bg-color:rgb(212 212 215);
  --progressBar-color:rgb(10 132 255);
  --progressBar-bg-color:rgb(221 221 222);
  --progressBar-blend-color:rgb(116 177 239);
  --scrollbar-color:auto;
  --scrollbar-bg-color:auto;
  --toolbar-icon-bg-color:rgb(0 0 0);
  --toolbar-icon-hover-bg-color:rgb(0 0 0);

  --sidebar-narrow-bg-color:rgb(212 212 215 / 0.9);
  --sidebar-toolbar-bg-color:rgb(245 246 247);
  --toolbar-bg-color:rgb(249 249 250);
  --toolbar-border-color:rgb(184 184 184);
  --toolbar-box-shadow:0 1px 0 var(--toolbar-border-color);
  --toolbar-border-bottom:none;
  --toolbarSidebar-box-shadow:inset calc(-1px * var(--dir-factor)) 0 0 rgb(0 0 0 / 0.25), 0 1px 0 rgb(0 0 0 / 0.15), 0 0 1px rgb(0 0 0 / 0.1);
  --toolbarSidebar-border-bottom:none;
  --button-hover-color:rgb(221 222 223);
  --toggled-btn-color:rgb(0 0 0);
  --toggled-btn-bg-color:rgb(0 0 0 / 0.3);
  --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4);
  --toggled-hover-btn-outline:none;
  --dropdown-btn-bg-color:rgb(215 215 219);
  --dropdown-btn-border:none;
  --separator-color:rgb(0 0 0 / 0.3);
  --field-color:rgb(6 6 6);
  --field-bg-color:rgb(255 255 255);
  --field-border-color:rgb(187 187 188);
  --treeitem-color:rgb(0 0 0 / 0.8);
  --treeitem-bg-color:rgb(0 0 0 / 0.15);
  --treeitem-hover-color:rgb(0 0 0 / 0.9);
  --treeitem-selected-color:rgb(0 0 0 / 0.9);
  --treeitem-selected-bg-color:rgb(0 0 0 / 0.25);
  --thumbnail-hover-color:rgb(0 0 0 / 0.1);
  --thumbnail-selected-color:rgb(0 0 0 / 0.2);
  --doorhanger-bg-color:rgb(255 255 255);
  --doorhanger-border-color:rgb(12 12 13 / 0.2);
  --doorhanger-hover-color:rgb(12 12 13);
  --doorhanger-hover-bg-color:rgb(237 237 237);
  --doorhanger-separator-color:rgb(222 222 222);
  --dialog-button-border:none;
  --dialog-button-bg-color:rgb(12 12 13 / 0.1);
  --dialog-button-hover-bg-color:rgb(12 12 13 / 0.3);

  --loading-icon:url(https://cdn-portal.hunyuan.tencent.com/3c14f85dc1c812d2d728.svg);
  --treeitem-expanded-icon:url(https://cdn-portal.hunyuan.tencent.com/5a0d39f4f5a65c621dbe.svg);
  --treeitem-collapsed-icon:url(https://cdn-portal.hunyuan.tencent.com/6adf7ff4167ab6e1a87f.svg);
  --toolbarButton-editorFreeText-icon:url(https://cdn-portal.hunyuan.tencent.com/6a31ccdb81d1a89d834a.svg);
  --toolbarButton-editorHighlight-icon:url(https://cdn-portal.hunyuan.tencent.com/42e4e1954f25f8c7b965.svg);
  --toolbarButton-editorInk-icon:url(https://cdn-portal.hunyuan.tencent.com/fd1c2c2f673bf7c5b11e.svg);
  --toolbarButton-editorStamp-icon:url(https://cdn-portal.hunyuan.tencent.com/42d1926112a533acfc00.svg);
  --toolbarButton-menuArrow-icon:url(https://cdn-portal.hunyuan.tencent.com/76692c54994797ddfb04.svg);
  --toolbarButton-sidebarToggle-icon:url(https://cdn-portal.hunyuan.tencent.com/5c6da2aacfe4ec0f1fa9.svg);
  --toolbarButton-secondaryToolbarToggle-icon:url(https://cdn-portal.hunyuan.tencent.com/a415dce353c3feaeeff1.svg);
  --toolbarButton-pageUp-icon:url(https://cdn-portal.hunyuan.tencent.com/490197548b52bcdda7d4.svg);
  --toolbarButton-pageDown-icon:url(https://cdn-portal.hunyuan.tencent.com/2ef94bf18d79d33c1956.svg);
  --toolbarButton-zoomOut-icon:url(https://cdn-portal.hunyuan.tencent.com/e423790ce0d47a81b69a.svg);
  --toolbarButton-zoomIn-icon:url(https://cdn-portal.hunyuan.tencent.com/fe569fb3bf1e1ac0e771.svg);
  --toolbarButton-presentationMode-icon:url(https://cdn-portal.hunyuan.tencent.com/a87e3dbf606e36836044.svg);
  --toolbarButton-print-icon:url(https://cdn-portal.hunyuan.tencent.com/1fef10623eb8815daeec.svg);
  --toolbarButton-openFile-icon:url(https://cdn-portal.hunyuan.tencent.com/9ce8a798059a53d114d2.svg);
  --toolbarButton-download-icon:url(https://cdn-portal.hunyuan.tencent.com/ef031f947d3be08b88c2.svg);
  --toolbarButton-bookmark-icon:url(https://cdn-portal.hunyuan.tencent.com/77b3a656de7fc4ed97a4.svg);
  --toolbarButton-viewThumbnail-icon:url(https://cdn-portal.hunyuan.tencent.com/61616f18b2e8684c7834.svg);
  --toolbarButton-viewOutline-icon:url(https://cdn-portal.hunyuan.tencent.com/211d2d6fe3604a9a520c.svg);
  --toolbarButton-viewAttachments-icon:url(https://cdn-portal.hunyuan.tencent.com/c9dc2a6d0f9e1e7533bc.svg);
  --toolbarButton-viewLayers-icon:url(https://cdn-portal.hunyuan.tencent.com/d9820fcb925358884b24.svg);
  --toolbarButton-currentOutlineItem-icon:url(https://cdn-portal.hunyuan.tencent.com/b3f42e9824f129eefaac.svg);
  --toolbarButton-search-icon:url(https://cdn-portal.hunyuan.tencent.com/547dbbef85fc9a90a101.svg);
  --findbarButton-previous-icon:url(https://cdn-portal.hunyuan.tencent.com/d1481b14f791a1eef18b.svg);
  --findbarButton-next-icon:url(https://cdn-portal.hunyuan.tencent.com/08100b30c685a37c29b2.svg);
  --secondaryToolbarButton-firstPage-icon:url(https://cdn-portal.hunyuan.tencent.com/59a496e49cf2678c7c14.svg);
  --secondaryToolbarButton-lastPage-icon:url(https://cdn-portal.hunyuan.tencent.com/d446089081144afb12c5.svg);
  --secondaryToolbarButton-rotateCcw-icon:url(https://cdn-portal.hunyuan.tencent.com/6bb52f435123a9a0f50c.svg);
  --secondaryToolbarButton-rotateCw-icon:url(https://cdn-portal.hunyuan.tencent.com/669b1d839d36fbbf199a.svg);
  --secondaryToolbarButton-selectTool-icon:url(https://cdn-portal.hunyuan.tencent.com/bd968e9282f04c35fec8.svg);
  --secondaryToolbarButton-handTool-icon:url(https://cdn-portal.hunyuan.tencent.com/ebc3c24e8ad45915fae9.svg);
  --secondaryToolbarButton-scrollPage-icon:url(https://cdn-portal.hunyuan.tencent.com/3a8a253091b23851dce7.svg);
  --secondaryToolbarButton-scrollVertical-icon:url(https://cdn-portal.hunyuan.tencent.com/8d2e476a02756eb47c48.svg);
  --secondaryToolbarButton-scrollHorizontal-icon:url(https://cdn-portal.hunyuan.tencent.com/8092242c154e745b9d4c.svg);
  --secondaryToolbarButton-scrollWrapped-icon:url(https://cdn-portal.hunyuan.tencent.com/f1ee8ef44d94d9ebe30e.svg);
  --secondaryToolbarButton-spreadNone-icon:url(https://cdn-portal.hunyuan.tencent.com/21b44472b437ad7ba03c.svg);
  --secondaryToolbarButton-spreadOdd-icon:url(https://cdn-portal.hunyuan.tencent.com/08b3b3eb6460d57a04bd.svg);
  --secondaryToolbarButton-spreadEven-icon:url(https://cdn-portal.hunyuan.tencent.com/de44a22d2cb992ecc9ba.svg);
  --secondaryToolbarButton-documentProperties-icon:url(https://cdn-portal.hunyuan.tencent.com/3f49c26d053bd50dc5ca.svg);
  --editorParams-stampAddImage-icon:url(https://cdn-portal.hunyuan.tencent.com/fe569fb3bf1e1ac0e771.svg);
}

[dir="rtl"]:root{
  --dir-factor:-1;
  --inline-start:right;
  --inline-end:left;
}

@media screen and (forced-colors: active){
  :root{
    --button-hover-color:Highlight;
    --doorhanger-hover-bg-color:Highlight;
    --toolbar-icon-opacity:1;
    --toolbar-icon-bg-color:ButtonText;
    --toolbar-icon-hover-bg-color:ButtonFace;
    --toggled-hover-active-btn-color:ButtonText;
    --toggled-hover-btn-outline:2px solid ButtonBorder;
    --toolbar-border-color:CanvasText;
    --toolbar-border-bottom:1px solid var(--toolbar-border-color);
    --toolbar-box-shadow:none;
    --toggled-btn-color:HighlightText;
    --toggled-btn-bg-color:LinkText;
    --doorhanger-hover-color:ButtonFace;
    --doorhanger-border-color-whcm:1px solid ButtonText;
    --doorhanger-triangle-opacity-whcm:0;
    --dialog-button-border:1px solid Highlight;
    --dialog-button-hover-bg-color:Highlight;
    --dialog-button-hover-color:ButtonFace;
    --dropdown-btn-border:1px solid ButtonText;
    --field-border-color:ButtonText;
    --main-color:CanvasText;
    --separator-color:GrayText;
    --doorhanger-separator-color:GrayText;
    --toolbarSidebar-box-shadow:none;
    --toolbarSidebar-border-bottom:1px solid var(--toolbar-border-color);
  }
}

@media screen and (prefers-reduced-motion: reduce){
  :root{
    --sidebar-transition-duration:0;
  }
}

*{
  padding:0;
  margin:0;
}

html,
body{
  height:100%;
  width:100%;
}

body{
  /* background-color:var(--body-bg-color); */
  scrollbar-color:var(--scrollbar-color) var(--scrollbar-bg-color);
}

body.wait::before{
    content:"";
    position:fixed;
    width:100%;
    height:100%;
    z-index:100000;
    cursor:wait;
  }

.hidden,
[hidden]{
  display:none !important;
}

[id^='viewerContainer__'].pdfPresentationMode:-webkit-full-screen{
  top:0;
  background-color:rgb(0 0 0);
  width:100%;
  height:100%;
  overflow:hidden;
  cursor:none;
  -webkit-user-select:none;
          user-select:none;
}

[id^='viewerContainer__'].pdfPresentationMode:fullscreen{
  top:0;
  background-color:rgb(0 0 0);
  width:100%;
  height:100%;
  overflow:hidden;
  cursor:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.pdfPresentationMode:-webkit-full-screen section:not([data-internal-link]){
  pointer-events:none;
}

.pdfPresentationMode:fullscreen section:not([data-internal-link]){
  pointer-events:none;
}

.pdfPresentationMode:-webkit-full-screen .textLayer span{
  cursor:none;
}

.pdfPresentationMode:fullscreen .textLayer span{
  cursor:none;
}

.pdfPresentationMode.pdfPresentationModeControls > *,
.pdfPresentationMode.pdfPresentationModeControls .textLayer span{
  cursor:default;
}

[id^='outerContainer__']{
  width:100%;
  height:100%;
  position:relative;
}

[id^="sidebarContainer__"]{
  position:absolute;
  inset-block:32px 0;
  inset-inline-start:calc(-1 * var(--sidebar-width));
  width:var(--sidebar-width);
  visibility:hidden;
  z-index:100;
  font:message-box;
  border-top:1px solid rgb(51 51 51);
  border-inline-end:var(--doorhanger-border-color-whcm);
  transition-property:inset-inline-start;
  transition-duration:var(--sidebar-transition-duration);
  transition-timing-function:var(--sidebar-transition-timing-function);
}

[id^='outerContainer__']:is(.sidebarMoving, .sidebarOpen) [id^="sidebarContainer__"]{
  visibility:visible;
}
[id^='outerContainer__'].sidebarOpen [id^="sidebarContainer__"]{
  inset-inline-start:0;
}

.app-pdf-sidebarContent{
  inset-block:32px 0;
  inset-inline-start:0;
  overflow:auto;
  position:absolute;
  width:100%;
  box-shadow:inset calc(-1px * var(--dir-factor)) 0 0 rgb(0 0 0 / 0.25);
}

[id^='viewerContainer__']{
  overflow:auto;
  position:absolute;
  inset:32px 0 0;
  outline:none;
}
[id^='viewerContainer__']:not(.pdfPresentationMode){
  transition-duration:var(--sidebar-transition-duration);
  transition-timing-function:var(--sidebar-transition-timing-function);
}

[id^='outerContainer__'].sidebarOpen [id^='viewerContainer__']:not(.pdfPresentationMode){
  inset-inline-start:var(--sidebar-width);
  transition-property:inset-inline-start;
}

.toolbar{
  position:relative;
  inset-inline:0;
  z-index:9999;
  cursor:default;
  font:message-box;
}

:is(.toolbar, .editorParamsToolbar, .findbar, [id^="sidebarContainer__"])
  :is(input, button, select),
.secondaryToolbar :is(input, button, a, select){
  outline:none;
  font:message-box;
}

#toolbarSidebar{
  width:100%;
  height:32px;
  background-color:var(--sidebar-toolbar-bg-color);
  box-shadow:var(--toolbarSidebar-box-shadow);
  border-bottom:var(--toolbarSidebar-border-bottom);
}

#sidebarResizer{
  position:absolute;
  inset-block:0;
  inset-inline-end:-6px;
  width:6px;
  z-index:200;
  cursor:ew-resize;
}

.findbar,
.secondaryToolbar,
.editorParamsToolbar{
  position:relative;
  height:32px;
  background-color:var(--toolbar-bg-color);
  box-shadow:var(--toolbar-box-shadow);
  border-bottom:var(--toolbar-border-bottom);
}

.app-pdf-toolbarViewer{
  height:32px;
}

[id^="loadingBar__"]{
  --progressBar-percent:0%;
  --progressBar-end-offset:0;

  position:absolute;
  inset-inline:0 var(--progressBar-end-offset);
  height:4px;
  background-color:var(--progressBar-bg-color);
  border-bottom:1px solid var(--toolbar-border-color);
  transition-property:inset-inline-start;
  transition-duration:var(--sidebar-transition-duration);
  transition-timing-function:var(--sidebar-transition-timing-function);
}

[id^='outerContainer__'].sidebarOpen [id^="loadingBar__"]{
  inset-inline-start:var(--sidebar-width);
}

[id^="loadingBar__"] .progress{
  position:absolute;
  top:0;
  inset-inline-start:0;
  width:100%;
  transform:scaleX(var(--progressBar-percent));
  transform-origin:calc(50% - 50% * var(--dir-factor)) 0;
  height:100%;
  background-color:var(--progressBar-color);
  overflow:hidden;
  transition:transform 200ms;
}

@keyframes progressIndeterminate{
  0%{
    transform:translateX(calc(-142px * var(--dir-factor)));
  }
  100%{
    transform:translateX(0);
  }
}

[id^="loadingBar__"].indeterminate .progress{
  transform:none;
  background-color:var(--progressBar-bg-color);
  transition:none;
}

[id^="loadingBar__"].indeterminate .progress .glimmer{
  position:absolute;
  top:0;
  inset-inline-start:0;
  height:100%;
  width:calc(100% + 150px);
  background:repeating-linear-gradient(
    135deg,
    var(--progressBar-blend-color) 0,
    var(--progressBar-bg-color) 5px,
    var(--progressBar-bg-color) 45px,
    var(--progressBar-color) 55px,
    var(--progressBar-color) 95px,
    var(--progressBar-blend-color) 100px
  );
  animation:progressIndeterminate 1s linear infinite;
}

[id^='outerContainer__'].sidebarResizing
  :is([id^="sidebarContainer__"], [id^='viewerContainer__'], [id^="loadingBar__"]){
  transition-duration:0s;
}

.findbar,
.secondaryToolbar,
.editorParamsToolbar{
  top:32px;
  position:absolute;
  z-index:30000;
  height:auto;
  padding:0 4px;
  margin:4px 2px;
  font:message-box;
  font-size:12px;
  line-height:14px;
  text-align:left;
  cursor:default;
}

.findbar{
  inset-inline-start:64px;
  min-width:300px;
  background-color:var(--toolbar-bg-color);
}
.findbar > div{
  height:32px;
}
.findbar > div#findbarInputContainer{
  margin-inline-end:4px;
}
.findbar.wrapContainers > div,
.findbar.wrapContainers > div#findbarMessageContainer > *{
  clear:both;
}
.findbar.wrapContainers > div#findbarMessageContainer{
  height:auto;
}

.findbar input[type="checkbox"]{
  pointer-events:none;
}

.findbar label{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.findbar label:hover,
.findbar input:focus-visible + label{
  color:var(--toggled-btn-color);
  background-color:var(--button-hover-color);
}

.findbar .toolbarField[type="checkbox"]:checked + .toolbarLabel{
  background-color:var(--toggled-btn-bg-color) !important;
  color:var(--toggled-btn-color);
}

#findInput{
  width:200px;
}

#findInput::-moz-placeholder{
    font-style:normal;
  }

#findInput::placeholder{
    font-style:normal;
  }

.loadingInput:has(> #findInput[data-status="pending"])::after{
    display:block;
    visibility:visible;
  }

#findInput[data-status="notFound"]{
    background-color:rgb(255 102 102);
  }

.secondaryToolbar,
.editorParamsToolbar{
  padding:6px 0 10px;
  inset-inline-end:4px;
  height:auto;
  background-color:var(--doorhanger-bg-color);
}

.editorParamsToolbarContainer{
  width:220px;
  margin-bottom:-4px;
}

.editorParamsToolbarContainer > .editorParamsSetter{
  min-height:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-inline:10px;
}

.editorParamsToolbarContainer .editorParamsLabel{
  padding-inline-end:10px;
  flex:none;
  font:menu;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  color:var(--main-color);
}

.editorParamsToolbarContainer .editorParamsColor{
  width:32px;
  height:32px;
  flex:none;
}

.editorParamsToolbarContainer .editorParamsSlider{
  background-color:transparent;
  width:90px;
  flex:0 1 0;
}

.editorParamsToolbarContainer .editorParamsSlider::-moz-range-progress{
  background-color:black;
}

.editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-runnable-track,
.editorParamsToolbarContainer .editorParamsSlider::-moz-range-track{
  background-color:black;
}

.editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-thumb,
.editorParamsToolbarContainer .editorParamsSlider::-moz-range-thumb{
  background-color:white;
}

#secondaryToolbarButtonContainer{
  max-width:220px;
  min-height:26px;
  max-height:calc(var(--viewer-container-height) - 40px);
  overflow-y:auto;
  margin-bottom:-4px;
}

#editorStampParamsToolbar{
  inset-inline-end:calc(var(--editor-toolbar-base-offset) + 0px);
}

#editorInkParamsToolbar{
  inset-inline-end:calc(var(--editor-toolbar-base-offset) + 28px);
}

#editorFreeTextParamsToolbar{
  inset-inline-end:calc(var(--editor-toolbar-base-offset) + 56px);
}

#editorHighlightParamsToolbar{
  inset-inline-end:calc(var(--editor-toolbar-base-offset) + 84px);
}

#editorStampAddImage::before{
  -webkit-mask-image:var(--editorParams-stampAddImage-icon);
          mask-image:var(--editorParams-stampAddImage-icon);
}

.doorHanger,
.doorHangerRight{
  border-radius:2px;
  box-shadow:0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color);
  border:var(--doorhanger-border-color-whcm);
}
:is(.doorHanger, .doorHangerRight)::after,
:is(.doorHanger, .doorHangerRight)::before{
  bottom:100%;
  border:8px solid rgb(0 0 0 / 0);
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  opacity:var(--doorhanger-triangle-opacity-whcm);
}
.doorHanger::after{
  inset-inline-start:10px;
  margin-inline-start:-8px;
  border-bottom-color:var(--toolbar-bg-color);
}
.doorHangerRight::after{
  inset-inline-end:10px;
  margin-inline-end:-8px;
  border-bottom-color:var(--doorhanger-bg-color);
}
:is(.doorHanger, .doorHangerRight)::before{
  border-bottom-color:var(--doorhanger-border-color);
  border-width:9px;
}
.doorHanger::before{
  inset-inline-start:10px;
  margin-inline-start:-9px;
}
.doorHangerRight::before{
  inset-inline-end:10px;
  margin-inline-end:-9px;
}

#findResultsCount{
  background-color:rgb(217 217 217);
  color:rgb(82 82 82);
  text-align:center;
  padding:4px 5px;
  margin:5px;
}

#findMsg[data-status="notFound"]{
  font-weight:bold;
}

:is(#findResultsCount, #findMsg):empty{
  display:none;
}

.app-pdf-toolbarViewerMiddle{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}

.app-pdf-toolbarViewerLeft,
#toolbarSidebarLeft{
  float:var(--inline-start);
}
.app-pdf-toolbarViewerRight,
#toolbarSidebarRight{
  float:var(--inline-end);
}

.app-pdf-toolbarViewerLeft > *,
.app-pdf-toolbarViewerMiddle > *,
.app-pdf-toolbarViewerRight > *,
#toolbarSidebarLeft *,
#toolbarSidebarRight *,
.findbar *{
  position:relative;
  float:var(--inline-start);
}

.app-pdf-toolbarViewerLeft{
  padding-inline-start:1px;
}
.app-pdf-toolbarViewerRight{
  padding-inline-end:1px;
}
#toolbarSidebarRight{
  padding-inline-end:2px;
}

.splitToolbarButton{
  margin:2px;
  display:inline-block;
}
.splitToolbarButton > .toolbarButton{
  float:var(--inline-start);
}

.toolbarButton,
.secondaryToolbarButton,
.dialogButton{
  border:none;
  background:none;
  width:28px;
  height:28px;
  outline:none;
}

.dialogButton:is(:hover, :focus-visible){
  background-color:var(--dialog-button-hover-bg-color);
}

.dialogButton:is(:hover, :focus-visible) > span{
  color:var(--dialog-button-hover-color);
}

.toolbarButton > span{
  display:inline-block;
  width:0;
  height:0;
  overflow:hidden;
}

:is(.toolbarButton, .secondaryToolbarButton, .dialogButton)[disabled]{
  opacity:0.5;
}

.splitToolbarButton > .toolbarButton:is(:hover, :focus-visible),
.dropdownToolbarButton:hover{
  background-color:var(--button-hover-color);
}
.splitToolbarButton > .toolbarButton{
  position:relative;
  margin:0;
}
#toolbarSidebar .splitToolbarButton > .toolbarButton{
  margin-inline-end:2px;
}

.splitToolbarButtonSeparator{
  float:var(--inline-start);
  margin:4px 0;
  width:1px;
  height:20px;
  background-color:var(--separator-color);
}

.toolbarButton,
.dropdownToolbarButton,
.secondaryToolbarButton,
.dialogButton{
  min-width:16px;
  margin:2px 1px;
  padding:2px 6px 0;
  border:none;
  border-radius:2px;
  color:var(--main-color);
  font-size:12px;
  line-height:14px;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  cursor:default;
  box-sizing:border-box;
}

.toolbarButton:is(:hover, :focus-visible){
  background-color:var(--button-hover-color);
}
.secondaryToolbarButton:is(:hover, :focus-visible){
  background-color:var(--doorhanger-hover-bg-color);
  color:var(--doorhanger-hover-color);
}

:is(.toolbarButton, .secondaryToolbarButton).toggled,
.splitToolbarButton.toggled > .toolbarButton.toggled{
  background-color:var(--toggled-btn-bg-color);
  color:var(--toggled-btn-color);
}

:is(.toolbarButton, .secondaryToolbarButton).toggled:hover,
.splitToolbarButton.toggled > .toolbarButton.toggled:hover{
  outline:var(--toggled-hover-btn-outline) !important;
}

:is(.toolbarButton, .secondaryToolbarButton).toggled::before{
  background-color:var(--toggled-btn-color);
}

:is(.toolbarButton, .secondaryToolbarButton).toggled:hover:active,
.splitToolbarButton.toggled > .toolbarButton.toggled:hover:active{
  background-color:var(--toggled-hover-active-btn-color);
}

.dropdownToolbarButton{
  display:flex;
  width:-moz-fit-content;
  width:fit-content;
  min-width:140px;
  padding:0;
  background-color:var(--dropdown-btn-bg-color);
  border:var(--dropdown-btn-border);
}
.dropdownToolbarButton::after{
  top:6px;
  inset-inline-end:6px;
  pointer-events:none;
  -webkit-mask-image:var(--toolbarButton-menuArrow-icon);
          mask-image:var(--toolbarButton-menuArrow-icon);
}

.dropdownToolbarButton > select{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  width:inherit;
  min-width:inherit;
  height:28px;
  font-size:12px;
  color:var(--main-color);
  margin:0;
  padding-block:1px 2px;
  padding-inline:6px 38px;
  border:none;
  background-color:var(--dropdown-btn-bg-color);
}
.dropdownToolbarButton > select:is(:hover, :focus-visible){
  background-color:var(--button-hover-color);
  color:var(--toggled-btn-color);
}
.dropdownToolbarButton > select > option{
  background:var(--doorhanger-bg-color);
  color:var(--main-color);
}

.toolbarButtonSpacer{
  width:30px;
  display:inline-block;
  height:1px;
}

:is(.toolbarButton, .secondaryToolbarButton, .treeItemToggler)::before,
.dropdownToolbarButton::after{
  position:absolute;
  display:inline-block;
  width:16px;
  height:16px;

  content:"";
  background-color:var(--toolbar-icon-bg-color);
  -webkit-mask-size:cover;
          mask-size:cover;
}

.dropdownToolbarButton:is(:hover, :focus-visible, :active)::after{
  background-color:var(--toolbar-icon-hover-bg-color);
}

.toolbarButton::before{
  opacity:var(--toolbar-icon-opacity);
  top:6px;
  left:6px;
}

.toolbarButton:is(:hover, :focus-visible)::before,
.secondaryToolbarButton:is(:hover, :focus-visible)::before{
  background-color:var(--toolbar-icon-hover-bg-color);
}

.secondaryToolbarButton::before{
  opacity:var(--doorhanger-icon-opacity);
  top:5px;
  inset-inline-start:12px;
}

/* #sidebarToggle::before{
  -webkit-mask-image:var(--toolbarButton-sidebarToggle-icon);
          mask-image:var(--toolbarButton-sidebarToggle-icon);
  transform:scaleX(var(--dir-factor));
} */

#secondaryToolbarToggle::before{
  -webkit-mask-image:var(--toolbarButton-secondaryToolbarToggle-icon);
          mask-image:var(--toolbarButton-secondaryToolbarToggle-icon);
  transform:scaleX(var(--dir-factor));
}

#findPrevious::before{
  -webkit-mask-image:var(--findbarButton-previous-icon);
          mask-image:var(--findbarButton-previous-icon);
}

#findNext::before{
  -webkit-mask-image:var(--findbarButton-next-icon);
          mask-image:var(--findbarButton-next-icon);
}

#previous::before{
  -webkit-mask-image:var(--toolbarButton-pageUp-icon);
          mask-image:var(--toolbarButton-pageUp-icon);
}

#next::before{
  -webkit-mask-image:var(--toolbarButton-pageDown-icon);
          mask-image:var(--toolbarButton-pageDown-icon);
}

#zoomOut::before{
  -webkit-mask-image:var(--toolbarButton-zoomOut-icon);
          mask-image:var(--toolbarButton-zoomOut-icon);
}

#zoomIn::before{
  -webkit-mask-image:var(--toolbarButton-zoomIn-icon);
          mask-image:var(--toolbarButton-zoomIn-icon);
}

#presentationMode::before{
  -webkit-mask-image:var(--toolbarButton-presentationMode-icon);
          mask-image:var(--toolbarButton-presentationMode-icon);
}

#editorFreeText::before{
  -webkit-mask-image:var(--toolbarButton-editorFreeText-icon);
          mask-image:var(--toolbarButton-editorFreeText-icon);
}

#editorHighlight::before{
  -webkit-mask-image:var(--toolbarButton-editorHighlight-icon);
          mask-image:var(--toolbarButton-editorHighlight-icon);
}

#editorInk::before{
  -webkit-mask-image:var(--toolbarButton-editorInk-icon);
          mask-image:var(--toolbarButton-editorInk-icon);
}

#editorStamp::before{
  -webkit-mask-image:var(--toolbarButton-editorStamp-icon);
          mask-image:var(--toolbarButton-editorStamp-icon);
}

:is(#print, #secondaryPrint)::before{
  -webkit-mask-image:var(--toolbarButton-print-icon);
          mask-image:var(--toolbarButton-print-icon);
}

#secondaryOpenFile::before{
  -webkit-mask-image:var(--toolbarButton-openFile-icon);
          mask-image:var(--toolbarButton-openFile-icon);
}

:is(#download, #secondaryDownload)::before{
  -webkit-mask-image:var(--toolbarButton-download-icon);
          mask-image:var(--toolbarButton-download-icon);
}

a.secondaryToolbarButton{
  padding-top:5px;
  text-decoration:none;
}
a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{
  opacity:0.5;
  pointer-events:none;
}

#viewBookmark::before{
  -webkit-mask-image:var(--toolbarButton-bookmark-icon);
          mask-image:var(--toolbarButton-bookmark-icon);
}

#viewThumbnail::before{
  -webkit-mask-image:var(--toolbarButton-viewThumbnail-icon);
          mask-image:var(--toolbarButton-viewThumbnail-icon);
}

#viewOutline::before{
  -webkit-mask-image:var(--toolbarButton-viewOutline-icon);
          mask-image:var(--toolbarButton-viewOutline-icon);
  transform:scaleX(var(--dir-factor));
}

#viewAttachments::before{
  -webkit-mask-image:var(--toolbarButton-viewAttachments-icon);
          mask-image:var(--toolbarButton-viewAttachments-icon);
}

#viewLayers::before{
  -webkit-mask-image:var(--toolbarButton-viewLayers-icon);
          mask-image:var(--toolbarButton-viewLayers-icon);
}

#currentOutlineItem::before{
  -webkit-mask-image:var(--toolbarButton-currentOutlineItem-icon);
          mask-image:var(--toolbarButton-currentOutlineItem-icon);
  transform:scaleX(var(--dir-factor));
}

#viewFind::before{
  -webkit-mask-image:var(--toolbarButton-search-icon);
          mask-image:var(--toolbarButton-search-icon);
}

.pdfSidebarNotification::after{
  position:absolute;
  display:inline-block;
  top:2px;
  inset-inline-end:2px;
  content:"";
  background-color:rgb(112 219 85);
  height:9px;
  width:9px;
  border-radius:50%;
}

.secondaryToolbarButton{
  position:relative;
  margin:0;
  padding:0 0 1px;
  padding-inline-start:36px;
  height:auto;
  min-height:26px;
  width:auto;
  min-width:100%;
  text-align:start;
  white-space:normal;
  border-radius:0;
  box-sizing:border-box;
  display:inline-block;
}
.secondaryToolbarButton > span{
  padding-inline-end:4px;
}

#firstPage::before{
  -webkit-mask-image:var(--secondaryToolbarButton-firstPage-icon);
          mask-image:var(--secondaryToolbarButton-firstPage-icon);
}

#lastPage::before{
  -webkit-mask-image:var(--secondaryToolbarButton-lastPage-icon);
          mask-image:var(--secondaryToolbarButton-lastPage-icon);
}

#pageRotateCcw::before{
  -webkit-mask-image:var(--secondaryToolbarButton-rotateCcw-icon);
          mask-image:var(--secondaryToolbarButton-rotateCcw-icon);
}

#pageRotateCw::before{
  -webkit-mask-image:var(--secondaryToolbarButton-rotateCw-icon);
          mask-image:var(--secondaryToolbarButton-rotateCw-icon);
}

#cursorSelectTool::before{
  -webkit-mask-image:var(--secondaryToolbarButton-selectTool-icon);
          mask-image:var(--secondaryToolbarButton-selectTool-icon);
}

#cursorHandTool::before{
  -webkit-mask-image:var(--secondaryToolbarButton-handTool-icon);
          mask-image:var(--secondaryToolbarButton-handTool-icon);
}

#scrollPage::before{
  -webkit-mask-image:var(--secondaryToolbarButton-scrollPage-icon);
          mask-image:var(--secondaryToolbarButton-scrollPage-icon);
}

#scrollVertical::before{
  -webkit-mask-image:var(--secondaryToolbarButton-scrollVertical-icon);
          mask-image:var(--secondaryToolbarButton-scrollVertical-icon);
}

#scrollHorizontal::before{
  -webkit-mask-image:var(--secondaryToolbarButton-scrollHorizontal-icon);
          mask-image:var(--secondaryToolbarButton-scrollHorizontal-icon);
}

#scrollWrapped::before{
  -webkit-mask-image:var(--secondaryToolbarButton-scrollWrapped-icon);
          mask-image:var(--secondaryToolbarButton-scrollWrapped-icon);
}

#spreadNone::before{
  -webkit-mask-image:var(--secondaryToolbarButton-spreadNone-icon);
          mask-image:var(--secondaryToolbarButton-spreadNone-icon);
}

#spreadOdd::before{
  -webkit-mask-image:var(--secondaryToolbarButton-spreadOdd-icon);
          mask-image:var(--secondaryToolbarButton-spreadOdd-icon);
}

#spreadEven::before{
  -webkit-mask-image:var(--secondaryToolbarButton-spreadEven-icon);
          mask-image:var(--secondaryToolbarButton-spreadEven-icon);
}

#documentProperties::before{
  -webkit-mask-image:var(--secondaryToolbarButton-documentProperties-icon);
          mask-image:var(--secondaryToolbarButton-documentProperties-icon);
}

.verticalToolbarSeparator{
  display:block;
  margin:5px 2px;
  width:1px;
  height:22px;
  background-color:var(--separator-color);
}
.horizontalToolbarSeparator{
  display:block;
  margin:6px 0;
  height:1px;
  width:100%;
  background-color:var(--doorhanger-separator-color);
}

.toolbarField{
  padding:4px 7px;
  margin:3px 0;
  border-radius:2px;
  background-color:var(--field-bg-color);
  background-clip:padding-box;
  border:1px solid var(--field-border-color);
  box-shadow:none;
  color:var(--field-color);
  font-size:12px;
  line-height:16px;
  outline:none;
}

.toolbarField[type="checkbox"]{
  opacity:0;
  position:absolute !important;
  left:0;
  margin:10px 0 3px;
  margin-inline-start:7px;
}

[id^="pageNumber__"]{
  -moz-appearance:textfield;
  text-align:end;
  width:40px;
  background-size:0 0;
  transition-property:none;
}

[id^="pageNumber__"]::-webkit-inner-spin-button{
    -webkit-appearance:none;
  }

.loadingInput:has(> [id^="pageNumber__"].loading)::after{
    display:block;
    visibility:visible;

    transition-property:visibility;
    transition-delay:var(--loading-icon-delay);
  }

.loadingInput::after{
    position:absolute;
    visibility:hidden;
    display:none;
    top:calc(50% - 8px);
    width:16px;
    height:16px;

    content:"";
    background-color:var(--toolbar-icon-bg-color);
    -webkit-mask-size:cover;
            mask-size:cover;
    -webkit-mask-image:var(--loading-icon);
            mask-image:var(--loading-icon);
  }

.loadingInput.start::after{
    inset-inline-start:4px;
  }

.loadingInput.end::after{
    inset-inline-end:4px;
  }

.toolbarField:focus{
  border-color:#0a84ff;
}

.toolbarLabel{
  min-width:16px;
  padding:7px;
  margin:2px;
  border-radius:2px;
  color:var(--main-color);
  font-size:12px;
  line-height:14px;
  text-align:left;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  cursor:default;
}

[id^="numPages__"].toolbarLabel{
  padding-inline-start:3px;
}

.app-pdf-thumbnailView,
#outlineView,
#attachmentsView,
#layersView{
  position:absolute;
  width:calc(100% - 8px);
  inset-block:0;
  padding:4px 4px 0;
  overflow:auto;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}
.app-pdf-thumbnailView{
  width:calc(100% - 60px);
  padding:10px 30px 0;
}

.app-pdf-thumbnailView > a:is(:active, :focus){
  outline:0;
}

.thumbnail{
  --thumbnail-width:0;
  --thumbnail-height:0;

  float:var(--inline-start);
  width:var(--thumbnail-width);
  height:var(--thumbnail-height);
  margin:0 10px 5px;
  padding:1px;
  border:7px solid transparent;
  border-radius:2px;
}

.app-pdf-thumbnailView > a:last-of-type > .thumbnail{
  margin-bottom:10px;
}

a:focus > .thumbnail,
.thumbnail:hover{
  border-color:var(--thumbnail-hover-color);
}
.thumbnail.selected{
  border-color:var(--thumbnail-selected-color) !important;
}

.thumbnailImage{
  width:var(--thumbnail-width);
  height:var(--thumbnail-height);
  opacity:0.9;
}
a:focus > .thumbnail > .thumbnailImage,
.thumbnail:hover > .thumbnailImage{
  opacity:0.95;
}
.thumbnail.selected > .thumbnailImage{
  opacity:1 !important;
}

.thumbnail:not([data-loaded]) > .thumbnailImage{
  width:calc(var(--thumbnail-width) - 2px);
  height:calc(var(--thumbnail-height) - 2px);
  border:1px dashed rgb(132 132 132);
}

.thumbnail-seq {
  margin-top: 6px;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  font-weight: 500;
  color: var(--yb-text-color-secondary);
}

.treeWithDeepNesting > .treeItem,
.treeItem > .treeItems{
  margin-inline-start:20px;
}

.treeItem > a{
  text-decoration:none;
  display:inline-block;
  min-width:calc(100% - 4px);
  height:auto;
  margin-bottom:1px;
  padding:2px 0 5px;
  padding-inline-start:4px;
  border-radius:2px;
  color:var(--treeitem-color);
  font-size:13px;
  line-height:15px;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  white-space:normal;
  cursor:pointer;
}

#layersView .treeItem > a *{
  cursor:pointer;
}
#layersView .treeItem > a > label{
  padding-inline-start:4px;
}
#layersView .treeItem > a > label > input{
  float:var(--inline-start);
  margin-top:1px;
}

.treeItemToggler{
  position:relative;
  float:var(--inline-start);
  height:0;
  width:0;
  color:rgb(255 255 255 / 0.5);
}
.treeItemToggler::before{
  inset-inline-end:4px;
  -webkit-mask-image:var(--treeitem-expanded-icon);
          mask-image:var(--treeitem-expanded-icon);
}
.treeItemToggler.treeItemsHidden::before{
  -webkit-mask-image:var(--treeitem-collapsed-icon);
          mask-image:var(--treeitem-collapsed-icon);
  transform:scaleX(var(--dir-factor));
}
.treeItemToggler.treeItemsHidden ~ .treeItems{
  display:none;
}

.treeItem.selected > a{
  background-color:var(--treeitem-selected-bg-color);
  color:var(--treeitem-selected-color);
}

.treeItemToggler:hover,
.treeItemToggler:hover + a,
.treeItemToggler:hover ~ .treeItems,
.treeItem > a:hover{
  background-color:var(--treeitem-bg-color);
  background-clip:padding-box;
  border-radius:2px;
  color:var(--treeitem-hover-color);
}

#outlineOptionsContainer{
  display:none;
}

[id^="sidebarContainer__"]:has(#outlineView:not(.hidden)) #outlineOptionsContainer{
    display:inherit;
  }

.dialogButton{
  width:auto;
  margin:3px 4px 2px !important;
  padding:2px 11px;
  color:var(--main-color);
  background-color:var(--dialog-button-bg-color);
  border:var(--dialog-button-border) !important;
}

dialog{
  margin:auto;
  padding:15px;
  border-spacing:4px;
  color:var(--main-color);
  font:message-box;
  font-size:12px;
  line-height:14px;
  background-color:var(--doorhanger-bg-color);
  border:1px solid rgb(0 0 0 / 0.5);
  border-radius:4px;
  box-shadow:0 1px 4px rgb(0 0 0 / 0.3);
}
dialog::backdrop{
  background-color:rgb(0 0 0 / 0.2);
}

dialog > .row{
  display:table-row;
}

dialog > .row > *{
  display:table-cell;
}

dialog .toolbarField{
  margin:5px 0;
}

dialog .separator{
  display:block;
  margin:4px 0;
  height:1px;
  width:100%;
  background-color:var(--separator-color);
}

dialog .buttonRow{
  text-align:center;
  vertical-align:middle;
}

dialog :link{
  color:rgb(255 255 255);
}

#passwordDialog{
  text-align:center;
}
#passwordDialog .toolbarField{
  width:200px;
}

#documentPropertiesDialog{
  text-align:left;
}
#documentPropertiesDialog .row > *{
  min-width:100px;
  text-align:start;
}
#documentPropertiesDialog .row > span{
  width:125px;
  word-wrap:break-word;
}
#documentPropertiesDialog .row > p{
  max-width:225px;
  word-wrap:break-word;
}
#documentPropertiesDialog .buttonRow{
  margin-top:10px;
}

.grab-to-pan-grab{
  cursor:grab !important;
}
.grab-to-pan-grab
  *:not(input):not(textarea):not(button):not(select):not(:link){
  cursor:inherit !important;
}
.grab-to-pan-grab:active,
.grab-to-pan-grabbing{
  cursor:grabbing !important;
}
.grab-to-pan-grabbing{
  position:fixed;
  background:rgb(0 0 0 / 0);
  display:block;
  inset:0;
  overflow:hidden;
  z-index:50000;
}

@page{
  margin:0;
}

#printContainer{
  display:none;
}

@media print{
  body{
    background:rgb(0 0 0 / 0) none;
  }
  body[data-pdfjsprinting] [id^='outerContainer__']{
    display:none;
  }
  body[data-pdfjsprinting] #printContainer{
    display:block;
  }
  #printContainer{
    height:100%;
  }
  #printContainer > .printedPage{
    page-break-after:always;
    page-break-inside:avoid;
    height:100%;
    width:100%;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }

  #printContainer > .xfaPrintedPage .xfaPage{
    position:absolute;
  }

  #printContainer > .xfaPrintedPage{
    page-break-after:always;
    page-break-inside:avoid;
    width:100%;
    height:100%;
    position:relative;
  }

  #printContainer > .printedPage :is(canvas, img){
    max-width:100%;
    max-height:100%;

    direction:ltr;
    display:block;
  }
}

.visibleMediumView{
  display:none;
}

@media all and (max-width: 900px){
  .app-pdf-toolbarViewerMiddle{
    display:table;
    margin:auto;
    left:auto;
    position:inherit;
    transform:none;
  }
}

@media all and (max-width: 750px){
  :root{
    --editor-toolbar-base-offset:40px;
  }
  [id^='outerContainer__'] .hiddenMediumView{
    display:none;
  }
  [id^='outerContainer__'] .visibleMediumView{
    display:inherit;
  }
}

@media all and (max-width: 690px){
  .hiddenSmallView,
  .hiddenSmallView *{
    display:none;
  }
  .toolbarButtonSpacer{
    width:0;
  }
  .findbar{
    inset-inline-start:34px;
  }
}

@media all and (max-width: 560px){
  #scaleSelectContainer{
    display:none;
  }
}

#toolbarSidebar,
#sidebarResizer {
  display: none;
}
[id^='viewerContainer__'] {
  inset: 48px 0 0;
}
[id^="sidebarContainer__"] {
  border-top: 0;
  inset-block: 48px 0;
}
.app-pdf-sidebarContent {
  inset-block: 49px 0;
  box-shadow: none;
}
.app-pdf-sidebarContent .app-pdf-thumbnailView {
  width: 100%;
  padding: 24px 0 0;
}
.app-pdf-sidebarContent .app-pdf-thumbnailView > a {
  display: block;
  width: fit-content;
  margin: 0 auto 12px;
  text-decoration: none;
}
.app-pdf-sidebarContent .app-pdf-thumbnailView > a .thumbnail {
  float: none;
  margin: 0;
  border: 0;
  border-radius: 4px;
  overflow: hidden;
}
.app-pdf-sidebarContent .app-pdf-thumbnailView > a .thumbnail.selected {
  box-shadow: 0 0 0 2px var(--td-brand-color);
}
.app-pdf-sidebarContent .app-pdf-thumbnailView > a:hover .thumbnail {
  box-shadow: 0 0 0 2px var(--td-brand-color);
}
.app-pdf-sidebarContent .app-pdf-thumbnailView > a:hover .thumbnail-seq {
  color: var(--yb-color-brand-primary);
}
#toolbar,
.app-pdf-toolbarViewer {
  height: 48px;
}
.app-pdf-toolbarContainer {
  background: transparent;
  height: auto;
  background-color: var(--td-bg-color-container);
  border-bottom: 1px solid var(--yb-color-divider-primary);
  box-shadow: none;
}
[id^="loadingBar__"] {
  background-color: transparent;
  border-bottom: 0;
}
[id^="loadingBar__"] .progress {
  background-color: var(--yb-color-brand-primary);
}
.pdfViewer {
  overflow: hidden;
}
.pdfViewer .page {
  border: 0;
  border-radius: 16px;
  overflow: hidden;
}
.textLayer {
  outline: none;
}
.app-pdf-toolbarViewerLeft {
  display: flex;
  align-items: center;
  padding-left: 16px;
}
.app-pdf-toolbarViewerLeft .toolbarButtonSpacer,
.app-pdf-toolbarViewerLeft #viewFind,
.app-pdf-toolbarViewerLeft .splitToolbarButton {
  display: none;
}
.app-pdf-toolbarViewerLeft .pdfSidebarNotification::after {
  display: none;
}
.app-pdf-toolbarViewerLeft .loadingInput {
  float: none;
}
.app-pdf-toolbarViewerLeft .loadingInput[data-disabled='1'] {
  cursor: not-allowed;
}
.app-pdf-toolbarViewerLeft .loadingInput[data-disabled='1'] [id^="pageNumber__"] {
  pointer-events: none;
}
.app-pdf-toolbarViewerLeft [id^="pageNumber__"] {
  margin: 0;
  padding: 0;
  width: 36px;
  height: 24px;
  font-size: 14px;
  vertical-align: 0;
  color: var(--yb-color-text-secondary-1);
  text-align: center;
  background: var(--yb-color-bg-primary);
  border: 0;
  border-radius: 24px;
}
.app-pdf-toolbarViewerLeft [id^="numPages__"] {
  font-size: 14px;
  color: var(--yb-color-text-secondary-1);
}
.app-pdf-toolbarViewerLeft [id^="sidebarToggle__"] {
  margin-right: 16px;
}
.app-pdf-toolbarViewerLeft [id^="sidebarToggle__"] svg path:last-child {
  transform-origin: center;
}
[id^='outerContainer__'] .app-pdf-toolbarViewerLeft {
  position: relative;
  width: var(--sidebar-width);
  height: 100%;
}
[id^='outerContainer__'] [id^='viewerContainer__']:not(.pdfPresentationMode) {
  inset-inline-start: 0;
  padding-right: 0;
  padding-top: 16px;
}
[id^='outerContainer__'].sidebarOpen [id^="sidebarToggle__"] svg path:last-child {
  transform: scaleX(-1) translateX(-34%);
}
[id^='outerContainer__'].sidebarOpen [id^='viewerContainer__']:not(.pdfPresentationMode) {
  inset-inline-start: calc(var(--sidebar-width) + 24px);
  padding-right: calc(var(--sidebar-width) + 24px);
}
[id^='app-pdf-container__'].app-pdf-container--mobile .pdfViewer {
  background-color: #f3f3f3;
}
[id^='app-pdf-container__'].app-pdf-container--mobile .pdfViewer .page {
  border-radius: 0;
}
[id^='app-pdf-container__'].app-pdf-container--mobile .toolbar {
  display: none;
}
[id^='app-pdf-container__'].app-pdf-container--mobile [id^="sidebarContainer__"] {
  display: none;
  background-color: #f3f3f3;
}
[id^='app-pdf-container__'].app-pdf-container--mobile [id^='outerContainer__'] [id^='viewerContainer__'] {
  inset: 0;
}
[id^='app-pdf-container__'].app-pdf-container--mobile [id^='outerContainer__'] [id^='viewerContainer__']:not(.pdfPresentationMode) {
  inset-inline-start: 0;
  padding-right: 0;
  padding-top: 0;
}
[id^='app-pdf-container__'].app-pdf-container--mobile [id^='outerContainer__'] .app-pdf-toolbarContainer [id^="sidebarToggle__"] {
  display: none;
}
[id^='app-pdf-container__'].app-pdf-container--mobile [id^='outerContainer__'].sidebarOpen [id^='viewerContainer__'] {
  inset-inline-start: 0 !important;
}
[id^='app-pdf-container__'].app-pdf-container--mobile [id^='outerContainer__'].sidebarOpen .app-pdf-toolbarViewerLeft:before {
  transform: translateY(-50%);
}
@media screen and (max-width: 1358px) {
  [id^='app-pdf-container__'].app-pdf-container--onlySelf:not(.app-pdf-container--mobile) [id^='outerContainer__'].sidebarOpen [id^='viewerContainer__']:not(.pdfPresentationMode) {
    padding-right: 0;
  }
  [id^='app-pdf-container__'].app-pdf-container--onlySelf:not(.app-pdf-container--mobile) [id^='outerContainer__'].sidebarOpen [id^='viewerContainer__']:not(.pdfPresentationMode) .pdfViewer .page {
    margin: 0 0 16px 0;
  }
}
.app-pdf-container__loading.t-loading {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.app-pdf-main-container {
  position: absolute;
  inset: 0;
  min-width: 350px;
}
.app-pdf-sidebar__head {
  position: absolute;
  left: 24px;
  right: 0;
  top: 0;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 16px;
}
.app-pdf-sidebar__head:after {
  content: ' ';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--yb-color-divider-primary);
}

: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-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-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);
}
: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__item .ma-beta-tag {
  margin-left: 8px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-family: TencentSans;
  border-radius: 5px;
  background: linear-gradient(90deg, #6FACFF 0%, #92A3FF 100%);
  height: 20px;
  line-height: 20px;
  padding: 0px 4px 2px;
}
.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;
  gap: 8px;
}
.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-display: block;
  font-family: 'TencentSans';
  src: url(https://cdn-portal.hunyuan.tencent.com/public/92f6ceef776df549860c.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;
}
.hunyuan-game-container .disable-not-filter-class {
  cursor: not-allowed !important;
}
.hunyuan-game-container .disable-filter-class {
  filter: opacity(0.6);
  cursor: not-allowed !important;
}
@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;
}

.zhb-icon {
  display: inline-block;
}

.mqQ5G06JvxbyoXVcx6KQ {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.mqQ5G06JvxbyoXVcx6KQ .title {
  margin: 20px auto;
  font-weight: 600;
}
.mqQ5G06JvxbyoXVcx6KQ .t-button {
  height: 32px;
  border-radius: 3px;
  background: #1a1a1a;
  color: #ffffff;
  border: none;
}
.mqQ5G06JvxbyoXVcx6KQ .t-button:hover {
  background-color: #333;
}

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

: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);
}
.side-menu-layout-user__dropdown .t-popup__content {
  border-radius: 12px;
  box-shadow: 0px 4px 40px 0px #00000029;
}
.side-menu-layout {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #f9f9f9;
}
.side-menu-layout__icon {
  color: #999999;
}
.side-menu-layout__icon:hover {
  color: rgba(0, 0, 0, 0.9);
}
.side-menu-layout__header {
  width: 100%;
  height: 64px;
  display: flex;
  flex: none;
  padding: 0 20px 0 16px;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.side-menu-layout__header-right {
  display: flex;
  gap: 16px;
  align-items: center;
}
.side-menu-layout__body {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.side-menu-layout__content {
  flex: 1;
  overflow: auto;
  border-radius: 16px;
  background: #fff;
}
.side-menu-layout__header-left {
  display: flex;
  align-items: center;
  gap: 18px;
}
.side-menu-layout__header-left .layout-menu-switch-icon {
  cursor: pointer;
}
.side-menu-layout .layout-breadcrumb {
  margin-left: 20px;
}
.side-menu-layout__logo {
  display: flex;
  align-items: center;
}
.side-menu-layout__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;
}
.side-menu-layout__new {
  color: #2d68ff;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  height: 20px;
}
.side-menu-layout__r {
  flex-shrink: 0;
  position: relative;
  margin-right: 24px;
  display: flex;
  align-items: center;
  height: 100%;
  gap: 14px;
}
.side-menu-layout__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;
}
.side-menu-layout__r__notification::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 8px;
  width: 4px;
  height: 4px;
  background-color: #ec221f;
  border-radius: 50%;
}
.side-menu-layout__r__notification img {
  width: 16px;
  height: 16px;
}
.side-menu-layout__r__notification svg {
  width: 20px;
  height: 20px;
  color: rgba(28, 31, 35, 0.9);
}
.side-menu-layout__r__btn {
  color: #fff;
  height: 36px;
  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;
}
.side-menu-layout__r__btn:hover {
  background: rgba(0, 0, 0, 0.9);
}
.side-menu-layout__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;
}
.side-menu-layout__r__icon-menu:hover,
.side-menu-layout__r__icon-menu--focus {
  background: rgba(0, 0, 0, 0.08);
}
.side-menu-layout__r__icon-menu.portal-lazy-svg-tip {
  position: relative;
}
.side-menu-layout__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;
}
.side-menu-layout__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);
}
.side-menu-layout__r__icon-menu-history::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(https://cdn-portal.hunyuan.tencent.com/253aee09f94f6fc8835c.svg);
  background-size: contain;
}
.side-menu-layout__dropdown {
  width: 128px;
  padding: 8px 0px;
  box-sizing: border-box;
}
.side-menu-layout__dropdown .avatar {
  display: flex;
  align-items: center;
}
.side-menu-layout__dropdown .avatar img {
  overflow: hidden;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  width: 32px;
  height: 32px;
  margin-right: 7px;
}
.side-menu-layout__dropdown .avatar span {
  color: #101929;
  opacity: 0.6;
  font-size: 12px;
}
.side-menu-layout__dropdown .divider {
  margin: 18px 0;
  border-top: 1px solid rgba(16, 25, 41, 0.1);
}
.side-menu-layout__dropdown a {
  display: block;
  line-height: 24px;
  color: #101929;
  opacity: 0.6;
}
.side-menu-layout__dropdown ul li {
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0;
  cursor: pointer;
}
.side-menu-layout__dropdown ul li:hover {
  background: #f3f3f3;
}
.side-menu-layout__dropdown ul li .portal-lazy-svg {
  width: 16px;
  height: 16px;
}
.side-menu-layout__menu-back {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  cursor: pointer;
  color: #706a6a;
}
.side-menu-layout__menu-back:hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: transparent;
}
.side-menu-layout .user-avatar {
  width: 40px;
  height: 40px;
  padding: 4px;
  border-radius: 50%;
  cursor: pointer;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.layout-breadcrumb {
  display: flex;
  gap: 8px;
  align-items: center;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  color: rgba(0, 0, 0, 0.4);
}
.layout-breadcrumb__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.layout-breadcrumb__item:last-child {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
}
.layout-breadcrumb__label {
  cursor: pointer;
}

.model-selection-dialog {
  padding: 0;
  width: 800px;
  height: 600px;
}
.model-selection-dialog__header {
  height: 74px;
  padding: 0 32px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}
.model-selection-dialog__footer {
  height: 70px;
  padding: 0 32px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e6e6e6;
}
.model-selection-dialog__content {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.model-selection-dialog__content-left {
  flex: 1;
  overflow-y: auto;
  padding: 14px 32px;
  /* 整个滚动条 */
  /* 滚动条上的滚动滑块. */
  -webkit-overflow-scrolling: touch;
}
.model-selection-dialog__content-left::-webkit-scrollbar {
  border-radius: 3px;
  width: 6px;
  background-color: transparent;
}
.model-selection-dialog__content-left::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.model-selection-dialog__content-right {
  padding: 14px 0 0 32px;
  width: 386px;
  box-sizing: border-box;
  border-left: 1px solid #e6e6e6;
  overflow-y: auto;
}
.model-selection-dialog__header-left {
  display: flex;
  align-items: flex-end;
  gap: 14px;
}
.model-selection-dialog__header-left h3 {
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  height: 26px;
  color: rgba(0, 0, 0, 0.9);
}
.model-selection-dialog__header-left p {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.model-selection-dialog__content-header {
  height: 24px;
  margin-bottom: 16px;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.9);
}
.model-selection-dialog__content-left-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.model-selection-dialog__content-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  cursor: pointer;
}
.model-selection-dialog__content-item:hover {
  background: #f9f9f9;
}
.model-selection-dialog__content-item--active {
  border: 1px solid #2d68ff;
  background: #f0f8ff;
}
.model-selection-dialog__content-item--active:hover {
  background: #f0f8ff;
}
.model-selection-dialog__content-item--active .model-selection-dialog__content-item-title {
  color: #2d68ff;
}
.model-selection-dialog__content-item--active .model-selection-dialog__content-item-radio {
  border-color: #2d68ff;
}
.model-selection-dialog__content-item--active .model-selection-dialog__content-item-radio::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: ' ';
  width: 8px;
  height: 8px;
  background-color: #2d68ff;
  border-radius: 50%;
}
.model-selection-dialog__content-empty {
  margin: 88px auto 0;
  width: 160px;
  height: 214px;
  background-image: url(https://cdn-portal.hunyuan.tencent.com/public/0dfc82a06229c2f286fb.png);
  background-size: contain;
}
.model-selection-dialog__content-item-title {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0%;
  color: rgba(0, 0, 0, 0.9);
}
.model-selection-dialog__content-item-radio {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid #dcdcdc;
}
.model-selection-dialog__content-item-text {
  flex: 1;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.model-selection-dialog__content-item-desc {
  height: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.model-selection-dialog__search-input .t-input {
  width: 274px;
  height: 34px;
  justify-content: space-between;
  border: 1px solid #e6e6e6;
  border-radius: 100px;
  padding: 8px;
}
.model-selection-dialog__search-input .t-input:focus {
  box-shadow: 0 0 0 2px #2d68ff !important;
}
.model-selection-dialog__search-input .t-input--focused {
  box-shadow: none;
}
.model-selection-dialog__search-input .t-input__prefix-icon {
  color: #bdbdbd;
}
.model-selection-dialog__footer-left {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.9);
}
.model-selection-dialog__footer-model-name {
  padding: 0 16px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e6e6e6;
  background: #f3f3f3;
  border-radius: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
}
.model-selection-dialog__footer-right {
  display: flex;
  gap: 8px;
}
.model-selection-dialog__btn {
  height: 36px;
  line-height: 36px;
  padding: 0 24px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  border-radius: 100px;
  cursor: pointer;
}
.model-selection-dialog__btn--cancel {
  background-color: #f3f3f3;
  color: rgba(0, 0, 0, 0.9);
}
.model-selection-dialog__btn--cancel:hover {
  background-color: #e6e6e6;
}
.model-selection-dialog__btn--confirm {
  background-color: #1a1a1a;
  color: #fff;
}
.model-selection-dialog__btn--confirm:hover {
  background-color: #333;
}
.model-selection-dialog .t-dialog__body {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

.common-model-detail {
  width: 320px;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.9);
  overflow: hidden;
}
.common-model-detail__wrap {
  padding: 24px;
}
.common-model-detail__demo-resource.model-square-cover {
  width: 320px;
  height: 160px;
}
.common-model-detail .common-model-detail__model-card {
  display: flex;
  align-items: flex-start;
}
.common-model-detail .common-model-detail__model-card .common-model-detail__model-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  border-radius: 12px;
}
.common-model-detail .common-model-detail__model-card .common-model-detail__model-icon img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
}
.common-model-detail .common-model-detail__model-card .common-model-detail__model-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.common-model-detail .common-model-detail__model-card .common-model-detail__model-wrap .common-model-detail__model-name {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.common-model-detail .common-model-detail__model-card .common-model-detail__model-wrap .common-model-detail__model-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.common-model-detail .common-model-detail__model-card .common-model-detail__model-wrap .common-model-detail__model-card-tags .common-model-detail__model-card-tag {
  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: 12px;
}
.common-model-detail .common-model-detail__model-desc {
  color: #00000099;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 16px;
  max-height: 142px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  /* 显示行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.common-model-detail .common-model-detail__info-section {
  margin-bottom: 12px;
  border-top: 1px solid #e6e6e6;
  padding-top: 12px;
}
.common-model-detail .common-model-detail__info-section .common-model-detail__info-item {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 8px;
  align-items: center;
}
.common-model-detail .common-model-detail__info-section .common-model-detail__info-item:first-child {
  padding-top: 0;
}
.common-model-detail .common-model-detail__info-section .common-model-detail__info-item:last-child {
  padding-bottom: 0;
}
.common-model-detail .common-model-detail__info-section .common-model-detail__info-item .common-model-detail__label {
  font-family: PingFang SC;
  font-size: 12px;
  color: #00000099;
  display: inline-block;
  width: 80px;
  line-height: 20px;
}
.common-model-detail .common-model-detail__info-section .common-model-detail__info-item .common-model-detail__value {
  color: #000000e5;
  line-height: 20px;
  font-size: 12px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-model-detail .common-model-detail__api-section-item {
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
}
.common-model-detail .common-model-detail__api-section-item h5 {
  display: flex;
  gap: 4px;
  justify-items: center;
  align-items: center;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
}
.common-model-detail .common-model-detail__api-section-item h5.common-model-detail__disabled {
  color: rgba(0, 0, 0, 0.26);
  cursor: not-allowed;
}
.common-model-detail .common-model-detail__api-section-item h5.common-model-detail__disabled:hover {
  text-decoration: none;
}
.common-model-detail .common-model-detail__api-section-train {
  font-weight: 500;
  font-size: 12px;
  color: #2d68ff;
  cursor: pointer;
  line-height: 22px;
}
.common-model-detail .common-model-detail__api-section_title {
  margin-top: 2px;
}
.common-model-detail .common-model-detail__api-section_wrap {
  display: flex;
  justify-content: center;
}
.common-model-detail .common-model-detail__api-section_wrap :global(.t-radio-group) {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
}
.common-model-detail .common-model-detail__api-section_wrap :global(.t-is-checked) {
  width: 100%;
  display: flex;
  justify-content: center;
}
.common-model-detail .common-model-detail__api-section .common-model-detail__code-block {
  background-color: #1e1e1e;
  border-radius: 8px;
  margin-top: 12px;
  overflow: hidden;
  width: 100%;
}
.common-model-detail .common-model-detail__api-section .common-model-detail__code-block :global(.monaco-editor) {
  padding: 12px;
}
.common-model-detail .common-model-detail__api-section :global(.t-tabs) {
  --td-tab-nav-bg-color: transparent;
  --td-tab-border-color: transparent;
}
.common-model-detail .common-model-detail__api-section :global(.t-tabs) :global(.t-tabs__nav) {
  margin-bottom: 12px;
}
.common-model-detail .common-model-detail__api-section :global(.t-tabs) :global(.t-tabs__nav-item) {
  font-size: 14px;
}
.common-model-detail .common-model-detail__api-section :global(.t-tabs) :global(.t-tabs__nav-item.t-is-active) {
  color: #2d68ff;
  text-shadow: 0 0 0.3px #2d68ff;
}

.model-square-cover {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.model-square-cover__bg {
  min-width: 100%;
  position: absolute;
  inset: 0px;
  object-fit: fill;
  z-index: 0;
  opacity: 0.9;
}
.model-square-cover__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  vertical-align: bottom;
  backdrop-filter: blur(50px);
}
.model-square-cover video {
  vertical-align: bottom;
}

.mKHvQldICQilQZNe1HWj {
  position: relative;
  border-radius: 9px;
  overflow: hidden;
}
.mKHvQldICQilQZNe1HWj video {
  object-fit: contain;
}
.mKHvQldICQilQZNe1HWj .sP3H8rRf5gKUBzmZijeA {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pN9i8nvvq_UO8ZJ2GtV2 {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(15px);
}
.pN9i8nvvq_UO8ZJ2GtV2 .bU80rhDyq_mOJCQDO8pn {
  height: 100%;
  position: absolute;
}
.pN9i8nvvq_UO8ZJ2GtV2 .rZmCJ9sooqdUsFppka_7 {
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.pN9i8nvvq_UO8ZJ2GtV2 .q5PqTOeBMs2RTDv8iFjz {
  position: absolute;
  bottom: -66px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  font-size: 30px;
  border-radius: 8px;
  font: var(--td-font-body-large);
  color: #ffffff;
  line-height: 48px;
  background-color: #28242FB2;
  border-radius: 50%;
  border: 1px solid #BCABD099;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pN9i8nvvq_UO8ZJ2GtV2 .ueCfHYOtaoivgV0B0YDv {
  width: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  position: absolute;
  left: -136px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #28242FB2;
  border-radius: 50%;
  border: 1px solid #BCABD099;
}
.pN9i8nvvq_UO8ZJ2GtV2 .ueCfHYOtaoivgV0B0YDv:not([disabled]):hover {
  opacity: 1;
}
.pN9i8nvvq_UO8ZJ2GtV2 .ueCfHYOtaoivgV0B0YDv[disabled] {
  cursor: not-allowed;
  color: var(--td-font-white-4);
}
.pN9i8nvvq_UO8ZJ2GtV2 .GQCEn5f0FSNVqvTBfegq {
  width: 40px;
  font-size: 40px;
  height: 40px;
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  position: absolute;
  right: -136px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #28242FB2;
  border-radius: 50%;
  border: 1px solid #BCABD099;
}
.pN9i8nvvq_UO8ZJ2GtV2 .GQCEn5f0FSNVqvTBfegq:not([disabled]):hover {
  opacity: 1;
}
.pN9i8nvvq_UO8ZJ2GtV2 .GQCEn5f0FSNVqvTBfegq[disabled] {
  cursor: not-allowed;
  color: var(--td-font-white-4);
}
.pN9i8nvvq_UO8ZJ2GtV2 .t-dialog__body {
  padding: 0 !important;
}
.pN9i8nvvq_UO8ZJ2GtV2 .t-dialog {
  width: 1024px;
  margin: 0 136px;
  padding: 0 !important;
  background: none;
  border: none;
}
@media screen and (max-width: 1440px) {
  .pN9i8nvvq_UO8ZJ2GtV2 .t-dialog {
    width: 768px;
  }
}

.layout-api-link {
  display: flex;
  align-items: center;
  padding: 0 24px;
  gap: 4px;
  height: 36px;
  border-radius: 100px;
  background: #1a1a1a;
  color: #ffffff;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
}
.layout-api-link:hover {
  background-color: #333;
}
.layout-api-link--no-auth {
  border: 1px solid #e6e6e6;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.9);
}
.layout-api-link--no-auth:hover {
  background-color: #f9f9f9;
}
.layout-api-link .layout-api-link-icon {
  width: 16px;
  height: 16px;
}

.layout-menu__menu-item-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.layout-menu__new {
  color: #2D68FF;
  font-weight: 500 !important;
}
.layout-menu__menu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 192px;
  padding: 16px;
  height: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.layout-menu__menu--collapsed {
  width: 0;
  padding: 16px 0;
}
.layout-menu__menu-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.layout-menu__menu-item {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 8px;
  height: 38px;
  gap: 8px;
  border-radius: 8px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  user-select: none;
}
.layout-menu__menu-item--active {
  background-color: #f3f3f3;
  font-weight: 500;
}
.layout-menu__menu-item--active .layout-menu__menu-item-right-icon {
  opacity: 1;
}
.layout-menu__menu-item:hover {
  background-color: #f3f3f3;
}
.layout-menu__menu-item:hover .layout-menu__menu-item-right-icon {
  opacity: 1;
}
.layout-menu__menu-item-right-icon {
  position: absolute;
  right: 8px;
  top: calc(50% - 8px);
  width: 16px;
  height: 16px;
  color: rgba(0, 0, 0, 0.26);
  opacity: 0;
  transform: rotate(90deg);
  transition: all 0.2s ease;
  transform-origin: center center;
}
.layout-menu__menu-item-right-icon--expand {
  transform: rotate(-90deg);
  opacity: 1;
}
.layout-menu__menu-child-item {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 45px;
  height: 38px;
  gap: 8px;
  border-radius: 8px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
}
.layout-menu__menu-child-item::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 32px;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.9);
}
.layout-menu__menu-child-item--active {
  background-color: #f3f3f3;
  font-weight: 500;
}
.layout-menu__menu-child-item:hover {
  background-color: #f3f3f3;
}

.news-swiper {
  position: relative;
  width: 100%;
}
.news-swiper__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
  width: 100%;
  aspect-ratio: 2;
  border-radius: 32px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.news-swiper__item-tag {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  padding: 0 24px;
  font-family: PingFang SC;
  font-weight: 600;
  border-radius: 0 32px 0 32px;
  font-size: 16px;
  line-height: 40px;
  vertical-align: bottom;
  color: #fff;
  background-color: #2d68ff;
}
.news-swiper__item-title {
  max-width: 720px;
  font-family: PingFang SC;
  font-weight: 600;
  font-style: Semibold;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-swiper__item-desc {
  max-width: 640px;
  margin-top: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-swiper__item-button {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-swiper__ctrl {
  z-index: 1;
  position: absolute;
  top: calc(50% - 32px);
  cursor: pointer;
}
.news-swiper__ctrl.swiper-button-disabled {
  display: none;
}
.news-swiper__next {
  right: 0;
  transform: translateX(50%);
}
.news-swiper__prev {
  left: 0;
  transform: translateX(-50%);
}
.news-swiper .swiper-pagination {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.news-swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.26);
  cursor: pointer;
}
.news-swiper .swiper-pagination-bullet-active {
  background-color: #1a1a1a;
}
.news-swiper .swiper {
  position: static;
}

.news-button {
  background-color: #1a1a1a;
  display: flex;
  align-items: center;
  padding: 4px 24px;
  height: 42px;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 100px;
  user-select: none;
  color: #fff;
  gap: 4px;
}
.news-button__arrow {
  width: 16px;
  height: 16px;
}
.news-button:hover {
  background-color: #333;
}

.titled-menubar {
  display: flex;
  align-items: center;
  gap: 12px;
}
.titled-menubar__back {
  width: 16px;
  height: 16px;
  cursor: pointer;
  color: #1A1A1A;
}
.titled-menubar__logo {
  display: flex;
  align-items: center;
}
.titled-menubar__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;
}
.titled-menubar__title {
  position: relative;
  padding-left: 14px;
  color: rgba(0, 0, 0, 0.9);
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 1%;
}
.titled-menubar__title::after {
  content: ' ';
  position: absolute;
  width: 1px;
  height: 14px;
  transform: rotateZ(20deg);
  top: 2px;
  left: 0;
  background-color: #BDBDBD;
}

.DGxzoKeskfC8sqKcGj6w {
  position: fixed;
  z-index: 100;
  right: 24px;
  top: 50%;
  width: 64px;
  background: #fff;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 6px;
  border: 0.5px solid #DCDCDC;
  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);
}
.DGxzoKeskfC8sqKcGj6w .x6YNMnWESL8F8N7QABs7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2p;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  line-height: 20px;
}
.DGxzoKeskfC8sqKcGj6w .x6YNMnWESL8F8N7QABs7:hover {
  color: rgba(0, 0, 0, 0.9);
}


.ai-podcast-share-wrapper {
  height: 100%;
  width: 100%;
  background: #F3F3F3;
}
.ai-podcast-share-wrapper .ai-podcast-share-header {
  padding: 17px;
}
.ai-podcast-share-wrapper .ai-podcast-share-header .ai-podcast-share-header-logo {
  background: url(https://cdn-portal.hunyuan.tencent.com/public/074e38834bdc4e9cf017.png) no-repeat 100% / contain;
  width: 124px;
  height: 32px;
  font-size: 0;
  display: block;
}
.ai-podcast-share-wrapper .ai-podcast-share-content {
  width: 424px;
  max-width: 93%;
  margin: 0 auto;
  margin-top: 32px;
  height: calc(100% - 66px);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.ai-podcast-share-wrapper .ai-podcast-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;
}
.ai-podcast-share-wrapper .ai-podcast-share-btn:hover {
  background: #495057;
}
.ai-podcast-share-wrapper .ai-podcast-share-player {
  width: 424px;
  max-width: 93%;
  box-sizing: border-box;
  border-radius: 12px;
  background: #ffffff;
  padding: 32px 32px 16px 32px;
}
.ai-podcast-share-wrapper .ai-podcast-share-player-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
  line-height: 22px;
}
.ai-podcast-share-wrapper .ai-podcast-share-player-title .title-content {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-weight: 600;
}
.ai-podcast-share-wrapper .ai-podcast-share-player-title .link-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ai-podcast-share-wrapper .ai-podcast-share-player-generate_way {
  color: rgba(0, 0, 0, 0.6);
  line-height: 20px;
  margin-bottom: 21px;
  cursor: pointer;
}
.ai-podcast-share-wrapper .ai-podcast-share-pc-footer {
  margin-top: 40px;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 0 24px;
  gap: 16px;
}
.ai-podcast-share-wrapper .ai-podcast-share-pc-footer .ai-podcast-share-pc-footer-btn {
  flex: 1;
  height: 46px;
  border-radius: 100px;
  background-color: #FFF;
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  line-height: 46px;
  cursor: pointer;
}
.ai-podcast-share-wrapper .ai-podcast-share-pc-footer .goCreate {
  background-color: #1a1a1a;
  color: #ffffff;
}
.ai-podcast-share-wrapper .ai-podcast-share-pc-footer .goCreate:hover {
  background-color: #333;
}
.ai-podcast-share-wrapper .ai-podcast-share-pc-footer .feedback {
  border: 1px solid #E6E6E6;
}
.ai-podcast-share-wrapper .ai-podcast-share-pc-footer .feedback:hover {
  background-color: #f9f9f9;
}
.ai-podcast-share-wrapper .ai-podcast-share-mobile-footer {
  width: 100%;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai-podcast-share-wrapper .ai-podcast-share-mobile-footer .ai-podcast-share-mobile-footer-btn {
  padding: 0 32px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.ai-podcast-share-wrapper .ai-podcast-share-mobile-footer .ai-podcast-share-mobile-footer-btn .mobile-btn {
  flex: 1;
  height: 42px;
  line-height: 42px;
  background-color: #fff;
  border-radius: 100px;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
}
.ai-podcast-share-wrapper .ai-podcast-share-mobile-footer .ai-podcast-share-mobile-footer-btn .mobile-btn.copy-link {
  color: #ffffff;
  background-color: #1a1a1a;
}
.ai-podcast-share-wrapper .ai-podcast-share-mobile-footer .mobile-tips {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  margin-top: 12px;
  text-align: center;
  position: fixed;
  bottom: 38px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.ai-podcast-share-wrapper-mobile {
  background: #f3f3f3;
}
.ai-podcast-share-wrapper-mobile .feedback {
  border: 1px solid #E6E6E6;
}
.ai-podcast-share-loading {
  position: absolute;
  left: 50%;
  top: 50%;
}

.mGp3WFZoGg2Uwx9f4xz4 {
  width: 100%;
  font-family: Arial, sans-serif;
  gap: 8px;
}
.mGp3WFZoGg2Uwx9f4xz4 .D4rVSuHigdvYjUZz9Bga {
  --td-bg-color-secondarycomponent: #F3F3F3;
  --td-brand-color: #1A1A1A;
  --td-comp-size-xxxs: 12px;
  --td-comp-paddingTB-xs: 7px;
  --td-size-2: 7px;
  margin: 0 0 0 2px;
}
.mGp3WFZoGg2Uwx9f4xz4 .D4rVSuHigdvYjUZz9Bga .t-slider__button-wrapper {
  display: none;
}
.mGp3WFZoGg2Uwx9f4xz4 .D4rVSuHigdvYjUZz9Bga .t-slider__track {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mGp3WFZoGg2Uwx9f4xz4 .D4rVSuHigdvYjUZz9Bga:hover .t-slider__button-wrapper {
  display: flex;
}
.mGp3WFZoGg2Uwx9f4xz4 .KyVR4RxB8lxQtmC7zh1L {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  color: rgba(0, 0, 0, 0.9);
}
.mGp3WFZoGg2Uwx9f4xz4 .KyVR4RxB8lxQtmC7zh1L .bdT0L62KLXvyAHUr3RCx {
  background: #F3F3F3;
  border-radius: 32px;
  height: 20px;
}
.mGp3WFZoGg2Uwx9f4xz4 .KyVR4RxB8lxQtmC7zh1L .bdT0L62KLXvyAHUr3RCx .t-input {
  height: 20px;
  border: unset !important;
  cursor: pointer;
}
.mGp3WFZoGg2Uwx9f4xz4 .KyVR4RxB8lxQtmC7zh1L .bdT0L62KLXvyAHUr3RCx .t-input .t-input__inner {
  color: #1A1A1A;
  text-align: center;
  cursor: pointer;
}
.mGp3WFZoGg2Uwx9f4xz4 .KyVR4RxB8lxQtmC7zh1L .bdT0L62KLXvyAHUr3RCx .t-select-input--borderless .t-input--focused {
  border: #F3F3F3;
  background-color: #F3F3F3;
}
.mGp3WFZoGg2Uwx9f4xz4 .KyVR4RxB8lxQtmC7zh1L .bdT0L62KLXvyAHUr3RCx .t-select .t-input,
.mGp3WFZoGg2Uwx9f4xz4 .KyVR4RxB8lxQtmC7zh1L .bdT0L62KLXvyAHUr3RCx .t-select-input--borderless .t-input:hover:not(.t-input--focused) {
  border-color: #F3F3F3;
  background-color: #F3F3F3;
  border-radius: 32px;
}
.mGp3WFZoGg2Uwx9f4xz4 .KyVR4RxB8lxQtmC7zh1L .bdT0L62KLXvyAHUr3RCx .t-input--auto-width {
  min-width: 32px;
}
.mGp3WFZoGg2Uwx9f4xz4 .KyVR4RxB8lxQtmC7zh1L .Gck2caehNNyCkNbqHTXV {
  max-width: 55px;
}
.mGp3WFZoGg2Uwx9f4xz4 .KyVR4RxB8lxQtmC7zh1L .Gck2caehNNyCkNbqHTXV .t-input--auto-width {
  min-width: 53px;
}
.mGp3WFZoGg2Uwx9f4xz4 .aXI8O1wNMsQIJKSBB8dP {
  cursor: pointer;
}
.mGp3WFZoGg2Uwx9f4xz4 .mXLPjOKasqZCJHz2HcZt {
  cursor: pointer;
  background-color: transparent;
  border: unset;
}
.mGp3WFZoGg2Uwx9f4xz4 .PDC6rgfsYGRvAVEJ6738 {
  font-size: 12px;
  color: #000;
  width: 40px;
  text-align: center;
}
.mGp3WFZoGg2Uwx9f4xz4 .JY4C24KvCDJJ5JqAhSuT {
  display: flex;
  gap: 48px;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.mGp3WFZoGg2Uwx9f4xz4 .WnnJfUniUwobMEq2ywlH {
  color: rgba(0, 0, 0, 0.26);
  font-size: 12px;
  text-align: center;
  padding: 16px 10px 0 10px;
  margin-top: 52px;
}
.O2zCDSX1ot1isVDEbNfK .t-select-option.t-is-selected:not(.t-is-disabled) {
  background-color: #F3F3F3 !important;
  color: #000 !important;
}

.thjKJTf19jWKUexm1dlo .twg0mrbpIj_GynL3SRNn {
  display: flex;
  align-items: center;
}
.thjKJTf19jWKUexm1dlo .wsqKnsXbszuaORhSKYtp {
  color: #E6E6E6;
  font-size: 12px;
  font-weight: 400;
  padding: 0 8px;
}
.thjKJTf19jWKUexm1dlo .BKKN7rkEkdGgUsRc_CZg {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 400;
}
.UiruMVBjlaKL_DLWWuwy {
  max-height: 60vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.UiruMVBjlaKL_DLWWuwy .mQrl4AsXzaQjYPZ7y2Xg {
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  padding: 8px 16px;
  box-sizing: border-box;
  flex: 1;
  overflow: auto;
}
.UiruMVBjlaKL_DLWWuwy .hmd9EEkCYqAhf0i84EDH {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.UiruMVBjlaKL_DLWWuwy .hmd9EEkCYqAhf0i84EDH .CYmmEVT58a_IjlLTjYEy {
  border-radius: 8px;
  background: #F3F3F3;
  padding: 8px;
  width: 100%;
  height: 56px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.UiruMVBjlaKL_DLWWuwy .hmd9EEkCYqAhf0i84EDH .CYmmEVT58a_IjlLTjYEy img {
  width: 40px;
  height: 40px;
}
.UiruMVBjlaKL_DLWWuwy .hmd9EEkCYqAhf0i84EDH .CYmmEVT58a_IjlLTjYEy .MifSox5xugX4I9tZ9qo7 {
  flex: 1;
  overflow: hidden;
}
.UiruMVBjlaKL_DLWWuwy .hmd9EEkCYqAhf0i84EDH .CYmmEVT58a_IjlLTjYEy .MifSox5xugX4I9tZ9qo7 .g4SmLXTGlAOuSFSwziuL,
.UiruMVBjlaKL_DLWWuwy .hmd9EEkCYqAhf0i84EDH .CYmmEVT58a_IjlLTjYEy .MifSox5xugX4I9tZ9qo7 .kVWhfW4dGepudCOitj2d {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.not-found {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.not-found__content {
  padding-top: 48px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.not-found__img {
  width: 102px;
  height: 72px;
}
.not-found__text {
  margin-top: 40px;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
}
.not-found__btn {
  padding: 0 16px;
  margin-top: 24px;
  height: 32px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  border-radius: 3px;
  background: #1a1a1a;
  color: #ffffff;
  cursor: pointer;
}

/* 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-display: block;
  font-family: "TencentSans";
  src: url(https://cdn-portal.hunyuan.tencent.com/public/92f6ceef776df549860c.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;
  }
}
.t-message {
  box-sizing: unset;
}
.t-message.t-is-warning > .t-icon-error-circle-filled {
  color: #ffb600;
}
.t-message.t-is-error > .t-icon-error-circle-filled {
  color: #ff4a3d;
}
.t-message.t-is-success > .t-icon-check-circle-filled {
  color: #00a870;
}
.t-loading__gradient-conic {
  background: conic-gradient(from 90deg at 50% 50%, rgba(0, 0, 0, 0) 0deg, rgba(0, 0, 0, 0.9) 360deg) !important;
  mask: radial-gradient(transparent calc(100% - 4px), #fff 50%) !important;
}
.t-tooltip .t-popup__content {
  font-size: 12px;
}
.hyc-component-multi-modal__image-list {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.hyc-component-multi-modal__image-list .hyc-content-img {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  overflow: hidden;
}
.hyc-component-multi-modal__image-list .hyc-content-img .hyc-content-img--round > img {
  width: 98px;
  height: 98px;
}