/* 查手机 · TA 手机里的音乐 App (音乐 PR6c, js/apps/phone-peek-music.js): the 查手机 look (glass, --pk-* colours), never the music App's 黑白 / 雾蓝 skins */
.pm-me{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;padding:16px;border-radius:22px}
.pm-av{grid-row:1/3;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:600;color:var(--pk-t1);background:color-mix(in srgb,var(--pk-acc) 22%,transparent)}
.pm-me b{font-size:17px;font-weight:600;color:var(--pk-t1)}
.pm-me small{display:block;margin-top:2px;font-size:12.5px;color:var(--pk-t2)}
.pm-stats{grid-column:1/-1;display:flex;gap:26px;padding-top:10px;border-top:1px solid var(--pk-hair)}
.pm-stats span{display:flex;flex-direction:column;font-size:12px;color:var(--pk-t2)}
.pm-stats b{font-size:19px;font-weight:600;color:var(--pk-t1)}
.pm-now{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:20px}
.pm-now small{display:block;font-size:12px;color:var(--pk-t2)}
.pm-now b{font-size:15px;font-weight:500;color:var(--pk-t1)}
.pm-eq{display:inline-flex;gap:3px;align-items:flex-end;height:22px}
.pm-eq i{width:3.5px;border-radius:2px;background:var(--pk-acc);animation:pm-eq 1.1s ease-in-out infinite}
.pm-eq i:nth-child(1){height:40%}.pm-eq i:nth-child(2){height:90%;animation-delay:.2s}.pm-eq i:nth-child(3){height:60%;animation-delay:.4s}
@keyframes pm-eq{50%{transform:scaleY(.45)}}
@media (prefers-reduced-motion:reduce){.pm-eq i{animation:none}}
.pm-row{align-items:center;cursor:pointer}
.pm-row>div{flex:1;min-width:0}
.pm-row b{display:block;font-size:15px;font-weight:500;color:var(--pk-t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-row small{display:block;margin-top:2px;font-size:12.5px;color:var(--pk-t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-row .pm-why{white-space:normal;color:var(--pk-t3)}
.pm-cv{flex:none;width:46px;height:46px;border-radius:10px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--pk-acc) 18%,transparent)}
.pm-tag{flex:none;font-style:normal;font-size:11.5px;padding:2px 8px;border-radius:99px;color:var(--pk-t2);background:color-mix(in srgb,var(--pk-acc) 14%,transparent)}
.pm-new{display:block;width:calc(100% - 12px);margin:16px 6px}
.pm-acts{display:flex;gap:8px;padding:6px 6px 0}
.pm-btn{border:0;border-radius:14px;padding:11px 12px;font-size:14px;font-weight:500;color:var(--pk-t1);background:color-mix(in srgb,var(--pk-acc) 22%,transparent);cursor:pointer}
.pm-btn:disabled{opacity:.5;cursor:default}
.pm-acts .pm-btn{flex:1}
.pm-small{margin:6px 8px 0;font-size:11.5px}
.pm-empty{text-align:center;padding:22px 0}
.pm-songs{margin-top:12px}
.pm-swipe{position:relative;overflow:hidden}
.pm-swipe+.pm-swipe{border-top:1px solid var(--pk-hair)}
.pm-swipe .pm-song{transition:transform .22s ease;background:transparent}
.pm-swipe.open .pm-song{transform:translateX(-84px)}
.pm-del{position:absolute;right:0;top:0;bottom:0;width:84px;border:0;background:#b3402f;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transform:translateX(100%);transition:transform .22s ease}
.pm-swipe.open .pm-del{transform:none}
.pm-res{max-height:260px;overflow:auto;margin-bottom:10px;scrollbar-width:none;-ms-overflow-style:none}
.pm-res::-webkit-scrollbar{display:none}
.pm-hit{display:flex;gap:10px;align-items:center;padding:8px 4px}
.pm-hit+.pm-hit{border-top:1px solid var(--pk-hair)}
.pm-hit>div{flex:1;min-width:0}
.pm-hit b{display:block;font-size:14px;font-weight:500;color:var(--pk-t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-hit small{font-size:12px;color:var(--pk-t2)}
.pm-hit button{flex:none;border:0;border-radius:99px;padding:6px 14px;font-size:13px;color:var(--pk-t1);background:color-mix(in srgb,var(--pk-acc) 24%,transparent);cursor:pointer}
.pm-hit button:disabled{opacity:.55;cursor:default}