:root {
  color: #1f2933;
  background: #f6f8fb;
  font-family:
    Inter,
    'PingFang SC',
    'Microsoft YaHei',
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  max-width: 100%;
  overflow-x: clip;
}

#app {
  max-width: 100%;
  overflow-x: clip;
}

a {
  color: inherit;
  text-decoration: none;
}

/*
 * iOS Safari 在 input/textarea/select 的 font-size < 16px 时，
 * 聚焦会自动放大页面，导致 UI 被轻微放大且需手动缩小才能恢复。
 * 在触控设备上统一保证可编辑控件至少 16px。
 * 组件内若需更小视觉字号，请用 transform: scale() 等方式，不要直接用 <16px 的 font-size。
 */
@media (hover: none) and (pointer: coarse) {
  input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']):not([type='button']):not([type='submit']):not([type='reset']):not([type='image']),
  textarea,
  select,
  .van-field__control {
    font-size: 16px !important;
  }
}

/* ── Vant Toast 保护规则 ──────────────────────────────────
   .van-popup 声明 background: var(--van-popup-background) = #fff (白色)
   .van-toast 声明 background: var(--van-toast-background) = rgba(0,0,0,.7) (黑色)
   两个类同优先级，但 .van-popup 在 vant/lib/index.css 中后声明 → 覆盖黑色背景
   导致 Toast 白底白字看不见。用双类选择器提升优先级强制使用黑色背景。
   ────────────────────────────────────────────────────────── */
.van-popup.van-toast {
  background: var(--van-toast-background) !important;
  color: var(--van-toast-text-color) !important;
}