.popular-theme-content .popular-theme-text{max-height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#textbook-tab .active{background-color:var(--primary);padding-left:.75rem;padding-right:.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}#textbook-category-tab .active{border-radius:9999px;background-color:var(--gray-dark);padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.recommend-swiper .swiper-slide,.new-swiper .swiper-slide{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.recommend-swiper .swiper-slide:nth-child(odd),.new-swiper .swiper-slide:nth-child(odd){--tw-translate-y: -1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.recommend-swiper .swiper-slide:nth-child(2n),.new-swiper .swiper-slide:nth-child(2n){--tw-translate-y: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swiper-btn-next,.swiper-btn-prev{position:absolute;top:25%;z-index:10;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;background-color:var(--gray-lighten);color:var(--gray-dark);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.swiper-btn-next:hover,.swiper-btn-prev:hover{background-color:var(--gray-lightest)}.swiper-btn-next:focus,.swiper-btn-prev:focus{outline:2px solid transparent;outline-offset:2px}.swiper-btn-next{right:0}.swiper-btn-prev{left:0}.boat{position:relative;animation:float-x 3s infinite alternate}.boat:after{content:"";position:absolute;left:-9rem;bottom:1rem;width:11rem;height:7rem;z-index:0;opacity:.9;filter:drop-shadow(0 0 4px rgba(255,255,255,.9));-webkit-mask-image:linear-gradient(to right,transparent 0%,white 30%,white 70%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,white 30%,white 70%,transparent 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:-100% 0;mask-position:-100% 0;animation:reveal-mask 8s ease-in-out infinite,float-x 3s ease-in-out infinite 1s alternate}.water-particle{position:absolute;width:4px;height:4px;background:#ffffffb3;border-radius:50%;opacity:0;box-shadow:#ffffffe6;animation:particle 1.5s ease-out infinite}.water-particle.particle-1{left:200px;bottom:30%;animation-delay:2s;animation-duration:1.5s}.water-particle.particle-2{left:180px;bottom:30%;animation-delay:2.3s;animation-duration:1.8s}.water-particle.particle-3{left:160px;bottom:30%;animation-delay:2.6s;animation-duration:2.1s}.water-particle.particle-4{right:220px;bottom:30%;animation-delay:2s;animation-duration:1.5s}.water-particle.particle-5{right:200px;bottom:30%;animation-delay:2.3s;animation-duration:1.8s}.water-particle.particle-6{right:180px;bottom:30%;animation-delay:2.6s;animation-duration:2.1s}@keyframes particle{0%{opacity:0;transform:translateY(0) scale(0)}30%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.3)}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.group:focus-within .telescope{animation:floatUpDown 1s ease-in-out infinite}.search-container{opacity:0;animation:fade-in 1s ease-in forwards}