refactor(CheckinMap): 优化签到卡片布局与样式

重构卡片模板结构，将日期栏与进入按钮分组为底部模块；修复封面图片显示问题；统一使用flex布局优化整体排版

@@ -18,6 +18,7 @@
         <!-- 卡片内容 -->
         <!-- 卡片内容 -->
         <view class="card-content">
         <view class="card-content">
           <text class="card-title">{{ item.title }}</text>
           <text class="card-title">{{ item.title }}</text>
+          <view class="card-bottom-module">
             <view class="card-time-wrapper">
             <view class="card-time-wrapper">
               <text class="card-time-label">活动日期</text>
               <text class="card-time-label">活动日期</text>
               <text class="card-time">{{ item.timeRange }}</text>
               <text class="card-time">{{ item.timeRange }}</text>
@@ -28,6 +29,7 @@
           </view>
           </view>
         </view>
         </view>
       </view>
       </view>
+    </view>
 
 
     <BottomNav />
     <BottomNav />
   </view>
   </view>
@@ -178,6 +180,8 @@ useLoad(() => {
 }
 }
 
 
 .map-card {
 .map-card {
+  display: flex;
+  flex-direction: column;
   background-color: #ffffff;
   background-color: #ffffff;
   border-radius: 16px;
   border-radius: 16px;
   overflow: hidden;
   overflow: hidden;
@@ -197,7 +201,9 @@ useLoad(() => {
 
 
 .cover-image {
 .cover-image {
   width: 100%;
   width: 100%;
-  /* 高度由 mode="widthFix" 自动控制，保持宽高比 */
+  height: 100%;
+  display: block;
+  object-fit: cover;
 }
 }
 
 
 .card-content {
 .card-content {
@@ -205,6 +211,7 @@ useLoad(() => {
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
   gap: 12px;
   gap: 12px;
+  flex: 1;
 }
 }
 
 
 .card-title {
 .card-title {
@@ -218,6 +225,13 @@ useLoad(() => {
   -webkit-box-orient: vertical;
   -webkit-box-orient: vertical;
 }
 }
 
 
+.card-bottom-module {
+  margin-top: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
 .card-time-wrapper {
 .card-time-wrapper {
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;