.reading-album{padding:64px 24px;background:#f7f3eb;border-bottom:1px solid #e8dfc8;color:#1f1d1a}
.reading-album-inner{max-width:1120px;margin:auto}
.reading-album-intro{max-width:720px;margin-bottom:28px}
.reading-album-kicker{display:flex;align-items:center;gap:8px;color:#8c6d46;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}
.reading-album h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1.15;margin:0 0 14px}
.reading-album-intro>p:last-child{font-family:"Source Serif 4",Georgia,serif;font-size:16px;line-height:1.65;color:#524b42}
.reading-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.reading-album-card{display:block;width:100%;padding:0;text-align:left;border:1px solid #dfd4c1;border-radius:18px;background:#fff;overflow:hidden;cursor:pointer;box-shadow:0 3px 12px #3f2f1810;transition:box-shadow .2s,transform .2s}
.reading-album-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #3f2f1820}
.reading-album-card:focus-visible,.reading-album-dialog button:focus-visible{outline:3px solid #a3814d;outline-offset:3px}
.reading-album-image{display:block;position:relative;aspect-ratio:9/16;background:#ece5d9}
.reading-album-image img{width:100%;height:100%;object-fit:contain;display:block}
.reading-album-enlarge{position:absolute;top:12px;right:12px;border:1px solid #ffffff80;border-radius:50%;padding:8px;color:white;background:#1f1d1a99}
.reading-album-caption{display:block;padding:16px 18px;font-size:16px;font-weight:600}
.reading-album-caption>span{display:block;font-size:11px;font-weight:400;color:#786e61;margin-top:4px}
.reading-album-compact{padding:28px;border:1px solid #e8dfc8;border-radius:24px}
.reading-album-compact .reading-album-grid{gap:16px}
.reading-album-promotion{display:block;max-width:100%;max-height:780px;object-fit:contain;margin:28px auto 0;border-radius:16px}
.reading-album-dialog{position:fixed;inset:0;width:min(100% - 24px,900px);height:min(100dvh - 24px,1000px);max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;border:1px solid #ffffff30;border-radius:18px;padding:0;overflow:hidden;background:#181613;color:#faf7f2;box-shadow:0 20px 80px #0008}
.reading-album-dialog::backdrop{background:#13110fe8;backdrop-filter:blur(5px)}
.reading-album-viewer{height:100%;display:flex;flex-direction:column;gap:12px;padding:16px;min-height:0}
.reading-album-viewer-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px}
.reading-album-viewer-header p{font-size:17px;font-weight:600;margin:0;display:flex;align-items:center;gap:16px}
.reading-album-viewer-header p>span{font-size:12px;font-weight:400;color:#cfbfaa}
.reading-album-dialog button{border:1px solid #ffffff40;background:#ffffff10;color:inherit;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;font-size:13px}
.reading-album-dialog button:hover{background:#ffffff25}
.reading-album-full-image{width:100%;height:100%;flex:1;min-height:0;object-fit:contain}
.reading-album-controls{display:flex;justify-content:space-between;gap:12px;flex-shrink:0}
@media(max-width:760px){.reading-album{padding:40px 16px}.reading-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reading-album-caption{padding:12px;font-size:14px}.reading-album-enlarge{top:8px;right:8px;padding:6px}.reading-album-compact{padding:20px 14px}.reading-album-compact .reading-album-grid{gap:10px}.reading-album-viewer{padding:12px}.reading-album-viewer-header p{font-size:15px;gap:10px}}
@media(prefers-reduced-motion:reduce){.reading-album-card{transition:none}}