/* 下拉菜单悬停样式 - 最高优先级 */
        

        /* 导航栏核心样式 */
        .custom-navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            padding: 0 40px  ;
            margin: 0;
            background-color: #ffffff  ;
            border-bottom: 1px solid #eeeeee;
            height: 80px;
            align-items: center;
            z-index: 1000;
            transition: var(--transition);
        }
        
        /* Logo容器 - 左对齐 */
        .logo-container {
            display: flex;
            align-items: center;
            height: 100%;
            margin-right: auto;
        }
        
        /* Logo图片/文字样式 */
        .logo-container .navbar-brand {
            display: flex;
            align-items: center;
            font-size: 24px;
            font-weight: 600;
            color: var(--primary-color)  ;
            text-decoration: none;
        }
        
        .logo-container img {
            width: 200px;
            height: auto;
            margin-right: 10px;
            display: block;
            transition: var(--transition);
        }
        
        .logo-container img:hover {
            transform: scale(1.05);
        }
        
        /* 菜单容器 - 右对齐到屏幕最右侧 */
        .nav-menu-container {
            margin-left: auto  ;
            height: 100%;
            display: flex;
            align-items: center;
        }
        
        /* 导航项列表样式 */
        .nav-menu-container .navbar-nav {
            display: flex !important;
            align-items: center;
            height: 100%;
            margin-left: auto;
            gap: 20px !important; /* 控制菜单项之间的间距，!important确保在所有页面生效 */
        }
        
        /* 确保导航项间距一致，避免其他样式影响 */
        .nav-menu-container .navbar-nav .nav-item {
            margin-right: 0 !important; /* 重置margin-right，避免与gap冲突 */
            margin-left: 0 !important; /* 重置margin-left，避免与gap冲突 */
        }
        
        .navbar-nav .nav-item {
            margin-left: 0;  /* 使用gap属性控制间距，重置margin-left避免冲突 */
            height: 100%;
            display: flex;
            align-items: center;
            position: relative;
        }
        
        /* 导航链接样式 */
        .nav-link {
            padding: 0  ;
            font-size: 16px;
            color: #666666  ;
            font-weight: 400;
            position: relative;
            display: flex;
            align-items: center;
            text-decoration: none  ; /* 确保主菜单链接始终无下划线 */
            transition: var(--transition);
        }

        /* 全局导航链接样式，确保所有导航链接都没有下划线 */
        .navbar-nav li a {
            text-decoration: none  ;
        }

        .navbar-nav li a:hover {
            text-decoration: none  ;
        }
        
        /* 下拉箭头样式 */
        .nav-link.dropdown-toggle::after {
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 6px;
            vertical-align: middle;
            border-top: 4px solid #999;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
            border-bottom: 0;
            transition: var(--transition);
        }
        
        .nav-link:hover {
            color: var(--primary-color)  ;
            text-decoration: none  ; /* 确保主菜单链接悬停时也无下划线 */
        }
        
        .nav-link:hover::after {
            border-top-color: var(--primary-color);
        }
        
        /* 下拉菜单样式 */
        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 160px;
            border: 1px solid #f0f0f0;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow-light);
            padding: 4px 0; /* 控制整个菜单的上下内边距 4 */
            margin-top: 0; /* 控制菜单与父菜单项的距离 */
            transform-origin: top left;
            transform: translate(0, 0); /* 添加默认transform值 */
            display: none;
            opacity: 0;
            visibility: hidden;
            transition: var(--transition);
            line-height: 1.1;
            z-index: 1001; /* 确保下拉菜单显示在其他元素之上 */
        }
        
        /* 显示下拉菜单的样式 - Bootstrap点击时会添加.show类 */
        .dropdown-menu.show {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
            transform: translate(0, 0) !important;
        }
        
        /* 增强响应式下拉菜单显示 */
        .nav-menu-container .navbar-nav .dropdown-menu.show {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
            transform: translate(0, 0) !important;
        }
        
        /* 下拉菜单项样式 - 统一管理基本样式和悬停效果 
        .nav-menu-container .navbar-nav .dropdown-menu .dropdown-item, */
        
        /* 重置下拉菜单li元素的默认间距   下拉菜单之间的距离 取消html自动添加的间距 */
        .dropdown-menu li {
            margin: 0;
            padding: 0;
        }

        .navbar-nav .dropdown-menu .dropdown-item {
            background-color: transparent;
            color: #666;
            padding: 12px 10px; /* 前一个值（8px）：控制菜单项的上下内边距（垂直间距）后一个值（10px）：控制菜单项的左右内边距（水平间距） */
            font-size: 14px;
            line-height: 1.1;
            border: none;
            text-decoration: none;
            margin: 0;
            display: block;
            width: auto;
            transition: all 0.3s ease;
        }
        
        /* 下拉菜单项悬停效果 */
        .nav-menu-container .navbar-nav .dropdown-menu .dropdown-item:hover {
            background-color: #b3b8c5; /* 不透明灰色背景 */
            color: #ffffff;            
            padding-left: 20px; /* padding-left: 20px;  */
            text-decoration: none;
            margin-top: -2px; /* 下拉菜单与主菜单重叠2px */
        }
        
        /* 鼠标悬停显示下拉菜单 - 仅在桌面端生效 */
        @media (min-width: 992px) {
            .nav-item.dropdown:hover .dropdown-menu {
                display: block;
                opacity: 1;
                visibility: visible;
                transform: translate(0, 0);
            }
        }
        
        /* 响应式折叠按钮 */
        .navbar-toggler {
            border: none;
            padding: 0;
            margin-left: 10px;
        }
        
        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23666' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }