.xx-mini-player{display:none;position:fixed;left:8px;right:8px;z-index:240;bottom:calc(56px + env(safe-area-inset-bottom,0px) + 8px);background:rgba(26,16,51,.96);color:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.35);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.xx-mini-player.show{display:block}
.xx-mini-main{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer}
.xx-mini-cover{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#111;flex-shrink:0}
.xx-mini-meta{min-width:0;flex:1}
.xx-mini-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xx-mini-sub{font-size:11px;color:rgba(255,255,255,.55);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xx-mini-btn{width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:14px;cursor:pointer;flex-shrink:0}
.xx-mini-btn#xxMiniPlay{background:linear-gradient(135deg,#ec4899,#f472b6)}
.xx-mini-prog{height:3px;background:rgba(255,255,255,.12)}
.xx-mini-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ec4899,#f472b6)}
body.has-xx-mini{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px) + 72px)!important}
@media(min-width:769px){.xx-mini-player{bottom:16px;left:50%;right:auto;width:min(420px,92vw);transform:translateX(-50%)}body.has-xx-mini{padding-bottom:90px!important}}