Build an email preferences page with Tailwind CSS: a header explaining the visitor is managing subscriptions for one address, then a list of subscription categories (product news, tips, billing alerts, events) each with a toggle and a frequency select where relevant, plus a global "unsubscribe from all" action separated at the bottom behind a warning tone. Distinguish transactional emails as non-optional with a muted locked row, save changes with an inline confirmation, and offer a one-click resubscribe link after unsubscribing.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。