style(theme): 客户端切换深色视觉风格

lib/pages/player/widgets/drama_comments_sheet.dart

@@ -413,13 +413,16 @@ class _CommentPostSuccessOverlay extends StatelessWidget {
                   vertical: 10,
                 ),
                 decoration: BoxDecoration(
-                  color: Colors.black.withValues(alpha: 0.82),
+                  color: AppColors.mediaBlack.withValues(alpha: 0.82),
                   borderRadius: BorderRadius.circular(8),
                 ),
                 child: Text(
                   message,
                   textAlign: TextAlign.center,
-                  style: const TextStyle(color: Colors.white, fontSize: 14),
+                  style: const TextStyle(
+                    color: AppColors.onPrimary,
+                    fontSize: 14,
+                  ),
                 ),
               ),
             ),

lib/pages/player/widgets/episode_picker_sheet.dart

@@ -40,11 +40,11 @@ class EpisodePickerSheet extends StatelessWidget {
     final episodes = drama.episodes;
     return AnnotatedRegion<SystemUiOverlayStyle>(
       key: const Key('player-episodes-system-overlay'),
-      value: SystemUiOverlayStyle.dark.copyWith(
-        statusBarColor: Colors.transparent,
+      value: SystemUiOverlayStyle.light.copyWith(
+        statusBarColor: AppColors.transparent,
         systemNavigationBarColor: AppColors.card,
-        systemNavigationBarDividerColor: Colors.transparent,
-        systemNavigationBarIconBrightness: Brightness.dark,
+        systemNavigationBarDividerColor: AppColors.transparent,
+        systemNavigationBarIconBrightness: Brightness.light,
         systemNavigationBarContrastEnforced: false,
       ),
       child: Container(

lib/pages/player/widgets/exit_clear_screen_button.dart

@@ -2,6 +2,8 @@
 
 import 'package:flutter/material.dart';
 
+import '../../../core/theme/app_colors.dart';
+
 /// Shared floating action used to leave clear-screen mode.
 class ExitClearScreenButton extends StatelessWidget {
   const ExitClearScreenButton({
@@ -23,8 +25,8 @@ class ExitClearScreenButton extends StatelessWidget {
         onPressed: onPressed,
         padding: EdgeInsets.zero,
         style: IconButton.styleFrom(
-          backgroundColor: const Color(0x80000000),
-          foregroundColor: Colors.white,
+          backgroundColor: AppColors.controlScrim,
+          foregroundColor: AppColors.onPrimary,
           shape: const CircleBorder(),
         ),
         icon: const Icon(Icons.fullscreen_exit_rounded, size: 18),

lib/pages/player/widgets/home_feed_header.dart

@@ -2,6 +2,8 @@
 
 import 'package:flutter/material.dart';
 
+import '../../../core/theme/app_colors.dart';
+
 import '../../home/home_feed_channel.dart';
 import '../../../l10n/app_localizations.dart';
 
@@ -140,8 +142,8 @@ class _TopIconButton extends StatelessWidget {
         icon: Icon(
           icon,
           size: glyphSize,
-          color: Colors.white,
-          shadows: const [Shadow(blurRadius: 6, color: Colors.black)],
+          color: AppColors.onPrimary,
+          shadows: const [Shadow(blurRadius: 6, color: AppColors.mediaBlack)],
         ),
       ),
     );
@@ -184,15 +186,17 @@ class _RefreshButton extends StatelessWidget {
                     child: CircularProgressIndicator(
                       key: Key('home-feed-refreshing'),
                       strokeWidth: 2,
-                      color: Colors.white,
+                      color: AppColors.onPrimary,
                     ),
                   ),
                 )
               : Icon(
                   Icons.refresh_rounded,
                   size: glyphSize,
-                  color: Colors.white,
-                  shadows: const [Shadow(blurRadius: 6, color: Colors.black)],
+                  color: AppColors.onPrimary,
+                  shadows: const [
+                    Shadow(blurRadius: 6, color: AppColors.mediaBlack),
+                  ],
                 ),
         ),
       ),
@@ -232,10 +236,12 @@ class _FeedTabItem extends StatelessWidget {
             label,
             maxLines: 1,
             style: TextStyle(
-              color: selected ? Colors.white : Colors.white70,
+              color: selected ? AppColors.onPrimary : AppColors.muted,
               fontSize: fontSize,
               fontWeight: selected ? FontWeight.w800 : FontWeight.w600,
-              shadows: const [Shadow(blurRadius: 6, color: Colors.black)],
+              shadows: const [
+                Shadow(blurRadius: 6, color: AppColors.mediaBlack),
+              ],
             ),
           ),
           const SizedBox(height: 4),
@@ -243,7 +249,7 @@ class _FeedTabItem extends StatelessWidget {
             width: underlineWidth,
             height: underlineHeight,
             decoration: BoxDecoration(
-              color: selected ? Colors.white : Colors.transparent,
+              color: selected ? AppColors.onPrimary : AppColors.transparent,
               borderRadius: BorderRadius.circular(1),
             ),
           ),

lib/pages/player/widgets/home_feed_overlay.dart

@@ -20,8 +20,8 @@ import 'seek_progress_bar.dart';
 
 part 'home_feed_overlay_parts.dart';
 
-const Color _overlayPill = Color(0x66000000);
-const Color _fullBarBackground = Color(0x4D000000);
+const Color _overlayPill = AppColors.overlaySoft;
+const Color _fullBarBackground = AppColors.overlayBar;
 const double _titleFontSize = 17;
 const double _metaFontSize = 12;
 const double _tagFontSize = 11;
@@ -29,7 +29,7 @@ const double _fullBarHeight = 44;
 const double _progressHeight = 2;
 const double _progressHitHeight = 24;
 const List<Shadow> _boostTextShadows = [
-  Shadow(color: Colors.black54, blurRadius: 5, offset: Offset(0, 1)),
+  Shadow(color: AppColors.shadow, blurRadius: 5, offset: Offset(0, 1)),
 ];
 const int _maxTags = 4;
 final RegExp _tagSplitter = RegExp(r'[,/、·]');
@@ -236,7 +236,7 @@ class _HomeFeedOverlayState extends State<HomeFeedOverlay> {
               key: const Key('home-feed-author-note'),
               maxLines: 2,
               overflow: TextOverflow.ellipsis,
-              style: const TextStyle(color: Colors.white70, fontSize: 11),
+              style: const TextStyle(color: AppColors.muted, fontSize: 11),
             ),
           ],
         ],
@@ -260,14 +260,14 @@ class _HomeFeedOverlayState extends State<HomeFeedOverlay> {
               maxLines: 1,
               overflow: TextOverflow.ellipsis,
               style: const TextStyle(
-                color: Colors.white70,
+                color: AppColors.muted,
                 fontSize: _metaFontSize,
               ),
             ),
           ),
           const Icon(
             Icons.chevron_right_rounded,
-            color: Colors.white70,
+            color: AppColors.muted,
             size: 16,
           ),
         ],
