/* ============================================================================
   模特库缩略图 · 统一「头肩裁切」 · 2026-09-22 · 开发员18号
   ----------------------------------------------------------------------------
   🔴 为什么改：用户指着模特库说「咱们的模特穿衣服咋都这么丑」「难道别人家的模特也这样？」
      ——回参考站查了，**别人家不是这样**：
      · 美图设计室的模特库是**一张张头像特写**：用户在那儿选的是「人和气质」，
        根本看不到、也不需要关心模特穿什么衣服；
      · 我们却是 40 张**全身白 T + 牛仔裤**，等于把"本来就要被用户上传的服装
        整件替换掉的打底服"摆上货架 —— 整面墙看过去像一队穿工服的员工。

   ✅ 做法：缩略图只露「头顶到胸口」这一段 —— 打底服自然出画，
      1:1 的正视头像格也更像正规的「选角墙」，用户选的是"人"而不是"衣服"。

   ⚠️ 这**只是显示层的裁切**：生成时用的仍然是**完整原图**
      （身形比例、以及"只穿替换重叠部位"的接缝全靠它），所以出图质量不受影响。
   ⚠️ 不动 style.css —— 项目铁律：改别人的样式要**新建独立 css 并排在它之后加载**。
      本文件在 index.html 里排在 style.css 之后。
   📌 两个功能的模特库共用同一份 public/mw-models/ 素材，所以这里一起管：
      .tr-model = AI 服饰穿戴    .mw-model = 模特换衣
   ----------------------------------------------------------------------------
   裁切参数怎么来的（改之前先看这段，别瞎调）：
     · object-position: 50% 0%  → 先锚到画面顶部（人物居中，横向不用动）
     · scale(2.05) + origin 50% 7% → 以"头顶往下 7%"为锚点放大 2.05 倍
       放大后可见高度 ≈ 原图的 1/2.05，从 7% 起算 → 大约覆盖 **7%~30%** 这一段，
       对 2:3 竖构图正好是「头顶 → 胸口」，把上衣下摆与裤子全部挤出画面。
   ============================================================================ */

.tr-model,
.mw-model { aspect-ratio: 1 / 1; }

.tr-model img,
.mw-model img {
  object-position: 50% 0%;
  transform: scale(2.05);
  transform-origin: 50% 7%;
  transition: transform .2s;
}

/* 选中态的小勾从右上挪到右下，别压在脸上 */
.tr-model-tick,
.mw-model-tick { top: auto; bottom: 4px; }