@charset "UTF-8";

:root {
  --page-width: 1920px;
  --page-height: 9742px;
  --scaled-page-height: 9742px;
  --page-scale: 1;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  background: #0F0B01;
}

body {
  min-width: 0;
}

p {
  margin: 0;
}

.page-shell {
  position: relative;
  width: 100%;
  height: var(--scaled-page-height);
  overflow-x: hidden;
}

.page-canvas {
  width: var(--page-width) !important;
  height: var(--page-height) !important;
  background: #0F0B01;
  overflow: hidden;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) scale(var(--page-scale));
  transform-origin: top center;
}

.style-001 {
  width: 1920px;
  height: 9742px;
  background: #0F0B01;
  overflow: hidden;
  position: relative;
}

.style-002 {
  width: 1920px;
  height: 835px;
  flex: none;
  position: absolute;
  left: 0px;
  top: 0px;
}

.style-003 {
  flex: none;
  position: absolute;
  left: calc(100% - 1920px + 0px);
  top: 0px;
  width: 1920px;
  height: 835px;
  object-fit: cover;
}

.style-004 {
  width: 1920.73px;
  height: 128.02px;
  flex: none;
  position: absolute;
  left: -0.37px;
  top: 705.66px;
}

.style-005 {
  color: #FFF5CC;
  font-size: 16px;
  font-family: Source Han Sans;
  line-height: 23px;
  text-shadow: 0px 0px 17px rgba(249,199,114,0.74);
  position: absolute;
  left: 410.37px;
  top: 82.34px;
}

.style-006 {
  text-shadow: 0px 0px 17px rgba(249,199,114,0.74);
  position: absolute;
  left: 777.37px;
  top: 82.34px;
}

.style-007 {
  color: #FFF5CC;
  font-size: 16px;
  font-family: Source Han Sans;
  line-height: 23px;
}

.style-008 {
  color: #FFF5CC;
  font-size: 16px;
  font-family: Source Han Sans;
  font-weight: 700;
  line-height: 23px;
}

.style-009 {
  color: #FFF5CC;
  font-size: 20px;
  font-family: FZLanTingHeiS-B-GB;
  line-height: 28px;
  text-shadow: 0px 0px 17px rgba(249,199,114,0.74);
  position: absolute;
  left: 592px;
  top: 561px;
}

.style-010 {
  width: 555px;
  height: 68px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 27px;
  padding-left: 27px;
  border-style: solid;
  border-image: linear-gradient(96deg, rgba(255,245,204,0) 0%, #FFF5CC 55%, rgba(255,245,204,0) 100%) 1 1 1 1;
  border-width: 1px;
  position: absolute;
  left: 433px;
  top: 483px;
}

.style-011 {
  color: #FFFFFF;
  font-size: 32px;
  font-family: HYYakuHei;
  line-height: 45px;
  text-shadow: 0px 0px 17px rgba(249,199,114,0.74);
}

.style-012 {
  width: 954px;
  height: 23px;
  justify-content: center;
  align-items: center;
  gap: 158px;
  position: absolute;
  left: calc(100% - 1920px + 483px);
  top: 24px;
}

.style-013 {
  color: #FFF5CC;
  font-size: 20px;
  font-family: Source Han Sans;
  line-height: 1.13;
}

.style-014 {
  width: 752px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  position: absolute;
  left: calc(100% - 1920px + 410px);
  top: 728px;
}

.style-015 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.style-016 {
  width: 24px;
  height: 24px;
}

.style-017 {
  color: #FFF5CC;
  font-size: 20px;
  font-family: Source Han Sans;
  font-weight: 500;
  line-height: 29px;
}

.style-018 {
  width: 1px;
  height: 13px;
  flex: none;
  background: #FFF5CC;
  opacity: 0.2;
}

.style-019 {
  width: 1920px;
  height: 1204px;
  flex: none;
  background: linear-gradient(180deg, #0F0B01 0%, rgba(15,11,1,0.9) 12%, rgba(15,11,1,0.9) 77%, #0F0B01 100%), url(../images/3djianmo2026/bdb6cf0c0ac6ef367eb8a3c04e49ae62.jpg);
  background-size: cover;
  background-position: center;
  position: absolute;
  left: calc(100% - 1920px + 0px);
  top: 1801px;
}

.style-020 {
  width: 1185px;
  height: 824px;
  flex: none;
  position: absolute;
  left: 367px;
  top: 929px;
}

.style-021 {
  flex: none;
  position: absolute;
  left: calc(100% - 1185px + -367px);
  top: -80px;
  width: 1920px;
  height: 904px;
  object-fit: cover;
}

.style-022 {
  width: 922px;
  height: 122px;
  flex: none;
  position: absolute;
  left: 130.94px;
  top: 0px;
  display: none;
}

.style-023 {
  width: 922px;
  height: 26.31px;
  flex: none;
  position: absolute;
  left: 0px;
  top: 60px;
}

.style-024 {
  position: absolute;
  left: 452.5px;
  top: 11.31px;
}

.style-025 {
  position: absolute;
  left: calc(100% - 922px + 0px);
  top: 0px;
}

.style-026 {
  position: absolute;
  left: calc(100% - 922px + 922px);
  top: 0px;
}

.style-027 {
  width: 700px;
  height: 122px;
  flex: none;
  position: absolute;
  left: calc(100% - 922px + 111px);
  top: 0px;
}

.style-028 {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 67px;
  opacity: 0.05;
  position: absolute;
  left: 0.71%;
  right: 0%;
  top: 4.1%;
  bottom: 54.1%;
}

.style-029 {
  width: 674.41px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: absolute;
  left: calc(100% - 700px + 13px);
  top: 22px;
}

.style-030 {
  width: 83px;
  height: 42px;
}

.style-031 {
  color: #FFFFFF;
  font-size: 40px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 56px;
  letter-spacing: -0.8px;
}

.style-032 {
  color: #FFFFFF;
  font-size: 14px;
  font-family: BM Hanna Air;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 45.43%;
  right: 45.43%;
  top: 0%;
  bottom: 88.52%;
}

.style-033 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: FZJunHeiS-R-GB;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1.2px;
  opacity: 0.7;
  position: absolute;
  left: calc(100% - 700px + 124px);
  top: 98px;
}

.style-034 {
  flex: none;
  position: absolute;
  left: 43px;
  top: 140px;
  width: 1099px;
  height: 588px;
  object-fit: cover;
}

.style-035 {
  width: 450px;
  height: 139px;
  flex: none;
  position: absolute;
  left: 74.94px;
  top: 140px;
  display: none;
}

.style-036 {
  position: absolute;
  left: -1.11%;
  right: 0.11%;
  top: 28.42%;
  bottom: 0.36%;
}

.style-037 {
  width: 454.5px;
  height: 99px;
  flex: none;
  opacity: 0.3;
  position: absolute;
  left: -5px;
  top: 39.5px;
}

.style-038 {
  flex: none;
  box-shadow: inset 0px 4px 89px 0px #D37BFF;
  position: absolute;
  left: calc(100% - 454.5px + -16px);
  top: -5.5px;
  width: 454px;
  height: 105px;
  object-fit: cover;
}

.style-039 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: HYYakuHei;
  line-height: 28px;
  position: absolute;
  left: 24.44%;
  right: 31.11%;
  top: 37.41%;
  bottom: 43.17%;
}

