/*
 * 艾英思弹窗样式：白底标题/底部、圆角、品牌色按钮
 */

/* ========== layer 整体 ========== */
.layui-layer {
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #e6ecf5 !important;
    box-shadow: 0 12px 40px rgba(23, 60, 120, 0.14) !important;
}

.layui-layer-border {
    border: 1px solid #e6ecf5 !important;
    box-shadow: 0 12px 40px rgba(23, 60, 120, 0.14) !important;
}

/* 标题栏 */
.layui-layer-title {
    background: #fff !important;
    color: #1a2b3c !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    height: 48px !important;
    line-height: 48px !important;
    border-bottom: 1px solid #eef2f6 !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 0 72px 0 18px !important;
}

.layui-layer-setwin {
    top: 14px !important;
    right: 14px !important;
}

.layui-layer-setwin span {
    color: #5a6d80 !important;
}

.layui-layer-setwin span:hover {
    color: #1777ff !important;
}

/* 内容区 */
.layui-layer-content {
    background: #fff !important;
}

.layui-layer-dialog .layui-layer-content {
    color: #1a2b3c;
}

/* 底部按钮区 */
.layui-layer-btn {
    background: #fff !important;
    border-top: 1px solid #eef2f6 !important;
    padding: 12px 16px 14px !important;
    border-radius: 0 0 12px 12px !important;
}

.layui-layer-page .layui-layer-btn,
.layui-layer-iframe .layui-layer-btn {
    background: #fff !important;
}

.layui-layer-btn a {
    height: 32px !important;
    line-height: 30px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    margin: 0 0 0 8px !important;
    padding: 0 16px !important;
    transition: all 0.2s ease;
}

.layui-layer-btn .layui-layer-btn0 {
    background: #1777ff !important;
    border-color: #1777ff !important;
    color: #fff !important;
}

.layui-layer-btn .layui-layer-btn0:hover {
    background: #1260d9 !important;
    border-color: #1260d9 !important;
    opacity: 1 !important;
}

.layui-layer-btn .layui-layer-btn1,
.layui-layer-btn .layui-layer-btn2 {
    background: #fff !important;
    border: 1px solid #d0dae8 !important;
    color: #5a6d80 !important;
}

.layui-layer-btn .layui-layer-btn1:hover,
.layui-layer-btn .layui-layer-btn2:hover {
    border-color: #1777ff !important;
    color: #1777ff !important;
    background: #edf4ff !important;
    opacity: 1 !important;
}

/* moon 皮肤覆盖 */
body .layer-ext-moon .layui-layer-title {
    background: #fff !important;
    color: #1a2b3c !important;
    border-bottom: 1px solid #eef2f6 !important;
    border-radius: 12px 12px 0 0 !important;
}

body .layer-ext-moon .layui-layer-btn {
    background: #fff !important;
    border-top: 1px solid #eef2f6 !important;
    border-radius: 0 0 12px 12px !important;
}

body .layer-ext-moon .layui-layer-btn a {
    border-radius: 8px !important;
    font-size: 13px !important;
    height: 30px !important;
    line-height: 30px !important;
}

body .layer-ext-moon .layui-layer-btn .layui-layer-btn0 {
    background: #1777ff !important;
    border-color: #1777ff !important;
    color: #fff !important;
}

body .layer-ext-moon .layui-layer-btn .layui-layer-btn1,
body .layer-ext-moon .layui-layer-btn .layui-layer-btn2,
body .layer-ext-moon .layui-layer-btn .layui-layer-btn3 {
    background: #fff !important;
    border: 1px solid #d0dae8 !important;
    color: #5a6d80 !important;
}

/* iframe 弹窗内容区圆角 */
.layui-layer-iframe .layui-layer-content {
    border-radius: 0;
}

/* ========== Bootstrap Modal ========== */
.modal-content {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid #e6ecf5 !important;
    box-shadow: 0 12px 40px rgba(23, 60, 120, 0.14) !important;
}

.modal-header {
    background: #fff !important;
    border-bottom: 1px solid #eef2f6 !important;
    padding: 14px 18px !important;
    border-radius: 12px 12px 0 0 !important;
}

.modal-header .modal-title {
    font-size: 15px;
    font-weight: 600;
    color: #1a2b3c;
}

.modal-header .close {
    color: #5a6d80;
    opacity: 0.8;
    text-shadow: none;
}

.modal-header .close:hover {
    color: #1777ff;
    opacity: 1;
}

.modal-body {
    background: #fff;
}

.modal-footer {
    background: #fff !important;
    border-top: 1px solid #eef2f6 !important;
    padding: 12px 16px !important;
    border-radius: 0 0 12px 12px !important;
}