/* ==========================================================================
   视频弹窗（统一行为）
   - 视频列表等卡片：鼠标指示 + 播放角标
   - 首页 banner 轮播：不接管，保持默认（无角标）
   ========================================================================== */

.hl-video-card {
    cursor: pointer;
}

/* 隐藏模板自带的播放图标（.icon/.mt），避免与角标重复 */
.hl-video-card .icon,
.hl-video-card .icon .mt { display: none !important; }

/* 角标定位在封面图（.item）中心，而非整个链接（含标题）中心 */
.hl-video-card .item {
    position: relative;
}

.hl-video-card .item::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 66px;
    height: 66px;
    margin: -33px 0 0 -33px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .45) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/34px 34px no-repeat;
    border: 2px solid rgba(255, 255, 255, .85);
    box-sizing: border-box;
    pointer-events: none;
    z-index: 3;
    transition: transform .25s, background-color .25s;
}

.hl-video-card:hover .item::after {
    transform: scale(1.08);
    background-color: rgba(234, 122, 28, .85);
}

/* 移动端角标缩小，避免遮挡 */
@media (max-width: 767px) {
    .hl-video-card .item::after {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
        background-size: 26px 26px;
    }
}

/* 弹窗内的播放器 */
.hl-video-box {
    position: relative;
    background: #000;
    border-radius: 6px;
    overflow: hidden;
}

.hl-video-box video {
    display: block;
    width: 100%;
    height: auto;
    max-height: 78vh;
    background: #000;
}

@media (max-width: 767px) {
    .hl-video-box { border-radius: 0; }
    .hl-video-box video { max-height: 60vh; }
}