From 4e383850c86b4d58b7a0526f3db6faa1dbcf43a5 Mon Sep 17 00:00:00 2001
From: saas-frontend-agent <agent@coze>
Date: Fri, 11 Sep 2026 14:50:04 +0800
Subject: [PATCH] =?UTF-8?q?feat(ai-avatar):=20=E5=B0=81=E9=9D=A2=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E5=AE=9E=E6=97=B6=E6=A0=87=E9=A2=98=E5=8F=A0=E5=8A=A0?=
 =?UTF-8?q?=20+=20getRenderJob=2060s=20=E8=B6=85=E6=97=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/pages/ai-avatar/AiAvatar.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/pages/ai-avatar/AiAvatar.css b/apps/web/src/pages/ai-avatar/AiAvatar.css
index 7e5e1fbe9..2701d830f 100644
--- a/apps/web/src/pages/ai-avatar/AiAvatar.css
+++ b/apps/web/src/pages/ai-avatar/AiAvatar.css
@@ -552,7 +552,7 @@
   max-width: 240px;
   aspect-ratio: 9/16;
   background: #f0f0f5;
-  border-radius: 8px;
+  border-radius: 12px;
   overflow: hidden;
   display: flex;
   align-items: center;
@@ -564,8 +564,10 @@
 .aa-cover-preview img {
   width: 100%;
   height: 100%;
+  aspect-ratio: 9/16;
   object-fit: cover;
   display: block;
+  border-radius: 12px;
 }
 
 .aa-cover-preview__placeholder {
@@ -573,6 +575,19 @@
   color: #8c8ca1;
 }
 
+.aa-cover-preview__loading {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.45);
+  color: #fff;
+  font-size: 13px;
+  backdrop-filter: blur(4px);
+  -webkit-backdrop-filter: blur(4px);
+}
+
 .aa-cover-actions {
   display: flex;
   gap: 8px;