/* ==================== 音乐播放器主容器样式 ==================== */
        .fm {
            display: flex;                                   /* 使用flex布局实现水平排列 */
            white-space: nowrap;                             /* 防止内容换行 */
            overflow-x: auto;                                /* 水平方向滚动 */
            overflow-y: hidden;                              /* 隐藏垂直滚动条 */
            position: relative;                              /* 为暂停按钮定位提供参照 */
            padding: 1px;                                    /* 边框内边距1px */
            border-top: 1.8px dashed #CC9900;                 /* 深黄色上边线 */
            border-bottom: 1.8px dashed #CC9900;              /* 深黄色下边线 */
            border-left: none;                               /* 隐藏左侧边线 */
            border-right: 5px solid ;                   /* 右侧边线加宽 (颜色使用系统默认) */
            border-top-left-radius: 0;                      /* 左上无圆角 */
            border-bottom-left-radius: 0;                   /* 左下无圆角 */
            border-top-right-radius: 3px;                   /* 右上3px圆角 */
            border-bottom-right-radius: 3px;                /* 右下3px圆角 */
            animation: rightBorderBreathing 2s infinite;    /* 右侧边框呼吸灯动画：2秒循环 */
        }
        
        /* Webkit内核浏览器滚动条样式 */
        .fm::-webkit-scrollbar { height: 6px; display: none; }                      /* 设置滚动条高度，默认隐藏 */
        .fm::-webkit-scrollbar-track { border-radius: 4px; background-color: rgba(255, 255, 255, 0.2); } /* 轨道样式 */
        .fm::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(100, 100, 100, 0.5); } /* 滑块样式 */
        .fm:hover::-webkit-scrollbar { display: block; }                            /* 悬停时显示滚动条 */
        @media screen and (max-width: 768px) { .fm:hover::-webkit-scrollbar { display: none; } } /* 移动端隐藏滚动条 */
        
        /* ==================== 播放按钮样式 ==================== */
        .fm_anniu {
            margin: 3px 8px 3px 0;                         /* 外边距 */
            border: none;                                    /* 无边框 */
            background-color: Gray;                          /* 默认背景色 - 灰色 */
            padding: 2px 8px;                               /* 内边距 */
            cursor: pointer;                                 /* 鼠标指针为手形 */
            border-radius: 5px;                              /* 圆角 */
            transition: background-color 0.3s;               /* 背景色过渡动画 */
            color: white;                                    /* 文字颜色 */
            font-size: 12px;                                 /* 字体大小 */
            display: flex;                                   /* 使用Flexbox布局 */
            align-items: center;                             /* 垂直居中 */
            justify-content: center;                         /* 水平居中 */
            height: 20px;                                    /* 固定高度 */
            flex-shrink: 0;                                  /* 防止按钮被压缩 */
        }
        .fm_anniu:hover { background-color: #0077BB; }       /* 悬停时背景色变为蓝色 */
        .fm_anniu.active { background-color: green; }        /* 激活状态背景色为绿色 */
        .fm_anniu.failed { background-color: red !important; color: white; } /* 播放失败时背景变为红色，文字保持白色 */
        
        /* ==================== 暂停按钮样式 ==================== */
        #fm_zanting_container {
            position: relative;                              /* 相对定位，作为绝对定位子元素的参照 */
            height: 0;                                       /* 高度为0，不占用布局空间 */
            overflow: visible;                               /* 允许子元素溢出显示 */
        }
        .fm_zanting {
            position: absolute;                              /* 绝对定位 */
            bottom: -30px;                                   /* 底部偏移，显示在主容器下方 */
            right: 0;                                        /* 右侧对齐 */
            border: 1px dashed green;                        /* 绿色虚线边框 */
            border-radius: 50%;                              /* 圆形按钮 */
            background: transparent;                         /* 透明背景 */
            padding: 3px;                                    /* 内边距 */
            cursor: pointer;                                 /* 鼠标指针为手形 */
            font-size: 14px;                                 /* 字体大小 */
            color: #FFCC00;                                  /* 文字颜色 */
            box-shadow: none;                                /* 无阴影 */
            transition: border-color 0.3s;                   /* 边框颜色过渡动画 */
            display: none;                                   /* 默认隐藏，播放时显示 */
            justify-content: center;                         /* 水平居中 */
            align-items: center;                             /* 垂直居中 */
            text-align: center;                              /* 文本居中 */
            line-height: normal;                             /* 正常行高 */
            height: 30px;                                    /* 固定高度 */
            width: 30px;                                     /* 固定宽度（与高度相同形成圆形） */
        }
        .fm_zanting:hover { border-color: #ff0000; }         /* 悬停时边框颜色变为红色 */
        .fm_zanting:active { transform: translateY(1px); }   /* 点击时向下移动1px，模拟按下效果 */
        
        /* ==================== 暂停按钮抖动动画 ==================== */
        .fm_shake { 
            display: inline-block;                           /* 行内块显示 */
            will-change: transform;                          /* 性能优化：提示浏览器将进行变换 */
            transform-origin: center center;                 /* 变换中心点为元素中心 */
            animation: fm_shake_animation 3s ease-in-out infinite; /* 无限循环抖动动画 */
        }
        @keyframes fm_shake_animation { 
            10% { transform: translate(-0.5px, -0.5px) rotate(0.5deg); }  /* 轻微左上旋转 */
            20% { transform: translate(-0.5px, 1.5px) rotate(0.5deg); }   /* 左下偏移 */
            30% { transform: translate(1.5px, 0.5px) rotate(0.5deg); }    /* 右下偏移 */
            40% { transform: translate(1.5px, -0.5px) rotate(-0.5deg); }  /* 右上反向旋转 */
            50% { transform: translate(2.5px, 1.5px) rotate(1.5deg); }    /* 最大偏移角度 */
            60% { transform: translate(-0.5px, -0.5px) rotate(-0.5deg); } /* 回到起始位置 */
            70% { transform: translate(-0.5px, 2.5px) rotate(1.5deg); }   /* 向下大幅偏移 */
            80% { transform: translate(2.5px, -1.5px) rotate(-0.5deg); }  /* 向右上方偏移 */
            90% { transform: translate(1.5px, -0.5px) rotate(1.5deg); }   /* 准备回归原点 */
            0%, 100% { transform: translate(0, 0) rotate(0); }            /* 起始和结束状态 */
        }
        
        /* ==================== 右侧边框呼吸灯动画 ==================== */
        @keyframes rightBorderBreathing {
            0%, 100% { border-right-color: transparent; }  /* 初始和结束状态：完全透明（隐藏） */
            50% { border-right-color: currentColor; }      /* 中间状态：使用系统当前颜色（显示） */
        }