#step{float:left;text-align:left;position:absolute;z-index:12345;color:#898989;font-size:.9em}#step.small{height:20px;overflow:hidden}#step li,#step ul{list-style-type:none}#step li{font-family:汉语拼音,微软雅黑}#step div.guide span,#step li{cursor:pointer}#step li li:hover{background-color:#3bf}body.dark #step li li:hover{background-color:#005174}#step li.active{background-color:#cdcdcd}body.dark #step li.active{background-color:#494444}#step div.guide{text-align:center}#step div.guide span{margin:0 auto}#step div.guide span:hover{background-color:#cdcdcd}#step div.hidden+ul{display:none}#step ul{-webkit-padding-start:2rem;padding-inline-start:2rem;margin:.2rem auto}#pinyinBox{margin:2em auto}#pinyinBox .box{font-family:汉语拼音,微软雅黑;font-size:7rem;display:inline-block;text-align:center;height:auto;line-height:1.2;margin:auto}#pinyinBox .box.transition .ready{color:#e3e3e1}body.dark #pinyinBox .box.transition .ready{color:#222020}#pinyinBox .pass{color:#000}body.dark #pinyinBox .pass{color:#222020}#pinyinBox .ready{color:#a9a9a9}#shuangpin_special{display:block;font-size:1.5vw}#shuangpin_special div{display:inline-flex;width:75%}#shuangpin_special .tips{color:grey;font-size:.8em;text-align:left;padding-top:1rem;padding-left:1rem}#shuangpin_special .tips.text-wrapper{white-space:pre-wrap}#shuangpin_special .table{width:75rem;display:inline-block}#shuangpin_special table{float:right;width:-webkit-max-content;width:-moz-max-content;width:max-content}td{border-style:solid;border-width:thin;border-color:#cdcdcd;font-family:汉语拼音;color:#a9a9a9}body.dark td{border-color:#595959}span.pinyin{color:#a9a9a9}span.key{color:#2f4f4f}div.KeyboardWrap--full{margin:0 15%}svg.Keyboard{display:block;overflow:visible;width:671px;height:200px}svg.Keyboard--full{width:1000px;height:200px}div.KeyboardWrap>svg.Keyboard{width:100%;height:100%}.Keyboard-frame{fill:#dfd9d9}body.dark .Keyboard-frame{fill:#494444}.KeyboardKey-button{fill:#efefee}body.dark .KeyboardKey-button{fill:#363636}.KeyboardKey-text{font-size:10px}.KeyboardKey-symbol,.KeyboardKey-text{fill:#22211f;font-family:Mulish,Arial,sans-serif;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.dark .KeyboardKey text{fill:#a39f98}.KeyboardKey-symbol{font-size:11px}.KeyboardKey-symbol--primary{font-size:14px}.KeyboardKey-symbol--secondary{font-size:11px}.KeyboardKey-symbol--dead{fill:#c00}.KeyboardKey--special .KeyboardKey-button{fill:#e3e3e1}body.dark .KeyboardKey--special .KeyboardKey-button{fill:#292929}.KeyboardKey--special .KeyboardKey-symbol,.KeyboardKey--special .KeyboardKey-text{fill:#22211f}body.dark .KeyboardKey--special .KeyboardKey-symbol,body.dark .KeyboardKey--special .KeyboardKey-text{fill:#a39f98}.KeyboardKey--zone-z1 .KeyboardKey-button,.KeyboardKey--zone-z3 .KeyboardKey-button,.KeyboardKey--zone-z5 .KeyboardKey-button,.KeyboardKey--zone-z7 .KeyboardKey-button,body.dark .KeyboardKey--zone-z1 .KeyboardKey-button,body.dark .KeyboardKey--zone-z3 .KeyboardKey-button,body.dark .KeyboardKey--zone-z5 .KeyboardKey-button,body.dark .KeyboardKey--zone-z7 .KeyboardKey-button{fill:url(#key-zone-a)}.KeyboardKey--zone-z2 .KeyboardKey-button,.KeyboardKey--zone-z4 .KeyboardKey-button,.KeyboardKey--zone-z6 .KeyboardKey-button,.KeyboardKey--zone-z8 .KeyboardKey-button,body.dark .KeyboardKey--zone-z2 .KeyboardKey-button,body.dark .KeyboardKey--zone-z4 .KeyboardKey-button,body.dark .KeyboardKey--zone-z6 .KeyboardKey-button,body.dark .KeyboardKey--zone-z8 .KeyboardKey-button{fill:url(#key-zone-b)}.KeyboardKey.KeyboardKey-active .KeyboardKey-button{fill:#3bf}body.dark .KeyboardKey.KeyboardKey-active .KeyboardKey-button{fill:#005174}.KeyboardKey.KeyboardKey-error .KeyboardKey-button{fill:#f0f}body.dark .KeyboardKey.KeyboardKey-error .KeyboardKey-button{fill:#8b0000}#key-zone-a .Zone--background{fill:#efefee}body.dark #key-zone-a .Zone--background{fill:#363636}#key-zone-b .Zone--background{fill:#e9e6e6}body.dark #key-zone-b .Zone--background{fill:#404040}#scheme_dialog{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:23456;display:block}#scheme_dialog .content{background-color:#e3e3e1;cursor:pointer}#scheme_dialog .scheme_text textarea{width:50vw;height:33vh;background-color:#e3e3e1}#scheme_dialog .result{display:block;background-color:#e3e3e1;overflow:scroll;height:67vh}#scheme_dialog .result div{display:block}#scheme_dialog .result table{text-align:center;margin:auto}#scheme_dialog .lack{background-color:#ffb6c1}#setting div{display:inline}#setting #practice_mode,#setting .is_shuangpin_btn{float:left}#setting .scheme_name{font-size:1.3em}#setting .times input,#setting select{background-color:#e3e3e1}#setting .times input{width:16px}#setting .times{float:right}body.dark button{background-color:#494444;border-style:solid;border-color:#404040}body.dark #setting .times input,body.dark #setting select{background-color:#494444;border-width:thin;border-color:#595959}#step_tip{margin-left:20%;margin-right:20%;text-align:left;background-color:#e9d9d9;font-family:汉语拼音,微软雅黑}body.dark #step_tip{background-color:#292929}#first_access{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:23456;display:block}#first_access .content{background-color:#e3e3e1;margin:0 25%;display:inline-flex;font-size:1em}#first_access .description{margin:10% auto 0 auto;display:inline-flex;font-size:2em;color:#cdcdcd}#first_access .tips{font-size:1.5em;color:#cdcdcd}#first_access .tips.tips2{font-size:1em;color:#cdcdcd}#first_access .content .name{font-size:3em;cursor:pointer}#first_access .content .name:hover{background-color:#cdcdcd}#first_access .content li{text-align:left;line-height:1.5em}#first_access .content>div{border-style:solid;width:50%;cursor:pointer}#first_access .content .item:hover{background-color:#9ceeff}#layout-hibernate{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:23456;display:block}#layout-hibernate .content{margin:15% 30%;color:#e8e8e8;font-size:5em}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body.dark #app{color:#898989}