/* Custom Modern Overrides - Version 3.0 - 分类页面书籍网格布局 */

/* 分类页面书籍推荐区域通用网格布局 - 强制应用 */
.row-section .layout-col3,
.layout-col3,
body.novel_home .row-section .layout-col3,
body.novel_home .layout-col3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    padding: 20px !important;
    background: #f8f9fa !important;
    border-radius: 10px !important;
    margin: 15px 0 !important;
    flex-direction: row !important; /* 确保不是flex column */
}

/* 移除重复规则，已在上面定义 */

/* 单个书籍项目样式 */
body.novel_home .layout-col3 .fengmian-item,
body.novel_home .layout-col3 .item,
body.novel_sort .layout-col3 .fengmian-item,
body.novel_sort .layout-col3 .item,
body.novel_sort .fengmian-container .fengmian-item,
body.novel_sort .fengmian-container .item,
body.novel_sort .tuijian .fengmian-item,
body.novel_sort .tuijian .item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 15px !important;
    background: white !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e9ecef !important;
}

body.novel_home .layout-col3 .fengmian-item:hover,
body.novel_home .layout-col3 .item:hover,
body.novel_sort .layout-col3 .fengmian-item:hover,
body.novel_sort .layout-col3 .item:hover,
body.novel_sort .fengmian-container .fengmian-item:hover,
body.novel_sort .fengmian-container .item:hover,
body.novel_sort .tuijian .fengmian-item:hover,
body.novel_sort .tuijian .item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
    border-color: #007bff !important;
}

/* 书籍封面图片 */
body.novel_home .layout-col3 .fengmian-left,
body.novel_home .layout-col3 .image,
body.novel_sort .layout-col3 .fengmian-left,
body.novel_sort .layout-col3 .image,
body.novel_sort .fengmian-container .fengmian-left,
body.novel_sort .fengmian-container .image,
body.novel_sort .tuijian .fengmian-left,
body.novel_sort .tuijian .image {
    margin-bottom: 12px !important;
}

body.novel_home .layout-col3 .fengmian-left img,
body.novel_home .layout-col3 .image img,
body.novel_sort .layout-col3 .fengmian-left img,
body.novel_sort .layout-col3 .image img,
body.novel_sort .fengmian-container .fengmian-left img,
body.novel_sort .fengmian-container .image img,
body.novel_sort .tuijian .fengmian-left img,
body.novel_sort .tuijian .image img {
    width: 120px !important;
    height: 160px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2) !important;
}

/* 书籍信息区域 */
body.novel_home .layout-col3 .fengmian-right,
body.novel_home .layout-col3 .book-info {
    width: 100% !important;
}

