/* 隐藏滚动条但保留功能 */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        
        /* 移动端高度适配 */
        .h-safe-screen {
            height: 100vh;
            height: 100dvh;
        }

        /* 歌词滚动动画 */
        .lyric-item {
            transition: all 0.3s ease;
            opacity: 0.6;
            filter: blur(0.5px);
            transform: scale(0.95);
        }
        .lyric-active {
            opacity: 1;
            font-weight: bold;
            color: #10b981; /* Emerald-500 */
            font-size: 1.25rem;
            filter: blur(0);
            transform: scale(1.05);
            text-shadow: 0 0 10px rgba(16, 185, 129, 0.3);
        }
        
        /* 进度条与音量条样式重置 */
        input[type=range] {
            -webkit-appearance: none; 
            background: transparent; 
            cursor: pointer;
        }
        /* 滑块圆形按钮 */
        input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            background: #ffffff;
            margin-top: -4px; /* 轨道高度4px，(4-12)/2 = -4 */
            box-shadow: 0 0 5px rgba(0,0,0,0.3);
            border: none;
            transition: transform 0.1s;
        }
        input[type=range]::-webkit-slider-thumb:hover {
            transform: scale(1.2);
        }
        /* 滑块轨道 */
        input[type=range]::-webkit-slider-runnable-track {
            width: 100%;
            height: 4px;
            background: rgba(255,255,255,0.2);
            border-radius: 2px;
        }
        
        /* 旋转动画优化 */
        .spin-slow {
            animation: spin 10s linear infinite;
            will-change: transform;
        }
        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /* 心跳动画 */
        .heartbeat {
            animation: beat 1.5s infinite;
        }
        @keyframes beat {
            0%, 100% { transform: scale(1); opacity: 0.8; }
            50% { transform: scale(1.1); opacity: 1; }
        }
        
        /* 音量条容器热区优化 */
        .volume-hover-bridge {
            padding-bottom: 20px; /* 增加底部填充，连接图标和滑块 */
            width: 60px; /* 增加宽度，防止鼠标左右滑出 */
        }

/* ============================================================
 * 三端适配（手机 / Pad / 电脑）
 * 覆盖 Tailwind CDN 动态生成的工具类，使用 ID/结构选择器 + !important
 * 手机端为基础样式（<700px 保持原样），Pad / 电脑端逐步放大文字与间距
 * ============================================================ */

/* ---------- Pad 端（700px - 1023px） ---------- */
@media (min-width: 700px) and (max-width: 1023px) {
    #main-container { padding: 1.25rem !important; }
    #search-bar { margin-bottom: 1.25rem !important; padding: 0.625rem 0.75rem !important; }
    #song-list > div { padding: 0.875rem 0.875rem !important; }
    #song-list > div > div:nth-child(2) > div:first-child { font-size: 15px !important; }
    #player-bar { padding: 1rem 1.25rem !important; bottom: 1.25rem !important; }
    #cover-img { width: 3.5rem !important; height: 3.5rem !important; }
    #song-title { font-size: 14px !important; }
    #singer-name { font-size: 12px !important; }
    #mini-lyric { font-size: 16px !important; }
    #play-btn { width: 2.5rem !important; height: 2.5rem !important; }
    #play-btn i { font-size: 14px !important; }
    #current-time, #duration { font-size: 12px !important; }
    #lyric-content p { font-size: 19px !important; }
}

/* ---------- 电脑端（≥1024px） ---------- */
@media (min-width: 1024px) {
    #main-container { padding: 1.5rem !important; }
    #search-bar { margin-bottom: 1.5rem !important; padding: 0.75rem 1rem !important; }
    #search-btn { padding: 0.625rem 1.25rem !important; font-size: 15px !important; }
    #song-list > div { padding: 1rem 0.875rem !important; }
    #song-list > div > div:nth-child(2) > div:first-child { font-size: 16px !important; }
    #song-list > div > div:nth-child(2) > div:last-child { font-size: 13px !important; }
    #player-bar { padding: 1.25rem 1.5rem !important; bottom: 1.5rem !important; }
    #cover-img { width: 4rem !important; height: 4rem !important; }
    #song-title { font-size: 16px !important; }
    #singer-name { font-size: 13px !important; }
    #mini-lyric { font-size: 18px !important; }
    #play-btn { width: 3rem !important; height: 3rem !important; }
    #play-btn i { font-size: 16px !important; }
    #player-bar .fas.fa-step-backward, #player-bar .fas.fa-step-forward { font-size: 20px !important; }
    #current-time, #duration { font-size: 13px !important; }
    #mode-btn i, #download-btn i { font-size: 18px !important; }
    #lyric-content p { font-size: 20px !important; }
    #lyric-content > p + p { margin-top: 2rem !important; }
    .lyric-active { font-size: 1.375rem !important; }
}