/* ═══════════════════════════════════════════════════════════════
   v110 统一页面头部 / 面包屑 / 页脚
   解决：footer 白底白字、面包屑与头带割裂、深底深字不可见、
        header 按钮样式丢失
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. 页脚恢复深色（skin-v108 曾置为 transparent 导致白底白字） ── */
.footer,
.footer-inner{ background:#0F172A !important; }
.footer{ color:#94A3B8 !important; padding:64px 0 0 !important; }
.footer .brand-name{ color:#fff !important; -webkit-text-fill-color:#fff !important; background:none !important; }
.footer-col h5{ color:#F1F5F9 !important; }
.footer-col ul a,
.footer-col a{ color:#B9C6DC !important; }
.footer-col ul a:hover,
.footer-col a:hover{ color:#fff !important; }
.footer-about{ color:#8CA0BE !important; }
.footer-contact li{ color:#9FB0CA !important; }
.footer-bottom{ border-top:1px solid rgba(255,255,255,.08) !important; color:rgba(220,230,243,.45) !important; }
.footer-bottom a{ color:#8CA0BE !important; }
.footer-bottom a:hover{ color:#fff !important; }

/* ── 2. 面包屑统一：单行紧凑、白色半透明 ── */
.breadcrumb{
  display:flex; flex-wrap:wrap; align-items:center;
  gap:7px; font-size:13px; line-height:1.7; letter-spacing:.1px;
}
.breadcrumb a,
.breadcrumb .cur{ color:rgba(255,255,255,.66) !important; text-decoration:none !important; transition:color .18s; }
.breadcrumb a.cur{ color:#fff !important; font-weight:600; }
.breadcrumb a:hover{ color:#fff !important; }
.breadcrumb .sep{ color:rgba(255,255,255,.28) !important; font-size:12px; }
.breadcrumb .crumb-home{ opacity:.9; }

/* ── 3. page-banner：统一深蓝 + 白字，紧凑不空 ── */
.page-banner{
  background:linear-gradient(135deg,#0A1B36 0%,#102B5C 52%,#14406E 100%) !important;
  color:#fff !important;
  border-bottom:0 !important;
  padding:16px 0 20px !important;
  position:relative; overflow:hidden;
}
.page-banner::before{
  content:""; position:absolute; width:560px; height:560px; border-radius:50%;
  right:-160px; top:-320px; pointer-events:none;
  background:radial-gradient(closest-side,rgba(22,104,227,.55),transparent);
}
.page-banner::after{ display:none !important; }
.page-banner .container{ position:relative; z-index:2; }
.page-banner h1{
  color:#fff !important; font-size:32px !important; line-height:1.28 !important;
  margin:12px 0 0 !important; letter-spacing:-.5px !important; font-weight:800 !important;
}
.page-banner p{
  color:rgba(255,255,255,.72) !important; font-size:14.5px !important;
  margin-top:10px !important; line-height:1.7 !important; max-width:760px;
}
.page-banner .s-eyebrow{
  background:rgba(255,255,255,.12) !important; border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
}

/* ── 3b. 轻量面包屑条（正文页用，白底不抢视觉） ── */
.page-banner.is-lite{
  background:#fff !important; border-bottom:1px solid #E8EDF3 !important;
  padding:13px 0 !important; color:#0A1B36 !important;
}
.page-banner.is-lite::before{ display:none !important; }
.page-banner.is-lite .breadcrumb a,
.page-banner.is-lite .breadcrumb .cur{ color:#64748B !important; }
.page-banner.is-lite .breadcrumb a.cur{ color:#0A1B36 !important; }
.page-banner.is-lite .breadcrumb .sep{ color:#CBD5E1 !important; }
.page-banner.is-lite .breadcrumb a:hover{ color:#1668E3 !important; }

/* ── 4. 专业详情头带 cd-hero：深蓝底 + 白字，面包屑内嵌 ── */
.cd-hero{
  background:linear-gradient(135deg,#0A1B36 0%,#102B5C 52%,#14406E 100%) !important;
  color:#fff !important;
  border-bottom:0 !important;
  padding:18px 0 36px !important;
  position:relative; overflow:hidden;
}
.cd-hero::before{
  content:""; position:absolute; width:600px; height:600px; border-radius:50%;
  right:-180px; top:-340px; pointer-events:none;
  background:radial-gradient(closest-side,rgba(22,104,227,.50),transparent);
}
.cd-hero .container{ position:relative; z-index:2; }
.cd-crumb{
  margin:0 0 18px; padding:0 0 14px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.cd-hero h1{
  color:#fff !important; font-size:36px !important; line-height:1.25 !important;
  letter-spacing:-.6px !important; font-weight:800 !important;
}
.cd-sub{ color:rgba(255,255,255,.72) !important; margin-top:10px !important; font-size:15px !important; }
.cd-chips span{
  background:rgba(255,255,255,.13) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  color:rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.cd-hero-side{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px; padding:18px 22px;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  min-width:230px;
}
.cd-price{ color:#FFD166 !important; }
.cd-price .old{ color:rgba(255,255,255,.42) !important; }
.cd-price-note{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  color:rgba(255,255,255,.88) !important;
}
.cd-sales{ color:rgba(255,255,255,.62) !important; }
.cd-sales b{ color:#fff !important; }
.cd-tag{ background:linear-gradient(135deg,#FF8A3D,#FF6B35) !important; color:#fff !important; }

/* ── 5. header 一致性：查看证书按钮固定蓝色胶囊 ── */
.header .nav-cta{
  background:linear-gradient(135deg,#1668E3 0%,#0E4FBF 100%) !important;
  color:#fff !important;
  box-shadow:0 8px 22px -8px rgba(22,104,227,.65) !important;
  border:0 !important;
}
.header .nav-cta:hover{ color:#fff !important; }
.main-nav>a.active{
  background:rgba(22,104,227,.09) !important;
  color:#1668E3 !important;
  border-radius:10px;
}

/* ── 6. 响应式 ── */
@media (max-width:1024px){
  .page-banner{ padding:14px 0 16px !important; }
  .page-banner h1{ font-size:26px !important; margin-top:10px !important; }
  .page-banner p{ font-size:13.5px !important; }
  .cd-hero{ padding:14px 0 26px !important; }
  .cd-hero h1{ font-size:26px !important; }
  .cd-hero-side{ min-width:0; width:100%; text-align:left; padding:16px 18px; }
  .breadcrumb{ font-size:12.5px; }
}

/* ── 7. 深色 CTA 区块文字兜底（skin-v108 改深蓝底但未改文字色） ── */
.cta-v75 h2,.cta-v75 h3,.cta-v75 .cta-title{ color:#fff !important; }
.cta-v75 p,.cta-v75 .cta-desc{ color:rgba(255,255,255,.82) !important; }
.cta-v75 .cta-btn,.cta-v75 a.btn{ color:#fff !important; }
.cta-v75 .cta-btn.btn-light,.cta-v75 a.btn-light{ color:#0A1B36 !important; }

/* 全站深色区块内标题/正文兜底 */
.page-banner h1,.page-banner h2,.page-banner h3{ color:#fff !important; }
.cd-hero h1,.cd-hero h2,.cd-hero h3{ color:#fff !important; }
/* ── 8. cta-card 深底白字（about 页等） ── */
.cta-card{ background:linear-gradient(125deg,#0A1B36 0%,#102B5C 48%,#14406E 100%) !important; }
.cta-card h2,.cta-card h3{ color:#fff !important; }
.cta-card p{ color:rgba(255,255,255,.82) !important; }
.cta-card .cta-text h2{ font-size:26px !important; }

/* ── 9. v139 正文详情页（资讯 / 学校动态）：面包屑条与正文主体间距 ── */
.page-banner.is-lite{ padding:12px 0 !important; }
.page-banner.is-lite .breadcrumb{ margin:0 !important; }
.page-banner.is-lite + .section-tight{
  padding-top:28px !important;
  padding-bottom:64px !important;
}
@media (max-width:900px){
  .page-banner.is-lite + .section-tight{ padding-top:22px !important; padding-bottom:52px !important; }
}
@media (max-width:720px){
  .page-banner.is-lite{ padding:10px 0 !important; }
  .page-banner.is-lite + .section-tight{ padding-top:16px !important; padding-bottom:40px !important; }
}
