.week-mode[data-v-50eaf7e2]{overflow:hidden;-webkit-filter:invert(80%);filter:invert(80%)}.beauty-scroll[data-v-50eaf7e2]{scrollbar-color:#13c2c2 #b5f5ec;scrollbar-width:thin;-ms-overflow-style:none;position:relative}.beauty-scroll[data-v-50eaf7e2]::-webkit-scrollbar{width:3px;height:1px}.beauty-scroll[data-v-50eaf7e2]::-webkit-scrollbar-thumb{border-radius:3px;background:#13c2c2}.beauty-scroll[data-v-50eaf7e2]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);border-radius:3px;background:#87e8de}.split-right[data-v-50eaf7e2]:not(:last-child){border-right:1px solid rgba(98,98,98,.2)}.disabled[data-v-50eaf7e2]{cursor:not-allowed;color:rgba(0,0,0,.25);pointer-events:none}.tuopu[data-v-50eaf7e2]{position:relative}.operating[data-v-50eaf7e2]{position:absolute;top:0;z-index:99;background-color:#fff;padding:5px 10px;-webkit-box-shadow:1px 1px 4px 0 #0a0a0a2e;box-shadow:1px 1px 4px 0 #0a0a0a2e}.btn-group[data-v-50eaf7e2],.operating[data-v-50eaf7e2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-group[data-v-50eaf7e2]{border-right:1px solid #efefef;padding-left:10px;padding-right:14px;position:relative}.btn-group[data-v-50eaf7e2]:last-of-type{border-right:0}.btn-group .btn[data-v-50eaf7e2]{display:inline-block;margin:2px;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;border-radius:6px;border:1px solid rgba(233,233,233,0);background-size:contain;background-position:50%;background-repeat:no-repeat}.btn-group .btn img[data-v-50eaf7e2]{width:100%;height:100%}.btn-group .btn i[data-v-50eaf7e2]{font-size:20px}.arrow-up[data-v-50eaf7e2]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.arrow-enter[data-v-50eaf7e2]{-webkit-transform:scaleX(-1) rotate(91deg);transform:scaleX(-1) rotate(91deg)}.currentArrow[data-v-50eaf7e2],.operate_icon[data-v-50eaf7e2]:hover{color:#13c2c2}.drawer_container[data-v-50eaf7e2]{max-width:300px;min-width:300px}.right_drawer[data-v-50eaf7e2]{position:absolute;top:0;right:0;z-index:99;height:100%;background-color:#fff}.drawer_title[data-v-50eaf7e2]{border-bottom:1px solid #e8eaec;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 16px;color:#333;font-size:18px}.drawer_wrap[data-v-50eaf7e2]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 0}#nprogress[data-v-50eaf7e2]{pointer-events:none}#nprogress .bar[data-v-50eaf7e2]{background:#13c2c2;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg[data-v-50eaf7e2]{display:block;position:absolute;right:0;width:100px;height:100%;-webkit-box-shadow:0 0 10px #13c2c2,0 0 5px #13c2c2;box-shadow:0 0 10px #13c2c2,0 0 5px #13c2c2;opacity:1;-webkit-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner[data-v-50eaf7e2]{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon[data-v-50eaf7e2]{width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid transparent;border-top-color:#13c2c2;border-left-color:#13c2c2;border-radius:50%;-webkit-animation:nprogress-spinner-data-v-50eaf7e2 .4s linear infinite;animation:nprogress-spinner-data-v-50eaf7e2 .4s linear infinite}.nprogress-custom-parent[data-v-50eaf7e2]{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar[data-v-50eaf7e2],.nprogress-custom-parent #nprogress .spinner[data-v-50eaf7e2]{position:absolute}@-webkit-keyframes nprogress-spinner-data-v-50eaf7e2{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner-data-v-50eaf7e2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.overview-container[data-v-50eaf7e2]{min-height:100vh;background:#f0f2f5;padding:24px}.stats-overview[data-v-50eaf7e2]{margin-bottom:24px;-webkit-animation:fadeInDown-data-v-50eaf7e2 .6s ease-out;animation:fadeInDown-data-v-50eaf7e2 .6s ease-out}.stat-col[data-v-50eaf7e2]{-webkit-animation:fadeInUp-data-v-50eaf7e2 .6s ease-out;animation:fadeInUp-data-v-50eaf7e2 .6s ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.stat-col[data-v-50eaf7e2]:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.stat-col[data-v-50eaf7e2]:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.stat-col[data-v-50eaf7e2]:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.stat-col[data-v-50eaf7e2]:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.stat-card[data-v-50eaf7e2]{background:#fff;border-radius:12px;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid #d9d9d9}.stat-card[data-v-50eaf7e2]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.stat-card[data-v-50eaf7e2]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:transparent}.stat-card[data-v-50eaf7e2]:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.stat-card:hover .stat-icon[data-v-50eaf7e2]{-webkit-transform:scale(1.05);transform:scale(1.05)}.stat-card-linux[data-v-50eaf7e2]:before,.stat-card-network[data-v-50eaf7e2]:before,.stat-card-server[data-v-50eaf7e2]:before,.stat-card-windows[data-v-50eaf7e2]:before{background:#13c2c2}.stat-card-linux[data-v-50eaf7e2]:hover,.stat-card-network[data-v-50eaf7e2]:hover,.stat-card-server[data-v-50eaf7e2]:hover,.stat-card-windows[data-v-50eaf7e2]:hover{-webkit-box-shadow:0 8px 24px rgba(19,194,194,.2);box-shadow:0 8px 24px rgba(19,194,194,.2)}.stat-icon[data-v-50eaf7e2]{width:64px;height:64px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:28px;margin-right:20px;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.stat-icon .anticon[data-v-50eaf7e2]{font-size:32px;position:relative;z-index:1}.stat-icon[data-v-50eaf7e2]:before{content:"";position:absolute;inset:0;border-radius:12px;opacity:.12;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.stat-icon-linux[data-v-50eaf7e2],.stat-icon-network[data-v-50eaf7e2],.stat-icon-server[data-v-50eaf7e2],.stat-icon-windows[data-v-50eaf7e2]{color:#13c2c2}.stat-icon-linux[data-v-50eaf7e2]:before,.stat-icon-network[data-v-50eaf7e2]:before,.stat-icon-server[data-v-50eaf7e2]:before,.stat-icon-windows[data-v-50eaf7e2]:before{background:#13c2c2}.stat-card:hover .stat-icon-linux[data-v-50eaf7e2]:before,.stat-card:hover .stat-icon-network[data-v-50eaf7e2]:before,.stat-card:hover .stat-icon-server[data-v-50eaf7e2]:before,.stat-card:hover .stat-icon-windows[data-v-50eaf7e2]:before{opacity:.18}.stat-content[data-v-50eaf7e2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.stat-title[data-v-50eaf7e2]{font-size:14px;color:rgba(0,0,0,.45);margin-bottom:8px;font-weight:500}.stat-value[data-v-50eaf7e2]{font-size:32px;font-weight:700;color:rgba(0,0,0,.85);margin-bottom:8px;line-height:1}.stat-detail[data-v-50eaf7e2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.stat-status[data-v-50eaf7e2]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:13px;padding:2px 8px;border-radius:10px;font-weight:500}.stat-status.healthy[data-v-50eaf7e2]{color:#52c41a;background:rgba(82,196,26,.1)}.stat-status.warning[data-v-50eaf7e2]{color:#faad14;background:rgba(250,173,20,.1)}.stat-status.error[data-v-50eaf7e2]{color:#f5222d;background:rgba(245,34,45,.1)}.main-card[data-v-50eaf7e2]{border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);-webkit-animation:fadeIn-data-v-50eaf7e2 .8s ease-out .3s both;animation:fadeIn-data-v-50eaf7e2 .8s ease-out .3s both;border:1px solid #d9d9d9;background:#fff}.host-section[data-v-50eaf7e2]{background:#fff;border-radius:8px;padding:20px;min-height:280px;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #f0f0f0}.host-section[data-v-50eaf7e2]:hover{border-color:#d9d9d9;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06)}.section-header[data-v-50eaf7e2]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(19,194,194,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.header-left[data-v-50eaf7e2],.section-header[data-v-50eaf7e2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-50eaf7e2]{gap:12px}.section-icon[data-v-50eaf7e2]{font-size:22px;color:#13c2c2;-webkit-transition:all .3s ease;transition:all .3s ease}.host-section:hover .section-icon[data-v-50eaf7e2]{-webkit-transform:scale(1.1);transform:scale(1.1)}.section-title[data-v-50eaf7e2]{font-size:16px;font-weight:600;color:rgba(0,0,0,.85)}.host-grid[data-v-50eaf7e2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:12px;padding:8px}.host-item[data-v-50eaf7e2]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation:scaleIn-data-v-50eaf7e2 .4s ease-out;animation:scaleIn-data-v-50eaf7e2 .4s ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.host-item[data-v-50eaf7e2]:first-child{-webkit-animation-delay:.02s;animation-delay:.02s}.host-item[data-v-50eaf7e2]:nth-child(2){-webkit-animation-delay:.04s;animation-delay:.04s}.host-item[data-v-50eaf7e2]:nth-child(3){-webkit-animation-delay:.06s;animation-delay:.06s}.host-item[data-v-50eaf7e2]:nth-child(4){-webkit-animation-delay:.08s;animation-delay:.08s}.host-item[data-v-50eaf7e2]:nth-child(5){-webkit-animation-delay:.1s;animation-delay:.1s}.host-item[data-v-50eaf7e2]:nth-child(6){-webkit-animation-delay:.12s;animation-delay:.12s}.host-item[data-v-50eaf7e2]:nth-child(7){-webkit-animation-delay:.14s;animation-delay:.14s}.host-item[data-v-50eaf7e2]:nth-child(8){-webkit-animation-delay:.16s;animation-delay:.16s}.host-item[data-v-50eaf7e2]:nth-child(9){-webkit-animation-delay:.18s;animation-delay:.18s}.host-item[data-v-50eaf7e2]:nth-child(10){-webkit-animation-delay:.2s;animation-delay:.2s}.host-item[data-v-50eaf7e2]:nth-child(n+11){-webkit-animation-delay:.22s;animation-delay:.22s}.host-dot[data-v-50eaf7e2]{width:28px;height:28px;border-radius:6px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.host-dot[data-v-50eaf7e2]:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px;height:10px;border-radius:2px;background:rgba(255,255,255,.4)}.host-dot[data-v-50eaf7e2]:hover{-webkit-transform:scale(1.25);transform:scale(1.25);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.host-dot.status-healthy[data-v-50eaf7e2]{background:#52c41a}.host-dot.status-warning[data-v-50eaf7e2]{background:#faad14}.host-dot.status-error[data-v-50eaf7e2]{background:#f5222d}.host-dot.status-unknown[data-v-50eaf7e2]{background:#d9d9d9}.pulse-ring[data-v-50eaf7e2]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;border-radius:6px;border:2px solid #faad14;-webkit-animation:pulse-data-v-50eaf7e2 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse-data-v-50eaf7e2 2s cubic-bezier(.4,0,.6,1) infinite}.popover-content p[data-v-50eaf7e2]{margin:8px 0;font-size:14px;line-height:1.6}.popover-content p strong[data-v-50eaf7e2]{color:rgba(0,0,0,.85);font-weight:600;margin-right:8px}@-webkit-keyframes fadeInDown-data-v-50eaf7e2{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown-data-v-50eaf7e2{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInUp-data-v-50eaf7e2{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-data-v-50eaf7e2{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn-data-v-50eaf7e2{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-data-v-50eaf7e2{0%{opacity:0}to{opacity:1}}@-webkit-keyframes scaleIn-data-v-50eaf7e2{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn-data-v-50eaf7e2{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse-data-v-50eaf7e2{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}to{-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes pulse-data-v-50eaf7e2{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}to{-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5);opacity:0}}@media (max-width:768px){.overview-container[data-v-50eaf7e2],.stat-card[data-v-50eaf7e2]{padding:16px}.stat-icon[data-v-50eaf7e2]{width:48px;height:48px;font-size:24px;margin-right:12px}.stat-icon .anticon[data-v-50eaf7e2],.stat-value[data-v-50eaf7e2]{font-size:24px}.host-grid[data-v-50eaf7e2]{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:8px}.host-dot[data-v-50eaf7e2]{width:24px;height:24px;border-radius:5px}}