/* 四立阁AI聊天组件样式 v1 */
#slg-chat-fab{
    position:fixed;
    right:16px;
    bottom:24px;
    z-index:99998;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#6366f1;
    color:#fff;
    border:none;
    border-radius:26px;
    padding:0 18px;
    height:52px;
    font-size:15px;
    cursor:pointer;
    box-shadow:0 4px 16px rgba(99,102,241,.4);
    font-family:"Microsoft YaHei",sans-serif;
}
#slg-chat-fab .slg-fab-ico{font-size:20px;margin-right:6px;line-height:1;}
#slg-chat-fab:hover{background:#4f52e0;}
#slg-chat-window{
    position:fixed;
    right:16px;
    bottom:90px;
    width:380px;
    height:520px;
    background:#fff;
    border-radius:14px;
    box-shadow:0 8px 40px rgba(0,0,0,.22);
    z-index:99999;
    display:none;
    flex-direction:column;
    overflow:hidden;
    font-family:"Microsoft YaHei",sans-serif;
}
#slg-chat-window.slg-open{display:flex;}
.slg-chat-header{
    background:#6366f1;
    color:#fff;
    padding:13px 16px;
    display:flex;
    align-items:center;
    flex-shrink:0;
}
.slg-chat-title{flex:1;font-size:15px;font-weight:bold;}
.slg-chat-close{
    background:transparent;
    border:none;
    color:#fff;
    font-size:24px;
    cursor:pointer;
    line-height:1;
    padding:0 2px;
}
.slg-chat-messages{
    flex:1;
    overflow-y:auto;
    padding:14px;
    background:#f6f7fb;
    -webkit-overflow-scrolling:touch;
}
.slg-msg{display:flex;margin-bottom:12px;}
.slg-msg-user{justify-content:flex-end;}
.slg-msg-bubble{
    max-width:75%;
    padding:9px 12px;
    border-radius:12px;
    font-size:14px;
    line-height:1.55;
    word-break:break-word;
}
.slg-msg-ai .slg-msg-bubble{background:#fff;color:#333;border:1px solid #ececf3;border-top-left-radius:3px;}
.slg-msg-user .slg-msg-bubble{background:#6366f1;color:#fff;border-top-right-radius:3px;}
.slg-msg-typing .slg-msg-bubble{color:#999;font-size:13px;}
.slg-chat-input{
    display:flex;
    padding:10px;
    border-top:1px solid #e8e8f0;
    background:#fff;
    flex-shrink:0;
}
.slg-chat-input input{
    flex:1;
    border:1px solid #dcdfe6;
    border-radius:8px;
    padding:9px 12px;
    font-size:14px;
    outline:none;
    margin-right:8px;
    font-family:"Microsoft YaHei",sans-serif;
}
.slg-chat-input input:focus{border-color:#6366f1;}
.slg-chat-input button{
    background:#6366f1;
    color:#fff;
    border:none;
    border-radius:8px;
    padding:0 18px;
    font-size:14px;
    cursor:pointer;
    font-family:"Microsoft YaHei",sans-serif;
}
.slg-chat-input button:disabled{background:#b9bbf5;cursor:not-allowed;}
@media screen and (max-width:768px){
    #slg-chat-fab{display:none;}
    #slg-chat-window{
        left:0;
        right:0;
        bottom:0;
        top:0;
        width:100%;
        height:100%;
        border-radius:0;
    }
    .slg-chat-messages{padding-bottom:20px;}
    .slg-msg-bubble{max-width:82%;}
}