:root{--zc-orange:#ff6b35;--zc-purple:#8338ec;--zc-light-orange:#fff0ea;--zc-light-purple:#f3e8ff;--zc-radius:28px}#zc-chatbot{position:fixed;bottom:0;left:0;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;pointer-events:none}#zc-toggle{position:fixed;bottom:30px;left:30px;width:65px;height:65px;background:linear-gradient(135deg,var(--zc-orange) 0%,var(--zc-purple) 100%);border:none;border-radius:50%;color:#fff;font-size:32px;cursor:pointer;pointer-events:auto;z-index:100000;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgb(131 56 236 / .4);animation:zc-float 3s ease-in-out infinite;transition:opacity 0.4s cubic-bezier(.175,.885,.32,1.275),transform 0.4s cubic-bezier(.175,.885,.32,1.275),box-shadow 0.3s ease}#zc-toggle.zc-hidden{opacity:0;transform:scale(0) rotate(90deg);pointer-events:none}#zc-toggle:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 35px rgb(255 107 53 / .5);animation:none}@keyframes zc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}#zc-window{position:fixed;bottom:30px;left:30px;width:400px;height:650px;background:#f5f7fb;border-radius:var(--zc-radius);box-shadow:0 20px 60px rgb(131 56 236 / .25);border:1px solid rgb(255 107 53 / .2);pointer-events:auto;z-index:99999;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:scale(.8) translateY(20px);visibility:hidden;transition:opacity 0.4s cubic-bezier(.175,.885,.32,1.275),transform 0.4s cubic-bezier(.175,.885,.32,1.275),visibility 0.4s;transform-origin:bottom left}#zc-window.zc-open{opacity:1;transform:scale(1) translateY(0);visibility:visible}.zc-header{background:linear-gradient(135deg,var(--zc-orange) 0%,var(--zc-purple) 100%);color:#fff;padding:18px 20px;display:flex;align-items:center;gap:15px;flex-shrink:0;position:relative;overflow:hidden}.zc-header::after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 255 255 / .18) 0%,transparent 70%);animation:zc-shimmer 8s linear infinite;pointer-events:none}@keyframes zc-shimmer{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.zc-avatar{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--zc-purple);position:relative;box-shadow:0 8px 20px rgb(0 0 0 / .2);flex-shrink:0;animation:zc-avatar-float 4s ease-in-out infinite}.zc-avatar::after{content:"";position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4ade80;border-radius:50%;border:2px solid var(--zc-purple);animation:zc-pulse 2s infinite}@keyframes zc-avatar-float{0%,100%{transform:translateY(0)}25%{transform:translateY(-3px)}75%{transform:translateY(3px)}}@keyframes zc-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(1.2);opacity:.8}100%{transform:scale(1);opacity:1}}.zc-header-info{position:relative;z-index:1}.zc-header-info h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.3px}.zc-header-info p{margin:5px 0 0;font-size:12px;opacity:.95;display:flex;align-items:center;gap:6px}.zc-online-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;display:inline-block;animation:zc-pulse 2s infinite}.zc-close{margin-left:auto;background:rgb(255 255 255 / .2);border:1px solid rgb(255 255 255 / .3);width:35px;height:35px;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s;backdrop-filter:blur(5px);z-index:1;position:relative}.zc-close:hover{background:rgb(255 255 255 / .35);transform:rotate(180deg) scale(1.1)}.zc-messages{flex:1;overflow-y:auto;padding:20px 15px;background:linear-gradient(135deg,#f6f9fc 0%,#f1f4f9 100%);scroll-behavior:smooth}.zc-messages::-webkit-scrollbar{width:5px}.zc-messages::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}.zc-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--zc-orange),var(--zc-purple));border-radius:10px}.zc-quick-wrap{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgb(131 56 236 / .1)}.zc-quick-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#a0aec0;margin-bottom:12px;font-weight:600}.zc-quick-grid{display:flex;flex-wrap:wrap;gap:8px}.zc-quick-btn{background:#fff;border:1px solid rgb(131 56 236 / .2);color:#2d3748;padding:8px 14px;border-radius:30px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 5px rgb(0 0 0 / .02);white-space:nowrap}.zc-quick-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--zc-light-orange) 0%,var(--zc-light-purple) 100%);border-color:var(--zc-purple);transform:translateY(-2px);box-shadow:0 4px 10px rgb(131 56 236 / .15)}.zc-quick-btn:disabled{opacity:.5;cursor:not-allowed}.zc-msg{display:flex;margin-bottom:15px;animation:zc-msg-in .3s cubic-bezier(.175,.885,.32,1.275)}.zc-msg.zc-bot{justify-content:flex-start;--zc-dx:-10px}.zc-msg.zc-user{justify-content:flex-end;--zc-dx:10px}@keyframes zc-msg-in{from{opacity:0;transform:translateX(var(--zc-dx,-10px)) translateY(10px)}to{opacity:1;transform:translateX(0) translateY(0)}}.zc-bubble{max-width:80%;padding:10px 14px;border-radius:18px;font-size:13px;line-height:1.5;word-wrap:break-word;box-shadow:0 2px 5px rgb(0 0 0 / .05);transition:transform .3s,box-shadow .3s}.zc-bubble:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .1)}.zc-msg.zc-bot .zc-bubble{background:#fff;border:1px solid rgb(131 56 236 / .15);border-bottom-left-radius:4px;color:#2d3748}.zc-msg.zc-user .zc-bubble{background:linear-gradient(135deg,var(--zc-orange) 0%,var(--zc-purple) 100%);border-bottom-right-radius:4px;color:#fff}.zc-time{font-size:10px;color:#999;margin-top:3px;text-align:right}.zc-msg.zc-user .zc-time{color:rgb(255 255 255 / .8)}.zc-typing{display:flex;gap:4px;padding:10px 14px;background:#fff;border-radius:18px;border-bottom-left-radius:4px;width:fit-content;border:1px solid rgb(131 56 236 / .15);animation:zc-typing-fade .3s ease}@keyframes zc-typing-fade{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.zc-typing span{width:6px;height:6px;background:linear-gradient(135deg,var(--zc-orange),var(--zc-purple));border-radius:50%;animation:zc-bounce 1.4s infinite ease-in-out}.zc-typing span:nth-child(2){animation-delay:.2s}.zc-typing span:nth-child(3){animation-delay:.4s}@keyframes zc-bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}.zc-input-area{background:#fff;padding:12px 15px;display:flex;gap:8px;border-top:2px solid rgb(131 56 236 / .1);flex-shrink:0}.zc-input-group{flex:1;display:flex;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:40px;padding:2px;border:2px solid #fff0;transition:border-color .3s,box-shadow .3s,transform .3s}.zc-input-group:focus-within{border-color:var(--zc-purple);box-shadow:0 0 0 3px rgb(131 56 236 / .1);transform:scale(1.02)}.zc-input{flex:1;padding:10px 14px;border:none;background:#fff0;font-size:13px;outline:none;color:#2d3748}.zc-input::placeholder{color:#a0aec0;font-size:12px}.zc-send-btn{width:42px;height:42px;background:linear-gradient(135deg,var(--zc-orange) 0%,var(--zc-purple) 100%);border:none;border-radius:50%;color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgb(255 107 53 / .3);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,opacity .3s}.zc-send-btn:hover:not(:disabled){transform:scale(1.1) rotate(5deg);box-shadow:0 8px 18px rgb(131 56 236 / .4)}.zc-send-btn:active:not(:disabled){transform:scale(.95) rotate(0)}.zc-send-btn:disabled{opacity:.5;cursor:not-allowed}.zc-cursor{display:inline-block;width:2px;height:16px;background:linear-gradient(135deg,var(--zc-orange),var(--zc-purple));margin-left:2px;animation:zc-blink 1s infinite;vertical-align:middle}.zc-msg.zc-user .zc-cursor{background:#fff}@keyframes zc-blink{0%,50%{opacity:1}51%,100%{opacity:0}}.zc-text strong{color:var(--zc-purple);font-weight:700}.zc-msg.zc-user .zc-text strong{color:#fff;text-decoration:underline}.zc-text{line-height:1.6;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){#zc-window{width:calc(100vw - 60px);height:calc(100vh - 90px)}}@media (max-width:480px){#zc-window{width:calc(100vw - 40px);height:calc(100vh - 80px);bottom:20px;left:20px;border-radius:24px}#zc-toggle{bottom:20px;left:20px;width:60px;height:60px;font-size:28px}}