.page {
  background-color: rgba(248, 248, 248, 1);
  position: relative;
  width: 1920px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.group_1 {
  background-color: rgba(255, 255, 255, 1);
  width: 1921px;
  height: 108px;
}

.image_1 {
  width: 190px;
  height: 58px;
  margin: 26px 0 0 183px;
}

.text-wrapper_1 {
  width: 1184px;
  height: 56px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
  margin: 27px 310px 0 54px;
}

.text_1 {
  width: 1184px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(192, 5, 19, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
}

.text_2 {
  width: 1184px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
}

.group_2 {
  width: 1921px;
  height: 1240px;
  background: url(./img/FigmaDDSSlicePNG2bdec1d0497b8ac0da3800220c190bbd.png) center / cover no-repeat;
}

.image_2 {
  width: 357px;
  height: 108px;
  margin: 125px 0 0 297px;
}

.paragraph_1 {
  width: 630px;
  height: 120px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
  margin: 60px 0 0 160px;
}

.group_3 {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  position: relative;
  width: 1287px;
  height: 676px;
  margin: 77px 0 74px 160px;
}

.box_1 {
  box-shadow: 0px 4px 8px 1px rgba(219, 79, 81, 0.3);
  background-image: linear-gradient(
    90deg,
    rgba(203, 47, 48, 1) 0,
    rgba(233, 110, 116, 1) 100%
  );
  border-radius: 3px;
  width: 21px;
  height: 6px;
  margin: 77px 0 0 59px;
}

.paragraph_2 {
  width: 1016px;
  height: 440px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: justified;
  line-height: 44px;
  margin: 29px 0 124px 59px;
}

.image-wrapper_1 {
  height: 618px;
  background: url(./img/FigmaDDSSlicePNGcedf276feb8017945282000e079103a0.png) center / cover no-repeat;
  width: 497px;
  position: absolute;
  left: 1103px;
  top: 37px;
}

.image_3 {
  width: 294px;
  height: 413px;
  margin: 91px 0 0 94px;
}

.group_4 {
  width: 1920px;
  height: 1366px;
}

.text-wrapper_2 {
  width: 120px;
  height: 53px;
  margin: 72px 0 0 160px;
}

.text_3 {
  width: 120px;
  height: 53px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
}

.box_2 {
  width: 1600px;
  height: 154px;
  margin: 66px 0 0 160px;
}

.box_3 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_3 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_4 {
  width: 178px;
  height: 107px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 37px 0 0 32px;
}

.text_5 {
  width: 418px;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 28px;
  margin: 63px 98px 0 28px;
}

.box_4 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_4 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_6 {
  width: 165px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 30px 0 0 36px;
}

.paragraph_3 {
  width: 468px;
  height: 84px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 42px;
  margin: 35px 51px 0 25px;
}

.box_5 {
  width: 1600px;
  height: 154px;
  margin: 30px 0 0 160px;
}

.box_6 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_5 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_7 {
  width: 165px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 30px 0 0 36px;
}

.text_8 {
  width: 468px;
  height: 42px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
  margin: 50px 52px 0 24px;
}

.box_7 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_6 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_9 {
  width: 165px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 30px 0 0 36px;
}

.text_10 {
  width: 468px;
  height: 42px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
  margin: 52px 51px 0 25px;
}

.box_8 {
  width: 1600px;
  height: 154px;
  margin: 30px 0 0 160px;
}

.section_1 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_7 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_11 {
  width: 165px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 30px 0 0 36px;
}

.text_12 {
  width: 468px;
  height: 42px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
  margin: 50px 52px 0 24px;
}

.section_2 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_8 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_13 {
  width: 165px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 30px 0 0 36px;
}

.text_14 {
  width: 486px;
  height: 42px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
  margin: 73px 33px 0 25px;
}

.box_9 {
  width: 1600px;
  height: 154px;
  margin: 30px 0 0 160px;
}

.block_1 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_9 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_15 {
  width: 165px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 30px 0 0 36px;
}

.text_16 {
  width: 468px;
  height: 42px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
  margin: 50px 52px 0 24px;
}

.block_2 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_10 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_17 {
  width: 165px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 30px 0 0 36px;
}

.paragraph_4 {
  width: 486px;
  height: 126px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 42px;
  margin: 14px 33px 0 25px;
}

.box_10 {
  width: 1600px;
  height: 154px;
  margin: 30px 0 0 160px;
}

.section_3 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_11 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_18 {
  width: 165px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 30px 0 0 36px;
}

.text_19 {
  width: 468px;
  height: 42px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
  margin: 50px 52px 0 24px;
}

.section_4 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_12 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_20 {
  width: 165px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 30px 0 0 36px;
}

.text_21 {
  width: 486px;
  height: 42px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 42px;
  margin: 54px 33px 0 25px;
}

.box_11 {
  width: 786px;
  height: 154px;
  margin: 30px 0 101px 160px;
}

.section_5 {
  background-color: rgba(238, 239, 243, 1);
  border-radius: 20px;
  width: 786px;
  height: 154px;
}

.text-wrapper_13 {
  background-color: rgba(68, 68, 68, 1);
  height: 154px;
  width: 242px;
}

.text_22 {
  width: 165px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 60px;
  margin: 30px 0 0 36px;
}

.paragraph_5 {
  width: 468px;
  height: 84px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 24px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 42px;
  margin: 34px 52px 0 24px;
}

.group_5 {
  width: 1952px;
  height: 964px;
  background: url(./img/FigmaDDSSlicePNG5e97f3db6f1163621bad08a1b97f72f2.png) center / cover no-repeat;
  margin: -1px 0 0 -17px;
}

.text_23 {
  width: 160px;
  height: 53px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
  margin: 80px 0 0 177px;
}

.group_6 {
  width: 1600px;
  height: 230px;
  margin: 87px 0 0 177px;
}

.block_3 {
  background-color: rgba(238, 239, 243, 0.2);
  border-radius: 20px;
  width: 770px;
  height: 230px;
}

.group_7 {
  width: 489px;
  height: 145px;
  margin: 23px 0 0 18px;
}

.section_6 {
  box-shadow: 0px 4px 8px 1px rgba(219, 79, 81, 0.3);
  background-image: linear-gradient(
    90deg,
    rgba(203, 47, 48, 1) 0,
    rgba(233, 110, 116, 1) 100%
  );
  border-radius: 3px;
  width: 20px;
  height: 6px;
  margin-left: 11px;
}

.text_24 {
  width: 480px;
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
  margin: 31px 0 0 9px;
}

.text_25 {
  width: 387px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin-top: 8px;
}

.text-wrapper_14 {
  background-color: rgba(160, 0, 0, 1);
  border-radius: 20px;
  position: relative;
  width: 219px;
  height: 230px;
  margin-left: 44px;
}

.text_26 {
  width: 49px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 80px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 80px;
  margin: 42px 0 0 58px;
}

.text_27 {
  width: 69px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 96px 44px 0 -1px;
}

.text_28 {
  position: absolute;
  left: 38px;
  top: 140px;
  width: 157px;
  height: 59px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
}

.block_4 {
  background-color: rgba(238, 239, 243, 0.2);
  border-radius: 20px;
  width: 770px;
  height: 230px;
}

.text-wrapper_15 {
  background-color: rgba(160, 0, 0, 1);
  border-radius: 20px;
  height: 60px;
  width: 770px;
}

.text_29 {
  width: 360px;
  height: 60px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
  margin-left: 25px;
}

.section_7 {
  box-shadow: 0px 4px 8px 1px rgba(219, 79, 81, 0.3);
  background-image: linear-gradient(
    90deg,
    rgba(203, 47, 48, 1) 0,
    rgba(233, 110, 116, 1) 100%
  );
  border-radius: 3px;
  width: 20px;
  height: 6px;
  margin: 18px 0 0 29px;
}

.paragraph_6 {
  width: 691px;
  height: 122px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 6px 0 18px 29px;
}

.group_8 {
  background-color: rgba(238, 239, 243, 0.2);
  border-radius: 20px;
  width: 1600px;
  height: 291px;
  margin: 60px 0 163px 177px;
}

.text-wrapper_16 {
  background-color: rgba(160, 0, 0, 1);
  border-radius: 10px;
  height: 291px;
  width: 75px;
}

.text_30 {
  width: 46px;
  height: 210px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 30px;
  margin: 38px 0 0 26px;
}

.box_12 {
  width: 782px;
  height: 202px;
  margin: 21px 0 0 5px;
}

.text_31 {
  width: 691px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
}

.box_13 {
  box-shadow: 0px 4px 8px 1px rgba(219, 79, 81, 0.3);
  background-image: linear-gradient(
    90deg,
    rgba(203, 47, 48, 1) 0,
    rgba(233, 110, 116, 1) 100%
  );
  border-radius: 3px;
  width: 20px;
  height: 6px;
  margin: 12px 0 0 13px;
}

.paragraph_7 {
  width: 769px;
  height: 122px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 22px 0 0 13px;
}

.paragraph_8 {
  width: 691px;
  height: 162px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 101px 30px 0 17px;
}

.group_9 {
  position: relative;
  width: 1920px;
  height: 1250px;
}

.text_32 {
  width: 200px;
  height: 53px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
  margin: 79px 0 0 160px;
}

.group_10 {
  height: 639px;
  background: url(./img/FigmaDDSSlicePNGe08aa561dbcf74e559a3185ca0688dd7.png) center / cover no-repeat;
  width: 1831px;
  position: relative;
  margin: 479px 0 0 43px;
}

.text-wrapper_17 {
  width: 81px;
  height: 40px;
  margin: 301px 0 0 635px;
}

.text_33 {
  width: 81px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
}

.section_8 {
  width: 845px;
  height: 149px;
  margin: 62px 0 87px 498px;
}

.text-wrapper_18 {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 20px;
  height: 149px;
  width: 845px;
}

.text_34 {
  width: 691px;
  height: 80px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 35px 0 0 92px;
}

.section_9 {
  position: absolute;
  left: 117px;
  top: 202px;
  width: 1600px;
  height: 139px;
}

.text-group_1 {
  width: 150px;
  height: 138px;
}

.text-wrapper_19 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 80px;
}

.text_35 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 80px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 80px;
}

