feat 完善注释

src/views/service/cpns/ChatMessageItem.vue

@@ -38,10 +38,9 @@ const emit = defineEmits<{ download: [] }>()
 
 <style lang="less" scoped>
 .chat-message-item {
-  .flex(row, flex-start, flex-start); // 头像与气泡顶对齐（设计 38）
-  gap: 9px; // 头像→气泡 12 × 0.77
+  .flex(row, flex-start, flex-start);
+  gap: 9px;
 
-  // 设计 38：头像直径 36 × 0.77；客服 #024FFF，用户 #8D99AE
   &__avatar {
     flex-shrink: 0;
     .flex(row, center);
@@ -62,13 +61,12 @@ const emit = defineEmits<{ download: [] }>()
   &__main {
     .flex(column, flex-start, flex-start);
     gap: 4px;
-    max-width: 320px; // 气泡最宽 ≈ 设计 410 × 0.77
+    max-width: 320px;
   }
 
-  // 设计 38：客服气泡白底轻影；13 → 11 / #1F2937
   &__bubble {
     position: relative;
-    padding: 9px 12px; // 内边距 12/15 × 0.77
+    padding: 9px 12px;
     border-radius: 8px;
     background: @white;
     box-shadow: @shadow-base;
@@ -79,20 +77,17 @@ const emit = defineEmits<{ download: [] }>()
     word-break: break-word;
   }
 
-  // 文件消息：文件卡自身成卡，气泡去内边距/底色/影（设计 38 单层卡）
   &__bubble:has(.chat-file-card) {
     padding: 0;
     background: transparent;
     box-shadow: none;
   }
 
-  // 设计 38：消息时间 11 / #9CA3AF
   &__time {
     font-size: 11px;
     color: @text-color-disabled;
   }
 
-  // 设计 38：「未读」挂在文件卡左下外侧，10 → 11 / #9CA3AF，无底色
   &__unread {
     position: absolute;
     top: 100%;
@@ -113,7 +108,6 @@ const emit = defineEmits<{ download: [] }>()
       align-items: flex-end;
     }
 
-    // 设计 38：我方气泡 #024FFF 白字
     .chat-message-item__bubble {
       background: @primary-strong;
       color: @white;