@charset "UTF-8";

/* 桌面端首页样式 - 不导入外部文件 */

/* 显示/隐藏类 */
.book-card.visible {
    display: flex !important;
}

.book-card.hidden {
    display: none !important;
}

/* 继续阅读部分的book-card visible限制两行显示 */
.mb-xl:first-of-type .books-grid#recent-books-list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-template-rows: repeat(2, auto) !important;
    gap: 16px !important;
    max-height: calc(120px * 2 + 16px) !important;
    overflow: hidden !important;
}

/* 确保继续阅读部分的卡片宽度一致 */
.mb-xl:first-of-type .books-grid#recent-books-list .book-card {
    min-width: 0 !important;
    width: 100% !important;
}

/* 确保图书信息区域不会撑破卡片宽度 */
.mb-xl:first-of-type .books-grid#recent-books-list .book-info {
    min-width: 0 !important;
    flex-shrink: 1 !important;
}

/* 确保书名不会撑破容器 */
.mb-xl:first-of-type .books-grid#recent-books-list .book-title {
    min-width: 0 !important;
    width: 100% !important;
}

/* 首页内容区最大宽度1200px，居中显示 */
.home-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
}

#main-content .mb-xl,
#main-content .section-header,
#main-content .books-grid {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 确保首页的main-content容器也居中 */
/* 使用首页特有的结构来定位，首页有mb-xl和section-header元素 */
#main-content:has(.mb-xl.section-header) {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 直接设置main-content的最大宽度，确保所有页面都能正确显示 */
#main-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 最近看过的图书样式 */
.mb-xl {
    margin-bottom: 24px !important;
    background-color: transparent !important;
    padding: 20px 0 0 0 !important;
}

/* 章节标题容器 - 参考微信读书样式 */
.section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    border-bottom: none !important;
    background-color: transparent !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

/* 章节标题左侧 - 参考微信读书样式 */
.section-header-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 auto !important;
}

/* 章节标题 - 参考微信读书样式 */
.section-title {
    font-size: 1.4em !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    display: inline-block !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* 换一批按钮 - 参考微信读书样式 */
.refresh-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 8px !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #666666 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

.refresh-btn .refresh-icon {
    display: none !important;
}

.refresh-btn:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #07c160 !important;
}

/* 右侧深色模式按钮 */
.section-header-right {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* 类目导航样式 */
.category-nav {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: #ccc !important;
    flex: 0 1 auto !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.category-link {
    color: #666 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    padding: 4px 0 !important;
}

.category-link:hover {
    color: #07c160 !important;
    text-decoration: none !important;
}

.category-separator {
    color: #999999 !important;
    font-size: 12px !important;
}

.more-link {
    color: #07c160 !important;
    font-weight: 500 !important;
}

.more-link:hover {
    color: #05a350 !important;
}

/* 桌面端（1025px以上） - 显示全部10个类目 */
.category-nav {
    font-size: 14px !important;
    gap: 8px !important;
}

.category-separator {
    font-size: 12px !important;
}

/* 最近看过的图书列表 - 桌面端（1025px以上）布局 */
.books-grid {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 20px !important;
    margin-top: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    overflow: visible !important;
    max-height: none !important;
    max-width: 100% !important;
}

/* 继续阅读部分 - 两行，每行4本 */
.mb-xl:first-of-type .books-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
}

/* 大家都在看部分 - 两行，每行6本 */
#popular-books-list {
    grid-template-columns: repeat(8, 1fr) !important;
}

/* 确保大家都在看部分的卡片宽度一致 */
#popular-books-list .book-card {
    min-width: 0 !important;
    width: 100% !important;
}

/* 确保大家都在看的图书信息区域不会撑破卡片宽度 */
#popular-books-list .book-info {
    min-width: 0 !important;
    flex-shrink: 1 !important;
}

/* 确保大家都在看的书名不会撑破容器 */
#popular-books-list .book-title {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin: 0 0 4px 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    background-color: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    text-align: center !important;
    cursor: help !important;
}

