Complete playful Code workbench styling in real navigation

src/pages/Chat/TeacherChatPanel.tsx

@@ -370,8 +370,8 @@ export function TeacherChatPanel({
   return (
     <aside className={cn('consultation-pane flex h-full min-h-0 w-full flex-col', role === 'friend' && 'consultation-friend')}
       data-testid="teacher-chat-panel" data-role={role ?? 'teacher'} aria-label={`${label}聊天`}>
-      <header className="flex h-[68px] shrink-0 items-center gap-3 px-5">
-        <img className="h-9 w-9 rounded-xl [image-rendering:pixelated]" src={avatar} alt="" />
+      <header className="consultation-header flex h-[68px] shrink-0 items-center gap-3 px-5">
+        <img className="consultation-avatar h-9 w-9 rounded-xl [image-rendering:pixelated]" src={avatar} alt="" />
         <div className="min-w-0 flex-1"><h2 className="truncate text-sm font-semibold">{definition?.name ?? (role === 'friend' ? '小麦' : '麦洛老师')}</h2>
           <p className="mt-1 text-[11px] text-muted-foreground">{draftRevision ? '运营草稿试聊' : role === 'friend' ? '陪你体验，也听你说' : !role ? '结合当前会话和项目文件答疑' : '一起想清楚，再动手'}</p></div>
         {onExpand && <button className="consult-icon" aria-label={expanded ? '恢复咨询栏宽度' : '展开咨询栏'} onClick={onExpand}><Maximize2 className="h-4 w-4" /></button>}