update pay ui

This commit is contained in:
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions

View File

@@ -0,0 +1,513 @@
<!DOCTYPE html>
<html lang="zh-CN" data-theme="night">
<head>
<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.11.1/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>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Exo 2', sans-serif;
background-color: #010007;
background-image:
radial-gradient(ellipse at 20% 80%, rgba(10, 84, 184, 0.3) 0%, rgba(10, 84, 184, 0) 40%),
radial-gradient(ellipse at 70% 10%, rgba(189, 28, 122, 0.3) 0%, rgba(189, 28, 122, 0) 40%),
radial-gradient(ellipse at 90% 90%, rgba(20, 153, 168, 0.3) 0%, rgba(20, 153, 168, 0) 40%);
background-attachment: fixed;
color: #e0e0e0;
}
.glass-card {
background: rgba(18, 18, 29, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-radius: 2rem;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.glass-card:hover {
box-shadow: 0 0 40px rgba(0, 191, 255, 0.2);
border: 1px solid rgba(0, 191, 255, 0.3);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.grid-item {
transition: transform 0.3s ease;
}
.grid-item:hover {
transform: translateY(-5px);
}
.main-insight { grid-column: span 12; md:grid-column: span 8; }
.data-viz-1 { grid-column: span 12; md:grid-column: span 4; }
.data-viz-2 { grid-column: span 12; md:grid-column: span 4; }
.data-tabs { grid-column: span 12; md:grid-column: span 8; }
.rise-analysis { grid-column: span 12; }
.stock-table-container { grid-column: span 12; }
h1, h2, h3 {
text-shadow: 0 0 10px rgba(0, 191, 255, 0.5), 0 0 20px rgba(189, 28, 122, 0.3);
}
.glow-text {
color: #00d9ff;
text-shadow: 0 0 5px #00d9ff, 0 0 10px #00d9ff;
}
.collapse-title, .tab {
font-size: 1.125rem;
font-weight: 500;
}
.tab-active {
color: #00d9ff;
border-color: #00d9ff !important;
}
.table {
background-color: transparent;
}
.table th {
background-color: rgba(255, 255, 255, 0.05);
color: #c0c0c0;
}
.table tr:hover {
background-color: rgba(0, 191, 255, 0.05) !important;
}
.disclaimer {
font-size: 0.75rem;
color: #888;
text-align: center;
padding: 1rem 0;
}
</style>
</head>
<body class="p-4 md:p-8">
<div class="container mx-auto max-w-screen-2xl">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold text-white mb-4">智能穿戴 深度行研报告</h1>
<p class="text-lg text-gray-400">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p class="text-sm text-gray-500 mt-2">本报告为AI合成数据投资需谨慎。</p>
</header>
<!-- Bento Grid Layout -->
<div class="bento-grid">
<!-- Main Insight Section -->
<div class="main-insight grid-item glass-card p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold mb-6 text-white">概念InsightAI驱动的第二增长曲线起点</h2>
<div class="space-y-6 text-gray-300">
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-2">0. 核心事件引爆</h3>
<p>智能穿戴概念近期由技术、产品与政策事件密集催化,形成共振效应。核心引爆点包括:<strong class="text-white">AI大模型赋能</strong>字节豆包AI耳机<strong class="text-white">行业标杆新品频出</strong>Meta Ray-Ban二代销量超160万台、以及<strong class="text-white">国内巨头引领</strong>华为发布“玄玑感知系统”小米预告“价格杀手”AI眼镜。国家战略层面国务院“人工智能+”行动意见将智能穿戴提升至战略高度,市场数据亦验证了其强劲增长势头。</p>
</div>
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-2">1. 核心观点摘要</h3>
<p>智能穿戴正处在由“功能机”向“智能机”时代跃迁的<strong class="text-white">关键拐点</strong>。其核心驱动力已从单一健康监测升级为<strong class="text-fuchsia-300">AI大模型赋能下的多模态交互与场景革命</strong>。市场正从主题炒作向基本面验证过渡,其中<strong class="text-white">AI眼镜</strong><strong class="text-white">智能指环</strong>是最具想象空间的新兴品类,有望重塑消费电子格局。</p>
</div>
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-2">2. 核心逻辑与预期差分析</h3>
<p class="mb-2"><strong class="text-white">驱动力:</strong> 1) AI大模型下沉至端侧设备从“配件”变“智能体”2) 光学、芯片、工程技术跨越门槛如Meta眼镜50g重量3) 国家级政策强力背书4) 巨头入局构建生态,引发“鲶鱼效应”。</p>
<p><strong class="text-white">预期差:</strong> 1) <strong class="text-amber-400">产品形态预期差:</strong>市场聚焦“完全体AR”但当前真正上量的是“AI摄像眼镜”等过渡形态。 2) <strong class="text-amber-400">商业化节奏预期差:</strong>市场低估了重量50g、价格1500元和材质美观度等商业化难题。 3) <strong class="text-amber-400">“AI”价值预期差</strong>AI价值兑现需找到“翻译、办公”等刚需场景目前多为“锦上添花”市场可能高估其对销量的直接拉动。</p>
</div>
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-2">3. 关键催化剂与发展路径</h3>
<p class="mb-2"><strong class="text-white">近期催化剂3-6个月</strong> 华为9月新品发布、Meta Connect 2024大会、小米AI眼镜发布、三星Galaxy Ring发售。</p>
<p><strong class="text-white">发展路径:</strong> <strong class="text-gray-400">近期(1-2年)</strong>-场景探索与单点突破;<strong class="text-gray-400">中期(3-5年)</strong>-生态初步形成,与手机、汽车联动;<strong class="text-gray-400">远期(5-10年)</strong>-平台化与大众普及,诞生独立操作系统,替代手机成为下一代计算平台。</p>
</div>
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-2">4. 产业链与核心公司剖析</h3>
<p>产业链分为<strong class="text-white">上游核心元器件</strong>(芯片-恒玄科技;传感器-敏芯股份;光学-水晶光电)、<strong class="text-white">中游整机代工</strong>(龙头-歌尔股份、立讯精密;弹性追赶者-佳禾智能)和<strong class="text-white">下游品牌</strong>苹果、华为、Meta等。其中<strong class="text-fuchsia-300">歌尔股份</strong>作为Meta独家代工商是行业β放大器<strong class="text-fuchsia-300">佳禾智能</strong>客户多元化AR业务毛利高成长性显著<strong class="text-fuchsia-300">恒玄科技</strong>作为平台级芯片领导者,是产业链“卖水人”,确定性高。</p>
</div>
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-2">5. 潜在风险与挑战</h3>
<p>技术风险光波导良率、续航、商业化风险成本高、缺乏杀手级应用、政策与竞争风险337调查、数据安全、以及信息交叉验证风险收入增长预期与产业链实际盈利能力可能存在差距</p>
</div>
<div>
<h3 class="text-xl font-semibold text-cyan-300 mb-2">6. 综合结论与投资启示</h3>
<p>智能穿戴正处在<strong class="text-white">AI驱动的第二增长曲线起点</strong>,已进入“主题+基本面”双轮驱动阶段。最具投资价值的环节为1) <strong class="text-cyan-300">上游核心芯片/元器件</strong>确定性高2) <strong class="text-cyan-300">AI眼镜产业链</strong>爆发潜力大3) <strong class="text-cyan-300">新兴品类开创者</strong>估值弹性高。需重点跟踪标杆产品出货量、ASP与毛利率、上游芯片数据及应用生态活跃度等关键指标。</p>
</div>
</div>
</div>
<!-- Data Viz 1: Product Category Growth -->
<div class="data-viz-1 grid-item glass-card p-6">
<h3 class="text-xl font-bold mb-4 text-white">细分品类年均增长率</h3>
<div id="chart-growth" style="width: 100%; height: 300px;"></div>
</div>
<!-- Data Viz 2: Market Composition -->
<div class="data-viz-2 grid-item glass-card p-6">
<h3 class="text-xl font-bold mb-4 text-white">产品品种数构成 (万种)</h3>
<div id="chart-composition" style="width: 100%; height: 300px;"></div>
</div>
<!-- Data Tabs: News, Roadshow, Reports -->
<div x-data="{ tab: 'news' }" class="data-tabs grid-item glass-card p-6 md:p-8">
<div role="tablist" class="tabs tabs-bordered tabs-lg mb-6">
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻数据</a>
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演纪要</a>
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'research' }" @click.prevent="tab = 'research'">研报精粹</a>
</div>
<div class="max-h-[600px] overflow-y-auto pr-4 space-y-4">
<!-- News Content -->
<div x-show="tab === 'news'">
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion" checked="checked" />
<div class="collapse-title">市场宏观动态与数据</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2">
<li><strong>产品总量与增长:</strong>我国新型智能穿戴产品总量突破18.1万种较2020年增长91.4%年均增长13.9%。</li>
<li><strong>细分品类数据:</strong>智能手表年均增长46.8%智能眼镜年均增长23.5%,增速显著高于行业平均。</li>
<li><strong>销售额增长:</strong>今年前10月AI眼镜、智能手表等网零额增长23.1%。</li>
<li><strong>市场趋势:</strong>AI将加速新硬件形态探索智能穿戴设备或走到爆发前夜。机构预计2024年全球市场总量近2亿部。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion" />
<div class="collapse-title">重点企业与产品动态</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2">
<li><strong>华为:</strong>发布“玄玑感知系统”将应用于9月推出的智能穿戴新品开启穿戴新十年。</li>
<li><strong>小米 & 京东:</strong>深化战略合作目标2025年小米智能穿戴在京东成交量突破600万。</li>
<li><strong>字节跳动:</strong>发布首款AI智能体耳机“Ola Friend”接入豆包大模型。</li>
<li><strong>Meta</strong>Connect 2024大会将亮相全新MR头显和首款AR眼镜Rayban Meta二代性能升级但价格重量不变。</li>
<li><strong>供应链:</strong>云天励飞、创世纪、博通集成、佰维存储、环旭电子、上海洗霸、硕贝德、劲拓股份等公司在芯片、结构件、电池、天线等环节深度布局。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion" />
<div class="collapse-title">产品形态分析与展望</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2">
<li><strong>智能眼镜 (👓)</strong>重量控制是关键。Rayban Meta二代维持50g左右重量是其能起量的重要细节。</li>
<li><strong>智能戒指 (💍)</strong>当前面临传感器集成度不高、数据不准、外观普通等问题。未来期望在材质和外观上出现更多方案。</li>
</ul>
</div>
</div>
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion" />
<div class="collapse-title">政策、法规与安全</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2">
<li><strong>国家政策:</strong>国务院、发改委、工信部及多地政府发文,大力发展智能穿戴等新一代智能终端。</li>
<li><strong>安全提醒:</strong>国安部提醒,严禁在涉密场所使用智能穿戴设备,防范泄密风险。</li>
<li><strong>国际贸易:</strong>美国ITC对特定智能穿戴设备启动337调查涉及中国公司。</li>
</ul>
</div>
</div>
</div>
<!-- Roadshow Content -->
<div x-show="tab === 'roadshow'">
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion-roadshow" checked="checked" />
<div class="collapse-title">歌尔股份AI+智能穿戴龙头</div>
<div class="collapse-content">
<p><strong>核心地位:</strong>VR/AR代工龙头Meta Quest独供商占全球70%份额),声学组件全球领先。 <br><strong>AI眼镜突破</strong>与雷朋及Meta合作的Meta Ray-Ban智能眼镜独家代工2024年目标销量100万台。产品重仅50克ASP较高。<br><strong>VR机遇</strong>受益于苹果Vision Pro发布带动的行业关注自研Pancake光学模组产能超2000万台/年。</p>
</div>
</div>
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion-roadshow" />
<div class="collapse-title">AI眼镜行业深度</div>
<div class="collapse-content">
<p><strong>行业拐点:</strong>Meta Ray-Ban Stories全球销量超160万台验证产品可行性。<br><strong>关键玩家:</strong>国际看Meta国内看小米预计发布低于1500元的“价格杀手”、TCL电子、华为。<br><strong>爆发关键:</strong>价格破冰1500元以下和刚需场景翻译、办公辅助。预计2030年前达千万级销量。</p>
</div>
</div>
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion-roadshow" />
<div class="collapse-title">智能指环行业:新一代健康监测终端</div>
<div class="collapse-content">
<p><strong>技术优势:</strong>相比腕部设备,指环形态健康监测精度更高。<br><strong>标杆产品:</strong>Oura Ring累计出货超百万只售价299美元。<br><strong>大厂布局:</strong>三星计划2024年量产Galaxy Ring苹果亦有专利布局远期市场空间或达5000万枚。<br><strong>推荐标的:</strong>天键股份(已量产消费级产品)、创世纪(精密结构件)。</p>
</div>
</div>
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion-roadshow" />
<div class="collapse-title">佳禾智能:弹性追赶者</div>
<div class="collapse-content">
<p><strong>业务进展:</strong>智能穿戴营收占比从不足1%提升至8.5%。AR/AI眼镜为战略重点AR眼镜毛利率可达40%。<br><strong>客户合作:</strong>为安克、天猫、JBL供货智能/音频眼镜与工业AR龙头瑞欧威尔、消费级光机厂商珑璟光电合作。<br><strong>技术储备:</strong>拥有33项专利复用TWS耳机技术至AR领域节约研发成本。</p>
</div>
</div>
</div>
<!-- Research Content -->
<div x-show="tab === 'research'">
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion-research" checked="checked" />
<div class="collapse-title">行业宏观趋势:“百镜之战”开启</div>
<div class="collapse-content">
<p><strong>市场规模预测:</strong>预计2024-2027年全球AR硬件出货量CAGR达95.3%。Wellsenn XR预测2035年全球销量将达14亿台与智能手机规模相当。<br><strong>新品集中发布:</strong>Meta、Google、百度、小米等国内外厂商密集发布或计划发布AI/AR眼镜新品。<br><strong>核心驱动:</strong>AI大模型赋能、光学显示光波导/MicroLED和芯片技术突破。</p>
</div>
</div>
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion-research" />
<div class="collapse-title">关键技术发展</div>
<div class="collapse-content">
<p><strong>光学显示:</strong>光波导技术和MicroLED显示技术是未来方向。<br><strong>计算单元(芯片):</strong>核心诉求为轻量化、低功耗。代表芯片包括高通骁龙AR2、恒玄科技BES2800/BES6000系列。恒玄科技自研NPU峰值算力达TOPS级。<br><strong>感知交互:</strong>MEMS传感器是关键。敏芯股份是全球第三大MEMS麦克风芯片供应商产品应用于TWS耳机、智能手表等。</p>
</div>
</div>
<div class="collapse collapse-plus bg-white/5">
<input type="radio" name="data-accordion-research" />
<div class="collapse-title">产业链与核心公司</div>
<div class="collapse-content">
<p><strong>恒玄科技(688608.SH)</strong>无线超低功耗SoC芯片龙头。2024年智能手表/手环芯片营收同比增长116%出货量超4000万颗是营收增长最大动力。客户涵盖三星、OPPO、小米、华为、谷歌等。<br><strong>敏芯股份(688286.SH)</strong>MEMS传感器芯片供应商核心产品为MEMS麦克风和压力传感器客户包括华为、传音、小米等。<br><strong>其他核心公司:</strong>光学(水晶光电)、整机代工(歌尔股份、龙旗科技)、声学(国光电器、漫步者)、结构件(天键股份)。</p>
</div>
</div>
</div>
</div>
</div>
<!-- Rise Analysis -->
<div class="rise-analysis grid-item glass-card p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold mb-6 text-white">涨幅异动分析</h2>
<div class="space-y-4 max-h-[600px] overflow-y-auto pr-4">
<div class="collapse collapse-arrow bg-white/5">
<input type="checkbox" />
<div class="collapse-title flex justify-between items-center">
<span><strong class="text-white">红蜻蜓 (603116)</strong> - 军工传感+产业基金</span>
<span class="badge badge-success badge-outline">+9.95%</span>
</div>
<div class="collapse-content">
<p><strong>核心结论:</strong> 公告携手航天科工三院共建“智能可穿戴联合实验室”叠加工信部拟设100亿元产业基金并对柔性传感器等给予20%研发费用加计扣除,触发公司由传统鞋履向科技消费重估。</p>
</div>
</div>
<div class="collapse collapse-arrow bg-white/5">
<input type="checkbox" />
<div class="collapse-title flex justify-between items-center">
<span><strong class="text-white">中科蓝讯 (688332)</strong> - IPO预期+端侧AI</span>
<span class="badge badge-error badge-outline">+20.00%</span>
</div>
<div class="collapse-content">
<p><strong>核心结论:</strong> 硬逻辑是公司持有即将上会的摩尔线程0.5%股权资产重估弹性巨大对应当前市值40-50%。同时公司蓝牙音频SoC已用于小米手环等终端被归入“端侧AI入口”标的享受概念情绪催化。</p>
</div>
</div>
<div class="collapse collapse-arrow bg-white/5">
<input type="checkbox" />
<div class="collapse-title flex justify-between items-center">
<span><strong class="text-white">乔锋智能 (301603)</strong> - 业绩超预期+AI战略</span>
<span class="badge badge-error badge-outline">+12.65%</span>
</div>
<div class="collapse-content">
<p><strong>核心结论:</strong> 半年报业绩超预期净利增56%连续5季度高增长。同时受益于国务院“人工智能+”战略,公司数控机床可用于液冷服务器、折叠屏等,并已布局人形机器人所需设备,估值存在较大提升空间。</p>
</div>
</div>
<div class="collapse collapse-arrow bg-white/5">
<input type="checkbox" />
<div class="collapse-title flex justify-between items-center">
<span><strong class="text-white">珠海冠宇 (688772)</strong> - 北美大客户+钢壳电池</span>
<span class="badge badge-success badge-outline">+7.37%</span>
</div>
<div class="collapse-content">
<p><strong>核心结论:</strong> 与北美大模型厂商在智能穿戴领域达成深入合作成为其唯二供应商明年目标出货2500万部打开新增长空间。同时作为苹果钢壳电池核心供应商市场份额持续提升受益于iPhone新机热销。</p>
</div>
</div>
</div>
</div>
<!-- Stock Table -->
<div class="stock-table-container grid-item glass-card p-6 md:p-8">
<h2 class="text-2xl md:text-3xl font-bold mb-6 text-white">相关产业链公司梳理</h2>
<div class="overflow-x-auto max-h-[800px]">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>核心逻辑</th>
<th>细分领域</th>
</tr>
</thead>
<tbody>
<!-- 智能手表/腕带 -->
<tr><td colspan="4" class="font-bold text-lg bg-gray-700/30 text-cyan-300">智能手表 / 腕带</td></tr>
<tr><td>乐心医疗</td><td><a href="https://valuefrontier.cn/company?scode=300562" target="_blank" class="link link-hover text-blue-400">300562</a></td><td>智能手表/腕带</td><td>医疗级</td></tr>
<tr><td>九安医疗</td><td><a href="https://valuefrontier.cn/company?scode=002432" target="_blank" class="link link-hover text-blue-400">002432</a></td><td>智能手表/腕带</td><td>医疗级</td></tr>
<tr><td>奋达科技</td><td><a href="https://valuefrontier.cn/company?scode=002681" target="_blank" class="link link-hover text-blue-400">002681</a></td><td>智能手表/腕带</td><td>消费级</td></tr>
<tr><td>恒玄科技</td><td><a href="https://valuefrontier.cn/company?scode=688608" target="_blank" class="link link-hover text-blue-400">688608</a></td><td>智能手表/腕带</td><td>消费级 (核心芯片)</td></tr>
<tr><td>智动力</td><td><a href="https://valuefrontier.cn/company?scode=300686" target="_blank" class="link link-hover text-blue-400">300686</a></td><td>智能手表/腕带</td><td>消费级 (结构件)</td></tr>
<!-- 智能戒指 -->
<tr><td colspan="4" class="font-bold text-lg bg-gray-700/30 text-cyan-300">智能戒指</td></tr>
<tr><td>天键股份</td><td><a href="https://valuefrontier.cn/company?scode=301383" target="_blank" class="link link-hover text-blue-400">301383</a></td><td>智能戒指</td><td>产品 (已量产)</td></tr>
<tr><td>佳禾智能</td><td><a href="https://valuefrontier.cn/company?scode=300793" target="_blank" class="link link-hover text-blue-400">300793</a></td><td>智能戒指</td><td>产品 (技术储备)</td></tr>
<tr><td>芯海科技</td><td><a href="https://valuefrontier.cn/company?scode=688595" target="_blank" class="link link-hover text-blue-400">688595</a></td><td>智能戒指</td><td>芯片</td></tr>
<tr><td>恒玄科技</td><td><a href="https://valuefrontier.cn/company?scode=688608" target="_blank" class="link link-hover text-blue-400">688608</a></td><td>智能戒指</td><td>芯片</td></tr>
<tr><td>统联精密</td><td><a href="https://valuefrontier.cn/company?scode=688210" target="_blank" class="link link-hover text-blue-400">688210</a></td><td>智能戒指</td><td>部件 (精密结构件)</td></tr>
<!-- 智能耳机 -->
<tr><td colspan="4" class="font-bold text-lg bg-gray-700/30 text-cyan-300">智能耳机 (TWS/AI)</td></tr>
<tr><td>立讯精密</td><td><a href="https://valuefrontier.cn/company?scode=002475" target="_blank" class="link link-hover text-blue-400">002475</a></td><td>智能耳机</td><td>代工/品牌 (苹果核心)</td></tr>
<tr><td>歌尔股份</td><td><a href="https://valuefrontier.cn/company?scode=002241" target="_blank" class="link link-hover text-blue-400">002241</a></td><td>智能耳机</td><td>代工/品牌 (苹果/安卓)</td></tr>
<tr><td>佳禾智能</td><td><a href="https://valuefrontier.cn/company?scode=300793" target="_blank" class="link link-hover text-blue-400">300793</a></td><td>智能耳机</td><td>代工/品牌</td></tr>
<tr><td>安克创新</td><td><a href="https://valuefrontier.cn/company?scode=300866" target="_blank" class="link link-hover text-blue-400">300866</a></td><td>智能耳机</td><td>自有品牌</td></tr>
<tr><td>漫步者</td><td><a href="https://valuefrontier.cn/company?scode=002351" target="_blank" class="link link-hover text-blue-400">002351</a></td><td>智能耳机</td><td>自有品牌</td></tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Footer Disclaimer -->
<footer class="disclaimer mt-12">
<p>报告生成时间:<span id="generation-time"></span></p>
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现。本报告内容基于公开信息和AI模型分析不构成任何投资建议市场有风险投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Set generation time
document.getElementById('generation-time').textContent = new Date().toLocaleString('zh-CN');
// ECharts Initialization
const initCharts = () => {
const growthChartDom = document.getElementById('chart-growth');
const growthChart = echarts.init(growthChartDom);
const compositionChartDom = document.getElementById('chart-composition');
const compositionChart = echarts.init(compositionChartDom);
const chartOptionBase = {
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(18, 18, 29, 0.8)',
borderColor: '#00d9ff',
textStyle: { color: '#e0e0e0' }
},
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
xAxis: {
type: 'category',
axisLine: { lineStyle: { color: '#888' } },
axisLabel: { color: '#ccc' }
},
yAxis: {
type: 'value',
axisLine: { lineStyle: { color: '#888' } },
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } },
axisLabel: { color: '#ccc' }
},
series: [],
textStyle: {
fontFamily: 'Exo 2, sans-serif'
}
};
const growthOption = {
...chartOptionBase,
xAxis: {
...chartOptionBase.xAxis,
data: ['智能手表', '智能眼镜', '智能耳机', '智能手环']
},
yAxis: {
...chartOptionBase.yAxis,
name: '%',
nameTextStyle: { color: '#ccc' }
},
tooltip: { ...chartOptionBase.tooltip, trigger: 'axis' },
series: [{
name: '年均增长率',
type: 'bar',
data: [46.8, 23.5, 14.0, 1.2],
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#00d9ff' },
{ offset: 1, color: '#0a54b8' }
])
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#5effff' },
{ offset: 1, color: '#0a7eff' }
])
}
}
}]
};
const compositionOption = {
tooltip: {
trigger: 'item',
backgroundColor: 'rgba(18, 18, 29, 0.8)',
borderColor: '#00d9ff',
textStyle: { color: '#e0e0e0' }
},
legend: {
top: '5%',
left: 'center',
textStyle: { color: '#ccc' }
},
series: [{
name: '产品品种数',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#010007',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '20',
fontWeight: 'bold',
color: '#fff'
}
},
labelLine: {
show: false
},
data: [
{ value: 12.2, name: '智能耳机' },
{ value: 2.9, name: '智能手表' },
{ value: 2.8, name: '智能手环' },
{ value: 0.2, name: '智能眼镜' }
],
color: ['#00d9ff', '#8a2be2', '#f94144', '#f8961e']
}],
textStyle: {
fontFamily: 'Exo 2, sans-serif'
}
};
growthChart.setOption(growthOption);
compositionChart.setOption(compositionOption);
window.addEventListener('resize', function() {
growthChart.resize();
compositionChart.resize();
});
};
initCharts();
});
</script>
</body>
</html>