/* 操作按钮样式：卡密兑换 / 充值 / 客服 */
.btn-card-exchange {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(250, 248, 243, 0.99) 100%) !important;
    color: #2c3342 !important;
    border-color: rgba(96, 81, 61, 0.14) !important;
    box-shadow: 0 10px 18px rgba(28, 24, 18, 0.07) !important;
}

.btn-card-exchange:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(249, 246, 240, 1) 100%) !important;
    color: #1f2634 !important;
    border-color: rgba(87, 81, 213, 0.22) !important;
    box-shadow: 0 14px 22px rgba(28, 24, 18, 0.1) !important;
}

.btn-recharge {
    background: var(--color-brand-600) !important;
    color: #ffffff !important;
    border-color: #4f47cb !important;
    box-shadow: 0 18px 30px rgba(87, 81, 213, 0.24) !important;
    font-weight: 680 !important;
}

.btn-recharge:hover {
    background: #544cd3 !important;
    border-color: #473fc2 !important;
    box-shadow: 0 22px 34px rgba(87, 81, 213, 0.28) !important;
}

.btn-help {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(250, 248, 243, 0.99) 100%) !important;
    color: #2c3342 !important;
    border-color: rgba(96, 81, 61, 0.14) !important;
    box-shadow: 0 10px 18px rgba(28, 24, 18, 0.07) !important;
}

.btn-help__label {
    display: inline-flex;
    align-items: center;
}

.btn-help:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(249, 246, 240, 1) 100%) !important;
    color: #1f2634 !important;
    border-color: rgba(87, 81, 213, 0.22) !important;
    box-shadow: 0 14px 22px rgba(28, 24, 18, 0.1) !important;
}

.btn-card-exchange i,
.btn-card-exchange .ui-icon,
.btn-help i,
.btn-help .ui-icon {
    color: #465061 !important;
}

.btn-recharge i,
.btn-recharge .ui-icon {
    color: rgba(255, 255, 255, 0.96) !important;
}