:root{color-scheme:light;--ink:#172824;--muted:#59685e;--deep:#10231f;--paper:#f5f3ec;--gold:#d8b56e;font-family:Inter,"Noto Sans TC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit}header{background:var(--deep);color:#f5f2e9}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}nav.shell{min-height:56px;display:flex;align-items:center;gap:22px}.brand{font:700 1rem Georgia,serif;letter-spacing:.14em;margin-right:auto;text-decoration:none}nav a,button,select{min-height:48px;display:inline-flex;align-items:center}select,button{padding:8px 12px;border:1px solid #9fae9f;border-radius:8px;background:var(--deep);color:#fff;font:inherit}main{padding:36px 0 60px;min-height:75vh}h1{font:500 clamp(2rem,5vw,3.6rem)/1.15 Georgia,"Noto Serif TC",serif;margin:8px 0 16px}h2{font:500 1.7rem Georgia,serif}.eyebrow{letter-spacing:.16em;color:#796030;font-size:.76rem;font-weight:700}.intro>p:last-child,#state{color:var(--muted);line-height:1.7}#book-nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}#book-nav a{padding:10px 16px;border:1px solid #bdc8bd;border-radius:99px;text-decoration:none}#book-nav a[aria-current]{background:var(--deep);color:#fff}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.book{display:grid;grid-template-columns:150px minmax(0,1fr);background:#fffefa;border:1px solid #d5dcd2;border-radius:14px;overflow:hidden}.cover{width:100%;height:auto;align-self:center;object-fit:contain}.book-body{padding:24px}.book h2{margin:0 0 10px}.subtitle{color:var(--muted);line-height:1.6}.open{display:inline-flex;align-items:center;min-height:48px;padding:10px 16px;background:#245548;color:white;border-radius:8px;text-decoration:none;margin-top:10px}.chapters{list-style:none;padding:0;grid-template-columns:repeat(4,minmax(0,1fr))}.chapter{padding:12px;border:1px solid #d5dcd2;border-radius:12px;background:#fffefa;min-width:0}.chapter img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:7px}.chapter h3{font-size:1rem;line-height:1.5;margin:12px 0}.chapter p{font-size:.8rem;color:var(--muted)}.chapter a{display:block;text-decoration:none}.chapter .open{text-align:center}.private-badge{color:#795714!important;background:#f3e6c9;border-radius:5px;padding:6px}#book-detail{margin:20px 0 36px}#book-detail .book{max-width:750px;grid-template-columns:170px 1fr}.tools{display:flex;gap:14px;align-items:center}.tools label{min-height:48px;display:flex;align-items:center;gap:10px}input[type=checkbox]{width:22px;height:22px}#back{display:inline-flex;align-items:center;min-height:48px}footer{padding-block:24px;border-top:1px solid #d5dcd2;color:var(--muted);font-size:.8rem}.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}[hidden]{display:none!important}:focus-visible{outline:3px solid #c18a39;outline-offset:3px}@media(max-width:850px){.grid{grid-template-columns:1fr}.chapters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.shell{width:calc(100% - 28px)}nav.shell{gap:10px;flex-wrap:wrap;padding-block:4px}nav.shell>a:not(.brand){font-size:.8rem}select{max-width:145px;font-size:.8rem}.book,#book-detail .book{grid-template-columns:105px minmax(0,1fr)}.book-body{padding:16px}.book h2{font-size:1.35rem}.chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chapter{padding:10px}main{padding-top:24px}}
