/*
 * 深色主题 - 变量定义与 dark 专用覆盖
 * 公共样式见 theme-style.css
 */

/* ================= 主题标识与背景 ================= */
html[data-theme='dark'] {
  color-scheme: dark;
}

/* 深色主题背景图片 */
html[data-theme='dark'],
html[data-theme='dark'] body {
  background: var(--el-bg-color) url('../black.svg') center center / cover no-repeat fixed !important;
  background-blend-mode: normal !important;
}

/* ================= 变量定义 ================= */
html[data-theme='dark'] {
  /* 选中的日期范围颜色 */
  --color-datepicker-inrange-bg-color: rgb(25 49 93) !important;

  /* 品牌色 */
  --app-brand-color: #5f82d6;
  --app-brand-color-hover: #6b91db;
  --app-brand-color-active: #3e63b3;

  /* 侧边栏 */
  --app-sidebar-width: 236px;
  --app-sidebar-bg-color: #1a2538;
  --app-sidebar-active-bg-color: #5f82d6;
  --app-sidebar-hover-bg-color: #5f82d6;
  --app-sidebar-radius: 12px;
  --app-sidebar-border-color: #2b3a53;

  /* 页面 & 组件背景 */
  --el-bg-color: #16233a;
  --el-bg-color-overlay: #101a2d;
  --el-fill-color-blank: #12243d;
  --el-fill-color: #12243d;
  --el-fill-color-light: #16304e;
  --el-fill-color-lighter: #1a3558;

  /* 文本颜色 */
  --el-text-color-primary: #e8eaee;
  --el-text-color-regular: #cfd6e3;
  --el-text-color-placeholder: #909399;

  /* 边框 */
  --el-border-color: #22324a;
  --el-border-color-lighter: #1b2a41;
  --el-card-table-border-color: #2b3a53;

  /* 表格 */
  --el-table-bg-color: transparent;
  --el-table-tr-bg-color: transparent;
  --el-table-header-bg-color: transparent;
  --el-table-row-hover-bg-color: #0d2747;
  --el-table-row-selected-bg-color: #0d2747;
  --el-table-row-selected-bar-color: var(--app-brand-color);
  --el-table-border-color: #22324a;
  --el-table-text-color: var(--el-text-color-primary);
  --el-table-header-text-color: var(--el-text-color-regular);
  --el-table-card-header-text-color: var(--el-text-color-regular);

  /* Switch 动态色阶 */
  --el-switch-bg-color: #51637c;
  --el-switch-bg-color-hover: #5e6f88;
  --el-switch-bg-color-active: #46586a;
  --el-switch-bg-color-disabled: #3c4857;
  --el-switch-knob-bg-color: #ffffff;
  --el-switch-knob-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25), 0 2px 4px rgba(0, 0, 0, 0.4);

  /* 默认按钮（重置风格） */
  --app-btn-default-bg: #27293f;
  --app-btn-default-text-color: #cfd6e3;
  --app-btn-default-border-color: #394053;
  --app-btn-default-hover-bg: #24324a;
  --app-btn-default-hover-text-color: #ffffff;
  --app-btn-default-hover-border-color: #4a5e80;

  /* 主按钮（查询）风格变量 */
  --app-btn-primary-bg: #3c75ff;
  --app-btn-primary-border-color: #37507a;
  --app-btn-primary-text-color: #ffffff;
  --app-btn-primary-hover-bg: #426093;
  --app-btn-primary-hover-border-color: #426093;
  --app-btn-primary-active-bg: #2e4165;
  --app-btn-primary-disabled-bg: #273652;
  --app-btn-primary-disabled-text: #9aa6bf;

  /* 暂停按钮（small 统一风格） */
  --app-btn-pause-bg: #2b3a53;
  --app-btn-pause-border-color: #2b3a53;
  --app-btn-pause-hover-bg: #324563;
  --app-btn-pause-hover-border-color: #324563;
  --app-btn-pause-active-bg: #27364f;
  --app-btn-pause-active-border-color: #27364f;
  --app-btn-pause-disabled-bg: #24324a;
  --app-btn-pause-disabled-border-color: #24324a;

  /* 废弃按钮（danger）风格变量 */
  --app-btn-danger-bg: #4a2a32;
  --app-btn-danger-border-color: #4a2a32;
  --app-btn-danger-text-color: #ff7b88;
  --app-btn-danger-hover-bg: #5a3039;
  --app-btn-danger-hover-border-color: #5a3039;
  --app-btn-danger-active-bg: #3a2026;
  --app-btn-danger-disabled-bg: #2f191f;
  --app-btn-danger-disabled-text: #b88990;

  /* Tag */
  --app-tag-bg-default: rgba(255, 255, 255, 0.08);
  --app-tag-border-default: rgba(255, 255, 255, 0.18);
  --app-tag-text-default: #cfd6e3;
  --app-tag-success: #67c23a;
  --app-tag-warning: #e6a23c;
  --app-tag-danger: #f56c6c;
  --app-tag-info: #909399;

  /* 状态色 */
  --status-color-start: #909399;
  --status-color-running: #409eff;
  --status-color-pause: #e6a23c;
  --status-color-abandon: #f56c6c;
  --status-color-done: #67c23a;

  /* 表格操作列 */
  --app-table-ops-bg: #13131a;

  /* Dialog */
  --app-dialog-header-start: var(--app-brand-color);
  --app-dialog-header-end: var(--app-brand-color);
  --app-dialog-border-color: var(--app-sidebar-border-color);
}

