/* 播放器全局样式 */
.aplayer {
    background: #ffc0cb; /* 播放器背景色，粉色 */
    font-family: Arial, Helvetica, sans-serif; /* 字体设置 */
    margin: 5px; /* 外边距 */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.1); /* 阴影效果 */
    border-radius: 10px; /* 圆角 */
    overflow: hidden; /* 超出部分隐藏 */
    -webkit-user-select: none; /* 禁用文字选择 */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal; /* 行高 */
    position: relative; /* 设置相对定位 */
}

/* 子元素的盒模型设置 */
.aplayer * {
    box-sizing: content-box;
}

/* SVG 图标样式 */
.aplayer svg {
    width: 100%;
    height: 100%;
}

/* SVG 图标内部元素样式 */
.aplayer svg circle,
.aplayer svg path {
    fill: #ffc0cb;    /* 图标填充白色 */
}

/* 含播放列表状态的样式 */
.aplayer.aplayer-withlist .aplayer-info {
    border-bottom: 1px solid #e9e9e9; /* 播放列表上方的分隔线 */
}

.aplayer.aplayer-withlist .aplayer-list {
    display: block; /* 显示播放列表 */
}

/* 播放列表下的图标样式 */
.aplayer.aplayer-withlist .aplayer-icon-order,
.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu {
    display: inline; /* 显示图标 */
}

/* 含歌词模式样式 */
.aplayer.aplayer-withlrc .aplayer-pic {
    height: 70px; /* 播放器封面高度 */
    width: 90px;  /* 播放器封面宽度 */
}

.aplayer.aplayer-withlrc .aplayer-info {
    margin-left: 90px; /* 向右偏移封面宽度 */
    height: 70px; /* 高度与封面一致 */
    padding: 10px 7px 0; /* 内边距 */
}

.aplayer.aplayer-withlrc .aplayer-lrc {
    display: block; /* 显示歌词 */
}

/* 缩小模式样式 */
.aplayer.aplayer-narrow {
    width: 90px; /* 播放器宽度 */
}

.aplayer.aplayer-narrow .aplayer-info,
.aplayer.aplayer-narrow .aplayer-list {
    display: none; /* 隐藏信息和播放列表 */
}

.aplayer.aplayer-narrow .aplayer-body,
.aplayer.aplayer-narrow .aplayer-pic {
    height: 70px; /* 缩小模式下的封面和播放器高度 */
    width: 90px; /* 缩小模式下的封面和播放器宽度 */
}

/* 固定模式样式 */
.aplayer.aplayer-fixed {
    position: fixed; /* 固定在屏幕底部 */
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 99; /* 设置层级 */
    overflow: visible; /* 内容可见 */
    max-width: 380px; /* 最大宽度 */
    box-shadow: none; /* 移除阴影 */
border-radius: 20px; /* 设置主体部分的圆角 */
}

/* 固定模式下的播放列表样式 */
.aplayer.aplayer-fixed .aplayer-list {
    margin-bottom: 69px; /* 向上偏移，留出播放器空间 */
    border: 1px solid #eee; /* 边框 */
    border-bottom: none; /* 移除底边框 */
}

/* 固定模式下的主体样式 */
.aplayer.aplayer-fixed .aplayer-body {
    position: fixed; /* 固定在屏幕底部 */
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 99; /* 设置层级 */
    background: #ffdbe6; /* 背景色白色 */
    padding-right: 15px; /* 右侧内边距 */
    transition: all 0.3s ease; /* 动画过渡 */
    max-width: 380px; /* 最大宽度 */
border-radius: 20px; /* 设置主体部分的圆角 */
}

/* 固定模式下的歌词样式 */
.aplayer.aplayer-fixed .aplayer-lrc {
    display: block; /* 显示歌词 */
    position: fixed; /* 固定在底部 */
    bottom: 13px;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 98; /* 层级低于播放器主体 */
    pointer-events: none; /* 禁止鼠标事件 */
    text-shadow: -1px -1px 0 #fff; /* 歌词阴影效果 */
}


/* 固定模式歌词的伪元素样式 */
.aplayer.aplayer-fixed .aplayer-lrc:after,
.aplayer.aplayer-fixed .aplayer-lrc:before {
    display: none; /* 隐藏伪元素 */
}

/* 固定模式下的信息样式 */
.aplayer.aplayer-fixed .aplayer-info {
    transform: scaleX(1); /* 水平缩放比例 */
    transform-origin: 0 0; /* 缩放原点 */
    transition: all 0.3s ease; /* 动画过渡 */
    border-bottom: none; /* 移除底边框 */
    border-top: 1px solid #e9e9e9; /* 添加顶部边框 */
}

