.reading-library{max-width:480px;margin:auto;min-height:100vh;padding:18px 18px calc(100px + env(safe-area-inset-bottom));font:14px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--background);color:var(--text-primary);box-sizing:border-box}.reading-top{display:flex;justify-content:space-between}.reading-library a{color:var(--brand-primary)}.reading-back,.reading-top a{display:inline-flex;align-items:center;min-height:44px}.reading-welcome{position:relative;display:flex;align-items:center;min-height:170px;padding:12px 0}.reading-welcome>div{width:65%;position:relative;z-index:1}.reading-welcome h1{font-size:24px;line-height:1.35;margin:8px 0;font-weight:700}.reading-welcome p{margin:8px 0}.reading-welcome .reading-garden{width:120px;flex-shrink:0;margin-left:-10px}.reading-filters{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px}.reading-library button{font:inherit;cursor:pointer}.reading-filters button{min-height:44px;padding:6px 12px;background:var(--surface);border:.013333rem solid var(--border);border-radius:14px;color:var(--text-primary)}.reading-filters button[aria-pressed=true]{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.reading-heading{display:flex;align-items:center;justify-content:space-between}.reading-library h2{font-size:20px;font-weight:700;line-height:1.4;margin:12px 0}.reading-book{display:flex;gap:14px;background:var(--accent-yellow);border-radius:8px 24px 24px 8px;padding:18px 14px;margin:12px 0 22px;border-left:4px solid #c9a156}.reading-book-mint{background:var(--accent-green);border-left-color:#8dac92}.reading-book>div:last-child{flex:1;min-width:0}.reading-book h3{font-size:18px;font-weight:700;line-height:1.45;word-break:break-word;margin:6px 0}.reading-cover{width:76px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.reading-cover svg{width:76px;height:90px}.reading-cover small{font-size:11px}.reading-series{font-size:12px;color:var(--brand-primary);font-weight:600}.reading-open{display:block;min-height:44px;border:0;border-bottom:.013333rem solid var(--brand-primary);background:transparent;color:var(--brand-primary);text-align:left}.reading-empty{background:var(--surface);padding:24px 18px;border:.013333rem solid var(--border);border-radius:24px;min-height:180px}.reading-empty svg{width:120px;height:100px}.reading-empty a{display:flex;align-items:center;min-height:44px}.reading-detail{background:var(--accent-yellow);padding:24px 20px;border-radius:26px 26px 8px 26px}.reading-action{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:16px;background:var(--accent-coral);color:#fff!important;border:0;width:100%;font-weight:600;box-sizing:border-box}.reading-task-link{display:flex;align-items:center;min-height:44px;margin-top:10px}.reading-back{border:0;background:none;color:var(--brand-primary);padding:0}.reading-pages{padding:18px 0}.reading-pages li{display:flex;justify-content:space-between;border-bottom:.013333rem solid var(--border);padding:12px 0}.reading-note{color:var(--text-secondary);font-size:12px}.reading-confirmed{color:var(--text-primary);font-weight:600}.reading-library a:hover,.reading-library button:hover{filter:brightness(.94)}.reading-library button:active{transform:translateY(1px)}.reading-library :focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}.reading-library button:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){.reading-library *{transition:none!important;transform:none!important}}