656 lines
27 KiB
HTML
656 lines
27 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<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/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css" rel="stylesheet">
|
||
<style>
|
||
:root {
|
||
--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||
--dark-bg: #0f172a;
|
||
--card-bg: #1e293b;
|
||
--text-light: #e2e8f0;
|
||
}
|
||
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
|
||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||
color: var(--text-light);
|
||
line-height: 1.6;
|
||
}
|
||
|
||
/* Hero Section */
|
||
.hero-section {
|
||
background: var(--primary-gradient);
|
||
padding: 80px 0 60px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.hero-section::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,144C960,149,1056,139,1152,128C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
|
||
background-size: cover;
|
||
}
|
||
|
||
.hero-content {
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
.hero-title {
|
||
font-size: 3.5rem;
|
||
font-weight: 800;
|
||
margin-bottom: 20px;
|
||
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
|
||
}
|
||
|
||
.hero-subtitle {
|
||
font-size: 1.3rem;
|
||
opacity: 0.95;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
/* Section Styles */
|
||
.section-card {
|
||
background: var(--card-bg);
|
||
border-radius: 20px;
|
||
padding: 40px;
|
||
margin-bottom: 30px;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
|
||
border: 1px solid rgba(255,255,255,0.1);
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
}
|
||
|
||
.section-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 15px 40px rgba(0,0,0,0.4);
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 2rem;
|
||
font-weight: 700;
|
||
margin-bottom: 25px;
|
||
background: var(--primary-gradient);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
display: inline-block;
|
||
}
|
||
|
||
/* Timeline */
|
||
.timeline {
|
||
position: relative;
|
||
padding-left: 30px;
|
||
}
|
||
|
||
.timeline::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 3px;
|
||
background: var(--primary-gradient);
|
||
}
|
||
|
||
.timeline-item {
|
||
position: relative;
|
||
padding-bottom: 30px;
|
||
}
|
||
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -38px;
|
||
top: 5px;
|
||
width: 15px;
|
||
height: 15px;
|
||
border-radius: 50%;
|
||
background: #764ba2;
|
||
border: 3px solid #667eea;
|
||
}
|
||
|
||
.timeline-date {
|
||
color: #a78bfa;
|
||
font-weight: 600;
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
/* Badge Styles */
|
||
.policy-badge {
|
||
display: inline-block;
|
||
padding: 8px 16px;
|
||
background: linear-gradient(135deg, #667eea, #764ba2);
|
||
border-radius: 25px;
|
||
font-size: 0.9rem;
|
||
margin-right: 10px;
|
||
margin-bottom: 10px;
|
||
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
|
||
}
|
||
|
||
/* Table Styles */
|
||
.stock-table {
|
||
background: var(--card-bg);
|
||
border-radius: 15px;
|
||
overflow: hidden;
|
||
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
|
||
}
|
||
|
||
.stock-table thead {
|
||
background: linear-gradient(135deg, #667eea, #764ba2);
|
||
}
|
||
|
||
.stock-table th {
|
||
padding: 15px;
|
||
font-weight: 600;
|
||
border: none;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.stock-table td {
|
||
padding: 12px 15px;
|
||
border-top: 1px solid rgba(255,255,255,0.1);
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.stock-table tbody tr:hover {
|
||
background: rgba(102, 126, 234, 0.1);
|
||
transition: background 0.3s ease;
|
||
}
|
||
|
||
/* Industry Tag */
|
||
.industry-tag {
|
||
display: inline-block;
|
||
padding: 4px 10px;
|
||
background: rgba(102, 126, 234, 0.2);
|
||
border: 1px solid #667eea;
|
||
border-radius: 12px;
|
||
font-size: 0.85rem;
|
||
margin: 2px;
|
||
}
|
||
|
||
/* Comparison Card */
|
||
.comparison-card {
|
||
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
|
||
border-radius: 15px;
|
||
padding: 25px;
|
||
margin-bottom: 20px;
|
||
border: 1px solid rgba(102, 126, 234, 0.3);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.comparison-card:hover {
|
||
transform: scale(1.02);
|
||
box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
|
||
}
|
||
|
||
.stock-name {
|
||
font-size: 1.2rem;
|
||
font-weight: 700;
|
||
color: #a78bfa;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.logic-purity {
|
||
display: inline-block;
|
||
padding: 5px 12px;
|
||
border-radius: 20px;
|
||
font-weight: 600;
|
||
font-size: 0.85rem;
|
||
}
|
||
|
||
.purity-high {
|
||
background: #10b981;
|
||
color: white;
|
||
}
|
||
|
||
.purity-medium {
|
||
background: #f59e0b;
|
||
color: white;
|
||
}
|
||
|
||
.purity-low {
|
||
background: #ef4444;
|
||
color: white;
|
||
}
|
||
|
||
/* Highlight Box */
|
||
.highlight-box {
|
||
background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
|
||
border-left: 4px solid #667eea;
|
||
padding: 20px;
|
||
border-radius: 10px;
|
||
margin: 20px 0;
|
||
}
|
||
|
||
.highlight-number {
|
||
font-size: 2.5rem;
|
||
font-weight: 800;
|
||
background: var(--primary-gradient);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
/* Floating Animation */
|
||
@keyframes float {
|
||
0%, 100% { transform: translateY(0px); }
|
||
50% { transform: translateY(-20px); }
|
||
}
|
||
|
||
.floating {
|
||
animation: float 3s ease-in-out infinite;
|
||
}
|
||
|
||
/* Responsive */
|
||
@media (max-width: 768px) {
|
||
.hero-title {
|
||
font-size: 2.5rem;
|
||
}
|
||
|
||
.section-card {
|
||
padding: 25px;
|
||
}
|
||
|
||
.stock-table {
|
||
font-size: 0.9rem;
|
||
}
|
||
|
||
.table-responsive {
|
||
overflow-x: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
}
|
||
|
||
/* Loading Animation */
|
||
.pulse {
|
||
animation: pulse 2s infinite;
|
||
}
|
||
|
||
@keyframes pulse {
|
||
0% { opacity: 1; }
|
||
50% { opacity: 0.7; }
|
||
100% { opacity: 1; }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- Hero Section -->
|
||
<section class="hero-section">
|
||
<div class="container hero-content">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-8">
|
||
<h1 class="hero-title floating">深圳本地股</h1>
|
||
<p class="hero-subtitle">政策驱动的战略资产价值重估机会</p>
|
||
<div class="mt-4">
|
||
<span class="policy-badge"><i class="bi bi-graph-up-arrow"></i> 并购重组</span>
|
||
<span class="policy-badge"><i class="bi bi-cpu"></i> 科技创新</span>
|
||
<span class="policy-badge"><i class="bi bi-building"></i> 资产重估</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 text-center">
|
||
<div class="highlight-box">
|
||
<div class="highlight-number">20万亿</div>
|
||
<div>上市公司总市值目标</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Main Content -->
|
||
<div class="container" style="margin-top: -40px; position: relative; z-index: 10;">
|
||
<!-- Core View Summary -->
|
||
<div class="section-card">
|
||
<h2 class="section-title"><i class="bi bi-lightbulb"></i> 核心观点摘要</h2>
|
||
<p>深圳本地股概念已从传统的地域性标签，升级为由<strong class="text-warning">深圳地方政府强力政策驱动的战略资产价值重估机会</strong>。其核心逻辑在于，通过并购重组盘活存量国资资产，以及通过产业政策（如AI）加速科技企业成长，这为本地国资平台和前沿科技公司提供了双重增长动能。当前概念处于<strong class="text-info">政策密集催化期</strong>，市场情绪高涨，但内部已出现分化，需要穿透炒作表象，识别出真正受益于资产价值释放和产业趋势的优质标的。</p>
|
||
</div>
|
||
|
||
<!-- Policy Timeline -->
|
||
<div class="section-card">
|
||
<h2 class="section-title"><i class="bi bi-calendar-event"></i> 政策催化时间轴</h2>
|
||
<div class="timeline">
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2024年11月27日</div>
|
||
<h5>并购重组行动方案（征求意见稿）</h5>
|
||
<p>深圳发布《深圳市推动并购重组高质量发展的行动方案（2025-2027）（公开征求意见稿）》，提出到2027年底，推动深圳境内外上市公司总市值突破<strong>15万亿元</strong>。</p>
|
||
<div>
|
||
<span class="industry-tag">市值目标：15万亿</span>
|
||
<span class="industry-tag">并购项目：100单</span>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2025年3月3日</div>
|
||
<h5>AI终端产业行动计划</h5>
|
||
<p>深圳印发《深圳市加快推进人工智能终端产业发展行动计划（2025—2026年）》，瞄准AI全球科技前沿。</p>
|
||
<div>
|
||
<span class="industry-tag">人工智能</span>
|
||
<span class="industry-tag">终端应用</span>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2025年10月23日</div>
|
||
<h5>并购重组行动方案（正式版）</h5>
|
||
<p>正式通知中提出，力争到2027年底，境内外上市公司总市值突破<strong>20万亿元</strong>（较征求意见稿大幅提升），培育形成千亿级市值企业<strong>20家</strong>。</p>
|
||
<div>
|
||
<span class="industry-tag">市值目标：20万亿</span>
|
||
<span class="industry-tag">千亿企业：20家</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Core Logic Analysis -->
|
||
<div class="section-card">
|
||
<h2 class="section-title"><i class="bi bi-diagram-3"></i> 核心逻辑与市场认知</h2>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<h5 class="text-info mb-3"><i class="bi bi-rocket-takeoff"></i> 核心驱动力</h5>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> <strong>政策导向的确定性</strong>：地方政府顶层设计，"总市值突破20万亿"目标明确</li>
|
||
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> <strong>存量资产价值重估</strong>：核心区土地、物业等资产显性化（如华南物流园150亿收益）</li>
|
||
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> <strong>产业升级集群效应</strong>：TMT、新能源等产业基础深厚，政策强化优势</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h5 class="text-warning mb-3"><i class="bi bi-exclamation-triangle"></i> 预期差分析</h5>
|
||
<div class="highlight-box">
|
||
<p><strong>市场认知：</strong> 深圳本地股 = 政策催化下的短线题材</p>
|
||
<p><strong>路演现实：</strong></p>
|
||
<ul class="mb-0">
|
||
<li>深圳燃气：稳健红利（分红>30%）+ 低融资成本（3.3%）</li>
|
||
<li>深圳国际：华南物流园<strong>150亿元</strong>税后收益</li>
|
||
<li>概念内部质量差异巨大，需要精选</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Core Companies Comparison -->
|
||
<div class="section-card">
|
||
<h2 class="section-title"><i class="bi bi-bar-chart"></i> 核心公司对比</h2>
|
||
<div class="row">
|
||
<div class="col-lg-4">
|
||
<div class="comparison-card">
|
||
<div class="stock-name">深圳国际 (00152.HK)</div>
|
||
<p class="mb-2"><strong>核心逻辑：</strong>资产价值重估</p>
|
||
<p class="mb-2"><strong>优势：</strong>拥有深圳核心区海量物流土地，华南物流园税后收益约150亿元</p>
|
||
<p class="mb-2"><strong>风险：</strong>地产周期下行，开发周期长</p>
|
||
<span class="logic-purity purity-high">逻辑纯粹度：高</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="comparison-card">
|
||
<div class="stock-name">深圳燃气 (601139.SH)</div>
|
||
<p class="mb-2"><strong>核心逻辑：</strong>稳健红利+增长</p>
|
||
<p class="mb-2"><strong>优势：</strong>区域垄断，高分红>30%，融资成本3.3%</p>
|
||
<p class="mb-2"><strong>风险：</strong>光伏胶膜业务拖累，气价波动</p>
|
||
<span class="logic-purity purity-medium">逻辑纯粹度：中高</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="comparison-card">
|
||
<div class="stock-name">深赛格 / 特力A</div>
|
||
<p class="mb-2"><strong>核心逻辑：</strong>政策弹性/壳价值</p>
|
||
<p class="mb-2"><strong>优势：</strong>深圳国资控股，股性活跃</p>
|
||
<p class="mb-2"><strong>风险：</strong>基本面薄弱，纯情绪驱动</p>
|
||
<span class="logic-purity purity-low">逻辑纯粹度：低</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Stock Data Table -->
|
||
<div class="section-card">
|
||
<h2 class="section-title"><i class="bi bi-table"></i> 深圳本地股全览</h2>
|
||
<div class="table-responsive">
|
||
<table class="table stock-table">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>行业</th>
|
||
<th>核心项目</th>
|
||
<th>分类</th>
|
||
<th>产业链</th>
|
||
<th>数据来源</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong>深纺织A</strong></td>
|
||
<td><span class="industry-tag">LCD</span></td>
|
||
<td>偏光片</td>
|
||
<td>深圳国资</td>
|
||
<td>偏光片研发</td>
|
||
<td>机构调研</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>新宙邦</strong></td>
|
||
<td><span class="industry-tag">电解液</span></td>
|
||
<td>锂电池材料</td>
|
||
<td>新能源</td>
|
||
<td>锂离子电池</td>
|
||
<td>公开资料</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>云天励飞-U</strong></td>
|
||
<td><span class="industry-tag">人工智能</span></td>
|
||
<td>AI芯片</td>
|
||
<td>半导体</td>
|
||
<td>边缘计算</td>
|
||
<td>互动</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>大族激光</strong></td>
|
||
<td><span class="industry-tag">PCB</span></td>
|
||
<td>HDI订单</td>
|
||
<td>智能制造</td>
|
||
<td>激光加工设备</td>
|
||
<td>互动</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>特发信息</strong></td>
|
||
<td><span class="industry-tag">光纤光缆</span></td>
|
||
<td>5G通信</td>
|
||
<td>通信</td>
|
||
<td>光模块</td>
|
||
<td>互动</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>英维克</strong></td>
|
||
<td><span class="industry-tag">温控设备</span></td>
|
||
<td>液冷技术</td>
|
||
<td>新能源</td>
|
||
<td>数据中心</td>
|
||
<td>互动</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>德方纳米</strong></td>
|
||
<td><span class="industry-tag">电池材料</span></td>
|
||
<td>磷酸铁锂</td>
|
||
<td>新能源</td>
|
||
<td>动力电池</td>
|
||
<td>年报</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>科士达</strong></td>
|
||
<td><span class="industry-tag">光伏</span></td>
|
||
<td>储能系统</td>
|
||
<td>新能源</td>
|
||
<td>光伏逆变器</td>
|
||
<td>年报</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>威迈斯</strong></td>
|
||
<td><span class="industry-tag">车载电源</span></td>
|
||
<td>800V高压平台</td>
|
||
<td>新能源</td>
|
||
<td>新能源汽车</td>
|
||
<td>互动</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>深康佳A</strong></td>
|
||
<td><span class="industry-tag">消费电子</span></td>
|
||
<td>Micro LED</td>
|
||
<td>半导体</td>
|
||
<td>显示模组</td>
|
||
<td>互动</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>深物业A</strong></td>
|
||
<td><span class="industry-tag">房地产</span></td>
|
||
<td>城市更新</td>
|
||
<td>地产</td>
|
||
<td>物业管理</td>
|
||
<td>公开资料</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>微芯生物</strong></td>
|
||
<td><span class="industry-tag">创新药</span></td>
|
||
<td>适应症扩展</td>
|
||
<td>医药</td>
|
||
<td>药品研发</td>
|
||
<td>互动</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>翰宇药业</strong></td>
|
||
<td><span class="industry-tag">医药</span></td>
|
||
<td>GLP-1</td>
|
||
<td>生物制药</td>
|
||
<td>原料药</td>
|
||
<td>公告</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>天源迪科</strong></td>
|
||
<td><span class="industry-tag">金融科技</span></td>
|
||
<td>跨境支付</td>
|
||
<td>金融</td>
|
||
<td>金融IT</td>
|
||
<td>公开资料</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>路维光电</strong></td>
|
||
<td><span class="industry-tag">掩膜版</span></td>
|
||
<td>半导体光刻</td>
|
||
<td>半导体</td>
|
||
<td>显示面板</td>
|
||
<td>公开资料</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Risks & Investment Insights -->
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<div class="section-card">
|
||
<h2 class="section-title"><i class="bi bi-shield-exclamation"></i> 潜在风险</h2>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-3">
|
||
<i class="bi bi-arrow-right-circle text-warning"></i>
|
||
<strong>政策执行不及预期</strong>：若后续无法推出有分量的标杆案例，市场热情将消退
|
||
</li>
|
||
<li class="mb-3">
|
||
<i class="bi bi-arrow-right-circle text-warning"></i>
|
||
<strong>概念分化与证伪</strong>：缺乏基本面支撑的"蹭热点"公司将面临大幅回调风险
|
||
</li>
|
||
<li class="mb-3">
|
||
<i class="bi bi-arrow-right-circle text-warning"></i>
|
||
<strong>宏观经济与地产周期</strong>：深圳国际等公司的资产价值实现依赖于房地产市场景气度
|
||
</li>
|
||
<li>
|
||
<i class="bi bi-arrow-right-circle text-warning"></i>
|
||
<strong>信息交叉验证风险</strong>：新闻情绪与路演现实存在差异，需深度基本面研究
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="section-card">
|
||
<h2 class="section-title"><i class="bi bi-lightbulb-fill"></i> 投资启示</h2>
|
||
<div class="highlight-box mb-3">
|
||
<h5 class="text-success">最具投资价值方向</h5>
|
||
<ol>
|
||
<li><strong>低估值+高确定性资产重估</strong>：深圳国际（00152.HK）及旗下A股公司</li>
|
||
<li><strong>稳健高股息+产业增量</strong>：深圳燃气（601139.SH）</li>
|
||
</ol>
|
||
</div>
|
||
<h6>关键跟踪指标：</h6>
|
||
<ul class="list-unstyled small">
|
||
<li>• 华南物流园项目进度（深圳国际）</li>
|
||
<li>• 新投产电厂用气量（深圳燃气）</li>
|
||
<li>• 重大并购重组计划公告（整个概念）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer class="mt-5 py-4 text-center" style="background: var(--dark-bg); border-top: 1px solid rgba(255,255,255,0.1);">
|
||
<p class="mb-0 opacity-75">© 2024 深圳本地股深度分析 | 基于公开数据与研究</p>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script>
|
||
// Smooth scroll animation
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||
behavior: 'smooth'
|
||
});
|
||
});
|
||
});
|
||
|
||
// Intersection Observer for animations
|
||
const observerOptions = {
|
||
threshold: 0.1,
|
||
rootMargin: '0px 0px -50px 0px'
|
||
};
|
||
|
||
const observer = new IntersectionObserver(function(entries) {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.style.opacity = '1';
|
||
entry.target.style.transform = 'translateY(0)';
|
||
}
|
||
});
|
||
}, observerOptions);
|
||
|
||
// Apply observer to section cards
|
||
document.querySelectorAll('.section-card').forEach(card => {
|
||
card.style.opacity = '0';
|
||
card.style.transform = 'translateY(30px)';
|
||
card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
|
||
observer.observe(card);
|
||
});
|
||
|
||
// Table row hover effect
|
||
document.querySelectorAll('.stock-table tbody tr').forEach(row => {
|
||
row.addEventListener('mouseenter', function() {
|
||
this.style.transform = 'scale(1.01)';
|
||
this.style.transition = 'transform 0.2s ease';
|
||
});
|
||
row.addEventListener('mouseleave', function() {
|
||
this.style.transform = 'scale(1)';
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |