/* voice-library.css - 音色库弹窗样式（从 narration-inline.css 提取，跨页面复用） */

.voice-filter-btn {
    padding: 5px 14px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    color: #999;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
}
.voice-filter-btn:hover { background: rgba(255,133,162,0.1); color: #FF85A2; }
.voice-filter-btn.active { background: rgba(255,133,162,0.2); border-color: #FF85A2; color: #FF85A2; }

.voice-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 14px;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}
.voice-card:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,133,162,0.3); }
.voice-card.selected { background: rgba(255,133,162,0.12); border-color: #FF85A2; }
.voice-card-name { font-size: 14px; font-weight: 600; color: #e5e5e5; margin-bottom: 6px; }
.voice-card-meta { font-size: 11px; color: #888; display: flex; gap: 8px; align-items: center; }
.voice-card-tags { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 6px; }
.voice-card-tag { font-size: 10px; padding: 1px 6px; background: rgba(255,255,255,0.08); border-radius: 8px; color: #aaa; }
.voice-card-play {
    position: absolute; top: 10px; right: 10px;
    width: 28px; height: 28px; border-radius: 50%;
    background: rgba(255,133,162,0.2); border: none;
    color: #FF85A2; font-size: 14px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.2s;
}
.voice-card-play:hover { background: rgba(255,133,162,0.4); }