/* ================= 顶部栏 ================= */
/* 顶部栏品牌：logo 与标题使用品牌色 */
html[data-theme='dark'] .header .logo-svg path {
  fill: var(--app-brand-color) !important;
}

html[data-theme='dark'] .header h1 {
  color: var(--app-brand-color) !important;
}

/* ================= 侧边栏 ================= */
/* 侧边栏 rgba 背景与阴影，70% 不透明 */
html[data-theme='dark'] .sidebar {
  background-color: rgba(26, 37, 56, 0.7) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

/* 侧边栏菜单与标题背景透明，显示容器的圆角背景 */
html[data-theme='dark'] .sidebar .el-menu {
  background-color: transparent !important;
  border-right: none !important;
  padding: 2px !important;
}

/* 侧边栏菜单与标题背景统一 */
html[data-theme='dark'] .sidebar .el-menu,
html[data-theme='dark'] .sidebar .el-sub-menu__title {
  background-color: rgba(26, 37, 56, 0.7) !important;
}

/* 侧边栏 hover 与选中态 */
html[data-theme='dark'] .sidebar .el-menu-item:hover,
html[data-theme='dark'] .sidebar .el-sub-menu__title:hover {
  background-color: var(--app-sidebar-hover-bg-color) !important;
  color: #fff !important;
}

/* 仅高亮被选中的具体菜单项，不联动父级标题 */
html[data-theme='dark'] .sidebar .el-menu-item.is-active,
html[data-theme='dark'] .sidebar .el-menu-item.is-active:hover,
html[data-theme='dark'] .sidebar .el-menu-item.is-active:focus {
  background-color: var(--app-sidebar-active-bg-color) !important;
  color: #fff !important;
}

/* 子项选中时，不高亮父级子菜单标题 */
html[data-theme='dark'] .sidebar .el-sub-menu.is-active > .el-sub-menu__title,
html[data-theme='dark'] .sidebar .el-sub-menu:has(.el-menu-item.is-active) > .el-sub-menu__title {
  background-color: rgba(26, 37, 56, 0.7) !important;
}

/* 强制：父级子菜单标题任何状态均保持 #CDD3DE 颜色 */
html[data-theme='dark'] .sidebar .el-sub-menu__title,
html[data-theme='dark'] .sidebar .el-sub-menu__title:hover,
html[data-theme='dark'] .sidebar .el-sub-menu__title:focus,
html[data-theme='dark'] .sidebar .el-sub-menu.is-active > .el-sub-menu__title,
html[data-theme='dark'] .sidebar .el-sub-menu:has(.el-menu-item.is-active) > .el-sub-menu__title {
  color: #cdd3de !important;
}

/* ================= 卡片 ================= */
html[data-theme='dark'] .el-card {
  background-color: var(--el-bg-color-overlay) !important;
  border: 1px solid var(--el-border-color-lighter) !important;
}

html[data-theme='dark'] :is(.el-card, .table-card) {
  background-color: transparent !important;
}

html[data-theme='dark'] :is(.el-card, .table-card) :is(.el-card__body, .el-card__header) {
  background-color: transparent !important;
}

/* 卡片浅黑底方案 A：使用大面积 inset 阴影形成半透明“底色”层，可加 .no-card-shadow 禁用 */
html[data-theme='dark'] .el-card:not(.query-card):not(.no-card-shadow) {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background-color: transparent !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.05) inset,
    0 0 0 9999px rgba(18, 21, 26, 0.63) inset,
    0 6px 20px -6px rgba(0, 0, 0, 0.55);
}

