/* Mix 主题覆盖：结构令牌 + 覆盖旧层；配色由 #mix-theme-accent 注入 */
:root,
[data-theme="dark"],
[data-bs-theme="dark"],
html,
body.mix-site,
body.dj-site,
body.dj-xiu,
body.dj-down-page,
.dj-xiu {
  /* 结构令牌：底层画布保持 #0d0d0d；卡片/面板逐级抬升，避免整页同色发平 */
  --mix-radius-sm: 6px;
  --mix-radius: 10px;
  --mix-radius-lg: 12px;
  --mix-space-1: 6px;
  --mix-space-2: 10px;
  --mix-space-3: 16px;
  --mix-space-4: 24px;
  --mix-canvas: #0d0d0d;       /* 最底层，勿改 */
  --mix-surface: #151515;      /* 侧栏 / 次级底 */
  --mix-surface-2: #1a1a1a;    /* 主卡片 */
  --mix-surface-3: #222222;    /* 嵌套块 / 高亮条 */
  --mix-surface-hover: #262626;
  --mix-border: #2a2a2a;
  --mix-border-strong: #333333;
  --mix-text: #e8e8e8;
  --mix-text-muted: #8f8f8f;
  --mix-text-faint: #666;
  /* 深色底上的强调色按钮用白字（由 #mix-theme-accent 可再覆盖） */
  --mix-on-accent: #ffffff;
  /* 映射旧 dj/xiu 半径与表面，避免主栏/右侧栏吃到紫调 --dj-surface */
  --dj-radius: var(--mix-radius);
  --dj-radius-lg: var(--mix-radius-lg);
  --dj-card-radius: var(--mix-radius-lg);
  --dj-surface: var(--mix-surface);
  --dj-surface-2: var(--mix-surface-3);
  --dj-surface-3: var(--mix-surface-3);
  --dj-card-bg: var(--mix-surface);
  --dj-border: var(--mix-border);
  --dj-text: var(--mix-text);
  --dj-text-muted: var(--mix-text-muted);
  --bg-main: var(--mix-canvas);
  --bg-card: var(--mix-surface);
  --bg-card-light: #282828;
  --bg-sidebar: var(--mix-surface);
  --color-primary: var(--mix-accent);
  --secondary-color: var(--mix-accent);
  --primary-color: var(--mix-accent);
  --text-primary: #fff;
  --text-secondary: var(--mix-text-muted);
  --text-muted: var(--mix-text-faint);
  --bs-body-bg: var(--mix-canvas);
  --bs-body-color: #d1d1d1;
  --bs-primary: var(--mix-accent);
  --bs-link-color: var(--mix-accent);
  --bs-link-hover-color: var(--mix-accent-hover);
  --xiu-green: var(--mix-accent);
  --xiu-accent: var(--mix-accent);
  --xiu-accent-hover: var(--mix-accent-hover);
  --xiu-album-accent: var(--mix-accent);
  --dj-primary: var(--mix-accent);
  --dj-primary-hover: var(--mix-accent-hover);
  --dj-primary-active: var(--mix-accent-active);
  --dj-primary-soft: rgba(var(--mix-accent-rgb), 0.15);
  --dj-primary-muted: var(--mix-accent-muted);
  --dj-footer-link: var(--mix-accent);
  --dj-player-accent: var(--mix-accent);
  --dj-player-accent-hover: var(--mix-accent-hover);
  --dj-player-accent-glow: rgba(var(--mix-accent-rgb), 0.2);
  --djmsc-accent: var(--mix-accent);
  --djmsc-accent-2: var(--mix-accent-hover);
  --dj-shop-flow-accent: var(--mix-accent);
  --dj-shop-flow-line: var(--mix-accent);
  color-scheme: dark;
}

html, body.mix-site, body.dj-site {
  background: var(--mix-canvas) !important;
  color: #d1d1d1;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
}
/* 防止误入 body 的 head 残留（noscript/link）撑出一行 line-height 空隙 */
html body.mix-site > link,
html body.mix-site > noscript,
html body.mix-site > script {
  display: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Kill top hairline seam (sticky header / subpixel gap) */
body.mix-site::before,
body.mix-site::after {
  content: none !important;
  display: none !important;
}
/* 隐藏搜索占位节点，绝不占顶栏高度 */
body.mix-site #aw,
body.mix-site form#search {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  pointer-events: none !important;
}

/* Drop legacy xiu chrome on front pages — live site is full-bleed */
body.mix-site:not(.member-layout) .xiu-sidebar-fixed,
body.mix-site .xiu-header-brand,
body.mix-site .xiu-header {
  display: none !important;
}

/* ========== 电脑端全局左侧栏（sticky；与主区/右侧栏间距统一为 16px） ========== */
body.mix-site .mix-shell {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
body.mix-site:not(.mix-has-left-sidebar) .mix-shell--with-left {
  max-width: 1200px;
}
body.mix-site.mix-has-left-sidebar .mix-shell--with-left {
  display: block;
}
body.mix-site .mix-left-sidebar {
  display: none;
}
@media (min-width: 1024px) {
  body.mix-site.mix-has-left-sidebar .mix-shell--with-left {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    /* 与分类页 row.g-3（1rem≈16px）主栏-右栏间距一致，避免再叠加主区 padding-left */
    gap: 16px;
    align-items: start;
    max-width: 1400px;
    /* 顶距由 shell 统一，左右栏顶边齐平（抵消 .page-container .container 的 15px） */
    padding: var(--mix-space-3) 12px 0;
    box-sizing: border-box;
  }
  body.mix-site.mix-has-left-sidebar .mix-shell--with-left > .mix-page-wrap {
    min-width: 0;
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* 去掉主内容左/顶内边距，防止与 shell gap/顶距叠加 */
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .xiu-list-page,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .dj-page,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .dj-genre-page,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > #f2,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .page-container,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .mix-home,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .mix-album-catalog,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .mix-radio-board,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .mix-djshow-page,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .album-page,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .radio-page,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .artist-page,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .ranks-page,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .xiu-search-page {
    padding-top: 0 !important;
    padding-left: 0 !important;
  }
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > #f2 > .container,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .page-container > .container,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .mix-album-catalog > .container,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .mix-radio-board > .container,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .xiu-search-page > .container,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .album-page > .container,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .radio-page > .container,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .artist-page > .container,
  body.mix-site.mix-has-left-sidebar .mix-page-wrap > .ranks-page > .container,
  body.mix-site.mix-has-left-sidebar .page-container .container {
    max-width: none !important;
    width: 100% !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* 历史占位：顶距已交给 shell，避免再叠一层 */
  body.mix-site.mix-has-left-sidebar .mix-top-gap {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.mix-site.mix-has-left-sidebar .mix-left-sidebar {
    display: block;
    position: sticky;
    top: 20px;
    align-self: flex-start;
    width: 210px;
    height: auto;
    max-height: none;
    overflow: visible;
    margin-top: 0;
    padding-top: 0;
  }
}
body.mix-site.member-layout .mix-left-sidebar {
  display: none !important;
}
body.mix-site .mix-left-sidebar__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: auto;
  min-height: 0;
  overflow: visible;
}
/* 对齐 65dj .homeAsideNav */
body.mix-site .mix-left-nav {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--mix-space-1);
  padding: 14px var(--mix-space-2);
  background: var(--mix-surface);
  border: 1px solid var(--mix-border);
  border-radius: var(--mix-radius-lg);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  overflow: visible;
}
body.mix-site .mix-left-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--mix-space-1);
}
/* 仅单级链接，禁止子菜单/下拉 */
body.mix-site .mix-left-nav__list ul,
body.mix-site .mix-left-nav .dropdown,
body.mix-site .mix-left-nav .submenu,
body.mix-site .mix-left-nav details,
body.mix-site .mix-left-nav summary {
  display: none !important;
}
/* 对齐 65dj .homeAsideItem */
html body.mix-site .mix-left-sidebar a.mix-left-nav__item,
html body.mix-site .mix-left-sidebar a.mix-left-nav__item.dj-tip,
html body.mix-site .mix-left-sidebar a.mix-left-nav__item.tooltip,
body.mix-site .mix-left-nav__item {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  height: 50px;
  min-height: 50px;
  padding: 0 12px !important;
  border-radius: var(--mix-radius);
  color: var(--mix-text) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  background: transparent !important;
  transition: background 0.2s ease, color 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
html body.mix-site .mix-left-sidebar a.mix-left-nav__item::before,
body.mix-site .mix-left-nav__item::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 22px;
  border-radius: 999px;
  background: transparent;
  opacity: 0;
  z-index: 1;
  transition: background 0.2s ease, opacity 0.2s ease;
}
html body.mix-site .mix-left-sidebar a.mix-left-nav__item:hover,
body.mix-site .mix-left-nav__item:hover {
  background: color-mix(in srgb, var(--mix-accent) 6%, transparent) !important;
  color: #fff !important;
  text-decoration: none !important;
}
html body.mix-site .mix-left-sidebar a.mix-left-nav__item.is-active,
body.mix-site .mix-left-nav__item.is-active {
  background: color-mix(in srgb, var(--mix-accent) 12%, transparent) !important;
  color: var(--mix-accent) !important;
  font-weight: 600;
  box-shadow: none !important;
}
html body.mix-site .mix-left-sidebar a.mix-left-nav__item.is-active::before,
body.mix-site .mix-left-nav__item.is-active::before {
  background: var(--mix-accent);
  opacity: 1;
}
body.mix-site .mix-left-nav__text {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}
body.mix-site .mix-left-nav__item.is-active .mix-left-nav__text {
  color: var(--mix-accent);
}
/* 对齐 65dj .homeAsideIcon */
body.mix-site .mix-left-nav__icon {
  width: 36px;
  height: 36px;
  border-radius: calc(var(--mix-radius) - 2px);
  overflow: hidden;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--mix-surface-3);
  color: #fff;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 12%, transparent);
}
body.mix-site .mix-left-nav__icon i {
  font-size: 14px;
  line-height: 1;
  color: inherit;
}
body.mix-site .mix-left-nav__icon--home {
  background: color-mix(in srgb, var(--mix-accent) 18%, transparent);
  color: var(--mix-accent);
}
body.mix-site .mix-left-nav__icon--song {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.16), rgba(5, 150, 105, 0.08));
  color: #10b981;
}
body.mix-site .mix-left-nav__icon--rank {
  background: linear-gradient(135deg, color-mix(in srgb, var(--mix-accent) 16%, transparent), color-mix(in srgb, var(--mix-accent) 8%, transparent));
  color: var(--mix-accent);
}
body.mix-site .mix-left-nav__item.is-active .mix-left-nav__icon,
body.mix-site .mix-left-nav__item.is-active .mix-left-nav__icon i {
  color: var(--mix-accent);
  background: transparent;
  box-shadow: none;
}
body.mix-site .mix-left-latest {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  background: var(--mix-surface);
  border: 1px solid var(--mix-border);
  border-radius: var(--mix-radius-lg);
  padding: 12px var(--mix-space-2) var(--mix-space-2);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}
body.mix-site .mix-left-latest__title {
  flex: 0 0 auto;
  margin: 0 0 8px;
  padding: 0 4px 8px;
  border-bottom: 1px solid #1a1a1a;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}
body.mix-site .mix-left-latest__title i {
  color: var(--mix-accent);
}
body.mix-site .mix-left-latest__list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
body.mix-site .mix-left-latest__list::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
body.mix-site .mix-left-latest__item + .mix-left-latest__item {
  margin-top: 1px;
}
/* 压过 a.dj-tip{display:block}，封面与标题横排（对齐 65dj） */
html body.mix-site .mix-left-sidebar a.mix-left-latest__link,
html body.mix-site .mix-left-sidebar a.mix-left-latest__link.dj-tip,
html body.mix-site .mix-left-sidebar a.mix-left-latest__link.tooltip,
html body.mix-site #mixLeftSidebar a.mix-left-latest__link {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 4px !important;
  border-radius: 4px;
  text-decoration: none !important;
  color: inherit !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: static !important;
  opacity: 1 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
html body.mix-site .mix-left-sidebar a.mix-left-latest__link:hover {
  background: #1a1a1a !important;
  text-decoration: none !important;
}
html body.mix-site .mix-left-sidebar .mix-left-latest__cover {
  display: block !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  border-radius: 3px;
  overflow: hidden;
  background: #222;
}
html body.mix-site .mix-left-sidebar .mix-left-latest__cover img {
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  object-fit: cover;
}
html body.mix-site .mix-left-sidebar .mix-left-latest__meta {
  display: block !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
html body.mix-site .mix-left-sidebar .mix-left-latest__name {
  display: block !important;
  color: #e8e8e8 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}
html body.mix-site .mix-left-sidebar .mix-left-latest__sub {
  display: block !important;
  margin-top: 2px !important;
  color: #888 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
html body.mix-site .mix-left-sidebar #tooltips,
html body.mix-site #mixLeftSidebar ~ #tooltips {
  display: none !important;
}
body.mix-site .mix-left-latest__empty {
  padding: 12px 6px;
  color: #777;
  font-size: 12px;
  text-align: center;
}
@media (max-width: 1023.98px) {
  body.mix-site .mix-left-sidebar {
    display: none !important;
  }
  body.mix-site.mix-has-left-sidebar .mix-shell--with-left {
    display: block;
    max-width: 1200px;
    padding: 0;
  }
}

body.mix-site:not(.member-layout) .xiu-app {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

body.mix-site:not(.member-layout) .xiu-content-col,
body.mix-site:not(.member-layout) .dj-main,
body.mix-site:not(.member-layout) .xiu-main-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* 会员中心：与前台一致的容器与卡片导航 */
body.mix-site.member-layout {
  /* 与顶栏同色，避免 sticky 顶缝露出浅一档的 #1a1a1a */
  background: var(--mix-canvas) !important;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.mix-site.member-layout .header-main {
  display: block !important;
}
body.mix-site.member-layout .xiu-header {
  display: none !important;
}
body.mix-site.member-layout .site-main.mix-member-main {
  flex: 1 0 auto;
  background: #1a1a1a !important;
}
body.mix-site.member-layout .mix-member-container.container {
  width: 95% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: var(--mix-space-3) 0 var(--mix-space-4) !important;
}
body.mix-site.member-layout .mix-member-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: var(--mix-space-3);
  align-items: start;
}
body.mix-site.member-layout .mix-member-nav-card {
  background: var(--mix-surface-2) !important;
  border: 1px solid var(--mix-border) !important;
  border-radius: var(--mix-radius-lg) !important;
  padding: var(--mix-space-2) var(--mix-space-2);
  position: sticky;
  top: 72px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03);
}
body.mix-site.member-layout .mix-member-nav-card__title {
  color: var(--mix-accent);
  font-size: 15px;
  font-weight: 700;
  padding: var(--mix-space-1) var(--mix-space-2) var(--mix-space-2);
  margin-bottom: var(--mix-space-1);
  border-bottom: 1px solid var(--mix-border);
}
body.mix-site.member-layout .mix-member-content {
  min-width: 0;
}
@media (max-width: 991.98px) {
  body.mix-site.member-layout .mix-member-layout {
    grid-template-columns: 1fr;
  }
}

body.mix-site .site-main {
  min-height: 50vh;
  padding-bottom: 80px;
  background: #1a1a1a;
}
body.mix-site.mix-no-mini-player .site-main {
  padding-bottom: 24px;
}
/* 隐藏迷你条 UI，但保留 DOM/#audio-player，否则列表 .playnow 无法播放 */
body.mix-site.mix-no-mini-player #music-player.music-player.xiu-mini-player {
  position: fixed !important;
  left: -9999px !important;
  bottom: auto !important;
  top: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  border: 0 !important;
  box-shadow: none !important;
  visibility: hidden !important;
}
body.mix-site.mix-no-mini-player #music-player .toggle-player,
body.mix-site.mix-no-mini-player #music-player .player-content {
  pointer-events: none !important;
}

/* 残留旧绿 class → 后台配色 */
body.mix-site .text-\[\#39d353\],
body.mix-site [class*="39d353"] {
  color: var(--mix-accent) !important;
}
body.mix-site .bg-\[\#39d353\],
body.mix-site .btn-primary,
body.mix-site .xiu-btn-primary,
body.mix-site .dj-login-modal__submit {
  background: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}

body.mix-site a:hover,
body.mix-site .music-title-link:hover,
body.mix-site .nav-link:hover {
  color: var(--mix-accent);
}

/* Login layer skin */
.dj-login-layer .layui-layer-title,
.layui-layer.dj-login-layer .layui-layer-title {
  background: #0d0d0d !important;
  color: var(--mix-accent) !important;
  border-bottom: 1px solid #333 !important;
}
.dj-login-modal,
.dj-login-layer .layui-layer-content {
  background: #1a1a1a !important;
  color: #ddd;
}
/* 扫码登录已移除：兜底隐藏残留 Tab / 扫码面板 */
.dj-login-modal__tabs,
.dj-login-modal__pane[data-login-pane="scan"],
.dj-login-modal__scan {
  display: none !important;
}
.dj-login-modal__input {
  background: #2d2d2d !important;
  border: 1px solid #444 !important;
  color: #fff !important;
}

/* Member sidebar gold active */
body.mix-site.member-layout .xiu-mnav-link.is-active,
body.member-layout .xiu-mnav-link.is-active {
  color: var(--mix-accent) !important;
  background: rgba(var(--mix-accent-rgb), 0.12) !important;
}

/* Footer live style fallback */
footer.mix-footer,
body.mix-site footer:not(.site-footer-xiu) {
  background: #0d0d0d;
  border-top: 1px solid #222;
  padding: 28px 0 40px;
  margin-top: 24px;
  color: #999;
  font-size: 13px;
}
footer.mix-footer a {
  color: #ccc;
  text-decoration: none;
}
footer.mix-footer a:hover {
  color: var(--mix-accent);
}

/* 深浅色切换入口：右下角浮动按钮（对齐 dj_msc） */

/* Header search — match live: no border, only soft ring; hide empty suggest */
.header-main .search-box {
  position: relative;
  display: flex;
  align-items: center;
}
.header-main .search-box input,
.header-main #searchInput,
.header-main #searchInputMobile,
body.mix-site .header-main input[type="text"]#searchInput,
body.mix-site .header-main input[type="text"]#searchInputMobile {
  border: none !important;
  outline: 0 !important;
  background-color: #222 !important;
  color: #f8f9fa !important;
  box-shadow: 0 0 0 1px #333 !important;
  border-radius: 6px !important;
  height: 32px !important;
  padding: 5px 35px 5px 15px !important;
  width: 220px !important;
  font-size: 14px !important;
}
.header-main .search-box input:focus,
.header-main #searchInput:focus {
  border: none !important;
  box-shadow: 0 0 0 1px #333 !important;
  background-color: #222 !important;
}
.header-main #ser_result,
.header-main .dj-ser-result {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 1050;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 6px;
  margin: 0;
  padding: 0;
  max-height: 280px;
  overflow: auto;
  box-shadow: 0 8px 24px rgba(0,0,0,.45);
}
.header-main #ser_result:empty,
.header-main .dj-ser-result:empty {
  display: none !important;
  border: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.header-main #ser_result ul {
  list-style: none;
  margin: 0;
  padding: 4px 0;
}
.header-main #ser_result a.sersel,
.header-main #ser_result a {
  display: block;
  padding: 8px 12px;
  color: #ddd;
  text-decoration: none;
  font-size: 13px;
}
.header-main #ser_result a:hover {
  background: #2a2a2a;
  color: var(--mix-accent);
}
.header-main #ser_result a span {
  color: var(--mix-accent);
}

/* Kill double ring from bootstrap / global form rules */
body.mix-site .header-main .form-control,
body.mix-site .search-box-mobile-wrapper .form-control {
  border: none !important;
  box-shadow: none !important;
}

/* Player bar stay usable */
body.mix-site .jp-audio,
body.mix-site .dj-player-bar {
  z-index: 1040;
}

/* ========== 统一：卡片 / 列表 / 分页 / Tab / 表单 ========== */
/* 主栏/右侧栏卡片与左侧栏同色（--mix-surface），避免 #0d0d0d 或紫调面发飘 */
body.mix-site .section-card,
body.mix-site .bg-\[\#1a1a1a\],
body.mix-site .xiu-demo-panel,
body.mix-site .dj-page-main .section-card,
body.mix-site .xiu-list-page .card,
body.mix-site .rankBox,
body.mix-site .home-block,
body.mix-site .mix-home-card,
body.mix-site .xiu-home-block,
body.mix-site .latest-album,
body.mix-site .friend-links-card,
body.mix-site .dj-friend-links,
body.mix-site .filter-box,
body.mix-site .rank-section,
body.mix-site .djlist-sidebar,
body.mix-site .page-container .rank-section,
body.mix-site .mix-list-sidebar .rank-section,
body.mix-site .dj-list-sidebar .dj-card-side,
body.mix-site .dj-list-sidebar .xiu-panel,
body.mix-site .xiu-page-sidebar .dj-card-side,
body.mix-site .xiu-page-sidebar .xiu-panel,
body.mix-site .mix-album-catalog .mix-al-rail,
body.mix-site .mix-radio-board .mix-rd-box,
body.mix-site .mix-radio-detail .mix-rd-studio,
body.mix-site .mix-radio-detail .mix-rd-tracks,
body.mix-site .mix-radio-detail .mix-rd-info,
body.mix-site .mix-radio-detail .mix-rd-more,
body.mix-site.member-layout .dj-card,
body.mix-site.member-layout .section-card {
  background: var(--mix-surface) !important;
  border: 1px solid var(--mix-border) !important;
  border-radius: var(--mix-radius-lg) !important;
  color: var(--mix-text);
  box-shadow: none;
}
/* 主内容区与顶栏/左栏同一画布，避免偏冷灰块 */
body.mix-site .mix-page-wrap,
body.mix-site .page-container,
body.mix-site .music-page,
body.mix-site .djlist-page,
body.mix-site .mix-radio-board,
body.mix-site .mix-album-catalog,
body.mix-site .mix-djshow-page,
body.mix-site .xiu-list-page,
body.mix-site .dj-genre-page,
body.mix-site .dj-songs-page,
body.mix-site .genre-list-page {
  background: transparent !important;
}
body.mix-site .section-title,
body.mix-site .xiu-demo-title,
body.mix-site .titleBar h3,
body.mix-site .rankBox .titleBar h3 {
  color: #fff;
  font-weight: 700;
}
body.mix-site .xiu-home-sole-title:hover,
body.mix-site .xiu-sidebar-hot-link:hover {
  color: var(--mix-accent) !important;
}

/* Pagination */
body.mix-site .pagination .page-link,
body.mix-site .pager a,
body.mix-site .pagination-container .pagination a,
body.mix-site .pagination-container .pagination span {
  background: var(--mix-surface-3);
  border: 1px solid var(--mix-border-strong);
  border-radius: var(--mix-radius-sm) !important;
  color: var(--mix-text);
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 2px;
  padding: 0 10px;
}
body.mix-site .pagination .active .page-link,
body.mix-site .pager .current,
body.mix-site .pagination-container .pagination li.active a,
body.mix-site .pagination-container .pagination li.active span {
  background: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}

/* Front list / detail density */
body.mix-site .mix-page-wrap > .xiu-list-page,
body.mix-site .mix-page-wrap > .dj-page,
body.mix-site .mix-page-wrap > .dj-genre-page,
body.mix-site .mix-page-wrap > #f2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--mix-space-3) 12px 40px;
}
body.mix-site .xiu-breadcrumb,
body.mix-site .dj-breadcrumb {
  color: var(--mix-text-muted);
  margin-bottom: 12px;
}
body.mix-site .xiu-breadcrumb a,
body.mix-site .dj-breadcrumb a {
  color: #ccc;
}
body.mix-site .xiu-breadcrumb a:hover {
  color: var(--mix-accent);
}
/* 列表行：统一行高/分割线/悬停 */
body.mix-site .xiu-home-sole-row,
body.mix-site .song-row,
body.mix-site .dj-song-row,
body.mix-site .dj-song-list-item,
body.mix-site .mix-song-row,
body.mix-site .genre-song-row,
body.mix-site .xiu-list-page .list-group-item {
  border-bottom: 1px solid var(--mix-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  min-height: 52px;
  padding-top: var(--mix-space-1);
  padding-bottom: var(--mix-space-1);
}
body.mix-site .xiu-home-sole-row:hover,
body.mix-site .song-row:hover,
body.mix-site .dj-song-row:hover,
body.mix-site .dj-song-list-item:hover,
body.mix-site .mix-song-row:hover {
  background: color-mix(in srgb, var(--mix-accent) 6%, transparent) !important;
}
body.mix-site .genre-chip,
body.mix-site .xiu-tab-btn,
body.mix-site .filter-btn,
body.mix-site .nav-pills .nav-link {
  border-radius: var(--mix-radius-sm) !important;
  border: 1px solid var(--mix-border-strong);
  background: var(--mix-surface-3);
  color: var(--mix-text);
  padding: 6px 12px;
  font-size: 13px;
}
body.mix-site .genre-chip.is-active,
body.mix-site .xiu-tab-btn.active,
body.mix-site .nav-pills .nav-link.active,
body.mix-site .filter-btn.active {
  background: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
  border-color: var(--mix-accent) !important;
}
body.mix-site .btn-primary,
body.mix-site .btn-dj,
body.mix-site .xiu-btn-primary,
body.mix-site .xiu-btn-green {
  border-radius: var(--mix-radius) !important;
  background: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
  box-shadow: none !important;
}
body.mix-site .btn-primary:hover,
body.mix-site .btn-dj:hover,
body.mix-site .xiu-btn-primary:hover {
  background: var(--mix-accent-hover) !important;
  border-color: var(--mix-accent-hover) !important;
  color: var(--mix-on-accent) !important;
}
body.mix-site .form-control,
body.mix-site .form-select,
body.mix-site input[type="text"]:not(#searchInput):not(#searchInputMobile):not(#key),
body.mix-site input[type="password"],
body.mix-site textarea {
  background: #2d2d2d;
  border: 1px solid #444;
  border-radius: var(--mix-radius) !important;
  color: #fff;
}
body.mix-site .form-control:focus:not(#searchInput):not(#searchInputMobile),
body.mix-site input[type="text"]:not(#searchInput):not(#searchInputMobile):not(#key):focus {
  border-color: var(--mix-accent);
  box-shadow: 0 0 0 0.15rem rgba(var(--mix-accent-rgb), 0.2);
}

/* Auth pages（旧卡片页）；mix-auth-page 走站点原背景，见下方覆盖 */
body.dj-auth-page:not(.mix-auth-page),
body.dj-auth:not(.mix-auth-page) {
  background: #1a1a1a !important;
}
body.dj-auth-page .dj-card,
body.dj-auth-page .card {
  background: #0d0d0d !important;
  border: 1px solid #333 !important;
  color: #ddd;
}
body.dj-auth-page .dj-auth-header {
  background: #0d0d0d;
  border-color: #222 !important;
}

/* Banner poster hook fallback */
.banner-sidebar-wrap .banner-slider img,
.banner-sidebar-wrap .oUlplay img,
.banner-sidebar-wrap .dj-mix-slider img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}
.banner-sidebar-wrap .recommend-card { display: none; }
.banner-sidebar-wrap .recommend-card.active { display: block; }
.rank-content .rank-card { display: none; }
.rank-content .rank-card.active { display: block; }

.header-user-dropdown { position: relative; }
.header-user-dropdown .xiu-user-menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  left: auto;
  z-index: 1080;
  background: #222;
  border: 1px solid #444;
  border-radius: 8px;
  min-width: 160px;
  padding: 6px 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
.header-user-dropdown .xiu-user-menu.show {
  display: block;
}
.header-user-dropdown .xiu-user-menu a {
  color: #ddd;
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  font-size: 13px;
}
.header-user-dropdown .xiu-user-menu a:hover {
  color: var(--mix-accent);
  background: #2d2d2d;
}
.header-user-dropdown .xiu-user-menu a .fas {
  width: 1.1em;
  margin-right: 6px;
  opacity: 0.85;
}

/* 已登录隐藏「登录/注册」：必须压过下方 display:inline-flex !important */
html body.mix-site #login_menu.d-none,
html body.mix-site .header-top #login_menu.d-none,
html body.mix-site button.login-btn.d-none:not(.user-menu-btn),
body.mix-site #login_menu.d-none,
body.mix-site .header-top #login_menu.d-none,
body.mix-site button.login-btn.d-none:not(.user-menu-btn) {
  display: none !important;
}

/* 顶栏操作钮（签到/上传/独家）：与登录/头像胶囊同圆角；深色加描边+浅底才看得出胶囊 */
body.mix-site .header-btn,
body.mix-site .header-top a.header-btn,
body.mix-site .header-top button.header-btn,
body.mix-site a.header-btn.mix-nav-desktop-only,
body.mix-site button.header-btn.mix-nav-desktop-only {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--mix-border, #2a2a2a) !important;
  background: var(--mix-surface, #151515) !important;
  background-color: var(--mix-surface, #151515) !important;
  color: var(--mix-text, #e8e8e8) !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  vertical-align: middle;
  max-width: none !important;
  width: auto !important;
}
body.mix-site .header-btn:hover,
body.mix-site .header-top a.header-btn:hover,
body.mix-site .header-top button.header-btn:hover {
  border-color: var(--mix-border-strong, #333333) !important;
  background: var(--mix-surface-hover, #262626) !important;
  background-color: var(--mix-surface-hover, #262626) !important;
  color: var(--mix-text, #e8e8e8) !important;
}
/* 登录/头像胶囊：深色同样描边，与 header-btn 一致 */
body.mix-site .login-btn,
body.mix-site .header-top .login-btn,
body.mix-site .header-user-dropdown .login-btn.user-menu-btn {
  border: 1px solid var(--mix-border, #2a2a2a) !important;
  background: var(--mix-surface, #151515) !important;
  background-color: var(--mix-surface, #151515) !important;
}

/* 未登录「登录/注册」胶囊：压过 mix-live padding:8px 0 8px 8px，图标+文字居中 */
body.mix-site .login-btn:not(.user-menu-btn):not(.d-none),
body.mix-site .header-top .login-btn:not(.user-menu-btn):not(.d-none),
body.mix-site button.login-btn:not(.user-menu-btn):not(.d-none) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  vertical-align: middle;
  max-width: none !important;
  width: auto !important;
}
body.mix-site .login-btn:not(.user-menu-btn) i,
body.mix-site button.login-btn:not(.user-menu-btn) i {
  font-size: 14px !important;
  line-height: 1 !important;
  margin: 0 !important;
  width: auto !important;
  flex-shrink: 0 !important;
}

/* 顶栏头像胶囊：居中 + 右侧留白（压过 mix-live padding:8px 0 8px 8px） */
body.mix-site .login-btn.user-menu-btn,
body.mix-site .header-user-dropdown .login-btn.user-menu-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 5px 14px 5px 6px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  max-width: none !important;
  overflow: visible !important;
  vertical-align: middle;
}
body.mix-site .login-btn.user-menu-btn img,
body.mix-site .login-btn.user-menu-btn #dj_nav_avatar,
body.mix-site .header-user-dropdown #dj_nav_avatar {
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 50% !important;
  vertical-align: middle;
}
body.mix-site .login-btn.user-menu-btn #dj_nav_username,
body.mix-site .header-user-dropdown #dj_nav_username {
  display: inline-block !important;
  max-width: 8em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.25 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 500;
}


.mix-footer-links .mix-footer-sep:last-child { display: none; }
.mix-empty { color: #666; padding: 16px; text-align: center; }
.mix-empty-sm { font-size: 13px; }

.mix-logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  vertical-align: middle;
}
.mix-logo-img {
  height: 40px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  display: block;
}
/* 双 LOGO：按 data-theme 切换深色 / 浅色 */
.mix-logo-img--light { display: none !important; }
.mix-logo-img--dark { display: block !important; }
html[data-theme="light"] .mix-logo-img--dark,
html[data-bs-theme="light"] .mix-logo-img--dark {
  display: none !important;
}
html[data-theme="light"] .mix-logo-img--light,
html[data-bs-theme="light"] .mix-logo-img--light {
  display: block !important;
}
html[data-theme="dark"] .mix-logo-img--dark,
html[data-bs-theme="dark"] .mix-logo-img--dark {
  display: block !important;
}
html[data-theme="dark"] .mix-logo-img--light,
html[data-bs-theme="dark"] .mix-logo-img--light {
  display: none !important;
}
.header-main .logo img,
.header-main .logo .mix-logo-img { height: 40px; width: auto; }
.mix-auth-brand__mark .mix-logo,
.mix-auth-brand__mark .mix-logo-img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}

/* Search / album / radio / artist / ranks shells */
body.mix-site .xiu-search-page,
body.mix-site .album-page,
body.mix-site .radio-page,
body.mix-site .artist-page,
body.mix-site .ranks-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 12px 40px;
}
body.mix-site .xiu-action-download,
body.mix-site .xiu-action-fav,
body.mix-site .xiu-home-sole-action {
  color: #aaa;
}
body.mix-site .xiu-action-download:hover,
body.mix-site .xiu-action-fav:hover,
body.mix-site .xiu-home-sole-action:hover {
  color: var(--mix-accent);
}
body.mix-site .cover-play-icon {
  color: var(--mix-accent);
}

/* Member content cards */
body.mix-site.member-layout .mix-member-content .card,
body.mix-site.member-layout .table {
  --bs-table-bg: transparent;
  --bs-table-color: #d1d1d1;
  --bs-table-border-color: #333;
}
body.mix-site.member-layout .btn-dj,
body.mix-site.member-layout .btn-success,
body.mix-site.member-layout .btn-primary {
  background: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}
body.mix-site.member-layout .mix-footer {
  margin-top: 0;
}

/* Homepage polish — 顶栏贴顶（源头已去 padding-top:15px，此处再强制） */
html body.mix-site > header.header-main,
html body.mix-site header.header-main,
html body.mix-site .header-main {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  border: none !important;
  border-top: none !important;
  border-bottom: 1px solid var(--mix-border) !important;
  outline: none !important;
  background: var(--mix-canvas) !important;
  /* 勿用深色投影：浅色下会看起来像黑线 */
  box-shadow: none !important;
}
html body.mix-site .header-main::before,
html body.mix-site .header-main::after {
  content: none !important;
  display: none !important;
}
html body.mix-site .header-top,
html body.mix-site .header-nav {
  background: var(--mix-canvas) !important;
  border-top: none !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  box-shadow: none !important;
}
html body.mix-site .header-top > .container,
html body.mix-site .header-top .container {
  padding: 8px 4px !important;
  padding-top: 8px !important;
  margin: 0 auto !important;
}
html body.mix-site .header-top {
  border-bottom: none !important;
}
html body.mix-site .header-nav,
body.mix-site .header-nav {
  border-bottom: 1px solid var(--mix-border) !important;
  padding: 0 !important;
}
body.mix-site .header-nav .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body.mix-site .header-nav .nav-list {
  flex-wrap: nowrap !important;
  gap: 18px;
  width: 100%;
  /* 桌面勿裁切二级菜单；横向滚动仅小屏 */
  overflow: visible;
  scrollbar-width: none;
}
body.mix-site .header-nav .nav-list::-webkit-scrollbar {
  display: none;
}
body.mix-site .header-nav,
body.mix-site .header-nav .container,
body.mix-site .header-nav .collapse.mobile-nav-menu {
  overflow: visible !important;
}
body.mix-site .header-nav .nav-item.nav-dropdown-hover,
body.mix-site .header-nav .nav-item.dropdown {
  position: relative;
}
body.mix-site .header-nav .nav-link {
  white-space: nowrap;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  padding: 6px 4px !important;
}
body.mix-site .header-nav .nav-link.active,
body.mix-site .header-nav .nav-link:hover {
  color: var(--mix-accent) !important;
  border-bottom-color: var(--mix-accent);
}
body.mix-site .header-nav .dropdown-menu {
  background: #1a1a1a;
  border: 1px solid #333;
  padding: 6px 0;
  z-index: 1200 !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 0 !important;
  min-width: 160px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}
body.mix-site .header-nav .nav-dropdown-hover:hover > .dropdown-menu,
body.mix-site .header-nav .nav-item.dropdown:hover > .dropdown-menu {
  display: block !important;
}
body.mix-site .header-nav .dropdown-item {
  color: #ddd;
  font-size: 13px;
}
body.mix-site .header-nav .dropdown-item:hover {
  background: #2a2a2a;
  color: var(--mix-accent);
}
@media (max-width: 991.98px) {
  body.mix-site .header-nav .nav-list {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
  }
}
body.mix-site .banner-sidebar-wrap {
  margin-top: 12px;
}
body.mix-site .banner-sidebar-wrap .banner {
  background: #0d0d0d;
  overflow: hidden;
}
body.mix-site .banner-sidebar-wrap .banner-slider,
body.mix-site .banner-sidebar-wrap .banner-item {
  height: 100%;
}
body.mix-site .banner-sidebar-wrap .banner-item > a,
body.mix-site .banner-sidebar-wrap .banner-item > div {
  display: block;
  height: 100%;
}
body.mix-site .banner-sidebar-wrap .banner img,
body.mix-site .banner-sidebar-wrap .oUlplay img,
body.mix-site .banner-sidebar-wrap .dj-mix-slider img,
body.mix-site .banner-sidebar-wrap .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}
body.mix-site .banner-indicator {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  display: flex;
  justify-content: center;
  gap: 8px;
  z-index: 2;
}
body.mix-site .banner-indicator .indicator-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.35);
  cursor: pointer;
}
body.mix-site .banner-indicator .indicator-dot.active {
  background: var(--mix-accent);
}
body.mix-site .sidebar-dj-rank {
  background: #0d0d0d;
  border-radius: 10px;
  padding: 15px;
}
body.mix-site .recommend-tab.active {
  color: #fff !important;
}
body.mix-site .section-title {
  border-bottom: 2px solid #333;
  padding-bottom: 0;
  margin-bottom: 10px;
  min-height: 34px;
  box-sizing: border-box;
  align-items: center;
}
body.mix-site .section-title h2 {
  color: var(--mix-accent);
  font-size: 20px;
  margin: 0;
  line-height: 24px;
  position: relative;
  z-index: 1;
  background: transparent;
  text-shadow: none !important;
}
body.mix-site .section-title a {
  color: #888;
  text-decoration: none;
  font-size: 14px;
}
body.mix-site .section-title a:hover {
  color: var(--mix-accent);
}
/* 首页排行榜：未选中的月榜不能占高度；列表在卡片内均分，底部与左侧对齐 */
body.mix-site .producer-rank-wrap .rank-content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  min-width: 0 !important;
}
body.mix-site .producer-rank-wrap .rank-card {
  display: none !important;
}
body.mix-site .producer-rank-wrap .rank-card.active {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: default !important;
}
body.mix-site .producer-rank-wrap .rank-card:hover {
  background: transparent !important;
  transform: none !important;
}
body.mix-site .producer-rank-wrap .rank-list {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
body.mix-site .producer-rank-wrap .rank-item {
  flex: 0 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 2px 5px !important;
  box-sizing: border-box !important;
}
body.mix-site .producer-rank-wrap .index-rank-title {
  min-width: 0 !important;
  max-width: 100% !important;
}
/* ========== /djshow 右侧栏 ========== */
body.mix-site .dj-page--artist-detail .xiu-page-sidebar-inner {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.mix-site .dj-page--artist-detail .mix-artist-side-card {
  overflow: visible !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 14px !important;
  background: rgba(28, 28, 30, 0.92) !important;
  box-shadow: none !important;
}
body.mix-site .dj-page--artist-detail .mix-artist-side-head {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 14px 10px;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.mix-site .dj-page--artist-detail .mix-artist-side-head strong {
  display: block;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.35;
  color: #f3f3f3;
  letter-spacing: 0.01em;
}
body.mix-site .dj-page--artist-detail .mix-artist-side-head span {
  display: block;
  font-size: 11px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.38);
  font-weight: 400;
}

/* 热门制作人 */
body.mix-site .dj-page--artist-detail .mix-artist-producer-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 10px !important;
  padding: 12px 12px 14px !important;
  overflow: visible !important;
}
body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-cell {
  min-width: 0;
  transform: none !important;
}
body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-cell:hover {
  transform: none !important;
}
body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-cell__cover {
  aspect-ratio: 1;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  overflow: hidden;
  background: #222;
}
body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-cell:hover .dj-sidebar-producer-cell__cover {
  border-color: rgba(var(--mix-accent-rgb), 0.55) !important;
  box-shadow: 0 0 0 1px rgba(var(--mix-accent-rgb), 0.25);
}
body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-cell__cover img {
  transform: none !important;
}
body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-hot {
  left: 5px;
  bottom: 5px;
  max-width: calc(100% - 10px);
  padding: 2px 6px;
  font-size: 10px;
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(4px);
}
body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-cell__name {
  margin-top: 7px !important;
  padding: 0 2px;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1.35 !important;
  text-align: center;
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 下载榜 */
body.mix-site .dj-page--artist-detail .mix-artist-down-list {
  list-style: none;
  margin: 0;
  padding: 6px 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.mix-site .dj-page--artist-detail .mix-artist-down-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 8px 8px;
  border-radius: 8px;
  transition: background 0.15s ease;
}
body.mix-site .dj-page--artist-detail .mix-artist-down-item:hover {
  background: rgba(255, 255, 255, 0.04);
}
body.mix-site .dj-page--artist-detail .mix-artist-down-rank {
  flex: 0 0 28px;
  width: 28px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.05);
}
body.mix-site .dj-page--artist-detail .mix-artist-down-rank--1 {
  color: #0d0d0d !important;
  background: var(--mix-accent, #3b82f6) !important;
}
body.mix-site .dj-page--artist-detail .mix-artist-down-rank--2,
body.mix-site .dj-page--artist-detail .mix-artist-down-rank--3 {
  color: var(--mix-accent, #3b82f6) !important;
  background: rgba(var(--mix-accent-rgb), 0.16) !important;
}
body.mix-site .dj-page--artist-detail .mix-artist-down-link {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .dj-page--artist-detail .mix-artist-down-item:hover .mix-artist-down-link {
  color: var(--mix-accent, #3b82f6) !important;
}
/* 友情链接 */
body.mix-site .friend-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 10px 0;
}
body.mix-site .friend-link-item {
  padding: 5px 0;
  background: transparent;
  border: none;
  color: #999;
  font-size: 14px;
  text-decoration: none;
  transition: color .3s;
}
body.mix-site .friend-link-item:hover {
  color: var(--mix-accent);
  background: transparent;
}
/* 隐藏旧版重复友链卡片（footer / hook 遗留） */
body.mix-site .site-footer-friends,
body.mix-site #xiu-friend-links {
  display: none !important;
}
body.mix-site .exclusive-item {
  background: #0d0d0d;
}
body.mix-site .exclusive-item:hover {
  box-shadow: 0 0 0 1px var(--mix-accent) inset;
}
body.mix-site .music-title-link {
  color: #fff;
  text-decoration: none;
}
body.mix-site .music-title-link:hover {
  color: var(--mix-accent);
}
/* /djshow 右侧：与左侧栏同表面 */
body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar {
  background: var(--mix-surface);
  border: 1px solid var(--mix-border);
  border-radius: var(--mix-radius-lg);
  padding: 12px 14px 14px;
  overflow: hidden;
}
body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .rank-sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--mix-space-2);
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .sidebar-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .latest-album-section {
  padding-top: 0;
}
body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .latest-album-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
}
body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .latest-album-item {
  background: var(--mix-surface-3) !important;
}

body.mix-site .djlist-sidebar {
  background: var(--mix-surface-2);
  border-radius: var(--mix-radius);
  padding: 12px 14px;
}
/* 首页这一列不要内边距，标题和专辑卡与左侧两列左右齐平 */
/* 分类栏目奇数末项 / 仅一项时占满整行 */
body.mix-site .music-dual-cols {
  flex-wrap: wrap !important;
}
body.mix-site .music-dual-cols .music-dual-col:only-child,
body.mix-site .music-dual-cols .music-dual-col:last-child:nth-child(odd) {
  flex: 1 1 100% !important;
  max-width: 100% !important;
}
body.mix-site .music-djlist-wrap .djlist-sidebar {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 15px 0 !important;
}
body.mix-site .music-djlist-wrap .djlist-sidebar .rank-sidebar-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-sizing: border-box !important;
  min-height: 34px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  width: auto !important;
  border-bottom: 2px solid #333 !important;
}
body.mix-site .music-djlist-wrap .djlist-sidebar .rank-sidebar-header h2 {
  margin: 0 !important;
  line-height: 24px !important;
  font-size: 20px !important;
}
body.mix-site .music-djlist-wrap .djlist-sidebar .rank-more-link {
  font-size: 14px !important;
  line-height: 24px !important;
}
body.mix-site .producer-item .producer-name,
body.mix-site .card-title {
  color: #ddd;
}

/* 热门专辑：名称条用 flex 贴底，杜绝绝对定位逃逸成全宽黑线 */
body.mix-site .latest-album-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
body.mix-site .latest-album-item {
  background: var(--mix-surface-2) !important;
  border-radius: var(--mix-radius);
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  height: 108px !important;
  min-height: 108px !important;
  max-height: 108px !important;
  overflow: hidden !important;
  padding: 10px !important;
  position: relative !important;
}
body.mix-site .latest-album-section .latest-album-cover {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #222 !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  isolation: isolate !important;
  contain: paint !important;
}
body.mix-site .latest-album-section .latest-album-cover img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border: 0 !important;
  z-index: 0 !important;
}
/* 名称条：绝对贴封面底，只用 left+width，禁止 right:0 逃逸成全宽黑条 */
body.mix-site .latest-album-section .latest-album-cover .latest-album-name,
body.mix-site .latest-album-section span.latest-album-name,
body.mix-site span.latest-album-name {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 3px 4px !important;
  box-sizing: border-box !important;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.55) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  inset: auto auto 0 0 !important;
}
body.mix-site .latest-album-section .latest-album-cover:hover .latest-album-name,
body.mix-site .latest-album-section .latest-album-cover:focus .latest-album-name {
  color: var(--mix-accent) !important;
}
body.mix-site .latest-album-songs {
  flex: 1;
  min-width: 0;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px !important;
}
body.mix-site .latest-album-song {
  display: block !important;
  color: #d1d1d1 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-decoration: none !important;
}
body.mix-site .latest-album-song:hover {
  color: var(--mix-accent) !important;
}
body.mix-site .latest-album-meta {
  display: none !important;
}
/* DJ专辑区不应出现 latest-album 名称条 */
body.mix-site .producer-rank-wrap .latest-album-name,
body.mix-site .producer-section .latest-album-name {
  display: none !important;
}
body.mix-site .producer-rank-wrap .section-title,
body.mix-site .producer-rank-wrap .rank-sidebar-header {
  background: transparent !important;
  box-shadow: none !important;
}
body.mix-site .card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
body.mix-site .djlist-hot-card {
  text-decoration: none;
  color: inherit;
}
body.mix-site .djlist-hot-card .card-img {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
  background: #222;
}
body.mix-site .djlist-hot-card .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.mix-site .djlist-hot-card .djlist-song-count {
  position: absolute;
  left: 8px;
  bottom: 8px;
  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 4px;
}
body.mix-site .mix-container {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5px 24px;
}
body.mix-site .search-box-mobile-wrapper.collapse:not(.show) {
  display: none !important;
}
body.mix-site .search-box-mobile-wrapper.show {
  display: block !important;
  padding: 8px 0 12px;
  background: var(--mix-canvas);
  border-bottom: 1px solid #333;
}

/* 手机端侧滑抽屉导航 */
.search-box-mobile-wrapper,
.search-btn-mobile {
  display: none;
}
.hamburger {
  font-size: 24px;
  cursor: pointer;
  display: none;
  color: #fff;
  background: transparent;
  border: none;
  padding: 8px;
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 998;
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s, visibility .3s;
}
.nav-overlay.active,
.nav-overlay.show {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 991.98px) {
  body.mix-site .header-nav {
    z-index: 1001;
    position: relative;
    padding: 0 !important;
    border-bottom: none !important;
    height: 0 !important;
    overflow: visible !important;
  }
  body.mix-site .header-nav .container {
    padding: 0 !important;
    height: 0 !important;
  }
  body.mix-site .header-nav .collapse.mobile-nav-menu,
  body.mix-site #navbarNav {
    position: fixed !important;
    top: 0;
    left: -100%;
    width: 65%;
    max-width: 260px;
    height: 100vh !important;
    max-height: none !important;
    background: var(--mix-canvas) !important;
    /* 高于 header-top，避免「网站首页」被顶栏盖住 */
    z-index: 1003 !important;
    overflow-y: auto;
    border-right: 1px solid #222;
    /* 顶栏占位，首项「网站首页」完整可见 */
    padding: 56px 0 0 !important;
    margin: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    transition: left .3s cubic-bezier(.4, 0, .2, 1) !important;
    box-sizing: border-box !important;
  }
  body.mix-site .header-nav .collapse.mobile-nav-menu.show,
  body.mix-site #navbarNav.show {
    left: 0 !important;
  }
  body.mix-site .header-nav .navbar-nav,
  body.mix-site .header-nav .nav-list {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 8px 0 20px !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  body.mix-site .header-nav .nav-list > .nav-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    visibility: visible !important;
  }
  body.mix-site .header-nav .nav-list > .nav-item:first-child,
  body.mix-site .header-nav .nav-list > .nav-item:first-child > .nav-link {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    clip: auto !important;
    position: relative !important;
  }
  body.mix-site .header-nav .nav-list .nav-link,
  body.mix-site .header-nav .nav-list a {
    display: block;
    width: 100%;
    padding: 10px 20px !important;
    font-size: 14px;
    font-weight: 400;
    border-bottom: none !important;
    border-radius: 0;
    text-align: left;
    color: #d1d1d1;
  }
  body.mix-site .header-nav .nav-list .nav-link:hover,
  body.mix-site .header-nav .nav-list .nav-link.active {
    background: rgba(var(--mix-accent-rgb), 0.1);
    color: var(--mix-accent) !important;
    border-bottom: none !important;
  }
  body.mix-site .nav-link-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  body.mix-site .nav-link-wrap .nav-link {
    flex: 1;
  }
  body.mix-site .nav-sub-toggle {
    background: transparent;
    border: none;
    color: #999;
    padding: 10px 16px;
    cursor: pointer;
  }
  body.mix-site .nav-sub-toggle i {
    transition: transform .3s;
    font-size: 12px;
  }
  body.mix-site .nav-dropdown-hover.sub-open .nav-sub-toggle i,
  body.mix-site .nav-dropdown-hover.open .nav-sub-toggle i {
    transform: rotate(180deg);
  }
  body.mix-site .header-nav .nav-dropdown-hover .dropdown-menu {
    display: none !important;
    position: static !important;
    float: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 0 0 20px !important;
    background: transparent !important;
  }
  body.mix-site .header-nav .nav-dropdown-hover.sub-open .dropdown-menu,
  body.mix-site .header-nav .nav-dropdown-hover.open .dropdown-menu {
    display: block !important;
  }
  body.nav-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
  }
  body.nav-open .site-main,
  body.nav-open .mix-member-main {
    pointer-events: none;
    user-select: none;
  }
  .hamburger {
    display: flex !important;
    width: 40px;
    height: 40px;
    color: #fff !important;
  }
  .hamburger.active,
  .hamburger.active i {
    color: var(--mix-accent) !important;
  }
  .search-btn-mobile {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: transparent;
    border: none;
    color: #fff !important;
    font-size: 18px;
    cursor: pointer;
    flex-shrink: 0;
  }
  .search-btn-mobile.active,
  .search-btn-mobile:hover {
    color: var(--mix-accent) !important;
  }
  /* 手机端隐藏上传/独家/签到；会员齿轮按钮单独保留 */
  body.mix-site .header-top a.header-btn,
  body.mix-site .header-top button.header-btn,
  body.mix-site .header-top a.mix-nav-desktop-only,
  body.mix-site .header-top button.mix-nav-desktop-only,
  body.mix-site .header-top a.header-btn.mix-nav-desktop-only,
  body.mix-site .header-top button.header-btn.mix-nav-desktop-only,
  body.mix-site .search-box-wrapper {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  body.mix-site .login-btn:not(.user-menu-btn):not(.d-none) {
    padding: 8px !important;
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 0 !important;
    gap: 0;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  body.mix-site #login_menu.d-none,
  body.mix-site .login-btn.d-none:not(.user-menu-btn) {
    display: none !important;
  }
  body.mix-site .login-btn:not(.user-menu-btn) i {
    font-size: 18px;
  }
  /* 手机端只保留头像入口：必须压过桌面胶囊选择器（.header-user-dropdown .user-menu-btn） */
  body.mix-site .login-btn.user-menu-btn,
  body.mix-site .header-user-dropdown .login-btn.user-menu-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }
  body.mix-site .login-btn.user-menu-btn img,
  body.mix-site .login-btn.user-menu-btn #dj_nav_avatar,
  body.mix-site .header-user-dropdown #dj_nav_avatar,
  body.mix-site .header-user-dropdown .login-btn.user-menu-btn img {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    flex-shrink: 0 !important;
    display: block !important;
  }
  body.mix-site .login-btn.user-menu-btn #dj_nav_username,
  body.mix-site .header-user-dropdown #dj_nav_username {
    display: none !important;
  }
  body.mix-site.member-layout .header-user-dropdown .xiu-user-menu {
    display: none !important;
  }
  .search-box-mobile-wrapper {
    position: relative;
    left: 0;
    right: 0;
    z-index: 1004;
    background: var(--mix-canvas);
    border-bottom: 1px solid #222;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .3s, opacity .3s;
    width: 100%;
  }
  .search-box-mobile-wrapper.show,
  .search-box-mobile-wrapper.collapse.show {
    display: block !important;
    max-height: 300px !important;
    opacity: 1 !important;
    padding: 10px 12px;
  }
  .search-box-mobile-wrapper .form-control,
  .search-box-mobile-wrapper #searchInputMobile {
    background: #222 !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px #333 !important;
    border-radius: 6px !important;
    height: 36px !important;
  }
  body.mix-site .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575.98px) {
  body.mix-site .card-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

/* /djshow 制作人列表（横向头像 + 曲目行） */
body.mix-site .mix-djshow-page .producer-list-container {
  padding: 0;
}
body.mix-site .mix-djshow-page .producer-item {
  display: flex;
  gap: 20px;
  padding: 12px 16px;
  align-items: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: transparent;
}
body.mix-site .mix-djshow-page .producer-item:last-child {
  border-bottom: none;
}
body.mix-site .mix-djshow-page .producer-avatar {
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}
body.mix-site .mix-djshow-page .producer-avatar a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
body.mix-site .mix-djshow-page .producer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.mix-site .mix-djshow-page .producer-content {
  flex: 1;
  min-width: 0;
  height: 120px;
  display: flex;
  flex-direction: column;
}
body.mix-site .mix-djshow-page .producer-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
}
body.mix-site .mix-djshow-page .producer-name {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mix-site .mix-djshow-page .producer-name:hover {
  color: var(--mix-accent);
}
body.mix-site .mix-djshow-page .producer-date {
  font-size: 14px;
  color: #999;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
body.mix-site .mix-djshow-page .producer-music-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-evenly;
  min-height: 0;
}
body.mix-site .mix-djshow-page .music-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.mix-site .mix-djshow-page .music-title-link {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
body.mix-site .mix-djshow-page .music-title-link:hover {
  color: var(--mix-accent);
}
body.mix-site .mix-djshow-page .music-row .act {
  width: 28px;
  height: 28px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  flex-shrink: 0;
  font-size: 14px;
}
body.mix-site .mix-djshow-page .music-row .act:hover {
  background: rgba(var(--mix-accent-rgb), 0.15);
  color: var(--mix-accent);
}
body.mix-site .mix-djshow-page .pagination-container .pagination .disabled span,
body.mix-site .mix-album-catalog .pagination-container .pagination .disabled span {
  opacity: 0.45;
  cursor: default;
  padding: 6px 12px;
  display: inline-block;
}
body.mix-site .mix-djshow-page .pagination-container .pagination li.active a,
body.mix-site .mix-djshow-page .pagination-container .pagination li.active span,
body.mix-site .mix-djshow-page .pagination-container .pagination li.pagination-item.active a,
body.mix-site .mix-album-catalog .pagination-container .pagination li.active a,
body.mix-site .mix-album-catalog .pagination-container .pagination li.active span,
body.mix-site .mix-album-catalog .pagination-container .pagination li.pagination-item.active a {
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: #000 !important;
}
@media (max-width: 767.98px) {
  body.mix-site .mix-djshow-page .producer-avatar {
    width: 70px;
    height: 70px;
  }
  body.mix-site .mix-djshow-page .producer-content {
    height: auto;
  }
  body.mix-site .mix-djshow-page .producer-title-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  body.mix-site .mix-djshow-page .producer-date {
    position: static;
    transform: none;
    font-size: 12px;
  }
  body.mix-site .mix-djshow-page .music-row .act {
    display: none !important;
  }
}

/* ========== /album.html 黑胶封面货架（无曲目行，区别 /djshow） ========== */
body.mix-site .mix-album-catalog .mix-al-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 20px;
  margin-bottom: 22px;
  padding: 0 0 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
body.mix-site .mix-album-catalog .mix-al-head__title {
  margin: 0;
  font-size: 30px;
  font-weight: 750;
  letter-spacing: 0.04em;
  line-height: 1.15;
  color: #f7f7f7;
}
body.mix-site .mix-album-catalog .mix-al-head__sub {
  margin: 6px 0 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.04em;
}
body.mix-site .mix-album-catalog .mix-al-sort {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 2px solid transparent;
}
body.mix-site .mix-album-catalog .mix-al-sort__tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 560;
  color: rgba(255, 255, 255, 0.45);
  text-decoration: none !important;
  transition: color 0.15s ease;
}
body.mix-site .mix-album-catalog .mix-al-sort__tab:hover {
  color: rgba(255, 255, 255, 0.85);
}
body.mix-site .mix-album-catalog .mix-al-sort__tab.is-active {
  color: #fff;
}
body.mix-site .mix-album-catalog .mix-al-sort__tab.is-active::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: -2px;
  height: 2px;
  border-radius: 2px;
  background: var(--mix-accent, #3b82f6);
  box-shadow: 0 0 10px rgba(var(--mix-accent-rgb), 0.55);
}

/* 封面网格：对齐首页热门歌单（封面内标题 + 热度 + 悬停播放） */
body.mix-site .mix-album-catalog .mix-al-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
body.mix-site .mix-album-catalog .mix-al-grid > .mix-empty {
  grid-column: 1 / -1;
}
body.mix-site .mix-album-catalog .mix-al-grid > .mix-home-radio {
  min-width: 0;
}
body.mix-site .mix-album-catalog .mix-al-pager {
  margin-top: 28px;
}
@media (max-width: 991.98px) {
  body.mix-site .mix-album-catalog .mix-al-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
}
@media (max-width: 767.98px) {
  body.mix-site .mix-album-catalog .mix-al-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}
@media (max-width: 575.98px) {
  body.mix-site .mix-album-catalog .mix-al-head__title {
    font-size: 24px;
  }
  body.mix-site .mix-album-catalog .mix-al-sort__tab {
    padding: 8px 10px;
    font-size: 12px;
  }
}

/* /album 右侧：封面马赛克 + 时间轴 */
body.mix-site .mix-album-catalog .mix-al-aside {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.mix-site .mix-album-catalog .mix-al-rail {
  border-radius: 16px;
  overflow: hidden;
  background: var(--mix-surface-2);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
body.mix-site .mix-album-catalog .mix-al-rail__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 14px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.mix-site .mix-album-catalog .mix-al-rail__head strong {
  font-size: 15px;
  font-weight: 700;
  color: #f0f0f0;
}
body.mix-site .mix-album-catalog .mix-al-rail__head span {
  font-size: 10px;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.32);
}
body.mix-site .mix-album-catalog .mix-al-mosaic {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  padding: 3px;
}
body.mix-site .mix-album-catalog .mix-al-mosaic__cell {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #222;
  text-decoration: none !important;
}
body.mix-site .mix-album-catalog .mix-al-mosaic__cell.is-feature {
  grid-column: span 2;
  grid-row: span 2;
}
body.mix-site .mix-album-catalog .mix-al-mosaic__cell img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
body.mix-site .mix-album-catalog .mix-al-mosaic__cell:hover img {
  transform: scale(1.06);
}
body.mix-site .mix-album-catalog .mix-al-mosaic__rank {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 1;
  min-width: 22px;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #0d0d0d;
  background: var(--mix-accent, #3b82f6);
  line-height: 1.3;
}
body.mix-site .mix-album-catalog .mix-al-mosaic__name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 18px 8px 7px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.78));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .mix-album-catalog .mix-al-mosaic__cell.is-feature .mix-al-mosaic__name {
  font-size: 14px;
  padding: 28px 10px 10px;
}
body.mix-site .mix-album-catalog .mix-al-timeline {
  list-style: none;
  margin: 0;
  padding: 10px 12px 12px 18px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
body.mix-site .mix-album-catalog .mix-al-timeline__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 10px 0 10px 14px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
body.mix-site .mix-album-catalog .mix-al-timeline__item:last-child {
  padding-bottom: 4px;
}
body.mix-site .mix-album-catalog .mix-al-timeline__dot {
  position: absolute;
  left: -4px;
  top: 22px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mix-accent, #3b82f6);
  box-shadow: 0 0 0 3px rgba(var(--mix-accent-rgb), 0.18);
}
body.mix-site .mix-album-catalog .mix-al-timeline__cover {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #222;
}
body.mix-site .mix-album-catalog .mix-al-timeline__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.mix-site .mix-album-catalog .mix-al-timeline__meta {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.mix-site .mix-album-catalog .mix-al-timeline__name {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .mix-album-catalog .mix-al-timeline__name:hover {
  color: var(--mix-accent, #3b82f6) !important;
}
body.mix-site .mix-album-catalog .mix-al-timeline__time {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.38);
  font-variant-numeric: tabular-nums;
}
body.mix-site .mix-album-catalog .mix-al-aside #tooltips,
body.mix-site .mix-album-catalog .mix-al-aside a.dj-tip::after {
  display: none !important;
}
@media (max-width: 991.98px) {
  body.mix-site .mix-album-catalog .mix-al-mosaic__cell.is-feature {
    grid-column: span 1;
    grid-row: span 1;
  }
}

/* DJ专辑详情（对齐线上 /djalbum/:alias） */
body.mix-site .mix-album-detail .producer-detail-header {
  display: flex;
  gap: 20px;
  padding: 20px;
  background: var(--mix-surface);
  border: 1px solid var(--mix-border);
  border-radius: 6px;
}
body.mix-site .mix-album-detail .producer-avatar-large {
  width: 133px;
  height: 133px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #222;
}
body.mix-site .mix-album-detail .producer-avatar-large img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.mix-site .mix-album-detail .producer-info {
  flex: 1;
  min-width: 0;
}
body.mix-site .mix-album-detail .producer-info .producer-name {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 12px;
  line-height: 1.3;
}
body.mix-site .mix-album-detail .producer-stats {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 14px;
}
body.mix-site .mix-album-detail .producer-stats .stat-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #999;
}
body.mix-site .mix-album-detail .producer-stats .stat-item i {
  color: var(--mix-accent);
  width: 14px;
  text-align: center;
}
body.mix-site .mix-album-detail .producer-bio {
  font-size: 14px;
  color: #999;
  line-height: 1.6;
  margin-top: 4px;
}
body.mix-site .mix-album-detail .btn-follow-album {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 13px;
  color: var(--mix-on-accent);
  background: var(--mix-accent);
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
body.mix-site .mix-album-detail #icogz.is-followed .btn-follow-album {
  background: #2f2f2f;
  color: #fff;
}
body.mix-site .mix-album-detail .list-box .list-head {
  color: #999;
  font-size: 14px;
  padding: 8px 10px;
  margin-bottom: 8px;
  border-bottom: 2px solid #333;
}
body.mix-site .mix-album-detail .list-row {
  padding: 8px 10px;
  border-radius: 6px;
  margin-bottom: 4px;
  color: #fff;
}
body.mix-site .mix-album-detail .list-row:hover {
  background: rgba(255, 255, 255, 0.03);
}
body.mix-site .mix-album-detail .list-row .music-title-link {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mix-site .mix-album-detail .list-row .music-title-link:hover {
  color: var(--mix-accent);
}
body.mix-site .mix-album-detail .list-row .update-time {
  font-size: 14px;
  color: #999;
}
body.mix-site .mix-album-detail .action-group {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
body.mix-site .mix-album-detail .action-group .act {
  width: 32px;
  height: 32px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
body.mix-site .mix-album-detail .action-group .act:hover {
  background: rgba(var(--mix-accent-rgb), 0.15);
  color: var(--mix-accent);
}
body.mix-site .mix-album-detail .rank-title-text {
  color: #d1d1d1;
  text-decoration: none;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
body.mix-site .mix-album-detail .rank-title-text:hover {
  color: var(--mix-accent);
}

@media (max-width: 767.98px) {
  body.mix-site .mix-album-detail .producer-detail-header {
    flex-direction: column;
    padding: 16px;
    gap: 12px;
  }
  body.mix-site .mix-album-detail .producer-avatar-large {
    width: 100px;
    height: 100px;
  }
  body.mix-site .mix-album-detail .producer-info .producer-name {
    font-size: 20px;
  }
  body.mix-site .mix-album-detail .action-group {
    display: none !important;
  }
}

/* ========== 排行榜：主栏左 + 榜单导航右（sticky，不随主栏滑动） ========== */
body.mix-site .mix-rank-page .rank-page {
  /* 使用 Bootstrap row.g-3，此处仅兜底 */
  align-items: flex-start;
}
body.mix-site .mix-rank-page .rank-main {
  min-width: 0;
}
body.mix-site .mix-rank-page .rank-sidebar {
  min-width: 0;
}
body.mix-site .mix-rank-page .rank-sidebar__sticky {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  body.mix-site .mix-rank-page .rank-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    align-self: flex-start;
  }
  body.mix-site .mix-rank-page .rank-sidebar__sticky {
    max-height: none;
    overflow: visible;
    padding-bottom: 0;
  }
}
body.mix-site .mix-rank-page .rank-nav-group {
  background: var(--mix-surface);
  border: 1px solid var(--mix-border);
  border-radius: var(--mix-radius-lg, 8px);
  padding: 12px;
  margin-bottom: 0;
}
body.mix-site .mix-rank-page .rank-nav-title {
  font-size: 14px;
  color: #fff;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #444;
}
body.mix-site .mix-rank-page .rank-nav-item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 6px;
  text-decoration: none;
  color: #999 !important;
  background: #1a1a1a !important;
  font-size: 16px;
  font-weight: 400;
  margin: 8px 0 0;
}
body.mix-site .mix-rank-page .rank-nav-item:hover {
  color: #fff !important;
  background: #333 !important;
}
body.mix-site .mix-rank-page .rank-nav-item.active {
  background: #333 !important;
  color: var(--mix-accent) !important;
  font-weight: 400;
}
body.mix-site .mix-rank-page .rank-main > .rank-title {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #444;
}
body.mix-site .mix-rank-page .rank-period-key {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
body.mix-site .mix-rank-page .rank-hub-section,
body.mix-site .mix-rank-page .rank-section {
  background: var(--mix-surface);
  border: 1px solid var(--mix-border);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
body.mix-site .mix-rank-page .rank-hub-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #444;
}
body.mix-site .mix-rank-page .rank-hub-section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}
body.mix-site .mix-rank-page .rank-hub-section-title i {
  color: var(--mix-accent);
  font-size: 14px;
  margin-right: 0;
}
body.mix-site .mix-rank-page .rank-hub-period-links {
  display: flex;
  gap: 4px;
}
body.mix-site .mix-rank-page .rank-hub-period-link {
  color: #999 !important;
  text-decoration: none;
  font-size: 13px !important;
  line-height: 20px;
  padding: 4px 12px;
  border-radius: 6px;
  background: #1a1a1a !important;
}
body.mix-site .mix-rank-page .rank-hub-period-link:hover {
  color: var(--mix-accent) !important;
  background: #333 !important;
}
body.mix-site .mix-rank-page .rank-list-box {
  margin-top: 12px;
}
body.mix-site .mix-rank-page .rank-list-row {
  padding: 5px 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  color: #fff;
}
body.mix-site .mix-rank-page .rank-list-row:last-child {
  margin-bottom: 0;
}
body.mix-site .mix-rank-page .rank-list-row:hover {
  background: #333;
}
body.mix-site .mix-rank-page .rank-list-row .row > div {
  color: #fff;
  font-size: 14px;
}
body.mix-site .mix-rank-page .rank-number-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: #333;
  color: #999;
  font-size: 12px;
  font-weight: 700;
}
body.mix-site .mix-rank-page .rank-number-badge.top-three {
  background: var(--mix-accent);
  color: #000;
}
body.mix-site .mix-rank-page .rank-song-link {
  color: #fff !important;
  text-decoration: none;
  font-size: 14px;
}
body.mix-site .mix-rank-page .rank-song-link:hover {
  color: var(--mix-accent) !important;
}
body.mix-site .mix-rank-page .action-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
body.mix-site .mix-rank-page .action-group .act {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #fff !important;
  background: transparent;
  text-decoration: none;
  font-size: 14px;
  padding: 0;
}
body.mix-site .mix-rank-page .action-group .act:hover {
  background: transparent;
  color: var(--mix-accent) !important;
}
body.mix-site .mix-rank-page .rank-hub-view-all {
  text-align: right;
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid #444;
}
body.mix-site .mix-rank-page .rank-hub-view-all-link {
  color: #999 !important;
  text-decoration: none;
  font-size: 13px;
}
body.mix-site .mix-rank-page .rank-hub-view-all-link:hover {
  color: var(--mix-accent) !important;
}
body.mix-site .mix-rank-page .rank-empty {
  color: #666;
  text-align: center;
  padding: 24px 12px;
  font-size: 14px;
}

@media (max-width: 991.98px) {
  body.mix-site .mix-rank-page .rank-sidebar {
    position: static;
  }
  body.mix-site .mix-rank-page .rank-sidebar__sticky {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    max-height: none;
    overflow: visible;
  }
}
@media (max-width: 575.98px) {
  body.mix-site .mix-rank-page .rank-sidebar__sticky {
    grid-template-columns: 1fr;
  }
  body.mix-site .mix-rank-page .action-group {
    display: none !important;
  }
}

/* ========== /radio.html 电台播单板（横向行，区别专辑封面货架） ========== */
body.mix-site .mix-radio-board .col-lg-8,
body.mix-site .mix-radio-board .col-12.col-lg-8 {
  min-width: 0;
  max-width: 100%;
}
body.mix-site .mix-radio-board .mix-rd-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: 14px 18px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
body.mix-site .mix-radio-board .mix-rd-head__signal {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 28px;
  padding-bottom: 4px;
}
body.mix-site .mix-radio-board .mix-rd-head__signal span {
  width: 3px;
  border-radius: 2px;
  background: var(--mix-accent, #3b82f6);
  opacity: 0.85;
  animation: mixRdEq 1.1s ease-in-out infinite;
}
body.mix-site .mix-radio-board .mix-rd-head__signal span:nth-child(1) { height: 8px; animation-delay: 0s; }
body.mix-site .mix-radio-board .mix-rd-head__signal span:nth-child(2) { height: 16px; animation-delay: 0.12s; }
body.mix-site .mix-radio-board .mix-rd-head__signal span:nth-child(3) { height: 24px; animation-delay: 0.24s; }
body.mix-site .mix-radio-board .mix-rd-head__signal span:nth-child(4) { height: 14px; animation-delay: 0.36s; }
body.mix-site .mix-radio-board .mix-rd-head__signal span:nth-child(5) { height: 20px; animation-delay: 0.48s; }
@keyframes mixRdEq {
  0%, 100% { transform: scaleY(0.55); opacity: 0.55; }
  50% { transform: scaleY(1); opacity: 1; }
}
body.mix-site .mix-radio-board .mix-rd-head__title {
  margin: 0;
  font-size: 28px;
  font-weight: 750;
  letter-spacing: 0.03em;
  line-height: 1.15;
  color: #f5f5f5;
}
body.mix-site .mix-radio-board .mix-rd-head__sub {
  margin: 5px 0 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
}
body.mix-site .mix-radio-board .mix-rd-tabs {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border-radius: 10px;
  background: var(--mix-surface-2);
  border: 1px solid var(--mix-border);
}
body.mix-site .mix-radio-board .mix-rd-tabs__item {
  display: inline-flex;
  align-items: center;
  padding: 7px 13px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 560;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none !important;
  transition: color 0.15s ease, background 0.15s ease;
}
body.mix-site .mix-radio-board .mix-rd-tabs__item:hover {
  color: #fff;
}
body.mix-site .mix-radio-board .mix-rd-tabs__item.is-active {
  color: #0d0d0d;
  background: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-board .mix-rd-board {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.mix-site .mix-radio-board .mix-rd-row {
  position: relative;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 14px;
  padding: 10px 12px 10px 14px;
  border-radius: 12px;
  background: var(--mix-surface-2);
  border: 1px solid var(--mix-border);
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
body.mix-site .mix-radio-board .mix-rd-row::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: transparent;
  transition: background 0.2s ease;
}
body.mix-site .mix-radio-board .mix-rd-row:hover {
  border-color: rgba(var(--mix-accent-rgb), 0.28);
  background: var(--mix-surface-hover);
  transform: translateX(2px);
}
body.mix-site .mix-radio-board .mix-rd-row:hover::before {
  background: var(--mix-accent, #3b82f6);
  box-shadow: 0 0 12px rgba(var(--mix-accent-rgb), 0.45);
}
body.mix-site .mix-radio-board .mix-rd-row__cover {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
  background: #222;
  flex-shrink: 0;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}
body.mix-site .mix-radio-board .mix-rd-row__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
body.mix-site .mix-radio-board .mix-rd-row:hover .mix-rd-row__cover img {
  transform: scale(1.06);
}
body.mix-site .mix-radio-board .mix-rd-row__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.mix-site .mix-radio-board .mix-rd-row__title {
  color: #f2f2f2 !important;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.35;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .mix-radio-board .mix-rd-row__title:hover {
  color: var(--mix-accent, #3b82f6) !important;
}
body.mix-site .mix-radio-board .mix-rd-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body.mix-site .mix-radio-board .mix-rd-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.3;
  color: var(--mix-text-muted);
  background: var(--mix-surface-3);
  border: 1px solid var(--mix-border);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .mix-radio-board .mix-rd-chip i {
  color: var(--mix-accent, #3b82f6);
  font-size: 10px;
  opacity: 0.9;
}
body.mix-site .mix-radio-board .mix-rd-chip--user {
  max-width: 140px;
}
body.mix-site .mix-radio-board .mix-rd-row__play {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff !important;
  background: var(--mix-surface-3);
  border: 1px solid var(--mix-border-strong);
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
body.mix-site .mix-radio-board .mix-rd-row__play i {
  margin-left: 2px;
  font-size: 13px;
}
body.mix-site .mix-radio-board .mix-rd-row:hover .mix-rd-row__play {
  color: #0d0d0d !important;
  background: var(--mix-accent, #3b82f6);
  border-color: transparent;
  box-shadow: 0 6px 16px rgba(var(--mix-accent-rgb), 0.4);
  transform: scale(1.05);
}
body.mix-site .mix-radio-board .mix-rd-pager {
  margin-top: 22px;
}
body.mix-site .mix-radio-board .pagination-container .pagination .disabled span {
  opacity: 0.45;
  cursor: default;
  padding: 6px 12px;
  display: inline-block;
}
body.mix-site .mix-radio-board .pagination-container .pagination li.active a,
body.mix-site .mix-radio-board .pagination-container .pagination li.active span,
body.mix-site .mix-radio-board .pagination-container .pagination li.pagination-item.active a {
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: #000 !important;
}

/* 右侧：热播主推卡 + 收藏封面栅格 */
body.mix-site .mix-radio-board .mix-rd-aside {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
body.mix-site .mix-radio-board .mix-rd-box {
  border-radius: 18px;
  overflow: hidden;
  background: var(--mix-surface-2);
  border: 1px solid var(--mix-border);
  padding: 16px;
}
body.mix-site .mix-radio-board .mix-rd-box--fav {
  background: var(--mix-surface-2);
}
body.mix-site .mix-radio-board .mix-rd-box__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 14px;
}
body.mix-site .mix-radio-board .mix-rd-box__title {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #f5f5f5;
  line-height: 1.25;
}
body.mix-site .mix-radio-board .mix-rd-box__desc {
  margin: 4px 0 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.38);
}
body.mix-site .mix-radio-board .mix-rd-box__tag {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #0d0d0d;
  background: var(--mix-accent, #3b82f6);
  line-height: 1.2;
}
body.mix-site .mix-radio-board .mix-rd-box--fav .mix-rd-box__tag {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.08);
}

/* 热播榜 */
body.mix-site .mix-radio-board .mix-rd-hot {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.mix-site .mix-radio-board .mix-rd-hot__item {
  margin: 0;
  padding: 0;
  min-width: 0;
}
body.mix-site .mix-radio-board .mix-rd-hot__hero {
  position: relative;
  display: block;
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #151515;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}
body.mix-site .mix-radio-board .mix-rd-hot__hero-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
body.mix-site .mix-radio-board .mix-rd-hot__hero:hover .mix-rd-hot__hero-img {
  transform: scale(1.05);
}
body.mix-site .mix-radio-board .mix-rd-hot__hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.82) 100%);
  pointer-events: none;
}
body.mix-site .mix-radio-board .mix-rd-hot__hero-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #0d0d0d;
  background: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-board .mix-rd-hot__hero-copy {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
body.mix-site .mix-radio-board .mix-rd-hot__hero-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.mix-site .mix-radio-board .mix-rd-hot__hero-stat {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.72);
}
body.mix-site .mix-radio-board .mix-rd-hot__row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 6px;
  border-radius: 12px;
  text-decoration: none !important;
  color: inherit;
  transition: background 0.15s ease;
}
body.mix-site .mix-radio-board .mix-rd-hot__row:hover {
  background: rgba(255, 255, 255, 0.04);
}
body.mix-site .mix-radio-board .mix-rd-hot__thumb {
  position: relative;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 10px;
  overflow: hidden;
  background: #222;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
body.mix-site .mix-radio-board .mix-rd-hot__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
body.mix-site .mix-radio-board .mix-rd-hot__row:hover .mix-rd-hot__thumb img {
  transform: scale(1.06);
}
body.mix-site .mix-radio-board .mix-rd-hot__badge {
  position: absolute;
  left: 4px;
  bottom: 4px;
  z-index: 1;
  min-width: 22px;
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}
body.mix-site .mix-radio-board .mix-rd-hot__item.is-top .mix-rd-hot__badge {
  color: #0d0d0d;
  background: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-board .mix-rd-hot__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.mix-site .mix-radio-board .mix-rd-hot__name {
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.94);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .mix-radio-board .mix-rd-hot__row:hover .mix-rd-hot__name {
  color: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-board .mix-rd-hot__stat {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.38);
}

/* 收藏风向：2 列封面栅格 */
body.mix-site .mix-radio-board .mix-rd-favgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 10px;
}
body.mix-site .mix-radio-board .mix-rd-favgrid__cell {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  text-decoration: none !important;
  color: inherit;
}
body.mix-site .mix-radio-board .mix-rd-favgrid__cover {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  overflow: hidden;
  background: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}
body.mix-site .mix-radio-board .mix-rd-favgrid__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}
body.mix-site .mix-radio-board .mix-rd-favgrid__cell:hover .mix-rd-favgrid__cover img {
  transform: scale(1.06);
}
body.mix-site .mix-radio-board .mix-rd-favgrid__rank {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 1;
  min-width: 22px;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  line-height: 1.3;
  text-align: center;
}
body.mix-site .mix-radio-board .mix-rd-favgrid__cell.is-top .mix-rd-favgrid__rank {
  color: #0d0d0d;
  background: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-board .mix-rd-favgrid__heart {
  position: absolute;
  right: 6px;
  bottom: 6px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 650;
  color: #fff;
  background: rgba(0, 0, 0, 0.62);
  line-height: 1.2;
}
body.mix-site .mix-radio-board .mix-rd-favgrid__heart i {
  font-size: 9px;
  color: #ff6b8a;
}
body.mix-site .mix-radio-board .mix-rd-favgrid__name {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 2px;
}
body.mix-site .mix-radio-board .mix-rd-favgrid__cell:hover .mix-rd-favgrid__name {
  color: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-board .mix-rd-aside #tooltips,
body.mix-site .mix-radio-board .mix-rd-aside a.dj-tip::after {
  display: none !important;
}
@media (max-width: 767.98px) {
  body.mix-site .mix-radio-board .mix-rd-head {
    grid-template-columns: auto 1fr;
  }
  body.mix-site .mix-radio-board .mix-rd-tabs {
    grid-column: 1 / -1;
  }
  body.mix-site .mix-radio-board .mix-rd-row {
    grid-template-columns: 60px minmax(0, 1fr) 36px;
    gap: 10px;
    padding: 8px 10px;
  }
  body.mix-site .mix-radio-board .mix-rd-row__cover {
    width: 60px;
    height: 60px;
  }
  body.mix-site .mix-radio-board .mix-rd-row__play {
    width: 34px;
    height: 34px;
  }
  body.mix-site .mix-radio-board .mix-rd-chip--user {
    max-width: 100px;
  }
}
@media (max-width: 575.98px) {
  body.mix-site .mix-radio-board .mix-rd-head__title {
    font-size: 22px;
  }
  body.mix-site .mix-radio-board .mix-rd-row__meta .mix-rd-chip:nth-child(n+4) {
    display: none;
  }
}

/* ========== /radio/:id 播控台详情（功能 ID 不变） ========== */
body.mix-site .mix-radio-detail .mix-rd-studio {
  position: relative;
  margin-bottom: 16px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: var(--mix-surface-2);
}
body.mix-site .mix-radio-detail .mix-rd-studio__glow {
  position: absolute;
  inset: -20% -10% auto -10%;
  height: 70%;
  background-size: cover;
  background-position: center;
  filter: blur(42px) saturate(1.2);
  opacity: 0.28;
  pointer-events: none;
}
body.mix-site .mix-radio-detail .mix-rd-studio__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 176px minmax(0, 1fr);
  grid-template-areas:
    "side body"
    "acts acts";
  gap: 16px 20px;
  align-items: start;
  padding: 20px;
}
body.mix-site .mix-radio-detail .mix-rd-studio__side {
  grid-area: side;
  width: 176px;
}
body.mix-site .mix-radio-detail .mix-rd-studio__body {
  grid-area: body;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 176px;
}
body.mix-site .mix-radio-detail .dj-radio-controls {
  grid-area: acts;
}
body.mix-site .mix-radio-detail .mix-rd-studio__cover,
body.mix-site .mix-radio-detail .list-cover {
  width: 176px;
  height: 176px;
  border-radius: 14px;
  overflow: hidden;
  background: #222;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
body.mix-site .mix-radio-detail .list-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.mix-site .mix-radio-detail .mix-rd-studio__eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.38);
}
body.mix-site .mix-radio-detail .list-title {
  margin: 0 0 12px;
  font-size: 26px;
  font-weight: 750;
  line-height: 1.25;
  color: #f7f7f7;
  letter-spacing: 0.02em;
}
body.mix-site .mix-radio-detail .dj-radio-hero__now {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.06);
  max-width: 100%;
}
body.mix-site .mix-radio-detail .dj-radio-hero__now.is-empty {
  color: rgba(255, 255, 255, 0.4);
}
body.mix-site .mix-radio-detail .dj-radio-hero__now-label {
  color: #0d0d0d;
  background: var(--mix-accent, #3b82f6);
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
body.mix-site .mix-radio-detail .dj-radio-hero__now a {
  color: #fff;
  text-decoration: none;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mix-site .mix-radio-detail .dj-radio-hero__now a:hover {
  color: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-detail .dj-radio-player {
  margin-bottom: 0;
  min-width: 0;
  width: 100%;
}
/* 状态「已暂停」与时间不再重叠 */
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-controls-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  min-width: 0 !important;
}
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-controls-left {
  flex: 0 0 auto !important;
}
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-controls-mid {
  display: flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  min-width: 0 !important;
  max-width: calc(100% - 220px) !important;
  position: static !important;
  overflow: hidden !important;
  padding: 0 12px 0 0 !important;
  margin: 0 !important;
}
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-status,
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim #jp_status {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  position: static !important;
  float: none !important;
  width: auto !important;
  min-width: 3.2em !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-indent: 0 !important;
}
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-time-holder {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 4px !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
  width: auto !important;
  margin: 0 16px 0 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-current-time,
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-current-time-split,
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-duration {
  display: inline-block !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  width: auto !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 12px !important;
  font-variant-numeric: tabular-nums;
}
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-controls-right {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 10px !important;
  margin-left: auto !important;
  padding-left: 8px !important;
  position: static !important;
  z-index: 2;
}
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-volume {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-mutecon a,
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-mute,
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-unmute,
body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-ctrl-btn {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 991.98px) {
  body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-status,
  body.mix-site .mix-radio-detail #media .jp-audio.jp-slim #jp_status {
    display: none !important;
  }
  body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-controls-mid {
    max-width: calc(100% - 160px) !important;
    padding-right: 8px !important;
  }
  body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-time-holder {
    margin-right: 10px !important;
  }
}
/* 底栏横向：刻录 / 收藏 / 下载 */
body.mix-site .mix-radio-detail .dj-radio-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  margin: 0;
  padding-top: 2px;
}
body.mix-site .mix-radio-detail .dj-radio-controls:empty {
  display: none;
}
body.mix-site .mix-radio-detail .dj-radio-controls > div {
  min-width: 0;
}
body.mix-site .mix-radio-detail .dj-radio-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 11px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.88) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
body.mix-site .mix-radio-detail .dj-radio-btn i {
  font-size: 12px;
  opacity: 0.9;
}
body.mix-site .mix-radio-detail .dj-radio-btn:hover {
  color: #fff !important;
  border-color: rgba(var(--mix-accent-rgb), 0.45);
  background: rgba(var(--mix-accent-rgb), 0.14);
  transform: translateY(-1px);
}
body.mix-site .mix-radio-detail .dj-radio-btn--primary {
  background: var(--mix-accent, #3b82f6);
  border-color: transparent;
  color: #0d0d0d !important;
}
body.mix-site .mix-radio-detail .dj-radio-btn--primary:hover {
  color: #0d0d0d !important;
  filter: brightness(1.06);
  background: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-detail .list-description {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0 20px 18px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.48);
  line-height: 1.65;
}
body.mix-site .mix-radio-detail .list-description p {
  margin: 0;
}

/* 曲目列表 */
body.mix-site .mix-radio-detail .mix-rd-tracks {
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
  background: var(--mix-surface-2);
  border: 1px solid rgba(255, 255, 255, 0.07);
}
body.mix-site .mix-radio-detail .mix-rd-tracks__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.mix-site .mix-radio-detail .mix-rd-tracks__head strong {
  font-size: 15px;
  font-weight: 700;
  color: #f0f0f0;
}
body.mix-site .mix-radio-detail .mix-rd-tracks__head span {
  font-size: 10px;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.32);
}
body.mix-site .mix-radio-detail .list-head {
  display: none !important;
}
body.mix-site .mix-radio-detail .list-body {
  padding: 8px;
}
body.mix-site .mix-radio-detail .dj-radio-playlist__empty {
  padding: 28px 16px;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
}
body.mix-site .mix-radio-detail .dj-radio-tracklist {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.mix-site .mix-radio-detail .dj-radio-track {
  display: grid;
  grid-template-columns: 36px 48px minmax(0, 1fr) 36px;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
}
body.mix-site .mix-radio-detail .dj-radio-track:hover {
  background: rgba(255, 255, 255, 0.04);
}
body.mix-site .mix-radio-detail .dj-radio-track__idx {
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.35);
  text-align: center;
}
body.mix-site .mix-radio-detail .dj-radio-track__cover {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
  background: #222;
  border: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}
body.mix-site .mix-radio-detail .dj-radio-track__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.mix-site .mix-radio-detail .dj-radio-track__info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.mix-site .mix-radio-detail .dj-radio-track__name {
  font-size: 14px;
  font-weight: 560;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .mix-radio-detail .dj-radio-track__id {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.32);
}
body.mix-site .mix-radio-detail .dj-radio-track__play {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #0d0d0d;
  background: rgba(255, 255, 255, 0.1);
  opacity: 0;
  transition: opacity 0.15s ease, background 0.15s ease;
}
body.mix-site .mix-radio-detail .dj-radio-track:hover .dj-radio-track__play {
  opacity: 1;
  background: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-detail .dj-radio-track.is-playing {
  background: rgba(var(--mix-accent-rgb), 0.1);
}
body.mix-site .mix-radio-detail .dj-radio-track.is-playing .dj-radio-track__idx,
body.mix-site .mix-radio-detail .dj-radio-track.is-playing .dj-radio-track__name {
  color: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-detail .dj-radio-track.is-playing .dj-radio-track__play {
  opacity: 1;
  background: var(--mix-accent, #3b82f6);
}

/* 右侧信息 + 热门 */
body.mix-site .mix-radio-detail .mix-rd-detail-aside {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.mix-site .mix-radio-detail .mix-rd-info,
body.mix-site .mix-radio-detail .mix-rd-more {
  margin-bottom: 0 !important;
  border-radius: 16px;
  overflow: hidden;
  background: var(--mix-surface-2);
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: 0;
}
body.mix-site .mix-radio-detail .mix-rd-info__head,
body.mix-site .mix-radio-detail .mix-rd-more__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 14px 10px;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.mix-site .mix-radio-detail .mix-rd-info__head strong,
body.mix-site .mix-radio-detail .mix-rd-more__head .rank-title {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 15px;
  font-weight: 700;
  color: #f0f0f0;
  background: none;
}
body.mix-site .mix-radio-detail .mix-rd-info__head span {
  font-size: 10px;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.32);
}
body.mix-site .mix-radio-detail .mix-rd-info__stats {
  padding: 8px 14px;
}
body.mix-site .mix-radio-detail .djlist-info-section .info-item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 13px;
}
body.mix-site .mix-radio-detail .djlist-info-section .info-item:last-child {
  border-bottom: none;
}
body.mix-site .mix-radio-detail .djlist-info-section .label {
  color: rgba(255, 255, 255, 0.4);
}
body.mix-site .mix-radio-detail .djlist-info-section .value {
  color: #fff;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
body.mix-site .mix-radio-detail .djlist-fav-wrap {
  padding: 0 14px 14px;
}
body.mix-site .mix-radio-detail .btn-fav {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 11px 14px;
  border: none;
  border-radius: 999px;
  background: var(--mix-accent, #3b82f6);
  color: #0d0d0d;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
  transition: filter 0.15s ease, background 0.15s ease;
}
body.mix-site .mix-radio-detail .btn-fav:hover {
  filter: brightness(1.05);
}
body.mix-site .mix-radio-detail #icogz.is-followed .btn-fav {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
body.mix-site .mix-radio-detail .rank-refresh-btn {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
  cursor: pointer;
  padding: 0;
}
body.mix-site .mix-radio-detail .rank-refresh-btn:hover {
  color: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-detail #hot-list {
  padding: 10px;
}
body.mix-site .mix-radio-detail .dj-sidebar-producer-grid {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
body.mix-site .mix-radio-detail .dj-sidebar-producer-grid.is-active {
  display: grid;
}
body.mix-site .mix-radio-detail .dj-sidebar-producer-cell {
  text-decoration: none !important;
  color: inherit;
  min-width: 0;
}
body.mix-site .mix-radio-detail .dj-sidebar-producer-cell__cover {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 1;
  background: #222;
  margin-bottom: 6px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
body.mix-site .mix-radio-detail .dj-sidebar-producer-cell__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
body.mix-site .mix-radio-detail .dj-sidebar-producer-cell:hover .dj-sidebar-producer-cell__cover img {
  transform: scale(1.05);
}
body.mix-site .mix-radio-detail .dj-sidebar-producer-cell__name {
  font-size: 12px;
  font-weight: 560;
  color: rgba(255, 255, 255, 0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mix-site .mix-radio-detail .dj-sidebar-producer-cell:hover .dj-sidebar-producer-cell__name {
  color: var(--mix-accent, #3b82f6);
}
body.mix-site .mix-radio-detail .dj-sidebar-producer-hot {
  position: absolute;
  left: 6px;
  bottom: 6px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
}

@media (max-width: 767.98px) {
  body.mix-site .mix-radio-detail .mix-rd-studio__inner {
    grid-template-columns: 120px minmax(0, 1fr);
    grid-template-areas:
      "side body"
      "acts acts";
    gap: 12px;
    padding: 14px;
  }
  body.mix-site .mix-radio-detail .mix-rd-studio__side {
    width: 120px;
  }
  body.mix-site .mix-radio-detail .mix-rd-studio__cover,
  body.mix-site .mix-radio-detail .list-cover {
    width: 120px;
    height: 120px;
  }
  body.mix-site .mix-radio-detail .mix-rd-studio__body {
    min-height: 0;
  }
  body.mix-site .mix-radio-detail .dj-radio-btn {
    padding: 10px 6px;
    font-size: 12px;
    gap: 5px;
  }
  body.mix-site .mix-radio-detail .list-title {
    font-size: 18px;
  }
  body.mix-site .mix-radio-detail .list-description {
    padding: 0 14px 14px;
  }
}

/* ========== 会员中心全页统一 ========== */
body.mix-site.member-layout .mix-member-content,
body.mix-site.member-layout .dj-member-page {
  color: #d1d1d1;
}
body.mix-site.member-layout .offcanvas.dj-offcanvas {
  background: #0d0d0d !important;
  color: #d1d1d1;
}
body.mix-site.member-layout .offcanvas-header {
  border-color: #222 !important;
}
body.mix-site.member-layout .offcanvas-title {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .btn-close {
  filter: invert(1) grayscale(1);
}

/* 侧栏主题色选中（压过旧彩虹 !important） */
body.mix-site.member-layout .xiu-mnav-link.is-active,
body.mix-site.member-layout .xiu-mnav-link.is-active[data-nav],
body.mix-site.member-layout .xiu-mnav-link.is-active[data-nav="account"] {
  color: var(--mix-accent) !important;
  background: rgba(var(--mix-accent-rgb), 0.14) !important;
  background-color: rgba(var(--mix-accent-rgb), 0.14) !important;
}
body.mix-site.member-layout .xiu-mnav-link.is-active > .xiu-nav-rail,
body.mix-site.member-layout .xiu-mnav-link.is-active[data-nav="account"] > .xiu-nav-rail {
  background: var(--mix-accent) !important;
  opacity: 1 !important;
}
body.mix-site.member-layout .xiu-mnav-link.is-active .xiu-nav-label,
body.mix-site.member-layout .xiu-mnav-link.is-active .xiu-nav-ico .bi {
  color: var(--mix-accent) !important;
}

/* 卡片 / Hero / Section */
body.mix-site.member-layout .dj-member-page .card,
body.mix-site.member-layout .dj-account-card,
body.mix-site.member-layout .dj-section-card,
body.mix-site.member-layout .dj-music-index-hero,
body.mix-site.member-layout .dj-member-hero,
body.mix-site.member-layout .dj-account-panel,
body.mix-site.member-layout .section-card {
  background: var(--mix-surface-2) !important;
  border: 1px solid var(--mix-border) !important;
  border-radius: var(--mix-radius-lg) !important;
  color: var(--mix-text);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03);
  overflow: hidden;
}
body.mix-site.member-layout .mainct {
  margin: 0;
  padding: 0;
}
body.mix-site.member-layout .dj-follow-card__head,
body.mix-site.member-layout .dj-account-panel__head {
  border-bottom: 1px solid var(--mix-border);
  padding: var(--mix-space-2) var(--mix-space-3);
}
body.mix-site.member-layout .dj-follow-card__title,
body.mix-site.member-layout .dj-account-panel__title,
body.mix-site.member-layout .dj-member-page h1,
body.mix-site.member-layout .dj-member-page h2,
body.mix-site.member-layout .dj-member-page h3 {
  color: #fff !important;
}
body.mix-site.member-layout .dj-follow-card__title .bi,
body.mix-site.member-layout .dj-account-panel__title .bi,
body.mix-site.member-layout .dj-member-page h1 .bi {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-follow-card__more,
body.mix-site.member-layout .dj-account-panel__head-link,
body.mix-site.member-layout .text-primary {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .text-muted,
body.mix-site.member-layout .small.text-muted {
  color: #8b8b8b !important;
}
body.mix-site.member-layout .dj-follow-card__empty,
body.mix-site.member-layout .dj-music-index-empty {
  color: #666;
  text-align: center;
  padding: 28px 12px;
}
body.mix-site.member-layout .dj-music-index-empty .bi {
  font-size: 2rem;
  color: #444;
  display: block;
  margin-bottom: 8px;
}

/* 关注条目 */
body.mix-site.member-layout .dj-follow-card__body {
  display: flex;
  flex-direction: column;
  gap: var(--mix-space-2);
  padding: var(--mix-space-2) var(--mix-space-3) var(--mix-space-3);
}
body.mix-site.member-layout .dj-follow-item,
body.mix-site.member-layout .guanzhu {
  display: flex;
  align-items: center;
  gap: var(--mix-space-2);
  padding: var(--mix-space-2) var(--mix-space-2);
  border-radius: var(--mix-radius);
  text-decoration: none !important;
  color: inherit;
  transition: background .15s ease;
}
body.mix-site.member-layout .dj-follow-item:hover,
body.mix-site.member-layout .guanzhu:hover {
  background: rgba(var(--mix-accent-rgb), 0.06);
}
body.mix-site.member-layout .dj-follow-item__cover,
body.mix-site.member-layout .guanzhu .gzimg {
  width: 48px;
  height: 48px;
  border-radius: var(--mix-radius);
  object-fit: cover;
  background: #222;
  border: 1px solid #2a2a2a;
  flex-shrink: 0;
}
body.mix-site.member-layout .dj-follow-item__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.mix-site.member-layout .dj-follow-item__title,
body.mix-site.member-layout .guanzhu a {
  color: #e8e8e8 !important;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mix-site.member-layout .dj-follow-item:hover .dj-follow-item__title {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-follow-item__meta {
  color: #888;
  font-size: 12px;
}

/* Tabs */
body.mix-site.member-layout .dj-page-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mix-space-2);
  margin-bottom: var(--mix-space-3);
}
body.mix-site.member-layout .dj-page-tabs a {
  display: inline-flex;
  align-items: center;
  padding: var(--mix-space-1) 14px;
  border-radius: var(--mix-radius);
  background: var(--mix-surface-3);
  border: 1px solid var(--mix-border-strong);
  color: #bbb !important;
  text-decoration: none !important;
  font-size: 13px;
}
body.mix-site.member-layout .dj-page-tabs a.is-active,
body.mix-site.member-layout .dj-page-tabs a:hover {
  background: linear-gradient(135deg, var(--mix-accent), var(--mix-accent-secondary));
  border-color: var(--mix-accent);
  color: var(--mix-on-accent) !important;
  font-weight: 600;
}
body.mix-site.member-layout .nav-tabs {
  border-color: #2a2a2a !important;
}
body.mix-site.member-layout .nav-tabs .nav-link {
  color: #aaa !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
}
body.mix-site.member-layout .nav-tabs .nav-link.active {
  color: var(--mix-accent) !important;
  border-bottom-color: var(--mix-accent) !important;
  background: transparent !important;
}
body.mix-site.member-layout .nav-pills .nav-link {
  color: #bbb;
  background: #222;
  border: 1px solid #333;
}
body.mix-site.member-layout .nav-pills .nav-link.active {
  background: linear-gradient(135deg, var(--mix-accent), var(--mix-accent-secondary)) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}

/* 表单 */
body.mix-site.member-layout .form-control,
body.mix-site.member-layout .form-select,
body.mix-site.member-layout input[type="text"],
body.mix-site.member-layout input[type="password"],
body.mix-site.member-layout input[type="email"],
body.mix-site.member-layout input[type="number"],
body.mix-site.member-layout input[type="tel"],
body.mix-site.member-layout textarea {
  background: #2d2d2d !important;
  border: 1px solid #444 !important;
  color: #fff !important;
  border-radius: 8px !important;
}
body.mix-site.member-layout .form-control:focus,
body.mix-site.member-layout .form-select:focus,
body.mix-site.member-layout input:focus,
body.mix-site.member-layout textarea:focus {
  border-color: var(--mix-accent) !important;
  box-shadow: 0 0 0 0.15rem rgba(var(--mix-accent-rgb), 0.2) !important;
}
body.mix-site.member-layout .form-label,
body.mix-site.member-layout label {
  color: #aaa;
}
body.mix-site.member-layout .list-group-item {
  background: transparent !important;
  border-color: #2a2a2a !important;
  color: #d1d1d1;
}
body.mix-site.member-layout .list-group-item:hover {
  background: rgba(var(--mix-accent-rgb), 0.05) !important;
}

/* 表格 / 列表行 */
body.mix-site.member-layout .table {
  --bs-table-bg: transparent;
  --bs-table-color: #d1d1d1;
  --bs-table-border-color: #2a2a2a;
  --bs-table-striped-bg: rgba(255, 255, 255, 0.02);
  --bs-table-hover-bg: rgba(var(--mix-accent-rgb), 0.05);
}
body.mix-site.member-layout .table > :not(caption) > * > * {
  background: transparent;
  color: #d1d1d1;
  border-bottom-color: #2a2a2a;
}
body.mix-site.member-layout .table thead th {
  color: #999;
  font-weight: 600;
  font-size: 13px;
  border-bottom: 1px solid #333 !important;
}
body.mix-site.member-layout .dj-member-row-item,
body.mix-site.member-layout .dj-member-order-item {
  border-bottom: 1px solid #222;
  background: transparent;
}
body.mix-site.member-layout .dj-member-row-item:hover,
body.mix-site.member-layout .dj-member-order-item:hover {
  background: rgba(var(--mix-accent-rgb), 0.04);
}
body.mix-site.member-layout .dj-member-row-item__title,
body.mix-site.member-layout .dj-member-order-item__title {
  color: #e8e8e8 !important;
}
body.mix-site.member-layout .dj-member-row-item__title:hover,
body.mix-site.member-layout .dj-member-order-item__title:hover {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-member-order-item__amount em {
  color: var(--mix-accent);
  font-style: normal;
  font-weight: 700;
}

/* 按钮 */
body.mix-site.member-layout .btn-dj,
body.mix-site.member-layout .btn-primary,
body.mix-site.member-layout .btn-success {
  background: linear-gradient(135deg, var(--mix-accent), var(--mix-accent-secondary)) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
  font-weight: 600;
}
body.mix-site.member-layout .btn-outline-secondary,
body.mix-site.member-layout .btn-outline-primary {
  border-color: #444 !important;
  color: #ccc !important;
  background: transparent !important;
}
body.mix-site.member-layout .btn-outline-secondary:hover,
body.mix-site.member-layout .btn-outline-primary:hover {
  border-color: var(--mix-accent) !important;
  color: var(--mix-accent) !important;
  background: rgba(var(--mix-accent-rgb), 0.08) !important;
}
body.mix-site.member-layout .btn-outline-danger {
  border-color: #664444 !important;
  color: #f87171 !important;
}
body.mix-site.member-layout .btn-danger {
  background: #b91c1c !important;
  border-color: #b91c1c !important;
}

/* Badge / VIP / 账户芯片 */
body.mix-site.member-layout .dj-account-chip--vip,
body.mix-site.member-layout .dj-account-chip--charge,
body.mix-site.member-layout .dj-account-chip--sign {
  border: 1px solid rgba(var(--mix-accent-rgb), 0.35);
  background: rgba(var(--mix-accent-rgb), 0.1);
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-account-chip--stat em {
  color: var(--mix-accent);
  font-style: normal;
}
body.mix-site.member-layout .dj-account-avatar__vip {
  background: linear-gradient(135deg, var(--mix-accent), var(--mix-accent-secondary));
  color: var(--mix-on-accent);
}
body.mix-site.member-layout .dj-account-avatar__vip--steward {
  background: linear-gradient(135deg, var(--mix-accent), var(--mix-accent-secondary));
  color: var(--mix-on-accent);
}
body.mix-site.member-layout .badge.text-bg-primary {
  background: rgba(var(--mix-accent-rgb), 0.2) !important;
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .badge.text-bg-secondary {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #bbb !important;
}
body.mix-site.member-layout .badge.text-bg-success,
body.mix-site.member-layout .badge.bg-success {
  background: rgba(var(--mix-accent-rgb), 0.2) !important;
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-theme-accent {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-member-follow-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
  padding: 12px 14px 16px;
}
body.mix-site.member-layout .dj-member-follow-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #222;
  border-radius: 10px;
  background: #161616;
}
body.mix-site.member-layout .dj-member-follow-card:hover {
  border-color: rgba(var(--mix-accent-rgb), 0.35);
  background: rgba(var(--mix-accent-rgb), 0.04);
}
body.mix-site.member-layout .dj-member-follow-card__cover {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  object-fit: cover;
  background: #222;
}
body.mix-site.member-layout .dj-member-follow-card__title {
  color: #e8e8e8 !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.mix-site.member-layout .dj-member-follow-card__title:hover {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-member-follow-card__meta {
  color: #888;
  font-size: 12px;
}
body.mix-site.member-layout .dj-member-follow-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-bottom: 1px solid #222;
}
body.mix-site.member-layout .badge.text-bg-warning {
  background: rgba(var(--mix-accent-rgb), 0.18) !important;
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .badge.text-bg-danger {
  background: rgba(248, 113, 113, 0.18) !important;
  color: #f87171 !important;
}
body.mix-site.member-layout .text-success,
body.mix-site.member-layout .text-success *,
body.mix-site.member-layout strong.text-success,
body.mix-site.member-layout .fw-semibold.text-success,
body.mix-site.member-layout .text-primary {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .text-danger {
  color: #f87171 !important;
}
body.mix-site.member-layout .alert {
  background: #1c1c1c;
  border: 1px solid #333;
  color: #ccc;
}
body.mix-site.member-layout .alert-success {
  border-color: rgba(var(--mix-accent-rgb), 0.35);
  color: #fde68a;
  background: rgba(var(--mix-accent-rgb), 0.08);
}
body.mix-site.member-layout .alert-warning {
  border-color: rgba(var(--mix-accent-rgb), 0.35);
  color: #fde68a;
}
body.mix-site.member-layout .pagination .page-link {
  background: #2d2d2d;
  border-color: #444;
  color: #ddd;
}
body.mix-site.member-layout .pagination .active .page-link {
  background: var(--mix-accent);
  border-color: var(--mix-accent);
  color: var(--mix-on-accent);
}

/* Auth 页接入 mix（旧布局）；新分栏页不改写站点背景 */
body.mix-site.dj-auth-page:not(.mix-auth-page),
body.mix-site.dj-auth:not(.mix-auth-page) {
  background: #1a1a1a !important;
  color: #d1d1d1;
}
body.mix-site.mix-auth-page.dj-auth-page,
body.mix-site.mix-auth-page.dj-auth {
  background: transparent !important;
  color: inherit;
}
body.mix-site.dj-auth-page .dj-auth-header {
  background: #0d0d0d !important;
  border-color: #222 !important;
}
body.mix-site.dj-auth-page .dj-auth-page-title {
  color: var(--mix-accent) !important;
}
body.mix-site.dj-auth-page .dj-card,
body.mix-site.dj-auth-page .card {
  background: #0d0d0d !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 12px !important;
  color: #d1d1d1;
}
body.mix-site.dj-auth-page .dj-auth-tabs .nav-link {
  background: #222 !important;
  border: 1px solid #333 !important;
  color: #bbb !important;
  border-radius: 999px !important;
  margin: 0 4px;
}
body.mix-site.dj-auth-page .dj-auth-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--mix-accent), var(--mix-accent-secondary)) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}
body.mix-site.dj-auth-page .form-control,
body.mix-site.dj-auth-page input[type="text"],
body.mix-site.dj-auth-page input[type="password"] {
  background: #2d2d2d !important;
  border: 1px solid #444 !important;
  color: #fff !important;
}
body.mix-site.dj-auth-page .btn-dj,
body.mix-site.dj-auth-page .btn-primary {
  background: linear-gradient(135deg, var(--mix-accent), var(--mix-accent-secondary)) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}
body.mix-site.dj-auth-page .btn-outline-secondary {
  border-color: #444 !important;
  color: #ccc !important;
}

@media (max-width: 991.98px) {
  body.mix-site.member-layout .mix-member-container.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
  body.mix-site.member-layout .mix-member-content {
    padding: 0 12px;
  }
  body.mix-site.member-layout .mix-member-nav-card {
    position: static;
  }
}

/* ========== 手机端内容区 ========== */
@media (max-width: 767.98px) {
  html,
  body.mix-site {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }
  /* 顶栏全局为 sticky（占文档流）；勿再改 fixed + 叠 56px，否则标题上方大块空白 */
  html body.mix-site > header.header-main,
  html body.mix-site header.header-main,
  html body.mix-site .header-main {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 1002 !important;
    border-top: none !important;
    box-shadow: none !important;
    background: var(--mix-canvas) !important;
  }
  html body.mix-site .site-main,
  html body.mix-site.member-layout .site-main.mix-member-main {
    padding-top: 0 !important;
  }
  body.mix-site .header-top a.header-btn,
  body.mix-site .header-top button.header-btn,
  body.mix-site .header-top a.mix-nav-desktop-only,
  body.mix-site .header-top button.mix-nav-desktop-only {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.mix-site .container,
  body.mix-site .mix-page-wrap > .container,
  body.mix-site .mix-member-container.container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body.mix-site header.header-main,
  body.mix-site .header-main {
    padding: 0 !important;
    margin: 0 !important;
  }
  body.mix-site .header-top {
    padding: 0 !important;
    margin: 0 !important;
  }
  body.mix-site .header-top .container {
    padding: 6px 8px !important;
    margin: 0 auto !important;
  }
  body.mix-site .mix-logo-img,
  body.mix-site .header-main .logo img {
    height: 32px !important;
  }
  body.mix-site .mix-footer .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body.mix-site .mix-footer-links {
    font-size: 12px;
    gap: 4px 6px !important;
  }
  body.mix-site .section,
  body.mix-site .xiu-home-block,
  body.mix-site .page-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html body.mix-site .mix-breadcrumb-bar,
  html body.mix-site .xiu-breadcrumb,
  html body.mix-site .dj-breadcrumb,
  html body.mix-site nav[aria-label="breadcrumb"] {
    display: none !important;
  }
  body.mix-site img,
  body.mix-site video,
  body.mix-site iframe,
  body.mix-site table {
    max-width: 100%;
  }
  body.mix-site .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* 会员页手机端 */
  body.mix-site.member-layout .mix-member-layout {
    grid-template-columns: 1fr !important;
    gap: 10px;
  }
  body.mix-site.member-layout .dj-account-panel__hero,
  body.mix-site.member-layout .dj-charge-hero,
  body.mix-site.member-layout .dj-vip-hero {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  body.mix-site.member-layout .dj-account-panel__metrics {
    gap: 8px !important;
  }
  body.mix-site.member-layout .dj-account-chip {
    font-size: 12px !important;
  }
  body.mix-site.member-layout .dj-page-tabs {
    gap: 6px;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
  }
  body.mix-site.member-layout .dj-page-tabs a {
    white-space: nowrap;
    flex-shrink: 0;
  }
  body.mix-site.member-layout .dj-charge-presets {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.mix-site.member-layout .dj-charge-form__meta {
    grid-template-columns: 1fr !important;
  }
  body.mix-site.member-layout .dj-vip-plans {
    grid-template-columns: 1fr !important;
  }
  body.mix-site.member-layout .dj-music-index-item__actions {
    flex-wrap: wrap;
  }
  body.mix-site.member-layout .header-user-dropdown .xiu-user-menu {
    right: 0;
    left: auto;
    min-width: 150px;
  }
}

@media (max-width: 575.98px) {
  body.mix-site .card-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  body.mix-site .section-title h2,
  body.mix-site .xiu-home-sole-title {
    font-size: 16px !important;
  }
  body.mix-site.member-layout .dj-music-index-hero h1,
  body.mix-site.member-layout .dj-member-hero h1,
  body.mix-site.member-layout .dj-account-panel__title {
    font-size: 1.05rem !important;
  }
  body.mix-site.member-layout .btn-dj,
  body.mix-site.member-layout .btn-sm {
    font-size: 12px;
  }
}

/* ========== 会员子页统一主题色（充值 / VIP / 我的音乐等 · v14） ========== */
body.mix-site.member-layout {
  --dj-primary: var(--mix-accent);
  --dj-primary-hover: var(--mix-accent-hover);
  --dj-primary-soft: rgba(var(--mix-accent-rgb), 0.12);
  --dj-primary-muted: var(--mix-accent-muted);
  --xiu-green: var(--mix-accent);
  --dj-surface: var(--mix-surface);
  --dj-surface-2: var(--mix-surface-3);
  --dj-card-bg: var(--mix-surface-2);
  --dj-border: var(--mix-border);
  --dj-text: #d1d1d1;
  --dj-text-muted: #8b8b8b;
  --bs-primary: var(--mix-accent);
  --bs-primary-rgb: var(--mix-accent-rgb);
  --bs-success: var(--mix-accent);
  --bs-success-rgb: var(--mix-accent-rgb);
}

/* 通用卡片头 / 浅底残留 */
body.mix-site.member-layout .card-header,
body.mix-site.member-layout .dj-charge-pay-wrap > .card-header {
  background: #161616 !important;
  border-bottom: 1px solid #222 !important;
  color: #fff !important;
}
body.mix-site.member-layout .card-header .bi {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .btn-outline-primary {
  border-color: rgba(var(--mix-accent-rgb), 0.45) !important;
  color: var(--mix-accent) !important;
  background: transparent !important;
}
body.mix-site.member-layout .btn-outline-primary:hover {
  background: rgba(var(--mix-accent-rgb), 0.12) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-accent) !important;
}

/* —— 充值页：绿 → 金 —— */
body.mix-site.member-layout .dj-charge-page .dj-charge-pay-wrap {
  border-color: #222 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}
body.mix-site.member-layout .dj-charge-pay__tabs {
  border-color: #333 !important;
  background: #161616 !important;
  border-radius: 8px !important;
}
body.mix-site.member-layout .dj-charge-pay__tab-list .payboxoff,
body.mix-site.member-layout .dj-charge-pay__tab-list .payboxon {
  background: #222 !important;
  border-color: #444 !important;
  color: #ddd !important;
  border-radius: 6px !important;
}
body.mix-site.member-layout .dj-charge-pay__tab-list .payboxoff:hover {
  border-color: rgba(var(--mix-accent-rgb), 0.5) !important;
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-charge-pay__tab-list .payboxon {
  border-color: var(--mix-accent) !important;
  background: rgba(var(--mix-accent-rgb), 0.14) !important;
  color: var(--mix-accent) !important;
  box-shadow: none !important;
}
body.mix-site.member-layout .dj-charge-amount-block {
  border-color: #333 !important;
  background: #161616 !important;
  border-radius: 8px !important;
}
body.mix-site.member-layout .dj-charge-preset {
  background: #222 !important;
  border-color: #444 !important;
  color: #ddd !important;
  border-radius: 6px !important;
}
body.mix-site.member-layout .dj-charge-preset:hover {
  border-color: rgba(var(--mix-accent-rgb), 0.5) !important;
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-charge-preset.is-active {
  border-color: var(--mix-accent) !important;
  background: rgba(var(--mix-accent-rgb), 0.14) !important;
  color: var(--mix-accent) !important;
  box-shadow: none !important;
}
body.mix-site.member-layout .dj-charge-amount__field {
  border-color: #444 !important;
  background: #222 !important;
}
body.mix-site.member-layout .dj-charge-amount__field:focus-within {
  border-color: var(--mix-accent) !important;
  box-shadow: 0 0 0 0.15rem rgba(var(--mix-accent-rgb), 0.2) !important;
}
body.mix-site.member-layout .dj-charge-amount__input {
  color: var(--mix-accent) !important;
  background: transparent !important;
}
body.mix-site.member-layout .dj-charge-form__meta-item {
  background: #1a1a1a !important;
  border-color: #333 !important;
}
body.mix-site.member-layout .dj-charge-form__title,
body.mix-site.member-layout .dj-charge-form__meta-value,
body.mix-site.member-layout .dj-charge-form__channel {
  color: #e8e8e8 !important;
}
body.mix-site.member-layout .dj-charge-form__help,
body.mix-site.member-layout .dj-charge-form__help.payhelp {
  background: #161616 !important;
  border: 1px solid #292929 !important;
  border-radius: 8px !important;
  color: #999 !important;
}
body.mix-site.member-layout .dj-charge-form__help strong {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-charge-hero__tip {
  background: rgba(var(--mix-accent-rgb), 0.06) !important;
  border: 1px solid rgba(var(--mix-accent-rgb), 0.22) !important;
  border-radius: 8px !important;
}
body.mix-site.member-layout .dj-charge-hero__tip-text .bi,
body.mix-site.member-layout .dj-charge-hero__tip-btn {
  color: var(--mix-accent) !important;
  border-color: rgba(var(--mix-accent-rgb), 0.4) !important;
}
body.mix-site.member-layout .dj-charge-hero__tip-btn:hover {
  background: rgba(var(--mix-accent-rgb), 0.12) !important;
}
body.mix-site.member-layout .dj-charge-page .dj-account-panel__metrics > .dj-account-chip--stat em,
body.mix-site.member-layout .dj-charge-page .dj-account-chip--stat em {
  color: var(--mix-accent) !important;
}

/* 支付弹层暗色 */
body.mix-site.member-layout .dj-pay-qr-dialog,
.dj-pay-qr-dialog {
  background: #0d0d0d !important;
  color: #ddd !important;
  border: 1px solid #333;
}
.dj-pay-qr-dialog .dj-pay-qr-close { color: #999 !important; }

/* —— VIP 页 —— */
body.mix-site.member-layout .dj-vip-page .dj-vip-plan,
body.mix-site.member-layout .dj-member-form-page .vipboxoff,
body.mix-site.member-layout .dj-member-form-page .vipboxon {
  background: #161616 !important;
  border: 1px solid #333 !important;
  color: #ddd !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.mix-site.member-layout .dj-vip-page .dj-vip-plan.vipboxon,
body.mix-site.member-layout .dj-member-form-page .vipboxon,
body.mix-site.member-layout .dj-vip-pays .vipboxon {
  border-color: var(--mix-accent) !important;
  background: rgba(var(--mix-accent-rgb), 0.1) !important;
  box-shadow: 0 0 0 1px rgba(var(--mix-accent-rgb), 0.2) !important;
}
body.mix-site.member-layout .dj-member-form-page .vipboxon::before {
  border-color: var(--mix-accent) !important;
  background: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-vip-page .dj-vip-plan__price .t1,
body.mix-site.member-layout .dj-member-form-page .vipboxon p .t1,
body.mix-site.member-layout .dj-member-form-page .vipboxoff p .t1 {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-vip-pays .vipboxoff,
body.mix-site.member-layout .dj-vip-pays .vipboxon {
  background: #222 !important;
  border-color: #444 !important;
  color: #ddd !important;
  border-radius: 6px !important;
}
body.mix-site.member-layout .dj-vip-pays .vipboxoff:hover {
  border-color: rgba(var(--mix-accent-rgb), 0.5) !important;
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-vip-renew-banner {
  background: rgba(var(--mix-accent-rgb), 0.08) !important;
  border: 1px solid rgba(var(--mix-accent-rgb), 0.25) !important;
  border-radius: 8px !important;
  color: #ddd !important;
}
body.mix-site.member-layout .dj-vip-hero__tip {
  background: rgba(var(--mix-accent-rgb), 0.06) !important;
  border: 1px solid rgba(var(--mix-accent-rgb), 0.22) !important;
  border-radius: 8px !important;
}
body.mix-site.member-layout .dj-vip-hero__tip-text .bi,
body.mix-site.member-layout .dj-vip-hero__tip-btn,
body.mix-site.member-layout .dj-vip-renew-banner__text .bi {
  color: var(--mix-accent) !important;
}

/* —— 我的音乐 / 列表页 —— */
body.mix-site.member-layout .dj-music-index-hero.card,
body.mix-site.member-layout .dj-member-hero.card {
  background: #0d0d0d !important;
  border: 1px solid #222 !important;
  border-radius: 8px !important;
}
body.mix-site.member-layout .dj-music-index-hero > .card-body,
body.mix-site.member-layout .dj-member-hero > .card-body {
  background: transparent !important;
  color: #d1d1d1 !important;
}
body.mix-site.member-layout .dj-music-index-hero h1,
body.mix-site.member-layout .dj-member-hero h1 {
  color: #fff !important;
}
body.mix-site.member-layout .dj-music-index-hero h1 .bi,
body.mix-site.member-layout .dj-member-hero h1 .bi {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-member-page .dj-music-index-hero .btn-dj,
body.mix-site.member-layout .dj-member-page .dj-music-index-empty .btn-dj,
body.mix-site.member-layout .dj-music-index-page .btn-dj {
  background: linear-gradient(135deg, var(--mix-accent), var(--mix-accent-secondary)) !important;
  color: var(--mix-on-accent) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
body.mix-site.member-layout .dj-music-stat-chip {
  background: #222 !important;
  border: 1px solid #333 !important;
  color: #bbb !important;
  border-radius: 6px !important;
  text-decoration: none !important;
}
body.mix-site.member-layout .dj-music-stat-chip:hover,
body.mix-site.member-layout .dj-music-stat-chip.is-active {
  background: rgba(var(--mix-accent-rgb), 0.12) !important;
  border-color: rgba(var(--mix-accent-rgb), 0.4) !important;
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-music-stat-chip em,
body.mix-site.member-layout .dj-music-stat-chip.is-active em,
body.mix-site.member-layout .dj-music-stat-chip.is-active .bi {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-music-index-list-head {
  border-bottom: 1px solid var(--mix-border);
  color: #888;
  background: var(--mix-surface);
}
body.mix-site.member-layout .dj-music-index-item {
  border-bottom: 1px solid #222 !important;
  background: transparent !important;
}
body.mix-site.member-layout .dj-music-index-item:hover {
  background: rgba(var(--mix-accent-rgb), 0.04) !important;
}
body.mix-site.member-layout .dj-music-index-item__title {
  color: #e8e8e8 !important;
}
body.mix-site.member-layout .dj-music-index-item__title:hover {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-music-index-item__genre {
  color: #aaa !important;
  background: #222 !important;
  border-radius: 4px;
}
body.mix-site.member-layout .dj-music-index-item__genre:hover {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-music-index-act {
  color: #aaa !important;
  text-decoration: none !important;
}
body.mix-site.member-layout .dj-music-index-act:hover {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-music-index-item__cover {
  background: #222;
  border-radius: 6px;
  overflow: hidden;
}
body.mix-site.member-layout .dj-music-index-count em {
  color: var(--mix-accent) !important;
  font-style: normal;
}
body.mix-site.member-layout .dj-member-summary {
  background: var(--mix-surface-2) !important;
  border: 1px solid var(--mix-border) !important;
  border-radius: var(--mix-radius-lg) !important;
  color: var(--mix-text-muted) !important;
  padding: var(--mix-space-2) var(--mix-space-3) !important;
  gap: var(--mix-space-2) var(--mix-space-3) !important;
}
body.mix-site.member-layout .list_split_page_user .btn-outline-primary,
body.mix-site.member-layout .list_split_page_user a {
  color: #ccc;
}
body.mix-site.member-layout .dj-member-down-item,
body.mix-site.member-layout .songItem {
  border-bottom: 1px solid #222;
  background: transparent;
}
body.mix-site.member-layout .song-title {
  color: #e8e8e8 !important;
}
body.mix-site.member-layout .song-title:hover {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .song-more-action {
  color: #aaa !important;
}
body.mix-site.member-layout .song-more-action:hover {
  color: var(--mix-accent) !important;
}

/* 上传页表格（走主题变量，深浅色自动切换） */
body.mix-site.member-layout .dj-music-upload .table,
body.mix-site.member-layout .dj-music-upload .files {
  color: var(--mix-text);
}
body.mix-site.member-layout .dj-music-upload .table td,
body.mix-site.member-layout .dj-music-upload .table th {
  border-color: var(--mix-border) !important;
  background: transparent !important;
  color: var(--mix-text);
}

/* 总管「归属信息」：嵌套面/输入/提示一律用 --mix-*，禁止写死深色 */
body.mix-site.member-layout .dj-music-upload .dj-steward-field {
  background: var(--mix-surface-3) !important;
  border: 1px solid var(--mix-border) !important;
  color: var(--mix-text);
}
body.mix-site.member-layout .dj-music-upload .dj-steward-field label {
  color: var(--mix-text-muted) !important;
}
body.mix-site.member-layout .dj-music-upload .dj-steward-field .form-text {
  color: var(--mix-text-faint) !important;
}
body.mix-site.member-layout .dj-music-upload .dj-steward-field .form-control {
  background: var(--mix-surface) !important;
  border-color: var(--mix-border-strong) !important;
  color: var(--mix-text) !important;
}
body.mix-site.member-layout .dj-music-upload .dj-steward-field .form-control:focus {
  background: var(--mix-surface) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-text) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--mix-accent-rgb), 0.18) !important;
}
body.mix-site.member-layout .dj-music-upload .dj-steward-field .form-control::placeholder {
  color: var(--mix-text-faint) !important;
  opacity: 1;
}
body.mix-site.member-layout .dj-music-upload .dj-artist-suggest-list {
  background: var(--mix-surface) !important;
  border-color: var(--mix-border-strong) !important;
  color: var(--mix-text) !important;
}
body.mix-site.member-layout .dj-music-upload .dj-artist-suggest-list li:hover,
body.mix-site.member-layout .dj-music-upload .dj-artist-suggest-list li.is-on {
  background: rgba(var(--mix-accent-rgb), 0.12) !important;
}
body.mix-site.member-layout .dj-music-upload .dj-artist-suggest-list .muted {
  color: var(--mix-text-muted) !important;
}
body.mix-site.member-layout .dj-music-upload .up-row-artist {
  background: var(--mix-surface) !important;
  border-color: var(--mix-border-strong) !important;
  color: var(--mix-text) !important;
}
body.mix-site.member-layout .dj-music-upload .up-genre-chip {
  background: var(--mix-surface-3) !important;
  border-color: var(--mix-border) !important;
  color: var(--mix-text-muted) !important;
}
body.mix-site.member-layout .dj-music-upload .up-genre-chip.is-on {
  background: rgba(var(--mix-accent-rgb), 0.18) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-accent) !important;
}

/* 收藏 / 订单等列表行统一 */
body.mix-site.member-layout .dj-member-list-page .card-body,
body.mix-site.member-layout .dj-member-form-page .card-body {
  background: transparent !important;
  color: #d1d1d1;
}

/* ========== 全域去绿（账号安全 / 绑定 / 设置等 · v15） ========== */
body.mix-site.member-layout .dj-section-card > .card-body > .card,
body.mix-site.member-layout .dj-member-form-page .card .card {
  background: var(--mix-surface-3) !important;
  border: 1px solid var(--mix-border) !important;
  border-radius: var(--mix-radius) !important;
  color: var(--mix-text);
  box-shadow: none !important;
}
body.mix-site.member-layout .card.border-danger {
  border-color: rgba(248, 113, 113, 0.45) !important;
  background: #161616 !important;
}
body.mix-site.member-layout .dj-member-form-page a:not(.btn):not(.nav-link):not(.page-link):not(.dj-music-index-item__title):not(.dj-member-row-item__title),
body.mix-site.member-layout .dj-member-list-page a:not(.btn):not(.nav-link):not(.page-link):not(.dj-music-index-item__title):not(.dj-member-row-item__title):not(.dj-follow-item):not(.dj-member-follow-card__title) {
  color: #ccc;
}
body.mix-site.member-layout .dj-member-form-page a:not(.btn):not(.nav-link):not(.page-link):hover,
body.mix-site.member-layout .dj-member-list-page a:not(.btn):not(.nav-link):not(.page-link):hover {
  color: var(--mix-accent) !important;
}

/* Bootstrap / beautify 残留绿字、绿边、绿底 */
body.mix-site.member-layout .text-success,
body.mix-site.member-layout .link-success,
body.mix-site.member-layout .regsuccess,
body.mix-site.member-layout [style*="color:#39d353"],
body.mix-site.member-layout [style*="color: #39d353"],
body.mix-site.member-layout [style*="color:#39D353"],
body.mix-site.member-layout [style*="#00cc00"],
body.mix-site.member-layout [style*="#4caf50"],
body.mix-site.member-layout [style*="#28a745"] {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .border-success {
  border-color: rgba(var(--mix-accent-rgb), 0.45) !important;
}
body.mix-site.member-layout .bg-success,
body.mix-site.member-layout .btn-success,
body.mix-site.member-layout .btn-outline-success {
  background: linear-gradient(135deg, var(--mix-accent), var(--mix-accent-secondary)) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}
body.mix-site.member-layout .btn-outline-success {
  background: transparent !important;
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .btn-outline-success:hover {
  background: rgba(var(--mix-accent-rgb), 0.12) !important;
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .form-check-input:checked {
  background-color: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
}
body.mix-site.member-layout .progress-bar,
body.mix-site.member-layout .progress-bar.bg-success {
  background: linear-gradient(90deg, var(--mix-accent), var(--mix-accent-secondary)) !important;
}
body.mix-site.member-layout .list-group-item-success {
  background: rgba(var(--mix-accent-rgb), 0.1) !important;
  color: var(--mix-accent) !important;
  border-color: rgba(var(--mix-accent-rgb), 0.25) !important;
}

/* hero 标题图标统一金 */
body.mix-site.member-layout .dj-music-index-hero h1 .bi,
body.mix-site.member-layout .dj-member-hero h1 .bi,
body.mix-site.member-layout .dj-follow-card__title .bi,
body.mix-site.member-layout .dj-account-panel__title .bi {
  color: var(--mix-accent) !important;
}

/* 覆盖仍写死绿的 beautify 选择器（会员布局内） */
body.mix-site.member-layout .dj-charge-page .dj-account-panel__metrics > .dj-account-chip--stat .bi,
body.mix-site.member-layout .dj-charge-page .dj-account-panel__metrics > .dj-account-chip--stat em,
body.mix-site.member-layout .dj-vip-page .dj-account-panel__metrics > .dj-account-chip--stat em,
body.mix-site.member-layout .dj-account-chip--stat em,
body.mix-site.member-layout .dj-account-chip--stat .bi {
  color: var(--mix-accent) !important;
}
body.mix-site.member-layout .dj-account-chip--vip,
body.mix-site.member-layout .dj-account-chip--charge,
body.mix-site.member-layout .dj-account-chip--sign:not(.is-done) {
  color: var(--mix-accent) !important;
  border-color: rgba(var(--mix-accent-rgb), 0.4) !important;
}

/* ========== 手机顶栏：去顶线 + 隐藏上传/独家（最终兜底） ========== */
@media (max-width: 991.98px) {
  html,
  body.mix-site,
  body.mix-site.member-layout {
    background: var(--mix-canvas) !important;
  }
  body.mix-site .header-main,
  body.mix-site .header-top,
  body.mix-site .header-nav {
    border-top: 0 !important;
    outline: 0 !important;
    background: var(--mix-canvas) !important;
  }
  body.mix-site .header-main {
    box-shadow: none !important;
  }
  body.mix-site .header-top a.header-btn,
  body.mix-site .header-top button.header-btn,
  body.mix-site .header-top a.mix-nav-desktop-only,
  body.mix-site .header-top button.mix-nav-desktop-only,
  body.mix-site a.header-btn.mix-nav-desktop-only,
  body.mix-site button.header-btn.mix-nav-desktop-only,
  body.mix-site a.header-btn.d-none.d-lg-inline-flex,
  body.mix-site button.header-btn.d-none.d-lg-inline-flex {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }
}

/* 顶栏签到：不覆盖字号（邻钮实际 16px）；仅已签状态 */
body.mix-site .header-top #dj-header-sign-btn.is-done {
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
}

/* 账号页：不显示签到按钮/连续签到文案（功能已迁顶栏） */
body.mix-site.member-layout .dj-account-panel #sign-btn,
body.mix-site.member-layout .dj-account-panel #sign-streak-tip,
body.mix-site.member-layout .dj-account-panel .dj-account-chip--sign,
body.mix-site.member-layout .dj-account-panel .dj-account-sign-tip,
body.mix-site .dj-member-home #sign-btn,
body.mix-site .dj-member-home #sign-streak-tip,
body.mix-site .dj-member-home .dj-account-chip--sign,
body.mix-site .dj-member-page .dj-account-panel #sign-btn,
body.mix-site .dj-member-page .dj-account-panel #sign-streak-tip,
body.mix-site .dj-member-page .dj-account-panel .dj-account-chip--sign {
  display: none !important;
}

/* 兜底：名称条宽度锁在封面内，杜绝全宽黑条 */
html body.mix-site .latest-album-cover {
  position: relative !important;
  overflow: hidden !important;
  width: 64px !important;
  max-width: 64px !important;
  contain: paint !important;
}
html body.mix-site span.latest-album-name {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 64px !important;
  transform: none !important;
}

/* 最终顶栏贴顶兜底（防止其它 CSS 晚加载又加回空隙） */
html body.mix-site > header.header-main {
  padding: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
html body.mix-site > header.header-main > .header-top {
  padding: 0 !important;
  padding-top: 0 !important;
}
@media (max-width: 767.98px) {
  html body.mix-site .header-top > .container,
  html body.mix-site .header-top .container {
    padding: 6px 8px !important;
  }
}

/* ========== 分类页 / 内容页 ========== */
body.mix-site .music-page.page-container,
body.mix-site .page-container.music-detail-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 12px 40px;
}

/* —— 分类筛选 / 排序 / 右侧榜：与左侧栏同表面 —— */
body.mix-site .music-page .filter-box,
body.mix-site .music-page .list-box,
body.mix-site .mix-genre-page .filter-box,
body.mix-site .mix-genre-page .list-box,
body.mix-site .dj-genre-page .xiu-demo-panel,
body.mix-site .dj-genre-page .filter-wrap,
body.mix-site .mix-list-sidebar .rank-section,
body.mix-site .dj-list-sidebar .dj-card-side,
body.mix-site .dj-list-sidebar .dj-sidebar-rank-card,
body.mix-site .xiu-page-sidebar .dj-card-side {
  background: var(--mix-surface) !important;
  border-radius: var(--mix-radius-lg) !important;
  border: 1px solid var(--mix-border) !important;
  box-shadow: none !important;
}
body.mix-site .music-page .filter-box {
  padding: 16px 18px !important;
  margin-bottom: 12px !important;
}
body.mix-site .music-page .mix-page-h1 {
  color: var(--mix-accent) !important;
  border-bottom: 1px solid #333 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
}
body.mix-site .music-page .filter-box .filter-row {
  display: flex !important;
  gap: 12px !important;
  padding: 6px 0 !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1) !important;
  align-items: flex-start !important;
}
body.mix-site .music-page .filter-box .filter-row:last-of-type {
  border-bottom: none !important;
}
body.mix-site .music-page .filter-label {
  width: 30px !important;
  flex: 0 0 auto !important;
  color: #bdbdbd !important;
  font-size: 14px !important;
  line-height: 24px !important;
}
body.mix-site .music-page .filter-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 5px !important;
  align-items: center !important;
  min-width: 0 !important;
}
body.mix-site .music-page .f-item {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  background: transparent !important;
  flex-shrink: 0;
  white-space: nowrap;
}
body.mix-site .music-page .f-item:hover {
  color: var(--mix-accent) !important;
  background: transparent !important;
}
body.mix-site .music-page .f-item.active,
body.mix-site .music-page .f-item.active:hover,
body.mix-site .music-page .f-item.active:link,
body.mix-site .music-page .f-item.active:visited,
body.mix-site #f2.music-page a.f-item.active,
body.mix-site #f2.music-page a.f-item.active.dj-tip,
body.mix-site .dj-page #f2.music-page a.f-item.active,
body.mix-site .dj-xiu #f2.music-page a.f-item.active,
body.mix-site .mix-genre-page .f-item.active,
body.mix-site .mix-genre-page a.f-item.active {
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}
body.mix-site .music-page .sort-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-top: 10px !important;
}
body.mix-site .music-page .sort-tabs .tab,
body.mix-site .dj-page #hothaomenu a.tab,
body.mix-site .dj-page #f2 #hothaomenu a.tab,
body.mix-site .dj-xiu #f2 #hothaomenu a.tab {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  padding: 5px 9px !important;
  border-radius: 4px !important;
  border: none !important;
  background: #2f2f2f !important;
  background-color: #2f2f2f !important;
  width: auto !important;
  height: auto !important;
  float: none !important;
  opacity: 1 !important;
  display: inline-block !important;
}
body.mix-site .music-page .sort-tabs .tab:hover,
body.mix-site .dj-page #hothaomenu a.tab:hover {
  color: var(--mix-accent) !important;
  background: #2f2f2f !important;
  background-color: #2f2f2f !important;
}
body.mix-site .music-page .sort-tabs .tab.active,
body.mix-site .music-page .sort-tabs .tab.active:hover,
body.mix-site .dj-page #hothaomenu a.tab.active,
body.mix-site .dj-page #hothaomenu a.tab.active:hover,
body.mix-site .dj-page #f2 #hothaomenu a.tab.active,
body.mix-site .dj-xiu #f2 #hothaomenu a.tab.active,
body.mix-site .dj-page #hothaomenu a.tab.active.dj-tip,
body.mix-site.dj-xiu.dj-site .dj-page #f2.music-page #hothaomenu.sort-tabs a.tab.active,
body.mix-site .mix-genre-page #hothaomenu a.tab.active,
body.mix-site .mix-genre-page .sort-tabs .tab.active,
body.mix-site .mix-djshow-page .sort-tabs .tab.active,
body.mix-site .mix-djshow-page .sort-tabs .tab.active:hover,
body.mix-site .mix-djshow-page .filter-box .tab.active,
body.mix-site .producer-page .sort-tabs .tab.active {
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
  color: #ffffff !important;
  border: none !important;
  border-bottom: none !important;
}
/* /djshow 三个排序 Tab：压过 mix-live 的 color:gold / background:gold */
body.mix-site .mix-djshow-page .sort-tabs,
body.mix-site .producer-page .sort-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-top: 10px !important;
}
body.mix-site .mix-djshow-page .sort-tabs .tab,
body.mix-site .mix-djshow-page .filter-box .tab,
body.mix-site .producer-page .sort-tabs .tab {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  padding: 5px 9px !important;
  border-radius: 4px !important;
  border: none !important;
  background: #2f2f2f !important;
  background-color: #2f2f2f !important;
}
body.mix-site .mix-djshow-page .sort-tabs .tab:hover,
body.mix-site .mix-djshow-page .filter-box .tab:hover,
body.mix-site .producer-page .sort-tabs .tab:hover {
  color: var(--mix-accent) !important;
  background: #2f2f2f !important;
  background-color: #2f2f2f !important;
}
body.mix-site .mix-djshow-page .sort-tabs .tab:link,
body.mix-site .mix-djshow-page .sort-tabs .tab:visited,
body.mix-site .mix-djshow-page .sort-tabs .tab:active {
  color: #fff !important;
  text-decoration: none !important;
}
body.mix-site .mix-djshow-page .sort-tabs .tab.active:link,
body.mix-site .mix-djshow-page .sort-tabs .tab.active:visited,
body.mix-site .mix-djshow-page .sort-tabs .tab.active:hover {
  color: #ffffff !important;
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
}

/* —— 四列列表 —— */
body.mix-site .music-page .list-box {
  padding: 12px 12px 20px !important;
}
body.mix-site .music-page .list-head {
  position: relative;
  color: #999 !important;
  font-size: 14px !important;
  padding: 5px 15px !important;
  margin: 0 -10px 10px !important;
}
/* 列表字号（防 a.dj-tip inherit 缩小） */
body.mix-site .music-page .list-box,
body.mix-site .music-page #songListContainer,
body.mix-site .music-page .list-row,
body.mix-site .music-page .list-row .mix-col-title,
body.mix-site .music-page .list-row .music-title-with-icon {
  font-size: 14px !important;
}
body.mix-site .music-page .list-head::after {
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: 0;
  height: 2px;
  background: #333 !important;
}
body.mix-site .music-page .list-row {
  padding: 5px 10px !important;
  background: transparent !important;
  border-radius: 6px !important;
  margin-bottom: 5px !important;
  color: #fff !important;
}
body.mix-site .music-page .list-row:hover {
  background: #1a1a1a !important;
}
body.mix-site .music-page .list-row .music-title-link,
body.mix-site .music-page .list-row a.music-title-link.dj-tip,
body.mix-site .music-page .list-row a.music-title-link.tooltip,
body.mix-site #songListContainer .list-row .music-title-link,
body.mix-site #songListContainer .list-row a.music-title-link.dj-tip,
body.mix-site #songListContainer .list-row a.music-title-link.tooltip {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}
body.mix-site .music-page .list-row .music-title-link:hover,
body.mix-site #songListContainer .list-row .music-title-link:hover {
  color: var(--mix-accent) !important;
}
body.mix-site .music-page .list-row .update-time,
body.mix-site .music-page .list-row .list-id,
body.mix-site #songListContainer .list-row .update-time,
body.mix-site #songListContainer .list-row .list-id,
body.mix-site #songListContainer .list-head {
  color: #999 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}
body.mix-site #songListContainer .list-row .list-id,
body.mix-site #songListContainer .list-row .mix-col-id {
  color: #fff !important;
  font-size: 14px !important;
}
body.mix-site .music-page .list-row .dj-song-update-today {
  color: #28a745 !important;
}
body.mix-site .music-page .list-row .action-group {
  display: inline-flex !important;
  gap: 8px !important;
  justify-content: center !important;
  align-items: center !important;
}
body.mix-site .music-page .list-row .action-group .act {
  color: #ddd !important;
  text-decoration: none !important;
  font-size: 16px !important;
}
body.mix-site .music-page .list-row .action-group .act:hover {
  color: var(--mix-accent) !important;
}

/* 列表操作列对齐（genre / songs / ranks/sole 共用 #songListContainer） */
body.mix-site #songListContainer.mix-song-list,
body.mix-site #songListContainer.list-box {
  width: 100%;
}
body.mix-site #songListContainer .mix-song-list-row {
  --bs-gutter-x: 0.5rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-items: center !important;
}
body.mix-site #songListContainer .list-head .mix-col-ops,
body.mix-site #songListContainer .list-row .mix-col-ops {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 16.66666667% !important;
  max-width: 16.66666667% !important;
  width: 16.66666667% !important;
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
}
body.mix-site #songListContainer .list-head .mix-col-date,
body.mix-site #songListContainer .list-row .mix-col-date {
  text-align: center !important;
  flex: 0 0 8.33333333% !important;
  max-width: 8.33333333% !important;
  width: 8.33333333% !important;
}
body.mix-site #songListContainer .list-head .mix-col-id,
body.mix-site #songListContainer .list-row .mix-col-id {
  flex: 0 0 8.33333333% !important;
  max-width: 8.33333333% !important;
  width: 8.33333333% !important;
}
body.mix-site #songListContainer .list-head .mix-col-title,
body.mix-site #songListContainer .list-row .mix-col-title {
  flex: 0 0 66.66666667% !important;
  max-width: 66.66666667% !important;
  width: 66.66666667% !important;
  min-width: 0 !important;
}

/* a8dj 风格分类列表：勾选 + 编号 + 封面标题进度条 + 日期 + 操作 */
body.mix-site #songListContainer.mix-genre-a8list .list-head .mix-col-check,
body.mix-site #songListContainer.mix-genre-a8list .list-row .mix-col-check {
  flex: 0 0 28px !important;
  max-width: 28px !important;
  width: 28px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list-head .mix-col-id,
body.mix-site #songListContainer.mix-genre-a8list .list-row .mix-col-id {
  flex: 0 0 64px !important;
  max-width: 64px !important;
  width: 64px !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list-head .mix-col-date,
body.mix-site #songListContainer.mix-genre-a8list .list-row .mix-col-date {
  flex: 0 0 96px !important;
  max-width: 96px !important;
  width: 96px !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list-head .mix-col-ops,
body.mix-site #songListContainer.mix-genre-a8list .list-row .mix-col-ops {
  flex: 0 0 80px !important;
  max-width: 80px !important;
  width: 80px !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list-head .mix-col-title,
body.mix-site #songListContainer.mix-genre-a8list .list-row .mix-col-title,
body.mix-site .mix-genre-a8list .list-row .mix-col-title {
  flex: 1 1 auto !important;
  max-width: 100% !important;
  width: auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
body.mix-site #songListContainer.mix-genre-a8list .mix-genre-song-cell,
body.mix-site #songListContainer.mix-genre-a8list .isgood_list.dj-genre-song-cell,
body.mix-site .mix-genre-a8list .mix-genre-song-cell {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list_play_img_title,
body.mix-site #songListContainer.mix-genre-a8list .dj-genre-song-meta,
body.mix-site .mix-genre-a8list .list_play_img_title {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  flex: 1 1 auto !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list_play_img_title .t1,
body.mix-site .mix-genre-a8list .list_play_img_title .t1 {
  overflow: hidden !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list_play_img_title .t1 a,
body.mix-site #songListContainer.mix-genre-a8list .list-row .music-title-link,
body.mix-site #songListContainer.mix-genre-a8list .list-row a.music-title-link.wrap,
body.mix-site #songListContainer.mix-genre-a8list .list-row a.music-title-link.tooltip,
body.mix-site .mix-genre-a8list .list_play_img_title .t1 a,
body.mix-site .mix-genre-a8list .list-row .music-title-link,
body.mix-site .mix-genre-a8list .list-row a.music-title-link.wrap,
body.mix-site .mix-genre-a8list .list-row a.music-title-link.tooltip {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.mix-site #songListContainer.mix-genre-a8list .mix-song-list-row,
body.mix-site .mix-genre-a8list .mix-song-list-row {
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list-row.song-row,
body.mix-site .mix-genre-a8list .list-row.song-row {
  overflow: hidden !important;
  min-width: 0 !important;
}
body.mix-site #songListContainer.mix-genre-a8list .action-group {
  min-width: 0 !important;
  width: auto !important;
  gap: 6px !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list-row .update-time,
body.mix-site .mix-genre-a8list .list-row .update-time {
  color: #fff !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list-row .update-time .dj-song-update-today,
body.mix-site .mix-genre-a8list .list-row .update-time .dj-song-update-today {
  color: #94d500 !important;
  font-weight: 600;
}
body.mix-site .mix-genre-a8list .rank-number-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  color: #bbb !important;
  font-weight: 700 !important;
}
body.mix-site .mix-genre-a8list .rank-number-badge.top-three {
  color: var(--mix-on-accent) !important;
  background: var(--mix-accent) !important;
  border-radius: 4px !important;
  padding: 0 5px !important;
}
body.mix-site .mix-rank-page .mix-genre-a8list,
body.mix-site .mix-album-detail .mix-genre-a8list {
  width: 100%;
}
body.mix-site #songListContainer.mix-genre-a8list .list-row .t2,
body.mix-site #songListContainer.mix-genre-a8list .list-row .t2 .sc_1,
body.mix-site #songListContainer.mix-genre-a8list .list-row .t2 .sc_2 {
  color: #888 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}
body.mix-site #songListContainer.mix-genre-a8list .list-row.playing {
  background: rgba(219, 29, 64, 0.08) !important;
}
body.mix-site .mix-genre-a8list .list-row.playing .progress-containers,
body.mix-site .mix-genre-a8list .song-row.playing .progress-containers {
  display: block !important;
}
body.mix-site .mix-genre-a8list .progress-lines {
  background: rgba(var(--mix-accent-rgb, 219, 29, 64), 0.28) !important;
}
body.mix-site .mix-genre-a8list .list-row.playing .progress-lines::after,
body.mix-site .mix-genre-a8list .song-row.playing .progress-lines::after,
body.mix-site .mix-genre-a8list .progress-containers.is-seeking .progress-lines::after {
  opacity: 1 !important;
  transform: scale(1) !important;
}
body.mix-site #songListContainer .list-row.song-row {
  transform: none !important;
  cursor: default;
  border: none !important;
}
body.mix-site #songListContainer .list-row.song-row:hover {
  transform: none !important;
  padding: 5px 10px !important;
  background: #1a1a1a !important;
  border-color: transparent !important;
}
body.mix-site #songListContainer .action-group {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 auto !important;
  width: auto !important;
  min-width: 112px !important;
}
body.mix-site #songListContainer .action-group .act {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  color: #ddd !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
  font-size: 16px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}
body.mix-site #songListContainer .action-group .act i {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.mix-site #songListContainer .action-group .act:hover {
  color: var(--mix-accent) !important;
  text-decoration: none !important;
  background: transparent !important;
}
@media (max-width: 767.98px) {
  body.mix-site #songListContainer .list-row .mix-col-id,
  body.mix-site #songListContainer.mix-genre-a8list .list-row .mix-col-id {
    display: none !important;
  }
  body.mix-site #songListContainer .list-row .mix-col-title,
  body.mix-site #songListContainer.mix-genre-a8list .list-row .mix-col-title {
    flex: 1 1 auto !important;
    max-width: 100% !important;
    width: auto !important;
    min-width: 0 !important;
  }
  body.mix-site #songListContainer .list-row .mix-col-ops {
    display: none !important;
  }
}
/* 分页（genre / songs / ranks/sole） */
body.mix-site .music-page .pagination-container,
body.mix-site .mix-genre-page .pagination-container,
body.mix-site .xiu-list-page .pagination-container,
body.mix-site .xiu-demo-page .pagination-container,
body.mix-site .dj-songs-page .pagination-container,
body.mix-site .dj-page--ranks-sole .pagination-container,
body.mix-site .mix-album-page .pagination-container,
body.mix-site .mix-djshow-page .pagination-container {
  margin-top: 16px !important;
  display: flex !important;
  justify-content: center !important;
}
body.mix-site .music-page .pagination-container .pagination,
body.mix-site .mix-genre-page .pagination-container .pagination,
body.mix-site .xiu-list-page .pagination-container .pagination,
body.mix-site .xiu-demo-page .pagination-container .pagination,
body.mix-site .dj-songs-page .pagination-container .pagination,
body.mix-site .dj-page--ranks-sole .pagination-container .pagination,
body.mix-site .mix-album-page .pagination-container .pagination,
body.mix-site .mix-djshow-page .pagination-container .pagination {
  margin: 0 !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
body.mix-site .music-page .pagination-container .pagination li,
body.mix-site .mix-genre-page .pagination-container .pagination li,
body.mix-site .xiu-list-page .pagination-container .pagination li,
body.mix-site .xiu-demo-page .pagination-container .pagination li,
body.mix-site .dj-songs-page .pagination-container .pagination li,
body.mix-site .dj-page--ranks-sole .pagination-container .pagination li,
body.mix-site .mix-album-page .pagination-container .pagination li,
body.mix-site .mix-djshow-page .pagination-container .pagination li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.mix-site .music-page .pagination-container .pagination li a,
body.mix-site .music-page .pagination-container .pagination li span,
body.mix-site .mix-genre-page .pagination-container .pagination li a,
body.mix-site .mix-genre-page .pagination-container .pagination li span,
body.mix-site .xiu-list-page .pagination-container .pagination li a,
body.mix-site .xiu-list-page .pagination-container .pagination li span,
body.mix-site .xiu-demo-page .pagination-container .pagination li a,
body.mix-site .xiu-demo-page .pagination-container .pagination li span,
body.mix-site .dj-songs-page .pagination-container .pagination li a,
body.mix-site .dj-songs-page .pagination-container .pagination li span,
body.mix-site .dj-page--ranks-sole .pagination-container .pagination li a,
body.mix-site .dj-page--ranks-sole .pagination-container .pagination li span,
body.mix-site .mix-album-page .pagination-container .pagination li a,
body.mix-site .mix-album-page .pagination-container .pagination li span,
body.mix-site .mix-djshow-page .pagination-container .pagination li a,
body.mix-site .mix-djshow-page .pagination-container .pagination li span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  border-radius: 4px !important;
  background: #222 !important;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid #333 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
body.mix-site .music-page .pagination-container .pagination li a:hover,
body.mix-site .mix-genre-page .pagination-container .pagination li a:hover,
body.mix-site .xiu-list-page .pagination-container .pagination li a:hover,
body.mix-site .xiu-demo-page .pagination-container .pagination li a:hover,
body.mix-site .dj-songs-page .pagination-container .pagination li a:hover,
body.mix-site .dj-page--ranks-sole .pagination-container .pagination li a:hover,
body.mix-site .mix-album-page .pagination-container .pagination li a:hover,
body.mix-site .mix-djshow-page .pagination-container .pagination li a:hover {
  color: var(--mix-accent) !important;
}
body.mix-site .music-page .pagination-container .pagination li.active a,
body.mix-site .music-page .pagination-container .pagination li.active span,
body.mix-site .mix-genre-page .pagination-container .pagination li.active a,
body.mix-site .mix-genre-page .pagination-container .pagination li.active span,
body.mix-site .xiu-list-page .pagination-container .pagination li.active a,
body.mix-site .xiu-list-page .pagination-container .pagination li.active span,
body.mix-site .xiu-demo-page .pagination-container .pagination li.active a,
body.mix-site .xiu-demo-page .pagination-container .pagination li.active span,
body.mix-site .dj-songs-page .pagination-container .pagination li.active a,
body.mix-site .dj-songs-page .pagination-container .pagination li.active span,
body.mix-site .dj-page--ranks-sole .pagination-container .pagination li.active a,
body.mix-site .dj-page--ranks-sole .pagination-container .pagination li.active span,
body.mix-site .mix-album-page .pagination-container .pagination li.active a,
body.mix-site .mix-album-page .pagination-container .pagination li.active span,
body.mix-site .mix-djshow-page .pagination-container .pagination li.active a,
body.mix-site .mix-djshow-page .pagination-container .pagination li.active span,
body.mix-site .mix-album-page .pagination-container .pagination li.pagination-item.active a,
body.mix-site .mix-djshow-page .pagination-container .pagination li.pagination-item.active a {
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
  color: #000 !important;
  border-color: var(--mix-accent) !important;
}
body.mix-site .music-page .pagination-container .pagination li.disabled span,
body.mix-site .mix-genre-page .pagination-container .pagination li.disabled span,
body.mix-site .xiu-list-page .pagination-container .pagination li.disabled span,
body.mix-site .xiu-demo-page .pagination-container .pagination li.disabled span,
body.mix-site .dj-songs-page .pagination-container .pagination li.disabled span,
body.mix-site .dj-page--ranks-sole .pagination-container .pagination li.disabled span,
body.mix-site .mix-album-page .pagination-container .pagination li.disabled span,
body.mix-site .mix-djshow-page .pagination-container .pagination li.disabled span {
  opacity: 0.45 !important;
  cursor: default !important;
}

body.mix-site .mix-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 18px 0 8px;
}
body.mix-site .mix-pagination .page-btn {
  color: #ddd;
  background: #2f2f2f;
  border-radius: 4px;
  padding: 6px 14px;
  text-decoration: none;
  font-size: 14px;
}
body.mix-site .mix-pagination .page-btn:hover:not(.is-disabled) {
  color: #000;
  background: var(--mix-accent);
}
body.mix-site .mix-pagination .page-btn.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}
body.mix-site .mix-pagination .page-num {
  color: #888;
  font-size: 14px;
}

/* —— 侧栏数字榜 —— */
body.mix-site .mix-list-sidebar .rank-section {
  padding: 12px !important;
  margin-bottom: 12px !important;
}
body.mix-site .mix-list-sidebar .rank-title {
  color: #d1d1d1 !important;
  border-bottom: 2px solid #333 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
}
body.mix-site .mix-list-sidebar .rank-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.mix-site .mix-list-sidebar .rank-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px !important;
  border: none !important;
  border-radius: 6px;
  background: transparent !important;
}
body.mix-site .mix-list-sidebar .rank-number {
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px !important;
  background: #2d2d2d !important;
  color: #999 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
body.mix-site .mix-list-sidebar .top-three .rank-number {
  background: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}
body.mix-site .mix-list-sidebar .rank-title-text {
  color: #d1d1d1 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .mix-list-sidebar .rank-title-text:hover {
  color: var(--mix-accent) !important;
}

/* —— 播放页：对齐 vinadj 截图布局（左黑胶 / 右波形控件 / 底栏元信息+下载） —— */
body.mix-site.mix-play-page .page-container.music-detail-page.djmsc-page {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 12px 12px 0 !important;
  width: 100% !important;
}
body.mix-site.mix-play-page .djmsc-hero,
body.mix-site .music-detail-page .djmsc-hero {
  display: block !important;
  border-radius: 12px !important;
  margin: 0 0 20px !important;
  overflow: hidden !important;
}
body.mix-site .music-detail-page .djmsc-hero__blur,
body.mix-site .music-detail-page .djmsc-hero__blur-img,
body.mix-site .music-detail-page #djmsc-hero-blur-img,
body.mix-site .music-detail-page .djmsc-wave,
body.mix-site .music-detail-page #myCanvas {
  display: block !important;
}
body.mix-site .music-detail-page .djmsc-vinyl {
  display: block !important;
  position: relative !important;
}
body.mix-site .music-detail-page .djmsc-vinyl__arm,
body.mix-site .music-detail-page #djmsc-disc-pointer.djmsc-vinyl__arm {
  display: block !important;
}
body.mix-site .music-detail-page .djmsc-hero__inner {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
  padding: 28px 22px 22px !important;
  align-items: start !important;
}
@media (min-width: 900px) {
  body.mix-site .music-detail-page .djmsc-hero__inner {
    grid-template-columns: 240px minmax(0, 1fr) !important;
    gap: 28px !important;
    padding: 32px 28px 24px !important;
  }
}
body.mix-site .music-detail-page .djmsc-vinyl-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
}
body.mix-site .music-detail-page .djmsc-vinyl {
  width: 220px !important;
  height: 220px !important;
}
body.mix-site .music-detail-page .djmsc-vinyl__pic {
  left: 36px !important;
  top: 36px !important;
  width: 148px !important;
  height: 148px !important;
}
body.mix-site .music-detail-page .djmsc-stats {
  display: flex !important;
  justify-content: center !important;
  gap: 26px !important;
}
body.mix-site .music-detail-page .djmsc-hero__main {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
/* 波形 + 进度叠放（与截图一致） */
body.mix-site .music-detail-page .djmsc-wave-stack {
  position: relative !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack .djmsc-wave,
body.mix-site .music-detail-page .djmsc-wave-stack #myCanvas {
  width: 100% !important;
  height: 56px !important;
  margin: 0 !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media,
body.mix-site .music-detail-page .djmsc-hero #media,
body.mix-site .music-detail-page .mix-inline-player {
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-interface {
  position: relative !important;
  padding: 0 !important;
  background: transparent !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-interface > .jp-progress,
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-progress {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -18px !important;
  height: 4px !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  z-index: 3 !important;
  overflow: visible !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-play-bar {
  height: 4px !important;
  border-radius: 999px !important;
  background: var(--mix-accent) !important;
  background-image: none !important;
  bottom: auto !important;
  top: 0 !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-progress-dot {
  width: 12px !important;
  height: 12px !important;
  background: var(--mix-accent) !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(50%, -50%) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35) !important;
  margin: 0 !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-bottom {
  margin-top: 8px !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-time-holder {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin: 4px 0 8px !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-controls-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  min-height: 56px !important;
  grid-template-columns: none !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-controls-left {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  z-index: 3 !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-controls-right {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  pointer-events: none !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-loop,
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-volume {
  pointer-events: auto !important;
}
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-controls-mid,
body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim #jp_status {
  display: none !important;
}
/* 底栏：元信息 + 下载 */
body.mix-site .music-detail-page .djmsc-detail {
  margin-top: 18px !important;
  padding: 14px 18px !important;
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.mix-site .music-detail-page .djmsc-detail__row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}
body.mix-site .music-detail-page .djmsc-detail__meta {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  min-width: 0 !important;
}
body.mix-site .music-detail-page .djmsc-detail__meta li {
  padding: 0 14px 0 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
  flex: 0 0 auto !important;
}
body.mix-site .music-detail-page .djmsc-detail__meta li + li {
  padding-left: 14px !important;
}
body.mix-site .music-detail-page .djmsc-detail__meta li:last-child {
  border-right: none !important;
  padding-right: 0 !important;
}
body.mix-site .music-detail-page .djmsc-dl-btn {
  flex-shrink: 0 !important;
  height: 52px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  background: var(--mix-accent) !important;
  background-image: none !important;
  color: var(--mix-on-accent) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}
body.mix-site .music-detail-page .djmsc-dl-btn__text h1,
body.mix-site .music-detail-page .djmsc-dl-btn__text p {
  color: var(--mix-on-accent) !important;
}
body.mix-site .music-detail-page .djmsc-quick-tools {
  display: none !important;
}
body.mix-site.mix-play-page .djmsc-body {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.5rem 0.75rem 2.5rem;
}

body.mix-site .music-detail-page .music-player #media .jp-audio,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-interface,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim .jp-interface {
  background: transparent !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
}

/* 顶部进度条 */
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-progress,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim .jp-progress,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim .jp-interface > .jp-progress {
  height: 5px !important;
  background: #3d3d3d !important;
  border-radius: 999px !important;
  margin: 0 0 15px !important;
  overflow: visible !important;
  position: relative !important;
  width: 100% !important;
}
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-seek-bar,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim div.jp-seek-bar {
  height: 100% !important;
  background: transparent !important;
  position: relative !important;
  overflow: visible !important;
  border-radius: 999px !important;
}
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-play-bar,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim .jp-play-bar {
  height: 5px !important;
  background: var(--mix-accent) !important;
  background-image: none !important;
  border-radius: 999px !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  pointer-events: none !important;
  max-width: 100% !important;
}
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-progress-dot,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim .jp-progress-dot {
  width: 12px !important;
  height: 12px !important;
  background: var(--mix-accent) !important;
  border-radius: 50% !important;
  top: 50% !important;
  bottom: auto !important;
  right: 0 !important;
  transform: translate(50%, -50%) !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* 控件行：强制横向 flex，压过 djmsc 绝对定位叠层 */
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page.dj-mix-play-page .music-player #media .jp-audio.jp-slim .jp-bottom,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-bottom {
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  width: 100% !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page.dj-mix-play-page .music-player #media .jp-audio.jp-slim .jp-controls-row,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-controls-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 48px !important;
  position: static !important;
  padding: 0 !important;
  width: 100% !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page.dj-mix-play-page .music-player #media .jp-audio.jp-slim .jp-controls-left,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-controls-left {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  pointer-events: auto !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  z-index: auto !important;
  grid-area: unset !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page.dj-mix-play-page .music-player #media .jp-audio.jp-slim .jp-controls-mid,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-controls-mid,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-controls-mid {
  display: flex !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-width: 120px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  padding: 0 4px !important;
  margin: 0 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  grid-area: unset !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-status,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim #jp_status,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-status,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim #jp_status {
  display: inline-block !important;
  color: #d1d1d1 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  background: transparent !important;
  width: auto !important;
  min-width: 3.5em !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  position: static !important;
  text-indent: 0 !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-time-holder,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-time-holder {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  white-space: nowrap !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-current-time,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-current-time-split,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-duration,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-current-time,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-current-time-split,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-duration {
  display: inline-block !important;
  color: #d1d1d1 !important;
  font-size: 14px !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  width: auto !important;
  text-indent: 0 !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page.dj-mix-play-page .music-player #media .jp-audio.jp-slim .jp-controls-right,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-controls-right,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-controls-right {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  pointer-events: auto !important;
  grid-area: unset !important;
}

/* 上一首 / 下一首 / 循环：深灰圆钮 */
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-ctrl-btn,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim .jp-ctrl-btn {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #333 !important;
  border: none !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-ctrl-btn:hover,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim .jp-ctrl-btn:hover {
  background: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-ctrl-btn .ri,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-ctrl-btn .dj {
  font-size: 16px !important;
  line-height: 1 !important;
}

/* 播放/暂停：主题色圆钮，图标居中（避免与 djmsc 绝对叠层变形） */
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim ul.jp-controls,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim ul.jp-controls {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
  background: transparent !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim ul.jp-controls li,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim ul.jp-controls li {
  position: static !important;
  inset: auto !important;
  display: contents !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-play,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-pause,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-play,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-pause {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  background: var(--mix-accent) !important;
  background-image: none !important;
  color: var(--mix-on-accent) !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  border: none !important;
  text-indent: -9999px !important;
  text-decoration: none !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  transform: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-play,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-play {
  display: inline-flex !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-pause,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-pause {
  display: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim.jp-state-playing a.jp-play,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim.jp-state-playing a.jp-play {
  display: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim.jp-state-playing a.jp-pause,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim.jp-state-playing a.jp-pause {
  display: inline-flex !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-play:hover,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-pause:hover,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-play:hover,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-pause:hover {
  background: var(--mix-accent-hover) !important;
  color: var(--mix-on-accent) !important;
  transform: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-play::before,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-play::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  transform: translate(-30%, -50%) !important;
  border-style: solid !important;
  border-width: 8px 0 8px 14px !important;
  border-color: transparent transparent transparent #0d0d0d !important;
  background: none !important;
  box-shadow: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-pause::before,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-pause::after,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-pause::before,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-pause::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 4px !important;
  height: 16px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  background: #0d0d0d !important;
  border: none !important;
  border-radius: 1px !important;
  box-shadow: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-pause::before,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-pause::before {
  left: calc(50% - 6px) !important;
  right: auto !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-pause::after,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-pause::after {
  left: calc(50% + 2px) !important;
  right: auto !important;
}

/* 音量图标：去下划线，与循环钮图标同尺 */
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-volume,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-volume {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  flex: 0 0 auto !important;
  pointer-events: auto !important;
  margin: 0 !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-loop,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-loop {
  position: static !important;
  left: auto !important;
  right: auto !important;
  flex: 0 0 auto !important;
  pointer-events: auto !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-mutecon,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-mutecon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-mutecon a,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-mutecon a {
  color: #fff !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-indent: 0 !important;
  text-decoration: none !important;
  overflow: visible !important;
  line-height: 1 !important;
  font-size: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-mutecon a:hover,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-mutecon a:focus,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-mutecon a:active,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-mutecon a:hover,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-mutecon a:focus {
  color: var(--mix-accent) !important;
  text-decoration: none !important;
  background: transparent !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-mutecon a .ri,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-mutecon a .dj,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-mutecon a .ri,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-mutecon a .dj {
  font-size: 18px !important;
  line-height: 1 !important;
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  text-decoration: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-mutecon a.jp-mute,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-mutecon a.jp-mute {
  display: inline-flex !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-mutecon a.jp-unmute,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-mutecon a.jp-unmute {
  display: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim.jp-state-muted .jp-mutecon a.jp-mute,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim.jp-state-muted .jp-mutecon a.jp-mute {
  display: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim.jp-state-muted .jp-mutecon a.jp-unmute,
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim.jp-state-muted .jp-mutecon a.jp-unmute {
  display: inline-flex !important;
}
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-volume-bar,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim .jp-volume-bar {
  width: 80px !important;
  background: #3d3d3d !important;
  height: 5px !important;
  border-radius: 999px !important;
  position: relative !important;
  overflow: visible !important;
}
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-volume-bar-value,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim .jp-volume-bar-value {
  background: var(--mix-accent) !important;
  background-image: none !important;
  height: 100% !important;
  border-radius: 999px !important;
  position: relative !important;
}
body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-volume-bar-value > span,
body.mix-site.djmsc-play-page .music-detail-page .music-player #media .jp-audio.jp-slim .jp-volume-bar-value > span {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  transform: translate(50%, -50%) !important;
  background: var(--mix-accent) !important;
  border-radius: 50% !important;
  display: block !important;
}

/* meta + 四色按钮 */
body.mix-site .music-detail-page .music-info {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
  padding: 12px !important;
  background: #1a1a1a !important;
  border-radius: 8px !important;
}
body.mix-site .music-detail-page .info-item {
  display: flex !important;
  gap: 6px !important;
  align-items: baseline !important;
  min-width: 0;
}
body.mix-site .music-detail-page .info-label {
  color: #999 !important;
  font-size: 13px !important;
  flex-shrink: 0;
}
body.mix-site .music-detail-page .info-value,
body.mix-site .music-detail-page .info-value a {
  color: #d1d1d1 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}
body.mix-site .music-detail-page .info-value a:hover {
  color: var(--mix-accent) !important;
}
body.mix-site .music-detail-page .action-buttons {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}
body.mix-site .music-detail-page .action-btn {
  padding: 8px 12px !important;
  border-radius: 6px !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  white-space: nowrap;
  box-sizing: border-box;
}
body.mix-site .music-detail-page .action-btn.btn-report {
  background: #ff9800 !important;
}
body.mix-site .music-detail-page .action-btn.btn-report:hover {
  background: #f57c00 !important;
  color: #fff !important;
}
body.mix-site .music-detail-page .action-btn.btn-share {
  background: #4caf50 !important;
}
body.mix-site .music-detail-page .action-btn.btn-share:hover {
  background: #45a049 !important;
  color: #fff !important;
}
body.mix-site .music-detail-page .action-btn.btn-favorite {
  background: #00bcd4 !important;
}
body.mix-site .music-detail-page .action-btn.btn-favorite:hover {
  background: #00acc1 !important;
  color: #fff !important;
}
body.mix-site .music-detail-page .action-btn.btn-download {
  background: #e91e63 !important;
}
body.mix-site .music-detail-page .action-btn.btn-download:hover {
  background: #c2185b !important;
  color: #fff !important;
}

/* 播放列表：金下划线 tabs（压过 djmsc 绿底） */
body.mix-site .music-detail-page .playlist-section,
body.mix-site.djmsc-play-page .music-detail-page .playlist-section {
  background: #0d0d0d !important;
  border-radius: 8px !important;
  padding: 12px !important;
  margin-bottom: 16px !important;
  overflow: hidden;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page #playlist_menu0,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page #playlist_menu1,
body.mix-site .music-detail-page .playlist_menu,
body.mix-site .music-detail-page #playlist_menu0 {
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu ul,
body.mix-site .music-detail-page .mix-playlist-tabs ul,
body.mix-site .music-detail-page .playlist_menu ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border-bottom: 1px solid #333 !important;
  background: transparent !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu li,
body.mix-site .music-detail-page .mix-playlist-tabs li,
body.mix-site .music-detail-page .playlist_menu li {
  padding: 8px 12px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #999 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  cursor: pointer;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  margin: 0 0 -1px !important;
  line-height: 1.4 !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu li.d-none,
body.mix-site .music-detail-page .playlist_menu li.d-none,
body.mix-site .music-detail-page #pt4,
body.mix-site .music-detail-page #pt6,
body.mix-site .music-detail-page #pt7,
body.mix-site .music-detail-page #pt8 {
  display: none !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu li:hover,
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu li.ptoff:hover,
body.mix-site .music-detail-page .playlist_menu li:hover {
  color: var(--mix-accent) !important;
  background: transparent !important;
}
body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu li.pton,
body.mix-site .music-detail-page .mix-playlist-tabs li.pton,
body.mix-site .music-detail-page .playlist_menu li.pton {
  color: var(--mix-accent) !important;
  background: transparent !important;
  border-bottom: 2px solid var(--mix-accent) !important;
  font-weight: 600 !important;
}
body.mix-site .music-detail-page .mix-playlist-body,
body.mix-site .music-detail-page #playlist_ct {
  background: transparent !important;
  color: #d1d1d1 !important;
}
body.mix-site .music-detail-page .mix-play-about {
  color: #888 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  padding: 4px 2px 20px !important;
}
body.mix-site .music-detail-page .mix-play-week-rank.rank-section,
body.mix-site .music-detail-page .rank-section {
  background: #0d0d0d !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  box-sizing: border-box;
}
body.mix-site .music-detail-page .rank-section .rank-title {
  color: #d1d1d1 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 2px solid #333 !important;
}
body.mix-site .music-detail-page .rank-section .rank-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.mix-site .music-detail-page .rank-section .rank-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px !important;
  border-radius: 6px;
  background: transparent !important;
}
body.mix-site .music-detail-page .rank-section .rank-item.empty {
  color: #888;
  font-size: 13px;
  padding: 10px 4px !important;
}
body.mix-site .music-detail-page .rank-section .rank-number {
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px !important;
  background: #2d2d2d !important;
  color: #999 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
body.mix-site .music-detail-page .rank-section .top-three .rank-number {
  background: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}
body.mix-site .music-detail-page .rank-section .rank-title-text {
  color: #d1d1d1 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .music-detail-page .rank-section .rank-title-text:hover {
  color: var(--mix-accent) !important;
}
body.mix-site .music-detail-page .hot-producer-section {
  background: #0d0d0d !important;
  border-radius: 8px !important;
  padding: 20px !important;
  box-sizing: border-box;
}
body.mix-site .music-detail-page .hot-producer-title {
  color: #d1d1d1 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 2px solid #333 !important;
}
body.mix-site .music-detail-page .hot-producer-list {
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 8px !important;
  row-gap: 2px !important;
}
body.mix-site .music-detail-page .hot-producer-item {
  color: #d1d1d1 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  white-space: nowrap;
  line-height: 1.45;
}
body.mix-site .music-detail-page .hot-producer-item:hover {
  color: var(--mix-accent) !important;
}

@media (max-width: 991.98px) {
  body.mix-site .music-detail-page .music-info {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body.mix-site .music-detail-page .action-buttons {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body.mix-site .music-detail-page .action-btn.btn-report {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  body.mix-site .music-page .filter-items {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  body.mix-site .music-page .filter-items::-webkit-scrollbar {
    display: none;
  }
  body.mix-site .music-page .f-item {
    font-size: 13px !important;
    padding: 3px 6px !important;
  }
  body.mix-site .music-page .sort-tabs .tab {
    font-size: 12px !important;
    padding: 4px 8px !important;
  }
  /* 手机播放页：藏封面、状态字、音量、报错、格式/收藏 */
  body.mix-site .music-detail-page .music-info {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
  }
  body.mix-site .music-detail-page .music-info .info-item:nth-child(3),
  body.mix-site .music-detail-page .music-info .info-item:nth-child(8) {
    display: none !important;
  }
  body.mix-site .music-detail-page .info-label,
  body.mix-site .music-detail-page .info-value,
  body.mix-site .music-detail-page .info-value a {
    font-size: 13px !important;
  }
  body.mix-site .music-detail-page .action-buttons {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  body.mix-site .music-detail-page .action-btn.btn-report,
  body.mix-site .music-detail-page .action-btn.btn-download {
    grid-column: auto !important;
  }
  body.mix-site .music-detail-page .action-btn {
    min-height: 40px !important;
    padding: 8px 4px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.mix-site .music-detail-page .music-player {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 12px !important;
  }
  body.mix-site .music-detail-page .player-left {
    display: none !important;
  }
  body.mix-site .music-detail-page .music-title,
  body.mix-site .music-detail-page .dj-mix-title,
  body.mix-site .music-detail-page .djmsc-hero__title {
    font-size: 16px !important;
    margin-bottom: 10px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    position: relative !important;
  }
  /* 长标题自动左右滚动（JS 加 .scrolling + --scroll-distance） */
  body.mix-site .music-detail-page .music-title.scrolling,
  body.mix-site .music-detail-page .dj-mix-title.scrolling,
  body.mix-site .music-detail-page .djmsc-hero__title.scrolling {
    display: block !important;
    animation: none !important;
  }
  body.mix-site .music-detail-page .music-title > .dj-title-scroll,
  body.mix-site .music-detail-page .dj-mix-title > .dj-title-scroll,
  body.mix-site .music-detail-page .djmsc-hero__title > .dj-title-scroll {
    display: inline-block;
    max-width: none;
    vertical-align: bottom;
  }
  body.mix-site .music-detail-page .music-title.scrolling > .dj-title-scroll,
  body.mix-site .music-detail-page .dj-mix-title.scrolling > .dj-title-scroll,
  body.mix-site .music-detail-page .djmsc-hero__title.scrolling > .dj-title-scroll {
    animation: dj-play-title-scroll linear infinite;
    will-change: transform;
  }
  body.mix-site .music-detail-page .music-title.scrolling:active > .dj-title-scroll,
  body.mix-site .music-detail-page .dj-mix-title.scrolling:active > .dj-title-scroll,
  body.mix-site .music-detail-page .djmsc-hero__title.scrolling:active > .dj-title-scroll {
    animation-play-state: paused;
  }
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page.dj-mix-play-page .music-player #media .jp-audio.jp-slim .jp-controls-row,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-controls-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 0 !important;
    position: static !important;
    grid-template-areas: none !important;
  }
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page.dj-mix-play-page .music-player #media .jp-audio.jp-slim .jp-controls-left,
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page.dj-mix-play-page .music-player #media .jp-audio.jp-slim .jp-controls-mid,
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page.dj-mix-play-page .music-player #media .jp-audio.jp-slim .jp-controls-right,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-controls-left,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-controls-mid,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-controls-right {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
    pointer-events: auto !important;
  }
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-controls-mid {
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
  }
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-status,
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim #jp_status,
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-volume,
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-mutecon,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-status,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim #jp_status,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-volume,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-mutecon {
    display: none !important;
  }
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-current-time,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-duration,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-current-time-split {
    display: inline-block !important;
    font-size: 14px !important;
  }
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim .jp-ctrl-btn,
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-play,
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim a.jp-pause,
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .music-player #media .jp-audio.jp-slim ul.jp-controls,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim .jp-ctrl-btn,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-play,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim a.jp-pause,
  html body.mix-site .music-detail-page .music-player #media .jp-audio.jp-slim ul.jp-controls {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu,
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page #playlist_menu0,
  html body.mix-site .music-detail-page .playlist_menu {
    background: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu ul,
  html body.mix-site .music-detail-page .playlist_menu ul,
  html body.mix-site .music-detail-page .mix-playlist-tabs ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: hidden !important;
    scrollbar-width: none !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #333 !important;
    background: transparent !important;
  }
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu ul::-webkit-scrollbar,
  html body.mix-site .music-detail-page .playlist_menu ul::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
  }
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu li,
  html body.mix-site .music-detail-page .playlist_menu li {
    flex: 1 1 0 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #999 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    white-space: nowrap !important;
    border-bottom: 2px solid transparent !important;
  }
  html body.mix-site.djmsc-play-page .music-detail-page.djmsc-page .playlist_menu li.pton,
  html body.mix-site .music-detail-page .playlist_menu li.pton {
    background: transparent !important;
    color: var(--mix-accent) !important;
    border-bottom: 2px solid var(--mix-accent) !important;
  }
  /* 列表页底部迷你播放器：压过 mix-live 的 column / 隐藏封面 */
  html body.mix-site #music-player.music-player.xiu-mini-player {
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0 !important;
    height: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #0d0d0d !important;
  }
  html body.mix-site #music-player .player-content,
  html body.mix-site #music-player .player-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    gap: 8px !important;
    min-width: 0 !important;
  }
  html body.mix-site #music-player .player-left {
    display: flex !important;
    align-self: center !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }
  html body.mix-site #music-player .player-center {
    display: flex !important;
    flex-direction: row !important;
    width: auto !important;
    flex: 0 0 auto !important;
    order: 3 !important;
  }
  html body.mix-site #music-player .player-right {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    order: 2 !important;
  }
  html body.mix-site #music-player .album-cover,
  html body.mix-site #music-player .album-cover img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 4px !important;
  }
  html body.mix-site #music-player .song-info {
    display: none !important;
  }
  /* 播放页只用页内播放器，避免底部迷你条叠在内容上 */
  html body.mix-site.djmsc-play-page #music-player.music-player.xiu-mini-player,
  html body.mix-site.dj-has-inline-player #music-player.music-player.xiu-mini-player {
    display: none !important;
  }
  html body.mix-site.djmsc-play-page,
  html body.mix-site.dj-has-inline-player {
    padding-bottom: 0 !important;
  }
}

/* ========== 批量：旧绿/成功色 → 主题强调色 ========== */
html body.mix-site.dj-site.dj-xiu .xiu-demo-page .filter-btn.active,
html body.mix-site.dj-site.dj-xiu .xiu-demo-page .filter-btn.active.dj-tip,
html body.mix-site.dj-site.dj-xiu .xiu-demo-page #hothaomenu .filter-btn.active,
html body.mix-site.dj-site.dj-xiu .xiu-list-page .filter-btn.active,
html body.mix-site.dj-site.dj-xiu .filter-rank .filter-btn.active,
html body.mix-site.dj-site.dj-xiu .filter-group .filter-btn.active,
html body.mix-site.dj-site.dj-xiu .dj-page .filter-btn.active,
html body.mix-site .filter-btn.active,
html body.mix-site .filter-btn.active.dj-tip,
html body.mix-site #hothaomenu .filter-btn.active,
html body.mix-site .xiu-tab-btn.active,
html body.mix-site .xiu-btn-green,
html body.mix-site a.xiu-btn-green,
html body.mix-site .btn-success,
html body.mix-site .pagination .page-item.active .page-link,
html body.mix-site .pagination-container .pagination li.active a,
html body.mix-site .pagination-container .pagination li.active span,
html body.mix-site .pagination-container .pagination li.pagination-item.active a,
html body.mix-site .mix-album-page .pagination-container .pagination li.active a,
html body.mix-site .mix-djshow-page .pagination-container .pagination li.active a {
  color: var(--mix-on-accent) !important;
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  box-shadow: none !important;
}
/* 深色：选中筛选白字（含分类页 .f-item / .tab，压过旧 #000/#111） */
html[data-theme="dark"] body.mix-site .filter-btn.active,
html[data-theme="dark"] body.mix-site .filter-btn.active.dj-tip,
html[data-theme="dark"] body.mix-site #hothaomenu .filter-btn.active,
html[data-theme="dark"] body.mix-site .filter-group .filter-btn.active,
html[data-theme="dark"] body.mix-site .filter-rank .filter-btn.active,
html[data-theme="dark"] body.mix-site .xiu-demo-page .filter-btn.active,
html[data-theme="dark"] body.mix-site.dj-site.dj-xiu .xiu-demo-page .filter-btn.active,
html[data-theme="dark"] body.mix-site .genre-chip.is-active,
html[data-theme="dark"] body.mix-site .xiu-tab-btn.active,
html[data-theme="dark"] body.mix-site .music-page .f-item.active,
html[data-theme="dark"] body.mix-site .music-page .f-item.active:hover,
html[data-theme="dark"] body.mix-site .music-page .f-item.active:link,
html[data-theme="dark"] body.mix-site .music-page .f-item.active:visited,
html[data-theme="dark"] body.mix-site #f2.music-page a.f-item.active,
html[data-theme="dark"] body.mix-site .mix-genre-page .f-item.active,
html[data-theme="dark"] body.mix-site .mix-genre-page a.f-item.active,
html[data-theme="dark"] body.mix-site .music-page .sort-tabs .tab.active,
html[data-theme="dark"] body.mix-site .dj-page #hothaomenu a.tab.active,
html[data-theme="dark"] body.mix-site .dj-page #f2 #hothaomenu a.tab.active,
html[data-theme="dark"] body.mix-site .mix-genre-page #hothaomenu a.tab.active,
html[data-theme="dark"] body.mix-site.dj-xiu.dj-site .dj-page #f2.music-page #hothaomenu.sort-tabs a.tab.active,
html[data-theme="dark"] body.mix-site .mix-djshow-page .sort-tabs .tab.active,
html[data-theme="dark"] body.mix-site .mix-djshow-page .filter-box .tab.active,
html[data-theme="dark"] body.mix-site .producer-page .sort-tabs .tab.active,
html[data-bs-theme="dark"] body.mix-site .filter-btn.active,
html[data-bs-theme="dark"] body.mix-site #hothaomenu .filter-btn.active,
html[data-bs-theme="dark"] body.mix-site .music-page .f-item.active,
html[data-bs-theme="dark"] body.mix-site .music-page .sort-tabs .tab.active,
html[data-bs-theme="dark"] body.mix-site #hothaomenu a.tab.active,
html[data-bs-theme="dark"] body.mix-site .mix-djshow-page .sort-tabs .tab.active,
[data-theme="dark"] body.mix-site .filter-btn.active,
[data-theme="dark"] body.mix-site .f-item.active,
[data-theme="dark"] body.mix-site #hothaomenu a.tab.active,
[data-theme="dark"] body.mix-site .mix-djshow-page .sort-tabs .tab.active,
[data-bs-theme="dark"] body.mix-site .filter-btn.active,
[data-bs-theme="dark"] body.mix-site .f-item.active,
[data-bs-theme="dark"] body.mix-site #hothaomenu a.tab.active,
[data-bs-theme="dark"] body.mix-site .mix-djshow-page .sort-tabs .tab.active {
  color: #ffffff !important;
}
html[data-theme="dark"] body.mix-site .mix-djshow-page .sort-tabs .tab:hover,
html[data-bs-theme="dark"] body.mix-site .mix-djshow-page .sort-tabs .tab:hover,
[data-theme="dark"] body.mix-site .mix-djshow-page .sort-tabs .tab:hover {
  color: var(--mix-accent) !important;
  background: #2f2f2f !important;
}
html body.mix-site.dj-site.dj-xiu .xiu-demo-page .filter-btn:hover,
html body.mix-site .filter-group .filter-btn:hover,
html body.mix-site .filter-rank .filter-btn:hover {
  color: var(--mix-accent) !important;
}
html body.mix-site .xiu-demo-page .xiu-demo-title i,
html body.mix-site .xiu-list-page .xiu-demo-title i,
html body.mix-site .xiu-demo-head i,
html body.mix-site .xiu-demo-title .ri-lock-fill,
html body.mix-site .xiu-demo-title .ri-lock-line {
  color: var(--mix-accent) !important;
}

/* 面包屑「目前位置」：与 /ranks/sole 一致，含嵌套在 .container 内的分类页 */
html body.mix-site .xiu-breadcrumb,
html body.mix-site .mix-breadcrumb-bar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  margin: 0 0 12px !important;
  padding: 0.55rem 0.85rem !important;
  background: linear-gradient(135deg, rgba(var(--mix-accent-rgb), 0.08) 0%, #161616 42%) !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  line-height: 1.45;
  color: #d1d1d1;
}
html body.mix-site .xiu-breadcrumb .xiu-breadcrumb__label,
html body.mix-site .dj-breadcrumb .xiu-breadcrumb__label,
html body.mix-site .mix-breadcrumb .pos {
  display: inline-flex !important;
  align-items: center;
  gap: 0.3rem;
  flex-shrink: 0;
  padding: 0.22rem 0.55rem !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  color: var(--mix-on-accent) !important;
  background: var(--mix-accent) !important;
  border: 1px solid var(--mix-accent) !important;
  border-radius: 999px !important;
  line-height: 1.2 !important;
}
html body.mix-site .xiu-breadcrumb .xiu-breadcrumb__label i,
html body.mix-site .mix-breadcrumb .pos i {
  color: var(--mix-on-accent) !important;
  font-size: 0.85rem;
  line-height: 1;
}
html body.mix-site .xiu-breadcrumb .xiu-breadcrumb__list,
html body.mix-site .mix-breadcrumb {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.15rem 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  min-width: 0;
  background: transparent !important;
  border: none !important;
}
html body.mix-site .xiu-breadcrumb .xiu-breadcrumb__item,
html body.mix-site .mix-breadcrumb > li {
  display: inline-flex !important;
  align-items: center;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
html body.mix-site .xiu-breadcrumb .xiu-breadcrumb__item + .xiu-breadcrumb__item::before,
html body.mix-site .mix-breadcrumb > li + li::before {
  content: "\203A";
  margin: 0 0.35rem;
  color: #888;
  opacity: 0.7;
  font-size: 0.9rem;
  line-height: 1;
}
html body.mix-site .mix-breadcrumb .sep {
  display: none !important;
}
html body.mix-site .xiu-breadcrumb a,
html body.mix-site .mix-breadcrumb a {
  color: #ccc !important;
  text-decoration: none !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body.mix-site .xiu-breadcrumb a:hover,
html body.mix-site .mix-breadcrumb a:hover {
  color: var(--mix-accent) !important;
}
html body.mix-site .xiu-breadcrumb .xiu-breadcrumb__item.is-current span,
html body.mix-site .mix-breadcrumb .current,
html body.mix-site .mix-breadcrumb > li:last-child > span:not(.sep) {
  color: #fff !important;
  font-weight: 600;
  padding: 0.12rem 0.45rem;
  background: rgba(var(--mix-accent-rgb), 0.12);
  border-radius: 0.35rem;
}

/* 商城 Tab 当前态 */
html body.mix-site.dj-site.dj-xiu a.xiu-shop-tab--current,
html body.mix-site.dj-site.dj-xiu .dj-shop-tabs > a.xiu-shop-tab--current,
html body.mix-site.dj-site.dj-xiu .dj-shop-tabs > a.xiu-shop-tab--current.dj-tip,
html body.mix-site.dj-site.dj-xiu .dj-page--car .dj-shop-tabs > a.xiu-shop-tab--current,
html body.mix-site.dj-site.dj-xiu .dj-page--upan .dj-shop-tabs > a.xiu-shop-tab--current,
[data-theme="light"] html body.mix-site.dj-site.dj-xiu .dj-shop-tabs > a.xiu-shop-tab--current,
[data-bs-theme="light"] html body.mix-site.dj-site.dj-xiu .dj-shop-tabs > a.xiu-shop-tab--current {
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
  box-shadow: 0 2px 12px rgba(var(--mix-accent-rgb), 0.35) !important;
}
html body.mix-site.dj-xiu .dj-shop-flow-steps {
  --dj-shop-flow-accent: var(--mix-accent) !important;
  --dj-shop-flow-line: var(--mix-accent) !important;
}

/* 悬浮提示气泡 */
html body #tooltips,
html body.mix-site #tooltips,
html body.dj-xiu #tooltips,
html body.dj-site #tooltips {
  background: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
  box-shadow: 0 4px 14px rgba(var(--mix-accent-rgb), 0.35) !important;
}
html body #tooltips::after,
html body.mix-site #tooltips::after,
html body.dj-xiu #tooltips::after {
  border-top-color: var(--mix-accent) !important;
}

/* Layui / 登录弹窗 */
html body .layui-layer-btn .layui-layer-btn0,
html body .layui-layer-btn a.layui-layer-btn0,
html body .dj-login-layer .layui-layer-btn0,
html body .dj-login-modal__submit,
html body .dj-login-modal button[type="submit"],
html body .dj-login-modal .btn-primary {
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
  background-image: none !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}
html body .layui-layer .layui-layer-title,
html body .dj-login-layer .layui-layer-title {
  color: var(--mix-accent) !important;
}
html body .layui-layer-btn .layui-layer-btn0:hover,
html body .dj-login-modal__submit:hover {
  background: var(--mix-accent-hover) !important;
  border-color: var(--mix-accent-hover) !important;
  color: var(--mix-on-accent) !important;
}
html body .dj-login-modal a:hover,
html body .dj-login-layer a:hover {
  color: var(--mix-accent) !important;
}

/* 下载弹窗 / 套曲网盘弹窗 */
html body.dj-down-page,
html body.dj-down-page .dj-xiu,
html body.mix-site .xiu-download-page,
html body.mix-site .xiu-download-modal,
html body.mix-site .xiu-taoqu-layer {
  --xiu-green: var(--mix-accent);
  --dj-primary: var(--mix-accent);
  --dj-primary-hover: var(--mix-accent-hover);
  --dl-item-hover-text: var(--mix-accent);
  --dl-item-value: var(--mix-accent);
  --dl-title-hover: var(--mix-accent);
  --dl-link: var(--mix-accent);
  --dl-id-label: var(--mix-accent);
}
html body.dj-down-page .xiu-taoqu-disk-topbar,
html body.mix-site .xiu-taoqu-disk-topbar,
html body.mix-site .xiu-download-topbar {
  background: linear-gradient(90deg, rgba(var(--mix-accent-rgb), 0.14) 0%, transparent 70%) !important;
}
html body.dj-down-page .xiu-taoqu-disk-topbar i,
html body.mix-site .xiu-taoqu-disk-topbar i,
html body.dj-down-page .xiu-taoqu-meta-icon,
html body.mix-site .xiu-taoqu-meta-icon,
html body.dj-down-page .xiu-taoqu-meta-icon i,
html body.mix-site .xiu-taoqu-meta-icon i {
  color: var(--mix-accent) !important;
}
html body.dj-down-page .xiu-taoqu-meta-icon,
html body.mix-site .xiu-taoqu-meta-icon {
  background: rgba(var(--mix-accent-rgb), 0.12) !important;
}
html body.dj-down-page .xiu-taoqu-meta-item:hover,
html body.mix-site .xiu-taoqu-meta-item:hover {
  border-color: rgba(var(--mix-accent-rgb), 0.28) !important;
  background: rgba(var(--mix-accent-rgb), 0.06) !important;
}
html body.dj-down-page .xiu-taoqu-price.is-free,
html body.mix-site .xiu-taoqu-price.is-free {
  background: rgba(var(--mix-accent-rgb), 0.18) !important;
  color: var(--mix-accent) !important;
  border-color: rgba(var(--mix-accent-rgb), 0.3) !important;
}
html body.dj-down-page .xiu-btn-green,
html body.dj-down-page a.xiu-btn-green,
html body.dj-down-page .btn-primary,
html body.dj-down-page .btn-success,
html body.dj-down-page #dl-downstr a,
html body.dj-down-page #dl-downstr .btn,
html body.mix-site .xiu-download-page .xiu-btn-green,
html body.mix-site .xiu-download-page .btn-primary,
html body.mix-site .xiu-download-page .btn-success,
html body.mix-site .xiu-taoqu-layer .xiu-btn-green,
html body.mix-site .xiu-taoqu-layer .btn-primary,
html body.mix-site .xiu-taoqu-layer a.btn {
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
  background-image: none !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
  box-shadow: 0 4px 14px rgba(var(--mix-accent-rgb), 0.3) !important;
}
html body.dj-down-page .xiu-btn-green:hover,
html body.dj-down-page .btn-primary:hover,
html body.mix-site .xiu-download-page .xiu-btn-green:hover,
html body.mix-site .xiu-taoqu-layer .xiu-btn-green:hover {
  background: var(--mix-accent-hover) !important;
  border-color: var(--mix-accent-hover) !important;
  color: var(--mix-on-accent) !important;
}

/* 会员/首页绿渐变按钮 */
html body.mix-site .btn-dj,
html body.mix-site .dj-music-index-empty .btn-dj,
html body.mix-site .dj-music-index-hero .btn-dj,
html body.mix-site .dj-member-hero .btn-dj {
  background: linear-gradient(180deg, var(--mix-accent-muted) 0%, var(--mix-accent) 100%) !important;
  color: var(--mix-on-accent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 4px 14px rgba(var(--mix-accent-rgb), 0.3) !important;
}

/* 关注按钮等 */
html body.mix-site .xiu-artist-follow-btn,
html body.mix-site .dj-entity-hero__follow.is-followed .xiu-artist-follow-btn {
  color: var(--mix-accent) !important;
  background: rgba(var(--mix-accent-rgb), 0.12) !important;
  border-color: rgba(var(--mix-accent-rgb), 0.35) !important;
}
html body.mix-site .xiu-artist-follow-btn:hover,
html body.mix-site .dj-entity-hero__follow.is-followed .xiu-artist-follow-btn,
html body.mix-site .dj-entity-hero__follow.is-followed .xiu-artist-follow-btn:hover {
  color: var(--mix-on-accent) !important;
  background: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
}

/* Bootstrap success / 行内硬编码绿 */
html body.mix-site .text-success,
html body.dj-down-page .text-success {
  color: var(--mix-accent) !important;
}
html body.mix-site .bg-success,
html body.mix-site .badge.bg-success {
  background-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}
html body.mix-site .border-success {
  border-color: var(--mix-accent) !important;
}

/* 手机端面包屑后置隐藏：压过上方 display:flex，去掉标题上方空白 */
@media (max-width: 767.98px) {
  html body.mix-site .mix-breadcrumb-bar,
  html body.mix-site .xiu-breadcrumb,
  html body.mix-site .dj-breadcrumb,
  html body.mix-site nav[aria-label="breadcrumb"] {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  /* sticky 顶栏已占位，统一去掉 site-main 额外顶距 */
  html body.mix-site .site-main,
  html body.mix-site.member-layout .site-main.mix-member-main,
  html body.mix-site .site-main:has(.music-detail-page),
  html body.mix-site .site-main:has(.music-page),
  html body.mix-site .site-main:has(.mix-genre-page) {
    padding-top: 0 !important;
  }
  html body.mix-site .music-detail-page.page-container,
  html body.mix-site .music-detail-page > .container,
  html body.mix-site .music-detail-page .music-detail-wrapper,
  html body.mix-site .music-detail-page .music-detail-wrapper > .row,
  html body.mix-site .music-detail-page .music-detail-wrapper > .row > [class*="col-"] {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  html body.mix-site .music-detail-page > .container {
    padding-top: 6px !important;
  }
  html body.mix-site .music-detail-page .music-title {
    margin-top: 0 !important;
  }
  /* 分类/列表页：收紧顶栏到标题间距 */
  html body.mix-site .music-page.page-container,
  html body.mix-site .mix-genre-page.page-container,
  html body.mix-site .mix-page-wrap > #f2,
  html body.mix-site .mix-page-wrap > .dj-page,
  html body.mix-site .mix-page-wrap > .dj-genre-page {
    padding-top: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  html body.mix-site .music-page > .container,
  html body.mix-site .mix-genre-page > .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  html body.mix-site .music-page .filter-box {
    padding: 10px !important;
    margin-bottom: 10px !important;
  }
  html body.mix-site .music-page .mix-page-h1 {
    margin: 0 0 8px !important;
    padding: 0 0 8px !important;
  }
}

/* 底部迷你播放器音量：.volume-slider 是包裹层，mix-live 把它当成滑条画出灰轨，里面的 range 又是浏览器蓝条 */
html body.mix-site #music-player.music-player .volume-slider {
  width: 88px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
html body.mix-site #music-player.music-player .volume-slider::-webkit-slider-thumb,
html body.mix-site #music-player.music-player .volume-slider::-moz-range-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.mix-site #music-player.music-player .volume-slider input[type="range"] {
  display: block !important;
  width: 88px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  accent-color: var(--mix-accent) !important;
  cursor: pointer;
}


@keyframes dj-play-title-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(var(--scroll-distance, 0px)); }
}

/* ========== 首页双栏（主栏 + 侧栏；左侧导航栏不动） ========== */
body.mix-site .mix-home {
  /* 顶行推荐与下方侧栏同宽，竖缝对齐 */
  --mix-home-aside-w: clamp(260px, 22vw, 300px);
  --mix-home-gap: 16px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 12px 0 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* 顶行：海报 + 推荐舞曲（grid 同高同缝） */
body.mix-site .mix-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--mix-home-aside-w);
  gap: var(--mix-home-gap);
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
}
body.mix-site .mix-home-hero > .mix-home-banner {
  min-width: 0;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  min-height: 200px;
  aspect-ratio: 2.45 / 1;
  align-self: stretch;
}
body.mix-site .mix-home-hero > .mix-home-rec {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 100% !important;
  align-self: stretch;
  overflow: hidden;
  margin: 0;
}
body.mix-site .mix-home-hero .mix-home-aside-card__head {
  flex-shrink: 0;
}
body.mix-site .mix-home-hero .mix-home-rec-list {
  margin: 0;
}
body.mix-site .mix-home-hero .mix-home-rec-list.is-active {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: block !important;
  scrollbar-width: thin;
}
body.mix-site .mix-home-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--mix-home-aside-w);
  gap: var(--mix-home-gap);
  align-items: start;
  width: 100%;
}
body.mix-site .mix-home-main {
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: visible;
}
body.mix-site .mix-home-box {
  min-width: 0;
  max-width: 100%;
}
body.mix-site .mix-home-aside {
  width: 100%;
  max-width: none;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 20px;
  align-self: start;
  box-sizing: border-box;
  overflow: hidden;
}
/* 首页轮播：默认；hero 内比例/高度由上方 .mix-home-hero > .mix-home-banner 覆盖 */
body.mix-site .mix-home-banner {
  position: relative;
  border-radius: var(--mix-radius-lg);
  overflow: hidden;
  background: var(--mix-surface);
  border: 1px solid var(--mix-border);
  aspect-ratio: 2.45 / 1;
  min-height: 180px;
  box-sizing: border-box;
  width: 100%;
  box-sizing: border-box;
}
body.mix-site .mix-home-banner .banner-slider {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
body.mix-site .mix-home-banner .banner-item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.mix-site .mix-home-banner .banner-item > a,
body.mix-site .mix-home-banner .banner-item > div {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
body.mix-site .mix-home-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  max-width: none;
}
/* Poster 嵌套进 mix-home-banner：隐藏内置推荐榜，强制 full 铺满，吃掉 min-height:380 */
body.mix-site .mix-home-banner .poster-module,
body.mix-site .mix-home-banner .poster-layout,
body.mix-site .mix-home-banner .poster-layout--full,
body.mix-site .mix-home-banner .poster-banner {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
  display: block !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  gap: 0 !important;
}
body.mix-site .mix-home-banner .poster-rank {
  display: none !important;
}
body.mix-site .mix-home-banner .poster-banner-slider {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}
body.mix-site .mix-home-banner .poster-banner-item {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}
body.mix-site .mix-home-banner .poster-banner-item a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}
body.mix-site .mix-home-banner .poster-banner-item img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  max-width: none !important;
}
body.mix-site .mix-home-banner > .banner-indicator {
  display: none;
}
body.mix-site .mix-home-banner .poster-banner-indicator {
  z-index: 5;
}
body.mix-site .mix-home-box,
body.mix-site .mix-home-aside-card {
  background: var(--mix-surface);
  border: 1px solid var(--mix-border);
  border-radius: var(--mix-radius-lg);
  overflow: hidden;
}
body.mix-site .mix-home-box__head,
body.mix-site .mix-home-aside-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--mix-border);
  min-height: 48px;
  box-sizing: border-box;
}
body.mix-site .mix-home-box__title,
body.mix-site .mix-home-aside-card__title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.2;
}
body.mix-site .mix-home-box__title i,
body.mix-site .mix-home-aside-card__title i {
  color: var(--mix-accent);
  font-size: 18px;
}
body.mix-site .mix-home-box__more {
  color: #888;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
}
body.mix-site .mix-home-box__more:hover {
  color: var(--mix-accent);
}
body.mix-site .mix-home-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
body.mix-site .mix-home-tabs__item {
  appearance: none;
  border: 0;
  background: transparent;
  color: #888;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1.2;
}
body.mix-site .mix-home-tabs__item:hover {
  color: #fff;
}
body.mix-site .mix-home-tabs__item.is-active {
  color: var(--mix-accent);
  background: rgba(var(--mix-accent-rgb), 0.12);
}
body.mix-site .mix-home-tabs__refresh {
  color: #aaa;
}
body.mix-site .mix-home-tabs--sm .mix-home-tabs__item {
  font-size: 12px;
  padding: 3px 6px;
}

/* 歌曲行（独家 / 分类） */
body.mix-site .mix-home-songs {
  padding: 4px 8px 8px;
}
body.mix-site .mix-home-song {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 8px;
  border-radius: 8px;
  transition: background .15s ease;
}
body.mix-site .mix-home-song:hover {
  background: rgba(255, 255, 255, 0.04);
}
body.mix-site .mix-home-song__cover {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  overflow: hidden;
  background: #222;
  display: block;
}
body.mix-site .mix-home-song__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.mix-site .mix-home-song__main {
  min-width: 0;
}
body.mix-site .mix-home-song__name {
  display: block;
  color: #e8e8e8;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
body.mix-site .mix-home-song__name:hover {
  color: var(--mix-accent);
}
body.mix-site .mix-home-song__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
  color: #777;
  font-size: 12px;
}
body.mix-site .mix-home-song__ops {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
body.mix-site .mix-home-song__ops a {
  color: #888;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
}
body.mix-site .mix-home-song__ops a:hover {
  color: var(--mix-accent);
}

/* 制作人墙：7 等分列，大图 span 2×2 + aspect-ratio:1（对齐专辑马赛克，避免高度塌缩） */
body.mix-site .mix-home-producers,
body.mix-site .mix-home-producer-panel,
body.mix-site .mix-home-producer-grid {
  min-width: 0;
  max-width: 100%;
}
body.mix-site .mix-home-producer-panel {
  display: none !important;
}
body.mix-site .mix-home-producer-panel.is-active {
  display: block !important;
}
body.mix-site .mix-home-producer-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 16px 16px;
  width: 100%;
  box-sizing: border-box;
}
/* 必须 relative：若被 a.dj-tip { position:static !important } 打掉，名称会脱离卡片溢出 */
body.mix-site a.mix-home-producer,
body.mix-site a.mix-home-producer.dj-tip,
body.mix-site a.mix-home-producer.tooltip {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow: hidden !important;
  background: #222;
  text-decoration: none !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
  white-space: normal !important;
  text-overflow: clip !important;
  opacity: 1 !important;
  z-index: auto !important;
  font-size: inherit !important;
  line-height: normal !important;
}
body.mix-site .mix-home-producer.is-feature {
  grid-column: span 2;
  grid-row: span 2;
  border-radius: 12px;
}
body.mix-site .mix-home-producer > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  transition: transform .25s ease;
}
body.mix-site .mix-home-producer:hover > img {
  transform: scale(1.05);
}
body.mix-site .mix-home-producer__name {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  z-index: 3 !important;
  display: block !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 18px 6px 8px !important;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75)) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  pointer-events: none;
  line-height: 1.25 !important;
}
body.mix-site .mix-home-producer.is-feature .mix-home-producer__name {
  font-size: 14px !important;
  padding: 22px 10px 10px !important;
}
body.mix-site .mix-home-producer__heat {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 3px;
  width: auto !important;
  max-width: calc(100% - 16px);
  background: rgba(0, 0, 0, 0.6) !important;
  color: #fff !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  pointer-events: none;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.mix-site .mix-home-producer__heat i {
  color: #ff3b30 !important;
  font-size: 12px !important;
  flex-shrink: 0;
}
body.mix-site .mix-home-producer__badge {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 2 !important;
  width: auto !important;
  max-width: calc(100% - 20px);
  background: rgba(var(--mix-accent-rgb), 0.92) !important;
  color: var(--mix-on-accent, #0d0d0d) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  pointer-events: none;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 热门歌单：悬停播放 + 热度角标 + 封面内标题 */
body.mix-site .mix-home-radio-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 14px 16px 16px;
}
body.mix-site a.mix-home-radio,
body.mix-site a.mix-home-radio.dj-tip,
body.mix-site a.mix-home-radio.tooltip {
  display: block !important;
  min-width: 0 !important;
  max-width: 100%;
  text-decoration: none !important;
  color: inherit !important;
  position: relative !important;
  overflow: visible !important;
  white-space: normal !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
body.mix-site .mix-home-radio__cover {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  overflow: hidden;
  background: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body.mix-site .mix-home-radio:hover .mix-home-radio__cover {
  border-color: rgba(var(--mix-accent-rgb), 0.45);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(var(--mix-accent-rgb), 0.18);
  transform: translateY(-3px);
}
body.mix-site .mix-home-radio__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s cubic-bezier(0.34, 1.2, 0.64, 1);
}
body.mix-site .mix-home-radio:hover .mix-home-radio__cover img {
  transform: scale(1.08);
}
body.mix-site .mix-home-radio__hot {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  max-width: calc(100% - 16px);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  background: rgba(var(--mix-accent-rgb), 0.42);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
body.mix-site .mix-home-radio__hot i {
  color: #ff3b30;
  font-size: 11px;
  flex-shrink: 0;
}
/* 标题叠在封面底部 */
body.mix-site .mix-home-radio__caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 22px 10px 10px;
  color: #fff;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72), transparent);
  pointer-events: none;
  transition: opacity .25s ease;
}
body.mix-site .mix-home-radio:hover .mix-home-radio__caption {
  opacity: 0;
}
body.mix-site .mix-home-radio__caption > i {
  flex-shrink: 0;
  font-size: 13px;
  opacity: 0.95;
}
body.mix-site .mix-home-radio__name {
  min-width: 0;
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .mix-home-radio__overlay {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.28);
  opacity: 0;
  transition: opacity .28s ease;
  pointer-events: none;
}
body.mix-site .mix-home-radio:hover .mix-home-radio__overlay {
  opacity: 1;
}
body.mix-site .mix-home-radio__play {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--mix-accent-rgb), 0.92);
  border: 2px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 8px 28px rgba(var(--mix-accent-rgb), 0.35);
  color: var(--mix-on-accent, #0d0d0d);
  transform: scale(0.82) rotate(-12deg);
  transition: transform .35s cubic-bezier(0.34, 1.4, 0.64, 1);
}
body.mix-site .mix-home-radio:hover .mix-home-radio__play {
  transform: scale(1) rotate(0deg);
}
body.mix-site .mix-home-radio__play i {
  font-size: 26px;
  margin-left: 3px;
  line-height: 1;
}

/* 右侧：推荐 / 专辑 / 周榜 */
body.mix-site .mix-home-rec-list {
  list-style: none;
  margin: 0;
  padding: 6px 12px 12px;
  display: none;
  min-width: 0;
  overflow: hidden;
}
body.mix-site .mix-home-rec-list.is-active {
  display: block;
}
body.mix-site .mix-home-rec-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 4px;
  border-bottom: 1px solid rgba(255,255,255,.04);
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
body.mix-site .mix-home-rec-item:last-child {
  border-bottom: 0;
}
body.mix-site .mix-home-rec-item__name {
  flex: 1;
  min-width: 0;
  color: #d8d8d8;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .mix-home-rec-item__name:hover {
  color: var(--mix-accent);
}
body.mix-site .mix-home-rec-item__date {
  flex-shrink: 0;
  color: #666;
  font-size: 12px;
}
body.mix-site .mix-home-album-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 14px;
}
body.mix-site .mix-home-album {
  text-align: center;
  text-decoration: none;
  color: #ccc;
  min-width: 0;
}
body.mix-site .mix-home-album img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 8px;
  background: #222;
  display: block;
}
body.mix-site .mix-home-album span {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mix-site .mix-home-album:hover span {
  color: var(--mix-accent);
}
/* 本周排行榜：左封面 + 右标题/ID·TIME（防 a.dj-tip 把 flex 打成 block） */
body.mix-site .mix-home-rank-list {
  display: none;
  padding: 4px 12px 12px;
  min-width: 0;
  overflow: hidden;
}
body.mix-site .mix-home-rank-list.is-active {
  display: flex;
  flex-direction: column;
  gap: 0;
}
body.mix-site a.mix-home-rank-item,
body.mix-site a.mix-home-rank-item.dj-tip,
body.mix-site a.mix-home-rank-item.tooltip {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none !important;
  padding: 8px 4px !important;
  margin: 0 !important;
  border-radius: 6px;
  line-height: 1.25 !important;
  position: relative !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: clip !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: inherit !important;
  font-size: inherit !important;
}
body.mix-site a.mix-home-rank-item + a.mix-home-rank-item {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
body.mix-site a.mix-home-rank-item:hover {
  background: rgba(255, 255, 255, 0.03) !important;
}
body.mix-site .mix-home-rank-item__cover {
  position: relative !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  border-radius: 6px;
  overflow: hidden;
  background: #222;
}
body.mix-site .mix-home-rank-item__cover img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
}
body.mix-site .mix-home-rank-item__play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
body.mix-site .mix-home-rank-item__play i {
  color: #fff;
  font-size: 20px;
}
body.mix-site a.mix-home-rank-item:hover .mix-home-rank-item__play {
  opacity: 1;
}
body.mix-site .mix-home-rank-item__meta {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center;
  gap: 4px;
  overflow: hidden !important;
}
body.mix-site .mix-home-rank-item__name {
  display: block !important;
  color: #d8d8d8 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100%;
}
body.mix-site a.mix-home-rank-item:hover .mix-home-rank-item__name {
  color: var(--mix-accent) !important;
}
body.mix-site .mix-home-rank-item__sub {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 10px;
  color: #666 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
body.mix-site .mix-home-friends {
  margin-top: 0;
}
body.mix-site .mix-home-friends .friend-link-list {
  padding: 12px 16px 16px;
}

@media (max-width: 1199.98px) {
  body.mix-site .mix-home {
    --mix-home-aside-w: clamp(240px, 26vw, 280px);
  }
  body.mix-site .mix-home-radio-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.mix-site .mix-home-radio__play {
    width: 46px;
    height: 46px;
  }
  body.mix-site .mix-home-radio__play i {
    font-size: 22px;
  }
}
@media (max-width: 991.98px) {
  body.mix-site .mix-home-hero {
    grid-template-columns: 1fr;
  }
  body.mix-site .mix-home-hero > .mix-home-banner {
    width: 100%;
    aspect-ratio: 16 / 7;
  }
  body.mix-site .mix-home-hero > .mix-home-rec {
    width: 100%;
    max-width: none;
    height: auto !important;
  }
  body.mix-site .mix-home-hero .mix-home-rec-list.is-active {
    overflow: visible;
  }
  body.mix-site .mix-home-body {
    grid-template-columns: 1fr;
  }
  body.mix-site .mix-home-aside {
    width: 100%;
    max-width: none;
    min-width: 0;
    position: static;
  }
  body.mix-site .mix-home-banner {
    aspect-ratio: 16 / 7;
  }
  body.mix-site .mix-home-producer-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body.mix-site .mix-home-producer.is-feature {
    grid-column: span 2;
    grid-row: span 2;
  }
}
@media (max-width: 767.98px) {
  body.mix-site .mix-home-banner {
    aspect-ratio: 16 / 9;
    max-height: 280px;
  }
  body.mix-site .mix-home-producer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.mix-site .mix-home-producer.is-feature {
    grid-column: span 1;
    grid-row: span 1;
  }
  body.mix-site .mix-home-radio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.mix-site .mix-home-song {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  body.mix-site .mix-home-song__ops {
    display: none;
  }
  body.mix-site .mix-home-album-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* ========== Mix 浅色模式（data-theme=light / 跟随系统） ========== */
html[data-theme="light"],
html[data-bs-theme="light"],
[data-theme="light"] body.mix-site,
[data-bs-theme="light"] body.mix-site,
[data-theme="light"] body.dj-site,
[data-bs-theme="light"] body.dj-site,
[data-theme="light"] body.dj-xiu,
[data-bs-theme="light"] body.dj-xiu {
  --mix-canvas: #f3f4f6;
  --mix-surface: #ffffff;
  --mix-surface-2: #f8fafc;
  --mix-surface-3: #eef2f7;
  --mix-surface-hover: #e8edf3;
  --mix-border: #e5e7eb;
  --mix-border-strong: #d1d5db;
  --mix-text: #111827;
  --mix-text-muted: #6b7280;
  --mix-text-faint: #9ca3af;
  --mix-on-accent: #0d0d0d;
  --dj-surface: var(--mix-surface);
  --dj-surface-2: var(--mix-surface-3);
  --dj-surface-3: var(--mix-surface-3);
  --dj-card-bg: var(--mix-surface);
  --dj-border: var(--mix-border);
  --dj-text: var(--mix-text);
  --dj-text-muted: var(--mix-text-muted);
  --bg-main: var(--mix-canvas);
  --bg-card: var(--mix-surface);
  --bg-card-light: #f1f5f9;
  --bg-sidebar: var(--mix-surface);
  --text-primary: #111827;
  --text-secondary: var(--mix-text-muted);
  --text-muted: var(--mix-text-faint);
  --bs-body-bg: var(--mix-canvas);
  --bs-body-color: #1f2937;
  --bs-table-striped-bg: rgba(243, 244, 246, 0.85);
  --bs-table-hover-bg: rgba(229, 231, 235, 0.95);
  --bs-table-border-color: #e5e7eb;
  color-scheme: light;
}

html[data-theme="light"],
html[data-bs-theme="light"],
[data-theme="light"] html,
[data-theme="light"] body.mix-site,
[data-bs-theme="light"] body.mix-site,
[data-theme="light"] body.dj-site,
[data-bs-theme="light"] body.dj-site {
  background: var(--mix-canvas) !important;
  color: var(--mix-text) !important;
}

[data-theme="light"] body.mix-site .site-main,
[data-bs-theme="light"] body.mix-site .site-main,
[data-theme="light"] body.mix-site.member-layout .site-main.mix-member-main,
[data-bs-theme="light"] body.mix-site.member-layout .site-main.mix-member-main {
  background: var(--mix-canvas) !important;
  color: var(--mix-text);
}

/* 浅色顶栏：白底 + 浅灰分隔线（覆盖任何残留深色边/阴影） */
html[data-theme="light"] body.mix-site > header.header-main,
html[data-theme="light"] body.mix-site header.header-main,
html[data-theme="light"] body.mix-site .header-main,
html[data-bs-theme="light"] body.mix-site .header-main,
[data-theme="light"] body.mix-site .header-main,
[data-bs-theme="light"] body.mix-site .header-main {
  background: #ffffff !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .header-top,
html[data-bs-theme="light"] body.mix-site .header-top,
[data-theme="light"] body.mix-site .header-top,
[data-bs-theme="light"] body.mix-site .header-top {
  background: #ffffff !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
html[data-theme="light"] body.mix-site .header-nav,
html[data-bs-theme="light"] body.mix-site .header-nav,
[data-theme="light"] body.mix-site .header-nav,
[data-bs-theme="light"] body.mix-site .header-nav {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}
[data-theme="light"] body.mix-site .header-main .search-box input,
[data-theme="light"] body.mix-site .header-main #searchInput,
[data-theme="light"] body.mix-site .header-main #searchInputMobile,
[data-bs-theme="light"] body.mix-site .header-main input[type="text"]#searchInput {
  background-color: #f3f4f6 !important;
  color: #111827 !important;
  box-shadow: 0 0 0 1px #e5e7eb !important;
}
[data-theme="light"] body.mix-site .header-main #ser_result,
[data-theme="light"] body.mix-site .header-main .dj-ser-result,
[data-bs-theme="light"] body.mix-site .header-main #ser_result {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #111827 !important;
}
[data-theme="light"] body.mix-site .header-btn,
[data-theme="light"] body.mix-site .login-btn,
[data-bs-theme="light"] body.mix-site .header-btn,
[data-bs-theme="light"] body.mix-site .login-btn {
  background: #f3f4f6 !important;
  background-color: #f3f4f6 !important;
  border: 1px solid var(--mix-border, #e5e7eb) !important;
  color: #374151 !important;
}
[data-theme="light"] body.mix-site .header-btn:hover,
[data-bs-theme="light"] body.mix-site .header-btn:hover {
  background: #e8edf3 !important;
  background-color: #e8edf3 !important;
  border-color: var(--mix-border-strong, #d1d5db) !important;
  color: #111827 !important;
}
[data-theme="light"] body.mix-site .nav-link,
[data-theme="light"] body.mix-site .header-nav .nav-link,
[data-bs-theme="light"] body.mix-site .header-nav .nav-link {
  color: #374151 !important;
}
[data-theme="light"] body.mix-site .nav-link:hover,
[data-theme="light"] body.mix-site .nav-link.active,
[data-bs-theme="light"] body.mix-site .nav-link:hover {
  color: var(--mix-accent) !important;
}
[data-theme="light"] body.mix-site .header-user-dropdown .xiu-user-menu,
[data-bs-theme="light"] body.mix-site .header-user-dropdown .xiu-user-menu {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
}
[data-theme="light"] body.mix-site .header-user-dropdown .xiu-user-menu a,
[data-bs-theme="light"] body.mix-site .header-user-dropdown .xiu-user-menu a {
  color: #374151 !important;
}
[data-theme="light"] body.mix-site .header-user-dropdown .xiu-user-menu a:hover,
[data-bs-theme="light"] body.mix-site .header-user-dropdown .xiu-user-menu a:hover {
  background: #f3f4f6 !important;
  color: var(--mix-accent) !important;
}

[data-theme="light"] body.mix-site .mix-left-nav,
[data-theme="light"] body.mix-site .mix-left-latest,
[data-theme="light"] body.mix-site .mix-home-aside-card,
[data-theme="light"] body.mix-site .mix-home-box,
[data-theme="light"] body.mix-site .mix-rank-page .rank-nav-group,
[data-bs-theme="light"] body.mix-site .mix-left-nav,
[data-bs-theme="light"] body.mix-site .mix-left-latest,
[data-bs-theme="light"] body.mix-site .mix-home-aside-card {
  background: var(--mix-surface) !important;
  border-color: var(--mix-border) !important;
  color: var(--mix-text);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}
[data-theme="light"] body.mix-site .mix-home-aside-card__title,
[data-theme="light"] body.mix-site .mix-home-box__title,
[data-theme="light"] body.mix-site .section-title,
[data-theme="light"] body.mix-site .rank-title,
[data-bs-theme="light"] body.mix-site .mix-home-aside-card__title {
  color: #111827 !important;
}

/* 左侧栏：浅色下强制深字 / 深图标（压过暗色 #fff / #e8e8e8） */
html[data-theme="light"] body.mix-site .mix-left-sidebar a.mix-left-nav__item,
html[data-bs-theme="light"] body.mix-site .mix-left-sidebar a.mix-left-nav__item,
[data-theme="light"] body.mix-site .mix-left-nav__item,
[data-bs-theme="light"] body.mix-site .mix-left-nav__item {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .mix-left-sidebar a.mix-left-nav__item:hover,
html[data-bs-theme="light"] body.mix-site .mix-left-sidebar a.mix-left-nav__item:hover,
[data-theme="light"] body.mix-site .mix-left-nav__item:hover,
[data-bs-theme="light"] body.mix-site .mix-left-nav__item:hover {
  background: color-mix(in srgb, var(--mix-accent) 10%, #f3f4f6) !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-left-sidebar a.mix-left-nav__item.is-active,
html[data-bs-theme="light"] body.mix-site .mix-left-sidebar a.mix-left-nav__item.is-active,
[data-theme="light"] body.mix-site .mix-left-nav__item.is-active,
[data-bs-theme="light"] body.mix-site .mix-left-nav__item.is-active {
  color: var(--mix-accent) !important;
}
[data-theme="light"] body.mix-site .mix-left-nav__text,
[data-bs-theme="light"] body.mix-site .mix-left-nav__text {
  color: inherit !important;
}
[data-theme="light"] body.mix-site .mix-left-nav__icon,
[data-bs-theme="light"] body.mix-site .mix-left-nav__icon {
  background: #eef2f7 !important;
  color: #4b5563 !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
}
[data-theme="light"] body.mix-site .mix-left-nav__icon i,
[data-bs-theme="light"] body.mix-site .mix-left-nav__icon i {
  color: inherit !important;
}
[data-theme="light"] body.mix-site .mix-left-nav__icon--home,
[data-bs-theme="light"] body.mix-site .mix-left-nav__icon--home {
  background: color-mix(in srgb, var(--mix-accent) 16%, #ffffff) !important;
  color: var(--mix-accent) !important;
}
[data-theme="light"] body.mix-site .mix-left-nav__icon--song,
[data-bs-theme="light"] body.mix-site .mix-left-nav__icon--song {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.18), rgba(5, 150, 105, 0.08)) !important;
  color: #059669 !important;
}
[data-theme="light"] body.mix-site .mix-left-nav__icon--rank,
[data-bs-theme="light"] body.mix-site .mix-left-nav__icon--rank {
  background: color-mix(in srgb, var(--mix-accent) 14%, #ffffff) !important;
  color: var(--mix-accent) !important;
}
[data-theme="light"] body.mix-site .mix-left-nav__item.is-active .mix-left-nav__icon,
[data-theme="light"] body.mix-site .mix-left-nav__item.is-active .mix-left-nav__icon i,
[data-bs-theme="light"] body.mix-site .mix-left-nav__item.is-active .mix-left-nav__icon,
[data-bs-theme="light"] body.mix-site .mix-left-nav__item.is-active .mix-left-nav__icon i {
  color: var(--mix-accent) !important;
  background: transparent !important;
  box-shadow: none !important;
}
[data-theme="light"] body.mix-site .mix-left-latest__title,
[data-bs-theme="light"] body.mix-site .mix-left-latest__title {
  color: #111827 !important;
  border-bottom-color: #e5e7eb !important;
}
[data-theme="light"] body.mix-site .mix-left-latest__title i,
[data-bs-theme="light"] body.mix-site .mix-left-latest__title i {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-left-sidebar a.mix-left-latest__link,
html[data-bs-theme="light"] body.mix-site .mix-left-sidebar a.mix-left-latest__link,
html[data-theme="light"] body.mix-site #mixLeftSidebar a.mix-left-latest__link {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-left-sidebar a.mix-left-latest__link:hover,
html[data-bs-theme="light"] body.mix-site .mix-left-sidebar a.mix-left-latest__link:hover {
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .mix-left-sidebar .mix-left-latest__cover,
html[data-bs-theme="light"] body.mix-site .mix-left-sidebar .mix-left-latest__cover {
  background: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-left-sidebar .mix-left-latest__name,
html[data-bs-theme="light"] body.mix-site .mix-left-sidebar .mix-left-latest__name {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-left-sidebar .mix-left-latest__sub,
html[data-bs-theme="light"] body.mix-site .mix-left-sidebar .mix-left-latest__sub {
  color: #6b7280 !important;
}
[data-theme="light"] body.mix-site .mix-left-latest__empty,
[data-bs-theme="light"] body.mix-site .mix-left-latest__empty {
  color: #9ca3af !important;
}

[data-theme="light"] body.mix-site .mix-home-rec-item__name,
[data-theme="light"] body.mix-site .mix-home-rank-item__name,
[data-theme="light"] body.mix-site .mix-home-album span,
[data-bs-theme="light"] body.mix-site .mix-home-rec-item__name {
  color: #374151 !important;
}
[data-theme="light"] body.mix-site .mix-home-rank-item__sub,
[data-theme="light"] body.mix-site .mix-home-rec-item__date,
[data-theme="light"] body.mix-site .mix-text-muted,
[data-bs-theme="light"] body.mix-site .mix-home-rank-item__sub {
  color: #6b7280 !important;
}
[data-theme="light"] body.mix-site a.mix-home-rank-item + a.mix-home-rank-item,
[data-theme="light"] body.mix-site .mix-home-rec-item,
[data-bs-theme="light"] body.mix-site .mix-home-rec-item {
  border-bottom-color: rgba(229, 231, 235, 0.95) !important;
}
[data-theme="light"] body.mix-site a.mix-home-rank-item:hover,
[data-theme="light"] body.mix-site .mix-home-rec-item:hover,
[data-bs-theme="light"] body.mix-site a.mix-home-rank-item:hover {
  background: rgba(243, 244, 246, 0.95) !important;
}

[data-theme="light"] body.mix-site footer.mix-footer,
[data-bs-theme="light"] body.mix-site footer.mix-footer {
  background: #ffffff !important;
  border-top: 1px solid var(--mix-border) !important;
  color: #6b7280 !important;
}
[data-theme="light"] body.mix-site footer.mix-footer a,
[data-bs-theme="light"] body.mix-site footer.mix-footer a {
  color: #374151 !important;
}
[data-theme="light"] body.mix-site footer.mix-footer a:hover,
[data-bs-theme="light"] body.mix-site footer.mix-footer a:hover {
  color: var(--mix-accent) !important;
}

[data-theme="light"] body.mix-site .dj-float-tools__btn,
[data-bs-theme="light"] body.mix-site .dj-float-tools__btn {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.1) !important;
}
[data-theme="light"] body.mix-site .dj-float-tools__btn:hover,
[data-bs-theme="light"] body.mix-site .dj-float-tools__btn:hover {
  color: var(--mix-accent) !important;
  border-color: rgba(var(--mix-accent-rgb), 0.35) !important;
}
[data-theme="light"] body.mix-site .dj-float-tools__btn--theme,
[data-bs-theme="light"] body.mix-site .dj-float-tools__btn--theme {
  color: var(--mix-accent) !important;
}
[data-theme="light"] body.mix-site .dj-float-tools__btn--theme.is-dark-mode,
[data-bs-theme="light"] body.mix-site .dj-float-tools__btn--theme.is-dark-mode {
  background: #111827 !important;
  color: #fbbf24 !important;
  border-color: #111827 !important;
}

[data-theme="light"] body.mix-site .xiu-breadcrumb,
[data-theme="light"] body.mix-site .dj-breadcrumb,
[data-theme="light"] html body.mix-site .xiu-breadcrumb,
[data-bs-theme="light"] body.mix-site .xiu-breadcrumb {
  background: linear-gradient(135deg, rgba(var(--mix-accent-rgb), 0.08) 0%, #ffffff 42%) !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
[data-theme="light"] body.mix-site .xiu-breadcrumb a,
[data-bs-theme="light"] body.mix-site .xiu-breadcrumb a {
  color: #4b5563 !important;
}

[data-theme="light"] body.mix-site.member-layout .mix-member-nav-card,
[data-theme="light"] body.mix-site.member-layout .mix-member-content,
[data-bs-theme="light"] body.mix-site.member-layout .mix-member-nav-card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #111827 !important;
}

/* ========== 浅色：列表/排行/专辑/电台/制作人/会员 全站修复 ========== */
html[data-theme="light"] body.mix-site,
html[data-bs-theme="light"] body.mix-site {
  --text-primary: #111827;
  --bs-body-color: #1f2937;
}

/* 通用标题 / 正文 / 链接 */
html[data-theme="light"] body.mix-site .section-title,
html[data-theme="light"] body.mix-site .xiu-demo-title,
html[data-theme="light"] body.mix-site .titleBar h3,
html[data-theme="light"] body.mix-site .rankBox .titleBar h3,
html[data-theme="light"] body.mix-site .mix-page-h1,
html[data-theme="light"] body.mix-site h1,
html[data-theme="light"] body.mix-site h2,
html[data-theme="light"] body.mix-site h3,
html[data-theme="light"] body.mix-site .rank-title,
html[data-theme="light"] body.mix-site .rank-hub-section-title,
html[data-theme="light"] body.mix-site .rank-nav-title,
html[data-bs-theme="light"] body.mix-site .section-title,
html[data-bs-theme="light"] body.mix-site .mix-page-h1,
html[data-bs-theme="light"] body.mix-site .rank-title {
  color: #111827 !important;
}

html[data-theme="light"] body.mix-site .filter-box,
html[data-theme="light"] body.mix-site .rank-section,
html[data-theme="light"] body.mix-site .list-box,
html[data-theme="light"] body.mix-site .mix-song-list,
html[data-theme="light"] body.mix-site .djlist-sidebar,
html[data-theme="light"] body.mix-site .mix-list-sidebar .rank-section,
html[data-theme="light"] body.mix-site .dj-card-side,
html[data-theme="light"] body.mix-site .xiu-panel,
html[data-theme="light"] body.mix-site .mix-al-rail,
html[data-theme="light"] body.mix-site .mix-rd-box,
html[data-theme="light"] body.mix-site .mix-rd-studio,
html[data-theme="light"] body.mix-site .mix-rd-tracks,
html[data-theme="light"] body.mix-site .mix-rd-info,
html[data-theme="light"] body.mix-site .mix-rd-more,
html[data-theme="light"] body.mix-site .rank-hub-section,
html[data-theme="light"] body.mix-site .rank-nav-group,
html[data-theme="light"] body.mix-site .card,
html[data-theme="light"] body.mix-site .dj-card,
html[data-theme="light"] body.mix-site .section-card,
html[data-bs-theme="light"] body.mix-site .filter-box,
html[data-bs-theme="light"] body.mix-site .rank-section {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #111827 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

/* 筛选 / Tab */
html[data-theme="light"] body.mix-site .filter-box a,
html[data-theme="light"] body.mix-site .filter-box .filter-btn,
html[data-theme="light"] body.mix-site .filter-box .tab,
html[data-theme="light"] body.mix-site .genre-chip,
html[data-theme="light"] body.mix-site .xiu-tab-btn,
html[data-theme="light"] body.mix-site .nav-pills .nav-link,
html[data-theme="light"] body.mix-site .mix-al-sort__tab,
html[data-theme="light"] body.mix-site .mix-home-tabs__item,
html[data-bs-theme="light"] body.mix-site .filter-box a {
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site .filter-box a:hover,
html[data-theme="light"] body.mix-site .filter-box a.active,
html[data-theme="light"] body.mix-site .filter-box .tab.active,
html[data-theme="light"] body.mix-site .filter-btn.active,
html[data-theme="light"] body.mix-site .genre-chip.is-active,
html[data-theme="light"] body.mix-site .xiu-tab-btn.active,
html[data-theme="light"] body.mix-site .nav-pills .nav-link.active,
html[data-theme="light"] body.mix-site .mix-al-sort__tab.is-active,
html[data-theme="light"] body.mix-site .mix-al-sort__tab:hover,
html[data-bs-theme="light"] body.mix-site .filter-box a.active {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-head,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-head {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-head__title,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-head__title {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-head__sub,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-head__sub {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-sort__tab,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-sort__tab {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-sort__tab:hover,
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-sort__tab.is-active,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-sort__tab.is-active {
  color: #111827 !important;
}

/* 歌曲列表行 */
html[data-theme="light"] body.mix-site .mix-song-row,
html[data-theme="light"] body.mix-site .song-row,
html[data-theme="light"] body.mix-site .dj-song-row,
html[data-theme="light"] body.mix-site .dj-song-list-item,
html[data-theme="light"] body.mix-site .genre-song-row,
html[data-theme="light"] body.mix-site .xiu-home-sole-row,
html[data-theme="light"] body.mix-site .list-group-item,
html[data-theme="light"] body.mix-site .rank-list-row,
html[data-bs-theme="light"] body.mix-site .mix-song-row,
html[data-bs-theme="light"] body.mix-site .song-row {
  border-bottom-color: #e5e7eb !important;
  background: transparent !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-song-row:hover,
html[data-theme="light"] body.mix-site .song-row:hover,
html[data-theme="light"] body.mix-site .dj-song-row:hover,
html[data-theme="light"] body.mix-site .rank-list-row:hover,
html[data-bs-theme="light"] body.mix-site .mix-song-row:hover {
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .mix-song-row a,
html[data-theme="light"] body.mix-site .song-row a,
html[data-theme="light"] body.mix-site .rank-song-link,
html[data-theme="light"] body.mix-site .list-box a,
html[data-theme="light"] body.mix-site .mix-genre-a8list a,
html[data-theme="light"] body.mix-site .xiu-list-page a,
html[data-bs-theme="light"] body.mix-site .rank-song-link {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-song-row a:hover,
html[data-theme="light"] body.mix-site .rank-song-link:hover,
html[data-theme="light"] body.mix-site .list-box a:hover,
html[data-bs-theme="light"] body.mix-site .rank-song-link:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .list-head,
html[data-theme="light"] body.mix-site .mix-song-list .list-head,
html[data-theme="light"] body.mix-site .text-muted,
html[data-theme="light"] body.mix-site .rank-period-key,
html[data-theme="light"] body.mix-site .mix-col-id,
html[data-theme="light"] body.mix-site .mix-col-check,
html[data-bs-theme="light"] body.mix-site .list-head,
html[data-bs-theme="light"] body.mix-site .text-muted {
  color: #6b7280 !important;
}

/* 排行榜侧栏导航 */
html[data-theme="light"] body.mix-site .mix-rank-page .rank-nav-title,
html[data-theme="light"] body.mix-site .mix-rank-page .rank-main > .rank-title,
html[data-theme="light"] body.mix-site .mix-rank-page .rank-hub-section-title,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-nav-title {
  color: #111827 !important;
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .rank-hub-header,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-hub-header {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .rank-nav-item,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-nav-item {
  color: #4b5563 !important;
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .rank-nav-item:hover,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-nav-item:hover {
  color: #111827 !important;
  background: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .rank-nav-item.active,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-nav-item.active {
  background: color-mix(in srgb, var(--mix-accent) 12%, #ffffff) !important;
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .rank-hub-period-link,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-hub-period-link {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .rank-hub-period-link:hover,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-hub-period-link:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .rank-number-badge,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-number-badge {
  background: #e5e7eb !important;
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .action-group .act,
html[data-theme="light"] body.mix-site .action-group .act,
html[data-bs-theme="light"] body.mix-site .action-group .act {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .action-group .act:hover,
html[data-theme="light"] body.mix-site .action-group .act:hover,
html[data-bs-theme="light"] body.mix-site .action-group .act:hover {
  color: var(--mix-accent) !important;
}

/* 电台 / 专辑卡片文案（封面外） */
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-head,
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-title,
html[data-theme="light"] body.mix-site .mix-radio-board h1,
html[data-theme="light"] body.mix-site .mix-radio-board h2,
html[data-theme="light"] body.mix-site .mix-al-rail__title,
html[data-bs-theme="light"] body.mix-site .mix-radio-board h1 {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-meta,
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-sub,
html[data-theme="light"] body.mix-site .mix-radio-board .text-muted,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .text-muted {
  color: #6b7280 !important;
}

/* 制作人 / djshow */
html[data-theme="light"] body.mix-site .mix-djshow-page .producer-name,
html[data-theme="light"] body.mix-site .mix-djshow-page .producer-title-row,
html[data-theme="light"] body.mix-site .mix-djshow-page .sidebar-title,
html[data-theme="light"] body.mix-site .artist-page h1,
html[data-theme="light"] body.mix-site .artist-page h2,
html[data-theme="light"] body.mix-site .mix-djshow-hot-sidebar .sidebar-title,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .producer-name {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .producer-date,
html[data-theme="light"] body.mix-site .mix-djshow-page .producer-item,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .producer-date {
  color: #6b7280 !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .producer-item,
html[data-theme="light"] body.mix-site .mix-djshow-hot-sidebar,
html[data-theme="light"] body.mix-site .latest-album-section,
html[data-bs-theme="light"] body.mix-site .mix-djshow-hot-sidebar {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .producer-name:hover,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .producer-name:hover {
  color: var(--mix-accent) !important;
}

/* 分页 */
html[data-theme="light"] body.mix-site .pagination a,
html[data-theme="light"] body.mix-site .pagination span,
html[data-theme="light"] body.mix-site .pagination-container .pagination a,
html[data-theme="light"] body.mix-site .pagination-container .pagination span,
html[data-bs-theme="light"] body.mix-site .pagination a {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .pagination .active .page-link,
html[data-theme="light"] body.mix-site .pager .current,
html[data-theme="light"] body.mix-site .pagination-container .pagination li.active a,
html[data-theme="light"] body.mix-site .pagination-container .pagination li.active span,
html[data-bs-theme="light"] body.mix-site .pagination .active .page-link {
  background: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}

/* 空态 / 次要文案 */
html[data-theme="light"] body.mix-site .mix-empty,
html[data-theme="light"] body.mix-site .mix-empty-sm,
html[data-theme="light"] body.mix-site .rank-empty,
html[data-bs-theme="light"] body.mix-site .mix-empty {
  color: #9ca3af !important;
}

/* 会员中心 */
html[data-theme="light"] body.mix-site.member-layout .site-main.mix-member-main,
html[data-bs-theme="light"] body.mix-site.member-layout .site-main.mix-member-main {
  background: var(--mix-canvas) !important;
}
html[data-theme="light"] body.mix-site.member-layout .mix-member-nav-card__title,
html[data-bs-theme="light"] body.mix-site.member-layout .mix-member-nav-card__title {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.member-layout .xiu-mnav-link,
html[data-theme="light"] body.mix-site.member-layout .mix-member-nav a,
html[data-bs-theme="light"] body.mix-site.member-layout .xiu-mnav-link {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site.member-layout .xiu-mnav-link:hover,
html[data-theme="light"] body.mix-site.member-layout .xiu-mnav-link.is-active,
html[data-bs-theme="light"] body.mix-site.member-layout .xiu-mnav-link.is-active {
  color: var(--mix-accent) !important;
  background: color-mix(in srgb, var(--mix-accent) 10%, #ffffff) !important;
}
html[data-theme="light"] body.mix-site.member-layout .mix-member-content,
html[data-theme="light"] body.mix-site.member-layout .mix-member-content .card,
html[data-theme="light"] body.mix-site.member-layout .dj-card,
html[data-theme="light"] body.mix-site.member-layout .section-card,
html[data-bs-theme="light"] body.mix-site.member-layout .mix-member-content .card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .table,
html[data-theme="light"] body.mix-site.member-layout .mix-member-content .table,
html[data-bs-theme="light"] body.mix-site.member-layout .table {
  --bs-table-bg: #ffffff;
  --bs-table-color: #111827;
  --bs-table-border-color: #e5e7eb;
  --bs-table-striped-bg: #f9fafb;
  --bs-table-hover-bg: #f3f4f6;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .form-control,
html[data-theme="light"] body.mix-site.member-layout .form-select,
html[data-theme="light"] body.mix-site.member-layout input,
html[data-theme="light"] body.mix-site.member-layout textarea,
html[data-bs-theme="light"] body.mix-site.member-layout .form-control {
  background: #ffffff !important;
  border-color: #d1d5db !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .text-muted,
html[data-theme="light"] body.mix-site.member-layout .small,
html[data-bs-theme="light"] body.mix-site.member-layout .text-muted {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site.member-layout .offcanvas,
html[data-theme="light"] body.mix-site.member-layout .offcanvas-header,
html[data-theme="light"] body.mix-site.member-layout .xiu-member-offcanvas-body,
html[data-bs-theme="light"] body.mix-site.member-layout .offcanvas {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}

/* 下拉 / 侧栏链接通用 */
html[data-theme="light"] body.mix-site .dropdown-menu,
html[data-bs-theme="light"] body.mix-site .dropdown-menu {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .dropdown-item,
html[data-bs-theme="light"] body.mix-site .dropdown-item {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .dropdown-item:hover,
html[data-bs-theme="light"] body.mix-site .dropdown-item:hover {
  background: #f3f4f6 !important;
  color: var(--mix-accent) !important;
}

/* songs / genre / sole 页容器文字兜底 */
html[data-theme="light"] body.mix-site .music-page,
html[data-theme="light"] body.mix-site .dj-genre-page,
html[data-theme="light"] body.mix-site .dj-songs-page,
html[data-theme="light"] body.mix-site .genre-list-page,
html[data-theme="light"] body.mix-site .xiu-list-page,
html[data-theme="light"] body.mix-site .ranks-page,
html[data-theme="light"] body.mix-site .mix-rank-page,
html[data-theme="light"] body.mix-site .mix-album-catalog,
html[data-theme="light"] body.mix-site .mix-radio-board,
html[data-theme="light"] body.mix-site .mix-djshow-page,
html[data-theme="light"] body.mix-site .artist-page,
html[data-theme="light"] body.mix-site .album-page,
html[data-theme="light"] body.mix-site .radio-page,
html[data-bs-theme="light"] body.mix-site .music-page {
  color: #1f2937 !important;
}

/* 电台列表行 / Tab 浅色 */
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-head__title,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-head__title {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-head__sub,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-head__sub {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-tabs,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-tabs {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-tabs__item,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-tabs__item {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-tabs__item:hover,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-tabs__item:hover {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-tabs__item.is-active,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-tabs__item.is-active {
  color: var(--mix-on-accent) !important;
  background: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-row,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-row {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-row:hover,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-row:hover {
  background: #f9fafb !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-row a,
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-name,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-name {
  color: #111827 !important;
}

/* 会员关注列表等 */
html[data-theme="light"] body.mix-site.member-layout .dj-follow-item__title,
html[data-theme="light"] body.mix-site.member-layout .guanzhu a,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-follow-item__title {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-follow-item__meta,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-follow-item__meta {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-follow-item__cover,
html[data-theme="light"] body.mix-site.member-layout .guanzhu .gzimg,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-follow-item__cover {
  background: #e5e7eb !important;
  border-color: #d1d5db !important;
}

/* ========== 浅色高优先级：面包屑 / 上传时间 / 列表悬停 ========== */
html[data-theme="light"] body.mix-site .xiu-breadcrumb,
html[data-theme="light"] body.mix-site .dj-breadcrumb,
html[data-theme="light"] body.mix-site .mix-breadcrumb-bar,
html[data-bs-theme="light"] body.mix-site .xiu-breadcrumb,
html[data-bs-theme="light"] body.mix-site .mix-breadcrumb-bar {
  background: linear-gradient(135deg, rgba(var(--mix-accent-rgb), 0.1) 0%, #ffffff 42%) !important;
  border: 1px solid #e5e7eb !important;
  color: #374151 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="light"] body.mix-site .xiu-breadcrumb a,
html[data-theme="light"] body.mix-site .mix-breadcrumb a,
html[data-bs-theme="light"] body.mix-site .xiu-breadcrumb a {
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site .xiu-breadcrumb a:hover,
html[data-theme="light"] body.mix-site .mix-breadcrumb a:hover,
html[data-bs-theme="light"] body.mix-site .xiu-breadcrumb a:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .xiu-breadcrumb .xiu-breadcrumb__item.is-current span,
html[data-theme="light"] body.mix-site .mix-breadcrumb .current,
html[data-theme="light"] body.mix-site .mix-breadcrumb > li:last-child > span:not(.sep),
html[data-bs-theme="light"] body.mix-site .xiu-breadcrumb .xiu-breadcrumb__item.is-current span {
  color: #111827 !important;
  background: rgba(var(--mix-accent-rgb), 0.12) !important;
}
html[data-theme="light"] body.mix-site .xiu-breadcrumb .xiu-breadcrumb__item + .xiu-breadcrumb__item::before,
html[data-bs-theme="light"] body.mix-site .xiu-breadcrumb .xiu-breadcrumb__item + .xiu-breadcrumb__item::before {
  color: #9ca3af !important;
  opacity: 1 !important;
}

/* 列表表头「上传时间」等 */
html[data-theme="light"] body.mix-site .music-page .list-head,
html[data-theme="light"] body.mix-site #songListContainer .list-head,
html[data-theme="light"] body.mix-site .mix-genre-a8list .list-head,
html[data-theme="light"] body.mix-site .mix-rank-page .list-head,
html[data-theme="light"] body.mix-site .list-box .list-head,
html[data-bs-theme="light"] body.mix-site .music-page .list-head,
html[data-bs-theme="light"] body.mix-site #songListContainer .list-head {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .music-page .list-head::after,
html[data-bs-theme="light"] body.mix-site .music-page .list-head::after {
  background: #e5e7eb !important;
}

/* 行文字 / 标题链接：压过 #fff !important */
html[data-theme="light"] body.mix-site .music-page .list-row,
html[data-theme="light"] body.mix-site #songListContainer .list-row,
html[data-theme="light"] body.mix-site .mix-genre-a8list .list-row,
html[data-bs-theme="light"] body.mix-site .music-page .list-row,
html[data-bs-theme="light"] body.mix-site #songListContainer .list-row {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .music-page .list-row .music-title-link,
html[data-theme="light"] body.mix-site .music-page .list-row a.music-title-link.dj-tip,
html[data-theme="light"] body.mix-site .music-page .list-row a.music-title-link.tooltip,
html[data-theme="light"] body.mix-site #songListContainer .list-row .music-title-link,
html[data-theme="light"] body.mix-site #songListContainer .list-row a.music-title-link.dj-tip,
html[data-theme="light"] body.mix-site #songListContainer .list-row a.music-title-link.tooltip,
html[data-theme="light"] body.mix-site .mix-genre-a8list .list-row .music-title-link,
html[data-theme="light"] body.mix-site .mix-genre-a8list .list-row a.music-title-link,
html[data-bs-theme="light"] body.mix-site #songListContainer .list-row .music-title-link {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .music-page .list-row .music-title-link:hover,
html[data-theme="light"] body.mix-site #songListContainer .list-row .music-title-link:hover,
html[data-bs-theme="light"] body.mix-site #songListContainer .list-row .music-title-link:hover {
  color: var(--mix-accent) !important;
}

/* 上传时间 / ID：压过 #fff / #999 */
html[data-theme="light"] body.mix-site .music-page .list-row .update-time,
html[data-theme="light"] body.mix-site .music-page .list-row .list-id,
html[data-theme="light"] body.mix-site #songListContainer .list-row .update-time,
html[data-theme="light"] body.mix-site #songListContainer .list-row .list-id,
html[data-theme="light"] body.mix-site #songListContainer.mix-genre-a8list .list-row .update-time,
html[data-theme="light"] body.mix-site .mix-genre-a8list .list-row .update-time,
html[data-theme="light"] body.mix-site .mix-genre-a8list .update-time,
html[data-theme="light"] body.mix-site .mix-album-detail .list-row .update-time,
html[data-theme="light"] body.mix-site .mix-col-date,
html[data-theme="light"] body.mix-site #songListContainer .list-row .mix-col-date,
html[data-bs-theme="light"] body.mix-site #songListContainer .list-row .update-time,
html[data-bs-theme="light"] body.mix-site .mix-genre-a8list .update-time {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site #songListContainer .list-row .list-id,
html[data-theme="light"] body.mix-site #songListContainer .list-row .mix-col-id,
html[data-bs-theme="light"] body.mix-site #songListContainer .list-row .mix-col-id {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site #songListContainer.mix-genre-a8list .list-row .update-time .dj-song-update-today,
html[data-theme="light"] body.mix-site .mix-genre-a8list .list-row .update-time .dj-song-update-today,
html[data-theme="light"] body.mix-site .mix-genre-a8list .update-time .dj-song-update-today,
html[data-theme="light"] body.mix-site .music-page .list-row .dj-song-update-today,
html[data-bs-theme="light"] body.mix-site .mix-genre-a8list .update-time .dj-song-update-today {
  color: #16a34a !important;
}
html[data-theme="light"] body.mix-site #songListContainer.mix-genre-a8list .list-row .t2,
html[data-theme="light"] body.mix-site #songListContainer.mix-genre-a8list .list-row .t2 .sc_1,
html[data-theme="light"] body.mix-site #songListContainer.mix-genre-a8list .list-row .t2 .sc_2,
html[data-bs-theme="light"] body.mix-site #songListContainer.mix-genre-a8list .list-row .t2 .sc_1 {
  color: #6b7280 !important;
}

/* 悬停背景：压过 #1a1a1a */
html[data-theme="light"] body.mix-site .music-page .list-row:hover,
html[data-theme="light"] body.mix-site #songListContainer .list-row:hover,
html[data-theme="light"] body.mix-site #songListContainer .list-row.song-row:hover,
html[data-theme="light"] body.mix-site .mix-genre-a8list .list-row:hover,
html[data-theme="light"] body.mix-site .mix-genre-a8list .list-row.song-row:hover,
html[data-theme="light"] body.mix-site .mix-song-row:hover,
html[data-theme="light"] body.mix-site .song-row:hover,
html[data-theme="light"] body.mix-site .rank-list-row:hover,
html[data-theme="light"] body.mix-site .dj-song-row:hover,
html[data-bs-theme="light"] body.mix-site .music-page .list-row:hover,
html[data-bs-theme="light"] body.mix-site #songListContainer .list-row:hover {
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .music-page .list-row .action-group .act,
html[data-theme="light"] body.mix-site #songListContainer .list-row .action-group .act,
html[data-theme="light"] body.mix-site .mix-genre-a8list .action-group .act,
html[data-bs-theme="light"] body.mix-site .music-page .list-row .action-group .act {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .music-page .list-row .action-group .act:hover,
html[data-theme="light"] body.mix-site #songListContainer .list-row .action-group .act:hover,
html[data-bs-theme="light"] body.mix-site .action-group .act:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-genre-a8list .rank-number-badge,
html[data-bs-theme="light"] body.mix-site .mix-genre-a8list .rank-number-badge {
  color: #6b7280 !important;
}

/* filter-box 悬停 / 按钮 */
html[data-theme="light"] body.mix-site .filter-box .filter-btn:hover,
html[data-theme="light"] body.mix-site .filter-group .filter-btn:hover,
html[data-theme="light"] body.mix-site .xiu-demo-page .filter-btn:hover,
html[data-bs-theme="light"] body.mix-site .filter-box .filter-btn:hover {
  background: #f3f4f6 !important;
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .filter-btn,
html[data-theme="light"] body.mix-site .xiu-tab-btn,
html[data-theme="light"] body.mix-site .genre-chip,
html[data-bs-theme="light"] body.mix-site .filter-btn {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .filter-btn.active,
html[data-theme="light"] body.mix-site .filter-btn.is-active,
html[data-theme="light"] body.mix-site .xiu-tab-btn.active,
html[data-theme="light"] body.mix-site .genre-chip.is-active,
html[data-bs-theme="light"] body.mix-site .filter-btn.active {
  background: color-mix(in srgb, var(--mix-accent) 14%, #ffffff) !important;
  border-color: rgba(var(--mix-accent-rgb), 0.35) !important;
  color: var(--mix-accent) !important;
}

/* 侧栏排行文字 */
html[data-theme="light"] body.mix-site .mix-list-sidebar a,
html[data-theme="light"] body.mix-site .dj-list-sidebar a,
html[data-theme="light"] body.mix-site .xiu-page-sidebar a,
html[data-theme="light"] body.mix-site .rank-card a,
html[data-bs-theme="light"] body.mix-site .mix-list-sidebar a {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-list-sidebar a:hover,
html[data-theme="light"] body.mix-site .dj-list-sidebar a:hover,
html[data-bs-theme="light"] body.mix-site .mix-list-sidebar a:hover {
  color: var(--mix-accent) !important;
  background: #f3f4f6 !important;
}

/* ========== 浅色：详情页（电台/专辑/制作人/播放） ========== */

/* —— 专辑详情 —— */
html[data-theme="light"] body.mix-site .mix-album-detail .producer-detail-header,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .producer-detail-header {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .producer-info .producer-name,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .producer-info .producer-name {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .producer-stats .stat-item,
html[data-theme="light"] body.mix-site .mix-album-detail .producer-bio,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .producer-stats .stat-item {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail #icogz.is-followed .btn-follow-album,
html[data-bs-theme="light"] body.mix-site .mix-album-detail #icogz.is-followed .btn-follow-album {
  background: #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .list-box .list-head,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .list-box .list-head {
  color: #6b7280 !important;
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .list-row,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .list-row {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .list-row:hover,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .list-row:hover {
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .list-row .music-title-link,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .list-row .music-title-link {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .list-row .music-title-link:hover,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .list-row .music-title-link:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .list-row .update-time,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .list-row .update-time {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .action-group .act,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .action-group .act {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .action-group .act:hover,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .action-group .act:hover {
  color: var(--mix-accent) !important;
  background: rgba(var(--mix-accent-rgb), 0.1) !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .filter-box .tab,
html[data-theme="light"] body.mix-site .mix-album-detail .sort-tabs .tab,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .sort-tabs .tab {
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site .mix-album-detail .sort-tabs .tab.active,
html[data-theme="light"] body.mix-site .mix-album-detail .sort-tabs .tab:hover,
html[data-bs-theme="light"] body.mix-site .mix-album-detail .sort-tabs .tab.active {
  color: var(--mix-accent) !important;
}

/* —— 电台详情 —— */
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-studio,
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-tracks,
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-info,
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-more,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .mix-rd-studio {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-studio__cover,
html[data-theme="light"] body.mix-site .mix-radio-detail .list-cover,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .list-cover {
  background: #e5e7eb !important;
  border-color: #d1d5db !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1) !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-studio__eyebrow,
html[data-theme="light"] body.mix-site .mix-radio-detail .list-description,
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-tracks__head span,
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-info__head span,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .list-description {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-tracks__head strong,
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-info__head strong,
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-more__head .rank-title,
html[data-theme="light"] body.mix-site .mix-radio-detail h1,
html[data-theme="light"] body.mix-site .mix-radio-detail .list-title,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .mix-rd-tracks__head strong {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-tracks__head,
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-info__head,
html[data-theme="light"] body.mix-site .mix-radio-detail .mix-rd-more__head,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .mix-rd-tracks__head {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .djlist-info-section .label,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .djlist-info-section .label {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .djlist-info-section .value,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .djlist-info-section .value {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .djlist-info-section .info-item,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .djlist-info-section .info-item {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail #icogz.is-followed .btn-fav,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail #icogz.is-followed .btn-fav {
  background: #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .rank-refresh-btn,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .rank-refresh-btn {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .dj-radio-btn,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .dj-radio-btn {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .dj-radio-btn:hover,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .dj-radio-btn:hover {
  background: #e5e7eb !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .dj-radio-btn--primary,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .dj-radio-btn--primary {
  background: var(--mix-accent) !important;
  border-color: transparent !important;
  color: var(--mix-on-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .dj-radio-track:hover,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .dj-radio-track:hover {
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .dj-radio-track__idx,
html[data-theme="light"] body.mix-site .mix-radio-detail .dj-radio-track__id,
html[data-theme="light"] body.mix-site .mix-radio-detail .dj-radio-playlist__empty,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .dj-radio-track__idx {
  color: #9ca3af !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .dj-radio-track__name,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .dj-radio-track__name {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail .dj-radio-track__cover,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail .dj-radio-track__cover {
  background: #e5e7eb !important;
  border-color: #d1d5db !important;
}
html[data-theme="light"] body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-status,
html[data-theme="light"] body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-current-time,
html[data-theme="light"] body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-duration,
html[data-theme="light"] body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-current-time-split,
html[data-bs-theme="light"] body.mix-site .mix-radio-detail #media .jp-audio.jp-slim .jp-duration {
  color: #6b7280 !important;
}

/* —— 制作人详情 /djshow —— */
html[data-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-side-card,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-side-card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-side-head,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-side-head {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-side-head strong,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-side-head strong {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-side-head span,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-side-head span {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-cell__name,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-cell__name {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-cell__cover,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-producer-grid .dj-sidebar-producer-cell__cover {
  background: #e5e7eb !important;
  border-color: #d1d5db !important;
}
html[data-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-down-item:hover,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-down-item:hover {
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-down-rank,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-down-rank {
  color: #6b7280 !important;
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-down-link,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .mix-artist-down-link {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .dj-page--artist-detail .dj-page-tabs a,
html[data-theme="light"] body.mix-site .dj-page--artist-detail #hothaomenu.dj-page-tabs a,
html[data-theme="light"] body.mix-site .dj-xiu .dj-page-tabs a,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .dj-page-tabs a {
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site .dj-page--artist-detail .dj-page-tabs a.is-active,
html[data-theme="light"] body.mix-site .dj-page--artist-detail .dj-page-tabs a:hover,
html[data-theme="light"] body.mix-site .dj-xiu .dj-page-tabs a.is-active,
html[data-bs-theme="light"] body.mix-site .dj-page--artist-detail .dj-page-tabs a.is-active {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .dj-entity-hero,
html[data-theme="light"] body.mix-site .dj-radio-hero,
html[data-bs-theme="light"] body.mix-site .dj-entity-hero {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .djshow_djmsg_text h1,
html[data-theme="light"] body.mix-site .dj-radio-hero h1,
html[data-bs-theme="light"] body.mix-site .djshow_djmsg_text h1 {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .djshow_djmsg_text p,
html[data-theme="light"] body.mix-site .dj-entity-intro,
html[data-bs-theme="light"] body.mix-site .djshow_djmsg_text p {
  color: #6b7280 !important;
}

/* —— 播放页：压过 mix-override 暗色硬编码 —— */
html[data-theme="light"] body.mix-site .music-detail-page .music-info,
html[data-bs-theme="light"] body.mix-site .music-detail-page .music-info {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .music-detail-page .info-label,
html[data-bs-theme="light"] body.mix-site .music-detail-page .info-label {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .music-detail-page .info-value,
html[data-theme="light"] body.mix-site .music-detail-page .info-value a,
html[data-bs-theme="light"] body.mix-site .music-detail-page .info-value {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .music-detail-page .info-value a:hover,
html[data-bs-theme="light"] body.mix-site .music-detail-page .info-value a:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .music-detail-page .mix-playlist-tabs ul,
html[data-theme="light"] body.mix-site .music-detail-page .mix-playlist-body,
html[data-theme="light"] body.mix-site .music-detail-page .mix-play-about,
html[data-theme="light"] body.mix-site .music-detail-page .mix-play-week-rank.rank-section,
html[data-bs-theme="light"] body.mix-site .music-detail-page .mix-playlist-body {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .music-detail-page .mix-playlist-tabs li,
html[data-bs-theme="light"] body.mix-site .music-detail-page .mix-playlist-tabs li {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .music-detail-page .mix-playlist-tabs li.pton,
html[data-bs-theme="light"] body.mix-site .music-detail-page .mix-playlist-tabs li.pton {
  color: var(--mix-accent) !important;
  background: color-mix(in srgb, var(--mix-accent) 10%, #ffffff) !important;
}
html[data-theme="light"] body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-progress,
html[data-bs-theme="light"] body.mix-site .music-detail-page .djmsc-wave-stack #media .jp-audio.jp-slim .jp-progress {
  background: rgba(15, 23, 42, 0.12) !important;
}
html[data-theme="light"] body.mix-site .music-detail-page .list-row,
html[data-theme="light"] body.mix-site .music-detail-page .list-row .music-title-link,
html[data-bs-theme="light"] body.mix-site .music-detail-page .list-row .music-title-link {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .music-detail-page .list-row:hover,
html[data-bs-theme="light"] body.mix-site .music-detail-page .list-row:hover {
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .music-detail-page .list-head,
html[data-theme="light"] body.mix-site .music-detail-page .update-time,
html[data-bs-theme="light"] body.mix-site .music-detail-page .update-time {
  color: #6b7280 !important;
}

/* 分类页标题底边 */
html[data-theme="light"] body.mix-site .music-page .mix-page-h1,
html[data-bs-theme="light"] body.mix-site .music-page .mix-page-h1 {
  border-bottom-color: #e5e7eb !important;
}
/* ========== 浅色定点：热播榜/上架动态/制作人Tab/每日每周每月/声谱 ========== */

/* 电台热播榜 */
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-box,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-box {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-box__title,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-box__title {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-box__desc,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-box__desc {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-box--fav .mix-rd-box__tag,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-box--fav .mix-rd-box__tag {
  color: #374151 !important;
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-hot__name,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-hot__name {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-hot__stat,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-hot__stat {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-hot__row:hover,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-hot__row:hover {
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-hot__thumb,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-hot__thumb {
  background: #e5e7eb !important;
  border-color: #d1d5db !important;
}
html[data-theme="light"] body.mix-site .mix-radio-board .mix-rd-favgrid__cover,
html[data-bs-theme="light"] body.mix-site .mix-radio-board .mix-rd-favgrid__cover {
  background: #e5e7eb !important;
  border-color: #d1d5db !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
}

/* 专辑「上架动态」侧栏 */
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-rail,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-rail {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-rail__head,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-rail__head {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-rail__head strong,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-rail__head strong {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-rail__head span,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-rail__head span {
  color: #9ca3af !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-timeline__item,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-timeline__item {
  border-left-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-timeline__name,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-timeline__name {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-timeline__name:hover,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-timeline__name:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-timeline__time,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-timeline__time {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-album-catalog .mix-al-timeline__cover,
html[data-bs-theme="light"] body.mix-site .mix-album-catalog .mix-al-timeline__cover {
  background: #e5e7eb !important;
  border-color: #d1d5db !important;
}

/* 制作人专辑：最新上传/最新加入/热门专辑 Tab（压过 #fff/#2f2f2f） */
html[data-theme="light"] body.mix-site .mix-djshow-page .sort-tabs .tab,
html[data-theme="light"] body.mix-site .mix-djshow-page .filter-box .tab,
html[data-theme="light"] body.mix-site .music-page .sort-tabs .tab,
html[data-theme="light"] body.mix-site .dj-page #hothaomenu a.tab,
html[data-theme="light"] body.mix-site .dj-page #f2 #hothaomenu a.tab,
html[data-theme="light"] body.mix-site .dj-xiu #f2 #hothaomenu a.tab,
html[data-bs-theme="light"] body.mix-site .music-page .sort-tabs .tab,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .sort-tabs .tab {
  color: #374151 !important;
  background: #f3f4f6 !important;
  background-color: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .sort-tabs .tab:hover,
html[data-theme="light"] body.mix-site .music-page .sort-tabs .tab:hover,
html[data-theme="light"] body.mix-site .dj-page #hothaomenu a.tab:hover,
html[data-bs-theme="light"] body.mix-site .music-page .sort-tabs .tab:hover {
  color: var(--mix-accent) !important;
  background: #e5e7eb !important;
  background-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .sort-tabs .tab.active,
html[data-theme="light"] body.mix-site .music-page .sort-tabs .tab.active,
html[data-theme="light"] body.mix-site .dj-page #hothaomenu a.tab.active,
html[data-theme="light"] body.mix-site .dj-xiu #f2 #hothaomenu a.tab.active,
html[data-theme="light"] body.mix-site.dj-xiu.dj-site .dj-page #f2.music-page #hothaomenu.sort-tabs a.tab.active,
html[data-bs-theme="light"] body.mix-site .music-page .sort-tabs .tab.active {
  background: var(--mix-accent) !important;
  background-color: var(--mix-accent) !important;
  color: var(--mix-on-accent) !important;
}

/* 制作人列表 + 热门制作人专辑侧栏 */
html[data-theme="light"] body.mix-site .mix-djshow-page .producer-name,
html[data-theme="light"] body.mix-site .mix-djshow-page .music-title-link,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .producer-name {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .producer-name:hover,
html[data-theme="light"] body.mix-site .mix-djshow-page .music-title-link:hover,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .music-title-link:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .producer-date,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .producer-date {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .music-row .act,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .music-row .act {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .music-row .act:hover,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .music-row .act:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .rank-sidebar-header,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .rank-sidebar-header {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .sidebar-title,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .sidebar-title {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .latest-album-item,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .mix-djshow-hot-sidebar .latest-album-item {
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .producer-item,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .producer-item {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .mix-page-h1,
html[data-bs-theme="light"] body.mix-site .mix-djshow-page .mix-page-h1 {
  color: var(--mix-accent) !important;
  border-bottom-color: #e5e7eb !important;
}

/* 排行榜 每日/每周/每月 */
html[data-theme="light"] body.mix-site .mix-rank-page .rank-hub-period-link,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-hub-period-link {
  color: #4b5563 !important;
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .rank-hub-period-link:hover,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-hub-period-link:hover {
  color: var(--mix-accent) !important;
  background: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .rank-list-row,
html[data-theme="light"] body.mix-site .mix-rank-page .rank-list-row .row > div,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-list-row {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-rank-page .rank-list-row:hover,
html[data-bs-theme="light"] body.mix-site .mix-rank-page .rank-list-row:hover {
  background: #f3f4f6 !important;
}

/* 播放页声谱：深浅色均跟系统强调色 --mix-accent */
html body.djmsc-play-page,
html body.mix-site.djmsc-play-page,
html body.mix-site.mix-play-page {
  --djmsc-hero-wave: var(--mix-accent) !important;
}
html[data-theme="light"] body.djmsc-play-page,
html[data-theme="light"] body.mix-site.djmsc-play-page,
html[data-theme="light"] body.mix-site.mix-play-page,
html[data-bs-theme="light"] body.djmsc-play-page,
html[data-bs-theme="light"] body.mix-site.djmsc-play-page {
  --djmsc-hero-wave: var(--mix-accent) !important;
  --djmsc-hero-bg: #f3f4f6 !important;
  --djmsc-hero-text: #111827 !important;
  --djmsc-hero-text-muted: #6b7280 !important;
  --djmsc-hero-text-soft: #374151 !important;
  --djmsc-hero-icon: #111827 !important;
  --djmsc-hero-ctrl-color: #6b7280 !important;
  --djmsc-hero-progress-bg: rgba(15, 23, 42, 0.12) !important;
  --djmsc-hero-progress-dot-ring: #ffffff !important;
}
html[data-theme="dark"] body.djmsc-play-page,
html[data-theme="dark"] body.mix-site.djmsc-play-page,
html[data-theme="dark"] body.mix-site.mix-play-page,
html[data-bs-theme="dark"] body.djmsc-play-page,
html[data-bs-theme="dark"] body.mix-site.djmsc-play-page {
  --djmsc-hero-wave: var(--mix-accent) !important;
}
/* ========== sole/songs：.filter-wrap 有边框但原左右 padding:0，文字贴边 ========== */
html body.mix-site .dj-genre-page .filter-wrap,
html body.mix-site .dj-songs-page .filter-wrap,
html body.mix-site .dj-page--ranks-sole .filter-wrap,
html body.mix-site .xiu-demo-page .filter-wrap,
html body.mix-site .xiu-list-page .filter-wrap {
  padding: 12px 18px 14px !important;
  box-sizing: border-box !important;
}
html body.mix-site .music-page .filter-box,
html body.mix-site .mix-genre-page .filter-box,
html body.mix-site #f2.music-page .filter-box {
  padding: 16px 18px !important;
}
html body.mix-site .music-page .list-box {
  padding: 14px 16px 20px !important;
}

/* 浅色：筛选标签文字 */
html[data-theme="light"] body.mix-site .music-page .filter-label,
html[data-bs-theme="light"] body.mix-site .music-page .filter-label {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site .music-page .filter-box .filter-row,
html[data-bs-theme="light"] body.mix-site .music-page .filter-box .filter-row {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .music-page .f-item,
html[data-bs-theme="light"] body.mix-site .music-page .f-item {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .music-page .f-item:hover,
html[data-bs-theme="light"] body.mix-site .music-page .f-item:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .music-page .f-item.active,
html[data-theme="light"] body.mix-site .music-page .f-item.active:hover,
html[data-theme="light"] body.mix-site #f2.music-page a.f-item.active,
html[data-bs-theme="light"] body.mix-site .music-page .f-item.active {
  color: var(--mix-on-accent) !important;
}

/* 热门制作人专辑：曲目名/封面底色（压过 #d1d1d1） */
html[data-theme="light"] body.mix-site .mix-djshow-page .latest-album-song,
html[data-theme="light"] body.mix-site .mix-djshow-hot-sidebar .latest-album-song,
html[data-theme="light"] body.mix-site .latest-album-song,
html[data-bs-theme="light"] body.mix-site .latest-album-song {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .latest-album-song:hover,
html[data-theme="light"] body.mix-site .latest-album-song:hover,
html[data-bs-theme="light"] body.mix-site .latest-album-song:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .latest-album-section .latest-album-cover,
html[data-theme="light"] body.mix-site .latest-album-section .latest-album-cover,
html[data-bs-theme="light"] body.mix-site .latest-album-section .latest-album-cover {
  background: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site .mix-djshow-page .latest-album-item,
html[data-theme="light"] body.mix-site .latest-album-item,
html[data-bs-theme="light"] body.mix-site .latest-album-item {
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
}/* ========== 会员中心浅色全量适配（压过暗色 !important） ========== */
html[data-theme="light"] body.mix-site.member-layout,
html[data-bs-theme="light"] body.mix-site.member-layout,
[data-theme="light"] body.mix-site.member-layout,
[data-bs-theme="light"] body.mix-site.member-layout {
  --dj-text: #111827 !important;
  --dj-text-muted: #6b7280 !important;
  --dj-card-bg: #ffffff !important;
  --dj-surface: #ffffff !important;
  --dj-surface-2: #f8fafc !important;
  --dj-border: #e5e7eb !important;
  color: #111827 !important;
}

html[data-theme="light"] body.mix-site.member-layout .site-main.mix-member-main,
html[data-bs-theme="light"] body.mix-site.member-layout .site-main.mix-member-main {
  background: #f3f4f6 !important;
  color: #111827 !important;
}

html[data-theme="light"] body.mix-site.member-layout .mix-member-nav-card,
html[data-theme="light"] body.mix-site.member-layout .mix-member-content,
html[data-bs-theme="light"] body.mix-site.member-layout .mix-member-nav-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05) !important;
}
html[data-theme="light"] body.mix-site.member-layout .mix-member-nav-card__title,
html[data-bs-theme="light"] body.mix-site.member-layout .mix-member-nav-card__title {
  color: #111827 !important;
  border-bottom: 1px solid #e5e7eb !important;
}

html[data-theme="light"] body.mix-site.member-layout .mix-member-content,
html[data-theme="light"] body.mix-site.member-layout .dj-member-page,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-page {
  color: #1f2937 !important;
}

/* 卡片 / 面板 / Hero */
html[data-theme="light"] body.mix-site.member-layout .dj-member-page .card,
html[data-theme="light"] body.mix-site.member-layout .dj-account-card,
html[data-theme="light"] body.mix-site.member-layout .dj-section-card,
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-hero,
html[data-theme="light"] body.mix-site.member-layout .dj-member-hero,
html[data-theme="light"] body.mix-site.member-layout .dj-account-panel,
html[data-theme="light"] body.mix-site.member-layout .section-card,
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-hero.card,
html[data-theme="light"] body.mix-site.member-layout .dj-member-hero.card,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-account-panel {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #1f2937 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] body.mix-site.member-layout .dj-follow-card__head,
html[data-theme="light"] body.mix-site.member-layout .dj-account-panel__head,
html[data-theme="light"] body.mix-site.member-layout .card-header,
html[data-theme="light"] body.mix-site.member-layout .dj-charge-pay-wrap > .card-header,
html[data-bs-theme="light"] body.mix-site.member-layout .card-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #111827 !important;
}

/* 标题：压过 #fff !important */
html[data-theme="light"] body.mix-site.member-layout .dj-follow-card__title,
html[data-theme="light"] body.mix-site.member-layout .dj-account-panel__title,
html[data-theme="light"] body.mix-site.member-layout .dj-member-page h1,
html[data-theme="light"] body.mix-site.member-layout .dj-member-page h2,
html[data-theme="light"] body.mix-site.member-layout .dj-member-page h3,
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-hero h1,
html[data-theme="light"] body.mix-site.member-layout .dj-member-hero h1,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-account-panel__title {
  color: #111827 !important;
}

html[data-theme="light"] body.mix-site.member-layout .dj-follow-card__empty,
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-empty,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-music-index-empty {
  color: #9ca3af !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-empty .bi {
  color: #d1d5db !important;
}

/* Tabs */
html[data-theme="light"] body.mix-site.member-layout .dj-page-tabs a,
html[data-theme="light"] body.mix-site.member-layout .nav-pills .nav-link,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-page-tabs a {
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-page-tabs a.is-active,
html[data-theme="light"] body.mix-site.member-layout .dj-page-tabs a:hover,
html[data-theme="light"] body.mix-site.member-layout .nav-pills .nav-link.active,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-page-tabs a.is-active {
  background: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: #ffffff !important;
}
html[data-theme="light"] body.mix-site.member-layout .nav-tabs {
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.member-layout .nav-tabs .nav-link {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site.member-layout .nav-tabs .nav-link.active {
  color: var(--mix-accent) !important;
  border-bottom-color: var(--mix-accent) !important;
}

/* 表单 */
html[data-theme="light"] body.mix-site.member-layout .form-control,
html[data-theme="light"] body.mix-site.member-layout .form-select,
html[data-theme="light"] body.mix-site.member-layout input[type="text"],
html[data-theme="light"] body.mix-site.member-layout input[type="password"],
html[data-theme="light"] body.mix-site.member-layout input[type="email"],
html[data-theme="light"] body.mix-site.member-layout input[type="number"],
html[data-theme="light"] body.mix-site.member-layout input[type="tel"],
html[data-theme="light"] body.mix-site.member-layout textarea,
html[data-bs-theme="light"] body.mix-site.member-layout .form-control {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .form-label,
html[data-theme="light"] body.mix-site.member-layout label,
html[data-bs-theme="light"] body.mix-site.member-layout .form-label {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site.member-layout .list-group-item {
  background: transparent !important;
  border-color: #e5e7eb !important;
  color: #1f2937 !important;
}
html[data-theme="light"] body.mix-site.member-layout .list-group-item:hover {
  background: #f9fafb !important;
}

/* 表格 / 订单行 */
html[data-theme="light"] body.mix-site.member-layout .table {
  --bs-table-bg: #ffffff !important;
  --bs-table-color: #111827 !important;
  --bs-table-border-color: #e5e7eb !important;
  --bs-table-striped-bg: #f9fafb !important;
  --bs-table-hover-bg: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site.member-layout .table > :not(caption) > * > * {
  color: #111827 !important;
  border-bottom-color: #e5e7eb !important;
  background: transparent !important;
}
html[data-theme="light"] body.mix-site.member-layout .table thead th {
  color: #6b7280 !important;
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-row-item,
html[data-theme="light"] body.mix-site.member-layout .dj-member-order-item {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-row-item__title,
html[data-theme="light"] body.mix-site.member-layout .dj-member-order-item__title,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-row-item__title {
  color: #111827 !important;
}

/* 按钮轮廓 */
html[data-theme="light"] body.mix-site.member-layout .btn-outline-secondary,
html[data-theme="light"] body.mix-site.member-layout .btn-outline-primary {
  border-color: #d1d5db !important;
  color: #374151 !important;
  background: #ffffff !important;
}
html[data-theme="light"] body.mix-site.member-layout .btn-outline-secondary:hover,
html[data-theme="light"] body.mix-site.member-layout .btn-outline-primary:hover {
  border-color: var(--mix-accent) !important;
  color: var(--mix-accent) !important;
  background: color-mix(in srgb, var(--mix-accent) 8%, #ffffff) !important;
}
html[data-theme="light"] body.mix-site.member-layout .btn-outline-danger {
  border-color: #fecaca !important;
  color: #dc2626 !important;
}

/* Badge */
html[data-theme="light"] body.mix-site.member-layout .badge.text-bg-secondary {
  background: #e5e7eb !important;
  color: #4b5563 !important;
}

/* 关注卡片网格 */
html[data-theme="light"] body.mix-site.member-layout .dj-member-follow-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-follow-card:hover {
  border-color: rgba(var(--mix-accent-rgb), 0.35) !important;
  background: color-mix(in srgb, var(--mix-accent) 4%, #ffffff) !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-follow-card__cover {
  background: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-follow-card__title {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-follow-card__meta {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-follow-toolbar {
  border-bottom-color: #e5e7eb !important;
}

/* Alert / 分页 */
html[data-theme="light"] body.mix-site.member-layout .alert {
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site.member-layout .alert-success,
html[data-theme="light"] body.mix-site.member-layout .alert-warning {
  background: color-mix(in srgb, var(--mix-accent) 8%, #ffffff) !important;
  border-color: rgba(var(--mix-accent-rgb), 0.28) !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .pagination .page-link {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site.member-layout .pagination .active .page-link {
  background: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: #ffffff !important;
}

/* Offcanvas 关闭按钮 */
html[data-theme="light"] body.mix-site.member-layout .btn-close,
html[data-bs-theme="light"] body.mix-site.member-layout .btn-close {
  filter: none !important;
  opacity: 0.65;
}
html[data-theme="light"] body.mix-site.member-layout .offcanvas.dj-offcanvas,
html[data-theme="light"] body.mix-site.member-layout .offcanvas-header {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}

/* —— 充值 —— */
html[data-theme="light"] body.mix-site.member-layout .dj-charge-page .dj-charge-pay-wrap,
html[data-theme="light"] body.mix-site.member-layout .dj-charge-pay__tabs,
html[data-theme="light"] body.mix-site.member-layout .dj-charge-amount-block {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-charge-pay__tab-list .payboxoff,
html[data-theme="light"] body.mix-site.member-layout .dj-charge-pay__tab-list .payboxon,
html[data-theme="light"] body.mix-site.member-layout .dj-charge-preset {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-charge-pay__tab-list .payboxon,
html[data-theme="light"] body.mix-site.member-layout .dj-charge-preset.is-active {
  background: color-mix(in srgb, var(--mix-accent) 12%, #ffffff) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-charge-amount__field {
  background: #ffffff !important;
  border-color: #d1d5db !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-charge-form__meta-item {
  background: #f8fafc !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-charge-form__title,
html[data-theme="light"] body.mix-site.member-layout .dj-charge-form__meta-value,
html[data-theme="light"] body.mix-site.member-layout .dj-charge-form__channel {
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-charge-form__help,
html[data-theme="light"] body.mix-site.member-layout .dj-charge-form__help.payhelp {
  background: #f8fafc !important;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}

/* 支付弹层 */
html[data-theme="light"] body.mix-site.member-layout .dj-pay-qr-dialog,
html[data-theme="light"] .dj-pay-qr-dialog {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] .dj-pay-qr-dialog .dj-pay-qr-close {
  color: #6b7280 !important;
}

/* —— VIP —— */
html[data-theme="light"] body.mix-site.member-layout .dj-vip-page .dj-vip-plan,
html[data-theme="light"] body.mix-site.member-layout .dj-member-form-page .vipboxoff,
html[data-theme="light"] body.mix-site.member-layout .dj-member-form-page .vipboxon,
html[data-theme="light"] body.mix-site.member-layout .dj-vip-pays .vipboxoff,
html[data-theme="light"] body.mix-site.member-layout .dj-vip-pays .vipboxon {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #1f2937 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-vip-page .dj-vip-plan.vipboxon,
html[data-theme="light"] body.mix-site.member-layout .dj-member-form-page .vipboxon,
html[data-theme="light"] body.mix-site.member-layout .dj-vip-pays .vipboxon {
  background: color-mix(in srgb, var(--mix-accent) 10%, #ffffff) !important;
  border-color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-vip-renew-banner,
html[data-theme="light"] body.mix-site.member-layout .dj-vip-hero__tip,
html[data-theme="light"] body.mix-site.member-layout .dj-charge-hero__tip {
  background: color-mix(in srgb, var(--mix-accent) 6%, #ffffff) !important;
  border-color: rgba(var(--mix-accent-rgb), 0.25) !important;
  color: #1f2937 !important;
}

/* —— 我的音乐 —— */
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-hero > .card-body,
html[data-theme="light"] body.mix-site.member-layout .dj-member-hero > .card-body {
  background: transparent !important;
  color: #1f2937 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-music-stat-chip,
html[data-theme="light"] body.mix-site.member-layout .dj-account-chip {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-item,
html[data-theme="light"] body.mix-site.member-layout .dj-music-list-item {
  border-color: #e5e7eb !important;
  background: #ffffff !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-item__title,
html[data-theme="light"] body.mix-site.member-layout .dj-music-list-item__title,
html[data-theme="light"] body.mix-site.member-layout a.dj-music-index-item__title {
  color: #111827 !important;
}

/* —— 登录/注册 Auth —— */
html[data-theme="light"] body.mix-site.dj-auth-page:not(.mix-auth-page),
html[data-theme="light"] body.mix-site.dj-auth:not(.mix-auth-page),
html[data-bs-theme="light"] body.mix-site.dj-auth-page:not(.mix-auth-page) {
  background: #f3f4f6 !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.mix-auth-page.dj-auth-page,
html[data-theme="light"] body.mix-site.mix-auth-page.dj-auth,
html[data-bs-theme="light"] body.mix-site.mix-auth-page {
  background: transparent !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.dj-auth-page .dj-auth-header {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.dj-auth-page .dj-card,
html[data-theme="light"] body.mix-site.dj-auth-page .card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #1f2937 !important;
}
html[data-theme="light"] body.mix-site.dj-auth-page .dj-auth-tabs .nav-link {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site.dj-auth-page .dj-auth-tabs .nav-link.active {
  background: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: #ffffff !important;
}
html[data-theme="light"] body.mix-site.dj-auth-page .form-control,
html[data-theme="light"] body.mix-site.dj-auth-page input[type="text"],
html[data-theme="light"] body.mix-site.dj-auth-page input[type="password"] {
  background: #ffffff !important;
  border-color: #d1d5db !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.dj-auth-page .btn-outline-secondary {
  border-color: #d1d5db !important;
  color: #374151 !important;
}

/* 侧栏图标底 */
html[data-theme="light"] body.mix-site.member-layout .xiu-nav-ico,
html[data-bs-theme="light"] body.mix-site.member-layout .xiu-nav-ico {
  background: #f3f4f6 !important;
}
html[data-theme="light"] body.mix-site.member-layout .xiu-mnav-link .xiu-nav-ico .bi {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site.member-layout .xiu-mnav-link.is-active .xiu-nav-ico .bi,
html[data-theme="light"] body.mix-site.member-layout .xiu-mnav-link:hover .xiu-nav-ico .bi {
  color: var(--mix-accent) !important;
}

/* ========== 收入/提现/兑换 · 浅色补全 ========== */
html[data-theme="light"] body.mix-site.member-layout .dj-member-summary,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-summary {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-summary strong,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-summary strong {
  color: #111827 !important;
  font-weight: 700;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-summary .rounded-circle.border,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-summary .rounded-circle.border {
  border-color: #e5e7eb !important;
}

html[data-theme="light"] body.mix-site.member-layout .dj-member-row-item__icon,
html[data-theme="light"] body.mix-site.member-layout .dj-member-order-item__icon,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-row-item__icon {
  background: color-mix(in srgb, var(--mix-accent) 12%, #ffffff) !important;
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-row-item__meta,
html[data-theme="light"] body.mix-site.member-layout .dj-member-order-item__meta,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-row-item__meta {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-row-item__value,
html[data-theme="light"] body.mix-site.member-layout .dj-member-order-item__amount em,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-row-item__value {
  color: #dc2626 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-row-item:hover,
html[data-theme="light"] body.mix-site.member-layout .dj-member-order-item:hover {
  background: color-mix(in srgb, var(--mix-accent) 5%, #ffffff) !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-count,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-music-index-count {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-count em {
  color: var(--mix-accent) !important;
}

/* 分页 */
html[data-theme="light"] body.mix-site.member-layout .list_split_page_user,
html[data-theme="light"] body.mix-site.member-layout .list_split_page_user a,
html[data-theme="light"] body.mix-site.member-layout .list_split_page_user .btn-outline-primary,
html[data-bs-theme="light"] body.mix-site.member-layout .list_split_page_user a {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site.member-layout .list_split_page_user a:hover,
html[data-theme="light"] body.mix-site.member-layout .list_split_page_user .btn-outline-primary:hover {
  color: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site.member-layout .list_split_page_user .small,
html[data-theme="light"] body.mix-site.member-layout .list_split_page_user .text-muted {
  color: #6b7280 !important;
}
html[data-theme="light"] body.mix-site.member-layout .list_split_page_user b {
  color: #111827 !important;
}

/* 列表页链接兜底（非标题） */
html[data-theme="light"] body.mix-site.member-layout .dj-member-list-page a:not(.btn):not(.nav-link):not(.page-link):not(.dj-music-index-item__title):not(.dj-member-row-item__title):not(.dj-follow-item):not(.dj-member-follow-card__title),
html[data-theme="light"] body.mix-site.member-layout .dj-member-form-page a:not(.btn):not(.nav-link):not(.page-link):not(.dj-music-index-item__title):not(.dj-member-row-item__title) {
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-list-page a:not(.btn):not(.nav-link):not(.page-link):hover,
html[data-theme="light"] body.mix-site.member-layout .dj-member-form-page a:not(.btn):not(.nav-link):not(.page-link):hover {
  color: var(--mix-accent) !important;
}

/* 嵌套卡片（账号安全等 #161616） */
html[data-theme="light"] body.mix-site.member-layout .dj-section-card > .card-body > .card,
html[data-theme="light"] body.mix-site.member-layout .dj-member-form-page .card .card,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-form-page .card .card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #1f2937 !important;
}

/* 提现 / 兑换财务表单 */
html[data-theme="light"] body.mix-site.member-layout .dj-member-finance-page .dj-finance-rules,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-finance-rules {
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-finance-page .dj-finance-field-value,
html[data-theme="light"] body.mix-site.member-layout .dj-member-finance-page .dj-finance-preview,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-finance-field-value {
  background: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-finance-page .dj-finance-form-list > [class*="col-"],
html[data-bs-theme="light"] body.mix-site.member-layout .dj-finance-form-list > [class*="col-"] {
  border-bottom-color: #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-finance-page .input-group-text,
html[data-theme="light"] body.mix-site.member-layout .input-group-text,
html[data-bs-theme="light"] body.mix-site.member-layout .input-group-text {
  background: #f3f4f6 !important;
  border-color: #d1d5db !important;
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-finance-page .dj-finance-log-card .card-header,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-finance-log-card .card-header {
  background: #f8fafc !important;
  border-bottom-color: #e5e7eb !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-list-page .card-body,
html[data-theme="light"] body.mix-site.member-layout .dj-member-form-page .card-body,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-form-page .card-body {
  background: transparent !important;
  color: #1f2937 !important;
}

/* ========== 会员中心视觉对齐首页（圆角/间距/卡片美化） ========== */
body.mix-site.member-layout .mix-member-content {
  display: flex;
  flex-direction: column;
  gap: var(--mix-space-3);
}
body.mix-site.member-layout .dj-member-page,
body.mix-site.member-layout .mainct.dj-member-page,
body.mix-site.member-layout .mainct.dj-member-list-page,
body.mix-site.member-layout .mainct.dj-member-form-page {
  display: flex;
  flex-direction: column;
  gap: var(--mix-space-3);
}
body.mix-site.member-layout .dj-member-page > .mb-3,
body.mix-site.member-layout .dj-member-page .card.mb-3,
body.mix-site.member-layout .dj-member-summary.mb-3,
body.mix-site.member-layout .dj-page-tabs.mb-3 {
  margin-bottom: 0 !important;
}

/* Hero：轻微主题渐变，与首页面板同级圆角 */
body.mix-site.member-layout .dj-music-index-hero,
body.mix-site.member-layout .dj-member-hero,
body.mix-site.member-layout .dj-account-card.dj-music-index-hero {
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--mix-accent) 14%, var(--mix-surface-2)) 0%,
      var(--mix-surface-2) 48%,
      var(--mix-surface) 100%
    ) !important;
  border: 1px solid color-mix(in srgb, var(--mix-accent) 22%, var(--mix-border)) !important;
  border-radius: var(--mix-radius-lg) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.18) !important;
}
body.mix-site.member-layout .dj-music-index-hero > .card-body,
body.mix-site.member-layout .dj-member-hero > .card-body {
  padding: var(--mix-space-3) !important;
}
body.mix-site.member-layout .dj-music-index-hero h1,
body.mix-site.member-layout .dj-member-hero h1 {
  letter-spacing: 0.01em;
}

/* 普通内容卡：抬升表面 + 细阴影 */
body.mix-site.member-layout .dj-section-card,
body.mix-site.member-layout .dj-account-panel,
body.mix-site.member-layout .dj-account-card:not(.dj-music-index-hero):not(.dj-member-hero) {
  border-radius: var(--mix-radius-lg) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03), 0 6px 18px rgba(0, 0, 0, 0.14) !important;
}

/* 行列表内边距与首页列表接近 */
body.mix-site.member-layout .dj-member-row-item,
body.mix-site.member-layout .dj-member-order-item {
  padding: var(--mix-space-2) var(--mix-space-3);
  border-radius: 0;
  gap: var(--mix-space-2);
}
body.mix-site.member-layout .dj-member-row-item__icon,
body.mix-site.member-layout .dj-member-order-item__icon {
  border-radius: var(--mix-radius) !important;
}

/* 表单控件圆角统一 */
body.mix-site.member-layout .form-control,
body.mix-site.member-layout .form-select,
body.mix-site.member-layout input[type="text"],
body.mix-site.member-layout input[type="password"],
body.mix-site.member-layout input[type="email"],
body.mix-site.member-layout input[type="number"],
body.mix-site.member-layout input[type="tel"],
body.mix-site.member-layout textarea,
body.mix-site.member-layout .input-group-text {
  border-radius: var(--mix-radius) !important;
}
body.mix-site.member-layout .input-group > .form-control {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body.mix-site.member-layout .input-group > .input-group-text {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
body.mix-site.member-layout .btn,
body.mix-site.member-layout .btn-dj {
  border-radius: var(--mix-radius) !important;
}

/* —— 浅色：与首页卡片同阴影/圆角，Hero 淡金渐变 —— */
html[data-theme="light"] body.mix-site.member-layout .mix-member-nav-card,
html[data-bs-theme="light"] body.mix-site.member-layout .mix-member-nav-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: var(--mix-radius-lg) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-page .card,
html[data-theme="light"] body.mix-site.member-layout .dj-account-card,
html[data-theme="light"] body.mix-site.member-layout .dj-section-card,
html[data-theme="light"] body.mix-site.member-layout .dj-account-panel,
html[data-theme="light"] body.mix-site.member-layout .section-card,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-section-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: var(--mix-radius-lg) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  color: #1f2937 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-music-index-hero,
html[data-theme="light"] body.mix-site.member-layout .dj-member-hero,
html[data-theme="light"] body.mix-site.member-layout .dj-account-card.dj-music-index-hero,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-music-index-hero {
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--mix-accent) 10%, #ffffff) 0%,
      #ffffff 52%,
      #f8fafc 100%
    ) !important;
  border: 1px solid color-mix(in srgb, var(--mix-accent) 18%, #e5e7eb) !important;
  border-radius: var(--mix-radius-lg) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), 0 10px 28px rgba(15, 23, 42, 0.04) !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-member-summary,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-member-summary {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: var(--mix-radius-lg) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  color: #4b5563 !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-page-tabs a,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-page-tabs a {
  border-radius: var(--mix-radius) !important;
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-follow-card__head,
html[data-theme="light"] body.mix-site.member-layout .dj-account-panel__head,
html[data-theme="light"] body.mix-site.member-layout .card-header,
html[data-bs-theme="light"] body.mix-site.member-layout .dj-follow-card__head {
  background: linear-gradient(180deg, #fafbfc 0%, #f8fafc 100%) !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding: var(--mix-space-2) var(--mix-space-3) !important;
}
html[data-theme="light"] body.mix-site.member-layout .dj-section-card > .card-body > .card,
html[data-theme="light"] body.mix-site.member-layout .dj-member-form-page .card .card {
  border-radius: var(--mix-radius) !important;
  box-shadow: none !important;
}
html[data-theme="light"] body.mix-site.member-layout .mix-member-layout {
  gap: var(--mix-space-3) !important;
}
html[data-theme="light"] body.mix-site.member-layout .mix-member-container.container {
  padding: var(--mix-space-3) 0 var(--mix-space-4) !important;
}

/* 充值/VIP 区块圆角与间距 */
body.mix-site.member-layout .dj-charge-pay-wrap,
body.mix-site.member-layout .dj-charge-amount-block,
body.mix-site.member-layout .dj-vip-plan,
body.mix-site.member-layout .vipboxoff,
body.mix-site.member-layout .vipboxon,
body.mix-site.member-layout .dj-finance-rules,
body.mix-site.member-layout .dj-finance-field-value,
body.mix-site.member-layout .dj-finance-preview,
body.mix-site.member-layout .dj-charge-preset,
body.mix-site.member-layout .dj-music-stat-chip,
body.mix-site.member-layout .dj-account-chip {
  border-radius: var(--mix-radius) !important;
}
body.mix-site.member-layout .dj-charge-pay-wrap,
body.mix-site.member-layout .dj-vip-page .dj-vip-plan.vipboxon,
body.mix-site.member-layout .dj-member-form-page .vipboxon {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--mix-accent) 25%, transparent);
}

/* 顶栏二级分类不被裁切 · 浅色菜单面 */
html[data-theme="light"] body.mix-site .header-nav .dropdown-menu,
html[data-bs-theme="light"] body.mix-site .header-nav .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
  z-index: 1200 !important;
}
html[data-theme="light"] body.mix-site .header-nav .dropdown-item,
html[data-bs-theme="light"] body.mix-site .header-nav .dropdown-item {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .header-nav .dropdown-item:hover,
html[data-bs-theme="light"] body.mix-site .header-nav .dropdown-item:hover {
  background: #f3f4f6 !important;
  color: var(--mix-accent) !important;
}
/* ========== Mix light mobile header + popups v154 ========== */
/* 手机顶栏：压过 mix-live 的 color:#fff!important（汉堡/搜索看不见） */
html[data-theme="light"] body.mix-site .hamburger,
html[data-theme="light"] body.mix-site .hamburger i,
html[data-theme="light"] body.mix-site .hamburger:not(.active),
html[data-theme="light"] body.mix-site .hamburger:not(.active) i,
html[data-bs-theme="light"] body.mix-site .hamburger,
html[data-bs-theme="light"] body.mix-site .hamburger i,
html[data-bs-theme="light"] body.mix-site .hamburger:not(.active),
html[data-bs-theme="light"] body.mix-site .hamburger:not(.active) i {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .hamburger:hover,
html[data-theme="light"] body.mix-site .hamburger:hover i,
html[data-theme="light"] body.mix-site .hamburger.active,
html[data-theme="light"] body.mix-site .hamburger.active i,
html[data-bs-theme="light"] body.mix-site .hamburger:hover,
html[data-bs-theme="light"] body.mix-site .hamburger:hover i,
html[data-bs-theme="light"] body.mix-site .hamburger.active,
html[data-bs-theme="light"] body.mix-site .hamburger.active i {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .search-btn-mobile,
html[data-theme="light"] body.mix-site .search-btn-mobile i,
html[data-theme="light"] body.mix-site .search-btn-mobile:not(.active),
html[data-theme="light"] body.mix-site .search-btn-mobile:not(.active) i,
html[data-bs-theme="light"] body.mix-site .search-btn-mobile,
html[data-bs-theme="light"] body.mix-site .search-btn-mobile i,
html[data-bs-theme="light"] body.mix-site .search-btn-mobile:not(.active),
html[data-bs-theme="light"] body.mix-site .search-btn-mobile:not(.active) i {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .search-btn-mobile:hover,
html[data-theme="light"] body.mix-site .search-btn-mobile.active,
html[data-theme="light"] body.mix-site .search-btn-mobile:hover i,
html[data-theme="light"] body.mix-site .search-btn-mobile.active i,
html[data-bs-theme="light"] body.mix-site .search-btn-mobile:hover,
html[data-bs-theme="light"] body.mix-site .search-btn-mobile.active {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.mix-site .login-btn,
html[data-theme="light"] body.mix-site .login-btn i,
html[data-theme="light"] body.mix-site .login-btn:not(.user-menu-btn),
html[data-theme="light"] body.mix-site .login-btn:not(.user-menu-btn) i,
html[data-bs-theme="light"] body.mix-site .login-btn,
html[data-bs-theme="light"] body.mix-site .login-btn i {
  color: #374151 !important;
}
html[data-theme="light"] body.mix-site .login-btn.user-menu-btn,
html[data-bs-theme="light"] body.mix-site .login-btn.user-menu-btn {
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}
html[data-theme="light"] body.mix-site .login-btn.user-menu-btn #dj_nav_avatar,
html[data-bs-theme="light"] body.mix-site .login-btn.user-menu-btn #dj_nav_avatar {
  background: #e5e7eb !important;
  box-shadow: 0 0 0 1px #d1d5db;
}

/* 手机抽屉 / 搜索条浅色边与文字 */
@media (max-width: 991.98px) {
  html[data-theme="light"] body.mix-site .header-nav .collapse.mobile-nav-menu,
  html[data-theme="light"] body.mix-site #navbarNav,
  html[data-bs-theme="light"] body.mix-site .header-nav .collapse.mobile-nav-menu,
  html[data-bs-theme="light"] body.mix-site #navbarNav {
    background: #ffffff !important;
    border-right: 1px solid #e5e7eb !important;
    box-shadow: 8px 0 24px rgba(15, 23, 42, 0.08) !important;
  }
  html[data-theme="light"] body.mix-site .header-nav .nav-list .nav-link,
  html[data-theme="light"] body.mix-site .header-nav .nav-list a,
  html[data-bs-theme="light"] body.mix-site .header-nav .nav-list .nav-link {
    color: #374151 !important;
  }
  html[data-theme="light"] body.mix-site .nav-sub-toggle,
  html[data-bs-theme="light"] body.mix-site .nav-sub-toggle {
    color: #6b7280 !important;
  }
  html[data-theme="light"] body.mix-site .search-box-mobile-wrapper,
  html[data-bs-theme="light"] body.mix-site .search-box-mobile-wrapper {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
  }
  html[data-theme="light"] body.mix-site .search-box-mobile-wrapper .form-control,
  html[data-theme="light"] body.mix-site .search-box-mobile-wrapper #searchInputMobile,
  html[data-bs-theme="light"] body.mix-site .search-box-mobile-wrapper #searchInputMobile {
    background: #f3f4f6 !important;
    color: #111827 !important;
    box-shadow: 0 0 0 1px #e5e7eb !important;
  }
  html[data-theme="light"] body.mix-site .search-box-mobile-wrapper .input-group-text,
  html[data-theme="light"] body.mix-site .search-box-mobile-wrapper .fas,
  html[data-bs-theme="light"] body.mix-site .search-box-mobile-wrapper .fas {
    color: #6b7280 !important;
  }
}

/* —— 弹窗 / Layer 浅色适配 —— */
html[data-theme="light"] body .layui-layer,
html[data-theme="light"] body.mix-site .layui-layer,
html[data-theme="light"] body.dj-xiu .layui-layer,
html[data-bs-theme="light"] body .layui-layer,
html[data-bs-theme="light"] body.mix-site .layui-layer {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16) !important;
}
html[data-theme="light"] body .layui-layer .layui-layer-title,
html[data-theme="light"] body .dj-login-layer .layui-layer-title,
html[data-theme="light"] .layui-layer.dj-login-layer .layui-layer-title,
html[data-bs-theme="light"] body .layui-layer .layui-layer-title {
  background: #f8fafc !important;
  color: #111827 !important;
  border-bottom: 1px solid #e5e7eb !important;
}
html[data-theme="light"] body .layui-layer .layui-layer-content,
html[data-theme="light"] body .layui-layer-dialog .layui-layer-content,
html[data-bs-theme="light"] body .layui-layer .layui-layer-content {
  background: #ffffff !important;
  color: #1f2937 !important;
}
html[data-theme="light"] body .layui-layer-btn,
html[data-bs-theme="light"] body .layui-layer-btn {
  background: #ffffff !important;
  border-top: 1px solid #e5e7eb !important;
}
html[data-theme="light"] body .layui-layer-btn a,
html[data-bs-theme="light"] body .layui-layer-btn a {
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body .layui-layer-btn .layui-layer-btn0,
html[data-theme="light"] body .layui-layer-btn a.layui-layer-btn0,
html[data-bs-theme="light"] body .layui-layer-btn .layui-layer-btn0 {
  background: var(--mix-accent) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-on-accent, #0d0d0d) !important;
}
html[data-theme="light"] body .layui-layer-setwin .layui-layer-close,
html[data-theme="light"] body .layui-layer-ico,
html[data-bs-theme="light"] body .layui-layer-setwin span {
  filter: none !important;
  opacity: 0.75;
}
/* 旧浅色 toast 白字规则已废弃，统一走下方主题变量 */

/* 登录弹窗 */
html[data-theme="light"] .dj-login-modal,
html[data-theme="light"] .dj-login-layer .layui-layer-content,
html[data-theme="light"] body .dj-login-layer.layui-layer,
html[data-bs-theme="light"] .dj-login-modal,
html[data-bs-theme="light"] .dj-login-layer .layui-layer-content {
  background: #ffffff !important;
  color: #1f2937 !important;
}
html[data-theme="light"] .dj-login-modal__input,
html[data-theme="light"] .dj-login-modal input,
html[data-theme="light"] .dj-login-modal .form-control,
html[data-bs-theme="light"] .dj-login-modal__input {
  background: #f3f4f6 !important;
  border: 1px solid #d1d5db !important;
  color: #111827 !important;
}
html[data-theme="light"] .dj-login-modal a,
html[data-theme="light"] .dj-login-layer a,
html[data-bs-theme="light"] .dj-login-modal a {
  color: #4b5563 !important;
}
html[data-theme="light"] .dj-login-modal a:hover,
html[data-theme="light"] .dj-login-layer a:hover {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] .dj-login-modal__label,
html[data-theme="light"] .dj-login-modal label,
html[data-theme="light"] .dj-login-modal p,
html[data-theme="light"] .dj-login-modal .text-muted {
  color: #6b7280 !important;
}

/* ========== Mix light popups v156：输入框特异性 + 下载/收藏/报错 ========== */

/* 压过 body.mix-site input[type=text]:not(#id)… 深色全局（特异性含 3 个 :not(#id)） */
html[data-theme="light"] body.mix-site .form-control,
html[data-theme="light"] body.mix-site .form-select,
html[data-theme="light"] body.mix-site input[type="text"]:not(#searchInput):not(#searchInputMobile):not(#key),
html[data-theme="light"] body.mix-site input[type="password"],
html[data-theme="light"] body.mix-site input[type="email"],
html[data-theme="light"] body.mix-site input[type="number"],
html[data-theme="light"] body.mix-site input[type="tel"],
html[data-theme="light"] body.mix-site textarea,
html[data-bs-theme="light"] body.mix-site .form-control,
html[data-bs-theme="light"] body.mix-site .form-select,
html[data-bs-theme="light"] body.mix-site input[type="text"]:not(#searchInput):not(#searchInputMobile):not(#key),
html[data-bs-theme="light"] body.mix-site input[type="password"],
html[data-bs-theme="light"] body.mix-site textarea {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #111827 !important;
  box-shadow: none !important;
}
html[data-theme="light"] body.mix-site .form-control::placeholder,
html[data-theme="light"] body.mix-site input[type="text"]::placeholder,
html[data-theme="light"] body.mix-site textarea::placeholder,
html[data-bs-theme="light"] body.mix-site .form-control::placeholder {
  color: #9ca3af !important;
}
html[data-theme="light"] body.mix-site .form-control:focus:not(#searchInput):not(#searchInputMobile),
html[data-theme="light"] body.mix-site input[type="text"]:not(#searchInput):not(#searchInputMobile):not(#key):focus,
html[data-theme="light"] body.mix-site textarea:focus,
html[data-bs-theme="light"] body.mix-site .form-control:focus:not(#searchInput):not(#searchInputMobile) {
  border-color: var(--mix-accent) !important;
  box-shadow: 0 0 0 0.15rem rgba(var(--mix-accent-rgb), 0.2) !important;
  background: #ffffff !important;
  color: #111827 !important;
}

/* 收藏弹窗输入 / 按钮 */
html[data-theme="light"] body.mix-site .dj-fav-modal__input,
html[data-theme="light"] body .dj-fav-modal__input,
html[data-theme="light"] body.mix-site input.dj-fav-modal__input,
html[data-bs-theme="light"] body.mix-site .dj-fav-modal__input,
html[data-bs-theme="light"] body .dj-fav-modal__input {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #111827 !important;
  box-shadow: none !important;
}
html[data-theme="light"] body .dj-fav-modal__input:focus,
html[data-theme="light"] body.mix-site .dj-fav-modal__input:focus {
  border-color: var(--mix-accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--mix-accent-rgb), 0.15) !important;
  background: #ffffff !important;
  color: #111827 !important;
}
html[data-theme="light"] body .dj-fav-modal__input::placeholder {
  color: #9ca3af !important;
}
html[data-theme="light"] .dj-fav-modal,
html[data-theme="light"] .dj-fav-modal__song,
html[data-theme="light"] .dj-fav-modal__list,
html[data-bs-theme="light"] .dj-fav-modal {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] .dj-fav-modal__target,
html[data-theme="light"] .dj-fav-modal__song,
html[data-theme="light"] .dj-fav-modal__item a span {
  color: #6b7280 !important;
}
html[data-theme="light"] .dj-fav-modal__target strong,
html[data-theme="light"] .dj-fav-modal__item a {
  color: #111827 !important;
}
html[data-theme="light"] .dj-fav-modal__item a:hover {
  background: #f3f4f6 !important;
}
html[data-theme="light"] .dj-fav-modal__item.is-active a {
  background: color-mix(in srgb, var(--mix-accent) 12%, #ffffff) !important;
  color: var(--mix-accent) !important;
}
html[data-theme="light"] .dj-fav-modal__btn--secondary,
html[data-theme="light"] .dj-fav-modal__btn--ghost,
html[data-bs-theme="light"] .dj-fav-modal__btn--secondary {
  background: #f3f4f6 !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] .dj-fav-modal__btn--secondary:hover,
html[data-theme="light"] .dj-fav-modal__btn--ghost:hover {
  background: #e5e7eb !important;
  color: #111827 !important;
  border-color: #d1d5db !important;
}
html[data-theme="light"] .dj-fav-modal__btn--primary {
  background: var(--mix-accent) !important;
  color: var(--mix-on-accent, #0d0d0d) !important;
  border-color: var(--mix-accent) !important;
}

/* 报错弹窗 */
html[data-theme="light"] body.mix-site .dj-bug-modal__textarea,
html[data-theme="light"] body .dj-bug-modal__textarea,
html[data-bs-theme="light"] body .dj-bug-modal__textarea {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #111827 !important;
}
html[data-theme="light"] .dj-bug-modal,
html[data-theme="light"] .dj-bug-modal__hint,
html[data-theme="light"] .dj-bug-modal__label,
html[data-theme="light"] .dj-bug-modal__count {
  color: #4b5563 !important;
}
html[data-theme="light"] .dj-bug-type span {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] .dj-bug-type input:checked + span {
  background: color-mix(in srgb, var(--mix-accent) 12%, #ffffff) !important;
  border-color: var(--mix-accent) !important;
  color: var(--mix-accent) !important;
}

/* 收藏 / 报错等黑底弹层外壳 */
html[data-theme="light"] body .demo-black-class.layui-layer,
html[data-theme="light"] body .demo-black-class.dj-fav-layer,
html[data-theme="light"] body .demo-black-class.dj-bug-layer,
html[data-theme="light"] body .demo-black-class .layui-layer-title,
html[data-theme="light"] body .demo-black-class .layui-layer-content,
html[data-bs-theme="light"] body .demo-black-class.layui-layer {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #e5e7eb !important;
}
html[data-theme="light"] body .demo-black-class .layui-layer-title,
html[data-theme="light"] body .demo-black-class.dj-fav-layer .layui-layer-title,
html[data-theme="light"] body .demo-black-class.dj-bug-layer .layui-layer-title {
  background: #f8fafc !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #111827 !important;
}
html[data-theme="light"] body .demo-black-class .layui-layer-close {
  color: #6b7280 !important;
  opacity: 0.85;
}

/* Layer 通用 prompt 输入 */
html[data-theme="light"] body .layui-layer-input,
html[data-theme="light"] body.mix-site .layui-layer-input,
html[data-bs-theme="light"] body .layui-layer-input {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #111827 !important;
}

/* —— 下载弹窗（iframe 内 html[data-theme=light] + body.dj-down-page） —— */
html[data-theme="light"] body.dj-down-page,
html[data-theme="light"] body.mix-site.dj-down-page,
html[data-bs-theme="light"] body.dj-down-page {
  background: #f4f6f8 !important;
  color: #111827 !important;
}
html[data-theme="light"] body.dj-down-page .xiu-download-shell,
html[data-theme="light"] body.mix-site .xiu-download-shell,
html[data-theme="light"] .dj-xiu .xiu-download-shell,
html[data-bs-theme="light"] body.dj-down-page .xiu-download-shell {
  --xiu-text: #111827 !important;
  --xiu-text-muted: #6b7280 !important;
  color: #111827 !important;
  background: transparent !important;
}
html[data-theme="light"] body.dj-down-page .xiu-download-modal,
html[data-theme="light"] body.mix-site .xiu-download-modal,
html[data-theme="light"] .dj-xiu .xiu-download-shell .xiu-download-modal,
html[data-theme="light"] body.mix-site .xiu-taoqu-layer,
html[data-bs-theme="light"] body.dj-down-page .xiu-download-modal {
  background: linear-gradient(180deg, #ffffff 0%, #f4f6f8 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18) !important;
  color: #111827 !important;
}
html[data-theme="light"] body.dj-down-page .xiu-download-topbar,
html[data-theme="light"] body.dj-down-page .xiu-taoqu-disk-topbar,
html[data-theme="light"] body.mix-site .xiu-download-topbar,
html[data-theme="light"] body.mix-site .xiu-taoqu-disk-topbar,
html[data-theme="light"] .dj-xiu .xiu-taoqu-disk-topbar,
html[data-bs-theme="light"] body.dj-down-page .xiu-download-topbar {
  background: linear-gradient(90deg, rgba(var(--mix-accent-rgb), 0.1) 0%, #ffffff 70%) !important;
  border-bottom: 1px solid #e5e7eb !important;
  color: #111827 !important;
}
html[data-theme="light"] body.dj-down-page .xiu-taoqu-disk-topbar i,
html[data-theme="light"] body.mix-site .xiu-taoqu-disk-topbar i {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.dj-down-page .xiu-taoqu-disk-close,
html[data-theme="light"] body.dj-down-page .xiu-download-close,
html[data-theme="light"] body.mix-site .xiu-download-close,
html[data-theme="light"] .dj-xiu .xiu-taoqu-disk-close {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="light"] body.dj-down-page .xiu-taoqu-disk-close:hover,
html[data-theme="light"] body.dj-down-page .xiu-download-close:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.85) !important;
}
html[data-theme="light"] body.dj-down-page .xiu-taoqu-disk-title,
html[data-theme="light"] body.dj-down-page .xiu-taoqu-disk-title a,
html[data-theme="light"] body.dj-down-page .xiu-taoqu-meta-value,
html[data-theme="light"] body.mix-site .xiu-taoqu-disk-title,
html[data-theme="light"] body.mix-site .xiu-taoqu-meta-value {
  color: #111827 !important;
}
html[data-theme="light"] body.dj-down-page .xiu-taoqu-disk-sub,
html[data-theme="light"] body.dj-down-page .xiu-taoqu-meta-label,
html[data-theme="light"] body.mix-site .xiu-taoqu-meta-label {
  color: #6b7280 !important;
}
html[data-theme="light"] body.dj-down-page .xiu-taoqu-disk-head,
html[data-theme="light"] body.mix-site .xiu-download-shell .xiu-taoqu-disk-head {
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}
html[data-theme="light"] body.dj-down-page .xiu-taoqu-meta-item,
html[data-theme="light"] body.mix-site .xiu-taoqu-meta-item {
  background: #ffffff !important;
  border: 1px solid #e8ecf0 !important;
}
html[data-theme="light"] body.dj-down-page .xiu-taoqu-meta-item:hover,
html[data-theme="light"] body.mix-site .xiu-taoqu-meta-item:hover {
  border-color: rgba(var(--mix-accent-rgb), 0.28) !important;
  background: rgba(var(--mix-accent-rgb), 0.04) !important;
}
html[data-theme="light"] body.dj-down-page .xiu-taoqu-meta-icon,
html[data-theme="light"] body.mix-site .xiu-taoqu-meta-icon {
  background: rgba(var(--mix-accent-rgb), 0.12) !important;
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.dj-down-page .xiu-download-id,
html[data-theme="light"] body.mix-site .xiu-download-id {
  color: #6b7280 !important;
  background: rgba(255, 45, 85, 0.08) !important;
  border-color: rgba(255, 45, 85, 0.18) !important;
}
html[data-theme="light"] body.dj-down-page .xiu-download-notice,
html[data-theme="light"] body.dj-down-page .dl-notice.xiu-download-notice,
html[data-theme="light"] body.mix-site .xiu-download-notice,
html[data-theme="light"] .dj-xiu.xiu-download-page .xiu-download-notice {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
  color: #4b5563 !important;
}
html[data-theme="light"] body.dj-down-page .xiu-download-notice a,
html[data-theme="light"] body.mix-site .xiu-download-notice a {
  color: var(--mix-accent) !important;
}
html[data-theme="light"] body.dj-down-page .xiu-download-notice .dl-divider,
html[data-theme="light"] body.mix-site .xiu-download-notice .dl-divider {
  border-top-color: #e5e7eb !important;
}
html[data-theme="light"] body.dj-down-page #dl-downstr > span:first-child,
html[data-theme="light"] body.dj-down-page #dl-downstr > div > span,
html[data-theme="light"] body.mix-site #dl-downstr > span:first-child,
html[data-theme="light"] body.mix-site #dl-downstr > div > span,
html[data-theme="light"] .dj-xiu.xiu-download-page #dl-downstr > span:first-child {
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body.dj-down-page .dl-code-input,
html[data-theme="light"] body.dj-down-page #dl-code-input,
html[data-theme="light"] body.mix-site .dl-code-input,
html[data-theme="light"] body.mix-site #dl-code-input,
html[data-bs-theme="light"] body.dj-down-page .dl-code-input {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #111827 !important;
}
html[data-theme="light"] body.dj-down-page .xiu-taoqu-field-input,
html[data-theme="light"] body.mix-site .xiu-taoqu-field-input {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #111827 !important;
}
html[data-theme="light"] body.dj-down-page .dl-btn-disk,
html[data-theme="light"] body.mix-site .dl-btn-disk {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
}
html[data-theme="light"] body .xiu-download-layer.layui-layer,
html[data-theme="light"] body .xiu-download-layer .layui-layer-content,
html[data-theme="light"] body .xiu-download-layer .layui-layer-content iframe,
html[data-bs-theme="light"] body .xiu-download-layer.layui-layer {
  background: #f4f6f8 !important;
}

/* 支付二维码 / 通用对话框文字 */
html[data-theme="light"] .dj-pay-qr-dialog,
html[data-bs-theme="light"] .dj-pay-qr-dialog {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14) !important;
}
/* ========== Mix auth redesign v157 ========== */
/* 布局参考后台 jy-login 分栏；配色跟随站点 --mix-accent / 深浅色 */

html.dj-auth-root:has(body.mix-auth-page),
html:has(body.mix-site.mix-auth-page) {
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
  min-height: 100%;
}
body.mix-site.mix-auth-page {
  min-height: 100vh;
  height: auto !important;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  /* 外围背景跟随站点原色，不另定画布色 */
  background: transparent;
  color: var(--mix-text, #e8e8e8);
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: relative !important;
}
body.mix-site.mix-auth-page > .header-main {
  flex: 0 0 auto;
  position: relative;
  z-index: 40;
}
body.mix-site.mix-auth-page .mix-auth-stage {
  flex: 1 0 auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 28px 16px 48px;
  /* 禁止 hidden：注册表单过长时需页面滚动 */
  overflow: visible !important;
  background: transparent;
}

/* 氛围光斑/网格关闭：外围用站点原背景 */
.mix-auth-orb,
.mix-auth-grid {
  display: none !important;
}

.mix-auth-shell {
  position: relative;
  z-index: 1;
  width: min(1040px, 100%);
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 40px 100px rgba(0, 0, 0, 0.45);
  animation: mixAuthIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes mixAuthIn {
  from { opacity: 0; transform: translateY(18px) scale(0.985); }
  to { opacity: 1; transform: none; }
}

.mix-auth-brand {
  position: relative;
  padding: 48px 44px 36px;
  background:
    linear-gradient(155deg, rgba(var(--mix-accent-rgb), 0.28) 0%, rgba(20, 20, 20, 0.35) 40%, rgba(10, 10, 10, 0.72) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 40%);
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  align-self: stretch;
  color: #f3f4f6;
}
.mix-auth-brand::after {
  content: "";
  position: absolute;
  right: 0;
  top: 12%;
  bottom: 12%;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(var(--mix-accent-rgb), 0.45), transparent);
  pointer-events: none;
}
.mix-auth-brand__top {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
}
.mix-auth-brand__mark {
  flex: 0 0 auto;
  width: 68px;
  height: 68px;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(0, 0, 0, 0.28);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}
.mix-auth-brand__mark img {
  max-width: 88%;
  max-height: 88%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.mix-auth-brand__identity { min-width: 0; }
.mix-auth-brand__eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
}
.mix-auth-brand__title {
  margin: 0;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
  word-break: break-word;
}
.mix-auth-brand__desc {
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.72);
  max-width: 32em;
}
.mix-auth-brand__points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.mix-auth-brand__points li {
  position: relative;
  padding: 11px 14px 11px 32px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.86);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.mix-auth-brand__points li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -3.5px;
  border-radius: 50%;
  background: var(--mix-accent);
  box-shadow: 0 0 0 3px rgba(var(--mix-accent-rgb), 0.22);
}
.mix-auth-brand__foot {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}

.mix-auth-panel {
  padding: 40px 40px 32px;
  background: var(--mix-surface-2, #1a1a1a);
  color: var(--mix-text, #e8e8e8);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
  overflow: visible;
}
.mix-auth-tabs {
  list-style: none;
  margin: 0 0 22px;
  padding: 4px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.mix-auth-tabs a {
  display: block;
  text-align: center;
  padding: 10px 8px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.55);
  transition: background 0.15s ease, color 0.15s ease;
}
.mix-auth-tabs a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
.mix-auth-tabs a.is-active {
  background: var(--mix-accent) !important;
  color: var(--mix-on-accent, #0d0d0d) !important;
}

.mix-auth-panel__head { margin-bottom: 22px; }
.mix-auth-panel__eyebrow {
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mix-accent);
  font-weight: 650;
}
.mix-auth-panel__head h2 {
  margin: 0 0 6px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #f5f5f5;
}
.mix-auth-panel__head p {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}

.mix-auth-form {
  display: grid;
  gap: 14px;
}
.mix-auth-field {
  display: grid;
  gap: 7px;
  margin: 0;
  font-weight: 500;
}
.mix-auth-field > span {
  font-size: 12px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.5);
}
.mix-auth-field__control {
  position: relative;
}
.mix-auth-field__control > i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.35);
  font-size: 15px;
  pointer-events: none;
}
.mix-auth-field__control .form-control {
  padding-left: 42px !important;
}
body.mix-site.mix-auth-page .mix-auth-form .form-control,
body.mix-site.mix-auth-page .mix-auth-captcha .form-control {
  height: 46px;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(0, 0, 0, 0.35) !important;
  color: #f5f5f5 !important;
  box-shadow: none !important;
  font-size: 14px;
  padding: 0 14px;
}
body.mix-site.mix-auth-page .mix-auth-form .form-control:focus,
body.mix-site.mix-auth-page .mix-auth-captcha .form-control:focus {
  border-color: var(--mix-accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--mix-accent-rgb), 0.18) !important;
  background: rgba(0, 0, 0, 0.45) !important;
}
body.mix-site.mix-auth-page .mix-auth-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.32) !important;
}
.mix-auth-field__hint {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.42);
  margin: 0;
}
.mix-auth-field__hint.regerr,
.mix-auth-field__hint--err {
  color: #f87171 !important;
}
.mix-auth-field__hint.regsuccess {
  color: var(--mix-accent) !important;
}

.mix-auth-captcha {
  display: flex;
  gap: 10px;
  align-items: stretch;
}
.mix-auth-captcha .form-control {
  flex: 1;
  min-width: 0;
}
.mix-auth-captcha__img {
  height: 46px;
  width: 118px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  object-fit: cover;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.06);
}
.mix-auth-captcha__refresh,
.mix-auth-link-btn {
  flex: 0 0 auto;
  border: none;
  background: transparent;
  color: var(--mix-accent);
  font-size: 13px;
  font-weight: 600;
  padding: 0 6px;
  white-space: nowrap;
  cursor: pointer;
}
.mix-auth-captcha__refresh:hover,
.mix-auth-link-btn:hover {
  filter: brightness(1.1);
  text-decoration: underline;
}
.mix-auth-countdown {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  padding: 0 8px;
}

.mix-auth-agree {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 2px 0 0 !important;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.mix-auth-agree .form-check-input {
  margin-top: 2px;
  accent-color: var(--mix-accent);
}
.mix-auth-agree a {
  color: var(--mix-accent);
  text-decoration: none;
}
.mix-auth-agree a:hover { text-decoration: underline; }

body.mix-site.mix-auth-page .mix-auth-submit,
body.mix-site.mix-auth-page .btn.mix-auth-submit {
  margin-top: 6px;
  height: 48px;
  border-radius: 12px !important;
  border: none !important;
  background: var(--mix-accent) !important;
  color: var(--mix-on-accent, #0d0d0d) !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.08em;
  box-shadow: 0 12px 28px rgba(var(--mix-accent-rgb), 0.28) !important;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
}
body.mix-site.mix-auth-page .mix-auth-submit:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(var(--mix-accent-rgb), 0.34) !important;
}
.mix-auth-submit-loading {
  text-align: center;
  color: var(--mix-accent);
  font-size: 13px;
  padding: 12px 0;
}

.mix-auth-alert {
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 13px;
  margin-bottom: 4px;
}
.mix-auth-alert--error {
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.28);
  color: #fca5a5;
}
.mix-auth-alert--ok {
  background: rgba(var(--mix-accent-rgb), 0.12);
  border: 1px solid rgba(var(--mix-accent-rgb), 0.28);
  color: var(--mix-accent);
}
.mix-auth-alert[hidden] { display: none !important; }

.mix-auth-social {
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.mix-auth-social__title {
  margin: 0 0 10px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.42);
}
.mix-auth-hint {
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.mix-auth-hint h3 {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 650;
  color: #f3f4f6;
}
.mix-auth-hint p {
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.5);
}
.mix-auth-copy {
  margin: 22px 0 0;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
}

/* —— 浅色 —— */
html[data-theme="light"] body.mix-site.mix-auth-page,
html[data-bs-theme="light"] body.mix-site.mix-auth-page {
  /* 不覆盖站点原背景，仅改文字色 */
  color: #111827;
}
html[data-theme="light"] body.mix-site.mix-auth-page .mix-auth-stage,
html[data-bs-theme="light"] body.mix-site.mix-auth-page .mix-auth-stage {
  background: transparent !important;
}
html[data-theme="light"] .mix-auth-shell,
html[data-bs-theme="light"] .mix-auth-shell {
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}
/* 浅色：左侧品牌区改为浅色氛围，不再用深色海军底 */
html[data-theme="light"] .mix-auth-brand,
html[data-bs-theme="light"] .mix-auth-brand {
  color: #111827 !important;
  background:
    linear-gradient(155deg, color-mix(in srgb, var(--mix-accent) 16%, #ffffff) 0%, #ffffff 42%, #f8fafc 100%) !important;
  border-right: 1px solid #e5e7eb !important;
}
html[data-theme="light"] .mix-auth-brand::after,
html[data-bs-theme="light"] .mix-auth-brand::after {
  background: linear-gradient(180deg, transparent, rgba(var(--mix-accent-rgb), 0.35), transparent) !important;
}
html[data-theme="light"] .mix-auth-brand__mark,
html[data-bs-theme="light"] .mix-auth-brand__mark {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}
html[data-theme="light"] .mix-auth-brand__eyebrow,
html[data-bs-theme="light"] .mix-auth-brand__eyebrow {
  color: #6b7280 !important;
}
html[data-theme="light"] .mix-auth-brand__title,
html[data-bs-theme="light"] .mix-auth-brand__title {
  color: #111827 !important;
}
html[data-theme="light"] .mix-auth-brand__desc,
html[data-bs-theme="light"] .mix-auth-brand__desc {
  color: #4b5563 !important;
}
html[data-theme="light"] .mix-auth-brand__points li,
html[data-bs-theme="light"] .mix-auth-brand__points li {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #1f2937 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
html[data-theme="light"] .mix-auth-brand__points li::before,
html[data-bs-theme="light"] .mix-auth-brand__points li::before {
  background: var(--mix-accent) !important;
  box-shadow: 0 0 0 3px rgba(var(--mix-accent-rgb), 0.18) !important;
}
html[data-theme="light"] .mix-auth-brand__foot,
html[data-bs-theme="light"] .mix-auth-brand__foot {
  border-top-color: #e5e7eb !important;
  color: #9ca3af !important;
}
html[data-theme="light"] .mix-auth-panel {
  background: #ffffff !important;
  color: #111827;
}
html[data-theme="light"] .mix-auth-tabs {
  background: #f3f4f6;
  border-color: #e5e7eb;
}
html[data-theme="light"] .mix-auth-tabs a {
  color: #6b7280;
}
html[data-theme="light"] .mix-auth-tabs a:hover {
  color: #111827;
  background: #e5e7eb;
}
html[data-theme="light"] .mix-auth-panel__head h2 {
  color: #111827;
}
html[data-theme="light"] .mix-auth-panel__head p {
  color: #6b7280;
}
html[data-theme="light"] .mix-auth-field > span {
  color: #6b7280;
}
html[data-theme="light"] body.mix-site.mix-auth-page .mix-auth-form .form-control,
html[data-theme="light"] body.mix-site.mix-auth-page .mix-auth-captcha .form-control,
html[data-bs-theme="light"] body.mix-site.mix-auth-page .mix-auth-form .form-control {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #111827 !important;
}
html[data-theme="light"] body.mix-site.mix-auth-page .mix-auth-form .form-control:focus,
html[data-theme="light"] body.mix-site.mix-auth-page .mix-auth-captcha .form-control:focus {
  border-color: var(--mix-accent) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(var(--mix-accent-rgb), 0.16) !important;
}
html[data-theme="light"] body.mix-site.mix-auth-page .mix-auth-form .form-control::placeholder {
  color: #9ca3af !important;
}
html[data-theme="light"] .mix-auth-field__control > i {
  color: #9ca3af;
}
html[data-theme="light"] .mix-auth-field__hint {
  color: #6b7280;
}
html[data-theme="light"] .mix-auth-captcha__img {
  border-color: #e5e7eb;
  background: #f3f4f6;
}
html[data-theme="light"] .mix-auth-agree {
  color: #6b7280;
}
html[data-theme="light"] .mix-auth-social {
  border-top-color: #e5e7eb;
}
html[data-theme="light"] .mix-auth-social__title {
  color: #9ca3af;
}
html[data-theme="light"] .mix-auth-hint {
  background: #f8fafc;
  border-color: #e5e7eb;
}
html[data-theme="light"] .mix-auth-hint h3 {
  color: #111827;
}
html[data-theme="light"] .mix-auth-hint p {
  color: #6b7280;
}
html[data-theme="light"] .mix-auth-copy {
  color: #9ca3af;
}
html[data-theme="light"] .mix-auth-alert--error {
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}
html[data-theme="light"] .mix-auth-countdown {
  color: #6b7280;
}

@media (max-width: 960px) {
  .mix-auth-shell {
    grid-template-columns: 1fr;
    width: min(480px, 100%);
  }
  .mix-auth-brand {
    min-height: 0;
    padding: 28px 24px 22px;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .mix-auth-brand::after { display: none; }
  .mix-auth-brand__points,
  .mix-auth-brand__desc,
  .mix-auth-brand__foot {
    display: none;
  }
  .mix-auth-brand__top { margin-bottom: 0; }
  .mix-auth-brand__mark {
    width: 52px;
    height: 52px;
    border-radius: 14px;
  }
  .mix-auth-brand__title { font-size: 22px; }
  .mix-auth-panel {
    min-height: 0;
    padding: 28px 22px 24px;
  }
  body.mix-site.mix-auth-page .mix-auth-stage {
    padding: 16px 12px 28px;
    align-items: flex-start;
  }
}
@media (max-width: 575.98px) {
  .mix-auth-tabs a { font-size: 12px; padding: 9px 4px; }
  .mix-auth-panel__head h2 { font-size: 22px; }
}

/* ========== Mix layer toast：深浅色均用主题变量（签到等 layer.msg） ========== */
html body .layui-layer.layui-layer-msg,
html body .layui-layer.layui-layer-hui,
html body.mix-site .layui-layer.layui-layer-msg,
html body.mix-site .layui-layer.layui-layer-hui,
html body.dj-site .layui-layer.layui-layer-msg,
html body.dj-xiu .layui-layer.layui-layer-msg {
  background: var(--mix-surface-2, #1a1a1a) !important;
  background-color: var(--mix-surface-2, #1a1a1a) !important;
  color: var(--mix-text, #e8e8e8) !important;
  border: 1px solid var(--mix-border, #2a2a2a) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
}
html body .layui-layer-msg .layui-layer-content,
html body .layui-layer-hui .layui-layer-content,
html body.mix-site .layui-layer-msg .layui-layer-content,
html body.mix-site .layui-layer-hui .layui-layer-content,
html body.mix-site .layui-layer.layui-layer-msg .layui-layer-content,
html body.mix-site .layui-layer.layui-layer-hui .layui-layer-content,
html body.dj-site .layui-layer-msg .layui-layer-content,
html body.dj-xiu .layui-layer-msg .layui-layer-content {
  background: transparent !important;
  color: var(--mix-text, #e8e8e8) !important;
}
html body .layui-layer-msg .layui-layer-ico,
html body.mix-site .layui-layer-msg .layui-layer-ico {
  filter: none !important;
  opacity: 1 !important;
}
/* 浅色：表面更干净、阴影更轻（变量已切色，这里只微调阴影） */
html[data-theme="light"] body .layui-layer.layui-layer-msg,
html[data-theme="light"] body .layui-layer.layui-layer-hui,
html[data-bs-theme="light"] body .layui-layer.layui-layer-msg,
html[data-bs-theme="light"] body .layui-layer.layui-layer-hui,
html[data-theme="light"] body.mix-site .layui-layer.layui-layer-msg,
html[data-bs-theme="light"] body.mix-site .layui-layer.layui-layer-msg,
html[data-theme="light"] body.dj-site .layui-layer.layui-layer-msg,
html[data-bs-theme="light"] body.dj-site .layui-layer.layui-layer-msg,
html[data-theme="light"] body.dj-xiu .layui-layer.layui-layer-msg,
html[data-bs-theme="light"] body.dj-xiu .layui-layer.layui-layer-msg {
  background: var(--mix-surface, #ffffff) !important;
  background-color: var(--mix-surface, #ffffff) !important;
  color: var(--mix-text, #111827) !important;
  border-color: var(--mix-border, #e5e7eb) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14) !important;
}
html[data-theme="light"] body .layui-layer-msg .layui-layer-content,
html[data-theme="light"] body .layui-layer-hui .layui-layer-content,
html[data-bs-theme="light"] body .layui-layer-msg .layui-layer-content,
html[data-bs-theme="light"] body .layui-layer-hui .layui-layer-content {
  color: var(--mix-text, #111827) !important;
}

/* 登录弹窗关闭：不用 sprite（center 会错位），改 CSS 绘制 X，并与标题栏垂直居中 */
html body .dj-login-layer.layui-layer,
html body.mix-site .dj-login-layer.layui-layer {
  overflow: visible !important;
}
html body .dj-login-layer .layui-layer-title,
html body.mix-site .dj-login-layer .layui-layer-title,
html body .layui-layer.dj-login-layer .layui-layer-title {
  height: 52px !important;
  line-height: 52px !important;
  padding: 0 48px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}
html body .dj-login-layer .layui-layer-setwin,
html body.mix-site .dj-login-layer .layui-layer-setwin {
  top: 0 !important;
  right: 8px !important;
  left: auto !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
  z-index: 20 !important;
}
html body .dj-login-layer .layui-layer-setwin .layui-layer-close,
html body .dj-login-layer .layui-layer-setwin .layui-layer-close1,
html body .dj-login-layer .layui-layer-setwin .layui-layer-close2,
html body .dj-login-layer .layui-layer-close,
html body.mix-site .dj-login-layer .layui-layer-close,
html body .dj-login-layer .layui-layer-setwin a {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-image: none !important;
  background-position: 0 0 !important;
  opacity: 0.72 !important;
  overflow: visible !important;
  cursor: pointer !important;
  color: #9ca3af !important;
  text-decoration: none !important;
  font-size: 0 !important;
}
html body .dj-login-layer .layui-layer-setwin .layui-layer-close1::before,
html body .dj-login-layer .layui-layer-setwin .layui-layer-close1::after,
html body .dj-login-layer .layui-layer-setwin .layui-layer-close::before,
html body .dj-login-layer .layui-layer-setwin .layui-layer-close::after,
html body.mix-site .dj-login-layer .layui-layer-close1::before,
html body.mix-site .dj-login-layer .layui-layer-close1::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 14px !important;
  height: 1.5px !important;
  margin: 0 !important;
  background: currentColor !important;
  border-radius: 1px !important;
  pointer-events: none !important;
}
html body .dj-login-layer .layui-layer-setwin .layui-layer-close1::before,
html body .dj-login-layer .layui-layer-setwin .layui-layer-close::before,
html body.mix-site .dj-login-layer .layui-layer-close1::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}
html body .dj-login-layer .layui-layer-setwin .layui-layer-close1::after,
html body .dj-login-layer .layui-layer-setwin .layui-layer-close::after,
html body.mix-site .dj-login-layer .layui-layer-close1::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}
html body .dj-login-layer .layui-layer-setwin .layui-layer-close:hover,
html body .dj-login-layer .layui-layer-setwin .layui-layer-close1:hover,
html body .dj-login-layer .layui-layer-close:hover {
  opacity: 1 !important;
  background-color: rgba(15, 23, 42, 0.06) !important;
  color: #374151 !important;
}
html[data-theme="dark"] body .dj-login-layer .layui-layer-setwin .layui-layer-close,
html[data-theme="dark"] body .dj-login-layer .layui-layer-setwin .layui-layer-close1,
html body.mix-site:not([data-theme]) .dj-login-layer .layui-layer-close,
html[data-bs-theme="dark"] body .dj-login-layer .layui-layer-setwin .layui-layer-close1 {
  color: rgba(255, 255, 255, 0.72) !important;
}
html[data-theme="dark"] body .dj-login-layer .layui-layer-setwin .layui-layer-close:hover,
html[data-theme="dark"] body .dj-login-layer .layui-layer-setwin .layui-layer-close1:hover,
html[data-bs-theme="dark"] body .dj-login-layer .layui-layer-close1:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}
html[data-theme="light"] body .dj-login-layer .layui-layer-setwin .layui-layer-close,
html[data-theme="light"] body .dj-login-layer .layui-layer-setwin .layui-layer-close1,
html[data-bs-theme="light"] body .dj-login-layer .layui-layer-close1 {
  color: #6b7280 !important;
}
html[data-theme="light"] body .dj-login-layer .layui-layer-setwin .layui-layer-close:hover,
html[data-theme="light"] body .dj-login-layer .layui-layer-setwin .layui-layer-close1:hover,
html[data-bs-theme="light"] body .dj-login-layer .layui-layer-close1:hover {
  background-color: rgba(15, 23, 42, 0.06) !important;
  color: #111827 !important;
}

/* ========== Mix home song list columns v166 ========== */
html body.mix-site.mix-home-cols-double .mix-home-songs,
html body.mix-site .mix-home-songs.is-double {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px 14px;
  align-items: stretch;
}
html body.mix-site.mix-home-cols-double .mix-home-songs > .mix-empty,
html body.mix-site .mix-home-songs.is-double > .mix-empty {
  grid-column: 1 / -1;
}
html body.mix-site.mix-home-cols-double .mix-home-song,
html body.mix-site .mix-home-songs.is-double .mix-home-song {
  min-width: 0;
  padding: 8px 8px;
  gap: 8px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  border-radius: 10px;
}
html body.mix-site.mix-home-cols-double .mix-home-song__cover,
html body.mix-site .mix-home-songs.is-double .mix-home-song__cover {
  width: 40px;
  height: 40px;
}
html body.mix-site.mix-home-cols-double .mix-home-song__name,
html body.mix-site .mix-home-songs.is-double .mix-home-song__name {
  font-size: 13px;
}
html body.mix-site.mix-home-cols-double .mix-home-song__ops,
html body.mix-site .mix-home-songs.is-double .mix-home-song__ops {
  gap: 6px;
}
html body.mix-site.mix-home-cols-double .mix-home-song__ops a,
html body.mix-site .mix-home-songs.is-double .mix-home-song__ops a {
  font-size: 16px;
}
html[data-theme="light"] body.mix-site.mix-home-cols-double .mix-home-song:hover,
html[data-bs-theme="light"] body.mix-site.mix-home-cols-double .mix-home-song:hover,
html[data-theme="light"] body.mix-site .mix-home-songs.is-double .mix-home-song:hover {
  background: rgba(15, 23, 42, 0.04) !important;
}
@media (max-width: 1199.98px) {
  html body.mix-site.mix-home-cols-double .mix-home-songs,
  html body.mix-site .mix-home-songs.is-double {
    gap: 2px 10px;
  }
}
@media (max-width: 991.98px) {
  html body.mix-site.mix-home-cols-double .mix-home-songs,
  html body.mix-site .mix-home-songs.is-double {
    grid-template-columns: 1fr;
  }
}

/* ========== Mix global hover motion v167 ========== */
@media (hover: hover) and (pointer: fine) {
  html body.mix-site {
    --mix-hover-ease: cubic-bezier(0.22, 1, 0.36, 1);
  }

  html body.mix-site a:not(.dj-tip):not([data-tooltip]),
  html body.mix-site button,
  html body.mix-site .btn,
  html body.mix-site .header-btn,
  html body.mix-site .login-btn,
  html body.mix-site .nav-link,
  html body.mix-site .dropdown-item,
  html body.mix-site .filter-btn,
  html body.mix-site .page-link,
  html body.mix-site .mix-home-tabs__item {
    transition:
      color 0.2s var(--mix-hover-ease),
      background-color 0.2s var(--mix-hover-ease),
      background 0.2s var(--mix-hover-ease),
      border-color 0.2s var(--mix-hover-ease),
      box-shadow 0.25s var(--mix-hover-ease),
      transform 0.25s var(--mix-hover-ease),
      opacity 0.2s var(--mix-hover-ease),
      filter 0.2s var(--mix-hover-ease);
  }

  /* 列表行：轻微上浮 */
  html body.mix-site .mix-home-song,
  html body.mix-site .song-row,
  html body.mix-site .dj-song-row,
  html body.mix-site .dj-song-list-item,
  html body.mix-site .mix-song-row,
  html body.mix-site .mix-song-list-row,
  html body.mix-site .xiu-home-sole-row,
  html body.mix-site .xiu-song-row,
  html body.mix-site .list-row,
  html body.mix-site .rank-list-row,
  html body.mix-site .mix-rd-row,
  html body.mix-site .mix-home-rank-item,
  html body.mix-site .mix-home-rec-item,
  html body.mix-site .mix-artist-down-item,
  html body.mix-site .latest-album-song {
    transition:
      background 0.22s var(--mix-hover-ease),
      background-color 0.22s var(--mix-hover-ease),
      transform 0.22s var(--mix-hover-ease),
      box-shadow 0.22s var(--mix-hover-ease);
  }
  html body.mix-site .mix-home-song:hover,
  html body.mix-site .song-row:hover,
  html body.mix-site .dj-song-row:hover,
  html body.mix-site .dj-song-list-item:hover,
  html body.mix-site .mix-song-row:hover,
  html body.mix-site .mix-song-list-row:hover,
  html body.mix-site .xiu-home-sole-row:hover,
  html body.mix-site .xiu-song-row:hover,
  html body.mix-site .list-row:hover,
  html body.mix-site .rank-list-row:hover,
  html body.mix-site .mix-rd-row:hover,
  html body.mix-site .mix-home-rank-item:hover,
  html body.mix-site .mix-home-rec-item:hover,
  html body.mix-site .mix-artist-down-item:hover,
  html body.mix-site .latest-album-song:hover {
    transform: translateY(-2px);
  }

  /* 封面缩放 */
  html body.mix-site .mix-home-song__cover,
  html body.mix-site .mix-home-song__cover img,
  html body.mix-site .mix-home-rank-item__cover,
  html body.mix-site .mix-home-rank-item__cover img,
  html body.mix-site .mix-home-album,
  html body.mix-site .mix-home-album img,
  html body.mix-site .mix-home-radio__cover img,
  html body.mix-site .cover-box img,
  html body.mix-site .song-row img,
  html body.mix-site .mix-al-mosaic__cell img,
  html body.mix-site .latest-album-cover img,
  html body.mix-site .dj-sidebar-producer-cell__cover img {
    transition: transform 0.4s var(--mix-hover-ease);
  }
  html body.mix-site .mix-home-song__cover,
  html body.mix-site .mix-home-rank-item__cover,
  html body.mix-site .mix-home-album,
  html body.mix-site .cover-box {
    overflow: hidden;
  }
  html body.mix-site .mix-home-song:hover .mix-home-song__cover img,
  html body.mix-site .mix-home-rank-item:hover .mix-home-rank-item__cover img,
  html body.mix-site .mix-home-album:hover img,
  html body.mix-site .mix-home-radio:hover .mix-home-radio__cover img,
  html body.mix-site .song-row:hover img,
  html body.mix-site .cover-box:hover img,
  html body.mix-site .mix-al-mosaic__cell:hover img,
  html body.mix-site .latest-album-cover:hover img,
  html body.mix-site .dj-sidebar-producer-cell:hover .dj-sidebar-producer-cell__cover img {
    transform: scale(1.08);
  }
  html body.mix-site .mix-home-album:hover,
  html body.mix-site .mix-home-radio:hover .mix-home-radio__cover {
    transform: translateY(-3px);
  }
  html body.mix-site .mix-home-producer:hover > img {
    transform: scale(1.08);
  }

  /* 顶栏 / 侧栏 / 按钮 */
  html body.mix-site .header-nav .nav-link:hover {
    transform: translateY(-1px);
  }
  html body.mix-site .header-btn:hover,
  html body.mix-site .login-btn:not(.user-menu-btn):hover,
  html body.mix-site .search-btn-mobile:hover,
  html body.mix-site .btn-primary:hover,
  html body.mix-site .btn-dj:hover,
  html body.mix-site .xiu-btn-primary:hover,
  html body.mix-site .dj-login-modal__submit:hover,
  html body.mix-site .mix-auth-submit:hover {
    transform: translateY(-1px);
  }
  html body.mix-site .mix-left-nav__item:hover,
  html body.mix-site .xiu-mnav-link:hover {
    transform: translateX(4px);
  }
  html body.mix-site .filter-btn:hover,
  html body.mix-site .mix-home-tabs__item:hover,
  html body.mix-site .mix-rd-tabs__item:hover,
  html body.mix-site .mix-al-sort__tab:hover,
  html body.mix-site .rank-nav-item:hover,
  html body.mix-site .friend-link-item:hover,
  html body.mix-site .page-link:hover {
    transform: translateY(-1px);
  }

  /* 操作图标弹起 */
  html body.mix-site .mix-home-song__ops a:hover,
  html body.mix-site .action-group .act:hover,
  html body.mix-site .xiu-action-download:hover,
  html body.mix-site .xiu-action-fav:hover,
  html body.mix-site .xiu-home-sole-action:hover,
  html body.mix-site .music-row .act:hover,
  html body.mix-site .mix-djshow-page .music-row .act:hover {
    transform: scale(1.18);
  }

  html body.mix-site .mix-home-box__more:hover,
  html body.mix-site .music-title-link:hover {
    transform: none;
  }

  html body.mix-site .header-user-dropdown .xiu-user-menu a:hover {
    transform: translateX(3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.mix-site a,
  html body.mix-site button,
  html body.mix-site img,
  html body.mix-site .mix-home-song,
  html body.mix-site .song-row,
  html body.mix-site .mix-song-row {
    transition: none !important;
    transform: none !important;
  }
}