style(CollapsibleCalendar): 优化日期切换按钮样式并移除多余注释

 <!--
  * @Date: 2025-01-25 15:34:17
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-12-19 01:22:52
+ * @LastEditTime: 2026-01-21 16:03:33
  * @FilePath: /mlaj/src/components/ui/CollapsibleCalendar.vue
  * @Description: 可折叠日历组件
 -->
@@ -29,7 +29,7 @@
                 <div class="calendar-date-display" @click="expandCalendar">
                     <div class="calendar-date-main">{{ formattedCurrentDate }}</div>
                     <div class="calendar-weekday">{{ formattedWeekday }}</div>
-                    <div class="text-xs text-gray-500 mt-1 collapsible-text">切换日期</div>
+                    <div class="text-xs text-gray-500 mt-1 collapsible-text p-1 bg-white w-20 text-center rounded-full border border-gray-200">切换日期</div>
                 </div>
                 <!-- <div class="calendar-action">
                     <div class="calendar-action-text">指定日期</div>
@@ -581,7 +581,7 @@ defineExpose({
 
 .collapsible-text {
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    max-height: 20px; // 假设文字高度不超过20px
+    // max-height: 20px; // 假设文字高度不超过20px
     opacity: 1;
 }