/* ===== 17Nav Dark Mode ===== */

body[data-theme="dark"],
body[data-theme="auto"] {
    /* dark mode 通过 JS 在 auto 模式下根据系统偏好添加 .dark class */
}

body.dark {
    --bg: #0f0f1a;
    --card-bg: #1a1a2e;
    --card-border: #2a2a4e;
    --container-bg: #16213e;
    --text: #e0e0e0;
    --text-muted: #64748b;

    /* 暗色模式 pill 调整 */
    --pill-green-bg: rgba(21, 128, 61, 0.15);
    --pill-red-bg: rgba(185, 28, 28, 0.15);
    --pill-yellow-bg: rgba(180, 83, 9, 0.15);
    --pill-blue-bg: rgba(30, 64, 175, 0.15);
}

body.dark .background-overlay {
    background: var(--bg);
}

body.dark #search-btn {
    background: #312e81;
}

body.dark #search-btn:hover {
    background: var(--accent);
    color: #1e1b4b;
}

body.dark .search-result-item:hover {
    background: rgba(165, 180, 252, 0.1);
}

body.dark .desc-tooltip {
    background: #a5b4fc;
    color: #1e1b4b;
}

/* 主题切换过渡 */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark .container {
    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.4);
}

body.dark .search-results {
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.4);
}