vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update pay ui

Browse Source
This commit is contained in:
zzlgreat
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions
Download Patch File Download Diff File Expand all files Collapse all files

924
public/htmls/深地经济.html
View File

@@ -1,492 +1,526 @@
<!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>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.19/dist/full.min.css" rel="stylesheet" type="text/css" />
<title>深度行研报告：深地经济</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<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=Inter:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
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); }
}
.glass-effect {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
.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;
}
.hero-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
.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;
}
.card-hover {
.table tbody tr:hover {
background-color: rgba(30, 41, 59, 0.5);
}
.tab {
transition: all 0.3s ease;
color: #9ca3af;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.timeline-line {
background: linear-gradient(180deg, #667eea 0%, #764ba2 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);
}
}
.table-container {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.stock-table {
min-width: 1000px;
}
.badge-custom {
font-size: 0.75rem;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
font-weight: 500;
}
.insight-card {
border-left: 4px solid;
border-image: linear-gradient(180deg, #667eea 0%, #764ba2 100%) 1;
.tab-active {
color: #dbeafe !important;
background-color: rgba(59, 130, 246, 0.2) !important;
border-color: #3b82f6 !important;
}
</style>
</head>
<body>
<!-- Hero Section -->
<div class="hero-gradient text-white">
<div class="container mx-auto px-4 py-16">
<div class="flex flex-col lg:flex-row items-center justify-between">
<div class="lg:w-1/2 mb-8 lg:mb-0">
<div class="badge badge-warning text-black mb-4">
<i class="fas fa-fire mr-2"></i>国家战略新兴产业
</div>
<h1 class="text-5xl font-bold mb-6">深地经济</h1>
<p class="text-xl mb-4 text-gray-100">向地球深部要资源、要空间的国家战略</p>
<p class="text-lg mb-8 text-gray-200">围绕地球深部资源开发、深部空间利用形成的新兴产业链</p>
<div class="flex flex-wrap gap-4">
<div class="stat">
<div class="stat-title text-gray-200">政策催化</div>
<div class="stat-value text-3xl">"十五五"规划</div>
</div>
<div class="stat">
<div class="stat-title text-gray-200">核心目标</div>
<div class="stat-value text-3xl">1000米+</div>
</div>
</div>
</div>
<div class="lg:w-1/2 flex justify-center">
<div class="relative">
<div class="w-64 h-64 rounded-full glass-effect flex items-center justify-center">
<i class="fas fa-mountain text-8xl text-purple-600"></i>
</div>
<div class="absolute -top-4 -right-4 w-20 h-20 rounded-full bg-yellow-400 flex items-center justify-center pulse-dot">
<span class="text-black font-bold text-sm">HOT</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="container mx-auto px-4 py-12">
<!-- 概念定义 -->
<div class="glass-effect rounded-2xl p-8 mb-8 card-hover">
<h2 class="text-3xl font-bold mb-6 text-gray-800">
<i class="fas fa-book-open mr-3 text-purple-600"></i>概念定义与背景
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-gradient-to-r from-purple-50 to-pink-50 p-6 rounded-xl">
<h3 class="text-xl font-semibold mb-3 text-purple-800">核心定义</h3>
<p class="text-gray-700">深地经济是围绕地球深部（通常指1000米以深）资源开发、深部空间利用等形成的经济活动及相关产业链的总称。</p>
</div>
<div class="bg-gradient-to-r from-blue-50 to-cyan-50 p-6 rounded-xl">
<h3 class="text-xl font-semibold mb-3 text-blue-800">三大板块</h3>
<ul class="space-y-2 text-gray-700">
<li><i class="fas fa-oil-can mr-2 text-blue-600"></i>深地资源开发</li>
<li><i class="fas fa-building mr-2 text-blue-600"></i>深部空间利用</li>
<li><i class="fas fa-cogs mr-2 text-blue-600"></i>技术研发与装备制造</li>
<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>
</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-effect rounded-2xl p-8 mb-8 card-hover">
<h2 class="text-3xl font-bold mb-6 text-gray-800">
<i class="fas fa-clock mr-3 text-purple-600"></i>概念演进时间线
</h2>
<div class="relative">
<div class="timeline-line absolute left-8 top-0 bottom-0 w-1"></div>
<div class="space-y-8">
<div class="flex items-center">
<div class="w-16 h-16 rounded-full bg-purple-600 flex items-center justify-center text-white font-bold z-10">
2024
<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 class="ml-6 flex-1 bg-white p-4 rounded-lg shadow">
<p class="font-semibold">2024年10月</p>
<p class="text-gray-600">广东省首次提及"深空深海深地"新赛道</p>
<div>
<h4 class="font-semibold text-violet-300">市场热度与情绪：高度乐观，趋于狂热</h4>
<p class="text-gray-400 mt-1">关键词“集体爆发”、“连续涨停”表明市场处于强政策预期引发的“抢筹”阶段，情绪从认知迅速跃迁至追捧，缺乏基本面验证。</p>
</div>
</div>
<div class="flex items-center">
<div class="w-16 h-16 rounded-full bg-purple-600 flex items-center justify-center text-white font-bold z-10">
2025
</div>
<div class="ml-6 flex-1 bg-white p-4 rounded-lg shadow">
<p class="font-semibold">2025年9月</p>
<p class="text-gray-600">市场热议"深空经济"，营造氛围</p>
</div>
</div>
<div class="flex items-center">
<div class="w-16 h-16 rounded-full bg-red-600 flex items-center justify-center text-white font-bold z-10 pulse-dot">
爆发
</div>
<div class="ml-6 flex-1 bg-red-50 p-4 rounded-lg shadow border-2 border-red-200">
<p class="font-semibold text-red-700">2025年10月21日</p>
<p class="text-gray-700">自然资源部表态，概念正式引爆，多股涨停</p>
<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>
</div>
<!-- 核心逻辑 -->
<div class="glass-effect rounded-2xl p-8 mb-8 card-hover">
<h2 class="text-3xl font-bold mb-6 text-gray-800">
<i class="fas fa-lightbulb mr-3 text-purple-600"></i>核心逻辑分析
</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="insight-card p-6 bg-gradient-to-br from-red-50 to-orange-50 rounded-xl">
<div class="text-4xl mb-4">🎯</div>
<h3 class="text-xl font-semibold mb-3">战略安全驱动</h3>
<p class="text-gray-700">应对浅部资源枯竭，降低对外依存度，保障国家能源和资源安全底线</p>
</div>
<div class="insight-card p-6 bg-gradient-to-br from-green-50 to-emerald-50 rounded-xl">
<div class="text-4xl mb-4">⚙️</div>
<h3 class="text-xl font-semibold mb-3">技术国产化</h3>
<p class="text-gray-700">已攻克钻井装备、破岩工具等核心技术，实现全链条国产化替代</p>
</div>
<div class="insight-card p-6 bg-gradient-to-br from-blue-50 to-indigo-50 rounded-xl">
<div class="text-4xl mb-4">📈</div>
<h3 class="text-xl font-semibold mb-3">政策预期强烈</h3>
<p class="text-gray-700">"十五五"规划纳入预期，顶层设计明确，政策催化持续性强</p>
</div>
</div>
</div>
<!-- 产业链图谱 -->
<div class="glass-effect rounded-2xl p-8 mb-8 card-hover">
<h2 class="text-3xl font-bold mb-6 text-gray-800">
<i class="fas fa-sitemap mr-3 text-purple-600"></i>产业链图谱
</h2>
<div class="overflow-x-auto">
<div class="min-w-[800px]">
<div class="grid grid-cols-3 gap-4">
<div class="bg-gradient-to-b from-yellow-100 to-yellow-50 p-6 rounded-xl text-center">
<h3 class="text-xl font-bold mb-4 text-yellow-800">上游：材料与核心部件</h3>
<div class="space-y-2">
<div class="badge badge-warning badge-custom">硬质合金/刀具</div>
<div class="badge badge-warning badge-custom">特种材料</div>
<div class="badge badge-warning badge-custom">核心组件</div>
</div>
<p class="mt-4 text-sm text-gray-600">代表：中钨高新、恒立钻具</p>
</div>
<div class="bg-gradient-to-b from-green-100 to-green-50 p-6 rounded-xl text-center">
<h3 class="text-xl font-bold mb-4 text-green-800">中游：设备制造</h3>
<div class="space-y-2">
<div class="badge badge-success badge-custom">资源开发设备</div>
<div class="badge badge-success badge-custom">空间利用设备</div>
<div class="badge badge-success badge-custom">工程装备</div>
</div>
<p class="mt-4 text-sm text-gray-600">代表：铁建重工、石化机械</p>
</div>
<div class="bg-gradient-to-b from-blue-100 to-blue-50 p-6 rounded-xl text-center">
<h3 class="text-xl font-bold mb-4 text-blue-800">下游：工程与服务</h3>
<div class="space-y-2">
<div class="badge badge-info badge-custom">工程建设</div>
<div class="badge badge-info badge-custom">勘探服务</div>
<div class="badge badge-info badge-custom">空间规划</div>
</div>
<p class="mt-4 text-sm text-gray-600">代表：中国铁建、深城交</p>
</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>
</div>
<!-- 股票数据表格 -->
<div class="glass-effect rounded-2xl p-8 mb-8 card-hover">
<h2 class="text-3xl font-bold mb-6 text-gray-800">
<i class="fas fa-table mr-3 text-purple-600"></i>深地经济概念股全览
</h2>
<div class="table-container">
<table class="stock-table w-full">
<thead>
<tr class="bg-gradient-to-r from-purple-600 to-purple-700 text-white">
<th class="px-4 py-3 text-left">股票代码</th>
<th class="px-4 py-3 text-left">股票名称</th>
<th class="px-4 py-3 text-left">行业分类</th>
<th class="px-4 py-3 text-left">产业链环节</th>
<th class="px-4 py-3 text-left">核心逻辑</th>
</tr>
</thead>
<tbody>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="px-4 py-3 font-medium">神开股份</td>
<td class="px-4 py-3">神开股份</td>
<td class="px-4 py-3"><span class="badge badge-warning">油气资源</span></td>
<td class="px-4 py-3">勘探设备/钻采设备</td>
<td class="px-4 py-3 text-sm">油气勘探设备龙头，受益深地油气开发</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="px-4 py-3 font-medium">石化机械</td>
<td class="px-4 py-3">石化机械</td>
<td class="px-4 py-3"><span class="badge badge-warning">油气资源</span></td>
<td class="px-4 py-3">钻采设备</td>
<td class="px-4 py-3 text-sm">钻采设备国家队，技术实力雄厚</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="px-4 py-3 font-medium">铁建重工</td>
<td class="px-4 py-3">铁建重工</td>
<td class="px-4 py-3"><span class="badge badge-info">地下空间</span></td>
<td class="px-4 py-3">隧道设备</td>
<td class="px-4 py-3 text-sm">TBM隧道掘进机龙头，最受益标的</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="px-4 py-3 font-medium">中铁工业</td>
<td class="px-4 py-3">中铁工业</td>
<td class="px-4 py-3"><span class="badge badge-info">地下空间</span></td>
<td class="px-4 py-3">隧道设备</td>
<td class="px-4 py-3 text-sm">盾构机制造龙头，业务协同性强</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="px-4 py-3 font-medium">中钨高新</td>
<td class="px-4 py-3">中钨高新</td>
<td class="px-4 py-3"><span class="badge badge-warning">地下空间</span></td>
<td class="px-4 py-3">硬质合金</td>
<td class="px-4 py-3 text-sm">硬质合金龙头，高弹性标的，空间90%+</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="px-4 py-3 font-medium">中国铁建</td>
<td class="px-4 py-3">中国铁建</td>
<td class="px-4 py-3"><span class="badge badge-info">地下空间</span></td>
<td class="px-4 py-3">工程建设</td>
<td class="px-4 py-3 text-sm">深地空间总包商，牵头承担国家任务</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="px-4 py-3 font-medium">德石股份</td>
<td class="px-4 py-3">德石股份</td>
<td class="px-4 py-3"><span class="badge badge-warning">油气资源</span></td>
<td class="px-4 py-3">钻采设备</td>
<td class="px-4 py-3 text-sm">钻采设备制造商，直接受益油气开发</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="px-4 py-3 font-medium">恒立钻具</td>
<td class="px-4 py-3">恒立钻具</td>
<td class="px-4 py-3"><span class="badge badge-warning">地下空间</span></td>
<td class="px-4 py-3">硬质合金</td>
<td class="px-4 py-3 text-sm">工程钻具供应商，小而美细分龙头</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="px-4 py-3 font-medium">深城交</td>
<td class="px-4 py-3">深城交</td>
<td class="px-4 py-3"><span class="badge badge-info">地下空间</span></td>
<td class="px-4 py-3">空间规划</td>
<td class="px-4 py-3 text-sm">深圳地下空间规划龙头，区位优势明显</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="px-4 py-3 font-medium">中化岩土</td>
<td class="px-4 py-3">中化岩土</td>
<td class="px-4 py-3"><span class="badge badge-info">地下空间</span></td>
<td class="px-4 py-3">岩土工程</td>
<td class="px-4 py-3 text-sm">岩土工程专家，受益地下空间开发</td>
</tr>
</tbody>
</table>
</div>
<p class="mt-4 text-sm text-gray-600">
<i class="fas fa-info-circle mr-2"></i>
注：以上为部分重点标的，完整列表包含60+家公司
</p>
</div>
<!-- 投资策略 -->
<div class="glass-effect rounded-2xl p-8 mb-8 card-hover">
<h2 class="text-3xl font-bold mb-6 text-gray-800">
<i class="fas fa-chess mr-3 text-purple-600"></i>投资策略与建议
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-gradient-to-r from-green-50 to-emerald-50 p-6 rounded-xl">
<h3 class="text-xl font-semibold mb-4 text-green-800">
<i class="fas fa-thumbs-up mr-2"></i>重点关注方向
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-600 mt-1 mr-3"></i>
<div>
<p class="font-semibold">核心设备商</p>
<p class="text-sm text-gray-600">铁建重工、石化机械 - 逻辑最纯粹的卖铲人</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-600 mt-1 mr-3"></i>
<div>
<p class="font-semibold">高弹性材料</p>
<p class="text-sm text-gray-600">中钨高新 - 需求侧强弹性，空间90%+</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-600 mt-1 mr-3"></i>
<div>
<p class="font-semibold">国家队总包</p>
<p class="text-sm text-gray-600">中国铁建 - 获取国家级项目能力最强</p>
</div>
</li>
<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="bg-gradient-to-r from-red-50 to-pink-50 p-6 rounded-xl">
<h3 class="text-xl font-semibold mb-4 text-red-800">
<i class="fas fa-exclamation-triangle mr-2"></i>风险提示
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-times-circle text-red-600 mt-1 mr-3"></i>
<div>
<p class="font-semibold">技术风险</p>
<p class="text-sm text-gray-600">万米深井技术难度被市场低估</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-times-circle text-red-600 mt-1 mr-3"></i>
<div>
<p class="font-semibold">商业化风险</p>
<p class="text-sm text-gray-600">投资巨大，回报周期长</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-times-circle text-red-600 mt-1 mr-3"></i>
<div>
<p class="font-semibold">政策波动</p>
<p class="text-sm text-gray-600">高度依赖"十五五"规划落地力度</p>
</div>
</li>
</ul>
<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>
</div>
</section>
<!-- 关键跟踪指标 -->
<div class="glass-effect rounded-2xl p-8 mb-8 card-hover">
<h2 class="text-3xl font-bold mb-6 text-gray-800">
<i class="fas fa-chart-line mr-3 text-purple-600"></i>关键跟踪指标
</h2>
<div class="grid md:grid-cols-4 gap-4">
<div class="bg-white p-4 rounded-lg shadow text-center">
<i class="fas fa-file-alt text-3xl text-purple-600 mb-3"></i>
<h4 class="font-semibold mb-2">政策指标</h4>
<p class="text-sm text-gray-600">"十五五"规划正式文本</p>
</div>
<div class="bg-white p-4 rounded-lg shadow text-center">
<i class="fas fa-clipboard-list text-3xl text-blue-600 mb-3"></i>
<h4 class="font-semibold mb-2">订单指标</h4>
<p class="text-sm text-gray-600">核心公司季度新签订单</p>
</div>
<div class="bg-white p-4 rounded-lg shadow text-center">
<i class="fas fa-hard-hat text-3xl text-green-600 mb-3"></i>
<h4 class="font-semibold mb-2">项目指标</h4>
<p class="text-sm text-gray-600">国家级项目立项开工</p>
</div>
<div class="bg-white p-4 rounded-lg shadow text-center">
<i class="fas fa-microscope text-3xl text-red-600 mb-3"></i>
<h4 class="font-semibold mb-2">技术指标</h4>
<p class="text-sm text-gray-600">关键设备技术突破</p>
</div>
<!-- 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>
</div>
</section>
<!-- 页脚 -->
<div class="text-center py-8 mt-12">
<p class="text-gray-600">
<i class="fas fa-info-circle mr-2"></i>
本页面基于公开信息和专业分析生成，不构成投资建议。市场有风险，投资需谨慎。
</p>
<p class="text-sm text-gray-500 mt-2">
数据更新时间：2025年10月21日
</p>
</div>
</div>
<!-- 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>
// 添加滚动动画效果
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -100px 0px'
};
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('market-reaction-chart');
var myChart = echarts.init(chartDom, 'dark');
var option;
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
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: '深康佳Ｂ', code: '200016' }
].sort((a,b) => a.value - b.value);
document.querySelectorAll('.card-hover').forEach(card => {
card.style.opacity = '0';
card.style.transform = 'translateY(20px)';
card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(card);
});
// 添加表格行点击高亮效果
document.querySelectorAll('tbody tr').forEach(row => {
row.addEventListener('click', function() {
// 移除其他行的高亮
document.querySelectorAll('tbody tr').forEach(r => {
r.classList.remove('bg-purple-50');
});
// 添加当前行高亮
this.classList.add('bg-purple-50');
});
});
// 添加脉冲动画效果
document.querySelectorAll('.pulse-dot').forEach(dot => {
setInterval(() => {
dot.style.transform = 'scale(1.1)';
setTimeout(() => {
dot.style.transform = 'scale(1)';
}, 500);
}, 2000);
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>
</html>