/* 灵魂欠片模块样式 */
.soul-debt-card {
  text-align: center;
}

.debt-badge {
  background: #3a1a2a;
  color: #ffaa00;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 20px;
  margin-left: 12px;
  letter-spacing: 1px;
  border: 1px solid #ffd966;
  animation: pulseGlow 2s infinite;
}

.debt-start-panel {
  padding: 20px 0;
}

.debt-intro {
  color: #d0b0c0;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 24px;
}

.debt-start-btn {
  padding: 16px 48px !important;
  font-size: 22px !important;
}

.debt-quiz-panel {
  padding: 16px 0;
}

.debt-progress {
  color: #a08090;
  font-size: 14px;
  margin-bottom: 16px;
}

.debt-question {
  color: #ffeaaf;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 24px;
  min-height: 80px;
}

.debt-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.debt-option {
  background: rgba(20, 8, 25, 0.8);
  border: 1.5px solid #6f4f6f;
  border-radius: 60px;
  padding: 16px 24px;
  color: #d0b0c0;
  font-size: 16px;
  text-align: left;
  cursor: pointer;
  transition: all 0.15s;
}

.debt-option:hover {
  border-color: #ffd966;
  background: rgba(60, 20, 40, 0.9);
  transform: translateX(4px);
}

.debt-option.selected {
  background: #5f2f4f;
  color: #fff0f0;
  border-color: #ffeaaf;
  box-shadow: 0 0 15px #9f4f7f;
}

.debt-next-btn {
  width: 100%;
  padding: 14px !important;
  font-size: 18px !important;
}

.debt-next-btn:enabled {
  background: #5f2f4f;
  color: white;
  border-color: #ffd966;
  animation: btnPulse 1.5s infinite;
}

.debt-result-panel {
  padding: 16px 0;
}

.debt-tag {
  font-size: 42px;
  font-weight: 900;
  color: #ffeaaf;
  text-shadow: 0 0 15px #ff5555;
  margin-bottom: 16px;
  letter-spacing: 4px;
}

.debt-interpretation {
  background: rgba(0,0,0,0.3);
  padding: 20px;
  border-radius: 30px;
  font-size: 18px;
  line-height: 1.6;
  color: #e0c0d0;
  margin-bottom: 16px;
  border: 1px solid #9f6f8f;
}

.debt-lesson {
  font-size: 20px;
  color: #ffd966;
  font-weight: 600;
  margin-bottom: 24px;
}

.debt-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.hidden {
  display: none !important;
}

@keyframes pulseGlow {
  0%,100% { box-shadow: 0 0 5px #ffd966; }
  50% { box-shadow: 0 0 15px #ffaa00; }
}

.test-locked-message {
  text-align: center;
  padding: 40px 20px;
  color: #a08090;
  font-size: 16px;
  border: 1px dashed #6f4f6f;
  border-radius: 30px;
  background: rgba(0,0,0,0.2);
}