@font-face{font-family:Digital7 mono;src:url(/font/digital-7-mono.ttf) format("truetype")}:root{font-size:12px;font-family:Noto Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-variant-ligatures:none;--racing-font:"Noto Sans SC","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--background-color:#fff;--level1-border-color:#dcdfe6;--level2-border-color:#e4e7ed;--level3-border-color:#ebeef5;--level4-border-color:#f2f6fc;--main-color:#303133;--normal-color:#606266;--secondary-color:#909399;--placeholder-color:#c0c4cc;--pending:var(--secondary-color);--code1:#f56c6c;--code2:#e6a23c;--code3:#409eff;--code4:var(--secondary-color);--correct:var(--placeholder-color);--error:#f56c6c;--typed:#fff;--hint:var(--secondary-color);--font-size:2.4rem;--article-rows:4;--input-rows:4}body,html{width:100%;height:100%;margin:0;padding:0;background-color:var(--background-color);color:var(--normal-color)}#app{width:80%;max-width:1440px;min-width:960px;margin:0 auto;border:1px solid var(--level1-border-color);border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}#app #profile{position:absolute;right:3rem;top:1rem}#app .el-main{padding:0}#home #groups{text-align:left}#home #toolbar{text-align:right;padding:8px}#home #home-main{border:1px solid var(--level3-border-color);border-radius:4px;margin:8px}#summary .el-row{margin:2rem auto}#summary #keyboard{background-image:url(/img/layouts/QWERTY.png);width:800px;height:373px;margin:auto}#summary #balance-chart,#summary #mixed-fingers-chart,#summary #rows-chart{width:100%;height:300px}#summary #fingers-chart{width:100%;height:400px}#indicator .el-card{color:var(--secondary-color);margin-bottom:1rem;text-align:center;margin:8px}#indicator .time{font-family:Digital7 mono;font-size:3rem;text-align:center;padding-top:20px}#indicator .time span{position:relative;left:78px;top:-50px;float:left}#indicator .speed{font-family:Digital7 mono;font-size:4rem;text-align:center;border-bottom:1px dashed var(--level2-border-color);padding:1rem}#indicator .hint-block{text-align:center;padding-top:1rem}#indicator .hint-block span.number{font-size:1.5rem;display:block;color:var(--secondary-color)}#indicator .hint-block span.desc{font-size:12px;color:var(--placeholder-color)}#indicator .hint-block .el-button{padding:2px 0;font-size:1rem}#indicator .code-hint{text-align:left;font-size:1.2rem;height:150px}#indicator .code-hint div{margin:.5rem auto 0 auto}#indicator .code-hint div:first-child{margin-top:0}#indicator .code-hint div span{font-family:Lucida Console,Monaco,monospace;letter-spacing:.1rem;margin-right:.5rem}#indicator .code-hint div span:last-child{margin-right:auto}#indicator .key-value{position:relative;display:flex;justify-content:space-between;margin:.5rem auto}#indicator .key-value:before{z-index:1;content:"";border-bottom:1px dashed var(--level2-border-color);position:absolute;top:50%;width:100%}#indicator .key-value>span{z-index:10;background-color:var(--background-color)}#indicator .key-value>span:first-child{padding-right:.5rem}#indicator .key-value>span:last-child{padding-left:.5rem}#indicator .codes{font-family:Lucida Console,Monaco,monospace;font-size:2rem;word-break:break-all;letter-spacing:.2rem;overflow:auto;padding:1rem;color:var(--secondary-color);min-height:100px;max-height:200px}#indicator .contribute{text-align:left}#indicator .contribute,#indicator .contribute a,#indicator .contribute a:visited{color:var(--secondary-color)}#article-main .article{font-family:var(--racing-font);padding:5px 15px;height:calc((var(--font-size) + 1.3rem + 5px)*var(--article-rows));overflow:auto}#article-main .article .code{font-size:var(--font-size);line-height:calc(var(--font-size) + 1rem);margin-bottom:2px}#article-main .article :nth-child(2n){font-weight:700}#article-main .article.grid div{display:inline-grid}#article-main .article.grid label{display:inline-block;width:90%;margin:0 auto;text-align:center;font-size:1rem;line-height:1rem;font-weight:400;color:var(--hint);letter-spacing:1px;border-top:1px solid var(--hint);padding-top:2px}#article-main .article.grid span:last-child{height:calc(var(--font-size) + 2rem + 3px)}#article-main .article.grid .code1{color:var(--code1)}#article-main .article.grid .code2{color:var(--code2)}#article-main .article.grid .code3{color:var(--code3)}#article-main .article.grid .code4{color:var(--code4)}#article-main .article.inline div{display:inline}#article-main .article .pending{font-weight:400;color:var(--pending)}#article-main .article .correct,#article-main .article .error{font-weight:400;color:var(--typed);background-color:var(--correct)}#article-main .article .error{background-color:var(--error)}#article-main .article-info span{color:var(--placeholder-color)}#article-main .article-info span:nth-child(2n){margin:auto 1rem}#racing-textarea{overflow:auto;padding:5px 15px;font-family:var(--racing-font);border:none;border-bottom:1px solid var(--level3-border-color);font-size:var(--font-size);line-height:calc(var(--font-size) + 1rem);height:calc((var(--font-size) + 2rem + 5px)*var(--input-rows));background-color:var(--background-color)}#racing-textarea:disabled{background-color:var(--level4-border-color)}.markdown-body{padding:1rem}.special-link{color:#606266!important}.reg-link,.special-link{text-decoration:none!important}.reg-link{color:#409eff!important}.room-desc{font-size:14px;text-align:left}.demo-basic--circle{position:relative;float:left}.text{position:relative;top:-10px}.item{padding:16px 0;font-size:14px}.username{position:absolute;left:60px}.game-status{color:green;float:right;right:40px}.input-method{position:absolute;left:60px;color:red;top:5px}.chat-username{color:#000}.battle-chat-room{overflow-y:scroll;height:200px}.battle-chat-room-title{font-size:14px;float:left}.battle-chat-folder-btn,.show-text-btn{float:right;padding:3px 0}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.send-message-form .el-form-item__content{bottom:-25px}.dialog[data-v-7df54098] .el-dialog__header{padding:15px 20px}.dialog[data-v-7df54098] .el-dialog__body{padding:0 20px 10px;height:calc(100% - 90px);box-sizing:border-box;overflow:hidden}[data-v-7df54098] .el-table__row{height:40px!important}[data-v-7df54098] .el-table__cell{padding:4px 0!important}.search-form[data-v-7df54098],[data-v-7df54098] .dialog-footer{padding:10px 0}.search-form[data-v-7df54098] .el-button,[data-v-7df54098] .dialog-footer ::v-deep .el-button{margin-right:10px}.page[data-v-7df54098],.text-info{margin-top:15px}.bottom{position:absolute;bottom:-50px;padding-bottom:15px;width:300px}.el-dropdown{vertical-align:top}.el-dropdown+.el-dropdown{margin-left:15px}.el-icon-arrow-down{font-size:12px}#top-result-info,.home-menu{margin-left:15px;margin-top:15px}#progress{position:relative;top:10px;margin-left:15px}