.text_36 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
}

.text_37 {
  width: 81px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin: -8px 0 0 30px;
}

.text-group_2 {
  width: 150px;
  height: 126px;
  margin: 8px 0 0 89px;
}

.text-wrapper_20 {
  width: 150px;
  height: 102px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei UI-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_38 {
  width: 150px;
  height: 102px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 80px;
  font-family: Microsoft YaHei UI-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_39 {
  width: 150px;
  height: 102px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 40px;
  font-family: Microsoft YaHei UI-Regular;
  font-weight: NaN;
  text-align: center;
}

.text_40 {
  width: 84px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin: -10px 0 0 34px;
}

.text-group_3 {
  width: 150px;
  height: 133px;
  margin: 6px 0 0 95px;
}

.text-wrapper_21 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_41 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 80px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_42 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
}

.text_33 {
  width: 81px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin: -13px 0 0 34px;
}

.text-group_4 {
  width: 151px;
  height: 130px;
  margin: 6px 0 0 92px;
}

.text-wrapper_22 {
  width: 151px;
  height: 130px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_43 {
  width: 151px;
  height: 130px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 80px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_44 {
  width: 151px;
  height: 130px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
}

.text_45 {
  width: 81px;
  height: 35px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
  margin: 93px 35px 0 -116px;
}

.text-group_5 {
  width: 150px;
  height: 133px;
  margin: 5px 0 0 92px;
}

.text-wrapper_23 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_46 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 80px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_47 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
}

.text_48 {
  width: 81px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin: -13px 0 0 34px;
}

.text-group_6 {
  width: 150px;
  height: 133px;
  margin: 5px 0 0 87px;
}

.text-wrapper_24 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_49 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 80px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_50 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
}

.text_51 {
  width: 81px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin: -13px 0 0 34px;
}

.text-group_7 {
  width: 150px;
  height: 133px;
  margin: 5px 0 0 94px;
}

.text-wrapper_25 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_52 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 80px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 80px;
}

