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

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

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

src/utils/mqtt.js

@@ -20,7 +20,8 @@ function notifyStatus() {
 export function connectMqtt() {
   if (client) return;
   try {
-    clientId = `dpm-screen-${Math.random().toString(16).slice(2, 8)}`;
+    // 每个页面会话生成唯一 client_id（时间戳 + 高熵随机），避免多屏/多实例竞争
+    clientId = `dpm-screen-${Date.now().toString(36)}-${Math.random().toString(16).slice(2, 12)}`;
     client = mqtt.connect(MQTT_URL, {
       reconnectPeriod: 3000,
       connectTimeout: 8000,