feat: 作业页面单元分类导航和样式优化

- 为复合能力课和垂直能力课添加单元分组结构
- 实现单元导航栏和课程筛选功能
- 优化导航栏样式，采用胶囊式设计
- 调整页面布局和间距，提升视觉体验
- 修复营销能力课日历事件显示问题
- 修复1v1规划时间为14:00-16:00
- 修复作业页面iframe返回后滚动失效问题

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/pages/CalendarPage/components/EventDetailModal.jsx

@@ -177,6 +177,28 @@ const EventDetailModal = ({ isOpen, event, onClose }) => {
                         </div>
                       </div>
                       
+                      {/* 企业高管公开课添加线下参与标签 */}
+                      {eventItem.type === 'public-course' && (
+                        <div className="event-info-row" style={{ marginTop: '8px' }}>
+                          <div style={{
+                            padding: '4px 12px',
+                            backgroundColor: '#f0f9ff',
+                            color: '#0ea5e9',
+                            borderRadius: '4px',
+                            fontSize: '12px',
+                            fontWeight: '500',
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            gap: '4px'
+                          }}>
+                            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
+                              <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
+                            </svg>
+                            可报名线下参与
+                          </div>
+                        </div>
+                      )}
+                      
                       {eventItem.description && (
                         <div className="event-description">
                           {eventItem.description}

src/pages/CalendarPage/index.css

@@ -242,44 +242,37 @@
 
 /* 复合技能课 */
 .event-item.compound-skill {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  background: #5AC6FF;
 }
 
 /* 垂直技能课 */
 .event-item.vertical-skill {
-  background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
+  background: #CB78E0;
 }
 
-/* 公开课 */
+/* 企业高管公开课 */
 .event-item.public-course {
-  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
+  background: #D0A474;
+}
+
+/* AI课程 */
+.event-item.ai-course {
+  background: #F7A133;
+}
+
+/* 营销课 */
+.event-item.marketing-course {
+  background: #FF4277;
 }
 
 /* 1v1规划 */
 .event-item.one-on-one {
-  background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
+  background: #FFCC3F;
 }
 
 /* 线下面试模拟 */
 .event-item.interview {
-  background: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);
-}
-
-/* 默认类型保留 */
-.event-item.class {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-}
-
-.event-item.meeting {
-  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
-}
-
-.event-item.lab {
-  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
-}
-
-.event-item.exam {
-  background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);
+  background: #0743DA;
 }
 
 .event-more {