/* mobile-fix.css 2026-10-17 修复移动端顶部导航横向溢出 */
@media (max-width: 768px) {
  .app-nav .app-nav-inner { flex-wrap: nowrap; gap: 6px; }
  .app-nav .brand { flex-shrink: 0; }
  .app-nav .nav-right { flex-shrink: 0; }
  .app-nav .nav-links {
    flex: 1 1 0;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    justify-content: flex-start;
    gap: 2px;
  }
  .app-nav .nav-links::-webkit-scrollbar { display: none; }
  .app-nav .nav-link { flex-shrink: 0; }
  .app-nav .nav-links {
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 24px), transparent);
    mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 24px), transparent);
  }
}

/* 留言板：嵌套回复在窄屏的缩进收敛，避免层层压缩导致内容溢出 */
@media (max-width: 768px) {
  /* 针对留言板递归嵌套回复：收敛缩进，避免深层压缩溢出（懒加载 scoped 样式优先级更高，故用 !important） */
  .board-apple .children { padding-left: 8px !important; }
  /* 隐藏二级及以下的头像，用左侧边框表达层级，每层节省约 50px */
  .board-apple .children .msg-avatar { display: none !important; }
  /* 超过三级后不再叠加缩进 */
  .board-apple .children .children .children { padding-left: 0 !important; border-left: 0 !important; }
  .board-apple .msg-item { gap: 10px !important; }
  .board-apple .msg-head { flex-wrap: wrap !important; gap: 2px 8px !important; }
  .board-apple .msg-actions { flex-wrap: wrap !important; }
  .board-apple .msg-name,
  .board-apple .msg-content,
  .board-apple .msg-time { overflow-wrap: anywhere !important; min-width: 0 !important; }
}

/* ============ iOS 安全区适配（灵动岛 + Home 指示条） ============ */
/* 无安全区的环境（桌面/安卓/普通浏览器）env() 返回 0，不影响原有布局 */
.app-nav,
.nav,
header,
.navbar {
  padding-top: env(safe-area-inset-top, 0px);
}

/* 雪景页固定控件：固定在底部像素值，需用 translateY 抬升以避开 Home 指示条 */
/* .hint 自身已用 translateX 做水平居中，故改用 bottom 偏移避免覆盖其 transform */
.back-btn,
.music-btn,
.top-right,
.snow-sim-toggle,
.snow-sim-panel {
  transform: translateY(calc(-1 * env(safe-area-inset-bottom, 0px)));
}
.hint {
  bottom: calc(8px + env(safe-area-inset-bottom, 0px));
}
.snow-page {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* ============ iOS 输入框：字号 <16px 时 Safari 聚焦会放大页面 ============ */
/* 用 html body 前缀提高优先级，压过雪景分包动态注入的 !important 规则 */
@media (max-width: 768px) {
  html body input,
  html body textarea,
  html body select,
  html body .el-input__inner,
  html body .el-textarea__inner {
    font-size: 16px !important;
  }
}

/* 防止 iOS 自动调整正文字号 */
body {
  -webkit-text-size-adjust: 100%;
}