@font-face{font-display:auto;font-family:YouSheBiaoTiHei;src:url(/font/YouSheBiaoTiHei-2.ttf)}.header-title{font-family:YouSheBiaoTiHei;font-weight:400;font-size:32px;line-height:49px;letter-spacing:1px;background:linear-gradient(-300deg,#cefcff 34%,#7dc0ff);-webkit-background-clip:text;color:transparent}.rack-box{width:112px;height:32px;line-height:32px;text-align:center;font-size:18px;color:#c7dfff;letter-spacing:1px;background:rgba(59,121,255,.1);box-shadow:inset 0 0 15px 2px rgba(59,121,255,.3),inset 0 0 4px 2px rgba(59,121,255,.5);border-radius:8px 8px 8px 8px;border:1px solid #3b79ff;box-sizing:border-box}.hidden-con{display:none}.header-bg{height:60px;background:#171f33;box-shadow:inset 0 -1px 0 0 hsla(0,0%,100%,.13);box-sizing:border-box;padding:5px 24px}.top-con{width:100%;height:692px;align-items:center;padding:0 24px;gap:24px;color:#fff}.cdu-screen,.top-con{display:flex;box-sizing:border-box}.cdu-screen{height:100%;flex:1;flex-direction:column;background:rgba(23,31,51,.9);border:1px solid #3c4a6d;border-radius:16px 16px 16px 16px;padding:24px;font-weight:400;font-size:16px}.screen-input{padding:24px 17px 0;border-top:1px solid #3c4a6d}.screen-input,.screen-output{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.screen-output{padding:0 17px 24px;border-bottom:1px solid #3c4a6d}.sinput-item{background:#151d32;border-radius:8px 8px 8px 8px;border:1px solid #8794b3;width:279px;height:56px;display:flex;align-items:center;box-sizing:border-box;padding:0 24px;position:relative}.sinput-item:after{position:absolute;top:54px;left:50%;transform:translateX(-50%);content:"";display:block;background:url(/imgs/arrowin.png) no-repeat;background-size:100% 100%;width:10px;height:72px}.sinput-icon{height:20px;width:20px;margin-right:8px}.soutput-item{width:279px;height:56px;background:#151d32;border-radius:8px 8px 8px 8px;border:1px solid #8794b3;display:flex;align-items:center;box-sizing:border-box;padding:0 24px;position:relative}.soutput-item:after{position:absolute;top:-72px;left:50%;transform:translateX(-50%);content:"";display:block;background:url(/imgs/arrowout.png) no-repeat;background-size:100% 100%;width:10px;height:72px}.soutput-value{flex:1;text-align:right;font-size:24px;color:#fe2d2d;line-height:16px}.sinput-label{font-size:16px;line-height:16px}.sinput-value{flex:1;text-align:right;font-size:24px;color:#1cccff;line-height:16px}.sinput-unit{font-size:14px;color:#bbbfc7;line-height:16px}.screen-top{margin-top:82px;width:100%;height:417px;display:flex;flex-direction:column;gap:16px;background:#1f2a47;border-radius:10px 10px 10px 10px;border:1px solid #3c4a6d;padding:32px 24px;box-sizing:border-box;position:relative}.liquid-input{top:-10px}.liquid-input,.liquid-output{position:absolute;left:50%;height:28px;width:34px}.liquid-output{bottom:-15px}.header-left{width:25%;white-space:nowrap;font-size:16px;color:#bbbfc7}.header-value{font-size:18px;font-weight:700;color:#fff}.stop-header{display:flex;align-items:center;justify-content:space-between}.stop-main{flex:1;display:flex;gap:12px;font-size:16px}.current-liquid{display:flex;align-items:center;flex-direction:column;gap:8px}.liquid-box{width:97px;height:84px;background:hsla(0,0%,100%,.1);border-radius:2px 2px 2px 2px;border:2px solid;border-image:linear-gradient(180deg,#6bcbff,#2e56f8) 2 2;box-sizing:border-box}.liquid-bottle{height:100%;width:100%;position:relative;display:flex;align-items:flex-end;overflow:hidden}.level-text{z-index:99;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;padding:0 8px;min-width:45px;height:24px;line-height:24px;font-weight:700;font-size:18px;text-align:center;background:rgba(0,0,0,.3);border-radius:2px 2px 2px 2px}.wave-loader{position:relative;width:100%;height:100%;background:hsla(0,0%,100%,.1);overflow:hidden;box-shadow:0 0 0 10px hsla(0,0%,100%,.05),0 0 20px rgba(108,92,231,.3)}.wave{left:-70%}.wave,.wave-extra{position:absolute;width:200%;height:200px;transform-origin:50% 50%;animation:wave 8s linear infinite}.wave-extra{top:35px;left:-30%}.wave1,.wave2{background:radial-gradient(circle,#2e56f8 40%,#6bdfff 100%,transparent 0);border-radius:45%}.wave1{animation-duration:8s}.wave2{animation-duration:10s}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.liquid-level{width:100%;border-radius:6px;background:linear-gradient(179deg,#6bdfff,#2e56f8);border:1px solid #1e40af;box-shadow:0 2px 8px rgba(59,130,246,.2)}.current-title{font-size:16px;line-height:16px;text-align:center;color:#1fa2ff}.server-box{display:flex;align-items:center;flex-direction:column;gap:8px}.server-name{font-size:16px;line-height:16px;text-align:center}.indicator-item{width:95px;height:84px;background-size:100% 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-top:10px;padding-right:10px;box-sizing:border-box;font-size:16px;font-weight:700}.indicator-icon{width:24px;height:24px}.indicator-unit{font-size:12px}.header-center{display:flex;align-items:center;justify-content:center;flex:1}.scenter-coldlabel{height:16px;font-size:15px;color:#2d70fe;line-height:16px;text-align:center}.header-right{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;width:25%;gap:7px;font-size:16px;color:#ff1e1e}.leakage-warning{height:22px;width:20px}.cdu-con{height:100%;width:159px;font-size:18px;line-height:16px;text-align:left;background:rgba(23,31,51,.9);border-radius:16px 16px 16px 16px;border:1px solid #3c4a6d;box-sizing:border-box;padding:22px}.cdu-box{height:100%;background:linear-gradient(56deg,#075dff,#f23c3c);border-radius:10px;padding:20px 7px;flex-direction:column;justify-content:space-between}.cdu-box,.cdu-top{width:100%;box-sizing:border-box;display:flex;align-items:center}.cdu-top{flex:1;justify-content:center;padding-top:60px}.cdu-center{width:53px;height:71px;position:relative;background:url(/imgs/cducenter.png) no-repeat;background-size:100% 100%}.cdu-input{position:absolute;top:71px;left:13px;width:calc(100vw * .8867);height:234px;background:url(/imgs/cduinputsingle.png) no-repeat;background-size:100% 100%;pointer-events:none}.cinput-right{top:220px;left:25px;width:calc(100% - 40px);animation:moveRight 2s linear infinite}.cinput-right,.coutput-left{position:absolute;height:4px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.5) 50%,transparent 0);background-size:20px 40px;background-repeat:repeat-x}.coutput-left{bottom:220px;left:18px;width:calc(100% - 36px);animation:moveLeft 2s linear infinite}@keyframes moveRight{0%{background-position:0 0}to{background-position:20px 0}}@keyframes moveLeft{0%{background-position:0 0}to{background-position:-20px 0}}.cinput-up{bottom:15px;right:9px;height:40px;animation:moveUp 2s linear infinite}.cinput-up,.coutput-down{position:absolute;width:4px;background-image:linear-gradient(180deg,hsla(0,0%,100%,.5) 50%,transparent 0);background-size:4px 20px;background-repeat:repeat-y}.coutput-down{bottom:0;left:9px;height:calc(100% - 10px);animation:moveDown 2s linear infinite}@keyframes moveUp{0%{background-position:0 0}to{background-position:0 -20px}}.cinput-down{top:0;left:9px;height:calc(100% - 10px);animation:moveDown 2s linear infinite}.cinput-down,.coutput-up{position:absolute;width:4px;background-image:linear-gradient(180deg,hsla(0,0%,100%,.5) 50%,transparent 0);background-size:4px 20px;background-repeat:repeat-y}.coutput-up{bottom:178px;right:9px;height:40px;animation:moveUp 2s linear infinite}@keyframes moveDown{0%{background-position:0 0}to{background-position:0 20px}}.cdu-inputtext{top:0}.cdu-inputtext,.cdu-outputtext{position:absolute;left:50%;transform:translateX(-50%);height:18px;font-size:16px;line-height:18px;text-align:center;letter-spacing:38px}.cdu-outputtext{bottom:0}.cdu-output{position:absolute;bottom:70px;left:1px;width:calc(100vw * .8867);height:234px;background:url(/imgs/cduoutputsingle.png) no-repeat;background-size:100% 100%;pointer-events:none}.cdu-desc{font-size:13px;margin-top:5px;white-space:nowrap}.cdu-icon{width:20px;height:18px}.cdu-bottom{position:relative;font-size:20px;letter-spacing:1px;text-align:center}.arrow-box{position:absolute;right:-575px;top:-26px;z-index:99;width:590px;height:50px}.cdu-arrow{height:100%;width:100%}.cdu-back{width:153px;height:54px}.screen-center{margin-top:20px;width:100%;display:flex;align-items:center;justify-content:center}.scenter-label{height:16px;font-size:15px;color:#ff2d2d;line-height:16px;text-align:center}.scenter-value{font-size:16px;height:16px;line-height:16px;padding:0 16px}.scenter-unit{font-size:12px;color:#bbbfc7}.scenter-value:not(:last-child){border-right:1px solid #fff}.sbottom-title{font-size:16px;margin-bottom:10px}.sbottom-list{justify-content:space-between}.sbottom-item,.sbottom-list{display:flex;align-items:center}.sbottom-item{justify-content:center;width:231px;height:46px;background:#1f2a47;border-radius:8px 8px 8px 8px;border:1px solid #3c4a6d;box-sizing:border-box;padding:0 20px}.sbottom-label{height:16px;font-size:14px;line-height:16px;color:#bbbfc7}.sbottom-value{flex:1;text-align:left;font-weight:700;font-size:18px;padding-left:8px;box-sizing:border-box}.sbottom-unit{font-size:12px;font-weight:400;color:#bbbfc7}.sbottom-status{width:8px;height:8px;border-radius:0 0 0 0;border-radius:50%}.server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--spacing) * 4)}