vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update pay ui

Browse Source
This commit is contained in:
zzlgreat
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions
Download Patch File Download Diff File Expand all files Collapse all files

694
public/htmls/量子材料钛酸锶.html
View File

@@ -1,326 +1,442 @@
<!DOCTYPE html>
<html lang="zh-CN" data-theme="dark">
<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>
<title>量子材料钛酸锶 (SrTiO₃) 深度研究报告</title>
<!-- Tailwind CSS & DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.6.0/dist/full.min.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Alpine.js -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<!-- ECharts -->
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
min-height: 100vh;
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
html, body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #020410;
color: #E0E0E0;
overflow-x: hidden;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(circle at 15% 20%, rgba(66, 7, 209, 0.2) 0%, transparent 40%),
radial-gradient(circle at 85% 70%, rgba(8, 145, 178, 0.2) 0%, transparent 40%);
z-index: -1;
filter: blur(100px);
}
.glass-card {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(20, 20, 40, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 24px;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
transition: all 0.3s ease;
}
.quantum-gradient {
background: linear-gradient(90deg, #00d2ff 0%, #3a7bd5 50%, #00d2ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
.glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.5);
border-color: rgba(255, 255, 255, 0.2);
}
.price-pulse {
animation: pulse 2s infinite;
.title-glow {
text-shadow: 0 0 8px rgba(200, 200, 255, 0.5), 0 0 16px rgba(100, 100, 255, 0.3);
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.timeline-dot {
background: linear-gradient(135deg, #00d2ff, #3a7bd5);
box-shadow: 0 0 15px rgba(0, 210, 255, 0.5);
.bento-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.bento-item-span-4 { grid-column: span 4; }
.bento-item-span-6 { grid-column: span 6; }
.bento-item-span-8 { grid-column: span 8; }
.bento-item-span-12 { grid-column: span 12; }
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: rgba(128, 128, 128, 0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(128, 128, 128, 0.5);
}
</style>
</head>
<body class="text-gray-100">
<!-- Hero Section -->
<div class="relative overflow-hidden">
<div class="absolute inset-0 bg-gradient-to-r from-cyan-500/10 via-transparent to-purple-500/10"></div>
<div class="container mx-auto px-4 py-12 relative z-10">
<div class="text-center mb-8">
<h1 class="text-5xl md:text-6xl font-bold mb-4">
<span class="quantum-gradient">量子材料钛酸锶</span>
</h1>
<div class="flex flex-wrap justify-center gap-3 mt-6">
<span class="badge badge-lg badge-primary">概念阶段: 主题炒作初期</span>
<span class="badge badge-lg badge-accent">核心驱动: 化工供给侧改革</span>
<span class="badge badge-lg badge-warning">风险提示: 伪概念估值杀</span>
</div>
</div>
</div>
</div>
<body class="min-h-screen p-4 sm:p-8">
<!-- Executive Summary -->
<div class="container mx-auto px-4 mb-8">
<div class="glass-card rounded-2xl p-6 md:p-8 border-l-4 border-cyan-400">
<h2 class="text-2xl md:text-3xl font-bold mb-4 flex items-center">
<svg class="w-8 h-8 mr-3 text-cyan-400" fill="currentColor" viewBox="0 0 20 20">
<path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
核心观点摘要
</h2>
<div class="bg-black/30 rounded-lg p-4 border border-red-500/30">
<p class="text-lg leading-relaxed">
当前 <span class="text-yellow-300 font-semibold">"量子材料钛酸锶"概念存在严重的定义混淆与产业链错配</span>：新闻端聚焦于钛酸锶（SrTiO₃）在量子计算领域的颠覆性技术突破，但A股关联标的实际主营为碳酸锶（SrCO₃）原材料生产，属于传统化工周期品涨价逻辑，与量子应用无直接技术关联。<span class="text-cyan-300 font-semibold">真正的量子材料钛酸锶研究集中在欧美顶尖实验室，国内尚无产业化布局。</span>当前市场热度主要由碳酸锶供给侧改革驱动的价格暴涨支撑，而非量子技术商业化落地。
<div class="max-w-7xl mx-auto space-y-8">
<!-- Header -->
<header class="text-center space-y-4">
<h1 class="text-4xl md:text-6xl font-bold title-glow">量子材料钛酸锶 (SrTiO₃)</h1>
<h2 class="text-2xl md:text-3xl font-light text-cyan-300">深度研究报告</h2>
<p class="text-xs text-gray-500 max-w-2xl mx-auto">
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现，本报告为AI合成数据，投资需谨慎。
</p>
</header>
<!-- Concept Event & Timeline -->
<section class="glass-card p-6 md:p-8 space-y-6">
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-cyan-400 pl-4">概念事件：双重共振下的价值发现</h3>
<p class="text-slate-300">
“量子材料钛酸锶”概念的爆发，是<strong class="text-amber-300">上游原材料供给危机</strong>与<strong class="text-sky-300">下游前沿科技突破</strong>双重共振的结果。供给侧的“完美风暴”重估了资源价值，而应用端的颠覆性进展则打开了产业的想象天花板。
</p>
<div id="timeline-chart" class="w-full h-96"></div>
</section>
<!-- Core Insight Bento Grid -->
<section class="bento-grid">
<div class="bento-item bento-item-span-12 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-cyan-400 pl-4 mb-4">核心观点摘要</h3>
<p class="text-lg text-slate-200">
“量子材料钛酸锶”是一个典型的<strong class="text-cyan-300">双轮驱动型概念</strong>，正处于从<strong class="text-amber-400">上游资源炒作</strong>向<strong class="text-sky-400">下游应用预期</strong>过渡的关键阶段。
<span class="block mt-2">
<strong class="text-amber-400">近期驱动：</strong>由供给侧严重失衡引爆的上游原材料（碳酸锶）价格暴涨，提供了坚实的“资源价值重估”逻辑。
</span>
<span class="block mt-2">
<strong class="text-sky-400">远期驱动：</strong>由顶尖科研突破所描绘的在量子计算、固态电池等领域的颠覆性应用前景，打开了巨大的想象空间。
</span>
</p>
</div>
</div>
</div>
<!-- Key Catalyst Timeline -->
<div class="container mx-auto px-4 mb-8">
<h2 class="text-3xl font-bold mb-6 text-center">关键催化剂时间轴</h2>
<div class="grid md:grid-cols-2 gap-4">
<div class="glass-card rounded-xl p-5 hover:scale-105 transition-transform">
<div class="flex items-start space-x-4">
<div class="timeline-dot w-4 h-4 rounded-full mt-2 flex-shrink-0"></div>
<div>
<h3 class="text-lg font-semibold text-cyan-300">2025年3月底前</h3>
<p class="text-sm text-gray-300">应急管理部淘汰落后工艺大限，10万吨产能强制退出</p>
<div class="badge badge-error mt-2">影响: ★★★★★</div>
</div>
</div>
</div>
<div class="glass-card rounded-xl p-5 hover:scale-105 transition-transform">
<div class="flex items-start space-x-4">
<div class="timeline-dot w-4 h-4 rounded-full mt-2 flex-shrink-0"></div>
<div>
<h3 class="text-lg font-semibold text-cyan-300">2025年6月</h3>
<p class="text-sm text-gray-300">河北辛集化工复产听证会结果公布（若复产推迟）</p>
<div class="badge badge-error mt-2">影响: ★★★★★</div>
</div>
</div>
</div>
</div>
</div>
<!-- Stock Data Table -->
<div class="container mx-auto px-4 mb-8">
<h2 class="text-3xl font-bold mb-6 flex items-center">
<svg class="w-8 h-8 mr-3 text-cyan-400" fill="currentColor" viewBox="0 0 20 20">
<path d="M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z"/>
</svg>
核心标的对比分析
</h2>
<div class="overflow-x-auto">
<table class="table table-zebra w-full bg-base-100/50 backdrop-blur">
<thead class="bg-gradient-to-r from-cyan-600 to-purple-600 sticky top-0">
<tr class="text-white">
<th class="font-bold">公司</th>
<th class="font-bold">主营业务</th>
<th class="font-bold">碳酸锶产能</th>
<th class="font-bold">2025E利润增量</th>
<th class="font-bold">量子关联度</th>
<th class="font-bold">估值合理性</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-cyan-500/10">
<td class="font-bold text-cyan-300">红星发展</td>
<td>钡锶盐化工</td>
<td>3万吨<br><span class="text-success text-xs">新建6万吨</span></td>
<td class="price-pulse font-bold text-yellow-300">2.0-3.5亿元</td>
<td>⭐☆☆☆☆</td>
<td><span class="badge badge-ghost">中性 PE44倍</span></td>
</tr>
<tr class="hover:bg-cyan-500/10">
<td class="font-bold text-cyan-300">金瑞矿业</td>
<td>锶盐+金属锶</td>
<td>2万吨<br><span class="text-success text-xs">新建4.5万吨</span></td>
<td class="price-pulse font-bold text-yellow-300">1.5-2.5亿元</td>
<td>⭐☆☆☆☆</td>
<td><span class="badge badge-warning">偏高 无量子业务</span></td>
</tr>
<tr class="hover:bg-cyan-500/10">
<td class="font-bold text-cyan-300">新莱福</td>
<td>磁性材料、压敏电阻</td>
<td>未披露<br><span class="text-error text-xs">外购碳酸锶</span></td>
<td class="font-bold text-gray-400">不确定(成本压力)</td>
<td>⭐⭐⭐☆☆</td>
<td><span class="badge badge-error">偏高 业务模糊</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Core Logic Analysis -->
<div class="container mx-auto px-4 mb-8">
<div class="tabs tabs-lifted">
<input type="radio" name="logic_tabs" class="tab tab-lg" aria-label="三重逻辑撕裂" checked />
<div class="tab-content bg-base-100 p-6 rounded-b-xl">
<h3 class="text-xl font-bold mb-4 text-cyan-300">核心驱动力：三重逻辑的严重撕裂</h3>
<div class="grid md:grid-cols-3 gap-4">
<div class="card bg-gradient-to-br from-red-500/20 to-transparent border border-red-500/30">
<div class="card-body">
<h4 class="card-title text-red-300">A. 量子科技叙事逻辑</h4>
<p class="text-sm text-gray-300">钛酸锶在4K低温下实现创纪录电光性能，指向万亿级量子计算市场，但技术成熟度处于TRL 1-2级，距离商业化需5-10年。</p>
</div>
</div>
<div class="card bg-gradient-to-br from-yellow-500/20 to-transparent border border-yellow-500/30">
<div class="card-body">
<h4 class="card-title text-yellow-300">B. 原料替代逻辑</h4>
<p class="text-sm text-gray-300">钛酸锶生产原料确实是碳酸锶，但在下游需求中占比<3%，逻辑链条过长且贡献度不足。</p>
</div>
</div>
<div class="card bg-gradient-to-br from-green-500/20 to-transparent border border-green-500/30">
<div class="card-body">
<h4 class="card-title text-green-300">C. 化工供给侧改革逻辑</h4>
<p class="text-sm text-gray-300">最真实驱动力：河北辛集化工30%产能退出+10万吨政策强制淘汰+墨西哥进口中断，供给从20.5万吨压缩至10万吨。</p>
</div>
</div>
</div>
<div class="bento-item lg:bento-item-span-8 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-cyan-400 pl-4 mb-4">核心逻辑与市场认知</h3>
<div class="space-y-4 text-slate-300">
<div>
<h4 class="font-semibold text-lg text-slate-100">1. 资源稀缺性与供给冲击 (根本逻辑)</h4>
<p>锶矿作为全球稀缺战略资源，其核心产品碳酸锶的全球供应链在短期内遭遇三大冲击：国内环保淘汰落后产能、行业龙头破产、海外主要供应商因灾停产。这种供给侧的“完美风暴”直接导致价格飙升。</p>
</div>
<div>
<h4 class="font-semibold text-lg text-slate-100">2. 前沿技术突破 (价值放大器)</h4>
<p>比利时和斯坦福大学在2025年11月的突破性研究，将“钛酸锶”赋予了“量子计算”、“量子传感”等前沿标签，将上游的“资源故事”与下游的“科技故事”完美缝合，极大提升了产业链天花板。</p>
</div>
<div>
<h4 class="font-semibold text-lg text-slate-100">3. 国家战略与政策导向 (长期保障)</h4>
<p>科技部已将“量子功能材料”列为重点发展领域，表明钛酸锶的发展符合国家战略方向，为概念的长期发展提供了确定性。</p>
</div>
</div>
</div>
<input type="radio" name="logic_tabs" class="tab tab-lg" aria-label="产业链错配" />
<div class="tab-content bg-base-100 p-6 rounded-b-xl">
<h3 class="text-xl font-bold mb-4 text-cyan-300">产业链图谱：被错误拼接的三条链条</h3>
<div class="bento-item lg:bento-item-span-4 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-amber-400 pl-4 mb-4">预期差与关键忽略点</h3>
<div class="space-y-4 text-slate-300">
<p>市场可能<strong class="text-red-400">高估了下游应用的兑现速度</strong>。</p>
<p class="bg-red-900/30 p-3 rounded-lg border border-red-500/50">
<strong class="text-red-300">【关键证据】</strong>路演数据显示，钙钛矿太阳能电池对锶的需求仍停留在实验室阶段，<strong class="underline decoration-wavy">商业化需5-8年</strong>，短期无法形成万吨级需求。
</p>
<p>市场认知可能混淆了“上游原材料涨价”和“下游量子材料放量”两个阶段。当前业绩驱动主要来自前者，后者仍面临从实验室到工业化的巨大鸿沟。</p>
</div>
</div>
<div class="bento-item lg:bento-item-span-6 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-sky-400 pl-4 mb-4">关键催化剂与发展路径</h3>
<div class="space-y-4">
<div class="card glass-card">
<div class="card-body p-4">
<h4 class="font-bold text-red-400">【链条1：量子材料钛酸锶（新闻理想链）】</h4>
<p class="text-sm text-gray-300">上游：高纯钛源、高纯锶源 → 中游：MBE/PLD薄膜制备 → 下游：量子计算芯片</p>
<div class="badge badge-warning mt-2">无A股标的</div>
</div>
<div>
<h4 class="font-semibold text-lg text-sky-200">近期催化剂 (未来3-6个月)</h4>
<ul class="list-disc list-inside text-slate-300 space-y-1">
<li>碳酸锶价格能否维持在 <strong class="text-white">15,000元/吨</strong> 以上。</li>
<li>龙头企业（辛集化工、红星发展）的产能变动公告。</li>
<li>最新科研成果的商业转化消息（企业合作、专利申请）。</li>
</ul>
</div>
<div class="card glass-card">
<div class="card-body p-4">
<h4 class="font-bold text-green-400">【链条2：碳酸锶化工品（A股实际链）】</h4>
<p class="text-sm text-gray-300">上游：天青石矿 → 中游：碳酸锶 → 下游：铁氧体磁性材料(66%)、电子陶瓷(3.3%)</p>
<div class="badge badge-success mt-2">红星发展、金瑞矿业</div>
</div>
<div>
<h4 class="font-semibold text-lg text-sky-200">长期发展路径</h4>
<ul class="list-none space-y-2 text-slate-300">
<li><strong>阶段一 (当前-2026):</strong> <span class="badge badge-accent">资源为王</span>，利润集中于上游矿产及碳酸锶企业。</li>
<li><strong>阶段二 (2026-2028):</strong> <span class="badge badge-primary">材料突破</span>，焦点转向中游高性能钛酸锶粉体/薄膜的规模化制备。</li>
<li><strong>阶段三 (2028+):</strong> <span class="badge badge-secondary">应用驱动</span>，下游量子计算、固态电池等开始规模化采购。</li>
</ul>
</div>
<div class="card glass-card">
<div class="card-body p-4">
<h4 class="font-bold text-yellow-400">【链条3：薄膜铌酸锂（被混淆链）】</h4>
<p class="text-sm text-gray-300">上游：铌矿、碳酸锂 → 中游：TFLN薄膜 → 下游：光模块、量子通信</p>
<div class="badge badge-error mt-2">概念混淆噪声</div>
</div>
</div>
<div class="bento-item lg:bento-item-span-6 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-red-500 pl-4 mb-4">潜在风险与挑战</h3>
<div class="space-y-3 text-slate-300">
<p><strong class="text-red-300">技术风险：</strong>从实验室到工业化量产存在巨大技术鸿沟，成本高昂。</p>
<p><strong class="text-red-300">商业化风险：</strong>上游高成本可能抑制下游应用渗透，市场溢价支付意愿未知。</p>
<p><strong class="text-red-300">竞争风险：</strong>钛酸锶并非唯一量子材料选项，面临薄膜铌酸锂、碳化硅等竞争。</p>
<p><strong class="text-red-300">信息交叉验证风险：</strong>路演专家观点与研报/新闻渲染的宏大前景存在显著时间差，市场情绪可能已脱离产业实际节奏。</p>
</div>
</div>
</section>
<!-- Supporting Data Tabs -->
<section x-data="{ activeTab: 'news' }" class="glass-card p-6 md:p-8">
<div role="tablist" class="tabs tabs-bordered tabs-lg">
<a role="tab" class="tab" :class="{'tab-active': activeTab === 'news'}" @click.prevent="activeTab = 'news'">最新科研突破 (新闻)</a>
<a role="tab" class="tab" :class="{'tab-active': activeTab === 'reports'}" @click.prevent="activeTab = 'reports'">产业链深度 (研报)</a>
<a role="tab" class="tab" :class="{'tab-active': activeTab === 'roadshow'}" @click.prevent="activeTab = 'roadshow'">专家观点 (路演)</a>
</div>
<div class="pt-6 space-y-4">
<!-- News Content -->
<div x-show="activeTab === 'news'" x-transition>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div class="bg-slate-800/50 p-6 rounded-2xl border border-slate-700">
<h4 class="text-xl font-bold text-sky-300">比利时团队：低温电光性能创新高</h4>
<p class="text-sm text-gray-400">发布时间: 2025-11-07 | 来源: 《科学》杂志</p>
<p class="mt-3 text-slate-200">研发出一种新型钛酸锶（SrTiO₃）薄膜，在4开尔文（约-269.15℃）的极低温下，不仅光损耗低，还实现了创纪录的电光性能，有望为量子模块提供更高效的光控组件。</p>
</div>
<div class="bg-slate-800/50 p-6 rounded-2xl border border-slate-700">
<h4 class="text-xl font-bold text-sky-300">斯坦福团队：激发“量子之魂”</h4>
<p class="text-sm text-gray-400">发布时间: 2025-11-10</p>
<p class="mt-3 text-slate-200">找到一种能让钛酸锶变得更强的氧同位素替换新方法，通过简单调节氧同位素，将钛酸锶的光电效应提升<strong class="text-white">一倍多</strong>，压电效应提升<strong class="text-white">四倍多</strong>，甚至能够触及到量子临界点。</p>
</div>
</div>
</div>
</div>
<input type="radio" name="logic_tabs" class="tab tab-lg" aria-label="价格数据" />
<div class="tab-content bg-base-100 p-6 rounded-b-xl">
<h3 class="text-xl font-bold mb-4 text-cyan-300">碳酸锶价格走势</h3>
<div class="stats shadow w-full glass-card">
<div class="stat">
<div class="stat-title">2024年8月价格</div>
<div class="stat-value text-gray-400">¥7,850</div>
<div class="stat-desc">元/吨</div>
<!-- Research Reports Content -->
<div x-show="activeTab === 'reports'" x-transition class="space-y-4">
<div>
<h4 class="text-xl font-bold text-cyan-300">直接相关：钛酸锶的量子特性与应用</h4>
<ul class="list-disc list-inside text-slate-200 space-y-1 mt-2">
<li><strong>结构与特性：</strong>典型的钙钛矿结构，低温下表现出超导性，是重要的量子材料研究方向。</li>
<li><strong>应用领域：</strong><strong class="text-white">固态电池</strong>（能量密度提升40%）、<strong class="text-white">高灵敏度量子传感器</strong>、<strong class="text-white">水分解制氢催化剂</strong>。</li>
<li><strong>政策支持：</strong>科技部已将“量子功能材料”列为重点发展领域，获专项资助。</li>
<li><strong>市场前景：</strong>预测至2028年，全球量子材料市场850亿美元，钛酸锶基材料占比约<strong class="text-white">15%</strong>。</li>
</ul>
</div>
<div class="stat">
<div class="stat-title">2025年1月价格</div>
<div class="stat-value text-yellow-400">¥15,000</div>
<div class="stat-desc">涨幅 +91%</div>
</div>
<div class="stat">
<div class="stat-title">专家目标价</div>
<div class="stat-value text-cyan-400">¥20,000</div>
<div class="stat-desc">+33%空间</div>
</div>
<div class="stat">
<div class="stat-title">悲观情景</div>
<div class="stat-value text-red-400">¥30,000</div>
<div class="stat-desc">复制TMA走势</div>
<div class="divider"></div>
<div>
<h4 class="text-xl font-bold text-amber-300">潜在相关：上游原材料（碳酸锶）动态</h4>
<ul class="list-disc list-inside text-slate-200 space-y-1 mt-2">
<li><strong>供给端严重扰动：</strong>
<ul class="list-['-_'] list-inside ml-4">
<li>国内龙头企业河北辛集化工（产能占比29%）进入破产程序。</li>
<li>海外巨头墨西哥Kandelium因火灾停产，影响中国51%进口来源。</li>
<li>环保政策要求淘汰“间歇碳化法”工艺，影响国内近半产能。</li>
</ul>
</li>
<li><strong>价格趋势：</strong>受供给影响，碳酸锶价格从2024年Q3的约8000元/吨上涨至2025年3月的16000元/吨。</li>
</ul>
</div>
</div>
<!-- Roadshow Content -->
<div x-show="activeTab === 'roadshow'" x-transition>
<div class="bg-amber-900/30 p-6 rounded-2xl border border-amber-500/50">
<h4 class="text-xl font-bold text-amber-300">华安金属新材料碳酸锶专家交流会 (2025-01-23)</h4>
<p class="text-sm text-amber-200">核心观点：市场过于乐观，需警惕应用兑现速度风险。</p>
<blockquote class="mt-4 pl-4 border-l-4 border-amber-400 text-slate-100 text-lg">
"钙钛矿太阳能电池可能带动万吨级锶需求。" —— <strong class="text-red-400">修正与谬误点：</strong>当前钙钛矿中锶掺杂仅为实验室研究，商业化需<strong class="text-2xl font-bold text-white">5-8年</strong>，短期无法形成万吨需求。应标注为“长期潜力”。
</blockquote>
<p class="mt-3 text-amber-200">该信息是目前唯一直接指出下游应用商业化时间表的关键数据，为过热的市场情绪提供了重要的冷静剂。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Market Mood Analysis -->
<section class="glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-purple-400 pl-4 mb-4">市场情绪风向标：新材料概念热度分析</h3>
<p class="text-slate-300 mb-6">从近期新材料相关个股的涨幅逻辑分析，市场对“政策+稀缺+新应用”的叙事已有充分预热和高度偏好，为钛酸锶概念的爆发奠定了情绪基础。</p>
<div class="flex space-x-4 overflow-x-auto pb-4 -mb-4">
<div class="flex-shrink-0 w-80 bg-slate-800/50 p-4 rounded-xl border border-slate-700">
<p class="font-bold text-lg text-purple-300">宝色股份 (300402)</p>
<p class="text-sm text-gray-400">核电级钛材国产化</p>
<p class="mt-2 text-sm text-slate-200"><strong>逻辑:</strong> 政策首次强制国产化，公司手握唯一民营双牌照，订单弹性巨大，资金抢筹重定价。</p>
</div>
<div class="flex-shrink-0 w-80 bg-slate-800/50 p-4 rounded-xl border border-slate-700">
<p class="font-bold text-lg text-purple-300">三祥新材 (603663)</p>
<p class="text-sm text-gray-400">铪出口管制</p>
<p class="mt-2 text-sm text-slate-200"><strong>逻辑:</strong> 出口管制压缩全球供给90%，公司独享核级铪量产+出口许可，形成“涨价+稀缺+政策”三重共振。</p>
</div>
<div class="flex-shrink-0 w-80 bg-slate-800/50 p-4 rounded-xl border border-slate-700">
<p class="font-bold text-lg text-purple-300">天通股份 (600330)</p>
<p class="text-sm text-gray-400">薄膜铌酸锂 (TFLN)</p>
<p class="mt-2 text-sm text-slate-200"><strong>逻辑:</strong> TFLN材料稀缺性+光模块升级+英伟达认证催化，产业趋势与技术突破叠加。</p>
</div>
<div class="flex-shrink-0 w-80 bg-slate-800/50 p-4 rounded-xl border border-slate-700">
<p class="font-bold text-lg text-purple-300">国瓷材料 (300285)</p>
<p class="text-sm text-gray-400">固态电池陶瓷隔膜</p>
<p class="mt-2 text-sm text-slate-200"><strong>逻辑:</strong> 海外技术突破直接催化，作为国内陶瓷材料龙头，受益于固态电池产业链加速发展预期。</p>
</div>
</div>
</section>
<!-- Conclusion & Core Companies -->
<section class="glass-card p-6 md:p-8 space-y-6">
<h3 class="text-2xl font-bold text-slate-100 border-l-4 border-green-400 pl-4">综合结论与核心标的</h3>
<div class="space-y-4 text-slate-200">
<p>
<strong>最终看法：</strong>量子材料钛酸锶概念目前整体处于<strong class="text-white">主题炒作阶段</strong>，但其<strong class="text-green-300">上游环节已具备基本面驱动的雏形</strong>。市场正沿着“资源涨价 → 价值重估 → 应用想象”的路径演绎。短期行情的核心是碳酸锶的供需失衡，长期则完全取决于下游量子应用的商业化能否兑现。
</p>
<p>
<strong>最具投资价值环节：</strong>
<br>• <strong class="text-green-300">短期 (&lt;1年):</strong> 上游碳酸锶生产环节，拥有合规产能和资源优势的企业是确定性最高的投资方向。
<br>• <strong class="text-green-300">中长期 (1-3年):</strong> 具备钛酸锶规模化生产能力与下游客户渠道的中游企业，需重点关注其相关业务的营收和毛利变化。
</p>
</div>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead class="text-base text-white bg-slate-800/50">
<tr>
<th>股票名称</th>
<th>核心逻辑</th>
<th>产业链环节</th>
</tr>
</thead>
<tbody class="text-slate-200">
<tr>
<td>
<div class="font-bold">红星发展</div>
<div class="text-sm opacity-70"><a href="https://valuefrontier.cn/company?scode=600367" target="_blank" class="link link-hover">600367</a></div>
</td>
<td>碳酸锶产能第一（现有3万吨/年，新建6万吨/年），拥有高品位天青石矿资源。</td>
<td><span class="badge badge-warning badge-outline">上游-碳酸锶</span></td>
</tr>
<tr>
<td>
<div class="font-bold">金瑞矿业</div>
<div class="text-sm opacity-70"><a href="https://valuefrontier.cn/company?scode=600714" target="_blank" class="link link-hover">600714</a></div>
</td>
<td>拥有大风山锶矿，探明保有储量约1500万吨；碳酸锶产能第二（现有2万吨/年，新建4.5万吨/年）。</td>
<td>
<span class="badge badge-error badge-outline mr-1">上游-锶矿</span>
<span class="badge badge-warning badge-outline">上游-碳酸锶</span>
</td>
</tr>
<tr>
<td>
<div class="font-bold">新莱福</div>
<div class="text-sm opacity-70"><a href="https://valuefrontier.cn/company?scode=301323" target="_blank" class="link link-hover">301323</a></div>
</td>
<td>明确提及“需要用碳酸锶作为原料来合成钛酸锶”，并已将其应用于钛酸锶压敏电阻产品。</td>
<td><span class="badge badge-info badge-outline">中游-钛酸锶</span></td>
</tr>
</tbody>
</table>
</div>
</section>
<footer class="text-center text-xs text-gray-600 py-4">
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研”</p>
<p>本报告为AI合成数据，不构成任何投资建议，投资需谨慎。</p>
</footer>
</div>
<!-- Risk Section -->
<div class="container mx-auto px-4 mb-8">
<div class="card bg-gradient-to-r from-red-600/20 to-orange-600/20 border border-red-500/30">
<div class="card-body">
<h2 class="card-title text-2xl mb-4 flex items-center">
<svg class="w-8 h-8 mr-2 text-red-400" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"/>
</svg>
致命风险：信息交叉验证的矛盾
</h2>
<div class="overflow-x-auto">
<table class="table w-full text-sm">
<thead>
<tr class="text-red-300">
<th>信息源</th>
<th>声称内容</th>
<th>验证结果</th>
<th class="text-center">矛盾点</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-bold text-red-400">新闻端</td>
<td>量子材料钛酸锶技术突破</td>
<td>真实，但仅限实验室</td>
<td class="text-center"><span class="badge badge-error">无A股标的参与</span></td>
</tr>
<tr>
<td class="font-bold text-yellow-400">券商研报</td>
<td>钛酸锶是下游应用</td>
<td>部分真实（占比<3%）</td>
<td class="text-center"><span class="badge badge-warning">夸大应用规模</span></td>
</tr>
<tr>
<td class="font-bold text-orange-400">市场行为</td>
<td>红星发展=量子材料股</td>
<td class="text-error">完全错误</td>
<td class="text-center"><span class="badge badge-error">概念炒作，无基本面支撑</span></td>
</tr>
</tbody>
</table>
</div>
<div class="mt-4 bg-black/40 rounded-lg p-4 border border-red-500/50">
<p class="text-lg font-bold text-red-300">最大风险点：</p>
<p class="text-sm">若2025年Q2市场发现"量子材料钛酸锶"纯粹是碳酸锶涨价的"包装"，整个概念可能面临 <span class="badge badge-error">业绩证伪+估值杀</span> 的双杀局面，回调幅度可能超过 <span class="text-red-400 font-bold">40%</span>。</p>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('timeline-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
<!-- Investment Advice -->
<div class="container mx-auto px-4 mb-12">
<h2 class="text-3xl font-bold mb-6 text-center">综合结论与投资启示</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="card glass-card hover:scale-105 transition-transform">
<div class="card-body">
<h3 class="card-title text-green-400">短期策略 (3-6个月)</h3>
<p class="text-sm mb-3">若碳酸锶价格维持高位且复产不及预期，可<span class="badge badge-success">低配红星发展</span>博弈涨价弹性，但需设置 <span class="text-error font-bold">15%止损线</span>。</p>
<div class="text-xs text-gray-400">核心验证：2025Q1毛利率 > 25%</div>
</div>
</div>
<div class="card glass-card hover:scale-105 transition-transform">
<div class="card-body">
<h3 class="card-title text-yellow-400">中期策略 (6-12个月)</h3>
<p class="text-sm mb-3">等待2025年Q3碳酸锶价格拐点确认，若价格跌破 <span class="text-error font-bold">1.3万元/吨</span>，<span class="badge badge-error">全面离场</span>。</p>
<div class="text-xs text-gray-400">核心观察：河北辛集化工复产进度</div>
</div>
</div>
<div class="card glass-card hover:scale-105 transition-transform">
<div class="card-body">
<h3 class="card-title text-cyan-400">长期策略 (>1年)</h3>
<p class="text-sm mb-3">密切关注中科院等科研机构在SrTiO₃量子器件领域的专利布局，若有产业化公司成立，可关注<span class="badge badge-info">一级市场</span>。</p>
<div class="text-xs text-gray-400">A股当前标的均不具备长期持有价值</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-black/40 py-8 mt-12">
<div class="container mx-auto px-4 text-center">
<p class="text-sm text-gray-500">⚠️ 投资忠告：<span class="text-gray-300 font-bold">莫将化工周期当科技革命</span>。这是一场资本游戏，认清自己是在交易碳酸锶涨价，还是在投资量子未来，前者是短期投机，后者是长期幻想。</p>
<p class="text-xs text-gray-600 mt-2">数据截止2025年3月 | 不构成投资建议</p>
</div>
</footer>
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
formatter: function (params) {
const param = params[0];
const date = param.name;
const data = param.data;
let tooltipHtml = `<div style="font-size: 14px; color: #fff;"><strong>${date}</strong></div>`;
tooltipHtml += `<div style="margin-top: 5px; font-size: 12px; color: #ddd;">${data.event}</div>`;
return tooltipHtml;
},
backgroundColor: 'rgba(20, 20, 40, 0.7)',
borderColor: 'rgba(255, 255, 255, 0.2)',
textStyle: {
color: '#E0E0E0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '10%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2024.10', '2025.03', '2025.11.07', '2025.11.10'],
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.3)' } },
axisLabel: { color: '#ccc' }
},
yAxis: {
type: 'value',
splitLine: { lineStyle: { type: 'dashed', color: 'rgba(255,255,255,0.1)' } },
axisLabel: { show: false },
},
dataZoom: [{
type: 'inside',
start: 0,
end: 100
}],
series: [
{
name: '事件',
type: 'line',
smooth: true,
symbol: 'circle',
symbolSize: 12,
lineStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#F59E0B' },
{ offset: 1, color: '#38BDF8' }
]),
width: 3
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: 'rgba(56, 189, 248, 0.3)' },
{ offset: 1, color: 'rgba(245, 158, 11, 0.05)' }
])
},
itemStyle: {
color: '#fff',
borderColor: function(params) {
return params.data.type === 'supply' ? '#F59E0B' : '#38BDF8';
},
borderWidth: 3
},
data: [
{ value: 10, name: '2024.10', type: 'supply', event: '<strong>供给侧冲击:</strong> 国内碳酸锶巨头辛集化工申请破产。' },
{ value: 20, name: '2025.03', type: 'supply', event: '<strong>供给侧冲击:</strong> 环保改造大限，海外巨头Kandelium因火灾停产。' },
{ value: 60, name: '2025.11.07', type: 'demand', event: '<strong>应用端突破:</strong> 比利时团队在《科学》发表成果，新型薄膜实现创纪录电光性能。' },
{ value: 70, name: '2025.11.10', type: 'demand', event: '<strong>应用端突破:</strong> 斯坦福团队发现氧同位素替换新方法，大幅提升光电/压电效应。' }
]
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', function() {
myChart.resize();
});
});
</script>
</body>
</html>
</html>