.gif-recorder-panel[data-v-08fa4376]{position:absolute;top:.1rem;left:.1rem;z-index:100;background:rgba(0,20,40,.9);border:1px solid #0af;border-radius:8px;padding:15px;color:#fff;width:200px;font-family:Microsoft YaHei,sans-serif;box-shadow:0 0 15px rgba(0,170,255,.3)}.panel-header[data-v-08fa4376]{font-size:16px;font-weight:700;color:#00e0ff;margin-bottom:10px;text-align:center;border-bottom:1px solid rgba(0,170,255,.3);padding-bottom:5px}.btn-group[data-v-08fa4376]{display:flex;justify-content:center}.record-btn[data-v-08fa4376]{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s}.record-btn.start[data-v-08fa4376]{background:#0c6;color:#fff;box-shadow:0 0 10px rgba(0,204,102,.4)}.record-btn.start[data-v-08fa4376]:hover{background:#0e7}.record-btn.stop[data-v-08fa4376]{background:#f44;color:#fff;box-shadow:0 0 10px rgba(255,68,68,.4)}.record-btn.stop[data-v-08fa4376]:hover{background:#f66}.recording-status[data-v-08fa4376]{text-align:center}.recording-indicator[data-v-08fa4376]{color:#f44;margin-bottom:5px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:5px}.dot[data-v-08fa4376]{width:10px;height:10px;background-color:#f44;border-radius:50%;display:inline-block;animation:blink-08fa4376 1s infinite}@keyframes blink-08fa4376{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.frame-count[data-v-08fa4376]{font-size:12px;color:#aaa;margin-bottom:10px}.processing-status[data-v-08fa4376]{text-align:center}.processing-text[data-v-08fa4376]{font-size:12px;color:#00e0ff;margin-bottom:5px}.progress-bar[data-v-08fa4376]{width:100%;height:6px;background:#333;border-radius:3px;overflow:hidden}.progress-inner[data-v-08fa4376]{height:100%;background:#00e0ff;transition:width .3s}.panel-tip[data-v-08fa4376]{margin-top:10px;font-size:10px;color:#888;text-align:center}.world-map-wrapper[data-v-08fa4376]{position:relative;width:100vw;height:100vh}.world-map-container[data-v-08fa4376]{width:100%;height:100%;overflow:hidden}.ports-container[data-v-08fa4376]{position:absolute;top:25%;right:31%;display:flex;gap:.104rem;z-index:10}.port-chart[data-v-08fa4376]{padding:.021rem .031rem;background:linear-gradient(180deg,rgba(0,40,80,.85),rgba(0,20,50,.9));border:.005rem solid rgba(0,200,255,.4);border-radius:.021rem;box-shadow:0 0 .031rem rgba(0,200,255,.3),inset 0 0 .021rem rgba(0,150,255,.2)}.port-title[data-v-08fa4376]{font-size:.073rem;color:#00e0ff;text-align:center;margin-bottom:.031rem;font-weight:700;text-shadow:0 0 .021rem #00e0ff;letter-spacing:.005rem}.chart-bars[data-v-08fa4376]{display:flex;justify-content:center;align-items:flex-end;gap:.036rem;height:.26rem}.bar-item[data-v-08fa4376]{display:flex;flex-direction:column;align-items:center;width:.125rem}.bar-wrapper[data-v-08fa4376]{width:100%;height:.188rem;display:flex;align-items:flex-end;justify-content:center}.bar[data-v-08fa4376]{width:.052rem;background:linear-gradient(180deg,#00d4ff,#06c);border-radius:.01rem .01rem 0 0;box-shadow:0 0 .021rem rgba(0,200,255,.6),inset 0 .005rem .01rem hsla(0,0%,100%,.3);transition:height .3s ease}.bar.water[data-v-08fa4376]{background:linear-gradient(180deg,#0f8,#0a5);box-shadow:0 0 .021rem rgba(0,255,136,.6),inset 0 .005rem .01rem hsla(0,0%,100%,.3)}.bar.rail[data-v-08fa4376]{background:linear-gradient(180deg,#fc0,#f80);box-shadow:0 0 .021rem rgba(255,200,0,.6),inset 0 .005rem .01rem hsla(0,0%,100%,.3)}.bar-value[data-v-08fa4376]{color:#fff;margin-top:3px;font-weight:700;text-shadow:0 0 2px rgba(0,200,255,.8)}.bar-label[data-v-08fa4376],.bar-value[data-v-08fa4376]{font-size:.0625rem;transform:scale(.83);transform-origin:center center}.bar-label[data-v-08fa4376]{color:hsla(0,0%,100%,.85);margin-top:2px}.port-unit[data-v-08fa4376]{font-size:.052rem;transform:scale(.83);transform-origin:center center;color:hsla(0,0%,100%,.6);text-align:center;margin-top:.021rem}.warehouse-legend[data-v-08fa4376]{position:absolute;left:31vw;top:58vh;z-index:10;background:linear-gradient(180deg,rgba(0,40,80,.85),rgba(0,20,50,.9));border:.005rem solid rgba(0,200,255,.4);border-radius:.021rem;padding:.031rem .042rem;box-shadow:0 0 .031rem rgba(0,200,255,.3),inset 0 0 .021rem rgba(0,150,255,.2)}.legend-item[data-v-08fa4376]{display:flex;align-items:center;gap:.026rem}.legend-icon[data-v-08fa4376]{width:.083rem;height:.083rem;-o-object-fit:contain;object-fit:contain}.legend-text[data-v-08fa4376]{font-size:.052083rem;color:#00e0ff;white-space:nowrap;text-shadow:0 0 .01rem #00e0ff}