update pay ui

This commit is contained in:
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions

View File

@@ -1,532 +1,441 @@
<!DOCTYPE html>
<html lang="zh-CN">
<html lang="zh-CN" data-theme="night">
<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 & DaisyUI -->
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" type="text/css" />
<!-- Custom CSS -->
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
}
.card-shadow {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.gradient-text {
background: linear-gradient(90deg, #3b82f6, #10b981);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.highlight-box {
background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);
border-left: 4px solid #3b82f6;
}
.table-container {
overflow-x: auto;
}
.table-container table {
min-width: 100%;
}
@media (max-width: 768px) {
.table-container {
font-size: 0.875rem;
}
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>药辅微晶纤维素 - 深度行业研究报告</title>
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Orbitron:wght@400;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #010008;
overflow: hidden;
color: #E0E0E0;
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background: rgba(15, 12, 41, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(118, 75, 224, 0.15);
border-radius: 1.5rem; /* 24px */
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
border: 1px solid rgba(118, 75, 224, 0.3);
transform: translateY(-4px);
box-shadow: 0 12px 40px 0 rgba(118, 75, 224, 0.1);
}
.text-glow {
text-shadow: 0 0 8px rgba(192, 132, 252, 0.6), 0 0 16px rgba(192, 132, 252, 0.4);
}
.accent-glow {
filter: drop-shadow(0 0 8px rgba(45, 212, 191, 0.7));
}
/* Animated background */
.aurora-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
}
.aurora-bg > div {
position: absolute;
border-radius: 50%;
mix-blend-mode: screen;
filter: blur(80px);
opacity: 0.6;
}
.aurora-1 {
width: 800px;
height: 800px;
background: rgba(79, 70, 229, 0.3);
animation: move1 25s infinite alternate;
}
.aurora-2 {
width: 700px;
height: 700px;
background: rgba(168, 85, 247, 0.3);
animation: move2 30s infinite alternate;
}
.aurora-3 {
width: 600px;
height: 600px;
background: rgba(29, 78, 216, 0.3);
animation: move3 28s infinite alternate;
}
@keyframes move1 {
from { transform: translate(-20vw, -20vh) rotate(0deg); }
to { transform: translate(40vw, 50vh) rotate(180deg); }
}
@keyframes move2 {
from { transform: translate(50vw, -30vh) rotate(0deg); }
to { transform: translate(10vw, 60vh) rotate(-180deg); }
}
@keyframes move3 {
from { transform: translate(80vw, 40vh) rotate(0deg); }
to { transform: translate(20vw, -40vh) rotate(360deg); }
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: rgba(15, 12, 41, 0.2);
}
::-webkit-scrollbar-thumb {
background: rgba(118, 75, 224, 0.3);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(118, 75, 224, 0.5);
}
</style>
</head>
<body class="min-h-screen p-4 md:p-8">
<div class="max-w-7xl mx-auto">
<!-- Header -->
<div class="text-center mb-10">
<h1 class="text-3xl md:text-4xl font-bold gradient-text mb-4">药辅微晶纤维素概念分析</h1>
<p class="text-gray-600 max-w-3xl mx-auto">从进口替代到产能释放,国产微晶纤维素迎来基本面驱动阶段</p>
<body class="min-h-screen">
<div class="aurora-bg">
<div class="aurora-1"></div>
<div class="aurora-2"></div>
<div class="aurora-3"></div>
</div>
<!-- 概念事件 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-calendar-alt text-blue-500 mr-2"></i> 概念事件
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="highlight-box p-4 rounded-lg">
<h3 class="font-semibold text-gray-700 mb-2">背景</h3>
<p class="text-gray-600">微晶纤维素MCC是固体制剂片剂、胶囊的核心辅料用于填充、粘合、崩解全球市场规模约<strong class="text-blue-600">40亿元</strong>2023年预计2030年达<strong class="text-green-600">46亿元</strong>CAGR 2%)。中国长期依赖进口(美国伊士曼垄断),国产替代空间巨大。</p>
</div>
<div>
<h3 class="font-semibold text-gray-700 mb-2">催化事件</h3>
<ul class="space-y-2">
<li class="flex items-start">
<span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded mr-2">2024年4月</span>
<span class="text-gray-600">中美关税政策导致进口CAB价格暴涨至<strong class="text-red-600">20万元/吨</strong>国产仅8-10万加速国产替代。</span>
</li>
<li class="flex items-start">
<span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded mr-2">2024年5月</span>
<span class="text-gray-600">山河药辅新厂区<strong class="text-green-600">5000吨微晶纤维素产能</strong>投产,产能利用率超预期(<strong class="text-green-600">60-70%</strong>),订单覆盖未来半年。</span>
</li>
<li class="flex items-start">
<span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded mr-2">2025年6月</span>
<span class="text-gray-600">三维化学<strong class="text-green-600">1.5万吨醋酸纤维素项目</strong>含MCC预计2026年投产技术突破打破伊士曼垄断。</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container mx-auto p-4 sm:p-6 lg:p-8 max-h-screen overflow-y-auto">
<header class="text-center mb-12">
<h1 class="font-orbitron text-4xl md:text-6xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-purple-400 via-cyan-300 to-purple-400 text-glow animate-pulse">
药辅微晶纤维素
</h1>
<p class="mt-4 text-lg text-purple-200/80">深度行业研究报告</p>
<p class="mt-2 text-sm text-cyan-200/60">北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
</header>
<!-- 核心观点摘要 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-lightbulb text-yellow-500 mr-2"></i> 核心观点摘要
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-blue-50 p-4 rounded-lg">
<h3 class="font-semibold text-blue-700 mb-2">阶段判断</h3>
<p class="text-gray-700">药辅微晶纤维素已从<strong class="text-blue-600">"进口替代主题"</strong>进入<strong class="text-green-600">"产能释放+需求爆发"</strong>的基本面驱动阶段。</p>
</div>
<div class="bg-green-50 p-4 rounded-lg">
<h3 class="font-semibold text-green-700 mb-2">核心驱动力</h3>
<ul class="text-gray-700 space-y-1">
<li>① 国产替代进口占比40%→20%</li>
<li>② 植物胶囊需求激增羟丙甲纤维素拉动MCC配套</li>
<li>③ 新产能落地(山河药辅+三维化学)</li>
</ul>
</div>
<div class="bg-purple-50 p-4 rounded-lg">
<h3 class="font-semibold text-purple-700 mb-2">未来潜力</h3>
<p class="text-gray-700">2025-2027年国产MCC市占率有望从<strong class="text-purple-600">30%提升至50%</strong>,龙头公司利润复合增速<strong class="text-purple-600">25%+</strong></p>
</div>
</div>
</div>
</div>
<main class="space-y-8">
<!-- Insight Section -->
<section class="glass-card p-6 md:p-8">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold mb-6 border-l-4 border-cyan-400 pl-4 text-cyan-300">概念洞察 (Concept Insight)</h2>
<div class="space-y-6 text-gray-300">
<div>
<h3 class="text-xl font-bold text-purple-300 mb-2">0. 概念事件</h3>
<p>“药辅微晶纤维素”MCC概念的核心是高端药用辅料的国产化替代与产业升级其发展脉络与中国的药品审评审批制度改革特别是仿制药一致性评价政策紧密相连。随着“仿制药一致性评价”政策的全面推行倒逼制药企业必须采用高质量、高稳定性的药用辅料从而为性能达标且具备成本优势的国产高端辅料打开了市场空间。微晶纤维素MCC作为性能优于传统淀粉类的核心固体制剂辅料正处于这一替代浪潮的中心。</p>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-brain text-purple-500 mr-2"></i> 核心逻辑与市场认知分析
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div>
<h3 class="font-semibold text-gray-700 mb-3 flex items-center">
<i class="fas fa-rocket text-blue-500 mr-2"></i> 核心驱动力
</h3>
<ul class="space-y-3">
<li class="bg-gray-50 p-3 rounded-lg">
<h4 class="font-medium text-gray-800">技术突破</h4>
<p class="text-sm text-gray-600 mt-1">山河药辅<strong>16种细分规格</strong>MCC对标国际标准通过FDA/欧盟认证;三维化学突破<strong>CAB合成技术</strong>万吨级产线投资2.5-3亿/万吨建设周期1年+)。</p>
</li>
<li class="bg-gray-50 p-3 rounded-lg">
<h4 class="font-medium text-gray-800">政策催化</h4>
<p class="text-sm text-gray-600 mt-1">一致性评价+集采倒逼药企降本国产MCC价格仅为进口<strong>30-50%</strong>进口62元/kg vs 国产22-30元/kg</p>
</li>
<li class="bg-gray-50 p-3 rounded-lg">
<h4 class="font-medium text-gray-800">需求爆发</h4>
<p class="text-sm text-gray-600 mt-1">植物胶囊渗透率从<strong>5%→20%</strong>欧美已50%),单粒胶囊需<strong>50-100mg MCC</strong>,对应新增需求<strong>万吨级</strong></p>
</li>
</ul>
</div>
<div>
<h3 class="font-semibold text-gray-700 mb-3 flex items-center">
<i class="fas fa-fire text-orange-500 mr-2"></i> 市场热度与情绪
</h3>
<div class="space-y-4">
<div class="bg-orange-50 p-4 rounded-lg">
<h4 class="font-medium text-gray-800 mb-2">研报密集度</h4>
<p class="text-sm text-gray-600">2024年5月后<strong class="text-orange-600">5篇深度报告</strong>聚焦山河药辅一致预期2025年利润<strong class="text-orange-600">1.5-1.6亿元</strong>PE 25倍</p>
</div>
<div class="bg-yellow-50 p-4 rounded-lg">
<h4 class="font-medium text-gray-800 mb-2">情绪分歧</h4>
<p class="text-sm text-gray-600">部分投资者担忧<strong class="text-yellow-600">价格战</strong>常规型号降价10-15%),但高端型号(缓控释专用)溢价稳定。</p>
</div>
</div>
</div>
<div>
<h3 class="font-semibold text-gray-700 mb-3 flex items-center">
<i class="fas fa-search text-green-500 mr-2"></i> 预期差
</h3>
<div class="space-y-4">
<div class="bg-green-50 p-4 rounded-lg">
<h4 class="font-medium text-gray-800 mb-2">被忽视点</h4>
<p class="text-sm text-gray-600">三维化学的<strong class="text-green-600">1.5万吨项目</strong>2026年投产可能重塑供给格局当前市场仅关注山河药辅。</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<h4 class="font-medium text-gray-800 mb-2">验证数据</h4>
<p class="text-sm text-gray-600">山河药辅2024年MCC销量<strong class="text-blue-600">6845吨</strong>+22%),出口占比<strong class="text-blue-600">30%</strong>(俄罗斯、印度订单激增)。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-purple-300 mb-2">1. 核心观点摘要</h3>
<p class="border-l-2 border-cyan-400 pl-4 italic">药辅微晶纤维素概念正处于由政策驱动向基本面兑现过渡的<strong>加速成长期</strong>。其核心驱动力源于仿制药一致性评价带来的<strong>强制性产业升级</strong>与显著成本优势下的<strong>进口替代</strong>双重逻辑。未来,该概念的潜力不仅在于存量市场的份额替代,更在于向<strong>植物胶囊、食品添加剂</strong>等新应用场景的拓展和产品结构的<strong>高端化</strong></p>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-chart-line text-green-500 mr-2"></i> 关键催化剂与未来发展路径
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="font-semibold text-gray-700 mb-3 flex items-center">
<i class="fas fa-clock text-blue-500 mr-2"></i> 近期催化剂3-6个月
</h3>
<ol class="space-y-3">
<li class="flex items-start">
<span class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm mr-2 flex-shrink-0">1</span>
<div>
<h4 class="font-medium text-gray-800">三维化学项目环评通过2025Q3</h4>
<p class="text-sm text-gray-600">标志国产万吨级MCC量产临近。</p>
<div>
<h3 class="text-xl font-bold text-purple-300 mb-2">2. 核心逻辑与市场认知分析</h3>
<ul class="space-y-4 list-disc list-inside">
<li><strong>核心驱动力:</strong>
<ul class="pl-6 mt-2 space-y-1 text-gray-400">
<li><strong class="text-cyan-300">政策强制驱动:</strong>仿制药一致性评价及关联审评审批制度是“发令枪”,拔高了行业准入门槛,利好头部规范企业。</li>
<li><strong class="text-cyan-300">极致性价比优势:</strong>国产MCC售价仅为进口产品的1/3至1/222-30元/KG vs 62-186元/KG在集采降本背景下吸引力巨大。</li>
<li><strong class="text-cyan-300">产业升级需求:</strong>MCC在可压性、粘合性上更优适用于直接压片等先进工艺迎合了制剂生产技术升级趋势。</li>
</ul>
</li>
<li><strong>预期差分析:</strong>
<ul class="pl-6 mt-2 space-y-1 text-gray-400">
<li><strong class="text-purple-300">增长质量 vs. 增长速度:</strong>市场关注销量增长,但路演揭示“常规型号降价,高附加值型号有议价权”,未来增长质量(高附加值产品占比)更为关键。</li>
<li><strong class="text-purple-300">产能扩张 vs. 产能消化:</strong>市场宣传新增产能巨大但路演显示新厂区MCC产能利用率仅60%,产能释放与完全消化存在时间差。</li>
<li><strong class="text-purple-300">单一产品逻辑 vs. 平台化逻辑:</strong>市场聚焦MCC替代故事但龙头企业已开始布局HPMC、食品添加剂等平台化战略市场认知可能滞后。</li>
</ul>
</li>
</ul>
</div>
<div>
<h3 class="text-xl font-bold text-purple-300 mb-2">3. 关键催化剂与未来发展路径</h3>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-black/20 p-4 rounded-xl border border-white/10">
<h4 class="font-semibold text-cyan-300 mb-2">近期催化剂 (未来3-6个月)</h4>
<ul class="list-decimal list-inside space-y-1 text-sm text-gray-400">
<li>新产能利用率从60%向80%以上提升。</li>
<li>“粉状纤维素”等高附加值新品的商业化放量。</li>
<li>“植物胶囊”及“食品级纤维素”等新应用领域的商业化突破。</li>
</ul>
</div>
<div class="bg-black/20 p-4 rounded-xl border border-white/10">
<h4 class="font-semibold text-purple-300 mb-2">长期发展路径</h4>
<ol class="list-decimal list-inside space-y-1 text-sm text-gray-400">
<li><strong>份额替代期 (当前):</strong> 凭借性价比抢占国内市场。</li>
<li><strong>产品升级期:</strong> 转向硅化微晶纤维素等高端品类。</li>
<li><strong>应用拓展期:</strong> 横向拓展至植物胶囊、食品添加剂。</li>
<li><strong>国际化时期:</strong> 凭借认证和成本优势参与全球竞争。</li>
</ol>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-purple-300 mb-2">4. 产业链与核心公司深度剖析</h3>
<p><strong>产业链图谱:</strong> 上游 (木浆、棉短绒) → 中游 (微晶纤维素制造商) → 下游 (制药企业、食品企业、保健品企业)。</p>
<p class="mt-2"><strong>核心玩家 - 绝对领导者:山河药辅 (300452)</strong>,其业务高度聚焦,产销量国内第一,拥有最丰富的产品矩阵和国际认证,是概念最纯粹、最核心的标的。路演数据显示其核心产品正高速放量(销量+23%,收入+22%),强力验证了核心逻辑。</p>
</div>
<div>
<h3 class="text-xl font-bold text-purple-300 mb-2">5. 潜在风险与挑战</h3>
<ul class="list-disc list-inside space-y-2 text-gray-400">
<li><strong class="text-red-400">商业化风险:</strong> 随着竞争加剧,可能引发价格战,导致行业毛利率下滑;新产能消化不及预期将侵蚀利润。</li>
<li><strong class="text-red-400">成本风险:</strong> 上游木浆、玉米等原材料价格波动会直接影响生产成本。</li>
<li><strong class="text-red-400">政策风险:</strong> 下游药品集采政策的持续高压,可能向上游传导降价压力。</li>
</ul>
</div>
<div>
<h3 class="text-xl font-bold text-purple-300 mb-2">6. 综合结论与投资启示</h3>
<p><strong>最终看法:</strong> 药辅微晶纤维素概念已<strong>进入基本面驱动阶段</strong>,并非纯粹主题炒作,而是具备扎实产业基础的成长性机会。<strong>最具投资价值的环节是中游的龙头制造商</strong>,如山河药辅,其凭借综合优势构筑了较深的护城河。</p>
<div class="mt-4 bg-black/20 p-4 rounded-xl border border-white/10">
<h4 class="font-semibold text-cyan-300 mb-2">需重点跟踪的关键指标:</h4>
<div class="grid grid-cols-2 md:grid-cols-4 gap-2 text-center text-sm">
<div class="bg-cyan-900/50 p-2 rounded-lg"><p>产能利用率</p></div>
<div class="bg-cyan-900/50 p-2 rounded-lg"><p>产品均价与毛利率</p></div>
<div class="bg-cyan-900/50 p-2 rounded-lg"><p>高附加值产品收入占比</p></div>
<div class="bg-cyan-900/50 p-2 rounded-lg"><p>新应用领域订单</p></div>
</div>
</div>
</div>
</div>
</li>
<li class="flex items-start">
<span class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm mr-2 flex-shrink-0">2</span>
<div>
<h4 class="font-medium text-gray-800">山河药辅南区二期启动</h4>
<p class="text-sm text-gray-600">新增<strong class="text-green-600">5000吨产能</strong>2026年释放锁定大客户订单如阿斯利康、辉瑞</p>
</section>
<!-- Bento Grid for supporting data -->
<section class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- News Data Card -->
<div class="glass-card p-6 md:col-span-1 lg:col-span-2">
<h3 class="font-orbitron text-xl font-bold mb-4 text-cyan-300">新闻情报 (News Feed)</h3>
<ul class="space-y-3 text-sm text-gray-300">
<li><strong class="text-purple-300">纤维素衍生物价格波动:</strong> 醋酸丁酸纤维素(CAB)因关税政策价格上涨,凸显纤维素衍生物产业链受宏观政策影响及国产替代的共同主题。</li>
<li><strong class="text-purple-300">相关企业产能扩张:</strong> 三维化学扩产1.5万吨纤维素项目产品包括交联羧甲基纤维素钠下游20%应用为医药领域。</li>
<li><strong class="text-purple-300">药辅企业动态:</strong> 山河药辅发生安全事故但位于交联羧甲纤维素钠车间非MCC产线对核心逻辑影响有限。</li>
<li><strong class="text-purple-300">上游技术突破:</strong> 中科院在纤维素全碳素合成淀粉领域取得重要进展,提升了纤维素基础科学研究的关注度。</li>
</ul>
</div>
</li>
<li class="flex items-start">
<span class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm mr-2 flex-shrink-0">3</span>
<div>
<h4 class="font-medium text-gray-800">植物胶囊招标旺季</h4>
<p class="text-sm text-gray-600">2025Q4国内药企集中采购MCC需求环比<strong class="text-green-600">+30%</strong></p>
</div>
</li>
</ol>
</div>
<div>
<h3 class="font-semibold text-gray-700 mb-3 flex items-center">
<i class="fas fa-road text-purple-500 mr-2"></i> 长期路径
</h3>
<div class="space-y-4">
<div class="bg-purple-50 p-4 rounded-lg">
<h4 class="font-medium text-gray-800 mb-2">2025-2026年</h4>
<p class="text-sm text-gray-600">国产替代加速进口份额从40%降至25%),龙头市占率集中(山河药辅+三维化学合计<strong class="text-purple-600">50%+</strong>)。</p>
</div>
<div class="bg-indigo-50 p-4 rounded-lg">
<h4 class="font-medium text-gray-800 mb-2">2027年后</h4>
<p class="text-sm text-gray-600">拓展食品级MCC肠衣、保健品打开<strong class="text-indigo-600">百亿级</strong>增量市场。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-sitemap text-indigo-500 mr-2"></i> 产业链与核心公司深度剖析
</h2>
<div class="mb-6">
<h3 class="font-semibold text-gray-700 mb-3">产业链图谱</h3>
<div class="flex flex-col md:flex-row justify-between items-center bg-gray-50 p-4 rounded-lg">
<div class="text-center mb-4 md:mb-0">
<div class="bg-blue-100 text-blue-800 font-medium px-4 py-2 rounded-lg">上游</div>
<p class="mt-2 text-sm text-gray-600">精制棉/木浆(<strong class="text-blue-600">太阳纸业</strong>)、醋酸酐(<strong class="text-blue-600">三维化学</strong></p>
</div>
<div class="text-center mb-4 md:mb-0">
<i class="fas fa-arrow-right text-gray-400 text-2xl mx-2 hidden md:block"></i>
</div>
<div class="text-center mb-4 md:mb-0">
<div class="bg-green-100 text-green-800 font-medium px-4 py-2 rounded-lg">中游</div>
<p class="mt-2 text-sm text-gray-600">MCC生产<strong class="text-green-600">山河药辅</strong><strong class="text-green-600">三维化学</strong><strong class="text-green-600">红日药业-展望药业</strong></p>
</div>
<div class="text-center mb-4 md:mb-0">
<i class="fas fa-arrow-right text-gray-400 text-2xl mx-2 hidden md:block"></i>
</div>
<div class="text-center">
<div class="bg-purple-100 text-purple-800 font-medium px-4 py-2 rounded-lg">下游</div>
<p class="mt-2 text-sm text-gray-600">制药(片剂/胶囊)、食品(植物胶囊、抗结剂)</p>
</div>
</div>
</div>
<!-- ECharts Card -->
<div class="glass-card p-6 md:col-span-1">
<h3 class="font-orbitron text-xl font-bold mb-4 text-cyan-300">市场规模预期</h3>
<div id="market-size-chart" style="width: 100%; height: 220px;"></div>
</div>
<!-- Roadshow Data Card -->
<div class="glass-card p-6 md:col-span-1 lg:col-span-2">
<h3 class="font-orbitron text-xl font-bold mb-4 text-cyan-300">路演纪要 (Roadshow Briefing)</h3>
<div class="space-y-3 text-sm text-gray-300">
<p><strong class="text-purple-300">山河药辅 - 关键数据验证:</strong></p>
<ul class="list-disc list-inside pl-2 space-y-2 text-gray-400">
<li><strong>销量强劲增长:</strong> 2024Q1微晶纤维素(MCC)销量<strong class="text-teal-300 accent-glow">+23%</strong>2024全年纤维素类收入<strong class="text-teal-300 accent-glow">+22%</strong></li>
<li><strong>产能逐步释放:</strong> 新厂区MCC产能利用率达到<strong class="text-cyan-300">60%</strong>发货周期从2-3个月缩短至1个月。</li>
<li><strong>价格分化:</strong> 常规型号因竞争降价,但高附加值型号(定制规格)仍有议价权。</li>
<li><strong>新应用拓展:</strong> 首次提及“植物胶囊应用”新增长点,并计划申报食品级纤维素产品。</li>
</ul>
</div>
</div>
<!-- Research Report Card -->
<div class="glass-card p-6 md:col-span-1">
<h3 class="font-orbitron text-xl font-bold mb-4 text-cyan-300">研报精粹 (Research Highlights)</h3>
<ul class="space-y-3 text-sm text-gray-300">
<li><strong class="text-purple-300">替代趋势明确:</strong> 高质量MCC正逐步替代低端淀粉类辅料。</li>
<li><strong class="text-purple-300">巨大价格优势:</strong> 国产MCC (22-30元/KG) 显著低于进口 (62元/KG以上)。</li>
<li><strong class="text-purple-300">龙头地位巩固:</strong> 山河药辅新增5000吨MCC产能总产能达14,506吨 (+52.63%),规模优势进一步扩大。</li>
<li><strong class="text-purple-300">高成长预期:</strong> 预计2023-2025年山河药辅纤维素类产品增速保持在15%以上毛利率稳定在35%。</li>
</ul>
</div>
</section>
<!-- Stock Table Section -->
<section class="glass-card p-6 md:p-8">
<h2 class="font-orbitron text-2xl md:text-3xl font-bold mb-6 border-l-4 border-cyan-400 pl-4 text-cyan-300">核心标的清单 (Core Stocks)</h2>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead class="text-base text-purple-300">
<tr>
<th class="bg-transparent">股票名称</th>
<th class="bg-transparent">股票代码</th>
<th class="bg-transparent">核心逻辑</th>
<th class="bg-transparent">标签</th>
</tr>
</thead>
<tbody class="text-gray-300">
<tr class="hover:bg-purple-900/20">
<td class="font-bold bg-transparent">山河药辅</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=300452" target="_blank" class="text-cyan-400 hover:text-cyan-200">300452</a></td>
<td class="bg-transparent">公司微晶纤维素产销量居国内首位产能5000吨/年研报指新增后总产能达14506吨</td>
<td class="bg-transparent"><span class="badge badge-primary badge-outline">产品</span></td>
</tr>
<tr class="hover:bg-purple-900/20">
<td class="font-bold bg-transparent">山东赫达</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=002810" target="_blank" class="text-cyan-400 hover:text-cyan-200">002810</a></td>
<td class="bg-transparent">医药级纤维素醚是一种优质药用辅料,公司为行业内仅有的全产业链一体化企业;产能巨大。</td>
<td class="bg-transparent"><span class="badge badge-secondary badge-outline">纤维素醚(医用级)</span></td>
</tr>
<tr class="hover:bg-purple-900/20">
<td class="font-bold bg-transparent">红日药业</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=300026" target="_blank" class="text-cyan-400 hover:text-cyan-200">300026</a></td>
<td class="bg-transparent">全资子公司展望药业产品包括微晶纤维素</td>
<td class="bg-transparent"><span class="badge badge-primary badge-outline">产品</span></td>
</tr>
<tr class="hover:bg-purple-900/20">
<td class="font-bold bg-transparent">尔康制药</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=300267" target="_blank" class="text-cyan-400 hover:text-cyan-200">300267</a></td>
<td class="bg-transparent">药用辅料品种包括微晶纤维素</td>
<td class="bg-transparent"><span class="badge badge-primary badge-outline">产品</span></td>
</tr>
<tr class="hover:bg-purple-900/20">
<td class="font-bold bg-transparent">九典制药</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=300705" target="_blank" class="text-cyan-400 hover:text-cyan-200">300705</a></td>
<td class="bg-transparent">已成功开发和生产药用辅料包括微晶纤维素</td>
<td class="bg-transparent"><span class="badge badge-primary badge-outline">产品</span></td>
</tr>
<tr class="hover:bg-purple-900/20">
<td class="font-bold bg-transparent">太阳纸业</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=002078" target="_blank" class="text-cyan-400 hover:text-cyan-200">002078</a></td>
<td class="bg-transparent">研发项目涉及突破高性能药用微晶纤维素制备技术,为潜在进入者。</td>
<td class="bg-transparent"><span class="badge badge-accent badge-outline">研发技术</span></td>
</tr>
<tr class="hover:bg-purple-900/20">
<td class="font-bold bg-transparent">西点药业</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=301130" target="_blank" class="text-cyan-400 hover:text-cyan-200">301130</a></td>
<td class="bg-transparent">公司致力于微晶纤维素等多糖类药用辅料的开发</td>
<td class="bg-transparent"><span class="badge badge-accent badge-outline">研发技术</span></td>
</tr>
<tr class="hover:bg-purple-900/20">
<td class="font-bold bg-transparent">恒逸石化</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=000703" target="_blank" class="text-cyan-400 hover:text-cyan-200">000703</a></td>
<td class="bg-transparent">拥有“一种微晶纤维素改性聚酯纤维及其制备方法”相关专利</td>
<td class="bg-transparent"><span class="badge badge-accent badge-outline">研发技术</span></td>
</tr>
<tr class="hover:bg-purple-900/20">
<td class="font-bold bg-transparent">宣泰医药</td>
<td class="bg-transparent"><a href="https://valuefrontier.cn/company?scode=688247" target="_blank" class="text-cyan-400 hover:text-cyan-200">688247</a></td>
<td class="bg-transparent">拥有“一种微晶纤维素的制备方法”相关专利</td>
<td class="bg-transparent"><span class="badge badge-accent badge-outline">研发技术</span></td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
<div>
<h3 class="font-semibold text-gray-700 mb-3">核心玩家对比</h3>
<div class="table-container">
<table class="min-w-full bg-white border border-gray-200 rounded-lg overflow-hidden">
<thead class="bg-gray-50">
<tr>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">产能(吨)</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">技术壁垒</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">客户绑定</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险点</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="py-3 px-4 font-medium text-gray-900">山河药辅</td>
<td class="py-3 px-4 text-gray-700"><strong class="text-green-600">14500</strong>2025年</td>
<td class="py-3 px-4 text-gray-700">16种细分规格FDA认证</td>
<td class="py-3 px-4 text-gray-700">辉瑞、赛诺菲全球供应商</td>
<td class="py-3 px-4 text-gray-700">新产能爬坡不及预期</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">三维化学</td>
<td class="py-3 px-4 text-gray-700"><strong class="text-green-600">15000</strong>2026年</td>
<td class="py-3 px-4 text-gray-700">CAB合成技术突破</td>
<td class="py-3 px-4 text-gray-700">国内药企集采订单</td>
<td class="py-3 px-4 text-gray-700">项目延期或成本超支</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">红日药业</td>
<td class="py-3 px-4 text-gray-700"><strong class="text-green-600">3000</strong>(子公司)</td>
<td class="py-3 px-4 text-gray-700">低端MCC为主</td>
<td class="py-3 px-4 text-gray-700">国内中小药企</td>
<td class="py-3 px-4 text-gray-700">价格战挤压利润</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="mt-6 grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-green-50 p-4 rounded-lg">
<h4 class="font-medium text-gray-800 mb-2 flex items-center">
<i class="fas fa-check-circle text-green-500 mr-2"></i> 印证
</h4>
<p class="text-sm text-gray-600">山河药辅2024年MCC收入<strong class="text-green-600">2.35亿元</strong>+18%),毛利率<strong class="text-green-600">36%</strong>高于行业平均25%)。</p>
</div>
<div class="bg-red-50 p-4 rounded-lg">
<h4 class="font-medium text-gray-800 mb-2 flex items-center">
<i class="fas fa-exclamation-circle text-red-500 mr-2"></i> 风险
</h4>
<p class="text-sm text-gray-600">三维化学项目若延期2026年供给缺口或导致进口依赖反弹。</p>
</div>
</div>
</div>
<footer class="text-center mt-12 pb-4">
<p class="text-xs text-gray-500">本报告为AI合成数据信息来源于公开渠道可能存在时效性、准确性等风险不构成任何投资建议投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('market-size-chart');
var myChart = echarts.init(chartDom);
var option;
<!-- 潜在风险与挑战 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-exclamation-triangle text-red-500 mr-2"></i> 潜在风险与挑战
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-red-50 p-4 rounded-lg">
<h3 class="font-semibold text-red-700 mb-2">技术风险</h3>
<p class="text-gray-700">三维化学的<strong>CAB工艺稳定性</strong>需验证(专家纪要提示"建设周期1年+,调试风险高")。</p>
</div>
<div class="bg-orange-50 p-4 rounded-lg">
<h3 class="font-semibold text-orange-700 mb-2">商业化风险</h3>
<p class="text-gray-700">常规MCC价格战2024年降价10-15%高端型号占比不足30%。</p>
</div>
<div class="bg-yellow-50 p-4 rounded-lg">
<h3 class="font-semibold text-yellow-700 mb-2">政策风险</h3>
<p class="text-gray-700">若FDA收紧进口辅料认证国产MCC出口或受阻。</p>
</div>
<div class="bg-purple-50 p-4 rounded-lg">
<h3 class="font-semibold text-purple-700 mb-2">信息矛盾</h3>
<p class="text-gray-700">路演称"订单覆盖半年"但2025Q1收入增速仅<strong class="text-purple-600">4.28%</strong>(需跟踪库存消化进度)。</p>
</div>
</div>
</div>
</div>
option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
backgroundColor: 'rgba(15, 12, 41, 0.8)',
borderColor: 'rgba(118, 75, 224, 0.5)',
textStyle: {
color: '#E0E0E0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
data: ['2016', '2021', '2025 (预期)'],
axisTick: {
alignWithLabel: true
},
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.2)'
}
},
axisLabel: {
color: '#a5b4fc'
}
}
],
yAxis: [
{
type: 'value',
name: '亿元',
axisLine: {
show: true,
lineStyle: {
color: 'rgba(255, 255, 255, 0.2)'
}
},
axisLabel: {
color: '#a5b4fc'
},
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.05)'
}
}
}
],
series: [
{
name: '市场规模',
type: 'bar',
barWidth: '60%',
data: [
{ value: 469, itemStyle: { color: '#38bdf8' } },
{ value: 846, itemStyle: { color: '#6366f1' } },
{
value: 1406,
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#a78bfa' },
{ offset: 1, color: '#6366f1' }
])
}
}
],
label: {
show: true,
position: 'top',
color: '#fff',
formatter: '{c}'
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
<!-- 综合结论与投资启示 -->
<div class="card bg-gradient-to-r from-blue-500 to-green-500 rounded-xl card-shadow mb-8 text-white">
<div class="card-body p-6">
<h2 class="text-xl font-bold mb-4 flex items-center">
<i class="fas fa-trophy text-yellow-300 mr-2"></i> 综合结论与投资启示
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div>
<h3 class="font-semibold mb-2">阶段判断</h3>
<p class="text-blue-100"><strong class="text-yellow-300">基本面驱动初期</strong>(产能释放+需求爆发),非主题炒作。</p>
</div>
<div>
<h3 class="font-semibold mb-2">投资方向</h3>
<ul class="space-y-2 text-blue-100">
<li><strong class="text-yellow-300">首选</strong><strong class="text-yellow-300">山河药辅</strong>(产能落地+客户验证完成2025年PE 20倍低于历史中枢</li>
<li><strong class="text-yellow-300">弹性标的</strong><strong class="text-yellow-300">三维化学</strong>万吨级项目催化2026年业绩弹性大</li>
</ul>
</div>
<div>
<h3 class="font-semibold mb-2">跟踪指标</h3>
<ol class="space-y-1 text-blue-100">
<li>1. <strong class="text-yellow-300">月度出口数据</strong>海关代码39129000</li>
<li>2. <strong class="text-yellow-300">山河药辅南区产能利用率</strong>目标2025Q4达<strong class="text-yellow-300">80%+</strong></li>
<li>3. <strong class="text-yellow-300">植物胶囊招标价格</strong>MCC成本占比<strong class="text-yellow-300">5-10%</strong>,敏感度极高)</li>
</ol>
</div>
</div>
</div>
</div>
<!-- 关联股票数据 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-chart-bar text-indigo-500 mr-2"></i> 关联股票数据
</h2>
<div class="table-container">
<table class="min-w-full bg-white border border-gray-200 rounded-lg overflow-hidden">
<thead class="bg-gray-50">
<tr>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">分类</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">行业</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">项目</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">产业链</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">信息来源</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">关联原因</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="py-3 px-4 font-medium text-gray-900">山河药辅</td>
<td class="py-3 px-4 text-gray-700">产品</td>
<td class="py-3 px-4 text-gray-700">药用辅料</td>
<td class="py-3 px-4 text-gray-700">微晶纤维素生产</td>
<td class="py-3 px-4 text-gray-700">生产制造</td>
<td class="py-3 px-4 text-gray-700">年报/公告</td>
<td class="py-3 px-4 text-gray-700">公司微晶纤维素产销量居国内首位产能5000吨/年</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">红日药业</td>
<td class="py-3 px-4 text-gray-700">产品</td>
<td class="py-3 px-4 text-gray-700">药用辅料</td>
<td class="py-3 px-4 text-gray-700">子公司展望药业生产微晶纤维素</td>
<td class="py-3 px-4 text-gray-700">生产制造</td>
<td class="py-3 px-4 text-gray-700">公告</td>
<td class="py-3 px-4 text-gray-700">全资子公司展望药业产品包括微晶纤维素</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">尔康制药</td>
<td class="py-3 px-4 text-gray-700">产品</td>
<td class="py-3 px-4 text-gray-700">药用辅料</td>
<td class="py-3 px-4 text-gray-700">药用辅料生产</td>
<td class="py-3 px-4 text-gray-700">生产制造</td>
<td class="py-3 px-4 text-gray-700">年报</td>
<td class="py-3 px-4 text-gray-700">药用辅料品种包括微晶纤维素</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">九典制药</td>
<td class="py-3 px-4 text-gray-700">产品</td>
<td class="py-3 px-4 text-gray-700">药用辅料</td>
<td class="py-3 px-4 text-gray-700">药用辅料开发</td>
<td class="py-3 px-4 text-gray-700">生产制造</td>
<td class="py-3 px-4 text-gray-700">年报</td>
<td class="py-3 px-4 text-gray-700">已成功开发生产药用辅料包括微晶纤维素</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">太阳纸业</td>
<td class="py-3 px-4 text-gray-700">研发技术</td>
<td class="py-3 px-4 text-gray-700">药用辅料</td>
<td class="py-3 px-4 text-gray-700">高性能药用微晶纤维素制备技术</td>
<td class="py-3 px-4 text-gray-700">技术研发</td>
<td class="py-3 px-4 text-gray-700">年报</td>
<td class="py-3 px-4 text-gray-700">研发项目涉及突破高性能药用微晶纤维素制备技术</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">恒逸石化</td>
<td class="py-3 px-4 text-gray-700">研发技术</td>
<td class="py-3 px-4 text-gray-700">材料科学</td>
<td class="py-3 px-4 text-gray-700">微晶纤维素改性聚酯纤维制备</td>
<td class="py-3 px-4 text-gray-700">技术研发</td>
<td class="py-3 px-4 text-gray-700">公告</td>
<td class="py-3 px-4 text-gray-700">一种微晶纤维素改性聚酯纤维及其制备方法</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">宣泰医药</td>
<td class="py-3 px-4 text-gray-700">研发技术</td>
<td class="py-3 px-4 text-gray-700">药用辅料</td>
<td class="py-3 px-4 text-gray-700">微晶纤维素制备方法</td>
<td class="py-3 px-4 text-gray-700">技术研发</td>
<td class="py-3 px-4 text-gray-700">公告</td>
<td class="py-3 px-4 text-gray-700">一种微晶纤维素的制备方法</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">西点药业</td>
<td class="py-3 px-4 text-gray-700">研发技术</td>
<td class="py-3 px-4 text-gray-700">药用辅料</td>
<td class="py-3 px-4 text-gray-700">多糖类药用辅料开发</td>
<td class="py-3 px-4 text-gray-700">技术研发</td>
<td class="py-3 px-4 text-gray-700">公告</td>
<td class="py-3 px-4 text-gray-700">致力于微晶纤维素等多糖类药用辅料的开发</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-900">山东赫达</td>
<td class="py-3 px-4 text-gray-700">纤维素醚(医用级)</td>
<td class="py-3 px-4 text-gray-700">药用辅料</td>
<td class="py-3 px-4 text-gray-700">医药级纤维素醚生产</td>
<td class="py-3 px-4 text-gray-700">全产业链</td>
<td class="py-3 px-4 text-gray-700">公告</td>
<td class="py-3 px-4 text-gray-700">医药级纤维素醚为优质药用辅料设计产能8.5万吨/年已投产7.4万吨/年),行业唯一全产业链一体化企业</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- 背景动画 -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
tsParticles.load("tsparticles", {
background: {
color: {
value: "transparent",
},
},
fpsLimit: 60,
particles: {
color: {
value: ["#3b82f6", "#10b981", "#8b5cf6"],
},
links: {
color: "#9ca3af",
distance: 150,
enable: true,
opacity: 0.2,
width: 1,
},
move: {
direction: "none",
enable: true,
outModes: {
default: "bounce",
},
random: true,
speed: 1,
straight: false,
},
number: {
density: {
enable: true,
area: 800,
},
value: 30,
},
opacity: {
value: 0.3,
},
shape: {
type: "circle",
},
size: {
value: { min: 1, max: 3 },
},
},
detectRetina: true,
});
</script>
<div id="tsparticles" class="fixed inset-0 -z-10"></div>
</body>
</html>
```
</html>