Files
vf_react/public/htmls/MCP.html
2025-12-05 13:29:18 +08:00

523 lines
35 KiB
HTML
Raw Permalink 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="mcp_dark_theme">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MCP (模型上下文协议) 深度研究报告</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Lexend', sans-serif;
background-color: #010416;
color: #c0c8e7;
overflow-x: hidden;
}
.glass-card {
background: rgba(10, 15, 42, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(59, 73, 148, 0.3);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(100, 116, 255, 0.5);
box-shadow: 0 0 30px rgba(59, 130, 246, 0.2);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.bento-item-4 { grid-column: span 4; }
.bento-item-6 { grid-column: span 6; }
.bento-item-8 { grid-column: span 8; }
.bento-item-12 { grid-column: span 12; }
}
.glow-text {
text-shadow: 0 0 8px rgba(100, 116, 255, 0.6), 0 0 16px rgba(100, 116, 255, 0.4);
}
.section-header {
font-size: 2.25rem;
font-weight: 600;
letter-spacing: -0.025em;
background: linear-gradient(90deg, #a5b4fc, #38bdf8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 1.5rem;
}
.bg-gradient-animate {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, 0.15) 0%, transparent 40%),
radial-gradient(circle at 80% 90%, rgba(139, 92, 246, 0.15) 0%, transparent 40%);
animation: animate-background 20s ease-in-out infinite;
}
@keyframes animate-background {
0% { background-position: 0% 50%, 50% 0%; }
50% { background-position: 100% 50%, 50% 100%; }
100% { background-position: 0% 50%, 50% 0%; }
}
.timeline::before {
background-color: rgba(59, 73, 148, 0.3);
}
.timeline-start, .timeline-end {
color: #a5b4fc;
}
.timeline-middle .badge {
background-color: #3b82f6;
border-color: #60a5fa;
}
.table thead th, .table tbody td {
background-color: transparent;
border-color: rgba(59, 73, 148, 0.3);
}
.table tbody tr:hover {
background-color: rgba(10, 15, 42, 0.6);
}
</style>
</head>
<body class="min-h-screen">
<div class="bg-gradient-animate"></div>
<div class="container mx-auto p-4 md:p-8 lg:p-12">
<!-- Header -->
<header class="text-center mb-16">
<h1 class="text-5xl md:text-7xl font-bold mb-4 glow-text bg-clip-text text-transparent bg-gradient-to-r from-gray-200 to-blue-300">
MCP 深度研究报告
</h1>
<p class="text-xl md:text-2xl text-blue-300 tracking-wider">模型上下文协议:开启 AI Agent 新纪元</p>
<div class="mt-6 text-sm text-gray-500">
<p>由 北京价值前沿科技有限公司 AI投研agent<span class="font-semibold text-sky-400">价小前投研</span>” 进行投研呈现</p>
<p class="mt-1">报告生成时间:<span x-data x-text="new Date().toLocaleString()"></span></p>
</div>
</header>
<!-- Core Viewpoint -->
<section id="core-viewpoint" class="mb-16">
<div class="glass-card p-8">
<h2 class="section-header">核心观点摘要</h2>
<p class="text-lg text-gray-300 leading-relaxed">
MCP模型上下文协议是为解决AI Agent“最后一公里”难题而生的底层协议其本质是一场由模型和云平台巨头发起的、旨在抢占未来AI应用生态主导权的“标准战争”。当前MCP正处于从<strong class="text-sky-300">“标准确立”到“生态圈地”</strong>的高速发展阶段其核心驱动力是巨头间的竞争焦虑和对Agent大年2025年的战略卡位。尽管市场叙事宏大但技术和商业化仍面临<strong class="text-amber-300">模型能力不足、调用成本高昂</strong>等瓶颈存在显著的“预期差”投资需关注具备稀缺性和跨平台中立性的“API服务商”以及生态领导者。
</p>
</div>
</section>
<!-- What is MCP -->
<section id="what-is-mcp" class="mb-16">
<h2 class="section-header">范式革命MCP是什么</h2>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<div class="glass-card p-6 col-span-1 lg:col-span-2">
<h3 class="font-semibold text-xl mb-3 text-white">定义与愿景</h3>
<p class="text-gray-400 mb-4">MCPModel Context Protocol是由Anthropic提出并开源的一种开放标准旨在创建一个统一规范让大型语言模型LLM能与外部工具业务软件、数据库、API等快速、标准地交互。</p>
<p class="text-gray-300">它被誉为 <strong class="text-cyan-300">“AI时代的TCP/IP”</strong><strong class="text-cyan-300">“AI应用的USB-C接口”</strong>其核心目标是为AI Agent的爆发式发展铺平道路打通模型到应用的“最后一公里”。</p>
</div>
<div class="glass-card p-6 flex flex-col justify-center">
<h3 class="font-semibold text-xl mb-3 text-white">解决核心痛点</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="badge badge-error mr-3 mt-1">N * M</div>
<p><strong class="text-red-400">传统方式:</strong>100个Agent对接100个工具需 <strong class="text-red-400">10,000次</strong> 定制开发,效率低下,生态碎片化。</p>
</div>
<div class="flex items-start">
<div class="badge badge-success mr-3 mt-1">N + M</div>
<p><strong class="text-green-400">MCP模式</strong>只需开发100个Agent客户端和100个工具服务端<strong class="text-green-400">200次</strong> 配置,实现指数级效率提升。</p>
</div>
</div>
</div>
<div class="glass-card p-6 col-span-1 lg:col-span-3">
<h3 class="font-semibold text-xl mb-3 text-white">技术架构Client-Server模型</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-4">
<div>
<h4 class="font-medium text-lg text-sky-300">MCP Server (工具/应用方)</h4>
<p class="text-gray-400 mt-2">由软件应用开发者构建将自身的数据或功能如支付、地图、文档处理封装成标准化的MCP服务等待被调用。</p>
</div>
<div>
<h4 class="font-medium text-lg text-purple-300">MCP Client (模型/Agent方)</h4>
<p class="text-gray-400 mt-2">由LLM或Agent开发者构建向MCP Server发送请求获取数据或执行操作并将结果整合到模型的响应中。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Market Landscape & Timeline -->
<section id="market-landscape" class="mb-16">
<h2 class="section-header">标准之争:全球巨头的“圈地运动”</h2>
<div id="timeline-chart" class="w-full h-[500px] glass-card p-4"></div>
</section>
<!-- Domestic Arms Race -->
<section id="domestic-race" class="mb-16">
<h2 class="section-header">国内战局:全面拥抱与差异化竞争</h2>
<div class="bento-grid">
<div class="bento-item bento-item-8 glass-card p-6">
<h3 class="font-semibold text-xl mb-3 text-white">阿里巴巴 (领导者)</h3>
<p class="text-gray-400">布局最激进,生态规模领先。通过<strong class="text-amber-300">阿里云百炼</strong>(首个全生命周期服务)和<strong class="text-amber-300">魔搭社区</strong>国内最大MCP广场超1400个Server双轮驱动意图将阿里大模型和云服务设为生态“默认选项”。</p>
<div class="mt-4 space-x-2">
<div class="badge badge-outline border-amber-400 text-amber-400">阿里云百炼</div>
<div class="badge badge-outline border-amber-400 text-amber-400">魔搭社区</div>
<div class="badge badge-outline border-amber-400 text-amber-400">支付宝MCP</div>
</div>
</div>
<div class="bento-item bento-item-4 glass-card p-6">
<h3 class="font-semibold text-xl mb-3 text-white">腾讯 (差异化竞争)</h3>
<p class="text-gray-400">依托<strong class="text-green-300">微信小程序</strong>这一独特的C端封闭生态通过<strong class="text-green-300">腾讯元器</strong>打造社交、支付、生活服务类Agent闭环。</p>
<div class="mt-4 space-x-2">
<div class="badge badge-outline border-green-400 text-green-400">腾讯元器</div>
<div class="badge badge-outline border-green-400 text-green-400">微信支付MCP</div>
</div>
</div>
<div class="bento-item bento-item-4 glass-card p-6">
<h3 class="font-semibold text-xl mb-3 text-white">百度 (入口优势)</h3>
<p class="text-gray-400">利用<strong class="text-blue-300">搜索入口</strong>优势打造全国最大“MCP导航检索网站”意图成为Agent时代的流量分发入口。</p>
<div class="mt-4 space-x-2">
<div class="badge badge-outline border-blue-400 text-blue-400">App Builder</div>
<div class="badge badge-outline border-blue-400 text-blue-400">MCP广场</div>
</div>
</div>
<div class="bento-item bento-item-8 glass-card p-6">
<h3 class="font-semibold text-xl mb-3 text-white">其他关键玩家</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm mt-4">
<p><strong class="text-rose-300">字节跳动:</strong> 旗下AI原生IDE <strong class="text-rose-300">Trae</strong> 和神秘产品 <strong class="text-rose-300">扣子(Coze)</strong> 蓄势待发,强化运行平台能力。</p>
<p><strong class="text-indigo-300">科大讯飞:</strong> <strong class="text-indigo-300">星辰Agent开发平台</strong>上线MCP Market快速跟进。</p>
<p><strong class="text-teal-300">360:</strong> <strong class="text-teal-300">纳米AI</strong>发布“MCP万能工具箱”整合超百款工具。</p>
<p><strong class="text-fuchsia-300">值得买:</strong> “海纳”MCP Server成为下游应用标杆全量接入主流平台商业化数据验证成功。</p>
</div>
</div>
</div>
</section>
<!-- Reality Check -->
<section id="reality-check" class="mb-16">
<h2 class="section-header">预期差:宏大叙事与骨感现实</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div class="glass-card p-6 border-sky-400/50">
<h3 class="font-semibold text-xl mb-4 text-sky-300">市场叙事 (The Hype)</h3>
<ul class="space-y-3 list-disc list-inside text-gray-300">
<li><strong>万能接口:</strong>实现所有工具与模型的“无缝协同”。</li>
<li><strong>效率革命:</strong>打通AI商业化“最后一公里”解锁无限应用场景。</li>
<li><strong>生态爆发:</strong>AI Agent将像移动App一样普及重塑软件行业。</li>
<li><strong>能力边界:</strong>显著提升AI能力使其能够执行复杂、长程的任务。</li>
</ul>
</div>
<div class="glass-card p-6 border-amber-400/50">
<h3 class="font-semibold text-xl mb-4 text-amber-300">路演实测 (The Reality)</h3>
<ul class="space-y-3 list-disc list-inside text-gray-300">
<li><strong>模型能力是硬伤:</strong>实测中 `千问2.5` 等模型在多任务调用时<strong class="text-red-400">出错率高</strong>,存在“模型幻觉”,协议的路修好了,但模型这辆车性能不足。</li>
<li><strong>高昂成本是拦路虎:</strong>一个旅行规划任务单次调用消耗<strong class="text-red-400">超20万Token</strong>复杂任务可达94万。高昂的API费用严重阻碍商业化。</li>
<li><strong>稳定性与本地化局限:</strong>多任务调用稳定性差,获取网页等操作易失败。国内因政策限制,功能强大的`Local`类型MCP如本地文件管理难以实现。</li>
<li><strong>标准之争存变数:</strong>Google在推动自家的<strong class="text-yellow-400">A2AAgent to Agent</strong>协议与MCP存在分歧未来可能形成多标准并立局面。</li>
</ul>
</div>
</div>
</section>
<!-- Future Path & Catalysts -->
<section id="future-path" class="mb-16">
<h2 class="section-header">未来展望:催化剂与发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-5 gap-6">
<div class="md:col-span-2 glass-card p-6">
<h3 class="font-semibold text-xl mb-4 text-white">近期核心催化剂 (3-6个月)</h3>
<ul class="space-y-3">
<li class="flex items-start"><span class="text-cyan-400 mr-2 mt-1"></span><div><strong>新一代大模型发布:</strong><strong class="text-cyan-300">`通义千问3.0`</strong>等模型的发布及多工具调用评测是关键。</div></li>
<li class="flex items-start"><span class="text-cyan-400 mr-2 mt-1"></span><div><strong>关键平台产品上线:</strong>字节<strong class="text-cyan-300">`扣子空间`</strong><strong class="text-cyan-300">`微信AI`</strong>升级,可能催生现象级应用。</div></li>
<li class="flex items-start"><span class="text-cyan-400 mr-2 mt-1"></span><div><strong>标杆商业化数据:</strong><strong class="text-cyan-300">值得买、支付宝</strong>等MCP Server的API调用量、收入等数据持续超预期。</div></li>
</ul>
</div>
<div class="md:col-span-3 glass-card p-6">
<h3 class="font-semibold text-xl mb-4 text-white">长期发展路径</h3>
<ul class="timeline timeline-vertical">
<li>
<div class="timeline-start timeline-box glass-card">基础设施搭建期 (当前)</div>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<hr class="bg-sky-400/50"/>
</li>
<li>
<hr class="bg-sky-400/50"/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end timeline-box glass-card">垂直应用探索期 (1-2年)</div>
<hr class="bg-sky-400/50"/>
</li>
<li>
<hr class="bg-sky-400/50"/>
<div class="timeline-start timeline-box glass-card">复杂任务协同期 (2-3年)</div>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<hr class="bg-sky-400/50"/>
</li>
<li>
<hr class="bg-sky-400/50"/>
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 text-sky-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
<div class="timeline-end timeline-box glass-card">生态成熟爆发期 (3年后)</div>
</li>
</ul>
</div>
</div>
</section>
<!-- Note on Hardware MCP -->
<div class="alert bg-slate-800/50 border-slate-700 text-slate-300 my-16">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<div>
<h3 class="font-bold">特别说明硬件领域的MCP</h3>
<div class="text-xs">研报中同时提及另一种MCP<strong class="text-amber-300">Multi-Chip Package (多芯片封装)</strong>属于半导体硬件领域主要用于将DRAM和NAND Flash等芯片合封以节省空间、降低成本在功能手机、物联网模块和端侧AI设备中应用广泛。本报告聚焦于AI软件协议MCP请注意区分。</div>
</div>
</div>
<!-- Investment Thesis & Stocks -->
<section id="investment-thesis" class="mb-16">
<h2 class="section-header">投资逻辑与核心标的</h2>
<div class="glass-card p-8">
<h3 class="font-semibold text-xl mb-4 text-white">投资框架:生态卡位与“卖水者”逻辑</h3>
<p class="mb-6 text-gray-300">MCP的投资核心在于识别生态系统中的关键节点。当前阶段逻辑最顺、风险相对较低的方向是那些拥有<strong class="text-green-300">“护城河”的API服务商</strong>。它们具备数据/功能的稀缺性、高频调用需求以及跨平台中立性,是生态中的“卖水者”,无论哪个平台胜出都需要它们的服务。其次是具备强大生态号召力的<strong class="text-sky-300">平台领导者</strong></p>
<div class="overflow-x-auto">
<h4 class="font-semibold text-lg mb-4 text-gray-200">MCP 生态核心标的池</h4>
<table class="table w-full">
<thead>
<tr>
<th class="w-1/6">公司名称</th>
<th class="w-1/6">分类</th>
<th class="w-2/3">核心逻辑/关联原因</th>
<th>资料来源</th>
</tr>
</thead>
<tbody>
<tr><td><a href="https://valuefrontier.cn/company?scode=300170" target="_blank" class="link link-hover text-sky-400">汉得信息 (300170)</a></td><td><div class="badge badge-primary badge-outline">MCP生态</div></td><td>汉得灵猿AI中台全面支持MCP深度绑定字节跳动生态链聚焦企业服务(ERP)领域。</td><td>官网</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=688615" target="_blank" class="link link-hover text-sky-400">合合信息 (688615)</a></td><td><div class="badge badge-primary badge-outline">MCP生态</div></td><td>潜在的优质MCP Server提供方其TextIn智能文档处理APIOCR、票据识别具备高频调用价值。</td><td>研报</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=002153" target="_blank" class="link link-hover text-sky-400">石基信息 (002153)</a></td><td><div class="badge badge-primary badge-outline">MCP生态</div></td><td>酒店行业信息系统龙头其平台可高效整合AI工具成为酒店业Agent落地的核心载体。</td><td>研报</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=688258" target="_blank" class="link link-hover text-sky-400">卓易信息 (688258)</a></td><td><div class="badge badge-accent badge-outline">AI编程</div></td><td>旗下低代码IDE SnapDevelop/EazyDevelop基于MCP标准打造完全支持MCP调用尤其支持代码类工具。</td><td>研报/互动</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=688095" target="_blank" class="link link-hover text-sky-400">福昕软件 (688095)</a></td><td><div class="badge badge-primary badge-outline">MCP生态</div></td><td>PDF作为通用文档格式其相关处理能力转换、编辑是Agent构建中不可或缺的工具。</td><td>研报</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=002131" target="_blank" class="link link-hover text-sky-400">利欧股份 (002131)</a></td><td><div class="badge badge-primary badge-outline">MCP生态</div></td><td>旗下利欧数字发布广告行业首个MCP服务将营销能力API化。</td><td>官微</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=300605" target="_blank" class="link link-hover text-sky-400">恒锋信息 (300605)</a></td><td><div class="badge badge-primary badge-outline">MCP生态</div></td><td>在公共安全领域利用MCP技术实现智能化升级。</td><td>官微</td></tr>
<tr><td><a href="https://valuefrontier.cn/company?scode=603110" target="_blank" class="link link-hover text-sky-400">东方材料 (603110)</a></td><td><div class="badge badge-primary badge-outline">MCP生态</div></td><td>子公司东方超算发布全新MCP服务与全球技术协议接轨。</td><td>官微</td></tr>
</tbody>
</table>
</div>
</div>
</section>
<section id="rise-analysis" class="mb-16">
<h2 class="section-header">涨跌复盘:从案例看逻辑验证</h2>
<div class="glass-card p-8">
<div class="overflow-x-auto">
<h4 class="font-semibold text-lg mb-4 text-gray-200">相关个股异动分析</h4>
<table class="table w-full">
<thead>
<tr>
<th class="w-1/6">公司名称</th>
<th class="w-1/12">日期</th>
<th class="w-1/12">涨幅</th>
<th class="w-2/3">核心驱动逻辑摘要</th>
</tr>
</thead>
<tbody>
<tr class="hover">
<td><a href="https://valuefrontier.cn/company?scode=300785" target="_blank" class="link link-hover text-green-300 font-bold">值得买 (300785)</a></td>
<td>2025-11-24</td>
<td><span class="text-green-400 font-semibold">+9.05%</span></td>
<td class="text-sm">
<strong class="text-green-300">[逻辑验证]</strong> AI业务进入收获期基本面发生质变。其“海纳”MCP Server数据惊人11月输出量环比激增5倍生态合作快速扩张接入腾讯、阿里等AI Agent商业化落地独立APP“张大妈”AI收入初具规模前三季3229万。成为市场验证MCP下游应用商业模式的<strong class="text-green-300">最纯粹标的</strong>
</td>
</tr>
<tr class="hover">
<td><a href="https://valuefrontier.cn/company?scode=688110" target="_blank" class="link link-hover text-amber-300">东芯股份 (688110)</a></td>
<td>2025-07-31</td>
<td><span class="text-green-400 font-semibold">+19.99%</span></td>
<td class="text-sm">
<strong class="text-amber-300">[硬件MCP]</strong> 受益于存储芯片SLC NAND, NOR Flash全线涨价周期。其MCP多芯片封装产品占比26%受益于端侧AI设备对存储需求的增长。此为硬件MCP非软件协议。
</td>
</tr>
<tr class="hover">
<td><a href="https://valuefrontier.cn/company?scode=002895" target="_blank" class="link link-hover text-amber-300">川恒股份 (002895)</a></td>
<td>2025-10-29</td>
<td><span class="text-green-400 font-semibold">+10.0%</span></td>
<td class="text-sm">
<strong class="text-amber-300">[名称相关]</strong> 公司饲料级磷酸二氢钙MCP市占率高受益于出口政策红利和磷酸铁锂涨价预期。此MCP为化学品简称与AI协议无关。
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center mt-16 text-xs text-gray-600">
<p>本报告由价小前投研AI合成所有数据和分析均来自公开信息不构成任何投资建议。</p>
<p>投资有风险,入市需谨慎。</p>
<p class="mt-2">&copy; 2025 北京价值前沿科技有限公司. All Rights Reserved.</p>
</footer>
</div>
<script>
// ECharts Timeline Initialization
var chartDom = document.getElementById('timeline-chart');
var myChart = echarts.init(chartDom, 'dark'); // Initialize with dark theme
var option;
const data = [
{ name: 'Anthropic 开源 MCP', value: ['2024-11-25', 10], detail: '定义为“AI时代的TCP/IP”' },
{ name: '微软 Copilot 支持 MCP', value: ['2025-03-19', 20], detail: '国际巨头率先跟进' },
{ name: 'OpenAI 宣布支持 MCP', value: ['2025-03-27', 30], detail: 'CEO Sam Altman表态生态关键一环' },
{ name: '阿里云百炼上线MCP服务', value: ['2025-04-09', 40], detail: '国内厂商全面拥抱的开端' },
{ name: '腾讯云宣布支持MCP', value: ['2025-04-09', 45], detail: '国内云巨头同步入局' },
{ name: 'Google Gemini 宣布支持', value: ['2025-04-10', 50], detail: '三大模型巨头全部站队' },
{ name: '阿里魔搭 & 支付宝上线支付MCP', value: ['2025-04-15', 60], detail: '首个支付MCP打通商业闭环' },
{ name: '360发布MCP万能工具箱', value: ['2025-04-23', 70], detail: '工具集成商入场' },
{ name: 'OpenAI ChatGPT 正式支持', value: ['2025-06-05', 80], detail: '顶级应用落地连接Github/Gmail等' },
{ name: '腾讯元器接入微信支付MCP', value: ['2025-07-03', 90], detail: '打通微信生态商业闭环' },
{ name: '值得买披露商业化数据', value: ['2025-11-20', 100], detail: '输出量增5倍下游应用验证成功' }
];
option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
formatter: function (params) {
const item = data.find(d => d.value[0] === params[0].axisValue);
return `<strong>${item.name}</strong><br/>${item.value[0]}<br/>${item.detail}`;
},
backgroundColor: 'rgba(10, 15, 42, 0.8)',
borderColor: 'rgba(59, 73, 148, 0.5)',
textStyle: {
color: '#c0c8e7'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'time',
axisLine: { lineStyle: { color: 'rgba(59, 73, 148, 0.5)' } },
splitLine: { show: false },
axisLabel: { color: '#a5b4fc' }
},
yAxis: {
type: 'value',
show: false,
max: 120
},
dataZoom: [
{
type: 'inside',
start: 0,
end: 100
},
{
start: 0,
end: 100,
handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
handleSize: '80%',
handleStyle: {
color: '#fff',
shadowBlur: 3,
shadowColor: 'rgba(0, 0, 0, 0.6)',
shadowOffsetX: 2,
shadowOffsetY: 2
},
backgroundColor: 'rgba(10, 15, 42, 0.4)',
borderColor: 'rgba(59, 73, 148, 0.3)',
dataBackground: {
lineStyle: { color: '#3b82f6' },
areaStyle: { color: 'rgba(59, 130, 246, 0.3)' }
},
fillerColor: 'rgba(139, 92, 246, 0.3)',
textStyle: { color: '#c0c8e7' }
}
],
series: [
{
name: '事件',
type: 'line',
smooth: true,
symbol: 'circle',
symbolSize: 10,
sampling: 'average',
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#60a5fa' },
{ offset: 1, color: '#3b82f6' }
])
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: 'rgba(59, 130, 246, 0.3)' },
{ offset: 1, color: 'rgba(59, 130, 246, 0)' }
])
},
data: data.map(item => item.value),
markPoint: {
data: data.map(item => ({
name: item.name,
coord: item.value,
symbolSize: 20,
label: {
show: false
},
itemStyle: {
color: '#a5b4fc'
}
})),
symbol: 'pin',
itemStyle: {
color: '#8b5cf6'
}
},
label: {
show: true,
position: 'top',
formatter: function (params) {
return data.find(d => d.value[0] === params.value[0]).name;
},
color: '#c0c8e7',
distance: 10
}
}
]
};
option && myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
// DaisyUI Custom Theme
// This is a placeholder since we can't use tailwind.config.js in a single file.
// The theming is managed via the `data-theme` attribute and CSS overrides.
document.documentElement.setAttribute('data-theme', 'mcp_dark_theme');
const style = document.createElement('style');
style.innerHTML = `
[data-theme="mcp_dark_theme"] {
--p: 59 130 246; /* primary - blue */
--s: 139 92 246; /* secondary - purple */
--a: 34 197 94; /* accent - green */
--n: 10 15 42; /* neutral */
--b1: 1 4 22; /* base-100 - deep space blue */
--b2: 10 15 42; /* base-200 */
--b3: 20 25 62; /* base-300 */
--in: 199 210 254; /* info */
--su: 74 222 128; /* success */
--wa: 251 191 36; /* warning */
--er: 248 113 113; /* error */
}
`;
document.head.appendChild(style);
</script>
</body>
</html>