html.dark-mode #popular-books-list .book-title {
    color: #e5e7eb !important;
}

/* 滚动条样式 */
.books-grid::-webkit-scrollbar {
    height: 4px !important;
    width: 4px !important;
}

.books-grid::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 2px !important;
}

.books-grid::-webkit-scrollbar-thumb {
    background: #c1c1c1 !important;
    border-radius: 2px !important;
}

.books-grid::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8 !important;
}

/* 深色模式切换按钮 - 放到h3右侧 */
.dark-mode-toggle-container {
    display: flex !important;
    align-items: center !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dark-mode-toggle-container button {
    background-color: transparent !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 16px !important;
    padding: 3px 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 12px !important;
    color: #666 !important;
    margin: 0 !important;
    display: block !important;
}

html.dark-mode .dark-mode-toggle-container button {
    background-color: transparent !important;
    border-color: #333 !important;
    color: #999 !important;
}

.dark-mode-toggle-container button:hover {
    background-color: #f0f0f0 !important;
    border-color: #d0d0d0 !important;
}

html.dark-mode .dark-mode-toggle-container button:hover {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
}

/* 猜你喜欢部分 */
.mb-xl:nth-child(4) {
    margin-top: 32px !important;
}

.mb-xl:nth-child(4) .section-header {
    margin-bottom: 20px !important;
}

/* 站点标题样式 */
h1.site-title {
    text-align: center !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin: 32px 0 !important;
    letter-spacing: 0 !important;
    display: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
}

html.dark-mode h1.site-title {
    color: #e5e7eb !important;
}

/* 空状态消息 */
.empty-message {
    grid-column: 1 / -1 !important;
    padding: 48px 32px !important;
    text-align: center !important;
    color: #666 !important;
    font-size: 14px !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    border: 1px dashed #e5e5e5 !important;
    margin: 0 !important;
}

html.dark-mode .empty-message {
    color: #999 !important;
    border-color: #333 !important;
}

/* 浏览最多的收藏部分样式 */
.mb-xl:nth-child(4) .books-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    display: grid !important;
    grid-template-rows: repeat(2, auto) !important;
    max-height: calc(120px * 2 + 16px) !important;
    overflow: hidden !important;
}

/* 确保浏览最多的收藏部分的卡片宽度一致 */
.mb-xl:nth-child(4) .books-grid .book-card {
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    height: 120px !important;
    margin: 0 !important;
    border: none !important;
}

/* 确保浏览最多的收藏的图书信息区域不会撑破卡片宽度 */
.mb-xl:nth-child(4) .books-grid .book-info {
    min-width: 0 !important;
    flex-shrink: 1 !important;
    flex: 1 1 auto !important;
    text-align: left !important;
    padding: 0 !important;
    background-color: transparent !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* 浏览最多的收藏部分的图书标题样式 */
.mb-xl:nth-child(4) .books-grid .book-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin: 0 0 4px 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    background-color: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    text-align: left !important;
    cursor: help !important;
    min-width: 0 !important;
    width: 100% !important;
}

html.dark-mode .mb-xl:nth-child(4) .books-grid .book-title {
    color: #e5e7eb !important;
}

/* 浏览最多的收藏的图书封面样式 */
.mb-xl:nth-child(4) .books-grid .book-cover {
    width: 60px !important;
    height: 80px !important;
    flex-shrink: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    aspect-ratio: auto !important;
    background: linear-gradient(135deg, #f8f8f8 0%, #e0e0e0 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e0e0e0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 0 !important;
}

/* 深色模式下的浏览最多的收藏样式 */
html.dark-mode .mb-xl:nth-child(4) .books-grid .book-card {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .mb-xl:nth-child(4) .books-grid .book-cover {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%) !important;
    border-color: #c0c0c000 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* 图书标题tooltip效果 */
.book-title {
    position: relative !important;
}

.book-title::after {
    content: attr(title) !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    color: white !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
    z-index: 1000 !important;
    margin-bottom: 8px !important;
    pointer-events: none !important;
}

.book-title:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 书架分类标题tooltip效果 */
#shelf-categories-list .book-title::after {
    content: attr(title) !important;
}

/* 大家都在看标题tooltip效果 */
#popular-books-list .book-title::after {
    content: attr(title) !important;
}

