/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;touch-action:manipulation}.helpbox{display:none}.fox-word-page{background-color:bisque;min-height:100vh;overflow:hidden;position:relative}.fox-word-box{background-color:pink;min-height:100vh;display:flex;flex-direction:column}.fox-word-box .screen{position:relative;flex:2 1}.fox-word-box .screen .fox-next-button-group{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.4);border-radius:5px}.fox-word-box .screen .header{display:flex;flex-direction:row;height:60px;justify-content:space-between;z-index:19}.fox-word-box .screen .header svg{color:#fff}.fox-word-box .screen .word-area{height:calc(100% - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;overflow:hidden}.fox-word-box .screen .word-area .word{margin-bottom:20px;font-size:10vw;font-family:Georgia,Times New Roman,Times,serif;text-shadow:2px 2px 0 rgba(0,0,0,.8);word-break:break-all;text-align:center;width:100%}.fox-word-box .screen .word-area .word span.typebox{border:1px solid hsla(0,0%,100%,.2);border-radius:5px;padding:6px}.fox-word-box .screen .word-area .word span.typebox:not(:last-child){margin-right:5px}.fox-word-box .screen .word-area .explain{font-size:16px;padding-left:20px;padding-right:20px;line-height:1.8;margin-top:10px}.fox-word-box .screen .word-area .tips{font-size:16px;font-family:Courier New,Courier,monospace;font-weight:700;margin-bottom:10px}.fox-word-box .screen .word-area .tips span{margin-right:10px}.fox-word-box .screen .word-area .tips span.letter{border-bottom:4px solid #fff}.fox-word-box .screen .mask{background-color:#000;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.fox-word-box .screen .over-mask{z-index:100!important;position:absolute;top:0;bottom:0;left:0;right:0}.fox-word-box .keyboard{display:flex;flex:1 1;min-height:36vh;max-height:36vh}.fox-word-box .keyboard .panel{display:flex;background-color:#f4f4f4;flex:1 1;flex-direction:column;border-top:1px solid #ccc;padding-top:2px}.fox-word-box .keyboard .panel .key-row{display:inline-flexbox;flex:8 1;padding:2px;overflow-x:hidden;overflow-y:auto}.fox-word-box .keyboard .panel .key-row .keybtn{margin:5px}.fox-word-box .keyboard .panel .key-row .bp3-button{min-width:16vw;height:7vh;box-shadow:0 0 0 1px rgba(16,22,26,.1),0 1px 1px rgba(16,22,26,.2),0 2px 6px rgba(16,22,26,.2)}.fox-word-box .keyboard .panel .key-row .bp3-button .bp3-button-text{font-size:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fox-word-box .keyboard .panel .key-row-narrow{display:flex;flex-direction:column;justify-content:space-between;flex:8 1;padding:2vh 3vw;overflow-x:hidden;overflow-y:auto}.fox-word-box .keyboard .panel .key-row-narrow .line{display:flex;justify-content:space-evenly}.fox-word-box .keyboard .panel .key-row-narrow .keybtn{margin:.6vw}.fox-word-box .keyboard .panel .key-row-narrow .bp3-button{max-width:8vw;min-width:2vw;height:7vh;box-shadow:0 0 0 1px rgba(16,22,26,.1),0 1px 1px rgba(16,22,26,.2),0 2px 6px rgba(16,22,26,.2)}.fox-word-box .keyboard .panel .key-row-narrow .bp3-button .bp3-button-text{font-size:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fox-word-box .keyboard .panel .action-bar{flex:1 1;max-height:60px;min-height:60px;background-color:#44454d;display:flex;justify-content:space-around;align-items:center}.fox-word-box .keyboard .panel .action-bar .bp3-button-text{font-size:24px}.fox-word-box .keyboard .panel .action-bar svg{color:#fff}.fox-logo-box{display:flex;align-items:center;justify-content:center}.fox-logo-box img{max-width:120px;max-height:120px;margin:20px}.fox-buy-page,.fox-dict-page,.fox-login-page,.fox-settings-page,.fox-std-page{background-color:#fff}.fox-buy-page .header,.fox-dict-page .header,.fox-login-page .header,.fox-settings-page .header,.fox-std-page .header{display:flex;flex-direction:row;height:60px;justify-content:space-between}.fox-buy-page .header .left,.fox-buy-page .header .right,.fox-dict-page .header .left,.fox-dict-page .header .right,.fox-login-page .header .left,.fox-login-page .header .right,.fox-settings-page .header .left,.fox-settings-page .header .right,.fox-std-page .header .left,.fox-std-page .header .right{flex:1 1;max-width:50px;display:flex;justify-content:center;align-items:center}.fox-buy-page .header .center,.fox-dict-page .header .center,.fox-login-page .header .center,.fox-settings-page .header .center,.fox-std-page .header .center{flex:6 1;display:flex;justify-content:center;align-items:center;font-size:24px}.fox-buy-page .dict-list,.fox-dict-page .dict-list,.fox-login-page .dict-list,.fox-settings-page .dict-list,.fox-std-page .dict-list{padding:0;margin:0}.fox-buy-page .dict-list li,.fox-dict-page .dict-list li,.fox-login-page .dict-list li,.fox-settings-page .dict-list li,.fox-std-page .dict-list li{cursor:pointer;display:flex;border-bottom:1px solid #ccc;padding:20px;font-size:20px}.fox-buy-page .dict-list li.member,.fox-dict-page .dict-list li.member,.fox-login-page .dict-list li.member,.fox-settings-page .dict-list li.member,.fox-std-page .dict-list li.member{color:#0e5a8a}.fox-buy-page .dict-list li.active,.fox-dict-page .dict-list li.active,.fox-login-page .dict-list li.active,.fox-settings-page .dict-list li.active,.fox-std-page .dict-list li.active{background-color:#48aff0;color:#fff}.fox-buy-page .dict-list li.active svg,.fox-dict-page .dict-list li.active svg,.fox-login-page .dict-list li.active svg,.fox-settings-page .dict-list li.active svg,.fox-std-page .dict-list li.active svg{color:#fff!important}.fox-buy-page .dict-list li:hover,.fox-dict-page .dict-list li:hover,.fox-login-page .dict-list li:hover,.fox-settings-page .dict-list li:hover,.fox-std-page .dict-list li:hover{background-color:#f4f4f4;color:#000}.fox-buy-page .dict-list li:hover svg,.fox-dict-page .dict-list li:hover svg,.fox-login-page .dict-list li:hover svg,.fox-settings-page .dict-list li:hover svg,.fox-std-page .dict-list li:hover svg{color:#000!important}.fox-buy-page .dict-list li .left,.fox-dict-page .dict-list li .left,.fox-login-page .dict-list li .left,.fox-settings-page .dict-list li .left,.fox-std-page .dict-list li .left{display:flex;flex:4 1}.fox-buy-page .dict-list li .right,.fox-dict-page .dict-list li .right,.fox-login-page .dict-list li .right,.fox-settings-page .dict-list li .right,.fox-std-page .dict-list li .right{display:flex;flex:1 1;max-width:50px;justify-content:flex-end}.fox-buy-page .dict-list li .right svg,.fox-dict-page .dict-list li .right svg,.fox-login-page .dict-list li .right svg,.fox-settings-page .dict-list li .right svg,.fox-std-page .dict-list li .right svg{color:#aaa}.fox-dict-page .header{position:fixed;z-index:19;width:100%;background-color:hsla(0,0%,100%,.95)}.fox-dict-page .dict-list{padding-top:60px}.fox-settings-page .header{position:fixed;z-index:19;width:100%;background-color:hsla(0,0%,100%,.95)}.fox-settings-page .form{padding-top:60px}.fox-settings-page .item.row{flex-direction:column!important;justify-content:flex-start!important}.fox-settings-page .item.row .inner-hr{width:30%;border-bottom:1px solid #ddd;margin-top:20px;margin-bottom:20px}.fox-settings-page .item.row>*{width:100%}.fox-buy-page .form .hr,.fox-login-page .form .hr,.fox-settings-page .form .hr{background-color:#f4f4f4;height:30px}.fox-buy-page .form .item,.fox-login-page .form .item,.fox-settings-page .form .item{display:flex;border-bottom:1px solid #eee;font-size:18px;padding:10px 20px;flex-direction:row;justify-content:space-between;align-items:center;min-height:40px}.fox-buy-page .form .item .left svg,.fox-login-page .form .item .left svg,.fox-settings-page .form .item .left svg{margin-right:5px}.fox-buy-page .form .item .left.member,.fox-login-page .form .item .left.member,.fox-settings-page .form .item .left.member{color:#0e5a8a}.fox-buy-page .form .item .left.gray,.fox-buy-page .form .item .left.gray svg,.fox-login-page .form .item .left.gray,.fox-login-page .form .item .left.gray svg,.fox-settings-page .form .item .left.gray,.fox-settings-page .form .item .left.gray svg{color:#ccc}.fox-buy-page .form .item .time,.fox-login-page .form .item .time,.fox-settings-page .form .item .time{font-size:14px;color:#ccc;margin-left:5px}.fox-buy-page .form .item .desp,.fox-login-page .form .item .desp,.fox-settings-page .form .item .desp{font-size:16px;color:#999;line-height:1.8}.fox-buy-page .form .item>*,.fox-login-page .form .item>*,.fox-settings-page .form .item>*{display:flex;align-items:center}.fox-buy-page .form .item .bp3-switch,.fox-login-page .form .item .bp3-switch,.fox-settings-page .form .item .bp3-switch{padding-top:10px}.membertable{width:100%;margin-top:10px;border-top:1px solid #eee;border-bottom:1px solid #eee}.right5{margin-right:5px}.nobottom>:last-child{border-bottom:0!important}.outline.bp3-button{border:1px solid #ccc}.white.bp3-button,.white.bp3-button svg,.white.bp3-spinner svg{color:#fff}.fox-share-page{min-height:100vh;background-color:#44454d}.fox-share-page img.share{max-width:100%;padding-top:60px}.fox-share-page .header{position:fixed;z-index:19;width:100%;background-color:hsla(0,0%,100%,.95)}.fox-share-page .share-box{padding-top:60px}.fox-share-page .share-box .preview{position:relative;max-width:80wh;background-color:bisque;display:flex;justify-content:center;align-items:center}.fox-share-page .share-box .preview img.overlay{position:absolute;object-fit:cover;width:100%;height:auto}.fox-share-page .share-box .preview .titlebox{position:absolute;text-shadow:2px 2px 0 rgba(0,0,0,.8);word-break:break-all;text-align:center;color:#fff}.fox-share-page .share-box .preview .titlebox .desp{margin-top:20px;text-shadow:1px 1px 1px #000;font-size:18px;line-height:2}.fox-share-page .share-box .preview .titlebox .desp .qrcode{margin-top:20px}.fox-share-page .share-box .preview .titlebox .title{position:relative;font-size:10vw;font-family:Georgia,Times New Roman,Times,serif}.fox-share-page .share-box .preview .titlebox .title span.typebox{border:1px solid hsla(0,0%,100%,.5);border-radius:5px;padding:6px}.fox-share-page .share-box .preview .titlebox .title span.typebox:not(:last-child){margin-right:5px}.fox-share-page .share-box .cover{max-width:100%}.fox-share-page .actionbar{display:flex;justify-content:center;padding-top:10px;padding-bottom:10px}.fox-loading-page{display:flex;justify-content:center;align-items:center;height:100vh}.fox-loading-page .desp{margin-top:20px;color:#ccc}.fox-guide-page .choosebox{display:flex;justify-content:center;justify-items:center;align-items:center;flex-direction:column;margin-left:auto;margin-right:auto}.fox-guide-page .choosebox .title{font-size:18px;line-height:1.8}.fox-guide-page .choosebox .actionbar{display:flex;justify-content:center}.fox-guide-page .choosebox .actionbar>:not(:last-child){margin-right:10px}.fox-guide-page .choosebox .image{text-align:center;padding:20px}.fox-fav-page .header{position:fixed;z-index:19;width:100%;background-color:hsla(0,0%,100%,.95)}.fox-fav-page .fav-images{padding-top:60px}.fox-fav-page .fav-images .item{position:relative}.fox-fav-page .fav-images .item .float-button-group{position:absolute;bottom:10px;right:10px;border-radius:5px;background-color:rgba(0,0,0,.4)}.fox-fav-page .fav-images .item img{max-width:100%}.fox-fav-page .loadbtn{margin-top:20px;margin-bottom:20px;display:flex;justify-content:center}.vcenter,.xcenter{display:flex;align-items:center}.xcenter{justify-content:center}.underline{border-bottom:1px solid #ccc}.fox-login-page .qrbox{padding:20px;text-align:center;max-width:300px;margin-left:auto;margin-right:auto}.fox-login-page .qrbox .footer{color:#999;line-height:1.8}.fox-login-page .qrbox .image img{max-width:100%}.fox-login-page .qrbox .actionbar>*{margin-top:20px}.fox-buy-page .fox-member-price{margin:0;padding:0;display:flex;flex-direction:column}.fox-buy-page .fox-member-price>li{display:flex;flex-direction:row;justify-content:space-between;padding:20px;border-bottom:1px solid #eee}.fox-buy-page .fox-member-price>li .right{display:flex;align-items:center}.fox-buy-page .fox-member-price .price{font-size:28px;font-family:Georgia,Times New Roman,Times,serif;color:#0e5a8a;margin-bottom:5px}.fox-buy-page .fox-member-price .price .full{font-size:24px;color:#aaa;text-decoration:line-through;margin-left:10px}@media only screen and (min-width:600px){body,html{background-color:#000}.fox-buy-page,.fox-dict-page,.fox-login-page,.fox-settings-page,.fox-std-page{max-width:600px;margin:auto;border-left:1px solid #ccc;border-right:1px solid #ccc;min-height:100vh}.fox-buy-page:not(.fox-share-page),.fox-dict-page:not(.fox-share-page),.fox-login-page:not(.fox-share-page),.fox-settings-page:not(.fox-share-page),.fox-std-page:not(.fox-share-page){background-color:#fff}.fox-buy-page .header,.fox-dict-page .header,.fox-login-page .header,.fox-settings-page .header,.fox-std-page .header{width:100%;max-width:600px}.fox-word-page{max-width:600px;margin:auto}.helpbox{display:block;position:absolute;bottom:10px;right:10px;text-align:right;color:#fff;text-shadow:1px 1px 1px #000;z-index:19}.helpbox .light{margin-top:30px;color:#eee}.key-row{padding-top:2vh;padding-bottom:2vh}.key-row .bp3-button{min-width:100px!important}.key-row-narrow{display:flex;flex-direction:column;justify-content:space-between;flex:8 1;padding:2vh 10px;overflow-x:hidden;overflow-y:auto}.key-row-narrow .line{display:flex;justify-content:space-evenly}.key-row-narrow .keybtn{margin:5px!important}.key-row-narrow .bp3-button{max-width:45px!important;min-width:30px!important;height:7vh}}.fox-toaster{z-index:99}.piano{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;display:flex}.piano .item{flex:1 1;display:flex}.piano .item.black1{background-color:rgba(0,0,0,.5)}.piano .item.black2{background-color:rgba(0,0,0,.8)}.piano .item.black{background-color:rgba(0,0,0,.98)}.piano .item.white{background-color:transparent}
/*# sourceMappingURL=main.36468403.chunk.css.map */