/**
 * 桌面音乐盒（desk MP3 v2 · 晴雨换源同位）
 *
 * - 设备图：assets/img/kit/music/desk-mp3-{sunny,rainy}-v2.png（复古收音机造型，
 *   已去孤立杂点、沿轮廓腐蚀 3px + 羽化去毛边，晴雨统一 1132×671），
 *   经 data-weather-sunny/rainy-src 由天气控制器换源。
 * - 屏幕为 HTML：无音频源时显示「音乐待添加」，不显示任何假播放状态。
 * - 上一首 / 播放 / 下一首 / 音量热区按 v2 设备图像素检测落位（透明按钮），
 *   由 features 模块真实控制播放；天气切换只换设备图 src，不重建 DOM、不重启音乐。
 */

.desk-music { left: 10.5%; top: 72.8%; width: 10.5%; }
.desk-music .dm-img {
  display: block; width: 100%; height: auto;
  filter: none !important; mix-blend-mode: normal !important; transform: none !important;
}
.desk-music .dm-ui { position: absolute; inset: 0; }

/* 屏幕（检测自 v2 设备图 1132×671：x 7.3–31.3%，y 25.5–48.9%）：曲名 + 状态 */
.desk-music .dm-screen {
  position: absolute; left: 7.3%; top: 25.5%; width: 24.0%; height: 23.4%;
  display: flex; flex-direction: column; justify-content: center; gap: .12em;
  padding-left: 7%; overflow: hidden; text-align: left;
}
.desk-music .dm-title {
  font-size: clamp(5px, 0.42vw, 7px); font-weight: 800; color: #d9e5f2;
  line-height: 1.15; white-space: nowrap; letter-spacing: .02em;
}
.desk-music .dm-status {
  font-size: clamp(4px, 0.34vw, 6px); font-weight: 600; color: #9fb4cc;
  line-height: 1.15; white-space: nowrap;
}

/* 热区：与 v2 设备图按钮/旋钮像素位置对齐；透明、可聚焦 */
.desk-music .dm-btn {
  position: absolute; margin: 0; padding: 0;
  background: transparent; border: none; border-radius: 50%; cursor: pointer;
}
.desk-music .dm-btn:focus-visible { outline: 1px solid rgba(217, 229, 242, .8); outline-offset: 1px; }
.desk-music .dm-prev { left:  8.8%; top: 55.4%; width: 6.7%; height: 11.3%; }
.desk-music .dm-play { left: 22.1%; top: 57.7%; width: 7.8%; height: 13.1%; }
.desk-music .dm-next { left: 36.9%; top: 62.2%; width: 6.9%; height: 11.6%; }
.desk-music .dm-vol  { left: 52.8%; top: 50.0%; width: 13.0%; height: 22.0%; border-radius: 50%; }