@use './transition.scss';

// ===== 全局基础样式 =====
* {
  box-sizing: border-box;
}

html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', Arial, sans-serif;
  font-size: 14px;
  color: $text-color-primary;
  background-color: $bg-page;
  -webkit-font-smoothing: antialiased;
}

a {
  color: $primary-color;
  text-decoration: none;
}

// 滚动条美化
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.4);
  border-radius: 3px;

  &:hover {
    background-color: rgba(144, 147, 153, 0.7);
  }
}
::-webkit-scrollbar-track {
  background-color: transparent;
}

// nprogress 进度条配色跟随主题
#nprogress .bar {
  background: $primary-color !important;
}

// ===== 通用布局工具类（少量，其余交给 UnoCSS）=====
.app-container {
  padding: 12px;
}

.page-card {
  background: $bg-white;
  border-radius: 4px;
  padding: 16px;
}

// Element Plus 表格在卡片里更紧凑一些
.el-table {
  font-size: 13px;
}

// 查询表单：贴顶对齐，避免高度不齐
.search-form {
  .el-form-item {
    margin-bottom: 12px;
  }
}