feat(ui): 重布局历史记录，使日志拥有更大的横向空间

frontend/src/views/History.vue

@@ -92,7 +92,7 @@
         <div class="date-sidebar">
           <!-- 日期折叠列表 -->
           <div class="date-list">
-            <a-collapse v-model:activeKey="activeKeys" ghost>
+            <a-collapse v-model:activeKey="activeKeys" ghost accordion>
               <a-collapse-panel
                 v-for="dateGroup in historyData"
                 :key="dateGroup.date"
@@ -133,7 +133,7 @@
           </div>
 
           <div v-else class="detail-content">
-            <!-- 左侧：记录条目和统计数据 -->
+            <!-- 中间：记录条目和统计数据 -->
             <div class="records-area">
               <!-- 记录条目列表 -->
               <div class="records-section">
@@ -194,9 +194,7 @@
 
               <!-- 统计数据 -->
               <div class="statistics-section">
-                <a-row :gutter="16">
                 <!-- 公招统计 -->
-                  <a-col :span="12">
                 <a-card size="small" class="stat-card">
                   <template #title>
                     <span>公招统计</span>
@@ -227,10 +225,8 @@
                     <a-empty description="暂无公招数据" :image="false" />
                   </div>
                 </a-card>
-                  </a-col>
 
                 <!-- 掉落统计 -->
-                  <a-col :span="12">
                 <a-card size="small" class="stat-card">
                   <template #title>
                     <span>掉落统计</span>
@@ -265,8 +261,6 @@
                     <a-empty description="暂无掉落数据" :image="false" />
                   </div>
                 </a-card>
-                  </a-col>
-                </a-row>
               </div>
             </div>
 
@@ -822,7 +816,8 @@ const getDateStatusColor = (users: Record<string, HistoryData>) => {
 
 /* 记录条目区域 */
 .records-area {
-  flex: 1;
+  width: 400px;
+  flex-shrink: 0;
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -929,6 +924,9 @@ const getDateStatusColor = (users: Record<string, HistoryData>) => {
 .statistics-section {
   flex: 1;
   min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 }
 
 .stat-card {
@@ -960,8 +958,8 @@ const getDateStatusColor = (users: Record<string, HistoryData>) => {
 
 /* 日志区域 */
 .log-area {
-  width: 400px;
-  flex-shrink: 0;
+  flex: 1;
+  min-width: 300px;
   display: flex;
   flex-direction: column;
 }