:root{font-family:"Microsoft YaHei","Segoe UI",sans-serif;color:#243f3c;background:#f2f5ee;--green:#217d65;--blue:#087eb7;--line:#dce5dc}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}button:focus-visible,select:focus-visible{outline:3px solid #e0ac36;outline-offset:3px}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1520px;margin:auto;padding:22px 32px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--green);color:#fff;font-size:25px}.brand strong{display:block;font-size:18px;letter-spacing:1px}.brand small{display:block;margin-top:5px;font-size:11px;color:#6a8074}.edition{font-size:12px;color:#607969;background:#e4ebdf;padding:8px 14px;border-radius:24px}main{max-width:1520px;margin:auto;padding:0 32px;display:grid;grid-template-columns:minmax(400px,1fr) 340px;gap:26px;align-items:start}.reading{min-width:0}.page-nav{display:flex;align-items:center;gap:9px;background:#fff;padding:12px;border:1px solid var(--line);border-radius:14px;margin-bottom:14px}.nav-button,.zoom-button{background:#f1f5ef;border:0;color:var(--green);border-radius:8px;height:36px;padding:0 12px}.nav-button{font-size:19px}.page-select{display:flex;align-items:center;min-width:0;flex:1;gap:10px}.page-select span{font-size:11px;color:#829183;white-space:nowrap;font-variant-numeric:tabular-nums}.page-select select{min-width:0;flex:1;border:0;background:#fff;color:#294b42;font-size:13px;font-weight:600;padding:6px 1px}.zoom-button{font-size:12px}.paper-scroll{overflow:auto;border-radius:12px;border:1px solid #e2e3d9;box-shadow:0 7px 22px #39533b0d;background:#fff8e8}.paper{position:relative;width:100%}.paper.zoomed{width:1100px}.paper img{display:block;width:100%;height:auto}.hotspot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:2.9%;aspect-ratio:1;border:1.5px solid #fff;box-shadow:0 1px 4px #004d6a30;border-radius:50%;background:#0789c5;color:white;padding:0;z-index:2;transition:background .12s,box-shadow .12s}.hotspot svg{width:70%;height:70%}.hotspot:hover,.hotspot.active{background:#dd8b18;box-shadow:0 0 0 4px #efbd5a60}.hotspot:after{content:attr(data-label);display:none;position:absolute;bottom:130%;background:#173c35;color:#fff;white-space:nowrap;border-radius:6px;padding:5px 8px;font-size:12px;pointer-events:none}.hotspot:hover:after,.hotspot:focus-visible:after{display:block}.paper-tip{font-size:11px;text-align:center;color:#738477;margin:13px 0 22px}.practice{position:sticky;top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:thin}.eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--green);font-weight:700}.lesson-heading h1{font-family:Georgia,"Microsoft YaHei",serif;font-size:27px;line-height:1.15;margin:12px 0;color:#214f40}.lesson-heading p{font-size:11px;color:#8a978a;margin:0 0 24px}.player{background:#eef6ef;border:1px solid #dbe9db;border-radius:12px;padding:16px}.player-label{display:block;font-size:10px;color:#668673;margin-bottom:7px}.player strong{display:block;font-family:Georgia,"Microsoft YaHei",serif;font-size:20px;font-weight:500;min-height:27px;line-height:1.4}.player-controls{display:flex;align-items:center;gap:6px;margin-top:15px;flex-wrap:wrap}.player-controls button{padding:6px 8px;border:1px solid #c8dbcb;background:#fff;color:#326e55;border-radius:6px;font-size:10px}.player-controls label{font-size:10px;color:#668673;margin-left:auto;white-space:nowrap}.player-controls select{border:0;background:transparent;color:#326e55;font-size:10px;padding:3px 0}.player p{font-size:10px;color:#799080;margin:12px 0 0;line-height:1.5}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-title h2{font-size:13px;font-weight:600;margin:0}.section-title h2 span{font-size:10px;color:#7f947d;font-weight:400;margin-left:4px}.section-title>button{font-size:10px;border:0;background:transparent;color:var(--green);padding:4px 0}.word-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.word-card{border:1px solid #dfe8df;background:#fff;border-radius:9px;padding:13px 10px;display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:left;color:#26493c;font-size:13px;min-width:0}.word-card svg{width:17px;height:17px;color:var(--blue);flex-shrink:0}.word-card:hover,.word-card.active{border-color:#8bc6ad;background:#f0f8ef}.sentence-button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;text-align:left;border:0;border-bottom:1px solid #edf0e9;background:transparent;padding:12px 0;color:#5d7467;font-family:Georgia,serif;font-size:14px;line-height:1.5}.sentence-button svg{width:17px;height:17px;color:var(--blue);flex-shrink:0}.sentence-button:hover,.sentence-button.active{color:var(--green);background:#f5faf2}.little-note{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #edf0e9}.little-note span{font-size:26px;color:#dbab43}.little-note p{font-size:10px;line-height:1.8;color:#8b9989}footer{text-align:center;padding:20px;font-size:10px;color:#98a494}#audio{display:none}@media(min-width:1550px){main{grid-template-columns:minmax(400px,1fr) 370px}}@media(max-width:1000px){.topbar{padding:18px}main{padding:0 18px;grid-template-columns:minmax(300px,1fr) 285px;gap:16px}.practice{padding:19px}.lesson-heading h1{font-size:23px}.page-select span{display:none}.word-card{font-size:12px;padding:11px 7px}.player-controls label{margin-left:0}}@media(max-width:720px){main{display:flex;flex-direction:column;padding:0 10px;gap:14px}.reading{width:100%}.practice{position:static;width:100%;max-height:none;padding:22px}.topbar{padding:16px 12px}.brand strong{font-size:15px}.brand small{font-size:10px}.brand-icon{width:36px;height:36px}.edition{font-size:10px;padding:6px 9px}.page-nav{position:sticky;top:0;z-index:10;padding:9px;gap:6px;border-radius:10px}.page-select select{font-size:12px}.nav-button{padding:0 10px}.paper-tip{font-size:10px}.hotspot{width:3.3%;border-width:1px}.word-grid{grid-template-columns:1fr 1fr 1fr}.word-card{font-size:13px;padding:13px 10px}.practice .lesson-heading h1{font-size:26px}.sentence-button{font-size:16px}.little-note{margin-bottom:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.edition{border:0;cursor:pointer}.qr-box{position:absolute;padding:0 1px 2px;border:0;background:#fff;z-index:3;display:block;border-radius:3px;color:#284335;text-align:center;overflow:hidden}.qr-box img{width:100%;aspect-ratio:1}.qr-box span{display:block;font-size:clamp(5px,.8vw,10px);line-height:1.2;white-space:nowrap}.qr-box:hover{box-shadow:0 0 0 3px #65ae86}.unlock-dialog,.qr-dialog{border:1px solid #dde6d8;border-radius:20px;padding:35px;width:min(440px,calc(100% - 28px));color:#284b3b;box-shadow:0 20px 80px #163c4530;background:#fffef8;max-height:90vh;overflow:auto}.unlock-dialog::backdrop,.qr-dialog::backdrop{background:#193c4270;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:26px;color:#809187;padding:4px 8px}.unlock-symbol{display:grid;place-items:center;margin:0 0 24px;width:54px;height:54px;border-radius:17px;background:#e9f3e5;color:#28775b;font-size:30px}.unlock-dialog h2{font-size:23px;margin:12px 0}.unlock-intro{font-size:13px;color:#7e8f7c;margin:0 0 28px}#unlock-form label{display:block;font-size:12px;margin-bottom:9px}#activation-code{width:100%;padding:14px 10px;border:1px solid #ccdcca;border-radius:9px;font-family:Consolas,monospace;font-size:16px;color:#254c39;background:#fff;letter-spacing:.3px}#activation-code:focus{outline:2px solid #84b58f;outline-offset:2px}#activate-button{width:100%;border:0;background:#217d65;border-radius:9px;color:#fff;padding:14px 10px;margin-top:14px;font-size:14px;font-weight:600}#activation-message{font-size:12px;color:#b65238;line-height:1.6;margin:10px 0;min-height:18px}.activation-note{font-size:11px;line-height:1.9;color:#8b9784;margin:17px 0 0}.browse-only{display:block;margin:20px auto 0;background:none;border:0;color:#69816d;font-size:12px}.qr-dialog{text-align:center}.qr-dialog h2{margin:8px 0;font-size:23px}.qr-dialog>p{font-size:12px;color:#69816d;line-height:1.7}.qr-dialog>img{display:block;width:260px;max-width:100%;height:auto;margin:20px auto}.qr-dialog .qr-deployment-note{font-size:11px;color:#b07834}@media(max-width:720px){.unlock-dialog,.qr-dialog{padding:28px 23px}.qr-box span{font-size:5px}#activation-code{font-size:14px}}

body.original-view main{display:block;max-width:1050px;padding:0 10px}.original-view .practice{display:none}.original-view .topbar{max-width:1050px;padding:12px 10px}.original-view .brand small,.original-view footer{display:none}.original-view .brand strong{font-size:14px}.original-view .brand-icon{width:32px;height:32px;font-size:20px}.original-view .edition{font-size:10px}.original-view .page-nav{padding:8px;margin-bottom:8px}.original-view .paper-tip{font-size:10px}.locked main,.locked footer{visibility:hidden}.unlock-dialog .dialog-close,.browse-only{display:none}.original-view .reading{width:100%}