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

updated

Browse Source
This commit is contained in:
root
2025-11-05 11:14:41 +08:00
parent fc37df4385
commit 96d98902c9
49 changed files with 29477 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

352
public/htmls/高通概念.html Normal file
View File

@@ -0,0 +1,352 @@
<!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>
<!-- DaisyUI & Tailwind CSS -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.24/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<!-- Google Fonts: Inter -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
:root {
--fallback-font: 'Inter', ui-sans-serif, system-ui, sans-serif;
}
body {
font-family: var(--fallback-font);
}
/* Custom Animations */
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}
.animate-float {
animation: float 3s ease-in-out infinite;
}
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #1a1a1a;
}
::-webkit-scrollbar-thumb {
background: #4a5568;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #718096;
}
/* Timeline Styles */
.timeline-line::before {
content: '';
position: absolute;
left: 7px;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(to bottom, #3b82f6, #8b5cf6);
}
.timeline-dot {
position: absolute;
left: 0;
top: 5px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #1e293b;
border: 2px solid #3b82f6;
z-index: 1;
}
/* Responsive Table Styles */
@media (max-width: 768px) {
.responsive-table thead {
display: none;
}
.responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td {
display: block;
width: 100% !important;
}
.responsive-table tr {
margin-bottom: 1rem;
border: 1px solid #475569;
border-radius: 0.5rem;
padding: 0.5rem;
}
.responsive-table td {
text-align: right !important;
padding-left: 50% !important;
position: relative;
}
.responsive-table td::before {
content: attr(data-label) ": ";
position: absolute;
left: 1rem;
width: calc(50% - 2rem);
font-weight: 600;
color: #cbd5e1;
text-align: left;
}
}
</style>
</head>
<body class="bg-base-100 text-base-content">
<!-- Hero Section -->
<div class="hero min-h-[60vh] bg-gradient-to-r from-base-900 via-base-800 to-base-900" style="background-image: url('https://images.unsplash.com/photo-1534723452862-4c874018d66d?q=80&w=2070&auto=format&fit=crop'); background-size: cover; background-position: center;">
<div class="hero-overlay bg-opacity-80 bg-gradient-to-r from-black/70 via-gray-900/80 to-black/70"></div>
<div class="hero-content text-center text-neutral-content p-8 md:p-16">
<div class="max-w-4xl">
<h1 class="mb-5 text-5xl md:text-7xl font-bold bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 bg-clip-text text-transparent animate-float">
高通概念
</h1>
<p class="mb-5 text-lg md:text-xl font-light text-gray-300">
从手机周期到AI成长：一场由“端侧AI”驱动的价值重估
</p>
<div class="flex flex-wrap justify-center gap-2 text-sm">
<span class="badge badge-primary badge-lg p-4">端侧AI</span>
<span class="badge badge-secondary badge-lg p-4">AI连接计算</span>
<span class="badge badge-accent badge-lg p-4">价值重估</span>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<main class="container mx-auto px-4 md:px-8 py-8 md:py-16">
<!-- Section 1: Concept Timeline -->
<section class="mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-center">
<i class="fas fa-history mr-2 text-blue-400"></i>概念演进与关键节点
</h2>
<div class="timeline-container relative border-l-2 border-blue-500 ml-4 md:ml-8">
<!-- Timeline items will be inserted here by JS for clarity, but can be static HTML too. For simplicity, using static HTML -->
<div class="timeline-item mb-10 ml-6">
<div class="timeline-dot"></div>
<div class="timeline-content bg-base-200 p-4 rounded-lg shadow-lg">
<h3 class="font-bold text-lg text-blue-300">2023.08 - 11 | 战略转型期</h3>
<p class="text-sm">明确提出“混合式AI”战略，发布骁龙X Elite平台，标志向AI连接计算公司转型。</p>
</div>
</div>
<div class="timeline-item mb-10 ml-6">
<div class="timeline-dot" style="border-color: #10b981;"></div>
<div class="timeline-content bg-base-200 p-4 rounded-lg shadow-lg">
<h3 class="font-bold text-lg text-green-300">2024.12.21 | 法律风险解除</h3>
<p class="text-sm">在与Arm的诉讼案中关键问题获胜，为自研Oryon CPU扫清障碍。</p>
</div>
</div>
<div class="timeline-item mb-10 ml-6">
<div class="timeline-dot" style="border-color: #f59e0b;"></div>
<div class="timeline-content bg-base-200 p-4 rounded-lg shadow-lg">
<h3 class="font-bold text-lg text-amber-300">2025.10.10 | 新风险出现</h3>
<p class="text-sm">因收购Autotalks未依法申报，遭中国市场监管总局立案调查，带来新不确定性。</p>
</div>
</div>
<div class="timeline-item mb-10 ml-6">
<div class="timeline-dot" style="border-color: #ec4899;"></div>
<div class="timeline-content bg-base-200 p-4 rounded-lg shadow-lg">
<h3 class="font-bold text-lg text-pink-300">2025.10.28 | 概念边界扩张</h3>
<p class="text-sm">推出数据中心AI芯片，正式向英伟达发起挑战，引发股价大涨。</p>
</div>
</div>
</div>
</section>
<!-- Section 2: Core Logic & Market Perception -->
<section class="mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-center">
<i class="fas fa-brain mr-2 text-purple-400"></i>核心逻辑与市场认知
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<!-- Card 1: Core Logic -->
<div class="card bg-gradient-to-br from-base-200 to-base-300 shadow-xl">
<div class="card-body">
<h3 class="card-title text-lg">
<i class="fas fa-microchip text-info"></i>
核心驱动力
</h3>
<p>AI计算范式从云端向端侧/边缘侧转移。高通凭借异构计算领导力、AI生态护城河及全场景覆盖能力，成为该趋势的核心受益者。</p>
<div class="card-actions justify-end">
<a href="#insight-core" class="btn btn-primary btn-sm">深入了解</a>
</div>
</div>
</div>
<!-- Card 2: Market Sentiment -->
<div class="card bg-gradient-to-br from-secondary to-secondary-focus shadow-xl">
<div class="card-body">
<h3 class="card-title text-lg">
<i class="fas fa-fire text-secondary-content"></i>
市场热度
</h3>
<p>市场情绪高度乐观，视高通为“端侧AI期权”和最纯粹的AI硬件受益标的。一致预期其估值将从周期股向成长股重塑。</p>
<div class="card-actions justify-end">
<span class="badge badge-error badge-lg">高预期</span>
</div>
</div>
</div>
<!-- Card 3: Expectation Gap -->
<div class="card bg-gradient-to-br from-warning to-warning-content shadow-xl">
<div class="card-body">
<h3 class="card-title text-lg text-base-100">
<i class="fas fa-exclamation-triangle text-base-100"></i>
潜在预期差
</h3>
<p class="text-base-100">市场或低估了执行层面的挑战（如PC市场竞争）、监管风险的严重性（中国反垄断）以及数据中心竞争的非对称性。</p>
<div class="card-actions justify-end">
<a href="#insight-risk" class="btn btn-warning btn-sm">查看风险</a>
</div>
</div>
</div>
</div>
</section>
<!-- Section 3: Stock Data Table -->
<section id="stock-table" class="mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-center">
<i class="fas fa-chart-line mr-2 text-green-400"></i>产业链核心标的
</h2>
<div class="overflow-x-auto bg-base-200 rounded-lg p-4 shadow-xl">
<table class="table responsive-table">
<thead>
<tr>
<th>股票名称</th>
<th>分类</th>
<th>合作项目/理由</th>
<th>信息来源</th>
</tr>
</thead>
<tbody>
<tr class="hover">
<td data-label="股票名称" class="font-bold text-blue-300">中科创达</td>
<td data-label="分类"><span class="badge badge-info">智驾</span></td>
<td data-label="合作项目/理由">高通核心战略合作伙伴；推出基于高通平台的智能汽车参考设计及AI眼镜。</td>
<td data-label="信息来源"><span class="badge badge-outline">半年报</span></td>
</tr>
<tr class="hover">
<td data-label="股票名称" class="font-bold text-blue-300">佰维存储</td>
<td data-label="分类"><span class="badge badge-success">存储</span></td>
<td data-label="合作项目/理由">主要产品已进入高通合格供应商清单，受益于AI芯片对存储需求的提升。</td>
<td data-label="信息来源"><span class="badge badge-outline">公告</span></td>
</tr>
<tr class="hover">
<td data-label="股票名称" class="font-bold text-blue-300">顺络电子</td>
<td data-label="分类"><span class="badge badge-warning">电感</span></td>
<td data-label="合作项目/理由">小尺寸功率电感产品成功进入高通认证方案，为国内首发。</td>
<td data-label="信息来源"><span class="badge badge-outline">互动</span></td>
</tr>
<tr class="hover">
<td data-label="股票名称" class="font-bold text-blue-300">移远通信</td>
<td data-label="分类"><span class="badge badge-accent">采购/模组</span></td>
<td data-label="合作项目/理由">公司第一大供应商为高通，采购占比约60%。推出高通平台网联+座舱解决方案。</td>
<td data-label="信息来源"><span class="badge badge-outline">公告/半年报</span></td>
</tr>
<tr class="hover">
<td data-label="股票名称" class="font-bold text-blue-300">虹软科技</td>
<td data-label="分类"><span class="badge badge-info">智驾</span></td>
<td data-label="合作项目/理由">依托高通Snapdragon Ride平台构建辅助驾驶系统解决方案。</td>
<td data-label="信息来源"><span class="badge badge-outline">调研</span></td>
</tr>
<tr class="hover">
<td data-label="股票名称" class="font-bold text-blue-300">龙迅股份</td>
<td data-label="分类"><span class="badge badge-secondary">其他</span></td>
<td data-label="合作项目/理由">芯片产品被高通纳入其参考设计平台。</td>
<td data-label="信息来源"><span class="badge badge-outline">公告</span></td>
</tr>
<tr class="hover">
<td data-label="股票名称" class="font-bold text-blue-300">润欣科技</td>
<td data-label="分类"><span class="badge badge-warning">分销</span></td>
<td data-label="合作项目/理由">高通在中国本土的授权代理商之一。</td>
<td data-label="信息来源"><span class="badge badge-outline">互动</span></td>
</tr>
<tr class="hover">
<td data-label="股票名称" class="font-bold text-blue-300">长电科技</td>
<td data-label="分类"><span class="badge badge-secondary">其他</span></td>
<td data-label="合作项目/理由">旗下不同工厂与高通有紧密合作，曾获高通“卓越供应商奖”。</td>
<td data-label="信息来源"><span class="badge badge-outline">互动</span></td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- Section 4: Future & Risks (Collapsible) -->
<section id="insight-risk" class="mb-16">
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-center">
<i class="fas fa-binoculars mr-2 text-cyan-400"></i>未来展望与潜在风险
</h2>
<div class="space-y-4">
<!-- Collapsible Item 1: Catalysts -->
<div class="collapse collapse-arrow bg-base-200">
<input type="radio" name="my-accordion-2" checked="checked" />
<div class="collapse-title text-xl font-medium">
<i class="fas fa-rocket mr-2 text-success"></i> 关键催化剂
</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2">
<li><strong>PC销量验证：</strong>搭载骁龙X Elite的PC市场反响，是检验其PC战略成功与否的首次大考。</li>
<li><strong>反垄断调查进展：</strong>中国监管机构调查的任何新动向都将是影响市场情绪的关键。</li>
<li><strong>旗舰手机表现：</strong>三星等头部OEM新机型的市场表现，将继续巩固其手机基本盘。</li>
<li><strong>汽车订单持续落地：</strong>财报中汽车业务能否保持高增长，是多元化故事的重要支撑。</li>
</ul>
</div>
</div>
<!-- Collapsible Item 2: Risks -->
<div class="collapse collapse-arrow bg-base-200">
<input type="radio" name="my-accordion-2" />
<div class="collapse-title text-xl font-medium">
<i class="fas fa-shield-halved mr-2 text-error"></i> 主要风险挑战
</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2">
<li><strong>技术竞争：</strong>在PC和数据中心市场，面临英特尔、AMD和英伟达的深厚壁垒。</li>
<li><strong>商业化不及预期：</strong>Windows on ARM生态的成熟度及用户接受度存在不确定性。</li>
<li><strong>监管风险（首要）：</strong>中国的反垄断调查可能限制其商业行为，对长期增长构成潜在威胁。</li>
<li><strong>成本压力：</strong>先进的AI方案（如NPU+3D DRAM）增加成本，可能阻碍在中端市场的普及。</li>
</ul>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer footer-center p-10 bg-base-300 text-base-content">
<div>
<p class="font-bold">
高通概念深度分析
</p>
<p>基于公开新闻、路演及Insight数据生成</p>
<p class="mt-2">© 2025 AI Financial Designer</p>
</div>
</footer>
<!-- Smooth Scroll -->
<script>
// This is a simple script for adding 'data-label' for responsive table
document.addEventListener('DOMContentLoaded', () => {
const table = document.querySelector('.responsive-table');
if (table) {
const headers = Array.from(table.querySelectorAll('thead th')).map(th => th.textContent.trim());
const rows = table.querySelectorAll('tbody tr');
rows.forEach(row => {
const cells = row.querySelectorAll('td');
cells.forEach((cell, index) => {
cell.setAttribute('data-label', headers[index]);
});
});
}
});
</script>
</body>
</html>