.school-library{color:#f0eadb;font:16px/1.85 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;overflow-wrap:anywhere}
.school-library *{box-sizing:border-box}
.school-library[data-view=reader]{max-width:880px;margin-inline:auto}
.school-library :is(h1,h2,p,dl,dd){margin:0}
.school-library h1{font-size:30px;line-height:1.5;text-wrap:balance}
.school-library h2{font-size:21px;line-height:1.6;margin-top:16px}
.school-library .school-intro{margin:12px 0 24px}
.school-library .school-small{font-size:13px;color:#cbd7ca;line-height:1.8;margin-top:10px}
.school-library button,.school-library .school-original{min-height:44px;font:inherit;cursor:pointer}
.school-library button{border:0;border-radius:0;background:#355741;color:#f0eadb;padding:10px 16px}
.school-library button:hover:not(:disabled){background:#e2c4a5;color:#213b2b}
.school-library button:disabled{opacity:.4;cursor:default}
.school-library :is(button,input,a,[tabindex]):focus-visible{outline:3px solid #f0b79e;outline-offset:4px}
.school-library a{color:inherit;text-underline-offset:5px}
.school-library[data-view=gallery]{container-type:inline-size}
.school-library .school-gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;margin-bottom:22px}
.school-library .school-gallery-heading .school-intro{margin:0;color:#cbd7ca;font-size:14px}
.school-library .school-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 30px;padding:4px 4px 24px}
.school-library .school-gallery-card{min-width:0;display:flex;flex-direction:column}
.school-library .school-gallery-card h2{font-size:20px;line-height:1.45;min-height:2.9em;margin-top:13px}
.school-library .school-card-intro{font-size:14px;line-height:1.65;color:#cbd7ca;margin-top:6px;min-height:3.3em}
.school-library .school-card-facts{display:grid;gap:10px;margin-top:13px}
.school-library .school-card-facts>div{display:grid;grid-template-columns:4em minmax(0,1fr);gap:10px;font-size:14px;line-height:1.65}
.school-library .school-card-facts dt{color:#acbead;font-size:12px;padding-top:2px}
.school-library .school-card-award dd{color:#f0b79e;font-weight:600}
.school-library .school-card-role dd{color:#f0eadb;font-weight:500}
.school-library .school-cover-select{display:grid;grid-template-rows:minmax(0,1fr) 30px;width:100%;height:190px;background:#263e30;padding:0;overflow:hidden}
.school-library .school-cover-label{display:block;text-align:right;padding:0 12px;font-size:12px;line-height:30px;color:#f0eadb;background:#355741}
.school-library .school-cover-select[aria-pressed=true]{outline:3px solid #f0b79e;outline-offset:3px}
.school-library .school-cover-select img{width:100%;height:100%;min-height:0;object-fit:contain;display:block}
.school-library .school-reader-top{margin-bottom:22px}
.school-library .school-reader-heading>p{margin-top:12px}
.school-library .school-project-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 26px}
.school-library .school-project-facts dt{font-size:13px;color:#cbd7ca}
.school-library .school-page-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:20px 0}
.school-library .school-page-jump{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.school-library .school-page-jump label{font-size:14px}
.school-library .school-page-jump input{width:68px;min-height:44px;font:inherit;background:#e9eadf;color:#213b2b;border:0;padding:6px 9px}
.school-library .school-original{display:inline-flex;align-items:center;padding:4px 0}
.school-library .school-page-scroll{height:min(68vh,640px);min-height:260px;overflow:auto;background:#102118;text-align:center}
.school-library .school-page-scroll>img{display:block;width:100%;height:100%;object-fit:contain}
.school-library .school-page-scroll[data-zoom=true]>img{width:160%;max-width:none;height:auto;object-fit:initial}
.school-library .school-page-error{padding:30px;text-align:left}
.school-library [hidden]{display:none!important}
.school-library .school-word-fallback{max-width:650px;margin:25px auto}
.school-library .school-word-fallback img{display:block;width:100%;height:auto;margin-bottom:24px}
@container(max-width:620px){.school-library .school-gallery-grid{grid-template-columns:1fr;gap:30px}.school-library .school-gallery-card h2,.school-library .school-card-intro{min-height:0}.school-library .school-cover-select{height:220px}}
@media(max-width:600px){.school-library h1{font-size:25px}.school-library .school-gallery-grid{grid-template-columns:1fr;gap:30px}.school-library .school-gallery-card h2,.school-library .school-card-intro{min-height:0}.school-library .school-project-facts{grid-template-columns:1fr;gap:10px}.school-library .school-page-controls{justify-content:flex-start}.school-library .school-page-jump{gap:7px}.school-library .school-page-jump button{padding:10px 11px}.school-library .school-page-scroll{min-height:220px;height:55vh}}
