div.group.relative > div.relative.inline-block.bg-gray-100\/90 {
background-color: rgba(224, 247, 250, 0.9);
color: #000000;
border: 4px solid transparent;
border-image: linear-gradient(45deg, #4169E1, #FF4500, #FFD700) 1;
border-radius: 16px;
}
.styled-prose-container {
display: flex;
flex-direction: column;
gap: 12px;
font-family: sans-serif;
}
.classUI-story-panel {
padding: 4px 0;
}
.classUI-story-text {
margin: 0;
padding: 0 4px;
text-align: left;
font-family: "KaiTi", "STKaiti", "楷体", serif;
color: #000000;
font-size: 1.1em;
text-indent: 2em;
line-height: 1.7;
}
.classUI-collapsible-section {
background-color: #FFB74D;
border-radius: 0;
overflow: hidden;
border: 3px solid transparent;
border-image: linear-gradient(to right, #32CD32, #9400D3) 1;
}
.classUI-summary {
font-weight: bold;
color: #FFFFFF;
background-color: #F57C00;
cursor: pointer;
padding: 4px 10px;
font-size: 0.9em;
list-style: none;
display: block;
transition: background-color 0.2s ease;
}
.classUI-summary:hover {
background-color: #E65100;
}
.classUI-summary::-webkit-details-marker {
display: none;
}
.classUI-panel-content {
color: #3E2723;
background-color: #FFE0B2;
padding: 12px 15px;
}
.classUI-status-grid {
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.classUI-status-item {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 6px;
border-left: 4px solid #FB8C00;
padding: 8px 12px;
display: flex;
flex-direction: column;
gap: 4px;
}
.classUI-status-item.full-width {
grid-column: 1 / -1;
}
.classUI-label {
font-weight: bold;
color: #D84315;
font-size: 0.9em;
}
.classUI-value {
color: #3E2723;
word-wrap: break-word;
font-size: 0.95em;
}
.classUI-nested-list {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 4px;
padding-left: 8px;
border-left: 2px solid #FFCC80;
}
.classUI-nested-list span {
color: #4E342E;
font-size: 0.95em;
}
.classUI-memory-block {
margin-bottom: 12px;
}
.classUI-memory-block:last-child {
margin-bottom: 0;
}
.classUI-sub-header {
margin: 0 0 8px 0;
font-weight: bold;
color: #D84315;
border-bottom: 1px solid #FFCC80;
padding-bottom: 6px;
}
.classUI-memory-text {
margin: 0;
background-color: rgba(255, 255, 255, 0.4);
border-radius: 4px;
padding: 10px 12px;
color: #4E342E;
line-height: 1.6;
}
.classUI-assist-list {
display: flex;
flex-direction: column;
gap: 6px;
}
.classUI-assist-item {
margin: 0;
padding: 4px 8px;
color: #3E2723;
font-size: 0.9em;
line-height: 1.5;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 4px;
}
@media (max-width: 768px) {
div.group.relative > div.relative.inline-block.bg-gray-100\/90 {
max-width: 90vw;
margin: 0 auto;
}
.classUI-story-text {
font-size: 1em;
line-height: 1.6;
}
.classUI-status-grid {
grid-template-columns: 1fr;
}
.classUI-panel-content {
padding: 10px;
}
}