/* 1. 修复顶部栏 (.top-row) */
[data-bs-theme="dark"] .top-row {
    /* 使用深色背景，或者直接用透明以透出 body 颜色 */
    background-color: #1e1e1e !important;
    /* 修改底部边框颜色，否则会有一条刺眼的白线 */
    border-bottom: 1px solid #444 !important;
}

    /* 2. 修复顶部栏里的链接颜色 (如果有) */
[data-bs-theme="dark"] .top-row a {
     color: white !important;
}

/* 3. (可选) 修复左侧导航栏链接在鼠标悬停时的背景 */
[data-bs-theme="dark"] .nav-item ::deep a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .bg-white {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .bg-light {
    background-color: #2b3035 !important;
    color: #e0e0e0;
}

/* 平滑过渡效果 */
body, .card, .navbar, .btn, .form-control {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}