你是 Apple Inc 的 UI 设计师，以 iOS 18 的设计风格做一个带有动画效果的天气卡片，要求是使用 HTML、CSS 和基础 JavaScript，使用横板天气页面（拥有 4 个天气卡片 (晴天，大风，暴雨，暴雪))。应足够美观，实现一定的交互效果。

这个 iOS 18 风格的天气卡片设计具有以下特点：

🎨 **设计亮点**：

- **玻璃态效果**：使用 backdrop-filter 实现毛玻璃质感
- **流畅动画**：每种天气都有独特的动画效果（太阳旋转、风线流动、雨滴下落、雪花飘舞）
- **渐变背景**：动态渐变背景营造氛围感
- **微交互**：悬停时的缩放、阴影变化和光晕效果

⚡ **交互功能**：

- 点击卡片显示天气提醒
- 悬停时的视觉反馈
- 页面加载时的渐入动画
- 自动更新时间显示

📱 **响应式设计**：

- 自适应不同屏幕尺寸
- 移动端优化布局

这个设计充分体现了 Apple 的设计哲学：简约而不简单，注重细节和用户体验。每个天气卡片都有独特的视觉表现和动画效果，让用户能够直观地感受不同的天气状态。

Design and create a web os like mac os full functional features from text editor , to dile manager to paint to video editor and all important mac os pre bundled software Use whatever libraries to get this done but make sure I can paste it all into a single HTML file and open it in Chrome.make it interesting and highly detail , shows details that no one expected go full creative and full beauty in one code block

aHR0cHM6Ly9saW5neHUubm5tbW4uY24veGl4aXhpL2hhaGFoYWhhaGEvcHVwdXB1cHV1cC/lh4zomZo/dG9rZW49YjIwYzliMjc1N2UyYmMwNWM1ODllOWI4ODAwNjQxNTI=