.container.data-v-1cf27b2a { width: 100%; height: 100vh; background-color: #F5F5F5; display: flex; flex-direction: column; padding-top: 60px; box-sizing: border-box; } .search-bar.data-v-1cf27b2a { position: relative; padding: 20rpx 30rpx; background-color: #FFFFFF; } .search-input.data-v-1cf27b2a { width: 100%; height: 70rpx; background-color: #F5F5F5; border-radius: 35rpx; padding: 0 80rpx 0 30rpx; font-size: 28rpx; color: #333333; } .search-icon.data-v-1cf27b2a { position: absolute; right: 50rpx; top: 50%; transform: translateY(-50%); font-size: 32rpx; } .scroll-content.data-v-1cf27b2a { flex: 1; width: 100%; height: 0; overflow: hidden; } .swiper-container.data-v-1cf27b2a { width: 100%; height: 360rpx; margin-bottom: 20rpx; background-color: #F5F5F5; border-radius: 0; overflow: hidden; } .swiper.data-v-1cf27b2a { width: 100%; height: 100%; } .swiper-item-wrapper.data-v-1cf27b2a { width: 100%; height: 100%; position: relative; } .swiper-image.data-v-1cf27b2a { width: 100%; height: 100%; display: block; object-fit: cover; } .swiper-overlay.data-v-1cf27b2a { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.6), transparent); padding: 60rpx 40rpx 30rpx; } .swiper-title.data-v-1cf27b2a { font-size: 36rpx; font-weight: bold; color: #FFFFFF; text-shadow: 0 2rpx 8rpx rgba(0,0,0,0.5); } .category-nav.data-v-1cf27b2a { display: flex; justify-content: space-around; padding: 40rpx 20rpx; background-color: #FFFFFF; margin-bottom: 20rpx; } .category-item.data-v-1cf27b2a { display: flex; flex-direction: column; align-items: center; } .category-icon.data-v-1cf27b2a { width: 90rpx; height: 90rpx; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15rpx; } .icon-text.data-v-1cf27b2a { font-size: 44rpx; } .category-text.data-v-1cf27b2a { font-size: 24rpx; color: #333333; } .section.data-v-1cf27b2a { padding: 40rpx 30rpx; background-color: #FFFFFF; margin-bottom: 20rpx; } .section-header.data-v-1cf27b2a { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx; } .section-title.data-v-1cf27b2a { font-size: 36rpx; font-weight: bold; color: #333333; } .section-more.data-v-1cf27b2a { font-size: 28rpx; color: #999999; } .book-grid.data-v-1cf27b2a { display: flex; flex-wrap: wrap; justify-content: space-between; } .book-item.data-v-1cf27b2a { width: 160rpx; margin-bottom: 30rpx; } .book-cover.data-v-1cf27b2a { width: 160rpx; height: 220rpx; border-radius: 8rpx; margin-bottom: 15rpx; box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1); background-color: #F5F5F5; } .book-name.data-v-1cf27b2a { font-size: 24rpx; color: #333333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .book-list.data-v-1cf27b2a { display: flex; flex-direction: column; } .book-list-item.data-v-1cf27b2a { display: flex; margin-bottom: 30rpx; align-items: center; } .book-cover-small.data-v-1cf27b2a { width: 120rpx; height: 160rpx; border-radius: 8rpx; margin-right: 20rpx; flex-shrink: 0; box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1); background-color: #F5F5F5; } .book-info.data-v-1cf27b2a { flex: 1; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; } .book-title.data-v-1cf27b2a { font-size: 32rpx; font-weight: bold; color: #333333; margin-bottom: 10rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .book-desc.data-v-1cf27b2a { font-size: 26rpx; color: #666666; line-height: 1.4; margin-bottom: 10rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .book-author.data-v-1cf27b2a { font-size: 24rpx; color: #999999; } .book-list-horizontal.data-v-1cf27b2a { white-space: nowrap; width: 100%; height: 280rpx; } .book-item-horizontal.data-v-1cf27b2a { display: inline-block; width: 160rpx; margin-right: 20rpx; vertical-align: top; } .book-cover-horizontal.data-v-1cf27b2a { width: 160rpx; height: 220rpx; border-radius: 8rpx; margin-bottom: 15rpx; box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1); background-color: #F5F5F5; } .book-name-horizontal.data-v-1cf27b2a { font-size: 24rpx; color: #333333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .book-grid-two.data-v-1cf27b2a { display: flex; flex-wrap: wrap; justify-content: space-between; } .book-item-two.data-v-1cf27b2a { width: calc(50% - 10rpx); margin-bottom: 30rpx; } .book-cover-two.data-v-1cf27b2a { width: 100%; height: 280rpx; border-radius: 8rpx; margin-bottom: 15rpx; box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1); background-color: #F5F5F5; } .book-title-two.data-v-1cf27b2a { font-size: 28rpx; font-weight: bold; color: #333333; margin-bottom: 8rpx; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .book-author-two.data-v-1cf27b2a { font-size: 24rpx; color: #999999; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .empty-state.data-v-1cf27b2a { padding: 60rpx 0; text-align: center; } .empty-text.data-v-1cf27b2a { font-size: 28rpx; color: #999999; display: block; margin-bottom: 10rpx; } .empty-hint.data-v-1cf27b2a { font-size: 24rpx; color: #CCCCCC; display: block; } .loading-state.data-v-1cf27b2a { padding: 60rpx 0; text-align: center; } .loading-text.data-v-1cf27b2a { font-size: 28rpx; color: #999999; }