/*头部右侧背景色 headerRightBg */
.layui-layout-admin .layui-header {
    background-color: #ffffff !important;
}

/*头部右侧选中背景色 headerRightBgThis */
.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
    background-color: #e4e4e4 !important;
}

/*头部右侧字体颜色 headerRightColor */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
    color: rgba(107, 107, 107, 0.7);
}

/**头部右侧下拉字体颜色 headerRightChildColor */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
    color: rgba(107, 107, 107, 0.7) !important;
}

/*头部右侧鼠标选中 headerRightColorThis */
.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
    color: #565656 !important;
}

/*头部右侧更多下拉颜色 headerRightNavMore */
.layui-header .layui-nav .layui-nav-more {
    border-top-color: rgba(160, 160, 160, 0.7) !important;
}

/*头部右侧更多下拉颜色 headerRightNavMore */
.layui-header .layui-nav .layui-nav-mored, .layui-header .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent rgba(160, 160, 160, 0.7) !important;
}

/**头部右侧更多下拉配置色 headerRightNavMoreBg headerRightNavMoreColor */
.layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
    background-color: #1E9FFF !important;
    color: #ffffff !important;
}

/*头部缩放按钮样式 headerRightToolColor */
.layui-layout-admin .layui-header .layuimini-tool i {
    color: #565656;
}

/*logo背景颜色 headerLogoBg */
.layui-layout-admin .layuimini-logo {
    background-color: #192027 !important;
}

/*logo字体颜色 headerLogoColor */
.layui-layout-admin .layuimini-logo h1 {
    color: rgb(191, 187, 187);
}

/*左侧菜单更多下拉样式 leftMenuNavMore */
.layuimini-menu-left .layui-nav .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-more {
    border-top-color: rgb(191, 187, 187);
}

/*左侧菜单更多下拉样式 leftMenuNavMore */
.layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-mored, .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent rgb(191, 187, 187) !important;
}

/*左侧菜单背景 leftMenuBg */
/* 整个侧边栏 */
.layui-side.layui-bg-black,
.layui-side.layui-bg-black > .layuimini-menu-left > ul,
.layuimini-menu-left-zoom > ul {
    background: linear-gradient(135deg, #351f1f, #28333e, #1d5ca3); /* 漫画风的渐变背景 */
    color: #fff; /* 白色字体，保证可读性 */
    box-shadow: 0 4px 30px rgba(0, 255, 255, 0.2), 0 0 15px rgba(0, 255, 255, 0.6); /* 明亮的霓虹灯效果 */
    font-family: 'Press Start 2P', cursive, sans-serif; /* 动漫风格的像素字体 */
    border-right: 3px solid #00ffcc; /* 增加发光的边框 */
    transition: all 0.3s ease-in-out; /* 动画过渡 */
    display: flex;
    flex-direction: column; /* 垂直排列菜单项 */
}

/* 菜单项 */
.layuimini-menu-left > ul > li {
    border: 2px solid #34495e; /* 增加边框 */
    margin-bottom: 10px; /* 增加菜单项之间的间距 */
    border-radius: 8px; /* 圆角效果 */
    transition: all 0.3s ease; /* 平滑的过渡动画 */
    background-color: rgba(52, 152, 219, 0.2); /* 科技感的半透明背景 */
    box-shadow: 0 4px 20px rgba(81, 164, 224, 0.4); /* 菜单项阴影效果 */
    font-size: 20px; /* 放大字体 */
    color: #f0f0f0; /* 设置字体颜色 */
    flex-shrink: 0; /* 防止菜单项被压缩 */
    display: block;
}

/* 菜单项悬停效果 */
.layuimini-menu-left > ul > li:hover {
    background-color: #4f76e3; /* 动漫风格的荧光粉色 */
    color: #fcfcfa; /* 字体变为黄色 */
    cursor: pointer;
    box-shadow: 0 0 15px rgba(231, 189, 4, 0.8); /* 发光效果 */
    transform: scale(1.5); /* 悬停时放大 */
    z-index: 1; /* 确保放大的菜单项显示在最上层 */
}

/* 菜单项链接 */
.layuimini-menu-left > ul > li a {
    color: #f0f0f0; /* 浅灰色字体 */
    font-size: 18px; /* 放大字体 */
    padding: 14px 20px; /* 增加点击区域 */
    display: block;
    text-transform: uppercase; /* 大写字母效果 */
    letter-spacing: 1px; /* 字母间距，增强科技感 */
    transition: all 0.3s ease-in-out;
}

/* 链接悬停效果 */
.layuimini-menu-left > ul > li a:hover {
    color: #fff; /* 悬停时字体变为白色 */
    text-decoration: none; /* 移除默认下划线 */
    transform: scale(1.1); /* 悬停时轻微放大 */
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.7), 0 0 20px rgba(0, 255, 255, 0.5); /* 霓虹灯效果 */
}

/* 子菜单样式 */
.layuimini-menu-left > ul > li .layui-nav-child {
    background-color: #34495e; /* 更深的背景色 */
    padding-left: 20px; /* 子菜单缩进 */
    box-shadow: 0 4px 10px rgba(0, 255, 255, 0.4); /* 子菜单发光阴影 */
    transition: all 0.3s ease; /* 动画过渡 */
}

/* Zoom模式下的样式 */
.layuimini-menu-left-zoom > ul {
    background-color: #2c3e50; /* 深色背景，增强对比 */
}

/* Logo样式 */
.layui-side .layui-logo {
    background: #28333e; /* 背景色 */
    padding: 20px;
    text-align: center;
    color: #00ffcc; /* 科技绿色 */
    font-size: 22px;
    font-weight: bold;
    border-bottom: 3px solid #ff00cc; /* 底部的霓虹光带 */
    letter-spacing: 2px; /* 增加字母间距 */
    text-transform: uppercase; /* 全部大写字母 */
    animation: glow 1.5s infinite alternate; /* 添加logo闪烁效果 */
}

/* Logo悬停效果 */
.layui-side .layui-logo a {
    color: #00ffcc; /* 科技绿色文字 */
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Logo动画：发光效果 */
@keyframes glow {
    0% {
        text-shadow: 0 0 10px rgba(0, 255, 255, 0.5), 0 0 20px rgba(0, 255, 255, 0.7);
    }
    100% {
        text-shadow: 0 0 20px rgba(0, 255, 255, 1), 0 0 30px rgba(0, 255, 255, 1);
    }
}

/* Logo悬停效果 */
.layui-side .layui-logo a:hover {
    color: #fff; /* 悬停时字体变为白色 */
    transform: scale(1.1); /* 悬停时微微放大 */
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.7); /* 霓虹灯效果 */
}

/*左侧菜单选中背景 leftMenuBgThis */
.layuimini-menu-left .layui-nav-tree .layui-this, .layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, .layuimini-menu-left-zoom.layui-nav-tree .layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: #1E9FFF !important
}

/*左侧菜单子菜单背景 leftMenuChildBg */
.layuimini-menu-left .layui-nav-itemed > .layui-nav-child {
    background-color: #0c0f13 !important;
}

/*左侧菜单字体颜色 leftMenuColor */
.layuimini-menu-left .layui-nav .layui-nav-item a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
    color: rgb(191, 187, 187) !important;
}

/*左侧菜单选中字体颜色 leftMenuColorThis */
.layuimini-menu-left .layui-nav .layui-nav-item a:hover, .layuimini-menu-left .layui-nav .layui-this a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .layuimini-menu-left-zoom.layui-nav .layui-this a {
    color: #ffffff !important;
}

/**tab选项卡选中颜色 tabActiveColor */
.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
    background-color: #1e9fff;
}