@charset "UTF-8";.cpt-line{width:1200px;position:relative;margin:0 auto;margin-top:5rem;overflow:hidden;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:0;border:16px solid #fff;box-sizing:border-box}.cpt-line .region-letter{transition:all .5s;position:relative;margin:0 auto;box-sizing:border-box;width:100%;display:flex;flex-wrap:wrap;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity))}.cpt-line .region-letter .breakline{border-bottom:1px solid #ccc;flex:0 0 100%}.cpt-line .region-letter .letters{display:flex;height:76px;line-height:76px}.cpt-line .region-letter .letter{border-bottom:3px solid transparent;color:#4a4a4a;flex:1;font-family:pt-mono;width:20px;box-sizing:border-box;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));text-align:center;line-height:4.5rem;background:transparent;font-size:1.7rem;font-weight:400;height:76px;line-height:76px}.cpt-line .region-letter .letter.todo{animation:cursorBlink 2s linear infinite;animation-delay:1s;border-color:var(--blue);border-radius:0;color:var(--blue)}.cpt-line .region-letter .letter.todo.racingFalse{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));animation:error-shake .2s linear 1;animation-delay:0s}.cpt-line .region-letter .letter.isT{--un-bg-opacity:1;background-color:rgb(220 252 231 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity))}.cpt-line .region-letter .letter.isF{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));animation:error-shake .2s linear 1;animation-delay:0s}@keyframes error-shake{0%{opacity:0;transform:translate(0) translateY(0)}15%{transform:translate(-25%) translateY(7.5%) rotate(-10deg)}30%{opacity:1;transform:translate(20%) translateY(15%) rotate(5deg)}45%{transform:translate(-15%) translateY(22.5%) rotate(-5deg)}60%{transform:translate(10%) translateY(30%) rotate(3deg)}75%{transform:translate(-5%) translateY(37.5%) rotate(-1deg)}to{opacity:0;transform:translate(0) translateY(50%)}}.cpt-line.cpt-line-chinese{height:664px}.cpt-line.cpt-line-chinese.pinyin{height:396px}.cpt-line.cpt-line-chinese.pinyin .region-letter .letter{width:20px}.cpt-line.cpt-line-chinese .workInput{opacity:0;position:absolute;transform:translateY(-30px);z-index:-1}.cpt-line.cpt-line-chinese .region-letter .letter{width:35px}.cpt-line.cpt-line-chinese .region-letter .letter .phonetic,.cpt-line.cpt-line-chinese .region-letter .letter .text{font-family:NSimsun,宋体_GB2312;font-weight:lighter;letter-spacing:0}.cpt-line.cpt-line-chinese .region-letter .hanzi{font-family:NSimsun,宋体_GB2312;font-size:30px;font-weight:lighter;height:40px;letter-spacing:0;line-height:40px;margin:0 auto;text-align:center;width:20px}@keyframes cursorBlink{0%{border-color:#3295db}50%{border-color:transparent}to{border-color:#3295db}}@media (max-width:1400px){.cpt-line.cpt-line-chinese{height:427px}.cpt-line.cpt-line-chinese.pinyin{height:270px}.cpt-line.cpt-line-chinese.pinyin .region-letter .letter{width:20px}}