.index{height:100%}.index,.index .header{display:flex;flex-direction:column}.index .header{width:100%;background-color:#03044a;padding:10px 20px 20px;box-sizing:border-box}.index .header-top{width:100%;display:flex;align-items:center;justify-content:space-between}.index .header-title{color:#fff;font-size:30px;letter-spacing:15px;flex:1;text-align:center;margin:0 40px}.index .header-title h4{margin:0}.index .header .login-box{margin-right:50px}.index .header .login-box h2{margin:0}.index .header .clock{margin-left:20px}.index .header .selector-group{display:flex;align-items:center;gap:8px;margin-right:16px}.index .camera-section{width:100%;height:49.5%;margin-bottom:1%;background-color:transparent;box-sizing:border-box}.index .camera-section .camera-container{border:1px solid #0d2451;position:relative;background:#151456;padding:38px 16px 16px;height:100%;width:100%}.index .camera-section .camera-container .title{position:absolute;display:inline-block;color:#6eddf1;height:18px;left:50%;transform:translate(-50%,-50%);z-index:10}.index .camera-section .camera-container .title .title-gradient{position:relative;font-size:16px;background:#09102e;display:inline-block;padding:0 10px;transform:translateY(-5px)}.index .camera-section .camera-container .angle1,.index .camera-section .camera-container .angle2,.index .camera-section .camera-container .angle3,.index .camera-section .camera-container .angle4{position:absolute;width:12px;height:12px;border:1px solid #6eddf1}.index .camera-section .camera-container .angle1{top:-1px;left:-1px;border-right:none;border-bottom:none}.index .camera-section .camera-container .angle2{top:-1px;right:-1px;border-left:none;border-bottom:none}.index .camera-section .camera-container .angle3{bottom:-1px;left:-1px;border-right:none;border-top:none}.index .camera-section .camera-container .angle4{bottom:-1px;right:-1px;border-left:none;border-top:none}.index .camera-section .camera-container .video-wrapper{width:100%;height:calc(100% - 80px);position:relative;background:#000;margin-top:24px;border-radius:6px;overflow:hidden}.index .camera-section .camera-container .video-wrapper #camera-player{width:100%;height:100%}.index .camera-section .camera-container .video-wrapper .video-error,.index .camera-section .camera-container .video-wrapper .video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#6eddf1}.index .camera-section .camera-container .video-wrapper .video-error .loading-spinner,.index .camera-section .camera-container .video-wrapper .video-loading .loading-spinner{width:40px;height:40px;border:4px solid #0d2451;border-top:4px solid #6eddf1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.index .camera-section .camera-container .video-wrapper .video-error p,.index .camera-section .camera-container .video-wrapper .video-loading p{margin:0;font-size:14px}.index .camera-section .camera-container .video-wrapper .video-error .retry-btn,.index .camera-section .camera-container .video-wrapper .video-loading .retry-btn{background:#6eddf1;color:#03044a;border:none;padding:5px 15px;border-radius:3px;cursor:pointer;margin-top:10px}.index .camera-section .camera-container .video-wrapper .video-error .retry-btn:hover,.index .camera-section .camera-container .video-wrapper .video-loading .retry-btn:hover{background:#5cb1c1}.index .camera-section .camera-container .camera-controls{display:flex;justify-content:center;gap:10px;margin-top:10px}.index .camera-section .camera-container .camera-controls .control-btn{background:rgba(110,221,241,.2);color:#6eddf1;border:1px solid #6eddf1;padding:5px 15px;border-radius:3px;cursor:pointer;font-size:12px}.index .camera-section .camera-container .camera-controls .control-btn:hover{background:rgba(110,221,241,.4)}.index .camera-section .camera-container .camera-capture{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px 0;margin-top:8px;border-top:1px solid rgba(13,36,81,.5)}.index .camera-section .camera-container .camera-capture .capture-btn{background:rgba(110,221,241,.2);color:#6eddf1;border:1px solid #6eddf1;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;min-width:100px}.index .camera-section .camera-container .camera-capture .capture-btn:hover:not(:disabled){background:rgba(110,221,241,.4);transform:translateY(-1px)}.index .camera-section .camera-container .camera-capture .capture-btn:disabled{opacity:.5;cursor:not-allowed}.index .camera-section .camera-container .camera-capture .capture-btn.capturing{background:rgba(255,0,0,.3);border-color:#f44;color:#f66;animation:pulse 2s infinite}.index .camera-section .camera-container .camera-capture .capture-btn.capturing:hover{background:rgba(255,0,0,.4)}.index .camera-section .camera-container .camera-capture .capture-status{color:#6eddf1;font-size:13px;font-weight:500}.index .camera-section .camera-container .camera-capture .path-btn{background:rgba(110,221,241,.15);color:#6eddf1;border:1px solid #6eddf1;padding:6px 15px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .3s}.index .camera-section .camera-container .camera-capture .path-btn:hover:not(:disabled){background:rgba(110,221,241,.3)}.index .camera-section .camera-container .camera-capture .path-btn:disabled{opacity:.5;cursor:not-allowed}.index .camera-section .camera-container .camera-capture .save-path{color:#5cb1c1;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.index .body{width:100%;flex:1;background-color:#03044a;display:flex}.index .body .page3{height:100%;width:100%;padding:14px 20px 20px;background:#03044a;overflow:hidden}.index .body .page3 .ivu-col{height:100%}.index .body .page3 .center-bottom,.index .body .page3 .left,.index .body .page3 .right1-1{height:100%;border:1px solid #0d2451;position:relative;background:#151456}.index .body .page3 .center-bottom #left_5,.index .body .page3 .left #left_5,.index .body .page3 .right1-1 #left_5{height:100%;width:100%}.index .body .page3 .center-bottom #left_6,.index .body .page3 .left #left_6,.index .body .page3 .right1-1 #left_6{height:100%;width:55%;float:left}.index .body .page3 .center-bottom .circular,.index .body .page3 .left .circular,.index .body .page3 .right1-1 .circular{height:100%}.index .body .page3 .center-bottom .left1,.index .body .page3 .left .left1,.index .body .page3 .right1-1 .left1{border-bottom:1px solid #0d2451;background:#151456}.index .body .page3 .center-bottom .left-light,.index .body .page3 .left .left-light,.index .body .page3 .right1-1 .left-light{height:60%;border-bottom:1px solid #0d2451;background:#151456;padding:10px 12px 6px}.index .body .page3 .center-bottom .title,.index .body .page3 .left .title,.index .body .page3 .right1-1 .title{position:absolute;display:inline-block;color:#6eddf1;height:18px;left:50%;transform:translate(-50%,-50%)}.index .body .page3 .center-bottom .title .title-text,.index .body .page3 .left .title .title-text,.index .body .page3 .right1-1 .title .title-text{position:relative;font-size:16px;background:#09102e;display:inline-block;padding:0 4px;transform:translateY(-5px)}.index .body .page3 .center-top{height:40.2%;margin-bottom:1%}.index .body .page3 .center-bottom{height:49.5%}.index .body .page3 .center-bottom .bottom-radars{height:100%}.index .body .page3 .center-bottom .bottom-bars{height:45%}.index .body .page3 .right-1{height:30%}.index .body .page3 .right-1 .right1-1{height:92%;padding:10px 12px 6px}.index .body .page3 .right-1 .right1-1 .env-panel{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:10px;height:calc(100% - 30px);padding:10px 8px 0}.index .body .page3 .right-1 .right1-1 .env-item{background:rgba(9,16,46,.6);border:1px solid #0d2451;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6eddf1}.index .body .page3 .right-1 .right1-1 .env-label{font-size:14px;color:#5cb1c1;margin-bottom:4px}.index .body .page3 .right-1 .right1-1 .env-value{font-size:24px;font-weight:600;color:#0cf}.index .body .page3 .right-1 .right1-1 .env-unit{font-size:12px;color:#5cb1c1;margin-left:4px}.index .body .page3 .right-1 .right1-1 .env-time{text-align:right;color:#5cb1c1;font-size:12px;padding:0 12px 6px 0}.index .body .page3 .right-2{height:40%}