update: 更新聊天弹窗样式，更加接近微信样式

Author: joey-zhou

web/src/components/AiAvatar.vue

@@ -0,0 +1,48 @@
+<template>
+  <div class="ai-avatar-wrapper" :style="{ width: size + 'px', height: size + 'px' }">
+    <svg 
+      class="ai-avatar-icon" 
+      viewBox="0 0 1024 1024" 
+      version="1.1" 
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path 
+        d="M515.53 770.231c4.367 0 8.813-0.267 13.285-0.8 42.89-5.147 79.31-35.125 92.754-76.438 1.013-3.093-0.452-6.4-3.407-7.76-2.929-1.36-6.47-0.187-8.12 2.586-0.16 0.267-17.199 27.791-83.543 36.752-9.93 1.334-19.594 2.028-28.753 2.028-46.483-0.027-67.196-17.55-67.382-17.71-2.343-2.08-5.91-2.133-8.306-0.106-2.423 2.027-2.982 5.547-1.332 8.242 20.234 32.804 56.547 53.206 94.804 53.206z m356.723-411.153c-0.586 0-1.119 0.107-1.677 0.107-38.87-168.291-187.4-293.83-365.481-293.83-182.98 0-334.917 132.474-368.596 307.725-32.746 5.894-57.666 34.672-57.666 69.477v139.301c0 39.045 31.31 70.703 69.966 70.703 21.805 0 41.053-10.294 53.859-26.11 30.934 81.822 93.922 147.803 173.627 182.61 0.191-0.416 1.7-3.349 3.514-5.686 1.258-1.62 2.66-2.952 3.868-2.952 1.252 0 2.397 0.453 3.381 1.147-18.45-13.736-85.087-84.333-99.516-182.853-6.337-43.367 26.143-85.933 63.975-92.974 60.727-11.309 121.135-24.19 181.862-35.285 38.603-7.041 64.987-28.217 81.12-63.475 3.78-8.242 9.239-24.91 11.742-48.94 0.665-3.574 3.593-6.322 7.348-6.322 2.503 0 4.633 1.28 6.044 3.12l1.677-1.04c23.934 34.752 71.403 111.696 78.218 192.828 7.828 92.76 3.461 156.29-67.542 221.286-0.08 0.08-0.186 0.186-0.293 0.267a5.821 5.821 0 0 0-1.57 3.974c0 2 1.065 3.707 2.609 4.747 0.585 0.24 1.172 0.56 1.757 0.8 0.479 0.106 0.931 0.267 1.411 0.267s0.906-0.16 1.331-0.267c1.013-0.533 1.97-1.147 2.956-1.68 71.802-39.553 126.885-105.616 152.336-185.067 10.303 15.308 26.436 26.323 45.18 30.164-30.058 136.713-151.991 222.272-303.05 235.26-9.053-22.456-31.336-38.405-57.507-38.405-34.183 0-61.898 27.07-61.898 60.436s27.714 60.408 61.898 60.408c27.555 0 50.638-17.709 58.651-42.032 174.86-14.216 315.03-118.15 344.29-279.64 25.85-10.803 44.007-36.166 44.007-65.77V430.421c-0.002-39.392-32.164-71.344-71.831-71.344z m-64.508 40.486c-45.605-123.537-163.785-211.79-302.81-211.79-138.44 0-256.193 87.506-302.224 210.243-2.29-2.8-4.979-5.2-7.615-7.628 26.064-149.568 154.787-263.291 309.999-263.291 154.467 0 282.79 112.602 309.705 261.131-2.662 3.574-5.112 7.309-7.055 11.335z m-431.453 409.5l-0.008-0.003c-0.029 0.064-0.03 0.072 0.008 0.003z" 
+        :fill="color"
+      />
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AiAvatar',
+  props: {
+    size: {
+      type: Number,
+      default: 40
+    },
+    color: {
+      type: String,
+      default: '#3667E7'
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ai-avatar-wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: #f0f5ff;
+  border-radius: 50%;
+  overflow: hidden;
+}
+
+.ai-avatar-icon {
+  width: 70%;
+  height: 70%;
+}
+</style>
+