/* ==========================================================
   保定玉兰招聘网 · 玉兰墨绿皮肤 (skin.css)
   2026-11 视觉重制：品牌深绿 + 玉兰粉 + 米白底
   ========================================================== */

:root{
  --yl-ink:   #0A3D2F;
  --yl-ink-2: #0E5B46;
  --yl-ink-3: #12A67F;
  --yl-pink:  #DE6E8C;
  --yl-bg:    #F7F5F0;
  --yl-line:  #E7E3D8;
  --yl-text:  #1F2A26;
  --yl-sub:   #6E7C74;
  --el-color-primary: #0E5B46;
}

/* ---------- 基础 ---------- */
body{
  background: var(--yl-bg) !important;
  color: var(--yl-text);
  font-family: "PingFang SC","Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
}
a{color:var(--yl-ink-2);}
a:hover{color:var(--yl-ink);}

/* ---------- 顶部品牌条 ---------- */
.top-nav:not(.header){
  background: linear-gradient(90deg,#08281F 0%,#0E5B46 48%,#0A3D2F 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.top-nav:not(.header) .nav-link{
  color: rgba(255,255,255,.86) !important;
  font-weight: 500;
  letter-spacing: .5px;
}
.top-nav:not(.header) .nav-link.active,
.top-nav:not(.header) .nav-link:hover{
  color:#fff !important;
}
.top-nav:not(.header) .nav-link.active::after{
  content:"";
  display:block;
  width:18px;height:2px;
  margin:5px auto 0;
  background:var(--yl-pink);
  border-radius:2px;
}
.top-nav:not(.header) .nav-top-login{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  padding:3px 14px;
  font-size:13px;
  transition:.2s;
}
.top-nav:not(.header) .nav-top-login:hover{
  background:var(--yl-pink);
  border-color:var(--yl-pink);
  color:#fff !important;
}

/* ---------- 搜索条（白底吸顶） ---------- */
.header.top-nav{
  background:#fff !important;
  border-bottom:1px solid var(--yl-line);
  box-shadow:0 6px 24px rgba(10,61,47,.06);
}
.header.top-nav .search .el-input__inner{
  height:48px;
  line-height:48px;
  border-radius:999px 0 0 999px;
  border-color:var(--yl-ink-2) !important;
  font-size:15px;
  padding-left:18px;
}
.header.top-nav .search .el-input__inner:focus{
  box-shadow:0 0 0 3px rgba(14,91,70,.12);
}
.header.top-nav .search .el-select .el-input__inner{
  border-radius:999px 0 0 999px;
}
.header.top-nav .search .el-input-group__prepend{
  background:#F1F5F1;
  border-color:var(--yl-ink-2);
  border-radius:999px 0 0 999px;
  color:var(--yl-ink);
}
.header.top-nav .search .el-input-group__append,
.header.top-nav .search .el-button{
  background:linear-gradient(135deg,#0E5B46,#0A3D2F) !important;
  border-color:var(--yl-ink-2) !important;
  color:#fff !important;
  border-radius:0 999px 999px 0 !important;
  font-size:16px;
  letter-spacing:4px;
  padding:0 34px;
}
.header.top-nav .search .el-button:hover{
  background:linear-gradient(135deg,#12A67F,#0E5B46) !important;
}

/* ---------- 通用卡片 ---------- */
.bg-white{
  border-radius:16px;
}
.container-xl > .bg-white,
.container-xl > div > .bg-white{
  box-shadow:0 4px 20px rgba(10,61,47,.05);
}

/* ---------- 分类宫格 ---------- */
.jobs-cate-list .jobs-cate-item{
  border-radius:14px !important;
  border:1px solid transparent;
  background:#fff;
  transition:.22s ease;
}
.jobs-cate-list .jobs-cate-item:hover{
  border-color:rgba(14,91,70,.28);
  box-shadow:0 10px 24px rgba(10,61,47,.10) !important;
  transform:translateY(-2px);
}

/* ---------- 职位卡片 ---------- */
.home-jobs-list .jobs-item,
.jobs-list .jobs-item,
.jobs-item{
  border-radius:14px;
  transition:.2s ease;
}
.home-jobs-list .jobs-item:hover,
.jobs-list .jobs-item:hover{
  box-shadow:0 10px 26px rgba(10,61,47,.10);
}
.jobs-item .jobs-name,
.jobs-item .jobs-title{
  font-weight:600;
}
.jobs-item .jobs-salary,
.jobs-item .text-FF8221,
.jobs-item .text-ff8221{
  color:var(--yl-pink) !important;
  font-weight:700;
}

/* ---------- 标签 ---------- */
.el-tag{
  border-radius:6px;
  background:#F2F6F3;
  border-color:#E3EDE7;
  color:var(--yl-ink-2);
}
.el-tag--warning,.el-tag--danger{
  background:#FDF0F3 !important;
  border-color:#F8DCE4 !important;
  color:var(--yl-pink) !important;
}

/* ---------- 按钮 ---------- */
.el-button{
  border-radius:8px;
}
.el-button--primary{
  background:linear-gradient(135deg,#0E5B46,#0A3D2F) !important;
  border-color:#0A3D2F !important;
  color:#fff !important;
}
.el-button--primary:hover{
  background:linear-gradient(135deg,#12A67F,#0E5B46) !important;
  border-color:#0E5B46 !important;
}
.el-button--primary.is-plain{
  background:#fff !important;
  color:var(--yl-ink-2) !important;
  border-color:var(--yl-ink-2) !important;
}

/* ---------- 区块小标题 ---------- */
.bg-white > .flex h6,
.block-title,
.title-bar{
  position:relative;
  padding-left:12px;
  font-weight:700;
  color:var(--yl-text);
}
.bg-white > .flex h6::before{
  content:"";
  position:absolute;
  left:0;top:50%;
  transform:translateY(-50%);
  width:4px;height:16px;
  border-radius:2px;
  background:linear-gradient(180deg,var(--yl-ink-2),var(--yl-pink));
}

/* ---------- 页脚 ---------- */
.footer{
  background:linear-gradient(180deg,#0A3D2F 0%,#08281F 100%) !important;
  border-top:3px solid var(--yl-pink);
}
.footer .copyright{
  background:transparent !important;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer .small{color:#8FD3BC !important;}
.footer a{color:#CFE6DC !important;}
.footer a:hover{color:var(--yl-pink) !important;}

/* ---------- Element 细节 ---------- */
.el-menu-item.is-active{color:var(--yl-ink-2) !important;}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  background:var(--yl-ink-2) !important;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner{
  background:var(--yl-ink-2);
  border-color:var(--yl-ink-2);
}
.el-tabs__item.is-active,
.el-tabs__item:hover{color:var(--yl-ink-2) !important;}
.el-tabs__active-bar{background:var(--yl-ink-2) !important;}
.el-link.el-link--primary{color:var(--yl-ink-2);}

/* ---------- 职位卡片边界 ---------- */
.jobs-item, .home-jobs-list .jobs-item{
  background:#fff;
  border:1px solid #EFEBE2 !important;
  border-radius:14px !important;
}
.jobs-item:hover, .home-jobs-list .jobs-item:hover{
  border-color:rgba(14,91,70,.30) !important;
}
.company-card, .company-icon-item{
  border:1px solid #EFEBE2;
  border-radius:14px;
  background:#fff;
}

/* ---------- 底部悬浮条 ---------- */
.footer-position .bg-footer{display:none !important;}
.footer-position{
  background:rgba(8,40,31,.94) !important;
  border-top:1px solid rgba(255,255,255,.10);
}
.footer-position .text-primary,
.footer-position .text-FF8221{color:#DE6E8C !important;}

/* 页脚文字可读性 */
.footer .copyright, .footer .copyright div{color:#B9D2C6 !important;}
.footer .copyright a{color:#B9D2C6 !important;}
.footer .copyright a:hover{color:#DE6E8C !important;}

/* 详情页头部背景 */
.bg-444C5F{
  background-image:none !important;
  background:linear-gradient(115deg,#08281F 0%,#0E5B46 58%,#12735A 100%) !important;
}

/* ---------- 列表标签配色（浅蓝→浅墨绿） ---------- */
.el-tag--light,
.el-tag.el-tag--mini{
  background-color: rgba(14,91,70,.10) !important;
  border-color: rgba(14,91,70,.18) !important;
  color: #0E5B46 !important;
}
.el-tag--light .el-tag__content{color:#0E5B46 !important;}
.el-tag[style*="243, 255"],
.el-tag[style*="236, 245, 255"]{
  background-color: rgba(14,91,70,.10) !important;
  color: #0E5B46 !important;
}
/* 保持语义色不被覆盖 */
.el-tag--danger.el-tag--light{background-color:rgba(222,110,140,.12)!important;color:#C7506F!important;border-color:rgba(222,110,140,.24)!important;}
.el-tag--warning.el-tag--light{background-color:rgba(222,110,140,.12)!important;color:#C7506F!important;border-color:rgba(222,110,140,.24)!important;}

/* ---------- 空的“工作区域”筛选行（地区数据缺失只剩标题） ---------- */
div.flex.border-bottom:has(> .w-100px.py-3){display:none !important;}

/* 右下角悬浮客服/电话按钮：旧品牌蓝改墨绿 */
.el-backtop{color:#0E5B46 !important;background-color:#ffffff !important;box-shadow:0 4px 14px rgba(14,91,70,.18) !important;}
.el-backtop:hover{background-color:#EEF6F1 !important;color:#08281F !important;}

/* 证照弹窗按原比例显示（POPFIX） */
.common-pop-box{width:auto!important;max-width:min(92vw,900px)!important;}
.common-pop img{width:auto!important;height:auto!important;max-width:min(92vw,900px);max-height:76vh;object-fit:contain;display:block;margin:0 auto;border-radius:8px;box-shadow:0 18px 48px rgba(0,0,0,.35);}