/* ================= 输入 / 选择 ================= */
/* 覆盖 el-select 与 el-select-v2 的默认占位符颜色 */
html[data-theme='dark'] .el-select__placeholder,
html[data-theme='dark'] .el-select__placeholder.is-transparent,
html[data-theme='dark'] .el-select .el-select__placeholder,
html[data-theme='dark'] .el-select-v2__placeholder {
  color: var(--el-text-color-placeholder) !important;
  opacity: 1;
}

/* 指定输入框与下拉输入文字颜色 */
html[data-theme='dark'] .el-input__inner,
html[data-theme='dark'] .el-input__wrapper input,
html[data-theme='dark'] .el-select__input {
  color: var(--el-text-color-placeholder) !important;
}

html[data-theme='dark'] .el-textarea__inner,
html[data-theme='dark'] .el-select .el-input__inner,
html[data-theme='dark'] .el-select__selected-item:not(.el-select__placeholder),
html[data-theme='dark'] .el-select .el-tag__content {
  color: var(--el-table-header-text-color) !important;
}

/* placeholder 颜色同步 */
html[data-theme='dark'] .el-input__inner::placeholder,
html[data-theme='dark'] .el-input__wrapper input::placeholder,
html[data-theme='dark'] .el-select__input::placeholder {
  color: #909399 !important;
}

html[data-theme='dark'] .el-textarea__inner::placeholder {
  color: var(--el-table-header-text-color) !important;
}

/* ================= 表格 ================= */
/* 表头颜色 */
html[data-theme='dark'] .el-table thead th.el-table__cell {
  color: var(--el-table-header-text-color) !important;
}

/* 放在表格相关样式之后，保证覆盖优先级 */
html[data-theme='dark'] .el-table :is(th.el-table__cell, td.el-table__cell) {
  color: var(--el-text-color-regular) !important;
  background-color: transparent !important;
  border-color: var(--el-table-border-color) !important;
  vertical-align: middle !important;
}

/* 表格行：多行换行时保持与单行一致的上下内边距 */
html[data-theme='dark'] {
  --app-table-row-vpad: 8px;
}

html[data-theme='dark'] .el-table :is(th.el-table__cell, td.el-table__cell) {
  height: auto !important;
  min-height: 40px !important;
  padding-top: var(--app-table-row-vpad) !important;
  padding-bottom: var(--app-table-row-vpad) !important;
}

html[data-theme='dark'] .el-table :is(th.el-table__cell .cell, td.el-table__cell .cell) {
  display: flex !important;
  height: auto !important;
  align-items: flex-start !important;
  line-height: 1.4 !important;
}

/* 表格复选框（暗色：白边框、白对勾） */
html[data-theme='dark'] .el-table .el-checkbox:not(.is-disabled):hover .el-checkbox__inner {
  border-color: #ffffff !important;
}

