/* ========== 折叠卡片容器 ========== */
.chain-of-thought,
.scene-card,
.status-card,
.memory-card {
  background: #0a1018 !important;
  border: 1px solid rgba(122, 162, 199, 0.2) !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ========== 折叠卡片标题 ========== */
.chain-of-thought summary,
.scene-card summary,
.status-card summary,
.memory-card summary {
  padding: 10px 16px !important;
  font-size: 0.8rem !important;
  letter-spacing: 1px !important;
  cursor: pointer !important;
  background: rgba(122, 162, 199, 0.05) !important;
  border-bottom: 1px solid rgba(122, 162, 199, 0.1) !important;
  color: #7aa2c7 !important;
  outline: none !important;
  list-style: none !important;
  display: block !important;
  margin: 0 !important;
}

/* 隐藏默认的三角标记（可选） */
.chain-of-thought summary::-webkit-details-marker,
.scene-card summary::-webkit-details-marker,
.status-card summary::-webkit-details-marker,
.memory-card summary::-webkit-details-marker {
  display: none !important;
}

/* ========== 各卡片标题颜色 ========== */
.status-card summary {
  color: #88aacc !important;
}

.memory-card.short-term summary {
  color: #a0c4a0 !important;
}

.memory-card.long-term summary {
  color: #c4a97d !important;
}

/* ========== 折叠卡片内容区 ========== */
.chain-of-thought .content,
.scene-card .content,
.status-card .content,
.memory-card .content {
  padding: 12px 16px !important;
  color: #7b8ca0 !important;
  font-size: 0.8rem !important;
  line-height: 1.7 !important;
  background: transparent !important;
  display: block !important;
  margin: 0 !important;
}

/* ========== 状态行 ========== */
.status-row {
  display: flex !important;
  align-items: flex-start !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid rgba(122, 162, 199, 0.08) !important;
  padding-bottom: 8px !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.status-row:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.status-label {
  color: #88aacc !important;
  font-weight: 600 !important;
  min-width: 80px !important;
  flex-shrink: 0 !important;
  font-size: 0.8rem !important;
}

.status-value {
  color: #a5b9ce !important;
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  flex: 1 !important;
}

/* ========== 进度条 ========== */
.progress-bar {
  display: inline-block !important;
  width: 100px !important;
  height: 8px !important;
  background: rgba(122, 162, 199, 0.15) !important;
  border-radius: 4px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  overflow: hidden !important;
}

.progress-fill {
  display: inline-block !important;
  height: 8px !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, #5c7d9e, #88aacc) !important;
}