feat: 添加HR访问量弹窗和日历事项样式优化

- 新增HR访问详情弹窗组件，支持左右切换查看不同HR信息
- 优化日历事项样式系统，基于事件类型匹配样式配置
- 完善侧边栏HR访问量组件，添加重叠头像和点击交互
- 增加班级排名弹窗组件
- 更新专家支持页面布局和样式

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

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

src/pages/CalendarPage/index.css

@@ -217,6 +217,47 @@
   overflow: hidden;
 }
 
+/* 新的事项样式 - 使用JSON配置 */
+.event-item-new {
+  font-size: 11px;
+  padding: 3px 6px;
+  border-radius: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  font-weight: 500;
+  max-width: 100%;
+  display: block;
+  margin: 1px 0;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.event-item-new:hover {
+  transform: translateX(2px);
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+  opacity: 0.9;
+}
+
+.event-item-new .event-content {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+
+.event-item-new .event-icon {
+  flex-shrink: 0;
+}
+
+.event-item-new .event-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 保持原有样式作为备用 */
 .event-item {
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
@@ -397,6 +438,54 @@
   background: #fbfcfd;
 }
 
+/* 新的周视图事件块样式 */
+.event-block-new {
+  position: absolute;
+  left: 4px;
+  right: 4px;
+  border-radius: 4px;
+  padding: 4px 6px;
+  font-size: 11px;
+  z-index: 5;
+  cursor: pointer;
+  transition: all 0.15s ease;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.event-block-new:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  opacity: 0.9;
+}
+
+.event-block-new .event-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 2px;
+}
+
+.event-block-new .event-icon {
+  flex-shrink: 0;
+}
+
+.event-block-new .event-title {
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+}
+
+.event-block-new .event-time {
+  font-size: 10px;
+  opacity: 0.9;
+}
+
+/* 保持原有样式作为备用 */
 .event-block {
   position: absolute;
   left: 4px;