/* 话老师 · 聊天组件（AI 反击 / AI 陪练 / 好友互测·陪练挑战 共用）
   本文件只放「布局」规则（头像行/气泡列/名字/系统行）；
   气泡底色与星级等样式在 css/site.css：.c-role / .c-user / .c-tip / .c-advice / .c-stars / .c-thinking / .c-empty。
   历史上 .c-row/.c-ava/... 在 ai-fight.php 与 ai-coach.php 各内联一份，2026-09-14 统一抽到这里。 */
.c-row { display:flex; gap:8px; margin:14px 0; align-items:flex-start; }
.c-row.c-me { flex-direction:row-reverse; }
.c-ava { width:36px; height:36px; border-radius:50%; flex:0 0 36px; display:flex; align-items:center; justify-content:center; font-size:19px; background:#f0ece2; }
.c-row.c-me .c-ava { background:#1A1A2E; }
.c-col { min-width:0; max-width:80%; display:flex; flex-direction:column; }
.c-row.c-me .c-col { align-items:flex-end; }
.c-name { font-size:11.5px; color:#999; margin:0 4px 4px; }
.c-sys { text-align:center; font-size:12px; color:#aaa; margin:8px 0; }