video-play{
    position: relative;
    display: block;
}
video-play .video-container{
    height: var(--height-pc);
    display: flex;
    flex-direction: column;
}
video-play .info-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
video-play video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

video-play .video-button{
    position: absolute;
    right: var(--page-padding);
    bottom: 50px;
    z-index: 3;
}
video-play .video-button svg{
    background: rgba(255, 255, 255, 0.3); /* 半透明白色 */
    backdrop-filter: blur(22.5px); /* 背景模糊 */
    -webkit-backdrop-filter: blur(22.5px); /* iOS Safari 前缀 */
    border-radius: 50%;
}
video-play .video-play{
    display: flex;
    cursor: pointer;
}
video-play .video-pause{
    display: none;
    cursor: pointer;
}
video-play video.is-play+.video-button .video-play{
    display: none;
}
video-play video.is-play+.video-button .video-pause{
    display: flex;
}
video-play .video-button.is-show{
    display: block;
}

video-play .video-image{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

video-play .block-richtext{
    margin-top: 14px;
}

video-play .v-button{
    margin-top: 40px;
}

@media(max-width:959px){
    video-play .video-container{
        height: var(--height-mobile);
    }
}