#ai-bit-shortcut {
    width: 100px;
    height: 125px;
    cursor: pointer;
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-align: center;
    line-height: 50px;
    color: white;
    background-size: cover;
    z-index: 99999;
    /* box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; */
    /* background-image: url('https://coss.yanhekt.cn/images/ibit/ibit_logo.png'); */
    background-image: url('//coss.yanhekt.cn/images/2024/12/a4f21d4889be4abc8bb4db50e32121cb.gif');
    background-size: cover;
}

#ai-bit-shortcut:hover .ibit-ip_tip {
    display: block;
}

.ibit-ip_tip {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    padding: 8px 0;
    background: linear-gradient(135deg, #AB67FF 0%, #616EFF 51%, #50B5FF 100%);
    box-shadow: 0px 2px 8px 0px rgba(124, 129, 255, 0.5);
    border-radius: 10px;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
    word-break: break-all;
    display: none;
}

.ibit-ip_tip::after{content: "";position: absolute;bottom: -12px;left: 50%;border-width: 6px;border-style: solid;border-color: #7E8EFF transparent transparent transparent;transform: translateX(-50%);}

#ai-bit-play-animation-btn {
    display: none;
    right: -30px;
    top: -15px;
    position: absolute;
    width: 28px;
    height: 31px;
    background-size: cover;
    cursor: pointer;
    background-image: url("data:image/png;base64,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");

}

.ai-bit-container {
    position: relative;
}

.ai-bit-shortcut {
    width: 50px;
    height: 50px;
    background-size: cover;
    cursor: pointer;
}

/* .ai-bit-shortcut:hover+.ai-bit-options {
    opacity: 1;
    z-index: 1;
    left: 50px;
}*/

.ai-bit-options {
    top: 0;
    left: 20px;
    opacity: 0;
    position: absolute;
    transition: all 0.6s;
    z-index: -1;
    display: none;
}

/*
.ai-bit-options:hover {
    opacity: 1;
    left: 50px;
    cursor: pointer;
} */

#ai-bit-chat-window {
    height: 100vh;
    width: 530px;
    color: #212b36;
    user-select: text;
    text-align: left;
    font-weight: 400;
    white-space: normal;
    color: #000;
    box-sizing: border-box;
    position: fixed;
    display: flex;
    flex-direction: row;
    z-index: 5;
    /* overflow: hidden; */
    font-size: 14px;
    line-height: normal;
    top: 0;
    bottom: 0;
    right: 0;
    /* box-shadow: -1px 0 1px #919eab3d; */
    flex: 1;
    min-width: 0px;
    background-color: #f4f4f5;
    padding: 2px;
    border-radius: 4px;
    z-index: 99999;
}

.ai-bit-chat-main-window-nav {
    width: 61px;
    padding-left: 1px;
    height: ;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 10px;
    position: relative;
    overflow: hidden;
    background: #ececee;
    display: none;

}

.ai-bit-chat-box-dragger {
    position: relative;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.ai-bit-chat-box-dragger-web {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
}

.ai-bit-chat-main-window-nav-header {
    width: 100%;
    padding: 14px 0;
    column-gap: 7px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 16px;

}

.ai-bit-chat-main-window-nav-header-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: transparent;
    /* background: #d2ced7; */
    /* border-radius: 50%; */
    width: 28px;
    height: 30px;
    /* border: 2px solid #f4f4f5; */
    border-width: 2px;
    border-color: #f4f4f5;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background: #ffffff;
}

.header-item-float {
    position: absolute;
    left: -28px;
    top: 1%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#ai-bit-animation-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

#ai-bit-animation-modal iframe {
    width: 100%;
    height: 100%;
    border: none;
}

#ai-bit-animation-icon-close {
    color: #fff;
    width: 22px;
    height: 22px;
    font-size: 20px;
    z-index: 3;
    right: calc(30vw);
    top: calc(20vh);
    position: absolute;
    cursor: pointer;
}

#ai-bit-animation-close-modal {
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 300px auto;
    width: 330px;
    height: auto;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    z-index: 9999;
}


.ai-bit-animation-close-modal-content {
    display: block;
    text-align: center;
    height: 60px;
}

.ai-bit-animation-close-modal-footer {
    display: flex;
    justify-content: space-between;
}

.ai-bit-animation-close-modal-btn {
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 6px;
    padding: 4px 15px;
    box-sizing: border-box;
    color: #000;
    outline: none;
    border: 1px solid #d9d9d9
}

.ai-bit-animation-close-modal-btn-confirm {
    color: white;
    background-color: #1677ff;
}

.ai-bit-animation-close-modal-btn-confirm-always {
    color: white;
    background-color: red;
}

@media (max-width: 530px) {
    #ai-bit-chat-window {
        width: 100vw;
    }
}