/* static/css/navbar.css */
.navbar-area {
    position: relative; /* 确保z-index生效 */
    z-index: 1000; /* 提供一个较高的层级 */
}

.main-nav {
    background: rgba(255, 255, 255, 0.7) !important; /* 半透明导航栏背景 */
    backdrop-filter: blur(5px);
}

.main-nav .navbar .navbar-nav .nav-item a {
    color: var(--primary-purple) !important; /* 导航项文字颜色 */
    font-weight: bold;
}

.main-nav .navbar .navbar-nav .nav-item a:hover,
.main-nav .navbar .navbar-nav .nav-item a.active {
    color: var(--hover-purple) !important; /* 悬停/激活颜色 */
}

/* 下拉菜单 */
.main-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    background: rgba(255, 255, 255, 0.95) !important;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a {
    color: var(--primary-purple) !important;
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover {
    background-color: var(--gradient-start) !important;
    color: var(--primary-purple) !important;
}

/* 智能聊天按钮 */
.get-btn .default-btn {
    background-color: var(--secondary-purple) !important;
}
.get-btn .default-btn:hover {
    background-color: var(--hover-purple) !important;
}

/* 修改下拉菜单项的悬停/激活效果 */
.navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover,
.navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:focus,
.navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:active {
    color: var(--primary-purple) !important; /* 深紫色文字 */
    background-color: var(--gradient-end) !important; /* 淡紫色背景 */
}