.customer-service-page[data-v-ffcdc4fe]{width:100%;height:100vh;background:linear-gradient(90deg,#7d1313,#f35b44);display:flex;flex-direction:column;overflow:hidden}.header[data-v-ffcdc4fe]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(0,0,0,.1);backdrop-filter:blur(10px);position:relative;z-index:10}.back-btn[data-v-ffcdc4fe]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;transition:opacity .3s}.back-btn[data-v-ffcdc4fe]:active{opacity:.6}.title[data-v-ffcdc4fe]{font-size:18px;font-weight:600;color:#fff;text-align:center}.chat-container[data-v-ffcdc4fe]{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.chat-messages[data-v-ffcdc4fe]{display:flex;flex-direction:column;gap:16px}.message-item[data-v-ffcdc4fe]{display:flex;align-items:flex-end;gap:8px;animation:fadeIn-ffcdc4fe .3s ease-in}@keyframes fadeIn-ffcdc4fe{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user[data-v-ffcdc4fe]{justify-content:flex-end}.message-avatar[data-v-ffcdc4fe]{flex-shrink:0;width:32px;height:32px}.message-content[data-v-ffcdc4fe]{max-width:70%;display:flex;flex-direction:column;gap:4px}.message-user .message-content[data-v-ffcdc4fe]{align-items:flex-end}.message-service .message-content[data-v-ffcdc4fe]{align-items:flex-start}.message-bubble[data-v-ffcdc4fe]{padding:12px 16px;border-radius:16px;word-wrap:break-word;word-break:break-word;line-height:1.5}.user-bubble[data-v-ffcdc4fe]{background:hsla(0,0%,100%,.95);color:#333;border-bottom-right-radius:4px}.service-bubble[data-v-ffcdc4fe]{background:hsla(0,0%,100%,.2);color:#fff;border-bottom-left-radius:4px;backdrop-filter:blur(10px)}.message-bubble p[data-v-ffcdc4fe]{margin:0;font-size:15px;white-space:pre-wrap}.message-time[data-v-ffcdc4fe]{font-size:11px;color:hsla(0,0%,100%,.7);padding:0 4px}.typing-indicator[data-v-ffcdc4fe]{display:flex;align-items:center;gap:4px;padding:12px 16px}.typing-indicator span[data-v-ffcdc4fe]{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.8);animation:typing-ffcdc4fe 1.4s infinite}.typing-indicator span[data-v-ffcdc4fe]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-ffcdc4fe]:nth-child(3){animation-delay:.4s}@keyframes typing-ffcdc4fe{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.input-area[data-v-ffcdc4fe]{padding:12px 16px;background:rgba(0,0,0,.1);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1)}.input-wrapper[data-v-ffcdc4fe]{display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.2);border-radius:24px;padding:8px 8px 8px 16px;backdrop-filter:blur(10px)}.message-input[data-v-ffcdc4fe]{flex:1;border:none;outline:none;background:transparent;color:#fff;font-size:15px;line-height:1.5}.message-input[data-v-ffcdc4fe]::placeholder{color:hsla(0,0%,100%,.6)}.send-btn[data-v-ffcdc4fe]{width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.3);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.send-btn[data-v-ffcdc4fe]:not(:disabled):active{transform:scale(.95);background:hsla(0,0%,100%,.4)}.send-btn[data-v-ffcdc4fe]:disabled{opacity:.5;cursor:not-allowed}.loading-spinner[data-v-ffcdc4fe]{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin-ffcdc4fe .8s linear infinite}@keyframes spin-ffcdc4fe{to{transform:rotate(1turn)}}.chat-container[data-v-ffcdc4fe]::-webkit-scrollbar{width:4px}.chat-container[data-v-ffcdc4fe]::-webkit-scrollbar-track{background:transparent}.chat-container[data-v-ffcdc4fe]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.chat-container[data-v-ffcdc4fe]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}