/* ==========================================
   Header Navigation 增强样式 - 提升可见性
   ========================================== */

/* 导航链接基础样式 */
.navbar .nav-link {
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
}

/* 导航链接悬浮效果 - 使用高亮的蓝绿色，在明暗主题下都清晰可见 */
.navbar .nav-link:hover {
    color: #00d4ff !important;
    text-shadow: 0 0 8px rgba(0, 212, 255, 0.5);
    transform: translateY(-1px);
}

/* 导航链接激活状态 - 使用鲜艳的品红色 */
.navbar .nav-link.active {
    color: #00f0ff !important;
    font-weight: 600 !important;
    text-shadow: 0 0 10px rgba(255, 0, 128, 0.4);
}

/* 导航链接激活状态悬浮 - 增强效果 */
.navbar .nav-link.active:hover {
    color: #ff33a0 !important;
    text-shadow: 0 0 12px rgba(255, 51, 160, 0.6);
    transform: translateY(-1px);
}

/* 下拉菜单项悬浮效果 */
.navbar .dropdown-menu .dropdown-item:hover {
    background-color: rgba(0, 212, 255, 0.15) !important;
    color: #00d4ff !important;
    padding-left: 1.5rem !important;
    transition: all 0.3s ease !important;
}

/* 下拉菜单项激活状态 */
.navbar .dropdown-menu .dropdown-item.active {
    background-color: rgba(255, 0, 128, 0.2) !important;
    color: #ff0080 !important;
    font-weight: 600 !important;
    border-left: 3px solid #ff0080;
}

/* 下拉菜单项激活状态悬浮 */
.navbar .dropdown-menu .dropdown-item.active:hover {
    background-color: rgba(255, 51, 160, 0.25) !important;
    color: #ff33a0 !important;
    padding-left: 1.5rem !important;
}

/* 下拉菜单触发器悬浮效果 */
.navbar .nav-link.dropdown-toggle:hover {
    color: #00d4ff !important;
    text-shadow: 0 0 8px rgba(0, 212, 255, 0.5);
}

/* 暗色主题优化 */
[data-bs-theme="dark"] .navbar .nav-link:hover {
    color: #00f0ff !important;
    text-shadow: 0 0 12px rgba(0, 240, 255, 0.6);
}

[data-bs-theme="dark"] .navbar .nav-link.active {
    color: #00f0ff !important;
    text-shadow: 0 0 14px rgba(255, 26, 140, 0.5);
}

[data-bs-theme="dark"] .navbar .nav-link.active:hover {
    color: #ff4db8 !important;
    text-shadow: 0 0 16px rgba(255, 77, 184, 0.7);
}

[data-bs-theme="dark"] .navbar .dropdown-menu .dropdown-item:hover {
    background-color: rgba(0, 240, 255, 0.2) !important;
    color: #00f0ff !important;
}

[data-bs-theme="dark"] .navbar .dropdown-menu .dropdown-item.active {
    background-color: rgba(255, 26, 140, 0.25) !important;
    color: #ff1a8c !important;
    border-left-color: #ff1a8c;
}

/* 语言切换按钮悬浮效果 */
.navbar .btn-outline-secondary:hover {
    color: #00d4ff !important;
    border-color: #00d4ff !important;
    background-color: rgba(0, 212, 255, 0.1) !important;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
}

/* 确保在所有背景色下都可见 */
.navbar-brand:hover {
    opacity: 0.9;
    transform: scale(1.02);
    transition: all 0.3s ease;
}

/* 移动端汉堡菜单悬浮效果 */
.navbar-toggler:hover {
    opacity: 0.8;
    transform: scale(1.05);
    transition: all 0.3s ease;
}

/* ==========================================
   用户头像圆形样式修复
   ========================================== */

/* 确保所有圆形头像容器保持正圆形且图片不变形 */
.rounded-circle {
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
}

/* 确保圆角图片（非完全圆形）也保持比例 */
.rounded-3 {
    object-fit: cover !important;
}