.page-module__-5BmTW__container{max-width:900px;height:calc(100vh - 100px);margin:0 auto;padding:20px}.page-module__-5BmTW__chatWrapper{background:#fff;border:1px solid #ff8c001a;border-radius:20px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 30px #ff8c0014}.page-module__-5BmTW__chatHeader{background:linear-gradient(135deg,#fff5eb,#fff);border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.page-module__-5BmTW__headerLeft{align-items:center;gap:12px;display:flex}.page-module__-5BmTW__title{color:#1a1a1a;margin:0;font-size:1.3rem;font-weight:800}.page-module__-5BmTW__onlineCount{color:#888;background:#f5f5f5;border-radius:12px;padding:4px 10px;font-size:.8rem}.page-module__-5BmTW__headerActions{gap:8px;display:flex}.page-module__-5BmTW__headerBtn{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;padding:8px 14px;font-size:.85rem;transition:all .2s}.page-module__-5BmTW__headerBtn:hover,.page-module__-5BmTW__headerBtn.page-module__-5BmTW__active{color:#ff8c00;background:#ff8c0026}.page-module__-5BmTW__searchBar{background:#fafafa;border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 24px;display:flex}.page-module__-5BmTW__searchInput{background:#fff;border:none;border-radius:20px;flex:1;padding:10px 16px;font-family:inherit;font-size:.9rem}.page-module__-5BmTW__searchInput:focus{outline:none;box-shadow:0 0 0 2px #ff8c0033}.page-module__-5BmTW__searchCount{color:#888;font-size:.8rem}.page-module__-5BmTW__pinnedSection{background:linear-gradient(135deg,#fff8e1,#fff);border-bottom:1px solid #ffb40033;padding:12px 24px}.page-module__-5BmTW__pinnedLabel{color:#ff8c00;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700}.page-module__-5BmTW__pinnedMessage{color:#555;padding:6px 0;font-size:.85rem}.page-module__-5BmTW__pinnedSender{color:#333;margin-right:6px;font-weight:600}.page-module__-5BmTW__pinnedText{color:#666}.page-module__-5BmTW__messagesArea{flex:1;padding:20px 24px;position:relative;overflow-y:auto}.page-module__-5BmTW__messagesList{flex-direction:column;gap:16px;display:flex}.page-module__-5BmTW__messageRow{align-items:flex-start;gap:10px;display:flex}.page-module__-5BmTW__messageRow.page-module__-5BmTW__own{flex-direction:row-reverse}.page-module__-5BmTW__messageAvatar{flex-shrink:0;width:36px;height:36px}.page-module__-5BmTW__messageAvatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.page-module__-5BmTW__avatarPlaceholder{color:#fff;background:linear-gradient(135deg,#ff8c00,#ff6b00);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:.85rem;font-weight:700;display:flex}.page-module__-5BmTW__messageContent{flex-direction:column;max-width:70%;display:flex}.page-module__-5BmTW__messageRow.page-module__-5BmTW__own .page-module__-5BmTW__messageContent{align-items:flex-end}.page-module__-5BmTW__senderName{color:#888;margin-bottom:4px;padding-left:12px;font-size:.75rem;font-weight:600}.page-module__-5BmTW__replyPreview{background:#ff8c0014;border-left:3px solid #ff8c00;border-radius:8px;margin-bottom:4px;padding:6px 12px;font-size:.8rem}.page-module__-5BmTW__replyName{color:#ff8c00;margin-right:6px;font-weight:600}.page-module__-5BmTW__replyText{color:#888}.page-module__-5BmTW__messageBubble{background:#f0f0f0;border-radius:4px 18px 18px;padding:12px 16px}.page-module__-5BmTW__messageRow.page-module__-5BmTW__own .page-module__-5BmTW__messageBubble{color:#fff;background:linear-gradient(135deg,#ff8c00,#ff6b00);border-radius:18px 4px 18px 18px}.page-module__-5BmTW__messageText{word-wrap:break-word;margin:0;font-size:.95rem;line-height:1.5}.page-module__-5BmTW__messageFooter{align-items:center;gap:10px;margin-top:4px;padding-left:12px;display:flex}.page-module__-5BmTW__messageRow.page-module__-5BmTW__own .page-module__-5BmTW__messageFooter{padding-left:0;padding-right:12px}.page-module__-5BmTW__messageTime{color:#999;font-size:.7rem}.page-module__-5BmTW__replyMsgBtn{color:#888;cursor:pointer;background:0 0;border:none;font-size:.7rem;font-weight:600}.page-module__-5BmTW__replyMsgBtn:hover{color:#ff8c00}.page-module__-5BmTW__newMsgIndicator{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#ff8c00,#ff6b00);border:none;border-radius:20px;padding:10px 20px;font-size:.85rem;font-weight:600;animation:.5s page-module__-5BmTW__bounce;position:absolute;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #ff8c0066}@keyframes page-module__-5BmTW__bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.page-module__-5BmTW__replyBar{background:#ff8c001a;border-top:1px solid #ff8c0033;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.page-module__-5BmTW__replyBarContent{align-items:center;gap:8px;font-size:.85rem;display:flex}.page-module__-5BmTW__replyBarLabel{color:#888}.page-module__-5BmTW__replyBarName{color:#ff8c00;font-weight:600}.page-module__-5BmTW__replyBarText{color:#666}.page-module__-5BmTW__cancelReply{color:#666;cursor:pointer;background:#ddd;border:none;border-radius:50%;width:24px;height:24px;font-size:.7rem}.page-module__-5BmTW__cancelReply:hover{background:#ccc}.page-module__-5BmTW__inputArea{background:#fafafa;border-top:1px solid #eee;align-items:center;gap:10px;padding:16px 24px;display:flex}.page-module__-5BmTW__nameInput{background:#fff;border:none;border-radius:20px;flex-shrink:0;width:120px;padding:12px 14px;font-family:inherit;font-size:.9rem}.page-module__-5BmTW__nameInput:focus{outline:none;box-shadow:0 0 0 2px #ff8c0033}.page-module__-5BmTW__inputAvatar{flex-shrink:0;width:36px;height:36px}.page-module__-5BmTW__inputAvatar img{object-fit:cover;border:2px solid #ff8c00;border-radius:50%;width:100%;height:100%}.page-module__-5BmTW__inputAvatarPlaceholder{color:#fff;background:linear-gradient(135deg,#ff8c00,#ff6b00);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.page-module__-5BmTW__messageInput{background:#fff;border:none;border-radius:24px;flex:1;padding:12px 18px;font-family:inherit;font-size:1rem}.page-module__-5BmTW__messageInput:focus{outline:none;box-shadow:0 0 0 2px #ff8c0033}.page-module__-5BmTW__sendBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8c00,#ff6b00);border:none;border-radius:24px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s}.page-module__-5BmTW__sendBtn:hover:not(:disabled){box-shadow:0 4px 15px #ff8c0066}.page-module__-5BmTW__sendBtn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:600px){.page-module__-5BmTW__container{height:calc(100vh - 80px);padding:10px}.page-module__-5BmTW__chatHeader{padding:12px 16px}.page-module__-5BmTW__title{font-size:1.1rem}.page-module__-5BmTW__messagesArea{padding:16px}.page-module__-5BmTW__messageContent{max-width:85%}.page-module__-5BmTW__inputArea{flex-wrap:wrap;padding:12px 16px}.page-module__-5BmTW__nameInput{width:100%;margin-bottom:8px}}