feat(StudyCoursePage): 添加学习目标并优化课程特色和亮点显示

在课程详情页面中，新增了学习目标的显示，并对课程特色和亮点的展示进行了优化，增加了标题和间距，提升了用户体验。

@@ -38,8 +38,21 @@
                 :style="{ paddingTop: topWrapperHeight, height: 'calc(100vh - ' + topWrapperHeight + ')' }">
                 <!-- 详情区域 -->
                 <div id="detail" class="py-4 px-4">
-                    <div v-if="course?.feature" class="text-gray-700 text-sm leading-relaxed" v-html="course?.feature"></div>
-                    <div v-if="course?.highlights" class="text-gray-700 text-sm leading-relaxed" v-html="course?.highlights"></div>
+                    <div v-if="course?.feature">
+                        <div class="text-black text-xl font-bold mb-2">课程特色</div>
+                        <div class="text-gray-700 text-sm leading-relaxed" v-html="course?.feature"></div>
+                        <br />
+                    </div>
+                    <div v-if="course?.highlights">
+                        <div class="text-black text-xl font-bold mb-2">课程亮点</div>
+                        <div class="text-gray-700 text-sm leading-relaxed" v-html="course?.highlights"></div>
+                        <br />
+                    </div>
+                    <div v-if="course?.learning_goal">
+                        <div class="text-black text-xl font-bold mb-2">学习目标</div>
+                        <div class="text-gray-700 text-sm leading-relaxed" v-html="course?.learning_goal"></div>
+                        <br />
+                    </div>
                     <van-empty v-else description="暂无详情" />
                 </div>