.tower-crane-monitoring[data-v-dab95fd4]{font-family:Alibaba PuHuiTi}.tower-crane-monitoring .main-popup[data-v-dab95fd4]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99}.tower-crane-monitoring .panel-grid[data-v-dab95fd4]{display:grid;grid-template-columns:522px 456px;gap:8px}.tower-crane-monitoring .panel-item[data-v-dab95fd4]{padding:12px;background:rgba(0,0,0,.2);display:flex;flex-direction:column;height:208px}.tower-crane-monitoring .driver-item[data-v-dab95fd4]{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-dab95fd4]{width:86px;height:112px;flex-shrink:0;object-fit:cover}.tower-crane-monitoring .driver-item .driver-content[data-v-dab95fd4]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.tower-crane-monitoring .driver-item .driver-header[data-v-dab95fd4]{display:flex;align-items:center;justify-content:space-between;gap:8px}.tower-crane-monitoring .driver-item .driver-name[data-v-dab95fd4]{color:#e1edfa;font-size:16px;line-height:22px;font-family:Alibaba PuHuiTi Bold}.tower-crane-monitoring .driver-item .driver-item-info[data-v-dab95fd4]{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-dab95fd4]{color:#98b8d9}.tower-crane-monitoring .driver-item .driver-item-info .driver-item-info-value[data-v-dab95fd4]{color:#b7cee6}.tower-crane-monitoring .driver-item .driver-phone[data-v-dab95fd4]{color:#0be8fc;cursor:pointer}.tower-crane-monitoring .realtime-grid[data-v-dab95fd4]{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.tower-crane-monitoring .realtime-status-card[data-v-dab95fd4]{height:88px;padding:4px 16px;background:hsla(0,0%,100%,.058823529411764705);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.tower-crane-monitoring .realtime-status-card .realtime-card-label[data-v-dab95fd4]{color:#dae6f2;font-size:14px;line-height:20px}.tower-crane-monitoring .video-box[data-v-dab95fd4]{width:100%;height:192px;overflow:hidden;border-radius:4px;background:rgba(0,0,0,.4);position:relative}.tower-crane-monitoring .video-footer[data-v-dab95fd4]{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-dab95fd4]{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-dab95fd4]{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-dab95fd4],.main-popup-leave-active[data-v-dab95fd4]{transition:all .15s linear}.main-popup-enter-from[data-v-dab95fd4],.main-popup-leave-to[data-v-dab95fd4]{opacity:0}.main-popup-enter-to[data-v-dab95fd4],.main-popup-leave-from[data-v-dab95fd4]{opacity:1}