/* ====== 火影忍者主题 CSS 2.0 ====== */

/* 正文背景框 */
.naruto-main {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  border: 2px solid #e94560;
  border-radius: 8px;
  padding: 16px 20px;
  margin: 10px 0;
  box-shadow: 0 0 20px rgba(233, 69, 96, 0.25), inset 0 0 30px rgba(0, 0, 0, 0.3);
  color: #eaeaea;
  line-height: 1.75;
  font-size: 15px;
}

/* NPC对话 */
.npc-dialogue {
  color: #ff6b35;
  font-weight: 500;
}

/* 内心独白 */
.inner-thought {
  color: #a78bfa;
  font-style: italic;
}

/* 忍术名称 */
.jutsu-name {
  color: #fbbf24;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(251, 191, 36, 0.5);
}

/* 系统提示 */
.system-alert {
  background: rgba(233, 69, 96, 0.12);
  border-left: 4px solid #e94560;
  border-radius: 0 6px 6px 0;
  padding: 10px 14px;
  margin: 8px 0;
  color: #f8d7da;
  font-size: 14px;
}

/* 命运抉择面板 */
.destiny-choice {
  background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 100%);
  border: 2px solid #fbbf24;
  border-radius: 8px;
  padding: 14px 18px;
  margin: 14px 0;
  box-shadow: 0 0 15px rgba(251, 191, 36, 0.2);
}

.destiny-choice pre {
  background: transparent;
  border: none;
  color: #eaeaea;
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-wrap;
  margin: 0;
  padding: 0;
}

/* ====== 折叠面板样式优化 ====== */

/* 折叠面板容器 */
details {
  background: rgba(15, 15, 26, 0.6);
  border: 1px solid #2a2a4a;
  border-radius: 6px;
  margin: 6px 0;
  padding: 2px 8px;
}

/* 折叠面板标题 */
details summary {
  color: #e94560;
  font-weight: bold;
  cursor: pointer;
  padding: 6px 0;
  transition: color 0.2s ease;
  font-size: 14px;
}

details summary:hover {
  color: #ff6b35;
}

/* 折叠面板内部 - 核心优化 */
details pre {
  background: #0a0a14;
  border: 1px solid #1a1a2e;
  border-radius: 4px;
  padding: 10px 12px;
  margin: 4px 0 6px 0;
  color: #c9c9c9;
  font-size: 13px;
  line-height: 1.5;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

/* ====== 状态栏内容紧凑化 ====== */

/* 技能列表样式 */
details pre .skill-category {
  color: #ff6b35;
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 2px;
}

details pre .skill-item {
  margin-left: 12px;
  line-height: 1.4;
}

/* 分隔线 */
details pre hr {
  border: none;
  border-top: 1px dashed #2a2a4a;
  margin: 6px 0;
}

/* 状态栏标签高亮 */
details pre .label {
  color: #fbbf24;
}

details pre .value {
  color: #eaeaea;
}

/* 角色状态指示器 */
details pre .status-good {
  color: #6bff6b;
}

details pre .status-warn {
  color: #fbbf24;
}

details pre .status-danger {
  color: #ff6b6b;
}