/**
 * 多风格播放器模板。
 * 通过 .player-theme--{id} 同时作用于悬浮 dock 与首页预览。
 */

.player-dock[class*="player-theme--"] .aplayer,
.theme-preview-shell[class*="player-theme--"] .aplayer {
  overflow: visible !important;
}

.player-dock[class*="player-theme--"] .aplayer-body,
.theme-preview-shell[class*="player-theme--"] .aplayer-body {
  overflow: visible !important;
}

.player-dock[class*="player-theme--"] .aplayer-list,
.theme-preview-shell[class*="player-theme--"] .aplayer-list {
  border-top: none !important;
}

.player-dock[class*="player-theme--"] .aplayer-list ol li.aplayer-list-light,
.theme-preview-shell[class*="player-theme--"] .aplayer-list ol li.aplayer-list-light {
  color: #fff !important;
}

/* ---------- 海报舞台 ---------- */
.player-dock.player-theme--poster-red,
.theme-preview-shell.player-theme--poster-red {
  --theme-accent: #ff5c5c;
  --theme-accent-soft: rgba(255, 92, 92, 0.18);
  --theme-surface: linear-gradient(180deg, rgba(44, 8, 12, 0.96), rgba(122, 20, 25, 0.92));
  --theme-panel: linear-gradient(180deg, rgba(255, 241, 244, 0.92), rgba(255, 223, 228, 0.82));
  --theme-text: #4c1c22;
}

.player-dock.player-theme--poster-red .aplayer,
.theme-preview-shell.player-theme--poster-red .aplayer {
  background: var(--theme-surface) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(95, 18, 22, 0.3) !important;
  box-shadow: 0 18px 40px rgba(70, 10, 16, 0.28) !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-body,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-body {
  display: block !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-pic,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-pic {
  float: none !important;
  width: 100% !important;
  height: 220px !important;
  max-width: none !important;
  border-radius: 18px 18px 0 0;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(20, 0, 0, 0.55), rgba(255, 255, 255, 0));
}

.player-dock.player-theme--poster-red .aplayer .aplayer-pic::after,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-pic::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(12, 0, 2, 0.72) 0%, rgba(12, 0, 2, 0.35) 32%, rgba(12, 0, 2, 0.05) 72%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.28), transparent 38%);
  pointer-events: none;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-pic .aplayer-button,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-pic .aplayer-button {
  top: 50%;
  left: 50%;
  width: 62px !important;
  height: 62px !important;
  margin: -31px 0 0 -31px !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border: 3px solid rgba(255, 255, 255, 0.88);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(8px);
}