html[data-theme='dark'] .el-table .el-checkbox.is-checked .el-checkbox__inner,
html[data-theme='dark'] .el-table .el-checkbox.is-indeterminate .el-checkbox__inner {
  background-color: transparent !important;
  border-color: #ffffff !important;
}

html[data-theme='dark'] .el-table .el-checkbox.is-checked .el-checkbox__inner::after {
  border-color: #ffffff !important;
}

html[data-theme='dark'] .el-table .el-checkbox.is-indeterminate .el-checkbox__inner::before {
  background-color: #ffffff !important;
}

html[data-theme='dark'] .el-table thead .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #ffffff !important;
  background-color: transparent !important;
}

/* 表格 loading 透明蒙层 */
html[data-theme='dark'] .el-table .el-loading-mask {
  background-color: transparent !important;
}

html[data-theme='dark'] .el-table .el-loading-spinner .path {
  stroke: var(--app-brand-color) !important;
}

/* ================= 下拉项 ================= */
html[data-theme='dark'] .el-dropdown-menu__item:hover,
html[data-theme='dark'] .el-select-dropdown__item.hover {
  background-color: #0d1626 !important;
}

/* ================= 按钮 ================= */
/* 覆盖默认按钮为“重置”样式（width 已抽至 theme-style） */
html[data-theme='dark']
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.cancel-btn) {
  background-color: var(--app-btn-default-bg) !important;
  color: var(--app-btn-default-text-color) !important;
  border-color: var(--app-btn-default-border-color) !important;
}

html[data-theme='dark']
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.detail-btn):not(.question-btn):not(.flow-btn):hover,
html[data-theme='dark']
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.detail-btn):not(.question-btn):not(.flow-btn):focus {
  background-color: var(--app-btn-default-hover-bg) !important;
  color: var(--app-btn-default-hover-text-color) !important;
  border-color: var(--app-btn-default-hover-border-color) !important;
}

/* 覆盖 primary 按钮为“查询”样式（width/bg/color 已抽至 theme-style，此处仅 dark 专用 border） */
html[data-theme='dark'] .el-button--primary {
  border-color: var(--app-btn-primary-border-color) !important;
}

html[data-theme='dark'] .el-button--primary:hover,
html[data-theme='dark'] .el-button--primary:focus {
  background-color: var(--app-btn-primary-hover-bg) !important;
  border-color: var(--app-btn-primary-hover-border-color) !important;
  color: var(--app-btn-primary-text-color) !important;
}

html[data-theme='dark'] .el-button--primary:active {
  background-color: var(--app-btn-primary-active-bg) !important;
  border-color: var(--app-btn-primary-active-bg) !important;
}

html[data-theme='dark'] .el-button--primary.is-disabled,
html[data-theme='dark'] .el-button--primary.is-disabled:hover,
html[data-theme='dark'] .el-button--primary.is-disabled:focus {
  background-color: var(--app-btn-primary-disabled-bg) !important;
  border-color: var(--app-btn-primary-disabled-bg) !important;
  color: var(--app-btn-primary-disabled-text) !important;
}

/* 让 danger 样式与 primary 一致，但不影响 small 尺寸（width/bg 已抽至 theme-style） */
html[data-theme='dark'] .el-button--danger:not(.el-button--small) {
  border-color: var(--app-btn-danger-border-color) !important;
  color: var(--app-btn-danger-text-color) !important;
}

html[data-theme='dark'] .el-button--danger:not(.el-button--small):hover,
html[data-theme='dark'] .el-button--danger:not(.el-button--small):focus {
  background-color: var(--app-btn-danger-hover-bg) !important;
  border-color: var(--app-btn-danger-hover-border-color) !important;
  color: var(--app-btn-danger-text-color) !important;
}

html[data-theme='dark'] .el-button--danger:not(.el-button--small):active {
  background-color: var(--app-btn-danger-active-bg) !important;
  border-color: var(--app-btn-danger-active-bg) !important;
}

