/* Muse Club · 动态区块样式
   原 styles.css 保持不动，这里只补齐数据库渲染后才需要的少量规则。 */

/* 作者样式里的 display 会盖过 hidden 属性自带的 display:none，
   导致 JS 设置 el.hidden = true 后元素照样显示。这里显式兜底。 */
[hidden]{display:none!important}

/* 首页活动海报：有活动时用图片铺满，左下角叠标题和日期 */
.event-poster.is-image{display:block;padding:0;text-decoration:none;color:#eee6df}
.event-poster.is-image img{width:100%;height:100%;object-fit:cover;display:block}
.event-poster.is-image .poster-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:linear-gradient(180deg,#00000099 0%,transparent 35%,transparent 62%,#000000cc 100%)}
.event-poster.is-image .poster-bottom span:first-child{max-width:72%;line-height:1.3}

/* 作品数超过两张时，画廊自动多出一行 */
.gallery-grid.is-dynamic{grid-template-rows:300px repeat(auto-fill,300px)}
.gallery-grid.is-dynamic .gallery-tile{grid-row:span 1}

/* 空状态提示，沿用站点原有的低调字体 */
.db-empty{border:1px solid var(--line);padding:60px 30px;text-align:center;color:var(--muted);font-size:12px;letter-spacing:.08em}

@media(max-width:760px){
  .gallery-grid.is-dynamic{grid-template-rows:220px repeat(auto-fill,190px)}
}