.recommend-content{position:relative;margin-bottom:40px}.recommend-content img{aspect-ratio:200/125;width:100%}@media (min-width:1280px){.recommend-content img{aspect-ratio:538/300}}.recommend-content h3{margin-bottom:32px;font-size:20px;--tw-text-opacity:1;color:rgb(29 29 31/var(--tw-text-opacity,1));font-weight:700}@media (min-width:768px){.recommend-content h3{font-size:32px}}.recommend-content .swiper-button-next{right:17px}@media (min-width:1024px){.recommend-content .swiper-button-next{right:-24px}}.recommend-content .swiper-button-next,.recommend-content .swiper-button-prev{position:absolute;top:45%;height:56px;max-height:40px;width:56px;max-width:40px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:10px;font-size:15px;--tw-text-opacity:1;color:rgb(29 29 31/var(--tw-text-opacity,1));z-index:10;display:flex;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(235 235 236/var(--tw-border-opacity,1))}@media (min-width:768px){.recommend-content .swiper-button-next,.recommend-content .swiper-button-prev{top:44%;max-height:56px;max-width:56px;font-size:23px}}.recommend-content .swiper-button-next:after,.recommend-content .swiper-button-prev,.recommend-content .swiper-button-prev:after{display:none}@media (min-width:768px){.recommend-content .swiper-button-prev{left:0;display:flex}}@media (min-width:1660px){.recommend-content .swiper-button-prev{left:-28px}}@media (min-width:768px){.recommend-content .swiper-button-next{right:0}}@media (min-width:1660px){.recommend-content .swiper-button-next{right:-24px}}.recommend-content .swiper-horizontal{width:100%}@media (min-width:1024px){.recommend-content .swiper-horizontal{width:112%}}.recommend-content .post img{aspect-ratio:auto}.recommend-content .post svg{top:16px;height:40px;width:40px}@media (min-width:768px){.recommend-content .post svg{top:auto;height:40px;width:40px}}.recommend-content .post .post__content .post__text h4{margin-bottom:8px}@media (min-width:768px){.recommend-content .post .post__content .post__text h4{width:228px}}.recommend-content .post .post__content .post__text h4 a{font-size:14px;line-height:18px}@media (min-width:768px){.recommend-content .post .post__content .post__text h4 a{font-size:18px;line-height:28px}}.recommend-content .post .post__content .post__text p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:186px;font-size:12px;line-height:18px;--tw-text-opacity:1;color:rgb(118 118 123/var(--tw-text-opacity,1))}@media (min-width:768px){.recommend-content .post .post__content .post__text p{display:none}}.detail-sticky{position:fixed;top:-70px;z-index:11;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));transition-property:top;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.detail-sticky .detail-sticky__content{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;--tw-text-opacity:1;color:rgb(29 29 31/var(--tw-text-opacity,1))}.detail-sticky .detail-sticky__content .content-center{max-width:256px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}@media (min-width:768px){.detail-sticky .detail-sticky__content .content-center{max-width:600px;font-size:20px}}@media (min-width:1280px){.detail-sticky .detail-sticky__content .content-center{max-width:900px}}.detail-sticky .detail-sticky__content .fa-arrow-up-from-bracket{width:15px;--tw-text-opacity:1;color:rgb(118 118 123/var(--tw-text-opacity,1))}.detail-sticky .detail-sticky__content .button-share{position:relative;cursor:pointer}.detail-sticky .detail-sticky__content .button-share ul{position:absolute;right:100%;top:100%;width:230px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.detail-sticky .process-container{--tw-bg-opacity:1;background-color:rgb(235 235 236/var(--tw-bg-opacity,1))}.detail-sticky .process-container .process{display:none;height:3px;--tw-bg-opacity:1;background-color:rgb(29 29 31/var(--tw-bg-opacity,1));transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1)}.detail-sticky.active{top:0}.detail-sticky.active .process{display:block}.header-sticky~.header-main-content{position:sticky;top:0;z-index:20;--tw-border-opacity:1;border-color:rgb(216 216 217/var(--tw-border-opacity,1))}@media (min-width:768px){.header-sticky~.header-main-content{border-bottom-width:1px}}.view-all-series{margin-bottom:6px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}@media (min-width:768px){.view-all-series{margin-bottom:42px}}.view-all-series .header{border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:20px 16px}@media (min-width:768px){.view-all-series .header{padding:24px}}.view-all-series .header .tags{margin-bottom:12px}@media (min-width:768px){.view-all-series .header .tags{margin-bottom:16px}}.view-all-series .header .tags span{border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(39 171 208/var(--tw-border-opacity,1));font-size:12px;line-height:12px;--tw-text-opacity:1;color:rgb(39 171 208/var(--tw-text-opacity,1));margin-right:4px;padding:6px 8px}@media (min-width:768px){.view-all-series .header .tags span{padding-left:10px;padding-right:10px;font-size:14px;line-height:14px}}.view-all-series .header .title{font-size:14px;font-weight:600;line-height:14px;--tw-text-opacity:1;color:rgb(29 29 31/var(--tw-text-opacity,1))}@media (min-width:768px){.view-all-series .header .title{font-size:18px;line-height:18px}}.view-all-series ul li{padding:20px 16px;display:flex;flex-direction:column}@media (min-width:768px){.view-all-series ul li{padding:16px 24px}}.view-all-series ul li a{margin-bottom:12px;font-size:15px;line-height:14px;--tw-text-opacity:1;color:rgb(29 29 31/var(--tw-text-opacity,1))}@media (min-width:768px){.view-all-series ul li a{font-size:16px;line-height:16px}}.view-all-series ul li span{font-size:12px;line-height:12px;--tw-text-opacity:1;color:rgb(157 157 160/var(--tw-text-opacity,1))}.view-all-series ul li:active,.view-all-series ul li:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.view-all-series .read-more{padding-left:16px;padding-right:16px}@media (min-width:768px){.view-all-series .read-more{padding-left:24px;padding-right:24px}}.view-all-series .read-more a{display:flex;align-items:center;justify-content:center;-moz-column-gap:8px;column-gap:8px;font-size:14px;--tw-text-opacity:1;color:rgb(109 109 114/var(--tw-text-opacity,1));border-top-width:1px;--tw-border-opacity:1;border-top-color:rgb(235 235 236/var(--tw-border-opacity,1));padding-top:20px;padding-bottom:20px;line-height:16px}@media (min-width:768px){.view-all-series .read-more a{font-size:16px}}.view-all-series .read-more a svg{height:24px;width:24px}