/* ============================================================
   后台 UI 全局优化层 (custom-ui.css)
   在 app.cfbe224c.css 之后加载,以同等/更高优先级覆盖默认样式。
   只做视觉与布局打磨,不改任何功能逻辑。
   ============================================================ */

:root {
  --ui-primary: #1890ff;
  --ui-primary-d: #096dd9;
  --ui-sidebar: #1e293b;
  --ui-sidebar-sub: #16202e;
  --ui-sidebar-active: #1890ff;
  --ui-bg: #f0f2f5;
  --ui-card-radius: 12px;
  --ui-shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 4px 16px rgba(15, 23, 42, .05);
  --ui-shadow-hover: 0 4px 10px rgba(15, 23, 42, .08), 0 12px 32px rgba(15, 23, 42, .08);
}

html, body {
  background: var(--ui-bg);
  -webkit-font-smoothing: antialiased;
}

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, .35); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: rgba(100, 116, 139, .55); }

/* ---------- 侧边栏 ---------- */
#app .sidebar-container {
  background-color: var(--ui-sidebar);
  box-shadow: 2px 0 8px rgba(15, 23, 42, .08);
}
#app .sidebar-container .el-menu {
  background-color: transparent;
  border-right: none;
}
#app .sidebar-container .el-menu-item,
#app .sidebar-container .submenu-title-noDropdown,
#app .sidebar-container .el-submenu__title {
  color: #cbd5e1;
  transition: background-color .18s, color .18s;
}
#app .sidebar-container .el-menu-item:hover,
#app .sidebar-container .submenu-title-noDropdown:hover,
#app .sidebar-container .el-submenu__title:hover {
  background-color: rgba(148, 163, 184, .12);
  color: #fff;
}
#app .sidebar-container .el-menu-item.is-active,
#app .sidebar-container .submenu-title-noDropdown.is-active {
  color: #fff;
  background-color: var(--ui-sidebar-active);
  font-weight: 600;
}
#app .sidebar-container .el-menu-item i,
#app .sidebar-container .submenu-title-noDropdown i,
#app .sidebar-container .el-submenu__title i {
  color: inherit;
}
/* 展开的子菜单:与侧边栏同底色,不再用更深的底(用户反馈深色易混淆) */
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title,
#app .sidebar-container .el-submenu .el-menu-item {
  background-color: transparent !important;
}
#app .sidebar-container .el-submenu .el-menu-item:hover {
  background-color: rgba(148, 163, 184, .12);
}

/* ---------- 顶栏 ---------- */
#app .fixed-header {
  background: rgba(255, 255, 255, .92);
  backdrop-filter: saturate(180%) blur(8px);
  box-shadow: 0 1px 0 rgba(15, 23, 42, .06);
}
#app .navbar {
  background: transparent;
  box-shadow: none;
}

/* ---------- 标签视图 ---------- */
.tags-view-container {
  box-shadow: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, .06);
}
.tags-view-container .tags-view-item {
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #475569 !important;
  transition: all .16s;
}
.tags-view-container .tags-view-item:not(.active):hover {
  color: var(--ui-primary) !important;
  border-color: var(--ui-primary) !important;
}
.tags-view-container .tags-view-item.active {
  background-color: var(--ui-primary) !important;
  color: #fff !important;
  border-color: var(--ui-primary) !important;
}
.tags-view-container .tags-view-item::before {
  display: none;
}

/* ---------- 主内容区 ---------- */
#app .app-main {
  padding: 16px;
  background: var(--ui-bg);
}

