/* src/assets/global.css */

/* 重置一些默认样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  html, body {
    height: 100%;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #f5f5f5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /* 设置全局字体大小 */
  html {
    font-size: 16px;
  }
  
  /* 响应式布局 */
  @media (max-width: 767px) {
    html {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
    html {
      font-size: 12px;
    }
  }
  
  /* 全局颜色和按钮样式 */
  button {
    background-color: #0052d9;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
  }
  
  button:hover {
    background-color: #0066ff;
  }
  
  /* 设置 TDesign Mobile Vue 的全局主题色 */
  :root {
    --td-brand-color: #0052d9;
    --td-font-size-base: 16px;
  }
  
  /* 通用容器 */
  .container {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 15px;
  }