._app_18ng4_3{background:var(--bg-sub);display:flex;flex:1;flex-direction:column;overflow:auto;width:100%;--pinyin-cell-size:3.125rem;--pinyin-header-size:3.125rem;--pinyin-header-odd:#c7cfe2;--pinyin-header-even:#e1e9f6;--pinyin-body-light:#fff;--pinyin-body-dark:#fafcff;--pinyin-header-default:#e1e9f6}.dark ._app_18ng4_3{--pinyin-header-odd:#222;--pinyin-header-even:#393939;--pinyin-body-light:var(--bg-panel);--pinyin-body-dark:var(--bg-grayed);--pinyin-header-default:#393939}._topbar_18ng4_27{align-items:center;background:var(--bg-panel);border-bottom:1px solid var(--border-main);display:grid;flex:0 0 auto;grid-template-columns:3.5rem 1fr 3.5rem;height:3.75rem}._back_18ng4_37{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;height:3rem;justify-content:center;width:3rem}._title_18ng4_48{color:var(--text-main);font-size:1.25rem;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}._topGap_18ng4_58{background:var(--bg-sub);flex:0 0 auto;height:.625rem}._content_18ng4_64{background:var(--bg-panel);display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:.5rem 0 .25rem}._tableTop_18ng4_73{align-items:center;display:flex;flex:0 0 var(--pinyin-header-size);height:var(--pinyin-header-size);overflow:hidden}._corner_18ng4_81{flex:0 0 var(--pinyin-cell-size);height:var(--pinyin-header-size);width:var(--pinyin-cell-size)}._columnHeaderViewport_18ng4_87{background:var(--bg-panel);border-bottom-left-radius:.3125rem;border-top-left-radius:.3125rem;flex:1 1 auto;height:var(--pinyin-header-size);margin-left:2px;min-width:0;overflow:hidden}._columnHeaderRow_18ng4_98{display:flex;height:var(--pinyin-header-size);will-change:transform}._tableBody_18ng4_104{display:flex;flex:1 1 auto;margin-top:2px;min-height:0}._rowHeaderViewport_18ng4_111{background:var(--bg-panel);border-bottom-left-radius:.3125rem;border-top-left-radius:.3125rem;flex:0 0 var(--pinyin-cell-size);overflow:hidden;width:var(--pinyin-cell-size)}._rowHeaderColumn_18ng4_120{width:var(--pinyin-cell-size);will-change:transform}._bodyViewport_18ng4_125{background:var(--bg-panel);flex:1 1 auto;margin-left:2px;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}._bodyGrid_18ng4_135{width:-moz-max-content;width:max-content}._cell_18ng4_144,._row_18ng4_111{display:flex;height:var(--pinyin-cell-size)}._cell_18ng4_144{align-items:center;box-sizing:border-box;color:var(--text-main);flex:0 0 var(--pinyin-cell-size);font-size:1rem;justify-content:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--pinyin-cell-size)}._bodyCell_18ng4_163,._headerCell_18ng4_159{border:.5px solid var(--bg-sub)}._bodyCell_18ng4_163{cursor:default}._bodyCell_18ng4_163._valid_18ng4_167{cursor:pointer}._bodyCell_18ng4_163._valid_18ng4_167:hover{background-color:var(--ld-color-border-3)!important}._toneBar_18ng4_174{align-items:center;background:var(--bg-panel);display:flex;flex:0 0 auto;gap:.5rem;justify-content:center;padding:.375rem 1.25rem .625rem}._toneButton_18ng4_184{background:transparent;border:0;color:var(--active-tip);cursor:pointer;display:grid;height:2.625rem;padding:0;place-items:center;width:2.625rem}._toneMark_18ng4_196{border:2px solid var(--border-main);border-radius:62.4375rem;display:grid;font-size:1.125rem;font-weight:700;height:1.875rem;line-height:1;place-items:center;width:1.875rem}._toneMarkActive_18ng4_209{background:var(--ld-color-brand-hover);border-color:var(--ld-color-brand-hover);color:var(--text-inverse)}._alphabetDialog_18ng4_215,.el-dialog._alphabetDialog_18ng4_215{background-color:#fff;box-sizing:border-box;color:#000;max-width:31.25rem!important;min-height:21.875rem;width:90%}.dark ._alphabetDialog_18ng4_215{background-color:#1e1e1e;border:1px solid var(--border-main);color:var(--text-main)}