@charset "UTF-8";[data-v-5b5185f8]:root{--el-color-primary: #004889;--el-border-radius-base: .1875rem}:root .el-button--primary[data-v-5b5185f8]{--el-button-disabled-bg-color: #a6bfd6;--el-button-disabled-text-color: #fff;--el-button-disabled-border-color: #a6bfd6;--el-button-hover-bg-color: #0464bb;--el-button-hover-text-color: #fff;--el-button-hover-border-color: #0464bb}.el-popover[data-v-5b5185f8]{--el-popover-border-radius: .375rem}.el-table[data-v-5b5185f8]{--el-table-border-color: #e7e7e7;--el-table-header-bg-color: #f5f6fa;--el-table-header-text-color: #66686a;--el-table-header-text-weight: 350}.info-card[data-v-5b5185f8]{--notch-size: .5rem;--notch-top: 7.5rem;position:absolute;z-index:1000;display:flex;width:22.5rem;height:27.125rem;padding:1.25rem;cursor:move;background-image:url(/assets/csl_tradeTransit_bg-ae234058.png);background-repeat:no-repeat;background-size:100% 100%;border-radius:6px;box-shadow:0 .125rem .75rem #00000026;box-sizing:border-box;flex-direction:column;-webkit-mask-image:radial-gradient(circle at 0 var(--notch-top),transparent var(--notch-size),black var(--notch-size)),radial-gradient(circle at 100% var(--notch-top),transparent var(--notch-size),black var(--notch-size));mask-image:radial-gradient(circle at 0 var(--notch-top),transparent var(--notch-size),black var(--notch-size)),radial-gradient(circle at 100% var(--notch-top),transparent var(--notch-size),black var(--notch-size));-webkit-mask-composite:source-in;mask-composite:source-in;-webkit-mask-composite:source-in,xor;mask-composite:intersect}.info-header[data-v-5b5185f8]{position:relative;display:flex;flex-direction:column;gap:.5rem;padding-bottom:1.25rem}.info-header[data-v-5b5185f8]:after{position:absolute;right:-1.25rem;bottom:0;left:-1.25rem;height:1px;background:repeating-linear-gradient(to right,#dcdcdc 0,#dcdcdc .25rem,transparent .25rem,transparent .5rem);content:""}.drag-header[data-v-5b5185f8]{display:flex;margin-bottom:.5rem;align-items:center}.drag-header .blue-bar[data-v-5b5185f8]{width:.1875rem;height:.75rem;margin-right:.25rem;background:#0464bb}.drag-header .label[data-v-5b5185f8]{font-size:.875rem;font-weight:500;color:#2d2d2d}.drag-header .value[data-v-5b5185f8]{font-size:.875rem;font-weight:600;color:#2d2d2d}.info-route[data-v-5b5185f8]{display:flex;align-items:center}.info-route .port[data-v-5b5185f8]{display:flex;flex-direction:column;align-items:center;width:6.875rem}.info-route .port .port-label[data-v-5b5185f8]{font-size:.875rem;font-weight:500;color:#66686a}.info-route .port .port-name[data-v-5b5185f8]{font-size:1.125rem;font-weight:700;color:#3d3d3d}.info-route .port.pol[data-v-5b5185f8]{text-align:left}.info-route .port.pod[data-v-5b5185f8]{text-align:right}.info-route .route-img[data-v-5b5185f8]{flex:1;height:.4375rem}.detail-content[data-v-5b5185f8]{display:flex;flex-direction:column;flex:1;min-height:0}.detail-content[data-v-5b5185f8]::-webkit-scrollbar{width:.25rem}.detail-content[data-v-5b5185f8]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.info-grid[data-v-5b5185f8]{display:grid;padding:1.25rem 0;grid-template-columns:1fr 1fr;row-gap:.875rem}.info-grid .info-item[data-v-5b5185f8]{display:flex;flex-direction:column;align-items:center;font-size:.875rem}.info-grid .info-item .label[data-v-5b5185f8]{color:#999}.info-grid .info-item .value[data-v-5b5185f8]{color:#2d2d2d}.info-grid .info-item .value.status[data-v-5b5185f8]{color:#52c41a}.info-grid .info-item .value.highlight[data-v-5b5185f8]{font-weight:500;color:#1a5fb4}.info-grid .info-item .status-tag[data-v-5b5185f8]{padding:.125rem .5rem;font-size:.75rem;border-radius:4px}.timeline[data-v-5b5185f8]{display:flex;min-height:0;padding:1.25rem;border:1px solid #dcdcdc;border-radius:3px;flex-direction:column;flex:1}.timeline .timeline-wrapper[data-v-5b5185f8]{position:relative;flex:1}.timeline .timeline-wrapper[data-v-5b5185f8]:last-child{flex:0}.timeline .timeline-item[data-v-5b5185f8]{position:relative;display:flex;box-sizing:border-box;align-items:center;gap:.75rem}.timeline .timeline-item .timeline-icon[data-v-5b5185f8]{background:#b4b6b7}.timeline .timeline-item .timeline-icon .iconfont[data-v-5b5185f8]{color:#fff}.timeline .timeline-item .timeline-content .event-title[data-v-5b5185f8],.timeline .timeline-item .timeline-content .event-time[data-v-5b5185f8]{color:#b4b6b7}.timeline .timeline-item.active .timeline-icon[data-v-5b5185f8]{background:#1a5fb4}.timeline .timeline-item.active .timeline-icon .iconfont[data-v-5b5185f8]{color:#fff}.timeline .timeline-item.active .timeline-content .event-title[data-v-5b5185f8]{color:#1a3a5c}.timeline .timeline-item.active .timeline-content .event-time[data-v-5b5185f8]{color:#666}.timeline .timeline-icon[data-v-5b5185f8]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;transform:rotate(45deg);flex-shrink:0}.timeline .timeline-icon .iconfont[data-v-5b5185f8]{transform:rotate(-45deg)}.timeline .timeline-line[data-v-5b5185f8]{position:absolute;top:1.125rem;bottom:0;left:.5rem;z-index:0;width:.125rem;height:4.125rem;background:#b4b6b7}.timeline .timeline-line.active[data-v-5b5185f8]{background:#1a5fb4}.timeline .timeline-content .event-title[data-v-5b5185f8]{font-size:.875rem;font-weight:600}.timeline .timeline-content .event-time[data-v-5b5185f8]{margin-top:.25rem;font-size:.75rem}[data-v-348aabb6]:root{--el-color-primary: #004889;--el-border-radius-base: .1875rem}:root .el-button--primary[data-v-348aabb6]{--el-button-disabled-bg-color: #a6bfd6;--el-button-disabled-text-color: #fff;--el-button-disabled-border-color: #a6bfd6;--el-button-hover-bg-color: #0464bb;--el-button-hover-text-color: #fff;--el-button-hover-border-color: #0464bb}.el-popover[data-v-348aabb6]{--el-popover-border-radius: .375rem}.el-table[data-v-348aabb6]{--el-table-border-color: #e7e7e7;--el-table-header-bg-color: #f5f6fa;--el-table-header-text-color: #66686a;--el-table-header-text-weight: 350}.cargo-list-panel[data-v-348aabb6]{display:flex;max-height:100%;padding-bottom:.625rem;margin-top:.5rem;background:#fff;border-radius:4px;box-shadow:0 1px .625rem #0000000d,0 .25rem .3125rem #00000014;flex:0 0 auto;flex-direction:column}.cargo-list-header[data-v-348aabb6]{padding:.625rem .625rem .625rem 1.25rem;font-size:.875rem;color:#2d2d2d;flex-shrink:0}.cargo-list-body[data-v-348aabb6]{min-height:0;padding-right:.625rem;padding-left:.625rem;overflow-y:auto;flex:1}.cargo-list-item[data-v-348aabb6]{display:flex;padding:0;cursor:pointer;transition:background .2s}.cargo-list-item[data-v-348aabb6]:last-child{border-bottom:none}.cargo-list-item[data-v-348aabb6]:hover{background:#f5f7fa}.cargo-list-content[data-v-348aabb6]{flex:1;min-width:0;padding:.625rem}.cargo-list-bl-row[data-v-348aabb6]{display:flex;align-items:center;font-size:.875rem;color:#303133}.cargo-list-bl-row[data-v-348aabb6]:before{width:.1875rem;height:.75rem;margin-right:.375rem;background:#0464bb;content:"";flex-shrink:0}.cargo-list-bl-row strong[data-v-348aabb6]{margin-left:.25rem;font-weight:600}.cargo-list-cargo-row[data-v-348aabb6]{margin-top:.25rem;font-size:.8125rem;color:#606266}.cargo-list-cargo-row .cargo-count[data-v-348aabb6]{color:#2d2d2d}.cargo-list-route[data-v-348aabb6]{display:flex;align-items:center;margin-top:.375rem}.cargo-list-route .route-img[data-v-348aabb6]{flex:1;height:.4375rem}.cargo-list-route .port-name[data-v-348aabb6]{width:6.25rem;font-size:.875rem;color:#2d2d2d}.cargo-list-route .port-name.pol[data-v-348aabb6]{text-align:left}.cargo-list-route .port-name.pod[data-v-348aabb6]{text-align:right}[data-v-ae856641]:root{--el-color-primary: #004889;--el-border-radius-base: .1875rem}:root .el-button--primary[data-v-ae856641]{--el-button-disabled-bg-color: #a6bfd6;--el-button-disabled-text-color: #fff;--el-button-disabled-border-color: #a6bfd6;--el-button-hover-bg-color: #0464bb;--el-button-hover-text-color: #fff;--el-button-hover-border-color: #0464bb}.el-popover[data-v-ae856641]{--el-popover-border-radius: .375rem}.el-table[data-v-ae856641]{--el-table-border-color: #e7e7e7;--el-table-header-bg-color: #f5f6fa;--el-table-header-text-color: #66686a;--el-table-header-text-weight: 350}.trade-transit-container[data-v-ae856641]{position:relative;width:100vw;height:100vh;overflow:hidden}.map[data-v-ae856641]{width:100%;height:100%}.lang-switch[data-v-ae856641]{position:absolute;top:1.25rem;right:1.25rem;z-index:1000;width:5.5rem}.lang-switch .lang-btn[data-v-ae856641]{display:flex;width:100%;padding:.5rem .75rem;font-size:.875rem;color:#333;cursor:pointer;background:#fff;border-radius:4px;box-shadow:0 .125rem .5rem #0000001a;transition:all .2s;align-items:center;justify-content:center;gap:.25rem}.lang-switch .lang-btn[data-v-ae856641]:hover{background:#f5f5f5}.left-panel[data-v-ae856641]{position:absolute;top:1.25rem;bottom:1.5rem;left:1.25rem;z-index:1000;display:flex;width:20rem;flex-direction:column}.cargo-list-wrapper[data-v-ae856641]{display:flex;min-height:0;flex:1 1 0;flex-direction:column}.left-panel .search-logo[data-v-ae856641]{display:block;width:1.375rem;height:1.375rem}.left-panel .search-icon[data-v-ae856641],.left-panel .search-clear-icon[data-v-ae856641]{font-size:1.125rem;color:#999;cursor:pointer}.left-panel .search-icon[data-v-ae856641]:hover{color:#1a5fb4}.left-panel .search-clear-icon[data-v-ae856641]:hover{color:#f56c6c}:root{--el-color-primary: #004889;--el-border-radius-base: .1875rem}:root .el-button--primary{--el-button-disabled-bg-color: #a6bfd6;--el-button-disabled-text-color: #fff;--el-button-disabled-border-color: #a6bfd6;--el-button-hover-bg-color: #0464bb;--el-button-hover-text-color: #fff;--el-button-hover-border-color: #0464bb}.el-popover{--el-popover-border-radius: .375rem}.el-table{--el-table-border-color: #e7e7e7;--el-table-header-bg-color: #f5f6fa;--el-table-header-text-color: #66686a;--el-table-header-text-weight: 350}html,body,#app{width:100%;height:100%;padding:0;margin:0}.monitor-dropdown-menu{padding:.625rem .75rem!important}.monitor-dropdown-menu .dropdown-content .option-item{padding:.25rem 0}.monitor-dropdown-menu .dropdown-content .option-item .el-radio,.monitor-dropdown-menu .dropdown-content .option-item .el-checkbox{display:block;margin-right:0}.monitor-dropdown-menu .el-radio-group,.monitor-dropdown-menu .el-checkbox-group{display:block}.monitor-dropdown-menu .color-config{padding:.5rem;border-radius:4px}.monitor-dropdown-menu .color-item{display:flex;align-items:center;justify-content:flex-start;padding:.25rem 0}.monitor-dropdown-menu .color-item .el-input{width:5rem}.monitor-dropdown-menu .add-btn,.monitor-dropdown-menu .delete-btn{padding:0;margin-left:.5rem;font-size:.75rem}.monitor-dropdown-menu .delete-btn{font-size:1.125rem;color:#f56c6c}.el-dropdown-menu .el-dropdown-menu__item.active{font-weight:500;color:#409eff}