455 lines
29 KiB
HTML
455 lines
29 KiB
HTML
|
||
<!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>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.10/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||
<script>
|
||
tailwind.config = {
|
||
theme: {
|
||
extend: {
|
||
colors: {
|
||
primary: '#6366f1',
|
||
secondary: '#8b5cf6',
|
||
accent: '#ec4899',
|
||
},
|
||
animation: {
|
||
'fade-in': 'fadeIn 0.6s ease-in-out',
|
||
'slide-up': 'slideUp 0.5s ease-out',
|
||
'glow': 'glow 2s ease-in-out infinite alternate',
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style>
|
||
@keyframes fadeIn {
|
||
from { opacity: 0; transform: translateY(20px); }
|
||
to { opacity: 1; transform: translateY(0); }
|
||
}
|
||
@keyframes slideUp {
|
||
from { transform: translateY(50px); opacity: 0; }
|
||
to { transform: translateY(0); opacity: 1; }
|
||
}
|
||
@keyframes glow {
|
||
from { box-shadow: 0 0 20px rgba(99, 102, 241, 0.3); }
|
||
to { box-shadow: 0 0 30px rgba(139, 92, 246, 0.5); }
|
||
}
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, #6366f1, #8b5cf6, #ec4899);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -6px;
|
||
top: 0;
|
||
width: 12px;
|
||
height: 12px;
|
||
background: #6366f1;
|
||
border-radius: 50%;
|
||
box-shadow: 0 0 10px #6366f1;
|
||
}
|
||
.stock-table tr:hover {
|
||
background: rgba(99, 102, 241, 0.1);
|
||
transform: scale(1.02);
|
||
transition: all 0.3s ease;
|
||
}
|
||
.milestone-card {
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(99, 102, 241, 0.2);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gradient-to-br from-slate-900 via-indigo-950 to-slate-900 text-white overflow-x-hidden">
|
||
|
||
<!-- Hero Section -->
|
||
<section class="min-h-screen flex items-center justify-center relative px-4 py-20">
|
||
<div class="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-indigo-900/20 to-transparent"></div>
|
||
<div class="container mx-auto text-center relative z-10">
|
||
<div class="animate-glow inline-block mb-8">
|
||
<i class="fas fa-brain text-6xl md:text-8xl text-transparent bg-clip-text bg-gradient-to-r from-indigo-400 to-purple-500"></i>
|
||
</div>
|
||
<h1 class="text-5xl md:text-7xl font-bold gradient-text mb-6 animate-fade-in">
|
||
阿里"千问"项目
|
||
</h1>
|
||
<p class="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto leading-relaxed animate-fade-in">
|
||
从B端到C端，从开源模型到AI助手，阿里巴巴正在打响"AI时代的未来之战"
|
||
</p>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-12 max-w-6xl mx-auto">
|
||
<div class="milestone-card bg-white/5 p-6 rounded-2xl animate-slide-up">
|
||
<div class="text-3xl font-bold text-indigo-400 mb-2">2000亿+</div>
|
||
<div class="text-gray-400">周Token调用量</div>
|
||
</div>
|
||
<div class="milestone-card bg-white/5 p-6 rounded-2xl animate-slide-up" style="animation-delay: 0.2s;">
|
||
<div class="text-3xl font-bold text-purple-400 mb-2">2亿+</div>
|
||
<div class="text-gray-400">开源模型下载量</div>
|
||
</div>
|
||
<div class="milestone-card bg-white/5 p-6 rounded-2xl animate-slide-up" style="animation-delay: 0.4s;">
|
||
<div class="text-3xl font-bold text-pink-400 mb-2">3800亿</div>
|
||
<div class="text-gray-400">AI基础设施投入</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Timeline Section -->
|
||
<section class="py-20 px-4">
|
||
<div class="container mx-auto max-w-6xl">
|
||
<h2 class="text-4xl font-bold text-center mb-16 gradient-text">项目发展时间轴</h2>
|
||
<div class="relative">
|
||
<div class="absolute left-4 md:left-1/2 h-full w-0.5 bg-gradient-to-b from-indigo-500 to-purple-500"></div>
|
||
<div class="space-y-12">
|
||
<div class="timeline-item relative pl-16 md:pl-0 md:w-1/2 md:pr-8 md:text-right animate-fade-in">
|
||
<div class="bg-white/5 backdrop-blur-sm p-6 rounded-2xl border border-indigo-500/20">
|
||
<div class="text-indigo-400 font-bold text-sm mb-2">2025年11月13日</div>
|
||
<h3 class="text-xl font-semibold mb-3">千问项目官宣</h3>
|
||
<p class="text-gray-400">秘密启动"千问"项目，基于Qwen最强模型打造个人AI助手APP，全面对标ChatGPT，被核心管理层视为"AI时代的未来之战"</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item relative pl-16 md:pl-0 md:w-1/2 md:ml-auto md:pl-8 animate-fade-in" style="animation-delay: 0.2s;">
|
||
<div class="bg-white/5 backdrop-blur-sm p-6 rounded-2xl border border-purple-500/20">
|
||
<div class="text-purple-400 font-bold text-sm mb-2">2025年7月28日</div>
|
||
<h3 class="text-xl font-semibold mb-3">API调用量跃居全球第四</h3>
|
||
<p class="text-gray-400">千问以10.4%市场份额超越OpenAI，单周总调用量超2000亿Tokens，在OpenRouter平台成长最快模型中包揽前三</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item relative pl-16 md:pl-0 md:w-1/2 md:pr-8 md:text-right animate-fade-in" style="animation-delay: 0.4s;">
|
||
<div class="bg-white/5 backdrop-blur-sm p-6 rounded-2xl border border-indigo-500/20">
|
||
<div class="text-indigo-400 font-bold text-sm mb-2">2025年4月29日</div>
|
||
<h3 class="text-xl font-semibold mb-3">Qwen3系列正式发布</h3>
|
||
<p class="text-gray-400">开源Qwen3系列模型，旗舰模型Qwen3-235B-A22B在编码、数学、通用能力等基准评估中达到国际顶尖水平</p>
|
||
</div>
|
||
</div>
|
||
<div class="timeline-item relative pl-16 md:pl-0 md:w-1/2 md:ml-auto md:pl-8 animate-fade-in" style="animation-delay: 0.6s;">
|
||
<div class="bg-white/5 backdrop-blur-sm p-6 rounded-2xl border border-purple-500/20">
|
||
<div class="text-purple-400 font-bold text-sm mb-2">2025年1月29日</div>
|
||
<h3 class="text-xl font-semibold mb-3">Qwen2.5-Max发布</h3>
|
||
<p class="text-gray-400">旗舰版模型发布，预训练数据超20万亿tokens，在多项基准测试中表现优异</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Logic Section -->
|
||
<section class="py-20 px-4">
|
||
<div class="container mx-auto max-w-6xl">
|
||
<h2 class="text-4xl font-bold text-center mb-16 gradient-text">核心逻辑与市场认知</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||
<div class="bg-gradient-to-br from-indigo-500/10 to-purple-500/10 p-8 rounded-2xl border border-indigo-500/30 backdrop-blur-sm animate-slide-up">
|
||
<div class="text-4xl mb-4 text-indigo-400">
|
||
<i class="fas fa-layer-group"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4">技术底座优势</h3>
|
||
<p class="text-gray-300 leading-relaxed">
|
||
<span class="text-indigo-400 font-semibold">开源生态滚雪球：</span>下载量突破2亿次，衍生模型超9万个<br><br>
|
||
<span class="text-purple-400 font-semibold">成本革命：</span>千问3 MAX训练成本降低超90%，打破"大模型烧钱诅咒"<br><br>
|
||
<span class="text-pink-400 font-semibold">市场低估：</span>已构建"低成本+高性能"工业化量产能力
|
||
</p>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-purple-500/10 to-pink-500/10 p-8 rounded-2xl border border-purple-500/30 backdrop-blur-sm animate-slide-up" style="animation-delay: 0.2s;">
|
||
<div class="text-4xl mb-4 text-purple-400">
|
||
<i class="fas fa-exchange-alt"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4">战略卡位升级</h3>
|
||
<p class="text-gray-300 leading-relaxed">
|
||
<span class="text-purple-400 font-semibold">B端壁垒：</span>API调用量全球第四，客户切换成本极高<br><br>
|
||
<span class="text-pink-400 font-semibold">C端意义：</span>不仅是独立APP，更是改造阿里10亿用户生态的智能中枢<br><br>
|
||
<span class="text-indigo-400 font-semibold">独特闭环：</span>电商+支付场景构成差异化竞争护城河
|
||
</p>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-pink-500/10 to-indigo-500/10 p-8 rounded-2xl border border-pink-500/30 backdrop-blur-sm animate-slide-up" style="animation-delay: 0.4s;">
|
||
<div class="text-4xl mb-4 text-pink-400">
|
||
<i class="fas fa-server"></i>
|
||
</div>
|
||
<h3 class="text-2xl font-bold mb-4">基础设施兑现</h3>
|
||
<p class="text-gray-300 leading-relaxed">
|
||
<span class="text-pink-400 font-semibold">3800亿投入：</span>构建全栈算力闭环，自研平头哥芯片优化成本<br><br>
|
||
<span class="text-indigo-400 font-semibold">收入验证：</span>阿里云AI收入保持三位数增速，占比已达10%左右<br><br>
|
||
<span class="text-purple-400 font-semibold">估值重塑：</span>从卖铲子到挖金矿，云业务估值有望对标AWS
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Data Section -->
|
||
<section class="py-20 px-4">
|
||
<div class="container mx-auto max-w-7xl">
|
||
<h2 class="text-4xl font-bold text-center mb-16 gradient-text">产业链核心公司</h2>
|
||
|
||
<!-- Category Tabs -->
|
||
<div class="tabs tabs-boxed bg-white/5 p-2 rounded-full mb-8 flex flex-wrap justify-center gap-2">
|
||
<button class="tab tab-active rounded-full px-4 py-2" onclick="showCategory('all')">全部公司</button>
|
||
<button class="tab rounded-full px-4 py-2" onclick="showCategory('idc')">数据中心/算力</button>
|
||
<button class="tab rounded-full px-4 py-2" onclick="showCategory('ecommerce')">电商生态</button>
|
||
<button class="tab rounded-full px-4 py-2" onclick="showCategory('investment')">战略投资</button>
|
||
</div>
|
||
|
||
<!-- Table -->
|
||
<div class="overflow-x-auto rounded-2xl bg-white/5 backdrop-blur-sm border border-white/10">
|
||
<table class="table stock-table w-full">
|
||
<thead class="bg-gradient-to-r from-indigo-600/50 to-purple-600/50">
|
||
<tr class="text-white">
|
||
<th class="py-4 px-6 text-center">股票名称</th>
|
||
<th class="py-4 px-6 text-center">关联类别</th>
|
||
<th class="py-4 px-6 text-center">相关性描述</th>
|
||
<th class="py-4 px-6 text-center">投资评级</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="stockTableBody" class="divide-y divide-white/10">
|
||
<!-- 数据中心/算力 -->
|
||
<tr class="idc-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-indigo-400">数据港</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-primary">数据中心/算力</span></td>
|
||
<td class="py-4 px-6 text-gray-300">阿里华东区主要数据节点，机柜上架率提升确定性强</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-success font-bold">领导者</span></td>
|
||
</tr>
|
||
<tr class="idc-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-indigo-400">润建股份</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-primary">数据中心/算力</span></td>
|
||
<td class="py-4 px-6 text-gray-300">与阿里云合资"中国-东盟智算云"，逻辑最纯粹标的</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-success font-bold">逻辑纯粹</span></td>
|
||
</tr>
|
||
<tr class="idc-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-indigo-400">杭钢股份</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-primary">数据中心/算力</span></td>
|
||
<td class="py-4 px-6 text-gray-300">浙江云公司主动对接阿里需求，已投运1069个机柜，可运行服务器2.1万台</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-warning font-bold">追赶者</span></td>
|
||
</tr>
|
||
<tr class="idc-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-indigo-400">宝信软件</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-primary">数据中心/算力</span></td>
|
||
<td class="py-4 px-6 text-gray-300">宝之云园区作为阿里华东区主要数据节点之一</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-success font-bold">领导者</span></td>
|
||
</tr>
|
||
<tr class="idc-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-indigo-400">浪潮信息</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-primary">数据中心/算力</span></td>
|
||
<td class="py-4 px-6 text-gray-300">阿里服务器采购份额最高，硬件龙头地位稳固</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-info font-bold">基础设施</span></td>
|
||
</tr>
|
||
|
||
<!-- 电商生态 -->
|
||
<tr class="ecommerce-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-purple-400">光云科技</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-secondary">电商</span></td>
|
||
<td class="py-4 px-6 text-gray-300">阿里授予"复购/好评榜第一"，垂直场景卡位精准，将直接受益于广告货币化率提升</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-success font-bold">领导者</span></td>
|
||
</tr>
|
||
<tr class="ecommerce-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-purple-400">壹网壹创</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-secondary">电商</span></td>
|
||
<td class="py-4 px-6 text-gray-300">阿里首批AI Agent生态合作伙伴，Agent生态稀缺标的</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-accent font-bold">高弹性</span></td>
|
||
</tr>
|
||
<tr class="ecommerce-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-purple-400">丽人丽妆</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-secondary">电商</span></td>
|
||
<td class="py-4 px-6 text-gray-300">阿里妈妈长期生态合作伙伴</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-info font-bold">生态合作</span></td>
|
||
</tr>
|
||
<tr class="ecommerce-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-purple-400">值得买</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-secondary">电商</span></td>
|
||
<td class="py-4 px-6 text-gray-300">阿里爸爸重要合作伙伴，通过"什么值得买"提供信息推广服务</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-info font-bold">生态合作</span></td>
|
||
</tr>
|
||
|
||
<!-- 战略投资 -->
|
||
<tr class="investment-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-pink-400">三江购物</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-accent">参股消费</span></td>
|
||
<td class="py-4 px-6 text-gray-300">阿里系持有公司总股本30%，仅财务投资，无业务协同</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-error font-bold">规避风险</span></td>
|
||
</tr>
|
||
<tr class="investment-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-pink-400">石基信息</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-accent">参股消费</span></td>
|
||
<td class="py-4 px-6 text-gray-300">阿里系持有公司总股本13.02%，仅财务投资，无业务协同</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-error font-bold">规避风险</span></td>
|
||
</tr>
|
||
<tr class="investment-row animate-fade-in">
|
||
<td class="py-4 px-6 font-semibold text-pink-400">美年健康</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-accent">参股医疗</span></td>
|
||
<td class="py-4 px-6 text-gray-300">阿里系持有公司总股本10.04%</td>
|
||
<td class="py-4 px-6 text-center"><span class="badge badge-warning font-bold">观察</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="text-center mt-8 text-gray-400">
|
||
<p>完整表格包含50+公司，涵盖IDC、服务器、交换机、电商、医疗等全链条</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Risk Analysis -->
|
||
<section class="py-20 px-4">
|
||
<div class="container mx-auto max-w-6xl">
|
||
<h2 class="text-4xl font-bold text-center mb-16 gradient-text">风险与挑战</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||
<div class="bg-red-500/10 border border-red-500/30 p-6 rounded-2xl backdrop-blur-sm animate-slide-up">
|
||
<div class="text-3xl mb-4 text-red-400">
|
||
<i class="fas fa-exclamation-triangle"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-4 text-red-300">技术风险</h3>
|
||
<ul class="space-y-2 text-gray-300 text-sm">
|
||
<li>• 思维链能力短板：当前更多是基座模型而非推理模型</li>
|
||
<li>• Agent工具缺失：MCP多工具调用仍出现错误</li>
|
||
<li>• 与DeepSeek-R1等推理模型存在差距</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-yellow-500/10 border border-yellow-500/30 p-6 rounded-2xl backdrop-blur-sm animate-slide-up" style="animation-delay: 0.2s;">
|
||
<div class="text-3xl mb-4 text-yellow-400">
|
||
<i class="fas fa-dollar-sign"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-4 text-yellow-300">商业化风险</h3>
|
||
<ul class="space-y-2 text-gray-300 text-sm">
|
||
<li>• C端用户获取成本高昂，ROI可能为负</li>
|
||
<li>• B端客户谨慎，市场增长主要来自存量客户</li>
|
||
<li>• 阿里影业虚拟拍摄技术仍处于亏损状态</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-blue-500/10 border border-blue-500/30 p-6 rounded-2xl backdrop-blur-sm animate-slide-up" style="animation-delay: 0.4s;">
|
||
<div class="text-3xl mb-4 text-blue-400">
|
||
<i class="fas fa-shield-alt"></i>
|
||
</div>
|
||
<h3 class="text-xl font-bold mb-4 text-blue-300">竞争与政策风险</h3>
|
||
<ul class="space-y-2 text-gray-300 text-sm">
|
||
<li>• Llama 3.3发布后千问排名降至第二/三位</li>
|
||
<li>• 开源模型竞争加剧，存在赢者通吃效应</li>
|
||
<li>• 苹果AI合作涉及数据跨境，面临监管审查</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Investment Insights -->
|
||
<section class="py-20 px-4">
|
||
<div class="container mx-auto max-w-6xl">
|
||
<h2 class="text-4xl font-bold text-center mb-16 gradient-text">投资启示</h2>
|
||
<div class="bg-white/5 rounded-3xl p-8 md:p-12 backdrop-blur-sm border border-white/10">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
|
||
<div class="animate-fade-in">
|
||
<h3 class="text-2xl font-bold mb-6 text-indigo-400">优先级排序</h3>
|
||
<div class="space-y-4">
|
||
<div class="flex items-center gap-4 p-4 bg-indigo-500/10 rounded-xl border border-indigo-500/30">
|
||
<div class="text-2xl text-indigo-400">🥇</div>
|
||
<div>
|
||
<div class="font-bold text-lg">算力基础设施</div>
|
||
<div class="text-gray-400 text-sm">数据港、万国数据、浪潮信息（订单可见度高）</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center gap-4 p-4 bg-purple-500/10 rounded-xl border border-purple-500/30">
|
||
<div class="text-2xl text-purple-400">🥈</div>
|
||
<div>
|
||
<div class="font-bold text-lg">电商生态服务商</div>
|
||
<div class="text-gray-400 text-sm">光云科技、壹网壹创（直接受益广告货币化）</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center gap-4 p-4 bg-yellow-500/10 rounded-xl border border-yellow-500/30">
|
||
<div class="text-2xl text-yellow-400">🥉</div>
|
||
<div>
|
||
<div class="font-bold text-lg">垂直场景龙头</div>
|
||
<div class="text-gray-400 text-sm">阿里健康、阿里影业（节奏风险，谨慎配置）</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="animate-fade-in" style="animation-delay: 0.2s;">
|
||
<h3 class="text-2xl font-bold mb-6 text-purple-400">关键跟踪指标</h3>
|
||
<div class="space-y-3 text-gray-300">
|
||
<div class="flex justify-between items-center p-3 bg-white/5 rounded-lg">
|
||
<span>API周调用量增速</span>
|
||
<span class="text-indigo-400 font-bold">2000亿→5000亿Tokens</span>
|
||
</div>
|
||
<div class="flex justify-between items-center p-3 bg-white/5 rounded-lg">
|
||
<span>阿里云AI收入占比</span>
|
||
<span class="text-purple-400 font-bold">10%→15%+</span>
|
||
</div>
|
||
<div class="flex justify-between items-center p-3 bg-white/5 rounded-lg">
|
||
<span>千问APP月活(MAU)</span>
|
||
<span class="text-pink-400 font-bold">5000万目标</span>
|
||
</div>
|
||
<div class="flex justify-between items-center p-3 bg-white/5 rounded-lg">
|
||
<span>30日留存率</span>
|
||
<span class="text-green-400 font-bold">>30%</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mt-12 p-6 bg-gradient-to-r from-indigo-500/20 to-purple-500/20 rounded-2xl border border-indigo-500/30">
|
||
<h4 class="text-xl font-bold mb-4 text-center">结论</h4>
|
||
<p class="text-gray-300 text-center leading-relaxed text-lg">
|
||
阿里"千问"项目具备<strong class="text-indigo-400">"基本面打底+主题催化"</strong>的双重属性，当前处于"技术兑现期向商业化爆发期过渡"的关键节点。<br>
|
||
<span class="text-purple-400">2025年Q4至2026年Q1</span>是验证窗口期，若C端APP数据超预期或苹果合作落地，将引发戴维斯双击。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="py-12 px-4 border-t border-white/10">
|
||
<div class="container mx-auto text-center">
|
||
<p class="text-gray-400 mb-4">基于真实行业洞察与数据分析</p>
|
||
<p class="text-gray-500 text-sm">生成时间：2025年11月 | 数据来源：公开新闻、路演纪要、工商信息</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// Tab functionality
|
||
function showCategory(category) {
|
||
const rows = document.querySelectorAll('#stockTableBody tr');
|
||
const tabs = document.querySelectorAll('.tab');
|
||
|
||
// Update tab styles
|
||
tabs.forEach(tab => tab.classList.remove('tab-active'));
|
||
event.target.classList.add('tab-active');
|
||
|
||
// Show/hide rows
|
||
rows.forEach(row => {
|
||
row.style.display = 'none';
|
||
setTimeout(() => {
|
||
if (category === 'all') {
|
||
row.style.display = 'table-row';
|
||
} else if (category === 'idc' && row.classList.contains('idc-row')) {
|
||
row.style.display = 'table-row';
|
||
} else if (category === 'ecommerce' && row.classList.contains('ecommerce-row')) {
|
||
row.style.display = 'table-row';
|
||
} else if (category === 'investment' && row.classList.contains('investment-row')) {
|
||
row.style.display = 'table-row';
|
||
}
|
||
}, 100);
|
||
});
|
||
}
|
||
|
||
// Smooth scroll
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||
behavior: 'smooth'
|
||
});
|
||
});
|
||
});
|
||
|
||
// Mobile menu toggle
|
||
function toggleMobileMenu() {
|
||
const menu = document.getElementById('mobileMenu');
|
||
menu.classList.toggle('hidden');
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|