.style-040 {
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans;
  font-weight: 500;
  line-height: 23px;
  opacity: 0.8;
  position: absolute;
  left: 24.44%;
  right: 8.89%;
  top: 71.94%;
  bottom: 11.51%;
}

.style-041 {
  background-image: linear-gradient(180deg, #FDEACA 0%, #F9DCA2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  font-family: Impact;
  line-height: 78px;
  position: absolute;
  left: 10%;
  right: 78.44%;
  top: 0%;
  bottom: 51.08%;
}

.style-042 {
  position: absolute;
  left: 75px;
  top: 69px;
}

.style-043 {
  width: 450px;
  height: 139px;
  flex: none;
  position: absolute;
  left: 145.94px;
  top: 500px;
  display: none;
}

.style-044 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: HYYakuHei;
  line-height: 28px;
  position: absolute;
  left: 24.44%;
  right: 44.44%;
  top: 37.41%;
  bottom: 43.17%;
}

.style-045 {
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans;
  font-weight: 500;
  line-height: 23px;
  opacity: 0.8;
  position: absolute;
  left: 24.44%;
  right: 12%;
  top: 71.94%;
  bottom: 11.51%;
}

.style-046 {
  background-image: linear-gradient(180deg, #FDEACA 0%, #F9DCA2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  font-family: Impact;
  line-height: 78px;
  position: absolute;
  left: 10%;
  right: 76.67%;
  top: 0%;
  bottom: 51.08%;
}

.style-047 {
  width: 450px;
  height: 139px;
  flex: none;
  position: absolute;
  left: 6.94px;
  top: 320px;
  display: none;
}

.style-048 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: HYYakuHei;
  line-height: 28px;
  position: absolute;
  left: 24.44%;
  right: 35.56%;
  top: 37.41%;
  bottom: 43.17%;
}

.style-049 {
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans;
  font-weight: 500;
  line-height: 23px;
  opacity: 0.8;
  position: absolute;
  left: 24.44%;
  right: 8%;
  top: 71.94%;
  bottom: 11.51%;
}

.style-050 {
  background-image: linear-gradient(180deg, #FDEACA 0%, #F9DCA2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  font-family: Impact;
  line-height: 78px;
  position: absolute;
  left: 10%;
  right: 76.89%;
  top: 0%;
  bottom: 51.08%;
}

.style-051 {
  width: 450px;
  height: 139px;
  flex: none;
  position: absolute;
  left: 653.94px;
  top: 140px;
  display: none;
}

.style-052 {
  position: absolute;
  left: 101.67%;
  right: -103.44%;
  top: 28.42%;
  bottom: 0.36%;
}

.style-053 {
  width: 454.5px;
  height: 99px;
  flex: none;
  opacity: 0.3;
  position: absolute;
  transform: rotate(180deg);
  transform-origin: 0 0;
  left: 456.5px;
  top: 40px;
}

.style-054 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: HYYakuHei;
  text-align: right;
  line-height: 28px;
  position: absolute;
  left: 40.22%;
  right: 19.78%;
  top: 37.41%;
  bottom: 43.17%;
}

.style-055 {
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans;
  text-align: right;
  font-weight: 500;
  line-height: 23px;
  opacity: 0.8;
  position: absolute;
  left: 19.78%;
  right: 19.78%;
  top: 71.94%;
  bottom: 11.51%;
}

.style-056 {
  background-image: linear-gradient(180deg, #FDEACA 0%, #F9DCA2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  font-family: Impact;
  line-height: 78px;
  position: absolute;
  left: 79.56%;
  right: 7.56%;
  top: 0%;
  bottom: 51.08%;
}

.style-057 {
  position: absolute;
  left: 389.87px;
  top: 69px;
}

.style-058 {
  width: 450px;
  height: 139px;
  flex: none;
  position: absolute;
  left: 607.94px;
  top: 500px;
  display: none;
}

.style-059 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: HYYakuHei;
  text-align: right;
  line-height: 28px;
  position: absolute;
  left: 53.56%;
  right: 19.78%;
  top: 37.41%;
  bottom: 43.17%;
}

.style-060 {
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans;
  text-align: right;
  font-weight: 500;
  line-height: 23px;
  opacity: 0.8;
  position: absolute;
  left: 12.67%;
  right: 19.78%;
  top: 71.94%;
  bottom: 11.51%;
}

