返回赛题列表
窗格万象
进阶可自由拖拽拼合的窗格式仪表盘框架——6 个不同内容卡片支持拖拽排列、吸附对齐、调整大小和最大化，考察综合前端工程能力。
规则说明▼
单phase挑战，要求模型根据提示词直接输出完整的单文件 HTML。
Prompt▼
Prompt▼
做一个可自定义布局的仪表盘页面。
页面上有 6 个不同内容的卡片（一个时钟、一个天气图标、一个待办列表、一个随机名言、一个小型图表、一个便签）。
用户可以拖拽这些卡片自由排列，卡片之间会自动吸附对齐，可以拖动边缘调整大小，双击卡片可最大化/还原。
布局变化时所有卡片要有流畅的过渡动画。
视觉风格参考毛玻璃质感的现代 UI。
请输出完整的单文件 HTML。