五个状态
06 · 实时演示
完整跑一遍六个步骤。把鼠标移到胶囊上会展开，点击可固定；超过 5 行后列表向上滚动；第 6 步自动展开，等你批准 git push。
未开始
file:// 加载。请在项目目录运行
npm start（或 python3 -m http.server），再打开终端里显示的地址。
按参考视频复刻，1× 实际尺寸。胶囊悬停展开成卡片；步骤超过 5 行后列表向上滚动；等待审批时自动展开。
与暗色版同一套尺寸和动效，只替换颜色。白色卡片靠细描边和轻阴影从浅灰背景上浮起来。
完整跑一遍六个步骤。把鼠标移到胶囊上会展开，点击可固定；超过 5 行后列表向上滚动；第 6 步自动展开，等你批准 git push。