.traffic-monitor[data-v-09c7a3c5]{padding:24px 0;background-color:#f5f5f5;min-height:100vh}.traffic-monitor .chart-wrapper[data-v-09c7a3c5]{width:100%;position:relative}.traffic-monitor .monitor-header[data-v-09c7a3c5]{margin-bottom:24px}.traffic-monitor .monitor-header h1[data-v-09c7a3c5]{font-size:24px;font-weight:600;margin:0 0 4px 0;color:#1f2f3d}.traffic-monitor .monitor-header .subtitle[data-v-09c7a3c5]{color:#8c8f92;margin:0;font-size:14px}.traffic-monitor .filter-section[data-v-09c7a3c5]{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.traffic-monitor .filter-section .export-btn-wrapper[data-v-09c7a3c5]{display:flex;justify-content:flex-end;margin-top:16px}.traffic-monitor .filter-section[data-v-09c7a3c5] .ant-form-item{margin-bottom:0}.traffic-monitor .stats-cards[data-v-09c7a3c5]{margin-bottom:24px}.traffic-monitor .stats-cards .stat-card[data-v-09c7a3c5]{border-radius:12px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.traffic-monitor .stats-cards .stat-card[data-v-09c7a3c5]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.traffic-monitor .stats-cards .stat-card .stat-title[data-v-09c7a3c5]{font-size:14px;color:#8c8f92;margin-bottom:12px}.traffic-monitor .stats-cards .stat-card .stat-value[data-v-09c7a3c5]{font-size:36px;font-weight:600;color:#1f2f3d}.traffic-monitor .stats-cards .normal .stat-value[data-v-09c7a3c5]{color:#52c41a}.traffic-monitor .stats-cards .abnormal .stat-value[data-v-09c7a3c5]{color:#ff4d4f}.traffic-monitor .stats-cards .recovered .stat-value[data-v-09c7a3c5]{color:#faad14}.traffic-monitor .stats-cards .order .stat-value[data-v-09c7a3c5]{color:#722ed1}.traffic-monitor .stats-cards .order[data-v-09c7a3c5]{cursor:pointer;position:relative}.traffic-monitor .stats-cards .order .stat-title[data-v-09c7a3c5]{display:flex;align-items:center;justify-content:center;gap:8px}.traffic-monitor .stats-cards .order .expand-icon[data-v-09c7a3c5]{font-size:12px;transition:transform .2s ease;color:#722ed1}.traffic-monitor .stats-cards .order .expand-icon.rotated[data-v-09c7a3c5]{transform:rotate(180deg)}.traffic-monitor .stats-cards .order .click-hint[data-v-09c7a3c5]{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:11px;color:#b37feb;opacity:0;transition:opacity .2s ease;pointer-events:none}.traffic-monitor .stats-cards .order:hover .click-hint[data-v-09c7a3c5]{opacity:1}.traffic-monitor .sub-stats-expand[data-v-09c7a3c5]{margin-bottom:24px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);border:1px solid #f0f0f0}.traffic-monitor .sub-stats-expand .sub-stats-title[data-v-09c7a3c5]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2f3d;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.traffic-monitor .sub-stats-expand .sub-stats-title .anticon[data-v-09c7a3c5]{font-size:18px;color:#722ed1}.traffic-monitor .sub-stats-expand .sub-card-grid[data-v-09c7a3c5]{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}.traffic-monitor .sub-stats-expand .sub-stat-item[data-v-09c7a3c5]{flex:1;min-width:140px;background:#fafbfc;border-radius:16px;padding:18px 12px;text-align:center;transition:all .25s ease;border:1px solid #f0f0f0}.traffic-monitor .sub-stats-expand .sub-stat-item[data-v-09c7a3c5]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08);background:#fff}.traffic-monitor .sub-stats-expand .sub-stat-item .sub-stat-label[data-v-09c7a3c5]{font-size:14px;font-weight:500;color:#5a6874;margin-bottom:12px}.traffic-monitor .sub-stats-expand .sub-stat-item .sub-stat-number[data-v-09c7a3c5]{font-size:32px;font-weight:700;color:#1e293b;line-height:1.2}.traffic-monitor .sub-stats-expand .sub-stat-item .sub-stat-unit[data-v-09c7a3c5]{font-size:12px;font-weight:400;color:#94a3b8;margin-left:4px}.traffic-monitor .sub-stats-expand .sub-stat-item .progress-bar-bg[data-v-09c7a3c5]{margin-top:14px;height:6px;background:#e9ecef;border-radius:4px;overflow:hidden}.traffic-monitor .sub-stats-expand .sub-stat-item .progress-fill[data-v-09c7a3c5]{height:100%;border-radius:4px;transition:width .3s ease}.traffic-monitor .trend-section[data-v-09c7a3c5]{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.traffic-monitor .trend-section .trend-header[data-v-09c7a3c5]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:24px;gap:16px}.traffic-monitor .trend-section .trend-header h2[data-v-09c7a3c5]{font-size:18px;font-weight:500;margin:0;color:#1f2f3d}.traffic-monitor .trend-section .trend-header .trend-filters[data-v-09c7a3c5]{min-width:0}.traffic-monitor .trend-section .trend-header .trend-filters .trend-query-fields[data-v-09c7a3c5]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px}.traffic-monitor .trend-section .trend-header .trend-filters[data-v-09c7a3c5] .trend-query-form.ant-form-horizontal .ant-form-item{margin-bottom:0;flex:0 1 auto;row-gap:0}.traffic-monitor .trend-section .trend-header .trend-filters[data-v-09c7a3c5] .trend-query-form .ant-form-item-row{flex-wrap:nowrap!important;flex-direction:row!important;align-items:center}.traffic-monitor .trend-section .trend-header .trend-filters[data-v-09c7a3c5] .trend-query-form .ant-form-item-label{flex:0 0 auto!important;max-width:200px;padding-bottom:0}.traffic-monitor .trend-section .trend-header .trend-filters[data-v-09c7a3c5] .trend-query-form .ant-form-item-label>label{height:auto;max-width:200px;white-space:normal;line-height:1.35;word-break:break-word;align-items:flex-start}.traffic-monitor .trend-section .trend-header .trend-filters[data-v-09c7a3c5] .trend-query-form .ant-form-item-control{flex:1 1 auto!important;min-width:0}.traffic-monitor .trend-section .trend-header .trend-filters .trend-query-field[data-v-09c7a3c5]{min-width:360px}.traffic-monitor .trend-section .trend-header .trend-filters .trend-query-field-sim[data-v-09c7a3c5]{flex:1 1 320px;min-width:360px;max-width:480px}.traffic-monitor .trend-section .trend-header .trend-filters[data-v-09c7a3c5] .trend-sim-select{width:100%;min-width:160px}.traffic-monitor .trend-section .trend-header .trend-filters .trend-query-actions[data-v-09c7a3c5]{flex:0 0 auto;min-width:unset}.traffic-monitor .trend-section .trend-header .trend-filters .trend-query-actions[data-v-09c7a3c5] .ant-form-item-label{display:none}.traffic-monitor .trend-section .trend-header .trend-filters .trend-query-actions[data-v-09c7a3c5] .ant-form-item-control{max-width:none}.traffic-monitor .trend-section .trend-header .trend-filters .trend-query-actions[data-v-09c7a3c5] .ant-form-item-control-input-content{display:flex;align-items:center}.traffic-monitor .trend-section .chart-container[data-v-09c7a3c5]{width:100%;height:450px}.slide-fade-enter-active[data-v-09c7a3c5]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-09c7a3c5]{transition:all .2s ease-in}.slide-fade-enter-from[data-v-09c7a3c5],.slide-fade-leave-to[data-v-09c7a3c5]{transform:translateY(-10px);opacity:0}@media (max-width:1200px){.trend-section .trend-header[data-v-09c7a3c5]{flex-direction:column;align-items:flex-start}.sub-card-grid[data-v-09c7a3c5]{flex-direction:column;gap:12px}.sub-stat-item[data-v-09c7a3c5]{width:100%}}[data-v-ec1e2a4c] .ant-modal-header{border:none!important}.ModalTitle[data-v-ec1e2a4c]{text-align:center;font-size:18px}.footerModal[data-v-ec1e2a4c]{display:flex;justify-content:center;align-items:center}[data-v-ec1e2a4c] .uploadFile{margin-bottom:15px}[data-v-ec1e2a4c] .uploadFile,[data-v-ec1e2a4c] .uploadFile>span{display:flex;align-items:center}[data-v-ec1e2a4c] .uploadFile>span>.ant-upload{order:1;margin-top:7px}[data-v-ec1e2a4c] .uploadFile>span>.ant-upload-list-text .anticon-paper-clip{display:none}[data-v-ec1e2a4c] .uploadFile>span>.ant-upload-list-text .ant-upload-list-item-name{padding-left:0}[data-v-ec1e2a4c] .uploadFile>button{margin:7px 0 0 15px}.radioActions[data-v-ec1e2a4c]{position:absolute;width:75%;top:192px;right:24px}[data-v-ec1e2a4c] .ant-upload-list-item-card-actions{right:-7px}[data-v-ec1e2a4c] .ant-form-inline .ant-form-item>.ant-form-item-label{flex:auto}[data-v-ec1e2a4c] .ant-form-inline .ant-form-item>.ant-form-item-control{display:block}[data-v-ec1e2a4c] .ant-pagination-total-text{line-height:32px}.content[data-v-ec1e2a4c],[data-v-ec1e2a4c] .ant-select-item-option-content{text-align:left}.content .search-box[data-v-ec1e2a4c]{width:100%;padding:16px;margin-bottom:16px;display:flex;align-items:center;box-sizing:border-box;background:#fff;border-bottom-left-radius:9px!important;border-bottom-right-radius:9px!important}.content .search-box[data-v-ec1e2a4c] .batch-box{flex:1;display:flex;align-items:center;width:100%}.content .breadcrumb[data-v-ec1e2a4c]{padding:10px 20px}.content .gutter-example[data-v-ec1e2a4c]{background:#fff;padding:0;border-radius:9px!important}.content .gutter-example .tableWrap[data-v-ec1e2a4c]{background:#fff;padding:16px;border-radius:9px}.content .gutter-example .tableWrap[data-v-ec1e2a4c] .ant-table-scroll{overflow-x:auto}.content .gutter-example .tableWrap .handleBox[data-v-ec1e2a4c]{line-height:32px;margin-bottom:15px;text-align:right}.content .gutter-example .tableWrap .handleBox .icon-sec[data-v-ec1e2a4c]{font-size:16px}.content .gutter-example .tableWrap .handleBox .handleItem[data-v-ec1e2a4c]{margin:0 10px;cursor:pointer}.content .gutter-example .tableWrap .handleBox .handleItem .icon-sec[data-v-ec1e2a4c]{font-size:16px}.content .gutter-example .tableWrap .page-count[data-v-ec1e2a4c]{text-align:left;padding-top:10px;padding-left:10px}.content .gutter-example .tableWrap .expandSec .infoItem[data-v-ec1e2a4c]{border-bottom:1px solid #ddd;overflow:hidden;padding-bottom:12px}.content .gutter-example .tableWrap .expandSec .infoItem .tit[data-v-ec1e2a4c]{padding:10px 0;font-size:16px;font-weight:700}.content .gutter-example .tableWrap .expandSec .infoItem .secBox[data-v-ec1e2a4c]{width:50%;float:left}.content .gutter-example .tableWrap .expandSec .infoItem .secBox .dataItem[data-v-ec1e2a4c]{padding:6px 0;overflow:hidden;color:#383838}.content .gutter-example .tableWrap .expandSec .infoItem .secBox .dataItem .dataLabel[data-v-ec1e2a4c]{font-size:14px;margin-right:10px;float:left;color:#a6a6a6}.content .gutter-example .tableWrap .expandSec .infoItem .secBox .dataItem .ant-badge[data-v-ec1e2a4c]{float:left;margin:0 6px}.content .gutter-example .tableWrap .expandSec .infoItem .secBox .progressBox[data-v-ec1e2a4c]{width:360px;float:left;margin-left:20px}.content .gutter-example .tableWrap .expandSec .infoItem .secBox .progressBox .insCon[data-v-ec1e2a4c]{position:relative;width:100%;height:30px}.content .gutter-example .tableWrap .expandSec .infoItem .secBox .progressBox .insCon span[data-v-ec1e2a4c]{position:absolute;color:#a6a6a6}.content .gutter-example .tableWrap .expandSec .infoItem .secBox .progressBox .insCon .left[data-v-ec1e2a4c]{top:0;left:-30px}.content .gutter-example .tableWrap .expandSec .infoItem .secBox .progressBox .insCon .right[data-v-ec1e2a4c]{top:0;right:-30px}.content .gutter-example .tableWrap .expandSec .infoItem .secBox .progressBox .insCon .middle[data-v-ec1e2a4c]{top:0;left:50%}.content .gutter-example .tableWrap .expandSec .infoItem[data-v-ec1e2a4c]:last-child{border-bottom:none}.toolInfo[data-v-ec1e2a4c]{color:#fff}.checkBoxItem[data-v-ec1e2a4c]{padding:6px 0}.settingBox[data-v-ec1e2a4c]{width:240px;background:#fff;box-shadow:0 6px 6px 3px #ddd}.settingBox .title[data-v-ec1e2a4c]{padding:10px 16px;border-bottom:1px solid #ddd;font-size:14px}.settingBox .title a[data-v-ec1e2a4c]{float:right}.settingBox .setItem[data-v-ec1e2a4c]{padding:8px 16px}.settingBox .setItem .ant-checkbox-wrapper[data-v-ec1e2a4c]{width:100%}.settingBox .setItem[data-v-ec1e2a4c]:hover{background:#efefef}[data-v-ec1e2a4c] .ant-typography{text-decoration:underline;font-size:14px;color:rgba(0,0,0,.65)}[data-v-ec1e2a4c] .ant-tabs{padding-top:0}[data-v-ec1e2a4c] .ant-tabs .ant-tabs-bar{margin:0}[data-v-ec1e2a4c] .ant-tabs .ant-tabs-tab{border:none;border-radius:9px;min-height:50px;height:auto;line-height:1.35;min-width:103px;max-width:min(360px,42vw);width:auto;padding:8px 14px;text-align:center;white-space:normal;word-break:break-word;display:inline-flex;align-items:center;justify-content:center}[data-v-ec1e2a4c] .ant-tabs .ant-tabs-tab-btn{white-space:normal;overflow:visible;text-overflow:unset;text-align:center;line-height:inherit}.tabList[data-v-ec1e2a4c]{margin:24px}.formBox[data-v-ec1e2a4c]{margin-bottom:48px}.formBox .formItem[data-v-ec1e2a4c]{margin-bottom:15px}.formBox .formItem .label[data-v-ec1e2a4c]{line-height:40px}.formBox .formItem .label span[data-v-ec1e2a4c]{color:#ea1845;margin-right:6px}.formBox .formItem .label[data-v-ec1e2a4c] .ant-radio-group{margin-left:20px}.formBox .formItem .uploadBox[data-v-ec1e2a4c]{display:inline-block;min-width:240px}[data-v-ec1e2a4c] .ant-table-filter-trigger.active{color:#bfbfbf}.detailWrap[data-v-ec1e2a4c]{padding-top:2px;padding-bottom:12px}.detailWrap .ant-col[data-v-ec1e2a4c]{margin:10px 0}.detailWrap .itemCon[data-v-ec1e2a4c]{margin-top:8px;margin-bottom:24px;padding:12px;border-radius:6px;background-color:#fff;box-shadow:0 1px 3px #d8dadd}.detailWrap .label[data-v-ec1e2a4c]{text-align:right;padding-right:8px;font-size:15px;font-weight:600}[data-v-ec1e2a4c] .search-box .ant-select-single.ant-select-lg .ant-select-selector{font-size:12px!important;border-radius:5px;border-color:rgba(0,0,0,.1)}[data-v-ec1e2a4c] .search-box .ant-picker{border-radius:5px;border-color:rgba(0,0,0,.1)}[data-v-ec1e2a4c] .ant-btn:focus{color:rgba(0,0,0,.85)!important;border-color:#ea1845}[data-v-ec1e2a4c] .ant-btn:hover{color:rgba(0,0,0,.85);border-color:#ea1845!important}[data-v-ec1e2a4c] .ant-btn:focus-within{color:rgba(0,0,0,.85);border-color:#d9d9d9}[data-v-ec1e2a4c] .ant-btn:visited{color:rgba(0,0,0,.85)!important;border-color:#ea1845}[data-v-ec1e2a4c] .guide-header{color:rgba(0,0,0,.75)!important;background-color:#ffe6e7!important}