/* ==========================================
   碟包默认主题 — 玻璃版
   暗色基底 + 绿色点缀
   ========================================== */
:root {
  --bg: #0a0a0a;
  --bg-card: rgba(20,20,20,0.50);
  --bg-hover: rgba(30,30,30,0.55);
  --bg-elevated: rgba(24,24,24,0.60);
  --bg-panel: rgba(17,17,17,0.65);
  --text: #e0e0e0;
  --text-secondary: #999;
  --accent: #1db954;
  --accent-hover: #1ed760;
  --heart: #e74c3c;
  --border: rgba(40,40,40,0.50);
  --radius: 8px;
  --radius-lg: 12px;
  --topbar-h: clamp(44px, 3.5vw, 56px);
  --player-h: clamp(72px, 9vw, 120px);
  --panel-min: clamp(56px, 5vw, 72px);
  --panel-open: 62vh;
  --transition: 0.2s ease;
  --theme-transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease;
  --fs-xs: clamp(10px, 0.8vw, 12px);
  --fs-sm: clamp(11px, 0.9vw, 13px);
  --fs-md: clamp(13px, 1vw, 15px);
  --fs-lg: clamp(15px, 1.2vw, 20px);
  --fs-xl: clamp(18px, 1.5vw, 26px);
  --gap-xs: clamp(4px, 0.4vw, 8px);
  --gap-sm: clamp(6px, 0.6vw, 12px);
  --gap-md: clamp(10px, 1vw, 20px);
  --gap-lg: clamp(16px, 1.5vw, 28px);
}

/* 亮色主题 */
[data-theme="default-light"] {
  --bg: #e8ecf0;
  --bg-card: rgba(255,255,255,0.55);
  --bg-hover: rgba(240,240,240,0.55);
  --bg-elevated: rgba(255,255,255,0.65);
  --bg-panel: rgba(250,250,250,0.60);
  --text: #1a1a2e;
  --text-secondary: #666;
  --accent: #1db954;
  --accent-hover: #17a349;
  --heart: #e74c3c;
  --border: rgba(200,200,200,0.50);
}
[data-theme="default-light"] .album-card { box-shadow: 0 1px 8px rgba(0,0,0,0.06); }
[data-theme="default-light"] .album-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.10); }
[data-theme="default-light"] .player-bar { border-top-color: rgba(200,200,200,0.5); }
[data-theme="default-light"] .topbar { border-bottom-color: rgba(200,200,200,0.5); }
[data-theme="default-light"] .track-panel { border-top-color: rgba(200,200,200,0.5); }
[data-theme="default-light"] .song-list-header { border-bottom-color: rgba(220,220,220,0.5); }
[data-theme="default-light"] .song-item:hover { background: rgba(240,240,240,0.5); }
[data-theme="default-light"] .song-item.current { background: rgba(29,185,84,0.08); }
[data-theme="default-light"] .user-dropdown-trigger { background: rgba(240,240,240,0.6); border-color: rgba(210,210,210,0.5); color: #333; }
[data-theme="default-light"] .user-dropdown-trigger:hover { background: rgba(228,228,228,0.6); }
[data-theme="default-light"] .user-dropdown-menu { background: rgba(255,255,255,0.7); border-color: rgba(220,220,220,0.5); box-shadow: 0 8px 32px rgba(0,0,0,0.08); }
[data-theme="default-light"] .dropdown-item:hover { background: rgba(240,240,240,0.6); }
[data-theme="default-light"] .nav-link.active { background: rgba(0,0,0,0.04); }
[data-theme="default-light"] .btn-login,
[data-theme="default-light"] .modal { background: rgba(255,255,255,0.7); border: 1px solid rgba(220,220,220,0.5); }
[data-theme="default-light"] .modal input,
[data-theme="default-light"] .modal select { background: rgba(240,240,240,0.6); border-color: rgba(210,210,210,0.5); color: #333; }
[data-theme="default-light"] .toast { background: rgba(0,0,0,0.8); color: #fff; }
[data-theme="default-light"] .album-card-cover { background: rgba(230,230,230,0.5); }
[data-theme="default-light"] .album-card-cover.lazy-loading { background: linear-gradient(90deg, rgba(230,230,230,0.5) 25%, rgba(245,245,245,0.5) 50%, rgba(230,230,230,0.5) 75%); background-size: 200% 100%; }