/* theme.css — ELLMS Cloud 现代科技蓝主题 (全局覆盖, 不重建 Vue)
   覆盖 element-plus CSS 变量 + 卡片/表头/按钮/输入/滚动条/字体
   加载顺序在 element-plus 之后 → 同优先级后者胜 */

:root {
  /* 主色 — 科技蓝 #2563eb 系 */
  --el-color-primary: #2563eb;
  --el-color-primary-light-3: #6692f1;
  --el-color-primary-light-5: #92b1f5;
  --el-color-primary-light-7: #bed0f9;
  --el-color-primary-light-8: #d3e0fb;
  --el-color-primary-light-9: #e9f0fd;
  --el-color-primary-dark-2: #1e4fbc;
  /* 语义色 */
  --el-color-success: #18a058;
  --el-color-success-light-9: #e8f7ef;
  --el-color-warning: #f59e0b;
  --el-color-warning-light-9: #fdf3e3;
  --el-color-danger: #ef4444;
  --el-color-danger-light-9: #fdeded;
  --el-color-error: #ef4444;
  --el-color-info: #64748b;
  /* 圆角 */
  --el-border-radius-base: 8px;
  --el-border-radius-small: 6px;
  /* 链接色 */
  --el-color-primary-rgb: 37, 99, 235;
}

/* ===== 字体 ===== */
body, .el-button, .el-table, .el-menu, .el-input__inner,
.el-card, .el-form-item__label, .el-dialog, .el-descriptions {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans CN", sans-serif;
}

/* ===== 主内容背景 — 冷调浅灰 ===== */
.el-main, .main, .main-content { background: #eef2f7 !important; }

/* ===== 卡片: 圆角 + 柔阴影 + 细边 + hover 抬升 ===== */
.el-card {
  border-radius: 10px !important;
  border: 1px solid #eaeef3 !important;
  box-shadow: 0 2px 12px rgba(31, 45, 61, 0.06) !important;
  transition: box-shadow 0.22s ease, transform 0.22s ease;
}
.el-card:hover {
  box-shadow: 0 6px 22px rgba(31, 45, 61, 0.11) !important;
}
.el-card__header {
  font-weight: 600;
  color: #1f2d3d;
  border-bottom: 1px solid #f0f2f5 !important;
}

/* ===== 表格: 表头浅蓝灰 + 加粗 + 行 hover 蓝 ===== */
.el-table th.el-table__cell,
.el-table__header-wrapper th {
  background: #f4f7fb !important;
  color: #334155 !important;
  font-weight: 600 !important;
}
.el-table__body tr:hover > td.el-table__cell {
  background: #f3f8ff !important;
}
.el-table { border-radius: 8px; }

/* ===== 按钮: 圆角 + 主按钮渐变 ===== */
.el-button { border-radius: 6px !important; font-weight: 500; }
.el-button--primary {
  background-image: linear-gradient(135deg, #3b76ff, #2563eb) !important;
  border-color: #2563eb !important;
}
.el-button--primary:hover {
  background-image: linear-gradient(135deg, #538bff, #3b76ff) !important;
}
.el-button--success {
  background-image: linear-gradient(135deg, #22b56a, #18a058) !important;
  border-color: #18a058 !important;
}

/* ===== 标签 / 进度 / 开关 ===== */
.el-tag { border-radius: 4px; font-weight: 500; }
.el-progress-bar__inner { border-radius: 8px; }

/* ===== 输入 / 选择 圆角 ===== */
.el-input__wrapper, .el-select__wrapper, .el-textarea__inner {
  border-radius: 6px !important;
}

/* ===== 顶栏 ===== */
.header, .el-header {
  background: #ffffff !important;
  box-shadow: 0 1px 8px rgba(31, 45, 61, 0.06) !important;
}

/* ===== 侧边栏活动项强调 (保留深色底, 只强调当前项) ===== */
.el-menu-item.is-active {
  border-left: 3px solid #3b82f6;
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.20), rgba(59, 130, 246, 0) 70%) !important;
}

/* ===== el-tabs 选中下划线/标签 ===== */
.el-tabs__item.is-active { font-weight: 600; }

/* ===== 对话框圆角 ===== */
.el-dialog { border-radius: 12px !important; overflow: hidden; }
.el-dialog__header { border-bottom: 1px solid #f0f2f5; }

/* ===== 滚动条 ===== */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-thumb { background: #c4cdd9; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #a9b4c4; }
::-webkit-scrollbar-track { background: transparent; }

/* ===== 分页 / 描述列表细节 ===== */
.el-descriptions__label { font-weight: 600; color: #475569; }
.el-pagination.is-background .el-pager li.is-active { border-radius: 6px; }