@font-face{font-family:YouSheBiaoTiHei;src:url(../fonts/优设标题黑.1726685c.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.box-wrapper[data-v-563c77fa]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.box-wrapper[data-v-563c77fa]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 20px rgba(0,229,255,.3);box-shadow:0 4px 20px rgba(0,229,255,.3)}.box-title[data-v-563c77fa]{height:30px;min-height:30px;max-height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;color:#fff;background:url(../img/bgl.5a637175.png) 0 0/60% 100% no-repeat;-ms-flex-negative:0;flex-shrink:0}.box-title[data-v-563c77fa],.title-container[data-v-563c77fa]{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.title-container[data-v-563c77fa]{padding-left:48px;padding-bottom:2px;height:24px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.title-text[data-v-563c77fa]{font-size:18px;letter-spacing:1px;-ms-flex-item-align:start;align-self:flex-start}.title-english[data-v-563c77fa],.title-text[data-v-563c77fa]{font-family:YouSheBiaoTiHei,sans-serif;font-weight:400;color:#fff}.title-english[data-v-563c77fa]{margin-left:30px;font-size:12px;-ms-flex-item-align:end;align-self:flex-end}.box-content[data-v-563c77fa]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column;overflow:hidden;background-color:rgba(0,6,12,.5)}.box-content[data-v-563c77fa],.sec-wrapper-class-over[data-v-563c77fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.sec-wrapper-class-over[data-v-563c77fa]{width:100%;height:100%;background:url(../img/1659755014900-baseinfo-bg.dca3f889.png) 50%/100% 100% no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;flex-direction:column;padding:1px}.cards-container[data-v-563c77fa]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;height:100%}.left-card[data-v-563c77fa],.right-card[data-v-563c77fa]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:rgba(0,20,40,.6);border:1px solid rgba(79,195,247,.3);border-radius:6px;padding:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-header[data-v-563c77fa]{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:6px;padding-bottom:4px;border-bottom:1px solid rgba(79,195,247,.2)}.card-title[data-v-563c77fa]{font-size:14px;font-family:YouSheBiaoTiHei,sans-serif;color:#00e5ff;margin:0;font-weight:700}.total-count[data-v-563c77fa]{font-size:11px;color:hsla(0,0%,100%,.8)}.chart-stats-container[data-v-563c77fa]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chart-section[data-v-563c77fa]{position:relative;-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100px;height:100%}.risk-chart[data-v-563c77fa]{width:100px;height:100px;margin:auto}.chart-center[data-v-563c77fa]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center-number[data-v-563c77fa]{font-size:16px;font-family:YouSheBiaoTiHei,sans-serif;color:#00e5ff;font-weight:700;line-height:1;margin-bottom:2px}.center-label[data-v-563c77fa]{font-size:8px;color:hsla(0,0%,100%,.8)}.stats-list[data-v-563c77fa]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;height:100%}.stat-item[data-v-563c77fa],.stats-list[data-v-563c77fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.stat-item[data-v-563c77fa]{flex-direction:column;margin-bottom:2px;font-size:11px}.stat-item[data-v-563c77fa]:last-child{margin-bottom:0}.risk-label[data-v-563c77fa]{font-size:12px;font-weight:700;font-family:YouSheBiaoTiHei,sans-serif}.high-risk .count[data-v-563c77fa],.high-risk .risk-label[data-v-563c77fa]{color:rgba(255,0,0,.7)}.medium-risk .count[data-v-563c77fa],.medium-risk .risk-label[data-v-563c77fa]{color:rgba(255,165,0,.7)}.low-risk .count[data-v-563c77fa],.low-risk .risk-label[data-v-563c77fa]{color:rgba(255,255,0,.7)}.risk-data[data-v-563c77fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px}.count[data-v-563c77fa]{font-weight:700;font-family:YouSheBiaoTiHei,sans-serif;font-size:12px}.unit[data-v-563c77fa]{color:hsla(0,0%,100%,.8);font-size:11px}.separator[data-v-563c77fa]{color:hsla(0,0%,100%,.5);font-size:11px;margin:0 2px}.percentage[data-v-563c77fa]{color:hsla(0,0%,100%,.8);font-size:11px}.connection-status[data-v-563c77fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:10px;color:#f44}.connection-status.connected[data-v-563c77fa]{color:#0d8}.status-dot[data-v-563c77fa]{width:6px;height:6px;border-radius:50%;background-color:#f44;-webkit-animation:pulse-563c77fa 2s infinite;animation:pulse-563c77fa 2s infinite}.connection-status.connected .status-dot[data-v-563c77fa]{background-color:#0d8}.video-section[data-v-563c77fa]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:4px 0}.video-container[data-v-563c77fa]{width:100%;height:100%;min-height:80px;border-radius:4px;overflow:hidden}.video-placeholder[data-v-563c77fa]{position:relative;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,40,80,.8),rgba(0,20,40,.9));border:1px solid rgba(79,195,247,.3);border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video-content[data-v-563c77fa]{text-align:center;color:hsla(0,0%,100%,.8)}.camera-icon[data-v-563c77fa]{font-size:24px;margin-bottom:4px}.video-text[data-v-563c77fa]{font-size:10px;margin-bottom:4px;font-family:YouSheBiaoTiHei,sans-serif}.loading-dots[data-v-563c77fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px}.loading-dots span[data-v-563c77fa]{width:4px;height:4px;border-radius:50%;background-color:#00e5ff;-webkit-animation:bounce-563c77fa 1.4s ease-in-out infinite both;animation:bounce-563c77fa 1.4s ease-in-out infinite both}.loading-dots span[data-v-563c77fa]:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.loading-dots span[data-v-563c77fa]:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}.video-overlay[data-v-563c77fa]{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent,rgba(0,0,0,.8));padding:4px;font-size:9px}.location-info[data-v-563c77fa]{color:#00e5ff;font-weight:700;margin-bottom:2px;font-size:9px}.status-info[data-v-563c77fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.status-label[data-v-563c77fa]{color:hsla(0,0%,100%,.8)}.status-value[data-v-563c77fa]{font-weight:700}.monitor-data[data-v-563c77fa]{margin-top:4px}.data-item[data-v-563c77fa]{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:3px;font-size:9px}.data-label[data-v-563c77fa]{color:hsla(0,0%,100%,.8)}.data-value[data-v-563c77fa]{color:#00e5ff;font-weight:700}.water-level[data-v-563c77fa]{font-family:YouSheBiaoTiHei,sans-serif;font-size:10px}.update-time[data-v-563c77fa]{font-size:8px;color:hsla(0,0%,100%,.6)}@-webkit-keyframes pulse-563c77fa{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-563c77fa{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes bounce-563c77fa{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-563c77fa{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:1200px){.cards-container[data-v-563c77fa]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.left-card[data-v-563c77fa],.right-card[data-v-563c77fa]{-webkit-box-flex:0;-ms-flex:none;flex:none;height:50%}.chart-stats-container[data-v-563c77fa]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.chart-section[data-v-563c77fa]{-webkit-box-flex:0;-ms-flex:none;flex:none;min-height:100px}.risk-chart[data-v-563c77fa]{width:100px;height:100px}.center-number[data-v-563c77fa]{font-size:18px}.stats-list[data-v-563c77fa]{padding-top:5px}.stat-item[data-v-563c77fa]{margin-bottom:10px}.risk-label[data-v-563c77fa]{font-size:10px}.count[data-v-563c77fa]{font-size:14px}}