.live-energy.card-soft{
  display:block!important;
  padding:12px 14px!important;
  border-radius:22px!important;
  background:rgba(8,18,38,.72)!important;
  border:1px solid rgba(85,231,255,.16)!important;
}

.live-energy.card-soft>div:first-child{width:100%!important}
.live-energy.card-soft>div:last-child{display:none!important}

#djLiveIndexSection{
  width:100%!important;
  max-width:560px!important;
  margin:8px auto 0!important;
  padding:0!important;
}

#djLiveIndexSection .djlive-title{
  margin:0 0 8px!important;
  color:#55e7ff!important;
  font-size:.68rem!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
}

.djlive-pro-card{
  display:grid!important;
  grid-template-columns:56px 1fr 130px!important;
  gap:13px!important;
  align-items:center!important;
  min-height:86px!important;
  padding:13px 15px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(20,24,58,.96),rgba(48,25,82,.90))!important;
  border:1px solid rgba(85,231,255,.20)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
  position:relative!important;
  overflow:hidden!important;
}

.djlive-pro-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 90% 50%,rgba(56,215,255,.14),transparent 30%)!important;
  pointer-events:none!important;
}

.djlive-pro-avatar{
  width:52px!important;
  height:52px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#15264f,#351b58)!important;
  border:1px solid rgba(85,231,255,.30)!important;
  box-shadow:0 0 18px rgba(85,231,255,.22)!important;
  display:grid!important;
  place-items:center!important;
  color:#75efff!important;
  font-size:.85rem!important;
  font-weight:950!important;
  position:relative!important;
  z-index:1!important;
}

.djlive-pro-main,
.djlive-pro-play{
  position:relative!important;
  z-index:1!important;
}

.djlive-pro-status{
  display:inline-flex!important;
  margin-bottom:5px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  color:#75efff!important;
  background:rgba(85,231,255,.10)!important;
  border:1px solid rgba(85,231,255,.22)!important;
  font-size:.58rem!important;
  font-weight:950!important;
  letter-spacing:.07em!important;
}

.djlive-pro-name{
  color:#fff!important;
  font-size:1.38rem!important;
  line-height:1!important;
  font-weight:950!important;
  margin-bottom:5px!important;
}

.djlive-pro-room{
  color:rgba(255,255,255,.68)!important;
  font-size:.78rem!important;
  font-weight:850!important;
}

.djlive-pro-room strong{
  color:#55e7ff!important;
  font-size:.9rem!important;
  margin-left:5px!important;
}

.djlive-pro-play{
  min-height:38px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:white!important;
  font-size:.74rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
  background:linear-gradient(135deg,#7267ff,#34d8ff)!important;
  box-shadow:0 10px 22px rgba(56,215,255,.22)!important;
  cursor:pointer!important;
}

.djlive-pro-play.is-playing{
  background:linear-gradient(135deg,#20d6a3,#38d7ff)!important;
  box-shadow:0 0 24px rgba(32,214,163,.32)!important;
}

@media(max-width:760px){
  .djlive-pro-card{
    grid-template-columns:52px 1fr!important;
  }
  .djlive-pro-play{
    grid-column:1 / -1!important;
    width:100%!important;
  }
}