.text_53 {
  width: 150px;
  height: 106px;
  overflow-wrap: break-word;
  color: rgba(160, 0, 0, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
}

.text_54 {
  width: 81px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin: -13px 0 0 34px;
}

.text-wrapper_26 {
  position: absolute;
  left: 147px;
  top: 300px;
  width: 1535px;
  height: 40px;
}

.group_11 {
  height: 533px;
  width: 300px;
  position: absolute;
  left: 161px;
  top: 188px;
  overflow: hidden;
  border-radius: 20px;
  clip-path: inset(0 round 20px);
}

.group_11::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(./img/FigmaDDSSlicePNG93d18e555f5f672b783458b6415eea4c.png) center / cover no-repeat;
  transition: transform 0.6s ease;
  z-index: 0;
}

.group_11:hover::before {
  transform: scale(1.15);
}

.block_5 {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 20px;
  width: 300px;
  height: 533px;
  position: relative;
  z-index: 1;
  transition: background-color 0.3s ease;
}

.text-group_8 {
  width: 213px;
  height: 155px;
  margin: 112px 0 0 44px;
}

.text_55 {
  width: 120px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 56px;
  margin-left: 47px;
}

.text_56 {
  width: 213px;
  height: 70px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.566592);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 56px;
  margin-top: 29px;
}

