.agent-case .agent-live-figure { margin: 0; }
.agent-case .agent-live-figure img { display: block; width: 100%; height: auto; border-radius: var(--site-image-radius); }
.agent-case .agent-live-figure figcaption { color: var(--site-muted); font-size: 13px; line-height: 1.8; margin-top: 12px; }
.agent-case .agent-case-status { color: var(--site-blue); font-size: 14px; margin-top: 18px; }
.agent-case .agent-scene-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px 32px; padding: 0; margin: 28px 0 0; list-style: none; }
.agent-case .agent-scene-list li { padding: 14px 0; border-bottom: 1px solid var(--site-line); font-size: 16px; }
.agent-case .agent-theme-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.agent-case .agent-theme-list a { display: flex; flex-direction: column; gap: 10px; padding: 24px; color: var(--site-ink); border-top: 1px solid var(--site-line); text-decoration: none; }
.agent-case .agent-theme-list a:hover { color: var(--site-blue); background: var(--site-ice); }
.agent-case .agent-theme-list span { color: var(--site-muted); font-size: 14px; }
.agent-case .agent-action-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 0; list-style: none; margin: 0; }
.agent-case .agent-action-flow li { border-top: 1px solid var(--site-line); padding-top: 24px; }
.agent-case .agent-action-flow h3 { font-size: 22px; margin-bottom: 14px; }
.agent-case .agent-action-flow p { font-size: 16px; color: var(--site-ink-soft); }
@media (max-width: 760px) {
  .agent-case .agent-scene-list, .agent-case .agent-theme-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-case .agent-action-flow { grid-template-columns: 1fr; }
  .agent-case .agent-theme-list a { padding: 20px 12px; }
}