.sb-hof{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;margin-top:6px;padding:8px 10px 8px 8px;min-height:44px;border-radius:10px;text-decoration:none;background:linear-gradient(160deg,#FFFBEB,#FFF3CC);border:1px solid rgba(214,158,46,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:background .16s}.sb-hof:hover{background:linear-gradient(160deg,#FFF6D6,#FFEAB0)}.sb-hof::after{content:'';position:absolute;top:-30%;left:-40%;width:30%;height:160%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}.sb-hof:hover::after{animation:sbHofSheen .8s cubic-bezier(.22,.61,.36,1) 1}@keyframes sbHofSheen{0%{left:-40%;opacity:1}100%{left:120%;opacity:0}}.sb-hof-cup{width:28px;height:28px;border-radius:var(--rad-sm,8px);flex:none;display:flex;align-items:center;justify-content:center;color:#B7791F;background:linear-gradient(160deg,#FFF7DB,#FFE08A);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px rgba(214,158,46,.22)}.sb-hof-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.sb-hof-t b{font-size:var(--fs-13,13px);font-weight:var(--fw-bold,700);color:#7B4A0E}.sb-hof-t span{font-size:var(--fs-12,12px);font-weight:var(--fw-medium,500);color:#8A5A12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-hof-b{flex:none}@media (prefers-reduced-motion:reduce){.sb-hof:hover::after{animation:none}}