.text_57 {
  width: 228px;
  height: 90px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: justified;
  line-height: 30px;
  margin: 43px 0 133px 37px;
}

.group_12 {
  height: 533px;
  width: 300px;
  position: absolute;
  left: 485px;
  top: 188px;
  overflow: hidden;
  border-radius: 20px;
  clip-path: inset(0 round 20px);
}

.group_12::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(./img/FigmaDDSSlicePNG1aa55225bd618a1e7bb1382267a5f647.png) center / cover no-repeat;
  transition: transform 0.6s ease;
  z-index: 0;
}

.group_12:hover::before {
  transform: scale(1.15);
}

.box_14 {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 20px;
  width: 300px;
  height: 533px;
  position: relative;
  z-index: 1;
  transition: background-color 0.3s ease;
}

.text-group_9 {
  width: 139px;
  height: 141px;
  margin: 112px 0 0 78px;
}

.text_58 {
  width: 120px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin-left: 9px;
}

.text_59 {
  width: 139px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.566592);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin-top: 29px;
}

.text_60 {
  width: 228px;
  height: 90px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: justified;
  line-height: 30px;
  margin: 57px 0 133px 39px;
}

.group_13 {
  height: 533px;
  width: 300px;
  position: absolute;
  left: 810px;
  top: 188px;
  overflow: hidden;
  border-radius: 20px;
  clip-path: inset(0 round 20px);
}

.group_13::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(./img/FigmaDDSSlicePNG327ad7adac2c1fc10d9352e318f40c60.png) center / cover no-repeat;
  transition: transform 0.6s ease;
  z-index: 0;
}

.group_13:hover::before {
  transform: scale(1.15);
}

.group_14 {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 20px;
  width: 300px;
  height: 533px;
  position: relative;
  z-index: 1;
  transition: background-color 0.3s ease;
}

.text-group_10 {
  width: 275px;
  height: 141px;
  margin: 112px 0 0 16px;
}

.text_61 {
  width: 120px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin-left: 71px;
}

.text_62 {
  width: 275px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.566592);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin-top: 29px;
}

.text_63 {
  width: 228px;
  height: 90px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: justified;
  line-height: 30px;
  margin: 57px 0 133px 39px;
}

.group_15 {
  height: 533px;
  width: 300px;
  position: absolute;
  left: 1135px;
  top: 188px;
  overflow: hidden;
  border-radius: 20px;
  clip-path: inset(0 round 20px);
}

.group_15::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(./img/FigmaDDSSlicePNG626c470b996cf954cd599c3f80b89b8c.png) center / cover no-repeat;
  transition: transform 0.6s ease;
  z-index: 0;
}

.group_15:hover::before {
  transform: scale(1.15);
}

.section_10 {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 20px;
  width: 300px;
  height: 533px;
  position: relative;
  z-index: 1;
  transition: background-color 0.3s ease;
}

.text-group_11 {
  width: 120px;
  height: 141px;
  margin: 112px 0 0 87px;
}

.text_64 {
  width: 120px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
}

.text_65 {
  width: 116px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.566592);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin: 29px 0 0 4px;
}

.text_66 {
  width: 228px;
  height: 90px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: justified;
  line-height: 30px;
  margin: 57px 0 133px 39px;
}

.group_16 {
  height: 533px;
  width: 300px;
  position: absolute;
  left: 1460px;
  top: 188px;
  overflow: hidden;
  border-radius: 20px;
  clip-path: inset(0 round 20px);
}

.group_16::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(./img/FigmaDDSSlicePNG72c9fd516a67532f31790d27b72655ef.png) center / cover no-repeat;
  transition: transform 0.6s ease;
  z-index: 0;
}

.group_16:hover::before {
  transform: scale(1.15);
}

.block_6 {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 20px;
  width: 300px;
  height: 533px;
  position: relative;
  z-index: 1;
  transition: background-color 0.3s ease;
}

