.chat{position:fixed;bottom:100px;right:20px;width:320px;height:460px;background:#fff;border:1px solid #ddd;display:flex;flex-direction:column;font-family:sans-serif;z-index:10000;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.chat .header{background:var(--fc-color);color:#fff;padding:12px;font-weight:700;border-top-left-radius:8px;border-top-right-radius:8px}.chat .msgs{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.chat .msgs::-webkit-scrollbar{width:5px}.chat .msgs::-webkit-scrollbar-track{background:0 0}.chat .msgs::-webkit-scrollbar-thumb{background:#ddd;border-radius:5px}.chat .msgs::-webkit-scrollbar-thumb:hover{background:#bbb}.chat .m{max-width:70%;padding:8px 12px;border-radius:6px;font-size:13px;word-wrap:break-word}.chat .m.l{background:#e4e6eb;color:#000;align-self:flex-start}.chat .m.r{background:var(--fc-color);color:#fff;align-self:flex-end}.chat .inputBox{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #e0e0e0}.chat .inputBox input{flex:1;padding:8px 12px;border:1px solid #ccc;border-radius:6px;outline:none;font-size:13px}.chat .inputBox input:focus{border-color:var(--fc-color);box-shadow:0 0 0 2px rgba(255,122,0,.1)}.chat .inputBox button{width:40px;border:none;background:var(--fc-color);color:#fff;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s}.chat .inputBox button:hover{opacity:.9;transform:scale(1.05)}.chat .footer{text-align:center;font-size:10px;padding:8px;border-top:1px solid #eee;background:#fafafa;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.chat .footer a{color:#999;text-decoration:none}.chat .footer a:hover{text-decoration:underline}.chat-box.modern-design{position:fixed;bottom:100px;right:20px;width:320px;height:420px;background:#f8fafc;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;z-index:10000}.modern-design .chat-header{background:var(--fc-chat-header-gradient);color:white;padding:12px;display:flex;align-items:center;gap:10px;flex-shrink:0}.modern-design .chat-header .avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.modern-design .chat-header .info{flex:1;font-size:13px}.modern-design .chat-header .info strong{display:block;font-size:14px;margin-bottom:2px}.modern-design .chat-header .online{display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;margin:0 5px;vertical-align:middle}.modern-design .chat-header .close{cursor:pointer;font-size:18px;transition:all .2s}.modern-design .chat-header .close:hover{transform:rotate(90deg)}.modern-design .chat-subheader{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:12px;color:#64748b;background:#f1f5f9;flex-shrink:0}.modern-design .chat-subheader .line{flex:1;height:1px;background:#e2e8f0}.modern-design .chat-body{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.modern-design .chat-body::-webkit-scrollbar{width:6px}.modern-design .chat-body::-webkit-scrollbar-track{background:0 0}.modern-design .chat-body::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:10px}.modern-design .chat-body::-webkit-scrollbar-thumb:hover{background:#a5b4fc}.modern-design .message{max-width:75%;padding:10px;font-size:14px}.modern-design .message.received{background:#e5e7eb;color:#111;align-self:flex-start;border-radius:15px 15px 15px 5px}.modern-design .message.sent{background:var(--fc-chat-header-gradient);color:white;align-self:flex-end;border-radius:15px 15px 5px 15px}.modern-design .message.system{background:0 0;color:#666;text-align:center;font-size:12px;align-self:center;padding:4px 0;margin:1px 0;border:none}.modern-design .chat-input{display:flex;padding:10px;border-top:1px solid #e2e8f0;background:#fff;gap:10px;flex-shrink:0}.modern-design .chat-input input{flex:1;padding:10px;border-radius:10px;border:1px solid #cbd5f5;outline:none;font-size:14px}.modern-design .chat-input input:focus{border-color:var(--fc-color);box-shadow:0 0 0 2px rgba(79,70,229,.1)}.modern-design .chat-input button{background:var(--fc-chat-header-gradient);border:none;color:white;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:16px;transition:all .2s}.modern-design .chat-input button:hover{opacity:.9;transform:scale(1.05)}.chat-box.pro-design{position:fixed;bottom:81px;right:20px;width:340px;height:380px;backdrop-filter:blur(15px);background:rgba(255,255,255,.6);border-radius:25px;box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;font-family:Arial,sans-serif;z-index:10000}.pro-design .pro-header{display:flex;justify-content:space-between;align-items:center;padding:15px}.pro-design .pro-header .left{display:flex;align-items:center;gap:10px}.pro-design .pro-header .avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.pro-design .pro-header strong{display:block;font-size:15px}.pro-design .pro-header span{font-size:13px;color:#555}.pro-design .pro-header .online{width:8px;height:8px;background:#22c55e;display:inline-block;border-radius:50%;margin:0 5px}.pro-design .pro-header .actions{font-size:18px;cursor:pointer}.pro-design .pro-body{flex:1;padding:10px;overflow-y:auto}.pro-design .pro-body::-webkit-scrollbar{width:5px}.pro-design .pro-body::-webkit-scrollbar-track{background:0 0}.pro-design .pro-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:5px}.pro-design .msg-row{display:flex;margin-bottom:10px}.pro-design .msg-row.right{justify-content:flex-end}.pro-design .mini-avatar{width:28px;height:28px;border-radius:50%;margin-right:8px}.pro-design .message{max-width:220px;padding:10px;margin:3px 0;font-size:14px}.pro-design .message.received{background:#e5e7eb;border-radius:15px 15px 15px 5px}.pro-design .message.sent{background:var(--fc-chat-header-gradient);color:white;border-radius:15px 15px 5px 15px}.pro-design .time{font-size:11px;color:#666;margin-left:5px}.pro-design .time.right-time{text-align:right;display:block}.pro-design .chat-input-floating-pro{position:relative;width:100%;display:flex;align-items:center;background:rgba(255,255,255,.95);border-radius:30px;padding:6px;box-shadow:0 10px 25px rgba(0,0,0,.15);margin:10px;gap:0}.pro-design .chat-input-floating-pro input{flex:1;padding:10px;border:none;outline:none;border-radius:20px;background:0 0;font-size:14px}.pro-design .chat-input-floating-pro button{background:var(--fc-chat-header-gradient);border:none;color:white;padding:10px 14px;border-radius:50%;cursor:pointer;transition:all .2s}.pro-design .chat-input-floating-pro button:hover{opacity:.9;transform:scale(1.05)}.chat-box.new-design{position:fixed;bottom:100px;right:20px;width:340px;height:460px;backdrop-filter:blur(15px);background:rgba(255,255,255,.6);border-radius:25px;box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;font-family:Arial,sans-serif;z-index:10000}.new-design .new-header{display:flex;justify-content:space-between;align-items:center;padding:15px}.new-design .new-header .left{display:flex;align-items:center;gap:10px}.new-design .avatar-wrapper{position:relative}.new-design .avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.new-design .online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#22c55e;border-radius:50%;border:2px solid white}.new-design .new-header strong{display:block;font-size:15px}.new-design .new-header span{font-size:13px;color:#555}.new-design .new-header .actions{font-size:18px;cursor:pointer}.new-design .new-body{flex:1;padding:10px;overflow-y:auto}.new-design .new-body::-webkit-scrollbar{width:5px}.new-design .new-body::-webkit-scrollbar-track{background:0 0}.new-design .new-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:5px}.new-design .msg-row{display:flex;margin-bottom:10px}.new-design .msg-row.right{justify-content:flex-end}.new-design .mini-avatar{width:28px;height:28px;border-radius:50%;margin-right:8px}.new-design .message{max-width:220px;padding:10px;margin:3px 0;font-size:14px}.new-design .message.received{background:#e5e7eb;border-radius:15px 15px 15px 5px}.new-design .message.sent{background:var(--fc-chat-header-gradient);color:white;border-radius:15px 15px 5px 15px}.new-design .time{font-size:11px;color:#666;margin-left:5px}.new-design .time.right-time{text-align:right;display:block}.new-design .chat-input-wrapper-new{padding:10px}.new-design .new-input{display:flex;align-items:center;background:#fff;border-radius:25px;padding:8px;box-shadow:0 10px 25px rgba(0,0,0,.15)}.new-design .new-input input{flex:1;padding:10px;border:none;outline:none;border-radius:20px;font-size:14px}.new-design .new-input button{background:var(--fc-chat-header-gradient);border:none;color:white;padding:10px 14px;border-radius:50%;cursor:pointer;transition:all .2s}.new-design .new-input button:hover{opacity:.9;transform:scale(1.05)}@media (max-width:480px){.chat,.chat-box{width:100%;height:100%;bottom:0;right:0;left:0;border-radius:0}.chat .header{display:flex;justify-content:space-between;align-items:center}.modern-design .chat-header .close,.pro-design .chat-header .actions,.new-design .chat-header .actions{cursor:pointer;font-size:20px;transition:all .2s;padding:5px 10px}.modern-design .chat-header .close:hover,.pro-design .chat-header .actions:hover,.new-design .chat-header .actions:hover{transform:rotate(90deg);opacity:.8}}