# 需求分析

开始时间：2026-05-08-02-54-30

## 原始需求

用户要求严格使用代码编纂工作流，并在最开始确认整体流程。本次需求分析、实现方案、测试方案和执行修改都不需要人工二次确认。

具体问题：模型切分中的起点、终点应合并到一个进度条里，这个控件应表现为一个“范围”，而不是两条独立进度条。用户截图显示当前界面仍然出现“起点”和“终点”两条蓝色进度条。

## 目标

- 将模型切分起点/终点控件改成一个真正的范围条。
- 范围条只有一条灰色总轨道。
- 起点和终点之间显示一段蓝色选中范围。
- 两个端点在同一条轨道上拖动，允许交叉。
- 保留现有起点帧/终点帧 mask 逻辑。

## 影响范围

- `WebSite/src/App.tsx`
  - 调整模型切分范围控件 DOM 和样式。
- `WebSite/src/index.css`
  - 新增范围控件的原生 range 轨道隐藏和端点样式。
- `工程分析/经验记录.md`

## 当前定位

当前实现使用两个原生 `<input type="range">` 叠放，但原生 range 的轨道仍可见，因此浏览器绘制出两条完整蓝色轨道，视觉上不是一个范围控件。

## 约束

- 不修改后端 STL mask 算法。
- 不改变起点帧/终点帧计算逻辑。
- 不新增前端依赖。
- 本次不需要用户二次确认，可直接执行。

## 风险点

- 原生 range 在不同浏览器中伪元素样式不同，需要同时覆盖 WebKit 和 Firefox。
- 两个端点重叠时，需要保证都能拖动。

## 待确认事项

用户已明确本次不需要人工二次确认，直接执行。