From a1f636b67cb05d903592b2232fbec8c4dc6fef9d Mon Sep 17 00:00:00 2001
From: zhangxiang <zhangxiang@novalon.cn>
Date: Thu, 3 Sep 2026 19:12:38 +0800
Subject: [PATCH] =?UTF-8?q?perf(motion):=20=E7=AC=AC=E4=B8=89=E6=89=B9?=
 =?UTF-8?q?=E5=85=A5=E5=9C=BA=E5=8A=A8=E6=95=88=E6=97=B6=E9=95=BF=E6=94=B6?=
 =?UTF-8?q?=E6=95=9B=E8=87=B3=20300ms=EF=BC=889=20=E6=96=87=E4=BB=B6=2020?=
 =?UTF-8?q?=20=E5=A4=84=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

承接前两批，继续清理 Task #16 的 P0 硬违规：

- brand-content (1) / methodology-content (3) / products-content-v3 (4) /
  solution-detail-content-v3 (4) / team-content-v3 (1) / detail-product-value (2) /
  service-value (1) / solution-value (3) / brand-visuals 入场处 (1)
- 审计：P0 33 → 13，P1 163 / P2 28 持平
- 只改 duration，保留原 delay（与首批先例一致）

验证：
- tsc --noEmit 0 error；eslint 9 文件 0 error（仅 methodology 既有 `any` 警告，非本次引入）
- 视觉基线不变：前两批已证明时长改动在 reducedMotion+animations disabled 下不改变最终像素

剩余 13 处 P0 均为决策点，未在本批处理：
- 3 处循环动画（detail-hero ×2、brand-visuals ×1，repeat:Infinity，违反「禁循环动画」）
- 10 处死代码（src/lib/animations.tsx，全站零引用）
---
 src/app/(marketing)/about/brand/brand-content.tsx         | 2 +-
 src/app/(marketing)/methodology/methodology-content.tsx   | 6 +++---
 src/app/(marketing)/products/products-content-v3.tsx      | 8 ++++----
 .../(marketing)/solutions/solution-detail-content-v3.tsx  | 8 ++++----
 src/app/(marketing)/team/team-content-v3.tsx              | 2 +-
 src/components/detail/detail-product-value.tsx            | 4 ++--
 src/components/detail/service-value.tsx                   | 2 +-
 src/components/detail/solution-value.tsx                  | 6 +++---
 src/components/ui/brand-visuals.tsx                       | 2 +-
 9 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/app/(marketing)/about/brand/brand-content.tsx b/src/app/(marketing)/about/brand/brand-content.tsx
