.top-spacer { /*防止导航栏遮挡,导航栏为固定高度*/
    height: 80px;
  }
  /*** header  设计思路:hedaer中两个box,title与team-photo采用box的背景图片显示,采用box为了精细微调***/
  
  
  .introduction-cards {
      width: 100vw;
      height: auto;
      padding: 40px 20px;
      background-color: #efebec;
      /* background-image: url('https://static.igem.wiki/teams/5858/images/members/introduction-card-bg.webp'); */
      background-size: contain;
      background-position: center;
      background-repeat: repeat;
      min-height: 100vh;
      box-sizing: border-box;
      padding-bottom: 20vw;
  }
  
  .introduction-cards .leader-cards,
  .introduction-cards .member-cards {
      margin-bottom: 20px;
  }
  
  .introduction-cards ul {
      display: flex;
      justify-content: center;
      gap: 2vw;
      padding: 0 0;
      flex-wrap: wrap;
      margin: 3vw auto;
  }
  
  .introduction-cards .cards {
      width: 15vw;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  
  .introduction-cards .img {
      width: 15vw;
      height: 15vw;
      background-image: url('https://static.igem.wiki/teams/5858/images/members/border.webp');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin-bottom: 1vw;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 1vw;
  }
  
  .introduction-cards .portrait {
      width: 80%;
      height: 80%;
      object-fit: cover;
  }
  
  .introduction-cards .text {
      width: 100%;
      height:   3vw;
      background-image: url('https://static.igem.wiki/teams/5858/images/members/name.svg');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-size: 1.2vw;
  }
  
  footer {
      background-image: url('https://static.igem.wiki/teams/5858/images/members/introduction-card-bg.webp');
      background-size: contain;
      background-position: center;
      background-repeat: repeat;
  }
  .introduction-cards h2 {
      position: relative;
      font-family: 'Arima Madurai';
      font-weight: 900;
      font-style: normal;
      color: #333;
      margin: 0 auto 20px;
      text-align: center;
      font-size: 2.4em;
      width: fit-content;
      z-index: 3;
  }
  
  .introduction-cards h2::before {
      content: '';
      position: absolute;
      bottom: -20%;
      left: -60px;
      width: 120px;
      height: 40px;
      background-image: url('https://static.igem.wiki/teams/5858/images/template/h2tl.webp');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 1;
  }
  
  .introduction-cards h2::after {
      content: '';
      position: absolute;
      bottom: -20%;
      right: -60px;
      width: 120px;
      height: 40px;
      background-image: url('https://static.igem.wiki/teams/5858/images/template/h2tr.webp');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1;
  }
  .banner-team {
      width: 60vw;
      height: 27.6vw;
      background-image: url('https://static.igem.wiki/teams/5858/images/members/team2.webp');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 1;
      border-radius: 20px;
      border: 5px solid #E6B846;
      overflow: hidden;
      margin: 5vw auto; /* 水平居中 */
      margin-top: 5vw; /* 垂直方向的间距 */
  }
  /* .banner-team img {
      object-fit: contain;
      width: 100%;
      height: 100%;
  } */
  h2 .ampersand {
      font-family: 'Times New Roman', serif;
      font-style: italic;
      font-weight: normal;
  }