虚拟人物未能叠加在背景中央，页面出现三块分割布局

[Aisikaer-ym]

问题描述

运行 OpenRoom 项目时，页面布局出现异常：虚拟人物未能出现在背景正中央，而是将整个屏幕分割成了三个独立的区域预期应该是上下层叠加效果（虚拟人物作为上层视频播放，背景作为下层）。

实际行为

• 屏幕被分割成三份，虚拟人物没有居中显示。
• 虚拟人物的动作本应通过连续视频实现，但布局错乱导致显示不正确。

预期行为

• 虚拟人物应位于背景正中央，通过视频播放展示动作，形成上下层效果（即背景在下，人物在上叠加）。

重现步骤

1. 在 Chrome 浏览器中打开 OpenRoom 项目页面。
2. 观察页面加载后的布局。
3. 对比理想效果图与实际显示效果。

环境信息

• 浏览器：Chrome 146
• 操作系统：Windows
• 项目版本：main 分支最新代码

截图