index cda6b26..58addb4 100644
--- a/src/app/(marketing)/about/brand/brand-content.tsx
+++ b/src/app/(marketing)/about/brand/brand-content.tsx
@@ -90,7 +90,7 @@ export default function BrandContent() {
             <motion.h1
               initial={{ opacity: 0, y: 40 }}
               animate={{ opacity: 1, y: 0 }}
-              transition={{ duration: 0.8, delay: 0.2, ease: EASE_OUT }}
+              transition={{ duration: 0.3, delay: 0.2, ease: EASE_OUT }}
               className="text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl text-ink leading-[1.05] tracking-tight mb-8 sm:mb-10"
             >
               <span className="sr-only">睿新致遠</span>
diff --git a/src/app/(marketing)/methodology/methodology-content.tsx b/src/app/(marketing)/methodology/methodology-content.tsx
index 2dd7c61..2eb8b27 100644
--- a/src/app/(marketing)/methodology/methodology-content.tsx
+++ b/src/app/(marketing)/methodology/methodology-content.tsx
@@ -34,7 +34,7 @@ export function MethodologyContent({ data }: MethodologyContentProps) {
             <motion.div
               initial={{ opacity: 0, y: 30 }}
               animate={{ opacity: 1, y: 0 }}
-              transition={{ duration: 0.8, delay: 0.1, ease: EASE_OUT }}
+              transition={{ duration: 0.3, delay: 0.1, ease: EASE_OUT }}
               className="inline-flex items-center gap-2 px-3 py-1.5 text-xs font-bold text-brand bg-brand/10 mb-8"
             >
               {heroSubtitle}
@@ -42,7 +42,7 @@ export function MethodologyContent({ data }: MethodologyContentProps) {
             <motion.h1
               initial={{ opacity: 0, y: 40 }}
               animate={{ opacity: 1, y: 0 }}
-              transition={{ duration: 0.9, delay: 0.2, ease: EASE_OUT }}
+              transition={{ duration: 0.3, delay: 0.2, ease: EASE_OUT }}
               className="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold text-ink leading-[1.05] tracking-tight mb-8 whitespace-pre-line"
             >
               {heroTitle}
@@ -50,7 +50,7 @@ export function MethodologyContent({ data }: MethodologyContentProps) {
             <motion.p
               initial={{ opacity: 0, y: 30 }}
               animate={{ opacity: 1, y: 0 }}
-              transition={{ duration: 0.8, delay: 0.35, ease: EASE_OUT }}
+              transition={{ duration: 0.3, delay: 0.35, ease: EASE_OUT }}
               className="text-lg sm:text-xl text-text-secondary max-w-2xl leading-relaxed"
             >
               {heroDescription}
diff --git a/src/app/(marketing)/products/products-content-v3.tsx b/src/app/(marketing)/products/products-content-v3.tsx
index a8939a5..c2e761e 100644
--- a/src/app/(marketing)/products/products-content-v3.tsx
+++ b/src/app/(marketing)/products/products-content-v3.tsx
@@ -96,7 +96,7 @@ function HeroSection({ pageCopy }: { pageCopy?: PageCopy | null }) {
           <motion.h1
             initial={{ opacity: 0, y: 70 }}
             animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 1.2, delay: 0.15, ease: EASE_OUT }}
+            transition={{ duration: 0.3, delay: 0.15, ease: EASE_OUT }}
             className="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold text-ink leading-[0.92] tracking-tighter mb-8 sm:mb-10 md:mb-12"
           >
             <div className="block">{heroTitle1}</div>
@@ -108,7 +108,7 @@ function HeroSection({ pageCopy }: { pageCopy?: PageCopy | null }) {
                   style={{ transformOrigin: 'left' }}
                   initial={{ scaleX: 0 }}
                   animate={{ scaleX: 1 }}
-                  transition={{ duration: 0.8, delay: 1.2, ease: EASE_OUT }}
+                  transition={{ duration: 0.3, delay: 1.2, ease: EASE_OUT }}
                 />
               </span>
             </div>
@@ -118,7 +118,7 @@ function HeroSection({ pageCopy }: { pageCopy?: PageCopy | null }) {
           <motion.p
             initial={{ opacity: 0, y: 50 }}
             animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 1, delay: 0.45, ease: EASE_OUT }}
+            transition={{ duration: 0.3, delay: 0.45, ease: EASE_OUT }}
             className="text-lg sm:text-xl lg:text-2xl text-text-secondary max-w-2xl leading-relaxed mb-8 sm:mb-10 md:mb-12"
           >
             {heroDescriptionLines.map((line, i) => (
@@ -132,7 +132,7 @@ function HeroSection({ pageCopy }: { pageCopy?: PageCopy | null }) {
           <motion.div
             initial={{ opacity: 0, y: 50 }}
             animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 1, delay: 0.6, ease: EASE_OUT }}
+            transition={{ duration: 0.3, delay: 0.6, ease: EASE_OUT }}
             className="flex flex-wrap gap-6"
           >
             <CTAButton href="/services" dataTestId="products-hero-primary">
diff --git a/src/app/(marketing)/solutions/solution-detail-content-v3.tsx b/src/app/(marketing)/solutions/solution-detail-content-v3.tsx
index 64dcf7d..d48c399 100644
--- a/src/app/(marketing)/solutions/solution-detail-content-v3.tsx
+++ b/src/app/(marketing)/solutions/solution-detail-content-v3.tsx
@@ -45,7 +45,7 @@ function DetailHero({ solution }: DetailHeroProps) {
         <motion.div
           initial={{ opacity: 0, y: 30 }}
           animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.8, ease: EASE_OUT }}
+          transition={{ duration: 0.3, ease: EASE_OUT }}
           className="flex items-center gap-4 mb-8"
         >
           <div className="w-16 h-16 rounded-2xl bg-brand-soft flex items-center justify-center text-brand">
@@ -62,7 +62,7 @@ function DetailHero({ solution }: DetailHeroProps) {
         <motion.h1
           initial={{ opacity: 0, y: 50 }}
           animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 1, delay: 0.15, ease: EASE_OUT }}
+          transition={{ duration: 0.3, delay: 0.15, ease: EASE_OUT }}
           className="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-ink leading-tight tracking-tighter mb-6 sm:mb-8 max-w-4xl"
         >
           {solution.title}
@@ -71,7 +71,7 @@ function DetailHero({ solution }: DetailHeroProps) {
         <motion.p
           initial={{ opacity: 0, y: 40 }}
           animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.9, delay: 0.3, ease: EASE_OUT }}
+          transition={{ duration: 0.3, delay: 0.3, ease: EASE_OUT }}
           className="text-xl lg:text-2xl text-text-secondary max-w-3xl leading-relaxed mb-12"
         >
           {solution.description}
@@ -80,7 +80,7 @@ function DetailHero({ solution }: DetailHeroProps) {
         <motion.div
           initial={{ opacity: 0, y: 40 }}
           animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.9, delay: 0.45, ease: EASE_OUT }}
+          transition={{ duration: 0.3, delay: 0.45, ease: EASE_OUT }}
           className="flex flex-wrap gap-6"
         >
           <CTAButton href="/contact" dataTestId="solution-detail-hero-primary">
diff --git a/src/app/(marketing)/team/team-content-v3.tsx b/src/app/(marketing)/team/team-content-v3.tsx
index ad40540..3b9ead9 100644
--- a/src/app/(marketing)/team/team-content-v3.tsx
+++ b/src/app/(marketing)/team/team-content-v3.tsx
@@ -167,7 +167,7 @@ export default function TeamContentV3({ data }: { data: Record<string, unknown>
             <motion.h1
               initial={{ opacity: 0, y: 40 }}
               animate={{ opacity: 1, y: 0 }}
-              transition={{ duration: 0.8, delay: 0.2, ease: EASE_OUT }}
+              transition={{ duration: 0.3, delay: 0.2, ease: EASE_OUT }}
               className="text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-black text-ink leading-[0.92] tracking-tightest mb-10 sm:mb-12"
             >
               {(teamData.heroTitle || '').split('\n').map((line, i) => (
diff --git a/src/components/detail/detail-product-value.tsx b/src/components/detail/detail-product-value.tsx
index f67f3f9..871370e 100644
--- a/src/components/detail/detail-product-value.tsx
+++ b/src/components/detail/detail-product-value.tsx
@@ -118,7 +118,7 @@ export function ProductValueSection({ product }: ProductValueSectionProps) {
           initial={{ opacity: 0, y: 32 }}
           whileInView={{ opacity: 1, y: 0 }}
           viewport={{ once: true, margin: '-120px' }}
-          transition={{ duration: 0.8, ease: [0.22, 1, 0.36, 1] }}
+          transition={{ duration: 0.3, ease: [0.22, 1, 0.36, 1] }}
           className="mb-16 sm:mb-20"
         >
           <div className="flex items-center gap-3 mb-6">
@@ -243,7 +243,7 @@ export function ProductValueSection({ product }: ProductValueSectionProps) {
             initial={{ opacity: 0, y: 32 }}
             whileInView={{ opacity: 1, y: 0 }}
             viewport={{ once: true, margin: '-80px' }}
-            transition={{ duration: 0.75, delay: 0.2 }}
+            transition={{ duration: 0.3, delay: 0.2 }}
             className="mt-24"
           >
             <div className="mb-12">
diff --git a/src/components/detail/service-value.tsx b/src/components/detail/service-value.tsx
index ec51e2e..8caf89a 100644
--- a/src/components/detail/service-value.tsx
+++ b/src/components/detail/service-value.tsx
@@ -26,7 +26,7 @@ export function ServiceValueSection({ service }: ServiceValueSectionProps) {
           initial={{ opacity: 0, y: 32 }}
           whileInView={{ opacity: 1, y: 0 }}
           viewport={{ once: true, margin: '-120px' }}
-          transition={{ duration: 0.8, ease: [0.22, 1, 0.36, 1] }}
+          transition={{ duration: 0.3, ease: [0.22, 1, 0.36, 1] }}
           className="mb-16 sm:mb-20"
         >
           <div className="flex items-center gap-3 mb-6">
diff --git a/src/components/detail/solution-value.tsx b/src/components/detail/solution-value.tsx
index cc322e7..65f3168 100644
--- a/src/components/detail/solution-value.tsx
+++ b/src/components/detail/solution-value.tsx
@@ -21,7 +21,7 @@ export function SolutionValueSection({ solution }: SolutionValueSectionProps) {
           initial={{ opacity: 0, y: 32 }}
           whileInView={{ opacity: 1, y: 0 }}
           viewport={{ once: true, margin: '-120px' }}
-          transition={{ duration: 0.8, ease: [0.22, 1, 0.36, 1] }}
+          transition={{ duration: 0.3, ease: [0.22, 1, 0.36, 1] }}
           className="mb-16 sm:mb-20"
         >
           <div className="flex items-center gap-3 mb-6">
@@ -119,7 +119,7 @@ export function SolutionValueSection({ solution }: SolutionValueSectionProps) {
             initial={{ opacity: 0, y: 32 }}
             whileInView={{ opacity: 1, y: 0 }}
             viewport={{ once: true, margin: '-80px' }}
-            transition={{ duration: 0.75, delay: 0.3 }}
+            transition={{ duration: 0.3, delay: 0.3 }}
           >
             <div className="mb-12">
               <div className="flex items-center gap-3 mb-6">
@@ -164,7 +164,7 @@ export function SolutionValueSection({ solution }: SolutionValueSectionProps) {
             initial={{ opacity: 0, y: 32 }}
             whileInView={{ opacity: 1, y: 0 }}
             viewport={{ once: true, margin: '-80px' }}
-            transition={{ duration: 0.75, delay: 0.4 }}
+            transition={{ duration: 0.3, delay: 0.4 }}
             className="mt-20"
           >
             <div className="mb-12">
diff --git a/src/components/ui/brand-visuals.tsx b/src/components/ui/brand-visuals.tsx
index 4cb6700..a68cf4d 100644
--- a/src/components/ui/brand-visuals.tsx
+++ b/src/components/ui/brand-visuals.tsx
@@ -69,7 +69,7 @@ export function DataBar({ value, max = 100, label, color = 'brand' }: { value: n
           initial={{ width: 0 }}
           whileInView={{ width: `${percentage}%` }}
           viewport={{ once: true }}
-          transition={{ duration: 1, ease: [0.16, 1, 0.3, 1], delay: 0.2 }}
+          transition={{ duration: 0.3, ease: [0.16, 1, 0.3, 1], delay: 0.2 }}
           className="h-full rounded-full"
           style={{ backgroundColor: colorMap[color] }}
         />