/**
 * EvoMemory Hub — 统一记忆卡片样式
 * 在 memories、stars、dashboard 等页面通过 <link href="/web/css/cards.css" rel="stylesheet" /> 引入
 */

/* 背景渐变 */
.noise {
  background-image:
    radial-gradient(60% 60% at 30% 10%, rgba(99, 102, 241, 0.2) 0%, rgba(99, 102, 241, 0) 60%),
    radial-gradient(50% 50% at 70% 0%, rgba(236, 72, 153, 0.18) 0%, rgba(236, 72, 153, 0) 55%),
    radial-gradient(50% 60% at 50% 90%, rgba(34, 197, 94, 0.14) 0%, rgba(34, 197, 94, 0) 55%);
}

/* 通用卡片边框 */
.card {
  border: 1px solid rgba(148, 163, 184, 0.25);
}
.dark .card {
  border-color: rgba(148, 163, 184, 0.18);
}

/* Ideation 卡片背景 */
.memory-card-ideation {
  background: rgba(99, 102, 241, 0.08);
  border-color: rgba(99, 102, 241, 0.25);
}
.dark .memory-card-ideation {
  background: rgba(99, 102, 241, 0.12);
  border-color: rgba(99, 102, 241, 0.2);
}

/* Experiment 卡片背景 */
.memory-card-experiment {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.25);
}
.dark .memory-card-experiment {
  background: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.2);
}

/* Workflow 卡片背景 */
.memory-card-workflow {
  background: rgba(147, 51, 234, 0.08);
  border-color: rgba(147, 51, 234, 0.28);
}
.dark .memory-card-workflow {
  background: rgba(147, 51, 234, 0.12);
  border-color: rgba(147, 51, 234, 0.22);
}