/* 信息部分的宽度调整 */
.aplayer.aplayer-fixed .aplayer-info .aplayer-music {
    width: calc(100% - 105px); /* 播放器信息宽度调整 */
}

/* 固定模式的最小化切换按钮样式 */
.aplayer.aplayer-fixed .aplayer-miniswitcher {
    display: block; /* 显示切换按钮 */
}

/* 固定模式的缩小样式 */
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info {
    display: block; /* 显示信息 */
    transform: scaleX(0); /* 水平缩放为 0 */
}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    width: 90px !important; /* 强制宽度为 66px */
}}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    height: 70px !important; /* 强制宽度为 66px */
}}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon {
    transform: rotateY(0); /* 重置图标旋转 */
}

/* 固定模式下的播放控制按钮样式 */
.aplayer.aplayer-fixed .aplayer-icon-back,
.aplayer.aplayer-fixed .aplayer-icon-forward,
.aplayer.aplayer-fixed .aplayer-icon-lrc,
.aplayer.aplayer-fixed .aplayer-icon-play {
    display: inline-block; /* 显示播放控制按钮 */
}



/* 固定模式下的播放控制按钮样式 */
.aplayer.aplayer-fixed .aplayer-icon-back,
.aplayer.aplayer-fixed .aplayer-icon-forward,
.aplayer.aplayer-fixed .aplayer-icon-menu,
.aplayer.aplayer-fixed .aplayer-icon-play {
    position: absolute; /* 绝对定位 */
    bottom: 27px; /* 距离底部的距离 */
    width: 20px; /* 按钮宽度 */
    height: 20px; /* 按钮高度 */
}

.aplayer.aplayer-fixed .aplayer-icon-back {
    right: 75px; /* 返回按钮距离右侧的距离 */
}

.aplayer.aplayer-fixed .aplayer-icon-play {
    right: 50px; /* 播放按钮距离右侧的距离 */
}

.aplayer.aplayer-fixed .aplayer-icon-forward {
    right: 25px; /* 前进按钮距离右侧的距离 */
}

.aplayer.aplayer-fixed .aplayer-icon-menu {
    right: 0; /* 菜单按钮紧贴右侧 */
}

/* 响应式隐藏某些图标 */
.aplayer.aplayer-arrow .aplayer-icon-loop,
.aplayer.aplayer-arrow .aplayer-icon-order,
.aplayer.aplayer-mobile .aplayer-icon-volume-down {
    display: none; /* 隐藏图标 */
}

/* 加载状态下显示加载图标 */
.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon {
    display: block; /* 显示加载图标 */
}

/* 加载状态下调整播放进度条样式 */
.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
    transform: scale(1); /* 缩放为原始大小 */
}

/* 播放器主体 */
.aplayer .aplayer-body {
    position: relative; /* 相对定位 */
}

/* 通用图标样式 */
.aplayer .aplayer-icon {
    width: 15px; /* 图标宽度 */
    height: 15px; /* 图标高度 */
    border: none; /* 移除边框 */
    background-color: transparent; /* 背景透明 */
    outline: none; /* 移除外边框 */
    cursor: pointer; /* 鼠标悬浮为指针 */
    opacity: 0.8; /* 默认透明度 */
    vertical-align: middle; /* 垂直对齐 */
    padding: 0; /* 无内边距 */
    font-size: 12px; /* 字号 */
    margin: 0; /* 无外边距 */
    display: inline-block; /* 行内块显示 */
}

.aplayer .aplayer-icon path {
    transition: all 0.2s ease-in-out; /* 动画过渡效果 */
}

/* 隐藏特定图标 */
.aplayer .aplayer-icon-back,
.aplayer .aplayer-icon-forward,
.aplayer .aplayer-icon-lrc,
.aplayer .aplayer-icon-order,
.aplayer .aplayer-icon-play {
    display: none; /* 默认隐藏 */
}

/* 非活动状态的歌词图标样式 */
.aplayer .aplayer-icon-lrc-inactivity svg {
    opacity: 0.4; /* 减低透明度 */
}

/* 前进按钮的旋转样式 */
.aplayer .aplayer-icon-forward {
    transform: rotate(180deg); /* 旋转 180 度 */
}

/* 默认隐藏歌词内容 */
.aplayer .aplayer-lrc-content {
    display: none; /* 隐藏歌词 */
}

