567 lines
31 KiB
HTML
567 lines
31 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<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.4.19/dist/full.min.css" rel="stylesheet" type="text/css">
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
<script src="https://unpkg.com/lucide@latest"></script>
|
||
<style>
|
||
@keyframes pulse-glow {
|
||
0%, 100% { box-shadow: 0 0 20px rgba(34, 197, 94, 0.5); }
|
||
50% { box-shadow: 0 0 40px rgba(34, 197, 94, 0.8); }
|
||
}
|
||
.hero-gradient {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
}
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
.timeline-line {
|
||
background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
|
||
}
|
||
.stock-table {
|
||
overflow-x: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.stock-table table {
|
||
min-width: 800px;
|
||
}
|
||
}
|
||
.tech-card:hover {
|
||
transform: translateY(-5px);
|
||
transition: all 0.3s ease;
|
||
}
|
||
.risk-meter {
|
||
background: linear-gradient(90deg, #10b981 0%, #eab308 50%, #ef4444 100%);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<!-- Hero Section -->
|
||
<div class="hero-gradient text-white">
|
||
<div class="container mx-auto px-4 py-16 lg:py-24">
|
||
<div class="flex flex-col lg:flex-row items-center justify-between">
|
||
<div class="lg:w-2/3 mb-8 lg:mb-0">
|
||
<h1 class="text-4xl lg:text-6xl font-bold mb-4 animate-fade-in">
|
||
核电钍基熔盐堆
|
||
</h1>
|
||
<p class="text-xl lg:text-2xl mb-6 opacity-90">
|
||
第四代核能技术的革命性突破
|
||
</p>
|
||
<div class="flex flex-wrap gap-4 mb-8">
|
||
<span class="badge badge-primary badge-lg">全球唯一运行</span>
|
||
<span class="badge badge-secondary badge-lg">100%国产化</span>
|
||
<span class="badge badge-accent badge-lg">钍燃料突破</span>
|
||
</div>
|
||
<p class="text-lg leading-relaxed opacity-80">
|
||
2025年11月1日,中国宣布甘肃武威2兆瓦钍基熔盐实验堆成功实现首次钍铀核燃料转换,
|
||
标志着中国在全球第四代核能竞赛中占据领先地位。
|
||
</p>
|
||
</div>
|
||
<div class="lg:w-1/3 text-center">
|
||
<div class="glass-effect rounded-2xl p-8 animate-pulse-slow">
|
||
<i data-lucide="atom" class="w-32 h-32 mx-auto mb-4"></i>
|
||
<p class="text-2xl font-bold">技术领先</p>
|
||
<p class="text-lg opacity-80">钍资源利用革命</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Core Stats -->
|
||
<div class="bg-white shadow-xl -mt-10 mx-4 lg:mx-8 rounded-2xl relative z-10">
|
||
<div class="container mx-auto px-4 py-8">
|
||
<div class="grid grid-cols-1 md:grid-cols-4 gap-6">
|
||
<div class="text-center p-6 bg-gradient-to-br from-blue-50 to-indigo-100 rounded-xl">
|
||
<i data-lucide="zap" class="w-12 h-12 mx-auto mb-2 text-blue-600"></i>
|
||
<p class="text-3xl font-bold text-blue-600">2MW</p>
|
||
<p class="text-gray-600">实验堆功率</p>
|
||
</div>
|
||
<div class="text-center p-6 bg-gradient-to-br from-green-50 to-emerald-100 rounded-xl">
|
||
<i data-lucide="shield-check" class="w-12 h-12 mx-auto mb-2 text-green-600"></i>
|
||
<p class="text-3xl font-bold text-green-600">100%</p>
|
||
<p class="text-gray-600">核心设备国产化</p>
|
||
</div>
|
||
<div class="text-center p-6 bg-gradient-to-br from-purple-50 to-pink-100 rounded-xl">
|
||
<i data-lucide="globe" class="w-12 h-12 mx-auto mb-2 text-purple-600"></i>
|
||
<p class="text-3xl font-bold text-purple-600">全球唯一</p>
|
||
<p class="text-gray-600">钍燃料入堆运行</p>
|
||
</div>
|
||
<div class="text-center p-6 bg-gradient-to-br from-orange-50 to-red-100 rounded-xl">
|
||
<i data-lucide="target" class="w-12 h-12 mx-auto mb-2 text-orange-600"></i>
|
||
<p class="text-3xl font-bold text-orange-600">2035</p>
|
||
<p class="text-gray-600">百兆瓦示范堆目标</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Timeline -->
|
||
<div class="container mx-auto px-4 py-16">
|
||
<h2 class="text-3xl lg:text-4xl font-bold mb-12 text-center">
|
||
<i data-lucide="clock" class="inline w-8 h-8 mr-2"></i>
|
||
发展时间轴
|
||
</h2>
|
||
<div class="relative">
|
||
<div class="timeline-line absolute left-8 lg:left-1/2 transform lg:-translate-x-1/2 w-1 h-full"></div>
|
||
<div class="space-y-12">
|
||
<div class="flex items-center">
|
||
<div class="timeline-dot bg-green-500 w-16 h-16 rounded-full flex items-center justify-center text-white font-bold z-10">
|
||
<span>2023</span>
|
||
</div>
|
||
<div class="ml-8 lg:ml-16 bg-white p-6 rounded-xl shadow-lg tech-card">
|
||
<h3 class="text-xl font-bold mb-2">实验堆试运行</h3>
|
||
<p class="text-gray-600">甘肃武威2MW实验堆获安全局试运行许可,9月进入试运行阶段</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center flex-row-reverse">
|
||
<div class="timeline-dot bg-blue-500 w-16 h-16 rounded-full flex items-center justify-center text-white font-bold z-10">
|
||
<span>2025</span>
|
||
</div>
|
||
<div class="mr-8 lg:mr-16 bg-white p-6 rounded-xl shadow-lg tech-card">
|
||
<h3 class="text-xl font-bold mb-2 text-blue-600">重大突破</h3>
|
||
<p class="text-gray-600">11月1日宣布首次实现钍铀核燃料转换,技术可行性获验证</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="timeline-dot bg-purple-500 w-16 h-16 rounded-full flex items-center justify-center text-white font-bold z-10">
|
||
<span>2030</span>
|
||
</div>
|
||
<div class="ml-8 lg:ml-16 bg-white p-6 rounded-xl shadow-lg tech-card">
|
||
<h3 class="text-xl font-bold mb-2 text-purple-600">研究堆建设</h3>
|
||
<p class="text-gray-600">计划建成30MW研究堆,进一步验证工程技术</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center flex-row-reverse">
|
||
<div class="timeline-dot bg-orange-500 w-16 h-16 rounded-full flex items-center justify-center text-white font-bold z-10">
|
||
<span>2035</span>
|
||
</div>
|
||
<div class="mr-8 lg:mr-16 bg-white p-6 rounded-xl shadow-lg tech-card">
|
||
<h3 class="text-xl font-bold mb-2 text-orange-600">商业示范</h3>
|
||
<p class="text-gray-600">目标实现百兆瓦级示范堆并网发电,推动商业化应用</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Core Logic -->
|
||
<div class="bg-gradient-to-r from-indigo-50 to-purple-50 py-16">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-3xl lg:text-4xl font-bold mb-12 text-center">
|
||
<i data-lucide="brain" class="inline w-8 h-8 mr-2"></i>
|
||
核心逻辑分析
|
||
</h2>
|
||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||
<div class="bg-white rounded-2xl p-8 shadow-xl tech-card">
|
||
<div class="text-5xl mb-4">🎯</div>
|
||
<h3 class="text-2xl font-bold mb-4">国家能源安全</h3>
|
||
<p class="text-gray-600 leading-relaxed">
|
||
中国铀资源对外依存度高,而钍资源储量丰富(全球占比10%-20%),发展钍基熔盐堆是实现核燃料自给自足的顶层战略设计。
|
||
</p>
|
||
</div>
|
||
<div class="bg-white rounded-2xl p-8 shadow-xl tech-card">
|
||
<div class="text-5xl mb-4">🚀</div>
|
||
<h3 class="text-2xl font-bold mb-4">技术突破</h3>
|
||
<p class="text-gray-600 leading-relaxed">
|
||
2025年11月事件是技术"从0到1"验证,证明了液态熔盐环境中钍-铀燃料循环的可行性,同时实现关键设备100%国产化。
|
||
</p>
|
||
</div>
|
||
<div class="bg-white rounded-2xl p-8 shadow-xl tech-card">
|
||
<div class="text-5xl mb-4">⚡</div>
|
||
<h3 class="text-2xl font-bold mb-4">优越性能</h3>
|
||
<p class="text-gray-600 leading-relaxed">
|
||
具备本质安全、无水冷却(适合内陆)、高温输出(可用于制氢)等优点,应用场景远超传统核电。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Market Expectation Gap -->
|
||
<div class="container mx-auto px-4 py-16">
|
||
<h2 class="text-3xl lg:text-4xl font-bold mb-12 text-center">
|
||
<i data-lucide="trending-up" class="inline w-8 h-8 mr-2"></i>
|
||
市场预期差分析
|
||
</h2>
|
||
<div class="bg-yellow-50 border-l-4 border-yellow-400 p-8 rounded-r-xl mb-8">
|
||
<p class="text-lg font-semibold mb-2">⚠️ 关键发现</p>
|
||
<p class="text-gray-700">
|
||
资本市场与科学界对"突破"定义和"商业化"时间表存在根本认知差异
|
||
</p>
|
||
</div>
|
||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
||
<div class="bg-blue-50 rounded-xl p-8">
|
||
<h3 class="text-xl font-bold mb-4 text-blue-600">
|
||
<i data-lucide="trending-up" class="inline w-5 h-5 mr-1"></i>
|
||
市场认知
|
||
</h3>
|
||
<ul class="space-y-2">
|
||
<li class="flex items-start">
|
||
<i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
||
<span>聚焦"全球唯一"、"重大突破"</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
||
<span>2035年商业化路线图</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i data-lucide="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-0.5"></i>
|
||
<span>上游资源股热度高</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-red-50 rounded-xl p-8">
|
||
<h3 class="text-xl font-bold mb-4 text-red-600">
|
||
<i data-lucide="trending-down" class="inline w-5 h-5 mr-1"></i>
|
||
产业现实
|
||
</h3>
|
||
<ul class="space-y-2">
|
||
<li class="flex items-start">
|
||
<i data-lucide="alert-circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5"></i>
|
||
<span>商业化需30年</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i data-lucide="alert-circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5"></i>
|
||
<span>技术成熟度排第四代堆第三位</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i data-lucide="alert-circle" class="w-5 h-5 text-yellow-500 mr-2 mt-0.5"></i>
|
||
<span>瓶颈在技术而非资源</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Industry Chain -->
|
||
<div class="bg-gradient-to-br from-gray-900 to-gray-800 text-white py-16">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-3xl lg:text-4xl font-bold mb-12 text-center">
|
||
<i data-lucide="network" class="inline w-8 h-8 mr-2"></i>
|
||
产业链图谱
|
||
</h2>
|
||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||
<div class="glass-effect rounded-xl p-6">
|
||
<h3 class="text-xl font-bold mb-4 text-green-400">上游资源</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-center">
|
||
<i data-lucide="package" class="w-5 h-5 mr-2"></i>
|
||
<span>钍资源(独居石伴生)</span>
|
||
</div>
|
||
<div class="ml-7 space-y-2 text-sm opacity-80">
|
||
<p>• 包钢股份(白云鄂博矿)</p>
|
||
<p>• 盛和资源(独居石处理)</p>
|
||
<p>• 东方锆业(独居石生产)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="glass-effect rounded-xl p-6">
|
||
<h3 class="text-xl font-bold mb-4 text-blue-400">中游设备与材料</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-center">
|
||
<i data-lucide="settings" class="w-5 h-5 mr-2"></i>
|
||
<span>核级设备制造</span>
|
||
</div>
|
||
<div class="ml-7 space-y-2 text-sm opacity-80">
|
||
<p>• 上海电气(主容器)</p>
|
||
<p>• 航宇科技(核心锻件)</p>
|
||
<p>• 中核科技(阀门)</p>
|
||
<p>• 方大炭素(核石墨)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="glass-effect rounded-xl p-6">
|
||
<h3 class="text-xl font-bold mb-4 text-purple-400">下游应用</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-center">
|
||
<i data-lucide="factory" class="w-5 h-5 mr-2"></i>
|
||
<span>建设与运营</span>
|
||
</div>
|
||
<div class="ml-7 space-y-2 text-sm opacity-80">
|
||
<p>• 上海建工(工程建设)</p>
|
||
<p>• 中国核电(运营平台)</p>
|
||
<p>• 科华数据(核级UPS)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Stock Data Table -->
|
||
<div class="container mx-auto px-4 py-16">
|
||
<h2 class="text-3xl lg:text-4xl font-bold mb-12 text-center">
|
||
<i data-lucide="bar-chart-3" class="inline w-8 h-8 mr-2"></i>
|
||
核心关联股票
|
||
</h2>
|
||
<div class="bg-white rounded-2xl shadow-xl overflow-hidden">
|
||
<div class="stock-table">
|
||
<table class="w-full">
|
||
<thead class="bg-gradient-to-r from-indigo-500 to-purple-600 text-white">
|
||
<tr>
|
||
<th class="px-4 py-3 text-left">股票名称</th>
|
||
<th class="px-4 py-3 text-left">产业链环节</th>
|
||
<th class="px-4 py-3 text-left">项目/产品</th>
|
||
<th class="px-4 py-3 text-left">核心逻辑</th>
|
||
<th class="px-4 py-3 text-center">信息来源</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200">
|
||
<tr class="hover:bg-gray-50 transition-colors">
|
||
<td class="px-4 py-3 font-semibold text-indigo-600">上海电气</td>
|
||
<td class="px-4 py-3"><span class="badge badge-info">设备制造</span></td>
|
||
<td class="px-4 py-3">主容器、堆热侧主熔盐、换热装置</td>
|
||
<td class="px-4 py-3 text-sm">承制核心主设备,技术壁垒高</td>
|
||
<td class="px-4 py-3 text-center"><span class="badge">互动</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50 transition-colors">
|
||
<td class="px-4 py-3 font-semibold text-indigo-600">航宇科技</td>
|
||
<td class="px-4 py-3"><span class="badge badge-info">设备制造</span></td>
|
||
<td class="px-4 py-3">主容器筒节、法兰、堆内构件等全部锻件</td>
|
||
<td class="px-4 py-3 text-sm">供应实验堆全部锻件,绑定最核心供应商</td>
|
||
<td class="px-4 py-3 text-center"><span class="badge">互动</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50 transition-colors">
|
||
<td class="px-4 py-3 font-semibold text-indigo-600">上海建工</td>
|
||
<td class="px-4 py-3"><span class="badge badge-success">工程建设</span></td>
|
||
<td class="px-4 py-3">实验堆及配套工程项目</td>
|
||
<td class="px-4 py-3 text-sm">深度参与建设,积累核心工程经验</td>
|
||
<td class="px-4 py-3 text-center"><span class="badge">互动</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50 transition-colors">
|
||
<td class="px-4 py-3 font-semibold text-indigo-600">海陆重工</td>
|
||
<td class="px-4 py-3"><span class="badge badge-info">设备供应</span></td>
|
||
<td class="px-4 py-3">2MWt实验堆安全专设</td>
|
||
<td class="px-4 py-3 text-sm">承制安全关键设备,技术要求高</td>
|
||
<td class="px-4 py-3 text-center"><span class="badge">互动</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50 transition-colors">
|
||
<td class="px-4 py-3 font-semibold text-indigo-600">中核科技</td>
|
||
<td class="px-4 py-3"><span class="badge badge-info">设备供应</span></td>
|
||
<td class="px-4 py-3">甘肃钍基熔盐堆配套阀门</td>
|
||
<td class="px-4 py-3 text-sm">核级阀门领先供应商</td>
|
||
<td class="px-4 py-3 text-center"><span class="badge">互动</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50 transition-colors">
|
||
<td class="px-4 py-3 font-semibold text-indigo-600">包钢股份</td>
|
||
<td class="px-4 py-3"><span class="badge badge-warning">上游资源</span></td>
|
||
<td class="px-4 py-3">白云鄂博稀土矿</td>
|
||
<td class="px-4 py-3 text-sm">拥有丰富钍资源,远期想象空间大</td>
|
||
<td class="px-4 py-3 text-center"><span class="badge">互动</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50 transition-colors">
|
||
<td class="px-4 py-3 font-semibold text-indigo-600">中国核电</td>
|
||
<td class="px-4 py-3"><span class="badge badge-success">运营平台</span></td>
|
||
<td class="px-4 py-3">中核集团钍资源综合利用平台</td>
|
||
<td class="px-4 py-3 text-sm">未来可能的商业化运营主体</td>
|
||
<td class="px-4 py-3 text-center"><span class="badge">工商资料</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50 transition-colors">
|
||
<td class="px-4 py-3 font-semibold text-indigo-600">方大炭素</td>
|
||
<td class="px-4 py-3"><span class="badge badge-info">材料供应</span></td>
|
||
<td class="px-4 py-3">TMSR专项核石墨</td>
|
||
<td class="px-4 py-3 text-sm">2015年合作研发核石墨应用</td>
|
||
<td class="px-4 py-3 text-center"><span class="badge">公告</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50 transition-colors">
|
||
<td class="px-4 py-3 font-semibold text-indigo-600">兰石重装</td>
|
||
<td class="px-4 py-3"><span class="badge badge-info">设备研发</span></td>
|
||
<td class="px-4 py-3">第四代反应堆关键装备</td>
|
||
<td class="px-4 py-3 text-sm">参与仿真试验平台设备合同</td>
|
||
<td class="px-4 py-3 text-center"><span class="badge">互动</span></td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-50 transition-colors">
|
||
<td class="px-4 py-3 font-semibold text-indigo-600">川润股份</td>
|
||
<td class="px-4 py-3"><span class="badge badge-info">设备供应</span></td>
|
||
<td class="px-4 py-3">TMSR冷却盐循环泵</td>
|
||
<td class="px-4 py-3 text-sm">提供熔盐循环系统核心设备</td>
|
||
<td class="px-4 py-3 text-center"><span class="badge">互动</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Risks Analysis -->
|
||
<div class="bg-gradient-to-br from-red-50 to-orange-50 py-16">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-3xl lg:text-4xl font-bold mb-12 text-center">
|
||
<i data-lucide="alert-triangle" class="inline w-8 h-8 mr-2"></i>
|
||
风险与挑战
|
||
</h2>
|
||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
||
<div class="bg-white rounded-xl p-8 shadow-lg">
|
||
<h3 class="text-xl font-bold mb-4 text-red-600">
|
||
<i data-lucide="cpu" class="inline w-5 h-5 mr-1"></i>
|
||
技术风险
|
||
</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<i data-lucide="x-circle" class="w-5 h-5 text-red-500 mr-2 mt-0.5"></i>
|
||
<div>
|
||
<p class="font-semibold">材料腐蚀</p>
|
||
<p class="text-sm text-gray-600">熔盐高温强化学活性对结构材料的腐蚀是世界级难题</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<i data-lucide="x-circle" class="w-5 h-5 text-red-500 mr-2 mt-0.5"></i>
|
||
<div>
|
||
<p class="font-semibold">燃料在线处理</p>
|
||
<p class="text-sm text-gray-600">在线分离增殖U-233工艺极其复杂,远未达工业应用</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bg-white rounded-xl p-8 shadow-lg">
|
||
<h3 class="text-xl font-bold mb-4 text-orange-600">
|
||
<i data-lucide="dollar-sign" class="inline w-5 h-5 mr-1"></i>
|
||
商业化风险
|
||
</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<i data-lucide="trending-down" class="w-5 h-5 text-orange-500 mr-2 mt-0.5"></i>
|
||
<div>
|
||
<p class="font-semibold">经济性挑战</p>
|
||
<p class="text-sm text-gray-600">研发建设成本极高,规模化前经济性远低于三代核电</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<i data-lucide="trending-down" class="w-5 h-5 text-orange-500 mr-2 mt-0.5"></i>
|
||
<div>
|
||
<p class="font-semibold">技术路线竞争</p>
|
||
<p class="text-sm text-gray-600">高温气冷堆、钠冷快堆等其他四代堆的竞争分流</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mt-8 bg-yellow-100 border-2 border-yellow-400 rounded-xl p-6">
|
||
<h4 class="text-lg font-bold mb-3">风险等级评估</h4>
|
||
<div class="h-6 rounded-full risk-meter mb-4"></div>
|
||
<div class="flex justify-between text-sm">
|
||
<span class="text-green-600">低风险</span>
|
||
<span class="text-yellow-600">中等风险</span>
|
||
<span class="text-red-600">高风险</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Investment Insights -->
|
||
<div class="bg-gradient-to-r from-green-600 to-emerald-700 text-white py-16">
|
||
<div class="container mx-auto px-4">
|
||
<h2 class="text-3xl lg:text-4xl font-bold mb-12 text-center">
|
||
<i data-lucide="lightbulb" class="inline w-8 h-8 mr-2"></i>
|
||
投资启示
|
||
</h2>
|
||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
||
<div class="glass-effect rounded-xl p-8">
|
||
<h3 class="text-2xl font-bold mb-4">最具投资价值环节</h3>
|
||
<div class="space-y-4">
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">🏭 高壁垒核心设备制造商</h4>
|
||
<p class="text-sm opacity-90">航宇科技、上海电气、中核科技等深度参与实验建设的核心供应商</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">🏗️ 工程建设先锋</h4>
|
||
<p class="text-sm opacity-90">上海建工等拥有核能工程建设经验和资质的企业</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="glass-effect rounded-xl p-8">
|
||
<h3 class="text-2xl font-bold mb-4">关键跟踪指标</h3>
|
||
<div class="space-y-4">
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">📅 20MW项目进度</h4>
|
||
<p class="text-sm opacity-90">从实验室走向工程化的第一个里程碑</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">📋 新订单公告</h4>
|
||
<p class="text-sm opacity-90">核心设备厂商获得后续项目合同</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<h4 class="font-bold mb-2">🔬 材料技术突破</h4>
|
||
<p class="text-sm opacity-90">耐熔盐腐蚀材料等关键技术进展</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-gray-900 text-white py-8">
|
||
<div class="container mx-auto px-4 text-center">
|
||
<p class="mb-2">© 2024 核电钍基熔盐堆深度分析报告</p>
|
||
<p class="text-sm opacity-75">数据来源:公开新闻、路演记录、券商研报</p>
|
||
<p class="text-xs mt-4 opacity-50">风险提示:本报告仅供参考,不构成投资建议</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// Initialize Lucide icons
|
||
lucide.createIcons();
|
||
|
||
// Add smooth scrolling
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||
behavior: 'smooth'
|
||
});
|
||
});
|
||
});
|
||
|
||
// Add animation on scroll
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -50px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.classList.add('animate-fade-in');
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
document.querySelectorAll('.tech-card').forEach(card => {
|
||
observer.observe(card);
|
||
});
|
||
|
||
// Timeline animation
|
||
document.querySelectorAll('.timeline-dot').forEach((dot, index) => {
|
||
setTimeout(() => {
|
||
dot.classList.add('animate-pulse-slow');
|
||
}, index * 200);
|
||
});
|
||
|
||
// Add table row hover effect
|
||
document.querySelectorAll('tbody tr').forEach(row => {
|
||
row.addEventListener('mouseenter', function() {
|
||
this.style.transform = 'scale(1.02)';
|
||
this.style.transition = 'all 0.3s ease';
|
||
});
|
||
row.addEventListener('mouseleave', function() {
|
||
this.style.transform = 'scale(1)';
|
||
});
|
||
});
|
||
|
||
// Initialize animations
|
||
window.addEventListener('load', () => {
|
||
document.body.classList.add('loaded');
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |