532 lines
22 KiB
HTML
532 lines
22 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>AI教育商业化浪潮</title>
|
||
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
|
||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Noto Sans SC', 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||
min-height: 100vh;
|
||
position: relative;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.card-gradient {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.timeline-dot {
|
||
width: 12px;
|
||
height: 12px;
|
||
background: #3b82f6;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
left: -6px;
|
||
top: 6px;
|
||
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
|
||
}
|
||
|
||
.timeline-line {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 1px;
|
||
background: linear-gradient(to bottom, transparent, #3b82f6, transparent);
|
||
}
|
||
|
||
.table-container {
|
||
overflow-x: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.timeline-line {
|
||
display: none;
|
||
}
|
||
.timeline-dot {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.particle-bg {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
}
|
||
|
||
.highlight-box {
|
||
background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
|
||
border-left: 4px solid #3b82f6;
|
||
}
|
||
|
||
.stock-badge {
|
||
display: inline-block;
|
||
padding: 2px 8px;
|
||
border-radius: 12px;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.badge-edu { background: rgba(34, 197, 94, 0.2); color: #22c55e; }
|
||
.badge-tech { background: rgba(59, 130, 246, 0.2); color: #3b82f6; }
|
||
.badge-media { background: rgba(168, 85, 247, 0.2); color: #a855f7; }
|
||
.badge-other { background: rgba(251, 146, 60, 0.2); color: #fb923c; }
|
||
.badge-bse { background: rgba(236, 72, 153, 0.2); color: #ec4899; }
|
||
</style>
|
||
</head>
|
||
<body class="text-gray-100">
|
||
<div id="particles-js" class="particle-bg"></div>
|
||
|
||
<div class="container mx-auto px-4 py-8 max-w-7xl">
|
||
<!-- 标题部分 -->
|
||
<div class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">AI教育商业化浪潮</h1>
|
||
<p class="text-gray-400 text-lg">从技术验证到规模化落地的产业变革</p>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-4 flex items-center">
|
||
<i class="fas fa-lightbulb text-yellow-400 mr-3"></i>
|
||
核心观点摘要
|
||
</h2>
|
||
<div class="highlight-box rounded-lg p-4 mb-4">
|
||
<p class="text-gray-200 leading-relaxed">
|
||
AI教育商业化已从<strong class="text-blue-400">技术验证期</strong>进入<strong class="text-purple-400">规模化落地期</strong>,核心驱动力是<strong class="text-green-400">政策强制渗透</strong>(教育部2030目标)+<strong class="text-blue-400">技术成本骤降</strong>(DeepSeek开源)+<strong class="text-purple-400">场景刚需</strong>(个性化学习)。当前处于<strong class="text-yellow-400">"渗透率从5%到30%"</strong>的爆发前夜,<strong class="text-green-400">教育硬件和To B信息化</strong>是最快变现路径。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 概念事件时间轴 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-timeline text-blue-400 mr-3"></i>
|
||
概念事件时间轴
|
||
</h2>
|
||
<div class="relative pl-8">
|
||
<div class="timeline-line"></div>
|
||
|
||
<div class="relative mb-6">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-gray-800 rounded-lg p-4">
|
||
<h3 class="text-blue-400 font-semibold mb-1">2024年2月</h3>
|
||
<p class="text-gray-300">DeepSeek开源模型发布,以<strong class="text-yellow-400">低成本(训练成本仅为GPT-4的1/10)</strong>和<strong class="text-purple-400">高推理能力</strong>引发行业震动</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative mb-6">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-gray-800 rounded-lg p-4">
|
||
<h3 class="text-blue-400 font-semibold mb-1">2024年6月</h3>
|
||
<p class="text-gray-300">教育部等九部门发布《关于加快推进教育数字化的意见》,明确<strong class="text-green-400">"AI+教育"应用场景新范式</strong></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative mb-6">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-gray-800 rounded-lg p-4">
|
||
<h3 class="text-blue-400 font-semibold mb-1">2024年7月</h3>
|
||
<p class="text-gray-300">豆神教育发布AI教育生态矩阵,<strong class="text-yellow-400">7天GMV突破1740万</strong>(超市场预期1000万)</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative mb-6">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-gray-800 rounded-lg p-4">
|
||
<h3 class="text-blue-400 font-semibold mb-1">2024年10月</h3>
|
||
<p class="text-gray-300">科大讯飞星火4.0 Turbo发布,<strong class="text-purple-400">数学能力超越GPT-4o</strong></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative mb-6">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-gray-800 rounded-lg p-4">
|
||
<h3 class="text-blue-400 font-semibold mb-1">2025年1月</h3>
|
||
<p class="text-gray-300">学而思、科大讯飞、作业帮等头部教育公司<strong class="text-green-400">全面接入DeepSeek</strong>,学习机销量爆发</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-gray-800 rounded-lg p-4">
|
||
<h3 class="text-blue-400 font-semibold mb-1">2025年2月</h3>
|
||
<p class="text-gray-300">头部券商密集发布研报,将AI教育定义为<strong class="text-yellow-400">"AI应用落地的核心场景"</strong></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心驱动力 -->
|
||
<div class="grid md:grid-cols-3 gap-6 mb-8">
|
||
<div class="card-gradient rounded-2xl p-6">
|
||
<div class="text-center mb-4">
|
||
<i class="fas fa-landmark text-4xl text-green-400"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-3 text-center">政策强制驱动</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||
<span>教育部要求2025年前中小学AI课程全覆盖</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||
<span>财政性教育经费8%必须投入信息化</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||
<span>2023年市场规模已超4600亿元</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="card-gradient rounded-2xl p-6">
|
||
<div class="text-center mb-4">
|
||
<i class="fas fa-microchip text-4xl text-blue-400"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-3 text-center">技术成本拐点</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-blue-400 mt-1 mr-2"></i>
|
||
<span>DeepSeek将AI调用成本从0.03美元降至0.001美元</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-blue-400 mt-1 mr-2"></i>
|
||
<span>教育公司毛利率提升15-20个百分点</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-blue-400 mt-1 mr-2"></i>
|
||
<span>开源模型加速行业普及</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="card-gradient rounded-2xl p-6">
|
||
<div class="text-center mb-4">
|
||
<i class="fas fa-users text-4xl text-purple-400"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-3 text-center">场景刚需验证</h3>
|
||
<ul class="space-y-2 text-gray-300">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-purple-400 mt-1 mr-2"></i>
|
||
<span>C端:学习机AI功能付费率达23.5%</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-purple-400 mt-1 mr-2"></i>
|
||
<span>B端:智慧校园AI模块渗透率从12%提升至37%</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-purple-400 mt-1 mr-2"></i>
|
||
<span>错题本、口语陪练等高频需求明确</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据表格 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-chart-line text-green-400 mr-3"></i>
|
||
关联股票数据
|
||
</h2>
|
||
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full text-sm">
|
||
<thead>
|
||
<tr class="border-b border-gray-700">
|
||
<th class="text-left py-3 px-4 font-semibold text-gray-300">股票名称</th>
|
||
<th class="text-left py-3 px-4 font-semibold text-gray-300">分类</th>
|
||
<th class="text-left py-3 px-4 font-semibold text-gray-300">项目</th>
|
||
<th class="text-left py-3 px-4 font-semibold text-gray-300">关键数据</th>
|
||
<th class="text-left py-3 px-4 font-semibold text-gray-300">信源</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">豆神教育</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-edu">教育</span></td>
|
||
<td class="py-3 px-4">AI教育生态矩阵</td>
|
||
<td class="py-3 px-4">7天GMV 1740万</td>
|
||
<td class="py-3 px-4">调研</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">科大讯飞</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-tech">科技</span></td>
|
||
<td class="py-3 px-4">AI智慧教育</td>
|
||
<td class="py-3 px-4">营收72.29亿</td>
|
||
<td class="py-3 px-4">年报</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">视源股份</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-other">其他</span></td>
|
||
<td class="py-3 px-4">希沃教学大模型</td>
|
||
<td class="py-3 px-4">智慧教室中标率68%</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">全通教育</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-edu">教育</span></td>
|
||
<td class="py-3 px-4">教师评价系统</td>
|
||
<td class="py-3 px-4">接入多模型</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">学大教育</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-edu">教育</span></td>
|
||
<td class="py-3 px-4">星图AI模型</td>
|
||
<td class="py-3 px-4">获监管部门备案</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">中南传媒</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-media">文化传媒</span></td>
|
||
<td class="py-3 px-4">学法智能伴学</td>
|
||
<td class="py-3 px-4">贝壳网系列产品</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">皖新传媒</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-media">文化传媒</span></td>
|
||
<td class="py-3 px-4">皖新阅读大模型</td>
|
||
<td class="py-3 px-4">元小鳌机器人</td>
|
||
<td class="py-3 px-4">年报</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">竞业达</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-tech">科技</span></td>
|
||
<td class="py-3 px-4">全栈AI解决方案</td>
|
||
<td class="py-3 px-4">付费转化率超50%</td>
|
||
<td class="py-3 px-4">公告/调研</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">方直科技</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-tech">科技</span></td>
|
||
<td class="py-3 px-4">教育智能一体机</td>
|
||
<td class="py-3 px-4">基于昇腾与DeepSeek</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">云天励飞</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-tech">科技</span></td>
|
||
<td class="py-3 px-4">噜咔博士AI拍学机</td>
|
||
<td class="py-3 px-4">教育硬件产品</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">华胜天成</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-tech">科技</span></td>
|
||
<td class="py-3 px-4">九章工坊</td>
|
||
<td class="py-3 px-4">高校AGI教学平台</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">世纪天鸿</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-tech">科技</span></td>
|
||
<td class="py-3 px-4">笔神作文</td>
|
||
<td class="py-3 px-4">AI作文辅导</td>
|
||
<td class="py-3 px-4">调研</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">凤凰传媒</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-media">文化传媒</span></td>
|
||
<td class="py-3 px-4">智羚学伴</td>
|
||
<td class="py-3 px-4">全场景AI学习生态</td>
|
||
<td class="py-3 px-4">公告</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">天舟文化</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-media">文化传媒</span></td>
|
||
<td class="py-3 px-4">AI+教育解决方案</td>
|
||
<td class="py-3 px-4">与科大讯飞合作</td>
|
||
<td class="py-3 px-4">调研</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800/50 transition-colors">
|
||
<td class="py-3 px-4 font-medium">同辉信息</td>
|
||
<td class="py-3 px-4"><span class="stock-badge badge-bse">北交所</span></td>
|
||
<td class="py-3 px-4">虚拟仿真实训平台</td>
|
||
<td class="py-3 px-4">教育领域应用</td>
|
||
<td class="py-3 px-4">互动</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 未来发展路径 -->
|
||
<div class="card-gradient rounded-2xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-rocket text-purple-400 mr-3"></i>
|
||
未来发展路径
|
||
</h2>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h3 class="text-lg font-semibold mb-3 text-blue-400">近期催化剂(3-6个月)</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<span class="text-blue-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-gray-200">2025年3月</strong>
|
||
<p class="text-gray-400 text-sm">全国两会或推出AI教育专项补贴</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="text-blue-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-gray-200">2025年4月</strong>
|
||
<p class="text-gray-400 text-sm">学而思/科大讯飞接入DeepSeek的新款学习机上市</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="text-blue-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-gray-200">2025年6月</strong>
|
||
<p class="text-gray-400 text-sm">教育部AI教育示范区验收</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-lg font-semibold mb-3 text-purple-400">长期发展路径</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<span class="text-purple-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-gray-200">2025-2026年</strong>
|
||
<p class="text-gray-400 text-sm">硬件渗透率从3%→15%(学习机年销量从600万台→2000万台)</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="text-purple-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-gray-200">2027-2030年</strong>
|
||
<p class="text-gray-400 text-sm">To B智慧校园进入订阅制变现期(年ARPU值从300元→1500元)</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 风险提示 -->
|
||
<div class="card-gradient rounded-2xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-exclamation-triangle text-red-400 mr-3"></i>
|
||
风险提示
|
||
</h2>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="bg-red-900/20 rounded-lg p-4 border-l-4 border-red-500">
|
||
<h3 class="font-semibold text-red-400 mb-2">技术风险</h3>
|
||
<p class="text-gray-300 text-sm">大模型幻觉导致错误教学内容,豆神AI作文批改错误率12%</p>
|
||
</div>
|
||
<div class="bg-orange-900/20 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<h3 class="font-semibold text-orange-400 mb-2">商业化风险</h3>
|
||
<p class="text-gray-300 text-sm">C端硬件换机周期延长至3年,2024年学习机销量增速放缓至19%</p>
|
||
</div>
|
||
<div class="bg-yellow-900/20 rounded-lg p-4 border-l-4 border-yellow-500">
|
||
<h3 class="font-semibold text-yellow-400 mb-2">政策风险</h3>
|
||
<p class="text-gray-300 text-sm">数据安全监管趋严,网信办2024年下架3款AI教育APP</p>
|
||
</div>
|
||
<div class="bg-purple-900/20 rounded-lg p-4 border-l-4 border-purple-500">
|
||
<h3 class="font-semibold text-purple-400 mb-2">信息矛盾</h3>
|
||
<p class="text-gray-300 text-sm">券商预测2025年市场规模900亿,但头部公司当前收入合计仅150亿</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||
<script>
|
||
tsParticles.load("particles-js", {
|
||
particles: {
|
||
number: {
|
||
value: 80,
|
||
density: {
|
||
enable: true,
|
||
value_area: 800
|
||
}
|
||
},
|
||
color: {
|
||
value: ["#3b82f6", "#8b5cf6", "#22c55e"]
|
||
},
|
||
shape: {
|
||
type: "circle"
|
||
},
|
||
opacity: {
|
||
value: 0.5,
|
||
random: false
|
||
},
|
||
size: {
|
||
value: 3,
|
||
random: true
|
||
},
|
||
line_linked: {
|
||
enable: true,
|
||
distance: 150,
|
||
color: "#3b82f6",
|
||
opacity: 0.2,
|
||
width: 1
|
||
},
|
||
move: {
|
||
enable: true,
|
||
speed: 2,
|
||
direction: "none",
|
||
random: false,
|
||
straight: false,
|
||
out_mode: "out",
|
||
bounce: false
|
||
}
|
||
},
|
||
interactivity: {
|
||
detect_on: "canvas",
|
||
events: {
|
||
onhover: {
|
||
enable: true,
|
||
mode: "grab"
|
||
},
|
||
onclick: {
|
||
enable: true,
|
||
mode: "push"
|
||
},
|
||
resize: true
|
||
},
|
||
modes: {
|
||
grab: {
|
||
distance: 140,
|
||
line_linked: {
|
||
opacity: 0.5
|
||
}
|
||
},
|
||
push: {
|
||
particles_nb: 4
|
||
}
|
||
}
|
||
},
|
||
retina_detect: true
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |