html,body{min-height:100%;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;margin:0}html .fps-calculator p,body .fps-calculator p{padding:0}@supports(-moz-appearance: none){*{scrollbar-width:thin;scrollbar-color:unset}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:rgba(31,31,41,.2);border-radius:5px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb:hover{background-color:rgba(31,31,41,.5)}.ai-math-solver{color:#2a2a2a;line-height:1.5;font-family:"Titillium Web",Arial,"Microsoft Yahei",sans-serif;letter-spacing:0}.ai-math-solver,.ai-math-solver *{margin:0;padding:0;box-sizing:border-box}.ai-math-solver li:not(.markdown-body li){list-style:none}.ai-math-solver a:not(.markdown-body a){text-decoration:none;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ai-math-solver :where(a:not(.markdown-body a)){color:#fff}.ai-math-solver img:not(.markdown-body img){-webkit-user-drag:none}.ai-math-solver :where(input),.ai-math-solver :where(textarea),.ai-math-solver :where(button){-webkit-appearance:none;appearance:none;border-radius:0;outline:none;border:none;font-family:"Titillium Web",Arial,"Microsoft Yahei",sans-serif}@media screen and (max-width: 768px){.ai-math-solver{padding-top:60px}}@keyframes ai-spin{100%{transform:rotate(360deg)}}@keyframes ai-opacity-0{from{opacity:1}to{opacity:0}}@keyframes ai-opacity-1{from{opacity:0}to{opacity:1}}@keyframes ai-height-100{from{height:0}to{height:100%}}@keyframes ai-height-0{from{height:100%}to{height:0}}[class*=p-icon--]{--svg: "";display:flex;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.p-icon--check{--svg: url(/tpl/tools/en/img/fps-calculator/check.svg)}.p-icon--win{--svg: url(/tpl/tools/en/img/fps-calculator/win.svg)}[class*=p-icon-color--]{display:flex;flex-shrink:0;width:1em;height:1em;background-image:var(--svg);background-repeat:no-repeat;background-size:100% 100%}.p-icon-color--win{--svg: url(/tpl/tools/en/img/fps-calculator/win.svg)}@keyframes ai-opacity-0{from{opacity:1}to{opacity:0}}@keyframes ai-opacity-1{from{opacity:0}to{opacity:1}}@media screen and (min-width: 769px){.ai-button{display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none;background-color:rgba(112,112,112,.1);padding-left:22px;padding-right:22px;border-radius:12px;outline:none;border:none;height:48px;font:normal normal normal 20px/20px "Titillium Web";color:#2a2a2a;gap:8px;transition:background-color .3s ease-out}.ai-button:hover{background-color:rgba(18,100,252,.1)}.ai-button.ai-button--icon{padding-left:13px;padding-right:13px}.ai-button__icon{width:22px;height:22px;display:inline-block}.ai-button__text{display:inline-block}.ai-button.ai-button--primary{background-color:#1264fc}.ai-button.ai-button--primary .ai-button__text{color:#fff}.ai-button.ai-button--primary:hover{background-color:#3078ff}.ai-select{position:relative}.ai-select__icon{width:22px;height:22px;object-fit:contain}.ai-select__label{transition:color .3s ease-out;font:normal normal normal 20px/20px "Titillium Web";color:#2a2a2a}.ai-select__status{width:14px;height:14px;background:url(/tpl/tools/img/common/icon_arrow_down.svg) no-repeat center center;background-size:contain;margin-left:auto;visibility:hidden}.ai-select__trigger,.ai-select__option{display:flex;align-items:center;cursor:pointer;user-select:none;transition:background-color .3s ease-out;padding-left:20px;padding-right:20px;gap:8px}.ai-select__trigger{background-color:rgba(112,112,112,.1);height:48px;border-radius:12px}.ai-select__trigger:hover{background-color:rgba(18,100,252,.1)}.ai-select__trigger:hover .ai-select__label{color:#1264fc}.ai-select__trigger .ai-select__status{visibility:visible;transition:transform .2s ease-out;transform:rotate(0deg)}.ai-select .ai-select__trigger[aria-expanded=true] .ai-select__status{transform:rotate(180deg)}.ai-select__option{background-color:#fff;border-radius:8px;height:44px}.ai-select__option:hover{background-color:rgba(18,100,252,.1)}.ai-select__option .ai-select__label{font:normal normal normal 16px/16px "Titillium Web"}.ai-select__option .ai-select__status{visibility:hidden;width:20px;height:14px;background:url(/tpl/tools/img/common/icon_checked.svg) no-repeat center center}.ai-select__option.is-active{background-color:rgba(18,100,252,.1)}.ai-select__option.is-active .ai-select__status{visibility:visible}.ai-select__dropdown{display:none;background-color:#fff;padding:4px;border-radius:12px;border:1px solid rgba(112,112,112,.5019607843)}.ai-select__list{display:grid;row-gap:4px}.ai-toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;user-select:none;pointer-events:none;max-width:70vw;z-index:99999;opacity:0;padding-left:24px;padding-right:24px;padding-top:9px;padding-bottom:9px;gap:10px;border-radius:12px;min-height:36px;font:normal normal normal 16px/20px "Titillium Web";color:#1264fc;background-color:#e8f0ff;border:1px solid #1b55c2;overflow-wrap:break-word}.ai-toast__icon{display:inline-block;width:26px;height:26px;object-fit:contain;flex-shrink:0}.ai-toast.is-active{opacity:1}.ai-toast.is-info{color:#1264fc;background-color:#e8f0ff;border:1px solid #1b55c2}.ai-toast.is-error{color:#e94949;background-color:#ffe8e8;border:1px solid #cb2020}.ai-toast.is-warning{color:#c9802e;background-color:#fff8ef;border:1px solid #c9802e}.ai-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:20000;display:none}.ai-modal *{margin:0;box-sizing:border-box}.ai-modal__mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);z-index:20001;opacity:0}.ai-modal__content{position:relative;width:600px;min-height:328px;background-color:#fff;border-radius:16px;z-index:20002;padding-left:46px;padding-right:46px;padding-top:53px;padding-bottom:26px;display:flex;flex-direction:column;align-items:center}.ai-modal__footer{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:45px}.ai-modal__icon{display:inline-block;width:48px;height:48px;object-fit:contain;flex-shrink:0}.ai-modal__title{margin-top:16px;text-align:center;font:normal normal bold 20px/31px "Titillium Web";color:#2a2a2a}.ai-modal__desc{font:normal normal normal 16px/22px "Titillium Web";color:#707070;margin-top:9px;text-align:center}.ai-modal .ai-button{width:156px;height:56px}.ai-modal .ai-button.modal-cancel{background-color:rgba(42,42,42,.08)}.ai-modal .ai-button.modal-cancel:hover{background-color:rgba(42,42,42,.15)}.ai-modal.is-active{display:flex}.ai-modal.is-active .ai-modal__mask{animation:ai-opacity-1 .2s ease-out forwards}.ai-modal.is-leave{display:flex}.ai-modal.is-leave .ai-modal__content,.ai-modal.is-leave .ai-modal__mask{animation:ai-opacity-0 .2s ease-out forwards}.ai-modal-close{width:30px;height:30px;cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute;top:15px;right:15px}.ai-modal-close svg{width:20px;height:20px;pointer-events:none}.ai-modal-close svg .css-flag{transition:all .3s ease-out;stroke:rgba(42,42,42,.4980392157)}.ai-modal-close:hover svg .css-flag{stroke:#2a2a2a}.ai-image-viewer{background-color:rgba(0,0,0,.7) !important}.ai-image-viewer .viewer-close{position:absolute;top:32px;right:32px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;background-color:rgba(42,42,42,.6);border-radius:8px;cursor:pointer;transition:background-color .3s ease-out}.ai-image-viewer .viewer-close:hover{background-color:#2a2a2a !important}.ai-image-viewer .viewer-close:focus{background-color:rgba(0,0,0,0) !important;box-shadow:none !important}.ai-image-viewer .viewer-close::before{width:18px;height:18px;position:static;background:url(/tpl/tools/img/common/icon_close_white.svg) no-repeat center center;background-size:contain}}@media screen and (max-width: 768px){.ai-button{display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none;background-color:rgba(112,112,112,.1);padding-left:22px;padding-right:22px;border-radius:12px;outline:none;border:none;height:48px;font:normal normal normal 16px/16px "Titillium Web";color:#2a2a2a;gap:8px;transition:background-color .3s ease-out}.ai-button.ai-button--icon{padding-left:0;padding-right:0;width:48px}.ai-button__icon{width:22px;height:22px;display:inline-block}.ai-button__text{display:inline-block}.ai-button.ai-button--primary{background-color:#1264fc}.ai-button.ai-button--primary .ai-button__text{color:#fff}.ai-select{position:relative}.ai-select__icon{width:22px;height:22px;object-fit:contain}.ai-select__label{transition:color .3s ease-out;font:normal normal normal 16px/16px "Titillium Web";color:#2a2a2a}.ai-select__status{width:14px;height:14px;background:url(/tpl/tools/img/common/icon_arrow_down.svg) no-repeat center center;background-size:contain;margin-left:auto;visibility:hidden}.ai-select__trigger,.ai-select__option{display:flex;align-items:center;cursor:pointer;user-select:none;transition:background-color .3s ease-out;padding-left:12px;padding-right:12px;gap:8px}.ai-select__trigger{background-color:rgba(112,112,112,.1);height:48px;border-radius:12px}.ai-select__trigger .ai-select__status{visibility:visible;transition:transform .2s ease-out;transform:rotate(0deg)}.ai-select .ai-select__trigger[aria-expanded=true] .ai-select__status{transform:rotate(180deg)}.ai-select__option{background-color:#fff;border-radius:8px;height:44px}.ai-select__option:active{background-color:rgba(18,100,252,.1)}.ai-select__option .ai-select__label{font:normal normal normal 14px/14px "Titillium Web"}.ai-select__option .ai-select__status{visibility:hidden;width:20px;height:14px;background:url(/tpl/tools/img/common/icon_checked.svg) no-repeat center center;background-size:contain}.ai-select__option.is-active{background-color:rgba(18,100,252,.1)}.ai-select__option.is-active .ai-select__status{visibility:visible}.ai-select__dropdown{display:none;background-color:#fff;padding:4px;border-radius:12px;border:1px solid rgba(112,112,112,.5019607843)}.ai-select__list{display:grid;row-gap:4px}.ai-toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);display:flex;justify-content:flex-start;align-items:center;user-select:none;pointer-events:none;max-width:calc(100vw - 32px);width:max-content;z-index:99999;opacity:0;padding-left:16px;padding-right:16px;padding-top:9px;padding-bottom:9px;gap:10px;border-radius:12px;min-height:40px;font:normal normal normal 16px/20px "Titillium Web";color:#1264fc;background-color:#e8f0ff;border:1px solid #1b55c2;overflow-wrap:break-word;box-sizing:border-box}.ai-toast__icon{display:inline-block;width:26px;height:26px;object-fit:contain;flex-shrink:0}.ai-toast.is-active{opacity:1}.ai-toast.is-info{color:#1264fc;background-color:#e8f0ff;border:1px solid #1b55c2}.ai-toast.is-error{color:#e94949;background-color:#ffe8e8;border:1px solid #cb2020}.ai-toast.is-warning{color:#c9802e;background-color:#fff8ef;border:1px solid #c9802e}.ai-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:20000;display:none;padding-left:22px;padding-right:22px}.ai-modal *{margin:0;box-sizing:border-box}.ai-modal__mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);z-index:20001;opacity:0}.ai-modal__content{position:relative;background-color:#fff;border-radius:16px;z-index:20002;padding-left:14px;padding-right:14px;padding-top:73px;padding-bottom:14px;display:flex;flex-direction:column;align-items:center;width:100%}.ai-modal__footer{display:flex;justify-content:center;align-items:center;gap:23px;margin-top:33px;width:100%}.ai-modal__icon{display:inline-block;width:48px;height:48px;object-fit:contain;flex-shrink:0}.ai-modal__title{margin-top:16px;text-align:center;font:normal normal bold 20px/20px "Titillium Web";color:#2a2a2a}.ai-modal__desc{font:normal normal normal 16px/20px "Titillium Web";color:#707070;margin-top:9px;text-align:center}.ai-modal .ai-modal-close{right:10px}.ai-modal .ai-button{flex-grow:1;height:56px}.ai-modal .ai-button.modal-cancel{background-color:rgba(42,42,42,.08)}.ai-modal.is-active{display:flex}.ai-modal.is-active .ai-modal__mask{animation:ai-opacity-1 .2s ease-out forwards}.ai-modal.is-leave{display:flex}.ai-modal.is-leave .ai-modal__content,.ai-modal.is-leave .ai-modal__mask{animation:ai-opacity-0 .2s ease-out forwards}.ai-modal-close{width:30px;height:30px;cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute;top:15px;right:15px}.ai-modal-close svg{width:20px;height:20px;pointer-events:none}.ai-modal-close svg .css-flag{transition:all .3s ease-out;stroke:rgba(42,42,42,.4980392157)}.ai-image-viewer{background-color:rgba(0,0,0,.7) !important}.ai-image-viewer .viewer-close{position:absolute;top:76px;right:16px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;background-color:rgba(42,42,42,.6);border-radius:8px;cursor:pointer;transition:background-color .3s ease-out}.ai-image-viewer .viewer-close:focus{background-color:rgba(0,0,0,0) !important;box-shadow:none !important}.ai-image-viewer .viewer-close:hover{background-color:rgba(42,42,42,.6)}.ai-image-viewer .viewer-close::before{width:18px;height:18px;position:static;background:url(/tpl/tools/img/common/icon_close_white.svg) no-repeat center center;background-size:contain}}.cps-tester{width:100%;max-width:1920px;position:relative}.cps-tester .cps-test-bg{width:100%;max-width:1920px;height:auto;position:absolute;top:0}.cps-tester .cps-test-bg.mobile-show{display:none}.cps-tester .cps-test-section{position:relative;z-index:1;padding-top:32px;padding-bottom:70px;display:flex;flex-direction:column;align-items:center}.cps-tester .cps-test-section .h1-title{margin:0;font:normal normal bold 40px/61px Titillium Web;color:#000}.cps-tester .cps-test-section .h1-desc{margin-top:6px;margin-bottom:40px;max-width:1065px;text-align:center;font:normal normal normal 16px/24px Titillium Web;letter-spacing:0px;color:#707070}.cps-tester .cps-test-section .sec-btn-list{width:fit-content;display:flex;gap:10px}.cps-tester .cps-test-section .sec-btn-list .sec-btn-list-item{width:88px;height:40px;background:hsla(0,0%,100%,.9294117647) 0% 0% no-repeat padding-box;border:1px solid #d6dce8;border-radius:8px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font:normal normal normal 15px/23px Titillium Web;color:#2a2a2a;cursor:pointer}.cps-tester .cps-test-section .sec-btn-list .sec-btn-list-item.sec-active{background:#1264fc 0% 0% no-repeat padding-box !important;border-color:#1264fc !important;color:#fff !important}@media(min-width: 769px){.cps-tester .cps-test-section .sec-btn-list .sec-btn-list-item:hover{background:#edf2ff 0% 0% no-repeat padding-box;border:1px solid #a9bcf9}}.cps-tester .cps-test-section .sec-btn-list .sec-btn-list-item.disabled{background:#f2f5f9 0% 0% no-repeat padding-box;border:1px solid #d6dce8;pointer-events:none;color:rgba(42,42,42,.32)}.cps-tester .cps-test-section .result-list-box{width:100%;max-width:1080px;display:flex;gap:12px;margin:16px 0}.cps-tester .cps-test-section .result-list-box .result-list-item{flex:1;height:90px;background:#fafbff 0% 0% no-repeat padding-box;border:1px solid #cfdfff;border-radius:12px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding-left:24px;padding-right:20px}.cps-tester .cps-test-section .result-list-box .result-list-item .result-list-item-text{height:100%;padding-top:14px;box-sizing:border-box}.cps-tester .cps-test-section .result-list-box .result-list-item .result-list-item-text .result-list-item-text-number{height:36px;display:flex;align-items:center;font:normal normal bold 24px/36px Titillium Web;color:#000;margin-bottom:3px}.cps-tester .cps-test-section .result-list-box .result-list-item .result-list-item-text .result-list-item-text-text{font:normal normal normal 14px/21px Titillium Web;color:#000}.cps-tester .cps-test-section .result-list-box .result-list-item .result-list-item-icon{width:44px;height:44px}.cps-tester .cps-test-section .test-box{width:100%;max-width:1080px;height:280px;position:relative;overflow:hidden;background:#fafbff 0% 0% no-repeat padding-box;border:1px solid #a5c5ff;border-radius:20px;box-sizing:border-box;cursor:pointer;user-select:none;display:flex;flex-direction:column;align-items:center}.cps-tester .cps-test-section .test-box>div{pointer-events:none;user-select:none}@media(min-width: 769px){.cps-tester .cps-test-section .test-box:hover{background:#f3f6ff 0% 0% no-repeat padding-box;border:1px solid #125ae4;outline:3px solid #f3f6ff}}.cps-tester .cps-test-section .test-box.test-active{background:#f3f6ff 0% 0% no-repeat padding-box;border:1px solid #125ae4;outline:3px solid #f3f6ff}.cps-tester .cps-test-section .test-box .click-bg{width:28px;height:28px;background:#d7e4fc 0% 0% no-repeat padding-box;filter:blur(8px);border-radius:50%;position:absolute;transform:translate(-50%, -50%);animation:ripple .4s ease-out forwards;pointer-events:none}.cps-tester .cps-test-section .test-box .mouse-box{width:94px;height:94px;position:absolute;display:flex;align-items:center;justify-content:center;top:42px}.cps-tester .cps-test-section .test-box .mouse-box .mouse-icon{width:100%;height:100%;position:relative;z-index:2}.cps-tester .cps-test-section .test-box .mouse-box .mouse-icon.mobile-show{display:none}.cps-tester .cps-test-section .test-box .mouse-box .mouse-icon.pc-show{display:block}.cps-tester .cps-test-section .test-box .test-box-text{margin-top:136px;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;z-index:2}.cps-tester .cps-test-section .test-box .test-box-text .test-box-text-title{font:normal normal bold 24px/36px Titillium Web;color:#000}.cps-tester .cps-test-section .test-box .test-box-text .test-box-text-desc{font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .test-box .green-mouse{width:94px;height:94px;position:absolute;top:32px}.cps-tester .cps-test-section .test-box .test-end-text{margin-top:116px;display:flex;flex-direction:column;align-items:center}.cps-tester .cps-test-section .test-box .test-end-text.warming .number-box .number{color:#fa5251}.cps-tester .cps-test-section .test-box .test-end-text.warming .click-analysis-box .analysis-box{background:rgba(250,82,81,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #fa5251}.cps-tester .cps-test-section .test-box .test-end-text.warming .click-analysis-box .analysis-box span{color:#fa5251}.cps-tester .cps-test-section .test-box .test-end-text.steady .number-box .number{color:#f27e09}.cps-tester .cps-test-section .test-box .test-end-text.steady .click-analysis-box .analysis-box{background:rgba(242,126,9,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #f27e09}.cps-tester .cps-test-section .test-box .test-end-text.steady .click-analysis-box .analysis-box span{color:#f27e09}.cps-tester .cps-test-section .test-box .test-end-text.quick .number-box .number{color:#f2bc09}.cps-tester .cps-test-section .test-box .test-end-text.quick .click-analysis-box .analysis-box{background:rgba(242,188,9,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #f2bc09}.cps-tester .cps-test-section .test-box .test-end-text.quick .click-analysis-box .analysis-box span{color:#f2bc09}.cps-tester .cps-test-section .test-box .test-end-text.rapid .number-box .number{color:#00b578}.cps-tester .cps-test-section .test-box .test-end-text.rapid .click-analysis-box .analysis-box{background:rgba(0,181,120,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #00b578}.cps-tester .cps-test-section .test-box .test-end-text.rapid .click-analysis-box .analysis-box span{color:#00b578}.cps-tester .cps-test-section .test-box .test-end-text.lightning .number-box .number{color:#31b3ff}.cps-tester .cps-test-section .test-box .test-end-text.lightning .click-analysis-box .analysis-box{background:rgba(49,179,255,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #31b3ff}.cps-tester .cps-test-section .test-box .test-end-text.lightning .click-analysis-box .analysis-box span{color:#31b3ff}.cps-tester .cps-test-section .test-box .test-end-text.incredible .number-box .number{color:#125ae4}.cps-tester .cps-test-section .test-box .test-end-text.incredible .click-analysis-box .analysis-box{background:rgba(18,90,228,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #125ae4}.cps-tester .cps-test-section .test-box .test-end-text.incredible .click-analysis-box .analysis-box span{color:#125ae4}.cps-tester .cps-test-section .test-box .test-end-text .test-end-text-title{font:normal normal normal 13px/20px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .test-box .test-end-text .number-box{display:flex;height:48px;align-items:center;gap:4px}.cps-tester .cps-test-section .test-box .test-end-text .number-box .number{font:normal normal bold 32px/48px Titillium Web}.cps-tester .cps-test-section .test-box .test-end-text .number-box .unit{font:normal normal bold 14px/21px Titillium Web;color:#000;position:relative;top:5px}.cps-tester .cps-test-section .test-box .test-end-text .desc{font:normal normal normal 13px/20px Titillium Web;color:#2a2a2a;margin-bottom:12px}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box{display:flex;align-items:center;gap:12px}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .analysis-box{display:flex;align-items:center;padding:0 10px 0 8px;box-sizing:border-box;min-width:75px;height:28px;border-radius:14px}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .analysis-box img{width:28px;height:28px}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .analysis-box span{font:normal normal 600 12px/19px Titillium Web}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .best-box{display:flex;align-items:center;padding:0 10px 0 8px;height:28px;background:rgba(18,90,228,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #125ae4;border-radius:14px}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .best-box img{width:28px;height:28px}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .best-box span{font:normal normal 600 12px/19px Titillium Web;color:#125ae4}.cps-tester .cps-test-section .test-box .progress-box{width:100%;height:6px;background:#d7e4fc 0% 0% no-repeat padding-box;position:absolute;bottom:0;left:0;z-index:2}.cps-tester .cps-test-section .test-box .progress-box .progress-box-bar{height:100%;background:rgba(0,0,0,0) linear-gradient(270deg, #4D8BF6 0%, #125AE4 100%) 0% 0% no-repeat padding-box;border-radius:3px}.cps-tester .cps-test-section .test-btn-box{margin-top:17px;width:100%;max-width:1080px;display:flex;gap:16px}.cps-tester .cps-test-section .test-btn-box .test-btn-box-item{flex:1;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;user-select:none;gap:12px}.cps-tester .cps-test-section .test-btn-box .test-btn-box-item .test-btn-box-item-icon{width:18px;height:18px}.cps-tester .cps-test-section .test-btn-box .test-btn-box-item .test-btn-box-item-icon svg{width:100%;height:100%}.cps-tester .cps-test-section .test-btn-box .test-btn-box-item{font:normal normal 600 16px/22px Titillium Web;cursor:pointer;box-sizing:border-box}.cps-tester .cps-test-section .test-btn-box .test-btn-box-item.restart-test{background:#1264fc 0% 0% no-repeat padding-box;color:#fff}@media(min-width: 769px){.cps-tester .cps-test-section .test-btn-box .test-btn-box-item.restart-test:hover{background:rgba(18,100,252,.7) 0% 0% no-repeat padding-box}}.cps-tester .cps-test-section .test-btn-box .test-btn-box-item.copy-result{background:#ebeff6 0% 0% no-repeat padding-box;border:1px solid #dae0eb;color:#000}@media(min-width: 769px){.cps-tester .cps-test-section .test-btn-box .test-btn-box-item.copy-result:hover{background:#e3e9f5 0% 0% no-repeat padding-box;border:1px solid #dae0eb}}.cps-tester .cps-test-section .test-btn-box .test-btn-box-item.copy-result.disabled{pointer-events:none;opacity:.6}.cps-tester .cps-test-section .view-btn{margin-top:16px;width:100%;max-width:1080px;height:56px;display:flex;align-items:center;justify-content:center;gap:12px;font:normal normal 600 16px/22px Titillium Web;color:#125ae4;cursor:pointer;background:#fafbff 0% 0% no-repeat padding-box;border:1px solid #d7e4fc;border-radius:8px}.cps-tester .cps-test-section .view-btn img{width:18px;height:18px}@media(min-width: 769px){.cps-tester .cps-test-section .view-btn:hover{background:#f3f6ff 0% 0% no-repeat padding-box;border:1px solid #125ae4}}.cps-tester .cps-test-section .history-box{margin-top:40px;width:100%;max-width:1080px;position:relative}.cps-tester .cps-test-section .history-box .history-clear-btn{position:absolute;width:fit-content;top:15px;right:10px;display:flex;align-items:center;gap:4px;cursor:pointer}.cps-tester .cps-test-section .history-box .history-clear-btn .clear-icon{width:16px;height:16px;position:relative;top:-2px}.cps-tester .cps-test-section .history-box .history-clear-btn .clear-icon svg{width:100%;height:100%}.cps-tester .cps-test-section .history-box .history-clear-btn .clear-icon svg path{stroke:#000}.cps-tester .cps-test-section .history-box .history-clear-btn span{font:normal normal normal 14px/21px Titillium Web;color:#000}@media(min-width: 769px){.cps-tester .cps-test-section .history-box .history-clear-btn:hover .clear-icon svg path{stroke:#125ae4}.cps-tester .cps-test-section .history-box .history-clear-btn:hover span{color:#125ae4;text-decoration:underline}}.cps-tester .cps-test-section .history-box .history-clear-btn.disabled{pointer-events:none;opacity:.32}.cps-tester .cps-test-section .history-box .history-box-title{font:normal normal bold 24px/36px Titillium Web;color:#000;margin-bottom:17px}.cps-tester .cps-test-section .history-box .history-box-list{width:100%;background:#fdfdff 0% 0% no-repeat padding-box;border:1px solid #e1e9ff;border-radius:20px}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-header{width:100%;height:52px;background:#f5f7fe 0% 0% no-repeat padding-box;border-radius:19px 19px 0px 0px;display:flex;align-items:center;justify-content:space-between}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-header .history-box-list-header-item{width:70px;text-align:center;font:normal normal 600 14px/21px Titillium Web;color:#000}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-header .history-box-list-header-item.item-5{width:160px}.cps-tester .cps-test-section .history-box .history-box-list .no-data-box{width:100%;height:57px;font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a;display:flex;align-items:center;justify-content:center}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item{width:100%;height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eff0f8}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item:last-child{border-bottom:none;border-radius:0 0 19px 19px}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div{width:70px;text-align:center;font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.history-box-list-item-analysis{width:160px;color:#125ae4;cursor:pointer}@media(min-width: 769px){.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.history-box-list-item-analysis:hover{text-decoration:underline}}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.history-box-list-item-analysis.disabled{pointer-events:none;opacity:.32}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-5{display:none}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-4{color:#125ae4;position:relative;display:flex;align-items:center;justify-content:center}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-4 .best-icon{height:21px;padding:0px 6px;display:flex;align-items:center;background:rgba(18,90,228,.12) 0% 0% no-repeat padding-box;border-radius:5px;font:normal normal 600 10px/15px Titillium Web;color:#125ae4;text-transform:uppercase;position:absolute;right:0;transform:translateX(50%)}.cps-tester .cps-test-section .db-box{margin-top:40px;width:100%;height:149px;max-width:1140px;background:url("/tpl/tools/img/cps-test/db-bg.webp") no-repeat center center;background-size:cover;border-radius:20px;padding-right:32px;box-sizing:border-box;display:flex;align-items:center;gap:33px}.cps-tester .cps-test-section .db-box .db-box-text{margin-left:auto;width:444px}.cps-tester .cps-test-section .db-box .db-box-text .db-box-text-title{font:normal normal bold 24px/36px Titillium Web;color:#fff;margin-bottom:7px}.cps-tester .cps-test-section .db-box .db-box-text .db-box-text-desc{font:normal normal normal 16px/20px Titillium Web;color:#dedede}.cps-tester .cps-test-section .db-box .db-box-text .db-box-text-desc p{margin:0;padding:0}.cps-tester .cps-test-section .db-box .db-box-btn{width:289px;height:43px;background:#ff0303 0% 0% no-repeat padding-box;border-radius:8px;display:flex;align-items:center;justify-content:center;font:normal normal bold 16px/24px Titillium Web;color:#fff;cursor:pointer;text-decoration:none}@media(min-width: 769px){.cps-tester .cps-test-section .db-box .db-box-btn:hover{background:rgba(255,3,3,.8) 0% 0% no-repeat padding-box}}.cps-tester .cps-test-section .db-box .db-box-btn.mob-btn{display:none}.cps-tester .cps-test-section .find-box{margin-top:40px;width:100%;max-width:1080px;min-height:190px;background:#f7f8fb 0% 0% no-repeat padding-box;border-radius:20px;padding:20px 24px 20px 24px;box-sizing:border-box}.cps-tester .cps-test-section .find-box .find-box-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.cps-tester .cps-test-section .find-box .find-box-header .left{display:flex;align-items:center;gap:12px}.cps-tester .cps-test-section .find-box .find-box-header .left img{width:24px;height:24px}.cps-tester .cps-test-section .find-box .find-box-header .left span{font:normal normal bold 18px/27px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .find-box .find-box-header .right{font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .find-box .find-box-header-mob{display:none}.cps-tester .cps-test-section .find-box .find-list{width:100%;display:flex;align-items:center;gap:10px}.cps-tester .cps-test-section .find-box .find-list .find-list-item{flex:1;height:78px;background:#fff 0% 0% no-repeat padding-box;border:.5px solid #d7e4fc;border-radius:8px;padding-left:16px;padding-right:12px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-1 .left-number{color:#fa5251}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-1 .right{background:rgba(250,82,81,.1215686275) 0% 0% no-repeat padding-box}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-2 .left-number{color:#f27e09}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-2 .right{background:rgba(242,126,9,.1215686275) 0% 0% no-repeat padding-box}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-3 .left-number{color:#f2bc09}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-3 .right{background:rgba(242,188,9,.1215686275) 0% 0% no-repeat padding-box}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-4 .left-number{color:#00b578}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-4 .right{background:rgba(0,181,120,.1215686275) 0% 0% no-repeat padding-box}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-5 .left-number{color:#31b3ff}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-5 .right{background:rgba(49,179,255,.1215686275) 0% 0% no-repeat padding-box}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-6 .left-number{color:#125ae4}.cps-tester .cps-test-section .find-box .find-list .find-list-item.item-6 .right{background:rgba(18,90,228,.1215686275) 0% 0% no-repeat padding-box}.cps-tester .cps-test-section .find-box .find-list .find-list-item .left .left-number{font:normal normal bold 16px/24px Titillium Web;margin-bottom:4px}.cps-tester .cps-test-section .find-box .find-list .find-list-item .left .left-text{font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .find-box .find-list .find-list-item .right{width:44px;height:44px;border-radius:50%}.cps-tester .cps-test-section .find-box .find-list .find-list-item .right img{width:100%;height:100%}.cps-tester .cps-test-section .find-box .find-desc{margin-top:8px;font:normal normal normal 13px/20px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .result-container{width:100%;max-width:1080px;position:relative}.cps-tester .cps-test-section .result-container .result-top-text .result-top-text-title{font:normal normal bold 24px/36px Titillium Web;color:#000;margin-bottom:4px}.cps-tester .cps-test-section .result-container .result-top-text .result-top-text-desc{font:normal normal normal 16px/24px Titillium Web;color:#707070}.cps-tester .cps-test-section .result-container .back-btn{position:absolute;top:15px;right:10px;display:flex;align-items:center;gap:4px;cursor:pointer;font:normal normal normal 14px/21px Titillium Web;color:#000}.cps-tester .cps-test-section .result-container .back-btn .back-btn-icon{width:16px;height:16px;position:relative}.cps-tester .cps-test-section .result-container .back-btn .back-btn-icon svg{width:100%;height:100%;position:absolute;top:0}@media(min-width: 769px){.cps-tester .cps-test-section .result-container .back-btn:hover .back-btn-icon svg path{stroke:#125ae4}.cps-tester .cps-test-section .result-container .back-btn:hover{color:#125ae4}}.cps-tester .cps-test-section .result-container .back-btn.disabled{pointer-events:none;opacity:.32}.cps-tester .cps-test-section .result-container .average-box{width:100%;height:353px;margin-top:12px;background:#fdfdff 0% 0% no-repeat padding-box;border:1px solid #a5c5ff;border-radius:20px;display:flex}.cps-tester .cps-test-section .result-container .average-box .left{background:#f5f7fe 0% 0% no-repeat padding-box;border-right:1px solid #a5c5ff;border-radius:20px 0px 0px 20px;width:235px;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:24px;padding-bottom:24px;box-sizing:border-box}.cps-tester .cps-test-section .result-container .average-box .left.warming .left-number-box .left-number-box-number{color:#fa5251}.cps-tester .cps-test-section .result-container .average-box .left.warming .analysis-box-list .analysis-box{background:rgba(250,82,81,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #fa5251}.cps-tester .cps-test-section .result-container .average-box .left.warming .analysis-box-list .analysis-box span{color:#fa5251}.cps-tester .cps-test-section .result-container .average-box .left.steady .left-number-box .left-number-box-number{color:#f27e09}.cps-tester .cps-test-section .result-container .average-box .left.steady .analysis-box-list .analysis-box{background:rgba(242,126,9,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #f27e09}.cps-tester .cps-test-section .result-container .average-box .left.steady .analysis-box-list .analysis-box span{color:#f27e09}.cps-tester .cps-test-section .result-container .average-box .left.quick .left-number-box .left-number-box-number{color:#f2bc09}.cps-tester .cps-test-section .result-container .average-box .left.quick .analysis-box-list .analysis-box{background:rgba(242,188,9,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #f2bc09}.cps-tester .cps-test-section .result-container .average-box .left.quick .analysis-box-list .analysis-box span{color:#f2bc09}.cps-tester .cps-test-section .result-container .average-box .left.rapid .left-number-box .left-number-box-number{color:#00b578}.cps-tester .cps-test-section .result-container .average-box .left.rapid .analysis-box-list .analysis-box{background:rgba(0,181,120,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #00b578}.cps-tester .cps-test-section .result-container .average-box .left.rapid .analysis-box-list .analysis-box span{color:#00b578}.cps-tester .cps-test-section .result-container .average-box .left.lightning .left-number-box .left-number-box-number{color:#31b3ff}.cps-tester .cps-test-section .result-container .average-box .left.lightning .analysis-box-list .analysis-box{background:rgba(49,179,255,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #31b3ff}.cps-tester .cps-test-section .result-container .average-box .left.lightning .analysis-box-list .analysis-box span{color:#31b3ff}.cps-tester .cps-test-section .result-container .average-box .left.incredible .left-number-box .left-number-box-number{color:#125ae4}.cps-tester .cps-test-section .result-container .average-box .left.incredible .analysis-box-list .analysis-box{background:rgba(18,90,228,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #125ae4}.cps-tester .cps-test-section .result-container .average-box .left.incredible .analysis-box-list .analysis-box span{color:#125ae4}.cps-tester .cps-test-section .result-container .average-box .left .left-title{font:normal normal 600 14px/21px Titillium Web;color:#000;margin-bottom:19px}.cps-tester .cps-test-section .result-container .average-box .left .left-number-box{display:flex;align-items:center;gap:4px;height:48px}.cps-tester .cps-test-section .result-container .average-box .left .left-number-box .left-number-box-number{font:normal normal bold 32px/48px Titillium Web}.cps-tester .cps-test-section .result-container .average-box .left .left-number-box .left-number-box-unit{font:normal normal bold 14px/21px Titillium Web;color:#000;position:relative;top:5px}.cps-tester .cps-test-section .result-container .average-box .left .left-desc{font:normal normal normal 13px/20px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list{width:fit-content;display:flex;flex-direction:column;align-items:center;gap:12px}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .analysis-box{margin-top:20px;display:flex;align-items:center;width:fit-content;box-sizing:border-box;min-width:75px;padding:0 10px 0 8px;height:28px;border-radius:14px}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .analysis-box .analysis-box-icon{width:28px;height:28px}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .analysis-box span{font:normal normal 600 12px/19px Titillium Web}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .best-box{display:flex;align-items:center;width:fit-content;padding:0 10px 0 8px;box-sizing:border-box;height:28px;background:rgba(18,90,228,.1215686275) 0% 0% no-repeat padding-box;border:.5px solid #125ae4;border-radius:14px}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .best-box .best-box-icon{width:28px;height:28px}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .best-box span{color:#125ae4;font:normal normal 600 12px/19px Titillium Web}.cps-tester .cps-test-section .result-container .average-box .left .copy-btn{margin-top:auto;display:flex;align-items:center;gap:4px;cursor:pointer}.cps-tester .cps-test-section .result-container .average-box .left .copy-btn .copy-btn-icon{width:16px;height:16px}.cps-tester .cps-test-section .result-container .average-box .left .copy-btn .copy-btn-icon svg{width:100%;height:100%}.cps-tester .cps-test-section .result-container .average-box .left .copy-btn{font:normal normal normal 13px/20px Titillium Web;color:#000}@media(min-width: 769px){.cps-tester .cps-test-section .result-container .average-box .left .copy-btn:hover{color:#125ae4;text-decoration:underline}.cps-tester .cps-test-section .result-container .average-box .left .copy-btn:hover .copy-btn-icon svg path{stroke:#125ae4}}.cps-tester .cps-test-section .result-container .average-box .right{flex:1;height:100%;border-radius:0px 20px 20px 0px;padding:22px 24px 20px 24px;box-sizing:border-box;display:flex;flex-direction:column}.cps-tester .cps-test-section .result-container .average-box .right .right-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cps-tester .cps-test-section .result-container .average-box .right .right-header .right-title{font:normal normal 600 16px/24px Titillium Web;color:#000}.cps-tester .cps-test-section .result-container .average-box .right .right-header .right-line{display:flex;align-items:center;gap:36px}.cps-tester .cps-test-section .result-container .average-box .right .right-header .right-line .right-line-item{display:flex;align-items:center;gap:6px;font:normal normal normal 12px/19px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .result-container .average-box .right .right-header .right-line .right-line-item img{width:16px;height:16px;position:relative;top:2px}.cps-tester .cps-test-section .result-container .average-box .right .right-content{width:100%;flex:1;min-height:0;position:relative}.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-chart-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-chart{display:block;width:100%;height:100%}.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-chart text{fill:#a2a7b1;font-family:"Titillium Web",Arial,sans-serif;font-size:12px}.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-chart .peak-label{fill:#2f6bff;font:normal normal 600 12px/19px Titillium Web}.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-chart .rhythm-hit{fill:rgba(0,0,0,0);cursor:pointer}.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-tooltip{position:absolute;z-index:3;display:none;background:rgba(0,0,0,.7490196078);color:#fff;font:normal normal 600 12px/19px Titillium Web;border-radius:6px;padding:8px 12px;box-shadow:0 5px 15px rgba(23,39,70,.14);pointer-events:none;white-space:nowrap}.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-tooltip strong,.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-tooltip b{font-weight:600;color:#fff}.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-tooltip strong{display:block}.cps-tester .cps-test-section .result-container .average-box .right .right-desc{margin-top:9px;font:normal normal normal 12px/19px Titillium Web;color:#a2a7b1}.cps-tester .cps-test-section .result-container .result-analysis-box{margin-top:12px;width:100%;display:flex;gap:15px}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item{flex:1;height:84px;background:#fcfcff 0% 0% no-repeat padding-box;border:1px solid #eaf2ff;border-radius:12px;box-sizing:border-box;padding:12px 16px 16px 16px}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .left-title{display:flex;align-items:center;gap:4px;font:normal normal 600 13px/20px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .left-title img{width:16px;height:16px}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .left-title{margin-bottom:5px}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .bottom{width:100%;display:flex;align-items:center;justify-content:space-between}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .bottom .left{height:31px;display:flex;align-items:center;gap:6px}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .bottom .left .number{font:normal normal bold 20px/31px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .bottom .left .unit{font:normal normal normal 12px/19px Titillium Web;color:#2a2a2a;position:relative;top:2px}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .bottom .right{font:normal normal normal 14px/21px Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .result-container .momentum-box{margin-top:12px;width:100%;height:80px;display:flex;align-items:center;gap:12px;padding:14px 12px;box-sizing:border-box;background:#fcfcff 0% 0% no-repeat padding-box;border:1px solid #eff0f8;border-radius:12px}.cps-tester .cps-test-section .result-container .momentum-box img{width:52px;height:52px}.cps-tester .cps-test-section .result-container .momentum-box .momentum-box-text .momentum-box-text-title{font:normal normal 600 15px/23px Titillium Web;color:#000;margin-bottom:4px}.cps-tester .cps-test-section .result-container .momentum-box .momentum-box-text .momentum-box-text-desc{font:normal normal normal 14px/21px Titillium Web;color:#a2a7b1}.cps-tester .cps-test-section .popup-box{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center}.cps-tester .cps-test-section .popup-box .popup-box-content{width:556px;height:331px;background:#fff 0% 0% no-repeat padding-box;border-radius:10px;padding-top:52px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative}.cps-tester .cps-test-section .popup-box .popup-box-content .close-icon{width:14px;height:14px;position:absolute;top:16px;right:16px;cursor:pointer}.cps-tester .cps-test-section .popup-box .popup-box-content .close-icon svg{width:100%;position:absolute;top:0;left:0}@media(min-width: 769px){.cps-tester .cps-test-section .popup-box .popup-box-content .close-icon:hover svg path{stroke:#000}}.cps-tester .cps-test-section .popup-box .popup-box-content .clear-icon{width:48px;height:48px}.cps-tester .cps-test-section .popup-box .popup-box-content .popup-title{font:normal normal bold 20px/20px Titillium Web;color:#2a2a2a;margin-top:16px;margin-bottom:10px}.cps-tester .cps-test-section .popup-box .popup-box-content .popup-desc{width:508px;text-align:center;font:normal normal normal 16px/20px Titillium Web;color:#707070;margin-bottom:36px}.cps-tester .cps-test-section .popup-box .popup-box-content .popup-btn-box{display:flex;gap:20px;width:fit-content}.cps-tester .cps-test-section .popup-box .popup-box-content .popup-btn-box .popup-btn-box-item{width:164px;height:42px;border-radius:6px;display:flex;align-items:center;justify-content:center;font:normal normal 600 15px/23px Titillium Web;cursor:pointer}.cps-tester .cps-test-section .popup-box .popup-box-content .popup-btn-box .popup-btn-box-item.clear{background:#125ae4 0% 0% no-repeat padding-box;color:#fff}@media(min-width: 769px){.cps-tester .cps-test-section .popup-box .popup-box-content .popup-btn-box .popup-btn-box-item.clear:hover{background:#3178ff 0% 0% no-repeat padding-box}}.cps-tester .cps-test-section .popup-box .popup-box-content .popup-btn-box .popup-btn-box-item.cancel{background:#f4f6fa 0% 0% no-repeat padding-box;color:#000}@media(min-width: 769px){.cps-tester .cps-test-section .popup-box .popup-box-content .popup-btn-box .popup-btn-box-item.cancel:hover{background:#eaecf5 0% 0% no-repeat padding-box}}@keyframes ripple{to{width:168px;height:168px;opacity:0}}@media screen and (max-width: 768px){.cps-tester{padding-top:60px}.cps-tester .cps-test-bg.mobile-show{display:block}.cps-tester .cps-test-bg.pc-show{display:none}.cps-tester .cps-test-section{padding-top:.2rem;padding-bottom:.8rem}.cps-tester .cps-test-section .h1-title{width:6.86rem;text-align:center;font-size:.64rem;line-height:.84rem}.cps-tester .cps-test-section .h1-desc{display:none}.cps-tester .cps-test-section .sec-btn-list{margin-top:.4rem;gap:.15rem}.cps-tester .cps-test-section .sec-btn-list .sec-btn-list-item{width:1.26rem;height:.76rem;font-size:.28rem;line-height:.43rem;border-width:.02rem !important;border-radius:.12rem}.cps-tester .cps-test-section .result-list-box{width:6.86rem;gap:.22rem;flex-wrap:wrap;margin:.32rem 0}.cps-tester .cps-test-section .result-list-box .result-list-item{flex:none;width:3.32rem;max-width:3.32rem;min-width:3.32rem;height:1.54rem;border-width:.02rem !important;border-radius:.2rem;padding-left:.28rem;padding-right:.2rem}.cps-tester .cps-test-section .result-list-box .result-list-item .result-list-item-text{padding-top:.16rem}.cps-tester .cps-test-section .result-list-box .result-list-item .result-list-item-text .result-list-item-text-number{height:.73rem;font-size:.48rem;line-height:.73rem;margin-bottom:0}.cps-tester .cps-test-section .result-list-box .result-list-item .result-list-item-text .result-list-item-text-text{font-size:.28rem;line-height:.43rem}.cps-tester .cps-test-section .result-list-box .result-list-item .result-list-item-icon{width:.88rem;height:.88rem}.cps-tester .cps-test-section .test-box{width:6.86rem;height:4.78rem;border-width:.02rem !important;border-radius:.36rem}.cps-tester .cps-test-section .test-box .click-bg{width:.48rem;height:.48rem;animation:ripple .4s ease-out forwards}.cps-tester .cps-test-section .test-box .mouse-box{width:1.88rem;height:1.88rem;top:.56rem}.cps-tester .cps-test-section .test-box .mouse-box .mouse-icon.mobile-show{display:block}.cps-tester .cps-test-section .test-box .mouse-box .mouse-icon.pc-show{display:none}.cps-tester .cps-test-section .test-box .test-box-text .test-box-text-title{font-size:.48rem;line-height:.73rem;margin-bottom:.04rem}.cps-tester .cps-test-section .test-box .test-box-text .test-box-text-desc{font-size:.28rem;line-height:.43rem}.cps-tester .cps-test-section .test-box .green-mouse{width:1.88rem;height:1.88rem;top:.36rem}.cps-tester .cps-test-section .test-box .test-end-text{margin-top:2.02rem}.cps-tester .cps-test-section .test-box .test-end-text .test-end-text-title{font-size:.26rem;line-height:.39rem}.cps-tester .cps-test-section .test-box .test-end-text .number-box{height:.91rem;gap:.1rem}.cps-tester .cps-test-section .test-box .test-end-text .number-box .number{font-size:.6rem;line-height:.91rem}.cps-tester .cps-test-section .test-box .test-end-text .number-box .unit{font-size:.28rem;line-height:.43rem;position:relative;top:.06rem}.cps-tester .cps-test-section .test-box .test-end-text .desc{font-size:.26rem;line-height:.39rem;margin-bottom:.12rem}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box{gap:.24rem}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .analysis-box{padding:0 .22rem 0 .16rem;min-width:1.5rem;height:.56rem;border-radius:.28rem;border-width:.01rem !important}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .analysis-box img{width:.56rem;height:.56rem}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .analysis-box span{font-size:.23rem;line-height:.35rem}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .best-box{padding:0 .2rem 0 .08rem;height:.56rem;border-radius:.28rem;border-width:.01rem !important}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .best-box img{width:.56rem;height:.56rem}.cps-tester .cps-test-section .test-box .test-end-text .click-analysis-box .best-box span{font-size:.25rem;line-height:.38rem}.cps-tester .cps-test-section .test-box .progress-box{height:.06rem}.cps-tester .cps-test-section .test-box .progress-box .progress-box-bar{border-radius:.03rem}.cps-tester .cps-test-section .test-btn-box{margin-top:.32rem;gap:.32rem;width:6.86rem;flex-direction:column}.cps-tester .cps-test-section .test-btn-box .test-btn-box-item{width:100%;flex:none;height:1.06rem;border-radius:.16rem;gap:.2rem;font-size:.32rem;line-height:.48rem;border-width:.01rem !important}.cps-tester .cps-test-section .test-btn-box .test-btn-box-item .test-btn-box-item-icon{width:.4rem;height:.4rem}.cps-tester .cps-test-section .view-btn{width:6.86rem;height:1.06rem;border-radius:.16rem;gap:.2rem;font-size:.32rem;line-height:.48rem;border-width:.01rem !important;margin-top:.32rem}.cps-tester .cps-test-section .view-btn img{width:.4rem;height:.4rem}.cps-tester .cps-test-section .history-box{margin-top:.8rem;width:6.86rem}.cps-tester .cps-test-section .history-box .history-clear-btn{top:.15rem;right:.2rem;gap:.08rem}.cps-tester .cps-test-section .history-box .history-clear-btn .clear-icon{width:.32rem;height:.32rem}.cps-tester .cps-test-section .history-box .history-clear-btn span{font-size:.28rem;line-height:.43rem}.cps-tester .cps-test-section .history-box .history-box-title{font-size:.48rem;line-height:.73rem;margin-bottom:.14rem}.cps-tester .cps-test-section .history-box .history-box-list{border-width:.02rem !important;border-radius:.36rem}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-header{height:1rem;border-radius:.36rem .36rem 0 0}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-header .history-box-list-header-item{font-size:.28rem;line-height:.52rem}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-header .history-box-list-header-item.item-1{padding-left:.36rem;text-align:left;width:.78rem;box-sizing:border-box}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-header .history-box-list-header-item.item-2{width:1.44rem;text-align:center}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-header .history-box-list-header-item.item-3{width:1.36rem}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-header .history-box-list-header-item.item-4{width:1.56rem;text-align:left}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-header .history-box-list-header-item.item-5{flex:1}.cps-tester .cps-test-section .history-box .history-box-list .no-data-box{height:1.45rem;padding:.24rem .68rem 0;box-sizing:border-box;font-size:.28rem;line-height:.43rem;text-align:center}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item{height:1rem;border-width:.02rem !important}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item:last-child{border-radius:0 0 .36rem .36rem}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div{font-size:.28rem;line-height:.43rem}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-1{padding-left:.36rem;text-align:left;width:.78rem;box-sizing:border-box}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-2{width:1.44rem;text-align:center}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-3{width:1.36rem}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-4{width:1.56rem !important;text-align:left;justify-content:flex-start !important}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-4 .best-icon{height:.42rem !important;padding:0 .12rem !important;border-radius:.1rem !important;font-size:.2rem !important;line-height:.31rem !important;right:auto !important;left:.7rem !important;transform:translateX(0) !important}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.history-box-list-item-analysis{display:none}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-5{flex:1;display:flex !important;align-items:center;justify-content:center}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-5 img{width:.32rem;height:.32rem}.cps-tester .cps-test-section .history-box .history-box-list .history-box-list-item>div.item-5.disabled{pointer-events:none;opacity:.32}.cps-tester .cps-test-section .db-box{margin-top:.8rem;width:6.86rem;height:9.1rem;background:url("/tpl/tools/img/cps-test/db-bg-mob.webp") no-repeat center center;background-size:cover;border-radius:.36rem;padding-right:0;padding-top:.48rem;padding-bottom:.64rem;gap:0;flex-direction:column}.cps-tester .cps-test-section .db-box .db-box-text{margin-left:0;width:6.33rem}.cps-tester .cps-test-section .db-box .db-box-text .db-box-text-title{font-size:.48rem;line-height:.73rem;margin-bottom:.24rem;text-align:center}.cps-tester .cps-test-section .db-box .db-box-text .db-box-text-desc{font-size:.34rem;line-height:.44rem;text-align:center}.cps-tester .cps-test-section .db-box .db-box-btn{margin-top:auto;width:5.78rem;height:.86rem;border-radius:.16rem;font-size:.32rem;line-height:.48rem}.cps-tester .cps-test-section .db-box .db-box-btn.pc-btn{display:none}.cps-tester .cps-test-section .db-box .db-box-btn.mob-btn{display:flex}.cps-tester .cps-test-section .find-box{margin-top:.8rem;width:6.86rem;height:auto;min-height:auto;border-radius:.36rem;padding:.4rem}.cps-tester .cps-test-section .find-box .find-box-header{display:none}.cps-tester .cps-test-section .find-box .find-box-header-mob{display:flex;align-items:center;gap:.32rem}.cps-tester .cps-test-section .find-box .find-box-header-mob .left{padding-left:.08rem}.cps-tester .cps-test-section .find-box .find-box-header-mob .left img{width:.88rem;height:.88rem}.cps-tester .cps-test-section .find-box .find-box-header-mob .right .find-title{font:normal normal bold .36rem/.55rem Titillium Web;color:#2a2a2a}.cps-tester .cps-test-section .find-box .find-box-header-mob .right .find-desc{font:normal normal normal .28rem/.43rem Titillium Web;color:#2a2a2a;margin-top:-0.1rem}.cps-tester .cps-test-section .find-box .find-list{width:100%;flex-wrap:wrap;row-gap:.22rem;column-gap:.18rem}.cps-tester .cps-test-section .find-box .find-list .find-list-item{flex:none;width:2.92rem;height:1.4rem;border-radius:.16rem;border-width:.01rem !important;padding-left:.24rem;padding-right:.2rem}.cps-tester .cps-test-section .find-box .find-list .find-list-item .left .left-number{font-size:.32rem;line-height:.48rem;margin-bottom:.04rem}.cps-tester .cps-test-section .find-box .find-list .find-list-item .left .left-text{font-size:.28rem;line-height:.43rem}.cps-tester .cps-test-section .find-box .find-list .find-list-item .right img{width:.78rem;height:.78rem}.cps-tester .cps-test-section .find-box .find-desc{margin-top:.24rem;font-size:.26rem;line-height:.32rem}.cps-tester .cps-test-section .result-container{width:6.86rem;margin-top:.4rem}.cps-tester .cps-test-section .result-container .result-top-text .result-top-text-title{font-size:.48rem;line-height:.52rem;margin-bottom:.08rem}.cps-tester .cps-test-section .result-container .result-top-text .result-top-text-desc{font-size:.32rem;line-height:.48rem}.cps-tester .cps-test-section .result-container .back-btn{top:.08rem;right:0;gap:.08rem;font-size:.28rem;line-height:.43rem;color:#125ae4}.cps-tester .cps-test-section .result-container .back-btn .back-btn-icon{width:.32rem;height:.32rem}.cps-tester .cps-test-section .result-container .back-btn .back-btn-icon svg path{stroke:#125ae4}.cps-tester .cps-test-section .result-container .average-box{flex-direction:column;height:11.39rem;margin-top:.24rem;border-radius:.36rem;border-width:.02rem !important}.cps-tester .cps-test-section .result-container .average-box .left{border-radius:.36rem .36rem 0 0;border-right:none;border-bottom:.02rem solid #a5c5ff;width:100%;height:3.94rem;padding-top:.32rem;padding-bottom:.4rem}.cps-tester .cps-test-section .result-container .average-box .left .left-title{font-size:.28rem;line-height:.43rem;margin-bottom:.1rem}.cps-tester .cps-test-section .result-container .average-box .left .left-number-box{height:.91rem;gap:.08rem}.cps-tester .cps-test-section .result-container .average-box .left .left-number-box .left-number-box-number{font-size:.6rem;line-height:.91rem}.cps-tester .cps-test-section .result-container .average-box .left .left-number-box .left-number-box-unit{font-size:.28rem;line-height:.43rem;position:relative;top:.07rem}.cps-tester .cps-test-section .result-container .average-box .left .left-desc{font-size:.26rem;line-height:.39rem}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list{margin-top:.12rem;flex-direction:row;gap:.2rem}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .analysis-box{margin-top:0;min-width:1.5rem;padding:0 .22rem 0 .16rem;height:.56rem;border-radius:.28rem;border-width:.01rem !important}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .analysis-box .analysis-box-icon{width:.56rem;height:.56rem}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .analysis-box span{font-size:.23rem;line-height:.35rem}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .best-box{padding:0 .32rem 0 .08rem;height:.56rem;border-radius:.28rem;border-width:.01rem !important}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .best-box .best-box-icon{width:.59rem;height:.56rem}.cps-tester .cps-test-section .result-container .average-box .left .analysis-box-list .best-box span{font-size:.23rem;line-height:.35rem}.cps-tester .cps-test-section .result-container .average-box .left .copy-btn{gap:.08rem}.cps-tester .cps-test-section .result-container .average-box .left .copy-btn .copy-btn-icon{width:.32rem;height:.32rem}.cps-tester .cps-test-section .result-container .average-box .left .copy-btn{font-size:.26rem;line-height:.39rem}.cps-tester .cps-test-section .result-container .average-box .right{border-radius:0 0 .36rem .36rem;padding:.32rem .13rem .38rem .36rem}.cps-tester .cps-test-section .result-container .average-box .right .right-header{flex-direction:column;align-items:flex-start;gap:.2rem;margin-bottom:.08rem}.cps-tester .cps-test-section .result-container .average-box .right .right-header .right-title{font-size:.28rem;line-height:.43rem}.cps-tester .cps-test-section .result-container .average-box .right .right-header .right-line{gap:1rem}.cps-tester .cps-test-section .result-container .average-box .right .right-header .right-line .right-line-item{gap:.12rem;font-size:.24rem;line-height:.36rem}.cps-tester .cps-test-section .result-container .average-box .right .right-header .right-line .right-line-item img{width:.32rem;height:.32rem}.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-tooltip{border-radius:.12rem;padding:.12rem .2rem;font-size:.24rem;line-height:.36rem}.cps-tester .cps-test-section .result-container .average-box .right .right-content .rhythm-chart text{font-size:.22rem}.cps-tester .cps-test-section .result-container .average-box .right .right-desc{font-size:.24rem;line-height:.36rem}.cps-tester .cps-test-section .result-container .result-analysis-box{flex-direction:column;gap:.24rem}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item{flex:none;width:100%;height:1.54rem;border-radius:.2rem;border-width:.02rem !important;padding:.21rem .3rem .31rem .24rem}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .left-title{gap:.08rem;font-size:.26rem;line-height:.39rem}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .left-title img{width:.32rem;height:.32rem}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .left-title{margin-bottom:.08rem}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .bottom .left{gap:.12rem}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .bottom .left .number{font-size:.4rem;line-height:.61rem}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .bottom .left .unit{font-size:.24rem;line-height:.36rem;top:.05rem}.cps-tester .cps-test-section .result-container .result-analysis-box .result-analysis-item .bottom .right{font-size:.28rem;line-height:.43rem}.cps-tester .cps-test-section .result-container .momentum-box{margin-top:.24rem;height:3.6rem;flex-direction:column;gap:.2rem;padding:.42rem .36rem 0;border-radius:.2rem;border-width:.02rem !important}.cps-tester .cps-test-section .result-container .momentum-box img{width:1.04rem;height:1.04rem}.cps-tester .cps-test-section .result-container .momentum-box .momentum-box-text{width:100%;display:flex;flex-direction:column;align-items:center}.cps-tester .cps-test-section .result-container .momentum-box .momentum-box-text .momentum-box-text-title{font-size:.3rem;line-height:.46rem;margin-bottom:.08rem}.cps-tester .cps-test-section .result-container .momentum-box .momentum-box-text .momentum-box-text-desc{font-size:.28rem;line-height:.43rem;width:100%;text-align:center}.cps-tester .cps-test-section .popup-box{align-items:flex-end}.cps-tester .cps-test-section .popup-box .popup-box-content{width:100%;height:6.76rem;border-radius:.16rem .16rem 0 0;padding-top:1.04rem}.cps-tester .cps-test-section .popup-box .popup-box-content .close-icon{width:.32rem;height:.32rem;top:.4rem;right:.4rem}.cps-tester .cps-test-section .popup-box .popup-box-content .clear-icon{width:.96rem;height:.96rem}.cps-tester .cps-test-section .popup-box .popup-box-content .popup-title{font-size:.38rem;line-height:.58rem;margin-top:.32rem;margin-bottom:.2rem}.cps-tester .cps-test-section .popup-box .popup-box-content .popup-desc{width:6.7rem;font-size:.32rem;line-height:.4rem;margin-bottom:.72rem}.cps-tester .cps-test-section .popup-box .popup-box-content .popup-btn-box{gap:.22rem}.cps-tester .cps-test-section .popup-box .popup-box-content .popup-btn-box .popup-btn-box-item{width:3.24rem;height:1.06rem;border-radius:.16rem;font-size:.32rem;line-height:.48rem}@keyframes ripple{to{width:2.72rem;height:2.72rem;opacity:0}}}