Files
vf_react/public/htmls/谷子经济.html
2025-10-11 16:16:02 +08:00

624 lines
26 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>布鲁可港股IPO2025Q2募资<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">自有IPMolly+海外扩张(泰国店月流水<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 14xZX创趣场可复制<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>
```