/* ==================== 导航条增强样式 ==================== */
/* 这个文件用于提高所有页面导航条的对比度和可读性 */

/* 通用导航条增强 */
.navbar {
    background: rgba(255, 255, 255, 0.98) !important; /* 提高背景不透明度 */
    box-shadow: 0 2px 20px rgba(0,0,0,0.15) !important; /* 增强阴影 */
    border-bottom: 2px solid rgba(0,0,0,0.1) !important; /* 增强边框 */
    backdrop-filter: blur(10px);
}

/* 品牌名称增强 */
.navbar-brand {
    color: #1a252f !important; /* 深色文字，确保对比度 */
    font-weight: bold !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; /* 添加文字阴影 */
}

/* 导航链接增强 */
.navbar-nav .nav-link {
    color: #1a252f !important; /* 深色文字，提高对比度 */
    font-weight: 600 !important; /* 加粗字体 */
    text-shadow: 0 1px 1px rgba(0,0,0,0.1) !important; /* 添加文字阴影 */
    transition: all 0.3s ease !important;
}

/* 导航链接悬停状态 */
.navbar-nav .nav-link:hover {
    color: #0056b3 !important; /* 悬停时使用深蓝色 */
    background-color: rgba(0,123,255,0.1) !important; /* 悬停背景色 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important; /* 悬停时增强阴影 */
    transform: translateY(-1px);
}

/* 导航链接激活状态 */
.navbar-nav .nav-link.active {
    color: #0056b3 !important; /* 激活状态使用深蓝色 */
    background-color: rgba(0,123,255,0.15) !important; /* 激活状态背景色 */
    font-weight: 700 !important; /* 激活状态加粗 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}

/* 深色主题导航条增强 */
.dark-theme .navbar {
    background-color: #1a202c !important; /* 更深的背景色 */
    border-bottom: 2px solid rgba(255,255,255,0.1) !important; /* 增强边框 */
    box-shadow: 0 2px 20px rgba(0,0,0,0.3) !important; /* 增强阴影 */
}

.dark-theme .navbar-brand {
    color: #ffffff !important; /* 白色文字 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; /* 增强文字阴影 */
}

.dark-theme .navbar-nav .nav-link {
    color: #e2e8f0 !important; /* 浅色文字，确保对比度 */
    font-weight: 600 !important; /* 加粗字体 */
    text-shadow: 0 1px 1px rgba(0,0,0,0.3) !important; /* 添加文字阴影 */
}

.dark-theme .navbar-nav .nav-link:hover {
    color: #90cdf4 !important; /* 悬停时使用亮蓝色 */
    background-color: rgba(255,255,255,0.1) !important; /* 悬停背景色 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; /* 悬停时增强阴影 */
}

.dark-theme .navbar-nav .nav-link.active {
    color: #63b3ed !important; /* 激活状态使用蓝色 */
    background-color: rgba(255,255,255,0.15) !important; /* 激活状态背景色 */
    font-weight: 700 !important; /* 激活状态加粗 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

/* 移动端导航条增强 */
@media (max-width: 768px) {
    .navbar-nav .nav-link {
        color: #1a252f !important; /* 确保移动端也有良好对比度 */
        font-weight: 600 !important;
        text-shadow: 0 1px 1px rgba(0,0,0,0.1) !important;
    }
    
    .navbar-nav .nav-link:hover {
        color: #0056b3 !important;
        background-color: rgba(0,123,255,0.1) !important;
    }
    
    .dark-theme .navbar-nav .nav-link {
        color: #e2e8f0 !important;
        text-shadow: 0 1px 1px rgba(0,0,0,0.3) !important;
    }
    
    .dark-theme .navbar-nav .nav-link:hover {
        color: #90cdf4 !important;
        background-color: rgba(255,255,255,0.1) !important;
    }
}

/* 小屏幕导航条增强 */
@media (max-width: 576px) {
    .navbar-brand {
        font-size: 1.2rem !important; /* 小屏幕下调整品牌名称大小 */
    }
    
    .navbar-nav .nav-link {
        padding: 0.5rem 0.75rem !important; /* 调整小屏幕下的内边距 */
        font-size: 0.9rem !important; /* 调整小屏幕下的字体大小 */
    }
}