From c5c16ee893987e0ae2aa61d12f6a355b0615268f Mon Sep 17 00:00:00 2001
From: gaoziman <2942894660@qq.com>
Date: Sat, 27 Dec 2025 15:02:34 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=A0=B7=E5=BC=8F):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E7=94=9F=E6=88=90=E7=9B=B8=E5=85=B3=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 shimmer 闪光动画
- 添加 progress 进度条动画
- 定义图片生成加载状态样式
---
 src/app/globals.css | 45 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/src/app/globals.css b/src/app/globals.css
index 2f80556..2f34642 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -649,3 +649,48 @@ pre[class*="language-"] {
     background-color: transparent;
   }
 }
+
+/* ========================================
+   AI 图片生成加载动画
+   用于 Gemini 等图片生成模型
+   ======================================== */
+
+/* 闪光效果动画 - 从左到右的光线扫过 */
+@keyframes shimmer {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+.animate-shimmer {
+  animation: shimmer 2s infinite;
+}
+
+/* 进度条动画 - 模拟加载进度 */
+@keyframes progress {
+  0% {
+    width: 0%;
+  }
+  20% {
+    width: 15%;
+  }
+  40% {
+    width: 35%;
+  }
+  60% {
+    width: 55%;
+  }
+  80% {
+    width: 75%;
+  }
+  100% {
+    width: 90%;
+  }
+}
+
+.animate-progress {
+  animation: progress 8s ease-in-out infinite;
+}