日语人格设置 UI

生成一个简洁的日语 SaaS 入门界面，用于自定义沟通语气和关系设置。

提示词

目标：创建一个简洁的日语 Web 应用入门/设置界面（步骤 2），展示对所选沟通人格或关系类型的微调。画布：16:9 桌面截图，白色至极浅灰色背景，居中内容列宽约 720 px，留白充裕，柔和阴影，圆角卡片，极简 SaaS UI 风格。页眉：在顶部居中位置，显示一个蓝色小圆徽标，内含数字“2”，后接标签「相手タイプの微调整」。下方放置加粗的日语标题：「选んだ人格を、あなたらしく整えましょう」。标题下方添加较小的灰色副标题：「おすすめ设定が用意されています。こだわりたいところだけ调整しても、そのまま进んでも大丈夫です。」主要布局：垂直堆叠 4 个手风琴卡片。每个卡片左侧带有图标、加粗的日语标题、较小的灰色描述，右侧带有箭头。4 个卡片分别为：1) 折叠状态，人物图标，标题「友だち・家族」，描述「気心の知れた相手とのカジュアルなやり取り」，向下箭头；2) 折叠状态，建筑图标，标题「社内（メンバー）」，描述「チームメンバーや同僚とのやり取り」，向下箭头；3) 展开状态（选中），蓝色高亮用户图标，标题「社内（上司・别チーム）」，描述「上司や他部署のメンバーとのやり取り」，向上箭头；4) 折叠状态，公文包图标，标题「社外・取引先」，描述「取引先やビジネスパートナーとのやり取り」，向下箭头。展开卡片详情：在第三个卡片内，创建 6 行设置项，左侧为日语标签，右侧为分段式胶囊控件。第 1 行标签「敬体」，包含 4 个选项：「タメ口」、「砕けた敬语」、选中「丁寧敬语」、「ビジネス敬语」。第 2 行标签「相手の呼び方」，包含 4 个选项：选中「〜さん」、「〜様」、「あだ名・呼び捨て」、「宛名なし」。第 3 行标签「絵文字」，包含 4 个选项：「なし」、选中「たまに」、「よく」、「相手に合わせる」。第 4 行标签「！？の量」，包含 4 个选项：「使わない」、选中「たまに」、「よく」、「相手に合わせる」。第 5 行标签「書き出し＆缔め」，包含 4 个选项：「なし」、「定型」、选中「名乗る」、「相手に合わせる」。第 6 行标签「よく使う絵文字の手札」，显示 9 个小方形表情符号按钮，后接一个加号：选中笑脸、点赞、闪光、汗滴、双心、眼睛、举手、礼花、思考表情，最后是“+”。页脚：在手风琴堆叠下方，居中放置一个醒目的圆角蓝色渐变主按钮，文字为白色「これで作る」。视觉风格：清爽的现代日语产品 UI，细浅灰色边框，微妙的卡片阴影，选中控件和激活图标背景使用蓝色强调色，黑色/深蓝色标题，灰色辅助文本。保持构图对称且宽敞。无浏览器边框，无水印，无额外文字。使用 bright blue 作为激活选中颜色，并确保所有可见 UI 文本均为日语。