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}