fix(home): 调整首页分类与卡片标签样式

lib/pages/recommend/widgets/recommend_section_card.dart

@@ -6,6 +6,7 @@ import '../../../core/data/models/drama.dart';
 import '../../../core/formatting/count_format.dart';
 import '../../../core/theme/app_colors.dart';
 import '../../../core/theme/app_dimens.dart';
+import '../../../core/widgets/drama_genre_ribbon.dart';
 import '../../../core/widgets/remote_image.dart';
 import '../../../l10n/app_localizations.dart';
 import '../../home/widgets/home_drama_classification.dart';
@@ -31,7 +32,7 @@ class RecommendSectionCard extends StatelessWidget {
       width: AppDimens.recommendCardWidth,
       child: InkWell(
         key: Key('recommend-card-$sectionKey-${drama.id}'),
-        borderRadius: BorderRadius.circular(AppDimens.homeCardRadius),
+        borderRadius: BorderRadius.circular(AppDimens.cardCoverRadius),
         onTap: onTap,
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
@@ -39,7 +40,7 @@ class RecommendSectionCard extends StatelessWidget {
           mainAxisSize: MainAxisSize.min,
           children: [
             ClipRRect(
-              borderRadius: BorderRadius.circular(AppDimens.homeCardRadius),
+              borderRadius: BorderRadius.circular(AppDimens.cardCoverRadius),
               child: AspectRatio(
                 aspectRatio: AppDimens.cardCoverAspectRatio,
                 child: Stack(
@@ -77,6 +78,14 @@ class RecommendSectionCard extends StatelessWidget {
                           ),
                         ),
                       ),
+                    Positioned(
+                      top: 0,
+                      right: 0,
+                      child: DramaGenreRibbon(
+                        tags: _cardTags(),
+                        keyPrefix: '$sectionKey-${drama.id}',
+                      ),
+                    ),
                   ],
                 ),
               ),
@@ -88,12 +97,12 @@ class RecommendSectionCard extends StatelessWidget {
               mainAxisAlignment: MainAxisAlignment.start,
               children: [
                 const Icon(
-                  Icons.play_arrow_rounded,
+                  Icons.auto_awesome_rounded,
                   color: AppColors.textPrimary,
                   size: AppDimens.cardViewsIcon,
                 ),
                 Text(
-                  formatInteractionCount(drama.viewCount),
+                  formatPlayCount(drama.viewCount),
                   style: const TextStyle(
                     color: AppColors.textPrimary,
                     fontSize: AppDimens.cardViewsFont,
@@ -114,31 +123,12 @@ class RecommendSectionCard extends StatelessWidget {
                 height: AppDimens.cardTitleLineHeight,
               ),
             ),
-            if (_cardTags().isNotEmpty) ...[
-              const SizedBox(height: AppDimens.cardTitleTagGap),
-              _tags(),
-            ],
           ],
         ),
       ),
     );
   }
 
-  Widget _tags() {
-    final tags = _cardTags();
-    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,
-      ),
-    );
-  }
-
   List<String> _cardTags() {
     final seen = <String>{};
     return [drama.genre, drama.category]