html,
body,
#app {
  min-height: 100%;
}

/* Keep ToonFlow's native components in step with HuimengTV's site theme. */
:root[data-huimeng-theme="light"][theme-mode="light"] {
  color-scheme: light;
  --bgc: #f5f7fa;
  --page: #ffffff;
  --td-brand-color: #ff6f52 !important;
  --td-brand-color-1: rgba(255, 111, 82, .08) !important;
  --td-brand-color-2: rgba(255, 111, 82, .13) !important;
  --td-brand-color-3: rgba(255, 111, 82, .2) !important;
  --td-brand-color-4: #ffc3b7 !important;
  --td-brand-color-5: #ff9c87 !important;
  --td-brand-color-6: #ff6f52 !important;
  --td-brand-color-7: #e9573b !important;
  --td-brand-color-hover: #ff8b72 !important;
  --td-brand-color-active: #e9573b !important;
  --td-brand-color-focus: rgba(255, 111, 82, .16) !important;
  --td-brand-color-light: rgba(255, 111, 82, .09) !important;
  --td-brand-color-light-hover: rgba(255, 111, 82, .14) !important;
  --td-bg-color-page: #f5f7fa;
  --td-bg-color-container: #ffffff;
  --td-bg-color-container-hover: #f5f7fa;
  --td-bg-color-container-active: #edf1f5;
  --td-bg-color-container-select: #f1f4f8;
  --td-bg-color-secondarycontainer: #f5f7fa;
  --td-bg-color-secondarycontainer-hover: #edf1f5;
  --td-bg-color-secondarycontainer-active: #e4e9ef;
  --td-bg-color-component: #eef2f6;
  --td-bg-color-component-hover: #e5eaf0;
  --td-bg-color-component-active: #dbe2e9;
  --td-bg-color-component-disabled: #f2f4f7;
  --td-bg-color-secondarycomponent: #f7f9fb;
  --td-bg-color-secondarycomponent-hover: #eef2f6;
  --td-bg-color-secondarycomponent-active: #e4e9ef;
  --td-bg-color-specialcomponent: #f0f3f7;
  --td-text-color-primary: #171b24;
  --td-text-color-secondary: #5f6876;
  --td-text-color-placeholder: #929aa6;
  --td-text-color-disabled: #b5bbc3;
  --td-text-color-brand: #e9573b !important;
  --td-text-color-link: #376eb5 !important;
  --td-border-level-1-color: #e7ebf0;
  --td-border-level-2-color: #d9dfe6;
  --td-component-border: #d9dfe6;
  --td-component-stroke: #e7ebf0;
  --md-color: #303744;
  --md-bk-color: #ffffff;
  --md-border-color: #e1e6ec;
}

:root[data-huimeng-theme="dark"][theme-mode="dark"] {
  color-scheme: dark;
  --bgc: #0f141d;
  --page: #111722;
  --td-brand-color: #ff6f52 !important;
  --td-brand-color-1: rgba(255, 111, 82, .1) !important;
  --td-brand-color-2: rgba(255, 111, 82, .16) !important;
  --td-brand-color-3: rgba(255, 111, 82, .24) !important;
  --td-brand-color-4: #ffb09f !important;
  --td-brand-color-5: #ff8b72 !important;
  --td-brand-color-6: #ff6f52 !important;
  --td-brand-color-7: #e9573b !important;
  --td-brand-color-hover: #ff8b72 !important;
  --td-brand-color-active: #e9573b !important;
  --td-brand-color-focus: rgba(255, 111, 82, .18) !important;
  --td-brand-color-light: rgba(255, 111, 82, .1) !important;
  --td-brand-color-light-hover: rgba(255, 111, 82, .16) !important;
  --td-bg-color-page: #0f141d;
  --td-bg-color-container: #171d29;
  --td-bg-color-container-hover: #1f2734;
  --td-bg-color-container-active: #293342;
  --td-bg-color-container-select: #1f2734;
  --td-bg-color-secondarycontainer: #1b2230;
  --td-bg-color-secondarycontainer-hover: #252e3c;
  --td-bg-color-secondarycontainer-active: #303b4b;
  --td-bg-color-component: #273140;
  --td-bg-color-component-hover: #344052;
  --td-bg-color-component-active: #414e61;
  --td-bg-color-component-disabled: #202835;
  --td-bg-color-secondarycomponent: #202936;
  --td-bg-color-secondarycomponent-hover: #2b3544;
  --td-bg-color-secondarycomponent-active: #364253;
  --td-bg-color-specialcomponent: #121823;
  --td-text-color-primary: #e5e9f0;
  --td-text-color-secondary: #9ba6b6;
  --td-text-color-placeholder: #707c8d;
  --td-text-color-disabled: #626d7c;
  --td-text-color-brand: #ff9a84 !important;
  --td-text-color-link: #8fb7f8 !important;
  --td-border-level-1-color: #242d3b;
  --td-border-level-2-color: #344052;
  --td-component-border: #344052;
  --td-component-stroke: #242d3b;
  --md-color: #d9dfe8;
  --md-bk-color: #171d29;
  --md-border-color: #2b3544;
}

