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

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

src/app/(marketing)/cases/[id]/client.tsx

@@ -84,7 +84,7 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
         <div className="container-wide relative z-10 pt-32 pb-20">
           <BackButton />
           <div className="max-w-4xl mt-8">
-            <Badge className="mb-4 bg-[#C41E3A]/10 text-[#C41E3A] hover:bg-[#C41E3A]/20">
+            <Badge className="mb-4 bg-[var(--color-brand-primary)]/10 text-[var(--color-brand-primary)] hover:bg-[var(--color-brand-primary)]/20">
               {caseItem.category}
             </Badge>
             <h1 className="text-3xl sm:text-4xl lg:text-5xl font-semibold text-[#1C1C1C] mb-2">
@@ -105,9 +105,9 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
         >
           <div className="lg:col-span-2 space-y-12">
             {/* 客户遇到的成长瓶颈 */}
-            <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
+            <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[var(--color-brand-primary)]/20">
               <div className="flex items-center gap-3 mb-6">
-                <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
+                <div className="w-12 h-12 bg-[var(--color-brand-primary)] rounded-xl flex items-center justify-center">
                   <MessageCircle className="w-6 h-6 text-white" />
                 </div>
                 <h2 className="text-2xl font-semibold text-[#1C1C1C]">
@@ -120,9 +120,9 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
             </section>
 
             {/* 我们如何智连未来 */}
-            <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
+            <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[var(--color-brand-primary)]/20">
               <div className="flex items-center gap-3 mb-6">
-                <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
+                <div className="w-12 h-12 bg-[var(--color-brand-primary)] rounded-xl flex items-center justify-center">
                   <Target className="w-6 h-6 text-white" />
                 </div>
                 <h2 className="text-2xl font-semibold text-[#1C1C1C]">
@@ -138,9 +138,9 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
 
             {/* 共同成长的故事 */}
             {caseItem.keyMoments && caseItem.keyMoments.length > 0 && (
-              <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
+              <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[var(--color-brand-primary)]/20">
                 <div className="flex items-center gap-3 mb-6">
-                  <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
+                  <div className="w-12 h-12 bg-[var(--color-brand-primary)] rounded-xl flex items-center justify-center">
                     <Clock className="w-6 h-6 text-white" />
                   </div>
                   <h2 className="text-2xl font-semibold text-[#1C1C1C]">
@@ -154,7 +154,7 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
                       className="p-4 bg-white rounded-lg border border-[#E5E5E5]"
                     >
                       <div className="flex items-start gap-3">
-                        <Quote className="w-5 h-5 text-[#C41E3A] flex-shrink-0 mt-0.5" />
+                        <Quote className="w-5 h-5 text-[var(--color-brand-primary)] flex-shrink-0 mt-0.5" />
                         <div>
                           <h4 className="font-semibold text-[#1C1C1C] mb-2">
                             {moment.title}
@@ -172,9 +172,9 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
 
             {/* 今天，他们走到了哪里 */}
             {caseItem.results && caseItem.results.length > 0 && (
-              <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
+              <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[var(--color-brand-primary)]/20">
                 <div className="flex items-center gap-3 mb-6">
-                  <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
+                  <div className="w-12 h-12 bg-[var(--color-brand-primary)] rounded-xl flex items-center justify-center">
                     <Award className="w-6 h-6 text-white" />
                   </div>
                   <h2 className="text-2xl font-semibold text-[#1C1C1C]">
@@ -185,10 +185,10 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
                   {caseItem.results.map((result, index) => (
                     <div
                       key={index}
-                      className="p-6 bg-white rounded-lg border border-[#E5E5E5] hover:border-[#C41E3A] transition-colors"
+                      className="p-6 bg-white rounded-lg border border-[#E5E5E5] hover:border-[var(--color-brand-primary)] transition-colors"
                     >
-                      <TrendingUp className="w-8 h-8 text-[#C41E3A] mb-3" />
-                      <div className="text-2xl font-semibold text-[#C41E3A] mb-1">
+                      <TrendingUp className="w-8 h-8 text-[var(--color-brand-primary)] mb-3" />
+                      <div className="text-2xl font-semibold text-[var(--color-brand-primary)] mb-1">
                         {result.value}
                       </div>
                       <div className="text-sm text-[#737373]">
@@ -202,9 +202,9 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
 
             {/* 客户证言精选 */}
             {caseItem.testimonial && (
-              <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
+              <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[var(--color-brand-primary)]/20">
                 <div className="flex items-center gap-3 mb-6">
-                  <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
+                  <div className="w-12 h-12 bg-[var(--color-brand-primary)] rounded-xl flex items-center justify-center">
                     <Quote className="w-6 h-6 text-white" />
                   </div>
                   <h2 className="text-2xl font-semibold text-[#1C1C1C]">
@@ -212,12 +212,12 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
                   </h2>
                 </div>
                 <div className="p-6 bg-white rounded-lg border border-[#E5E5E5]">
-                  <Quote className="w-8 h-8 text-[#C41E3A] mb-4" />
+                  <Quote className="w-8 h-8 text-[var(--color-brand-primary)] mb-4" />
                   <p className="text-lg text-[#1C1C1C] leading-relaxed mb-4">
                     {caseItem.testimonial.quote}
                   </p>
                   <div className="flex items-center gap-3">
-                    <div className="w-12 h-12 bg-[#C41E3A] rounded-full flex items-center justify-center">
+                    <div className="w-12 h-12 bg-[var(--color-brand-primary)] rounded-full flex items-center justify-center">
                       <span className="text-white font-semibold">客</span>
                     </div>
                     <div>
@@ -266,13 +266,13 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
               </dl>
             </div>
 
-            <div className="p-6 bg-gradient-to-br from-[#C41E3A] to-[#8B1429] rounded-lg text-white">
+            <div className="p-6 bg-gradient-to-br from-[var(--color-brand-primary)] to-[#8B1429] rounded-lg text-white">
               <h3 className="text-lg font-semibold mb-2">想要了解更多？</h3>
               <p className="text-sm text-white/80 mb-4">
                 联系我们的专家团队，获取定制化解决方案
               </p>
               <Button
-                className="w-full bg-white text-[#C41E3A] hover:bg-white/90"
+                className="w-full bg-white text-[var(--color-brand-primary)] hover:bg-white/90"
                 asChild
               >
                 <StaticLink href="/contact">联系我们</StaticLink>