/* ==========================================================================
   白栈 · 详情图面板收尾 v255
   实测唯一剩下的真实重叠：
     「同时拼成一张详情长图（便于整图上传到详情页）」 ×  「1」/「15」
     —— .df-check 的说明文字宽度超出容器，横向压到右侧的屏数选择器上。

   修法：让 .df-check 的说明文字自己换行、限宽，绝不越出左边界去盖右侧控件。
   只动 #detailfigPanel 内部这一处，不碰其它面板。
   ========================================================================== */

/* 说明文字：限制在自身轨道内换行 */
#detailfigPanel .df-check,
#view-work .df-check{
  display:flex;
  align-items:flex-start;
  gap:8px;
  max-width:100%;
  min-width:0;
}
#detailfigPanel .df-check > span,
#view-work .df-check > span{
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
  line-height:1.55;
}
#detailfigPanel .df-check > input,
#view-work .df-check > input{
  flex:0 0 auto;
}

/* 详情图面板里所有"一行内有说明 + 控件"的容器：允许换行，不互相压 */
#detailfigPanel .df-spec,
#detailfigPanel .df-cost,
#detailfigPanel .df-row,
#detailfigPanel .df-field{
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
}

/* 屏数/跨度这类数字选择器：抬高一层，且与说明文字分开 */
#detailfigPanel .df-span,
#detailfigPanel .df-count,
#detailfigPanel .df-screens,
#detailfigPanel input[type=number]{
  position:relative;
  z-index:2;
  flex:0 0 auto;
}

/* 详情图参数区：所有直接子块纵向排，不并排挤 */
#detailfigPanel .dcol,
#detailfigPanel .dcol > *{
  min-width:0;
  max-width:100%;
}