/* ============================================================================
 * 复刻带货视频 · 本子页补充样式（2026-09-20 全量对齐美图「爆款复刻」）
 * ----------------------------------------------------------------------------
 * 🔴 凡是「产品带货视频」那边已有的，**一律复用它的 .vhot-\* 类**（下拉 .vhot-sel /
 *    达人区整套 / .vhot-tip / .vhot-warn / .vhot-empty / .vhot-save …）——
 *    用户明确要求两个功能"选择达人的界面要一样"，自造第二套已经被打回两次。
 * 🔴 这里**只写那边没有的东西**：多图上传、授权勾选、开关行、卖点行、来源 chip。
 *    要改模样就改 .vhot-\*（会同时影响两个功能，这正是"一致"的含义）。
 * ==========================================================================*/

/* 卡片里的小字说明 */
.vc-hint { margin: -2px 0 10px; font-size: 11.5px; line-height: 1.65; color: #8b8178; }
.vc-hint b { color: #d1490a; font-weight: 700; }

/* ---------- 多图上传（产品图）---------- */
.vc-prods { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 8px; }
.vc-prods:empty { display: none; }
.vc-prod {
  position: relative; margin: 0; padding: 0; overflow: hidden;
  border: 1.5px solid #f0e7de; border-radius: 13px; background: #fff;
}
.vc-prod img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: #f7f1eb; }
.vc-prod-x {
  position: absolute; right: 5px; top: 5px; width: 22px; height: 22px; padding: 0; border: 0;
  border-radius: 50%; cursor: pointer; color: #fff; font-size: 13px; line-height: 22px;
  background: rgba(0, 0, 0, .45);
}
.vc-prod-badge {
  position: absolute; left: 0; bottom: 0; padding: 2px 7px; font-size: 10px; font-weight: 700;
  color: #fff; background: linear-gradient(90deg, #ff9f4d, #f95901); border-radius: 0 8px 0 0;
}

/* 虚线上传块 */
.vc-drop {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 3px; padding: 22px 12px; cursor: pointer; text-align: center;
  border: 1.5px dashed #e6dad0; border-radius: 13px; background: #fcfaf8;
}
.vc-drop-ic { font-size: 22px; line-height: 1; }
.vc-drop-t { font-size: 13px; font-weight: 700; color: #3a2a1e; }
.vc-drop-s { font-size: 11px; color: #b3a79c; }
.vc-drop:active { background: #f7f1eb; }

/* ---------- 授权勾选（法律合规那一行，照美图）---------- */
.vc-auth {
  display: flex; align-items: flex-start; gap: 9px; margin-top: 11px;
  font-size: 11.5px; line-height: 1.6; color: #8b8178; cursor: pointer;
}
.vc-auth input { flex: 0 0 auto; width: 16px; height: 16px; margin: 1px 0 0; accent-color: #f95901; }

/* ---------- 目标市场与语言 ---------- */
.vc-sel-row { display: flex; gap: 9px; }
.vc-sel-row .vhot-sel { flex: 1 1 0; min-width: 0; }
.vc-sel--full { display: flex; margin-top: 9px; }
.vc-market-note {
  margin-top: 9px; padding: 9px 11px; font-size: 11.5px; line-height: 1.65;
  color: #7c6a5c; background: #fcfaf8; border: 1px dashed #eadfd4; border-radius: 11px;
}

/* ---------- 开关行 ---------- */
.vc-switch-row { display: flex; align-items: center; gap: 12px; margin-bottom: 13px; }
.vc-switch-tx { flex: 1 1 auto; min-width: 0; }
.vc-switch-tx b { display: block; font-size: 13.5px; font-weight: 700; color: #3a2a1e; }
.vc-switch-tx span { display: block; margin-top: 2px; font-size: 11px; color: #8b8178; }

/* ---------- 商品卖点 + AI 帮写 ---------- */
.vc-sell-wrap { position: relative; }
.vc-sell-wrap .vc-ta { padding-bottom: 42px; }
.vc-ai-write {
  position: absolute; right: 8px; bottom: 8px; padding: 6px 12px;
  border: 1px solid #ffd9bd; border-radius: 9px; cursor: pointer;
  font-family: inherit; font-size: 11.5px; font-weight: 650; color: #d1490a; background: #fffaf5;
}
.vc-ai-write:disabled { opacity: .55; cursor: default; }

/* ---------- 达人来源 chip（官方推荐 / 个人资产）---------- */
.vc-src-chips { display: flex; gap: 7px; margin: 0 0 11px; }

/* ---------- 定制达人：上传框（videohot 那份没有上传，因为那边的达人不需要图）---------- */
.vc-mine-up {
  position: relative; display: flex; align-items: center; gap: 12px;
  padding: 12px; margin: 9px 0 11px; cursor: pointer;
  border: 1.5px dashed #e6dad0; border-radius: 13px; background: #fcfaf8;
}
.vc-mine-up img {
  flex: 0 0 auto; width: 56px; height: 74px; object-fit: cover;
  border-radius: 10px; background: #f2ece6;
}
.vc-mine-up-tx { min-width: 0; }
.vc-mine-up-tx b { display: block; font-size: 12.5px; font-weight: 700; color: #3a2a1e; }
.vc-mine-up-tx span { display: block; margin-top: 3px; font-size: 11px; color: #8b8178; line-height: 1.5; }
.vc-mine-up.has { border-style: solid; border-color: #ffd9bd; background: #fffaf5; }