/* ---------- 卡片 ---------- */
.el-card {
  border: none;
  border-radius: var(--ui-card-radius);
  box-shadow: var(--ui-shadow);
  transition: box-shadow .2s;
}
.el-card:hover { box-shadow: var(--ui-shadow-hover); }
.el-card__header { border-bottom: 1px solid #eef2f7; padding: 14px 20px; }
.el-card__body { padding: 18px 20px; }

/* ---------- 按钮 ---------- */
.el-button {
  border-radius: 8px;
  font-weight: 500;
  transition: all .16s;
}
.el-button--primary {
  background-color: var(--ui-primary);
  border-color: var(--ui-primary);
  box-shadow: 0 2px 8px rgba(24, 144, 255, .28);
}
.el-button--primary:hover,
.el-button--primary:focus {
  background-color: #46a6ff;
  border-color: #46a6ff;
}
.el-button--primary:active {
  background-color: var(--ui-primary-d);
  border-color: var(--ui-primary-d);
}
.el-button--primary.is-plain {
  background: #e8f4ff;
  border-color: #b3d9ff;
  color: var(--ui-primary);
  box-shadow: none;
}
.el-button.is-circle, .el-button.is-round { border-radius: 20px; }

/* ---------- 输入 / 选择 ---------- */
.el-input__inner,
.el-textarea__inner {
  border-radius: 8px;
  border-color: #dfe5ee;
  transition: border-color .16s, box-shadow .16s;
}
.el-input__inner:hover, .el-textarea__inner:hover { border-color: #b9c6d8; }
.el-input__inner:focus, .el-textarea__inner:focus {
  border-color: var(--ui-primary);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, .12);
}
.el-select .el-input.is-focus .el-input__inner { border-color: var(--ui-primary); }
.el-input-group__append, .el-input-group__prepend { border-radius: 0 8px 8px 0; background: #f8fafc; }

/* ---------- 表格 ---------- */
.el-table {
  border-radius: 10px;
  overflow: hidden;
}
.el-table th {
  background-color: #f8fafc !important;
  color: #475569;
  font-weight: 600;
  border-bottom: 1px solid #e8edf5;
}
.el-table td { border-bottom: 1px solid #f1f5f9; }
.el-table--striped .el-table__body tr.el-table__row--striped td { background: #fafbfd; }
.el-table__body tr:hover > td { background-color: #f2f8ff !important; }
.el-table::before { display: none; }

/* ---------- 标签 / 徽标 ---------- */
.el-tag { border-radius: 20px; }
.el-tag--dark.el-tag--success, .el-tag--success { border-radius: 20px; }
.el-badge__content { border: 2px solid #fff; }

/* ---------- 对话框 / 弹层 ---------- */
.el-dialog {
  border-radius: 14px;
  box-shadow: 0 20px 60px rgba(15, 23, 42, .18);
  overflow: hidden;
}
.el-dialog__header { padding: 16px 22px; border-bottom: 1px solid #eef2f7; }
.el-dialog__title { font-weight: 600; font-size: 15px; }
.el-dialog__body { padding: 20px 22px; }
.el-dialog__footer { padding: 14px 22px; border-top: 1px solid #f1f5f9; }
.el-message {
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .14);
  border: none;
}
.el-message--success { background: #f0f9eb; }
.el-message--error { background: #fef0f0; }
.el-message--warning { background: #fdf6ec; }
.el-notification { border-radius: 12px; box-shadow: var(--ui-shadow-hover); }
.el-popover { border-radius: 10px; box-shadow: var(--ui-shadow-hover); }
.el-tooltip__popper { border-radius: 8px; }

/* ---------- 分页 ---------- */
.el-pagination .el-pager li { border-radius: 7px; min-width: 30px; }
.el-pagination .el-pager li.active { background: var(--ui-primary); color: #fff; }
.el-pagination button { border-radius: 7px; }
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--ui-primary);
  border-radius: 7px;
}

/* ---------- 下拉 / 级联 ---------- */
.el-dropdown-menu { border-radius: 10px; box-shadow: var(--ui-shadow-hover); border: 1px solid #eef2f7; }
.el-dropdown-menu__item:hover { background: #f2f8ff; color: var(--ui-primary); }
.el-select-dropdown { border-radius: 10px; box-shadow: var(--ui-shadow-hover); border: 1px solid #eef2f7; }
.el-select-dropdown__item.selected { color: var(--ui-primary); font-weight: 600; }

/* ---------- 开关 / 单选 / 复选 ---------- */
.el-switch.is-checked .el-switch__core { border-color: var(--ui-primary); background-color: var(--ui-primary); }
.el-radio__input.is-checked .el-radio__inner { border-color: var(--ui-primary); background: var(--ui-primary); }
.el-radio__input.is-checked + .el-radio__label { color: var(--ui-primary); }
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: var(--ui-primary);
  background-color: var(--ui-primary);
}
.el-checkbox__input.is-checked + .el-checkbox__label { color: var(--ui-primary); }

/* ---------- 表单 ---------- */
.el-form-item__label { color: #475569; font-weight: 500; }
.el-form-item { margin-bottom: 18px; }

/* ---------- 面包屑 ---------- */
#app .app-breadcrumb.el-breadcrumb .no-redirect { color: #94a3b8; font-weight: 400; }

/* ---------- 汉堡 / 屏幕full 等 hover ---------- */
#app .hamburger-container { line-height: 48px; }
#app .right-menu-item { vertical-align: middle; }

/* ---------- 登录页微调(仅增强,不破坏) ---------- */
.login-container .el-input__inner {
  height: 44px;
  border-radius: 10px;
}

/* ---------- 响应式 ---------- */
@media (max-width: 992px) {
  #app .app-main { padding: 12px; }
  .el-card__body { padding: 14px 16px; }
}

/* ============================================================
   二轮优化:清理 small/mini 控件的直角 + 放宽文字与边框的距离
   (官方的 .el-input--small 等两层选择器优先级更高,必须同层覆盖)
   ============================================================ */

/* ---------- small / medium / mini 输入框 ---------- */
.el-input--medium .el-input__inner { border-radius: 8px; }
.el-input--small .el-input__inner { border-radius: 8px; padding: 0 12px; }
.el-input--mini .el-input__inner { border-radius: 8px; padding: 0 11px; }
.el-input--small .el-textarea__inner, .el-input--mini .el-textarea__inner { border-radius: 8px; }

/* 输入组拼接处的圆角 */
.el-input-group--append .el-input__inner { border-radius: 8px 0 0 8px; }
.el-input-group--prepend .el-input__inner { border-radius: 0 8px 8px 0; }

/* ---------- 日期/范围选择器 ---------- */
.el-date-editor .el-input__inner,
.el-date-editor.el-input__inner { border-radius: 8px; padding-left: 30px; }
.el-range-editor.el-input__inner,
.el-range-editor--small.el-input__inner,
.el-range-editor--mini.el-input__inner { border-radius: 8px; padding: 3px 12px; }

/* ---------- small/mini 按钮 ---------- */
.el-button--medium { border-radius: 8px; }
.el-button--small { border-radius: 7px; }
.el-button--mini { border-radius: 7px; }

/* ---------- 按钮组 / 单选组两端圆角 ---------- */
.el-checkbox-button:first-child .el-checkbox-button__inner { border-radius: 8px 0 0 8px; }
.el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0 8px 8px 0; }
.el-radio-button:first-child .el-radio-button__inner { border-radius: 8px 0 0 8px; }
.el-radio-button:last-child .el-radio-button__inner { border-radius: 0 8px 8px 0; }

/* ---------- 筛选栏(inline 表单)间距 ---------- */
.el-form--inline .el-form-item { margin-right: 14px; margin-bottom: 12px; }
.el-form--inline .el-form-item__label { padding-right: 8px; color: #475569; }

/* ---------- 标签(表格里的小 tag) ---------- */
.el-tag { padding: 0 10px; line-height: 22px; height: 22px; }
.el-tag .el-tag__close { line-height: 20px; }

/* ---------- 弹层面板(日期面板/级联/穿梭框等) ---------- */
.el-picker-panel, .el-date-picker, .el-date-range-picker,
.el-cascader__dropdown, .el-color-picker__panel, .el-time-panel,
.el-transfer-panel, .el-autocomplete-suggestion {
  border-radius: 10px;
  border: 1px solid #e8edf5;
  box-shadow: var(--ui-shadow-hover);
  overflow: hidden;
}
.el-picker-panel__body-wrapper { border-radius: 10px; }

/* ---------- 消息框 / 警告条 ---------- */
.el-message-box { border-radius: 12px; box-shadow: 0 20px 60px rgba(15, 23, 42, .2); }
.el-message-box__header { padding: 16px 20px; }
.el-message-box__content { padding: 6px 20px; color: #334155; }
.el-message-box__btns { padding: 12px 20px 16px; }
.el-alert { border-radius: 10px; padding: 10px 16px; }

/* ---------- 标签页 ---------- */
.el-tabs__nav-wrap::after { height: 1px; background-color: #e8edf5; }
.el-tabs__item { padding: 0 18px; color: #475569; }
.el-tabs__item.is-active { color: var(--ui-primary); }
.el-tabs__active-bar { border-radius: 2px; height: 2px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: #fff;
  border-radius: 8px 8px 0 0;
}

/* ---------- 表格单元格留白 ---------- */
.el-table th { padding: 11px 0; }
.el-table td { padding: 10px 0; }
.el-table .cell { padding: 0 14px; line-height: 1.6; }

/* ---------- small 表格内的下拉/分页尺寸控件 ---------- */
.el-pagination .el-select .el-input .el-input__inner { border-radius: 8px; }
.el-pagination__jump .el-input__inner { border-radius: 8px; }

/* ---------- 步骤条 / 时间线 ---------- */
.el-steps .el-step__title { font-weight: 500; }

/* ---------- 描述列表 / 详情页 ---------- */
.el-descriptions { border-radius: 10px; }
.el-descriptions__body { background: #fff; }

/* ============================================================
   三轮优化:element-ui 部分样式为运行时动态注入(晚于本文件加载),
   同优先级会覆盖前面规则 —— 此轮用 #app ID 加权 + !important 兜底。
   ============================================================ */

/* ---------- 输入框(含 small/mini,解决筛选栏直角) ---------- */
#app .el-input__inner { border-radius: 8px !important; padding: 0 13px !important; }
#app .el-input--small .el-input__inner { border-radius: 8px !important; padding: 0 12px !important; }
#app .el-input--mini .el-input__inner { border-radius: 8px !important; padding: 0 11px !important; }
#app .el-textarea__inner { border-radius: 8px !important; padding: 9px 13px !important; }
#app .el-input-group--append .el-input__inner { border-radius: 8px 0 0 8px !important; }
#app .el-input-group--prepend .el-input__inner { border-radius: 0 8px 8px 0 !important; }

/* ---------- 日期/范围 ---------- */
#app .el-date-editor .el-input__inner { border-radius: 8px !important; }
#app .el-range-editor.el-input__inner,
#app .el-range-editor--small.el-input__inner,
#app .el-range-editor--mini.el-input__inner { border-radius: 8px !important; padding: 3px 12px !important; }

/* ---------- 按钮 ---------- */
#app .el-button { border-radius: 8px !important; }
#app .el-button--small, #app .el-button--mini { border-radius: 7px !important; }
#app .el-checkbox-button:first-child .el-checkbox-button__inner { border-radius: 8px 0 0 8px !important; }
#app .el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0 8px 8px 0 !important; }
#app .el-radio-button:first-child .el-radio-button__inner { border-radius: 8px 0 0 8px !important; }
#app .el-radio-button:last-child .el-radio-button__inner { border-radius: 0 8px 8px 0 !important; }

/* ---------- 卡片 / 表格 / 标签 ---------- */
#app .el-card { border-radius: 12px !important; border: none !important; }
#app .el-table { border-radius: 10px !important; }
#app .el-table th { background-color: #f8fafc !important; padding: 11px 0 !important; }
#app .el-table td { padding: 10px 0 !important; }
#app .el-table .cell { padding: 0 14px !important; }
#app .el-tag { border-radius: 20px !important; padding: 0 10px !important; }

/* ---------- 对话框 / 消息 ---------- */
#app .el-dialog { border-radius: 14px !important; }
#app .el-message { border-radius: 10px !important; }
#app .el-message-box { border-radius: 12px !important; }
#app .el-alert { border-radius: 10px !important; }
#app .el-dropdown-menu { border-radius: 10px !important; }
#app .el-select-dropdown { border-radius: 10px !important; }
#app .el-picker-panel, #app .el-date-picker, #app .el-date-range-picker,
#app .el-cascader__dropdown { border-radius: 10px !important; }

/* ---------- 分页 ---------- */
#app .el-pagination .el-pager li { border-radius: 7px !important; }
#app .el-pagination button { border-radius: 7px !important; }
#app .el-pagination.is-background .el-pager li:not(.disabled).active { border-radius: 7px !important; }

/* ============================================================
   四轮:侧边栏改为浅色白底(2026-09-21 用户要求换色)
   覆盖前三轮的深色规则;如需回到深色,删掉本段即可
   ============================================================ */

/* 侧边栏容器 */
#app .sidebar-container {
  background-color: #fff !important;
  border-right: 1px solid #eef2f7;
  box-shadow: 2px 0 12px rgba(15, 23, 42, .04) !important;
}
#app .sidebar-container .el-menu { background-color: transparent !important; }

/* logo 区域 */
#app .sidebar-container .sidebar-logo-container {
  background: linear-gradient(180deg, #f8fafc, #ffffff) !important;
  border-bottom: 1px solid #eef2f7 !important;
}
#app .sidebar-container .sidebar-title { color: #1e293b !important; }
#app .sidebar-container .sidebar-logo-link img { filter: none; }

/* 菜单项文字 */
#app .sidebar-container .el-menu-item,
#app .sidebar-container .submenu-title-noDropdown,
#app .sidebar-container .el-submenu__title {
  color: #475569 !important;
}
#app .sidebar-container .el-menu-item i,
#app .sidebar-container .submenu-title-noDropdown i,
#app .sidebar-container .el-submenu__title i { color: #94a3b8 !important; }

/* 悬浮 */
#app .sidebar-container .el-menu-item:hover,
#app .sidebar-container .submenu-title-noDropdown:hover,
#app .sidebar-container .el-submenu__title:hover {
  background-color: #f2f8ff !important;
  color: var(--ui-primary) !important;
}
#app .sidebar-container .el-menu-item:hover i,
#app .sidebar-container .submenu-title-noDropdown:hover i,
#app .sidebar-container .el-submenu__title:hover i { color: var(--ui-primary) !important; }

/* 选中:蓝底白字胶囊(保持与前三轮一致的高可读性) */
#app .sidebar-container .el-menu-item.is-active,
#app .sidebar-container .submenu-title-noDropdown.is-active {
  background-color: var(--ui-primary) !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(24, 144, 255, .25) !important;
}
#app .sidebar-container .el-menu-item.is-active i { color: #fff !important; }

/* 展开的子菜单:浅底区分层级,不再用深色 */
#app .sidebar-container .el-menu--inline .el-menu-item {
  background-color: transparent !important;
  color: #64748b !important;
}
#app .sidebar-container .el-menu--inline .el-menu-item:hover {
  background-color: #f2f8ff !important;
  color: var(--ui-primary) !important;
}
#app .sidebar-container .el-menu--inline .el-menu-item.is-active {
  background-color: var(--ui-primary) !important;
  color: #fff !important;
}
/* 父级菜单在子项选中时的高亮 */
#app .sidebar-container .el-submenu.is-active > .el-submenu__title {
  color: var(--ui-primary) !important;
}
#app .sidebar-container .el-submenu.is-active > .el-submenu__title i { color: var(--ui-primary) !important; }

/* 折叠态弹出菜单:白底 + 细边框,与侧边栏一致 */
#app .el-menu--vertical .el-menu {
  background-color: #fff !important;
  border: 1px solid #eef2f7 !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .12) !important;
}


/* logo 区域:渐变底 + 分割线 */
#app .sidebar-container .sidebar-logo-container {
  background: linear-gradient(180deg, rgba(148, 163, 184, .10), rgba(148, 163, 184, .02));
  border-bottom: 1px solid rgba(148, 163, 184, .14);
}
#app .sidebar-container .sidebar-logo-link { padding: 0 14px !important; }
#app .sidebar-container .sidebar-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: .5px;
  color: #f1f5f9 !important;
}

/* 菜单项:留边 + 胶囊化 */
#app .sidebar-container .el-menu-item,
#app .sidebar-container .submenu-title-noDropdown,
#app .sidebar-container .el-submenu__title {
  margin: 3px 10px !important;
  border-radius: 9px !important;
  height: 44px !important;
  line-height: 44px !important;
}
#app .sidebar-container .el-menu--inline .el-menu-item {
  margin: 2px 10px !important;
  background-color: transparent !important;
}
/* 折叠态弹出的子菜单:改为浅色,避免与主菜单深色混淆 */
#app .el-menu--vertical .el-menu {
  border-radius: 10px !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .18) !important;
  background-color: #fff !important;
  border: 1px solid #eef2f7;
  padding: 4px;
}
#app .el-menu--vertical .el-menu .el-menu-item,
#app .el-menu--vertical .submenu-title-noDropdown {
  background-color: transparent !important;
  border-radius: 8px;
  margin: 2px 4px;
  color: #334155 !important;
}
#app .el-menu--vertical .el-menu .el-menu-item:hover,
#app .el-menu--vertical .submenu-title-noDropdown:hover {
  background-color: #f2f8ff !important;
  color: var(--ui-primary) !important;
}
#app .el-menu--vertical .el-menu .el-menu-item.is-active {
  background-color: var(--ui-primary) !important;
  color: #fff !important;
  font-weight: 600;
}

