body{margin:0;padding:0;background:#f7f7f7}.page-content{padding-bottom:24px}.list-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px;align-items:start}.list-sidebar{position:sticky;top:108px}.list-content,.list-filter-card{background:#fff;border:0;box-shadow:0 6px 18px rgba(15,23,42,.05)}.list-filter-card{border-radius:10px;overflow:hidden}.list-filter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;padding:0 16px;border:0;background:#fff;color:#222;font-size:17px;font-weight:700;box-shadow:inset 0 -1px 0 #eef2f7;cursor:pointer}.list-filter-toggle::after{content:'';width:8px;height:8px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(-135deg);transition:transform .2s ease}.list-filter-toggle[aria-expanded=false]::after{transform:rotate(45deg)}.list-filter-body{display:block}.list-filter-card.is-collapsed .list-filter-body{display:none}.list-filter-body a{position:relative;display:block;height:42px;line-height:42px;padding:0 16px 0 18px;color:#333;font-size:15px;font-weight:500}.list-filter-body a+a{box-shadow:inset 0 1px 0 #eef2f7}.list-filter-body a.active,.list-filter-body a:hover{background:#f3f7ff;color:#1f57a5}.list-filter-body a.active::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#2b6cb0}.list-content{border-radius:10px;padding:0 16px 20px}.list-title{padding:20px 0;font-size:18px;font-weight:700;color:#222}.list-description{color:#5b6778;font-size:14px;line-height:1.7}.list-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 0 10px}.list-sort-group{display:flex;flex-wrap:wrap;gap:10px}.list-pagination a,.list-sort-group a{display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.list-sort-group a{min-height:34px;padding:0 14px;border:0;border-radius:18px;color:#536277;font-size:13px;font-weight:600;background:#f1f5f9}.list-sort-group a.active,.list-sort-group a:hover{background:#eaf2ff;color:#2b6cb0}.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.list-book-card{display:flex;gap:14px;padding:10px;border-radius:10px;color:#333;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.04)}.list-book-card:hover{box-shadow:0 8px 20px rgba(15,23,42,.07)}.list-cover-wrap{flex:0 0 120px;height:180px;border-radius:6px;overflow:hidden;background:#e9edf4}.list-cover-wrap img{display:block;width:100%;height:100%;object-fit:cover}.list-book-body{display:flex;flex-direction:column;min-width:0;flex:1;min-height:180px}.list-book-body h3{margin:0 0 8px;font-size:18px;line-height:1.35;font-weight:600;color:#202939;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-author{display:block;margin-bottom:8px;color:#5277a8;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-book-body p{color:#59687d;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.list-book-footer{display:flex;align-items:center;margin-top:auto;padding-top:10px;color:#8a94a6;font-size:12px;line-height:1.5}.list-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-top:20px}.list-pagination a{height:32px;line-height:32px;padding:0 10px;border:0;border-radius:6px;color:#666;font-size:14px;background:#f1f5f9}.list-pagination a.active,.list-pagination a:hover{background:#e4e9fd;color:#3e56ef}.list-pagination a.is-muted{color:#8a94a6}@media (max-width:992px){.list-filter-toggle{font-size:16px}.list-filter-body a{font-size:14px}.list-layout{grid-template-columns:1fr}.list-sidebar{position:static}.list-filter-body{display:none}.list-filter-card.is-open .list-filter-body{display:block}.list-filter-card.is-collapsed .list-filter-body{display:none}}@media (max-width:767px){.page-content{padding-bottom:18px}.list-filter-toggle{font-size:15px}.list-filter-body a{font-size:14px}.list-content{padding:0 14px 18px}.list-toolbar{flex-direction:column;gap:10px}.list-grid{grid-template-columns:1fr}.list-book-card{gap:12px;padding:10px}.list-book-body h3{font-size:17px}.list-cover-wrap{flex:0 0 104px;width:104px;height:156px;aspect-ratio:auto}.list-book-body{min-height:0}}@media (max-width:480px){.list-book-card{gap:10px}.list-cover-wrap{flex:0 0 92px;width:92px;height:138px}}