
.navbar-brand img {
  height: 40px;
}
/* ======== 导航基础样式 ======== */
.navbar-nav .nav-link {
    margin: 0 10px; /* 左右间距10px = 每个菜单之间20px */
    font-size: 16px;
    color: #333;
    transition: color 0.3s;
  }
  
  .navbar-nav .nav-link:hover {
    color: #2B5BED;
  }
  
  /* 立即咨询按钮与语言切换按钮 */
  .btn-consult,
  #langMenu {
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 6px;
  }
  
  .btn-consult {
    background-color: #007bff;
    border: none;
  }
  
  .btn-consult:hover {
    background-color: #0056b3;
  }
  
  /* 语言切换按钮 */
  #langMenu {
    font-size: 14px;
    padding: 6px 10px;
  }
  
  /* ======== 移动端样式 ======== */
  @media (max-width: 991.98px) {
  
    /* 折叠菜单容器样式 */
    .navbar-collapse {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 0;
      overflow: hidden;
      background: rgba(0, 0, 0, 0.5); /* 半透明灰背景 */
      transition: all 0.4s ease;
      z-index: 999;
      transform: translateY(100%);
      opacity: 0;
    }
  
    /* 弹出时加上动画效果 */
    .navbar-collapse.show {
      height: 40vh;
      padding-top: 20px;
      animation: slideUpBounce 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    }
  
    /* 上滑+轻微弹性动画 */
    @keyframes slideUpBounce {
      0% {
        transform: translateY(100%);
        opacity: 0;
      }
      70% {
        transform: translateY(-5%);
        opacity: 1;
      }
      100% {
        transform: translateY(0);
        opacity: 1;
      }
    }
  
    /* 菜单项样式调整 */
    .navbar-nav {
      flex-direction: column;
      align-items: center;
    }
  
    .navbar-nav .nav-item {
      margin: 5px 0;
    }
  
    .navbar-nav .nav-link {
      font-size: 18px;
      color: #fff !important;
    }
  
    /* 右侧按钮区隐藏到菜单内部 */
    .navbar .d-flex {
      align-items: center;
    }

    .dropdown {
        background: #efefee;
        border-radius: 5px;
    }
  
    .btn-consult,
    #langMenu {
      font-size: 14px;
      width: 80%;
      border: 0;

    }
    #currentLang {
      display: none;
    }
  }

  .navbar-toggler {
    border: 0;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .navbar-toggler {

    font-size: 1rem;
  }

.webchat {
  display: flex;
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;
}