Files
vf_react/public/htmls/麦角硫因.html
2025-12-05 13:29:18 +08:00

526 lines
35 KiB
HTML
Raw Permalink 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" data-theme="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>深度行业研究报告:麦角硫因</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color: hsl(190, 95%, 65%);
--glow-color-secondary: hsl(260, 95%, 75%);
}
body {
font-family: 'Inter', sans-serif;
background-color: #02040a;
color: #e0e0e0;
background-image:
radial-gradient(ellipse 20% 40% at 20% 25%, hsla(260, 95%, 75%, 0.2), transparent),
radial-gradient(ellipse 20% 40% at 80% 85%, hsla(190, 95%, 65%, 0.2), transparent);
background-attachment: fixed;
background-repeat: no-repeat;
}
.glass-card {
background: rgba(15, 23, 42, 0.4); /* slate-900 with alpha */
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
border: 1px solid rgba(100, 116, 139, 0.3); /* slate-500 with alpha */
border-radius: 1.5rem; /* rounded-3xl */
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(56, 189, 248, 0.5); /* sky-400 with alpha */
box-shadow: 0 0 20px rgba(56, 189, 248, 0.2);
}
.glow-text {
color: var(--glow-color);
text-shadow: 0 0 8px var(--glow-color);
}
.glow-text-secondary {
color: var(--glow-color-secondary);
text-shadow: 0 0 8px var(--glow-color-secondary);
}
.title-font {
font-family: 'Space Grotesk', sans-serif;
}
.section-title {
font-family: 'Space Grotesk', sans-serif;
font-size: 1.875rem; /* text-3xl */
font-weight: 700;
letter-spacing: 0.05em;
background: linear-gradient(90deg, var(--glow-color), var(--glow-color-secondary));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(100, 116, 139, 0.3);
margin-bottom: 2rem;
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
transition: transform 0.3s ease;
}
.bento-item:hover {
transform: translateY(-5px);
}
.bento-item-1 { grid-column: span 12 / span 12; md:grid-column: span 7 / span 7; }
.bento-item-2 { grid-column: span 12 / span 12; md:grid-column: span 5 / span 5; }
.bento-item-3 { grid-column: span 12 / span 12; lg:grid-column: span 8 / span 8; grid-row: span 2 / span 2; }
.bento-item-4 { grid-column: span 12 / span 12; md:grid-column: span 6 / span 6; lg:grid-column: span 4 / span 4; }
.bento-item-5 { grid-column: span 12 / span 12; md:grid-column: span 6 / span 6; lg:grid-column: span 4 / span 4; }
/* DaisyUI Collapse Customization */
.collapse-title {
font-size: 1.125rem;
font-weight: 600;
}
.collapse.glass-card {
margin-bottom: 1rem;
}
.timeline {
position: relative;
padding: 2rem 0;
}
.timeline::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 100%;
background-image: linear-gradient(to bottom, var(--glow-color), var(--glow-color-secondary), var(--glow-color));
box-shadow: 0 0 10px var(--glow-color);
}
.timeline-item {
position: relative;
width: 50%;
padding: 10px 40px;
box-sizing: border-box;
}
.timeline-item:nth-child(odd) {
left: 0;
}
.timeline-item:nth-child(even) {
left: 50%;
}
.timeline-item::after {
content: '';
position: absolute;
width: 20px;
height: 20px;
right: -10px;
background-color: #02040a;
border: 4px solid var(--glow-color);
top: 25px;
border-radius: 50%;
z-index: 1;
box-shadow: 0 0 15px var(--glow-color);
}
.timeline-item:nth-child(even)::after {
left: -10px;
border-color: var(--glow-color-secondary);
box-shadow: 0 0 15px var(--glow-color-secondary);
}
.timeline-content {
padding: 1.25rem;
position: relative;
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-6 lg:p-8">
<div class="max-w-7xl mx-auto">
<!-- Header -->
<header class="text-center py-8">
<h1 class="title-font text-5xl md:text-6xl font-bold tracking-tight glow-text">麦角硫因 (Ergothioneine)</h1>
<h2 class="title-font text-2xl md:text-3xl mt-2 text-slate-300">深度行业研究报告</h2>
<p class="mt-4 text-xs text-slate-500 max-w-2xl mx-auto">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现。本报告内容由AI基于公开信息合成不构成任何投资建议投资需谨慎。
</p>
</header>
<main class="space-y-16">
<!-- Concept Timeline Section -->
<section x-data="{}" x-init="()=>{}" class="glass-card p-6 md:p-8">
<h3 class="section-title">概念发展时间轴</h3>
<div class="timeline max-w-4xl mx-auto">
<!-- Item 1 -->
<div class="timeline-item">
<div class="timeline-content glass-card">
<h4 class="font-bold text-lg glow-text-secondary">2021年底</h4>
<p class="text-sm text-slate-300 mt-2"><b>政策奠基期:</b> 国家卫健委审批麦角硫因为新食品原料,为市场化提供合法性基础。</p>
</div>
</div>
<!-- Item 2 -->
<div class="timeline-item">
<div class="timeline-content glass-card">
<h4 class="font-bold text-lg glow-text-secondary">2023-2024年</h4>
<p class="text-sm text-slate-300 mt-2"><b>技术成熟期:</b> 国内企业通过合成生物学实现高纯度量产,成本剧降。化妆品原料团体标准实施。</p>
</div>
</div>
<!-- Item 3 -->
<div class="timeline-item">
<div class="timeline-content glass-card">
<h4 class="font-bold text-lg glow-text-secondary">2025年5月8日</h4>
<p class="text-sm text-slate-300 mt-2"><b>市场引爆点:</b> 科伦药业董事长亲自代言,高价产品引发社会热议,催生概念板块。</p>
</div>
</div>
<!-- Item 4 -->
<div class="timeline-item">
<div class="timeline-content glass-card">
<h4 class="font-bold text-lg glow-text-secondary">2025年5月后</h4>
<p class="text-sm text-slate-300 mt-2"><b>舆论发酵期:</b> 市场热捧与科学界质疑并存,饶毅“假药”论引发产品定位(药品 vs. 膳食补充剂)激辩。</p>
</div>
</div>
<!-- Item 5 -->
<div class="timeline-item">
<div class="timeline-content glass-card">
<h4 class="font-bold text-lg glow-text-secondary">预期2026年</h4>
<p class="text-sm text-slate-300 mt-2"><b>未来关键节点:</b> 市场核心期待——国内保健食品资质(蓝帽子)审批,若获批将是行业决定性转折点。</p>
</div>
</div>
</div>
</section>
<!-- Insight Core Section -->
<section>
<h3 class="section-title">核心逻辑与市场洞察</h3>
<div class="bento-grid">
<!-- Core View -->
<div class="bento-item bento-item-1 glass-card p-6 md:p-8 flex flex-col justify-center bento-item">
<h4 class="title-font text-2xl font-bold glow-text">核心观点摘要</h4>
<p class="mt-4 text-slate-300">麦角硫因概念正处于由<b class="text-sky-300">营销事件引爆的“主题炒作”向“产业验证”过渡的早期阶段</b>。其核心驱动力在于<b class="text-purple-300">合成生物技术突破带来的成本剧降</b><b class="text-purple-300">抗衰老市场需求真空</b>的精准对接。未来潜力巨大,但短期发展高度依赖于<b class="text-red-400">2026年国内保健食品法规审批的突破</b>,在此之前,市场的乐观情绪与实际商业化规模之间存在显著的预期差。</p>
</div>
<!-- Charts -->
<div class="bento-item bento-item-2 glass-card p-6 md:p-8 bento-item">
<div id="market-structure-chart" class="w-full h-48"></div>
<div id="antioxidant-chart" class="w-full h-48 mt-4"></div>
</div>
<!-- Core Logic -->
<div class="bento-item bento-item-3 glass-card p-6 md:p-8 bento-item">
<h4 class="title-font text-2xl font-bold glow-text">核心驱动力分析</h4>
<ul class="mt-4 space-y-4 text-slate-300">
<li><strong class="text-sky-400">技术驱动的成本革命:</strong>合成生物学技术将生产成本从<b class="text-red-400">百万美元/公斤降至万元级</b>降幅超90%,是产业链起点。</li>
<li><strong class="text-sky-400">市场需求的精准卡位:</strong>在NMN被禁后凭借其强大抗氧化宣传<b class="text-yellow-300">维生素E的6000倍</b>),迅速成为“下一个抗衰黑马”。</li>
<li><strong class="text-sky-400">政策的准入许可:</strong>2021年底获批“新食品原料”打开了合法合规的销售口子。</li>
<li><strong class="text-sky-400">营销的破圈效应:</strong>科伦董事长“肌肉男”广告将专业化学名词成功转化为大众消费话题。</li>
</ul>
<h4 class="title-font text-2xl font-bold glow-text mt-6">预期差分析</h4>
<ul class="mt-4 space-y-4 text-slate-300">
<li><strong class="text-purple-400">增长速度预期差:</strong> 新闻中“销售额暴增60倍”与路演数据中“618增速不及预期(40%)”形成对比,市场可能高估了短期渗透速度。</li>
<li><strong class="text-purple-400">市场规模认知差:</strong> 市场可能混淆了包含护肤品的终端市场(15.7亿元)和口服保健品市场(约8亿元),高估了后者当前体量。</li>
<li><strong class="text-purple-400">利润空间预期差:</strong> 高昂终端价(1499元/瓶)与极低原料成本(1-2元/粒)之间,是巨大的营销和渠道成本,高毛利背后未必是高净利。</li>
</ul>
</div>
<!-- Catalysts -->
<div class="bento-item bento-item-4 glass-card p-6 bento-item">
<h4 class="title-font text-xl font-bold glow-text-secondary">关键催化剂</h4>
<p class="text-sm mt-3 font-semibold text-slate-300">近期 (3-6个月)</p>
<ul class="list-disc list-inside text-sm mt-2 space-y-1 text-slate-400">
<li>2025年《合成生物制造产业发展规划》发布</li>
<li>终端品牌Q3/Q4财报销售数据验证</li>
<li>食品级相关标准的推进</li>
</ul>
<p class="text-sm mt-4 font-semibold text-slate-300">长期发展路径</p>
<ul class="list-disc list-inside text-sm mt-2 space-y-1 text-slate-400">
<li><b>中期 (依赖2026年法规突破):</b> 获“蓝帽子”资质,进入主流渠道,市场翻倍增长。</li>
<li><b>长期 (科学驱动):</b> 在阿尔茨海默病等医药领域取得临床突破,实现价值重估。</li>
</ul>
</div>
<!-- Risks -->
<div class="bento-item bento-item-5 glass-card p-6 bento-item">
<h4 class="title-font text-xl font-bold text-red-400">潜在风险与挑战</h4>
<ul class="mt-3 space-y-3 text-sm text-slate-300">
<li><strong class="text-red-400">政策风险(最大):</strong> 2026年“保健食品”审批失败或延期将证伪增长逻辑。</li>
<li><strong class="text-orange-400">商业化风险:</strong> 功效验证不足或舆论反噬,可能被贴上“智商税”标签;价格体系难以长期维持。</li>
<li><strong class="text-yellow-400">竞争风险:</strong> 原料端内卷导致价格战,新抗衰成分出现形成替代品竞争。</li>
<li><strong class="text-yellow-400">信息交叉验证风险:</strong> 媒体报道的“60倍”增长数据与路演数据矛盾需审慎看待。</li>
</ul>
</div>
</div>
</section>
<!-- Industry Chain and Data Sources Section -->
<section x-data="{ activeTab: 'chain' }">
<div class="border-b border-slate-700 mb-8">
<nav class="flex space-x-4 -mb-px" aria-label="Tabs">
<a href="#" @click.prevent="activeTab = 'chain'" :class="{'border-sky-400 text-sky-400': activeTab === 'chain', 'border-transparent text-slate-400 hover:text-slate-200 hover:border-slate-500': activeTab !== 'chain'}" class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-lg transition-colors">产业链与核心公司</a>
<a href="#" @click.prevent="activeTab = 'data'" :class="{'border-sky-400 text-sky-400': activeTab === 'data', 'border-transparent text-slate-400 hover:text-slate-200 hover:border-slate-500': activeTab !== 'data'}" class="whitespace-nowrap py-4 px-1 border-b-2 font-medium text-lg transition-colors">关键数据源</a>
</nav>
</div>
<!-- Industry Chain Tab -->
<div x-show="activeTab === 'chain'" x-transition>
<div class="space-y-6">
<div class="glass-card p-6">
<h4 class="title-font text-2xl font-bold glow-text">核心玩家对比</h4>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mt-4">
<div class="border border-slate-700 rounded-2xl p-4 bg-slate-900/50">
<h5 class="font-bold text-lg text-sky-300">领导者梯队</h5>
<p class="text-sm mt-2"><b class="text-white">华熙生物:</b> 平台型龙头。技术领先、标准制定者、全产业链布局,逻辑最完整。</p>
<p class="text-sm mt-2"><b class="text-white">川宁生物(科伦):</b> 垂直一体化代表。“原料自供+自有品牌”闭环,逻辑最纯粹。</p>
</div>
<div class="border border-slate-700 rounded-2xl p-4 bg-slate-900/50">
<h5 class="font-bold text-lg text-purple-300">追赶者与特色玩家</h5>
<p class="text-sm mt-2"><b class="text-white">若羽臣:</b> 纯粹的品牌新锐。“斐萃”品牌是市场黑马,是验证下游需求的最直接指标。</p>
<p class="text-sm mt-2"><b class="text-white">金达威:</b> 跨境电商巨头。依托成熟跨境渠道,在当前法规环境下具备天然优势。</p>
</div>
<div class="border border-slate-700 rounded-2xl p-4 bg-slate-900/50">
<h5 class="font-bold text-lg text-slate-400">“蹭概念”型</h5>
<p class="text-sm mt-2"><b class="text-white">丽人丽妆:</b> 产品中麦角硫因仅为辅助成分相关收入占比不足1%,基本面关联度低。</p>
</div>
</div>
</div>
<div class="glass-card p-6">
<h4 class="title-font text-2xl font-bold glow-text">需重点跟踪和验证的关键指标</h4>
<ul class="grid md:grid-cols-2 gap-x-8 gap-y-4 mt-4 list-decimal list-inside text-slate-300">
<li><b class="text-sky-300">法规进展:</b> 国家卫健委关于“保健食品”原料审批的任何官方文件。</li>
<li><b class="text-sky-300">终端销售数据:</b> 头部品牌斐萃、Swisse等的季度GMV和用户复购率。</li>
<li><b class="text-sky-300">原料市场价格:</b> 高纯度麦角硫因原料的公斤级市场报价。</li>
<li><b class="text-sky-300">临床研究进展:</b> 权威期刊上关于人体临床试验的新成果。</li>
</ul>
</div>
</div>
</div>
<!-- Data Sources Tab -->
<div x-show="activeTab === 'data'" x-transition class="space-y-4">
<div tabindex="0" class="collapse collapse-plus glass-card">
<input type="checkbox" />
<div class="collapse-title text-xl font-medium glow-text-secondary">新闻数据摘要</div>
<div class="collapse-content">
<ul class="space-y-2 text-sm list-disc list-inside">
<li><b>核心事件:</b> 科伦75岁董事长代言1499元/60粒产品引爆市场。</li>
<li><b>市场趋势:</b> 被视为NMN替代品"抗衰新王者"销售额据称暴增60倍。</li>
<li><b>核心功效:</b> 抗氧化效率是辅酶Q10的40倍谷胱甘肽的14倍维生素E的6000倍。</li>
<li><b>生产技术:</b> 全球90%通过合成生物学微生物发酵生产,国内已突破技术壁垒。</li>
<li><b>原料价格:</b> 约1万元/公斤30mg/粒成本约1-2元。</li>
<li><b>市场规模:</b> 2024年中国终端市场15.7亿元6成护肤3成保健食品。</li>
<li><b>法规:</b> 2021年底获批新食品原料摄入量≤30毫克/天。华熙生物主导起草化妆品原料团体标准。</li>
<li><b>争议:</b> 饶毅称其为“假药”;科伦回应定位是“膳食补充剂”。</li>
</ul>
</div>
</div>
<div tabindex="1" class="collapse collapse-plus glass-card">
<input type="checkbox" />
<div class="collapse-title text-xl font-medium glow-text-secondary">路演数据摘要</div>
<div class="collapse-content">
<ul class="space-y-2 text-sm list-disc list-inside">
<li><b>法规预期:</b> 国内尚未获批保健品依赖跨境电商。预计2026年完成法规审批若放开增速或达100%。</li>
<li><b>市场规模:</b> 2023年跨境电商8亿2025年预计12-16亿增速40%)。</li>
<li><b>增长表现:</b> 某次618大促表现增速不及预期40%放量依赖2026年法规突破。</li>
<li><b>成本与定价:</b> 30mg产品成本1-2元/粒终端售价约500元/60粒。</li>
<li><b>公司动态(若羽臣):</b> 新品牌斐萃Q3收入约2亿元环比翻倍全年预计5亿元。</li>
<li><b>公司动态(华熙生物):</b> 营养科学板块麦角硫因等Q3实现季度盈利。</li>
</ul>
</div>
</div>
<div tabindex="2" class="collapse collapse-plus glass-card">
<input type="checkbox" />
<div class="collapse-title text-xl font-medium glow-text-secondary">研报数据摘要</div>
<div class="collapse-content">
<ul class="space-y-2 text-sm list-disc list-inside">
<li><b>性能优势:</b> 唯一拥有线粒体专属转运蛋白OCTN1可穿透细胞膜直接修复线粒体损伤。</li>
<li><b>市场增长:</b> 全球原料市场预计2031年增至1.61亿美元(CAGR >14%)预计2029年中国麦角硫因全球份额达49.62%。</li>
<li><b>技术降本:</b> 合成生物学推动成本从100万美元/公斤降至万元级。</li>
<li><b>政策支持:</b> 2025年将发布《合成生物制造产业发展规划》支持新原料开发。</li>
<li><b>H&H(Swisse)布局:</b> 已推出Swisse超光瓶等产品合计销售达千万量级。24H1淘系平台销售额同比增长60倍。</li>
<li><b>长期趋势:</b> 市场规模有望达50亿元。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Stock List Section -->
<section>
<h3 class="section-title">相关概念股 (A-Share Concepts)</h3>
<div class="overflow-x-auto glass-card p-4">
<table class="table table-zebra bg-transparent w-full">
<thead class="text-slate-300">
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>标签</th>
</tr>
</thead>
<tbody class="text-slate-400">
<tr><td>拓新药业</td><td><a href="https://valuefrontier.cn/company?scode=301089" target="_blank" class="hover:text-sky-400">301089</a></td><td>公司储备了麦角硫因等功能食品的核心技术,部分已实现规模化量产</td><td class="text-purple-400">技术支持</td></tr>
<tr><td>常山药业</td><td><a href="https://valuefrontier.cn/company?scode=300255" target="_blank" class="hover:text-sky-400">300255</a></td><td>2023年底完成微生物发酵法生产麦角硫因的研发</td><td class="text-purple-400">技术支持</td></tr>
<tr><td>仙乐健康</td><td><a href="https://valuefrontier.cn/company?scode=300791" target="_blank" class="hover:text-sky-400">300791</a></td><td>美国子公司具备制造NAD+麦角硫因细胞能量胶囊的能力,处于前期推广阶段</td><td class="text-purple-400">技术支持</td></tr>
<tr><td>福瑞达</td><td><a href="https://valuefrontier.cn/company?scode=600223" target="_blank" class="hover:text-sky-400">600223</a></td><td>拥有独创性“1+2+3”式复合原料---生物合成高纯麦角硫因</td><td class="text-purple-400">技术支持</td></tr>
<tr><td>科伦药业</td><td><a href="https://valuefrontier.cn/company?scode=002422" target="_blank" class="hover:text-sky-400">002422</a></td><td>麦角硫因等产品进入生产、销售阶段,是国内首批实现产品交付的合成生物学企业</td><td class="text-purple-400">技术支持</td></tr>
<tr><td>川宁生物</td><td><a href="https://valuefrontier.cn/company?scode=301301" target="_blank" class="hover:text-sky-400">301301</a></td><td>科伦药业子公司,麦角硫因原料供应商,部分产品已通过日本合作方销售</td><td class="text-purple-400">技术支持</td></tr>
<tr><td>华东医药</td><td><a href="https://valuefrontier.cn/company?scode=000963" target="_blank" class="hover:text-sky-400">000963</a></td><td>工业微生物业务板块可生产麦角硫因和PQQ等抗衰老产品原料</td><td class="text-purple-400">技术支持</td></tr>
<tr><td>嘉必优</td><td><a href="https://valuefrontier.cn/company?scode=688089" target="_blank" class="hover:text-sky-400">688089</a></td><td>利用合成生物学技术储备了包括麦角硫因在内的多个化妆品原料产品</td><td class="text-purple-400">技术支持</td></tr>
<tr><td>芭薇股份</td><td><a href="https://valuefrontier.cn/company?scode=920123" target="_blank" class="hover:text-sky-400">920123</a></td><td>搭建合成生物学技术平台,以麦角硫因等小分子护肤功效原料为研究对象</td><td class="text-purple-400">技术支持</td></tr>
<tr><td>华熙生物</td><td><a href="https://valuefrontier.cn/company?scode=688363" target="_blank" class="hover:text-sky-400">688363</a></td><td>运用合成生物学技术在麦角硫因等产品上取得进展,全产业链布局</td><td class="text-sky-400">产品</td></tr>
<tr><td>丽人丽妆</td><td><a href="https://valuefrontier.cn/company?scode=605136" target="_blank" class="hover:text-sky-400">605136</a></td><td>推出“千金极光饮”产品,含有麦角硫因成分</td><td class="text-sky-400">产品</td></tr>
<tr><td>若羽臣</td><td><a href="https://valuefrontier.cn/company?scode=003010" target="_blank" class="hover:text-sky-400">003010</a></td><td>自有保健品牌FineNutri斐萃聚焦女性抗衰以麦角硫因为核心成分</td><td class="text-sky-400">产品</td></tr>
<tr><td>金达威</td><td><a href="https://valuefrontier.cn/company?scode=002626" target="_blank" class="hover:text-sky-400">002626</a></td><td>针对创新产品麦角硫因的上市,构建全链路数字化营销矩阵</td><td class="text-sky-400">产品</td></tr>
<tr><td>众兴菌业</td><td><a href="https://valuefrontier.cn/company?scode=002772" target="_blank" class="hover:text-sky-400">002772</a></td><td>主要产品为金针菇和双孢菇,是麦角硫因天然来源之一</td><td class="text-yellow-400">原材料</td></tr>
<tr><td>博闻科技</td><td><a href="https://valuefrontier.cn/company?scode=600883" target="_blank" class="hover:text-sky-400">600883</a></td><td>主营业务含牛肝菌,是麦角硫因天然原料来源之一</td><td class="text-yellow-400">原材料</td></tr>
</tbody>
</table>
</div>
</section>
<!-- Rise analysis -->
<section>
<h3 class="section-title">相关概念股异动分析</h3>
<div class="space-y-4">
<div tabindex="0" class="collapse collapse-plus glass-card">
<input type="checkbox" />
<div class="collapse-title">
<span class="font-bold text-lg">海特生物 (300683)</span>
<span class="text-red-400 ml-2">2025-07-17 上涨 11.93%</span>
</div>
<div class="collapse-content">
<p class="text-sm text-slate-300">上涨主要是受到医药生物板块整体走强的带动。行业内多家公司发布利好消息,提升了投资者信心。特别是创新药、疫苗研发等细分领域的热度提升,以及生物医药行业融资活跃,都可能对海特生物股价产生积极影响。<b>其中拓新药业投资仅三生物,布局抗衰原料麦角硫因产业化,表明这一细分领域受到市场关注,可能对板块内相关个股产生情绪提振。</b></p>
</div>
</div>
<!-- More items here -->
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// ECharts Initialization
const marketChartDom = document.getElementById('market-structure-chart');
const antioxidantChartDom = document.getElementById('antioxidant-chart');
if (marketChartDom && antioxidantChartDom) {
const marketChart = echarts.init(marketChartDom);
const antioxidantChart = echarts.init(antioxidantChartDom);
const chartOptionBase = {
backgroundColor: 'transparent',
textStyle: {
color: '#e0e0e0',
fontFamily: 'Inter'
}
};
const marketOption = {
...chartOptionBase,
title: {
text: '2024年中国终端市场结构',
left: 'center',
textStyle: {
color: '#e0e0e0',
fontSize: 14,
fontWeight: 'normal'
}
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c}亿元 ({d}%)'
},
legend: {
orient: 'vertical',
left: 10,
top: 'center',
textStyle: {
color: '#e0e0e0'
}
},
series: [
{
name: '市场份额',
type: 'pie',
radius: ['50%', '70%'],
center: ['65%', '50%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: 'rgba(15, 23, 42, 0.5)',
borderWidth: 2
},
label: { show: false },
emphasis: {
label: {
show: true,
fontSize: '16',
fontWeight: 'bold'
}
},
data: [
{ value: 15.7 * 0.6, name: '护肤领域', itemStyle: { color: 'hsl(190, 95%, 65%)' } },
{ value: 15.7 * 0.3, name: '保健食品', itemStyle: { color: 'hsl(260, 95%, 75%)' } },
{ value: 15.7 * 0.1, name: '其他', itemStyle: { color: 'hsl(30, 80%, 60%)' } }
]
}
]
};
const antioxidantOption = {
...chartOptionBase,
title: {
text: '抗氧化效率对比 (vs 维生素E)',
left: 'center',
textStyle: {
color: '#e0e0e0',
fontSize: 14,
fontWeight: 'normal'
}
},
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' }
},
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: { type: 'value', boundaryGap: [0, 0.01] },
yAxis: {
type: 'category',
data: ['辅酶Q10', '谷胱甘肽', '麦角硫因'],
axisLabel: {
color: '#e0e0e0'
}
},
series: [
{
name: '效率倍数',
type: 'bar',
data: [40 / 6000 * 6000, 14 / 6000 * 6000, 6000], // Normalized to Vit E = 1, then scaled for better view. The data is relative.
itemStyle: {
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
{ offset: 0, color: 'hsl(260, 95%, 75%)' },
{ offset: 1, color: 'hsl(190, 95%, 65%)' }
])
}
}
]
};
marketChart.setOption(marketOption);
antioxidantChart.setOption(antioxidantOption);
window.addEventListener('resize', () => {
marketChart.resize();
antioxidantChart.resize();
});
}
});
</script>
</body>
</html>