/*聊天框美化*/
pre code: first-of-type {
background: #2a2a3a;
border:2px solid #4a4a6a;
padding:12px 15px;
margin:15px 0;
border-radius:6px;
color: #8a8aff;
font-family: monospace;
font-size:13px;
text-align: center;
display: block;
}
. bg-gray-100\/90. relative. inline-block,
[class*=" message-bubble"],
[class*=" chat-message"] {
background: #333344;
border:2px solid #555577;
border-left:5px solid #666699;
border-radius:8px;
padding:18px 20px;
margin:15px 0;
max-width:90%;
color: #e0e0ff;
font-family: sans-serif;
font-size:14px;
line-height:1.6;
box-shadow:0 3px 8px rgba(0,0,0,0.2);
11
. markdown-body,
[class*=" message-content"] {
color: #e0e0ff;
font-family: sans-serif;
font-size:14px;
line-height:1.6;
text-align: justify;
}
/*折叠框美化*/
details {
background: #2a2a3a;
border:2px solid #4a4a6a;
border-radius:6px;
margin:15px 0;
overflow: hidden;
}
details summary {
background: #3a3a5a;
color: # ffffff;
padding:12px 15px 12px35px;
font-size:14px;
font-weight: bold;
cursor: pointer;
list-style: none;
position: relative;
border-bottom: | px solid #4a4a6a;
11
details summary:: before {
content: "";
position: absolute;
left:15px;
top:50%;
transform: translateY(-50%);
font-size:10px;
transition: transform 0.2s;
11
details[open] summary:: before {
transform: translateY(-50%) rotate(90deg);
}
details[open] {
background: #333344;
}
details pre code {
background: transparent;
border: none;
margin:0;
padding:15px;
color: #d0d0ff;
font-family: monospace;
font-size:12px;
white-space: pre-wrap;
了
来自华为备忘录
贴@ai风月吧