smms_law_re/public/scss/dashboard/TopCard.scss

// 上方計算案件區塊
.card-style-1 {
    border: 2px solid white;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(90deg, #D4808F, #C95F59);
}

.card-style-2 {
    border: 2px solid white;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(90deg, #DE749D, #D6635C);
}

.card-style-3 {
    border: 2px solid white;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(90deg, #E1C0B3, #E6986A);
}

.card-style-4 {
    border: 2px solid white;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(90deg, #DEE1AE, #DFC333);
}

.card-style-5 {
    border: 2px solid white;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(90deg, #5AE5C7, #65C581);
}

.card-style-6 {
    border: 2px solid white;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(90deg, #53E3FB, #00A7C7);
}

.card-style-7 {
    border: 2px solid white;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(90deg, #A6C0E8, #4664BA);
}

.card-style-8 {
    border: 2px solid white;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(90deg, #A2A3E4, #9156FC);
}

.card-style-9 {
    border: 2px solid white;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(90deg, #ADAEFF, #7E71FB);
}

.card-style-10 {
    border: 2px solid white;
    border-radius: 0 10px 0 10px;
    background: linear-gradient(90deg, #3EAB04, #33952E);
}

.card-style-1,
.card-style-2,
.card-style-3,
.card-style-4,
.card-style-5,
.card-style-6,
.card-style-7,
.card-style-8,
.card-style-9,
.card-style-10 {
    color: #444444;
}