/* 响应式手机样式 */
html, body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  overflow-x: hidden;
  height: 100%;
}

/* 默认桌面背景 */
body {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

#root {
  min-height: 100vh;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

/* 在手机屏幕大小时，应用占满全屏 */
@media (max-width: 480px) {
  body {
    background: #ffffff !important;
  }
  
  #root {
    align-items: stretch;
    height: 100vh;
  }
}

/* 优化触摸体验 */
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/* 滚动优化 */
* {
  -webkit-overflow-scrolling: touch;
}