@media all {

    body.CHAT,
    body.CHAT main,
    body.CHATINDEX,
    body.CHATINDEX main,
    body.IFRAMECHAT {
        overflow: hidden;
        height: 100vh;
    }

    .EzChatBox {
        /*
        height: calc(100% - 1px);
        */
        height: 100%;
    }

    body.CHAT .EzChatBox.chat {
        height: calc(100vh - 50px);
    }

    .chatBoxOffcanvasIconBtn {
        right: 20px;
        left: auto;
        bottom: 50px;
        z-index: 1020;
    }

    .EzChatBox .sent-message-content {
        background-color: var(--chart-lighter) !important;
    }

    [data-bs-theme=dark] .sent-message-content {
        background-color: var(--chart-lighter) !important;
    }

    .EzChatBox .received-message-content {
        background-color: var(--phoenix-body-highlight-bg);
    }

    .EzChatBox.chat .chat-message .sent-message-content:not(.EzChatBox.chat .chat-message .sent-message-content.gallery):after {
        border: none;
    }

    .EzChatBox.chat .chat-message .received-message-content:not(.EzChatBox.chat .chat-message .received-message-content.gallery):after {
        border-color: var(--phoenix-body-highlight-bg) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

    .EzChatBox .MsgAction button:not(.text-warning-dark) {
        opacity: .9;
    }
    .EzChatBox .MsgAction button:not(.text-warning-dark) svg {
        opacity: .5;
    }

    .EzChatBox .titleHeader {
        font-size: 0.9rem;
    }

    .EzChatBox .contentHtml,
    .EzChatBox blockquote{
        font-size: 1rem;
        color: var(--phoenix-emphasis-color);
    }

        .EzChatBox .contentHtml a:hover:not(img) {
            text-decoration: underline;
            text-decoration-style: dotted;
        }

    .EzChatBox .line-clamp-1 {
        max-width:300px;
    }

    .EzChatBox blockquote {
        background-color:#fff;
    }
    [data-bs-theme=dark] .EzChatBox blockquote {
        background-color: rgb(10 22 39 / 35%) !important;
    }

    .EzChatBox .scroll-to-bottom-button {
        color: var(--phoenix-primary-light);
    }

        .EzChatBox .scroll-to-bottom-button:hover {
            background-color: var(--phoenix-body-bg);
            color: var(--phoenix-warning-dark);
        }

    .limitHeight {
        max-height: 600px;
    }

    .ezMsgBoxReply {
        background-color: var(--phoenix-emphasis-bg);
        z-index: 2;
    }

    .chat-message-content blockquote {
        border-left-width: 5px !important;
    }

    .EzChatBox .highlight {
        padding: 0 .5rem;
        padding-top: .5rem;
        margin: 1rem 0;
        background-color: #1750f30f;
        border-radius: .5rem;
    }

        .EzChatBox .highlight .received-message-content:not(.chat .chat-message .received-message-content.gallery):after {
            border-color: none !important;
        }

    .ChatBoxOffcanvas .MsgItem {
        width: 75% !important;
    }

    .chat .chat-message .chat-message-content {
        min-width: 236px;
    }

    .chat .chat-message .received-message-content:not(.chat .chat-message .received-message-content.gallery):after,
    .chat .chat-message .received-message-content:not(.chat .chat-message .received-message-content.gallery):before {
        content: initial !important;
        border: 0!important;
    }    

    @media (min-width: 1279px) {
        .offcanvas.offcanvas-end.ChatBoxOffcanvas {
            width: 68%;
            max-width: 1280px;
            z-index: 1500;
        }
    }

    @media (min-width: 576px) {
        .chat .chat-message .chat-message-content.received {
            max-width: calc(100% - 1rem)!important;
        }
    }

    @media (max-width: 1279px) {
        .offcanvas.offcanvas-end.ChatBoxOffcanvas {
            width: 100%;
        }
    }

    /*
    body.CHAT.Android .EzChatBox.chat {
        height: calc(100vh - 9rem);
    }
    */

    @media (min-width: 576px) {
        .chat .chat-sidebar:not(.stk) {            
            max-width: 300px;            
        }
    }

    /* 通用手机样式 */
    @media (max-width: 767px) {

        /*
        body.CHAT.Android .EzChatBox.chat {
            height: calc(100vh - 6.5rem);
        }

        body.CHAT.Safari .EzChatBox.chat {
            height: calc(100vh - 4.5rem);
        }
        */

        .ChatBoxOffcanvas .offcanvas-body {
            padding: 0;
        }

        .ChatBoxOffcanvas .card {
            border-radius: 0;
        }

        .ChatBoxOffcanvas .card-header,
        .ChatBoxOffcanvas #chat-sidebar {
            padding-top: 1.2rem !important;
        }

        .chat .chat-message .chat-message-content.received {
            /* max-width: calc(100% - 6rem); */
            max-width:100%!important;
        }
    }
}

/*
@media (min-width: 1200px) {
    .chat .chat-sidebar {
        width: 360px;
        min-width: 360px;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
@media (min-width: 576px) {
    .chat .chat-sidebar {
        width: auto;
        background: rgba(0, 0, 0, 0);
        border: 0;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
*/