@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap);*{margin:0}body{background:url(https://cdn.nekoic.cn/image/background.jpg) no-repeat;background-size:cover;font-family:Montserrat,sans-serif;max-width:1020px;padding:50px 0}.header,body{margin:0 auto}.header{white-space:nowrap;width:-webkit-min-content;width:min-content}.header h1{color:#363636;font-size:36px;font-weight:400}.content{padding:50px 10px}.table-header{display:flex;padding:0 10px 10px}.table-header div{color:#999;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase}.table-header .node{width:20%}.table-header .network,.table-header .traffic{width:15%}.table-header .cpu,.table-header .hdd,.table-header .mem,.table-header .type,.table-header .uptime{width:10%}.table-header .status{display:none}.table-item{backdrop-filter: blur(6px);border:1px solid #e5e5e5;border-radius:8px;display:flex;height:44px;padding:8px}.table-item:not(:last-child){margin-bottom:6px}.table-item>div{align-items:center;color:#363636;display:flex;font-size:14px}.table-item .flag{border-radius:15px;height:30px;margin-left:10px;width:30px}.table-item .name{color:#363636;font-size:14px;font-weight:600;margin-left:10px}.table-item .location{color:#a2a5b9;font-size:12px;margin-left:10px}.table-item .node{width:20%}.table-item .network,.table-item .traffic{justify-content:center;text-align:center;width:15%}.table-item .cpu,.table-item .hdd,.table-item .mem,.table-item .type,.table-item .uptime{justify-content:center;text-align:center;width:10%}.table-item .progress{background-color:#f2f2f2;border-radius:4px;height:20px;overflow:hidden;width:60px}.table-item .progress-bar{background-color:#06d6a0;height:20px;transition:width .6s ease;width:60px}.table-item .progress-bar div{color:#fff;font-size:12px;font-weight:600;height:20px;line-height:20px;text-shadow:0 1px 2px rgba(0,0,0,.6);width:60px}.table-item .status{display:none;justify-content:left;width:30%}.table-item .status-dot{background-color:#06d6a0;border-radius:6px;height:12px;margin-right:8px;width:12px}.table-item .status-info{color:#a2a5b9;font-size:14px}.footer{color:#a2a5b9;display:flex;font-size:12px;justify-content:center;margin:0 auto}.footer p+p:before{content:"·";margin-inline:5px}.footer a{color:#a2a5b9;text-decoration:none}.footer a:hover{border-bottom:1px solid #283252;color:#283252}@media (prefers-color-scheme:dark){body{background-color:#3b3b40}.header h1{color:#fafafa}.table-item{background-color:#323236;border-color:#404046}.table-item .cpu,.table-item .hdd,.table-item .mem,.table-item .name,.table-item .network,.table-item .traffic,.table-item .type,.table-item .uptime{color:#fafafa}.table-item .progress{background-color:#3b3b40}.swal2-popup{background-color:#3b3b40!important;color:#fafafa!important}.footer a:hover{border-color:#fafafa;color:#fafafa}}@media screen and (max-width:768px){.table-header .cpu,.table-header .hdd,.table-header .mem,.table-header .network,.table-header .traffic,.table-header .type,.table-header .uptime,.table-item .cpu,.table-item .hdd,.table-item .mem,.table-item .network,.table-item .traffic,.table-item .type,.table-item .uptime{display:none}.table-header{padding:0 30px 10px}.table-header .node{text-align:left;width:50%}.table-header .status{display:block;text-align:right;width:50%}.table-item .node{width:100%}.table-item .status{display:flex;float:right;width:130px}}