:root {
  --theme-primary: #409eff;
  --theme-success: #67c23a;
  --theme-warning: #e6a23c;
  --theme-danger: #f56c6c;
  --theme-background: rgba(231, 232, 235, 1);
  --theme-menuBg: var(--el-bg-color);
  --theme-menuText: #303133;
  --theme-menuActiveText: #409eff;
  --theme-menuHover: #FFF8CC;
  --theme-headerBg: #ffffff;
  --theme-headerText: #303133;
  --theme-borderColor: #e4e7ed;
  --theme-borderLightColor: #e6e6e6;
  --theme-borderDarkColor: #dcdfe6;
  
  /* Element Plus 内部变量覆盖 */
  --051739fd-menuBgColor: var(--theme-menuBg) !important;
  --el-color-primary: #409eff;
}

html.dark {
  --el-bg-color: #000;
  --el-bg-color-page: #0a0a0a;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #e5eaf3;
  --el-text-color-secondary: #a3a6ad;
  --el-text-color-placeholder: #8d9095;
  --el-text-color-disabled: #6c6e72;
  --el-border-color: #4c4d4f;
  --el-border-color-light: #414243;
  --el-border-color-lighter: #363637;
  --el-border-color-extra-light: #2b2b2c;
  --el-fill-color: #262727;
  --el-fill-color-light: #1d1d1d;
  --el-fill-color-lighter: #262727;
  --el-fill-color-extra-light: #2b2b2c;
  --el-fill-color-dark: #363637;
  --el-fill-color-blank: transparent;
  --el-mask-color: rgba(0, 0, 0, .8);
  --el-mask-color-extra-light: rgba(0, 0, 0, .3);
  --el-menu-bg-color: #141414;
  --el-menu-text-color: #ffffff;
  --el-menu-active-color: #409eff;
  --el-menu-hover-bg-color: #1B2126;
  
  /* 自定义主题变量覆盖 */
  --theme-background: #141414;
  --theme-menuBg: var(--el-bg-color);
  --theme-menuText: #ffffff;
  --theme-headerBg: #1d1e1f;
  --theme-headerText: #ffffff;
  --theme-menuHover: #1B2126;
  --theme-borderColor: #4c4d4f;
  --theme-borderLightColor: #414243;
  --theme-borderDarkColor: #363637;
}

html {
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: #ffffff;
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #a8abb2;
  --el-text-color-disabled: #c0c4cc;
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-blank: #ffffff;
  --el-mask-color: rgba(255, 255, 255, .9);
  --el-mask-color-extra-light: rgba(255, 255, 255, .3);
  --el-menu-bg-color: #ffffff;
  --el-menu-text-color: #303133;
  --el-menu-active-color: #409eff;
  --el-menu-hover-bg-color: #ecf5ff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 添加全局过渡效果 */
:root {
  transition: all 0.3s ease-in-out;
}

:root * {
  transition: background-color 0.3s ease-in-out,
              border-color 0.3s ease-in-out,
              color 0.3s ease-in-out,
              box-shadow 0.3s ease-in-out;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--el-bg-color-page);
  color: var(--el-text-color-primary);
  transition: all 0.3s;
}

body {
  background-color: var(--theme-background);
  color: var(--theme-headerText);
}

#app {
  height: 100%;
  width: 100%;
}

/* Element Plus 菜单样式覆盖 */
.el-menu {
  background-color: var(--theme-menuBg) !important;
  border: none !important;
  transition: all 0.3s !important;
  padding: 4px !important;
}

.el-menu-item {
  background-color: var(--theme-menuBg) !important;
  color: var(--theme-menuText) !important;
  transition: all 0.3s !important;
  border: none !important;
  border-radius: 10px !important;
  margin: 4px 0 !important;
}

.el-menu-item:hover {
  background-color: var(--theme-menuHover) !important;
}

.el-menu-item.is-active {
  color: var(--theme-menuActiveText) !important;
  background-color: var(--theme-menuHover) !important;
}

/* 修复布局容器样式 */
.layout-container {
  min-height: 100vh;
  width: 100%;
}

.el-aside {
  transition: all 0.3s;
  overflow: hidden;
  background-color: var(--theme-menuBg) !important;
  border: none !important;
}

