From e5a2efdaa27682d36b641b39b059411fdfa68582 Mon Sep 17 00:00:00 2001
From: zhangxiang <zhangxiang@novalon.cn>
Date: Thu, 3 Sep 2026 22:41:10 +0800
Subject: [PATCH] =?UTF-8?q?refactor(animations):=20converge=20P2=20stagger?=
 =?UTF-8?q?=20delays=20to=20=E2=89=A460ms=20target?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Task #16 P2: converge 25 stagger/delay delays to ≤60ms target.

scope: 12 files, 25 staggerDelay/delayChildren props
before: 0.07/0.08/0.1/0.12s -> after: 0.05s (50ms, aligns ScrollReveal default)

verified:
- tsc --noEmit: clean (TSC_EXIT=0)
- eslint (12 files): 0 errors, 22 pre-existing warnings only
- jest: 130/130 suites, 1573 passed, 2 skipped, 0 failed (JEST_EXIT=0)
- motion audit: P0=0, P1=5 preserved, P2=0, OK=425

note: P1 residual 5 preserved (flip-clock 2 + page-transition 2 by
semantics; design-system.ts 1 dead-code deferred). visual regression
waived: stagger is entrance delay, reducedMotion yields same pixels.

Co-Authored-By: 阿睿 <workbuddy@local>
---
 src/app/(marketing)/home-content-v15.tsx                  | 6 +++---
 src/app/(marketing)/methodology/methodology-content.tsx   | 2 +-
 .../products/erp-upgrade/erp-upgrade-content-v2.tsx       | 8 ++++----
 .../(marketing)/products/product-detail-content-v3.tsx    | 6 +++---
 src/app/(marketing)/products/products-content-v3.tsx      | 4 ++--
 .../(marketing)/solutions/solution-detail-content-v3.tsx  | 8 ++++----
 src/components/content/sections.tsx                       | 6 +++---
 src/components/detail/detail-case-studies-section.tsx     | 2 +-
 src/components/detail/detail-certifications-section.tsx   | 2 +-
 src/components/detail/detail-hero.tsx                     | 2 +-
 src/components/sections/case-detail-page.tsx              | 2 +-
 src/components/ui/page-transition.tsx                     | 2 +-
 12 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/app/(marketing)/home-content-v15.tsx b/src/app/(marketing)/home-content-v15.tsx
