/* 紫蓝渐变 hero 标题 (Tailwind 不便表达 -webkit-text-fill-color) */
.hero-title {
  background: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* 提交按钮渐变 */
.btn-grad {
  background: linear-gradient(90deg, #4f7df0 0%, #7c5cf0 60%, #9b6ff0 100%);
  transition: filter 0.15s, opacity 0.15s;
}
.btn-grad:hover:not(:disabled) { filter: brightness(1.05); }

/* Stepper：默认（未达） */
.step .step-circle {
  background: #cbd5e1;
  color: #ffffff;
}
.step .step-label {
  color: #94a3b8;
}
.step-line {
  background: #e2e8f0;
}

/* Stepper：当前激活 */
.step.active .step-circle {
  background: #3b82f6;
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
}
.step.active .step-label {
  color: #1d4ed8;
}

/* Stepper：已完成（绿勾） */
.step.done .step-circle {
  background: #22c55e;
  color: #ffffff;
}
.step.done .step-label {
  color: #15803d;
}
.step-line.done {
  background: #86efac;
}

/* 状态结果着色 */
.status-result-ok {
  background: #ecfdf5;
  color: #065f46;
}
.status-result-err {
  background: #fef2f2;
  color: #991b1b;
}