:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#243847;background:#f5f5f0;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;line-height:1.6}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled,select:disabled,input:disabled{opacity:.4;cursor:default}a{color:#307e78;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b17d35;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;top:-80px;left:16px;background:#fff;padding:12px}.skip:focus{top:12px}.masthead{background:#192d3d;color:#f7f8f3}.head-inner{max-width:1440px;margin:auto;padding:20px 36px;display:flex;align-items:center;gap:24px}.brand{gap:14px;flex-shrink:0}.brand img{border-radius:10px;object-fit:cover}.brand-home{color:inherit}.brand strong{display:block;font-size:19px;letter-spacing:.1em}.brand small{display:block;color:#d6b589;font-size:11px;letter-spacing:.1em}.head-inner .course-nav{margin-left:auto}main{max-width:1360px;margin:auto;padding:0 36px 20px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0 25px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#6b797f;margin:0 0 10px}.intro h1{font:600 32px/1.35 "Songti SC","Noto Serif SC",Georgia,serif;letter-spacing:.05em;margin:0 0 10px}.subtitle{font-size:13px;color:#6b797f;margin:0}.document-badge{font-size:12px;color:#7e6138;border:1px solid #d8c9ad;padding:5px 13px;border-radius:30px;white-space:nowrap}.reader{border:1px solid #dedfd9;border-radius:12px;background:white;overflow:hidden;min-width:0}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding:12px 18px;border-bottom:1px solid #e2e5dd}.page-controls,.view-controls,#page-form{display:flex;align-items:center;gap:7px}.reader button,.reader select{min-height:40px;border:1px solid #cbd5cd;border-radius:5px;background:#fff;padding:7px 10px;font-size:12px;color:#2a5550;white-space:nowrap}.reader button:hover:not(:disabled){background:#eff5ef;text-decoration:none}#page-form{color:#697773;font-size:12px}#page-number{width:52px;height:38px;text-align:center;border:1px solid #cbd5cd;border-radius:5px;font-size:14px;padding:4px;color:#243847}#page-number::-webkit-inner-spin-button{display:none}#go-page{border:0;padding-inline:5px}.reader-meta{padding:8px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;font-size:11px;color:#65746d}.reader-meta p{margin:0}#outline-control{display:flex;align-items:center;gap:6px}#outline{max-width:270px;font-size:11px;min-height:30px;padding:3px 5px}.reader-viewport{height:75vh;height:75dvh;min-height:400px;max-height:1000px;overflow:auto;background:#e8ece8;padding:24px;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-x pan-y pinch-zoom}.page-stage{width:max-content;min-width:100%;margin:0 auto}.score-page{position:relative;background:#fff;box-shadow:0 2px 12px #25372d26;margin:0 auto;--scale-round-x:1px;--scale-round-y:1px}.score-page img{display:block;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.placeholder{display:grid;place-items:center;background:#fff;min-height:400px;width:min(100%,760px);margin:auto;color:#7a877e;font-size:14px}.reader-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;color:#7a877e;font-size:11px}footer{padding:24px 0 0;font-size:10px;color:#8b968b;letter-spacing:.06em}.reader:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;background:#fff}.reader:fullscreen .reader-viewport{height:auto;min-height:0;max-height:none;flex:1}.reader:fullscreen .reader-footer{padding-block:6px}
@media(max-width:820px){.head-inner{padding:17px 22px;gap:14px}main{padding:0 20px 20px}.intro{padding:25px 0 20px}.intro h1{font-size:28px}.reader-toolbar{padding:10px 12px;gap:10px}.reader-meta{padding:7px 12px}.reader-viewport{padding:14px}.reader-footer{padding:10px 12px;flex-wrap:wrap}.document-badge{display:none}}
@media(max-width:520px){.head-inner{padding:14px 17px;gap:8px}.brand{gap:12px}.brand strong{font-size:16px}.brand small{font-size:10px}main{padding:0 10px 18px}.intro{padding:23px 5px 18px}.intro h1{font-size:25px}.eyebrow{font-size:9px}.subtitle{font-size:11px}.reader-toolbar{justify-content:center;gap:7px;padding:9px 6px}.page-controls,.view-controls{justify-content:center;gap:4px}.view-controls{width:100%}.reader button,.reader select{min-height:40px;font-size:11px;padding:6px 8px}#page-form{gap:4px}#page-number{width:43px;font-size:16px}#go-page{padding-inline:4px}.reader-meta{flex-wrap:wrap;gap:3px}#outline-control{width:100%}#outline{flex:1;max-width:100%;min-width:0;font-size:12px}.reader-viewport{height:70vh;height:70dvh;min-height:360px;padding:10px;scrollbar-gutter:auto}.reader-footer{font-size:10px}.reader-footer>span:last-child{display:none}}

.score-label{font-size:12px;color:#65746d;letter-spacing:.06em}.reader-toolbar .view-controls{width:auto}@media(max-width:520px){.reader-toolbar{justify-content:space-between;padding:9px 12px}.reader-toolbar .view-controls{width:auto}.score-label{font-size:11px}}