.customer-service-drawer .ant-drawer-body{padding:0;display:flex;flex-direction:column;height:calc(100vh - 55px)}.customer-service-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.messages-container{flex:1;overflow-y:auto;padding:16px;background:#f8f9fa}.message-item{display:flex;margin-bottom:16px;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-ai{justify-content:flex-start}.message-user{justify-content:flex-end}.message-avatar{flex-shrink:0;margin:0 8px}.message-content{max-width:70%;display:flex;flex-direction:column}.message-text{padding:10px 14px;border-radius:12px;word-wrap:break-word;white-space:pre-wrap;line-height:1.5;font-size:14px}.message-ai .message-text{background:#fff;color:#333;border-top-left-radius:2px;box-shadow:0 2px 4px #0000000d}.message-user .message-text{background:linear-gradient(135deg,#1890ff,#0050b3);color:#fff;border-top-right-radius:2px;box-shadow:0 2px 8px #1890ff4d}.message-time{font-size:11px;color:#999;margin-top:4px;padding:0 4px}.message-ai .message-time{text-align:left}.message-user .message-time{text-align:right}.typing{display:flex;align-items:center;gap:4px;padding:12px 16px}.typing .dot{width:8px;height:8px;border-radius:50%;background:#1890ff;animation:typing 1.4s infinite}.typing .dot:nth-child(2){animation-delay:.2s}.typing .dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.quick-questions{padding:12px 16px;background:#fff;border-top:1px solid #e8e8e8}.quick-questions-title{font-size:12px;color:#666;margin-bottom:8px}.quick-question-tag{cursor:pointer;margin-bottom:4px;padding:4px 12px;border-radius:16px;background:#f0f2ff;border-color:#d9d9ff;color:#1890ff;transition:all .3s ease}.quick-question-tag:hover{background:#1890ff;color:#fff;border-color:#1890ff;transform:translateY(-2px)}.input-container{padding:12px 16px;background:#fff;border-top:1px solid #e8e8e8;display:flex;gap:8px;align-items:flex-end}.input-container .ant-input{flex:1;border-radius:20px;padding:8px 16px}.send-button{border-radius:20px;height:auto;padding:8px 20px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#555}.customer-service-button{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#0050b3);border:none;box-shadow:0 4px 16px #1890ff66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.customer-service-icon{font-size:28px;color:#fff;position:relative;z-index:1}.customer-service-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#ff4d4f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;border:2px solid white;animation:badgePulse 1.5s ease-in-out infinite}.message-bubble{position:absolute;top:-8px;right:-8px;background:#fff;padding:8px 12px;border-radius:12px;box-shadow:0 2px 8px #00000026;font-size:12px;white-space:nowrap;animation:bubbleSlideIn .3s ease-out;max-width:200px;overflow:hidden;text-overflow:ellipsis}@keyframes bubbleSlideIn{0%{opacity:0;transform:translateY(10px) translate(-20px)}to{opacity:1;transform:translateY(0) translate(0)}}.message-bubble:after{content:"";position:absolute;bottom:-6px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid white}@media (max-width: 768px){.floating-customer-service{bottom:60px;right:20px}.customer-service-button{width:50px;height:50px}.customer-service-icon{font-size:24px}.customer-service-drawer .ant-drawer-content-wrapper{width:100%!important}}.floating-customer-service{position:fixed;bottom:80px;right:30px;z-index:9999;animation:floatPulse 2s ease-in-out infinite}@keyframes floatPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.customer-service-button{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#0050b3);border:none;box-shadow:0 4px 16px #1890ff66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.customer-service-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.customer-service-button:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1890ff80}.customer-service-button:hover:before{opacity:1}.customer-service-button:active{transform:translateY(-2px)}.customer-service-icon{font-size:24px;color:#fff;position:relative;z-index:1}.customer-service-badge{position:absolute;top:-3px;right:-3px;width:18px;height:18px;background:#ff4d4f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;border:2px solid white;animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width: 768px){.floating-customer-service{bottom:60px;right:20px}.customer-service-button{width:45px;height:45px}.customer-service-icon{font-size:20px}.customer-service-badge{width:16px;height:16px;font-size:10px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh}.ant-layout{min-height:100vh}.site-layout-content{background:#fff;padding:24px;min-height:280px}.logo{height:32px;margin:16px;background:#ffffff4d}.ant-row-rtl .logo{float:right;margin:16px 0 16px 16px}.custom-sider-theme.custom-sider-dark .ant-pro-sider,.custom-sider-theme.custom-sider-dark .ant-layout-sider,.custom-sider-theme.custom-sider-dark .ant-menu,.custom-sider-theme.custom-sider-dark .ant-menu-root{background:#001529!important}.custom-sider-theme.custom-sider-dark .ant-menu-item,.custom-sider-theme.custom-sider-dark .ant-menu-submenu-title{color:#ffffffd9!important}.custom-sider-theme.custom-sider-dark .ant-menu-item:hover,.custom-sider-theme.custom-sider-dark .ant-menu-submenu-title:hover{color:#fff!important;background:#ffffff14!important}.custom-sider-theme.custom-sider-dark .ant-menu-item-selected{background:#1890ff!important;color:#fff!important}.custom-sider-theme.custom-sider-dark .ant-pro-sider-logo{background:#002140!important}.custom-sider-theme.custom-sider-dark .ant-pro-sider-collapsed-button{background:#001529!important;border-top:1px solid rgba(255,255,255,.1);color:#ffffffd9!important}.custom-sider-theme.custom-sider-dark .ant-pro-sider-collapsed-button:hover{color:#fff!important}.custom-sider-theme.custom-sider-light .ant-pro-sider,.custom-sider-theme.custom-sider-light .ant-layout-sider,.custom-sider-theme.custom-sider-light .ant-menu,.custom-sider-theme.custom-sider-light .ant-menu-root{background:#fff!important}.custom-sider-theme.custom-sider-light .ant-menu-item,.custom-sider-theme.custom-sider-light .ant-menu-submenu-title{color:#000000d9!important}.custom-sider-theme.custom-sider-light .ant-menu-item:hover,.custom-sider-theme.custom-sider-light .ant-menu-submenu-title:hover{color:#1890ff!important}.custom-sider-theme.custom-sider-light .ant-menu-item-selected{background:#e6f4ff!important;color:#1890ff!important}.custom-sider-theme.custom-sider-light .ant-pro-sider-logo{background:#fff!important}.custom-sider-theme.custom-sider-light .ant-pro-sider-collapsed-button{background:#fff!important;border-top:1px solid #f0f0f0;color:#000000a6!important}.custom-sider-theme.custom-sider-light .ant-pro-sider-collapsed-button:hover{color:#1890ff!important}