/* uzs2 学伴 Humo —— 气泡与头像; 颜色只用 site.css 变量 */
.ms{display:flex;align-items:flex-end;gap:10px;margin:10px 0 14px;max-width:100%}
.ms-av{flex-shrink:0;width:64px;height:64px;color:var(--ink);line-height:0}
.ms-av svg{display:block;width:100%;height:100%;overflow:visible}
.ms-bb{position:relative;flex:1;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);border-bottom-left-radius:4px;padding:10px 13px;font-size:14px;line-height:1.5;color:var(--ink);box-shadow:var(--sh)}
.ms-bb::before{content:"";position:absolute;left:-7px;bottom:10px;width:12px;height:12px;background:var(--card);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.ms-uz{font-style:normal;font-weight:800;color:var(--cobalt)}
/* 心情小动作: 打招呼轻摆, 欢呼跳一下, 困了慢慢点头 */
.ms-hi .ms-av svg{animation:ms-wave 2.4s ease-in-out infinite;transform-origin:50% 80%}
.ms-cheer .ms-av svg{animation:ms-jump 1.6s ease-in-out infinite}
.ms-sleepy .ms-av svg{animation:ms-nod 3.2s ease-in-out infinite;transform-origin:50% 90%}
@keyframes ms-wave{0%,100%{transform:rotate(0)}30%{transform:rotate(-4deg)}60%{transform:rotate(3deg)}}
@keyframes ms-jump{0%,100%{transform:translateY(0)}35%{transform:translateY(-5px)}55%{transform:translateY(0)}}
@keyframes ms-nod{0%,100%{transform:rotate(0)}50%{transform:rotate(5deg)}}
@media (prefers-reduced-motion:reduce){.ms .ms-av svg{animation:none}}
/* 小号(列表/角落用): <div class="ms ms-sm"> */
.ms-sm .ms-av{width:44px;height:44px}.ms-sm .ms-bb{font-size:13px;padding:8px 11px}