@property --sf-hot-item-btn-background-from{syntax:"<color>";inherits:false;initial-value:rgba(0,0,0,.6)}@property --sf-hot-item-btn-background-to{syntax:"<color>";inherits:false;initial-value:rgba(0,0,0,.6)}.sf-hot-v2{--sf-hot-list-gap: 24px;--sf-hot-item-padding: 16px;display:flex;flex-direction:row;gap:32px;width:100%;max-width:1080px}.sf-hot-v2 ul{list-style:none}.sf-hot-v2 .sf-hot__aside{flex-shrink:0}.sf-hot-v2 .sf-hot__menu{position:relative;display:flex;flex-direction:column;align-items:flex-start;z-index:0}.sf-hot-v2 .sf-hot__menu::after{content:"";position:absolute;top:0;left:0;width:var(--sf-hot-menu-slider-width, 0);height:var(--sf-hot-menu-slider-height, 0);transform:translate(var(--sf-hot-menu-slider-x, 0), var(--sf-hot-menu-slider-y, 0));background:linear-gradient(93deg, #8a2aff 0%, #a329ea 100%);box-shadow:inset 10px -9px 19px 0px rgba(255,255,255,.25),inset -7px 13px 18px 0px rgba(255,255,255,.25);border-radius:24px;z-index:-1;will-change:transform,width,height;transition:width .2s cubic-bezier(0.215, 0.61, 0.355, 1),height .2s cubic-bezier(0.215, 0.61, 0.355, 1),transform .2s cubic-bezier(0.215, 0.61, 0.355, 1)}.sf-hot-v2 .sf-hot__menu__item{padding:14px 24px;font-size:20px;font-weight:500;border-radius:24px;opacity:.8;cursor:pointer;transition:opacity .2s}.sf-hot-v2 .sf-hot__menu__item[s-active]{opacity:1}.sf-hot-v2 .sf-hot__menu__item+.sf-hot__menu__item{margin-top:8px}.sf-hot-v2 .sf-hot__body{flex:1;overflow:hidden}.sf-hot-v2 .sf-hot__list{display:none;flex-wrap:wrap;gap:var(--sf-hot-list-gap)}.sf-hot-v2 .sf-hot__list[s-active]{display:flex}.sf-hot-v2 .sf-hot__item{width:calc(33.3333333333% - var(--sf-hot-list-gap) + var(--sf-hot-list-gap)/3);aspect-ratio:7/9;border-radius:18px;overflow:hidden}.sf-hot-v2 .sf-hot__item:hover .sf-hot__item__btn{--sf-hot-item-btn-background-from: #8a2aff;--sf-hot-item-btn-background-to: #bc2aff}.sf-hot-v2 .sf-hot__item__link{position:relative;display:flex;width:100%;height:100%;color:#fff;z-index:1}.sf-hot-v2 .sf-hot__item__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.sf-hot-v2 .sf-hot__item__wrapper{position:absolute;inset:0;width:100%;height:100%;z-index:1}.sf-hot-v2 .sf-hot__item__header{padding:var(--sf-hot-item-padding) var(--sf-hot-item-padding) calc(var(--sf-hot-item-padding)*1.8) var(--sf-hot-item-padding);background:linear-gradient(179deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%)}.sf-hot-v2 .sf-hot__item__title{font-size:20px;font-weight:500;line-height:1.2;word-break:break-all}.sf-hot-v2 .sf-hot__item__btn{position:absolute;right:var(--sf-hot-item-padding);bottom:var(--sf-hot-item-padding);gap:4px;padding:7px 12px;font-size:11px;background:linear-gradient(to right, var(--sf-hot-item-btn-background-from) 0%, var(--sf-hot-item-btn-background-to) 100%);border-radius:12px;transition:--sf-hot-item-btn-background-from .2s,--sf-hot-item-btn-background-to .2s}@media screen and (max-width: 880px){.sf-hot-v2{--sf-hot-list-gap: 12px;--sf-hot-item-padding: 8px;flex-direction:column;gap:14px}.sf-hot-v2 .sf-hot__menu{flex-direction:row;overflow-x:scroll}.sf-hot-v2 .sf-hot__menu__item{padding:9px 12px;font-size:12px;border-radius:14px;white-space:nowrap}.sf-hot-v2 .sf-hot__menu__item+.sf-hot__menu__item{margin-top:0;margin-left:4px}.sf-hot-v2 .sf-hot__item{border-radius:8px;aspect-ratio:7/10}.sf-hot-v2 .sf-hot__item__title{font-size:14px}.sf-hot-v2 .sf-hot__item__btn{padding:3px 6px;opacity:1;border-radius:8px;font-size:10px}}