feat(website): 三轮视觉改造与页面过渡动画

改造概要（30项）：
- 第一轮：Hero重构/Section差异化/SocialProof强化/CTA对比度/About架构
- 第二轮：字体优化/背景交替/Solutions差异化/Footer五列/MegaDropdown修复
- 第三轮：卡片交互/表单层级/CTA统一/时间线标记/连接线/三列布局/移动导航/Button微交互/SEO Schema
- P3-2：template.tsx+Framer Motion页面过渡/loading.tsx加载状态
- 清理：删除未用组件/hooks，修复重复移动导航，清理冗余CSS

src/app/(marketing)/team/client.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { motion } from 'framer-motion';
+import { useReducedMotion } from '@/hooks/use-reduced-motion';
 import { StaticLink } from '@/components/ui/static-link';
 import { Button } from '@/components/ui/button';
 import { Shield, Building2, Users, Code, Target, ArrowRight } from 'lucide-react';
@@ -35,22 +36,24 @@ const TEAM_PILLARS = [
 ];
 
 export function TeamClient() {
+  const shouldReduceMotion = useReducedMotion();
+  const fadeUp = shouldReduceMotion ? {} : { initial: { opacity: 0, y: 20 } };
   return (
-    <div className="min-h-screen bg-white">
+    <div className="min-h-screen bg-[var(--color-bg-primary)]">
       <section className="pt-32 pb-16">
         <div className="container-wide">
           <PageNav items={[{ label: '核心团队' }]} />
           <motion.div
-            initial={{ opacity: 0, y: 20 }}
-            animate={{ opacity: 1, y: 0 }}
+            {...fadeUp}
+            animate={shouldReduceMotion ? {} : { opacity: 1, y: 0 }}
             transition={{ duration: 0.5 }}
             className="max-w-3xl"
           >
-            <p className="text-sm font-medium text-[#C41E3A] mb-4 tracking-wide uppercase">Team</p>
-            <h1 className="text-4xl md:text-5xl font-bold text-[#1C1C1C] mb-6 tracking-tight">
+            <p className="text-sm font-medium text-[var(--color-brand-primary)] mb-4 tracking-wide uppercase">Team</p>
+            <h1 className="text-4xl md:text-5xl font-bold text-[var(--color-text-primary)] mb-6 tracking-tight">
               核心团队
             </h1>
-            <p className="text-lg text-[#595959] leading-relaxed">
+            <p className="text-lg text-[var(--color-text-muted)] leading-relaxed">
               核心团队从事技术咨询、企业数字化等行业 12 年+，开发团队成员来自于多个大型传统 IT 企业
             </p>
           </motion.div>
@@ -61,21 +64,21 @@ export function TeamClient() {
         <div className="container-wide">
           <div className="max-w-5xl mx-auto space-y-8">
             <motion.div
-              initial={{ opacity: 0, y: 20 }}
-              whileInView={{ opacity: 1, y: 0 }}
+              {...fadeUp}
+              whileInView={shouldReduceMotion ? {} : { opacity: 1, y: 0 }}
               viewport={{ once: true }}
               transition={{ duration: 0.5 }}
-              className="p-8 rounded-xl border border-[#E5E5E5]"
+              className="p-8 rounded-xl border border-[var(--color-border-primary)]"
             >
-              <h2 className="text-2xl font-bold text-[#1C1C1C] mb-6 text-center">关于我们的团队</h2>
+              <h2 className="text-2xl font-bold text-[var(--color-text-primary)] mb-6 text-center">关于我们的团队</h2>
               <div className="space-y-4 max-w-3xl mx-auto text-center">
-                <p className="text-[#595959] leading-relaxed">
-                  我们的核心团队长期从事<span className="text-[#C41E3A] font-medium">技术咨询</span>、<span className="text-[#C41E3A] font-medium">企业数字化</span>等行业，拥有 12 年以上的深厚积累。
+                <p className="text-[var(--color-text-muted)] leading-relaxed">
+                  我们的核心团队长期从事<span className="text-[var(--color-brand-primary)] font-medium">技术咨询</span>、<span className="text-[var(--color-brand-primary)] font-medium">企业数字化</span>等行业，拥有 12 年以上的深厚积累。
                 </p>
-                <p className="text-[#595959] leading-relaxed">
-                  开发团队成员来自于多个<span className="text-[#C41E3A] font-medium">大型传统 IT 企业</span>，具备扎实的工程能力和规范化的交付经验。
+                <p className="text-[var(--color-text-muted)] leading-relaxed">
+                  开发团队成员来自于多个<span className="text-[var(--color-brand-primary)] font-medium">大型传统 IT 企业</span>，具备扎实的工程能力和规范化的交付经验。
                 </p>
-                <p className="text-[#595959] leading-relaxed">
+                <p className="text-[var(--color-text-muted)] leading-relaxed">
                   我们相信，优秀的技术咨询不仅需要过硬的技术能力，更需要深入理解客户的业务场景和真实需求。
                   每一位成员都是既懂技术又懂业务的复合型人才。
                 </p>
@@ -83,31 +86,31 @@ export function TeamClient() {
             </motion.div>
 
             <motion.div
-              initial={{ opacity: 0, y: 20 }}
-              whileInView={{ opacity: 1, y: 0 }}
+              {...fadeUp}
+              whileInView={shouldReduceMotion ? {} : { opacity: 1, y: 0 }}
               viewport={{ once: true }}
               transition={{ duration: 0.5 }}
             >
-              <h2 className="text-2xl font-bold text-[#1C1C1C] mb-8 text-center">团队优势</h2>
+              <h2 className="text-2xl font-bold text-[var(--color-text-primary)] mb-8 text-center">团队优势</h2>
               <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                 {TEAM_PILLARS.map((item, idx) => {
                   const Icon = item.icon;
                   return (
                     <motion.div
                       key={item.title}
-                      initial={{ opacity: 0, y: 20 }}
-                      whileInView={{ opacity: 1, y: 0 }}
+                      {...fadeUp}
+                      whileInView={shouldReduceMotion ? {} : { opacity: 1, y: 0 }}
                       viewport={{ once: true }}
                       transition={{ duration: 0.5, delay: idx * 0.1 }}
                       className={idx >= 3 ? 'md:col-span-1 lg:col-start-1' : ''}
                     >
-                      <div className="flex items-start gap-4 p-6 rounded-xl border border-[#E5E5E5] hover:border-[#C41E3A]/30 transition-colors h-full">
-                        <div className="w-10 h-10 rounded-lg bg-[#FEF2F4] flex items-center justify-center shrink-0">
-                          <Icon className="w-5 h-5 text-[#C41E3A]" />
+                      <div className="flex items-start gap-4 p-6 rounded-xl border border-[var(--color-border-primary)] hover:border-[var(--color-brand-primary)]/30 transition-colors h-full">
+                        <div className="w-10 h-10 rounded-lg bg-[var(--color-brand-primary-bg)] flex items-center justify-center shrink-0">
+                          <Icon className="w-5 h-5 text-[var(--color-brand-primary)]" />
                         </div>
                         <div>
-                          <h3 className="font-semibold text-[#1C1C1C] mb-1">{item.title}</h3>
-                          <p className="text-sm text-[#595959]">{item.description}</p>
+                          <h3 className="font-semibold text-[var(--color-text-primary)] mb-1">{item.title}</h3>
+                          <p className="text-sm text-[var(--color-text-muted)]">{item.description}</p>
                         </div>
                       </div>
                     </motion.div>
@@ -117,14 +120,14 @@ export function TeamClient() {
             </motion.div>
 
             <motion.div
-              initial={{ opacity: 0, y: 20 }}
-              whileInView={{ opacity: 1, y: 0 }}
+              {...fadeUp}
+              whileInView={shouldReduceMotion ? {} : { opacity: 1, y: 0 }}
               viewport={{ once: true }}
               transition={{ duration: 0.5 }}
               className="text-center pt-8"
             >
-              <p className="text-lg text-[#595959] mb-6">想与我们的团队交流？</p>
-              <Button size="lg" className="bg-[#C41E3A] hover:bg-[#A01830] text-white" asChild>
+              <p className="text-lg text-[var(--color-text-muted)] mb-6">想与我们的团队交流？</p>
+              <Button size="lg" className="bg-[var(--color-brand-primary)] hover:bg-[var(--color-brand-primary-hover)] text-white" asChild>
                 <StaticLink href="/contact">
                   联系我们
                   <ArrowRight className="ml-2 w-4 h-4" />