/* 1. 背景整体变暗 */
body {
    background: #0a0808;
}

/* 2. 聊天区域突出（半透明白色底板，让你清楚看到文字） */
.messages {
    background: rgba(20, 18, 18, 0.92);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
}

/* 3. 对方气泡（浅灰底，深色边框） */
.message.incoming .bubble {
    background: #2a2220;
    color: #e8ddd0;
    border: 1px solid #5a403a;
    border-radius: 8px;
}

/* 4. 自己气泡（深灰底，浅色边框） */
.message.outgoing .bubble {
    background: #1e2626;
    color: #c8d0c0;
    border: 1px solid #4a605a;
    border-radius: 8px;
}

/* 5. 输入框（纯黑底，白字） */
#send_textarea {
    background: #111;
    color: #ddd;
    border: 1px solid #444;
    border-radius: 6px;
}