Files
vf_react/public/htmls/宝德计算机.html
2025-10-11 16:16:02 +08:00

587 lines
29 KiB
HTML
Raw Permalink 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/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
body {
font-family: 'Noto Sans SC', 'Inter', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #1a2a6c, #2d4a9e, #3b5998);
}
.card-shadow {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.timeline-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #3b82f6;
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;
}
.highlight-text {
background: linear-gradient(120deg, #3b82f6 0%, #8b5cf6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.table-hover tbody tr:hover {
background-color: rgba(59, 130, 246, 0.05);
}
.animate-fade-in {
animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.particles-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
</style>
</head>
<body class="bg-gray-50">
<!-- Background particles -->
<div id="particles-js" class="particles-bg"></div>
<!-- Main Content -->
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- Header -->
<div class="text-center mb-12 animate-fade-in">
<h1 class="text-4xl md:text-5xl font-bold mb-4 highlight-text">宝德计算机行业洞察报告</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">从信创硬件龙头到国产算力底座核心资产的升级之路</p>
</div>
<!-- Concept Events Timeline -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8 animate-fade-in">
<h2 class="text-2xl font-bold mb-6 text-gray-800">概念事件时间线</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-blue-50 rounded-lg p-4">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg">慧博云通收购宝德计算机</h3>
<span class="text-sm text-gray-500 bg-blue-100 px-2 py-1 rounded">2025年5月5日</span>
</div>
<p class="text-gray-700">慧博云通301316.SZ公告拟通过发行股份及支付现金方式收购宝德计算机67.91%股权构成重大资产重组股票自5月6日起停牌。</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">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg">证监会修订《上市公司重大资产重组管理办法》</h3>
<span class="text-sm text-gray-500 bg-blue-100 px-2 py-1 rounded">2025年5月16日</span>
</div>
<p class="text-gray-700">简化并购流程明确支持信创、AI算力等硬科技领域并购。</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">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg">慧博云通复牌大涨</h3>
<span class="text-sm text-gray-500 bg-blue-100 px-2 py-1 rounded">2025年5月20日</span>
</div>
<p class="text-gray-700">慧博云通复牌,复牌首日涨幅达<strong class="text-blue-600">20%</strong>,市场类比"高新发展收购华鲲振宇"行情后者复牌后涨幅超400%)。</p>
</div>
</div>
<div class="timeline-item relative">
<div class="timeline-dot"></div>
<div class="bg-blue-50 rounded-lg p-4">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-lg">机构密集发布研报</h3>
<span class="text-sm text-gray-500 bg-blue-100 px-2 py-1 rounded">2025年5月18日</span>
</div>
<p class="text-gray-700">民生证券、华泰证券等机构密集发布研报,将此次收购定义为"计算机并购新时代标杆"强调宝德在信创服务器、AI算力的龙头地位。</p>
</div>
</div>
</div>
</div>
<!-- Core Summary -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8 animate-fade-in">
<h2 class="text-2xl font-bold mb-6 text-gray-800">核心观点摘要</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-gradient-to-br from-blue-50 to-indigo-50 rounded-lg p-5 border-l-4 border-blue-500">
<h3 class="font-bold text-lg mb-3 text-blue-800">阶段判断</h3>
<p class="text-gray-700">宝德计算机正处于"政策催化+并购落地"的双重拐点,从<strong class="text-blue-600">信创硬件龙头</strong>升级为<strong class="text-blue-600">国产算力底座核心资产</strong></p>
</div>
<div class="bg-gradient-to-br from-purple-50 to-pink-50 rounded-lg p-5 border-l-4 border-purple-500">
<h3 class="font-bold text-lg mb-3 text-purple-800">核心驱动力</h3>
<p class="text-gray-700">信创采购加速(党政+八大行业8000万台PC替换叠加AI算力需求爆发字节/阿里/腾讯资本开支三年复合增速超<strong class="text-purple-600">50%</strong>)。</p>
</div>
<div class="bg-gradient-to-br from-green-50 to-teal-50 rounded-lg p-5 border-l-4 border-green-500">
<h3 class="font-bold text-lg mb-3 text-green-800">未来潜力</h3>
<p class="text-gray-700">若收购完成,慧博云通将形成"软件服务+硬件算力"闭环,宝德作为<strong class="text-green-600">昇腾/鲲鹏服务器出货量第一</strong>的稀缺标的,估值有望从当前<strong class="text-green-600">PS 2.5倍</strong>修复至<strong class="text-green-600">5-6倍</strong>(对标浪潮信息)。</p>
</div>
</div>
</div>
<!-- Core Logic and Market Analysis -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8 animate-fade-in">
<h2 class="text-2xl font-bold mb-6 text-gray-800">核心逻辑与市场认知分析</h2>
<h3 class="text-xl font-semibold mb-4 text-gray-700">核心驱动力</h3>
<div class="overflow-x-auto mb-8">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead class="bg-gray-50">
<tr>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">维度</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">具体逻辑</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">数据支撑</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">政策端</td>
<td class="py-3 px-4 text-gray-700">信创进入2.0阶段2025年党政+八大行业PC替换量达<strong class="text-blue-600">8000万台</strong>德邦计算机9月路演</td>
<td class="py-3 px-4 text-gray-700">财政部2024年发行万亿特别国债明确支持信创采购</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">需求端</td>
<td class="py-3 px-4 text-gray-700">AI算力需求爆发字节2025年资本开支<strong class="text-blue-600">1600亿元</strong>(同比+300%</td>
<td class="py-3 px-4 text-gray-700">中国移动2024年AI服务器招标中宝德中标份额<strong class="text-blue-600">15.79%</strong>(第三候选人)</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">供给端</td>
<td class="py-3 px-4 text-gray-700">宝德ARM服务器市占率<strong class="text-blue-600">第一</strong>,昇腾/鲲鹏生态核心伙伴</td>
<td class="py-3 px-4 text-gray-700">中国电信2023-2024年集采中宝德训练型服务器份额<strong class="text-blue-600">第四/第五</strong></td>
</tr>
</tbody>
</table>
</div>
<h3 class="text-xl font-semibold mb-4 text-gray-700">市场热度与情绪</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
<div class="bg-blue-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-newspaper text-blue-500 mr-2"></i>
<h4 class="font-semibold">新闻热度</h4>
</div>
<p class="text-gray-700">5月5日-20日慧博云通相关新闻量激增<strong class="text-blue-600">300%</strong>(财联社/36氪头条报道</p>
</div>
<div class="bg-purple-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-chart-line text-purple-500 mr-2"></i>
<h4 class="font-semibold">研报密集度</h4>
</div>
<p class="text-gray-700">5月18日单日发布<strong class="text-purple-600">4篇</strong>深度报告(民生/华泰/德邦),标题均含"并购标杆""国产算力底座"。</p>
</div>
<div class="bg-green-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-balance-scale text-green-500 mr-2"></i>
<h4 class="font-semibold">情绪分歧</h4>
</div>
<p class="text-gray-700">乐观派民生证券对标高新发展400%空间谨慎派部分私募担忧收购对价过高宝德2024年净利2.35亿对应PE 43倍</p>
</div>
</div>
<h3 class="text-xl font-semibold mb-4 text-gray-700">预期差分析</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead class="bg-gray-50">
<tr>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">市场预期</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">实际验证</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">预期差来源</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">宝德仅为信创PC供应商</td>
<td class="py-3 px-4 text-gray-700">实际为<strong class="text-blue-600">AI服务器TOP3</strong>(昇腾/鲲腾出货量第一2024年AI收入占比超60%</td>
<td class="py-3 px-4 text-gray-700">市场低估其AI算力属性</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">收购后协同仅停留在客户共享</td>
<td class="py-3 px-4 text-gray-700">路演显示慧博云通将整合宝德<strong class="text-blue-600">九大生产基地</strong>(深圳/乐山/西安等),形成软硬一体交付</td>
<td class="py-3 px-4 text-gray-700">未充分定价产能整合带来的成本优势</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Industrial Chain -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8 animate-fade-in">
<h2 class="text-2xl font-bold mb-6 text-gray-800">产业链与核心公司深度剖析</h2>
<h3 class="text-xl font-semibold mb-4 text-gray-700">产业链图谱</h3>
<div class="mb-8 flex justify-center">
<div class="mermaid" id="mermaid-chart">
graph TD
A[上游芯片] -->|昇腾/鲲鹏| B(宝德计算机)
A -->|英特尔/英伟达| C(浪潮信息)
B --> D[下游客户]
C --> D
D --> E[互联网: 字节/阿里/腾讯]
D --> F[运营商: 移动/电信/联通]
D --> G[政府: 信创采购]
</div>
</div>
<h3 class="text-xl font-semibold mb-4 text-gray-700">核心玩家对比</h3>
<div class="overflow-x-auto mb-6">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead class="bg-gray-50">
<tr>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">公司</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">业务重心</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">2024年AI服务器份额</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">估值PS</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">风险点</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">宝德计算机</td>
<td class="py-3 px-4 text-gray-700">昇腾/鲲鹏服务器</td>
<td class="py-3 px-4 text-gray-700"><strong class="text-blue-600">15%</strong>(移动集采)</td>
<td class="py-3 px-4 text-gray-700"><strong class="text-blue-600">2.5倍</strong></td>
<td class="py-3 px-4 text-gray-700">收购对价过高</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">浪潮信息</td>
<td class="py-3 px-4 text-gray-700">x86+英伟达服务器</td>
<td class="py-3 px-4 text-gray-700">25%</td>
<td class="py-3 px-4 text-gray-700">3.8倍</td>
<td class="py-3 px-4 text-gray-700">美国制裁风险</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">中科曙光</td>
<td class="py-3 px-4 text-gray-700">海光芯片服务器</td>
<td class="py-3 px-4 text-gray-700">10%</td>
<td class="py-3 px-4 text-gray-700">4.2倍</td>
<td class="py-3 px-4 text-gray-700">芯片产能瓶颈</td>
</tr>
</tbody>
</table>
</div>
<h3 class="text-xl font-semibold mb-4 text-gray-700">验证与证伪</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-green-50 rounded-lg p-4 border-l-4 border-green-500">
<h4 class="font-semibold mb-2 text-green-800">数据印证</h4>
<p class="text-gray-700">中国移动2024年招标显示宝德昇腾服务器中标份额<strong class="text-green-600">15.79%</strong>高于中科曙光10%验证其AI算力龙头地位。</p>
</div>
<div class="bg-red-50 rounded-lg p-4 border-l-4 border-red-500">
<h4 class="font-semibold mb-2 text-red-800">风险信号</h4>
<p class="text-gray-700">路演中慧博云通未披露宝德<strong class="text-red-600">毛利率</strong>2024年硬件业务毛利率约18%低于软件业务60%),需警惕整合后利润稀释。</p>
</div>
</div>
</div>
<!-- Related Stocks -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8 animate-fade-in">
<h2 class="text-2xl font-bold mb-6 text-gray-800">关联股票数据</h2>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200 rounded-lg table-hover">
<thead class="bg-gray-50">
<tr>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">关联类型</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">关联公司</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">关系/业务</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">详细信息</th>
<th class="py-3 px-4 text-left text-sm font-medium text-gray-700 border-b">资料来源</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">项目</td>
<td class="py-3 px-4 text-gray-700">-</td>
<td class="py-3 px-4 text-gray-700">拟收购宝德计算机</td>
<td class="py-3 px-4 text-gray-700">2025年5月6日停牌5月20日前披露信息</td>
<td class="py-3 px-4 text-gray-700">公告</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">关联公司</td>
<td class="py-3 px-4 text-gray-700">中青宝</td>
<td class="py-3 px-4 text-gray-700">同一实际控制人</td>
<td class="py-3 px-4 text-gray-700">-</td>
<td class="py-3 px-4 text-gray-700">互动</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">股东</td>
<td class="py-3 px-4 text-gray-700">达实智能</td>
<td class="py-3 px-4 text-gray-700">共同持股公司</td>
<td class="py-3 px-4 text-gray-700">达实智能持股48.4%宝德计算机持股9%,共同持股星汉智能</td>
<td class="py-3 px-4 text-gray-700">网络公开资料</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">客户</td>
<td class="py-3 px-4 text-gray-700">崇达技术</td>
<td class="py-3 px-4 text-gray-700">PCB业务</td>
<td class="py-3 px-4 text-gray-700">崇达技术主营PCB业务客户包括宝德计算机</td>
<td class="py-3 px-4 text-gray-700">公告</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">合资企业</td>
<td class="py-3 px-4 text-gray-700">协创数据</td>
<td class="py-3 px-4 text-gray-700">智能计算系统公司</td>
<td class="py-3 px-4 text-gray-700">协创数据持股55%宝德计算机持股45%</td>
<td class="py-3 px-4 text-gray-700">公告</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">客户</td>
<td class="py-3 px-4 text-gray-700">银信科技</td>
<td class="py-3 px-4 text-gray-700">展示渠道</td>
<td class="py-3 px-4 text-gray-700">官网客户展示</td>
<td class="py-3 px-4 text-gray-700">公司官网</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">合作伙伴</td>
<td class="py-3 px-4 text-gray-700">南天信息</td>
<td class="py-3 px-4 text-gray-700">服务器品牌代理</td>
<td class="py-3 px-4 text-gray-700">南天信息子公司代理宝德服务器品牌</td>
<td class="py-3 px-4 text-gray-700">互动</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">供应商</td>
<td class="py-3 px-4 text-gray-700">飞荣达</td>
<td class="py-3 px-4 text-gray-700">高性能散热模组供应</td>
<td class="py-3 px-4 text-gray-700">ARM服务器核心供应链</td>
<td class="py-3 px-4 text-gray-700">互动、网传</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 text-gray-700">子公司</td>
<td class="py-3 px-4 text-gray-700">天源迪科</td>
<td class="py-3 px-4 text-gray-700">代理业务</td>
<td class="py-3 px-4 text-gray-700">天源迪科子公司金华威代理宝德自强系列服务器</td>
<td class="py-3 px-4 text-gray-700">网传(未核实)</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Risks and Challenges -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8 animate-fade-in">
<h2 class="text-2xl font-bold mb-6 text-gray-800">潜在风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-red-50 rounded-lg p-4 border-l-4 border-red-500">
<div class="flex items-center mb-2">
<i class="fas fa-microchip text-red-500 mr-2"></i>
<h3 class="font-semibold text-red-800">技术风险</h3>
</div>
<p class="text-gray-700">昇腾芯片产能不足华为2025年产能规划仅满足50%需求)</p>
</div>
<div class="bg-orange-50 rounded-lg p-4 border-l-4 border-orange-500">
<div class="flex items-center mb-2">
<i class="fas fa-chart-line text-orange-500 mr-2"></i>
<h3 class="font-semibold text-orange-800">商业化风险</h3>
</div>
<p class="text-gray-700">信创PC替换进度低于预期2024年仅完成1000万台距8000万目标差距大</p>
</div>
<div class="bg-yellow-50 rounded-lg p-4 border-l-4 border-yellow-500">
<div class="flex items-center mb-2">
<i class="fas fa-gavel text-yellow-500 mr-2"></i>
<h3 class="font-semibold text-yellow-800">政策风险</h3>
</div>
<p class="text-gray-700">中美贸易摩擦升级导致昇腾芯片断供类似2023年英伟达A800禁售事件</p>
</div>
<div class="bg-purple-50 rounded-lg p-4 border-l-4 border-purple-500">
<div class="flex items-center mb-2">
<i class="fas fa-exclamation-triangle text-purple-500 mr-2"></i>
<h3 class="font-semibold text-purple-800">信息矛盾</h3>
</div>
<p class="text-gray-700">新闻称宝德为"信创整机出货量第一",但研报显示其<strong class="text-purple-600">PC业务占比不足30%</strong>(主收入来自服务器)</p>
</div>
</div>
</div>
<!-- Conclusion -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8 animate-fade-in">
<h2 class="text-2xl font-bold mb-6 text-gray-800">综合结论与投资启示</h2>
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg p-5 mb-6">
<h3 class="font-bold text-lg mb-3 text-blue-800">阶段判断</h3>
<p class="text-gray-700">当前处于<strong class="text-blue-600">主题炒作向基本面驱动过渡期</strong>——并购落地提供短期催化但需Q3运营商招标验证AI服务器放量。</p>
</div>
<h3 class="text-xl font-semibold mb-4 text-gray-700">投资方向</h3>
<div class="space-y-4 mb-6">
<div class="flex items-start">
<div class="flex-shrink-0 mt-1">
<div class="w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center text-white text-xs font-bold">1</div>
</div>
<div class="ml-3">
<h4 class="font-semibold text-gray-800">直接受益</h4>
<p class="text-gray-700">慧博云通(并购完成后业绩弹性最大,目标价<strong class="text-blue-600">50-60元</strong>当前30元</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 mt-1">
<div class="w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center text-white text-xs font-bold">2</div>
</div>
<div class="ml-3">
<h4 class="font-semibold text-gray-800">产业链延伸</h4>
<p class="text-gray-700">关注宝德上游<strong class="text-blue-600">昇腾芯片代理商</strong>(神州数码)、下游<strong class="text-blue-600">液冷配套</strong>(英维克)。</p>
</div>
</div>
</div>
<h3 class="text-xl font-semibold mb-4 text-gray-700">关键跟踪指标</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-blue-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-bullseye text-blue-500 mr-2"></i>
<h4 class="font-semibold">中国移动招标份额</h4>
</div>
<p class="text-gray-700">宝德能否突破<strong class="text-blue-600">20%</strong></p>
</div>
<div class="bg-purple-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-handshake text-purple-500 mr-2"></i>
<h4 class="font-semibold">收购对价</h4>
</div>
<p class="text-gray-700">若低于<strong class="text-purple-600">150亿</strong>则显著低估</p>
</div>
<div class="bg-green-50 rounded-lg p-4">
<div class="flex items-center mb-2">
<i class="fas fa-calendar-alt text-green-500 mr-2"></i>
<h4 class="font-semibold">信创PC替换数据</h4>
</div>
<p class="text-gray-700">财政部官网披露月度数据</p>
</div>
</div>
</div>
</div>
<!-- Initialize Mermaid -->
<script>
mermaid.initialize({
startOnLoad: true,
theme: 'default',
themeVariables: {
primaryColor: '#3b82f6',
primaryTextColor: '#1f2937',
primaryBorderColor: '#d1d5db',
lineColor: '#9ca3af',
secondaryColor: '#f3f4f6',
tertiaryColor: '#ffffff'
}
});
</script>
<!-- Simple particles background -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.className = 'particles-bg';
canvas.style.position = 'fixed';
canvas.style.top = '0';
canvas.style.left = '0';
canvas.style.width = '100%';
canvas.style.height = '100%';
canvas.style.zIndex = '-1';
document.body.appendChild(canvas);
const particles = [];
const particleCount = 50;
function resizeCanvas() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}
function createParticles() {
for (let i = 0; i < particleCount; i++) {
particles.push({
x: Math.random() * canvas.width,
y: Math.random() * canvas.height,
radius: Math.random() * 2 + 1,
speedX: (Math.random() - 0.5) * 0.5,
speedY: (Math.random() - 0.5) * 0.5,
opacity: Math.random() * 0.5 + 0.1
});
}
}
function updateParticles() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
for (let i = 0; i < particles.length; i++) {
const p = particles[i];
p.x += p.speedX;
p.y += p.speedY;
if (p.x < 0 || p.x > canvas.width) p.speedX *= -1;
if (p.y < 0 || p.y > canvas.height) p.speedY *= -1;
ctx.beginPath();
ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);
ctx.fillStyle = `rgba(59, 130, 246, ${p.opacity})`;
ctx.fill();
}
requestAnimationFrame(updateParticles);
}
window.addEventListener('resize', resizeCanvas);
resizeCanvas();
createParticles();
updateParticles();
});
</script>
</body>
</html>
```