* {
    font-family: "Noto Sans CJK TC", "Microsoft JhengHei", PingFang, STHeiti, sans-serif, serif;
}

/*
body {
--bs-body-bg: #484848;
--bs-card-bg: #484848;
}
*/

body {
    background-color: #484848 !important;
    /*background-color: #A7A7A7 !important;*/
}

nav {
    background-color: #A7A7A7;
    /*background-color: #808080;*/
}

.carl {
    background-image: url('../../img/index-2.png');
    background-position: center; /* 圖片置中 */
    background-repeat: no-repeat; /* 不重複 */
    background-size: cover; /* 關鍵：等比放大填滿 */
    min-height: 85vh;
    color: whitesmoke;
    margin: 0;
    vertical-align: middle;
}

.message-btn {
    position: fixed;
    width: 100px;
    height: 100px;
    right: 50px;
    bottom: 50px;
}

.text-with-newlines {
    white-space: pre-line;
}

.text-code {
    color: var(--bs-code-color);
}

.table-width {
    width: 3.5em;
}

@media screen and (width >= 768px) {
    #ai_assistant {
        --bs-offcanvas-width: 60%;
    }
}

@media screen and (width >= 1024px) {
    #ai_assistant {
        --bs-offcanvas-width: 50%;
    }
}

@media screen and (width >= 1200px) {
    #ai_assistant {
        --bs-offcanvas-width: 40%;
    }
}

@media screen and (width >= 1400px) {
    #ai_assistant {
        --bs-offcanvas-width: 30%;
    }
}