@layer utilities {
    .content-auto {
        content-visibility: auto;
    }



    .search-glow {
        box-shadow: 0 0 15px rgba(79, 195, 247, 0.5);
    }
    .btn-glow {
        box-shadow: 0 0 10px rgba(206, 147, 216, 0.7);
    }
    .playing-indicator {
        animation: pulse 1.5s infinite;
    }
    .nav-item-active {
        color: #4fc3f7;
        border-bottom: 2px solid #4fc3f7;
    }
    .active-song {
        background-color: rgba(79, 195, 247, 0.1);
        border-left: 3px solid #4fc3f7;
    }
    .play-prompt {
        animation: fadeInOut 2s infinite;
    }
}







@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes fadeInOut {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}



::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* 优化背景透明度 */
.background {
    opacity: 1.0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* 导航栏样式 */
.nav-container {
    position: relative;
}

.dropdown-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.dropdown.open .dropdown-content {
    max-height: 300px;
}

.dropdown-toggle::after {
    content: "▼";
    font-size: 0.7em;
    margin-left: 5px;
    transition: transform 0.3s;
}

.dropdown.open .dropdown-toggle::after {
    transform: rotate(180deg);
}

/* 固定顶部导航栏样式 */
.fixed-nav {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

/* 滚动时导航栏效果 */
.scrolled {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* 播放器样式 */
.fixed-player {
    z-index: 20;
    margin: 0 auto;
    max-width: 5xl;
    width: 100%;
    margin-bottom: 2rem;
    padding: 0;
}

/* 移动端播放器优化 */
@media (max-width: 640px) {
    .player-controls {
        gap: 4px !important;
    }
    .player-progress {
        width: 100% !important;
    }
    .current-cover {
        width: 10vw !important;
        height: 10vw !important;
        min-width: 48px !important;
        min-height: 48px !important;
    }
    .song-info {
        max-width: 50vw !important;
    }
    .main-play-btn {
        width: 10vw !important;
        height: 10vw !important;
        min-width: 48px !important;
        min-height: 48px !important;
    }
}