html[data-theme='dark'] .el-button--danger.is-disabled:not(.el-button--small),
html[data-theme='dark'] .el-button--danger.is-disabled:not(.el-button--small):hover,
html[data-theme='dark'] .el-button--danger.is-disabled:not(.el-button--small):focus {
  background-color: var(--app-btn-danger-disabled-bg) !important;
  border-color: var(--app-btn-danger-disabled-bg) !important;
  color: var(--app-btn-danger-disabled-text) !important;
}

/* 小尺寸 primary 仅文字，无背景无边框（width/bg/border 已抽至 theme-style） */
html[data-theme='dark'] .el-button--primary.el-button--small {
  color: #fff !important;
}

html[data-theme='dark'] .el-button--primary.el-button--small:hover,
html[data-theme='dark'] .el-button--primary.el-button--small:focus,
html[data-theme='dark'] .el-button--primary.el-button--small:active {
  color: #fff !important;
}

html[data-theme='dark'] .el-button--primary.el-button--small.is-disabled,
html[data-theme='dark'] .el-button--primary.el-button--small.is-disabled:hover,
html[data-theme='dark'] .el-button--primary.el-button--small.is-disabled:focus {
  color: #fff !important;
  opacity: 0.7;
}

/* 表格操作列废弃按钮（base 已抽至 theme-style，此处仅 dark 专用 hover） */
html[data-theme='dark'] .table-ops .el-button--danger:not(.is-disabled):hover,
html[data-theme='dark'] .table-ops .el-button--danger:not(.is-disabled):focus,
html[data-theme='dark'] .table-ops .el-button--danger:not(.is-disabled):active {
  background-color: transparent !important;
  border-color: #ff4d4f !important;
  color: #ff4d4f !important;
}

/* el-space 按钮（width/height/border-radius/font 已抽至 theme-style） */
html[data-theme='dark']
  .el-space
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.cancel-btn) {
  background-color: #27293f !important;
  border: 1px solid rgba(57, 64, 83, 1);
  box-shadow: 0px 2px 4px 0px rgba(2, 12, 43, 0.5);
  color: #ffffff !important;
}

html[data-theme='dark']
  .el-space
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.cancel-btn):not(.detail-btn):not(.question-btn):not(.flow-btn):hover,
html[data-theme='dark']
  .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(
    .el-button--info
  ):not(.is-link):not(.is-text):not(.cancel-btn):not(.detail-btn):not(.question-btn):not(.flow-btn):hover {
  background-color: #3c75ff !important;
  border-color: #3c75ff !important;
  color: #ffffff !important;
}

/* ================= 标签 Tag ================= */
html[data-theme='dark'] .el-tag {
  background: var(--app-tag-bg-default) !important;
  border-color: var(--app-tag-border-default) !important;
  color: var(--app-tag-text-default) !important;
}

html[data-theme='dark'] .el-tag.is-hit {
  box-shadow: 0 0 0 1px var(--app-tag-border-default) inset !important;
}

html[data-theme='dark'] .el-tag.el-tag--success {
  background: rgba(103, 194, 58, 0.18) !important;
  border-color: rgba(103, 194, 58, 0.35) !important;
  color: var(--app-tag-success) !important;
}

html[data-theme='dark'] .el-tag.el-tag--warning {
  background: rgba(230, 162, 60, 0.2) !important;
  border-color: rgba(230, 162, 60, 0.38) !important;
  color: var(--app-tag-warning) !important;
}

html[data-theme='dark'] .el-tag.el-tag--danger {
  background: rgba(245, 108, 108, 0.2) !important;
  border-color: rgba(245, 108, 108, 0.4) !important;
  color: var(--app-tag-danger) !important;
}

html[data-theme='dark'] .el-tag.el-tag--info {
  background: rgba(144, 147, 153, 0.18) !important;
  border-color: rgba(144, 147, 153, 0.34) !important;
  color: var(--app-tag-info) !important;
}

