:root{--ink:#183f46;--gold:#c68e33;--paper:#f6f1e7;--shadow:0 20px 50px #183f4633}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Arial,Helvetica,sans-serif;color:#172326}.topbar{height:72px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#173f46;color:#fff;box-shadow:0 2px 12px #0003}.brand{color:#fff;text-decoration:none;font-size:1.15rem;font-weight:700;letter-spacing:.01em}.brand span{font-weight:400;color:#f2d394}.top-actions{display:flex;gap:10px;align-items:center}.search{height:40px;display:flex;gap:8px;align-items:center;padding:0 12px;background:#fff;border-radius:8px;color:var(--ink)}.search input{width:220px;border:0;outline:0;font-size:1rem;color:#182b2f}.icon-button,.page-nav button,.quick-nav button{border:0;border-radius:8px;background:#e5b960;color:#183f46;font:inherit;font-weight:700;padding:11px 14px;cursor:pointer}.reader{max-width:1260px;margin:auto;padding:34px 24px 100px}.intro{display:flex;justify-content:space-between;gap:28px;align-items:end;padding:16px 3vw 32px}.eyebrow{margin:0 0 10px;color:#9b6427;font-size:.8rem;font-weight:700;letter-spacing:.12em}.intro h1{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.96;color:var(--ink)}.intro p{max-width:590px;font-size:1.1rem;line-height:1.6}.quick-nav{display:flex;gap:8px;align-items:end;background:#fff;padding:15px;border-radius:12px;box-shadow:0 4px 18px #183f4617}.quick-nav label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:700;color:var(--ink)}.quick-nav input{width:86px;padding:10px;border:1px solid #b9c5c3;border-radius:6px;font-size:1rem}.book-index{margin:0 3vw 30px;padding:24px 26px;background:#fff;border-radius:16px;box-shadow:0 7px 22px #183f4617}.book-index-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.book-index h2{margin:0;color:var(--ink);font-size:1.65rem}.book-index-head p:last-child{max-width:260px;margin:0;color:#526568;line-height:1.45}.chapter-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chapter-link{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d5dfdc;border-radius:9px;background:#fcfdfc;color:var(--ink);padding:12px 13px;text-align:left;font:inherit;font-weight:700;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.chapter-link:hover,.chapter-link:focus-visible{background:#fff4dd;transform:translateY(-2px);box-shadow:0 5px 12px #183f4620;outline:2px solid #c68e33}.chapter-page{flex:0 0 auto;border-radius:999px;background:#173f46;color:#fff;padding:3px 8px;font-size:.76rem;font-weight:400}.book-stage{background:#d6ddda;padding:clamp(10px,3vw,36px);border-radius:18px}.pages{display:grid;gap:28px}.page-wrap{display:none;max-width:900px;margin:auto;position:relative;box-shadow:var(--shadow);background:#fff}.page-wrap.current{display:block}.page-wrap img{display:block;width:100%;height:auto}.page-label{position:absolute;right:12px;top:12px;color:#fff;background:#173f46dd;padding:6px 9px;border-radius:5px;font-size:.8rem;font-weight:bold}.page-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:14px;background:#173f46;padding:9px 12px;border-radius:12px;color:#fff;box-shadow:var(--shadow)}.page-nav button{padding:9px 13px}.page-nav span{min-width:120px;text-align:center;font-size:.9rem}.results{margin:0 3vw 28px;padding:18px;background:#fff;border-left:5px solid var(--gold);border-radius:8px}.result{display:block;width:100%;border:0;border-bottom:1px solid #e4e4e4;padding:12px 0;background:transparent;text-align:left;cursor:pointer;font:inherit}.result strong{color:var(--ink)}dialog{width:min(650px,92vw);border:0;border-radius:16px;padding:24px;box-shadow:var(--shadow)}dialog::backdrop{background:#122f3488}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{color:var(--ink)}.toc-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.toc-list button{border:1px solid #ccd7d4;background:#fff;padding:10px;border-radius:6px;cursor:pointer;font:inherit}@media(max-width:720px){.topbar{padding:0 16px}.brand span{display:none}.search input{width:130px}.reader{padding:22px 12px 100px}.intro{display:block;padding:8px 10px 25px}.quick-nav{width:max-content}.book-index{margin:0 10px 24px;padding:20px 16px}.book-index-head{display:block}.book-index-head p:last-child{margin-top:8px}.chapter-index{grid-template-columns:1fr}.book-index h2{font-size:1.45rem}.book-stage{padding:6px;border-radius:6px}.page-nav{width:calc(100vw - 24px);justify-content:space-between;gap:5px}.page-nav button{font-size:.8rem;padding:9px}.toc-list{grid-template-columns:repeat(4,1fr)}}
.book-stage{scroll-margin-top:88px}
.page-wrap{display:block;scroll-margin-top:88px}
.page-wrap{container-type:inline-size}.text-layer{position:absolute;inset:0;z-index:2;user-select:text;-webkit-user-select:text;touch-action:pan-y}.selectable-word{position:absolute;display:block;color:transparent;font-family:Arial,Helvetica,sans-serif;line-height:1;white-space:nowrap;cursor:text;user-select:text;-webkit-user-select:text}.selectable-word::selection{background:#e5b960b8;color:transparent}.page-label{z-index:3}
.page-wrap{width:100%;aspect-ratio:923/1306}.match-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.search-match{position:absolute;background:rgba(255,222,63,.78);border-radius:2px;box-shadow:0 0 0 1px rgba(156,111,0,.35)}