feat(app): 完善播放协议搜索与空状态

lib/pages/recommend/widgets/all_dramas_filter_grid.dart

@@ -75,13 +75,7 @@ class _AllDramasFilterGridState extends State<AllDramasFilterGrid> {
                           child: EmptyState(
                             key: const Key('all-dramas-empty'),
                             icon: Icons.movie_filter_outlined,
-                            title: l10n.homeGridFilterEmpty,
-                            actionLabel: l10n.homeGridClearFilter,
-                            onAction: () => setState(() {
-                              _region = 'all';
-                              _audio = 'all';
-                              _genre = null;
-                            }),
+                            title: l10n.emptyContent,
                           ),
                         )
                       else

lib/pages/recommend/widgets/recommend_top_nav.dart

@@ -12,6 +12,7 @@ const double _tabGap = 22;
 const double _tabFont = 17;
 const double _searchHitSize = 40;
 const double _searchIconSize = 26;
+const double _minNavWidth = 280;
 
 class RecommendTopNav extends StatelessWidget {
   const RecommendTopNav({
@@ -40,6 +41,22 @@ class RecommendTopNav extends StatelessWidget {
     final shadows = onVideo
         ? const [Shadow(color: AppColors.mediaBlack, blurRadius: 6)]
         : null;
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        if (constraints.maxWidth < _minNavWidth) {
+          return const SizedBox(key: Key('recommend-top-nav'), height: height);
+        }
+        return _bar(context, items, shadows);
+      },
+    );
+  }
+
+  Widget _bar(
+    BuildContext context,
+    List<(RecommendInnerTab, String, String)> items,
+    List<Shadow>? shadows,
+  ) {
+    final l10n = AppLocalizations.of(context)!;
     return SizedBox(
       key: const Key('recommend-top-nav'),
       height: height,
@@ -50,20 +67,23 @@ class RecommendTopNav extends StatelessWidget {
         child: Stack(
           alignment: Alignment.center,
           children: [
-            Row(
-              mainAxisSize: MainAxisSize.min,
-              children: [
-                for (var index = 0; index < items.length; index++) ...[
-                  if (index > 0) const SizedBox(width: _tabGap),
-                  _tab(
-                    key: Key('recommend-tab-${items[index].$3}'),
-                    label: items[index].$2,
-                    selected: selected == items[index].$1,
-                    shadows: shadows,
-                    onTap: () => onSelected(items[index].$1),
-                  ),
+            FittedBox(
+              fit: BoxFit.scaleDown,
+              child: Row(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  for (var index = 0; index < items.length; index++) ...[
+                    if (index > 0) const SizedBox(width: _tabGap),
+                    _tab(
+                      key: Key('recommend-tab-${items[index].$3}'),
+                      label: items[index].$2,
+                      selected: selected == items[index].$1,
+                      shadows: shadows,
+                      onTap: () => onSelected(items[index].$1),
+                    ),
+                  ],
                 ],
-              ],
+              ),
             ),
             Align(
               alignment: Alignment.centerRight,