:root{--main-bg: #f0e6f6;--main-text: #4a4a4a;--primary-color: #39c5bb;--secondary-color: #4169e1;--normal-color: #32cd32;--error-color: #ff4500;--unknown-color: #dda0dd}*{margin:0;padding:0;-webkit-user-select:none;user-select:none;text-decoration:none;box-sizing:border-box}body{background-color:var(--main-bg);font-family:Quicksand,sans-serif;color:var(--main-text)}#root{width:100%}#header{position:relative;height:360px;padding:30px 0 48px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;overflow:hidden}#header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 25%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 20%);animation:shimmer 10s infinite alternate}@keyframes shimmer{0%{opacity:.7}to{opacity:1}}.container{max-width:980px;margin:0 auto;padding:0 20px;position:relative}.menu{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.logo{font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.menu a{color:#fff;transition:all .3s ease}.menu a:hover{transform:scale(1.1);text-shadow:0 0 10px rgba(255,255,255,.8)}.status{display:flex;align-items:center;margin-top:40px}.icon{width:60px;height:60px;background:white;border-radius:50%;margin-right:20px;position:relative;overflow:hidden}.icon:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background:var(--normal-color);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.7}50%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.9);opacity:.7}}.r-text{flex-grow:1}.r-text .text{font-size:36px;font-weight:700;margin-bottom:5px}.r-text .tip{font-size:14px;opacity:.8}.time{display:flex;align-items:center}.last-update:after{content:"|";margin:0 8px}.update{display:flex;align-items:center}.refresh{cursor:pointer;margin-left:6px;transition:transform .3s ease}.refresh:hover{transform:rotate(180deg)}.overview{text-align:right}.count{font-size:18px;margin-bottom:5px}.status-num{font-size:24px;font-weight:700}#main{margin-top:-40px}.all-site{background:white;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.site{padding:30px;border-bottom:1px solid #e6e7e8;transition:all .3s ease}.site:hover{background-color:#39c5bb0d;transform:translateY(-5px)}.site .meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.site .link{color:var(--secondary-color);font-weight:700}.site .status{display:flex;align-items:center}.site .status .icon{width:12px;height:12px;margin-right:8px}.site .timeline{display:flex;justify-content:space-between;margin:15px 0}.site .timeline .line{flex-grow:1;height:26px;margin:0 2px;border-radius:13px;background-color:var(--normal-color);transition:all .3s ease}.site .timeline .line:hover{transform:scaleY(1.1)}.site .timeline .line.error{background-color:var(--error-color)}.site .timeline .line.none{background-color:#e5e8eb;height:26px}.site .summary{display:flex;justify-content:space-between;font-size:12px;color:#888}#footer{text-align:center;padding:40px 0;margin:0 auto;align-content:center;color:var(--main-text);width:80%}.social{margin-bottom:20px}.social .link{display:inline-block;margin:0 10px;font-size:24px;color:var(--secondary-color);transition:all .3s ease}.social .link:hover{transform:scale(1.2) rotate(15deg)}.text{font-size:14px;white-space:normal;word-wrap:break-word}.text .link{color:var(--primary-color);font-weight:700}@media (max-width: 768px){#header{height:300px}.r-text .text{font-size:28px}.overview{display:none}.site .timeline .line,.site .timeline .line.none{height:20px}}@media (max-width: 480px){#header{height:250px}.r-text .text{font-size:24px}.icon{width:40px;height:40px}.site{padding:20px}.site .timeline .line,.site .timeline .line.none{height:16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--main-bg)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.refresh,.site,.refresh:hover,.site:hover{cursor:pointer}.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)}