Build a mobile drawer menu with Tailwind CSS: a hamburger button that slides a full-height panel in from the right over a dimmed backdrop, holding the nav links as large tap targets, collapsible sub-sections, and the account actions at the bottom. Trap focus inside the drawer while open, close on backdrop click or Escape, and animate with a transform transition. Lock body scroll while the drawer is open.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。