/* ========== layui layer 弹窗主题适配（黑金 / 雅白双主题，供登录/注册/忘记密码等门面页复用） ==========
   说明：门面页不加载 common.css，故此处独立维护 layer 系列组件的配色。 */

/* 弹窗主容器 */
.layui-layer {
    background-color: var(--bg-card, #17171c);
    color: var(--text-primary, #ece9e3);
    border: 1px solid var(--border-color, #3a3a44);
    box-shadow: var(--shadow-overlay);
    border-radius: var(--radius-lg);
}

/* 标题栏 */
.layui-layer-title {
    background-color: var(--bg-header-cell);
    color: var(--text-primary, #ece9e3);
    border-bottom: 1px solid var(--border-color, #3a3a44);
    font-weight: 600;
    height: 48px;
    line-height: 48px;
}

/* 内容区 */
.layui-layer-content {
    color: var(--text-primary, #ece9e3);
    background-color: transparent;
}

/* 页面层（type:1 协议弹窗）内容区滚动条 */
.layui-layer-page .layui-layer-content {
    overflow: hidden;
}

/* 协议/内容容器滚动条美化 */
.layui-layer-content ::-webkit-scrollbar {
    width: 6px;
}
.layui-layer-content ::-webkit-scrollbar-thumb {
    background: var(--border-strong);
    border-radius: var(--radius-sm);
}
.layui-layer-content ::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color, #c9a86a);
}
.layui-layer-content ::-webkit-scrollbar-track {
    background: transparent;
}

/* 关闭按钮 */
.layui-layer-setwin .layui-layer-close1 {
    background: none;
    color: var(--text-secondary, #b8b4ac);
    font-size: var(--text-base);
}
.layui-layer-setwin .layui-layer-close1:hover {
    color: var(--primary-color, #c9a86a);
}
.layui-layer-setwin .layui-layer-close2 {
    background-position: 0 -60px;
}
.layui-layer-setwin .layui-layer-min cite {
    background-color: var(--text-secondary, #b8b4ac);
}

/* 底部按钮区 */
.layui-layer-btn {
    border-top: 1px solid var(--border-color, #3a3a44);
    padding: var(--space-3) var(--space-5);
}
.layui-layer-btn a {
    background-color: var(--bg-elevated);
    border: 1px solid var(--border-color, #3a3a44);
    color: var(--text-secondary, #b8b4ac);
}
.layui-layer-btn a:hover {
    border-color: var(--primary-color, #c9a86a);
    color: var(--primary-color, #c9a86a);
    background-color: transparent;
}
.layui-layer-btn .layui-layer-btn0 {
    background: var(--primary-gradient, linear-gradient(135deg, #e8c97a, #c9a86a));
    border: none;
    color: var(--on-primary, #1a1a1a);
    font-weight: 600;
}

/* 消息提示（msg） */
.layui-layer-msg {
    background-color: var(--bg-elevated);
    border: 1px solid var(--border-color, #3a3a44);
    color: var(--text-primary, #ece9e3);
    box-shadow: var(--shadow-md);
    border-radius: var(--radius-md);
}

/* 遮罩层 */
.layui-layer-shade {
    background-color: var(--overlay-bg);
}

/* 协议弹窗内标题与文字（兜底，确保黑金配色） */
.layui-layer-content .agreement-body {
    color: var(--text-secondary, #b8b4ac);
    line-height: var(--leading-loose);
    font-size: var(--text-sm);
}
.layui-layer-content .agreement-body h4 {
    color: var(--text-primary, #ece9e3);
    margin: var(--space-3) 0 var(--space-2);
    font-size: var(--text-base);
}

/* ========== checkbox 复选框黑金适配（协议勾选等） ========== */

/* 关键：清除原始 label 的白色背景（lay-skin="primary" 规则用的是属性选择器，
   而 lay-skin 属性在 <input> 上，不在 <label> 上，所以 label 默认白色背景未失效） */
label.layui-form-checkbox,
.layui-form-checkbox {
    background-color: transparent !important;
}

/* 未勾选方框：深色透明底 + 深色边框 */
.layui-form-checkbox[lay-skin="primary"] > i {
    background-color: transparent !important;
    border-color: var(--border-color, #3a3a44) !important;
    color: transparent !important;
}

/* hover：金色边框 */
.layui-form-checkbox[lay-skin="primary"]:hover > i {
    border-color: var(--primary-color, #c9a86a) !important;
}

/* 勾选态：金色方框 + 深色勾选图标 */
.layui-form-checked[lay-skin="primary"] > i,
.layui-form-checked[lay-skin="primary"]:hover > i {
    border-color: var(--primary-color, #c9a86a) !important;
    background-color: var(--primary-color, #c9a86a) !important;
    color: var(--on-primary, #1a1a1a) !important;
}

/* 复选框文字 */
.layui-form-checkbox span {
    color: var(--text-secondary, #b8b4ac);
}

/* ========== 按钮禁用态黑金适配（获取验证码倒计时按钮等） ========== */
/* layui 的 .layui-btn-disabled 默认带 !important 强制灰白底 + 浅灰字，需用 !important 覆盖 */
.layui-btn-disabled,
.layui-btn-disabled:hover,
.layui-btn-disabled:active {
    border-color: var(--border-color, #3a3a44) !important;
    background-color: transparent !important;
    color: var(--text-placeholder, #8b877e) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}