html[data-huimeng-theme] body,
html[data-huimeng-theme] #app {
  color: var(--td-text-color-primary);
  background: var(--bgc);
  transition: color .18s ease, background-color .18s ease;
}

html[data-huimeng-theme] .main .menu,
html[data-huimeng-theme] .main .view {
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

html[data-huimeng-theme="dark"] .footItem .active {
  background: #273140 !important;
}

html[data-huimeng-theme="light"] .footItem .active {
  background: #edf1f5 !important;
}

/* 绘梦TV 统一接管品牌入口与帮助入口。 */
.logoBox,
.footItem .item:has(.i-icon-bill),
.footItem .item:has(.i-icon-github-one),
.t-dialog__ctx:has(.helloGuide) {
  display: none !important;
}

.huimeng-hide-provider-heading {
  display: none !important;
}

html[data-huimeng-mode="user"] .settingMenu .t-menu__item:nth-child(n + 3) {
  display: none !important;
}

html[data-huimeng-mode="user"] .emptyActionButton {
  display: none !important;
}

/* 普通用户只可选择和预览视觉/导演手册，不展示新增、编辑和删除入口。 */
html[data-huimeng-access="user"] .artStylePicker .artStyleHeader .t-button,
html[data-huimeng-access="user"] .artStylePicker .artStyleContent .editBtn,
html[data-huimeng-access="user"] .artStylePicker .artStyleContent .delBtn,
html[data-huimeng-access="user"] .directorManual .directorManualHeader .t-button,
html[data-huimeng-access="user"] .directorManual .editBtn,
html[data-huimeng-access="user"] .directorManual .delBtn {
  display: none !important;
}

html[data-huimeng-mode="admin"] .settingMenu .t-menu__item:nth-child(-n + 2),
html[data-huimeng-mode="admin"] .settingMenu .t-menu__item:last-child {
  display: none !important;
}

html[data-huimeng-mode="admin"],
html[data-huimeng-mode="admin"] body,
html[data-huimeng-mode="admin"] #app {
  height: 100%;
  overflow: hidden;
  background: #f6f8fb;
}

html[data-huimeng-mode="admin"].huimeng-admin-ready .main {
  visibility: hidden;
}

.huimeng-open-settings {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10000;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid #82a9e6;
  border-radius: 6px;
  color: #17325c;
  font-size: 14px;
  font-weight: 700;
  background: #dceaff;
  box-shadow: 0 10px 28px rgba(42, 78, 126, .18);
  cursor: pointer;
}

.huimeng-open-settings:hover {
  background: #cfe2ff;
}

html[data-huimeng-mode="admin"] .t-dialog__ctx:has(.settingPanel) {
  display: block !important;
  visibility: visible !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  background: #f6f8fb !important;
}

html[data-huimeng-mode="admin"] .t-dialog__ctx:has(.settingPanel) > .t-dialog__wrap,
html[data-huimeng-mode="admin"] .t-dialog__ctx:has(.settingPanel) > .t-dialog__wrap > .t-dialog__position {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
  padding: 0 !important;
}

html[data-huimeng-mode="admin"] .t-dialog__ctx:has(.settingPanel) > .t-dialog__wrap > .t-dialog__position > .t-dialog {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column;
  margin: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  box-shadow: none !important;
}

