<style>
/* 确保背景和原有星星容器层级正确 */
body {
    margin: 0;
    padding: 0;
    background-color: #000; /* 黑色背景 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    min-height: 100vh;
    overflow: hidden; 
}

/* 视频外层包装容器 */
.video-wrapper {
    width: 100%;       /* 宽度铺满 */
    max-width: 1200px; /* 可选：限制最大宽度，防止超大屏幕失真 */
    z-index: 10;       /* 确保在星星动画层级之上 */
    padding: 0 10px;
}

/* 视频本体样式 */
.fullscreen-video {
    width: 100%;       /* 宽度自动填满容器 */
    border-radius: 8px; /* 美化：增加一点圆角 */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.2); /* 增加发光感 */
    outline: none;
}

/* 修正原有 avatar 和 footer 的层级，确保可见 */
.avatar, footer {
    z-index: 100;
}

/* 修正背景星星容器层级 */
.start-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1; /* 放在最底层 */
}
</style>