.custom-yt-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    background-color: #000;
    cursor: pointer;
    overflow: hidden;
}

.custom-yt-wrapper .yt-placeholder {
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-yt-wrapper .yt-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s;
}

/* 仿 YouTube 播放按钮 */
.custom-yt-wrapper .yt-play-btn {
    position: absolute;
    width: 68px;
    height: 48px;
    background-color: rgba(33, 33, 33, 0.8);
    border-radius: 12px; /* 稍微平滑一点的圆角 */
    border: none;
    cursor: pointer;
    /* 使用 Flex 让内部三角形完美居中 */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}

.custom-yt-wrapper .yt-play-btn:before {
    content: "";
    display: block; /* 必须是块级元素 */
    width: 0;
    height: 0;
    /* 调整边框比例，使其更像 YouTube 的三角形 */
    border-style: solid;
    border-width: 11px 0 11px 18px;
    border-color: transparent transparent transparent #fff;
    /* 修正视觉中心位移（三角形视觉重心偏左，可微调） */
    margin-left: 2px;
}

.custom-yt-wrapper:hover .yt-play-btn {
    background-color: #ff0000; /* 悬停变红 */
}