.first-menu[data-v-8ce9fa0a]{--el-menu-text-color:#fff;--el-menu-bg-color:#545c64;--el-menu-active-color:#ffd04b;--el-menu-hover-bg-color:#434a50}.second-menu[data-v-8ce9fa0a]{--el-menu-bg-color:#fff;--el-menu-text-color:#333;--el-menu-active-color:var(--el-color-primary)}.breadcrumb-container[data-v-9c8aabc7]{padding-left:calc(var(--layout-inner-padding) + var(--layout-outer-padding));height:var(--breadcrumb-height);align-items:center;display:flex}.sidebar[data-v-1427aba0]{width:var(--sidebar-width);box-sizing:border-box;flex-shrink:0;display:flex}.viewer[data-v-1427aba0]{flex:1;display:flex}.sub-menu[data-v-1427aba0]{flex:1}.sub-menu[data-v-1427aba0] .el-menu{border-right:none}.main-menu[data-v-1427aba0]{flex:1;display:flex;border-right:none!important}.main-menu[data-v-1427aba0] .el-menu{border-right:none}.topbar-menu[data-v-59bd2d04]{--el-menu-bg-color:transparent;--el-menu-text-color:#fff;--el-menu-active-color:#fff;--el-menu-hover-bg-color:#1583e6;--el-menu-hover-text-color:#fff}.topbar-menu[data-v-59bd2d04] .el-menu-item:hover{font-weight:700}.topbar-menu[data-v-59bd2d04] .el-menu-item.is-active{background-color:var(--el-menu-hover-bg-color);font-weight:700}.logo[data-v-7fb74038]{cursor:pointer;color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:240px;display:flex}.user-info[data-v-8e5c1206]{color:#fff;cursor:default;border-bottom:1px solid #fff;align-items:center;height:100%;padding-right:20px;display:flex}.topbar[data-v-b54af135]{height:var(--topbar-height);background-color:#1891ff;display:flex}.active[data-v-995da12c]{box-shadow:inset 0 0 0 2px var(--el-color-primary)}.active.disabled[data-v-995da12c]{box-shadow:inset 0 0 0 2px var(--el-text-color-disabled)}.icon-wrap[data-v-995da12c]{padding:10px}.icon-wrap[data-v-995da12c]:not(:-webkit-any(.active,.disabled)):hover{box-shadow:inset 0 0 0 2px var(--el-color-primary);animation-name:pulse-995da12c;animation-duration:.3s}.icon-wrap[data-v-995da12c]:not(:-moz-any(.active,.disabled)):hover{box-shadow:inset 0 0 0 2px var(--el-color-primary);animation-name:pulse-995da12c;animation-duration:.3s}.icon-wrap[data-v-995da12c]:not(:-webkit-any(.active,.disabled)):hover{box-shadow:inset 0 0 0 2px var(--el-color-primary);animation-name:pulse-995da12c;animation-duration:.3s}.icon-wrap[data-v-995da12c]:not(:-moz-any(.active,.disabled)):hover{box-shadow:inset 0 0 0 2px var(--el-color-primary);animation-name:pulse-995da12c;animation-duration:.3s}.icon-wrap[data-v-995da12c]:not(:is(.active,.disabled)):hover{box-shadow:inset 0 0 0 2px var(--el-color-primary);animation-name:pulse-995da12c;animation-duration:.3s}.icon-wrap.disabled[data-v-995da12c]{cursor:not-allowed}.icon-wrap[data-v-995da12c]:not(:-webkit-any(.active,.disabled)){cursor:pointer}.icon-wrap[data-v-995da12c]:not(:-moz-any(.active,.disabled)){cursor:pointer}.icon-wrap[data-v-995da12c]:not(:-webkit-any(.active,.disabled)){cursor:pointer}.icon-wrap[data-v-995da12c]:not(:-moz-any(.active,.disabled)){cursor:pointer}.icon-wrap[data-v-995da12c]:not(:is(.active,.disabled)){cursor:pointer}@keyframes pulse-995da12c{0%{box-shadow:inset 0 0 0 10px #0000}}.chart-title[data-v-fe95c8ea]{cursor:pointer;justify-content:space-between;align-items:center;padding:10px;transition:all .2s;display:flex}.chart-title .operate[data-v-fe95c8ea]{opacity:0;transition:opacity .2s}.chart-title[data-v-fe95c8ea]:hover{background:var(--el-fill-color-light)}.chart-title:hover .operate[data-v-fe95c8ea]{opacity:1}.chart-title.active[data-v-fe95c8ea]{background:var(--el-color-primary-light-9)}.source-table[data-v-a8e71b8d] .cell{align-items:center;display:flex}.source-table[data-v-a8e71b8d] .bc-table-cell-edit{flex:1}.copy-btn[data-v-8eb00253]{cursor:pointer;margin-left:10px}#chart[data-v-f20555d3]{width:100%;height:300px}.timeline[data-v-f20555d3]{border-left:2px solid #007bff;margin-left:20px;padding:0;list-style:none;position:relative}.item[data-v-f20555d3]{margin-bottom:30px;padding-left:30px;position:relative}.item[data-v-f20555d3]:before{content:"";background:#007bff;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:5px;left:-11px}.time[data-v-f20555d3]{color:#888;margin-bottom:5px;font-size:13px;font-weight:500}.content[data-v-f20555d3]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 16px}.content.success[data-v-f20555d3]{background:var(--el-color-success-light-9)}.content.warning[data-v-f20555d3]{background:var(--el-color-warning-light-9)}.content.danger[data-v-f20555d3]{background:var(--el-color-danger-light-9)}.action-name[data-v-f20555d3]{color:#0056b3;margin-bottom:4px;font-size:15px;font-weight:700;display:block}.path-text[data-v-f20555d3]{color:#666;word-break:break-all;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.duration-badge[data-v-f20555d3]{color:#007bff;background:#e7f3ff;border-radius:20px;margin-top:8px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.tag-launch[data-v-f20555d3]{color:#2d8a7d;background:#e6fffa;border-color:#b2f5ea}.rr-player{box-shadow:none}.api-item[data-v-fde6b8cb]{white-space:wrap;word-break:break-all;color:gray;display:flex}.api-item.active[data-v-fde6b8cb]{color:#000}.log-stamp[data-v-fde6b8cb]{flex-shrink:0;width:60px}.screen-wrap[data-v-44f280f4]{border:1px solid #333;border-radius:20px;position:relative;overflow:hidden}.screen-wrap[data-v-44f280f4]:hover:after{content:"屏幕区域\d \a (" attr(data-w)"x" attr(data-h)")";text-align:center;background:#0ff;justify-content:center;align-items:center;width:100%;height:100%;font-size:50px;transition:background .2s;display:flex}.used-screen[data-v-44f280f4]{border:1px dashed #333;position:absolute}.used-screen[data-v-44f280f4]:hover:after{content:"可用区域\d \a (" attr(data-w)"x" attr(data-h)")";text-align:center;background:#dc143c;justify-content:center;align-items:center;width:100%;height:100%;font-size:42px;transition:background .2s;display:flex}.status-bar[data-v-44f280f4]{border:1px dashed #333;position:absolute;left:0;right:0}.block-domain[data-v-274f181e]{color:var(--el-color-info);font-size:12px}.status-icon[data-v-319c5cc6]{--size:16px;width:var(--size);height:var(--size);border-radius:50%;display:inline-block}.status-wrap[data-v-319c5cc6]{align-items:center;display:inline-flex}.header[data-v-7e88ad4a]{gap:10px;display:flex}.timeline-container[data-v-7e88ad4a]{width:100%;padding:25px}.row[data-v-7e88ad4a]{align-items:center;height:30px;margin-bottom:12px;display:flex}.label[data-v-7e88ad4a]{color:#333;width:140px;font-size:13px;font-weight:700}.bar-container[data-v-7e88ad4a]{background:#eee;border:1px solid #e0e0e0;border-radius:4px;flex:1;height:100%;position:relative}.bar[data-v-7e88ad4a]{box-sizing:border-box;color:#fff;align-items:center;height:100%;padding-left:5px;font-size:10px;font-weight:700;transition:width .3s;display:flex;position:absolute;top:0}.color-stall[data-v-7e88ad4a]{background-color:#bdc3c7}.color-dns[data-v-7e88ad4a]{background-color:#a29bfe}.color-tcp[data-v-7e88ad4a]{background-color:#e17055}.color-ssl[data-v-7e88ad4a]{background-color:#fdcb6e}.color-ttfb[data-v-7e88ad4a]{background-color:#00c853}.color-download[data-v-7e88ad4a]{background-color:#ff9800}.section-title[data-v-7e88ad4a]{color:#999;border-left:3px solid #ddd;margin:15px 0 8px;padding-left:8px;font-size:12px}.skeleton-normal[data-v-36aeb7ab] .el-skeleton__text{height:25px;margin-top:1px;margin-bottom:12px}.el-menu{height:100%}.scrollbar-wrap{height:calc(100vh - var(--topbar-height))}input{font-family:YaHei}.page-enter-active,.page-leave-active{transition:all .24s;transform:translateY(0)}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(200px)}body{height:100vh;margin:0;padding:0;overflow:hidden}:root{--topbar-height:50px;--sidebar-width:240px;--layout-outer-background:#f0f2f5;--layout-inner-background:#fff;--layout-outer-padding:10px;--layout-inner-padding:20px;--breadcrumb-height:56px}