.af-module-wrap[data-v-3cda63fe]{padding-top:54px}.af-module-online-user[data-v-3cda63fe]{padding-right:0;height:100%;flex:1;margin-right:20px}.af-module-online-user[data-v-3cda63fe]:last-child{margin-right:0}.af-module-online-user[data-v-3cda63fe] .af-module-header{font-size:16px;justify-content:space-between;top:12px}.af-module-online-user[data-v-3cda63fe] .af-module-header .chart-title-tip{padding:2px 8px;border-radius:4px;border:1px solid #b8dfff;background:#eaf6ff;color:#147bd1;font-size:14px}.af-online-user-chart[data-v-3cda63fe]{width:100%;height:100%}.editable-tag-box[data-v-6c78019b]{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;min-height:32px}.a-tag[data-v-6c78019b]{box-sizing:border-box}.edit-tag-input[data-v-6c78019b]{width:120px;box-sizing:border-box}.is-empty[data-v-6c78019b]{cursor:pointer;height:24px;width:120px;border-style:dashed}.message-label-box[data-v-6549a9a2]{margin-bottom:20px}.message-label-box .message-content[data-v-6549a9a2]{display:flex;flex-wrap:wrap}.message-label-box .message-content .message-item[data-v-6549a9a2]{min-width:50%;padding-bottom:8px}.message-label-box .message-content .message-item .label[data-v-6549a9a2]{display:inline-block;width:40%;text-align:end}.message-item[data-v-6549a9a2]{display:flex;align-items:center}.message-label[data-v-6549a9a2]{font-weight:700;margin-bottom:20px;font-size:16px}.tag-box[data-v-6549a9a2]{width:100%;height:48px;border:1px dashed #e4e4e7;align-items:center;padding:0 12px}.tag-box .ant-btn[data-v-6549a9a2]{vertical-align:middle}.tag-box .tag-list-box[data-v-6549a9a2]{width:calc(100% - 82px);padding:0 26px;height:100%;display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.tag-box .tag-list-content[data-v-6549a9a2]{height:100%;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;transition:transform .1s linear}.tag-box .tag-list-view[data-v-6549a9a2]{height:100%;width:100%;overflow:hidden}.tag-box .tag-list-left[data-v-6549a9a2],.tag-box .tag-list-right[data-v-6549a9a2]{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.tag-box .tag-list-left[data-v-6549a9a2]{left:8px}.tag-box .tag-list-right[data-v-6549a9a2]{right:8px}.af-hosts-search[data-v-046f8770]{background-color:#fff;height:64px;padding:12px;border-radius:4px;margin-bottom:20px}[data-theme=dark] * .af-hosts-search[data-v-046f8770]{background-color:#26272b}.af-hosts-chart[data-v-046f8770]{background-color:#fff;height:220px;padding:12px;border-radius:4px;margin-bottom:20px}[data-theme=dark] * .af-hosts-chart[data-v-046f8770]{background-color:#26272b}.af-hosts-table-box[data-v-046f8770]{background-color:#fff;height:100%;border-radius:4px}[data-theme=dark] * .af-hosts-table-box[data-v-046f8770]{background-color:#26272b}.name-icon[data-v-046f8770]{margin-right:8px}.hosts-state[data-v-046f8770]{font-size:12px;color:#f3f5f8;border-radius:4px;background:#87d068;text-align:center;padding:4px 8px}.hosts-state.isOffline[data-v-046f8770]{background:#a9aaae}.cup-user-box[data-v-046f8770]{display:flex;justify-content:flex-start;align-items:center;height:100%}.cup-user-box>span[data-v-046f8770]{min-width:50px;text-align:end}.user-rate-box[data-v-046f8770]{width:60%;height:8px;margin-right:8px;border-radius:6px;overflow:hidden;background-color:#d9dbe0;flex-shrink:0}[data-theme=dark] * .user-rate-box[data-v-046f8770]{background-color:#70707b}.user-rate-box .user-rate-content[data-v-046f8770]{height:100%;border-radius:6px}.hosts-tag[data-v-046f8770]{color:#48494b;background-color:#d9dbe0;font-size:12px;border-radius:4px;text-align:center;padding:4px 8px}[data-theme=dark] * .hosts-tag[data-v-046f8770]{color:#ccc;background-color:#70707b}.rate-normal[data-v-046f8770]{background-color:#239cff}.rate-much[data-v-046f8770]{background-color:#eda30f}.rate-error[data-v-046f8770]{background-color:#e53e3e}.cup-user-temp[data-v-046f8770]{display:inline-block;width:100%;height:19px;vertical-align:middle;margin-top:-2px}.panel-box[data-v-b2dd863c]{height:100%}.panel-box .panel-content-up[data-v-b2dd863c]{display:flex;align-items:center;flex-wrap:nowrap}.panel-box .panel-content-up .panel-up-item[data-v-b2dd863c]{height:100%;padding:12px 20px;border:1px solid;border-color:#d9dbe0}[data-theme=dark] * .panel-box .panel-content-up .panel-up-item[data-v-b2dd863c]{border-color:#3f3f46}.panel-box .panel-content-up .panel-up-item[data-v-b2dd863c]:not(:last-child){margin-right:12px}.panel-box .panel-content-up[data-v-b2dd863c] .af-module-wrap{width:16.66667%;border-radius:0;padding:54px 10px 10px 10px}.panel-box .panel-content-up[data-v-b2dd863c] .af-module-wrap:not(:last-child){margin-right:12px}.panel-box .panel-content-up .content-left[data-v-b2dd863c],.panel-box .panel-content-up .content-right[data-v-b2dd863c]{height:100%;width:100%;display:flex}.panel-box .panel-content-up .content-left[data-v-b2dd863c]{margin-right:20px}.panel-box .panel-content-up .panel-up-item[data-v-b2dd863c]{width:33.33333%}.panel-box .panel-content-up .panel-up-item.has-child-box[data-v-b2dd863c]{padding:0;border-width:0!important}.chile-item[data-v-b2dd863c]{height:calc(50% - 6px);padding:12px 20px;border:1px solid;border-color:#d9dbe0}[data-theme=dark] * .chile-item[data-v-b2dd863c]{border-color:#3f3f46}.chile-item[data-v-b2dd863c]:first-child{margin-bottom:12px}.panel-content-up[data-v-b2dd863c]{height:50%;margin-bottom:12px}.panel-content-bottom[data-v-b2dd863c]{height:calc(50% - 12px);display:flex}.item-title[data-v-b2dd863c]{font-size:16px;font-weight:700;height:32px;line-height:32px;color:#181819}[data-theme=dark] * .item-title[data-v-b2dd863c]{color:#e1e1e1}.item-content[data-v-b2dd863c]{height:calc(100% - 24px);display:flex;justify-content:center;align-items:center}.item-content .text-chart[data-v-b2dd863c]{position:relative}.item-content .text-chart .value[data-v-b2dd863c]{font-size:36px;color:#147bd1;vertical-align:bottom;line-height:47px;margin-right:8px}.item-content .text-chart .unit[data-v-b2dd863c]{font-size:24px;color:#797a7d;vertical-align:bottom}[data-theme=dark] * .item-content .text-chart .unit[data-v-b2dd863c]{color:#aaa}.item-content .text-chart .mirage[data-v-b2dd863c]{transform:rotateX(180deg) translateY(12px);opacity:.1}.host-detail-header[data-v-04cde51a]{padding:24px 24px 20px;width:100%;height:76px;color:#181819;font-size:20px;font-weight:700;line-height:32px}[data-theme=dark] * .host-detail-header[data-v-04cde51a]{color:#e1e1e1}.host-detail-header .af-header-left[data-v-04cde51a]{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.host-detail-header .icon-arrow-left-line[data-v-04cde51a]{cursor:pointer;display:inline-block;vertical-align:middle;margin-right:12px;width:24px;height:24px;color:#48494b;font-size:24px}[data-theme=dark] * .host-detail-header .icon-arrow-left-line[data-v-04cde51a]{color:#ccc}.host-detail-header .af-head-title[data-v-04cde51a]{font-weight:700}.host-detail-title[data-v-04cde51a]{height:64px;background-color:#fff;padding:12px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}[data-theme=dark] * .host-detail-title[data-v-04cde51a]{background-color:#26272b}.host-detail-title .title-left[data-v-04cde51a]{display:flex;max-width:80%}.host-detail-title .title-left .label-box[data-v-04cde51a]{margin-right:12px;min-width:200px;display:flex;align-items:center}.host-detail-title .title-left .label-box .label[data-v-04cde51a]{min-width:70px;text-align:end}.host-detail-title .title-left .label-box .value[data-v-04cde51a]{display:flex}.host-detail-title .label-box.tip[data-v-04cde51a]{color:#797a7d}[data-theme=dark] * .host-detail-title .label-box.tip[data-v-04cde51a]{color:#aaa}.host-detail-charts-box[data-v-04cde51a]{height:130px;margin-bottom:20px;display:flex}.host-detail-content[data-v-04cde51a]{background-color:#fff;height:calc(100% - 310px);padding:12px 20px}[data-theme=dark] * .host-detail-content[data-v-04cde51a]{background-color:#26272b}.tabs-content[data-v-04cde51a]{height:calc(100% - 60px)}.name-icon[data-v-04cde51a]{margin-right:8px}.more-ip[data-v-04cde51a]{color:#147bd1;margin-left:12px;cursor:pointer}