/* ============================================================
   91SM · Collections Wall（合集墙）专属样式 — v0.7 极简
   骨架沿用 list.css；卡片复用 themes.css 的 .video-card 样式
   仅新增 .vid-count-badge（右下角"视频数：N"）+ 网格 4 列
   ============================================================ */

/* Hero 副标 H2 */

.list-hero-subtitle {
  margin: 8px 0 0;
  font-size: 14px;
  color: var(--text-2, #b8aed0);
  font-weight: 400;
}

/* 合集墙网格 — 4 列，与图 1 一致 */

.collections-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin: 0 32px 32px;
}

@media (max-width: 1200px) { .collections-grid { grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 900px)  { .collections-grid { grid-template-columns: repeat(2, 1fr); margin: 0 16px 24px; } }

@media (max-width: 560px)  { .collections-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } }

/* 右下角"视频数：N"角标（位置同 .duration，样式参考 themes.css 的 .duration）*/

.vid-count-badge {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 3px 8px;
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  backdrop-filter: blur(4px);
  letter-spacing: 0.5px;
}