天气仪表盘

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