未来科技总部数字孪生大屏，16:9，左中右布局，中间60%超大型地标建筑数字孪生模型，左右各20%三块接近正方形模块，图表形式不重复（且符合主色调），高级科技组件底座，双层边框+切角+发光结构线，深蓝科技风，主视觉层次丰富，禁止底部数据栏，禁止赛博朋克。

把图1的所有建筑直接换成图2的

严格对上传的大屏设计稿进行素材提取（Asset Extraction）。

目标提取：
1.大标题装饰区域（删除文字，仅保留装饰）
2.通用模块背景框（提取一个完整模块框即可）
3.中央主视觉整体区域（包含建筑、能量环、数字孪生装饰等完整主视觉）

这是素材提取任务，不是生成任务。必须直接使用图1中的真实元素。

禁止：
- 重新设计
- 重新生成
- 风格参考后重绘
- AI补全
- 自动优化
- 修改结构
- 修改颜色
- 修改发光效果
- 修改渐变效果

保留：
- 原始背景色
- 原始渐变
- 原始玻璃质感
- 原始发光
- 原始边框
- 原始装饰线条
- 原始透明层级效果
- 原始视觉风格

删除：
- 所有文字
- 所有数字
- 所有图表
- 所有数据内容
- 所有图标
- 所有业务信息

裁切要求：
- 严格按照元素实际边界进行裁切
- 不允许额外留白
- 不允许增加画布
- 不允许减少有效区域
- 不允许自动扩展内容

尺寸要求：
- 输出尺寸必须与原图中该元素实际占用尺寸完全一致
- 保持原始宽高比例
- 不允许缩放
- 不允许拉伸
- 不允许重新适配尺寸

输出要求：
- 每个元素独立输出
- 每个底部按钮单独输出
- 一个元素对应一个独立文件
- 不允许素材拼版
- 不允许多个素材放在同一张图中

质量要求：优先执行像素级提取（Pixel Extraction）。目标是获得图1中的真实设计资产，而不是获得新的设计稿。

最终分别输出：
① 大标题装饰区域
② 通用模块背景框（仅提取一个）
③ 中央主视觉整体区域（完整保留）

所有素材保持原图视觉效果、原图尺寸，不进行任何重新生成。

从image4视角加载到image3

Image 3帮我生成视角环绕建筑旋转一周的效果，从图片的这个视角开始，结束帧也在这个视角

Image3 生成一段8秒无缝循环的科技城市夜景视频。中央大楼稳定矗立，大楼有全息扫描效果

我想用 Vue 3 + Vite + TypeScript 开发一个 1920x1080 的可视化大屏，请参考 public/assets/image/reference-image2.png 高保真还原。

素材已经准备好，目录如下：
- 刷新态视频 1：public/assets/videos/main-refresh-01.mp4
- 刷新态视频 2：public/assets/videos/main-refresh-02.mp4
- 常态循环视频：public/assets/videos/main-idle-loop.mp4
- 顶部大标题素材：public/assets/image/dashboard-title.png
- 通用模块素材：public/assets/image/panel-frame.png
- 视觉参考图：public/assets/image/reference-image2.png

页面要求：
1.使用 Vue 3 + Vite + TypeScript 正常搭建前端工程，不要做成静态图片。
2.页面基准尺寸是 1920x1080，并支持浏览器窗口等比缩放。
3.参考 reference-image2.png 还原整体布局、间距、层级、颜色、光效和科技感氛围。
4.顶部标题必须使用 dashboard-title.png。
5.左右两侧所有图表模块都使用 panel-frame.png 作为通用模块背景或边框。
6.左右两边的图表必须是真实 ECharts 图表，不允许用图片冒充。
7.图表数据可以先 mock，但组件结构要方便以后接真实接口。
8.至少实现左侧 3 个图表、右侧 3 个图表。
9.中间区域是主视觉视频区域，是页面视觉核心。

视频播放逻辑：
1.页面首次加载或刷新后，先播放 main-refresh-01.mp4。
2.main-refresh-01.mp4 播放结束后，自动播放 main-refresh-02.mp4。
3.main-refresh-02.mp4 播放结束后，切换到 main-idle-loop.mp4。
4.main-idle-loop.mp4 需要无限循环播放。
5.视频使用 HTML video 实现，不要用 GIF 或图片代替。
6.刷新态视频不 loop。
7.常态视频需要设置 autoplay、muted、playsinline、loop。
8.视频切换时不能黑屏、不能闪烁。

图表要求：
- 使用 ECharts。
- 图表必须真实渲染，可以是折线图、柱状图、环形图、排行图、仪表盘等。
- 图表颜色、字体、网格线、tooltip 风格要贴合 reference-image2.png 的科技大屏风格。
- 图表不能溢出模块素材边框，不能遮挡模块标题。
- panel-frame.png 是通用模块素材，需要通过 CSS 复用到每个图表模块。

实现流程：
1.先检查 public/assets/videos 和 public/assets/image 里的素材是否存在。
2.再分析 reference-image2.png 的布局。
3.然后实现 Vue 组件、视频状态切换、ECharts 图表和大屏等比缩放。
4.实现完成后启动 dev server。
5.用 1920x1080 浏览器截图检查页面效果。
6.最后告诉我修改了哪些文件、启动命令，以及素材是否有缺失或命名不匹配。

请优先复用我提供的素材，只有参考图里存在但素材没有提供的光效、线条、背景氛围，才用 CSS 补充。