/* ========== 天气卡片 ========== */
#weather-panel {
  padding: 4px;
}

#weather-panel .weather-main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 8px 0 4px;
}

#weather-panel .weather-icon {
  font-size: 2.8rem;
  line-height: 1;
  color: var(--navy-mid);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.5px var(--navy-mid);
  filter: drop-shadow(0 2px 4px var(--navy-mid-30));
  animation: weather-float 3s ease-in-out infinite;
}

#weather-panel .weather-temp {
  font-size: 2rem;
  font-weight: 700;
  color: #2d3748;
  letter-spacing: -1px;
}

#weather-panel .weather-temp::after {
  content: 'C';
  font-size: 0.9rem;
  font-weight: 500;
  color: #718096;
  margin-left: 1px;
}

#weather-panel .weather-desc {
  text-align: center;
  color: var(--navy-mid);
  font-size: 0.95rem;
  font-weight: 500;
  margin-top: 6px;
  letter-spacing: 0.5px;
}

#weather-panel .weather-place {
  text-align: center;
  color: #a0aec0;
  font-size: 0.8rem;
  margin-top: 2px;
}

/* 暗色模式 */
[data-theme="dark"] #weather-panel .weather-temp {
  color: #e2e8f0;
}

[data-theme="dark"] #weather-panel .weather-temp::after {
  color: #a0aec0;
}

[data-theme="dark"] #weather-panel .weather-desc {
  color: var(--blue-light);
}

[data-theme="dark"] #weather-panel .weather-icon {
  color: var(--blue-light);
  -webkit-text-stroke-color: var(--blue-light);
}

[data-theme="dark"] #weather-panel .weather-place {
  color: #718096;
}

/* ========== 新增：日期 + 时间 ========== */
#weather-panel .weather-datetime {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 6px;
  line-height: 1.5;
}

#weather-panel .weather-date {
  font-size: 0.85rem;
  font-weight: 500;
  color: #4a5568;
  letter-spacing: 0.3px;
}

#weather-panel .weather-time {
  font-size: 0.75rem;
  font-weight: 400;
  color: #888888;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.5px;
}

/* ========== 新增：湿度 + 地点行 ========== */
#weather-panel .weather-details {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 0.8rem;
  color: #a0aec0;
}

#weather-panel .weather-humidity {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #718096;
}

/* 暗色模式适配 */
[data-theme="dark"] #weather-panel .weather-date {
  color: #cbd5e0;
}

[data-theme="dark"] #weather-panel .weather-time {
  color: #718096;
}

[data-theme="dark"] #weather-panel .weather-details {
  border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] #weather-panel .weather-humidity {
  color: #a0aec0;
}