/* 书名样式 - 单行显示，超出截断 */
body.novel_home .layout-col3 .book-title,
body.novel_home .layout-col3 h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.novel_home .layout-col3 .book-title a,
body.novel_home .layout-col3 h3 a {
    color: #333 !important;
    text-decoration: none !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.novel_home .layout-col3 .book-title a:hover,
body.novel_home .layout-col3 h3 a:hover {
    color: #007bff !important;
}

/* 作者信息 - 单行显示，超出截断 */
body.novel_home .layout-col3 .book-author,
body.novel_home .layout-col3 p:first-of-type {
    font-size: 13px !important;
    color: #666 !important;
    margin: 0 0 8px 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 简介文字 - 限制为2行，超出截断 */
body.novel_home .layout-col3 .book-intro,
body.novel_home .layout-col3 p:last-of-type {
    font-size: 12px !important;
    color: #888 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 2.8em !important;
}

/* 移除之前错误的样式，恢复原始布局 */

/* Show layout elements with modern styling - 仅首页，排除长条区域 */
body.novel_home .row:first-child .layout, 
body.novel_home .row:first-child .layout2, 
body.novel_home .row:first-child .layout-col1, 
body.novel_home .row:first-child .layout-col2, 
body.novel_home .row:first-child .layout-col3,
body.novel_home .row:last-child .layout, 
body.novel_home .row:last-child .layout2, 
body.novel_home .row:last-child .layout-col1, 
body.novel_home .row:last-child .layout-col2, 
body.novel_home .row:last-child .layout-col3 {
    display: block !important;
    margin: 1rem 0 !important;
    padding: 1rem !important;
    background: white !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
}

/* 隐藏两个长条白色背景 */
body.novel_home .row:nth-child(3),
body.novel_home .row:nth-child(4) {
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 1rem 0 !important;
}

/* 确保长条区域内的layout容器也没有白色背景 */
body.novel_home .row:nth-child(3) .layout,
body.novel_home .row:nth-child(4) .layout,
body.novel_home .row:nth-child(3) .layout2,
body.novel_home .row:nth-child(4) .layout2,
body.novel_home .row:nth-child(3) .layout-col1,
body.novel_home .row:nth-child(4) .layout-col1,
body.novel_home .row:nth-child(3) .layout-col2,
body.novel_home .row:nth-child(4) .layout-col2,
body.novel_home .row:nth-child(3) .layout-col3,
body.novel_home .row:nth-child(4) .layout-col3 {
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* tp-box 仅首页应用 */
body.novel_home .tp-box {
    display: inline-block !important;
    width: 32% !important;
    margin: 0.5% !important;
    padding: 1rem !important;
    background: white !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 0.1) !important;
    vertical-align: top !important;
}

/* layout-tit 仅首页应用 */
body.novel_home .layout-tit {
    display: block !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #6366f1 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 2px solid #e5e7eb !important;
}

/* Keep content lists visible but apply modern styling - 仅首页 */
body.novel_home .txt-list {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure backend-generated content is visible */
.txt-list li, .fengmian li, ul li {
    display: list-item !important;
    margin-bottom: 0.5rem !important;
}

/* Book item display fixes */
.xs-phb3, .xs-phb2, .fengmian {
    display: block !important;
}

/* Ensure all template content blocks are visible */
[class*="home_"], [class*="index_"], [class*="tuijian"] {
    display: block !important;
}

/* Ensure modern elements are visible */
.modern-topbar, .modern-nav, .modern-main-content, 
.modern-search-section, .modern-card, .modern-footer,
.modern-grid, .modern-book-item, .modern-book-list,
.modern-chapter-header, .modern-chapter-nav, .modern-chapter-grid,
.modern-book-detail, .modern-breadcrumb {
    display: block !important;
}

.modern-grid {
    display: grid !important;
}

.modern-topbar-content, .modern-search-form, 
.modern-card-header, .modern-footer-links,
.modern-book-item, .modern-book-list li {
    display: flex !important;
}

/* Additional modern styling for old template elements */
body.modern-body, body.novel_home, body.novel_info {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Fix info page alignment issues */
.detail-box {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
}

.detail-box .imgbox {
    flex-shrink: 0 !important;
}

.detail-box .info {
    flex: 1 !important;
    min-width: 0 !important;
}

/* Compatibility fixes - ensure main content container is visible */
.biqunaicc {
    display: block !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 1rem !important;
}

.row {
    display: block !important;
    margin: 1rem 0 !important;
    clear: both !important;
}

.container {
    display: block !important;
    width: 100% !important;
}

/* Fix homepage recommendation layout - 仅首页 */
body.novel_home .layout-col2 {
    width: 66.66% !important;
    float: left !important;
}

/* 只对首页包含封面推荐的layout-col2应用网格布局 */
body.novel_home .row:first-child .layout-col2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px !important;
    padding: 20px !important;
}

body.novel_home .layout-col1 {
    width: 33.33% !important;
    float: right !important;
}

body.novel_home .layout2.layout-col1 {
    width: 50% !important;
}

body.novel_home .layout2.layout-col2 {
    width: 50% !important;
}

/* 封面推荐区域整齐布局 - 针对原始结构，仅首页 */
body.novel_home .row:first-child .layout-col2 .item,
body.novel_home .layout-col2 .item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 15px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    margin-bottom: 0 !important;
    transition: box-shadow 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 兼容新结构，仅首页 */
body.novel_home .row:first-child .layout-col2 .fengmian-item,
body.novel_home .layout-col2 .fengmian-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 15px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    margin-bottom: 0 !important;
    transition: box-shadow 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 原始结构悬停效果，仅首页 */
body.novel_home .row:first-child .layout-col2 .item:hover,
body.novel_home .layout-col2 .item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

body.novel_home .row:first-child .layout-col2 .fengmian-item:hover,
body.novel_home .layout-col2 .fengmian-item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* 原始结构的图片区域，仅首页 */
body.novel_home .row:first-child .layout-col2 .item .image,
body.novel_home .layout-col2 .item .image {
    flex-shrink: 0 !important;
    width: 80px !important;
}

body.novel_home .row:first-child .layout-col2 .item .image img,
body.novel_home .layout-col2 .item .image img {
    width: 80px !important;
    height: 106px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    display: block !important;
}

/* 原始结构的文字区域，仅首页 */
body.novel_home .row:first-child .layout-col2 .item dl,
body.novel_home .layout-col2 .item dl {
    flex: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
}

body.novel_home .row:first-child .layout-col2 .item dl dt,
body.novel_home .layout-col2 .item dl dt {
    margin: 0 0 8px 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

body.novel_home .row:first-child .layout-col2 .item dl dt a,
body.novel_home .layout-col2 .item dl dt a {
    color: #333 !important;
    text-decoration: none !important;
}

body.novel_home .row:first-child .layout-col2 .item dl dt a:hover,
body.novel_home .layout-col2 .item dl dt a:hover {
    color: #007bff !important;
}

body.novel_home .row:first-child .layout-col2 .item dl dt span,
body.novel_home .layout-col2 .item dl dt span {
    font-size: 14px !important;
    color: #666 !important;
    font-weight: normal !important;
    margin-right: 8px !important;
}

body.novel_home .row:first-child .layout-col2 .item dl dd,
body.novel_home .layout-col2 .item dl dd {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #777 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: auto !important;
}

.row:first-child .layout-col2 .fengmian-left,
.layout-col2 .fengmian-left {
    flex-shrink: 0 !important;
    width: 80px !important;
}

.row:first-child .layout-col2 .fengmian-left .book-cover,
.layout-col2 .fengmian-left .book-cover,
.row:first-child .layout-col2 .fengmian-left img,
.layout-col2 .fengmian-left img {
    width: 80px !important;
    height: 106px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    display: block !important;
}

.row:first-child .layout-col2 .fengmian-right,
.layout-col2 .fengmian-right {
    flex: 1 !important;
    min-width: 0 !important;
    padding-left: 0 !important;
}

.row:first-child .layout-col2 .fengmian-right .book-title,
.layout-col2 .fengmian-right .book-title,
.row:first-child .layout-col2 .fengmian-right h3,
.layout-col2 .fengmian-right h3 {
    margin: 0 0 8px 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.row:first-child .layout-col2 .fengmian-right .book-title a,
.layout-col2 .fengmian-right .book-title a,
.row:first-child .layout-col2 .fengmian-right h3 a,
.layout-col2 .fengmian-right h3 a {
    color: #333 !important;
    text-decoration: none !important;
}

.row:first-child .layout-col2 .fengmian-right .book-title a:hover,
.layout-col2 .fengmian-right .book-title a:hover,
.row:first-child .layout-col2 .fengmian-right h3 a:hover,
.layout-col2 .fengmian-right h3 a:hover {
    color: #007bff !important;
}

.row:first-child .layout-col2 .fengmian-right .book-author,
.layout-col2 .fengmian-right .book-author,
.row:first-child .layout-col2 .fengmian-right p:first-of-type,
.layout-col2 .fengmian-right p:first-of-type {
    margin: 0 0 8px 0 !important;
    font-size: 14px !important;
    color: #666 !important;
}

.row:first-child .layout-col2 .fengmian-right .book-intro,
.layout-col2 .fengmian-right .book-intro,
.row:first-child .layout-col2 .fengmian-right p:last-of-type,
.layout-col2 .fengmian-right p:last-of-type {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #777 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Fix book recommendation display */
.fengmian, .xs-phb2, .xs-phb3 {
    display: block !important;
    visibility: visible !important;
}

/* Ensure responsive behavior */
@media (max-width: 768px) {
    .modern-grid-2, .modern-grid-3, .modern-grid-4 {
        grid-template-columns: 1fr !important;
    }
    
    .layout-col1, .layout-col2, .layout2 {
        width: 100% !important;
        float: none !important;
    }
    
    body.novel_home .row:first-child .layout-col2 {
        grid-template-columns: 1fr !important;
    }
    
    body.novel_home .fengmian-item {
        padding: 12px !important;
        gap: 10px !important;
    }
    
    body.novel_home .fengmian-left .book-cover {
        width: 70px !important;
        height: 93px !important;
    }
}

/* 信息页底部推荐区域网格布局 */
body.novel_info .fengmian-container,
body.novel_info [class*="tuijian"] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    padding: 20px !important;
}

/* 信息页推荐项目左右布局 */
body.novel_info .item,
body.novel_info .fengmian-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 15px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    margin-bottom: 0 !important;
    transition: box-shadow 0.2s ease !important;
}

body.novel_info .item:hover,
body.novel_info .fengmian-item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* 信息页图片区域 */
body.novel_info .item .image,
body.novel_info .fengmian-left {
    flex-shrink: 0 !important;
    width: 60px !important;
}

body.novel_info .item .image img,
body.novel_info .fengmian-left img {
    width: 60px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    display: block !important;
}

/* 信息页文字区域 */
body.novel_info .item dl,
body.novel_info .fengmian-right {
    flex: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
}

body.novel_info .item dl dt,
body.novel_info .fengmian-right h3 {
    margin: 0 0 6px 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

body.novel_info .item dl dt a,
body.novel_info .fengmian-right h3 a {
    color: #333 !important;
    text-decoration: none !important;
}

body.novel_info .item dl dt a:hover,
body.novel_info .fengmian-right h3 a:hover {
    color: #007bff !important;
}

body.novel_info .item dl dt span,
body.novel_info .fengmian-right p:first-of-type {
    font-size: 12px !important;
    color: #666 !important;
    font-weight: normal !important;
    margin-right: 6px !important;
}

body.novel_info .item dl dd,
body.novel_info .fengmian-right p:last-of-type {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: #777 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: auto !important;
}

/* 分类页面紧凑排版 - 针对实际的li列表结构 */
body.novel_sort .txt-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 5px !important;
    padding: 10px !important;
    margin: 0 !important;
    background: #f8f9fa !important;
    border-radius: 8px !important;
}

/* 分类页面强制应用两列布局 - 使用更广泛的选择器 */
body.novel_sort .layout-col2,
body.novel_sort .layout2.layout-col2,
body.novel_sort .layout2.fl {
    column-count: 2 !important;
    column-gap: 15px !important;
    column-fill: balance !important;
    background: #f8f9fa !important;
    padding: 15px !important;
    border-radius: 8px !important;
}

/* 强制所有链接使用卡片样式 */
body.novel_sort .layout-col2 a,
body.novel_sort .layout2.layout-col2 a,
body.novel_sort .layout2.fl a,
body.novel_sort a[href*="info"] {
    display: block !important;
    padding: 8px 12px !important;
    margin-bottom: 6px !important;
    background: white !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    transition: all 0.2s ease !important;
    break-inside: avoid !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

body.novel_sort .layout-col2 a:hover,
body.novel_sort .layout2.layout-col2 a:hover,
body.novel_sort .layout2.fl a:hover,
body.novel_sort a[href*="info"]:hover {
    background: #e3f2fd !important;
    border-color: #2196f3 !important;
    color: #1976d2 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(33,150,243,0.2) !important;
}

/* 备用选择器 - 确保任何情况下都能应用样式 */
body.novel_sort div[class*="layout"] {
    column-count: 2 !important;
    column-gap: 15px !important;
    background: #f8f9fa !important;
    padding: 15px !important;
    border-radius: 8px !important;
}

/* 强制主内容区域的链接样式 */
body.novel_sort .container a,
body.novel_sort .biqunaicc a {
    display: block !important;
    padding: 8px 12px !important;
    margin-bottom: 6px !important;
    background: white !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    transition: all 0.2s ease !important;
    break-inside: avoid !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

body.novel_sort .container a:hover,
body.novel_sort .biqunaicc a:hover {
    background: #e3f2fd !important;
    border-color: #2196f3 !important;
    color: #1976d2 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 8px rgba(33,150,243,0.2) !important;
}

/* 排除导航和标题区域的链接 */
body.novel_sort .sort_nav a,
body.novel_sort .layout-tit a,
body.novel_sort nav a,
body.novel_sort header a {
    display: inline !important;
    padding: initial !important;
    margin: initial !important;
    background: initial !important;
    border: initial !important;
    border-radius: initial !important;
    box-shadow: none !important;
    transform: none !important;
}

body.novel_sort .txt-list li {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    background: white !important;
    border-radius: 6px !important;
    border: 1px solid #e9ecef !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    transition: all 0.2s ease !important;
}

body.novel_sort .txt-list li:hover {
    background: #f0f8ff !important;
    border-color: #007bff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(0,123,255,0.1) !important;
}

/* 分类页面span样式 */
body.novel_sort .txt-list li .s1 {
    display: none !important; /* 隐藏分类编号 */
}

body.novel_sort .txt-list li .s2 {
    flex: 1 !important;
    font-weight: 600 !important;
    margin-right: 10px !important;
}

body.novel_sort .txt-list li .s2 a {
    color: #333 !important;
    text-decoration: none !important;
}

body.novel_sort .txt-list li .s2 a:hover {
    color: #007bff !important;
}

body.novel_sort .txt-list li .s3 {
    flex: 0 0 120px !important;
    color: #666 !important;
    margin-right: 10px !important;
    font-size: 13px !important;
}

body.novel_sort .txt-list li .s3 a {
    color: #666 !important;
    text-decoration: none !important;
}

body.novel_sort .txt-list li .s3 a:hover {
    color: #007bff !important;
}

body.novel_sort .txt-list li .s4 {
    flex: 0 0 80px !important;
    color: #888 !important;
    font-size: 12px !important;
    margin-right: 10px !important;
}

body.novel_sort .txt-list li .s5 {
    flex: 0 0 90px !important;
    color: #999 !important;
    font-size: 11px !important;
    text-align: right !important;
}

/* 只针对经典推荐右侧区域的CSS优化 */
body.novel_home .layout-col1.fr .txt-list li {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.novel_home .layout-col1.fr .txt-list li a {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 确保分类标签不被截断 */
body.novel_home .layout-col1.fr .txt-list li .s1 {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    min-width: 80px !important;
}

/* 热门标签区域样式 - 保持原有位置 */

.modern-card {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
}

.modern-card-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    padding: 15px 20px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.modern-card-content {
    padding: 20px !important;
}

.modern-tags-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.modern-tags-grid a {
    display: inline-block !important;
    padding: 6px 12px !important;
    background: #f8f9fa !important;
    color: #495057 !important;
    text-decoration: none !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
    border: 1px solid #e9ecef !important;
}

.modern-tags-grid a:hover {
    background: #007bff !important;
    color: white !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0,123,255,0.3) !important;
}

/* 移除flex布局，让热门标签正常显示在内容区域 */

/* 移动端响应式 */
@media (max-width: 768px) {
    /* 分类页面书籍推荐 - 移动端单列 */
    body.novel_home .layout-col3,
    body.novel_home .row-section .layout {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 15px !important;
    }
    
    /* 移动端书籍卡片调整 */
    body.novel_home .layout-col3 .fengmian-left img,
    body.novel_home .layout-col3 .image img {
        width: 100px !important;
        height: 133px !important;
    }
    
    /* 移动端最新入库小说列表调整 */
    body.novel_home .layout-col1 .txt-list li .s4,
    body.novel_home .layout-col1 .txt-list li .s5 {
        display: none !important;
    }
    
    body.novel_home .layout-col1 .txt-list li .s1 {
        width: 20% !important;
    }
    
    body.novel_home .layout-col1 .txt-list li .s2 {
        width: 50% !important;
    }
    
    body.novel_home .layout-col1 .txt-list li .s3 {
        width: 30% !important;
    }
    
    body.novel_info .fengmian-container,
    body.novel_info [class*="tuijian"] {
        grid-template-columns: 1fr !important;
    }
}