日系溝通人設設定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文字均為純正日文。