Files
vf_react/public/htmls/努比亚手机.html
2025-11-13 17:38:54 +08:00

764 lines
40 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" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>努比亚手机 - AI转型概念深度分析</title>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.19/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
* {
font-family: 'Inter', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.card-shadow {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.timeline-dot {
width: 16px;
height: 16px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 50%;
position: absolute;
left: -8px;
top: 50%;
transform: translateY(-50%);
}
.hover-lift {
transition: all 0.3s ease;
}
.hover-lift:hover {
transform: translateY(-5px);
box-shadow: 0 25px 30px -10px rgba(0, 0, 0, 0.15);
}
.glass-effect {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.neon-text {
text-shadow: 0 0 10px rgba(102, 126, 234, 0.5), 0 0 20px rgba(102, 126, 234, 0.3);
}
.pulse-animation {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.stock-table {
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}
.risk-badge {
animation: blink 2s infinite;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
}
</style>
</head>
<body class="bg-base-200">
<!-- Hero Section -->
<div class="hero min-h-screen gradient-bg relative overflow-hidden">
<div class="hero-overlay bg-opacity-60"></div>
<div class="hero-content text-center text-neutral-content">
<div class="max-w-6xl">
<h1 class="mb-5 text-5xl md:text-7xl font-black neon-text">努比亚手机</h1>
<p class="mb-8 text-xl md:text-2xl font-light">AI转型概念深度分析报告</p>
<div class="flex flex-wrap justify-center gap-4 mb-8">
<div class="badge badge-lg badge-outline pulse-animation">
<i class="fas fa-microchip mr-2"></i>AI手机转型
</div>
<div class="badge badge-lg badge-outline pulse-animation">
<i class="fas fa-handshake mr-2"></i>火山引擎合作
</div>
<div class="badge badge-lg badge-outline pulse-animation">
<i class="fas fa-rocket mr-2"></i>端侧AI赋能
</div>
</div>
<div class="stats shadow-2xl glass-effect">
<div class="stat">
<div class="stat-figure text-primary">
<i class="fas fa-building text-3xl"></i>
</div>
<div class="stat-title">母公司</div>
<div class="stat-value">中兴通讯</div>
<div class="stat-desc">持股78.33%</div>
</div>
<div class="stat">
<div class="stat-figure text-secondary">
<i class="fas fa-mobile-alt text-3xl"></i>
</div>
<div class="stat-title">核心产品</div>
<div class="stat-value">3大系列</div>
<div class="stat-desc">Z系列/红魔/Flip</div>
</div>
<div class="stat">
<div class="stat-figure text-accent">
<i class="fas fa-chart-line text-3xl"></i>
</div>
<div class="stat-title">预期定位</div>
<div class="stat-value">5-7K</div>
<div class="stat-desc">中高端市场</div>
</div>
</div>
</div>
</div>
</div>
<!-- Navigation -->
<div class="sticky top-0 z-50 navbar bg-base-300 shadow-lg glass-effect">
<div class="flex-1">
<a class="btn btn-ghost normal-case text-xl">
<i class="fas fa-mobile-alt mr-2"></i>努比亚AI概念
</a>
</div>
<div class="flex-none">
<ul class="menu menu-horizontal px-1">
<li><a href="#timeline"><i class="fas fa-clock"></i>时间线</a></li>
<li><a href="#analysis"><i class="fas fa-chart-bar"></i>深度分析</a></li>
<li><a href="#stocks"><i class="fas fa-table"></i>产业链</a></li>
<li><a href="#risks"><i class="fas fa-exclamation-triangle"></i>风险</a></li>
</ul>
</div>
</div>
<!-- Timeline Section -->
<section id="timeline" class="py-20 px-4">
<div class="container mx-auto max-w-6xl">
<h2 class="text-4xl font-bold text-center mb-12">
<i class="fas fa-timeline mr-3 text-primary"></i>核心事件时间轴
</h2>
<div class="relative">
<div class="absolute left-1/2 transform -translate-x-1/2 h-full w-1 bg-gradient-to-b from-primary to-secondary"></div>
<div class="flex flex-col gap-8">
<!-- Timeline Item 1 -->
<div class="flex items-center w-full">
<div class="w-full md:w-1/2 text-right pr-8">
<div class="card bg-base-100 shadow-xl hover-lift">
<div class="card-body">
<h3 class="card-title text-primary">2024年12月19日</h3>
<p>市场传出努比亚与火山引擎合作,引入豆包大模型,成为"字节系AI手机"</p>
</div>
</div>
</div>
<div class="timeline-dot"></div>
<div class="w-full md:w-1/2 pl-8"></div>
</div>
<!-- Timeline Item 2 -->
<div class="flex items-center w-full">
<div class="w-full md:w-1/2 pr-8"></div>
<div class="timeline-dot"></div>
<div class="w-full md:w-1/2 text-left pl-8">
<div class="card bg-base-100 shadow-xl hover-lift">
<div class="card-body">
<h3 class="card-title text-warning">2025年1月2日</h3>
<p>字节跳动官方辟谣与努比亚合作开发AI手机称"没有相关计划"</p>
<div class="badge badge-warning">辟谣</div>
</div>
</div>
</div>
</div>
<!-- Timeline Item 3 -->
<div class="flex items-center w-full">
<div class="w-full md:w-1/2 text-right pr-8">
<div class="card bg-base-100 shadow-xl hover-lift">
<div class="card-body">
<h3 class="card-title text-success">2025年3月4日</h3>
<p>努比亚Flip 2发布内嵌多款专家大模型星云、豆包、DeepSeek等</p>
<div class="badge badge-success">产品发布</div>
</div>
</div>
</div>
<div class="timeline-dot"></div>
<div class="w-full md:w-1/2 pl-8"></div>
</div>
<!-- Timeline Item 4 -->
<div class="flex items-center w-full">
<div class="w-full md:w-1/2 pr-8"></div>
<div class="timeline-dot"></div>
<div class="w-full md:w-1/2 text-left pl-8">
<div class="card bg-base-100 shadow-xl hover-lift">
<div class="card-body">
<h3 class="card-title text-info">2025年10月21日</h3>
<p>努比亚×火山引擎正式宣布豆包大模型加持红魔11 Pro、Nubia Z80 Ultra等新机</p>
<div class="badge badge-info">官宣合作</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Analysis Section -->
<section id="analysis" class="py-20 px-4 bg-base-300">
<div class="container mx-auto max-w-6xl">
<h2 class="text-4xl font-bold text-center mb-12">
<i class="fas fa-microscope mr-3 text-primary"></i>核心逻辑深度剖析
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-12">
<!-- 核心驱动力 -->
<div class="card bg-base-100 shadow-xl hover-lift">
<div class="card-body">
<h3 class="card-title text-primary">
<i class="fas fa-cogs mr-2"></i>技术赋能驱动
</h3>
<ul class="space-y-2 mt-4">
<li class="flex items-start">
<i class="fas fa-check-circle text-success mr-2 mt-1"></i>
<span>大模型能力接入豆包、DeepSeek等多个专家大模型</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-success mr-2 mt-1"></i>
<span>场景化落地相册、语音助手、游戏等具体场景AI功能</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-success mr-2 mt-1"></i>
<span>成本优势:合作模式相比自研投入产出比更高</span>
</li>
</ul>
</div>
</div>
<!-- 市场机遇 -->
<div class="card bg-base-100 shadow-xl hover-lift">
<div class="card-body">
<h3 class="card-title text-secondary">
<i class="fas fa-chart-line mr-2"></i>市场格局重塑机遇
</h3>
<div class="mt-4">
<p class="mb-3">AI浪潮下传统手机市场格局面临重构努比亚作为二线品牌试图通过AI差异化实现"弯道超车"。</p>
<div class="alert alert-info">
<i class="fas fa-info-circle"></i>
<span>路演观点:"非传统厂商如努比亚有望逆袭"</span>
</div>
</div>
</div>
</div>
</div>
<!-- 预期差分析 -->
<div class="card bg-gradient-to-r from-primary/10 to-secondary/10 shadow-xl">
<div class="card-body">
<h3 class="card-title text-2xl mb-6">
<i class="fas fa-balance-scale mr-2"></i>三大预期差分析
</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="stat bg-base-100 rounded-lg">
<div class="stat-figure text-warning">
<i class="fas fa-handshake-slash text-2xl"></i>
</div>
<div class="stat-title">合作深度预期差</div>
<div class="stat-value text-lg">技术接入</div>
<div class="stat-desc">非战略级深度合作</div>
</div>
<div class="stat bg-base-100 rounded-lg">
<div class="stat-figure text-info">
<i class="fas fa-mobile-alt text-2xl"></i>
</div>
<div class="stat-title">产品落地预期差</div>
<div class="stat-value text-lg">体验有限</div>
<div class="stat-desc">AI功能仍需突破</div>
</div>
<div class="stat bg-base-100 rounded-lg">
<div class="stat-figure text-error">
<i class="fas fa-trophy text-2xl"></i>
</div>
<div class="stat-title">市场地位预期差</div>
<div class="stat-value text-lg">稳定增长</div>
<div class="stat-desc">非爆发式增长预期</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Development Path -->
<section class="py-20 px-4">
<div class="container mx-auto max-w-6xl">
<h2 class="text-4xl font-bold text-center mb-12">
<i class="fas fa-road mr-3 text-primary"></i>发展路径规划
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="card bg-base-100 shadow-xl hover-lift">
<div class="card-body">
<div class="badge badge-primary badge-lg mb-4">第一阶段</div>
<h3 class="card-title">2024-2025 AI功能导入期</h3>
<ul class="mt-4 space-y-2">
<li>• 完成主要产品线AI化改造</li>
<li>• 建立与火山引擎稳定合作</li>
<li>• 细分市场建立AI差异化</li>
</ul>
</div>
</div>
<div class="card bg-base-100 shadow-xl hover-lift">
<div class="card-body">
<div class="badge badge-secondary badge-lg mb-4">第二阶段</div>
<h3 class="card-title">2025-2026 市场验证期</h3>
<ul class="mt-4 space-y-2">
<li>• AI功能从"尝鲜"向"刚需"转变</li>
<li>• 根据用户反馈优化AI体验</li>
<li>• 市场份额提升成为关键指标</li>
</ul>
</div>
</div>
<div class="card bg-base-100 shadow-xl hover-lift">
<div class="card-body">
<div class="badge badge-accent badge-lg mb-4">第三阶段</div>
<h3 class="card-title">2026后 生态构建期</h3>
<ul class="mt-4 space-y-2">
<li>• 硬件+AI服务转型</li>
<li>• 构建努比亚AI生态</li>
<li>• 实现商业模式可持续性</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Stock Table Section -->
<section id="stocks" class="py-20 px-4 bg-base-300">
<div class="container mx-auto max-w-7xl">
<h2 class="text-4xl font-bold text-center mb-12">
<i class="fas fa-network-wired mr-3 text-primary"></i>产业链核心标的
</h2>
<div class="overflow-x-auto">
<table class="table table-zebra w-full stock-table">
<thead>
<tr class="text-lg">
<th class="bg-primary/20">股票代码</th>
<th class="bg-primary/20">关系类型</th>
<th class="bg-primary/20">具体说明</th>
<th class="bg-primary/20">验证来源</th>
<th class="bg-primary/20">投资价值</th>
</tr>
</thead>
<tbody>
<tr class="hover">
<td class="font-bold text-success">中兴通讯</td>
<td><div class="badge badge-success">股权关系</div></td>
<td>持有努比亚78.33%股权,努比亚为旗下手机品牌之一</td>
<td><div class="badge badge-outline">工商登记</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold text-info">道明光学</td>
<td><div class="badge badge-info">产业链</div></td>
<td>石墨烯散热膜进入努比亚折叠屏手机供应链</td>
<td><div class="badge badge-outline">调研</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold">裕同科技</td>
<td><div class="badge badge-secondary">客户</div></td>
<td>包装业务客户包括努比亚</td>
<td><div class="badge badge-outline">招股书</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold">维信诺</td>
<td><div class="badge badge-primary">合作</div></td>
<td>与努比亚保持良好合作关系</td>
<td><div class="badge badge-outline">调研</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold">联得装备</td>
<td><div class="badge badge-accent">项目</div></td>
<td>柔性AMOLED产品应用于努比亚X双屏手机</td>
<td><div class="badge badge-outline">年报</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold">思泉新材</td>
<td><div class="badge badge-secondary">客户</div></td>
<td>下游终端客户包括努比亚</td>
<td><div class="badge badge-outline">公告</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold">必易微</td>
<td><div class="badge badge-secondary">客户</div></td>
<td>通用电源管理领域终端客户包括努比亚</td>
<td><div class="badge badge-outline">调研</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold">崇达技术</td>
<td><div class="badge badge-info">供应链</div></td>
<td>向努比亚供应PCB产品</td>
<td><div class="badge badge-outline">互动</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold">同兴达</td>
<td><div class="badge badge-accent">项目</div></td>
<td>液晶显示模组应用于努比亚等一线品牌</td>
<td><div class="badge badge-outline">半年报</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold">联创电子</td>
<td><div class="badge badge-primary">合作</div></td>
<td>与努比亚等手机品牌合作</td>
<td><div class="badge badge-outline">互动</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold">瑞丰光电</td>
<td><div class="badge badge-accent">项目</div></td>
<td>子公司为努比亚X提供Mini线光源模组</td>
<td><div class="badge badge-outline">互动</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
<tr class="hover">
<td class="font-bold">鸿富瀚</td>
<td><div class="badge badge-info">供应链</div></td>
<td>导热铜管产品获努比亚合格供应商资质</td>
<td><div class="badge badge-outline">公告</div></td>
<td>
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" checked />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
<input type="radio" class="mask mask-star-2 bg-warning" />
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- Risk Section -->
<section id="risks" class="py-20 px-4">
<div class="container mx-auto max-w-6xl">
<h2 class="text-4xl font-bold text-center mb-12">
<i class="fas fa-exclamation-triangle mr-3 text-error"></i>风险提示与挑战
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- 技术风险 -->
<div class="card bg-error/10 border-2 border-error shadow-xl">
<div class="card-body">
<h3 class="card-title text-error">
<i class="fas fa-microchip mr-2"></i>技术风险
</h3>
<ul class="space-y-2 mt-4">
<li class="flex items-start">
<i class="fas fa-times-circle text-error mr-2 mt-1"></i>
<span>AI体验瓶颈难以实现真正智能交互</span>
</li>
<li class="flex items-start">
<i class="fas fa-times-circle text-error mr-2 mt-1"></i>
<span>算力限制端侧AI受手机算力限制</span>
</li>
</ul>
</div>
</div>
<!-- 商业化风险 -->
<div class="card bg-warning/10 border-2 border-warning shadow-xl">
<div class="card-body">
<h3 class="card-title text-warning">
<i class="fas fa-dollar-sign mr-2"></i>商业化风险
</h3>
<ul class="space-y-2 mt-4">
<li class="flex items-start">
<i class="fas fa-exclamation-circle text-warning mr-2 mt-1"></i>
<span>成本压力AI功能增加硬件成本</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-circle text-warning mr-2 mt-1"></i>
<span>市场接受度:消费者认知度低</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-circle text-warning mr-2 mt-1"></i>
<span>竞争激烈一线品牌同样布局AI</span>
</li>
</ul>
</div>
</div>
<!-- 合作风险 -->
<div class="card bg-info/10 border-2 border-info shadow-xl">
<div class="card-body">
<h3 class="card-title text-info">
<i class="fas fa-handshake-slash mr-2"></i>合作风险
</h3>
<ul class="space-y-2 mt-4">
<li class="flex items-start">
<i class="fas fa-info-circle text-info mr-2 mt-1"></i>
<span>巨头挤压苹果、三星AI手机即将发布</span>
</li>
<li class="flex items-start">
<i class="fas fa-info-circle text-info mr-2 mt-1"></i>
<span>合作不确定:火山引擎合作深度有限</span>
</li>
</ul>
</div>
</div>
</div>
<!-- 关键矛盾 -->
<div class="alert alert-error mt-8 shadow-xl risk-badge">
<i class="fas fa-exclamation-triangle text-2xl"></i>
<div>
<h3 class="font-bold text-lg">关键信息矛盾</h3>
<p>2025年1月2日字节跳动明确否认合作开发AI手机与2024年12月市场传闻存在矛盾需密切关注后续进展</p>
</div>
</div>
</div>
</section>
<!-- Investment Advice -->
<section class="py-20 px-4 bg-base-300">
<div class="container mx-auto max-w-6xl">
<h2 class="text-4xl font-bold text-center mb-12">
<i class="fas fa-lightbulb mr-3 text-warning"></i>投资策略建议
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="card bg-gradient-to-br from-success/20 to-success/10 shadow-xl">
<div class="card-body">
<h3 class="card-title text-success text-2xl mb-4">
<i class="fas fa-chart-line mr-2"></i>投资策略
</h3>
<div class="space-y-4">
<div class="badge badge-success badge-lg">低位布局 + 分批建仓</div>
<p>重点关注产业链上游确定性较高的标的密切跟踪努比亚AI手机市场反馈</p>
<div class="alert alert-success">
<i class="fas fa-check"></i>
<span>若2025年Q2出货量数据超预期可加大配置力度</span>
</div>
</div>
</div>
</div>
<div class="card bg-gradient-to-br from-info/20 to-info/10 shadow-xl">
<div class="card-body">
<h3 class="card-title text-info text-2xl mb-4">
<i class="fas fa-crosshairs mr-2"></i>重点标的
</h3>
<div class="space-y-3">
<div class="flex items-center justify-between">
<span class="font-bold">上游零部件</span>
<div class="badge badge-info">道明光学</div>
</div>
<div class="flex items-center justify-between">
<span class="font-bold">母公司</span>
<div class="badge badge-info">中兴通讯</div>
</div>
<div class="flex items-center justify-between">
<span class="font-bold">AI服务商</span>
<div class="badge badge-info">火山引擎概念</div>
</div>
</div>
</div>
</div>
</div>
<!-- 跟踪指标 -->
<div class="card bg-base-100 shadow-xl mt-8">
<div class="card-body">
<h3 class="card-title text-2xl mb-6">
<i class="fas fa-tachometer-alt mr-2"></i>关键跟踪指标
</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="text-center p-4 bg-primary/10 rounded-lg">
<i class="fas fa-calendar-day text-3xl text-primary mb-2"></i>
<h4 class="font-bold mb-2">短期指标</h4>
<p class="text-sm">努比亚新品发布节奏、AI功能用户活跃度</p>
</div>
<div class="text-center p-4 bg-secondary/10 rounded-lg">
<i class="fas fa-calendar-week text-3xl text-secondary mb-2"></i>
<h4 class="font-bold mb-2">中期指标</h4>
<p class="text-sm">2025年Q2-Q3努比亚手机出货量及市场份额变化</p>
</div>
<div class="text-center p-4 bg-accent/10 rounded-lg">
<i class="fas fa-calendar-alt text-3xl text-accent mb-2"></i>
<h4 class="font-bold mb-2">长期指标</h4>
<p class="text-sm">AI手机业务对中兴通讯消费者业务收入贡献度</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer footer-center p-10 bg-base-200 text-base-content">
<div>
<i class="fas fa-mobile-alt text-5xl text-primary mb-4"></i>
<p class="font-bold text-lg">努比亚AI手机概念深度分析</p>
<p>基于2024-2025年市场数据与研究报告整理</p>
</div>
<div class="divider"></div>
<div class="text-sm text-base-content/70">
<p class="font-bold mb-2">风险提示</p>
<p>AI手机市场教育不及预期 | 技术迭代速度放缓 | 行业竞争加剧导致盈利能力下降</p>
<p class="mt-2">本报告仅供参考,不构成任何投资建议</p>
</div>
</footer>
<script>
// Add smooth scrolling
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Add fade-in animation on scroll
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
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('.card').forEach(card => {
card.style.opacity = '0';
card.style.transform = 'translateY(20px)';
card.style.transition = 'all 0.6s ease';
observer.observe(card);
});
</script>
</body>
</html>