#video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1001; /* 确保视频在最上层 */
}

#video-player {
    height: 100%;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
    display: none; /* 默认隐藏 */
    z-index: 1000; /* 确保遮罩层在视频下层，但在其他内容上层 */
    pointer-events: all; /* 确保遮罩层接收鼠标事件 */
}

#close-button {
    position: absolute;
    top: 0px;
    right: 20px;
    background: none; /* 去掉按钮背景 */
    border: none; /* 去掉按钮边框 */
    cursor: pointer; /* 鼠标指针 */
    z-index: 1002; /* 确保按钮在视频上层 */
}

#close-button img {
    width: 50px; /* 自定义图片宽度 */
    height: auto; /* 保持图片比例 */
}

#close-button:hover img {
    opacity: 0.8; /* 鼠标悬停时略微透明 */
}


#playButton {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20%;
    height: 20%;
    background: none; /* 去掉按钮背景 */
    border: none; /* 去掉按钮边框 */
    cursor: pointer; /* 鼠标指针 */
    transform: translate(-50%, -50%);
}