/* 加强版红黑主题 - 更红更炫酷 */

/* 全局强制覆盖所有白色背景 */
* {
    box-sizing: border-box;
}

body {
    background: linear-gradient(135deg, #1a0000 0%, #330000 100%) !important;
    color: #ff9999 !important;
}

/* 强制覆盖所有可能的白色背景 */
div, section, aside, main, header, footer, nav,
.el-container, .el-aside, .el-main, .el-header, .el-footer {
    background-color: transparent !important;
}

/* Element UI 组件白色背景覆盖 */
.el-menu, .el-menu--horizontal, .el-menu--vertical {
    background-color: transparent !important;
}

.el-submenu__title {
    background-color: transparent !important;
}

/* 所有卡片类组件 */
.el-card, .el-card__body, .el-card__header {
    background: rgba(34, 0, 0, 0.9) !important;
}

/* Popper弹出层 */
.el-popper, .el-select-dropdown, .el-picker-panel {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
}

/* 日期选择器等弹出组件 */
.el-date-picker, .el-time-picker, .el-picker-panel__body {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.4) !important;
}

/* 表格背景 */
.el-table__body, .el-table__header, .el-table--border {
    background: transparent !important;
}

.el-table__empty-block {
    background: rgba(34, 0, 0, 0.6) !important;
}

/* 分页器 */
.el-pagination button, .el-pagination .el-select .el-input {
    background: rgba(102, 0, 0, 0.6) !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
    color: #ff9999 !important;
}

/* 加强版红黑主题 - 更红更炫酷 */

