vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 10.10线上最新代码提交

Browse Source
This commit is contained in:
zdl
2025-10-11 16:16:02 +08:00
parent 4d0dc109bc
commit 495ad758ea
3338 changed files with 460147 additions and 152745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

491
public/htmls/铅酸电池.html Normal file
View File

@@ -0,0 +1,491 @@
<!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>铅酸电池概念分析报告</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" />
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
min-height: 100vh;
}
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.card-shadow {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.timeline-dot {
position: relative;
}
.timeline-dot::before {
content: '';
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #667eea;
top: 6px;
left: -6px;
}
.timeline-line {
position: absolute;
width: 2px;
background-color: #e2e8f0;
top: 0;
bottom: 0;
left: 0;
}
.highlight {
background: linear-gradient(transparent 60%, rgba(102, 126, 234, 0.2) 40%);
padding: 0 2px;
}
.table-responsive {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-responsive {
overflow-x: scroll;
}
}
</style>
</head>
<body>
<div id="vanta-bg" class="fixed inset-0 z-0"></div>
<div class="relative z-10 container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">铅酸电池概念分析</h1>
<p class="text-xl text-gray-600">政策驱动与数据中心需求爆发的双轮驱动</p>
</div>
<!-- 概念事件时间线 -->
<div class="bg-white rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-calendar-alt mr-3 text-purple-600"></i>概念事件时间线
</h2>
<div class="relative pl-8">
<div class="timeline-line"></div>
<div class="space-y-6">
<div class="timeline-dot">
<h3 class="font-semibold text-lg text-gray-800">2024年8月</h3>
<p class="text-gray-600">商务部发布《电动自行车以旧换新实施方案》，明确鼓励"锂电换铅酸"，单车补贴额外增加100元</p>
</div>
<div class="timeline-dot">
<h3 class="font-semibold text-lg text-gray-800">2024年9月</h3>
<p class="text-gray-600">工信部放宽电动自行车新国标限重（55kg→63kg），铅酸电池因能量密度低需更大体积，政策实质向铅酸倾斜</p>
</div>
<div class="timeline-dot">
<h3 class="font-semibold text-lg text-gray-800">2024年11月</h3>
<p class="text-gray-600">数据中心铅酸电池价格启动上涨，头部企业（圣阳、南都、双登）订单排产至2025年9月，供需缺口显现</p>
</div>
<div class="timeline-dot">
<h3 class="font-semibold text-lg text-gray-800">2025年3月</h3>
<p class="text-gray-600">广发电新测算，2025年国内智算中心铅酸电池需求<span class="highlight font-bold">6GWh</span>（对应5GW装机），而有效产能仅<span class="highlight font-bold">9GWh</span>，缺口达<span class="highlight font-bold">33%</span></p>
</div>
<div class="timeline-dot">
<h3 class="font-semibold text-lg text-gray-800">2025年Q2</h3>
<p class="text-gray-600">字节、阿里等互联网大厂资本开支翻倍，数据中心招标密集落地，铅酸电池第二轮涨价启动（涨幅10-15%）</p>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="gradient-bg rounded-xl p-6 mb-8 text-white">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-lightbulb mr-3"></i>核心观点摘要
</h2>
<div class="space-y-4">
<div class="bg-white bg-opacity-20 rounded-lg p-4">
<h3 class="font-semibold text-lg mb-2">阶段判断</h3>
<p>铅酸电池正从"政策驱动的存量替换"转向"数据中心需求爆发+供给刚性"的双轮驱动阶段，<span class="font-bold">2025年迎来量价齐升的戴维斯双击</span>。</p>
</div>
<div class="bg-white bg-opacity-20 rounded-lg p-4">
<h3 class="font-semibold text-lg mb-2">核心矛盾</h3>
<p>环保限产导致产能无法快速扩张（环评审批需6-12个月），而AI算力基建带来<span class="font-bold">3年维度的高确定性需求</span>（2025-2027年CAGR 51%）。</p>
</div>
<div class="bg-white bg-opacity-20 rounded-lg p-4">
<h3 class="font-semibold text-lg mb-2">预期差</h3>
<p>市场仍将其视为"夕阳产业"，忽视数据中心用铅酸电池的高壁垒（白名单认证+技术差异），<span class="font-bold">龙头公司估值仅15-20倍PE</span>，未反映涨价弹性。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="bg-white rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-chart-line mr-3 text-purple-600"></i>核心逻辑与市场认知分析
</h2>
<h3 class="text-xl font-semibold text-gray-800 mb-4">核心驱动力</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">维度</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">数据验证</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">逻辑推导</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">政策端</td>
<td class="py-3 px-4 border-b">新国标放宽限重+以旧换新补贴</td>
<td class="py-3 px-4 border-b">铅酸电池在两轮车渗透率从2023年90%→2025年<span class="highlight font-bold">95%+</span>（存量替换需求<span class="highlight font-bold">200GWh/年</span>）</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">需求端</td>
<td class="py-3 px-4 border-b">2025年国内智算中心装机5GW→铅酸需求6GWh</td>
<td class="py-3 px-4 border-b">数据中心备电<span class="highlight font-bold">不可替代</span>（锂电渗透率<5%，安全性未解决），需求增速<span class="highlight font-bold">183%</span></td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">供给端</td>
<td class="py-3 px-4 border-b">头部三家企业产能利用率<span class="highlight font-bold">>90%</span></td>
<td class="py-3 px-4 border-b">环保限产+产线切换困难（两轮车电池无法转产数据中心），<span class="highlight font-bold">新增产能为0</span></td>
</tr>
</tbody>
</table>
</div>
<h3 class="text-xl font-semibold text-gray-800 mt-8 mb-4">市场认知偏差</h3>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded">
<h4 class="font-semibold text-red-800 mb-2">误区1："锂电将替代铅酸"</h4>
<p class="text-red-700"><strong>证伪</strong>：数据中心场景中，锂电因热失控风险被禁用（阿里2024年测试后仍选铅酸），海外渗透率也仅10%。</p>
</div>
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded">
<h4 class="font-semibold text-red-800 mb-2">误区2："行业产能过剩"</h4>
<p class="text-red-700"><strong>证伪</strong>：数据中心用铅酸电池需<span class="font-bold">4-6C高倍率放电</span>，与普通电池产线不兼容，有效供给仅<span class="font-bold">9GWh</span>（需求10GWh+）。</p>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="bg-white rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-rocket mr-3 text-purple-600"></i>关键催化剂与未来发展路径
</h2>
<h3 class="text-xl font-semibold text-gray-800 mb-4">近期催化剂（3-6个月）</h3>
<div class="space-y-4 mb-8">
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 bg-purple-100 rounded-full flex items-center justify-center mr-3 mt-1">
<span class="text-purple-600 font-bold">1</span>
</div>
<div>
<h4 class="font-semibold text-gray-800">2025年6月</h4>
<p class="text-gray-600">阿里、腾讯数据中心招标落地，预计订单规模<span class="highlight font-bold">8-10亿元</span>（对应1GWh），触发第三轮涨价（涨幅或达20%）。</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 bg-purple-100 rounded-full flex items-center justify-center mr-3 mt-1">
<span class="text-purple-600 font-bold">2</span>
</div>
<div>
<h4 class="font-semibold text-gray-800">2025年Q3</h4>
<p class="text-gray-600">铅价若突破<span class="highlight font-bold">2万元/吨</span>（当前1.8万），成本传导将加速（每涨1000元→电池成本+0.02元/Wh）。</p>
</div>
</div>
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">长期路径（2025-2027）</h3>
<div class="grid md:grid-cols-3 gap-4">
<div class="bg-blue-50 p-4 rounded-lg">
<h4 class="font-semibold text-blue-800 mb-2">2025年</h4>
<p class="text-blue-700">供需缺口扩大，价格从0.6元/Wh→0.8元/Wh，龙头净利率从10%→15%。</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<h4 class="font-semibold text-blue-800 mb-2">2026年</h4>
<p class="text-blue-700">二线厂商（理士、雄韬）通过认证进入市场，但头部仍占<span class="font-bold">80%份额</span>，价格战概率低。</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<h4 class="font-semibold text-blue-800 mb-2">2027年</h4>
<p class="text-blue-700">若锂电安全性突破，数据中心渗透率或提升至20%，但铅酸仍主导<span class="font-bold">高功率场景</span>（如15分钟备电）。</p>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="bg-white rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-sitemap mr-3 text-purple-600"></i>产业链与核心公司深度剖析
</h2>
<h3 class="text-xl font-semibold text-gray-800 mb-4">产业链图谱</h3>
<div class="bg-gray-50 p-4 rounded-lg mb-6">
<div class="flex flex-wrap items-center justify-center gap-4">
<div class="bg-white px-4 py-2 rounded-lg shadow-sm">上游：铅锭（豫光金铅）</div>
<div class="text-gray-400">→</div>
<div class="bg-white px-4 py-2 rounded-lg shadow-sm">再生铅（骆驼股份）</div>
<div class="text-gray-400">→</div>
<div class="bg-white px-4 py-2 rounded-lg shadow-sm">中游：电池制造（圣阳/南都/双登）</div>
<div class="text-gray-400">→</div>
<div class="bg-white px-4 py-2 rounded-lg shadow-sm">认证（泰尔实验室）</div>
<div class="text-gray-400">→</div>
<div class="bg-white px-4 py-2 rounded-lg shadow-sm">下游：数据中心（阿里/字节/腾讯）+两轮车（雅迪/爱玛）</div>
</div>
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">公司</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">数据中心产能</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">2025年PE</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">核心优势</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">风险点</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">圣阳股份</td>
<td class="py-3 px-4 border-b"><span class="highlight font-bold">3GWh</span>（占40%份额）</td>
<td class="py-3 px-4 border-b"><span class="highlight font-bold">15倍</span></td>
<td class="py-3 px-4 border-b">互联网客户订单弹性大（字节核心供应商）</td>
<td class="py-3 px-4 border-b">产能扩张受限（环评未批复）</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">南都电源</td>
<td class="py-3 px-4 border-b"><span class="highlight font-bold">3GWh</span>（扩产中）</td>
<td class="py-3 px-4 border-b"><span class="highlight font-bold">20倍</span></td>
<td class="py-3 px-4 border-b">海外订单（北美/东南亚）+锂电协同</td>
<td class="py-3 px-4 border-b">锂电业务拖累估值</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">双登集团</td>
<td class="py-3 px-4 border-b"><span class="highlight font-bold">6GWh</span>（2025年）</td>
<td class="py-3 px-4 border-b">未上市</td>
<td class="py-3 px-4 border-b">最大产能，阿里一级供应商</td>
<td class="py-3 px-4 border-b">港股上市进度不确定</td>
</tr>
</tbody>
</table>
</div>
<h3 class="text-xl font-semibold text-gray-800 mt-8 mb-4">验证与证伪</h3>
<div class="space-y-4">
<div class="bg-green-50 border-l-4 border-green-500 p-4 rounded">
<h4 class="font-semibold text-green-800 mb-2">圣阳股份</h4>
<p class="text-green-700">路演确认其<span class="font-bold">3GWh产能已满产</span>，排产至9月，与研报"涨价弹性最大"一致。</p>
</div>
<div class="bg-yellow-50 border-l-4 border-yellow-500 p-4 rounded">
<h4 class="font-semibold text-yellow-800 mb-2">南都电源</h4>
<p class="text-yellow-700">2024年数据中心出货仅<span class="font-bold">0.34GWh</span>（占比20%），低于研报预期，需跟踪扩产落地。</p>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="bg-white rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-exclamation-triangle mr-3 text-purple-600"></i>潜在风险与挑战
</h2>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">风险类型</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">具体表现</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">概率评估</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">技术替代</td>
<td class="py-3 px-4 border-b">锂电通过UL9540A防火测试，2026年或抢占20%市场</td>
<td class="py-3 px-4 border-b"><span class="text-yellow-600 font-bold">中</span>（需2-3年验证）</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">政策风险</td>
<td class="py-3 px-4 border-b">环保限产放松，天能/超威转产数据中心电池</td>
<td class="py-3 px-4 border-b"><span class="text-green-600 font-bold">低</span>（环评审批趋严）</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">需求波动</td>
<td class="py-3 px-4 border-b">若AI资本开支低于预期（如阿里削减预算）</td>
<td class="py-3 px-4 border-b"><span class="text-yellow-600 font-bold">中</span>（跟踪BAT资本开支）</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">数据矛盾</td>
<td class="py-3 px-4 border-b">路演称"二线厂商Q4进入"，但认证需6个月→实际或推迟至2026年</td>
<td class="py-3 px-4 border-b"><span class="text-red-600 font-bold">高</span>（需验证认证进度）</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="gradient-bg rounded-xl p-6 mb-8 text-white">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-trophy mr-3"></i>综合结论与投资启示
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3">结论</h3>
<p class="text-lg">铅酸电池处于<span class="font-bold">"供给刚性+需求爆发"</span>的黄金期，<span class="font-bold">2025年涨价周期确定性极高</span>，龙头公司估值未充分反映。</p>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3">投资方向</h3>
<div class="space-y-3">
<div class="bg-white bg-opacity-20 rounded-lg p-3">
<p><span class="font-bold">1. 纯数据中心标的</span>：圣阳股份（15倍PE+40%市占率）</p>
</div>
<div class="bg-white bg-opacity-20 rounded-lg p-3">
<p><span class="font-bold">2. 双轮驱动</span>：南都电源（铅酸涨价+锂电出海）</p>
</div>
<div class="bg-white bg-opacity-20 rounded-lg p-3">
<p><span class="font-bold">3. 上游资源</span>：豫光金铅（铅价上涨受益）</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3">跟踪指标</h3>
<div class="grid md:grid-cols-3 gap-4">
<div class="bg-white bg-opacity-20 rounded-lg p-3">
<p class="font-semibold">6月招标结果</p>
<p class="text-sm">阿里/腾讯订单分配比例</p>
</div>
<div class="bg-white bg-opacity-20 rounded-lg p-3">
<p class="font-semibold">铅价走势</p>
<p class="text-sm">LME铅库存与再生铅开工率</p>
</div>
<div class="bg-white bg-opacity-20 rounded-lg p-3">
<p class="font-semibold">产能动态</p>
<p class="text-sm">圣阳/南都环评批复进度</p>
</div>
</div>
</div>
</div>
<!-- 关联股票数据 -->
<div class="bg-white rounded-xl p-6 card-shadow">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-chart-bar mr-3 text-purple-600"></i>关联股票数据
</h2>
<div class="table-responsive">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">股票名称</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">行业</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">关键指标</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">投资理由</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">天能股份</td>
<td class="py-3 px-4 border-b">铅酸电池</td>
<td class="py-3 px-4 border-b">2023年国内电动轻型车铅蓄电池动力电池市场占有率超45%；2022年底铅蓄电池产能110GW</td>
<td class="py-3 px-4 border-b">2023年国内电动轻型车铅蓄电池动力电池市场占有率超45%，排名第一；2022年底铅蓄电池产能110GW</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">粤宏远A</td>
<td class="py-3 px-4 border-b">铅酸电池</td>
<td class="py-3 px-4 border-b">2023年废旧铅蓄电池回收收入占比66%</td>
<td class="py-3 px-4 border-b">2023年废旧铅蓄电池回收收入占比66%</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">骆驼股份</td>
<td class="py-3 px-4 border-b">铅酸电池</td>
<td class="py-3 px-4 border-b">2023年铅酸电池营收占比77%；应用领域：汽车</td>
<td class="py-3 px-4 border-b">2023年铅酸电池营收占比77%，但应用领域为汽车</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">南都电源</td>
<td class="py-3 px-4 border-b">铅酸电池</td>
<td class="py-3 px-4 border-b">2023年铅蓄电池营收占比14%</td>
<td class="py-3 px-4 border-b">2023年铅蓄电池营收占比14%</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 border-b font-medium">再升科技</td>
<td class="py-3 px-4 border-b">铅酸电池</td>
<td class="py-3 px-4 border-b">AGM隔膜技术领先；铅酸蓄电池需求量增加促进AGM隔板用量增加</td>
<td class="py-3 px-4 border-b">AGM隔膜技术领先，铅酸蓄电池需求量增加，进而促进AGM隔板用量增加</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script>
// 初始化Vanta.js背景
VANTA.WAVES({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x667eea,
shininess: 30.00,
waveHeight: 15.00,
waveSpeed: 0.75,
zoom: 0.85
});
// 初始化粒子效果
tsParticles.load("vanta-bg", {
particles: {
number: {
value: 30,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#ffffff"
},
shape: {
type: "circle"
},
opacity: {
value: 0.3,
random: true
},
size: {
value: 3,
random: true
},
move: {
enable: true,
speed: 1,
direction: "none",
random: true,
straight: false,
out_mode: "out"
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "repulse"
}
}
},
retina_detect: true
});
</script>
</body>
</html>
```