Files
vf_react/public/htmls/深地经济.html
2025-12-05 13:29:18 +08:00

526 lines
34 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" 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.2/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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #020617; /* slate-950 */
background-image:
radial-gradient(ellipse 80% 50% at 50% -20%, rgba(56, 189, 248, 0.1), transparent),
radial-gradient(ellipse 80% 50% at 50% 120%, rgba(124, 58, 237, 0.1), transparent);
background-attachment: fixed;
color: #d1d5db; /* gray-300 */
}
.glass-card {
background: rgba(15, 23, 42, 0.6); /* slate-900 with alpha */
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(51, 65, 85, 0.5); /* slate-700 with alpha */
border-radius: 1.5rem; /* rounded-3xl */
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}
.bento-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 1.5rem;
}
@media (min-width: 1024px) {
.bento-grid-lg {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 1.5rem;
}
.grid-col-span-1 { grid-column: span 1 / span 1; }
.grid-col-span-2 { grid-column: span 2 / span 2; }
.grid-col-span-3 { grid-column: span 3 / span 3; }
.grid-col-span-4 { grid-column: span 4 / span 4; }
.grid-col-span-5 { grid-column: span 5 / span 5; }
.grid-col-span-6 { grid-column: span 6 / span 6; }
.grid-row-span-1 { grid-row: span 1 / span 1; }
.grid-row-span-2 { grid-row: span 2 / span 2; }
.grid-row-span-3 { grid-row: span 3 / span 3; }
}
.glow-border {
position: relative;
}
.glow-border::before {
content: '';
position: absolute;
inset: -1px;
border-radius: 1.5rem; /* sync with card radius */
background: conic-gradient(from 180deg at 50% 50%, #7c3aed, #0ea5e9, #6366f1, #7c3aed);
filter: blur(10px);
opacity: 0.4;
z-index: -1;
animation: spin 5s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.section-title {
position: relative;
padding-bottom: 0.5rem;
font-size: 1.875rem; /* text-3xl */
font-weight: 700;
color: #f9fafb; /* gray-50 */
background: linear-gradient(90deg, #60a5fa, #c084fc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.section-title::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 80px;
height: 3px;
background: linear-gradient(90deg, #60a5fa, #c084fc);
border-radius: 2px;
}
.table thead th {
background-color: rgba(30, 41, 59, 0.8);
color: #9ca3af; /* gray-400 */
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.8rem;
}
.table tbody tr {
border-bottom: 1px solid rgba(51, 65, 85, 0.5);
transition: background-color 0.3s ease;
}
.table tbody tr:hover {
background-color: rgba(30, 41, 59, 0.5);
}
.tab {
transition: all 0.3s ease;
color: #9ca3af;
}
.tab-active {
color: #dbeafe !important;
background-color: rgba(59, 130, 246, 0.2) !important;
border-color: #3b82f6 !important;
}
</style>
</head>
<body class="min-h-screen">
<header class="p-4 text-center text-xs text-gray-400">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</header>
<main class="container mx-auto px-4 py-8">
<!-- Hero Section -->
<section class="text-center mb-16 relative">
<div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_0%,_rgba(59,130,246,0.3),_transparent_40%)] -z-10"></div>
<h1 class="text-5xl md:text-7xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-sky-400 to-violet-500 py-4">
深地经济
</h1>
<p class="text-lg md:text-xl text-gray-300 max-w-3xl mx-auto mt-4">
继低空与深海之后,由国家顶层战略驱动的万亿级新赛道,探索地球深部的资源与空间价值。
</p>
</section>
<!-- Core Insight Section -->
<section class="mb-20">
<h2 class="section-title mb-8">核心洞察:战略、逻辑与机遇</h2>
<div class="bento-grid-lg">
<div class="glass-card p-6 lg:p-8 grid-col-span-2 glow-border">
<h3 class="text-xl font-bold text-sky-300 mb-4">0. 概念事件:政策引爆</h3>
<ul class="space-y-3 text-sm text-gray-300 list-disc list-inside">
<li><strong>背景酝酿:</strong> 广东、四川等多省份已在规划中提及“深地”赛道。</li>
<li><strong>核心催化:</strong> 自然资源部表态,“深地经济有望纳入‘十五五’规划”,并强调抢占标准化制高点。</li>
<li><strong>市场高潮:</strong> 2025年10月21日前后概念股集体爆发龙头股神开股份、石化机械斩获4连板市场情绪白热化。</li>
<li><strong>项目验证:</strong> 深高速的立体交通网络2024-2029、深中通道海底隧道2024.6通车)等项目,为“地下空间利用”提供了实质性落地案例。</li>
</ul>
</div>
<div class="glass-card p-6 lg:p-8 grid-col-span-4">
<h3 class="text-xl font-bold text-sky-300 mb-4">1. 核心观点摘要</h3>
<p class="text-gray-300">
“深地经济”是国家意志驱动的宏大叙事,正处政策预期炒作初期。其核心动力源于<strong class="text-amber-400">国家能源与资源安全的战略刚需</strong><strong class="text-amber-400">核心城市空间拓展的迫切需求</strong>。潜力巨大,但从概念到产业成熟是长周期、重投入过程,短期市场情绪与长期产业现实存在显著预期差。
</p>
</div>
<div class="glass-card p-6 lg:p-8 grid-col-span-3 grid-row-span-2">
<h3 class="text-xl font-bold text-sky-300 mb-4">2. 核心逻辑与市场认知分析</h3>
<div class="space-y-4 text-sm">
<div>
<h4 class="font-semibold text-violet-300">核心驱动力:国家意志下的战略必然</h4>
<p class="text-gray-400 mt-1">服务于三大战略目标:<strong class="text-gray-200">① 能源与资源安全</strong>油气对外依存度降至50%以下);<strong class="text-gray-200">② 拓展城市发展空间</strong>(应对土地稀缺);<strong class="text-gray-200">③ 技术自立自强</strong>(核心技术已实现全链条国产化替代)。</p>
</div>
<div>
<h4 class="font-semibold text-violet-300">市场热度与情绪:高度乐观,趋于狂热</h4>
<p class="text-gray-400 mt-1">关键词“集体爆发”、“连续涨停”表明市场处于强政策预期引发的“抢筹”阶段,情绪从认知迅速跃迁至追捧,缺乏基本面验证。</p>
</div>
<div>
<h4 class="font-semibold text-violet-300">预期差分析:宏大叙事与项目周期的错配</h4>
<ul class="list-disc list-inside text-gray-400 mt-1 space-y-1">
<li><strong class="text-gray-200">时间周期预期差:</strong> 市场期待“马上爆发”但深高速路演揭示单个项目工期长达5年市场严重低估了投资回报周期。</li>
<li><strong class="text-gray-200">范围定义模糊化预期差:</strong> 市场将大量传统基建活动“重新包装”,忽略了概念“增量”和“技术升级”的核心内涵。真正增量在于万米深井、地下数据中心等前沿领域。</li>
</ul>
</div>
</div>
</div>
<div class="glass-card p-6 lg:p-8 grid-col-span-3">
<h3 class="text-xl font-bold text-sky-300 mb-4">3. 关键催化剂与未来发展路径</h3>
<div class="space-y-3 text-sm">
<p><strong class="text-violet-300">近期催化 (3-6个月):</strong> “十五五”规划正式发布、国家级重大工程立项、行业标准体系出台。</p>
<p><strong class="text-violet-300">长期发展路径:</strong></p>
<ol class="list-decimal list-inside text-gray-400 space-y-1">
<li><strong class="text-gray-200">阶段一 (当前-2027):</strong> 政策驱动与试点示范。</li>
<li><strong class="text-gray-200">阶段二 (2027-2030):</strong> 技术扩散与商业化探索REITs介入</li>
<li><strong class="text-gray-200">阶段三 (2030以后):</strong> 产业成熟与全面发展。</li>
</ol>
</div>
</div>
<div class="glass-card p-6 lg:p-8 grid-col-span-6 grid-row-span-2">
<h3 class="text-xl font-bold text-sky-300 mb-4">4. 产业链与核心公司深度剖析</h3>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6 text-sm">
<div>
<h4 class="font-semibold text-violet-300">上游:核心装备、材料与技术</h4>
<p class="text-gray-400 mt-1">勘探/钻采设备 (神开股份, 石化机械), 隧洞/矿山设备 (中铁工业), 超硬/特种材料 (中钨高新, 青松建化), 技术服务 (正元地信)。</p>
</div>
<div>
<h4 class="font-semibold text-violet-300">中游:工程建设与服务</h4>
<p class="text-gray-400 mt-1">综合工程总包 (中国中铁), 专业工程服务 (中化岩土, 石化油服)。</p>
</div>
<div>
<h4 class="font-semibold text-violet-300">下游:资源开发与空间运营</h4>
<p class="text-gray-400 mt-1">资源开采 (各大油气矿业公司), 空间利用 (申通地铁, 深高速)。</p>
</div>
</div>
<div class="mt-6">
<h4 class="font-semibold text-violet-300 mb-2">核心玩家对比</h4>
<ul class="list-disc list-inside text-gray-400 text-sm space-y-1">
<li><strong>领导者 (逻辑最纯粹):</strong> <strong class="text-gray-200">神开股份、石化机械</strong>。业务直接聚焦深地核心钻采设备,是行情风向标。</li>
<li><strong>细分领域专家 (护城河深):</strong> <strong class="text-gray-200">正元地信</strong> (唯一双甲资质平台)、<strong class="text-gray-200">青松建化</strong> (万米深井特种水泥)。</li>
<li><strong>巨无霸 (体量大弹性低):</strong> <strong class="text-gray-200">中国中铁、铁建重工</strong>。绝对主力军,但业务占比较小。</li>
</ul>
</div>
</div>
<div class="glass-card p-6 lg:p-8 grid-col-span-3">
<h3 class="text-xl font-bold text-sky-300 mb-4">5. 潜在风险与挑战</h3>
<ul class="space-y-2 text-sm text-gray-300 list-disc list-inside">
<li><strong>技术风险:</strong> 极限工况下的工程可靠性、安全性与经济性仍是巨大挑战。</li>
<li><strong>商业化风险:</strong> 成本是最大制约,前期投入巨大,回报周期极长,经济性存疑。</li>
<li><strong>政策与竞争风险:</strong> 概念由政策催生,也可能因政策转向降温;巨头入场挤压新兴公司。</li>
<li><strong>关键矛盾点:</strong> 宣传的“技术已突破”与工程的“超长周期”矛盾;市场炒作的“广度”与核心驱动的“精度”矛盾。</li>
</ul>
</div>
<div class="glass-card p-6 lg:p-8 grid-col-span-3 glow-border">
<h3 class="text-xl font-bold text-sky-300 mb-4">6. 综合结论与投资启示</h3>
<p class="text-gray-300 text-sm mb-4">
“深地经济”是具备坚实国家战略支撑的长线主题,但当前无疑处于<strong>政策预期驱动的主题炒作阶段</strong>。市场狂热情绪大幅领先于产业基本面。
</p>
<div class="bg-slate-800/50 p-4 rounded-xl border border-slate-700">
<h4 class="font-semibold text-violet-300">最具投资价值的细分环节</h4>
<p class="text-gray-300 text-sm mt-1">
上游的<strong>“卖铲人”</strong>——核心装备、关键材料和特种技术服务商。无论下游项目效益如何,只要投资启动,上游将最先、最直接受益。特别是具备技术壁垒和“唯一性”的公司(如<strong class="text-amber-400">正元地信、青松建化、神开股份</strong>)。
</p>
</div>
</div>
</div>
</section>
<!-- Multi-source Data Section -->
<section class="mb-20" x-data="{ tab: 'news' }">
<h2 class="section-title mb-8">多源情报验证</h2>
<div class="tabs tabs-boxed bg-slate-900/50 border border-slate-700 w-full lg:w-auto mb-6">
<a class="tab tab-lg" :class="{'tab-active': tab === 'news'}" @click="tab = 'news'">新闻数据</a>
<a class="tab tab-lg" :class="{'tab-active': tab === 'roadshow'}" @click="tab = 'roadshow'">路演纪要</a>
<a class="tab tab-lg" :class="{'tab-active': tab === 'report'}" @click="tab = 'report'">研报精粹</a>
</div>
<div class="glass-card p-6 lg:p-8 min-h-[400px]">
<div x-show="tab === 'news'" x-transition>
<h3 class="text-xl font-bold text-sky-300 mb-4">政策与市场动态</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 text-sm">
<div>
<h4 class="font-semibold text-violet-300 mb-2">政策与规划</h4>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>国家层面:</strong> 自然资源部明确“十五五”将加快抢占深地产业标准化制高点,深地经济有望纳入规划。</li>
<li><strong>地方层面:</strong> 广东、四川、云南、内蒙古等省份积极布局,拟将深地核心方向纳入“十五五”规划。</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-violet-300 mb-2">战略意义</h4>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>资源安全:</strong> 浅部资源开发近极限深地是唯一补给源可使油气对外依存度降至50%以下。</li>
<li><strong>空间拓展:</strong> 地下综合体、交通、IDC可释放千万级平方米空间被视为万亿级新赛道。</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-violet-300 mb-2">技术与产业现状</h4>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>技术突破:</strong> 已攻克钻井装备、破岩工具等核心技术,实现全链条国产化替代。</li>
<li><strong>产业链:</strong> 关键在于设备与技术服务,对超硬材料和防腐材料需求巨大。</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-violet-300 mb-2">市场反响</h4>
<ul class="list-disc list-inside space-y-2 text-gray-300">
<li><strong>热度:</strong> 概念持续走强,集体爆发,产业链多只个股连续涨停。</li>
<li><strong>龙头股:</strong> 神开股份、石化机械斩获4连板正元地信、中裕科技等大幅上涨。</li>
</ul>
</div>
</div>
</div>
<div x-show="tab === 'roadshow'" x-transition style="display: none;">
<h3 class="text-xl font-bold text-sky-300 mb-4">深高速:地下空间利用的先行者</h3>
<div class="space-y-4 text-sm">
<div class="p-4 rounded-lg bg-slate-800/50 border border-slate-700">
<h4 class="font-semibold text-violet-300">立体复合交通项目(机荷/广深高速)</h4>
<p class="text-gray-300 mt-1">采用“立体层+地面层”方案是对城市空间的深度开发利用。项目工期普遍为5年如2024-2029体现了深地工程长周期的特点。</p>
</div>
<div class="p-4 rounded-lg bg-slate-800/50 border border-slate-700">
<h4 class="font-semibold text-violet-300">深中通道(海底隧道工程)</h4>
<p class="text-gray-300 mt-1">作为包含超长海底隧道的标志性项目,其开通对整个区域路网产生显著协同和重构效应,是深地经济项目影响力的直接体现。</p>
</div>
<div class="p-4 rounded-lg bg-slate-800/50 border border-slate-700">
<h4 class="font-semibold text-violet-300">数字化技术应用</h4>
<p class="text-gray-300 mt-1">在机荷高速改扩建中探索“数字孪生”技术,标志着深地工程正向智慧化、精细化管理升级。</p>
</div>
</div>
</div>
<div x-show="tab === 'report'" x-transition style="display: none;">
<h3 class="text-xl font-bold text-sky-300 mb-4">宏观驱动力与金融工具</h3>
<div class="space-y-4 text-sm">
<div class="p-4 rounded-lg bg-slate-800/50 border border-slate-700">
<h4 class="font-semibold text-violet-300">宏观驱动:城市发展的必然选择</h4>
<p class="text-gray-300 mt-1">随着城镇化放缓、核心城市土地稀缺性加剧,城市发展必须从外延扩张转向内涵式发展,向地下要空间、要效益成为核心逻辑。城中村改造、“平急两用”设施等“三大工程”为地下空间综合开发创造巨大需求。</p>
</div>
<div class="p-4 rounded-lg bg-slate-800/50 border border-slate-700">
<h4 class="font-semibold text-violet-300">政策资金:国家战略级支持</h4>
<p class="text-gray-300 mt-1">首次发行的万亿级超长期特别国债,专项用于“国家重大战略实施和重点领域安全能力建设”,深地经济(城市韧性、战略储备)完全符合其投向,有望获得重点支持。</p>
</div>
<div class="p-4 rounded-lg bg-slate-800/50 border border-slate-700">
<h4 class="font-semibold text-violet-300">金融工具REITs盘活存量资产</h4>
<p class="text-gray-300 mt-1">REITs被定位为盘活存量资产的关键工具可将流动性较低的存量深地资产地铁、管廊、地下商业证券化回收资金再投入新基建为地下数据中心、智慧物流等新业态提供资金支持形成良性循环。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Echarts Visualization Section -->
<section class="mb-20">
<h2 class="section-title mb-8">市场引爆点分析</h2>
<div class="glass-card p-6 lg:p-8">
<div id="market-reaction-chart" style="width: 100%; height: 400px;"></div>
</div>
</section>
<!-- Stock Data Section -->
<section>
<h2 class="section-title mb-8">产业链核心标的</h2>
<div class="space-y-12">
<!-- 油气资源 -->
<div>
<h3 class="text-2xl font-bold text-sky-400 mb-4">上游:油气资源勘探开发</h3>
<div class="overflow-x-auto glass-card">
<table class="table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>细分赛道</th>
</tr>
</thead>
<tbody>
<tr><td>神开股份</td><td><a href="https://valuefrontier.cn/company?scode=002278" target="_blank" class="link link-hover text-blue-400">002278</a></td><td>勘探设备 / 钻采设备</td></tr>
<tr><td>新锦动力</td><td><a href="https://valuefrontier.cn/company?scode=300157" target="_blank" class="link link-hover text-blue-400">300157</a></td><td>勘探设备</td></tr>
<tr><td>山东墨龙</td><td><a href="https://valuefrontier.cn/company?scode=002490" target="_blank" class="link link-hover text-blue-400">002490</a></td><td>钻采设备</td></tr>
<tr><td>石化机械</td><td><a href="https://valuefrontier.cn/company?scode=000852" target="_blank" class="link link-hover text-blue-400">000852</a></td><td>钻采设备</td></tr>
<tr><td>德石股份</td><td><a href="https://valuefrontier.cn/company?scode=301158" target="_blank" class="link link-hover text-blue-400">301158</a></td><td>钻采设备</td></tr>
<tr><td>如通股份</td><td><a href="https://valuefrontier.cn/company?scode=603036" target="_blank" class="link link-hover text-blue-400">603036</a></td><td>钻采设备</td></tr>
<tr><td>石化油服</td><td><a href="https://valuefrontier.cn/company?scode=600871" target="_blank" class="link link-hover text-blue-400">600871</a></td><td>钻井服务</td></tr>
<tr><td>中海油服</td><td><a href="https://valuefrontier.cn/company?scode=601808" target="_blank" class="link link-hover text-blue-400">601808</a></td><td>钻井服务</td></tr>
<tr><td>中曼石油</td><td><a href="https://valuefrontier.cn/company?scode=603619" target="_blank" class="link link-hover text-blue-400">603619</a></td><td>钻井服务</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 矿产资源 -->
<div>
<h3 class="text-2xl font-bold text-purple-400 mb-4">上游:矿产资源开发设备</h3>
<div class="overflow-x-auto glass-card">
<table class="table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>细分赛道</th>
</tr>
</thead>
<tbody>
<tr><td>耐普矿机</td><td><a href="https://valuefrontier.cn/company?scode=300818" target="_blank" class="link link-hover text-blue-400">300818</a></td><td>备品备件</td></tr>
<tr><td>新锐股份</td><td><a href="https://valuefrontier.cn/company?scode=688257" target="_blank" class="link link-hover text-blue-400">688257</a></td><td>备品备件 / 硬质合金</td></tr>
<tr><td>南矿集团</td><td><a href="https://valuefrontier.cn/company?scode=001360" target="_blank" class="link link-hover text-blue-400">001360</a></td><td>破碎筛分</td></tr>
<tr><td>中信重工</td><td><a href="https://valuefrontier.cn/company?scode=601608" target="_blank" class="link link-hover text-blue-400">601608</a></td><td>磨矿设备</td></tr>
<tr><td>天地科技</td><td><a href="https://valuefrontier.cn/company?scode=600582" target="_blank" class="link link-hover text-blue-400">600582</a></td><td>煤炭机械</td></tr>
<tr><td>苏盐井神</td><td><a href="https://valuefrontier.cn/company?scode=603299" target="_blank" class="link link-hover text-blue-400">603299</a></td><td>井矿盐</td></tr>
</tbody>
</table>
</div>
</div>
<!-- 地下空间 -->
<div>
<h3 class="text-2xl font-bold text-amber-400 mb-4">中下游:地下空间利用</h3>
<div class="overflow-x-auto glass-card">
<table class="table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>细分赛道</th>
</tr>
</thead>
<tbody>
<tr><td>中铁工业</td><td><a href="https://valuefrontier.cn/company?scode=600528" target="_blank" class="link link-hover text-blue-400">600528</a></td><td>隧洞设备</td></tr>
<tr><td>铁建重工</td><td><a href="https://valuefrontier.cn/company?scode=688425" target="_blank" class="link link-hover text-blue-400">688425</a></td><td>隧洞设备</td></tr>
<tr><td>中国中铁</td><td><a href="https://valuefrontier.cn/company?scode=601390" target="_blank" class="link link-hover text-blue-400">601390</a></td><td>隧洞设备 / 工程总包</td></tr>
<tr><td>隧道股份</td><td><a href="https://valuefrontier.cn/company?scode=600820" target="_blank" class="link link-hover text-blue-400">600820</a></td><td>隧洞设备</td></tr>
<tr><td>中化岩土</td><td><a href="https://valuefrontier.cn/company?scode=002542" target="_blank" class="link link-hover text-blue-400">002542</a></td><td>岩土工程</td></tr>
<tr><td>山河智能</td><td><a href="https://valuefrontier.cn/company?scode=002097" target="_blank" class="link link-hover text-blue-400">002097</a></td><td>隧洞设备</td></tr>
<tr><td>中钨高新</td><td><a href="https://valuefrontier.cn/company?scode=000657" target="_blank" class="link link-hover text-blue-400">000657</a></td><td>硬质合金</td></tr>
<tr><td>申通地铁</td><td><a href="https://valuefrontier.cn/company?scode=600834" target="_blank" class="link link-hover text-blue-400">600834</a></td><td>地下交通</td></tr>
<tr><td>地铁设计</td><td><a href="https://valuefrontier.cn/company?scode=003013" target="_blank" class="link link-hover text-blue-400">003013</a></td><td>地下交通 / 空间规划</td></tr>
<tr><td>测绘股份</td><td><a href="https://valuefrontier.cn/company?scode=300826" target="_blank" class="link link-hover text-blue-400">300826</a></td><td>空间规划</td></tr>
<tr><td>深城交</td><td><a href="https://valuefrontier.cn/company?scode=301091" target="_blank" class="link link-hover text-blue-400">301091</a></td><td>空间规划</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
</main>
<footer class="mt-20 py-8 text-center text-sm text-gray-500 border-t border-slate-800">
<p>&copy; 2024 北京价值前沿科技有限公司. All Rights Reserved.</p>
<p class="mt-2">本报告由AI投研模型生成数据和分析仅供参考不构成任何投资建议。投资有风险入市需谨慎。</p>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('market-reaction-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
const chartData = [
{ value: 29.96, name: '中裕科技', code: '920694' },
{ value: 20.09, name: '正元地信', code: '688509' },
{ value: 10.03, name: '黄河旋风', code: '600172' },
{ value: 9.98, name: '宏润建设', code: '002062' },
{ value: 9.82, name: '深康佳B', code: '200016' }
].sort((a,b) => a.value - b.value);
option = {
backgroundColor: 'transparent',
title: {
text: '2025年10月21日: 市场情绪引爆点',
subtext: '部分核心概念股当日涨幅 (%)',
left: 'center',
textStyle: {
color: '#E5E7EB'
}
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: function (params) {
const data = params[0].data;
return `${data.name} (${data.code})<br/>涨幅: <strong>${data.value}%</strong>`;
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLabel: { color: '#9CA3AF' },
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)'
}
}
},
yAxis: {
type: 'category',
data: chartData.map(item => item.name),
axisLabel: { color: '#D1D5DB' }
},
series: [
{
name: '涨幅',
type: 'bar',
data: chartData,
itemStyle: {
borderRadius: [0, 5, 5, 0],
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#818cf8' }, // indigo-400
{ offset: 0.5, color: '#60a5fa' }, // blue-400
{ offset: 1, color: '#38bdf8' } // sky-400
])
},
label: {
show: true,
position: 'right',
formatter: '{c}%',
color: '#F9FAFB'
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>