html[data-theme='dark'] .el-tag.el-tag--primary {
  background: rgba(95, 130, 214, 0.2) !important;
  border-color: rgba(95, 130, 214, 0.42) !important;
  color: var(--app-brand-color) !important;
}

html[data-theme='dark'] .el-tag.is-plain {
  background: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme='dark'] .el-tag.is-plain.el-tag--success {
  color: var(--app-tag-success) !important;
  border-color: var(--app-tag-success) !important;
}

html[data-theme='dark'] .el-tag.is-plain.el-tag--warning {
  color: var(--app-tag-warning) !important;
  border-color: var(--app-tag-warning) !important;
}

html[data-theme='dark'] .el-tag.is-plain.el-tag--danger {
  color: var(--app-tag-danger) !important;
  border-color: var(--app-tag-danger) !important;
}

html[data-theme='dark'] .el-tag.is-plain.el-tag--info {
  color: var(--app-tag-info) !important;
  border-color: var(--app-tag-info) !important;
}

html[data-theme='dark'] .el-tag.is-plain.el-tag--primary {
  color: var(--app-brand-color) !important;
  border-color: var(--app-brand-color) !important;
}

/* ================= Switch ================= */
/* Switch 交互态适配（暗色关闭态/选中态） */
html[data-theme='dark'] .el-switch.is-checked .el-switch__core {
  background-color: var(--el-switch-bg-color) !important;
  border-color: var(--el-switch-bg-color) !important;
}

html[data-theme='dark'] .el-switch.is-checked:not(.is-disabled):hover .el-switch__core {
  background-color: var(--el-switch-bg-color-hover) !important;
  border-color: var(--el-switch-bg-color-hover) !important;
}

html[data-theme='dark'] .el-switch.is-checked:not(.is-disabled):active .el-switch__core {
  background-color: var(--el-switch-bg-color-active) !important;
  border-color: var(--el-switch-bg-color-active) !important;
}

html[data-theme='dark'] .el-switch.is-checked .el-switch__core .el-switch__action {
  background-color: var(--el-switch-knob-bg-color) !important;
  box-shadow: var(--el-switch-knob-shadow) !important;
}

/* Switch 禁用选中态（opacity 已抽至 theme-style） */
html[data-theme='dark'] .el-switch.is-disabled.is-checked .el-switch__core {
  background-color: var(--el-switch-bg-color-disabled) !important;
  border-color: var(--el-switch-bg-color-disabled) !important;
}

/* ================= 面包屑 ================= */
/* 深色主题：面包屑颜色定制（普通 #CDD3DE） */
html[data-theme='dark'] .breadcrumb {
  border-bottom: 1px solid #33343c;
}

html[data-theme='dark'] .breadcrumb :is(.el-breadcrumb__item .el-breadcrumb__inner) {
  color: #cdd3de !important;
}

