
      /* 导航栏基础样式 */
      .navbar {
        background-color: var(--nav-bg, #fff) !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease;
      }

      /* 固定导航栏样式 */
      .navbar-fixed {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1030 !important;
        background-color: var(--nav-bg, #fff) !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important;
        animation: slideDown 0.3s ease;
      }

      @keyframes slideDown {
        from { transform: translateY(-100%); }
        to { transform: translateY(0); }
      }

      /* 导航链接样式 */
      .nav-link {
        color: var(--nav-text, #333) !important;
        font-weight: 500 !important;
        padding: 0.5rem 1rem !important;
        margin: 0 0.2rem !important;
        border-radius: 4px !important;
        transition: all 0.3s ease !important;
        position: relative !important;
      }

      .nav-link:hover,
      .nav-link.active {
        color: var(--primary-color, #0d6efd) !important;
        background-color: rgba(var(--primary-rgb, 13, 110, 253), 0.05) !important;
      }

      /* 下拉菜单样式 */
      .dropdown-menu {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        z-index: 1000 !important;
        min-width: 220px !important;
        padding: 0.5rem !important;
        margin: 0 !important;
        background-color: #fff !important;
        border: 1px solid rgba(0, 0, 0, 0.15) !important;
        border-radius: 8px !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(10px) !important;
        transition: all 0.3s ease !important;
      }

      /* 下拉菜单显示状态 */
      .dropdown-menu.show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
      }

      /* 下拉菜单项样式 */
      .dropdown-item {
        display: block !important;
        width: 100% !important;
        padding: 0.6rem 1rem !important;
        clear: both !important;
        font-weight: 400 !important;
        color: var(--nav-text, #333) !important;
        text-align: inherit !important;
        white-space: nowrap !important;
        background-color: transparent !important;
        border: 0 !important;
        border-radius: 4px !important;
        transition: all 0.2s ease !important;
      }

      .dropdown-item:hover,
      .dropdown-item:focus,
      .dropdown-item.active {
        color: var(--primary-color, #0d6efd) !important;
        background-color: rgba(var(--primary-rgb, 13, 110, 253), 0.05) !important;
      }

      /* 桌面端悬停显示下拉菜单 */
      @media (min-width: 992px) {
        .dropdown:hover > .dropdown-menu {
          display: block !important;
          opacity: 1 !important;
          visibility: visible !important;
          transform: translateY(0) !important;
        }

        /* 创建触发区域 */
        .dropdown {
          position: relative !important;
        }

        .dropdown::after {
          content: '' !important;
          position: absolute !important;
          top: 100% !important;
          left: 0 !important;
          width: 100% !important;
          height: 20px !important;
          background: transparent !important;
        }

        /* 确保下拉菜单在hover时保持显示 */
        .dropdown:hover .dropdown-menu {
          display: block !important;
          opacity: 1 !important;
          visibility: visible !important;
          transform: translateY(0) !important;
        }
      }

      /* 移动端样式 */
      @media (max-width: 991.98px) {
        .navbar-collapse {
          background-color: var(--nav-bg, #fff) !important;
          border-radius: 8px !important;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
          padding: 1rem !important;
          margin-top: 0.5rem !important;
        }

        .dropdown-menu {
          position: static !important;
          float: none !important;
          width: 100% !important;
          margin-top: 0.5rem !important;
          padding-left: 1rem !important;
          border: none !important;
          box-shadow: none !important;
          background-color: transparent !important;
        }

        .dropdown-item {
          padding: 0.5rem 1rem !important;
        }
      }
    

