搭建校招面试管理看板

请构建一个交互式的校招面试管理看板（Dashboard）HTML 页面，用于 HR 和面试官实时追踪招聘进度，要求如下：  1、核心功能模块： • 概览统计区：展示关键指标卡片（今日面试数、待安排人数、已发 Offer 数、整体通过率），数据需有动态增长动画效果。 • 流程漏斗图：可视化展示从"简历筛选 → 初试 → 复试 → HR面 → Offer"各环节的人数转化情况。 • 面试日程表：以时间轴或日历视图展示当天的面试安排，包含候选人姓名、岗位、面试官、状态（进行中/已结束/待开始）。 • 候选人列表：支持按岗位、状态筛选的表格，显示候选人基本信息及当前进展标签。 • 视觉与交互要求： • 采用清爽专业的 B 端后台风格（参考 Ant Design 或 Element UI 风格），主色调为科技蓝或品牌绿。 • 使用 ECharts 绘制漏斗图和趋势折线图。 • 实现简单的交互逻辑：点击候选人可查看模拟详情弹窗；切换日期可更新日程表数据。 • 增加"一键安排面试"的模拟按钮，点击后弹出表单模态框。 2、数据模拟： • 内置 20-30 条模拟的校招候选人数据（涵盖研发、产品、运营等常见岗位）。 状态分布合理，体现真实的招聘漏斗转化率。 3、技术要求： • 单文件 HTML，内联 CSS 和 JavaScript。 • 通过 CDN 引入 Vue.js (或 React) 和 ECharts，实现组件化思维的数据绑定与渲染。 • 响应式布局，确保在大屏显示器上信息密度适中，在笔记本屏幕上也能完整展示。  输出完整的 HTML 代码，确保可以直接保存并在浏览器中打开，呈现一个功能完备、视觉专业的校招管理看板 Demo。

Prompt 来自案例库分享的原始记录，可能依赖当时的端、模型、连接器或账号权限；复现前请先替换为脱敏样本并核对每一步输出。