.ml-155 {
  margin-left: 9.69rem;
}
.mt-23 {
  margin-top: 1.44rem;
}
.ml-27 {
  margin-left: 1.69rem;
}
.mt-25 {
  margin-top: 1.56rem;
}
.mt-27 {
  margin-top: 1.69rem;
}
.ml-242 {
  margin-left: 15.13rem;
}
.mt-13 {
  margin-top: 0.81rem;
}
.ml-281 {
  margin-left: 17.56rem;
}
.ml-5 {
  margin-left: 0.31rem;
}
.ml-182 {
  margin-left: 11.38rem;
}
.ml-116 {
  margin-left: 7.25rem;
}
.ml-161 {
  margin-left: 10.06rem;
}
.ml-176 {
  margin-left: 11rem;
}
.ml-166 {
  margin-left: 10.38rem;
}
.mt-9 {
  margin-top: 0.56rem;
}
.mt-5 {
  margin-top: 0.31rem;
}
.ml-41 {
  margin-left: 2.56rem;
}
.mt-17 {
  margin-top: 1.06rem;
}
.mt-222 {
  margin-top: 13.88rem;
}
.ml-3 {
  margin-left: 0.19rem;
}
.ml-17 {
  margin-left: 1.06rem;
}
.ml-175 {
  margin-left: 10.94rem;
}
.ml-23 {
  margin-left: 1.44rem;
}
.ml-29 {
  margin-left: 1.81rem;
}
.mt-11 {
  margin-top: 0.69rem;
}
.ml-13 {
  margin-left: 0.81rem;
}
.ml-122 {
  margin-left: 7.63rem;
}
.ml-133 {
  margin-left: 8.31rem;
}
.ml-132 {
  margin-left: 8.25rem;
}
.ml-9 {
  margin-left: 0.56rem;
}
.ml-143 {
  margin-left: 8.94rem;
}
.mt-19 {
  margin-top: 1.19rem;
}
.mt-21 {
  margin-top: 1.31rem;
}
.page {
  background-color: #f1f2f5;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
/*.section {*/
/*  padding: 1.88rem 0 6.63rem;*/
/*  background-color: #ffffff;*/
/*}*/
.group {
  padding: 0 4.5rem;
}
.cover-group {
   padding: 0 4.5rem;
  height: fit-content;
 }

.group_2 {
  padding-bottom: 1.63rem;
}
.text {
  color: #000000;
  font-size: 1.5rem;
  font-family: Inter;
  font-weight: 600;
  line-height: 1.4rem;
}
.group_3 {
  margin-right: 0.5rem;
}
.text-wrapper {
  padding: 0.88rem 0;
  background-color: #007aff;
  border-radius: 0.63rem;
  width: 6rem;
  height: 2.5rem;
}
.font {
  font-size: 1rem;
  font-family: Inter;
  line-height: 0.75rem;
  color: #000000;
}
.text_2 {
  color: #ffffff;
  line-height: 0.74rem;
}
.font_2 {
  font-size: 1rem;
  font-family: Inter;
  line-height: 0.82rem;
  color: #000000;
}
.text_3 {
  line-height: 0.76rem;
}
.text_4 {
  line-height: 0.74rem;
}
.text_5 {
  line-height: 0.76rem;
}
.font_3 {
  font-size: 1rem;
  font-family: Inter;
  line-height: 0.93rem;
  color: #000000;
}
.text_6 {
  line-height: 0.93rem;
}
.text_7 {
  line-height: 0.97rem;
}
.group_4 {
  padding-top: 5.75rem;
  /*padding: 5.75rem 0;*/
  overflow: hidden;
}
.section_2 {
  padding: 30px 30px 30px 100px;
  background-color: #007aff0d;
  border-radius: 1.25rem;
  height: 646px;
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content:space-between;
}

.header_text {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.title_text {
  font-size: 30px;
  font-family: PingFang HK;
  line-height: 30px;
  font-weight: 500;
  color: #000000;
}

.features_title {
  font-size: 20px;
  font-family: PingFang HK;
  line-height: 26px;
  color: #000000;
}

.features_text {
  font-size: 14px;
  font-family: PingFang HK;
  line-height: 26px;
  color: #000000;
  margin-top: 20px;
}

.services_text {
  font-size: 18px;
  font-family: PingFang HK;
  line-height: 26px;
  color: #000000;
}

.section_3 {
  background-color: #007aff33;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
}

.font_7 {
  font-size: 2.25rem;
  font-family: PingFang HK;
  line-height: 1.66rem;
  color: #000000;
}
.text_9 {
  line-height: 1.67rem;
}
.cover-image-container {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content:flex-end;
}
.cover-image {
  filter: drop-shadow(0rem 1.5rem 1.38rem #007aff1a);
  width: 561px;
  height: 625px;
}

.header_title {
  font-size: 24px;
  line-height: 40px;
  font-family: PingFang HK;
  font-weight: 600;
}
.w_396 {
  font-size: 18px;
  line-height: 40px;
  max-width: 396px;
  font-family: PingFang HK;
}

.start_text {
  color: #ffffff;
  font-size: 18px;
  font-family: PingFang HK;
}
.font_4 {
  font-size: 2.25rem;
  font-family: PingFang HK;
  line-height: 2.11rem;
  color: #000000;
}
.font_5 {
  font-size: 1.38rem;
  font-family: PingFang HK;
  line-height: 2.5rem;
  color: #000000;
}
.text-wrapper_2 {
  padding: 1.38rem 0;
  background-color: #007aff;
  border-radius: 0.63rem;
  width: 16.63rem;
}
.font_6 {
  font-size: 1.38rem;
  font-family: PingFang HK;
  line-height: 1.29rem;
  color: #000000;
}


.image {
  filter: drop-shadow(0rem 1.5rem 1.38rem #007aff1a);
  width: 27.06rem;
  height: 33.88rem;
}
.pos {
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translateY(-50%);
}
.image-wrapper {
  padding: 11.63rem 0 6.38rem;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=d4632206cf9f0a93dc70b17d71c4a2a3.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 35.06rem;
}
.pos_2 {
  position: absolute;
  right: 0;
  top: 6.12rem;
}
.image_2 {
  margin-left: 9rem;
  width: 2.88rem;
  height: 4.38rem;
}
.group_5 {
  margin-top: 2.75rem;
}
.group_6 {
  padding-bottom: 0.63rem;
}
.text_10 {
  line-height: 1.17rem;
}
.equal-division {
  margin-top: 4.63rem;
}
.equal-division-item {
  position: relative;
  min-width: 230px;
  flex: 1 1 230px;
}

/* 第5个盒子文字居中 */
.equal-division-item:last-child {
  text-align: center;
}

.equal-division-item:last-child .font_9 {
  text-align: center;
}
.section_4 {
  padding: 2.38rem 2.13rem 5.13rem 3rem;
  background-color: #ffffff;
  border-radius: 1.25rem;
  box-shadow: 0rem 0.88rem 2.13rem #007aff1a;
  border-image-slice: 1;
  /*height: 20.06rem;*/
  /*height: auto;*/
  min-height: 20rem;
  height: fit-content;
  border-left: solid 0.063rem #007aff66;
  border-right: solid 0.063rem #007aff66;
  border-top: solid 0.063rem #007aff66;
  border-bottom: solid 0.063rem #007aff66;
}
.image_3 {
  width: 64px;
}
.text_11 {
  line-height: 1.29rem;
}
.font_9 {
  font-size: 0.88rem;
  font-family: PingFang HK;
  line-height: 1.5rem;
  color: #000000;
}
.section_5 {
  margin-top: 0px;
  padding: 2.38rem 2.63rem 2rem;
  background-color: #ffffff;
  border-radius: 1.25rem;
  box-shadow: 0rem 0.88rem 2.13rem #007aff1a;
  border-image-slice: 1;
  height: auto;
  min-height: 282px;
  position: relative;
  z-index: 1;

  border-left: solid 0.063rem #007aff66;
  border-right: solid 0.063rem #007aff66;
  border-top: solid 0.063rem #007aff66;
  border-bottom: solid 0.063rem #007aff66;
}
.text_12 {
  margin-top: 1.38rem;
  line-height: 1.28rem;
}
.text_15 {
  margin-top: 1.75rem;
}
.section_6 {
  padding: 2.38rem 2.63rem 5rem;
  background-color: #ffffff;
  border-radius: 1.25rem;
  box-shadow: 0rem 0.88rem 2.13rem #007aff1a;
  border-image-slice: 1;
  height: 20.06rem;
  border-left: solid 0.063rem #007aff66;
  border-right: solid 0.063rem #007aff66;
  border-top: solid 0.063rem #007aff66;
  border-bottom: solid 0.063rem #007aff66;
}
.text_13 {
  margin-top: 1.38rem;
}
.text_16 {
  margin-top: 1.75rem;
}
.equal-division-item_2 {
  flex: 1 1 17.5rem;
}
.section_7 {
  padding: 2.38rem 2.5rem 3.38rem;
  background-color: #ffffff;
  border-radius: 1.25rem;
  box-shadow: 0rem 0.88rem 2.13rem #007aff1a;
  border-image-slice: 1;
  height: 20.06rem;
  border-left: solid 0.063rem #007aff66;
  border-right: solid 0.063rem #007aff66;
  border-top: solid 0.063rem #007aff66;
  border-bottom: solid 0.063rem #007aff66;
}
.text_14 {
  line-height: 1.28rem;
}
.group_7 {
  margin-top: 8.25rem;
}
.text_17 {
  line-height: 1.64rem;
}
.pos_4 {
  position: absolute;
  left: 32.38rem;
  top: 1.17rem;
}
.group_8 {
  margin-top: 3rem;
  padding: 0 2.69rem;
}
.group_9 {
  width: 40.22rem;
}
.group_10 {
  padding-bottom: 4.13rem;
}
.image_4 {
  border-radius: 4.71rem;
  width: 29.69rem;
  height: 29.69rem;
}
.image_5 {
  border-radius: 4.71rem;
  width: 30.38rem;
  height: 30.38rem;
}
.pos_5 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.section_8 {
  padding: 0 1.5rem 2rem;
  background-color: #f2f6ff;
  border-radius: 1.4rem;
  border-left: solid 0.063rem #cce4ff;
  border-right: solid 0.063rem #cce4ff;
  border-top: solid 0.063rem #cce4ff;
  border-bottom: solid 0.063rem #cce4ff;
}
.pos_6 {
  position: absolute;
  left: 4.81rem;
  top: 5.06rem;
}
.group_11 {
  padding: 1.88rem 1.13rem 0.63rem;
}
.font_10 {
  font-size: 1rem;
  font-family: PingFang SC;
  line-height: 0.93rem;
  color: #6d6d71;
}
.text_18 {
  font-size: 0.99rem;
}
.font_11 {
  font-size: 1rem;
  font-family: PingFang HK;
  line-height: 0.73rem;
  color: #8e8e92;
}
.text_19 {
  color: #a1a1a4;
  font-size: 0.99rem;
  line-height: 0.92rem;
}
.image_6 {
  width: 0.81rem;
  height: 0.81rem;
}
.section_9 {
  margin-right: 0.13rem;
  padding-left: 1.13rem;
  background-color: #ffffff;
  border-radius: 0.76rem;
}
.group_12 {
  padding: 1rem 0 0.75rem;
}
.image_7 {
  border-radius: 0.49rem;
  width: 2.21rem;
  height: 2.21rem;
}
.font_12 {
  font-size: 1.14rem;
  font-family: PingFang HK;
  line-height: 1.07rem;
  color: #000000;
}
.text_20 {
  line-height: 1.07rem;
}
.image_8 {
  border-radius: 0.076rem;
  width: 1.25rem;
  height: 1.25rem;
}
.text_21 {
  font-size: 0.99rem;
}
.divider {
  background-color: #c8c7cb;
  width: 22.32rem;
  height: 0.038rem;
}
.group_15 {
  padding: 0.88rem 0;
}
.group_17 {
  margin-left: 0.88rem;
}
.text_23 {
  line-height: 1.19rem;
}
.text_25 {
  font-size: 0.99rem;
}
.section_11 {
  background-color: #007aff;
  border-radius: 0.3rem;
  width: 1.22rem;
  height: 1.22rem;
}
.text_26 {
  margin-left: 1.13rem;
  margin-top: 1.88rem;
  font-size: 0.99rem;
}
.group_19 {
  margin-top: 0.63rem;
}
.section_13 {
  margin-right: 0.13rem;
  padding-left: 1rem;
  background-color: #ffffff;
  border-radius: 0.76rem 0.76rem 0rem 0rem;
}
.group_20 {
  padding: 1rem 0;
}
.image_10 {
  margin: 0.25rem 0;
}
.text_27 {
  line-height: 1.05rem;
}
.text_28 {
  font-size: 0.99rem;
}
.section_14 {
  margin-right: 0.13rem;
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 0rem 0rem 0.76rem 0.76rem;
}
.image_11 {
  border-radius: 0.49rem;
  width: 2.21rem;
  height: 2.21rem;
}
.group_21 {
  width: 20.74rem;
}
.text_29 {
  line-height: 0.85rem;
}
.text_30 {
  font-size: 0.99rem;
}
.group_25 {
  width: 21.81rem;
}
.view_2 {
  margin-top: 13rem;
}
.font_13 {
  font-size: 1.63rem;
  font-family: PingFang HK;
  line-height: 1.5rem;
  color: #000000;
}
.text_42 {
  line-height: 1.52rem;
}
.group_28 {
  margin-top: 13.13rem;
}
.image_24 {
  margin-left: 1.13rem;
}
.section_32 {
  background-color: #f2f8ff;
  border-radius: 50%;
  width: 19.25rem;
  height: 14.63rem;
}
.pos_21 {
  position: absolute;
  right: 0.83rem;
  top: 12.69rem;
}
.section_30 {
  padding: 1.25rem 3.88rem 2.13rem;
  background-color: #f2f6ff;
  border-radius: 1.4rem;
  border-left: solid 0.063rem #cce4ff;
  border-right: solid 0.063rem #cce4ff;
  border-top: solid 0.063rem #cce4ff;
  border-bottom: solid 0.063rem #cce4ff;
}
.pos_20 {
  position: absolute;
  left: 4.81rem;
  top: 1.99rem;
}
.section_31 {
  padding: 1rem 0.88rem;
  background-color: #ffffff;
  border-radius: 0.63rem;
}
.image_25 {
  border-radius: 0.71rem;
  width: 4.25rem;
  height: 4.25rem;
}
.group_29 {
  width: 14.56rem;
}
.font_14 {
  font-size: 0.88rem;
  font-family: PingFang HK;
  line-height: 1.2rem;
  color: #000000;
}
.text_67 {
  font-size: 0.94rem;
  line-height: 0.88rem;
}
.image_26 {
  width: 0.94rem;
  height: 0.94rem;
}
.font_23 {
  font-size: 0.88rem;
  font-family: PingFang HK;
  line-height: 0.6rem;
}
.text_68 {
  margin-left: 0.38rem;
  color: #1ba27a;
  font-size: 0.81rem;
}
.image_27 {
  margin-left: 0.75rem;
  border-radius: 0.088rem;
  width: 1rem;
  height: 1rem;
}
.text_69 {
  margin-left: 0.25rem;
  color: #007aff;
  font-size: 0.81rem;
}
.text_70 {
  color: #8e8e92;
  font-size: 0.81rem;
}
.image_28 {
  border-radius: 0.4rem;
  width: 1.81rem;
  height: 1.81rem;
}
.text_71 {
  font-size: 0.94rem;
  line-height: 0.87rem;
}
.image_13 {
  width: 0.69rem;
  height: 0.69rem;
}
.font_24 {
  font-size: 0.88rem;
  font-family: PingFang HK;
  line-height: 0.93rem;
  color: #000000;
}
.text_73 {
  font-size: 0.94rem;
  line-height: 0.96rem;
}
.text_75 {
  font-size: 0.94rem;
  line-height: 0.97rem;
}
.text_76 {
  font-size: 0.94rem;
  line-height: 0.88rem;
}
.image_29 {
  margin-right: 13.88rem;
  margin-top: 5.25rem;
  width: 0.69rem;
  height: 1.56rem;
}
.view_6 {
  margin-top: 11rem;
}
.text_104 {
  line-height: 1.51rem;
}
.group_13 {
  margin-top: 12.38rem;
  width: 44.77rem;
}
.group_14 {
  padding: 0 2rem;
}
.image_9 {
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}
.text_22 {
  line-height: 1.53rem;
}
.group_16 {
  padding: 1.63rem 0 63.75rem;
}
.text_24 {
  line-height: 0.82rem;
}
.group_18 {
  padding-left: 2.38rem;
  width: 42.49rem;
}
.pos_8 {
  position: absolute;
  left: 0;
  right: 2.27rem;
  top: 0.69rem;
}
.section_12 {
  background-color: #e6f2ff;
  width: 0.13rem;
  height: 31.56rem;
}
.view_3 {
  margin-top: 33.94rem;
}
.group_22 {
  margin-left: 6.13rem;
  margin-top: 20.63rem;
  width: 33.87rem;
}
.section_15 {
  padding: 3.13rem 2.5rem 0;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=1691dea93a96af1b6ccbd2f9132b0ae8.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 29.75rem;
}
.section_20 {
  padding-left: 0.63rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
  border-left: solid 0.056rem #cce4ff;
  border-right: solid 0.056rem #cce4ff;
  border-top: solid 0.056rem #cce4ff;
  border-bottom: solid 0.056rem #cce4ff;
}
.view {
  margin-right: 0.25rem;
}
.group_23 {
  padding: 0.75rem 0;
  border-bottom: solid 0.021rem #c8c7cb;
}
.font_15 {
  font-size: 0.58rem;
  font-family: PingFang HK;
  line-height: 0.52rem;
  color: #6d6d71;
}
.text_31 {
  font-size: 0.55rem;
  line-height: 0.51rem;
}
.image_14 {
  margin-right: 0.75rem;
}
.font_17 {
  font-size: 0.58rem;
  font-family: PingFang HK;
  line-height: 0.52rem;
  color: #000000;
}
.text_33 {
  font-size: 0.55rem;
  line-height: 0.51rem;
}
.text_34 {
  margin-right: 9.13rem;
  font-size: 0.55rem;
  line-height: 0.51rem;
}
.text_35 {
  font-size: 0.55rem;
  line-height: 0.51rem;
}
.image_18 {
  border-radius: 50%;
  width: 0.64rem;
  height: 0.64rem;
}
.font_18 {
  font-size: 0.58rem;
  font-family: PingFang HK;
  line-height: 0.43rem;
  color: #000000;
}
.text_36 {
  font-size: 0.55rem;
  line-height: 0.41rem;
}
.image_19 {
  margin-right: 7rem;
}
.text_38 {
  font-size: 0.55rem;
  line-height: 0.52rem;
}
.text_39 {
  margin-left: 1rem;
  font-size: 0.55rem;
  line-height: 0.51rem;
}
.text_40 {
  font-size: 0.55rem;
  line-height: 0.41rem;
}
.text_41 {
  margin-left: 0.5rem;
  margin-right: 8.63rem;
}
.text_44 {
  font-size: 0.55rem;
  line-height: 0.51rem;
}
.text_45 {
  margin-right: 10.5rem;
  font-size: 0.55rem;
  line-height: 0.41rem;
}
.group_26 {
  padding: 0.75rem 0;
}
.text_47 {
  font-size: 0.55rem;
  line-height: 0.51rem;
}
.text_48 {
  font-size: 0.55rem;
  line-height: 0.41rem;
}
.text_57 {
  margin-left: 0.63rem;
  margin-right: 8.5rem;
}
.image-wrapper_2 {
  padding: 0.38rem 0 0.63rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
  width: 16.04rem;
  border-left: solid 0.056rem #cce4ff;
  border-right: solid 0.056rem #cce4ff;
  border-top: solid 0.056rem #cce4ff;
  border-bottom: solid 0.056rem #cce4ff;
}
.pos_12 {
  position: absolute;
  left: 0;
  top: 1.86rem;
}
.image_12 {
  width: 12.88rem;
  height: 12.88rem;
}
.section_23 {
  padding: 1rem 0.5rem 0.75rem 0.63rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
  border-left: solid 0.056rem #cce4ff;
  border-right: solid 0.056rem #cce4ff;
  border-top: solid 0.056rem #cce4ff;
  border-bottom: solid 0.056rem #cce4ff;
}
.pos_14 {
  position: absolute;
  left: 8.62rem;
  top: 37.25rem;
}
.font_19 {
  font-size: 0.65rem;
  font-family: PingFang HK;
  line-height: 0.43rem;
  color: #000000;
}
.text_49 {
  line-height: 0.6rem;
}
.group_27 {
  width: 3.58rem;
  height: 4.55rem;
}
.section_24 {
  padding: 0.38rem 0.75rem;
  background-image: linear-gradient(217.1deg, #cde5ff 6.7%, #ffffff 93.1%);
  border-radius: 0.65rem;
  border-image-slice: 1;
  width: 3.48rem;
  border-left: solid 0.044rem #ceebff;
  border-right: solid 0.044rem #ceebff;
  border-top: solid 0.044rem #ceebff;
  border-bottom: solid 0.044rem #ceebff;
}
.text_50 {
  line-height: 0.46rem;
}
.font_21 {
  font-size: 0.51rem;
  font-family: PingFang HK;
  line-height: 0.43rem;
  color: #000000;
}
.text_54 {
  opacity: 0.6;
}
.text_55 {
  line-height: 0.38rem;
}
.image_21 {
  filter: drop-shadow(0rem 0rem 0.093rem #00000040);
  width: 1.77rem;
  height: 1.86rem;
}
.font_22 {
  font-size: 0.7rem;
  font-family: PingFang HK;
  line-height: 0.52rem;
  color: #000000;
}
.image_20 {
  width: 0.74rem;
  height: 0.74rem;
}
.pos_15 {
  position: absolute;
  right: 0;
  top: 0;
}
.section_25 {
  padding: 0.38rem 0.63rem 0.38rem 0.75rem;
  background-image: linear-gradient(217.1deg, #cde5ff 6.7%, #ffffff 93.1%);
  border-radius: 0.65rem;
  border-image-slice: 1;
  border-left: solid 0.044rem #ceebff;
  border-right: solid 0.044rem #ceebff;
  border-top: solid 0.044rem #ceebff;
  border-bottom: solid 0.044rem #ceebff;
}
.text_51 {
  line-height: 0.47rem;
}
.pos_16 {
  position: absolute;
  right: 0;
  top: 0;
}
.section_26 {
  padding: 1.13rem 0 0.38rem;
  background-image: linear-gradient(217.1deg, #cde5ff 6.7%, #ffffff 93.1%);
  border-radius: 0.65rem;
  border-image-slice: 1;
  width: 3.48rem;
  border-left: solid 0.044rem #ceebff;
  border-right: solid 0.044rem #ceebff;
  border-top: solid 0.044rem #ceebff;
  border-bottom: solid 0.044rem #ceebff;
}
.text_56 {
  line-height: 0.37rem;
}
.image_22 {
  width: 1.13rem;
  height: 1.13rem;
}
.pos_17 {
  position: absolute;
  right: 0;
  top: 0;
}
.font_20 {
  font-size: 0.65rem;
  font-family: PingFang HK;
  line-height: 0.52rem;
  color: #000000;
}
.text_52 {
  line-height: 0.48rem;
  width: 2rem;
}
.pos_19 {
  position: absolute;
  left: 50%;
  top: 0.49rem;
  transform: translateX(-50%);
}
.text_53 {
  line-height: 0.46rem;
}
.pos_18 {
  position: absolute;
  right: 0;
  top: 0;
}
.section_27 {
  padding: 0.38rem 0.5rem 0.38rem 0.88rem;
  background-color: #007aff;
  border-radius: 0.65rem;
  height: 4.31rem;
  border-left: solid 0.044rem #007aff;
  border-right: solid 0.044rem #007aff;
  border-top: solid 0.044rem #007aff;
  border-bottom: solid 0.044rem #007aff;
}
.text_58 {
  color: #ffffff;
  line-height: 0.47rem;
}
.text_62 {
  color: #ffffff;
  line-height: 0.38rem;
  opacity: 0.7;
}
.text_65 {
  color: #ffffff;
}
.section_28 {
  padding: 0.38rem 0;
  background-color: #6d6d711a;
  border-radius: 0.65rem;
  width: 3.48rem;
}
.text_59 {
  opacity: 0.4;
}
.text_60 {
  line-height: 0.48rem;
}
.text_63 {
  margin-top: 0.38rem;
  line-height: 0.37rem;
}
.section_29 {
  padding: 0.38rem 0;
  background-image: linear-gradient(89.8deg, #fef6d7 0.1%, #fff2c7 99.9%);
  border-radius: 0.65rem;
  width: 7.2rem;
  height: 4.31rem;
}
.text_61 {
  line-height: 0.46rem;
}
.text_64 {
  line-height: 0.37rem;
}
.image_23 {
  width: 1.72rem;
  height: 1.44rem;
}
.text-wrapper_3 {
  margin-right: 0.25rem;
  padding: 0.88rem 0;
  background-color: #007aff;
  border-radius: 0.46rem;
  width: 14.63rem;
}
.text_66 {
  color: #ffffff;
  font-size: 0.74rem;
  font-family: Inter;
  font-weight: 600;
  line-height: 0.57rem;
}
.section_16 {
  padding: 3.5rem 3.88rem 8.38rem;
  border-radius: 50%;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=beb4676fb7a2a0a14adfcf17085dbc2d.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 15.75rem;
}
.pos_9 {
  position: absolute;
  left: 8.84rem;
  top: 21.54rem;
}
.image_15 {
  filter: drop-shadow(0rem 0rem 0.093rem #00000040);
  width: 2.38rem;
  height: 2.44rem;
}
.image_16 {
  filter: drop-shadow(0rem 0rem 0.2rem #ffd62066);
  width: 1.56rem;
  height: 1.56rem;
}
.section_21 {
  background-color: #fdfdfd;
  border-radius: 50%;
  width: 11.15rem;
  height: 11.15rem;
}
.pos_13 {
  position: absolute;
  left: 0;
  top: 23.85rem;
}
.section_17 {
  border-radius: 50%;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=084f8539d27b0dd703ac2e57f5aba62c.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 15.75rem;
}
.pos_10 {
  position: absolute;
  left: 8.84rem;
  top: 21.54rem;
}
.section_18 {
  padding: 2.25rem 0;
  border-radius: 50%;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=59e7d7b4a2d36eb763031e50359a391d.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 15.75rem;
}
.section_22 {
  padding: 8rem 0 0.88rem;
  background-color: #fdfdfd;
  border-radius: 50%;
  width: 11.15rem;
}
.font_16 {
  font-size: 0.58rem;
  font-family: DIN;
  line-height: 0.75rem;
  font-weight: 700;
  color: #ffffff;
}
.text_46 {
  margin-right: 3rem;
  color: #007aff;
  font-size: 0.63rem;
  line-height: 0.8rem;
  transform: rotate(158.8deg);
}
.section_19 {
  padding: 4.75rem 2.88rem 3rem;
  border-radius: 50%;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=b6d2710746acbb95d79a912e5525f7a6.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 15.75rem;
}
.pos_11 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.text_32 {
  font-size: 0.63rem;
  text-align: center;
  word-break: break-all;
  transform: rotate(-65.7deg);
  width: 1.75rem;
}
.image_17 {
  margin-top: 1.63rem;
  width: 1.47rem;
  height: 2.27rem;
}
.group_24 {
  margin-right: 0.13rem;
}
.text_37 {
  margin-top: 0.63rem;
  font-size: 0.63rem;
  text-align: center;
  word-break: break-all;
  transform: rotate(110deg);
  width: 0.75rem;
}
.text_43 {
  font-size: 0.63rem;
  line-height: 1.3rem;
  transform: rotate(-157deg);
}
.section_10 {
  background-color: #007aff;
  width: 0.13rem;
  height: 12.94rem;
}
.pos_7 {
  position: absolute;
  left: 2.4rem;
  top: 0;
}
.view_4 {
  margin-top: 0.75rem;
}
.section_33 {
  background-color: #e6f2ff;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}
.text_72 {
  line-height: 1.52rem;
}
.group_30 {
  margin-top: 0.38rem;
  padding-left: 2rem;
  padding-right: 1.75rem;
}
.group_31 {
  width: 1rem;
}
.section_43 {
  background-color: #e6f2ff;
  border-radius: 50%;
  height: 1rem;
}
.group_32 {
  margin-top: 1.25rem;
}
.text_74 {
  line-height: 0.81rem;
}
.section_34 {
  padding: 3rem 2.5rem 3.25rem;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=5d16f14cd1a556f0be06b77a5fcb542d.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_35 {
  margin-bottom: 0.38rem;
  padding: 1rem 0.5rem 0 0.75rem;
  background-color: #ffffff;
  border-radius: 0.45rem;
  height: 11.1rem;
  border-left: solid 0.063rem #cce4ff;
  border-right: solid 0.063rem #cce4ff;
  border-top: solid 0.063rem #cce4ff;
  border-bottom: solid 0.063rem #cce4ff;
}
.group_34 {
  width: 13.94rem;
}
.font_25 {
  font-size: 0.58rem;
  font-family: PingFang HK;
  line-height: 0.43rem;
  color: #8e8e92;
}
.text_78 {
  font-size: 0.63rem;
  line-height: 0.46rem;
}
.divider_2 {
  width: 13.09rem;
  height: 0.27rem;
  border-bottom: solid 0.045rem #c8c7cb;
}
.section_38 {
  background-color: #ffffff;
  border-radius: 50%;
  width: 0.27rem;
  height: 0.27rem;
  border-left: solid 0.044rem #007aff;
  border-right: solid 0.044rem #007aff;
  border-top: solid 0.044rem #007aff;
  border-bottom: solid 0.044rem #007aff;
}
.section_39 {
  background-color: #ffffff;
  border-radius: 50%;
  height: 0.27rem;
  border-left: solid 0.044rem #007aff;
  border-right: solid 0.044rem #007aff;
  border-top: solid 0.044rem #007aff;
  border-bottom: solid 0.044rem #007aff;
}
.pos_23 {
  position: absolute;
  left: 10.71rem;
  right: 2.96rem;
  top: 0;
}
.pos_24 {
  position: absolute;
  left: 13.04rem;
  right: 0.63rem;
  top: 0;
}
.pos_22 {
  position: absolute;
  left: 0;
  right: 0.13rem;
  top: 50%;
  transform: translateY(-50%);
}
.text_79 {
  font-size: 0.63rem;
  line-height: 0.47rem;
}
.text_83 {
  font-size: 0.63rem;
  line-height: 0.47rem;
}
.text_84 {
  font-size: 0.63rem;
  line-height: 0.47rem;
}
.text_87 {
  font-size: 0.63rem;
  line-height: 0.45rem;
}
.text_90 {
  font-size: 0.63rem;
  line-height: 0.46rem;
}
.group_35 {
  padding: 1.38rem 0;
  width: 13.09rem;
  border-bottom: solid 0.045rem #c8c7cb;
}
.divider_3 {
  margin-top: 1.25rem;
  background-color: #c8c7cb;
  height: 0.045rem;
}
.view_5 {
  margin-top: 0;
}
.section_40 {
  padding-bottom: 3.5rem;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=2389352baf53817336e427d46f813472.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 13.06rem;
}
.pos_25 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.section_37 {
  padding: 0 0.5rem 0.5rem;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=e0c8c48c83e631d94a49c44d05338b69.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 13.13rem;
}
.group_36 {
  padding: 1.25rem 2.38rem 1.75rem;
}
.text_91 {
  font-size: 0.63rem;
  line-height: 0.47rem;
}
.group_40 {
  padding: 0.13rem 0 1rem 1rem;
}
.text_92 {
  font-size: 0.54rem;
  line-height: 0.4rem;
}
.text_93 {
  font-size: 0.54rem;
  line-height: 0.4rem;
}
.text_94 {
  font-size: 0.54rem;
  line-height: 0.4rem;
}
.text_95 {
  font-size: 0.54rem;
  line-height: 0.4rem;
}
.text_96 {
  font-size: 0.54rem;
  line-height: 0.4rem;
}
.text_97 {
  font-size: 0.54rem;
  line-height: 0.4rem;
}
.section_36 {
  padding-left: 0.63rem;
  background-color: #ffffff;
  border-radius: 0.45rem;
  height: 11.46rem;
  border-left: solid 0.063rem #cce4ff;
  border-right: solid 0.063rem #cce4ff;
  border-top: solid 0.063rem #cce4ff;
  border-bottom: solid 0.063rem #cce4ff;
}
.group_33 {
  padding: 0.75rem 0;
  border-bottom: solid 0.022rem #c8c7cb;
}
.text_77 {
  line-height: 0.54rem;
}
.image_30 {
  margin-right: 0.75rem;
}
.group_37 {
  padding: 0.75rem 0;
  height: 2.24rem;
  border-bottom: solid 0.022rem #c8c7cb;
}
.text_80 {
  line-height: 0.54rem;
}
.font_26 {
  font-size: 0.58rem;
  font-family: PingFang HK;
  line-height: 0.52rem;
  color: #c8c8ce;
}
.text_81 {
  margin-left: 3.38rem;
  margin-top: -0.5rem;
}
.text_82 {
  line-height: 0.54rem;
}
.group_38 {
  padding: 0.75rem 0;
  height: 2.24rem;
  border-bottom: solid 0.022rem #c8c7cb;
}
.text_85 {
  line-height: 0.54rem;
}
.text_86 {
  margin-left: 3.38rem;
  margin-top: -0.5rem;
  line-height: 0.54rem;
}
.text_88 {
  line-height: 0.54rem;
}
.text_89 {
  line-height: 0.55rem;
}
.group_39 {
  padding: 0.75rem 0;
  height: 2.22rem;
}
.text_98 {
  line-height: 0.54rem;
}
.text_99 {
  margin-left: 3.38rem;
  margin-top: -0.5rem;
  line-height: 0.54rem;
}
.section_41 {
  padding-left: 0.63rem;
  padding-bottom: 2.25rem;
  background-color: #ffffff;
  border-radius: 0.45rem;
  height: 14.73rem;
  border-left: solid 0.063rem #cce4ff;
  border-right: solid 0.063rem #cce4ff;
  border-top: solid 0.063rem #cce4ff;
  border-bottom: solid 0.063rem #cce4ff;
}
.group_41 {
  padding: 0.63rem 0;
  height: 1.86rem;
  border-bottom: solid 0.022rem #c8c7cb;
}
.font_27 {
  font-size: 0.58rem;
  font-family: PingFang SC;
  line-height: 0.52rem;
  color: #8e8e92;
}
.text_100 {
  line-height: 0.53rem;
}
.group_43 {
  margin-top: -0.5rem;
  padding: 0 0.63rem;
}
.text_101 {
  margin-left: 3.38rem;
  line-height: 0.54rem;
}
.text_102 {
  line-height: 0.54rem;
}
.text_103 {
  line-height: 0.54rem;
}
.group_44 {
  padding-bottom: 0.63rem;
  border-bottom: solid 0.022rem #c8c7cb;
}
.group_45 {
  width: 5.59rem;
}
.group_46 {
  width: 1.25rem;
}
.image_33 {
  width: 0.56rem;
  height: 0.56rem;
}
.group_47 {
  margin-right: 1.5rem;
}
.text_106 {
  line-height: 0.42rem;
}
.group_48 {
  width: 5.59rem;
}
.group_49 {
  width: 1.33rem;
}
.group_50 {
  margin-right: 1.5rem;
}
.text_108 {
  line-height: 0.42rem;
}
.group_51 {
  margin-right: 1.63rem;
  width: 0.93rem;
}
.text_109 {
  line-height: 0.42rem;
}
.group_52 {
  width: 5.73rem;
}
.text_111 {
  line-height: 0.42rem;
}
.group_53 {
  margin-right: 1.5rem;
}
.group_54 {
  padding-bottom: 0.5rem;
  border-bottom: solid 0.022rem #c8c7cb;
}
.group_55 {
  width: 5.65rem;
}
.group_56 {
  margin-right: 1.25rem;
}
.section_42 {
  padding-left: 0.63rem;
  background-color: #ffffff;
  border-radius: 0.45rem;
  height: 13.57rem;
  border-left: solid 0.063rem #cce4ff;
  border-right: solid 0.063rem #cce4ff;
  border-top: solid 0.063rem #cce4ff;
  border-bottom: solid 0.063rem #cce4ff;
}
.group_42 {
  padding: 0.63rem 0;
}
.image_31 {
  border-radius: 0.29rem;
  width: 1.3rem;
  height: 1.3rem;
}
.font_28 {
  font-size: 0.67rem;
  font-family: PingFang HK;
  color: #000000;
}
.text_105 {
  line-height: 0.63rem;
}
.image_32 {
  width: 0.5rem;
  height: 0.5rem;
}
.divider_4 {
  background-color: #c8c7cb;
  width: 13.13rem;
  height: 0.022rem;
}
.text_107 {
  line-height: 0.63rem;
}
.text_110 {
  line-height: 0.63rem;
}
.image_34 {
  border-radius: 0.2rem;
  width: 1.3rem;
  height: 1.3rem;
}
.text_112 {
  line-height: 0.63rem;
}
.group_57 {
  padding: 0.63rem 0 0.75rem;
}
.text_113 {
  line-height: 0.63rem;
}

.section_44 {
  background-color: #007aff33;
  width: 12.25rem;
  height: 1.13rem;
}
.pos_26 {
  position: absolute;
  left: 50%;
  top: 1.19rem;
  transform: translateX(-50%);
}
.group_58 {
  margin-top: 4.38rem;
}
.section_45 {
  padding: 2.5rem;
  background-color: #007aff08;
  border-radius: 1.25rem;
}
.text_114 {
  line-height: 1.43rem;
}
.text_115 {
  line-height: 1.28rem;
}
.text_116 {
  line-height: 1.27rem;
}
.text_117 {
  line-height: 1.29rem;
}
.text_118 {
  width: 43.69rem;
}
.text_119 {
  width: 47.63rem;
}
.text_120 {
  width: 35.06rem;
}
.text_121 {
  line-height: 1.29rem;
}
.text_122 {
  width: 56.19rem;
}
.section_46 {
  padding: 2.5rem 2.5rem 2.88rem;
  background-color: #007aff08;
  border-radius: 1.25rem;
}
.text_123 {
  line-height: 1.28rem;
}
.text_124 {
  line-height: 0.82rem;
}
.text_125 {
  line-height: 1.29rem;
}
.group_59 {
  margin-top: 2.75rem;
  padding-top: 1.25rem;
}
.section_47 {
  background-color: #007aff33;
  width: 8.69rem;
  height: 1.13rem;
}
.text_126 {
  line-height: 2.08rem;
}
.pos_27 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section_48 {
  margin-top: 4.31rem;
  padding: 2.13rem 5rem 2.13rem 5.25rem;
  background-color: #ffffff;
  border-radius: 1.25rem;
  width: 51.75rem;
  border-left: solid 0.063rem #007aff66;
  border-right: solid 0.063rem #007aff66;
  border-top: solid 0.063rem #007aff66;
  border-bottom: solid 0.063rem #007aff66;
}
.group_60 {
  padding-bottom: 12.94rem;
  overflow: hidden;
  width: 15.81rem;
  height: 15.63rem;
}
.image_35 {
  margin-right: 2.75rem;
  width: 1.63rem;
  height: 2.69rem;
}
.group_61 {
  padding: 6.63rem 0 0.75rem;
  width: 15.79rem;
}
.pos_28 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0.51rem;
}
.image_42 {
  width: 13.44rem;
  height: 7.81rem;
}
.pos_35 {
  position: absolute;
  right: 0.2rem;
  bottom: 1.32rem;
}
.image_36 {
  width: 8.5rem;
  height: 10.75rem;
}
.pos_30 {
  position: absolute;
  left: 2.05rem;
  top: 0.11rem;
}
.image_45 {
  width: 13.44rem;
  height: 5.19rem;
}
.pos_38 {
  position: absolute;
  right: 0.2rem;
  bottom: 1.01rem;
}
.image-wrapper_4 {
  padding: 0.38rem 0 2.63rem;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=4ed968895737d2af5b89dd173cb87fe2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 10.38rem;
}
.pos_36 {
  position: absolute;
  right: 2.4rem;
  top: 6.51rem;
}
.image_43 {
  margin-left: 0.75rem;
  width: 5.19rem;
  height: 3rem;
}
.section_50 {
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=f6f020429609c749159db97f4944cfae.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 7.69rem;
}
.pos_31 {
  position: absolute;
  left: 2.44rem;
  top: 0.67rem;
}
.section_51 {
  padding: 2.13rem 0;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=47a48db8a4cfcaf401689485bbe95214.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 7.69rem;
}
.image-wrapper_3 {
  padding: 1.38rem 0;
  border-radius: 50%;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=2fb6a8cce2988ab8b6a986dd375bd3a5.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 4.5rem;
}
.image_40 {
  width: 1.19rem;
  height: 2.38rem;
}
.image_41 {
  width: 7.69rem;
  height: 4.5rem;
}
.pos_34 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.image_37 {
  width: 3.03rem;
  height: 3.23rem;
}
.pos_32 {
  position: absolute;
  right: 3.7rem;
  top: 2.18rem;
}
.section_49 {
  padding: 2.63rem 0 5.75rem;
  background-image: url('https://ide.code.fun/api/image?token=676e5e9e797f850011f4a14a&name=202f90d9e4fcc2aa728a1b7601d0b833.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 8.63rem;
}
.pos_29 {
  position: absolute;
  left: 1.87rem;
  top: 0;
}
.image_38 {
  width: 1.56rem;
  height: 2.5rem;
}
.image_44 {
  width: 1.51rem;
  height: 1.75rem;
}
.pos_37 {
  position: absolute;
  left: 1.24rem;
  bottom: 1.7rem;
}
.image_47 {
  width: 2.75rem;
  height: 1.63rem;
}
.pos_40 {
  position: absolute;
  left: 2.85rem;
  bottom: 0;
}
.image_46 {
  width: 3.38rem;
  height: 2.84rem;
}
.pos_39 {
  position: absolute;
  left: 0;
  bottom: 1.13rem;
}
.image_39 {
  width: 2.26rem;
  height: 3.99rem;
}
.pos_33 {
  position: absolute;
  right: 0;
  top: 2.86rem;
}
.group_62 {
  padding: 1.38rem 7.5rem;
}
.group_63 {
  line-height: 0.82rem;
}
.text_128 {
  font-weight: 600;
  line-height: 0.8rem;
}
.image_48 {
  border-radius: 0.75rem;
  width: 48px;
}

/* 只给内层的 services div 设置 padding，外层 section 不设置 */
section.services {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

section.services > .services {
  width: 100%;
  padding: 0 72px;
  box-sizing: border-box;
}
.features{
  margin-left: 8.75rem;
  margin-right: 8.75rem;
}
.instructions {
  margin-left: 12.75rem;
  margin-right: 12.75rem;
}
.font_38 {
  font-size: 1.25rem;
  font-family: PingFang HK;
  line-height: 2rem;
  color: #000000;
}
.group_instructions {
   padding: 0 4.5rem;
 }
.update_image {
  width: 100%;
  height: 100%;
}

.update_span {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  max-width: 50%;
}

.mobile-btn-get-started {
  display: none;
}

.services_four_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 13px;
  padding: 50px 0;
  width: 100%;
  overflow: visible;
}

/* Value Proposition Section */
.value-proposition {
  background-color: transparent;
  padding: 0 72px;
  width: 100%;
  box-sizing: border-box;
}

.value-proposition-container {
  width: 100%;
  padding: 80px 0;
  background-color: rgba(59, 154, 255, 0.1);
  border-radius: 20px;
}

.value-proposition-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 45px;
}

.value-proposition-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.value-proposition-title {
  font-size: 16px;
  font-family: PingFang HK;
  font-weight: 500;
  line-height: 1.5;
  color: #000000;
  margin: 0 0 20px 0;
  text-align: center;
}

.value-proposition-title .highlight-blue {
  color: #007aff;
}

.value-proposition-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  display: inline-block;
}

.value-proposition-list li {
  font-size: 14px;
  font-family: PingFang HK;
  font-weight: 400;
  line-height: 1.8;
  color: #000000;
  margin-bottom: 20px;
  padding-left: 20px;
  position: relative;
  text-align: left;
}

.value-proposition-list li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #000000;
  font-size: 14px;
  line-height: 1.8;
}

/* Mid-width (tablet) adjustments to avoid overflow */
@media (max-width: 1348px) and (min-width: 626px) {
  .value-proposition {
    padding: 0 32px;
  }
  .value-proposition-container {
    padding: 60px 32px;
  }
  .value-proposition-content {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .value-proposition-text {
    align-items: center;
  }
  .value-proposition-title {
    text-align: center;
  }
  .value-proposition-list {
    text-align: left;
  }
  .btn-experience {
    width: auto;
    text-align: center;
  }
}

.btn-experience {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  height: 60px;
  width: 266px;
  padding: 0 24px;
  background-color: transparent;
  border: 1px solid #007aff;
  color: #007aff;
  font-size: 18px;
  font-family: PingFang HK;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.btn-experience:hover {
  background-color: rgba(0, 122, 255, 0.08);
  color: #007aff;
  border-color: #007aff;
}

/* Customer Acquisition Models Section */
.acquisition-models {
  padding: 0 72px;
  width: 100%;
  box-sizing: border-box;
}

.acquisition-title-box {
  margin-top: 100px;
  margin-bottom: 20px;
  display: inline-block;
}

.acquisition-title-text {
  display: inline-block;
  font-size: 22px;
  font-family: PingFang HK;
  font-weight: 500;
  color: #000000;
  line-height: 1.4;
}

.acquisition-title-underline {
  margin-top: 0px;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  background: linear-gradient(90deg, #C6FF62 0%, #05FFF9 100%);
}

.acquisition-models-container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 40px;
  width: 100%;
}

.acquisition-model-item {
  flex: 1;
  padding: 0;
  margin-bottom: 100px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 20px 20px rgba(0, 122, 255, 0.1);
  text-align: center;
}

.acquisition-model-image {
  width: 100%;
  margin-bottom: 0;
}

.acquisition-model-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: 10px 10px 0 0;
}

.acquisition-model-content {
  padding: 30px 24px;
  text-align: left;
}


.acquisition-model-title {
  font-size: 18px;
  font-family: PingFang HK;
  font-weight: 500;
  color: #000000;
  margin-bottom: 14px;
  text-align: left;
}

.acquisition-model-desc {
  font-size: 14px;
  font-family: PingFang HK;
  font-weight: 400;
  line-height: 1.6;
  color: #000000;
  text-align: left;
}

/* Core Advantages Section */
.core-advantages {
  padding: 0 72px 80px;
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
}

.advantages-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-top: 40px;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  align-items: center;
}

.advantages-list {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.advantages-list-left {
  align-items: flex-start;
}

.advantages-list-right {
  align-items: flex-start;
}

/* Core advantages title spacing tweak */
.core-advantages .acquisition-title-box {
  margin-top: 0;
  margin-bottom: 20px;
}

.advantage-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
  padding: 20px;
  background-color: #fff5e9;
  border-radius: 12px;
  box-sizing: border-box;
  width: 100%;
}

.advantage-header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.advantage-icon-img {
  width: 18.3px;
  height: 18.3px;
}

.advantage-number {
  margin-left: auto;
  font-size: 16px;
  font-family: PingFang HK;
  font-weight: 500;
  color: #f5a623;
}

.advantage-title {
  font-size: 16px;
  font-family: PingFang HK;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  flex: 1;
  min-width: 0;
  word-break: break-word;
}

.advantage-desc {
  font-size: 14px;
  font-family: PingFang HK;
  font-weight: 400;
  line-height: 1.6;
  color: #000000;
  margin: 0;
  word-break: break-word;
}

.advantage-divider {
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
  margin: 0;
}

/* Advantage item per-card colors */
.advantages-list-left .advantage-item:nth-child(1) {
  background-color: #FFF4E9;
}
.advantages-list-left .advantage-item:nth-child(1) .advantage-divider {
  background-color: #fbe3c6;
}
.advantages-list-left .advantage-item:nth-child(1) .advantage-number {
  color: #FF9E31;
}

.advantages-list-left .advantage-item:nth-child(2) {
  background-color: #D7F3FF;
}
.advantages-list-left .advantage-item:nth-child(2) .advantage-divider {
  background-color: #c3e9fd;
}
.advantages-list-left .advantage-item:nth-child(2) .advantage-number {
  color: #44C9FA;
}

.advantages-list-left .advantage-item:nth-child(3) {
  background-color: #e3eafc;
}
.advantages-list-left .advantage-item:nth-child(3) .advantage-divider {
  background-color: #c7d7fd;
}
.advantages-list-left .advantage-item:nth-child(3) .advantage-number {
  color: #457BFE;
}

.advantages-list-right .advantage-item:nth-child(1) {
  background-color: #DDF8F4;
}
.advantages-list-right .advantage-item:nth-child(1) .advantage-divider {
  background-color: #c0f0ea;
}
.advantages-list-right .advantage-item:nth-child(1) .advantage-number {
  color: #0FDDC2;
}

.advantages-list-right .advantage-item:nth-child(2) {
  background-color: #F3F6FF;
}
.advantages-list-right .advantage-item:nth-child(2) .advantage-divider {
  background-color: #d5daf8;
}
.advantages-list-right .advantage-item:nth-child(2) .advantage-number {
  color: #5962E4;
}

.advantages-infographic {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.infographic-image {
  position: relative;
  width: clamp(260px, 30vw, 403px);
  height: clamp(260px, 30vw, 403px);
}

.infographic-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  /* border-radius: 50%; */
}

.infographic-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 20px;
  font-family: PingFang HK;
  font-weight: 500;
  color: #000000;
  line-height: 1.5;
  padding: 0;
}

.infographic-icon.icon-1 {
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.infographic-icon.icon-1:before {
  content: "✓";
}

.infographic-icon.icon-2 {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.infographic-icon.icon-2:before {
  content: "🌐";
}

.infographic-icon.icon-3 {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.infographic-icon.icon-3:before {
  content: "✓";
}

.infographic-icon.icon-4 {
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.infographic-icon.icon-4:before {
  content: "⟲";
}

.infographic-icon.icon-5 {
  top: 50px;
  left: 50px;
}

.infographic-icon.icon-5:before {
  content: "◆";
}

@media (max-width: 900px) {

  .cover-group {
    padding: 0 20px;
  }
  .group_4 {
    padding-top: 30px;
  }

  .section_2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* 垂直居中 */
    justify-content: center;

    padding: 30px 20px 30px 20px;
    background-color: #007aff0d;
    border-radius: 1.25rem;
    height: auto;

    /*height: 740px;*/
  }

  .header_text {
    width: 100%;
  }

  .cover-group .header_title {
    font-size: 22px;
    width: 100%;
  }

  .cover-group .header_text .text-wrapper_2 {
    display: none;
  }

  .mobile-btn-get-started {
    display: flex;
  }

  .w_396 {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    max-width: 78vw;
  }

  .cover-image-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin-top: 20px;
  }

  .cover-image {
    filter: drop-shadow(0rem 1.5rem 1.38rem #007aff1a);
    width: 100%;
    height: auto;
    display: block; /* 移除图片底部间隙 */
  }

  .font_4 {
    font-size: 21px;
    line-height: 25px;
  }
  .font_5 {
    font-size: 16px;
    line-height: 18px;
  }
  section.services {
     padding: 0;
     width: 100%;
     box-sizing: border-box;
   }
   
  section.services > .services {
     padding: 0 20px;
     width: 100%;
     box-sizing: border-box;
   }
  .equal-division {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
  }
  .equal-division-item {
    position: relative;
    width: 100%;
    max-width: 360px;
    flex: 0 0 auto;
  }
  .ml-27 {
    margin-left: 0;
  }

  .section_4 {
    padding: 20px 20px 20px;
    background-color: #ffffff;
    border-radius: 1.25rem;
    box-shadow: 0rem 0.88rem 2.13rem #007aff1a;
    border-image-slice: 1;
    height: fit-content;
    border-left: solid 0.063rem #007aff66;
    border-right: solid 0.063rem #007aff66;
    border-top: solid 0.063rem #007aff66;
    border-bottom: solid 0.063rem #007aff66;
  }
  .section_5 {
    margin-top: 40px;
    padding: 20px 20px 20px;
       background-color: #ffffff;
       border-radius: 1.25rem;
       box-shadow: 0rem 0.88rem 2.13rem #007aff1a;
       border-image-slice: 1;
       height: fit-content;
       border-left: solid 0.063rem #007aff66;
       border-right: solid 0.063rem #007aff66;
       border-top: solid 0.063rem #007aff66;
       border-bottom: solid 0.063rem #007aff66;
     }
  .features{
    margin-left: 30px;
    margin-right: 30px;
  }
  .font_38 {
    font-size: 18px;
    line-height: 22px;
  }
  .instructions {
    margin-left: 30px;
    margin-right: 30px;
  }
  .group_instructions {
     padding: 0 20px 0 20px;
   }
  .group_58 {
      margin-top: 20px;
    }
  .section_45 {
       padding: 20px;
     }
  .section_48 {
    margin-top: 30px;
    padding: 20px 20px 20px 20px;
    width: 80vw;
  }
  .group_60 {
    display: none;
  }
  .group_59 {
     margin-top: 30px;
     padding-top: 10px;
   }
  .group_62 {
      padding: 20px 20px;
    }
  .update_span {
    max-width: 100%;
  }
  
  /* Value Proposition Mobile */
  .value-proposition {
    padding: 0 20px;
  }
  
  .value-proposition-container {
    padding: 40px 20px;
  }
  
  .value-proposition-content {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  
  .value-proposition-text {
    align-items: center;
  }
  
  .value-proposition-title {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
  }
  
  .value-proposition-list {
    text-align: left;
  }
  
  .value-proposition-list li {
    font-size: 14px;
    margin-bottom: 15px;
  }
  
  .btn-experience {
    width: auto;
    text-align: center;
  }
  
  /* Acquisition Models Mobile */
  .acquisition-models {
    padding: 40px 20px;
  }
  
  .acquisition-models-container {
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
  }
  
  .acquisition-model-item {
    padding: 30px 20px;
  }
  
  /* Core Advantages Mobile */
  .core-advantages {
    padding: 40px 20px;
  }
  
  .advantages-container {
    flex-direction: column;
    gap: 40px;
    margin-top: 30px;
  }
  
  .advantages-infographic {
    flex: 1;
  }
  
  .infographic-circle {
    width: 300px;
    height: 300px;
    max-width: 100%;
  }
  
  .infographic-icon {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
  
  .advantage-item {
    padding: 20px;
    margin-bottom: 20px;
  }
  .infographic-center {
    font-size: 14px;
  }
}