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
+57 -52
View File
@@ -208,21 +208,21 @@
/* ========== 旋转装饰环 ========== */
.orbit-ring {
position: absolute;
border: 1px solid rgba(22,93,255,0.1);
border: 1px solid rgba(22,93,255,0.3);
border-radius: 50%;
animation: rotate360 30s linear infinite;
}
.orbit-ring::after {
content: '';
position: absolute;
width: 6px;
height: 6px;
width: 8px;
height: 8px;
background: #165DFF;
border-radius: 50%;
top: -3px;
top: -4px;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 0 10px rgba(22,93,255,0.5);
box-shadow: 0 0 15px rgba(22,93,255,0.8);
}
/* ========== 核心技术卡片光效 ========== */
@@ -331,7 +331,7 @@
/* ========== 知识产权图片网格 ========== */
.ip-grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 16px;
padding: 20px 0;
}
@@ -611,23 +611,31 @@
<div class="reveal">
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
<div class="bg-gradient-to-br from-primary/5 to-transparent border border-primary/10 rounded-2xl p-6 text-center hover-card">
<div class="text-4xl font-extrabold text-primary mb-2 stat-number" data-target="30">0</div>
<div class="text-xs text-primary/60 font-medium mb-1">+</div>
<div class="text-gray-400 text-sm">核心技术专利</div>
<div class="flex items-end justify-center mb-2">
<div class="text-4xl font-extrabold text-primary stat-number" data-target="20">0</div>
<div class="text-2xl text-primary/80 font-bold ml-1 mb-1">+</div>
</div>
<div class="text-gray-400 text-sm">处理器IP型号</div>
</div>
<div class="bg-gradient-to-br from-accent/5 to-transparent border border-accent/10 rounded-2xl p-6 text-center hover-card">
<div class="text-4xl font-extrabold text-accent mb-2 stat-number" data-target="50">0</div>
<div class="text-xs text-accent/60 font-medium mb-1">+</div>
<div class="text-gray-400 text-sm">全球客户</div>
<div class="flex items-end justify-center mb-2">
<div class="text-4xl font-extrabold text-accent stat-number" data-target="30">0</div>
<div class="text-2xl text-accent/80 font-bold ml-1 mb-1">+</div>
</div>
<div class="text-gray-400 text-sm">知识产权</div>
</div>
<div class="bg-gradient-to-br from-green-500/5 to-transparent border border-green-500/10 rounded-2xl p-6 text-center hover-card">
<div class="text-4xl font-extrabold text-green-400 mb-2 stat-number" data-target="100">0</div>
<div class="text-xs text-green-400/60 font-medium mb-1">+</div>
<div class="flex items-end justify-center mb-2">
<div class="text-4xl font-extrabold text-green-400 stat-number" data-target="80">0</div>
<div class="text-2xl text-green-400/80 font-bold ml-1 mb-1">+</div>
</div>
<div class="text-gray-400 text-sm">专业技术人员</div>
</div>
<div class="bg-gradient-to-br from-purple-500/5 to-transparent border border-purple-500/10 rounded-2xl p-6 text-center hover-card">
<div class="text-4xl font-extrabold text-purple-400 mb-2 stat-number" data-target="8">0</div>
<div class="text-xs text-purple-400/60 font-medium mb-1">+</div>
<div class="flex items-end justify-center mb-2">
<div class="text-4xl font-extrabold text-purple-400 stat-number" data-target="8">0</div>
<div class="text-2xl text-purple-400/80 font-bold ml-1 mb-1">+</div>
</div>
<div class="text-gray-400 text-sm">行业解决方案</div>
</div>
</div>
@@ -796,47 +804,47 @@
</div>
<div class="ip-grid-container">
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/WingIDE创建项目平台1-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/WingIDE创建项目平台1-1.jpg" alt="软件著作权" draggable="false">
<p>WingIDE创建项目平台</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/Maotu软件前端平台1-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/Maotu软件前端平台1-1.jpg" alt="软件著作权" draggable="false">
<p>Maotu软件前端平台</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/MaotuArc-Studio后端系统1-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/MaotuArc-Studio后端系统1-1.jpg" alt="软件著作权" draggable="false">
<p>MaotuArc-Studio后端系统</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/CBT工具软件1-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/CBT工具软件1-1.jpg" alt="软件著作权" draggable="false">
<p>CBT工具软件</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/Wing-M130处理器IP核软件-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/Wing-M130处理器IP核软件-1.jpg" alt="软件著作权" draggable="false">
<p>Wing-M130处理器IP核软件</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/WingIDE插件快速配置系统V1_0软著证书-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/WingIDE插件快速配置系统V1_0软著证书-1.jpg" alt="软件著作权" draggable="false">
<p>WingIDE插件快速配置系统V1_0</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/STUDIO后端软件接口调试软件V1_0软著证书-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/STUDIO后端软件接口调试软件V1_0软著证书-1.jpg" alt="软件著作权" draggable="false">
<p>STUDIO后端软件接口调试软件</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/RISCV时序精准仿真模型平台-上海隼瞻科技有限公司-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/RISCV时序精准仿真模型平台-上海隼瞻科技有限公司-1.jpg" alt="软件著作权" draggable="false">
<p>RISCV时序精准仿真模型平台</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/RISC-V时序仿真优化平台V1_0软著证书-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/RISC-V时序仿真优化平台V1_0软著证书-1.jpg" alt="软件著作权" draggable="false">
<p>RISC-V时序仿真优化平台</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/RISCV仿真器指令转换与集成系统-隼瞻科技(深圳)有限公司-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/RISCV仿真器指令转换与集成系统-隼瞻科技(深圳)有限公司-1.jpg" alt="软件著作权" draggable="false">
<p>RISCV仿真器指令转换与集成系统</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/MaotuArc-Studio前端平台-隼瞻科技(珠海)有限公司-1.jpg" alt="软件著作权" draggable="false">
<img src="/wp-content/uploads/2026/01/MaotuArc-Studio前端平台-隼瞻科技(珠海)有限公司-1.jpg" alt="软件著作权" draggable="false">
<p>MaotuArc Studio前端平台</p>
</div>
</div>
@@ -851,26 +859,23 @@
</h3>
<span class="ml-4 text-gray-400 text-sm">5 项资质认证</span>
</div>
<div class="ip-grid-container" style="grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));">
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/南京隼瞻QMS-中文正式ISO9001-1.jpg" alt="资质认证" draggable="false" style="aspect-ratio:3/4;">
<p>南京隼瞻QMS(中)</p>
<div class="flex flex-wrap gap-4 items-start">
<div class="ip-grid-item w-[160px] md:w-[180px]">
<img src="/wp-content/uploads/2026/04/广州隼瞻2025年国高证书-1.jpg" alt="资质认证" draggable="false" style="aspect-ratio:4/3;">
<p>高新技术企业</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/南京隼瞻QMS-英文正式ISO9001-1.jpg" alt="资质认证" draggable="false" style="aspect-ratio:3/4;">
<p>南京隼瞻QMS(英)</p>
<div class="ip-grid-item w-[160px] md:w-[180px]">
<img src="/wp-content/uploads/2026/04/20260429-141227.png" alt="资质认证" draggable="false" style="aspect-ratio:4/3;">
<p>专精特新中小企业</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/SGS认证ISO-26262车规-1.jpg" alt="资质认证" draggable="false" style="aspect-ratio:3/4;">
<div class="ip-grid-item w-[120px] md:w-[135px]">
<img src="/wp-content/uploads/2026/01/SGS认证ISO-26262车规-1.jpg" alt="资质认证" draggable="false" style="aspect-ratio:3/4;">
<p>SGS ISO-26262车规</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/QMS-隼瞻科技(广州)有限公司中文-1.jpg" alt="资质认证" draggable="false" style="aspect-ratio:3/4;">
<p>QMS广州(中)</p>
</div>
<div class="ip-grid-item">
<img src="https://www.beiyuxing.tech/wp-content/uploads/2026/01/QMS-隼瞻科技(广州)有限公司英文-1.jpg" alt="资质认证" draggable="false" style="aspect-ratio:3/4;">
<p>QMS广州(英)</p>
<div class="ip-grid-item w-[120px] md:w-[135px]">
<img src="/wp-content/uploads/2026/01/QMS-隼瞻科技(广州)有限公司中文-1.jpg" alt="资质认证" draggable="false" style="aspect-ratio:3/4;">
<p>ISO 9001:2015</p>
</div>
</div>
</div>
@@ -1331,9 +1336,9 @@
</div>
<div class="grid grid-cols-1 sm:grid-cols-3 gap-6">
<div class="hover-card group rounded-2xl overflow-hidden border border-gray-700/50 bg-[#0f172a]">
<div class="h-40 bg-gradient-to-br from-blue-500/20 to-purple-500/20 flex items-center justify-center relative overflow-hidden">
<div class="absolute inset-0 hex-pattern opacity-20"></div>
<i class="fa fa-code text-5xl text-blue-400/40 group-hover:text-blue-400/70 transition-colors duration-300 group-hover:scale-110 transform transition-transform"></i>
<div class="h-40 relative overflow-hidden bg-[#0f172a]">
<img src="/wp-content/uploads/2026/04/20260429-171045.png" alt="技术分享会" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
<div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/75 via-[#0f172a]/20 to-transparent"></div>
</div>
<div class="p-5">
<h4 class="font-semibold text-white mb-2">技术分享会</h4>
@@ -1341,9 +1346,9 @@
</div>
</div>
<div class="hover-card group rounded-2xl overflow-hidden border border-gray-700/50 bg-[#0f172a]">
<div class="h-40 bg-gradient-to-br from-green-500/20 to-cyan-500/20 flex items-center justify-center relative overflow-hidden">
<div class="absolute inset-0 dot-pattern opacity-20"></div>
<i class="fa fa-futbol-o text-5xl text-green-400/40 group-hover:text-green-400/70 transition-colors duration-300 group-hover:scale-110 transform transition-transform"></i>
<div class="h-40 relative overflow-hidden bg-[#0f172a]">
<img src="/wp-content/uploads/2026/04/20260429-171055.png" alt="运动赛事" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
<div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/75 via-[#0f172a]/20 to-transparent"></div>
</div>
<div class="p-5">
<h4 class="font-semibold text-white mb-2">运动赛事</h4>
@@ -1351,9 +1356,9 @@
</div>
</div>
<div class="hover-card group rounded-2xl overflow-hidden border border-gray-700/50 bg-[#0f172a]">
<div class="h-40 bg-gradient-to-br from-orange-500/20 to-red-500/20 flex items-center justify-center relative overflow-hidden">
<div class="absolute inset-0 circuit-pattern opacity-20"></div>
<i class="fa fa-tree text-5xl text-orange-400/40 group-hover:text-orange-400/70 transition-colors duration-300 group-hover:scale-110 transform transition-transform"></i>
<div class="h-40 relative overflow-hidden bg-[#0f172a]">
<img src="/wp-content/uploads/2026/04/20260429-171059.png" alt="团建活动" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
<div class="absolute inset-0 bg-gradient-to-t from-[#0f172a]/75 via-[#0f172a]/20 to-transparent"></div>
</div>
<div class="p-5">
<h4 class="font-semibold text-white mb-2">团建活动</h4>