436 lines
24 KiB
HTML
436 lines
24 KiB
HTML
|
||
<!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>AI成人陪伴概念分析报告</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" 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/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
min-height: 100vh;
|
||
}
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
}
|
||
.timeline-dot {
|
||
width: 12px;
|
||
height: 12px;
|
||
background-color: #818cf8;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
left: -6px;
|
||
top: 6px;
|
||
}
|
||
.timeline-line {
|
||
width: 2px;
|
||
background-color: #e0e7ff;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
}
|
||
.highlight-text {
|
||
background: linear-gradient(120deg, #a78bfa 0%, #ec4899 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
|
||
}
|
||
@keyframes float {
|
||
0% { transform: translateY(0px); }
|
||
50% { transform: translateY(-10px); }
|
||
100% { transform: translateY(0px); }
|
||
}
|
||
.float-animation {
|
||
animation: float 4s ease-in-out infinite;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="text-gray-800">
|
||
<div class="container mx-auto px-4 py-8 max-w-7xl">
|
||
<!-- Header Section -->
|
||
<header class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4 float-animation">AI成人陪伴概念分析</h1>
|
||
<p class="text-xl text-purple-100 max-w-3xl mx-auto">技术、需求与政策三重共振的稀缺赛道</p>
|
||
</header>
|
||
|
||
<!-- Key Insights Section -->
|
||
<section class="mb-12">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">核心观点摘要</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||
<div class="bg-white bg-opacity-20 rounded-xl p-6">
|
||
<div class="text-purple-300 text-sm mb-2">阶段判断</div>
|
||
<p class="text-white font-medium">AI成人陪伴已从"概念验证"进入<strong class="text-yellow-300">商业化落地早期</strong></p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-xl p-6">
|
||
<div class="text-purple-300 text-sm mb-2">核心驱动力</div>
|
||
<p class="text-white font-medium"><strong class="text-yellow-300">技术降本</strong> + <strong class="text-yellow-300">场景刚需</strong> + <strong class="text-yellow-300">IP变现</strong></p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-xl p-6">
|
||
<div class="text-purple-300 text-sm mb-2">未来潜力</div>
|
||
<p class="text-white font-medium">2030年全球市场规模或达<strong class="text-yellow-300">1500亿美元</strong></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Timeline Section -->
|
||
<section class="mb-12">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">概念发展时间轴</h2>
|
||
<div class="relative pl-8">
|
||
<div class="timeline-line"></div>
|
||
<div class="space-y-8">
|
||
<div class="relative">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4 ml-4">
|
||
<div class="text-yellow-300 font-semibold">2024年5月</div>
|
||
<p class="text-white">Character.AI、Talkie等海外AI陪伴应用用户破千万，验证情感陪伴需求</p>
|
||
</div>
|
||
</div>
|
||
<div class="relative">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4 ml-4">
|
||
<div class="text-yellow-300 font-semibold">2024年8月</div>
|
||
<p class="text-white">字节跳动推出"猫箱"，国内AI陪伴应用MAU达<strong>688万</strong>，环比增长<strong>50.2%</strong></p>
|
||
</div>
|
||
</div>
|
||
<div class="relative">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4 ml-4">
|
||
<div class="text-yellow-300 font-semibold">2024年11月</div>
|
||
<p class="text-white">卡西欧发布AI宠物机器人Moflin（售价<strong>398美元</strong>），成人用户占比超60%</p>
|
||
</div>
|
||
</div>
|
||
<div class="relative">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4 ml-4">
|
||
<div class="text-yellow-300 font-semibold">2025年2月</div>
|
||
<p class="text-white">A股"AI成人娃娃"概念爆发，金三玩美MetaBox产品海外售价<strong>1500-2000美元</strong></p>
|
||
</div>
|
||
</div>
|
||
<div class="relative">
|
||
<div class="timeline-dot"></div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4 ml-4">
|
||
<div class="text-yellow-300 font-semibold">2025年5月</div>
|
||
<p class="text-white">恺英网络投资的3D AI伴侣《EVE》开启内测，B站预告片播放量破百万</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Market Analysis Section -->
|
||
<section class="mb-12">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h3 class="text-xl md:text-2xl font-bold text-white mb-4">核心驱动力</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<div class="bg-purple-500 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
|
||
<span class="text-white font-bold text-sm">1</span>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-white font-semibold mb-1">技术突破</h4>
|
||
<p class="text-purple-100 text-sm">多模态交互延迟降至<strong>200-300毫秒</strong>，拟人化能力质变</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-purple-500 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
|
||
<span class="text-white font-bold text-sm">2</span>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-white font-semibold mb-1">需求刚性</h4>
|
||
<p class="text-purple-100 text-sm"><strong>58.7%青年</strong>体验过付费陪伴服务，AI女友搜索热度为AI男友的<strong>4倍</strong></p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-purple-500 rounded-full w-8 h-8 flex items-center justify-center flex-shrink-0 mr-3">
|
||
<span class="text-white font-bold text-sm">3</span>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-white font-semibold mb-1">政策友好</h4>
|
||
<p class="text-purple-100 text-sm">《人工智能法示范法2.0》明确情感陪伴场景合规边界</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h3 class="text-xl md:text-2xl font-bold text-white mb-4">未来发展路径</h3>
|
||
<div class="space-y-4">
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<div class="text-yellow-300 font-semibold mb-1">阶段1（2025-2026）</div>
|
||
<p class="text-white text-sm">硬件爆发期——AI玩具/机器人销量破<strong>100万台</strong></p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<div class="text-yellow-300 font-semibold mb-1">阶段2（2027-2028）</div>
|
||
<p class="text-white text-sm">场景深化期——<strong>养老陪护</strong>、<strong>心理咨询</strong>规模化</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<div class="text-yellow-300 font-semibold mb-1">阶段3（2029-2030）</div>
|
||
<p class="text-white text-sm">生态成熟期——形成"AI伴侣OS"，头部公司市占率超<strong>60%</strong></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Data Section -->
|
||
<section class="mb-12">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">关联股票分析</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full text-white">
|
||
<thead>
|
||
<tr class="border-b border-purple-300">
|
||
<th class="text-left py-3 px-4">股票名称</th>
|
||
<th class="text-left py-3 px-4">行业</th>
|
||
<th class="text-left py-3 px-4">项目/分类</th>
|
||
<th class="text-left py-3 px-4">产业链</th>
|
||
<th class="text-left py-3 px-4">关联原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">硅宝科技</td>
|
||
<td class="py-3 px-4">硅胶</td>
|
||
<td class="py-3 px-4">情趣机器人皮肤层及关节密封</td>
|
||
<td class="py-3 px-4"><span class="bg-purple-600 px-2 py-1 rounded text-xs">上游材料</span></td>
|
||
<td class="py-3 px-4 text-sm">硅胶龙头，产品覆盖情趣机器人皮肤层及关节密封，导电硅胶传感器可提升触觉反馈精度</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">宏柏新材</td>
|
||
<td class="py-3 px-4">硅胶</td>
|
||
<td class="py-3 px-4">液态硅胶</td>
|
||
<td class="py-3 px-4"><span class="bg-purple-600 px-2 py-1 rounded text-xs">上游材料</span></td>
|
||
<td class="py-3 px-4 text-sm">提供液态硅胶材料</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">浙江众成</td>
|
||
<td class="py-3 px-4">热塑弹性体</td>
|
||
<td class="py-3 px-4">SEPS材料</td>
|
||
<td class="py-3 px-4"><span class="bg-purple-600 px-2 py-1 rounded text-xs">上游材料</span></td>
|
||
<td class="py-3 px-4 text-sm">SEPS材料具备高弹性，直接替代进口TPE材料，成本降低30%</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">道恩股份</td>
|
||
<td class="py-3 px-4">热塑弹性体</td>
|
||
<td class="py-3 px-4">TPV产品</td>
|
||
<td class="py-3 px-4"><span class="bg-purple-600 px-2 py-1 rounded text-xs">上游材料</span></td>
|
||
<td class="py-3 px-4 text-sm">热塑弹性体TPV产品可进口替代，应用于机器人手臂尼龙材料、合金材料等</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">长鸿高科</td>
|
||
<td class="py-3 px-4">热塑弹性体</td>
|
||
<td class="py-3 px-4">TPE产品</td>
|
||
<td class="py-3 px-4"><span class="bg-purple-600 px-2 py-1 rounded text-xs">上游材料</span></td>
|
||
<td class="py-3 px-4 text-sm">主营产品TPE具有软弹肉感和温感性能，是主流仿生皮肤材料</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">趣睡科技</td>
|
||
<td class="py-3 px-4">中游AI</td>
|
||
<td class="py-3 px-4">DeepSeek睡眠模型</td>
|
||
<td class="py-3 px-4"><span class="bg-blue-600 px-2 py-1 rounded text-xs">技术迁移</span></td>
|
||
<td class="py-3 px-4 text-sm">借力DeepSeek睡眠数据分析模型，技术迁移至情趣机器人领域</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">爱慕股份</td>
|
||
<td class="py-3 px-4">中游AI</td>
|
||
<td class="py-3 px-4">健康管家型机器人</td>
|
||
<td class="py-3 px-4"><span class="bg-blue-600 px-2 py-1 rounded text-xs">可穿戴技术</span></td>
|
||
<td class="py-3 px-4 text-sm">将文胸压力传感、温控技术应用于机器人可穿戴层，计划2025年推出</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">汉威科技</td>
|
||
<td class="py-3 px-4">其他零部件</td>
|
||
<td class="py-3 px-4">电子皮肤</td>
|
||
<td class="py-3 px-4"><span class="bg-green-600 px-2 py-1 rounded text-xs">电子皮肤</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及电子皮肤技术</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">歌尔股份</td>
|
||
<td class="py-3 px-4">其他零部件</td>
|
||
<td class="py-3 px-4">声音</td>
|
||
<td class="py-3 px-4"><span class="bg-green-600 px-2 py-1 rounded text-xs">声音</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及声音相关技术</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">合盛硅业</td>
|
||
<td class="py-3 px-4">硅胶</td>
|
||
<td class="py-3 px-4">其他上游材料</td>
|
||
<td class="py-3 px-4"><span class="bg-purple-600 px-2 py-1 rounded text-xs">上游材料</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及硅胶产业链上游材料供应</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">东岳硅材</td>
|
||
<td class="py-3 px-4">硅胶</td>
|
||
<td class="py-3 px-4">其他上游材料</td>
|
||
<td class="py-3 px-4"><span class="bg-purple-600 px-2 py-1 rounded text-xs">上游材料</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及硅胶产业链上游材料供应</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">新安股份</td>
|
||
<td class="py-3 px-4">硅胶</td>
|
||
<td class="py-3 px-4">其他上游材料</td>
|
||
<td class="py-3 px-4"><span class="bg-purple-600 px-2 py-1 rounded text-xs">上游材料</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及硅胶产业链上游材料供应</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">回天新材</td>
|
||
<td class="py-3 px-4">硅胶</td>
|
||
<td class="py-3 px-4">其他上游材料</td>
|
||
<td class="py-3 px-4"><span class="bg-purple-600 px-2 py-1 rounded text-xs">上游材料</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及硅胶产业链上游材料供应</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">晨光新材</td>
|
||
<td class="py-3 px-4">硅胶</td>
|
||
<td class="py-3 px-4">其他上游材料</td>
|
||
<td class="py-3 px-4"><span class="bg-purple-600 px-2 py-1 rounded text-xs">上游材料</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及硅胶产业链上游材料供应</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">瑞贝卡</td>
|
||
<td class="py-3 px-4">其他零部件</td>
|
||
<td class="py-3 px-4">假发</td>
|
||
<td class="py-3 px-4"><span class="bg-green-600 px-2 py-1 rounded text-xs">假发</span></td>
|
||
<td class="py-3 px-4 text-sm">假发相关业务</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">申昊科技</td>
|
||
<td class="py-3 px-4">其他零部件</td>
|
||
<td class="py-3 px-4">电子皮肤</td>
|
||
<td class="py-3 px-4"><span class="bg-green-600 px-2 py-1 rounded text-xs">电子皮肤</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及电子皮肤技术</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">福莱新材</td>
|
||
<td class="py-3 px-4">其他零部件</td>
|
||
<td class="py-3 px-4">电子皮肤</td>
|
||
<td class="py-3 px-4"><span class="bg-green-600 px-2 py-1 rounded text-xs">电子皮肤</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及电子皮肤技术</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">敏芯股份</td>
|
||
<td class="py-3 px-4">其他零部件</td>
|
||
<td class="py-3 px-4">声音</td>
|
||
<td class="py-3 px-4"><span class="bg-green-600 px-2 py-1 rounded text-xs">声音</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及声音相关技术</td>
|
||
</tr>
|
||
<tr class="border-b border-purple-200 border-opacity-30 hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">共达电声</td>
|
||
<td class="py-3 px-4">其他零部件</td>
|
||
<td class="py-3 px-4">声音</td>
|
||
<td class="py-3 px-4"><span class="bg-green-600 px-2 py-1 rounded text-xs">声音</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及声音相关技术</td>
|
||
</tr>
|
||
<tr class="hover:bg-white hover:bg-opacity-10">
|
||
<td class="py-3 px-4 font-semibold text-yellow-300">国光电器</td>
|
||
<td class="py-3 px-4">其他零部件</td>
|
||
<td class="py-3 px-4">声音</td>
|
||
<td class="py-3 px-4"><span class="bg-green-600 px-2 py-1 rounded text-xs">声音</span></td>
|
||
<td class="py-3 px-4 text-sm">涉及声音相关技术</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Conclusion Section -->
|
||
<section class="mb-12">
|
||
<div class="glass-effect rounded-2xl p-6 md:p-8 card-hover">
|
||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">投资启示</h2>
|
||
<div class="bg-gradient-to-r from-purple-600 to-pink-600 rounded-xl p-6 mb-6">
|
||
<blockquote class="text-white text-lg italic">
|
||
"AI成人陪伴是技术+需求+政策三重共振的稀缺赛道，短期看硬件放量，长期看IP生态。建议超配材料龙头，标配IP硬件厂商，回避纯软件标的直至留存数据改善。"
|
||
</blockquote>
|
||
</div>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-white bg-opacity-20 rounded-xl p-6">
|
||
<h3 class="text-xl font-bold text-white mb-4">高价值细分</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<div class="bg-yellow-400 rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0 mr-3 mt-0.5">
|
||
<span class="text-purple-900 font-bold text-xs">1</span>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-white font-semibold">上游材料</h4>
|
||
<p class="text-purple-100 text-sm">硅宝科技、浙江众成——技术壁垒高+订单爆发</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<div class="bg-yellow-400 rounded-full w-6 h-6 flex items-center justify-center flex-shrink-0 mr-3 mt-0.5">
|
||
<span class="text-purple-900 font-bold text-xs">2</span>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-white font-semibold">IP硬件</h4>
|
||
<p class="text-purple-100 text-sm">奥飞娱乐——喜羊羊/超级飞侠IP+字节生态赋能</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-xl p-6">
|
||
<h3 class="text-xl font-bold text-white mb-4">关键跟踪指标</h3>
|
||
<div class="space-y-3">
|
||
<div>
|
||
<h4 class="text-white font-semibold mb-1">硬件</h4>
|
||
<p class="text-purple-100 text-sm">2025年H1 AI玩具出货量、柔性皮肤材料价格</p>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-white font-semibold mb-1">软件</h4>
|
||
<p class="text-purple-100 text-sm">星野/猫箱次月留存率能否突破50%、订阅ARPU值</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<script>
|
||
// Add some interactive elements
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// Smooth scroll for any internal links
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||
behavior: 'smooth'
|
||
});
|
||
});
|
||
});
|
||
|
||
// Add hover effect to cards
|
||
const cards = document.querySelectorAll('.card-hover');
|
||
cards.forEach(card => {
|
||
card.addEventListener('mouseenter', function() {
|
||
this.style.transform = 'translateY(-5px)';
|
||
});
|
||
card.addEventListener('mouseleave', function() {
|
||
this.style.transform = 'translateY(0)';
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |