From e084973c525d5baf611a204779541976e3b06e74 Mon Sep 17 00:00:00 2001
From: ZHENG XIAOYI <yxpqazkzxy@126.com>
Date: Mon, 9 Feb 2026 15:37:56 +0800
Subject: [PATCH] style: fine-tune Honors.astro

---
 src/components/sections/Honors.astro | 172 ++-------------------------
 1 file changed, 12 insertions(+), 160 deletions(-)

diff --git a/src/components/sections/Honors.astro b/src/components/sections/Honors.astro
index 73eaaad..0e106a3 100644
--- a/src/components/sections/Honors.astro
+++ b/src/components/sections/Honors.astro
@@ -4,10 +4,18 @@
 			<div class="max-w-7xl mx-auto px-4 lg:px-0">
 
 				<div>
-				    <div class="text-center mb-12">
-						<h3 class="text-3xl md:text-4xl font-black text-gray-900 tracking-tight">合作携手，共创价值</h3>
-						<div class="w-20 h-1.5 bg-blue-600 mx-auto mt-4 rounded-full"></div>
-					</div>
+                    <div class="mb-16 relative">
+                        <div class="absolute top-0 left-1/2 -translate-x-1/2 w-64 h-64 bg-blue-200/30 blur-3xl rounded-full -z-10"></div>
+                        <div class="text-center">
+                            <h3 class="text-3xl md:text-5xl font-black text-gray-900 tracking-tight">
+                                <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">匠心筑就 · 信赖桥梁</span>
+                            </h3>
+                            <div class="w-20 h-1.5 bg-blue-600 mx-auto mt-6 rounded-full"></div>
+                            <p class="text-gray-500 mt-6 max-w-2xl mx-auto text-lg leading-relaxed">
+                                合作携手，共创价值
+                            </p>
+                        </div>
+                    </div>
 					<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6 items-center">
 						<div class="p-4 bg-white rounded-lg shadow-md flex flex-col justify-center items-center h-32 transition-all-500 hover:shadow-xl hover:-translate-y-1 space-y-3 border">
 							<img src="/img/partner-cmcc.webp" alt="中国移动 logo" class="max-h-12 w-auto">
@@ -59,160 +67,4 @@
 						</div>
 					</div>
 				</div>
