/* 相册集 — 修复卡片模糊 + 居中布局 */

body[data-type="album"] #web_bg {
  background: var(--anzhiyu-background);
}

body[data-type="album"] #content-inner.layout {
  max-width: 1180px;
  padding: 0 clamp(1rem, 3vw, 1.5rem) 2.5rem;
}

body[data-type="album"] #page-header {
  margin-bottom: 0 !important;
}

body[data-type="album"] #page {
  border: 0;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}

body[data-type="album"] #page .page-title {
  display: none;
}

/* 去掉占位格，避免 hover 空白区域时两张卡都被 blur */
#album .card-album .album-content-nocover {
  display: none !important;
}

#album .card-album {
  justify-content: center;
  gap: clamp(1rem, 2.5vw, 1.75rem);
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

#album .card-album .card {
  width: min(100%, 420px);
  flex: 0 1 420px;
  padding: 0;
}

/* 主题默认 dim + hover 兄弟 blur(20px) 导致「很糊」 */
#album .card_cover,
#album .card:hover .card_cover,
#album .card-album:hover > .card:not(:hover) .card_cover {
  filter: none !important;
  -webkit-filter: none !important;
}

#album .card_cover {
  height: clamp(280px, 42vw, 480px);
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

#album .card:hover .card_cover {
  transform: scale(1.02) translateZ(0);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.18);
}

#album .card-album:hover > .card:not(:hover) .card_cover {
  transform: scale(1) translateZ(0);
  opacity: 0.92;
}

#album .card__heading {
  word-spacing: normal;
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  line-height: 1.45;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45);
}

@media (max-width: 640px) {
  #album .card-album .card {
    width: 100%;
    flex-basis: 100%;
  }
}