/* ============================================================
   悬浮唱片播放器 music-player.css
   ------------------------------------------------
   所属:匡匡小工具 / 唱片播放器(悬浮猫猫背景音乐)
   引入:<link rel="stylesheet" href="music-player.css">
   配合:music-player.js 使用;样式类名固定,勿与页面冲突。
   修改样式后,页面引入处递增 ?v= 版本号即可强制刷新缓存。
   ============================================================ */

#kk-record-wrap{
  position:fixed;right:22px;bottom:22px;z-index:99999;
  display:flex;align-items:center;gap:12px;
  user-select:none;-webkit-user-select:none;
}
#kk-record{
  position:relative;width:96px;height:96px;flex:0 0 auto;cursor:pointer;
  border-radius:50%;overflow:hidden;
  border:2px solid rgba(255,255,255,.35);
  box-shadow:0 6px 24px rgba(0,0,0,.45), inset 0 0 12px rgba(0,0,0,.25);
  transition:transform .25s ease, box-shadow .25s ease;
  background:#1a2a4a;
}
#kk-record img{width:100%;height:100%;object-fit:cover;display:block;}
#kk-record:hover{transform:scale(1.06);}
#kk-record.playing{
  box-shadow:0 6px 24px rgba(0,0,0,.45), 0 0 22px rgba(80,160,255,.65), inset 0 0 12px rgba(0,0,0,.25);
  animation:kkFloat 2.6s ease-in-out infinite;
}
@keyframes kkFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-7px);}
}
#kk-record-wrap .kk-song{
  display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-radius:14px;
  background:rgba(15,25,55,.72);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.16);color:#fff;white-space:nowrap;
  box-shadow:0 4px 16px rgba(0,0,0,.35);pointer-events:none;max-width:46vw;
}
#kk-record-wrap .kk-song-title{
  font-size:14px;font-weight:600;letter-spacing:.3px;
  overflow:hidden;text-overflow:ellipsis;
}
#kk-record-wrap .kk-song-hint{
  font-size:11.5px;color:rgba(255,255,255,.62);
  overflow:hidden;text-overflow:ellipsis;
}
#kk-record-wrap.playing .kk-song-hint{color:#7cc4ff;}

/* 手机端缩小 */
@media (max-width:600px){
  #kk-record-wrap{right:12px;bottom:12px;gap:8px;}
  #kk-record{width:68px;height:68px;}
  #kk-record-wrap .kk-song{padding:6px 10px;border-radius:10px;max-width:52vw;}
  #kk-record-wrap .kk-song-title{font-size:12px;}
  #kk-record-wrap .kk-song-hint{font-size:10px;}
}