/* ============================================================
   站点横幅组件（后台「营销管理 / 全站横幅」输出到前台的通用样式）
   由各主题 layout 通过 /home/static/common/banner.css 引入，不参与 Tailwind 构建。

   设计约束：
   - 与主题解耦：只用中性色 + rgba，浅色/深色主题下都可读
   - 横幅现仅支持「图片横幅」一种形态，骨架由 Go 渲染器硬编码（<img> + 可选链接）
   ============================================================ */

.site-banners {
  display: block;
  width: 100%;
}

.site-banner {
  display: block;
  margin: 0;
}

/* 卡片通用外观：圆角 + 溢出裁剪，避免图片溢出 */
.site-banner-card {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  background: rgba(127, 127, 127, 0.08);
}

.site-banner-img {
  display: block;
  width: 100%;
  height: auto;
}

.site-banner-link { text-decoration: none; }