feat(reward): 新增客户端奖励中心

lib/pages/player/widgets/player_center_toggle.dart

@@ -7,8 +7,12 @@ import '../../../core/theme/app_colors.dart';
 const double _toggleSize = 68;
 const double _iconSize = 36;
 
-/// 播放/暂停压在画面上，垫一层半透明深色圆底保证亮画面下也能看见。
-const Color _toggleBackground = Color(0x66000000);
+/// 播放/暂停压在画面上，垫一层半透明玻璃圆面保证亮画面下也能看见。
+const RadialGradient _toggleGradient = RadialGradient(
+  center: Alignment(-0.35, -0.4),
+  radius: 0.9,
+  colors: [Color(0x80FFFFFF), Color(0x52000000), Color(0x70000000)],
+);
 const List<Shadow> _iconShadows = [
   Shadow(color: AppColors.shadow, blurRadius: 12),
 ];
@@ -31,18 +35,23 @@ class PlayerCenterToggle extends StatelessWidget {
       label: playing ? 'Pause' : 'Play',
       child: GestureDetector(
         onTap: onTap,
-        child: Container(
+        child: SizedBox(
           width: _toggleSize,
           height: _toggleSize,
-          decoration: const BoxDecoration(
-            color: _toggleBackground,
-            shape: BoxShape.circle,
-          ),
-          child: Icon(
-            playing ? Icons.pause_rounded : Icons.play_arrow_rounded,
-            color: AppColors.onPrimary,
-            size: _iconSize,
-            shadows: _iconShadows,
+          child: DecoratedBox(
+            key: const Key('player-center-toggle-surface'),
+            decoration: const BoxDecoration(
+              shape: BoxShape.circle,
+              gradient: _toggleGradient,
+            ),
+            child: Center(
+              child: Icon(
+                playing ? Icons.pause_rounded : Icons.play_arrow_rounded,
+                color: AppColors.onPrimary,
+                size: _iconSize,
+                shadows: _iconShadows,
+              ),
+            ),
           ),
         ),
       ),