.area-divider{border-bottom:1px solid #abb8c5;width:100%;margin:20px 0}
*{box-sizing:border-box}.hv-center,.ipa-main,.ipa-main .ipa-keys,.ipa-main .ipa-keys .keys-area .keys-container .key,.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}}.ipa-main{flex-direction:column;width:100%;height:auto}.ipa-main .display-area{width:100%;height:auto;display:flex;position:sticky;top:80px}.ipa-main .display-area textarea{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f1e33;resize:none;background:0 0;border-color:#67abffb3;border-radius:5px;outline-color:#67abffb3;width:100%;height:20vh;padding:3px;font-family:CustomFont1,Comic Sans MS,YouYuan,幼圆,Yuanti SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:20px;transition:all 90ms;box-shadow:3px 1px 10px 3px #00000015}.ipa-main .display-area textarea:focus{outline:2px solid #68a0e6ba;box-shadow:0 0 10px 1px #69696933}.ipa-main .display-area textarea::-webkit-scrollbar{width:5px}.ipa-main .display-area textarea::-webkit-scrollbar-thumb{background:#67abffb3;border-radius:50px}.ipa-main .display-area textarea::-webkit-scrollbar-thumb:active{background:#81b9ffba}.ipa-main .display-area textarea.dark{color:#fffc;border-color:#fffc;outline-color:#fffc}.ipa-main .display-area textarea.dark:focus{outline:2px solid #eaeaead1;box-shadow:0 0 10px 1px #fbfbfb33}.ipa-main .display-area textarea.dark::-webkit-scrollbar{width:5px}.ipa-main .display-area textarea.dark::-webkit-scrollbar-thumb{background:#828296ad;border-radius:50px}.ipa-main .display-area textarea.dark::-webkit-scrollbar-thumb:active{background:#9c9cacb8}.ipa-main .display-area .tool-bar{z-index:2;opacity:0;flex-direction:row;height:auto;padding:3px 1px;transition:all .2s;display:flex;position:absolute;bottom:2px;right:5px;overflow:hidden}.ipa-main .display-area .tool-bar.fade-in{opacity:1}.ipa-main .display-area .tool-bar .tool-btn{color:#1f1e33;cursor:pointer;margin:0 3px 3px;font-size:18px;transition:all .3s}.ipa-main .display-area .tool-bar .tool-btn:hover{color:#1e6bb9}.ipa-main .display-area .tool-bar .tool-btn.dark{color:#fffc}.ipa-main .display-area .tool-bar .tool-btn.dark:hover{color:#29b839}.ipa-main .ipa-keys{flex-direction:column;width:100%;height:auto;margin-top:20px}.ipa-main .ipa-keys .keys-area{color:#1f1e33;width:100%}.ipa-main .ipa-keys .keys-area.dark{color:#fffc}.ipa-main .ipa-keys .keys-area .keys-area-title{margin-bottom:15px;font-family:CustomFont1,Comic Sans MS,YouYuan,幼圆,Yuanti SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:22px;font-weight:700}.ipa-main .ipa-keys .keys-area .keys-container{flex-flow:wrap;justify-content:flex-start;display:flex}.ipa-main .ipa-keys .keys-area .keys-container .key{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#67abff59;border-radius:3px;width:20px;height:30px;margin:3px 5px;font-size:18px;transition:all .2s;display:flex}.ipa-main .ipa-keys .keys-area .keys-container .key:hover{background-color:#67abff33;transform:scale(1.1)}.ipa-main .ipa-keys .keys-area .keys-container .key.dark{background-color:#29b83959}.ipa-main .ipa-keys .keys-area .keys-container .key.dark:hover{background-color:#29b839b3;transform:scale(1.1)}