.book[data-v-6abb3fd8]{display:flex;flex-direction:column;height:100%;min-height:0}.measure[data-v-6abb3fd8]{position:fixed;left:-100000px;top:0;width:730px;pointer-events:none}.viewport[data-v-6abb3fd8]{position:relative;flex:1;min-height:0;display:flex;align-items:flex-start;overflow:auto;padding:10px}.a4-box[data-v-6abb3fd8]{flex:none;margin:0 auto}.a4-scaler[data-v-6abb3fd8]{transform-origin:top left}.a4-page[data-v-6abb3fd8]{width:794px;min-height:1123px;background:#fff;border-radius:4px;box-shadow:0 4px 22px #0f172a38;padding:32px}.flip[data-v-6abb3fd8]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;border:none;border-radius:10px;z-index:2;background:#0f172a8c;color:#fff;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center}.flip[data-v-6abb3fd8]:hover{background:#0f172ac7}.flip-l[data-v-6abb3fd8]{left:8px}.flip-r[data-v-6abb3fd8]{right:8px}.ctrl[data-v-6abb3fd8]{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;background:#0f172aeb}.c-btn[data-v-6abb3fd8]{background:#334155;color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer}.c-btn[data-v-6abb3fd8]:disabled{opacity:.35;cursor:default}.c-num[data-v-6abb3fd8]{color:#e2e8f0;font-size:13px;font-weight:700;min-width:56px;text-align:center}.c-lesson[data-v-6abb3fd8]{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:800;cursor:pointer}.c-end[data-v-6abb3fd8]{color:#94a3b8;font-size:13px;min-width:56px;text-align:center}.pg-next-enter-active[data-v-6abb3fd8],.pg-next-leave-active[data-v-6abb3fd8],.pg-prev-enter-active[data-v-6abb3fd8],.pg-prev-leave-active[data-v-6abb3fd8]{transition:transform .28s ease,opacity .28s ease}.pg-next-enter-from[data-v-6abb3fd8]{transform:translate(40px);opacity:0}.pg-next-leave-to[data-v-6abb3fd8],.pg-prev-enter-from[data-v-6abb3fd8]{transform:translate(-40px);opacity:0}.pg-prev-leave-to[data-v-6abb3fd8]{transform:translate(40px);opacity:0}