:root {
  /* 品牌色 · 国聘红 (取自 iguopin.com 真实色板) */
  --brand-red: #EB2C26;
  --brand-red-2: #B80006;
  --brand-red-3: #FF7875;
  --brand-red-bg: #FFEAE6;
  /* 中性色 · Ant Design 暖灰 */
  --bg-page: #F0F0F0;
  --bg-card: #FFFFFF;
  --text-main: #262626;
  --text-muted: #8C8C8C;
  --border: #D9D9D9;

  font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, -apple-system, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light;
  color: var(--text-main);
  background-color: var(--bg-page);

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Element Plus 主色覆盖 → 国聘红 */
  --el-color-primary: #EB2C26;
  --el-color-primary-light-3: #F05952;
  --el-color-primary-light-5: #F47B76;
  --el-color-primary-light-7: #F8A5A1;
  --el-color-primary-light-8: #FBC4C1;
  --el-color-primary-light-9: #FFEAE6;
  --el-color-primary-dark-2: #B80006;
}

/* ============================================================
   管理后台主题 · 央企红门户风格
   红顶白底 · 扁平务实 · 信息密集 · 金色点缀
   仅作用于 .admin-layout，不影响门户/求职端
   ============================================================ */
.admin-layout {
  --adm-red: #C60C1E;
  --adm-red-dark: #a30815;
  --adm-red-deeper: #8a0712;
  --adm-red-bg: #fdecef;
  --adm-red-bg-2: #fbe7ea;
  --adm-gold: #C8A052;
  --adm-ink: #1a1a1a;
  --adm-muted: #6b7280;
  --adm-line: #e5e7eb;
  --adm-page: #f4f5f7;

  /* Element Plus 主色 → 央企红 */
  --el-color-primary: #C60C1E;
  --el-color-primary-light-3: #d4404f;
  --el-color-primary-light-5: #df6671;
  --el-color-primary-light-7: #ec949c;
  --el-color-primary-light-8: #f4b4b9;
  --el-color-primary-light-9: #fdecef;
  --el-color-primary-dark-2: #a30815;

  --el-text-color-primary: #1a1a1a;
  --el-text-color-regular: #4b5563;
  --el-text-color-secondary: #6b7280;
  --el-text-color-placeholder: #9ca3af;
  --el-border-color: #e5e7eb;
  --el-border-color-light: #eef0f3;
  --el-border-color-lighter: #f3f4f6;
  --el-fill-color: #f7f8fa;
  --el-fill-color-light: #fafbfc;
  --el-fill-color-blank: #ffffff;
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f4f5f7;
  --el-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06);
  --el-box-shadow-light: 0 1px 2px rgba(16, 24, 40, 0.05);

  --el-border-radius-base: 4px;
  --el-border-radius-small: 3px;
  --el-border-radius-round: 4px;

  color-scheme: light;
  font-feature-settings: "tnum" 1;
}

/* —— 内容区：浅灰纸面 —— */
.admin-layout .admin-main {
  background: var(--adm-page);
}

/* —— 页面标题 —— */
.admin-layout h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--adm-ink);
  position: relative;
  padding-left: 12px;
}
.admin-layout h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 4px;
  border-radius: 2px;
  background: var(--adm-red);
}

/* —— 卡片：白底 + 细边 + 极淡影，扁平 —— */
.admin-layout .el-card {
  border: 1px solid var(--adm-line);
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.admin-layout .el-card:hover {
  border-color: #d8dbe0;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.06);
}
.admin-layout .el-card .el-card__header {
  padding: 14px 18px;
  border-bottom: 1px solid var(--adm-line);
  background: #fafbfc;
}
.admin-layout .el-card .el-card__body { padding: 18px; }
.admin-layout .stat-card { margin-bottom: 14px; }

/* —— 表格：清晰边框，表头浅灰底 —— */
.admin-layout .el-table {
  --el-table-border-color: #e5e7eb;
  --el-table-header-bg-color: #f7f8fa;
  --el-table-header-text-color: #1a1a1a;
  --el-table-row-hover-bg-color: var(--adm-red-bg-2);
  border-radius: 4px;
}
.admin-layout .el-table th.el-table__cell {
  font-weight: 700;
  color: var(--adm-ink);
  background: #f7f8fa;
}
.admin-layout .el-table th.el-table__cell,
.admin-layout .el-table td.el-table__cell {
  border-color: #e5e7eb;
}

/* —— 按钮：红底白字主按钮，扁平 —— */
.admin-layout .el-button {
  border-radius: 4px;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.admin-layout .el-button--primary {
  background: var(--adm-red);
  border-color: var(--adm-red);
}
.admin-layout .el-button--primary:hover {
  background: var(--adm-red-dark);
  border-color: var(--adm-red-dark);
}
.admin-layout .el-button--primary:active {
  background: var(--adm-red-deeper);
  border-color: var(--adm-red-deeper);
}
.admin-layout .el-button--success {
  background: #1677ff;
  border-color: #1677ff;
}
.admin-layout .el-button--success:hover { background: #0e5fd8; border-color: #0e5fd8; }

/* —— 输入/选择：聚焦红色细边 —— */
.admin-layout .el-input__wrapper,
.admin-layout .el-select__wrapper,
.admin-layout .el-textarea__inner {
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--adm-line) inset;
  transition: box-shadow 0.18s ease;
}
.admin-layout .el-input__wrapper:hover,
.admin-layout .el-select__wrapper:hover { box-shadow: 0 0 0 1px #c0c4cc inset; }
.admin-layout .el-input__wrapper.is-focus,
.admin-layout .el-select__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--adm-red) inset;
}

/* —— 标签 / 分页 —— */
.admin-layout .el-tag { border-radius: 3px; font-weight: 500; }
.admin-layout .el-pagination .el-pager li.is-active {
  background: var(--adm-red);
  color: #fff;
  border-radius: 3px;
}
.admin-layout .el-pagination .el-pager li:hover { color: var(--adm-red); }

/* —— Dialog —— */
.el-overlay .el-dialog { border-radius: 6px; overflow: hidden; }
.el-overlay .el-dialog .el-dialog__header {
  background: var(--adm-red);
  margin: 0;
  padding: 14px 20px;
}
.el-overlay .el-dialog .el-dialog__title { color: #fff; font-weight: 600; }
.el-overlay .el-dialog .el-dialog__headerbtn .el-dialog__close { color: #fff; }

a {
  font-weight: 500;
  color: var(--brand-red);
  text-decoration: inherit;
}
a:hover {
  color: var(--brand-red-2);
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background-color: var(--bg-page);
  color: var(--text-main);
}

h1 {
  font-size: 3.2em;
  line-height: 1.1;
}

button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: var(--bg-card);
  cursor: pointer;
  transition: border-color 0.25s;
}
button:hover {
  border-color: var(--brand-red);
}

.card {
  padding: 2em;
}

#app {
  width: 100%;
}
