feat: 10.10线上最新代码提交

This commit is contained in:
zdl
2025-10-11 16:16:02 +08:00
parent 4d0dc109bc
commit 495ad758ea
3338 changed files with 460147 additions and 152745 deletions

719
public/htmls/烧碱.html Normal file
View File

@@ -0,0 +1,719 @@
<!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>
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f0f9ff;
}
.section-card {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.gradient-text {
background: linear-gradient(90deg, #0284c7, #0ea5e9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.highlight-box {
background: linear-gradient(135deg, #dbeafe, #eff6ff);
border-left: 4px solid #0284c7;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.section-card {
margin-bottom: 1rem;
}
}
#tsparticles {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
</style>
</head>
<body>
<div id="tsparticles"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-4xl md:text-5xl font-bold gradient-text mb-4">烧碱概念分析报告</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">深度解析烧碱行业供需格局、核心逻辑与投资机会</p>
<div class="mt-4 flex justify-center">
<span class="inline-flex items-center px-4 py-2 bg-blue-100 text-blue-800 rounded-full text-sm font-medium">
<i class="fas fa-flask mr-2"></i> 化工原料 · 氯碱化工 · 供需分析
</span>
</div>
</div>
<!-- 概念事件 -->
<div class="section-card rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
<i class="fas fa-bolt text-blue-600"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">概念事件</h2>
</div>
<div class="highlight-box p-4 rounded-lg mb-4">
<h3 class="font-semibold text-lg text-gray-800 mb-2">背景</h3>
<p class="text-gray-700">烧碱(氢氧化钠)是基础化工原料,<span class="font-semibold text-blue-700">30%需求来自氧化铝生产</span>其余用于造纸、印染、化工等。2024年行业总产能<span class="font-semibold text-blue-700">5042万吨</span>(同比+3.3%),但受"双碳"政策限制新增产能审批趋严2025年规划新增仅<span class="font-semibold text-blue-700">380万吨</span>(实际落地或更低)。</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6">
<div class="bg-blue-50 p-4 rounded-lg border border-blue-100">
<div class="flex items-center mb-2">
<i class="fas fa-calendar-alt text-blue-600 mr-2"></i>
<h4 class="font-semibold text-blue-800">2025Q1氧化铝集中投产</h4>
</div>
<p class="text-sm text-gray-700">国内新增<span class="font-semibold">690万吨</span>占全年1180万吨的58%需提前1-3个月备货烧碱每100万吨氧化铝需8-10万吨烧碱形成<span class="font-semibold text-red-600">26万吨供需缺口</span>2025H1</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg border border-blue-100">
<div class="flex items-center mb-2">
<i class="fas fa-tools text-blue-600 mr-2"></i>
<h4 class="font-semibold text-blue-800">2025年2月韩华检修</h4>
</div>
<p class="text-sm text-gray-700">韩国104万吨产能停产1个月计划从中国进口<span class="font-semibold">8.7万吨</span>补缺口,推升出口预期。</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg border border-blue-100">
<div class="flex items-center mb-2">
<i class="fas fa-chart-line text-blue-600 mr-2"></i>
<h4 class="font-semibold text-blue-800">2024年12月期货暴涨</h4>
</div>
<p class="text-sm text-gray-700">SH05合约从2600元/吨涨至<span class="font-semibold text-green-600">3497元/吨</span>+30%反映市场对2025H1供需错配的提前定价。</p>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="section-card rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center mr-3">
<i class="fas fa-lightbulb text-green-600"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">核心观点摘要</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gradient-to-br from-green-50 to-blue-50 p-5 rounded-lg border border-green-100">
<div class="flex items-center mb-3">
<div class="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center mr-2">
<span class="text-white font-bold">1</span>
</div>
<h3 class="font-semibold text-gray-800">当前阶段</h3>
</div>
<p class="text-gray-700">烧碱处于<span class="font-semibold text-green-700">"政策约束下的结构性短缺"</span>阶段2025H1供需缺口明确但全年过剩121万吨压制长期空间。</p>
</div>
<div class="bg-gradient-to-br from-green-50 to-blue-50 p-5 rounded-lg border border-green-100">
<div class="flex items-center mb-3">
<div class="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center mr-2">
<span class="text-white font-bold">2</span>
</div>
<h3 class="font-semibold text-gray-800">核心驱动力</h3>
</div>
<p class="text-gray-700"><span class="font-semibold text-green-700">氧化铝投产节奏与氯碱平衡</span>(液氯滞销倒逼烧碱减产)。</p>
</div>
<div class="bg-gradient-to-br from-green-50 to-blue-50 p-5 rounded-lg border border-green-100">
<div class="flex items-center mb-3">
<div class="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center mr-2">
<span class="text-white font-bold">3</span>
</div>
<h3 class="font-semibold text-gray-800">未来潜力</h3>
</div>
<p class="text-gray-700"><span class="font-semibold text-green-700">2025Q1-Q2现货价格或突破3500元/吨</span>山东32%液碱折百价但Q3后需警惕产能释放。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="section-card rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center mr-3">
<i class="fas fa-brain text-purple-600"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">核心逻辑与市场认知分析</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-rocket text-purple-600 mr-2"></i>核心驱动力
</h3>
<ul class="space-y-3">
<li class="flex items-start">
<span class="text-purple-600 mr-2"></span>
<div>
<span class="font-semibold text-gray-800">需求端:</span>
<span class="text-gray-700">2025年氧化铝新增1180万吨国内对应177万吨烧碱需求按0.15吨/吨氧化铝但上半年仅690万吨投产形成时间错配。</span>
</div>
</li>
<li class="flex items-start">
<span class="text-purple-600 mr-2"></span>
<div>
<span class="font-semibold text-gray-800">供给端:</span>
<span class="text-gray-700">2025年新增产能380万吨实际或仅200万吨落地且73%集中在下半年2025H1新增仅31.5万吨)。</span>
</div>
</li>
<li class="flex items-start">
<span class="text-purple-600 mr-2"></span>
<div>
<span class="font-semibold text-gray-800">氯碱平衡:</span>
<span class="text-gray-700">液氯价格跌至-600元/吨(山东),企业被迫减产烧碱以消化氯气,进一步收紧供应。</span>
</div>
</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-chart-pie text-purple-600 mr-2"></i>市场热度与情绪
</h3>
<div class="bg-purple-50 p-4 rounded-lg mb-4">
<div class="flex items-center mb-2">
<i class="fas fa-coins text-purple-600 mr-2"></i>
<span class="font-semibold text-gray-800">期货持仓量</span>
</div>
<p class="text-gray-700">2025年1月SH05合约持仓从6万手暴增至<span class="font-semibold text-purple-700">22.5万手</span>+275%资金押注Q1缺口。</p>
</div>
<div class="bg-purple-50 p-4 rounded-lg">
<div class="flex items-center mb-2">
<i class="fas fa-balance-scale text-purple-600 mr-2"></i>
<span class="font-semibold text-gray-800">研报分歧</span>
</div>
<div class="grid grid-cols-2 gap-2">
<div class="bg-green-100 p-2 rounded">
<p class="text-xs font-semibold text-green-800">乐观派(中金、国君)</p>
<p class="text-xs text-gray-700">Q1缺口26万吨价格看3500-3700元/吨</p>
</div>
<div class="bg-yellow-100 p-2 rounded">
<p class="text-xs font-semibold text-yellow-800">谨慎派(光大)</p>
<p class="text-xs text-gray-700">全年过剩121万吨Q1缺口或被进口铝土矿替代</p>
</div>
</div>
</div>
</div>
</div>
<div class="mt-6 bg-yellow-50 p-4 rounded-lg border-l-4 border-yellow-400">
<h3 class="text-lg font-semibold text-gray-800 mb-2 flex items-center">
<i class="fas fa-exclamation-triangle text-yellow-600 mr-2"></i>预期差
</h3>
<ul class="space-y-2">
<li class="flex items-start">
<span class="text-yellow-600 mr-2"></span>
<div>
<span class="font-semibold text-gray-800">市场忽略点1</span>
<span class="text-gray-700">进口矿替代若氧化铝厂改用几内亚矿单耗0.08 vs 国产矿0.15),需求增量或减半。</span>
</div>
</li>
<li class="flex items-start">
<span class="text-yellow-600 mr-2"></span>
<div>
<span class="font-semibold text-gray-800">市场忽略点2</span>
<span class="text-gray-700">PVC减产风险若地产链持续低迷液氯需求崩塌可能倒逼烧碱被动减产超50万吨反而加剧短缺。</span>
</div>
</li>
</ul>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="section-card rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-red-100 flex items-center justify-center mr-3">
<i class="fas fa-fire text-red-600"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">关键催化剂与未来发展路径</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-clock text-red-600 mr-2"></i>近期催化剂3-6个月
</h3>
<div class="space-y-3">
<div class="bg-red-50 p-3 rounded-lg border border-red-100">
<div class="flex items-center mb-1">
<i class="fas fa-wrench text-red-500 mr-2"></i>
<span class="font-semibold text-gray-800">2025年3月检修</span>
</div>
<p class="text-sm text-gray-700">广西华谊30万吨检修+福建东南电化102万吨轮修供应再减10万吨。</p>
</div>
<div class="bg-red-50 p-3 rounded-lg border border-red-100">
<div class="flex items-center mb-1">
<i class="fas fa-warehouse text-red-500 mr-2"></i>
<span class="font-semibold text-gray-800">氧化铝厂备货启动</span>
</div>
<p class="text-sm text-gray-700">山东魏桥、广西华昇等需在3-4月完成罐槽备货需50万吨烧碱</p>
</div>
<div class="bg-red-50 p-3 rounded-lg border border-red-100">
<div class="flex items-center mb-1">
<i class="fas fa-globe-asia text-red-500 mr-2"></i>
<span class="font-semibold text-gray-800">出口订单</span>
</div>
<p class="text-sm text-gray-700">韩国2-3月检修缺口或拉动中国出口10万吨占月度需求3%)。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-route text-red-600 mr-2"></i>长期路径
</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-800 rounded-full w-8 h-8 flex items-center justify-center font-bold mr-3 flex-shrink-0">1</div>
<div>
<p class="font-semibold text-gray-800">2025H1</p>
<p class="text-sm text-gray-700">供需缺口推动价格至3200-3500元/吨山东32%液碱)。</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 text-blue-800 rounded-full w-8 h-8 flex items-center justify-center font-bold mr-3 flex-shrink-0">2</div>
<div>
<p class="font-semibold text-gray-800">2025H2</p>
<p class="text-sm text-gray-700">新增产能释放陕西金泰60万吨、东南电化30万吨价格回落至2500-2800元/吨。</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 text-blue-800 rounded-full w-8 h-8 flex items-center justify-center font-bold mr-3 flex-shrink-0">3</div>
<div>
<p class="font-semibold text-gray-800">2026年后</p>
<p class="text-sm text-gray-700">电解铝4500万吨产能红线压制氧化铝需求行业回归过剩。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="section-card rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-indigo-100 flex items-center justify-center mr-3">
<i class="fas fa-sitemap text-indigo-600"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">产业链与核心公司深度剖析</h2>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-project-diagram text-indigo-600 mr-2"></i>产业链图谱
</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-indigo-50 p-4 rounded-lg text-center">
<div class="w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-3">
<i class="fas fa-mountain text-indigo-600"></i>
</div>
<h4 class="font-semibold text-gray-800 mb-2">上游</h4>
<p class="text-sm text-gray-700">原盐200-370元/吨、电力西北0.29元/度 vs 华东0.54元/度)</p>
</div>
<div class="bg-indigo-50 p-4 rounded-lg text-center">
<div class="w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-3">
<i class="fas fa-industry text-indigo-600"></i>
</div>
<h4 class="font-semibold text-gray-800 mb-2">中游</h4>
<p class="text-sm text-gray-700">烧碱生产(离子膜法,副产液氯)</p>
</div>
<div class="bg-indigo-50 p-4 rounded-lg text-center">
<div class="w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-3">
<i class="fas fa-shopping-cart text-indigo-600"></i>
</div>
<h4 class="font-semibold text-gray-800 mb-2">下游</h4>
<p class="text-sm text-gray-700">氧化铝30%、造纸15%、印染10%、出口2024年307万吨</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-building text-indigo-600 mr-2"></i>核心玩家对比
</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white rounded-lg overflow-hidden">
<thead class="bg-indigo-600 text-white">
<tr>
<th class="py-3 px-4 text-left">公司</th>
<th class="py-3 px-4 text-left">烧碱产能</th>
<th class="py-3 px-4 text-left">PVC配套</th>
<th class="py-3 px-4 text-left">成本优势</th>
<th class="py-3 px-4 text-left">风险</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">新疆天业</td>
<td class="py-3 px-4 text-gray-700">200万吨</td>
<td class="py-3 px-4 text-gray-700">134万吨</td>
<td class="py-3 px-4 text-gray-700">自备电厂0.29元/度)</td>
<td class="py-3 px-4 text-gray-700">PVC亏损拖累现金流</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">氯碱化工</td>
<td class="py-3 px-4 text-gray-700">150万吨</td>
<td class="py-3 px-4 text-gray-700">48万吨</td>
<td class="py-3 px-4 text-gray-700">华东出口便利</td>
<td class="py-3 px-4 text-gray-700">区域竞争激烈</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">ST中泰</td>
<td class="py-3 px-4 text-gray-700">152万吨</td>
<td class="py-3 px-4 text-gray-700">213万吨</td>
<td class="py-3 px-4 text-gray-700">新疆低电价</td>
<td class="py-3 px-4 text-gray-700">债务问题限制开工率</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">滨化股份</td>
<td class="py-3 px-4 text-gray-700">61万吨</td>
<td class="py-3 px-4 text-gray-700"></td>
<td class="py-3 px-4 text-gray-700">环氧丙烷协同</td>
<td class="py-3 px-4 text-gray-700">产能规模较小</td>
</tr>
</tbody>
</table>
</div>
<div class="mt-4 bg-indigo-50 p-4 rounded-lg">
<h4 class="font-semibold text-gray-800 mb-2 flex items-center">
<i class="fas fa-check-circle text-indigo-600 mr-2"></i>验证与证伪
</h4>
<ul class="space-y-2">
<li class="flex items-start">
<span class="text-indigo-600 mr-2"></span>
<div>
<span class="font-semibold text-gray-800">新疆天业:</span>
<span class="text-gray-700">路演显示其PVC亏损1300元/吨,但烧碱盈利可覆盖,逻辑成立。</span>
</div>
</li>
<li class="flex items-start">
<span class="text-indigo-600 mr-2"></span>
<div>
<span class="font-semibold text-gray-800">ST中泰</span>
<span class="text-gray-700">2024年开工率仅60%债务问题若Q1涨价或修复开工弹性最大。</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="section-card rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-yellow-100 flex items-center justify-center mr-3">
<i class="fas fa-exclamation-triangle text-yellow-600"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">潜在风险与挑战</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-yellow-50 p-4 rounded-lg border border-yellow-200">
<div class="flex items-center mb-2">
<i class="fas fa-microchip text-yellow-600 mr-2"></i>
<h3 class="font-semibold text-gray-800">技术风险</h3>
</div>
<p class="text-gray-700">无重大瓶颈,但<span class="font-semibold text-yellow-700">进口矿替代</span>可能降低烧碱单耗30%。</p>
</div>
<div class="bg-yellow-50 p-4 rounded-lg border border-yellow-200">
<div class="flex items-center mb-2">
<i class="fas fa-dollar-sign text-yellow-600 mr-2"></i>
<h3 class="font-semibold text-gray-800">商业化风险</h3>
</div>
<p class="text-gray-700"><span class="font-semibold text-yellow-700">轻碱替代</span>:若纯碱与烧碱价差>500元/吨,氧化铝厂或改用纯碱(替代率<5%</p>
</div>
<div class="bg-yellow-50 p-4 rounded-lg border border-yellow-200">
<div class="flex items-center mb-2">
<i class="fas fa-balance-scale text-yellow-600 mr-2"></i>
<h3 class="font-semibold text-gray-800">政策风险</h3>
</div>
<p class="text-gray-700">2025年"十四五"收官,环保督查或导致<span class="font-semibold text-yellow-700">西北高耗能装置限产</span></p>
</div>
<div class="bg-yellow-50 p-4 rounded-lg border border-yellow-200">
<div class="flex items-center mb-2">
<i class="fas fa-info-circle text-yellow-600 mr-2"></i>
<h3 class="font-semibold text-gray-800">信息矛盾</h3>
</div>
<p class="text-gray-700"><span class="font-semibold text-yellow-700">产能数据</span>路演称2025年新增380万吨但部分研报预测仅200万吨落地政策延迟</p>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="section-card rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center mr-3">
<i class="fas fa-flag-checkered text-green-600"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">综合结论与投资启示</h2>
</div>
<div class="bg-gradient-to-r from-green-50 to-blue-50 p-5 rounded-lg mb-6">
<div class="flex items-center mb-3">
<i class="fas fa-compass text-green-600 mr-2"></i>
<h3 class="text-xl font-semibold text-gray-800">阶段判断</h3>
</div>
<p class="text-gray-700">烧碱处于<span class="font-semibold text-green-700">"短期短缺+长期过剩"</span>的过渡期,<span class="font-semibold text-green-700">2025Q1-Q2是最佳交易窗口</span></p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<div>
<div class="flex items-center mb-3">
<i class="fas fa-chart-line text-green-600 mr-2"></i>
<h3 class="text-xl font-semibold text-gray-800">投资方向</h3>
</div>
<div class="space-y-3">
<div class="bg-white p-4 rounded-lg border border-green-200 shadow-sm">
<div class="flex items-center mb-2">
<i class="fas fa-coins text-green-500 mr-2"></i>
<span class="font-semibold text-gray-800">做多05合约</span>
</div>
<p class="text-sm text-gray-700">基差-500元/吨,现货跟涨概率高。</p>
</div>
<div class="bg-white p-4 rounded-lg border border-green-200 shadow-sm">
<div class="flex items-center mb-2">
<i class="fas fa-building text-green-500 mr-2"></i>
<span class="font-semibold text-gray-800">标的</span>
</div>
<ul class="text-sm text-gray-700 space-y-1">
<li><span class="font-semibold">新疆天业</span>(低估值+成本优势)</li>
<li><span class="font-semibold">ST中泰</span>(高弹性+困境反转)</li>
</ul>
</div>
</div>
</div>
<div>
<div class="flex items-center mb-3">
<i class="fas fa-tasks text-green-600 mr-2"></i>
<h3 class="text-xl font-semibold text-gray-800">跟踪指标</h3>
</div>
<div class="space-y-3">
<div class="bg-white p-4 rounded-lg border border-green-200 shadow-sm">
<div class="flex items-center mb-2">
<span class="w-6 h-6 rounded-full bg-green-100 flex items-center justify-center text-green-800 font-bold text-xs mr-2">1</span>
<span class="font-semibold text-gray-800">氧化铝厂库存天数</span>
</div>
<p class="text-sm text-gray-700">当前20天若降至15天将触发抢货。</p>
</div>
<div class="bg-white p-4 rounded-lg border border-green-200 shadow-sm">
<div class="flex items-center mb-2">
<span class="w-6 h-6 rounded-full bg-green-100 flex items-center justify-center text-green-800 font-bold text-xs mr-2">2</span>
<span class="font-semibold text-gray-800">液氯价格</span>
</div>
<p class="text-sm text-gray-700">若持续&lt;-800元/吨,烧碱减产超预期。</p>
</div>
<div class="bg-white p-4 rounded-lg border border-green-200 shadow-sm">
<div class="flex items-center mb-2">
<span class="w-6 h-6 rounded-full bg-green-100 flex items-center justify-center text-green-800 font-bold text-xs mr-2">3</span>
<span class="font-semibold text-gray-800">进口铝土矿占比</span>
</div>
<p class="text-sm text-gray-700">若超70%烧碱需求下调20万吨。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 关联股票数据表格 -->
<div class="section-card rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
<i class="fas fa-table text-blue-600"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">关联股票数据</h2>
</div>
<div class="table-container">
<table class="min-w-full bg-white rounded-lg overflow-hidden">
<thead class="bg-blue-600 text-white">
<tr>
<th class="py-3 px-4 text-left">股票名称</th>
<th class="py-3 px-4 text-left">行业</th>
<th class="py-3 px-4 text-left">项目</th>
<th class="py-3 px-4 text-left">分类</th>
<th class="py-3 px-4 text-left">产业链</th>
<th class="py-3 px-4 text-left">原因</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">新疆天业</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">氯碱化工产业链</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为1.35,为表格中最高值,反映产能效率较高或市场估值较低</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">英力特</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">基础化工材料</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为0.93,高于行业平均水平</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">镇洋发展</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">氯碱化工产业链</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为0.86,接近行业平均水平</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">天原股份</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">氯碱化工产业链</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为0.83,接近行业平均水平</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">滨化股份</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">基础化工材料</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为0.77,略低于行业平均水平</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">氯碱化工</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">氯碱化工产业链</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为0.73,产能规模居行业前列</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">华塑股份</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">氯碱化工产业链</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为0.57,产能利用率较高</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">北园集团</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">基础化工材料</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为0.48,产能规模较大但市值较高</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">三友化工</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">氯碱化工产业链</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为0.48,产能与市值匹配度一般</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">航锦科技</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">基础化工材料</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为0.36,产能规模较小</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">君正集团</td>
<td class="py-3 px-4 text-gray-700">烧碱</td>
<td class="py-3 px-4 text-gray-700">烧碱产能</td>
<td class="py-3 px-4 text-gray-700">化工行业</td>
<td class="py-3 px-4 text-gray-700">氯碱化工产业链</td>
<td class="py-3 px-4 text-gray-700">产能/市值比率为0.13,产能规模较大但市值显著偏高</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script>
// 初始化粒子背景
tsParticles.load("tsparticles", {
background: {
color: {
value: "#f0f9ff",
},
},
fpsLimit: 60,
particles: {
color: {
value: ["#0284c7", "#0ea5e9", "#7dd3fc"],
},
links: {
color: "#93c5fd",
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,
});
</script>
</body>
</html>
```