/* 响应式样式 */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
    }
    
    .action-buttons {
        flex-direction: column;
    }
    
    /* 移动设备上连接信息容器改为垂直排列 */
    .connection-info-container {
        flex-direction: column;
    }
    
    .message {
        max-width: 85%;
    }
    
    .emoji-picker {
        width: 80%; /* 在移动设备上调整为80%宽度 */
    }
    
    /* 移动设备上调整按钮宽度 */
    .emoji-btn, .file-btn, .clear-btn {
        width: 50px;
    }
    
    .send-btn {
        width: 100px;
    }
    
    /* 移动设备上调整输入框高度 */
    #messageInput {
        min-height: 120px;
    }
    
    /* 修改1: 移除链接信息框的焦点边框样式（响应式） */
    #localInfo:focus, #remoteInfo:focus {
        outline: none;
        box-shadow: none;
        border: none;
    }
}