.sup-wrap{max-width:1100px;margin:0 auto;padding:20px 16px}.sup-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sup-head h1{font-size:1.3rem}.sup-link{font-size:.9rem}.sup-banner{background:#fdf0e0;color:var(--warn);border:1px solid #f3d9b5;border-radius:8px;padding:10px 14px;font-size:.88rem;margin-bottom:16px}.sup-banner code{background:rgba(0,0,0,.06);padding:1px 5px;border-radius:4px}.sup-empty{color:var(--muted)}.sup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:14px;gap:14px}.sup-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.sup-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.sup-btn{border:1px solid var(--primary);background:transparent;color:var(--primary);border-radius:8px;padding:5px 12px;font-size:.82rem;font-weight:600;cursor:pointer}.sup-btn:disabled{opacity:.6;cursor:default}.sup-none{color:var(--muted);font-size:.88rem;padding:6px 0}.sup-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tag{font-size:.74rem;font-weight:600;border-radius:999px;padding:2px 9px;background:#eef2f6;color:var(--muted)}.tag.stage{background:#e5efff;color:#1c4f9c}.tag.hot{background:#fde7e7;color:var(--danger)}.tag.warn{background:#fdf0e0;color:var(--warn)}.tag.qgood{background:#e5f4ec;color:var(--primary-dark)}.tag.qmid{background:#fdf6e0;color:#8a6d0b}.tag.qbad{background:#fde7e7;color:var(--danger)}.sup-kv{margin:0}.sup-kv>div{display:flex;gap:8px;padding:3px 0;font-size:.88rem;border-bottom:1px solid #f0f3f6}.sup-kv dt{color:var(--muted);min-width:96px;flex-shrink:0}.sup-kv dd{margin:0}.sup-foot{margin-top:10px;font-size:.74rem;color:var(--muted)}