From 5e1a4656ed7ed02ea8022b7af2610dad1dd40825 Mon Sep 17 00:00:00 2001
From: "DESKTOP-I1T6TF3\\Q" <2291969160@qq.com>
Date: Thu, 4 Jun 2026 14:56:06 +0800
Subject: [PATCH] feat(loading): hide footer text when teaser appears and apply
 pulse animation to teaser text when typing completes

---
 components/PlayCanvas.tsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/components/PlayCanvas.tsx b/components/PlayCanvas.tsx
index a1c800b..9ebee2f 100644
--- a/components/PlayCanvas.tsx
+++ b/components/PlayCanvas.tsx
@@ -209,7 +209,7 @@ export function PlayCanvas({
       waitForAudio: Boolean(audioBase64),
     });
 
-  const { shown: typedTeaser } = useTypewriter(teaserText ?? "", "teaser_reset", {
+  const { shown: typedTeaser, done: teaserDone } = useTypewriter(teaserText ?? "", "teaser_reset", {
     waitForAudio: false,
   });
 
@@ -505,15 +505,9 @@ export function PlayCanvas({
               <span className="text-[9px] smallcaps text-clay-400 tracking-[0.2em] font-sans">
                 ✦ 故 · 事 · 预 · 告 ✦
               </span>
-              <p className="font-serif leading-[2] text-clay-700 text-[13px] md:text-[15px] italic whitespace-pre-wrap text-left w-full">
+              <p className={`font-serif leading-[2] text-clay-700 text-[13px] md:text-[15px] italic whitespace-pre-wrap text-left w-full ${teaserDone ? "animate-slow-pulse" : ""}`}>
                 {typedTeaser}
               </p>
-              <div className="mt-2 md:mt-4 flex items-center gap-2.5">
-                <span className="w-1.5 h-1.5 bg-ember-500 rounded-full animate-slow-pulse" />
-                <span className="text-[9px] smallcaps text-clay-400">
-                  正 · 在 · 绘 · 制 · 第 · 一 · 幕
-                </span>
-              </div>
             </div>
           ) : (
             <div className="flex flex-col items-center justify-center gap-4">