#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); }