feat: 10.10线上最新代码提交

This commit is contained in:
zdl
2025-10-11 16:16:02 +08:00
parent 4d0dc109bc
commit 495ad758ea
3338 changed files with 460147 additions and 152745 deletions

673
public/htmls/铜互联.html Normal file
View File

@@ -0,0 +1,673 @@
<!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>
```