.page-subscribe-bar-wrap[data-v-6f3284b4]{height:46px;display:flex;align-items:center;background:#0456ad;padding-left:20px;color:#fff;position:absolute;top:0;left:0;width:100%;box-sizing:border-box;z-index:98}.page-subscribe-bar-wrap .el-button[data-v-6f3284b4]{margin-left:20px}.statistics-cards[data-v-51d59e78]{margin-bottom:16px}.stat-card[data-v-51d59e78]{padding:18px;height:80px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.stat-card[data-v-51d59e78]:not(.stat-card-clickable){cursor:default}.stat-card .stat-label[data-v-51d59e78]{font-size:14px;color:#83899d;margin-bottom:8px}.stat-card .stat-value[data-v-51d59e78]{min-width:0;font-size:18px;font-weight:700;font-family:D-DIN-PRO,sans-serif}.stat-card .stat-value-text[data-v-51d59e78]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card.stat-card-clickable[data-v-51d59e78]{cursor:pointer}.stat-card.stat-card-clickable:hover .stat-value--interactive[data-v-51d59e78],.stat-card.stat-card-clickable:hover .stat-value--interactive[data-v-51d59e78] span{color:var(--el-color-primary)}.stat-card .stat-value--interactive[data-v-51d59e78],.stat-card .stat-value--interactive[data-v-51d59e78] span{transition:color .2s}.total-count[data-v-71fafb2c]{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.total-count .total-count-label[data-v-71fafb2c]{color:#666;font-size:14px}.total-count .total-count-value[data-v-71fafb2c]{z-index:2;pointer-events:auto;display:flex;align-items:flex-end;margin-top:2px;line-height:1;font-family:D-DIN}.total-count .total-count-value[data-v-71fafb2c]:not(.cm-link){pointer-events:none}.total-count .total-count-value.has-unit[data-v-71fafb2c]{margin-left:5px}.total-count .total-count-value .value[data-v-71fafb2c]{font-size:24px}.total-count .total-count-value .unit[data-v-71fafb2c]{position:relative;top:-1px}.empty-data-wrap[data-v-8a3d226e]{position:relative;overflow:hidden;width:100%;display:flex;justify-content:center;align-items:center}.empty-data-wrap[data-v-8a3d226e]:before{z-index:0;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-8px;width:60px;height:60px;background:url(../img/empty-data.6ef993da.png) no-repeat;background-size:100%}.empty-data-wrap .text[data-v-8a3d226e]{color:#999;margin-top:56px}.port-type-distribution-chart-wrap .chart-container[data-v-0205c2d1],.port-type-distribution-chart-wrap[data-v-0205c2d1]{width:100%;height:100%;position:relative}.port-type-distribution-chart-wrap .chart-container .chart[data-v-0205c2d1]{width:100%;height:100%;position:relative;z-index:2;cursor:pointer}.ranking-chart-card[data-v-3071cffa]{height:100%;display:flex;flex-direction:column}.ranking-chart-card[data-v-3071cffa] .card-header .header-right{display:flex;align-items:center;gap:10px}.ranking-list[data-v-3071cffa]{flex:1;overflow-y:auto;padding:4px 0 0;justify-content:center}.ranking-item[data-v-3071cffa]{display:flex;flex-direction:column;gap:6px}.ranking-item.is-clickable[data-v-3071cffa]{cursor:pointer;border-radius:6px;transition:background-color .15s ease;outline:none}.ranking-item.is-clickable[data-v-3071cffa]:hover{background-color:rgba(4,86,173,.05)}.ranking-item.is-clickable[data-v-3071cffa]:active{background-color:rgba(4,86,173,.1)}.ranking-header[data-v-3071cffa]{display:flex;align-items:center;justify-content:space-between;gap:12px}.ranking-title[data-v-3071cffa]{display:flex;align-items:center;gap:8px;min-width:0}.rank-badge[data-v-3071cffa]{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.rank-badge.rank-1[data-v-3071cffa]{background:#0456ad}.rank-badge.rank-2[data-v-3071cffa]{background:#2e7bd6}.rank-badge.rank-3[data-v-3071cffa]{background:#5a9fe8}.rank-badge.rank-inactive[data-v-3071cffa]{background:#e8eaeb;color:#666}.item-name[data-v-3071cffa]{font-size:14px;color:#111;flex:1;min-width:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name.no-index[data-v-3071cffa]{width:auto}.ranking-bar-wrapper[data-v-3071cffa]{width:100%}.ranking-bar-wrapper.no-index[data-v-3071cffa]{padding-left:0}.item-name.no-index[data-v-3071cffa]{margin-left:0}.count-bar[data-v-3071cffa]{width:100%;height:12px;background:#d9d9d9;border-radius:0;overflow:hidden}.count-bar .count-fill[data-v-3071cffa]{height:100%;background:#0456ad;transition:width .3s ease;border-radius:0;animation:slideIn-3071cffa .6s ease-out}.ranking-list-inner[data-v-3071cffa]{display:flex;flex-direction:column;gap:16px}.ranking-list-inner .ranking-chart-row-plain[data-v-3071cffa],.ranking-list-inner[data-v-3071cffa] .ranking-chart-el-popover,.ranking-list-inner[data-v-3071cffa] .ranking-chart-el-popover .el-popper__trigger,.ranking-list-inner[data-v-3071cffa] .ranking-chart-el-popover .el-tooltip__trigger{display:block;width:100%}.ranking-chart-popover-inner[data-v-3071cffa]{box-sizing:border-box;max-width:100%}.ranking-chart-popover-text[data-v-3071cffa]{margin:0;font-size:14px;line-height:1.5;color:#666;white-space:pre-wrap;word-break:break-word}.ranking-item-enter-active[data-v-3071cffa]{transition:all .4s ease-out}.ranking-item-leave-active[data-v-3071cffa]{transition:all .3s ease-in}.ranking-item-enter-from[data-v-3071cffa]{opacity:0;transform:translateY(-10px)}.ranking-item-leave-to[data-v-3071cffa]{opacity:0;transform:translateY(10px)}.ranking-item-move[data-v-3071cffa]{transition:transform .4s ease}@keyframes slideIn-3071cffa{0%{width:0}}.count-text[data-v-3071cffa]{font-size:14px;color:#111;min-width:46px;text-align:right;flex-shrink:0;line-height:1.3}.ranking-footer[data-v-3071cffa]{border-top:1px solid #e8eaeb}.port-info[data-v-e5237738]{display:flex;align-items:center;gap:4px}.port-info .port-num[data-v-e5237738]{font-weight:500}.port-info .risk-detail[data-v-e5237738],.port-info .service-name[data-v-e5237738]{font-size:14px;color:#666}.abstract-terminal-header[data-v-43881554]{display:flex;flex-direction:column}.action-cntr[data-v-43881554]{display:flex;justify-content:space-between;align-items:center}.abstract-terminal-desc[data-v-43881554]{flex:1;min-width:0}.abstract-terminal-desc .desc-cntr[data-v-43881554]{font-size:14px;color:#666}.abstract-terminal-desc .desc-cntr .red-txt[data-v-43881554]{color:#e54545}.port-list-tip-row[data-v-43881554]{margin-bottom:0}.port-list-tip-bar-col[data-v-43881554]{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;width:100%;box-sizing:border-box;margin-bottom:15px;margin-top:15px;min-height:34px}.port-list-tip-bar__left[data-v-43881554]{display:flex;align-items:center;min-width:0;gap:8px}.port-list-tip-bar__summary[data-v-43881554]{line-height:1.4}.port-list-tip-memory-link[data-v-43881554]{flex-shrink:0;font-size:14px}.port-list-tip-icon[data-v-43881554]{font-size:19px;color:var(--cm-color-primary)}.port-list-tip-count[data-v-43881554]{font-weight:700;margin:0 3px;color:var(--cm-color-primary)}.port-list-tip-bar__actions[data-v-43881554]{display:flex;align-items:center;flex-shrink:0;flex-wrap:wrap;padding-right:5px}.primary-bg[data-v-43881554]{border:1px solid;color:var(--color-primary);font-size:14px;background:rgba(222,233,255,.5);border-color:var(--cm-color-primary);padding:0 15px;line-height:1}.primary-bg[data-v-43881554] .el-button{font-size:14px}.refresh-icon[data-v-1e62d0e2]{width:19px;height:16px;display:inline-block;vertical-align:text-bottom;margin-right:5px;background-image:url(../img/refresh.7a89a247.svg);position:relative;top:-2px}.circle-loading[data-v-1e62d0e2]{animation:rotating 1.2s linear infinite}.terminal-head-wrap[data-v-a1884014]{height:100px;padding:18px 24px;box-sizing:border-box;border-radius:4px;display:flex;align-items:center;background-color:rgba(4,86,173,.1019607843);background-size:cover;flex-shrink:0}.terminal-head-wrap .terminal-icon[data-v-a1884014]{width:64px}.terminal-head-wrap .offline[data-v-a1884014]{position:relative}.terminal-head-wrap .offline[data-v-a1884014]:before{content:"";position:absolute;left:-10px;top:3px;width:6px;border-radius:999px;height:6px;background-color:#494a4a}.terminal-head-wrap .online[data-v-a1884014]{position:relative}.terminal-head-wrap .online[data-v-a1884014]:before{content:"";position:absolute;left:-10px;top:3px;width:6px;border-radius:999px;height:6px;background-color:#08dc95}.port-list-drawer-terminal-head[data-v-33b0e4f2]{margin-bottom:16px}.head-content[data-v-33b0e4f2]{margin-left:10px;justify-content:space-between}.head-content[data-v-33b0e4f2],.part-left[data-v-33b0e4f2]{display:flex;align-items:center;flex:1;min-width:0}.part-left .name-block[data-v-33b0e4f2]{flex-shrink:0}.part-left .main-info[data-v-33b0e4f2]{font-weight:700;font-size:18px}.part-left .other-info[data-v-33b0e4f2]{color:#83899d;margin-top:5px;font-size:14px}.part-right[data-v-33b0e4f2]{flex-shrink:0;margin-left:16px;text-align:right;max-width:200px}.part-right .main-info[data-v-33b0e4f2]{font-weight:700;word-break:break-all}.part-right .other-info[data-v-33b0e4f2]{color:#83899d;margin-top:5px;word-break:break-all}.action-cntr[data-v-33b0e4f2]{display:flex;justify-content:space-between}.port-list-tip-row[data-v-33b0e4f2]{margin-bottom:0}.port-list-tip-bar-col[data-v-33b0e4f2]{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;width:100%;box-sizing:border-box;margin-bottom:15px;margin-top:5px;height:34px}.port-list-tip-bar__left[data-v-33b0e4f2]{display:flex;align-items:center;min-width:0;gap:8px}.port-list-tip-bar__summary[data-v-33b0e4f2]{line-height:1.4}.port-list-tip-memory-link[data-v-33b0e4f2]{flex-shrink:0;font-size:14px}.port-list-tip-icon[data-v-33b0e4f2]{font-size:19px;color:var(--cm-color-primary)}.port-list-tip-count[data-v-33b0e4f2]{font-weight:700;margin:0 3px;color:var(--cm-color-primary)}.port-list-tip-bar__actions[data-v-33b0e4f2]{display:flex;align-items:center;flex-shrink:0;flex-wrap:wrap;padding-right:5px}.primary-bg[data-v-33b0e4f2]{border:1px solid;color:var(--color-primary);font-size:14px;background:rgba(222,233,255,.5);border-color:var(--cm-color-primary);padding:0 15px;line-height:1}.primary-bg[data-v-33b0e4f2] .el-button{font-size:14px}.port-list-filters[data-v-33b0e4f2]{display:flex;align-items:center}.warning-icon[data-v-33b0e4f2]{display:inline-block;width:14px;height:14px;margin-right:4px;vertical-align:middle;background:url(../img/warning.da9cd4ff.svg) 50%/contain no-repeat}.wrap[data-v-737fda30]{display:flex;flex-direction:column;height:100%;padding:0}.container[data-v-737fda30]{overflow:auto;height:100%}.footer[data-v-737fda30],.header[data-v-737fda30]{padding:0}.block-rule-list-drawer-terminal-head[data-v-9edfe106]{margin-bottom:16px}.head-content[data-v-9edfe106]{margin-left:10px;justify-content:space-between}.head-content[data-v-9edfe106],.part-left[data-v-9edfe106]{display:flex;align-items:center;flex:1;min-width:0}.part-left .name-block[data-v-9edfe106]{flex-shrink:0}.part-left .main-info[data-v-9edfe106]{font-weight:700;font-size:18px}.part-left .other-info[data-v-9edfe106]{color:#83899d;margin-top:5px;font-size:14px}.part-left .ip-info[data-v-9edfe106]{color:#83899d;margin-top:4px;font-size:14px}.part-left .ip-info .ip-label[data-v-9edfe106]{margin-right:6px;color:#888}.part-right[data-v-9edfe106]{flex-shrink:0;margin-left:16px;text-align:right;max-width:200px}.part-right .main-info[data-v-9edfe106]{font-weight:700;word-break:break-all}.part-right .other-info[data-v-9edfe106]{color:#83899d;margin-top:5px;word-break:break-all}.action-cntr[data-v-9edfe106]{display:flex;justify-content:space-between;align-items:center}.action-cntr .desc-cntr[data-v-9edfe106]{font-size:14px;color:#666}.action-cntr .desc-cntr .red-txt[data-v-9edfe106]{color:#e54545}.header-wrapper[data-v-9edfe106]{padding:10px 20px}.header-wrapper .selection-bar[data-v-9edfe106]{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;background:rgba(86,127,255,.05);border-radius:4px;border:1px solid var(--el-color-primary);max-height:34px;font-size:14px}.header-wrapper .selection-bar .selection-tips[data-v-9edfe106]{width:16px;height:16px;background-image:url(../img/blue_tips.b6cf9711.svg)}.header-wrapper .selection-bar[data-v-9edfe106] .el-button{font-size:14px}.main-wrapper[data-v-9edfe106]{display:flex;height:100%;padding:0 20px}.main-wrapper .right-wrapper[data-v-9edfe106]{display:flex;width:100%;height:100%}.port-list-top10-wrap[data-v-344021bb]{min-height:400px;height:100%}.warning-icon[data-v-344021bb]{display:inline-block;width:14px;height:14px;background:url(../img/warning.da9cd4ff.svg) no-repeat 50%;background-size:contain;margin-right:4px;vertical-align:middle}.blocked-port-list-wrap[data-v-24830cba]{min-height:400px;height:100%}.warning-icon[data-v-24830cba]{display:inline-block;width:14px;height:14px;background:url(../img/warning.da9cd4ff.svg) no-repeat 50%;background-size:contain;margin-right:4px;vertical-align:middle}.table-container[data-v-4d6de033]{height:max(300px,100vh - 400px);display:flex;flex-direction:column;overflow:hidden}.table-container[data-v-4d6de033] .card-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.warning-icon[data-v-4d6de033]{display:inline-block;width:14px;height:14px;background:url(../img/warning.da9cd4ff.svg) no-repeat 50%;background-size:contain;margin-right:4px;vertical-align:middle}