.avoice-sp{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:rgba(11,13,20,.98);box-shadow:0 -12px 40px rgba(0,0,0,.45),0 -1px 0 rgba(255,255,255,.08) inset;color:#e9ecf1;font-family:-apple-system,Segoe UI,Roboto,system-ui,sans-serif}
.avoice-sp__main{display:grid;grid-template-columns:auto auto auto auto 1fr auto 1fr auto;gap:12px;align-items:center;padding:10px 14px;max-width:1200px;margin:0 auto}
.sp-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#e9ecf1;padding:6px 10px;border-radius:10px;cursor:pointer}
.sp-btn:hover{background:rgba(255,255,255,.06)}
.sp-shuffle.active{border-color:#55d7ff;box-shadow:0 0 0 2px rgba(85,215,255,.25)}
.sp-title{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:6px}
.sp-time{opacity:.8;font-variant-numeric:tabular-nums}
.sp-seek{width:100%}
.sp-vol{display:flex;align-items:center;gap:6px}
.avoice-sp__list{margin:0;padding:8px 14px;max-height:38vh;overflow:auto;list-style:none;display:grid;gap:6px}
.avoice-sp__list li{display:grid;grid-template-columns:22px 22px 1fr;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);cursor:pointer}
.avoice-sp__list li .icon{width:18px;height:18px;opacity:.85;display:inline-block}
.avoice-sp__list li .icon.play{background:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"%23e9ecf1\"><path d=\"M8 5v14l11-7z\"/></svg>') center/contain no-repeat}
.avoice-sp__list li .icon.pause{background:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"%23ffd166\"><path d=\"M6 5h4v14H6zm8 0h4v14h-4z\"/></svg>') center/contain no-repeat}
.avoice-sp__list li.active{outline:2px solid #55d7ff}
.avoice-sp__list .num{opacity:.6;width:22px;text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:720px){.avoice-sp__main{grid-template-columns:auto auto auto auto 1fr auto;grid-template-rows:auto auto}.sp-time{display:none}.sp-seek{grid-column:1/-1}}
body{padding-bottom:140px}.hidden-list .avoice-sp__list{display:none}