/* yanyu-baiye-style-v3：手动调组 */

.yanyu-baiye-v3-tip {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(133, 43, 34, 0.14);
  border-radius: 14px;
  background: rgba(255,255,255,.42);
  color: rgba(62,45,34,.72);
  line-height: 1.7;
  font-size: 13px;
}

.yanyu-baiye-group.v3-editing {
  border-color: rgba(141,42,35,.22);
  box-shadow: inset 0 0 0 1px rgba(141,42,35,.04);
}

.yanyu-baiye-group-title .yanyu-baiye-v3-count {
  color: rgba(62,45,34,.62);
  font-size: 12px;
  font-weight: 800;
}

.yanyu-baiye-member-line.v3-line {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.yanyu-baiye-v3-member-main {
  min-width: 0;
}

.yanyu-baiye-v3-member-main b {
  display: block;
}

.yanyu-baiye-v3-member-main span {
  display: block;
  margin-top: 3px;
  color: rgba(62,45,34,.66);
  font-size: 12px;
}

.yanyu-baiye-v3-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  max-width: 260px;
}

.yanyu-baiye-v3-btn,
.yanyu-baiye-v3-select {
  min-height: 26px;
  border: 1px solid rgba(83,58,45,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  color: #3e2d22;
  font-size: 12px;
  font-weight: 900;
}

.yanyu-baiye-v3-btn {
  min-width: 28px;
  padding: 0 8px;
  cursor: pointer;
}

.yanyu-baiye-v3-btn:hover {
  color: #fff8ed;
  background: linear-gradient(135deg, #171312, #8d2a23);
}

.yanyu-baiye-v3-select {
  max-width: 112px;
  padding: 0 7px;
  outline: none;
}

.yanyu-baiye-v3-empty-group {
  padding: 10px;
  border: 1px dashed rgba(133,43,34,.18);
  border-radius: 12px;
  color: rgba(62,45,34,.58);
  background: rgba(255,255,255,.32);
  font-size: 12px;
}

@media (max-width: 760px) {
  .yanyu-baiye-member-line.v3-line {
    grid-template-columns: 1fr;
  }

  .yanyu-baiye-v3-controls {
    justify-content: flex-start;
    max-width: none;
  }

  .yanyu-baiye-v3-select {
    max-width: 150px;
  }
}