.kai-kms-test {padding:10px;}
.kai-kms-test .test-search {display:flex;gap:10px;align-items:end;}
.kai-kms-test .test-result {
    margin-top:10px;padding-top:10px;padding-bottom:10px;
    max-height:300px;overflow:auto;border:1px dashed #ccc;border-radius:5px;
}

.kai-menu, .kai-page {position:absolute;top:0;bottom:0;}
.kai-menu {left:0;width:200px;background-color:var(--kui-bgcolor);}
.kai-page {
    left:200px;right:0;overflow:auto;padding:10px;background-color:#fafafa;text-align:center;transform:rotate(360deg);
    display:flex;flex-direction:column;
}

.kai-menu-title {display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:bold;padding:10px;}
.kai-menu-title .anticon {cursor:pointer;}
.kai-menu-search {margin:5px 0;padding:0 10px;}
.kai-menu-agents {position:absolute;top:85px;left:0;bottom:0;right:0;padding:10px;overflow-x:hidden;overflow-y:auto;}
.kai-menu-agent-item {display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 15px;}
.kai-menu-agent-item.active {background-color:#e6e6e6;border-radius:5px;}
.kai-menu-agent-item img {width:20px;height:20px;border-radius:3px;}
.kai-menu-agent-item .name {display:inline-block;height:20px;line-height:20px;margin-left:6px;}

.kai-chat {width:70%;margin:10px auto;padding:20px;text-align:left;padding-bottom:120px;}
.kai-chat .kui-card {margin-top:20px;padding:10px;}
.kai-chat h2 {}
.kai-chat .new {display:flex;justify-content:center;}
.kai-chat .new .kui-icon {background-color:#dbeafe;color:#4d6bfe;padding:2px 14px;border-radius:12px;}
.kai-chat-infos {flex:1;overflow-y:auto;overflow-x:hidden;}
.kai-chat-infos .avatar {width:32px;height:32px;border-radius:16px;}
.kai-chat-infos .think {background-color:#f5f5f5;color:#8b8b8b;padding:0 5px;border-left:3px solid #e5e5e5;}

.kai-chat-send {position:fixed;bottom:0;left:0;right:8px;z-index:1000;background:#fafafa;padding:0 15%;}
.kai-chat-send .ant-input {border-radius:20px;padding:10px;margin-top:10px;}
.kai-chat-send .action {position:fixed;right:calc(15% + 18px);bottom:35px;}
.kai-chat-send .action .anticon {font-size:1.2rem;background:#1890ff;color:#fff;padding:5px;border-radius:50%;cursor:pointer;}
.kai-chat-send .action.disable .anticon {background:#d6dee8;cursor:not-allowed;}
.kai-chat-send .tips {text-align:center;padding:5px;color:#a3a3a3;font-size:12px;}

.kai-chat-item {display:flex;justify-content:flex-end;margin-bottom:10px;}
.kai-chat-item p, .kai-chat-item pre {margin-bottom:0;font-family:unset;}
.kai-chat-item .bubble {display:flex;justify-content:flex-end;max-width:90%;}
.kai-chat-item .bubble .action {margin-right:10px;padding-top:5px;cursor:pointer;}
.kai-chat-item .bubble .message {position:relative;padding:5px 10px;border-radius:5px;background-color:#eff6ff;color:#262626;}
.kai-chat-item.send .bubble .action {display:none;}
.kai-chat-item.send .bubble:hover .action {display:block;}
.kai-chat-item.receive {justify-content:flex-start;}
.kai-chat-item.receive .bubble {flex-direction:column;}
.kai-chat-item.receive .bubble .message {background-color:#fafafa;}
.kai-chat-item.receive .bubble .action {display:flex;gap:10px;padding:5px 10px;}
.kai-chat-item.receive .bubble pre {
    background-color:#f1f1f1;padding:5px 10px;border-left:3px solid #1890ff;overflow-y:hidden;
}

.kai-chat-item .edit-box {width:100vw;}
.kai-chat-item .edit-box .button {text-align:right;margin-top:5px;}

.kai-model-extend {margin-left:120px;padding-bottom:24px;font-weight:700;}

.kai-prompts {display:flex;align-items:center;margin-top:10px;}
.kai-prompts .ant-tag {cursor:pointer;}

:root[data-theme=dark] .kai-page,
:root[data-theme=dark] .kai-menu-agent-item.active,
:root[data-theme=dark] .kai-chat-send,
:root[data-theme=dark] .kai-chat-item.receive .bubble .message {background-color:#1f1f1f;}
:root[data-theme=dark] .kai-chat-item.receive .bubble pre1 {background-color:#141414;}
:root[data-theme=dark] .kai-chat-item .bubble .message {background-color:#414158;color:#f8faff;}
:root[data-theme=dark] .kai-chat-infos .think {background-color:#141414;border-left-color:#4e4e56;}

@media screen and (max-width:1280px) {
    .kai-chat {width:90%;}
    .kai-chat-send {padding:0 5%;}
    .kai-chat-send .action {right:calc(5% + 18px);}
}
@media screen and (max-width:912px) {
}
@media screen and (max-width:768px) {
    .kai-page {left:0;}
    .kai-menu {display:none;}
}
@media screen and (max-width:574px) {
    .kai-chat {width:100%;padding:10px;}
    .kai-chat-send {padding:0 10px;}
    .kai-chat-send .action {right:28px;}
}