:root{--char-size: 28;--pinyin-size: 50;--tone-size: 100;--char-color: #3d3d3d;--pinyin-color: #b7b5b5;--tone-color: #979494}body{counter-reset:p;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}textarea{font-size:16px}.advhide{display:none}.cursorHand{cursor:pointer}.hide,.hide-before:before{visibility:hidden}.btn{margin-inline-end:.5rem;display:inline-flex;align-items:center;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity));padding:.25rem .5rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn:enabled:hover{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity))}.btn:enabled:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.btn-disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.primary{text-overflow:ellipsis}.btn-ico{display:inline-flex;align-items:center;border-radius:.5rem;border-width:1px;padding:.375rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500}.btn-ico:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-ico:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))}.checkbox{height:1rem;width:1rem;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.lable{margin-inline-start:.375rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}#app{width:100%}@media (min-width: 640px){#app{max-width:640px}}@media (min-width: 768px){#app{max-width:768px}}@media (min-width: 1024px){#app{max-width:1024px}}@media (min-width: 1280px){#app{max-width:1280px}}@media (min-width: 1536px){#app{max-width:1536px}}#app{margin-left:auto;margin-right:auto;display:none;max-width:72rem;padding-left:1rem;padding-right:1rem}.title{margin-top:1rem;margin-bottom:1rem;text-align:center;font-size:2.25rem;line-height:2.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}#uSource,#uInput{width:100%;border-width:0px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-left:0;padding-right:0;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}#uSource:focus,#uInput:focus{outline-width:0px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}#info{margin-top:2rem;margin-bottom:2rem}#settingsPannel{margin-top:.5rem;display:none}#uOutput{color:var(--tw-prose-body);max-width:65ch}#uOutput :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}#uOutput :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}#uOutput :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}#uOutput :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}#uOutput :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}#uOutput :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}#uOutput :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}#uOutput :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}#uOutput :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}#uOutput :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}#uOutput :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}#uOutput :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}#uOutput :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}#uOutput :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}#uOutput :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}#uOutput :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}#uOutput :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}#uOutput :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}#uOutput :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}#uOutput :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}#uOutput :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}#uOutput :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}#uOutput :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}#uOutput :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}#uOutput :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}#uOutput :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}#uOutput :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}#uOutput :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}#uOutput :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}#uOutput :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}#uOutput :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}#uOutput :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}#uOutput :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}#uOutput :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}#uOutput :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}#uOutput :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}#uOutput :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}#uOutput :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}#uOutput :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}#uOutput :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}#uOutput :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}#uOutput :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}#uOutput :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}#uOutput :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}#uOutput :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}#uOutput :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}#uOutput :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}#uOutput :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}#uOutput :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}#uOutput :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}#uOutput :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}#uOutput :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;text-align:start;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}#uOutput :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}#uOutput :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}#uOutput :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}#uOutput :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}#uOutput :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}#uOutput :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}#uOutput :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}#uOutput :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}#uOutput :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}#uOutput{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}#uOutput :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}#uOutput :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}#uOutput :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}#uOutput :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}#uOutput :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}#uOutput :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}#uOutput :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}#uOutput :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}#uOutput :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}#uOutput :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}#uOutput :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}#uOutput :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}#uOutput :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}#uOutput :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}#uOutput :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}#uOutput :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}#uOutput :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}#uOutput :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}#uOutput :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}#uOutput :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}#uOutput :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}#uOutput :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}#uOutput :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}#uOutput :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}#uOutput{max-width:none}#uOutput :is(:where(h1):not(:where([class~=not-prose],[class~=not-prose] *))){text-align:center}#uOutput>p{margin-top:0;margin-bottom:0}.line{font-size:calc(var(--char-size) * 1px);color:var(--char-color);text-indent:2em;line-height:2.9;text-align:justify}.line:before{top:0;margin-right:.5rem;margin-left:-1.5rem;height:1rem;width:1rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));padding:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity));counter-increment:p;content:counter(p);vertical-align:middle}.line:empty{line-height:3.2em}.pinyin>ruby{-webkit-ruby-position:before;ruby-position:before}.pinyin>ruby>rt{cursor:pointer;font-size:calc(var(--tone-size) * 1%);color:var(--tone-color);line-height:1;font-family:Pinyin Shengdiao Datong}.pinyin>ruby.sandi>rt{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.pinyin>ruby>ruby{-webkit-ruby-position:after;ruby-position:after}.pinyin>ruby>ruby>rt{cursor:default;font-size:calc(var(--pinyin-size) * 1%);color:var(--pinyin-color);font-family:Pinyin Sans}.pinyin>ruby>ruby.multiple>rt{cursor:pointer}.pinyin>ruby>ruby.showMultiple,.pinyin>ruby>ruby.showMultiple>rt{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}#tooltip{display:none;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;background:#222;color:#fff;padding:5px;border-radius:4px;font-size:90%}#arrow{position:absolute;background:#222;width:8px;height:8px;transform:rotate(45deg)}#tooltipOptions{display:flex;gap:.75rem;padding:.25rem}#tooltipOptions span{display:inline-block;min-width:-moz-fit-content;min-width:fit-content;cursor:pointer;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;text-align:center;vertical-align:middle}#tooltipOptions span:hover{--tw-bg-opacity: 1;background-color:rgb(3 105 161 / var(--tw-bg-opacity))}#tooltipOptions span.py{font-family:Pinyin Sans}.loader{width:48px;height:48px;border:3px dotted #fff;border-style:solid solid dotted dotted;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;inset:0;margin:auto;border:3px dotted #ff3d00;border-style:solid solid dotted;width:24px;height:24px;border-radius:50%;animation:rotationBack 1s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}