/* ========================================
   dark-mode.css - 深色模式专用样式
   ======================================== */

[data-theme="dark"] {
    /* 深色模式变量覆盖 */
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-tertiary: #64748b;
    --accent: #818cf8;
    --accent-hover: #a5b4fc;
    --accent-light: #1e1b4b;
    --card-bg: #1e293b;
    --border: #334155;
    --border-hover: #475569;
    --code-bg: #1e1e2e;
    --code-color: #f472b6;
}

/* 深色模式下的额外样式优化 */
[data-theme="dark"] .hero-wave {
    color: #0f172a;
}

[data-theme="dark"] .article-card {
    border: 1px solid var(--border);
}

[data-theme="dark"] .comment-form textarea {
    background: var(--bg-tertiary);
}

[data-theme="dark"] pre {
    border: 1px solid var(--border);
}

[data-theme="dark"] .btn-outline {
    border-color: var(--accent);
}

/* 深色模式图片优化（让图片稍微变暗，更协调） */
[data-theme="dark"] img:not(.nav-logo):not(.about-avatar img) {
    filter: brightness(0.9);
}

/* 深色模式滚动条 */
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--text-tertiary);
}

/* 深色模式下的发光效果 */
[data-theme="dark"] .article-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(129, 140, 248, 0.1);
}