/* =========================================================
       Banner（Hero）容器
       —— 面包屑不再单独成条，而是作为 Banner 内部元素
       ========================================================= */
    .banner {
      position: relative;
      display: flex;
      align-items: center;        /* ← 原来是 flex-end，改成 center 让内容居中；想更靠上改 flex-start */
      min-height: 0px;
      padding: 32px 0 28px;
      overflow: hidden;
      background: #0f172a;
      /*background-image: url("https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=1920&q=80");*/
      /*background-image: url("https://picsum.photos/1920/600/");*/
      background-size: cover;
      background-position: center;
    }

    /* 渐变遮罩：保证面包屑在任意图片上都清晰可读 */
    .banner::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
        180deg,
        rgba(8, 15, 30, .55) 0%,
        rgba(8, 15, 30, .35) 45%,
        rgba(8, 15, 30, .75) 100%
      );
      pointer-events: none;
    }

    /* Banner 内层容器：兼容 uk-container / uk-container-full / search-wrap */
    .banner > .uk-container,
    .banner > .uk-container-full,
    .banner > .search-wrap {
      position: relative;
      z-index: 1;
      width: 100%;
    }

    /* Banner 内的标题（可选） */
    .banner-title {
      color: #fff;
      margin: 14px 0 0;
      font-size: 30px;
      font-weight: 700;
      letter-spacing: .5px;
      text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
    }

    /* =========================================================
       面包屑本体（Banner 版本）
       —— 无背景、无边框、无内外边距，直接叠在 Banner 上
       ========================================================= */
    .crumb.uk-breadcrumb {
      align-items: center;
      font-size: 14px;
      line-height: 1.5;
      letter-spacing: .2px;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    /* 每一项的链接 / 文本 */
    .crumb.uk-breadcrumb > * > * {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 4px 9px;
      border-radius: 8px;
      color: rgba(255, 255, 255, .78);
      font-weight: 500;
      text-decoration: none;
      text-shadow: 0 1px 6px rgba(0, 0, 0, .45);   /* 关键：保证图片上可读 */
      transition: color .2s ease, background-color .2s ease;
    }

    /* 首页图标（如果用到） */
    .crumb .uk-icon {
      color: rgba(255, 255, 255, .6);
      transition: color .2s ease;
    }
    .crumb .uk-icon svg { display: block; }

    /* 悬停 / 聚焦 */
    .crumb.uk-breadcrumb > * > a:hover,
    .crumb.uk-breadcrumb > * > a:focus-visible {
      color: #fff;
      background: rgba(255, 255, 255, .16);
      text-decoration: none;
      outline: none;
    }
    .crumb.uk-breadcrumb > * > a:hover .uk-icon,
    .crumb.uk-breadcrumb > * > a:focus-visible .uk-icon { color: #fff; }

    /* 当前页（最后一项） */
    .crumb.uk-breadcrumb > :last-child > * {
      color: #fff;
      font-weight: 600;
      background: transparent;
      cursor: default;
    }

    /* 分隔符：CSS 绘制的细箭头 */
    .crumb.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: 0 10px 0 2px;
      border-top: 1.5px solid rgba(255, 255, 255, .5);
      border-right: 1.5px solid rgba(255, 255, 255, .5);
      border-radius: 1px;
      transform: rotate(45deg);
      font-size: 0;
      color: transparent;
    }

    /* =========================================================
       浅色 Banner 变体（浅底图 / 白色 Banner 上用）
       ========================================================= */
    .banner--light { background-color: #f5f8ff; }
    .banner--light::before {
      background: linear-gradient(
        180deg,
        rgba(255, 255, 255, .55) 0%,
        rgba(255, 255, 255, .35) 45%,
        rgba(255, 255, 255, .8) 100%
      );
    }
    .banner--light .crumb.uk-breadcrumb > * > * {
      color: var(--ink-600);
      text-shadow: none;
    }
    .banner--light .crumb .uk-icon { color: #9aa8bd; }
    .banner--light .crumb.uk-breadcrumb > * > a:hover,
    .banner--light .crumb.uk-breadcrumb > * > a:focus-visible {
      color: var(--brand);
      background: var(--brand-soft);
    }
    .banner--light .crumb.uk-breadcrumb > * > a:hover .uk-icon { color: var(--brand); }
    .banner--light .crumb.uk-breadcrumb > :last-child > * { color: var(--ink-900); }
    .banner--light .crumb.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
      border-color: var(--ink-300);
    }
    .banner--light .banner-title {
      color: var(--ink-900);
      text-shadow: none;
    }

    /* =========================================================
       响应式
       ========================================================= */
    @media (max-width: 640px) {
      .banner { min-height: 240px; padding: 28px 0 20px; }
      .banner-title { font-size: 22px; margin-top: 10px; }
      .crumb.uk-breadcrumb { font-size: 13px; }
      .crumb.uk-breadcrumb > * > * { padding: 3px 6px; }
      .crumb.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
        margin: 0 6px 0 0;
        width: 5px;
        height: 5px;
      }
    }

.banner-desc {
  max-width: 960px;
  margin: 14px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 1.0rem;
  line-height: 1.8;
  text-shadow: 0 1px 8px rgba(0,0,0,.45);
}

/* 2026.10.01 放在 indeximages.css 里，或页面内 <style> 中 */
.carousel__content-bottom {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;   /* iOS 惯性滚动 */
    touch-action: pan-y;                  /* 明确纵向手势由浏览器处理 */
}