fix(flutter): 重做评论面板视觉

lib/pages/player/widgets/drama_comments_sheet.dart

@@ -22,9 +22,9 @@ import 'comment_tile.dart';
 const double _minSheetHeight = 280;
 const double _maxSheetHeight = 520;
 const int _maxCommentLength = 300;
-const double _composerRadius = 20;
-const double _composerHeight = 40;
-const double _sendButtonSize = 32;
+const double _composerRadius = 22;
+const double _composerHeight = 44;
+const double _sendButtonSize = 36;
 const double _sheetRadius = 20;
 
 /// 服务端评论底部弹窗：匿名列表、游标翻页、回复、点赞和本人删除。
@@ -195,6 +195,18 @@ class _DramaCommentsSheetState extends State<DramaCommentsSheet> {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
+        Center(
+          child: Container(
+            key: const Key('player-comments-drag-handle'),
+            width: 36,
+            height: 4,
+            decoration: BoxDecoration(
+              color: AppColors.border,
+              borderRadius: BorderRadius.circular(999),
+            ),
+          ),
+        ),
+        const SizedBox(height: 8),
         Row(
           children: [
             Expanded(
@@ -203,8 +215,8 @@ class _DramaCommentsSheetState extends State<DramaCommentsSheet> {
                 key: count == null ? null : const Key('comment-count-label'),
                 style: const TextStyle(
                   color: AppColors.onSurface,
-                  fontSize: 18,
-                  fontWeight: FontWeight.w800,
+                  fontSize: 15,
+                  fontWeight: FontWeight.w700,
                 ),
               ),
             ),
@@ -212,7 +224,8 @@ class _DramaCommentsSheetState extends State<DramaCommentsSheet> {
               key: const Key('player-comments-close'),
               tooltip: l10n.close,
               onPressed: () => Navigator.pop(context),
-              icon: const Icon(Icons.close_rounded),
+              visualDensity: VisualDensity.compact,
+              icon: const Icon(Icons.close_rounded, size: 20),
             ),
           ],
         ),
@@ -326,11 +339,11 @@ class _DramaCommentsSheetState extends State<DramaCommentsSheet> {
     );
     return InputDecoration(
       hintText: hint,
-      hintStyle: const TextStyle(color: AppColors.muted, fontSize: 13),
+      hintStyle: const TextStyle(color: AppColors.muted, fontSize: 14),
       counterText: '',
       filled: true,
-      fillColor: AppColors.raised,
-      contentPadding: const EdgeInsets.symmetric(horizontal: 12),
+      fillColor: AppColors.commentInput,
+      contentPadding: const EdgeInsets.symmetric(horizontal: 14),
       isDense: true,
       border: clear,
       enabledBorder: clear,
@@ -349,7 +362,8 @@ class _DramaCommentsSheetState extends State<DramaCommentsSheet> {
             focusNode: _inputFocus,
             maxLength: _maxCommentLength,
             maxLines: 1,
-            style: const TextStyle(color: AppColors.cream, fontSize: 13),
+            textAlignVertical: TextAlignVertical.center,
+            style: const TextStyle(color: AppColors.cream, fontSize: 14),
             cursorColor: AppColors.blue,
             decoration: _composerDecoration(l10n.writeComment),
             onSubmitted: (_) => _post(),
@@ -402,10 +416,20 @@ class _CommentThread extends StatelessWidget {
         ),
         if (comment.replyCount > 0 || replies.isNotEmpty)
           Padding(
-            padding: const EdgeInsets.only(left: 44, bottom: 8),
+            padding: const EdgeInsets.only(left: 42, bottom: 4),
             child: TextButton(
               key: Key('comment-replies-${comment.id}'),
               onPressed: () => _toggleReplies(context),
+              style: TextButton.styleFrom(
+                foregroundColor: AppColors.blue,
+                textStyle: const TextStyle(
+                  fontSize: 12,
+                  fontWeight: FontWeight.w600,
+                ),
+                padding: const EdgeInsets.symmetric(horizontal: 4),
+                minimumSize: const Size(0, 28),
+                tapTargetSize: MaterialTapTargetSize.shrinkWrap,
+              ),
               child: Text(
                 expanded
                     ? AppLocalizations.of(context)!.hideReplies
@@ -440,7 +464,10 @@ class _CommentThread extends StatelessWidget {
               ],
             ),
           ),
-        const Divider(height: 1, color: AppColors.outlineVariantDark),
+        const Padding(
+          padding: EdgeInsets.only(left: 42),
+          child: Divider(height: 1, color: AppColors.border),
+        ),
       ],
     );
   }