/* 原来：
.page {
  position: relative;
  width: 375px;
  height: 812px;
  overflow: hidden;
}
*/
.page {
  position: relative;
  width: 100%;
  min-height: 100dvh;   /* iOS/安卓更可靠的视口单位 */
  min-height: 100vh;    /* 兼容旧浏览器的兜底 */
  overflow: hidden;
}


html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* 原来：
.group_1 {
  width: 375px;
  height: 812px;
  background: url('./img/img-bg-mobile.png') 100% no-repeat;
  background-size: 100% 100%;
}
*/
.group_1 {
  width: 100%;
  min-height: 100dvh;
  background: url('./img/img-bg-mobile.png') center center / cover no-repeat;

  display: flex;               /* 开启弹性布局 */
  align-items: center;         /* 垂直居中 */
  justify-content: center;     /* 水平居中 */
  text-align: center;          /* 可选，让文字居中 */
}


.image-wrapper_1 {
  width: 341px;
  height: 37px;
  margin: 21px 0 0 14px;
}

.image_1 {
  width: 128px;
  height: 37px;
}

.image_2 {
  width: 123px;
  height: 30px;
  margin-top: 4px;
}

.image_3 {
  display: block;          /* 让它成为块级元素，便于 margin 居中 */
  width: 136px;
  height: 54px;
  margin: 31px auto 0;     /* auto 会自动在左右均分空白 → 居中 */
}


.image_4 {
  width: 336px;
  height: 161px;
  margin: 9px 0 0 19px;
}

.image-wrapper_2 {
  width: 326px;
  height: 38px;
  margin: 19px 0 0 24px;
}

.image_5 {
  width: 156px;
  height: 38px;
}

.image_6 {
  width: 157px;
  height: 38px;
}

.image_7 {
  width: 375px;
  height: 180px;
  margin-top: 61px;
}

.image_8 {
  width: 286px;
  height: 25px;
  margin: 31px 0 0 45px;
}

.image-wrapper_3 {
  width: 358px;
  height: 55px;
  margin: 17px 0 0 8px;
}

.image_9 {
  width: 110px;
  height: 55px;
}

.image_10 {
  width: 110px;
  height: 55px;
  margin-left: 14px;
}

.image_11 {
  width: 110px;
  height: 55px;
  margin-left: 14px;
}

.image-wrapper_4 {
  width: 358px;
  height: 55px;
  margin: 5px 0 13px 8px;
}

.image_12 {
  width: 110px;
  height: 55px;
}

.image_13 {
  width: 110px;
  height: 55px;
  margin-left: 14px;
}

.image_14 {
  width: 110px;
  height: 55px;
  margin-left: 14px;
}