.monitor-wrap[data-v-451dc2f4]{width:100%;height:100vh;padding:.104167rem;box-sizing:border-box;overflow-y:auto;z-index:0;background-image:url(../../static/img/bg-l.efc81baa.png);background-size:100% 30%;background-repeat:no-repeat}.top-bar[data-v-451dc2f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.104167rem;background-size:100% 300%;width:100%;top:0;left:0;padding:0 .104167rem}.top-bar .top-tag[data-v-451dc2f4]{font-size:.166667rem;color:#222}.top-bar .top-tag img[data-v-451dc2f4]{width:.125rem;margin-right:.026042rem}.top-bar .top-right[data-v-451dc2f4]{font-size:.166667rem;color:#333}.top-bar .top-right .time-icon[data-v-451dc2f4]{margin-right:.052083rem}.top-bar .top-right img[data-v-451dc2f4]{width:.125rem;margin-right:.052083rem}.grid-container[data-v-451dc2f4]{margin-top:0;display:grid;padding:0 .104167rem .104167rem;grid-template-columns:1.5fr 2fr;grid-template-rows:auto auto;gap:.083333rem;grid-template-areas:"card1 card2" "card3 card4 card5";grid-template-columns:1.5fr 1fr 1fr;grid-template-areas:"card1 card2 card2" "card3 card4 card5";z-index:99;position:relative}.grid-card[data-v-451dc2f4]{border:.005208rem solid #fff;border-radius:.041667rem;padding:.15625rem;box-sizing:border-box;background:linear-gradient(180deg,#d7e8ff,#f0f5fb),linear-gradient(180deg,#c6deff,#f2f7fe);box-shadow:0 .020833rem .026042rem 0 rgba(0,0,0,.1)}.grid-card .card-title[data-v-451dc2f4]{font-size:.208333rem;color:#051856;position:relative;margin-bottom:.208333rem}.grid-card .card-title[data-v-451dc2f4]:after{content:"";position:absolute;left:0;bottom:-.041667rem;width:.390625rem;height:.020833rem;background:linear-gradient(90deg,#0072f9,#82bffe);border-radius:.010417rem}.card-1[data-v-451dc2f4]{grid-area:card1}.card-1 .device-name[data-v-451dc2f4]{font-size:.520833rem;font-weight:700;color:#1677ff;line-height:1.2;text-align:center}.card-2[data-v-451dc2f4]{grid-area:card2}.card-2 .water-row[data-v-451dc2f4]{display:flex;align-items:center;justify-content:space-around;width:100%;gap:.052083rem}.card-2 .water-row .split-line[data-v-451dc2f4]{width:.010417rem;height:1.041667rem;background:#c0d6f0}.card-2 .water-row .water-item[data-v-451dc2f4]{flex:1;text-align:center}.card-2 .water-row .water-item .item-icon[data-v-451dc2f4]{width:.364583rem;height:.364583rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.166667rem;margin:0 auto .083333rem}.card-2 .water-row .water-item .item-icon.blue[data-v-451dc2f4]{border:.010417rem solid #1677ff;color:#1677ff}.card-2 .water-row .water-item .item-icon.green[data-v-451dc2f4]{border:.010417rem solid #36c759;color:#36c759}.card-2 .water-row .water-item .item-icon.orange[data-v-451dc2f4]{border:.010417rem solid #ff7d00;color:#ff7d00}.card-2 .water-row .water-item .item-label[data-v-451dc2f4]{font-size:.208333rem;color:#333;display:flex;align-items:center;justify-content:center}.card-2 .water-row .water-item .item-label img[data-v-451dc2f4]{width:.416667rem;margin-right:.104167rem}.card-2 .water-row .water-item .item-num[data-v-451dc2f4]{font-size:.78125rem;font-weight:700;line-height:2}.card-2 .water-row .water-item .item-num.blue[data-v-451dc2f4]{color:#1677ff}.card-2 .water-row .water-item .item-num.green[data-v-451dc2f4]{color:#36c759}.card-2 .water-row .water-item .item-num.orange[data-v-451dc2f4]{color:#ff7d00}.card-3[data-v-451dc2f4]{grid-area:card3}.card-3 .person-text[data-v-451dc2f4]{font-size:.416667rem;font-weight:700;color:#1677ff;text-align:center;line-height:1.5}.card-4[data-v-451dc2f4]{grid-area:card4}.card-4 .env-row[data-v-451dc2f4]{text-align:center;gap:.104167rem}.card-4 .env-row .env-icon[data-v-451dc2f4]{width:.364583rem;height:.364583rem;border-radius:50%;border:.010417rem solid #1677ff;color:#1677ff;display:flex;align-items:center;justify-content:center;font-size:.166667rem}.card-4 .env-row .env-num[data-v-451dc2f4]{font-size:.520833rem;font-weight:700;color:#1677ff;text-align:center;display:flex;align-items:center;justify-content:center;margin-top:.3125rem}.card-4 .env-row .env-num img[data-v-451dc2f4]{width:.625rem;margin-right:.15625rem;margin-top:.15625rem;margin-bottom:.104167rem}.card-5[data-v-451dc2f4]{grid-area:card5}.card-5 .env-row[data-v-451dc2f4]{align-items:center;text-align:center;gap:.104167rem}.card-5 .env-row .env-icon[data-v-451dc2f4]{width:.364583rem;height:.364583rem;border-radius:50%;border:.010417rem solid #1677ff;color:#1677ff;display:flex;align-items:center;justify-content:center;font-size:.166667rem}.card-5 .env-row .env-num[data-v-451dc2f4]{font-size:.520833rem;font-weight:700;color:#1677ff;text-align:center;display:flex;align-items:center;justify-content:center;margin-top:.3125rem}.card-5 .env-row .env-num img[data-v-451dc2f4]{width:.625rem;margin-right:.15625rem;margin-top:.15625rem;margin-bottom:.104167rem}