.monitor-container[data-v-a2bebc42]{width:100%;min-height:100vh;background:linear-gradient(135deg,#121212,#1e1e2e);padding:20px;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}.header[data-v-a2bebc42]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.title[data-v-a2bebc42]{font-size:24px;font-weight:600;color:#409eff;text-shadow:0 0 10px rgba(64,158,255,.3)}.time[data-v-a2bebc42]{font-size:14px;color:#999}.card-group[data-v-a2bebc42]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.card[data-v-a2bebc42]{background:rgba(30,30,46,.8);border-radius:12px;padding:20px;border:1px solid #2d2d42;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.card[data-v-a2bebc42]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 6px 16px rgba(64,158,255,.2);box-shadow:0 6px 16px rgba(64,158,255,.2)}.card-title[data-v-a2bebc42]{font-size:14px;color:#999;margin-bottom:10px}.card-value[data-v-a2bebc42]{font-size:28px;font-weight:700;margin-bottom:5px}.card-desc[data-v-a2bebc42]{font-size:12px;color:#666}.card.warning[data-v-a2bebc42]{border-color:#e6a600}.card.danger[data-v-a2bebc42]{border-color:#f56c6c}.card.warning .card-value[data-v-a2bebc42]{color:#e6a600}.card.danger .card-value[data-v-a2bebc42]{color:#f56c6c}.chart-group[data-v-a2bebc42]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.chart-card[data-v-a2bebc42]{background:rgba(30,30,46,.8);border-radius:12px;padding:20px;border:1px solid #2d2d42;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3)}.chart-title[data-v-a2bebc42]{font-size:16px;margin-bottom:15px;color:#ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart-title[data-v-a2bebc42]:before{content:"";width:4px;height:16px;background:#409eff;margin-right:8px;border-radius:2px}.chart-container[data-v-a2bebc42]{width:100%;height:280px}.container-group[data-v-a2bebc42]{background:rgba(30,30,46,.8);border-radius:12px;padding:20px;border:1px solid #2d2d42;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3)}.container-title[data-v-a2bebc42]{font-size:16px;margin-bottom:15px;color:#ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container-title[data-v-a2bebc42]:before{content:"";width:4px;height:16px;background:#67c23a;margin-right:8px;border-radius:2px}.container-list[data-v-a2bebc42]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.container-item[data-v-a2bebc42]{background:#2d2d42;border-radius:8px;padding:12px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.container-name[data-v-a2bebc42]{font-size:14px;color:#fff}.container-status[data-v-a2bebc42]{font-size:12px;color:#67c23a;background:rgba(103,194,58,.1);padding:3px 8px;border-radius:4px}.container-empty[data-v-a2bebc42]{font-size:14px;color:#666;padding:20px;width:100%;text-align:center}@media (max-width:1200px){.card-group[data-v-a2bebc42]{grid-template-columns:repeat(2,1fr)}.chart-group[data-v-a2bebc42]{grid-template-columns:1fr}}@media (max-width:768px){.card-group[data-v-a2bebc42]{grid-template-columns:1fr}.header[data-v-a2bebc42]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}}