/* 播放器封面图片样式 */
.aplayer .aplayer-pic {
    position: relative; /* 相对定位 */
    float: left; /* 左浮动 */
    height: 70px; /* 封面高度 */
    width: 90px; /* 封面宽度 */
    background-size: cover; /* 背景图充满 */
    background-position: 50%; /* 背景图居中 */
    transition: all 0.3s ease; /* 动画过渡效果 */
    cursor: pointer; /* 鼠标悬浮为指针 */
}

/* 鼠标悬停时显示播放按钮 */
.aplayer .aplayer-pic:hover .aplayer-button {
    opacity: 1; /* 完全显示 */
}

/* 封面播放/暂停按钮样式 */
.aplayer .aplayer-pic .aplayer-button {
    position: absolute; /* 绝对定位 */
    border-radius: 50%; /* 圆形按钮 */
    opacity: 0.8; /* 默认透明度 */
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); /* 文本阴影 */
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); /* 按钮阴影 */
    background: rgba(0, 0, 0, 0.2); /* 半透明背景 */
    transition: all 0.1s ease; /* 动画过渡效果 */
}

/* 播放按钮样式 */
.aplayer .aplayer-pic .aplayer-play {
    width: 26px; /* 宽度 */
    height: 26px; /* 高度 */
    border: 2px solid #fff; /* 白色边框 */
    bottom: 50%; /* 垂直居中 */
    right: 50%; /* 水平居中 */
    margin: 0 -15px -15px 0; /* 偏移量 */
}

.aplayer .aplayer-pic .aplayer-play svg {
    position: absolute; /* 绝对定位 */
    top: 3px; /* 向下偏移 */
    left: 4px; /* 向右偏移 */
    height: 20px; /* 图标高度 */
    width: 20px; /* 图标宽度 */
}

/* 暂停按钮样式 */
.aplayer .aplayer-pic .aplayer-pause {
    width: 16px; /* 宽度 */
    height: 16px; /* 高度 */
    border: 2px solid #fff; /* 白色边框 */
    bottom: 4px; /* 距离底部的距离 */
    right: 4px; /* 距离右侧的距离 */
}

.aplayer .aplayer-pic .aplayer-pause svg {
    position: absolute; /* 绝对定位 */
    top: 2px; /* 向下偏移 */
    left: 2px; /* 向右偏移 */
    height: 12px; /* 图标高度 */
    width: 12px; /* 图标宽度 */
}

/* 播放器信息样式 */
.aplayer .aplayer-info {
    margin-left: 66px; /* 向右偏移封面宽度 */
    padding: 14px 7px 0 10px; /* 内边距 */
    height: 66px; /* 高度 */
    box-sizing: border-box; /* 包括内边距和边框 */
}

/* 播放器音乐信息样式 */
.aplayer .aplayer-info .aplayer-music {
    overflow: hidden; /* 超出隐藏 */
    white-space: nowrap; /* 不换行 */
    text-overflow: ellipsis; /* 超出显示省略号 */
    margin: 0 0 13px 5px; /* 外边距 */
    user-select: text; /* 允许选择文本 */
    cursor: default; /* 鼠标为默认箭头 */
    padding-bottom: 2px; /* 底部内边距 */
    height: 20px; /* 高度 */
}

/* 音乐标题样式 */
.aplayer .aplayer-info .aplayer-music .aplayer-title {
    font-size: 14px; /* 字体大小 */
}



/* 音乐作者信息样式 */
.aplayer .aplayer-info .aplayer-music .aplayer-author {
    font-size: 12px; /* 字体大小 */
    color: #666; /* 字体颜色为灰色 */
}

/* 播放器控制区域样式 */
.aplayer .aplayer-info .aplayer-controller {
    position: relative; /* 相对定位 */
    display: flex; /* 使用 Flex 布局 */
}

/* 进度条包裹层 */
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
    margin: 0 0 0 5px; /* 左侧外边距 */
    padding: 4px 0; /* 上下内边距 */
    cursor: pointer !important; /* 鼠标悬浮变为指针 */
    flex: 1; /* 占据剩余空间 */
}

/* 鼠标悬浮时，播放点样式调整 */
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb {
    transform: scale(1); /* 放大为正常尺寸 */
}

/* 进度条 */
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
    position: relative; /* 相对定位 */
    height: 2px; /* 进度条高度 */
    width: 100%; /* 进度条宽度 */
    background: #cdcdcd; /* 进度条背景色（灰色） */
}