.el-main {
  padding: 10px 20px 20px 20px;
  background-color: var(--theme-background);
  transition: all 0.3s;
}

.el-header {
  padding: 0 20px;
  background-color: var(--theme-headerBg);
  border: none !important;
  transition: all 0.3s;
}

/* 卡片样式 */
.el-card {
  border: none !important;
  transition: all 0.3s !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.el-card__header {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  
}

/* 下拉菜单样式 */
.el-dropdown-menu {
    --el-bg-color: var(--el-bg-color) !important;
    --el-bg-color-overlay: var(--el-bg-color) !important;
    background-color: var(--el-bg-color) !important;
    border-color: var(--theme-borderColor) !important;
    transition: all 0.3s !important;
}

html:not(.dark) .el-dropdown-menu,
html:not(.dark) .el-popper.is-pure.is-light {
    --el-bg-color: #E8E9E4 !important;
    --el-bg-color-overlay: #E8E9E4 !important;
    background-color: #E8E9E4 !important;
}

.el-dropdown-menu__item {
    color: var(--theme-menuText) !important;
    background-color: var(--el-bg-color) !important;
    transition: all 0.3s !important;
}

html:not(.dark) .el-dropdown-menu__item {
    background-color: #E8E9E4 !important;
}

.el-dropdown-menu__item:hover {
    background-color: var(--theme-menuHover) !important;
}

/* 输入框样式 */
.el-input__wrapper {
  /* background-color: var(--theme-menuBg) !important; */
  /* background-color: #000 !important; */
  border-color: var(--theme-borderColor) !important;
  transition: all 0.3s !important;
}

.el-input__wrapper.is-focus {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 0 1px var(--theme-primary) !important;
}

.el-input__inner {
  color: var(--theme-menuText) !important;
  transition: all 0.3s !important;
}

/* 按钮样式 */
.el-button {
  border-color: var(--theme-borderColor) !important;
  transition: all 0.3s !important;
  border-radius: 10px !important;
}

.el-button--primary {
  border-color: var(--theme-primary) !important;
  background-color: var(--theme-menuHover) !important;
}

/* 表格样式 */
.el-table {
  border-color: var(--theme-borderColor) !important;
  transition: all 0.3s !important;
}

.el-table th.el-table__cell {
  background-color: var(--theme-menuHover) !important;
  border-bottom: 1px solid var(--theme-borderColor) !important;
}

.el-table td.el-table__cell {
  border-bottom: 1px solid var(--theme-borderColor) !important;
}

/* 分割线样式 */
.el-divider {
  background-color: var(--theme-borderColor) !important;
  transition: all 0.3s !important;
}

/* 暗色主题特殊处理 */
.dark {
  color-scheme: dark;
  --theme-menuBg: var(--el-bg-color-overlay);
  --theme-menuText: var(--el-text-color-primary);
  --theme-menuActiveText: var(--el-color-primary);
  --theme-menuHover: var(--el-fill-color-light);
  --theme-headerBg: var(--el-bg-color-overlay);
  --theme-headerText: var(--el-text-color-primary);
  --theme-borderColor: var(--el-border-color);
  --theme-borderLightColor: var(--el-border-color-light);
  --theme-borderDarkColor: var(--el-border-color-dark);
  
  /* Element Plus 内部变量覆盖 */
  --051739fd-menuBgColor: var(--theme-menuBg) !important;
}

.dark .el-card,
.dark .el-dropdown-menu,
.dark .el-input__wrapper,
.dark .el-button,
.dark .el-table,
.dark .el-divider {
  border-color: var(--theme-borderColor) !important;
}

.dark .el-table th.el-table__cell {
  background-color: var(--theme-menuBg) !important;
}

/* 图标样式 */
.el-icon {
  transition: all 0.3s;
}

.dark .el-menu-item .el-icon {
  color: var(--theme-menuText);
}

.dark .el-menu-item:hover .el-icon,
.dark .el-menu-item.is-active .el-icon {
  color: var(--theme-menuActiveText);
}

/* Element Plus 变量覆盖 */
:root {
  --el-menu-bg-color: var(--theme-menuBg) !important;
  --el-menu-hover-bg-color: var(--theme-menuHover) !important;
}

/* 强制覆盖菜单背景色 */
.el-menu,
.el-menu--popup,
.el-sub-menu,
.el-menu-item {
  background-color: var(--theme-menuBg) !important;
}

.dark .el-menu,
.dark .el-menu--popup,
.dark .el-sub-menu,
.dark .el-menu-item {
  background-color: var(--theme-menuBg) !important;
}

/* 暗色主题特殊处理 */
.dark .el-menu,
.dark .el-menu-item,
.dark .el-aside {
  background-color: var(--theme-menuBg) !important;
}

/* 确保 scoped CSS 也能正确应用主题 */
[data-v-051739fd] .el-menu,
[data-v-051739fd] .el-menu-item,
[data-v-051739fd] .el-sub-menu {
  background-color: var(--theme-menuBg) !important;
}

/* 下拉菜单样式 */
.el-popper.el-dropdown__popper {
  margin-top: 10px !important;
  box-shadow: 5px 5px 5px rgba(255, 255, 255, 0.3) !important;
}

.el-dropdown .el-dropdown__popper.el-popper[role="tooltip"] {
  box-shadow: 5px 5px 5px rgba(255, 255, 255, 0.3) !important;
}

.el-popper.is-pure.is-light {
  box-shadow: 5px 5px 5px rgba(255, 255, 255, 0.3) !important;
}

/* 只对下拉菜单隐藏箭头 */
.el-dropdown__popper .el-popper__arrow {
  display: none !important;
}

/* 全局loading文字颜色 */
.el-loading-text {
  color: #F9DE4A !important;
}

/* 分页组件样式 */
.el-pagination {
  background-color: transparent !important;
}

.el-pagination .el-pager li {
  background-color: transparent !important;
  color: var(--el-text-color-primary) !important;
}

.el-pagination .el-pager li.is-active {
  background-color: transparent !important;
  color: #ff9900 !important;
  font-weight: bold !important;
}

.el-pagination .el-pager li:hover {
  background-color: transparent !important;
  color: #ff9900 !important;
}

.el-pagination .btn-prev,
.el-pagination .btn-next {
  background-color: transparent !important;
  color: var(--el-text-color-primary) !important;
}

.el-pagination .btn-prev:hover,
.el-pagination .btn-next:hover {
  background-color: transparent !important;
  color: #ff9900 !important;
}

.el-pagination .el-pagination__total,
.el-pagination .el-pagination__jump {
  color: var(--el-text-color-primary) !important;
}

/* 页面大小选择框 */
.el-pagination .el-pagination__sizes .el-select .el-input .el-input__wrapper {
  background-color: transparent !important;
  border-color: var(--el-border-color) !important;
  box-shadow: none !important;
}

.el-pagination .el-pagination__sizes .el-select .el-input .el-input__inner {
  background-color: transparent !important;
  color: var(--el-text-color-primary) !important;
}

/* 专门针对el-pagination__sizes的样式 */
.el-pagination__sizes .el-select .el-input__wrapper {
  background-color: transparent !important;
  box-shadow: none !important;
}

.el-pagination__sizes .el-select .el-input__inner {
  background-color: transparent !important;
}

.el-pagination__sizes .el-select .el-input__wrapper.is-focus {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 跳转页面输入框 */
.el-pagination .el-pagination__jump .el-input .el-input__wrapper {
  background-color: transparent !important;
  border-color: var(--el-border-color) !important;
  box-shadow: none !important;
}

.el-pagination .el-pagination__jump .el-input .el-input__inner {
  background-color: transparent !important;
  color: var(--el-text-color-primary) !important;
}

/* 下拉选择框的弹出层 */
.el-pagination .el-select .el-select-dropdown {
  background-color: rgba(231, 232, 235, 1) !important;
  box-shadow: none !important;
}

.el-pagination .el-select .el-select-dropdown .el-select-dropdown__item {
  background-color: transparent !important;
  color: var(--el-text-color-primary) !important;
}

.el-pagination .el-select .el-select-dropdown .el-select-dropdown__item:hover {
  background-color: transparent !important;
  color: #ff9900 !important;
}

.el-pagination .el-select .el-select-dropdown .el-select-dropdown__item.selected {
  background-color: transparent !important;
  color: #ff9900 !important;
  font-weight: bold !important;
}

/* 全局el-select样式 */
.el-select .el-input .el-input__wrapper {
  background-color: transparent !important;
  box-shadow: none !important;
}

.el-select .el-input .el-input__inner {
  background-color: transparent !important;
}

/* 更强的el-select透明样式 */
.el-select .el-input__wrapper {
  background-color: transparent !important;
  box-shadow: none !important;
}

.el-select .el-input__wrapper.is-focus {
  background-color: transparent !important;
  box-shadow: none !important;
}

.el-select .el-input__wrapper:hover {
  background-color: transparent !important;
}

/* 确保所有el-select相关元素都透明 */
.el-select .el-input {
  background-color: transparent !important;
}

.el-select .el-input .el-input__wrapper {
  background-color: transparent !important;
  box-shadow: none !important;
}

.el-select .el-input .el-input__inner {
  background-color: transparent !important;
}

/* 更具体的el-select样式覆盖 */
.el-select .el-input__wrapper,
.el-select .el-input .el-input__wrapper,
.el-select .el-input__wrapper.is-focus,
.el-select .el-input__wrapper:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  border-color: var(--el-border-color) !important;
}

.el-select .el-input__inner,
.el-select .el-input .el-input__inner {
  background-color: transparent !important;
  color: var(--el-text-color-primary) !important;
}

/* 针对分页中的el-select特别处理 */
/* .el-pagination .el-select .el-input__wrapper,
.el-pagination .el-select .el-input .el-input__wrapper {
  background-color: transparent !important;
  box-shadow: none !important;
}

.el-pagination .el-select .el-input__inner,
.el-pagination .el-select .el-input .el-input__inner {
  background-color: transparent !important;
} */

/* el-select__wrapper样式 */
/* .el-select__wrapper {
  background-color: transparent !important;
  box-shadow: none !important;
}

.el-select__wrapper .el-input__wrapper {
  background-color: transparent !important;
  box-shadow: none !important;
}

.el-select__wrapper .el-input__inner {
  background-color: transparent !important;
} */

/* 全局下拉选择框弹出层样式 */
/* .el-select-dropdown {
  background-color: rgba(231, 232, 235, 1) !important;
  border-color: var(--el-border-color) !important;
  box-shadow: none !important;
  filter: none !important;
}

.el-select-dropdown .el-select-dropdown__item {
  background-color: transparent !important;
  color: var(--el-text-color-primary) !important;
}

.el-select-dropdown .el-select-dropdown__item:hover {
  background-color: transparent !important;
  color: #ff9900 !important;
}

.el-select-dropdown .el-select-dropdown__item.selected {
  background-color: transparent !important;
  color: #ff9900 !important;
  font-weight: bold !important;
}

.el-select-dropdown .el-select-dropdown__item.is-selected {
  background-color: transparent !important;
  color: #ff9900 !important;
  font-weight: bold !important;
} */

/* 移除所有可能的阴影效果 */
/* .el-select-dropdown,
.el-select-dropdown *,
.el-pagination .el-select .el-select-dropdown,
.el-pagination .el-select .el-select-dropdown * {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* 针对Element Plus的popper样式 */
/* .el-popper.el-select__popper {
  box-shadow: none !important;
  filter: none !important;
}

.el-popper.el-select__popper .el-select-dropdown {
  box-shadow: none !important;
  filter: none !important;
} */ */

/* 移除所有可能的阴影效果 - 更强版本 */
/* .el-select-dropdown,
.el-select-dropdown *,
.el-pagination .el-select .el-select-dropdown,
.el-pagination .el-select .el-select-dropdown *,
.el-popper,
.el-popper *,
.el-popper.el-select__popper,
.el-popper.el-select__popper * {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
} */

/* 针对Element Plus的默认阴影样式 */
/* .el-popper.is-light {
  box-shadow: none !important;
  filter: none !important;
}

.el-popper.is-light .el-select-dropdown {
  box-shadow: none !important;
  filter: none !important;
} */

/* 移除所有popper相关的阴影 */
/* [data-popper-placement] {
  box-shadow: none !important;
  filter: none !important;
}

.el-overlay {
  box-shadow: none !important;
  filter: none !important;
} */