#map-container[data-v-e6b08e8a]{width:100%;height:100%;min-height:400px}.map-panel .map-controls,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{display:none}.slider-overlay[data-v-72158306]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;padding:0 20px;box-sizing:border-box;pointer-events:none}[data-v-72158306] .slider-overlay .el-slider{height:100%;pointer-events:none}[data-v-72158306] .slider-overlay .el-slider__runway{margin:0;height:100%}[data-v-72158306] .slider-overlay .el-slider__bar,[data-v-72158306] .slider-overlay .el-slider__runway{background-color:transparent!important;pointer-events:none}[data-v-72158306] .slider-overlay .el-slider__button-wrapper{height:100%;top:0;background:transparent;display:flex;justify-content:center;align-items:center;pointer-events:auto}[data-v-72158306] .slider-overlay .el-slider__button{border:none;background-color:#fff;width:2px;height:100%!important;border-radius:0;margin-top:0;transition:none;box-shadow:0 0 2px rgba(0,0,0,.3);pointer-events:auto}[data-v-72158306] .slider-overlay .el-slider__button.dragging,[data-v-72158306] .slider-overlay .el-slider__button.hover,[data-v-72158306] .slider-overlay .el-slider__button:hover{transform:scale(1)}.exploration-page[data-v-72158306]{display:flex;flex-direction:column;height:100%;width:100%;background-color:#f5f7fa;padding:20px;box-sizing:border-box;gap:16px}.left-panel[data-v-72158306]{width:100%;display:flex;flex-direction:row;gap:16px;background:#fff;padding:18px 20px;border-radius:6px;box-shadow:0 2px 10px 0 rgba(0,0,0,.08);box-sizing:border-box;flex-shrink:0}.left-panel>.header-section[data-v-72158306]{flex:1.1;min-width:380px;display:flex;flex-direction:column;gap:14px;padding:4px 16px 4px 2px;border-right:1px dashed #ebeef5}.left-panel>.details-section[data-v-72158306]{flex:2;min-width:500px}.right-panel[data-v-72158306]{flex:1;display:flex;flex-direction:column;gap:10px;background:#fff;padding:16px;border-radius:6px;box-shadow:0 2px 10px 0 rgba(0,0,0,.08);position:relative;min-height:0}.header-section .event-type[data-v-72158306]{display:flex;align-items:center;gap:10px;font-weight:500}.header-section .event-type i[data-v-72158306]{color:#f56c6c;font-size:20px}.header-section .event-type .ship-name-text[data-v-72158306]{font-size:18px;font-weight:600;color:#303133}.header-section .event-type .tags[data-v-72158306]{margin-left:auto}.header-section .ship-info[data-v-72158306]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px 24px}.header-section .ship-info .info-item[data-v-72158306]{display:flex;flex-direction:column;gap:3px}.header-section .ship-info .info-item label[data-v-72158306]{font-size:12px;color:#909399;font-weight:400}.header-section .ship-info .info-item span[data-v-72158306]{font-size:14px;color:#303133;font-weight:500}.header-section .ship-footer[data-v-72158306]{display:flex;justify-content:space-between;align-items:center;margin-top:2px;padding-top:10px;border-top:1px solid #f2f6fc}.header-section .ship-footer .mmsi-label[data-v-72158306]{font-size:12px;color:#909399;font-family:Consolas,Menlo,monospace;padding:3px 8px;background:#f4f4f5;border-radius:3px}.header-section .ship-footer[data-v-72158306] .el-button{color:#409eff;padding:0;font-size:13px}.details-section[data-v-72158306]{background:linear-gradient(135deg,#f9fafc,#fff);padding:14px 16px;border-radius:6px}.details-section .section-header[data-v-72158306]{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.details-section .section-header h3[data-v-72158306]{margin:0;font-size:15px;font-weight:600;color:#303133;position:relative;padding-left:10px}.details-section .section-header h3[data-v-72158306]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:linear-gradient(180deg,#409eff,#00dce7);border-radius:2px}.details-section .section-header .location-time[data-v-72158306]{font-size:12px;color:#909399;background:#fff;padding:4px 10px;border-radius:12px;border:1px solid #ebeef5}.details-section .details-grid[data-v-72158306]{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 18px}.details-section .details-grid .detail-item[data-v-72158306]{display:flex;flex-direction:column;gap:5px;padding:10px 12px;background:#fff;border-radius:4px;border:1px solid #f0f2f5;transition:all .2s}.details-section .details-grid .detail-item[data-v-72158306]:hover{box-shadow:0 2px 8px rgba(64,158,255,.12);transform:translateY(-1px)}.details-section .details-grid .detail-item label[data-v-72158306]{font-size:12px;color:#909399;font-weight:400}.details-section .details-grid .detail-item span[data-v-72158306]{font-size:15px;font-weight:600;color:#303133;letter-spacing:.3px}.details-section .details-grid .detail-item span.highlight-num[data-v-72158306]{color:#409eff;font-size:18px}.details-section .details-grid .detail-item span.highlight-num em[data-v-72158306]{font-style:normal;font-size:12px;color:#909399;font-weight:400;margin-left:2px}.map-wrapper[data-v-72158306]{flex:1;position:relative;border-radius:6px;overflow:hidden;min-height:0}.playback-overlay[data-v-72158306]{position:absolute;bottom:0;left:0;right:0;background:#2b323a;padding:10px 20px;color:#fff;z-index:10;border-top:1px solid #3d4550}.playback-overlay .chart-header[data-v-72158306]{display:flex;justify-content:space-between;font-size:12px;color:#8b949e;margin-bottom:5px}.playback-overlay .chart-header .chart-legend[data-v-72158306]{display:flex;gap:20px}.playback-overlay .chart-header .chart-legend span[data-v-72158306]{display:flex;align-items:center;gap:5px}.playback-overlay .chart-header .expand-icon[data-v-72158306]{cursor:pointer}.playback-overlay .chart-header .expand-icon[data-v-72158306]:hover{color:#fff}.playback-overlay .chart-area[data-v-72158306]{height:60px;position:relative;margin-bottom:10px}.playback-overlay .chart-area svg[data-v-72158306]{overflow:visible}.playback-overlay .chart-area .time-marker[data-v-72158306]{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 4px hsla(0,0%,100%,.5);pointer-events:none;z-index:2}.playback-overlay .chart-area .time-marker[data-v-72158306]:before{content:"";position:absolute;top:-3px;left:-2px;width:6px;height:6px;background:#fff;border-radius:50%}.playback-overlay .playback-controls[data-v-72158306]{display:flex;justify-content:space-between;align-items:center}.playback-overlay .playback-controls .time-labels[data-v-72158306]{flex:1;display:flex;justify-content:space-between;margin-right:40px;font-size:10px;color:#606b7a}.playback-overlay .playback-controls .control-buttons[data-v-72158306]{display:flex;gap:5px}.playback-overlay .playback-controls .control-buttons[data-v-72158306] .el-button{background:#3a4150;border:1px solid #4b5363;color:#fff;padding:6px 10px;font-size:14px}.playback-overlay .playback-controls .control-buttons[data-v-72158306] .el-button:hover{background:#4b5363}.playback-overlay .playback-controls .control-buttons[data-v-72158306] .el-button.is-active,.playback-overlay .playback-controls .control-buttons[data-v-72158306] .el-button:active{background:#20a0ff;border-color:#20a0ff}.playback-overlay .playback-controls .control-buttons[data-v-72158306] .el-button-group>.el-button{float:none;margin-left:2px;border-radius:4px}.playback-overlay .playback-controls .control-buttons[data-v-72158306] .el-button-group>.el-button:first-child{margin-left:0}.map-side-tools[data-v-72158306]{position:absolute;top:20px;right:10px;display:flex;flex-direction:column;gap:10px;z-index:10}@media (max-width:1440px){.details-section .details-grid[data-v-72158306]{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.left-panel[data-v-72158306]{flex-direction:column;padding:14px 16px}.left-panel>.header-section[data-v-72158306]{min-width:0;padding:0 0 14px 0;border-right:none;border-bottom:1px dashed #ebeef5}.left-panel>.details-section[data-v-72158306]{min-width:0}.details-section .details-grid[data-v-72158306]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.exploration-page[data-v-72158306]{padding:10px;gap:10px}.details-section .details-grid[data-v-72158306],.header-section .ship-info[data-v-72158306]{grid-template-columns:1fr 1fr}.right-panel[data-v-72158306]{padding:10px}}