.menu{display:flex;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden}.menu .menu-items{transition:all ease .3s;cursor:pointer;font-size:1em;padding:2em 0}.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 ease .3s}.menu .show-items .adj-item{opacity:.5}.menu .show-items .other-item{opacity:.1}.background{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;justify-content:space-between;overflow:hidden;pointer-events:none;z-index:-1}.background .bg-side{display:flex;flex-direction:column;font-weight:700;line-height:1;opacity:.05}.background .bg-side .chars{font-size:140px}.background .bg-side .shuangpin{padding:5px 0;font-size:3.5em;width:3.5em}.background .left{transform:translate(-60%);justify-content:flex-end;align-items:flex-end}.background .left .shuangpin{text-align:right}.background .right{transform:translate(60%);justify-content:flex-start;align-items:flex-start}.background .right .shuangpin{text-align:left}.keyboard{display:flex;justify-content:center;flex-direction:column;z-index:999}.key-row{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.key-row .key-item{margin:5px;background-color:var(--gray-001);border-radius:5px;box-shadow:0 1px 2px var(--gray-010);text-align:center;padding:10px;height:20px;width:25px;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--gray-001)}@media (max-width: 576px){.key-row .key-item{margin:5px 3px;height:60px}}.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{display:flex;justify-content:space-between;align-items:center}.key-row .key-item .main-content .main-key{font-size:14px;font-weight:700}@media (max-width: 576px){.key-row .key-item .main-content .main-key{font-size:18px}}.key-row .key-item .main-content .lead-key{font-size:12px;font-weight:700;color:#ab2b2b}@media (max-width: 576px){.key-row .key-item .main-content .lead-key{font-size:16px}}.key-row .key-item .bottom-content{display:flex;justify-content:center}.key-row .key-item .bottom-content .follow-key{font-size:12px;margin-right:3px}.key-row .backspace{align-items:center;justify-content:center}.keyboard{display:flex;flex-direction:column;align-items:center}.keyboard .key-row{display:flex;justify-content:center;width:100%}.keyboard .key-spacer{width:40px;flex-shrink:0}@keyframes shift-right-1b9c9000{0%{transform:translate(0)}to{transform:translate(100%)}}.displayer[data-v-1b9c9000]{display:flex;align-items:center;justify-content:center;position:relative}.displayer .current-outset[data-v-1b9c9000]{border:1px solid var(--black);padding:5px}.displayer .follow-item[data-v-1b9c9000]{font-size:36px;font-weight:700;margin-right:10px;margin-top:-1px;position:absolute;right:0;transition:all ease .3s}.displayer .current-item[data-v-1b9c9000]{height:54px;width:54px;display:flex;flex-direction:column;align-items:center;position:relative;padding:10px;border-radius:0}.displayer .current-item .mi-bg[data-v-1b9c9000]{position:absolute;height:100%;width:100%;top:0;opacity:.2}.displayer .current-item .pinyin[data-v-1b9c9000]{font-size:14px;position:absolute;top:-1px}.displayer .current-item .hanzi[data-v-1b9c9000]{font-size:36px;font-weight:700}.pinyin-input{display:flex;font-weight:700;font-size:60px;line-height:1.2}.pinyin-input .cursor{position:relative;text-align:center;min-height:1.2em;min-width:.5em}.pinyin-input .cursor:first-child{margin-right:5px}.pinyin-input .cursor:after{position:absolute;bottom:0;left:0;content:"";width:100%;height:5px;background-color:var(--black);margin-top:5px}.pinyin-input .cursor:last-child:after{animation:alternate infinite .6s blink}@keyframes blink{0%{opacity:0}to{opacity:1}}.type-summary{text-align:right;font-weight:700}.light[data-v-babbead0]{--primary-color: #ab2b2b;--black: #000;--gray-2: #222;--gray-4: #444;--gray-6: #666;--gray-9: #999;--gray-a: #aaa;--white: white;--gray-001: rgba(0, 0, 0, .01);--gray-002: rgba(0, 0, 0, .02);--gray-003: rgba(0, 0, 0, .03);--gray-010: rgba(0, 0, 0, .1)}.dark[data-v-babbead0]{--primary-color: #ab2b2b;--black: #aaa;--gray-2: #222;--gray-4: #444;--gray-6: #666;--gray-9: #999;--gray-a: #aaa;--white: #222;--gray-001: rgba(255, 255, 255, .01);--gray-002: rgba(255, 255, 255, .02);--gray-003: rgba(255, 255, 255, .03);--gray-010: rgba(255, 255, 255, .1)}.dark img[data-v-babbead0],.dark svg[data-v-babbead0]{filter:invert(1)}[data-v-babbead0]: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: rgba(0, 0, 0, .01);--gray-002: rgba(0, 0, 0, .02);--gray-003: rgba(0, 0, 0, .03);--gray-010: rgba(0, 0, 0, .1)}:root *[data-v-babbead0]{transition:all ease .3s}@media (prefers-color-scheme: dark){[data-v-babbead0]: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: rgba(255, 255, 255, .01);--gray-002: rgba(255, 255, 255, .02);--gray-003: rgba(255, 255, 255, .03);--gray-010: rgba(255, 255, 255, .1)}:root img[data-v-babbead0],:root svg[data-v-babbead0]{filter:invert(1)}}.slide-from-bottom-enter-active[data-v-babbead0],.slide-from-bottom-leave-active[data-v-babbead0]{transition:all .3s ease;margin-top:0;opacity:1}.slide-from-bottom-leave-to[data-v-babbead0],.slide-from-bottom-enter-from[data-v-babbead0]{margin-top:-95px;opacity:0}.sidebar:not(.is-open) .toggle-btn[data-v-babbead0]{opacity:.8}.sidebar:not(.is-open) .toggle-btn[data-v-babbead0]:hover{opacity:1}.sidebar[data-v-babbead0]{position:absolute;right:0;top:50%;transform:translate(100%,-50%);width:280px;background:var(--white, #fff);box-shadow:-8px 0 32px #0000000d;border-radius:20px 0 0 20px;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1000;padding:32px 24px;border:1px solid rgba(0,0,0,.05)}.sidebar.is-open[data-v-babbead0]{transform:translateY(-50%)}.sidebar .toggle-btn[data-v-babbead0]{position:absolute;left:-36px;top:50%;transform:translateY(-50%);width:36px;height:80px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-right:none;border-radius:18px 0 0 18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:-6px 0 15px #0000000d}.sidebar .toggle-btn[data-v-babbead0]:hover{background:#fff;left:-40px;width:40px;box-shadow:-8px 0 20px #00000014}.sidebar .toggle-btn:hover .arrow-icon[data-v-babbead0]{border-color:#ab2b2b;transform:translate(0) rotate(-45deg) scale(1.1)}.sidebar .toggle-btn .arrow-icon[data-v-babbead0]{width:9px;height:9px;border-top:2.5px solid rgba(0,0,0,.4);border-left:2.5px solid rgba(0,0,0,.4);transform:translate(3px) rotate(-45deg);transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar .toggle-btn .arrow-icon.is-active[data-v-babbead0]{transform:translate(-1px) rotate(135deg)}.sidebar .sidebar-inner[data-v-babbead0]{display:flex;flex-direction:column;gap:28px}.sidebar .sidebar-title[data-v-babbead0]{margin:0;font-size:1.1rem;font-weight:700;color:var(--black);opacity:.9;border-left:4px solid #ab2b2b;padding-left:12px}.sidebar .range-setting-container[data-v-babbead0]{display:flex;flex-direction:column;gap:24px}.sidebar .range-item[data-v-babbead0]{display:flex;flex-direction:column}.sidebar .range-item .range-header[data-v-babbead0]{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:700;font-size:.9rem}.sidebar .range-item .range-header .setting-name[data-v-babbead0]{color:#ab2b2b}.sidebar .range-item .range-header .setting-value[data-v-babbead0]{color:var(--black);opacity:.7}.sidebar .custom-slider[data-v-babbead0]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:4px;background:#0000000f;border-radius:2px;outline:none}.sidebar .custom-slider[data-v-babbead0]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;background:#ab2b2b;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #00000026;transition:transform .2s}.sidebar .custom-slider[data-v-babbead0]::-webkit-slider-thumb:hover{transform:scale(1.1)}.sidebar .setting-tips[data-v-babbead0]{margin-top:8px;padding:16px;background:#00000008;border-radius:12px;border-left:3px solid #ab2b2b}.sidebar .setting-tips .tips-header[data-v-babbead0]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sidebar .setting-tips .tips-header .tips-icon[data-v-babbead0]{font-size:1.1rem}.sidebar .setting-tips .tips-header .tips-title[data-v-babbead0]{font-size:.85rem;font-weight:700;color:var(--black);opacity:.8}.sidebar .setting-tips .tips-list[data-v-babbead0]{margin:0;padding-left:18px;list-style-type:disc}.sidebar .setting-tips .tips-list li[data-v-babbead0]{font-size:.75rem;line-height:1.6;color:var(--black);opacity:.6;margin-bottom:6px}.sidebar .setting-tips .tips-list li[data-v-babbead0]:last-child{margin-bottom:0}.sidebar .setting-tips .tips-list li .highlight[data-v-babbead0]{color:#ab2b2b;font-weight:700}.home-page{display:flex;flex-direction:column;align-items:center;height:100%}.home-page .single-menu{position:absolute;top:0;left:100px;z-index:10}.home-page .single-keyboard{position:relative;z-index:15}.home-page .input-area{margin-bottom:32px;height:160px;display:flex;align-items:center;z-index:5}@media (max-width: 576px){.home-page .input-area{margin-top:30vh}}.home-page .summary{position:absolute;right:var(--app-padding);bottom:var(--app-padding)}@media (max-width: 576px){.home-page .summary{top:36px}}.home-page .hanzi-list{position:absolute;top:var(--app-padding);right:var(--app-padding)}@media (max-width: 576px){.home-page .hanzi-list{top:120px}}@media (max-width: 576px){.home-page .single-keyboard{position:absolute;bottom:1em}}.light[data-v-90e1aa09]{--primary-color: #ab2b2b;--black: #000;--gray-2: #222;--gray-4: #444;--gray-6: #666;--gray-9: #999;--gray-a: #aaa;--white: white;--gray-001: rgba(0, 0, 0, .01);--gray-002: rgba(0, 0, 0, .02);--gray-003: rgba(0, 0, 0, .03);--gray-010: rgba(0, 0, 0, .1)}.dark[data-v-90e1aa09]{--primary-color: #ab2b2b;--black: #aaa;--gray-2: #222;--gray-4: #444;--gray-6: #666;--gray-9: #999;--gray-a: #aaa;--white: #222;--gray-001: rgba(255, 255, 255, .01);--gray-002: rgba(255, 255, 255, .02);--gray-003: rgba(255, 255, 255, .03);--gray-010: rgba(255, 255, 255, .1)}.dark img[data-v-90e1aa09],.dark svg[data-v-90e1aa09]{filter:invert(1)}[data-v-90e1aa09]: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: rgba(0, 0, 0, .01);--gray-002: rgba(0, 0, 0, .02);--gray-003: rgba(0, 0, 0, .03);--gray-010: rgba(0, 0, 0, .1)}:root *[data-v-90e1aa09]{transition:all ease .3s}@media (prefers-color-scheme: dark){[data-v-90e1aa09]: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: rgba(255, 255, 255, .01);--gray-002: rgba(255, 255, 255, .02);--gray-003: rgba(255, 255, 255, .03);--gray-010: rgba(255, 255, 255, .1)}:root img[data-v-90e1aa09],:root svg[data-v-90e1aa09]{filter:invert(1)}}[data-v-90e1aa09]:root{--app-padding: 30px;--page-width: 900px;--page-max-width: var(--page-width);--page-height: 540px}@media (max-width: 576px){[data-v-90e1aa09]:root{--page-height: 100vh;--page-width: 100vw}}.p-mode[data-v-90e1aa09]{display:flex;flex-direction:column;height:100vh}.p-mode .display-area[data-v-90e1aa09]{flex:1;padding:0 64px 32px 32px;display:flex;align-items:center;justify-content:center}@media (max-width: 576px){.p-mode .display-area[data-v-90e1aa09]{flex-direction:column;padding:var(--app-padding)}}.p-mode .display-area.editing[data-v-90e1aa09]{align-items:flex-start}@media (max-width: 576px){.p-mode .display-area.editing[data-v-90e1aa09]{align-items:center}}.p-mode .display-area .p-title[data-v-90e1aa09]{margin-right:32px;width:260px;display:flex;flex-direction:column;align-items:flex-end}@media (max-width: 576px){.p-mode .display-area .p-title[data-v-90e1aa09]{width:100vw;padding-right:calc(var(--app-padding) + 2px);margin-right:0;box-sizing:border-box}}.p-mode .display-area .p-title .pinyin[data-v-90e1aa09]{font-size:12px}.p-mode .display-area .p-title .title-info[data-v-90e1aa09]{display:flex;align-items:center;margin-top:8px}.p-mode .display-area .p-title .title-info .answer[data-v-90e1aa09]{font-size:20px;margin-right:16px;font-weight:700;border-top:1px solid var(--black);border-bottom:1px solid var(--black)}.p-mode .display-area .p-title .title-and-count[data-v-90e1aa09]{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;font-size:12px}.p-mode .display-area .p-title .title-and-count .title[data-v-90e1aa09]{max-width:160px;text-align:right}@media (max-width: 576px){.p-mode .display-area .p-title .title-and-count .title[data-v-90e1aa09]{max-width:100vw}}.p-mode .display-area .p-title .article-menu[data-v-90e1aa09]{display:none;height:110px}.p-mode .display-area .p-title[data-v-90e1aa09]:hover,.p-mode .display-area .p-title.editing[data-v-90e1aa09]{flex-direction:column}@media (max-width: 576px){.p-mode .display-area .p-title[data-v-90e1aa09]:hover,.p-mode .display-area .p-title.editing[data-v-90e1aa09]{align-items:center}}.p-mode .display-area .p-title:hover .pinyin[data-v-90e1aa09],.p-mode .display-area .p-title.editing .pinyin[data-v-90e1aa09],.p-mode .display-area .p-title:hover .title-info[data-v-90e1aa09],.p-mode .display-area .p-title.editing .title-info[data-v-90e1aa09],.p-mode .display-area .p-title:hover .title-and-count[data-v-90e1aa09],.p-mode .display-area .p-title.editing .title-and-count[data-v-90e1aa09]{display:none}.p-mode .display-area .p-title:hover .article-menu[data-v-90e1aa09],.p-mode .display-area .p-title.editing .article-menu[data-v-90e1aa09]{display:flex;flex-direction:column;position:relative}.p-mode .display-area .p-title:hover .article-menu .menu[data-v-90e1aa09],.p-mode .display-area .p-title.editing .article-menu .menu[data-v-90e1aa09]{overflow:visible}.p-mode .display-area .p-title:hover .article-menu .delete-btn[data-v-90e1aa09],.p-mode .display-area .p-title.editing .article-menu .delete-btn[data-v-90e1aa09]{color:#ab2b2b;opacity:.5;font-size:14px;cursor:pointer;font-weight:700;transition:all ease .3s;margin-top:16px;text-align:center;position:absolute;bottom:-10px;padding-left:1.4em}.p-mode .display-area .p-title:hover .article-menu .delete-btn[data-v-90e1aa09]:hover,.p-mode .display-area .p-title.editing .article-menu .delete-btn[data-v-90e1aa09]:hover{opacity:1}.p-mode .display-area .text-area[data-v-90e1aa09]{position:relative;width:50vw;max-width:calc(.6 * var(--page-max-width))}@media (max-width: 576px){.p-mode .display-area .text-area[data-v-90e1aa09]{width:100vw;max-width:calc(100vw - var(--app-padding) * 2)}}.p-mode .display-area .text-area .scroll-area[data-v-90e1aa09]{overflow-y:scroll;height:240px;position:relative;margin:8px 0}@media (max-width: 576px){.p-mode .display-area .text-area .scroll-area[data-v-90e1aa09]{height:30vh}}.p-mode .display-area .text-area .scroll-area .bg-text[data-v-90e1aa09]{opacity:1;font-size:50px;font-family:inherit}.p-mode .display-area .text-area .scroll-area .done-text[data-v-90e1aa09]{opacity:.2;color:var(--black)}.p-mode .display-area .text-area .scroll-area .current-text[data-v-90e1aa09]{text-decoration:underline;text-underline-offset:2px;opacity:1;font-weight:100}.p-mode .display-area .editing-text-area[data-v-90e1aa09]{display:flex;flex-direction:column;margin-top:40px;width:50vw;max-width:calc(.6 * var(--page-max-width))}@media (max-width: 576px){.p-mode .display-area .editing-text-area[data-v-90e1aa09]{width:100vw;max-width:calc(100vw - var(--app-padding) * 2)}}.p-mode .display-area .editing-text-area .editing-bar[data-v-90e1aa09]{display:flex;align-items:center;margin-bottom:16px}.p-mode .display-area .editing-text-area .editing-bar .editing-title[data-v-90e1aa09]{font-family:inherit;font-size:14px;font-weight:700;border:0;outline:none;padding:0 8px;color:#ab2b2b;border-left:5px solid #ab2b2b;flex:1;background-color:transparent}.p-mode .display-area .editing-text-area .editing-bar .save-btn[data-v-90e1aa09]{color:#ab2b2b;font-size:14px;cursor:pointer}.p-mode .display-area .editing-text-area .editing-bar .save-btn.disable[data-v-90e1aa09]{color:var(--gray-a)}.p-mode .display-area .editing-text-area .editing-text[data-v-90e1aa09]{font-family:inherit;font-size:14px;font-weight:700;border:0;outline:none;height:calc(var(--page-height) - 200px);resize:none;border:3px double var(--gray-6);color:var(--black);background-color:transparent;padding:8px 8px 8px 10px}@media (max-width: 576px){.p-mode .display-area .editing-text-area .editing-text[data-v-90e1aa09]{height:calc(var(--page-height) - 300px)}}.p-mode .bottom-area[data-v-90e1aa09]{flex-shrink:0;background:var(--gray-f8);border-top:1px solid var(--gray-e0);padding:8px 16px}.p-mode .bottom-area .criteria-bar[data-v-90e1aa09]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:14px;margin-bottom:8px}@media (max-width: 576px){.p-mode .bottom-area .criteria-bar[data-v-90e1aa09]{gap:.5rem}}.p-mode .bottom-area .criteria-bar .criteria-item[data-v-90e1aa09]{display:flex;align-items:center;gap:.3rem}.p-mode .bottom-area .criteria-bar .criteria-item .criteria-label[data-v-90e1aa09]{white-space:nowrap;color:var(--black)}.p-mode .bottom-area .criteria-bar .criteria-item .criteria-input[data-v-90e1aa09],.p-mode .bottom-area .criteria-bar .criteria-item .criteria-select[data-v-90e1aa09]{width:70px;padding:4px;border:1px solid var(--gray-c);border-radius:4px;background:var(--white);color:var(--black);font-size:14px;transition:all .2s}@media (max-width: 576px){.p-mode .bottom-area .criteria-bar .criteria-item .criteria-input[data-v-90e1aa09],.p-mode .bottom-area .criteria-bar .criteria-item .criteria-select[data-v-90e1aa09]{width:60px}}.p-mode .bottom-area .criteria-bar .criteria-item .criteria-input[data-v-90e1aa09]:focus,.p-mode .bottom-area .criteria-bar .criteria-item .criteria-select[data-v-90e1aa09]:focus{border-color:#ab2b2b;outline:none;box-shadow:0 0 0 2px #ab2b2b33}.p-mode .bottom-area .criteria-bar .criteria-item .criteria-select[data-v-90e1aa09]{width:auto;min-width:80px}.p-mode .bottom-area .criteria-bar .criteria-item .switch[data-v-90e1aa09]{position:relative;display:inline-block;width:40px;height:20px;margin-left:4px}.p-mode .bottom-area .criteria-bar .criteria-item .switch input[data-v-90e1aa09]{opacity:0;width:0;height:0}.p-mode .bottom-area .criteria-bar .criteria-item .switch .slider[data-v-90e1aa09]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-c);transition:.3s;border-radius:20px}.p-mode .bottom-area .criteria-bar .criteria-item .switch .slider[data-v-90e1aa09]:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}.p-mode .bottom-area .criteria-bar .criteria-item .switch input:checked+.slider[data-v-90e1aa09]{background-color:#ab2b2b}.p-mode .bottom-area .criteria-bar .criteria-item .switch input:checked+.slider[data-v-90e1aa09]:before{transform:translate(20px)}.p-mode .bottom-area .small-keyboard[data-v-90e1aa09]{transform:scale(.7);transform-origin:bottom center;margin-bottom:-15px}.p-mode .bottom-area .small-keyboard[data-v-90e1aa09] .key-item .main-key,.p-mode .bottom-area .small-keyboard[data-v-90e1aa09] .key-item .follow-key,.p-mode .bottom-area .small-keyboard[data-v-90e1aa09] .key-item .lead-key{font-size:6px}.p-mode .summary[data-v-90e1aa09]{position:absolute;right:var(--app-padding);bottom:140px;z-index:1000;background:var(--white);padding:8px 16px;border-radius:8px;box-shadow:0 2px 8px #00000026;border:1px solid var(--gray-e0)}@media (max-width: 576px){.p-mode .summary[data-v-90e1aa09]{top:36px;bottom:auto;right:auto;left:50%;transform:translate(-50%);width:90%;text-align:center}}.input{background-color:var(--white);border:1px solid var(--gray-010);padding:8px;color:var(--black);outline:none;font-family:inherit}.scale-to-center-enter-active,.scale-to-center-leave-active{transition:all .3s ease;opacity:1;max-height:45px}.scale-to-center-leave-to,.scale-to-center-enter-from{opacity:0;max-height:0}.keyboard{position:relative}.keyboard .keyboard-name{display:flex;align-items:center;margin:auto;position:relative;height:40px;transform:translateY(-20px)}.keyboard .keyboard-name .keyboard-name-input{color:var(--black);background-color:var(--white);outline:none;font-family:inherit;border:0;border-bottom:2px solid var(--gray-010);padding-bottom:4px;font-size:16px;line-height:1.2;font-weight:bolder}.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{position:absolute;right:0;bottom:14px;cursor:pointer;color:var(--gray-010);font-size:12px}.keyboard .keyboard-name .active-btn{color:var(--primary-color)}.key-item{position:relative;cursor:pointer}.key-item:active{background-color:var(--gray-010)}.key-item .edit-popup{position:absolute;top:-160px;left:-80%;display:flex;flex-direction:column;background-color:var(--white);padding:14px;border:1px solid var(--gray-010);box-shadow:0 0 20px #0000001a;font-size:14px}.key-item .edit-popup .edit-line{display:flex;align-items:center;margin-bottom:14px}.key-item .edit-popup .edit-line .edit-label{margin-right:8px;width:40px;font-weight:bolder}.key-item .edit-popup .edit-line .edit-input{background-color:var(--white);border:1px solid var(--gray-010);padding:8px;color:var(--black);outline:none;font-family:inherit;max-width:60px}.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{display:flex;justify-content:center;padding:20px 0}.zero-config .zero-item{display:flex;flex-direction:column;align-items:center;font-size:12px;border-top:2px double var(--gray-6);border-bottom:2px double var(--gray-6)}.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{font-style:italic;background-color:var(--white);color:var(--black)}.zero-config .zero-item .sp-text.editing{cursor:pointer}.zero-config .zero-item input.sp-text{box-sizing:border-box;border:none;background:var(--primary-color);color:var(--white);height:100%;font-family:inherit;font-size:inherit}.zero-config .zero-item .zero-text,.zero-config .zero-item .sp-text{width:50px;padding:3px 0;text-align:center}.light[data-v-0be54d0e]{--primary-color: #ab2b2b;--black: #000;--gray-2: #222;--gray-4: #444;--gray-6: #666;--gray-9: #999;--gray-a: #aaa;--white: white;--gray-001: rgba(0, 0, 0, .01);--gray-002: rgba(0, 0, 0, .02);--gray-003: rgba(0, 0, 0, .03);--gray-010: rgba(0, 0, 0, .1)}.dark[data-v-0be54d0e]{--primary-color: #ab2b2b;--black: #aaa;--gray-2: #222;--gray-4: #444;--gray-6: #666;--gray-9: #999;--gray-a: #aaa;--white: #222;--gray-001: rgba(255, 255, 255, .01);--gray-002: rgba(255, 255, 255, .02);--gray-003: rgba(255, 255, 255, .03);--gray-010: rgba(255, 255, 255, .1)}.dark img[data-v-0be54d0e],.dark svg[data-v-0be54d0e]{filter:invert(1)}[data-v-0be54d0e]: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: rgba(0, 0, 0, .01);--gray-002: rgba(0, 0, 0, .02);--gray-003: rgba(0, 0, 0, .03);--gray-010: rgba(0, 0, 0, .1)}:root *[data-v-0be54d0e]{transition:all ease .3s}@media (prefers-color-scheme: dark){[data-v-0be54d0e]: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: rgba(255, 255, 255, .01);--gray-002: rgba(255, 255, 255, .02);--gray-003: rgba(255, 255, 255, .03);--gray-010: rgba(255, 255, 255, .1)}:root img[data-v-0be54d0e],:root svg[data-v-0be54d0e]{filter:invert(1)}}.slide-from-bottom-enter-active[data-v-0be54d0e],.slide-from-bottom-leave-active[data-v-0be54d0e]{transition:all .3s ease;margin-top:0;opacity:1}.slide-from-bottom-leave-to[data-v-0be54d0e],.slide-from-bottom-enter-from[data-v-0be54d0e]{margin-top:-95px;opacity:0}.settings-page[data-v-0be54d0e]{display:flex;flex-direction:column;align-items:center}@media (max-width: 576px){.settings-page[data-v-0be54d0e]{height:100vh;padding-top:20vh}}.settings-page .settings[data-v-0be54d0e]{padding-top:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px}.settings-page .setting-item[data-v-0be54d0e]{display:flex;font-weight:700;cursor:pointer}.settings-page .setting-item .setting-name[data-v-0be54d0e]{color:#ab2b2b;margin-right:16px}.settings-page .mode-setting[data-v-0be54d0e]{align-items:baseline;max-height:6em;margin-bottom:2px;overflow:hidden}@media (max-width: 576px){.settings-page .mode-setting[data-v-0be54d0e]{z-index:200}}.settings-page .mode-setting .setting-name[data-v-0be54d0e]{height:2em}.settings-page .mode-setting:hover .mode-actions[data-v-0be54d0e]{opacity:1}.settings-page .mode-setting .mode-actions[data-v-0be54d0e]{display:flex;align-items:center;cursor:default;opacity:0;width:120px;margin-right:-120px}.settings-page .mode-setting .mode-actions .mode-action[data-v-0be54d0e]{margin-right:5px;cursor:pointer;color:var(--black);width:0;overflow:hidden;white-space:nowrap;opacity:0}.settings-page .mode-setting .mode-actions .mode-action.show[data-v-0be54d0e]{width:35px;opacity:.5}.settings-page .mode-setting .mode-actions .mode-action[data-v-0be54d0e]:hover{opacity:1}.settings-page .mode-setting .mode-actions .mode-action[data-v-0be54d0e]:last-child{margin-right:0}.settings-page .mode-setting .mode-actions.hide[data-v-0be54d0e]{width:0}@media (max-width: 576px){.settings-page .mode-config[data-v-0be54d0e]{position:absolute;bottom:var(--app-padding);z-index:199}}body{margin:0;padding:0;font-family:"Noto Serif SC","Source Han Serif SC",source-han-serif-sc,serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--white);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: rgba(0, 0, 0, .01);--gray-002: rgba(0, 0, 0, .02);--gray-003: rgba(0, 0, 0, .03);--gray-010: rgba(0, 0, 0, .1)}.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: rgba(255, 255, 255, .01);--gray-002: rgba(255, 255, 255, .02);--gray-003: rgba(255, 255, 255, .03);--gray-010: rgba(255, 255, 255, .1)}.dark img,.dark svg{filter:invert(1)}: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: rgba(0, 0, 0, .01);--gray-002: rgba(0, 0, 0, .02);--gray-003: rgba(0, 0, 0, .03);--gray-010: rgba(0, 0, 0, .1)}:root *{transition:all ease .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: rgba(255, 255, 255, .01);--gray-002: rgba(255, 255, 255, .02);--gray-003: rgba(255, 255, 255, .03);--gray-010: rgba(255, 255, 255, .1)}:root img,:root svg{filter:invert(1)}}:root{--app-padding: 30px;--page-width: 900px;--page-max-width: var(--page-width);--page-height: 540px}@media (max-width: 576px){:root{--page-height: 100vh;--page-width: 100vw}}#app{display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.content{box-sizing:border-box;width:var(--page-width);max-width:var(--page-max-width);height:var(--page-height);box-shadow:10px 20px 60px #0000001a;border-radius:0;padding:var(--app-padding);border:1px solid var(--gray-010);position:relative;color:var(--black);display:flex;flex-direction:column;align-items:center;overflow:hidden}.main-menu{color:#ab2b2b;position:absolute;top:0;left:0}.main-menu .selected-item{background-color:#ab2b2b;color:#fff}.page{position:absolute;top:0;left:0;width:100%;height:100%}*::-webkit-scrollbar{width:5px}*::-webkit-scrollbar-track{background-color:var(--gray-002)}*::-webkit-scrollbar-thumb{background-color:var(--gray-003)}