feat: 优化全局样式与组件视觉升级

- 更新 globals.css 全局样式
- 优化 not-found 404 页面
- 升级 footer, mega-dropdown, mobile-tab-bar 布局组件
- 改进 challenge, cta, hero 等核心 section 组件
- 优化 challenge-card, ink-glow-card, product-card 等 UI 组件
- 更新产品常量配置

src/components/sections/product-matrix-section.tsx

@@ -33,21 +33,14 @@ export function ProductMatrixSection() {
 
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8">
           {PRODUCTS.map((product, index) => (
-            <motion.div
+            <ProductCard
               key={product.id}
-              initial={shouldReduceMotion ? {} : { opacity: 0, y: 28 }}
-              whileInView={{ opacity: 1, y: 0 }}
-              viewport={{ once: true, margin: '-60px' }}
-              transition={{ duration: 0.5, delay: index * 0.08, ease: [0.16, 1, 0.3, 1] }}
-            >
-              <ProductCard
-                title={product.title}
-                description={product.description}
-                href={`/products/${product.id}`}
-                index={index}
-                status={product.status}
-              />
-            </motion.div>
+              title={product.title}
+              description={product.description}
+              href={`/products/${product.id}`}
+              index={index}
+              status={product.status}
+            />
           ))}
         </div>
       </div>