@use './mixins.scss' as *;

/**
 * 全局 CSS 容器查询回退
 *
 * 这些根级别变量为不支持容器查询的浏览器提供默认的视口单位。
 * 设置了 container-type 的组件会在支持时覆盖这些值为容器单位（cqw/cqh）。
 */
:root {
  --cq-inline-100: 100vw;
  --cq-block-100: 100vh;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Microsoft YaHei', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app {
  width: 100%;
  height: 100vh;
}