392 lines
26 KiB
HTML
392 lines
26 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>处理器 IP 货架集群 - 隼瞻科技</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#3b82f6',
|
|
darkBg: '#f8fafc',
|
|
darkerBg: '#f1f5f9',
|
|
darkCard: '#ffffff',
|
|
},
|
|
fontFamily: {
|
|
inter: ['Inter', 'sans-serif'],
|
|
},
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
.glass-panel {
|
|
background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5));
|
|
backdrop-filter: blur(16px);
|
|
-webkit-backdrop-filter: blur(16px);
|
|
border: 1px solid rgba(255, 255, 255, 0.9);
|
|
box-shadow: 0 8px 32px -4px rgba(59, 130, 246, 0.1);
|
|
}
|
|
.glass-panel-light {
|
|
background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));
|
|
backdrop-filter: blur(20px);
|
|
-webkit-backdrop-filter: blur(20px);
|
|
border: 1px solid rgba(255, 255, 255, 1);
|
|
box-shadow: 0 4px 16px -2px rgba(59, 130, 246, 0.05);
|
|
}
|
|
|
|
#sj-product-page {
|
|
font-family: 'Inter', sans-serif;
|
|
color: #1e293b;
|
|
}
|
|
|
|
/* 覆盖 a button focus */
|
|
#sj-product-page a, #sj-product-page button, #sj-product-page [role="button"] {
|
|
-webkit-tap-highlight-color: transparent !important;
|
|
}
|
|
|
|
#sj-product-page a:focus, #sj-product-page button:focus, #sj-product-page a:active, #sj-product-page button:active {
|
|
outline: none !important;
|
|
}
|
|
|
|
/* 移除全局 a hover color override，改为让 tailwind 控制 */
|
|
|
|
/* 网格背景 */
|
|
.grid-bg {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image:
|
|
linear-gradient(rgba(59, 130, 246, 0.05) 1px, transparent 1px),
|
|
linear-gradient(90deg, rgba(59, 130, 246, 0.05) 1px, transparent 1px);
|
|
background-size: 40px 40px;
|
|
z-index: -1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* 产品卡片特效 - 浅色玻璃态 */
|
|
.model-card {
|
|
background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
|
|
backdrop-filter: blur(12px);
|
|
border: 1px solid rgba(255, 255, 255, 1);
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-shadow: 0 10px 30px -5px rgba(59, 130, 246, 0.05);
|
|
}
|
|
|
|
.model-card::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: -100%;
|
|
width: 100%;
|
|
height: 2px;
|
|
background: linear-gradient(90deg, transparent, #3b82f6, transparent);
|
|
transition: left 0.5s ease;
|
|
}
|
|
|
|
.model-card:hover::before {
|
|
left: 100%;
|
|
}
|
|
|
|
.model-card:hover {
|
|
transform: translateY(-5px);
|
|
border-color: rgba(59, 130, 246, 0.3);
|
|
box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15), 0 0 20px rgba(255, 255, 255, 0.8);
|
|
background: linear-gradient(145deg, rgba(255, 255, 255, 1), rgba(248, 250, 252, 0.9));
|
|
}
|
|
|
|
.model-card:hover .icon-wrapper {
|
|
transform: scale(1.1);
|
|
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
|
|
}
|
|
|
|
.icon-wrapper {
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/* 渐变文本 */
|
|
.gradient-text {
|
|
background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #8b5cf6 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
.category-header {
|
|
position: relative;
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
.category-header::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 10%;
|
|
height: 80%;
|
|
width: 4px;
|
|
background: #3b82f6;
|
|
border-radius: 4px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="antialiased bg-slate-50 text-slate-800 overflow-x-hidden w-full">
|
|
<!-- 固定在背景的全局毛玻璃淡蓝光晕 -->
|
|
<div class="fixed inset-0 z-0 pointer-events-none bg-slate-50">
|
|
<div class="absolute top-[-10%] left-[-10%] w-[50%] h-[50%] rounded-full bg-blue-200/50 blur-[100px]"></div>
|
|
<div class="absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] rounded-full bg-sky-200/40 blur-[100px]"></div>
|
|
<div class="absolute top-[40%] right-[10%] w-[30%] h-[30%] rounded-full bg-indigo-100/60 blur-[80px]"></div>
|
|
<div class="absolute bottom-[20%] left-[20%] w-[30%] h-[30%] rounded-full bg-blue-100/50 blur-[80px]"></div>
|
|
</div>
|
|
|
|
<div class="grid-bg"></div>
|
|
|
|
<div id="sj-product-page" class="relative z-10 w-full">
|
|
<!-- 顶部导航占位 -->
|
|
<header class="border-b border-white/80 glass-panel-light 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-slate-600 hover:text-primary transition-colors font-bold">
|
|
<i class="fa fa-arrow-left"></i>
|
|
<span>返回首页</span>
|
|
</a>
|
|
<div class="text-slate-700 font-extrabold flex items-center border border-white px-4 py-1 rounded-full bg-white/50 shadow-sm">
|
|
<i class="fa fa-cubes text-primary mr-2"></i>处理器 IP 货架集群
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- 页面标题区 -->
|
|
<section class="py-16 relative overflow-hidden">
|
|
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-3/4 h-64 bg-primary/10 blur-[120px] rounded-full pointer-events-none"></div>
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10">
|
|
<h1 class="text-4xl md:text-5xl font-extrabold text-slate-800 mb-6 drop-shadow-sm">
|
|
完整的 <span class="gradient-text drop-shadow-sm">处理器 IP</span> 货架集群
|
|
</h1>
|
|
<p class="text-lg text-slate-600 max-w-3xl mx-auto font-medium leading-relaxed">
|
|
点击具体型号，深入了解从超低功耗嵌入式到全场景数字算力的详细架构与技术规格。
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 主体货架展示区 -->
|
|
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-20 pb-24">
|
|
|
|
<!-- ================= CPU IP 板块 ================= -->
|
|
<section class="glass-panel p-8 md:p-10 rounded-3xl border-2 border-white shadow-lg relative overflow-hidden">
|
|
<div class="absolute -top-32 -right-32 w-64 h-64 bg-emerald-100 rounded-full blur-[80px] -z-10"></div>
|
|
<div class="flex flex-col md:flex-row md:items-center justify-between mb-10 pb-4 border-b-2 border-slate-100 gap-4">
|
|
<h2 class="text-3xl font-extrabold text-slate-800 category-header border-primary">CPU IP (RISC-V 架构)</h2>
|
|
<span class="px-5 py-2 rounded-xl bg-blue-50 text-blue-600 text-sm font-bold border border-blue-200 shadow-sm">Wing-M & Wing-A 系列</span>
|
|
</div>
|
|
|
|
<div class="grid lg:grid-cols-2 gap-12">
|
|
<!-- Wing-M 系列 (量产型/专用小核/中核) -->
|
|
<div class="bg-white/40 p-6 rounded-2xl border border-white">
|
|
<h3 class="text-xl font-extrabold text-emerald-600 mb-6 flex items-center bg-emerald-50 w-max px-4 py-2 rounded-xl border border-emerald-100 shadow-sm">
|
|
<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 border-2 border-transparent hover:border-emerald-300">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-extrabold text-slate-800">Wing-M050</h4>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-emerald-100 text-emerald-600 flex items-center justify-center border border-emerald-200">
|
|
<i class="fa fa-battery-empty text-lg"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-6 flex-grow font-medium leading-relaxed">量产型小核，完美替代 Cortex-M0/M0+，极小面积与超低功耗设计。</p>
|
|
<div class="text-emerald-600 text-sm font-bold flex items-center bg-emerald-50 px-3 py-1.5 rounded-lg w-max border border-emerald-100">查看详情 <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-2 border-transparent hover:border-green-300">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-extrabold text-slate-800">Wing-M050s</h4>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-green-100 text-green-600 flex items-center justify-center border border-green-200">
|
|
<i class="fa fa-shield text-lg"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-6 flex-grow font-medium leading-relaxed">专用加密安全小核，面向汽车电子及高安全特性需求。</p>
|
|
<div class="text-green-600 text-sm font-bold flex items-center bg-green-50 px-3 py-1.5 rounded-lg w-max border border-green-100">查看详情 <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 border-2 border-transparent hover:border-emerald-300">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-extrabold text-slate-800">Wing-M130</h4>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-emerald-100 text-emerald-600 flex items-center justify-center border border-emerald-200">
|
|
<i class="fa fa-tachometer text-lg"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-6 flex-grow font-medium leading-relaxed">通用中核，高性能嵌入式处理器，服务于通信、工控及存储等领域。</p>
|
|
<div class="text-emerald-600 text-sm font-bold flex items-center bg-emerald-50 px-3 py-1.5 rounded-lg w-max border border-emerald-100">查看详情 <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 border-2 border-transparent hover:border-teal-300">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-extrabold text-slate-800">Wing-M130A</h4>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-teal-100 text-teal-600 flex items-center justify-center border border-teal-200">
|
|
<i class="fa fa-music text-lg"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-6 flex-grow font-medium leading-relaxed">在 M130 基础上增强 DSP 计算能力，适配轻量音频与信号处理。</p>
|
|
<div class="text-teal-600 text-sm font-bold flex items-center bg-teal-50 px-3 py-1.5 rounded-lg w-max border border-teal-100">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Wing-A 系列 (通用大核) -->
|
|
<div class="bg-white/40 p-6 rounded-2xl border border-white">
|
|
<h3 class="text-xl font-extrabold text-blue-600 mb-6 flex items-center bg-blue-50 w-max px-4 py-2 rounded-xl border border-blue-100 shadow-sm">
|
|
<i class="fa fa-rocket mr-3"></i> Wing-A 系列 (通用大核/应用级)
|
|
</h3>
|
|
<div class="grid sm:grid-cols-2 gap-5 h-[calc(100%-4rem)]">
|
|
<a href="Wing-A500.html" class="model-card p-6 rounded-xl group border-2 border-transparent hover:border-blue-300 h-full">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-extrabold text-slate-800">Wing-A500</h4>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-blue-100 text-blue-600 flex items-center justify-center border border-blue-200">
|
|
<i class="fa fa-laptop text-lg"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-6 flex-grow font-medium leading-relaxed">支持 RVA23 规范的双发射9级流水线大核，覆盖 AP 与端侧 AI。</p>
|
|
<div class="text-blue-600 text-sm font-bold flex items-center mt-auto bg-blue-50 px-3 py-1.5 rounded-lg w-max border border-blue-100">查看详情 <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 border-2 border-transparent hover:border-indigo-300 h-full">
|
|
<div class="flex justify-between items-start mb-4">
|
|
<h4 class="text-lg font-extrabold text-slate-800">Wing-A700</h4>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-indigo-100 text-indigo-600 flex items-center justify-center border border-indigo-200">
|
|
<i class="fa fa-server text-lg"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-6 flex-grow font-medium leading-relaxed">更高性能的 64 位多核强劲算力引擎，专为高性能服务器及大算力平台设计。</p>
|
|
<div class="text-indigo-600 text-sm font-bold flex items-center mt-auto bg-indigo-50 px-3 py-1.5 rounded-lg w-max border border-indigo-100">查看详情 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ================= DSP IP 板块 ================= -->
|
|
<section class="glass-panel p-8 md:p-10 rounded-3xl border-2 border-white shadow-lg relative overflow-hidden">
|
|
<div class="absolute top-1/2 left-0 w-64 h-64 bg-cyan-100 rounded-full blur-[80px] -translate-y-1/2 -z-10"></div>
|
|
<div class="flex flex-col md:flex-row md:items-center justify-between mb-10 pb-4 border-b-2 border-slate-100 gap-4">
|
|
<h2 class="text-3xl font-extrabold text-slate-800 category-header !border-cyan-500">DSP IP (信号与矢量处理)</h2>
|
|
<span class="px-5 py-2 rounded-xl bg-cyan-50 text-cyan-600 text-sm font-bold border border-cyan-200 shadow-sm">Wing-D 系列</span>
|
|
</div>
|
|
|
|
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
<!-- DSP产品卡片 -->
|
|
<a href="#" class="model-card p-6 rounded-2xl group border-2 border-transparent hover:border-cyan-300">
|
|
<div class="flex justify-between items-start mb-6">
|
|
<h4 class="text-lg font-extrabold text-slate-800">Wing-D200</h4>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-cyan-100 text-cyan-600 flex items-center justify-center border border-cyan-200">
|
|
<i class="fa fa-wifi text-lg"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-6 flex-grow font-medium leading-relaxed">专用矢量处理器，聚焦 5G 通信核心场景与高频信号处理。</p>
|
|
<div class="text-cyan-600 text-sm font-bold flex items-center bg-cyan-50 px-3 py-1.5 rounded-lg w-max border border-cyan-100">探索设备 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
|
|
<a href="#" class="model-card p-6 rounded-2xl group border-2 border-transparent hover:border-cyan-400">
|
|
<div class="flex justify-between items-start mb-6">
|
|
<h4 class="text-lg font-extrabold text-slate-800">Wing-D400-VL</h4>
|
|
<div class="icon-wrapper w-10 h-10 rounded-xl bg-cyan-100 text-cyan-600 flex items-center justify-center border border-cyan-200">
|
|
<i class="fa fa-headphones text-lg"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-6 flex-grow font-medium leading-relaxed">强化版矢量处理器，同时完美适配轻量级 AI 运算与 HIFI 音频处理。</p>
|
|
<div class="text-cyan-600 text-sm font-bold flex items-center bg-cyan-50 px-3 py-1.5 rounded-lg w-max border border-cyan-100">探索设备 <i class="fa fa-angle-right ml-2 group-hover:translate-x-1 transition-transform"></i></div>
|
|
</a>
|
|
|
|
<!-- 场景介绍占位卡片 -->
|
|
<div class="lg:col-span-2 p-8 rounded-2xl bg-gradient-to-br from-cyan-50 to-white/60 border border-cyan-200 flex flex-col justify-center shadow-inner relative overflow-hidden">
|
|
<div class="absolute -right-10 -bottom-10 opacity-10 pointer-events-none">
|
|
<i class="fa fa-crosshairs text-[150px] text-cyan-500"></i>
|
|
</div>
|
|
<h4 class="text-xl font-extrabold text-cyan-800 mb-3 flex items-center"><i class="fa fa-crosshairs text-cyan-500 mr-2"></i> 精准高效的专用架构</h4>
|
|
<p class="text-slate-600 font-medium leading-relaxed relative z-10">
|
|
基于独特的指令集与数据路径融合设计，Wing-D 系列在 5G 基带运算、复杂音频降噪以及特定轻量级网络推理上，相比通用核心能大幅降低功耗并提高吞吐量，为通信与声学领域提供极致的算力支撑。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ================= NPU IP 板块 ================= -->
|
|
<section class="glass-panel p-8 md:p-10 rounded-3xl border-2 border-white shadow-lg relative overflow-hidden">
|
|
<div class="absolute bottom-0 right-0 w-80 h-80 bg-purple-100 rounded-full blur-[100px] -z-10"></div>
|
|
<div class="flex flex-col md:flex-row md:items-center justify-between mb-10 pb-4 border-b-2 border-slate-100 gap-4">
|
|
<h2 class="text-3xl font-extrabold text-slate-800 category-header !border-purple-500">NPU IP (神经网络处理器)</h2>
|
|
<span class="px-5 py-2 rounded-xl bg-purple-50 text-purple-600 text-sm font-bold border border-purple-200 shadow-sm">Wing-N / P / M 系列</span>
|
|
</div>
|
|
|
|
<div class="grid sm:grid-cols-3 gap-8">
|
|
<!-- 端侧 -->
|
|
<a href="#" class="model-card p-8 rounded-2xl group border-2 border-transparent hover:border-purple-300">
|
|
<div class="flex justify-between items-start mb-6">
|
|
<div>
|
|
<span class="text-xs font-black text-purple-500 uppercase tracking-wider mb-2 block bg-purple-50 w-max px-2 py-0.5 rounded border border-purple-100 shadow-sm">端侧 AI</span>
|
|
<h4 class="text-2xl font-extrabold text-slate-800 drop-shadow-sm">0 - 4T <span class="text-lg text-slate-500 font-bold ml-1">算力</span></h4>
|
|
</div>
|
|
<div class="icon-wrapper w-12 h-12 rounded-xl bg-purple-100 text-purple-600 flex items-center justify-center text-2xl border border-purple-200 shadow-sm">
|
|
<i class="fa fa-cogs"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-8 flex-grow font-medium leading-relaxed">
|
|
覆盖各类 IoT 设备、智能家居、可穿戴设备。极低待机功耗，支持实时唤醒与本地小模型推理。
|
|
</p>
|
|
<div class="pt-5 border-t-2 border-slate-100/50 text-purple-600 text-sm font-extrabold flex items-center">
|
|
Wing-M 系列 <span class="w-8 h-8 rounded-lg bg-purple-50 flex items-center justify-center shadow-sm border border-purple-100 ml-auto group-hover:bg-purple-100 transition-colors"><i class="fa fa-angle-right"></i></span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 边缘侧 -->
|
|
<a href="#" class="model-card p-8 rounded-2xl group border-2 border-transparent hover:border-pink-300">
|
|
<div class="flex justify-between items-start mb-6">
|
|
<div>
|
|
<span class="text-xs font-black text-pink-500 uppercase tracking-wider mb-2 block bg-pink-50 w-max px-2 py-0.5 rounded border border-pink-100 shadow-sm">边缘 AI</span>
|
|
<h4 class="text-2xl font-extrabold text-slate-800 drop-shadow-sm">4 - 64T <span class="text-lg text-slate-500 font-bold ml-1">算力</span></h4>
|
|
</div>
|
|
<div class="icon-wrapper w-12 h-12 rounded-xl bg-pink-100 text-pink-600 flex items-center justify-center text-2xl border border-pink-200 shadow-sm">
|
|
<i class="fa fa-car"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-8 flex-grow font-medium leading-relaxed">
|
|
适用于智能汽车、安防监控前端、服务器边缘端节点。提供极高能效比的大规模张量加速。
|
|
</p>
|
|
<div class="pt-5 border-t-2 border-slate-100/50 text-pink-600 text-sm font-extrabold flex items-center">
|
|
Wing-P 系列 <span class="w-8 h-8 rounded-lg bg-pink-50 flex items-center justify-center shadow-sm border border-pink-100 ml-auto group-hover:bg-pink-100 transition-colors"><i class="fa fa-angle-right"></i></span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 云端 -->
|
|
<a href="#" class="model-card p-8 rounded-2xl group border-2 border-transparent hover:border-rose-300">
|
|
<div class="flex justify-between items-start mb-6">
|
|
<div>
|
|
<span class="text-xs font-black text-rose-500 uppercase tracking-wider mb-2 block bg-rose-50 w-max px-2 py-0.5 rounded border border-rose-100 shadow-sm">云端 AI</span>
|
|
<h4 class="text-2xl font-extrabold text-slate-800 drop-shadow-sm">> 200T <span class="text-lg text-slate-500 font-bold ml-1">算力</span></h4>
|
|
</div>
|
|
<div class="icon-wrapper w-12 h-12 rounded-xl bg-rose-100 text-rose-600 flex items-center justify-center text-2xl border border-rose-200 shadow-sm">
|
|
<i class="fa fa-cloud"></i>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm text-slate-600 mb-8 flex-grow font-medium leading-relaxed">
|
|
针对大数据平台、服务器集群与大模型训练/推理定制，具备高度可扩展的多芯多卡级联能力。
|
|
</p>
|
|
<div class="pt-5 border-t-2 border-slate-100/50 text-rose-600 text-sm font-extrabold flex items-center">
|
|
Wing-N 系列 <span class="w-8 h-8 rounded-lg bg-rose-50 flex items-center justify-center shadow-sm border border-rose-100 ml-auto group-hover:bg-rose-100 transition-colors"><i class="fa fa-angle-right"></i></span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html> |