Files
vf_react/public/htmls/超聚变借壳预期.html
2025-10-11 16:16:02 +08:00

792 lines
38 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.0">
<title>超聚变借壳预期 - 概念分析</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<style>
:root {
--primary-color: #1a73e8;
--secondary-color: #34a853;
--accent-color: #ea4335;
--dark-bg: #202124;
--light-bg: #f8f9fa;
--card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: var(--light-bg);
color: #333;
}
.navbar {
background-color: var(--dark-bg);
box-shadow: var(--card-shadow);
}
.navbar-brand {
font-weight: 700;
color: white !important;
}
.hero-section {
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: white;
padding: 3rem 0;
margin-bottom: 2rem;
}
.section-title {
position: relative;
margin-bottom: 1.5rem;
padding-bottom: 0.5rem;
font-weight: 700;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
background-color: var(--primary-color);
}
.card {
border: none;
border-radius: 8px;
box-shadow: var(--card-shadow);
margin-bottom: 1.5rem;
transition: transform 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
}
.card-header {
background-color: var(--primary-color);
color: white;
font-weight: 600;
border-radius: 8px 8px 0 0 !important;
}
.timeline {
position: relative;
padding-left: 30px;
}
.timeline::before {
content: '';
position: absolute;
left: 15px;
top: 0;
height: 100%;
width: 2px;
background: var(--primary-color);
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: -22px;
top: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--primary-color);
border: 2px solid white;
}
.timeline-date {
font-weight: 600;
color: var(--primary-color);
}
.stock-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
box-shadow: var(--card-shadow);
border-radius: 8px;
}
.stock-table thead th {
background-color: var(--primary-color);
color: white;
font-weight: 600;
padding: 1rem;
text-align: left;
}
.stock-table tbody tr:nth-child(even) {
background-color: rgba(26, 115, 232, 0.05);
}
.stock-table tbody tr:hover {
background-color: rgba(26, 115, 232, 0.1);
}
.stock-table td {
padding: 1rem;
border-top: 1px solid #e9ecef;
}
.badge-custom {
font-weight: 500;
padding: 0.5rem 0.75rem;
border-radius: 4px;
}
.badge-primary {
background-color: rgba(26, 115, 232, 0.1);
color: var(--primary-color);
}
.badge-success {
background-color: rgba(52, 168, 83, 0.1);
color: var(--secondary-color);
}
.badge-danger {
background-color: rgba(234, 67, 53, 0.1);
color: var(--accent-color);
}
.highlight-box {
background-color: rgba(26, 115, 232, 0.05);
border-left: 4px solid var(--primary-color);
padding: 1rem;
margin: 1rem 0;
border-radius: 0 4px 4px 0;
}
.risk-item {
margin-bottom: 1rem;
padding-left: 1.5rem;
position: relative;
}
.risk-item::before {
content: '\f06a';
font-family: 'bootstrap-icons';
position: absolute;
left: 0;
color: var(--accent-color);
}
.footer {
background-color: var(--dark-bg);
color: white;
padding: 2rem 0;
margin-top: 3rem;
}
@media (max-width: 768px) {
.hero-section {
padding: 2rem 0;
}
.timeline {
padding-left: 20px;
}
.timeline::before {
left: 10px;
}
.timeline-item::before {
left: -17px;
}
.stock-table {
font-size: 0.9rem;
}
.stock-table thead th,
.stock-table td {
padding: 0.75rem 0.5rem;
}
}
</style>
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand" href="#"><i class="bi bi-graph-up-arrow me-2"></i>超聚变借壳预期</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#concept">概念</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#timeline">时间轴</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#logic">核心逻辑</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#stocks">股票数据</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#risks">风险分析</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- 标题部分 -->
<section class="hero-section">
<div class="container">
<div class="row">
<div class="col-lg-8">
<h1 class="display-5 fw-bold mb-3">超聚变借壳预期</h1>
<p class="lead">华为剥离的服务器业务公司——超聚变数字技术有限公司可能通过借壳A股上市公司实现资本化的市场预期</p>
</div>
<div class="col-lg-4 text-lg-end mt-4 mt-lg-0">
<div class="d-flex flex-column align-items-lg-end">
<span class="badge badge-custom badge-success mb-2">算力基础设施</span>
<span class="badge badge-custom badge-primary mb-2">华为产业链</span>
<span class="badge badge-custom badge-danger">资本化预期</span>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<!-- 核心观点摘要 -->
<section id="concept" class="mb-5">
<h2 class="section-title">核心观点摘要</h2>
<div class="card">
<div class="card-body">
<p>超聚变借壳预期是受IPO收紧、借壳政策可能放宽及华为产业链资本化需求共同驱动的市场主题目前处于概念炒作与初步验证阶段核心驱动力在于算力产业高景气度与政策环境变化。随着华为产业链资产证券化加速及算力基础设施需求持续增长超聚变借壳上市的可能性正在提升但投资者需警惕政策落地不及预期、标的适配性不足及信息真实性等风险因素。</p>
<div class="highlight-box">
<p class="mb-0"><strong>关键数据点:</strong>2024年前8个月IPO过会家数仅32家IPO发行仅59家而撤否数量高达367家IPO通过率显著降低。</p>
</div>
</div>
</div>
</section>
<!-- 时间轴 -->
<section id="timeline" class="mb-5">
<h2 class="section-title">概念事件时间轴</h2>
<div class="card">
<div class="card-body">
<div class="timeline">
<div class="timeline-item">
<div class="timeline-date">2023年</div>
<h5>华鲲振宇借壳高新发展案例成功</h5>
<p>为华为产业链企业资本化提供参考模板。</p>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年前8个月</div>
<h5>IPO环境明显收紧</h5>
<p>过会家数仅32家IPO发行仅59家而撤否数量高达367家市场开始关注借壳作为替代融资渠道。</p>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年9月</div>
<h5>市场传闻借壳政策将放宽</h5>
<p>核心内容包括:借壳、救助上市公司行为态度放松;大股东买入上市公司控股权再注入资产不完全要求同类资产;主板可沟通双主业等。</p>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年9月27日</div>
<h5>华泰证券路演提及超聚变</h5>
<p>明确提及"类似于超聚变。目前来看高新发展,华鲲振宇借高新发展的这个动作,此前已经给市场打过一个样了",将超聚变借壳预期与华鲲振宇案例直接关联。</p>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年10月16日</div>
<h5>荣科科技澄清与超聚变关系</h5>
<p>发布股票交易严重异动公告,澄清"公司不存在与超聚变数字技术有限公司筹划重大资产重组相关事项的情形",直接证伪了市场对其作为借壳标的的预期。</p>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年10月25日</div>
<h5>威龙股份被传借壳预期</h5>
<p>威龙股份被传有九合云借壳预期,转型算力,并与超聚变存在业务关联,进一步强化算力板块借壳预期。</p>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年10月31日</div>
<h5>研报提及并购重组政策环境</h5>
<p>强调支持头部企业与双创企业作为并购主体,同时加大对"借壳上市"的监管力度,政策导向呈现"支持与规范并重"特点。</p>
</div>
</div>
</div>
</div>
</section>
<!-- 核心逻辑与市场认知 -->
<section id="logic" class="mb-5">
<h2 class="section-title">核心逻辑与市场认知</h2>
<div class="row">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">
<i class="bi bi-lightning-charge-fill me-2"></i>核心驱动力
</div>
<div class="card-body">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<strong>IPO环境收紧与借壳政策放松预期</strong>
<p class="mb-0 small text-muted">IPO通过率显著降低市场传闻借壳政策将大幅放松</p>
</li>
<li class="list-group-item">
<strong>华为产业链资本化需求</strong>
<p class="mb-0 small text-muted">超聚变是华为剥离出来的重要子公司,资本化路径受关注</p>
</li>
<li class="list-group-item">
<strong>算力产业高景气度</strong>
<p class="mb-0 small text-muted">算力租赁市场需求旺盛,价格持续上涨</p>
</li>
<li class="list-group-item">
<strong>国资改革与资产证券化需求</strong>
<p class="mb-0 small text-muted">多家与超聚变借壳预期相关的公司与河南国资有关</p>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">
<i class="bi bi-thermometer-half me-2"></i>市场热度与情绪
</div>
<div class="card-body">
<div class="mb-3">
<h6 class="text-success">乐观情绪</h6>
<ul class="small">
<li>市场普遍认为借壳政策将大幅放松</li>
<li>华鲲振宇借壳案例提供参考模板</li>
<li>算力产业高景气度为业务前景提供支撑</li>
</ul>
</div>
<div class="mb-3">
<h6 class="text-danger">谨慎态度</h6>
<ul class="small">
<li>荣科科技已澄清否认与超聚变借壳传闻</li>
<li>监管层对借壳上市态度仍审慎</li>
</ul>
</div>
<div>
<h6 class="text-warning">分歧点</h6>
<ul class="small">
<li>借壳标的选择分歧</li>
<li>时间进度预期分歧</li>
<li>政策解读分歧</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="card mt-4">
<div class="card-header">
<i class="bi bi-graph-down me-2"></i>预期差分析
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6 mb-3">
<h5>政策落地预期差</h5>
<p>市场对借壳政策放松的预期可能过于乐观,实际政策落地可能不如预期宽松,而是有选择性地支持特定类型企业的并购重组。</p>
</div>
<div class="col-md-6 mb-3">
<h5>借壳标的预期差</h5>
<p>荣科科技已发布澄清公告,明确否认与超聚变筹划重大资产重组,这直接证伪了市场的主要预期。</p>
</div>
<div class="col-md-6 mb-3">
<h5>业务协同预期差</h5>
<p>市场可能过于关注借壳本身和壳资源价值,而忽略了超聚变与潜在借壳标的之间的业务协同性。</p>
</div>
<div class="col-md-6 mb-3">
<h5>资本化路径预期差</h5>
<p>超聚变的资本化路径可能更为复杂和谨慎可能包括独立IPO、引入战略投资者等多种选择而非仅限于借壳。</p>
</div>
</div>
</div>
</div>
</section>
<!-- 关键催化剂与未来发展路径 -->
<section class="mb-5">
<h2 class="section-title">关键催化剂与未来发展路径</h2>
<div class="row">
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">
<i class="bi bi-broadcast me-2"></i>近期催化剂
</div>
<div class="card-body">
<ol>
<li><strong>借壳政策正式落地</strong> - 监管层正式发布借壳相关政策,明确借壳上市的标准和流程</li>
<li><strong>超聚变资本化路径明确</strong> - 超聚变或华为明确公司的资本化路径,包括是否选择借壳上市</li>
<li><strong>潜在借壳标的的实质性动作</strong> - 股权变更、高管调整、业务重组等信号</li>
<li><strong>算力产业政策支持</strong> - 国家出台更多支持算力产业发展的政策</li>
<li><strong>类似案例的成功实施</strong> - 华为产业链其他企业的成功借壳案例</li>
</ol>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="card h-100">
<div class="card-header">
<i class="bi bi-map me-2"></i>长期发展路径
</div>
<div class="card-body">
<div class="mb-3">
<h6>短期1年内政策明朗化与标的筛选</h6>
<ul class="small">
<li>借壳政策正式出台</li>
<li>超聚变明确资本化路径</li>
<li>潜在借壳标的浮现</li>
<li>初步接触与洽谈</li>
</ul>
</div>
<div class="mb-3">
<h6>中期1-2年借壳方案设计与实施</h6>
<ul class="small">
<li>借壳方案公布</li>
<li>监管审批</li>
<li>资产注入与股权变更</li>
<li>业务整合</li>
</ul>
</div>
<div>
<h6>长期2-5年业务发展与价值释放</h6>
<ul class="small">
<li>业务快速发展</li>
<li>业绩持续增长</li>
<li>进一步资本运作</li>
<li>价值充分释放</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 产业链与核心公司分析 -->
<section class="mb-5">
<h2 class="section-title">产业链与核心公司分析</h2>
<div class="card mb-4">
<div class="card-header">
<i class="bi bi-diagram-3 me-2"></i>产业链图谱
</div>
<div class="card-body">
<div class="row text-center">
<div class="col-md-4 mb-3">
<div class="card h-100">
<div class="card-body">
<h5 class="text-primary">上游</h5>
<p>算力基础设施与核心技术</p>
<ul class="list-unstyled small text-start">
<li>• 服务器硬件</li>
<li>• 芯片与处理器</li>
<li>• 存储设备</li>
<li>• 网络设备</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card h-100">
<div class="card-body">
<h5 class="text-success">中游</h5>
<p>算力服务与解决方案</p>
<ul class="list-unstyled small text-start">
<li>• 算力租赁</li>
<li>• 云服务</li>
<li>• 行业解决方案</li>
<li>• 系统集成</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card h-100">
<div class="card-body">
<h5 class="text-danger">下游</h5>
<p>应用场景与终端用户</p>
<ul class="list-unstyled small text-start">
<li>• 互联网公司</li>
<li>• 人工智能企业</li>
<li>• 政府与企业</li>
<li>• 科研机构</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<i class="bi bi-building me-2"></i>核心玩家对比
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6 mb-3">
<h5>领导者</h5>
<p>荣科科技曾被视为最可能的借壳标的,主要因为其与豫信电科的业务协同关系和管理层联系。但公司已发布澄清公告,否认与超聚变筹划重大资产重组,这显著降低了其作为领导者的地位。目前来看,安彩高科凭借河南国资背景和股权结构优势,可能成为新的领导者。</p>
</div>
<div class="col-md-6 mb-3">
<h5>追赶者</h5>
<p>开勒股份、棕榈股份、汇洲智能等公司被视为可能的借壳标的,但目前缺乏明确的业务进展或证据支持,处于追赶者地位。这些公司需要更多实质性动作才能提升市场预期。</p>
</div>
<div class="col-12">
<h5>逻辑最纯粹</h5>
<p>汇洲智能通过联力昭离基金间接持有超聚变股权,这种直接的资本联系使其借壳逻辑相对纯粹。虽然持股比例较低,但这种股权关系为借壳提供了直接的基础,比单纯的国资背景或业务协同更为直接和可验证。</p>
</div>
</div>
</div>
</div>
</section>
<!-- 股票数据表格 -->
<section id="stocks" class="mb-5">
<h2 class="section-title">股票数据</h2>
<div class="card">
<div class="card-body p-0">
<div class="table-responsive">
<table class="stock-table">
<thead>
<tr>
<th>股票名称</th>
<th>项目</th>
<th>关联类型</th>
<th>关联原因</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>荣科科技</strong></td>
<td>超聚变借壳预期</td>
<td>业务协同</td>
<td>豫信电科旗下上市平台,董事长段刚来自豫信电科,在旗下多家企业担任高管,有望促进业务协同</td>
</tr>
<tr>
<td><strong>开勒股份</strong></td>
<td>超聚变借壳预期</td>
<td>股东关系</td>
<td>豫资控股成为大股东并进入董事会持股50%深化与河南省AI算力建设协同</td>
</tr>
<tr>
<td><strong>安彩高科</strong></td>
<td>超聚变借壳预期</td>
<td>国资背景</td>
<td>与超聚变同属河南省财政厅控股,股价低、股权集中、业务契合度高,具备三大优势</td>
</tr>
<tr>
<td><strong>豫能控股</strong></td>
<td>超聚变借壳预期</td>
<td>控股股东</td>
<td>实控人为河南省财政厅河南省政府持股61.85%,连续亏损且需紧急转型</td>
</tr>
<tr>
<td><strong>棕榈股份</strong></td>
<td>超聚变借壳预期</td>
<td>重组预期</td>
<td>河南省财政厅持股29.82%,与豫能控股同属河南国资体系,连续六年亏损,存在重组预期</td>
</tr>
<tr>
<td><strong>汇洲智能</strong></td>
<td>超聚变借壳预期</td>
<td>股权投资</td>
<td>通过联力昭离基金间接持有超聚变股权基金持股3.786%,存在战略投资关系</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- 风险与挑战 -->
<section id="risks" class="mb-5">
<h2 class="section-title">潜在风险与挑战</h2>
<div class="row">
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-header">
<i class="bi bi-cpu me-2"></i>技术风险
</div>
<div class="card-body">
<div class="risk-item">
算力产业技术迭代较快,特别是在芯片、服务器架构等领域
</div>
<div class="risk-item">
国际环境变化可能影响超聚变在关键技术和零部件方面的获取
</div>
<div class="risk-item">
需持续保持技术领先,避免被竞争对手超越
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-header">
<i class="bi bi-currency-dollar me-2"></i>商业化风险
</div>
<div class="card-body">
<div class="risk-item">
成本风险A800服务器价格从90万上涨到120万涨幅达33%
</div>
<div class="risk-item">
市场接受度风险:国产服务器市场接受度有待验证
</div>
<div class="risk-item">
应用场景风险:算力需求增长是否可持续存在不确定性
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card h-100">
<div class="card-header">
<i class="bi bi-shield-exclamation me-2"></i>政策与竞争风险
</div>
<div class="card-body">
<div class="risk-item">
政策变动风险:借壳政策实际落地可能不如预期宽松
</div>
<div class="risk-item">
行业竞争加剧:国内外众多企业都在布局服务器和算力服务
</div>
<div class="risk-item">
国际关系风险:可能受到国际关系变化的影响
</div>
</div>
</div>
</div>
</div>
<div class="card mt-4">
<div class="card-header">
<i class="bi bi-exclamation-triangle me-2"></i>信息交叉验证风险
</div>
<div class="card-body">
<div class="row">
<div class="col-md-4 mb-3">
<h5>荣科科技的借壳预期</h5>
<p>公司已发布澄清公告,明确否认与超聚变筹划重大资产重组,这直接证伪了一个主要的借壳标的预期。</p>
</div>
<div class="col-md-4 mb-3">
<h5>借壳政策的预期</h5>
<p>市场传闻借壳政策将大幅放松,但研报数据显示政策同时也强调"加大对'借壳上市'的监管力度"。</p>
</div>
<div class="col-md-4 mb-3">
<h5>超聚变资本化路径</h5>
<p>市场普遍预期其将通过借壳快速实现资本化,但超聚变或华为尚未明确公司的资本化路径,增加了不确定性。</p>
</div>
</div>
</div>
</div>
</section>
<!-- 综合结论与投资启示 -->
<section class="mb-5">
<h2 class="section-title">综合结论与投资启示</h2>
<div class="card mb-4">
<div class="card-header">
<i class="bi bi-lightbulb me-2"></i>综合结论
</div>
<div class="card-body">
<p>超聚变借壳预期目前处于<strong>主题炒作阶段</strong>尚未进入基本面驱动阶段。虽然存在IPO收紧、借壳政策可能放宽、华为产业链资本化需求以及算力产业高景气度等驱动因素但超聚变借壳的具体路径、时间表和标的都存在较大不确定性。</p>
<p>从长期来看,超聚变作为华为旗下的优质算力基础设施企业,其资本化是大势所趋,但具体路径和时间表仍存在较大不确定性。投资者需要理性看待这一主题,避免盲目跟风炒作,关注实质性进展和政策落地情况。</p>
</div>
</div>
<div class="card">
<div class="card-header">
<i class="bi bi-graph-up me-2"></i>投资启示
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6 mb-3">
<h5>最具投资价值的细分环节或方向</h5>
<ul>
<li><strong>与超聚变有直接资本联系的公司</strong> - 如汇洲智能通过联力昭离基金间接持有超聚变股权</li>
<li><strong>河南国资体系内的公司</strong> - 如安彩高科、棕榈股份等,同属河南国资体系,可能获得政策支持</li>
<li><strong>算力产业相关公司</strong> - 如威龙股份等,受益于算力产业的高景气度</li>
</ul>
</div>
<div class="col-md-6 mb-3">
<h5>需要重点跟踪和验证的关键指标</h5>
<ul>
<li><strong>借壳政策的实际落地情况</strong> - 关注监管层是否正式发布借壳相关政策</li>
<li><strong>超聚变资本化路径的明确性</strong> - 关注超聚变或华为是否明确公司的资本化路径</li>
<li><strong>潜在借壳标的的实质性动作</strong> - 关注股权变动、高管调整、业务重组等</li>
<li><strong>算力产业景气度的持续性</strong> - 关注算力服务器的价格走势、市场需求变化</li>
</ul>
</div>
</div>
<div class="highlight-box mt-3">
<p class="mb-0"><strong>投资建议:</strong>超聚变借壳预期是一个具有较高不确定性的主题投资机会,投资者需要密切关注相关政策和公司动态,谨慎评估风险,避免盲目跟风。</p>
</div>
</div>
</div>
</section>
</div>
<!-- 页脚 -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<h5>超聚变借壳预期分析</h5>
<p class="mb-0">本页面仅为概念分析,不构成投资建议。投资有风险,入市需谨慎。</p>
</div>
<div class="col-md-6 text-md-end">
<p class="mb-0">数据来源:公开市场信息 | 更新时间2024年</p>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
// 平滑滚动
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
window.scrollTo({
top: target.offsetTop - 70,
behavior: 'smooth'
});
}
});
});
// 导航栏滚动效果
window.addEventListener('scroll', function() {
const navbar = document.querySelector('.navbar');
if (window.scrollY > 50) {
navbar.style.padding = '0.5rem 0';
} else {
navbar.style.padding = '1rem 0';
}
});
</script>
</body>
</html>