.library{max-width:var(--max);margin:0 auto;padding:28px 18px 64px}
.lib-head{text-align:center;margin-bottom:22px}
.lib-head h1{font-size:clamp(26px,3.4vw,40px);margin:8px 0}
.lib-head p{color:var(--muted);max-width:640px;margin:0 auto}
.shelf{background:#e8d5c0;border-radius:18px;padding:16px 16px 10px;margin-bottom:18px}
.shelf-label{font-size:12px;font-weight:900;color:#7a5a44;margin-bottom:10px}
.books{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.book{min-height:140px;border-radius:8px 8px 4px 4px;padding:14px 12px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.book.b1{background:#6a9e8a}
.book.b2{background:#5b7c99}
.book.b3{background:#d9894a}
.book.b4{background:#8b6b5a}
.book h2{font-size:16px}
.book p{font-size:12px;opacity:.9;font-family:-apple-system,"Microsoft YaHei",sans-serif}
.card-row{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}
.slip{background:#fffaf4;border:1px dashed #c9b29a;border-radius:16px;padding:18px}
.slip h3{margin-bottom:8px}
.slip p{color:var(--muted);margin-bottom:12px;font-family:-apple-system,"Microsoft YaHei",sans-serif}
.slip img{width:100%;border-radius:12px;aspect-ratio:4/5;object-fit:cover}
@media(max-width:900px){.books,.card-row{grid-template-columns:1fr 1fr}.books{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.books,.card-row{grid-template-columns:1fr}}