Files
vf_react/public/htmls/反内卷快递.html
2025-10-11 16:16:02 +08:00

817 lines
37 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, shrink-to-fit=no">
<title>反内卷快递 - 行业洞察报告</title>
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Nucleo Icons -->
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-icons.css" rel="stylesheet" />
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-svg.css" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- CSS Files -->
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/soft-design-system-pro.css?v=1.2.0" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
min-height: 100vh;
}
.card {
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(255, 255, 255, 0.18);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
}
.gradient-bg {
background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
@keyframes gradient {
0% {background-position: 0% 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0% 50%;}
}
.timeline-dot {
width: 12px;
height: 12px;
border-radius: 50%;
display: inline-block;
margin-right: 8px;
}
.table-responsive {
overflow-x: auto;
}
.badge-dot {
display: inline-flex;
align-items: center;
}
.badge-dot i {
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
margin-right: 4px;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.tab-button.active {
background-color: #1a2a6c;
color: white;
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
</style>
</head>
<body>
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-7xl">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">反内卷快递</h1>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">从政策喊话到区域落地验证,快递行业迎来价格修复新周期</p>
</div>
<!-- 概述卡片 -->
<div class="card rounded-xl p-6 mb-8">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4">
<i class="fas fa-shipping-fast text-blue-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">概念概述</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-blue-50 p-4 rounded-lg">
<h3 class="font-semibold text-blue-800 mb-2">政策定调</h3>
<p class="text-gray-700">2025年7月8日国家邮政局首次明确提出"旗帜鲜明反对内卷式竞争"</p>
</div>
<div class="bg-green-50 p-4 rounded-lg">
<h3 class="font-semibold text-green-800 mb-2">区域落地</h3>
<p class="text-gray-700">义乌、广东率先提价标志着政策执行力强于2021年</p>
</div>
<div class="bg-amber-50 p-4 rounded-lg">
<h3 class="font-semibold text-amber-800 mb-2">未来潜力</h3>
<p class="text-gray-700">行业单票利润弹性可达20%-50%,进入基本面验证期</p>
</div>
</div>
</div>
<!-- 标签页导航 -->
<div class="flex flex-wrap mb-4 border-b">
<button class="tab-button px-4 py-2 font-medium text-gray-700 hover:text-blue-600 active" onclick="openTab(event, 'timeline')">
概念事件
</button>
<button class="tab-button px-4 py-2 font-medium text-gray-700 hover:text-blue-600" onclick="openTab(event, 'core-view')">
核心观点
</button>
<button class="tab-button px-4 py-2 font-medium text-gray-700 hover:text-blue-600" onclick="openTab(event, 'logic-analysis')">
逻辑分析
</button>
<button class="tab-button px-4 py-2 font-medium text-gray-700 hover:text-blue-600" onclick="openTab(event, 'catalyst')">
催化剂与路径
</button>
<button class="tab-button px-4 py-2 font-medium text-gray-700 hover:text-blue-600" onclick="openTab(event, 'industry-chain')">
产业链剖析
</button>
<button class="tab-button px-4 py-2 font-medium text-gray-700 hover:text-blue-600" onclick="openTab(event, 'risks')">
风险与挑战
</button>
<button class="tab-button px-4 py-2 font-medium text-gray-700 hover:text-blue-600" onclick="openTab(event, 'conclusion')">
投资启示
</button>
</div>
<!-- 标签页内容 -->
<div class="card rounded-xl p-6 mb-8">
<!-- 概念事件 -->
<div id="timeline" class="tab-content active">
<h2 class="text-2xl font-bold text-gray-800 mb-6">概念事件</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-700 mb-3">政策定调</h3>
<div class="bg-blue-50 p-4 rounded-lg">
<p class="text-gray-700">2025年7月8日国家邮政局党组会议首次明确提出"旗帜鲜明反对内卷式竞争",并强调整治末端服务质量问题。</p>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-700 mb-3">地方落地</h3>
<div class="space-y-4">
<div class="flex items-start">
<span class="timeline-dot bg-green-500 mt-1"></span>
<div class="bg-green-50 p-4 rounded-lg flex-1">
<p class="font-medium text-green-800">义乌</p>
<p class="text-gray-700">7月18日率先提价0.1元/票底价从1.05元升至1.1元</p>
</div>
</div>
<div class="flex items-start">
<span class="timeline-dot bg-blue-500 mt-1"></span>
<div class="bg-blue-50 p-4 rounded-lg flex-1">
<p class="font-medium text-blue-800">广东</p>
<p class="text-gray-700">8月2日全省联动涨价0.4-0.5元/票目标底价1.4元以上</p>
</div>
</div>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-700 mb-3">历史对标</h3>
<div class="bg-amber-50 p-4 rounded-lg">
<p class="text-gray-700">2021年曾通过"共同富裕"政策推动派费上调0.2元/票带动圆通Q4利润同比+200%</p>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-3">时间轴</h3>
<div class="relative pl-8 border-l-2 border-gray-300">
<div class="mb-6 relative">
<div class="absolute -left-9 top-0 w-6 h-6 rounded-full bg-blue-500 border-4 border-white"></div>
<p class="font-medium text-gray-800">2025年3月</p>
<p class="text-gray-600">价格战触底义乌底价跌破1元</p>
</div>
<div class="mb-6 relative">
<div class="absolute -left-9 top-0 w-6 h-6 rounded-full bg-green-500 border-4 border-white"></div>
<p class="font-medium text-gray-800">2025年7月</p>
<p class="text-gray-600">政策转向</p>
</div>
<div class="mb-6 relative">
<div class="absolute -left-9 top-0 w-6 h-6 rounded-full bg-amber-500 border-4 border-white"></div>
<p class="font-medium text-gray-800">2025年8月</p>
<p class="text-gray-600">区域涨价落地</p>
</div>
<div class="relative">
<div class="absolute -left-9 top-0 w-6 h-6 rounded-full bg-purple-500 border-4 border-white"></div>
<p class="font-medium text-gray-800">2025年Q4</p>
<p class="text-gray-600">旺季预期全国扩散</p>
</div>
</div>
</div>
</div>
<!-- 核心观点 -->
<div id="core-view" class="tab-content">
<h2 class="text-2xl font-bold text-gray-800 mb-6">核心观点摘要</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
<div class="bg-gradient-to-br from-blue-50 to-blue-100 p-6 rounded-xl border border-blue-200">
<div class="w-12 h-12 rounded-full bg-blue-500 flex items-center justify-center mb-4">
<i class="fas fa-chart-line text-white text-xl"></i>
</div>
<h3 class="text-xl font-semibold text-blue-800 mb-3">阶段判断</h3>
<p class="text-gray-700">反内卷快递已从"政策喊话"进入"区域落地验证期"广东涨价超预期标志着政策执行力强于2021年。</p>
</div>
<div class="bg-gradient-to-br from-green-50 to-green-100 p-6 rounded-xl border border-green-200">
<div class="w-12 h-12 rounded-full bg-green-500 flex items-center justify-center mb-4">
<i class="fas fa-cogs text-white text-xl"></i>
</div>
<h3 class="text-xl font-semibold text-green-800 mb-3">核心驱动力</h3>
<p class="text-gray-700">监管强制修复价格(非需求拉动),叠加加盟商现金流断裂压力,形成"政策+生存"双轮驱动。</p>
</div>
<div class="bg-gradient-to-br from-amber-50 to-amber-100 p-6 rounded-xl border border-amber-200">
<div class="w-12 h-12 rounded-full bg-amber-500 flex items-center justify-center mb-4">
<i class="fas fa-rocket text-white text-xl"></i>
</div>
<h3 class="text-xl font-semibold text-amber-800 mb-3">未来潜力</h3>
<p class="text-gray-700">若广东模式复制至义乌/福建行业单票利润弹性可达20%-50%基于2021年圆通0.16元/票环比增幅)。</p>
</div>
</div>
<div class="bg-gray-50 p-6 rounded-xl">
<h3 class="text-xl font-semibold text-gray-800 mb-4">关键数据</h3>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
<div class="text-center p-4 bg-white rounded-lg shadow-sm">
<p class="text-3xl font-bold text-blue-600">0.4-0.5</p>
<p class="text-gray-600">广东涨价(元/票)</p>
</div>
<div class="text-center p-4 bg-white rounded-lg shadow-sm">
<p class="text-3xl font-bold text-green-600">80%</p>
<p class="text-gray-600">义乌加盟商亏损比例</p>
</div>
<div class="text-center p-4 bg-white rounded-lg shadow-sm">
<p class="text-3xl font-bold text-amber-600">20-50%</p>
<p class="text-gray-600">行业利润弹性</p>
</div>
<div class="text-center p-4 bg-white rounded-lg shadow-sm">
<p class="text-3xl font-bold text-purple-600">8家</p>
<p class="text-gray-600">券商专题研报数量</p>
</div>
</div>
</div>
</div>
<!-- 逻辑分析 -->
<div id="logic-analysis" class="tab-content">
<h2 class="text-2xl font-bold text-gray-800 mb-6">核心逻辑与市场认知分析</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-700 mb-4">核心驱动力</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-blue-50 p-5 rounded-xl border-l-4 border-blue-500">
<h4 class="font-semibold text-blue-800 mb-2">政策强制供给收缩</h4>
<p class="text-gray-700">不同于2021年"共同富裕"软性约束,本轮通过《价格法》修订赋予监管执法权,广东邮管局直接核定成本价。</p>
</div>
<div class="bg-green-50 p-5 rounded-xl border-l-4 border-green-500">
<h4 class="font-semibold text-green-800 mb-2">加盟商现金流危机</h4>
<p class="text-gray-700">草根调研显示80%义乌加盟商亏损,跑路风险倒逼总部妥协。</p>
</div>
</div>
</div>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-700 mb-4">市场热度与情绪</h3>
<div class="space-y-4">
<div class="flex items-center p-4 bg-purple-50 rounded-lg">
<i class="fas fa-fire text-purple-600 text-xl mr-4"></i>
<div>
<p class="font-medium text-purple-800">新闻热度</p>
<p class="text-gray-700">7月8日政策发布后申通/圆通连续3日涨停</p>
</div>
</div>
<div class="flex items-center p-4 bg-indigo-50 rounded-lg">
<i class="fas fa-file-alt text-indigo-600 text-xl mr-4"></i>
<div>
<p class="font-medium text-indigo-800">研报密集度</p>
<p class="text-gray-700">7月21-30日8家券商发布反内卷专题申通被6次列为首推弹性标的</p>
</div>
</div>
<div class="flex items-center p-4 bg-pink-50 rounded-lg">
<i class="fas fa-balance-scale text-pink-600 text-xl mr-4"></i>
<div>
<p class="font-medium text-pink-800">情绪分歧</p>
<p class="text-gray-700">部分机构认为仅是"阶段性修复"(国海交运),但长江/浙商明确对标2021年"翻倍行情"</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">预期差</h3>
<div class="bg-amber-50 p-5 rounded-xl">
<div class="mb-4">
<h4 class="font-semibold text-amber-800 mb-2">市场忽略点</h4>
<p class="text-gray-700">2021年涨价依赖"派费上调"传导本轮直接干预终端底价广东0.4元一步到位),总部利润弹性更高(无需分摊派费)。</p>
</div>
<div>
<h4 class="font-semibold text-amber-800 mb-2">区域扩散可能</h4>
<p class="text-gray-700">广东涨价后,福建/义乌已出现联动信号,但市场尚未定价全国化。</p>
</div>
</div>
</div>
</div>
<!-- 催化剂与路径 -->
<div id="catalyst" class="tab-content">
<h2 class="text-2xl font-bold text-gray-800 mb-6">关键催化剂与未来发展路径</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-700 mb-4">近期催化剂3-6个月</h3>
<div class="space-y-4">
<div class="flex items-start p-4 bg-white rounded-lg shadow-sm border-l-4 border-blue-500">
<div class="bg-blue-100 text-blue-800 rounded-full w-8 h-8 flex items-center justify-center mr-4 flex-shrink-0">1</div>
<div>
<p class="font-semibold text-gray-800">8月10日</p>
<p class="text-gray-600">广东涨价全面落地,验证监管执行力</p>
</div>
</div>
<div class="flex items-start p-4 bg-white rounded-lg shadow-sm border-l-4 border-green-500">
<div class="bg-green-100 text-green-800 rounded-full w-8 h-8 flex items-center justify-center mr-4 flex-shrink-0">2</div>
<div>
<p class="font-semibold text-gray-800">9月旺季</p>
<p class="text-gray-600">若派费普涨0.1元/票复制2021年Q4业绩弹性释放圆通2021年Q4利润11.5亿)</p>
</div>
</div>
<div class="flex items-start p-4 bg-white rounded-lg shadow-sm border-l-4 border-amber-500">
<div class="bg-amber-100 text-amber-800 rounded-full w-8 h-8 flex items-center justify-center mr-4 flex-shrink-0">3</div>
<div>
<p class="font-semibold text-gray-800">申通并购丹鸟</p>
<p class="text-gray-600">3.62亿收购菜鸟旗下直营快递,切入中高端市场</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">长期路径</h3>
<div class="bg-gradient-to-r from-gray-50 to-gray-100 p-6 rounded-xl">
<div class="flex items-center mb-6">
<div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center text-white font-bold mr-4">1</div>
<div>
<p class="font-semibold text-gray-800">阶段12025H2</p>
<p class="text-gray-600">区域涨价扩散→单票利润修复至0.15-0.2元2021年峰值0.23元)</p>
</div>
</div>
<div class="flex items-center">
<div class="w-10 h-10 rounded-full bg-purple-500 flex items-center justify-center text-white font-bold mr-4">2</div>
<div>
<p class="font-semibold text-gray-800">阶段22026</p>
<p class="text-gray-600">政策常态化→价格战转向服务战CR8集中度从87%升至90%+</p>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链剖析 -->
<div id="industry-chain" class="tab-content">
<h2 class="text-2xl font-bold text-gray-800 mb-6">产业链与核心公司深度剖析</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-700 mb-4">产业链图谱</h3>
<div class="bg-gray-50 p-6 rounded-xl">
<div class="flex flex-col md:flex-row items-center justify-between">
<div class="bg-blue-100 p-4 rounded-lg text-center mb-4 md:mb-0 md:w-1/4">
<p class="font-semibold text-blue-800">上游</p>
<p class="text-gray-700">燃油/人工成本<br>占比30%</p>
</div>
<div class="mx-0 md:mx-4 text-2xl text-gray-400 mb-4 md:mb-0"></div>
<div class="bg-green-100 p-4 rounded-lg text-center mb-4 md:mb-0 md:w-1/4">
<p class="font-semibold text-green-800">中游</p>
<p class="text-gray-700">快递总部<br>(中通/圆通/申通)</p>
</div>
<div class="mx-0 md:mx-4 text-2xl text-gray-400 mb-4 md:mb-0"></div>
<div class="bg-amber-100 p-4 rounded-lg text-center md:w-1/4">
<p class="font-semibold text-amber-800">下游</p>
<p class="text-gray-700">电商平台<br>(阿里/拼多多)+加盟商</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white rounded-xl overflow-hidden">
<thead class="bg-gray-800 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">估值2025E PE</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-200">
<td class="py-3 px-4 font-semibold">申通</td>
<td class="py-3 px-4">单票利润最低0.05元),涨价弹性最大</td>
<td class="py-3 px-4">并购丹鸟整合不及预期</td>
<td class="py-3 px-4 font-semibold text-blue-600">10倍</td>
</tr>
<tr class="border-b border-gray-200 bg-gray-50">
<td class="py-3 px-4 font-semibold">圆通</td>
<td class="py-3 px-4">数字化领先,份额持续提升(+0.46pct</td>
<td class="py-3 px-4">价格战反复</td>
<td class="py-3 px-4 font-semibold text-green-600">11倍</td>
</tr>
<tr class="border-b border-gray-200">
<td class="py-3 px-4 font-semibold">中通</td>
<td class="py-3 px-4">龙头稳态,但弹性弱于申通</td>
<td class="py-3 px-4">市占率已达19%天花板</td>
<td class="py-3 px-4 font-semibold text-amber-600">13倍</td>
</tr>
<tr>
<td class="py-3 px-4 font-semibold">极兔</td>
<td class="py-3 px-4">东南亚高增长Q2+66%),中国区估值修复</td>
<td class="py-3 px-4">海外政策风险</td>
<td class="py-3 px-4 font-semibold text-purple-600">港股12倍</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="mt-8">
<h3 class="text-xl font-semibold text-gray-700 mb-4">验证与证伪</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-green-50 p-5 rounded-xl">
<h4 class="font-semibold text-green-800 mb-2">印证</h4>
<ul class="list-disc pl-5 text-gray-700 space-y-1">
<li>义乌/广东涨价已落地</li>
<li>申通7月30日涨停</li>
</ul>
</div>
<div class="bg-red-50 p-5 rounded-xl">
<h4 class="font-semibold text-red-800 mb-2">矛盾</h4>
<ul class="list-disc pl-5 text-gray-700 space-y-1">
<li>国海交运认为"全国性普涨概率低"</li>
<li>广东三区联动力度超2021年</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 风险与挑战 -->
<div id="risks" class="tab-content">
<h2 class="text-2xl font-bold text-gray-800 mb-6">潜在风险与挑战</h2>
<div class="space-y-6">
<div class="bg-red-50 p-5 rounded-xl border-l-4 border-red-500">
<h3 class="text-xl font-semibold text-red-800 mb-3">政策风险</h3>
<p class="text-gray-700">若经济下行压力加大监管可能放松价格管控如2023年</p>
</div>
<div class="bg-amber-50 p-5 rounded-xl border-l-4 border-amber-500">
<h3 class="text-xl font-semibold text-amber-800 mb-3">竞争风险</h3>
<p class="text-gray-700">极兔等新玩家可能以补贴对冲涨价2021年极兔被停运部分分拨中心</p>
</div>
<div class="bg-purple-50 p-5 rounded-xl border-l-4 border-purple-500">
<h3 class="text-xl font-semibold text-purple-800 mb-3">数据验证风险</h3>
<div class="space-y-3">
<div>
<h4 class="font-semibold text-purple-700 mb-1">矛盾点</h4>
<p class="text-gray-700">浙商交运预测2025行业增速15%,但国金交运提示"需求不及预期风险"。</p>
</div>
<div>
<h4 class="font-semibold text-purple-700 mb-1">加盟商博弈</h4>
<p class="text-gray-700">部分区域加盟商可能虚报涨价实际暗返折扣2021年曾出现</p>
</div>
</div>
</div>
</div>
</div>
<!-- 投资启示 -->
<div id="conclusion" class="tab-content">
<h2 class="text-2xl font-bold text-gray-800 mb-6">综合结论与投资启示</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-700 mb-4">阶段判断</h3>
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 p-6 rounded-xl">
<p class="text-lg text-gray-800 font-medium mb-2">从主题炒作7月政策进入基本面验证8月涨价落地</p>
<p class="text-gray-700">若广东模式扩散则升级为年度主线。</p>
</div>
</div>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-700 mb-4">最具价值方向</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-gradient-to-br from-green-50 to-emerald-50 p-6 rounded-xl border border-green-200">
<h4 class="font-semibold text-green-800 mb-3">高弹性标的</h4>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-600 mt-1 mr-2"></i>
<div>
<p class="font-medium text-gray-800">申通</p>
<p class="text-gray-600 text-sm">单票利润0.05元→0.15元业绩弹性200%</p>
</div>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-600 mt-1 mr-2"></i>
<div>
<p class="font-medium text-gray-800">极兔</p>
<p class="text-gray-600 text-sm">东南亚超预期+中国区估值修复</p>
</div>
</li>
</ul>
</div>
<div class="bg-gradient-to-br from-blue-50 to-cyan-50 p-6 rounded-xl border border-blue-200">
<h4 class="font-semibold text-blue-800 mb-3">稳健配置</h4>
<ul class="space-y-3">
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-600 mt-1 mr-2"></i>
<div>
<p class="font-medium text-gray-800">圆通</p>
<p class="text-gray-600 text-sm">份额提升+数字化降本</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-700 mb-4">关键跟踪指标</h3>
<div class="space-y-4">
<div class="flex items-center p-4 bg-white rounded-lg shadow-sm">
<div class="bg-purple-100 text-purple-800 rounded-full w-10 h-10 flex items-center justify-center font-bold mr-4">1</div>
<div>
<p class="font-semibold text-gray-800">8月15日</p>
<p class="text-gray-600">广东涨价执行率需≥80%网点落地)</p>
</div>
</div>
<div class="flex items-center p-4 bg-white rounded-lg shadow-sm">
<div class="bg-amber-100 text-amber-800 rounded-full w-10 h-10 flex items-center justify-center font-bold mr-4">2</div>
<div>
<p class="font-semibold text-gray-800">9月15日</p>
<p class="text-gray-600">义乌二次提价信号底价1.1→1.2元)</p>
</div>
</div>
<div class="flex items-center p-4 bg-white rounded-lg shadow-sm">
<div class="bg-green-100 text-green-800 rounded-full w-10 h-10 flex items-center justify-center font-bold mr-4">3</div>
<div>
<p class="font-semibold text-gray-800">Q3财报</p>
<p class="text-gray-600">申通/圆通单票利润环比变化(验证弹性)</p>
</div>
</div>
</div>
<div class="mt-6 bg-red-50 p-4 rounded-xl border-l-4 border-red-500">
<p class="font-semibold text-red-800">风险提示</p>
<p class="text-gray-700">若8月广东涨价执行率低于50%,需警惕政策执行力证伪。</p>
</div>
</div>
</div>
</div>
<!-- 关联股票数据表格 -->
<div class="card rounded-xl p-6">
<div class="flex items-center mb-6">
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mr-4">
<i class="fas fa-chart-bar text-blue-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">关联股票数据</h2>
</div>
<div class="table-responsive">
<table class="min-w-full bg-white rounded-xl overflow-hidden">
<thead class="bg-gray-800 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>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-200 hover:bg-gray-50">
<td class="py-3 px-4 font-medium">顺丰控股</td>
<td class="py-3 px-4">
<span class="badge badge-dot">
<i class="bg-blue-500"></i>
<span>快递</span>
</span>
</td>
<td class="py-3 px-4">2024年物流货运收入2762亿元其中时效快递营收1222亿元</td>
<td class="py-3 px-4">年报</td>
<td class="py-3 px-4">年报数据显示其物流货运及时效快递业务规模</td>
</tr>
<tr class="border-b border-gray-200 bg-gray-50 hover:bg-gray-100">
<td class="py-3 px-4 font-medium">圆通速递</td>
<td class="py-3 px-4">
<span class="badge badge-dot">
<i class="bg-blue-500"></i>
<span>快递</span>
</span>
</td>
<td class="py-3 px-4">2024年快递收入623亿元其中时效快递营收597亿元</td>
<td class="py-3 px-4">年报</td>
<td class="py-3 px-4">年报数据显示其快递业务及时效快递收入</td>
</tr>
<tr class="border-b border-gray-200 hover:bg-gray-50">
<td class="py-3 px-4 font-medium">韵达股份</td>
<td class="py-3 px-4">
<span class="badge badge-dot">
<i class="bg-blue-500"></i>
<span>快递</span>
</span>
</td>
<td class="py-3 px-4">2024年快递收入478亿元其中派费收入305亿元</td>
<td class="py-3 px-4">年报</td>
<td class="py-3 px-4">年报数据显示其快递业务及派费收入</td>
</tr>
<tr class="border-b border-gray-200 bg-gray-50 hover:bg-gray-100">
<td class="py-3 px-4 font-medium">申通快递</td>
<td class="py-3 px-4">
<span class="badge badge-dot">
<i class="bg-blue-500"></i>
<span>快递</span>
</span>
</td>
<td class="py-3 px-4">2024年快递收入466亿元其中有偿派送营收273亿元</td>
<td class="py-3 px-4">年报</td>
<td class="py-3 px-4">年报数据显示其快递业务及有偿派送收入</td>
</tr>
<tr class="border-b border-gray-200 hover:bg-gray-50">
<td class="py-3 px-4 font-medium">中通快递(港)</td>
<td class="py-3 px-4">
<span class="badge badge-dot">
<i class="bg-blue-500"></i>
<span>快递</span>
</span>
</td>
<td class="py-3 px-4">2024年快递收入409亿元</td>
<td class="py-3 px-4">年报</td>
<td class="py-3 px-4">年报数据显示其快递业务收入</td>
</tr>
<tr class="border-b border-gray-200 bg-gray-50 hover:bg-gray-100">
<td class="py-3 px-4 font-medium">德邦股份</td>
<td class="py-3 px-4">
<span class="badge badge-dot">
<i class="bg-blue-500"></i>
<span>快递</span>
</span>
</td>
<td class="py-3 px-4">2024年综合物流收入403亿元其中快运营收364亿元</td>
<td class="py-3 px-4">年报</td>
<td class="py-3 px-4">年报数据显示其综合物流及快运业务规模</td>
</tr>
<tr class="border-b border-gray-200 hover:bg-gray-50">
<td class="py-3 px-4 font-medium">顺丰控股</td>
<td class="py-3 px-4">
<span class="badge badge-dot">
<i class="bg-green-500"></i>
<span>零担物流</span>
</span>
</td>
<td class="py-3 px-4">国内第12024年顺丰快运零担物流营收417亿元</td>
<td class="py-3 px-4">2025年中国零担物流排行榜</td>
<td class="py-3 px-4">行业排行榜显示其零担物流市场地位</td>
</tr>
<tr class="border-b border-gray-200 bg-gray-50 hover:bg-gray-100">
<td class="py-3 px-4 font-medium">德邦股份</td>
<td class="py-3 px-4">
<span class="badge badge-dot">
<i class="bg-green-500"></i>
<span>零担物流</span>
</span>
</td>
<td class="py-3 px-4">国内第22024年德邦快递零担物流营收364.6亿元</td>
<td class="py-3 px-4">2025年中国零担物流排行榜</td>
<td class="py-3 px-4">行业排行榜显示其零担物流市场地位</td>
</tr>
<tr class="border-b border-gray-200 hover:bg-gray-50">
<td class="py-3 px-4 font-medium">中通快递(港)</td>
<td class="py-3 px-4">
<span class="badge badge-dot">
<i class="bg-green-500"></i>
<span>零担物流</span>
</span>
</td>
<td class="py-3 px-4">国内第52024年中通快运零担物流营收101亿元</td>
<td class="py-3 px-4">2025年中国零担物流排行榜</td>
<td class="py-3 px-4">行业排行榜显示其零担物流市场地位</td>
</tr>
<tr class="bg-gray-50 hover:bg-gray-100">
<td class="py-3 px-4 font-medium">韵达股份</td>
<td class="py-3 px-4">
<span class="badge badge-dot">
<i class="bg-green-500"></i>
<span>零担物流</span>
</span>
</td>
<td class="py-3 px-4">国内第11</td>
<td class="py-3 px-4">2025年中国零担物流排行榜</td>
<td class="py-3 px-4">行业排行榜显示其零担物流排名</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script>
// 标签页切换功能
function openTab(evt, tabName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tab-content");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].classList.remove("active");
}
tablinks = document.getElementsByClassName("tab-button");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
}
// 初始化粒子背景
document.addEventListener("DOMContentLoaded", function() {
if (typeof tsParticles !== "undefined") {
tsParticles.load("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#1a2a6c"
},
shape: {
type: "circle"
},
opacity: {
value: 0.1,
random: true
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#1a2a6c",
opacity: 0.1,
width: 1
},
move: {
enable: true,
speed: 2,
direction: "none",
random: false,
straight: false,
out_mode: "out",
bounce: false
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "grab"
},
onclick: {
enable: true,
mode: "push"
},
resize: true
},
modes: {
grab: {
distance: 140,
line_linked: {
opacity: 0.2
}
},
push: {
particles_nb: 4
}
}
},
retina_detect: true
});
}
});
</script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
</body>
</html>
```