#swcs-pro-chat {
position: fixed;
right: 20px;
bottom: var(--swcs-pro-bottom, 20px);
z-index: 99999;
--swcs-pro-width: 380px;
--swcs-pro-height: 520px;
}
#swcs-pro-chat .swcs-pro-chat-toggle {
background: #2271b1;
color: #fff;
border: none;
border-radius: 22px;
padding: 10px 14px;
cursor: pointer;
}
#swcs-pro-chat .swcs-pro-chat-box {
position: fixed;
right: 20px;
bottom: var(--swcs-pro-box-bottom, 70px);
width: var(--swcs-pro-width);
height: var(--swcs-pro-height);
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0,0,0,.15);
display: flex;
flex-direction: column;
overflow: hidden;
}
#swcs-pro-chat .swcs-pro-chat-messages {
flex: 1;
overflow: auto;
padding: 12px;
background: #fafafa;
}
#swcs-pro-chat .swcs-pro-chat-form {
display: flex;
border-top: 1px solid #eee;
}
#swcs-pro-chat .swcs-pro-chat-form input {
flex: 1;
border: none;
padding: 12px;
font-size: 14px;
}
#swcs-pro-chat .swcs-pro-chat-form button {
border: none;
background: #2271b1;
color: #fff;
padding: 0 16px;
}
#swcs-pro-chat .swcs-pro-msg {
margin: 6px 0;
padding: 8px 10px;
border-radius: 6px;
max-width: 80%;
}
#swcs-pro-chat .swcs-pro-user {
background: #d9edf7;
margin-left: auto;
}
#swcs-pro-chat .swcs-pro-assistant {
background: #f5f5f5;
margin-right: auto;
} #swcs-pro-chat .swcs-pro-msg.swcs-pro-assistant:contains("… thinking …") {
font-style: italic !important;
opacity: 0.8 !important;
animation: swcs-pro-pulse 1.5s ease-in-out infinite !important;
background-color: yellow !important; border: 2px solid red !important; padding: 10px !important; font-size: 20px !important; } @keyframes swcs-pro-pulse {
0%, 100% { opacity: 0.6 !important; }
50% { opacity: 1 !important; }
}