/**
 * 移动端暗金主题 - 公共内容区颜色
 * 依赖 layout 中的 :root 变量；若单独引用则自带回退值
 */
:root {
    --brand: #f3c7a2;
    --brand-strong: #efcba7;
    --brand-soft: #ffe2ac;
    --brand-deep: #dcab76;
    --bg-page: #1f1c1f;
    --bg-surface: #212121;
    --bg-elevated: #313131;
    --bg-input: #2a2a2a;
    --border-gold: #766350;
    --border-muted: rgba(118, 99, 80, 0.45);
    --text-primary: rgba(255, 255, 255, 0.92);
    --text-secondary: rgba(255, 255, 255, 0.62);
    --text-muted: rgba(255, 255, 255, 0.45);
    --tab-active: #ffe0b3;
    --brand-glow: rgba(243, 199, 162, 0.18);
    --warn-bg: rgba(239, 203, 167, 0.12);
    --warn-border: rgba(220, 171, 118, 0.45);
    --warn-text: #efcba7;
}

body {
    background: var(--bg-page);
    color: var(--text-primary);
}

main {
    color: var(--text-primary);
}

main a {
    color: var(--brand-soft);
}

/* 表单公共 */
.form-label {
    color: var(--text-secondary) !important;
}

.form-input,
.form-select,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select {
    background: var(--bg-input) !important;
    border-color: var(--border-muted) !important;
    color: var(--text-primary) !important;
}

.form-input:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--brand) !important;
    background: var(--bg-elevated) !important;
    box-shadow: 0 0 0 3px var(--brand-glow) !important;
}

.form-input::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--text-muted) !important;
}

/* 卡片 / 白底容器常见类 */
.login-form-card,
.register-form-card,
.mobile-feature-cards,
.mobile-girl-card,
.user-menu-card,
.user-info-card,
.balance-card,
.form-card,
.record-card,
.account-card,
.withdraw-card,
.rules-card,
.video-card,
.comment-card,
.content-card,
.section-card {
    background: var(--bg-surface) !important;
    border: 1px solid var(--border-muted);
    box-shadow: none !important;
    color: var(--text-primary);
}

/* 标题与正文 */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary);
}

p {
    color: var(--text-secondary);
}

/* 提示条 */
.tip-box,
.alert-warning,
.withdraw-tip,
.password-tip {
    background: var(--warn-bg) !important;
    border-color: var(--warn-border) !important;
    color: var(--warn-text) !important;
}

/* 分页 */
.pagination-container {
    padding: 16px;
    display: flex;
    justify-content: center;
}

.pagination {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination a,
.pagination span {
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 13px;
    text-decoration: none;
    color: var(--text-secondary);
    background: var(--bg-elevated);
    border: 1px solid var(--border-muted);
}

.pagination a:hover {
    color: var(--brand-soft);
    border-color: var(--brand);
}

.pagination .current {
    color: #1f1c1f;
    background: linear-gradient(135deg, var(--brand-soft), var(--brand-deep));
    border-color: transparent;
    font-weight: 600;
}

.pagination .disabled {
    opacity: 0.4;
    color: var(--text-muted);
}

/* Layui 弹层适配暗色 */
.layui-layer {
    background-color: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
}

.layui-layer-title {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-muted) !important;
}

.layui-layer-btn a {
    background: linear-gradient(135deg, var(--brand-soft), var(--brand-deep)) !important;
    color: #68302c !important;
    border: none !important;
}