日式沟通人设设置UI界面

精致的日式Web应用新手引导与设置界面（第2步），展示选定沟通风格与关系类型的微调。16:9桌面端UI截图，白色至浅灰色背景，中央内容区域宽约720px，边距宽裕，柔和投影，圆角卡片，极简SaaS UI设计风格。 头部：顶部居中显示带有数字“2”的圆形小徽标及标签「相手タイプの微調整」。其下方为加粗的日语主标题：「選んだ人格を、あなたらしく整えましょう」。标题下方为较小的灰色副标题：「おすすめ設定が用意されています。こだわりたいところだけ調整しても、そのまま進んでも大丈夫です。」 主要布局：垂直排列正好4张手风琴折叠卡片，带有细浅灰边框和圆角。每张卡片包含左侧线条图标、加粗日语标题、较小灰色说明文字和右侧箭头： 1) 折叠卡片：人物图标，标题「友だち・家族」，描述「気心の知れた相手とのカジュアルなやり取り」，向下箭头。 2) 折叠卡片：建筑图标，标题「社内（メンバー）」，描述「チームメンバーや同僚とのやり取り」，向下箭头。 3) 展开状态卡片：[明亮的蓝色]高亮用户图标，标题「社内（上司・別チーム）」，描述「上司や他部署のメンバーとのやり取り」，向上箭头。 4) 折叠卡片：公文包图标，标题「社外・取引先」，描述「取引先やビジネスパートナーとのやり取り」，向下箭头。 展开卡片详情：在第3张卡片内部，包含正好6行设置项，左侧为日语标签，右侧为胶囊分段单选按钮： - 第1行：「敬体」，选项包含「タメ口」、「砕けた敬語」、[明亮的蓝色]选中的「丁寧敬語」、「ビジネス敬語」。 - 第2行：「相手の呼び方」，选项包含[明亮的蓝色]选中的「〜さん」、「〜様」、「あだ名・呼び捨て」、「宛名なし」。 - 第3行：「絵文字」，选项包含「なし」、[明亮的蓝色]选中的「たまに」、「よく」、「相手に合わせる」。 - 第4行：「！？の量」，选项包含「使わない」、[明亮的蓝色]选中的「たまに」、「よく」、「相手に合わせる」。 - 第5行：「書き出し＆締め」，选项包含「なし」、「定型」、[明亮的蓝色]选中的「名乗る」、「相手に合わせる」。 - 第6行：「よく使う絵文字の手札」，展示9个小正方形表情按钮及加号：选中的笑脸、点赞、闪光、汗滴、双心、眼睛、举起双手、礼花、思考脸，随后是“+”。 底部：在折叠面板下方居中放置醒目的圆角[明亮的蓝色]渐变主按钮，带有白色文字「これで作る」。 视觉风格：现代清晰的日本产品UI，深藏青色文字排版，微弱的卡片投影，布局对称宽敞，无浏览器边框，无水印，所有可见UI文本均为纯正日文。