/* ============================================
   天气小条 —— 模块自己的样式（跟 base.css 分开）
   一张卡，挂在归档顶部（app.js 塞进 .arc-slot）。
   ============================================ */

.weather {
  display: flex; align-items: baseline; gap: 10px;
  padding: 14px 20px;
  border: 1px solid var(--smoked-edge);
  border-radius: var(--radius-card);
  background: var(--smoked-fill);
  box-shadow: var(--smoked-shadow);
  font-size: 15px;
}
.weather-label {
  font-family: var(--font-mono);
  font-size: 11px; letter-spacing: .2em;
  color: var(--signal);
}
.weather-body { color: var(--text); }
.weather-credit {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 10.5px; letter-spacing: .04em;
  color: var(--dim);
  transition: color .2s;
}
.weather-credit:hover { color: var(--muted); }