.section2-content {
  height: 100vh;
  width: 100%;
  position: relative;
}

.section2-center-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 左侧内容样式 */
.section2-text-content {
  position: absolute;
  left: 23%;
  top: 34vh;
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 2vh;
  z-index: 2;
}

.section2-logo-area {
  display: flex;
  align-items: center;
  gap: 1.5vw;
}

.section2-mic-icon {
  width: 18%;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

.section2-logo {
  width: 42%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}

.section2-subtitle {
  width: 70%;
  margin-top: 2vh;
}

.section2-subtitle img {
  width: 100%;
}

.section2-heartBg {
  width: 40%;
  position: absolute;
  left: 14.5%;
  top: 14vh;
  z-index: 1;
}

.section2-heartBg img {
  width: 100%;
}

/* 右侧手机展示区域 */
.section2-phone-display {
  position: relative;
  width: 100%;
  height: 100%;
}

.phone-container {
  width: 25%;
  /* height: 67.6%; */
  position: absolute;
  right: 16%;
  top: 10vh;
  z-index: 2;
}

.phone-container img {
  width: 100%;
  /* height: 100%; */
  /* max-width: 23.75rem; */
}

.overlay-image {
  z-index: 2;
}

/* 浮动头像 */
.floating-avatar {
  width: 100%;
  position: absolute;
}

.floating-avatar img {
  width: 52%;
}

.avatar1 {
  top: 32%;
  left: -9%;
  opacity: 0;
  /* animation-delay: -2s; */
}

.avatar2 {
  bottom: 27%;
  left: 62%;
  opacity: 0;
}

.angle {
  width: 52%;
  bottom: 40%;
  left: 40%;
}

/* 装饰元素 */
.decorative-elements2 {
  /* position: absolute;
  top: 0;
  left: 0; */
  width: 100%;
  height: 100vh;
  pointer-events: none;
}

.floating-element {
  position: absolute;
}

.music-note {
  width: 4%;
  top: 40vh;
  right: 42%;
  animation-delay: -1s;
  z-index: 2;
}

.music-note img {
  width: 100%;
}

.star {
  top: 63vh;
  right: 40%;
  animation-delay: -3s;
  z-index: 2;
}

.star1 {
  top: 25vh;
  right: 10%;
  animation-delay: -3s;
}

.star2 {
  bottom: 15vh;
  left: 14%;
  animation-delay: -5s;
}

.star3 {
  top: 12vh;
  left: 30%;
  animation-delay: -7s;
}

.section2-ellipse-decoration {
  width: 44%;
  top: 26vh;
  right: 6%;
  animation-delay: -1.5s;
  z-index: 1;
}

.section2-ellipse-decoration img {
  width: 100%;
}

.sun {
  top: 16vh;
  right: 6%;
  animation-delay: -2.5s;
}

.sun {
  width: 6%;
}

.sun img {
  width: 100%;
}

.section2-base-image {
  opacity: 0;
}

.section2-heartBg-image {
  opacity: 0;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
  /* 第二页整体布局调整 */
  .section2-content {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
  }

  .section2-center-content {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 60px 20px 20px;
    gap: 30px;
  }

  /* 左侧文本内容调整 */
  .section2-text-content {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    max-width: 350px;
    text-align: center;
    order: 1;
    gap: 20px;
  }

  .section2-logo-area {
    flex-direction: column;
    gap: 15px;
    align-items: center;
    margin-top: 20px; /* 隐藏麦克风后增加顶部间距 */
  }

  .section2-mic-icon {
    display: none; /* 隐藏麦克风图标 */
  }

  .section2-logo {
    width: 200px;
    height: auto;
    margin: 0 auto;
  }
  .section2-subtitle {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .section2-subtitle img {
    width: 250px;
    height: auto;
    margin: 0 auto;
  }

  /* 心形背景调整 */
  .section2-heartBg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  .section2-heartBg img {
    width: 85vw;
    max-width: 350px;
    height: auto;
    opacity: 0.4; /* 增加爱心的可见度 */
  }

  /* 右侧手机展示调整 */
  .section2-phone-display {
    position: relative;
    width: 100%;
    height: auto;
    order: 2;
    margin-top: 20px;
  }

  .phone-container {
    position: relative;
    width: 100%;
    max-width: 350px; /* 增大手机容器宽度 */
    height: auto;
    right: auto;
    top: auto;
    margin: 0 auto;
    z-index: 2;
  }

  .phone-container img {
    width: 100%;
    height: auto;
    max-height: 550px; /* 增大手机图片最大高度 */
    object-fit: contain;
  }

  /* 浮动头像调整 - 增大尺寸 */
  .floating-avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 3px solid rgba(255, 255, 255, 0.8);
  }

  .floating-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .avatar1 {
    top: 15%;
    left: 8%;
    width: 65px;
    height: 65px;
  }

  .avatar2 {
    bottom: 43%;
    left: 74%;
    width: 65px;
    height: 65px;
  }

  .angle {
    width: 55px;
    height: 55px;
    bottom: 56%;
    left: 40%;
    transform: translateX(-50%);
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  /* 装饰元素调整 */
  .decorative-elements2 {
    width: 100vw;
    height: 100vh;
  }

  /* 隐藏所有装饰元素 */
  .music-note,
  .star,
  .star1,
  .star2,
  .star3,
  .section2-ellipse-decoration,
  .sun {
    display: none; /* 隐藏所有装饰元素 */
  }

  /* 简化动画效果 */
  .floating-element {
    animation-duration: 4s !important;
  }

  .floating-avatar {
    animation-duration: 4s !important;
  }
}