/* 底部全宽容器 */
.mixdj-player .mixdj-player-long{position:fixed;left:0;bottom:0;width:100%;z-index:999;}
.mixdj-player .mixdj-player-long .floor1{background:#000;}
.mixdj-player .mixdj-player-long .floor2{background:rgba(68,65,65,1);height:32px;}
.mixdj-player .mixdj-player-long .floor2 .cont{display:flex;justify-content:space-between;align-items:center;}
.mixdj-player .mixdj-player-long .floor2 .cont span{font-size:14px;color:#fff;line-height:32px;margin-right:30px;}
.mixdj-player marquee{background:transparent;display:block;color:#fff;font-size:14px;}

/* 主题容器宽度：如果你的主题有 .mainWidth 会复用，没的话兼容 */
.mainWidth{max-width:1200px;margin:0 auto;}
.jp_container{}
.mixdj-player .cont{padding:0 60px 0 185px;position:relative;}

/* 左侧圆封面 */
.song-img{position:absolute;left:0;width:120px;height:120px;top:50%;margin-top:-60px;overflow:hidden;border-radius:50%;}
.song-img canvas{width:120px;height:120px;}
.songImg{position:absolute;width:102px;left:9px;top:9px;border-radius:50%;z-index:1;}

/* 封面旋转动画 */
.songImg.rotating{animation:mixdj-rotate 8s linear infinite;}
@keyframes mixdj-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* 歌曲信息区 */
.song-info{height:130px;padding:10px 0;color:#fff;}
.song-name{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px;height:30px;line-height:30px;}
.song-name-Marquee:hover .song-name{color:#ef0505;}

/* 波形 + 进度条叠加 */
.oscillogramBox{height:42px;width:100%;position:relative;}
.mixdj-wave{position:absolute;left:0;top:0;right:0;bottom:0;}
.progress-bar-box{position:absolute;left:0;top:0;width:100%;height:110%;pointer-events:none;}
.progress-bar{position:absolute;height:100%;left:0;top:0;border-right:1px solid #fff;background:rgba(239,5,5,.5);width:0;}

/* 控制区 */
.btnItem{margin-top:10px;display:flex;justify-content:space-between;align-items:center;}
.btnItem .left{display:flex;align-items:center;width:calc(100% - 300px)}
.song-property .cate-name{color:#fff}
.song-property .cate-name:hover{color:#ef0505}

.switch-controller.type2{display:flex;align-items:center;justify-content:space-between;margin-right:12px;}
.switch-controller.type2 a{display:flex;align-items:center;justify-content:center;width:32px;height:22px;background:#ef0505;border-radius:3px;margin-right:8px;}
.switch-controller.type2 a:hover{opacity:.8;}
.switch-controller .paused-item{display:none;}

.song-time{color:#fff;font-size:14px;margin-left:20px;}
.switchover-player{position:absolute;width:25px;height:25px;right:10px;top:10px;}

/* 适配小屏 */
@media (max-width: 820px){
  .mixdj-player .cont{padding:0 10px 0 100px;}
  .song-img{width:80px;height:80px;margin-top:-40px;}
  .song-img canvas{width:80px;height:80px;}
  .songImg{width:68px;left:6px;top:6px;}
  .song-info{height:110px;}
  .oscillogramBox{height:36px;}
}
/* 迷你切换动画 */
.mixdj-player-long,
.mixdj-player-mini {
  transition: all 0.4s ease;
}
/* ===== 迷你面板（保留切换逻辑 + 修正错位）===== */
.mixdj-player .mixdj-player-mini,
.mixdj-player-mini {
  position: fixed !important;
  left: 30px;
  bottom: 30px;
  width: 260px;
  height: 290px;
  background: #000;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(0,0,0,.35);
  z-index: 2147483647;
  overflow: hidden;
  text-align: center;
  display: none !important; /* 默认隐藏 */
  transition: all .4s ease;
}

/* 封面区域：修正垂直居中偏移 */
.mixdj-player .mixdj-player-mini .song-img,
.mixdj-player-mini .song-img {
  overflow: hidden;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  margin: 25px auto 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
}
.mixdj-player .mixdj-player-mini .song-img canvas,
.mixdj-player-mini .song-img canvas {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.mixdj-player .mixdj-player-mini .song-img .songImg,
.mixdj-player-mini .song-img .songImg {
  position: absolute;
  width: 138px;
  height: 138px;
  left: 11px;
  top: 11px;
  border-radius: 50%;
  z-index: 1;
}

/* 展开按钮（右上角） */
.mixdj-player .mixdj-player-mini .switchover-player,
.mixdj-player-mini .switchover-player {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 10px;
  top: 10px;
  z-index: 5;
}

/* 歌曲信息区 */
.mixdj-player .mixdj-player-mini .song-info,
.mixdj-player-mini .song-info {
  padding: 0 20px;
  margin-top: 10px;
  color: #fff;
  text-align: center;
}
.mixdj-player .mixdj-player-mini .song-info .song-name,
.mixdj-player-mini .song-info .song-name {
  display: flex;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 30px;
  line-height: 30px;
  margin-bottom: 6px;
}
.mixdj-player .mixdj-player-mini .song-time,
.mixdj-player-mini .song-time {
  color: #aaa;
  font-size: 12px;
  margin-top: 8px;
  text-align: center;
  margin-left: 0;
}

/* 控制区 */
.mixdj-player .mixdj-player-mini .btnItem,
.mixdj-player-mini .btnItem {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.mixdj-player .mixdj-player-mini .switch-controller,
.mixdj-player-mini .switch-controller {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mixdj-player .mixdj-player-mini .switch-controller a,
.mixdj-player-mini .switch-controller a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 22px;
  background: #ef0505;
  border-radius: 3px;
  margin-right: 8px;
  transition: 0.25s;
}
.mixdj-player .mixdj-player-mini .switch-controller a:hover,
.mixdj-player-mini .switch-controller a:hover {
  opacity: 0.8;
}
.mixdj-player .mixdj-player-mini .switch-controller .paused-item,
.mixdj-player-mini .switch-controller .paused-item {
  display: none;
}

/* 切换逻辑：保留原来的 body 控制类 */
.mixdj-player.mini-mode .mixdj-player-long { display:none !important; }
.mixdj-player.mini-mode .mixdj-player-mini { display:block !important; }

body.mixdj-mini .mixdj-player-long { display:none !important; }
body.mixdj-mini .mixdj-player-mini { display:block !important; }

body.mixdj-full .mixdj-player-long { display:block !important; }
body.mixdj-full .mixdj-player-mini { display:none !important; }