@keyframes _anim-fade-in_1j8p7_1{0%{opacity:0}to{opacity:1}}@keyframes _anim-fade-out_1j8p7_1{0%{opacity:1}to{opacity:0}}@keyframes _anim-bounce_1j8p7_1{0%,to{transform:translateY(0)}20%{transform:translateY(-10%)}40%{transform:translateY(5%)}60%{transform:translateY(-7.5%)}80%{transform:translateY(2.5%)}}@keyframes _anim-wobble_1j8p7_1{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}}@keyframes _anim-jump_1j8p7_1{0%,to{transform:translateY(0) scale(1)}10%{transform:translateY(0) scale(1.1,.9)}30%{transform:translateY(-20%) scale(.9,1.1)}50%{transform:translateY(0) scale(1.05,.95)}70%{transform:translateY(-10%) scale(.95,1.05)}}@keyframes _anim-spin_1j8p7_1{0%,to{opacity:1;transform:rotate(0) scale(1)}25%{transform:rotate(15deg)}50%{opacity:.9;transform:scale(1.1)}75%{transform:rotate(-15deg)}}@keyframes _anim-squash_1j8p7_1{0%,to{transform:scaleX(1) scaleY(1)}25%{transform:scaleX(1.1) scaleY(.9)}50%{transform:scaleX(.9) scaleY(1.1)}75%{transform:scaleX(1.05) scaleY(.95)}}@keyframes _anim-heartbeat_1j8p7_1{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}@keyframes _anim-float_1j8p7_1{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-5%) rotate(5deg)}66%{transform:translateY(5%) rotate(-5deg)}}body,html{border:none;height:100dvh;margin:0;outline:none;padding:0;position:relative}*{box-sizing:border-box}:not(input):not(textarea):not(code){-webkit-user-select:none;-moz-user-select:none;user-select:none}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:none;padding:0}@media(hover:hover){input:hover{outline:none}}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}svg{overflow:visible}.sr_only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}img:not([data-not-lazy=true]){opacity:0;transition:opacity .3s ease}img.lazyLoad:not(.isLoaded){content:"";display:inline-block;opacity:0;text-indent:-10000px}img.isLoaded{opacity:1}::-webkit-scrollbar{height:.3rem;width:.3rem}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#0000001a;border-radius:1rem}html{font-size:16px}@media(min-width:1920px){html{font-size:.83333dvw!important}}@media(max-width:768px){::-webkit-scrollbar{display:none}body,html{overscroll-behavior-y:none;touch-action:pan-x pan-y}}@media(any-hover:none){*{-webkit-tap-highlight-color:transparent}}@font-face{font-display:swap;font-family:PinYinFont;src:url(./pinyin.bZgmmcDr.ttf) format("truetype")}:root{--border-padding:min(3.5dvw,3.5dvh,1.5em);--col-gap:max(calc(var(--border-padding)*.75),.75em);--l-size:1.25rem;--width:min(calc(100dvw - var(--border-padding)*2),60em);font-family:PinYinFont}._bg_1j8p7_257{align-items:center;background-image:url(./bk.D_EDSp5t.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;inset:0;padding-top:4em;position:absolute}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272{background:#fff;border-radius:1em;box-shadow:0 .25em .25em #0000001a;padding:var(--border-padding);width:var(--width)}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279{display:flex;flex-direction:column;gap:var(--col-gap)}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._mode_tabs_1j8p7_284{background:#7d2dc91a;border-radius:.75em;box-shadow:0 .1em .1em #0003;display:flex;padding:.4em}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._mode_tabs_1j8p7_284 ._mode_tab_1j8p7_284{background:transparent;border:none;border-radius:inherit;color:#a366dd;flex:1;font-size:var(--l-size);font-weight:600;padding:.25em;transition:all .3s ease-in-out}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._mode_tabs_1j8p7_284 ._mode_tab_1j8p7_284._mode_tab_active_1j8p7_302{background:#fff;color:#2f114c}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306{align-items:center;background:#7d2dc91a;border:1px solid rgba(125,45,201,.25);border-radius:9999px;display:flex;gap:.75rem;padding:.25em .75em}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._preview_text_1j8p7_315{color:#2f114c;flex:1;font-size:var(--l-size);font-weight:600;text-align:center;word-break:break-all}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._preview_text_1j8p7_315 ._preview_placeholder_1j8p7_323{color:#2f114c80;font-size:1rem;font-weight:400}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._preview_text_1j8p7_315._preview_loading_1j8p7_328{animation:_anim-fade-out_1j8p7_1 .5s linear infinite alternate}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._status_tag_1j8p7_331{background:#7d2dc933;border-radius:9999px;color:#7d2dc9;flex:none;font-size:.8em;padding:.25em .875em;text-align:center;white-space:nowrap;width:5.75em}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._status_tag_1j8p7_331._status_tag_valid_1j8p7_342{background:#2b7d3733;color:#2b7d37}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._status_tag_1j8p7_331._status_tag_invalid_1j8p7_346{background:#e5394533;color:#e53945}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._preview_play_btn_1j8p7_350{align-items:center;background-color:transparent;border:none;border-radius:9999px;cursor:pointer;display:flex;flex:none;height:2em;justify-content:center;transition:all .3s ease-in-out;width:2em}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._preview_play_btn_1j8p7_350._preview_play_anim_1j8p7_363{animation:_previewPlayGlow_1j8p7_1 1.5s ease-in-out infinite}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._preview_play_btn_1j8p7_350:disabled{color:#343a40;cursor:not-allowed!important;opacity:.5!important}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._preview_play_btn_1j8p7_350 ._play_icon_1j8p7_371{fill:currentColor;height:1.4rem;width:1.4rem}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._pinyin_preview_1j8p7_306 ._preview_play_btn_1j8p7_350 ._play_icon_1j8p7_371 path{fill:currentColor}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379{display:grid;gap:calc(var(--col-gap)*.5);grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr))}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._card_group_1j8p7_384{display:contents}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._tone_icon_1j8p7_387{height:1em;width:1em}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._tone_icon_1j8p7_387 path{fill:currentColor}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_1j8p7_394{border:1px solid transparent;border-radius:.5em;color:#2f114c;cursor:pointer;font-family:inherit;font-size:var(--l-size);font-weight:500;padding:.25em}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_1j8p7_394 ._card_loading_1j8p7_404{animation:_anim-fade-out_1j8p7_1 .5s linear infinite alternate}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_1j8p7_394._pinyin_card_disabled_1j8p7_407,._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_1j8p7_394:disabled{background-color:#dee2e6;border-color:#ced4da;color:#343a40;cursor:not-allowed!important;opacity:.75!important}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_shengmu_1j8p7_414{background:#7dc6d933;border-color:#7dc6d966}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_yunmu_1j8p7_418{background:#3fb65033;border-color:#3fb65066}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_zhengtiren_1j8p7_422{background:#ffbe0c33;border-color:#ffbe0c66}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_tone_1j8p7_426{background:#a366dd33;border-color:#a366dd66}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_tone_1j8p7_426._pinyin_card_active_tone_1j8p7_430{background:#7d2dc94d;border-color:#7d2dc966}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_tone_1j8p7_426._pinyin_card_need_tone_1j8p7_434{animation:_toneBlink_1j8p7_1 1s ease-in-out infinite;border-color:#a366dd}._bg_1j8p7_257 ._pinyin_wrap_1j8p7_272 ._pinyin_container_1j8p7_279 ._card_grid_1j8p7_379 ._pinyin_card_clear_1j8p7_438{background:#e5394533;border-color:#e5394566}@keyframes _toneBlink_1j8p7_1{0%,to{box-shadow:0 0 #a366dd00}50%{box-shadow:0 0 2px 1px #a366dd80}}@keyframes _previewPlayGlow_1j8p7_1{0%,to{box-shadow:0 0 #7d2dc900}50%{box-shadow:0 0 2px 1px #7d2dc980}}@media(max-width:768px){:root{--l-size:1.125rem}._bg_1j8p7_257{font-size:.875rem;padding-top:3rem}}