.tower-crane-monitoring[data-v-3d1948c2]{font-family:Alibaba PuHuiTi}.tower-crane-monitoring .main-popup[data-v-3d1948c2]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99}.tower-crane-monitoring .panel-grid[data-v-3d1948c2]{display:grid;grid-template-columns:356px 640px;gap:8px}.tower-crane-monitoring .panel-item[data-v-3d1948c2]{padding:12px;background:rgba(0,0,0,.2);display:flex;flex-direction:column;height:208px;box-sizing:border-box}.tower-crane-monitoring .panel-realtime[data-v-3d1948c2],.tower-crane-monitoring .panel-video[data-v-3d1948c2]{height:408px}.tower-crane-monitoring .realtime-cards[data-v-3d1948c2]{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-content:start}.tower-crane-monitoring .realtime-card[data-v-3d1948c2]{height:80px;min-width:0}.tower-crane-monitoring .driver-item[data-v-3d1948c2]{flex:1;min-height:0;display:flex;gap:12px;padding:12px;box-shadow:inset 0 0 4px 1px rgba(22,247,245,.5019607843137255);background:rgba(1,27,51,.5019607843137255);border:1px solid rgba(14,117,211,.6);border-radius:4px}.tower-crane-monitoring .driver-item .driver-avatar[data-v-3d1948c2]{width:86px;height:112px;flex-shrink:0;object-fit:cover}.tower-crane-monitoring .driver-item .driver-content[data-v-3d1948c2]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.tower-crane-monitoring .driver-item .driver-header[data-v-3d1948c2]{display:flex;align-items:center;justify-content:space-between;gap:8px}.tower-crane-monitoring .driver-item .driver-name[data-v-3d1948c2]{color:#e1edfa;font-size:16px;line-height:22px;font-family:Alibaba PuHuiTi Bold}.tower-crane-monitoring .driver-item .driver-item-info[data-v-3d1948c2]{display:flex;align-items:center;gap:4px;font-size:14px;line-height:20px}.tower-crane-monitoring .driver-item .driver-item-info .driver-item-info-label[data-v-3d1948c2]{color:#98b8d9}.tower-crane-monitoring .driver-item .driver-item-info .driver-item-info-value[data-v-3d1948c2]{color:#b7cee6}.tower-crane-monitoring .driver-item .driver-phone[data-v-3d1948c2]{color:#0be8fc;cursor:pointer}.tower-crane-monitoring .video-box[data-v-3d1948c2]{width:100%;flex:1;min-height:0;height:auto;overflow:hidden;border-radius:4px;position:relative}.tower-crane-monitoring .video-box[data-v-3d1948c2] .ant-spin-container,.tower-crane-monitoring .video-box[data-v-3d1948c2] .ant-spin-nested-loading,.tower-crane-monitoring .video-box[data-v-3d1948c2] .awsa-loading{width:100%;height:100%}.tower-crane-monitoring .video-footer[data-v-3d1948c2]{position:absolute;bottom:0;left:0;width:100%;height:32px;padding:0 12px;background:rgba(0,0,0,.5490196078431373);display:flex;align-items:center;color:#b7cee6;font-size:14px;gap:8px}.tower-crane-monitoring .video-footer .video-live[data-v-3d1948c2]{display:flex;align-items:center;justify-content:center;color:#2afc0b;width:41.4px;height:20px;border-width:1px;border-style:solid;border-image-source:linear-gradient(149.99deg,rgba(42,252,11,.7019607843137254) 7.83%,rgba(42,252,11,.2) 92.37%);border-image-slice:1;box-sizing:border-box;box-shadow:inset 0 0 8px #2afc0b}.tower-crane-monitoring .video-footer .video-offline[data-v-3d1948c2]{width:41.4px;height:20px;display:flex;align-items:center;justify-content:center;color:#a3b4cc;border-width:1px;border-style:solid;border-image-source:linear-gradient(149.99deg,rgba(163,180,204,.7019607843137254) 7.83%,rgba(163,180,204,.2) 92.37%);border-image-slice:1;box-sizing:border-box;box-shadow:inset 0 0 8px #a3b4cc}.main-popup-enter-active[data-v-3d1948c2],.main-popup-leave-active[data-v-3d1948c2]{transition:all .15s linear}.main-popup-enter-from[data-v-3d1948c2],.main-popup-leave-to[data-v-3d1948c2]{opacity:0}.main-popup-enter-to[data-v-3d1948c2],.main-popup-leave-from[data-v-3d1948c2]{opacity:1}