.chat-page[data-v-2212f7d4]{padding-top:85px;height:100vh;width:1280px;margin:0 auto}.chat-page .chat-layout[data-v-2212f7d4]{height:calc(100vh - 85px);display:flex;gap:16px;padding:16px;box-sizing:border-box}.chat-page .chat-list[data-v-2212f7d4]{width:208px;height:100%;background:#fff;border-radius:24px;box-shadow:0 6px 12px rgba(69,74,99,.08);overflow:hidden}.chat-page .chat-list-scroll[data-v-2212f7d4]{height:100%}.chat-page .chat-list-inner[data-v-2212f7d4]{height:100%;padding:16px;box-sizing:border-box}.chat-page .chat-list-item[data-v-2212f7d4]{height:64px;display:flex;align-items:center;padding:10px 12px;box-sizing:border-box;cursor:pointer;border-bottom:.5px solid rgba(0,0,0,.1)}.chat-page .chat-list-item.is-active[data-v-2212f7d4],.chat-page .chat-list-item[data-v-2212f7d4]:hover{background:#eff1f2}.chat-page .chat-avatar[data-v-2212f7d4]{width:37px;height:37px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;flex:0 0 auto}.chat-page .chat-list-text[data-v-2212f7d4]{flex:1 1 auto;min-width:0;padding-left:10px}.chat-page .chat-unread-badge[data-v-2212f7d4]{margin-left:8px;min-width:18px;height:18px;line-height:18px;padding:0 6px;border-radius:999px;background:#d81b60;color:#fff;font-size:12px;text-align:center;flex:0 0 auto}.chat-page .chat-list-top[data-v-2212f7d4]{display:flex;align-items:center;justify-content:space-between;line-height:18px}.chat-page .chat-name[data-v-2212f7d4]{font-size:14px;color:#2c2f30;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-page .chat-time[data-v-2212f7d4]{font-size:12px;color:rgba(89,92,93,.7);flex:0 0 auto;margin-left:8px}.chat-page .chat-preview[data-v-2212f7d4]{margin-top:6px;font-size:12px;color:rgba(89,92,93,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-page .chat-panel[data-v-2212f7d4]{flex:1 1 auto;height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;border-radius:24px;box-shadow:0 6px 12px rgba(69,74,99,.08);overflow:hidden}.chat-page .chat-panel-body[data-v-2212f7d4]{flex:1 1 auto;min-height:0;position:relative;background:#fff;overflow:hidden}.chat-page .chat-panel-body-scroll[data-v-2212f7d4]{height:100%}.chat-page .chat-panel-body-scroll[data-v-2212f7d4] .el-scrollbar__wrap{overflow-x:hidden!important}.chat-page .chat-panel-body-scroll[data-v-2212f7d4] .el-scrollbar__bar.is-horizontal{display:none}.chat-page .chat-panel-body-inner[data-v-2212f7d4]{min-width:0;padding:16px;box-sizing:border-box;overflow-x:hidden}.chat-page .chat-message[data-v-2212f7d4]{display:flex;align-items:flex-start;gap:12px;margin-bottom:17.5px}.chat-page .chat-message.is-mine[data-v-2212f7d4]{justify-content:flex-end}.chat-page .chat-message-main[data-v-2212f7d4]{display:flex;flex-direction:column;align-items:flex-start;max-width:min(560px,100% - 60px)}.chat-page .chat-message.is-mine .chat-message-main[data-v-2212f7d4]{align-items:flex-end}.chat-page .chat-bubble[data-v-2212f7d4]{border-radius:16px;padding:12px 16px;box-sizing:border-box;color:#2c2f30;font-size:14px;font-weight:400;line-height:20px;background:#eff1f2;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.chat-page .chat-message.is-mine .chat-bubble[data-v-2212f7d4]{background:#9720ab;color:#fff}.chat-page .chat-bubble--image[data-v-2212f7d4]{padding:4px}.chat-page .chat-image[data-v-2212f7d4]{display:block;max-width:240px;border-radius:16px;background:#eaeaea;cursor:pointer}.chat-page .chat-message-time[data-v-2212f7d4]{margin-top:6px;font-size:12px;line-height:16px;color:rgba(89,92,93,.7)}.chat-page .chat-panel-footer[data-v-2212f7d4]{height:76px;display:flex;align-items:center;gap:12px;padding:16px;box-sizing:border-box;background:rgba(239,241,242,.5)}.chat-page .chat-input-wrap[data-v-2212f7d4]{flex:1;min-width:0;height:44px;border-radius:24px;background:#fff;padding:0 16px;box-sizing:border-box;display:flex;align-items:center}.chat-page .chat-input[data-v-2212f7d4]{width:100%;height:100%;border:none;outline:none;background:transparent;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:20px;color:#32343a}.chat-page .chat-input[data-v-2212f7d4]::-moz-placeholder{color:rgba(89,92,93,.5)}.chat-page .chat-input[data-v-2212f7d4]:-ms-input-placeholder{color:rgba(89,92,93,.5)}.chat-page .chat-input[data-v-2212f7d4]::placeholder{color:rgba(89,92,93,.5)}.chat-page .chat-tool[data-v-2212f7d4]{width:44px;height:44px;border-radius:12px;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:rgba(89,92,93,.6);cursor:pointer}.chat-page .chat-tool-disabled[data-v-2212f7d4]{background:#dfe0f2;color:hsla(0,0%,100%,.9);cursor:not-allowed}.chat-page .chat-tool-disabled[disabled][data-v-2212f7d4]{opacity:1}.chat-page .chat-send[data-v-2212f7d4]{height:44px;padding:12px 24px;border-radius:24px;border:none;font-family:PingFang SC;font-size:16px;font-weight:500;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat-page .chat-send-primary[data-v-2212f7d4]{background:#9720ab;color:#fff}.chat-page .chat-send-disabled[data-v-2212f7d4]{background:#dfe0f2;color:hsla(0,0%,100%,.9);cursor:not-allowed}.chat-page .chat-send-disabled[disabled][data-v-2212f7d4]{opacity:1}.chat-page .chat-image-preview[data-v-2212f7d4]{display:block;max-width:100%;max-height:72vh;border-radius:16px;margin:0 auto}.chat-page[data-v-2212f7d4] .chat-image-preview-dialog{width:760px;max-width:calc(100vw - 48px);margin-top:10vh!important;border-radius:16px;overflow:hidden}.chat-page[data-v-2212f7d4] .chat-image-preview-dialog .el-dialog__header{display:none}.chat-page[data-v-2212f7d4] .chat-image-preview-dialog .el-dialog__body{padding:16px}