510 lines
22 KiB
HTML
510 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" />
|
||
<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%, #e4e8f0 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 {
|
||
width: 12px;
|
||
height: 12px;
|
||
background-color: #667eea;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
left: -6px;
|
||
top: 6px;
|
||
}
|
||
|
||
.timeline-line {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 1px;
|
||
background-color: #e2e8f0;
|
||
}
|
||
|
||
.industry-tag {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
color: white;
|
||
padding: 2px 10px;
|
||
border-radius: 12px;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.table-container {
|
||
overflow-x: scroll;
|
||
}
|
||
}
|
||
|
||
.highlight-text {
|
||
background: linear-gradient(120deg, #a8edea 0%, #fed6e3 100%);
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 0.2em;
|
||
background-position: 0 88%;
|
||
transition: background-size 0.25s ease-in;
|
||
}
|
||
|
||
.highlight-text:hover {
|
||
background-size: 100% 88%;
|
||
}
|
||
|
||
.floating {
|
||
animation: floating 3s ease-in-out infinite;
|
||
}
|
||
|
||
@keyframes floating {
|
||
0% { transform: translateY(0px); }
|
||
50% { transform: translateY(-10px); }
|
||
100% { transform: translateY(0px); }
|
||
}
|
||
|
||
.particle-bg {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
opacity: 0.4;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<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 text-gray-800 mb-4">
|
||
宠物经济新生态
|
||
</h1>
|
||
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
|
||
从"野蛮生长"到"龙头收割+国产替代"的成熟期，食品高端化与医疗连锁化是核心驱动力
|
||
</p>
|
||
<div class="mt-6 flex justify-center space-x-4">
|
||
<span class="industry-tag">市场规模 3000亿元+</span>
|
||
<span class="industry-tag">年增长率 15%+</span>
|
||
<span class="industry-tag">国货替代加速</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 时间轴部分 -->
|
||
<div class="bg-white rounded-2xl card-shadow p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-clock text-purple-600 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-purple-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-purple-800">2024年12月</h3>
|
||
<p class="text-gray-700">中国城镇犬猫消费市场规模突破<strong class="highlight-text">3000亿元</strong>，行业进入"大整合阶段"</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative mb-6">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-blue-800">2025年5月</h3>
|
||
<p class="text-gray-700">合肥市政府召开"壮大宠物经济座谈会"，将宠物经济纳入现代农业"新赛道"</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative mb-6">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-green-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-green-800">2025年5月</h3>
|
||
<p class="text-gray-700">中金、国信等机构密集发布研报，提出"宠物经济黄金时代"逻辑</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-yellow-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-yellow-800">2025年6月</h3>
|
||
<p class="text-gray-700">万得宠物经济指数上涨<strong class="highlight-text">1.68%</strong>，宠物经济领涨</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点部分 -->
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
|
||
<div class="bg-white rounded-2xl card-shadow p-6">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<i class="fas fa-lightbulb text-yellow-500 mr-3"></i>
|
||
核心观点
|
||
</h2>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>宠物经济已从"野蛮生长"进入<strong class="highlight-text">"龙头收割+国产替代"</strong>的成熟期</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span><strong class="highlight-text">食品高端化</strong>与<strong class="highlight-text">医疗连锁化</strong>是核心驱动力</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>预计2027年市场规模突破<strong class="highlight-text">4000亿元</strong></span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
|
||
<span>国货龙头市占率有望从当前<strong class="highlight-text">5-6%</strong>提升至<strong class="highlight-text">20%+</strong></span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-white rounded-2xl card-shadow p-6">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
|
||
<i class="fas fa-chart-line text-blue-500 mr-3"></i>
|
||
市场驱动力
|
||
</h2>
|
||
<div class="space-y-4">
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-blue-800 mb-2">需求升级</h3>
|
||
<p class="text-gray-700 text-sm">90后/00后宠物主占比超<strong class="highlight-text">60%</strong>，单宠年均消费达<strong class="highlight-text">2961元</strong>（犬）</p>
|
||
</div>
|
||
<div class="bg-purple-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-purple-800 mb-2">供给优化</h3>
|
||
<p class="text-gray-700 text-sm">国产替代加速，高端化率从<strong class="highlight-text">35%</strong>向海外<strong class="highlight-text">50%+</strong>看齐</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-green-800 mb-2">下沉市场</h3>
|
||
<p class="text-gray-700 text-sm">三线及以下城市养宠渗透率仅<strong class="highlight-text">13.5%</strong>，增速最快</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链图谱 -->
|
||
<div class="bg-white rounded-2xl card-shadow p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-sitemap text-indigo-600 mr-3"></i>
|
||
产业链图谱
|
||
</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="text-center">
|
||
<div class="gradient-bg text-white rounded-lg p-4 mb-3">
|
||
<i class="fas fa-industry text-3xl mb-2"></i>
|
||
<h3 class="font-semibold">上游</h3>
|
||
</div>
|
||
<p class="text-gray-700">原料（索宝蛋白、永安药业牛磺酸）→设备（智能用品：小米、海尔）</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="gradient-bg text-white rounded-lg p-4 mb-3">
|
||
<i class="fas fa-cogs text-3xl mb-2"></i>
|
||
<h3 class="font-semibold">中游</h3>
|
||
</div>
|
||
<p class="text-gray-700">食品（乖宝、中宠、佩蒂）+医疗（瑞普生物、新瑞鹏）</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="gradient-bg text-white rounded-lg p-4 mb-3">
|
||
<i class="fas fa-store text-3xl mb-2"></i>
|
||
<h3 class="font-semibold">下游</h3>
|
||
</div>
|
||
<p class="text-gray-700">渠道（天元宠物并购"它品"B2B平台）+服务（宠物酒店、保险）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心玩家对比 -->
|
||
<div class="bg-white rounded-2xl card-shadow p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-chess text-purple-600 mr-3"></i>
|
||
核心玩家对比
|
||
</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full divide-y divide-gray-200">
|
||
<thead class="bg-gray-50">
|
||
<tr>
|
||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
|
||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">赛道</th>
|
||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">竞争优势</th>
|
||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="bg-white divide-y divide-gray-200">
|
||
<tr>
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-purple-700">乖宝宠物</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">食品</td>
|
||
<td class="px-6 py-4">抖音渠道第一、弗列加特高端化成功</td>
|
||
<td class="px-6 py-4">抖音流量成本上升</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-purple-700">中宠股份</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">食品</td>
|
||
<td class="px-6 py-4">全球化产能、代工转品牌</td>
|
||
<td class="px-6 py-4">海外关税波动</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-purple-700">瑞普生物</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">医疗</td>
|
||
<td class="px-6 py-4">唯一布局宠物医院+疫苗国产替代</td>
|
||
<td class="px-6 py-4">医院盈利模型待验证</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-purple-700">天元宠物</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">渠道</td>
|
||
<td class="px-6 py-4">收购"它品"整合线下4.7万家宠物店</td>
|
||
<td class="px-6 py-4">自有品牌盈利困难</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据表格 -->
|
||
<div class="bg-white rounded-2xl card-shadow p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
||
<i class="fas fa-table text-green-600 mr-3"></i>
|
||
关联股票数据
|
||
</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full divide-y divide-gray-200">
|
||
<thead class="bg-gray-50">
|
||
<tr>
|
||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
|
||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">行业</th>
|
||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">项目/产品</th>
|
||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">产业链位置</th>
|
||
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">投资亮点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="bg-white divide-y divide-gray-200">
|
||
<tr>
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-blue-700">乖宝宠物</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">宠物食品</td>
|
||
<td class="px-6 py-4">麦富迪品牌市占率第一</td>
|
||
<td class="px-6 py-4">中游</td>
|
||
<td class="px-6 py-4">A股收入第一，2024年宠物食品收入52.2亿元，占比99.53%</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-blue-700">中宠股份</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">宠物食品</td>
|
||
<td class="px-6 py-4">加拿大工厂二期、美国工厂二期</td>
|
||
<td class="px-6 py-4">中游</td>
|
||
<td class="px-6 py-4">A股收入第二，2024年宠物食品及用品收入42.92亿元，占比96.14%</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-blue-700">瑞普生物</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">宠物医疗</td>
|
||
<td class="px-6 py-4">口服剂型驱虫药米贝尔肝吡喹酮片</td>
|
||
<td class="px-6 py-4">中游</td>
|
||
<td class="px-6 py-4">国内首个上市产品，供应链平台覆盖7000家宠物医院</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-blue-700">永安药业</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">宠物食品</td>
|
||
<td class="px-6 py-4">牛磺酸应用</td>
|
||
<td class="px-6 py-4">上游</td>
|
||
<td class="px-6 py-4">全球牛磺酸市占率超50%，现有产能5.8万吨/年</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-blue-700">佩蒂股份</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">宠物用品</td>
|
||
<td class="px-6 py-4">宠物咬胶</td>
|
||
<td class="px-6 py-4">中游</td>
|
||
<td class="px-6 py-4">宠物咬胶市占率龙头，2024年植物咬胶收入6.08亿元</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-blue-700">天元宠物</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">宠物用品</td>
|
||
<td class="px-6 py-4">收购广州淘通科技</td>
|
||
<td class="px-6 py-4">下游</td>
|
||
<td class="px-6 py-4">并购B2B宠物供应链平台"它品"，2024年宠物用品收入15.3亿元</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-blue-700">依依股份</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">宠物用品</td>
|
||
<td class="px-6 py-4">宠物卫生用品</td>
|
||
<td class="px-6 py-4">中游</td>
|
||
<td class="px-6 py-4">宠物卫生用品龙头，年产46亿片宠物垫，占国内出口30%+</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-blue-700">中牧股份</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">宠物医疗</td>
|
||
<td class="px-6 py-4">宠物疫苗及药品</td>
|
||
<td class="px-6 py-4">中游</td>
|
||
<td class="px-6 py-4">拥有3款宠物用疫苗、7款宠物化学药品和5款宠物营养保健品</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-blue-700">普莱柯</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">宠物医疗</td>
|
||
<td class="px-6 py-4">猫三联灭活疫苗</td>
|
||
<td class="px-6 py-4">中游</td>
|
||
<td class="px-6 py-4">猫三联灭活疫苗为代表的宠物用国产疫苗面世，引领进口替代</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="px-6 py-4 whitespace-nowrap font-semibold text-blue-700">科前生物</td>
|
||
<td class="px-6 py-4 whitespace-nowrap">宠物医疗</td>
|
||
<td class="px-6 py-4">猫三联灭活疫苗研发</td>
|
||
<td class="px-6 py-4">中游</td>
|
||
<td class="px-6 py-4">通过宠物GCP监督检查，准备提交临床试验申请</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 风险提示 -->
|
||
<div class="bg-red-50 rounded-2xl card-shadow p-6 mb-8">
|
||
<h2 class="text-2xl font-bold text-red-800 mb-4 flex items-center">
|
||
<i class="fas fa-exclamation-triangle text-red-600 mr-3"></i>
|
||
潜在风险与挑战
|
||
</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-white rounded-lg p-4">
|
||
<h3 class="font-semibold text-red-700 mb-2">技术风险</h3>
|
||
<p class="text-gray-700 text-sm">干细胞治疗法规空白，商业化需3-5年</p>
|
||
</div>
|
||
<div class="bg-white rounded-lg p-4">
|
||
<h3 class="font-semibold text-red-700 mb-2">商业化风险</h3>
|
||
<p class="text-gray-700 text-sm">孟加拉工厂达产延迟（工人效率低）</p>
|
||
</div>
|
||
<div class="bg-white rounded-lg p-4">
|
||
<h3 class="font-semibold text-red-700 mb-2">政策风险</h3>
|
||
<p class="text-gray-700 text-sm">宠物医疗监管趋严（处方粮标准收紧）</p>
|
||
</div>
|
||
<div class="bg-white rounded-lg p-4">
|
||
<h3 class="font-semibold text-red-700 mb-2">信息矛盾</h3>
|
||
<p class="text-gray-700 text-sm">研报称医疗利润率17-23%，但路演显示7%</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 投资启示 -->
|
||
<div class="bg-gradient-to-r from-purple-600 to-indigo-600 rounded-2xl card-shadow p-6 text-white">
|
||
<h2 class="text-2xl font-bold mb-4 flex items-center">
|
||
<i class="fas fa-coins text-yellow-300 mr-3"></i>
|
||
投资启示
|
||
</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-3 text-yellow-300">阶段判断</h3>
|
||
<p>宠物经济新生态处于"基本面驱动初期"，食品高端化已验证，医疗连锁化待盈利拐点</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-3 text-yellow-300">投资方向</h3>
|
||
<ul class="space-y-2">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-arrow-right text-yellow-300 mt-1 mr-2"></i>
|
||
<span>食品高端化：乖宝宠物、中宠股份</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-arrow-right text-yellow-300 mt-1 mr-2"></i>
|
||
<span>医疗连锁化：瑞普生物</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="mt-6 pt-6 border-t border-purple-400">
|
||
<h3 class="text-xl font-semibold mb-3 text-yellow-300">跟踪指标</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-3">
|
||
<h4 class="font-semibold">乖宝宠物</h4>
|
||
<p class="text-sm">弗列加特季度收入增速（需维持50%+）</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-3">
|
||
<h4 class="font-semibold">瑞普生物</h4>
|
||
<p class="text-sm">瑞派单店净利润率（突破20%即标志盈利拐点）</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-3">
|
||
<h4 class="font-semibold">行业</h4>
|
||
<p class="text-sm">国产猫三联疫苗批签发量（2025年目标100万头份）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Scripts -->
|
||
<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: "#8b5cf6"
|
||
},
|
||
shape: {
|
||
type: "circle"
|
||
},
|
||
opacity: {
|
||
value: 0.5,
|
||
random: true
|
||
},
|
||
size: {
|
||
value: 3,
|
||
random: true
|
||
},
|
||
move: {
|
||
enable: true,
|
||
speed: 2,
|
||
direction: "none",
|
||
random: true,
|
||
straight: false,
|
||
out_mode: "out",
|
||
bounce: false
|
||
}
|
||
},
|
||
interactivity: {
|
||
detect_on: "canvas",
|
||
events: {
|
||
onhover: {
|
||
enable: true,
|
||
mode: "repulse"
|
||
},
|
||
onclick: {
|
||
enable: true,
|
||
mode: "push"
|
||
},
|
||
resize: true
|
||
}
|
||
},
|
||
retina_detect: true
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |