style: EventFormModal 和 InvestmentCalendar H5 响应式适配

src/views/Dashboard/components/InvestmentCalendar.css

@@ -50,18 +50,87 @@
   margin-top: 2px;
 }
 
-/* 响应式调整 */
+/* 响应式调整 - H5 优化 */
 @media (max-width: 768px) {
   .fc-toolbar {
-    flex-direction: column;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 8px;
+    padding: 0 4px;
   }
-  
+
+  .fc-toolbar-chunk {
+    display: flex;
+    justify-content: center;
+  }
+
   .fc-toolbar-title {
-    margin: 0.5em 0;
+    font-size: 1.1rem !important;
+    margin: 4px 0;
+    order: 3;
+    width: 100%;
+    text-align: center;
   }
-  
+
   .fc-button-group {
-    margin: 0.2em;
+    margin: 0;
+  }
+
+  .fc-button {
+    padding: 4px 8px !important;
+    font-size: 12px !important;
+  }
+
+  .fc-today-button {
+    padding: 4px 12px !important;
+  }
+
+  /* 日历头部星期 */
+  .fc-col-header-cell-cushion {
+    font-size: 12px;
+    padding: 4px 2px;
+  }
+
+  /* 日期数字 */
+  .fc-daygrid-day-number {
+    font-size: 13px;
+    padding: 2px 4px;
+  }
+
+  /* 事件标签 */
+  .fc-event {
+    font-size: 10px !important;
+    padding: 1px 2px;
+    margin: 1px 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+  }
+
+  .fc-event-title {
+    font-size: 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  /* 日期单元格 */
+  .fc-daygrid-day {
+    min-height: 60px !important;
+  }
+
+  .fc-daygrid-day-frame {
+    min-height: 60px !important;
+  }
+
+  .fc-daygrid-day-events {
+    margin-top: 1px;
+  }
+
+  /* 更多链接 */
+  .fc-daygrid-more-link {
+    font-size: 10px;
   }
 }