.tips {color: rgba(89, 85, 82, 0.3);font-size: 15px;margin: 3px 0 3px 0;}
.message, .answer {margin: 10px 0;}
.message {display: flex;justify-content: flex-start;}
.message .content {background-color: hsla(198, 32%, 92%, 0.267);padding: 10px 12px;max-width: 60%;box-sizing: border-box;border-radius: 25px;}

/* .hljs {
    display: block;
    overflow-x: auto;
    background: #282c34;
    border-radius: 10px;
    white-space: pre-wrap;
    word-wrap: break-word;
} */

code {width: 100%;background-color: #f7f2f5;padding: 2px 5px;box-sizing: border-box;border-radius: 10px;white-space: pre-wrap;}
.text-wrapper {margin-top: 20px;margin-bottom: 10px;}
.chat-textarea {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
    resize: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    background-color: #ffffff;
    outline: none;
    overflow-y: auto;
    overflow-x: hidden;
}
.chat-textarea:focus {border-color: #007bff;box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);}
.button-container {display: flex;align-items: center; /* 垂直居中对齐项目 */gap: 10px; /* 按钮之间的空间 */}
.chat-send {height: 30px;width: 70px;background-color: #e0dacb;border-radius: 3px;letter-spacing: 1px;transition: all 0.2s linear;cursor: pointer;border: none;}
.chat-clear {height: 30px;border: none;border-radius: 3px;padding: 8px;font-weight: bold;outline: none;}
.tips-openai {color: #979a93;}
.login-container {margin-top: 5px;margin-bottom: 7px;}
.login-text {font-size: 16px;color: #666;margin-bottom: 10px;}
.login-button {padding: 10px 20px;font-size: 16px;background-color: #8fc993;color: #fff;border: none;border-radius: 5px;cursor: pointer;}
.register-link {font-size: 14px;color: #666;text-decoration: none;display: block;margin-top: 16px;}