body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.square{flex:1 1}.square .wrap{position:relative}.square .wrap:after{content:"";display:block;padding-bottom:100%}.square .content{display:flex;position:absolute;width:100%;height:100%}.char{flex:1 1;justify-content:center;display:flex;align-items:center;font-family:"\6977\4F53","楷体","\6977\4F53_GB2312","楷体_GB2312","\534E\6587\6977\4F53","华文楷体","\6807\6977\4F53","KaiTi","KaiTi_GB2312","Kaiti SC","STKaiti","AR PL UKai CN","AR PL UKai HK","AR PL UKai TW","AR PL UKai TW MBE","AR PL KaitiM GB","DFKai-SB","TW-Kai","Noto Serif SC",serif;background-size:cover;background-repeat:no-repeat}.App{padding:50px;text-align:center}.container{text-align:left;font-size:14px;max-width:400px;margin:0 auto}.title{margin:0 0 100px}.nameChar{display:flex}.descInput,.nameInput{margin-top:40px;font-size:14px;border-radius:4px;outline:none;min-height:50px;width:100%;display:block;background-color:#fff;background-image:none;border:1px solid #d9d9d9;-webkit-transition:all .3s;transition:all .3s;color:#777}.descInput:focus,.nameInput:focus{border-color:#40a9ff;color:#000}.nameInput{padding:0 10px}.descInput{padding:10px}.desc,.name{font-size:16px}.name{margin-top:80px;font-weight:700}.desc{font-family:"\4EFF\5B8B","仿宋","\4EFF\5B8B_GB2312","仿宋_GB2312","\534E\6587\4EFF\5B8B","华文仿宋","FangSong","FangSong_GB2312","STFangsong","CWTEX-F","Noto Serif SC",serif;display:block}.desc,.pinyin{margin-top:30px}.pinyin{font-size:18px;font-family:Arial,Helvetica,sans-serif}.btn{width:100%;display:inline-block;position:relative;background-color:#2f54eb;box-shadow:0 .04267rem 0 rgba(0,0,0,.045);border:0;text-align:center;text-decoration:none;line-height:2.5;font-size:20px;padding:0;color:#fff;outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.btn:hover{background-color:#1d39c4}.btn-group{margin-top:30px;display:flex;border:1px solid #f5222d;border-radius:4px}.btn-group .btn{border-right:1px solid #f5222d;flex:1 1;background-color:#fff;color:#f5222d}.btn-group .btn:hover{background-color:#f5222d;color:#fff}.btn-group .btn:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.btn-group .btn:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right:0}.preview-btn{margin-top:80px;border-radius:4px}.author{margin-top:50px;text-align:center}.author a{margin-left:5px}.result{background-color:#fff;padding:50px;box-shadow:0 0 15px 1px #aaa}.cite{margin-top:50px;font-size:10px;font-style:italic}.cite,.cite a{color:#ccc}@media screen and (max-width:768px){.App{padding:20px}}