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

feat: 10.10线上最新代码提交

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

342
public/htmls/保险.html Normal file
View File

@@ -0,0 +1,342 @@
<!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|Noto+Sans+SC:300,400,500,700&display=swap" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- Tailwind CSS -->
<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" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<!-- Custom Styles -->
<style>
body {
font-family: 'Inter', 'Noto Sans SC', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.timeline-line {
background: linear-gradient(to bottom, #667eea, #764ba2);
}
#vanta-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.glass-effect {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.18);
}
</style>
</head>
<body class="bg-gray-50">
<div id="vanta-bg"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题区域 -->
<div class="text-center mb-12 mt-6">
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">保险行业洞察报告</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">深入分析保险行业发展趋势、核心逻辑与市场机会</p>
<div class="mt-6">
<span class="inline-block bg-purple-600 text-white px-4 py-2 rounded-full text-sm font-medium">政策红利 + 业绩验证</span>
</div>
</div>
<!-- 概念事件时间线 -->
<div class="glass-effect rounded-2xl shadow-xl p-6 mb-10 card-hover">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-calendar-alt mr-3 text-purple-600"></i>
概念事件时间线
</h2>
<div class="relative">
<div class="absolute left-4 top-0 bottom-0 w-1 timeline-line rounded-full"></div>
<div class="space-y-8 ml-10">
<div class="relative">
<div class="absolute -left-10 top-2 w-6 h-6 bg-purple-600 rounded-full border-4 border-white"></div>
<div class="bg-white p-4 rounded-lg shadow-md">
<h3 class="font-bold text-gray-800">2024-08-30</h3>
<p class="text-gray-600 mt-1">新华、太保、国寿披露2024半年报，归母净利润分别同比+37.1%、+27.6%、+11.1%，主因总投资收益率提升（新华4.8%、国寿3.59%、太保2.7%），驱动保险股集体大涨（新华H股当日+12%）。</p>
</div>
</div>
<div class="relative">
<div class="absolute -left-10 top-2 w-6 h-6 bg-purple-600 rounded-full border-4 border-white"></div>
<div class="bg-white p-4 rounded-lg shadow-md">
<h3 class="font-bold text-gray-800">2024-10-10</h3>
<p class="text-gray-600 mt-1">港股保险股再度走强，新华保险H股单日涨超12%，市场持续交易"负债成本下降+投资收益改善"逻辑。</p>
</div>
</div>
<div class="relative">
<div class="absolute -left-10 top-2 w-6 h-6 bg-purple-600 rounded-full border-4 border-white"></div>
<div class="bg-white p-4 rounded-lg shadow-md">
<h3 class="font-bold text-gray-800">2025-01-03</h3>
<p class="text-gray-600 mt-1">监管发布《保险法》草案，拟打破刚性兑付，引发市场对利差损风险的关注。</p>
</div>
</div>
<div class="relative">
<div class="absolute -left-10 top-2 w-6 h-6 bg-purple-600 rounded-full border-4 border-white"></div>
<div class="bg-white p-4 rounded-lg shadow-md">
<h3 class="font-bold text-gray-800">2025-06-12</h3>
<p class="text-gray-600 mt-1">国内贸易信用保险共保体成立，首期提供100亿元保障，标志保险服务实体经济进入新阶段。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="glass-effect rounded-2xl shadow-xl p-6 mb-10 card-hover">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-lightbulb mr-3 text-yellow-500"></i>
核心观点摘要
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-gradient-to-br from-purple-50 to-indigo-50 p-5 rounded-xl border border-purple-100">
<h3 class="font-bold text-lg text-purple-800 mb-3">基本面拐点</h3>
<p class="text-gray-700">保险板块正处于"政策红利+业绩验证"双轮驱动的基本面拐点：负债端通过预定利率下调（2.5%→2.0%）和"报行合一"压降成本，资产端受益于长端利率企稳和权益市场回暖，2024年行业净利润同比+77.7%。</p>
</div>
<div class="bg-gradient-to-br from-blue-50 to-cyan-50 p-5 rounded-xl border border-blue-100">
<h3 class="font-bold text-lg text-blue-800 mb-3">核心矛盾</h3>
<p class="text-gray-700">未来3-6个月的核心矛盾是"利差损风险缓释"能否持续兑现，需紧盯10年期国债利率走势和险企OCI（其他综合收益）资产配置比例。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="glass-effect rounded-2xl shadow-xl p-6 mb-10 card-hover">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-chart-line mr-3 text-green-600"></i>
核心逻辑与市场认知分析
</h2>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-800 mb-4 text-center">核心驱动力</h3>
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-white p-5 rounded-xl shadow-md border-l-4 border-purple-500">
<h4 class="font-bold text-gray-800 mb-2">负债成本系统性下降</h4>
<p class="text-gray-600 text-sm">2024年监管连续下调预定利率（传统险3.5%→2.5%→2.0%），叠加银保渠道"报行合一"压缩手续费30%-60%，新华保险新业务价值率提升25个百分点（2024Q1数据）。</p>
</div>
<div class="bg-white p-5 rounded-xl shadow-md border-l-4 border-blue-500">
<h4 class="font-bold text-gray-800 mb-2">资产端收益弹性释放</h4>
<p class="text-gray-600 text-sm">险企增配高股息股票（新华保险港股配置400-500亿）和30年期国债，2024年综合投资收益率新华10.32%、太保8.5%，显著高于5%的长期假设。</p>
</div>
<div class="bg-white p-5 rounded-xl shadow-md border-l-4 border-green-500">
<h4 class="font-bold text-gray-800 mb-2">政策催化</h4>
<p class="text-gray-600 text-sm">2025年新"国十条"明确"发挥保险长期资金优势"，鼓励险资入市，保险资金运用余额2024年末达33.26万亿（+20.2%）。</p>
</div>
</div>
</div>
<div class="grid md:grid-cols-2 gap-6 mb-8">
<div class="bg-gradient-to-br from-yellow-50 to-orange-50 p-5 rounded-xl border border-yellow-200">
<h3 class="text-lg font-bold text-gray-800 mb-3">市场热度与情绪</h3>
<ul class="space-y-2 text-gray-700">
<li class="flex items-start">
<i class="fas fa-check-circle text-yellow-500 mt-1 mr-2"></i>
<span><strong>研报密集度</strong>：2024年12月-2025年3月，中信证券、东吴证券等发布12篇深度报告，一致预期"保险股有望演绎贝塔行情"。</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-yellow-500 mt-1 mr-2"></i>
<span><strong>情绪指标</strong>：新华保险H股2024年8月-2025年3月累计涨幅超80%，但2025年4月后因利率下行担忧回调15%，显示市场分歧。</span>
</li>
</ul>
</div>
<div class="bg-gradient-to-br from-pink-50 to-rose-50 p-5 rounded-xl border border-pink-200">
<h3 class="text-lg font-bold text-gray-800 mb-3">预期差分析</h3>
<ul class="space-y-2 text-gray-700">
<li class="flex items-start">
<i class="fas fa-exclamation-circle text-pink-500 mt-1 mr-2"></i>
<span><strong>市场共识</strong>：认为险企通过OCI会计处理可平滑利润波动（新华OCI债券占比44%）。</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-circle text-pink-500 mt-1 mr-2"></i>
<span><strong>预期差</strong>：路演显示OCI股票占比仍低（新华仅25% vs 同业48%），若权益市场波动，利润表冲击可能超预期。</span>
</li>
</ul>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="glass-effect rounded-2xl shadow-xl p-6 mb-10 card-hover">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-rocket mr-3 text-red-600"></i>
关键催化剂与未来发展路径
</h2>
<div class="bg-gradient-to-r from-indigo-500 to-purple-600 rounded-xl p-6 text-white mb-6">
<h3 class="text-xl font-bold mb-4">近期催化剂（3-6个月）</h3>
<div class="grid md:grid-cols-2 gap-4">
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-sm rounded-lg p-4">
<h4 class="font-bold mb-2">2025年7月</h4>
<p>上市险企中报披露，需验证负债成本下降是否持续（如新华保险负债成本已降至2.5%-3%区间）。</p>
</div>
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-sm rounded-lg p-4">
<h4 class="font-bold mb-2">2025年Q3</h4>
<p>10年期国债利率若企稳2.3%以上，将缓解利差损担忧（当前2.1%左右）。</p>
</div>
</div>
</div>
</div>
<!-- 关联股票表格 -->
<div class="glass-effect rounded-2xl shadow-xl p-6 card-hover">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-table mr-3 text-indigo-600"></i>
关联股票
</h2>
<div class="table-responsive">
<table class="table w-full">
<thead>
<tr class="bg-gray-100">
<th class="text-gray-700 font-semibold py-3 px-4 text-left rounded-l-lg">股票名称</th>
<th class="text-gray-700 font-semibold py-3 px-4 text-left">行业分类</th>
<th class="text-gray-700 font-semibold py-3 px-4 text-left rounded-r-lg">归类原因</th>
</tr>
</thead>
<tbody>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">天茂集团</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">天利科技</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">旗天科技</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">焦点科技</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">佳云科技</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">东方财富</td>
<td class="py-3 px-4">
<span class="bg-purple-100 text-purple-800 px-2 py-1 rounded-full text-xs">互联网保险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于互联网保险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">中国人寿</td>
<td class="py-3 px-4">
<span class="bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs">寿险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于寿险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">中国平安</td>
<td class="py-3 px-4">
<span class="bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs">寿险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于寿险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">新华保险</td>
<td class="py-3 px-4">
<span class="bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-xs">寿险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于寿险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">中国人保</td>
<td class="py-3 px-4">
<span class="bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs">财险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于财险板块</td>
</tr>
<tr class="border-b hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">中国太保</td>
<td class="py-3 px-4">
<span class="bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs">财险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于财险板块</td>
</tr>
<tr class="hover:bg-gray-50 transition-colors">
<td class="py-3 px-4 font-medium text-gray-800">中国平安</td>
<td class="py-3 px-4">
<span class="bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs">财险</span>
</td>
<td class="py-3 px-4 text-gray-600">图表中归类于财险板块</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 底部总结 -->
<div class="mt-10 mb-6 text-center">
<div class="glass-effect rounded-2xl shadow-xl p-6">
<h3 class="text-xl font-bold text-gray-800 mb-3">投资要点总结</h3>
<p class="text-gray-600 max-w-3xl mx-auto">保险行业正处于基本面拐点，负债成本下降与投资收益改善形成双轮驱动。未来3-6个月需重点关注负债成本下降的持续性和10年期国债利率走势，这将是决定板块行情的关键因素。</p>
</div>
</div>
</div>
<!-- JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
<script>
// 初始化Vanta.js背景效果
VANTA.WAVES({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x9c88ff,
shininess: 48.00,
waveHeight: 13.50,
waveSpeed: 0.75,
zoom: 0.65
});
</script>
</body>
</html>
```