Build a navigation bar with a mega dropdown in Tailwind CSS: a top-level item that opens a full-width panel on hover (and on focus, for keyboard users), with links grouped into three or four columns under small category headings, plus a featured card at the right edge. Animate the panel with a short fade-and-slide, keep it open while the pointer is inside, and close on Escape or outside click. On mobile the same links become an accordion.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。