/* 视频详情页（single-video_library.php）——Tailwind 预编译之外的少量状态样式 */

/* 播放器铺满容器，画面完整显示 */
.pixboom-video-player {
    --media-object-fit: contain;
    display: block;
    aspect-ratio: auto;
    background: #000;
}

/* 弹窗：带 flex class 时 [hidden] 默认样式会被覆盖 */
[data-video-modal][hidden] {
    display: none;
}

/* 点赞 */
.video-like-btn .like-count {
    color: #858585;
}

.video-like-btn.liked,
.video-like-btn.liked .like-count {
    color: #FF4800;
}

.video-like-btn.liked:hover,
.video-like-btn.liked:hover .like-count {
    color: #E63F00;
}

.video-like-btn.loading {
    pointer-events: none;
    opacity: 0.6;
}

.video-like-btn.is-bumped {
    animation: pixboom-like-bump 0.3s ease;
}

@keyframes pixboom-like-bump {
    50% {
        transform: scale(1.2);
    }
}

/* 提示条 */
.pixboom-video-toast {
    opacity: 0;
    margin-top: -20px;
    transition: opacity 0.3s ease, margin-top 0.3s ease;
}

.pixboom-video-toast.is-visible {
    opacity: 1;
    margin-top: 0;
}