body{padding-bottom:90px!important}
.player{
  display:flex!important;
  height:78px;
  position:fixed;
  z-index:1200;
  bottom:0;
  left:0;
  right:0;
  background:#ffffff!important;
  border-top:1px solid #e9e9e3!important;
  box-shadow:0 -4px 20px rgba(0,0,0,0.07)!important;
  align-items:center;
  gap:13px;
  padding:9px clamp(14px,3vw,45px);
}
.player-cover{
  width:52px;
  height:52px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid #e9e9e3;
  background:#f4f4f0;
  flex-shrink:0;
}
.player .now{
  width:clamp(130px,16vw,240px);
  overflow:hidden;
  flex-shrink:0;
}
.player .now strong{
  display:block;
  color:#080808!important;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.3;
}
.player .now span{
  display:block;
  color:#6d6d68!important;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.player .icon{
  border:0;
  background:transparent;
  color:#080808!important;
  font-size:16px;
  cursor:pointer;
  padding:6px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:background .2s,transform .15s;
}
.player .icon:hover{
  background:rgba(0,0,0,0.06);
  transform:scale(1.08);
}
.player .play{
  border:0;
  background:var(--yellow,#e9df2f)!important;
  color:#080808!important;
  width:40px;
  height:40px;
  border-radius:50%;
  font-size:13px;
  font-weight:bold;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 3px 8px rgba(0,0,0,0.12);
  transition:transform .15s,box-shadow .15s;
  flex-shrink:0;
}
.player .play:hover{
  transform:scale(1.08);
  box-shadow:0 4px 12px rgba(0,0,0,0.2);
}
.player .current,.player .total{
  font-size:11px;
  font-family:'DM Mono',monospace;
  color:#6d6d68!important;
  font-weight:600;
  flex-shrink:0;
}
.player .progress{
  flex:1;
  accent-color:#045077!important;
  min-width:70px;
  cursor:pointer;
  height:5px;
}
.player .volume-slider{
  width:68px;
  accent-color:#045077!important;
  cursor:pointer;
  height:5px;
  flex-shrink:0;
}
@media(max-width:850px){
  .player{
    height:68px;
    padding:6px 14px;
    gap:10px;
  }
  .player-cover{width:46px;height:46px}
  .player .prev,.player .next,.player .current,.player .total,.player .volume,.player .volume-slider,.player .heart{
    display:none!important;
  }
  .player .progress{min-width:60px}
  .player .now{flex:1;width:auto}
}
footer{background:#fff!important;border-top-color:#e9e9e3!important;margin-bottom:0!important;padding-bottom:30px!important}
footer b{color:#080808}
footer span{display:block;font-size:11px;margin-bottom:11px;color:#6d6d68}
footer p,footer a,footer small{color:#6d6d68!important}
footer small{border-top:1px solid #e9e9e3!important;padding-top:20px;padding-bottom:24px!important;margin-bottom:0!important}
footer a:hover{color:#080808!important}
footer .footer-pre{display:inline-block;color:#080808;font-weight:800;text-decoration:underline;text-underline-offset:4px}.socials{display:flex;gap:8px;margin:10px 0 20px}.socials .social{display:grid;margin:0;place-items:center;width:31px;height:31px;border:1px solid #aaa;border-radius:50%;font-size:14px;font-weight:bold;color:#111;transition:background .2s,color .2s,border-color .2s}.social.disabled{opacity:.6;cursor:not-allowed}.socials .social:hover,.socials .social:focus-visible{background:var(--yellow);border-color:var(--yellow);color:#000;opacity:1}.footer-app{margin-top:17px;margin-bottom:10px;display:block}.footer-app-badges{display:flex;flex-direction:column;gap:10px;margin-top:6px}.app-badge-item{display:inline-flex;align-items:center}.app-badge-item img{width:130px;height:38px;object-fit:contain;border-radius:6px;transition:transform .2s ease,opacity .2s ease;display:block}.app-badge-item:hover img{transform:scale(1.04)}.pre-join{border:1px solid var(--yellow);background:var(--yellow);color:#000;padding:9px 12px;font-size:11px;font-weight:800;border-radius:5px}.pre-join:hover{background:transparent;border-color:#000;color:#000;transform:translateY(-1px)}