/* Phoenix Music — 1:1 UI theme presets (uboger / QQ / Kugou / hybrid) */

@media (max-width: 1023px) {
  .pm-theme-base .pms-lyrics__scroll {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .pm-theme-base .pms-lyrics__scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}

/* ══════════════════════════════════════════════
   UBOGER — TikTok / 沉浸式暗色（默认）
   ══════════════════════════════════════════════ */
body.pm-theme-base.pm-theme-uboger,
body.pm-theme-base.pm-theme-uboger[data-pm-theme="uboger"] {
  --pm-bg: #050608;
  --pm-panel: #101010;
  --pm-accent: #1db954;
  --pm-accent-soft: rgba(29, 185, 84, 0.18);
  --pm-accent-hover: rgba(29, 185, 84, 0.08);
  --pm-play-grad: linear-gradient(135deg, #ff0050, #ff7a00);
  --pm-muted: #bdbdbd;
  --pm-text-primary: #fff;
  --pm-text-dim: rgba(249, 250, 251, 0.5);
  --pm-lyric-current: #fef3c7;
  --pm-lyric-size: 18px;
  --pm-lyric-current-size: 24px;
  --pm-border: rgba(255, 255, 255, 0.08);
  --pm-pl-title-color: #e5e7eb;
  --pm-pl-meta-color: #9ca3af;
  --pm-track-hover-bg: #111827;
  --pm-track-active-bg: linear-gradient(90deg, rgba(29, 185, 84, 0.18), rgba(29, 185, 84, 0.08));
  --pm-list-row-border: rgba(255, 255, 255, 0.04);
  --pm-playlist-panel-bg: rgba(5, 6, 8, 0.98);
  --pm-playlist-shadow: -20px 0 60px rgba(0, 0, 0, 0.6);
  --pm-progress-track: #333;
  --pm-progress-thumb: #fff;
  --pm-ctrl-wrap-bg: transparent;
  --pm-ctrl-row-bg: rgba(0, 0, 0, 0.55);
  --pm-ctrl-btn-bg: rgba(0, 0, 0, 0.6);
  --pm-ctrl-btn-color: #fff;
  --pm-side-on-color: #f97316;
  --pm-side-btn-bg: rgba(0, 0, 0, 0.65);
  --pm-side-btn-border: rgba(255, 255, 255, 0.08);
  --pm-side-btn-color: #fff;
  --pm-side-btn-radius: 999px;
  --pm-buttons-row-radius: 999px;
  --pm-ctrl-wrap-border: none;
  --pm-ctrl-wrap-shadow: none;
  --pm-appbar-bg: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), transparent);
  --pm-icon-round-bg: rgba(0, 0, 0, 0.6);
  --pm-icon-round-color: #fff;
  --pm-vip-cta-bg: rgba(5, 6, 8, 0.92);
  --pm-vip-cta-border: rgba(29, 185, 84, 0.25);
  --pm-vip-cta-title-color: #fff;
  --pm-tab-color: var(--pm-muted);
  --pm-tab-hover-bg: rgba(255, 255, 255, 0.08);
  --pm-panel-header-border: #222;
  --pm-toolbar-btn-bg: rgba(255, 255, 255, 0.08);
  --pm-toolbar-btn-color: #fff;
  --pm-stage-accent: #1db954;
  --pm-stage-accent-soft: rgba(29, 185, 84, 0.22);
  --pm-stage-play-grad: linear-gradient(135deg, #1db954, #1ed760);
  --pm-stage-bg: #000;
  --pm-stage-text: #fff;
  --pm-controls-h: 120px;
  --pms-bg: #000000;
  --pms-text: #ffffff;
  --pms-text-muted: rgba(255, 255, 255, 0.45);
  --pms-text-dim: rgba(255, 255, 255, 0.55);
  --pms-text-subtle: rgba(255, 255, 255, 0.75);
  --pms-header-back-bg: rgba(255, 255, 255, 0.1);
  --pms-tab-color: rgba(255, 255, 255, 0.45);
  --pms-tab-active-color: #ffffff;
  --pms-tab-indicator: #1db954;
  --pms-accent: #1db954;
  --pms-accent-soft: rgba(29, 185, 84, 0.28);
  --pms-star-color: #ffd43b;
  --pms-star-soft: rgba(255, 212, 59, 0.22);
  --pms-btn-color: #ffffff;
  --pms-play-btn-bg: linear-gradient(135deg, #1db954, #1ed760);
  --pms-play-btn-color: #ffffff;
  --pms-play-btn-shadow: 0 8px 28px rgba(29, 185, 84, 0.42);
  --pms-play-bg-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.9) 100%);
  --pms-play-bg-brightness: 0.3;
  --pms-progress-track: rgba(255, 255, 255, 0.18);
  --pms-progress-fill: #1db954;
  --pms-dock-icon-bg: rgba(255, 255, 255, 0.1);
  --pms-lyrics-bg: #000000;
  --pms-lyrics-line: rgba(255, 255, 255, 0.28);
  --pms-lyrics-active: #1db954;
  --pms-lyrics-active-size: 20px;
  --pms-lyrics-active-shadow: 0 0 24px rgba(29, 185, 84, 0.4);
  --pms-comments-bg: #0a0a0a;
  --pms-comments-full-bg: #000000;
  --pms-comments-send-bg: #1db954;
  --pms-comments-pin-bg: rgba(29, 185, 84, 0.2);
  --pms-comments-pin-color: #1db954;
  --pms-sheet-overlay: rgba(0, 0, 0, 0.55);
  --pms-sheet-panel-bg: rgba(5, 6, 8, 0.98);
  --pms-sheet-send-bg: #1db954;
}

