天气仪表盘

使用 HTML5、CSS3、JavaScript 和 OpenWeatherMap API 构建一个全面的天气仪表盘。创建一个视觉上吸引人的界面，显示当前天气状况，并根据天气/一天中的时间使用适当的图标和背景变化。显示详细的 5 天预报，每天带有可展开的逐小时细分。实现带自动补全和历史记录的位置搜索，支持城市名称和坐标。添加地理定位支持以自动检测用户位置。包含温度单位（°C/°F）和时间格式的切换开关。显示恶劣天气警报并进行优先高亮。显示详细的气象数据，包括风速/风向、湿度、气压、紫外线指数和空气质量（如有）。包含日出/日落时间及视觉指示器。使用 CSS Grid 创建完全响应式的布局，适应所有设备尺寸并具有适当的信息密度。