/* 主框架布局 - 深红色背景 */
.ui-frame[data-v-7e676114] {
    background: linear-gradient(135deg, #330000 0%, #660000 100%) !important;
}

/* 左侧菜单栏 - 鲜红渐变 */
.ui-frame .ui-f-left[data-v-7e676114] {
    background: linear-gradient(180deg, #440000 0%, #660000 100%) !important;
    box-shadow: 2px 0 20px rgba(255, 0, 0, 0.5) !important;
    border-right: 2px solid rgba(255, 0, 0, 0.3) !important;
}

/* 右侧内容区域 */
.ui-frame .ui-f-right[data-v-7e676114] {
    background: linear-gradient(135deg, #2d0000 0%, #550000 100%) !important;
}

/* 顶部Header - 鲜红色 */
.ui-frame .ui-f-right .ui-f-header[data-v-7e676114] {
    background: linear-gradient(90deg, #660000 0%, #aa0000 100%) !important;
    box-shadow: 0 2px 15px rgba(255, 0, 0, 0.6) !important;
    border-bottom: 2px solid rgba(255, 0, 0, 0.5) !important;
}

/* 主内容区 */
.ui-frame .ui-f-right .ui-f-main[data-v-7e676114] {
    background: linear-gradient(135deg, #330000 0%, #550000 100%) !important;
}

.ui-frame .ui-f-right .ui-f-main.cont[data-v-7e676114] {
    background: linear-gradient(135deg, #220000 0%, #440000 100%) !important;
    padding: 12px !important;
}

/* 菜单项样式优化 */
.ui-menu .m-header[data-v-0634a5f2] {
    background: linear-gradient(180deg, #660000 0%, #880000 100%) !important;
    border-bottom: 2px solid rgba(255, 0, 0, 0.5) !important;
}

.ui-menu .m-header .hd-name[data-v-0634a5f2] {
    color: #ff3333 !important;
    font-weight: 700 !important;
    text-shadow: 0 0 10px rgba(255, 0, 0, 0.8) !important;
}

.ui-menu .m-cont[data-v-0634a5f2] {
    background: transparent !important;
}

/* 菜单项 - 更亮的红色 */
.el-menu-item[data-v-0634a5f2],
.el-sub-menu .el-sub-menu__title[data-v-0634a5f2] {
    color: #ff8888 !important;
    background: transparent !important;
}

.el-menu-item[data-v-0634a5f2]:hover,
.el-sub-menu .el-sub-menu__title[data-v-0634a5f2]:hover {
    background: rgba(255, 0, 0, 0.4) !important;
    color: #ff4444 !important;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.5) !important;
}

.el-menu-item.is-active[data-v-0634a5f2] {
    background: linear-gradient(90deg, #ff0000 0%, #ff3333 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 3px 15px rgba(255, 0, 0, 0.8) !important;
    border-left: 4px solid #ff6666 !important;
}

/* 用户信息区域 */
.ui-header .hd-userInfo[data-v-51ff81fa] {
    background: rgba(102, 0, 0, 0.3) !important;
    border-bottom: 2px solid rgba(255, 0, 0, 0.4) !important;
    color: #ff9999 !important;
}

.ui-header .hd-userInfo .user-info[data-v-51ff81fa] {
    color: #ff6666 !important;
}

.ui-header .hd-userInfo .user-info[data-v-51ff81fa]:hover {
    color: #ff3333 !important;
    text-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

/* 卡片和内容区域 - 更红的边框和阴影 */
.el-card,
.el-table,
.el-dialog,
.el-drawer {
    background: rgba(34, 0, 0, 0.9) !important;
    border: 2px solid rgba(255, 0, 0, 0.4) !important;
    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.4) !important;
}

.el-card__header {
    background: linear-gradient(90deg, #660000 0%, #880000 100%) !important;
    border-bottom: 2px solid rgba(255, 0, 0, 0.5) !important;
    color: #ff6666 !important;
}

.el-card__body {
    background: rgba(34, 0, 0, 0.6) !important;
    color: #ff9999 !important;
}

/* 表格样式 - 鲜红配色 */
.el-table {
    background: transparent !important;
    color: #ff9999 !important;
    border: 2px solid rgba(255, 0, 0, 0.3) !important;
}

.el-table th {
    background: linear-gradient(180deg, #660000 0%, #880000 100%) !important;
    color: #ff6666 !important;
    border-bottom: 2px solid rgba(255, 0, 0, 0.5) !important;
}

.el-table tr {
    background: rgba(34, 0, 0, 0.6) !important;
    color: #ff9999 !important;
}

.el-table tr:hover {
    background: rgba(102, 0, 0, 0.8) !important;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.4) !important;
}

.el-table td {
    border-bottom: 1px solid rgba(255, 0, 0, 0.2) !important;
}

/* 按钮样式 - 鲜红渐变 */
.el-button--primary {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.6) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

.el-button--primary:hover {
    background: linear-gradient(135deg, #ff3333 0%, #ff6666 100%) !important;
    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.8) !important;
    transform: translateY(-2px);
}

.el-button--default {
    background: linear-gradient(135deg, #660000 0%, #880000 100%) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
    color: #ff9999 !important;
}

.el-button--default:hover {
    background: linear-gradient(135deg, #880000 0%, #aa0000 100%) !important;
    border-color: rgba(255, 0, 0, 0.7) !important;
    color: #ff6666 !important;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.5) !important;
}

/* 输入框样式 */
.el-input__wrapper {
    background: rgba(34, 0, 0, 0.8) !important;
    border: 2px solid rgba(255, 0, 0, 0.4) !important;
    box-shadow: inset 0 1px 5px rgba(255, 0, 0, 0.2) !important;
}

.el-input__wrapper:hover {
    border-color: rgba(255, 0, 0, 0.6) !important;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.3) !important;
}

.el-input__wrapper.is-focus {
    border-color: #ff3333 !important;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.6) !important;
}

.el-input__inner {
    color: #ff9999 !important;
    background: transparent !important;
}

.el-input__inner::placeholder {
    color: #cc6666 !important;
}

/* 滚动条样式 - 鲜红色 */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: rgba(34, 0, 0, 0.6);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ff0000 0%, #cc0000 100%);
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.6);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ff3333 0%, #ff0000 100%);
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.8);
}

/* 文字颜色全局覆盖 - 更亮 */
body, 
.el-text,
.el-form-item__label {
    color: #ff9999 !important;
}

/* 标签和Tag - 鲜红色 */
.el-tag {
    background: linear-gradient(90deg, #880000 0%, #aa0000 100%) !important;
    border-color: rgba(255, 0, 0, 0.5) !important;
    color: #ff6666 !important;
    box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3) !important;
}

.el-tag--primary {
    background: linear-gradient(90deg, #ff0000 0%, #ff3333 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(255, 0, 0, 0.6) !important;
}

/* 对话框和抽屉 */
.el-dialog,
.el-drawer__body {
    background: linear-gradient(135deg, #330000 0%, #550000 100%) !important;
    border: 2px solid rgba(255, 0, 0, 0.4) !important;
}

.el-dialog__header {
    background: linear-gradient(90deg, #660000 0%, #880000 100%) !important;
    border-bottom: 2px solid rgba(255, 0, 0, 0.5) !important;
}

.el-dialog__title {
    color: #ff6666 !important;
    text-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

/* Loading和进度条 */
.el-loading-mask {
    background: rgba(34, 0, 0, 0.9) !important;
}

.el-loading-spinner .circular {
    stroke: #ff3333 !important;
}

.el-loading-text {
    color: #ff6666 !important;
}

/* 分页器 */
.el-pagination {
    color: #ff9999 !important;
}

.el-pagination .el-pager li {
    background: linear-gradient(135deg, #660000 0%, #880000 100%) !important;
    color: #ff9999 !important;
    border: 2px solid rgba(255, 0, 0, 0.4) !important;
}

.el-pagination .el-pager li:hover,
.el-pagination .el-pager li.is-active {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 3px 12px rgba(255, 0, 0, 0.7) !important;
}

/* 页面组件背景 */
.page-home[data-v-b3f657f6],
.sect-group[data-v-b3f657f6] {
    background: transparent !important;
}

/* Home页表格 */
.home-table[data-v-7d5270e2] {
    background: transparent !important;
}

/* 状态指示器优化 - 鲜红色发光 */
.online-state.s1[data-v-7d5270e2] {
    color: #ff3333 !important;
    font-weight: 600 !important;
}

.online-state.s1[data-v-7d5270e2]:before {
    background: #ff0000 !important;
    box-shadow: 0 0 15px #ff0000, 0 0 25px #ff0000 !important;
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0%, 100% {
        box-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
    }
    50% {
        box-shadow: 0 0 20px #ff0000, 0 0 40px #ff0000, 0 0 50px #ff0000;
    }
}

/* 下拉菜单 */
.el-dropdown-menu {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
    box-shadow: 0 8px 25px rgba(255, 0, 0, 0.4) !important;
}

.el-dropdown-menu__item {
    color: #ff9999 !important;
}

.el-dropdown-menu__item:hover {
    background: linear-gradient(90deg, rgba(255, 0, 0, 0.3) 0%, rgba(255, 0, 0, 0.5) 100%) !important;
    color: #ff6666 !important;
}

/* Select下拉 */
.el-select-dropdown {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
}

.el-select-dropdown__item {
    color: #ff9999 !important;
}

.el-select-dropdown__item:hover,
.el-select-dropdown__item.selected {
    background: rgba(255, 0, 0, 0.3) !important;
    color: #ff6666 !important;
}

/* Tooltip */
.el-tooltip__popper {
    background: linear-gradient(135deg, #660000 0%, #880000 100%) !important;
    border: 1px solid rgba(255, 0, 0, 0.5) !important;
    color: #ff9999 !important;
}

/* 确保所有元素文字可见并有发光效果 */
* {
    text-shadow: 0 0 3px rgba(255, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.8);
}

/* 标题和重要文字加强发光 */
h1, h2, h3, h4, h5, h6,
.el-card__header,
.el-dialog__title,
.form-title {
    text-shadow: 0 0 10px rgba(255, 0, 0, 0.8), 0 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* 添加整体红色光晕效果 */
body::before {
    content: '';
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 0, 0, 0.1) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* #app的z-index配置已移至文件底部统一管理 */

/* Switch开关 - 红色主题 */
.el-switch.is-checked .el-switch__core {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

/* Radio单选 - 红色主题 */
.el-radio__input.is-checked .el-radio__inner {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.el-radio__input.is-checked + .el-radio__label {
    color: #ff6666 !important;
}

/* Checkbox复选框 - 红色主题 */
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #ff6666 !important;
}

/* ===== 额外的强制覆盖规则 - 消除所有白色 ===== */

/* 强制覆盖所有白色背景的类 */
[class*="white"], [class*="bg"], [style*="background: white"], 
[style*="background: #fff"], [style*="background: #ffffff"],
[style*="background-color: white"], [style*="background-color: #fff"] {
    background: rgba(34, 0, 0, 0.8) !important;
    background-color: rgba(34, 0, 0, 0.8) !important;
}

/* 表单相关 */
.el-form, .el-form-item {
    background: transparent !important;
}

/* 面包屑 */
.el-breadcrumb {
    background: transparent !important;
}

.el-breadcrumb__item {
    color: #ff9999 !important;
}

/* 步骤条 */
.el-steps {
    background: transparent !important;
}

/* Tab标签页 */
.el-tabs, .el-tabs__header, .el-tabs__nav-wrap, .el-tabs__nav-scroll {
    background: transparent !important;
}

.el-tabs__item {
    color: #ff9999 !important;
    background: transparent !important;
}

.el-tabs__item.is-active {
    color: #ff3333 !important;
    border-bottom-color: #ff0000 !important;
}

.el-tabs__content {
    background: transparent !important;
}

/* 折叠面板 */
.el-collapse, .el-collapse-item__header, .el-collapse-item__wrap {
    background: rgba(34, 0, 0, 0.6) !important;
    border-color: rgba(255, 0, 0, 0.3) !important;
}

.el-collapse-item__content {
    background: rgba(34, 0, 0, 0.4) !important;
    color: #ff9999 !important;
}

/* 树形控件 */
.el-tree {
    background: transparent !important;
    color: #ff9999 !important;
}

.el-tree-node__content:hover {
    background: rgba(255, 0, 0, 0.2) !important;
}

/* Alert 警告 */
.el-alert {
    background: rgba(102, 0, 0, 0.8) !important;
    border: 1px solid rgba(255, 0, 0, 0.4) !important;
    color: #ff9999 !important;
}

/* Message消息提示 */
.el-message {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.5) !important;
}

.el-message__content {
    color: #ff9999 !important;
}

/* Notification通知 */
.el-notification {
    background: linear-gradient(135deg, #440000 0%, #660000 100%) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.5) !important;
}

.el-notification__title {
    color: #ff6666 !important;
}

.el-notification__content {
    color: #ff9999 !important;
}

/* Popover 弹出框 */
.el-popover, .el-popconfirm {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
}

/* Progress 进度条 */
.el-progress-bar__outer {
    background: rgba(34, 0, 0, 0.6) !important;
}

.el-progress-bar__inner {
    background: linear-gradient(90deg, #ff0000 0%, #ff3333 100%) !important;
}

/* Badge 标记 */
.el-badge__content {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%) !important;
    border-color: #ff0000 !important;
}

/* Transfer 穿梭框 */
.el-transfer-panel {
    background: rgba(34, 0, 0, 0.9) !important;
    border: 2px solid rgba(255, 0, 0, 0.4) !important;
}

.el-transfer-panel__header {
    background: rgba(102, 0, 0, 0.8) !important;
    color: #ff9999 !important;
}

.el-transfer-panel__body {
    background: rgba(34, 0, 0, 0.6) !important;
}

/* Calendar 日历 */
.el-calendar {
    background: rgba(34, 0, 0, 0.9) !important;
}

.el-calendar-table {
    background: transparent !important;
}

.el-calendar-table th {
    background: rgba(102, 0, 0, 0.6) !important;
    color: #ff9999 !important;
    border-color: rgba(255, 0, 0, 0.3) !important;
}

.el-calendar-table td {
    border-color: rgba(255, 0, 0, 0.2) !important;
}

.el-calendar-day {
    color: #ff9999 !important;
}

/* Image 图片组件 */
.el-image-viewer__wrapper {
    background: rgba(0, 0, 0, 0.9) !important;
}

/* Backtop 回到顶部 */
.el-backtop {
    background: linear-gradient(135deg, #ff0000 0%, #ff3333 100%) !important;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.6) !important;
}

/* Avatar 头像边框 */
.el-avatar {
    border: 2px solid rgba(255, 0, 0, 0.4) !important;
}

/* Divider 分割线 */
.el-divider {
    background-color: rgba(255, 0, 0, 0.3) !important;
}

.el-divider__text {
    background-color: transparent !important;
    color: #ff9999 !important;
}

/* Empty 空状态 */
.el-empty {
    background: transparent !important;
}

.el-empty__description {
    color: #ff9999 !important;
}

/* Result 结果 */
.el-result {
    background: transparent !important;
}

.el-result__title {
    color: #ff9999 !important;
}

/* Skeleton 骨架屏 */
.el-skeleton__item {
    background: linear-gradient(90deg, rgba(102, 0, 0, 0.4) 25%, rgba(153, 0, 0, 0.4) 37%, rgba(102, 0, 0, 0.4) 63%) !important;
}

/* 描述列表 */
.el-descriptions {
    background: transparent !important;
}

.el-descriptions__header {
    background: rgba(102, 0, 0, 0.6) !important;
    color: #ff9999 !important;
}

.el-descriptions__body {
    background: rgba(34, 0, 0, 0.4) !important;
    color: #ff9999 !important;
}

.el-descriptions-item__label, .el-descriptions-item__content {
    color: #ff9999 !important;
    border-color: rgba(255, 0, 0, 0.2) !important;
}

/* 强制所有弹出层的遮罩层 */
.el-overlay, .el-popup-parent--hidden {
    background: rgba(0, 0, 0, 0.8) !important;
}

/* Message Box */
.el-message-box {
    background: linear-gradient(135deg, #330000 0%, #550000 100%) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
}

.el-message-box__header {
    background: rgba(102, 0, 0, 0.6) !important;
}

.el-message-box__title {
    color: #ff6666 !important;
}

.el-message-box__content {
    color: #ff9999 !important;
}

/* 侧边栏菜单的子菜单 */
.el-menu--popup {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
}

/* 加载更多 */
.el-infinite-scroll {
    background: transparent !important;
}

/* 所有可能的白色文字改为红色系 */
.white-text, [style*="color: white"], [style*="color: #fff"] {
    color: #ff9999 !important;
}

/* 链接颜色 */
a, .el-link {
    color: #ff6666 !important;
}

a:hover, .el-link:hover {
    color: #ff3333 !important;
}

/* 禁用状态也要红色系 */
.is-disabled, [disabled] {
    opacity: 0.5 !important;
    color: #996666 !important;
}

/* 确保没有任何白色文字 */
span, p, label, button, input, textarea, select {
    color: inherit !important;
}

/* 页面加载器 */
.page-loader, .el-loading-parent--relative {
    background: rgba(34, 0, 0, 0.9) !important;
}

/* 所有边框都改为红色 */
* {
    border-color: rgba(255, 0, 0, 0.2) !important;
}

/* 确保所有子元素继承红色文字 */
*:not(.el-icon):not(i):not(svg) {
    color: inherit;
}

/* 表格固定列 */
.el-table__fixed, .el-table__fixed-right {
    background: rgba(34, 0, 0, 0.95) !important;
}

/* 表格展开行 */
.el-table__expanded-cell {
    background: rgba(34, 0, 0, 0.6) !important;
    color: #ff9999 !important;
}

/* 最终强制覆盖 - 确保没有遗漏 */
.el-main, .el-container, .content, .main-content, 
[class*="content"], [class*="body"], [class*="wrapper"],
[class*="container"], [class*="panel"] {
    background-color: transparent !important;
}

/* ===== 终极强制覆盖规则 - 最高优先级 ===== */

/* 超级强制覆盖所有白色和浅色背景 */
body * {
    background-color: transparent !important;
}

/* 所有可能的白色背景类名 */
[class*="bg-white"],
[class*="background-white"],
[class*="bg-light"],
[style*="background:#fff"],
[style*="background:#ffffff"],
[style*="background: #fff"],
[style*="background: #ffffff"],
[style*="background:white"],
[style*="background: white"],
[style*="backgroundColor:#fff"],
[style*="backgroundColor:#ffffff"],
[style*="backgroundColor:white"] {
    background: rgba(34, 0, 0, 0.8) !important;
    background-color: rgba(34, 0, 0, 0.8) !important;
}

/* Element UI 所有组件强制深色 */
.el-button, .el-button--default {
    background: linear-gradient(135deg, #660000 0%, #880000 100%) !important;
}

/* 所有输入框类型组件 */
.el-input, .el-textarea, .el-select, .el-autocomplete,
.el-cascader, .el-color-picker, .el-date-editor,
.el-time-picker, .el-time-select, .el-transfer,
.el-upload {
    background: transparent !important;
}

.el-input__inner, .el-textarea__inner {
    background: rgba(34, 0, 0, 0.8) !important;
    color: #ff9999 !important;
}

/* Picker 相关 */
.el-picker-panel, .el-date-table, .el-month-table, .el-year-table {
    background: rgba(34, 0, 0, 0.95) !important;
}

.el-picker-panel__content {
    background: rgba(34, 0, 0, 0.9) !important;
}

.el-date-table td {
    color: #ff9999 !important;
}

.el-date-table td.current:not(.disabled) span {
    background: #ff0000 !important;
    color: #ffffff !important;
}

.el-date-table td.today span {
    color: #ff3333 !important;
}

.el-date-table td:hover {
    color: #ff6666 !important;
}

/* Cascader 级联选择器 */
.el-cascader-panel, .el-cascader-menu {
    background: rgba(34, 0, 0, 0.95) !important;
}

.el-cascader-node {
    color: #ff9999 !important;
}

.el-cascader-node:hover {
    background: rgba(255, 0, 0, 0.2) !important;
}

/* TimePicker 时间选择器 */
.el-time-panel {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
}

.el-time-spinner__item {
    color: #ff9999 !important;
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: rgba(255, 0, 0, 0.2) !important;
}

.el-time-spinner__item.active:not(.disabled) {
    color: #ffffff !important;
    font-weight: bold;
}

/* Autocomplete 自动完成 */
.el-autocomplete-suggestion {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
}

.el-autocomplete-suggestion li {
    color: #ff9999 !important;
}

.el-autocomplete-suggestion li:hover {
    background: rgba(255, 0, 0, 0.2) !important;
}

/* ColorPicker 颜色选择器 */
.el-color-picker__panel {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
}

/* Upload 上传组件 */
.el-upload, .el-upload-dragger {
    background: rgba(34, 0, 0, 0.8) !important;
    border: 2px dashed rgba(255, 0, 0, 0.4) !important;
}

.el-upload-list {
    background: transparent !important;
}

.el-upload-list__item {
    background: rgba(34, 0, 0, 0.6) !important;
    color: #ff9999 !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
}

/* Menu 菜单项强制覆盖 */
.el-menu, .el-menu-item, .el-submenu__title {
    background-color: transparent !important;
}

/* Popover 和 Tooltip 相关 */
.el-popper.is-light {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
    color: #ff9999 !important;
}

.el-popper.is-light .el-popper__arrow::before {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 1px solid rgba(255, 0, 0, 0.5) !important;
}

/* 强制深色的所有组件 */
[class*="el-"] {
    border-color: rgba(255, 0, 0, 0.2) !important;
}

/* 白色文字全部改为红色 */
[style*="color:#fff"],
[style*="color:#ffffff"],
[style*="color:white"],
[style*="color: #fff"],
[style*="color: #ffffff"],
[style*="color: white"] {
    color: #ff9999 !important;
}

/* Loading 遮罩层 */
.el-loading-mask {
    background-color: rgba(34, 0, 0, 0.9) !important;
}

/* 分页器按钮 */
.btn-prev, .btn-next {
    background: rgba(102, 0, 0, 0.6) !important;
    color: #ff9999 !important;
}

/* 表格排序图标和过滤 */
.el-table__column-filter-trigger {
    color: #ff9999 !important;
}

.el-table-filter {
    background: rgba(34, 0, 0, 0.95) !important;
    border: 2px solid rgba(255, 0, 0, 0.5) !important;
}

.el-table-filter__list-item {
    color: #ff9999 !important;
}

.el-table-filter__list-item:hover {
    background: rgba(255, 0, 0, 0.2) !important;
    color: #ff6666 !important;
}

/* 时间线 */
.el-timeline-item__node {
    background: #ff0000 !important;
    border-color: #ff0000 !important;
}

.el-timeline-item__wrapper {
    color: #ff9999 !important;
}

/* Rate 评分 */
.el-rate__icon {
    color: #ff9999 !important;
}

.el-rate__icon.is-active {
    color: #ff0000 !important;
}

/* Slider 滑块 */
.el-slider__runway {
    background: rgba(102, 0, 0, 0.4) !important;
}

.el-slider__bar {
    background: linear-gradient(90deg, #ff0000 0%, #ff3333 100%) !important;
}

.el-slider__button {
    border: 2px solid #ff0000 !important;
}

/* Statistic 统计数值 */
.el-statistic {
    background: transparent !important;
}

.el-statistic__head, .el-statistic__content {
    color: #ff9999 !important;
}

/* PageHeader 页头 */
.el-page-header {
    background: transparent !important;
}

.el-page-header__title, .el-page-header__content {
    color: #ff9999 !important;
}

/* 终极通用覆盖 - 确保没有任何白色 */
div:not([class*="icon"]):not([class*="svg"]),
section:not([class*="icon"]),
article:not([class*="icon"]),
aside:not([class*="icon"]),
main:not([class*="icon"]),
header:not([class*="icon"]),
footer:not([class*="icon"]),
nav:not([class*="icon"]) {
    background-color: transparent !important;
}

/* 确保所有文本都是红色系 */
h1, h2, h3, h4, h5, h6, p, span, div, a, label, li {
    color: inherit !important;
}

/* 强制所有可能的容器为透明或深色 */
[class*="container"],
[class*="wrapper"],
[class*="content"],
[class*="body"],
[class*="main"],
[class*="panel"],
[class*="box"],
[class*="card"] {
    background-color: transparent !important;
}

/* 超级优先级 - 使用 !important 的 !important */
html, html body {
    background: linear-gradient(135deg, #1a0000 0%, #330000 100%) !important;
}

/* 最终捕获所有遗漏的白色 */
*[style*="background-color: rgb(255, 255, 255)"],
*[style*="background-color:rgb(255,255,255)"],
*[style*="background: rgb(255, 255, 255)"],
*[style*="background:rgb(255,255,255)"] {
    background: rgba(34, 0, 0, 0.8) !important;
    background-color: rgba(34, 0, 0, 0.8) !important;
}

/* 捕获所有浅灰色背景 */
*[style*="background-color: rgb(245"],
*[style*="background-color: rgb(250"],
*[style*="background-color: #f"],
*[style*="background: #f"] {
    background: rgba(34, 0, 0, 0.6) !important;
    background-color: rgba(34, 0, 0, 0.6) !important;
}

/* ===== 粒子系统配置已移至文件底部统一管理 ===== */


/* ===== 左上角系统 Logo 替换 ===== */

/* 隐藏原来的 Base64 图片 */
.hd-logo img {
    display: none !important;
}

/* 使用外部图片替换 */
.hd-logo {
    width: 50px !important;
    height: 50px !important;
    background: url(/hexstrike-logo.png) center no-repeat !important;
    background-size: contain !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 10px !important;
}

/* 确保 logo 容器正确显示 */
.m-header .hd-logo {
    flex-shrink: 0 !important;
}


/* ===== 更强力的左上角 Logo 替换规则 ===== */

/* 多种选择器组合确保覆盖 */
.m-header .hd-logo img,
.ui-f-left .hd-logo img,
div.hd-logo img,
[class*="hd-logo"] img {
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* 使用 ::before 伪元素添加新logo */
.hd-logo::before {
    content: '' !important;
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    background: url(/hexstrike-logo.png) center no-repeat !important;
    background-size: contain !important;
}

/* 强制覆盖容器样式 */
.m-header .hd-logo,
.ui-f-left .hd-logo,
div.hd-logo {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    overflow: visible !important;
    position: relative !important;
}


/* ===== 全局玻璃态效果（Glassmorphism） ===== */

/* 主框架玻璃态 */
.ui-frame[data-v-7e676114] {
    background: linear-gradient(135deg, rgba(51, 0, 0, 0.7) 0%, rgba(102, 0, 0, 0.7) 100%) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* 左侧菜单栏玻璃态 */
.ui-frame .ui-f-left[data-v-7e676114] {
    background: linear-gradient(180deg, rgba(68, 0, 0, 0.75) 0%, rgba(102, 0, 0, 0.75) 100%) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-right: 1px solid rgba(255, 0, 0, 0.2) !important;
}

/* 右侧内容区玻璃态 */
.ui-frame .ui-f-right[data-v-7e676114] {
    background: linear-gradient(135deg, rgba(45, 0, 0, 0.7) 0%, rgba(85, 0, 0, 0.7) 100%) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* 顶部Header玻璃态 */
.ui-frame .ui-f-right .ui-f-header[data-v-7e676114] {
    background: linear-gradient(90deg, rgba(102, 0, 0, 0.8) 0%, rgba(170, 0, 0, 0.8) 100%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255, 0, 0, 0.3) !important;
}

/* 主内容区玻璃态 */
.ui-frame .ui-f-right .ui-f-main[data-v-7e676114] {
    background: linear-gradient(135deg, rgba(26, 0, 0, 0.6) 0%, rgba(51, 0, 0, 0.6) 100%) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* 卡片玻璃态 */
.el-card,
.el-card__body,
.el-dialog,
.el-drawer {
    background: rgba(34, 0, 0, 0.7) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    border: 1px solid rgba(255, 0, 0, 0.2) !important;
}

/* 表格玻璃态 */
.el-table,
.el-table__body-wrapper,
.el-table th,
.el-table td {
    background: rgba(34, 0, 0, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.el-table tr {
    background: rgba(34, 0, 0, 0.4) !important;
}

.el-table tr:hover > td {
    background: rgba(204, 0, 0, 0.3) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* 按钮玻璃态 */
.el-button--primary,
.el-button--danger,
.el-button--warning {
    background: linear-gradient(135deg, rgba(204, 0, 0, 0.8) 0%, rgba(255, 0, 0, 0.8) 100%) !important;
    backdrop-filter: blur(10px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(180%) !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
}

.el-button--primary:hover,
.el-button--danger:hover,
.el-button--warning:hover {
    background: linear-gradient(135deg, rgba(255, 0, 0, 0.9) 0%, rgba(255, 51, 51, 0.9) 100%) !important;
    backdrop-filter: blur(15px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(200%) !important;
}

/* 输入框玻璃态 */
.el-input__wrapper,
.el-textarea__inner,
.el-select .el-input__wrapper {
    background: rgba(30, 0, 0, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 0, 0, 0.25) !important;
}

.el-input__wrapper:hover,
.el-textarea__inner:hover {
    background: rgba(40, 0, 0, 0.8) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-color: rgba(255, 0, 0, 0.4) !important;
}

.el-input__wrapper.is-focus,
.el-textarea__inner:focus {
    background: rgba(40, 0, 0, 0.9) !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
    border-color: rgba(255, 0, 0, 0.6) !important;
}

/* 菜单项玻璃态 */
.el-menu-item,
.el-submenu__title {
    background: rgba(34, 0, 0, 0.5) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    transition: all 0.3s ease !important;
}

.el-menu-item:hover,
.el-submenu__title:hover,
.el-menu-item.is-active {
    background: linear-gradient(90deg, rgba(204, 0, 0, 0.7) 0%, rgba(255, 0, 0, 0.7) 100%) !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
    border-left: 3px solid rgba(255, 0, 0, 0.8) !important;
}

/* 下拉菜单玻璃态 */
.el-dropdown-menu,
.el-select-dropdown,
.el-picker-panel {
    background: rgba(34, 0, 0, 0.85) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
}

/* 对话框玻璃态 */
.el-dialog__header,
.el-dialog__body,
.el-dialog__footer {
    background: rgba(34, 0, 0, 0.8) !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
}

/* 遮罩层玻璃态 */
.el-overlay {
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}

/* 标签玻璃态 */
.el-tag {
    background: rgba(204, 0, 0, 0.7) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
}

/* 分页器玻璃态 */
.el-pagination button,
.el-pager li {
    background: rgba(34, 0, 0, 0.7) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 0, 0, 0.2) !important;
}

.el-pagination button:hover,
.el-pager li:hover,
.el-pager li.is-active {
    background: rgba(204, 0, 0, 0.8) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
}

/* 面包屑玻璃态 */
.el-breadcrumb {
    background: rgba(34, 0, 0, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 0, 0, 0.2) !important;
}

/* 通知框玻璃态 */
.el-notification,
.el-message,
.el-message-box {
    background: rgba(34, 0, 0, 0.9) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 0, 0, 0.4) !important;
}

/* 滚动条玻璃态 */
::-webkit-scrollbar-track {
    background: rgba(26, 0, 0, 0.5) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(204, 0, 0, 0.8) 0%, rgba(255, 0, 0, 0.8) 100%) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}


/* ===== 调整粒子可见性 - 修复版 ===== */

/* 粒子canvas放在最底层，确保一直可见 */
#particleCanvas {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important; /* 提高到1，确保可见 */
    pointer-events: none !important;
}

/* 主应用容器提高层级，但保持背景透明 */
#app {
    position: relative !important;
    z-index: 2 !important; /* 提高到2，在粒子之上 */
    background: transparent !important;
}

/* 所有主要布局容器提高层级 */
.ui-frame[data-v-7e676114] {
    position: relative !important;
    z-index: 3 !important; /* 提高到3 */
    background: linear-gradient(135deg, rgba(26, 0, 0, 0.5) 0%, rgba(51, 0, 0, 0.5) 100%) !important;
}

.ui-frame .ui-f-left[data-v-7e676114] {
    background: linear-gradient(180deg, rgba(34, 0, 0, 0.6) 0%, rgba(51, 0, 0, 0.6) 100%) !important;
}

.ui-frame .ui-f-right[data-v-7e676114] {
    background: linear-gradient(135deg, rgba(26, 0, 0, 0.5) 0%, rgba(45, 0, 0, 0.5) 100%) !important;
}

.ui-frame .ui-f-right .ui-f-main[data-v-7e676114] {
    background: linear-gradient(135deg, rgba(13, 0, 0, 0.4) 0%, rgba(26, 0, 0, 0.4) 100%) !important;
}

/* 登录页面也提高层级 */
.page-login[data-v-9b23703d] {
    position: relative !important;
    z-index: 3 !important;
}

/* 确保body背景是黑色 */
body {
    background: #000000 !important;
}