.style-061 {
  background-image: linear-gradient(180deg, #FDEACA 0%, #F9DCA2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  font-family: Impact;
  line-height: 78px;
  position: absolute;
  left: 79.56%;
  right: 6.89%;
  top: 0%;
  bottom: 51.08%;
}

.style-062 {
  width: 450px;
  height: 168px;
  flex: none;
  position: absolute;
  left: 726.94px;
  top: 300px;
  display: none;
}

.style-063 {
  position: absolute;
  left: 101.67%;
  right: -109.67%;
  top: 23.51%;
  bottom: 0.3%;
}

.style-064 {
  width: 483.5px;
  height: 127.5px;
  flex: none;
  opacity: 0.3;
  position: absolute;
  transform: rotate(180deg);
  transform-origin: 0 0;
  left: 458px;
  top: 40px;
}

.style-065 {
  flex: none;
  box-shadow: inset 0px 4px 89px 0px #D37BFF;
  position: absolute;
  left: calc(100% - 483.5px + -16px);
  top: -5px;
  width: 512px;
  height: 139px;
  object-fit: cover;
}

.style-066 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: HYYakuHei;
  line-height: 28px;
  position: absolute;
  left: 42.89%;
  right: 21.56%;
  top: 30.95%;
  bottom: 52.98%;
}

.style-067 {
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans;
  text-align: right;
  font-weight: 500;
  line-height: 23px;
  opacity: 0.8;
  text-shadow: 0px 1px 0px #000000;
  position: absolute;
  left: 20.44%;
  right: 21.56%;
  top: 59.52%;
  bottom: 13.1%;
}

.style-068 {
  background-image: linear-gradient(180deg, #FDEACA 0%, #F9DCA2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  font-family: Impact;
  line-height: 78px;
  position: absolute;
  left: 79.33%;
  right: 7.11%;
  top: 0%;
  bottom: 59.52%;
}

.style-069 {
  position: absolute;
  left: 387.87px;
  top: 69px;
}

.style-070 {
  width: 450px;
  height: 64px;
  flex: none;
  position: absolute;
  left: 50%;
  top: 760px;
  transform: translateX(-50%);
}

.style-071 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.style-070-border {
  z-index: 0;
}

.style-070-fill {
  z-index: 0;
}

.style-070-fill path,
.style-070-border path {
  vector-effect: non-scaling-stroke;
}

.sr-only{
  position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.stage {
  position: absolute;
  inset: 0;
}

.teacher {
  position: absolute;
  inset: 0;
}

.teacher-container .teacher-panel {
  display: none;
}

.teacher-container .teacher-panel.is-active {
  display: block;
}

.teacher-container .teacher-panel[hidden] {
  display: none;
}

.contact-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
}

.contact-btn > div {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0;
}

.contact-btn > div img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.contact-btn > span {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 48px;
  box-sizing: border-box;
  transform: none !important;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  font-weight: bold;
}

.contact-btn:not(.style-243) > span {
  padding: 0 68px;
}

.style-072,
.style-080,
.style-101,
.style-151,
.style-175,
.style-246 {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
}

.style-072 {
  color: #0F0B01;
  font-size: 20px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 1.18;
  position: absolute;
  left: calc(100% - 420px + 50px);
  top: 20px;
}

.style-073 {
    width: 1185px;
    height: 824px;
    flex: none;
    position: absolute;
    left: 367px;
    top: 1929px;
}

.style-0731{
    flex: none;
    position: absolute;
    left: calc(100% - 1185px + -367px);
    top: -80px;
    width: 1920px;
    object-fit: cover;
}

.style-074 {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 67px;
  opacity: 0.05;
  position: absolute;
  left: -4%;
  right: -4.71%;
  top: 4.1%;
  bottom: 54.1%;
}

.style-075 {
  width: 608.41px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: absolute;
  left: calc(100% - 700px + 46px);
  top: 22px;
}

.style-076 {
  color: #FFFFFF;
  font-size: 14px;
  font-family: BM Hanna Air;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 45.21%;
  right: 45.21%;
  top: 0%;
  bottom: 88.52%;
}

.style-077 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: FZJunHeiS-R-GB;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1.2px;
  opacity: 0.7;
  position: absolute;
  left: calc(100% - 700px + 180.5px);
  top: 98px;
}

.style-078 {
  width: 450px;
  height: 64px;
  flex: none;
  position: absolute;
  left: 700px;
  top: 2446px;
}

.style-079 {
  position: absolute;
  left: calc(100% - 395px + 0px);
  top: 0px;
}

.style-080 {
  color: #0F0B01;
  font-size: 20px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 1.18;
  position: absolute;
  left: calc(100% - 395px + 50px);
  top: 20px;
}

.style-081 {
  width: 1099.27px;
  height: 948.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  position: absolute;
  left: 410px;
  top: 2509px;
}

.style-0811 {
  flex: none;
  position: absolute;
  top: 0;
  left: calc(100% - 1099.27px + -410px);
  width: 1920px;
  object-fit: cover;
}



.style-082 {
  width: 922px;
  height: 122px;
  flex: none;
  position: relative;
}

.style-083 {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 67px;
  opacity: 0.05;
  position: absolute;
  left: -13.64%;
  right: -14.36%;
  top: 4.1%;
  bottom: 54.1%;
}

.style-084 {
  width: 713.41px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: absolute;
  left: calc(100% - 700px + -6.5px);
  top: 22px;
}

.style-085 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: FZJunHeiS-R-GB;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1.2px;
  opacity: 0.7;
  position: absolute;
  left: calc(100% - 700px + 190px);
  top: 98px;
}

.style-086 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.style-087 {
  width: 207.85px;
  height: 329.5px;
  flex: none;
  position: relative;
}

.style-088 {
  width: 207.85px;
  height: 329.5px;
  flex: none;
  position: absolute;
  left: 0px;
  top: 0px;
}

.style-089 {
  flex: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 207px;
  height: 329.5px;
  object-fit: cover;
}

.style-090 {
  position: absolute;
  left: 103.5px;
  top: 0px;
}

.style-091 {
  position: absolute;
  left: 202.65px;
  top: 274.15px;
}

.style-092 {
  width: 135px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 13px;
  position: absolute;
  left: calc(100% - 207.85px + 36px);
  top: 234px;
}

.style-093 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2px;
}

