生成MBTI主题配色方案代码
提示词描述：
适合UI设计师和前端开发者为MBTI相关项目选择配色。提供的配色方案经过对比度验证，可直接用于网页、App或设计稿，节省配色试错时间。
提示语关键词：
MBTI配色方案,AI生成配色,CSS配色代码,UI设计配色,前端颜色变量,设计师配色工具
提示词内容：
请帮我生成16种MBTI类型的专属配色方案，以CSS变量和SCSS变量的形式输出。
配色逻辑：根据MBTI四维度特性设计配色。E（外向）用暖色调，I（内向）用冷色调。S（实感）用饱和度低的颜色，N（直觉）用饱和度高的颜色。T（思考）用冷色系，F（情感）用暖色系。J（判断）用稳定色，P（感知）用活泼色。
输出格式：每种类型生成主色、辅色、背景色、文字色、强调色5个变量。示例：
INTJ配色：
--primary: #2C3E50;
--secondary: #8E44AD;
--bg: #1A1A2E;
--text: #ECF0F1;
--accent: #E74C3C;
使用规范：提供每个配色的使用场景说明（如主色用于按钮，辅色用于图标等）。确保所有配色组合的对比度符合WCAG 2.1 AA标准。
额外输出：生成一个HTML预览页面，展示所有16种配色方案的实际效果，包含按钮、卡片、文字等示例元素。