/* 已加载的进度条 */
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
    position: absolute; /* 绝对定位 */
    left: 0; /* 从左侧开始 */
    top: 0; /* 顶部对齐 */
    bottom: 0; /* 底部对齐 */
    background: #aaa; /* 加载条颜色（浅灰） */
    height: 2px; /* 高度与进度条一致 */
    transition: all 0.5s ease; /* 平滑过渡效果 */
}

/* 已播放的进度条 */
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
    position: absolute; /* 绝对定位 */
    left: 0; /* 从左侧开始 */
    top: 0; /* 顶部对齐 */
    bottom: 0; /* 底部对齐 */
    height: 2px; /* 高度与进度条一致 */
}

/* 播放点样式 */
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
    position: absolute; /* 绝对定位 */
    top: 0; /* 顶部对齐 */
    right: 5px; /* 右侧偏移 */
    margin-top: -4px; /* 垂直居中调整 */
    margin-right: -10px; /* 水平居中调整 */
    height: 10px; /* 圆点高度 */
    width: 10px; /* 圆点宽度 */
    border-radius: 50%; /* 圆形 */
    cursor: pointer; /* 鼠标悬浮变为指针 */
    transition: all 0.3s ease-in-out; /* 平滑过渡效果 */
    transform: scale(0); /* 初始隐藏缩小为 0 */
}

/* 播放时间显示区域 */
.aplayer .aplayer-info .aplayer-controller .aplayer-time {
    position: relative; /* 相对定位 */
    right: 0; /* 默认右对齐 */
    bottom: 4px; /* 向上偏移 */
    height: 17px; /* 高度 */
    color: #999; /* 字体颜色（浅灰） */
    font-size: 11px; /* 字体大小 */
    padding-left: 7px; /* 左侧内边距 */
}

/* 时间内层样式 */
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {
    vertical-align: middle; /* 垂直居中 */
}

/* 时间图标样式 */
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon {
    cursor: pointer; /* 鼠标悬浮为指针 */
    transition: all 0.2s ease; /* 平滑过渡效果 */
}

/* 时间图标颜色 */
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
    fill: #666; /* 默认填充颜色为灰色 */
}

/* 循环图标的右侧外边距 */
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop {
    margin-right: 2px; /* 添加外边距 */
}

/* 鼠标悬浮时图标变为黑色 */
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
    fill: #000; /* 填充颜色变为黑色 */
}



/* 隐藏某些菜单和播放模式图标（窄模式和普通模式） */
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,
.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,
.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode {
    display: none; /* 隐藏元素 */
}

/* 音量控制器包裹层样式 */
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {
    position: relative; /* 相对定位 */
    display: inline-block; /* 内联块布局 */
    margin-left: 3px; /* 左侧外边距 */
    cursor: pointer !important; /* 鼠标悬浮显示为指针 */
}

/* 鼠标悬浮时音量条高度变大 */
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {
    height: 40px; /* 展开音量条 */
}

/* 音量条包裹层样式 */
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {
    position: absolute; /* 绝对定位 */
    bottom: 15px; /* 距离底部的距离 */
    right: -3px; /* 向右偏移 */
    width: 25px; /* 宽度 */
    height: 0; /* 初始高度为 0 */
    z-index: 99; /* 层级优先显示 */
    overflow: hidden; /* 超出隐藏 */
    transition: all 0.2s ease-in-out; /* 平滑过渡效果 */
}

/* 激活状态下的音量条 */
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active {
    height: 40px; /* 展开音量条 */
}

/* 音量条样式 */
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
    position: absolute; /* 绝对定位 */
    bottom: 0; /* 底部对齐 */
    right: 10px; /* 向右偏移 */
    width: 5px; /* 宽度 */
    height: 35px; /* 高度 */
    background: #aaa; /* 灰色背景 */
    border-radius: 2.5px; /* 圆角边框 */
    overflow: hidden; /* 超出隐藏 */
}

/* 音量值样式 */
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
    position: absolute; /* 绝对定位 */
    bottom: 0; /* 从底部开始 */
    right: 0; /* 从右侧开始 */
    width: 5px; /* 宽度 */
    transition: all 0.1s ease; /* 平滑过渡效果 */
}

/* 隐藏加载图标 */
.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon {
    display: none; /* 隐藏加载图标 */
}

/* 加载图标旋转动画 */
.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg {
    position: absolute; /* 绝对定位 */
    animation: rotate 1s linear infinite; /* 无限旋转动画 */
}

