style：消息中心滚动样式修复

src/views/teacher/message/components/NotificationMessages.vue

@@ -74,7 +74,7 @@
               <h4 class="chat-user-name">
                 {{ activeContact?.name }}
                 <span v-if="activeContact?.type === 'group'" class="member-count">({{ activeContact?.memberCount || 0
-}}人)</span>
+                  }}人)</span>
               </h4>
             </div>
           </div>
@@ -1416,7 +1416,7 @@ onMounted(() => {
 <style scoped>
 .chat-container {
   display: flex;
-  height: 100vh;
+  height: calc(100vh - var(--top-height, 130px) - 64px - 145px);
   background: #fff;
   border-radius: 4px;
   overflow: hidden;
@@ -1730,6 +1730,7 @@ onMounted(() => {
 .chat-messages {
   flex: 1;
   overflow-y: auto;
+  overflow-x: hidden;
   padding: 24px 0;
   height: 0;
   /* 强制flex子元素使用剩余空间 */