/* 苏导对话皮 · 教学关系阶段跃迁提示（默关） */
.socratic-dialog-shell {
  display: none;
  margin-top: 0.85rem;
}

body.socratic-dialog-on .socratic-dialog-shell {
  display: block;
}

.socratic-dialog-box {
  border-radius: 18px;
  padding: 1rem 1.1rem 0.95rem;
  background:
    radial-gradient(circle at 12% 0%, rgba(232, 184, 74, 0.22), transparent 42%),
    linear-gradient(180deg, #fffdf8, #f3ebe1);
  border: 1px solid rgba(180, 150, 110, 0.45);
  box-shadow: 0 10px 24px rgba(30, 24, 16, 0.08);
}

.socratic-dialog-box__speaker {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  color: #8a7350;
  margin-bottom: 0.35rem;
}

.socratic-dialog-box__text {
  font-size: 1.05rem;
  line-height: 1.55;
  color: #3f3a32;
  min-height: 2.6em;
}

.socratic-dialog-box__meta {
  margin-top: 0.65rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.socratic-dialog-box__chip {
  border-radius: 999px;
  padding: 0.2rem 0.65rem;
  font-size: 0.75rem;
  font-weight: 700;
  background: rgba(109, 155, 122, 0.14);
  border: 1px solid rgba(109, 155, 122, 0.35);
  color: #3f5a46;
}

.socratic-stage-toast {
  position: fixed;
  left: 50%;
  bottom: 1.4rem;
  transform: translateX(-50%) translateY(12px);
  z-index: 3900;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.socratic-stage-toast.is-open {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.socratic-stage-toast__card {
  min-width: min(320px, 88vw);
  text-align: center;
  padding: 0.85rem 1.1rem;
  border-radius: 14px;
  background: linear-gradient(180deg, #fff8e8, #f1e4cf);
  border: 1px solid rgba(200, 160, 80, 0.55);
  box-shadow: 0 14px 30px rgba(30, 22, 10, 0.2);
  color: #5a4a32;
  font-weight: 700;
}

.socratic-relation-chip {
  padding: 0.65rem 0.75rem;
  border-radius: 12px;
  background: rgba(255, 248, 232, 0.85);
  border: 1px dashed rgba(200, 160, 80, 0.45);
}