.block_5:hover,
.box_14:hover,
.group_14:hover,
.section_10:hover,
.block_6:hover {
  background-color: rgba(160, 0, 0, 0.8);
}

.text-group_12 {
  width: 163px;
  height: 141px;
  margin: 112px 0 0 68px;
}

.text_67 {
  width: 120px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 60px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin-left: 19px;
}

.text_68 {
  width: 163px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.566592);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin-top: 29px;
}

.text_69 {
  width: 228px;
  height: 90px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: justified;
  line-height: 30px;
  margin: 57px 0 133px 39px;
}

.group_17 {
  background-color: rgba(228, 228, 228, 1);
  position: relative;
  width: 1921px;
  height: 248px;
  margin: -1px 0 0 0;
}

.box_15 {
  width: 1593px;
  height: 58px;
  margin: 32px 0 0 167px;
}

.text_70 {
  width: 528px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 34px;
  margin-top: 12px;
}

.image_4 {
  width: 190px;
  height: 58px;
}

.box_16 {
  width: 1921px;
  height: 0;
  border: none;
  border-top: 1px dashed rgba(47, 47, 47, 1);
  margin-top: 28px;
}

.text-wrapper_27 {
  width: 1593px;
  height: 90px;
  margin: 39px 0 0 167px;
}

.paragraph_9 {
  width: 939px;
  height: 90px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 30px;
}

.text_71 {
  width: 311px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 30px;
  margin-top: 32px;
}

.text-wrapper_28 {
  background-color: rgba(47, 47, 47, 1);
  border-radius: 30px;
  height: 49px;
  border: 1px solid rgba(82, 82, 82, 1);
  width: 282px;
  position: absolute;
  left: 819px;
  top: 93px;
}

.text_72 {
  width: 83px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 34px;
  margin: 7px 0 0 7px;
}

.text_73 {
  position: absolute;
  left: 74px;
  top: 0;
  width: 206px;
  height: 49px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 49px;
}

/* 大事记模块鼠标悬停效果：数字背景变红、说明文字变红 */
.box_3 .text-wrapper_3,
.box_4 .text-wrapper_4,
.box_6 .text-wrapper_5,
.box_7 .text-wrapper_6,
.section_1 .text-wrapper_7,
.section_2 .text-wrapper_8,
.block_1 .text-wrapper_9,
.block_2 .text-wrapper_10,
.section_3 .text-wrapper_11,
.section_4 .text-wrapper_12,
.section_5 .text-wrapper_13 {
  transition: background-color 0.3s ease;
}

.box_3 .text_5,
.box_4 .paragraph_3,
.box_6 .text_8,
.box_7 .text_10,
.section_1 .text_12,
.section_2 .text_14,
.block_1 .text_16,
.block_2 .paragraph_4,
.section_3 .text_19,
.section_4 .text_21,
.section_5 .paragraph_5 {
  transition: color 0.3s ease;
}

.box_3:hover .text-wrapper_3,
.box_4:hover .text-wrapper_4,
.box_6:hover .text-wrapper_5,
.box_7:hover .text-wrapper_6,
.section_1:hover .text-wrapper_7,
.section_2:hover .text-wrapper_8,
.block_1:hover .text-wrapper_9,
.block_2:hover .text-wrapper_10,
.section_3:hover .text-wrapper_11,
.section_4:hover .text-wrapper_12,
.section_5:hover .text-wrapper_13 {
  background-color: rgba(160, 0, 0, 1);
}

.box_3:hover .text_5,
.box_4:hover .paragraph_3,
.box_6:hover .text_8,
.box_7:hover .text_10,
.section_1:hover .text_12,
.section_2:hover .text_14,
.block_1:hover .text_16,
.block_2:hover .paragraph_4,
.section_3:hover .text_19,
.section_4:hover .text_21,
.section_5:hover .paragraph_5 {
  color: rgba(160, 0, 0, 1);
}

/* 年份数字在背景块内绝对居中 */
.text-wrapper_3,
.text-wrapper_4,
.text-wrapper_5,
.text-wrapper_6,
.text-wrapper_7,
.text-wrapper_8,
.text-wrapper_9,
.text-wrapper_10,
.text-wrapper_11,
.text-wrapper_12,
.text-wrapper_13 {
  justify-content: center;
  align-items: center;
}

