/* Web端全局样式重置 */
html, body, #root {
  height: 100vh; /* fallback for older browsers */
  height: 100dvh;
  width: 100%;
  margin: 0;
  padding: 0;
  overscroll-behavior: none;
}

/* iOS 平滑动量滚动 */
body * {
  -webkit-overflow-scrolling: touch;
}

/* 消除移动端300ms点击延迟 + 移除点击高亮 */
[role="button"], button, a {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* 桌面端：居中 + 限宽430px，模拟手机视口 */
@media (min-width: 769px) {
  html {
    display: flex;
    justify-content: center;
    background-color: #F0F0F0;
  }
  body, #root {
    max-width: 430px;
    width: 430px;
    overflow-x: hidden;
  }
}