*{box-sizing:border-box}body{margin:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#173c43;background:#f3f7f7}button,input{letter-spacing:0}.shell{min-height:100vh}.sider{background:#064f59!important;position:relative}.brand{height:82px;display:flex;align-items:center;gap:12px;padding:0 22px;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.12)}.brand .fish,.logo-mark{width:39px;height:39px;border-radius:50%;background:#36b8b4;display:grid;place-items:center;font-size:28px;font-weight:700}.brand b{font-size:19px;display:block}.brand span{font-size:11px;color:#a9d4d5;display:block;margin-top:2px}.sider .ant-menu{background:transparent!important;padding:15px 10px}.sider .ant-menu-item{height:44px;line-height:44px;border-radius:5px;margin:3px 0!important;color:#b9d6d7}.sider .ant-menu-item-selected{background:#0a737d!important;color:#fff}.sider-foot{position:absolute;bottom:24px;left:24px;color:#9fc8ca;font-size:12px}.sider-foot i{display:inline-block;width:7px;height:7px;background:#60d394;border-radius:50%;margin-left:6px}.header{height:82px!important;background:#fff!important;padding:0 32px!important;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eded}.header h1{font-size:21px;line-height:1.2;margin:0;color:#133b42;font-weight:600}.header p{margin:5px 0 0;color:#8ba0a4;font-size:12px}.user{display:flex;align-items:center;gap:9px;color:#375b61}.content{padding:25px 30px;min-width:850px}.welcome{height:156px;background:#08737d;position:relative;overflow:hidden;color:#fff;padding:27px 35px;display:flex;justify-content:space-between;align-items:center;border-radius:6px;margin-bottom:20px}.welcome:after{content:"";position:absolute;width:480px;height:480px;border:1px solid hsla(0,0%,100%,.13);border-radius:50%;right:-100px;top:-240px;box-shadow:0 0 0 65px hsla(0,0%,100%,.035),0 0 0 130px hsla(0,0%,100%,.025)}.welcome span{color:#9dd8da;font-size:12px}.welcome h2{color:#fff;font-size:25px;margin:5px 0}.welcome p{color:#c1e1e2;margin:0}.water-gauge{z-index:1;width:105px;height:105px;border-radius:50%;border:7px solid hsla(0,0%,100%,.18);border-top-color:#72d2ca;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:34px}.water-gauge b{font-size:24px}.water-gauge span{font-size:11px;color:#d6eeee}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{background:#fff;border:1px solid #e0ebec;border-radius:6px;padding:19px;display:flex;gap:15px;align-items:center}.metric-icon{width:47px;height:47px;border-radius:5px;display:grid;place-items:center;font-size:22px}.metric-icon.cyan{background:#e3f4f4;color:#078892}.metric-icon.coral{background:#fff0eb;color:#e66e51}.metric-icon.green{background:#eaf6ef;color:#3e9c69}.metric-icon.navy{background:#e9eff3;color:#547386}.metric small,.metric span{display:block;color:#82999d;font-size:12px}.metric strong{font-size:26px;display:block;color:#173c43;line-height:1.25}.dash-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px}.panel{background:#fff;border:1px solid #e0e9ea;border-radius:6px}.panel header{height:68px;border-bottom:1px solid #edf2f2;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}.panel h3{font-size:15px;margin:0;color:#173c43}.panel header p{font-size:11px;color:#91a3a6;margin:3px 0}.panel header a{color:#078892;font-size:12px}.chart{height:245px}.legend{color:#ef7d61!important}.legend i{color:#0c8791;font-style:normal}.task-row{height:61px;display:flex;align-items:center;gap:13px;margin:0 18px;border-bottom:1px solid #eef2f2}.task-row:last-child{border:0}.date{width:37px;text-align:center;border-right:1px solid #e4ecec}.date b{font-size:17px;display:block}.date span{font-size:10px;color:#8ca0a4}.grow{flex:1;min-width:0}.grow span,.grow strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grow strong{font-size:13px}.grow span{font-size:11px;color:#859a9e;margin-top:4px}.exception-panel{margin-bottom:20px}.table-panel{padding-bottom:6px}.page-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-tools>div:last-child{display:flex;gap:10px}.page-tools h2{font-size:20px;margin:0;color:#173c43}.page-tools p{font-size:12px;color:#83999d;margin:5px 0 0}.ant-btn-primary{background:#087d87;border-color:#087d87}.ant-btn-primary:hover{background:#096a72;border-color:#096a72}.ant-table{color:#34585e}.ant-table-thead>tr>th{background:#f7fafa;color:#698287;font-size:12px}.report-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.report-metrics>div{background:#fff;border:1px solid #e0e9ea;border-radius:6px;padding:22px}.report-metrics span{color:#6f878b}.report-metrics strong{display:block;font-size:29px;margin:7px 0}.report-chart{height:330px}.login{min-height:100vh;display:grid;grid-template-columns:56% 44%;background:#fff}.login-scene{background:#075b65;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center}.login-scene:before{content:"";width:650px;height:650px;border:1px solid hsla(0,0%,100%,.09);left:-290px;bottom:-320px;box-shadow:0 0 0 100px hsla(0,0%,100%,.025),0 0 0 200px hsla(0,0%,100%,.018)}.login-scene:before,.wave-lines{position:absolute;border-radius:50%}.wave-lines{width:130%;height:220px;left:-10%;bottom:11%;border-top:2px solid rgba(101,205,200,.23);transform:rotate(-7deg);box-shadow:0 -35px 0 -34px rgba(101,205,200,.22),0 -70px 0 -69px rgba(101,205,200,.18)}.intro{z-index:1;text-align:center;margin-top:-55px}.intro .logo-mark{margin:0 auto 22px;width:65px;height:65px;font-size:43px}.intro h1{font-size:42px;color:#fff;margin:0;letter-spacing:0}.intro p{color:#aed7d8;font-size:16px;margin-top:13px}.water-status{margin:52px auto 0;font-size:12px;color:#9bcacc}.water-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#61d6a1;margin-right:5px}.login-panel{display:flex;align-items:center;justify-content:center}.login form{width:360px}.login-title span{color:#0a858f;font-size:12px}.login-title h2{font-size:25px;margin:7px 0;color:#173c43}.login-title p{color:#8ba0a4;margin:0 0 30px}.login label{font-size:13px;color:#46656a;display:block;margin:17px 0 7px}.login .ant-input-affix-wrapper{height:44px}.login-option{display:flex;justify-content:space-between;margin:18px 0;color:#8a9ea2;font-size:12px}.login .ant-btn{height:44px}.demo{text-align:center;color:#98a9ac;font-size:11px;margin-top:18px}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dash-grid,.login{grid-template-columns:1fr}.login-scene{display:none}.content{min-width:700px}}.login-scene{background:linear-gradient(180deg,#075b65,#064b59 48%,#052f43)}.ocean-light{position:absolute;inset:-15% 0 20%;background:linear-gradient(112deg,transparent 28%,rgba(132,232,224,.08) 41%,transparent 52%,rgba(118,214,213,.05) 62%,transparent 72%);transform-origin:top center;animation:ocean-light 8s ease-in-out infinite}.wave{position:absolute;left:-25%;width:150%;border-radius:45% 55% 0 0/70px 70px 0 0;transform-origin:center bottom}.wave-back{height:160px;bottom:10%;background:rgba(26,151,158,.16);animation:wave-drift 10s ease-in-out infinite}.wave-mid{height:125px;bottom:5%;background:rgba(35,174,175,.17);animation:wave-drift 7s ease-in-out -2s infinite reverse}.wave-front{height:90px;bottom:-2%;background:rgba(54,188,184,.22);animation:wave-drift 5.5s ease-in-out -1s infinite}.wave:after,.wave:before{content:"";position:absolute;top:-35px;width:55%;height:70px;border-radius:50%;border-top:2px solid rgba(132,225,217,.22)}.wave:before{left:0}.wave:after{right:0;top:-22px}.bubbles{position:absolute;inset:0}.bubbles i{position:absolute;bottom:-30px;width:8px;height:8px;border:1px solid rgba(179,239,235,.5);border-radius:50%;animation:bubble-rise 9s linear infinite}.bubbles i:first-child{left:8%;animation-delay:-2s}.bubbles i:nth-child(2){left:16%;width:13px;height:13px;animation-delay:-7s}.bubbles i:nth-child(3){left:27%;animation-delay:-4s;animation-duration:11s}.bubbles i:nth-child(4){left:38%;width:5px;height:5px;animation-delay:-1s}.bubbles i:nth-child(5){left:48%;width:16px;height:16px;animation-delay:-6s;animation-duration:13s}.bubbles i:nth-child(6){left:58%;animation-delay:-3s}.bubbles i:nth-child(7){left:68%;width:11px;height:11px;animation-delay:-8s}.bubbles i:nth-child(8){left:77%;width:6px;height:6px;animation-delay:-5s}.bubbles i:nth-child(9){left:86%;width:14px;height:14px;animation-delay:-9s;animation-duration:12s}.bubbles i:nth-child(10){left:93%;animation-delay:-4s}.bubbles i:nth-child(11){left:33%;width:10px;height:10px;animation-delay:-10s;animation-duration:14s}.bubbles i:nth-child(12){left:72%;width:5px;height:5px;animation-delay:-2s;animation-duration:8s}.login-scene .intro{z-index:2;animation:intro-float 5s ease-in-out infinite}@keyframes wave-drift{0%,to{transform:translateX(-3%) rotate(-1deg)}50%{transform:translateX(3%) rotate(1deg)}}@keyframes bubble-rise{0%{transform:translate(0) scale(.7);opacity:0}12%{opacity:.7}75%{opacity:.4}to{transform:translate(35px,-105vh) scale(1.25);opacity:0}}@keyframes ocean-light{0%,to{transform:skewX(-6deg) translateX(-4%);opacity:.75}50%{transform:skewX(6deg) translateX(5%);opacity:1}}@keyframes intro-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.bubbles i,.login-scene .intro,.ocean-light,.wave{animation:none}}.swim-path{position:absolute;z-index:1;left:7%;right:7%;top:31%;height:70px;animation:fish-cross 13s ease-in-out infinite alternate}.swimming-fish{position:absolute;left:0;top:8px;width:92px;height:48px;filter:drop-shadow(0 7px 7px rgba(1,35,48,.22));animation:fish-turn 26s step-end infinite}.fish-body{position:absolute;left:20px;top:4px;width:66px;height:40px;display:block;border-radius:55% 48% 48% 55%;background:linear-gradient(145deg,#8ee0d7,#36aaa9 52%,#16818b);box-shadow:inset 0 4px 7px hsla(0,0%,100%,.26)}.fish-body:before{content:"";right:-5px;width:17px;height:22px;border-right:2px solid rgba(5,76,87,.35)}.fish-body:before,.fish-eye{position:absolute;top:9px;border-radius:50%}.fish-eye{right:13px;width:6px;height:6px;background:#eafffc;box-shadow:inset 2px 0 0 #123d48}.fish-fin{position:absolute;left:27px;bottom:-9px;width:23px;height:16px;border-radius:0 90% 10% 90%;background:#27989b;transform:rotate(18deg)}.fish-tail{position:absolute;left:1px;top:5px;width:30px;height:39px;background:#2c9fa1;clip-path:polygon(100% 50%,0 0,13% 50%,0 100%);transform-origin:right center;animation:tail-swish .6s ease-in-out infinite alternate}.swimming-fish:after{content:"";position:absolute;left:88px;top:20px;width:4px;height:4px;border:1px solid rgba(182,239,235,.65);border-radius:50%;box-shadow:12px -8px 0 1px rgba(182,239,235,.18),24px 2px 0 rgba(182,239,235,.28)}@keyframes fish-cross{0%{transform:translateX(0) translateY(4px)}35%{transform:translateX(15vw) translateY(-9px)}68%{transform:translateX(29vw) translateY(10px)}to{transform:translateX(40vw) translateY(1px)}}@keyframes fish-turn{0%,49.9%{transform:scaleX(1)}50%,to{transform:scaleX(-1)}}@keyframes tail-swish{0%{transform:rotateY(0) rotate(-7deg)}to{transform:rotateY(42deg) rotate(7deg)}}@media(prefers-reduced-motion:reduce){.fish-tail,.swim-path,.swimming-fish{animation:none}.swim-path{left:18%}}.content{min-width:0!important;flex:1;overflow-x:hidden}.content,.content>div,.report-grid{width:100%}.report-table{margin-top:20px}.table-panel{min-height:0}.report-metrics{grid-template-columns:repeat(4,1fr)}.report-metrics small{display:block;color:#91a3a6;font-size:12px;margin-top:10px}.report-table{overflow:hidden}.report-table>header>span{font-size:12px;color:#7f969a}@media(max-width:1200px){.report-metrics{grid-template-columns:repeat(2,1fr)}}.header{line-height:normal!important;flex:0 0 82px;min-height:82px;overflow:visible!important}.header>div:first-child{display:flex;min-height:48px;flex-direction:column;justify-content:center;padding-top:2px}.header h1{display:block;overflow:visible}.danger-link{color:#d95555!important}.table-panel .ant-table-wrapper{width:100%}.table-panel .ant-table-body{overflow-x:auto!important}.row-actions{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:32px;white-space:nowrap}.row-actions .workflow-btn{height:28px;padding:0 9px;color:#087983;border-color:#9fcfd2;background:#f1fafa}.row-actions .workflow-btn:focus,.row-actions .workflow-btn:hover{color:#fff;border-color:#087d87;background:#087d87}.row-actions .action-button{height:28px;padding:0 9px;border-color:#dbe6e7;background:#fff;color:#547076}.row-actions .edit-action:focus,.row-actions .edit-action:hover{color:#087d87;border-color:#78b9bd;background:#f2fafa}.row-actions .delete-action{color:#c65a5a}.row-actions .delete-action:focus,.row-actions .delete-action:hover{color:#fff;border-color:#cf5b5b;background:#cf5b5b}.table-panel .ant-table-fixed-right{box-shadow:-5px 0 10px -7px rgba(21,65,72,.28)}.table-panel .ant-table-tbody>tr>td:last-child{padding-top:10px;padding-bottom:10px}.table-panel .ant-table-tbody>tr>td{padding-top:17px;padding-bottom:17px}.table-panel .ant-table-tbody>tr>td:last-child{padding-top:14px;padding-bottom:14px}.welcome:before{content:"";position:absolute;z-index:0;left:-10%;bottom:-72px;width:120%;height:130px;border-radius:48% 52% 0 0/55% 55% 0 0;background:rgba(87,204,198,.12);box-shadow:0 -18px 0 rgba(116,218,209,.06);animation:welcome-wave 7s ease-in-out infinite}.welcome:after{animation:welcome-rings 8s ease-in-out infinite}.welcome>div{position:relative;z-index:1}.welcome{background:linear-gradient(115deg,#08737d,#07636e 48%,#075661);background-size:160% 160%;animation:welcome-water 10s ease-in-out infinite}.water-gauge{animation:gauge-float 4s ease-in-out infinite}@keyframes welcome-wave{0%,to{transform:translateX(-2%) rotate(-1deg)}50%{transform:translateX(2%) rotate(1deg)}}@keyframes welcome-rings{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.06);opacity:1}}@keyframes welcome-water{0%,to{background-position:0 45%}50%{background-position:100% 55%}}@keyframes gauge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.water-gauge,.welcome,.welcome:after,.welcome:before{animation:none}}.water-gauge:before{content:"";position:absolute;z-index:0;left:18px;top:27px;width:58px;height:58px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAYAAACLz2ctAAAQAElEQVR4AeycW5ajOBKG7azNTL9MnVpBV+2q5ymrnqZ3ldkr6DPz0rOZas//CQkD1iWEMSZBeZABXUKhiE8hwKRfTu2vWeCJFmgAPtH4revTqQHYKHiqBRqATzV/67wB2Bh4qgUagE81f+v8uAA232/CAg3ATbjhuEo0AI/r+02MvAG4CTccV4kG4HF9v4mRNwA34YbjKtEAPJ7vNzXiBuCm3HE8ZRqAx/P5pkbcANyUO46nTAPweD7f1IgbgJtyx/GUaQAez+ebGvGqAG5q5E2ZTVhg1wD+9tefX//1v/++hfTbX//5vgmrNyV6C+wWQGA7nz+9aaRfQzqfz6+C8aL0Rrny2/ZkC+wWQMH2a8a2X1XeYMwYaK2i3QIoAxL5tCtuPYxERVKxRauwmAX2DOB7rZWIiiQt0RdAJNXKaPXrLLBbAC+Xyx91phjXBkTSMjCOZbezqwV2C+Dvv3xe7I4XEEkNxis4Sx3tFkAMpCj4g/2SCRBJDcZlrLprAJeMgjFzAyKpwRizji1v1wBiAkMUrL5ZQe40ASKpwTi1TP589wBaouC///HP8+Xy85uH9W4gAZHUYMzDR+nuAWSQwMU+kb7yuOX3X768A6tg/KYkIC9cPzYYE0azZpfqHQJA4JIhkjARrVQ+2hqMI3M87OQQAGI9RUEiGofRRBSMFiizwSgjPGg7DIBzomDM5lMY/XVjrKo5jwhMul4z/mn9GtHcx1YrHgZAHHBPFKT9NAEjSXK/qSy5xKvMvAEib/EcBcZDAXhvFOT9QpZqwRHeMeTVrgvAiLDFo9YRYDwUgILkpGhlvhbsgOtfanWgAYXkABtJh+ts9Avogt+/KLGPZXq/ACa4sERBOZkI54HrX2pNSFw/e08wHg5AcClFQdVZNbqpv9nbFMbZgp7U8JAAlqLgk3xxd7fAqOjtl+iP8f8vhwOQ6zo5KfyvyN1O36IAQCRpnA7GLeoYdDoMgAE8LuQ1+KWXWB7BuMRzwWvi++VUuvy41rtwY+TaS7dFt62DuHsAHwCeA0XXkd9IfG+sxPfHLvFc8Jr4fjmVPn+/1vv8fSDjrGP3XTSAikb60+6+basg3gCIw0j3Dff5rRmDlqC3JSIeIExh4zqS9KiRBjgFI2ALSCJpFzULfWaLtwZiD+DQYThNzrvw0DU7mo0WojdjkHqLLbWPhE16Fjf6H0ApIO+D0YP4hq2KnT+wQg9gzGEo+WwFa8Z+nUTn15p2pbqdHbb14HchGN2/pD7Txw7AnAIYX9GQu8aSn55azhhik8ig1DvLq+plr7WQDeCqt7ltCmOtgt7HT1nxHICn099Z42tA/MbKUxRU39kNKJggGDFb8bbQgcc1FsubIORO9LbWIEcQvg5ON3kIjBqTW6JrFcSGTOTadvfU9wDaRDxDwZxmGEtQEJ1rrvVG4AX5HkLeaglZsT0Tkf5iZZvKmwsiPtaEXi3YOAAxvqxXioKqcjqhII4/PfFvZtSLgjccBnbgjneYFzl2r/BH8jeZdQ+Ia/jZAVhrOSDsZsn4wrxWzpz6wHe+/uqVVcS7lqVvAFZqgMNUJzsZGf8azpEei22MSzaoWprXGGcPoOUaaGoNQFjTEfRFn1M9DOdVUUuOYineHYTYqRbER0PYA2iJDgxgmh6tYOivg2/+45VaPS0TEplaCT7ENWGwY9gDouFyw1UP42T1cRkLfvQAepnZWe/r3OweqSCd3QsfMkjoaTUiE1IQEglpmksf5sZkOogOwp+WMdJUzww/6cH1spddIwBl8OKjCDRJJK/gsq8BVcDnbjKkW3YSsYQ3CGUlvzHRdMlhvjassZ/vIrsbAZitaSzsoswyELK8Ic/QdX+TYZlEMqL5eR4OkkxLlCASrvb4wmCTqipdNHRv5RTbyX6LRcIRgBhbveciSK5MTbsNaICnO5v36dsXn+9xHaMZ3APCGAzAVN2UlGVex8jYidrXnI9z1EHoluSin5eCcASgxVQ43FJPdWZHBO9AE3wYTX2Ntg6Y/GwGFA/5qG3qpJPpnJOq0ufXyu4bbuCAcfoJvQqENwAqeuSuA7/icNUh4hQVxJ44wwPFaTFRlzaliuiALql6vqykI5PEfBeLc+g31eckH9kfdkleC8IbADHyxJCjUy7gqYOC1mgIUIA1EhQ5oQ51I0U3WVoCitdx6KiGi0MouWeDXFU5nRgP4zp9wD+N0xRozt0XA7NGeAOgl5J0mjrrHU+UqYFQS54iQvw2HifhLN+/ZWe6jlPEykX00A/RyhwJaYRz6se+zM0Z/a+VGKf6SvKgMrfJt1X2c430EQXQ6DQ1P506CG3XRjQQwLqDGjtiBnyIOgEsbd1J4oNorfEwkxM1+uxqCLux5681e+k6QF85SpNwPH4VLb6xUmEb9cf/OI8S+V2KB4OpMkYITQFhKjsK4LTS5FwdjRXHyVKy4lnS+RUDIBdD4RiO5yTaIiPXFv0qIBQg4/HlZX/+7mUXo0SQ0+m8PITYIQB31rJIP+qTm7lRIr9LnwBT4y3rIv8yiW/GKPn9hszg1z6zcBAFEIepXbYzld9sNREBZTEWhroRVJlhkcGYPChF6cirMSSycZB1SUYBP36T86lfSuiL3qoXYNOhbbPqwhglMcsFspgIqmfaogCWWmqg/XXgtG4NhGqLsbRLbzjVAg4wp6V0JYBikUXtzpDlyEDdkCrH7pp1/dgjrms0+MDZGvsFOYPsWYfIQBYwpwR4CFPFLj/Hh6sw+EgCKEflLt6z4OAIKWq+UxzoMzoEPmR14Fxy+tDOdA3XybJds3qHVF1coy9jR3eUsqWXrD1TMgBFzq7SLyVrmM+4kT3MGx6LDZbjYdb02OQLGr3wEUs4KpYf8ph54Ti1lyO+1TniKol2ODPkcExeOE/sTQNnbAYjhi6QWb1UGvUNfVTvAQRQqhsaGyCbPmLVO/uVA4KFkSSAvuPkeq+Zl1yGfVu3m+sI2jkBgw+fl9TJVwWYYlTAiJog5iidc4jv92aHvvRRnjjF/8kZycax6DPKfMAJfdBXTDRjU37WFxZGsgAqSpSWPelQ3lBWsgjbWYWDJF83nI72cqhFjglCBCOvDAg1TyccUrpGOkX+GL/6iT4loG8mQ6RZMuusO9xk4bgAe7u3hLBpSKpCvnbljb5SEGpMJV/oiUn+OjoLYMEwEm6/eEYWCmPw3LApp26+zs8fp1yFrswMIYDQb9es/HkPiB0E3T+Vc0zf5R6vNVLL4rVGd4Rs7E3CniRKBBQrV9U1p29D85ukfrJBClulAEZYFkAqKGVmy0vVQCTrhMFTziafcurlEsbUwJl9uWqUVUJouzlBMKkzbn6GU2+Y0J0xdulLxrbDVtdj+ryeRY94Ne1MP8NSIBBIXJpU+0xyksGGfvCb6iQ39Qv00fKXaO4gU8L/GJyODmWMX0cZxhOMD0CSHWaPWybIN4oQyF9cG0N9IDTdRGBMRYzoUpnqRzZ41bKMY1NVFssvRT/sKf1vJuYAvtm65CDyfstNpiTARQBP+X9anzObnBFwNorLYPwalOk/1lzDwQcyAHmQlTwElJIDQ2P0wpnh3LCfbQeD7L4KY+hPIgfoHclW1ssS+iUhUgfF395OAfxC41zCyblyZleu/NFl6PcoCJkcVhAfbYfS5EnpSbsSuEv4CD9ITnUULAIooWxJwSmyabRWYvA1EGrJ1JJsu4EiqqScOxwfOgzP1zxGP/Sc2Se+DSkrouRr+SBcUkXlxNqbACwIXiK8RxWuyQQAIpbaYEzt8puMcfNWTqoFzkU2jo7VSeXH6s7NUxQL19tVItTuNdUAvTUufn/QJc5TdX1+1tf4oCDjZhk3AYhgr0B09+jlJ9ppIhODFozQt8Q5XTS03clOQAR0dyNEfi/0cQcZ59c9yA4qTvX254wrVKneexnJdpr4owlhAtBLSyo2FerrP22HEawQoiQgcq3EsSUhH9BJpclpkXdvnZQOhcCQ9GdOn4JM11Qr5s2duCvoPkZR0AyghGbX9072dj6BpBbCmmi4nZGmNUmB6VuMQPB57DKRluJy8v0mAR8GLDOAp9PL3YqVVV+2BhAqSp0lNWkMlY02oqFAXOW53qjjO04KUSk5dkAIkR8ZlnF7uIraavInnx+rcc/Si07u3gqd3S3/XgGCsPatHB5ebw3CJEg5+xR889VPuItgZLw9GDmZljLkpupJp341NQOYE5jqaEv5REM/cKsjF3PGo+0geEYX9uP+5t2gjGXUnYWoamllApDwjLBUwrmpsi3lo+eMaLiJIWjy5Ja0pI4smWrbR5xkRUOBVU4uWCEDP4TuTACe8td/1ogS+nz6HgMIxOx3vhjq6YqOFMhGMt1QpB8lMV6JWsVPNdFPOp1MAIro5ENQOWrWzKTzZyccI/1j0eGdsmfrN+yfSKbzJETy0WtupdKEq70OVnfjrWQT4EOPcavrGbaeyjABKBGZ66HszFTTbW8YRM5x0RAD6XGT+1Zgi1pLv+xk51owByFjlYzYhCsO19JO8CUDVaqDIoBQnWpMvp+ZHFYnjMWtP32QqgUs2ADndKn+Hb0F1ciKQj9VSEZBlemu9tNbzpbIGE44tTFttMtV9H0mAxUAx2QUAcx1itBcea4M8DRj3a2/Zs4ryQ8i1+zwZYrQxQiGLbFv3p5/v6ueKWJZ/CxZmTvxtNuKAM4VnOrSR72Lym9mC31RrrKNbdtRhxXHAoQ0VjQ887LsRTCS+BWEkMzP/egrFrkkv9/yoJ9OORlZAEswlBTrNfQHKOqjns+53VFe6ve21bFyvN1zS3HMIEz4kGLlsbx331eszOV1Ps3/eHxORhbAJR+/aBa+EeGc1oUPQfhaqHL4Yl3H8YV/LYQ1duN/S+gj2YZAUfIp0S8pQAVZACU8eY0gwdk7Msl2G0oCn06YfdqZtuxzLZOEA1QCQvmheE04wxRF+JCpQME1PIfRhG656EejLICqkISmJFhtT114/oSSSTnUiyXBr+da6YersTZHzMMPOHqpsSMLsEvy8G2pDrqV6iQBtHSQE057IMrVKZXRnghaqnf0chwtaNyzzDtsYX651uJbQLbokgQw1zgnHGBYcoEnJ8NapjDfrgeNxhqCmPPRQJyDTo923MN37rAHZe5w+mGFD12mbWPnSQDnAAR8Asa85DJwUkyxQd4WX40aqLe9Q5xP6qLiT30FR+LXGNh3iTIl9++wFvAYZeff/B2v6hXvnFWn36IAQnlfI3LA4KbZtPHwTYti527mMXCSYbY2CGNWNORh3y59/t7tvwiQ+m97Ovjc9Xy2VwWUqpuiKIC5HmKw1Cy5tA8zL/QD0OSH88S+QZgwzKOz7fBdfgB5jT5RAK3LL4oJvui3GjElgAzYYmXkUx4rG+Q1CAfGWOMQH1tWNnyHD2t1igKYExI6mbfkfv5ukF16uNogzBlxwbJHw4eqNwACFgWJ5OBQ1DN/qyE57qGmNTSzPNNGKbc1CHPWWaDMCp+6l2R37AAABYpJREFU0jVlPrCoTnK7AVDLb/LbD6QAn/amB8uEZQ+Umtg3dyFbrg6EFwxVrtpq1FgAm1qWXcl0wUX72dsNgJKUg4sykqrlN0GkW/x5M4NoSft8D10phipE7a5i+zRZAFtiU0Plu+GjjxGAdE7mnQnFbn4gsVZmHYTn9rVdrYEj9VndtAJaHvzj4+yLChHx0awRgNEaFZlzl9xUFwMI3bVnqh75GG6hCYS4QyWWXMFnfZqxGHwYeQQgTiRzTmLJDHfIc9qn2gChv440QShDvjUQU9a8zcdWxiWXxovCh8AeQGYBGTNS/63GjLbmJkBIhDU0cG8CY1hD3UNXYbJagw62xwdLG6wHsPDyabTfoBRRKlph4UwiLH1axGJYGVh3yR/ulS7L8O6qw+TENhJivKHkG455N5TqI7v1AMph2ccvUymAABDT/Eef0yd9W/vRuNoNijcWq5zAq3mGe3rUpZVXafSP6abZoIZ+yX3MjJD84jYHQhn+sNHwCp57maDSz/UvLhQdOKjgIiAKDvJyh+4idK0lN6cIEOqapOolTKLhkUDErxqvIl4VeIp6lx+yrZ7jPhY+/OsA5KCUWPZQqlRv7XJARLeafvcO4lzwZMPVVzcTgI++DtDA79qAUJOjKhrS4d5AvAM8zPGU1c0ByJKaiCIodfe3GoxujQSIiXFkuw8gslxxh5itvLHCAJ10N/+z+XQIBBhN4EW+2ZjKLp07AKmE83AeSecuFD9LKfU/e+vGwWvnl6o3c32H7hkizlTa7APtJaBjvPhaPn5qgOkBRCGcR5JSq1yA0ucjEhGdcWBg0sw+bmDE8TNl3dWMfonMTAqli//mwno3G+vbr2zPe5IRlBoBGDL3sgdCEhCS7hiXgxHHA4BPLkICxh1yb5p2sP3Jq2aj33HhMkGV74FOzU+bW9l2DSAWJwEhCQhJ5C2QPJTn4Q8AjX4ECDhjSQAHuMKedi4BOUn6ARtJh3dvPXisDndLW1DAIQAM9gJCkoew+HJDaFe5BxqXiFqxJHmufLDX4fIb4ww3GFsDL4z2UACGQQOhjoFAu91tIdrp5qL7V8wtj/CQALIsjp2yi7MA3oe6gTwkgCyLKeS6ZYtfEbjMeYyTEvuofC4jPiR4wSCHA9AS/ViiSXocdSYFKIPRnrwfQSf9PlTEm9ruUADyiKMU/QBvaiTySHK2B7J70A2YqgsQ2j10o48+0kmPDw3d0FKHArD00i2QDY2TOuaOkrok3WWyVANIqvrcfAHHpcBP98tVe4JuaJDDAMjSW4p+Q8Pkjomk/lneZfDMLtfEWiboiK4ddAAO7NbGH7HeYQAsOQdn5+qsB928X6/K6Z4re3bZIQCcE/0AjrROpDsWdEPoDwHgcMCx4xD9AI4EdCytJNVf6oH1ZHk9LnSyab/tHsBS9JMl3h8NnW4guHt2d657v6aTPau23QNosMbXR0S6IXQGHQ5bZdcAGqLfUo53y2uDrt6cuwZQj12q/te50nwNukqDxao/D8CYNgvmEf0kbqkbCIlyW4POmWG5j90CqOj3upCZGnQLGTImZrcAxgZrzONrtQad0Vj3VmsAdhYcQue+e22PSzrDPPpzzwACVc5+lIdI16DLWeqBZbsFUI9EvvnXpYbma9ANrbGB490CiG35iu1y6d4uYQ+UpCcvr6jWkrfArgFkjMAWEuctbcsCuwdwW+Zu2kwt0ACcWqSdr2qBBuCq5m6dTS3QAJxapJ2vaoEG4KrmPnhnkeE3ACNGaVnrWaABuJ6tW08RCzQAI0ZpWetZoAG4nq1bTxELNAAjRmlZ61mgAbierVtPEQscBMDIyFvWJizQANyEG46rRAPwuL7fxMgbgJtww3GVaAAe1/ebGHkDcBNuOK4SDcCd+37rw/s/AAAA///Bo2/IAAAABklEQVQDACa1UwRmVW35AAAAAElFTkSuQmCC) 50%/contain no-repeat;filter:drop-shadow(0 4px 3px rgba(3,50,58,.12));opacity:.48;mix-blend-mode:soft-light;animation:overview-fish-swim 75s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform}@keyframes overview-fish-swim{0%{transform:translate(4vw,-3px) rotate(-2deg) scaleX(-1)}13%{transform:translate(-31vw,-37px) rotate(3deg) scaleX(-1)}13.2%{transform:translate(-31vw,-37px) rotate(-3deg) scaleX(1)}24%{transform:translate(-12vw,18px) rotate(4deg) scaleX(1)}24.2%{transform:translate(-12vw,18px) rotate(-4deg) scaleX(-1)}43%{transform:translate(-84vw,-12px) rotate(2deg) scaleX(-1)}43.2%{transform:translate(-84vw,-12px) rotate(-2deg) scaleX(1)}58%{transform:translate(-53vw,25px) rotate(3deg) scaleX(1)}58.2%{transform:translate(-53vw,25px) rotate(-3deg) scaleX(-1)}72%{transform:translate(-76vw,-39px) rotate(2deg) scaleX(-1)}72.2%{transform:translate(-76vw,-39px) rotate(-2deg) scaleX(1)}86%{transform:translate(-37vw,8px) rotate(3deg) scaleX(1)}86.2%{transform:translate(-37vw,8px) rotate(-3deg) scaleX(-1)}93%{transform:translate(-61vw,-17px) rotate(2deg) scaleX(-1)}93.2%{transform:translate(-61vw,-17px) rotate(-2deg) scaleX(1)}to{transform:translate(4vw,-3px) rotate(2deg) scaleX(1)}}@media(prefers-reduced-motion:reduce){.water-gauge:after,.water-gauge:before{animation:none}}.water-gauge:after{display:none}.welcome>div:first-child{position:relative;z-index:5}.water-gauge{z-index:auto}.water-gauge>b,.water-gauge>span{position:relative;z-index:5}.table-panel .ant-tag{font-weight:500}.screen[data-v-e18d1bac]{min-height:calc(100vh - 50px);margin:-25px -30px;padding:14px 20px 20px;background:#031b1a;color:#d8fffa;font-family:Arial,Microsoft YaHei}.screen header[data-v-e18d1bac]{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #087c78;color:#6daea8;font-size:12px}.screen h1[data-v-e18d1bac]{margin:0;color:#19e3d7;font-size:23px;letter-spacing:7px;text-shadow:0 0 12px #09a99d}.ok[data-v-e18d1bac],.screen header b[data-v-e18d1bac]{color:#45e7ad}.area-tabs[data-v-e18d1bac]{height:68px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #0b4c48}.area-tabs>span[data-v-e18d1bac]{color:#68a9a3;font-size:12px;margin-right:5px}.area-tabs button[data-v-e18d1bac]{height:38px;padding:0 13px;border:1px solid #176a65;background:#062f2c;color:#a7d4cf;cursor:pointer;text-align:left;font-size:12px}.area-tabs button i[data-v-e18d1bac]{display:inline-block;width:6px;height:6px;border-radius:50%;background:#46d9aa;margin-right:7px}.area-tabs button small[data-v-e18d1bac]{display:block;font-size:9px;color:#5f9994;margin:2px 0 0 13px}.area-tabs button.active[data-v-e18d1bac]{color:#fff;border-color:#19d8ca;background:#09635d;box-shadow:0 0 12px #0b9f9555}.screen main[data-v-e18d1bac]{display:grid;grid-template-columns:220px minmax(520px,1fr) 220px;gap:14px;height:calc(100vh - 178px);padding-top:14px}.screen aside[data-v-e18d1bac]{display:flex;flex-direction:column;gap:14px}.screen section[data-v-e18d1bac]{border:1px solid #087b76;background:#032824;padding:13px;box-shadow:inset 0 0 24px #00e1cd0d}.screen h3[data-v-e18d1bac]{margin:0 0 12px;color:#19e3d7;font-size:13px;font-weight:500}.area-name[data-v-e18d1bac]{font-size:16px;color:#fff;margin-bottom:12px}.nums[data-v-e18d1bac]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nums i[data-v-e18d1bac]{font-style:normal;color:#6fa7a3;font-size:10px;border-top:1px solid #145b57;padding-top:7px}.nums b[data-v-e18d1bac]{display:block;font-size:19px;color:#fff;margin-top:4px}.screen aside p[data-v-e18d1bac]{font-size:10px;color:#a8d9d1;border-bottom:1px solid #104844;padding:7px 0;margin:0}.alerts p span[data-v-e18d1bac]{color:#ffcc62;margin-right:5px}.screen aside p em[data-v-e18d1bac]{float:right;color:#ffcc62;font-style:normal}.normal[data-v-e18d1bac]{color:#48dba9;font-size:11px;padding:15px 0}.health[data-v-e18d1bac]{text-align:center}.health>strong[data-v-e18d1bac]{font-size:38px;color:#fff}.health>small[data-v-e18d1bac]{color:#73aaa5}.health>div[data-v-e18d1bac]{height:5px;background:#0d4540;margin:10px 0}.health>div i[data-v-e18d1bac]{display:block;height:100%;background:#22d8c2}.health>p[data-v-e18d1bac]{border:0!important;color:#679e98!important}.map[data-v-e18d1bac]{padding:0!important;display:flex;flex-direction:column;min-width:0}.map-title[data-v-e18d1bac]{height:58px;padding:11px 16px;border-bottom:1px solid #0b625c;display:flex;justify-content:space-between;align-items:center}.map-title span[data-v-e18d1bac],.map-title strong[data-v-e18d1bac]{display:block}.map-title strong[data-v-e18d1bac]{font-size:16px;color:#fff}.map-title span[data-v-e18d1bac]{font-size:10px;color:#6ba7a1;margin-top:4px}.legend[data-v-e18d1bac]{font-size:9px;color:#76aaa5}.legend i[data-v-e18d1bac]{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px 0 9px}.legend .run[data-v-e18d1bac]{background:#44daa8}.legend .warn[data-v-e18d1bac]{background:#ffbd54}.legend .flow[data-v-e18d1bac]{background:#2ed5ce}.site[data-v-e18d1bac]{flex:1;position:relative;padding:50px 55px;background:linear-gradient(#07312eaa,#07312eaa),repeating-linear-gradient(0deg,transparent 0 29px,#0a444022 30px),repeating-linear-gradient(90deg,transparent 0 29px,#0a444022 30px)}.pond-grid[data-v-e18d1bac]{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}.pond[data-v-e18d1bac]{position:relative;border:2px solid #1a9a91;background:#075754;padding:0;color:#d8fffa;text-align:left;cursor:pointer;overflow:hidden}.pond.selected[data-v-e18d1bac],.pond[data-v-e18d1bac]:hover{border-color:#29eee0;box-shadow:0 0 15px #0bc9bb66}.pond.warn[data-v-e18d1bac]{border-color:#b98536}.pond-head[data-v-e18d1bac]{height:34px;padding:8px 10px;display:flex;justify-content:space-between;background:#052f2c}.pond-head strong[data-v-e18d1bac]{font-size:11px}.pond-head span[data-v-e18d1bac]{font-size:9px;color:#4be0ae}.pond.warn .pond-head span[data-v-e18d1bac]{color:#ffc35d}.water-surface[data-v-e18d1bac]{position:relative;height:calc(100% - 65px);background:linear-gradient(145deg,#0b8581,#08635f);overflow:hidden}.water-surface>i[data-v-e18d1bac]{position:absolute;left:-10%;width:120%;height:22px;border-top:1px solid #54d7cc55;border-radius:50%}.water-surface>i[data-v-e18d1bac]:first-child{top:18%}.water-surface>i[data-v-e18d1bac]:nth-child(2){top:45%}.water-surface>i[data-v-e18d1bac]:nth-child(3){top:72%}.aerator[data-v-e18d1bac]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:25px;color:#fff}.aerator small[data-v-e18d1bac]{display:block;font-size:8px;font-weight:400}.pond-foot[data-v-e18d1bac]{height:31px;display:flex;justify-content:space-around;align-items:center;background:#063f3c;font-size:8px;color:#75aaa5}.pond-foot b[data-v-e18d1bac]{color:#fff}.filter[data-v-e18d1bac],.inlet[data-v-e18d1bac],.outlet[data-v-e18d1bac]{position:absolute;font-size:9px;color:#75b7b1}.inlet[data-v-e18d1bac]{left:8px;top:45%}.outlet[data-v-e18d1bac]{right:6px;top:45%}.inlet b[data-v-e18d1bac],.outlet b[data-v-e18d1bac]{display:block;color:#23ded0;font-size:20px}.filter[data-v-e18d1bac]{right:12px;bottom:9px;text-align:right}.filter b[data-v-e18d1bac],.filter span[data-v-e18d1bac]{display:block}.filter b[data-v-e18d1bac]{color:#19d8ca}.selected-info[data-v-e18d1bac]{height:54px;display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #0b625c;font-size:9px;color:#70a9a3}.selected-info b[data-v-e18d1bac],.selected-info strong[data-v-e18d1bac]{color:#fff}.selected-info i[data-v-e18d1bac]{height:20px;width:1px;background:#17625d;margin:0 5px}.reading[data-v-e18d1bac]{display:grid;grid-template-columns:45px 1fr;gap:4px;margin:12px 0;font-size:10px}.reading span[data-v-e18d1bac]{color:#72aaa5}.reading b[data-v-e18d1bac]{color:#fff;text-align:right}.reading i[data-v-e18d1bac]{grid-column:1/3;height:4px;background:#22d8c2}.screen time[data-v-e18d1bac]{color:#20d8c2;margin-right:5px}@media(max-width:1100px){.screen main[data-v-e18d1bac]{grid-template-columns:190px minmax(460px,1fr) 190px}.area-tabs button[data-v-e18d1bac]{padding:0 8px}}.area-tabs[data-v-e18d1bac]{overflow:hidden;gap:12px}.area-tabs label[data-v-e18d1bac]{color:#68a9a3;font-size:12px;white-space:nowrap}.area-select-wrap[data-v-e18d1bac]{position:relative;width:310px;max-width:50vw}.area-select-wrap>i[data-v-e18d1bac]{position:absolute;left:13px;top:16px;width:7px;height:7px;border-radius:50%;background:#46d9aa;box-shadow:0 0 8px #46d9aa;pointer-events:none}.area-select-wrap select[data-v-e18d1bac]{width:100%;height:40px;padding:0 34px 0 32px;border:1px solid #19b9ad;border-radius:2px;outline:0;background:#063b37;color:#e4fffb;font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.area-select-wrap[data-v-e18d1bac]:after{content:"⌄";position:absolute;right:13px;top:7px;color:#20dfd1;font-size:18px;pointer-events:none}.area-select-wrap select[data-v-e18d1bac]:focus{border-color:#29eee0;box-shadow:0 0 12px #0bc9bb55}.area-count[data-v-e18d1bac]{color:#5f9994!important;font-size:11px!important;white-space:nowrap;margin:0!important}@media(max-width:1100px){.area-select-wrap[data-v-e18d1bac]{width:260px}}.area-select-wrap[data-v-e18d1bac]:after{content:"";right:16px;top:50%;width:7px;height:7px;border-right:2px solid #20dfd1;border-bottom:2px solid #20dfd1;transform:translateY(-70%) rotate(45deg);font-size:0}.pond[data-v-e18d1bac]{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.pond[data-v-e18d1bac]:hover{transform:translateY(-2px)}.pond.selected[data-v-e18d1bac]{box-shadow:0 0 0 1px #29eee0,0 0 22px #0bc9bb66}.pond.warn[data-v-e18d1bac]{animation:pond-warning-e18d1bac 2.4s ease-in-out infinite}.water-surface[data-v-e18d1bac]{background:linear-gradient(145deg,#0b8581,#08635f,#08736e);background-size:180% 180%;animation:water-shift-e18d1bac 7s ease-in-out infinite}.water-surface[data-v-e18d1bac]:after,.water-surface[data-v-e18d1bac]:before{content:"";position:absolute;left:50%;bottom:34%;width:7px;height:7px;border:1px solid rgba(220,255,250,.75);border-radius:50%;opacity:0;animation:bubble-rise-e18d1bac 3.2s ease-out infinite}.water-surface[data-v-e18d1bac]:after{margin-left:17px;width:4px;height:4px;animation-delay:1.3s;animation-duration:2.7s}.water-surface>i[data-v-e18d1bac]{animation:water-wave-e18d1bac 5s ease-in-out infinite}.water-surface>i[data-v-e18d1bac]:nth-child(2){animation-delay:-1.6s}.water-surface>i[data-v-e18d1bac]:nth-child(3){animation-delay:-3.2s}.aerator[data-v-e18d1bac]{animation:aerator-float-e18d1bac 1.6s ease-in-out infinite}.aerator[data-v-e18d1bac]:first-letter{animation:aerator-spin 2.8s linear infinite}.pond-head span[data-v-e18d1bac]{position:relative}.pond:not(.warn) .pond-head span[data-v-e18d1bac]:before{content:"";display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#4be0ae;box-shadow:0 0 7px #4be0ae;animation:status-pulse-e18d1bac 1.8s ease-in-out infinite}@keyframes water-shift-e18d1bac{0%,to{background-position:0 45%}50%{background-position:100% 55%}}@keyframes water-wave-e18d1bac{0%,to{transform:translateX(-2%)}50%{transform:translateX(2%) scaleY(1.15)}}@keyframes bubble-rise-e18d1bac{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.85}to{transform:translateY(-62px) translateX(8px) scale(1.5);opacity:0}}@keyframes aerator-float-e18d1bac{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-52%) scale(1.06)}}@keyframes status-pulse-e18d1bac{0%,to{opacity:.45}50%{opacity:1}}@keyframes pond-warning-e18d1bac{0%,to{box-shadow:inset 0 0 0 rgba(255,189,84,0)}50%{box-shadow:inset 0 0 18px rgba(255,189,84,.16),0 0 12px rgba(255,189,84,.22)}}@media(prefers-reduced-motion:reduce){.aerator[data-v-e18d1bac],.pond-head span[data-v-e18d1bac]:before,.pond.warn[data-v-e18d1bac],.pond[data-v-e18d1bac],.water-surface>i[data-v-e18d1bac],.water-surface[data-v-e18d1bac],.water-surface[data-v-e18d1bac]:after,.water-surface[data-v-e18d1bac]:before{animation:none!important;transition:none!important}}