/* 在线秒表：大数字显示 + 开始/计次/重置 + 计次列表 */

.sw-stage{display:flex;flex-direction:column;gap:1rem}
.sw-display{padding:1.4rem 1rem;border-radius:.75rem;background:#0f172a;text-align:center}
.sw-time{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,9vw,4.75rem);font-weight:600;
  line-height:1.08;letter-spacing:.02em;color:#fff}
.sw-sub{margin-top:.4rem;min-height:1.15rem;font-size:.8125rem;color:rgba(255,255,255,.6)}
.sw-btns{display:flex;flex-wrap:wrap;gap:.6rem}
.sw-btns .btn{flex:1 1 8rem}
.sw-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.sw-hint{font-size:.75rem;color:#8a94a3}
.sw-foot .sw-hint{margin-left:auto}

.sw-laps{margin-top:1rem;border:1px solid #eef1f5;border-radius:.625rem;overflow:hidden}
.sw-laps-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;
  background:#f7f9fb;font-size:.875rem;font-weight:600;color:#2b3441}
.sw-laps-list{max-height:20rem;overflow:auto}
.sw-lap{display:grid;grid-template-columns:3.2rem minmax(0,1fr) minmax(0,1fr) 3.4rem;align-items:center;
  gap:.5rem;padding:.45rem .75rem;border-top:1px solid #f3f5f8;font-size:.875rem}
.sw-lap-head{background:#fbfcfd;border-top:0;font-size:.75rem;color:#8a94a3}
.sw-lap-no{color:#adb5bd;font-variant-numeric:tabular-nums}
.sw-lap-split,.sw-lap-total{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-variant-numeric:tabular-nums;color:#2b3441}
.sw-lap-total{color:#5b6675}
.sw-lap-tagbox{text-align:right}
.sw-lap-tag{display:inline-block;padding:.05rem .4rem;border-radius:999px;font-size:.6875rem;line-height:1.5}
.sw-lap.is-best .sw-lap-split{color:#0f7b4f;font-weight:600}
.sw-lap.is-best .sw-lap-tag{background:#e7f5ee;color:#0f7b4f}
.sw-lap.is-worst .sw-lap-split{color:#c92a2a;font-weight:600}
.sw-lap.is-worst .sw-lap-tag{background:#fdecec;color:#c92a2a}

/* 全屏：只留秒表本体，数字放到最大 */
.sw-stage:fullscreen{justify-content:center;padding:6vh 5vw;background:#0b1220}
.sw-stage:fullscreen .sw-display{background:transparent;padding:0}
.sw-stage:fullscreen .sw-time{font-size:min(17vw,13rem)}
.sw-stage:fullscreen .sw-sub{font-size:1rem}
.sw-stage:fullscreen .sw-btns .btn{font-size:1.25rem;padding:.8rem 1rem}
.sw-stage:fullscreen .sw-hint{color:rgba(255,255,255,.45);text-align:center}
.sw-stage:fullscreen .sw-foot{justify-content:center}
.sw-stage:fullscreen .sw-foot .sw-hint{margin-left:0;width:100%}

@media (max-width:575.98px){
  .sw-lap{grid-template-columns:2.6rem minmax(0,1fr) minmax(0,1fr) 3rem;font-size:.8125rem;padding:.4rem .6rem}
  .sw-foot .sw-hint{margin-left:0;width:100%}
}