.style-094 {
  color: #FFF5CC;
  font-size: 22px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 31px;
  letter-spacing: 0.44px;
  white-space: nowrap;
  font-weight: bold;
}

.style-095 {
  width: 12px;
  height: 1px;
  flex: none;
  background: #FFF5CC;
}

.style-096 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  opacity: 0.8;
}

.style-097 {
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans;
  line-height: 16px;
}

.style-098 {
  width: 135px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 13px;
  position: absolute;
  left: calc(100% - 207.85px + 36px);
  top: 234px;
}

.style-099 {
  width: 450px;
  height: 64px;
  flex: none;
  position: relative;
}

.style-100 {
  position: absolute;
  left: calc(100% - 400px + 0px);
  top: 0px;
}

.style-101 {
  color: #0F0B01;
  font-size: 20px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 1.18;
  position: absolute;
  left: calc(100% - 400px + 50px);
  top: 20px;
}

.style-102 {
  width: 1920px;
  height: 683px;
  flex: none;
  overflow: hidden;
  position: absolute;
  left: -1px;
  top: 3282px;
}

.style-1021 {
  flex: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 683px;
  object-fit: cover;
  pointer-events: none;
}

.style-103 {
  width: 922px;
  height: 122px;
  flex: none;
  position: absolute;
  left: 499px;
  top: 0px;
}

.style-104 {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 67px;
  opacity: 0.05;
  position: absolute;
  left: -6.29%;
  right: -7%;
  top: 4.1%;
  bottom: 54.1%;
}

.style-105 {
  color: #FFFFFF;
  font-size: 14px;
  font-family: BM Hanna Air;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 45.14%;
  right: 45.14%;
  top: 0%;
  bottom: 88.52%;
}

.style-106 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: FZJunHeiS-R-GB;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1.2px;
  opacity: 0.7;
  position: absolute;
  left: calc(100% - 700px + 66.5px);
  top: 98px;
}

.style-107 {
  position: absolute;
  left: 0px;
  top: 161px;
}

.style-108 {
  width: 1100px;
  height: 434px;
  flex: none;
  position: absolute;
  left: 410px;
  top: 220px;
}

.style-109 {
  width: 1099px;
  height: 0.5px;
  flex: none;
  background: #FFFFFF;
  opacity: 0.5;
  position: absolute;
  left: 0px;
  top: 38px;
}

.style-110 {
  width: 1100px;
  height: 38.5px;
  display: flex;
  flex: none;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0px;
  top: 0px;
}

.stage-nav .stage-tab {
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.style-111 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  opacity: 0.5;
}

.style-112 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: Source Han Sans;
  line-height: 32px;
}

.style-113 {
  width: 157px;
  height: 2.5px;
  flex: none;
}

.style-114 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}

.style-115 {
  color: #FFF5CC;
  font-size: 20px;
  font-family: Source Han Sans;
  font-weight: 700;
  line-height: 32px;
}

.style-116 {
  width: 157px;
  height: 2.5px;
  flex: none;
  background: #FFF5CC;
}

.style-117 {
  width: 1100px;
  height: 377px;
  flex: none;
  position: absolute;
  left: 0px;
  top: 57px;
}

.stage-nav .stage-tab .style-113 {
  background: transparent;
  transition: background-color 0.2s ease;
}

.stage-nav .stage-tab .style-112 {
  transition: color 0.2s ease, font-weight 0.2s ease;
}

.stage-nav .stage-tab.is-active {
  opacity: 1;
}

.stage-nav .stage-tab.is-active .style-112 {
  color: #FFF5CC;
  font-weight: 700;
}

.stage-nav .stage-tab.is-active .style-113 {
  background: #FFF5CC;
}

.stage-contents .stage-panel {
  display: none;
}

.stage-contents .stage-panel.is-active {
  display: block;
}

.stage-arrow {
  z-index: 2;
  cursor: pointer;
  user-select: none;
}

.stage-arrow img {
  display: block;
}

.style-118 {
  width: 464px;
  height: 287px;
  display: block;
  flex: none;
  position: absolute;
  left: 48px;
  top: 32px;
}

.style-119 {
  position: absolute;
  left: 0;
  top: 0;
  width: 464px;
  margin: 0;
  color: #FFFFFF;
  font-size: 20px;
  font-family: Source Han Sans;
  font-weight: 700;
  line-height: 29px;
}

.style-120 {
  position: absolute;
  left: 0;
  top: 53px;
  width: 464px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.style-121 {
  position: static;
  width: 100%;
  flex-shrink: 0;
  margin: 0;
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans;
  line-height: 24px;
}

.style-122 {
  position: static;
  width: 100%;
  flex-shrink: 0;
  margin: 0;
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans;
  line-height: 23px;
  opacity: 0.7;
}

.style-123 {
  flex: none;
  position: absolute;
  left: 50.18%;
  right: 4.36%;
  top: calc(100% - 377px + 32px);
  width: 500px;
  height: 281.25px;
  object-fit: cover;
}

.style-124 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
}

.style-125 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}

.style-126 {
  width: 1100px;
  height: 797px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  position: absolute;
  left: 410px;
  top: 4061px;
  isolation: isolate;
}

.style-1261 {
  position: absolute;
  inset: 0;
  width: 1100px;
  object-fit: cover;
  pointer-events: none;
  z-index: -1;
}

.style-127 {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 67px;
  opacity: 0.05;
  position: absolute;
  left: -0.93%;
  right: -1.64%;
  top: 4.1%;
  bottom: 54.1%;
}

.style-128 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: FZJunHeiS-R-GB;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1.2px;
  opacity: 0.7;
  position: absolute;
  left: calc(100% - 700px + 237px);
  top: 98px;
}

.style-129 {
  width: 1100px;
  height: 547px;
  flex: none;
  position: relative;
}

.style-130 {
  width: 1077px;
  height: 547px;
  flex: none;
  position: absolute;
  left: 0px;
  top: 0px;
}

.style-131 {
  position: absolute;
  left: 356px;
  top: 0px;
}

