.typing-input[data-v-9c31f7e0]{position:fixed;left:0;top:0;opacity:0;overflow:hidden;pointer-events:none}@font-face{font-family:Sarabun;font-weight:700;src:url(/static/font/Sarabun-SemiBold-2.1.290.woff2) format("woff2"),url(/static/font/Sarabun-SemiBold-2.1.290.woff) format("woff");font-display:swap}.typing-backspace[data-v-745963ba]{opacity:0;transition:all .5s;z-index:2;position:relative;text-align:center}.typing-backspace.typing-backspace-show[data-v-745963ba]{opacity:1}.typing-backspace .el-icon-back[data-v-745963ba]{font-size:48px}.typing-backspace .el-icon-close[data-v-745963ba]{color:red;transform:translate(-10%,-20%);font-size:32px;font-weight:700;position:absolute;left:50%;top:25%}.typing-engine-view[data-v-745963ba]{position:relative;min-height:100px;border-radius:15px;margin:auto;padding:10px;box-shadow:0 0 5px rgba(0,0,0,.01);color:#2c3e50}.typing-engine-view>.inner[data-v-745963ba]{height:calc(100vh - 180px)}.typing-engine-view .status[data-v-745963ba]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);border-radius:15px;color:#fff}.typing-engine-view .status .txt[data-v-745963ba]{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%)}.typing-engine-view .status .tip[data-v-745963ba]{padding:40px 0 0 15px;font-size:16px}.typing-engine-view .status .tip .iconfont[data-v-745963ba]{font-size:26px}.typing-engine-view .row[data-v-745963ba]{display:flex;margin-top:10px;overflow:hidden}.typing-engine-view .row[data-v-745963ba]:first-child{margin-top:-5px}.typing-engine-view .row>.word[data-v-745963ba]{display:flex}.typing-engine-view .row>.word .char[data-v-745963ba]{font-family:Sarabun;position:relative;padding:5px 0;text-align:center;display:flex;align-items:flex-end;box-sizing:content-box}.typing-engine-view .row>.word .keyb-icon[data-v-745963ba]{font-size:inherit}.typing-engine-view .row>.word .keyb-icon[data-v-745963ba]:before{opacity:.3}.typing-engine-view .row>.word .recite[data-v-745963ba]{opacity:.01}.typing-engine-view .row>.word .err[data-v-745963ba]{color:#8b0000;background:pink}.typing-engine-view .row>.word .pass[data-v-745963ba]{color:#0e630e;background:#e7fbd3}.typing-engine-view .row>.word .ret[data-v-745963ba]{opacity:1;background:#ffe9b2;color:green}.typing-engine-view .row>.word .focus[data-v-745963ba]{animation:border-color-animation-745963ba 1s infinite;border-radius:0;min-width:1px}.typing-engine-view .input[data-v-745963ba]{border:1px solid #ccc;box-shadow:0 0 0 5px rgba(0,0,0,.05);background-color:#fff;border-radius:5px}.typing-engine-view .input>.word .char[data-v-745963ba]{transition:none}.typing-engine-view .input>.word .err[data-v-745963ba]{color:inherit;background:transparent}.typing-engine-view .input>.word .focus[data-v-745963ba]{border-right:2px solid transparent}.typing-engine-view .input>.word .focus.err[data-v-745963ba]{border-right:0;border-left:2px solid transparent}.typing-engine-view .input>.word .zanWei[data-v-745963ba]{opacity:0;width:1px;min-width:1px;overflow:hidden;padding-left:0;padding-right:0;margin-left:-1px}.typing-view-en .keyb-icon-space[data-v-745963ba]:before{font-size:1rem}.typing-fontSize-large[data-v-745963ba]{font-size:38px}.typing-fontSize-large .char[data-v-745963ba]{height:38px}.typing-fontSize-default[data-v-745963ba]{font-size:32px}.typing-fontSize-default .char[data-v-745963ba]{height:32px}.typing-fontSize-medium[data-v-745963ba]{font-size:26px}.typing-fontSize-medium .char[data-v-745963ba]{height:26px}.typing-fontSize-small[data-v-745963ba]{font-size:20px}.typing-fontSize-small .char[data-v-745963ba]{height:20px}.typing-fontSize-mini[data-v-745963ba]{font-size:16px}.typing-fontSize-mini .char[data-v-745963ba]{height:16px}.typing-theme-dark .typing-engine-view[data-v-745963ba]{color:hsla(0,0%,100%,.5)}.typing-theme-dark .typing-engine-view .input[data-v-745963ba]{border:1px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.2)}.typing-theme-dark .typing-engine-view .row>.word .err[data-v-745963ba]{background-color:rgba(255,192,203,.7)}.typing-theme-dark .typing-engine-view .row>.word .pass[data-v-745963ba]{background-color:rgba(231,251,211,.7)}@keyframes border-color-animation-745963ba{0%{border-color:#000}50%{border-color:transparent}to{border-color:#000}}@keyframes bounce-up-745963ba{25%{transform:translateX(10px)}50%,to{transform:translateX(0)}75%{transform:translateX(-10px)}}[data-v-62794336] .el-dialog{border-radius:15px}[data-v-62794336] .el-button--small{padding:5px 10px;border-radius:100px}[data-v-62794336] .el-button--small [class*=" el-icon-"],[data-v-62794336] .el-button--small [class^=el-icon-]{font-size:20px}[data-v-62794336] .el-button--small *{vertical-align:middle}.typing-complate-pop[data-v-62794336]{text-align:center}.typing-complate-pop[data-v-62794336] .el-dialog{padding:5px}.typing-complate-pop[data-v-62794336] .el-dialog__header{border-radius:15px;background-color:rgba(255,102,0,.1607843137254902);padding:15px}.typing-complate-pop[data-v-62794336] .el-dialog__header .el-dialog__title{color:#f60}.typing-complate-pop[data-v-62794336] .el-dialog__body{padding:15px 0}.typing-complate-pop[data-v-62794336] .el-dialog__footer{text-align:center}.typing-complate-pop .speed-box[data-v-62794336]{display:flex;align-items:center;justify-content:center}.typing-complate-pop .speed-box .val[data-v-62794336]{font-size:36px;font-weight:700;margin:0 15px}.typing-complate-pop .content[data-v-62794336]{padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr}.typing-complate-pop .content .item[data-v-62794336]{display:flex;align-items:center;padding:10px 0}.typing-complate-pop .content .item .lb[data-v-62794336]{font-size:12px;padding-right:5px;width:70px}.typing-complate-pop .content .item .val[data-v-62794336]{font-size:26px}.typing-complate-pop .content .item .warn[data-v-62794336]{color:#f60}.typing-complate-pop .content .item .unit[data-v-62794336]{padding-left:5px;font-size:12px}.typing-view-info[data-v-5fcd301e]{padding:10px 0}.typing-view-info .inner[data-v-5fcd301e]{display:flex;align-items:center;justify-content:space-between}.typing-view-info .title[data-v-5fcd301e]{font-size:32px}.typing-view-info .status[data-v-5fcd301e]{flex:1;display:flex;align-items:center;justify-content:flex-end}.typing-view-info .status .item[data-v-5fcd301e]{display:flex;align-items:center;padding:0 10px}.typing-view-info .status .item .lb[data-v-5fcd301e]{font-size:12px;padding-right:5px;opacity:.5}.typing-view-info .status .item .val[data-v-5fcd301e]{font-size:24px}.typing-view-info .status .item .unit[data-v-5fcd301e]{font-size:12px;color:#999}.typing-view-info .status .item.fontcount .val[data-v-5fcd301e]{font-size:12px}@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}.typing-ad[data-v-040842c4]{height:100px;text-align:center;background-color:#eee}.typing-entTip[data-v-040842c4]{display:flex}.typing-entTip>.box[data-v-040842c4]{position:relative;border:1px solid hsla(0,0%,100%,.5);margin-right:10px}.typing-entTip>.box[data-v-040842c4]:after,.typing-entTip>.box[data-v-040842c4]:before{content:"";position:absolute;left:0;top:0;height:100%;border-left:1px dashed hsla(0,0%,100%,.7)}.typing-entTip>.box[data-v-040842c4]:before{transform:rotate(45deg);left:25px}.typing-entTip>.box[data-v-040842c4]:after{transform:rotate(-45deg);left:25px}.typing-entTip>.box .txt[data-v-040842c4]{position:relative;width:50px;height:50px;line-height:50px;text-align:center;font-size:32px}.typing-entTip>.box .txt[data-v-040842c4]:after,.typing-entTip>.box .txt[data-v-040842c4]:before{content:"";position:absolute;left:0;top:0}.typing-entTip>.box .txt[data-v-040842c4]:before{left:25px;height:100%;border-left:1px dashed hsla(0,0%,100%,.3)}.typing-entTip>.box .txt[data-v-040842c4]:after{width:100%;border-top:1px dashed hsla(0,0%,100%,.3);top:25px}.typing-entTip>.sheme[data-v-040842c4]{font-size:12px}.typing-view[data-v-040842c4]{padding:70px 5px 5px}.typing-view-wrap[data-v-040842c4]{width:1200px;margin:auto}@media screen and (max-width:1280px){.typing-view-wrap[data-v-040842c4]{width:100%}}.typing-view-header[data-v-040842c4]{position:fixed;left:0;top:0;width:100%;height:50px;z-index:100;height:60px;background-color:#393d49;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);color:#aaa}.typing-view-header a[data-v-040842c4]{color:#aaa}.typing-view-header>.typing-view-wrap[data-v-040842c4]{display:flex;justify-content:space-between;align-items:center}.typing-view-header .header-left[data-v-040842c4]{display:flex;align-items:center}.typing-view-header .header-left .logo[data-v-040842c4]{display:block}.typing-view-header .header-left .home[data-v-040842c4]{padding:0 15px;font-size:14px;text-decoration:none}.typing-view-header .header-right .speaking[data-v-040842c4] i{position:relative;line-height:1}.typing-view-header .header-right .speaking[data-v-040842c4] i:after{content:"/";position:absolute;top:0;left:30%;transform:rotate(15deg)}.typing-setting-drawer .tools[data-v-040842c4]{text-align:center}.typing-setting-drawer .footer[data-v-040842c4]{padding:10px;text-align:center;display:grid;grid-template-columns:1fr 1fr}[data-v-040842c4] .el-dialog{border-radius:15px}[data-v-040842c4] .el-button--small{padding:5px 10px;border-radius:100px}[data-v-040842c4] .el-button--small [class*=" el-icon-"],[data-v-040842c4] .el-button--small [class^=el-icon-]{font-size:20px}[data-v-040842c4] .el-button--small *{vertical-align:middle}.typing-view-dark[data-v-040842c4]{color:#999;background:#000}.typing-view-dark[data-v-040842c4] .el-progress-bar__outer,.typing-view-dark[data-v-040842c4] .el-slider__runway{background-color:#393d49!important}.typing-view-dark[data-v-040842c4] .el-dialog__title,.typing-view-dark[data-v-040842c4] .el-form-item__label{color:#999}.typing-view-dark[data-v-040842c4] .el-dialog{color:#999;border-radius:15px;background-color:#333}.typing-view-dark[data-v-040842c4] .el-drawer{background-color:#333}.typing-fontSize[data-v-040842c4] span{font-size:20px}