feat(ui): 更新品牌启动页与选集交互

lib/pages/player/player_logic.dart

@@ -29,6 +29,9 @@ import '../mine/mine_logic.dart';
 import '../mine/mine_view.dart';
 import 'player_view.dart';
 import 'widgets/drama_comments_sheet.dart';
+import 'widgets/episode_picker_cell.dart';
+
+const double _episodeCellAspect = 1.05;
 
 class PlayerLogic extends ChangeNotifier {
   PlayerLogic({
@@ -616,7 +619,7 @@ class PlayerLogic extends ChangeNotifier {
     try {
       await showModalBottomSheet<void>(
         context: context,
-        backgroundColor: const Color(0xFF16171C),
+        backgroundColor: AppColors.ink,
         showDragHandle: true,
         builder: (sheetContext) => SafeArea(
           child: SizedBox(
@@ -655,7 +658,7 @@ class PlayerLogic extends ChangeNotifier {
                           crossAxisCount: 6,
                           mainAxisSpacing: 10,
                           crossAxisSpacing: 10,
-                          childAspectRatio: 1.45,
+                          childAspectRatio: _episodeCellAspect,
                         ),
                     itemCount: episodes.length,
                     itemBuilder: (_, index) => _episodeCell(
@@ -706,38 +709,27 @@ class PlayerLogic extends ChangeNotifier {
     int currentNumber,
   ) {
     final selected = episode.number == currentNumber;
-    return Material(
-      color: selected ? AppColors.bluePressed : const Color(0xFF2A2C33),
-      borderRadius: BorderRadius.circular(8),
-      child: InkWell(
-        borderRadius: BorderRadius.circular(8),
-        onTap: () {
-          Navigator.of(sheetContext).pop();
-          if (homeFeed) {
-            if (episode.number == currentNumber) return;
-            unawaited(openSeriesAt(pageContext, drama, index));
-            return;
-          }
-          if (index == session.currentIndex) return;
-          unawaited(
-            pages.animateToPage(
-              index,
-              duration: const Duration(milliseconds: 260),
-              curve: Curves.easeOutCubic,
-            ),
-          );
-        },
-        child: Center(
-          child: Text(
-            '${episode.number}',
-            style: const TextStyle(
-              color: Colors.white,
-              fontSize: 15,
-              fontWeight: FontWeight.w600,
-            ),
+    final l10n = AppLocalizations.of(pageContext)!;
+    return EpisodePickerCell(
+      episode: episode,
+      selected: selected,
+      lockLabel: l10n.locked,
+      onTap: () {
+        Navigator.of(sheetContext).pop();
+        if (homeFeed) {
+          if (episode.number == currentNumber) return;
+          unawaited(openSeriesAt(pageContext, drama, index));
+          return;
+        }
+        if (index == session.currentIndex) return;
+        unawaited(
+          pages.animateToPage(
+            index,
+            duration: const Duration(milliseconds: 260),
+            curve: Curves.easeOutCubic,
           ),
-        ),
-      ),
+        );
+      },
     );
   }
 
@@ -843,7 +835,7 @@ class PlayerLogic extends ChangeNotifier {
       await showModalBottomSheet<void>(
         context: context,
         isScrollControlled: true,
-        backgroundColor: const Color(0xFF232328),
+        backgroundColor: AppColors.ink,
         showDragHandle: true,
         builder: (_) => DramaCommentsSheet(drama: drama),
       );