refactor: 弱化媒体播放控制区 + MQTT 客户端 ID 唯一化

播放控制区：
- 从底部中央移到右下角，整体缩小（播放键 42→30px、导航键 34→26px）
- 背景更透（0.8→0.55）、阴影更轻，视觉弱化不抢内容
- 播放名不再显示完整地址：URL 媒体只显示文件名（cleanName 清洗，去掉协议/路径/查询）

MQTT 客户端 ID：
- 后端 client_id 由固定 dpm-backend 改为 dpm-backend-{pid}-{随机}，多实例不互踢
- 前端 client_id 增加时间戳 + 更高熵随机，避免多屏/多标签竞争

backend/app/mqtt.py

@@ -6,6 +6,7 @@
 
 import json
 import logging
+import os
 import threading
 import time
 import uuid
@@ -22,6 +23,11 @@ def new_cmd_id():
     return uuid.uuid4().hex[:12]
 
 
+def _unique_client_id(base):
+    """每个客户端进程使用唯一 client_id，避免与其它实例竞争被 broker 踢下线"""
+    return f"{base}-{os.getpid()}-{uuid.uuid4().hex[:6]}"
+
+
 class MqttHub:
     def __init__(self):
         self.client = None
@@ -37,7 +43,7 @@ class MqttHub:
             return
         try:
             self.client = mqtt.Client(
-                client_id=settings.MQTT_CLIENT_ID,
+                client_id=_unique_client_id(settings.MQTT_CLIENT_ID),
                 clean_session=True,
                 protocol=mqtt.MQTTv311,
             )