feat: 完成网站功能开发与优化

- 完善产品页面布局与交互
- 优化服务详情页用户体验
- 增强新闻模块内容展示
- 改进团队页面设计
- 优化全局样式和响应式布局
- 添加分页组件支持
- 提升性能与SEO优化
- 修复已知问题与改进代码质量

src/components/products/product-features-section.tsx

@@ -33,7 +33,7 @@ function FeatureItem({
           <div className="order-2 md:order-1">
             {/* 编号 - InkReveal 模糊揭示 */}
             <InkReveal delay={0}>
-              <span className="block text-7xl md:text-8xl font-mono text-[#C41E3A]/10 mb-4">
+              <span className="block text-7xl md:text-8xl font-mono text-[var(--color-brand-primary)]/10 mb-4">
                 {number}
               </span>
             </InkReveal>
@@ -63,8 +63,8 @@ function FeatureItem({
               hoverShadow="0 25px 50px rgba(196, 30, 58, 0.15)"
             >
               <PulseElement scale={1.08} duration={2.5}>
-                <div className="w-24 h-24 rounded-full bg-[#C41E3A]/10 flex items-center justify-center">
-                  <div className="w-12 h-12 rounded-full bg-[#C41E3A]/20" />
+                <div className="w-24 h-24 rounded-full bg-[var(--color-brand-primary)]/10 flex items-center justify-center">
+                  <div className="w-12 h-12 rounded-full bg-[var(--color-brand-primary)]/20" />
                 </div>
               </PulseElement>
             </InkCard>
@@ -113,15 +113,16 @@ export function ProductFeaturesSection({ product }: ProductFeaturesSectionProps)
                   <div className="flex flex-col sm:flex-row gap-3 justify-center">
                     <RippleButton
                       href="/contact"
-                      rippleColor="rgba(196, 30, 58, 0.3)"
-                      className="bg-[#C41E3A] hover:bg-[#A01830] text-white px-6 py-3 rounded-lg font-semibold inline-flex items-center justify-center"
+                      variant="outline"
+                      rippleColor="rgba(196, 30, 58, 0.2)"
+                      className="border-2 border-[var(--color-brand-primary)] text-[var(--color-brand-primary)] hover:bg-[var(--color-brand-primary)] hover:text-white px-6 py-3 rounded-lg font-semibold inline-flex items-center justify-center"
                     >
                       预约演示
                     </RippleButton>
                     <RippleButton
                       href="/contact"
                       rippleColor="rgba(196, 30, 58, 0.2)"
-                      className="border border-[#E5E5E5] text-[#5C5C5C] hover:text-[#C41E3A] hover:border-[#C41E3A]/30 px-6 py-3 rounded-lg font-semibold inline-flex items-center justify-center"
+                      className="border border-[#E5E5E5] text-[#5C5C5C] hover:text-[var(--color-brand-primary)] hover:border-[var(--color-brand-primary)]/30 px-6 py-3 rounded-lg font-semibold inline-flex items-center justify-center"
                     >
                       获取方案
                     </RippleButton>