:root{color-scheme:light;--ink:#30493d;--green:#386b53;--cream:#faf7ed;--gold:#f2c35b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 "Microsoft YaHei",system-ui,sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{border:0;border-radius:17px;padding:12px 20px;background:var(--gold);color:var(--ink);font-weight:700;cursor:pointer;min-height:48px}button:hover{filter:brightness(.96);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #3c7fba;outline-offset:3px}.soft{background:#eeeede}a{color:var(--green)}header,main,#reader,footer{max-width:1180px;margin:auto;padding:24px 30px}header{display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-size:25px;font-weight:800}.brand small{font-size:13px;font-weight:500;margin-left:12px}.hero{display:flex;align-items:center;justify-content:space-between;background:#dfecd8;border-radius:32px;padding:32px 40px;overflow:hidden;border-bottom:6px solid #ccdcbc}.hero>div{flex:1}.hero svg{width:36%;max-width:330px;flex-shrink:0}.eyebrow{font-size:13px;letter-spacing:3px;color:#5d785d}h1{font-size:36px;line-height:1.3;margin:18px 0 12px}h2{font-size:23px;margin:0}.hero p{color:#61735b}.hero-badge{display:inline-block;background:#fff9e9;border-radius:30px;padding:9px 17px;font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}#crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 14px}#crumbs button{font-size:14px;padding:8px 14px;background:#eeeede}#search-form{display:flex;gap:10px}input{border:1px solid #dedfd2;background:white;border-radius:15px;padding:12px 16px;min-width:0}#search{flex:1}.folders{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.folder{display:flex;text-align:left;align-items:center;gap:16px;background:#e5eddf;padding:22px;border-bottom:4px solid #d1dec7}.folder:nth-child(3n+2){background:#f5e7d0;border-color:#e9d7b5}.folder:nth-child(3n+3){background:#e4e9f1;border-color:#d0dbe8}.folder .icon{font-size:36px}.folder small{display:block;font-size:13px;font-weight:400;color:#6c796e}.books{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.book{background:#fffdf7;border-radius:24px;padding:17px;box-shadow:0 4px 0 #e8e7d8;border:1px solid #e9e8dc;display:flex;flex-direction:column;gap:9px}.cover{height:163px;border-radius:16px;background:#e0edd9;display:grid;place-content:center;text-align:center;font-size:53px;position:relative}.book:nth-child(4n+2) .cover{background:#f7e4c4}.book:nth-child(4n+3) .cover{background:#e0e8f0}.book:nth-child(4n+4) .cover{background:#f4e1d6}.cover small{font-size:12px;letter-spacing:1px;color:#566850}.book h3{font-size:18px;margin:3px 0;line-height:1.4}.book p{font-size:12px;color:#69756a;margin:0}.book button{margin-top:auto;width:100%}.badge{font-size:12px;color:#3f7658}#pager{display:flex;justify-content:center;gap:20px;align-items:center;margin:30px 0}.footnote,footer{font-size:13px;color:#78816f}footer{display:flex;justify-content:space-between}#status:empty{display:none}dialog{border:0;border-radius:28px;max-width:460px;width:calc(100% - 32px);padding:30px;color:var(--ink);box-shadow:0 20px 80px #233b4444}dialog::backdrop{background:#283d4266}dialog label{display:block;margin:15px 0}dialog input{display:block;width:100%;margin-top:5px}dialog p{font-size:14px}dialog form>button:not(.close){width:100%;margin-top:10px}.close{float:right;font-size:22px;padding:0 15px}#auth-error{color:#a24033}.reader-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.reader-top h2{flex:1}.spread{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:22px;background:#fffdf6;border-radius:28px;padding:28px}#page-art{min-width:0}canvas,#image{display:block;max-width:100%;height:auto;margin:auto}pre{white-space:pre-wrap;font:inherit}.page-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.page-tools button{font-size:14px;padding:10px}#transcript{font-size:29px;line-height:1.7;max-height:55vh;overflow:auto;padding:16px 0;white-space:pre-wrap}.word.active{background:#ffe4a0;color:#9d5d10;border-radius:5px}.listen{display:flex;flex-direction:column;min-width:0}.listen-tag{font-size:14px;color:#718268}audio{width:100%;margin-top:auto}#audio-note,#reader-status{font-size:14px;color:#75816d}[hidden]{display:none!important}@media(max-width:760px){header,main,#reader,footer{padding:16px}.brand{font-size:22px}.brand small{display:none}.hero{padding:24px;gap:5px}.hero svg{width:33%}h1{font-size:26px}.hero p{font-size:14px}.eyebrow{font-size:11px;letter-spacing:1px}.hero-badge{font-size:12px}.folders{grid-template-columns:repeat(2,1fr);gap:10px}.folder{padding:15px;gap:9px}.folder .icon{font-size:26px}.books{grid-template-columns:repeat(2,1fr);gap:12px}.cover{height:138px}.book{padding:12px}.book h3{font-size:16px}.spread{grid-template-columns:1fr;gap:15px;padding:16px}#transcript{font-size:24px}.reader-top h2{font-size:18px}.reader-top{gap:8px}.reader-top button{font-size:13px;padding:9px 12px}}@media(orientation:landscape) and (max-height:550px){.spread{grid-template-columns:1fr 1fr;padding:16px;margin-top:10px}#pdf,#image{max-height:63vh;width:auto}#transcript{font-size:23px;max-height:40vh}.reader-top{padding:0}}

#translation{white-space:pre-wrap;color:#426d5d;font-size:1.3rem;line-height:1.8;margin:12px 0;max-height:30vh;overflow:auto}#toggle-translation{font-size:14px}