.menu{-webkit-user-select:none;user-select:none;font-weight:700;display:flex;overflow:hidden}.menu .menu-items{cursor:pointer;padding:2em 0;font-size:1em;transition:all .3s}.menu .menu-items:hover .adj-item{opacity:.5}.menu .menu-items:hover .other-item{opacity:.1}.menu .menu-items .menu-item{padding:.5em 1.2em;line-height:1em}.menu .menu-items .menu-item:hover{opacity:.8}.menu .menu-items .selected-item{opacity:1}.menu .menu-items .adj-item,.menu .menu-items .other-item{opacity:0;transition:all .3s}.menu .show-items .adj-item{opacity:.5}.menu .show-items .other-item{opacity:.1}.background{pointer-events:none;z-index:-1;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.background .bg-side{opacity:.05;flex-direction:column;font-weight:700;line-height:1;display:flex}.background .bg-side .chars{font-size:140px}.background .bg-side .shuangpin{width:3.5em;padding:5px 0;font-size:3.5em}.background .left{justify-content:flex-end;align-items:flex-end;transform:translate(-60%)}.background .left .shuangpin{text-align:right}.background .right{justify-content:flex-start;align-items:flex-start;transform:translate(60%)}.background .right .shuangpin{text-align:left}@media (prefers-color-scheme:dark){:root{--primary-color:#ab2b2b;--black:#aaa;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:#222;--gray-001:#ffffff03;--gray-002:#ffffff05;--gray-003:#ffffff08;--gray-010:#ffffff1a}:root img,:root svg{filter:invert()}}.keyboard{z-index:999;flex-direction:column;justify-content:center;display:flex}.key-row{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.key-row .key-item{background-color:var(--gray-001);box-shadow:0 1px 2px var(--gray-010);text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--gray-001);border-radius:5px;flex-direction:column;justify-content:space-between;width:45px;height:40px;margin:5px;padding:10px;display:flex}@media (width<=576px){.key-row .key-item{height:60px;margin:5px 3px}}.key-row .key-item.hint-key{border:1px solid #ab2b2b}.key-row .key-item.pressing{background-color:var(--gray-010)}.key-row .key-item .main-content{justify-content:space-between;align-items:center;display:flex}.key-row .key-item .main-content .main-key{font-size:14px;font-weight:700}@media (width<=576px){.key-row .key-item .main-content .main-key{font-size:18px}}.key-row .key-item .main-content .lead-key{color:#ab2b2b;font-size:12px;font-weight:700}@media (width<=576px){.key-row .key-item .main-content .lead-key{font-size:16px}}.key-row .key-item .bottom-content{justify-content:center;display:flex}.key-row .key-item .bottom-content .follow-key{margin-right:3px;font-size:12px}.key-row .backspace{justify-content:center;align-items:center}@keyframes shift-right-9035e934{0%{transform:translate(0)}to{transform:translate(100%)}}.displayer[data-v-9035e934]{justify-content:center;align-items:center;display:flex;position:relative}.displayer .current-outset[data-v-9035e934]{border:1px solid var(--black);padding:5px}.displayer .follow-item[data-v-9035e934]{margin-top:-1px;margin-right:10px;font-size:36px;font-weight:700;transition:all .3s;position:absolute;right:0}.displayer .current-item[data-v-9035e934]{border-radius:0;flex-direction:column;align-items:center;width:54px;height:54px;padding:10px;display:flex;position:relative}.displayer .current-item .mi-bg[data-v-9035e934]{opacity:.2;width:100%;height:100%;position:absolute;top:0}.displayer .current-item .pinyin[data-v-9035e934]{font-size:14px;position:absolute;top:-1px}.displayer .current-item .hanzi[data-v-9035e934]{font-size:36px;font-weight:700}.pinyin-input{font-size:60px;font-weight:700;line-height:1.2;display:flex}.pinyin-input .cursor{text-align:center;min-width:.5em;min-height:1.2em;position:relative}.pinyin-input .cursor:first-child{margin-right:5px}.pinyin-input .cursor:after{content:"";background-color:var(--black);width:100%;height:5px;margin-top:5px;position:absolute;bottom:0;left:0}.pinyin-input .cursor:last-child:after{animation:.6s infinite alternate blink}@keyframes blink{0%{opacity:0}to{opacity:1}}.type-summary{text-align:right;font-weight:700}@media (prefers-color-scheme:dark){:root{--primary-color:#ab2b2b;--black:#aaa;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:#222;--gray-001:#ffffff03;--gray-002:#ffffff05;--gray-003:#ffffff08;--gray-010:#ffffff1a}:root img,:root svg{filter:invert()}}@media (width<=576px){:root{--page-height:100vh;--page-width:100vw}}.home-page{flex-direction:column;align-items:center;height:100%;display:flex}.home-page .single-menu{position:absolute;top:0;left:100px}.home-page .input-area{align-items:center;height:160px;margin-bottom:32px;display:flex}@media (width<=576px){.home-page .input-area{margin-top:30vh}}.home-page .summary{right:var(--app-padding);bottom:var(--app-padding);position:absolute}@media (width<=576px){.home-page .summary{top:36px}}.home-page .hanzi-list{top:var(--app-padding);right:var(--app-padding);position:absolute}@media (width<=576px){.home-page .hanzi-list{top:120px}.home-page .single-keyboard{position:absolute;bottom:1em}}.light[data-v-f61f52e0]{--primary-color:#ab2b2b;--black:#000;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:white;--gray-001:#00000003;--gray-002:#00000005;--gray-003:#00000008;--gray-010:#0000001a}.dark[data-v-f61f52e0]{--primary-color:#ab2b2b;--black:#aaa;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:#222;--gray-001:#ffffff03;--gray-002:#ffffff05;--gray-003:#ffffff08;--gray-010:#ffffff1a}.dark img[data-v-f61f52e0],.dark svg[data-v-f61f52e0]{filter:invert()}[data-v-f61f52e0]:root{--primary-color:#ab2b2b;--black:#000;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:white;--gray-001:#00000003;--gray-002:#00000005;--gray-003:#00000008;--gray-010:#0000001a}:root [data-v-f61f52e0]{transition:all .3s}@media (prefers-color-scheme:dark){[data-v-f61f52e0]:root{--primary-color:#ab2b2b;--black:#aaa;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:#222;--gray-001:#ffffff03;--gray-002:#ffffff05;--gray-003:#ffffff08;--gray-010:#ffffff1a}:root img[data-v-f61f52e0],:root svg[data-v-f61f52e0]{filter:invert()}}[data-v-f61f52e0]:root{--app-padding:30px;--page-width:900px;--page-max-width:var(--page-width);--page-height:540px}@media (width<=576px){[data-v-f61f52e0]:root{--page-height:100vh;--page-width:100vw}}.p-mode .display-area[data-v-f61f52e0]{justify-content:center;align-items:center;padding:0 64px 32px 32px;display:flex}@media (width<=576px){.p-mode .display-area[data-v-f61f52e0]{padding:var(--app-padding);flex-direction:column}}.p-mode .display-area.editing[data-v-f61f52e0]{align-items:flex-start}@media (width<=576px){.p-mode .display-area.editing[data-v-f61f52e0]{align-items:center}}.p-mode .display-area .p-title[data-v-f61f52e0]{flex-direction:column;align-items:flex-end;width:260px;margin-right:32px;display:flex}@media (width<=576px){.p-mode .display-area .p-title[data-v-f61f52e0]{width:100vw;padding-right:calc(var(--app-padding) + 2px);box-sizing:border-box;margin-right:0}}.p-mode .display-area .p-title .pinyin[data-v-f61f52e0]{font-size:12px}.p-mode .display-area .p-title .title-info[data-v-f61f52e0]{align-items:center;margin-top:8px;display:flex}.p-mode .display-area .p-title .title-info .answer[data-v-f61f52e0]{border-top:1px solid var(--black);border-bottom:1px solid var(--black);margin-right:16px;font-size:20px;font-weight:700}.p-mode .display-area .p-title .title-and-count[data-v-f61f52e0]{flex-direction:column;align-items:flex-end;font-size:12px;font-weight:700;display:flex}.p-mode .display-area .p-title .title-and-count .title[data-v-f61f52e0]{text-align:right;max-width:160px}@media (width<=576px){.p-mode .display-area .p-title .title-and-count .title[data-v-f61f52e0]{max-width:100vw}}.p-mode .display-area .p-title .article-menu[data-v-f61f52e0]{height:110px;display:none}.p-mode .display-area .p-title[data-v-f61f52e0]:hover,.p-mode .display-area .p-title.editing[data-v-f61f52e0]{flex-direction:column}@media (width<=576px){.p-mode .display-area .p-title[data-v-f61f52e0]:hover,.p-mode .display-area .p-title.editing[data-v-f61f52e0]{align-items:center}}.p-mode .display-area .p-title:hover .pinyin[data-v-f61f52e0],.p-mode .display-area .p-title.editing .pinyin[data-v-f61f52e0],.p-mode .display-area .p-title:hover .title-info[data-v-f61f52e0],.p-mode .display-area .p-title.editing .title-info[data-v-f61f52e0],.p-mode .display-area .p-title:hover .title-and-count[data-v-f61f52e0],.p-mode .display-area .p-title.editing .title-and-count[data-v-f61f52e0]{display:none}.p-mode .display-area .p-title:hover .article-menu[data-v-f61f52e0],.p-mode .display-area .p-title.editing .article-menu[data-v-f61f52e0]{flex-direction:column;display:flex;position:relative}.p-mode .display-area .p-title:hover .article-menu .menu[data-v-f61f52e0],.p-mode .display-area .p-title.editing .article-menu .menu[data-v-f61f52e0]{overflow:visible}.p-mode .display-area .p-title:hover .article-menu .delete-btn[data-v-f61f52e0],.p-mode .display-area .p-title.editing .article-menu .delete-btn[data-v-f61f52e0]{color:#ab2b2b;opacity:.5;cursor:pointer;text-align:center;margin-top:16px;padding-left:1.4em;font-size:14px;font-weight:700;transition:all .3s;position:absolute;bottom:-10px}.p-mode .display-area .p-title:hover .article-menu .delete-btn[data-v-f61f52e0]:hover,.p-mode .display-area .p-title.editing .article-menu .delete-btn[data-v-f61f52e0]:hover{opacity:1}.p-mode .display-area .text-area[data-v-f61f52e0]{width:50vw;max-width:calc(.6 * var(--page-max-width));position:relative}@media (width<=576px){.p-mode .display-area .text-area[data-v-f61f52e0]{width:100vw;max-width:calc(100vw - var(--app-padding) * 2)}}.p-mode .display-area .text-area[data-v-f61f52e0]:before{content:"";background:linear-gradient(0deg, var(--white) 0%, transparent 30%, transparent 70%, var(--white) 100%);pointer-events:none;z-index:999;width:100%;height:100%;position:absolute;top:0;left:0}.p-mode .display-area .text-area .scroll-area[data-v-f61f52e0]{height:144px;margin:8px 0;position:relative;overflow-y:scroll}@media (width<=576px){.p-mode .display-area .text-area .scroll-area[data-v-f61f52e0]{height:30vh}}.p-mode .display-area .text-area .scroll-area .bg-text[data-v-f61f52e0]{opacity:.4}.p-mode .display-area .text-area .scroll-area .done-text[data-v-f61f52e0]{opacity:1}.p-mode .display-area .text-area .scroll-area .current-text[data-v-f61f52e0]{text-underline-offset:2px;opacity:.8;text-decoration:underline}.p-mode .display-area .editing-text-area[data-v-f61f52e0]{width:50vw;max-width:calc(.6 * var(--page-max-width));flex-direction:column;margin-top:40px;display:flex}@media (width<=576px){.p-mode .display-area .editing-text-area[data-v-f61f52e0]{width:100vw;max-width:calc(100vw - var(--app-padding) * 2)}}.p-mode .display-area .editing-text-area .editing-bar[data-v-f61f52e0]{align-items:center;margin-bottom:16px;display:flex}.p-mode .display-area .editing-text-area .editing-bar .editing-title[data-v-f61f52e0]{color:#ab2b2b;background-color:#0000;border:0;border-left:5px solid #ab2b2b;outline:none;flex:1;padding:0 8px;font-family:inherit;font-size:14px;font-weight:700}.p-mode .display-area .editing-text-area .editing-bar .save-btn[data-v-f61f52e0]{color:#ab2b2b;cursor:pointer;font-size:14px}.p-mode .display-area .editing-text-area .editing-bar .save-btn.disable[data-v-f61f52e0]{color:var(--gray-a)}.p-mode .display-area .editing-text-area .editing-text[data-v-f61f52e0]{height:calc(var(--page-height) - 200px);resize:none;border:0;border:3px double var(--gray-6);color:var(--black);background-color:#0000;outline:none;padding:8px 8px 8px 10px;font-family:inherit;font-size:14px;font-weight:700}@media (width<=576px){.p-mode .display-area .editing-text-area .editing-text[data-v-f61f52e0]{height:calc(var(--page-height) - 300px)}}.p-mode .summary[data-v-f61f52e0]{right:var(--app-padding);bottom:var(--app-padding);position:absolute}@media (width<=576px){.p-mode .summary[data-v-f61f52e0]{top:36px}}.input{background-color:var(--white);border:1px solid var(--gray-010);color:var(--black);outline:none;padding:8px;font-family:inherit}.scale-to-center-enter-active,.scale-to-center-leave-active{opacity:1;max-height:45px;transition:all .3s}.scale-to-center-leave-to,.scale-to-center-enter-from{opacity:0;max-height:0}.keyboard{position:relative}.keyboard .keyboard-name{align-items:center;height:40px;margin:auto;display:flex;position:relative;transform:translateY(-20px)}.keyboard .keyboard-name .keyboard-name-input{color:var(--black);background-color:var(--white);border:0;border-bottom:2px solid var(--gray-010);outline:none;padding-bottom:4px;font-family:inherit;font-size:16px;font-weight:bolder;line-height:1.2}.keyboard .keyboard-name .keyboard-name-input::placeholder{color:var(--gray-010)}.keyboard .keyboard-name .keyboard-name-input:focus{border-color:var(--primary-color)}.keyboard .keyboard-name .submit-btn{cursor:pointer;color:var(--gray-010);font-size:12px;position:absolute;bottom:14px;right:0}.keyboard .keyboard-name .active-btn{color:var(--primary-color)}.key-item{cursor:pointer;position:relative}.key-item:active{background-color:var(--gray-010)}.key-item .edit-popup{background-color:var(--white);border:1px solid var(--gray-010);flex-direction:column;padding:14px;font-size:14px;display:flex;position:absolute;top:-160px;left:-80%;box-shadow:0 0 20px #0000001a}.key-item .edit-popup .edit-line{align-items:center;margin-bottom:14px;display:flex}.key-item .edit-popup .edit-line .edit-label{width:40px;margin-right:8px;font-weight:bolder}.key-item .edit-popup .edit-line .edit-input{background-color:var(--white);border:1px solid var(--gray-010);color:var(--black);outline:none;max-width:60px;padding:8px;font-family:inherit}.key-item .edit-popup .edit-confirm-btn{cursor:pointer;color:var(--primary-color)}.key-item .edit-popup .edit-confirm-btn:hover{font-weight:700}.zero-config{justify-content:center;padding:20px 0;display:flex}.zero-config .zero-item{border-top:2px double var(--gray-6);border-bottom:2px double var(--gray-6);flex-direction:column;align-items:center;font-size:12px;display:flex}.zero-config .zero-item .zero-text{border-bottom:2px double var(--gray-6);border-width:1px;font-weight:bolder}.zero-config .zero-item .sp-text{background-color:var(--white);color:var(--black);font-style:italic}.zero-config .zero-item .sp-text.editing{cursor:pointer}.zero-config .zero-item input.sp-text{box-sizing:border-box;background:var(--primary-color);color:var(--white);height:100%;font-family:inherit;font-size:inherit;border:none}.zero-config .zero-item .zero-text,.zero-config .zero-item .sp-text{text-align:center;width:50px;padding:3px 0}.light[data-v-8ee759bb]{--primary-color:#ab2b2b;--black:#000;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:white;--gray-001:#00000003;--gray-002:#00000005;--gray-003:#00000008;--gray-010:#0000001a}.dark[data-v-8ee759bb]{--primary-color:#ab2b2b;--black:#aaa;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:#222;--gray-001:#ffffff03;--gray-002:#ffffff05;--gray-003:#ffffff08;--gray-010:#ffffff1a}.dark img[data-v-8ee759bb],.dark svg[data-v-8ee759bb]{filter:invert()}[data-v-8ee759bb]:root{--primary-color:#ab2b2b;--black:#000;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:white;--gray-001:#00000003;--gray-002:#00000005;--gray-003:#00000008;--gray-010:#0000001a}:root [data-v-8ee759bb]{transition:all .3s}@media (prefers-color-scheme:dark){[data-v-8ee759bb]:root{--primary-color:#ab2b2b;--black:#aaa;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:#222;--gray-001:#ffffff03;--gray-002:#ffffff05;--gray-003:#ffffff08;--gray-010:#ffffff1a}:root img[data-v-8ee759bb],:root svg[data-v-8ee759bb]{filter:invert()}}.slide-from-bottom-enter-active[data-v-8ee759bb],.slide-from-bottom-leave-active[data-v-8ee759bb]{opacity:1;margin-top:0;transition:all .3s}.slide-from-bottom-leave-to[data-v-8ee759bb],.slide-from-bottom-enter-from[data-v-8ee759bb]{opacity:0;margin-top:-95px}.settings-page[data-v-8ee759bb]{flex-direction:column;align-items:center;display:flex}@media (width<=576px){.settings-page[data-v-8ee759bb]{height:100vh;padding-top:20vh}}.settings-page .settings[data-v-8ee759bb]{grid-template-columns:repeat(2,1fr);gap:16px 32px;padding-top:32px;display:grid}.settings-page .setting-item[data-v-8ee759bb]{cursor:pointer;font-weight:700;display:flex}.settings-page .setting-item .setting-name[data-v-8ee759bb]{color:#ab2b2b;margin-right:16px}.settings-page .mode-setting[data-v-8ee759bb]{align-items:baseline;max-height:6em;margin-bottom:2px;overflow:hidden}@media (width<=576px){.settings-page .mode-setting[data-v-8ee759bb]{z-index:200}}.settings-page .mode-setting .setting-name[data-v-8ee759bb]{height:2em}.settings-page .mode-setting:hover .mode-actions[data-v-8ee759bb]{opacity:1}.settings-page .mode-setting .mode-actions[data-v-8ee759bb]{cursor:default;opacity:0;align-items:center;width:120px;margin-right:-120px;display:flex}.settings-page .mode-setting .mode-actions .mode-action[data-v-8ee759bb]{cursor:pointer;color:var(--black);white-space:nowrap;opacity:0;width:0;margin-right:5px;overflow:hidden}.settings-page .mode-setting .mode-actions .mode-action.show[data-v-8ee759bb]{opacity:.5;width:35px}.settings-page .mode-setting .mode-actions .mode-action[data-v-8ee759bb]:hover{opacity:1}.settings-page .mode-setting .mode-actions .mode-action[data-v-8ee759bb]:last-child{margin-right:0}.settings-page .mode-setting .mode-actions.hide[data-v-8ee759bb]{width:0}@media (width<=576px){.settings-page .mode-config[data-v-8ee759bb]{bottom:var(--app-padding);z-index:199;position:absolute}}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:#0000;background-color:var(--white);margin:0;padding:0;font-family:Noto Serif SC,Source Han Serif SC,source-han-serif-sc,serif;font-size:16px}.light{--primary-color:#ab2b2b;--black:#000;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:white;--gray-001:#00000003;--gray-002:#00000005;--gray-003:#00000008;--gray-010:#0000001a}.dark{--primary-color:#ab2b2b;--black:#aaa;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:#222;--gray-001:#ffffff03;--gray-002:#ffffff05;--gray-003:#ffffff08;--gray-010:#ffffff1a}.dark img,.dark svg{filter:invert()}:root{--primary-color:#ab2b2b;--black:#000;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:white;--gray-001:#00000003;--gray-002:#00000005;--gray-003:#00000008;--gray-010:#0000001a}:root *{transition:all .3s}@media (prefers-color-scheme:dark){:root{--primary-color:#ab2b2b;--black:#aaa;--gray-2:#222;--gray-4:#444;--gray-6:#666;--gray-9:#999;--gray-a:#aaa;--white:#222;--gray-001:#ffffff03;--gray-002:#ffffff05;--gray-003:#ffffff08;--gray-010:#ffffff1a}:root img,:root svg{filter:invert()}}:root{--app-padding:30px;--page-width:900px;--page-max-width:var(--page-width);--page-height:540px}@media (width<=576px){:root{--page-height:100vh;--page-width:100vw}}#app{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.content{box-sizing:border-box;width:var(--page-width);max-width:var(--page-max-width);height:var(--page-height);padding:var(--app-padding);border:1px solid var(--gray-010);color:var(--black);border-radius:0;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:10px 20px 60px #0000001a}.main-menu{color:#ab2b2b;position:absolute;top:0;left:0}.main-menu .selected-item{color:#fff;background-color:#ab2b2b}.page{width:100%;height:100%;position:absolute;top:0;left:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:var(--gray-002)}::-webkit-scrollbar-thumb{background-color:var(--gray-003)}