/**
 * SweetAlert2 全站主题适配
 * 版本: 20260911_v1
 *
 * 黑夜/科幻模式下全局规则会把 div/span/p/h2 文字改成浅色，
 * 但 SweetAlert2 弹窗默认仍是白底，导致「请登录」等提示窗文字与背景混淆。
 * 本文件用更高优先级覆盖弹窗背景与文字色，使其跟随当前显示模式。
 */

/* ========== 黑夜模式 ========== */
html.mode-dark .swal2-container .swal2-popup,
html.mode-dark .swal2-container div.swal2-popup,
body.dark-mode .swal2-container .swal2-popup,
body.dark-mode .swal2-container div.swal2-popup {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border: 1px solid #333 !important;
}

html.mode-dark .swal2-container .swal2-title,
html.mode-dark .swal2-container h2.swal2-title,
html.mode-dark .swal2-container .swal2-html-container,
html.mode-dark .swal2-container .swal2-html-container.swal2-html-container,
html.mode-dark .swal2-container .swal2-content,
html.mode-dark .swal2-container .swal2-footer,
html.mode-dark .swal2-container .swal2-popup div:not(.swal2-icon):not(.swal2-actions):not(.swal2-loader),
html.mode-dark .swal2-container .swal2-popup span:not(.swal2-icon-content),
html.mode-dark .swal2-container .swal2-popup p,
body.dark-mode .swal2-container .swal2-title,
body.dark-mode .swal2-container h2.swal2-title,
body.dark-mode .swal2-container .swal2-html-container,
body.dark-mode .swal2-container .swal2-content,
body.dark-mode .swal2-container .swal2-footer,
body.dark-mode .swal2-container .swal2-popup div:not(.swal2-icon):not(.swal2-actions):not(.swal2-loader),
body.dark-mode .swal2-container .swal2-popup span:not(.swal2-icon-content),
body.dark-mode .swal2-container .swal2-popup p {
    color: #e0e0e0 !important;
    background-color: transparent !important;
}

html.mode-dark .swal2-container .swal2-input,
html.mode-dark .swal2-container .swal2-textarea,
html.mode-dark .swal2-container .swal2-select,
body.dark-mode .swal2-container .swal2-input,
body.dark-mode .swal2-container .swal2-textarea,
body.dark-mode .swal2-container .swal2-select {
    background-color: #111 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

html.mode-dark .swal2-container .swal2-close,
body.dark-mode .swal2-container .swal2-close {
    color: #e0e0e0 !important;
}

html.mode-dark .swal2-container .swal2-validation-message,
body.dark-mode .swal2-container .swal2-validation-message {
    background: #2a2a2a !important;
    color: #e0e0e0 !important;
}

html.mode-dark .swal2-container .swal2-timer-progress-bar,
body.dark-mode .swal2-container .swal2-timer-progress-bar {
    background: rgba(255, 255, 255, 0.35) !important;
}

/* ========== 科幻模式 ========== */
html.mode-scifi .swal2-container .swal2-popup,
html.mode-scifi .swal2-container div.swal2-popup,
body.scifi-mode .swal2-container .swal2-popup,
body.scifi-mode .swal2-container div.swal2-popup,
body.mode-scifi .swal2-container .swal2-popup,
body.mode-scifi .swal2-container div.swal2-popup {
    background: #0a1929 !important;
    background-color: #0a1929 !important;
    color: #e0e0e0 !important;
    border: 1px solid rgba(100, 200, 255, 0.28) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.55), 0 0 18px rgba(100, 200, 255, 0.12) !important;
}

