.main-recommend{position:relative;margin-bottom:50px}@media (min-width:768px){.main-recommend{margin-bottom:100px}}.main-recommend img{aspect-ratio:200/125;width:100%}@media (min-width:1280px){.main-recommend img{aspect-ratio:538/300}}.main-recommend 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){.main-recommend h3{font-size:32px}}.main-recommend .swiper-horizontal{width:100%}@media (min-width:1024px){.main-recommend .swiper-horizontal{width:100%}}.main-recommend .swiper-button-next{right:17px}@media (min-width:1024px){.main-recommend .swiper-button-next{right:-24px}}.main-recommend .swiper-button-next,.main-recommend .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){.main-recommend .swiper-button-next,.main-recommend .swiper-button-prev{top:44%;max-height:56px;max-width:56px;font-size:23px}}.main-recommend .swiper-button-prev{display:none}@media (min-width:768px){.main-recommend .swiper-button-prev{left:0;display:flex}}@media (min-width:1660px){.main-recommend .swiper-button-prev{left:-28px}}@media (min-width:768px){.main-recommend .swiper-button-next{right:0}}@media (min-width:1660px){.main-recommend .swiper-button-next{right:-24px}}.main-recommend .post__content .slide-text{justify-content:center}@media (min-width:768px){.main-recommend .post__content .slide-text{display:flex;flex-direction:column}}.main-recommend .post__tags p{padding:5px}.main-recommend .post__tags .bookmark-btn{right:0;top:20px}@media (min-width:768px){.main-recommend .post__tags .bookmark-btn{right:7px}}.main-recommend .post__tags .bookmark-btn svg{height:25px;width:25px}@media (min-width:768px){.main-recommend .post__tags .bookmark-btn svg{height:auto;width:auto}}