.weather-container {
  display: flex; /* 使用flexbox布局 */
  align-items: center; /* 垂直居中对齐 */
  width: 200px; /* 控制整体宽度 */
  height: 80px; /* 控制整体高度 */

  overflow: hidden; /* 隐藏超出部分 */
}

.weather-icon {
  flex: 0 0 auto; /* 图标固定宽度 */
  width: 70px; /* 控制图标的宽度 */
  height: 70px; /* 图标高度 */
}

.weather-icon img {
  width: 100%; /* 图标自适应宽度 */
  height: auto; /* 保持图标的纵横比 */
}

.weather-info {
  flex: 1; /* 文字区域自适应剩余空间 */
  padding-left: 10px; /* 图标与文字之间的间距 */
  display: flex; /* 使用flexbox布局 */
  flex-direction: column; /* 文字内容垂直排列 */
  justify-content: center; /* 垂直居中对齐 */
}

.temperature,
.position {
  color: black; /* 文字颜色 */
  font-size: 16px; /* 控制字体大小 */
}

.position {
  font-size: 14px; /* 可选：控制位置文字的字体大小 */
}
