.bgm-container[data-v-1cdc2f6c]{width:100%;min-height:100vh;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#333;padding:20px;box-sizing:border-box}.bgm-header[data-v-1cdc2f6c]{margin-bottom:24px;color:green;font-size:18px;font-weight:700;text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(180deg,#1ed9f2,#a43cff 82.24%)}.bgm-main[data-v-1cdc2f6c]{max-width:800px;margin:0 auto;position:relative}.track-list[data-v-1cdc2f6c]{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.track-item[data-v-1cdc2f6c]{border-radius:12px;padding:20px;color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s ease}.track-item[data-v-1cdc2f6c]:hover{transform:translateY(-2px)}.track-item.purple[data-v-1cdc2f6c]{background:linear-gradient(135deg,#667eea,#764ba2)}.track-item.blue[data-v-1cdc2f6c]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.track-header[data-v-1cdc2f6c]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.track-date[data-v-1cdc2f6c]{font-size:12px;opacity:.9;font-weight:500}.play-button[data-v-1cdc2f6c]{background:hsla(0,0%,100%,.2);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.play-button[data-v-1cdc2f6c]:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.track-title[data-v-1cdc2f6c]{flex:1;font-size:16px;font-weight:600;margin:0}.track-duration[data-v-1cdc2f6c]{font-size:14px;font-weight:500;opacity:.9}.waveform-container[data-v-1cdc2f6c]{margin-bottom:12px;position:relative}.waveform[data-v-1cdc2f6c]{display:flex;align-items:center;gap:2px;height:20px;margin-bottom:8px}.waveform-bar[data-v-1cdc2f6c]{flex:1;background:hsla(0,0%,100%,.3);border-radius:2px;animation:wave-1cdc2f6c 1s ease-in-out infinite alternate}@keyframes wave-1cdc2f6c{0%{height:5px}to{height:15px}}.progress-bar[data-v-1cdc2f6c]{position:relative;width:100%;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;cursor:pointer}.progress-filled[data-v-1cdc2f6c]{height:100%;background:#fff;border-radius:2px;transition:width .3s ease}.progress-handle[data-v-1cdc2f6c]{position:absolute;top:50%;left:35%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;cursor:grab}.progress-handle[data-v-1cdc2f6c]:active{cursor:grabbing}.track-tags[data-v-1cdc2f6c]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tag[data-v-1cdc2f6c]{font-size:10px;padding:4px 8px;background:hsla(0,0%,100%,.2);border-radius:12px;font-weight:500}.like-text[data-v-1cdc2f6c]{font-size:12px;opacity:.9;margin-left:auto}.track-actions[data-v-1cdc2f6c]{display:flex;align-items:center;gap:12px}.with-button[data-v-1cdc2f6c]{display:flex;align-items:center;gap:4px;background:hsla(0,0%,100%,.2);border:none;border-radius:16px;padding:6px 12px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.with-button[data-v-1cdc2f6c]:hover{background:hsla(0,0%,100%,.3)}.more-button[data-v-1cdc2f6c]{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s ease}.more-button[data-v-1cdc2f6c]:hover{opacity:1}.pagination[data-v-1cdc2f6c]{display:flex;justify-content:center;gap:8px;margin-bottom:60px}.page-button[data-v-1cdc2f6c]{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease}.page-button[data-v-1cdc2f6c]:hover{border-color:#667eea;color:#667eea}.page-button.active[data-v-1cdc2f6c]{background:#667eea;border-color:#667eea;color:#fff}.bgm-footer[data-v-1cdc2f6c]{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px;box-shadow:0 -4px 6px rgba(0,0,0,.1)}.footer-actions[data-v-1cdc2f6c]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.action-button[data-v-1cdc2f6c]{background:hsla(0,0%,100%,.2);border:none;border-radius:8px;padding:10px 16px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.action-button[data-v-1cdc2f6c]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}@media (max-width:768px){.track-item[data-v-1cdc2f6c]{padding:16px}.track-header[data-v-1cdc2f6c]{flex-wrap:wrap;gap:8px}.track-title[data-v-1cdc2f6c]{font-size:14px;flex-basis:100%;order:3}.track-duration[data-v-1cdc2f6c]{margin-left:auto}.track-actions[data-v-1cdc2f6c]{flex-wrap:wrap}.footer-actions[data-v-1cdc2f6c]{gap:8px}.action-button[data-v-1cdc2f6c]{padding:8px 12px;font-size:11px}}