@media (min-width: 1024px) {
  body.pm-theme-base.pm-theme-uboger,
  body.pm-theme-base.pm-theme-uboger[data-pm-theme="uboger"] {
    --pm-desk-accent: #ec4141;
    --pm-desk-accent-soft: rgba(236, 65, 65, 0.08);
    --pm-desk-accent-hover: rgba(236, 65, 65, 0.06);
    --pm-desk-accent-ring: rgba(236, 65, 65, 0.12);
    --pm-desk-accent-border: rgba(236, 65, 65, 0.15);
    --pm-desk-accent-border-strong: rgba(236, 65, 65, 0.35);
    --pm-desk-accent-vip-grad: linear-gradient(90deg, rgba(236, 65, 65, 0.08), rgba(236, 65, 65, 0.03));
    --pm-desk-bg: #f5f5f5;
    --pm-desk-panel: #fff;
    --pm-desk-sidebar: #fafafa;
    --pm-desk-text: #333;
    --pm-desk-muted: #999;
    --pm-desk-border: rgba(0, 0, 0, 0.06);
    --pm-desk-row-hover: #fafafa;
    --pm-desk-footer-bg: #fff;
    --pm-dbar-cover-radius: 8px;
    --pm-dbar-play-size: 36px;
  }
}

/* ══════════════════════════════════════════════
   QQ MUSIC — 移动端浅色 + PC 绿主色
   ══════════════════════════════════════════════ */
