Files
vf_react/public/htmls/英伟达电源方案.html
2025-11-13 17:38:54 +08:00

562 lines
34 KiB
HTML
Raw 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="corporate">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>英伟达电源方案 - AI算力革命下的供电架构创新</title>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.19/dist/full.min.css" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}
.timeline-dot {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
.stock-table {
font-size: 0.85rem;
}
@media (max-width: 768px) {
.stock-table {
font-size: 0.75rem;
}
}
</style>
</head>
<body class="bg-base-200">
<!-- Header -->
<div class="gradient-bg text-white">
<div class="container mx-auto px-4 py-12">
<div class="flex items-center justify-between flex-wrap">
<div>
<h1 class="text-4xl font-bold mb-2">英伟达电源方案</h1>
<p class="text-xl opacity-90">AI算力革命驱动的千亿级供电架构变革</p>
</div>
<div class="badge badge-warning badge-lg mt-4 md:mt-0">2025.01.15 更新</div>
</div>
</div>
</div>
<!-- Key Metrics -->
<div class="container mx-auto px-4 -mt-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="card bg-base-100 shadow-xl card-hover">
<div class="card-body compact">
<h3 class="text-sm opacity-70">单柜功率提升</h3>
<p class="text-2xl font-bold text-primary">10倍</p>
<p class="text-xs">120-130kW vs 传统10-20kW</p>
</div>
</div>
<div class="card bg-base-100 shadow-xl card-hover">
<div class="card-body compact">
<h3 class="text-sm opacity-70">转换效率</h3>
<p class="text-2xl font-bold text-success">98%</p>
<p class="text-xs">SST方案效率</p>
</div>
</div>
<div class="card bg-base-100 shadow-xl card-hover">
<div class="card-body compact">
<h3 class="text-sm opacity-70">市场规模</h3>
<p class="text-2xl font-bold text-warning">千亿级</p>
<p class="text-xs">预计2025-2027年</p>
</div>
</div>
<div class="card bg-base-100 shadow-xl card-hover">
<div class="card-body compact">
<h3 class="text-sm opacity-70">涉及公司</h3>
<p class="text-2xl font-bold text-info">30+</p>
<p class="text-xs">产业链相关标的</p>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="container mx-auto px-4 py-8">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- Left Column - Timeline & Analysis -->
<div class="lg:col-span-2 space-y-6">
<!-- Timeline -->
<div class="card bg-base-100 shadow-xl">
<div class="card-body">
<h2 class="card-title text-xl mb-4">
<svg class="w-6 h-6 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
关键时间轴
</h2>
<ul class="timeline timeline-vertical">
<li>
<div class="timeline-start">2019.12</div>
<div class="timeline-middle">
<div class="w-3 h-3 bg-primary rounded-full timeline-dot"></div>
</div>
<div class="timeline-end timeline-box">
中恒电气与阿里发布巴拿马电源
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-start">2024.03</div>
<div class="timeline-middle">
<div class="w-3 h-3 bg-success rounded-full"></div>
</div>
<div class="timeline-end timeline-box">
英伟达GB300确定800V HVDC架构
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-start">2025.10</div>
<div class="timeline-middle">
<div class="w-3 h-3 bg-warning rounded-full timeline-dot"></div>
</div>
<div class="timeline-end timeline-box">
英伟达发布800V DC白皮书明确SST为终极方案
</div>
</li>
</ul>
</div>
</div>
<!-- Technology Routes -->
<div class="card bg-base-100 shadow-xl">
<div class="card-body">
<h2 class="card-title text-xl mb-4">技术路线对比</h2>
<div class="overflow-x-auto">
<table class="table table-zebra">
<thead>
<tr>
<th>技术方案</th>
<th>成熟度</th>
<th>效率</th>
<th>时间窗口</th>
<th>代表公司</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="badge badge-primary">HVDC</span></td>
<td>
<progress class="progress progress-success w-20" value="80" max="100"></progress>
</td>
<td>95%</td>
<td>2024-2026</td>
<td>中恒电气、麦格米特</td>
</tr>
<tr>
<td><span class="badge badge-warning">SST</span></td>
<td>
<progress class="progress progress-warning w-20" value="40" max="100"></progress>
</td>
<td>98%</td>
<td>2026-2028</td>
<td>金盘科技、四方股份</td>
</tr>
<tr>
<td><span class="badge badge-info">巴拿马2.0</span></td>
<td>
<progress class="progress progress-info w-20" value="60" max="100"></progress>
</td>
<td>96%</td>
<td>2025-2027</td>
<td>中恒电气、伊戈尔</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Investment Logic -->
<div class="card bg-base-100 shadow-xl">
<div class="card-body">
<h2 class="card-title text-xl mb-4">核心投资逻辑</h2>
<div class="space-y-4">
<div class="alert alert-info">
<svg class="w-6 h-6 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
</svg>
<div>
<h3 class="font-bold">算力密度革命</h3>
<div class="text-xs">GB300单机柜功率达120-130kW传统AC供电无法满足</div>
</div>
</div>
<div class="alert alert-success">
<svg class="w-6 h-6 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<div>
<h3 class="font-bold">技术路线明确</h3>
<div class="text-xs">英伟达白皮书确认SST为终极方案HVDC为过渡方案</div>
</div>
</div>
<div class="alert alert-warning">
<svg class="w-6 h-6 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<div>
<h3 class="font-bold">预期差巨大</h3>
<div class="text-xs">市场低估SST进展国产化速度超预期</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Right Column - Market Info -->
<div class="space-y-6">
<!-- Market Heat -->
<div class="card bg-base-100 shadow-xl">
<div class="card-body">
<h2 class="card-title text-lg mb-4">市场热度分析</h2>
<div class="space-y-3">
<div>
<div class="flex justify-between text-sm mb-1">
<span>研报密度</span>
<span class="text-warning"></span>
</div>
<progress class="progress progress-warning" value="85" max="100"></progress>
</div>
<div>
<div class="flex justify-between text-sm mb-1">
<span>产业验证</span>
<span class="text-success"></span>
</div>
<progress class="progress progress-success" value="75" max="100"></progress>
</div>
<div>
<div class="flex justify-between text-sm mb-1">
<span>估值差</span>
<span class="text-info"></span>
</div>
<progress class="progress progress-info" value="90" max="100"></progress>
</div>
</div>
</div>
</div>
<!-- Risk Alert -->
<div class="card bg-base-100 shadow-xl border-l-4 border-error">
<div class="card-body">
<h2 class="card-title text-lg text-error mb-4">风险提示</h2>
<ul class="space-y-2 text-sm">
<li class="flex items-start">
<span class="text-error mr-2"></span>
<span>SST可靠性需数千小时验证</span>
</li>
<li class="flex items-start">
<span class="text-error mr-2"></span>
<span>GB300方案存在调整风险</span>
</li>
<li class="flex items-start">
<span class="text-error mr-2"></span>
<span>国际供应链依赖风险</span>
</li>
<li class="flex items-start">
<span class="text-error mr-2"></span>
<span>Q3业绩兑现压力</span>
</li>
</ul>
</div>
</div>
<!-- Investment Strategy -->
<div class="card bg-gradient-to-r from-primary to-secondary text-white shadow-xl">
<div class="card-body">
<h2 class="card-title text-lg mb-4">投资策略</h2>
<div class="text-sm space-y-3">
<div>
<h3 class="font-bold mb-1">哑铃型配置</h3>
<p class="opacity-90">一端配置确定性高的配套龙头另一端布局弹性大的SST先行者</p>
</div>
<div class="divider divider-neutral my-2"></div>
<div>
<p class="font-semibold">重点关注:</p>
<div class="flex flex-wrap gap-2 mt-2">
<span class="badge badge-warning">金盘科技</span>
<span class="badge badge-warning">四方股份</span>
<span class="badge badge-warning">江海股份</span>
<span class="badge badge-warning">麦格米特</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Stock Table Section -->
<div class="card bg-base-100 shadow-xl mt-8">
<div class="card-body">
<h2 class="card-title text-2xl mb-6">
<svg class="w-8 h-8 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
</svg>
产业链核心标的一览
</h2>
<!-- Category Tabs -->
<div class="tabs tabs-boxed mb-4">
<a class="tab tab-active" onclick="filterStocks('all')">全部</a>
<a class="tab" onclick="filterStocks('SST')">固态变压器SST</a>
<a class="tab" onclick="filterStocks('HVDC')">高压直流HVDC</a>
<a class="tab" onclick="filterStocks('panama')">巴拿马电源</a>
<a class="tab" onclick="filterStocks('support')">配套相关</a>
</div>
<div class="overflow-x-auto">
<table class="table table-compact stock-table w-full">
<thead>
<tr class="bg-base-200">
<th class="text-center">股票代码</th>
<th class="text-center">分类</th>
<th class="text-center">相关性</th>
<th class="text-center">技术/产品</th>
<th class="text-center">项目进展</th>
<th class="text-center">信息源</th>
<th>投资要点</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- SST Category -->
<tr class="hover stock-row" data-category="SST">
<td class="font-bold text-center">四方股份</td>
<td class="text-center"><span class="badge badge-primary badge-sm">固态变压器SST</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">SST系列</td>
<td class="text-center">国家级示范项目应用</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">互动</span></td>
<td>SST产品全面适配800V直流供电架构已在多个国家级示范项目应用</td>
</tr>
<tr class="hover stock-row" data-category="SST">
<td class="font-bold text-center">京泉华</td>
<td class="text-center"><span class="badge badge-primary badge-sm">固态变压器SST</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">伊顿SST高频变压器</td>
<td class="text-center">独家供应</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">网络纪要</span></td>
<td>伊顿SST高频变压器独供绑定国际巨头</td>
</tr>
<tr class="hover stock-row" data-category="SST">
<td class="font-bold text-center">金盘科技</td>
<td class="text-center"><span class="badge badge-primary badge-sm">固态变压器SST</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">HVDC800V固态变压器</td>
<td class="text-center">2025年8月完成样机</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">公告</span></td>
<td>2025年Q4完成测试认证进度行业领先</td>
</tr>
<tr class="hover stock-row" data-category="SST">
<td class="font-bold text-center">中国西电</td>
<td class="text-center"><span class="badge badge-primary badge-sm">固态变压器SST</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">2.4MW固态变压器</td>
<td class="text-center">已向数据中心供货</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">互动</span></td>
<td>向"东数西算"数据中心提供2.4MW固态变压器</td>
</tr>
<tr class="hover stock-row" data-category="SST">
<td class="font-bold text-center">特锐德</td>
<td class="text-center"><span class="badge badge-primary badge-sm">固态变压器SST</span></td>
<td class="text-center"><span class="badge badge-warning badge-sm">研发</span></td>
<td class="text-center">固态变压器技术</td>
<td class="text-center">2027年推出2028年量产</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">网络纪要</span></td>
<td>预计2028年实现大规模生产交付</td>
</tr>
<!-- HVDC Category -->
<tr class="hover stock-row" data-category="HVDC">
<td class="font-bold text-center">中恒电气</td>
<td class="text-center"><span class="badge badge-info badge-sm">高压直流HVDC</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">第三代HVDC产品矩阵</td>
<td class="text-center">先行者地位</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">调研</span></td>
<td>HVDC绿色供电技术方案先行者服务阿里、腾讯、百度</td>
</tr>
<tr class="hover stock-row" data-category="HVDC">
<td class="font-bold text-center">麦格米特</td>
<td class="text-center"><span class="badge badge-info badge-sm">高压直流HVDC</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">800V HVDC Power Sidecar</td>
<td class="text-center">英伟达链唯一供应商</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">机构研报</span></td>
<td>大陆唯一NV链服务器电源供应商2025GTC展出方案</td>
</tr>
<tr class="hover stock-row" data-category="HVDC">
<td class="font-bold text-center">通合科技</td>
<td class="text-center"><span class="badge badge-info badge-sm">高压直流HVDC</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">高压直流供电模块</td>
<td class="text-center">模块份额60%</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">调研/纪要</span></td>
<td>HVDC模块市占率60%台达份额50%</td>
</tr>
<tr class="hover stock-row" data-category="HVDC">
<td class="font-bold text-center">优优绿能</td>
<td class="text-center"><span class="badge badge-info badge-sm">高压直流HVDC</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">HVDC电源</td>
<td class="text-center">2025年布局</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">机构研报</span></td>
<td>2025年全力布局与ABB等海外Tier1客户合作</td>
</tr>
<tr class="hover stock-row" data-category="HVDC">
<td class="font-bold text-center">科华数据</td>
<td class="text-center"><span class="badge badge-info badge-sm">高压直流HVDC</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">HVDC系列</td>
<td class="text-center">头部互联网合作</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">互动</span></td>
<td>与头部互联网大厂深度合作SST技术降本30%</td>
</tr>
<!-- Panama Category -->
<tr class="hover stock-row" data-category="panama">
<td class="font-bold text-center">中恒电气</td>
<td class="text-center"><span class="badge badge-warning badge-sm">巴拿马电源</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">10kV直转240V/336V</td>
<td class="text-center">2019年与阿里联合发布</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">互动</span></td>
<td>巴拿马电源系统创始者,技术成熟</td>
</tr>
<tr class="hover stock-row" data-category="panama">
<td class="font-bold text-center">伊戈尔</td>
<td class="text-center"><span class="badge badge-warning badge-sm">巴拿马电源</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">移相变压器</td>
<td class="text-center">批量供货</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">互动</span></td>
<td>移相变压器已批量供货配套巴拿马电源</td>
</tr>
<!-- Support Category -->
<tr class="hover stock-row" data-category="support">
<td class="font-bold text-center">江海股份</td>
<td class="text-center"><span class="badge badge-secondary badge-sm">配套相关</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">超级电容器</td>
<td class="text-center">2024年营收46亿</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">年报</span></td>
<td>超级电容器龙头GB300方案标配组件</td>
</tr>
<tr class="hover stock-row" data-category="support">
<td class="font-bold text-center">思源电气</td>
<td class="text-center"><span class="badge badge-secondary badge-sm">配套相关</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">高品质超级电容器</td>
<td class="text-center">烯晶碳能子公司</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">机构研报</span></td>
<td>子公司烯晶碳能生产,具备导入数据中心能力</td>
</tr>
<tr class="hover stock-row" data-category="support">
<td class="font-bold text-center">蓝鲸芯</td>
<td class="text-center"><span class="badge badge-secondary badge-sm">配套相关</span></td>
<td class="text-center"><span class="badge badge-success badge-sm">产品</span></td>
<td class="text-center">BBU备用电源</td>
<td class="text-center">少量出货</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">机构研报</span></td>
<td>产品与BBU方向匹配向第三方少量出货</td>
</tr>
<tr class="hover stock-row" data-category="support">
<td class="font-bold text-center">云路股份</td>
<td class="text-center"><span class="badge badge-secondary badge-sm">配套相关</span></td>
<td class="text-center"><span class="badge badge-warning badge-sm">材料</span></td>
<td class="text-center">纳米晶材料</td>
<td class="text-center">研发探索阶段</td>
<td class="text-center"><span class="badge badge-ghost badge-sm">互动</span></td>
<td>纳米晶材料在固态变压器领域具备应用潜力</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Bottom CTA -->
<div class="card bg-gradient-to-r from-primary to-secondary text-white shadow-xl mt-8">
<div class="card-body text-center">
<h2 class="card-title text-2xl justify-center mb-4">把握AI算力革命下的供电架构变革机遇</h2>
<p class="mb-6">英伟达电源方案正从主题炒作向基本面驱动过渡,当前是布局窗口期</p>
<div class="flex flex-wrap justify-center gap-4">
<div class="badge badge-warning badge-lg">SST终极方案</div>
<div class="badge badge-warning badge-lg">HVDC过渡方案</div>
<div class="badge badge-warning badge-lg">千亿级市场</div>
<div class="badge badge-warning badge-lg">2025-2027黄金期</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer footer-center p-4 bg-base-300 text-base-content mt-8">
<div>
<p>© 2025 英伟达电源方案投资分析 | 数据来源:公开信息整理 | 风险提示:投资有风险,决策需谨慎</p>
</div>
</footer>
<script>
function filterStocks(category) {
const rows = document.querySelectorAll('.stock-row');
const tabs = document.querySelectorAll('.tab');
// Update active tab
tabs.forEach(tab => {
tab.classList.remove('tab-active');
if (tab.textContent.includes('全部') && category === 'all') {
tab.classList.add('tab-active');
} else if (tab.textContent.includes('SST') && category === 'SST') {
tab.classList.add('tab-active');
} else if (tab.textContent.includes('HVDC') && category === 'HVDC') {
tab.classList.add('tab-active');
} else if (tab.textContent.includes('巴拿马') && category === 'panama') {
tab.classList.add('tab-active');
} else if (tab.textContent.includes('配套') && category === 'support') {
tab.classList.add('tab-active');
}
});
// Filter rows
rows.forEach(row => {
if (category === 'all') {
row.style.display = '';
} else {
const rowCategory = row.getAttribute('data-category');
row.style.display = rowCategory === category ? '' : 'none';
}
});
}
// Add hover effect to stock rows
document.querySelectorAll('.stock-row').forEach(row => {
row.addEventListener('mouseenter', function() {
this.style.backgroundColor = 'rgba(139, 92, 246, 0.1)';
});
row.addEventListener('mouseleave', function() {
this.style.backgroundColor = '';
});
});
</script>
</body>
</html>