.detail-dialog{width:min(1080px,100%)}
.detail-subtitle{margin:-12px 0 18px;color:var(--muted)}
.detail-layout{display:grid;grid-template-columns:minmax(250px,340px) 1fr;gap:26px}
.detail-cover{display:grid;place-items:center;overflow:hidden;aspect-ratio:1;border-radius:15px;background:#f5f6f8;color:var(--blue);font-size:52px}
.detail-cover img{width:100%;height:100%;object-fit:contain}
.detail-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.detail-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:8px}
.detail-status{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.detail-grid div{min-width:0;padding:12px;border-bottom:1px solid var(--line)}
.detail-grid div:nth-child(odd){border-right:1px solid var(--line)}
.detail-grid dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.detail-grid dd{margin:5px 0 0;overflow-wrap:anywhere;font-weight:750}
.detail-block{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px}
.detail-block h3,.detail-history h3{margin:0 0 7px}
.detail-block p{margin:0;color:#35415c;line-height:1.5;overflow-wrap:anywhere}
.detail-history{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.history-list{display:grid;gap:8px}
.history-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:9px;background:#f7f9fd}
.history-list span{color:var(--muted);font-size:11px;text-align:right}
@media(max-width:760px){.detail-layout{grid-template-columns:1fr}.detail-cover{max-width:430px;width:100%;margin:auto}.detail-grid{grid-template-columns:1fr}.detail-grid div:nth-child(odd){border-right:0}.history-list article{align-items:flex-start;flex-direction:column}.history-list span{text-align:left}}