/**
 * F3 船员场景化样式（crew-voice.js 配套）
 *
 * crew-bar：场景内船员条（头像 + 名字 + 台词），一次性淡入 transition。
 * 变体：good（青绿=成功）/ warn（琥珀=警示）。无循环动画（红线）。
 */

.crew-bar {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 14px;
  margin: 10px 0;
  border: 1px solid rgba(90, 160, 255, 0.25);
  border-left: 3px solid rgba(90, 160, 255, 0.6);
  border-radius: 0;
  background: rgba(20, 32, 58, 0.55);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.45s ease-out, transform 0.45s ease-out;
}

.crew-bar.crew-bar-in {
  opacity: 1;
  transform: translateY(0);
}

.crew-bar-avatar {
  font-size: 22px;
  line-height: 1.2;
}

.crew-bar-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.crew-bar-name {
  font-size: 11px;
  letter-spacing: 0.12em;
  color: #7fa8d9;
}

.crew-bar-text {
  font-size: 13px;
  line-height: 1.55;
  color: #d5e2f5;
  word-break: break-word;
}

/* 变体：成功（青绿） */
.crew-bar-good {
  border-color: rgba(53, 224, 208, 0.3);
  border-left-color: rgba(53, 224, 208, 0.75);
  background: rgba(16, 42, 44, 0.5);
}

.crew-bar-good .crew-bar-name {
  color: #35e0d0;
}

/* 变体：警示（琥珀） */
.crew-bar-warn {
  border-color: rgba(255, 170, 60, 0.3);
  border-left-color: rgba(255, 170, 60, 0.7);
  background: rgba(48, 34, 14, 0.45);
}

.crew-bar-warn .crew-bar-name {
  color: #ffaa3c;
}

/* 蛀虫情报提示行（t06 复用 t06-verdict 基础样式 + warn 变体） */
.t06-verdict.warn {
  color: #ffaa3c;
  border: 1px dashed rgba(255, 170, 60, 0.4);
  border-radius: 0;
  padding: 8px 12px;
}