style(favorites): 调整收藏列表项布局

## 更新

- 将 category 从信息行移到标题下方作为 tag 显示
  - 使用蓝色背景 (bg-blue-50) 和蓝色文字 (text-blue-600)
  - 圆角样式，更醒目
- 日期信息单独一行显示
- 优化布局层次，信息更清晰

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

@@ -21,7 +21,7 @@
         class="bg-white rounded-[24rpx] p-[24rpx] mb-[24rpx] shadow-sm">
 
         <!-- Header with Icon -->
-        <view class="flex gap-[24rpx] mb-[16rpx]">
+        <view class="flex gap-[24rpx] mb-[12rpx]">
           <!-- Document Icon -->
           <view class="w-[64rpx] h-[64rpx] flex-shrink-0 flex items-center justify-center">
             <image :src="getDocumentIcon(item.title)" class="w-[56rpx] h-[56rpx]" mode="aspectFit" />
@@ -29,18 +29,18 @@
 
           <!-- Title -->
           <view class="flex-1 min-w-0">
-            <view class="text-[30rpx] font-bold text-gray-900 leading-normal mb-[8rpx] line-clamp-2">{{ item.title }}</view>
+            <view class="text-[30rpx] font-bold text-gray-900 leading-normal mb-1">{{ item.title }}</view>
+            <view class="bg-blue-50 text-blue-600 text-[22rpx] px-[12rpx] py-[4rpx] rounded-[8rpx] inline-block">{{ item.category }}</view>
           </view>
         </view>
 
-        <!-- Info -->
-        <view class="flex justify-between items-center text-gray-500 text-[24rpx] mb-[24rpx]">
-          <text>{{ item.category }}</text>
+        <!-- Date -->
+        <view class="text-gray-500 text-[24rpx] mb-[20rpx]">
           <text>{{ item.date }}</text>
         </view>
 
         <!-- Divider -->
-        <view class="h-[1rpx] bg-gray-100 my-[20rpx]"></view>
+        <view class="h-[1rpx] bg-gray-100 mb-[20rpx]"></view>
 
         <!-- Actions -->
         <view class="flex justify-end gap-[24rpx]">