Update styles.py

styles.py

@@ -157,40 +157,35 @@ position:absolute; right:16px; top:10px; font-weight:700; font-size:28px; letter
 /* === Chatbot 头像尺寸 & 对齐（稳定版）=== */
 
 /* 1) 用容器来做圆形与描边，更不易错位 */
-.custom-chatbot .avatar{
-  width: 80px;                 /* 想更大改成 44px */
-  height: 80px;
-  min-width: 80px;
-  min-height: 80px;
-  border-radius: 9999px;
-  overflow: hidden;            /* 把内部图像裁剪成圆形 */
-  border: 5px solid #ffffffcc; /* 半透明白描边 */
-  box-shadow: 0 2px 6px rgba(0,0,0,.25);
-  background: transparent;
-  flex-shrink: 0;
-  align-self: flex-start;      /* 与气泡顶部对齐，避免“头像偏下” */
-  margin-top: 10px;             /* 轻微上移，让视觉更齐 */
-}
-
-/* 2) 图片填充容器，避免被拉伸/留白/偏移 */
+.custom-chatbot .avatar,
+.custom-chatbot .message .avatar{
+  width: 72px !important;        /* ← 改这里：56/64/72 都可以 */
+  height: 72px !important;
+  min-width: 72px !important;
+  min-height: 72px !important;
+  border-radius: 9999px !important;
+  overflow: hidden !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;       /* 与气泡顶部对齐 */
+}
+
+/* 头像图片填充容器，不变形 */
+.custom-chatbot .avatar > img,
 .custom-chatbot .avatar-image{
   width: 100% !important;
   height: 100% !important;
-  object-fit: cover;           /* 等比铺满 */
-  object-position: 50% 50%;    /* 居中人物脸部 */
-  display: block;
+  object-fit: cover !important;       /* ▶ 若想完整显示头像不裁剪，改为 contain */
+  object-position: 50% 50% !important;
+  display: block !important;
+  border: 0 !important;
   background: transparent !important;
-  border: none !important;     /* 边框交给容器处理 */
 }
 
-/* 3) 气泡与头像的相对布局再细调一下 */
-.custom-chatbot .message{
-  align-items: flex-start;     /* 顶部对齐，避免头像和气泡错层 */
-  gap: 10px;                   /* 头像与气泡的水平间距 */
-}
-.custom-chatbot .message .message-content{
-  margin-top: 2px;             /* 让气泡首行与头像更齐平 */
-}
+/* 头像与气泡的间距与对齐（可选） */
+.custom-chatbot .message{ gap: 12px !important; align-items: flex-start !important; }
+.custom-chatbot .message .message-content{ margin-top: 2px !important; }
 
 /* 4) 移动端略微缩小 */
 @media (max-width: 820px){