/* ================= 抽屉-特殊处理深色主题下的智能体抽屉 ================= */
html[data-theme='dark'] .el-drawer.ksp-aigc-drawer > div {
	background-image: linear-gradient(#2b3a53, #2b3a53) !important;
}
html[data-theme='dark'] .el-drawer.ksp-aigc-drawer > div > div > div > svg {
	fill: var(--el-text-color-regular);
}

/* ================= Dialog ================= */
/* 外框：圆角 + 深色主体 + 阴影 */
html[data-theme='dark'] .el-dialog:not(.video-container-review) {
  border: 1px solid var(--app-dialog-border-color) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme='dark'] .el-dialog__body {
  background-image: linear-gradient(#2b3a53, #2b3a53);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 1px;
  background-clip: content-box;
}

html[data-theme='dark'] .el-dialog__footer {
  border-top: 1px solid #343a48 !important;
}

/* ================= 其他 ================= */
html[data-theme='dark'] .el-pagination,
html[data-theme='dark'] .el-tabs__nav-wrap {
  background-color: transparent !important;
  color: var(--el-text-color-regular) !important;
}

/* 深色主题下 tab-actions 位置调整 */
html[data-theme='dark'] .yyb-select-popover .tab-actions {
  top: 56px !important;
  left: 52px !important;
}

html[data-theme='dark'] .el-description {
  border: 1px solid var(--app-sidebar-border-color) !important;
}

/* 查询卡片内表单项间距：统一为 10px */
html[data-theme='dark']
  :is(.el-card.query-card, .query-card)
  :is(.el-form-item, .el-form-item--small, .el-form-item--large) {
  margin-bottom: 10px !important;
}

html[data-theme='dark'] .yyb-select-dialog {
  --app-btn-default-border-color: #9fa7be;
}

/* ================= 直播素材预警-智能预审统计 ================= */
html[data-theme='dark'] .stat-card {
  border: 1px solid var(--app-sidebar-border-color) !important;
}

html[data-theme='dark'] .chart-section {
  border: 1px solid var(--app-sidebar-border-color) !important;
}

html[data-theme='dark'] .stats-title h2 {
  color: #dfe0e8;
}

html[data-theme='dark'] .card-title {
  color: #dfe0e8;
}

html[data-theme='dark'] .card-count {
  color: #dfe0e8;
}

html[data-theme='dark'] .trend-bottom {
  color: #e2e6ee;
}

html[data-theme='dark'] .section-title {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .info-item .label {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .info-item .value {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .file-info .file-name {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .detail-section .section-title {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .timeline-desc {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .timeline-content {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .violation-header .violation-type {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .violation-analysis .label {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .violation-analysis .value {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .violation-sentence .label {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .violation-sentence .value {
  background: var(--el-bg-color);
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .audit-type {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .audit-sentence.highlight {
  background: var(--el-bg-color);
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .no-opinion {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .timeline-time {
  color: var(--el-text-color-primary);
}

html[data-theme='dark'] .detail-section {
  border-bottom: 1px solid #2b3a53;
}

html[data-theme='dark'] .attachment-item {
  border: 1px solid #2b3a53;
}

html[data-theme='dark'] :deep(.el-descriptions__label.el-descriptions__cell.is-bordered-label) {
  color: var(--el-text-color-primary) !important;
}

html[data-theme='dark'] :deep(.el-descriptions__content.el-descriptions__cell.is-bordered-content) {
  color: var(--el-text-color-primary) !important;
}

/* ================= 响应式 ================= */
@media (max-width: 1440px) and (max-resolution: 1.24dppx) {
  /* 与 theme-style 共用 1440 规则，此处留空覆盖用 */
}

/* 1280px 以下：再降一档，并收窄侧边栏（仅在未放大时生效） */
@media (max-width: 1280px) and (max-resolution: 1.24dppx) {
  html[data-theme='dark'] {
    font-size: 15px !important;
  }

  html[data-theme='dark'] .sidebar {
    width: 200px !important;
  }

  html[data-theme='dark'] .el-button {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 12px !important;
  }

  html[data-theme='dark'] :is(.el-input__wrapper, .el-select__wrapper) {
    height: 30px !important;
    min-height: 30px !important;
  }

  html[data-theme='dark'] .el-input__wrapper input {
    height: 30px !important;
    line-height: 30px !important;
  }

  html[data-theme='dark'] .el-table,
  html[data-theme='dark'] .el-table :is(th.el-table__cell, td.el-table__cell),
  html[data-theme='dark'] .el-table :is(.el-input__inner, .el-select, .el-select__placeholder, .cell),
  html[data-theme='dark'] :is(.el-form, .el-form-item, .el-form-item__label, .el-form-item__content) {
    font-size: 14px !important;
  }

  html[data-theme='dark'] .el-card .el-card__body {
    padding: 12px !important;
  }
}

@media (max-width: 1600px) {
  html[data-theme='dark'] .sidebar {
    width: 200px !important;
  }
}

@media (max-width: 1366px) {
  html[data-theme='dark'] .sidebar {
    width: 200px !important;
  }
}