feat: 初始化多Agent协作系统项目并添加直播回放功能

- 添加导航栏组件及直播回放按钮 - 实现视频播放模态框 - 配置赛博朋克风格主题 - 添加课程首页和课程页面 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-03 14:36:16 +08:00
commit cc390fc756
107 changed files with 31444 additions and 0 deletions
--- a/public/images/一、为什么你觉得就业越来越难？/AI关键词的招聘信息增长.jpeg
+++ b/public/images/一、为什么你觉得就业越来越难？/AI关键词的招聘信息增长.jpeg
--- a/public/images/一、为什么你觉得就业越来越难？/一、为什么你觉得就业越来越难？_传统的招聘岗位越来越少，并且越来越卷，薪资越来越低.png
+++ b/public/images/一、为什么你觉得就业越来越难？/一、为什么你觉得就业越来越难？_传统的招聘岗位越来越少，并且越来越卷，薪资越来越低.png
--- a/public/images/三、企业需要AI的原因/三、企业需要AI的原因_AI人才成稀缺物种.png
+++ b/public/images/三、企业需要AI的原因/三、企业需要AI的原因_AI人才成稀缺物种.png
--- a/public/images/三、企业需要AI的原因/三、企业需要AI的原因_勒紧裤腰带.png
+++ b/public/images/三、企业需要AI的原因/三、企业需要AI的原因_勒紧裤腰带.png
--- a/public/images/三、企业需要AI的原因/三、企业需要AI的原因_提升工作效率.png
+++ b/public/images/三、企业需要AI的原因/三、企业需要AI的原因_提升工作效率.png
--- a/public/images/三、企业需要AI的原因/三、企业需要AI的原因_节省人力成本.png
+++ b/public/images/三、企业需要AI的原因/三、企业需要AI的原因_节省人力成本.png
--- a/public/images/二、和AI相关的岗位薪资那么高？/严峻现实.png
+++ b/public/images/二、和AI相关的岗位薪资那么高？/严峻现实.png
--- a/public/images/二、和AI相关的岗位薪资那么高？/严峻现实2.png
+++ b/public/images/二、和AI相关的岗位薪资那么高？/严峻现实2.png
--- a/public/images/二、和AI相关的岗位薪资那么高？/薪资提升-1.png
+++ b/public/images/二、和AI相关的岗位薪资那么高？/薪资提升-1.png
--- a/public/images/二、和AI相关的岗位薪资那么高？/薪资提升-2.png
+++ b/public/images/二、和AI相关的岗位薪资那么高？/薪资提升-2.png
--- a/public/images/二、和AI相关的岗位薪资那么高？/薪资提升-3.png
+++ b/public/images/二、和AI相关的岗位薪资那么高？/薪资提升-3.png
--- a/public/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_写作问答类AI工具logo.jpg
+++ b/public/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_写作问答类AI工具logo.jpg
--- a/public/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_图像创作类AI工具logo.jpg
+++ b/public/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_图像创作类AI工具logo.jpg
--- a/public/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_编程开发类AI工具logo.jpg
+++ b/public/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_编程开发类AI工具logo.jpg
--- a/public/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_视频生成类AI工具logo.jpg
+++ b/public/images/五、大专生学会用AI的最大问题/五、大专生学会用AI的最大问题_视频生成类AI工具logo.jpg
--- a/public/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_AI生成图片的界面.png
+++ b/public/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_AI生成图片的界面.png
--- a/public/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_Claude编程界面.png
+++ b/public/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_Claude编程界面.png
--- a/public/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_N8N工作流节点.png
+++ b/public/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_N8N工作流节点.png
--- a/public/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_软件中AI分析界面.png
+++ b/public/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_软件中AI分析界面.png
--- a/public/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_达芬奇视频剪辑界面.png
+++ b/public/images/四、AI正在渗透所有行业/四、AI正在渗透所有行业_各行各业_达芬奇视频剪辑界面.png
--- a/public/images/四、AI正在渗透所有行业/四、日常生活_AI客服.png
+++ b/public/images/四、AI正在渗透所有行业/四、日常生活_AI客服.png
--- a/public/images/四、AI正在渗透所有行业/四、日常生活_AI绘图.png
+++ b/public/images/四、AI正在渗透所有行业/四、日常生活_AI绘图.png
--- a/public/images/四、AI正在渗透所有行业/四、日常生活_数字人.png
+++ b/public/images/四、AI正在渗透所有行业/四、日常生活_数字人.png
--- a/public/images/课程页面/AI基础课/Agent自动化工作流.png
+++ b/public/images/课程页面/AI基础课/Agent自动化工作流.png
--- a/public/images/课程页面/AI基础课/上下文设计与表达逻辑.png
+++ b/public/images/课程页面/AI基础课/上下文设计与表达逻辑.png
--- a/public/images/课程页面/AI基础课/各种类型的AI工具.png
+++ b/public/images/课程页面/AI基础课/各种类型的AI工具.png
--- a/public/images/课程页面/AI基础课/提示词工程.png
+++ b/public/images/课程页面/AI基础课/提示词工程.png
--- a/public/images/课程页面/图片效果/1.生成页面.jpeg
+++ b/public/images/课程页面/图片效果/1.生成页面.jpeg
--- a/public/images/课程页面/图片效果/2.主页.jpeg
+++ b/public/images/课程页面/图片效果/2.主页.jpeg
--- a/public/images/课程页面/图片效果/3.产品页.jpeg
+++ b/public/images/课程页面/图片效果/3.产品页.jpeg
--- a/public/images/课程页面/图片效果/4.产品详情页.jpeg
+++ b/public/images/课程页面/图片效果/4.产品详情页.jpeg
--- a/public/images/课程页面/图片效果/5.联系我们.jpeg
+++ b/public/images/课程页面/图片效果/5.联系我们.jpeg
--- a/public/images/课程页面/图片效果/七、我们的课程设置_第二阶段_案例展示二AI编程开发小型商品展示网站-1.png
+++ b/public/images/课程页面/图片效果/七、我们的课程设置_第二阶段_案例展示二AI编程开发小型商品展示网站-1.png
--- a/public/images/课程页面/图片效果/七、我们的课程设置_第二阶段_案例展示二AI编程开发小型商品展示网站-2.png
+++ b/public/images/课程页面/图片效果/七、我们的课程设置_第二阶段_案例展示二AI编程开发小型商品展示网站-2.png
--- a/public/images/课程页面/图片效果/七、我们的课程设置_第二阶段_案例展示二AI编程开发小型商品展示网站-3.png
+++ b/public/images/课程页面/图片效果/七、我们的课程设置_第二阶段_案例展示二AI编程开发小型商品展示网站-3.png
--- a/public/images/课程页面/图片效果/七、我们的课程设置_第二阶段_案例展示二AI编程开发小型商品展示网站-4.png
+++ b/public/images/课程页面/图片效果/七、我们的课程设置_第二阶段_案例展示二AI编程开发小型商品展示网站-4.png
--- a/public/images/课程页面/图片效果/奶茶海报1.png
+++ b/public/images/课程页面/图片效果/奶茶海报1.png
--- a/public/images/课程页面/图片效果/奶茶海报2.png
+++ b/public/images/课程页面/图片效果/奶茶海报2.png
--- a/public/images/课程页面/图片效果/奶茶海报3.png
+++ b/public/images/课程页面/图片效果/奶茶海报3.png
--- a/public/images/课程页面/图片效果/奶茶海报4.png
+++ b/public/images/课程页面/图片效果/奶茶海报4.png
--- a/public/images/课程页面/第一阶段轮播图/七、我们的课程设置_AI工具logo轮播图.png
+++ b/public/images/课程页面/第一阶段轮播图/七、我们的课程设置_AI工具logo轮播图.png
--- a/public/images/课程页面/第一阶段轮播图/七、构建属于自己的AI工作流系统.png
+++ b/public/images/课程页面/第一阶段轮播图/七、构建属于自己的AI工作流系统.png
--- a/public/images/课程页面/第一阶段轮播图/七、网页作品集-1.png
+++ b/public/images/课程页面/第一阶段轮播图/七、网页作品集-1.png
--- a/public/images/课程页面/第一阶段轮播图/七、网页作品集-2.png
+++ b/public/images/课程页面/第一阶段轮播图/七、网页作品集-2.png
--- a/public/images/课程页面/第三阶段/七、我们的课程设置_第三阶段_案例展示AI财经商贸智能财务助理.png
+++ b/public/images/课程页面/第三阶段/七、我们的课程设置_第三阶段_案例展示AI财经商贸智能财务助理.png
--- a/public/images/课程页面/第三阶段/第三阶段ai赋能流程n8n图片1.png
+++ b/public/images/课程页面/第三阶段/第三阶段ai赋能流程n8n图片1.png
--- a/public/images/课程页面/第三阶段/第三阶段ai赋能流程n8n图片2.png
+++ b/public/images/课程页面/第三阶段/第三阶段ai赋能流程n8n图片2.png
--- a/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_大健康.jpg
+++ b/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_大健康.jpg
--- a/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_文旅.jpg
+++ b/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_文旅.jpg
--- a/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能制造.png
+++ b/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能制造.png
--- a/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能开发.jpg
+++ b/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能开发.jpg
--- a/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_视觉设计.jpg
+++ b/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_视觉设计.jpg
--- a/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_财经商贸.jpg
+++ b/public/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_财经商贸.jpg
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="多Agent协作系统教学网页 - 现代化玻璃风格界面"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <title>多Agent协作系统</title>
+    <style>
+      body {
+        margin: 0;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+          'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+          sans-serif;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        min-height: 100vh;
+      }
+    </style>
+  </head>
+  <body>
+    <noscript>您需要启用JavaScript来运行此应用程序。</noscript>
+    <div id="root"></div>
+  </body>
+</html>