Files
vf_react/public/htmls/人形机器人Figure.html
2025-11-13 17:38:54 +08:00

838 lines
34 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>人形机器人Figure - 深度投资分析</title>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<!-- AOS Animation -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<style>
:root {
--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
--dark-bg: #0f0f1e;
--card-bg: rgba(255, 255, 255, 0.05);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);
color: #e0e0e0;
min-height: 100vh;
}
/* 导航栏样式 */
.navbar {
background: rgba(15, 15, 30, 0.95) !important;
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 1rem 0;
}
.navbar-brand {
font-weight: 700;
font-size: 1.5rem;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Hero Section */
.hero-section {
padding: 80px 0 60px;
position: relative;
overflow: hidden;
}
.hero-section::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
border-radius: 50%;
animation: floating 20s infinite ease-in-out;
}
@keyframes floating {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-20px) rotate(180deg); }
}
.hero-title {
font-size: 3rem;
font-weight: 800;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 1.5rem;
}
.hero-subtitle {
font-size: 1.25rem;
color: #a0a0a0;
margin-bottom: 2rem;
}
/* 卡片样式 */
.glass-card {
background: var(--card-bg);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 2rem;
margin-bottom: 2rem;
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(102, 126, 234, 0.2);
border-color: rgba(102, 126, 234, 0.3);
}
.card-header-custom {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.card-header-custom i {
color: #667eea;
}
/* 时间轴样式 */
.timeline {
position: relative;
padding: 2rem 0;
}
.timeline::before {
content: '';
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(180deg, #667eea, #764ba2);
transform: translateX(-50%);
}
.timeline-item {
position: relative;
margin-bottom: 3rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: 50%;
top: 0;
width: 20px;
height: 20px;
background: #667eea;
border-radius: 50%;
transform: translateX(-50%);
box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.3);
}
.timeline-content {
background: var(--card-bg);
padding: 1.5rem;
border-radius: 15px;
width: 45%;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.timeline-item:nth-child(odd) .timeline-content {
margin-left: auto;
}
.timeline-date {
color: #667eea;
font-weight: 700;
margin-bottom: 0.5rem;
}
/* 表格样式 */
.custom-table {
background: var(--card-bg);
backdrop-filter: blur(10px);
border-radius: 15px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.custom-table thead {
background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
}
.custom-table th {
border: none;
padding: 1rem;
font-weight: 600;
color: #fff;
}
.custom-table td {
border: none;
padding: 1rem;
border-top: 1px solid rgba(255, 255, 255, 0.05);
vertical-align: middle;
}
.custom-table tbody tr {
transition: all 0.3s ease;
}
.custom-table tbody tr:hover {
background: rgba(102, 126, 234, 0.1);
}
/* 产业链图谱 */
.industry-chain {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 0;
position: relative;
}
.chain-node {
flex: 1;
text-align: center;
padding: 1.5rem;
background: var(--card-bg);
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
margin: 0 0.5rem;
transition: all 0.3s ease;
}
.chain-node:hover {
transform: scale(1.05);
border-color: #667eea;
}
.chain-node h5 {
color: #667eea;
margin-bottom: 1rem;
}
/* 标签样式 */
.tag {
display: inline-block;
padding: 0.25rem 0.75rem;
background: rgba(102, 126, 234, 0.2);
border-radius: 20px;
font-size: 0.875rem;
margin: 0.25rem;
border: 1px solid rgba(102, 126, 234, 0.3);
}
.tag-hot {
background: rgba(245, 87, 108, 0.2);
border-color: rgba(245, 87, 108, 0.3);
color: #f5576c;
}
/* 风险提示 */
.risk-item {
background: rgba(245, 87, 108, 0.1);
border-left: 4px solid #f5576c;
padding: 1rem;
margin-bottom: 1rem;
border-radius: 0 10px 10px 0;
}
/* 响应式设计 */
@media (max-width: 768px) {
.hero-title {
font-size: 2rem;
}
.timeline::before {
left: 20px;
}
.timeline-item::before {
left: 20px;
}
.timeline-content {
width: calc(100% - 60px);
margin-left: 50px !important;
}
.industry-chain {
flex-direction: column;
}
.chain-node {
margin: 0.5rem 0;
width: 100%;
}
.custom-table {
font-size: 0.875rem;
}
}
/* 加载动画 */
.fade-in {
animation: fadeIn 0.8s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* 滚动条样式 */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
}
::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #667eea, #764ba2);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #764ba2, #667eea);
}
</style>
</head>
<body>
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">
<i class="bi bi-robot"></i> Figure AI
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#overview">概览</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#timeline">时间轴</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#logic">核心逻辑</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#stocks">相关股票</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#risks">风险提示</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero-section" id="overview">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<h1 class="hero-title fade-in" data-aos="fade-up">人形机器人Figure</h1>
<p class="hero-subtitle fade-in" data-aos="fade-up" data-aos-delay="100">
具身智能时代的引领者,从技术验证迈向商业化前夕的关键拐点
</p>
<div class="d-flex flex-wrap gap-2 fade-in" data-aos="fade-up" data-aos-delay="200">
<span class="tag tag-hot">🔥 市场热度极高</span>
<span class="tag">💰 估值400亿美元</span>
<span class="tag">🤖 Helix模型突破</span>
<span class="tag">🏭 BotQ工厂启动</span>
<span class="tag">🚀 顶级资本背书</span>
</div>
</div>
<div class="col-lg-4">
<div class="glass-card fade-in" data-aos="fade-left">
<h5 class="text-center mb-3">核心指标</h5>
<div class="row text-center">
<div class="col-6">
<h3 class="text-primary">26亿→400亿$</h3>
<small>估值增长</small>
</div>
<div class="col-6">
<h3 class="text-primary">200Hz</h3>
<small>控制频率</small>
</div>
<div class="col-6 mt-3">
<h3 class="text-primary">10万台</h3>
<small>4年产能目标</small>
</div>
<div class="col-6 mt-3">
<h3 class="text-primary">端侧运行</h3>
<small>不依赖云端</small>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 时间轴 -->
<section class="py-5" id="timeline">
<div class="container">
<div class="glass-card">
<h3 class="card-header-custom">
<i class="bi bi-clock-history"></i> 发展历程
</h3>
<div class="timeline">
<div class="timeline-item" data-aos="fade-up">
<div class="timeline-content">
<div class="timeline-date">2022年</div>
<h5>公司创立</h5>
<p>由成功创业者Brett Adcock创立瞄准通用型人形机器人赛道</p>
</div>
</div>
<div class="timeline-item" data-aos="fade-up" data-aos-delay="100">
<div class="timeline-content">
<div class="timeline-date">2023年10月</div>
<h5>Figure 01发布</h5>
<p>展示搬运、学习煮咖啡等基础能力接入OpenAI大模型</p>
</div>
</div>
<div class="timeline-item" data-aos="fade-up" data-aos-delay="200">
<div class="timeline-content">
<div class="timeline-date">2024年2月</div>
<h5>B轮融资</h5>
<p>完成6.75亿美元融资微软、OpenAI、英伟达等投资估值26亿美元</p>
</div>
</div>
<div class="timeline-item" data-aos="fade-up" data-aos-delay="300">
<div class="timeline-content">
<div class="timeline-date">2025年2月21日</div>
<h5>Helix模型发布</h5>
<p>全球首个高频连续控制的VLA模型支持双机器人协作</p>
</div>
</div>
<div class="timeline-item" data-aos="fade-up" data-aos-delay="400">
<div class="timeline-content">
<div class="timeline-date">2025年3月15日</div>
<h5>BotQ工厂启动</h5>
<p>开启"机器人制造机器人"模式首期年产能1.2万台</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 核心逻辑 -->
<section class="py-5" id="logic">
<div class="container">
<div class="row g-4">
<div class="col-lg-4" data-aos="fade-up">
<div class="glass-card h-100">
<h4 class="card-header-custom">
<i class="bi bi-cpu"></i> AI算法突破
</h4>
<p class="text-muted">Helix模型通过"慢思考+快行动"双模型架构实现200Hz高频控制</p>
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 端侧运行</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 双机器人协作</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 视觉-语言-动作融合</li>
</ul>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="glass-card h-100">
<h4 class="card-header-custom">
<i class="bi bi-building"></i> 生产模式革命
</h4>
<p class="text-muted">BotQ工厂实现"机器人造机器人"的闭环生产模式</p>
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 指数级产能放大</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 成本大幅降低</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 4年10万台目标</li>
</ul>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="glass-card h-100">
<h4 class="card-header-custom">
<i class="bi bi-people-fill"></i> 顶级资本背书
</h4>
<p class="text-muted">科技巨头投资带来技术协同和生态优势</p>
<ul class="list-unstyled">
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 微软</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> OpenAI</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 英伟达</li>
<li class="mb-2"><i class="bi bi-check-circle text-success"></i> 亚马逊</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 产业链图谱 -->
<section class="py-5">
<div class="container">
<div class="glass-card">
<h3 class="card-header-custom">
<i class="bi bi-diagram-3"></i> 产业链图谱
</h3>
<div class="industry-chain">
<div class="chain-node" data-aos="zoom-in">
<h5><i class="bi bi-box-seam"></i> 上游</h5>
<p class="small">核心硬件供应商</p>
<div class="mt-2">
<span class="tag">执行器</span>
<span class="tag">减速器</span>
<span class="tag">传感器</span>
</div>
</div>
<div class="chain-node" data-aos="zoom-in" data-aos-delay="100">
<h5><i class="bi bi-gear"></i> 中游</h5>
<p class="small">本体制造商</p>
<div class="mt-2">
<span class="tag tag-hot">Figure AI</span>
<span class="tag">系统集成</span>
</div>
</div>
<div class="chain-node" data-aos="zoom-in" data-aos-delay="200">
<h5><i class="bi bi-shop"></i> 下游</h5>
<p class="small">应用场景</p>
<div class="mt-2">
<span class="tag">工业制造</span>
<span class="tag">物流仓储</span>
<span class="tag">家庭服务</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 股票数据表格 -->
<section class="py-5" id="stocks">
<div class="container">
<div class="glass-card">
<h3 class="card-header-custom">
<i class="bi bi-graph-up-arrow"></i> 核心标的股票池
</h3>
<div class="table-responsive">
<table class="table custom-table">
<thead>
<tr>
<th>股票代码</th>
<th>公司名称</th>
<th>产业链环节</th>
<th>合作项目</th>
<th>关联原因</th>
<th>确定性</th>
</tr>
</thead>
<tbody>
<tr data-aos="fade-up">
<td><strong>领益智造</strong></td>
<td>领益智造</td>
<td><span class="tag">结构件</span></td>
<td>模切结构件、金属结构件、散热模组、软包结构件</td>
<td>已明确为Figure AI提供产品服务</td>
<td><span class="badge bg-success"></span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="50">
<td><strong>世运电路</strong></td>
<td>世运电路</td>
<td><span class="tag">PCB</span></td>
<td>新产品定点设计</td>
<td>公告获得F公司新产品定点进入量产准备</td>
<td><span class="badge bg-success"></span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="100">
<td><strong>绿的谐波</strong></td>
<td>绿的谐波</td>
<td><span class="tag">减速器</span></td>
<td>减速器供应</td>
<td>谐波减速器龙头,受益行业β</td>
<td><span class="badge bg-warning"></span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="150">
<td><strong>兆威机电</strong></td>
<td>兆威机电</td>
<td><span class="tag">灵巧手</span></td>
<td>执行器模块化供应</td>
<td>稀缺执行器模块化供应商</td>
<td><span class="badge bg-warning"></span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="200">
<td><strong>银轮股份</strong></td>
<td>银轮股份</td>
<td><span class="tag">潜在</span></td>
<td>执行器总成</td>
<td>据券商纪要为Figure国产链合作伙伴</td>
<td><span class="badge bg-danger"></span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="250">
<td><strong>恒勃股份</strong></td>
<td>恒勃股份</td>
<td><span class="tag">结构件</span></td>
<td>结构件供货、足部充电、PEEK注塑</td>
<td>据券商纪要为Figure国产链合作伙伴</td>
<td><span class="badge bg-danger"></span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="300">
<td><strong>隆盛科技</strong></td>
<td>隆盛科技</td>
<td><span class="tag">旋转执行器</span></td>
<td>间接供货Figure</td>
<td>通过日本尼得科间接供货</td>
<td><span class="badge bg-warning"></span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="350">
<td><strong>旭升集团</strong></td>
<td>旭升集团</td>
<td><span class="tag">轻量化</span></td>
<td>镁铝压铸件供应</td>
<td>镁铝压铸件供应商</td>
<td><span class="badge bg-warning"></span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="400">
<td><strong>鸣志电器</strong></td>
<td>鸣志电器</td>
<td><span class="tag">潜在</span></td>
<td>微电机供应</td>
<td>微电机供应商</td>
<td><span class="badge bg-danger"></span></td>
</tr>
<tr data-aos="fade-up" data-aos-delay="450">
<td><strong>震裕科技</strong></td>
<td>震裕科技</td>
<td><span class="tag">潜在</span></td>
<td>线性执行器、蜗轮蜗杆</td>
<td>线性执行器、蜗轮蜗杆供应商</td>
<td><span class="badge bg-danger"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- 投资启示 -->
<section class="py-5">
<div class="container">
<div class="row g-4">
<div class="col-lg-6" data-aos="fade-right">
<div class="glass-card h-100">
<h4 class="card-header-custom">
<i class="bi bi-lightbulb"></i> 投资策略
</h4>
<div class="mb-3">
<h6 class="text-primary">首选:确定性标的</h6>
<p class="small">领益智造、世运电路 - 供应链关系已公开确认</p>
</div>
<div class="mb-3">
<h6 class="text-warning">次选:行业β受益者</h6>
<p class="small">绿的谐波、兆威机电 - "卖铲人"逻辑,分散风险</p>
</div>
<div>
<h6 class="text-danger">谨慎参与:预期驱动标的</h6>
<p class="small">银轮股份、恒勃股份 - 承担信息不确定性风险</p>
</div>
</div>
</div>
<div class="col-lg-6" data-aos="fade-left">
<div class="glass-card h-100">
<h4 class="card-header-custom">
<i class="bi bi-eye"></i> 关键跟踪指标
</h4>
<ul class="list-unstyled">
<li class="mb-3">
<i class="bi bi-cash-stack text-primary"></i>
<strong>C轮融资进展</strong>
<p class="small text-muted">400亿美元估值是否成功</p>
</li>
<li class="mb-3">
<i class="bi bi-box text-primary"></i>
<strong>产能与交付</strong>
<p class="small text-muted">BotQ工厂月度/季度出货量</p>
</li>
<li class="mb-3">
<i class="bi bi-handshake text-primary"></i>
<strong>商业订单</strong>
<p class="small text-muted">宝马以外新增大型订单</p>
</li>
<li>
<i class="bi bi-graph-up text-primary"></i>
<strong>供应商业绩</strong>
<p class="small text-muted">A股公司相关收入确认情况</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 风险提示 -->
<section class="py-5" id="risks">
<div class="container">
<div class="glass-card">
<h3 class="card-header-custom">
<i class="bi bi-exclamation-triangle"></i> 风险提示
</h3>
<div class="row">
<div class="col-lg-4 mb-3" data-aos="fade-up">
<h5 class="text-danger mb-3">技术风险</h5>
<div class="risk-item">
<small>硬件与软件融合瓶颈,运动能力与竞争对手存在差距</small>
</div>
<div class="risk-item">
<small>数据与泛化能力局限,仿真与现实差距</small>
</div>
</div>
<div class="col-lg-4 mb-3" data-aos="fade-up" data-aos-delay="100">
<h5 class="text-danger mb-3">商业化风险</h5>
<div class="risk-item">
<small>高昂成本与客户接受度10万美元仍属重资产</small>
</div>
<div class="risk-item">
<small>工程化与规模化能力,从实验室到量产的巨大跨越</small>
</div>
</div>
<div class="col-lg-4 mb-3" data-aos="fade-up" data-aos-delay="200">
<h5 class="text-danger mb-3">估值泡沫风险</h5>
<div class="risk-item">
<small>26亿→400亿美元估值跳跃缺乏财务数据支撑</small>
</div>
<div class="risk-item">
<small>关联标的信息可靠性,部分信息仅来自券商纪要</small>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-4 mt-5 border-top border-secondary">
<div class="container text-center">
<p class="text-muted mb-0">© 2025 人形机器人Figure投资分析 | 数据仅供参考,投资需谨慎</p>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- AOS Animation JS -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
// 初始化AOS动画
AOS.init({
duration: 800,
once: true,
offset: 100
});
// 平滑滚动
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'
});
}
});
});
// 导航栏滚动效果
window.addEventListener('scroll', function() {
const navbar = document.querySelector('.navbar');
if (window.scrollY > 50) {
navbar.style.background = 'rgba(15, 15, 30, 0.98)';
} else {
navbar.style.background = 'rgba(15, 15, 30, 0.95)';
}
});
// 表格行高亮效果
document.querySelectorAll('.custom-table tbody tr').forEach(row => {
row.addEventListener('mouseenter', function() {
this.style.cursor = 'pointer';
});
row.addEventListener('click', function() {
// 移除其他行的选中状态
document.querySelectorAll('.custom-table tbody tr').forEach(r => {
r.style.background = '';
});
// 添加当前行的选中状态
this.style.background = 'rgba(102, 126, 234, 0.2)';
});
});
// 数字动画效果
function animateValue(element, start, end, duration) {
let startTimestamp = null;
const step = (timestamp) => {
if (!startTimestamp) startTimestamp = timestamp;
const progress = Math.min((timestamp - startTimestamp) / duration, 1);
element.innerHTML = Math.floor(progress * (end - start) + start);
if (progress < 1) {
window.requestAnimationFrame(step);
}
};
window.requestAnimationFrame(step);
}
// 当页面加载完成时触发数字动画
window.addEventListener('load', function() {
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const element = entry.target;
if (element.textContent.includes('26亿→400亿$')) {
animateValue(element.querySelector('h3'), 26, 400, 2000);
}
observer.unobserve(element);
}
});
});
document.querySelectorAll('.hero-title').forEach(el => {
observer.observe(el);
});
});
</script>
</body>
</html>