/* 在线时钟 */
.oc-pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:16rem;padding:1.5rem 1rem 2rem;border-radius:.875rem;cursor:pointer;overflow:hidden;
  background:linear-gradient(160deg,#0b1b2b,#132f45 55%,#0b1b2b);color:#e7f5ff;
  font-variant-numeric:tabular-nums}
.oc-zone{font-size:.875rem;letter-spacing:.05em;color:#8fd3ff}
.oc-time{margin-top:.35rem;font-size:clamp(2.6rem,9vw,5rem);font-weight:700;line-height:1.05;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:0 0 18px rgba(80,180,255,.25)}
.oc-date{margin-top:.4rem;font-size:1rem;color:#cfe9ff}
.oc-ampm{margin-top:.25rem;font-size:.9rem;color:#8fd3ff}
.oc-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.12)}
.oc-bar > i{display:block;height:100%;width:0;background:linear-gradient(90deg,#38d9a9,#4dabf7)}
.oc-check{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.875rem;color:#3f4a5a}
.oc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.625rem;margin-top:.875rem}

@media (max-width:575.98px){
  .oc-pad{min-height:12rem}
  .oc-time{font-size:clamp(2.2rem,13vw,3.2rem)}
}