*{box-sizing:border-box}.hv-center,.unicode-main,.unicode-main .center,.unicode-main .center .convert-switcher .switcher-label,.unicode-main .center .convert-btn,.page-main .page-main-content,.page-main .page-main-title,.page-main{justify-content:center;align-items:center;display:flex}.page-main{flex-direction:column;width:100%;max-width:100vw;height:auto;margin-bottom:15vh;padding:0 13vw}.page-main .page-main-title{width:100%;margin-top:17vh}.page-main .page-main-content{flex-direction:column;width:100%;margin:10vh 5vw 0;display:flex}@media screen and (max-width:992px){.page-main{padding:0}}@font-face{font-family:CustomFont1Full;src:url(../media/font.1fnp9fr9qvaf3.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.unicode-main{flex-direction:row;width:100%;height:auto}.unicode-main .textarea-container{flex-direction:column;width:40%;height:50vh;display:flex}.unicode-main .textarea-container textarea{color:#1f1e33;resize:none;background:0 0;border-color:#67abffb3;border-radius:5px;outline-color:#67abffb3;flex:1;padding:3px;font-family:CustomFont1Full,Comic Sans MS,YouYuan,幼圆,Yuanti SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:1rem;transition:all 90ms}.unicode-main .textarea-container textarea:focus{outline:2px solid #68a0e6ba;box-shadow:0 0 10px 1px #69696933}.unicode-main .textarea-container textarea::-webkit-scrollbar{width:5px}.unicode-main .textarea-container textarea::-webkit-scrollbar-thumb{background:#67abffb3;border-radius:50px}.unicode-main .textarea-container textarea::-webkit-scrollbar-thumb:active{background:#81b9ffba}.unicode-main .textarea-container textarea.dark{color:#fffc;border-color:#fffc;outline-color:#fffc}.unicode-main .textarea-container textarea.dark:focus{outline:2px solid #eaeaead1;box-shadow:0 0 10px 1px #fbfbfb33}.unicode-main .textarea-container textarea.dark::-webkit-scrollbar{width:5px}.unicode-main .textarea-container textarea.dark::-webkit-scrollbar-thumb{background:#828296ad;border-radius:50px}.unicode-main .textarea-container textarea.dark::-webkit-scrollbar-thumb:active{background:#9c9cacb8}.unicode-main .textarea-container .copy-btn{color:#1f1e33;margin-bottom:3px;transition:all .3s}.unicode-main .textarea-container .copy-btn:hover{color:#1e6bb9}.unicode-main .textarea-container .copy-btn.dark{color:#fffc}.unicode-main .textarea-container .copy-btn.dark:hover{color:#29b839}.unicode-main .textarea-container .label{color:#1f1e33;-webkit-user-select:none;user-select:none;margin-bottom:5px;font-family:CustomFont1,Comic Sans MS,YouYuan,幼圆,Yuanti SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:19px;font-weight:700}.unicode-main .textarea-container .label.dark{color:#fffc}.unicode-main .center{flex-direction:column;justify-content:space-evenly;width:20%;height:50vh}.unicode-main .center .convert-switcher{flex-direction:row;width:auto;display:flex}.unicode-main .center .convert-switcher .switcher-label{color:#1f1e33;-webkit-user-select:none;user-select:none;width:15px;font-family:CustomFont1,Comic Sans MS,YouYuan,幼圆,Yuanti SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:1.1rem;font-weight:700}.unicode-main .center .convert-switcher .switcher-label.dark{color:#fffc}.unicode-main .center .convert-switcher .switcher-btn{border:1px solid #1f1e33;border-radius:5px;margin:0 10px;padding:3px;box-shadow:0 0 2px 2px #0005}.unicode-main .center .convert-switcher .switcher-btn:active{box-shadow:inset 0 0 2px 2px #0005}.unicode-main .center .convert-switcher .switcher-btn.dark{border:1px solid #fffc;box-shadow:0 0 2px 2px #fff5}.unicode-main .center .convert-switcher .switcher-btn.dark:active{box-shadow:inset 0 0 2px 2px #fff5}.unicode-main .center .convert-btn{color:#1f1e33;-webkit-user-select:none;user-select:none;border:1px solid #67abffb3;border-radius:5px;width:80px;height:40px;font-family:CustomFont1,Comic Sans MS,YouYuan,幼圆,Yuanti SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:700;transition:all .1s}.unicode-main .center .convert-btn:hover{color:#3c62a7d1;background-color:#bbd9ff85}.unicode-main .center .convert-btn:active{border:2px solid #568fd4ba}.unicode-main .center .convert-btn.dark{color:#fffc;border:1px solid #29b839}.unicode-main .center .convert-btn.dark:hover{color:#197623;background-color:#7fd488b3}.unicode-main .center .convert-btn.dark:active{border:2px solid #26a634}@media screen and (max-width:992px){.unicode-main{flex-direction:column}.unicode-main .textarea-container{width:100%}.unicode-main .center{flex-direction:row;width:100%;height:auto;margin:20px 0}}