/* 浏览最多的收藏标题tooltip效果 */
.mb-xl:nth-child(4) .books-grid .book-title::after {
    content: attr(title) !important;
}

/* 排名图书标题tooltip效果 */
.book-title-ranking {
    position: relative !important;
}

.book-title-ranking::after {
    content: attr(title) !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    color: white !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
    z-index: 1000 !important;
    margin-bottom: 8px !important;
    pointer-events: none !important;
}

.book-title-ranking:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 辅助类 */
.inline-block {
    display: inline-block !important;
}

.pulse {
    animation: pulse 2s infinite !important;
}

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

/* 实体标签样式 */
.entity-chip {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    background-color: rgba(7, 193, 96, 0.1) !important;
    color: #07c160 !important;
}

.entity-chip.book {
    background-color: rgba(7, 193, 96, 0.1) !important;
    color: #07c160 !important;
}

html.dark-mode .entity-chip.book {
    background-color: rgba(7, 193, 96, 0.2) !important;
}

.fill-current {
    fill: currentColor !important;
}

/* 确保没有其他样式影响 */
* {
    box-sizing: border-box !important;
}

/* 继续阅读部分样式 - 左右排列 */
.mb-xl:first-of-type .books-grid#recent-books-list {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
}

/* 覆盖main.css中的样式，确保flex-direction为row */
.mb-xl:first-of-type .books-grid#recent-books-list .book-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    height: 120px !important;
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
}

/* 图书封面样式 */
.mb-xl:first-of-type .books-grid#recent-books-list .book-cover {
    width: 60px !important;
    height: 80px !important;
    flex-shrink: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    aspect-ratio: auto !important;
    background: linear-gradient(135deg, #f8f8f8 0%, #e0e0e0 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e0e0e0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 0 !important;
}

html.dark-mode .mb-xl:first-of-type .books-grid#recent-books-list .book-cover {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%) !important;
    border-color: #c0c0c0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* 图书信息样式 */
.mb-xl:first-of-type .books-grid#recent-books-list .book-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
    padding: 0 !important;
    background-color: transparent !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* 书名样式 */
.mb-xl:first-of-type .books-grid#recent-books-list .book-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin: 0 0 4px 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    background-color: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    text-align: left !important;
    cursor: help !important;
}

html.dark-mode .mb-xl:first-of-type .books-grid#recent-books-list .book-title {
    color: #e5e7eb !important;
}

/* 作者样式 */
.mb-xl:first-of-type .books-grid#recent-books-list .book-author {
    font-size: 12px !important;
    color: #858c96 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    background-color: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    text-align: left !important;
}

html.dark-mode .mb-xl:first-of-type .books-grid#recent-books-list .book-author {
    color: #666 !important;
}

/* 封面图片样式 */
.mb-xl:first-of-type .books-grid#recent-books-list .book-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    animation: fadeIn 0.5s ease forwards !important;
    display: block !important;
    position: relative !important;
    z-index: 0 !important;
    border-radius: 4px !important;
}

html.dark-mode .mb-xl:first-of-type .books-grid#recent-books-list .book-cover img {
    background-color: transparent !important;
}

/* 悬停效果 */
.mb-xl:first-of-type .books-grid#recent-books-list .book-card:hover .book-cover img {
    transform: scale(1.02) !important;
}

/* 链接覆盖 */
.mb-xl:first-of-type .books-grid#recent-books-list .book-link {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 书架分类列表样式 - 复刻继续阅读部分 */
#shelf-categories-list {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
    display: grid !important;
    grid-template-rows: repeat(2, auto) !important;
    max-height: calc(120px * 2 + 16px) !important;
    overflow: hidden !important;
}

/* 确保书架分类部分的卡片宽度一致 */
#shelf-categories-list .book-card {
    min-width: 0 !important;
    width: 100% !important;
}

