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 495ad758ea
3338 changed files with 460147 additions and 152745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

625
public/htmls/AI4S.html Normal file
View File

@@ -0,0 +1,625 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI4S：人工智能驱动的科学研究 - 第五范式</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<style>
:root {
--primary-color: #2563eb;
--secondary-color: #7c3aed;
--accent-color: #06b6d4;
--dark-bg: #1e293b;
--light-bg: #f8fafc;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
background-color: var(--light-bg);
color: #334155;
}
.hero-section {
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: white;
padding: 4rem 0;
position: relative;
overflow: hidden;
}
.hero-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,133.3C960,128,1056,96,1152,90.7C1248,85,1344,107,1392,117.3L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;
background-size: cover;
}
.section-title {
font-weight: 700;
color: var(--dark-bg);
position: relative;
padding-bottom: 1rem;
margin-bottom: 2rem;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 4px;
background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
border-radius: 2px;
}
.timeline-card {
border-left: 3px solid var(--primary-color);
padding-left: 1.5rem;
margin-bottom: 2rem;
position: relative;
}
.timeline-card::before {
content: '';
position: absolute;
left: -8px;
top: 0;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: var(--primary-color);
border: 3px solid white;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}
.stat-card {
background: white;
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
}
.stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.stat-number {
font-size: 2.5rem;
font-weight: 700;
color: var(--primary-color);
line-height: 1;
}
.stock-table {
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.stock-table th {
background-color: var(--dark-bg);
color: white;
font-weight: 600;
padding: 1rem;
border: none;
}
.stock-table td {
padding: 1rem;
vertical-align: middle;
border-color: #e2e8f0;
}
.badge-category {
font-size: 0.875rem;
padding: 0.375rem 0.75rem;
border-radius: 20px;
font-weight: 500;
}
.badge-business {
background-color: #dbeafe;
color: #1e40af;
}
.badge-related {
background-color: #e9d5ff;
color: #6b21a8;
}
.pathway-card {
background: white;
border-radius: 12px;
padding: 1.5rem;
margin-bottom: 1.5rem;
border-left: 4px solid;
transition: all 0.3s ease;
}
.pathway-card.stage-1 {
border-left-color: #10b981;
}
.pathway-card.stage-2 {
border-left-color: #3b82f6;
}
.pathway-card.stage-3 {
border-left-color: #8b5cf6;
}
.risk-card {
background: white;
border-radius: 12px;
padding: 1.5rem;
margin-bottom: 1rem;
border: 1px solid #e2e8f0;
transition: all 0.3s ease;
}
.risk-card:hover {
border-color: var(--primary-color);
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
}
.insight-box {
background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
border-radius: 12px;
padding: 2rem;
margin-bottom: 2rem;
position: relative;
overflow: hidden;
}
.insight-box::before {
content: '"';
position: absolute;
top: -20px;
left: 20px;
font-size: 120px;
color: rgba(0, 0, 0, 0.05);
font-family: Georgia, serif;
}
@media (max-width: 768px) {
.hero-section {
padding: 2rem 0;
}
.stat-number {
font-size: 2rem;
}
.stock-table {
font-size: 0.875rem;
}
.stock-table th,
.stock-table td {
padding: 0.5rem;
}
}
</style>
</head>
<body>
<!-- Hero Section -->
<section class="hero-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<h1 class="display-4 fw-bold mb-3">AI4S：人工智能驱动的科学研究</h1>
<p class="lead mb-0">科学研究的第五范式，从知识归纳到知识创造的革命性跃迁</p>
</div>
<div class="col-lg-4 text-lg-end mt-4 mt-lg-0">
<div class="d-flex flex-column align-items-lg-end">
<div class="stat-card bg-white bg-opacity-10 text-white mb-3">
<div class="stat-number">1400亿$</div>
<div class="small">预计市场规模</div>
</div>
<div class="stat-card bg-white bg-opacity-10 text-white">
<div class="stat-number">25%</div>
<div class="small">研发渗透率目标</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Executive Summary -->
<section class="py-5">
<div class="container">
<h2 class="section-title">核心观点摘要</h2>
<div class="insight-box">
<p class="mb-0 fs-5">
AI4S作为科学研究的第五范式，正处于从概念验证向规模化商业化过渡的关键阶段。其核心驱动力在于AI技术与量子计算的结合带来的计算能力革命性提升，以及自动化实验平台形成的数据-算法-实验闭环。随着渗透率从当前的<strong>2.5%</strong>向<strong>25%</strong>迈进，AI4S有望从目前的约<strong>149亿美元</strong>市场成长为年产值突破<strong>1400亿美元</strong>的巨大产业，中国凭借完整的产业链和丰富的应用场景，有望诞生全球领先的AI4S企业。
</p>
</div>
</div>
</section>
<!-- Timeline Section -->
<section class="py-5 bg-white">
<div class="container">
<h2 class="section-title">概念发展时间轴</h2>
<div class="row">
<div class="col-lg-6">
<div class="timeline-card">
<h5 class="text-primary">2023年</h5>
<ul class="mb-0">
<li>诺贝尔化学奖授予基于AI4S的蛋白质折叠研究</li>
<li>微观纪元与阿尔法纳生物合作研发micro RNA药物设计平台</li>
</ul>
</div>
<div class="timeline-card">
<h5 class="text-primary">2023年12月</h5>
<ul class="mb-0">
<li>宁德时代在香港设立国际研发中心，聚焦AI4S</li>
</ul>
</div>
<div class="timeline-card">
<h5 class="text-primary">2024年</h5>
<ul class="mb-0">
<li>英伟达GTC大会将AI4S列为AI三大关键方向</li>
<li>DeepSeek模型问世，降低AI4S技术门槛</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="timeline-card">
<h5 class="text-primary">2024年8月</h5>
<ul class="mb-0">
<li>晶泰科技与协鑫集团签署5年战略合作，金额约<strong>10亿元</strong></li>
<li>深势科技与东阳光科技成立AI4S新材料研发联合实验室</li>
</ul>
</div>
<div class="timeline-card">
<h5 class="text-primary">2025年2-3月</h5>
<ul class="mb-0">
<li>镁伽科技推出LABILLION™实验室智慧管理平台</li>
<li>深度原理完成<strong>亿元级</strong>Pre-A轮融资</li>
<li>志特新材与量子科技长三角产业创新中心等达成战略合作</li>
</ul>
</div>
<div class="timeline-card">
<h5 class="text-primary">2025年4月</h5>
<ul class="mb-0">
<li>志特新材与中国科学技术大学共建"功能材料智创实验室"</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Core Logic Section -->
<section class="py-5">
<div class="container">
<h2 class="section-title">核心驱动力分析</h2>
<div class="row g-4">
<div class="col-md-4">
<div class="stat-card">
<div class="d-flex align-items-center mb-3">
<div class="bg-primary bg-opacity-10 rounded-circle p-3 me-3">
<i class="bi bi-cpu text-primary fs-4"></i>
</div>
<h5 class="mb-0">技术突破</h5>
</div>
<ul class="mb-0">
<li>新一代AI神经网络机制</li>
<li>量子计算赋能（指数级计算能力提升）</li>
<li>自动化实验平台（7×24小时高效运行）</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="stat-card">
<div class="d-flex align-items-center mb-3">
<div class="bg-secondary bg-opacity-10 rounded-circle p-3 me-3">
<i class="bi bi-graph-up text-secondary fs-4"></i>
</div>
<h5 class="mb-0">产业需求</h5>
</div>
<ul class="mb-0">
<li>研发效率瓶颈（药物研发从4-5年缩短至12个月）</li>
<li>复杂系统挑战（多性能耦合、多元素合金体系）</li>
<li>产业升级需求（新能源、半导体等战略性产业）</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="stat-card">
<div class="d-flex align-items-center mb-3">
<div class="bg-info bg-opacity-10 rounded-circle p-3 me-3">
<i class="bi bi-currency-dollar text-info fs-4"></i>
</div>
<h5 class="mb-0">商业化成熟</h5>
</div>
<ul class="mb-0">
<li>算力成本下降（DeepSeek算力降至原1/10）</li>
<li>数据积累丰富（百万量级高质量材料数据）</li>
<li>商业模式清晰（技术服务、联合实验室、产品销售）</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Stock Data Table -->
<section class="py-5 bg-white">
<div class="container">
<h2 class="section-title">相关股票数据</h2>
<div class="table-responsive">
<table class="table stock-table">
<thead>
<tr>
<th>股票名称</th>
<th>分类</th>
<th>项目</th>
<th>消息来源</th>
<th>关联原因</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>晶泰控股（港）</strong></td>
<td><span class="badge badge-category badge-business">业务相关</span></td>
<td>AI+、机器人+的医药、材料等领域应用，晶体结构预测模型CSP、自由能微扰算法FEP等超过200个AI垂类模型</td>
<td>公开资料</td>
<td>产品涉及AI+、机器人+的医药、材料等领域应用，已积累晶体结构预测模型CSP、自由能微扰算法FEP等超过200个AI垂类模型</td>
</tr>
<tr>
<td><strong>直真科技</strong></td>
<td><span class="badge badge-category badge-business">业务相关</span></td>
<td>联合重庆市科学技术研究院研发"知算"平台，已完成局部测试</td>
<td>官微</td>
<td>联合重庆市科学技术研究院针对AI4S主导研发"知算"平台，已完成局部测试，有望年内发布</td>
</tr>
<tr>
<td><strong>志特新材</strong></td>
<td><span class="badge badge-category badge-business">业务相关</span></td>
<td>与中科大实验室共建AI for Science平台，新材料研发与产业落地，已签4200万美元海外大单</td>
<td>官微</td>
<td>与中科大实验室共建AI for Science平台进行新材料研发与产业落地，AI4S业务已签订4200万美元海外大单</td>
</tr>
<tr>
<td><strong>七匹狼</strong></td>
<td><span class="badge badge-category badge-related">深势科技关联</span></td>
<td>投资北京深势科技（持股0.58%），构建"深势·宇知AI for Science大模型体系"</td>
<td>互动/官网</td>
<td>苏州悦享股权投资合伙企业投资北京深势科技，持股比例0.58%，北京深势科技构建了"深势·宇知AI for Science大模型体系"</td>
</tr>
<tr>
<td><strong>恩华药业</strong></td>
<td><span class="badge badge-category badge-related">深势科技关联</span></td>
<td>与深势科技战略合作，基于AI+分子模拟的药物设计平台</td>
<td>公开资料</td>
<td>与深势科技达成战略合作，利用临床前计算机辅助药物设计平台，将AI+分子模拟的计算范式深度融合到合作研发项目中</td>
</tr>
<tr>
<td><strong>并行科技</strong></td>
<td><span class="badge badge-category badge-related">深势科技关联</span></td>
<td>与深势科技共建"微观尺度工业基础设施"，发布深势宇知®大模型体系</td>
<td>公开资料</td>
<td>与深势科技及多家产业链伙伴共建"微观尺度工业基础设施"，发布了深势宇知®大模型体系</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- Future Development Path -->
<section class="py-5">
<div class="container">
<h2 class="section-title">未来发展路径</h2>
<div class="pathway-card stage-1">
<div class="d-flex align-items-start">
<div class="bg-success bg-opacity-10 rounded-circle p-2 me-3 mt-1">
<i class="bi bi-1-circle-fill text-success"></i>
</div>
<div>
<h5 class="text-success">第一阶段（当前-2026年）：技术验证与商业模式探索</h5>
<p class="mb-2">AI4S技术在不同领域进行验证，商业模式逐步清晰，头部企业开始形成。</p>
<ul class="mb-0">
<li>药物研发领域渗透率从2.5%提升至5%左右</li>
<li>材料研发成为第二个重点应用领域</li>
<li>量子计算与AI4S结合开始小规模验证</li>
<li>市场规模：约300-500亿美元</li>
</ul>
</div>
</div>
</div>
<div class="pathway-card stage-2">
<div class="d-flex align-items-start">
<div class="bg-primary bg-opacity-10 rounded-circle p-2 me-3 mt-1">
<i class="bi bi-2-circle-fill text-primary"></i>
</div>
<div>
<h5 class="text-primary">第二阶段（2026-2030年）：规模化应用与产业生态形成</h5>
<p class="mb-2">AI4S技术在多个行业实现规模化应用，形成完整产业生态，量子计算开始商业化。</p>
<ul class="mb-0">
<li>药物研发渗透率提升至15%，材料研发达到10%</li>
<li>量子计算实现初步商业化</li>
<li>形成完整产业生态</li>
<li>市场规模：约800-1000亿美元</li>
</ul>
</div>
</div>
</div>
<div class="pathway-card stage-3">
<div class="d-flex align-items-start">
<div class="bg-purple bg-opacity-10 rounded-circle p-2 me-3 mt-1">
<i class="bi bi-3-circle-fill text-purple" style="color: #8b5cf6;"></i>
</div>
<div>
<h5 class="text-purple" style="color: #8b5cf6;">第三阶段（2030-2035年）：全面普及与范式变革</h5>
<p class="mb-2">AI4S成为科学研究的标准范式，量子计算与AI4S深度融合，实现从"知识应用"到"知识创新"的跃迁。</p>
<ul class="mb-0">
<li>研发环节渗透率达到25%，市场规模突破1400亿美元</li>
<li>量子计算与AI4S结合发挥主导作用</li>
<li>推动多个领域实现重大科学突破</li>
<li>中国诞生1-2家全球AI4S龙头企业</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Risks and Challenges -->
<section class="py-5 bg-white">
<div class="container">
<h2 class="section-title">潜在风险与挑战</h2>
<div class="row g-3">
<div class="col-md-6">
<div class="risk-card">
<h6 class="text-danger mb-3"><i class="bi bi-exclamation-triangle me-2"></i>技术风险</h6>
<ul class="mb-0">
<li>数据质量与数量不足（极端工况数据缺乏）</li>
<li>模型可解释性差（"黑盒"特性限制应用）</li>
<li>多尺度建模难度大（原子到宏观尺度耦合）</li>
<li>量子计算技术不成熟（2030年初步商业化）</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="risk-card">
<h6 class="text-warning mb-3"><i class="bi bi-currency-exchange me-2"></i>商业化风险</h6>
<ul class="mb-0">
<li>成本高企（算力和自动化实验投入大）</li>
<li>市场接受度不足（AI交互准确率需>90%）</li>
<li>应用场景有限（药物研发为主，其他领域探索中）</li>
<li>商业模式不成熟（定价和价值分享机制待完善）</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="risk-card">
<h6 class="text-info mb-3"><i class="bi bi-shield-exclamation me-2"></i>政策与竞争风险</h6>
<ul class="mb-0">
<li>技术出口管制（中美科技竞争背景）</li>
<li>数据安全与隐私保护（生物医药数据敏感）</li>
<li>行业竞争加剧（更多企业进入AI4S领域）</li>
<li>人才竞争激烈（复合型人才稀缺）</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="risk-card">
<h6 class="text-secondary mb-3"><i class="bi bi-graph-down me-2"></i>预期差风险</h6>
<ul class="mb-0">
<li>技术成熟度预期差（市场高估当前成熟度）</li>
<li>商业化进度预期差（实际进程慢于预期）</li>
<li>量子计算结合预期差（短期可行性被高估）</li>
<li>中国优势实现预期差（原创能力不足）</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Investment Insights -->
<section class="py-5">
<div class="container">
<h2 class="section-title">投资启示</h2>
<div class="row g-4">
<div class="col-lg-4">
<div class="stat-card">
<h5 class="text-primary mb-3">投资阶段判断</h5>
<p>AI4S概念已从纯主题炒作阶段进入基本面驱动阶段。投资者应关注具有实质性业务进展和技术壁垒的企业，而非纯概念炒作。</p>
</div>
</div>
<div class="col-lg-4">
<div class="stat-card">
<h5 class="text-secondary mb-3">最具投资价值方向</h5>
<ul class="mb-0">
<li>AI4S技术平台（晶泰科技、深势科技）</li>
<li>自动化实验设备（镁伽科技）</li>
<li>行业解决方案（药物、材料研发）</li>
<li>量子计算+AI4S（微观纪元）</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="stat-card">
<h5 class="text-info mb-3">投资策略建议</h5>
<ul class="mb-0">
<li>长期布局，关注技术壁垒企业</li>
<li>分阶段投资，根据发展进程调整</li>
<li>风险控制，分散投资避免过度集中</li>
<li>关注中国优势企业，但重视原创技术</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-dark text-white py-4 mt-5">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mb-0">© 2025 AI4S概念分析 | 人工智能驱动的科学研究</p>
</div>
<div class="col-md-6 text-md-end">
<p class="mb-0">数据来源：公开资料、公司公告、行业研报</p>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<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 animation on scroll
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -100px 0px'
};
const observer = new IntersectionObserver(function(entries) {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
// Observe all cards and sections
document.querySelectorAll('.stat-card, .timeline-card, .pathway-card, .risk-card').forEach(el => {
el.style.opacity = '0';
el.style.transform = 'translateY(20px)';
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(el);
});
</script>
</body>
</html>