.style-132 {
  flex: none;
  opacity: 0.8;
  box-shadow: inset 0px 4px 89px 0px #D37BFF;
  position: absolute;
  left: calc(100% - 1077px + 343px);
  top: 4px;
  width: 734px;
  height: 487px;
  object-fit: cover;
  mix-blend-mode: overlay;
}

.style-133 {
  position: absolute;
  left: 355.5px;
  top: 0px;
}

.style-134 {
  position: absolute;
  left: 0px;
  top: 6px;
}

.style-135 {
  position: absolute;
  left: 33px;
  top: 16.5px;
}

.style-136 {
  position: absolute;
  left: 377px;
  top: 23.5px;
}

.style-137 {
  position: absolute;
  left: 354.5px;
  top: 63.5px;
}

.style-138 {
  position: absolute;
  left: 354px;
  top: 138px;
}

.style-139 {
  position: absolute;
  left: 352.5px;
  top: 507.5px;
}

.style-140 {
  position: absolute;
  left: 1052.5px;
  top: 349.5px;
}

.style-141 {
  position: absolute;
  left: 1043px;
  top: 6.5px;
}

.style-142 {
  flex: none;
  border-style: solid;
  border-color: rgba(255,245,204,0.5);
  border-width: 0.5px;
  position: absolute;
  left: 33px;
  top: 16.5px;
  width: 310px;
  height: 473px;
  object-fit: cover;
}

.style-143 {
  background-image: linear-gradient(180deg, #FFF5CC 0%, rgba(255,245,204,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 32px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 45px;
  opacity: 0.1;
  position: absolute;
  left: 419px;
  top: 59.5px;
}

.style-144 {
  width: 559px;
  height: 298px;
  display: block;
  position: absolute;
  left: 419px;
  top: 81.5px;
}

.style-145 {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 559px;
  margin: 0;
  color: #FFF5CC;
  font-size: 32px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 45px;
}

.style-146 {
  position: absolute;
  left: 0;
  top: 69px;
  width: 559px;
  flex: none;
  margin: 0;
  color: #FFFFFF;
  font-size: 20px;
  font-family: Source Han Sans;
  line-height: 32px;
  opacity: 0.7;
}

.style-147 {
  position: absolute;
  left: 5px;
  top: calc(100% - 547px + 225.5px);
}

.style-148 {
  position: absolute;
  left: 1080px;
  top: 225.5px;
}

.teacher-arrow {
  z-index: 2;
  cursor: pointer;
  user-select: none;
}

.teacher-arrow img {
  display: block;
}

.style-149 {
  width: 450px;
  height: 64px;
  flex: none;
  position: relative;
}

.style-150 {
  position: absolute;
  left: calc(100% - 403px + 0px);
  top: 0px;
}

.style-151 {
  color: #0F0B01;
  font-size: 20px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 1.18;
  position: absolute;
  left: calc(100% - 403px + 50px);
  top: 20px;
}

.style-152 {
  width: 1100.39px;
  height: 897px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  padding-right: 0px;
  padding-left: 0px;
  position: absolute;
  left: 409px;
  top: 4954px;
  isolation: isolate;
}

.style-1521 {
  position: absolute;
  inset: 0;
  width: 1100.39px;
  height: 897px;
  object-fit: cover;
  pointer-events: none;
  z-index: -1;
}

.style-153 {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 67px;
  opacity: 0.05;
  position: absolute;
  left: 6%;
  right: 5.29%;
  top: 4.1%;
  bottom: 54.1%;
}

.style-154 {
  width: 478.41px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: absolute;
  left: calc(100% - 700px + 111px);
  top: 22px;
}

.style-155 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: FZJunHeiS-R-GB;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1.2px;
  opacity: 0.7;
  position: absolute;
  left: calc(100% - 700px + 171px);
  top: 98px;
}

.style-156 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 32px;
}

.style-157 {
  width: 1100.38px;
  height: 474.5px;
  flex: none;
  position: relative;
}

.style-158 {
  flex: none;
  border-style: solid;
  border-color: rgba(255,245,204,0.3);
  border-width: 2px;
  position: absolute;
  left: calc(100% - 1100.38px + 12px);
  top: 12.5px;
  width: 1076px;
  height: 450px;
  object-fit: cover;
}

.portfolio-main-image {
  transition: opacity 0.25s ease;
}

.style-159 {
  width: 306.38px;
  height: 471.98px;
  flex: none;
  position: absolute;
  left: 794px;
  top: 0px;
}

.style-160 {
  position: absolute;
  left: 0px;
  top: 0px;
}

.style-161 {
  position: absolute;
  left: 138.5px;
  top: 229px;
}

.style-162 {
  position: absolute;
  left: 296px;
  top: 467.98px;
}

.style-163 {
  width: 306.38px;
  height: 327.5px;
  flex: none;
  position: absolute;
  left: 0px;
  top: 147px;
}

.style-164 {
  position: absolute;
  left: 306.39px;
  top: 327.5px;
}

.style-165 {
  position: absolute;
  left: 6px;
  top: 0px;
}

.style-166 {
  position: absolute;
  left: 5px;
  top: 29.5px;
}

.style-167 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.portfolio-arrow {
  cursor: pointer;
  user-select: none;
  flex: none;
}

.portfolio-strip-viewport {
  width: 900px;
  overflow: hidden;
  position: relative;
}

.style-168 {
  width: 26px;
  height: 46px;
}

.style-169 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.portfolio-strip {
  justify-content: flex-start;
  transition: transform 0.35s ease;
  will-change: transform;
}

.style-170 {
  width: 269px;
  height: 140px;
  flex: none;
  border-style: solid;
  border-color: rgba(255,245,204,0.5);
  border-width: 0.5px;
  object-fit: cover;
}

.style-171 {
  width: 269px;
  height: 140px;
  flex: none;
  border-style: solid;
  border-color: rgba(255,245,204,0.5);
  border-width: 0.5px;
  object-fit: cover;
}