/* 确保书架分类的图书信息区域不会撑破卡片宽度 */
#shelf-categories-list .book-info {
    min-width: 0 !important;
    flex-shrink: 1 !important;
}

/* 确保书架分类的书名不会撑破容器 */
#shelf-categories-list .book-title {
    min-width: 0 !important;
    width: 100% !important;
}

html.dark-mode #shelf-categories-list .book-card {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

/* 书架分类卡片样式 */
#shelf-categories-list .book-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    height: 120px !important;
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
}

/* 书架分类封面样式 */
#shelf-categories-list .book-cover {
    width: 60px !important;
    height: 80px !important;
    flex-shrink: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    aspect-ratio: auto !important;
    background: linear-gradient(135deg, #f8f8f8 0%, #e0e0e0 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid #e0e0e0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 0 !important;
}

/* 深色模式下的书架分类封面样式 */
html.dark-mode #shelf-categories-list .book-cover {
    background: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%) !important;
    border-color: #c0c0c000 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* 书架分类信息样式 */
#shelf-categories-list .book-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
    padding: 0 !important;
    background-color: transparent !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* 书架分类标题样式 */
#shelf-categories-list .book-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin: 0 0 4px 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    background-color: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    text-align: left !important;
    cursor: help !important;
}

html.dark-mode #shelf-categories-list .book-title {
    color: #e5e7eb !important;
}

/* 书架分类作者样式 */
#shelf-categories-list .book-author {
    font-size: 12px !important;
    color: #858c96 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    background-color: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    text-align: left !important;
}

html.dark-mode #shelf-categories-list .book-author {
    color: #666 !important;
}

/* 书架分类封面图片样式 */
#shelf-categories-list .book-cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    animation: fadeIn 0.5s ease forwards !important;
    display: block !important;
    position: relative !important;
    z-index: 0 !important;
    border-radius: 4px !important;
}

html.dark-mode .mb-xl:nth-child(6) .books-grid#shelf-categories-list .book-cover img {
    background-color: transparent !important;
}

/* 书架分类悬停效果 */
.mb-xl:nth-child(6) .books-grid#shelf-categories-list .book-card:hover .book-cover img {
    transform: scale(1.02) !important;
}

/* 书架分类链接覆盖 */
.mb-xl:nth-child(6) .books-grid#shelf-categories-list .book-link {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 继续阅读部分的book-card深色模式样式 */
html.dark-mode .mb-xl:first-of-type .books-grid#recent-books-list .book-card {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

/* Logo滚动样式 */
.logo-scrolled {
    color: #ffffff !important;
}

.logo-text-scrolled {
    color: #ffffff !important;
}

/* 搜索图标滚动样式 */
.search-icon-link {
    color: #909090 !important;
}

/* 热门阅读榜 - 微信读书样式 */
.weread-style-rankings {
    display: flex !important;
    gap: 20px !important;
    margin: 32px 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* 排名容器样式 */
.ranking-container {
    flex: 1 !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* 排名头部样式 */
.ranking-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* 排名标题样式 */
.ranking-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 查看全部链接样式 */
.view-all-link {
    font-size: 12px !important;
    color: #666666 !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.view-all-link:hover {
    color: #07c160 !important;
    text-decoration: none !important;
}

/* 排名图书容器样式 */
.ranking-books {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(3, auto) !important;
    gap: 16px !important;
    width: 100% !important;
}

/* 排名图书项样式 */
.ranking-book-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    min-width: 0 !important;
    width: 100% !important;
}

/* 确保排名图书信息区域不会撑破容器宽度 */
.book-info-ranking {
    min-width: 0 !important;
    flex-shrink: 1 !important;
    flex: 1 1 auto !important;
}

.ranking-book-item:hover {
    background-color: #f9f9f9 !important;
}

/* 标题前粗体序号样式 */
.rank-number-bold {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #999999 !important;
    margin-right: 8px !important;
    display: inline-block !important;
    min-width: 14px !important;
}

/* 前3名序号特殊样式 */
.ranking-book-item:nth-child(1) .rank-number-bold,
.ranking-book-item:nth-child(2) .rank-number-bold,
.ranking-book-item:nth-child(3) .rank-number-bold {
    color: #fa8920 !important;
}

/* 小封面样式 - 放大 */
.book-cover-small {
    width: 50px !important;
    height: 70px !important;
    flex-shrink: 0 !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #f8f8f8 0%, #e0e0e0 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #e0e0e0 !important;
}

/* 小封面图片样式 */
.book-cover-small img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 3px !important;
}

