.chart-container[data-v-4d35e436]{width:100%}.chart-container .preview-chart[data-v-4d35e436]{height:60px}.rank-container .rank-item[data-v-d1381f3e]{width:100%;display:flex;align-items:center;margin-top:8px;cursor:pointer;padding:4px 0}.rank-container .rank-item.active-rank[data-v-d1381f3e]{background-color:#e4f3ff}[data-theme=dark] * .rank-container .rank-item.active-rank[data-v-d1381f3e]{background-color:#147bd1}.rank-container .rank-item[data-v-d1381f3e]:first-child{margin-top:0}.rank-container .rank-item .rank-number[data-v-d1381f3e]{font-size:14px;font-weight:700;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:#262626}[data-theme=dark] * .rank-container .rank-item .rank-number[data-v-d1381f3e]{color:#ddd}.rank-container .rank-item .rank-number.rank-1[data-v-d1381f3e],.rank-container .rank-item .rank-number.rank-2[data-v-d1381f3e],.rank-container .rank-item .rank-number.rank-3[data-v-d1381f3e]{color:#fff}.rank-container .rank-item .rank-number.rank-1[data-v-d1381f3e]{background-color:#e53e3e}.rank-container .rank-item .rank-number.rank-2[data-v-d1381f3e]{background-color:#dd6b20}.rank-container .rank-item .rank-number.rank-3[data-v-d1381f3e]{background-color:#eda30f}.rank-container .rank-item .rank-change[data-v-d1381f3e]{padding:0 12px;flex-shrink:0;font-size:14px;font-weight:700;width:36px;text-align:center}.rank-container .rank-item .rank-change .no-change[data-v-d1381f3e]{color:#bfbfbf}[data-theme=dark] * .rank-container .rank-item .rank-change .no-change[data-v-d1381f3e]{color:#707277}.rank-container .rank-item .rank-change.up .change-icon[data-v-d1381f3e]{color:#f34871;font-size:14px;transform:rotate(-90deg)}.rank-container .rank-item .rank-change.down .change-icon[data-v-d1381f3e]{color:#bfbfbf;font-size:14px;transform:rotate(90deg)}[data-theme=dark] * .rank-container .rank-item .rank-change.down .change-icon[data-v-d1381f3e]{color:#707277}.rank-container .rank-item .item-name[data-v-d1381f3e]{padding-right:12px;margin-left:8px;flex-grow:1;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;font-weight:700;font-size:14px;overflow:hidden}.rank-container .rank-item .percent-bar[data-v-d1381f3e]{width:80px;height:8px;border-radius:8px;background-color:#d9dbe0;flex-shrink:0}[data-theme=dark] * .rank-container .rank-item .percent-bar[data-v-d1381f3e]{background-color:#70707b}.rank-container .rank-item .percent-bar .color-bar[data-v-d1381f3e]{border-radius:8px;height:8px;background-color:#239cff}.rank-container .rank-item .percent-value[data-v-d1381f3e]{font-weight:700;font-size:14px;padding-left:12px;text-align:right;flex-shrink:0}.rank-item[data-v-d1381f3e]:hover{background-color:#f3f5f8}[data-theme=dark] * .rank-item[data-v-d1381f3e]:hover{background-color:#444}.no-data[data-v-d1381f3e]{margin-top:100px;height:200px}.af-app-interface[data-v-2851a98a]{overflow:hidden!important}.af-app-interface .search-block[data-v-2851a98a]{display:flex;align-items:center;background-color:#fff}[data-theme=dark] * .af-app-interface .search-block[data-v-2851a98a]{background-color:#26272b}.af-app-interface .search-block .filter-block[data-v-2851a98a]{flex-grow:1;display:flex;align-items:center}.af-app-interface .search-block .filter-block .item[data-v-2851a98a]{display:flex;align-items:center;margin-right:20px}.af-app-interface .search-block .filter-block .item .item-select[data-v-2851a98a]{min-width:120px}.af-app-interface .search-block .filter-block .item .af-filter-server.af-server-name[data-v-2851a98a]{padding:2px 12px;border:1px solid;border-color:#d9dbe0;border-radius:4px;min-width:150px;display:flex;align-items:center;height:32px}[data-theme=dark] * .af-app-interface .search-block .filter-block .item .af-filter-server.af-server-name[data-v-2851a98a]{border-color:#70707b}.af-app-interface .search-block .filter-block .item .af-filter-server.af-server-name.gray-text[data-v-2851a98a]{color:#bfbfbf}[data-theme=dark] * .af-app-interface .search-block .filter-block .item .af-filter-server.af-server-name.gray-text[data-v-2851a98a]{color:#707277}.af-app-interface .search-block .filter-block .item .af-filter-server.af-server-name .text[data-v-2851a98a]{flex-grow:1}.af-app-interface .search-block .filter-block .item .af-filter-server.af-server-name .clear-icon[data-v-2851a98a]{display:none;margin-top:2px;flex-shrink:0}.af-app-interface .search-block .filter-block .item .af-filter-server.af-server-name[data-v-2851a98a]:hover{padding-right:8px}.af-app-interface .search-block .filter-block .item .af-filter-server.af-server-name:hover .clear-icon[data-v-2851a98a]{display:inline-block}.af-app-interface .search-block .search-input[data-v-2851a98a]{width:220px}.af-app-interface .search-block .search-btn[data-v-2851a98a]{margin-left:12px}.af-app-interface .result-wrapper[data-v-2851a98a]{margin-top:20px}.af-app-interface .result-wrapper .result-block[data-v-2851a98a]{position:relative;height:calc(100vh - 330px)}.af-app-interface .result-wrapper .result-block .table-wrapper[data-v-2851a98a]{position:relative;flex-shrink:1;height:100%;width:100%;transition:all .3s}.af-app-interface .result-wrapper .result-block .table-wrapper.expanded .top-options[data-v-2851a98a]{right:0;top:-40px}.af-app-interface .result-wrapper .result-block .table-wrapper .top-options[data-v-2851a98a]{position:absolute;right:400px;top:-40px;display:flex;align-items:center;justify-content:flex-end;transition:all .3s}.af-app-interface .result-wrapper .result-block .table-wrapper .top-options .item[data-v-2851a98a]{margin-left:20px;display:flex;align-items:center}.af-app-interface .result-wrapper .result-block .table-wrapper .top-options .item .label[data-v-2851a98a]{font-size:14px;font-weight:700;color:#000;margin-right:8px}[data-theme=dark] * .af-app-interface .result-wrapper .result-block .table-wrapper .top-options .item .label[data-v-2851a98a]{color:#e1e1e1}.af-app-interface .result-wrapper .result-block .table-wrapper .top-options .item .item-select[data-v-2851a98a]{width:100px}.af-app-interface .result-wrapper .result-block .service-info-container[data-v-2851a98a]{margin-top:-62px;margin-bottom:-20px;margin-left:0;margin-right:-20px;position:relative;box-shadow:-8px 0 8px rgba(16,24,40,.06274509803921569);width:0;transition:all .3s;flex-shrink:0;height:calc(100% + 82px);position:absolute;z-index:99;right:0;top:0;background-color:#fff}.af-app-interface .result-wrapper .result-block .service-info-container.expanded[data-v-2851a98a]{width:650px;margin-left:12px}.af-app-interface .result-wrapper .result-block .service-info-container.expanded .fold-icon[data-v-2851a98a]{transform:rotate(180deg);cursor:pointer;left:-12px}.af-app-interface .result-wrapper .result-block .service-info-container.expanded .content[data-v-2851a98a],.af-app-interface .result-wrapper .result-block .service-info-container.expanded .head[data-v-2851a98a]{opacity:1}.af-app-interface .result-wrapper .result-block .service-info-container .fold-icon[data-v-2851a98a]{position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:50%;transition:all .3s;background-color:#a9aaae;display:flex;align-items:center;justify-content:center}.af-app-interface .result-wrapper .result-block .service-info-container .fold-icon .icon[data-v-2851a98a]{color:#fff;font-size:18px}.af-app-interface .result-wrapper .result-block .service-info-container .head[data-v-2851a98a]{padding:20px;border-bottom:1px solid;border-bottom-color:#d9dbe0;display:flex;align-items:center;justify-content:space-between;opacity:0}[data-theme=dark] * .af-app-interface .result-wrapper .result-block .service-info-container .head[data-v-2851a98a]{border-bottom-color:#70707b}.af-app-interface .result-wrapper .result-block .service-info-container .head .title[data-v-2851a98a]{font-size:16px;font-weight:700;color:#181819}[data-theme=dark] * .af-app-interface .result-wrapper .result-block .service-info-container .head .title[data-v-2851a98a]{color:#e1e1e1}.af-app-interface .result-wrapper .result-block .service-info-container .head .service-detail-btn[data-v-2851a98a]{cursor:pointer}.af-app-interface .result-wrapper .result-block .service-info-container .head .service-detail-btn .link-icon[data-v-2851a98a]{width:16px;height:16px}.af-app-interface .result-wrapper .result-block .service-info-container .content[data-v-2851a98a]{padding:20px;height:calc(100% - 80px);overflow-y:scroll;opacity:0}.af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block[data-v-2851a98a]{padding-bottom:20px}.af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block .title-line[data-v-2851a98a]{display:flex;align-items:center}.af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block .title-line .service-icon[data-v-2851a98a]{width:20px;height:20px;margin-right:12px}.af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block .title-line .name[data-v-2851a98a]{font-size:14px;font-weight:700;color:#147bd1;cursor:pointer}[data-theme=dark] * .af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block .title-line .name[data-v-2851a98a]{color:#e1e1e1}.af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block .info[data-v-2851a98a]{padding-left:32px}.af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block .info .info-item[data-v-2851a98a]{margin-top:20px;font-size:14px}.af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block .info .info-item .label[data-v-2851a98a]{color:#797a7d;margin-right:8px;font-weight:700}[data-theme=dark] * .af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block .info .info-item .label[data-v-2851a98a]{color:#aaa}.af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block .info .info-item .value[data-v-2851a98a]{color:#181819;font-weight:700}[data-theme=dark] * .af-app-interface .result-wrapper .result-block .service-info-container .content .summary-block .info .info-item .value[data-v-2851a98a]{color:#e1e1e1}.af-app-interface .result-wrapper .result-block .service-info-container .content .block-title[data-v-2851a98a]{padding:20px 0;display:flex;align-items:center;justify-content:space-between;color:#181819}[data-theme=dark] * .af-app-interface .result-wrapper .result-block .service-info-container .content .block-title[data-v-2851a98a]{color:#e1e1e1}.af-app-interface .result-wrapper .result-block .service-info-container .content .block-title.fold .block-fold-icon[data-v-2851a98a]{transform:rotate(0)}.af-app-interface .result-wrapper .result-block .service-info-container .content .block-title .title[data-v-2851a98a]{font-weight:700;font-size:16px}.af-app-interface .result-wrapper .result-block .service-info-container .content .block-title .block-fold-icon[data-v-2851a98a]{font-weight:700;font-size:20px;cursor:pointer;transform:rotate(180deg);transition:all .3s}.af-app-interface .result-wrapper .result-block .service-info-container .content .chart-block[data-v-2851a98a]{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr;gap:20px;overflow:hidden;transition:all .3s}.af-app-interface .result-wrapper .result-block .service-info-container .content .chart-block.fold[data-v-2851a98a]{height:0}.af-app-interface .result-wrapper .result-block .service-info-container .content .rank-block[data-v-2851a98a]{overflow:hidden;transition:all .3s}.af-app-interface .result-wrapper .result-block .service-info-container .content .rank-block.fold[data-v-2851a98a]{height:0}.af-app-interface[data-v-2851a98a] .ant-table-header{background-color:#f3f5f8}[data-theme=dark] * .af-app-interface[data-v-2851a98a] .ant-table-header{background-color:#444}.af-app-interface[data-v-2851a98a] .ant-table-body .ant-table-thead th{background-color:#f3f5f8;color:#000;font-weight:700}[data-theme=dark] * .af-app-interface[data-v-2851a98a] .ant-table-body .ant-table-thead th{background-color:#444;color:#e1e1e1}.af-app-interface[data-v-2851a98a] .ant-table-body td{vertical-align:middle}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending{display:flex;align-items:stretch;height:60px}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info{padding:4px 12px;width:160px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;flex-shrink:0}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item{display:flex;align-items:center;height:18px;line-height:14px}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .color-label{padding:2px 8px;border-radius:4px;font-size:12px;flex-shrink:0}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .color-label.current-label{background-color:#239cff}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .color-label.history-label{background-color:#a9aaae}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .current-rel-value{flex-grow:1;font-size:12px;margin-left:8px}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .current-rel-value.positive{color:#e53e3e}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .current-rel-value.negative{color:#6dc41f}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .spacer{flex-grow:1}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .value{padding:2px 4px;font-size:12px;color:#48494b;height:18px}[data-theme=dark] * .af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .value{color:#ccc}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .value.blue{background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(35,156,255,.13333333333333333))}.af-app-interface[data-v-2851a98a] .ant-table-body .p90-trending .rel-info .rel-item .value.grey{background:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(64,64,64,.13333333333333333))}.af-filter-icon[data-v-2851a98a]{max-width:100%;position:relative;padding-right:20px;display:inline-block}.af-filter-icon .af-filter-label[data-v-2851a98a]{max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.af-filter-icon .af-table-icon[data-v-2851a98a]{display:none}.af-filter-icon .af-table-icon .li-icon[data-v-2851a98a]{position:absolute;right:0;top:10px;margin-left:2px;width:20px;height:20px;display:inline-block;background:url(../img/filter.6dcdf16d.svg)}.af-filter-icon .af-table-icon .li-icon[data-v-2851a98a]:hover{color:#2d96eb}.af-filter-icon:hover .af-table-icon[data-v-2851a98a]{display:inline-block}.transparent-drawer .ant-drawer-body{padding:0}.api-detail-header{position:relative;height:52px;display:flex;align-items:center;padding:0 12px;justify-content:space-between;border-bottom:1px solid;border-bottom-color:#d9dbe0}[data-theme=dark] * .api-detail-header{border-bottom-color:#70707b}.api-detail-header .title-left{display:flex;height:100%;align-items:center}.api-detail-header .close-icon{font-size:18px;cursor:pointer;height:25px;width:25px;display:flex;justify-content:center;align-items:center;margin-right:12px;transform:rotate(180deg)}