html[data-huimeng-mode="admin"] .t-dialog__ctx:has(.settingPanel) > .t-dialog__wrap > .t-dialog__position > .t-dialog > .t-dialog__header {
  flex: 0 0 auto;
  min-height: 58px;
  padding: 0 22px;
  border-bottom: 1px solid #e6eaf0;
}

html[data-huimeng-mode="admin"] .t-dialog__ctx:has(.settingPanel) > .t-dialog__wrap > .t-dialog__position > .t-dialog > .t-dialog__header .t-dialog__close {
  display: none !important;
}

html[data-huimeng-mode="admin"] .t-dialog__ctx:has(.settingPanel) > .t-dialog__wrap > .t-dialog__position > .t-dialog > .t-dialog__body {
  min-height: 0;
  flex: 1 1 auto;
  padding: 0 !important;
  overflow: hidden;
}

html[data-huimeng-mode="admin"] .settingPanel {
  height: 100% !important;
  min-height: 0;
}

html[data-huimeng-mode="admin"] .huimeng-admin-help {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid #cfe0f7;
  border-radius: 6px;
  color: #35516f;
  font-size: 13px;
  line-height: 1.5;
  background: #eef6ff;
}

html[data-huimeng-mode="admin"] .settingMenu {
  height: 100% !important;
  flex: 0 0 232px;
  border-right: 1px solid #e6eaf0;
}

/* The admin configuration shell uses the same tokens but needs explicit light overrides
   because earlier Huimeng integration styles were authored as a dark-only console. */
