Files
vf_react/public/htmls/树图链概念.html
2025-10-11 16:16:02 +08:00

656 lines
30 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<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/tsparticles@3/tsparticles.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
<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%);
min-height: 100vh;
position: relative;
overflow-x: hidden;
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.content-wrapper {
position: relative;
z-index: 1;
}
.gradient-text {
background: linear-gradient(135deg, #60a5fa 0%, #818cf8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.card-glass {
background: rgba(30, 41, 59, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(148, 163, 184, 0.1);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-container {
font-size: 0.875rem;
}
.card-body {
padding: 1rem;
}
}
.timeline-dot {
width: 12px;
height: 12px;
background-color: #60a5fa;
border-radius: 50%;
display: inline-block;
margin-right: 8px;
}
.highlight-box {
background: linear-gradient(135deg, rgba(96, 165, 250, 0.1) 0%, rgba(129, 140, 248, 0.1) 100%);
border-left: 4px solid #60a5fa;
padding: 1rem;
margin: 1rem 0;
border-radius: 0.375rem;
}
.tag {
display: inline-block;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
font-size: 0.75rem;
font-weight: 500;
margin: 0.25rem;
}
.tag-blue {
background-color: rgba(96, 165, 250, 0.2);
color: #93c5fd;
}
.tag-purple {
background-color: rgba(129, 140, 248, 0.2);
color: #a5b4fc;
}
.tag-green {
background-color: rgba(52, 211, 153, 0.2);
color: #6ee7b7;
}
</style>
</head>
<body>
<div id="particles-js"></div>
<div class="content-wrapper py-8 px-4 md:px-8">
<!-- 标题区域 -->
<div class="text-center mb-10">
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4">树图链概念分析报告</h1>
<p class="text-lg text-slate-300 max-w-3xl mx-auto">
中国自主研发的高性能公链系统,定位为"自主可控的区块链高速公路"
</p>
</div>
<!-- 概念事件 -->
<div class="card-glass rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
<i class="fas fa-calendar-alt mr-3 text-blue-400"></i>
概念事件
</h2>
<div class="text-slate-300 space-y-4">
<div class="highlight-box">
<h3 class="text-lg font-semibold text-white mb-2">背景与催化事件</h3>
<p>树图链Conflux是中国自主研发的<strong class="text-blue-300">高性能公链系统</strong>,定位为"自主可控的区块链高速公路"。2025年7月18-20日<strong class="text-blue-300">Conflux树图技术与生态发展大会</strong>在上海举行,发布<strong class="text-blue-300">树图公链3.0</strong>,宣布技术全面升级,支持<strong class="text-blue-300">15000TPS</strong>比特币的428倍、以太坊的75倍并原生集成AI智能体链上调用功能。</p>
</div>
<div>
<h3 class="text-lg font-semibold text-white mb-3">时间轴</h3>
<div class="space-y-3">
<div class="flex items-start">
<span class="timeline-dot mt-1.5"></span>
<div>
<span class="font-semibold text-blue-300">2025-07-20</span>树图公链3.0发布Web3.0基础设施升级。
</div>
</div>
<div class="flex items-start">
<span class="timeline-dot mt-1.5"></span>
<div>
<span class="font-semibold text-blue-300">2025-07-21</span>关联个股如东信和平、元隆雅图因BSIM卡区块链SIM卡和NFT应用被市场热炒。
</div>
</div>
<div class="flex items-start">
<span class="timeline-dot mt-1.5"></span>
<div>
<span class="font-semibold text-blue-300">2025-07-22</span>市值风云APP将树图链概念股分为<strong class="text-blue-300">数字资产NFT/RWA</strong><strong class="text-blue-300">金融应用(稳定币)</strong><strong class="text-blue-300">基础设施Conflux底层</strong>三大方向。
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="card-glass rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
<i class="fas fa-lightbulb mr-3 text-yellow-400"></i>
核心观点摘要
</h2>
<div class="text-slate-300">
<div class="highlight-box">
<p>树图链概念处于<strong class="text-blue-300">技术落地与场景验证的临界点</strong>短期由政策Web3.0基础设施自主可控和生态NFT、稳定币、BSIM卡催化长期依赖<strong class="text-blue-300">AI+区块链融合</strong>的杀手级应用。当前市场认知存在<strong class="text-blue-300">预期差</strong>过度聚焦NFT炒作低估其在<strong class="text-blue-300">跨境结算、物联网身份认证</strong>的潜在价值。</p>
</div>
</div>
</div>
<!-- 概念的核心逻辑与市场认知分析 -->
<div class="card-glass rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
<i class="fas fa-chart-line mr-3 text-green-400"></i>
概念的核心逻辑与市场认知分析
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<div>
<h3 class="text-xl font-semibold text-white mb-3">核心驱动力</h3>
<ul class="space-y-3 text-slate-300">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
<div>
<strong class="text-blue-300">技术突破</strong>树图公链3.0的<strong class="text-blue-300">15000TPS</strong>性能突破,解决以太坊拥堵痛点,<strong class="text-blue-300">原生AI调用</strong>降低开发门槛。
</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
<div>
<strong class="text-blue-300">政策红利</strong>:中国推动<strong class="text-blue-300">自主可控区块链基础设施</strong>参考2025年7月大会主题"技术铸信任"BSIM卡区块链SIM卡成为国家级入口。
</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
<div>
<strong class="text-blue-300">场景落地</strong>
<ul class="ml-4 mt-1 space-y-1">
<li><strong class="text-blue-300">数字资产</strong>元隆雅图首发NFT"神兽和五常",东方明珠参股跨数科布局稳定币。</li>
<li><strong class="text-blue-300">物联网</strong>东信和平与中国电信、树图研究院合作BSIM卡实现<strong class="text-blue-300">设备身份上链</strong></li>
</ul>
</div>
</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold text-white mb-3">市场热度与情绪</h3>
<ul class="space-y-3 text-slate-300">
<li class="flex items-start">
<i class="fas fa-fire text-orange-400 mt-1 mr-2"></i>
<div>
<strong class="text-blue-300">新闻热度</strong>7月21-22日树图链概念股集体异动如元隆雅图涨停但研报普遍<strong class="text-blue-300">未覆盖</strong>2025年7月21日、4月28日等多份研报明确"未提及树图链")。
</div>
</li>
<li class="flex items-start">
<i class="fas fa-balance-scale text-purple-400 mt-1 mr-2"></i>
<div>
<strong class="text-blue-300">情绪分歧</strong>NFT炒作短期 vs. 跨境结算/物联网(长期),市场尚未形成一致预期。
</div>
</li>
</ul>
<h3 class="text-xl font-semibold text-white mt-5 mb-3">预期差分析</h3>
<ul class="space-y-3 text-slate-300">
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-yellow-400 mt-1 mr-2"></i>
<div>
<strong class="text-blue-300">被低估的场景</strong>BSIM卡可成为<strong class="text-blue-300">数字人民币硬件钱包</strong>载体新大陆已布局但当前市场仅关注NFT。
</div>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-triangle text-yellow-400 mt-1 mr-2"></i>
<div>
<strong class="text-blue-300">技术验证缺失</strong>树图公链3.0的AI调用功能尚无公开测试数据需跟踪Q3生态应用发布。
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="card-glass rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
<i class="fas fa-rocket mr-3 text-purple-400"></i>
关键催化剂与未来发展路径
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="text-xl font-semibold text-white mb-3">近期催化剂3-6个月</h3>
<div class="space-y-3 text-slate-300">
<div class="flex items-start">
<span class="text-purple-400 font-bold mr-2">1.</span>
<div>
<strong class="text-blue-300">BSIM卡试点</strong>中国电信预计Q3启动BSIM卡商用测试东信和平、澄天伟业直接受益
</div>
</div>
<div class="flex items-start">
<span class="text-purple-400 font-bold mr-2">2.</span>
<div>
<strong class="text-blue-300">稳定币政策</strong>:央行或放行<strong class="text-blue-300">跨境贸易稳定币</strong>(东方明珠参股的跨数科已签署战略合作)。
</div>
</div>
<div class="flex items-start">
<span class="text-purple-400 font-bold mr-2">3.</span>
<div>
<strong class="text-blue-300">NFT爆款</strong>:元隆雅图"神兽和五常"NFT若交易量破亿将引爆数字资产板块。
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-white mb-3">长期路径2025-2027</h3>
<div class="space-y-3 text-slate-300">
<div class="flex items-start">
<span class="tag tag-green">阶段12025</span>
<div class="ml-2">
基础设施完善BSIM卡普及、公链3.0生态上线)。
</div>
</div>
<div class="flex items-start">
<span class="tag tag-blue">阶段22026</span>
<div class="ml-2">
AI+区块链融合应用如AI驱动的链上保险、供应链金融
</div>
</div>
<div class="flex items-start">
<span class="tag tag-purple">阶段32027</span>
<div class="ml-2">
成为<strong class="text-blue-300">国家级Web3.0入口</strong>,对标以太坊生态规模。
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="card-glass rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
<i class="fas fa-sitemap mr-3 text-indigo-400"></i>
产业链与核心公司深度剖析
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold text-white mb-3">产业链图谱</h3>
<div class="flex flex-wrap items-center justify-center text-slate-300">
<div class="bg-slate-800 px-4 py-2 rounded-lg m-2">
<strong class="text-blue-300">上游</strong>:芯片(楚天龙、新恒汇)
</div>
<i class="fas fa-arrow-right text-blue-400 mx-2"></i>
<div class="bg-slate-800 px-4 py-2 rounded-lg m-2">
<strong class="text-blue-300">中游</strong>BSIM卡/公链东信和平、Conflux
</div>
<i class="fas fa-arrow-right text-blue-400 mx-2"></i>
<div class="bg-slate-800 px-4 py-2 rounded-lg m-2">
<strong class="text-blue-300">下游</strong>应用NFT、稳定币、物联网
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-white mb-3">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-slate-800 rounded-lg overflow-hidden">
<thead>
<tr class="bg-slate-700">
<th class="py-3 px-4 text-left text-white font-semibold">公司</th>
<th class="py-3 px-4 text-left text-white font-semibold">角色</th>
<th class="py-3 px-4 text-left text-white font-semibold">进展</th>
<th class="py-3 px-4 text-left text-white font-semibold">风险</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-700">
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">东信和平</td>
<td class="py-3 px-4 text-slate-300">BSIM卡龙头</td>
<td class="py-3 px-4 text-slate-300">与中国电信、树图研究院合作量产</td>
<td class="py-3 px-4 text-slate-300">政策落地不及预期</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">元隆雅图</td>
<td class="py-3 px-4 text-slate-300">NFT运营方</td>
<td class="py-3 px-4 text-slate-300">首发树图链NFT绑定艺术家IP</td>
<td class="py-3 px-4 text-slate-300">数字资产监管收紧</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">东方明珠</td>
<td class="py-3 px-4 text-slate-300">稳定币参股方</td>
<td class="py-3 px-4 text-slate-300">参股跨数科21.33%),布局跨境结算</td>
<td class="py-3 px-4 text-slate-300">稳定币政策延迟</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">楚天龙</td>
<td class="py-3 px-4 text-slate-300">安全芯片供应商</td>
<td class="py-3 px-4 text-slate-300">eSIM/BSIM卡安全模块</td>
<td class="py-3 px-4 text-slate-300">技术替代(如量子加密)</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="mt-6">
<h3 class="text-xl font-semibold text-white mb-3">验证与证伪</h3>
<div class="highlight-box">
<p><strong class="text-red-400">证伪点</strong>2025年7月21日研报显示<strong class="text-blue-300">多数机构未覆盖树图链</strong>,反映主流资金尚未认可,需警惕短期炒作退潮。</p>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="card-glass rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
<i class="fas fa-exclamation-triangle mr-3 text-red-400"></i>
潜在风险与挑战
</h2>
<div class="overflow-x-auto">
<table class="min-w-full bg-slate-800 rounded-lg overflow-hidden">
<thead>
<tr class="bg-slate-700">
<th class="py-3 px-4 text-left text-white font-semibold">风险类型</th>
<th class="py-3 px-4 text-left text-white font-semibold">具体表现</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-700">
<tr>
<td class="py-3 px-4 text-red-300 font-semibold">技术风险</td>
<td class="py-3 px-4 text-slate-300">树图公链3.0的<strong class="text-blue-300">AI调用功能</strong>未经验证。</td>
</tr>
<tr>
<td class="py-3 px-4 text-red-300 font-semibold">商业化风险</td>
<td class="py-3 px-4 text-slate-300">NFT交易量低迷当前元隆雅图NFT日活<1000</td>
</tr>
<tr>
<td class="py-3 px-4 text-red-300 font-semibold">政策风险</td>
<td class="py-3 px-4 text-slate-300">央行对<strong class="text-blue-300">稳定币</strong>态度反复2024年曾叫停试点</td>
</tr>
<tr>
<td class="py-3 px-4 text-red-300 font-semibold">信息矛盾</td>
<td class="py-3 px-4 text-slate-300">研报普遍"未提及树图链",与新闻热度背离。</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="card-glass rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
<i class="fas fa-flag-checkered mr-3 text-green-400"></i>
综合结论与投资启示
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold text-white mb-3">结论</h3>
<div class="highlight-box">
<p>树图链概念处于<strong class="text-blue-300">主题炒作向基本面过渡</strong>阶段短期依赖NFT和BSIM卡事件驱动长期需观察<strong class="text-blue-300">AI+区块链</strong>场景落地。当前市场认知存在<strong class="text-blue-300">显著预期差</strong><strong class="text-blue-300">基础设施层BSIM卡、芯片</strong>优于应用层NFT</p>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="text-xl font-semibold text-white mb-3">投资方向</h3>
<div class="space-y-3 text-slate-300">
<div class="flex items-start">
<span class="text-green-400 font-bold mr-2">1.</span>
<div>
<strong class="text-blue-300">最纯标的</strong><strong class="text-green-300">东信和平</strong>BSIM卡唯一量产合作方
</div>
</div>
<div class="flex items-start">
<span class="text-green-400 font-bold mr-2">2.</span>
<div>
<strong class="text-blue-300">弹性标的</strong><strong class="text-green-300">元隆雅图</strong>NFT运营+IP资源
</div>
</div>
<div class="flex items-start">
<span class="text-green-400 font-bold mr-2">3.</span>
<div>
<strong class="text-blue-300">隐蔽资产</strong><strong class="text-green-300">东方明珠</strong>(稳定币参股,政策催化强)。
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-white mb-3">关键跟踪指标</h3>
<div class="space-y-3 text-slate-300">
<div class="flex items-start">
<i class="fas fa-chart-bar text-blue-400 mt-1 mr-2"></i>
<div>
<strong class="text-blue-300">BSIM卡出货量</strong>Q3中国电信试点数据目标<strong class="text-green-300">100万张</strong>)。
</div>
</div>
<div class="flex items-start">
<i class="fas fa-cubes text-blue-400 mt-1 mr-2"></i>
<div>
<strong class="text-blue-300">树图公链3.0生态应用</strong>Q4前是否有<strong class="text-green-300">10+个DApp</strong>上线。
</div>
</div>
<div class="flex items-start">
<i class="fas fa-balance-scale text-blue-400 mt-1 mr-2"></i>
<div>
<strong class="text-blue-300">监管动态</strong>:央行对<strong class="text-green-300">跨境稳定币</strong>的试点批复。
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 关联股票数据表格 -->
<div class="card-glass rounded-xl p-6">
<h2 class="text-2xl font-bold text-white mb-4 flex items-center">
<i class="fas fa-table mr-3 text-cyan-400"></i>
关联股票数据
</h2>
<div class="table-container">
<table class="min-w-full bg-slate-800 rounded-lg overflow-hidden">
<thead>
<tr class="bg-slate-700">
<th class="py-3 px-4 text-left text-white font-semibold">股票名称</th>
<th class="py-3 px-4 text-left text-white font-semibold">分类</th>
<th class="py-3 px-4 text-left text-white font-semibold">项目/合作方</th>
<th class="py-3 px-4 text-left text-white font-semibold">技术应用</th>
<th class="py-3 px-4 text-left text-white font-semibold">消息来源</th>
<th class="py-3 px-4 text-left text-white font-semibold">投资理由</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-700">
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">东信和平</td>
<td class="py-3 px-4 text-slate-300">树图链</td>
<td class="py-3 px-4 text-slate-300">与中国电信研究院和上海树图研究院共同研发生产具备区块链账户管理功能的手机SIM卡BSIM及相关产品</td>
<td class="py-3 px-4 text-slate-300">Web3.0入口、身份认证、访问控制、数据保护</td>
<td class="py-3 px-4 text-slate-300">互动</td>
<td class="py-3 px-4 text-slate-300">公司与科研机构合作开发BSIM卡提供区块链账户管理功能</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">元隆雅图</td>
<td class="py-3 px-4 text-slate-300">树图链</td>
<td class="py-3 px-4 text-slate-300">首发"神兽和五常"NFT数字藏品合作方数字绘画艺术家刘明推出</td>
<td class="py-3 px-4 text-slate-300">树图区块链技术支持</td>
<td class="py-3 px-4 text-slate-300">互动</td>
<td class="py-3 px-4 text-slate-300">通过树图区块链技术首发NFT数字藏品</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">东方明珠</td>
<td class="py-3 px-4 text-slate-300">树图链</td>
<td class="py-3 px-4 text-slate-300">参股跨数科持股21.33%战略合作与AnchorX树图研究院合作</td>
<td class="py-3 px-4 text-slate-300">-</td>
<td class="py-3 px-4 text-slate-300">公开资料</td>
<td class="py-3 px-4 text-slate-300">参股公司与树图研究院签署稳定币战略合作协议</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">恺英网络</td>
<td class="py-3 px-4 text-slate-300">树图链</td>
<td class="py-3 px-4 text-slate-300">战略合作:与上海树图区块链研究院合作</td>
<td class="py-3 px-4 text-slate-300">探索区块链技术在数字资产领域的应用</td>
<td class="py-3 px-4 text-slate-300">公开资料</td>
<td class="py-3 px-4 text-slate-300">合作探索区块链技术在数字资产领域的深度应用</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">澄天伟业</td>
<td class="py-3 px-4 text-slate-300">树图链</td>
<td class="py-3 px-4 text-slate-300">提供eSIM核心的数据处理、数据写入、个性化处理服务</td>
<td class="py-3 px-4 text-slate-300">满足数据个性化市场需求</td>
<td class="py-3 px-4 text-slate-300">互动</td>
<td class="py-3 px-4 text-slate-300">随eSIM卡普及公司可提供相关数据处理服务</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">新恒汇</td>
<td class="py-3 px-4 text-slate-300">BSIM</td>
<td class="py-3 px-4 text-slate-300">物联网eSIM芯片封装</td>
<td class="py-3 px-4 text-slate-300">可穿戴设备、物联网消费电子、工业物联网</td>
<td class="py-3 px-4 text-slate-300">互动</td>
<td class="py-3 px-4 text-slate-300">芯片封装面向物联网身份识别,应用于多领域</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">楚天龙</td>
<td class="py-3 px-4 text-slate-300">BSIM</td>
<td class="py-3 px-4 text-slate-300">嵌入式安全产品智能卡、SE安全单元、eSIM等</td>
<td class="py-3 px-4 text-slate-300">通信、金融支付、社保、交通等</td>
<td class="py-3 px-4 text-slate-300">互动</td>
<td class="py-3 px-4 text-slate-300">多形态安全产品在通信、金融等领域广泛应用</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">恒宝股份</td>
<td class="py-3 px-4 text-slate-300">BSIM</td>
<td class="py-3 px-4 text-slate-300">合作方:三大运营商</td>
<td class="py-3 px-4 text-slate-300">移动支付解决方案、ESIM系统解决方案、物联网连接解决方案</td>
<td class="py-3 px-4 text-slate-300">公开资料</td>
<td class="py-3 px-4 text-slate-300">与运营商长期合作提供ESIM及物联网解决方案</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">德生科技</td>
<td class="py-3 px-4 text-slate-300">BSIM</td>
<td class="py-3 px-4 text-slate-300">参与发行三代卡城市超160个</td>
<td class="py-3 px-4 text-slate-300">社保卡与树图链、BSIM卡在民生服务领域融合</td>
<td class="py-3 px-4 text-slate-300">公开资料</td>
<td class="py-3 px-4 text-slate-300">三代卡作为重要载体未来可能与BSIM技术融合</td>
</tr>
<tr>
<td class="py-3 px-4 text-blue-300 font-semibold">新大陆</td>
<td class="py-3 px-4 text-slate-300">BSIM</td>
<td class="py-3 px-4 text-slate-300">累计为近1.5万家收单商户开通数字人民币服务</td>
<td class="py-3 px-4 text-slate-300">BSIM卡相关技术、产品及应用场景探索</td>
<td class="py-3 px-4 text-slate-300">公开资料</td>
<td class="py-3 px-4 text-slate-300">在数字人民币服务及BSIM卡技术方面有储备</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script>
// 初始化粒子背景
tsParticles.load("particles-js", {
fpsLimit: 60,
particles: {
color: {
value: "#60a5fa"
},
links: {
color: "#60a5fa",
distance: 150,
enable: true,
opacity: 0.3,
width: 1
},
move: {
direction: "none",
enable: true,
outModes: {
default: "bounce"
},
random: false,
speed: 1,
straight: false
},
number: {
density: {
enable: true,
area: 800
},
value: 60
},
opacity: {
value: 0.3
},
shape: {
type: "circle"
},
size: {
value: { min: 1, max: 3 }
}
},
detectRetina: true
});
// 添加滚动动画效果
const observerOptions = {
root: null,
rootMargin: '0px',
threshold: 0.1
};
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-glass').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);
});
</script>
</body>
</html>
```