/* ============================================
   招聘系统 - 5种主题样式
   通过 body 的 class 切换主题
   ============================================ */

/* 主题0 - 科技蓝（默认，企业级蓝色系）*/
.theme-0 {
  --primary-color: #1890ff;
  --header-bg: #001529;
  --header-text: #ffffff;
  --nav-bg: #1890ff;
  --nav-text: #ffffff;
  --nav-hover-bg: #e6f7ff;
  --nav-hover-text: #1890ff;
  --content-bg: #f0f2f5;
  --container-bg: #ffffff;
  --footer-bg: #001529;
  --footer-text: rgba(255, 255, 255, 0.65);
  --link-color: #262626;
  --link-hover: #40a9ff;
  --active-bg: #1890ff;
  --tab-bg: #fafafa;
  --border-color: #d9d9d9;
}

/* 主题1 - 清新绿（企业级绿色系）*/
.theme-1 {
  --primary-color: #52c41a;
  --header-bg: #092b00;
  --header-text: #ffffff;
  --nav-bg: #52c41a;
  --nav-text: #ffffff;
  --nav-hover-bg: #f6ffed;
  --nav-hover-text: #52c41a;
  --content-bg: #f6ffed;
  --container-bg: #ffffff;
  --footer-bg: #092b00;
  --footer-text: rgba(255, 255, 255, 0.65);
  --link-color: #262626;
  --link-hover: #73d13d;
  --active-bg: #52c41a;
  --tab-bg: #fafafa;
  --border-color: #d9d9d9;
}

/* 主题2 - 商务紫（企业级紫色系）*/
.theme-2 {
  --primary-color: #722ed1;
  --header-bg: #120338;
  --header-text: #ffffff;
  --nav-bg: #722ed1;
  --nav-text: #ffffff;
  --nav-hover-bg: #f9f0ff;
  --nav-hover-text: #722ed1;
  --content-bg: #f9f0ff;
  --container-bg: #ffffff;
  --footer-bg: #120338;
  --footer-text: rgba(255, 255, 255, 0.65);
  --link-color: #262626;
  --link-hover: #9254de;
  --active-bg: #722ed1;
  --tab-bg: #fafafa;
  --border-color: #d9d9d9;
}

/* 主题3 - 温暖橙（企业级橙色系）*/
.theme-3 {
  --primary-color: #fa8c16;
  --header-bg: #613400;
  --header-text: #ffffff;
  --nav-bg: #fa8c16;
  --nav-text: #ffffff;
  --nav-hover-bg: #fff7e6;
  --nav-hover-text: #fa8c16;
  --content-bg: #fff7e6;
  --container-bg: #ffffff;
  --footer-bg: #613400;
  --footer-text: rgba(255, 255, 255, 0.65);
  --link-color: #262626;
  --link-hover: #ffa940;
  --active-bg: #fa8c16;
  --tab-bg: #fafafa;
  --border-color: #d9d9d9;
}

/* 主题4 - 热情红（企业级红色系）*/
.theme-4 {
  --primary-color: #f5222d;
  --header-bg: #5c0011;
  --header-text: #ffffff;
  --nav-bg: #f5222d;
  --nav-text: #ffffff;
  --nav-hover-bg: #fff1f0;
  --nav-hover-text: #f5222d;
  --content-bg: #fff1f0;
  --container-bg: #ffffff;
  --footer-bg: #5c0011;
  --footer-text: rgba(255, 255, 255, 0.65);
  --link-color: #262626;
  --link-hover: #ff4d4f;
  --active-bg: #f5222d;
  --tab-bg: #fafafa;
  --border-color: #d9d9d9;
}

/* ============================================
   应用主题变量到具体元素
   ============================================ */

/* 顶部栏 */
body[class^="theme-"] .top {
  background: var(--header-bg);
  color: var(--header-text);
}

/* 导航栏 */
body[class^="theme-"] .daohang {
  background: var(--nav-bg);
}

body[class^="theme-"] .daohang-main ul li a {
  color: var(--nav-text);
}

