*,:after,:before{box-sizing:border-box;border:0 solid}html{line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0;line-height:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}small{font-size:80%}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-image:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,menu,ol,ul{margin:0;padding:0}menu,ol,ul{list-style:none}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}canvas,img,svg,video{display:block;vertical-align:middle;-o-object-fit:cover;object-fit:cover}img,video{max-width:100%;height:auto}[hidden]{display:none}@font-face{font-family:YouSheBiaoTiHei;src:url(/fonts/YouSheBiaoTiHei.ttf)}@font-face{font-family:AlimamaShuHeiTi;src:url(/fonts/AlimamaShuHei-Bold.ttf)}#__next,body,html{height:100%;overflow:hidden}body{background-color:#00050f;color:#fff;font-family:AlimamaShuHeiTi,Microsoft YaHei,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:rgba(129,202,255,.3);border-radius:2px}::-webkit-scrollbar-track{background:transparent}.app-header{position:absolute;top:0;left:0;right:0;height:72px;z-index:1001;display:flex;align-items:center;justify-content:center;background:url(/images/junhai2/header.png) no-repeat bottom/cover;background-color:transparent}.app-header h1{font-size:34px;font-family:YouSheBiaoTiHei,sans-serif;color:#fff;text-shadow:0 0 20px rgba(129,202,255,.8),0 0 40px rgba(0,100,200,.4);letter-spacing:6px}.header-time{left:30px;font-family:AlimamaShuHeiTi,monospace}.header-time,.header-weather{position:absolute;font-size:14px;color:#6fb9ff}.header-weather{right:30px;display:flex;align-items:center;gap:8px}.bg-wrap{width:1920px;height:1080px;overflow:hidden;background-color:#00050f;background-image:url(/images/junhai2/img_bg_total.png);background-repeat:no-repeat;background-position:center 40%;background-size:contain}#autofit-wrap{position:absolute;z-index:1}.bg{position:fixed;z-index:500;pointer-events:none}.bg-left{left:0;background:url(/images/junhai2/img_26_border.png) repeat-y 0 0}.bg-left,.bg-right{top:0;bottom:0;width:600px}.bg-right{right:0;background:url(/images/junhai2/img_27.png) repeat-y 100% 0}.bg-top{top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,#00050f,transparent)}.bg-bottom{bottom:0;left:0;right:0;height:365px;background:linear-gradient(0deg,#00050f,transparent)}.card-wrapper{position:absolute;z-index:501}.card-wrapper.left{background:linear-gradient(90deg,#090e18 0,rgba(12,22,37,0) 98%)}.card-wrapper.right{background:linear-gradient(270deg,#090e18 0,rgba(12,22,37,0) 98%)}.card-wrapper.bottom{background:linear-gradient(1turn,rgba(16,42,80,0) 49%,rgba(6,31,64,.32))}.card-bg-wrap{background:linear-gradient(270deg,rgba(26,65,133,.22),rgba(26,65,133,0))}.card-header-wrap{display:flex;align-items:center;justify-content:space-between;height:42px;position:relative;width:100%}.card-header-img{display:flex;align-items:center;height:100%}.card-header-img img{height:100%;-o-object-fit:contain;object-fit:contain}.btn-more{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#6fb9ff;font-size:13px;background:none;border:none;cursor:pointer;font-family:AlimamaShuHeiTi,sans-serif;letter-spacing:1px}.btn-more:hover{color:#81caff}.ship-info-wrap{position:absolute;left:490px;right:490px;top:110px;z-index:502;display:flex;justify-content:center;align-items:center}.ship-info-bg{background:url(/images/junhai2/img_shipbg.png) no-repeat 50%/contain;padding:12px 40px;min-width:774px}.ship-info-bg .info-bx{display:flex;gap:24px;align-items:center;justify-content:center}.info-item{display:flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(270deg,rgba(26,65,133,.22),rgba(26,65,133,0));border-radius:8px;min-width:160px}.info-item .icon-box{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.info-item[data-type=warning] .icon-box{background:linear-gradient(135deg,#f0a020,#d03050)}.info-item[data-type=primary] .icon-box{background:linear-gradient(135deg,#81caff,#2080f0)}.right-row{display:flex;flex-direction:column;gap:2px}.right-row .label-text{font-size:12px;color:#c8e1ff}.right-row .value{font-size:22px;font-weight:700;color:#f0f5ff}.right-row .unit{font-size:12px;color:#f0f5ff;margin-left:2px}.ship-main-bg-wrap{position:absolute;left:490px;right:490px;top:170px;z-index:502;display:flex;justify-content:center;padding:40px 0 20px}.ship{display:flex;justify-content:space-between;width:960px;height:460px;padding-left:78px;padding-right:80px;padding-top:176px;background:url(/images/junhai2/img_ship_3.png) no-repeat}.ship-item{display:flex;flex-direction:column;align-items:center;width:150px;padding:0 15px;height:200px;border:1px solid #3471ff;cursor:pointer;transition:all .3s}.ship-item:hover{transform:scale(1.05)}.ship-item .status{width:120px;height:28px;margin:-1px 0 8px;color:#22bb5c;font-size:12px;letter-spacing:1px;text-align:center;line-height:28px;background:url(/images/junhai2/sprite.png) no-repeat;background-position:-154px -238px}.ship-item .content{overflow:hidden}.ship-item .content .value{width:130px;height:20px;line-height:20px;text-align:center;margin-bottom:6px;color:#fff;background:#1a142c;box-shadow:inset 0 0 12px 0 #3578ff;font-size:12px}.ship-item .content .value.warning{color:#f80300;border-color:#f80300;background:#45141b;box-shadow:inset 0 0 4px 0 rgba(248,3,0,.49)}.ship-item .content .value.bug{color:#fffba8;background:#1a142c;box-shadow:inset 0 0 12px 0 #fff984;border-color:#fff984}.ship-item.warning{background:rgba(85,18,18,.22);box-shadow:inset 0 0 10px 0 rgba(248,3,0,.74);border-color:#f80300}.ship-item.warning .status{color:#fff984;background-position:-154px -273px}.warning-line-chart{left:20px;top:340px;width:450px}.warning-line-chart .card-header-img img{height:28px}.warning-pie-chart{left:20px;top:690px;width:450px}.warning-pie-chart .card-header-img img{height:28px}.top-five-chart{right:20px;top:70px;width:450px}.top-five-chart .card-header-img img{height:28px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.video-item{position:relative;aspect-ratio:16/9;background:#000;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid rgba(129,202,255,.1)}.video-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-item .video-name{position:absolute;bottom:0;left:0;right:0;padding:3px 8px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);font-size:11px;color:#fff}.warning-dynamics{right:20px;top:460px;width:450px;height:420px;display:flex;flex-direction:column}.warning-dynamics .card-header-img img{height:28px}.warning-list{max-height:280px;overflow-y:auto;padding:0 12px 12px}.warning-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;background:rgba(0,30,60,.4);border-radius:4px;border-left:3px solid rgba(129,202,255,.3);cursor:pointer;transition:all .3s}.warning-item:hover{background:rgba(0,40,80,.5);border-left-color:#81caff}.warning-item .thumb{width:56px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:3px;flex-shrink:0;background:rgba(0,0,0,.3)}.warning-item .info{flex:1;min-width:0}.warning-item .title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.warning-item .type-tag{font-size:11px;padding:1px 6px;background:rgba(129,202,255,.15);color:#81caff;border-radius:2px;white-space:nowrap}.warning-item .desc-text{font-size:12px;color:rgba(200,225,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warning-item .meta{font-size:11px;color:#6fb9ff;margin-top:2px}.gas-warning-table{left:490px;right:490px;bottom:0;z-index:501;height:400px}.gas-warning-table .card-header-img img{height:28px}.table-wrap{max-height:200px;overflow-y:auto;padding:0 12px 12px}.data-table{width:100%;font-size:12px;border-collapse:collapse}.data-table thead th{position:sticky;top:0;padding:8px 10px;background:rgba(0,30,60,.8);color:#81caff;text-align:left;font-weight:400;border-bottom:1px solid rgba(129,202,255,.15);white-space:nowrap;z-index:1}.data-table tbody td{padding:8px 10px;border-bottom:1px solid rgba(129,202,255,.06);color:rgba(200,225,255,.8)}.data-table tbody tr:hover td{background:rgba(0,40,80,.3)}.gas-type-tag{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px}.desc-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-cell,.loading-cell{text-align:center;padding:40px 0;color:#6fb9ff}.chart-container{width:100%;height:200px;position:relative}.radio-group{display:flex;gap:6px}.radio-btn{padding:3px 14px;border:1px solid rgba(129,202,255,.3);background:transparent;color:#6fb9ff;border-radius:14px;font-size:12px;cursor:pointer;transition:all .3s;font-family:AlimamaShuHeiTi,sans-serif}.radio-btn:hover{border-color:#81caff}.radio-btn.active{background:linear-gradient(135deg,#81caff,#2080f0);color:#fff;border-color:transparent}.gas-select{padding:4px 10px;background:rgba(0,0,0,.4);border:1px solid rgba(129,202,255,.3);color:#c8e1ff;border-radius:4px;outline:none;font-size:12px;font-family:AlimamaShuHeiTi,sans-serif}.gas-select:focus{border-color:#81caff}.pie-center-text{text-align:center}.pie-count{font-size:36px;font-weight:700;color:#fff}.pie-label{font-size:12px;color:#6fb9ff}.gas-monitor-inner,.gas-monitor-panel{display:none}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(180deg,#020f29,rgba(0,35,106,.95));border:1px solid rgba(129,202,255,.3);border-radius:8px;padding:24px;min-width:400px;max-width:80vw;max-height:80vh;overflow-y:auto}.large-modal{min-width:800px}.modal-content h3{font-size:18px;color:#81caff;margin-bottom:16px}.modal-content button{padding:8px 24px;background:#81caff;color:#000;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-family:AlimamaShuHeiTi,sans-serif}.modal-content button:hover{background:#6fb9ff}.skeleton-box{background:linear-gradient(90deg,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-text{text-align:center;color:#6fb9ff;padding:40px 0;font-size:14px}.ant-table,.ant-table-container{background:transparent}.ant-table-thead>tr>th{background:rgba(0,30,60,.6);border-bottom:1px solid rgba(129,202,255,.2);color:#81caff}.ant-table-tbody>tr>td{background:transparent;border-bottom:1px solid rgba(129,202,255,.06);color:rgba(200,225,255,.8)}.ant-table-tbody>tr:hover>td{background:rgba(0,40,80,.3)}.ant-table-pagination{background:transparent}.warning-dynamics-list{padding:0 16px;overflow-y:auto;height:calc(100% - 42px)}.warning-dynamics-item{background:rgba(0,20,50,.4);border:1px solid rgba(129,202,255,.1);border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .3s}.warning-dynamics-item:hover{background:rgba(0,30,70,.5);border-color:rgba(129,202,255,.3)}.dynamics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dynamics-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:1px}.dynamics-detail-link{font-size:13px;color:#6fb9ff;cursor:pointer;transition:color .3s}.dynamics-detail-link:hover{color:#81caff}.dynamics-detail-link .arrow{font-size:12px;margin-left:2px}.dynamics-row{display:flex;gap:24px;margin-bottom:8px}.dynamics-field{font-size:13px;color:#c8e1ff;flex:1}.field-label{color:#6fb9ff;font-size:13px}.dynamics-desc,.field-value{color:#c8e1ff;font-size:13px}.dynamics-desc{margin-bottom:12px;line-height:1.6}.dynamics-image-wrap{width:120px;height:90px;border-radius:4px;overflow:hidden;border:1px solid rgba(129,202,255,.2)}.dynamics-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dynamics-image-placeholder{width:100%;height:100%;background:rgba(0,30,60,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.placeholder-icon{width:32px;height:32px;color:rgba(129,202,255,.5)}.placeholder-text{font-size:12px;color:rgba(129,202,255,.5)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-10px{gap:10px}.mb-10px{margin-bottom:10px}.pt-18px{padding-top:18px}.pb-10px{padding-bottom:10px}.pl-12px{padding-left:12px}.w-136px{width:136px}