/* 2G-06S: 文章内嵌音乐播放器(Plyr)样式。本地,匹配站点橙色主题。 */
.ww-music-player { --plyr-color-main: #e0662b; margin: 24px 0; border-radius: 14px;
    background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(250,247,244,.72));
    box-shadow: 0 10px 34px -16px rgba(0,0,0,.35); border: 1px solid rgba(0,0,0,.06); overflow: hidden; }
body.dark .ww-music-player { background: rgba(49,54,59,.72); border-color: rgba(255,255,255,.08); }
.ww-mp-main { display: flex; gap: 16px; align-items: center; padding: 16px 18px; }
.ww-mp-cover { flex: 0 0 auto; }
.ww-mp-cover-img { width: 84px; height: 84px; object-fit: cover; border-radius: 10px;
    box-shadow: 0 6px 18px -8px rgba(0,0,0,.5); background: rgba(224,102,43,.07); display: block; }
.ww-mp-body { flex: 1 1 auto; min-width: 0; }
.ww-mp-meta { display: flex; flex-direction: column; margin: 0 0 8px 2px; }
.ww-mp-title { font-weight: 600; font-size: 15px; line-height: 1.3; color: #2b2f36;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.dark .ww-mp-title { color: #eee; }
.ww-mp-artist { font-size: 12.5px; color: #8a9099; min-height: 1em; }
.ww-mp-audio { width: 100%; }
.ww-music-player .plyr--audio { border-radius: 10px; background: transparent; }
.ww-music-player .plyr--audio .plyr__controls { background: transparent; padding: 6px 2px 2px; }
.ww-mp-list { list-style: none; margin: 0; padding: 4px 8px 10px; max-height: 264px; overflow-y: auto;
    border-top: 1px solid rgba(0,0,0,.06); }
body.dark .ww-mp-list { border-top-color: rgba(255,255,255,.08); }
.ww-mp-item { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 9px;
    cursor: pointer; font-size: 13.5px; color: #454b54; transition: background .14s ease, color .14s ease; }
body.dark .ww-mp-item { color: #bcc2cc; }
.ww-mp-item:hover { background: rgba(224,102,43,.09); }
.ww-mp-item.active { background: rgba(224,102,43,.14); color: #e0662b; font-weight: 600; }
.ww-mp-idx { flex: 0 0 auto; width: 20px; text-align: center; opacity: .6; font-variant-numeric: tabular-nums; }
.ww-mp-item-title { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ww-mp-item-artist { flex: 0 0 auto; font-size: 12px; opacity: .7; font-weight: 400; }
@media (max-width: 560px) { .ww-mp-main { gap: 12px; padding: 13px; } .ww-mp-cover-img { width: 64px; height: 64px; } }