制作16:9 极简科技风 数据结构排序算法交互式教学动画页面，适合大学计算机/高中信息科技课堂教学。
整体风格：浅灰白极简底色，商务科技扁平化设计，无多余花哨装饰，字体为清晰无衬线黑体，配色专业柔和，元素布局规整，教学直观易懂。
页面整体布局：
顶部：大标题「八大排序算法动态可视化教学」，右侧下拉选择框可切换算法：冒泡排序、选择排序、插入排序、希尔排序、快速排序、归并排序、堆排序、基数排序。
中上区域：随机生成一组柱状数据条，高度代表数值，不同数值用渐变区分颜色，柱子下方标注具体数字，初始随机乱序排列。
中部核心区：排序动态可视化动画，柱子随算法逻辑自动交换位置、变色标记、移动换位，过程流畅丝滑。
底部控制面板：
1. 速度调节滑块：0.2x～3.0x，可放慢细看步骤、加快整体演示；
2. 随机重置按钮：点击重新生成一组乱序数据；
3. 开始/暂停/单步执行 三个控制按钮；
4. 实时信息面板：当前算法名称、比较次数、交换次数、排序状态（排序中/已完成）。
动画规则统一要求：
1. 比较的两个数据柱子 瞬间标为红色高亮；
2. 需要交换的柱子 平滑位移互换位置，带轻微过渡动画；
3. 已排好序的区间 自动变为绿色锁定高亮，不再变动；
4. 基准值、枢轴值、堆顶元素 单独黄色标记突出；
5. 全程按对应排序算法真实逻辑一步步演示，不跳步骤、不省略细节；
6. 支持循环播放、随时暂停、单步一步步拆解教学。
附加功能：
侧边文字实时同步显示当前算法核心原理、每一步操作讲解；
全程内置真人标准普通话语音同步讲解，语速平缓、条理清晰，逐步骤解说算法思路、规则、优缺点和适用场景；
整体画面干净、专业、教学导向强，适合课堂授课、网课课件、自主学习动画。