cc，优化界面和bug

src/components/Control/ControlPanel.tsx

@@ -1257,6 +1257,23 @@ const ControlPanel: React.FC<ControlPanelProps> = ({ deviceId }) => {
     })
   }
 
+  // 🆕 手动授权投屏权限（不自动点击确认）
+  const handleRefreshPermissionManual = () => {
+    if (!webSocket) {
+      message.error('WebSocket未连接')
+      return
+    }
+
+    console.log('📺 手动授权投屏权限（不自动点击）')
+
+    webSocket.emit('client_event', {
+      type: 'REFRESH_MEDIA_PROJECTION_MANUAL',
+      data: { deviceId }
+    })
+
+    message.info('已发送手动授权请求，请在设备上手动确认权限弹窗')
+  }
+
   // 🆕 暂停屏幕捕获 - 已隐藏（功能已移至RemoteControlApp）
   // const handlePauseScreenCapture = () => {
   //   if (!webSocket) {
@@ -2849,7 +2866,7 @@ ${savedConfirmCoords ?
 
               {/* 🆕 重新获取投屏权限 */}
               <Row gutter={[8, 8]} style={{ marginTop: '8px' }}>
-                <Col span={24}>
+                <Col span={12}>
                   <Button
                     block
                     type="default"
@@ -2865,6 +2882,22 @@ ${savedConfirmCoords ?
                     重新获取投屏权限
                   </Button>
                 </Col>
+                <Col span={12}>
+                  <Button
+                    block
+                    type="default"
+
+                    onClick={handleRefreshPermissionManual}
+                    disabled={!operationEnabled}
+                    style={{
+                      background: operationEnabled ? 'linear-gradient(135deg, #597ef7 0%, #1d39c4 100%)' : undefined,
+                      borderColor: operationEnabled ? '#597ef7' : undefined,
+                      color: operationEnabled ? 'white' : undefined
+                    }}
+                  >
+                    手动授权投屏
+                  </Button>
+                </Col>
               </Row>
 
               {/* 🆕 屏幕捕获控制 - 已隐藏（功能已移至RemoteControlApp） */}

src/components/Control/DeviceFilter.tsx

@@ -96,14 +96,7 @@ const DeviceFilterComponent: React.FC<DeviceFilterProps> = ({ onFilterChange, st
   }
 
   return (
-    <div style={{ 
-      background: 'white', 
-      borderRadius: '8px', 
-      padding: '16px', 
-      marginBottom: '16px',
-      boxShadow: '0 1px 3px rgba(0,0,0,0.1)',
-      ...style 
-    }}>
+    <div className="device-filter-bar" style={style}>
       <Form
         form={form}
         layout="inline"
@@ -112,7 +105,7 @@ const DeviceFilterComponent: React.FC<DeviceFilterProps> = ({ onFilterChange, st
         style={{ 
           display: 'flex', 
           alignItems: 'center', 
-          gap: '12px',
+          gap: '8px',
           flexWrap: 'wrap'
         }}
       >