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

624
public/htmls/谷子经济.html Normal file
View File

@@ -0,0 +1,624 @@
<!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/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet" />
<!-- Nucleo Icons -->
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-icons.css" rel="stylesheet" />
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-svg.css" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- CSS Files -->
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/soft-design-system-pro.css?v=1.2.0" 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" />
<style>
body {
font-family: 'Noto Sans SC', sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
position: relative;
overflow-x: hidden;
}
.particle-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.content-card {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 16px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.18);
}
.section-title {
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}
.highlight-box {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: white;
border-radius: 12px;
padding: 16px;
margin: 12px 0;
}
.timeline-item {
position: relative;
padding-left: 30px;
margin-bottom: 20px;
}
.timeline-item:before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #667eea;
}
.timeline-item:after {
content: "";
position: absolute;
left: 5px;
top: 20px;
width: 2px;
height: calc(100% + 10px);
background: #e2e8f0;
}
.timeline-item:last-child:after {
display: none;
}
.stock-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.stock-table th {
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
color: white;
font-weight: 600;
text-align: left;
padding: 12px 16px;
}
.stock-table th:first-child {
border-top-left-radius: 12px;
}
.stock-table th:last-child {
border-top-right-radius: 12px;
}
.stock-table td {
padding: 12px 16px;
border-bottom: 1px solid #e2e8f0;
}
.stock-table tr:last-child td:first-child {
border-bottom-left-radius: 12px;
}
.stock-table tr:last-child td:last-child {
border-bottom-right-radius: 12px;
}
.stock-table tr:hover {
background-color: rgba(102, 126, 234, 0.05);
}
@media (max-width: 768px) {
.stock-table {
font-size: 14px;
}
.stock-table th, .stock-table td {
padding: 8px 12px;
}
}
</style>
</head>
<body>
<div id="particles-js" class="particle-container"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题部分 -->
<div class="content-card p-8 mb-8 text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-4 section-title">谷子经济概念分析</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">Z世代情绪消费的具象化，从主题炒作向基本面驱动过渡的新兴消费赛道</p>
</div>
<!-- 概念事件 -->
<div class="content-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">概念事件</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="text-xl font-semibold mb-3 text-purple-700">时间轴</h3>
<div class="timeline-item">
<div class="font-semibold">2023Q4</div>
<div>美团"谷子店"关键词搜索量同比<strong>+8000%</strong>（华创传媒路演），线下谷子店开始爆发。</div>
</div>
<div class="timeline-item">
<div class="font-semibold">2024-03</div>
<div>谷子经济进入"爆发期"，全国门店从年初<strong>&lt;20家</strong>增至<strong>&gt;2000家</strong>（德邦路演）。</div>
</div>
<div class="timeline-item">
<div class="font-semibold">2024-07</div>
<div>布鲁可港股递表，泡泡玛特海外收入占比<strong>15%</strong>（申万路演）。</div>
</div>
<div class="timeline-item">
<div class="font-semibold">2024-12</div>
<div>中央经济工作会议首次将"首发经济"纳入扩内需重点，谷子作为首发经济典型场景被政策点名。</div>
</div>
<div class="timeline-item">
<div class="font-semibold">2025-01</div>
<div>全国谷子店突破<strong>3239家</strong>，华东占比<strong>41%</strong>（浙商草根调研）。</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-purple-700">催化事件</h3>
<div class="highlight-box mb-3">
<div class="font-bold mb-1">政策</div>
<div>2024年12月"首发经济"政策明确支持IP衍生品首发首秀。</div>
</div>
<div class="highlight-box mb-3">
<div class="font-bold mb-1">爆款</div>
<div>2024年《哪吒2》周边预售<strong>10万件</strong>、天猫旗舰店断货；卡游小马宝莉卡牌二级市场溢价<strong>数十万元</strong>。</div>
</div>
<div class="highlight-box">
<div class="font-bold mb-1">渠道</div>
<div>百联ZX创趣场2024年销售额<strong>5亿元</strong>（同比+67%），成为谷子经济线下标杆。</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="content-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">核心观点摘要</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-purple-50 p-4 rounded-lg">
<div class="text-purple-700 font-bold mb-2">阶段判断</div>
<div>谷子经济处于<strong>"主题炒作向基本面驱动过渡"</strong>阶段，2024年市场规模<strong>1689亿元</strong>（同比+40.6%），但行业集中度低（CR5&lt;30%），龙头尚未固化。</div>
</div>
<div class="bg-pink-50 p-4 rounded-lg">
<div class="text-pink-700 font-bold mb-2">核心驱动力</div>
<div>Z世代情绪消费（<strong>5.03亿泛二次元用户</strong>）+国产IP崛起（2025年闲鱼榜单国产IP占6/10）+线下渠道爆发（<strong>3000+谷子店</strong>）。</div>
</div>
<div class="bg-indigo-50 p-4 rounded-lg">
<div class="text-indigo-700 font-bold mb-2">未来潜力</div>
<div>预计2029年市场规模<strong>3089亿元</strong>（CAGR 13%），但需警惕同质化竞争和IP生命周期风险。</div>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="content-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">核心逻辑与市场认知分析</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3 text-purple-700">核心驱动力</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="border-l-4 border-purple-500 pl-4">
<div class="font-bold text-purple-700 mb-1">需求端</div>
<div>Z世代"悦己消费"崛起，<strong>88.7%</strong>的二次元用户购买过谷子（2025调研），单价10-30元降低决策门槛。</div>
</div>
<div class="border-l-4 border-pink-500 pl-4">
<div class="font-bold text-pink-700 mb-1">供给端</div>
<div>国产IP（《原神》《恋与深空》）替代日谷，授权费从<strong>50万/年</strong>（冷门IP）到<strong>300万/年</strong>（热门IP），推动国谷占比超50%。</div>
</div>
<div class="border-l-4 border-indigo-500 pl-4">
<div class="font-bold text-indigo-700 mb-1">渠道端</div>
<div>商场"二次元改造"成流量密码，百联ZX创趣场<strong>日均客流6万</strong>（改造前仅2万），验证线下场景价值。</div>
</div>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3 text-purple-700">市场热度与情绪</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-gradient-to-r from-purple-50 to-pink-50 p-4 rounded-lg">
<div class="font-bold mb-2">研报密度</div>
<div>2024年11-12月相关路演<strong>15场</strong>（华泰、申万、国君等），主题指数<strong>超额收益42.6%</strong>（2023.11-2024.11）。</div>
</div>
<div class="bg-gradient-to-r from-pink-50 to-indigo-50 p-4 rounded-lg">
<div class="font-bold mb-2">情绪分化</div>
<div>二级市场爆炒"谷子概念股"（广博股份、实丰文化年内涨幅<strong>&gt;50%</strong>），但专家提示<strong>70%门店为外行盲目开店</strong>，2025年或迎出清潮。</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-purple-700">预期差</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="border border-purple-200 p-4 rounded-lg">
<div class="font-bold text-purple-700 mb-2">市场忽略点</div>
<div>谷子经济<strong>70%交易在线下</strong>（浙商调研），但资金过度聚焦线上IP公司（如中文在线PE 128x），低估渠道价值（百联股份PE仅14x）。</div>
</div>
<div class="border border-pink-200 p-4 rounded-lg">
<div class="font-bold text-pink-700 mb-2">数据矛盾</div>
<div>路演称2024年市场规模<strong>1000亿</strong>，而艾媒咨询数据为<strong>1689亿</strong>，差异源于是否计入二手交易（闲鱼2024年二次元GMV<strong>+104%</strong>）。</div>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="content-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">关键催化剂与未来发展路径</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3 text-purple-700">近期催化剂（3-6个月）</h3>
<div class="space-y-3">
<div class="flex items-start">
<div class="bg-purple-100 text-purple-800 rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">1</div>
<div><strong>政策落地</strong>：2025Q1各地"首发经济"细则出台，谷子店或获商场租金补贴（上海已试点）。</div>
</div>
<div class="flex items-start">
<div class="bg-pink-100 text-pink-800 rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">2</div>
<div><strong>爆款IP</strong>：2025年春节档《哪吒2》《封神2》衍生品预售，预计带动<strong>20%+</strong>谷子销售增量。</div>
</div>
<div class="flex items-start">
<div class="bg-indigo-100 text-indigo-800 rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">3</div>
<div><strong>龙头上市</strong>：布鲁可港股IPO（2025Q2），募资<strong>10亿港元</strong>扩产，或催化板块估值。</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-purple-700">长期路径</h3>
<div class="space-y-4">
<div class="bg-gradient-to-r from-purple-50 to-pink-50 p-4 rounded-lg">
<div class="font-bold mb-1">2025-2026</div>
<div>行业洗牌，连锁品牌（泡泡玛特、卡游）市占率提升至<strong>40%+</strong>，个体店淘汰率<strong>&gt;50%</strong>。</div>
</div>
<div class="bg-gradient-to-r from-pink-50 to-indigo-50 p-4 rounded-lg">
<div class="font-bold mb-1">2027-2029</div>
<div>IP运营成熟化，国产IP出海（东南亚为主），谷子经济衍生至<strong>数字藏品+实体联动</strong>（如NFT徽章）。</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="content-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">产业链与核心公司深度剖析</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3 text-purple-700">产业链图谱</h3>
<div class="flex flex-col md:flex-row justify-between items-center bg-gradient-to-r from-purple-50 to-indigo-50 p-6 rounded-lg">
<div class="text-center mb-4 md:mb-0">
<div class="font-bold text-purple-700 mb-2">上游</div>
<div>IP方（米哈游、腾讯动漫）→授权代理（阿里鱼、羚邦）</div>
</div>
<div class="text-3xl text-purple-500 mb-4 md:mb-0">→</div>
<div class="text-center mb-4 md:mb-0">
<div class="font-bold text-pink-700 mb-2">中游</div>
<div>设计生产（京华激光代工卡游卡牌，毛利率<strong>67%</strong>）</div>
</div>
<div class="text-3xl text-pink-500 mb-4 md:mb-0">→</div>
<div class="text-center">
<div class="font-bold text-indigo-700 mb-2">下游</div>
<div>渠道（百联ZX商场、泡泡玛特直营店、闲鱼二手）</div>
</div>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3 text-purple-700">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="w-full border-collapse">
<thead>
<tr class="bg-gradient-to-r from-purple-600 to-indigo-600 text-white">
<th class="p-3 text-left">公司</th>
<th class="p-3 text-left">角色</th>
<th class="p-3 text-left">核心优势</th>
<th class="p-3 text-left">风险点</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-200 hover:bg-purple-50">
<td class="p-3 font-bold">泡泡玛特</td>
<td class="p-3">全产业链</td>
<td class="p-3">自有IP（Molly）+海外扩张（泰国店月流水<strong>100万+</strong>）</td>
<td class="p-3">头部IP老化（Molly增速<strong>&lt;10%</strong>）</td>
</tr>
<tr class="border-b border-gray-200 hover:bg-pink-50">
<td class="p-3 font-bold">卡游</td>
<td class="p-3">卡牌龙头</td>
<td class="p-3">小马宝莉独家授权，经销商<strong>200+</strong></td>
<td class="p-3">过度依赖单一IP（奥特曼占比<strong>&gt;50%</strong>）</td>
</tr>
<tr class="border-b border-gray-200 hover:bg-indigo-50">
<td class="p-3 font-bold">百联股份</td>
<td class="p-3">渠道方</td>
<td class="p-3">ZX创趣场<strong>5亿销售额</strong>，政策红利</td>
<td class="p-3">商场改造ROI待验证</td>
</tr>
<tr class="hover:bg-purple-50">
<td class="p-3 font-bold">广博股份</td>
<td class="p-3">IP运营</td>
<td class="p-3">柯南/魔道祖师授权，文具渠道协同</td>
<td class="p-3">IP续约成本上升（2025年涨价<strong>30%</strong>）</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-purple-700">验证与证伪</h3>
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded">
<div class="font-bold text-red-700 mb-1">证伪点</div>
<div>路演称卡游"净利率30%"，但招股书显示2024Q1净利率<strong>仅5.8%</strong>（因营销费用激增），需警惕盈利波动。</div>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="content-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">潜在风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-red-50 p-4 rounded-lg">
<div class="font-bold text-red-700 mb-2">技术风险</div>
<div>谷子生产门槛低，<strong>盗版率&gt;20%</strong>（闲鱼数据），NFT防伪技术尚未普及。</div>
</div>
<div class="bg-orange-50 p-4 rounded-lg">
<div class="font-bold text-orange-700 mb-2">商业化风险</div>
<div>谷子单价低导致<strong>客单价&lt;60元</strong>，需靠高频复购，但IP热度周期仅<strong>2-3个月</strong>（德邦路演）。</div>
</div>
<div class="bg-yellow-50 p-4 rounded-lg">
<div class="font-bold text-yellow-700 mb-2">政策风险</div>
<div>未成年人消费限制（2024年已有商场要求<strong>家长陪同购买</strong>）。</div>
</div>
<div class="bg-purple-50 p-4 rounded-lg">
<div class="font-bold text-purple-700 mb-2">信息矛盾</div>
<div>门店数量：浙商称<strong>2000家</strong>，而草根调研显示<strong>3239家</strong>，差异源于统计口径（是否计入快闪店）。</div>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="content-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">综合结论与投资启示</h2>
<div class="mb-6">
<div class="bg-gradient-to-r from-purple-600 to-indigo-600 text-white p-6 rounded-lg mb-4">
<div class="font-bold text-xl mb-2">阶段判断</div>
<div>谷子经济处于<strong>"渠道扩张驱动"</strong>的早期成长期，<strong>2025年或迎供给侧出清</strong>，龙头将显现。</div>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-3 text-purple-700">投资方向</h3>
<div class="space-y-4">
<div class="bg-green-50 p-4 rounded-lg border-l-4 border-green-500">
<div class="font-bold text-green-700 mb-2">首选渠道</div>
<div><strong>百联股份</strong>（PE 14x，ZX创趣场可复制）、<strong>晨光股份</strong>（九木杂物社<strong>702家店</strong>）。</div>
</div>
<div class="bg-blue-50 p-4 rounded-lg border-l-4 border-blue-500">
<div class="font-bold text-blue-700 mb-2">弹性标的</div>
<div><strong>广博股份</strong>（IP储备+低估值）、<strong>实丰文化</strong>（宝可梦授权+小市值）。</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-purple-700">跟踪指标</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-purple-50 p-4 rounded-lg">
<div class="font-bold text-purple-700 mb-2">高频数据</div>
<div>每月谷子店净增数量（&lt;50家/月为降温信号）。</div>
</div>
<div class="bg-pink-50 p-4 rounded-lg">
<div class="font-bold text-pink-700 mb-2">验证指标</div>
<div>2025Q2布鲁可上市后<strong>单店模型</strong>（回本周期是否&lt;3年）。</div>
</div>
</div>
</div>
<div class="mt-6 p-4 bg-gradient-to-r from-purple-100 to-indigo-100 rounded-lg">
<div class="font-bold text-center text-lg mb-2">结论</div>
<div class="text-center">谷子经济是Z世代情绪消费的具象化，短期看渠道红利，长期看IP运营能力。当前需警惕"开店泡沫"，重点关注<strong>渠道龙头+IP稀缺性</strong>组合。</div>
</div>
</div>
<!-- 关联股票数据 -->
<div class="content-card p-6">
<h2 class="text-2xl font-bold mb-4 section-title">关联股票数据</h2>
<div class="overflow-x-auto">
<table class="stock-table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>行业</th>
<th>项目</th>
<th>产业链</th>
<th>投资逻辑</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-semibold">新世界(四连板)</td>
<td>零售</td>
<td>FUN肆街区、IPSTAR潮玩星球、G00DSL0VE谷乐屋</td>
<td>二次元文化、潮玩零售</td>
<td>新世界城谷店集中在4楼FUN肆街区，包含IPSTAR潮玩星球、G00DSL0VE谷乐屋等十余家二次元品牌，CAPCOM等日本游戏厂商国内唯一周边店入驻。</td>
</tr>
<tr>
<td class="font-semibold">华联股份</td>
<td>零售</td>
<td>百联ZX创趣场</td>
<td>动漫周边、二次元主题商业</td>
<td>华联商厦变身全国首个二次元主题商业体百联ZX创趣场，引入万代魂、都动漫等近30家日本知名动漫关联品牌。</td>
</tr>
<tr>
<td class="font-semibold">云南城投</td>
<td>商业地产</td>
<td>成都天府红购物中心</td>
<td>二次元零售、文化消费</td>
<td>成都天府红购物中心转型为二次元氛围商场，引进40余个二次元品牌，B1-6楼打造浓二次元氛围扑面而来。</td>
</tr>
<tr>
<td class="font-semibold">欧亚集团</td>
<td>零售</td>
<td>欧亚卖场、POP MART泡泡玛特</td>
<td>潮玩、文创</td>
<td>欧亚卖场设有POP MART泡泡玛特、哈谷港等潮玩及文创品牌，覆盖偶木工坊、雨霁手工草物馆等多业态。</td>
</tr>
<tr>
<td class="font-semibold">徐家汇</td>
<td>零售</td>
<td>二次元集合店</td>
<td>零售转型、二次元经济</td>
<td>部分传统零售企业将二次元集合店作为重要引流及转型方向。</td>
</tr>
<tr>
<td class="font-semibold">武商股份</td>
<td>零售</td>
<td>武商梦时代</td>
<td>年轻消费市场、体育竞技</td>
<td>武商梦时代开拓"年轻、新锐、潮奢"市场，拥抱体育竞技及二次元、萌宠等文化圈层。</td>
</tr>
<tr>
<td class="font-semibold">大悦城</td>
<td>商业地产</td>
<td>静安大悦城、北座6-8楼</td>
<td>商业地产改造、二次元场景</td>
<td>全国大悦城均有谷子店改造，静安大悦城北座6-8楼及南座3楼聚集漫魂、goods love等二次元品牌。</td>
</tr>
<tr>
<td class="font-semibold">王府井</td>
<td>零售</td>
<td>王府井喜悦购物中心</td>
<td>二次元零售、购物中心改造</td>
<td>王府井喜悦购物中心谷店集中在B2层，入驻甘乐屋、潮玩星球、布谷社等品牌。</td>
</tr>
<tr>
<td class="font-semibold">百联股份</td>
<td>零售</td>
<td>上海百联ZX创趣场</td>
<td>二次元文化、潮玩经济</td>
<td>上海百联ZX创趣场以二次元文化为主打，聚焦Z世代消费群体。</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: 30,
density: {
enable: true,
value_area: 800
}
},
color: {
value: ["#667eea", "#764ba2", "#f093fb", "#f5576c"]
},
shape: {
type: "circle",
stroke: {
width: 0,
color: "#000000"
}
},
opacity: {
value: 0.5,
random: true,
anim: {
enable: true,
speed: 1,
opacity_min: 0.1,
sync: false
}
},
size: {
value: 5,
random: true,
anim: {
enable: true,
speed: 2,
size_min: 0.1,
sync: false
}
},
line_linked: {
enable: true,
distance: 150,
color: "#667eea",
opacity: 0.2,
width: 1
},
move: {
enable: true,
speed: 1,
direction: "none",
random: true,
straight: false,
out_mode: "out",
bounce: false,
attract: {
enable: false,
rotateX: 600,
rotateY: 1200
}
}
},
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>
```