/* 作品合集视频：黑色蒙版 + 居中播放图标，点画面任意位置开始播放（v1.15） */
.play-cover-host { position: relative; }
.play-cover {
  position: absolute; inset: 0; z-index: 2;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  width: 100%; height: 100%; margin: 0; padding: 0; border: 0;
  background: rgba(0, 0, 0, .58);
  color: #fff; cursor: pointer;
  transition: background .25s ease, opacity .25s ease;
}
.play-cover[hidden] { display: none !important; }
.play-cover:hover { background: rgba(0, 0, 0, .45); }
.play-cover-icon {
  display: grid; place-items: center;
  width: clamp(64px, 8vw, 96px); height: clamp(64px, 8vw, 96px);
  border-radius: 50%;
  background: rgba(0, 0, 0, .35);
  border: 2px solid rgba(255, 255, 255, .85);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, .35);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
  animation: play-cover-pulse 2.4s ease-out infinite;
}
.play-cover-icon svg { width: 42%; height: 42%; margin-left: 8%; fill: currentColor; }
.play-cover:hover .play-cover-icon,
.play-cover:focus-visible .play-cover-icon {
  transform: scale(1.08);
  background: var(--brand, #4d74ff);
  border-color: var(--brand, #4d74ff);
}
.play-cover:focus-visible { outline: 2px solid var(--brand-bright, #7895ff); outline-offset: -4px; }
.play-cover-text { padding: 6px 16px; border-radius: 999px; background: rgba(0, 0, 0, .6); font-size: 15px; letter-spacing: .08em; color: #fff; }
@keyframes play-cover-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .35); }
  70% { box-shadow: 0 0 0 22px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
@media (max-width: 600px) { .play-cover-text { font-size: 13px; } }
@media (prefers-reduced-motion: reduce) {
  .play-cover, .play-cover-icon { transition: none; animation: none; }
}