index 063674d..d1edd09 100644
--- a/src/app/(marketing)/home-content-v15.tsx
+++ b/src/app/(marketing)/home-content-v15.tsx
@@ -358,7 +358,7 @@ function TrustSection({ pageCopy }: { pageCopy?: HomePageCopy | null }) {
         </div>
 
         {/* 首批客户共创计划：如实呈现共创/内测/授权公开状态，不虚构客户 */}
-        <StaggerReveal staggerDelay={0.08}>
+        <StaggerReveal staggerDelay={0.05}>
           <div className="p-6 sm:p-8 bg-brand-bg border border-[rgba(196,30,58,0.15)]" data-testid="early-access-banner">
             <div className="flex items-center gap-3 mb-4">
               <span className="text-[13px] tracking-[0.12em] font-semibold text-brand">
@@ -439,7 +439,7 @@ function NarrativeSection({ pageCopy }: { pageCopy?: HomePageCopy | null }) {
 
         <div className="grid md:grid-cols-3 gap-px bg-border-primary">
           {NARRATIVE_ACTS_CMS.map((act) => (
-            <StaggerReveal key={act.number} staggerDelay={0.08}>
+            <StaggerReveal key={act.number} staggerDelay={0.05}>
               <div className="group relative h-full bg-bg-primary p-8 sm:p-10 md:p-12 transition-colors duration-300 hover:bg-bg-secondary">
                 <div className="flex items-start justify-between mb-8">
                   <span
@@ -517,7 +517,7 @@ function InsightsSection({ pageCopy }: { pageCopy?: HomePageCopy | null }) {
 
         <div className="grid grid-cols-1 md:grid-cols-2 gap-px bg-border-primary border border-border-primary">
           {items.slice(0, 4).map((insight, i) => (
-            <StaggerReveal key={i} staggerDelay={0.07}>
+            <StaggerReveal key={i} staggerDelay={0.05}>
               <a
                 href={insight.href}
                 className="group flex flex-col h-full bg-bg-primary p-8 sm:p-10 md:p-12 transition-colors duration-300 hover:bg-bg-secondary"
diff --git a/src/app/(marketing)/methodology/methodology-content.tsx b/src/app/(marketing)/methodology/methodology-content.tsx
index 2eb8b27..e3e7581 100644
--- a/src/app/(marketing)/methodology/methodology-content.tsx
+++ b/src/app/(marketing)/methodology/methodology-content.tsx
@@ -78,7 +78,7 @@ export function MethodologyContent({ data }: MethodologyContentProps) {
               <div className="hidden lg:block absolute top-16 left-[12.5%] right-[12.5%] h-px bg-border-primary" />
               <StaggerReveal
                 className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8"
-                staggerDelay={0.08}
+                staggerDelay={0.05}
                 delayChildren={0.05}
               >
                 {phases.map((phase, idx) => (
diff --git a/src/app/(marketing)/products/erp-upgrade/erp-upgrade-content-v2.tsx b/src/app/(marketing)/products/erp-upgrade/erp-upgrade-content-v2.tsx
index fc0a5ec..ce56105 100644
--- a/src/app/(marketing)/products/erp-upgrade/erp-upgrade-content-v2.tsx
+++ b/src/app/(marketing)/products/erp-upgrade/erp-upgrade-content-v2.tsx
@@ -178,7 +178,7 @@ export default function ErpUpgradeContentV2({ item }: ErpUpgradeContentV2Props)
 
           <StaggerReveal
             className="grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8"
-            delayChildren={0.08}
+            delayChildren={0.05}
           >
             {PAIN_POINTS.map((item, index) => (
               <div
@@ -215,7 +215,7 @@ export default function ErpUpgradeContentV2({ item }: ErpUpgradeContentV2Props)
 
           <StaggerReveal
             className="grid grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8"
-            delayChildren={0.08}
+            delayChildren={0.05}
           >
             {UPGRADE_BENEFITS.map((item, index) => (
               <div
@@ -292,7 +292,7 @@ export default function ErpUpgradeContentV2({ item }: ErpUpgradeContentV2Props)
 
             <StaggerReveal
               className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8"
-              delayChildren={0.1}
+              delayChildren={0.05}
             >
               {UPGRADE_PROCESS.map((item, index) => (
                 <div key={index} className="relative">
@@ -352,7 +352,7 @@ export default function ErpUpgradeContentV2({ item }: ErpUpgradeContentV2Props)
           {certifications.length > 0 ? (
             <StaggerReveal
               className="flex flex-wrap justify-center gap-6 md:gap-10"
-              delayChildren={0.1}
+              delayChildren={0.05}
             >
               {certifications.map((cert, index) => (
                 <div
diff --git a/src/app/(marketing)/products/product-detail-content-v3.tsx b/src/app/(marketing)/products/product-detail-content-v3.tsx
index 613b2b8..a8c24ca 100644
--- a/src/app/(marketing)/products/product-detail-content-v3.tsx
+++ b/src/app/(marketing)/products/product-detail-content-v3.tsx
@@ -130,7 +130,7 @@ function FeaturesSection({ features }: FeaturesSectionProps) {
 
         <StaggerReveal
           className="grid md:grid-cols-2 lg:grid-cols-3 gap-px bg-border-primary"
-          staggerDelay={0.08}
+          staggerDelay={0.05}
           delayChildren={0.05}
         >
           {features.map((feature, idx) => (
@@ -175,7 +175,7 @@ function BenefitsSection({ benefits }: BenefitsSectionProps) {
           </ScrollReveal>
 
           <div className="space-y-px bg-border-primary">
-            <StaggerReveal staggerDelay={0.1} delayChildren={0.05}>
+            <StaggerReveal staggerDelay={0.05} delayChildren={0.05}>
               {benefits.map((benefit, idx) => (
                 <div
                   key={idx}
@@ -228,7 +228,7 @@ function ProcessSection({ process }: ProcessSectionProps) {
 
         <div className="relative">
           <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-px bg-border-primary">
-            <StaggerReveal staggerDelay={0.12} delayChildren={0.05}>
+            <StaggerReveal staggerDelay={0.05} delayChildren={0.05}>
               {process.map((step, idx) => (
                 <div
                   key={idx}
diff --git a/src/app/(marketing)/products/products-content-v3.tsx b/src/app/(marketing)/products/products-content-v3.tsx
index de8116a..05a51e5 100644
--- a/src/app/(marketing)/products/products-content-v3.tsx
+++ b/src/app/(marketing)/products/products-content-v3.tsx
@@ -376,7 +376,7 @@ function SpecializedProductsSection({ products }: { products: Product[] }) {
 
         <StaggerReveal
           className="grid md:grid-cols-2 lg:grid-cols-3 gap-px bg-border-primary"
-          staggerDelay={0.08}
+          staggerDelay={0.05}
           delayChildren={0.05}
         >
           {specializedProducts.map((product) => (
@@ -413,7 +413,7 @@ function SuiteCombosSection({ products }: { products: Product[] }) {
 
         <StaggerReveal
           className="grid md:grid-cols-2 gap-px bg-border-primary"
-          staggerDelay={0.1}
+          staggerDelay={0.05}
           delayChildren={0.05}
         >
           {SUITE_COMBOS.map((combo, idx) => {
diff --git a/src/app/(marketing)/solutions/solution-detail-content-v3.tsx b/src/app/(marketing)/solutions/solution-detail-content-v3.tsx
index 4def5b7..2793cb7 100644
--- a/src/app/(marketing)/solutions/solution-detail-content-v3.tsx
+++ b/src/app/(marketing)/solutions/solution-detail-content-v3.tsx
@@ -118,7 +118,7 @@ function ChallengesSection({ challenges }: ChallengesSectionProps) {
           </ScrollReveal>
 
           <div className="space-y-px bg-border-primary">
-            <StaggerReveal staggerDelay={0.1} delayChildren={0.05}>
+            <StaggerReveal staggerDelay={0.05} delayChildren={0.05}>
               {challenges.map((challenge, idx) => (
                 <div
                   key={idx}
@@ -165,7 +165,7 @@ function SolutionsSection({ solutions }: SolutionsSectionProps) {
         </ScrollReveal>
 
         <div className="grid md:grid-cols-2 gap-px bg-border-primary">
-          <StaggerReveal staggerDelay={0.1} delayChildren={0.05}>
+          <StaggerReveal staggerDelay={0.05} delayChildren={0.05}>
             {solutions.map((solution, idx) => (
               <div
                 key={idx}
@@ -220,7 +220,7 @@ function ValuePropositionSection({ valueProposition }: ValuePropositionProps) {
         </ScrollReveal>
 
         <div className="grid md:grid-cols-3 gap-px bg-border-primary">
-          <StaggerReveal staggerDelay={0.12} delayChildren={0.05}>
+          <StaggerReveal staggerDelay={0.05} delayChildren={0.05}>
             {valueProposition.points.map((point, idx) => {
               const icon = VALUE_ICONS[point.icon] || <Settings className="w-6 h-6" />;
               return (
@@ -275,7 +275,7 @@ function SuiteCombinationSection({ suiteCombination, products }: SuiteCombinatio
         </ScrollReveal>
 
         <div className="grid lg:grid-cols-5 gap-px bg-border-primary mb-px">
-          <StaggerReveal staggerDelay={0.1} delayChildren={0.05}>
+          <StaggerReveal staggerDelay={0.05} delayChildren={0.05}>
             {primaryProducts.map((product) => product && (
               <div
                 key={product.id}
diff --git a/src/components/content/sections.tsx b/src/components/content/sections.tsx
index 08ea84e..d665b81 100644
--- a/src/components/content/sections.tsx
+++ b/src/components/content/sections.tsx
@@ -41,7 +41,7 @@ export function MethodologyFramework({
         </ScrollReveal>
 
         <div className="relative">
-          <StaggerReveal staggerDelay={0.1} delayChildren={0.05}>
+          <StaggerReveal staggerDelay={0.05} delayChildren={0.05}>
             {layers.map((layer, index) => (
               <motion.div
                 key={index}
@@ -117,7 +117,7 @@ export function TechStackShowcase({ title, subtitle, categories }: TechStackShow
         </ScrollReveal>
 
         <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
-          <StaggerReveal staggerDelay={0.08} delayChildren={0.05}>
+          <StaggerReveal staggerDelay={0.05} delayChildren={0.05}>
             {categories.map((category, index) => (
               <div
                 key={index}
@@ -344,7 +344,7 @@ export function DataProofSection({ title, subtitle, metrics }: DataProofSectionP
         </ScrollReveal>
 
         <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-px bg-border-primary">
-          <StaggerReveal staggerDelay={0.08} delayChildren={0.05}>
+          <StaggerReveal staggerDelay={0.05} delayChildren={0.05}>
             {metrics.map((metric, index) => (
               <div
                 key={index}
diff --git a/src/components/detail/detail-case-studies-section.tsx b/src/components/detail/detail-case-studies-section.tsx
index d64dd05..a800a37 100644
--- a/src/components/detail/detail-case-studies-section.tsx
+++ b/src/components/detail/detail-case-studies-section.tsx
@@ -68,7 +68,7 @@ export function CaseStudiesSection({
 
         {/* grid 直接挂 StaggerReveal（见文件头注释），gap-px 露出容器底色形成发丝分隔线 */}
         <StaggerReveal
-          staggerDelay={0.1}
+          staggerDelay={0.05}
           delayChildren={0.05}
           className="grid md:grid-cols-2 lg:grid-cols-3 gap-px bg-border-primary"
         >
diff --git a/src/components/detail/detail-certifications-section.tsx b/src/components/detail/detail-certifications-section.tsx
index d9dddf2..e769665 100644
--- a/src/components/detail/detail-certifications-section.tsx
+++ b/src/components/detail/detail-certifications-section.tsx
@@ -50,7 +50,7 @@ export function CertificationsSection({ certifications }: CertificationsSectionP
 
         {/* flex 直接挂 StaggerReveal（同 CaseStudiesSection 的布局要点） */}
         <StaggerReveal
-          staggerDelay={0.08}
+          staggerDelay={0.05}
           delayChildren={0.05}
           className="flex flex-wrap justify-center gap-px bg-border-primary"
         >
diff --git a/src/components/detail/detail-hero.tsx b/src/components/detail/detail-hero.tsx
index c1cc531..1b026fc 100644
--- a/src/components/detail/detail-hero.tsx
+++ b/src/components/detail/detail-hero.tsx
@@ -54,7 +54,7 @@ export function DetailHero({
             visible: {
               transition: {
                 staggerChildren: 0.12,
-                delayChildren: 0.2,
+                delayChildren: 0.05,
               },
             },
           }}
diff --git a/src/components/sections/case-detail-page.tsx b/src/components/sections/case-detail-page.tsx
index 76bdf99..0fddd21 100644
--- a/src/components/sections/case-detail-page.tsx
+++ b/src/components/sections/case-detail-page.tsx
@@ -482,7 +482,7 @@ function RelatedServicesSection({ services }: { services: CaseDetailData['servic
         </ScrollReveal>
 
         <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
-          <StaggerReveal staggerDelay={0.08}>
+          <StaggerReveal staggerDelay={0.05}>
             {services.slice(0, 3).map((s) => (
               <ServiceCard
                 key={s.id}
diff --git a/src/components/ui/page-transition.tsx b/src/components/ui/page-transition.tsx
index d6aad89..3d2717a 100644
--- a/src/components/ui/page-transition.tsx
+++ b/src/components/ui/page-transition.tsx
@@ -102,7 +102,7 @@ export function StaggerChildren({
         visible: {
           transition: {
             staggerChildren: 0.06,
-            delayChildren: 0.1,
+            delayChildren: 0.05,
           },
         },
       }}