完成AI辅导员修改

src/components/AiIcon/index.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="ai-icon-container" :style="{ width: size + 'px', height: size + 'px' }">
+    <img 
+      src="@/assets/ai/iconAI.png" 
+      :width="size" 
+      :height="size" 
+      alt="AI助手"
+      class="ai-icon-image"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AiIcon',
+  props: {
+    size: {
+      type: [String, Number],
+      default: 24
+    },
+    color: {
+      type: String,
+      default: 'currentColor'
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ai-icon-container {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  overflow: hidden;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.ai-icon-container:hover {
+  transform: scale(1.05);
+}
+
+.ai-icon-image {
+  width: 100% !important;
+  height: 100% !important;
+  border-radius: 50%;
+  object-fit: cover;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+</style>