.book-stage{perspective:1500px;display:flex;justify-content:center;align-items:center;height:100vh;width:100%;overflow:hidden;background:#eef2f3}.book{position:relative;width:380px;height:640px;transform-style:preserve-3d;transition:transform .5s;box-shadow:0 20px 40px -10px #0000004d}.page{position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:left center;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.645,.045,.355,1);cursor:pointer;background-color:#f7f7f5;border-radius:0}.flipped{transform:rotateY(-180deg)}.front,.back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;background-color:#f7f7f5}.front{z-index:2;border-radius:0;box-shadow:inset 3px 0 10px #00000005;border-right:1px solid #d4c5a3;transform:rotateY(0)}.back{transform:rotateY(180deg);z-index:1;border-radius:0;background-color:#f0f0ed;box-shadow:inset -5px 0 15px #0000000d;border-left:1px solid #d4c5a3}.paper-texture{background-color:#f7f7f5;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E")}.cover-texture{background-color:#2c3e50;background-image:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:4px 4px;box-shadow:inset 10px 0 20px #0000004d;border-left:12px solid #1a252f}.title-label{background-color:#f3f0e6;box-shadow:2px 2px 5px #0003;border:1px solid #d4c5a3;writing-mode:vertical-rl;letter-spacing:.2em;border-radius:2px}.seal{border:3px double #b91c1c;color:#b91c1c;font-family:Ma Shan Zheng,cursive;display:flex;align-items:center;justify-content:flex-start;padding-left:4px;border-radius:4px;opacity:.85;transform:rotate(-5deg)}.bg-landscape{background:radial-gradient(circle at 50% 30%,#c8d2dc66,#fff0 60%),linear-gradient(to top,#eef2f3,#fff)}.mountain-layer{position:absolute;bottom:0;left:0;width:100%;height:40%;background-repeat:no-repeat;background-position:bottom center;background-size:cover;opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%239ca3af' fill-opacity='1' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,224C672,245,768,267,864,250.7C960,235,1056,181,1152,165.3C1248,149,1344,171,1392,181.3L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3Cpath fill='%23cbd5e1' fill-opacity='1' d='M0,288L80,272C160,256,320,224,480,218.7C640,213,800,235,960,245.3C1120,256,1280,256,1360,256L1440,256L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z'%3E%3C/path%3E%3C/svg%3E")}.vertical-text{writing-mode:vertical-rl;text-orientation:upright}@media(min-width:768px){.book{width:480px;height:680px}}#toc-btn{font-family:Ma Shan Zheng,cursive;letter-spacing:.05em;z-index:50}#toc-modal{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}#toc-modal::-webkit-scrollbar{width:4px}#toc-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}