.keyboard-latency-test{width:100%;max-width:1920px;display:flex;flex-direction:column;align-items:center}.keyboard-latency-test-content{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:80px;position:relative}.keyboard-latency-test-content .bg-01{max-width:950px;width:100%;position:absolute;right:0;top:0;z-index:-1}.keyboard-latency-test-content .bg-01-mobile{display:none}.keyboard-latency-test-content h1{margin-top:33px;display:flex;align-items:center;gap:16px;font:normal normal bold 40px/52px Titillium Web;color:#000}.keyboard-latency-test-content h1 .title-icon{width:46px}.keyboard-latency-test-content .h1-desc{margin-top:6px;font:normal normal normal 16px/28px Titillium Web;color:#707070;margin-bottom:16px;max-width:1065px;text-align:center}.keyboard-latency-test-content .result-content{width:100%;max-width:1062px;display:flex;gap:16px}.keyboard-latency-test-content .result-content .result-item{flex:1;min-height:118px;background:rgba(18,100,252,.0588235294) 0% 0% no-repeat padding-box;border:1px solid #a5c5ff;border-radius:14px;box-sizing:border-box;padding:16px 24px;position:relative;display:flex;align-items:center;gap:24px;overflow:visible}.keyboard-latency-test-content .result-content .result-item .result-item-icon{width:64px;height:64px}.keyboard-latency-test-content .result-content .result-item .result-item-box .result-item-box-title{font:normal normal bold 14px/21px Titillium Web;color:#000}.keyboard-latency-test-content .result-content .result-item .result-item-box .result-item-box-value{height:44px;display:flex;align-items:center;font:normal normal bold 24px/36px Titillium Web;color:#000}.keyboard-latency-test-content .result-content .result-item .result-item-box .result-item-box-value.shortest-active{color:#1264fc}.keyboard-latency-test-content .result-content .result-item .result-item-box .result-item-box-value.estimated-active{color:#9e7bff}.keyboard-latency-test-content .result-content .result-item .result-item-box .result-item-box-desc{font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.keyboard-latency-test-content .result-content .result-item .q-icon{width:18px;height:18px;position:absolute;right:10px;top:10px;cursor:pointer}.keyboard-latency-test-content .result-content .result-item .q-icon img{width:100%;height:100%}.keyboard-latency-test-content .result-content .result-item .q-icon .q-no-active{display:block}.keyboard-latency-test-content .result-content .result-item .q-icon .q-active{display:none}.keyboard-latency-test-content .result-content .result-item .q-icon .q-icon-desc{width:158px;padding:10px;display:none;box-sizing:border-box;background:#fff 0% 0% no-repeat padding-box;border:1px solid #4d8bf6;border-radius:8px;font:normal normal normal 13px/17px Titillium Web;color:#000;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);position:absolute;z-index:1}.keyboard-latency-test-content .result-content .result-item .q-icon.is-active .q-no-active{display:none}.keyboard-latency-test-content .result-content .result-item .q-icon.is-active .q-active{display:block}.keyboard-latency-test-content .result-content .result-item .q-icon.is-active .q-icon-desc{display:block}@media(hover: hover)and (pointer: fine){.keyboard-latency-test-content .result-content .result-item .q-icon:hover .q-no-active{display:none}.keyboard-latency-test-content .result-content .result-item .q-icon:hover .q-active{display:block}.keyboard-latency-test-content .result-content .result-item .q-icon:hover .q-icon-desc{display:block}}.keyboard-latency-test-content .list-conatiner{margin-top:17px;width:100%;height:384px;max-width:1062px;background:#fcfdff 0% 0% no-repeat padding-box;box-shadow:0px 10px 10px rgba(18,100,252,.1019607843);border:1px solid #a5c5ff;border-radius:20px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;position:relative}.keyboard-latency-test-content .list-conatiner .list-header{width:100%;height:52px;display:flex;align-items:center;justify-content:space-between;padding-left:16px;padding-right:10px;box-sizing:border-box;background:#e7efff 0% 0% no-repeat padding-box}.keyboard-latency-test-content .list-conatiner .list-header .list-header-title{display:flex;align-items:center;gap:10px;font:normal normal bold 14px/21px Titillium Web;color:#000}.keyboard-latency-test-content .list-conatiner .list-header .list-header-title img{width:20px;height:20px}.keyboard-latency-test-content .list-conatiner .list-header .list-header-del{height:32px;min-width:138px;padding:0 16px;box-sizing:border-box;background:hsla(0,0%,100%,.9294117647) 0% 0% no-repeat padding-box;border:1px solid #d6dce8;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.keyboard-latency-test-content .list-conatiner .list-header .list-header-del img{width:18px;height:18px}.keyboard-latency-test-content .list-conatiner .list-header .list-header-del:hover{border-color:#1264fc}.keyboard-latency-test-content .list-conatiner .no-data-box{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;padding-top:32px;box-sizing:border-box}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-icon{width:88px;height:88px;background:#e7efff 0% 0% no-repeat padding-box;box-shadow:0px 3px 62px rgba(49,120,255,.3607843137);border:1px solid #1264fc;border-radius:20px;display:flex;align-items:center;justify-content:center}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-icon img{width:43px;height:43px}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-title{margin-top:32px;margin-bottom:2px;font:normal normal bold 24px/36px Titillium Web;color:#000}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-desc{font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-hint{margin-top:12px;height:40px;min-width:191px;padding:0 5px;box-sizing:border-box;background:#edf3ff 0% 0% no-repeat padding-box;border:1px solid #a5c5ff;border-radius:20px;display:flex;align-items:center;gap:10px;font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-hint img{width:30px;height:30px}.keyboard-latency-test-content .list-conatiner .list-body{width:100%;padding:0 10px;box-sizing:border-box;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.keyboard-latency-test-content .list-conatiner .list-body .list-item{width:100%;height:56px;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;box-sizing:border-box;border-bottom:1px solid #e9eeff}.keyboard-latency-test-content .list-conatiner .list-body .list-item .key-name-box{display:flex;align-items:center;flex:1}.keyboard-latency-test-content .list-conatiner .list-body .list-item .key-name-box .key-name{height:38px;padding:0 18px;background:#f3f5fb 0% 0% no-repeat padding-box;border-radius:8px;display:flex;align-items:center;font:normal normal 600 16px/24px Titillium Web;color:#000}.keyboard-latency-test-content .list-conatiner .list-body .list-item .key-time{flex:1;text-align:center;font:normal normal bold 14px/21px Titillium Web;color:#1264fc}.keyboard-latency-test-content .list-conatiner .list-body .list-item .test-time{flex:1;text-align:right;font:normal normal normal 16px/24px Titillium Web;color:#000}.keyboard-latency-test-content .klt-footer-content{margin-top:24px;max-width:1064px;width:100%;height:144px;background:url("/tpl/tools/img/keyboard-latency-test/bottom_bg.webp") no-repeat center center;background-size:cover;padding-left:32px;padding-right:30px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px}.keyboard-latency-test-content .klt-footer-content .klt-footer-text{flex:1;height:100%;padding-top:24px;box-sizing:border-box}.keyboard-latency-test-content .klt-footer-content .klt-footer-text .klt-footer-text-title{font:normal normal bold 20px/31px Titillium Web;color:#fff}.keyboard-latency-test-content .klt-footer-content .klt-footer-text .klt-footer-text-desc{font:normal normal normal 16px/20px Titillium Web;color:#d6dce8;max-width:455px}.keyboard-latency-test-content .klt-footer-content .klt-footer-btn{height:100%;padding-top:37px;box-sizing:border-box}.keyboard-latency-test-content .klt-footer-content .klt-footer-btn .klt-footer-btn-download{width:259px;padding:0 16px;box-sizing:border-box;height:57px;background:rgba(0,0,0,0) linear-gradient(180deg, #00FE82 0%, #00CB69 100%) 0% 0% no-repeat padding-box;border-radius:5px;display:flex;align-items:center;justify-content:center;outline:none;border:none;font:normal normal bold 16px/24px Titillium Web;color:#040001;cursor:pointer}.keyboard-latency-test-content .klt-footer-content .klt-footer-btn .klt-footer-btn-download:hover{background:#00fe82}.keyboard-latency-test-content .klt-footer-content .klt-footer-btn .klt-footer-btn-desc{max-width:259px;margin-top:5px;font:normal normal normal 13px/20px Titillium Web;color:#a6a6a6}@media screen and (max-width: 768px){.keyboard-latency-test-content{padding-top:1.2rem;padding-bottom:.6rem}.keyboard-latency-test-content .bg-01{display:none}.keyboard-latency-test-content .bg-01-mobile{display:block;width:5.09rem;height:1.93rem;position:absolute;right:0;top:1.2rem}.keyboard-latency-test-content h1{margin-top:.2rem;width:6.7rem;gap:.36rem;align-items:flex-start}.keyboard-latency-test-content h1 .title-icon{width:.92rem}.keyboard-latency-test-content h1{font-size:.64rem;line-height:.84rem}.keyboard-latency-test-content .h1-desc{display:none}.keyboard-latency-test-content .result-content{margin-top:.4rem;width:6.7rem;flex-direction:column;gap:.32rem}.keyboard-latency-test-content .result-content .result-item{width:6.7rem;min-height:2rem;padding:.2rem .3rem;gap:.3rem;border:.02rem solid #a5c5ff;border-radius:.24rem;overflow:visible}.keyboard-latency-test-content .result-content .result-item .result-item-icon{width:.82rem;height:.82rem}.keyboard-latency-test-content .result-content .result-item .result-item-box .result-item-box-title{font-size:.28rem;line-height:.43rem}.keyboard-latency-test-content .result-content .result-item .result-item-box .result-item-box-value{height:.73rem;font-size:.48rem;line-height:.73rem}.keyboard-latency-test-content .result-content .result-item .result-item-box .result-item-box-desc{font-size:.28rem;line-height:.43rem}.keyboard-latency-test-content .result-content .result-item .q-icon{width:.36rem;height:.36rem;right:.2rem;top:.2rem;padding:.12rem;margin:-0.12rem;box-sizing:content-box;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}.keyboard-latency-test-content .result-content .result-item .q-icon .q-icon-desc{width:3.16rem;padding:.15rem .1rem;font-size:.26rem;line-height:.39rem;border-radius:.16rem;border-width:.02rem;bottom:calc(100% - .04rem);left:auto;right:-0.08rem;transform:none}.keyboard-latency-test-content .result-content .result-item .q-icon.is-active .q-no-active{display:none}.keyboard-latency-test-content .result-content .result-item .q-icon.is-active .q-active{display:block}.keyboard-latency-test-content .result-content .result-item .q-icon.is-active .q-icon-desc{display:block}.keyboard-latency-test-content .list-conatiner{width:6.7rem;height:8.29rem;box-shadow:0px .1rem .1rem rgba(18,100,252,.1019607843);border:.02rem solid #a5c5ff;border-radius:.3rem}.keyboard-latency-test-content .list-conatiner .list-header{height:1rem;padding-left:.24rem;padding-right:.04rem}.keyboard-latency-test-content .list-conatiner .list-header .list-header-title{gap:.24rem;font-size:.28rem;line-height:.43rem}.keyboard-latency-test-content .list-conatiner .list-header .list-header-title img{width:.4rem;height:.4rem}.keyboard-latency-test-content .list-conatiner .list-header .list-header-del{-webkit-tap-highlight-color:rgba(0,0,0,0)}.keyboard-latency-test-content .list-conatiner .list-header .list-header-del span{display:none}.keyboard-latency-test-content .list-conatiner .list-header .list-header-del{width:.64rem;min-width:.64rem;padding:0;height:.64rem;border:.02rem solid #d6dce8;border-radius:50%;display:flex;align-items:center;justify-content:center}.keyboard-latency-test-content .list-conatiner .list-header .list-header-del img{width:.32rem;height:.32rem}.keyboard-latency-test-content .list-conatiner .no-data-box{padding-top:.64rem}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-icon{width:1.76rem;height:1.76rem;box-shadow:0px .03rem .062rem rgba(49,120,255,.3607843137);border:.02rem solid #1264fc;border-radius:.4rem}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-icon img{width:.86rem;height:.86rem}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-title{margin-top:1rem;margin-bottom:.08rem;font-size:.48rem;line-height:.73rem}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-desc{font-size:.28rem;line-height:.43rem;text-align:center;max-width:80%}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-hint{margin-top:.24rem;height:.8rem;min-width:4.35rem;padding:0 .1rem;border-width:.02rem;border-radius:.4rem;gap:.2rem;font-size:.28rem;line-height:.43rem}.keyboard-latency-test-content .list-conatiner .no-data-box .no-data-box-hint img{width:.6rem;height:.6rem}.keyboard-latency-test-content .list-conatiner .list-body{padding:0 .22rem;gap:.26rem;padding-top:.6rem}.keyboard-latency-test-content .list-conatiner .list-body .list-item{height:1rem;min-height:1rem;padding:0 .18rem;border-bottom-width:.02rem}.keyboard-latency-test-content .list-conatiner .list-body .list-item .key-name{height:.62rem;padding:0 .18rem;font-size:.32rem;line-height:.48rem;border-radius:.16rem}.keyboard-latency-test-content .list-conatiner .list-body .list-item .key-time{font-size:.32rem;line-height:.48rem}.keyboard-latency-test-content .list-conatiner .list-body .list-item .test-time{font-size:.32rem;line-height:.48rem}.keyboard-latency-test-content .klt-footer-content{margin-top:.4rem;width:6.63rem;height:8.82rem;min-height:8.82rem;background-image:url("/tpl/tools/img/keyboard-latency-test/bottom_bg_mob.webp");background-size:100% 100%;background-position:center center;background-repeat:no-repeat;padding:0;padding-top:.58rem;box-sizing:border-box;padding-bottom:.24rem;flex-direction:column;align-items:center}.keyboard-latency-test-content .klt-footer-content .klt-footer-text{padding:0;width:5.52rem}.keyboard-latency-test-content .klt-footer-content .klt-footer-text .klt-footer-text-title{width:100%;font-size:.34rem;line-height:.44rem}.keyboard-latency-test-content .klt-footer-content .klt-footer-text .klt-footer-text-desc{width:100%;font-size:.24rem;line-height:.34rem;margin-top:.06rem}.keyboard-latency-test-content .klt-footer-content .klt-footer-btn{padding-top:0;margin-top:auto;width:6rem;height:auto}.keyboard-latency-test-content .klt-footer-content .klt-footer-btn .klt-footer-btn-download{width:100%;height:1rem;padding:0;border-radius:.1rem;font-size:.38rem;line-height:.58rem}.keyboard-latency-test-content .klt-footer-content .klt-footer-btn .klt-footer-btn-desc{width:100%;max-width:100%;font-size:.22rem;line-height:.2rem;margin-top:.19rem;text-align:center}}#hiddenInput{position:absolute;left:-1000px;top:0px;width:1px;height:1px;opacity:0;pointer-events:none}