html{overflow-y:scroll;}body{overflow-x:hidden;}.nav-wrapper{position:relative;z-index:100;}.main-content{margin-top:30px;}.filter-section{background-color:#f8f8f8;padding:15px 15px;margin-bottom:20px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.05);}.filter-row{display:flex;padding:8px 0;border-bottom:1px solid #f0f0f0;}.filter-row:last-child{border-bottom:none;}.filter-label{width:60px;color:#999;font-size:14px;line-height:28px;text-align:right;padding-right:15px;}.filter-options{display:flex;flex:1;flex-wrap:wrap;}.filter-options a{display:inline-block;padding:4px 15px;margin-right:5px;margin-bottom:5px;color:#333;font-size:14px;text-decoration:none;border-radius:15px;transition:all 0.3s;border:1px solid transparent;background-color:#f5f5f5;}.filter-options a:hover{color:#ff6d3f;background-color:#FFF5F2;border-color:#FFE5DE;}.filter-options a.active{background-color:#FFF5F2;color:#ff6d3f;font-weight:500;border:1px solid #FFE5DE;box-shadow:0 1px 2px rgba(255,109,63,0.1);}.book-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:20px;}.book-item{border:none;border-radius:0;padding:0;transition:all 0.3s ease;display:flex;flex-direction:row;align-items:flex-start;gap:15px;cursor:pointer;height:160px;overflow:hidden;background-color:transparent;}.book-item:hover{transform:translateY(-2px);box-shadow:none;}.book-cover-container{width:110px;height:150px;border-radius:6px;overflow:hidden;transition:all 0.3s ease;opacity:1;position:relative;flex-shrink:0;box-shadow:0 3px 8px rgba(0,0,0,0.15);}.book-cover-container img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.book-item:hover .book-cover-container img{transform:scale(1.05);}.book-item:hover .book-cover-container{box-shadow:0 5px 12px rgba(0,0,0,0.2);}.book-info-container{display:flex;flex-direction:column;justify-content:flex-start;flex:1;height:100%;overflow:hidden;}.book-title{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:"Microsoft YaHei","PingFang SC",sans-serif;}.book-author{font-size:14px;color:#666;margin-bottom:5px;}.book-stats{font-size:13px;color:#999;margin-bottom:10px;}.book-description{font-size:13px;color:#888;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.sort-options{display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 0;border-bottom:1px solid #f0f0f0;}.sort-left a{margin-right:15px;color:#666;font-size:14px;text-decoration:none;transition:color 0.3s;}.sort-left a.active{color:#ff6d3f;font-weight:bold;}.sort-left a:hover{color:#ff6d3f;}.sort-right a{color:#666;font-size:14px;text-decoration:none;}.sort-right a:hover{color:#ff6d3f;}.dropdown-item:hover{background-color:#f5f5f5;color:#FF6D3F !important;}.avatar{transition:transform 0.2s ease;}.avatar:hover{transform:scale(1.05);}.category-tabs{overflow-x:auto;padding:10px 15px;margin-bottom:25px;background-color:#f9f9f9;border-radius:8px;white-space:nowrap;scrollbar-width:thin;-ms-overflow-style:none;box-shadow:0 1px 3px rgba(0,0,0,0.05);}.category-tabs::-webkit-scrollbar{height:4px;}.category-tabs::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.1);border-radius:4px;}.category-tabs::-webkit-scrollbar-track{background-color:transparent;}.tabs{display:flex;flex-wrap:nowrap;gap:10px;list-style:none;padding:0;margin:0;}.tabs li{margin:0;flex-shrink:0;}.tabs li a{display:block;padding:6px 15px;font-size:14px;color:#666;text-decoration:none;border-radius:15px;transition:all 0.2s;white-space:nowrap;}.tabs li.active a{background-color:#FF6D3F;color:white;}.tabs li a:hover:not(.active){color:#FF6D3F;background-color:#FFF5F2;}@media (max-width:992px){.book-list{grid-template-columns:repeat(2,1fr);}}/* 无作品状态样式 */
.no-books-message {
    text-align: center;
    padding: 60px 20px;
    color: #999;
    grid-column: 1 / -1;
}

.no-books-icon {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.6;
}

.no-books-text {
    font-size: 16px;
    color: #666;
}

/* 加载状态样式 */
.loading-message {
    text-align: center;
    padding: 60px 20px;
    color: #999;
    grid-column: 1 / -1;
}

.loading-icon {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.6;
    animation: loading-pulse 1.5s ease-in-out infinite;
}

.loading-text {
    font-size: 16px;
    color: #666;
}

@keyframes loading-pulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

/* 书名链接样式 */
.book-title-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.book-title-link:hover {
    color: #ff6d3f;
    text-decoration: none;
}

/* 封面容器可点击样式 */
.book-cover-container {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.book-cover-container:hover {
    transform: scale(1.02);
}

/* 书籍信息统一样式 - 浅灰色小字体 */
.book-author,
.book-stats,
.book-description,
.book-category {
    font-size: 12px !important;
    color: #999 !important;
    font-weight: 400 !important;
}

.book-author {
    margin-bottom: 5px;
}

.book-stats {
    margin-bottom: 8px;
}

.book-description {
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.book-category {
    margin-top: 8px;
}

@media (max-width:992px){.book-list{grid-template-columns:repeat(2,1fr);}}@media (max-width:576px){.book-list{grid-template-columns:1fr;}.book-item{height:auto;min-height:160px;}}

/* 分页容器 */
.pagination-container {
    margin-top: 40px;
    margin-bottom: 40px;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.page-btn {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #333;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.page-btn:hover {
    border-color: #ff6600;
    color: #ff6600;
    background: #fff5f0;
}

.page-btn.active {
    background: linear-gradient(135deg, #ff6600, #ff8833);
    color: white;
    border-color: #ff6600;
    font-weight: 700;
}

.page-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.prev-btn,
.next-btn {
    padding: 0 16px;
}

.page-ellipsis {
    color: #999;
    padding: 0 8px;
    user-select: none;
}

.pagination-info {
    margin-left: 20px;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
}

/* 响应式分页 */
@media (max-width: 768px) {
    .pagination {
        gap: 6px;
    }
    
    .page-btn {
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        font-size: 13px;
    }
    
    .prev-btn,
    .next-btn {
        padding: 0 12px;
    }
    
    .pagination-info {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
        text-align: center;
        font-size: 13px;
    }
}