/* 激活项:实底填充、白字加粗,去掉光晕/描边/边框(用户反馈蓝色边框多余) */
#app .sidebar-container .el-menu-item.is-active,
#app .sidebar-container .submenu-title-noDropdown.is-active {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
/* ---------- 五轮收尾:确保浅色侧边栏生效 ----------
   (前面「侧边栏精修」段里有针对深色的 !important 规则,必须放到文件末尾才能覆盖) */
#app .sidebar-container .sidebar-logo-container {
  background: linear-gradient(180deg, #f8fafc, #ffffff) !important;
  border-bottom: 1px solid #eef2f7 !important;
}
#app .sidebar-container .sidebar-title {
  color: #1e293b !important;
  text-shadow: none !important;
}
#app .sidebar-container .el-menu-item.is-active,
#app .sidebar-container .submenu-title-noDropdown.is-active {
  background-color: var(--ui-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(24, 144, 255, .25) !important;
  border: none !important;
}
#app .sidebar-container .el-menu-item.is-active i,
#app .sidebar-container .submenu-title-noDropdown.is-active i { color: #fff !important; }

/* 去掉 focus 时的浏览器默认描边 */
#app .sidebar-container .el-menu-item:focus,
#app .sidebar-container .submenu-title-noDropdown:focus,
#app .sidebar-container .el-submenu__title:focus { outline: none !important; }

