From e72d678521beefc82cdf36ff46cface37fc8beca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= <xiangzhang1024@gmail.com>
Date: Thu, 26 Feb 2026 21:29:48 +0800
Subject: [PATCH] refactor: update case detail page color scheme to brand red

---
 src/app/(marketing)/cases/[id]/client.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/(marketing)/cases/[id]/client.tsx b/src/app/(marketing)/cases/[id]/client.tsx
index 959e7a1..52b00bf 100644
--- a/src/app/(marketing)/cases/[id]/client.tsx
+++ b/src/app/(marketing)/cases/[id]/client.tsx
@@ -115,9 +115,9 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
                 </div>
               </section>
 
-              <section className="bg-gradient-to-br from-[#F5F7FA] to-white rounded-2xl p-8 border border-[#4F46E5]/20">
+              <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
                 <div className="flex items-center gap-3 mb-6">
-                  <div className="w-12 h-12 bg-[#4F46E5] rounded-xl flex items-center justify-center">
+                  <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
                     <Target className="w-6 h-6 text-white" />
                   </div>
                   <h2 className="text-2xl font-semibold text-[#1C1C1C]">
@@ -127,8 +127,8 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
                 <div className="space-y-4">
                   {caseItem.tags.map((tag, index) => (
                     <div key={tag} className="flex items-start gap-3">
-                      <div className="w-8 h-8 bg-[#4F46E5]/10 rounded-lg flex items-center justify-center flex-shrink-0 mt-0.5">
-                        <span className="text-[#4F46E5] font-semibold">{index + 1}</span>
+                      <div className="w-8 h-8 bg-[#C41E3A]/10 rounded-lg flex items-center justify-center flex-shrink-0 mt-0.5">
+                        <span className="text-[#C41E3A] font-semibold">{index + 1}</span>
                       </div>
                       <div>
                         <h3 className="font-semibold text-[#1C1C1C] mb-1">{tag}</h3>
@@ -176,9 +176,9 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
                 </div>
               </section>
 
-              <section className="bg-gradient-to-br from-[#F5F7FA] to-white rounded-2xl p-8 border border-[#4F46E5]/20">
+              <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
                 <div className="flex items-center gap-3 mb-6">
-                  <div className="w-12 h-12 bg-[#4F46E5] rounded-xl flex items-center justify-center">
+                  <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
                     <Award className="w-6 h-6 text-white" />
                   </div>
                   <h2 className="text-2xl font-semibold text-[#1C1C1C]">
@@ -191,10 +191,10 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
                     return (
                       <div
                         key={result.label}
-                        className="p-6 bg-white rounded-lg border border-[#E5E5E5] hover:border-[#4F46E5] transition-colors"
+                        className="p-6 bg-white rounded-lg border border-[#E5E5E5] hover:border-[#C41E3A] transition-colors"
                       >
-                        <Icon className="w-8 h-8 text-[#4F46E5] mb-3" />
-                        <div className="text-2xl font-semibold text-[#4F46E5] mb-1">
+                        <Icon className="w-8 h-8 text-[#C41E3A] mb-3" />
+                        <div className="text-2xl font-semibold text-[#C41E3A] mb-1">
                           {result.value}
                         </div>
                         <div className="text-sm text-[#737373]">{result.label}</div>