/* 拼音字母表 */
.py-tables{display:grid;gap:.875rem}
.py-block{border:1px solid #eef1f5;border-radius:.6rem;padding:.75rem .875rem;background:#fafbfd}
.py-block-hd{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}
.py-block-title{font-size:.9375rem;font-weight:700;color:#1f2d3d}
.py-block-sub{font-size:.75rem;color:#8a94a3}
.py-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.35rem}
.py-row-label{flex:0 0 auto;font-size:.75rem;color:#8a94a3;min-width:4.5rem}
.py-cell{border:1px solid #e3e8ee;background:#fff;border-radius:.45rem;padding:.25rem .55rem;font-size:1rem;
  color:#1f2d3d;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.4}
.py-cell:hover{border-color:var(--site-primary,#0e7490);color:var(--site-primary,#0e7490)}
.py-cell.is-on{background:var(--site-primary,#0e7490);border-color:var(--site-primary,#0e7490);color:#fff}
.py-tones{padding:.75rem .875rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fff}
.py-tone-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.py-tone-label{font-size:.8125rem;color:#8a94a3;min-width:3.5rem}
.py-tone{border:1px solid #e3e8ee;border-radius:.45rem;padding:.3rem .7rem;background:#fff;cursor:pointer;
  font-size:1.25rem;color:#1f2d3d;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.py-tone:hover{border-color:var(--site-primary,#0e7490);color:var(--site-primary,#0e7490)}
@media print{
  .site-header,.site-sidebar,.site-nav,.site-pagebar,.card-header,.py-tones,
  .py-block-sub{display:none!important}
  .card{border:0!important;margin:0!important}
  .card-body{padding:0!important}
  .py-block{border:0;background:#fff;padding:0 0 .5rem}
  .py-cell{font-size:1.05rem}
}