主线
热身：先只可视化 5 个客户
先用 5 行数据跑通「Excel → 客户卡片」最小闭环，建立信心再上全表。
本节材料
完成标志
本地浏览器打开 dashboard.html，能看到 5 张客户卡片，每张有公司名/国家/联系人。确认最小闭环通了，再吃全表。
人工边界
只使用交付包内的课堂模拟数据；不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时，停在最终动作前等待人工确认。
约 3 分钟
主线
可视化客户 Excel（全 60 行）
把整张 60 行客户表转成卡片页面，数据完整保留在页面里。
本节材料
完成标志
本地浏览器打开 dashboard.html 能看到 60 张客户卡片；数据全部躺在 HTML 的 customers 数组里、保留完整 8 列。此时还没有头像（下一步发现）。
人工边界
只使用交付包内的课堂模拟数据；不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时，停在最终动作前等待人工确认。
主线
美化客户页面
把朴素页面改成专业商务风，让学员看到视觉上的跃迁。
完成标志
本地浏览器打开即见明显更专业的视觉；数据不变，仍是 60 张卡片。但每张卡片还缺一张脸——下一步补。
人工边界
只使用交付包内的课堂模拟数据；不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时，停在最终动作前等待人工确认。
主线
给客户卡片添加头像
把 60 张客户头像按顺序补到卡片上。
本节材料
完成标志
AI 确认 zip 已解包、共 60 张头像，一次性完成 60 张带头像的卡片。
人工边界
只使用交付包内的课堂模拟数据；不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时，停在最终动作前等待人工确认。
主线
添加顶部筛选栏（含真实筛选逻辑）
加一个能真正过滤卡片的筛选栏，为下一节「筛美国客户失败」埋伏笔。
完成标志
三个控件都能即时筛选；打开国家下拉能看到「USA / 美国 / U.S. / 美利坚」等多种写法同时存在（下一节的伏笔）。
人工边界
只使用交付包内的课堂模拟数据；不得替换为真实客户隐私。涉及账号、密码、部署、发布、外发或第三方提交时，停在最终动作前等待人工确认。