/* Per-page visual themes — each page has a distinct palette and atmosphere */

/* ── 首页：深邃星空 + 琥珀金 ── */
.page-index {
  --accent: #c9a227;
  --accent-soft: rgba(201, 162, 39, 0.15);
  --accent-hover: #e8c547;
  --hero-overlay: linear-gradient(135deg, rgba(15, 23, 42, 0.75) 0%, rgba(30, 41, 59, 0.45) 100%);
  --page-bg: #0f172a;
  --content-bg: #ffffff;
  --text: #1e293b;
  --text-muted: #64748b;
  --nav-bg: rgba(15, 23, 42, 0.92);
  --footer-bg: #0c1222;
  --sidebar-active: #c9a227;
}
.page-index { background: #f1f5f9; }
.page-index .top {
  background: #ffffff;
  backdrop-filter: none;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.page-index .menu ul li a { color: #475569; }
.page-index .menu ul li a:hover,
.page-index .menu ul li .on { color: var(--accent); }
.page-index .menu ul li .on { background: var(--accent-soft); }
.page-index .logo-text strong,
.page-index .logo-text .name-company-simply-two { color: #b8860b; }
.page-index .banner {
  background: url(../images/banner_05.jpg) center center / cover no-repeat;
  position: relative;
  width: 100%;
}
.page-index .banner::after { display: none; }
.page-index .index_cont {
  background: var(--content-bg);
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
  padding: 24px;
  margin-top: 32px;
  margin-bottom: 48px;
  position: static;
  z-index: auto;
}
.page-index .index_cont img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
}
.page-index .foot2 { background: var(--footer-bg); }
.page-index .foot2_in a:hover { color: var(--accent-hover); }

/* ── 关于我们：暖沙纸质感 + 赭石 ── */
.page-about {
  --accent: #b45309;
  --accent-soft: rgba(180, 83, 9, 0.1);
  --accent-hover: #d97706;
  --page-bg: #faf7f2;
  --content-bg: #fffefb;
  --text: #44403c;
  --text-muted: #78716c;
  --nav-bg: #fffefb;
  --footer-bg: #292524;
  --sidebar-active: #b45309;
}
.page-about { background: var(--page-bg); }
.page-about .top {
  background: var(--nav-bg);
  box-shadow: 0 1px 0 rgba(180, 83, 9, 0.12);
}
.page-about .aboutbg {
  background: linear-gradient(160deg, #fef3c7 0%, #fde68a 40%, #d6d3d1 100%);
  position: relative;
}
.page-about .aboutbg::after {
  content: '关于我们';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Noto Serif SC', serif;
  font-size: 42px;
  font-weight: 600;
  color: rgba(68, 64, 60, 0.25);
  letter-spacing: 0.3em;
}
.page-about .inmid {
  background: var(--content-bg);
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(120, 113, 108, 0.08);
}
.page-about .about_t {
  color: var(--text);
  border-bottom-color: rgba(180, 83, 9, 0.25);
  font-family: 'Noto Serif SC', serif;
}
.page-about .about_cont b { color: var(--accent) !important; }
.page-about .menu ul li a:hover,
.page-about .menu ul li .on { color: var(--accent); }
.page-about .menu ul li .on { color: var(--accent); background: var(--accent-soft); }
.page-about .lmenu .on,
.page-about .lmenu a:hover {
  color: var(--sidebar-active);
  background: var(--accent-soft);
  border-left-color: var(--sidebar-active);
}
.page-about .foot2 { background: var(--footer-bg); }

/* ── 商务合作：藏青商务 + 钴蓝 ── */
.page-business {
  --accent: #1d4ed8;
  --accent-soft: rgba(29, 78, 216, 0.08);
  --accent-hover: #2563eb;
  --highlight: #0ea5e9;
  --page-bg: #f0f4f8;
  --content-bg: #ffffff;
  --text: #0f172a;
  --text-muted: #475569;
  --nav-bg: #ffffff;
  --footer-bg: #1e3a5f;
  --sidebar-active: #1d4ed8;
}
.page-business { background: var(--page-bg); }
.page-business .top {
  background: var(--nav-bg);
  border-bottom: 3px solid var(--accent);
}
.page-business .businessbg {
  background: linear-gradient(120deg, #1e3a5f 0%, #1d4ed8 50%, #0ea5e9 100%);
}
.page-business .businessbg::after {
  content: '商务合作';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 38px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.2em;
}
.page-business .bannerin { position: relative; }
.page-business .inmid {
  background: var(--content-bg);
  border-left: 4px solid var(--accent);
  box-shadow: 0 8px 30px rgba(29, 78, 216, 0.08);
}
.page-business .about_t {
  color: var(--text);
  border-bottom: 2px solid var(--accent-soft);
}
.page-business .about_cont p[style*="ff852b"],
.page-business .about_cont P[style*="ff852b"] {
  color: var(--accent) !important;
  font-weight: 600;
}
.page-business .menu ul li a:hover,
.page-business .menu ul li .on { color: var(--accent); }
.page-business .menu ul li .on { background: var(--accent-soft); }
.page-business .lmenu .on,
.page-business .lmenu a:hover {
  color: var(--sidebar-active);
  background: var(--accent-soft);
  border-left-color: var(--sidebar-active);
}
.page-business .foot2 { background: var(--footer-bg); }
.page-business .foot2_in a:hover { color: var(--highlight); }

/* ── 人才发展：翡翠绿 + 清新 ── */
.page-job {
  --accent: #059669;
  --accent-soft: rgba(5, 150, 105, 0.1);
  --accent-hover: #10b981;
  --highlight: #34d399;
  --page-bg: #ecfdf5;
  --content-bg: #ffffff;
  --text: #064e3b;
  --text-muted: #047857;
  --nav-bg: rgba(255, 255, 255, 0.95);
  --footer-bg: #064e3b;
  --sidebar-active: #059669;
}
.page-job { background: var(--page-bg); }
.page-job .top {
  background: var(--nav-bg);
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 12px rgba(5, 150, 105, 0.1);
}
.page-job .jobbg {
  background: linear-gradient(135deg, #064e3b 0%, #059669 60%, #6ee7b7 100%);
}
.page-job .jobbg::after {
  content: '人才发展';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.25em;
}
.page-job .bannerin { position: relative; }
.page-job .inmid {
  background: var(--content-bg);
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(5, 150, 105, 0.1);
}
.page-job .job_cont_zl b[style] { color: var(--accent) !important; }
.page-job .job_cont_title {
  background: var(--accent-soft);
  border-radius: 8px 8px 0 0;
  border-bottom: 2px solid var(--accent);
  padding-left: 16px;
}
.page-job .job_cont_cont {
  background: #f9fafb;
  border-radius: 0 0 8px 8px;
  padding: 20px 16px !important;
  margin-bottom: 24px;
  border: 1px solid rgba(5, 150, 105, 0.12);
}
.page-job .menu ul li a:hover,
.page-job .menu ul li .on { color: var(--accent); }
.page-job .menu ul li .on { background: var(--accent-soft); }
.page-job .lmenu .on,
.page-job .lmenu a:hover {
  color: var(--sidebar-active);
  background: var(--accent-soft);
  border-left-color: var(--sidebar-active);
}
.page-job .foot2 { background: var(--footer-bg); }

/* ── 联系我们：石墨灰 + 天青 ── */
.page-contact {
  --accent: #0891b2;
  --accent-soft: rgba(8, 145, 178, 0.1);
  --accent-hover: #06b6d4;
  --page-bg: #f8fafc;
  --content-bg: #ffffff;
  --text: #334155;
  --text-muted: #64748b;
  --nav-bg: #ffffff;
  --footer-bg: #334155;
  --sidebar-active: #0891b2;
}
.page-contact { background: var(--page-bg); }
.page-contact .top {
  background: var(--nav-bg);
  box-shadow: 0 1px 3px rgba(51, 65, 85, 0.08);
}
.page-contact .conbg {
  background: linear-gradient(180deg, #e2e8f0 0%, #cbd5e1 50%, #94a3b8 100%);
}
.page-contact .conbg::after {
  content: '联系我们';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0,0,0,0.15);
  letter-spacing: 0.2em;
}
.page-contact .bannerin { position: relative; }
.page-contact .inmid {
  background: var(--content-bg);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(51, 65, 85, 0.06);
}
.page-contact .map {
  border: none;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(8, 145, 178, 0.15);
}
.page-contact .contact_tt { color: var(--text); font-size: 18px; }
.page-contact .menu ul li a:hover,
.page-contact .menu ul li .on { color: var(--accent); }
.page-contact .menu ul li .on { background: var(--accent-soft); }
.page-contact .lmenu .on,
.page-contact .lmenu a:hover {
  color: var(--sidebar-active);
  background: var(--accent-soft);
  border-left-color: var(--sidebar-active);
}
.page-contact .foot2 { background: var(--footer-bg); }

/* ── 规章制度：庄重绛红 + 文书感 ── */
.page-rules {
  --accent: #9f1239;
  --accent-soft: rgba(159, 18, 57, 0.08);
  --accent-hover: #be123c;
  --page-bg: #fafafa;
  --content-bg: #ffffff;
  --text: #1c1917;
  --text-muted: #57534e;
  --nav-bg: #ffffff;
  --footer-bg: #44403c;
  --sidebar-active: #9f1239;
  --link: #9f1239;
}
.page-rules { background: var(--page-bg); }
.page-rules .top {
  background: var(--nav-bg);
  border-bottom: 1px solid rgba(159, 18, 57, 0.15);
}
.page-rules .rulesbg {
  background: linear-gradient(135deg, #44403c 0%, #9f1239 70%, #fda4af 100%);
}
.page-rules .rulesbg::after {
  content: '规章制度';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Noto Serif SC', serif;
  font-size: 36px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: 0.3em;
}
.page-rules .bannerin { position: relative; }
.page-rules .inmid {
  background: var(--content-bg);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}
.page-rules .about_t {
  font-family: 'Noto Serif SC', serif;
  color: var(--text);
  border-bottom: 2px solid var(--accent-soft);
}
.page-rules .about_cont ul li {
  padding: 14px 18px;
  margin-bottom: 8px;
  border-radius: 8px;
  border-left: 3px solid transparent;
  transition: all 0.25s ease;
}
.page-rules .about_cont ul li:hover {
  background: var(--accent-soft);
  border-left-color: var(--accent);
}
.page-rules .about_cont ul li a {
  color: var(--text);
  font-size: 15px;
  line-height: 1.6;
}
.page-rules .about_cont ul li a:hover {
  color: var(--link);
}
.page-rules .menu ul li a:hover,
.page-rules .menu ul li .on { color: var(--accent); }
.page-rules .menu ul li .on { background: var(--accent-soft); }
.page-rules .lmenu .on,
.page-rules .lmenu a:hover {
  color: var(--sidebar-active);
  background: var(--accent-soft);
  border-left-color: var(--sidebar-active);
}
.page-rules .foot2 { background: var(--footer-bg); }

/* Rules detail pages — subtle doc styling */
.page-rules .about_cont h1,
.page-rules .about_cont h2 {
  color: var(--accent);
  font-family: 'Noto Serif SC', serif;
}
.page-rules .details_t {
  font-family: 'Noto Serif SC', serif;
  color: var(--text);
  border-bottom-color: rgba(159, 18, 57, 0.2);
}