*{margin:0;padding:0;-webkit-user-select:none;user-select:none;text-decoration:none}body{background-color:#f6f8fa;background-image:url(/images/background.png);background-attachment:fixed;overflow-y:overlay;overflow-x:hidden;font-family:HarmonyOS_Regular,sans-serif}#root{width:100%}#root #header{color:#fff;position:relative;height:360px;padding:30px 0 48px;box-sizing:border-box;background:linear-gradient(to right,#00bbff 0%,#0088ff 100%);z-index:0}#root #header .cover{width:100%;position:absolute;top:0;left:0;height:100%;z-index:-1}#root #header .cover.loading{background:linear-gradient(to right,#00bbff 0%,#0088ff 100%)}#root #header .cover.error{background:linear-gradient(to right,#e47e7e 0%,#ee5555 100%)}#root #header .cover.allError,#root #header .cover.wrong{background:linear-gradient(to right,#ee5555 0%,#ff2b2b 100%)}#root #header .cover.normal{background:linear-gradient(to right,#4fd69c 0%,#24a66e 100%)}#root #header .container{height:100%;display:flex;flex-direction:column}#root #header .container .menu{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 20px}#root #header .container .menu .logo{font-size:20px;font-weight:700}#root #header .container .status{display:flex;flex-direction:row;align-items:center;margin:auto 20px 2px}#root #header .container .status .icon{position:relative;width:40px;height:40px;min-width:40px;background-color:#fff;border-radius:50%;margin-right:26px}#root #header .container .status .icon:after{content:"";background-color:#58d0ff;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;opacity:1;animation:breathing 2s ease infinite;transition:background-color 1s}#root #header .container .status .icon.error:after{background-color:#ff9595}#root #header .container .status .icon.allError:after,#root #header .container .status .icon.wrong:after{background-color:#ff8c8c}#root #header .container .status .icon.normal:after{background-color:#63ffbd}#root #header .container .status .r-text{display:flex;flex-direction:column}#root #header .container .status .r-text .text{font-size:40px;font-weight:700}#root #header .container .status .r-text .tip{font-size:14px;margin-top:4px;opacity:.8}#root #header .container .status .r-text .tip .time{display:flex;align-items:center}#root #header .container .status .r-text .tip .time .last-update:after{content:"|";margin:0 8px}#root #header .container .status .r-text .tip .time .update .refresh{cursor:pointer;margin-left:6px}#root #header .container .status .overview{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}#root #header .container .status .overview .count{opacity:.8;margin-bottom:4px}#root #header .container .status .overview .count .name{margin-right:4px}#root #header .container .status .overview .count .num{font-size:18px}#root #header .container .status .overview .status-num{display:flex;font-size:20px}#root #header .container .status .overview .status-num .ok-count{display:flex;align-items:center}#root #header .container .status .overview .status-num .ok-count:after{content:"/";font-size:16px;margin:0 6px}#root #header .container .status .overview .status-num .unknownCount-count{display:flex;align-items:center}#root #header .container .status .overview .status-num .unknownCount-count:before{content:"/";font-size:16px;margin:0 6px}#root #header .container .status .overview .status-num .name{margin-right:4px}@media (max-width: 670px){#root #header .container .status .overview{display:none}}@media (max-width: 520px){#root #header .container .status .icon{width:30px;height:30px;min-width:30px}#root #header .container .status .r-text .text{font-size:34px}#root #header .container .status .r-text .tip{font-size:13px}}@media (max-width: 420px){#root #header .container .status{height:100%;justify-content:center;margin:0 0 2px}#root #header .container .status .icon{display:none}#root #header .container .status .r-text .text{font-size:30px}#root #header .container .status .r-text .tip{font-size:12px}}#root #main .container{padding:20px;transform:translateY(-40px)}#root #main .container .all-site{display:flex;align-items:center;justify-content:center;min-height:200px;border-radius:16px;background-color:#fff;box-shadow:0 10px 30px #0000001a;overflow:hidden}#root #main .container .all-site .loading{width:36px;height:36px;border:4px solid #ededed;border-top-color:#858585;border-radius:50%;animation:spin .8s infinite linear}#root #main .container .all-site .sites{width:100%}#root #main .container .all-site .sites .site{cursor:pointer;padding:30px;border-bottom:1px solid #e6e7e8;transition:background-color .3s}#root #main .container .all-site .sites .site:nth-last-child(1){border-bottom:none}#root #main .container .all-site .sites .site:hover{background-color:#efefef}#root #main .container .all-site .sites .site.error{background-color:#ff00000f}#root #main .container .all-site .sites .site.error:hover{background-color:#efefef}#root #main .container .all-site .sites .site.error .timeline .line.none{background-color:#fff}#root #main .container .all-site .sites .site .meta{display:flex;flex-direction:row;align-items:center}#root #main .container .all-site .sites .site .meta .link{cursor:pointer;color:#a0a0a0;margin-left:8px;transition:color .3s}#root #main .container .all-site .sites .site .meta .link:hover{color:#3bd672}#root #main .container .all-site .sites .site .meta .status{display:flex;align-items:center;flex-direction:row;margin-left:auto;font-size:14px;color:#3bd672}#root #main .container .all-site .sites .site .meta .status.error{color:#ebbb0f}#root #main .container .all-site .sites .site .meta .status.error .icon{background-color:#ebbb0f}#root #main .container .all-site .sites .site .meta .status.error .icon:after{background-color:#ebbb0f}#root #main .container .all-site .sites .site .meta .status.unknown{color:#2f2f2f}#root #main .container .all-site .sites .site .meta .status.unknown .icon{background-color:#2f2f2f}#root #main .container .all-site .sites .site .meta .status.unknown .icon:after{background-color:#2f2f2f}#root #main .container .all-site .sites .site .meta .status .icon{position:relative;width:12px;height:12px;background-color:#3bd672;border-radius:25px;margin-right:8px}#root #main .container .all-site .sites .site .meta .status .icon:after{content:"";background-color:#3bd672;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;opacity:1;animation:breathing 1.5s ease infinite;transition:background-color 1s}@media (max-width: 420px){#root #main .container .all-site .sites .site .meta .status .icon{margin-right:0}#root #main .container .all-site .sites .site .meta .status .tip{display:none}}#root #main .container .all-site .sites .site .timeline{display:flex;justify-content:space-between;flex-direction:row;margin:15px 0 10px}#root #main .container .all-site .sites .site .timeline .line{cursor:pointer;border-radius:6px;flex-grow:1;height:26px;margin:0 1px;background-color:#3bd672;transition:transform .3s}#root #main .container .all-site .sites .site .timeline .line:first-child{margin-left:0}#root #main .container .all-site .sites .site .timeline .line:last-child{margin-right:0}#root #main .container .all-site .sites .site .timeline .line.error{background-color:#ebbb0f}#root #main .container .all-site .sites .site .timeline .line.none{background-color:#e5e8eb}#root #main .container .all-site .sites .site .timeline .line:hover{transform:scale(1.05)}@media (max-width: 420px){#root #main .container .all-site .sites .site .timeline .line{margin:0;border-radius:0}#root #main .container .all-site .sites .site .timeline .line:first-child{border-radius:6px 0 0 6px}#root #main .container .all-site .sites .site .timeline .line:last-child{border-radius:0 6px 6px 0}#root #main .container .all-site .sites .site .timeline .line:hover{transform:none}}#root #main .container .all-site .sites .site .summary{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#747474;font-size:13px}@media (max-width: 768px){#root #main .container .all-site .sites .site .summary .now,#root #main .container .all-site .sites .site .summary .day{display:none}}#root #footer{display:flex;flex-direction:column;align-items:center;margin:8px 0 40px}#root #footer .social{display:flex;flex-direction:row;align-items:center;margin-bottom:6px}#root #footer .social .link{color:#747474;margin:0 8px;transition:transform .3s}#root #footer .social .link:hover{transform:scale(1.1)}#root #footer .social .link .i-icon{font-size:18px}#root #footer .text{text-align:center;font-size:13px;line-height:26px;color:#747474}#root #footer .text .link{color:#747474;font-weight:700;transition:color .3s;cursor:pointer}#root #footer .text .link:hover{color:#3bd672}#root .container{box-sizing:border-box;max-width:980px;margin:0 auto;padding:0 20px}.ant-modal{width:68vw!important;max-width:960px;min-width:min(30rem,100vw)}@keyframes breathing{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease}.status-tooltip{display:flex;flex-direction:column}.status-tooltip .time{font-size:12px;opacity:.6}.ms-track-global .ms-track,.ms-track-box .ms-track,.ms-track-global .ms-track:hover,.ms-track-box .ms-track:hover{background:transparent!important;border-color:transparent!important}.ms-track-global .ms-track .ms-thumb,.ms-track-box .ms-track .ms-thumb{cursor:pointer;right:0!important;background-color:#2e2e2e80!important}.ms-track-global .ms-track .ms-thumb:hover,.ms-track-box .ms-track .ms-thumb:hover{width:10px!important}.i-icon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-icon-spin svg{animation:i-icon-spin 1s infinite linear}.i-icon-rtl{transform:scaleX(-1)}@keyframes i-icon-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes i-icon-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ms-track{background:transparent;opacity:0;position:absolute;transition:background-color .3s ease-out,border .3s ease-out,opacity .3s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ms-track.ms-track-show{opacity:1}.ms-track.ms-y{border-left:1px solid transparent;height:100%;right:0;top:0;width:var(--ms-track-size,16px)}.ms-track.ms-y.ms-active .ms-thumb,.ms-track.ms-y:hover .ms-thumb{width:calc(var(--ms-track-size, 16px) - var(--ms-track-gutter, 2px)*2)}.ms-track.ms-y .ms-thumb{right:var(--ms-track-gutter,2px);top:0;transition:width .3s ease-out;width:6px}.ms-track.ms-y .ms-thumb:hover{width:calc(var(--ms-track-size, 16px) - var(--ms-track-gutter, 2px)*2)}.ms-track.ms-y .ms-thumb:after{content:"";height:100%;position:absolute;right:calc(var(--ms-track-gutter, 2px)*-1);top:0;width:var(--ms-track-size,16px)}.ms-track.ms-x{border-top:1px solid transparent;bottom:0;height:var(--ms-track-size,16px);left:0;width:100%}.ms-track.ms-x.ms-active .ms-thumb,.ms-track.ms-x:hover .ms-thumb{height:calc(var(--ms-track-size, 16px) - var(--ms-track-gutter, 2px)*2)}.ms-track.ms-x .ms-thumb{bottom:var(--ms-track-gutter,2px);height:6px;left:0;transition:height .3s ease-out}.ms-track.ms-x .ms-thumb:hover{width:calc(var(--ms-track-size, 16px) - var(--ms-track-gutter, 2px)*2)}.ms-track.ms-x .ms-thumb:after{bottom:calc(var(--ms-track-gutter, 2px)*-1);content:"";height:var(--ms-track-size,16px);left:0;position:absolute;width:100%}.ms-track.ms-active,.ms-track:hover{background:var(--ms-track-background);border-color:var(--ms-track-border-color);opacity:1}.ms-track.ms-active{z-index:20}.ms-track .ms-thumb{background:var(--ms-thumb-color);border-radius:6px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ms-container{scrollbar-width:none}.ms-container::-webkit-scrollbar{display:none}.ms-track-box{left:0;position:-webkit-sticky;position:sticky;top:100%;z-index:var(--ms-z-index,20)}.ms-track-global{position:relative;z-index:var(--ms-z-index,20)}.ms-track-global .ms-track{position:fixed}.ms-theme-light{--ms-track-background:hsla(0,0%,97%,.76);--ms-track-border-color:#dfdfdf;--ms-thumb-color:rgba(0,0,0,.5)}.ms-theme-dark{--ms-track-background:hsla(0,0%,82%,.14);--ms-track-border-color:hsla(0,0%,89%,.32);--ms-thumb-color:hsla(0,0%,100%,.5)}