.spu-box{
  margin:14px 0;
  padding:14px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
}
.spu-title{
  font-weight:700;
  font-size:16px;
  margin:0 0 6px;
}
.spu-help{
  font-size:13px;
  opacity:.85;
  margin:0 0 10px;
}
.spu-req{color:#c00}
.spu-input{width:100%; max-width:100%}
.spu-previews{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.spu-thumb{
  position:relative;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.spu-thumb img{
  display:block;
  width:100%;
  height:110px;
  object-fit:cover;
}
.spu-thumb button{
  position:absolute;
  top:6px;
  right:6px;
  width:28px;
  height:28px;
  border-radius:999px;
  border:0;
  background:rgba(0,0,0,.65);
  color:#fff;
  cursor:pointer;
}
@media (max-width:480px){
  .spu-previews{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spu-thumb img{height:120px}
}
.spu-tip{
  color:#555;
}
.spu-previews{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.spu-thumb{
  width:110px;
  height:110px;
  border:1px solid rgba(0,0,0,.1);
  border-radius:8px;
  overflow:hidden;
}
.spu-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}