:root{--paper:#fffcf7;--ink:#1c1b19;--red:#8e1c22;--line:#e4d5c0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 "PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--red);text-underline-offset:5px}button,select{font:inherit;color:inherit;cursor:pointer;background:transparent;border:1px solid var(--line);padding:9px 14px;min-height:44px}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid var(--red);outline-offset:4px}.reader{min-height:100dvh;padding:18px 30px;display:flex;flex-direction:column}.reader:fullscreen{background:var(--paper);overflow:auto}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;font-size:15px}header p{margin:0;font-size:18px}header a{flex-shrink:0}.stage{container-type:inline-size;width:100%;max-width:min(1280px,calc((100dvh - 190px)*16/9));aspect-ratio:16/9;margin:auto;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;padding:3% 4% 2%;overflow:auto}.stage h1{font-size:clamp(20px,3cqw,36px);margin:0;border-bottom:1px solid var(--line);padding-bottom:18px;font-weight:500}.slide-main{flex:1;padding:20px 0;display:flex;flex-direction:column;justify-content:center}.slide-main h2{font-family:"Songti SC","SimSun",serif;font-size:clamp(24px,3.4cqw,43px);line-height:1.5;margin:0 0 20px}.slide-main p{white-space:pre-line;font-size:clamp(18px,2.2cqw,28px);line-height:1.75;margin:0}.slide-footer{display:flex;align-items:center;justify-content:space-between;font-size:clamp(12px,1.4cqw,18px);color:var(--red)}.slide-footer img{width:min(330px,55%);height:auto}.image-slide{padding:0;border:0}.image-slide>img{width:100%;height:100%;object-fit:contain}.controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin:18px 0 10px;font-size:15px}.controls select{max-width:300px}.help{text-align:center;font-size:13px;color:#6f675e;margin:0 0 10px}.progress{height:2px;background:var(--line)}.progress>div{height:2px;background:var(--red)}@media(max-width:700px){.reader{padding:15px}.reader header{flex-wrap:wrap;gap:8px;font-size:14px}.reader header p{order:3;width:100%;font-size:19px;margin-top:10px}.stage{max-width:100%;aspect-ratio:auto;min-height:420px;padding:23px 20px}.stage.image-slide{padding:0;min-height:0;aspect-ratio:16/9}.stage h1{font-size:23px}.slide-main h2{font-size:28px}.slide-main p{font-size:18px}.slide-main{padding:24px 0}.slide-footer{font-size:12px}.slide-footer img{width:75%;max-width:260px}.controls{gap:10px;font-size:14px}.controls select{max-width:180px}.controls label{order:5;width:100%;text-align:center}.help{font-size:12px;margin-top:8px}}@media print{header,.controls,.help,.progress{display:none}.stage{max-width:100%;margin:0;min-height:0}.reader{padding:0;min-height:0}}

.context-note{font-size:13px;color:#6f675e;line-height:1.7;text-align:center;margin:0 auto 12px;max-width:960px}.stage.image-slide{padding:12px;background:#fffcf7}.image-slide>img{height:auto;max-height:calc(100dvh - 220px)}.stage:has(.slide-main){min-height:0}.reader:has(.context-note:not([hidden])) .stage{max-width:min(1280px,calc((100dvh - 240px)*16/9))}@media(max-width:700px){.stage:has(.slide-main){min-height:420px}.reader:has(.context-note:not([hidden])) .stage{max-width:100%}.image-slide>img{max-height:none}.stage.image-slide{padding:8px;aspect-ratio:auto}.context-note{font-size:12px;text-align:left;margin-top:8px}.stage .slide-main{overflow-wrap:anywhere}}