.sentent-wrap{font-size:48px;max-width:1200px;padding:10px 30px;margin:150px auto 20px}.sentent-wrap .item-word{height:64px;border-bottom-width:3px;min-width:106px}.sentent-wrap .active{border-color:var(--highlight);color:var(--highlight)}.sentent-wrap .active:after{content:"|";animation:showHideCursor 1s steps(1) infinite}.sentent-wrap .right-word{color:#2b9a66;border-color:#2b9a66}.sentent-wrap .wrong-word{color:#e03e2f;border-color:#e03e2f}.show-keyboard-wrap{margin-top:100px}.show-keyboard-wrap .green-btn{background-color:#2b9a66;color:#fff}.game-wrap{font-size:18px;margin:0}.game-wrap .item-word{height:26px;border-bottom-width:2px;min-width:50px}.process-wrap{height:8px;border-radius:8px}.process-wrap .process{background-color:#2b9a66;transition:width .5s ease-in-out}@keyframes showHideCursor{50%{visibility:hidden}}@media(min-width:0px)and (max-width:768px){.sentent-wrap{margin:30px auto 20px;font-size:20px}.sentent-wrap .item-word{height:30px;border-bottom-width:2px;min-width:46px}.show-keyboard-wrap{padding:10px;font-size:14px;margin-top:30px}.show-keyboard-wrap .grid-cols-3{grid-template-columns:repeat(2,1fr)}.setting-nav-wrap .setting-nav-title{display:none}.setting-nav-wrap .nav-score-detail{max-width:150px}}