/* ===========================================================
   产品图片列表栅格美化 v2  2026-11-11
   需求：一排5个产品、每页50个、卡片美化、货号可鼠标选中复制
   方案：CSS Grid 5列等宽栅格 + 卡片式视觉（白卡/圆角/阴影/hover）
   2026-11-11b：主图显示尺寸调大到 266px（列表容器加宽至1500px）
   2026-11-11c：主图固定 266px 定宽显示（对齐 ceshi 站原版尺寸），
         图片铺满卡片顶部全出血，文字区另加内边距
   =========================================================== */
.gmian ul{
  display:grid !important;
  grid-template-columns:repeat(5,266px);
  justify-content:space-between;
  row-gap:22px;
  list-style:none;
  margin:0;
  padding:0;
}
.gmian ul li{
  width:auto !important;
  min-width:0;
  float:none !important;
  margin:0 !important;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid #e8edf3;
  border-radius:10px;
  padding:0 0 10px;
  box-sizing:border-box;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(30,60,100,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.gmian ul li:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(50,135,207,.16);
  border-color:#b9d4ee;
}
.gmian ul li a{
  display:flex !important;
  flex-direction:column;
  flex:1 1 auto;
  text-decoration:none;
  padding:0;
}
.gmian ul li img{
  width:266px;
  max-width:none;
  height:266px;
  margin:0 auto;
  object-fit:contain;
  background:#fff;
  display:block;
}
.gmian ul li p{
  width:auto;
  padding:0 12px;
  font-size:15px;
  line-height:1.5;
  margin:10px 12px 6px;
  height:3em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  text-align:left;
  color:#2b3440;
  font-weight:600;
}
.gmian ul li p:hover{ color:#3287cf; }
.gmian ul li span{
  display:block;
  width:auto;
  padding:0 12px;
  box-sizing:border-box;
  font-size:12px;
  color:#8a97a5;
  line-height:1.6;
}
.gmian ul li span:empty{ display:none; }
.gmian ul li span + span{ margin-top:0; }

/* ---------- 标题：允许换行 + 两行截断 ---------- */
.gmian ul.c li p{
  white-space:normal !important;
  word-break:break-word;
}

/* ---------- 响应式 ---------- */
/* 中等屏：四列（固定266px列宽，与桌面端一致） */
@media screen and (max-width:1180px){
  .gmian ul{ grid-template-columns:repeat(4,266px); justify-content:space-between; }
}
/* 小屏：三列 */
@media screen and (max-width:992px){
  .gmian ul{ grid-template-columns:repeat(3,266px); justify-content:space-between; }
}
/* 移动端：两列，图片恢复自适应铺满 */
@media screen and (max-width:768px){
  .gmian ul{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .gmian ul li img{ width:100%; height:auto; aspect-ratio:1/1; }
  .gmian ul li p{ font-size:14px; line-height:1.45; height:2.9em; margin:8px 0 4px; padding:0 8px; }
  .gmian ul li a{ padding:0; }
  .gmian ul li span{ padding:0 8px; }
}

/* ===========================================================
   2026-11-11f 图集卡片：合影 / 男模 / 女模 切换 + 3 张真缩略图
   配色取自 so.yndfushi.com：枣红 #863131 + 深藏蓝 #032161
   =========================================================== */
.ynf-gal ul li{ padding-bottom:12px; }
.ynf-gal .ynf-main{ display:block !important; flex:0 0 auto !important; padding:0 !important; }

/* 类型标签：女模 | 男模 | 合影 */
.ynf-tabs{
  display:flex; align-items:center;
  margin:10px 12px 0;
  font-size:13px; line-height:1;
}
.gmian ul li .ynf-tabs a{
  position:relative;
  padding:0 9px;
  color:#7b8794;
  cursor:pointer;
  font-weight:400;
  transition:color .15s ease;
}
.gmian ul li .ynf-tabs a:first-child{ padding-left:0; }
.gmian ul li .ynf-tabs a + a::before{
  content:'|';
  position:absolute; left:-1px; top:0;
  color:#d5dbe2; font-weight:400;
}
.gmian ul li .ynf-tabs a:hover{ color:#863131; }
.gmian ul li .ynf-tabs a.on{ color:#863131; font-weight:700; }

/* 3 张缩略图 */
.ynf-thumbs{ display:flex; gap:8px; margin:9px 12px 0; }
.gmian ul li .ynf-thumbs a{
  display:block !important;
  flex:0 0 auto !important;
  width:54px; height:54px;
  padding:0 !important;
  border:2px solid #e8e4e4;
  border-radius:4px;
  background:#f6f4f4;
  position:relative;
  cursor:pointer;
  box-sizing:border-box;
  overflow:hidden;
  transition:border-color .15s ease, opacity .15s ease;
}
.gmian ul li .ynf-thumbs a img{
  display:block !important;
  width:100% !important; height:100% !important;
  max-width:none !important; max-height:none !important;
  object-fit:cover;
  border-radius:2px;
  margin:0 !important; padding:0 !important;
}
.gmian ul li .ynf-thumbs a:hover{ border-color:#c9a3a3; }
.gmian ul li .ynf-thumbs a.on{ border-color:#863131; }
.gmian ul li .ynf-thumbs a.off{ opacity:.55; border-style:dashed; cursor:default; }
.gmian ul li .ynf-thumbs a.off:hover{ border-color:#e8e4e4; }
.ynf-thumbs a i{
  position:absolute; right:2px; bottom:2px;
  font-style:normal; font-size:10px; line-height:1;
  color:#8a8080; background:rgba(255,255,255,.9);
  padding:1px 3px; border-radius:2px;
}

/* 标题 / 热度 / 货号 */
.gmian ul li p.ynf-tit{ margin:9px 12px 0; }
.gmian ul li p.ynf-tit a{ display:inline !important; color:inherit; }
.gmian ul li p.ynf-tit a:hover{ color:#863131; }
.gmian ul li p.ynf-hot{
  margin:7px 12px 0 !important;
  padding:0 !important;
  height:auto !important;
  display:block !important;
  font-size:13px; font-weight:400; line-height:1.6;
  color:#8d8a8a;
  -webkit-line-clamp:unset;
}
.ynf-hot .n{
  display:inline !important;
  padding:0 !important;
  color:#863131; font-weight:700; font-size:15px;
  margin-left:2px;
}
@media screen and (max-width:768px){
  .ynf-tabs{ margin:8px 8px 0; font-size:12px; }
  .ynf-thumbs{ gap:6px; margin:7px 8px 0; }
  .gmian ul li .ynf-thumbs a{ width:44px; height:44px; }
  .gmian ul li p.ynf-tit{ margin:7px 8px 0; }
  .gmian ul li p.ynf-hot{ margin:5px 8px 0 !important; font-size:12px; }
  .ynf-hot .n{ font-size:14px; }
}

/* 2026-11-12 已移除首屏「按模特图查看」切换条（用户要求：不实用） */
.ynf-gal{ margin-top:16px; }