.system-info__row[data-v-7096eba2]{display:flex;flex-wrap:wrap;margin:0 -10px}.system-info__col[data-v-7096eba2]{margin-bottom:20px;padding:0 10px;width:25%}@media screen and (max-width:1200px){.system-info__col[data-v-7096eba2]{width:33.333%}}@media screen and (max-width:992px){.system-info__col[data-v-7096eba2]{width:50%}}@media screen and (max-width:576px){.system-info__col[data-v-7096eba2]{width:100%}}.info-card[data-v-7096eba2]{background:#fff;border:1px solid #ebeef5;border-radius:8px;cursor:pointer;height:100px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.info-card[data-v-7096eba2]:hover{border-color:#ebeef5;box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.info-card:hover .info-card__category[data-v-7096eba2]{background:#409eff;color:#fff}.info-card__category[data-v-7096eba2]{background:#e6f7ff;color:#409eff;font-size:12px;padding:4px 30px;position:absolute;right:-28px;top:12px;transform:rotate(45deg);transition:all .3s ease}.info-card__content[data-v-7096eba2]{display:flex;flex-direction:column;height:100%;justify-content:space-between}.info-card__title[data-v-7096eba2]{color:#909399;font-size:14px;font-weight:400;margin:0;padding-right:40px}.info-card__value[data-v-7096eba2]{color:#303133;font-size:18px;font-weight:500}@media screen and (max-width:768px){.info-card[data-v-7096eba2]{height:90px;padding:14px}.info-card__title[data-v-7096eba2]{font-size:13px}.info-card__value[data-v-7096eba2]{font-size:16px}}