/* ============================================
   mobile-fix.css  — 克制版，只修真正有问题的点
   不动 fullPage 布局，只做最小适配
   ============================================ */

/* ---- 通用：防止横向溢出 ---- */
html, body {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

/* ---- 登录页 (max-width: 600px) ---- */
@media screen and (max-width: 600px) {
  .container {
    padding: 50px 15px 30px !important;
  }
  form input,
  form button {
    width: 200px !important;
    font-size: 15px !important;
  }
  .bg-bubbles li { width: 30px !important; height: 30px !important; }
  .bg-bubbles li:nth-child(2),
  .bg-bubbles li:nth-child(6),
  .bg-bubbles li:nth-child(10) {
    width: 45px !important; height: 45px !important;
  }
}

/* ---- 蛋糕页 (max-width: 600px) ---- */
@media screen and (max-width: 600px) {
  #cake {
    width: 160px !important;
    height: auto !important;
    margin-left: calc(50% - 80px) !important;
    margin-top: -10em !important;
  }
  .velas {
    width: 3px !important;
    height: 20px !important;
    margin-left: 49% !important;
    top: 200px !important;
  }
  .happy {
    left: 50% !important;
    top: 36% !important;
    transform: translateX(-50%) !important;
    width: 60vw !important;
  }
  .happy img {
    width: 100% !important;
    height: auto !important;
  }
  /* 按钮居中，不破坏原有动画 */
  .button-style1 {
    left: 15% !important;
  }
  .button-style2 {
    right: 15% !important;
  }
  .link1, .link2 {
    width: 130px !important;
    height: 50px !important;
    font-size: 16px !important;
  }
  .bg-bubbles li { width: 28px !important; height: 28px !important; }
}

/* ---- 回忆页 (max-width: 600px) ---- */
@media screen and (max-width: 600px) {
  /* 只缩小字号，不动布局和定位 */
  .ly-stxt01, .ly-stxt02, .ly-stxt03,
  .ly-stxt04, .ly-stxt05, .ly-stxt06,
  .ly-stxt07, .ly-stxt08, .ly-stxt09,
  .ly-stxt10 {
    font-size: 14px !important;
  }
  .ly-txt14, .ly-txt24, .ly-txt34,
  .ly-txt72, .ly-txt73, .ly-txt84 {
    font-size: 13px !important;
  }
  /* 图片高度约束，防止过大 */
  .ly-imgbox11 img, .ly-imgbox21 img,
  .ly-imgbox22 img, .ly-imgbox23 img,
  .ly-imgbox31 img, .ly-imgbox71 img,
  .ly-imgbox72 img, .ly-imgbox73 img,
  .ly-imgbox81 img {
    max-height: 35vh !important;
    width: auto !important;
    height: auto !important;
  }
  /* 移动端关闭导航点 */
  #fp-nav { display: none !important; }
}

/* ---- 横屏 (max-height: 500px) ---- */
@media screen and (orientation: landscape) and (max-height: 480px) {
  #cake { margin-top: -5em !important; }
  .happy { top: 3% !important; }
}