.section-title { font-size: 20px; font-weight: bold; margin-bottom: 15px; border-left: 4px solid var(--primary-color); padding-left: 10px; display: flex; justify-content: space-between; align-items: center;}

.section-title .more { font-size: 14px; font-weight: normal; color: #666; }

.novel-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-bottom: 30px; }

.novel-card { background: var(--box-bg); padding: 20px; border-radius: 8px; transition: transform 0.3s; box-shadow: 0 2px 5px rgba(0,0,0,0.05); text-align: left; border-left: 3px solid transparent; }

.novel-card:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-left-color: var(--primary-color); }

.novel-title { font-size: 17px; font-weight: bold; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--primary-color); }

.novel-author { font-size: 14px; color: #666; margin-bottom: 5px; }

.novel-desc { font-size: 13px; color: #888; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.novel-list { background: var(--box-bg); padding: 20px; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }

.list-item { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed #eee; align-items: center; }

.list-item:last-child { border-bottom: none; }

.item-category { color: #888; font-size: 14px; width: 80px; }

.item-title { flex: 1; font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 15px; }

.item-chapter { flex: 2; font-size: 14px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 15px; }

.item-author { width: 100px; text-align: right; font-size: 14px; color: #888; }

.item-time { width: 100px; text-align: right; font-size: 13px; color: #aaa; }

.seo-intro { background: var(--box-bg); padding: 20px; border-radius: 8px; margin-bottom: 20px; font-size: 14px; color: #666; }

@media (max-width: 768px) {
            .nav-links { display: none; }
            .mobile-nav { display: flex; overflow-x: auto; white-space: nowrap; background: var(--box-bg); padding: 10px 15px; gap: 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
            .mobile-nav::-webkit-scrollbar { display: none; }
            .mobile-nav a { font-size: 15px; }
            .search-box { display: none; }
            .novel-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
            .item-chapter, .item-time, .item-author { display: none; }
            .item-title { font-size: 15px; }
            .novel-list { padding: 10px; }
        }

@media (max-width: 480px) {
            .novel-grid { grid-template-columns: 1fr; }
        }