.PinyinChart-module__09MJuG__page{background:var(--bg);min-height:100vh;padding:2rem 1rem 5rem}.PinyinChart-module__09MJuG__inner{max-width:1320px;margin:0 auto}.PinyinChart-module__09MJuG__title{color:var(--ink);margin:.4rem 0 .25rem;font-size:1.7rem;font-weight:800}.PinyinChart-module__09MJuG__sub{color:var(--muted);margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}.PinyinChart-module__09MJuG__legend{color:var(--muted);flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.78rem;display:flex}.PinyinChart-module__09MJuG__legendDot{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.PinyinChart-module__09MJuG__tableWrap{border:1px solid var(--rule);border-radius:var(--radius-sm)}.PinyinChart-module__09MJuG__table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.65rem}.PinyinChart-module__09MJuG__table thead th{background:var(--surface);border:1px solid var(--rule);text-align:center;color:var(--ink);white-space:nowrap;z-index:2;padding:4px 2px;font-weight:700;position:sticky;top:0;overflow:hidden}.PinyinChart-module__09MJuG__table thead th:first-child{background:var(--bg);font-size:.55rem}.PinyinChart-module__09MJuG__table tbody tr td:first-child{background:var(--surface);border:1px solid var(--rule);white-space:nowrap;text-align:center;color:var(--ink);padding:3px 4px;font-size:.68rem;font-weight:700}.PinyinChart-module__09MJuG__table tbody td{border:1px solid var(--rule);text-align:center;padding:1px}.PinyinChart-module__09MJuG__empty{background:#f9f9f9;height:26px}.PinyinChart-module__09MJuG__groupRow td{background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:4px 8px;font-size:.7rem;font-weight:700}.PinyinChart-module__09MJuG__cell{background:var(--surface);border:1px solid var(--rule);width:100%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;text-align:center;border-radius:2px;padding:3px 1px;font-size:.63rem;font-weight:600;line-height:1.2;display:block;overflow:hidden}.PinyinChart-module__09MJuG__finalSimple{border-left:3px solid #f97316}.PinyinChart-module__09MJuG__finalCompound{border-left:3px solid var(--blue)}.PinyinChart-module__09MJuG__finalNasal{border-left:3px solid var(--green)}