@@ -288,16 +288,16 @@ class _HomeFeedOverlayState extends State<HomeFeedOverlay> {
               overflow: TextOverflow.ellipsis,
               style: const TextStyle(
                 fontFamily: 'Outfit',
-                color: Colors.white,
+                color: AppColors.onPrimary,
                 fontSize: _titleFontSize,
                 fontWeight: FontWeight.w800,
-                shadows: [Shadow(blurRadius: 8, color: Colors.black)],
+                shadows: [Shadow(blurRadius: 8, color: AppColors.mediaBlack)],
               ),
             ),
           ),
           const Icon(
             Icons.chevron_right_rounded,
-            color: Colors.white,
+            color: AppColors.onPrimary,
             size: 20,
           ),
         ],
@@ -326,7 +326,7 @@ class _HomeFeedOverlayState extends State<HomeFeedOverlay> {
               tag,
               maxLines: 1,
               style: const TextStyle(
-                color: Colors.white,
+                color: AppColors.onPrimary,
                 fontSize: _tagFontSize,
               ),
             ),
@@ -369,7 +369,7 @@ class _HomeFeedOverlayState extends State<HomeFeedOverlay> {
                   children: [
                     const Icon(
                       Icons.play_arrow_rounded,
-                      color: Colors.white,
+                      color: AppColors.onPrimary,
                       size: 14,
                     ),
                     const SizedBox(width: 6),
@@ -381,7 +381,7 @@ class _HomeFeedOverlayState extends State<HomeFeedOverlay> {
                         maxLines: 1,
                         overflow: TextOverflow.ellipsis,
                         style: const TextStyle(
-                          color: Colors.white,
+                          color: AppColors.onPrimary,
                           fontSize: 13,
                           fontWeight: FontWeight.w600,
                         ),
@@ -389,7 +389,7 @@ class _HomeFeedOverlayState extends State<HomeFeedOverlay> {
                     ),
                     const Icon(
                       Icons.chevron_right_rounded,
-                      color: Colors.white,
+                      color: AppColors.onPrimary,
                       size: 18,
                     ),
                   ],

lib/pages/player/widgets/home_feed_overlay_parts.dart

@@ -251,7 +251,10 @@ class _FeedProgressBarState extends State<_FeedProgressBar> {
             bottom: bottom,
             child: SizedBox(
               height: widget.height,
-              child: ColoredBox(key: _inactiveTrackKey, color: Colors.white24),
+              child: ColoredBox(
+                key: _inactiveTrackKey,
+                color: AppColors.border,
+              ),
             ),
           ),
         ],
@@ -301,7 +304,7 @@ class _FeedProgressBarState extends State<_FeedProgressBar> {
             child: Container(
               key: const Key('home-feed-progress-track'),
               height: trackHeight,
-              color: Colors.white24,
+              color: AppColors.border,
             ),
           ),
           Positioned(
@@ -321,7 +324,7 @@ class _FeedProgressBarState extends State<_FeedProgressBar> {
               width: size,
               height: size,
               decoration: const BoxDecoration(
-                color: Colors.white,
+                color: AppColors.onPrimary,
                 shape: BoxShape.circle,
               ),
             ),

lib/pages/player/widgets/interaction_rail.dart

@@ -71,7 +71,7 @@ class _RailButton extends StatelessWidget {
               width: _iconSize,
               height: _iconSize,
               fit: BoxFit.contain,
-              color: item.selected ? AppColors.blue : Colors.white,
+              color: item.selected ? AppColors.blue : AppColors.onPrimary,
               colorBlendMode: BlendMode.srcIn,
             ),
           ),
@@ -83,11 +83,11 @@ class _RailButton extends StatelessWidget {
           maxLines: 1,
           overflow: TextOverflow.ellipsis,
           style: const TextStyle(
-            color: Colors.white,
+            color: AppColors.onPrimary,
             height: 1,
             fontSize: 12,
             fontWeight: FontWeight.w600,
-            shadows: [Shadow(blurRadius: 6, color: Colors.black)],
+            shadows: [Shadow(blurRadius: 6, color: AppColors.mediaBlack)],
           ),
         ),
       ],