/* ---------- 六轮:清掉菜单项自身的深色底 ----------
   vue-element-admin 原样式给 .el-menu-item / .el-submenu__title 强制了
   background-color:#304156 !important,导致浅色侧边栏下菜单项仍是深色药丸 */
#app .sidebar-container .el-menu-item,
#app .sidebar-container .submenu-title-noDropdown,
#app .sidebar-container .el-submenu__title,
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title,
#app .sidebar-container .el-submenu .el-menu-item {
  background-color: transparent !important;
  color: #475569 !important;
}
#app .sidebar-container .el-menu-item:hover,
#app .sidebar-container .submenu-title-noDropdown:hover,
#app .sidebar-container .el-submenu__title:hover,
#app .sidebar-container .el-submenu .el-menu-item:hover {
  background-color: #f2f8ff !important;
  color: var(--ui-primary) !important;
}
/* 选中态优先级最高,放在最后 */
#app .sidebar-container .el-menu-item.is-active,
#app .sidebar-container .submenu-title-noDropdown.is-active,
#app .sidebar-container .el-menu--inline .el-menu-item.is-active {
  background-color: var(--ui-primary) !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(24, 144, 255, .25) !important;
}
#app .sidebar-container .el-menu-item.is-active i,
#app .sidebar-container .submenu-title-noDropdown.is-active i,
#app .sidebar-container .el-menu--inline .el-menu-item.is-active i { color: #fff !important; }
/* 图标统一浅灰,悬浮/选中变蓝或白 */
#app .sidebar-container .el-menu-item i,
#app .sidebar-container .submenu-title-noDropdown i,
#app .sidebar-container .el-submenu__title i { color: #94a3b8 !important; }
#app .sidebar-container .el-menu-item:hover i,
#app .sidebar-container .submenu-title-noDropdown:hover i,
#app .sidebar-container .el-submenu__title:hover i { color: var(--ui-primary) !important; }

