fix(home): 修正首页分类与卡片布局

lib/pages/recommend/widgets/recommend_section_card.dart

@@ -35,6 +35,7 @@ class RecommendSectionCard extends StatelessWidget {
         onTap: onTap,
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisAlignment: MainAxisAlignment.start,
           mainAxisSize: MainAxisSize.min,
           children: [
             ClipRRect(
@@ -83,6 +84,8 @@ class RecommendSectionCard extends StatelessWidget {
             const SizedBox(height: AppDimens.cardCoverTitleGap),
             Row(
               key: Key('recommend-views-$sectionKey-${drama.id}'),
+              crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisAlignment: MainAxisAlignment.start,
               children: [
                 const Icon(
                   Icons.play_arrow_rounded,
@@ -123,38 +126,16 @@ class RecommendSectionCard extends StatelessWidget {
 
   Widget _tags() {
     final tags = _cardTags();
-    return Row(
-      children: [
-        for (final (index, tag) in tags.indexed)
-          Flexible(
-            child: Padding(
-              padding: EdgeInsets.only(
-                right: index == tags.length - 1 ? 0 : AppDimens.spaceXs,
-              ),
-              child: Container(
-                key: Key('recommend-tag-$sectionKey-${drama.id}-$index'),
-                height: AppDimens.cardTagHeight,
-                alignment: Alignment.center,
-                padding: const EdgeInsets.symmetric(
-                  horizontal: AppDimens.cardTagHorizontalPadding,
-                ),
-                decoration: BoxDecoration(
-                  color: AppColors.contentSurface,
-                  borderRadius: BorderRadius.circular(AppDimens.cardTagRadius),
-                ),
-                child: Text(
-                  tag,
-                  maxLines: 1,
-                  overflow: TextOverflow.ellipsis,
-                  style: const TextStyle(
-                    color: AppColors.textTertiary,
-                    fontSize: AppDimens.cardTagFont,
-                  ),
-                ),
-              ),
-            ),
-          ),
-      ],
+    return Text(
+      tags.join(' | '),
+      key: Key('recommend-tags-$sectionKey-${drama.id}'),
+      maxLines: 1,
+      overflow: TextOverflow.ellipsis,
+      textAlign: TextAlign.left,
+      style: const TextStyle(
+        color: AppColors.textTertiary,
+        fontSize: AppDimens.cardTagFont,
+      ),
     );
   }
 
@@ -164,7 +145,7 @@ class RecommendSectionCard extends StatelessWidget {
         .expand((value) => value.split(_tagSplitter))
         .map((value) => value.trim())
         .where((value) => value.isNotEmpty && seen.add(value))
-        .take(2)
+        .take(3)
         .toList(growable: false);
   }
 }