539 lines
22 KiB
HTML
539 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>干细胞糖尿病治疗突破 - 行业洞察</title>
|
||
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
|
||
<!-- Font Awesome Icons -->
|
||
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||
<!-- Tailwind CSS -->
|
||
<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://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, #f5f7fa 0%, #e4edf5 100%);
|
||
min-height: 100vh;
|
||
}
|
||
|
||
.timeline-dot {
|
||
position: relative;
|
||
}
|
||
|
||
.timeline-dot::before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 16px;
|
||
height: 16px;
|
||
border-radius: 50%;
|
||
background: #3b82f6;
|
||
top: 5px;
|
||
left: -8px;
|
||
z-index: 2;
|
||
}
|
||
|
||
.timeline-line {
|
||
position: absolute;
|
||
width: 2px;
|
||
background: #d1d5db;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
z-index: 1;
|
||
}
|
||
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(90deg, #3b82f6, #10b981);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
#particles-js {
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: -1;
|
||
opacity: 0.3;
|
||
}
|
||
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.table-container {
|
||
overflow-x: scroll;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="particles-js"></div>
|
||
|
||
<div class="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 mb-4 gradient-text">干细胞糖尿病治疗突破</h1>
|
||
<p class="text-lg text-gray-600 max-w-3xl mx-auto">从实验室验证到临床转化爆发期，干细胞治疗糖尿病领域迎来历史性突破</p>
|
||
</div>
|
||
|
||
<!-- 概念事件时间轴 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-600 flex items-center">
|
||
<i class="fas fa-calendar-alt mr-3"></i>概念事件时间轴
|
||
</h2>
|
||
<div class="relative pl-8">
|
||
<div class="timeline-line"></div>
|
||
|
||
<div class="mb-6 timeline-dot">
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h3 class="font-bold text-lg text-blue-700">2024年9月25日</h3>
|
||
<p class="text-gray-700">中国科学家团队在《Cell》发表里程碑成果，首次利用化学重编程iPSC技术制备胰岛细胞，成功功能性治愈1型糖尿病</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6 timeline-dot">
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h3 class="font-bold text-lg text-blue-700">2024年12月6日</h3>
|
||
<p class="text-gray-700">CDE批准国内首个多能干细胞糖尿病药品（瑞普晨创RGB-5088）进入临床试验，适应症为1型糖尿病</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6 timeline-dot">
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h3 class="font-bold text-lg text-blue-700">2025年1月2日</h3>
|
||
<p class="text-gray-700">国家药监局批准首款间充质干细胞药物艾米迈托赛上市（GVHD适应症），标志干细胞药物商业化元年开启</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-dot">
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h3 class="font-bold text-lg text-blue-700">发展路径</h3>
|
||
<p class="text-gray-700">2024Q2（长征医院临床治愈案例）→ 2024Q4（RGB-5088获批IND）→ 2025Q1（艾米迈托赛上市）→ 2025H2（RGB-5088二期数据读出）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
|
||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||
<div class="text-blue-500 mb-4">
|
||
<i class="fas fa-lightbulb text-3xl"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-3">阶段判断</h3>
|
||
<p class="text-gray-700">干细胞糖尿病治疗已从实验室验证进入临床转化爆发期，技术路径和监管路径均已跑通</p>
|
||
</div>
|
||
|
||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||
<div class="text-green-500 mb-4">
|
||
<i class="fas fa-rocket text-3xl"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-3">核心驱动力</h3>
|
||
<p class="text-gray-700">技术突破（化学重编程+胰岛分化）+政策加速（CDE指南+海南自贸区试点）+未满足需求</p>
|
||
</div>
|
||
|
||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||
<div class="text-purple-500 mb-4">
|
||
<i class="fas fa-chart-line text-3xl"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-3">未来潜力</h3>
|
||
<p class="text-gray-700">若RGB-5088二期数据优异，2026年或成全球首个获批的干细胞糖尿病药物，峰值销售有望超50亿元</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知分析 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-600 flex items-center">
|
||
<i class="fas fa-brain mr-3"></i>核心逻辑与市场认知分析
|
||
</h2>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
<div>
|
||
<h3 class="text-xl font-bold mb-4 text-green-600">核心驱动力</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||
<div>
|
||
<strong>技术突破</strong>：长征医院案例证实iPSC胰岛细胞可长期存活并分泌胰岛素，解决传统胰岛移植供体短缺问题
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||
<div>
|
||
<strong>政策红利</strong>：CDE 2024年发布《干细胞糖尿病治疗指南》，海南博鳌允许未上市干细胞药物收费试用
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||
<div>
|
||
<strong>需求刚性</strong>：1型糖尿病需终身胰岛素治疗，全球患者超200万（中国约100万），现有疗法无法根治
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-bold mb-4 text-purple-600">市场热度与预期差</h3>
|
||
<div class="bg-purple-50 rounded-lg p-4 mb-4">
|
||
<h4 class="font-bold mb-2">市场热度</h4>
|
||
<p>2024年9月《Cell》论文发布后，干细胞概念股单日涨幅超10%；2024Q4以来，8家券商发布干细胞专题报告</p>
|
||
</div>
|
||
<div class="bg-yellow-50 rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">预期差分析</h4>
|
||
<p>市场认为干细胞治疗仍处于早期探索阶段，实际RGB-5088已获批IND，进度领先全球</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来发展路径 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-600 flex items-center">
|
||
<i class="fas fa-fire mr-3"></i>关键催化剂与未来发展路径
|
||
</h2>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
<div>
|
||
<h3 class="text-xl font-bold mb-4 text-red-600">近期催化剂（3-6个月）</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<div class="bg-red-100 rounded-full p-2 mr-3">
|
||
<i class="fas fa-flask text-red-600"></i>
|
||
</div>
|
||
<div>
|
||
<strong>2025年6月</strong>：RGB-5088二期临床数据读出（45例患者，主要终点：胰岛素脱离率）
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-red-100 rounded-full p-2 mr-3">
|
||
<i class="fas fa-notes-medical text-red-600"></i>
|
||
</div>
|
||
<div>
|
||
<strong>2025年7月</strong>：九芝堂美科脑卒中适应症二期数据（关联干细胞技术验证）
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-red-100 rounded-full p-2 mr-3">
|
||
<i class="fas fa-coins text-red-600"></i>
|
||
</div>
|
||
<div>
|
||
<strong>2025年9月</strong>：海南博鳌干细胞治疗定价政策落地（预计3.6-15万元/次）
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-bold mb-4 text-indigo-600">长期路径</h3>
|
||
<div class="bg-indigo-50 rounded-lg p-4">
|
||
<ul class="space-y-2">
|
||
<li class="flex items-center">
|
||
<i class="fas fa-arrow-right text-indigo-600 mr-2"></i>
|
||
<span><strong>2025-2026年</strong>：RGB-5088完成III期</span>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<i class="fas fa-arrow-right text-indigo-600 mr-2"></i>
|
||
<span><strong>2027年</strong>：获批上市</span>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<i class="fas fa-arrow-right text-indigo-600 mr-2"></i>
|
||
<span><strong>2028年</strong>：拓展2型糖尿病（中国患者1.4亿，渗透率0.1%即140亿元市场）</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司深度剖析 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-600 flex items-center">
|
||
<i class="fas fa-sitemap mr-3"></i>产业链与核心公司深度剖析
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-bold mb-4 text-green-600">产业链图谱</h3>
|
||
<div class="flex flex-wrap justify-between items-center bg-gray-50 rounded-lg p-4">
|
||
<div class="text-center px-4 py-2">
|
||
<div class="font-bold text-green-700">上游</div>
|
||
<div class="text-sm">细胞制备设备/试剂</div>
|
||
</div>
|
||
<i class="fas fa-arrow-right text-gray-400"></i>
|
||
<div class="text-center px-4 py-2">
|
||
<div class="font-bold text-blue-700">中游</div>
|
||
<div class="text-sm">iPSC重编程+胰岛分化技术</div>
|
||
</div>
|
||
<i class="fas fa-arrow-right text-gray-400"></i>
|
||
<div class="text-center px-4 py-2">
|
||
<div class="font-bold text-purple-700">下游</div>
|
||
<div class="text-sm">医院移植/医保支付</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-bold mb-4 text-green-600">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-white">
|
||
<thead>
|
||
<tr class="bg-gray-100 text-gray-600 uppercase text-sm leading-normal">
|
||
<th class="py-3 px-6 text-left">公司</th>
|
||
<th class="py-3 px-6 text-left">技术路径</th>
|
||
<th class="py-3 px-6 text-left">进度</th>
|
||
<th class="py-3 px-6 text-left">竞争优势</th>
|
||
<th class="py-3 px-6 text-left">风险</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="text-gray-600 text-sm">
|
||
<tr class="border-b border-gray-200 hover:bg-gray-50">
|
||
<td class="py-3 px-6 text-left font-bold">瑞普晨创</td>
|
||
<td class="py-3 px-6 text-left">化学重编程iPSC胰岛</td>
|
||
<td class="py-3 px-6 text-left">IND获批（国内首个）</td>
|
||
<td class="py-3 px-6 text-left">自体细胞无需免疫抑制，长征医院背书</td>
|
||
<td class="py-3 px-6 text-left">临床数据不及预期</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-200 hover:bg-gray-50">
|
||
<td class="py-3 px-6 text-left font-bold">中源协和</td>
|
||
<td class="py-3 px-6 text-left">牙髓干细胞（牙周炎）</td>
|
||
<td class="py-3 px-6 text-left">II期临床</td>
|
||
<td class="py-3 px-6 text-left">干细胞库牌照+多适应症布局</td>
|
||
<td class="py-3 px-6 text-left">糖尿病适应症尚未启动</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-200 hover:bg-gray-50">
|
||
<td class="py-3 px-6 text-left font-bold">九芝堂</td>
|
||
<td class="py-3 px-6 text-left">骨髓MSC（脑卒中）</td>
|
||
<td class="py-3 px-6 text-left">II期完成入组</td>
|
||
<td class="py-3 px-6 text-left">美国Stemedica技术授权，脑卒中数据催化</td>
|
||
<td class="py-3 px-6 text-left">干细胞非核心业务</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-6 text-left font-bold">Vertex</td>
|
||
<td class="py-3 px-6 text-left">异体ESC胰岛</td>
|
||
<td class="py-3 px-6 text-left">III期（美国）</td>
|
||
<td class="py-3 px-6 text-left">全球进度最快，但需免疫抑制</td>
|
||
<td class="py-3 px-6 text-left">中国患者可及性低</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险与挑战 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 text-red-600 flex items-center">
|
||
<i class="fas fa-exclamation-triangle mr-3"></i>潜在风险与挑战
|
||
</h2>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-red-50 rounded-lg p-5">
|
||
<h3 class="text-lg font-bold mb-3 text-red-700 flex items-center">
|
||
<i class="fas fa-microscope mr-2"></i>技术风险
|
||
</h3>
|
||
<p>iPSC分化胰岛细胞纯度不足可能导致畸胎瘤（长征医院案例未出现，但需长期随访）</p>
|
||
</div>
|
||
|
||
<div class="bg-orange-50 rounded-lg p-5">
|
||
<h3 class="text-lg font-bold mb-3 text-orange-700 flex items-center">
|
||
<i class="fas fa-money-bill-wave mr-2"></i>商业化风险
|
||
</h3>
|
||
<p>干细胞治疗未纳入医保，需依赖商保或自费（海南试点定价15万元/次）</p>
|
||
</div>
|
||
|
||
<div class="bg-yellow-50 rounded-lg p-5">
|
||
<h3 class="text-lg font-bold mb-3 text-yellow-700 flex items-center">
|
||
<i class="fas fa-balance-scale mr-2"></i>政策风险
|
||
</h3>
|
||
<p>若CDE收紧干细胞审批标准（如要求更大样本量），上市时间或延后</p>
|
||
</div>
|
||
|
||
<div class="bg-purple-50 rounded-lg p-5">
|
||
<h3 class="text-lg font-bold mb-3 text-purple-700 flex items-center">
|
||
<i class="fas fa-info-circle mr-2"></i>信息矛盾
|
||
</h3>
|
||
<p>部分媒体夸大"治愈所有糖尿病"，实际仅针对1型（2型糖尿病仍需验证）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 综合结论与投资启示 -->
|
||
<div class="bg-gradient-to-r from-blue-500 to-teal-500 rounded-xl shadow-lg p-6 mb-8 text-white">
|
||
<h2 class="text-2xl font-bold mb-6 flex items-center">
|
||
<i class="fas fa-chart-line mr-3"></i>综合结论与投资启示
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-bold mb-3">阶段判断</h3>
|
||
<p>主题炒作向基本面驱动过渡——技术验证完成，商业化路径清晰（医保外支付+自贸区试点）</p>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-bold mb-3">投资价值方向</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">最纯标的</h4>
|
||
<p>瑞普晨创（未上市，贝达药业持股46.8%），直接受益RGB-5088进展</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">弹性标的</h4>
|
||
<p>中源协和（干细胞库+多适应症），若糖尿病管线启动将重估</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">上游设备</h4>
|
||
<p>东富龙（细胞制备设备供应商，未在列表但产业链受益）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-bold mb-3">关键跟踪指标</h3>
|
||
<ul class="list-disc pl-5 space-y-2">
|
||
<li>RGB-5088二期数据（胰岛素脱离率≥50%为成功阈值）</li>
|
||
<li>海南博鳌定价政策（若低于10万元/次，渗透率将显著提升）</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="mt-6 pt-4 border-t border-white border-opacity-30">
|
||
<p class="text-lg font-bold">结论：干细胞糖尿病治疗突破已从"故事"走向"数据验证"，2025年中期是核心观察窗口，技术领先且进度最快的公司将获得超额收益。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票表格 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 card-hover">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-600 flex items-center">
|
||
<i class="fas fa-table mr-3"></i>关联股票数据
|
||
</h2>
|
||
|
||
<div class="table-container">
|
||
<table class="min-w-full table-auto">
|
||
<thead>
|
||
<tr class="bg-gray-100 text-gray-600 uppercase text-sm leading-normal">
|
||
<th class="py-3 px-6 text-left">股票名称</th>
|
||
<th class="py-3 px-6 text-left">行业</th>
|
||
<th class="py-3 px-6 text-left">项目</th>
|
||
<th class="py-3 px-6 text-left">分类</th>
|
||
<th class="py-3 px-6 text-left">产业链</th>
|
||
<th class="py-3 px-6 text-left">原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="text-gray-600 text-sm">
|
||
<tr class="border-b border-gray-200 hover:bg-gray-50">
|
||
<td class="py-3 px-6 text-left font-bold">济民医疗</td>
|
||
<td class="py-3 px-6 text-left">干细胞</td>
|
||
<td class="py-3 px-6 text-left">胰岛移植治疗</td>
|
||
<td class="py-3 px-6 text-left">糖尿病治疗</td>
|
||
<td class="py-3 px-6 text-left">临床治疗</td>
|
||
<td class="py-3 px-6 text-left">进度A股第一，已进入3期临床阶段</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-200 hover:bg-gray-50">
|
||
<td class="py-3 px-6 text-left font-bold">赤天化</td>
|
||
<td class="py-3 px-6 text-left">干细胞</td>
|
||
<td class="py-3 px-6 text-left">干细胞治疗糖尿病</td>
|
||
<td class="py-3 px-6 text-left">糖尿病治疗</td>
|
||
<td class="py-3 px-6 text-left">研发</td>
|
||
<td class="py-3 px-6 text-left">处于研究阶段，尚未进入临床试验</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50">
|
||
<td class="py-3 px-6 text-left font-bold">我武生物</td>
|
||
<td class="py-3 px-6 text-left">干细胞</td>
|
||
<td class="py-3 px-6 text-left">退行性疾病干细胞药物</td>
|
||
<td class="py-3 px-6 text-left">退行性疾病治疗</td>
|
||
<td class="py-3 px-6 text-left">药物研发</td>
|
||
<td class="py-3 px-6 text-left">处于研发阶段，针对退行性疾病领域</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</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"
|
||
},
|
||
shape: {
|
||
type: "circle"
|
||
},
|
||
opacity: {
|
||
value: 0.5,
|
||
random: false
|
||
},
|
||
size: {
|
||
value: 3,
|
||
random: true
|
||
},
|
||
line_linked: {
|
||
enable: true,
|
||
distance: 150,
|
||
color: "#3b82f6",
|
||
opacity: 0.4,
|
||
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: 1
|
||
}
|
||
},
|
||
push: {
|
||
particles_nb: 4
|
||
}
|
||
}
|
||
},
|
||
retina_detect: true
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |