#section3 {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 背景装饰 */
.section3-heartBg-image {
  position: absolute;
  width: 45%;
  top: 10%;
  right: 6%;
  z-index: 1;
  opacity: 0;
}

/* 主要内容容器 */
.section3-content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* 左侧手机展示 - 绝对定位 */
.section3-phone-display {
  position: absolute;
  top: 55%;
  left: 20%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 3;
}

.section3-phone-img {
  width: 22%;
  opacity: 0;
}

/* 右侧内容 - 绝对定位 */
.section3-right-content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.section3-main-title {
  position: absolute;
  top: 28%;
  right: 20%;
  width: 20%;
  opacity: 0;
}

.section3-sub-title {
  position: absolute;
  top: 60%;
  right: 12%;
  width: 38%;
}

/* 装饰元素*/
.section3-decorations {
  width: 100%;
  height: 100%;
  z-index: 2;
}
.section3-people {
  position: absolute;
  top: 50%;
  left: 18%;
  width: 12%;
  z-index: 4;
  opacity: 0;
}
/* UFO装饰 - 左上角 */
.section3-ufo {
  position: absolute;
  top: 16%;
  right: 12%;
  width: 8%;
  opacity: 0;
}

/* 爱心装饰 - 左侧中间偏上 */
.section3-love {
  position: absolute;
  top: 20%;
  left: 10%;
  width: 12%;
  visibility: hidden;
}

/* 星星装饰 - 右上角 */
.section3-star1 {
  position: absolute;
  top: 21%;
  right: 18%;
  width: 4%;
}

/* 星星装饰 - 中间偏上 */
.section3-star2 {
  position: absolute;
  top: 18%;
  right: 50%;
  width: 4%;
}

/* 翅膀装饰 - 右侧中间 */
.section3-wing {
  position: absolute;
  width: 14%;
  top: 30%;
  right: 43%;
  z-index: 2;
  visibility: hidden;
  animation: float 8s ease-in-out infinite;
  animation-delay: 4s;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
  /* 第三页整体布局调整 - 参考section2布局 */
  .section3-content {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 60px 20px 20px;
    gap: 30px;
  }

  /* 背景装饰调整 */
  .section3-heartBg-image {
    width: 85vw;
    max-width: 350px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.3;
    z-index: 1;
  }

  /* Logo内容区域调整 - 放在上方 */
  .section3-right-content {
    position: relative;
    top: -4%;
    right: auto;
    transform: none;
    width: 100%;
    max-width: 350px;
    text-align: center;
    order: 1; /* Logo区域在上方 */
    gap: 20px;
  }

  .section3-main-title {
    position: relative;
    top: auto;
    right: auto;
    width: 160px; /* 缩小logo尺寸 */
    height: auto;
  }

  .section3-sub-title {
    position: relative;
    top: auto;
    right: auto;
    width: 220px; /* 缩小副标题尺寸 */
    height: auto;
    margin: 0 auto;
  }

  /* 手机展示调整 - 放在下半部分 */
  .section3-phone-display {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 250px; /* 适中的手机容器尺寸 */
    order: 2; /* 手机在下方 */
    margin: 20px auto 0;
  }

  .section3-phone-img {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: contain;
  }

  /* 装饰元素调整 - 确保people.png展示，显示UFO等装饰 */
  .section3-people {
    position: absolute;
    width: 90px; /* 增大people尺寸确保展示 */
    height: 90px;
    bottom: 15%;
    left: 8%;
    z-index: 5; /* 提高层级确保显示 */
    opacity: 0;
  }

  .section3-wing {
    display: none; /* 移动端隐藏翅膀装饰 */
  }

  .section3-ufo {
    position: absolute;
    width: 70px; /* 显示UFO装饰 */
    height: 70px;
    top: 12%;
    right: 8%;
    z-index: 3;
    opacity: 0;
  }

  .section3-love {
    position: absolute;
    width: 50px; /* 显示爱心装饰 */
    height: 50px;
    top: 20%;
    left: 12%;
    z-index: 3;
    opacity: 0;
  }

  .section3-star1 {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 8%;
    left: 25%;
    z-index: 3;
  }

  .section3-star2 {
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 30%;
    right: 12%;
    z-index: 3;
  }

  .section3-star3 {
    display: none; /* 移动端隐藏部分星星 */
  }

  .section3-star4 {
    display: none;
  }

  .section3-star5 {
    display: none;
  }

  /* 简化动画效果 */
  .section3-people,
  .section3-ufo,
  .section3-love,
  .section3-star1,
  .section3-star2 {
    animation-duration: 4s !important;
  }
}