/* ============================================================
   UNM-Server 悬浮播放器专属样式：黑胶纹理 / 歌词行过渡
   其余外观由 index.html 内 Tailwind 工具类构成
   ============================================================ */

/* 黑胶唱片纹理 */
.vinyl-grooves {
  background: repeating-radial-gradient(circle at 50% 50%,
    rgba(0,0,0,0.92), rgba(0,0,0,0.92) 2px,
    rgba(30,41,59,0.85) 3px, rgba(0,0,0,0.92) 4px);
}
.vinyl-paused { animation-play-state: paused !important; }

/* 歌词行过渡（预留扩展：完整歌词面板） */
.lyric-line { transition: all 0.25s ease-out; }
.lyric-active { color: #38bdf8; font-size: 1.125rem; font-weight: 700; transform: scale(1.04); }

/* 进度条：渐变填充轨道 + 发光滑块（--fill 由 player.js 实时更新） */
.player-range {
  -webkit-appearance: none;
  appearance: none;
  height: 5px;
  border-radius: 9999px;
  background: linear-gradient(to right, #0ea5e9 0%, #6366f1 var(--fill, 0%), rgba(148, 163, 184, 0.28) var(--fill, 0%));
  outline: none;
  cursor: pointer;
}
.player-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 13px;
  height: 13px;
  border-radius: 9999px;
  background: #fff;
  border: 2.5px solid #0ea5e9;
  box-shadow: 0 0 12px rgba(14, 165, 233, 0.65);
  cursor: pointer;
  transition: transform 0.15s ease;
}
.player-range::-webkit-slider-thumb:hover { transform: scale(1.25); }
.player-range::-moz-range-thumb {
  width: 13px;
  height: 13px;
  border-radius: 9999px;
  background: #fff;
  border: 2.5px solid #0ea5e9;
  box-shadow: 0 0 12px rgba(14, 165, 233, 0.65);
  cursor: pointer;
}