/* ============================================================
   八轮:后台首页(仪表盘)布局优化
   结构:.dashboard-editor-container > .panel-group(4×.card-panel) + el-table
   ============================================================ */
#app .dashboard-editor-container {
  padding: 2px 0 28px;
  background: transparent;
}

/* ---- 顶部 4 张数据卡 ---- */
#app .dashboard-editor-container .panel-group { margin-bottom: 2px; }
#app .dashboard-editor-container .card-panel-col { margin-bottom: 16px; }
#app .dashboard-editor-container .card-panel {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 96px;
  padding: 20px 24px;
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .04);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#app .dashboard-editor-container .card-panel::before {
  content: '';
  position: absolute;
  left: 0; top: 20px; bottom: 20px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--ui-primary);
}
#app .dashboard-editor-container .card-panel-col:nth-child(2) .card-panel::before { background: #36cfc9; }
#app .dashboard-editor-container .card-panel-col:nth-child(3) .card-panel::before { background: #722ed1; }
#app .dashboard-editor-container .card-panel-col:nth-child(4) .card-panel::before { background: #fa8c16; }
#app .dashboard-editor-container .card-panel:hover {
  transform: translateY(-2px);
  border-color: #d6e8ff;
  box-shadow: 0 4px 10px rgba(15, 23, 42, .07), 0 14px 36px rgba(15, 23, 42, .08);
}
/* 覆盖组件里的内联样式(float:left / margin-left:26px) */
#app .dashboard-editor-container .card-panel-description {
  float: none !important;
  margin-left: 0 !important;
  width: 100%;
}
#app .dashboard-editor-container .card-panel-text {
  font-size: 13px;
  color: #8492a6;
  margin-bottom: 6px;
  font-weight: 500;
}
#app .dashboard-editor-container .card-panel-num {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  color: #1e293b;
  font-variant-numeric: tabular-nums;
  letter-spacing: .5px;
}

/* ---- 应用数据表:卡片化 ---- */
#app .dashboard-editor-container .el-table {
  border: 1px solid #eef2f7;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .04);
  background: #fff;
  padding-top: 4px;
}
#app .dashboard-editor-container .el-table th {
  background-color: #f8fafc !important;
  height: 46px;
}
#app .dashboard-editor-container .el-table td { height: 52px; }
#app .dashboard-editor-container .el-table .cell { padding: 0 16px !important; }
#app .dashboard-editor-container .el-table .el-avatar {
  border-radius: 8px;
  background: #eef4ff;
}
#app .dashboard-editor-container .el-table__body tr:hover > td {
  background-color: #f7fbff !important;
}

/* 小屏:卡片两列时收一点内边距 */
@media (max-width: 992px) {
  #app .dashboard-editor-container .card-panel { min-height: 84px; padding: 16px 18px; }
  #app .dashboard-editor-container .card-panel-num { font-size: 22px; }
}

/* ---- 图表区 / 应用表区域卡片化 ---- */
#app .dashboard-editor-container .chart-wrapper {
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 14px;
  padding: 8px 12px 4px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .04);
}
#app .dashboard-editor-container > .el-row {
  margin-bottom: 4px;
}
#app .dashboard-editor-container > .el-row > .el-col { margin-bottom: 16px; }
/* 图表区里的标题 */
#app .dashboard-editor-container .chart-wrapper .el-divider,
#app .dashboard-editor-container .chart-wrapper h3 {
  margin: 6px 0 10px;
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
}
/* 右侧应用表容器(若无卡片包裹则自身已是卡片) */
#app .dashboard-editor-container .el-row > .el-col > .el-table,
#app .dashboard-editor-container .el-row > .el-col .el-table { margin-top: 0; }

