.series-component-container{width:100%;overflow:hidden;padding:4vw .5vw 4vw 10vw;background-color:#f5f5fa}.series-component-title{font-size:1.25vw;font-weight:600;margin-bottom:2vh;line-height:1.875vw;letter-spacing:-4%}.series-component-scroll{display:flex;gap:.5vw;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:1vh}.series-component-scroll::-webkit-scrollbar{display:none}.series-component-scroll{-ms-overflow-style:none;scrollbar-width:none}.series-component-card{flex:0 0 auto;width:17.5vw;height:23.5vw;scroll-snap-align:start;border-radius:12px;overflow:hidden;cursor:pointer}.series-component-image{position:relative;width:100%;height:100%;overflow:hidden;background-size:cover;background-position:50%}.overlay{position:absolute;inset:0;border-radius:13px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3) 20%,#000)}.series-content{position:absolute;top:53%;left:1vw;bottom:1.5vw;right:1vw}.series-content h3{color:#fff;font-size:1vw;font-weight:600;line-height:1.5vw;letter-spacing:-4%;margin-bottom:.4vw}.series-content h3,.series-content p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-content p{font-size:.81vw;color:#d7d9df;line-height:1.25vw;letter-spacing:0;text-overflow:ellipsis;font-weight:400;margin-bottom:.1vw}.author-info{display:flex;align-items:center;color:#fff;font-size:.8vw;max-width:9vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.author-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.blog-info{font-size:.8vw;color:#a9acba;line-height:1.25vw}.skeleton{opacity:.7;animation:skeleton-loading 1s linear infinite alternate}.skeleton-image-series-component{background-color:#e0e0e0;border-radius:8px}.skeleton-avatar,.skeleton-text{background-color:#e0e0e0;border-radius:4px}@keyframes skeleton-loading{0%{opacity:.7}to{opacity:.3}}.series-component-card{background:#fff}@media (max-width:500px){.series-component-container{padding:16vw 9vw 10vw;margin:0 1vw;width:98%}.series-component-title{text-align:center;font-size:5vw;margin-bottom:4vh;line-height:7.2vw;letter-spacing:-4%}.series-component-scroll{flex-direction:column;overflow-x:hidden;gap:2vw}.series-component-card{width:100%;height:98vw}.series-content{top:54%;left:4vw;bottom:6vw;right:4vw}.series-content h3{font-size:4vw;line-height:6vw}.series-content p{font-size:3.25vw;line-height:6vw}.author-info{font-size:3.25vw;max-width:50vw}.author-avatar{width:24px;height:24px}.blog-info{font-size:3.25vw}}