.sx-wrap{padding:0 var(--s-4);width:100%;max-width:1200px;margin:0 auto}.sx-section{margin-top:var(--s-6)}.sx-title{font-size:var(--t-lg);color:var(--ink);margin:0 0 var(--s-3);font-weight:700}.sx-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.sx-grid-shorts{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.sx-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.sx-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.sx-media{aspect-ratio:16/9;background:var(--surface-2);position:relative}.sx-media-portrait{aspect-ratio:3/4}.sx-media img{object-fit:cover;width:100%;height:100%}.sx-media-ph{background:repeating-linear-gradient(45deg, var(--surface-2), var(--surface-2) 10px, var(--surface-3) 10px, var(--surface-3) 20px);width:100%;height:100%}.sx-live-badge{top:var(--s-2);left:var(--s-2);background:var(--accent);color:var(--accent-ink);font-size:var(--t-xs);padding:2px var(--s-2);border-radius:var(--r-full);font-weight:700;position:absolute}.sx-viewers{bottom:var(--s-2);right:var(--s-2);color:#fff;font-size:var(--t-xs);padding:2px var(--s-2);border-radius:var(--r-full);background:#0000008c;position:absolute}.sx-card-body{padding:var(--s-3);flex-direction:column;gap:2px;display:flex}.sx-card-title{font-size:var(--t-sm);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.sx-card-sub{font-size:var(--t-xs);color:var(--ink-4)}.sx-more-wrap{margin-top:var(--s-4);justify-content:center;display:flex}.sx-more{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);font-size:var(--t-sm);padding:var(--s-2) var(--s-6);cursor:pointer;font-weight:600}.sx-more:hover:not(:disabled){border-color:var(--accent)}.sx-more:disabled{opacity:.6;cursor:default}