/* ============================================================
   九轮:侧边栏深色"死角"彻底清除
   覆盖 element-ui 内联背景 + vue-element-admin 各状态规则
   (含 is-opened / is-active / 嵌套 / 悬浮,选择器加权到 id+4class)
   ============================================================ */
#app .sidebar-container .el-menu .el-menu-item,
#app .sidebar-container .el-menu .submenu-title-noDropdown,
#app .sidebar-container .el-menu .el-submenu__title,
#app .sidebar-container .el-menu .el-submenu.is-opened > .el-submenu__title,
#app .sidebar-container .el-menu .el-submenu.is-active > .el-submenu__title,
#app .sidebar-container .el-menu .nest-menu .el-submenu > .el-submenu__title,
#app .sidebar-container .el-menu .el-menu--inline .el-menu-item,
#app .sidebar-container .el-menu .el-menu--inline .el-submenu__title {
  background-color: transparent !important;
  background-image: none !important;
}
/* 已展开的父级:用主色文字 + 淡蓝底轻微提示,而不是深色块 */
#app .sidebar-container .el-menu .el-submenu.is-opened > .el-submenu__title {
  background-color: #f7fbff !important;
  color: var(--ui-primary) !important;
}
#app .sidebar-container .el-menu .el-submenu.is-opened > .el-submenu__title i {
  color: var(--ui-primary) !important;
}
/* 悬浮 */
#app .sidebar-container .el-menu .el-menu-item:hover,
#app .sidebar-container .el-menu .submenu-title-noDropdown:hover,
#app .sidebar-container .el-menu .el-submenu__title:hover,
#app .sidebar-container .el-menu .nest-menu .el-submenu > .el-submenu__title:hover {
  background-color: #f2f8ff !important;
  color: var(--ui-primary) !important;
}
/* 选中(优先级最高,放最后) */
#app .sidebar-container .el-menu .el-menu-item.is-active,
#app .sidebar-container .el-menu .submenu-title-noDropdown.is-active,
#app .sidebar-container .el-menu .el-menu--inline .el-menu-item.is-active {
  background-color: var(--ui-primary) !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(24, 144, 255, .25) !important;
}
#app .sidebar-container .el-menu .el-menu-item.is-active i { color: #fff !important; }
/* 折叠态弹出菜单里的深色残留 */
#app .el-menu--vertical .el-menu .el-submenu__title,
#app .el-menu--vertical .el-menu .el-submenu.is-opened > .el-submenu__title,
#app .el-menu--vertical .el-menu .nest-menu .el-submenu > .el-submenu__title {
  background-color: transparent !important;
  color: #334155 !important;
}
#app .el-menu--vertical .el-menu .el-submenu__title:hover { background-color: #f2f8ff !important; color: var(--ui-primary) !important; }

/* ============================================================
   十轮:仪表盘增强区块(数据概览 / 快捷入口 / 系统环境)
   DOM 由 index.html 注入脚本创建,类名前缀 dx-
   ============================================================ */
#app .dashboard-editor-container .dash-extra { margin-top: 2px; }
#app .dashboard-editor-container .dx-block {
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 14px;
  padding: 18px 20px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .04);
  margin-bottom: 16px;
}
#app .dashboard-editor-container .dx-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 14px;
}
#app .dashboard-editor-container .dx-title::before {
  content: '';
  width: 3px;
  height: 14px;
  border-radius: 3px;
  background: var(--ui-primary);
}
#app .dashboard-editor-container .dx-sub { font-size: 12px; color: #94a3b8; font-weight: 400; }

/* 4 张补充数据卡 */
#app .dashboard-editor-container .dx-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
}
#app .dashboard-editor-container .dx-card {
  position: relative;
  padding: 16px 18px;
  border-radius: 12px;
  background: linear-gradient(180deg, #fbfdff, #ffffff);
  border: 1px solid #eef2f7;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#app .dashboard-editor-container .dx-card::before {
  content: '';
  position: absolute;
  left: 0; top: 16px; bottom: 16px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--dx, #1890ff);
}
#app .dashboard-editor-container .dx-card:hover {
  transform: translateY(-2px);
  border-color: #d6e8ff;
  box-shadow: 0 4px 10px rgba(15, 23, 42, .07), 0 14px 30px rgba(15, 23, 42, .07);
}
#app .dashboard-editor-container .dx-card-label { font-size: 13px; color: #8492a6; }
#app .dashboard-editor-container .dx-card-num {
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin: 6px 0 4px;
  font-variant-numeric: tabular-nums;
  letter-spacing: .5px;
}
#app .dashboard-editor-container .dx-card-extra { font-size: 12px; color: #a8b3c4; }

/* 小指标胶囊 */
#app .dashboard-editor-container .dx-chips { display: flex; flex-wrap: wrap; gap: 10px; }
#app .dashboard-editor-container .dx-cards + .dx-chips { margin-top: 14px; }
#app .dashboard-editor-container .dx-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 20px;
  background: #f6f9fe;
  border: 1px solid #e8f0fb;
  font-size: 12.5px;
}
#app .dashboard-editor-container .dx-chip-k { color: #8492a6; }
#app .dashboard-editor-container .dx-chip-v { color: #1e293b; font-weight: 600; }

/* 第二行:快捷入口 + 系统环境 */
#app .dashboard-editor-container .dx-row2 {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 16px;
}
#app .dashboard-editor-container .dx-row2 .dx-block { margin-bottom: 16px; }
#app .dashboard-editor-container .dx-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
#app .dashboard-editor-container .dx-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  color: #334155;
  text-decoration: none;
  font-size: 13.5px;
  transition: background .16s, border-color .16s, color .16s;
}
#app .dashboard-editor-container .dx-link:hover {
  background: #f2f8ff;
  border-color: #cfe3ff;
  color: var(--ui-primary);
}
#app .dashboard-editor-container .dx-link span { color: #c0cbd9; font-size: 15px; }