/* 歌词显示区域样式 */
.aplayer .aplayer-lrc {
    display: none; /* 默认隐藏 */
    position: relative; /* 相对定位 */
    height: 35px; /* 高度 */
    text-align: center; /* 居中对齐 */
    overflow: hidden; /* 超出隐藏 */
    margin: -10px 0 7px; /* 外边距调整 */
}

/* 歌词区域上部渐变 */
.aplayer .aplayer-lrc:before {
    top: 0; /* 顶部对齐 */
    height: 10%; /* 高度占歌词区域的 10% */
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0)); /* 渐变颜色 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0); /* IE 渐变支持 */
}

/* 歌词区域渐变层样式 */
.aplayer .aplayer-lrc:after,
.aplayer .aplayer-lrc:before {
    position: absolute; /* 绝对定位 */
    z-index: 1; /* 层级 */
    display: block; /* 块状显示 */
    overflow: hidden; /* 超出隐藏 */
    width: 100%; /* 宽度占满 */
    content: " "; /* 空内容用于背景装饰 */
}

/* 歌词区域下部渐变 */
.aplayer .aplayer-lrc:after {
    bottom: 0; /* 底部对齐 */
    height: 33%; /* 高度占歌词区域的 33% */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8)); /* 渐变颜色 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ccffffff", GradientType=0); /* IE 渐变支持 */
}

/* 歌词文字样式 */
.aplayer .aplayer-lrc p {
    font-family: "Arial", "Helvetica", sans-serif; /* 设置歌词字体 */
    font-size: 16px; /* 字体大小 */
    color: #ff0c0e; /* 字体颜色（灰色） */
    line-height: 17px !important; /* 行高 */
    height: 17px !important; /* 高度与行高一致 */
    padding: 0 !important; /* 无内边距 */
    margin: 0 !important; /* 无外边距 */
    transition: all 0.5s ease-out; /* 平滑过渡效果 */
    opacity: 0.35; /* 默认透明度 */
    overflow: hidden; /* 超出隐藏 */
}



/* 当前歌词样式：使当前歌词的透明度为 1，允许溢出并设置最小高度 */
.aplayer .aplayer-lrc p.aplayer-lrc-current {
    opacity: 0.35; /* 完全可见 */
    overflow: visible; /* 允许溢出 */
    height: auto !important; /* 高度自动调整 */
    min-height: 17px; /* 最小高度 16px */
}

/* 隐藏歌词区域 */
.aplayer .aplayer-lrc.aplayer-lrc-hide {
    display: none; /* 隐藏元素 */
}

/* 歌词内容样式：宽度 100%，并允许文本选择 */
.aplayer .aplayer-lrc .aplayer-lrc-contents {
    width: 100%; /* 占满父元素宽度 */
    transition: all 0.5s ease-out; /* 平滑过渡 */
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; /* 允许文本选择 */
    cursor: default; /* 默认鼠标指针 */
}

/* 播放列表的基本样式，初始为隐藏 */
.aplayer .aplayer-list {
    overflow: auto; /* 启用滚动 */
    transition: all 0.5s ease; /* 平滑过渡 */
    will-change: height; /* 提示浏览器预计高度会变化 */
    display: none; /* 初始状态隐藏 */
    overflow: hidden; /* 隐藏溢出内容 */
}

/* 播放列表隐藏状态 */
.aplayer .aplayer-list.aplayer-list-hide {
    max-height: 0 !important; /* 设置最大高度为 0，确保不可见 */
}

/* 列表项无序列表的样式 */
.aplayer .aplayer-list ol {
    list-style-type: none; /* 无序列表样式 */
    margin: 0; /* 无外边距 */
    padding: 0; /* 无内边距 */
    overflow-y: auto; /* 纵向滚动条 */
}

/* 自定义滚动条样式 */
.aplayer .aplayer-list ol::-webkit-scrollbar {
    width: 5px; /* 滚动条宽度 */
}

.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
    border-radius: 3px; /* 圆角 */
    background-color: #eee; /* 背景颜色 */
}

.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
    background-color: #ccc; /* 悬停时的滚动条颜色 */
}

/* 列表项样式 */
.aplayer .aplayer-list ol li {
    position: relative; /* 相对定位 */
    height: 32px; /* 固定高度 */
    line-height: 32px; /* 行高 */
    padding: 0 15px; /* 左右内边距 */
    font-size: 12px; /* 字体大小 */
    border-top: 1px solid #e9e9e9; /* 顶部边框 */
    cursor: pointer; /* 鼠标指针样式 */
    transition: all 0.2s ease; /* 平滑过渡 */
    overflow: hidden; /* 隐藏超出内容 */
    margin: 0; /* 无外边距 */
}

