.chat{position:relative}.chat-header{position:fixed;top:0;left:0;width:100%;z-index:10;height:60px;border-bottom:1px solid #e6e7e6;background-color:#f2f7f4;display:flex;justify-content:space-between;align-items:center;padding:0 8px}.chat-header .left{display:flex;align-items:center}.chat-header .left .back-icon{color:#69716d;cursor:pointer}.chat-header .left .profile-container{display:flex;align-items:center;cursor:pointer;margin-left:8px}.chat-header .left .nickname{font-size:16px;font-weight:700;color:#000}.chat-header .left .avatar{width:32px;height:32px;border-radius:50%;margin-right:8px}.chat-content{background-color:#f5f7f6;overflow-y:auto;height:100%;scroll-behavior:smooth;padding:60px 16px 64px}.chat-footer{position:fixed;bottom:0;left:0;width:100%;z-index:10;height:64px;background-color:#fff;padding:0 8px;display:flex;justify-content:space-between;align-items:center}.chat-footer .textarea{border-radius:16px;border:none;background-color:#f5f6f5;padding:8px 12px;margin:12px 8px;flex:1;height:40px;resize:none;overflow:hidden;vertical-align:middle}.chat-footer .camera-icon{width:24px;height:24px;margin:8px;color:#96bfa8}.chat-footer .send-icon{width:24px;height:24px;margin:8px;cursor:pointer}.chat-footer .send-icon.disabled{filter:grayscale(100%);cursor:not-allowed;pointer-events:none}.chat-content .datetime{line-height:30px;padding:18px 0;text-align:center;color:#69716d;font-size:14px;font-weight:700}.chat-content .chat-card{display:flex;align-items:end;margin-bottom:18px}.chat-content .chat-card .avatar{width:32px;height:32px;border-radius:50%}.chat-avatar{width:32px;height:32px;border-radius:50%;cursor:pointer}.chat-content .chat-card .text{max-width:270px;background-color:#fff;padding:6px 12px;color:#252726;font-size:14px;line-height:1.5;border-radius:12px;margin:0 8px;word-break:break-all;white-space:pre-wrap}.chat-content .chat-card .image{max-width:200px;padding:0 6px;border-radius:12px}.chat-content .chat-card.me{justify-content:flex-end}.chat-content .chat-card.me .text{background-color:#dfece3;margin-right:0}.chat-content .chat-card.me .image{max-width:200px;padding:0 6px;border-radius:12px}.chat-content .chat-card .time{color:#252726;font-size:12px}.margin-0{margin-bottom:0!important}