/* ===== 轮播 ===== */
#hero-slide-0 { opacity: 1; }

/* ===== 轮播底部淡出效果 ===== */
:root {
  --hero-fade-ext: 180px;
}

#hero-banner {
  overflow: visible !important;
  z-index: 0;
}

#hero-banner [id^="hero-slide-"] img {
  height: calc(100% + var(--hero-fade-ext)) !important;
  object-position: center top;
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black calc(100% - var(--hero-fade-ext)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    black 0%,
    black calc(100% - var(--hero-fade-ext)),
    transparent 100%
  );
  pointer-events: none;
}

/* ===== 响应式（轮播） ===== */
@media (max-width: 768px) {
  #hero-banner { height: 360px !important; }
  #hero-main-title { font-size: 1.6rem !important; }
}
@media (max-width: 480px) {
  #hero-banner { height: 280px !important; }
  #hero-main-title { font-size: 1.3rem !important; }
}