/* 新播放控制按钮样式 */
.new-actions-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #f8f9fa 0%, #eef0f2 100%);
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0.4rem 0.32rem 0.5rem;
    box-shadow: 0 -0.1rem 0.4rem rgba(0,0,0,0.12);
    z-index: 100;
}

.new-actions-wrap .btn-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.32rem;
    gap: 0.24rem;
}

.new-actions-wrap .btn-row:last-child {
    margin-bottom: 0;
}

.new-actions-wrap .action-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
    border: none;
    border-radius: 0.32rem;
    padding: 0.36rem 0.2rem;
    font-size: 0.42rem;
    font-weight: 500;
    color: #333;
    box-shadow: 0 0.05rem 0.15rem rgba(0,0,0,0.1), 
                inset 0 0.02rem 0 rgba(255,255,255,0.8);
    cursor: pointer;
    transition: all 0.15s ease;
    min-height: 1.3rem;
}

.new-actions-wrap .action-btn:active {
    transform: scale(0.96);
    background: linear-gradient(180deg, #f0f0f0 0%, #e8e8e8 100%);
    box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,0.08), 
                inset 0 0.02rem 0.05rem rgba(0,0,0,0.05);
}

.new-actions-wrap .action-btn.disabled {
    opacity: 0.4;
    pointer-events: none;
}

/* 三档Switch开关样式 - 档位感 */
.new-actions-wrap .switch-3way {
    flex: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #e0e3e7 0%, #d5d8dc 100%);
    border-radius: 0.22rem;
    padding: 0.1rem;
    /*box-shadow: inset 0 0.05rem 0.12rem rgba(0,0,0,0.15),*/
    /*            0 0.02rem 0 rgba(255,255,255,0.5);*/
    min-height: 1.3rem;
}

.new-actions-wrap .switch-3way .switch-option {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.29rem 0.16rem;
    font-size: 0.36rem;
    font-weight: 500;
    color: #b2b1b1;
    border-radius: 0.1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.new-actions-wrap .switch-3way .switch-option.active {
    background: linear-gradient(180deg, #5dbc7c 0%, #4da86a 100%);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 0.06rem 0.16rem rgba(93, 188, 124, 0.4),
                inset 0 0.02rem 0 rgba(255,255,255,0.3);
}

.new-actions-wrap .switch-3way .switch-option:not(.active):active {
    background: rgba(0,0,0,0.08);
}

/* 按钮图标样式 */
.new-actions-wrap .action-btn .btn-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.report-btn {
    display: none !important;
}

.lyric-char {
    font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
    font-weight:400;
    text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor, 0 0.5px 0 currentColor, 0 -0.5px 0 currentColor;
}