@media (max-width: 1200px) {
  #app .dashboard-editor-container .dx-row2 { grid-template-columns: 1fr; }
}

/* ============================================================
   十一轮:侧边栏「折叠态」修正(⚠️ 权重不足,已被文末「十二轮」定稿覆盖,
   保留此处仅作参考;生效的规则在文件最后的十二轮)
   ============================================================ */

/* ---- ① 折叠态:菜单项与图标居中 ---- */
#app .hideSidebar .sidebar-container .el-menu-item,
#app .hideSidebar .sidebar-container .submenu-title-noDropdown,
#app .hideSidebar .sidebar-container .el-submenu__title {
  margin: 3px 0 !important;
  padding: 0 !important;
  border-radius: 10px !important;
  height: 46px !important;
  line-height: 46px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
/* 去掉官方那套 margin-left:20px 的图标定位,以及 element-ui 的 margin-right */
#app .hideSidebar .sidebar-container .el-menu-item i,
#app .hideSidebar .sidebar-container .submenu-title-noDropdown i,
#app .hideSidebar .sidebar-container .el-submenu__title i,
#app .hideSidebar .sidebar-container .el-menu-item .svg-icon,
#app .hideSidebar .sidebar-container .submenu-title-noDropdown .svg-icon,
#app .hideSidebar .sidebar-container .el-submenu__title .svg-icon,
#app .hideSidebar .sidebar-container .el-menu-item .sub-el-icon,
#app .hideSidebar .sidebar-container .el-submenu__title .sub-el-icon {
  margin: 0 !important;
  width: 20px;
  text-align: center;
  font-size: 18px;
}
#app .hideSidebar .sidebar-container .el-menu-item.is-active,
#app .hideSidebar .sidebar-container .submenu-title-noDropdown.is-active,
#app .hideSidebar .sidebar-container .el-submenu.is-opened > .el-submenu__title {
  border-radius: 10px !important;
}
/* 折叠态 logo 区留白 */
#app .hideSidebar .sidebar-container .sidebar-logo-link { padding: 0 !important; justify-content: center; }

/* ---- ② 折叠态弹出的菜单(在 body 下,不带 #app 前缀)---- */
.el-menu--popup,
.el-menu--vertical.el-menu--popup {
  background-color: #fff !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .12) !important;
  padding: 6px !important;
  min-width: 180px !important;
}
.el-menu--popup .el-menu,
.el-menu--vertical.el-menu--popup .el-menu {
  background-color: #fff !important;
}
.el-menu--popup .el-menu-item,
.el-menu--popup .el-submenu__title,
.el-menu--vertical.el-menu--popup .el-menu-item,
.el-menu--vertical.el-menu--popup .el-submenu__title,
.el-menu--popup .nest-menu .el-submenu > .el-submenu__title,
.el-menu--popup .el-submenu .el-menu-item {
  background-color: transparent !important;
  color: #334155 !important;
  height: 40px !important;
  line-height: 40px !important;
  margin: 2px 4px !important;
  border-radius: 8px !important;
  min-width: auto !important;
}
.el-menu--popup .el-menu-item i,
.el-menu--popup .el-submenu__title i,
.el-menu--vertical.el-menu--popup .el-menu-item i,
.el-menu--vertical.el-menu--popup .el-submenu__title i {
  color: #94a3b8 !important;
  margin-right: 8px !important;
}
.el-menu--popup .el-menu-item:hover,
.el-menu--popup .el-submenu__title:hover,
.el-menu--vertical.el-menu--popup .el-menu-item:hover,
.el-menu--vertical.el-menu--popup .el-submenu__title:hover {
  background-color: #f2f8ff !important;
  color: var(--ui-primary) !important;
}
.el-menu--popup .el-menu-item:hover i,
.el-menu--popup .el-submenu__title:hover i { color: var(--ui-primary) !important; }
.el-menu--popup .el-menu-item.is-active,
.el-menu--popup .el-submenu__title.is-active,
.el-menu--vertical.el-menu--popup .el-menu-item.is-active {
  background-color: var(--ui-primary) !important;
  color: #fff !important;
  font-weight: 600;
}
.el-menu--popup .el-menu-item.is-active i { color: #fff !important; }


/* ============================================================
   十二轮(定稿):折叠态图标居中 + 折叠弹出菜单彻底浅色
   —— 覆盖十一轮(上一轮权重不足,被官方 !important 压住,线上表现未变化)

   官方 app.css 与之冲突的规则(已逐条从编译产物中抽出确认)——
   ① .el-menu--collapse{width:64px}
      → 折叠时容器已缩到 54px,菜单 ul 却仍是 64px,图标在 64px 内居中后被裁掉
        右侧 10px,视觉上就是「偏位」
   ② #app .hideSidebar .el-submenu>.el-submenu__title .svg-icon{margin-left:20px}
      #app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon{margin-left:20px}
      → 图标被硬推到左边 20px,不居中
   ③ .el-menu--vertical .el-menu-item:hover,
      .el-menu--vertical .nest-menu .el-submenu>.el-submenu__title:hover
        {background-color:#263445!important}          ← 5 类权重、无 #app 前缀
      → 这条会命中 body 下的折叠弹层,所以鼠标一放上去仍是深色

   覆盖策略:「body 前缀 + 完整层级」把权重抬到 6 类以上,并全部 !important,
   保证稳定压过上面三条(不依赖样式表加载顺序)
   ============================================================ */

/* ---- ①-1 折叠态:容器 / 菜单 / 菜单项尺寸统一,图标才能真居中 ---- */
#app .hideSidebar .sidebar-container,
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse {
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
}
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse > .el-menu-item,
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse > .el-submenu > .el-submenu__title,
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse .submenu-title-noDropdown {
  width: 46px !important;
  min-width: 0 !important;
  max-width: 46px !important;
  height: 46px !important;
  line-height: 46px !important;
  margin: 3px 4px !important;          /* 左右各 4px,(54-46)/2,加 margin 后正好居中 */
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* ---- ①-2 折叠态:图标一律居中(压掉官方 margin-left:20px / 19px 与 24px 宽度) ---- */
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse .svg-icon,
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse .sub-el-icon,
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse i,
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse [class^="el-icon-"],
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse .el-tooltip {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
  display: inline-block !important;
  width: 20px !important;
  min-width: 0 !important;
  height: 20px !important;
  line-height: 20px !important;
  font-size: 18px !important;
  text-align: center !important;
  vertical-align: middle !important;
}
/* 折叠态隐藏文字与展开箭头(官方已有,这里再兜一层) */
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse > .el-menu-item span,
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse > .el-submenu > .el-submenu__title span,
#app .hideSidebar .sidebar-container .el-menu.el-menu--collapse .el-submenu__icon-arrow {
  display: none !important;
}

/* ---- ①-3 折叠态:Logo 区居中(官方 .sidebar-logo 带 margin-right:12px) ---- */
#app .hideSidebar .sidebar-container .sidebar-logo-container {
  width: 54px !important;
  padding: 0 !important;
  text-align: center !important;
}
#app .hideSidebar .sidebar-container .sidebar-logo-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
#app .hideSidebar .sidebar-container .sidebar-logo-link .sidebar-logo {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  border-radius: 9px !important;
  object-fit: contain !important;
}
#app .hideSidebar .sidebar-container .sidebar-title { display: none !important; }

