*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a1628;font-family:Microsoft YaHei,sans-serif;overflow:hidden}#app{flex-direction:column;width:100vw;height:100vh;display:flex}.view-container{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.header{background:url(/assets/bg_top-DQxHL-Ke.png) 50%/cover no-repeat;justify-content:space-between;align-items:center;height:80px;padding:0 30px;display:flex;position:relative}.header:after{content:"";background:linear-gradient(90deg,#0000,#00d4ff,#0000);height:2px;position:absolute;bottom:0;left:0;right:0}.header-left{align-items:center;gap:20px;display:flex}.header-title{position:absolute;left:50%;transform:translate(-50%)}.fullscreen-btn{cursor:pointer;color:#00d4ff;background:#00d4ff33;border:1px solid #00d4ff80;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.fullscreen-btn:hover{background:#00d4ff66;box-shadow:0 0 15px #00d4ff80}.title{color:#fff;text-shadow:0 0 10px #00d4ffcc;letter-spacing:4px;font-size:32px;font-weight:700}.main-content{flex:1;gap:15px;padding:15px;display:flex;overflow:hidden}.col{flex-direction:column;gap:15px;height:100%;display:flex}.col-1{width:25%}.col-2{width:50%}.col-3{width:25%}.card{border-radius:8px;position:relative;overflow:hidden}.card-zuoyi{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYEAAAAiCAMAAACOeJXiAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURQAAAAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoN/8dEwAAAAXdFJOUwAaZ4Y6xfjlmQfzCgGjZr4FTdNrEwLog7+blAAAALpJREFUaN7t1bcOwzAMRVG6yb3ETf//p0EQpHijAFlc7p05vTNQvD6XC2nKXcCqoj+tS7ZVVtZ3CFQZy6rLqvgCTcuuAbVNZAE3MWpgk4spwAu47xkIL8D4GQgvwPgZfAXYK3EIIIAAAggggAACCCCAAAIIIIAAAggggAACCHjfMUniuqvAuTNJ4vbzX2DtWSR5/foTmBf2MGiZPwLjwRomHeNboBjYwqiheAlsDGHY5uXBCqaxPxEZ9wTdIFTzuAWruQAAAABJRU5ErkJggg==) 0 0/100% no-repeat;padding-top:30px}.col:nth-child(3) .card:first-child.card-zuoyi.row-3-1{margin-top:0;margin-bottom:0}.card-report{background:url(data:image/png;base64,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) 50%/100% 100% no-repeat}.card-data{background:url(data:image/png;base64,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) 50%/100% 100% no-repeat}.card-center01{background:url(/assets/center01-I4CqmFNp.png) 50%/100% 100% no-repeat}.card-center02{background:url(data:image/png;base64,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) 50%/100% 100% no-repeat}.card-hangye{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYEAAAGpCAMAAABceHpNAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURRQzWlGm/wB2/wCF/xBDfRM3ZAF//wAAAAB+/xUwVAZPoAZPoAZPoBQyWBQyWQB//wB9/6bK9ajR/6LL+hM0XAB69gCB/wNw4ARs1wZPoApWpw1KjRSI/wtPmhE7bQJ17RyM/wZlygZPoAheuQB8/BM1XwNz5wB9/zKX/wSA/wyE/wF//xA/dUKf/weB/wqD/yOP/w5GhAZPoAZPoAB+/xYsSyuT/wZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoAZPoMIcbNsAAAA/dFJOU00uU01NTUkATU389WdNTU5QAQcDTU1NTU3gTU0kTE1NHE0fTU1NTUsRPCtCTQ02MBhNDK5GTRXMdzOS8b9TXjaJD0sAAAbxSURBVHja7dxpU9vIGoBR7h3AHTIgy4LLalaD2SEJN0CW8f//VyOJxSZxwjborak6T1JUvqaP1e1uN56Y+W1XrbvyvBNV0XT5M2u9ponBb7sXyIvz06N2VZay21LqD5u+72Kko7EdjO90fGdnZ6e3f0Y7HNva89oc/nm08/F9Hrb/aCc/1XmqQLFWjv3/nlYWWPvf1tFTBTZT6i0uPa3F57Q3vo3HW7jt/h+vqvd46S3KniaQdy6ytDT1/x96N9LssPlhu1PD1sd1PNLkSB+GrY6vO76V57TzaFuP9qxX4c+vsXQjMFP9WH7Y5beyv24F1tppYXV+4ofmRpod29yjTTyhe9CJ+Ze2O7apsa2vP+vFMvZl8+TXzW8ErrfLPt4IdPop7ew+abR+3dw/0Ozb9e45/eL1dv9/nJ175LV0+6KYn08PZqGZkb+D7eEbps5ZlvaOZyf0otfVb+HTr9eB6xGAcsVYMdhv0pMEzlK1DBusKIG8KAE2VucM1lsKvK9+fHrY3TqQ72eptzNvrN5UYLn6sf3xQfkdwEFKi8cegSYExh4cFSXAQtdIhQnk5yn1tnaNVJRAXhyltPfBQMU9A2tZWrAMBwp0plNaWrcMhwkUh+VWoOs4Ik7gMKW0ZTccJ9DpZ2lx0iMQJZC3yjlooWsZjhM46ZdzkGU4TCDPT53IhQoU++VueMcyHCaQVwdCS8eGKEyg2HQiFyqQdy6qZdgIhQkUa9WJnGU4TCDfLN+JrjiUDhO4uSPng7FAgfqOnOGJE6jvyE15BMIE6kNpJ3JxAkV1KG0ZDhQ47GdO5AIF8jxlacFWIFBgv76qbmyiBOo7cnuThiZMwB25EIHLr2W1QP7ZHbkIgeoXlraL+pLiUSq3AgamaYHhbvgoSz2/LhMo0MmqO3LGJUyg+lRgY9VxRJzAmq1ArIA7crECN3fkLMOBAvUdOZ8KhAnc3pEzB8UJ7Ke0YBmOE8hP6jty5qDGBS6rnMgFCtRfbVfdT0nuyMUIjOyGF/3WapxAvunD+VCB+p6uZThSoPrF7S6AOIGbO3KGI0ygqL5HzolcoMBhSj3LcKBAxx25UIE8L+cgV9UDBYqT5Kp6pEBeHFQfjBmKMIHiPPnyiFCBzpEvsIkV2HRHLljgNKUVc1CkwEVKPhUIFeinZDccKjCdknWYAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECBAgQIECAAAECBAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQIECAAAECBAgQIEBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBABAiIAAERICACBESAgAgQEAECIkBA/1RzBIKbIhDb+gqB0Oa7ewRCm1xKBEIXgZ0egdBWN1I6IBDX8VZKR/sEwtpdWUjZ55xA2F5scjFl/YJAGMDUTkrpsGgRiKq7kbKzokUg6hE4LrcC/U6LQFjlMtxeaxGIavbDXkoXBYG43XC5FWhvtgiEPQLdhXIzVhAIa71chrPznEDYbninfAQOaoAv3wkEVJ/I7VcC3wefCATshrd6KdUAH5ffbxMI2Qpkpzdz0ODKOtD8IzBZbgXSSSXQHVzmBJpfhsutQHbWupmDrr0Xan4rsFrOQf1OXs9BX7wbbX4OqrYC/cPqEbgeLH8k0PwctNJL7bVqN5xfDrp2ZM3PQR82UjZdH0dc1XMQgca3AilN1ydy21/rOYhAs813y2W4noNa3wbfWwQab3KxOhKt3gf9NfiUE2h+Ga7uyNVHottfv263CDRefSJXvw/6NPizRaDx1us7cjdHot/ye4F+SvPv1EDViVz6fHck2hoVmFQTre6l9mme3x6JDgVO29kfaqIsax+dFPVxxGU+IrB/0Puvmqg9fbDfyqs5aOa6NSLQOtn8jxrpvNNq3R+Jjgio2a5nbo8jCMR0dyRKIKqrh3MQgaa7PxJ9jcD1n3pxl3dHoq8QyK/e68XdH4m+5hn4MqMXt7z943D+DXNKcfARGnDcAAAAAElFTkSuQmCC) 50%/100% 100% no-repeat}.card-header{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 15px;display:flex}.card-header-title{justify-content:center;align-items:center;display:flex}.card-header-line{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYEAAAABCAMAAAAPQOJ6AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURQAAADY2NmJiYnFwcQ8PDyUlJXJycnh4eAgICAUFBQMDAy8vL3V1dWhpaVxcXHZ2diIiIhwcHCgoKBYWFgICAgsLC2dnZhISEj4+PklJSUtLSxQTEzw8PGRkZXd3d1paWjMzM2BgYB4eHkBAQBoZGm9vb0RFRAoJCWxsbE1NTTg4OBgYGCoqK0NDQw0NDTExMVNTU1FRUVhXWEdGRgEBAW1tbXNzc15eXlZWViAgIE9PT2prajo6OiwsLC0tLVRVVXQLs44AAABAdFJOUwBuyeYgTOn1EAsIYO7WvPFHOlItBRjRJX+Vmil7zfS3acQ+hDXijBTdnnMyV4gbZaqmtJAC4OzBsEKi2nZaXK2gJZdjAAAA/ElEQVQY042QR3KDQBAABRhsixxEzjnnjIT+/ysPF5/Vx6ndqem+3T5lHCVJut/vv8APkCSPx6OuvwBFUQxDFMWiCEOe931/2ziOw3FcEISyfJ0nSTaN6yIIkudP0zRVNQiqKo6HQdM0Xc+yfe+6tn2va987DsMwy+J5KIpaliXLNE0fR5pOUxRhGEYQxDxTFMWyrG3b3//YNkxgPs/wAsOiKJqmND0O+C3LsmXBNs9bFtjtOH2/ru+27bp9zzJdhxuGIY6rKghUVTXNZ57Dpa7bNCR5nq+yBAtwAaNt832e58OwKMDWMMD70q9rKJEkV5QrDjSCUuM4ftb1D+6LIVtOtv+aAAAAAElFTkSuQmCC) 50%/contain no-repeat;width:120px;height:2px}.card-title{color:#00d4ff;margin-left:8px;font-size:16px}.card-icon{width:20px;height:20px}.card-body{height:calc(100% - 45px);padding:5px}.col:first-child .card:first-child .card-body{margin-top:26px;margin-bottom:26px}.card-data.row-3 .card-body{height:100%-50px}.row-1{flex:2;min-height:100px}.row-2{flex:4}.row-3{flex:5}.row-2-1{flex:2}.row-2-2{flex:1}.row-3-1{flex-direction:column;flex:0 0 200px;height:100%;display:flex}.row-3-2{flex:1.3;height:100%}.row-3-3{flex:1.8}.stats-grid{height:100%;display:flex}.stat-item{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding-bottom:20px;display:flex;position:relative}.stat-item:not(:last-child):after{content:"";background:linear-gradient(#0000,#00d4ff,#0000);width:1px;position:absolute;top:20%;bottom:20%;right:0}.stat-value{color:#fff;text-shadow:0 0 15px #00d4ffcc;font-size:48px;font-weight:700}.stat-label{color:#ffffffb3;margin-top:8px;font-size:16px}.pie-chart-container{flex-direction:column;justify-content:center;align-items:center;gap:15px;height:230px;padding:10px;display:flex}.pie-chart{border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.pie-chart:before{content:"";background:#0a1628;border-radius:50%;width:120px;height:120px;position:absolute}.pie-center{z-index:1;text-align:center;position:relative}.pie-total{color:#00d4ff;font-size:28px;font-weight:700}.pie-label{color:#ffffffb3;font-size:12px}.pie-echarts{width:180px;height:180px}.pie-legend{flex-flow:wrap;justify-content:center;gap:12px;padding:10px 0;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-color{border-radius:50%;width:12px;height:12px}.legend-text{color:#fffc;font-size:12px}.bar-chart-container{box-sizing:border-box;gap:4px;height:100%;padding:5px;display:flex}.bar-y-axis{flex-direction:column;flex-shrink:0;justify-content:space-between;width:25px;padding-right:3px;display:flex}.bar-y-label{color:#ffffffb3;text-align:right;font-size:8px}.bar-chart-area{flex:1;justify-content:space-around;align-items:flex-end;height:100%;min-height:80px;padding:5px 0 20px;display:flex}.bar-item{flex-direction:column;align-items:center;gap:4px;width:16%;display:flex}.bar{cursor:pointer;background:linear-gradient(#00d4ff,#06c);border-radius:3px 3px 0 0;width:60%;max-width:25px;min-height:8px;transition:height .5s;position:relative}.bar:hover{background:linear-gradient(#0ff,#08f);transform:scaleX(1.1);box-shadow:0 0 15px #00d4ff99}.bar.selected{background:linear-gradient(#0f8,#0c6);box-shadow:0 0 20px #0f8c}.bar-value{color:#00d4ff;font-size:12px;font-weight:700;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.bar-label{color:#ffffffb3;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.platform-bg{background:url(/assets/main_bg1-D2GWpWK1.png) 50%/contain no-repeat;width:100%;height:100%}.fan-status-container{justify-content:center;align-items:center;gap:60px;height:100%;display:flex}.fan-item{flex-direction:column;align-items:center;gap:10px;display:flex}.fan-icon{width:60px;height:60px}.fan-label{color:#fffc;font-size:14px}.fan-status{color:#00d4ff;font-size:12px}.progress-ring-container{justify-content:center;align-items:center;gap:30px;height:100%;padding-top:45px;padding-bottom:0;display:flex}.progress-ring{flex-direction:column;align-items:center;display:flex}.ring{background:#00d4ff33;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.ring:before{content:"";background:#0a1628;border-radius:50%;width:72px;height:72px;position:absolute}.ring-value{color:#fff;z-index:1;font-size:24px;font-weight:700;position:relative}.ring-label{color:#ffffffb3;margin-top:8px;font-size:14px}.progress-ring:first-child .ring-value,.progress-ring:first-child .ring-label{color:#ff6b6b}.progress-ring:last-child .ring-value,.progress-ring:last-child .ring-label{color:#ffd93d}.alarm-list-container{height:100%;position:relative;overflow:hidden}.alarm-list{margin:0;padding:0;list-style:none;animation:15s linear infinite scroll}@keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.alarm-item{border-bottom:1px solid #00d4ff1a;align-items:center;padding:12px 15px;transition:background .3s;display:flex}.alarm-item:hover{background:#00d4ff1a}.alarm-level{border-radius:50%;width:10px;height:10px;margin-right:12px}.alarm-level.l1{background:#ff6b6b;animation:1s infinite blink}.alarm-level.l2{background:#ffd93d}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.alarm-content{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.alarm-time{color:#ffffff80;margin-left:15px;font-size:12px}.line-chart-container{box-sizing:border-box;height:100%;padding:20px 15px 30px 40px;position:relative}.line-chart{width:100%;height:100%;display:block}.chart-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:20px 15px 30px 40px}.grid-line{background:#00d4ff1a;height:1px}.chart-y-axis{flex-direction:column;justify-content:space-between;width:30px;display:flex;position:absolute;top:20px;bottom:30px;left:5px}.y-label{color:#ffffffb3;text-align:right;padding-right:5px;font-size:14px}.chart-x-axis{justify-content:space-between;display:flex;position:absolute;bottom:5px;left:40px;right:15px}.x-label{color:#ffffffb3;text-align:center;font-size:14px}.chart-lines{position:absolute;inset:20px 15px 30px 40px}.line-path{fill:none;stroke-width:.8px;stroke-linecap:round;stroke-linejoin:round}.line-path.l1{stroke:#ff6b6b;filter:drop-shadow(0 0 3px #ff6b6b)}.line-path.l2{stroke:#ffd93d;filter:drop-shadow(0 0 3px #ffd93d)}.dot{cursor:pointer;transition:r .2s}.dot:hover{r:6}.dot.l1{fill:#ff6b6b;stroke:#fff;stroke-width:1.5px;filter:drop-shadow(0 0 4px #ff6b6b)}.dot.l2{fill:#ffd93d;stroke:#fff;stroke-width:1.5px;filter:drop-shadow(0 0 4px #ffd93d)}.chart-area{fill:url(#gradient);opacity:.3}.chart-tooltip{pointer-events:none;z-index:100;color:#fff;background:#0a1628f2;border:1px solid #00d4ff80;border-radius:8px;min-width:100px;padding:10px 12px;font-size:14px;position:absolute}.tooltip-date{color:#00d4ff;margin-bottom:8px;font-size:14px;font-weight:700}.tooltip-item{align-items:center;gap:8px;margin-bottom:5px;display:flex}.tooltip-item:last-child{margin-bottom:0}.tooltip-dot{border-radius:50%;width:8px;height:8px}.tooltip-dot.l1{background:#ff6b6b;box-shadow:0 0 8px #ff6b6b}.tooltip-dot.l2{background:#ffd93d;box-shadow:0 0 8px #ffd93d}.tooltip{pointer-events:none;z-index:100;background:#0a1628f2;border:1px solid #00d4ff80;border-radius:8px;padding:10px 15px;position:absolute}.sensor-data-container{box-sizing:border-box;width:100%;height:calc(100vh - 100px);padding:20px;overflow:hidden auto}.sensor-data-container::-webkit-scrollbar{width:8px}.sensor-data-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.sensor-data-container::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.sensor-data-container::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.sensor-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:10px;display:grid}.sensor-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #00d4ff4d;border-radius:12px;flex-direction:column;min-height:140px;padding:16px;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000001a}.sensor-card:hover{border-color:#00d4ffcc;transform:translateY(-3px);box-shadow:0 8px 25px #00d4ff4d}.sensor-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sensor-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.sensor-status{white-space:nowrap;border-radius:16px;padding:3px 10px;font-size:11px;font-weight:600}.sensor-status.status-online{color:#6bcb77;background:#6bcb7733;border:1px solid #6bcb7780}.sensor-status.status-offline{color:#ff6b6b;background:#ff6b6b33;border:1px solid #ff6b6b80}.sensor-body{text-align:center}.sensor-type{margin-bottom:12px;font-size:13px;font-weight:500}.sensor-value{justify-content:center;align-items:baseline;gap:5px;margin-bottom:12px;display:flex}.value-number{color:#fff;text-shadow:0 0 15px #00d4ff80;font-size:36px;font-weight:700;line-height:1.1}.value-unit{color:#ffffffb3;font-size:14px;font-weight:500}.sensor-time{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.no-sensor-data{color:#ffffff80;justify-content:center;align-items:center;width:100%;height:400px;font-size:18px;display:flex}@media (width<=1200px){.sensor-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.value-number{font-size:32px}}@media (width<=768px){.sensor-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.sensor-card{min-height:160px;padding:14px}.sensor-name{font-size:14px}.value-number{font-size:28px}.value-unit,.sensor-type{font-size:12px}}@media (width<=480px){.sensor-grid{grid-template-columns:1fr;gap:10px}.sensor-card{min-height:auto}.value-number{font-size:24px}}.stat-item.online .stat-value{color:#0f8;text-shadow:0 0 15px #0f8c}.stat-item.offline .stat-value{color:#ff6b6b;text-shadow:0 0 15px #ff6b6bcc}.alarm-device{color:#00d4ff;white-space:nowrap;text-overflow:ellipsis;min-width:80px;margin-right:10px;font-size:12px;font-weight:500;overflow:hidden}.no-alarm{color:#ffffff80;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}.loading-overlay{z-index:1000;background:#0a1628cc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner{border:4px solid #00d4ff4d;border-top-color:#00d4ff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#fff;z-index:2000;background:#ff6b6be6;border-radius:8px;padding:12px 24px;animation:.3s fadeInUp;position:fixed;top:100px;left:50%;transform:translate(-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.echarts-chart{width:100%;height:100%;min-height:200px}