/* 反应速度测试 */
.rt-rounds{display:flex;flex-wrap:wrap;gap:.35rem}
.rt-round{padding:.2rem .6rem;border:1px solid #e4e8ee;border-radius:.375rem;background:#fff;color:#475467;
  font-size:.8125rem;cursor:pointer}
.rt-round.is-on{border-color:#0ca678;background:#e6fcf5;color:#099268;font-weight:600}
.rt-round:disabled{opacity:.5;cursor:not-allowed}

.rt-pad{position:relative;display:flex;align-items:center;justify-content:center;min-height:16rem;
  border-radius:.875rem;background:#e03131;color:#fff;cursor:pointer;
  user-select:none;-webkit-user-select:none;touch-action:manipulation;overflow:hidden;
  transition:background .08s linear}
.rt-pad .rt-inner{text-align:center;pointer-events:none}
.rt-big{font-size:2.5rem;font-weight:800;line-height:1.2}
.rt-sub{margin-top:.5rem;font-size:.875rem;opacity:.9}
.rt-pad.is-idle{background:linear-gradient(180deg,#f1f3f5,#e9ecef);color:#334155}
.rt-pad.is-wait{background:#e03131;color:#fff}
.rt-pad.is-ready{background:#0ca678;color:#fff}
.rt-pad.is-ready .rt-big{font-size:3.5rem}
.rt-pad.is-early{background:#f08c00;color:#fff}
.rt-pad.is-show{background:#0b7285;color:#fff}
.rt-pad.is-done{background:linear-gradient(180deg,#e6fcf5,#fff);color:#0b7285;border:2px solid #96f2d7}

.rt-live{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.875rem}
.rt-live-item{padding:.5rem .625rem;border:1px solid #eef1f5;border-radius:.5rem;background:#fafbfd;text-align:center}
.rt-live-item .rt-k{display:block;font-size:.75rem;color:#8a94a3}
.rt-live-item b{font-size:1.125rem;color:#1f2d3d}

.rt-result{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.rt-score{display:flex;align-items:baseline;gap:.5rem}
.rt-score b{font-size:2.75rem;font-weight:800;color:#0b7285}
.rt-score span{font-size:.8125rem;color:#8a94a3}
.rt-grade{padding:.25rem .75rem;border-radius:1rem;background:#e6fcf5;color:#099268;font-weight:600}
.rt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.625rem;margin-top:.875rem}
.rt-item{padding:.5rem .625rem;border:1px solid #eef1f5;border-radius:.5rem;background:#fafbfd}
.rt-item .rt-ik{font-size:.75rem;color:#8a94a3}
.rt-item .rt-iv{font-size:1rem;color:#1f2d3d;font-weight:600}
.rt-chart-title{margin-top:1rem;font-size:.8125rem;color:#8a94a3}
.rt-chart{display:flex;align-items:flex-end;gap:4px;height:6.5rem;margin-top:.5rem;padding:.5rem .625rem;
  border:1px solid #eef1f5;border-radius:.5rem;background:#fafbfd;overflow-x:auto}
.rt-bar{flex:1 0 14px;min-width:14px;background:linear-gradient(180deg,#63e6be,#0ca678);border-radius:2px 2px 0 0;position:relative}
.rt-bar span{position:absolute;top:-1.05rem;left:50%;transform:translateX(-50%);font-size:.625rem;color:#8a94a3;white-space:nowrap}
.rt-bar.is-slow{background:linear-gradient(180deg,#ffc9c9,#e03131)}

.rt-hist{display:flex;flex-direction:column;gap:.4rem}
.rt-hist-row{display:flex;align-items:center;gap:.75rem;padding:.4rem .625rem;border:1px solid #eef1f5;
  border-radius:.5rem;background:#fff;font-size:.8125rem}
.rt-hist-row .rt-h-avg{font-weight:700;color:#0b7285;min-width:5.5rem}
.rt-hist-row .rt-h-time{margin-left:auto;color:#98a2b3;font-size:.75rem}
.rt-hist-empty{color:#98a2b3;font-size:.8125rem}

@media (max-width:575.98px){
  .rt-pad{min-height:12rem}
  .rt-big{font-size:1.75rem}
  .rt-pad.is-ready .rt-big{font-size:2.5rem}
  .rt-live{grid-template-columns:repeat(2,1fr)}
}