.af-appSelect[data-v-cbc45408]{margin-right:10px;margin-bottom:10px;height:24px}.af-appSelect .af-select-app[data-v-cbc45408]{display:inline-block;white-space:nowrap;padding:0 8px;height:24px;border-radius:4px;color:#147bd1;font-size:14px;line-height:24px;background-color:#f1f9ff}[data-theme=dark] * .af-appSelect .af-select-app[data-v-cbc45408]{background-color:#3a3a3a}.af-appSelect .af-select-app .af-select-app-name[data-v-cbc45408]{display:inline-block;height:100%}.af-appSelect .af-select-app .af-select-app-name[data-v-cbc45408]:hover{cursor:pointer;background-color:rgba(35,156,255,.1)}[data-theme=dark] .af-page-heat-map-detail .content .result-panel .summary-container .page-summary .summary-item[data-v-52b117b5]{background:#26272b!important}@keyframes verticalShake-data-v-52b117b5{0%{top:0}25%{top:-2px}50%{top:2px}to{top:0}}.af-page-heat-map-detail[data-v-52b117b5]{padding:26px 24px!important;width:100%;height:100%}.af-page-heat-map-detail.af-router-view[data-v-52b117b5]{overflow:hidden}.af-page-heat-map-detail .af-header[data-v-52b117b5]{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181819;font-size:20px;font-weight:700;line-height:32px;margin-bottom:22px}[data-theme=dark] * .af-page-heat-map-detail .af-header[data-v-52b117b5]{color:#e1e1e1}.af-page-heat-map-detail .af-header .af-header-left[data-v-52b117b5]{cursor:pointer}.af-page-heat-map-detail .af-header .af-header-left .af-head-title[data-v-52b117b5]{font-weight:700;margin-left:8px}.af-page-heat-map-detail .af-header .af-header-right[data-v-52b117b5]{position:relative;display:flex;align-items:center}.af-page-heat-map-detail .af-header .af-header-right .af-filter-date-wrap[data-v-52b117b5]{position:relative}.af-page-heat-map-detail .content .filter-container[data-v-52b117b5]{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#fff;border:1px solid;border-color:#d9dbe0;margin-bottom:24px;transition:all .3s;overflow:hidden}[data-theme=dark] * .af-page-heat-map-detail .content .filter-container[data-v-52b117b5]{background-color:#26272b;border-color:#70707b}.af-page-heat-map-detail .content .filter-container.fold[data-v-52b117b5]{margin-bottom:0;height:0;padding:0;border:none}.af-page-heat-map-detail .content .filter-container .af-app-select[data-v-52b117b5]{margin-right:12px;margin-bottom:0;flex-shrink:0}.af-page-heat-map-detail .content .filter-container .page-condition[data-v-52b117b5]{display:flex;align-items:center;flex-shrink:0}.af-page-heat-map-detail .content .filter-container .page-condition .label[data-v-52b117b5]{font-size:14px;color:#48494b}[data-theme=dark] * .af-page-heat-map-detail .content .filter-container .page-condition .label[data-v-52b117b5]{color:#ccc}.af-page-heat-map-detail .content .filter-container .page-condition .page-select[data-v-52b117b5]{margin-left:8px;min-width:300px}.af-page-heat-map-detail .content .filter-container .spacer[data-v-52b117b5]{flex-grow:1}.af-page-heat-map-detail .content .filter-container .switch-bg[data-v-52b117b5]{margin-left:20px;cursor:pointer;font-size:22px;color:#147bd1}.af-page-heat-map-detail .content .filter-container .switch-bg.disabled[data-v-52b117b5]{color:#f5f5f5;cursor:not-allowed}.af-page-heat-map-detail .content .result-panel[data-v-52b117b5]{display:flex;align-items:stretch;justify-content:space-between;height:calc(100vh - 260px)}.af-page-heat-map-detail .content .result-panel.expanded[data-v-52b117b5]{height:calc(100vh - 160px)}.af-page-heat-map-detail .content .result-panel.expanded .heat-map-block[data-v-52b117b5]{width:100%}.af-page-heat-map-detail .content .result-panel.expanded .heat-map-block .heat-map-container[data-v-52b117b5]{height:calc(100vh - 220px)}.af-page-heat-map-detail .content .result-panel .heat-map-block[data-v-52b117b5]{padding:20px;padding-right:12px;padding-bottom:0;border-radius:4px;background-color:#fff;width:calc(100% - 380px)}[data-theme=dark] * .af-page-heat-map-detail .content .result-panel .heat-map-block[data-v-52b117b5]{background-color:#26272b}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container[data-v-52b117b5]{height:calc(100vh - 320px);overflow-y:auto;position:relative;transform-origin:left top}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .replayer[data-v-52b117b5]{display:flex;transform-origin:left top}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .replayer[data-v-52b117b5] .rr-player{box-shadow:none;background-color:transparent}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .replayer[data-v-52b117b5] .rr-player .rr-player__frame{overflow:visible}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .replayer[data-v-52b117b5] .rr-player .replayer-wrapper{top:0}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .heat-map-layer[data-v-52b117b5]{position:absolute;left:0;top:0;transform-origin:left top}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .heat-map-layer .heat-map-area[data-v-52b117b5]{background-color:rgba(66,65,65,.2);position:absolute;left:50%;top:50%;transform-origin:top left}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .heat-map-layer .heat-map-area.invisible[data-v-52b117b5]{opacity:0}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .interaction-layer-container[data-v-52b117b5]{position:absolute;left:0;top:0;transform-origin:left top}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .interaction-layer-container .interaction-layer[data-v-52b117b5]{position:absolute;left:50%;top:50%;transform-origin:top left}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .interaction-layer-container .interaction-layer .react[data-v-52b117b5]{position:absolute;cursor:pointer}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .interaction-layer-container .interaction-layer .react.always-show-rank-circle .rank-circle[data-v-52b117b5]{display:flex}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .interaction-layer-container .interaction-layer .react.force-hide-rank-circle .rank-circle[data-v-52b117b5]{opacity:0}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .interaction-layer-container .interaction-layer .react.selected[data-v-52b117b5]{border:1px solid #239cff}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .interaction-layer-container .interaction-layer .react.selected .rank-circle[data-v-52b117b5]{display:flex}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .interaction-layer-container .interaction-layer .react[data-v-52b117b5]:hover{border:1px solid #239cff}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .interaction-layer-container .interaction-layer .react:hover .rank-circle[data-v-52b117b5]{display:flex}.af-page-heat-map-detail .content .result-panel .heat-map-block .heat-map-container .interaction-layer-container .interaction-layer .react .rank-circle[data-v-52b117b5]{width:30px;height:30px;border-radius:50%;background-color:#239cff;display:none;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#fff;position:absolute;left:0;top:0}.af-page-heat-map-detail .content .result-panel .heat-map-block .operation-container[data-v-52b117b5]{margin-top:10px;display:flex;align-items:center;justify-content:flex-end;cursor:pointer;width:100%;opacity:0}.af-page-heat-map-detail .content .result-panel .heat-map-block .operation-container[data-v-52b117b5]:hover{opacity:1}.af-page-heat-map-detail .content .result-panel .heat-map-block .operation-container .spacer[data-v-52b117b5]{flex-grow:1}.af-page-heat-map-detail .content .result-panel .heat-map-block .operation-container .opt[data-v-52b117b5]{display:flex;align-items:center;margin-left:20px}.af-page-heat-map-detail .content .result-panel .heat-map-block .operation-container .opt .label[data-v-52b117b5]{margin-right:4px;font-size:12px}.af-page-heat-map-detail .content .result-panel .heat-map-block .operation-container .opt .size-icon[data-v-52b117b5]{font-size:12px}.af-page-heat-map-detail .content .result-panel .summary-container[data-v-52b117b5]{width:360px;background-color:#fff;padding:20px;border-radius:4px;margin-left:20px;transition:all .3s}[data-theme=dark] * .af-page-heat-map-detail .content .result-panel .summary-container[data-v-52b117b5]{background-color:#26272b}.af-page-heat-map-detail .content .result-panel .summary-container.fold[data-v-52b117b5]{width:0;padding:0;margin-left:0;overflow:hidden}.af-page-heat-map-detail .content .result-panel .summary-container .page-sort[data-v-52b117b5]{padding:12px;background-color:#f9f9fa;display:flex;align-items:center;justify-content:space-between;color:#48494b}[data-theme=dark] * .af-page-heat-map-detail .content .result-panel .summary-container .page-sort[data-v-52b117b5]{background-color:#333;color:#ccc}.af-page-heat-map-detail .content .result-panel .summary-container .page-sort .sort-idx[data-v-52b117b5]{font-size:16px;font-weight:500}.af-page-heat-map-detail .content .result-panel .summary-container .page-sort .label[data-v-52b117b5]{font-size:14px}.af-page-heat-map-detail .content .result-panel .summary-container .page-summary[data-v-52b117b5]{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:6px;column-gap:6px}.af-page-heat-map-detail .content .result-panel .summary-container .page-summary .summary-item[data-v-52b117b5]{box-shadow:0 1px 2px 0 rgba(16,24,40,.05);border-radius:4px;border:1px solid #eceef0;padding:8px;flex-direction:column;display:flex;align-items:center}.af-page-heat-map-detail .content .result-panel .summary-container .page-summary .summary-item.blue[data-v-52b117b5]{background:linear-gradient(315deg,#bdebfd,rgba(189,235,253,0) 90.57%)}.af-page-heat-map-detail .content .result-panel .summary-container .page-summary .summary-item.green[data-v-52b117b5]{background:linear-gradient(315deg,#bdfdcf 8.07%,rgba(189,253,207,0) 93.86%)}.af-page-heat-map-detail .content .result-panel .summary-container .page-summary .summary-item.red[data-v-52b117b5]{background:linear-gradient(315deg,#ffd7c8 1.86%,rgba(253,207,189,0) 89.5%)}.af-page-heat-map-detail .content .result-panel .summary-container .page-summary .summary-item .label[data-v-52b117b5]{text-align:center;margin-top:8px;color:#797a7d;font-size:14px}[data-theme=dark] * .af-page-heat-map-detail .content .result-panel .summary-container .page-summary .summary-item .label[data-v-52b117b5]{color:#aaa}.af-page-heat-map-detail .content .result-panel .summary-container .page-summary .summary-item .value[data-v-52b117b5]{text-align:center;font-size:24px;line-height:30px;font-weight:500;color:#48494b}[data-theme=dark] * .af-page-heat-map-detail .content .result-panel .summary-container .page-summary .summary-item .value[data-v-52b117b5]{color:#ccc}.af-page-heat-map-detail .content .result-panel .summary-container .click-items-list[data-v-52b117b5]{margin-top:14px;height:calc(100vh - 450px);overflow-y:hidden}.af-page-heat-map-detail .content .result-panel .summary-container .click-items-list[data-v-52b117b5]:hover{overflow-y:auto}.af-page-heat-map-detail .content .result-panel .summary-container .click-items-list .click-item[data-v-52b117b5]{margin-bottom:12px;padding:12px;display:flex;align-items:center;border:1px solid #eceef0;cursor:pointer}.af-page-heat-map-detail .content .result-panel .summary-container .click-items-list .click-item[data-v-52b117b5]:hover{border:1px solid #239cff;position:relative;animation:verticalShake-data-v-52b117b5 .5s ease-out}.af-page-heat-map-detail .content .result-panel .summary-container .click-items-list .click-item .rank-number[data-v-52b117b5]{width:30px;height:30px;border-radius:50%;background-color:#239cff;margin-right:8px;flex-shrink:0;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.af-page-heat-map-detail .content .result-panel .summary-container .click-items-list .click-item .item-name[data-v-52b117b5]{font-size:14px;color:#181819;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex-grow:0;width:200px;margin-right:4px}[data-theme=dark] * .af-page-heat-map-detail .content .result-panel .summary-container .click-items-list .click-item .item-name[data-v-52b117b5]{color:#e1e1e1}.af-page-heat-map-detail .content .result-panel .summary-container .click-items-list .click-item .count[data-v-52b117b5]{font-size:14px;flex-shrink:0;color:#48494b;font-weight:500}[data-theme=dark] * .af-page-heat-map-detail .content .result-panel .summary-container .click-items-list .click-item .count[data-v-52b117b5]{color:#ccc}.af-page-heat-map-detail .content .result-panel .summary-container .click-items-list .click-item .count .unit[data-v-52b117b5]{font-size:12px;font-weight:400}.af-page-heat-map-detail .content .result-panel .summary-container .click-items-list .click-item .percent[data-v-52b117b5]{font-size:14px;color:#797a7d;margin-left:8px}[data-theme=dark] * .af-page-heat-map-detail .content .result-panel .summary-container .click-items-list .click-item .percent[data-v-52b117b5]{color:#aaa}.af-page-heat-map-detail .content .result-panel .summary-container .empty-list[data-v-52b117b5]{margin-top:14px;height:calc(100vh - 450px)}.ant-popover-inner-content:has(.interaction-click-popover){padding:0}.ant-popover-inner-content:has(.interaction-click-popover) .title{padding:6px 10px;border-bottom:1px solid #e8e8e8;color:#181819}[data-theme=dark] * .ant-popover-inner-content:has(.interaction-click-popover) .title{color:#e1e1e1}.ant-popover-inner-content:has(.interaction-click-popover) .statistics{padding:10px;display:flex;align-items:center;justify-content:space-between}.ant-popover-inner-content:has(.interaction-click-popover) .statistics .count{font-size:20px;font-weight:500;color:#48494b}[data-theme=dark] * .ant-popover-inner-content:has(.interaction-click-popover) .statistics .count{color:#ccc}.ant-popover-inner-content:has(.interaction-click-popover) .statistics .percent{margin-left:40px;font-size:14px;color:#797a7d}[data-theme=dark] * .ant-popover-inner-content:has(.interaction-click-popover) .statistics .percent{color:#aaa}