Update styles.py

styles.py

@@ -152,55 +152,36 @@ position:absolute; right:16px; top:10px; font-weight:700; font-size:28px; letter
 
 /* === Chatbot 头像尺寸 & 对齐（稳定版）=== */
 
-/* 1) 用容器来做圆形与描边，更不易错位 */
-/* === 统一放大头像到 72px（你可改成 64/80）=== */
-#poker_chat :is(.avatar, .avatar-wrap, .gr-avatar, [class*="avatar"]){
-  width: 80px !important;
-  height: 80px !important;
-  min-width: 80px !important;
-  min-height: 80px !important;
+/* 放大 Chatbot 头像（统一设置） */
+.custom-chatbot .avatar,
+.custom-chatbot .message .avatar{
+  width: 88px !important;        /* ← 改这里：56/64/72 都可以 */
+  height: 88px !important;
+  min-width: 88px !important;
+  min-height: 88px !important;
   border-radius: 9999px !important;
   overflow: hidden !important;
-  border: 2px solid #ffffffcc !important;
+  border: 2px solid #ffffffcc !important;  /* 可选描边 */
   box-shadow: 0 2px 6px rgba(0,0,0,.25) !important;
   flex-shrink: 0 !important;
-  align-self: flex-start !important;   /* 与气泡顶部对齐 */
-  margin-top: 2px !important;
+  align-self: flex-start !important;       /* 与气泡顶部对齐 */
 }
 
-/* 图片填充容器，不变形不留白 */
-#poker_chat :is(.avatar-image, .gr-avatar > img, .avatar > img, [class*="avatar"] img){
+/* 头像图片填充容器，不变形 */
+.custom-chatbot .avatar > img,
+.custom-chatbot .avatar-image{
   width: 100% !important;
   height: 100% !important;
-  object-fit: cover !important;        /* 想完整显示而不裁剪可改为 contain */
+  object-fit: cover !important;       /* ▶ 若想完整显示头像不裁剪，改为 contain */
   object-position: 50% 50% !important;
   display: block !important;
   border: 0 !important;
   background: transparent !important;
 }
 
-/* 头像与气泡的间距/对齐（可微调） */
-#poker_chat :is(.message, .wrap){
-  align-items: flex-start !important;
-  gap: 12px !important;
-}
-
-/* 兼容某些版本的栅格/列宽（保证头像列能放下 72px） */
-#poker_chat [class*="grid"], 
-#poker_chat [class*="row"]{
-  --chatbot-avatar-size: 72px;        /* 若新版本用到自定义变量，可利用 */
-}
-
-/* 移动端略微缩小 */
-@media (max-width: 820px){
-  #poker_chat :is(.avatar, .avatar-wrap, .gr-avatar, [class*="avatar"]){
-    width: 56px !important;
-    height: 56px !important;
-    min-width: 56px !important;
-    min-height: 56px !important;
-    border-width: 1.5px !important;
-  }
-}
+/* 头像与气泡的间距与对齐（可选） */
+.custom-chatbot .message{ gap: 12px !important; align-items: flex-start !important; }
+.custom-chatbot .message .message-content{ margin-top: 2px !important; }
 
 
 """