/* ===== 全局 Layui 弹窗美化 =====
 * 覆盖 type:0 (layer.alert/confirm → .layui-layer-dialog)
 *       type:1 (layer.open → .layui-layer-page)
 * 适用页面：所有引入此文件的模板
 */
.layui-layer-dialog,
.layui-layer-page {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
}

/* ---------- layer.msg 加载提示垂直居中 ---------- */
.layui-layer-dialog .layui-layer-content.layui-layer-padding,
.layui-layer-page .layui-layer-content.layui-layer-padding {
    padding: 20px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 80px !important;
}

/* ---------- 标题栏 ---------- */
.layui-layer-dialog .layui-layer-title,
.layui-layer-page .layui-layer-title {
    height: auto !important;
    padding: 24px 20px 8px !important;
    background: #fff !important;
    border-bottom: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-align: center !important;
    line-height: 1.4 !important;
}

/* 红色圆形 ! 图标（默认：警告/确认弹窗） */
.layui-layer-dialog .layui-layer-title::before,
.layui-layer-page .layui-layer-title::before {
    content: '!';
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    background: #ff4d4f;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

/* 成功弹窗（icon:1）→ 绿色 ✓ 对勾 */
.layui-layer-dialog:has(.layui-layer-ico1) .layui-layer-title::before,
.layui-layer-page:has(.layui-layer-ico1) .layui-layer-title::before {
    content: '\2714';
    background: #52c41a;
    font-size: 22px;
    line-height: 40px;
}

/* 错误弹窗（icon:2）→ 保持红色 ! */
.layui-layer-dialog:has(.layui-layer-ico2) .layui-layer-title::before,
.layui-layer-page:has(.layui-layer-ico2) .layui-layer-title::before {
    content: '!';
    background: #ff4d4f;
    font-size: 22px;
    line-height: 40px;
}

/* 疑问弹窗（icon:3）→ 蓝色 ? */
.layui-layer-dialog:has(.layui-layer-ico3) .layui-layer-title::before,
.layui-layer-page:has(.layui-layer-ico3) .layui-layer-title::before {
    content: '?';
    background: #1677ff;
    font-size: 22px;
    line-height: 40px;
}

/* 隐藏 Layui 自带图标（标题栏） */
.layui-layer-dialog .layui-layer-title img,
.layui-layer-dialog .layui-layer-title i,
.layui-layer-dialog .layui-layer-title .layui-layer-ico,
.layui-layer-page .layui-layer-title img,
.layui-layer-page .layui-layer-title i,
.layui-layer-page .layui-layer-title .layui-layer-ico {
    display: none !important;
}

/* ---------- 内容区 ---------- */
.layui-layer-dialog .layui-layer-content,
.layui-layer-page .layui-layer-content {
    padding: 0 24px 24px !important;
    font-size: 16px !important;
    color: #666 !important;
    text-align: center !important;
    line-height: 1.7 !important;
}

/* 隐藏内容区 ico（默认，由标题 ::before 替代） */
.layui-layer-dialog .layui-layer-ico,
.layui-layer-page .layui-layer-ico {
    display: none !important;
}

/* 隐藏内容区内嵌的 warning.png 图片（图标已由 ::before 统一处理） */
.layui-layer-dialog .layui-layer-content img,
.layui-layer-page .layui-layer-content img {
    display: none !important;
}

/* 内容区"温馨提示"等首行标题文字加大加粗 */
.layui-layer-dialog .layui-layer-content::first-line,
.layui-layer-page .layui-layer-content::first-line {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

/* layer.msg() 无标题栏 → 显示并美化 ico 元素（icon:1✓ / icon:2! / icon:3?） */
.layui-layer-dialog .layui-layer-ico.layui-layer-ico1,
.layui-layer-dialog .layui-layer-ico.layui-layer-ico2,
.layui-layer-dialog .layui-layer-ico.layui-layer-ico3,
.layui-layer-page .layui-layer-ico.layui-layer-ico1,
.layui-layer-page .layui-layer-ico.layui-layer-ico2,
.layui-layer-page .layui-layer-ico.layui-layer-ico3 {
    display: block;
    width: 40px;
    height: 40px;
    margin: 8px auto 12px;
    border-radius: 50%;
    font-style: normal;
    line-height: 40px;
    text-align: center;
    color: #fff;
    float: none;
    font-size: 0;
    position: static;
}

.layui-layer-dialog .layui-layer-ico1,
.layui-layer-page .layui-layer-ico1 {
    background: #52c41a !important;
}
.layui-layer-dialog .layui-layer-ico1::after,
.layui-layer-page .layui-layer-ico1::after {
    content: '\2714';
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.layui-layer-dialog .layui-layer-ico2,
.layui-layer-page .layui-layer-ico2 {
    background: #ff4d4f !important;
}
.layui-layer-dialog .layui-layer-ico2::after,
.layui-layer-page .layui-layer-ico2::after {
    content: '!';
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.layui-layer-dialog .layui-layer-ico3,
.layui-layer-page .layui-layer-ico3 {
    background: #1677ff !important;
}
.layui-layer-dialog .layui-layer-ico3::after,
.layui-layer-page .layui-layer-ico3::after {
    content: '?';
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

/* 去除 icon 预留左 padding */
.layui-layer-dialog .layui-layer-padding,
.layui-layer-page .layui-layer-padding {
    padding: 20px 24px !important;
}

/* ---------- 按钮区 ---------- */
.layui-layer-dialog .layui-layer-btn,
.layui-layer-page .layui-layer-btn {
    text-align: center !important;
    padding: 0 24px 24px !important;
    border-top: none !important;
}
.layui-layer-dialog .layui-layer-btn a,
.layui-layer-page .layui-layer-btn a {
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 4px !important;
    padding: 0 32px !important;
    font-size: 14px !important;
    border-radius: 20px !important;
    background: #1259EE !important;
    color: #fff !important;
    border: none !important;
    min-width: 120px !important;
    display: inline-block !important;
    text-align: center !important;
    text-decoration: none !important;
}
.layui-layer-dialog .layui-layer-btn a:hover,
.layui-layer-page .layui-layer-btn a:hover {
    background: #0d47d0 !important;
    color: #fff !important;
}

/* ---------- 关闭按钮 ---------- */
.layui-layer-dialog .layui-layer-setwin,
.layui-layer-page .layui-layer-setwin {
    top: 16px !important;
    right: 16px !important;
}
.layui-layer-dialog .layui-layer-setwin .layui-layer-close,
.layui-layer-dialog .layui-layer-setwin .layui-layer-close2,
.layui-layer-page .layui-layer-setwin .layui-layer-close,
.layui-layer-page .layui-layer-setwin .layui-layer-close2 {
    background: none !important;
    width: 24px !important;
    height: 24px !important;
    position: relative !important;
}
.layui-layer-dialog .layui-layer-setwin .layui-layer-close::before,
.layui-layer-dialog .layui-layer-setwin .layui-layer-close::after,
.layui-layer-dialog .layui-layer-setwin .layui-layer-close2::before,
.layui-layer-dialog .layui-layer-setwin .layui-layer-close2::after,
.layui-layer-page .layui-layer-setwin .layui-layer-close::before,
.layui-layer-page .layui-layer-setwin .layui-layer-close::after,
.layui-layer-page .layui-layer-setwin .layui-layer-close2::before,
.layui-layer-page .layui-layer-setwin .layui-layer-close2::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 1.5px;
    background: #999;
    top: 50%;
    left: 5px;
}
.layui-layer-dialog .layui-layer-setwin .layui-layer-close::before,
.layui-layer-dialog .layui-layer-setwin .layui-layer-close2::before,
.layui-layer-page .layui-layer-setwin .layui-layer-close::before,
.layui-layer-page .layui-layer-setwin .layui-layer-close2::before {
    transform: rotate(45deg);
}
.layui-layer-dialog .layui-layer-setwin .layui-layer-close::after,
.layui-layer-dialog .layui-layer-setwin .layui-layer-close2::after,
.layui-layer-page .layui-layer-setwin .layui-layer-close::after,
.layui-layer-page .layui-layer-setwin .layui-layer-close2::after {
    transform: rotate(-45deg);
}
.layui-layer-dialog .layui-layer-setwin .layui-layer-close:hover::before,
.layui-layer-dialog .layui-layer-setwin .layui-layer-close:hover::after,
.layui-layer-dialog .layui-layer-setwin .layui-layer-close2:hover::before,
.layui-layer-dialog .layui-layer-setwin .layui-layer-close2:hover::after,
.layui-layer-page .layui-layer-setwin .layui-layer-close:hover::before,
.layui-layer-page .layui-layer-setwin .layui-layer-close:hover::after,
.layui-layer-page .layui-layer-setwin .layui-layer-close2:hover::before,
.layui-layer-page .layui-layer-setwin .layui-layer-close2:hover::after {
    background: #333;
}

/* ===== Laydate 时间插件蓝色主题 ===== */
/* 覆盖默认 laydate 和 .laydate-theme-red */
.layui-laydate .layui-this,
.laydate-theme-red .layui-laydate-content .layui-this { background-color: #418AF2 !important; color: #fff !important; }
.layui-laydate-content td.laydate-selected,
.laydate-theme-red .layui-laydate-content td.laydate-selected { background-color: rgba(65,138,242,0.25) !important; }
.laydate-selected:hover { background-color: rgba(65,138,242,0.45) !important; }
.layui-laydate-header i:hover,
.layui-laydate-header span:hover,
.laydate-theme-red .layui-laydate-header i:hover,
.laydate-theme-red .layui-laydate-header span:hover { color: #418AF2 !important; }
.layui-laydate-footer span:hover,
.laydate-theme-red .layui-laydate-footer span:hover { color: #418AF2 !important; }
.layui-laydate-footer span[lay-type=date],
.laydate-theme-red .layui-laydate-footer span[lay-type=date] { color: #418AF2 !important; }
.layui-laydate-footer span.layui-laydate-now,
.laydate-theme-red .layui-laydate-footer span.layui-laydate-now { background-color: #418AF2 !important; color: #fff !important; }
.laydate-footer-btns span:hover,
.laydate-theme-red .laydate-footer-btns span:hover { color: #418AF2 !important; }

/* ===== Layui 下拉选择框选中态蓝色 ===== */
.layui-form-select dl dd.layui-this { background-color: #418AF2 !important; }