/**
 * iOS兼容性样式
 * 解决苹果手机Safari浏览器的兼容性问题
 */

/* 1. 消除iOS 300ms点击延迟 */
* {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* 2. 平滑滚动 */
.scrollable,
.overflow-auto,
[style*="overflow: auto"],
[style*="overflow-y: auto"],
[style*="overflow-y: scroll"] {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* 3. backdrop-filter添加webkit前缀 */
[style*="backdrop-filter"] {
  -webkit-backdrop-filter: attr(style);
}

/* 4. 安全区域适配（iPhone X及以上刘海屏） */
@supports (padding: max(0px)) {
  .safe-area-top {
    padding-top: max(12px, env(safe-area-inset-top));
  }
  .safe-area-bottom {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  .safe-area-left {
    padding-left: max(12px, env(safe-area-inset-left));
  }
  .safe-area-right {
    padding-right: max(12px, env(safe-area-inset-right));
  }
}

/* 5. fixed定位元素在iOS键盘弹出时的优化 */
.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding-bottom: env(safe-area-inset-bottom);
}

/* 6. 防止iOS自动缩放输入框 */
input,
select,
textarea {
  font-size: 16px !important;
}

/* 7. 视频播放优化 */
video {
  -webkit-playsinline: true;
  playsinline: true;
  object-fit: contain;
}

/* 8. 防止文本选择（游戏界面） */
.no-select {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* 9. 按钮点击效果优化 */
button:active,
.btn:active,
[role="button"]:active {
  opacity: 0.8;
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}

/* 10. 图片加载优化 */
img {
  -webkit-user-drag: none;
  user-drag: none;
}

/* 11. 滚动条隐藏（iOS风格） */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 12. 弹性滚动边界优化 */
html,
body {
  overscroll-behavior-y: none;
  -webkit-overflow-scrolling: touch;
}

/* 13. 输入框聚焦时的优化 */
input:focus,
textarea:focus,
select:focus {
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}