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

819
public/htmls/机器人皮肤仿生皮肤.html
View File

@@ -1,466 +1,449 @@
<!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.0">
<title>机器人皮肤/仿生皮肤 - 概念深度分析</title>
<title>深度研报：机器人皮肤仿生皮肤概念</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<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.14.0/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=Inter:wght@300;400;500;600;700&display=swap');
* {
font-family: 'Inter', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.glass-effect {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.timeline-dot {
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Noto+Sans+SC:wght@300;400;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #010419;
color: #E0E0E0;
overflow: hidden;
position: relative;
}
.timeline-dot::before {
.main-container {
position: relative;
z-index: 1;
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
}
/* Aurora background effect */
body::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
background: #667eea;
left: -10px;
top: 6px;
}
.hover-scale {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-scale:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.tech-tag {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
.table-scroll-custom {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-scroll-custom::-webkit-scrollbar {
height: 8px;
}
.table-scroll-custom::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.table-scroll-custom::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
.table-scroll-custom::-webkit-scrollbar-thumb:hover {
background: #555;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(ellipse at 20% 25%, rgba(0, 122, 255, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 80% 15%, rgba(138, 43, 226, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 50% 80%, rgba(0, 255, 255, 0.15) 0%, transparent 50%);
animation: move-aurora 25s infinite linear;
will-change: transform;
z-index: 0;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
@keyframes move-aurora {
0% { transform: translate(0, 0) rotate(0deg); }
25% { transform: translate(10px, -20px) rotate(5deg); }
50% { transform: translate(0, 0) rotate(0deg); }
75% { transform: translate(-10px, 20px) rotate(-5deg); }
100% { transform: translate(0, 0) rotate(0deg); }
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background-color: rgba(10, 25, 47, 0.5);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2rem; /* Extreme rounded corners */
transition: all 0.3s ease;
}
.pulse-animation {
animation: pulse 2s infinite;
.glass-card:hover {
border-color: rgba(0, 255, 255, 0.3);
box-shadow: 0 0 25px rgba(0, 255, 255, 0.1);
}
.risk-card {
border-left: 4px solid #ef4444;
.section-title {
font-family: 'Orbitron', sans-serif;
color: #00FFFF;
text-shadow: 0 0 8px rgba(0, 255, 255, 0.7);
}
.opportunity-card {
border-left: 4px solid #10b981;
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.bento-item-span-4 { grid-column: span 4; }
.bento-item-span-6 { grid-column: span 6; }
.bento-item-span-8 { grid-column: span 8; }
.bento-item-span-12 { grid-column: span 12; }
}
.tab-active {
color: #00FFFF !important;
border-color: #00FFFF !important;
text-shadow: 0 0 5px rgba(0, 255, 255, 0.7);
}
table thead tr {
border-bottom: 1px solid rgba(0, 255, 255, 0.4) !important;
}
table tbody tr:hover {
background-color: rgba(0, 255, 255, 0.05) !important;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
background: rgba(0, 255, 255, 0.3);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(0, 255, 255, 0.5);
}
</style>
</head>
<body class="bg-gray-50">
<!-- Hero Section -->
<section class="gradient-bg text-white py-20">
<div class="container mx-auto px-4">
<div class="flex flex-col items-center text-center">
<div class="mb-6 pulse-animation">
<i class="fas fa-robot text-6xl"></i>
</div>
<h1 class="text-5xl font-bold mb-4">机器人皮肤/仿生皮肤</h1>
<p class="text-xl mb-8 opacity-90">从前沿技术到商业化落地的关键转折</p>
<div class="flex flex-wrap gap-4 justify-center">
<span class="bg-white/20 px-4 py-2 rounded-full backdrop-blur-sm">
<i class="fas fa-chart-line mr-2"></i>具身智能核心
</span>
<span class="bg-white/20 px-4 py-2 rounded-full backdrop-blur-sm">
<i class="fas fa-hand-sparkles mr-2"></i>触觉感知革命
</span>
<span class="bg-white/20 px-4 py-2 rounded-full backdrop-blur-sm">
<i class="fas fa-atom mr-2"></i>万亿级市场
</span>
</div>
</div>
</div>
</section>
<body>
<div class="main-container">
<header class="container mx-auto px-4 lg:px-8 py-12 text-center">
<h1 class="font-orbitron text-4xl lg:text-6xl font-bold tracking-widest uppercase text-shadow">
<span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-purple-500">机器人皮肤仿生皮肤</span>
</h1>
<p class="mt-4 text-lg text-slate-300">概念深度研报</p>
</header>
<!-- 核心数据展示 -->
<section class="py-12 -mt-8">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-4 gap-6">
<div class="glass-effect rounded-xl p-6 hover-scale">
<div class="text-3xl font-bold text-purple-600 mb-2">2000-8000</div>
<div class="text-gray-600">单机器人手部价值量(元)</div>
<main class="container mx-auto px-4 lg:px-8 pb-16">
<!-- Core Viewpoint Summary -->
<section class="mb-12">
<div class="glass-card p-8 shadow-lg">
<h2 class="section-title text-2xl mb-4">// 核心观点摘要</h2>
<p class="text-lg text-slate-200 leading-relaxed">
机器人皮肤仿生皮肤正处于从0到1的产业化初期，其核心驱动力源于人形机器人实现“具身智能”对高级触觉感知的刚性需求。当前，以特斯拉为首的OEM厂商确立的“压阻+电容”混合技术路线，正引领产业链从单一功能向上游材料创新和中游多模态集成方案快速演进，市场即将进入由核心供应商订单放量驱动的第一轮基本面验证阶段。
</p>
</div>
<div class="glass-effect rounded-xl p-6 hover-scale">
<div class="text-3xl font-bold text-purple-600 mb-2">10倍</div>
<div class="text-gray-600">2025年出货量增长</div>
</div>
<div class="glass-effect rounded-xl p-6 hover-scale">
<div class="text-3xl font-bold text-purple-600 mb-2">30+</div>
<div class="text-gray-600">汉威科技覆盖客户数</div>
</div>
<div class="glass-effect rounded-xl p-6 hover-scale">
<div class="text-3xl font-bold text-purple-600 mb-2">300万+</div>
<div class="text-gray-600">商业化按压寿命要求</div>
</div>
</div>
</div>
</section>
</section>
<!-- 事件时间轴 -->
<section class="py-16">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold mb-8 text-center">核心催化事件</h2>
<div class="max-w-4xl mx-auto">
<div class="space-y-6">
<div class="flex items-start glass-effect rounded-lg p-4">
<div class="timeline-dot flex-1">
<div class="font-semibold text-purple-600">2025年2月</div>
<div class="text-gray-700 mt-1">产业链初步联动 - 唯科科技将仿生机器人电子 skin 作为重点项目</div>
<!-- Bento Grid for Insight -->
<section class="bento-grid mb-12">
<!-- Core Logic -->
<div class="bento-item lg:bento-item-span-8 glass-card p-8">
<h3 class="section-title text-xl mb-4">// 核心逻辑与市场认知</h3>
<div class="space-y-4 text-slate-300">
<div>
<strong class="text-cyan-300">1. 技术刚需——从“可用”到“好用”的跃迁:</strong>
<p>触觉反馈是弥补纯视觉方案缺陷、实现精细操作和确保人机交互安全的关键，是机器人从“能动”到“善操”的必要条件。</p>
</div>
</div>
<div class="flex items-start glass-effect rounded-lg p-4">
<div class="timeline-dot flex-1">
<div class="font-semibold text-purple-600">2025年4月21日</div>
<div class="text-gray-700 mt-1">情绪引爆点 - 央视报道订单爆发式增长，企业24小时赶工</div>
<div>
<strong class="text-cyan-300">2. 商业闭环——AI大模型驱动的数据需求:</strong>
<p>电子皮肤是高质量、多维度数据的采集终端，为训练具身智能大模型提供“燃料”，形成“数据采集-模型训练-性能提升”的价值闭环。</p>
</div>
</div>
<div class="flex items-start glass-effect rounded-lg p-4">
<div class="timeline-dot flex-1">
<div class="font-semibold text-purple-600">2025年6-8月</div>
<div class="text-gray-700 mt-1">认知深化 - 特斯拉Gen3采用"压阻+电容"混合方案</div>
</div>
</div>
<div class="flex items-start glass-effect rounded-lg p-4">
<div class="timeline-dot flex-1">
<div class="font-semibold text-purple-600">2025年10-11月</div>
<div class="text-gray-700 mt-1">应用具象化 - 小鹏发布全包覆柔性 skin，Figure 03展示织物 skin</div>
<div>
<strong class="text-cyan-300">3. 成本下降预期:</strong>
<p>规模化生产将驱动成本大幅下降（如单机BOM目标2026年降至1000元内），这是其从指尖扩展至全身应用、打开广阔市场空间的前提。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 核心逻辑分析 -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold mb-12 text-center">核心逻辑与市场认知</h2>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="hover-scale">
<div class="bg-gradient-to-br from-blue-50 to-indigo-100 rounded-xl p-6 h-full">
<i class="fas fa-microchip text-4xl text-blue-600 mb-4"></i>
<h3 class="text-xl font-semibold mb-3">技术刚需驱动</h3>
<p class="text-gray-600">解决人形机器人"好用"问题的关键，实现全身覆盖和精细触觉感知，是具身智能的终极触觉方案</p>
</div>
<!-- Market Sentiment -->
<div class="bento-item lg:bento-item-span-4 glass-card p-8">
<h3 class="section-title text-xl mb-4">// 市场热度与情绪</h3>
<ul class="space-y-3 list-disc list-inside text-slate-300">
<li><span class="font-bold text-purple-300">高热度:</span> “订单爆发”、“24小时赶工”等描述，研报密集发布，二级市场情绪敏感度极高。</li>
<li><span class="font-bold text-purple-300">情绪乐观:</span> 普遍认可其为产业链中“价值量通胀最大”、“弹性最高”的环节之一。</li>
<li><span class="font-bold text-purple-300">情绪分化:</span> 关注点正从“有概念”转向“谁能拿订单”、“谁的技术路线更优”等基本面问题。</li>
</ul>
</div>
<div class="hover-scale">
<div class="bg-gradient-to-br from-green-50 to-emerald-100 rounded-xl p-6 h-full">
<i class="fas fa-dollar-sign text-4xl text-green-600 mb-4"></i>
<h3 class="text-xl font-semibold mb-3">成本优势显著</h3>
<p class="text-gray-600">单手成本2000-8000元，对比单个六维力矩传感器1万元，性价比优势明显，覆盖面积更大</p>
</div>
</div>
<div class="hover-scale">
<div class="bg-gradient-to-br from-purple-50 to-pink-100 rounded-xl p-6 h-full">
<i class="fas fa-chart-line text-4xl text-purple-600 mb-4"></i>
<h3 class="text-xl font-semibold mb-3">商业化拐点</h3>
<p class="text-gray-600">订单爆发、产能提升、技术迭代成熟，客户从单手指试用扩展到全手甚至身体关节安装</p>
</div>
</div>
</div>
</div>
</section>
<!-- 预期差分析 -->
<section class="py-16">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold mb-8 text-center">预期差分析</h2>
<div class="max-w-5xl mx-auto">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="risk-card bg-red-50 rounded-lg p-6">
<div class="flex items-center mb-3">
<i class="fas fa-exclamation-triangle text-red-600 text-2xl mr-3"></i>
<h3 class="text-lg font-semibold text-red-800">市场过热预期</h3>
<!-- Expectation Gap -->
<div class="bento-item lg:bento-item-span-12 glass-card p-8">
<h3 class="section-title text-xl mb-4">// 预期差分析</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-slate-300">
<div>
<h4 class="font-bold text-cyan-300 mb-2">1. 技术路线的复杂性被低估</h4>
<p>市场共识停留在“压阻式是主流”，但“压阻+电容”混合方案正迅速成为头部玩家标配。无法提供混合方案的公司未来可能掉队。</p>
</div>
<ul class="space-y-2 text-gray-700">
<li>• "订单爆发"实为低基数增长</li>
<li>• 多数订单处于送样/小批量阶段</li>
<li>• 技术领先不等于量产能力</li>
<div>
<h4 class="font-bold text-cyan-300 mb-2">2. “皮肤”不止是传感器，外层材料是新变量</h4>
<p>市场焦点集中于内部传感器，但Figure等采用的“编织皮肤”代表了另一条创新路径，涉及美观、耐磨、成本等，是新的差异化竞争点。</p>
</div>
<div>
<h4 class="font-bold text-cyan-300 mb-2">3. 商业化节奏与盈利挑战</h4>
<p>市场对万亿空间的预期可能超前于企业实际盈利周期。高昂的研发投入和下游放量不确定性，可能导致相关公司短期难以盈利。</p>
</div>
</div>
</div>
<!-- Catalysts & Future Path -->
<div class="bento-item lg:bento-item-span-6 glass-card p-8">
<h3 class="section-title text-xl mb-4">// 关键催化剂</h3>
<ul class="space-y-3 list-decimal list-inside text-slate-300">
<li><strong class="text-purple-300">特斯拉Optimus Gen3供应商名单确认:</strong> 行业风向标，将引爆板块。</li>
<li><strong class="text-purple-300">Figure机器人Q3出货验证:</strong> 国内厂商进入全球顶级供应链的标杆案例。</li>
<li><strong class="text-purple-300">国内头部厂商产品定型与放量:</strong> 小鹏、智元等供应商将率先兑现业绩。</li>
<li><strong class="text-purple-300">关键公司新品发布:</strong> 鹿山新材、福莱新材等新品将是观察行业竞争格局的重要窗口。</li>
</ul>
</div>
<!-- Market Size Chart -->
<div class="bento-item lg:bento-item-span-6 glass-card p-8">
<h3 class="section-title text-xl mb-4">// 市场空间预测 (中国)</h3>
<div id="market-size-chart" class="w-full h-64"></div>
</div>
</section>
<!-- Industry Chain -->
<section class="mb-12 glass-card p-8">
<h2 class="section-title text-2xl mb-6">// 产业链图谱与核心公司</h2>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Upstream -->
<div class="border-l-4 border-cyan-400 pl-4">
<h4 class="font-orbitron text-lg font-bold text-cyan-400 mb-2">上游：核心材料</h4>
<p class="mb-3 text-sm text-slate-400">提供基底、封装、敏感及导电材料，技术壁垒高。</p>
<ul class="space-y-1 text-slate-200 text-sm">
<li><strong class="font-semibold">弹性体(TPE/TPV):</strong> 道恩股份, 浙江众成</li>
<li><strong class="font-semibold">有机硅/硅橡胶:</strong> 硅宝科技, 合盛硅业</li>
<li><strong class="font-semibold">织物/纤维:</strong> 华鼎股份, 聚杰微纤</li>
<li><strong class="font-semibold">导电材料:</strong> 岱勒新材, 天奈科技</li>
</ul>
</div>
<div class="opportunity-card bg-green-50 rounded-lg p-6">
<div class="flex items-center mb-3">
<i class="fas fa-lightbulb text-green-600 text-2xl mr-3"></i>
<h3 class="text-lg font-semibold text-green-800">产业实际进展</h3>
</div>
<ul class="space-y-2 text-gray-700">
<li>• "从0到1"的早期量产阶段</li>
<li>• 良率控制是当前最大挑战</li>
<li>• 供应商格局仍有变数</li>
<!-- Midstream -->
<div class="border-l-4 border-purple-400 pl-4">
<h4 class="font-orbitron text-lg font-bold text-purple-400 mb-2">中游：电子皮肤/传感器模组</h4>
<p class="mb-3 text-sm text-slate-400">集成材料与电子元件，形成解决方案，竞争核心环节。</p>
<ul class="space-y-1 text-slate-200 text-sm">
<li><strong class="font-semibold">龙头梯队:</strong> 汉威科技(能斯达), 福莱新材</li>
<li><strong class="font-semibold">追赶梯队:</strong> 日盈电子, 东方电热, 申昊科技</li>
<li><strong class="font-semibold">潜力布局者:</strong> 唯科科技, 聚石化学</li>
</ul>
</div>
<!-- Downstream -->
<div class="border-l-4 border-fuchsia-400 pl-4">
<h4 class="font-orbitron text-lg font-bold text-fuchsia-400 mb-2">下游：人形机器人本体</h4>
<p class="mb-3 text-sm text-slate-400">最终应用端，其量产进度决定整个产业链的需求。</p>
<ul class="space-y-1 text-slate-200 text-sm">
<li><strong class="font-semibold">国际巨头:</strong> 特斯拉, Figure, 1X Tech</li>
<li><strong class="font-semibold">国内厂商:</strong> 小鹏, 智元, 宇树科技</li>
<li><strong class="font-semibold">配套产业:</strong> 博杰股份 (测试设备)</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</section>
<!-- 股票数据表格 -->
<section class="py-16 bg-gray-100">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold mb-8 text-center">产业链核心标的</h2>
<div class="table-scroll-custom">
<table class="w-full bg-white rounded-lg overflow-hidden shadow-lg">
<thead class="gradient-bg text-white">
<tr>
<th class="px-6 py-4 text-left">股票名称</th>
<th class="px-6 py-4 text-left">核心业务</th>
<th class="px-6 py-4 text-left">业务进展</th>
<th class="px-6 py-4 text-left">信息来源</th>
<th class="px-6 py-4 text-left">投资逻辑</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<!-- 核心中游 -->
<tr class="hover:bg-purple-50 transition-colors">
<td class="px-6 py-4 font-semibold text-purple-600">汉威科技</td>
<td class="px-6 py-4">电子皮肤</td>
<td class="px-6 py-4">已向部分机器人厂家小批量供货</td>
<td class="px-6 py-4">年报</td>
<td class="px-6 py-4">中游核心，覆盖30+客户</td>
</tr>
<tr class="hover:bg-blue-50 transition-colors">
<td class="px-6 py-4 font-semibold text-blue-600">福莱新材</td>
<td class="px-6 py-4">传感器材料</td>
<td class="px-6 py-4">高性能柔性传感器材料，二代曲面设计</td>
<td class="px-6 py-4">公告</td>
<td class="px-6 py-4">中游追赶者，技术储备深厚</td>
</tr>
<!-- 上游材料 -->
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 font-semibold text-green-600">道恩股份</td>
<td class="px-6 py-4">热塑弹性体</td>
<td class="px-6 py-4">重点开发仿生皮肤应用，解决材料发粘问题</td>
<td class="px-6 py-4">互动</td>
<td class="px-6 py-4">上游核心材料供应商</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 font-semibold text-green-600">浙江众成</td>
<td class="px-6 py-4">热塑弹性体</td>
<td class="px-6 py-4">TPE材料成本降低30%，供货头部厂商</td>
<td class="px-6 py-4">机构研报</td>
<td class="px-6 py-4">性价比优势明显</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 font-semibold text-green-600">硅宝科技</td>
<td class="px-6 py-4">硅橡胶</td>
<td class="px-6 py-4">中国有机硅密封胶行业龙头，总产能21万吨/年</td>
<td class="px-6 py-4">研报</td>
<td class="px-6 py-4">上游基础材料龙头</td>
</tr>
<!-- 其他关键标的 -->
<tr class="hover:bg-indigo-50 transition-colors">
<td class="px-6 py-4 font-semibold text-indigo-600">申昊科技</td>
<td class="px-6 py-4">柔性传感器</td>
<td class="px-6 py-4">已小批量应用于公司操作类机器人</td>
<td class="px-6 py-4">调研</td>
<td class="px-6 py-4">技术差异化，应用明确</td>
</tr>
<tr class="hover:bg-indigo-50 transition-colors">
<td class="px-6 py-4 font-semibold text-indigo-600">奥迪威</td>
<td class="px-6 py-4">检测</td>
<td class="px-6 py-4">电子皮肤是公司新技术发展路线之一</td>
<td class="px-6 py-4">调研</td>
<td class="px-6 py-4">离电式/电容式技术路线</td>
</tr>
<tr class="hover:bg-indigo-50 transition-colors">
<td class="px-6 py-4 font-semibold text-indigo-600">唯科科技</td>
<td class="px-6 py-4">传感器材料</td>
<td class="px-6 py-4">IME模内电子技术应用开发中</td>
<td class="px-6 py-4">调研</td>
<td class="px-6 py-4">塑胶人皮+电子技术结合</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- 投资启示 -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold mb-12 text-center">投资启示与风险提示</h2>
<div class="max-w-4xl mx-auto">
<div class="bg-gradient-to-r from-purple-100 to-pink-100 rounded-xl p-8 mb-8">
<h3 class="text-2xl font-bold mb-4 text-purple-800">
<i class="fas fa-star mr-2"></i>核心投资策略
</h3>
<div class="space-y-4">
<div class="flex items-start">
<span class="bg-purple-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">1</span>
<div>
<h4 class="font-semibold text-purple-800">首选核心标的</h4>
<p class="text-gray-700">汉威科技 - 11年技术积累，广泛客户覆盖，明确量产规划</p>
</div>
</div>
<div class="flex items-start">
<span class="bg-purple-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">2</span>
<div>
<h4 class="font-semibold text-purple-800">次选配置方向</h4>
<p class="text-gray-700">技术差异化玩家(奥迪威、申昊科技) + 上游关键材料(道恩股份、浙江众成)</p>
</div>
</div>
<div class="flex items-start">
<span class="bg-purple-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">3</span>
<div>
<h4 class="font-semibold text-purple-800">关键跟踪指标</h4>
<p class="text-gray-700">汉威科技季度财报、头部机器人厂商供应商名单、行业渗透率数据</p>
</div>
</div>
</div>
<!-- Raw Data Tabs -->
<section class="mb-12" x-data="{ tab: 'news' }">
<div class="tabs tabs-bordered mb-6">
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻数据</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演纪要</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'report' }" @click.prevent="tab = 'report'">研报精粹</a>
</div>
<div class="bg-gradient-to-r from-red-100 to-orange-100 rounded-xl p-8">
<h3 class="text-2xl font-bold mb-4 text-red-800">
<i class="fas fa-exclamation-circle mr-2"></i>主要风险提示
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="risk-card bg-white rounded-lg p-4">
<h4 class="font-semibold text-red-700 mb-2">技术风险</h4>
<ul class="text-sm text-gray-600 space-y-1">
<li>• 多模态集成难题</li>
<li>• 300万次寿命要求</li>
<li>• 标准化缺失</li>
</ul>
</div>
<div class="risk-card bg-white rounded-lg p-4">
<h4 class="font-semibold text-red-700 mb-2">商业化风险</h4>
<ul class="text-sm text-gray-600 space-y-1">
<li>• 成本下降曲线不确定</li>
<li>• ROI验证待观察</li>
<li>• 价格战风险</li>
</ul>
</div>
<div class="risk-card bg-white rounded-lg p-4">
<h4 class="font-semibold text-red-700 mb-2">竞争风险</h4>
<ul class="text-sm text-gray-600 space-y-1">
<li>• 供应商格局未定</li>
<li>• 特斯拉最终选择不明</li>
<li>• 知识产权纠纷可能</li>
</ul>
</div>
<div class="risk-card bg-white rounded-lg p-4">
<h4 class="font-semibold text-red-700 mb-2">信息风险</h4>
<ul class="text-sm text-gray-600 space-y-1">
<li>• 市场情绪过热</li>
<li>• 关键数据不透明</li>
<li>• 概念炒作与实际差距</li>
</ul>
</div>
<div class="glass-card p-8 min-h-[500px]">
<!-- News Content -->
<div x-show="tab === 'news'" x-transition>
<h3 class="section-title text-xl mb-4">// 技术与产品动态</h3>
<ul class="list-disc space-y-3 pl-5 text-slate-300">
<li><strong>小鹏 IRON:</strong> 2025年11月发布，采用全包覆柔性皮肤、仿生肌肉。</li>
<li><strong>Figure 03:</strong> 采用创新编织皮肤，结合编织工艺与生物材料。</li>
<li><strong>特斯拉技术趋势 (Gen3):</strong> 灵巧手电子皮肤升级为“压阻+电容式”混合方案，覆盖面积大幅增加至整个手掌。</li>
<li><strong>福莱新材:</strong> 第一代压阻式电子皮肤已批量出货，第二代接近觉电子皮肤样品已亮相，价值量翻倍。</li>
<li><strong>汉威科技 (能斯达):</strong> 客户覆盖最广，与特斯拉对接进展最快，深度配合Figure研发，并成为宇树、小鹏、智元等核心供应商。</li>
<li><strong>道恩股份:</strong> 在机器人仿真皮肤弹性体材料（TPE, SiTPV）领域实现技术突破。</li>
<li><strong>市场信号:</strong> 机器人“电子皮肤”订单爆发式增长，企业24小时赶工，出货量上涨10倍。</li>
</ul>
</div>
<!-- Roadshow Content -->
<div x-show="tab === 'roadshow'" x-transition>
<h3 class="section-title text-xl mb-4">// 技术路线与市场前景</h3>
<ul class="list-disc space-y-3 pl-5 text-slate-300">
<li><strong>核心定位:</strong> 电子皮肤是整体解决方案，集成材料、算法与机械电子技术，是机器人从“可用”到“好用”的关键。</li>
<li><strong>技术路线对比:</strong> <strong class="text-cyan-300">压阻式</strong>为当前主流，成本低、稳定性好；<strong class="text-cyan-300">电容式</strong>灵敏度高；<strong class="text-cyan-300">压阻+电容混合方案</strong>正成为趋势。</li>
<li><strong>技术挑战:</strong> 性能平衡（灵敏度与耐久性）、多模态信号集成与串扰、低成本规模化、封装工艺是主要瓶颈。</li>
<li><strong>寿命要求:</strong> 工业级产品需承受100-300万次按压。</li>
<li><strong>成本分析:</strong> 当前手部成本高昂（2000-5000元），目标2026年单机BOM降至1000元以内。规模化后成本有望大幅下降。</li>
<li><strong>市场规模预测:</strong> 2028年人形机器人出货量若突破100万台，皮肤市场有望达200-300亿元。</li>
</ul>
</div>
<!-- Report Content -->
<div x-show="tab === 'report'" x-transition>
<h3 class="section-title text-xl mb-4">// 行业分析与竞争格局</h3>
<ul class="list-disc space-y-3 pl-5 text-slate-300">
<li><strong>定义:</strong> 电子皮肤(E-skin)是模仿自然皮肤功能的柔性仿生触觉传感器，具备灵敏、柔韧、自愈等特性。</li>
<li><strong>关键组成:</strong> 基底层、传感器层、电路处理器、能源、接口及保护层。</li>
<li><strong>机器人应用价值:</strong> 提升人机交互体验、精准力控、感知环境，是实现“仿生”的关键。</li>
<li><strong>市场预测 (研报):</strong> 预计2030年中国人形机器人电子皮肤市场规模将达90.5亿元，年复合增长率64.3%。</li>
<li><strong>国内企业格局:</strong> 汉威科技(能斯达)掌握多项核心技术，已小批量供货；福莱新材、申昊科技、安培龙等积极布局；东方电热与上海织识合作推进织物传感。</li>
<li><strong>投资逻辑:</strong> 电子皮肤/触觉传感器被视为人形机器人产业链的潜在核心增量环节。</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</section>
<!-- Rise Analysis -->
<section class="mb-12">
<h2 class="section-title text-2xl mb-6">// 涨停复盘解析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="glass-card p-6">
<div class="flex justify-between items-center mb-2">
<h4 class="font-bold text-lg text-white">新乡化纤 (000949)</h4>
<span class="badge badge-lg badge-success">+10.0%</span>
</div>
<p class="text-sm text-slate-400 mb-3">2025-11-10</p>
<p class="text-slate-300 text-sm">“氨纶可做机器人电子皮肤”0→1新需求发酵，叠加化工景气拐点，形成情绪-周期共振，成为资金首选“电子皮肤材料”标的。</p>
</div>
<div class="glass-card p-6">
<div class="flex justify-between items-center mb-2">
<h4 class="font-bold text-lg text-white">兴业科技 (002674)</h4>
<span class="badge badge-lg badge-success">+9.99%</span>
</div>
<p class="text-sm text-slate-400 mb-3">2025-09-19</p>
<p class="text-slate-300 text-sm">公告与汉威旗下能斯达开发“天然皮革基柔性电子皮肤”，成为A股唯一“机器人触觉材料+车规级落地”稀缺标的，引发资金抢筹。</p>
</div>
<div class="glass-card p-6">
<div class="flex justify-between items-center mb-2">
<h4 class="font-bold text-lg text-white">鹿山新材 (603051)</h4>
<span class="badge badge-lg badge-success">+10.02%</span>
</div>
<p class="text-sm text-slate-400 mb-3">2025-09-02</p>
<p class="text-slate-300 text-sm">公告发布“人形机器人电子皮肤用高粘导电胶”并已获头部厂商验证，叠加固态电池场景预期，直接触发涨停。</p>
</div>
</div>
</section>
<!-- Footer -->
<footer class="gradient-bg text-white py-8">
<div class="container mx-auto px-4 text-center">
<p class="mb-2">本报告仅供参考，不构成投资建议</p>
<p class="text-sm opacity-75">数据来源：公开信息整理 | 更新时间：2025年11月</p>
</div>
</footer>
<!-- Stock List Table -->
<section>
<h2 class="section-title text-2xl mb-6">// 相关概念股一览</h2>
<div class="glass-card p-1 overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr>
<th class="text-cyan-300">股票名称</th>
<th class="text-cyan-300">代码</th>
<th class="text-cyan-300">核心逻辑/原因</th>
<th class="text-cyan-300">产业链环节</th>
</tr>
</thead>
<tbody>
<tr><td>汉威科技</td><td><a href="https://valuefrontier.cn/company?scode=300007" target="_blank" class="link link-hover">300007</a></td><td>子公司能斯达为电子皮肤龙头，与多家人形机器人厂商合作并小批量供货</td><td>电子皮肤</td></tr>
<tr><td>福莱新材</td><td><a href="https://valuefrontier.cn/company?scode=605488" target="_blank" class="link link-hover">605488</a></td><td>成功开发高性能柔性传感器材料，为电子皮肤提供关键材料支持</td><td>电子皮肤, 传感器材料</td></tr>
<tr><td>道恩股份</td><td><a href="https://valuefrontier.cn/company?scode=002838" target="_blank" class="link link-hover">002838</a></td><td>在仿真人弹性体材料(TPE)取得突破，重点开发在仿生皮肤的应用</td><td>仿生皮肤材料, 热塑弹性体</td></tr>
<tr><td>日盈电子</td><td><a href="https://valuefrontier.cn/company?scode=603286" target="_blank" class="link link-hover">603286</a></td><td>压阻式电子皮肤产品研发成功，处于送样验证阶段</td><td>电子皮肤</td></tr>
<tr><td>东方电热</td><td><a href="https://valuefrontier.cn/company?scode=300217" target="_blank" class="link link-hover">300217</a></td><td>与上海织识战略合作，拓展柔性织物压力传感在电子皮肤的研发</td><td>电子皮肤, 柔性传感器</td></tr>
<tr><td>唯科科技</td><td><a href="https://valuefrontier.cn/company?scode=301196" target="_blank" class="link link-hover">301196</a></td><td>与AMBU合作开发塑胶人皮，IME模内电子技术可应用于电子皮肤</td><td>电子皮肤, 塑胶人皮</td></tr>
<tr><td>祥源新材</td><td><a href="https://valuefrontier.cn/company?scode=300980" target="_blank" class="link link-hover">300980</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">688595</a></td><td>高精度ADC是电子皮肤底层技术之一，已与相关客户展开合作</td><td>电子皮肤, 柔性传感器</td></tr>
<tr><td>申昊科技</td><td><a href="https://valuefrontier.cn/company?scode=300853" target="_blank" class="link link-hover">300853</a></td><td>柔性触觉传感已小批量应用于公司机器人，电子皮肤传感器处试用阶段</td><td>电子皮肤, 柔性传感器</td></tr>
<tr><td>浙江众成</td><td><a href="https://valuefrontier.cn/company?scode=002522" target="_blank" class="link link-hover">002522</a></td><td>替代进口TPE材料，成本降低30%，子公司供货头部厂商</td><td>仿生皮肤材料, 热塑弹性体</td></tr>
<tr><td>长鸿高科</td><td><a href="https://valuefrontier.cn/company?scode=605008" target="_blank" class="link link-hover">605008</a></td><td>主营TPE具有软弹肉感和温感性能，是较主流的仿生皮肤材料</td><td>仿生皮肤材料, 热塑弹性体</td></tr>
<tr><td>硅宝科技</td><td><a href="https://valuefrontier.cn/company?scode=300019" target="_blank" class="link link-hover">300019</a></td><td>中国有机硅密封胶行业龙头，有机硅是仿生皮肤基材之一</td><td>仿生皮肤材料, 硅橡胶</td></tr>
<tr><td>天奈科技</td><td><a href="https://valuefrontier.cn/company?scode=688116" target="_blank" class="link link-hover">688116</a></td><td>碳纳米管可应用于柔性传感器、电子皮肤，已给部分客户提供样品</td><td>仿生肌肉, 碳纳米管材料</td></tr>
<tr><td>南山智尚</td><td><a href="https://valuefrontier.cn/company?scode=300918" target="_blank" class="link link-hover">300918</a></td><td>围绕机器人外壳、电子皮肤、织物与传感器的结合等新兴领域研发拓展</td><td>电子皮肤, 其他</td></tr>
<tr><td>博杰股份</td><td><a href="https://valuefrontier.cn/company?scode=002975" target="_blank" class="link link-hover">002975</a></td><td>为T客户提供人形机器人相关测试设备和电子皮肤测试</td><td>检测</td></tr>
<tr><td>奥迪威</td><td><a href="https://valuefrontier.cn/company?scode=920491" target="_blank" class="link link-hover">920491</a></td><td>电子皮肤是公司新技术发展路线之一 (北交所)</td><td>北交所</td></tr>
</tbody>
</table>
</div>
</section>
</main>
<script>
// 添加滚动动画
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -100px 0px'
<footer class="text-center py-8 px-4 text-xs text-slate-500">
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据，投资需谨慎。</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('market-size-chart');
var myChart = echarts.init(chartDom);
var option;
option = {
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(10, 25, 47, 0.8)',
borderColor: '#00FFFF',
textStyle: {
color: '#E0E0E0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2024', '2025', '2026', '2027', '2028', '2029', '2030'],
axisLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
axisLabel: { color: '#E0E0E0' }
},
yAxis: {
type: 'value',
name: '市场规模 (亿元)',
nameTextStyle: {
color: '#E0E0E0'
},
axisLine: { show: true, lineStyle: { color: 'rgba(255, 255, 255, 0.3)' } },
axisLabel: { color: '#E0E0E0' },
splitLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.1)' } }
},
series: [
{
name: '市场规模',
type: 'line',
smooth: true,
data: [4.6, 9.8, 18.5, 34.1, 56.7, 75.3, 90.5],
symbol: 'circle',
symbolSize: 8,
itemStyle: {
color: '#00FFFF'
},
lineStyle: {
color: '#00FFFF',
width: 3,
shadowColor: 'rgba(0, 255, 255, 0.5)',
shadowBlur: 10
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(0, 255, 255, 0.3)'
}, {
offset: 1,
color: 'rgba(0, 255, 255, 0)'
}])
}
}
]
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
// 观察所有卡片元素
document.querySelectorAll('.hover-scale').forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(20px)';
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(el);
});
// 表格行点击高亮
document.querySelectorAll('tbody tr').forEach(row => {
row.addEventListener('click', function() {
// 移除其他高亮
document.querySelectorAll('tbody tr').forEach(r => {
r.classList.remove('ring-2', 'ring-purple-500');
});
// 添加当前高亮
this.classList.add('ring-2', 'ring-purple-500');
});
});
// 添加平滑滚动
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
</script>
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>