/* QPlayer2 粗野风格主题 - Brutalist Theme */

/* 主面板 */
#QPlayer-panel,
#QPlayer-switch,
#QPlayer-list,
#QPlayer-lyrics {
    background: #fff !important;
    border: 4px solid #000 !important;
    box-shadow: 6px 6px 0px 0px #000 !important;
    border-radius: 0 !important;
}

/* 暗黑模式 */
.dark-mode #QPlayer-panel,
.dark-mode #QPlayer-switch,
.dark-mode #QPlayer-list,
.dark-mode #QPlayer-lyrics {
    background: #121212 !important;
    border-color: #10b981 !important;
    box-shadow: 6px 6px 0px 0px #10b981 !important;
    color: #e5e5e5 !important;
}

/* 封面 */
#QPlayer-cover {
    border: 4px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #000 !important;
}

.dark-mode #QPlayer-cover {
    border-color: #10b981 !important;
    box-shadow: 4px 4px 0px 0px #10b981 !important;
}

/* 切换按钮 */
#QPlayer-switch {
    background: #000 !important;
    border-radius: 0 !important;
}

.dark-mode #QPlayer-switch {
    background: #10b981 !important;
}

#QPlayer-switch svg {
    fill: #fff !important;
    filter: none !important;
}

.dark-mode #QPlayer-switch svg {
    fill: #000 !important;
}

/* 进度条 */
#QPlayer-progress {
    background: #cdcdcd !important;
    height: 4px !important;
    border: 2px solid #000 !important;
    border-radius: 0 !important;
}

.dark-mode #QPlayer-progress {
    background: #333 !important;
    border-color: #10b981 !important;
}

#QPlayer-progress-current {
    background: #e12 !important;
    height: 4px !important;
}

.dark-mode #QPlayer-progress-current {
    background: #10b981 !important;
}

#QPlayer-progress-current::after {
    width: 12px !important;
    height: 12px !important;
    top: -6px !important;
    right: -6px !important;
    background-color: #fff !important;
    border: 3px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 0px 0px #000 !important;
}

.dark-mode #QPlayer-progress-current::after {
    background-color: #10b981 !important;
    border-color: #000 !important;
    box-shadow: 2px 2px 0px 0px #10b981 !important;
}

/* 控制按钮 */
#QPlayer-control-bar svg {
    fill: #000 !important;
    transition: all 0.2s !important;
}

#QPlayer-control-bar svg:hover {
    fill: #e12 !important;
    transform: translate(2px, 2px) !important;
}

.dark-mode #QPlayer-control-bar svg {
    fill: #e5e5e5 !important;
}

.dark-mode #QPlayer-control-bar svg:hover {
    fill: #10b981 !important;
}

/* 播放列表 */
#QPlayer-list {
    border-top: 4px solid #000 !important;
}

.dark-mode #QPlayer-list {
    border-top-color: #10b981 !important;
}

#QPlayer-list li {
    padding: 8px 12px !important;
    border: 2px solid #dedede !important;
    border-radius: 0 !important;
    margin: 4px 0 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    transition: all 0.2s !important;
}

.dark-mode #QPlayer-list li {
    border-color: #333 !important;
    background: #1e1e1e !important;
    color: #e5e5e5 !important;
}

#QPlayer-list li:hover,
#QPlayer-list li.QPlayer-list-current {
    padding: 8px 12px 8px 8px !important;
    background: #fef08a !important;
    color: #000 !important;
    border-left: 6px solid #e12 !important;
    border-color: #000 !important;
    box-shadow: 3px 3px 0px 0px #000 !important;
    transform: translateX(2px) !important;
}

.dark-mode #QPlayer-list li:hover,
.dark-mode #QPlayer-list li.QPlayer-list-current {
    background: #10b981 !important;
    color: #000 !important;
    border-left-color: #000 !important;
    border-color: #10b981 !important;
    box-shadow: 3px 3px 0px 0px #10b981 !important;
}

/* 歌词 */
#QPlayer-lyrics {
    border: 4px solid #000 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
}

.dark-mode #QPlayer-lyrics {
    border-color: #10b981 !important;
}

#QPlayer-lyrics p.QPlayer-lyrics-current {
    color: #e12 !important;
    font-weight: 900 !important;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1) !important;
}

.dark-mode #QPlayer-lyrics p.QPlayer-lyrics-current {
    color: #10b981 !important;
}

/* 标题 */
#QPlayer-title {
    font-weight: 700 !important;
    color: #000 !important;
    text-transform: uppercase !important;
}

.dark-mode #QPlayer-title {
    color: #e5e5e5 !important;
}

/* 时间显示 */
#QPlayer-time {
    font-weight: 700 !important;
    color: #666 !important;
    font-family: 'Courier New', monospace !important;
}

.dark-mode #QPlayer-time {
    color: #a3a3a3 !important;
}

/* 滚动条 */
#QPlayer ::-webkit-scrollbar {
    width: 8px !important;
}

#QPlayer ::-webkit-scrollbar-track {
    background: #f0f0f0 !important;
    border: 2px solid #000 !important;
}

#QPlayer ::-webkit-scrollbar-thumb {
    background: #000 !important;
    border-radius: 0 !important;
    border: 2px solid #fff !important;
}

.dark-mode #QPlayer ::-webkit-scrollbar-track {
    background: #000 !important;
    border-color: #10b981 !important;
}

.dark-mode #QPlayer ::-webkit-scrollbar-thumb {
    background: #10b981 !important;
    border-color: #000 !important;
}

/* 整体容器调整 */
#QPlayer {
    font-family: 'Noto Sans SC', sans-serif !important;
}

/* 隐藏"无歌词，请欣赏"提示 */
#QPlayer-lyrics.QPlayer-lyrics-no {
    display: none !important;
}