/* 补充要求输入区（人物四视图 / 脸部三视图 / 人脸融合 / 模特换脸 / 服装上身 /
 * 商品使用 / 商品三视图 / 服装改款 / 人物场景 / 人物真实感 / 图片精修 共用）
 * ============================================================================
 * 参考同行的交互：图传完之后让用户用一句话补充「气质 / 表情 / 年龄 / 写实程度」，
 * 服务端把这段文字拼进 prompt 的 ADDITIONAL DIRECTION 段。
 *
 * ⚠️ 只作用于上面列出的子页（作用域写死），不碰任何既有样式。
 * 🔴 新增子页要一起加作用域：**10 组选择器全部要加**，漏一组就那一项没样式
 *    （2026-10-30 曾因选择器列表里多写了一个孤立逗号，让 10 组规则全废，示例图 1894px 溢出）。
 * ========================================================================== */

#sub-turnaround .xt-note,
#sub-face3 .xt-note,
#sub-facemix .xt-note,
#sub-modelswap .xt-note,
#sub-outfit .xt-note,
#sub-productuse .xt-note,
#sub-whitebg .xt-note,
#sub-clothrestyle .xt-note,
#sub-personscene .xt-note,
#sub-photoreal .xt-note,
#sub-refine .xt-note {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.6;
  color: #6b7a90;
}

#sub-turnaround .xt-note i,
#sub-face3 .xt-note i,
#sub-facemix .xt-note i,
#sub-modelswap .xt-note i,
#sub-outfit .xt-note i,
#sub-productuse .xt-note i,
#sub-whitebg .xt-note i,
#sub-clothrestyle .xt-note i,
#sub-personscene .xt-note i,
#sub-photoreal .xt-note i,
#sub-refine .xt-note i {
  font-style: normal;
  flex: 0 0 auto;
}

#sub-turnaround .xt-extra,
#sub-face3 .xt-extra,
#sub-facemix .xt-extra,
#sub-modelswap .xt-extra,
#sub-outfit .xt-extra,
#sub-productuse .xt-extra,
#sub-whitebg .xt-extra,
#sub-clothrestyle .xt-extra,
#sub-personscene .xt-extra,
#sub-photoreal .xt-extra,
#sub-refine .xt-extra {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 72px;
  padding: 10px 12px;
  border: 1px solid #e8dccf;
  border-radius: 12px;
  background: #fffdfb;
  color: #333;
  font-size: 13px;
  line-height: 1.6;
  font-family: inherit;
  resize: vertical;
  outline: none;
  transition: border-color .15s, background .15s;
}

#sub-turnaround .xt-extra:focus,
#sub-face3 .xt-extra:focus,
#sub-facemix .xt-extra:focus,
#sub-modelswap .xt-extra:focus,
#sub-outfit .xt-extra:focus,
#sub-productuse .xt-extra:focus,
#sub-whitebg .xt-extra:focus,
#sub-clothrestyle .xt-extra:focus,
#sub-personscene .xt-extra:focus,
#sub-photoreal .xt-extra:focus,
#sub-refine .xt-extra:focus {
  border-color: var(--primary);
  background: #fff;
}

#sub-turnaround .xt-extra::placeholder,
#sub-face3 .xt-extra::placeholder,
#sub-facemix .xt-extra::placeholder,
#sub-modelswap .xt-extra::placeholder,
#sub-outfit .xt-extra::placeholder,
#sub-productuse .xt-extra::placeholder,
#sub-whitebg .xt-extra::placeholder,
#sub-clothrestyle .xt-extra::placeholder,
#sub-personscene .xt-extra::placeholder,
#sub-photoreal .xt-extra::placeholder,
#sub-refine .xt-extra::placeholder {
  color: #b9a898;
}

#sub-turnaround .xt-count,
#sub-face3 .xt-count,
#sub-facemix .xt-count,
#sub-modelswap .xt-count,
#sub-outfit .xt-count,
#sub-productuse .xt-count,
#sub-whitebg .xt-count,
#sub-clothrestyle .xt-count,
#sub-personscene .xt-count,
#sub-photoreal .xt-count,
#sub-refine .xt-count {
  margin-top: 6px;
  text-align: right;
  font-size: 11px;
  color: #b9a898;
}

#sub-turnaround .xt-count b,
#sub-face3 .xt-count b,
#sub-facemix .xt-count b,
#sub-modelswap .xt-count b,
#sub-outfit .xt-count b,
#sub-productuse .xt-count b,
#sub-whitebg .xt-count b,
#sub-clothrestyle .xt-count b,
#sub-personscene .xt-count b,
#sub-photoreal .xt-count b,
#sub-refine .xt-count b {
  font-weight: 600;
  color: #9a7b62;
}

/* ── 效果示例（标题 + 说明 + 例图，参考同行的「参考示例」区）─────────────
   位置：拍摄建议之后、生成按钮之前 —— 在用户点「生成」这个决策点前给参考。
   图片是**我们自己的功能真实跑出来的结果**，不是外站截图。 */
#sub-turnaround .xt-sample-t,
#sub-face3 .xt-sample-t,
#sub-facemix .xt-sample-t,
#sub-modelswap .xt-sample-t,
#sub-outfit .xt-sample-t,
#sub-productuse .xt-sample-t,
#sub-whitebg .xt-sample-t,
#sub-clothrestyle .xt-sample-t,
#sub-personscene .xt-sample-t,
#sub-photoreal .xt-sample-t,
#sub-refine .xt-sample-t {
  margin-top: 2px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #2a1a38;
  line-height: 1.5;
}

#sub-turnaround .xt-sample-s,
#sub-face3 .xt-sample-s,
#sub-facemix .xt-sample-s,
#sub-modelswap .xt-sample-s,
#sub-outfit .xt-sample-s,
#sub-productuse .xt-sample-s,
#sub-whitebg .xt-sample-s,
#sub-clothrestyle .xt-sample-s,
#sub-personscene .xt-sample-s,
#sub-photoreal .xt-sample-s,
#sub-refine .xt-sample-s {
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  color: #9a8b80;
  line-height: 1.5;
}

#sub-turnaround .xt-sample-img,
#sub-face3 .xt-sample-img,
#sub-facemix .xt-sample-img,
#sub-modelswap .xt-sample-img,
#sub-outfit .xt-sample-img,
#sub-productuse .xt-sample-img,
#sub-whitebg .xt-sample-img,
#sub-clothrestyle .xt-sample-img,
#sub-personscene .xt-sample-img,
#sub-photoreal .xt-sample-img,
#sub-refine .xt-sample-img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 12px;
  border-radius: 12px;
  background: #f6f2ee;
}