update pay ui
This commit is contained in:
@@ -1,464 +1,474 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<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>
|
||||
<title>深度投研报告：英伟达代理</title>
|
||||
|
||||
<!-- Tailwind CSS & DaisyUI -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
|
||||
|
||||
<!-- Alpine.js -->
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||||
|
||||
<!-- ECharts -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
|
||||
|
||||
<!-- Google Fonts for a more sci-fi feel -->
|
||||
<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=Manrope:wght@300;400;500;700&family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
|
||||
body { font-family: 'Inter', sans-serif; }
|
||||
.gradient-bg {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
}
|
||||
.card-hover {
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
.card-hover:hover {
|
||||
transform: translateY(-8px);
|
||||
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
|
||||
}
|
||||
.timeline-line {
|
||||
background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
|
||||
}
|
||||
.glass-effect {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
}
|
||||
.stock-row:hover {
|
||||
background: linear-gradient(90deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
|
||||
}
|
||||
.pulse-dot {
|
||||
animation: pulse 2s infinite;
|
||||
}
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7);
|
||||
}
|
||||
70% {
|
||||
box-shadow: 0 0 0 10px rgba(102, 126, 234, 0);
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 0 0 0 rgba(102, 126, 234, 0);
|
||||
}
|
||||
}
|
||||
.scroll-smooth {
|
||||
body {
|
||||
font-family: 'Manrope', sans-serif;
|
||||
background-color: #0a0a1a;
|
||||
background-image:
|
||||
radial-gradient(circle at 15% 15%, hsla(250, 80%, 30%, 0.3) 0%, transparent 50%),
|
||||
radial-gradient(circle at 85% 75%, hsla(190, 80%, 40%, 0.25) 0%, transparent 60%);
|
||||
color: #e0e0e0;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
.fui-title {
|
||||
font-family: 'Orbitron', sans-serif;
|
||||
text-shadow: 0 0 8px rgba(139, 92, 246, 0.4), 0 0 12px rgba(59, 130, 246, 0.3);
|
||||
}
|
||||
.glass-card {
|
||||
background-color: rgba(17, 24, 39, 0.6);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.glass-card:hover {
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
box-shadow: 0 0 30px rgba(79, 70, 229, 0.2);
|
||||
}
|
||||
.bento-grid {
|
||||
display: grid;
|
||||
gap: 1.5rem;
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
}
|
||||
.bento-item {
|
||||
border-radius: 1.5rem; /* rounded-3xl */
|
||||
padding: 1.5rem;
|
||||
}
|
||||
/* Spanning for bento grid */
|
||||
.col-span-12 { grid-column: span 12 / span 12; }
|
||||
.col-span-8 { grid-column: span 8 / span 8; }
|
||||
.col-span-6 { grid-column: span 6 / span 6; }
|
||||
.col-span-4 { grid-column: span 4 / span 4; }
|
||||
@media (max-width: 1024px) {
|
||||
.lg\:col-span-8 { grid-column: span 12 / span 12; }
|
||||
.lg\:col-span-6 { grid-column: span 12 / span 12; }
|
||||
.lg\:col-span-4 { grid-column: span 12 / span 12; }
|
||||
}
|
||||
|
||||
.highlight-text {
|
||||
color: #818cf8; /* indigo-400 */
|
||||
}
|
||||
.accent-glow {
|
||||
box-shadow: 0 0 15px rgba(99, 102, 241, 0.3);
|
||||
}
|
||||
.tab-active-custom {
|
||||
background-color: rgba(99, 102, 241, 0.2);
|
||||
color: #c7d2fe;
|
||||
border-bottom: 2px solid #818cf8;
|
||||
}
|
||||
blockquote {
|
||||
border-left: 3px solid #4f46e5;
|
||||
padding-left: 1rem;
|
||||
margin-left: 0.5rem;
|
||||
color: #a5b4fc;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-gray-50 scroll-smooth">
|
||||
<!-- Hero Section -->
|
||||
<section class="gradient-bg text-white relative overflow-hidden">
|
||||
<div class="absolute inset-0 bg-black opacity-20"></div>
|
||||
<div class="container mx-auto px-6 py-24 relative z-10">
|
||||
<div class="text-center">
|
||||
<div class="inline-flex items-center space-x-2 bg-white/20 backdrop-blur-lg rounded-full px-4 py-2 mb-6">
|
||||
<span class="pulse-dot w-2 h-2 bg-green-400 rounded-full"></span>
|
||||
<span class="text-sm font-medium">投资热点 · AI产业链</span>
|
||||
</div>
|
||||
<h1 class="text-5xl md:text-7xl font-bold mb-6">
|
||||
英伟达代理概念
|
||||
<span class="block text-3xl md:text-4xl mt-2 font-light opacity-90">深度投资价值解析</span>
|
||||
</h1>
|
||||
<p class="text-xl md:text-2xl max-w-3xl mx-auto opacity-95 leading-relaxed">
|
||||
围绕全球AI算力霸主的产业链投资主题，挖掘代理分销商在AI浪潮中的核心价值
|
||||
</p>
|
||||
<div class="mt-10 flex flex-wrap justify-center gap-4">
|
||||
<div class="bg-white/20 backdrop-blur-lg rounded-lg px-6 py-3">
|
||||
<div class="text-3xl font-bold">3倍</div>
|
||||
<div class="text-sm opacity-90">市场需求倍数</div>
|
||||
</div>
|
||||
<div class="bg-white/20 backdrop-blur-lg rounded-lg px-6 py-3">
|
||||
<div class="text-3xl font-bold">430%</div>
|
||||
<div class="text-sm opacity-90">数据中心增长</div>
|
||||
</div>
|
||||
<div class="bg-white/20 backdrop-blur-lg rounded-lg px-6 py-3">
|
||||
<div class="text-3xl font-bold">PE 38-40x</div>
|
||||
<div class="text-sm opacity-90">当前估值</div>
|
||||
</div>
|
||||
</div>
|
||||
<body class="min-h-screen antialiased">
|
||||
<div class="container mx-auto p-4 md:p-8">
|
||||
|
||||
<!-- Header -->
|
||||
<header class="text-center py-8 mb-8">
|
||||
<h1 class="fui-title text-4xl md:text-6xl font-bold tracking-widest text-transparent bg-clip-text bg-gradient-to-r from-indigo-400 to-cyan-300">
|
||||
英伟达代理
|
||||
</h1>
|
||||
<p class="mt-4 text-xl text-slate-300">深度投研报告</p>
|
||||
<div class="mt-6 text-xs text-slate-500 tracking-wider">
|
||||
<p>由 北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
|
||||
<p class="mt-1">本报告为AI合成数据，投资需谨慎。</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</header>
|
||||
|
||||
<!-- Core Concept -->
|
||||
<section class="py-16 bg-white">
|
||||
<div class="container mx-auto px-6">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-4xl font-bold text-gray-900 mb-4">概念核心洞察</h2>
|
||||
<p class="text-xl text-gray-600 max-w-2xl mx-auto">
|
||||
"英伟达代理"概念正处于短期基本面强劲与长期逻辑存疑的交织期
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<div class="card-hover bg-gradient-to-br from-purple-50 to-indigo-50 rounded-xl p-8 border border-purple-100">
|
||||
<div class="w-12 h-12 bg-gradient-to-br from-purple-500 to-indigo-500 rounded-lg flex items-center justify-center mb-6">
|
||||
<i class="ri-line-chart-line text-white text-2xl"></i>
|
||||
<!-- Main Content Grid -->
|
||||
<main class="bento-grid">
|
||||
|
||||
<!-- Insight Core -->
|
||||
<section class="bento-item glass-card lg:col-span-8">
|
||||
<h2 class="fui-title text-2xl font-bold mb-4 text-indigo-300">核心观点 & 驱动逻辑</h2>
|
||||
<div class="space-y-4 text-slate-300">
|
||||
<p class="text-lg leading-relaxed"><strong class="highlight-text">核心观点摘要:</strong> “英伟达代理”概念的核心是 <strong class="text-cyan-300">AI算力需求爆发下的双重价值兑现</strong>。它既包含了代表未来的 <strong class="text-indigo-300">AI Agent技术革命</strong>，也涵盖了支撑这场革命的 <strong class="text-emerald-300">硬件分销商业模式</strong>。当前市场正处于从认知后者的直接受益，向量前者的长期潜力过渡的阶段。</p>
|
||||
<div class="divider before:bg-slate-700 after:bg-slate-700"></div>
|
||||
<div>
|
||||
<h4 class="font-semibold text-lg text-slate-200 mb-2">核心驱动力：推理侧的“扩展定律”</h4>
|
||||
<ul class="list-disc list-inside space-y-2 text-sm">
|
||||
<li><strong>技术范式迁移:</strong> AI正从“生成内容”迈向“执行任务”的代理式AI (Agentic AI)。单次任务可能需要<strong class="highlight-text">数千倍的Token消耗量</strong>，引爆推理算力指数级增长。</li>
|
||||
<li><strong>软件生态闭环:</strong> 英伟达通过 <strong class="text-cyan-300">NIM代理蓝图</strong> 和 <strong class="text-cyan-300">DGX Cloud Lepton平台</strong> 构建AI Agent生态系统，锁定开发者，形成类似“CUDA”的软件护城河。</li>
|
||||
<li><strong>商业模式验证:</strong> 在AI Agent远景实现前，全球AI基建资本开支已然爆发 (预测2025年GPU市场约1000亿美元)。产品代理商作为“毛细血管”，直接受益于硬件采购浪潮。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-gray-900 mb-3">短期驱动力</h3>
|
||||
<ul class="space-y-2 text-gray-700">
|
||||
<li class="flex items-start"><i class="ri-checkbox-circle-fill text-purple-500 mt-1 mr-2"></i><span>供给刚性创造渠道价值</span></li>
|
||||
<li class="flex items-start"><i class="ri-checkbox-circle-fill text-purple-500 mt-1 mr-2"></i><span>生态护城河传导效应</span></li>
|
||||
<li class="flex items-start"><i class="ri-checkbox-circle-fill text-purple-500 mt-1 mr-2"></i><span>需求多元化裂变</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-hover bg-gradient-to-br from-blue-50 to-cyan-50 rounded-xl p-8 border border-blue-100">
|
||||
<div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-lg flex items-center justify-center mb-6">
|
||||
<i class="ri-brain-line text-white text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-gray-900 mb-3">市场情绪</h3>
|
||||
<ul class="space-y-2 text-gray-700">
|
||||
<li class="flex items-start"><i class="ri-checkbox-circle-fill text-blue-500 mt-1 mr-2"></i><span>热度极高且持续</span></li>
|
||||
<li class="flex items-start"><i class="ri-checkbox-circle-fill text-blue-500 mt-1 mr-2"></i><span>乐观派聚焦短期业绩</span></li>
|
||||
<li class="flex items-start"><i class="ri-checkbox-circle-fill text-blue-500 mt-1 mr-2"></i><span>谨慎派担忧结构性风险</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-hover bg-gradient-to-br from-amber-50 to-orange-50 rounded-xl p-8 border border-amber-100">
|
||||
<div class="w-12 h-12 bg-gradient-to-br from-amber-500 to-orange-500 rounded-lg flex items-center justify-center mb-6">
|
||||
<i class="ri-alert-line text-white text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-gray-900 mb-3">关键预期差</h3>
|
||||
<ul class="space-y-2 text-gray-700">
|
||||
<li class="flex items-start"><i class="ri-checkbox-circle-fill text-amber-500 mt-1 mr-2"></i><span>代理质量差异被忽略</span></li>
|
||||
<li class="flex items-start"><i class="ri-checkbox-circle-fill text-amber-500 mt-1 mr-2"></i><span>长期逻辑脆弱性未定价</span></li>
|
||||
<li class="flex items-start"><i class="ri-checkbox-circle-fill text-amber-500 mt-1 mr-2"></i><span>地缘政治风险被低估</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- Timeline -->
|
||||
<section class="py-16 bg-gray-50">
|
||||
<div class="container mx-auto px-6">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-4xl font-bold text-gray-900 mb-4">发展时间轴</h2>
|
||||
<p class="text-xl text-gray-600">关键事件与市场演化</p>
|
||||
</div>
|
||||
<div class="relative max-w-4xl mx-auto">
|
||||
<div class="absolute left-1/2 transform -translate-x-1/2 w-1 h-full timeline-line"></div>
|
||||
<div class="space-y-12">
|
||||
<div class="flex items-center justify-end md:justify-start">
|
||||
<div class="w-full md:w-5/12 text-right md:text-left pr-8 md:pr-0 md:pl-8">
|
||||
<div class="bg-white rounded-lg p-6 shadow-lg card-hover">
|
||||
<span class="text-sm font-semibold text-purple-600">2023年中至年末</span>
|
||||
<h3 class="text-lg font-bold text-gray-900 mt-2">需求爆发初期</h3>
|
||||
<p class="text-gray-600 mt-2">A100/H100严重短缺，市场需求为实际供给3倍，价格持续飙升</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 bg-purple-600 rounded-full border-4 border-white"></div>
|
||||
</div>
|
||||
<div class="flex items-center justify-start md:justify-end">
|
||||
<div class="w-full md:w-5/12 pl-8 md:pl-0 md:pr-8">
|
||||
<div class="bg-white rounded-lg p-6 shadow-lg card-hover">
|
||||
<span class="text-sm font-semibold text-blue-600">2024年2月</span>
|
||||
<h3 class="text-lg font-bold text-gray-900 mt-2">业绩超预期引爆市场</h3>
|
||||
<p class="text-gray-600 mt-2">数据中心业务收入同比暴增430%，Q2指引达110亿美元</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 bg-blue-600 rounded-full border-4 border-white"></div>
|
||||
</div>
|
||||
<div class="flex items-center justify-end md:justify-start">
|
||||
<div class="w-full md:w-5/12 text-right md:text-left pr-8 md:pr-0 md:pl-8">
|
||||
<div class="bg-white rounded-lg p-6 shadow-lg card-hover">
|
||||
<span class="text-sm font-semibold text-amber-600">2024年4月</span>
|
||||
<h3 class="text-lg font-bold text-gray-900 mt-2">首次深度分歧</h3>
|
||||
<p class="text-gray-600 mt-2">市场担忧推理芯片竞争格局变化，大厂自研ASIC构成威胁</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 bg-amber-600 rounded-full border-4 border-white"></div>
|
||||
</div>
|
||||
<div class="flex items-center justify-start md:justify-end">
|
||||
<div class="w-full md:w-5/12 pl-8 md:pl-0 md:pr-8">
|
||||
<div class="bg-white rounded-lg p-6 shadow-lg card-hover">
|
||||
<span class="text-sm font-semibold text-green-600">2024年12月</span>
|
||||
<h3 class="text-lg font-bold text-gray-900 mt-2">应用场景拓展</h3>
|
||||
<p class="text-gray-600 mt-2">中电港宣布机器人合作落地，英伟达发布RTX 50系列GPU</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 bg-green-600 rounded-full border-4 border-white"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Concept Duality Chart -->
|
||||
<section class="bento-item glass-card lg:col-span-4">
|
||||
<h2 class="fui-title text-2xl font-bold mb-4 text-indigo-300">概念双重性解析</h2>
|
||||
<div id="duality-chart" class="w-full h-64 md:h-full"></div>
|
||||
</section>
|
||||
|
||||
<!-- Stock Data Table -->
|
||||
<section class="py-16 bg-white">
|
||||
<div class="container mx-auto px-6">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-4xl font-bold text-gray-900 mb-4">核心上市公司分析</h2>
|
||||
<p class="text-xl text-gray-600">英伟达代理产业链核心玩家对比</p>
|
||||
</div>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full bg-white rounded-lg overflow-hidden shadow-lg">
|
||||
<thead class="gradient-bg text-white">
|
||||
<tr>
|
||||
<th class="px-6 py-4 text-left font-semibold">公司名称</th>
|
||||
<th class="px-6 py-4 text-left font-semibold">合作层级</th>
|
||||
<th class="px-6 py-4 text-left font-semibold">核心业务</th>
|
||||
<th class="px-6 py-4 text-left font-semibold">竞争优势</th>
|
||||
<th class="px-6 py-4 text-left font-semibold">逻辑纯粹度</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="stock-row transition-colors duration-200">
|
||||
<td class="px-6 py-4 font-semibold text-purple-600">紫光股份</td>
|
||||
<td class="px-6 py-4">
|
||||
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-purple-100 text-purple-800">
|
||||
最高级别总代理
|
||||
</span>
|
||||
</td>
|
||||
<td class="px-6 py-4 text-gray-700">数据中心GPU/DGX系统中国区总代理，NVIDIA网络产品</td>
|
||||
<td class="px-6 py-4 text-gray-700">渠道垄断性，与英伟达绑定最深，利润最丰厚</td>
|
||||
<td class="px-6 py-4">
|
||||
<div class="flex items-center">
|
||||
<div class="w-full bg-gray-200 rounded-full h-2 mr-2">
|
||||
<div class="bg-gradient-to-r from-purple-500 to-purple-600 h-2 rounded-full" style="width: 90%"></div>
|
||||
</div>
|
||||
<span class="text-sm font-medium text-purple-600">高</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="stock-row transition-colors duration-200">
|
||||
<td class="px-6 py-4 font-semibold text-blue-600">中电港</td>
|
||||
<td class="px-6 py-4">
|
||||
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800">
|
||||
授权分销商
|
||||
</span>
|
||||
</td>
|
||||
<td class="px-6 py-4 text-gray-700">战略聚焦Jetson边缘计算/机器人领域，已有应用落地</td>
|
||||
<td class="px-6 py-4 text-gray-700">成长性最强，切入高增长物理AI赛道，向解决方案转型</td>
|
||||
<td class="px-6 py-4">
|
||||
<div class="flex items-center">
|
||||
<div class="w-full bg-gray-200 rounded-full h-2 mr-2">
|
||||
<div class="bg-gradient-to-r from-blue-500 to-blue-600 h-2 rounded-full" style="width: 75%"></div>
|
||||
</div>
|
||||
<span class="text-sm font-medium text-blue-600">中高</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="stock-row transition-colors duration-200">
|
||||
<td class="px-6 py-4 font-semibold text-green-600">弘信电子</td>
|
||||
<td class="px-6 py-4">
|
||||
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800">
|
||||
Elite精英级伙伴
|
||||
</span>
|
||||
</td>
|
||||
<td class="px-6 py-4 text-gray-700">子公司安联通为Compute和Networking双Elite合作伙伴</td>
|
||||
<td class="px-6 py-4 text-gray-700">技术壁垒高，能承接复杂高毛利网络及计算项目</td>
|
||||
<td class="px-6 py-4">
|
||||
<div class="flex items-center">
|
||||
<div class="w-full bg-gray-200 rounded-full h-2 mr-2">
|
||||
<div class="bg-gradient-to-r from-green-500 to-green-600 h-2 rounded-full" style="width: 60%"></div>
|
||||
</div>
|
||||
<span class="text-sm font-medium text-green-600">中</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="stock-row transition-colors duration-200">
|
||||
<td class="px-6 py-4 font-semibold text-gray-600">神州数码</td>
|
||||
<td class="px-6 py-4">
|
||||
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-gray-100 text-gray-800">
|
||||
分销合作伙伴
|
||||
</span>
|
||||
</td>
|
||||
<td class="px-6 py-4 text-gray-700">英伟达分销合作伙伴，多元化业务构成</td>
|
||||
<td class="px-6 py-4 text-gray-700">业务分散，抗单一客户风险能力强</td>
|
||||
<td class="px-6 py-4">
|
||||
<div class="flex items-center">
|
||||
<div class="w-full bg-gray-200 rounded-full h-2 mr-2">
|
||||
<div class="bg-gradient-to-r from-gray-500 to-gray-600 h-2 rounded-full" style="width: 40%"></div>
|
||||
</div>
|
||||
<span class="text-sm font-medium text-gray-600">中低</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="stock-row transition-colors duration-200">
|
||||
<td class="px-6 py-4 font-semibold text-amber-600">力源信息</td>
|
||||
<td class="px-6 py-4">
|
||||
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-amber-100 text-amber-800">
|
||||
间接供货
|
||||
</span>
|
||||
</td>
|
||||
<td class="px-6 py-4 text-gray-700">代理存储、MCU等，向寒武纪直接、英伟达间接供货</td>
|
||||
<td class="px-6 py-4 text-gray-700">业务多元，抗风险能力强</td>
|
||||
<td class="px-6 py-4">
|
||||
<div class="flex items-center">
|
||||
<div class="w-full bg-gray-200 rounded-full h-2 mr-2">
|
||||
<div class="bg-gradient-to-r from-amber-500 to-amber-600 h-2 rounded-full" style="width: 20%"></div>
|
||||
</div>
|
||||
<span class="text-sm font-medium text-amber-600">低</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Risk Analysis -->
|
||||
<section class="py-16 bg-gradient-to-br from-red-50 to-pink-50">
|
||||
<div class="container mx-auto px-6">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-4xl font-bold text-gray-900 mb-4">风险与挑战</h2>
|
||||
<p class="text-xl text-gray-600">需要重点关注的潜在风险因素</p>
|
||||
</div>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
<div class="bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition-shadow">
|
||||
<div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<i class="ri-global-line text-red-600 text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="font-bold text-lg text-gray-900 mb-2">地缘政治风险</h3>
|
||||
<p class="text-gray-600 text-sm">美国对华AI芯片出口限制是悬顶之剑，可能导致业务瞬间归零</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition-shadow">
|
||||
<div class="w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<i class="ri-cpu-line text-orange-600 text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="font-bold text-lg text-gray-900 mb-2">技术竞争</h3>
|
||||
<p class="text-gray-600 text-sm">大厂自研ASIC芯片将在推理侧形成竞争，冲击代理模式基础</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition-shadow">
|
||||
<div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<i class="ri-percent-line text-yellow-600 text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="font-bold text-lg text-gray-900 mb-2">毛利率压缩</h3>
|
||||
<p class="text-gray-600 text-sm">产能释放和竞争加剧将导致英伟达降价，代理商高毛利不可持续</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition-shadow">
|
||||
<div class="w-12 h-12 bg-amber-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<i class="ri-database-2-line text-amber-600 text-2xl"></i>
|
||||
</div>
|
||||
<h3 class="font-bold text-lg text-gray-900 mb-2">存货减值</h3>
|
||||
<p class="text-gray-600 text-sm">技术迭代极快，旧型号存货存在大幅减值风险</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Investment Advice -->
|
||||
<section class="py-16 gradient-bg text-white">
|
||||
<div class="container mx-auto px-6">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-4xl font-bold mb-4">投资启示</h2>
|
||||
<p class="text-xl opacity-90">聚焦转型，挖掘长期价值</p>
|
||||
</div>
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="glass-effect rounded-2xl p-8 text-gray-900">
|
||||
<div class="mb-8">
|
||||
<h3 class="text-2xl font-bold mb-4 flex items-center">
|
||||
<span class="w-8 h-8 bg-gradient-to-r from-purple-500 to-indigo-500 rounded-lg flex items-center justify-center mr-3">
|
||||
<i class="ri-lightbulb-line text-white"></i>
|
||||
</span>
|
||||
核心结论
|
||||
</h3>
|
||||
<p class="text-lg leading-relaxed text-gray-700">
|
||||
"英伟达代理"概念已进入去伪存真、分化加剧的阶段。最具投资价值的并非拥有标签的所有公司，而是那些正在积极构建第二、第三增长曲线的玩家。
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid md:grid-cols-2 gap-6 mb-8">
|
||||
<div class="bg-gradient-to-br from-purple-50 to-indigo-50 rounded-lg p-6">
|
||||
<h4 class="font-bold text-lg mb-3 text-purple-900">首选方向</h4>
|
||||
<p class="text-gray-700 mb-2">技术驱动的解决方案提供商</p>
|
||||
<ul class="space-y-1 text-sm text-gray-600">
|
||||
<li>• 中电港（边缘计算/机器人）</li>
|
||||
<li>• 弘信电子（精英级网络与计算）</li>
|
||||
</ul>
|
||||
<!-- Concept Events Timeline -->
|
||||
<section class="bento-item glass-card col-span-12 lg:col-span-6">
|
||||
<h2 class="fui-title text-2xl font-bold mb-4 text-indigo-300">核心催化时间轴</h2>
|
||||
<ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical">
|
||||
<li>
|
||||
<div class="timeline-middle">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-cyan-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.00-5.5z" clip-rule="evenodd"></path></svg>
|
||||
</div>
|
||||
<div class="bg-gradient-to-br from-blue-50 to-cyan-50 rounded-lg p-6">
|
||||
<h4 class="font-bold text-lg mb-3 text-blue-900">次选方向</h4>
|
||||
<p class="text-gray-700 mb-2">高端渠道垄断者</p>
|
||||
<ul class="space-y-1 text-sm text-gray-600">
|
||||
<li>• 紫光股份（总代理地位）</li>
|
||||
</ul>
|
||||
<div class="timeline-end md:text-left mb-6">
|
||||
<time class="font-mono italic text-sm text-slate-400">2024-08-28</time>
|
||||
<div class="text-lg font-black text-slate-200">NIM代理蓝图发布</div>
|
||||
英伟达推出官方框架，标志AI Agent从概念走向工程化。
|
||||
</div>
|
||||
<hr class="bg-indigo-500">
|
||||
</li>
|
||||
<li>
|
||||
<hr class="bg-indigo-500">
|
||||
<div class="timeline-middle">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-cyan-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.00-5.5z" clip-rule="evenodd"></path></svg>
|
||||
</div>
|
||||
<div class="timeline-end md:text-left mb-6">
|
||||
<time class="font-mono italic text-sm text-slate-400">2024-10-14</time>
|
||||
<div class="text-lg font-black text-slate-200">“1亿AI助手”愿景</div>
|
||||
黄仁勋提出内部署亿级AI助手，极大提升市场想象空间。
|
||||
</div>
|
||||
<hr class="bg-indigo-500">
|
||||
</li>
|
||||
<li>
|
||||
<hr class="bg-indigo-500">
|
||||
<div class="timeline-middle">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-cyan-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.00-5.5z" clip-rule="evenodd"></path></svg>
|
||||
</div>
|
||||
<div class="timeline-end md:text-left mb-6">
|
||||
<time class="font-mono italic text-sm text-slate-400">2025-03-20</time>
|
||||
<div class="text-lg font-black text-slate-200">确立“代理式AI”方向</div>
|
||||
黄仁勋在GTC大会明确AI发展路径，将Agentic AI确立为行业下一阶段。
|
||||
</div>
|
||||
<hr class="bg-indigo-500">
|
||||
</li>
|
||||
<li>
|
||||
<hr class="bg-indigo-500">
|
||||
<div class="timeline-middle">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-cyan-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.06 0l4.00-5.5z" clip-rule="evenodd"></path></svg>
|
||||
</div>
|
||||
<div class="timeline-end md:text-left">
|
||||
<time class="font-mono italic text-sm text-slate-400">2025-07-15</time>
|
||||
<div class="text-lg font-black text-slate-200">H20恢复销售</div>
|
||||
拥有H20代理权的杰美特股价上涨，凸显产品代理商的稀缺性和高弹性。
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Data Sources -->
|
||||
<section class="bento-item glass-card col-span-12 lg:col-span-6" x-data="{ tab: 'news' }">
|
||||
<h2 class="fui-title text-2xl font-bold mb-4 text-indigo-300">情报数据源分析</h2>
|
||||
<div role="tablist" class="tabs tabs-bordered tabs-lg">
|
||||
<a role="tab" class="tab" :class="{'tab-active-custom': tab === 'news'}" @click.prevent="tab = 'news'">新闻</a>
|
||||
<a role="tab" class="tab" :class="{'tab-active-custom': tab === 'roadshow'}" @click.prevent="tab = 'roadshow'">路演</a>
|
||||
<a role="tab" class="tab" :class="{'tab-active-custom': tab === 'research'}" @click.prevent="tab = 'research'">研报</a>
|
||||
</div>
|
||||
<div class="pt-4 text-sm space-y-3 leading-relaxed min-h-[300px]">
|
||||
<!-- News Content -->
|
||||
<div x-show="tab === 'news'" x-transition>
|
||||
<h4 class="font-bold text-slate-200 text-base">新闻中“代理”一词的三种语境：</h4>
|
||||
<ul class="list-decimal list-inside space-y-2 mt-2">
|
||||
<li><strong class="text-cyan-400">AI代理 (AI Agent):</strong>
|
||||
<blockquote>英伟达推出NIM代理蓝图，用于构建和部署生成式AI应用。黄仁勋称AI代理将为“100%的人完成50%的工作”，并计划在公司内部署1亿个AI助手。</blockquote>
|
||||
</li>
|
||||
<li><strong class="text-emerald-400">产品代理商/分销商:</strong>
|
||||
<blockquote>多家公司被明确提及为英伟达授权分销商。
|
||||
<strong>中电港:</strong> 代理Jetson产品，应用于机器人和低速无人车。
|
||||
<strong>杰美特:</strong> 通过并购思腾合力，获得H100/H800/H20的稀缺代理权。
|
||||
<strong>力源信息:</strong> 间接向英伟达供货。</blockquote>
|
||||
</li>
|
||||
<li><strong class="text-amber-400">法律诉讼中的代理:</strong>
|
||||
<blockquote>ParTec公司通过其授权代理在欧洲对英伟达提起专利侵权诉讼。</blockquote>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Roadshow Content -->
|
||||
<div x-show="tab === 'roadshow'" x-transition>
|
||||
<h4 class="font-bold text-slate-200 text-base">路演纪要中的核心信息：</h4>
|
||||
<ul class="list-decimal list-inside space-y-2 mt-2">
|
||||
<li><strong class="text-cyan-400">AI Agent驱动需求激增:</strong>
|
||||
<blockquote>“代理AI（如DeepSeek One）推动计算资源需求激增（单任务需数千倍标记量）。”、“推理/代理AI、主权AI、企业AI、物理AI与机器人成为主要增量需求”。AI正从生成式向代理式演进。</blockquote>
|
||||
</li>
|
||||
<li><strong class="text-emerald-400">合作伙伴与渠道模式:</strong>
|
||||
<blockquote>英伟达专注于核心技术，避免与ODM/OEM竞争。云服务商 (CSP) 是最重要的销售渠道，占数据中心收入50%，同比增长超3倍。微软、甲骨文等均大规模部署Blackwell GPU。</blockquote>
|
||||
</li>
|
||||
<li><strong class="text-amber-400">渠道挑战与应对策略:</strong>
|
||||
<blockquote>大型云厂商（微软、Meta、谷歌）均在推进自研推理芯片，以降低成本和依赖。英伟达可能通过<strong class="highlight-text">降低GPU毛利率、开放CUDA生态</strong>等方式与云厂商形成“高性价比合作模式”，避免被替代。</blockquote>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Research Content -->
|
||||
<div x-show="tab === 'research'" x-transition>
|
||||
<h4 class="font-bold text-slate-200 text-base">研报揭示的演进路径：</h4>
|
||||
<ul class="list-decimal list-inside space-y-2 mt-2">
|
||||
<li><strong class="text-cyan-400">代理式AI (Agentic AI) 是未来:</strong>
|
||||
<blockquote>黄仁勋明确AI发展路径：“感知式AI -> 生成式AI -> <strong>代理式AI (Agentic AI)</strong>”。随着推理向“智能体(Agentic)推理”演进，将驱动算力长期稳定需求。NIM微服务可加速构建AI Agents团队。</blockquote>
|
||||
</li>
|
||||
<li><strong class="text-sky-400">技术层面的代理逻辑:</strong>
|
||||
<blockquote>英伟达通过<strong class="highlight-text">动态分配GPU资源、智能调度</strong>等技术解决推理效率问题。NVLink等互联技术和Spectrum-X交换机为大规模代理服务提供网络基础设施，支持高达10万个GPU的集群扩展。</blockquote>
|
||||
</li>
|
||||
<li><strong class="text-emerald-400">商业层面的代理生态:</strong>
|
||||
<blockquote>研报建议关注亚康股份、神州数码等合作方。NIM的生态合作伙伴已达数百家，包括<strong class="text-cyan-300">平台商(Red Hat)、云伙伴(AWS, Azure)、MLOps工具(LangChain)、集成商(埃森哲, 德勤)和企业用户(Servicenow)</strong>。</blockquote>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Risks -->
|
||||
<section class="bento-item glass-card col-span-12 lg:col-span-7">
|
||||
<h2 class="fui-title text-2xl font-bold mb-4 text-amber-300">潜在风险与预期差</h2>
|
||||
<div class="space-y-4 text-slate-300 text-sm">
|
||||
<div>
|
||||
<h4 class="font-semibold text-lg text-amber-200 mb-2">预期差分析</h4>
|
||||
<ul class="list-disc list-inside space-y-2">
|
||||
<li><strong>代理商价值链地位:</strong> 市场普遍认为代理商业绩好，但忽略了英伟达新产品可能采用<strong class="highlight-text">“完整白盒设计”</strong>或允许大客户<strong class="highlight-text">“自行采购部件”</strong>，这可能侵蚀传统分销商的价值和毛利率。</li>
|
||||
<li><strong>CSP的双重角色:</strong> 市场视CSP为大客户，但忽略了他们也是<strong class="text-red-400">最强的潜在竞争对手</strong>。微软、谷歌、Meta均在推进自研推理芯片。</li>
|
||||
<li><strong>真“AI Agent”玩家尚未浮现:</strong> 市场追捧硬件分销商，但真正<strong class="text-cyan-300">构建Agent应用的企业</strong>（如ServiceNow, 埃森哲）尚未在A股形成明确投资主线。未来焦点可能从“卖铲人”转向“用铲人”。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="divider before:bg-slate-700 after:bg-slate-700"></div>
|
||||
<div>
|
||||
<h4 class="font-semibold text-lg text-red-300 mb-2">关键风险</h4>
|
||||
<ul class="list-disc list-inside space-y-2">
|
||||
<li><strong class="text-red-400">政策风险:</strong> 美国对华AI芯片的出口管制是悬在所有国内代理商头上的“达摩克利斯之剑”。</li>
|
||||
<li><strong class="text-red-400">竞争风险:</strong> CSP自研芯片是长期威胁。英伟达自身销售策略变化（如转向直销）也可能挤压代理商空间。</li>
|
||||
<li><strong class="text-red-400">商业化风险:</strong> AI Agent部署成本高昂。数据中心业务也可能面临类似游戏业务的<strong class="highlight-text">“渠道库存修正”</strong>周期。</li>
|
||||
<li><strong class="text-red-400">信息交叉验证风险:</strong> 路演揭示的新销售模式与关联公司作为“总代理”的乐观陈述之间存在<strong class="text-amber-300">潜在冲突</strong>。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Catalysts & Path -->
|
||||
<section class="bento-item glass-card col-span-12 lg:col-span-5">
|
||||
<h2 class="fui-title text-2xl font-bold mb-4 text-emerald-300">催化剂与发展路径</h2>
|
||||
<div class="space-y-4 text-slate-300 text-sm">
|
||||
<div>
|
||||
<h4 class="font-semibold text-lg text-emerald-200 mb-2">近期催化剂 (3-6个月)</h4>
|
||||
<ul class="list-disc list-inside space-y-1">
|
||||
<li><strong>NIM代理蓝图落地:</strong> 标杆企业成功部署，引爆商业化热情。</li>
|
||||
<li><strong>新一代芯片发布:</strong> Rubin平台等的发布与销售策略将直接影响代理商预期。</li>
|
||||
<li><strong>关键AI应用突破:</strong> 如人形机器人展示出高级自主决策能力。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="divider before:bg-slate-700 after:bg-slate-700"></div>
|
||||
<div>
|
||||
<h4 class="font-semibold text-lg text-sky-200 mb-2">长期发展路径</h4>
|
||||
<ol class="list-decimal list-inside space-y-2">
|
||||
<li><strong class="text-slate-100">阶段一 (当前): 硬件为王。</strong>
|
||||
<p class="pl-2">以产品代理商为主角，分享AI军备竞赛红利。</p>
|
||||
</li>
|
||||
<li><strong class="text-slate-100">阶段二: 软硬一体。</strong>
|
||||
<p class="pl-2">有技术实力的代理商转型为<strong class="highlight-text">“AI Agent解决方案”</strong>提供商，业务从“分销”升级为“价值集成”。</p>
|
||||
</li>
|
||||
<li><strong class="text-slate-100">阶段三: 生态繁荣。</strong>
|
||||
<p class="pl-2">AI Agent成为基础设施，概念核心转向软件和服务，投资逻辑类似SaaS服务商。</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Core Companies & Conclusion -->
|
||||
<section class="bento-item glass-card col-span-12 accent-glow">
|
||||
<h2 class="fui-title text-2xl font-bold mb-4 text-cyan-300">产业链核心公司 & 投资启示</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="prose prose-invert prose-sm max-w-none">
|
||||
<p><strong>综合结论：</strong>“英伟达代理”概念处于双轨驱动阶段。<strong>产品代理商</strong>逻辑进入基本面驱动，而<strong>AI Agent</strong>逻辑仍处于主题孵化期。当前投资行为更多是借AI Agent的“名”，行交易产品代理商之“实”。</p>
|
||||
<p><strong>最具投资价值环节：</strong></p>
|
||||
<ul>
|
||||
<li><strong>短期 (6-12个月):</strong> 具备 <strong class="highlight-text">高端、稀缺芯片 (如H20/B100) 代理权</strong> 的公司，业绩弹性最大。 (代表: <strong>杰美特</strong>)</li>
|
||||
<li><strong>中长期 (1-3年):</strong> 能从纯硬件分销转型为 <strong class="highlight-text">基于NIM平台的AI Agent解决方案集成商</strong> 的公司，将打开新增长曲线。 (代表: <strong>弘信电子、紫光股份</strong>等潜力者)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table table-sm">
|
||||
<thead>
|
||||
<tr class="border-b border-slate-700">
|
||||
<th class="bg-transparent text-slate-300">股票名称</th>
|
||||
<th class="bg-transparent text-slate-300">核心逻辑</th>
|
||||
<th class="bg-transparent text-slate-300">信源</th>
|
||||
<th class="bg-transparent text-slate-300">定位分析</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
|
||||
<td><a href="https://valuefrontier.cn/company?scode=000938" target="_blank" class="link link-hover text-indigo-300 font-bold">紫光股份 (000938)</a></td>
|
||||
<td>旗下紫光晓通为英伟达中国区总代理，产品线最全。</td>
|
||||
<td>官网</td>
|
||||
<td class="text-cyan-400">逻辑最纯粹的“总代理”，中国区业务晴雨表。</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
|
||||
<td><a href="https://valuefrontier.cn/company?scode=300657" target="_blank" class="link link-hover text-indigo-300 font-bold">弘信电子 (300657)</a></td>
|
||||
<td>子公司安联通为NVIDIA双Elite精英级合作伙伴，算力领域最高级别。</td>
|
||||
<td>互动</td>
|
||||
<td class="text-cyan-400">向“解决方案”进阶的探索者，技术能力获高度认可。</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-800 hover:bg-slate-800/50">
|
||||
<td><a href="https://valuefrontier.cn/company?scode=001287" target="_blank" class="link link-hover text-indigo-300 font-bold">中电港 (001287)</a></td>
|
||||
<td>代理英伟达半导体品牌，聚焦Jetson平台。</td>
|
||||
<td>调研</td>
|
||||
<td class="text-cyan-400">差异化竞争的“专家”，深耕机器人与边缘计算。</td>
|
||||
</tr>
|
||||
<tr class="border-b-0 hover:bg-slate-800/50">
|
||||
<td><a href="https://valuefrontier.cn/company?scode=000034" target="_blank" class="link link-hover text-indigo-300 font-bold">神州数码 (000034)</a></td>
|
||||
<td>英伟达的分销合作伙伴。</td>
|
||||
<td>互动</td>
|
||||
<td class="text-cyan-400">综合IT分销商，渠道覆盖广。</td>
|
||||
</tr>
|
||||
<!-- Note: 杰美特 is mentioned in insight but not in the core stock list, it comes from news data. I'll add it based on the insight's emphasis. -->
|
||||
<tr class="border-b-0 hover:bg-slate-800/50">
|
||||
<td><a href="https://valuefrontier.cn/company?scode=300868" target="_blank" class="link link-hover text-indigo-300 font-bold">杰美特 (300868)</a></td>
|
||||
<td>通过并购思腾合力，获H100/H800/H20等高端产品代理权。</td>
|
||||
<td>新闻</td>
|
||||
<td class="text-red-400 font-bold">高弹性“新贵”，直接受益于高端芯片稀缺性。</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Rise Analysis Supplement -->
|
||||
<section class="col-span-12">
|
||||
<h2 class="fui-title text-2xl font-bold mb-4 mt-8 text-slate-300">涨幅异动归因分析补充</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
|
||||
<div class="card glass-card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-lg"><a href="https://valuefrontier.cn/company?scode=300868" target="_blank" class="link link-hover">杰美特 (300868)</a> <span class="badge badge-accent">+5.90%</span></h3>
|
||||
<p class="text-sm text-slate-400">2025-07-15</p>
|
||||
<p class="text-sm"><strong>核心驱动:</strong> 英伟达官宣恢复H20在中国销售的重大利好。公司通过并购思腾合力，是国内少数几家拥有H20代理权的公司，成为直接受益者。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-t pt-6">
|
||||
<h4 class="font-bold text-lg mb-4">重点跟踪指标</h4>
|
||||
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-gradient-to-br from-purple-500 to-indigo-500 rounded-full flex items-center justify-center mx-auto mb-2">
|
||||
<i class="ri-funds-line text-white text-2xl"></i>
|
||||
</div>
|
||||
<p class="text-sm font-medium">AI业务占比</p>
|
||||
<p class="text-xs text-gray-600">营收增速与毛利率</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-full flex items-center justify-center mx-auto mb-2">
|
||||
<i class="ri-rocket-2-line text-white text-2xl"></i>
|
||||
</div>
|
||||
<p class="text-sm font-medium">新产品发布</p>
|
||||
<p class="text-xs text-gray-600">解决方案落地情况</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-gradient-to-br from-green-500 to-emerald-500 rounded-full flex items-center justify-center mx-auto mb-2">
|
||||
<i class="ri-earth-line text-white text-2xl"></i>
|
||||
</div>
|
||||
<p class="text-sm font-medium">地缘政治</p>
|
||||
<p class="text-xs text-gray-600">出口管制政策</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-gradient-to-br from-amber-500 to-orange-500 rounded-full flex items-center justify-center mx-auto mb-2">
|
||||
<i class="ri-bank-card-line text-white text-2xl"></i>
|
||||
</div>
|
||||
<p class="text-sm font-medium">CapEx结构</p>
|
||||
<p class="text-xs text-gray-600">云厂商支出变化</p>
|
||||
</div>
|
||||
|
||||
<div class="card glass-card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-lg"><a href="https://valuefrontier.cn/company?scode=002815" target="_blank" class="link link-hover">崇达技术 (002815)</a> <span class="badge badge-accent">+7.94%</span></h3>
|
||||
<p class="text-sm text-slate-400">2025-08-18</p>
|
||||
<p class="text-sm"><strong>核心驱动:</strong> 市场传闻公司确认切入英伟达GB200供应链。作为PCB制造商，在AI算力需求爆发背景下，直接受益于AI服务器等高端设备放量。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card glass-card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-lg"><a href="https://valuefrontier.cn/company?scode=300179" target="_blank" class="link link-hover">四方达 (300179)</a> <span class="badge badge-error">+19.99%</span></h3>
|
||||
<p class="text-sm text-slate-400">2025-11-11</p>
|
||||
<p class="text-sm"><strong>核心驱动:</strong> “出口松绑 + 英伟达2026无人车散热定点”双催化。公司CVD金刚石散热衬底送样半导体大客户，与英伟达Rubin平台及特斯拉无人车时间线匹配。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="bg-gray-900 text-gray-300 py-12">
|
||||
<div class="container mx-auto px-6">
|
||||
<div class="text-center">
|
||||
<p class="text-sm opacity-75">本页面信息仅供参考，不构成投资建议</p>
|
||||
<p class="text-xs mt-2 opacity-50">数据来源：公开新闻、路演报告、市场研究 | 更新时间：2025年10月</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="card glass-card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-lg"><a href="https://valuefrontier.cn/company?scode=300602" target="_blank" class="link link-hover">飞荣达 (300602)</a> <span class="badge badge-accent">+8.31%</span></h3>
|
||||
<p class="text-sm text-slate-400">2025-08-05</p>
|
||||
<p class="text-sm"><strong>核心驱动:</strong> 潜在催化剂为公司通过英伟达供应商资格认证。同时，公司在液冷散热领域的技术能力（3D VC模组）迎合高算力AI服务器散热需求。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card glass-card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-lg"><a href="https://valuefrontier.cn/company?scode=688255" target="_blank" class="link link-hover">凯尔达 (688255)</a> <span class="badge badge-accent">+5.95%</span></h3>
|
||||
<p class="text-sm text-slate-400">2025-06-24</p>
|
||||
<p class="text-sm"><strong>核心驱动:</strong> 行业利好，英伟达表态“机器人是下一个机会”，带动机器人概念股。公司作为焊接机器人核心供应商，直接受益于行业热度提升。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card glass-card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-lg"><a href="https://valuefrontier.cn/company?scode=301458" target="_blank" class="link link-hover">钧崴电子 (301458)</a> <span class="badge badge-accent">+6.33%</span></h3>
|
||||
<p class="text-sm text-slate-400">2025-07-10</p>
|
||||
<p class="text-sm"><strong>核心驱动:</strong> 英伟达供应链概念，被市场认为是英伟达GB300的被动元件供应商。受益于英伟达股价创新高及中国供应链本土化预期。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Smooth scroll behavior
|
||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||||
anchor.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||||
behavior: 'smooth'
|
||||
});
|
||||
});
|
||||
});
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var chartDom = document.getElementById('duality-chart');
|
||||
var myChart = echarts.init(chartDom, 'dark');
|
||||
var option;
|
||||
|
||||
// Intersection Observer for animations
|
||||
const observerOptions = {
|
||||
threshold: 0.1,
|
||||
rootMargin: '0px 0px -50px 0px'
|
||||
};
|
||||
option = {
|
||||
backgroundColor: 'transparent',
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{b}: <br/>{c}%'
|
||||
},
|
||||
legend: {
|
||||
show: false
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '概念构成',
|
||||
type: 'pie',
|
||||
radius: ['50%', '80%'],
|
||||
avoidLabelOverlap: false,
|
||||
itemStyle: {
|
||||
borderRadius: 10,
|
||||
borderColor: '#0a0a1a',
|
||||
borderWidth: 2
|
||||
},
|
||||
label: {
|
||||
show: false,
|
||||
position: 'center'
|
||||
},
|
||||
emphasis: {
|
||||
label: {
|
||||
show: true,
|
||||
fontSize: 16,
|
||||
fontWeight: 'bold'
|
||||
}
|
||||
},
|
||||
labelLine: {
|
||||
show: false
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: 65,
|
||||
name: '产品代理\n(商业现实)',
|
||||
itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#10b981' }, { offset: 1, color: '#34d399' }]) }
|
||||
},
|
||||
{
|
||||
value: 35,
|
||||
name: 'AI Agent\n(技术叙事)',
|
||||
itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#6366f1' }, { offset: 1, color: '#818cf8' }]) }
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.style.opacity = '1';
|
||||
entry.target.style.transform = 'translateY(0)';
|
||||
}
|
||||
});
|
||||
}, observerOptions);
|
||||
|
||||
document.querySelectorAll('.card-hover').forEach(el => {
|
||||
el.style.opacity = '0';
|
||||
el.style.transform = 'translateY(20px)';
|
||||
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
|
||||
observer.observe(el);
|
||||
option && myChart.setOption(option);
|
||||
window.addEventListener('resize', myChart.resize);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
Reference in New Issue
Block a user