:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#263730;background:#f6f2e9;--ink:#263730;--muted:#65766c;--green:#1e6657;--green-light:#e1eee7;--line:#d9e2d8;--paper:#fffdf9;--gold:#f8df9b;--reading-size:30px;--reading-line:1.9}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bc6d2c;outline-offset:3px}.app-shell{max-width:1040px;min-height:100vh;margin:auto;background:#f9f8f2;box-shadow:0 0 50px #34463816;padding-bottom:90px}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;border-bottom:1px solid var(--line);background:#fffdf9}.brand{border:0;background:none;color:var(--ink);font-size:25px;font-weight:800;display:flex;gap:12px;align-items:center;text-align:left;padding:0}.brand small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:#dbeade;border-radius:13px;color:var(--green)}.mode-toggle{border:1px solid #adcabc;background:#eaf5ed;color:var(--green);border-radius:999px;padding:10px 18px;font-weight:700}.mode-toggle:hover,.secondary:hover,.nav-back:hover{background:#d5eadc}main{padding:32px;min-height:calc(100vh - 170px)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(1040px,100%);height:76px;display:flex;justify-content:space-around;background:#fffdf9;border-top:1px solid var(--line);z-index:10}.bottom-nav button{border:0;background:transparent;color:var(--muted);flex:1;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav button span{font-size:24px;line-height:1}.bottom-nav button.active{color:var(--green);font-weight:800;background:#eef6ee}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#668579;font-size:12px;font-weight:800}.hero{background:linear-gradient(135deg,#e3efe8,#f8f1dc);border-radius:25px;padding:34px;display:grid;grid-template-columns:1.4fr .8fr;gap:22px;align-items:center}.hero h1{font-size:clamp(30px,5vw,45px);line-height:1.27;margin:12px 0;color:#1b4f42}.hero p{font-size:17px;color:#4d6659;line-height:1.7;max-width:540px}.hero-art{height:210px;display:grid;place-items:center}.book-art{font-size:100px;filter:drop-shadow(10px 15px 5px #64806a33);transform:rotate(-7deg)}.actions,.toolbar,.card-actions,.toggle-group,.reader-actions,.settings-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.primary,.secondary,.soft,.nav-back{border:0;border-radius:13px;min-height:46px;padding:11px 17px;font-weight:800}.primary{background:var(--green);color:white}.primary:hover{background:#145344}.secondary,.nav-back{background:#e6f0e8;color:var(--green)}.soft{background:#fff;border:1px solid var(--line);color:var(--ink)}.soft[aria-pressed="true"]{background:#e3efe6;border-color:#76ad8c}.wide{width:100%;justify-content:center}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 16px;gap:12px}.section-head h2{font-size:23px;margin:0}.section-head p{margin:4px 0 0;color:var(--muted)}.section-head a{color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:0 6px 24px #2b4d3010}.card h3{margin:9px 0;font-size:20px}.card p{color:#586c60;line-height:1.65;margin:0 0 16px}.tag{display:inline-block;border-radius:999px;padding:5px 10px;background:#e4efe5;color:#396b58;font-size:12px;font-weight:800}.card-actions{justify-content:space-between}.meta{color:var(--muted);font-size:13px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:24px;margin-top:20px}.panel h2,.panel h3{margin-top:0}.field{display:block;font-weight:700;margin:18px 0 8px}.field small{font-weight:400;color:var(--muted)}textarea,input[type="text"],select{border:1px solid #bfcfc1;border-radius:10px;background:#fff;padding:12px;color:var(--ink)}textarea{width:100%;min-height:150px;resize:vertical;line-height:1.7}input[type="text"]{width:100%}input[type="file"]{max-width:100%}.hint,.note{font-size:13px;color:var(--muted);line-height:1.6}.note{background:#f3f4ed;border-left:4px solid #a4bd9d;padding:11px 14px;border-radius:4px}.notice{background:#fff3d7;border:1px solid #f3d08b;border-radius:10px;padding:12px;color:#6b521b;margin:14px 0}.reader-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.reader-head h1{font-size:23px;margin:14px 0 4px}.progress{color:var(--muted);font-size:14px}.reading-card{background:var(--paper);border-radius:23px;border:1px solid var(--line);min-height:280px;margin:22px 0;padding:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 35px #264e3510}.reading-content{width:100%;font-size:var(--reading-size);line-height:var(--reading-line);letter-spacing:.035em;white-space:pre-wrap;overflow-wrap:anywhere}.sentence{border-radius:8px;padding:3px 1px}.sentence.current{background:var(--gold)}.sentence.saved{box-shadow:inset 0 -5px #abd9c6}.word-alt{border-radius:4px;padding:1px 2px}.word-alt-a{background:#dcecf0;color:#164c5d}.word-alt-b{background:#eee6f1;color:#59456c}.reader-actions{justify-content:center}.reader-actions button{min-height:66px;min-width:105px}.reader-actions button span{display:block;font-size:24px;line-height:1.2}.reader-actions .primary{min-width:140px}.reading-options{margin-top:22px}.reading-options h3{margin-bottom:12px}.option-strip{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.option-strip label{font-weight:700}.toggle-group button{border:1px solid #bed2c3;border-radius:10px;background:#fff;color:var(--ink);padding:8px 13px}.toggle-group button.active{background:#dbeee1;color:#145442;border-color:#4a9472}.quiz-question{font-size:21px;font-weight:750;margin:20px 0}.quiz-options{display:grid;gap:10px;max-width:560px}.quiz-options button{text-align:left;background:#fff;border:2px solid #d7e5d7;border-radius:13px;padding:15px;font-size:18px}.quiz-options button:hover{background:#eff8ee}.quiz-options button.correct{background:#daf0e0;border-color:#2d8a57}.quiz-options button.incorrect{background:#fff0e9;border-color:#b8684d}.quiz-feedback{margin-top:15px;font-weight:750;min-height:26px}.setting{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.setting:last-child{border:0}.setting strong{display:block}.setting small{display:block;color:var(--muted);margin-top:4px}.setting select{min-width:140px}.custom-list{display:grid;gap:9px}.custom-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.custom-item:last-child{border:0}.child-mode .topbar{height:75px}.child-mode main{padding:18px}.child-mode .reader-head h1{font-size:20px}.child-mode .reading-card{min-height:43vh}.child-mode .reader-actions button{font-size:18px;min-width:125px;min-height:75px}.child-mode .bottom-nav{height:80px}.child-mode .bottom-nav button{font-size:16px}.child-mode .library-exercises,.child-mode .companion-only,.child-mode .reading-options{display:none}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.topbar{padding:0 17px}main{padding:18px}.hero{grid-template-columns:1fr;padding:25px}.hero-art{display:none}.grid{grid-template-columns:1fr}.section-head{align-items:start}.reader-actions button{min-width:82px;flex:1;padding:8px}.reading-card{padding:21px;min-height:300px}.reading-content{font-size:min(var(--reading-size),9vw)}.setting{align-items:start;flex-direction:column}.child-mode .reader-actions button{min-width:82px}.bottom-nav button{font-size:12px}}