Хочу современную и красивую карточку сообщения на форуме:


 
Раздели карточку на две части: слева текст сообщения, справа — информация об авторе. Карточку растяни на всю ширину.
 
 
У текста сделай слегка светло-бежевый фон, мягкие скруглённые углы и лёгкую тень, чтобы он выглядел как отдельная карточка.
 
 
В левом верхнем углу блока выведи дату и время публикации мелким серым шрифтом.
 
Основной текст сообщения сделай читаемым, с нормальными отступами, чтобы текст «дышал».
 
Под текстом добавь блок иконок для управления сообщением с эффектом при наведении.

Справа сделай блок автора (фиксированная ширина 240px):


 
Добавь круглый аватар среднего размера.
 
 
Под аватаром выведи имя пользователя крупнее и добавь статус пользователя.
 
 
Под именем выведи ранг и группу мелким серым текстом.
 
 
Всё выровняй по центру блока автора.
 
 
Если сообщение написал автор темы, покажи под именем небольшую плашку «Автор темы» с градиентом.
 
 
Не забывай про нормальные отступы между элементами.
 

 


 
Между текстом и блоком автора добавь тонкую вертикальную линию, которая при наведении на карточку меняет цвет (например, с серого на синий).
 
Сама карточка должна выглядеть «воздушной»: отступы внутри карточек не меньше 24px, расстояние между текстом и блоком автора тоже оставь заметным, но небольшим.
 
 
Цветовая схема — светлая, шрифты современные и аккуратные, ссылки выделены синим. Общий задний фон — белый.
 
 
Добавь лёгкую анимацию при появлении карточки — например, плавное «выскальзывание» снизу или мягкое появление с прозрачности.
 
При наведении на аватар сделай лёгкое увеличение и появление тени, а имя пользователя пусть подсвечивается.
 
 Сделай плавные переходы для наведения на аватар и имя пользователя — лёгкое увеличение или тень, чтобы было ощущение интерактивности.
 
 
Обязательно сделай всё адаптивным: на десктопе две колонки (левая — текст, правая — блок автора); на мобильных сначала текст сообщения, а блок с аватаром и именем автора — ниже текста. Все элементы должны корректно отображаться и на десктопе, и на мобилке.


 Сгенерируй готовый CSS для вставки в таблицу стилей и HTML код для этой карточки, чтобы я мог вставить его в шаблон.