用途：Account Settings 是已认证用户集中管理账户配置、安全偏好、通知设置和个人数据的界面，是用户与应用关系的控制中心。相关选项应逻辑分组，破坏性操作需确认，保存后给出清晰反馈，敏感操作应要求重新认证。
适用场景：更改账户邮箱或密码；管理通知偏好（邮件、推送、应用内）；配置隐私与数据共享；设置或管理双因素认证；管理已连接应用和社交登录提供商；删除或停用账户。
避免场景：面向公众的资料展示应使用 User Profile；影响所有用户的应用级设置应使用管理面板；首次配置引导应使用 onboarding wizard；工作区特定的内容或项目设置应使用项目设置。
实现流程：确认模式与问题和约束匹配后再复制示例；从 references/pattern.md 的组成与示例出发，选择最小可行变体；先应用无障碍、性能和交互护栏，再做视觉打磨；使用测试指引验证键盘、屏幕阅读器、响应式和失败场景。
无障碍护栏：使用正确标题层级（分区用 h2，条目用 h3）；为所有表单字段关联标签；用 aria-live="polite" 播报保存状态；设置导航用 <nav> 并带 aria-label；活动导航项用 aria-current。不要仅靠颜色表示启用/禁用；破坏性更改不得未经确认自动保存；不必为每项设置都弹模态框，内联编辑更快。
性能目标：整页加载 < 200ms，保存往返 < 500ms，切换视觉反馈 < 50ms，分区导航 < 50ms。可用懒加载分区，例如 const SecuritySettings = lazy(() => import('./SecuritySettings'));。
常见错误：全页共用一个“全部保存”按钮会导致需滚动保存且不清楚哪些改动生效，应按分区独立保存并各自反馈；敏感更改无重新认证会让攻击者借会话接管账户，改邮箱、密码、安全设置或删除账户前应要求当前密码或 2FA 验证码；删除账户无确认会一键永久销毁，应采用多步确认，可要求输入 DELETE 或邮箱，并提供恢复宽限期。相关模式包括密码重置、社交登录、双因素认证与用户资料。完整实现细节、示例和测试说明见 references/pattern.md。