.page-content[data-v-29baa6c4]{min-height:100vh}.page-content.hidden[data-v-29baa6c4]{visibility:hidden}.book-transition[data-v-29baa6c4]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.book-transition.active[data-v-29baa6c4]{opacity:1;pointer-events:all}.transition-wood-bg[data-v-29baa6c4]{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,#7a5c28,#8b6914,#7a5c28,#6b4e1a 6px)}.transition-book[data-v-29baa6c4]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;perspective:1500px;transform-style:preserve-3d}.trans-page[data-v-29baa6c4]{width:280px;height:400px;position:relative;transform-style:preserve-3d}.trans-content[data-v-29baa6c4]{width:100%;height:100%;padding:16px;display:flex;flex-direction:column;position:relative}.trans-left[data-v-29baa6c4]{background:linear-gradient(180deg,#f5ecd8,#fdf5e0 5%,#fff8e8,#fdf5e0 95%,#f5ecd8);border-radius:4px 0 0 4px;box-shadow:inset -3px 0 8px #00000014,0 4px 20px #00000026}.trans-left[data-v-29baa6c4]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(139,105,20,.03) 28px,rgba(139,105,20,.03) 29px);pointer-events:none;border-radius:4px 0 0 4px}.trans-header[data-v-29baa6c4]{text-align:right;padding-bottom:8px}.trans-corner[data-v-29baa6c4]{color:#d4c4a0;font-size:11px}.trans-body[data-v-29baa6c4]{flex:1;display:flex;flex-direction:column;padding:0 10px}.trans-body.center[data-v-29baa6c4]{align-items:center;justify-content:center}.trans-book-title[data-v-29baa6c4]{font-family:Ma Shan Zheng,cursive;font-size:24px;font-weight:700;color:#5d3f1a;writing-mode:vertical-rl;letter-spacing:6px;text-align:center;margin:0 auto}.trans-book-sub[data-v-29baa6c4]{font-family:Caveat,cursive;font-size:12px;color:#a0824d;writing-mode:vertical-rl;letter-spacing:2px;text-align:center;margin:8px auto 0}.trans-footer[data-v-29baa6c4]{text-align:center;padding-top:8px}.trans-pagenum[data-v-29baa6c4]{font-family:Caveat,cursive;font-size:10px;color:#d4c4a0}.trans-spine[data-v-29baa6c4]{width:20px;height:410px;background:linear-gradient(90deg,#5c3d0d,#8b6914 30%,#a67b2d,#8b6914 70%,#5c3d0d);position:relative;z-index:5;box-shadow:inset 2px 0 4px #0000004d,inset -2px 0 4px #0000004d}.trans-right[data-v-29baa6c4]{transform-origin:left center;transition:transform .7s cubic-bezier(.4,0,.2,1)}.trans-right.flipping[data-v-29baa6c4]{transform:rotateY(-100deg)}.trans-right.flipped[data-v-29baa6c4]{transform:rotateY(-180deg)}.trans-face[data-v-29baa6c4]{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:0 4px 4px 0}.trans-front[data-v-29baa6c4]{background:linear-gradient(180deg,#f5ecd8,#fdf5e0 5%,#fff8e8,#fdf5e0 95%,#f5ecd8);box-shadow:inset 3px 0 8px #0000000f,4px 4px 20px #00000026;z-index:2}.trans-front[data-v-29baa6c4]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(139,105,20,.03) 28px,rgba(139,105,20,.03) 29px);pointer-events:none;border-radius:0 4px 4px 0}.trans-back[data-v-29baa6c4]{background:linear-gradient(180deg,#f0e6d0,#f8f0d8,#f0e6d0);transform:rotateY(180deg);box-shadow:inset -3px 0 8px #0000001a,-4px 4px 20px #00000026;z-index:1}.trans-back[data-v-29baa6c4]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(139,105,20,.04) 28px,rgba(139,105,20,.04) 29px);pointer-events:none;border-radius:0 4px 4px 0}.trans-flip-hint[data-v-29baa6c4]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.hint-icon[data-v-29baa6c4]{font-size:36px}.hint-text[data-v-29baa6c4]{font-family:Ma Shan Zheng,cursive;font-size:18px;color:#5d3f1a;letter-spacing:2px}.hint-line[data-v-29baa6c4]{width:40px;height:1px;background:linear-gradient(90deg,transparent,#C9A84C,transparent);margin-top:4px}.trans-loading[data-v-29baa6c4]{text-align:center}.loading-pages[data-v-29baa6c4]{position:relative;width:50px;height:40px;margin:0 auto 12px}.lpage[data-v-29baa6c4]{position:absolute;width:34px;height:40px;background:linear-gradient(180deg,#fff8e8,#f5ecd8);border:1px solid #D4C4A0;border-radius:0 3px 3px 0;animation:lpageFlip-29baa6c4 1s ease-in-out infinite}.lpage[data-v-29baa6c4]:nth-child(1){left:0;animation-delay:0s}.lpage[data-v-29baa6c4]:nth-child(2){left:6px;animation-delay:.12s}.lpage[data-v-29baa6c4]:nth-child(3){left:12px;animation-delay:.24s}@keyframes lpageFlip-29baa6c4{0%,to{transform:rotateY(0);opacity:1}50%{transform:rotateY(-90deg);opacity:.7}}.loading-text[data-v-29baa6c4]{font-family:Caveat,cursive;font-size:14px;color:#8b7355}html,body{margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}body{background:linear-gradient(135deg,#667eea,#764ba2)}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:active{transform:scale(.98)}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}