/* 补充的背景椭圆样式 - 放回文件末尾，或在 .chat-app 定义处 */
.chat-app::before,
.chat-app::after {
    content: '';
    position: absolute;
    width: 461.59375px;
    height: 314px;
    border-radius: 16777200px;
    pointer-events: none;
    z-index: -1;
    filter: blur(60px); /* 增加柔和模糊 */
}

/* 左上米黄色背景椭圆 */
.chat-app::before {
    background: rgb(255, 249, 240);
    top: -78.5px;
    left: -115.3984375px;
}

/* 右下浅蓝色背景椭圆 */
.chat-app::after {
    background: rgb(240, 248, 255);
    bottom: -78.5px;
    right: -115.3984375px;
}