.customer-service[data-v-804678db]{background-color:#f2f3f5;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding-top:1.227rem}.status-bar[data-v-804678db]{background:#f8f8f8;color:#666;font-size:.373rem;padding:.213rem;text-align:center}.chat-container[data-v-804678db]{display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow:hidden;padding:0 .32rem}.chat-log[data-v-804678db]{background-color:#fff;border:.027rem solid #ebedf0;border-radius:.267rem;box-shadow:0 .053rem .16rem #00000008;flex:1;margin-bottom:.267rem;overflow-y:auto;padding:.267rem}.chat-log[data-v-804678db]::-webkit-scrollbar{width:.107rem}.chat-log[data-v-804678db]::-webkit-scrollbar-thumb{background-color:#00000014;border-radius:.08rem}.message[data-v-804678db]{border-radius:.427rem;box-shadow:0 .027rem .08rem #0000000d;font-size:.373rem;line-height:1.5;margin:.267rem 0;max-width:80%;padding:.32rem .427rem .587rem;position:relative}.delete-icon[data-v-804678db]{color:#999;cursor:pointer;position:absolute;right:.213rem;top:.213rem}.delete-icon[data-v-804678db]:hover{color:#f44}.message-image[data-v-804678db]{border-radius:.213rem;margin-top:.107rem;max-width:100%}.customer-message[data-v-804678db]{background-color:#e6f7ff;color:#000;margin-left:auto}.support-message[data-v-804678db]{background-color:#fff7e6;margin-right:auto}.auto-reply[data-v-804678db]{background-color:#f6ffed;font-style:italic;margin-right:auto}.message-sender[data-v-804678db]{color:#888;font-size:.32rem;font-weight:700;margin-bottom:.107rem}.message-time[data-v-804678db]{bottom:.107rem;color:#aaa;font-size:.293rem;position:absolute;right:.32rem}.customer-message[data-v-804678db]:after{border:.16rem solid transparent;border-left-color:#e6f7ff;content:"";position:absolute;right:-.267rem;top:.32rem}.support-message[data-v-804678db]:after{border:.16rem solid transparent;border-right-color:#fff7e6}.auto-reply[data-v-804678db]:after,.support-message[data-v-804678db]:after{content:"";left:-.267rem;position:absolute;top:.32rem}.auto-reply[data-v-804678db]:after{border-color:transparent #f6ffed transparent transparent;border-style:solid;border-width:.16rem}.input-area[data-v-804678db]{align-items:center;background:#fff;border:.027rem solid #ebedf0;border-radius:.213rem;display:flex;gap:.267rem;padding:.267rem}.upload-btn[data-v-804678db]{padding:0 .213rem}.input-field[data-v-804678db]{background-color:#f8f8f8;border-radius:.16rem;flex:1}.send-btn[data-v-804678db]{border-radius:.533rem;height:1.013rem;line-height:1.013rem;padding:0 .427rem}@media (min-width:768px){.chat-container[data-v-804678db]{margin:0;max-width:none;padding:0}}