/* zz-override.css  ---  local override
   Third-party images/videos are intentionally NOT loaded any more.
   Collapse the placeholders so they do not leave big blank blocks. */
img[src^="data:image/gif;base64"] {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
}
/* full-width promo banner whose artwork is gone -> hide the whole strip */
.top { display: none !important; }
/* any swiper/banner slide that only contained third-party artwork */
.swiper-slide img[src^="data:image/gif;base64"] { display: none !important; }
video, .video-box, .video-wrap { display: none !important; }

/* ============================================================
   首页图片已按需求移除 -> 版式适配
   ============================================================ */
.hero-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
.hero-figure { display: none !important; }

/* ============================================================
   首页移动端导航（纯 CSS 汉堡，不依赖 JS）
   注意：home-v3.css 在窄屏把 .navcta 绝对定位到右侧，会盖住汉堡按钮，
   这里改为常规流式排列，避免重叠。
   ============================================================ */
.mainnav .navtoggle { display: none !important; }
.mainnav .navburger { display: none; }
@media (max-width: 980px) {
  .mainnav { position: relative; justify-content: flex-start !important; }
  .mainnav .brand { padding-right: 0 !important; }
  .mainnav .navcta { position: static !important; margin-left: 10px; }
  .mainnav .navburger {
    position: relative;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 38px;
    margin-left: auto;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    color: var(--ink);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
  }
  .mainnav .navburger .bars i {
    display: block; width: 16px; height: 2px; background: #2c2f34; margin: 3px 0; border-radius: 2px;
  }
  .mainnav .navlinks {
    display: none !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 16px 30px rgba(23, 25, 29, .10);
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 4px 0;
    z-index: 95;
  }
  .mainnav .navlinks a {
    padding: 14px 18px !important;
    border-top: 1px solid #f4f2ef;
    font-size: 15px !important;
  }
  .mainnav .navtoggle:checked ~ .navlinks { display: flex !important; }
}

/* ==========================================================================
   【缺失资源兜底】原 vendor CSS 的 images/ 目录整体缺失（197 个 url 全部 404）
   凡是「浅色文字 + 依赖背景图」的按钮/标记都会变成白字白底，看不见。
   下面用纯 CSS 还原为品牌色样式，不依赖任何外部图片。
   ========================================================================== */

/* 1) 深色横条（师资/课程等 24 个页面）：原 bot_back.jpg 缺失 */
.bot_main {
  background: linear-gradient(120deg, #1d1f24 0%, #26282e 58%, #1a1c21 100%) !important;
  border-top: 1px solid #2c2f36;
  border-bottom: 1px solid #2c2f36;
}
.bot_main .bot_main_con li:nth-child(n+2) {
  background-image: none !important;
  padding-left: 0 !important;
}
.bot_main .bot_main_con li:nth-child(n+2)::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 12px;
  border-radius: 50%;
  background: #df392e;
  vertical-align: middle;
}

/* 2) “查看更多 / 立即试听”等白字按钮 -> 品牌红实底 */
.more_ts a,
.in_js_info a,
.jstd_list ul li h5 a,
.in_jstd .jstd_main .jstd_con .jstd_list ul li h5 a,
.jstd .jstd_main .jstd_con .jstd_list ul li h5 a {
  background: #df392e !important;
  background-image: none !important;
  color: #fff !important;
  border-radius: 4px;
}
.jstd_list ul li .jstd_img .shiting span,
.in_jstd .jstd_list ul li .jstd_img .shiting span {
  background: rgba(23, 25, 29, .84) !important;
  background-image: none !important;
  color: #fff !important;
  padding: 0 16px !important;
  border-radius: 4px;
}
.in_zlxz li .in_zlxz_more {
  background: #df392e !important;
  background-image: none !important;
  color: #fff !important;
  padding: 0 12px;
  border-radius: 4px;
}

/* 3) 依赖缺失图标的元素 -> 红点 / 红底代替 */
.bzkf_main li:nth-child(2) a {
  background-image: none !important;
  padding-left: 0 !important;
}
.xly_zyjs_list3 li font {
  background: #df392e !important;
  background-image: none !important;
  color: #fff !important;
  border-radius: 3px;
}

/* 4) 选项卡 / 标题条 */
.khjz_main .khjz_box .khjz_son ul li.on {
  background: #df392e !important;
  background-image: none !important;
  color: #fff !important;
}
.khjz_main .khjz_box .khjz_con .inBox .inBox_left .khjz_img_list h5 {
  background: rgba(23, 25, 29, .86) !important;
  background-image: none !important;
  color: #fff !important;
}