lib/pages/player/widgets/loading_progress_track.dart

@@ -2,13 +2,15 @@
 
 import 'package:flutter/material.dart';
 
+import '../../../core/theme/app_colors.dart';
+
 /// 播放未就绪时沿进度轨道循环移动的加载高光。
 class LoadingProgressTrack extends StatefulWidget {
   const LoadingProgressTrack({
     super.key = const Key('progress-loading'),
     required this.height,
-    this.trackColor = Colors.white24,
-    this.highlightColor = Colors.white,
+    this.trackColor = AppColors.inactiveTrack,
+    this.highlightColor = AppColors.onPrimary,
   });
 
   final double height;

lib/pages/player/widgets/player_center_toggle.dart

@@ -6,9 +6,9 @@ import '../../../core/theme/app_colors.dart';
 
 const double _toggleSize = 68;
 const double _iconSize = 36;
-const Color _toggleBackground = Colors.black26;
+const Color _toggleBackground = AppColors.controlSoftScrim;
 const List<Shadow> _iconShadows = [
-  Shadow(color: Colors.black54, blurRadius: 12),
+  Shadow(color: AppColors.shadow, blurRadius: 12),
 ];
 
 /// 首页沉浸流与全屏播放器共用的播放/暂停按钮。

lib/pages/player/widgets/player_more_sheet.dart

@@ -271,7 +271,7 @@ class _PlayerMoreSheetState extends State<PlayerMoreSheet> {
   }) {
     return Material(
       key: key,
-      color: Colors.transparent,
+      color: AppColors.transparent,
       borderRadius: BorderRadius.circular(8),
       child: InkWell(
         borderRadius: BorderRadius.circular(8),
@@ -347,7 +347,7 @@ class _SegmentButton extends StatelessWidget {
         ? AppColors.muted
         : AppColors.subtle;
     return Material(
-      color: Colors.transparent,
+      color: AppColors.transparent,
       borderRadius: BorderRadius.circular(_segmentRadius),
       child: InkWell(
         onTap: onTap,
@@ -357,12 +357,12 @@ class _SegmentButton extends StatelessWidget {
           padding: const EdgeInsets.symmetric(horizontal: _segmentPadding),
           alignment: Alignment.center,
           decoration: BoxDecoration(
-            color: selected ? AppColors.card : Colors.transparent,
+            color: selected ? AppColors.card : AppColors.transparent,
             borderRadius: BorderRadius.circular(_segmentRadius),
             boxShadow: selected
                 ? const [
                     BoxShadow(
-                      color: Color(0x14000000),
+                      color: AppColors.shadowSubtle,
                       blurRadius: 4,
                       offset: Offset(0, 1),
                     ),

lib/pages/player/widgets/player_overlay.dart

@@ -18,7 +18,7 @@ const double _topBarHeight = 58;
 const double _boostHintIconSize = 16;
 const double _boostHintFontSize = 13;
 const List<Shadow> _playerTextShadows = [
-  Shadow(color: Colors.black54, blurRadius: 5, offset: Offset(0, 1)),
+  Shadow(color: AppColors.shadow, blurRadius: 5, offset: Offset(0, 1)),
 ];
 
 /// K29 竖屏播放页浮层。
@@ -270,7 +270,7 @@ class PlayerPlaybackOverlay extends StatelessWidget {
         thumbnailsUrl: data.episode.thumbnailsUrl,
         episodeId: data.episode.id,
         posterUrl: data.drama.posterUrl,
-        inactiveTrackColor: Colors.white24,
+        inactiveTrackColor: AppColors.inactiveTrack,
         onScrubStart: actions.onScrubStart,
         onSeek: actions.onSeek,
       ),
@@ -279,7 +279,7 @@ class PlayerPlaybackOverlay extends StatelessWidget {
 
   Widget _detailRow(String series) {
     return Material(
-      color: Colors.transparent,
+      color: AppColors.transparent,
       child: InkWell(
         key: const Key('player-open-detail'),
         onTap: actions.onDetail,

lib/pages/player/widgets/player_overlay_parts.dart

@@ -22,7 +22,7 @@ class _TopButton extends StatelessWidget {
         tooltip: tooltip,
         padding: EdgeInsets.zero,
         style: IconButton.styleFrom(
-          backgroundColor: const Color(0x80000000),
+          backgroundColor: AppColors.controlScrim,
           foregroundColor: AppColors.onPrimary,
         ),
         onPressed: onPressed,
@@ -41,7 +41,7 @@ class _SpeedEntry extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Material(
-      color: const Color(0x80000000),
+      color: AppColors.controlScrim,
       borderRadius: BorderRadius.circular(999),
       child: InkWell(
         onTap: onTap,

lib/pages/player/widgets/player_video_surface.dart

@@ -4,6 +4,8 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:video_player/video_player.dart';
 
+import '../../../core/theme/app_colors.dart';
+
 const Duration _videoFadeDuration = Duration(milliseconds: 200);
 const double _errorHorizontal = 32;
 const int _errorMaxLines = 3;
@@ -55,7 +57,7 @@ class _PlayerVideoSurfaceState extends State<PlayerVideoSurface> {
       children: [
         const ColoredBox(
           key: Key('player-fallback-background'),
-          color: Colors.black,
+          color: AppColors.mediaBlack,
         ),
         AnimatedOpacity(
           key: const Key('player-video-opacity'),
@@ -81,7 +83,7 @@ class _PlayerVideoSurfaceState extends State<PlayerVideoSurface> {
                 maxLines: _errorMaxLines,
                 overflow: TextOverflow.ellipsis,
                 textAlign: TextAlign.center,
-                style: const TextStyle(color: Colors.white70, fontSize: 13),
+                style: const TextStyle(color: AppColors.muted, fontSize: 13),
               ),
             ),
           ),

lib/pages/player/widgets/scrub_preview_card.dart

@@ -164,7 +164,7 @@ class _ScrubPreviewCardState extends State<ScrubPreviewCard> {
       decoration: BoxDecoration(
         color: AppColors.card,
         borderRadius: BorderRadius.circular(8),
-        border: Border.all(color: Colors.white, width: 1),
+        border: Border.all(color: AppColors.onPrimary, width: 1),
       ),
       child: ClipRRect(
         borderRadius: BorderRadius.circular(7),
@@ -174,7 +174,7 @@ class _ScrubPreviewCardState extends State<ScrubPreviewCard> {
             Container(
               width: double.infinity,
               padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 4),
-              color: Colors.black87,
+              color: AppColors.scrubPreviewScrim,
               child: Text(
                 '${_format(widget.position)} / ${_format(widget.duration)}',
                 key: const Key('scrub-preview-time'),
@@ -182,7 +182,7 @@ class _ScrubPreviewCardState extends State<ScrubPreviewCard> {
                 maxLines: 1,
                 overflow: TextOverflow.ellipsis,
                 style: const TextStyle(
-                  color: Colors.white,
+                  color: AppColors.onPrimary,
                   fontSize: 11,
                   fontWeight: FontWeight.w600,
                   height: 1.2,

lib/pages/player/widgets/seek_progress_bar.dart

@@ -233,7 +233,7 @@ class _SeekProgressBarState extends State<SeekProgressBar> {
                   '${_format(previewPosition)} / ${_format(video.duration)}',
                   textAlign: TextAlign.center,
                   style: const TextStyle(
-                    color: Colors.white,
+                    color: AppColors.onPrimary,
                     fontSize: 14,
                     fontWeight: FontWeight.w600,
                     height: 1.2,