From 45e96e2fe473cd3812e066f69fb4ec1e53bd41db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= <xiangzhang1024@gmail.com>
Date: Sat, 28 Mar 2026 22:53:01 +0800
Subject: [PATCH] =?UTF-8?q?style(components):=20=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E6=A8=A1=E7=B3=8A=E5=85=83=E7=B4=A0=E5=B0=BA?=
 =?UTF-8?q?=E5=AF=B8=E5=8D=95=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将多个组件中的背景模糊元素尺寸从像素值改为rem单位
修复hero-section中bg-gradient-to-r拼写错误
调整cases-section中背景渐变类名拼写
---
 src/components/sections/cases-section.tsx      | 6 +++---
 src/components/sections/hero-section-atoms.tsx | 4 ++--
 src/components/sections/products-section.tsx   | 4 ++--
 src/components/sections/services-section.tsx   | 4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/sections/cases-section.tsx b/src/components/sections/cases-section.tsx
index 576c5cf..bbc2c3c 100644
--- a/src/components/sections/cases-section.tsx
+++ b/src/components/sections/cases-section.tsx
@@ -55,8 +55,8 @@ export function CasesSection() {
 
   return (
     <section id="cases" role="region" aria-labelledby="cases-heading" className="py-24 bg-white relative overflow-hidden" ref={ref}>
-      <div className="absolute top-1/3 left-0 w-[400px] h-[400px] bg-[rgba(196,30,58,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/3 left-0 w-100 h-100 bg-[rgba(196,30,58,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
@@ -90,7 +90,7 @@ export function CasesSection() {
               >
                 <Link href={`/cases/${caseItem.slug}`}>
                   <Card className="h-full group cursor-pointer border-[#E5E5E5] hover:border-[#C41E3A] transition-colors overflow-hidden">
-                    <div className="relative h-40 bg-gradient-to-br from-[#F5F5F5] to-[#E5E5E5] flex items-center justify-center">
+                    <div className="relative h-40 bg-linear-to-br from-[#F5F5F5] to-[#E5E5E5] flex items-center justify-center">
                       <Building2 className="w-16 h-16 text-[#C41E3A]/20 group-hover:scale-110 transition-transform duration-300" />
                       <div className="absolute top-4 right-4">
                         <Badge className="bg-white/90 text-[#1C1C1C] hover:bg-white">
diff --git a/src/components/sections/hero-section-atoms.tsx b/src/components/sections/hero-section-atoms.tsx
index c54e52b..92624d8 100644
--- a/src/components/sections/hero-section-atoms.tsx
+++ b/src/components/sections/hero-section-atoms.tsx
@@ -77,7 +77,7 @@ export function HeroDescription(_props: HeroContentProps) {
     <div className="mb-10">
       <BlurReveal delay={0.3}>
         <p className="text-xl sm:text-2xl text-[#4A5568] mb-4">
-          <span className="font-semibold bg-gradient-to-r from-[#C41E3A] via-[#E04A68] to-[#C41E3A] bg-clip-text text-transparent">
+          <span className="font-semibold bg-linear-to-r from-[#C41E3A] via-[#E04A68] to-[#C41E3A] bg-clip-text text-transparent">
             企业数字化转型服务商
           </span>
         </p>
@@ -157,7 +157,7 @@ export function HeroStats() {
 
   useEffect(() => {
     const statsEl = document.getElementById('stats-section');
-    if (!statsEl) return;
+    if (!statsEl) {return;}
     
     const observer = new IntersectionObserver(
       ([entry]) => {
diff --git a/src/components/sections/products-section.tsx b/src/components/sections/products-section.tsx
index a13114a..a20b207 100644
--- a/src/components/sections/products-section.tsx
+++ b/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 }}
diff --git a/src/components/sections/services-section.tsx b/src/components/sections/services-section.tsx
index 126d312..20ec107 100644
--- a/src/components/sections/services-section.tsx
+++ b/src/components/sections/services-section.tsx
@@ -66,8 +66,8 @@ export function ServicesSection({ config }: ServicesSectionProps) {
 
   return (
     <section id="services" aria-labelledby="services-heading" className="py-24 bg-white relative overflow-hidden" ref={ref}>
-      <div className="absolute top-1/3 left-0 w-[400px] h-[400px] bg-[rgba(196,30,58,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/3 left-0 w-100 h-100 bg-[rgba(196,30,58,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