@font-face {
    font-family: InterRegular;
    src: url(/build/fonts/Inter_18pt-Regular.37dcabff.ttf);
}

@font-face {
    font-family: InterMedium;
    src: url(/build/fonts/Inter_18pt-Medium.8540f35b.ttf);
}


@font-face {
    font-family: InterBold;
    src: url(/build/fonts/Inter_18pt-Bold.7ef6f6d6.ttf);
}

@font-face {
    font-family: InterSemiBold;
    src: url(/build/fonts/Inter_18pt-SemiBold.e5532d99.ttf);
}

@font-face {
    font-family: InterLight;
    src: url(/build/fonts/Inter_18pt-Light.dfaec8b8.ttf);
}

@font-face {
    font-family: RubikBold;
    src: url(/build/fonts/Rubik-Bold.627d0e53.ttf);
}

@font-face {
    font-family: RubikMediun;
    src: url(/build/fonts/Rubik-Medium.e785acbf.ttf);
}

@font-face {
    font-family: RubikSemiBold;
    src: url(/build/fonts/Rubik-SemiBold.742cf1e6.ttf);
}

@font-face {
    font-family: RubikLight;
    src: url(/build/fonts/Rubik-Light.86699cab.ttf);
}

@font-face {
    font-family: RubikRegular;
    src: url(/build/fonts/Rubik-Regular.46df2880.ttf);
}



body{
    margin: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F1F1F1;
    overflow-x: hidden;
    cursor: default;

}

.mainArea{
    height: 70vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    @media (max-width: 750px) {
        margin-bottom: 10vh;

    }
}


/* 背景蓝色圆形 1（位置不变，只把 absolute 改成 fixed） */
body::before{
  content:"";
  position: fixed;            /* ← 改为 fixed */
  top: 46%;
  right: 10%;
  transform: translateY(-50%);
  width: 32vw;
  height: 32vw;
  border-radius: 50%;
  background: radial-gradient(
    circle at center,
    rgba(7, 48, 167, 0.7) 0%,
    rgba(58, 123, 213, 0) 80%
  );
  filter: blur(100px);
  z-index: -1;
  pointer-events: none;
}

/* 背景蓝色圆形 2（位置不变，只把 absolute 改成 fixed） */
body::after{
  content:"";
  position: fixed;            /* ← 改为 fixed */
  top: 80%;
  right: 76%;
  transform: translateY(-50%);
  width: 30vw;
  height: 30vw;
  border-radius: 50%;
  background: radial-gradient(
    circle at center,
    rgba(7, 48, 167, 0.7) 0%,
    rgba(58, 123, 213, 0) 80%
  );
  filter: blur(100px);
  z-index: -1;
  pointer-events: none;
}

/* Contact 信息区域 */
.contactArea{
    height: 30vh;
    margin-top: 30px;
    display: flex;
    width: 66vw;
    flex-direction: column;
    align-items: start;
    @media (max-width: 1190px) {
        width: 80vw;

    }
    @media (max-width: 750px) {
        width: 90vw;
        margin-bottom: 100px;

    }
}
.Title{
    border-bottom: 1px solid #9b9b9b8b !important;
    padding-bottom: 16px;
    width: 66vw;
    height: 100px;
    font-family: InterSemiBold;
    font-size: 34px;
    align-content:end;
    margin-top: 4vh;



    @media (max-width: 1190px) {
        width: 80vw;
        font-size: 32px;
        margin-top: 1vh;
        height: 80px;
    }
    @media (max-width: 750px) {
        width: 90vw;
        margin-top: 0vh;
        font-size: 28px;
        height: 70px;

    }
}

.info{
    font-family: InterRegular;
    font-size: 16px;
    margin-bottom:20px;
    line-height: 30px;
}

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

}

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

*{
    border: none !important;
}