body{margin:0;padding:0;background-color:#fff}#app{font-family:Inter,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;position:relative}::-webkit-scrollbar-track-piece{background-color:#f8f8f8}::-webkit-scrollbar{width:6px;height:0}::-webkit-scrollbar-thumb{background-color:#bbdefb;background-clip:padding-box;min-height:28px;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#bbb}a{color:#18a09e;text-decoration:none}.fade-in-element{opacity:0;transition:opacity 1s ease-in-out}.fade-in{opacity:1}.el-loading-spinner{background-image:url(https://store.ptcc9.top/notmaker/images/loading2.svg);background-repeat:no-repeat;background-size:60px 50px;height:50px;width:100%;background-position:50%;top:40%}.el-loading-spinner .circular{display:none}.el-loading-spinner .el-loading-text{margin:106px 0;color:#da70a0}.global_front_mini{font-size:11px}.chat-float-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;bottom:27px;right:27px;width:55px;height:55px;background:#2563eb;border-radius:20px;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 10px 25px -5px rgba(37,99,235,.25),0 4px 6px -2px rgba(0,0,0,.05);font-weight:600;font-size:18px;z-index:9999;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1)}.chat-float-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent 50%,hsla(0,0%,100%,.05));border-radius:20px;opacity:0;transition:all .3s ease}.chat-float-btn:hover:before{opacity:1}.chat-float-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 20px 35px -8px rgba(37,99,235,.35),0 8px 20px -6px rgba(0,0,0,.1);background:#1d4ed8;border-radius:24px}.chat-float-btn.active{background:#dc2626;box-shadow:0 10px 25px -5px rgba(220,38,38,.25),0 4px 6px -2px rgba(0,0,0,.05);border-radius:24px}.chat-float-btn.active:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 20px 35px -8px rgba(220,38,38,.35),0 8px 20px -6px rgba(0,0,0,.1);background:#b91c1c}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 10px 25px -5px rgba(37,99,235,.25),0 4px 6px -2px rgba(0,0,0,.05),0 0 0 0 rgba(37,99,235,.4)}50%{transform:scale(1.02);box-shadow:0 10px 25px -5px rgba(37,99,235,.35),0 4px 6px -2px rgba(0,0,0,.05),0 0 0 8px rgba(37,99,235,.1)}}.chat-float-btn{animation:breathe 4s ease-in-out infinite}.chat-float-btn.active,.chat-float-btn:hover{animation:none}.btn-icon{font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.95}.chat-window{position:fixed;bottom:20px;right:100px;width:360px;height:600px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;z-index:999999;overflow:hidden;animation:popup .3s ease-out}@keyframes popup{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{background:linear-gradient(135deg,#067bef,#42a5f5);color:#fff;padding:12px;display:flex;justify-content:space-between;align-items:center;cursor:move}.chat-avatar{width:36px;height:36px;border-radius:50%}.chat-agent-name{font-weight:700;font-size:14px}.chat-agent-status{font-size:12px;opacity:.9}.status-dot{display:inline-block;width:8px;height:8px;background:#00ff62;border-radius:50%;margin-right:4px}.chat-close{background:hsla(0,0%,100%,.1);border:none;color:#fff;font-size:20px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.chat-close:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);transform:scale(0);transition:transform .3s ease;border-radius:50%}.chat-close:hover:before{transform:scale(1)}.chat-close:hover{background:rgba(239,68,68,.9);transform:scale(1.1) rotate(90deg);box-shadow:0 4px 15px rgba(239,68,68,.4),0 0 0 2px hsla(0,0%,100%,.3);animation:closePulse 1.5s infinite}.chat-close:active{transform:scale(.95) rotate(90deg);transition:all .1s ease;animation:none}@keyframes closePulse{0%{box-shadow:0 4px 15px rgba(239,68,68,.4),0 0 0 2px hsla(0,0%,100%,.3),0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 4px 15px rgba(239,68,68,.4),0 0 0 2px hsla(0,0%,100%,.3),0 0 0 12px rgba(239,68,68,0)}to{box-shadow:0 4px 15px rgba(239,68,68,.4),0 0 0 2px hsla(0,0%,100%,.3),0 0 0 0 rgba(239,68,68,0)}}@keyframes messageSlideInLeft{0%{opacity:0;transform:translateX(-30px) translateY(10px) scale(.9)}60%{opacity:.8;transform:translateX(3px) translateY(-2px) scale(1.02)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}@keyframes messageSlideInRight{0%{opacity:0;transform:translateX(30px) translateY(10px) scale(.9)}60%{opacity:.8;transform:translateX(-3px) translateY(-2px) scale(1.02)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}.chat-body{flex:1;padding:12px;overflow-y:auto;background:#f3f6f9;display:flex;flex-direction:column;overscroll-behavior:contain}.chat-message{display:flex;flex-direction:column;margin:6px 0;width:100%;transform-origin:bottom}.from-agent{align-items:flex-start;animation:messageSlideInLeft .5s cubic-bezier(.4,0,.2,1)}.from-customer{align-items:flex-end;animation:messageSlideInRight .4s cubic-bezier(.4,0,.2,1)}.sender{font-size:11px;color:#888;margin:0 4px 2px 4px}.from-customer .sender{text-align:right;margin-right:4px}.from-agent .sender{text-align:left;margin-left:4px}.chat-message .bubble{display:inline-block;padding:8px 12px;border-radius:12px;line-height:1.4;word-wrap:break-word;font-size:14px;position:relative;max-width:75%;box-sizing:border-box;transition:all .2s ease;cursor:pointer}.from-customer .bubble{align-self:flex-end;margin-right:6px;background:#dcf8c6;border-bottom-right-radius:2px}.from-agent .bubble{align-self:flex-start;background:#fff;border:1px solid #ddd;border-bottom-left-radius:2px;margin-left:6px}.from-customer .bubble:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px rgba(220,248,198,.8);background:#c8e6c9}.from-agent .bubble:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:#067bef;background:#f8faff}.msg-time{font-size:10px;color:#888;margin-top:6px;text-align:right}.chat-footer{border-top:1px solid #eee;background:#fff;padding:12px;box-shadow:0 -2px 6px rgba(0,0,0,.06)}.input-wrapper{display:flex;align-items:center;width:100%}.chat-input{flex:1;resize:none;border:1px solid #ddd;border-radius:12px;padding:8px 12px;font-size:14px;height:40px;margin-right:6px;outline:none}.chat-actions{gap:6px}.emoji-btn,.send-btn{border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.emoji-btn{background:#f1f1f1}.send-btn{background:linear-gradient(135deg,#067bef,#42a5f5);color:#fff;font-size:16px}.send-btn:hover{background:linear-gradient(135deg,#055bb5,#2183d1)}.input-wrapper-vertical{display:flex;flex-direction:column;width:100%;gap:12px}.chat-input-vertical{width:100%;resize:none;border:1px solid #ddd;border-radius:12px;padding:12px 16px;font-size:14px;height:80px;outline:none;font-family:inherit;line-height:1.5;transition:all .3s ease;box-sizing:border-box}.chat-input-vertical:focus{border-color:#067bef;box-shadow:0 0 0 2px rgba(6,123,239,.1)}.chat-input-vertical:-moz-read-only{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.chat-input-vertical:read-only{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.chat-actions-vertical{display:flex;justify-content:space-between;align-items:center;width:100%}.left-actions{display:flex;gap:8px;align-items:center}.send-btn-vertical{border:none;background:linear-gradient(135deg,#067bef,#42a5f5);color:#fff;font-size:14px;font-weight:500;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:90px;height:40px;display:flex;align-items:center;justify-content:center;gap:6px}.send-btn-vertical:hover{background:linear-gradient(135deg,#055bb5,#2183d1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(6,123,239,.3)}.send-btn-vertical:active{transform:translateY(0);transition:all .1s ease}.send-btn-vertical:disabled{color:#ccc!important;cursor:not-allowed!important}.send-btn-vertical:disabled,.send-btn-vertical:disabled:hover{background:#f1f1f1!important;transform:none!important;box-shadow:none!important}.send-btn-vertical i{font-size:16px;line-height:1}.send-btn-vertical span{font-size:14px;font-weight:500;line-height:1}.emoji-popup{position:absolute;bottom:60px;right:0;width:280px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,.25);z-index:10001;padding:8px}.emoji-panel{display:grid;grid-template-columns:repeat(auto-fill,28px);gap:6px}.emoji-item{font-size:20px;text-align:center;cursor:pointer}.emoji-item:hover{transform:scale(1.2)}.chat-fade-enter-active,.chat-fade-leave-active{transition:opacity .3s}.chat-fade-enter,.chat-fade-leave-to{opacity:0}.emoji-popup{animation:popUp .2s ease-out}@keyframes popUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.unread-badge{position:absolute;top:-8px;right:-8px;background:#ff4757;color:#fff;border-radius:12px;min-width:20px;height:20px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px rgba(255,71,87,.4);animation:badgePulse 2s infinite;border:2px solid #fff;z-index:1}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.message-preview{position:fixed;bottom:100px;right:24px;width:320px;background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999999}.message-preview:hover{transform:translateY(-2px);box-shadow:0 25px 50px rgba(0,0,0,.2),0 8px 20px rgba(0,0,0,.15)}.preview-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#067bef,#42a5f5);color:#fff;position:relative}.preview-avatar img{width:36px;height:36px;border-radius:50%;margin-right:12px;border:2px solid hsla(0,0%,100%,.3)}.preview-info{flex:1}.preview-name{font-weight:700;font-size:14px;margin-bottom:2px}.preview-time{font-size:12px;opacity:.9}.preview-close{background:hsla(0,0%,100%,.2);border:none;color:#fff;font-size:18px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.preview-close:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.preview-content{padding:16px;font-size:14px;line-height:1.5;color:#333;max-height:80px;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;background:linear-gradient(180deg,#333 0,#333 70%,transparent);-webkit-background-clip:text;background-clip:text}.preview-action{padding:8px 16px 12px;font-size:12px;color:#067bef;text-align:center;font-weight:500;border-top:1px solid #f0f0f0;background:#f8faff}.preview-fade-enter-active,.preview-fade-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.preview-fade-enter{opacity:0;transform:translateX(100px) translateY(20px) scale(.8)}.preview-fade-leave-to{opacity:0;transform:translateX(100px) scale(.9)}.preview-fade-enter-to{opacity:1;transform:translateX(0) translateY(0) scale(1)}.link-preview-card{margin-top:8px;max-width:75%;border:1px solid #e0e6ed;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.08);animation:linkPreviewFadeIn .4s ease-out}.link-preview-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#067bef}.from-agent .link-preview-card{align-self:flex-start;margin-left:6px}.from-customer .link-preview-card{align-self:flex-end;margin-right:6px;border-color:#dcf8c6;background:#f8fcf8}.from-customer .link-preview-card:hover{border-color:#4caf50;background:#f0f8f0}.link-preview-content{display:flex;align-items:center;padding:12px;min-height:80px}.link-preview-text{flex:1;min-width:0}.link-preview-header{display:flex;align-items:center;margin-bottom:4px}.link-preview-favicon{width:16px;height:16px;margin-right:6px;border-radius:2px;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.link-preview-title{font-weight:600;font-size:14px;color:#1a1a1a;line-height:1.3;flex:1}.link-preview-description,.link-preview-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-description{font-size:12px;color:#666;margin-bottom:6px;line-height:1.4}.link-preview-url{font-size:11px;color:#067bef;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:lowercase}.link-preview-image{width:64px;height:64px;margin-left:12px;border-radius:8px;overflow:hidden;background:#f5f5f5;flex-shrink:0}.link-preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.link-preview-card:hover .link-preview-image img{transform:scale(1.1)}.link-preview-icon{width:64px;height:64px;margin-left:12px;border-radius:8px;background:linear-gradient(135deg,#067bef,#42a5f5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0;transition:all .3s ease}.link-preview-card:hover .link-preview-icon{transform:scale(1.1);background:linear-gradient(135deg,#055bb5,#2183d1)}@keyframes linkPreviewFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.link-preview-card{max-width:85%}.link-preview-content{padding:10px;min-height:70px}.link-preview-icon,.link-preview-image{width:56px;height:56px;margin-left:8px}.link-preview-title{font-size:13px}.link-preview-description{font-size:11px}}.upload-preview{padding:12px 16px;background:#f8faff;border-top:1px solid #eee;border-bottom:1px solid #eee}.upload-item{display:flex;align-items:center;background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease}.upload-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.upload-icon{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#067bef,#42a5f5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;margin-right:12px;flex-shrink:0}.upload-info{flex:1;min-width:0}.upload-name{font-weight:600;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.upload-size{font-size:12px;color:#666;margin-bottom:6px}.upload-progress{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#067bef,#42a5f5);border-radius:3px;transition:width .3s ease}.progress-text{font-size:11px;color:#067bef;font-weight:600;min-width:32px}.upload-remove{width:32px;height:32px;border:none;background:rgba(239,68,68,.1);color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-left:8px}.upload-remove:hover{background:rgba(239,68,68,.2);transform:scale(1.1)}.chat-actions{gap:8px}.action-btn,.chat-actions{display:flex;align-items:center}.action-btn{border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;justify-content:center;background:#f1f3f5;color:#067bef;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(6,123,239,.1) 0,transparent 70%);transform:scale(0);transition:transform .3s ease;border-radius:50%}.action-btn:hover:before{transform:scale(1)}.action-btn:hover{background:#e3f2fd;transform:translateY(-1px);box-shadow:0 4px 12px rgba(6,123,239,.25)}.action-btn:active{transform:translateY(0);transition:all .1s ease}.message-image{margin:4px 0}.message-image .el-image{border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.15);transition:all .3s ease;cursor:pointer}.message-image .el-image:hover{transform:scale(1.02);box-shadow:0 4px 20px rgba(0,0,0,.2)}.image-slot{flex-direction:column;justify-content:center;width:100%;height:100%;background:#f5f7fa;color:#909399}.image-slot,.message-file{display:flex;align-items:center}.message-file{padding:12px;margin:4px 0;background:#f8faff;border:1px solid #e3f2fd;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:280px}.message-file:hover{background:#e3f2fd;border-color:#067bef;transform:translateY(-1px);box-shadow:0 4px 16px rgba(6,123,239,.2)}.file-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#067bef,#42a5f5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-right:12px;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-weight:600;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.file-size{font-size:12px;color:#666}.download-btn{width:32px;height:32px;border-radius:50%;background:rgba(6,123,239,.1);display:flex;align-items:center;justify-content:center;color:#067bef;font-size:14px;transition:all .3s ease;margin-left:8px}.message-file:hover .download-btn{background:rgba(6,123,239,.2);transform:scale(1.1)}.bubble{position:relative}.bubble .message-file,.bubble .message-image{margin:8px 0 4px 0}.send-btn:disabled{color:#ccc!important;cursor:not-allowed!important}.send-btn:disabled,.send-btn:disabled:hover{background:#f1f1f1!important;transform:none!important;box-shadow:none!important}.chat-input:-moz-read-only{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.chat-input:read-only{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}@keyframes uploadPreviewSlideIn{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.upload-preview{animation:uploadPreviewSlideIn .3s ease-out}.chat-input:focus{border-color:#067bef;box-shadow:0 0 0 2px rgba(6,123,239,.1)}@media (max-width:1140px){.chat-window.mobile-fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:100000!important;animation:mobileSlideUp .3s ease-out}@keyframes mobileSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-window.mobile-fullscreen .chat-header{padding:16px 20px;border-radius:0}.chat-window.mobile-fullscreen .chat-agent-name{font-size:16px}.chat-window.mobile-fullscreen .chat-agent-status{font-size:13px}.chat-window.mobile-fullscreen .chat-body{padding:16px 20px;flex:1}.chat-window.mobile-fullscreen .chat-footer{padding:16px 20px;border-radius:0}.chat-window.mobile-fullscreen .chat-input-vertical{height:100px;font-size:16px}.chat-window.mobile-fullscreen .action-btn{width:44px;height:44px;font-size:18px}.chat-window.mobile-fullscreen .emoji-btn{width:44px;height:44px;font-size:20px}.chat-window.mobile-fullscreen .send-btn-vertical{height:44px;padding:12px 24px;font-size:16px}.chat-window.mobile-fullscreen .emoji-popup{bottom:80px;right:20px;width:320px}.chat-window.mobile-fullscreen .emoji-panel{grid-template-columns:repeat(auto-fill,32px);gap:8px}.chat-window.mobile-fullscreen .emoji-item{font-size:24px}.chat-window.mobile-fullscreen .chat-message{margin:8px 0}.chat-window.mobile-fullscreen .bubble{max-width:85%;padding:12px 16px;font-size:15px}.chat-window.mobile-fullscreen .sender{font-size:12px;margin-bottom:4px}.chat-window.mobile-fullscreen .msg-time{font-size:11px;margin-top:8px}.chat-window.mobile-fullscreen .link-preview-card{max-width:85%}.chat-window.mobile-fullscreen .link-preview-content{padding:16px;min-height:90px}.chat-window.mobile-fullscreen .link-preview-icon,.chat-window.mobile-fullscreen .link-preview-image{width:72px;height:72px;margin-left:16px}.chat-window.mobile-fullscreen .message-file{max-width:320px;padding:16px}.chat-window.mobile-fullscreen .file-icon{width:48px;height:48px;font-size:20px}.chat-window.mobile-fullscreen .file-name{font-size:15px}.chat-window.mobile-fullscreen .file-size{font-size:13px}.chat-window.mobile-fullscreen .message-image .el-image{width:240px!important;height:180px!important}.chat-window.mobile-fullscreen .upload-preview{padding:16px 20px}.chat-window.mobile-fullscreen .upload-item{padding:16px}.chat-window.mobile-fullscreen .upload-icon{width:56px;height:56px;font-size:24px}.chat-window.mobile-fullscreen .upload-name{font-size:15px}.chat-window.mobile-fullscreen .upload-size{font-size:13px}.chat-window.mobile-fullscreen .chat-close{width:44px;height:44px;font-size:24px}.chat-window.mobile-fullscreen~.chat-float-btn{display:none!important}.message-preview{width:90%;max-width:360px;right:5%;bottom:120px}.message-preview .preview-header{padding:16px 20px}.message-preview .preview-content{padding:20px;max-height:100px}.message-preview .preview-action{padding:12px 20px 16px;font-size:13px}}@media (max-width:480px){.chat-window.mobile-fullscreen .chat-body,.chat-window.mobile-fullscreen .chat-footer,.chat-window.mobile-fullscreen .chat-header{padding:12px 16px}.chat-window.mobile-fullscreen .chat-input-vertical{height:80px;padding:12px 14px}.chat-window.mobile-fullscreen .bubble{max-width:90%;padding:10px 14px;font-size:14px}.chat-window.mobile-fullscreen .action-btn{width:40px;height:40px;font-size:16px}.chat-window.mobile-fullscreen .emoji-btn{width:40px;height:40px;font-size:18px}.chat-window.mobile-fullscreen .send-btn-vertical{height:40px;padding:10px 20px;font-size:14px;min-width:80px}.chat-window.mobile-fullscreen .emoji-popup{width:280px;right:16px}.chat-window.mobile-fullscreen .emoji-panel{grid-template-columns:repeat(auto-fill,28px);gap:6px}.chat-window.mobile-fullscreen .emoji-item{font-size:20px}.chat-window.mobile-fullscreen .message-image .el-image{width:200px!important;height:150px!important}.chat-window.mobile-fullscreen .link-preview-card{max-width:90%}.chat-window.mobile-fullscreen .link-preview-content{padding:12px;min-height:80px}.chat-window.mobile-fullscreen .link-preview-icon,.chat-window.mobile-fullscreen .link-preview-image{width:64px;height:64px;margin-left:12px}.chat-window.mobile-fullscreen .message-file{max-width:280px;padding:12px}.chat-window.mobile-fullscreen .file-icon{width:44px;height:44px;font-size:18px}.message-preview{width:95%;right:2.5%;bottom:100px}}@media (max-width:1140px) and (orientation:landscape){.chat-window.mobile-fullscreen .chat-body,.chat-window.mobile-fullscreen .chat-footer,.chat-window.mobile-fullscreen .chat-header{padding:12px 20px}.chat-window.mobile-fullscreen .chat-input-vertical{height:60px}.chat-window.mobile-fullscreen .emoji-popup{bottom:70px}}@media (max-width:1140px){.chat-window.mobile-fullscreen,.chat-window.mobile-fullscreen .chat-header{cursor:default!important}}.chat-mode-tabs{display:flex;background:#f8f9fa;border-radius:8px;padding:2px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.tab-item{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:12px;color:#6b7280;background:transparent}.tab-item.active{background:linear-gradient(135deg,#067bef,#42a5f5);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(6,123,239,.3)}.tab-item i{font-size:14px}.tab-item i,.tab-item span{position:relative;z-index:1}.tab-item:hover:not(.active){background:#e5e7eb;color:#374151;transform:translateY(-1px)}.chat-messages,.faq-content{flex:1;overflow-y:auto}.faq-content{padding:0}.faq-header{display:flex;align-items:center;gap:10px;padding:16px 0 12px 0;margin-bottom:16px;border-bottom:1px solid #e5e7eb;color:#1f2937}.faq-header i{font-size:20px;color:#067bef}.faq-header span{font-size:16px;font-weight:600}.faq-search{margin-bottom:16px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#9ca3af;font-size:16px;z-index:1}.search-input{width:100%;padding:10px 40px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;outline:none;transition:all .3s ease;background:#f9fafb}.search-input:focus{border-color:#067bef;background:#fff;box-shadow:0 0 0 2px rgba(6,123,239,.1)}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.clear-icon{position:absolute;right:12px;color:#9ca3af;font-size:16px;cursor:pointer;padding:4px;border-radius:50%;transition:all .3s ease}.clear-icon:hover{color:#6b7280;background:#f3f4f6}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px rgba(0,0,0,.04)}.faq-item:hover{border-color:#067bef;box-shadow:0 2px 8px rgba(6,123,239,.1);transform:translateY(-1px)}.faq-item.expanded{border-color:#067bef;box-shadow:0 2px 12px rgba(6,123,239,.15)}.faq-question{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;background:#f8faff;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-question:hover{background:#e3f2fd}.faq-question .faq-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#067bef;font-size:12px;transition:all .3s ease}.faq-question .faq-text{flex:1;font-weight:500;font-size:13px;color:#1f2937;line-height:1.4}.faq-answer{background:#fff;border-top:1px solid #e5e7eb;overflow:hidden;animation:faqExpand .3s ease-out}@keyframes faqExpand{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.answer-content{padding:16px;font-size:12px;line-height:1.5;color:#4b5563;background:linear-gradient(135deg,#f8faff,#fff)}.faq-actions{display:flex;gap:10px;padding:0 16px 16px 16px;justify-content:flex-end}.action-btn-small{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f3f4f6;color:#6b7280}.action-btn-small:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px);box-shadow:0 1px 4px rgba(0,0,0,.1)}.action-btn-small i{font-size:12px}.no-result{text-align:center;padding:24px 16px;color:#9ca3af}.no-result i{font-size:32px;margin-bottom:8px;opacity:.5}.no-result p{margin:8px 0 16px 0;font-size:14px}.clear-search-btn{padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-search-btn:hover{background:#e5e7eb;color:#374151}.faq-footer{margin-top:20px;padding:16px;text-align:center;background:linear-gradient(135deg,#f8faff,#e3f2fd);border-radius:8px;border:1px solid #e5e7eb}.faq-footer p{margin:0 0 12px 0;color:#6b7280;font-size:12px}.switch-to-chat-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#067bef,#42a5f5);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px rgba(6,123,239,.2)}.switch-to-chat-btn:hover{background:linear-gradient(135deg,#055bb5,#2183d1);transform:translateY(-1px);box-shadow:0 2px 8px rgba(6,123,239,.3)}.switch-to-chat-btn i{font-size:14px}@media (max-width:1140px){.chat-window.mobile-fullscreen .chat-mode-tabs{margin-bottom:16px}.chat-window.mobile-fullscreen .tab-item{padding:10px 14px;font-size:13px}.chat-window.mobile-fullscreen .faq-header{padding:20px 0 16px 0;margin-bottom:20px}.chat-window.mobile-fullscreen .faq-header span{font-size:18px}.chat-window.mobile-fullscreen .faq-search{margin-bottom:20px}.chat-window.mobile-fullscreen .search-input{padding:12px 44px 12px 40px;font-size:14px}.chat-window.mobile-fullscreen .faq-question{padding:14px 18px}.chat-window.mobile-fullscreen .faq-question .faq-text{font-size:14px}.chat-window.mobile-fullscreen .answer-content{padding:18px;font-size:13px}.chat-window.mobile-fullscreen .faq-actions{padding:0 18px 18px 18px}.chat-window.mobile-fullscreen .action-btn-small{padding:8px 16px;font-size:12px}.chat-window.mobile-fullscreen .faq-footer{margin-top:24px;padding:20px}.chat-window.mobile-fullscreen .switch-to-chat-btn{padding:12px 24px;font-size:13px}}