#nav button.active,#nav button[aria-current="page"]{background:var(--green);color:#fff;border-color:var(--green);box-shadow:inset 4px 0 0 #eeb65c;font-weight:800}
#nav button.active:hover{background:#17483e;color:#fff}
.reader-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 32px}
.reader-source{display:flex;align-items:center;gap:18px;padding:20px;text-align:left;background:#fffef9;min-width:0}
.reader-source>img{width:80px;height:110px;object-fit:cover;box-shadow:0 5px 12px #253e3720;border-radius:4px}
.reader-source>span{display:grid;gap:9px;min-width:0}.reader-source small,.reader-open{font-size:12px;color:var(--muted)}
.reader-back,.reader-toolbar,.reader-paging,.reader-size{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.reader-back{margin-bottom:18px}.reader-toolbar{margin:20px 0}.reader-toolbar select{padding:10px;border:1px solid var(--line);border-radius:9px}.reader-size{margin-left:auto}
.reader-canvas{position:relative;width:min(calc(var(--fit,650px)*var(--zoom,1)),100%);margin:0 auto;background:white;box-shadow:0 5px 25px #253e371f;touch-action:pan-y pinch-zoom}
.reader-canvas>img{display:block;width:100%;height:auto;user-select:none}.reader-hotspot{position:absolute;min-height:0;padding:0;border:0;background:transparent;border-radius:3px;touch-action:pan-y pinch-zoom}
.reader-hotspot:hover,.reader-hotspot:focus-visible{background:#f8ce5070;outline:2px solid #d39526}.reader-paging{justify-content:space-between;margin:18px 0}.reader-hint{text-align:center}
.reader-identity{display:grid;gap:5px;text-align:left;width:100%;margin:10px 0}.reader-identity span,.reader-identity small{font-size:13px}
.reader-related{display:flex;gap:9px;flex-wrap:wrap}.reader-related small{display:block}.reader-choices{max-height:55vh;overflow:auto}.reader-choices label{display:grid;grid-template-columns:24px 1fr;gap:7px;padding:12px;border-bottom:1px solid var(--line)}.reader-choices label small,.reader-choices label .caption{grid-column:2}
.reader-lyrics{max-width:850px;margin:24px auto}.reader-lyrics section{margin:35px 0}.lyric-line{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:16px 0}.lyric-line button{display:grid;gap:4px;border:0;background:#fffef9}.lyric-line span[lang]{font-size:27px}.lyric-line small{font-size:13px;color:var(--muted)}.lyric-whole{font-size:22px}
.reader-original{max-width:800px;margin:auto}.reader-original figure{margin:24px 0}.reader-original img{display:block;max-width:100%}.reader-original figcaption{text-align:center;color:var(--muted);margin:8px}
#workbook-words .word-row{display:grid;grid-template-columns:minmax(70px,1fr) minmax(70px,1fr) 2fr;overflow-wrap:anywhere}#workbook-words strong{font-size:26px}#workbook-page{padding:10px}
@media(max-width:1000px){.reader-shelf{grid-template-columns:1fr}.reader-source>img{width:58px;height:78px}.reader-toolbar{gap:8px}.reader-size{margin-left:0}.reader-toolbar>button{font-size:13px}}
@media(max-width:700px){#nav button.active{box-shadow:inset 0 4px 0 #eeb65c}.reader-back{margin-bottom:12px}.reader-canvas{width:min(calc(var(--fit,100%)*var(--zoom,1)),100%)}.reader-toolbar label{font-size:13px}.reader-size button{padding:8px 12px}.reader-paging strong{font-size:13px}.reader-paging button{padding:8px 12px}.lyric-line span[lang]{font-size:24px}#workbook-words .word-row{grid-template-columns:1fr 1fr}#workbook-words small{grid-column:1/-1}}
.workbook-sheet{max-width:900px;margin:24px auto;scroll-margin-top:90px}.workbook-text{font-size:23px;line-height:1.9;overflow-wrap:anywhere}.workbook-text p{white-space:pre-wrap;margin:20px 0}.workbook-chips{display:flex;flex-wrap:wrap;gap:9px;padding:15px 0}.workbook-chips button{font-size:23px;min-height:44px}.workbook-sheet summary{cursor:pointer;padding:12px 0;font-weight:700}.workbook-jump{display:block;background:var(--bg,#faf9f4);padding:10px 0}.workbook-sheet details{border-top:1px solid var(--line)}
@media(max-width:700px){.workbook-text{font-size:21px}.workbook-sheet{padding:18px}.workbook-chips button{font-size:22px;padding:8px 12px}}
.collection-symbol{display:grid;place-items:center;width:70px;min-width:70px;height:100px;background:#edf4ef;border-radius:8px;font-size:32px;color:var(--green)}.reader-source{width:100%}.workbook-custom{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.workbook-custom label,.workbook-custom small{flex-basis:100%}.workbook-custom input{min-width:0;max-width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:20px}.workbook-custom small{color:#983d25}
.reader-mode .app{display:block;max-width:none}.reader-mode .app>aside,.reader-mode .body>header{display:none}.reader-mode #screen{max-width:1500px;margin:auto;padding:12px 20px 24px}.reader-mode #connection{font-size:11px;padding:5px 20px}.reader-mode{background:#eef8fc}.reader-mode .reader-back{background:white;padding:12px;gap:16px;margin-bottom:16px;border-radius:14px}.reader-back>img{width:40px;height:55px;object-fit:contain}.reader-back>div{flex:1}.reader-back h1{font:800 22px 'Segoe UI','Microsoft YaHei',sans-serif;margin:0 0 5px}.reader-toolbar{background:white;border-radius:16px;padding:12px;margin:12px 0}.reader-toolbar #reader-page-library{margin-left:auto;background:#7c3aed;color:white}.reader-mode .reader-canvas{border-radius:16px;overflow:hidden;box-shadow:0 12px 24px #20334433}.reader-paging{max-width:720px;margin:15px auto}.reader-mode #detail{width:min(1100px,95vw);max-width:95vw;background:#f5f2ff}.reader-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:65vh}.reader-choices label{background:white;border:2px solid transparent;border-radius:16px;padding:18px}.reader-choices label:has(:checked){border-color:#7c3aed}.reader-choices strong{font-size:28px}.reader-turn-next{position:absolute!important;inset:0;z-index:4;width:100%;height:100%;object-fit:contain}.reader-fold{position:absolute;top:0;bottom:0;width:10%;background:linear-gradient(90deg,#ddd7c8,#fffdf6);box-shadow:12px 0 22px #0004;z-index:5;pointer-events:none}.lyrics-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.reader-lyrics{margin:0;max-width:none;background:white;border-radius:18px;padding:24px}.lyric-help{display:block;position:sticky;top:15px;align-self:start;border-radius:18px;background:white;padding:20px;min-width:0}.lyric-line span[lang]{font-size:clamp(25px,3.1vw,38px)}
@media(max-width:700px){.reader-mode #screen{padding:8px}.reader-back{gap:8px!important}.reader-back h1{font-size:17px}.reader-back>img{display:none}.reader-back button{padding:8px}.reader-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.lyrics-layout{grid-template-columns:1fr}.lyric-help{position:static}.reader-lyrics{padding:14px}.reader-mode .reader-toolbar{gap:8px}.reader-size{justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){.reader-fold{display:none}}
@media(max-width:1000px){.lyrics-layout{grid-template-columns:1fr}.lyric-help:has(h1){position:fixed;bottom:0;left:0;right:0;top:auto;max-height:42dvh;overflow:auto;z-index:30;box-shadow:0 -8px 25px #0002}.lyrics-layout:has(.lyric-help h1){padding-bottom:43dvh}}