/* 全站手机端触控修正（只在 max-width: 760px 内生效，桌面端一律不受影响）
 *
 * 背景：站内各页在手机上本来就是竖屏布局、也没有横向溢出，真正的问题是控件尺寸。
 * 页面里的下拉、输入框、标签按钮多按容器字号的 em 计算，缩到手机上只剩 19~34px 高，
 * 手指点不准（实测竞赛页下拉 317x25、搜索框 267x22、标签按钮 156x21、翻页按钮 54x21）。
 * 这里统一给交互控件 44px 的最小触控高度，即 iOS/Android 人机界面指南的下限。
 *
 * 三条约定，都踩过坑，改本文件前务必先读：
 *
 * 1) 所有规则必须包在 @media (max-width: 760px) 内，断点与各页既有手机布局一致，
 *    桌面端零影响。
 *
 * 2) 本文件内任何位置都不要写注释——注释会让其后的规则被静默丢弃。实测把三条规则
 *    之间加了两行注释后，整个样式表只解析出 1 条规则，其余全部消失。所有说明写在
 *    这段文件头里。
 *
 * 3) min-height 必须带 !important。页面里的控件多由类选择器（如 .wood-tab、
 *    .competition-sort）按 em 设定尺寸，类选择器优先级高于裸元素选择器，不加
 *    !important 会被压过去（实测 .wood-tab 的 min-height 仍是 18.48px）。
 *    font-size 用 16px 是因为 iOS Safari 聚焦小于 16px 的输入框会自动放大页面，
 *    放大后需要用户手动缩回。
 *
 * 引用方式：放在各页自身样式表之后。
 */

@media (max-width: 760px) {
  button,
  select,
  textarea,
  .ai-recommendation,
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]) {
    min-height: 44px !important;
  }

  select,
  textarea,
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]) {
    font-size: 16px !important;
  }

  .room-hotspot,
  .hotspot,
  .flame-guide {
    min-height: 44px !important;
    font-size: inherit !important;
  }
}