551 lines
37 KiB
HTML
551 lines
37 KiB
HTML
<!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>深度投研报告：毫秒用算</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.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>
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
||
body {
|
||
font-family: 'Inter', 'Helvetica Neue', 'Arial', 'sans-serif';
|
||
background-color: #02040a;
|
||
color: #e0e0e0;
|
||
}
|
||
.glass {
|
||
background: rgba(10, 15, 30, 0.4);
|
||
backdrop-filter: blur(20px);
|
||
-webkit-backdrop-filter: blur(20px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
transition: all 0.3s ease;
|
||
}
|
||
.glass:hover {
|
||
border: 1px solid rgba(0, 255, 255, 0.3);
|
||
box-shadow: 0 0 25px rgba(0, 255, 255, 0.1);
|
||
}
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1rem;
|
||
}
|
||
.glow-border {
|
||
position: relative;
|
||
}
|
||
.glow-border::before {
|
||
content: '';
|
||
position: absolute;
|
||
inset: 0;
|
||
border-radius: 1.5rem; /* match card border-radius */
|
||
padding: 1px;
|
||
background: linear-gradient(135deg, rgba(0, 255, 255, 0.3), rgba(192, 0, 255, 0.3));
|
||
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
||
-webkit-mask-composite: xor;
|
||
mask-composite: exclude;
|
||
pointer-events: none;
|
||
}
|
||
.aurora-bg {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
overflow: hidden;
|
||
}
|
||
.aurora-bg .aurora {
|
||
position: absolute;
|
||
border-radius: 50%;
|
||
filter: blur(100px);
|
||
opacity: 0.2;
|
||
}
|
||
.aurora-1 {
|
||
width: 800px;
|
||
height: 800px;
|
||
background: radial-gradient(circle, #00ffff, transparent 60%);
|
||
top: -20%;
|
||
left: -10%;
|
||
animation: moveAurora1 25s infinite alternate ease-in-out;
|
||
}
|
||
.aurora-2 {
|
||
width: 600px;
|
||
height: 600px;
|
||
background: radial-gradient(circle, #c000ff, transparent 60%);
|
||
bottom: -30%;
|
||
right: -20%;
|
||
animation: moveAurora2 30s infinite alternate ease-in-out;
|
||
}
|
||
@keyframes moveAurora1 {
|
||
from { transform: translate(-50px, -50px) rotate(0deg); }
|
||
to { transform: translate(50px, 50px) rotate(30deg); }
|
||
}
|
||
@keyframes moveAurora2 {
|
||
from { transform: translate(50px, 50px) rotate(0deg); }
|
||
to { transform: translate(-50px, -50px) rotate(-30deg); }
|
||
}
|
||
.tab-lift {
|
||
transition: transform 0.2s ease-out, background-color 0.2s ease-out;
|
||
}
|
||
.tab-lift.tab-active {
|
||
transform: translateY(-2px);
|
||
background-color: rgba(0, 255, 255, 0.1);
|
||
border-color: rgba(0, 255, 255, 0.5);
|
||
color: #00ffff;
|
||
}
|
||
.value-highlight {
|
||
font-family: monospace;
|
||
color: #00ffff;
|
||
background-color: rgba(0, 255, 255, 0.1);
|
||
padding: 2px 6px;
|
||
border-radius: 4px;
|
||
font-weight: 600;
|
||
}
|
||
.section-title {
|
||
font-size: 2.25rem;
|
||
font-weight: 700;
|
||
letter-spacing: -0.02em;
|
||
background: linear-gradient(90deg, #e0e0e0, #9ca3af);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
.subtitle {
|
||
color: #9ca3af;
|
||
}
|
||
.card-title {
|
||
font-size: 1.25rem;
|
||
font-weight: 600;
|
||
color: #f0f0f0;
|
||
}
|
||
.card-content {
|
||
color: #d1d5db;
|
||
}
|
||
.table th, .table td {
|
||
border-color: rgba(255, 255, 255, 0.1);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="antialiased min-h-screen">
|
||
<div class="aurora-bg">
|
||
<div class="aurora aurora-1"></div>
|
||
<div class="aurora aurora-2"></div>
|
||
</div>
|
||
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
|
||
<header class="text-center py-12">
|
||
<h1 class="text-4xl md:text-6xl font-bold tracking-tighter bg-clip-text text-transparent bg-gradient-to-br from-white via-cyan-300 to-purple-400">
|
||
毫秒用算 Millisecond Computing
|
||
</h1>
|
||
<p class="mt-4 text-lg md:text-xl text-gray-400">深度投研报告</p>
|
||
<div class="mt-2 text-sm text-gray-500">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现<br>本报告为AI合成数据，投资需谨慎
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<!-- Section 1: 概念核心洞察 -->
|
||
<section class="mb-16">
|
||
<h2 class="section-title mb-2">概念核心洞察</h2>
|
||
<p class="subtitle mb-8">从“规模优先”到“质量与规模并重”的战略升级，由AI实时推理需求牵引，国家政策强力驱动的全栈式技术革新。</p>
|
||
|
||
<div class="bento-grid" style="grid-template-columns: repeat(12, 1fr);">
|
||
<!-- 核心观点摘要 -->
|
||
<div class="col-span-12 md:col-span-8 row-span-2 p-6 glass rounded-3xl glow-border">
|
||
<h3 class="card-title mb-4 text-cyan-300">核心观点摘要</h3>
|
||
<p class="card-content leading-relaxed">
|
||
“毫秒用算”标志着我国算力基础设施建设从<strong class="text-white">“规模优先”</strong>（算力总量）转向<strong class="text-white">“质量与规模并重”</strong>（低时延、高效率）的战略升级。其核心驱动力源于AI实时推理等高价值应用对网络性能的极致要求，由国家政策强力推动，正处于从顶层设计转向大规模基础设施建设的初期阶段。这不仅是通信网络的简单提速，而是围绕算力中心的一场<strong class="text-cyan-300">全栈式技术革新</strong>，将为光通信、网络设备、算力调度乃至配套的<strong class="text-purple-300">电源和散热系统</strong>带来确定性的增量市场。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 关键催化剂 -->
|
||
<div class="col-span-12 md:col-span-4 p-6 glass rounded-3xl glow-border">
|
||
<h3 class="card-title mb-4">关键催化剂</h3>
|
||
<ul class="space-y-3 card-content text-sm">
|
||
<li class="flex items-start"><span class="text-cyan-400 mr-2 mt-1">●</span>运营商发布<strong class="text-white mx-1">400G/800G OTN</strong>、<strong class="text-white mx-1">OXC</strong>设备集采公告</li>
|
||
<li class="flex items-start"><span class="text-cyan-400 mr-2 mt-1">●</span>地方政府行动方案细化，公布<strong class="text-white mx-1">投资规模</strong>与项目清单</li>
|
||
<li class="flex items-start"><span class="text-cyan-400 mr-2 mt-1">●</span>首个“毫秒用算”<strong class="text-white mx-1">标杆项目</strong>落地并公开演示</li>
|
||
<li class="flex items-start"><span class="text-cyan-400 mr-2 mt-1">●</span>确定性网络、任务式调度等<strong class="text-white mx-1">相关技术标准</strong>发布</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 核心驱动力 -->
|
||
<div class="col-span-12 md:col-span-4 p-6 glass rounded-3xl glow-border">
|
||
<h3 class="card-title mb-4">核心驱动力</h3>
|
||
<ol class="space-y-3 card-content text-sm list-decimal list-inside">
|
||
<li><strong class="text-white">政策强制驱动：</strong>工信部专项行动设定<strong class="value-highlight">2027年</strong>量化指标。</li>
|
||
<li><strong class="text-white">AI应用需求牵引：</strong>GPT-4o级<strong class="value-highlight">~200ms</strong>实时交互成常态。</li>
|
||
<li><strong class="text-white">技术经济性成熟：</strong><strong class="value-highlight">400G+</strong>光传输、<strong class="value-highlight">OXC</strong>等技术进入商用。</li>
|
||
</ol>
|
||
</div>
|
||
<!-- 预期差分析 -->
|
||
<div class="col-span-12 md:col-span-12 p-6 glass rounded-3xl glow-border">
|
||
<h3 class="card-title mb-4 text-purple-300">预期差分析：市场认知之外的关键点</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 card-content">
|
||
<div>
|
||
<h4 class="font-semibold text-white mb-2">① 认知广度 vs. 技术深度</h4>
|
||
<p class="text-sm">市场普遍关注光模块、交换机，但<strong class="text-purple-300">真正瓶颈</strong>可能在被忽视的<strong class="text-purple-300">电源与液冷系统</strong>。AI负载的<strong class="value-highlight">毫秒级功率波动</strong>（<span class="value-highlight">0.5ms内达200%功率</span>）对配套系统提出极致要求，国产CDU存在技术差距，这才是高价值环节。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-white mb-2">② 网络外部 vs. 集群内部</h4>
|
||
<p class="text-sm">政策聚焦“算间”(<span class="value-highlight"><1ms</span>)和“入算”(<span class="value-highlight"><10ms</span>)网络。但路演数据显示“算内”网络时延差异巨大（NVL72耗时<strong class="value-highlight">8.5卡毫秒/Token</strong> vs HGX H100的<strong class="value-highlight">251.1卡毫秒/Token</strong>），集群内部通信效率对“用算”体验影响更甚。</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-white mb-2">③ 地面光缆 vs. 卫星计算</h4>
|
||
<p class="text-sm">市场普遍认为光缆是唯一路径。但星链时延已优化至<strong class="value-highlight"><20ms</strong>，在超长距离传输上（>1000km）可能比光缆（每200km约<span class="value-highlight">1ms</span>）更具时延优势，市场低估了<strong class="text-purple-300">低轨卫星</strong>在全国网络中的补充与颠覆潜力。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 2: 多维数据验证 -->
|
||
<section class="mb-16" x-data="{ tab: 'policy' }">
|
||
<h2 class="section-title mb-2">多维数据验证</h2>
|
||
<p class="subtitle mb-8">汇集政策、产业路演与研报数据，交叉验证核心逻辑。</p>
|
||
|
||
<div role="tablist" class="tabs tabs-bordered tabs-lg mb-6">
|
||
<a role="tab" class="tab tab-lift" :class="{ 'tab-active': tab === 'policy' }" @click="tab = 'policy'">政策脉络</a>
|
||
<a role="tab" class="tab tab-lift" :class="{ 'tab-active': tab === 'industry' }" @click="tab = 'industry'">产业实证</a>
|
||
<a role="tab" class="tab tab-lift" :class="{ 'tab-active': tab === 'research' }" @click="tab = 'research'">研报综述</a>
|
||
</div>
|
||
|
||
<div class="p-6 glass rounded-3xl glow-border">
|
||
<!-- 政策脉络 Tab Content -->
|
||
<div x-show="tab === 'policy'" x-transition>
|
||
<h3 class="card-title mb-4">工信部城域“毫秒用算”专项行动核心目标</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||
<div>
|
||
<p class="card-content mb-4">聚焦算力网络发展，构建高速、低时延、广覆盖的城域网络，到2027年基本形成全域覆盖、高效畅通的城域毫秒用算网络能力体系。</p>
|
||
<ul class="space-y-4 card-content">
|
||
<li class="p-4 rounded-lg bg-base-300/30">
|
||
<h4 class="font-bold text-white">算力中心毫秒互连</h4>
|
||
<p><strong>目标：</strong>城域中型及以上算力中心间光层单向互连时延<strong class="text-cyan-300 value-highlight">< 1毫秒</strong></p>
|
||
<p class="text-sm text-gray-400 mt-1"><strong>技术路径：</strong>有序推进城域400Gbps及以上、全光交叉(OXC)等高速光传输系统。</p>
|
||
</li>
|
||
<li class="p-4 rounded-lg bg-base-300/30">
|
||
<h4 class="font-bold text-white">算力资源毫秒接入</h4>
|
||
<p><strong>目标：</strong>城域算力<strong class="text-cyan-300 value-highlight">1毫秒时延圈</strong>覆盖率不低于<strong class="text-cyan-300 value-highlight">70%</strong></p>
|
||
<p class="text-sm text-gray-400 mt-1"><strong>技术路径：</strong>推动光网络设备向用户侧下沉，构建“一跳入算”，验证小颗粒OTN、确定性网络。</p>
|
||
</li>
|
||
<li class="p-4 rounded-lg bg-base-300/30">
|
||
<h4 class="font-bold text-white">算力应用毫秒可达</h4>
|
||
<p><strong>目标：</strong>应用终端到算力中心服务器的单向网络时延<strong class="text-cyan-300 value-highlight">< 10毫秒</strong></p>
|
||
<p class="text-sm text-gray-400 mt-1"><strong>应用场景：</strong>支撑工业质检、辅助诊断等典型算力应用交互体验提升。</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<div id="policy-chart" style="width: 100%; height: 400px;"></div>
|
||
<h4 class="card-title mt-8 mb-4">地方响应规划 (时延目标)</h4>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-sm">
|
||
<thead>
|
||
<tr>
|
||
<th>地区</th>
|
||
<th>城市内</th>
|
||
<th>区域/市间</th>
|
||
<th>跨枢纽</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong class="text-white">北京</strong></td>
|
||
<td><span class="value-highlight"><1ms</span></td>
|
||
<td>环京<span class="value-highlight">2ms</span>, 京津冀<span class="value-highlight">3ms</span></td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong class="text-white">湖北</strong></td>
|
||
<td><span class="value-highlight">1ms</span></td>
|
||
<td>市间<span class="value-highlight">3ms</span>, 省内<span class="value-highlight">5ms</span></td>
|
||
<td>-</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong class="text-white">四川</strong></td>
|
||
<td>-</td>
|
||
<td>省内城市<span class="value-highlight"><3ms</span>, 川渝<span class="value-highlight"><3ms</span></td>
|
||
<td>京津冀等<span class="value-highlight"><18ms</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong class="text-white">深圳</strong></td>
|
||
<td><span class="value-highlight">1ms</span></td>
|
||
<td>至韶关<span class="value-highlight">3ms</span></td>
|
||
<td>至贵安<span class="value-highlight">10ms</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 产业实证 Tab Content -->
|
||
<div x-show="tab === 'industry'" x-transition>
|
||
<h3 class="card-title mb-4">硬件与系统级的毫秒级性能挑战</h3>
|
||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||
<div class="p-4 rounded-lg bg-base-300/30 space-y-4">
|
||
<h4 class="font-bold text-white">GPU集群内部通信耗时巨大差异 (MoE推理)</h4>
|
||
<p class="text-sm card-content">NVIDIA NVL72对比HGX H100，揭示了“算内网络”对性能的决定性影响。</p>
|
||
<div class="stats stats-vertical lg:stats-horizontal shadow w-full bg-transparent text-center">
|
||
<div class="stat">
|
||
<div class="stat-title text-gray-400">通信时间</div>
|
||
<div class="stat-value text-purple-300">1,600ms</div>
|
||
<div class="stat-desc text-white">vs 24,000ms</div>
|
||
</div>
|
||
<div class="stat">
|
||
<div class="stat-title text-gray-400">显存读取</div>
|
||
<div class="stat-value text-purple-300">7.1</div>
|
||
<div class="stat-desc text-white">卡毫秒 vs 95.2</div>
|
||
</div>
|
||
<div class="stat">
|
||
<div class="stat-title text-gray-400">全流程/Token</div>
|
||
<div class="stat-value text-cyan-300">8.5</div>
|
||
<div class="stat-desc text-white">卡毫秒 vs 251.1</div>
|
||
</div>
|
||
</div>
|
||
<p class="text-xs text-gray-500 text-center">数据来源: 路演数据-2024-04-08</p>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-base-300/30 space-y-4">
|
||
<h4 class="font-bold text-white">基础设施的毫秒级挑战：电源与制冷</h4>
|
||
<p class="text-sm card-content">AI负载的瞬时巨大波动，对供配电和制冷系统的快速响应能力提出极高要求，成为技术瓶颈。</p>
|
||
<div class="space-y-3 text-sm">
|
||
<p><strong class="text-white">电源波动：</strong>Delta测算，计算指令来临周期内，前 <span class="value-highlight">0.5毫秒</span> 电力脉冲达到额定功率的 <span class="value-highlight">200%</span>，随后 <span class="value-highlight">5毫秒</span> 内降至 <span class="value-highlight">160%</span>。</p>
|
||
<p><strong class="text-white">技术挑战：</strong>AI负载突增/突减在 <span class="value-highlight">毫秒级</span>。国产CDU（冷板分配单元）技术尚<strong class="text-red-400">无法应对AIDC毫秒级负载波动</strong>。</p>
|
||
</div>
|
||
<p class="text-xs text-gray-500 text-center">数据来源: 路演数据-2025-01-12/19</p>
|
||
</div>
|
||
</div>
|
||
<h3 class="card-title mt-8 mb-4">应用场景与性能指标</h3>
|
||
<ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 card-content text-sm">
|
||
<li class="p-3 rounded-md bg-base-100/50"><strong>边缘推理延迟优化:</strong> Akamai边缘云可优化 <span class="value-highlight">62.8%</span> 延迟 (相比远距离传统云)。</li>
|
||
<li class="p-3 rounded-md bg-base-100/50"><strong>AI模型实时响应:</strong> GPT-4o 跨模态交互延迟低至 <span class="value-highlight">200毫秒</span>。</li>
|
||
<li class="p-3 rounded-md bg-base-100/50"><strong>卫星边缘计算:</strong> 数据处理延时可降至 <span class="value-highlight">毫秒级</span>，优于地面处理。</li>
|
||
<li class="p-3 rounded-md bg-base-100/50"><strong>区域算力网络:</strong> 中国电信大湾区内部时延 <span class="value-highlight">3毫秒</span>。</li>
|
||
<li class="p-3 rounded-md bg-base-100/50"><strong>终端应用响应:</strong> 谷歌iPad端侧部署响应时间 <span class="value-highlight">300-320ms</span>。</li>
|
||
<li class="p-3 rounded-md bg-base-100/50"><strong>国产算力平台:</strong> 升腾Matrix 384推理时延 <span class="value-highlight"><50毫秒</span>。</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 研报综述 Tab Content -->
|
||
<div x-show="tab === 'research'" x-transition>
|
||
<h3 class="card-title mb-4">研报视角：实现路径、应用场景与投资方向</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="space-y-4">
|
||
<h4 class="font-bold text-white">关键技术与实现路径</h4>
|
||
<ul class="space-y-2 card-content text-sm list-disc list-inside">
|
||
<li><strong>入算网络:</strong> 边缘OTN下沉，实现 <span class="value-highlight"><1ms</span> 一跳入算。</li>
|
||
<li><strong>算间互联:</strong> 骨干网向 <span class="value-highlight">400G/800G</span> 迁移，应用全光交换(OXC)提升效率。</li>
|
||
<li><strong>算内网络:</strong> 采用拥塞控制技术(PFC/ECN)和超融合以太网(UEC)保证无损传输。</li>
|
||
<li><strong>智能调度:</strong> 构建“云边-段”一体化算力调度系统，结合AI智能体驱动网络运维。</li>
|
||
</ul>
|
||
|
||
<h4 class="font-bold text-white mt-6">市场影响与投资方向</h4>
|
||
<ul class="space-y-2 card-content text-sm list-disc list-inside">
|
||
<li><strong>短期刺激:</strong> 直接利好网络设备等算力基础设施。</li>
|
||
<li><strong>中长期影响:</strong> 为边缘计算和AI行业应用打开蓝海空间。</li>
|
||
<li><strong>推荐方向:</strong>
|
||
<ul class="ml-4 list-disc list-inside">
|
||
<li>算力调度与边缘计算</li>
|
||
<li>算力基础设施 (服务器, 光模块, 交换机)</li>
|
||
<li>智能驾驶、AI行业应用</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="space-y-4">
|
||
<h4 class="font-bold text-white">应用场景商业化</h4>
|
||
<div class="space-y-3 card-content">
|
||
<div class="p-3 rounded-lg bg-base-100/50">
|
||
<h5 class="font-semibold text-white">AI应用与用户体验</h5>
|
||
<p class="text-sm">降低时延是制约大模型发挥效能的瓶颈，尤其对多模态等交互量大的场景，将极大提升用户体验，加速商业化落地。</p>
|
||
</div>
|
||
<div class="p-3 rounded-lg bg-base-100/50">
|
||
<h5 class="font-semibold text-white">智能驾驶</h5>
|
||
<p class="text-sm">车规级TSN交换芯片实现低延迟、高可靠数据传输，满足自动驾驶、车路协同等复杂车载应用需求。</p>
|
||
</div>
|
||
<div class="p-3 rounded-lg bg-base-100/50">
|
||
<h5 class="font-semibold text-white">数字营销与互动媒体</h5>
|
||
<p class="text-sm">支持LBS数据实时分析、程序化广告毫秒级决策、互动场景低延迟处理，并通过AR/VR等实现高互动媒体体验。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 3: 产业链图谱与关联标的 -->
|
||
<section class="mb-16">
|
||
<h2 class="section-title mb-2">产业链图谱与市场反应</h2>
|
||
<p class="subtitle mb-8">从上游核心元器件到下游平台应用，以及市场对概念的即时反馈。</p>
|
||
|
||
<div class="mb-12 p-6 glass rounded-3xl glow-border">
|
||
<h3 class="card-title mb-4">产业链图谱</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-center">
|
||
<div class="p-4 rounded-lg bg-base-300/30">
|
||
<h4 class="font-bold text-cyan-300 mb-2">上游：核心元器件与设备</h4>
|
||
<p class="text-sm text-gray-300">光通信、网络设备、算力硬件、配套系统(电源/温控)</p>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-base-300/30">
|
||
<h4 class="font-bold text-purple-300 mb-2">中游：网络建设与算力运营</h4>
|
||
<p class="text-sm text-gray-300">三大运营商、第三方IDC</p>
|
||
</div>
|
||
<div class="p-4 rounded-lg bg-base-300/30">
|
||
<h4 class="font-bold text-green-300 mb-2">下游：平台与应用</h4>
|
||
<p class="text-sm text-gray-300">算力调度、边缘计算、工业互联网、AI服务</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-12">
|
||
<h3 class="card-title mb-4">市场反应案例分析</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="p-6 glass rounded-2xl">
|
||
<h4 class="font-semibold text-white mb-2">华脉科技 (603042) <span class="badge badge-accent">+9.98%</span></h4>
|
||
<p class="text-sm card-content"><strong>核心逻辑：</strong>公司5G前传波分设备是城域 <span class="value-highlight">1ms</span> 时延圈的<strong class="text-white">不可替代硬件</strong>。政策新词首次落地，技术门槛高，直接受益于政策刚性指标，三因子共振触发机构席位抢筹。</p>
|
||
</div>
|
||
<div class="p-6 glass rounded-2xl">
|
||
<h4 class="font-semibold text-white mb-2">中科通达 (688038) <span class="badge badge-accent">+8.11%</span></h4>
|
||
<p class="text-sm card-content"><strong>核心逻辑：</strong>典型的“政策催化 + 概念联动”行情。搭乘<strong class="text-white">“中科系”</strong>和<strong class="text-white">“算力”</strong>双重东风，其智慧城市业务与低时延算力应用场景高度契合，引发市场想象空间。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 class="card-title mb-4">核心关联标的</h3>
|
||
<div class="p-6 glass rounded-3xl glow-border overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>产业链环节</th>
|
||
<th>核心逻辑</th>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- 连接 -->
|
||
<tr>
|
||
<td rowspan="5" class="align-top font-bold text-cyan-300">连接</td>
|
||
<td>光模块</td><td>中际旭创</td><td><a href="https://valuefrontier.cn/company?scode=300308" target="_blank" class="link link-hover">300308</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>光模块</td><td>新易盛</td><td><a href="https://valuefrontier.cn/company?scode=300502" target="_blank" class="link link-hover">300502</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>交换机</td><td>紫光股份</td><td><a href="https://valuefrontier.cn/company?scode=000938" target="_blank" class="link link-hover">000938</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>交换机</td><td>锐捷网络</td><td><a href="https://valuefrontier.cn/company?scode=301165" target="_blank" class="link link-hover">301165</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>光纤光缆</td><td>长飞光纤</td><td><a href="https://valuefrontier.cn/company?scode=601869" target="_blank" class="link link-hover">601869</a></td>
|
||
</tr>
|
||
<!-- 计算 -->
|
||
<tr>
|
||
<td rowspan="5" class="align-top font-bold text-purple-300">计算</td>
|
||
<td>服务器</td><td>中科曙光</td><td><a href="https://valuefrontier.cn/company?scode=603019" target="_blank" class="link link-hover">603019</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>服务器</td><td>中国长城</td><td><a href="https://valuefrontier.cn/company?scode=000066" target="_blank" class="link link-hover">000066</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>第三方运营</td><td>宝信软件</td><td><a href="https://valuefrontier.cn/company?scode=600845" target="_blank" class="link link-hover">600845</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>中央云</td><td>中国电信</td><td><a href="https://valuefrontier.cn/company?scode=601728" target="_blank" class="link link-hover">601728</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>其他IDC</td><td>润泽科技</td><td><a href="https://valuefrontier.cn/company?scode=300442" target="_blank" class="link link-hover">300442</a></td>
|
||
</tr>
|
||
<!-- 调度 -->
|
||
<tr>
|
||
<td rowspan="3" class="align-top font-bold text-green-300">调度</td>
|
||
<td>调度平台</td><td>首都在线</td><td><a href="https://valuefrontier.cn/company?scode=300846" target="_blank" class="link link-hover">300846</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>调度平台</td><td>思特奇</td><td><a href="https://valuefrontier.cn/company?scode=300608" target="_blank" class="link link-hover">300608</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>调度调优</td><td>恒为科技</td><td><a href="https://valuefrontier.cn/company?scode=603496" target="_blank" class="link link-hover">603496</a></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<p class="text-xs text-gray-500 mt-4">* 仅列举部分代表性公司，完整列表请参考原始数据。</p>
|
||
</div>
|
||
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="text-center py-8">
|
||
<p class="text-sm text-gray-500">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现
|
||
</p>
|
||
<p class="text-xs text-gray-600 mt-1">
|
||
本报告基于公开信息由AI模型合成，不构成任何投资建议。市场有风险，投资需谨慎。
|
||
</p>
|
||
</footer>
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('policy-chart');
|
||
if (chartDom) {
|
||
var myChart = echarts.init(chartDom, 'dark'); // Initialize with dark theme
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
title: {
|
||
text: '2027年核心量化目标',
|
||
left: 'center',
|
||
textStyle: {
|
||
color: '#e0e0e0'
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'shadow'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'value',
|
||
boundaryGap: [0, 0.01],
|
||
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
|
||
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
|
||
},
|
||
yAxis: {
|
||
type: 'category',
|
||
data: ['算力应用可达(ms)', '算力中心互连(ms)', '1ms时延圈覆盖率(%)'],
|
||
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } }
|
||
},
|
||
series: [
|
||
{
|
||
name: '目标值',
|
||
type: 'bar',
|
||
data: [
|
||
{ value: 10, itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: '#8360c3' }, { offset: 1, color: '#2ebf91' }]) } },
|
||
{ value: 1, itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: '#c000ff' }, { offset: 1, color: '#5131a2' }]) } },
|
||
{ value: 70, itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: '#00c6ff' }, { offset: 1, color: '#0072ff' }]) } }
|
||
],
|
||
label: {
|
||
show: true,
|
||
position: 'right',
|
||
color: '#fff',
|
||
formatter: '{c}'
|
||
}
|
||
}
|
||
]
|
||
};
|
||
|
||
myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |