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

lib/pages/home/widgets/home_feed_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_drama_classification.dart';
@@ -33,7 +34,7 @@ class HomeFeedCard extends StatelessWidget {
       key: Key('home-feed-card-${drama.id}'),
       color: AppColors.transparent,
       child: InkWell(
-        borderRadius: BorderRadius.circular(AppDimens.homeCardRadius),
+        borderRadius: BorderRadius.circular(AppDimens.cardCoverRadius),
         onTap: onTap,
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
@@ -62,8 +63,6 @@ class HomeFeedCard extends StatelessWidget {
                         height: AppDimens.cardTitleLineHeight,
                       ),
                     ),
-                    const SizedBox(height: AppDimens.cardTitleTagGap),
-                    _tags(),
                   ],
                 ),
               ),
@@ -76,30 +75,39 @@ class HomeFeedCard extends StatelessWidget {
 
   Widget _cover(AppLocalizations l10n) {
     final badge = _badge();
-    return AspectRatio(
-      aspectRatio: AppDimens.cardCoverAspectRatio,
-      child: Stack(
-        fit: StackFit.expand,
-        children: [
-          RemoteImage(
-            drama.posterUrl,
-            key: Key('home-feed-cover-${drama.id}'),
-            fit: BoxFit.cover,
-            showFallbackIcon: true,
-            fallbackColor: AppColors.contentSurface,
-          ),
-          if (badge != null)
-            Positioned(
-              top: AppDimens.spaceXs,
-              left: AppDimens.spaceXs,
-              child: _badgeChip(l10n, badge),
+    return ClipRRect(
+      key: Key('home-feed-cover-clip-${drama.id}'),
+      borderRadius: BorderRadius.circular(AppDimens.cardCoverRadius),
+      child: AspectRatio(
+        aspectRatio: AppDimens.cardCoverAspectRatio,
+        child: Stack(
+          fit: StackFit.expand,
+          children: [
+            RemoteImage(
+              drama.posterUrl,
+              key: Key('home-feed-cover-${drama.id}'),
+              fit: BoxFit.cover,
+              showFallbackIcon: true,
+              fallbackColor: AppColors.contentSurface,
             ),
-          Positioned(
-            left: AppDimens.spaceXs,
-            bottom: AppDimens.spaceXs,
-            child: _views(),
-          ),
-        ],
+            if (badge != null)
+              Positioned(
+                top: AppDimens.spaceXs,
+                left: AppDimens.spaceXs,
+                child: _badgeChip(l10n, badge),
+              ),
+            Positioned(
+              top: 0,
+              right: 0,
+              child: DramaGenreRibbon(tags: _cardTags(), keyPrefix: drama.id),
+            ),
+            Positioned(
+              left: AppDimens.spaceXs,
+              bottom: AppDimens.spaceXs,
+              child: _views(),
+            ),
+          ],
+        ),
       ),
     );
   }
@@ -155,13 +163,13 @@ class HomeFeedCard extends StatelessWidget {
         mainAxisSize: MainAxisSize.min,
         children: [
           const Icon(
-            Icons.play_arrow_rounded,
+            Icons.auto_awesome_rounded,
             size: AppDimens.cardViewsIcon,
             color: AppColors.navSelected,
           ),
           const SizedBox(width: 1),
           Text(
-            formatInteractionCount(drama.viewCount),
+            formatPlayCount(drama.viewCount),
             style: const TextStyle(
               color: AppColors.navSelected,
               fontSize: AppDimens.cardViewsFont,
@@ -174,23 +182,6 @@ class HomeFeedCard extends StatelessWidget {
     );
   }
 
-  Widget _tags() {
-    final tags = _cardTags();
-    if (tags.isEmpty) return const SizedBox.shrink();
-    return Text(
-      tags.join(' | '),
-      key: Key('home-feed-tags-${drama.id}'),
-      maxLines: 1,
-      overflow: TextOverflow.ellipsis,
-      textAlign: TextAlign.left,
-      style: const TextStyle(
-        color: AppColors.textTertiary,
-        fontSize: AppDimens.cardTagFont,
-        letterSpacing: 0,
-      ),
-    );
-  }
-
   List<String> _cardTags() {
     final seen = <String>{};
     return [drama.genre, drama.category]

lib/pages/home/widgets/home_grid_header.dart

@@ -78,7 +78,11 @@ class HomeGridHeader extends StatelessWidget {
       key: const Key('home-grid-header'),
       crossAxisAlignment: CrossAxisAlignment.start,
       mainAxisAlignment: MainAxisAlignment.start,
-      children: [_searchRow(l10n), _primaryRow(l10n), _tagRow(l10n)],
+      children: [
+        _searchRow(l10n),
+        _primaryRow(l10n),
+        if (selectedPrimary == HomePrimaryTab.featured) _tagRow(l10n),
+      ],
     );
   }