.sh22-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2000;display:flex;align-items:center;justify-content:center;padding:14px}
.sh22-box{background:var(--bg,#fff);color:var(--fg,#111);width:min(560px,100%);max-height:92vh;overflow:auto;border-radius:16px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.sh22-box h3{margin:0 0 4px}.sh22-box .sub{opacity:.7;font-size:.85rem;margin-bottom:12px}
.sh22-pk{display:grid;gap:8px;margin:10px 0}
.sh22-pk label{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1.5px solid rgba(128,128,128,.35);border-radius:12px;padding:10px 12px;cursor:pointer}
.sh22-pk label:has(input:checked){border-color:#f59e0b;background:rgba(245,158,11,.1)}
.sh22-pk b{white-space:nowrap}
.sh22-meth{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.sh22-meth label{border:1.5px solid rgba(128,128,128,.35);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:.85rem}
.sh22-meth label:has(input:checked){border-color:#10b981;background:rgba(16,185,129,.12)}
.sh22-meth label.dis{opacity:.45;cursor:not-allowed}
.sh22-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;background:#f59e0b;color:#111;font-weight:700}
.sh22-badge.free{background:#10b981;color:#fff}
.sh22-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.sh22-row .r17-btn{flex:1 1 140px}
.sh22-msg{margin-top:8px;font-size:.88rem;color:#e0623a}.sh22-msg.ok{color:#10b981}
.sh22-orders{margin:18px 0}.sh22-orders table{width:100%;border-collapse:collapse;font-size:.85rem}.sh22-orders td,.sh22-orders th{padding:6px;border-bottom:1px solid rgba(128,128,128,.25);text-align:right}
.sh22-ban{max-width:1240px;margin:12px auto;padding:0 16px}
.sh22-ban .strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.sh22-ban a{flex:0 0 min(420px,86vw);scroll-snap-align:start;display:flex;gap:10px;align-items:center;background:linear-gradient(120deg,#1e1b4b,#4c1d95);color:#fff;border-radius:14px;padding:10px;text-decoration:none;position:relative}
.sh22-ban img{width:84px;height:84px;object-fit:cover;border-radius:10px}
.sh22-ban .t{font-weight:700}.sh22-ban small{opacity:.8}.sh22-ban .tag{position:absolute;top:6px;left:8px;font-size:.7rem;background:#f59e0b;color:#111;border-radius:999px;padding:1px 8px;font-weight:700}
.sh22-info{border:1px solid rgba(128,128,128,.3);border-radius:12px;padding:10px 12px;margin:0 0 8px;font-size:.82rem;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sh22-info .risk-low{color:#10b981}.sh22-info .risk-medium{color:#f59e0b}.sh22-info .risk-high{color:#ef4444;font-weight:700}
.sh22-warn{background:rgba(245,158,11,.14);border:1px solid #f59e0b;border-radius:10px;padding:8px 10px;font-size:.82rem;margin:6px 0}
.r17-tag.pin{background:#7c3aed;color:#fff}