/* 小玖云支付系统 v1.0.0 主题皮肤
 * 通过覆盖 Element Plus CSS 变量与少量布局样式，统一改造原 SPA 的视觉。
 */
:root {
  --xjy-brand: #4f46e5;
  --xjy-brand-deep: #312e81;
  --xjy-accent: #06b6d4;
  --xjy-bg: #f5f7ff;
  --xjy-card: #ffffff;
  --xjy-text: #111827;
  --xjy-muted: #6b7280;
  --xjy-line: #eef0f7;
  --xjy-radius: 14px;

  --el-color-primary: #4f46e5;
  --el-color-primary-light-3: #7c74ee;
  --el-color-primary-light-5: #a5a0f4;
  --el-color-primary-light-7: #cecbf9;
  --el-color-primary-light-8: #e2e0fc;
  --el-color-primary-light-9: #f0effe;
  --el-color-primary-dark-2: #3f38b7;
  --el-border-radius-base: 10px;
  --el-border-radius-small: 8px;
  --el-font-family: "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;

  --custom-radius: 0.9rem;
}

html, body, #app {
  background: var(--xjy-bg) !important;
  color: var(--xjy-text);
  font-family: "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;
}

/* 卡片 / 弹窗 / 表格 */
.el-card,
.el-dialog,
.el-drawer,
.el-message-box,
.el-popover,
.el-dropdown-menu {
  border-radius: var(--xjy-radius) !important;
  border-color: var(--xjy-line) !important;
  box-shadow: 0 10px 30px rgba(17, 24, 39, .06) !important;
}
.el-card__header { border-bottom-color: var(--xjy-line) !important; }
.el-table th.el-table__cell {
  background: #f8faff !important;
  color: #4b5563 !important;
  font-weight: 600;
}
.el-table td.el-table__cell { border-bottom-color: #f3f5fb !important; }
.el-table tr:hover > td.el-table__cell { background: #f7f9ff !important; }

/* 按钮 */
.el-button { border-radius: 10px !important; font-weight: 500; }
.el-button--primary {
  background: linear-gradient(135deg, #4f46e5, #4338ca) !important;
  border: none !important;
  box-shadow: 0 6px 16px rgba(79, 70, 229, .22);
}
.el-button--primary:hover { filter: brightness(1.05); }

/* 输入框 */
.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper {
  border-radius: 10px !important;
  box-shadow: 0 0 0 1px var(--xjy-line) inset !important;
  background: #fbfcff !important;
}
.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--xjy-brand) inset !important;
}

/* 侧边栏 / 顶栏（兼容多种 class 命名） */
.el-menu,
.sidebar,
.side-bar,
.layout-sidebar,
.app-sidebar {
  border-right-color: var(--xjy-line) !important;
}
.el-menu-item.is-active,
.el-sub-menu.is-active > .el-sub-menu__title {
  color: var(--xjy-brand) !important;
  background: #eef2ff !important;
  border-radius: 10px;
}
.el-menu-item, .el-sub-menu__title { border-radius: 10px; }

/* 登录页渐变背景 */
.login-container,
.login-page,
.login-wrap,
.login-bg {
  background: radial-gradient(circle at 15% 20%, #312e81 0, #1e1b4b 40%, #0f172a 100%) !important;
}
.login-card,
.login-form,
.login-box {
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(2, 6, 23, .35) !important;
}

/* 标签 / 分页 */
.el-tag { border-radius: 999px !important; }
.el-pagination.is-background .el-pager li { border-radius: 8px !important; }

/* 统计卡片统一质感 */
.stat-card,
.dashboard-card,
.data-card {
  border-radius: var(--xjy-radius) !important;
  background: var(--xjy-card) !important;
  box-shadow: 0 10px 28px rgba(17, 24, 39, .05) !important;
}

/* 滚动条 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #d7dbea; border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }