/* ============================================
   十八中论坛 - 夜间模式样式
   挂载于 html[data-night="on"] 或 系统自动跟随
   ============================================ */

/* 自动模式通过 JS 控制 link 的 disabled 属性 */

@media (prefers-color-scheme: dark) {
    html[data-night="auto"] {
        color-scheme: dark;
        --bg: #070a10;
        --card: #101722;
        --text: #edf2f8;
        --text-secondary: #b8c2d0;
        --link: #78b7ff;
        --border: #293548;
        --muted: #91a0b4;
        --shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
        --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.65);
    }
}

/* 手动开启夜间模式 */
html[data-night="on"] {
    color-scheme: dark;
    --bg: #070a10;
    --card: #101722;
    --text: #edf2f8;
    --text-secondary: #b8c2d0;
    --link: #78b7ff;
    --border: #293548;
    --muted: #91a0b4;
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
    --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.65);
}

/* 夜间模式下特定元素的调整 */
html[data-night="on"] .card,
html[data-night="auto"] .card {
    background: var(--card);
    color: var(--text);
}

html[data-night="on"] .card-body,
html[data-night="auto"] .card-body {
    color: var(--text-secondary);
}

html[data-night="on"] input,
html[data-night="on"] textarea,
html[data-night="on"] select,
html[data-night="auto"] input,
html[data-night="auto"] textarea,
html[data-night="auto"] select {
    background: #17202d;
    color: var(--text);
    border-color: var(--border);
}

html[data-night="on"] .btn,
html[data-night="auto"] .btn {
    background: #17202d;
    color: var(--text);
    border-color: var(--border);
}

html[data-night="on"] .btn-primary,
html[data-night="auto"] .btn-primary {
    background: var(--link);
    color: #fff;
    border-color: var(--link);
}

html[data-night="on"] .btn-danger,
html[data-night="auto"] .btn-danger {
    color: #ef5350;
    border-color: #ef5350;
}

html[data-night="on"] .btn-danger:hover,
html[data-night="auto"] .btn-danger:hover {
    background: rgba(211, 47, 47, 0.15);
}

html[data-night="on"] .modal-overlay,
html[data-night="auto"] .modal-overlay {
    background: rgba(0, 0, 0, 0.78);
}

html[data-night="on"] .modal,
html[data-night="auto"] .modal {
    background: var(--card);
}

html[data-night="on"] .notification-item.unread,
html[data-night="auto"] .notification-item.unread {
    background: rgba(120, 183, 255, 0.09);
}

html[data-night="on"] .stat-card,
html[data-night="auto"] .stat-card {
    background: var(--card);
}

html[data-night="on"] .settings-item:active,
html[data-night="auto"] .settings-item:active {
    background: rgba(255, 255, 255, 0.03);
}

html[data-night="on"] .lv-badge,
html[data-night="auto"] .lv-badge {
    color: #fff;
}

/* 夜间模式下的等级徽章适度降低亮度 */
html[data-night="on"] .lv-badge::before,
html[data-night="auto"] .lv-badge::before {
    opacity: 0.4;
}

html[data-night="on"] .lv-badge.lv-glow,
html[data-night="auto"] .lv-badge.lv-glow {
    opacity: 0.9;
}