# 实现方案

开始时间：2026-05-18-19-37-10

## 修改内容

1. `frontend/index.html`
   - 将 `viewer` 内部改为 `viewer-split`。
   - 左侧新增 `workspace-pane source-pane`，标题为“查看原始视频”。
   - 右侧新增 `workspace-pane result-pane`，标题为“预览与结果”。
   - 原始媒体预览控件移动到左侧面板。
   - 进度、摘要、结果帧移动到右侧面板。

2. `frontend/app.js`
   - 增加 `sourcePaneTitle` 引用。
   - 根据加载文件类型切换左侧标题为“查看原始视频”或“查看原始图像”。
   - 原始媒体弹窗按钮改为“放大查看”。

3. `frontend/styles.css`
   - 增加左右分栏布局。
   - 给左右面板独立边框、标题栏、内容高度。
   - 移动端改为单列上下堆叠。

## 设计说明

这个结构把“输入核对”和“算法输出”分开，符合医学影像工作台的使用习惯：先确认原始输入，再查看分割结果。