/* dark-mode.css - @media (prefers-color-scheme: dark) 深色模式样式 */

@media (prefers-color-scheme: dark) {
    :root {
        --primary: #60a5fa;
        --success: #34d399;
        --bg: #0d0d0d;
        --level-color: #94a3b8;
        --text: #ffffff;
        --card-bg: #1a1a1a;
        --card-border: #2a2a2a;
        --btn-main-bg: #2a2a2a;
        --btn-main-color: #ffffff;
        --toast-bg: rgba(42, 42, 42);
        --header-bg: #0d0d0d;
    }

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

    .header {
        background: var(--header-bg) !important;
        border-bottom: 1px solid var(--card-border);
    }

    .word-card {
        background: var(--card-bg) !important;
        border: 1px solid var(--card-border) !important;
    }

    .btn-main {
        background: var(--btn-main-bg);
    }

    .btn-main:hover {
        background: #3a3a3a;
    }

    .btn-main,
    .btn-print {
        color: #ffffff !important;
        opacity: 1 !important;
        filter: none !important;
        visibility: visible !important;
    }

    .btn-main {
        background: #2a2a2a !important;
        border: 1px solid #3a3a3a !important;
    }

    .btn-print {
        background: #75BB67 !important;
        border: 1px solid #75BB67 !important;
    }

    .toast-notification,
    .combo-toast {
        background: var(--toast-bg);
        border: 1px solid rgba(148, 163, 184, 0.3);
    }

    .word-display {
        color: var(--text) !important;
    }

    .pos-display {
        color: var(--level-color);
    }

    .mean-display {
        color: #f87171;
    }

    .mastery-label {
        color: var(--text);
    }

    .level-tag {
        background: #2a2a2a;
        color: var(--level-color);
    }

    .mastery-checkbox-custom {
        background: #2a2a2a;
        border-color: #4a4a4a;
    }

    .btn-audio {
        background: #2a2a2a !important;
        color: #75BB67 !important;
        border-color: #3a3a3a !important;
    }

    .wordlist-label {
        color: var(--level-color);
    }

    .wordlist-select-btn {
        background: #2a2a2a;
        color: var(--text);
        border-color: #3a3a3a;
    }

    .wordlist-dropdown {
        background: #1a1a1a;
        border-color: #3a3a3a;
    }

    .wordlist-item {
        border-bottom-color: #2a2a2a;
    }

    .wordlist-item:hover {
        background: #2a2a2a;
    }

    .wordlist-item.active {
        background: #2a2a2a;
    }

    .wordlist-item-name {
        color: var(--text);
    }

    .author-info,
    .author-info a {
        color: var(--level-color);
    }

    .stats-bar {
        color: var(--level-color);
    }

    .sync-indicator {
        color: var(--level-color);
    }

    .confirm-card {
        background: #1a1a1a;
        border-color: #2a2a2a;
    }

    .confirm-title {
        color: var(--text);
    }

    .confirm-desc {
        color: #94a3b8;
    }

    .confirm-btn.cancel {
        background: #334155;
        color: var(--text);
    }

    .activation-overlay {
        background-color: #0d0d0d;
        background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232a2a2a' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .activation-card {
        background: #1a1a1a;
        border: 1px solid #2a2a2a;
    }

    .activation-card h2 {
        color: #ffffff;
    }

    .activation-card p,
    .activation-note {
        color: #94a3b8;
    }

    .license-input {
        background: #2a2a2a;
        border-color: #3a3a3a;
        color: #ffffff;
    }

    .license-input:focus {
        border-color: #60a5fa;
    }

    .btn-activate {
        background: #2563eb;
    }

    .btn-activate:hover {
        background: #1d4ed8;
    }

    .activation-note a {
        color: #60a5fa;
    }
}