@charset "UTF-8";[data-v-d22f9702]:root{--el-color-primary: #004889;--el-border-radius-base: 3px}:root .el-button--primary[data-v-d22f9702]{--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-d22f9702]{--el-popover-border-radius: 6px}.el-table[data-v-d22f9702]{--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-d22f9702]{--notch-size: 8px;--notch-top: 120px;position:absolute;z-index:1000;display:flex;width:360px;height:434px;padding:20px;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 2px 12px #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-d22f9702]{position:relative;display:flex;flex-direction:column;gap:8px;padding-bottom:20px}.info-header[data-v-d22f9702]:after{position:absolute;right:-20px;bottom:0;left:-20px;height:1px;background:repeating-linear-gradient(to right,#dcdcdc 0,#dcdcdc 4px,transparent 4px,transparent 8px);content:""}.drag-header[data-v-d22f9702]{display:flex;margin-bottom:8px;align-items:center}.drag-header .blue-bar[data-v-d22f9702]{width:3px;height:12px;margin-right:4px;background:#0464bb}.drag-header .label[data-v-d22f9702]{font-size:14px;font-weight:500;color:#2d2d2d}.drag-header .value[data-v-d22f9702]{font-size:14px;font-weight:600;color:#2d2d2d}.info-route[data-v-d22f9702]{display:flex;align-items:center}.info-route .port[data-v-d22f9702]{display:flex;flex-direction:column;align-items:center;width:110px}.info-route .port .port-label[data-v-d22f9702]{font-size:14px;font-weight:500;color:#66686a}.info-route .port .port-name[data-v-d22f9702]{font-size:18px;font-weight:700;color:#3d3d3d}.info-route .port.pol[data-v-d22f9702]{text-align:left}.info-route .port.pod[data-v-d22f9702]{text-align:right}.info-route .route-img[data-v-d22f9702]{flex:1;height:7px}.detail-content[data-v-d22f9702]{display:flex;flex-direction:column;flex:1;min-height:0}.detail-content[data-v-d22f9702]::-webkit-scrollbar{width:4px}.detail-content[data-v-d22f9702]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.info-grid[data-v-d22f9702]{display:grid;padding:20px 0;grid-template-columns:1fr 1fr;row-gap:14px}.info-grid .info-item[data-v-d22f9702]{display:flex;flex-direction:column;align-items:center;font-size:14px}.info-grid .info-item .label[data-v-d22f9702]{color:#999}.info-grid .info-item .value[data-v-d22f9702]{color:#2d2d2d}.info-grid .info-item .value.status[data-v-d22f9702]{color:#52c41a}.info-grid .info-item .value.highlight[data-v-d22f9702]{font-weight:500;color:#1a5fb4}.info-grid .info-item .status-tag[data-v-d22f9702]{padding:2px 8px;font-size:12px;border-radius:4px}.timeline[data-v-d22f9702]{display:flex;min-height:0;padding:20px;border:1px solid #dcdcdc;border-radius:3px;flex-direction:column;flex:1}.timeline .timeline-wrapper[data-v-d22f9702]{position:relative;flex:1}.timeline .timeline-wrapper[data-v-d22f9702]:last-child{flex:0}.timeline .timeline-item[data-v-d22f9702]{position:relative;display:flex;box-sizing:border-box;align-items:center;gap:12px}.timeline .timeline-item .timeline-icon[data-v-d22f9702]{background:#b4b6b7}.timeline .timeline-item .timeline-icon .iconfont[data-v-d22f9702]{color:#fff}.timeline .timeline-item .timeline-content .event-title[data-v-d22f9702],.timeline .timeline-item .timeline-content .event-time[data-v-d22f9702]{color:#b4b6b7}.timeline .timeline-item.active .timeline-icon[data-v-d22f9702]{background:#1a5fb4}.timeline .timeline-item.active .timeline-icon .iconfont[data-v-d22f9702]{color:#fff}.timeline .timeline-item.active .timeline-content .event-title[data-v-d22f9702]{color:#1a3a5c}.timeline .timeline-item.active .timeline-content .event-time[data-v-d22f9702]{color:#666}.timeline .timeline-icon[data-v-d22f9702]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:18px;height:18px;transform:rotate(45deg);flex-shrink:0}.timeline .timeline-icon .iconfont[data-v-d22f9702]{transform:rotate(-45deg)}.timeline .timeline-line[data-v-d22f9702]{position:absolute;top:18px;bottom:0;left:8px;z-index:0;width:2px;background:#b4b6b7}.timeline .timeline-line.active[data-v-d22f9702]{background:#1a5fb4}.timeline .timeline-content .event-title[data-v-d22f9702]{font-size:14px;font-weight:600}.timeline .timeline-content .event-time[data-v-d22f9702]{margin-top:4px;font-size:12px}[data-v-348aabb6]:root{--el-color-primary: #004889;--el-border-radius-base: 3px}: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: 6px}.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:10px;margin-top:8px;background:#fff;border-radius:4px;box-shadow:0 1px 10px #0000000d,0 4px 5px #00000014;flex:0 0 auto;flex-direction:column}.cargo-list-header[data-v-348aabb6]{padding:10px 10px 10px 20px;font-size:14px;color:#2d2d2d;flex-shrink:0}.cargo-list-body[data-v-348aabb6]{min-height:0;padding-right:10px;padding-left:10px;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:10px}.cargo-list-bl-row[data-v-348aabb6]{display:flex;align-items:center;font-size:14px;color:#303133}.cargo-list-bl-row[data-v-348aabb6]:before{width:3px;height:12px;margin-right:6px;background:#0464bb;content:"";flex-shrink:0}.cargo-list-bl-row strong[data-v-348aabb6]{margin-left:4px;font-weight:600}.cargo-list-cargo-row[data-v-348aabb6]{margin-top:4px;font-size:13px;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:6px}.cargo-list-route .route-img[data-v-348aabb6]{flex:1;height:7px}.cargo-list-route .port-name[data-v-348aabb6]{width:100px;font-size:14px;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-bd4bf160]:root{--el-color-primary: #004889;--el-border-radius-base: 3px}:root .el-button--primary[data-v-bd4bf160]{--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-bd4bf160]{--el-popover-border-radius: 6px}.el-table[data-v-bd4bf160]{--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-bd4bf160]{position:relative;width:100vw;height:100vh;overflow:hidden}.map[data-v-bd4bf160]{width:100%;height:100%}.lang-switch[data-v-bd4bf160]{position:absolute;top:20px;right:20px;z-index:1000;width:88px}.lang-switch .lang-btn[data-v-bd4bf160]{display:flex;width:100%;padding:8px 12px;font-size:14px;color:#333;cursor:pointer;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;transition:all .2s;align-items:center;justify-content:center;gap:4px}.lang-switch .lang-btn[data-v-bd4bf160]:hover{background:#f5f5f5}.left-panel[data-v-bd4bf160]{position:absolute;top:20px;bottom:24px;left:20px;z-index:1000;display:flex;width:320px;flex-direction:column}.cargo-list-wrapper[data-v-bd4bf160]{display:flex;min-height:0;flex:1 1 0;flex-direction:column}.left-panel .search-logo[data-v-bd4bf160]{display:block;width:22px;height:22px}.left-panel .search-icon[data-v-bd4bf160],.left-panel .search-clear-icon[data-v-bd4bf160]{font-size:18px;color:#999;cursor:pointer}.left-panel .search-icon[data-v-bd4bf160]:hover{color:#1a5fb4}.left-panel .search-clear-icon[data-v-bd4bf160]:hover{color:#f56c6c}:root{--el-color-primary: #004889;--el-border-radius-base: 3px}: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: 6px}.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:10px 12px!important}.monitor-dropdown-menu .dropdown-content .option-item{padding:4px 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:8px;border-radius:4px}.monitor-dropdown-menu .color-item{display:flex;align-items:center;justify-content:flex-start;padding:4px 0}.monitor-dropdown-menu .color-item .el-input{width:80px}.monitor-dropdown-menu .add-btn,.monitor-dropdown-menu .delete-btn{padding:0;margin-left:8px;font-size:12px}.monitor-dropdown-menu .delete-btn{font-size:18px;color:#f56c6c}.el-dropdown-menu .el-dropdown-menu__item.active{font-weight:500;color:#409eff}