body.pm-theme-base.pm-theme-qq,
body.pm-theme-base.pm-theme-qq[data-pm-theme="qq"] {
  --pm-bg: #f5f6f8;
  --pm-panel: #ffffff;
  --pm-accent: #31c27c;
  --pm-accent-soft: rgba(49, 194, 124, 0.12);
  --pm-accent-hover: rgba(49, 194, 124, 0.08);
  --pm-play-grad: #31c27c;
  --pm-muted: #888888;
  --pm-text-primary: #2c2c2c;
  --pm-text-dim: rgba(44, 44, 44, 0.42);
  --pm-lyric-current: #31c27c;
  --pm-lyric-size: 17px;
  --pm-lyric-current-size: 22px;
  --pm-border: #e8e8e8;
  --pm-pl-title-color: #333333;
  --pm-pl-meta-color: #999999;
  --pm-track-hover-bg: #f2f3f5;
  --pm-track-active-bg: rgba(49, 194, 124, 0.1);
  --pm-list-row-border: transparent;
  --pm-playlist-panel-bg: #ffffff;
  --pm-playlist-shadow: -8px 0 32px rgba(0, 0, 0, 0.08);
  --pm-progress-track: #e0e0e0;
  --pm-progress-thumb: #31c27c;
  --pm-ctrl-wrap-bg: #ffffff;
  --pm-ctrl-row-bg: transparent;
  --pm-ctrl-btn-bg: transparent;
  --pm-ctrl-btn-color: #555555;
  --pm-side-on-color: #31c27c;
  --pm-side-btn-bg: #ffffff;
  --pm-side-btn-border: #eeeeee;
  --pm-side-btn-color: #666666;
  --pm-side-btn-radius: 12px;
  --pm-buttons-row-radius: 0;
  --pm-ctrl-wrap-border: 1px solid #eeeeee;
  --pm-ctrl-wrap-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06);
  --pm-appbar-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 246, 248, 0) 100%);
  --pm-icon-round-bg: rgba(0, 0, 0, 0.05);
  --pm-icon-round-color: #444444;
  --pm-vip-cta-bg: #ffffff;
  --pm-vip-cta-border: rgba(49, 194, 124, 0.28);
  --pm-vip-cta-title-color: #333333;
  --pm-tab-color: #888888;
  --pm-tab-hover-bg: rgba(49, 194, 124, 0.06);
  --pm-panel-header-border: #eeeeee;
  --pm-toolbar-btn-bg: #f5f6f8;
  --pm-toolbar-btn-color: #555555;
  --pm-stage-accent: #31c27c;
  --pm-stage-accent-soft: rgba(49, 194, 124, 0.18);
  --pm-stage-play-grad: #31c27c;
  --pm-stage-bg: #f5f6f8;
  --pm-stage-text: #333333;
  --pm-stage-enter-bg: rgba(0, 0, 0, 0.05);
  --pm-stage-enter-color: #666666;
  --pm-controls-h: 132px;
  --pms-bg: #f5f6f8;
  --pms-text: #2c2c2c;
  --pms-text-muted: #999999;
  --pms-text-dim: #666666;
  --pms-text-subtle: #888888;
  --pms-header-back-bg: rgba(0, 0, 0, 0.05);
  --pms-header-back-color: #333333;
  --pms-tab-color: rgba(44, 44, 44, 0.42);
  --pms-tab-active-color: #2c2c2c;
  --pms-tab-indicator: #31c27c;
  --pms-accent: #31c27c;
  --pms-accent-soft: rgba(49, 194, 124, 0.16);
  --pms-star-color: #f5a623;
  --pms-star-soft: rgba(245, 166, 35, 0.15);
  --pms-btn-color: #555555;
  --pms-play-btn-bg: #31c27c;
  --pms-play-btn-color: #ffffff;
  --pms-play-btn-shadow: 0 6px 22px rgba(49, 194, 124, 0.38);
  --pms-play-bg-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(245, 246, 248, 0.96) 100%);
  --pms-play-bg-blur: 56px;
  --pms-play-bg-brightness: 0.92;
  --pms-progress-track: #e6e6e6;
  --pms-progress-fill: #31c27c;
  --pms-progress-time: #999999;
  --pms-dock-icon-bg: #ffffff;
  --pms-dock-icon-border: 1px solid #eeeeee;
  --pms-dock-label: #666666;
  --pms-cover-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
  --pms-cover-placeholder-bg: #eeeeee;
  --pms-cover-placeholder-color: #cccccc;
  --pms-lyrics-bg: #ffffff;
  --pms-lyrics-line: rgba(44, 44, 44, 0.38);
  --pms-lyrics-line-size: 16px;
  --pms-lyrics-active: #31c27c;
  --pms-lyrics-active-size: 20px;
  --pms-lyrics-active-shadow: none;
  --pms-lyrics-empty: #aaaaaa;
  --pms-lyrics-mask: linear-gradient(180deg, transparent, #fff 10%, #fff 90%, transparent);
  --pms-comments-bg: #ffffff;
  --pms-comments-full-bg: #f5f6f8;
  --pms-comments-composer-bg: #ffffff;
  --pms-comments-composer-full-bg: #ffffff;
  --pms-comments-border: #eeeeee;
  --pms-comments-input-bg: #f5f6f8;
  --pms-comments-input-color: #333333;
  --pms-comments-input-placeholder: #aaaaaa;
  --pms-comments-send-bg: #31c27c;
  --pms-comments-send-color: #ffffff;
  --pms-comments-name: #333333;
  --pms-comments-body: #444444;
  --pms-comments-meta: #aaaaaa;
  --pms-comments-action: #888888;
  --pms-comments-pin-bg: rgba(49, 194, 124, 0.12);
  --pms-comments-pin-color: #31c27c;
  --pms-comments-avatar-bg: #f0f0f0;
  --pms-comments-load-bg: #f5f6f8;
  --pms-comments-load-color: #666666;
  --pms-sheet-overlay: rgba(0, 0, 0, 0.35);
  --pms-sheet-panel-bg: #ffffff;
  --pms-sheet-handle: #dddddd;
  --pms-sheet-send-bg: #31c27c;
  background: var(--pm-bg);
  color: var(--pm-text-primary);
}

body.pm-theme-base.pm-theme-qq .pm-player {
  background: var(--pm-bg);
}

body.pm-theme-base.pm-theme-qq .pm-brand,
body.pm-theme-base.pm-theme-qq .pm-now-playing {
  color: var(--pm-text-primary);
}

body.pm-theme-base.pm-theme-qq .pm-now-playing {
  color: var(--pm-muted);
}

body.pm-theme-base.pm-theme-qq .pm-lyric-line.is-current {
  transform: none;
  font-weight: 700;
}

body.pm-theme-base.pm-theme-qq .pm-side-btn.is-on {
  border-color: rgba(49, 194, 124, 0.45);
  background: rgba(49, 194, 124, 0.08);
}

body.pm-theme-base.pm-theme-qq .pm-controls-wrap {
  left: 0;
  right: 0;
  transform: none;
  max-width: 100%;
  padding: 8px 0 calc(10px + env(safe-area-inset-bottom, 0));
  gap: 6px;
}

body.pm-theme-base.pm-theme-qq .pm-progress-row {
  padding: 0 16px;
}

body.pm-theme-base.pm-theme-qq .pm-buttons-row {
  gap: 20px;
  padding: 4px 20px 8px;
}

body.pm-theme-base.pm-theme-qq .pm-ctrl-btn--play {
  width: 56px;
  height: 56px;
  background: var(--pm-play-grad);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(49, 194, 124, 0.32);
}

body.pm-theme-base.pm-theme-qq .pm-ctrl-btn.is-on {
  color: var(--pm-accent);
}

body.pm-theme-base.pm-theme-qq .pm-progress-bar {
  height: 3px;
  accent-color: var(--pm-accent);
}

