.sf-hot[data-version=v1]{display:flex;flex-direction:column;align-items:center;width:100%}.sf-hot[data-version=v1] .sf-hot__container{gap:24px;max-width:100%}.sf-hot[data-version=v1] .sf-hot__item{position:relative;flex-shrink:0;width:280px;aspect-ratio:2/3;background:#fff;border-radius:24px;overflow:hidden}.sf-hot[data-version=v1] .sf-hot__image{width:100%;height:100%}.sf-hot[data-version=v1] .sf-hot__image img{width:inherit;height:inherit;object-fit:cover}.sf-hot[data-version=v1] .sf-hot__mask{position:absolute;left:0;bottom:0;padding:20px 16px;width:100%;border:1px solid hsla(0,0%,100%,.6);background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);backdrop-filter:blur(4px)}.sf-hot[data-version=v1] .sf-hot__desc{color:#000;font-weight:500;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-hot[data-version=v1] .sf-hot__footer{display:flex;flex-direction:row;gap:24px;margin-top:40px}.sf-hot[data-version=v1] .sf-hot__footer .sf-button{width:40px;height:40px;font-size:20px}@media(max-width: 880px){.sf-hot[data-version=v1] .sf-hot__container{gap:12px}.sf-hot[data-version=v1] .sf-hot__item{width:134px;border-radius:12px}.sf-hot[data-version=v1] .sf-hot__mask{padding:9px 8px;border-width:1px}.sf-hot[data-version=v1] .sf-hot__desc{font-size:12px}.sf-hot[data-version=v1] .sf-hot__footer{margin-top:20px;gap:12px}}