/**
 * layer.js 弹窗美化（与 DashLite / 支付管理中心风格一致）
 */

.layui-layer-shade {
    opacity: 0.45 !important;
    background-color: #1f2b3a !important;
}

.layui-layer {
    border-radius: 6px !important;
    border: 1px solid #e8eaed !important;
    box-shadow: 0 16px 48px rgba(31, 43, 58, 0.16) !important;
    overflow: hidden;
    font-family: Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* 标题栏 */
.layui-layer-title {
    padding: 0.875rem 3rem 0.875rem 1.25rem !important;
    height: auto !important;
    line-height: 1.4 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #364a63 !important;
    background: #fff !important;
    border-bottom: 1px solid #e8eaed !important;
    border-radius: 0 !important;
}

/* 关闭按钮 */
.layui-layer-setwin {
    right: 1rem !important;
    top: 0.875rem !important;
}

.layui-layer-setwin .layui-layer-close1 {
    width: 1.75rem !important;
    height: 1.75rem !important;
    margin-left: 0 !important;
    border-radius: 4px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238094ae'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/0.875rem auto no-repeat !important;
    opacity: 0.85;
    transition: background-color 0.15s ease, opacity 0.15s ease;
}

.layui-layer-setwin .layui-layer-close1:hover {
    opacity: 1;
    background-color: #f5f6fa !important;
}

/* 内容区 */
.layui-layer-dialog .layui-layer-content,
.layui-layer-page .layui-layer-content {
    padding: 1.25rem !important;
    font-size: 0.875rem !important;
    color: #526484 !important;
    line-height: 1.6 !important;
}

.layui-layer-page .layui-layer-content .form-group {
    margin-bottom: 1rem;
}

.layui-layer-page .layui-layer-content .form-group:last-child {
    margin-bottom: 0;
}

.layui-layer-page .layui-layer-content .form-label {
    font-weight: 500;
    color: #364a63;
    margin-bottom: 0.375rem;
}

.layui-layer-page .layui-layer-content .form-control {
    border-radius: 6px;
    border-color: #e2e8f0;
}

.layui-layer-page .layui-layer-content .form-control:focus {
    border-color: #6576ff;
    box-shadow: 0 0 0 3px rgba(101, 118, 255, 0.12);
}

.epay-layer-form .form-group {
    margin-bottom: 1rem;
}

.epay-layer-form .form-group:last-child {
    margin-bottom: 0;
}

/* 底部按钮 */
.layui-layer-btn {
    padding: 0.875rem 1.25rem !important;
    text-align: right !important;
    background: #f5f6fa !important;
    border-top: 1px solid #e8eaed !important;
}

.layui-layer-btn a {
    height: auto !important;
    line-height: 1.25 !important;
    padding: 0.4375rem 1.125rem !important;
    margin: 0 0 0 0.5rem !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    border: 1px solid #dbdfea !important;
    background: #fff !important;
    color: #526484 !important;
    transition: all 0.15s ease;
}

.layui-layer-btn a:hover {
    opacity: 1 !important;
    border-color: #c4cdd9 !important;
    color: #364a63 !important;
}

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

.layui-layer-btn .layui-layer-btn0:hover {
    border-color: #4f61f0 !important;
    background: #4f61f0 !important;
    color: #fff !important;
}

/* alert 提示框 */
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
    top: 1.25rem !important;
    left: 1.25rem !important;
}

.layui-layer-dialog .layui-layer-padding {
    padding: 1.25rem 1.25rem 1.25rem 3.75rem !important;
}

/* msg 轻提示 */
.layui-layer-msg {
    border-radius: 6px !important;
    border: 1px solid #e8eaed !important;
    box-shadow: 0 8px 24px rgba(31, 43, 58, 0.12) !important;
}

.layui-layer-hui {
    border-radius: 6px !important;
}

/* 暗色模式 */
.dark-mode .layui-layer {
    background: #1f2b3a !important;
    border-color: #2e384d !important;
}

.dark-mode .layui-layer-title {
    background: #1f2b3a !important;
    border-bottom-color: #2e384d !important;
    color: #fff !important;
}

.dark-mode .layui-layer-setwin .layui-layer-close1 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b6c6e3'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
}

.dark-mode .layui-layer-dialog .layui-layer-content,
.dark-mode .layui-layer-page .layui-layer-content {
    color: #b6c6e3 !important;
}

.dark-mode .layui-layer-page .layui-layer-content .form-label {
    color: #fff !important;
}

.dark-mode .layui-layer-btn {
    background: #141c26 !important;
    border-top-color: #2e384d !important;
}

.dark-mode .layui-layer-btn a {
    background: #2e384d !important;
    border-color: #384559 !important;
    color: #b6c6e3 !important;
}

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