/* 导航栏 */
  header {
      position: fixed;
      top: 0;
      width: 100%;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      z-index: 999;
  }

  /* 导航栏整体 */
  .nav {
      /* width: 100%;
      height: 70px;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 5%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999; */

      max-width: 1200px;
      height: 62px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0px 20px;
  }

  /* 滚动后导航样式 */
  .nav.scroll-active {
      background: #1976D2;
      box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
  }

  .nav.scroll-active .logo {
      color: #fff;
  }

  .nav.scroll-active .nav-menu a {
      color: #eee;
  }

  .nav.scroll-active .nav-menu a:hover,
  .nav.scroll-active .nav-menu a.active {
      color: #fff;
  }

  /* LOGO 区域 */
  .logo {
      display: flex;
      align-items: center;
      font-weight: 500;
      gap: 10px;
      font-size: 24px;
      font-weight: bold;
      color: #2563eb;
  }

  .logo img {
      width: auto;
      height: 50px;
      margin-right: 5px;
  }

  /* PC端菜单 */
  .nav-menu {
      display: flex;
      /* gap: 30px; */
      list-style: none;
      line-height: 62px;
  }

  .nav-menu a {
      color: #333;
      font-size: 16px;
      text-decoration: none;
      transition: 0.3s;
      padding: 0 15px;
  }

  .nav-menu a:hover {
      color: #0066cc;
      /* 你可以改喜欢的颜色 */
  }

  /* 当前选中激活样式 PC端 */
  .nav-menu a.active {
      color: #1976D2;
      font-weight: 600;
      border-bottom: 3px solid #1976D2;
  }

  .nav-menu li {
      position: relative;
  }

  /* 汉堡按钮（手机显示） */
  .hamburger {
      display: none;
      font-size: 24px;
      cursor: pointer;
      border: none;
      background: none;
      color: #333;
  }

  .nav.scroll-active .hamburger {
      color: #fff;
  }

  /* 解开注释会显示下拉菜单 */
  /* .nav-menu li:hover .dropdown {
      display: block;
  } */

  .dropdown {
      display: none;
      width: 100vw;
      /* height: 80vh; */
      background-color: #fff;
      position: fixed;
      left: 0;
      top: 62px;
      border-top: 1px solid #eee;
      box-shadow: 0 10px 13px 0 rgba(0, 0, 0, .1);
  }

  .dropdown-container {
      width: 1170px;
      margin: 0 auto;
  }

  .tab-wrap {
      padding: 0;
      overflow: hidden;
      display: flex;
      min-height: 540px;
  }

  .tab-head {
      width: 22%;
      background: linear-gradient(270deg, rgba(0, 76, 249, 0.15) 0%, rgba(0, 76, 249, 0) 100%);
      box-shadow: 4px 0 10px 0px rgba(72, 78, 87, 0.08);
      display: flex;
      flex-direction: column;
      padding-bottom: 40px;
  }

  .tab-content {
      flex: 1;
      padding: 20px;
      position: relative;
  }

  /* ====================== 手机端适配 ====================== */
  @media (max-width: 768px) {
      .nav-menu {
          position: fixed;
          top: 62px;
          left: 0;
          width: 100%;
          background: #fff;
          flex-direction: column;
          padding: 20px 5%;
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          display: none;
          line-height: 30px;
          /* 默认隐藏 */
      }

      /* 手机菜单展开 */
      .nav-menu.active {
          display: flex;
      }

      .nav-menu li:hover .dropdown {
          display: none;
      }

      /* 手机显示汉堡按钮 */
      .hamburger {
          display: block;
      }

      .logo {
          font-size: 16px;
      }

      /* 手机端选中样式 */
      .nav-menu a {
          display: block;
          height: 50px;
      }

      .nav-menu a.active {
          border-left: 4px solid #1976D2;
          border-bottom: none;
          padding-left: 12px;
      }

      .nav.scroll-active .nav-menu {
          background: #1976D2;
      }
  }