.portfolio-thumb {
  flex: none;
  cursor: pointer;
  opacity: 0.72;
  transition: transform 0.25s ease, opacity 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.portfolio-thumb.is-active {
  opacity: 1;
  border-color: #FFF5CC;
  box-shadow: 0 0 0 1px rgba(255,245,204,0.85), 0 0 24px rgba(249,220,162,0.24);
  transform: translateY(-4px);
}

.style-172 {
  width: 450px;
  height: 64.5px;
  flex: none;
  position: relative;
}

.style-173 {
  position: absolute;
  left: calc(100% - 440.38px + 0px);
  top: 0.5px;
}

.style-174 {
  position: absolute;
  left: calc(100% - 440.38px + 0.38px);
  top: 0px;
}

.style-175 {
  color: #0F0B01;
  font-size: 20px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 1.18;
  position: absolute;
  left: calc(100% - 440.38px + 50.38px);
  top: 20px;
}

.style-176 {
  width: 1100px;
  height: 1141px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  left: calc(100% - 1920px + 410px);
  top: 5947px;
}

.style-176 .style-027 {
  isolation: isolate;
}

.style-1761 {
  position: absolute;
  left: -111px;
  top: 0;
  width: 922px;
  pointer-events: none;
  z-index: -1;
}
.style-2061 {
  position: absolute;
  left: -111px;
  top: 0;
  width: 922px;
  pointer-events: none;
  z-index: -1;
}
.style-2261 {
  position: absolute;
  left: -111px;
  top: 0;
  width: 922px;
  pointer-events: none;
  z-index: -1;
}
.style-2351 {
  position: absolute;
  left: -111px;
  top: 0;
  width: 922px;
  pointer-events: none;
  z-index: -1;
}

.style-177 {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 78px;
  letter-spacing: 5.6px;
  opacity: 0.05;
  position: absolute;
  left: -7.07%;
  right: -7.79%;
  top: 4.1%;
  bottom: 47.54%;
}

.style-178 {
  width: 725.41px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: absolute;
  left: calc(100% - 700px + -12.5px);
  top: 22px;
}

.style-179 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: FZJunHeiS-R-GB;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1.2px;
  opacity: 0.7;
  position: absolute;
  left: calc(100% - 700px + 133.5px);
  top: 98px;
}

.style-180 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 48px;
}

.style-181 {
  width: 1100px;
  height: 452px;
  flex: none;
  position: relative;
}

.style-182 {
  width: 604px;
  height: 452px;
  flex: none;
  position: absolute;
  left: calc(100% - 1100px + 496px);
  top: 0px;
  overflow: hidden;
}

.style-183 {
  flex: none;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 22.06%;
  bottom: 0%;
  width: 604px;
  height: 352.29px;
  object-fit: cover;
}

.style-184 {
  flex: none;
  position: absolute;
  left: -2.32%;
  right: 0%;
  top: -3.54%;
  bottom: -3.76%;
  width: 618px;
  height: 485px;
  object-fit: cover;
}

.style-185 {
  width: 461px;
  height: 347px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 18px;
  position: absolute;
  left: calc(100% - 1100px + 0px);
  top: 100px;
}

.style-186 {
  color: #FFFFFF;
  font-size: 32px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 30px;
}

.style-187 {
  width: 24px;
  height: 1px;
  flex: none;
  background: #FFFFFF;
}

.style-188 {
  width: 461px;
  flex: none;
  color: #FFFFFF;
  font-size: 20px;
  font-family: Source Han Sans;
  line-height: 32px;
  opacity: 0.7;
}

.style-189 {
  width: 1100px;
  height: 2px;
}

.style-190 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
}

.style-191 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
}

.style-192 {
  color: #FFFFFF;
  font-size: 24px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 34px;
  font-weight: bold;
}

.style-193 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.style-194 {
  width: 270px;
  height: 169px;
  flex: none;
  position: relative;
}

.style-195 {
  flex: none;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  width: 270px;
  height: 169px;
  object-fit: cover;
}

.style-196 {
  flex: none;
  position: absolute;
  left: 8px;
  top: 62px;
  width: 161px;
  height: 61px;
  object-fit: cover;
}

.style-197 {
  width: 280px;
  height: 169px;
  flex: none;
  position: relative;
}

.style-198 {
  flex: none;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  width: 280px;
  height: 169px;
  object-fit: cover;
}

.style-199 {
  flex: none;
  position: absolute;
  left: 17px;
  top: 10px;
  width: 57px;
  height: 37px;
  object-fit: cover;
}

.style-200 {
  width: 278px;
  height: 169px;
  flex: none;
  object-fit: cover;
}

.style-201 {
  width: 272px;
  height: 169px;
  flex: none;
  position: relative;
}

.style-202 {
  flex: none;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  width: 272px;
  height: 169px;
  object-fit: cover;
}

.style-203 {
  width: 157px;
  height: 214px;
  flex: none;
  position: relative;
}

.style-204 {
  flex: none;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  width: 157px;
  height: 214px;
  object-fit: cover;
}

.style-205 {
  width: 157px;
  height: 214px;
  flex: none;
  object-fit: cover;
}

.style-206 {
  width: 1100px;
  height: 605.96px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  position: absolute;
  left: calc(100% - 1920px + 410px);
  top: 7184px;
}

.style-207 {
  position: absolute;
  left: 0px;
  top: 60px;
}

.style-208 {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 78px;
  letter-spacing: 5.6px;
  opacity: 0.05;
  position: absolute;
  left: -0.93%;
  right: -1.64%;
  top: 4.1%;
  bottom: 47.54%;
}

.style-209 {
  width: 556.41px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: absolute;
  left: calc(100% - 700px + 72px);
  top: 22px;
}

.style-210 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: FZJunHeiS-R-GB;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1.2px;
  opacity: 0.7;
  position: absolute;
  left: calc(100% - 700px + 113px);
  top: 98px;
}

.style-211 {
  width: 1100px;
  --benefit-card-notch: 22px;
  display: flex;
  flex: none;
  justify-content: space-between;
  align-items: center;
}

.style-212 {
  width: 347px;
  height: 451.96px;
  flex: none;
  position: relative;
}

