测试2

<!-- AI消息模板 -->
<div class="msg-container" style="
    margin-bottom:15px;
    overflow:hidden; /* 清除浮动 */
">
    <!-- 头像 -->
    <div style="
        width:36px;
        height:36px;
        background:#e5e5e5;
        border-radius:50%;
        float:left;
        margin-right:10px;
    "></div>
    
    <!-- 消息气泡 -->
    <div style="
        background:#f1f1f1;
        padding:12px 16px;
        border-radius:18px 18px 18px 4px;
        max-width:75%;
        float:left;
        position:relative;
    ">
        <div style="
            color:#333;
            font-size:15px;
            line-height:1.5;
        ">
            这里是AI消息内容
            
            <!-- 时间戳 -->
            <div style="
                font-size:12px;
                color:#666;
                margin-top:8px;
            ">
                05:19 AI发送
            </div>
        </div>
    </div>
</div>

<!-- 用户消息模板 -->
<div class="msg-container" style="
    margin-bottom:15px;
    overflow:hidden;
">
    <div style="
        background:#0078d4; /* Edge主题色 */
        color:white;
        padding:12px 16px;
        border-radius:18px 18px 4px 18px;
        max-width:75%;
        float:right;
    ">
        <div style="
            font-size:15px;
            line-height:1.5;
        ">
            这里是用户消息
            
            <div style="
                font-size:12px;
                color:rgba(255,255,255,0.9);
                margin-top:8px;
                text-align:right;
            ">
                05:20 ✓✓
            </div>
        </div>
    </div>
</div>