/* ============================================================
   hero.css — 压题大图轮播（首页）/ 内页头部大图
   要求1：压题大图上的“汉江师范学院保卫部（处）”保持白色
   要求2：轮播仅用短横线指示，去掉箭头等其它元素
   切换方式：整条轨道左右滑入（translateX），兼容旧浏览器
   ============================================================ */

/* ============ 首页 Hero 压题大图（2:1） ============ */
.hero {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%;            /* 2:1 高度，用 padding 撑起，兼容性好 */
  overflow: hidden;
  background: var(--navy-dark, #103A66);
}

/* 轮播轨道：所有图片横向排成一行，整体左右位移实现滑入 */
.hero-slides {
  position: absolute; top: 0; left: 0;
  display: flex;
  width: 100%; height: 100%;
  transform: translateX(0);
  transition: transform .8s ease;
  will-change: transform;
}
.hero-slide {
  flex: 0 0 100%;
  width: 100%;
  background-size: cover; background-position: center;
  background-repeat: no-repeat;
}

/* 压暗渐变，保证文字与指示点可读 */
.hero::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10, 42, 90, 0.30) 0%, rgba(10, 42, 90, 0.05) 40%, rgba(10, 42, 90, 0.40) 100%);
  pointer-events: none;
}

/* 首页 Hero 标题（白色，要求1） */
.hero-cap {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: 100%; max-width: 1200px;
  padding: 0 20px;
  text-align: center;
  color: #fff;                 /* 关键：白色 */
  pointer-events: none;
  z-index: 2;
}
.hero-cap .cap-cn {
  display: inline-block;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 6px;
  line-height: 1.35;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);   /* 保证白字在不同底图上都清晰 */
}
.hero-cap .cap-en {
  display: block;
  margin-top: 10px;
  font-size: .9rem;
  letter-spacing: 4px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

/* 指示按钮：短横线（要求2，仅保留此元素） */
.hero-dots {
  position: absolute; left: 0; right: 0; bottom: 22px;
  display: flex; justify-content: center; gap: 10px; z-index: 3;
}
.hero-dots .dot {
  width: 28px; height: 4px; border-radius: 2px;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition: background-color .3s, width .3s;
}
.hero-dots .dot.active { background: #fff; width: 44px; }

/* ============ 内页头部大图（仅一张，1920:560） ============ */
.hero.hero-page { padding-bottom: 29.2%; }
.hero.hero-page .hero-slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.hero.hero-page::after { background: linear-gradient(180deg, rgba(10, 42, 90, 0.5) 0%, rgba(10, 42, 90, 0.14) 30%, rgba(10, 42, 90, 0.05) 55%, rgba(10, 42, 90, 0.42) 100%); }
.hero.hero-page .hero-dots { display: none; }
/* 内页栏目名：白字大字、左对齐、叠于图面下方 */
.hero.hero-page .hero-cap {
  left: 50%; top: auto; bottom: 20%; transform: translateX(-50%);
  text-align: left;
}
.hero.hero-page .hero-cap .cap-cn { font-size: 2.6rem; letter-spacing: 8px; text-indent: 8px; }
.hero.hero-page .hero-cap .cap-en { display: none; }