.sp-ysfh{width:100%;position:relative}.sp-ysfh *{box-sizing:border-box}.sp-ysfh-scroll{display:flex;gap:16px;width:100%;overflow-x:auto;overflow-y:hidden;padding:10px;border:1px solid rgba(0,0,0,.14);background:#fff;scroll-snap-type:x mandatory;scroll-padding:10px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.sp-ysfh-scroll:focus-visible{outline:3px solid currentColor;outline-offset:2px}.sp-ysfh-card{flex:0 0 calc((100% - 32px)/3);min-width:0;margin:0;padding:0;border:0;scroll-snap-align:start}.sp-ysfh-link{display:block;height:100%;text-decoration:none!important;color:inherit!important;background:#fff;transition:transform .15s ease,box-shadow .15s ease}.sp-ysfh-link:hover,.sp-ysfh-link:focus{transform:translateY(-2px);box-shadow:0 5px 16px rgba(0,0,0,.16);outline:none}.sp-ysfh-link:focus-visible{box-shadow:0 0 0 3px currentColor}.sp-ysfh-thumb-wrap{display:block;position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.sp-ysfh-thumb{display:block;width:100%;height:100%;object-fit:cover}.sp-ysfh-play{position:absolute;left:50%;top:50%;width:54px;height:38px;transform:translate(-50%,-50%);border-radius:10px;background:rgba(0,0,0,.78)}.sp-ysfh-play:after{content:"";position:absolute;left:21px;top:10px;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.sp-ysfh-copy{display:block;padding:10px 8px 8px;text-align:center}.sp-ysfh-title-row{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.sp-ysfh-live-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:22px;border-radius:7px;background:#f00;box-shadow:0 1px 3px rgba(0,0,0,.22)}.sp-ysfh-live-play{width:0;height:0;margin-left:2px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}.sp-ysfh-live-dot{position:absolute;right:-3px;top:-3px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#f00;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.sp-ysfh-title{display:block;min-width:0;font-weight:700;font-size:1rem;line-height:1.35;text-align:left}.sp-ysfh-date{display:block;margin-top:4px;font-size:.86rem;line-height:1.3;color:#777}.sp-ysfh-message{padding:12px;border:1px solid rgba(0,0,0,.15)}.sp-ysfh-error{border-color:#b32d2e}@media (max-width:899px){.sp-ysfh-card{flex-basis:calc((100% - 16px)/2)}}@media (max-width:599px){.sp-ysfh-scroll{gap:12px;padding:8px;scroll-padding:8px}.sp-ysfh-card{flex-basis:86%}.sp-ysfh-title{font-size:.96rem}}