body.pm-theme-base.pm-theme-qq .pm-track-row.is-active {
  border-left: 3px solid var(--pm-accent);
}

body.pm-theme-base.pm-theme-qq .pm-vip-cta__btn--primary {
  background: var(--pm-accent);
}

@media (min-width: 1024px) {
  body.pm-theme-base.pm-theme-qq,
  body.pm-theme-base.pm-theme-qq[data-pm-theme="qq"] {
    --pm-desk-accent: #31c27c;
    --pm-desk-accent-soft: rgba(49, 194, 124, 0.1);
    --pm-desk-accent-hover: rgba(49, 194, 124, 0.06);
    --pm-desk-accent-ring: rgba(49, 194, 124, 0.15);
    --pm-desk-accent-border: rgba(49, 194, 124, 0.2);
    --pm-desk-accent-border-strong: rgba(49, 194, 124, 0.4);
    --pm-desk-accent-vip-grad: linear-gradient(90deg, rgba(49, 194, 124, 0.1), rgba(49, 194, 124, 0.04));
    --pm-desk-bg: #f5f6f8;
    --pm-desk-panel: #ffffff;
    --pm-desk-sidebar: #ffffff;
    --pm-desk-text: #2c2c2c;
    --pm-desk-muted: #999999;
    --pm-desk-border: #eeeeee;
    --pm-desk-row-hover: #f7f8fa;
    --pm-desk-footer-bg: #ffffff;
    --pm-dbar-cover-radius: 6px;
    --pm-dbar-play-size: 34px;
    background: var(--pm-desk-bg);
    color: var(--pm-desk-text);
  }

  body.pm-theme-base.pm-theme-qq .pm-sidebar {
    border-right-color: var(--pm-desk-border);
  }

  body.pm-theme-base.pm-theme-qq .pm-sidebar__brand i {
    background: var(--pm-desk-accent);
    border-radius: 6px;
  }

  body.pm-theme-base.pm-theme-qq .pm-browse {
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  }

  body.pm-theme-base.pm-theme-qq .pm-dbar-btn--play {
    background: var(--pm-desk-accent);
    border-radius: 50%;
  }

  body.pm-theme-base.pm-theme-qq .pm-dbar-cover {
    border-radius: var(--pm-dbar-cover-radius);
  }

  body.pm-theme-base.pm-theme-qq .pm-track-row--desk.is-active .pm-col-index {
    color: var(--pm-desk-accent);
    font-weight: 700;
  }
}

/* ══════════════════════════════════════════════
   KUGOU — 移动端深蓝 + 金色歌词；PC 浅蓝清爽
   ══════════════════════════════════════════════ */
