feat: enhance new website experiment motion

website/app/new/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 import Image from "next/image";
 import Link from "next/link";
-import AcidThreeField from "./AcidThreeField";
+import AcidExperience from "./AcidExperience";
 
 export const metadata: Metadata = {
   title: "BossAI / New Signal",
@@ -41,7 +41,7 @@ const proofItems = [
 export default function NewWebsiteExperiment() {
   return (
     <main className="new-acid-page">
-      <AcidThreeField />
+      <AcidExperience />
       <div className="new-acid-noise" aria-hidden="true" />
       <header className="new-acid-nav" aria-label="BossAI 实验页导航">
         <Link className="new-acid-brand" href="/" aria-label="BossAI 首页">
@@ -58,7 +58,7 @@ export default function NewWebsiteExperiment() {
         </Link>
       </header>
 
-      <section className="new-acid-hero">
+      <section className="new-acid-hero" data-new-motion="section">
         <div className="new-acid-hero-copy">
           <div className="new-acid-kicker">
             <span />
@@ -81,7 +81,7 @@ export default function NewWebsiteExperiment() {
           </div>
         </div>
 
-        <div className="new-acid-router" aria-label="BossAI 路由演示">
+        <div className="new-acid-router" data-new-motion="card" aria-label="BossAI 路由演示">
           <div className="new-acid-router-top">
             <span>Live mesh</span>
             <strong>route: healthy</strong>
@@ -102,7 +102,7 @@ export default function NewWebsiteExperiment() {
           </div>
           <div className="new-acid-route-list">
             {routeRows.map(([type, model, state]) => (
-              <div key={type}>
+              <div key={type} data-new-motion="card">
                 <span>{type}</span>
                 <strong>{model}</strong>
                 <em>{state}</em>
@@ -112,9 +112,9 @@ export default function NewWebsiteExperiment() {
         </div>
       </section>
 
-      <section id="gateway" className="new-acid-signal-grid">
+      <section id="gateway" className="new-acid-signal-grid" data-new-motion="section">
         {signalCards.map(([label, value, body]) => (
-          <article key={label}>
+          <article key={label} data-new-motion="card">
             <div>
               <span>{label}</span>
               <strong>{value}</strong>
@@ -124,7 +124,7 @@ export default function NewWebsiteExperiment() {
         ))}
       </section>
 
-      <section id="workflow" className="new-acid-band">
+      <section id="workflow" className="new-acid-band" data-new-motion="section">
         <div>
           <span>Workflow Field</span>
           <h2>把 Comfy API、模型路由和用户余额放进同一条生产链路</h2>
@@ -136,7 +136,7 @@ export default function NewWebsiteExperiment() {
         </div>
       </section>
 
-      <section id="studio" className="new-acid-proof">
+      <section id="studio" className="new-acid-proof" data-new-motion="section">
         <div className="new-acid-proof-copy">
           <span>Creation Loop</span>
           <h2>从调用到产出，每一步都有日志、成本和归档位置</h2>
@@ -146,7 +146,7 @@ export default function NewWebsiteExperiment() {
         </div>
         <div className="new-acid-proof-steps">
           {proofItems.map(([step, title, body]) => (
-            <article key={step}>
+            <article key={step} data-new-motion="card">
               <span>{step}</span>
               <strong>{title}</strong>
               <p>{body}</p>
@@ -155,7 +155,7 @@ export default function NewWebsiteExperiment() {
         </div>
       </section>
 
-      <section className="new-acid-final">
+      <section className="new-acid-final" data-new-motion="section">
         <h2>同一个 BoosAPI 内核，另一种官网表达。</h2>
         <div className="new-acid-actions">
           <Link className="new-acid-primary" href="/">