AI+智慧交通工程质量管控 · 竞赛产品设计
本 skill 用于在"AI 赋能智慧交通建设"导向下，按赛题评分点高质量产出全套交付物。核心原则：痛点必须具体、规则必须可核验、原型必须饱满好看。
0. 现场考试快速通道（最高优先级）
触发词：用户说"马上要考试/现场抽到题/4小时限时/WorkBuddy 2000积分/傻瓜式操作/我在考试"——立即走本通道，不要自由发挥。
0.1 现场第一句话（直接复制给用户，让他粘题目+这段指令）
告诉用户："把赛题原文粘在【赛题原文】位置，整段发给我"。然后按下面流程做：
【赛题原文】
[用户会在这里粘考卷上的题目背景、痛点、资料清单]
【任务指令】
开始比赛。严格按下面流程做，不要自由发挥。
【第一步】把题目整理成排版正常的.md，结构：
- 题目背景
- 现有手段（已建什么系统/设备/数据）
- 痛点清单（每条写：谁+什么场景+什么阻碍+什么可观察后果）
- 涉及对象清单（参建单位/设备/数据字段）
【第二步】基于整理结果，直接输出：
1. 用户角色（至少5方：建设/施工/监理/检测/监管/一线人员）
2. 五层架构：基础数据层→采集层→AI识别层→业务服务层→数据利用层
3. 功能结构图（主模块→子模块，文字版）
4. 业务闭环：触发→识别→分级→派发→整改→复核→销号，超期升级路径
5. 需要做交互的页面清单（6-10个），哪些静态占位
6. 规则三级来源：国标行标（JTG开头）+赛题参考+项目内控
【硬性约束，不要违反】
- 巡检手段必须包含：H5人工巡查 + CCTV + 无人机，三个都要写
- AI只识别宏观可见病害（裂缝/蜂窝麻面/露筋/未戴安全帽等），测量类不算AI能力
- 三级字典：部位×分类×严重程度，说明数据来源，没的选项支持手动添加
- 基础数据必须包含：建设/施工/监理/检测单位+人员（人员与单位绑定）
- 原型右上角：H5/PC切换 + 角色切换
- 整改闭环：一个账号可走完所有角色（便于演示）
- 对接浙里建/浙路品质/阳光工程（写在系统集成章节）
- 不要做设计阶段（提到就行，不要承诺）
- 不要把AI写得太玄，写"规则引擎+阈值判定+工单闭环"
- 数字不确定标"示意"
先做第一步和第二步，做完停下来等我确认。
0.2 用户确认架构后，逐阶段发指令
用户说"确认/继续"后，按顺序发下面这段话（每段做完等用户确认再发下一段）：
写需求文档：
> 继续。基于确认后的架构，写需求分析文档。
>
> 【硬约束·违反就重写】先读 references/docx-template-structure.md 第一节。章节名、表名、表列名必须和模板逐字一致，禁止自己发挥。
>
> 必须包含的章节（一个不能少）：
> 1.引言（1.1编写目的/1.2项目背景/1.3名词术语表/1.4参考文档）
> 2.项目概述（2.1产品描述/2.2建设目标量化/2.3用户角色表/2.4建设范围）
> 3.业务现状与痛点分析（3.1现状/3.2痛点表：编号|痛点描述|根因|影响量化|对应方案）
> 4.功能需求清单
> - 4.1 总体功能架构图（必须有：根据本题业务画，不要套固定模块名。直接用Word表格画，不要SmartArt不要截图：每一层是一行表格，跨列居中，层与层之间用箭头↓连接。参考样式：
> | 用户层 | 建设单位 | 施工单位 | 监理单位 | 检测单位 | 监管单位 |
> |---|---|---|---|---|---|
> | ↓ | | | | | |
> | 应用层 | 感知接入 | AI识别 | 工单闭环 | 总览看板 | 统计分析 |
> | ↓ | | | | | |
> | 平台层 | 规则引擎 | 工单引擎 | 消息引擎 | 报表引擎 | AI模型库 |
> | ↓ | | | | | |
> | 数据层 | 项目库 | 人员库 | 设备库 | 隐患库 | 影像库 |
> | ↓ | | | | | |
> | 感知层 | H5巡查 | CCTV | 无人机 | 传感器 | 试验设备 |
> 底部一行：安全体系 | 标准规范 | 运维体系 | 基础设施
> 每层具体模块按本题实际业务填，不要照抄上面的。）
> - 4.2 功能模块表
> - 4.3 角色权限矩阵
> - 4.4 详细功能需求表：FR-01~FR-10
> 5.数据需求（5.1逻辑模型/5.2数据分类表/5.3数据字典表）
> 6.非功能需求（6.1性能/6.2安全/6.3可靠性/6.4兼容性，全部量化）
> 7.外部接口需求（7.1UI/7.2软件接口/7.3硬件接口）
>
> 必须包含的表（列名严格照模板）：表1术语表/表2用户角色/表3痛点表/表4功能模块/表5角色权限/表6详细功能/表7数据分类/表8数据字典/表9性能/表10安全/表11可靠性/表12兼容/表13软件接口。
>
> 【输出前自检】列一个checklist：7章齐全？13表齐全？痛点带数字？非功能量化？不一致立即修正后再输出。
> 先输出.md版本。
写解决方案：
> 继续。写数字化解决方案设计。
>
> 【硬约束·违反就重写】先读 references/docx-template-structure.md 第二节。章节名、表名、表列名必须和模板逐字一致，禁止自己发挥。
>
> 必须包含的章节（一个不能少）：
> 1.方案概述（1.1背景/1.2目标原则/1.3需求响应矩阵表）
> 2.场景痛点分析（2.1现状/2.2痛点表，与需求文档一致加"解法章节"列）
> 3.总体设计
> - 3.1 技术架构图（必须有：根据本题业务画，不要套固定名字。直接用Word表格画，不要SmartArt不要截图：每一层一行表格，跨列居中，层间用↓连接。参考样式：
> | 展示层 | PC Web | 移动H5 | 大屏可视化 | 微信小程序 |
> |---|---|---|---|---|
> | ↓ | | | | |
> | 应用服务层 | 业务模块 | 规则引擎 | 工作流 | 消息中心 |
> | ↓ | | | | |
> | AI能力层 | 视觉识别YOLO | 多模态大模型 | 风险分级 | 知识图谱 |
> | ↓ | | | | |
> | 数据资源层 | MySQL业务库 | Redis缓存 | Influx时序 | MinIO文件 |
> | ↓ | | | | |
> | 接入层 | 摄像头 | 无人机 | 物联传感器 | 试验设备 |
> 底部一行：等保三级 | 统一认证 | 统一门户 | 基础设施
> 每层具体组件按本题实际填。）
> - 3.2 各层说明（每层一句话说干什么）
> - 3.3 业务闭环表：环节|输入|处理|输出|责任
> 4.业务规则体系（4.1规则定义表R-01~R-08/4.2风险分级表：红橙黄三级带时限/4.3处置时限与超期升级）
> 5.功能模块设计
> - 5.1 功能模块清单表（F-01~F-10，P0/P1/P2，引用规则编号）
> - 5.2 页面级设计（按菜单层级展开，不是表格）
> 根据5.1功能模块清单，按系统侧边栏菜单层级形式展开，每个页面写清楚：功能描述/业务逻辑/交互逻辑/用户权限/优先级。这是原型导航和Coding的直接依据。
> 格式：
> > 零、用户登录
> ├─ 登录页
> │ 功能描述：系统统一入口，账号密码登录，按角色自动跳转对应首页
> │ 业务逻辑：验证账号密码→加载用户角色权限→跳对应首页
> │ 页面交互：账号+密码+登录按钮，登录后自动记住
> │ 用户权限：所有角色
> │ 优先级：P0
> 一、总览看板
> ├─ 质量总览大屏
> │ 功能描述：按角色展示质量态势——建设看全线、监理看标段、施工看本队，KPI下钻定位问题
> │ 业务逻辑：汇总各业务模块实时数据，按角色权限过滤展示
> │ 页面交互：7个KPI卡片，点KPI下钻明细
> │ 用户权限：建设/监理/施工/监管 均可看，施工只看本标段
> │ 优先级：P0
> └─ 实时监控
> 功能描述：现场数据实时监测——监理盯全线、施工盯本工作面，超限自动预警
> 业务逻辑：传感器/设备数据实时推送，超限自动标红
> 页面交互：实时曲线+设备状态灯，点曲线看历史
> 用户权限：建管/监理/梁场管理
> 优先级：P0
> 二、业务管理
> ├─ 隐患列表
> │ 功能描述：工单统一管理——监理派单复核、施工接单整改、建管督办超期，状态一目了然
> │ 业务逻辑：AI识别/人工上报生成工单→规则分级→自动派发→计时→超期升级
> │ 页面交互：筛选搜索+点行进详情抽屉+操作列（按角色显示不同按钮）
> │ 用户权限：监理看全部、施工看本标段、建管看全部
> │ 优先级：P0
> └─ 隐患详情（抽屉）
> 功能描述：单工单全流程追溯——监理看整改全过程、施工看自己接单、建管看超期升级记录
> 业务逻辑：记录每个状态变更的时间/人/意见
> 页面交互：接单→整改反馈→复核通过/退回（按角色显示不同操作）
> 用户权限：同上
> 优先级：P0
>
> 要求：
> - 严格按菜单层级（一级菜单→二级菜单→页面）
> - 每个页面写5行：功能描述/业务逻辑/页面交互/用户权限/优先级
> - 功能描述体现多角色视角：不同角色进来看到什么、能操作什么
> - P0是演示闭环必须做交互的页面，P1是重要页面，P2是静态占位
> - 这就是系统侧边栏的结构，WorkBuddy出原型时直接照着做导航
> 6.技术架构
> - 6.1 技术选型表（固化推荐，照此写）：
> | 技术领域 | 推荐选型 | 选型理由 |
> | 后端 | Python FastAPI | 轻量、生态成熟、AI友好 |
> | 前端 | Vue3 + 手写CSS（不用Element Plus模板） | 真实项目风格 |
> | 大屏 | ECharts | 可视化 |
> | 移动端 | H5 | 现场巡检 |
> | 数据库 | MySQL + Redis | 业务数据+缓存 |
> | 时序数据 | InfluxDB | 传感器数据 |
> | AI视觉 | YOLOv8 | 病害识别 |
> | 大模型 | Qwen-VL / 通义千问VL | 多模态理解 |
> | 规则引擎 | 自研规则引擎 | 风险分级 |
> | 部署 | Docker + 私有化部署 | 等保三级要求 |
> - 6.2 安全体系：等保三级 / HTTPS / RBAC / 日志留存 / 数据脱敏
> 7.实施运维（7.1分期计划P0/P1/P2/7.2运维承诺）
> 8.风险与效益（8.1风险识别表/8.2经济效益+社会效益）
> 9.附录（需求覆盖矩阵/流程图节点/技术架构图/术语表/审核签字表）
>
> 必须包含的表（列名严格照模板）：S1需求响应/S2痛点/S3业务闭环/S4规则定义/S5风险分级/S6功能模块/S7技术选型/S8分期计划/S9风险识别/S10审核签字。
>
> 【输出前自检】列checklist：9章齐全？10表齐全？规则8条带字段？风险三级带时限？闭环无断头？不一致立即修正。
> 每页面写：名称/展示数据/交互逻辑/数据来源。
> 最后加系统集成（对接浙里建/浙路品质）、技术架构（感知/网络/平台/应用）、实施路线P0/P1/P2。
> 先输出.md版本。
转docx：
> 把上面两份.md转成.docx。【硬约束】章节名和表列名必须和 references/docx-template-structure.md 完全一致，不要自由发挥。
>
> 【封面页设计，正式官方】
> 每份文档第一页为封面，单独一页：
> - 需求分析文档：大标题二号黑体居中"需求分析文档"，副标题小三号楷体居中"Requirements Analysis Document"，空5行后写项目名称/版本/日期/编写/审核/批准人员（四号仿宋居中），底部单位名称小四号仿宋居中
> - 数字化解决方案：大标题二号黑体居中"数字化解决方案"，副标题小三号楷体居中"Digital Solution Proposal"，空5行后写项目名称/版本/日期/编写人员，底部单位名称
> - 封面页不加页码、不加页眉
>
> 【第2页：目录页】
> - 封面后另起一页，居中写"目 录"（三号黑体）
> - 自动生成目录，列出所有章节（1/1.1/1.2...），带页码，右对齐
> - 目录页不加页眉，页码用罗马数字（Ⅰ、Ⅱ）
> - 目录后另起一页开始正文
>
> 【页眉页脚】
> - 页眉：左侧文档名称（小五号宋体，灰色#666），右侧公司名称（小五号宋体，灰色#666），下方一条细横线
> - 页脚：居中"第 X 页 共 Y 页"（小五号宋体），正文页码从第1页开始用阿拉伯数字
>
> 【正文格式】
> - 一级标题三号黑体，左对齐，段前24磅段后12磅
> - 二级标题小三号楷体，左对齐，段前12磅段后6磅
> - 三级标题四号仿宋加粗，左对齐
> - 正文小四宋体，1.5倍行距，首行缩进2字符
> - 统一编号体系（1 / 1.1 / 1.1.1）
>
> 【表格格式，全部按此】
> - 所有表格水平居中 + 垂直居中
> - 表头加粗，浅蓝底色（#D6E4F0）
> - 表格宽度100%，边框1px黑色实线
> - 表格标题在表格上方，居中，格式"表X-XXX"，五号宋体加粗
> - 表格内文字五号宋体，不加粗（表头除外）
>
> 【文件命名】
> - 1.需求分析文档.docx
> - 2.数字化解决方案.docx
> 流程图文件名根据本题业务起，格式：流程图N_业务节点名.vsdx。
画Visio流程图（10分，必须做，自动生成不要手动画）：
> 两份文档转完docx后，根据本题业务自动规划2-3个流程图，自动生成PNG和vsdx两个版本，不要让我自己在Visio里画。
>
> 【评分要点】Visio关键环节流程图绘制规范，流程准确（10分）
>
> 【规划原则】根据本题业务选2-3个，不要套固定模板：
> 1. 核心业务闭环必须有一个（发现→处置→销号主线）
> 2. 本题特色机制选一个（分级派单/超期升级/三检制/审批流转/应急响应）
> 3. 跨角色协同选一个（施工→监理→建管多级流转）
>
> 【生成要求】
> 1. 用泳道图风格，横向泳道按角色分
> 2. 判定节点菱形、流程节点矩形、开始结束圆角矩形
> 3. 箭头标注条件（合格/不合格/超期/正常）
> 4. 不要线条交叉，布局整齐
> 5. 先输出每个流程图的节点清单让我确认，确认后生成
>
> 【输出格式】
> - PNG版本：高清流程图（300dpi，白色背景）
> - vsdx版本：可在Visio里打开编辑的格式
> - 文件名：流程图1_XXX.png + 流程图1_XXX.vsdx，XXX按本题业务起
>
> 【自动插入文档】
> PNG流程图生成后，自动插入到5.2菜单层级里对应业务模块的位置，不是放在附录：
> - 隐患管理/工单模块后面 → 插入隐患处置流程图
> - 预警/督办模块后面 → 插入超期升级流程图
> - 验收/三检制模块后面 → 插入工序验收流程图
> - 每张图居中，图下方加图注"图5-X XXX业务流程图"，五号宋体居中
> - 图紧跟在对应模块文字后面，不要集中放附录
> - vsdx文件单独放到 2.数字化解决方案/ 目录下
>
> 【如果vsdx生成失败】
> 至少保证PNG版本清晰可看；同时输出一个.drawio文件（可导入draw.io再导出vsdx），不要让我从零开始画。
出原型：
> 开始HTML原型。先列页面清单（按模块分组，标交互/静态），我确认后开始。确认后要求：
>
> 【所有页面默认带交互，不要做静态壳子】
> 每个页面必须设计清楚以下交互，写在页面说明里：
> - 页面跳转：点哪个按钮跳到哪个页面（如：工单点"整改"跳到03-工单详情）
> - 弹窗/抽屉：新增/编辑/查看详情用什么形式（弹窗宽度/抽屉位置），表单字段列全
> - 状态联动：工单状态变化时按钮怎么变（待接单→显示"接单"；已接单→显示"整改反馈"；待复核→显示"复核"；已完成→无操作）
> - 角色切换：右上角切换角色后，左侧菜单和操作按钮怎么变（监理看不到"接单"按钮，看到的是"复核"）
> - 筛选/搜索：列表页顶部搜索栏和筛选条件，选择后表格怎么过滤
> - 数据流转：这个页面的数据从哪个页面来，操作后数据流到哪个页面
>
> 【交互流程预先设计】
> 主线闭环必须有完整交互链路：
> 列表页 → 点某条 → 详情页 → 点"接单" → 状态变 → 点"反馈" → 填表单提交 → 跳到复核页 → 点"复核通过" → 状态变 → 回到列表
>
> 【数据要饱满，不要空壳】
> 每个页面放真实演示数据，不要只放1-2条：
> - 列表页至少10-15条数据，状态分布合理（待接单/整改中/待复核/已销号都有）
> - KPI卡片数字要真实合理（如：今日隐患23、待整改8、超期2、整改率87%）
> - 图表要有数据（趋势图最近7天、排名5-10个、占比3-5类）
> - 详情页要有完整信息（时间、位置、照片、责任人、整改记录）
> - 数据要符合业务逻辑（红橙黄数量对得上、班组排名和工单数量对得上）
> 这条链路每个按钮、每个状态变化都要在原型里体现，不能只做静态展示。
>
> 【文件命名规则】
> - 每个页面单HTML文件，中文文件名，前面带两位数字编号
> - 命名格式：编号-页面功能名.html（如01-质量总览大屏.html、02-工单台账.html）
> - 页面名根据本题实际业务起，不要套固定名字
> - 首页入口：index.html，导航到以上所有页面
>
> 【设计规范】政务蓝#1e3a8a大屏#0a1929；CSS/JS全内联不引外部CDN；右上角H5/PC切换+角色切换；操作列带状态按钮；基础数据四件套（单位/用户/检查点/三级字典）；整改详情完整表单；一账号走完所有角色。
>
> 【一键演示功能，必须有，配合录视频用】
> 每个页面右上角放"▶ 演示模式"按钮，点击后进入自动演示模式：
>
> 演示效果要求：
> 1. 模拟鼠标点击：不只是页面跳转，要显示一个发光的鼠标指针（用CSS画），移动到要点击的按钮/卡片上，模拟点击动作（指针变小+涟漪效果），然后才跳转或弹窗。让评委看到你真的在操作，不是PPT自动翻页。
> 2. 字幕位置动态跟随：字幕不要固定在顶部，而是出现在当前讲解的功能附近——讲哪个按钮，字幕就出现在那个按钮旁边（用CSS定位到对应元素附近），用箭头指向正在讲解的控件。
> 3. 右下角数字人：右下角固定一个圆形头像（工程人形象，安全帽+工装，用SVG画一个简约卡通工程人）。口型同步说明：纯HTML原型做不到语音精确驱动口型（那需要数字人SDK/实时渲染），只做简化版——嘴巴按旁白节奏张合（每秒3-4个字，嘴巴以这个频率简单张合），录视频时你自己念旁白，数字人只是工程人形象装饰，不影响效果。数字人不挡主要内容。
>
> 演示流程（按这个顺序，每步自动停2-4秒，要体现真实操作和数据变化）：
> 不是只切换页面，要演示关键操作步骤，让评委看到数据真的在流转：
>
> 第1步：总览大屏 → 鼠标移到KPI卡片（数字滚动动画）→ 字幕"本平台实时监控质量安全隐患，当前待整改XX项"
> 第2步：自动跳列表页 → 鼠标移到红色高风险工单 → 字幕"系统自动识别高风险隐患，按红橙黄分级派单"
> 第3步：鼠标双击某条工单 → 弹出详情抽屉（照片+时间线+责任人）→ 字幕"点击查看详情：位置、等级、现场照片、责任单位"
> 第4步：鼠标点"接单"按钮 → 工单状态从"待接单"变成"已接单" → 字幕"施工单位接单，开始整改"
> 第5步：自动填整改表单（措施/照片/整改人）→ 点提交 → 工单状态变成"待复核"，整改时间线多一条记录 → 字幕"整改完成，提交反馈"
> 第6步：右上角切换监理角色 → 菜单变了，只看到待监理复核的工单 → 字幕"监理角色登录，看到待复核工单"
> 第7步：鼠标点"复核通过" → 工单状态变成"已销号"，列表里这条工单从待整改列表消失 → 字幕"监理现场核验通过，工单销号"
> 第8步：自动切回建管角色 → 跳统计分析页 → 待整改数字少了1，整改率涨了一点 → 字幕"全过程数据沉淀，自动更新统计报表"
>
> 演示控制：
> - 进度条显示"演示进度 3/8"
> - 每步自动停留2-4秒
> - 按任意键暂停/继续
> - 右上角有"字幕开关"和"数字人开关"
>
> 录视频操作：
> 1. 打开录屏软件
> 2. 点"演示模式"
> 3. 跟着字幕念旁白（字幕就是旁白稿）
> 4. 8步走完约3分钟，停止录屏导出MP4
三维BIM建模页面（必须有，加分项）：
> 原型里必须有一个"BIM模型"页面：
> - 左侧：构件树（桥梁/隧道/路基分类，可点击展开）
> - 中间：三维模型展示区（用SVG画半透明蓝色桥梁，参考 assets/scene-photos/08-桥梁BIM模型.svg）
> - 右侧：属性面板（选中构件后显示：设计尺寸/实测尺寸/偏差值/质量缺陷标签/工单状态）
> - 顶部：工具栏（旋转/缩放/剖切/测量按钮）
> - 点击构件树某个构件，中间模型高亮，右侧属性面板联动更新
> - 选中带缺陷的构件，模型上显示红色警示点
> - 这页是答辩亮点，体现"BIM+质量管控"融合
>
> 【动画效果要求，必须有】
> 所有页面加动画，突出重点信息：
> 1. 报警闪烁：红色隐患点/未整改工单，1.5秒闪烁一次（opacity动画）
> 2. 数字滚动：KPI大数字从0滚动到目标值（如"今日隐患23"从0滚到23，1.5秒）
> 3. 排行榜滚动：班组排名/单位排名，新数据进来时平滑上移（transform动画）
> 4. 图表生长：柱状图从0高度长到目标高度（transition动画），环形图从0转满
> 5. 呼吸发光：重点KPI卡片（如"整改率98%"），边框轻微发光呼吸（box-shadow动画）
> 6. 状态流转：工单状态变化时，新状态标签淡入（opacity+transform）
> 7. 进度条：演示模式的进度条平滑移动（width动画）
> 8. 地图标记：GIS地图上的隐患点，雷达波扩散效果（circle r从10到30，opacity从1到0）
> 用CSS动画实现，不依赖JS库，所有动画内联在HTML里。
>
> 【弹框/抽屉交互细节，必须做】
> 所有新增/编辑/查看详情的弹框要做完整，不能只做个标题：
> 1. 弹框层级：列表页点"新增"→弹中层弹框→选关联项→弹二层弹框→选完回到中层→提交
> 2. 表单细节：必填红星、输入框聚焦蓝色边框、下拉框选项带搜索、日期选择器、数字输入带单位后缀（MPa/mm）
> 3. 校验提示：必填项为空点提交，输入框红框+下方红字提示"此项必填"
> 4. 抽屉形式：详情页用右侧抽屉滑出（width 500px），左边遮罩半透明
> 5. 确认弹窗：删除/复核通过这类操作要二次确认弹窗（"确认删除？"）
> 6. 加载状态：点提交按钮后按钮变"提交中..."并禁用，1秒后变成功
> 7. 成功提示：操作成功后右上角弹出绿色toast"操作成功"，2秒自动消失
> 8. 关闭方式：弹框右上角X、点遮罩、按ESC，三种都能关
>
> 【界面风格：国央企政务蓝白调，极致美感】
> 严禁用Ant Design/Element Plus那种通用后台模板。统一用国央企政务蓝白色调，追求极致美感：
> - 主色：政务蓝 #1e3a8a（顶栏/主按钮/标题）
> - 辅助蓝：#3b82f6（链接/选中态）
> - 背景：浅灰白 #f5f7fa（内容区）
> - 卡片：纯白 #ffffff，圆角8px，轻微阴影0 2px 8px rgba(0,0,0,0.06)
> - 大屏总览：不用深蓝黑，用浅灰白底+政务蓝主色+白色卡片，干净明亮
> - 顶栏：政务蓝#1e3a8a通栏56px，白字，左侧logo+系统名，右侧角色切换+头像
> - 左侧菜单：白底180px，图标+文字，选中项浅蓝#e8effc底+左侧3px蓝色竖条
> - 表格：白底，表头浅灰#fafafa，行悬停#f0f5ff，操作列蓝色#1e3a8a链接
> - 按钮：主按钮#1e3a8a白字圆角4px hover加深，次按钮白底蓝边蓝字，危险#ff4d4d
> - 状态标签：绿#52c41a底白字"已完成"、橙#fa8c16底白字"待整改"、红#ff4d4d底白字"超期"、蓝#1e3a8a底白字"进行中"
> - 字体：正文微软雅黑14px，标题思源黑体Bold，数字DIN/Bebas等宽
> - 间距：卡片间距16px，页面padding24px，留白充足不拥挤
> - 图表：主色#1e3a8a，辅助色#3b82f6/#60a5fa，渐变蓝色柱状图
> - 整体感觉：干净、专业、高级，像真实国央企产品，不是AI生成的通用模板
AI核心功能（切CodeBuddy）：
> 写Python脚本，纯零依赖，读CSV按规则引擎输出风险分级。规则：触发字段→判定→分级→责任→时限。
> 【文件命名】代码目录：4.系统核心功能/，包含 README.md、risk_engine.py、sample_data.csv。README说明怎么运行、输入什么、输出什么。
视频字幕：
> 写3分钟脚本：0-20秒讲3张流程图（每张"设计了什么+解决了什么痛点"）；20-60秒总览大屏；60-120秒发现→派单→整改→复核→销号；120-150秒亮点页；150-180秒收尾讲价值。每段旁白按每秒3-4字控制。
> 【最终交付视频文件命名】5.演示视频.mp4（720P以上，约3分钟）。
录视频（傻瓜式，照做就行）：
> 1. 打开录屏软件（Win+G 或 OBS），选"仅录浏览器"，分辨率1920x1080
> 2. 打开原型首页 index.html
> 3. 点右上角"▶ 演示模式"按钮
> 4. 系统自动走8步，每步停2-4秒，顶部显示字幕
> 5. 你跟着字幕念旁白（字幕就是现成的旁白稿，照念就行）
> 6. 8步走完约3分钟，自动停止
> 7. 停止录屏，导出MP4，命名5.演示视频.mp4
> 【注意】演示模式里的字幕就是旁白稿，不用自己再写脚本；念的时候语速慢一点，每秒3-4个字；念错了就暂停重来。
0.3 现场必读
按顺序读：
1. references/exam-battle-plan.md —— 4小时时间分配、积分预算、提交包结构、应急预案、第八章傻瓜剧本完整对话、第九章一页纸速查、第十章考前模拟
2. references/universal-scaffold.md —— 不管抽到什么题都套这个骨架
3. references/ai-core-code-snippets.md —— 可直接抄的AI核心功能代码
公网关闭、不能带资料的场景下，这三份是保命的。其他 reference 按需读。
第一步：锁定场景
先读 references/scenario-catalog.md，确认用户做的是 6 大主场景中的哪一个；若用户要求"浙江特色/本地案例/更多场景"，再读目录后半部分的扩展场景 7-14（软基智控、隧道机器狗、阳光物料验收、梁体 AI 问诊、水上涌潮预警、隐蔽工程留痕、智慧管养等）。
- 施工现场综合安全管控（视频+物联感知+小程序随手拍）
- 无人机+综合安全管控（机巢集群+AI识别）
- 预制梁板智能建造质量评级（智慧梁场+张拉压浆蒸养）
- 质保资料无纸化审批流转（在线报验+智能预审+分级审批）
- 智慧试验室检测数据质量管控（设备联网+原始数据防篡改）
- 桥隧高风险隐蔽工程监测 / 路面工序参数管控（传感+北斗+红外）
用户说"全部包含"时，按场景1（综合安全）为主线，其他场景作为扩展模块在原型里做成 tab 切换，不要每个场景都单独做一套。
第二步：按评分点产出 5 项交付物
逐项按下表执行，每完成一项打勾：
| # | 交付物 | 对应 reference | 关键要求 |
|---|---|---|---|
| 1 | 需求分析文档 | prd-outline.md + docx-template-structure.md | 严格按现场模板章节和表格列名；用户角色+功能/数据/非功能需求；痛点写"角色+场景+阻碍+后果"且必须带数字 |
| 2 | 数字化解决方案 | solution-outline.md + rule-system-template.md + closed-loop-workflow.md + docx-template-structure.md | 规则表"触发字段→分级→责任角色→处置时限"必须可核验；严格按现场模板 1-9 章 |
| 3 | Visio 流程图（2-3个，vsdx） | flowchart-nodes.md | 输出节点/泳道/判定分支清单，用户在 Visio/draw.io 落图 |
| 4 | HTML 可演示原型 | prototype-pages.md + assets/html-prototype-boilerplate/ |
重点：深色科技风、ECharts、6个核心页面、数据饱满、可交互 |
| 5 | AI 核心功能（1-2个） | core-feature-ideas.md | 违规自动识别/风险分级判定/重复隐患识别，技术栈自选 |
| 6 | 3分钟演示视频脚本 | video-script-template.md | MP4 720P+，分镜脚本+旁白稿 |
第三步：自检
读 references/competition-rubric.md，对照评分点逐条打勾。规则体系10分是最大头，每条规则必须能被一个真实数据字段触发，否则就是空中楼阁。
关键约束（必须遵守）
- 痛点不能写"效率低"，要写成"谁在什么场景下受什么阻碍、产生什么可观察后果"。
- 风险分级至少三级（红/橙/黄 或 重大/较大/一般），每级对应处置时限（如立即/24h/7日）。
- 业务闭环必须闭合：触发→识别→分级→派发→整改→复核→销号，不能有断头流程。
- 原型必须可直接在浏览器打开，单文件 HTML + CDN ECharts，不依赖本地服务。
- 数字要有出处：可复用公开参考案例数据（3.3 万张隐患图、485 项闭环、98% 预警率、11 个无人机机巢、8 架机、69.74 公里、70TB 盾构数据、F1=81.2% 等）。不确定的数字标"示意"。
- vsdx 必须人工落图：skill 只出节点逻辑清单，不直接生成 Visio 二进制。
何时读哪个 reference
- 马上要现场考试 → exam-battle-plan.md（先读这个！）
- 现场写 Word 文档格式卡壳 → docx-template-structure.md（章节+表格列名严格照现场模板）
- 现场抽到新场景不知道怎么套 → universal-scaffold.md
- AI 核心功能代码不知道写啥 → ai-core-code-snippets.md
- 和 WorkBuddy 对话不知道怎么提问 → workbuddy-prompt-flow.md（19 问实战提炼，含完整提示词模板）
- 不确定场景选哪个 → scenario-catalog.md
- 刚拿到题，需要快速理解工程质量管控在讲什么 → quality-engineering-basics.md（五方责任/三检制/质量术语/痛点模板/事前事中事后三段论，5分钟抓住业务逻辑）
- 写"行业最佳实践/创新点"章节需要引用案例 → excellent-cases.md（重庆建工智慧梁厂/宁波浙砼管/海宁文体中心等8个标杆案例，浙江本地优先）
- 写需求文档卡壳 → prd-outline.md
- 写规则体系卡壳 → rule-system-template.md
- 业务闭环画不出来 → closed-loop-workflow.md
- 流程图节点列不全 → flowchart-nodes.md
- 原型页面怎么排 → prototype-pages.md（先读这个，再用 assets 骨架改）
- 原型配色/组件/风格卡壳 → design-system.md（基于温州交发集团真实 UI 总结，大屏深色+中后台政务蓝+移动端三套风格）
- 原型里要放施工/监测/BIM/点云素材图 → 直接用
assets/scene-photos/下的16个SVG文件，HTML里<img src="scene-photos/14-GIS地图总览.svg" />引用，不要自己画 - GIS/倾斜摄影/梁场布局（14-16号素材）：
- 综合安全场景用14-GIS地图总览（标注摄像头/传感器/机巢位置）
- 桥梁/隧道场景用15-倾斜摄影场景（三维地形+桥梁+施工区域）
- 梁场场景用16-梁场台座布局（各台座+张拉/压浆/蒸养设备位置）
- AI 功能不知道选啥 → core-feature-ideas.md
- 写视频脚本卡壳 → video-script-template.md
- 写"法规依据/政策附录"章节卡壳 → laws-and-regulations.md（法律/行政法规/交通部规章/浙江省地方/JTG标准/AI无人机专项，附可直接抄的附录模板）
- 写"技术架构/符合标准"章节卡壳 → tech-standards.md（物联网/云计算/无人机/BIM/智慧交通/AI大模型/高质量数据集/等保，附可直接抄的技术标准引用模板）
- 交付前检查 → competition-rubric.md
