feat(预约系统): 添加预约详情展示区域并优化日期点击交互

- 新增 booking-details 样式组件用于展示预约详情
- 移除旧版弹窗设计，改为页面内嵌式展示
- 添加日期点击时的平滑滚动效果
- 始终显示预约数量，无论是否有预约

style.css

@@ -684,6 +684,42 @@ body {
     color: var(--el-color-danger);
 }
 
+/* 预约详情显示区域 */
+.booking-details {
+    background: var(--el-bg-color);
+    border: 1px solid var(--el-border-lighter);
+    border-radius: var(--el-border-radius-large);
+    padding: var(--el-spacing-large);
+    margin-top: var(--el-spacing-large);
+    box-shadow: var(--el-box-shadow-lighter);
+}
+
+.booking-details h3 {
+    color: var(--el-text-primary);
+    margin: 0 0 var(--el-spacing-base) 0;
+    font-size: var(--el-font-size-large);
+    border-bottom: 2px solid var(--el-color-primary);
+    padding-bottom: var(--el-spacing-base);
+    display: flex;
+    align-items: center;
+    gap: var(--el-spacing-small);
+}
+
+.booking-details h3:before {
+    content: "📋";
+    font-size: var(--el-font-size-medium);
+}
+
+.booking-details .booking-detail-item {
+    margin-bottom: var(--el-spacing-base);
+    transition: all 0.3s ease;
+}
+
+.booking-details .booking-detail-item:hover {
+    transform: translateY(-2px);
+    box-shadow: var(--el-box-shadow-base);
+}
+
 /* 表格样式 */
 .table {
     width: 100%;