移除了手动匹配弹幕页面剧集列表的涟漪效果以匹配新UI。现在在开启远程访问之前就可以修改端口了，以防止端口冲突后无法开启远程访问。

MCDFsteve · MCDFsteve · commit 97f954347969 · 2026-01-29T19:39:45.000+08:00
diff --git a/lib/services/web_server_service.dart b/lib/services/web_server_service.dart
@@ -17,13 +17,15 @@ class WebServerService {
   int _port = 1180;
   bool _isRunning = false;
   bool _autoStart = false;
+  String? _lastStartErrorMessage;
   final WebApiService _webApiService = WebApiService();
   final NipaPlayLanDiscoveryResponder _lanDiscoveryResponder =
       NipaPlayLanDiscoveryResponder();
 
   bool get isRunning => _isRunning;
   int get port => _port;
   bool get autoStart => _autoStart;
+  String? get lastStartErrorMessage => _lastStartErrorMessage;
 
   Future<void> loadSettings() async {
     final prefs = await SharedPreferences.getInstance();
@@ -48,8 +50,34 @@ class WebServerService {
     await prefs.setInt(_portKey, _port);
   }
 
+  String _formatStartError(Object error) {
+    if (error is SocketException) {
+      final osError = error.osError;
+      final errorCode = osError?.errorCode;
+      final rawMessage = (osError?.message ?? error.message).trim();
+      final lowerMessage = rawMessage.toLowerCase();
+      if (errorCode == 48 ||
+          errorCode == 98 ||
+          errorCode == 10048 ||
+          lowerMessage.contains('address already in use')) {
+        return '端口 $_port 已被占用，请修改端口后重试。';
+      }
+      if (errorCode == 13 ||
+          errorCode == 10013 ||
+          lowerMessage.contains('permission denied') ||
+          lowerMessage.contains('access is denied')) {
+        return '没有权限绑定端口 $_port，请尝试 1024 以上端口或以更高权限运行。';
+      }
+      if (rawMessage.isNotEmpty) {
+        return '无法监听端口 $_port：$rawMessage';
+      }
+    }
+    return '远程访问服务启动失败：$error';
+  }
+
   Future<bool> startServer({int? port}) async {
     if (_isRunning) {
+      _lastStartErrorMessage = null;
       print('Remote access server is already running.');
       return true;
     }
@@ -78,12 +106,15 @@ class WebServerService {
           
       _server = await shelf_io.serve(handler, '0.0.0.0', _port);
       _isRunning = true;
+      _lastStartErrorMessage = null;
       print('Remote access server started on port ${_server!.port}');
       await _lanDiscoveryResponder.start(webPort: _server!.port);
       await saveSettings();
       return true;
     } catch (e) {
       _isRunning = false;
+      _server = null;
+      _lastStartErrorMessage = _formatStartError(e);
       await _lanDiscoveryResponder.stop();
       return false;
     }
diff --git a/lib/themes/nipaplay/pages/settings/remote_access_page.dart b/lib/themes/nipaplay/pages/settings/remote_access_page.dart
@@ -103,17 +103,23 @@ class _RemoteAccessPageState extends State<RemoteAccessPage> {
     final server = ServiceProvider.webServer;
     if (enabled) {
       final success = await server.startServer(port: _currentPort);
+      if (!mounted) return;
       if (success) {
         BlurSnackBar.show(context, '远程访问服务已启动');
         _updateAccessUrls();
       } else {
-        BlurSnackBar.show(context, '远程访问服务启动失败');
         setState(() {
           _webServerEnabled = false;
+          _accessUrls = [];
+          _publicIpUrl = null;
         });
+        _showStartServerErrorDialog(
+          server.lastStartErrorMessage ?? '未知原因',
+        );
       }
     } else {
       await server.stopServer();
+      if (!mounted) return;
       BlurSnackBar.show(context, '远程访问服务已停止');
       setState(() {
         _accessUrls = [];
@@ -145,6 +151,22 @@ class _RemoteAccessPageState extends State<RemoteAccessPage> {
     BlurSnackBar.show(context, '访问地址已复制到剪贴板');
   }
 
+  void _showStartServerErrorDialog(String message) {
+    final colorScheme = Theme.of(context).colorScheme;
+    BlurDialog.show(
+      context: context,
+      title: '远程访问服务启动失败',
+      content: message,
+      actions: [
+        HoverScaleTextButton(
+          text: '确定',
+          idleColor: colorScheme.onSurface,
+          onPressed: () => Navigator.of(context).pop(),
+        ),
+      ],
+    );
+  }
+
   void _showPortDialog() async {
     final colorScheme = Theme.of(context).colorScheme;
     final portController = TextEditingController(text: _currentPort.toString());
@@ -190,12 +212,30 @@ class _RemoteAccessPageState extends State<RemoteAccessPage> {
     );
 
     if (newPort != null && newPort != _currentPort) {
+      final wasRunning = _webServerEnabled;
       setState(() {
         _currentPort = newPort;
       });
-      await ServiceProvider.webServer.setPort(newPort);
-      BlurSnackBar.show(context, '远程访问端口已更新，正在重启服务...');
-      _updateAccessUrls();
+      final server = ServiceProvider.webServer;
+      await server.setPort(newPort);
+      if (!mounted) return;
+      if (wasRunning) {
+        if (server.isRunning) {
+          BlurSnackBar.show(context, '远程访问端口已更新，服务已重启');
+          _updateAccessUrls();
+        } else {
+          setState(() {
+            _webServerEnabled = false;
+            _accessUrls = [];
+            _publicIpUrl = null;
+          });
+          _showStartServerErrorDialog(
+            server.lastStartErrorMessage ?? '未知原因',
+          );
+        }
+      } else {
+        BlurSnackBar.show(context, '远程访问端口已更新');
+      }
     }
   }
 
@@ -276,30 +316,31 @@ class _RemoteAccessPageState extends State<RemoteAccessPage> {
             onChanged: _toggleAutoStart,
           ),
         ),
-        
+
+        const SizedBox(height: 8),
+        Divider(color: colorScheme.onSurface.withOpacity(0.12), height: 1),
+        const SizedBox(height: 8),
+
         if (_webServerEnabled) ...[
-          const SizedBox(height: 8),
-          Divider(color: colorScheme.onSurface.withOpacity(0.12), height: 1),
-          const SizedBox(height: 8),
-          
           // 访问地址
           _buildAccessAddressSection(),
-          
+
           const SizedBox(height: 8),
           Divider(color: colorScheme.onSurface.withOpacity(0.12), height: 1),
           const SizedBox(height: 8),
-          
-          // 端口设置
-          _buildSettingItem(
-            icon: Icons.settings_ethernet,
-            title: '端口设置',
-            subtitle: '当前端口: $_currentPort',
-            trailing: IconButton(
-              icon: Icon(Icons.edit, color: colorScheme.onSurface),
-              onPressed: _showPortDialog,
-            ),
-          ),
         ],
+
+        // 端口设置
+        _buildSettingItem(
+          icon: Icons.settings_ethernet,
+          title: '端口设置',
+          subtitle: '当前端口: $_currentPort',
+          trailing: _HoverScaleIconButton(
+            icon: Icons.edit,
+            onPressed: _showPortDialog,
+            idleColor: colorScheme.onSurface,
+          ),
+        ),
       ],
     );
   }
@@ -475,4 +516,57 @@ class _RemoteAccessPageState extends State<RemoteAccessPage> {
       ),
     );
   }
-} 
+}
+
+class _HoverScaleIconButton extends StatefulWidget {
+  final IconData icon;
+  final VoidCallback onPressed;
+  final Color? idleColor;
+  final Color hoverColor;
+  final double size;
+  final double hoverScale;
+  final EdgeInsetsGeometry padding;
+
+  const _HoverScaleIconButton({
+    required this.icon,
+    required this.onPressed,
+    this.idleColor,
+    this.hoverColor = const Color(0xFFFF2E55),
+    this.size = 20,
+    this.hoverScale = 1.1,
+    this.padding = const EdgeInsets.all(6),
+  });
+
+  @override
+  State<_HoverScaleIconButton> createState() => _HoverScaleIconButtonState();
+}
+
+class _HoverScaleIconButtonState extends State<_HoverScaleIconButton> {
+  bool _isHovered = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final baseColor =
+        widget.idleColor ?? Theme.of(context).colorScheme.onSurface;
+    final color = _isHovered ? widget.hoverColor : baseColor;
+
+    return MouseRegion(
+      onEnter: (_) => setState(() => _isHovered = true),
+      onExit: (_) => setState(() => _isHovered = false),
+      cursor: SystemMouseCursors.click,
+      child: GestureDetector(
+        behavior: HitTestBehavior.opaque,
+        onTap: widget.onPressed,
+        child: AnimatedScale(
+          scale: _isHovered ? widget.hoverScale : 1.0,
+          duration: const Duration(milliseconds: 200),
+          curve: Curves.easeOutBack,
+          child: Padding(
+            padding: widget.padding,
+            child: Icon(widget.icon, size: widget.size, color: color),
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/themes/nipaplay/widgets/manual_danmaku_dialog.dart b/lib/themes/nipaplay/widgets/manual_danmaku_dialog.dart
@@ -597,6 +597,7 @@ class _ManualDanmakuMatchDialogState extends State<ManualDanmakuMatchDialog>
     return Material(
       color: Colors.transparent,
       child: InkWell(
+        splashFactory: NoSplash.splashFactory,
         onTap: () {
           setState(() {
             _selectedEpisode = episode;
