/* 自定义LayerUI黑色主题 */
body .dark-layer-skin {
    border: none;
}

/* 标题栏样式 */
body .dark-layer-skin .layui-layer-title {
    background-color: #2f1f1fcc;
    color: #fff;
    border-bottom: 1px solid #333;
}

/* 内容区域样式 */
body .dark-layer-skin .layui-layer-content {
    background-color: #1a1a1a; /* 深灰色背景 */
    color: #f0f0f0; /* 浅灰色文字 */
}

/* 按钮区域样式 */
body .dark-layer-skin .layui-layer-btn {
    background-color: #000; /* 黑色背景 */
    border-top: 1px solid #333; /* 顶部边框 */
}

/* 按钮样式 */
body .dark-layer-skin .layui-layer-btn a {
    background-color: #333; /* 深灰色背景 */
    border: 1px solid #555; /* 边框 */
    color: #fff; /* 白色文字 */
}

body .dark-layer-skin .layui-layer-btn a:hover {
    background-color: #444; /* 悬停时更深的灰色 */
}
/* 隐藏原背景图片 */
.layui-icon-close {
    background-image: none !important;
    font-family: layui-icon !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* 使用字体图标 */
.layui-icon-close::before {
    content: "\e602"; /* Layui关闭图标的Unicode编码 */
    color: #ff4d4f; /* 设置关闭按钮颜色 */
    font-size: 16px; /* 调整大小 */
}

/* 悬停效果 */
.layui-icon-close:hover::before {
    color: #f5222d; /* 悬停时颜色 */
}