#col-container {max-width: 80%; margin-left: auto; margin-right: auto;}
#chatbox {min-height: 400px;}
#header {text-align: center;}
#prompt_template_preview {padding: 1em; border-width: 1px; border-style: solid; border-color: #e0e0e0; border-radius: 4px;}
#total_tokens_str {text-align: right; font-size: 0.8em; color: #666;}
#label {font-size: 0.8em; padding: 0.5em; margin: 0;}
#ids{visibility: hidden;}
footer {visibility: hidden;}

.message {
    white-space: pre-line !important;
}

/* 表格 */
table {
    margin: 1em 0;
    border-collapse: separate;
    border-spacing: 0px 0px;
    border: 1px solid #333;
    empty-cells: show;
    width: 100%;
}
td,th {
    border: 1px solid #697070 !important;
    padding: 0.2em;
}
thead {
    background-color: rgba(175,184,193,0.2);
}
thead th {
    padding: .5em .2em;
}
tbody td {
    text-indent: .5em;
}
/* 行内代码 */
code {
    display: inline;
    white-space: break-spaces;
    border-radius: 6px;
    margin: 0 2px 0 2px;
    padding: .2em .4em .1em .4em;
    background-color: rgba(175,184,193,0.2);
}
/* 代码块 */
pre code {
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: hsla(0, 0%, 0%, 80%)!important;
    border-radius: 10px;
    padding: 1rem 1.2rem 1rem;
    margin: 1.2em 2em 1.2em 0.5em;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    color: #FFF;
    box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2);
}