Files
vf_react/public/htmls/上海浦江数链.html
2025-10-11 16:16:02 +08:00

810 lines
31 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">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>上海浦江数链 - 区块链数字底座与RWA基础设施</title>
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- Tailwind CSS -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<!-- DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', 'Inter', sans-serif;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
color: #e2e8f0;
min-height: 100vh;
}
.card {
background: rgba(30, 41, 59, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(148, 163, 184, 0.1);
transition: all 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}
.gradient-text {
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.table-container {
overflow-x: auto;
}
.table {
width: 100%;
border-collapse: collapse;
}
.table th, .table td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.table th {
background-color: rgba(30, 41, 59, 0.9);
font-weight: 600;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 0.05em;
color: #94a3b8;
}
.table tbody tr:hover {
background-color: rgba(51, 65, 85, 0.5);
}
.badge {
display: inline-block;
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
font-weight: 500;
border-radius: 0.25rem;
}
.badge-primary {
background-color: rgba(59, 130, 246, 0.2);
color: #3b82f6;
}
.badge-success {
background-color: rgba(16, 185, 129, 0.2);
color: #10b981;
}
.badge-warning {
background-color: rgba(245, 158, 11, 0.2);
color: #f59e0b;
}
.timeline-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #3b82f6;
position: absolute;
left: -6px;
top: 6px;
}
.timeline-line {
position: absolute;
left: 0;
top: 18px;
bottom: -18px;
width: 1px;
background-color: rgba(148, 163, 184, 0.2);
}
.timeline-item:last-child .timeline-line {
display: none;
}
.highlight-box {
background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
border-left: 4px solid #3b82f6;
padding: 1rem;
border-radius: 0.5rem;
margin: 1rem 0;
}
.progress-bar {
height: 4px;
background-color: rgba(148, 163, 184, 0.2);
border-radius: 2px;
overflow: hidden;
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
}
@media (max-width: 768px) {
.table-container {
margin: 0 -1rem;
padding: 0 1rem;
}
.card {
margin-bottom: 1rem;
}
}
.particle-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
</style>
</head>
<body>
<div id="particles-js" class="particle-bg"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">上海浦江数链</h1>
<p class="text-lg text-slate-300 max-w-3xl mx-auto">全国产区块链数字底座 · 上海自贸区人民币稳定币(RWA)的数字基础设施</p>
</div>
<!-- 概念事件部分 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-calendar-alt mr-3 text-blue-500"></i>
概念事件
</h2>
<div class="space-y-6">
<div class="highlight-box">
<h3 class="text-lg font-semibold mb-2">背景与催化事件</h3>
<p class="text-slate-300">
上海浦江数链(简称"浦江数链")是由<strong>上海数据集团牵头</strong>,联合<strong>蚂蚁链、中远海科、市北高新等9家企业</strong>于2024年共同设立的<strong>全国产区块链数字底座</strong>,定位为上海自贸区<strong>人民币稳定币RWA的数字基础设施</strong>
</p>
</div>
<div class="relative pl-8">
<div class="timeline-item relative mb-6">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-slate-800 p-4 rounded-lg">
<div class="flex items-center mb-2">
<span class="badge badge-primary mr-2">2024年10月</span>
<h4 class="font-semibold">静安"数通链谷"启动</h4>
</div>
<p class="text-slate-300 text-sm">每月新增3家区块链企业落户浦江数链成为核心载体。</p>
</div>
</div>
<div class="timeline-item relative mb-6">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-slate-800 p-4 rounded-lg">
<div class="flex items-center mb-2">
<span class="badge badge-primary mr-2">2025年7月</span>
<h4 class="font-semibold">中远海科央行案例</h4>
</div>
<p class="text-slate-300 text-sm"><strong>直接持股7%</strong>的中远海科宣布其"航运供应链区块链存证平台"被央行列为上海<strong>首个结构性货币政策工具创新案例</strong>,明确将参与<strong>人民币稳定币航贸场景试点</strong></p>
</div>
</div>
<div class="timeline-item relative mb-6">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-slate-800 p-4 rounded-lg">
<div class="flex items-center mb-2">
<span class="badge badge-primary mr-2">2025年7月</span>
<h4 class="font-semibold">蚂蚁链技术升级</h4>
</div>
<p class="text-slate-300 text-sm">蚂蚁链推出<strong>Jovay区块链平台</strong>专为RWA交易设计与浦江数链形成技术协同。</p>
</div>
</div>
<div class="timeline-item relative">
<div class="timeline-dot"></div>
<div class="bg-slate-800 p-4 rounded-lg">
<div class="flex items-center mb-2">
<span class="badge badge-primary mr-2">2025年4月</span>
<h4 class="font-semibold">智能终端出海联合体</h4>
</div>
<p class="text-slate-300 text-sm">浦江数链参与发起<strong>"智能终端出海服务创新联合体"</strong>,与三大运营商共建跨境数据服务生态。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要部分 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-lightbulb mr-3 text-yellow-500"></i>
核心观点摘要
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-slate-800 p-5 rounded-lg">
<h3 class="text-lg font-semibold mb-3 text-blue-400">阶段判断</h3>
<p class="text-slate-300">
浦江数链处于<strong>政策驱动向商业化落地过渡</strong>的关键阶段,短期催化密集(央行试点+蚂蚁链技术升级),长期潜力取决于<strong>RWA真实世界资产代币化</strong>在上海自贸区的规模化应用。
</p>
</div>
<div class="bg-slate-800 p-5 rounded-lg">
<h3 class="text-lg font-semibold mb-3 text-purple-400">核心驱动力</h3>
<ul class="text-slate-300 space-y-2">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span><strong>政策背书</strong>(央行首个试点案例)</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span><strong>技术整合</strong>(蚂蚁链高性能平台)</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
<span><strong>场景稀缺性</strong>(航运贸易稳定币)</span>
</li>
</ul>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析部分 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-brain mr-3 text-purple-500"></i>
核心逻辑与市场认知分析
</h2>
<div class="grid md:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">核心驱动力</h3>
<div class="space-y-4">
<div class="bg-slate-800 p-4 rounded-lg">
<h4 class="font-semibold mb-2 flex items-center">
<i class="fas fa-landmark mr-2 text-red-400"></i>
政策红利
</h4>
<p class="text-slate-300 text-sm">
央行将中远海科项目列为<strong>上海自贸区货币政策创新首个案例</strong>,明确指向<strong>人民币稳定币</strong>在航贸场景的试点,浦江数链是<strong>唯一指定数字底座</strong>
</p>
</div>
<div class="bg-slate-800 p-4 rounded-lg">
<h4 class="font-semibold mb-2 flex items-center">
<i class="fas fa-microchip mr-2 text-green-400"></i>
技术壁垒
</h4>
<p class="text-slate-300 text-sm">
蚂蚁链Jovay平台支持<strong>10万TPS</strong><strong>100毫秒响应</strong>解决RWA交易效率瓶颈与浦江数链形成<strong>"技术+场景"闭环</strong>
</p>
</div>
<div class="bg-slate-800 p-4 rounded-lg">
<h4 class="font-semibold mb-2 flex items-center">
<i class="fas fa-chart-line mr-2 text-yellow-400"></i>
需求验证
</h4>
<p class="text-slate-300 text-sm">
中远海科"船视宝"数据产品已接入<strong>上海数据交易所</strong>,累计调用<strong>近4亿次</strong>,为稳定币提供<strong>高频数据锚定</strong>
</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-purple-400">市场认知与预期差</h3>
<div class="space-y-4">
<div class="bg-slate-800 p-4 rounded-lg">
<h4 class="font-semibold mb-2 flex items-center">
<i class="fas fa-fire mr-2 text-orange-400"></i>
市场热度与情绪
</h4>
<p class="text-slate-300 text-sm">
<strong>新闻热度</strong>2025年7月相关报道提及"上海稳定币"概念,类比<strong>香港RWA翻倍行情</strong>,市场情绪<strong>极度乐观</strong>
</p>
<p class="text-slate-300 text-sm mt-2">
<strong>研报空白</strong>:交运/地产等传统行业周报<strong>均未覆盖</strong>浦江数链,显示<strong>认知盲区</strong>——市场仍将其视为<strong>区块链主题炒作</strong>,而非<strong>RWA基础设施</strong>
</p>
</div>
<div class="bg-slate-800 p-4 rounded-lg">
<h4 class="font-semibold mb-2 flex items-center">
<i class="fas fa-exchange-alt mr-2 text-cyan-400"></i>
预期差分析
</h4>
<p class="text-slate-300 text-sm">
<strong>市场共识</strong>:认为浦江数链是"区块链+自贸区"概念,缺乏实际落地场景。
</p>
<p class="text-slate-300 text-sm mt-2">
<strong>预期差</strong>:央行案例明确指向<strong>航运贸易稳定币</strong>,而中远海科(<strong>市值最小持股方</strong>)的<strong>船视宝数据</strong>已具备<strong>商业化基础</strong><strong>市场低估其数据变现能力</strong>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径部分 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-rocket mr-3 text-red-500"></i>
关键催化剂与未来发展路径
</h2>
<div class="grid md:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-semibold mb-4 text-green-400">近期催化剂3-6个月</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-green-500 bg-opacity-20 flex items-center justify-center mr-3">
<span class="text-green-400 font-bold">1</span>
</div>
<div>
<h4 class="font-semibold">央行试点落地</h4>
<p class="text-slate-300 text-sm mt-1">
上海自贸区<strong>人民币稳定币航贸场景</strong>细则发布,中远海科或成为<strong>首批运营方</strong>
</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-green-500 bg-opacity-20 flex items-center justify-center mr-3">
<span class="text-green-400 font-bold">2</span>
</div>
<div>
<h4 class="font-semibold">蚂蚁链技术升级</h4>
<p class="text-slate-300 text-sm mt-1">
Jovay平台<strong>开源DTVM虚拟机</strong>,降低开发者门槛,推动<strong>RWA生态扩张</strong>
</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-green-500 bg-opacity-20 flex items-center justify-center mr-3">
<span class="text-green-400 font-bold">3</span>
</div>
<div>
<h4 class="font-semibold">数据交易所合作</h4>
<p class="text-slate-300 text-sm mt-1">
上海数交所与浦江数链<strong>数据资产入表</strong>试点,<strong>船视宝</strong>或成为<strong>首个链上数据产品</strong>
</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">长期路径2025-2027</h3>
<div class="space-y-4">
<div class="bg-slate-800 p-4 rounded-lg">
<div class="flex items-center mb-2">
<span class="badge badge-primary mr-2">阶段12025</span>
<h4 class="font-semibold">航运贸易稳定币试点</h4>
</div>
<p class="text-slate-300 text-sm">
<strong>中远海科</strong>验证盈利模式(数据服务费+交易分成)。
</p>
</div>
<div class="bg-slate-800 p-4 rounded-lg">
<div class="flex items-center mb-2">
<span class="badge badge-primary mr-2">阶段22026</span>
<h4 class="font-semibold">扩展应用场景</h4>
</div>
<p class="text-slate-300 text-sm">
扩展至<strong>跨境电商</strong>(智能终端出海联合体)、<strong>供应链金融</strong>(市北高新园区企业)。
</p>
</div>
<div class="bg-slate-800 p-4 rounded-lg">
<div class="flex items-center mb-2">
<span class="badge badge-primary mr-2">阶段32027</span>
<h4 class="font-semibold">国家级RWA枢纽</h4>
</div>
<p class="text-slate-300 text-sm">
成为<strong>国家级RWA枢纽</strong>,对接<strong>数字人民币</strong>跨境支付系统。
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析部分 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-project-diagram mr-3 text-indigo-500"></i>
产业链与核心公司深度剖析
</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4 text-blue-400">产业链图谱</h3>
<div class="grid md:grid-cols-3 gap-4">
<div class="bg-slate-800 p-5 rounded-lg text-center">
<div class="w-16 h-16 rounded-full bg-blue-500 bg-opacity-20 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-database text-2xl text-blue-400"></i>
</div>
<h4 class="font-semibold mb-2">上游</h4>
<p class="text-slate-300 text-sm">
数据提供方(中远海科船视宝、国家电网企业电智慧)
</p>
</div>
<div class="bg-slate-800 p-5 rounded-lg text-center">
<div class="w-16 h-16 rounded-full bg-purple-500 bg-opacity-20 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-link text-2xl text-purple-400"></i>
</div>
<h4 class="font-semibold mb-2">中游</h4>
<p class="text-slate-300 text-sm">
区块链平台浦江数链、蚂蚁链Jovay
</p>
</div>
<div class="bg-slate-800 p-5 rounded-lg text-center">
<div class="w-16 h-16 rounded-full bg-green-500 bg-opacity-20 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-ship text-2xl text-green-400"></i>
</div>
<h4 class="font-semibold mb-2">下游</h4>
<p class="text-slate-300 text-sm">
应用场景(航运贸易、跨境电商、供应链金融)
</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-purple-400">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th>公司</th>
<th>角色</th>
<th>竞争优势</th>
<th>风险点</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-semibold">中远海科</td>
<td>数据提供+运营方</td>
<td><strong>央行案例唯一标的</strong>+<strong>船视宝数据垄断</strong></td>
<td>试点规模不及预期</td>
</tr>
<tr>
<td class="font-semibold">市北高新</td>
<td>园区载体</td>
<td><strong>参股6%浦江数链</strong>+<strong>静安数通链谷</strong></td>
<td><strong>不参与经营</strong>,收益有限</td>
</tr>
<tr>
<td class="font-semibold">蚂蚁链</td>
<td>技术提供方</td>
<td><strong>Jovay平台性能领先</strong></td>
<td>技术开源后竞争加剧</td>
</tr>
</tbody>
</table>
</div>
<div class="mt-6 grid md:grid-cols-2 gap-6">
<div class="bg-slate-800 p-4 rounded-lg">
<h4 class="font-semibold mb-2 flex items-center">
<i class="fas fa-check-circle text-green-500 mr-2"></i>
验证与证伪
</h4>
<p class="text-slate-300 text-sm">
<strong>数据印证</strong>:中远海科船视宝<strong>累计调用4亿次</strong>,验证数据需求真实性。
</p>
<p class="text-slate-300 text-sm mt-2">
<strong>风险信号</strong>:市北高新公告<strong>"未开展稳定币业务"</strong>,提示<strong>概念炒作风险</strong>
</p>
</div>
</div>
</div>
</div>
<!-- 潜在风险与挑战部分 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-exclamation-triangle mr-3 text-yellow-500"></i>
潜在风险与挑战
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-slate-800 p-5 rounded-lg">
<h3 class="font-semibold mb-3 text-red-400 flex items-center">
<i class="fas fa-shield-alt mr-2"></i>
技术风险
</h3>
<p class="text-slate-300 text-sm">
RWA交易需<strong>合规数据脱敏</strong>,船视宝<strong>290亿条船位数据</strong>涉及<strong>跨境隐私</strong>问题。
</p>
</div>
<div class="bg-slate-800 p-5 rounded-lg">
<h3 class="font-semibold mb-3 text-red-400 flex items-center">
<i class="fas fa-coins mr-2"></i>
商业化风险
</h3>
<p class="text-slate-300 text-sm">
稳定币需<strong>央行审批</strong>,若政策收紧,<strong>场景落地延迟</strong>
</p>
</div>
<div class="bg-slate-800 p-5 rounded-lg">
<h3 class="font-semibold mb-3 text-red-400 flex items-center">
<i class="fas fa-chess mr-2"></i>
竞争风险
</h3>
<p class="text-slate-300 text-sm">
腾讯、华为等巨头或推出<strong>替代性区块链平台</strong>
</p>
</div>
<div class="bg-slate-800 p-5 rounded-lg">
<h3 class="font-semibold mb-3 text-red-400 flex items-center">
<i class="fas fa-balance-scale mr-2"></i>
信息矛盾
</h3>
<p class="text-slate-300 text-sm">
新闻称中远海科为<strong>"最正标的"</strong>,但市北高新<strong>否认参与经营</strong>,需跟踪<strong>股权结构变动</strong>
</p>
</div>
</div>
</div>
<!-- 综合结论与投资启示部分 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-chart-pie mr-3 text-green-500"></i>
综合结论与投资启示
</h2>
<div class="space-y-6">
<div class="highlight-box">
<h3 class="text-lg font-semibold mb-2">阶段判断</h3>
<p class="text-slate-300">
浦江数链处于<strong>"政策验证期"</strong>,短期看<strong>央行试点落地</strong>,长期看<strong>RWA生态扩张</strong>
</p>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">投资方向</h3>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-slate-800 p-5 rounded-lg border-l-4 border-green-500">
<h4 class="font-semibold mb-2 flex items-center">
<i class="fas fa-star text-green-500 mr-2"></i>
最纯标的
</h4>
<p class="text-slate-300">
<strong>中远海科</strong>直接持股7%+央行案例绑定),<strong>数据变现弹性最大</strong>
</p>
</div>
<div class="bg-slate-800 p-5 rounded-lg border-l-4 border-blue-500">
<h4 class="font-semibold mb-2 flex items-center">
<i class="fas fa-building text-blue-500 mr-2"></i>
园区红利
</h4>
<p class="text-slate-300">
<strong>市北高新</strong>(静安数通链谷载体),<strong>租金+股权收益双轮驱动</strong>
</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-purple-400">跟踪指标</h3>
<div class="space-y-3">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-purple-500 bg-opacity-20 flex items-center justify-center mr-3">
<i class="fas fa-calendar text-purple-400"></i>
</div>
<div>
<h4 class="font-semibold">央行试点细则发布时间</h4>
<p class="text-slate-300 text-sm">2025Q3前</p>
</div>
</div>
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-purple-500 bg-opacity-20 flex items-center justify-center mr-3">
<i class="fas fa-chart-line text-purple-400"></i>
</div>
<div>
<h4 class="font-semibold">船视宝链上调用次数</h4>
<p class="text-slate-300 text-sm">(季度环比增速>50%为爆发信号)</p>
</div>
</div>
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-purple-500 bg-opacity-20 flex items-center justify-center mr-3">
<i class="fas fa-users text-purple-400"></i>
</div>
<div>
<h4 class="font-semibold">蚂蚁链Jovay平台开发者数量</h4>
<p class="text-slate-300 text-sm">(生态活跃度指标)</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 关联股票数据表格部分 -->
<div class="card rounded-xl p-6">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-table mr-3 text-cyan-500"></i>
关联股票数据
</h2>
<div class="table-container">
<table class="table">
<thead>
<tr>
<th>股票名称</th>
<th>持股比例</th>
<th>行业</th>
<th>持股类型</th>
<th>合作项目/合作方</th>
<th>关联原因</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-semibold">中远海科</td>
<td><span class="badge badge-success">7%</span></td>
<td>工商</td>
<td>直接持股</td>
<td>-</td>
<td>直接持有上海浦江数链7%股份</td>
</tr>
<tr>
<td class="font-semibold">市北高新</td>
<td><span class="badge badge-success">6%</span></td>
<td>工商</td>
<td>直接持股</td>
<td>-</td>
<td>直接持有上海浦江数链6%股份</td>
</tr>
<tr>
<td class="font-semibold">中国太保</td>
<td><span class="badge badge-success">6%</span></td>
<td>工商</td>
<td>直接持股</td>
<td>-</td>
<td>直接持有上海浦江数链6%股份</td>
</tr>
<tr>
<td class="font-semibold">东方明珠</td>
<td><span class="badge badge-warning">2.13%</span></td>
<td>工商</td>
<td>间接持股</td>
<td>-</td>
<td>间接持有上海浦江数链2.13%股份</td>
</tr>
<tr>
<td class="font-semibold">泛微网络</td>
<td><span class="badge badge-warning">1.5%</span></td>
<td>工商</td>
<td>间接持股</td>
<td>-</td>
<td>间接持有上海浦江数链1.5%股份</td>
</tr>
<tr>
<td class="font-semibold">兰生股份</td>
<td>-</td>
<td>官媒</td>
<td>-</td>
<td>智贸链通出口贸易数据上链联合发布会</td>
<td>与东浩兰生国贸集团联合举办智贸链通项目发布会</td>
</tr>
<tr>
<td class="font-semibold">万达信息</td>
<td>-</td>
<td>公告</td>
<td>区块链技术合作</td>
<td>长安链、浦江数链、BSN等区块链能力合作</td>
<td>与国内顶级区块链平台长安链、BSN等合作</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
// 初始化粒子背景
tsParticles.load("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#3b82f6"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: false
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#8b5cf6",
opacity: 0.4,
width: 1
},
move: {
enable: true,
speed: 2,
direction: "none",
random: false,
straight: false,
out_mode: "out",
bounce: false
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "grab"
},
onclick: {
enable: true,
mode: "push"
},
resize: true
},
modes: {
grab: {
distance: 140,
line_linked: {
opacity: 1
}
},
push: {
particles_nb: 4
}
}
},
retina_detect: true
});
</script>
</body>
</html>
```