*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a}.dlg-page{display:flex;height:100%;min-height:0}.dlg-left{width:320px;flex-shrink:0;border-right:1px solid #e4e4e4;display:flex;flex-direction:column;min-height:0}.dlg-left-header{font-size:18px;font-weight:700;padding:12px 16px}.dlg-search{display:block;width:calc(100% - 32px);margin:8px 16px;padding:8px 10px;border-radius:8px;border:1px solid #ddd;font-size:14px;font-family:inherit}.dlg-list{flex:1;overflow-y:auto;min-height:0}.dlg-empty-list{text-align:center;color:#888;padding:32px 16px}.dlg-item{padding:8px 12px;margin:4px;display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:10px}.dlg-item:hover{background:#f2f2f2}.dlg-item.dlg-item-active{background:#e7f3ff}.dlg-avatar{position:relative;flex-shrink:0;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;-webkit-user-select:none;user-select:none}.dlg-avatar-sm{width:36px;height:36px;font-size:13px}.dlg-avatar-ban{position:absolute;right:-2px;bottom:-2px;font-size:13px;line-height:1}.dlg-mid{flex:1;min-width:0}.dlg-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlg-preview{margin-top:2px;font-size:13px;color:#707579;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlg-preview-out-prefix{color:#3390ec}.dlg-preview-empty{font-style:italic}.dlg-right-col{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.dlg-time{font-size:12px;color:#95999e}.dlg-badge{min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#3390ec;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.dlg-chat{flex:1;min-width:0;display:flex;flex-direction:column;background:#e7ebf0}.dlg-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8a8f97}.dlg-chat-empty-icon{font-size:48px;opacity:.35}.dlg-chat-header{flex-shrink:0;background:#fff;padding:10px 16px;border-bottom:1px solid #e4e4e4;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dlg-chat-header-info{flex:1;min-width:0}.dlg-chat-header-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlg-chat-header-sub{font-size:12px;color:#707579;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlg-assign-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.dlg-assign-item{display:flex;align-items:center;gap:4px}.dlg-assign-label{font-size:12px;color:#707579}.dlg-assign{font-size:13px;padding:4px 6px;border-radius:6px;border:1px solid #ddd;max-width:140px;font-family:inherit}.dlg-ban-btn{flex-shrink:0;border:1px solid #ddd;background:#fff;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.dlg-ban-btn:disabled{opacity:.6;cursor:default}.dlg-ban-btn-danger{color:#d33;border-color:#f3c9c9}.dlg-messages{flex:1;overflow-y:auto;padding:16px 10%;display:flex;flex-direction:column;min-height:0}.dlg-msg-row{display:flex;flex-direction:column}.dlg-date-sep{align-self:center;background:#fffc;color:#707579;font-size:12px;padding:4px 10px;border-radius:12px;margin:12px auto}.dlg-bubble{max-width:480px;padding:8px 12px;margin:2px 0;border-radius:12px;font-size:14px;line-height:1.35;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px 1px #00000014}.dlg-bubble-sender{font-size:12px;font-weight:600;color:#3390ec;margin-bottom:2px}.dlg-bubble:after{content:"";display:block;clear:both}.dlg-bubble-in{align-self:flex-start;background:#fff;border-bottom-left-radius:4px}.dlg-bubble-out{align-self:flex-end;background:#effdde;border-bottom-right-radius:4px}.dlg-bubble-time{float:right;margin-left:8px;font-size:11px}.dlg-bubble-time-in{color:#95999e}.dlg-bubble-time-out{color:#7c8b6f}.dlg-input-row{flex-shrink:0;background:#fff;padding:10px 12px;border-top:1px solid #e4e4e4;display:flex;align-items:center;gap:8px}.dlg-input{flex:1;border:none;outline:none;font-size:14px;padding:8px;font-family:inherit}.dlg-send-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:#3390ec;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}.dlg-send-btn:disabled{opacity:.5;cursor:default}