.books-list{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif}.books-list .filter-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.books-list .filter-list{display:flex;list-style:none;padding:0;margin-right:20px;flex-wrap:wrap}.books-list .filter-item button{background:0 0;border:none;padding:10px 15px;font-size:1.7rem;color:var(--text-color,#333);cursor:pointer;border-radius:4px;transition:all .3s ease}.books-list .filter-item button:hover{color:var(--primary-color,#42a5f5)}.books-list .filter-item button.active{color:var(--primary-color,#42a5f5);font-weight:500;text-decoration:underline}.books-list .project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0}.books-list .project-card{background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,8%);overflow:hidden;transition:all .3s ease;border:1px solid var(--border-color,#ddd);position:relative;max-height:400px}.books-list .project-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.books-list .project-content{padding:1rem;display:flex;flex-direction:column;height:100%;position:relative}.books-list .project-title{font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 1rem;color:var(--title-color,#222);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.books-list .project-content img{width:100%;height:200px;object-fit:contain;border-radius:12px;margin-bottom:1rem;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease;border:1px solid var(--border-color,#ddd);background:#fff}.books-list .project-card:hover .project-content img{transform:scale(1.05)}.books-list .project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.books-list .project-tag{background:var(--tag-bg,#f0f4f8);color:var(--tag-color,#5c87b2);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.books-list .project-card{cursor:pointer}.books-list .project-card a{text-decoration:none;color:inherit;display:block;height:100%}body.colorscheme-dark .books-list .project-card{background:var(--card-bg-dark,#2d2d2d);border-color:var(--border-color-dark,#4d4d4d)}body.colorscheme-dark .books-list .project-title{color:var(--title-color-dark,#e0e0e0)}body.colorscheme-dark .books-list .project-content img{box-shadow:0 4px 20px rgba(0,0,0,.3);border-color:var(--border-color-dark,#4d4d4d)}body.colorscheme-dark .books-list .project-tag{background:var(--tag-bg-dark,#3d4852);color:var(--tag-color-dark,#9cc5f5)}body.colorscheme-dark .books-list .filter-item button{color:var(--text-color-dark,#d0d0d0)}body.colorscheme-dark .books-list .filter-item button:hover{color:var(--primary-color,#42a5f5)}body.colorscheme-dark .books-list .filter-item button.active{color:var(--primary-color,#42a5f5)}@media(max-width:1024px){.books-list .project-list{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:768px){.books-list{padding:1rem}.books-list .project-list{grid-template-columns:repeat(2,1fr);gap:1rem}.books-list .project-content{padding:.75rem}.books-list .project-title{font-size:1rem}.books-list .project-content img{height:180px}}@media(max-width:480px){.books-list .project-list{grid-template-columns:1fr}.books-list .filter-list{justify-content:center}.books-list .filter-item button{padding:.5rem 1rem;font-size:.8rem}.books-list .project-content img{height:160px}}