/* ============================================================
   全新主题：靛青 · 极光 (Aurora Indigo)
   重新设计配色，与原版默认蓝(#409eff)明显区分，更现代克制。
   仅覆盖配色/圆角/阴影，不改任何 DOM 结构与功能类。
   作用于后台与用户中心 SPA（Element Plus）。
   ============================================================ */

:root {
  /* 主色：靛蓝，辅以青色高光 */
  --el-color-primary: #4f46e5;
  --el-color-primary-rgb: 79, 70, 229;
  --el-color-primary-light-3: #7c74ec;
  --el-color-primary-light-5: #a5a0f2;
  --el-color-primary-light-7: #c9c6f7;
  --el-color-primary-light-8: #dedcfb;
  --el-color-primary-light-9: #efedfd;
  --el-color-primary-dark-2: #3d35c4;

  --el-color-success: #10b981;
  --el-color-success-light-9: #e7f8f1;
  --el-color-warning: #f59e0b;
  --el-color-danger: #ef4444;
  --el-color-info: #64748b;

  /* 圆角与边框：更柔和 */
  --el-border-radius-base: 10px;
  --el-border-radius-small: 7px;
  --el-border-radius-round: 999px;
  --el-border-color: #e6e9f2;
  --el-border-color-light: #eef0f6;
  --el-border-color-lighter: #f2f4f9;
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f4f6fb;
  --el-text-color-primary: #1e293b;
  --el-text-color-regular: #475569;
  --el-text-color-secondary: #94a3b8;
  --el-fill-color-blank: #ffffff;
  --el-fill-color-light: #f6f8fc;

  /* 品牌渐变，供自定义组件复用 */
  --brand-grad: linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%);
  --brand-grad-soft: linear-gradient(135deg, #eef2ff 0%, #e0f2fe 100%);
}

/* 页面底色 */
html, body { background-color: var(--el-bg-color-page); }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* ---------- 侧边栏 / 菜单 ----------
   按需求恢复「最初那种白色」：不再强制刷成深色。
   这里不覆盖 .el-menu 的背景色，让系统原版白色菜单样式自然生效；
   其余新主题配色（主色、卡片、表格等）保持不变。 */

/* ---------- 顶栏 ---------- */
.el-header, .layout-header, [class*="navbar"], [class*="topbar"], header {
  /* 结构不改，仅给常见顶栏加柔和底边 */
}
.el-header { box-shadow: 0 1px 0 rgba(15, 23, 42, .05); }

/* ---------- 卡片：更柔和的圆角与阴影 ---------- */
.el-card {
  border-radius: 14px !important;
  border: 1px solid #eaedf5 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, .05) !important;
}

/* ---------- 按钮：主按钮走品牌渐变 ---------- */
.el-button--primary:not(.is-plain):not(.is-text):not(.is-link) {
  background: var(--brand-grad) !important;
  border-color: transparent !important;
}
.el-button--primary:not(.is-plain):not(.is-text):not(.is-link):hover {
  opacity: .9;
}
.el-button { border-radius: 9px !important; font-weight: 500; }

/* ---------- 标签/开关/分页/复选：跟随新主色（Element 变量已全局生效） ---------- */
.el-tag--primary,
.el-switch.is-checked .el-switch__core,
.el-pagination.is-background .el-pager li.is-active,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {
  /* 变量覆盖已处理，这里兜底少数写死颜色的组件 */
}
.el-pagination.is-background .el-pager li.is-active { background: var(--brand-grad) !important; }

/* ---------- 表格：清爽斑马与表头 ---------- */
.el-table th.el-table__cell {
  background: #f7f9fd !important;
  color: #475569 !important;
  font-weight: 600 !important;
}
.el-table .el-table__row:hover > td.el-table__cell { background: #f3f6ff !important; }

/* ---------- 统计卡片/数据块（通用类名兜底） ---------- */
.stat-card, .data-card, [class*="statistic"] { border-radius: 14px; }

/* ---------- 深色模式兼容 ---------- */
html.dark {
  --el-bg-color: #0f172a;
  --el-bg-color-page: #0b1020;
  --el-text-color-primary: #e2e8f0;
  --el-text-color-regular: #cbd5e1;
  --el-border-color: #1e293b;
  --el-border-color-light: #1e293b;
  --el-fill-color-blank: #0f172a;
  --el-fill-color-light: #16203a;
}
html.dark .el-card { border-color: #1e293b !important; }
html.dark .el-table th.el-table__cell { background: #131c31 !important; color: #cbd5e1 !important; }