4.29技术中心合并前更改

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
qwq
2026-04-29 18:53:24 +08:00
co-authored by Copilot
parent 7687b4e7b8
commit ec35590493
25 changed files with 792 additions and 329 deletions
+75 -99
View File
@@ -25,16 +25,17 @@
}
</script>
<style>
body {
font-family: 'Inter', sans-serif;
background: #0a0f1a;
color: #e2e8f0;
/* 将原 body 样式迁移到独立容器以防止被 WordPress 主题覆盖 */
#ip-matrix-wrapper {
font-family: 'Inter', sans-serif !important;
background-color: #0a0f1a !important;
color: #e2e8f0 !important;
overflow-x: hidden;
}
/* 网格背景 */
.grid-bg {
position: fixed;
position: absolute; /* 防止在WP中fixed导致遮挡其他内容 */
top: 0;
left: 0;
width: 100%;
@@ -115,18 +116,10 @@
</head>
<body class="antialiased">
<div class="grid-bg"></div>
<!-- WordPress 隔离容器:解决主题层面的样式穿透导致颜色错乱的问题 -->
<div id="ip-matrix-wrapper" class="relative w-full min-h-screen bg-[#0a0f1a] text-[#e2e8f0]">
<!-- 顶部导航占位 (可替换为您原有的header) -->
<header class="border-b border-white/10 bg-darkerBg/80 backdrop-blur-md sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
<a href="index_new.html" class="flex items-center space-x-2 text-white hover:text-primary transition-colors">
<i class="fa fa-arrow-left"></i>
<span class="font-semibold">返回首页</span>
</a>
<div class="text-gray-300 font-medium">处理器 IP 货架集群</div>
</div>
</header>
<div class="grid-bg"></div>
<!-- 页面标题区 -->
<section class="py-16 relative overflow-hidden">
@@ -151,14 +144,14 @@
<span class="px-4 py-1.5 rounded-full bg-blue-500/10 text-blue-400 text-sm font-medium border border-blue-500/20">Wing-M & Wing-A 系列</span>
</div>
<div class="grid lg:grid-cols-2 gap-12">
<div class="grid lg:grid-cols-4 gap-12">
<!-- Wing-M 系列 (量产型/专用小核/中核) -->
<div>
<div class="lg:col-span-3">
<h3 class="text-xl font-semibold text-emerald-400 mb-6 flex items-center">
<i class="fa fa-microchip mr-3"></i> Wing-M 系列 (嵌入式/工控/安全)
</h3>
<div class="grid sm:grid-cols-2 gap-5">
<a href="Wing-M050.html" class="model-card p-6 rounded-xl group">
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-5">
<a href="/Wing-M050" class="model-card p-6 rounded-xl group">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Wing-M050</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-emerald-500/20 text-emerald-400 flex items-center justify-center">
@@ -169,7 +162,7 @@
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
</a>
<a href="Wing-M050s安全核.html" class="model-card p-6 rounded-xl group border-emerald-500/30">
<a href="/wing-m050s" class="model-card p-6 rounded-xl group border-emerald-500/30">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Wing-M050s</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-green-500/20 text-green-400 flex items-center justify-center">
@@ -180,7 +173,7 @@
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
</a>
<a href="Wing-M130.html" class="model-card p-6 rounded-xl group">
<a href="/wing-m130" class="model-card p-6 rounded-xl group">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Wing-M130</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-emerald-500/20 text-emerald-400 flex items-center justify-center">
@@ -191,7 +184,7 @@
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
</a>
<a href="Wing-M130A.html" class="model-card p-6 rounded-xl group">
<a href="/wing-m130a" class="model-card p-6 rounded-xl group">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Wing-M130A</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-teal-500/20 text-teal-400 flex items-center justify-center">
@@ -201,16 +194,38 @@
<p class="text-sm text-gray-400 mb-4 flex-grow">在 M130 基础上增强 DSP 计算能力,适配轻量音频与信号处理。</p>
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
</a>
<a href="/wing-m130s" class="model-card p-6 rounded-xl group border-emerald-500/30">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Wing-M130s</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-green-500/20 text-green-400 flex items-center justify-center">
<i class="fa fa-shield"></i>
</div>
</div>
<p class="text-sm text-gray-400 mb-4 flex-grow">专用加密安全中核,强化信息安全与加解密特性设计。</p>
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
</a>
<a href="/wing-m510" class="model-card p-6 rounded-xl group border-emerald-500/30">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Wing-M510</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-emerald-500/20 text-emerald-400 flex items-center justify-center">
<i class="fa fa-microchip"></i>
</div>
</div>
<p class="text-sm text-gray-400 mb-4 flex-grow">高性能多核处理器,满足复杂嵌入式与工业控制算力需求。</p>
<div class="text-emerald-400 text-sm font-medium flex items-center">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
</a>
</div>
</div>
<!-- Wing-A 系列 (通用大核) -->
<div>
<div class="lg:col-span-1">
<h3 class="text-xl font-semibold text-blue-400 mb-6 flex items-center">
<i class="fa fa-rocket mr-3"></i> Wing-A 系列 (通用大核/应用级)
<i class="fa fa-rocket mr-3"></i> Wing-A 系列 通用大核
</h3>
<div class="grid sm:grid-cols-2 gap-5 h-[calc(100%-3rem)]">
<a href="Wing-A500.html" class="model-card p-6 rounded-xl group">
<div class="flex flex-col gap-5 h-[calc(100%-3rem)]">
<a href="/wing-a500" class="model-card p-6 rounded-xl group flex-grow">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Wing-A500</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-blue-500/20 text-blue-400 flex items-center justify-center">
@@ -220,17 +235,6 @@
<p class="text-sm text-gray-400 mb-4 flex-grow">支持 RVA23 规范的双发射9级流水线大核,覆盖 AP 与端侧 AI。</p>
<div class="text-blue-400 text-sm font-medium flex items-center mt-auto">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
</a>
<a href="Wing-A700.html" class="model-card p-6 rounded-xl group">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Wing-A700</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-indigo-500/20 text-indigo-400 flex items-center justify-center">
<i class="fa fa-server"></i>
</div>
</div>
<p class="text-sm text-gray-400 mb-4 flex-grow">更高性能的 64 位多核强劲算力引擎,专为高性能服务器及大算力平台设计。</p>
<div class="text-indigo-400 text-sm font-medium flex items-center mt-auto">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
</a>
</div>
</div>
</div>
@@ -245,27 +249,25 @@
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
<a href="#" class="model-card p-6 rounded-xl group border-cyan-500/20">
<div class="model-card p-6 rounded-xl group border-cyan-500/20 cursor-default">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Wing-D200</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-cyan-500/20 text-cyan-400 flex items-center justify-center">
<i class="fa fa-wifi"></i>
</div>
</div>
<p class="text-sm text-gray-400 mb-4 flex-grow">专用矢量处理器,聚焦 5G 通信核心场景与高频信号处理。</p>
<div class="text-cyan-400 text-sm font-medium flex items-center">探索设备 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
</a>
<p class="text-sm text-gray-400 my-auto">专用矢量处理器,聚焦 5G 通信核心场景与高频信号处理。</p>
</div>
<a href="#" class="model-card p-6 rounded-xl group border-cyan-500/20">
<div class="model-card p-6 rounded-xl group border-cyan-500/20 cursor-default">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Wing-D400-VL</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-cyan-600/20 text-cyan-500 flex items-center justify-center">
<i class="fa fa-headphones"></i>
</div>
</div>
<p class="text-sm text-gray-400 mb-4 flex-grow">强化版矢量处理器,同时完美适配轻量级 AI 运算与 HIFI 音频处理。</p>
<div class="text-cyan-400 text-sm font-medium flex items-center">探索设备 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
</a>
<p class="text-sm text-gray-400 my-auto">强化版矢量处理器,同时完美适配轻量级 AI 运算与 HIFI 音频处理。</p>
</div>
<!-- 场景介绍占位卡片 -->
<div class="lg:col-span-2 p-6 rounded-xl bg-gradient-to-br from-cyan-900/20 to-transparent border border-cyan-500/10 flex flex-col justify-center">
@@ -277,73 +279,47 @@
</div>
</section>
<!-- ================= NPU IP 板块 ================= -->
<!-- ================= DSP IP 板块 ================= -->
<section>
<div class="flex items-center justify-between mb-8 pb-4 border-b border-white/10">
<h2 class="text-3xl font-bold text-white category-header !border-purple-500">NPU IP (神经网络处理器)</h2>
<span class="px-4 py-1.5 rounded-full bg-purple-500/10 text-purple-400 text-sm font-medium border border-purple-500/20">Wing-N / P / M 系列</span>
<h2 class="text-3xl font-bold text-white category-header !border-cyan-500">NPU IP (神经网络处理器)</h2>
<span class="px-4 py-1.5 rounded-full bg-purple-500/10 text-purple-400 text-sm font-medium border border-cyan-500/20">Nexus 系列</span>
</div>
<div class="grid sm:grid-cols-3 gap-6">
<!-- 端侧 -->
<a href="#" class="model-card p-6 rounded-xl group border-purple-500/20">
<div class="flex justify-between items-start mb-6">
<div>
<span class="text-xs font-bold text-purple-400 uppercase tracking-wider mb-1 block">端侧 AI</span>
<h4 class="text-xl font-bold text-white">0 - 4T 算力</h4>
</div>
<div class="icon-wrapper w-10 h-10 rounded-xl bg-purple-500/20 text-purple-400 flex items-center justify-center text-xl">
<i class="fa fa-cogs"></i>
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="model-card p-6 rounded-xl group border-cyan-500/20 cursor-default">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Nexus N100</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-purple-500/20 text-purple-400 flex items-center justify-center">
<i class="fa fa-cube"></i>
</div>
</div>
<p class="text-sm text-gray-400 mb-6 flex-grow">
覆盖各类 IoT 设备、智能家居、可穿戴设备。极低待机功耗,支持实时唤醒与本地小模型推理。
</p>
<div class="pt-4 border-t border-white/5 text-purple-400 text-sm font-medium flex items-center font-mono">
Wing-M 系列 <i class="fa fa-angle-right ml-auto group-hover:translate-x-1 transition-transform"></i>
</div>
</a>
<p class="text-sm text-gray-400 my-auto">算力0.1-0.5T低功耗神经网络处理器,可用于物体检测、指纹、声纹检测等应用场景</p>
</div>
<!-- 边缘侧 -->
<a href="#" class="model-card p-6 rounded-xl group border-fuchsia-500/20">
<div class="flex justify-between items-start mb-6">
<div>
<span class="text-xs font-bold text-fuchsia-400 uppercase tracking-wider mb-1 block">边缘 AI</span>
<h4 class="text-xl font-bold text-white">4 - 64T 算力</h4>
</div>
<div class="icon-wrapper w-10 h-10 rounded-xl bg-fuchsia-500/20 text-fuchsia-400 flex items-center justify-center text-xl">
<i class="fa fa-car"></i>
<div class="model-card p-6 rounded-xl group border-cyan-500/20 cursor-default">
<div class="flex justify-between items-start mb-4">
<h4 class="text-lg font-bold text-white">Nexus P100</h4>
<div class="icon-wrapper w-8 h-8 rounded-lg bg-purple-600/20 text-purple-400 flex items-center justify-center">
<i class="fa fa-eye"></i>
</div>
</div>
<p class="text-sm text-gray-400 mb-6 flex-grow">
适用于智能汽车、安防监控前端、服务器边缘端节点。提供极高能效比的大规模张量加速。
</p>
<div class="pt-4 border-t border-white/5 text-fuchsia-400 text-sm font-medium flex items-center font-mono">
Wing-P 系列 <i class="fa fa-angle-right ml-auto group-hover:translate-x-1 transition-transform"></i>
</div>
</a>
<p class="text-sm text-gray-400 my-auto">算力0.5-4T低功耗神经网络处理器,可用于人脸识别、手势识别等应用场景</p>
</div>
<!-- 云端 -->
<a href="#" class="model-card p-6 rounded-xl group border-pink-500/20">
<div class="flex justify-between items-start mb-6">
<div>
<span class="text-xs font-bold text-pink-400 uppercase tracking-wider mb-1 block">云端 AI</span>
<h4 class="text-xl font-bold text-white">> 200T 算力</h4>
</div>
<div class="icon-wrapper w-10 h-10 rounded-xl bg-pink-500/20 text-pink-400 flex items-center justify-center text-xl">
<i class="fa fa-cloud"></i>
</div>
</div>
<p class="text-sm text-gray-400 mb-6 flex-grow">
针对大数据平台、服务器集群与大模型训练/推理定制,具备高度可扩展的多芯多卡级联能力。
<!-- 场景介绍占位卡片 -->
<div class="lg:col-span-2 p-6 rounded-xl bg-gradient-to-br from-cyan-900/20 to-transparent border border-cyan-500/10 flex flex-col justify-center">
<h4 class="text-lg font-bold text-white mb-2 flex items-center"><i class="fa fa-crosshairs text-cyan-500 mr-2"></i> 精准高效的专用架构</h4>
<p class="text-sm text-gray-400 leading-relaxed">
高度可定制的AI加速引擎:Nexus系列神经网络处理器核心是一款领域专用的可扩展AI加速引擎,专为在边缘端与终端设备上高效运行复杂的神经网络模型而设计,支持16-2048个MAC阵列配置,算力涵盖0.1-4T,支持CNN、RNN等主流模型,并提供内存层次、数据位宽,专用AI算子的深度定制,配套易用的软件工具链,满足从超低功耗IoT感知到高性能边缘推理的全场景需求。
</p>
<div class="pt-4 border-t border-white/5 text-pink-400 text-sm font-medium flex items-center font-mono">
Wing-N 系列 <i class="fa fa-angle-right ml-auto group-hover:translate-x-1 transition-transform"></i>
</div>
</a>
</div>
</div>
</section>
</main>
</div> <!-- 结束 WordPress 隔离容器 -->
</body>
</html>