html[data-huimeng-mode="admin"][data-huimeng-theme="light"],
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] body,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] #app,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-dialog__ctx:has(.settingPanel) {
  color: #171b24 !important;
  background: #f5f7fa !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-dialog__ctx:has(.settingPanel) .t-dialog,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-dialog__ctx:has(.settingPanel) .t-dialog__header,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingPanel,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight {
  color: #303744 !important;
  border-color: #e1e6ec !important;
  background: #ffffff !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight h1,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight h2,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight h3,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight h4,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight h5,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight h6 {
  color: #171b24 !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight a {
  color: #376eb5 !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingMenu,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight .t-default-menu,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight .t-menu--light {
  color: #5f6876 !important;
  border-color: #e1e6ec !important;
  background: #f7f9fb !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingMenu .t-menu__item,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight .t-menu__item {
  color: #5f6876 !important;
  background: transparent !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingMenu .t-menu__item:hover,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight .t-menu__item:hover {
  color: #171b24 !important;
  background: #edf1f5 !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingMenu .t-menu__item.t-is-active,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .settingRight .t-menu__item.t-is-active {
  color: #c9472e !important;
  background: rgba(255, 111, 82, .1) !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .huimeng-admin-help {
  color: #35516f;
  border-color: #cfe0f7;
  background: #eef6ff;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-button--theme-default,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-button--variant-outline {
  color: #303744 !important;
  border-color: #d9dfe6 !important;
  background: #ffffff !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-button--theme-default:hover,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-button--variant-outline:hover {
  color: #171b24 !important;
  border-color: #bec6d0 !important;
  background: #f5f7fa !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-input,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-input__wrap,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-textarea__inner,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-input-number,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-select-input,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] input,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] textarea {
  color: #171b24 !important;
  border-color: #d9dfe6 !important;
  background: #ffffff !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] input::placeholder,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] textarea::placeholder {
  color: #929aa6 !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-card,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .modelCard,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .md-editor,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .md-editor-preview,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .md-editor-preview-wrapper,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .md-editor-previewOnly {
  color: #303744 !important;
  border-color: #e1e6ec !important;
  background: #ffffff !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-card__title,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-card__subtitle {
  color: #171b24 !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-switch {
  background: #cfd6de !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-switch.t-is-checked {
  background: #37b98a !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-popup__content,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-select__dropdown,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-dropdown__menu,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-tooltip__content,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-drawer,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-message,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-table,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-table th,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .t-table td {
  color: #303744 !important;
  border-color: #e1e6ec !important;
  background: #ffffff !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .huimeng-nested-dialog,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .huimeng-nested-dialog > .t-dialog__header,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .huimeng-nested-dialog > .t-dialog__body {
  color: #303744 !important;
  border-color: #e1e6ec !important;
  background: #ffffff !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .huimeng-dialog-back {
  color: #303744;
  border-color: #d9dfe6;
  background: #f5f7fa;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .textTestDialog .messageList,
html[data-huimeng-mode="admin"][data-huimeng-theme="light"] .textTestDialog .messageItem.assistant .bubble {
  color: #303744 !important;
  border-color: #e1e6ec !important;
  background: #f7f9fb !important;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] ::-webkit-scrollbar-track {
  background: #f7f9fb;
}

html[data-huimeng-mode="admin"][data-huimeng-theme="light"] ::-webkit-scrollbar-thumb {
  border-color: #f7f9fb;
  background: #c8d0da;
}

/* Match the HuimengTV admin console while keeping Toonflow's component layout. */
html[data-huimeng-mode="admin"][data-huimeng-theme="dark"] {
  color-scheme: dark;
  --td-brand-color: #ff6f52 !important;
  --td-brand-color-1: rgba(255, 111, 82, .1) !important;
  --td-brand-color-2: rgba(255, 111, 82, .16) !important;
  --td-brand-color-3: rgba(255, 111, 82, .24) !important;
  --td-brand-color-4: #ffb09f !important;
  --td-brand-color-5: #ff8b72 !important;
  --td-brand-color-6: #ff6f52 !important;
  --td-brand-color-7: #e9573b !important;
  --td-brand-color-hover: #ff8b72 !important;
  --td-brand-color-active: #e9573b !important;
  --td-brand-color-focus: rgba(255, 111, 82, .18) !important;
  --td-brand-color-light: rgba(255, 111, 82, .1) !important;
  --td-brand-color-light-hover: rgba(255, 111, 82, .16) !important;
  --td-bg-color-page: #111216;
  --td-bg-color-container: #1b1d22;
  --td-bg-color-container-hover: #22242a;
  --td-bg-color-container-active: #2c2f36;
  --td-bg-color-container-select: #22242a;
  --td-bg-color-secondarycontainer: #22242a;
  --td-bg-color-secondarycontainer-hover: #2c2f36;
  --td-bg-color-secondarycontainer-active: #3a3d46;
  --td-bg-color-component: #2c2f36;
  --td-bg-color-component-hover: #3a3d46;
  --td-bg-color-component-active: #464a54;
  --td-bg-color-component-disabled: #24262c;
  --td-bg-color-secondarycomponent: #25272d;
  --td-bg-color-secondarycomponent-hover: #30333b;
  --td-bg-color-secondarycomponent-active: #3a3d46;
  --td-bg-color-specialcomponent: #17181d;
  --td-text-color-primary: #f5f6f8;
  --td-text-color-secondary: #9aa0ac;
  --td-text-color-placeholder: #686e79;
  --td-text-color-disabled: #5e646f;
  --td-text-color-brand: #ff8d72;
  --td-text-color-link: #8fb7f8;
  --td-border-level-1-color: #2c2f36;
  --td-border-level-2-color: #3a3d46;
  --td-component-border: #3a3d46;
  --td-component-stroke: #2c2f36;
  --td-success-color: #5bd2a5;
  --td-success-color-hover: #79dbb8;
  --td-success-color-active: #43b88d;
  --td-success-color-light: rgba(91, 210, 165, .11);
  --td-warning-color: #f0a15b;
  --td-warning-color-light: rgba(240, 161, 91, .12);
  --td-error-color: #ff7870;
  --td-error-color-light: rgba(255, 120, 112, .12);
  --td-shadow-1: 0 8px 24px rgba(0, 0, 0, .22);
  --td-shadow-2: 0 16px 38px rgba(0, 0, 0, .3);
  --td-shadow-3: 0 22px 54px rgba(0, 0, 0, .38);
  --md-color: #d9dce2;
  --md-bk-color: #1b1d22;
  --md-border-color: #2c2f36;
}

html[data-huimeng-mode="admin"],
html[data-huimeng-mode="admin"] body,
html[data-huimeng-mode="admin"] #app,
html[data-huimeng-mode="admin"] .t-dialog__ctx:has(.settingPanel) {
  color: #f5f6f8 !important;
  background: #111216 !important;
}

html[data-huimeng-mode="admin"] .t-dialog__ctx:has(.settingPanel) .t-dialog {
  color: #f5f6f8 !important;
  border: 1px solid #2c2f36 !important;
  background: #1b1d22 !important;
}

html[data-huimeng-mode="admin"] .t-dialog__ctx:has(.settingPanel) .t-dialog__header {
  color: #f5f6f8 !important;
  border-bottom-color: #2c2f36 !important;
  background: #1b1d22 !important;
}

html[data-huimeng-mode="admin"] .settingPanel,
html[data-huimeng-mode="admin"] .settingRight {
  color: #d9dce2 !important;
  background: #1b1d22 !important;
}

html[data-huimeng-mode="admin"] .settingRight h1,
html[data-huimeng-mode="admin"] .settingRight h2,
html[data-huimeng-mode="admin"] .settingRight h3,
html[data-huimeng-mode="admin"] .settingRight h4,
html[data-huimeng-mode="admin"] .settingRight h5,
html[data-huimeng-mode="admin"] .settingRight h6 {
  color: #f5f6f8 !important;
}

html[data-huimeng-mode="admin"] .settingRight a {
  color: #8fb7f8 !important;
}

html[data-huimeng-mode="admin"] .settingMenu {
  color: #9aa0ac !important;
  border-right-color: #2c2f36 !important;
  background: #17181d !important;
}

html[data-huimeng-mode="admin"] .settingMenu .t-menu__item {
  margin: 3px 10px;
  border-radius: 7px;
  color: #9aa0ac !important;
  background: transparent !important;
}

html[data-huimeng-mode="admin"] .settingMenu .t-menu__item:hover {
  color: #f5f6f8 !important;
  background: #22242a !important;
}

html[data-huimeng-mode="admin"] .settingMenu .t-menu__item.t-is-active {
  color: #ffffff !important;
  background: rgba(255, 91, 55, .11) !important;
}

html[data-huimeng-mode="admin"] .settingMenu .t-menu__item.t-is-active .t-icon,
html[data-huimeng-mode="admin"] .settingMenu .t-menu__item.t-is-active svg {
  color: #ff795e !important;
}

html[data-huimeng-mode="admin"] .huimeng-admin-help {
  color: #b8cef2;
  border-color: rgba(113, 167, 255, .22);
  background: rgba(113, 167, 255, .1);
}

html[data-huimeng-mode="admin"] .huimeng-open-settings {
  color: #ffffff;
  border-color: rgba(255, 91, 55, .35);
  background: #ff5b37;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .32);
}

html[data-huimeng-mode="admin"] .huimeng-open-settings:hover {
  background: #ff795e;
}

html[data-huimeng-mode="admin"] .settingRight .t-default-menu,
html[data-huimeng-mode="admin"] .settingRight .t-menu--light {
  color: #d9dce2 !important;
  border-color: #2c2f36 !important;
  background: #17181d !important;
}

html[data-huimeng-mode="admin"] .settingRight .t-menu__item {
  color: #9aa0ac !important;
  background: transparent !important;
}

html[data-huimeng-mode="admin"] .settingRight .t-menu__item:hover {
  color: #f5f6f8 !important;
  background: #22242a !important;
}

html[data-huimeng-mode="admin"] .settingRight .t-menu__item.t-is-active {
  color: #f5f6f8 !important;
  background: rgba(255, 91, 55, .11) !important;
}

html[data-huimeng-mode="admin"] .t-button--theme-primary {
  color: #ffffff !important;
  border-color: #ff5b37 !important;
  background: #ff5b37 !important;
}

html[data-huimeng-mode="admin"] .t-button--theme-primary:hover {
  border-color: #ff795e !important;
  background: #ff795e !important;
}

html[data-huimeng-mode="admin"] .t-button--theme-default,
html[data-huimeng-mode="admin"] .t-button--variant-outline {
  color: #d9dce2 !important;
  border-color: #3a3d46 !important;
  background: #22242a !important;
}

html[data-huimeng-mode="admin"] .t-button--theme-default:hover,
html[data-huimeng-mode="admin"] .t-button--variant-outline:hover {
  color: #ffffff !important;
  border-color: #565b66 !important;
  background: #2c2f36 !important;
}

html[data-huimeng-mode="admin"] .t-input,
html[data-huimeng-mode="admin"] .t-input__wrap,
html[data-huimeng-mode="admin"] .t-textarea__inner,
html[data-huimeng-mode="admin"] .t-input-number,
html[data-huimeng-mode="admin"] .t-select-input,
html[data-huimeng-mode="admin"] input,
html[data-huimeng-mode="admin"] textarea {
  color: #f5f6f8 !important;
  border-color: #3a3d46 !important;
  background: #17181d !important;
}

html[data-huimeng-mode="admin"] input::placeholder,
html[data-huimeng-mode="admin"] textarea::placeholder {
  color: #686e79 !important;
}

html[data-huimeng-mode="admin"] .t-input:hover,
html[data-huimeng-mode="admin"] .t-textarea__inner:hover,
html[data-huimeng-mode="admin"] .t-input--focused,
html[data-huimeng-mode="admin"] .t-is-focused {
  border-color: #ff795e !important;
  box-shadow: 0 0 0 2px rgba(255, 91, 55, .12) !important;
}

html[data-huimeng-mode="admin"] .t-card,
html[data-huimeng-mode="admin"] .modelCard {
  color: #d9dce2 !important;
  border-color: #2c2f36 !important;
  background: #202228 !important;
  box-shadow: none !important;
}

html[data-huimeng-mode="admin"] .t-card__title,
html[data-huimeng-mode="admin"] .t-card__subtitle {
  color: #f5f6f8 !important;
}

html[data-huimeng-mode="admin"] .t-switch {
  background: #3a3d46 !important;
}

html[data-huimeng-mode="admin"] .t-switch.t-is-checked {
  background: #5bd2a5 !important;
}

html[data-huimeng-mode="admin"] .t-tag--primary.t-tag--dark {
  color: #ffffff !important;
  background: #ff5b37 !important;
}

html[data-huimeng-mode="admin"] .t-tag--default,
html[data-huimeng-mode="admin"] .t-tag--light {
  color: #b8bec9 !important;
  background: #2c2f36 !important;
}

html[data-huimeng-mode="admin"] .t-avatar,
html[data-huimeng-mode="admin"] .t-image__wrapper {
  color: #d9dce2 !important;
  border-color: #3a3d46 !important;
  background: #2c2f36 !important;
}

html[data-huimeng-mode="admin"] .md-editor,
html[data-huimeng-mode="admin"] .md-editor-preview,
html[data-huimeng-mode="admin"] .md-editor-preview-wrapper,
html[data-huimeng-mode="admin"] .md-editor-previewOnly {
  color: #d9dce2 !important;
  border-color: #2c2f36 !important;
  background: #1b1d22 !important;
}

html[data-huimeng-mode="admin"] .md-editor-preview code,
html[data-huimeng-mode="admin"] .md-editor-preview pre {
  color: #e6e9ee !important;
  background: #17181d !important;
}

html[data-huimeng-mode="admin"] .t-popup__content,
html[data-huimeng-mode="admin"] .t-select__dropdown,
html[data-huimeng-mode="admin"] .t-dropdown__menu,
html[data-huimeng-mode="admin"] .t-tooltip__content,
html[data-huimeng-mode="admin"] .t-drawer,
html[data-huimeng-mode="admin"] .t-message {
  color: #d9dce2 !important;
  border-color: #2c2f36 !important;
  background: #22242a !important;
}

html[data-huimeng-mode="admin"] .t-table,
html[data-huimeng-mode="admin"] .t-table th,
html[data-huimeng-mode="admin"] .t-table td {
  color: #d9dce2 !important;
  border-color: #2c2f36 !important;
  background: #1b1d22 !important;
}

/* Secondary configuration pages are real dialogs, not full-screen copies of the settings shell. */
html[data-huimeng-mode="admin"] .huimeng-nested-dialog {
  width: min(1080px, calc(100vw - 56px)) !important;
  height: auto !important;
  max-width: 1080px !important;
  max-height: calc(100vh - 56px) !important;
  overflow: hidden;
  border: 1px solid #363a43 !important;
  border-radius: 8px !important;
  background: #1b1d22 !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .46) !important;
}

html[data-huimeng-mode="admin"] .huimeng-nested-dialog > .t-dialog__header {
  min-height: 60px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px !important;
  border-bottom: 1px solid #30333b !important;
  background: #202228 !important;
}

html[data-huimeng-mode="admin"] .huimeng-nested-dialog > .t-dialog__header .t-dialog__header-content {
  min-width: 0;
  flex: 1 1 auto;
  color: #f5f6f8 !important;
  font-size: 16px;
  font-weight: 800;
}

html[data-huimeng-mode="admin"] .huimeng-nested-dialog > .t-dialog__header .t-dialog__close {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  border-radius: 6px;
  color: #9aa0ac !important;
}

html[data-huimeng-mode="admin"] .huimeng-nested-dialog > .t-dialog__header .t-dialog__close:hover {
  color: #f5f6f8 !important;
  background: #2c2f36 !important;
}

html[data-huimeng-mode="admin"] .huimeng-dialog-back {
  min-height: 34px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid #3a3d46;
  border-radius: 6px;
  color: #d9dce2;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  background: #25272d;
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease, background-color .16s ease;
}

html[data-huimeng-mode="admin"] .huimeng-dialog-back:hover {
  color: #ffffff;
  border-color: rgba(113, 167, 255, .42);
  background: rgba(113, 167, 255, .12);
}

html[data-huimeng-mode="admin"] .huimeng-dialog-back > span:first-child {
  color: #8fb7f8;
  font-size: 17px;
  line-height: 1;
}

html[data-huimeng-mode="admin"] .huimeng-nested-dialog > .t-dialog__body {
  min-height: 0;
  padding: 18px !important;
  overflow: auto;
  color: #d9dce2 !important;
  background: #1b1d22 !important;
}

html[data-huimeng-mode="admin"] .textTestDialog .messageList {
  margin-bottom: 12px;
  padding: 14px !important;
  border: 1px solid #2c2f36;
  border-radius: 8px;
  background: #17181d;
}

html[data-huimeng-mode="admin"] .textTestDialog .messageList .messageItem.user .bubble {
  color: #eef5ff !important;
  border: 1px solid rgba(113, 167, 255, .28);
  background: #293d5a !important;
}

html[data-huimeng-mode="admin"] .textTestDialog .messageList .messageItem.user .bubble .role {
  color: #a9c9ff !important;
}

html[data-huimeng-mode="admin"] .textTestDialog .messageList .messageItem.assistant .bubble {
  color: #d9dce2 !important;
  border: 1px solid #30333b;
  background: #24262c !important;
}

html[data-huimeng-mode="admin"] .textTestDialog .inputArea {
  border-top-color: #30333b !important;
}

html[data-huimeng-mode="admin"] .textTestDialog .inputActions .hint {
  color: #7f8794 !important;
}

html[data-huimeng-mode="admin"] .textTestDialog .inputActions .btns .t-button--theme-primary {
  min-width: 76px;
  border-color: #ff6f52 !important;
  background: #ff6f52 !important;
}

html[data-huimeng-mode="admin"] .textTestDialog .inputActions .btns .t-button--theme-primary:hover {
  border-color: #ff8b72 !important;
  background: #ff8b72 !important;
}

@media (max-width: 760px) {
  html[data-huimeng-mode="admin"] .huimeng-nested-dialog {
    width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 20px) !important;
  }

  html[data-huimeng-mode="admin"] .huimeng-nested-dialog > .t-dialog__header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  html[data-huimeng-mode="admin"] .huimeng-nested-dialog > .t-dialog__header .t-dialog__header-content {
    order: 3;
    width: 100%;
    flex-basis: 100%;
  }
}

html[data-huimeng-mode="admin"] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html[data-huimeng-mode="admin"] ::-webkit-scrollbar-track {
  background: #17181d;
}

html[data-huimeng-mode="admin"] ::-webkit-scrollbar-thumb {
  border: 2px solid #17181d;
  border-radius: 8px;
  background: #3a3d46;
}

html[data-huimeng-mode="admin"] ::-webkit-scrollbar-thumb:hover {
  background: #565b66;
}

@media (max-width: 760px) {
  html[data-huimeng-mode="admin"] .settingMenu {
    flex-basis: 190px;
    width: 190px !important;
  }
}
