.iot-transport-container[data-v-249e5d4e]{padding:20px;background:#f5f7fa}.stats-panel[data-v-249e5d4e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:30px}.stat-item[data-v-249e5d4e]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;padding:20px;border-radius:8px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.highlight[data-v-249e5d4e]{font-size:24px;color:#fff;margin:10px 0}.green[data-v-249e5d4e]{color:#17b3a3}.monitor-wrapper[data-v-249e5d4e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;height:calc(100vh - 200px);min-height:600px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.transport-map[data-v-249e5d4e]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;width:100%;min-height:500px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(45deg,rgba(245,247,250,.8),rgba(235,243,255,.6));border:1px solid rgba(64,158,255,.15);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05)}.transport-map[data-v-249e5d4e]:before{border:1px dashed rgba(64,158,255,.1)}.route-path[data-v-249e5d4e]{position:absolute;left:var(--left);top:var(--top);width:var(--length);-webkit-transform:rotate(var(--angle));transform:rotate(var(--angle));-webkit-transform-origin:0 50%;transform-origin:0 50%}.route-path .path-line[data-v-249e5d4e]{height:4px;background:var(--color);border-radius:2px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.route-path .path-marker[data-v-249e5d4e]{position:absolute;width:24px;height:24px;background:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.route-path .path-marker i[data-v-249e5d4e]{color:var(--color);font-size:16px}.route-path .path-marker.start[data-v-249e5d4e]{left:-12px;top:-10px}.route-path .path-marker.end[data-v-249e5d4e]{right:-12px;top:-10px}.route-path .route-label[data-v-249e5d4e]{position:absolute;left:50%;top:-40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;padding:6px 12px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:14px;color:var(--color)}.vehicle-marker[data-v-249e5d4e]{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.vehicle-marker .vehicle-icon[data-v-249e5d4e]{position:relative;width:40px;height:40px;background:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.vehicle-marker .vehicle-icon i[data-v-249e5d4e]{font-size:24px;color:var(--vehicle-color)!important}.vehicle-marker .vehicle-icon .status-badge[data-v-249e5d4e]{position:absolute;right:-4px;top:-4px;width:12px;height:12px;background:var(--vehicle-color);border-radius:50%;border:2px solid #fff}.vehicle-marker .vehicle-info[data-v-249e5d4e]{opacity:0;-webkit-transform:translate(-50%,-10px);transform:translate(-50%,-10px);-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10;min-width:120px;text-align:center}.vehicle-marker .vehicle-info .license[data-v-249e5d4e]{color:var(--vehicle-color);font-weight:600;margin-bottom:4px}.vehicle-marker .vehicle-info .status[data-v-249e5d4e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;font-size:12px}.vehicle-marker .vehicle-info .status .temp[data-v-249e5d4e]{color:#e6a23c}.vehicle-marker .vehicle-info .status .humidity[data-v-249e5d4e]{color:#409eff}.vehicle-marker .vehicle-info .alert-indicator[data-v-249e5d4e]{color:#f56c6c;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:4px 0}.vehicle-marker .vehicle-info .alert-indicator i[data-v-249e5d4e]{margin-right:4px}.vehicle-marker .vehicle-info .alert-list[data-v-249e5d4e]{border-top:1px solid #eee;margin-top:8px;padding-top:8px}.vehicle-marker .vehicle-info .alert-list .alert-item[data-v-249e5d4e]{font-size:12px;color:#f56c6c;padding:4px;white-space:nowrap}.vehicle-marker:hover .vehicle-info[data-v-249e5d4e]{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%);pointer-events:auto}.status-panel[data-v-249e5d4e]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:280px;max-width:320px;height:100%;max-height:100%;overflow-y:auto}.sensor-item[data-v-249e5d4e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;background:#fff;margin-bottom:10px;border-radius:4px}.sensor-item.alert[data-v-249e5d4e]{border-left:4px solid #f56c6c}.alert-box[data-v-249e5d4e]{background:#fef0f0;color:#f56c6c;padding:15px;border-radius:4px;margin-top:20px}.alert-item[data-v-249e5d4e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px 0}.chart-container[data-v-249e5d4e]{background:#fff;padding:20px;border-radius:8px}.mock-chart[data-v-249e5d4e]{height:300px;background:#fafafa;margin-top:15px}.gradient-blue[data-v-249e5d4e]{background:#17b3a3;color:#fff}.elevation-3[data-v-249e5d4e]{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);box-shadow:0 3px 6px rgba(0,0,0,.16)}.map-header[data-v-249e5d4e]{position:absolute;top:20px;left:20px;right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;background:hsla(0,0%,100%,.9);padding:12px 20px;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.map-header h2[data-v-249e5d4e]{margin:0;color:#303133;font-size:18px}.map-legend[data-v-249e5d4e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;font-size:14px}.map-legend span[data-v-249e5d4e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend-icon[data-v-249e5d4e]{width:12px;height:12px;border-radius:2px;margin-right:6px}.broccoli[data-v-249e5d4e]{background:#67c23a}.okra[data-v-249e5d4e]{background:#8bc34a}.sensor-status[data-v-249e5d4e]{width:10px;height:10px;border-radius:50%;margin-right:12px}.sensor-value[data-v-249e5d4e]{font-weight:700;color:#17b3a3}.city-icon[data-v-249e5d4e]{position:relative}.city-icon .city-pulse[data-v-249e5d4e]{position:absolute;width:100%;height:100%;border:2px solid rgba(64,158,255,.5);border-radius:50%;-webkit-animation:pulse-data-v-249e5d4e 2s infinite;animation:pulse-data-v-249e5d4e 2s infinite}.city-info[data-v-249e5d4e]{position:absolute;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(145deg,#fff,#f8f9fa);-webkit-box-shadow:5px 5px 15px rgba(0,0,0,.1),-5px -5px 15px hsla(0,0%,100%,.8);box-shadow:5px 5px 15px rgba(0,0,0,.1),-5px -5px 15px hsla(0,0%,100%,.8);padding:12px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}@-webkit-keyframes flow-data-v-249e5d4e{0%{background-position:0 0}to{background-position:24px 0}}@keyframes flow-data-v-249e5d4e{0%{background-position:0 0}to{background-position:24px 0}}@-webkit-keyframes pulse-data-v-249e5d4e{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes pulse-data-v-249e5d4e{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}.fade-enter-active[data-v-249e5d4e],.fade-leave-active[data-v-249e5d4e]{-webkit-transition:opacity .3s;transition:opacity .3s}.fade-enter[data-v-249e5d4e],.fade-leave-to[data-v-249e5d4e]{opacity:0}.vehicle-status[data-v-249e5d4e]{position:absolute;bottom:-24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.vehicle-status .temp[data-v-249e5d4e]{color:#ffa726}.vehicle-status .humidity[data-v-249e5d4e]{color:#4fc3f7}@media (max-width:1600px){.transport-map[data-v-249e5d4e]{-webkit-box-flex:2.5;-ms-flex:2.5;flex:2.5}.status-panel[data-v-249e5d4e]{-webkit-box-flex:1;-ms-flex:1;flex:1}}@media (max-width:1200px){.monitor-wrapper[data-v-249e5d4e]{height:auto;min-height:800px}.transport-map[data-v-249e5d4e]{min-width:100%;height:500px}.status-panel[data-v-249e5d4e]{max-width:100%}}@media (max-height:800px){.transport-map[data-v-249e5d4e]{min-height:400px}}.transport-map[data-v-249e5d4e]:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;height:90%;border:1px dashed rgba(0,0,0,.1);z-index:0}@-webkit-keyframes route-pulse-data-v-249e5d4e{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes route-pulse-data-v-249e5d4e{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.route-path[data-v-249e5d4e]:active{-webkit-animation:route-pulse-data-v-249e5d4e .3s ease;animation:route-pulse-data-v-249e5d4e .3s ease}.map-loading[data-v-249e5d4e]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000;background:hsla(0,0%,100%,.9);padding:16px 24px;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.map-loading i[data-v-249e5d4e]{margin-right:8px;font-size:18px;color:#409eff}.vehicle-detail[data-v-249e5d4e]{min-width:280px}.vehicle-detail .header[data-v-249e5d4e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.vehicle-detail .sensor-grid[data-v-249e5d4e]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.vehicle-detail .sensor-grid .sensor-item[data-v-249e5d4e]{padding:8px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vehicle-detail .sensor-grid .sensor-item i[data-v-249e5d4e]{margin-right:8px;font-size:18px}.vehicle-detail .sensor-grid .sensor-item span[data-v-249e5d4e]{margin-right:8px}.vehicle-detail .sensor-grid .sensor-item.temp[data-v-249e5d4e]{background:rgba(255,152,0,.1);color:#ff9800}.vehicle-detail .sensor-grid .sensor-item.humidity[data-v-249e5d4e]{background:rgba(33,150,243,.1);color:#2196f3}.vehicle-detail .progress-container[data-v-249e5d4e]{margin-top:16px}.vehicle-detail .progress-container .progress-label[data-v-249e5d4e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#606266}.vehicle-detail .progress-container .progress-bar[data-v-249e5d4e]{height:6px;background:#ebeef5;border-radius:3px;overflow:hidden}.vehicle-detail .progress-container .progress-bar .progress-fill[data-v-249e5d4e]{height:100%;background:#67c23a;-webkit-transition:width .5s ease;transition:width .5s ease}.vehicle-marker.abnormal .status-badge[data-v-249e5d4e]{background:#f56c6c!important;-webkit-animation:pulse-data-v-249e5d4e 1.5s infinite;animation:pulse-data-v-249e5d4e 1.5s infinite}.vehicle-marker.abnormal .vehicle-icon[data-v-249e5d4e]{-webkit-box-shadow:0 4px 12px rgba(245,108,108,.3);box-shadow:0 4px 12px rgba(245,108,108,.3)}