.text-wrapper_3 > span,
.text-wrapper_4 > span,
.text-wrapper_5 > span,
.text-wrapper_6 > span,
.text-wrapper_7 > span,
.text-wrapper_8 > span,
.text-wrapper_9 > span,
.text-wrapper_10 > span,
.text-wrapper_11 > span,
.text-wrapper_12 > span,
.text-wrapper_13 > span {
  margin: 0;
  width: auto;
  height: auto;
  text-align: center;
}

/* 大事记说明文字在卡片内垂直居中 */
.box_3,
.box_4,
.box_6,
.box_7,
.section_1,
.section_2,
.block_1,
.block_2,
.section_3,
.section_4,
.section_5 {
  align-items: center;
}

.box_3 .text_5,
.box_4 .paragraph_3,
.box_6 .text_8,
.box_7 .text_10,
.section_1 .text_12,
.section_2 .text_14,
.block_1 .text_16,
.block_2 .paragraph_4,
.section_3 .text_19,
.section_4 .text_21,
.section_5 .paragraph_5 {
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
}

/* 大事记数字块：圆角气泡 + 右侧指向箭头 */
.text-wrapper_3,
.text-wrapper_4,
.text-wrapper_5,
.text-wrapper_6,
.text-wrapper_7,
.text-wrapper_8,
.text-wrapper_9,
.text-wrapper_10,
.text-wrapper_11,
.text-wrapper_12,
.text-wrapper_13 {
  position: relative;
  border-radius: 16px;
}

.text-wrapper_3::after,
.text-wrapper_4::after,
.text-wrapper_5::after,
.text-wrapper_6::after,
.text-wrapper_7::after,
.text-wrapper_8::after,
.text-wrapper_9::after,
.text-wrapper_10::after,
.text-wrapper_11::after,
.text-wrapper_12::after,
.text-wrapper_13::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 22px 0 22px 26px;
  border-color: transparent transparent transparent rgba(68, 68, 68, 1);
  transition: border-color 0.3s ease;
}

.box_3:hover .text-wrapper_3::after,
.box_4:hover .text-wrapper_4::after,
.box_6:hover .text-wrapper_5::after,
.box_7:hover .text-wrapper_6::after,
.section_1:hover .text-wrapper_7::after,
.section_2:hover .text-wrapper_8::after,
.block_1:hover .text-wrapper_9::after,
.block_2:hover .text-wrapper_10::after,
.section_3:hover .text-wrapper_11::after,
.section_4:hover .text-wrapper_12::after,
.section_5:hover .text-wrapper_13::after {
  border-left-color: rgba(160, 0, 0, 1);
}

/* ============================================================
   参考 lc787.com 的整体交互效果：平滑滚动 / 吸顶导航 / 滚动淡入 / 卡片上浮
   ============================================================ */

/* 平滑滚动 */
html {
  scroll-behavior: smooth;
}

/* 吸顶导航栏（固定于视口顶部，滚动时加阴影）；随页面水平居中 */
.group_1 {
  position: fixed;
  top: 0;
  left: calc(50% - 960px);
  z-index: 1000;
  transition: box-shadow 0.3s ease;
}

/* 导航底色整体平铺：铺满整个视口宽度，内容仍保持原位 */
.group_1::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 108px;
  background-color: rgba(255, 255, 255, 1);
  z-index: -1;
}

.group_1.scrolled::before {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* 导航改为固定后，页面顶部预留导航高度，还原原始间距 */
.page {
  padding-top: 108px;
}

/* 滚动淡入上浮：各主要模块进入视口时渐显并轻微上移 */
.group_2,
.group_4,
.group_5,
.group_9,
.group_17 {
  opacity: 0;
  transform: translateY(48px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.group_2.in-view,
.group_4.in-view,
.group_5.in-view,
.group_9.in-view,
.group_17.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* 卡片鼠标经过时轻微上浮 + 阴影加深 */
.box_3,
.box_4,
.box_6,
.box_7,
.section_1,
.section_2,
.section_3,
.section_4,
.section_5,
.block_1,
.block_2,
.block_5,
.box_14,
.group_14,
.section_10,
.block_6 {
  transition: transform 0.3s ease, box-shadow 0.3s ease,
    background-color 0.3s ease;
}

.box_3:hover,
.box_4:hover,
.box_6:hover,
.box_7:hover,
.section_1:hover,
.section_2:hover,
.section_3:hover,
.section_4:hover,
.section_5:hover,
.block_1:hover,
.block_2:hover,
.block_5:hover,
.box_14:hover,
.group_14:hover,
.section_10:hover,
.block_6:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}