.ship-proof{margin:0;padding:0}
.ship-proof h3{margin:0 0 4px;font-size:14px}
.ship-proof-lead,.ship-proof-col p,.ship-proof-empty{
  margin:0 0 8px;font-size:12px;color:#7a7788;line-height:1.4
}
.ship-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ship-proof-col{
  border:1px solid #eceaf2;border-radius:12px;padding:10px 12px;background:#fbfaff
}
.ship-proof-col h4{margin:0 0 4px;font-size:13px}
.ship-proof-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-bottom:8px}
.ship-proof-card{margin:0;border:1px solid #eeeaf6;border-radius:10px;overflow:hidden;background:#fff;position:relative}
.ship-proof-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;line-height:0}
.ship-proof-card img{display:block;width:100%;height:88px;object-fit:cover;background:#efe8ff}
.ship-proof-staff{
  position:absolute;left:6px;bottom:42px;background:#0b0a16cc;color:#fff;
  font-size:9px;font-weight:800;padding:2px 6px;border-radius:6px;max-width:86%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.ship-proof-row,.ship-proof-row-thumb{display:inline-flex;align-items:center;gap:4px}
.ship-proof-row-thumb{position:relative;width:36px;height:36px;padding:0;border-radius:8px;overflow:hidden;border:1px solid #eceaf2;background:none;cursor:zoom-in}
.ship-proof-row-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ship-proof-row-thumb em{
  position:absolute;left:0;right:0;bottom:0;background:#0b0a16aa;color:#fff;
  font-size:8px;font-style:normal;font-weight:800;text-align:center;line-height:12px
}
.ship-proof-row-empty{font-size:10px;color:#9a96a8;font-weight:700}
.ship-proof-card figcaption{padding:4px 6px;font-size:10px;color:#7a7788;line-height:1.3}
.ship-proof-del{
  width:100%;border:0;border-top:1px solid #eeeaf6;background:#fff;color:#b42318;
  font-size:10px;font-weight:800;padding:5px;cursor:pointer
}
.ship-proof-actions{display:flex;flex-wrap:wrap;gap:6px}
.ship-proof-btn{
  border:1px solid #e1deeb;background:#fff;color:#3d3850;border-radius:9px;
  padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer
}
.ship-proof-btn.is-cam{background:#6930e9;border-color:#6930e9;color:#fff}
.ship-proof-btn:hover{filter:brightness(1.04)}
.ship-proof-modal{
  position:fixed;inset:0;z-index:220000;display:grid;place-items:center;padding:16px
}
.ship-proof-modal-backdrop{position:absolute;inset:0;background:#0b0a16aa}
.ship-proof-modal-card{
  position:relative;z-index:1;width:min(760px,100%);max-height:90vh;overflow:auto;
  background:#fff;border-radius:16px;padding:16px 16px 12px;box-shadow:0 24px 70px #0004
}
.ship-proof-modal-x{
  position:absolute;top:8px;right:10px;border:0;background:transparent;font-size:24px;cursor:pointer;color:#777
}
.ship-proof-modal-foot{margin-top:12px;display:flex;justify-content:flex-end}
body.dark .ship-proof-col,body.dark .ship-proof-card,body.dark .ship-proof-modal-card{background:#17162a;border-color:#302c45;color:#f2effa}
body.dark .ship-proof-lead,body.dark .ship-proof-col p,body.dark .ship-proof-empty,body.dark .ship-proof-card figcaption{color:#aaa6ba}
body.dark .ship-proof-btn{background:#2a2340;color:#e8e4f8;border-color:#4c3d78}
body.dark .ship-proof-btn.is-cam{background:#6930e9;border-color:#6930e9;color:#fff}
body.dark .ship-proof-del{background:#1b1520;color:#ff9b96;border-color:#3a1518}
.proof-image-view{position:fixed;inset:0;z-index:240000;display:grid;place-items:center;padding:20px}
.proof-image-view-backdrop{position:absolute;inset:0;background:#0b0a16d8}
.proof-image-view-card{
  position:relative;z-index:1;width:min(920px,100%);max-height:92vh;
  display:flex;flex-direction:column;align-items:stretch;gap:10px
}
.proof-image-view-card img{
  display:block;width:100%;max-height:82vh;object-fit:contain;border-radius:16px;
  background:#111;box-shadow:0 24px 70px #0008
}
.proof-image-view-cap{margin:0;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em}
.proof-image-view-x{
  position:absolute;top:-6px;right:-6px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;
  background:#fff;color:#0b0a16;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 8px 20px #0005
}
@media (max-width:720px){
  .ship-proof-grid{grid-template-columns:1fr}
}