/* ===== zhishunjian_banner.css - 志书年鉴顶部banner ===== */

/* ===== 电脑端（≥1024px）===== */
.zb-banner {
  position: relative;
  overflow: hidden;
  margin: 0;
  aspect-ratio: 16 / 5;
}

.zb-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ===== 折叠屏展开态（600~1023px）===== */
@media (min-width: 600px) and (max-width: 1023px) {
  .zb-banner {
    aspect-ratio: 16 / 5;
  }
}

/* ===== 手机端（≤599px）===== */
@media (max-width: 599px) {
  .zb-banner {
    aspect-ratio: 4 / 3;
  }
}