/* ==========================================
   碟包全局玻璃质感 💎
   所有主题共用：磨砂半透明 + 光晕折射
   ========================================== */

/* === 卡片 / 面板 === */
.album-card,
.card,
.user-dropdown-menu,
.toast {
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow:
    0 4px 20px rgba(0,0,0,0.15),
    inset 0 0 0 1px rgba(255,255,255,0.03);
}

/* === 卡片 hover — 玻璃折射加强 === */
.album-card:hover {
  border-color: rgba(255,255,255,0.10);
  box-shadow:
    0 8px 32px rgba(0,0,0,0.25),
    inset 0 0 0 1px rgba(255,255,255,0.05);
}

/* === 顶栏 / 播放栏 === */
.topbar,
.player-bar,
.track-panel {
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
}

/* === 弹窗 — 强玻璃 === */
.modal {
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow:
    0 16px 48px rgba(0,0,0,0.3),
    0 0 0 1px rgba(255,255,255,0.04) inset;
}

/* === 按钮 === */
.btn-primary,
.btn-icon {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* === 输入框 === */
.modal input,
.modal select {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* === 亮色模式适配 === */
[data-theme="light"] .album-card,
[data-theme="light"] .card,
[data-theme="light"] .modal,
[data-theme="light"] .user-dropdown-menu {
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow:
    0 4px 20px rgba(0,0,0,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.15);
}
[data-theme="light"] .album-card:hover {
  border-color: rgba(0,0,0,0.10);
  box-shadow: 0 8px 32px rgba(0,0,0,0.10);
}