/* 计时器 */
.tm-tabs{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:.6rem;background:#f1f3f6}
.tm-tab{border:0;background:transparent;color:#5b6675;font-size:.875rem;padding:.35rem 1rem;border-radius:.45rem;cursor:pointer}
.tm-tab.is-on{background:#fff;color:var(--site-primary);font-weight:600;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.tm-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;
  margin-top:1rem;padding:2rem 1rem 2.25rem;border-radius:.875rem;cursor:pointer;
  background:linear-gradient(160deg,#111827,#1f2937 55%,#111827);color:#f8fafc;font-variant-numeric:tabular-nums}
.tm-stage.is-run{background:linear-gradient(160deg,#0b1b2b,#132f45 55%,#0b1b2b)}
.tm-clock{font-size:clamp(3rem,13vw,6.5rem);font-weight:800;line-height:1.05;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}
.tm-clock.is-done{color:#ff8787;animation:tm-blink 1s steps(2,start) infinite}
@keyframes tm-blink{to{visibility:hidden}}
.tm-sub{margin-top:.5rem;font-size:.9375rem;color:#cbd5e1}
.tm-bar{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.14)}
.tm-bar > i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd43b,#ff6b35);transition:width .12s linear}
.tm-done{position:absolute;top:.75rem;right:.9rem;padding:.2rem .6rem;border-radius:1rem;background:#e03131;color:#fff;font-size:.8125rem;font-weight:600}
.tm-presets{display:flex;flex-wrap:wrap;gap:.4rem}
.tm-chip{border:1px solid #e3e8ee;background:#fff;color:#334155;border-radius:1rem;padding:.25rem .7rem;font-size:.8125rem;cursor:pointer}
.tm-chip:hover{border-color:var(--site-primary);color:var(--site-primary)}
.tm-chip.is-on{border-color:var(--site-primary);background:var(--site-tint,#fff7f5);color:var(--site-primary);font-weight:600}
.tm-check{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.875rem;color:#3f4a5a}
#tmStage:fullscreen{width:100vw;height:100vh;margin:0;border-radius:0;padding:0}
#tmStage:fullscreen .tm-clock{font-size:clamp(4rem,20vw,18rem)}
#tmStage:fullscreen .tm-sub{font-size:1.25rem}
@media (max-width:575.98px){
  .tm-stage{padding:1.4rem .75rem 1.6rem}
  .tm-clock{font-size:clamp(2.6rem,17vw,3.6rem)}
}