/* 主元素 */
::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

/* 
body {
    overflow: hidden;
} */

main {
    padding-top: 4rem;
    height: 100%;
}

/* 导航条 */
header {
    height: 4rem;
}

/* 侧边栏 */
.offcanvas {
    max-width: calc(100vw*0.8);
    height: 100%;
}

.offcanvas-lg {
    max-width: calc(100vw*0.8);
    height: 100%;
}

/* 消息列表 */
#sidebarbox {
    height: 100%;
    /* height: calc(100vh - 4rem); */
}

/* 按钮区 */
#newconversationbtn {
    height: 3rem;
}

/* 列表区 */
.c-content {
    width: 85%;
}

.c-btn {
    width: 15%;
    min-width: 15px;
    z-index: 1000;
}

.c-btn .feather {
    width: 100%;
}

/* 聊天框 */
#chatbox {
    height: 100%;
}

#chatwindow {
    height: calc(100% - 4rem);
}

#inputarea {
    resize: none;
    max-height: 10rem;
    height: calc(1rem + calc(var(--bs-border-width) * 2));
}

.msgicon {
    width: 3rem;
    height: 3rem;
}

.widthfix {
    max-width: 100%;
}

.widthfix1 {
    max-width: calc(100% - 6rem);
}

.msgcard {
    border-radius: 1.5rem;
    padding: 0.5rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    margin-top: 0.5rem;
}

.msgcard p {
    margin: 0;
}

.gptmsg {
    border-radius: 1.5rem 1.5rem 1.5rem 0;
    background-color: #e9e9eb;
}

.gptmsg ::selection {
    color: #f8f9fa;
    background-color: #367bf6;
}

.usermsg {
    border-radius: 1.5rem 1.5rem 0 1.5rem;
    background-color: #367bf6;
}

.usermsg ::selection {
    color: #212529;
    background-color: #e9e9eb;
}

.row {
    --bs-gutter-x: 0;
}