.bag-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    min-width: 64px;
    font-size: 18px;
    box-sizing: border-box;
    background: var(--btn_bg_s);
    color: var(--btn_color_q);
    border: 0;
}
.bag-button-active {
    background: var(--btn_bg_q);
    color: var(--btn_color_s);
}
.quality_1 {
    background: radial-gradient(circle at center, #5d8ebe 0%, /* 亮蓝色 */ #3a73b5 70%, /* 中间过渡 */ #3d6392 100% /* 四周深蓝（比之前亮） */ );
    border: 2px solid rgb(147 190 203);
}
.quality_2 {
    background: radial-gradient(circle at center, #a57cd2 0%, /* 亮紫色 */ #874dc4 70%, /* 中间过渡 */ #694d8a 100% /* 四周深紫（比之前亮） */ );
    border: 2px solid rgb(202 150 223);
}
.quality_3 {
    background: radial-gradient(circle at center, #eab518 0%, /* 亮金色 */ #9a6208 70%, /* 中间过渡 */ #74571e 100% /* 四周深棕（比之前亮） */ );
    border: 2px solid rgb(221 206 162);
}
.quality_4 {
    background: radial-gradient(circle at center, #ed7979 0%, /* 中心亮红 - 比之前更亮 */ #c03a3a 70%, /* 过渡红 - 更亮更暖 */ #8b0000 100% );
    border: 2px solid rgb(240 183 183);
}