/* ---- ②-1 折叠弹出的菜单(挂在 body 下,故不用 #app 前缀):弹层容器 ---- */
body .el-menu--popup,
body .el-menu--vertical.el-menu--popup,
body .el-menu--popup.el-menu--popup-right-start,
body .el-menu--vertical.el-menu--popup.el-menu--popup-right-start {
  background-color: #fff !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .12) !important;
  padding: 6px !important;
  min-width: 180px !important;
}
body .el-menu--popup .el-menu,
body .el-menu--vertical.el-menu--popup .el-menu {
  background-color: #fff !important;
}

/* ---- ②-2 基础态:所有层级的普通项 / 子菜单标题(nest-menu 也要覆盖) ---- */
body .el-menu--popup .el-menu-item,
body .el-menu--popup .el-submenu__title,
body .el-menu--popup .el-submenu > .el-submenu__title,
body .el-menu--popup .nest-menu .el-submenu > .el-submenu__title,
body .el-menu--vertical .el-menu--popup .el-menu-item,
body .el-menu--vertical .el-menu--popup .el-submenu__title,
body .el-menu--vertical .el-menu--popup .el-submenu > .el-submenu__title,
body .el-menu--vertical .el-menu--popup .nest-menu .el-submenu > .el-submenu__title {
  background-color: transparent !important;
  background-image: none !important;
  color: #334155 !important;
  height: 40px !important;
  line-height: 40px !important;
  min-width: 0 !important;
  margin: 2px 4px !important;
  border-radius: 8px !important;
  font-weight: 400 !important;
}

/* ---- ②-3 悬浮态:淡蓝底 + 主色字(正面压过官方 #263445 !important) ---- */
body .el-menu--popup .el-menu-item:hover,
body .el-menu--popup .el-submenu__title:hover,
body .el-menu--popup .el-submenu > .el-submenu__title:hover,
body .el-menu--popup .nest-menu .el-submenu > .el-submenu__title:hover,
body .el-menu--vertical .el-menu--popup .el-menu-item:hover,
body .el-menu--vertical .el-menu--popup .el-submenu__title:hover,
body .el-menu--vertical .el-menu--popup .submenu-title-noDropdown:hover,
body .el-menu--vertical .el-menu--popup .el-submenu > .el-submenu__title:hover,
body .el-menu--vertical .el-menu--popup .nest-menu .el-submenu > .el-submenu__title:hover {
  background-color: #f2f8ff !important;
  background-image: none !important;
  color: var(--ui-primary) !important;
}

/* ---- ②-4 展开中 / 选中态 ---- */
body .el-menu--popup .el-submenu.is-opened > .el-submenu__title,
body .el-menu--vertical .el-menu--popup .el-submenu.is-opened > .el-submenu__title {
  background-color: #f2f8ff !important;
  color: var(--ui-primary) !important;
}
body .el-menu--popup .el-menu-item.is-active,
body .el-menu--popup .submenu-title-noDropdown.is-active,
body .el-menu--vertical .el-menu--popup .el-menu-item.is-active {
  background-color: var(--ui-primary) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* ---- ②-5 图标与箭头配色 ---- */
body .el-menu--popup .el-menu-item i,
body .el-menu--popup .el-submenu__title i,
body .el-menu--popup .svg-icon,
body .el-menu--vertical .el-menu--popup .el-menu-item i,
body .el-menu--vertical .el-menu--popup .el-submenu__title i {
  color: #94a3b8 !important;
  fill: #94a3b8 !important;
}
body .el-menu--popup .el-menu-item:hover i,
body .el-menu--popup .el-submenu__title:hover i,
body .el-menu--vertical .el-menu--popup .el-menu-item:hover i,
body .el-menu--vertical .el-menu--popup .el-submenu__title:hover i {
  color: var(--ui-primary) !important;
}
body .el-menu--popup .el-menu-item.is-active i { color: #fff !important; }