body.pm-theme-base.pm-theme-kugou,
body.pm-theme-base.pm-theme-kugou[data-pm-theme="kugou"] {
  --pm-bg: #0a1628;
  --pm-panel: #111d33;
  --pm-accent: #0090ff;
  --pm-accent-soft: rgba(0, 144, 255, 0.16);
  --pm-accent-hover: rgba(0, 144, 255, 0.1);
  --pm-play-grad: linear-gradient(180deg, #00b4ff 0%, #0088ff 100%);
  --pm-muted: #8ba3c7;
  --pm-text-primary: #e8f0ff;
  --pm-text-dim: rgba(180, 205, 240, 0.42);
  --pm-lyric-current: #ffcc00;
  --pm-lyric-size: 17px;
  --pm-lyric-current-size: 21px;
  --pm-border: rgba(0, 144, 255, 0.18);
  --pm-pl-title-color: #d8e8ff;
  --pm-pl-meta-color: #7a95bf;
  --pm-track-hover-bg: rgba(0, 144, 255, 0.08);
  --pm-track-active-bg: rgba(0, 144, 255, 0.14);
  --pm-list-row-border: rgba(0, 144, 255, 0.12);
  --pm-playlist-panel-bg: #0f1a2e;
  --pm-playlist-shadow: -16px 0 48px rgba(0, 0, 0, 0.45);
  --pm-progress-track: rgba(0, 144, 255, 0.22);
  --pm-progress-thumb: #0090ff;
  --pm-ctrl-wrap-bg: linear-gradient(180deg, rgba(10, 22, 40, 0.2) 0%, #0a1628 35%);
  --pm-ctrl-row-bg: rgba(0, 20, 50, 0.55);
  --pm-ctrl-btn-bg: rgba(0, 40, 80, 0.55);
  --pm-ctrl-btn-color: #b8d4ff;
  --pm-side-on-color: #0090ff;
  --pm-side-btn-bg: rgba(0, 144, 255, 0.12);
  --pm-side-btn-border: rgba(0, 144, 255, 0.28);
  --pm-side-btn-color: #9ecfff;
  --pm-side-btn-radius: 14px;
  --pm-buttons-row-radius: 999px;
  --pm-ctrl-wrap-border: 1px solid rgba(0, 144, 255, 0.15);
  --pm-ctrl-wrap-shadow: none;
  --pm-appbar-bg: linear-gradient(180deg, rgba(10, 22, 40, 0.92) 0%, transparent 100%);
  --pm-icon-round-bg: rgba(0, 144, 255, 0.18);
  --pm-icon-round-color: #7ec8ff;
  --pm-vip-cta-bg: rgba(0, 144, 255, 0.1);
  --pm-vip-cta-border: rgba(0, 144, 255, 0.32);
  --pm-vip-cta-title-color: #e8f0ff;
  --pm-tab-color: #7a95bf;
  --pm-tab-hover-bg: rgba(0, 144, 255, 0.1);
  --pm-panel-header-border: rgba(0, 144, 255, 0.15);
  --pm-toolbar-btn-bg: rgba(0, 144, 255, 0.12);
  --pm-toolbar-btn-color: #b8d4ff;
  --pm-stage-accent: #0090ff;
  --pm-stage-accent-2: #ff8800;
  --pm-stage-accent-soft: rgba(0, 144, 255, 0.22);
  --pm-stage-play-grad: linear-gradient(180deg, #00b4ff, #0088ff);
  --pm-stage-bg: #0a1628;
  --pm-stage-text: #e8f0ff;
  --pm-controls-h: 124px;
  --pms-bg: radial-gradient(ellipse 100% 70% at 50% 0%, #1a3a6e 0%, #0a1628 58%);
  --pms-text: #e8f0ff;
  --pms-text-muted: rgba(139, 163, 199, 0.75);
  --pms-text-dim: rgba(180, 205, 240, 0.55);
  --pms-text-subtle: rgba(200, 220, 255, 0.85);
  --pms-header-back-bg: rgba(0, 144, 255, 0.18);
  --pms-header-back-color: #b8d4ff;
  --pms-tab-color: rgba(139, 163, 199, 0.65);
  --pms-tab-active-color: #ffffff;
  --pms-tab-indicator: linear-gradient(90deg, #0090ff, #ff8800);
  --pms-accent: #0090ff;
  --pms-accent-soft: rgba(0, 144, 255, 0.28);
  --pms-star-color: #ffcc00;
  --pms-star-soft: rgba(255, 204, 0, 0.22);
  --pms-btn-color: #b8d4ff;
  --pms-play-btn-bg: linear-gradient(180deg, #00b4ff, #0088ff);
  --pms-play-btn-color: #ffffff;
  --pms-play-btn-shadow: 0 6px 28px rgba(0, 144, 255, 0.48);
  --pms-play-bg-overlay: linear-gradient(180deg, rgba(26, 58, 110, 0.35) 0%, rgba(10, 22, 40, 0.92) 100%);
  --pms-play-bg-brightness: 0.45;
  --pms-progress-track: rgba(0, 144, 255, 0.22);
  --pms-progress-fill: #0090ff;
  --pms-progress-time: rgba(139, 163, 199, 0.75);
  --pms-dock-icon-bg: rgba(0, 144, 255, 0.14);
  --pms-dock-icon-border: 1px solid rgba(0, 144, 255, 0.28);
  --pms-dock-label: rgba(180, 205, 240, 0.75);
  --pms-cover-shadow: 0 20px 56px rgba(0, 80, 160, 0.35);
  --pms-cover-placeholder-bg: rgba(0, 144, 255, 0.1);
  --pms-cover-placeholder-color: rgba(0, 144, 255, 0.35);
  --pms-lyrics-bg: #0a1628;
  --pms-lyrics-line: rgba(180, 205, 240, 0.32);
  --pms-lyrics-line-size: 16px;
  --pms-lyrics-active: #ffcc00;
  --pms-lyrics-active-size: 21px;
  --pms-lyrics-active-shadow: 0 0 28px rgba(255, 204, 0, 0.35);
  --pms-lyrics-empty: rgba(139, 163, 199, 0.55);
  --pms-lyrics-mask: linear-gradient(180deg, transparent, #0a1628 10%, #0a1628 90%, transparent);
  --pms-comments-bg: #111d33;
  --pms-comments-full-bg: #0a1628;
  --pms-comments-composer-bg: rgba(10, 22, 40, 0.85);
  --pms-comments-composer-full-bg: rgba(10, 22, 40, 0.96);
  --pms-comments-border: rgba(0, 144, 255, 0.15);
  --pms-comments-input-bg: rgba(0, 144, 255, 0.1);
  --pms-comments-input-color: #e8f0ff;
  --pms-comments-input-placeholder: rgba(139, 163, 199, 0.55);
  --pms-comments-send-bg: #0090ff;
  --pms-comments-name: rgba(220, 235, 255, 0.9);
  --pms-comments-body: rgba(200, 220, 255, 0.88);
  --pms-comments-meta: rgba(139, 163, 199, 0.65);
  --pms-comments-action: rgba(139, 163, 199, 0.75);
  --pms-comments-pin-bg: rgba(0, 144, 255, 0.2);
  --pms-comments-pin-color: #4db8ff;
  --pms-comments-avatar-bg: rgba(0, 144, 255, 0.15);
  --pms-comments-load-bg: rgba(0, 144, 255, 0.1);
  --pms-comments-load-color: rgba(180, 205, 240, 0.75);
  --pms-sheet-overlay: rgba(0, 10, 30, 0.55);
  --pms-sheet-panel-bg: rgba(15, 26, 46, 0.98);
  --pms-sheet-handle: rgba(0, 144, 255, 0.45);
  --pms-sheet-send-bg: #0090ff;
  background: radial-gradient(ellipse 120% 80% at 50% -15%, #1a3a6e 0%, var(--pm-bg) 52%);
  color: var(--pm-text-primary);
}

body.pm-theme-base.pm-theme-kugou .pm-player {
  background: transparent;
}

body.pm-theme-base.pm-theme-kugou .pm-brand {
  font-weight: 800;
  letter-spacing: 0.03em;
  color: #ffffff;
}

body.pm-theme-base.pm-theme-kugou .pm-lyric-line.is-current {
  transform: none;
  font-weight: 700;
  text-shadow: 0 0 28px rgba(255, 204, 0, 0.35);
}

body.pm-theme-base.pm-theme-kugou .pm-side-btn.is-on {
  box-shadow: 0 0 16px rgba(0, 144, 255, 0.28);
}

body.pm-theme-base.pm-theme-kugou .pm-ctrl-btn--play {
  box-shadow: 0 4px 22px rgba(0, 144, 255, 0.48);
}

body.pm-theme-base.pm-theme-kugou .pm-vip-cta__btn--primary {
  background: linear-gradient(90deg, #0090ff, #00b4ff);
}

@media (min-width: 1024px) {
  body.pm-theme-base.pm-theme-kugou,
  body.pm-theme-base.pm-theme-kugou[data-pm-theme="kugou"] {
    --pm-desk-accent: #009aff;
    --pm-desk-accent-soft: rgba(0, 154, 255, 0.1);
    --pm-desk-accent-hover: rgba(0, 154, 255, 0.06);
    --pm-desk-accent-ring: rgba(0, 154, 255, 0.14);
    --pm-desk-accent-border: rgba(0, 154, 255, 0.2);
    --pm-desk-accent-border-strong: rgba(0, 154, 255, 0.38);
    --pm-desk-accent-vip-grad: linear-gradient(90deg, rgba(0, 154, 255, 0.1), rgba(0, 154, 255, 0.04));
    --pm-desk-bg: #eef4fc;
    --pm-desk-panel: #ffffff;
    --pm-desk-sidebar: #f5f9ff;
    --pm-desk-text: #2a3a4f;
    --pm-desk-muted: #7a8fa8;
    --pm-desk-border: rgba(0, 120, 220, 0.1);
    --pm-desk-row-hover: #f0f6ff;
    --pm-desk-footer-bg: #ffffff;
    --pm-dbar-cover-radius: 8px;
    --pm-dbar-play-size: 36px;
    background: var(--pm-desk-bg);
    color: var(--pm-desk-text);
  }

  body.pm-theme-base.pm-theme-kugou .pm-sidebar__brand i {
    background: linear-gradient(135deg, #009aff, #00b8ff);
    border-radius: 8px;
  }

  body.pm-theme-base.pm-theme-kugou .pm-browse {
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 100, 200, 0.08);
  }

  body.pm-theme-base.pm-theme-kugou .pm-now-panel {
    background: var(--pm-desk-sidebar);
  }

  body.pm-theme-base.pm-theme-kugou .pm-now-lyrics .pm-lyric-line.is-current {
    color: #e6a800;
  }

  body.pm-theme-base.pm-theme-kugou .pm-dbar-btn--play {
    background: linear-gradient(180deg, #00b4ff, #0088ff);
    box-shadow: 0 2px 14px rgba(0, 144, 255, 0.38);
  }

  body.pm-theme-base.pm-theme-kugou .pm-dbar-progress .pm-progress-bar::-webkit-slider-thumb {
    background: var(--pm-desk-accent);
  }
}

/* ══════════════════════════════════════════════
   HYBRID — 网易云移动端 + QQ 列表 + 酷狗进度条
   ══════════════════════════════════════════════ */
body.pm-theme-base.pm-theme-hybrid,
body.pm-theme-base.pm-theme-hybrid[data-pm-theme="hybrid"] {
  --pm-bg: #141414;
  --pm-panel: #1a1a1a;
  --pm-accent: #ec4141;
  --pm-accent-soft: rgba(236, 65, 65, 0.14);
  --pm-accent-hover: rgba(236, 65, 65, 0.08);
  --pm-play-grad: #ec4141;
  --pm-muted: #a0a0a0;
  --pm-text-primary: #f5f5f5;
  --pm-text-dim: rgba(255, 255, 255, 0.35);
  --pm-lyric-current: #ffffff;
  --pm-lyric-size: 16px;
  --pm-lyric-current-size: 22px;
  --pm-border: rgba(255, 255, 255, 0.08);
  --pm-pl-title-color: #e8e8e8;
  --pm-pl-meta-color: #888888;
  --pm-track-hover-bg: rgba(255, 255, 255, 0.04);
  --pm-track-active-bg: rgba(236, 65, 65, 0.12);
  --pm-list-row-border: rgba(255, 255, 255, 0.05);
  --pm-playlist-panel-bg: #181818;
  --pm-playlist-shadow: -20px 0 60px rgba(0, 0, 0, 0.55);
  --pm-progress-track: rgba(255, 255, 255, 0.12);
  --pm-progress-thumb: #ec4141;
  --pm-ctrl-wrap-bg: rgba(20, 20, 20, 0.96);
  --pm-ctrl-row-bg: transparent;
  --pm-ctrl-btn-bg: transparent;
  --pm-ctrl-btn-color: rgba(255, 255, 255, 0.85);
  --pm-side-on-color: #ec4141;
  --pm-side-btn-bg: rgba(255, 255, 255, 0.06);
  --pm-side-btn-border: transparent;
  --pm-side-btn-color: rgba(255, 255, 255, 0.75);
  --pm-side-btn-radius: 12px;
  --pm-buttons-row-radius: 0;
  --pm-ctrl-wrap-border: 1px solid rgba(255, 255, 255, 0.06);
  --pm-ctrl-wrap-shadow: none;
  --pm-appbar-bg: linear-gradient(180deg, rgba(20, 20, 20, 0.95) 0%, transparent 100%);
  --pm-icon-round-bg: rgba(255, 255, 255, 0.08);
  --pm-icon-round-color: rgba(255, 255, 255, 0.7);
  --pm-vip-cta-bg: rgba(236, 65, 65, 0.08);
  --pm-vip-cta-border: rgba(236, 65, 65, 0.28);
  --pm-vip-cta-title-color: #ffffff;
  --pm-tab-color: #888888;
  --pm-tab-hover-bg: rgba(255, 255, 255, 0.05);
  --pm-panel-header-border: rgba(255, 255, 255, 0.08);
  --pm-toolbar-btn-bg: rgba(255, 255, 255, 0.08);
  --pm-toolbar-btn-color: #dddddd;
  --pm-stage-accent: #ec4141;
  --pm-stage-accent-soft: rgba(236, 65, 65, 0.2);
  --pm-stage-play-grad: #ec4141;
  --pm-stage-bg: #141414;
  --pm-stage-text: #f5f5f5;
  --pm-controls-h: 128px;
  --pms-bg: #141414;
  --pms-text: #f5f5f5;
  --pms-text-muted: rgba(255, 255, 255, 0.45);
  --pms-text-dim: rgba(255, 255, 255, 0.55);
  --pms-text-subtle: rgba(255, 255, 255, 0.75);
  --pms-header-back-bg: rgba(255, 255, 255, 0.08);
  --pms-header-back-color: rgba(255, 255, 255, 0.85);
  --pms-tab-color: rgba(255, 255, 255, 0.42);
  --pms-tab-active-color: #ffffff;
  --pms-tab-indicator: #ec4141;
  --pms-accent: #ec4141;
  --pms-accent-soft: rgba(236, 65, 65, 0.22);
  --pms-star-color: #ffb84d;
  --pms-star-soft: rgba(255, 184, 77, 0.2);
  --pms-btn-color: rgba(255, 255, 255, 0.85);
  --pms-play-btn-bg: #ec4141;
  --pms-play-btn-color: #ffffff;
  --pms-play-btn-shadow: 0 6px 24px rgba(236, 65, 65, 0.42);
  --pms-play-bg-overlay: linear-gradient(180deg, rgba(20, 20, 20, 0.35) 0%, rgba(20, 20, 20, 0.92) 100%);
  --pms-play-bg-brightness: 0.38;
  --pms-progress-track: rgba(255, 255, 255, 0.12);
  --pms-progress-fill: #ec4141;
  --pms-progress-time: rgba(255, 255, 255, 0.45);
  --pms-dock-icon-bg: rgba(255, 255, 255, 0.08);
  --pms-dock-label: rgba(255, 255, 255, 0.72);
  --pms-cover-shadow: 0 20px 56px rgba(0, 0, 0, 0.55);
  --pms-cover-placeholder-bg: rgba(255, 255, 255, 0.06);
  --pms-cover-placeholder-color: rgba(255, 255, 255, 0.18);
  --pms-lyrics-bg: #141414;
  --pms-lyrics-line: rgba(255, 255, 255, 0.35);
  --pms-lyrics-line-size: 16px;
  --pms-lyrics-active: #ffffff;
  --pms-lyrics-active-size: 22px;
  --pms-lyrics-active-shadow: none;
  --pms-lyrics-empty: rgba(255, 255, 255, 0.38);
  --pms-lyrics-mask: linear-gradient(180deg, transparent, #141414 10%, #141414 90%, transparent);
  --pms-comments-bg: #1a1a1a;
  --pms-comments-full-bg: #141414;
  --pms-comments-composer-bg: rgba(20, 20, 20, 0.88);
  --pms-comments-composer-full-bg: rgba(20, 20, 20, 0.96);
  --pms-comments-border: rgba(255, 255, 255, 0.08);
  --pms-comments-input-bg: rgba(255, 255, 255, 0.08);
  --pms-comments-input-color: #f5f5f5;
  --pms-comments-send-bg: #ec4141;
  --pms-comments-pin-bg: rgba(236, 65, 65, 0.18);
  --pms-comments-pin-color: #ec4141;
  --pms-sheet-overlay: rgba(0, 0, 0, 0.5);
  --pms-sheet-panel-bg: rgba(24, 24, 24, 0.98);
  --pms-sheet-handle: rgba(255, 255, 255, 0.28);
  --pms-sheet-send-bg: #ec4141;
  background: var(--pm-bg);
  color: var(--pm-text-primary);
}

body.pm-theme-base.pm-theme-hybrid .pm-lyric-line.is-current {
  transform: none;
  font-weight: 600;
  text-shadow: none;
}

body.pm-theme-base.pm-theme-hybrid .pm-side-btn.is-on {
  background: var(--pm-accent-soft);
}

body.pm-theme-base.pm-theme-hybrid .pm-controls-wrap {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  left: 0;
  right: 0;
  transform: none;
  max-width: 100%;
}

body.pm-theme-base.pm-theme-hybrid .pm-progress-bar {
  height: 3px;
  accent-color: var(--pm-accent);
}

body.pm-theme-base.pm-theme-hybrid .pm-ctrl-btn--play {
  width: 54px;
  height: 54px;
  box-shadow: 0 4px 18px rgba(236, 65, 65, 0.38);
}

body.pm-theme-base.pm-theme-hybrid .pm-track-row.is-active {
  border-left: 3px solid var(--pm-accent);
  background: var(--pm-accent-soft);
}

body.pm-theme-base.pm-theme-hybrid .pm-vip-cta__btn--primary {
  background: var(--pm-accent);
}

@media (min-width: 1024px) {
  body.pm-theme-base.pm-theme-hybrid,
  body.pm-theme-base.pm-theme-hybrid[data-pm-theme="hybrid"] {
    --pm-desk-accent: #ec4141;
    --pm-desk-accent-soft: rgba(236, 65, 65, 0.08);
    --pm-desk-accent-hover: rgba(236, 65, 65, 0.05);
    --pm-desk-accent-ring: rgba(236, 65, 65, 0.12);
    --pm-desk-accent-border: rgba(236, 65, 65, 0.15);
    --pm-desk-accent-border-strong: rgba(236, 65, 65, 0.35);
    --pm-desk-accent-vip-grad: linear-gradient(90deg, rgba(236, 65, 65, 0.08), rgba(236, 65, 65, 0.03));
    --pm-desk-bg: #f6f6f6;
    --pm-desk-panel: #ffffff;
    --pm-desk-sidebar: #fafafa;
    --pm-desk-text: #333333;
    --pm-desk-muted: #999999;
    --pm-desk-border: rgba(0, 0, 0, 0.06);
    --pm-desk-row-hover: #fafafa;
    --pm-desk-footer-bg: #ffffff;
    --pm-dbar-cover-radius: 10px;
    --pm-dbar-play-size: 34px;
    background: var(--pm-desk-bg);
    color: var(--pm-desk-text);
  }

  body.pm-theme-base.pm-theme-hybrid .pm-sidebar__item.is-active {
    font-weight: 600;
  }

  body.pm-theme-base.pm-theme-hybrid .pm-browse {
    border-radius: 12px;
  }

  body.pm-theme-base.pm-theme-hybrid .pm-track-row--desk.is-active .pm-col-index {
    color: transparent;
    position: relative;
  }

  body.pm-theme-base.pm-theme-hybrid .pm-track-row--desk.is-active .pm-col-index::before {
    content: "▶";
    color: var(--pm-desk-accent);
    font-size: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  body.pm-theme-base.pm-theme-hybrid .pm-dbar-btn--play {
    background: var(--pm-desk-accent);
    border-radius: 50%;
  }

  /* 酷狗风格渐变进度条 */
  body.pm-theme-base.pm-theme-hybrid .pm-dbar-progress .pm-progress-bar {
    height: 5px;
    border-radius: 3px;
    background: rgba(236, 65, 65, 0.15);
  }

  body.pm-theme-base.pm-theme-hybrid .pm-dbar-progress .pm-progress-bar::-webkit-slider-runnable-track {
    height: 5px;
    border-radius: 3px;
  }

  body.pm-theme-base.pm-theme-hybrid .pm-dbar-progress .pm-progress-bar::-webkit-slider-thumb {
    background: var(--pm-desk-accent);
    box-shadow: 0 0 0 3px rgba(236, 65, 65, 0.18);
  }

  body.pm-theme-base.pm-theme-hybrid .pm-now-cover {
    border-radius: 16px;
    box-shadow: 0 12px 32px rgba(236, 65, 65, 0.12);
  }
}