.smart-crossing-scene{min-height:430px;background:#e5eef2;border:1px solid #c8d5db;border-radius:18px;overflow:hidden}.smart-crossing-scene svg{display:block;width:100%;height:auto}.sc-sky{fill:#e6f0f4}.sc-city rect{fill:#c7d7df}.sc-sidewalk{fill:#c9c3b7}.sc-road{fill:#30383f}.sc-lane{stroke:#f5f1d3;stroke-width:4;stroke-dasharray:20 17}.sc-stop-line{stroke:#f5f1d3;stroke-width:7}.sc-crosswalk rect{fill:#f7f7f2}.sc-signal>rect:first-child,.sc-ped-signal>rect:first-child{fill:#687982}.sc-signal .box,.sc-ped-signal .box{fill:#1e2c34;stroke:#0d171c;stroke-width:4}.sc-signal .lamp,.sc-ped-signal .ped{fill:#28353b;stroke:#0f171a;stroke-width:3;opacity:.35}.sc-signal .lamp.red.on{fill:#e53935;opacity:1;filter:drop-shadow(0 0 9px #e53935)}.sc-signal .lamp.yellow.on{fill:#f5b400;opacity:1;filter:drop-shadow(0 0 9px #f5b400)}.sc-signal .lamp.green.on{fill:#22a447;opacity:1;filter:drop-shadow(0 0 9px #22a447)}.sc-ped-signal .ped.stop.on{fill:#e53935;opacity:1;filter:drop-shadow(0 0 8px #e53935)}.sc-ped-signal .ped.walk.on{fill:#24a148;opacity:1;filter:drop-shadow(0 0 8px #24a148)}.sc-card rect,.sc-mode-panel rect,.sc-output-panel rect,.sc-status rect{fill:#102a3a;stroke:#31556a;stroke-width:2}.sc-card text,.sc-mode-panel text,.sc-output-panel text,.sc-status text{fill:#edf7fb;font:600 14px system-ui,sans-serif}.sc-card .value{font-size:18px;font-weight:800}.sc-card.active rect{fill:#4a251c;stroke:#d35d3d}.sc-card.m05.active .value,.sc-card.fault.active .value{fill:#ffb19f}.sc-card.reset.active rect{fill:#173d2d;stroke:#2d8a5d}.sc-card.reset.active .value{fill:#8be8ae}.sc-mode-panel .on{fill:#ffe37a;font-weight:800}.sc-output-panel .alarm{fill:#ffb19f;font-weight:800}.sc-car ellipse{fill:#000;opacity:.16}.sc-car .body{fill:#1f6fb2}.sc-car .roof{fill:#2b84ca}.sc-car .window{fill:#bfe4f4}.sc-car .wheel{fill:#151a1d}.sc-car.go{animation:sc-car-go 1.6s linear infinite}.cone{fill:#f39c12;stroke:#8a5100;stroke-width:3}.barrier{fill:#f4d03f}.sc-alert rect{fill:#8d1f1f}.sc-alert text{fill:#fff;font:800 14px system-ui,sans-serif}.sc-status .emergency,.sc-status .fault{fill:#ffb4ab}.sc-status .maintenance{fill:#ffe78a}.sc-status .normal{fill:#8be8ae}@keyframes sc-car-go{from{transform:translateX(0)}to{transform:translateX(92px)}}@media(max-width:760px){.smart-crossing-scene{min-height:0;overflow-x:auto}.smart-crossing-scene svg{min-width:700px}}