/* 动态 TAB · 店员列表：略放大，语音在头像下方，右侧信息舒展 */
[data-v-693e93e9] .service-panel {
  display: none !important;
}

[data-v-693e93e9] .card.staff-card-enhanced,
[data-v-693e93e9] .card {
  padding: 1.1875rem 1.25rem !important;
  margin-bottom: 1rem !important;
  border-radius: 1.125rem !important;
}

[data-v-693e93e9] .staff-main {
  min-height: 11rem !important;
  gap: 1rem !important;
  align-items: flex-start !important;
}

[data-v-693e93e9] .avatar-wrap.staff-avatar-col,
[data-v-693e93e9] .avatar-wrap {
  width: 6.25rem !important;
  height: auto !important;
  min-height: 0 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.5rem !important;
  border-radius: 0 !important;
  background: transparent !important;
  position: relative !important;
}

[data-v-693e93e9] .avatar-wrap .avatar,
[data-v-693e93e9] .staff-main .avatar {
  width: 6.25rem !important;
  height: 6.25rem !important;
  border-radius: 1.0625rem !important;
  flex-shrink: 0 !important;
}

[data-v-693e93e9] .avatar-wrap .online-tag,
[data-v-693e93e9] .avatar-wrap [class*="online-tag"] {
  z-index: 2;
}

/* Vue 原生语音条：从头像底部 overlay 改为头像下方独立一行 */
[data-v-693e93e9] .avatar-voice-bar {
  display: flex !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.5rem 0.5625rem !important;
  min-height: 2.75rem !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.375rem !important;
  border-radius: 0.6875rem !important;
  background: linear-gradient(90deg, rgba(91, 140, 255, 0.14), rgba(91, 140, 255, 0.06)) !important;
  border: 1px solid rgba(91, 140, 255, 0.2) !important;
  cursor: pointer !important;
}

[data-v-693e93e9] .avatar-voice-bar::before {
  content: '▶' !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.625rem !important;
  height: 1.625rem !important;
  border-radius: 50% !important;
  background: #5b8cff !important;
  color: #fff !important;
  font-size: 0.5625rem !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  padding-left: 0.0625rem !important;
}

[data-v-693e93e9] .avatar-voice-wave {
  flex: 1 !important;
  min-width: 0 !important;
  justify-content: center !important;
  height: 0.875rem !important;
}

[data-v-693e93e9] .avatar-voice-dur {
  font-size: 0.75rem !important;
  color: #475569 !important;
  font-weight: 600 !important;
  flex-shrink: 0 !important;
}

[data-v-693e93e9] .c-body {
  flex: 1 !important;
  min-width: 0 !important;
  min-height: 11rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
}

[data-v-693e93e9] .c-row {
  flex: 1 !important;
  align-items: stretch !important;
  gap: 0.625rem !important;
}

[data-v-693e93e9] .name-stack {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.375rem !important;
}

[data-v-693e93e9] .c-body .name,
[data-v-693e93e9] .name[data-v-693e93e9],
[data-v-693e93e9] .name {
  font-size: 1.1875rem !important;
  line-height: 1.4 !important;
}

[data-v-693e93e9] .intro {
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
  -webkit-line-clamp: 4 !important;
  flex: 1 !important;
  min-height: 3.75rem !important;
}

[data-v-693e93e9] .serv-wrap {
  flex-shrink: 0 !important;
  align-self: flex-start !important;
}

[data-v-693e93e9] .serv-text,
[data-v-693e93e9] .num,
[data-v-693e93e9] .staff-score {
  font-size: 0.8125rem !important;
}

[data-v-693e93e9] .tags-line {
  margin-top: auto !important;
}