Build a product app bar with Tailwind CSS: a top row with the logo, a centered search input with a keyboard shortcut hint (⌘K), and an avatar or account menu on the right; below it a row of section tabs with the active one underlined. Keep the search input at a comfortable width (max-w-md), show the shortcut hint inside the field on desktop only, and make the tabs horizontally scrollable on mobile with the scrollbar hidden.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。