.chat-history{height:100vh;overflow-y:auto;overflow-x:hidden;background:#eee;max-width:1200px;margin:0 auto;width:100%}.chat-history.is--empty{height:100vh}.chat-history.is--empty,.chat-history.is--empty .chat-history--container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.chat-history.is--empty .chat-history--container{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.chat-history.is--empty .no-record{font-weight:600;font-size:14px;line-height:20px;color:#aaa}.chat-history--title{font-size:12px;color:#999;line-height:16px;margin:10px 0 27px;text-align:center}.chat-history--container{padding:20px 20px 0}.chat-history--message{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:20px}.chat-history--message__content{max-width:50%;font-size:14px;line-height:19px;padding:8.5px 20px;word-break:break-all}.chat-history--message__content img{max-width:300px;max-height:300px;width:auto;height:auto;object-fit:contain;border-radius:4px}.chat-history--message.other .chat-history--message__content{background-color:#000;color:#fff;border-radius:10px;border-top-left-radius:0}.chat-history--message.other .chat-history--message__main{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.chat-history--message.self .chat-history--message__avatar{display:none}.chat-history--message.self .chat-history--message__info{text-align:right}.chat-history--message.self .chat-history--message__content{background-color:#fff;color:#000;border-radius:10px;border-top-right-radius:0}.chat-history--message.self .chat-history--message__main{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.chat-history--message__main{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.chat-history--message__avatar,.chat-history--message__main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.chat-history--message__avatar{height:36px;width:36px;margin-right:10px;background:#fff;border-radius:50%;overflow:hidden;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.chat-history--message__avatar img{width:16px}.chat-history--message__info{font-size:12px;line-height:16px;color:#bdbdbd;margin-left:46px;margin-bottom:4px}.chat-history--message__time{margin-left:8px}.chat-history-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 70px);max-width:1200px;margin:0 auto;width:100%}.chat-history-wrapper .chat-history{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:auto;max-width:none;margin:0}.chat-history-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:16px 20px;background:#fff;border-top:1px solid #eee}.chat-history-footer .download-btn{padding:10px 32px;background:#000;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:background .2s ease;transition:background .2s ease}.chat-history-footer .download-btn:hover{background:#333}.chat-history-footer .download-btn:active{background:#555}