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

339
public/htmls/长寿药NMN.html Normal file
View File

@@ -0,0 +1,339 @@
<!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>长寿药NMN概念分析</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" 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">
<!-- DaisyUI -->
<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%, #c3cfe2 100%);
min-height: 100vh;
}
.gradient-text {
background: linear-gradient(90deg, #4f46e5, #7c3aed);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.card-shadow {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.insight-card {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-container {
overflow-x: scroll;
}
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
</style>
</head>
<body>
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">长寿药NMN概念分析</h1>
<p class="text-gray-600 text-lg max-w-3xl mx-auto">NMN（β-烟酰胺单核苷酸）作为NAD+前体，在抗衰老领域展现出巨大潜力</p>
</div>
<!-- 概念Insight部分 -->
<div class="insight-card rounded-2xl p-6 mb-10 card-shadow">
<div class="flex items-center mb-6">
<div class="bg-indigo-100 p-3 rounded-full mr-4">
<i class="fas fa-dna text-indigo-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">概念Insight</h2>
</div>
<div class="space-y-4 text-gray-700">
<div class="bg-blue-50 p-4 rounded-lg border-l-4 border-blue-500">
<h3 class="font-semibold text-blue-800 mb-2">核心机制</h3>
<p>NMN是维生素B3的衍生物，通过转运蛋白SIc12a8直接转化为NAD+。NAD+是细胞能量代谢和DNA修复的关键分子，随年龄增长而减少。补充NMN可提升细胞内NAD+水平，激活Sirtuins蛋白家族，促进线粒体功能，延缓衰老。</p>
</div>
<div class="bg-purple-50 p-4 rounded-lg border-l-4 border-purple-500">
<h3 class="font-semibold text-purple-800 mb-2">科学验证</h3>
<p>大量动物模型和人体临床研究证实，NMN在抗衰老、改善代谢、保护器官功能等方面效果显著。临床研究表明，口服NMN在健康人群中安全，剂量范围为每天150-1250mg，未观察到显著有害影响。</p>
</div>
<div class="bg-green-50 p-4 rounded-lg border-l-4 border-green-500">
<h3 class="font-semibold text-green-800 mb-2">市场前景</h3>
<p>NMN作为高效的NAD+前体，具有广泛的应用前景，包括抗衰老保健品、医疗级NAD+补充剂、化妆品等。随着全球人口老龄化加剧和健康意识提升，NMN市场规模预计将持续增长。</p>
</div>
<div class="bg-yellow-50 p-4 rounded-lg border-l-4 border-yellow-500">
<h3 class="font-semibold text-yellow-800 mb-2">最新动态</h3>
<p>近期传闻卫健委最新食品添加剂受理名单中出现β-烟酰胺的身影，引发市场关注。若获批，将极大推动NMN在食品领域的应用，为相关企业带来新的增长点。</p>
</div>
</div>
</div>
<!-- 关联股票部分 -->
<div class="insight-card rounded-2xl p-6 card-shadow">
<div class="flex items-center mb-6">
<div class="bg-green-100 p-3 rounded-full mr-4">
<i class="fas fa-chart-line text-green-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">关联股票分析</h2>
</div>
<div class="table-container">
<table class="min-w-full bg-white 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>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">金达威</td>
<td class="py-3 px-4 text-sm text-gray-500">中游/品牌</td>
<td class="py-3 px-4 text-sm text-gray-500">β-烟酰胺</td>
<td class="py-3 px-4 text-sm text-gray-500">传闻卫健委最新食品添加剂受理名单中出现β-烟酰胺的身影</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">雅本化学</td>
<td class="py-3 px-4 text-sm text-gray-500">中游/品牌</td>
<td class="py-3 px-4 text-sm text-gray-500">中间体烟酰胺和烟酸</td>
<td class="py-3 px-4 text-sm text-gray-500">传闻卫健委最新食品添加剂受理名单中出现β-烟酰胺的身影</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">西王食品</td>
<td class="py-3 px-4 text-sm text-gray-500">中游/品牌</td>
<td class="py-3 px-4 text-sm text-gray-500">β-烟酰胺</td>
<td class="py-3 px-4 text-sm text-gray-500">传闻卫健委最新食品添加剂受理名单中出现β-烟酰胺的身影</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">友阿股份</td>
<td class="py-3 px-4 text-sm text-gray-500">中游/品牌</td>
<td class="py-3 px-4 text-sm text-gray-500">β-烟酰胺</td>
<td class="py-3 px-4 text-sm text-gray-500">传闻卫健委最新食品添加剂受理名单中出现β-烟酰胺的身影</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">百合股份</td>
<td class="py-3 px-4 text-sm text-gray-500">中游/品牌</td>
<td class="py-3 px-4 text-sm text-gray-500">β-烟酰胺</td>
<td class="py-3 px-4 text-sm text-gray-500">传闻卫健委最新食品添加剂受理名单中出现β-烟酰胺的身影</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">雅本化学</td>
<td class="py-3 px-4 text-sm text-gray-500">上游原料环节</td>
<td class="py-3 px-4 text-sm text-gray-500">中间体烟酰胺和烟酸</td>
<td class="py-3 px-4 text-sm text-gray-500">生产β-烟酰胺相关中间体</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">兄弟科技</td>
<td class="py-3 px-4 text-sm text-gray-500">上游原料环节</td>
<td class="py-3 px-4 text-sm text-gray-500">中间体烟酰胺和烟酸</td>
<td class="py-3 px-4 text-sm text-gray-500">生产β-烟酰胺相关中间体</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">尔康制药</td>
<td class="py-3 px-4 text-sm text-gray-500">上游原料环节</td>
<td class="py-3 px-4 text-sm text-gray-500">中间体烟酸</td>
<td class="py-3 px-4 text-sm text-gray-500">生产β-烟酰胺相关中间体</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">金达威</td>
<td class="py-3 px-4 text-sm text-gray-500">上游原料环节</td>
<td class="py-3 px-4 text-sm text-gray-500">自用原料</td>
<td class="py-3 px-4 text-sm text-gray-500">生产β-烟酰胺自用原料</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">众生药业</td>
<td class="py-3 px-4 text-sm text-gray-500">上游原料环节</td>
<td class="py-3 px-4 text-sm text-gray-500">β-烟酰胺单核苷酸</td>
<td class="py-3 px-4 text-sm text-gray-500">生产β-烟酰胺相关原料</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">ST红太阳</td>
<td class="py-3 px-4 text-sm text-gray-500">上游原料环节</td>
<td class="py-3 px-4 text-sm text-gray-500">前体原料药</td>
<td class="py-3 px-4 text-sm text-gray-500">生产β-烟酰胺前体原料药</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">拓新药业</td>
<td class="py-3 px-4 text-sm text-gray-500">上游原料环节</td>
<td class="py-3 px-4 text-sm text-gray-500">中间体</td>
<td class="py-3 px-4 text-sm text-gray-500">生产β-烟酰胺中间体</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">丰原药业</td>
<td class="py-3 px-4 text-sm text-gray-500">上游原料环节</td>
<td class="py-3 px-4 text-sm text-gray-500">未公开承认</td>
<td class="py-3 px-4 text-sm text-gray-500">传闻涉及β-烟酰胺原料供应</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">华润双鹤</td>
<td class="py-3 px-4 text-sm text-gray-500">上游原料环节</td>
<td class="py-3 px-4 text-sm text-gray-500">原料药</td>
<td class="py-3 px-4 text-sm text-gray-500">生产β-烟酰胺原料药</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">双鹭药业</td>
<td class="py-3 px-4 text-sm text-gray-500">上游原料环节</td>
<td class="py-3 px-4 text-sm text-gray-500">自用原料</td>
<td class="py-3 px-4 text-sm text-gray-500">生产β-烟酰胺自用原料</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">晨光生物</td>
<td class="py-3 px-4 text-sm text-gray-500">经销/代工</td>
<td class="py-3 px-4 text-sm text-gray-500">代工</td>
<td class="py-3 px-4 text-sm text-gray-500">涉及β-烟酰胺代工生产</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">国药现代</td>
<td class="py-3 px-4 text-sm text-gray-500">经销/代工</td>
<td class="py-3 px-4 text-sm text-gray-500">孙公司经销</td>
<td class="py-3 px-4 text-sm text-gray-500">孙公司涉及β-烟酰胺经销</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">溢多利</td>
<td class="py-3 px-4 text-sm text-gray-500">经销/代工</td>
<td class="py-3 px-4 text-sm text-gray-500">代工</td>
<td class="py-3 px-4 text-sm text-gray-500">涉及β-烟酰胺代工生产</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">康惠制药</td>
<td class="py-3 px-4 text-sm text-gray-500">在研</td>
<td class="py-3 px-4 text-sm text-gray-500">生产技术</td>
<td class="py-3 px-4 text-sm text-gray-500">研发β-烟酰胺生产技术</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">普利制药</td>
<td class="py-3 px-4 text-sm text-gray-500">在研</td>
<td class="py-3 px-4 text-sm text-gray-500">研发项目</td>
<td class="py-3 px-4 text-sm text-gray-500">研发β-烟酰胺相关技术</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">特一药业</td>
<td class="py-3 px-4 text-sm text-gray-500">在研</td>
<td class="py-3 px-4 text-sm text-gray-500">研发项目</td>
<td class="py-3 px-4 text-sm text-gray-500">研发β-烟酰胺相关技术</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">德展健康</td>
<td class="py-3 px-4 text-sm text-gray-500">在研</td>
<td class="py-3 px-4 text-sm text-gray-500">研发项目</td>
<td class="py-3 px-4 text-sm text-gray-500">研发β-烟酰胺相关技术</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">诚志股份</td>
<td class="py-3 px-4 text-sm text-gray-500">在研</td>
<td class="py-3 px-4 text-sm text-gray-500">研发项目</td>
<td class="py-3 px-4 text-sm text-gray-500">研发β-烟酰胺相关技术</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 总结部分 -->
<div class="insight-card rounded-2xl p-6 mt-10 card-shadow">
<div class="flex items-center mb-6">
<div class="bg-yellow-100 p-3 rounded-full mr-4">
<i class="fas fa-lightbulb text-yellow-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">投资观点</h2>
</div>
<div class="bg-gradient-to-r from-blue-50 to-purple-50 p-6 rounded-xl">
<h3 class="font-bold text-lg text-gray-800 mb-3">核心逻辑</h3>
<p class="text-gray-700 mb-4">NMN作为NAD+前体，在抗衰老领域展现出显著的科学验证和巨大市场潜力。随着监管政策的逐步放开和技术的不断成熟，NMN产业链各环节的企业将迎来发展机遇。</p>
<h3 class="font-bold text-lg text-gray-800 mb-3">关注重点</h3>
<ul class="list-disc pl-5 text-gray-700 space-y-2">
<li>上游原料供应商：关注具有技术优势和产能规模的企业</li>
<li>中游品牌商：关注具有渠道优势和品牌影响力的企业</li>
<li>研发型企业：关注在NMN生产技术和应用领域有突破的企业</li>
<li>政策动态：关注NMN在食品、保健品等领域的监管政策变化</li>
</ul>
</div>
</div>
</div>
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
// 粒子背景效果
window.addEventListener('DOMContentLoaded', (event) => {
tsParticles.load("particles-js", {
background: {
color: {
value: "transparent",
},
},
fpsLimit: 60,
particles: {
color: {
value: "#818cf8",
},
links: {
color: "#a5b4fc",
distance: 150,
enable: true,
opacity: 0.3,
width: 1,
},
move: {
direction: "none",
enable: true,
outModes: {
default: "bounce",
},
random: false,
speed: 1,
straight: false,
},
number: {
density: {
enable: true,
area: 800,
},
value: 60,
},
opacity: {
value: 0.3,
},
shape: {
type: "circle",
},
size: {
value: { min: 1, max: 3 },
},
},
detectRetina: true,
});
});
</script>
</body>
</html>
```