.music-page[data-v-b11e7655]{position:relative;width:100%;min-height:100vh;overflow:hidden}.music-page .music-content[data-v-b11e7655]{position:relative;z-index:1;flex:1;padding:40px 40px 0;overflow-x:hidden;overflow-y:auto}.music-page .music-content[data-v-b11e7655]::-webkit-scrollbar{width:8px}.music-page .music-content[data-v-b11e7655]::-webkit-scrollbar-track{background:var(--music-scrollbar-track);border-radius:4px}.music-page .music-content[data-v-b11e7655]::-webkit-scrollbar-thumb{background:var(--music-scrollbar-thumb);border-radius:4px}.music-page .music-content[data-v-b11e7655]::-webkit-scrollbar-thumb:hover{background:var(--music-scrollbar-thumb-hover)}.music-page .music-content .music-container[data-v-b11e7655]{position:relative;z-index:1;max-width:1600px;margin:0 auto}.music-page .bento-grid[data-v-b11e7655]{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;grid-auto-flow:dense;gap:20px}.music-page .bento-card[data-v-b11e7655]{position:relative;overflow:hidden;cursor:pointer;background:var(--music-card-bg);border-radius:16px;box-shadow:var(--music-card-shadow);transition:all .3s ease}.music-page .bento-card.card-enter[data-v-b11e7655]{opacity:0;animation:skeletonCardEnter-b11e7655 .5s cubic-bezier(.25,.46,.45,.94) forwards}.music-page .bento-card[data-v-b11e7655]:hover{box-shadow:var(--music-card-shadow-hover);transform:translateY(-8px) scale(1.02)}.music-page .bento-card:hover .card-overlay[data-v-b11e7655]{opacity:1}.music-page .bento-card:hover .card-info[data-v-b11e7655]{background:var(--music-card-info-hover-bg)}.music-page .bento-card-small[data-v-b11e7655]{grid-row:span 1;grid-column:span 1}.music-page .bento-card-medium[data-v-b11e7655]{grid-row:span 1;grid-column:span 2}.music-page .bento-card-large[data-v-b11e7655]{grid-row:span 2;grid-column:span 2}.music-page .card-cover[data-v-b11e7655]{position:relative;width:100%;height:100%}.music-page .card-cover img[data-v-b11e7655]{width:100%;height:100%;object-fit:cover}.music-page .card-cover .card-overlay[data-v-b11e7655]{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--music-card-overlay-bg);opacity:0;transition:opacity .3s}.music-page .card-cover .play-button[data-v-b11e7655]{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--music-play-button-bg);border-radius:50%;box-shadow:0 4px 20px #0000004d}.music-page .card-cover .play-button svg[data-v-b11e7655]{width:32px;height:32px;margin-left:4px;fill:var(--music-play-button-icon)}.music-page .card-info[data-v-b11e7655]{position:absolute;bottom:0;left:0;width:100%;padding:20px;color:#fff;pointer-events:none;background:var(--music-card-info-bg);transition:background .3s}.music-page .card-info .card-title[data-v-b11e7655]{margin-bottom:8px;overflow:hidden;font-size:18px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.music-page .card-info .card-description[data-v-b11e7655]{display:-webkit-box;overflow:hidden;font-size:14px;text-overflow:ellipsis;-webkit-line-clamp:2;opacity:.9;-webkit-box-orient:vertical}.music-page .bento-card-large .card-info .card-title[data-v-b11e7655]{font-size:24px}.music-page .bento-card-large .card-info .card-description[data-v-b11e7655]{font-size:16px;-webkit-line-clamp:3}.music-page .video-modal[data-v-b11e7655]{position:fixed;top:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--music-modal-bg);animation:fadeIn-b11e7655 .3s}.music-page .video-modal-content[data-v-b11e7655]{position:relative;width:90%;max-width:1200px;max-height:90vh;overflow:auto;background:var(--music-modal-content-bg);border-radius:16px;box-shadow:0 20px 60px #00000080}.music-page .video-modal-content[data-v-b11e7655]::-webkit-scrollbar{width:8px}.music-page .video-modal-content[data-v-b11e7655]::-webkit-scrollbar-track{background:var(--music-modal-scrollbar-track);border-radius:4px}.music-page .video-modal-content[data-v-b11e7655]::-webkit-scrollbar-thumb{background:var(--music-modal-scrollbar-thumb);border-radius:4px}.music-page .video-modal-content[data-v-b11e7655]::-webkit-scrollbar-thumb:hover{background:var(--music-modal-scrollbar-thumb-hover)}.music-page .video-modal-close[data-v-b11e7655]{position:absolute;top:16px;right:16px;z-index:10;width:40px;height:40px;font-size:32px;color:#fff;cursor:pointer;background:var(--music-modal-close-bg);border:0;border-radius:50%;transition:all .3s}.music-page .video-modal-close[data-v-b11e7655]:hover{background:var(--music-modal-close-hover-bg);transform:rotate(90deg)}.music-page .video-wrapper[data-v-b11e7655]{position:relative;height:0;padding-bottom:56.25%;overflow:hidden;border-radius:16px 16px 0 0}.music-page .video-wrapper[data-v-b11e7655] iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.music-page .video-info[data-v-b11e7655]{padding:24px}.music-page .video-info h2[data-v-b11e7655]{margin-bottom:12px;font-size:24px;font-weight:600;color:var(--music-video-info-title)}.music-page .video-info p[data-v-b11e7655]{font-size:16px;line-height:1.6;color:var(--music-video-info-text)}@media (max-width: 1400px){.music-page .bento-grid[data-v-b11e7655]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.music-page .music-nav[data-v-b11e7655]{padding:15px 20px}.music-page .music-nav .music-title[data-v-b11e7655]{font-size:20px}.music-page .music-nav .back-link[data-v-b11e7655]{padding:8px 16px;font-size:13px}.music-page .music-nav .back-link svg[data-v-b11e7655]{width:18px;height:18px}.music-page .music-nav .spacer[data-v-b11e7655],.music-page .music-nav .theme-toggle-wrapper[data-v-b11e7655]{width:100px}.music-page .music-nav .theme-toggle-btn[data-v-b11e7655]{width:40px;height:40px}.music-page .music-nav .theme-toggle-btn svg[data-v-b11e7655]{width:20px;height:20px}.music-page .music-content[data-v-b11e7655]{padding:20px 20px 0}}@media (max-width: 768px){.music-page .music-nav[data-v-b11e7655]{padding:12px 16px}.music-page .music-nav .music-title[data-v-b11e7655]{font-size:18px}.music-page .music-nav .back-link span[data-v-b11e7655]{display:none}.music-page .music-nav .spacer[data-v-b11e7655],.music-page .music-nav .theme-toggle-wrapper[data-v-b11e7655]{width:48px}.music-page .music-nav .theme-toggle-btn[data-v-b11e7655]{width:40px;height:40px}.music-page .music-nav .theme-toggle-btn svg[data-v-b11e7655]{width:20px;height:20px}.music-page .bento-grid[data-v-b11e7655]{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;gap:16px;padding:0 16px}.music-page .bento-card[data-v-b11e7655]{grid-row:span 1!important;grid-column:span 1!important}.music-page .bento-card[data-v-b11e7655]:nth-child(3n+2){grid-row:span 2!important}.music-page .bento-card[data-v-b11e7655]:nth-child(4n+1){box-shadow:0 10px 30px #667eea66}.music-page .bento-card[data-v-b11e7655]:nth-child(4n+2){box-shadow:0 10px 30px #764ba266}.music-page .bento-card[data-v-b11e7655]:nth-child(4n+3){box-shadow:0 10px 30px #ed64a666}.music-page .bento-card[data-v-b11e7655]:nth-child(4n){box-shadow:0 10px 30px #4facfe66}.music-page .bento-card[data-v-b11e7655]:hover{transform:scale(1.05)!important}.music-page .video-modal-content[data-v-b11e7655]{width:95%;max-height:95vh}.music-page .card-info[data-v-b11e7655]{padding:12px}.music-page .card-info .card-title[data-v-b11e7655]{font-size:14px}.music-page .card-info .card-description[data-v-b11e7655]{font-size:12px}.music-page .bento-card-large .card-info .card-title[data-v-b11e7655]{font-size:14px}.music-page .bento-card-large .card-info .card-description[data-v-b11e7655]{font-size:12px}}@media (max-width: 480px){.music-page .music-nav .back-link[data-v-b11e7655]{padding:8px 12px}.music-page .music-nav .theme-toggle-btn[data-v-b11e7655]{width:36px;height:36px}.music-page .music-nav .theme-toggle-btn svg[data-v-b11e7655]{width:18px;height:18px}.music-page .bento-grid[data-v-b11e7655]{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:12px;padding:0 12px}.music-page .bento-grid .bento-card[data-v-b11e7655]{grid-row:span 1!important;grid-column:span 1!important}.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(1){grid-row:span 2!important;grid-column:span 2!important}.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(7),.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(13),.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(19),.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(28),.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(35),.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(44),.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(52){grid-row:span 2!important;grid-column:span 2!important}.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(5n+2),.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(5n+4){grid-row:span 2!important}.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(3n+1){box-shadow:0 8px 24px #667eea80}.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(3n+2){box-shadow:0 8px 24px #764ba280}.music-page .bento-grid .bento-card[data-v-b11e7655]:nth-child(3n+3){box-shadow:0 8px 24px #ed64a680}.music-page .bento-grid .bento-card[data-v-b11e7655]:hover{transform:scale(1.05)!important}.music-page .card-info[data-v-b11e7655]{padding:10px}.music-page .card-info .card-title[data-v-b11e7655]{font-size:13px}.music-page .card-info .card-description[data-v-b11e7655]{font-size:11px;-webkit-line-clamp:1}.music-page .bento-card-large .card-info .card-title[data-v-b11e7655]{font-size:13px}.music-page .bento-card-large .card-info .card-description[data-v-b11e7655]{font-size:11px}}.music-page .loading-state[data-v-b11e7655],.music-page .empty-state[data-v-b11e7655]{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--music-content-text);text-align:center}.music-page .loading-state p[data-v-b11e7655],.music-page .empty-state p[data-v-b11e7655]{font-size:18px;opacity:.9}.music-page .loading-more[data-v-b11e7655],.music-page .has-more[data-v-b11e7655],.music-page .no-more[data-v-b11e7655]{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--music-content-text);text-align:center}.music-page .loading-more p[data-v-b11e7655],.music-page .has-more p[data-v-b11e7655],.music-page .no-more p[data-v-b11e7655]{font-size:14px;opacity:.7}.music-page .has-more p[data-v-b11e7655]{opacity:.5}@keyframes fadeIn-b11e7655{0%{opacity:0}to{opacity:1}}.content-fade-enter-active[data-v-b11e7655],.content-fade-leave-active[data-v-b11e7655]{transition:opacity .4s ease}.content-fade-enter-from[data-v-b11e7655],.content-fade-leave-to[data-v-b11e7655]{opacity:0}@keyframes cardEnter-b11e7655{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skeletonCardEnter-b11e7655{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes contentCardEnter-b11e7655{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card-content-enter-active[data-v-b11e7655]{transition:opacity .4s ease var(--content-delay, 0ms)}.card-content-leave-active[data-v-b11e7655]{transition:opacity .3s ease}.card-content-enter-from[data-v-b11e7655],.card-content-leave-to[data-v-b11e7655]{opacity:0}.card-content-wrapper[data-v-b11e7655]{width:100%;height:100%}