/* cb-audit-fix-v34.css — 2026-10-27
 * 首页/browse 卡片 hover 预览样式补齐:
 * bundle-home/browse 没收 cb-interactions.css, 导致 .cb-ia-sprite 层无样式(h=0 不可见)。
 * 以下规则原样复制自 cb-interactions.css 283-360 行, watch bundle 已含同款, 勿重复加到 WATCH_CSS。
 */
.card.cb-ia-previewing .duration,
.video-card.cb-ia-previewing .duration,
.card.cb-ia-previewing .cb-duration,
.video-card.cb-ia-previewing .video-time {
  opacity: 0 !important;
}
.card .thumb,
.video-card .card-thumb {
  position: relative;
  overflow: hidden;
}
.cb-ia-preview-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: rgba(255, 255, 255, .35);
  z-index: 4;
  opacity: 0;
  pointer-events: none;
}
.cb-ia-preview-bar > i {
  display: block;
  height: 100%;
  width: 0;
  background: #f00;
}
.card.cb-ia-previewing .cb-ia-preview-bar,
.video-card.cb-ia-previewing .cb-ia-preview-bar {
  opacity: 1;
}
.card.cb-ia-previewing .cb-ia-preview-bar > i,
.video-card.cb-ia-previewing .cb-ia-preview-bar > i,
.next-up-card.cb-ia-previewing .cb-ia-preview-bar > i {
  animation: none;
  width: 0;
}
.cb-ia-sprite {
  position: absolute;
  inset: 0;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: 1000% 100%;
  background-position: 0 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.cb-ia-sprite.is-on { opacity: 1; }
.cb-ia-intro {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.cb-ia-intro.is-on { opacity: 1; }
.card.cb-ia-preview-zoom .thumb img,
.card.cb-ia-preview-zoom .cb-thumb img,
.video-card.cb-ia-preview-zoom img {
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .cb-ia-preview-bar > i {
    animation: none !important;
    transition: none !important;
  }
}