html.mode-scifi .swal2-container .swal2-title,
html.mode-scifi .swal2-container h2.swal2-title,
html.mode-scifi .swal2-container .swal2-html-container,
html.mode-scifi .swal2-container div.swal2-html-container,
html.mode-scifi .swal2-container .swal2-content,
html.mode-scifi .swal2-container .swal2-footer,
html.mode-scifi .swal2-container .swal2-popup div:not(.badge):not(.btn):not(.swal2-icon):not(.swal2-actions):not(.swal2-loader),
html.mode-scifi .swal2-container .swal2-popup span:not(.badge):not(.btn):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info):not(.swal2-icon-content),
html.mode-scifi .swal2-container .swal2-popup p,
body.scifi-mode .swal2-container .swal2-title,
body.scifi-mode .swal2-container h2.swal2-title,
body.scifi-mode .swal2-container .swal2-html-container,
body.scifi-mode .swal2-container div.swal2-html-container,
body.scifi-mode .swal2-container .swal2-content,
body.scifi-mode .swal2-container .swal2-footer,
body.scifi-mode .swal2-container .swal2-popup div:not(.badge):not(.btn):not(.swal2-icon):not(.swal2-actions):not(.swal2-loader),
body.scifi-mode .swal2-container .swal2-popup span:not(.badge):not(.btn):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info):not(.swal2-icon-content),
body.scifi-mode .swal2-container .swal2-popup p,
body.mode-scifi .swal2-container .swal2-title,
body.mode-scifi .swal2-container h2.swal2-title,
body.mode-scifi .swal2-container .swal2-html-container,
body.mode-scifi .swal2-container div.swal2-html-container,
body.mode-scifi .swal2-container .swal2-content,
body.mode-scifi .swal2-container .swal2-footer,
body.mode-scifi .swal2-container .swal2-popup div:not(.badge):not(.btn):not(.swal2-icon):not(.swal2-actions):not(.swal2-loader),
body.mode-scifi .swal2-container .swal2-popup span:not(.badge):not(.btn):not(.text-success):not(.text-danger):not(.text-warning):not(.text-info):not(.swal2-icon-content),
body.mode-scifi .swal2-container .swal2-popup p {
    color: #e0e0e0 !important;
    background-color: transparent !important;
}

html.mode-scifi .swal2-container h2.swal2-title,
body.scifi-mode .swal2-container h2.swal2-title,
body.mode-scifi .swal2-container h2.swal2-title {
    color: #e0f2ff !important;
    text-shadow: 0 0 8px rgba(100, 200, 255, 0.25) !important;
}

html.mode-scifi .swal2-container .swal2-input,
html.mode-scifi .swal2-container .swal2-textarea,
html.mode-scifi .swal2-container .swal2-select,
body.scifi-mode .swal2-container .swal2-input,
body.scifi-mode .swal2-container .swal2-textarea,
body.scifi-mode .swal2-container .swal2-select,
body.mode-scifi .swal2-container .swal2-input,
body.mode-scifi .swal2-container .swal2-textarea,
body.mode-scifi .swal2-container .swal2-select {
    background-color: #071422 !important;
    color: #e0e0e0 !important;
    border-color: rgba(100, 200, 255, 0.35) !important;
}

html.mode-scifi .swal2-container .swal2-close,
body.scifi-mode .swal2-container .swal2-close,
body.mode-scifi .swal2-container .swal2-close {
    color: #e0f2ff !important;
}

html.mode-scifi .swal2-container .swal2-validation-message,
body.scifi-mode .swal2-container .swal2-validation-message,
body.mode-scifi .swal2-container .swal2-validation-message {
    background: #102133 !important;
    color: #e0e0e0 !important;
}

html.mode-scifi .swal2-container .swal2-timer-progress-bar,
body.scifi-mode .swal2-container .swal2-timer-progress-bar,
body.mode-scifi .swal2-container .swal2-timer-progress-bar {
    background: rgba(100, 200, 255, 0.45) !important;
}

html.mode-scifi .swal2-container .swal2-styled.swal2-confirm,
html.mode-scifi .swal2-container .swal2-styled.swal2-cancel,
body.scifi-mode .swal2-container .swal2-styled.swal2-confirm,
body.scifi-mode .swal2-container .swal2-styled.swal2-cancel,
body.mode-scifi .swal2-container .swal2-styled.swal2-confirm,
body.mode-scifi .swal2-container .swal2-styled.swal2-cancel,
html.mode-dark .swal2-container .swal2-styled.swal2-confirm,
html.mode-dark .swal2-container .swal2-styled.swal2-cancel,
body.dark-mode .swal2-container .swal2-styled.swal2-confirm,
body.dark-mode .swal2-container .swal2-styled.swal2-cancel {
    color: #ffffff !important;
}

html.mode-dark .swal2-container .swal2-popup.mc-login-required-popup,
html.mode-dark .swal2-container div.swal2-popup.mc-login-required-popup,
body.dark-mode .swal2-container .swal2-popup.mc-login-required-popup,
body.dark-mode .swal2-container div.swal2-popup.mc-login-required-popup {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

html.mode-scifi .swal2-container .swal2-popup.mc-login-required-popup,
html.mode-scifi .swal2-container div.swal2-popup.mc-login-required-popup,
body.scifi-mode .swal2-container .swal2-popup.mc-login-required-popup,
body.scifi-mode .swal2-container div.swal2-popup.mc-login-required-popup,
body.mode-scifi .swal2-container .swal2-popup.mc-login-required-popup,
body.mode-scifi .swal2-container div.swal2-popup.mc-login-required-popup {
    background: #0a1929 !important;
    background-color: #0a1929 !important;
    color: #e0e0e0 !important;
}