.GridsCard{background:#fff;border-radius:12px;box-sizing:border-box;padding:6px 16px}.GridsCard__head{display:flex;align-items:center;justify-content:space-between}.GridsCard__head__title{padding:8px 0;font-size:16px;color:#000;font-weight:700}.GridsCard__head__btn{height:20px;font-size:14px;color:#999;padding:0 8px;line-height:20px;margin-right:-8px}.GridsCard__body .grids{display:flex;flex-wrap:wrap}.GridsCard__body .grids__item{box-sizing:border-box;padding:10px 0;width:25%;display:flex;flex-direction:column;align-items:center}.GridsCard__body .grids__item .icon{font-size:20px;background-color:var(--link-color);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.GridsCard__body .grids__item:nth-child(3n+1) .icon{background:linear-gradient(-135deg,#C9E76D,#8BBF3C)}.GridsCard__body .grids__item:nth-child(3n+2) .icon{background:linear-gradient(-135deg,#65DDBF,#4FB0A8)}.GridsCard__body .grids__item:nth-child(3n) .icon{background:linear-gradient(-135deg,#F3B43F,#F29D3A)}.GridsCard__body .grids__item.blue .icon{background:linear-gradient(-135deg,#87ccfa,#4e7eb9)}.GridsCard__body .grids__item .title{text-align:center;font-size:13px}