/* ============================================================
   昼圈 H5 · 苹果 Safari / iOS 适配层（h5-safari.css）
   在源工程 style.css 之后加载，只补齐浏览器端 Safari 细节，
   不覆盖源样式变量与布局。
   ============================================================ */

/* 禁用双击缩放与 300ms 点击延迟（iOS Safari） */
a,
button,
[role="button"],
[role="tab"],
.material-icons,
input[type="checkbox"],
input[type="radio"],
[data-tap] {
  touch-action: manipulation;
}

/* 阻止横竖屏 / 双击时 iOS 自动调整文字大小 */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* 消除点击时的灰色半透明遮罩（保留项目自身的 active 态反馈） */
a,
button,
[role="button"],
input,
textarea,
select,
[role="tab"],
.sec-row,
.cell {
  -webkit-tap-highlight-color: transparent;
}

/* iOS 表单控件观感：select 去掉系统三角 */
select {
  -webkit-appearance: none;
  appearance: none;
}

/* 视口高度：老 iOS Safari 不支持 dvh，回退到 -webkit-fill-available
   （style.css 已写 100vh → 100dvh 双声明，这里只照顾更老的机型） */
@supports not (height: 100dvh) {
  #app {
    height: -webkit-fill-available;
    height: fill-available;
  }
}

/* 内容滚动容器保持 iOS 原生惯性手感 */
.view,
[class*="scroll"],
[class*="list"],
[class*="overflow"] {
  -webkit-overflow-scrolling: touch;
}

/* 添加到主屏幕（standalone）时隐藏地址栏下压带来的多余留白 */
@media (display-mode: standalone) {
  .status-bar-spacer {
    height: env(safe-area-inset-top, 0px);
  }
}