Files
vf_react/public/htmls/铜互联.html
2025-10-11 16:16:02 +08:00

673 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">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>铜互联概念分析报告</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- 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.css" rel="stylesheet" type="text/css" />
<!-- Mermaid -->
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
min-height: 100vh;
}
.copper-gradient {
background: linear-gradient(135deg, #b87333 0%, #cd7f32 50%, #a0522d 100%);
}
.card-shadow {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.timeline-dot {
width: 16px;
height: 16px;
background-color: #b87333;
border-radius: 50%;
position: absolute;
left: -8px;
top: 6px;
}
.timeline-line {
position: absolute;
left: 0;
top: 22px;
bottom: 0;
width: 2px;
background-color: #e5e7eb;
}
.timeline-item:last-child .timeline-line {
display: none;
}
.mermaid {
background: white;
border-radius: 0.5rem;
padding: 1rem;
}
@media (max-width: 768px) {
.table-container {
overflow-x: auto;
}
}
</style>
</head>
<body class="bg-gray-50">
<div class="container mx-auto px-4 py-8 max-w-7xl">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">铜互联概念分析报告</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">AI服务器机柜内短距互联的关键技术2025-2026年业绩与估值双击窗口</p>
<div class="mt-6 inline-flex items-center px-4 py-2 copper-gradient text-white rounded-full">
<i class="fas fa-chart-line mr-2"></i>
<span class="font-medium">行业热度:高</span>
</div>
</div>
<!-- 概念事件时间轴 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-history text-amber-600 mr-3"></i>
概念事件时间轴
</h2>
<div class="relative pl-8">
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-amber-50 rounded-lg p-4 border-l-4 border-amber-500">
<div class="flex justify-between items-start">
<h3 class="font-semibold text-gray-800">2024-03-19</h3>
<span class="bg-amber-100 text-amber-800 text-xs px-2 py-1 rounded">引爆点</span>
</div>
<p class="text-gray-700 mt-1">英伟达GTC发布GB200 NVL72首次公开"5000根铜缆+2英里"机柜内互联方案</p>
<p class="text-amber-700 mt-2 font-medium">影响:引爆"铜进光退"主题炒作</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-blue-50 rounded-lg p-4 border-l-4 border-blue-500">
<div class="flex justify-between items-start">
<h3 class="font-semibold text-gray-800">2024-08-05</h3>
<span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">市场波动</span>
</div>
<p class="text-gray-700 mt-1">台积电被传CPO突破铜互联板块单日大跌</p>
<p class="text-blue-700 mt-2 font-medium">影响:市场误读,实为"光铜共进"</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-green-50 rounded-lg p-4 border-l-4 border-green-500">
<div class="flex justify-between items-start">
<h3 class="font-semibold text-gray-800">2024-10-15</h3>
<span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">政策催化</span>
</div>
<p class="text-gray-700 mt-1">运营商2025年AI服务器招标明确"推理卡+国产G系列"占比52%</p>
<p class="text-green-700 mt-2 font-medium">影响国产算力链昇腾910C带来铜互联新增量</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-purple-50 rounded-lg p-4 border-l-4 border-purple-500">
<div class="flex justify-between items-start">
<h3 class="font-semibold text-gray-800">2025-01-22</h3>
<span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded">需求上修</span>
</div>
<p class="text-gray-700 mt-1">OpenAI宣布5000亿美元"星际之门"基建计划</p>
<p class="text-purple-700 mt-2 font-medium">影响直接上修铜互联2025-2026年需求预期</p>
</div>
</div>
<div class="timeline-item relative">
<div class="timeline-dot"></div>
<div class="bg-red-50 rounded-lg p-4 border-l-4 border-red-500">
<div class="flex justify-between items-start">
<h3 class="font-semibold text-gray-800">2025-03-26</h3>
<span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">二次启动</span>
</div>
<p class="text-gray-700 mt-1">英伟达黄仁勋重申"铜会延续很多很多年"</p>
<p class="text-red-700 mt-2 font-medium">影响打消CPO替代担忧板块二次启动</p>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-lightbulb text-yellow-500 mr-3"></i>
核心观点摘要
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-gradient-to-br from-amber-50 to-amber-100 rounded-lg p-5 border border-amber-200">
<div class="flex items-center mb-3">
<div class="w-10 h-10 rounded-full bg-amber-500 flex items-center justify-center text-white mr-3">
<i class="fas fa-chart-pie"></i>
</div>
<h3 class="font-bold text-gray-800">阶段判断</h3>
</div>
<p class="text-gray-700">铜互联已从2024Q3的"主题炒作"进入2025Q1的"订单兑现"阶段,<span class="font-bold text-amber-700">2025-2026年将是业绩与估值双击窗口</span></p>
</div>
<div class="bg-gradient-to-br from-blue-50 to-blue-100 rounded-lg p-5 border border-blue-200">
<div class="flex items-center mb-3">
<div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center text-white mr-3">
<i class="fas fa-rocket"></i>
</div>
<h3 class="font-bold text-gray-800">核心驱动力</h3>
</div>
<p class="text-gray-700">AI服务器机柜内短距互联<10米"成本-功耗-密度"不可能三角<span class="font-bold text-blue-700">铜缆是当前唯一兼顾三者的方案</span></p>
</div>
<div class="bg-gradient-to-br from-green-50 to-green-100 rounded-lg p-5 border border-green-200">
<div class="flex items-center mb-3">
<div class="w-10 h-10 rounded-full bg-green-500 flex items-center justify-center text-white mr-3">
<i class="fas fa-dollar-sign"></i>
</div>
<h3 class="font-bold text-gray-800">未来潜力</h3>
</div>
<p class="text-gray-700">2025年全球AEC铜缆需求<span class="font-bold text-green-700">888万条</span>对应4.4万公里铜缆),市场规模<span class="font-bold text-green-700">超60亿美元</span>,年复合增速<span class="font-bold text-green-700">45%</span></p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-brain text-purple-600 mr-3"></i>
核心逻辑与市场认知分析
</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-cogs text-amber-600 mr-2"></i>
核心驱动力
</h3>
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">维度</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">数据支撑</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">逻辑推导</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">技术刚需</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700">GB200单机需5184根差分铜线72GPU×18port×4线</td>
<td class="px-6 py-4 text-gray-700">机柜内互联距离<1米光模块无法替代</td>
</tr>
<tr class="bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">成本优势</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700">DAC成本仅为AOC的<strong>1/9</strong>AEC为<strong>1/3</strong></td>
<td class="px-6 py-4 text-gray-700">10万卡集群可节省<strong>数亿美元</strong>连接成本</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">政策催化</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700">中国2025年算力规模目标<strong>300EFLOPS</strong></td>
<td class="px-6 py-4 text-gray-700">国产910C/920芯片强制采用铜互联方案</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-blue-50 rounded-lg p-5 border border-blue-200">
<h3 class="text-lg font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-fire text-red-500 mr-2"></i>
市场热度与情绪
</h3>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-file-alt text-blue-500 mt-1 mr-2"></i>
<span><strong>研报密度</strong>2024年8-12月铜互联相关研报<strong>47篇</strong>为2023年全年<strong>3.2倍</strong></span>
</li>
<li class="flex items-start">
<i class="fas fa-chart-line text-blue-500 mt-1 mr-2"></i>
<span><strong>资金行为</strong>沃尔核材2024Q4机构持仓比例从<strong>5%→18%</strong>(路演数据)</span>
</li>
</ul>
</div>
<div class="bg-purple-50 rounded-lg p-5 border border-purple-200">
<h3 class="text-lg font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-exclamation-triangle text-yellow-500 mr-2"></i>
预期差分析
</h3>
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-purple-100">
<tr>
<th class="px-3 py-2 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">市场共识</th>
<th class="px-3 py-2 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">潜在预期差</th>
<th class="px-3 py-2 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">验证来源</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-3 py-2 text-sm text-gray-700">"CPO将替代铜"</td>
<td class="px-3 py-2 text-sm text-gray-700">台积电CPO 2026年才量产且仅用于Scale-Out</td>
<td class="px-3 py-2 text-sm text-gray-700">2025-01路演纪要</td>
</tr>
<tr>
<td class="px-3 py-2 text-sm text-gray-700">"GB200延期影响需求"</td>
<td class="px-3 py-2 text-sm text-gray-700">实际铜缆订单已锁定2025年<strong>5万台</strong>机柜</td>
<td class="px-3 py-2 text-sm text-gray-700">安费诺供应商会议纪要</td>
</tr>
<tr>
<td class="px-3 py-2 text-sm text-gray-700">"国产链技术落后"</td>
<td class="px-3 py-2 text-sm text-gray-700">华丰科技224G背板连接器已通过华为验证</td>
<td class="px-3 py-2 text-sm text-gray-700">2024-09路演纪要</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-bolt text-yellow-500 mr-3"></i>
关键催化剂与未来发展路径
</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-calendar-alt text-green-600 mr-2"></i>
近期催化剂3-6个月
</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gradient-to-br from-green-50 to-green-100 rounded-lg p-4 border border-green-200">
<div class="flex items-center mb-2">
<div class="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-calendar-day text-sm"></i>
</div>
<h4 class="font-bold text-gray-800">2025年3月</h4>
</div>
<p class="text-gray-700">英伟达GTC大会将发布Rubin架构铜缆用量指引预计较GB200再增<strong>30%</strong></p>
</div>
<div class="bg-gradient-to-br from-blue-50 to-blue-100 rounded-lg p-4 border border-blue-200">
<div class="flex items-center mb-2">
<div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-calendar-day text-sm"></i>
</div>
<h4 class="font-bold text-gray-800">2025年4月</h4>
</div>
<p class="text-gray-700">华为昇腾920芯片发布确认<strong>全铜互联</strong>方案(机柜内+机柜间)</p>
</div>
<div class="bg-gradient-to-br from-purple-50 to-purple-100 rounded-lg p-4 border border-purple-200">
<div class="flex items-center mb-2">
<div class="w-8 h-8 rounded-full bg-purple-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-calendar-day text-sm"></i>
</div>
<h4 class="font-bold text-gray-800">2025年6月</h4>
</div>
<p class="text-gray-700">沃尔核材/华丰科技中报将首次披露<strong>铜缆收入占比</strong>(预计>20%</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-project-diagram text-indigo-600 mr-2"></i>
长期发展路径
</h3>
<div class="mermaid">
graph TD
A[2024:主题炒作] --> B[2025:订单兑现]
B --> C[2026:技术分化]
C --> D[2027:标准确立]
D --> E[2028:寡头垄断]
B --> |GB200放量| B1[铜缆需求60亿美元]
C --> |224G→448G升级| C1[技术门槛提升50%]
D --> |IEEE 802.3dj标准| D1[国产份额突破30%]
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-sitemap text-indigo-600 mr-3"></i>
产业链与核心公司深度剖析
</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-network-wired text-blue-600 mr-2"></i>
产业链图谱
</h3>
<div class="mermaid">
graph LR
上游[铜材+Retimer芯片] --> 中游[线缆+连接器] --> 下游[AI服务器]
沃尔核材 --> 安费诺
精达股份 --> 华丰科技
博创科技 --> 英伟达
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-building text-green-600 mr-2"></i>
核心玩家对比
</h3>
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">环节</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">2025订单份额</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">技术壁垒</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险点</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-6 py-4 whitespace-nowrap font-bold text-gray-900">沃尔核材</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700">铜缆线材</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700"><strong>40%</strong>NVL72</td>
<td class="px-6 py-4 text-gray-700">224G线材唯一量产</td>
<td class="px-6 py-4 text-gray-700">设备交付延迟(罗森泰发泡机)</td>
</tr>
<tr class="bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap font-bold text-gray-900">华丰科技</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700">背板连接器</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700"><strong>50%</strong>(华为链)</td>
<td class="px-6 py-4 text-gray-700">224G连接器国产替代</td>
<td class="px-6 py-4 text-gray-700">华为需求波动</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-bold text-gray-900">鼎通科技</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700">连接器组件</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700"><strong>30%</strong>(安费诺代工)</td>
<td class="px-6 py-4 text-gray-700">精密模具能力</td>
<td class="px-6 py-4 text-gray-700">客户集中度过高</td>
</tr>
<tr class="bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap font-bold text-gray-900">兆龙互联</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700">AEC整缆</td>
<td class="px-6 py-4 whitespace-nowrap text-gray-700"><strong>15%</strong>AWS链</td>
<td class="px-6 py-4 text-gray-700">Credo芯片绑定</td>
<td class="px-6 py-4 text-gray-700">芯片供应受限</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="mt-6 grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-red-50 rounded-lg p-5 border border-red-200">
<h3 class="text-lg font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-times-circle text-red-500 mr-2"></i>
证伪案例
</h3>
<p class="text-gray-700">某路演称"立讯精密将获GB200 50%份额",但产业链调研显示其当前份额仅<strong>12%</strong>2024-12数据</p>
</div>
<div class="bg-green-50 rounded-lg p-5 border border-green-200">
<h3 class="text-lg font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-check-circle text-green-500 mr-2"></i>
验证案例
</h3>
<p class="text-gray-700">沃尔核材2024Q3铜缆收入<strong>1.2亿元</strong>(同比+800%),印证订单爆发逻辑</p>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-exclamation-triangle text-red-600 mr-3"></i>
潜在风险与挑战
</h2>
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险类型</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">具体表现</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">概率评估</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">技术替代</td>
<td class="px-6 py-4 text-gray-700">CPO 2026年量产可能侵蚀<strong>10-20%</strong>铜缆市场</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
中(需跟踪台积电进度)
</span>
</td>
</tr>
<tr class="bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">商业化风险</td>
<td class="px-6 py-4 text-gray-700">224G铜缆良率<60%导致成本倒挂</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
华丰科技Q3良率仅55%
</span>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">政策风险</td>
<td class="px-6 py-4 text-gray-700">美国对华AI芯片限制升级影响需求</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
当前限制已price-in
</span>
</td>
</tr>
<tr class="bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">信息矛盾</td>
<td class="px-6 py-4 text-gray-700">某研报称"GB200取消铜缆" vs 产业链确认"铜缆用量增加30%"</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">
已澄清2024-12改版导致线缆加长
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-clipboard-check text-green-600 mr-3"></i>
综合结论与投资启示
</h2>
<div class="mb-6 bg-gradient-to-r from-green-50 to-blue-50 rounded-lg p-5 border border-green-200">
<h3 class="text-xl font-semibold text-gray-800 mb-3">阶段判断</h3>
<p class="text-gray-700">铜互联正处于<strong>"订单爆发+技术升级"</strong>的黄金期类似2020年的光模块行情但生命周期更长2025-2027</p>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-4">最具价值细分</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gradient-to-br from-amber-50 to-amber-100 rounded-lg p-4 border border-amber-200">
<div class="flex items-center mb-2">
<div class="w-8 h-8 rounded-full bg-amber-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-bolt text-sm"></i>
</div>
<h4 class="font-bold text-gray-800">AEC有源铜缆</h4>
</div>
<p class="text-gray-700 text-sm">2025年增速<strong>45%</strong></p>
<p class="text-gray-700 mt-1">兆龙互联、博创科技</p>
</div>
<div class="bg-gradient-to-br from-blue-50 to-blue-100 rounded-lg p-4 border border-blue-200">
<div class="flex items-center mb-2">
<div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-microchip text-sm"></i>
</div>
<h4 class="font-bold text-gray-800">224G铜线材</h4>
</div>
<p class="text-gray-700 text-sm">技术溢价<strong>30%</strong></p>
<p class="text-gray-700 mt-1">沃尔核材、精达股份</p>
</div>
<div class="bg-gradient-to-br from-green-50 to-green-100 rounded-lg p-4 border border-green-200">
<div class="flex items-center mb-2">
<div class="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-plug text-sm"></i>
</div>
<h4 class="font-bold text-gray-800">国产背板连接器</h4>
</div>
<p class="text-gray-700 text-sm">替代空间<strong>70%</strong></p>
<p class="text-gray-700 mt-1">华丰科技</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">关键跟踪指标</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gray-50 rounded-lg p-4 border border-gray-200">
<h4 class="font-bold text-gray-800 mb-2 flex items-center">
<i class="fas fa-calendar-alt text-purple-500 mr-2"></i>
月度数据
</h4>
<p class="text-gray-700">沃尔核材铜缆出货量(当前<strong>300吨/月</strong>→目标<strong>1000吨/月</strong></p>
</div>
<div class="bg-gray-50 rounded-lg p-4 border border-gray-200">
<h4 class="font-bold text-gray-800 mb-2 flex items-center">
<i class="fas fa-calendar-week text-blue-500 mr-2"></i>
季度验证
</h4>
<p class="text-gray-700">华丰科技224G连接器毛利率当前<strong>45%</strong>→需维持>40%</p>
</div>
<div class="bg-gray-50 rounded-lg p-4 border border-gray-200">
<h4 class="font-bold text-gray-800 mb-2 flex items-center">
<i class="fas fa-star text-yellow-500 mr-2"></i>
事件催化
</h4>
<p class="text-gray-700">2025年3月英伟达GTC公布的Rubin铜缆用量指引</p>
</div>
</div>
</div>
<div class="mt-6 bg-red-50 rounded-lg p-5 border border-red-200">
<h3 class="text-lg font-semibold text-gray-800 mb-2 flex items-center">
<i class="fas fa-exclamation-circle text-red-500 mr-2"></i>
风险提示
</h3>
<p class="text-gray-700">若2025年Q2出现"GB200砍单"或"CPO提前商用",需立即下调板块评级。</p>
</div>
</div>
<!-- 关联股票表格 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-chart-line text-green-600 mr-3"></i>
关联股票
</h2>
<div class="table-container">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">分类</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">原因</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200" id="stockTableBody">
<!-- 股票数据将通过JavaScript动态插入 -->
</tbody>
</table>
</div>
</div>
</div>
<script>
// 初始化Mermaid
mermaid.initialize({
startOnLoad: true,
theme: 'default',
themeVariables: {
primaryColor: '#b87333',
primaryTextColor: '#fff',
primaryBorderColor: '#a0522d',
lineColor: '#e5e7eb',
secondaryColor: '#f5f7fa',
tertiaryColor: '#ffffff'
}
});
// 股票数据
const stockData = [
{'stock': '华丰科技', '分类': '背板连接', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '鼎通科技', '分类': '背板连接', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '意华股份', '分类': '背板连接', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '兆龙互联', '分类': 'DAC互联', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '金信诺', '分类': 'DAC互联', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '立讯精密', '分类': 'DAC互联', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '奥飞数据', '分类': 'DAC互联', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '化峰测控', '分类': 'DAC互联', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '盛景微', '分类': 'DAC互联', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '优利德', '分类': 'DAC互联', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '瑞玛精密', '分类': '高速连接器', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '博威合金', '分类': '高速连接器', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '奕东电子', '分类': '高速连接器', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '创益通', '分类': '高速连接器', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '鸿日达', '分类': '高速连接器', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '东山精密', '分类': '高速连接器', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'},
{'stock': '得润电子', '分类': '高速连接器', 'reason': 'NV SWITCH通过采用铜互联成本大幅下降'}
];
// 填充股票表格
const stockTableBody = document.getElementById('stockTableBody');
stockData.forEach((stock, index) => {
const row = document.createElement('tr');
if (index % 2 === 0) {
row.classList.add('bg-gray-50');
}
// 根据分类设置不同的标签颜色
let badgeClass = '';
if (stock.分类 === '背板连接') {
badgeClass = 'bg-blue-100 text-blue-800';
} else if (stock.分类 === 'DAC互联') {
badgeClass = 'bg-green-100 text-green-800';
} else if (stock.分类 === '高速连接器') {
badgeClass = 'bg-purple-100 text-purple-800';
}
row.innerHTML = `
<td class="px-6 py-4 whitespace-nowrap font-medium text-gray-900">${stock.stock}</td>
<td class="px-6 py-4 whitespace-nowrap">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${badgeClass}">
${stock.分类}
</span>
</td>
<td class="px-6 py-4 text-gray-700">${stock.reason}</td>
`;
stockTableBody.appendChild(row);
});
</script>
</body>
</html>
```