body[class^="theme-"] .daohang-main ul li a:hover {
  background: var(--nav-hover-bg);
  color: var(--nav-hover-text) !important;
}

body[class^="theme-"] .xz {
  background: var(--nav-hover-bg);
  color: var(--nav-hover-text) !important;
}

/* 内容区 */
body[class^="theme-"] .content {
  background: var(--content-bg);
}

body[class^="theme-"] .content-main {
  background: var(--container-bg);
}

/* 底部栏 */
body[class^="theme-"] .foot {
  background: var(--footer-bg);
}

body[class^="theme-"] .footer ul li,
body[class^="theme-"] .footer ul li a {
  color: var(--footer-text);
}

/* 链接和悬停 */
body[class^="theme-"] .nr-div ul li a {
  color: var(--link-color);
}

body[class^="theme-"] .nr-div ul li a:hover {
  color: var(--link-hover) !important;
}

body[class^="theme-"] .more:hover {
  color: var(--link-hover);
}

body[class^="theme-"] .kstd-lj-a a:hover {
  color: var(--link-hover);
}

/* 激活状态 */
body[class^="theme-"] .active-tz {
  background: var(--active-bg);
  color: #fff !important;
}

/* Tab背景 */
body[class^="theme-"] .tzgg-top {
  background: var(--tab-bg);
}

/* 边框颜色 */
body[class^="theme-"] .kstd {
  border-color: var(--border-color);
}

/* 左侧导航激活 */
body[class^="theme-"] .xz-a {
  background: var(--active-bg);
  color: #fff !important;
}

/* 标题颜色 */
body[class^="theme-"] .tit,
body[class^="theme-"] .etit {
  color: var(--primary-color);
}

/* 快速通道标题 */
body[class^="theme-"] .p-kstd span {
  color: var(--header-text);
}

/* ============================================
   登录注册页面主题样式
   ============================================ */

/* 登录表单卡片头部 */
body[class^="theme-"] .card-form .card-header {
  background: var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
}

body[class^="theme-"] .card-form .card-header h2.title {
  color: #ffffff;
}

body[class^="theme-"] .card-form .card-header p,
body[class^="theme-"] .card-form .card-header p a {
  color: rgba(255, 255, 255, 0.9);
}

body[class^="theme-"] .card-form .card-header p a:hover {
  color: #ffffff;
}

/* 按钮样式 */
body[class^="theme-"] .btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

body[class^="theme-"] .btn-primary:hover,
body[class^="theme-"] .btn-primary:focus,
body[class^="theme-"] .btn-primary:active {
  background-color: var(--nav-hover-bg);
  border-color: var(--nav-hover-bg);
  color: var(--nav-hover-text);
}

/* 链接颜色 */
body[class^="theme-"] a {
  color: var(--primary-color);
}

body[class^="theme-"] a:hover {
  color: var(--link-hover);
}

/* 输入框焦点 */
body[class^="theme-"] .form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-color), 0.25);
}

/* 图标颜色 */
body[class^="theme-"] .input-group-text {
  background-color: var(--tab-bg);
  border-color: var(--border-color);
  color: var(--primary-color);
}

/* 登录页面背景 */
body[class^="theme-"].theme-0 {
  background-color: #fcfcfc !important;
}

body[class^="theme-"].theme-1 {
  background-color: #f6ffed !important;
}

body[class^="theme-"].theme-2 {
  background-color: #f9f0ff !important;
}

body[class^="theme-"].theme-3 {
  background-color: #fff7e6 !important;
}

body[class^="theme-"].theme-4 {
  background-color: #fff1f0 !important;
}

/* 卡片边框 */
body[class^="theme-"] .card-form {
  border-color: var(--border-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 成功按钮（忘记密码、修改密码页面使用） */
body[class^="theme-"] .btn-success {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

body[class^="theme-"] .btn-success:hover,
body[class^="theme-"] .btn-success:focus,
body[class^="theme-"] .btn-success:active {
  background-color: var(--nav-hover-bg);
  border-color: var(--nav-hover-bg);
  color: var(--nav-hover-text);
}