/* 第一个列表项无顶部边框 */
.aplayer .aplayer-list ol li:first-child {
    border-top: none; /* 不显示顶部边框 */
}

/* 列表项悬浮时的背景色 */
.aplayer .aplayer-list ol li:hover {
    background: #efefef; /* 悬浮时背景色 */
}

/* 列表项高亮样式 */
.aplayer .aplayer-list ol li.aplayer-list-light {
    background: #e9e9e9; /* 高亮时背景色 */
}

/* 当前播放的列表项高亮显示 */
.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur {
    display: inline-block; /* 显示当前播放标识 */
}

/* 当前播放标识样式 */
.aplayer .aplayer-list ol li .aplayer-list-cur {
    display: none; /* 默认隐藏 */
    width: 3px; /* 宽度 */
    height: 22px; /* 高度 */
    position: absolute; /* 绝对定位 */
    left: 0; /* 左侧对齐 */
    top: 5px; /* 上侧偏移 */
    cursor: pointer; /* 鼠标指针样式 */
}

/* 列表项索引和作者文本样式 */
.aplayer .aplayer-list ol li .aplayer-list-index {
    color: #666; /* 字体颜色 */
    margin-right: 12px; /* 右侧外边距 */
    cursor: pointer; /* 鼠标指针样式 */
}

.aplayer .aplayer-list ol li .aplayer-list-author {
    color: #666; /* 字体颜色 */
    float: right; /* 右浮动 */
    cursor: pointer; /* 鼠标指针样式 */
}

/* 提示通知样式 */
.aplayer .aplayer-notice {
    opacity: 0; /* 默认透明度为 0 */
    position: absolute; /* 绝对定位 */
    top: 50%; /* 垂直居中 */
    left: 50%; /* 水平居中 */
    -webkit-transform: translate(-50%, -50%); /* 使用 transform 进行偏移 */
    transform: translate(-50%, -50%); /* 使用 transform 进行偏移 */
    font-size: 12px; /* 字体大小 */
    border-radius: 4px; /* 圆角 */
    padding: 5px 10px; /* 内边距 */
    transition: all 0.3s ease-in-out; /* 平滑过渡 */
    overflow: hidden; /* 隐藏溢出内容 */
    color: #fff; /* 字体颜色 */
    pointer-events: none; /* 禁止鼠标事件 */
    background-color: #f4f4f5; /* 背景颜色 */
    color: #909399; /* 字体颜色 */
}

/* 最小化切换器样式 */
.aplayer .aplayer-miniswitcher {
    display: none; /* 默认隐藏 */
    position: absolute; /* 绝对定位 */
    top: 0; /* 顶部对齐 */
    right: 0; /* 右侧对齐 */
    bottom: 0; /* 底部对齐 */
    height: 100%; /* 高度占满 */
    background: #e6e6e6; /* 背景颜色 */
    width: 18px; /* 宽度 */
    border-radius: 0 2px 2px 0; /* 圆角 */
}

/* 最小化切换器图标样式 */
.aplayer .aplayer-miniswitcher .aplayer-icon {
    height: 100%; /* 高度 100% */
    width: 100%; /* 宽度 100% */
    -webkit-transform: rotateY(180deg); /* Y轴旋转 */
    transform: rotateY(180deg); /* Y轴旋转 */
    transition: all 0.3s ease; /* 平滑过渡 */
}

/* 最小化切换器图标路径样式 */
.aplayer .aplayer-miniswitcher .aplayer-icon path {
    fill: #666; /* 填充颜色 */
}

/* 最小化切换器图标悬浮时颜色变化 */
.aplayer .aplayer-miniswitcher .aplayer-icon:hover path {
    fill: #000; /* 悬浮时颜色变为黑色 */
}

/* 旋转动画：滚动动画 */
@-webkit-keyframes aplayer-roll {
    0% { left: 0; }
    to { left: -100%; } /* 滚动效果 */
}

@keyframes aplayer-roll {
    0% { left: 0; }
    to { left: -100%; } /* 滚动效果 */
}

/* 旋转动画：旋转效果 */
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0); 
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn); 
        transform: rotate(1turn); /* 旋转一圈 */
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn); 
        transform: rotate(1turn); /* 旋转一圈 */
    }
}


/*# sourceMappingURL=APlayer.min.css.map*/