@charset "UTF-8";.main-content{padding:16px 0 40px}.book-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 20px}.book-item{display:flex;flex-direction:column;position:relative;margin-bottom:20px;text-decoration:none}.book-item:hover .book-title{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:#000}.book-image{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:10px}.book-image-box{width:100%;height:100%;border-radius:20px;overflow:hidden}.book-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.book-item:hover .book-image img{transform:scale(1.03)}.sold-out-badge{position:absolute;bottom:10px;left:10px;background-color:#242833;color:#fff;border:1px solid transparent;border-color:#ffffff1a;padding:2px 12px;font-size:12px;font-weight:500;border-radius:2px}.book-title{font-size:14px;font-weight:400;margin:0 0 8px;line-height:1.4;color:#333}.book-title a{color:inherit;text-decoration:none}.book-title a:hover{text-decoration:underline}.book-price{font-size:20px;font-weight:500;color:#333}@media (max-width: 1024px){.book-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.book-grid{grid-template-columns:repeat(2,1fr)}}