/* 打字练习 */
.tp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.625rem;margin-bottom:.875rem}
.tp-item{padding:.5rem .625rem;border:1px solid #eef1f5;border-radius:.5rem;background:#fafbfd}
.tp-item .tp-k{font-size:.75rem;color:#8a94a3}
.tp-item .tp-v{font-size:1.125rem;color:#1f2d3d;font-weight:700;font-variant-numeric:tabular-nums}
.tp-pad{position:relative;max-height:22rem;overflow:auto;padding:1rem 1.1rem;border:1px solid #eef1f5;border-radius:.75rem;background:#fff;cursor:text}
.tp-pad:focus-within{border-color:var(--site-primary);box-shadow:0 0 0 .2rem var(--site-primary-rgb,.2)}
.tp-text{font-size:1.25rem;line-height:2;letter-spacing:.02em;color:#94a3b8;word-break:break-word;white-space:pre-wrap}
.tp-text .ok{color:#2b8a3e}
.tp-text .bad{color:#c92a2a;background:#fff0f0;border-radius:2px;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#e03131}
.tp-text .cur{background:var(--site-primary);color:#fff;border-radius:3px}
.tp-text .cur.bad{background:#c92a2a}
.tp-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.86);
  color:#6c757d;font-size:.9375rem;cursor:pointer}
.tp-input{position:absolute;left:-9999px;top:0;width:1px;height:1px;opacity:0;font-size:16px}
.tp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}
.tp-big{padding:.75rem .875rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fafbfd}
.tp-big .tp-k{font-size:.8125rem;color:#8a94a3}
.tp-big .tp-v{font-size:1.5rem;font-weight:800;color:#1f2d3d;font-variant-numeric:tabular-nums}
.tp-big .tp-e{font-size:.75rem;color:#8a94a3;margin-top:.1rem}
@media (max-width:575.98px){
  .tp-text{font-size:1.0625rem;line-height:1.9}
  .tp-pad{max-height:16rem}
}