.sup-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.sup-form{max-width:720px}.sup-photos .note{margin:0}.sup-done h2{margin-bottom:12px}.sup-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sup-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:4px 12px;gap:4px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.sup-item a{font-weight:700;overflow-wrap:anywhere}.sup-item .st{grid-column:1/-1;font-size:var(--fs-12);color:var(--muted)}.sup-new{background:#e3f1e8;color:#2f7a4f}.sup-new,.sup-status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.sup-status{background:var(--soft,#f3ece6)}.sup-status.closed{color:var(--muted)}.sup-chat{display:flex;flex-direction:column;gap:12px;margin:0 0 20px;padding:0;list-style:none}.sup-msg{max-width:min(620px,88%);padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--paper)}.sup-msg.mine{align-self:flex-end;background:var(--soft,#f3ece6)}.sup-msg .who{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:6px}.sup-msg .who b{color:var(--ink)}.sup-msg .txt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-13,14px);line-height:1.55}.sup-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sup-thumbs a{display:block;width:96px;height:96px;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}.sup-thumbs img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:860px){.sup-grid{grid-template-columns:1fr}.sup-msg{max-width:100%}}