Files
vf_react/public/htmls/铜互连.html
2025-12-05 13:29:18 +08:00

424 lines
30 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="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>铜互连 (Copper Interconnect) 深度研究报告</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
<style>
:root {
--glow-color: hsl(217, 100%, 70%);
}
body {
font-family: 'Inter', sans-serif;
background-color: #02040a;
background-image:
radial-gradient(circle at 10% 15%, rgba(100, 116, 139, 0.1) 0%, transparent 40%),
radial-gradient(circle at 85% 70%, rgba(56, 189, 248, 0.1) 0%, transparent 40%);
overflow-x: hidden;
}
.font-space {
font-family: 'Space Grotesk', sans-serif;
}
.glass-card {
background-color: rgba(17, 24, 39, 0.5); /* bg-gray-900/50 */
backdrop-filter: blur(24px);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 0 80px rgba(0, 0, 0, 0.3);
}
.glow-border {
border-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05)) 1;
}
.title-glow {
text-shadow: 0 0 8px rgba(59, 130, 246, 0.5), 0 0 20px rgba(59, 130, 246, 0.3);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(6, 1fr);
}
}
.bento-item {
border-radius: 1.5rem; /* rounded-3xl */
padding: 2rem;
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
}
.bento-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(255, 255, 255, 0.08) 0%, transparent 30%);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.bento-item:hover::before {
opacity: 1;
}
.tab-active-glow {
box-shadow: 0 2px 20px -2px var(--glow-color);
background-color: rgba(59, 130, 246, 0.2);
color: #e5e7eb;
}
</style>
</head>
<body class="text-gray-300 min-h-screen">
<div class="absolute top-0 left-0 w-full h-full bg-grid-white/[0.02] -z-10"></div>
<div class="absolute top-0 left-[-20%] w-[80%] h-[80%] rounded-full bg-blue-500/10 blur-3xl -z-10"></div>
<div class="absolute bottom-0 right-[-20%] w-[70%] h-[70%] rounded-full bg-purple-500/10 blur-3xl -z-10"></div>
<div class="container mx-auto p-4 sm:p-6 lg:p-8">
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold font-space text-transparent bg-clip-text bg-gradient-to-br from-white to-slate-400 title-glow mb-4">
铜互连 (Copper Interconnect)
</h1>
<p class="text-lg text-slate-400">深度研究报告</p>
<div class="mt-4 text-xs text-slate-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎</p>
</div>
</header>
<main class="bento-grid" x-data="{ handleMouseMove(e) {
const items = document.querySelectorAll('.bento-item');
items.forEach(item => {
const rect = item.getBoundingClientRect();
item.style.setProperty('--mouse-x', `${e.clientX - rect.left}px`);
item.style.setProperty('--mouse-y', `${e.clientY - rect.top}px`);
});
} }" @mousemove="handleMouseMove">
<!-- Insight -->
<section class="lg:col-span-4 lg:row-span-3 bento-item glass-card glow-border">
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">概念 Insight</h2>
<div class="space-y-6 text-slate-300 prose prose-invert max-w-none prose-p:text-slate-300 prose-strong:text-sky-200 prose-headings:text-sky-300">
<h4 class="text-lg font-semibold">核心观点摘要</h4>
<p>铜互连概念正从主题炒作迅速过渡至<strong>基本面驱动</strong>的产业趋势。其核心驱动力源于AI算力高密度化带来的<strong>短距离、高速率场景下对极致性价比的追求</strong>英伟达GB200的架构选择是引爆这一趋势的标志性事件。未来随着速率从112G向224G/448G演进以及产品形态从无源DAC向有源AEC、乃至革命性的CPC方案升级铜互连的市场空间和价值量有望被进一步打开。</p>
<h4 class="text-lg font-semibold">核心逻辑:性价比是王道</h4>
<ul class="list-disc list-inside space-y-2">
<li><strong>物理需求:</strong> AI服务器内部及机柜间的高密度互联本质上是大量<strong>短距离(&lt;7米)</strong>的高速信号传输需求。GB200内部线缆长度多为<strong>0.5米</strong>,外部线缆约<strong>2米</strong></li>
<li><strong>经济账:</strong> 在此距离范围内,铜缆相较于光模块(AOC)拥有压倒性的优势,具备<strong>低成本</strong>较AOC低1/2以上<strong>低功耗</strong>GB200 NVL72机柜可节省120kW功耗<strong>高稳定性</strong>的特点,能巨大节省资本支出(CAPEX)和运营支出(OPEX)。</li>
<li><strong>技术演进支撑:</strong> 从无源DAC到有源ACC/AEC通过增加芯片成功将应用场景从几十厘米拓展至<strong>5-7米</strong>,进一步挤压了短距光模块的市场空间。</li>
</ul>
<h4 class="text-lg font-semibold">预期差分析:市场共识与潜在盲点</h4>
<p><strong>市场共识:</strong> GB200带来巨大增量单机柜价值量高达10万美元安费诺是最大赢家AEC增速将远超DAC。</p>
<p><strong>潜在预期差:</strong></p>
<ol class="list-decimal list-inside space-y-2">
<li><strong>供应链瓶颈:</strong> 核心上游材料如物理发泡PTFE绝缘层及关键发泡机设备被国外垄断市场可能高估了国内厂商的产能释放速度。</li>
<li><strong>真实利润空间:</strong> 国内厂商多扮演“代工”或“低附加值零部件”角色,安费诺可能占据主要利润,国内厂商盈利能力提升幅度有待验证。</li>
<li><strong>方案动态竞争:</strong> 互连方案并非一成不变PCB直连等技术仍在特定场景下与铜缆竞争需警惕技术路线的微小变化。</li>
<li><strong>个股逻辑纯度:</strong> 部分公司如兆龙互连,虽技术布局完善,但公司公告称“目前高速互连产品体量较小”,存在预期与现实的差距。</li>
</ol>
<h4 class="text-lg font-semibold">未来发展路径</h4>
<ul class="list-disc list-inside space-y-2">
<li><strong>速率升级 (224G → 448G):</strong> SerDes速率提升将大幅提高单根线缆价值量。</li>
<li><strong>产品形态演进 (DAC → AEC → CPC):</strong>
<ul class="list-disc list-inside ml-4 space-y-1">
<li><strong>AEC渗透率提升:</strong> 凭借距离和性能优势,市场规模将快速提升 (预计明年24亿美金后年35亿美金)。</li>
<li><strong>CPC (共封装铜互连):</strong> 革命性技术绕开PCB相比CPO功耗低30%、成本降50%,有望改变产业格局。</li>
</ul>
</li>
<li><strong>国产化深化:</strong> 从零部件代工向上游核心材料和设备突破,实现全产业链自主可控。</li>
</ul>
</div>
</section>
<!-- Market Drivers -->
<section class="lg:col-span-2 bento-item glass-card glow-border">
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">核心驱动力</h2>
<ul class="space-y-4 text-sm">
<li class="flex items-start">
<svg class="w-5 h-5 text-cyan-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
<div>
<strong class="text-white">AI算力与数据中心:</strong> 英伟达GB200、亚马逊Trn2等高密度机柜方案驱动高速连接需求明确。
</div>
</li>
<li class="flex items-start">
<svg class="w-5 h-5 text-cyan-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 11l3-3m0 0l3 3m-3-3v8m0-13a9 9 0 110 18 9 9 0 010-18z"></path></svg>
<div>
<strong class="text-white">速率升级:</strong> SerDes从112G升级至224G铜缆成为短期内最具性价比的方案并保持技术升级。
</div>
</li>
<li class="flex items-start">
<svg class="w-5 h-5 text-cyan-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v.01"></path></svg>
<div>
<strong class="text-white">成本与功耗优势:</strong> 成本较AOC低1/2以上功耗极低稳定性高适合机柜内短距互联。
</div>
</li>
<li class="flex items-start">
<svg class="w-5 h-5 text-cyan-400 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l4-4 4 4m0 6l-4 4-4-4"></path></svg>
<div>
<strong class="text-white">产业趋势确认:</strong> 黄仁勋公开表示“尽可能使用铜连接”,亚马逊、特斯拉等巨头跟进,国内外市场形成共振。
</div>
</li>
</ul>
</section>
<!-- Market Size Chart -->
<section class="lg:col-span-2 bento-item glass-card glow-border">
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">市场规模与预测</h2>
<div id="market-size-chart" class="w-full h-64"></div>
</section>
<!-- Key Tech -->
<section class="lg:col-span-3 bento-item glass-card glow-border">
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">关键技术方案</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
<div class="p-4 rounded-xl bg-white/5">
<h4 class="font-bold text-cyan-200">DAC (无源铜缆)</h4>
<p class="mt-2 text-slate-300">成本最低功耗近零适用于1m以内的极短距离连接是GB200内部互联的主力。</p>
</div>
<div class="p-4 rounded-xl bg-white/5">
<h4 class="font-bold text-cyan-200">AEC (有源增强型铜缆)</h4>
<p class="mt-2 text-slate-300">内置Retimer芯片可将800G传输距离延长至5-7米性价比高是中短距互联趋势增速最快。</p>
</div>
<div class="p-4 rounded-xl bg-white/5">
<h4 class="font-bold text-cyan-200">CPC (共封装铜互连)</h4>
<p class="mt-2 text-slate-300">革命性方案将铜缆直连芯片绕开PCB极大降低损耗。相比CPO成本和功耗优势巨大。</p>
</div>
</div>
</section>
<!-- Data Sources -->
<section class="lg:col-span-3 bento-item glass-card glow-border" x-data="{ tab: 'news' }">
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">数据源精粹</h2>
<div class="tabs tabs-boxed bg-black/20 mb-6">
<a class="tab flex-1 transition-all duration-300" :class="{ 'tab-active-glow': tab === 'news' }" @click="tab = 'news'">新闻速览</a>
<a class="tab flex-1 transition-all duration-300" :class="{ 'tab-active-glow': tab === 'roadshow' }" @click="tab = 'roadshow'">路演纪要</a>
<a class="tab flex-1 transition-all duration-300" :class="{ 'tab-active-glow': tab === 'report' }" @click="tab = 'report'">研报精粹</a>
</div>
<div class="text-sm space-y-3 max-h-64 overflow-y-auto pr-2">
<div x-show="tab === 'news'">
<ul class="list-disc list-inside space-y-2">
<li><strong>GB200用量巨大</strong>单机架使用超<strong class="text-green-300">5000条</strong>铜缆总长度超2英里。预计2025年铜互连方案空间超<strong class="text-green-300">200亿元</strong></li>
<li><strong>黄仁勋观点:</strong>明确表示未来将“as long as we can”使用铜连接认为硅光子技术为时尚早。</li>
<li><strong>AEC趋势加强</strong>AEC成为继光模块后的又一数据中心0-1方向不仅训练侧需要更受益于推理侧的同步增长。</li>
<li><strong>国产厂商机遇:</strong>随着NVL72规模放量国际厂商或遇产能瓶颈国内供应商有望在供应原材料基础上获得更多代工机会。</li>
<li><strong>市场规模预测:</strong>LightCounting预计高速线缆市场2028年达<strong class="text-green-300">28亿美金</strong>。AEC年复合增长率达<strong class="text-green-300">45%</strong></li>
</ul>
</div>
<div x-show="tab === 'roadshow'" style="display: none;">
<ul class="list-disc list-inside space-y-2">
<li><strong>GB200价值量</strong>单服务器铜互连总成本约<strong class="text-green-300">34万元人民币</strong>,单机柜价值量预计达<strong class="text-green-300">10万美元以上</strong></li>
<li><strong>核心材料壁垒:</strong>导体材料(镀银铜)公差控制在±0.001mm;绝缘材料(物理发泡PTFE)被日美垄断国产替代预计2025年关键设备(发泡机)由美国HAYES垄断。</li>
<li><strong>供应链格局:</strong>安费诺占据GB200连接器订单<strong class="text-green-300">60%-70%</strong>份额,并存在专利限制。国内鼎通科技、华丰科技已切入供应链。</li>
<li><strong>上游龙头:</strong>恒丰特导(金杯电工子公司)占据全球镀银铜导体<strong class="text-green-300">70%-80%</strong>市场份额。</li>
</ul>
</div>
<div x-show="tab === 'report'" style="display: none;">
<ul class="list-disc list-inside space-y-2">
<li><strong>性价比优势:</strong>铜缆成本仅为AOC的<strong class="text-green-300">十分之一</strong>功耗低25%节省空间70%。</li>
<li><strong>GB200市场增量</strong>预计2025年由GB200带来的高速铜缆新增市场近<strong class="text-green-300">60亿美元</strong></li>
<li><strong>产业链梳理:</strong>
<ul class="list-disc list-inside ml-4">
<li><strong>上游材料:</strong>精达股份(镀银线)、博威合金。</li>
<li><strong>线缆:</strong>沃尔核材(龙头)、神宇股份、新亚电子。</li>
<li><strong>连接器:</strong>鼎通科技(安费诺核心供应商)、华丰科技。</li>
<li><strong>总成:</strong>立讯精密(全栈方案)、兆龙互连。</li>
</ul>
</li>
<li><strong>国产算力:</strong>预计2025年国产算力铜连接需求约<strong class="text-green-300">40亿元</strong>昇腾920升级将推动市场扩容。</li>
</ul>
</div>
</div>
</section>
<!-- Industry Chain -->
<section class="lg:col-span-6 bento-item glass-card glow-border">
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">产业链图谱</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="text-center p-4 rounded-xl bg-black/20">
<h3 class="font-semibold text-lg text-purple-300">上游:核心材料</h3>
<p class="text-sm mt-2">特种导体、绝缘/屏蔽材料</p>
<div class="mt-4 text-xs space-y-1">
<span class="badge badge-outline">精达股份</span>
<span class="badge badge-outline">金杯电工</span>
<span class="badge badge-outline">博威合金</span>
<span class="badge badge-outline">楚江新材</span>
</div>
</div>
<div class="text-center p-4 rounded-xl bg-black/20">
<h3 class="font-semibold text-lg text-blue-300">中游:线缆/连接器/总成</h3>
<p class="text-sm mt-2">高速线缆、连接器组件、成品组装</p>
<div class="mt-4 text-xs space-y-1">
<span class="badge badge-primary badge-outline">沃尔核材</span>
<span class="badge badge-primary badge-outline">鼎通科技</span>
<span class="badge badge-primary badge-outline">立讯精密</span>
<span class="badge badge-primary badge-outline">兆龙互连</span>
<span class="badge badge-primary badge-outline">鑫科材料</span>
<span class="badge badge-primary badge-outline">华丰科技</span>
</div>
</div>
<div class="text-center p-4 rounded-xl bg-black/20">
<h3 class="font-semibold text-lg text-green-300">下游:终端应用</h3>
<p class="text-sm mt-2">AI服务器、数据中心</p>
<div class="mt-4 text-xs space-y-1">
<span class="badge badge-accent badge-outline">英伟达</span>
<span class="badge badge-accent badge-outline">亚马逊</span>
<span class="badge badge-accent badge-outline">谷歌</span>
<span class="badge badge-accent badge-outline">特斯拉</span>
<span class="badge badge-accent badge-outline">华为</span>
</div>
</div>
</div>
</section>
<!-- Stock Table -->
<section class="lg:col-span-6 bento-item glass-card glow-border">
<h2 class="text-2xl font-bold text-sky-300 mb-6 font-space">核心标的梳理</h2>
<div class="overflow-x-auto">
<table class="table table-sm bg-transparent">
<thead class="text-slate-300">
<tr>
<th class="bg-transparent">股票名称</th>
<th class="bg-transparent">代码</th>
<th class="bg-transparent">核心逻辑 / 关联原因</th>
<th class="bg-transparent">产业链环节 / 标签</th>
</tr>
</thead>
<tbody class="text-slate-400">
<!-- Data will be dynamically inserted here -->
</tbody>
</table>
</div>
</section>
</main>
</div>
<script>
// ECharts Initialization
var chartDom = document.getElementById('market-size-chart');
var myChart = echarts.init(chartDom, 'dark');
var option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: { type: 'shadow' }
},
legend: {
data: ['市场规模 (亿美元)', 'AEC复合增长率', 'DAC复合增长率'],
textStyle: { color: '#9ca3af' }
},
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: {
type: 'category',
data: ['2023', '2024', '2025', '2026', '2027', '2028'],
axisLine: { lineStyle: { color: '#4b5563' } }
},
yAxis: [
{
type: 'value',
name: '规模',
axisLabel: { formatter: '${value}' },
axisLine: { lineStyle: { color: '#4b5563' } }
},
{
type: 'value',
name: '增长率',
min: 0,
max: 50,
axisLabel: { formatter: '{value}%' },
axisLine: { lineStyle: { color: '#4b5563' } }
}
],
series: [
{
name: '市场规模 (亿美元)',
type: 'bar',
data: [14.0, 16.5, 19.8, 23.0, 25.8, 28.0],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#38bdf8' },
{ offset: 1, color: '#0ea5e9' }
])
}
},
{
name: 'AEC复合增长率',
type: 'line',
yAxisIndex: 1,
data: [45, 45, 45, 45, 45, 45],
smooth: true,
itemStyle: { color: '#a78bfa' },
lineStyle: { width: 3, shadowColor: 'rgba(167, 139, 250, 0.5)', shadowBlur: 10 }
},
{
name: 'DAC复合增长率',
type: 'line',
yAxisIndex: 1,
data: [25, 25, 25, 25, 25, 25],
smooth: true,
itemStyle: { color: '#4ade80' },
lineStyle: { width: 3, shadowColor: 'rgba(74, 222, 128, 0.5)', shadowBlur: 10 }
}
]
};
myChart.setOption(option);
window.addEventListener('resize', () => { myChart.resize(); });
// Stock Data Processing
const stockData = [
{"stock":"鼎通科技","reason":"高速通讯连接器零组件业务占比70-75%核心客户安费诺、莫仕等。112G产品已量产224G小批量试产。","其他标签":"安费诺供应商, 连接器, 海外代工","stock_code":"688668"},
{"stock":"沃尔核材","reason":"高速通信线龙头子公司乐庭智联为安费诺供货已开发224G样品1.6T打样中。","其他标签":"安费诺供应商, DAC无源铜缆, 铜缆","stock_code":"002130"},
{"stock":"精达股份","reason":"为安费诺等提供镀银高速铜线产品,是高频高速信号传输核心载体。","其他标签":"安费诺供应商, 铜缆, 上游材料","stock_code":"600577"},
{"stock":"立讯精密","reason":"国内连接器龙头拥有高速铜连接全套解决方案已开发112G/224G DAC/ACC并布局CPC方案。","其他标签":"高速IO连接器, DAC无源铜缆, CPC","stock_code":"002475"},
{"stock":"兆龙互连","reason":"国内高速铜缆知名企业800G DAC/ACC产品单通道112G AEC产品已批量交付。CREDO铜缆核心合作伙伴。","其他标签":"AEC有源电缆, DAC无源铜缆, ACC有源铜缆","stock_code":"300913"},
{"stock":"鑫科材料","reason":"转型铜互连业务成为泰科独家代工厂并直供特斯拉。投资800G/1.6T AEC/ACC产线。","其他标签":"AEC有源电缆, ACC有源铜缆, 新进厂商","stock_code":"600255"},
{"stock":"新亚电子","reason":"高频数据线安费诺高频高速PCIE线材主要供应商。联合研发应用于224G/448G的“藕芯结构”方案。","其他标签":"安费诺供应商, 铜缆","stock_code":"605277"},
{"stock":"华丰科技","reason":"国内高速背板连接器龙头已推出112G/224G高速背板连接器绑定华为。","其他标签":"连接器, 背板连接器","stock_code":"688629"},
{"stock":"神宇股份","reason":"高速数据铜缆技术制造能力强,网传安费诺主要供应商之一。","其他标签":"安费诺供应商, 铜缆","stock_code":"300563"},
{"stock":"博威合金","reason":"为安费诺提供高速连接器材料和通讯电子器件屏蔽材料。","其他标签":"安费诺供应商, 连接器, 上游材料","stock_code":"601137"},
{"stock":"奕东电子","reason":"安费诺供应商,从事海外代工,提供高速铜缆连接器相关零组件。","其他标签":"安费诺供应商, 连接器, 海外代工","stock_code":"301123"},
{"stock":"新易盛","reason":"研发800G高速带电电缆AEC模块进入小批量生产阶段。","其他标签":"AEC有源电缆","stock_code":"300502"},
{"stock":"瑞可达","reason":"合资公司AEC 112G、224G等项目正在推进中。","其他标签":"AEC有源电缆","stock_code":"688800"},
{"stock":"楚江新材","reason":"为安费诺提供精密铜带和铜导体材料。","其他标签":"安费诺供应商, 上游材料","stock_code":"002171"},
{"stock":"胜蓝股份","reason":"为安费诺提供连接器、端子等产品。","其他标签":"安费诺供应商, 连接器","stock_code":"300843"},
{"stock":"意华股份","reason":"生产400G等高速连接器含铜缆连接器可用于服务器。","其他标签":"高速IO连接器","stock_code":"002897"},
{"stock":"金信诺","reason":"高速业务主要为服务器内部连接产品DAC产品为外部配套供应。","其他标签":"DAC无源铜缆","stock_code":"300252"},
{"stock":"得润电子","reason":"高速连接器(包含铜缆连接器、高速线缆)目前主要应用于电脑、服务器等领域。","其他标签":"高速IO连接器, 背板连接器","stock_code":"002055"}
];
const tbody = document.querySelector('tbody');
stockData.forEach(stock => {
const tr = document.createElement('tr');
tr.className = 'hover:bg-slate-800/50 transition-colors duration-200';
const stockCodeLink = stock.stock_code
? `<a href="https://valuefrontier.cn/company?scode=${stock.stock_code}" target="_blank" class="text-sky-400 hover:text-sky-300 transition-colors">${stock.stock_code}</a>`
: 'N/A';
const tags = stock.其他标签.split(', ').map(tag => `<span class="badge badge-outline badge-xs border-slate-600 text-slate-400">${tag.trim()}</span>`).join(' ');
tr.innerHTML = `
<td class="font-semibold text-white">${stock.stock}</td>
<td>${stockCodeLink}</td>
<td class="text-sm max-w-md">${stock.reason}</td>
<td><div class="flex flex-wrap gap-1">${tags}</div></td>
`;
tbody.appendChild(tr);
});
</script>
</body>
</html>