/* =========================================
                  方块颜色
   ========================================= */
.card-blue {
    background-color: rgba(31, 157, 255, 0.4) !important;
    color: white !important;
}

    .card-blue:hover {
        background-color: rgba(31, 157, 255, 0.6) !important;
    }

.card-pink {
    background-color: rgba(253, 138, 240, 0.4) !important;
    color: white !important;
}

    .card-pink:hover {
        background-color: rgba(255, 138, 240, 0.6) !important;
    }

.card-yellow {
    background-color: rgba(255, 238, 0, 0.4) !important;
    color: white !important;
}

    .card-yellow:hover {
        background-color: rgba(255, 238, 0, 0.6) !important;
    }

.card-purple {
    background-color: rgba(189, 0, 247, 0.4) !important;
    color: white !important;
}

    .card-purple:hover {
        background-color: rgba(189, 0, 247, 0.6) !important;
    }

.card-orange {
    background-color: rgba(255, 81, 0, 0.4) !important;
    color: white !important;
}

    .card-orange:hover {
        background-color: rgba(255, 81, 0, 0.6) !important;
    }

.card-green {
    background-color: rgba(0, 255, 208, 0.4) !important;
    color: white !important;
}

    .card-green:hover {
        background-color: rgba(0, 255, 208, 0.6) !important;
    }

/* =========================================
          文字颜色类 (语义化管理)
   ========================================= */
.text-sky-blue {
    color: rgba(31, 157, 255, 0.85) !important;
}

.text-bright-yellow {
    color: #FFD700 !important;
}

.text-dim-white {
    color: rgba(255, 255, 255, 0.85) !important;
}

.text-pure-white {
    color: #ffffff !important;
}

.text-big-red {
    color: #DE1818 !important;
}

.text-light-gray {
    color: #837C7C !important;
}

.text-complete-black {
    color: #000000 !important;
}

.text-mid-gray {
    color: rgba(48, 48, 48, 0.65) !important;
}

.text-bright-pink {
    color: rgba(253, 138, 240, 0.7) !important;
}

.text-bright-purple {
    color: rgba(189, 0, 247, 0.45) !important;
}