/* 世界时钟：大时钟 + 城市卡片 + 添加城市 + 时区换算 */
.wc-hero{display:grid;grid-template-columns:minmax(15rem,1fr) minmax(16rem,1.2fr);gap:1rem;align-items:center;
  margin-bottom:1rem;padding:1rem 1.25rem;border-radius:.75rem;background:var(--site-tint);border:1px solid rgba(var(--site-primary-rgb),.28)}
.wc-hero-time{font-size:2.6rem;font-weight:700;line-height:1.1;letter-spacing:.02em;color:var(--site-primary);font-variant-numeric:tabular-nums}
.wc-hero-city{font-size:1rem;font-weight:600;color:#2b3441}
.wc-hero-sub{margin-top:.25rem;font-size:13px;color:#5b6675}
.wc-hero-side{display:flex;flex-direction:column;gap:.5rem}
.wc-opts{display:flex;flex-wrap:wrap;gap:.375rem}

.wc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem}
.wc-card{display:flex;flex-direction:column;gap:.375rem;padding:.75rem .875rem;border:1px solid #eef1f5;border-radius:.625rem;background:#fff}
.wc-card.is-main{border-color:var(--site-primary);box-shadow:0 0 0 1px var(--site-primary) inset}
.wc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.375rem}
.wc-city{font-size:14px;font-weight:600;color:#2b3441}
.wc-region{margin-left:.25rem;font-size:12px;font-weight:400;color:#8a94a3}
.wc-card-actions{display:flex;gap:.125rem}
.wc-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border:0;border-radius:.375rem;
  background:transparent;color:#9aa4b2;cursor:pointer;font-size:.95rem;line-height:1}
.wc-iconbtn:hover{background:#f1f3f7;color:#2b3441}
.wc-iconbtn.is-on{color:var(--site-primary)}
.wc-time{font-size:1.6rem;font-weight:700;line-height:1.15;color:#2b3441;font-variant-numeric:tabular-nums}
.wc-date{font-size:12.5px;color:#5b6675}
.wc-meta{font-size:12px;color:#8a94a3}
.wc-card.is-night{background:#f8fafc}

.wc-add{margin-bottom:.625rem}
.wc-results{display:flex;flex-wrap:wrap;gap:.375rem;max-height:11rem;overflow:auto}
.wc-hit{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .6rem;border:1px solid #eef1f5;border-radius:999px;
  background:#fafbfd;font-size:12.5px;color:#2b3441;cursor:pointer}
.wc-hit:hover{border-color:var(--site-primary)}
.wc-hit .wc-hit-tz{color:#8a94a3;font-size:11.5px}
.wc-hit.is-added{opacity:.45;cursor:default}

.wc-conv{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}
.wc-conv select,.wc-conv input{max-width:12rem}
.wc-conv-result table{width:100%;border-collapse:collapse;font-size:13.5px}
.wc-conv-result th,.wc-conv-result td{padding:.4rem .625rem;border-bottom:1px solid #eef1f5;text-align:left}
.wc-conv-result th{color:#8a94a3;font-weight:600;font-size:12px}
.wc-conv-result td.is-src{color:var(--site-primary);font-weight:600}
.wc-conv-result .wc-t{font-variant-numeric:tabular-nums}

@media (max-width:991.98px){
  .wc-hero{grid-template-columns:1fr}
  .wc-hero-time{font-size:2.1rem}
}