:root { color-scheme:light; font-family:system-ui,-apple-system,"PingFang SC",sans-serif; color:#302d28; background:#f7f4ed; }
* { box-sizing:border-box; }
body { margin:0; }
main { max-width:1380px; padding:32px; margin:auto; }
a { color:#684525; }
.back { text-decoration:none; }
header { margin:42px 0 28px; }
.eyebrow { letter-spacing:.16em; font-size:12px; color:#796548; }
h1 { font-family:Georgia,"Songti SC",serif; font-size:clamp(28px,4vw,44px); font-weight:600; margin:10px 0; }
.note { color:#766d60; font-size:13px; }
.filters { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:18px 0; border-top:1px solid #dfd6c8; }
select,input { padding:10px 12px; border:1px solid #c9bdac; border-radius:6px; background:white; font:inherit; min-height:42px; }
input { min-width:240px; flex:1; }
#galleryCount { color:#70685c; font-size:14px; }
#chapterGrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:24px; margin-top:12px; }
article { background:#fffdf9; border:1px solid #e3dacd; border-radius:8px; overflow:hidden; }
.art-link { display:block; aspect-ratio:3/2; background:#e9e0d3; }
article img { display:block; width:100%; height:100%; object-fit:cover; }
.caption { padding:15px; }
h2 { font-size:17px; margin:0 0 5px; }
.caption p { margin:0 0 14px; color:#857763; font-size:13px; }
.actions { display:flex; justify-content:space-between; gap:12px; font-size:14px; }
.missing { display:flex; align-items:center; justify-content:center; padding:20px; color:#6a5240; }
@media(max-width:600px) { main { padding:20px 16px; } header { margin-top:28px; } #chapterGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .caption { padding:10px; } h2 { font-size:14px; } .actions { flex-wrap:wrap; } input { min-width:0; width:100%; flex-basis:100%; } }