/* ============================================================ * APlayer 音乐卡片：深色模式适配（独立文件 shortcode-dark-music.css） * 仅在前台/后台深色模式下生效，必须于 APlayer.min.css 之后加载， * 确保深色规则拥有最终级联话语权。 * 分两块：包裹版（配合 speos-music/mlist/mp3 外壳）+ 包裹无关版（任意祖先带 .dark 即生效）。 * 歌词区顶部/底部白色渐变遮罩在深色下隐藏（避免两道白线）。 * ============================================================ */ /* 包裹版：.dark 挂在 / 或文章容器，配合 speos 音乐外壳 */ html.dark speos-music .aplayer, html.dark speos-mlist .aplayer, html.dark speos-mp3 .aplayer, body.dark speos-music .aplayer, body.dark speos-mlist .aplayer, body.dark speos-mp3 .aplayer, .dark speos-music .aplayer, .dark speos-mlist .aplayer, .dark speos-mp3 .aplayer { background: var(--background, #1f2937) !important; border-color: rgba(255,255,255,0.06) !important; box-shadow: 0 6px 18px rgba(0,0,0,0.3) !important; } html.dark speos-music .aplayer:hover, html.dark speos-mlist .aplayer:hover, html.dark speos-mp3 .aplayer:hover, body.dark speos-music .aplayer:hover, body.dark speos-mlist .aplayer:hover, body.dark speos-mp3 .aplayer:hover, .dark speos-music .aplayer:hover, .dark speos-mlist .aplayer:hover, .dark speos-mp3 .aplayer:hover { box-shadow: 0 10px 26px rgba(0,0,0,0.4) !important; } html.dark speos-music .aplayer .aplayer-info, html.dark speos-mlist .aplayer .aplayer-info, html.dark speos-mp3 .aplayer .aplayer-info, body.dark speos-music .aplayer .aplayer-info, body.dark speos-mlist .aplayer .aplayer-info, body.dark speos-mp3 .aplayer .aplayer-info, .dark speos-music .aplayer .aplayer-info, .dark speos-mlist .aplayer .aplayer-info, .dark speos-mp3 .aplayer .aplayer-info { background: transparent !important; } html.dark speos-music .aplayer .aplayer-info.aplayer-withlist, html.dark speos-mlist .aplayer .aplayer-info.aplayer-withlist, html.dark speos-mp3 .aplayer .aplayer-info.aplayer-withlist, body.dark speos-music .aplayer .aplayer-info.aplayer-withlist, body.dark speos-mlist .aplayer .aplayer-info.aplayer-withlist, body.dark speos-mp3 .aplayer .aplayer-info.aplayer-withlist, .dark speos-music .aplayer .aplayer-info.aplayer-withlist, .dark speos-mlist .aplayer .aplayer-info.aplayer-withlist, .dark speos-mp3 .aplayer .aplayer-info.aplayer-withlist { border-bottom-color: rgba(255,255,255,0.08) !important; } html.dark speos-music .aplayer .aplayer-info .aplayer-music .aplayer-title, html.dark speos-mlist .aplayer .aplayer-info .aplayer-music .aplayer-title, html.dark speos-mp3 .aplayer .aplayer-info .aplayer-music .aplayer-title, body.dark speos-music .aplayer .aplayer-info .aplayer-music .aplayer-title, body.dark speos-mlist .aplayer .aplayer-info .aplayer-music .aplayer-title, body.dark speos-mp3 .aplayer .aplayer-info .aplayer-music .aplayer-title, .dark speos-music .aplayer .aplayer-info .aplayer-music .aplayer-title, .dark speos-mlist .aplayer .aplayer-info .aplayer-music .aplayer-title, .dark speos-mp3 .aplayer .aplayer-info .aplayer-music .aplayer-title { color: var(--main, #d1d5db) !important; } html.dark speos-music .aplayer .aplayer-info .aplayer-music .aplayer-author, html.dark speos-mlist .aplayer .aplayer-info .aplayer-music .aplayer-author, html.dark speos-mp3 .aplayer .aplayer-info .aplayer-music .aplayer-author, body.dark speos-music .aplayer .aplayer-info .aplayer-music .aplayer-author, body.dark speos-mlist .aplayer .aplayer-info .aplayer-music .aplayer-author, body.dark speos-mp3 .aplayer .aplayer-info .aplayer-music .aplayer-author, .dark speos-music .aplayer .aplayer-info .aplayer-music .aplayer-author, .dark speos-mlist .aplayer .aplayer-info .aplayer-music .aplayer-author, .dark speos-mp3 .aplayer .aplayer-info .aplayer-music .aplayer-author { color: var(--routine, #9ca3af) !important; } html.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar, html.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar, html.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar, body.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar, body.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar, body.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar, .dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar, .dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar, .dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { background: rgba(255,255,255,0.12) !important; } html.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded, html.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded, html.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded, body.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded, body.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded, body.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded, .dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded, .dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded, .dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { background: rgba(255,255,255,0.22) !important; } html.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-time, html.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-time, html.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-time, body.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-time, body.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-time, body.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-time, .dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-time, .dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-time, .dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-time { color: var(--routine, #9ca3af) !important; } html.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path, html.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path, html.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path, body.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path, body.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path, body.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path, .dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path, .dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path, .dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path { fill: var(--routine, #9ca3af) !important; } html.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path, html.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path, html.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path, body.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path, body.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path, body.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path, .dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path, .dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path, .dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path { fill: #fff !important; } html.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, html.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, html.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, body.dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, body.dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, body.dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, .dark speos-music .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, .dark speos-mlist .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, .dark speos-mp3 .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar { background: rgba(255,255,255,0.22) !important; } html.dark speos-music .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after, html.dark speos-mlist .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after, html.dark speos-mp3 .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after, body.dark speos-music .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after, body.dark speos-mlist .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after, body.dark speos-mp3 .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after, .dark speos-music .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after, .dark speos-mlist .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after, .dark speos-mp3 .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after { display: none !important; } html.dark speos-music .aplayer .aplayer-lrc p, html.dark speos-mlist .aplayer .aplayer-lrc p, html.dark speos-mp3 .aplayer .aplayer-lrc p, body.dark speos-music .aplayer .aplayer-lrc p, body.dark speos-mlist .aplayer .aplayer-lrc p, body.dark speos-mp3 .aplayer .aplayer-lrc p, .dark speos-music .aplayer .aplayer-lrc p, .dark speos-mlist .aplayer .aplayer-lrc p, .dark speos-mp3 .aplayer .aplayer-lrc p { color: var(--routine, #9ca3af) !important; opacity: 0.6 !important; } html.dark speos-music .aplayer .aplayer-lrc p.aplayer-lrc-current, html.dark speos-mlist .aplayer .aplayer-lrc p.aplayer-lrc-current, html.dark speos-mp3 .aplayer .aplayer-lrc p.aplayer-lrc-current, body.dark speos-music .aplayer .aplayer-lrc p.aplayer-lrc-current, body.dark speos-mlist .aplayer .aplayer-lrc p.aplayer-lrc-current, body.dark speos-mp3 .aplayer .aplayer-lrc p.aplayer-lrc-current, .dark speos-music .aplayer .aplayer-lrc p.aplayer-lrc-current, .dark speos-mlist .aplayer .aplayer-lrc p.aplayer-lrc-current, .dark speos-mp3 .aplayer .aplayer-lrc p.aplayer-lrc-current { color: var(--theme, #60a5fa) !important; opacity: 1 !important; } html.dark speos-music .aplayer .aplayer-list, html.dark speos-mlist .aplayer .aplayer-list, html.dark speos-mp3 .aplayer .aplayer-list, body.dark speos-music .aplayer .aplayer-list, body.dark speos-mlist .aplayer .aplayer-list, body.dark speos-mp3 .aplayer .aplayer-list, .dark speos-music .aplayer .aplayer-list, .dark speos-mlist .aplayer .aplayer-list, .dark speos-mp3 .aplayer .aplayer-list { background: transparent !important; } html.dark speos-music .aplayer .aplayer-list ol::-webkit-scrollbar-thumb, html.dark speos-mlist .aplayer .aplayer-list ol::-webkit-scrollbar-thumb, html.dark speos-mp3 .aplayer .aplayer-list ol::-webkit-scrollbar-thumb, body.dark speos-music .aplayer .aplayer-list ol::-webkit-scrollbar-thumb, body.dark speos-mlist .aplayer .aplayer-list ol::-webkit-scrollbar-thumb, body.dark speos-mp3 .aplayer .aplayer-list ol::-webkit-scrollbar-thumb, .dark speos-music .aplayer .aplayer-list ol::-webkit-scrollbar-thumb, .dark speos-mlist .aplayer .aplayer-list ol::-webkit-scrollbar-thumb, .dark speos-mp3 .aplayer .aplayer-list ol::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.18) !important; } html.dark speos-music .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover, html.dark speos-mlist .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover, html.dark speos-mp3 .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover, body.dark speos-music .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover, body.dark speos-mlist .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover, body.dark speos-mp3 .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover, .dark speos-music .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover, .dark speos-mlist .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover, .dark speos-mp3 .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.28) !important; } html.dark speos-music .aplayer .aplayer-list ol li, html.dark speos-mlist .aplayer .aplayer-list ol li, html.dark speos-mp3 .aplayer .aplayer-list ol li, body.dark speos-music .aplayer .aplayer-list ol li, body.dark speos-mlist .aplayer .aplayer-list ol li, body.dark speos-mp3 .aplayer .aplayer-list ol li, .dark speos-music .aplayer .aplayer-list ol li, .dark speos-mlist .aplayer .aplayer-list ol li, .dark speos-mp3 .aplayer .aplayer-list ol li { border-top-color: rgba(255,255,255,0.08) !important; color: var(--main, #d1d5db) !important; } html.dark speos-music .aplayer .aplayer-list ol li:hover, html.dark speos-mlist .aplayer .aplayer-list ol li:hover, html.dark speos-mp3 .aplayer .aplayer-list ol li:hover, body.dark speos-music .aplayer .aplayer-list ol li:hover, body.dark speos-mlist .aplayer .aplayer-list ol li:hover, body.dark speos-mp3 .aplayer .aplayer-list ol li:hover, .dark speos-music .aplayer .aplayer-list ol li:hover, .dark speos-mlist .aplayer .aplayer-list ol li:hover, .dark speos-mp3 .aplayer .aplayer-list ol li:hover { background: rgba(255,255,255,0.06) !important; } html.dark speos-music .aplayer .aplayer-list ol li.aplayer-list-light, html.dark speos-mlist .aplayer .aplayer-list ol li.aplayer-list-light, html.dark speos-mp3 .aplayer .aplayer-list ol li.aplayer-list-light, body.dark speos-music .aplayer .aplayer-list ol li.aplayer-list-light, body.dark speos-mlist .aplayer .aplayer-list ol li.aplayer-list-light, body.dark speos-mp3 .aplayer .aplayer-list ol li.aplayer-list-light, .dark speos-music .aplayer .aplayer-list ol li.aplayer-list-light, .dark speos-mlist .aplayer .aplayer-list ol li.aplayer-list-light, .dark speos-mp3 .aplayer .aplayer-list ol li.aplayer-list-light { background: rgba(255,255,255,0.10) !important; } html.dark speos-music .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author, html.dark speos-mlist .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author, html.dark speos-mp3 .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author, body.dark speos-music .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author, body.dark speos-mlist .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author, body.dark speos-mp3 .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author, .dark speos-music .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author, .dark speos-mlist .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author, .dark speos-mp3 .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author { color: var(--routine, #9ca3af) !important; } html.dark speos-music .aplayer .aplayer-notice, html.dark speos-mlist .aplayer .aplayer-notice, html.dark speos-mp3 .aplayer .aplayer-notice, body.dark speos-music .aplayer .aplayer-notice, body.dark speos-mlist .aplayer .aplayer-notice, body.dark speos-mp3 .aplayer .aplayer-notice, .dark speos-music .aplayer .aplayer-notice, .dark speos-mlist .aplayer .aplayer-notice, .dark speos-mp3 .aplayer .aplayer-notice { background-color: var(--classA, #374151) !important; color: var(--routine, #9ca3af) !important; } html.dark speos-music .aplayer .aplayer-miniswitcher, html.dark speos-mlist .aplayer .aplayer-miniswitcher, html.dark speos-mp3 .aplayer .aplayer-miniswitcher, body.dark speos-music .aplayer .aplayer-miniswitcher, body.dark speos-mlist .aplayer .aplayer-miniswitcher, body.dark speos-mp3 .aplayer .aplayer-miniswitcher, .dark speos-music .aplayer .aplayer-miniswitcher, .dark speos-mlist .aplayer .aplayer-miniswitcher, .dark speos-mp3 .aplayer .aplayer-miniswitcher { background: rgba(255,255,255,0.10) !important; } html.dark speos-music .aplayer .aplayer-miniswitcher .aplayer-icon path, html.dark speos-mlist .aplayer .aplayer-miniswitcher .aplayer-icon path, html.dark speos-mp3 .aplayer .aplayer-miniswitcher .aplayer-icon path, body.dark speos-music .aplayer .aplayer-miniswitcher .aplayer-icon path, body.dark speos-mlist .aplayer .aplayer-miniswitcher .aplayer-icon path, body.dark speos-mp3 .aplayer .aplayer-miniswitcher .aplayer-icon path, .dark speos-music .aplayer .aplayer-miniswitcher .aplayer-icon path, .dark speos-mlist .aplayer .aplayer-miniswitcher .aplayer-icon path, .dark speos-mp3 .aplayer .aplayer-miniswitcher .aplayer-icon path { fill: var(--routine, #9ca3af) !important; } html.dark speos-music .aplayer .aplayer-miniswitcher .aplayer-icon:hover path, html.dark speos-mlist .aplayer .aplayer-miniswitcher .aplayer-icon:hover path, html.dark speos-mp3 .aplayer .aplayer-miniswitcher .aplayer-icon:hover path, body.dark speos-music .aplayer .aplayer-miniswitcher .aplayer-icon:hover path, body.dark speos-mlist .aplayer .aplayer-miniswitcher .aplayer-icon:hover path, body.dark speos-mp3 .aplayer .aplayer-miniswitcher .aplayer-icon:hover path, .dark speos-music .aplayer .aplayer-miniswitcher .aplayer-icon:hover path, .dark speos-mlist .aplayer .aplayer-miniswitcher .aplayer-icon:hover path, .dark speos-mp3 .aplayer .aplayer-miniswitcher .aplayer-icon:hover path { fill: #fff !important; } /* 包裹无关版：只要祖先带 .dark 即生效（不依赖 speos 外壳） */ html.dark .aplayer, body.dark .aplayer, .dark .aplayer { background: var(--background, #1f2937) !important; border-color: rgba(255,255,255,0.06) !important; box-shadow: 0 6px 18px rgba(0,0,0,0.3) !important; } html.dark .aplayer:hover, body.dark .aplayer:hover, .dark .aplayer:hover { box-shadow: 0 10px 26px rgba(0,0,0,0.4) !important; } html.dark .aplayer .aplayer-info, body.dark .aplayer .aplayer-info, .dark .aplayer .aplayer-info { background: transparent !important; } html.dark .aplayer .aplayer-info.aplayer-withlist, body.dark .aplayer .aplayer-info.aplayer-withlist, .dark .aplayer .aplayer-info.aplayer-withlist { border-bottom-color: rgba(255,255,255,0.08) !important; } html.dark .aplayer .aplayer-info .aplayer-music .aplayer-title, body.dark .aplayer .aplayer-info .aplayer-music .aplayer-title, .dark .aplayer .aplayer-info .aplayer-music .aplayer-title { color: var(--main, #d1d5db) !important; } html.dark .aplayer .aplayer-info .aplayer-music .aplayer-author, body.dark .aplayer .aplayer-info .aplayer-music .aplayer-author, .dark .aplayer .aplayer-info .aplayer-music .aplayer-author { color: var(--routine, #9ca3af) !important; } html.dark .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar, body.dark .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar, .dark .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { background: rgba(255,255,255,0.12) !important; } html.dark .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded, body.dark .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded, .dark .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { background: rgba(255,255,255,0.22) !important; } html.dark .aplayer .aplayer-info .aplayer-controller .aplayer-time, body.dark .aplayer .aplayer-info .aplayer-controller .aplayer-time, .dark .aplayer .aplayer-info .aplayer-controller .aplayer-time { color: var(--routine, #9ca3af) !important; } html.dark .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path, body.dark .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path, .dark .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path { fill: var(--routine, #9ca3af) !important; } html.dark .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path, body.dark .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path, .dark .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path { fill: #fff !important; } html.dark .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, body.dark .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar, .dark .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar { background: rgba(255,255,255,0.22) !important; } html.dark .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after, body.dark .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after, .dark .aplayer .aplayer-lrc:before, .aplayer .aplayer-lrc:after { display: none !important; } html.dark .aplayer .aplayer-lrc p, body.dark .aplayer .aplayer-lrc p, .dark .aplayer .aplayer-lrc p { color: var(--routine, #9ca3af) !important; opacity: 0.6 !important; } html.dark .aplayer .aplayer-lrc p.aplayer-lrc-current, body.dark .aplayer .aplayer-lrc p.aplayer-lrc-current, .dark .aplayer .aplayer-lrc p.aplayer-lrc-current { color: var(--theme, #60a5fa) !important; opacity: 1 !important; } html.dark .aplayer .aplayer-list, body.dark .aplayer .aplayer-list, .dark .aplayer .aplayer-list { background: transparent !important; } html.dark .aplayer .aplayer-list ol::-webkit-scrollbar-thumb, body.dark .aplayer .aplayer-list ol::-webkit-scrollbar-thumb, .dark .aplayer .aplayer-list ol::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.18) !important; } html.dark .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover, body.dark .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover, .dark .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.28) !important; } html.dark .aplayer .aplayer-list ol li, body.dark .aplayer .aplayer-list ol li, .dark .aplayer .aplayer-list ol li { border-top-color: rgba(255,255,255,0.08) !important; color: var(--main, #d1d5db) !important; } html.dark .aplayer .aplayer-list ol li:hover, body.dark .aplayer .aplayer-list ol li:hover, .dark .aplayer .aplayer-list ol li:hover { background: rgba(255,255,255,0.06) !important; } html.dark .aplayer .aplayer-list ol li.aplayer-list-light, body.dark .aplayer .aplayer-list ol li.aplayer-list-light, .dark .aplayer .aplayer-list ol li.aplayer-list-light { background: rgba(255,255,255,0.10) !important; } html.dark .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author, body.dark .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author, .dark .aplayer .aplayer-list ol li .aplayer-list-index, .aplayer .aplayer-list ol li .aplayer-list-author { color: var(--routine, #9ca3af) !important; } html.dark .aplayer .aplayer-notice, body.dark .aplayer .aplayer-notice, .dark .aplayer .aplayer-notice { background-color: var(--classA, #374151) !important; color: var(--routine, #9ca3af) !important; } html.dark .aplayer .aplayer-miniswitcher, body.dark .aplayer .aplayer-miniswitcher, .dark .aplayer .aplayer-miniswitcher { background: rgba(255,255,255,0.10) !important; } html.dark .aplayer .aplayer-miniswitcher .aplayer-icon path, body.dark .aplayer .aplayer-miniswitcher .aplayer-icon path, .dark .aplayer .aplayer-miniswitcher .aplayer-icon path { fill: var(--routine, #9ca3af) !important; } html.dark .aplayer .aplayer-miniswitcher .aplayer-icon:hover path, body.dark .aplayer .aplayer-miniswitcher .aplayer-icon:hover path, .dark .aplayer .aplayer-miniswitcher .aplayer-icon:hover path { fill: #fff !important; }