.filter-card{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 24px;box-shadow:var(--shadow-sm)}.filter-row{display:flex;gap:20px;padding:14px 0;border-bottom:1px dashed var(--border-subtle)}.filter-row:last-child{border:0}.filter-label{flex:0 0 60px;font-size:13px;font-weight:600;color:var(--text-secondary);padding-top:5px}.filter-options{display:flex;flex-wrap:wrap;gap:6px 10px;min-width:0}.filter-item{border:0;background:transparent;padding:4px 12px;border-radius:20px;color:var(--text-secondary);font-size:13px}.filter-item.active{background:var(--color-primary);color:white}.filter-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.toolbar-bar{display:flex;align-items:center;gap:16px;margin:24px 0;padding:14px 18px;border:1px solid var(--border-subtle);border-radius:10px;background:white}.toolbar-bar h1{font-size:18px}.view-switch{margin-left:auto;display:flex;gap:6px}.view-btn{background:white;border:1px solid var(--border-subtle);border-radius:5px;padding:6px 10px;font-size:12px;color:var(--text-secondary)}.view-btn.active{border-color:var(--color-primary);color:var(--color-primary)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:24px}.book-card{background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:16px;min-width:0}.book-cover-link{flex:0 0 86px}.book-cover{width:86px;height:120px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-book)}.book-card-info{min-width:0;flex:1}.book-card h2{font-size:16px;line-height:1.45;margin:0 0 6px;overflow-wrap:anywhere}.book-meta{font-size:12px;color:var(--text-secondary);margin:6px 0}.book-intro{font-size:12px;color:var(--text-tertiary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.badge-status{color:var(--color-tag-wuxia);background:#ebf5f0;padding:2px 5px;border-radius:4px}.book-update{font-size:11px;color:var(--text-tertiary);margin-top:8px;overflow-wrap:anywhere}.book-update a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-update time{display:block}.vip-label{color:var(--color-primary)}.book-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.book-actions .button{padding:4px 7px;font-size:12px}.book-grid.list-view{grid-template-columns:1fr}.book-grid.list-view .book-intro{-webkit-line-clamp:2}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:30px 0}.page-btn{border:1px solid var(--border-subtle);background:white;border-radius:5px;padding:6px 11px;color:var(--text-secondary)}.page-btn.active{background:var(--color-primary);color:white;border-color:var(--color-primary)}.pagination input[type=number]{width:60px;border:1px solid var(--border-strong);border-radius:4px;padding:6px}.recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.recommend-grid h2,.recommended h2{font-size:18px;margin-bottom:20px}.recommend-grid ol{padding-left:24px}.recommend-grid li{padding:7px 0;border-bottom:1px dashed var(--border-subtle)}.recommend-grid li span{color:var(--text-tertiary);font-size:12px}.recommended{margin-top:32px}.recommend-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:22px}.recommend-books img{width:86px;height:120px;object-fit:cover;border-radius:4px}.recommend-books h3{font-size:13px;margin-top:10px}.recommend-books .muted{font-size:12px}.page-heading small{font:14px var(--font-sans);color:var(--text-tertiary)}
@media(max-width:768px){.filter-card{padding:4px 14px}.filter-row{gap:6px;padding:10px 0}.filter-label{flex-basis:45px;font-size:12px}.filter-options{gap:3px}.filter-item{font-size:12px;padding:4px 8px}.toolbar-bar{gap:8px}.toolbar-bar h1{font-size:16px}.toolbar-bar>.muted{display:none}.book-grid{grid-template-columns:1fr;gap:14px}.book-cover-link{flex-basis:82px}.book-cover{width:82px;height:115px}.book-card{padding:14px;gap:14px}.book-intro{-webkit-line-clamp:2}.recommend-grid{grid-template-columns:1fr}.pagination{gap:6px}.page-btn{padding:6px 9px}}