/**
 * 简单的音频播放器美化
 * 使用原生controls，仅美化样式
 */

/* 音频区块基础样式 */
.wp-block-audio {
    margin: 1.5em 0;
}

/* 音频播放器美化 - 直角样式 */
.wp-block-audio audio {
    width: 100%;
    outline: none;
    border-radius: 0 !important;
}

/* 移除所有圆角 */
.wp-block-audio audio::-webkit-media-controls-panel {
    border-radius: 0 !important;
}

.wp-block-audio audio::-webkit-media-controls-enclosure {
    border-radius: 0 !important;
}

/* 音频描述 */
.wp-block-audio figcaption {
    margin-top: 0.8em;
    font-size: 14px;
    color: #666;
    font-style: italic;
}

/* 夜间模式适配 */
body.dark-mode .wp-block-audio audio {
    background: #2a2a2a;
    filter: invert(0.9) hue-rotate(180deg);
}

body.dark-mode .wp-block-audio figcaption {
    color: #aaa;
}

