*{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:280px;padding:30px 0 50px;box-sizing:border-box;background:transparent;z-index:0}#root #header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='20' cy='20' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.8;z-index:-1}#root #header .cover{width:100%;position:absolute;top:0;left:0;height:100%;z-index:1;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);transition:background .3s ease}#root #header .cover.loading{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}#root #header .cover.error{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}#root #header .cover.allError,#root #header .cover.wrong{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}#root #header .cover.normal{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}#root #header .container{height:100%;display:flex;flex-direction:column;position:relative;z-index:20}#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 .menu .ant-btn{position:relative;z-index:20}#root #header .container .status{display:flex;flex-direction:row;align-items:center;margin:60px 20px 20px}#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:#6366f1;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:#f87171}#root #header .container .status .icon.allError:after,#root #header .container .status .icon.wrong:after{background-color:#f87171}#root #header .container .status .icon.normal:after{background-color:#34d399}#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;position:relative;z-index:20;padding:4px;border-radius:4px;transition:all .3s ease}#root #header .container .status .r-text .tip .time .update .refresh:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}@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{background:#f8fafc;min-height:calc(100vh - 200px)}#root #main .container{padding:40px;transform:translateY(80px);max-width:1200px;margin:0 auto}#root #main .container .all-site{display:flex;align-items:center;justify-content:center;min-height:200px;border-radius:16px;background:#ffffff;box-shadow:0 4px 20px #00000014;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%;background:#ffffff;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #e2e8f0;overflow:hidden}#root #main .container .all-site .sites .site{cursor:pointer;padding:24px 28px;border-bottom:1px solid #f1f5f9;transition:all .3s ease;position:relative}#root #main .container .all-site .sites .site:nth-last-child(1){border-bottom:none}#root #main .container .all-site .sites .site:hover{background:#f8fafc;transform:translate(4px);box-shadow:0 2px 12px #00000014}#root #main .container .all-site .sites .site.error{background:rgba(239,68,68,.03);border-left:3px solid #ef4444}#root #main .container .all-site .sites .site.error:hover{background:rgba(239,68,68,.06)}#root #main .container .all-site .sites .site .meta{display:flex;flex-direction:row;align-items:center;margin-bottom:4px}#root #main .container .all-site .sites .site .meta .name{font-size:18px;font-weight:600;color:#1a202c;margin-right:12px}#root #main .container .all-site .sites .site .meta .link{cursor:pointer;color:#64748b;margin-left:8px;font-size:14px;transition:all .3s ease;padding:4px 8px;border-radius:6px}#root #main .container .all-site .sites .site .meta .link:hover{color:#22c55e;background:rgba(102,126,234,.1)}#root #main .container .all-site .sites .site .meta .status{display:flex;align-items:center;flex-direction:row;margin-left:auto;font-size:14px;font-weight:600;color:#22c55e;padding:6px 12px;background:rgba(34,197,94,.1);border-radius:20px;border:1px solid rgba(34,197,94,.2)}#root #main .container .all-site .sites .site .meta .status.error{color:#ef4444;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}#root #main .container .all-site .sites .site .meta .status.error .icon{background-color:#ef4444}#root #main .container .all-site .sites .site .meta .status.error .icon:after{background-color:#ef4444}#root #main .container .all-site .sites .site .meta .status.unknown{color:#94a3b8;background:rgba(156,163,175,.1);border:1px solid rgba(156,163,175,.2)}#root #main .container .all-site .sites .site .meta .status.unknown .icon{background-color:#94a3b8}#root #main .container .all-site .sites .site .meta .status.unknown .icon:after{background-color:#94a3b8}#root #main .container .all-site .sites .site .meta .status .icon{position:relative;width:12px;height:12px;background-color:#22c55e;border-radius:25px;margin-right:8px}#root #main .container .all-site .sites .site .meta .status .icon:after{content:"";background-color:#22c55e;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:20px 0 16px;padding:12px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}#root #main .container .all-site .sites .site .timeline .line{cursor:pointer;border-radius:6px;flex-grow:1;height:20px;margin:0 1px;background-color:#22c55e;transition:all .3s ease}#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:#ef4444}#root #main .container .all-site .sites .site .timeline .line.none{background-color:#e2e8f0}#root #main .container .all-site .sites .site .timeline .line:hover{opacity:.8;transform:translateY(-1px)}@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:#64748b;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:160px 0 48px;padding:24px;background:#ffffff;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #e2e8f0}#root #footer .text{text-align:center;color:#64748b}#root #footer .text .info-line{font-size:14px;line-height:24px;margin-bottom:8px;font-weight:500}#root #footer .text .copyright-line{font-size:13px;line-height:20px;font-weight:600;color:#475569}#root #footer .text .link{color:#22c55e;font-weight:600;text-decoration:none;transition:all .3s ease}#root #footer .text .link:hover{color:#16a34a;text-decoration:underline}#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}.wave-container{position:absolute;bottom:0;left:0;width:100%;height:60px;z-index:5;pointer-events:none;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:100%;height:100%;background-size:1000px 60px;background-repeat:repeat-x;animation:wave-move 10s linear infinite}.wave1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 60'%3E%3Cpath d='M0,30 Q250,10 500,30 T1000,30 L1000,60 L0,60 Z' fill='%23ffffff' fill-opacity='0.1'/%3E%3C/svg%3E");animation-duration:8s}.wave2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 60'%3E%3Cpath d='M0,40 Q250,20 500,40 T1000,40 L1000,60 L0,60 Z' fill='%23ffffff' fill-opacity='0.08'/%3E%3C/svg%3E");animation-duration:12s;animation-direction:reverse}@keyframes wave-move{0%{background-position-x:0}to{background-position-x:1000px}}.ant-btn:hover{transform:translateY(-1px);transition:all .3s ease}.custom-notification .ant-notification-notice-content{border-radius:12px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.custom-notification .ant-notification-notice-icon{font-size:24px}.custom-notification .ant-notification-notice-message{font-weight:600;font-size:16px}.custom-notification .ant-notification-notice-description{font-size:14px;opacity:.8}.overview-dashboard{margin-bottom:32px}.overview-dashboard .main-status-card{background:#ffffff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 20px #00000014;border-left:6px solid #22c55e;transition:all .3s ease}.overview-dashboard .main-status-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.overview-dashboard .main-status-card .status-header{display:flex;align-items:center;gap:20px}.overview-dashboard .main-status-card .status-header .status-indicator{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 4px 12px #00000026}.overview-dashboard .main-status-card .status-header .status-text{flex:1}.overview-dashboard .main-status-card .status-header .status-text h2{font-size:28px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.overview-dashboard .main-status-card .status-header .status-text p{font-size:16px;color:#64748b;margin:0;font-weight:500}.overview-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.overview-dashboard .stats-grid .stat-item{background:#ffffff;border-radius:12px;padding:24px 20px;text-align:center;box-shadow:0 2px 12px #0000000f;border:1px solid #f1f5f9;transition:all .3s ease}.overview-dashboard .stats-grid .stat-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;border-color:#e2e8f0}.overview-dashboard .stats-grid .stat-item .stat-value{font-size:36px;font-weight:800;line-height:1;margin-bottom:8px;letter-spacing:-.02em}.overview-dashboard .stats-grid .stat-item .stat-label{font-size:13px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.custom-password-input:focus,.custom-password-input:hover{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.custom-login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680!important}.custom-login-button:active{transform:translateY(0)}@media (max-width: 768px){.wave-container{height:40px}.gradient-text{font-size:18px!important}.float-animation{animation-duration:4s}.wave{background-size:800px 40px}}@media (max-width: 480px){.wave-container{height:30px}.wave{background-size:600px 30px}}.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)}