.style-213 {
  width: 347px;
  height: 451.96px;
  flex: none;
  position: absolute;
  left: 0px;
  top: 0px;
}

.style-211 .style-213 {
  isolation: isolate;
}

.style-214 {
  flex: none;
  position: absolute;
  left: 2px;
  top: 3px;
  width: 345px;
  height: 448px;
  object-fit: cover;
  z-index: 0;
}

.style-215 {
  position: absolute;
  left: 328px;
  top: 3px;
  z-index: 2;
}

.style-216 {
  position: absolute;
  left: 3.69px;
  bottom: 5.94px;
  z-index: 2;
}

.style-217 {
  width: 308px;
  height: 84px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
  position: absolute;
  left: 29.55px;
  top: 317.43px;
}

.style-218 {
  color: #FFFFFF;
  font-size: 28px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 1.18;
  font-weight: bold;
}

.style-219 {
  width: 308px;
  flex: none;
  color: #FFFFFF;
  font-size: 16px;
  font-family: Source Han Sans;
  line-height: 24px;
}

.style-220 {
  width: 308px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
  position: absolute;
  left: 29.55px;
  top: 317.43px;
}

.style-221 {
  width: 347px;
  height: 451.96px;
  flex: none;
  position: relative;
}

.style-222 {
  flex: none;
  position: absolute;
  left: 2px;
  top: 3px;
  width: 345px;
  height: 448px;
  object-fit: cover;
  z-index: 0;
}

.style-223 {
  width: 308px;
  height: 108px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
  position: absolute;
  left: 29.55px;
  top: 317.43px;
}

.style-211 > .style-212 .style-160 img {
  display: block;
  transform: scaleX(-1);
  transform-origin: center;
}

.style-211 .style-160 {
  z-index: 2;
}

.style-211 > .style-212 .style-214 {
  -webkit-clip-path: polygon(0 0, calc(100% - var(--benefit-card-notch)) 0, 100% var(--benefit-card-notch), 100% 100%, var(--benefit-card-notch) 100%, 0 calc(100% - var(--benefit-card-notch)));
  clip-path: polygon(0 0, calc(100% - var(--benefit-card-notch)) 0, 100% var(--benefit-card-notch), 100% 100%, var(--benefit-card-notch) 100%, 0 calc(100% - var(--benefit-card-notch)));
  box-shadow: none;
}

.style-211 > .style-212 .style-213::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 3px;
  width: 345px;
  height: 448px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20345%20448%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M1%201H322.088L344%2022.912V447H22.912L1%20425.088V1Z%27%20stroke%3D%27%23FFF5CC%27%20stroke-width%3D%270.5%27%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
  pointer-events: none;
  z-index: 1;
}

.style-211 > .style-221 .style-215 {
  left: 0;
  top: 3px;
}

.style-211 > .style-221 .style-215 img {
  display: block;
  transform: scaleX(-1);
  transform-origin: center;
}

.style-211 > .style-221 .style-160 {
  left: auto;
  right: 0;
  top: 0;
}

.style-211 > .style-221 .style-160 img {
  display: block;
}

.style-211 > .style-221 .style-216 {
  left: auto;
  right: 3.69px;
  bottom: 5.94px;
}

.style-211 > .style-221 .style-216 img {
  display: block;
  transform: scaleX(-1);
  transform-origin: center;
}

.style-211 > .style-221 .style-222 {
  -webkit-clip-path: polygon(var(--benefit-card-notch) 0, 100% 0, 100% calc(100% - var(--benefit-card-notch)), calc(100% - var(--benefit-card-notch)) 100%, var(--benefit-card-notch) 100%, 0 calc(100% - var(--benefit-card-notch)), 0 var(--benefit-card-notch));
  clip-path: polygon(var(--benefit-card-notch) 0, 100% 0, 100% calc(100% - var(--benefit-card-notch)), calc(100% - var(--benefit-card-notch)) 100%, var(--benefit-card-notch) 100%, 0 calc(100% - var(--benefit-card-notch)), 0 var(--benefit-card-notch));
  box-shadow: none;
}

.style-211 > .style-221 .style-213::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 3px;
  width: 345px;
  height: 448px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20345%20448%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M22.912%201H344V425.088L322.088%20447H22.912L1%20425.088V22.912L22.912%201Z%27%20stroke%3D%27%23FFF5CC%27%20stroke-width%3D%270.5%27%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
  pointer-events: none;
  z-index: 1;
}

.style-224 {
  width: 2575px;
  height: 660.31px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  position: absolute;
  left: -328px;
  top: 7886px;
}

.style-225 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.style-226 {
  width: 700px;
  height: 122px;
  flex: none;
  position: relative;
}

.style-227 {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 78px;
  letter-spacing: 5.6px;
  opacity: 0.05;
  position: absolute;
  left: -12.5%;
  right: -13.21%;
  top: 4.1%;
  bottom: 47.54%;
}

.style-228 {
  width: 360.41px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  position: absolute;
  left: calc(100% - 700px + 170px);
  top: 22px;
}

.style-229 {
  color: #FFFFFF;
  font-size: 14px;
  font-family: BM Hanna Air;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 45.29%;
  right: 45.29%;
  top: 0%;
  bottom: 88.52%;
}

.style-230 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: FZJunHeiS-R-GB;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1.2px;
  opacity: 0.7;
  position: absolute;
  left: calc(100% - 700px + 143px);
  top: 98px;
}

.style-231 {
  width: 922px;
  height: 26.31px;
}

.style-232 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
}

.style-233 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  width: max-content;
  will-change: transform;
}

.style-232.is-animated .style-233 {
  animation: campus-row-marquee var(--row-duration, 24s) linear infinite;
  animation-delay: var(--row-delay, 0s);
}

.style-234 {
  width: 361px;
  height: 236px;
  flex: none;
  object-fit: cover;
}

@keyframes campus-row-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-1 * var(--marquee-distance, 0px)));
  }
}

.style-235 {
  width: 1100px;
  height: 474.04px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  position: absolute;
  left: calc(100% - 1920px + 410px);
  top: 8643px;
}

