style(CourseDetailPage): 调整主讲教师列表的布局和样式

@@ -75,15 +75,15 @@
             </div>
 
             <div v-if="activeTab === '主讲教师'">
-              <div v-for="(item, index) in lecturers" :key="index" class="flex items-center" style="margin-bottom: 1rem;">
-                <div class="w-16 h-16 rounded-full overflow-hidden mr-4">
+              <div v-for="(item, index) in lecturers" :key="index" class="flex items-start" style="margin-bottom: 1rem;">
+                <div class="w-16 h-16 rounded-full overflow-hidden mr-4 flex-shrink-0">
                   <img :src="item?.photo || 'https://cdn.ipadbiz.cn/mlaj/images/default_block.png'" alt="lecturer"
                     class="w-full h-full object-cover" @error="handleImageError" />
                 </div>
-                <div>
+                <div class="flex-1 min-w-0">
                   <h4 class="font-bold text-gray-900">{{ item?.name }}</h4>
                   <p class="text-sm text-gray-600">{{ item?.educational }}</p>
-                  <p class="text-xs text-gray-500 mt-1">{{ item?.introduction }}</p>
+                  <p class="text-xs text-gray-500 mt-1 break-words">{{ item?.introduction }}</p>
                 </div>
               </div>
             </div>