-
-
-				<div class="mt-20 md:mt-28">
-					<div class="max-w-7xl mx-auto">
-
-						<div class="text-center mb-12">
-							<h3 class="text-3xl md:text-4xl font-black text-gray-900 tracking-tight">企业荣誉与资质</h3>
-							<div class="w-20 h-1.5 bg-blue-600 mx-auto mt-4 rounded-full"></div>
-						</div>
-
-						<div class="space-y-10">
-
-							<div class="grid grid-cols-2 md:grid-cols-6 gap-3">
-								<div class="group bg-white p-6 rounded-1 border border-slate-100 shadow-lg hover:shadow-blue-100 hover:border-blue-200 transition-all text-center">
-									<div class="aspect-[4/3] mb-4 bg-slate-50 rounded-2xl overflow-hidden flex items-center justify-center group-hover:bg-white transition-colors">
-										<img src="/img/certificate-1.webp" alt="ISO 27001" class="max-w-[80%] max-h-[80%] transition-all duration-500">
-									</div>
-									<h4 class="font-bold text-gray-900 text-lg leading-tight">信息安全管理体系</h4>
-									<p class="text-sm text-blue-600 mt-2 font-black tracking-widest uppercase">ISO 27001</p>
-								</div>
-
-								<div class="group bg-white p-6 rounded-1 border border-slate-100 shadow-lg hover:shadow-blue-100 hover:border-blue-200 transition-all text-center">
-									<div class="aspect-[4/3] mb-4 bg-slate-50 rounded-2xl overflow-hidden flex items-center justify-center group-hover:bg-white transition-colors">
-										<img src="/img/certificate-2.webp" alt="ISO 20000" class="max-w-[80%] max-h-[80%] object-contain transition-all duration-500">
-									</div>
-									<h4 class="font-bold text-gray-900 text-lg leading-tight">信息服务管理体系</h4>
-									<p class="text-sm text-blue-600 mt-2 font-black tracking-widest uppercase">ISO 20000</p>
-								</div>
-
-								<div class="group bg-white p-6 rounded-1 border border-slate-100 shadow-lg hover:shadow-blue-100 hover:border-blue-200 transition-all text-center">
-									<div class="aspect-[4/3] mb-4 bg-slate-50 rounded-2xl overflow-hidden flex items-center justify-center group-hover:bg-white transition-colors">
-										<img src="/img/certificate-3.webp" alt="ISO 9001" class="max-w-[80%] max-h-[80%] object-contain transition-all duration-500">
-									</div>
-									<h4 class="font-bold text-gray-900 text-lg leading-tight">质量管理体系认证</h4>
-									<p class="text-sm text-blue-600 mt-2 font-black tracking-widest uppercase">ISO 9001</p>
-								</div>
-
-								<div class="group bg-white p-6 rounded-1 border border-slate-100 shadow-lg hover:shadow-blue-100 hover:border-blue-200 transition-all text-center">
-									<div class="aspect-[4/3] mb-4 bg-slate-50 rounded-2xl overflow-hidden flex items-center justify-center group-hover:bg-white transition-colors">
-										<img src="/img/product-safety-1.webp" alt="ISO 27001" class="max-w-[80%] max-h-[80%] transition-all duration-500">
-									</div>
-									<h4 class="font-bold text-gray-900 text-lg leading-tight">多光谱热成像图像处理分析管理系统</h4>
-									<p class="text-sm text-blue-600 mt-2 font-black tracking-widest uppercase">软著</p>
-								</div>
-
-								<div class="group bg-white p-6 rounded-1 border border-slate-100 shadow-lg hover:shadow-blue-100 hover:border-blue-200 transition-all text-center">
-									<div class="aspect-[4/3] mb-4 bg-slate-50 rounded-2xl overflow-hidden flex items-center justify-center group-hover:bg-white transition-colors">
-										<img src="/img/product-safety-2.webp" alt="ISO 20000" class="max-w-[80%] max-h-[80%] object-contain transition-all duration-500">
-									</div>
-									<h4 class="font-bold text-gray-900 text-lg leading-tight">高性能边缘计算盒运行控制管理系统</h4>
-									<p class="text-sm text-blue-600 mt-2 font-black tracking-widest uppercase">软著</p>
-								</div>
-
-								<div class="group bg-white p-6 rounded-1 border border-slate-100 shadow-lg hover:shadow-blue-100 hover:border-blue-200 transition-all text-center">
-									<div class="aspect-[4/3] mb-4 bg-slate-50 rounded-2xl overflow-hidden flex items-center justify-center group-hover:bg-white transition-colors">
-										<img src="/img/product-safety-3.webp" alt="ISO 9001" class="max-w-[80%] max-h-[80%] object-contain transition-all duration-500">
-									</div>
-									<h4 class="font-bold text-gray-900 text-lg leading-tight">基于数字孪生的乡村治理平台</h4>
-									<p class="text-sm text-blue-600 mt-2 font-black tracking-widest uppercase">软著</p>
-								</div>
-							</div>
-
-							<div class="bg-white rounded-[2.5rem] p-8 md:p-10 border border-slate-100 shadow-xl">
-								<div class="flex flex-col md:flex-row md:items-center justify-between mb-8 gap-4">
-									<div class="flex items-center gap-3">
-										<div class="w-10 h-10 bg-red-600 rounded-xl flex items-center justify-center text-white shadow-lg shadow-red-100">
-											<i class="fa fa-star"></i>
-										</div>
-										<h4 class="text-2xl font-bold text-gray-900">资信等级认证</h4>
-									</div>
-									<span class="px-4 py-1 bg-red-50 text-red-600 text-sm font-black rounded-full border border-red-100 self-start">权威机构 AAA 级评定</span>
-								</div>
-
-								<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
-									<div class="flex items-center gap-4 bg-slate-50 p-5 rounded-2xl border border-slate-100 hover:bg-white hover:border-red-200 transition-all group">
-										<span class="text-2xl group-hover:scale-110 transition-transform">🏆</span>
-										<span class="text-base font-bold text-gray-700">诚信经营示范单位</span>
-									</div>
-									<div class="flex items-center gap-4 bg-slate-50 p-5 rounded-2xl border border-slate-100 hover:bg-white hover:border-red-200 transition-all group">
-										<span class="text-2xl group-hover:scale-110 transition-transform">🤝</span>
-										<span class="text-base font-bold text-gray-700">重合同守信用企业</span>
-									</div>
-									<div class="flex items-center gap-4 bg-slate-50 p-5 rounded-2xl border border-slate-100 hover:bg-white hover:border-red-200 transition-all group">
-										<span class="text-2xl group-hover:scale-110 transition-transform">💎</span>
-										<span class="text-base font-bold text-gray-700">质量服务信用单位</span>
-									</div>
-									<div class="flex items-center gap-4 bg-slate-50 p-5 rounded-2xl border border-slate-100 hover:bg-white hover:border-red-200 transition-all group">
-										<span class="text-2xl group-hover:scale-110 transition-transform">📈</span>
-										<span class="text-base font-bold text-gray-700">企业资信等级认证</span>
-									</div>
-								</div>
-							</div>
-
-							<div class="bg-white p-8 md:p-10 rounded-[2.5rem] border border-slate-100 shadow-xl relative overflow-hidden">
-								<div class="absolute -right-10 -bottom-10 opacity-[0.03] pointer-events-none">
-									<i class="fa fa-file-code-o text-[240px]"></i>
-								</div>
-
-								<div class="flex items-center gap-3 mb-10">
-									<div class="w-10 h-10 bg-blue-600 rounded-xl flex items-center justify-center text-white shadow-lg">
-										<i class="fa fa-code"></i>
-									</div>
-									<h4 class="text-2xl font-bold text-gray-900">核心自主知识产权</h4>
-								</div>
-
-								<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-y-8 gap-x-12 mb-12">
-									<div class="relative pl-5 group">
-										<div class="absolute left-0 top-1 w-1 h-4 bg-blue-200 group-hover:bg-blue-600 transition-colors rounded-full"></div>
-										<p class="text-base text-gray-600 font-bold group-hover:text-gray-900 transition-colors">多光谱热成像图像处理分析管理系统</p>
-									</div>
-									<div class="relative pl-5 group">
-										<div class="absolute left-0 top-1 w-1 h-4 bg-blue-200 group-hover:bg-blue-600 transition-colors rounded-full"></div>
-										<p class="text-base text-gray-600 font-bold group-hover:text-gray-900 transition-colors">高性能边缘计算盒运行控制管理系统</p>
-									</div>
-									<div class="relative pl-5 group">
-										<div class="absolute left-0 top-1 w-1 h-4 bg-blue-200 group-hover:bg-blue-600 transition-colors rounded-full"></div>
-										<p class="text-base text-gray-600 font-bold group-hover:text-gray-900 transition-colors">基于数字孪生的乡村治理平台</p>
-									</div>
-									<div class="relative pl-5 group">
-										<div class="absolute left-0 top-1 w-1 h-4 bg-blue-200 group-hover:bg-blue-600 transition-colors rounded-full"></div>
-										<p class="text-base text-gray-600 font-bold group-hover:text-gray-900 transition-colors">企业能耗在线监测端系统</p>
-									</div>
-									<div class="relative pl-5 group">
-										<div class="absolute left-0 top-1 w-1 h-4 bg-blue-200 group-hover:bg-blue-600 transition-colors rounded-full"></div>
-										<p class="text-base text-gray-600 font-bold group-hover:text-gray-900 transition-colors">数据中心园区综合管理系统</p>
-									</div>
-									<div class="relative pl-5 group">
-										<div class="absolute left-0 top-1 w-1 h-4 bg-blue-200 group-hover:bg-blue-600 transition-colors rounded-full"></div>
-										<p class="text-base text-gray-600 font-bold group-hover:text-gray-900 transition-colors">硬件处理模块智能配置管理系统</p>
-									</div>
-								</div>
-
-								<div class="mt-4 pt-10 border-t border-slate-50 flex flex-col md:flex-row md:items-center justify-between gap-8">
-									<div class="flex items-center gap-6">
-										<div class="bg-blue-600 px-8 py-4 rounded-[2rem] text-white shadow-xl shadow-blue-100 flex items-center gap-4">
-											<span class="text-4xl font-black italic">30+</span>
-										</div>
-										<div>
-											<p class="text-lg font-bold text-gray-900">软件著作权与专利</p>
-											<p class="text-sm text-gray-400">持续投入研发，构建核心技术护城河</p>
-										</div>
-									</div>
-
-									<div class="flex flex-wrap gap-2 max-w-sm">
-										<span class="px-3 py-1 bg-slate-50 text-slate-500 text-sm font-bold rounded-full border border-slate-100"># 机器视觉</span>
-										<span class="px-3 py-1 bg-slate-50 text-slate-500 text-sm font-bold rounded-full border border-slate-100"># 边缘计算</span>
-										<span class="px-3 py-1 bg-slate-50 text-slate-500 text-sm font-bold rounded-full border border-slate-100"># 数字孪生</span>
-										<span class="px-3 py-1 bg-slate-50 text-slate-500 text-sm font-bold rounded-full border border-slate-100"># 智能监测</span>
-										<span class="px-3 py-1 bg-slate-50 text-slate-500 text-sm font-bold rounded-full border border-slate-100"># 可视化大屏</span>
-									</div>
-								</div>
-							</div>
-
-						</div>
-					</div>
-				</div>
 			</div>