.style-236 {
  background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 56px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  text-align: center;
  line-height: 78px;
  letter-spacing: 5.6px;
  opacity: 0.05;
  position: absolute;
  left: 11.57%;
  right: 10.86%;
  top: 4.1%;
  bottom: 47.54%;
}

.style-237 {
  color: #FFFFFF;
  font-size: 20px;
  font-family: FZJunHeiS-R-GB;
  text-align: center;
  line-height: 28px;
  letter-spacing: -1.2px;
  opacity: 0.7;
  position: absolute;
  left: calc(100% - 700px + 144px);
  top: 98px;
}

.style-238 {
  width: 1100px;
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 17.96px;
}

.style-239 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 17.96px;
}

.style-240 {
  width: 168.37px;
  height: 66.54px;
  flex: none;
  border-radius: 13.47px;
  object-fit: cover;
}

.style-241 {
  width: 1921px;
  height: 576px;
  flex: none;
  position: absolute;
  left: -1px;
  top: 9167px;
}

.style-242 {
  flex: none;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 1921px;
  height: 642px;
  object-fit: cover;
}

.style-243 {
  width: 340px;
  height: 65px;
  flex: none;
  position: absolute;
  left: 444px;
  top: 424px;
}

.style-244 {
  position: absolute;
  left: calc(100% - 340px + 0px);
  top: 1px;
}

.style-245 {
  position: absolute;
  left: calc(100% - 340px + 0px);
  top: 0px;
}

.style-246 {
  color: #0F0B01;
  font-size: 20px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 1.18;
  position: absolute;
  left: calc(100% - 340px + 90px);
  top: 20px;
}

.style-247 {
  width: 491px;
  height: 172px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
  position: absolute;
  left: 444px;
  top: 196px;
}

.style-248 {
  color: #FFF5CC;
  font-size: 40px;
  font-family: ReeJi-BigRuixain-BlackGBV1.0;
  line-height: 56px;
}

.style-249 {
  color: #FFFFFF;
  font-size: 28px;
  font-family: Source Han Sans;
  line-height: 56px;
}

.style-250 {
  width: 684px;
  height: 516px;
  flex: none;
  position: absolute;
  left: 410px;
  top: 1898px;
}

.style-251 {
  flex: none;
  position: absolute;
  left: -18px;
  top: -3px;
  width: 704px;
  height: 519px;
  object-fit: cover;
}

.style-252 {
  width: 311px;
  height: 313px;
  flex: none;
  position: absolute;
  left: 264px;
  top: 160px;
}

.style-253 {
  width: 116px;
  height: 41px;
  flex: none;
  position: absolute;
  left: 0px;
  top: 0px;
}

.style-254 {
  color: #FFFFFF;
  font-size: 15.57px;
  font-family: Source Han Sans;
  font-weight: 700;
  line-height: 23px;
  position: absolute;
  left: 18.68px;
  top: 8.19px;
}

.style-255 {
  width: 100px;
  height: 41px;
  flex: none;
  position: absolute;
  left: 199px;
  top: 85px;
}

.style-256 {
  width: 100px;
  height: 41px;
  flex: none;
  position: absolute;
  left: 49px;
  top: 78px;
}

.style-257 {
  width: 146px;
  height: 41px;
  flex: none;
  position: absolute;
  left: 76px;
  top: 142px;
}

.style-258 {
  position: absolute;
  left: 146.22px;
  top: 0px;
}

.style-259 {
  width: 131px;
  height: 41px;
  flex: none;
  position: absolute;
  left: 68px;
  top: 272px;
}

.style-260 {
  width: 178px;
  height: 41px;
  flex: none;
  position: absolute;
  left: 133px;
  top: 202px;
}

.style-261 {
  position: absolute;
  left: 178.22px;
  top: 0px;
}

.style-262 {
  width: 84px;
  height: 41px;
  flex: none;
  position: absolute;
  left: 149px;
  top: 20px;
}

.style-263 {
  position: absolute;
  left: 84.22px;
  top: 0px;
}

.style-264 {
  width: 84px;
  height: 41px;
  flex: none;
  position: absolute;
  left: 23px;
  top: 199px;
}

.style-265 {
  width: 396px;
  height: 274px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  position: absolute;
  left: 1114px;
  top: 2082px;
}

.style-266 {
  width: 396px;
  height: 78px;
  flex: none;
  position: relative;
}

.style-267 {
  width: 396px;
  height: 83px;
  flex: none;
  position: absolute;
  left: 0px;
  top: -4px;
}

.style-268 {
  position: absolute;
  left: 1px;
  top: 4px;
}

.style-269 {
  flex: none;
  opacity: 0.8;
  box-shadow: inset 0px 4px 89px 0px #D37BFF;
  position: absolute;
  left: calc(100% - 396px + 1px);
  top: 6px;
  width: 394px;
  height: 77px;
  object-fit: cover;
  mix-blend-mode: overlay;
}

.style-270 {
  position: absolute;
  left: 377px;
  top: 4px;
}

.style-271 {
  position: absolute;
  left: 2.43px;
  top: 45px;
}

.style-272 {
  color: #FFF5CC;
  font-size: 24px;
  font-family: Source Han Sans;
  text-align: center;
  font-weight: 700;
  line-height: 35px;
  position: absolute;
  left: 19px;
  top: 21px;
}

.style-273 {
  color: #FFF5CC;
  font-size: 24px;
  font-family: Source Han Sans;
  text-align: center;
  font-weight: 700;
  line-height: 35px;
  position: absolute;
  left: 31px;
  top: 21px;
}

.style-274 {
  color: #FFF5CC;
  font-size: 24px;
  font-family: Source Han Sans;
  text-align: center;
  font-weight: 700;
  line-height: 35px;
  position: absolute;
  left: 37px;
  top: 21px;
}

.style-275 {
  color: #FFF5CC;
  font-size: 24px;
  font-family: HYYakuHei;
  text-align: center;
  line-height: 34px;
  position: absolute;
  left: 1114px;
  top: 2036px;
}