/* ===== Safari 14.1 以下 flex gap 静态降级（详情页播放器，全浏览器等价，不依赖 JS） =====
 * 老版 Safari 不支持 flex 布局 gap，元素间距全部丢失导致按钮错位。
 * 将 gap 改为等价 margin（子元素 + 兄弟选择器），所有浏览器渲染结果一致。
 * v1.2 修正：row 方向容器只加 margin-left（margin-top 会破坏交叉轴垂直对齐，
 * 导致下载按钮/胶囊被推下错位，已移除）；.p-badges 加 align-items:center 保证胶囊垂直居中。 */
.dj-detail .p-controls{gap:0;}
.dj-detail .p-controls > * + *{margin-left:22px;}
.dj-detail .p-tools{gap:0;}
.dj-detail .p-tools > * + *{margin-left:20px;}
.dj-detail .dock-vol{gap:0;}
.dj-detail .dock-vol > * + *{margin-left:8px!important;}
.dj-detail .p-progress{gap:0;}
.dj-detail .p-progress > * + *{margin-left:12px;}
.dj-detail .p-badges{gap:0;align-items:center;}
.dj-detail .p-badges > * + *{margin-left:8px;}
@media(max-width:640px){
  .dj-detail .p-controls > * + *{margin-left:16px;}
  .dj-detail .p-progress > * + *{margin-left:8px;}
  .dj-detail .p-badges > * + *{margin-left:6px;}
}
@media(max-width:400px){
  .dj-detail .p-controls > * + *{margin-left:12px;}
  .dj-detail .p-badges > * + *{margin-left:4px;}
}