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

update pay ui

Browse Source
This commit is contained in:
zzlgreat
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions
Download Patch File Download Diff File Expand all files Collapse all files

934
public/htmls/第三代半导体.html
View File

@@ -1,445 +1,505 @@
<!DOCTYPE html>
<html lang="zh-CN">
<html lang="zh-CN" data-theme="night">
<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" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', 'Inter', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
}
.card-shadow {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.tech-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.timeline-dot {
position: relative;
}
.timeline-dot::before {
content: '';
position: absolute;
left: -8px;
top: 8px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #667eea;
z-index: 1;
}
.timeline-line {
position: absolute;
left: 0;
top: 24px;
bottom: 0;
width: 2px;
background: #e2e8f0;
}
.table-hover:hover {
background-color: rgba(102, 126, 234, 0.1);
transition: all 0.3s ease;
}
.highlight-text {
background: linear-gradient(120deg, #a78bfa 0%, #ec4899 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.glass-effect {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>深度行业研究报告：第三代半导体</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.2/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #02040a;
background-image:
radial-gradient(circle at 15% 15%, rgba(14, 165, 233, 0.15) 0%, transparent 40%),
radial-gradient(circle at 85% 75%, rgba(56, 189, 248, 0.15) 0%, transparent 40%),
radial-gradient(circle at 50% 50%, rgba(34, 211, 238, 0.05) 0%, transparent 30%);
color: #e5e7eb;
overflow-x: hidden;
}
.glass-card {
background: rgba(17, 24, 39, 0.3);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(56, 189, 248, 0.5);
box-shadow: 0 0 30px rgba(56, 189, 248, 0.2);
}
.glow-text {
background: linear-gradient(90deg, #67e8f9, #a5b4fc, #f0abfc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 15px rgba(103, 232, 249, 0.3);
}
.section-title {
background: linear-gradient(90deg, #22d3ee, #818cf8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border-bottom: 1px solid rgba(34, 211, 238, 0.3);
padding-bottom: 0.5rem;
margin-bottom: 1.5rem;
}
.bento-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 1.5rem;
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.bento-item-main { grid-column: span 8; grid-row: span 3; }
.bento-item-side-top { grid-column: span 4; grid-row: span 1; }
.bento-item-side-mid { grid-column: span 4; grid-row: span 1; }
.bento-item-side-bottom { grid-column: span 4; grid-row: span 1; }
.bento-item-chart { grid-column: span 6; }
.bento-item-timeline { grid-column: span 6; }
.bento-item-full { grid-column: span 12; }
}
.timeline {
position: relative;
padding-left: 2.5rem;
list-style: none;
}
.timeline:before {
content: '';
position: absolute;
left: 0.5rem;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(to bottom, #22d3ee, #818cf8, transparent);
}
.timeline-item:before {
content: '';
position: absolute;
left: -0.25rem;
top: 0.5rem;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-color: #083344;
border: 3px solid #22d3ee;
box-shadow: 0 0 10px #22d3ee;
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
}
</style>
</head>
<body class="bg-gray-50">
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-7xl">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-bg bg-clip-text text-transparent">
第三代半导体行业洞察
</h1>
<p class="text-xl text-gray-600">碳化硅(SiC)与氮化镓(GaN) - 引领下一代电子革命</p>
<body class="min-h-screen">
<div class="container mx-auto p-4 md:p-8">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold glow-text tracking-widest">
深度行业研究报告
</h1>
<h2 class="text-2xl md:text-4xl font-semibold text-cyan-200 mt-4 tracking-wide">
第三代半导体
</h2>
<p class="mt-6 text-sm text-gray-400 max-w-4xl mx-auto">
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现，本报告为AI合成数据，投资需谨慎。
</p>
</header>
<!-- Main Content Grid -->
<main class="bento-grid">
<!-- Insight: Core Logic -->
<section class="bento-item lg:bento-item-main glass-card p-6 rounded-3xl">
<h3 class="text-2xl font-bold section-title">核心逻辑与市场认知分析</h3>
<div class="space-y-6 text-gray-300">
<div>
<h4 class="font-semibold text-lg text-cyan-300 mb-2">核心驱动力</h4>
<ol class="list-decimal list-inside space-y-2">
<li><strong>政策驱动 (顶层设计与国家意志):</strong> 从商务部推动国家级创新中心，到上海市支持产业攻关，再到工信部将相关材料纳入战略目录，均表明第三代半导体是国家实现科技自立自强、保障产业链安全的核心环节。</li>
<li><strong>技术迭代 (性能优势):</strong> SiC、GaN具备耐高压、耐高温、高频率、低损耗的物理特性，在新能源汽车、数据中心、5G通信等高要求场景中成为必然选择。“在太空成功验证”更是对其性能优势的极致证明。</li>
<li><strong>市场拉动 (商业化落地):</strong> 已脱离纯粹的故事阶段。中瓷电子的SiC业务已主要配套比亚迪；英诺赛科的车规级GaN产品出货量同比增长986.7%。新能源汽车、消费电子快充等真实且庞大的市场需求，提供了清晰的商业化路径。</li>
</ol>
</div>
<div>
<h4 class="font-semibold text-lg text-cyan-300 mb-2">市场热度与情绪</h4>
<p>市场热度极高。“第三代半导体”作为一个高频标签，与“华为”、“人工智能”等顶级热点并列出现，表明其在资本市场中的高度关注度。市场情绪整体乐观，主要基于其广阔的市场空间和国产替代的宏大叙事。</p>
</div>
<div>
<h4 class="font-semibold text-lg text-red-400 mb-2">预期差分析 (关键)</h4>
<ul class="list-disc list-inside space-y-2">
<li><strong>“高增长”叙事 vs “价格战”现实:</strong> 市场普遍认知是蓝海市场，但天域半导体研报揭示价格正在急剧下滑。6英寸外延片均价从2022年的9631元降至2025年的3138元。行业为抢占份额已进入激烈“价格战”，盈利能力面临严峻考验，与市场普遍乐观预期存在显著温差。</li>
<li><strong>“全面开花”预期 vs “结构性分化”进展:</strong> 市场的宏大叙事可能掩盖了细分环节的短期压力。例如华虹半导体提到“高压MOSFET表现疲软”，表明即使在功率半导体大赛道内，不同产品的景气度也存在分化。</li>
<li><strong>“国产替代”的复杂性:</strong> 市场可能低估了国际巨头的竞争压力。英飞凌投资50亿欧元建设全球最大的200毫米SiC晶圆厂，并已获50亿欧元设计订单，表明国际龙头正通过规模和技术优势巩固护城河，国产替代之路并非坦途。</li>
</ul>
</div>
</div>
</section>
<!-- Insight: Core View Summary -->
<section class="bento-item lg:bento-item-side-top glass-card p-6 rounded-3xl flex flex-col justify-center">
<h3 class="text-xl font-bold section-title">核心观点摘要</h3>
<p class="text-gray-300 leading-relaxed">
第三代半导体正处在由<strong class="text-cyan-400">政策强力驱动</strong>与<strong class="text-sky-400">下游市场需求爆发</strong>双轮驱动的<strong class="text-violet-400">高速成长期</strong>。其核心驱动力源于以新能源汽车和数据中心为代表的应用场景对高效率、高功率密度器件的迫切需求，叠加国家层面为实现“自主可控”而提供的全方位支持。未来潜力巨大，但将面临<strong class="text-red-400">成本下降、技术迭代与国际巨头竞争</strong>的三重考验。
</p>
</section>
<!-- Insight: Catalysts & Future Path -->
<section class="bento-item lg:bento-item-side-mid glass-card p-6 rounded-3xl">
<h3 class="text-xl font-bold section-title">关键催化剂与发展路径</h3>
<div class="space-y-4 text-gray-300">
<div>
<h4 class="font-semibold text-cyan-400">近期催化剂 (3-6个月)</h4>
<ul class="list-disc list-inside text-sm">
<li>中车时代电气“宜兴三期项目”投产验证。</li>
<li>“全国产主驱碳化硅模块”批量上车事件。</li>
<li>国家大基金三期具体项目落地和资金拨付。</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-sky-400">长期发展路径</h4>
<ul class="list-disc list-inside text-sm">
<li><strong>当前-2025:</strong> 国产化导入期 (技术验证/产能建设)</li>
<li><strong>2026-2028:</strong> 成本驱动渗透期 (成本下降/规模化应用)</li>
<li><strong>2028以后:</strong> 成熟竞争期 (格局清晰/全球竞争)</li>
</ul>
</div>
</div>
</section>
<!-- Insight: Risks & Challenges -->
<section class="bento-item lg:bento-item-side-bottom glass-card p-6 rounded-3xl">
<h3 class="text-xl font-bold section-title">潜在风险与挑战</h3>
<ul class="space-y-2 text-red-300 text-sm">
<li><strong class="text-red-400">技术风险:</strong> SiC良率与成本控制是核心瓶颈，8英寸升级挑战大；下一代材料可能颠覆现有路线。</li>
<li><strong class="text-red-400">商业化风险:</strong> 成本是最大风险，过快价格战可能损害全行业盈利能力。</li>
<li><strong class="text-red-400">竞争风险:</strong> 美国半导体制裁带来不确定性；英飞凌等国际巨头扩产降价，压制追赶者。</li>
<li><strong class="text-red-400">交叉验证风险:</strong> 行业规模高增长（GaN CAGR 98.5%）与龙头产品ASP腰斩的矛盾，需警惕“增收不增利”。</li>
</ul>
</section>
<!-- Chart -->
<section class="bento-item lg:bento-item-chart glass-card p-6 rounded-3xl h-96">
<h3 class="text-xl font-bold section-title">市场规模预测</h3>
<div id="market-chart" class="w-full h-80"></div>
</section>
<!-- Timeline -->
<section class="bento-item lg:bento-item-timeline glass-card p-6 rounded-3xl h-96 overflow-y-auto">
<h3 class="text-xl font-bold section-title">概念发展关键事件</h3>
<ul class="timeline">
<li class="timeline-item">
<strong class="text-cyan-300">2021年及以前: 政策奠基</strong>
<p class="text-sm text-gray-400">国家发布重点研发计划和新材料指导目录，明确支持SiC、GaN关键技术，奠定战略基调。</p>
</li>
<li class="timeline-item">
<strong class="text-cyan-300">2024年6月6日: 成本拐点</strong>
<p class="text-sm text-gray-400">华金电子会议披露国内SiC MOSFET价格大幅下降，显示国产替代加速，进入商业化放量节点。</p>
</li>
<li class="timeline-item">
<strong class="text-cyan-300">2025年: 应用里程碑</strong>
<p class="text-sm text-gray-400">某公司计划完成“全国产主驱碳化硅模块的批量上车”，是国产SiC在核心应用领域的关键突破。</p>
</li>
<li class="timeline-item">
<strong class="text-cyan-300">2025年8月: 技术验证</strong>
<p class="text-sm text-gray-400">我国在太空成功验证SiC功率器件，展示了其在极端环境下的高可靠性，为高端应用打开空间。</p>
</li>
<li class="timeline-item">
<strong class="text-cyan-300">2025年9月24日: 概念外延</strong>
<p class="text-sm text-gray-400">六部委文件首次将“金刚石半导体”纳入规划，将概念范畴拓展至第四代半导体。</p>
</li>
</ul>
</section>
<!-- Data Sources: Tabs -->
<section x-data="{ tab: 'news' }" class="bento-item bento-item-full glass-card p-6 rounded-3xl">
<div class="tabs tabs-boxed bg-black/20">
<a class="tab" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻数据</a>
<a class="tab" :class="{ 'tab-active': tab === 'roadshows' }" @click.prevent="tab = 'roadshows'">路演纪要</a>
<a class="tab" :class="{ 'tab-active': tab === 'reports' }" @click.prevent="tab = 'reports'">核心研报</a>
</div>
<div class="py-4">
<!-- News Content -->
<div x-show="tab === 'news'" class="space-y-2">
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="news-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-sky-300">国家政策与平台建设</div>
<div class="collapse-content text-gray-300 text-sm">
<ul class="list-disc list-inside space-y-2">
<li><strong>商务部:</strong> 印发《支持苏州工业园区深化开放创新综合试验的若干措施》，推动国家第三代半导体技术创新中心（苏州）等先进技术平台高质量发展。</li>
<li><strong>上海市:</strong> 支持企业加快先进制程电子化学品、集成电路工艺及装备材料、第三代半导体（碳化硅、氮化镓等）攻关，推动20个产品形成批量供应能力。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-xl font-medium text-sky-300">技术突破与前沿应用</div>
<div class="collapse-content text-gray-300 text-sm">
<ul class="list-disc list-inside space-y-2">
<li><strong>航天应用验证成功:</strong> 我国在太空成功验证了首款国产碳化硅（SiC）功率器件，第三代半导体材料有望牵引我国航天电源升级换代，为探月工程、载人登月、深空探测等领域提供新一代功率器件。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="news-accordion" />
<div class="collapse-title text-xl font-medium text-sky-300">企业动态与产业合作</div>
<div class="collapse-content text-gray-300 text-sm">
<ul class="list-disc list-inside space-y-2">
<li><strong>天富能源 & 天科合达:</strong> 天科合达（国内唯一能量产6英寸SiC衬底及外延片，全球市占率12.8%）注入天富能源预期极大，公司向“电网+第三代半导体”双主业转型。</li>
<li><strong>万业企业:</strong> 与国家第三代半导体技术创新中心（苏州）签署全面战略合作协议，共同培育重大项目。</li>
<li><strong>东微半导:</strong> 第三代半导体已形成销售并持续出货。</li>
<li><strong>安泰科技:</strong> 为GaN材料MOCVD设备提供核心材料部件，高性能非晶、纳米晶产品受益。</li>
<li><strong>博敏电子:</strong> AMB陶瓷衬板在第三代半导体功率模块头部企业量产应用。</li>
</ul>
</div>
</div>
</div>
<!-- Roadshows Content -->
<div x-show="tab === 'roadshows'" class="space-y-2">
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="roadshow-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-sky-300">光大证券：半导体金属深度报告 (2024-01-24)</div>
<div class="collapse-content text-gray-300 text-sm">
<ul class="list-disc list-inside space-y-2">
<li><strong>核心观点:</strong> 第三代半导体渗透率提升，氮化镓(GaN)和碳化硅(SiC)增速远超传统硅晶圆 (CAGR分别为25.4%、17%)。</li>
<li><strong>风险提示:</strong> 新材料如氧化镓、金刚石的突破可能改变格局。</li>
<li><strong>相关标的:</strong> 中国铝业 (sh601600)，镓产能200吨/年，受益于化合物半导体扩张。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="roadshow-accordion" />
<div class="collapse-title text-xl font-medium text-sky-300">中瓷电子路演 (2025-04-24)</div>
<div class="collapse-content text-gray-300 text-sm">
<ul class="list-disc list-inside space-y-2">
<li><strong>核心议题:</strong> 公司通过内生外延拓展至第三代半导体领域。</li>
<li><strong>关键数据:</strong> 碳化硅(国联万众) 2023年功率器件市场规模150亿元(同比+45%)，主要配套比亚迪。</li>
<li><strong>成长驱动:</strong> 第三代半导体受益于5G基站(氮化镓)和新能源汽车(碳化硅)。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="roadshow-accordion" />
<div class="collapse-title text-xl font-medium text-sky-300">华金电子IC设计电话会议 (2024-06-06)</div>
<div class="collapse-content text-gray-300 text-sm">
<ul class="list-disc list-inside space-y-2">
<li><strong>碳化硅(SiC)趋势:</strong> 国内SiC MOSFET价格降至3000元/颗，显著低于海外，加速国产替代。2024年订单开始落地。</li>
<li><strong>技术水平:</strong> 国内在碳化硅、氮化镓领域技术接近全球领先水平，全球化布局加速。</li>
</ul>
</div>
</div>
</div>
<!-- Reports Content -->
<div x-show="tab === 'reports'" class="space-y-2">
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="report-accordion" checked="checked" />
<div class="collapse-title text-xl font-medium text-sky-300">天域半导体(2658.HK)研报</div>
<div class="collapse-content text-gray-300 text-sm">
<ul class="list-disc list-inside space-y-2">
<li><strong>行业地位:</strong> 中国最大、全球第三大的自制碳化硅外延片制造商，中国市场销量占32.5%。</li>
<li><strong>产品与产能:</strong> 已实现8英寸外延片量产，成为增长新引擎，毛利率高达49.8%。</li>
<li><strong>风险因素:</strong> 核心产品价格承压，6英寸外延片平均售价从2022年9631元/片降至2025年3138元/片。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="report-accordion" />
<div class="collapse-title text-xl font-medium text-sky-300">英诺赛科(02577.HK)研报</div>
<div class="collapse-content text-gray-300 text-sm">
<ul class="list-disc list-inside space-y-2">
<li><strong>行业地位:</strong> 全球首家实现量产8英寸硅基氮化镓(GaN-on-Si)晶圆的企业，全球唯一具备全电压谱系产品量产能力。</li>
<li><strong>市场前景:</strong> 预计全球GaN功率器件市场将从2024年的32亿元增长至2028年的501亿元，CAGR高达98.5%。</li>
<li><strong>核心竞争力:</strong> 采用IDM模式，拥有全球最大的8英寸GaN功率晶圆生产基地。车规级产品2024年出货量同比增长986.7%。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/50">
<input type="radio" name="report-accordion" />
<div class="collapse-title text-xl font-medium text-sky-300">行业宏观动态</div>
<div class="collapse-content text-gray-300 text-sm">
<ul class="list-disc list-inside space-y-2">
<li><strong>国际巨头动态:</strong> 英飞凌投资50亿欧元在马来西亚建设全球最大200毫米(8英寸)SiC功率半导体晶圆厂，已获价值50亿欧元设计订单。</li>
<li><strong>市场规模:</strong> TrendForce预测，2028年全球碳化硅功率器件市场规模将达91.7亿美元。</li>
<li><strong>国家政策:</strong> 《国家重点研发计划》等文件明确支持8英寸GaN、大尺寸SiC衬底等技术产业化。</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Rise Analysis -->
<section class="bento-item bento-item-full glass-card p-6 rounded-3xl">
<h3 class="text-2xl font-bold section-title">涨幅异动分析</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="card bg-base-200/50 shadow-xl">
<div class="card-body">
<h2 class="card-title text-cyan-300">黄河旋风 (600172) - 10.08%</h2>
<p class="text-sm text-gray-300"><strong>核心逻辑:</strong> 六部委文件首次将“金刚石半导体”纳入国家第三代半导体产业规划，公司拥有国内稀缺的电子级金刚石衬底小批量产能，政策催化+供给稀缺共振。</p>
</div>
</div>
<div class="card bg-base-200/50 shadow-xl">
<div class="card-body">
<h2 class="card-title text-cyan-300">必得科技 (605298) - 10.0%</h2>
<p class="text-sm text-gray-300"><strong>核心逻辑:</strong> 半导体产业资本溢价举牌，并将公司高铁制动碳陶产线升级为“车规级SiC功率器件散热基板”产线，已锁定IDM客户1.2亿元订单，完成赛道切换。</p>
</div>
</div>
<div class="card bg-base-200/50 shadow-xl">
<div class="card-body">
<h2 class="card-title text-cyan-300">圣晖集成 (603163) - 10.0%</h2>
<p class="text-sm text-gray-300"><strong>核心逻辑:</strong> 中标台积电3nm扩产28亿元洁净室大单，叠加国家大基金三期将“洁净室及厂务系统”列为重点支持方向，业绩高增确定性强化。</p>
</div>
</div>
</div>
</section>
<!-- Stock List Table -->
<section class="bento-item bento-item-full glass-card p-6 rounded-3xl">
<h3 class="text-2xl font-bold section-title">相关概念股梳理</h3>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr class="text-cyan-200">
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>技术路线</th>
<th>产业链环节</th>
</tr>
</thead>
<tbody>
<!-- SiC Stocks -->
<tr class="font-bold text-white"><td colspan="5" class="bg-cyan-900/50">碳化硅 (SiC) 产业链</td></tr>
<tr><td>天岳先进</td><td><a href="https://valuefrontier.cn/company?scode=688234" target="_blank" class="link link-hover text-sky-400">688234</a></td><td>从事碳化硅(SiC)衬底业务</td><td>碳化硅(SiC)</td><td>衬底</td></tr>
<tr><td>露笑科技</td><td><a href="https://valuefrontier.cn/company?scode=002617" target="_blank" class="link link-hover text-sky-400">002617</a></td><td>从事碳化硅(SiC)衬底业务</td><td>碳化硅(SiC)</td><td>衬底</td></tr>
<tr><td>东尼电子</td><td>-</td><td>从事碳化硅(SiC)衬底业务</td><td>碳化硅(SiC)</td><td>衬底</td></tr>
<tr><td>晶盛机电</td><td><a href="https://valuefrontier.cn/company?scode=300316" target="_blank" class="link link-hover text-sky-400">300316</a></td><td>从事碳化硅(SiC)外延及设备业务</td><td>碳化硅(SiC)</td><td>外延/设备</td></tr>
<tr><td>北方华创</td><td><a href="https://valuefrontier.cn/company?scode=002371" target="_blank" class="link link-hover text-sky-400">002371</a></td><td>从事碳化硅(SiC)外延及设备业务</td><td>碳化硅(SiC)</td><td>外延/设备</td></tr>
<tr><td>斯达半导</td><td><a href="https://valuefrontier.cn/company?scode=603290" target="_blank" class="link link-hover text-sky-400">603290</a></td><td>从事碳化硅(SiC)器件/模块业务</td><td>碳化硅(SiC)</td><td>器件/模块</td></tr>
<tr><td>华润微</td><td><a href="https://valuefrontier.cn/company?scode=688396" target="_blank" class="link link-hover text-sky-400">688396</a></td><td>从事碳化硅(SiC)器件业务</td><td>碳化硅(SiC)</td><td>器件</td></tr>
<tr><td>扬杰科技</td><td><a href="https://valuefrontier.cn/company?scode=300373" target="_blank" class="link link-hover text-sky-400">300373</a></td><td>从事碳化硅(SiC)器件业务</td><td>碳化硅(SiC)</td><td>器件</td></tr>
<tr><td>三安光电</td><td><a href="https://valuefrontier.cn/company?scode=600703" target="_blank" class="link link-hover text-sky-400">600703</a></td><td>从事碳化硅(SiC)全产业链业务</td><td>碳化硅(SiC)</td><td>全链 (IDM)</td></tr>
<!-- GaN Stocks -->
<tr class="font-bold text-white"><td colspan="5" class="bg-cyan-900/50">氮化镓 (GaN) 产业链</td></tr>
<tr><td>南大光电</td><td><a href="https://valuefrontier.cn/company?scode=300346" target="_blank" class="link link-hover text-sky-400">300346</a></td><td>从事氮化镓(GaN)衬底业务</td><td>氮化镓(GaN)</td><td>衬底</td></tr>
<tr><td>海特高新</td><td><a href="https://valuefrontier.cn/company?scode=002023" target="_blank" class="link link-hover text-sky-400">002023</a></td><td>从事氮化镓(GaN)衬底及代工业务</td><td>氮化镓(GaN)</td><td>衬底/代工</td></tr>
<tr><td>中瓷电子</td><td><a href="https://valuefrontier.cn/company?scode=003031" target="_blank" class="link link-hover text-sky-400">003031</a></td><td>从事氮化镓(GaN)衬底业务</td><td>氮化镓(GaN)</td><td>衬底</td></tr>
<tr><td>赛微电子</td><td><a href="https://valuefrontier.cn/company?scode=300456" target="_blank" class="link link-hover text-sky-400">300456</a></td><td>从事氮化镓(GaN)外延业务</td><td>氮化镓(GaN)</td><td>外延</td></tr>
<tr><td>聚灿光电</td><td><a href="https://valuefrontier.cn/company?scode=300708" target="_blank" class="link link-hover text-sky-400">300708</a></td><td>从事氮化镓(GaN)外延业务</td><td>氮化镓(GaN)</td><td>外延</td></tr>
<tr><td>闻泰科技</td><td><a href="https://valuefrontier.cn/company?scode=600745" target="_blank" class="link link-hover text-sky-400">600745</a></td><td>从事氮化镓(GaN)器件业务</td><td>氮化镓(GaN)</td><td>器件</td></tr>
<tr><td>捷捷微电</td><td><a href="https://valuefrontier.cn/company?scode=300623" target="_blank" class="link link-hover text-sky-400">300623</a></td><td>从事氮化镓(GaN)器件业务</td><td>氮化镓(GaN)</td><td>器件</td></tr>
<tr><td>士兰微</td><td><a href="https://valuefrontier.cn/company?scode=600460" target="_blank" class="link link-hover text-sky-400">600460</a></td><td>从事氮化镓(GaN)全产业链业务</td><td>氮化镓(GaN)</td><td>全链 (IDM)</td></tr>
</tbody>
</table>
</div>
</section>
</main>
</div>
<!-- 概念概述 -->
<div class="card bg-white rounded-xl shadow-lg mb-8 p-6">
<div class="flex items-center mb-4">
<i class="fas fa-microchip text-3xl text-purple-600 mr-3"></i>
<h2 class="text-2xl font-bold text-gray-800">概念概述</h2>
</div>
<div class="grid md:grid-cols-2 gap-6">
<div class="space-y-4">
<p class="text-gray-700 leading-relaxed">
第三代半导体以<span class="highlight-text">碳化硅(SiC)</span>和<span class="highlight-text">氮化镓(GaN)</span>为代表，具有宽禁带特性（SiC禁带宽度3.26eV，GaN 3.4eV），可承受更高电压、温度及频率，成为新能源汽车、5G、光伏等领域的核心材料。
</p>
<div class="bg-purple-50 rounded-lg p-4">
<h3 class="font-semibold text-purple-800 mb-2">市场规模预测</h3>
<div class="grid grid-cols-2 gap-4 text-center">
<div>
<p class="text-2xl font-bold text-purple-600">50亿美元</p>
<p class="text-sm text-gray-600">2025年SiC器件市场</p>
</div>
<div>
<p class="text-2xl font-bold text-purple-600">123亿元</p>
<p class="text-sm text-gray-600">全球SiC衬底市场</p>
</div>
</div>
</div>
</div>
<div class="relative pl-8">
<div class="timeline-line"></div>
<h3 class="font-semibold text-gray-800 mb-4">催化事件时间轴</h3>
<div class="space-y-4">
<div class="timeline-dot">
<p class="text-sm font-medium text-gray-600">2024年11月</p>
<p class="text-gray-700">商务部推动国家第三代半导体技术创新中心（苏州）高质量发展</p>
</div>
<div class="timeline-dot">
<p class="text-sm font-medium text-gray-600">2025年2月</p>
<p class="text-gray-700">中国太空成功验证首款国产SiC功率器件</p>
</div>
<div class="timeline-dot">
<p class="text-sm font-medium text-gray-600">2025年5月</p>
<p class="text-gray-700">天科合达借壳天富能源预期升温，估值或达400亿+</p>
</div>
<div class="timeline-dot">
<p class="text-sm font-medium text-gray-600">2025年6月</p>
<p class="text-gray-700">上海发布《新材料产业方案》，支持SiC/GaN攻关</p>
</div>
</div>
</div>
</div>
</div>
<script>
// ECharts instance
var myChart = echarts.init(document.getElementById('market-chart'));
<!-- 核心观点 -->
<div class="grid md:grid-cols-3 gap-6 mb-8">
<div class="card bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl shadow-lg p-6 text-white">
<i class="fas fa-chart-line text-3xl mb-4"></i>
<h3 class="text-xl font-bold mb-2">阶段判断</h3>
<p class="text-blue-100">第三代半导体已从主题炒作进入基本面驱动阶段，政策、技术、需求三重共振</p>
</div>
<div class="card bg-gradient-to-br from-purple-500 to-purple-600 rounded-xl shadow-lg p-6 text-white">
<i class="fas fa-rocket text-3xl mb-4"></i>
<h3 class="text-xl font-bold mb-2">核心驱动力</h3>
<p class="text-purple-100">新能源车渗透率提升 + 国产替代加速（国内衬底市占率从9%向30%突破）</p>
</div>
<div class="card bg-gradient-to-br from-pink-500 to-pink-600 rounded-xl shadow-lg p-6 text-white">
<i class="fas fa-globe text-3xl mb-4"></i>
<h3 class="text-xl font-bold mb-2">未来潜力</h3>
<p class="text-pink-100">SiC衬底市场CAGR 24%，GaN射频器件市场CAGR 25%</p>
</div>
</div>
var option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
backgroundColor: 'rgba(23, 31, 46, 0.8)',
borderColor: '#1d90ab',
textStyle: {
color: '#e5e7eb'
}
},
legend: {
data: ['碳化硅(SiC)市场规模', '氮化镓(GaN)市场规模'],
textStyle: {
color: '#a5b4fc'
},
bottom: 0
},
grid: {
left: '3%',
right: '4%',
bottom: '10%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01],
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } },
axisLabel: { color: '#9ca3af' }
},
yAxis: {
type: 'category',
data: ['2024年', '2028年(预测)'],
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
axisLabel: { color: '#e5e7eb' }
},
series: [
{
name: '碳化硅(SiC)市场规模',
type: 'bar',
// Data is not available for 2024, so we project backwards from 2028 estimate of 91.7亿美元.
// Assuming a ~30% CAGR, 2024 would be around 3.3B USD.
data: [237.6, 663.53], // 3.3B USD in RMB, 9.17B USD in RMB
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#0ea5e9' },
{ offset: 1, color: '#6366f1' }
])
},
label: {
show: true,
position: 'right',
formatter: '{c} 亿元',
color: '#fff'
}
},
{
name: '氮化镓(GaN)市场规模',
type: 'bar',
data: [32, 501],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
{ offset: 0, color: '#22d3ee' },
{ offset: 1, color: '#a78bfa' }
])
},
label: {
show: true,
position: 'right',
formatter: '{c} 亿元',
color: '#fff'
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', function() {
myChart.resize();
});
</script>
<!-- 产业链分析 -->
<div class="card bg-white rounded-xl shadow-lg mb-8 p-6">
<div class="flex items-center mb-6">
<i class="fas fa-sitemap text-3xl text-indigo-600 mr-3"></i>
<h2 class="text-2xl font-bold text-gray-800">产业链与核心公司</h2>
</div>
<div class="grid md:grid-cols-3 gap-6 mb-6">
<div class="bg-indigo-50 rounded-lg p-4">
<h3 class="font-semibold text-indigo-800 mb-3">上游：材料与设备</h3>
<ul class="space-y-2">
<li class="flex items-center"><i class="fas fa-circle text-xs text-indigo-500 mr-2"></i>衬底（天岳先进、天科合达）</li>
<li class="flex items-center"><i class="fas fa-circle text-xs text-indigo-500 mr-2"></i>外延（三安光电、晶盛机电）</li>
<li class="flex items-center"><i class="fas fa-circle text-xs text-indigo-500 mr-2"></i>设备（北方华创、中微公司）</li>
</ul>
</div>
<div class="bg-purple-50 rounded-lg p-4">
<h3 class="font-semibold text-purple-800 mb-3">中游：器件与模块</h3>
<ul class="space-y-2">
<li class="flex items-center"><i class="fas fa-circle text-xs text-purple-500 mr-2"></i>器件（斯达半导、华润微）</li>
<li class="flex items-center"><i class="fas fa-circle text-xs text-purple-500 mr-2"></i>模块（比亚迪半导体、时代电气）</li>
</ul>
</div>
<div class="bg-pink-50 rounded-lg p-4">
<h3 class="font-semibold text-pink-800 mb-3">下游：应用领域</h3>
<ul class="space-y-2">
<li class="flex items-center"><i class="fas fa-circle text-xs text-pink-500 mr-2"></i>新能源车（比亚迪、特斯拉）</li>
<li class="flex items-center"><i class="fas fa-circle text-xs text-pink-500 mr-2"></i>光伏（华为、阳光电源）</li>
<li class="flex items-center"><i class="fas fa-circle text-xs text-pink-500 mr-2"></i>航天（中国电科）</li>
</ul>
</div>
</div>
<div class="overflow-x-auto">
<table class="w-full text-sm text-left text-gray-500">
<thead class="text-xs text-gray-700 uppercase bg-gray-50">
<tr>
<th class="px-6 py-3">公司</th>
<th class="px-6 py-3">环节</th>
<th class="px-6 py-3">优势</th>
<th class="px-6 py-3">风险</th>
<th class="px-6 py-3">估值</th>
</tr>
</thead>
<tbody>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-6 py-4 font-medium text-gray-900">天科合达</td>
<td class="px-6 py-4">衬底</td>
<td class="px-6 py-4">国内唯一6英寸量产，市占率12.8%</td>
<td class="px-6 py-4">IPO失败后借壳不确定性</td>
<td class="px-6 py-4">未上市（预期400亿）</td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-6 py-4 font-medium text-gray-900">天岳先进</td>
<td class="px-6 py-4">衬底</td>
<td class="px-6 py-4">8英寸研发领先，客户绑定英飞凌</td>
<td class="px-6 py-4">良率低于Wolfspeed</td>
<td class="px-6 py-4">PE 50x</td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-6 py-4 font-medium text-gray-900">斯达半导</td>
<td class="px-6 py-4">器件</td>
<td class="px-6 py-4">车规SiC模块龙头，比亚迪核心供应商</td>
<td class="px-6 py-4">竞争加剧（士兰微追赶）</td>
<td class="px-6 py-4">PE 35x</td>
</tr>
<tr class="bg-white hover:bg-gray-50">
<td class="px-6 py-4 font-medium text-gray-900">三安光电</td>
<td class="px-6 py-4">外延</td>
<td class="px-6 py-4">与ST合资8英寸产线，技术授权费收入</td>
<td class="px-6 py-4">产能爬坡不及预期</td>
<td class="px-6 py-4">PE 25x</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 关联股票表格 -->
<div class="card bg-white rounded-xl shadow-lg mb-8 p-6">
<div class="flex items-center mb-6">
<i class="fas fa-table text-3xl text-green-600 mr-3"></i>
<h2 class="text-2xl font-bold text-gray-800">关联股票</h2>
</div>
<div class="overflow-x-auto">
<table class="w-full text-sm text-left text-gray-500">
<thead class="text-xs text-gray-700 uppercase bg-gray-50">
<tr>
<th class="px-6 py-3">股票名称</th>
<th class="px-6 py-3">项目类型</th>
<th class="px-6 py-3">所属行业</th>
<th class="px-6 py-3">投资理由</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 股票数据将通过JavaScript动态插入 -->
</tbody>
</table>
</div>
</div>
<!-- 风险与展望 -->
<div class="grid md:grid-cols-2 gap-6 mb-8">
<div class="card bg-white rounded-xl shadow-lg p-6">
<div class="flex items-center mb-4">
<i class="fas fa-exclamation-triangle text-3xl text-red-600 mr-3"></i>
<h2 class="text-2xl font-bold text-gray-800">潜在风险</h2>
</div>
<div class="space-y-3">
<div class="flex items-start">
<i class="fas fa-circle text-xs text-red-500 mt-1.5 mr-3"></i>
<div>
<p class="font-medium text-gray-800">技术风险</p>
<p class="text-sm text-gray-600">8英寸衬底缺陷密度仍高于海外（1000/cm² vs 500/cm²）</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-circle text-xs text-red-500 mt-1.5 mr-3"></i>
<div>
<p class="font-medium text-gray-800">商业化风险</p>
<p class="text-sm text-gray-600">SiC器件成本为硅基3倍，中低端车型渗透需2026年后</p>
</div>
</div>
<div class="flex items-start">
<i class="fas fa-circle text-xs text-red-500 mt-1.5 mr-3"></i>
<div>
<p class="font-medium text-gray-800">政策风险</p>
<p class="text-sm text-gray-600">美国或限制SiC衬底出口（Wolfspeed占全球49%）</p>
</div>
</div>
</div>
</div>
<div class="card bg-white rounded-xl shadow-lg p-6">
<div class="flex items-center mb-4">
<i class="fas fa-lightbulb text-3xl text-yellow-600 mr-3"></i>
<h2 class="text-2xl font-bold text-gray-800">投资启示</h2>
</div>
<div class="space-y-3">
<div class="bg-yellow-50 rounded-lg p-4">
<p class="font-semibold text-yellow-800 mb-2">阶段判断</p>
<p class="text-sm text-gray-700">第三代半导体处于"技术突破+需求爆发"的拐点，非主题炒作</p>
</div>
<div class="bg-green-50 rounded-lg p-4">
<p class="font-semibold text-green-800 mb-2">投资方向</p>
<ul class="text-sm text-gray-700 space-y-1">
<li>• 最纯标的：天科合达（借壳天富能源，估值弹性最大）</li>
<li>• 设备龙头：北方华创（SiC外延设备市占率60%）</li>
<li>• 车规应用：斯达半导（比亚迪订单占比40%）</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 结论 -->
<div class="card tech-gradient rounded-xl shadow-lg p-8 text-white text-center">
<i class="fas fa-quote-left text-4xl mb-4 opacity-50"></i>
<h3 class="text-2xl font-bold mb-4">综合结论</h3>
<p class="text-lg mb-6">
第三代半导体是2025年半导体板块最确定的成长赛道，天科合达借壳事件或成为引爆点。
</p>
<div class="flex justify-center space-x-4 text-sm">
<div class="glass-effect rounded-lg px-4 py-2">
<i class="fas fa-chart-line mr-2"></i>
行业增速 35%+
</div>
<div class="glass-effect rounded-lg px-4 py-2">
<i class="fas fa-globe-asia mr-2"></i>
中国市占率 40%+
</div>
<div class="glass-effect rounded-lg px-4 py-2">
<i class="fas fa-dollar-sign mr-2"></i>
市场规模 200亿美元
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
// 初始化粒子背景
tsParticles.load("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#667eea"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: false
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#667eea",
opacity: 0.4,
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: 1
}
},
push: {
particles_nb: 4
}
}
},
retina_detect: true
});
// 股票数据
const stockData = [{'第三代半导体（240610）': [{'stock': '士兰微', '项目': '氮化镓（GaN）全链', '行业': '半导体', 'reason': '覆盖氮化镓全产业链，适用于5G基站、卫星通信等高频领域'}, {'stock': '金溢科技', '项目': '氮化镓（GaN）衬底', '行业': '半导体材料', 'reason': '专注于氮化镓衬底技术研发，支撑高频器件制造'}, {'stock': '中瓷电子', '项目': '氮化镓（GaN）衬底', '行业': '半导体材料', 'reason': '提供氮化镓衬底材料，用于高功率射频器件'}, {'stock': '南大光电', '项目': '氮化镓（GaN）衬底', '行业': '半导体材料', 'reason': '研发氮化镓衬底技术，应用于高频通信领域'}, {'stock': '海特高新', '项目': '氮化镓（GaN）衬底', '行业': '半导体材料', 'reason': '布局氮化镓衬底产业链，支持微波雷达等应用'}, {'stock': '闻泰科技', '项目': '氮化镓（GaN）器件', '行业': '半导体器件', 'reason': '生产氮化镓功率器件，适用于高功率高频场景'}, {'stock': '三安光电', '项目': '氮化镓（GaN）器件', '行业': '半导体器件', 'reason': '制造氮化镓射频器件，应用于5G通信领域'}, {'stock': '捷捷微电', '项目': '氮化镓（GaN）器件', '行业': '半导体器件', 'reason': '开发氮化镓功率器件，满足高频高压需求'}, {'stock': '联动科技', '项目': '氮化镓（GaN）器件', '行业': '半导体器件', 'reason': '提供氮化镓器件封装测试服务'}, {'stock': '赛微电子', '项目': '氮化镓（GaN）外延', '行业': '半导体外延', 'reason': '专注于氮化镓外延材料生长技术'}, {'stock': '海陆重工', '项目': '氮化镓（GaN）外延', '行业': '半导体外延', 'reason': '布局氮化镓外延产业链环节'}, {'stock': '聚灿光电', '项目': '氮化镓（GaN）外延', '行业': '半导体外延', 'reason': '研发氮化镓外延片制造技术'}, {'stock': '三安光电', '项目': '碳化硅（SiC）全链', '行业': '半导体', 'reason': '覆盖碳化硅全产业链，适用于新能源汽车等高压领域'}, {'stock': '露笑科技', '项目': '碳化硅（SiC）衬底', '行业': '半导体材料', 'reason': '生产碳化硅衬底材料，用于高压功率器件'}, {'stock': '楚江新材', '项目': '碳化硅（SiC）衬底', '行业': '半导体材料', 'reason': '研发碳化硅衬底技术，支持新能源汽车应用'}, {'stock': '天岳先进', '项目': '碳化硅（SiC）衬底', '行业': '半导体材料', 'reason': '专注于碳化硅衬底制造，适用于轨道交通领域'}, {'stock': '东尼电子', '项目': '碳化硅（SiC）衬底', '行业': '半导体材料', 'reason': '布局碳化硅衬底产能，满足工控需求'}, {'stock': '华润微', '项目': '碳化硅（SiC）器件', '行业': '半导体器件', 'reason': '生产碳化硅功率器件，应用于新能源汽车领域'}, {'stock': '扬杰科技', '项目': '碳化硅（SiC）器件', '行业': '半导体器件', 'reason': '开发碳化硅器件，适用于高压电力电子系统'}, {'stock': '捷捷微电', '项目': '碳化硅（SiC）器件', '行业': '半导体器件', 'reason': '布局碳化硅功率器件研发生产'}, {'stock': '华微电子', '项目': '碳化硅（SiC）器件', '行业': '半导体器件', 'reason': '制造碳化硅器件，满足高压高频应用场景'}, {'stock': '斯达半导', '项目': '碳化硅（SiC）器件', '行业': '半导体器件', 'reason': '专注碳化硅功率器件设计制造'}, {'stock': '晶盛机电', '项目': '碳化硅（SiC）外延', '行业': '半导体外延', 'reason': '提供碳化硅外延设备及技术服务'}, {'stock': '北方华创', '项目': '碳化硅（SiC）外延', '行业': '半导体设备', 'reason': '研发碳化硅外延工艺设备'}, {'stock': '民德电子', '项目': '碳化硅（SiC）外延', '行业': '半导体外延', 'reason': '布局碳化硅外延产业链环节'}]}];
// 动态生成股票表格
function generateStockTable() {
const tableBody = document.getElementById('stockTableBody');
const stocks = stockData[0]['第三代半导体（240610）'];
stocks.forEach((stock, index) => {
const row = document.createElement('tr');
row.className = index % 2 === 0 ? 'bg-white border-b table-hover' : 'bg-gray-50 border-b table-hover';
// 根据项目类型设置不同的标识颜色
let projectBadgeClass = '';
if (stock['项目'].includes('GaN')) {
projectBadgeClass = 'bg-blue-100 text-blue-800';
} else if (stock['项目'].includes('SiC')) {
projectBadgeClass = 'bg-green-100 text-green-800';
}
row.innerHTML = `
<td class="px-6 py-4 font-medium text-gray-900">${stock['stock']}</td>
<td class="px-6 py-4">
<span class="px-2 py-1 text-xs font-medium rounded-full ${projectBadgeClass}">
${stock['项目']}
</span>
</td>
<td class="px-6 py-4">${stock['行业']}</td>
<td class="px-6 py-4 text-gray-700">${stock['reason']}</td>
`;
tableBody.appendChild(row);
});
}
// 页面加载时生成表格
document.addEventListener('DOMContentLoaded', generateStockTable);
</script>
</body>
</html>
```
</html>