/* 默认小封面样式 - 放大 */
.default-cover-small {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #666666 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f8f8f8 0%, #e0e0e0 100%) !important;
}

/* 排名图书信息样式 */
.book-info-ranking {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

/* 排名图书标题样式 - 放大 */
.book-title-ranking {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    cursor: help !important;
}

.book-title-ranking a {
    color: #333333 !important;
    text-decoration: none !important;
}

.book-title-ranking a:hover {
    color: #07c160 !important;
    text-decoration: none !important;
}

/* 排名图书作者样式 - 放大 */
.book-author-ranking {
    font-size: 13px !important;
    color: #666 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
}

/* 排名图书推荐值样式 - 放大 */
.book-recommend-ranking {
    font-size: 13px !important;
    color: #999 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

/* 深色模式样式 */
html.dark-mode .ranking-container {
    background-color: #2a2a2a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .ranking-header {
    border-bottom-color: #3a3a3a !important;
}

html.dark-mode .ranking-title {
    color: #e5e7eb !important;
}

html.dark-mode .view-all-link {
    color: #999999 !important;
}

html.dark-mode .view-all-link:hover {
    color: #07c160 !important;
}

html.dark-mode .ranking-book-item:hover {
    background-color: #333333 !important;
}

html.dark-mode .book-rank {
    color: #666666 !important;
}

html.dark-mode .ranking-book-item:nth-child(1) .book-rank,
html.dark-mode .ranking-book-item:nth-child(2) .book-rank,
html.dark-mode .ranking-book-item:nth-child(3) .book-rank {
    color: #ff6b6b !important;
}

html.dark-mode .book-cover-small {
    background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important;
    border-color: #444444 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .default-cover-small {
    color: #999999 !important;
    background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important;
}

html.dark-mode .book-title-ranking {
    color: #e5e7eb !important;
}

html.dark-mode .book-title-ranking a {
    color: #e5e7eb !important;
}

html.dark-mode .book-title-ranking a:hover {
    color: #07c160 !important;
}

html.dark-mode .book-author-ranking {
    color: #999 !important;
}

html.dark-mode .book-recommend-ranking {
    color: #666!important;
}

/* 近期活动和活跃榜 - 微信读书样式 */
.weread-style-activity-rankings {
    display: flex !important;
    gap: 20px !important;
    margin: 32px 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* 活动排名容器样式 */
.activity-ranking-container {
    flex: 1 !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* 近期活动内容样式 */
.recent-activity-content {
    margin-top: 12px !important;
}

/* 活动子排名容器样式 */
.activity-subrankings {
    display: flex !important;
    gap: 0 !important;
    margin-top: 16px !important;
    width: 100% !important;
}

/* 子排名列样式 */
.subranking-column {
    flex: 1 !important;
    padding: 0 12px !important;
    position: relative !important;
}

/* 子排名列之间的分隔线 */
.subranking-column:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 20px !important;
    bottom: 20px !important;
    width: 1px !important;
    background-color: #f0f0f0 !important;
}

/* 子排名标题样式 */
.subranking-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 子排名列表样式 */
.subranking-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* 子排名项样式 */
.subranking-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 6px 0 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

/* 子排名数字样式 */
.subranking-rank {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #999999 !important;
    min-width: 16px !important;
    text-align: center !important;
}

/* 子排名前3名数字特殊样式 */
.subranking-item:nth-child(1) .subranking-rank,
.subranking-item:nth-child(2) .subranking-rank,
.subranking-item:nth-child(3) .subranking-rank {
    color: #ff4d4f !important;
}

/* 子排名头像样式 */
.subranking-avatar {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background-color: #e0e0e0 !important;
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

/* 用户链接样式 */
.user-link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.user-link:hover {
    color: #07c160 !important;
    text-decoration: none !important;
}

/* 子排名名称样式 - 调大1px */
.subranking-name {
    flex: 1 !important;
    color: #333333 !important;
    margin: 0 8px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
}

/* 子排名数量样式 */
.subranking-count {
    color: #666666 !important;
    font-size: 11px !important;
    min-width: 30px !important;
    text-align: right !important;
}

/* 深色模式样式 */
html.dark-mode .activity-ranking-container {
    background-color: #2a2a2a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .subranking-column:not(:last-child)::after {
    background-color: #3a3a3a !important;
}

html.dark-mode .subranking-title {
    color: #e5e7eb !important;
}

html.dark-mode .subranking-rank {
    color: #666666 !important;
}

html.dark-mode .subranking-item:nth-child(1) .subranking-rank,
html.dark-mode .subranking-item:nth-child(2) .subranking-rank,
html.dark-mode .subranking-item:nth-child(3) .subranking-rank {
    color: #ff6b6b !important;
}

html.dark-mode .subranking-avatar {
    background-color: #404040 !important;
    color: #e0e0e0 !important;
}

/* 深色模式下的用户链接样式 */
html.dark-mode .user-link {
    color: #e5e7eb !important;
}

html.dark-mode .user-link:hover {
    color: #07c160 !important;
}

html.dark-mode .subranking-name {
    color: #e5e7eb !important;
}

html.dark-mode .subranking-count {
    color: #999999 !important;
}

/* 适配activity-list样式 */
.recent-activity-content .activity-list {
    margin: 0 !important;
    padding: 0 !important;
}

.recent-activity-content .activity-item {
    padding: 8px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.recent-activity-content .activity-item:last-child {
    border-bottom: none !important;
}

/* 近期活动中链接字体调为高亮色 */
.recent-activity-content .activity-item a {
    color: #07c160 !important;
    text-decoration: none !important;
}

.recent-activity-content .activity-item a:hover {
    color: #05a350 !important;
    text-decoration: none !important;
}

html.dark-mode .recent-activity-content .activity-item a {
    color: #07c160 !important;
}

html.dark-mode .recent-activity-content .activity-item a:hover {
    color: #09d570 !important;
    text-decoration: none !important;
}

/* 捐赠入口样式 */
.donation-section {
    margin: 2rem 0;
    padding: 1.5rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #f9f9f9;
    text-align: center;
}

.donation-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.donation-text {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    color: #333;
}

.heart-icon {
    fill: #ff4757;
    width: 16px;
    height: 16px;
}

/* 深色模式下的捐赠入口样式 */
body.dark-mode .donation-section {
    border-color: #333;
    background-color: #2a2a2a;
}

body.dark-mode .donation-text {
    color: #e0e0e0;
}

body.dark-mode .heart-icon {
    fill: #ff6b81;
}

/* 捐赠链接样式 */
.donation-link {
    color: #07c160 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}

.donation-link:hover {
    color: #05a350 !important;
    text-decoration: underline !important;
}

/* 深色模式下的捐赠链接样式 */
body.dark-mode .donation-link {
    color: #07c160 !important;
}

body.dark-mode .donation-link:hover {
    color: #09d570 !important;
}

/* 响应式设计 */
@media screen and (max-width: 1024px) {
    .donation-section {
        margin: 1.5rem 0;
        padding: 1rem;
    }
    
    .donation-text {
        font-size: 0.9rem;
    }
}

html.dark-mode .recent-activity-content .activity-item {
    border-bottom-color: #3a3a3a !important;
}

html.dark-mode .recent-activity-content .activity-item a {
    color: #07c160 !important;
}

html.dark-mode .recent-activity-content .activity-item a:hover {
    color: #09d570 !important;
}