vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 10.10线上最新代码提交

Browse Source
This commit is contained in:
zdl
2025-10-11 16:16:02 +08:00
parent 4d0dc109bc
commit 864844a52b
3338 changed files with 460147 additions and 152745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

510
public/htmls/智象未来.html Normal file
View File

@@ -0,0 +1,510 @@
<!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/css?family=Inter:300,400,500,600,700,800|Noto+Sans+SC:300,400,500,700" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- Tailwind CSS -->
<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" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', 'Inter', sans-serif;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
min-height: 100vh;
position: relative;
overflow-x: hidden;
}
.particle-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.gradient-text {
background: linear-gradient(135deg, #60a5fa, #a78bfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.card-gradient {
background: linear-gradient(135deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.9));
backdrop-filter: blur(10px);
border: 1px solid rgba(148, 163, 184, 0.1);
}
.timeline-item::before {
content: '';
position: absolute;
left: -9px;
top: 5px;
width: 18px;
height: 18px;
border-radius: 50%;
background: #60a5fa;
border: 3px solid #0f172a;
}
.timeline-line {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background: rgba(148, 163, 184, 0.3);
}
.hover-scale {
transition: transform 0.3s ease;
}
.hover-scale:hover {
transform: scale(1.02);
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-container {
overflow-x: scroll;
}
}
</style>
</head>
<body class="text-gray-100">
<div id="particles-js" class="particle-bg"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">智象未来</h1>
<p class="text-xl text-gray-300">AI多模态大模型概念分析报告</p>
<div class="mt-6 flex justify-center space-x-4">
<span class="px-4 py-2 bg-blue-500/20 rounded-full text-blue-300 text-sm">技术突破</span>
<span class="px-4 py-2 bg-purple-500/20 rounded-full text-purple-300 text-sm">商业化落地</span>
<span class="px-4 py-2 bg-green-500/20 rounded-full text-green-300 text-sm">政策催化</span>
</div>
</div>
<!-- 概念事件 -->
<div class="card-gradient rounded-2xl p-6 mb-8 hover-scale">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-calendar-alt mr-3 text-blue-400"></i>
概念事件
</h2>
<div class="relative">
<div class="timeline-line"></div>
<div class="space-y-6 ml-8">
<div class="timeline-item relative">
<div class="bg-slate-800/50 p-4 rounded-lg">
<div class="flex items-center justify-between mb-2">
<span class="text-blue-400 font-semibold">2025年4月11日</span>
<span class="px-2 py-1 bg-blue-500/20 text-blue-300 text-xs rounded">技术突破</span>
</div>
<p class="text-gray-300">智象未来开源图像生成大模型<strong>HiDream-I1</strong>登顶Artificial Analysis榜单，成为首个登顶的中国自研模型（<strong>5000+次测评</strong>覆盖多细分领域）</p>
</div>
</div>
<div class="timeline-item relative">
<div class="bg-slate-800/50 p-4 rounded-lg">
<div class="flex items-center justify-between mb-2">
<span class="text-purple-400 font-semibold">2025年6月20日</span>
<span class="px-2 py-1 bg-purple-500/20 text-purple-300 text-xs rounded">产品发布</span>
</div>
<p class="text-gray-300">全能AI创作助手<strong>vivago2.0（智小象AI）</strong>全球上线，集成图片/视频生成、数字人、社交生态等六大功能</p>
</div>
</div>
<div class="timeline-item relative">
<div class="bg-slate-800/50 p-4 rounded-lg">
<div class="flex items-center justify-between mb-2">
<span class="text-green-400 font-semibold">2025年7月23日</span>
<span class="px-2 py-1 bg-green-500/20 text-green-300 text-xs rounded">开源升级</span>
</div>
<p class="text-gray-300">开源模型<strong>HiDream E1.1</strong>再登Artificial Analysis图像编辑榜首，支持<strong>百万像素级分辨率</strong>与MIT协议，ComfyUI原生集成</p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="card-gradient rounded-2xl p-6 mb-8 hover-scale">
<h2 class="text-2xl font-bold mb-4 flex items-center">
<i class="fas fa-lightbulb mr-3 text-yellow-400"></i>
核心观点摘要
</h2>
<div class="bg-gradient-to-r from-blue-500/20 to-purple-500/20 p-6 rounded-xl border border-blue-500/30">
<p class="text-lg text-gray-100 leading-relaxed">
<span class="text-2xl font-bold text-blue-300">智象未来已从"技术验证"进入"商业化落地"阶段</span>，
核心驱动力是<strong class="text-purple-300">多模态大模型技术突破+场景化应用爆发</strong>。
当前市场热度集中于<strong class="text-green-300">开源生态与B端场景渗透</strong>，
但预期差在于<strong class="text-yellow-300">C端社交化工具（vivago2.0）的变现潜力</strong>和
<strong class="text-pink-300">低空经济/教育等垂直领域的订单放量</strong>。
</p>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="grid md:grid-cols-2 gap-6 mb-8">
<div class="card-gradient rounded-2xl p-6 hover-scale">
<h3 class="text-xl font-bold mb-4 flex items-center">
<i class="fas fa-rocket mr-3 text-blue-400"></i>
核心驱动力
</h3>
<div class="space-y-4">
<div class="bg-slate-800/50 p-4 rounded-lg">
<h4 class="font-semibold text-blue-300 mb-2">技术突破</h4>
<ul class="text-sm text-gray-300 space-y-1">
<li>• <strong>Sparse Diffusion Transformer架构</strong>实现百万像素级生成</li>
<li>• 生成速度较DiT-XL/2快<strong>45%</strong>（De-MAR框架）</li>
<li>• <strong>3D+2D融合</strong>解决视频生成"复制困境"</li>
</ul>
</div>
<div class="bg-slate-800/50 p-4 rounded-lg">
<h4 class="font-semibold text-green-300 mb-2">政策催化</h4>
<ul class="text-sm text-gray-300 space-y-1">
<li>• 低空经济（2025年订单放量）</li>
<li>• 智慧教育（河南中小学AI平台二期启动）</li>
<li>• 气象AI（2024-2026年投资高潮）</li>
</ul>
</div>
</div>
</div>
<div class="card-gradient rounded-2xl p-6 hover-scale">
<h3 class="text-xl font-bold mb-4 flex items-center">
<i class="fas fa-chart-line mr-3 text-purple-400"></i>
市场热度与预期差
</h3>
<div class="space-y-4">
<div class="bg-slate-800/50 p-4 rounded-lg">
<h4 class="font-semibold text-purple-300 mb-2">市场热度</h4>
<ul class="text-sm text-gray-300 space-y-1">
<li>• 36氪等科技媒体高频报道（6-7月密集发布）</li>
<li>• GitHub星标数<strong>24小时破千</strong>（HiDream-I1）</li>
<li>• 研报分歧：乐观vs谨慎观点并存</li>
</ul>
</div>
<div class="bg-slate-800/50 p-4 rounded-lg">
<h4 class="font-semibold text-yellow-300 mb-2">预期差分析</h4>
<ul class="text-sm text-gray-300 space-y-1">
<li>• <strong>C端社交化</strong>：vivago2.0的创意社区+话题互动</li>
<li>• <strong>垂直订单</strong>：河南智慧教育平台二期（超2000万元）</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 关键催化剂 -->
<div class="card-gradient rounded-2xl p-6 mb-8 hover-scale">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-fire mr-3 text-orange-400"></i>
关键催化剂与未来发展路径
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div>
<h3 class="text-lg font-semibold mb-4 text-blue-300">近期催化剂（3-6个月）</h3>
<div class="space-y-3">
<div class="flex items-start">
<span class="flex-shrink-0 w-8 h-8 bg-blue-500/20 rounded-full flex items-center justify-center text-blue-300 text-sm font-bold mr-3">1</span>
<div>
<p class="font-medium">技术开源</p>
<p class="text-sm text-gray-400">HiDream E1.1全面开源，引发开发者生态爆发</p>
</div>
</div>
<div class="flex items-start">
<span class="flex-shrink-0 w-8 h-8 bg-green-500/20 rounded-full flex items-center justify-center text-green-300 text-sm font-bold mr-3">2</span>
<div>
<p class="font-medium">政策订单</p>
<p class="text-sm text-gray-400">河南智慧教育平台二期（Q3招标，预算超2000万元）</p>
</div>
</div>
<div class="flex items-start">
<span class="flex-shrink-0 w-8 h-8 bg-purple-500/20 rounded-full flex items-center justify-center text-purple-300 text-sm font-bold mr-3">3</span>
<div>
<p class="font-medium">合作落地</p>
<p class="text-sm text-gray-400">与慈文传媒的AIGC影视项目（Q4上线首部AI剧集）</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-purple-300">长期路径（2025-2027）</h3>
<div class="space-y-3">
<div class="bg-slate-800/50 p-3 rounded-lg">
<p class="font-medium text-blue-300">阶段1（2025）</p>
<p class="text-sm text-gray-400">工具化渗透（B端设计、教育内容生成）</p>
</div>
<div class="bg-slate-800/50 p-3 rounded-lg">
<p class="font-medium text-purple-300">阶段2（2026）</p>
<p class="text-sm text-gray-400">C端社交化（vivago2.0用户破千万，AR/VR内容生态）</p>
</div>
<div class="bg-slate-800/50 p-3 rounded-lg">
<p class="font-medium text-green-300">阶段3（2027）</p>
<p class="text-sm text-gray-400">垂直场景垄断（低空经济气象AI市占率>30%）</p>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司 -->
<div class="card-gradient rounded-2xl p-6 mb-8 hover-scale">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-sitemap mr-3 text-cyan-400"></i>
产业链与核心公司深度剖析
</h2>
<div class="mb-6 bg-slate-800/50 p-4 rounded-lg">
<h3 class="font-semibold mb-3 text-cyan-300">产业链图谱</h3>
<div class="text-center">
<div class="inline-flex items-center space-x-4 mb-3">
<span class="px-4 py-2 bg-blue-500/20 rounded-lg text-blue-300">上游：算力芯片（寒武纪-U）</span>
<i class="fas fa-arrow-right text-gray-500"></i>
<span class="px-4 py-2 bg-purple-500/20 rounded-lg text-purple-300">中游：大模型（智象未来）</span>
<i class="fas fa-arrow-right text-gray-500"></i>
<span class="px-4 py-2 bg-green-500/20 rounded-lg text-green-300">下游：场景应用</span>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-3 mt-4">
<div class="bg-slate-700/50 p-3 rounded-lg">
<p class="font-medium text-blue-300 mb-1">低空经济</p>
<p class="text-sm text-gray-400">国睿科技、四创电子</p>
</div>
<div class="bg-slate-700/50 p-3 rounded-lg">
<p class="font-medium text-purple-300 mb-1">智慧教育</p>
<p class="text-sm text-gray-400">中原传媒、浙版传媒</p>
</div>
<div class="bg-slate-700/50 p-3 rounded-lg">
<p class="font-medium text-green-300 mb-1">影视AIGC</p>
<p class="text-sm text-gray-400">慈文传媒</p>
</div>
</div>
</div>
</div>
</div>
<!-- 风险分析 -->
<div class="card-gradient rounded-2xl p-6 mb-8 hover-scale">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-exclamation-triangle mr-3 text-red-400"></i>
潜在风险与挑战
</h2>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-gray-700">
<th class="text-left py-3 px-4 text-red-300">风险类型</th>
<th class="text-left py-3 px-4 text-gray-300">具体表现</th>
<th class="text-left py-3 px-4 text-green-300">应对策略</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-800">
<td class="py-3 px-4 text-red-300">技术瓶颈</td>
<td class="py-3 px-4 text-gray-300">3D视频生成稳定性不足（路演提及）</td>
<td class="py-3 px-4 text-green-300">迭代De-MAR框架</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3 px-4 text-red-300">商业化</td>
<td class="py-3 px-4 text-gray-300">vivago2.0用户付费率<5%（需验证）</td>
<td class="py-3 px-4 text-green-300">强化社交裂变（话题挑战）</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3 px-4 text-red-300">政策变动</td>
<td class="py-3 px-4 text-gray-300">低空经济补贴退坡（2026年可能）</td>
<td class="py-3 px-4 text-green-300">拓展教育/气象等多元场景</td>
</tr>
<tr>
<td class="py-3 px-4 text-red-300">信息矛盾</td>
<td class="py-3 px-4 text-gray-300">研报vs路演：订单落地时间差异</td>
<td class="py-3 px-4 text-green-300">跟踪绍兴/河南项目招标公告</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="card-gradient rounded-2xl p-6 mb-8 hover-scale">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-chart-pie mr-3 text-indigo-400"></i>
综合结论与投资启示
</h2>
<div class="bg-gradient-to-r from-indigo-500/20 to-purple-500/20 p-6 rounded-xl border border-indigo-500/30 mb-6">
<p class="text-lg text-gray-100 leading-relaxed mb-4">
智象未来处于<strong class="text-indigo-300">"技术红利兑现前期"</strong>，
短期看开源生态与政策订单，长期看<strong class="text-purple-300">C端社交化+垂直场景垄断</strong>。
</p>
<div class="grid md:grid-cols-3 gap-4">
<div class="bg-slate-800/50 p-4 rounded-lg">
<h4 class="font-semibold text-blue-300 mb-2">算力环节</h4>
<p class="text-sm text-gray-300">寒武纪-U（绑定智象未来算力需求）</p>
</div>
<div class="bg-slate-800/50 p-4 rounded-lg">
<h4 class="font-semibold text-green-300 mb-2">场景应用</h4>
<p class="text-sm text-gray-300">国睿科技（低空气象雷达）、中原传媒（河南教育AI平台）</p>
</div>
<div class="bg-slate-800/50 p-4 rounded-lg">
<h4 class="font-semibold text-purple-300 mb-2">验证指标</h4>
<ul class="text-sm text-gray-300 space-y-1">
<li>• HiDream开源后GitHub星标增速</li>
<li>• 河南教育平台二期中标金额</li>
<li>• vivago2.0月活用户</li>
</ul>
</div>
</div>
</div>
<div class="bg-red-500/10 border border-red-500/30 p-4 rounded-lg">
<p class="text-red-300 font-medium flex items-center">
<i class="fas fa-exclamation-circle mr-2"></i>
风险提示：若2025年Q3绍兴低空项目招标延迟，需警惕板块回调。
</p>
</div>
</div>
<!-- 关联股票表格 -->
<div class="card-gradient rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<i class="fas fa-table mr-3 text-teal-400"></i>
关联股票数据
</h2>
<div class="table-container">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-gray-700">
<th class="text-left py-3 px-4 text-teal-300">股票名称</th>
<th class="text-left py-3 px-4 text-gray-300">项目/投资</th>
<th class="text-left py-3 px-4 text-gray-300">技术</th>
<th class="text-left py-3 px-4 text-gray-300">合作方</th>
<th class="text-left py-3 px-4 text-gray-300">应用领域/产业链</th>
<th class="text-left py-3 px-4 text-gray-300">合作原因</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-800 hover:bg-slate-800/30">
<td class="py-3 px-4 text-teal-300 font-medium">智象未来(250416)</td>
<td class="py-3 px-4 text-gray-300">AI算力底座和开发平台</td>
<td class="py-3 px-4 text-gray-300">视觉多模态大模型</td>
<td class="py-3 px-4 text-gray-300">彩讯股份</td>
<td class="py-3 px-4 text-gray-300">企业和消费市场</td>
<td class="py-3 px-4 text-gray-300">彩讯股份提供AI算力底座和开发平台，结合智象未来的视觉多模态大模型能力，推动AI技术在企业和消费市场的应用</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-slate-800/30">
<td class="py-3 px-4 text-teal-300 font-medium">智象未来(250416)</td>
<td class="py-3 px-4 text-gray-300">战略框架协议</td>
<td class="py-3 px-4 text-gray-300">AIGC技术</td>
<td class="py-3 px-4 text-gray-300">慈文传媒</td>
<td class="py-3 px-4 text-gray-300">影视内容剪辑、宣传物料制作</td>
<td class="py-3 px-4 text-gray-300">慈文传媒与智象未来签署战略框架协议，利用其AIGC技术进行影视内容剪辑、宣传物料制作，并探索文化领域的AI应用场景</td>
</tr>
<tr class="border-b border-gray-800 hover:bg-slate-800/30">
<td class="py-3 px-4 text-teal-300 font-medium">智象未来(250416)</td>
<td class="py-3 px-4 text-gray-300">算力产品合作</td>
<td class="py-3 px-4 text-gray-300">视觉多模态大模型</td>
<td class="py-3 px-4 text-gray-300">寒武纪-U</td>
<td class="py-3 px-4 text-gray-300">线商业应用</td>
<td class="py-3 px-4 text-gray-300">寒武纪-U与智象未来达成算力产品合作，为其视觉多模态大模型提供算力保障，支持线商业应用</td>
</tr>
<tr class="hover:bg-slate-800/30">
<td class="py-3 px-4 text-teal-300 font-medium">智象未来(250416)</td>
<td class="py-3 px-4 text-gray-300">数字出版基金</td>
<td class="py-3 px-4 text-gray-300">参股</td>
<td class="py-3 px-4 text-gray-300">浙版传媒</td>
<td class="py-3 px-4 text-gray-300">数字出版、中体新材、耀宇视芯</td>
<td class="py-3 px-4 text-gray-300">浙版传媒通过投资数字出版基金参股智象未来、中体新材、耀宇视芯等数字领域标的，强化产业链布局</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 粒子背景脚本 -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
tsParticles.load("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: ["#60a5fa", "#a78bfa", "#34d399"]
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: false
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#475569",
opacity: 0.4,
width: 1
},
move: {
enable: true,
speed: 2,
direction: "none",
random: false,
straight: false,
out_mode: "out",
bounce: false
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "grab"
},
onclick: {
enable: true,
mode: "push"
},
resize: true
},
modes: {
grab: {
distance: 140,
line_linked: {
opacity: 1
}
},
push: {
particles_nb: 4
}
}
},
retina_detect: true
});
</script>
</body>
</html>
```