.player-dock.player-theme--poster-red .aplayer .aplayer-info,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-info {
  margin-left: 0 !important;
  padding: 16px 18px 14px !important;
  background: var(--theme-panel);
  color: var(--theme-text) !important;
  position: relative;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-info::before,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-info::before {
  content: "♪";
  position: absolute;
  right: 18px;
  top: 14px;
  font-size: 28px;
  color: rgba(255, 108, 144, 0.38);
}

.player-dock.player-theme--poster-red .aplayer .aplayer-music,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-music {
  padding-right: 34px;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-title,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-title {
  display: block;
  font-size: 28px !important;
  line-height: 1.15;
  font-weight: 800 !important;
  color: #fffbfb !important;
  position: absolute;
  left: 16px;
  top: -176px;
  width: 44%;
  text-shadow: 0 0 10px rgba(255, 160, 160, 0.55), 0 0 24px rgba(255, 120, 120, 0.4);
}

.player-dock.player-theme--poster-red .aplayer .aplayer-author,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-author {
  display: block;
  margin-top: 4px;
  font-size: 16px !important;
  color: rgba(76, 28, 34, 0.78) !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-controller,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-controller {
  margin-top: 10px;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-bar-wrap,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-bar-wrap {
  margin: 0 0 12px !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-bar,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-bar {
  height: 6px !important;
  background: rgba(60, 18, 24, 0.18) !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-played,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-played {
  background: linear-gradient(90deg, #ff6e6e, #ff9988) !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-thumb,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-thumb {
  background: #fff !important;
  border: 2px solid rgba(255, 107, 107, 0.5);
}

.player-dock.player-theme--poster-red .aplayer .aplayer-time,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-time,
.player-dock.player-theme--poster-red .aplayer .aplayer-time-inner,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-time-inner {
  color: var(--theme-text) !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-icon path,
.player-dock.player-theme--poster-red .aplayer .aplayer-icon circle,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-icon path,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-icon circle {
  fill: #f07a7a !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-list,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-list {
  background: rgba(255, 243, 245, 0.86) !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-list ol li.aplayer-list-light,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-list ol li.aplayer-list-light {
  background: linear-gradient(90deg, #ff9aa8, #ff8e9a) !important;
  color: #fff !important;
}

/* ---------- 黑胶酒红 ---------- */
.player-dock.player-theme--vinyl-maroon,
.theme-preview-shell.player-theme--vinyl-maroon {
  --theme-accent: #21d121;
  --theme-surface: linear-gradient(180deg, rgba(99, 45, 49, 0.98), rgba(122, 58, 63, 0.96));
  --theme-line: rgba(255, 255, 255, 0.14);
  --theme-text: #fff7f7;
}

.player-dock.player-theme--vinyl-maroon .aplayer,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer {
  background: var(--theme-surface) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(89, 34, 38, 0.5) !important;
  box-shadow: 0 14px 36px rgba(76, 27, 31, 0.3) !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-body,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-body {
  min-height: 176px;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-pic,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-pic {
  width: 138px !important;
  height: 138px !important;
  margin: 14px 0 0 14px;
  border-radius: 50%;
  overflow: visible;
  border: 5px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-pic::before,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-pic::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  background:
    repeating-radial-gradient(circle at center, rgba(26, 12, 13, 0.92) 0 8px, rgba(50, 21, 23, 0.96) 8px 16px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  z-index: -1;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-pic .aplayer-button,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-pic .aplayer-button {
  width: 56px !important;
  height: 56px !important;
  margin: -28px 0 0 -28px !important;
  background: rgba(255, 255, 255, 0.26) !important;
  border: 3px solid rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(8px);
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-info,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-info {
  margin-left: 164px !important;
  padding: 12px 16px 12px 0 !important;
  color: var(--theme-text) !important;
  min-height: 176px;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-title,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-title,
.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-author,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-author,
.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-time,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-time,
.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-time-inner,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-time-inner {
  color: var(--theme-text) !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-controller,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-controller {
  margin-top: 10px;
  border-top: 1px solid var(--theme-line);
  padding-top: 10px;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-bar,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-bar {
  height: 5px !important;
  background: rgba(255, 255, 255, 0.22) !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-played,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-played {
  background: var(--theme-accent) !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-thumb,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-thumb {
  background: #fff !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-icon path,
.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-icon circle,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-icon path,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-icon circle {
  fill: #ffffff !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-list,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-list {
  background: rgba(109, 54, 59, 0.98) !important;
  color: #fff !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-list ol li,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-list ol li {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-list ol li.aplayer-list-light,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-list ol li.aplayer-list-light {
  background: #15c10b !important;
}

/* ---------- 泡泡粉 ---------- */
.player-dock.player-theme--bubble-pink,
.theme-preview-shell.player-theme--bubble-pink {
  --theme-accent: #ff96bc;
  --theme-accent-2: #76b7ff;
  --theme-surface: linear-gradient(180deg, rgba(255, 246, 250, 0.98), rgba(255, 239, 246, 0.98));
  --theme-border: rgba(255, 163, 198, 0.45);
}

.player-dock.player-theme--bubble-pink .aplayer,
.theme-preview-shell.player-theme--bubble-pink .aplayer {
  background: var(--theme-surface) !important;
  border-radius: 20px !important;
  border: 2px solid rgba(255, 183, 209, 0.45) !important;
  box-shadow: 0 14px 36px rgba(255, 176, 195, 0.34) !important;
  position: relative;
}

.player-dock.player-theme--bubble-pink .aplayer::before,
.theme-preview-shell.player-theme--bubble-pink .aplayer::before,
.player-dock.player-theme--bubble-pink .aplayer::after,
.theme-preview-shell.player-theme--bubble-pink .aplayer::after {
  content: "";
  position: absolute;
  top: -14px;
  width: 74px;
  height: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 207, 225, 0.75));
  border-radius: 999px 999px 0 0;
  border: 1px solid rgba(255, 198, 218, 0.7);
}

.player-dock.player-theme--bubble-pink .aplayer::before,
.theme-preview-shell.player-theme--bubble-pink .aplayer::before {
  left: 12px;
  transform: rotate(-6deg);
}

.player-dock.player-theme--bubble-pink .aplayer::after,
.theme-preview-shell.player-theme--bubble-pink .aplayer::after {
  right: 12px;
  transform: rotate(6deg);
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-pic,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-pic {
  width: 72px !important;
  height: 72px !important;
  margin: 18px 0 0 14px;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 20px rgba(255, 178, 203, 0.35);
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-info,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-info {
  margin-left: 0 !important;
  padding: 18px 16px 12px !important;
  color: #f28ea6 !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-music,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-music {
  padding-left: 92px;
  min-height: 72px;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-title,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-title {
  display: block;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #f598a6 !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-author,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-author {
  color: #ff8ba8 !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-controller,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-controller {
  margin-top: 8px;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-bar,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-bar {
  background: rgba(118, 183, 255, 0.28) !important;
  height: 5px !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-played,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-played {
  background: linear-gradient(90deg, var(--theme-accent), var(--theme-accent-2)) !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-time,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-time,
.player-dock.player-theme--bubble-pink .aplayer .aplayer-time-inner,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-time-inner {
  color: #7db5ff !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-icon path,
.player-dock.player-theme--bubble-pink .aplayer .aplayer-icon circle,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-icon path,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-icon circle {
  fill: #ff91b7 !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-list,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-list {
  background: rgba(255, 244, 247, 0.98) !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-list ol li.aplayer-list-light,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-list ol li.aplayer-list-light {
  background: linear-gradient(90deg, #ffb8ca, #ff9fbc) !important;
}

/* ---------- 奶油猫咪 ---------- */
.player-dock.player-theme--cat-orange,
.theme-preview-shell.player-theme--cat-orange {
  --theme-accent: #ff9d34;
  --theme-accent-soft: rgba(255, 173, 72, 0.24);
  --theme-surface: linear-gradient(180deg, rgba(255, 245, 219, 0.98), rgba(255, 229, 168, 0.98));
  --theme-border: rgba(244, 183, 89, 0.55);
}

.player-dock.player-theme--cat-orange .aplayer,
.theme-preview-shell.player-theme--cat-orange .aplayer {
  background: var(--theme-surface) !important;
  border-radius: 18px !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 12px 30px rgba(236, 184, 84, 0.34) !important;
  position: relative;
}

.player-dock.player-theme--cat-orange .aplayer::before,
.theme-preview-shell.player-theme--cat-orange .aplayer::before {
  content: "ฅ^•ﻌ•^ฅ";
  position: absolute;
  left: 16px;
  top: -38px;
  font-size: 42px;
  line-height: 1;
  color: #ffb24f;
  text-shadow: 0 3px 0 #7f4c08;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-pic,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-pic {
  width: 62px !important;
  height: 62px !important;
  margin: 14px 0 0 14px;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.88);
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-info,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-info {
  margin-left: 0 !important;
  padding: 14px 16px 12px !important;
  color: #c27417 !important;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-music,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-music {
  padding-left: 78px;
  min-height: 62px;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-title,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-title {
  display: block;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #ff9c32 !important;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-author,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-author,
.player-dock.player-theme--cat-orange .aplayer .aplayer-time,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-time,
.player-dock.player-theme--cat-orange .aplayer .aplayer-time-inner,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-time-inner {
  color: #ff8b54 !important;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-bar,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-bar {
  background: rgba(255, 193, 94, 0.38) !important;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-played,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-played {
  background: linear-gradient(90deg, #ff9f3e, #ffd266) !important;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-icon path,
.player-dock.player-theme--cat-orange .aplayer .aplayer-icon circle,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-icon path,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-icon circle {
  fill: #ffac46 !important;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-list,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-list {
  background: rgba(255, 239, 198, 0.98) !important;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-list ol li.aplayer-list-light,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-list ol li.aplayer-list-light {
  background: linear-gradient(90deg, #ff9e78, #ff8d6b) !important;
}

/* ---------- 极简清单 ---------- */
.player-dock.player-theme--minimal-lime,
.theme-preview-shell.player-theme--minimal-lime {
  --theme-accent: #27db2f;
  --theme-accent-soft: rgba(39, 219, 47, 0.16);
  --theme-surface: rgba(255, 255, 255, 0.98);
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-text: #303030;
}

.player-dock.player-theme--minimal-lime .aplayer,
.theme-preview-shell.player-theme--minimal-lime .aplayer {
  background: var(--theme-surface) !important;
  border-radius: 0 !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16) !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-body,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-body {
  min-height: 92px;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-pic,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-pic {
  width: 72px !important;
  height: 72px !important;
  margin: 10px 0 0 10px;
  border-radius: 0;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-info,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-info {
  margin-left: 92px !important;
  padding: 8px 12px 8px 0 !important;
  color: var(--theme-text) !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-music,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-music {
  margin-bottom: 4px;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-title,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-title,
.player-dock.player-theme--minimal-lime .aplayer .aplayer-author,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-author,
.player-dock.player-theme--minimal-lime .aplayer .aplayer-time,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-time,
.player-dock.player-theme--minimal-lime .aplayer .aplayer-time-inner,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-time-inner {
  color: var(--theme-text) !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-title,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-title {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-author,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-author,
.player-dock.player-theme--minimal-lime .aplayer .aplayer-time,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-time,
.player-dock.player-theme--minimal-lime .aplayer .aplayer-time-inner,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-time-inner {
  font-size: 0.78rem !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-controller,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-controller {
  margin-top: 2px;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-bar,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-bar {
  background: rgba(0, 0, 0, 0.18) !important;
  height: 5px !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-played,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-played {
  background: var(--theme-accent) !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-icon path,
.player-dock.player-theme--minimal-lime .aplayer .aplayer-icon circle,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-icon path,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-icon circle {
  fill: #5d5d5d !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-list,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-list {
  background: rgba(255, 255, 255, 0.98) !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-list ol li.aplayer-list-light,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-list ol li.aplayer-list-light {
  background: var(--theme-accent) !important;
}

/* ---------- 钛金属横条（细条：歌名+歌手一行、下为歌词；去底白线与歌词区渐变） ---------- */
.player-dock.player-theme--titanium-bar,
.theme-preview-shell.player-theme--titanium-bar {
  --tb-bg-top: #4a4d54;
  --tb-bg-bottom: #35383e;
  --tb-line: rgba(255, 255, 255, 0.12);
  --tb-text: #ffffff;
  --tb-muted: rgba(255, 255, 255, 0.82);
  --tb-time: rgba(255, 255, 255, 0.78);
  --tb-played: #f0f2f5;
  --tb-track: rgba(0, 0, 0, 0.42);
  --tb-track-hi: rgba(255, 255, 255, 0.14);
  --tb-icon: rgba(255, 255, 255, 0.92);
  --tb-icon-dim: rgba(255, 255, 255, 0.55);
  --tb-accent: #d7dbe3;
  --tb-pic: 34px;
}

.player-dock.player-theme--titanium-bar .aplayer,
.theme-preview-shell.player-theme--titanium-bar .aplayer {
  background: linear-gradient(180deg, var(--tb-bg-top), var(--tb-bg-bottom)) !important;
  border-radius: 1px 10px 10px 1px !important;
  border: 1px solid rgba(0, 0, 0, 0.35) !important;
  box-shadow:
    0 2px 14px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.player-dock.player-theme--titanium-bar #netease-player,
.player-dock.player-theme--titanium-bar .aplayer-embed-inner {
  min-height: 0 !important;
}

/* lrcType:3 会加 withlrc；小封面 + 展示歌词（去掉 APlayer 默认在歌词上下的白色渐变伪元素） */
.player-dock.player-theme--titanium-bar .aplayer .aplayer-body,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-body {
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-pic,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-pic,
.player-dock.player-theme--titanium-bar .aplayer.aplayer-withlrc .aplayer-pic,
.theme-preview-shell.player-theme--titanium-bar .aplayer.aplayer-withlrc .aplayer-pic {
  float: none !important;
  flex-shrink: 0 !important;
  width: var(--tb-pic) !important;
  height: var(--tb-pic) !important;
  margin: 3px 0 3px 5px !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.28);
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-pic .aplayer-button,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-pic .aplayer-button {
  opacity: 1 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-pic .aplayer-play,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-pic .aplayer-play {
  width: 20px !important;
  height: 20px !important;
  margin: 0 -10px -10px 0 !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-pic .aplayer-play svg,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-pic .aplayer-play svg {
  height: 14px !important;
  width: 14px !important;
  top: 2px !important;
  left: 3px !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-pic .aplayer-pause,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-pic .aplayer-pause {
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-info,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-info,
.player-dock.player-theme--titanium-bar .aplayer.aplayer-withlrc .aplayer-info,
.theme-preview-shell.player-theme--titanium-bar .aplayer.aplayer-withlrc .aplayer-info {
  float: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: 5px !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding: 2px 68px 2px 2px !important;
  color: var(--tb-text) !important;
  box-sizing: border-box !important;
  /* APlayer 默认 withlist 时 #e9e9e9 底边，在深色条上呈白线 */
  border-bottom: none !important;
}

.player-dock.player-theme--titanium-bar .aplayer.aplayer-withlist .aplayer-info,
.theme-preview-shell.player-theme--titanium-bar .aplayer.aplayer-withlist .aplayer-info {
  border-bottom: none !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-music,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-music {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.2em !important;
  width: 100% !important;
  margin: 0 0 1px 0 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-title,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-title {
  display: inline !important;
  flex: 0 0 auto !important;
  max-width: 58% !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  color: var(--tb-text) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-author,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-author {
  display: inline !important;
  flex: 0 0 auto !important;
  max-width: 40% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: var(--tb-muted) !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* 单行歌词区：保留 APlayer 对 .aplayer-lrc-contents 的 transform 才能滚动；去掉白渐变伪元素 */
.player-dock.player-theme--titanium-bar .aplayer .aplayer-lrc,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-lrc {
  display: block !important;
  position: relative !important;
  height: 15px !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  text-align: center !important;
  overflow: hidden !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-lrc::before,
.player-dock.player-theme--titanium-bar .aplayer .aplayer-lrc::after,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-lrc::before,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-lrc::after {
  display: none !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-lrc .aplayer-lrc-contents,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-lrc .aplayer-lrc-contents {
  transition: transform 0.35s ease-out !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-lrc p,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-lrc p {
  font-size: 0.58rem !important;
  line-height: 15px !important;
  height: 15px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.52) !important;
  opacity: 1 !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-lrc p.aplayer-lrc-current,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-lrc p.aplayer-lrc-current {
  color: rgba(255, 255, 255, 0.95) !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  height: 15px !important;
  min-height: 15px !important;
  max-height: 15px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-controller,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-controller {
  margin-top: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 2px !important;
}

/* 右侧时间+图标行：歌单按钮胶囊样式，margin-left:auto 需父级有足够宽度 */
.player-dock.player-theme--titanium-bar .aplayer .aplayer-time,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-time {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  bottom: auto !important;
  position: relative !important;
  padding-left: 5px !important;
  margin-left: 2px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: var(--tb-time) !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0.02em !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-time .aplayer-icon-menu,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-time .aplayer-icon-menu,
.player-dock.player-theme--titanium-bar .aplayer .aplayer-controller > .aplayer-icon-menu,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-controller > .aplayer-icon-menu {
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 2px 5px !important;
  width: auto !important;
  min-width: 22px !important;
  height: 16px !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-time .aplayer-icon-menu:hover,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-time .aplayer-icon-menu:hover,
.player-dock.player-theme--titanium-bar .aplayer .aplayer-controller > .aplayer-icon-menu:hover,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-controller > .aplayer-icon-menu:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-time .aplayer-icon-menu path,
.player-dock.player-theme--titanium-bar .aplayer .aplayer-time .aplayer-icon-menu circle,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-time .aplayer-icon-menu path,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-time .aplayer-icon-menu circle,
.player-dock.player-theme--titanium-bar .aplayer .aplayer-controller > .aplayer-icon-menu path,
.player-dock.player-theme--titanium-bar .aplayer .aplayer-controller > .aplayer-icon-menu circle,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-controller > .aplayer-icon-menu path,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-controller > .aplayer-icon-menu circle {
  fill: #ffffff !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-bar-wrap,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-bar-wrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-bar,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-bar {
  height: 2px !important;
  border-radius: 1px !important;
  background:
    linear-gradient(180deg, var(--tb-track-hi), transparent),
    var(--tb-track) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.55);
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-played,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-played {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent),
    linear-gradient(90deg, rgba(255, 255, 255, 0.55), var(--tb-played)) !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-thumb,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-thumb {
  height: 6px !important;
  width: 6px !important;
  margin-top: -2px !important;
  margin-right: -5px !important;
  background: #fff !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.35),
    0 0 6px rgba(255, 255, 255, 0.35);
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-time-inner,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-time-inner {
  color: inherit !important;
  flex-shrink: 0 !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-icon,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-icon {
  width: 11px !important;
  height: 11px !important;
  margin: 0 1px !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-icon path,
.player-dock.player-theme--titanium-bar .aplayer .aplayer-icon circle,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-icon path,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-icon circle {
  fill: var(--tb-icon) !important;
  transition: fill 0.15s ease, opacity 0.15s ease;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-icon:hover path,
.player-dock.player-theme--titanium-bar .aplayer .aplayer-icon:hover circle,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-icon:hover path,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-icon:hover circle {
  fill: #ffffff !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-icon-lrc-inactivity path,
.player-dock.player-theme--titanium-bar .aplayer .aplayer-icon-lrc-inactivity circle,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-icon-lrc-inactivity path,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-icon-lrc-inactivity circle {
  fill: var(--tb-icon-dim) !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-list,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-list {
  background: linear-gradient(180deg, #2e3137, #26292e) !important;
  border-top: 1px solid var(--tb-line) !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-list ol li,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-list ol li {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-list ol li:hover,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-list ol li:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-list ol li.aplayer-list-light,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-list ol li.aplayer-list-light {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-list ol li .aplayer-list-cur,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-list ol li .aplayer-list-cur {
  background: var(--tb-accent) !important;
}

/* 与主条一体的深色拉手 */
.player-dock.player-theme--titanium-bar .player-dock-toggle {
  background: linear-gradient(180deg, #3d4046, #2c2f34) !important;
  border: 1px solid rgba(0, 0, 0, 0.35) !important;
  border-left: none !important;
  box-shadow:
    2px 2px 12px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.player-dock.player-theme--titanium-bar.player-dock--right .player-dock-toggle {
  border-right: none !important;
  border-left: 1px solid rgba(0, 0, 0, 0.35) !important;
  box-shadow:
    -2px 2px 12px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.player-dock.player-theme--titanium-bar .player-dock-toggle:hover {
  background: linear-gradient(180deg, #45484f, #32353b) !important;
}

.player-dock.player-theme--titanium-bar .player-dock-toggle-text {
  color: rgba(255, 255, 255, 0.55) !important;
}

.player-dock.player-theme--titanium-bar .player-dock-toggle:hover .player-dock-toggle-text {
  color: var(--tb-accent) !important;
}

.player-dock.player-theme--titanium-bar .player-dock-toggle {
  min-height: 32px !important;
  padding: 4px 0 !important;
}

/* ---------- 胶囊日光（浅色药丸细条 · 圆封面 · 蓝强调） ---------- */
.player-dock.player-theme--pill-day,
.theme-preview-shell.player-theme--pill-day {
  --pd-blue: #0a84ff;
  --pd-blue-soft: rgba(10, 132, 255, 0.14);
  --pd-surface: #ffffff;
  --pd-bubble: #f2f2f7;
  --pd-line: rgba(0, 0, 0, 0.06);
  --pd-text: #1d1d1f;
  --pd-muted: #6e6e73;
  --pd-pic: 42px;
}

.player-dock.player-theme--pill-day #netease-player,
.player-dock.player-theme--pill-day .aplayer-embed-inner {
  min-height: 0 !important;
}

.player-dock.player-theme--pill-day .aplayer,
.theme-preview-shell.player-theme--pill-day .aplayer {
  background: var(--pd-surface) !important;
  border-radius: 22px !important;
  border: 1px solid var(--pd-line) !important;
  border-bottom: none !important;
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.08),
    0 1px 3px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-body,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-body {
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-lrc::before,
.player-dock.player-theme--pill-day .aplayer .aplayer-lrc::after,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-lrc::before,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-lrc::after {
  display: none !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-pic,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-pic,
.player-dock.player-theme--pill-day .aplayer.aplayer-withlrc .aplayer-pic,
.theme-preview-shell.player-theme--pill-day .aplayer.aplayer-withlrc .aplayer-pic {
  float: none !important;
  flex-shrink: 0 !important;
  width: var(--pd-pic) !important;
  height: var(--pd-pic) !important;
  margin: 3px 0 3px 8px !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.player-dock.player-theme--pill-day .aplayer .aplayer-pic .aplayer-play,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-pic .aplayer-play {
  width: 24px !important;
  height: 24px !important;
  margin: 0 -12px -12px 0 !important;
  border: none !important;
  background: var(--pd-blue) !important;
  box-shadow: 0 2px 8px rgba(10, 132, 255, 0.45);
}

.player-dock.player-theme--pill-day .aplayer .aplayer-pic .aplayer-play svg path,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-pic .aplayer-play svg path {
  fill: #fff !important;
}

/* 暂停：与播放同尺寸白底圆钮，双竖条更清晰 */
.player-dock.player-theme--pill-day .aplayer .aplayer-pic .aplayer-pause,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-pic .aplayer-pause {
  width: 24px !important;
  height: 24px !important;
  bottom: 50% !important;
  right: 50% !important;
  margin: 0 -12px -12px 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-pic .aplayer-pause svg,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-pic .aplayer-pause svg {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 10px !important;
  height: 10px !important;
  margin: -5px 0 0 -5px !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-pic .aplayer-pause svg path,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-pic .aplayer-pause svg path {
  fill: var(--pd-blue) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-info,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-info,
.player-dock.player-theme--pill-day .aplayer.aplayer-withlrc .aplayer-info,
.theme-preview-shell.player-theme--pill-day .aplayer.aplayer-withlrc .aplayer-info {
  float: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: 8px !important;
  height: auto !important;
  max-height: none !important;
  padding: 2px 62px 2px 2px !important;
  color: var(--pd-text) !important;
  border-bottom: none !important;
  box-sizing: border-box !important;
}

.player-dock.player-theme--pill-day .aplayer.aplayer-withlist .aplayer-info,
.theme-preview-shell.player-theme--pill-day .aplayer.aplayer-withlist .aplayer-info {
  border-bottom: none !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-music,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-music {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.08em !important;
  width: 100% !important;
  margin: 0 0 2px 0 !important;
  overflow: hidden;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-title,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-title {
  display: inline !important;
  flex: 0 0 auto !important;
  max-width: 56% !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  color: var(--pd-text) !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-author,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-author {
  display: inline !important;
  flex: 0 0 auto !important;
  max-width: 42% !important;
  margin: 0 !important;
  font-size: 0.66rem !important;
  font-weight: 500 !important;
  color: var(--pd-muted) !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* 视口高度与官方 lrc 接近；每行 p 必须为 16px 高以匹配 APlayer lrc.js 的 translateY(index * 16) */
.player-dock.player-theme--pill-day .aplayer .aplayer-lrc,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-lrc {
  display: block !important;
  height: 30px !important;
  margin: 0 0 1px 0 !important;
  text-align: center !important;
  overflow: hidden !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-lrc .aplayer-lrc-contents,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-lrc .aplayer-lrc-contents {
  transition: transform 0.35s ease-out !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-lrc p,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-lrc p {
  font-size: 0.62rem !important;
  line-height: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  box-sizing: border-box !important;
  color: rgba(110, 110, 115, 0.92) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-lrc p.aplayer-lrc-current,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-lrc p.aplayer-lrc-current {
  color: var(--pd-text) !important;
  font-weight: 600 !important;
  height: auto !important;
  min-height: 16px !important;
  line-height: 16px !important;
  white-space: normal !important;
  overflow: visible !important;
  display: block !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-controller,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-controller {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 3px !important;
  margin-top: 0 !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-bar-wrap,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-bar-wrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 0 0 2px !important;
  /* 与 APlayer 一致留出纵向点击区，避免拖点与视觉条错位 */
  padding: 6px 0 !important;
  cursor: pointer !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-bar,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-bar {
  height: 4px !important;
  border-radius: 999px !important;
  background: #e8e8ed !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-played,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-played {
  background: var(--pd-blue) !important;
  border-radius: 999px !important;
}

/* 与 APlayer.min.css 一致：10×10、-4/-10，避免拖点与已播宽度错位；白环用 shadow 不占盒模型 */
.player-dock.player-theme--pill-day .aplayer .aplayer-thumb,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-thumb {
  box-sizing: content-box !important;
  width: 10px !important;
  height: 10px !important;
  top: 0 !important;
  margin-top: -4px !important;
  margin-right: -10px !important;
  background: var(--pd-blue) !important;
  border: none !important;
  box-shadow:
    0 0 0 2px #fff,
    0 1px 4px rgba(10, 132, 255, 0.45) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-time,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-time {
  display: inline-flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  position: relative !important;
  bottom: auto !important;
  padding-left: 6px !important;
  margin-left: 4px !important;
  border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--pd-muted) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-time-inner,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-time-inner {
  color: inherit !important;
  flex-shrink: 0 !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-icon:not(.aplayer-icon-menu),
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-icon:not(.aplayer-icon-menu) {
  width: 22px !important;
  height: 22px !important;
  margin: 0 2px !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  background: var(--pd-bubble) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-icon:not(.aplayer-icon-menu) path,
.player-dock.player-theme--pill-day .aplayer .aplayer-icon:not(.aplayer-icon-menu) circle,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-icon:not(.aplayer-icon-menu) path,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-icon:not(.aplayer-icon-menu) circle {
  fill: var(--pd-text) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-time .aplayer-icon-menu,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-time .aplayer-icon-menu,
.player-dock.player-theme--pill-day .aplayer .aplayer-controller > .aplayer-icon-menu,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-controller > .aplayer-icon-menu {
  margin-left: auto !important;
  min-width: 28px !important;
  height: 22px !important;
  width: auto !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: var(--pd-blue) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(10, 132, 255, 0.35);
}

.player-dock.player-theme--pill-day .aplayer .aplayer-time .aplayer-icon-menu path,
.player-dock.player-theme--pill-day .aplayer .aplayer-time .aplayer-icon-menu circle,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-time .aplayer-icon-menu path,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-time .aplayer-icon-menu circle,
.player-dock.player-theme--pill-day .aplayer .aplayer-controller > .aplayer-icon-menu path,
.player-dock.player-theme--pill-day .aplayer .aplayer-controller > .aplayer-icon-menu circle,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-controller > .aplayer-icon-menu path,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-controller > .aplayer-icon-menu circle {
  fill: #ffffff !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-list,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-list {
  background: #f7f7f9 !important;
  border-top: 1px solid var(--pd-line) !important;
  box-shadow: none !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-list ol li,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-list ol li {
  border-bottom-color: rgba(0, 0, 0, 0.05) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-list ol li:hover,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-list ol li:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-list ol li.aplayer-list-light,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-list ol li.aplayer-list-light {
  background: var(--pd-blue-soft) !important;
  color: var(--pd-text) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-list ol li .aplayer-list-cur,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-list ol li .aplayer-list-cur {
  background: var(--pd-blue) !important;
}

/* 收缩拉手：窄条竖向加长，宽度与全局 dock 一致（与 --dock-handle-* 同步） */
.player-dock.player-theme--pill-day.player-dock--collapsible {
  --dock-handle-width: 24px;
  --dock-handle-peek: 8px;
  --dock-handle-outset: calc(var(--dock-handle-width) - 2px);
}

.player-dock.player-theme--pill-day .player-dock-toggle {
  background: #ffffff !important;
  border: 1px solid var(--pd-line) !important;
  border-left: none !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
  min-height: 68px !important;
  padding: 16px 0 !important;
}

.player-dock.player-theme--pill-day.player-dock--right .player-dock-toggle {
  border-right: none !important;
  border-left: 1px solid var(--pd-line) !important;
}

.player-dock.player-theme--pill-day .player-dock-toggle-text {
  color: var(--pd-muted) !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
}

.player-dock.player-theme--pill-day .player-dock-toggle:hover .player-dock-toggle-text {
  color: var(--pd-blue) !important;
}

@media (max-width: 768px) {
  .player-dock.player-theme--pill-day.player-dock--collapsible {
    --dock-handle-width: 22px;
    --dock-handle-peek: 6px;
    --dock-handle-outset: calc(var(--dock-handle-width) - 2px);
  }

  .player-dock.player-theme--pill-day .player-dock-toggle {
    min-height: 56px !important;
    padding: 14px 0 !important;
  }

  .player-dock.player-theme--pill-day .player-dock-toggle-text {
    font-size: 1.28rem !important;
  }
}

/* ---------- 歌单列字色（与主区 .aplayer-title 区分；浅色底用深色字） ---------- */
.player-dock.player-theme--poster-red .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index {
  color: rgba(76, 28, 34, 0.42) !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title {
  color: var(--theme-text) !important;
}

.player-dock.player-theme--poster-red .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author,
.theme-preview-shell.player-theme--poster-red .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author {
  color: rgba(76, 28, 34, 0.62) !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index {
  color: rgba(120, 60, 88, 0.4) !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title {
  color: rgba(72, 28, 52, 0.92) !important;
}

.player-dock.player-theme--bubble-pink .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author,
.theme-preview-shell.player-theme--bubble-pink .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author {
  color: rgba(120, 60, 88, 0.65) !important;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index {
  color: rgba(150, 88, 20, 0.42) !important;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title {
  color: rgba(110, 62, 12, 0.95) !important;
}

.player-dock.player-theme--cat-orange .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author,
.theme-preview-shell.player-theme--cat-orange .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author {
  color: rgba(170, 96, 24, 0.72) !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index {
  color: rgba(48, 48, 48, 0.38) !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title {
  color: var(--theme-text) !important;
}

.player-dock.player-theme--minimal-lime .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author,
.theme-preview-shell.player-theme--minimal-lime .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author {
  color: rgba(48, 48, 48, 0.55) !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index {
  color: rgba(255, 247, 247, 0.45) !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title {
  color: var(--theme-text) !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author {
  color: rgba(255, 247, 247, 0.62) !important;
}

.player-dock.player-theme--vinyl-maroon .aplayer .aplayer-list ol li .aplayer-list-cur,
.theme-preview-shell.player-theme--vinyl-maroon .aplayer .aplayer-list ol li .aplayer-list-cur {
  background: var(--theme-accent) !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index {
  color: rgba(245, 246, 248, 0.4) !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title {
  color: rgba(245, 246, 248, 0.95) !important;
}

.player-dock.player-theme--titanium-bar .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author,
.theme-preview-shell.player-theme--titanium-bar .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author {
  color: rgba(245, 246, 248, 0.55) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-index {
  color: rgba(0, 0, 0, 0.35) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-title {
  color: rgba(29, 29, 31, 0.92) !important;
}

.player-dock.player-theme--pill-day .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author,
.theme-preview-shell.player-theme--pill-day .aplayer .aplayer-list ol li:not(.aplayer-list-light) .aplayer-list-author {
  color: rgba(110, 110, 115, 0.88) !important;
}

/* ---------- 暗色消息与预览文案兼容 ---------- */
.player-dock.player-theme--vinyl-maroon .netease-player-message,
.theme-preview-shell.player-theme--vinyl-maroon .theme-preview-message {
  background: rgba(99, 45, 49, 0.98) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.player-dock.player-theme--vinyl-maroon .netease-player-message.is-error,
.theme-preview-shell.player-theme--vinyl-maroon .theme-preview-message.is-error {
  background: rgba(120, 32, 32, 0.96) !important;
}

.theme-preview-shell.player-theme--bubble-pink .theme-preview-message,
.theme-preview-shell.player-theme--cat-orange .theme-preview-message,
.theme-preview-shell.player-theme--poster-red .theme-preview-message,
.theme-preview-shell.player-theme--minimal-lime .theme-preview-message,
.theme-preview-shell.player-theme--pill-day .theme-preview-message {
  background: rgba(255, 255, 255, 0.9) !important;
}

.player-dock.player-theme--titanium-bar .netease-player-message,
.theme-preview-shell.player-theme--titanium-bar .theme-preview-message {
  background: linear-gradient(180deg, #4a4d54, #35383e) !important;
  color: var(--tb-text, #f5f6f8) !important;
  border-color: rgba(0, 0, 0, 0.35) !important;
}

.player-dock.player-theme--titanium-bar .netease-player-message.is-error,
.theme-preview-shell.player-theme--titanium-bar .theme-preview-message.is-error {
  background: rgba(72, 28, 32, 0.96) !important;
  color: #fde8e8 !important;
}

.player-dock.player-theme--pill-day .netease-player-message,
.theme-preview-shell.player-theme--pill-day .theme-preview-message {
  background: #ffffff !important;
  color: var(--pd-text, #1d1d1f) !important;
  border-color: var(--pd-line, rgba(0, 0, 0, 0.06)) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

.player-dock.player-theme--pill-day .netease-player-message.is-error,
.theme-preview-shell.player-theme--pill-day .theme-preview-message.is-error {
  background: #fff5f5 !important;
  color: #8b1a1a !important;
  border-color: rgba(220, 38, 38, 0.25) !important;
}