#FooterArea{
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 150px;
    @media (max-width: 750px) {
      margin-top: 22vh;
      width: 90vw;
  }
    cursor: default;

}

#footerUpper{
    width: 86vw;
    height: auto;
    display: grid;
    /* 全屏状态下，4 个 div 横向排列，均分宽度 */
    grid-template-columns: repeat(4, 1fr);
    box-sizing: border-box;
    gap: 8%;
    @media (max-width: 750px) {
      gap: 0%;
      width: 100%;

    }

}

@media (max-width: 1024px) {
    #footerUpper {
      grid-template-columns: repeat(2, 1fr);
    }
  }


.functionBox{
    width: auto;
    height: 230px;
    display: flex;
    flex-direction: column;
}
.functionTitle{
    font-family: InterBold;
    font-size: 28px;
    margin-bottom: 30px;
    @media (max-width: 750px) {
      font-size: 1.5rem;
    }
}
.functionDetail{
    font-family: RubikRegular;
    font-size: 14px;
    margin-bottom: 20px;

    @media (max-width: 750px) {
      margin-bottom: 10px;
    }
}
.NewletterLine{
    background-color: #000000;
    height: 1px;
    width: 90%;

}

.newsLetter-button {
    all: unset; /* 重置所有默认样式 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    background-color: #000;
    cursor: pointer;
    padding: 0 16px; /* 内部左右间距，可根据需要调整 */
    border-radius: 50px;
    margin-top: 20px;
    font-family: InterRegular;
    box-sizing: border-box;
    @media (max-width: 750px) {
      margin-top: 10px;
      width: 90%;
      padding:0 16px;

    }
    transition: transform 0.2s ease, box-shadow 0.2s ease;

  }

.newsLetter-button:hover{
    transform: scale(1.02);
    box-shadow: 0 6px 6px rgba(78, 78, 78, 0.1);
  }
  .newsbutton-text {
    color: #fff;
    font-size: 16px;
    font-family: InterRegular;
    @media (max-width: 750px) {
     font-size: 14px;
      margin-right: 0px; /* 文字与图标之间的间隔 */
      white-space: normal; 
    }
    margin-right: 8px; /* 文字与图标之间的间隔 */
  }
  .button-icon{
     width: 18px;

    @media (max-width: 1190px) {
     width: 26px;
    }
    @media (max-width: 750px) {
     width: 0px;
    }
  }


  #footerLower{
    width: 86vw;
    height: 230px;
    margin-top: 60px;
    display: flex;
    flex-direction: column-reverse;
    @media (max-width: 1190px) {
      height: 160px;
       
    }
        
    @media (max-width: 750px) {
        margin-top: 0px;
        height: 60px;

    }

  }

  .largeSloganSlideIn{
    opacity: 0;
    transform: translateY(16px);
    transition: ease-out 500ms;

}

.largeSloganSlideIn.active{
    opacity: 1;
    transform: translateY(0);
    transition: ease-out 500ms;
  
}

  #footerLower .footerEriverse {
    display: block;    /* 让它当块级，以便 width 生效 */
    width: 100%;       /* 填满父级 #footerLower 的宽度 */
    height: auto;      /* 等比缩放高度 */
    max-width: 1290px;
  }