first
This commit is contained in:
qwq
+320
-357
@@ -6,57 +6,85 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>产品详情 - 隼瞻科技</title>
|
||||
|
||||
<!-- Tailwind (kept, may be used for layout utilities) -->
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
|
||||
<!-- Font Awesome & Font -->
|
||||
<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&display=swap" rel="stylesheet">
|
||||
|
||||
<script>
|
||||
tailwind.config = {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: { primary: '#3b82f6', secondary: '#2563eb', accent: '#60a5fa' },
|
||||
fontFamily: { inter: ['Inter', 'sans-serif'] }
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<!-- Main styles -->
|
||||
<style type="text/tailwindcss">
|
||||
@layer utilities {
|
||||
.glass-panel {
|
||||
background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));
|
||||
backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
|
||||
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);
|
||||
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);
|
||||
}
|
||||
.text-gradient {
|
||||
.gradient-text {
|
||||
background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #8b5cf6 100%);
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
.text-shadow {
|
||||
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.product-feature-card {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.product-feature-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
.section-active {
|
||||
color: #2563eb !important;
|
||||
border-bottom: 2px solid #2563eb !important;
|
||||
}
|
||||
.animate-fade-in {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
|
||||
}
|
||||
.animate-fade-in.visible {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
.hover-float {
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
.hover-float:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
}
|
||||
|
||||
#sj-product-page { font-family: 'Inter', sans-serif; color: #1e293b; background-color: transparent !important; }
|
||||
#sj-product-page a { color: #3b82f6; transition: color 0.3s ease; }
|
||||
#sj-product-page a:hover { color: #2563eb; }
|
||||
.section-active { color: #2563eb !important; border-bottom: 2px solid #2563eb !important; }
|
||||
.hover-float { transition: transform 0.3s ease, box-shadow 0.3s ease; }
|
||||
.hover-float:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.1); }
|
||||
.animate-fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
|
||||
.animate-fade-in.visible { opacity: 1; transform: translateY(0); }
|
||||
|
||||
.bg-grid {
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b82f6' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: '#3b82f6',
|
||||
secondary: '#2563eb',
|
||||
accent: '#60a5fa',
|
||||
},
|
||||
fontFamily: {
|
||||
inter: ['Inter', 'sans-serif'],
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="bg-slate-50 text-slate-800 font-inter antialiased overflow-x-hidden w-full">
|
||||
|
||||
<body class="bg-slate-50 text-slate-800 font-inter antialiased">
|
||||
<!-- 固定在背景的全局毛玻璃淡蓝光晕 -->
|
||||
<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>
|
||||
@@ -66,338 +94,64 @@
|
||||
</div>
|
||||
|
||||
<!-- Wrapper with an ID so we can scope styles and avoid WP theme interference -->
|
||||
<div id="sj-product-page" class="relative z-10 w-full min-h-screen">
|
||||
<div id="sj-product-page" class="min-h-screen relative z-10">
|
||||
|
||||
<!-- 产品页面头部 -->
|
||||
<section class="pt-24 md:pt-32 pb-16 md:pb-24 bg-gradient-to-br gradient-animate"
|
||||
style="background: linear-gradient(135deg, rgba(248,250,252,0.95), rgba(239,246,255,1)); overflow:hidden;">
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<section class="pt-24 md:pt-32 pb-16 md:pb-24 relative overflow-hidden">
|
||||
<div class="absolute top-0 left-1/2 -translate-x-1/2 w-[80%] h-64 bg-primary/10 blur-[120px] rounded-full pointer-events-none"></div>
|
||||
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8 relative z-10">
|
||||
<div class="max-w-4xl mx-auto text-center">
|
||||
<h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold text-slate-800 leading-tight text-shadow mb-6">
|
||||
通用处理器IP
|
||||
<h1 class="text-[clamp(2rem,5vw,3.5rem)] font-extrabold text-slate-800 leading-tight drop-shadow-sm mb-6">
|
||||
核心产品系列
|
||||
</h1>
|
||||
<div class="bg-primary-20 inline-block px-6 pt-4 rounded-full mb-6 animate-fade-in">
|
||||
<h2 class="text-xl font-semibold text-primary">Wing-A Series</h2>
|
||||
<div class="glass-panel-light inline-flex items-center space-x-2 px-6 py-2 rounded-full border border-blue-200 mb-6 shadow-sm animate-fade-in">
|
||||
<h2 class="text-xl font-bold text-blue-700">Wing-A Series</h2>
|
||||
</div>
|
||||
<h3 class="text-2xl md:text-3xl font-bold text-slate-800 mb-8">面向高能效应用的多核RISC-V应用处理器：</br>Wing-A500</h3>
|
||||
<p class="text-lg md:text-xl text-slate-600 mb-8 max-w-2xl mx-auto" style="line-height:1.6;">
|
||||
Wing-A500 是一款基于开源 RISC-V 架构打造的 64 位、双发射、9
|
||||
级流水处理器，其在架构设计、性能表现以及功能特性上的卓越表现，使其成为高能效应用处理器领域的佼佼者。同时，Wing-A500兼容 RVA23 规范，确保了与现有 RISC-V
|
||||
生态系统的良好兼容性，便于开发者快速集成和开发应用。产品适用于人工智能、具身智能、自动驾驶、5G/6G网络通讯、安全等领域。
|
||||
<h3 class="text-2xl md:text-3xl font-extrabold text-slate-800 mb-8 gradient-text inline-block">面向高能效应用的多核RISC-V应用处理器：<br/>Wing-A500</h3>
|
||||
|
||||
<p class="text-lg md:text-xl text-slate-600 font-medium mb-8 max-w-2xl mx-auto leading-relaxed">
|
||||
Wing-A500 是一款基于开源 RISC-V 架构打造的 64 位、双发射、9 级流水处理器，其在架构设计、性能表现以及功能特性上的卓越表现，使其成为高能效应用处理器领域的佼佼者。同时，Wing-A500兼容 RVA23 规范，确保了与现有 RISC-V 生态系统的良好兼容性，便于开发者快速集成和开发应用。产品适用于人工智能、具身智能、自动驾驶、5G/6G网络通讯、安全等领域。
|
||||
</p>
|
||||
<div class="w-24 h-1 bg-primary mx-auto" style="background-color:var(--primary); height:4px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 1. 架构 -->
|
||||
<section id="architecture" class="section-content py-16 bg-transparent text-slate-800" style="background-color:transparent;">
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">架构</h2>
|
||||
<div class="w-24 h-1 bg-primary mx-auto mb-12" style="background-color:var(--primary); height:4px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 架构大图 -->
|
||||
<div class="max-w-4xl mx-auto glass-panel text-slate-800 rounded-xl shadow-lg overflow-hidden animate-fade-in mb-12">
|
||||
<div class="p-6"
|
||||
style="background: linear-gradient(90deg, rgba(59,130,246,0.1) 0%, rgba(255,255,255,0.9) 100%); border-bottom: 1px solid rgba(59,130,246,0.1);">
|
||||
<h3 class="text-2xl font-bold text-slate-800 text-center">Wing-A500 处理器IP架构</h3>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<img src="https://www.beiyuxing.live/wp-content/uploads/2026/04/20260407-1705381.png"
|
||||
alt="Wing-A500 Processor IP架构图" class="w-full h-auto rounded-lg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. 产品参数 -->
|
||||
<section id="specifications" class="section-content py-16 bg-transparent text-slate-800" style="background-color:transparent;">
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">产品参数</h2>
|
||||
<p class="text-slate-600 mb-6 text-center">
|
||||
Wing-A500 Processor IP的详细技术参数，为您提供全面的产品信息
|
||||
</p>
|
||||
<div class="w-24 h-1 bg-primary mx-auto mb-12" style="background-color:var(--primary); height:4px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 rounded-xl shadow-md p-8 animate-fade-in">
|
||||
<h3 class="text-2xl font-bold mb-6 text-slate-800">性能基准测试</h3>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="space-y-4">
|
||||
<div class="flex justify-between pb-3 border-b border-gray-100">
|
||||
<span class="text-slate-500 text-2xl">SPECint2006</span>
|
||||
<span class="font-medium text-2xl" style="color: #4cd6b4;">5/GHz</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 rounded-xl shadow-md p-8 animate-fade-in">
|
||||
<h3 class="text-xl font-bold mb-6 text-slate-800">功能参数</h3>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="space-y-4">
|
||||
<div class="flex justify-between pb-3 border-b border-gray-100">
|
||||
<span class="text-slate-500">ISA</span>
|
||||
<span class="font-medium text-slate-800">RV64GCBVK</span>
|
||||
</div>
|
||||
<div class="flex justify-between pb-3 border-b border-gray-100">
|
||||
<span class="text-slate-500">Micro Arch</span>
|
||||
<span class="font-medium text-slate-800">9-stage, In-order, two-issue</span>
|
||||
</div>
|
||||
<div class="flex justify-between">
|
||||
<span class="text-slate-500">Privilege Mode</span>
|
||||
<span class="font-medium text-slate-800 text-right">Machine Mode, User Mode, Supervisor Mode
|
||||
and
|
||||
Hypervisor Extension</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="space-y-4">
|
||||
<div class="flex justify-between pb-3 border-b border-gray-100">
|
||||
<span class="text-slate-500">Ext. Interrupts</span>
|
||||
<span class="font-medium text-slate-800">Support AIA 1.0</span>
|
||||
</div>
|
||||
<div class="flex justify-between pb-3 border-b border-gray-100">
|
||||
<span class="text-slate-500">Debug</span>
|
||||
<span class="font-medium text-slate-800">JTAG/APB </span>
|
||||
</div>
|
||||
<div class="flex justify-between">
|
||||
<span class="text-slate-500">External Bus</span>
|
||||
<span class="font-medium text-slate-800">2x AXI/CHI</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 pt-3 border-t border-gray-100 flex justify-between">
|
||||
<span class="text-slate-500">Memory System</span>
|
||||
<span class="font-medium text-slate-800 text-right">I/D Cache(up to 64KB) L2 Cache (up to 2MB) MMU
|
||||
and optional PMP</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. 关键特性 -->
|
||||
<section id="key-features" class="section-content py-16 bg-transparent text-slate-800" style="background-color:transparent;">
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">关键特性</h2>
|
||||
<div class="w-24 h-1 bg-primary mx-auto mb-12" style="background-color:var(--primary); height:4px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-5xl mx-auto">
|
||||
<div
|
||||
class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in flex flex-col items-center text-center">
|
||||
<div class="w-16 h-16 bg-primary-10 rounded-full flex items-center justify-center mb-4">
|
||||
<i class="fa fa-file-code-o text-primary text-2xl"></i>
|
||||
</div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">兼容RVA23 Profile规范</h4>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in flex flex-col items-center text-center"
|
||||
style="transition-delay: 0.1s">
|
||||
<div class="w-16 h-16 bg-primary-10 rounded-full flex items-center justify-center mb-4">
|
||||
<i class="fa fa-server text-primary text-2xl"></i>
|
||||
</div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">支持Linux和Hypervisor扩展</h4>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in flex flex-col items-center text-center"
|
||||
style="transition-delay: 0.2s">
|
||||
<div class="w-16 h-16 bg-primary-10 rounded-full flex items-center justify-center mb-4">
|
||||
<i class="fa fa-sitemap text-primary text-2xl"></i>
|
||||
</div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">支持异构多核平台</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 3. 产品特点 -->
|
||||
<section id="features" class="section-content py-16 bg-transparent text-slate-800" style="background-color:transparent;">
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">产品特点</h2>
|
||||
<div class="w-24 h-1 bg-primary mx-auto mb-12" style="background-color:var(--primary); height:4px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="space-y-6 max-w-4xl mx-auto">
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in">
|
||||
<div class="flex items-center">
|
||||
<div class="bg-primary-10 p-2 rounded-lg shrink-0">
|
||||
<i class="fa fa-check text-primary"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold text-slate-800">64位顺序双发射架构的高能效RISC-V处理器</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.1s">
|
||||
<div class="flex items-center">
|
||||
<div class="bg-primary-10 p-2 rounded-lg shrink-0">
|
||||
<i class="fa fa-check text-primary"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold text-slate-800">支持丰富的调试机制，满足多样化的程序调试与分析需求</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.2s">
|
||||
<div class="flex items-center">
|
||||
<div class="bg-primary-10 p-2 rounded-lg shrink-0">
|
||||
<i class="fa fa-check text-primary"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold text-slate-800">支持运行Linux
|
||||
OS，满足虚拟化要求，支持Sv39以及Sv48两种地址翻译模式</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.3s">
|
||||
<div class="flex items-center">
|
||||
<div class="bg-primary-10 p-2 rounded-lg shrink-0">
|
||||
<i class="fa fa-check text-primary"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold text-slate-800">支持符合AIA标准要求的中断控制器，支持配置线中断（Wired
|
||||
Interrupts）以及消息中断（MSIs)</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.4s">
|
||||
<div class="flex items-center">
|
||||
<div class="bg-primary-10 p-2 rounded-lg shrink-0">
|
||||
<i class="fa fa-check text-primary"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold text-slate-800">支持可信执行环境（TEE），支持灵活地管理飞地（enclave）</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.5s">
|
||||
<div class="flex items-center">
|
||||
<div class="bg-primary-10 p-2 rounded-lg shrink-0">
|
||||
<i class="fa fa-check text-primary"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold text-slate-800">支持硬件多核一致性，支持多核异构平台，支持共享L3 Cache以及私有L2
|
||||
Cache</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.6s">
|
||||
<div class="flex items-center">
|
||||
<div class="bg-primary-10 p-2 rounded-lg shrink-0">
|
||||
<i class="fa fa-check text-primary"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold text-slate-800">支持符合RISC-V Vector
|
||||
1.0标准的矢量计算单元，可根据应用需求灵活配置矢量宽度</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.7s">
|
||||
<div class="flex items-center">
|
||||
<div class="bg-primary-10 p-2 rounded-lg shrink-0">
|
||||
<i class="fa fa-check text-primary"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold text-slate-800">基于ArchitStudio敏捷开发平台的客制化指令集扩展功能</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4. 技术优势 -->
|
||||
<section id="advantages" class="section-content py-16 bg-transparent text-slate-800" style="background-color:transparent;">
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">技术优势</h2>
|
||||
<div class="w-24 h-1 bg-primary mx-auto mb-12" style="background-color:var(--primary); height:4px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto">
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in">
|
||||
<div class="flex items-start mb-4">
|
||||
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-bolt text-primary text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">高能效</h4>
|
||||
<p class="text-slate-600">
|
||||
采用深度优化的顺序执行微架构与能效感知设计，在同等工艺下实现卓越的能效比，适用于从边缘计算到智能终端的广泛场景。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.1s">
|
||||
<div class="flex items-start mb-4">
|
||||
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-cogs text-primary text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">高可配置性</h4>
|
||||
<p class="text-slate-600">
|
||||
支持模块化扩展与本土化定制，结合RISC-V开放生态，为国产化系统提供安全可控、可持续演进的核心算力支撑。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 1. 应用场景 -->
|
||||
<section id="applications" class="section-content py-16 bg-transparent text-slate-800" style="background-color:transparent;">
|
||||
<section id="applications" class="section-content py-16 relative z-10" >
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">应用场景</h2>
|
||||
<p class="text-slate-600 mb-6 text-center">
|
||||
<p class="text-slate-600 font-medium mb-6 text-center">
|
||||
Wing-A500处理器IP凭借其高性能、低功耗特性，广泛应用于以下领域
|
||||
</p>
|
||||
<div class="w-24 h-1 bg-primary mx-auto mb-12" style="background-color:var(--primary); height:4px;">
|
||||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 应用场景标签 -->
|
||||
<div class="flex flex-wrap justify-center gap-4 max-w-3xl mx-auto mb-16">
|
||||
<span
|
||||
class="bg-primary-20 text-primary px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2">
|
||||
class="bg-blue-50 border border-blue-100 text-blue-600 px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2">
|
||||
<i class="fa fa-cogs"></i> 人工智能
|
||||
</span>
|
||||
<span
|
||||
class="bg-primary-20 text-primary px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
|
||||
class="bg-blue-50 border border-blue-100 text-blue-600 px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
|
||||
style="transition-delay: 0.1s">
|
||||
<i class="fa fa-android"></i> 具身智能
|
||||
</span>
|
||||
<span
|
||||
class="bg-primary-20 text-primary px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
|
||||
class="bg-blue-50 border border-blue-100 text-blue-600 px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
|
||||
style="transition-delay: 0.2s">
|
||||
<i class="fa fa-car"></i> 自动驾驶
|
||||
</span>
|
||||
<span
|
||||
class="bg-primary-20 text-primary px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
|
||||
class="bg-blue-50 border border-blue-100 text-blue-600 px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
|
||||
style="transition-delay: 0.3s">
|
||||
<i class="fa fa-wifi"></i> 5G/6G网络通讯
|
||||
</span>
|
||||
<span
|
||||
class="bg-primary-20 text-primary px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
|
||||
class="bg-blue-50 border border-blue-100 text-blue-600 px-6 py-3 rounded-full text-lg font-medium animate-fade-in flex items-center gap-2"
|
||||
style="transition-delay: 0.4s">
|
||||
<i class="fa fa-shield"></i> 安全
|
||||
</span>
|
||||
@@ -405,70 +159,70 @@
|
||||
|
||||
<!-- 详细应用场景描述 -->
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto">
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in">
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in">
|
||||
<div class="flex items-start mb-4">
|
||||
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-cogs text-primary text-xl"></i>
|
||||
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-cogs text-blue-600 text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">人工智能</h4>
|
||||
<p class="text-slate-600">
|
||||
<p class="text-slate-600 font-medium">
|
||||
提供强大的计算能力支持复杂的AI模型训练和推理，加速深度学习算法在边缘设备上的部署，满足AI应用对高性能和低延迟的需求。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.1s">
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.1s">
|
||||
<div class="flex items-start mb-4">
|
||||
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-android text-primary text-xl"></i>
|
||||
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-android text-blue-600 text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">具身智能</h4>
|
||||
<p class="text-slate-600">
|
||||
<p class="text-slate-600 font-medium">
|
||||
为机器人和智能设备提供高效的感知-决策-执行能力，支持多模态数据处理和实时控制，赋能智能体在复杂环境中的自主行为。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.2s">
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.2s">
|
||||
<div class="flex items-start mb-4">
|
||||
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-car text-primary text-xl"></i>
|
||||
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-car text-blue-600 text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">自动驾驶</h4>
|
||||
<p class="text-slate-600">
|
||||
<p class="text-slate-600 font-medium">
|
||||
支持复杂的环境感知和决策算法，提供实时处理能力和高可靠性，满足自动驾驶系统对计算性能和安全冗余的严格要求。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.3s">
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.3s">
|
||||
<div class="flex items-start mb-4">
|
||||
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-wifi text-primary text-xl"></i>
|
||||
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-wifi text-blue-600 text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">5G/6G网络通讯</h4>
|
||||
<p class="text-slate-600">
|
||||
<p class="text-slate-600 font-medium">
|
||||
支持高速网络协议处理和数据传输，满足新一代通信技术对低延迟、高带宽和可靠连接的要求，为网络设备提供强大的计算支持。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.4s">
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.4s">
|
||||
<div class="flex items-start mb-4">
|
||||
<div class="w-12 h-12 bg-primary-10 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-shield text-primary text-xl"></i>
|
||||
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-shield text-blue-600 text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">安全</h4>
|
||||
<p class="text-slate-600">
|
||||
<p class="text-slate-600 font-medium">
|
||||
提供可信执行环境和安全加密功能，保障敏感数据和关键应用的安全运行，满足对数据保护和系统安全的严格要求。
|
||||
</p>
|
||||
</div>
|
||||
@@ -478,24 +232,233 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. 关键特性 -->
|
||||
<section id="key-features" class="section-content py-16 relative z-10" >
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">关键特性</h2>
|
||||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-5xl mx-auto">
|
||||
<div
|
||||
class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in flex flex-col items-center text-center">
|
||||
<div class="w-16 h-16 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center mb-4">
|
||||
<i class="fa fa-file-code-o text-blue-600 text-2xl"></i>
|
||||
</div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">兼容RVA23 Profile规范</h4>
|
||||
</div>
|
||||
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in flex flex-col items-center text-center"
|
||||
style="transition-delay: 0.1s">
|
||||
<div class="w-16 h-16 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center mb-4">
|
||||
<i class="fa fa-server text-blue-600 text-2xl"></i>
|
||||
</div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">支持Linux和Hypervisor扩展</h4>
|
||||
</div>
|
||||
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in flex flex-col items-center text-center"
|
||||
style="transition-delay: 0.2s">
|
||||
<div class="w-16 h-16 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center mb-4">
|
||||
<i class="fa fa-sitemap text-blue-600 text-2xl"></i>
|
||||
</div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">支持异构多核平台</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 3. 产品规格 -->
|
||||
<section id="features" class="section-content py-16 relative z-10" >
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">产品规格</h2>
|
||||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="space-y-6 max-w-4xl mx-auto">
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in">
|
||||
<div class="flex items-start">
|
||||
<div class="mt-1 bg-blue-100 border border-blue-200 p-2 rounded-lg">
|
||||
<i class="fa fa-check text-blue-600"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800 mt-3">64位顺序双发射架构的高能效RISC-V处理器</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.1s">
|
||||
<div class="flex items-start">
|
||||
<div class="mt-1 bg-blue-100 border border-blue-200 p-2 rounded-lg">
|
||||
<i class="fa fa-check text-blue-600"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800 mt-3">支持丰富的调试机制，满足多样化的程序调试与分析需求</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.2s">
|
||||
<div class="flex items-start">
|
||||
<div class="mt-1 bg-blue-100 border border-blue-200 p-2 rounded-lg">
|
||||
<i class="fa fa-check text-blue-600"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800 mt-3">支持运行Linux
|
||||
OS，满足虚拟化要求，支持Sv39以及Sv48两种地址翻译模式</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.3s">
|
||||
<div class="flex items-start">
|
||||
<div class="mt-1 bg-blue-100 border border-blue-200 p-2 rounded-lg">
|
||||
<i class="fa fa-check text-blue-600"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800 mt-3">基于ArchitStudio敏捷开发平台的客制化指令集扩展功能</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.4s">
|
||||
<div class="flex items-start">
|
||||
<div class="mt-1 bg-blue-100 border border-blue-200 p-2 rounded-lg">
|
||||
<i class="fa fa-check text-blue-600"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800 mt-3">支持可信执行环境（TEE），支持灵活地管理飞地（enclave）</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.5s">
|
||||
<div class="flex items-start">
|
||||
<div class="mt-1 bg-blue-100 border border-blue-200 p-2 rounded-lg">
|
||||
<i class="fa fa-check text-blue-600"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800 mt-3">支持硬件多核一致性，支持多核异构平台，支持共享L3 Cache以及私有L2
|
||||
Cache</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.6s">
|
||||
<div class="flex items-start">
|
||||
<div class="mt-1 bg-blue-100 border border-blue-200 p-2 rounded-lg">
|
||||
<i class="fa fa-check text-blue-600"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800 mt-3">支持符合RISC-V Vector
|
||||
1.0标准的矢量计算单元，可根据应用需求灵活配置矢量宽度</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.7s">
|
||||
<div class="flex items-start">
|
||||
<div class="mt-1 bg-blue-100 border border-blue-200 p-2 rounded-lg">
|
||||
<i class="fa fa-check text-blue-600"></i>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800 mt-3">支持符合AIA标准要求的中断控制器，支持配置线中断（Wired
|
||||
Interrupts）以及消息中断（MSIs)</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4. 技术优势 -->
|
||||
<section id="advantages" class="section-content py-16 relative z-10" >
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">技术优势</h2>
|
||||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto">
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in">
|
||||
<div class="flex items-start mb-4">
|
||||
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-bolt text-blue-600 text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">高能效</h4>
|
||||
<p class="text-slate-600 font-medium">
|
||||
采用深度优化的顺序执行微架构与能效感知设计，在同等工艺下实现卓越的能效比，适用于从边缘计算到智能终端的广泛场景。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="relative z-10er p-6 rounded-xl shadow-md animate-fade-in" style="transition-delay: 0.1s">
|
||||
<div class="flex items-start mb-4">
|
||||
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-full flex items-center justify-center mr-4">
|
||||
<i class="fa fa-cogs text-blue-600 text-xl"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="text-xl font-bold mb-2 text-slate-800">高可配置性</h4>
|
||||
<p class="text-slate-600 font-medium">
|
||||
支持模块化扩展与本土化定制，结合RISC-V开放生态，为国产化系统提供安全可控、可持续演进的核心算力支撑。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4. 架构 -->
|
||||
<section id="architecture" class="section-content py-16 relative z-10" >
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">架构</h2>
|
||||
<p class="text-slate-600 font-medium mb-6 text-center">
|
||||
Wing-A500 Processor IP的详细技术参数，为您提供全面的产品信息
|
||||
</p>
|
||||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 架构大图 -->
|
||||
<div class="max-w-4xl mx-auto relative z-10er rounded-xl shadow-lg overflow-hidden animate-fade-in mb-12">
|
||||
<div class="p-6"
|
||||
>
|
||||
<h3 class="text-2xl font-bold text-slate-800 text-center">Wing-A500 处理器IP架构</h3>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<img src="http://10.2.3.14/wp-content/uploads/2026/04/20260407-1705381.png"
|
||||
alt="Wing-A500 Processor IP架构图" class="w-full h-auto rounded-lg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 5. 交付包 -->
|
||||
<section id="documentation" class="section-content py-16 bg-transparent text-slate-800" style="background-color:transparent;">
|
||||
<section id="documentation" class="section-content py-16 relative z-10" >
|
||||
<div class="container mx-auto px-4 md:px-6 lg:px-8">
|
||||
<div class="max-w-4xl mx-auto mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6 text-slate-800 text-center">交付包</h2>
|
||||
<p class="text-slate-600 mb-6 text-center">
|
||||
<p class="text-slate-600 font-medium mb-6 text-center">
|
||||
隼瞻科技提供全面的技术文档，帮助客户快速了解和使用我们的产品
|
||||
</p>
|
||||
<div class="w-24 h-1 bg-primary mx-auto mb-12" style="background-color:var(--primary); height:4px;">
|
||||
<div class="w-24 h-1.5 bg-gradient-to-r from-blue-500 to-sky-400 mx-auto mb-12 rounded-full">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
|
||||
<div
|
||||
class="glass-panel text-slate-800 rounded-xl border border-slate-200 shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden hover-float animate-fade-in">
|
||||
class="relative z-10er rounded-xl border border-white shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden hover-float animate-fade-in">
|
||||
<div class="p-6">
|
||||
<div class="w-12 h-12 bg-primary-10 rounded-lg flex items-center justify-center mb-4">
|
||||
<i class="fa fa-microchip text-primary text-xl"></i>
|
||||
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-lg flex items-center justify-center mb-4">
|
||||
<i class="fa fa-microchip text-blue-600 text-xl"></i>
|
||||
</div>
|
||||
<h4 class="text-xl font-bold mb-3 text-slate-800">HDK</h4>
|
||||
<ul class="space-y-3 mb-6">
|
||||
@@ -523,11 +486,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 rounded-xl border border-slate-200 shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden hover-float animate-fade-in"
|
||||
<div class="relative z-10er rounded-xl border border-white shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden hover-float animate-fade-in"
|
||||
style="transition-delay: 0.2s">
|
||||
<div class="p-6">
|
||||
<div class="w-12 h-12 bg-primary-10 rounded-lg flex items-center justify-center mb-4">
|
||||
<i class="fa fa-sitemap text-primary text-xl"></i>
|
||||
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-lg flex items-center justify-center mb-4">
|
||||
<i class="fa fa-sitemap text-blue-600 text-xl"></i>
|
||||
</div>
|
||||
<h4 class="text-xl font-bold mb-3 text-slate-800">SDK</h4>
|
||||
<ul class="space-y-3 mb-6">
|
||||
@@ -555,11 +518,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glass-panel text-slate-800 rounded-xl border border-slate-200 shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden hover-float animate-fade-in"
|
||||
<div class="relative z-10er rounded-xl border border-white shadow-md hover:shadow-xl transition-all duration-300 overflow-hidden hover-float animate-fade-in"
|
||||
style="transition-delay: 0.4s">
|
||||
<div class="p-6">
|
||||
<div class="w-12 h-12 bg-primary-10 rounded-lg flex items-center justify-center mb-4">
|
||||
<i class="fa fa-code text-primary text-xl"></i>
|
||||
<div class="w-12 h-12 bg-blue-100 border border-blue-200 rounded-lg flex items-center justify-center mb-4">
|
||||
<i class="fa fa-code text-blue-600 text-xl"></i>
|
||||
</div>
|
||||
<h4 class="text-xl font-bold mb-3 text-slate-800">文档</h4>
|
||||
<ul class="space-y-3 mb-6">
|
||||
@@ -589,7 +552,7 @@
|
||||
<button id="consult-button"
|
||||
class="bg-primary hover:bg-primary/90 text-slate-800 py-5 px-8 rounded-full shadow-xl transform transition-all duration-300 hover:scale-110 flex items-center gap-3 text-lg">
|
||||
<i class="fa fa-comments-o text-2xl"></i>
|
||||
<span class="font-bold">立刻咨询</span>
|
||||
<span >立刻咨询</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user