.kefu-chat[data-v-0f9219a2]{display:flex;flex-direction:column;height:100vh;height:-webkit-fill-available;background:linear-gradient(180deg,#0d0d0d,#1a1a2e 50%,#0d0d0d);color:#e2e8f0;position:relative;overflow:hidden}.kefu-chat[data-v-0f9219a2]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.08) 0,transparent 40%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.06) 0,transparent 40%);pointer-events:none;z-index:0}.chat-header[data-v-0f9219a2]{position:relative;z-index:10;display:flex;align-items:center;padding:3px 3px;background:rgba(20,20,30,.95);border-bottom:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-back[data-v-0f9219a2]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(30,30,45,.8);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;cursor:pointer;flex-shrink:0}.csr-name[data-v-0f9219a2]{flex:1;text-align:center;font-size:15px;font-weight:600;color:#fff;margin-right:36px}.chat-body[data-v-0f9219a2]{flex:1;overflow-y:auto;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));position:relative;z-index:1;min-height:0}.chat-body[data-v-0f9219a2]::-webkit-scrollbar{width:3px}.chat-body[data-v-0f9219a2]::-webkit-scrollbar-track{background:transparent}.chat-body[data-v-0f9219a2]::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:3px}.time-divider[data-v-0f9219a2]{text-align:center;margin:16px 0;position:relative}.time-divider[data-v-0f9219a2]:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:hsla(0,0%,100%,.06)}.time-divider span[data-v-0f9219a2]{position:relative;background:#1a1a2e;padding:0 12px;font-size:11px;color:#6a6a7a}.system-msg[data-v-0f9219a2]{text-align:center;margin:12px 0}.system-msg span[data-v-0f9219a2]{display:inline-block;background:rgba(30,30,45,.8);padding:4px 14px;border-radius:12px;font-size:11px;color:#6a6a7a;border:1px solid hsla(0,0%,100%,.04)}.msg-row[data-v-0f9219a2]{display:flex;margin-bottom:14px;align-items:flex-start;gap:8px}.msg-row.self[data-v-0f9219a2]{flex-direction:row-reverse}.msg-row.self .msg-avatar[data-v-0f9219a2]{order:1}.msg-row.self .msg-content[data-v-0f9219a2]{order:0}.msg-avatar[data-v-0f9219a2]{width:32px;height:32px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px}.msg-content[data-v-0f9219a2]{display:flex;flex-direction:column;align-items:flex-start;max-width:70%}.msg-row.self .msg-content[data-v-0f9219a2]{align-items:flex-end}.msg-bubble[data-v-0f9219a2]{text-align:left}.msg-row.other .msg-avatar[data-v-0f9219a2]{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 0 10px rgba(99,102,241,.2)}.msg-row.self .msg-avatar[data-v-0f9219a2]{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 10px rgba(59,130,246,.2)}.msg-bubble[data-v-0f9219a2]{max-width:100%;min-width:40px;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:normal;word-break:break-word}.msg-row.other .msg-bubble[data-v-0f9219a2]{background:rgba(30,30,45,.9);border:1px solid hsla(0,0%,100%,.06);border-bottom-left-radius:4px;color:#e2e8f0}.msg-row.self .msg-bubble[data-v-0f9219a2]{background:linear-gradient(135deg,#6366f1,#4f46e5);border-bottom-right-radius:4px;color:#fff;box-shadow:0 2px 12px rgba(99,102,241,.3)}.msg-time[data-v-0f9219a2]{font-size:10px;color:#6a6a7a;margin-top:4px}.msg-row.self .msg-time[data-v-0f9219a2]{text-align:right}.msg-bubble.img-msg[data-v-0f9219a2]{padding:4px;background:rgba(30,30,45,.9)!important;border:1px solid hsla(0,0%,100%,.06)}.msg-bubble.img-msg img[data-v-0f9219a2]{width:100%;max-width:180px;border-radius:10px;display:block}.quick-reply[data-v-0f9219a2]{position:relative;z-index:10;padding:8px 16px;background:rgba(20,20,30,.6);border-top:1px solid hsla(0,0%,100%,.04);display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.quick-reply[data-v-0f9219a2]::-webkit-scrollbar{display:none}.quick-btn[data-v-0f9219a2]{flex-shrink:0;padding:6px 14px;border-radius:16px;font-size:12px;color:#8a8a9a;background:rgba(30,30,45,.8);border:1px solid hsla(0,0%,100%,.08);cursor:pointer;white-space:nowrap}.chat-footer[data-v-0f9219a2]{position:sticky;bottom:0;z-index:10;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:rgba(20,20,30,.95);border-top:1px solid hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.input-row[data-v-0f9219a2]{display:flex;align-items:flex-end;gap:10px}.input-actions[data-v-0f9219a2]{display:flex;gap:6px;flex-shrink:0}.action-btn[data-v-0f9219a2]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(30,30,45,.8);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;cursor:pointer}.msg-input[data-v-0f9219a2]{flex:1;min-height:36px;max-height:100px;padding:8px 14px;border-radius:18px;border:1px solid hsla(0,0%,100%,.08);background:rgba(30,30,45,.6);color:#e2e8f0;font-size:14px;outline:none;resize:none;line-height:1.4}.msg-input[data-v-0f9219a2]::-moz-placeholder{color:#6a6a7a}.msg-input[data-v-0f9219a2]:-ms-input-placeholder{color:#6a6a7a}.msg-input[data-v-0f9219a2]::placeholder{color:#6a6a7a}.msg-input[data-v-0f9219a2]:focus{border-color:rgba(99,102,241,.4)}.btn-send[data-v-0f9219a2]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;cursor:pointer;flex-shrink:0;box-shadow:0 2px 10px rgba(99,102,241,.3)}