/* ============================================================
 * mobile.css - 64gua 手机适配（思路见 md/手机适配模块思维.md）
 * 64gua 基础适配已较好（480px 容器 + 48px 按钮），这里只补保险项：
 * 触控、防横向溢出、小屏元素间距，谨慎不覆盖原有版式。
 * ============================================================ */

@media (max-width: 600px) {
  /* 防横向溢出：某些屏下内容可能被抬手挤出 */
  html, body { overflow-x: hidden; }
  #appContainer { max-width: 100%; }

  /* 大按钮触控下限（已有 48px，再按小字号保守兜底） */
  .inkButton { min-height: 50px; }

  /* 记录卡片：小屏下元信息换行，不横向挤 */
  .recordCardMeta { flex-wrap: wrap; }
  .recordCardActions { gap: 8px; }
  .recordCardActions button { min-height: 44px; }

  /* 分享提示：确保整条在屏内，不被右侧裁掉 */
  .shareToast { max-width: calc(100vw - 32px); }

  /* 顶部登录条：触控目标加大 */
  .authBtn { min-height: 42px; }
}

/* 触摸为主的宽屏设备：按钮保持可点下限，但保留桌面版式 */
@media (hover: none) and (pointer: coarse) and (min-width: 601px) {
  .inkButton { min-height: 50px; }
  .authBtn { min-height: 42px; }
}