diff --git a/frontend/src/pages/VCCourseDetail.jsx b/frontend/src/pages/VCCourseDetail.jsx
index 16529d4..a10f03e 100644
--- a/frontend/src/pages/VCCourseDetail.jsx
+++ b/frontend/src/pages/VCCourseDetail.jsx
@@ -223,10 +223,27 @@ const VCCourseDetail = () => {
                                 {course.lesson_count} 课时
                             </Descriptions.Item>
                             {course.is_fixed_schedule && (course.start_time || course.end_time) && (
-                                <Descriptions.Item label={<span style={{ display: 'flex', alignItems: 'center' }}><CalendarOutlined style={{ marginRight: 8, color: '#00f0ff' }} /> 开课时间</span>}>
-                                    <div>
-                                        {course.start_time && <div>开始：{new Date(course.start_time).toLocaleString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit'})}</div>}
-                                        {course.end_time && <div>结束：{new Date(course.end_time).toLocaleString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit'})}</div>}
+                                <Descriptions.Item span={3} label={<span style={{ display: 'flex', alignItems: 'center' }}><CalendarOutlined style={{ marginRight: 8, color: '#00f0ff' }} /> 开课时间</span>}>
+                                    <div style={{ display: 'flex', gap: '30px', alignItems: 'center', flexWrap: 'wrap' }}>
+                                        {course.start_time && (
+                                            <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                                <span style={{ fontSize: 12, color: '#888', marginBottom: 2 }}>开始时间</span>
+                                                <span style={{ fontSize: 16, color: '#fff', fontFamily: 'DIN Alternate, Consolas, monospace', letterSpacing: 1 }}>
+                                                    {new Date(course.start_time).toLocaleString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit'})}
+                                                </span>
+                                            </div>
+                                        )}
+                                        {course.start_time && course.end_time && (
+                                            <div style={{ width: 30, height: 1, background: '#333' }} />
+                                        )}
+                                        {course.end_time && (
+                                            <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                                <span style={{ fontSize: 12, color: '#888', marginBottom: 2 }}>结束时间</span>
+                                                <span style={{ fontSize: 16, color: '#fff', fontFamily: 'DIN Alternate, Consolas, monospace', letterSpacing: 1 }}>
+                                                    {new Date(course.end_time).toLocaleString('zh-CN', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit'})}
+                                                </span>
+                                            </div>
+                                        )}
                                     </div>
                                 </Descriptions.Item>
                             )}