style(calendar): 调整日期显示区域布局以改善视觉对齐

 <!--
  * @Date: 2025-01-25 15:34:17
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2026-01-23 13:38:31
+ * @LastEditTime: 2026-01-23 13:43:28
  * @FilePath: /mlaj/src/components/calendar/CollapsibleCalendar.vue
  * @Description: 可折叠日历组件
 -->
@@ -28,10 +28,11 @@
             <div class="calendar-content">
                 <div class="calendar-date-display" @click="expandCalendar">
                     <div class="calendar-date-main">{{ formattedCurrentDate }}</div>
+                    <div class="flex items-center gap-2">
                         <div class="calendar-weekday">{{ formattedWeekday }}</div>
                         <div
                             v-if="!isHeaderHidden"
-                        class="text-xs mt-1 collapsible-text px-3 py-1 text-center rounded-full border inline-flex items-center justify-center gap-1 min-w-[5rem] transition-colors duration-200"
+                            class="text-xs collapsible-text px-3 py-1 text-center rounded-full border inline-flex items-center justify-center gap-1 min-w-[5rem] transition-colors duration-200"
                             :class="[
                                 hasSelectedDate
                                     ? 'text-green-600 bg-green-50 border-green-200 font-medium'
@@ -47,6 +48,7 @@
                             </svg>
                         </div>
                     </div>
+                </div>
                 <!-- <div class="calendar-action">
                     <div class="calendar-action-text">指定日期</div>
                     <div class="calendar-arrow">