style(components): 统一背景模糊元素尺寸单位

将多个组件中的背景模糊元素尺寸从像素值改为rem单位
修复hero-section中bg-gradient-to-r拼写错误
调整cases-section中背景渐变类名拼写

src/components/sections/products-section.tsx

@@ -61,8 +61,8 @@ export function ProductsSection({ config }: ProductsSectionProps) {
 
   return (
     <section id="products" role="region" aria-labelledby="products-heading" className="py-24 bg-[#F5F7FA] relative overflow-hidden" ref={ref}>
-      <div className="absolute top-1/2 left-0 w-[400px] h-[400px] bg-[rgba(79,70,229,0.03)] rounded-full blur-3xl" />
-      <div className="absolute top-1/3 right-0 w-[300px] h-[300px] bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
+      <div className="absolute top-1/2 left-0 w-100 h-100 bg-[rgba(79,70,229,0.03)] rounded-full blur-3xl" />
+      <div className="absolute top-1/3 right-0 w-75 h-75 bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
       <div className="container-wide relative z-10">
         <motion.div 
           initial={{ opacity: 0, y: 20 }}