.mChat{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#f5f7fb}.mChat,.mChat .mChatHeader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.mChat .mChatHeader{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:54px;padding:0 8px;background:#fff;border-bottom:1px solid #eef2f7}.mChat .mChatHeader .backBtn,.mChat .mChatHeader .sessionBtn{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:0 6px;font-size:20px;color:#3b82f6}.mChat .mChatHeader .headMain{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mChat .mChatHeader .headAvatar{-webkit-box-flex:0;-ms-flex:0 0 32px;flex:0 0 32px;width:32px;height:32px;margin-right:8px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#eef2f7}.mChat .mChatHeader .headText{min-width:0}.mChat .mChatHeader .headTitle{margin:0;font-size:15px;font-weight:600;line-height:20px;color:#1e293b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mChat .mChatHeader .headSub{margin:2px 0 0;font-size:12px;line-height:16px;color:#94a3b8}.mChat .mInfoPanel{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:8px 12px 0;background:#fff;border-radius:12px;-webkit-box-shadow:0 4px 14px rgba(15,23,42,.06);box-shadow:0 4px 14px rgba(15,23,42,.06)}.mChat .mInfoPanel .infoHead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 12px;font-size:13px;color:#3b82f6;cursor:pointer}.mChat .mInfoPanel .infoBody{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 12px 12px}.mChat .mInfoPanel .infoImg{-webkit-box-flex:0;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;height:56px;margin-right:10px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:#eef2f7}.mChat .mInfoPanel .infoText{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.mChat .mInfoPanel .infoTitle{margin:0 0 4px;font-size:14px;font-weight:600;color:#1e293b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mChat .mInfoPanel .infoLine{margin:0 0 2px;font-size:12px;line-height:18px;color:#64748b}.mChat .mInfoPanel .infoPrice{margin:4px 0 0;font-size:14px;font-weight:600;color:#ef4444}.mChat .mMessageBody{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mChat .mSystem{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:8px auto;padding:4px 10px;font-size:12px;line-height:18px;color:#64748b;background:#e5e7eb;border-radius:10px}.mChat .mEmpty{padding:60px 16px;color:#94a3b8;font-size:13px;text-align:center}.mChat .mEmpty i{display:block;margin-bottom:10px;font-size:32px;color:#cbd5e1}.mChat .mEmpty p{margin:0}.mChat .mRow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:14px}.mChat .mRow .mAvatar{-webkit-box-flex:0;-ms-flex:0 0 32px;flex:0 0 32px;width:32px;height:32px;margin-right:8px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#eef2f7}.mChat .mRow .mMain{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:74%;min-width:0}.mChat .mRow .mName{margin:0 0 4px;font-size:12px;line-height:16px;color:#94a3b8}.mChat .mRow .mBubble{padding:10px 12px;font-size:15px;line-height:22px;color:#1f2937;background:#fff;border-radius:10px;border-top-left-radius:2px;word-break:break-word;-webkit-box-shadow:0 2px 8px rgba(15,23,42,.05);box-shadow:0 2px 8px rgba(15,23,42,.05)}.mChat .mRow .mBubble.image{padding:4px}.mChat .mRow .mBubble .mImage{display:block;width:180px;max-width:58vw;height:180px;border-radius:6px}.mChat .mRow .mTime{margin:4px 0 0;font-size:11px;line-height:14px;color:#b0b8c4}.mChat .mRow .mCard{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;background:#fff;border-radius:10px;-webkit-box-shadow:0 2px 8px rgba(15,23,42,.05);box-shadow:0 2px 8px rgba(15,23,42,.05)}.mChat .mRow .mCard .cardImg{-webkit-box-flex:0;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;height:56px;margin-right:10px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:#eef2f7}.mChat .mRow .mCard .cardText{min-width:0}.mChat .mRow .mCard .cardTitle{margin:0 0 4px;font-size:14px;font-weight:600;color:#1e293b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mChat .mRow .mCard .cardLine{margin:0 0 2px;font-size:12px;line-height:18px;color:#64748b}.mChat .mRow .mCard .cardPrice{margin:4px 0 0;font-size:14px;font-weight:600;color:#ef4444}.mChat .mRow.self{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mChat .mRow.self .mAvatar{margin-right:0;margin-left:8px}.mChat .mRow.self .mMain{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.mChat .mRow.self .mName,.mChat .mRow.self .mTime{text-align:right}.mChat .mRow.self .mBubble{color:#fff;background:#3b82f6;border-top-left-radius:10px;border-top-right-radius:2px;-webkit-box-shadow:none;box-shadow:none}.mChat .mSendBox{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eef2f7}.mChat .mSendBox .iconBtn{-webkit-box-flex:0;-ms-flex:0 0 36px;flex:0 0 36px;width:36px;height:36px;margin-right:8px;padding:0;font-size:16px}.mChat .mSendBox .mInput{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.mChat .mSendBox .mInput .el-input__inner{height:40px;line-height:40px;font-size:16px;border-radius:20px}.mChat .mSendBox .sendBtn{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:40px;margin-left:8px;padding:0 16px;font-size:15px;border-radius:20px;background:#3b82f6;border-color:#3b82f6}.mSessionDrawer .sessionList{padding:4px 0}.mSessionDrawer .sessionItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer}.mSessionDrawer .sessionItem.active{background:#f0f7ff}.mSessionDrawer .sessionAvatar{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;width:40px;height:40px;margin-right:10px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#eef2f7}.mSessionDrawer .sessionText{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.mSessionDrawer .sessionTitle{margin:0;font-size:15px;font-weight:600;color:#1e293b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mSessionDrawer .sessionSub{margin:2px 0 0;font-size:12px;color:#3b82f6}.mSessionDrawer .sessionLast{margin:4px 0 0;font-size:12px;color:#94a3b8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mSessionDrawer .sessionTime{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:start;align-self:flex-start;margin-left:8px;font-size:11px;color:#b0b8c4}.mSessionDrawer .sessionEmpty{padding:40px 16px;font-size:13px;color:#94a3b8;text-align:center}