/* --- 核心显示逻辑 --- */
think, .think-box { display: none !important; }
scene, status, memory, text { display: block; width: 100%; }

/* --- 容器美化 --- */
.ui-box, .ui-card {
    background: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
    margin: 15px 0;
    transition: transform 0.2s ease;
}

.ui-card:hover { transform: translateY(-2px); }

/* --- 侧边标识 --- */
.scene-box { border-left: 8px solid #212529; }
.user { border-left: 8px solid #4dabf7; }
.meiya { border-left: 8px solid #ff8787; }
.npc-list { border-left: 8px solid #51cf66; }
.choice { border-left: 8px solid #fcc419; }
.memory-box { border-left: 8px solid #845ef7; }

/* --- 交互式标题 --- */
summary {
    padding: 12px 16px;
    font-weight: bold;
    cursor: pointer;
    background: #f8f9fa;
    list-style: none;
    outline: none;
    border-radius: 12px;
}

details[open] summary {
    border-bottom: 1px solid #f1f3f5;
    border-radius: 12px 12px 0 0;
}

/* --- 内容微调 --- */
.ui-content { padding: 14px; font-size: 14px; color: #495057; line-height: 1.6; }
.ui-content p { margin: 6px 0; display: block; } /* 修正flex可能导致的排版问题 */

/* --- 进度条系统 --- */
.bar-bg { width: 100%; height: 8px; background: #f1f3f5; border-radius: 4px; margin: 8px 0; }
.bar-fill-favor { height: 100%; background: linear-gradient(90deg, #ffdeeb, #f06595); border-radius: 4px; }
.bar-fill-sincerity { height: 100%; background: linear-gradient(90deg, #e5dbff, #7950f2); border-radius: 4px; }
.bar-fill { height: 100%; background: linear-gradient(90deg, #ffc9c9, #fa5252); border-radius: 4px; }

/* --- 正文美化 --- */
text { 
    display: block; 
    padding: 20px 10px;
    font-size: 1.05rem; 
    line-height: 1.8; 
    color: #343a40; 
    letter-spacing: 0.5px;
}
