/*
 * 基于: https://github.com/AdingApkgg/blog/blob/main/source/css/custom.css
 * 复制粘贴 + Vibe + 手动矫正（
 */

/* Aplayer音乐标签伸缩 */
/* Width的值可根据喜好调整（屏幕的宽度） */
@media (max-width: 960px) {
  /* Aplayer音乐标签伸缩 */
  .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    left: -66px !important;
    /* 默认情况下缩进左侧66px，只留一点箭头部分 */
  }

  .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
    left: 0 !important;
    /* 鼠标悬停是左侧缩进归零，完全显示按钮 */
  }
}

/* Aplayer日间模式调整 */
/* 背景色 */
.aplayer {
    --cus-aplayer-bg: rgba(255, 255, 255, 0.85);
    --cus-aplayer-border: rgba(0, 0, 0, 0.08);
    --cus-aplayer-radius: 6px;
    background: var(--cus-aplayer-bg) !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    position: relative;
}

.aplayer.aplayer-fixed {
    background: transparent !important;
    box-shadow: none;
}

.aplayer.aplayer-fixed .aplayer-lrc:after,
.aplayer.aplayer-fixed .aplayer-lrc:before {
    display: none;
}

.aplayer.aplayer.aplayer-fixed .aplayer-body {
    background: rgba(255, 255, 255, 0.90) !important;
    background-clip: padding-box;
    border-radius: 0 var(--cus-aplayer-radius) var(--cus-aplayer-radius) 0 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    position: fixed;
}

/* 滚动条 */
.aplayer .aplayer-list::-webkit-scrollbar,
.aplayer .aplayer-list ol::-webkit-scrollbar {
    width: 5px;
}

.aplayer .aplayer-list::-webkit-scrollbar-thumb,
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #c0c0c0 !important;
}

.aplayer .aplayer-list::-webkit-scrollbar-thumb:hover,
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
    background-color: #c1c1c1a4 !important;
}

/* 圆角 */
.aplayer.aplayer-fixed .aplayer-list {
    background: var(--cus-aplayer-bg) !important;
    background-clip: padding-box;
    border-color: var(--cus-aplayer-border) !important;
    border-radius: var(--cus-aplayer-radius) var(--cus-aplayer-radius) 0 0 !important;
    overflow: hidden !important;
}

.aplayer.aplayer-fixed .aplayer-list > ol {
    background: var(--cus-aplayer-bg) !important;
    margin: 0;
    padding: 0;
}

.aplayer.aplayer-fixed ol.aplayer-list {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.aplayer.aplayer-fixed .aplayer-miniswitcher {
    /* background: transparent !important; */
    border-radius: 0 var(--cus-aplayer-radius) var(--cus-aplayer-radius) 0 !important;
    overflow: hidden;
}

.aplayer.aplayer-fixed .aplayer-miniswitcher .aplayer-icon {
    border-radius: inherit;
}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    transition: 0.28s !important;
    border-radius: var(--cus-aplayer-radius) !important;
}

.aplayer.aplayer-fixed .aplayer-list ol li,
.aplayer.aplayer-fixed ol.aplayer-list li {
    border-top-color: var(--cus-aplayer-border) !important;
}

/* 选中与播放中歌曲激活颜色 */
.aplayer .aplayer-list li:hover,
.aplayer .aplayer-list ol li:hover {
    background: rgba(22, 22, 22, 0.24) !important;
}

.aplayer .aplayer-list li.aplayer-list-light,
.aplayer .aplayer-list ol li.aplayer-list-light {
    background: rgba(22, 22, 22, 0.12) !important;
}

/* 歌词 */
.aplayer-lrc p {
    color: #3c3c3c !important;
    text-shadow: 1px 1px 1px white, 0 0 2px white, 0 0 1px white;
}

[data-theme="dark"] .aplayer-lrc p {
    color: #ffffff !important;
    text-shadow: 1px 1px 1px black, 0 0 2px black, 0 0 1px black;
}

/* Aplayer黑暗模式 */
[data-theme="dark"] .aplayer {
    --cus-aplayer-bg: rgba(26, 26, 26, 0.85);
    --cus-aplayer-border: rgba(255, 255, 255, 0.08);
    background: var(--cus-aplayer-bg) !important;
    color: rgb(255, 255, 255);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .aplayer.aplayer-fixed {
    background: transparent !important;
    box-shadow: none;
}

[data-theme="dark"] .aplayer.aplayer-fixed .aplayer-body {
    background: rgba(26, 26, 26, 0.90) !important;
    color: rgb(255, 255, 255);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .aplayer:not(.aplayer-fixed) .aplayer-lrc:before,
[data-theme="dark"] .aplayer:not(.aplayer-fixed) .aplayer-lrc:after {
    display: none;
}

[data-theme="dark"]
.aplayer
.aplayer-info
.aplayer-controller
.aplayer-time
.aplayer-icon
path {
    fill: #d4d4d4;
}

[data-theme="dark"] .aplayer .aplayer-list li:hover,
[data-theme="dark"] .aplayer .aplayer-list ol li:hover {
    background: rgba(255, 255, 255, 0.30) !important;
}

[data-theme="dark"] .aplayer .aplayer-list li.aplayer-list-light,
[data-theme="dark"] .aplayer .aplayer-list ol li.aplayer-list-light {
    background: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .aplayer .aplayer-info .aplayer-controller .aplayer-time {
    color: #d4d4d4;
}

[data-theme="dark"] .aplayer .aplayer-info .aplayer-music .aplayer-author {
    color: #aaa;
}

[data-theme="dark"] .aplayer.aplayer-fixed .aplayer-info {
    border-top-color: #d7d7d7a7;
}

[data-theme="dark"] .aplayer .aplayer-list li .aplayer-list-index,
[data-theme="dark"] .aplayer .aplayer-list ol li .aplayer-list-index {
    color: #d4d4d4;
}

[data-theme="dark"] .aplayer .aplayer-list li .aplayer-list-author,
[data-theme="dark"] .aplayer .aplayer-list ol li .aplayer-list-author {
    color: #d4d4d4;
}