@font-face{font-family:CustomSerif;src:url(https://lf-code-agent.coze.cn/obj/x-ai-cn/fonts/space/14-字语文刻体.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}:root{--book-max-width: 90vw;--book-max-height: 90vh;--page-bg: #fffbf0;--text-color: #2c3e50;--accent-color: #7a644e;--paper-texture: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjZmRmNmUzIiBvcGFjaXR5PSIwIi8+CjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9IiMwMDAiIG9wYWNpdHk9IjAuMDIiLz4KPC9zdmc+);--bgm-url: "https://lf3-static.bytednsdoc.com/obj/eden-cn/nulmubfbs/%E6%B5%81%E8%A1%8C%E5%B0%A4%E5%85%8B%E9%87%8C%E9%87%8C-%E6%AC%A2%E5%BF%AB%E6%B8%85%E6%96%B0-%E4%BF%8F%E7%9A%AE%E7%9A%84%E4%B8%80%E5%A4%A9_%E7%88%B1%E7%BB%99%E7%BD%91_aigei_com.mp3"}body{margin:0;padding:0;background:radial-gradient(circle at center,#3c322a,#12100e);font-family:CustomSerif,Microsoft YaHei,PingFang SC,serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;color:#fff}.book-container{width:min(var(--book-max-width),calc(var(--book-max-height) * 2 * 5 / 7));height:min(var(--book-max-height),calc(var(--book-max-width) * 7 / 10));position:relative;perspective:2000px;transition:transform 1s cubic-bezier(.15,1,.5,1)}#mobile-book-container{display:none;width:var(--book-max-width);height:var(--book-max-height);position:relative;perspective:1500px;overflow:visible;z-index:5;margin-top:-50px}.mobile-sheet{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffdf5;border-radius:20px;transform:translateZ(0);will-change:transform;transition:transform .3s ease;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column}.mobile-sheet.flipped{transform:translate3d(-100%,0,0);pointer-events:none}.mobile-image-area{flex:1;width:100%;position:relative;background:#000;border-radius:20px 20px 0 0;overflow:hidden}.mobile-image-area img{width:100%;height:100%;object-fit:cover}.mobile-sheet.is-cover .mobile-image-area{flex:1;height:100%;border-radius:20px}.mobile-sheet.is-cover .mobile-text-area{display:none}.mobile-text-area{flex:0 0 auto;min-height:35%;max-height:50%;padding:24px 20px 100px;background:#fffdf5;overflow-y:auto;border-radius:0 0 20px 20px;box-sizing:border-box;position:relative;color:#332a1e;font-size:18px;line-height:1.6}.mobile-cover-title{position:absolute;bottom:0;left:0;width:100%;padding:40px 20px 30px;color:#fff;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 50%,transparent 100%);pointer-events:none;border-radius:0 0 20px 20px}.mobile-cover-title h1{margin:0 0 8px;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.mobile-cover-title p{margin:0;font-size:16px;opacity:.9}@media(max-width:768px){.background-layer{display:none}.book-container{display:none!important}#mobile-book-container{display:block}.controls{z-index:100}:root{--book-max-width: 94vw;--book-max-height: 85vh}body{background:#0f0d0b;background-image:radial-gradient(circle at top,#2d2620,#0f0d0b);overflow:hidden;touch-action:none}.book-container{width:var(--book-max-width);height:var(--book-max-height);perspective:none;transform:none!important;margin-top:-60px}.sheet{width:100%!important;height:100%!important;left:0!important;transform-origin:center center!important;transition:transform .6s cubic-bezier(.2,0,.2,1),opacity .6s,visibility .6s;transform-style:flat!important;visibility:visible;opacity:1}.sheet.flipped{transform:translate(-120%) scale(.9)!important;opacity:0;visibility:hidden}.book-container{width:var(--book-max-width);height:var(--book-max-height);perspective:1500px;transform:none!important;margin-top:-50px}.sheet{width:100%!important;height:100%!important;left:0!important;transform-origin:center center!important;transition:transform .6s cubic-bezier(.25,1,.5,1);transform-style:preserve-3d!important;display:block!important;clip-path:none!important;box-shadow:none!important;background:transparent!important;pointer-events:none!important}.sheet.flipped{transform:rotateY(-180deg)!important;opacity:1!important;visibility:visible!important;z-index:1000!important}.sheet-face{position:absolute!important;top:0!important;left:0!important;width:100%!important;pointer-events:auto!important;backface-visibility:hidden!important;box-shadow:0 5px 20px #0003!important;display:flex!important;flex-direction:column}.sheet-front{top:50%!important;height:50%!important;background:#fffdf5!important;z-index:2;transform:rotateY(0);border-radius:0 0 20px 20px!important}.sheet-back{top:0!important;height:50%!important;background:#000!important;z-index:1;transform:rotateY(180deg);border-radius:20px 20px 0 0!important}#sheet-0 .sheet-front{top:0!important;height:100%!important;border-radius:20px!important;z-index:10}#sheet-0 .cover-image{height:100%!important;width:100%!important;border-radius:20px!important}.page-image,.cover-image{width:100%!important;height:100%!important;object-fit:cover;border-radius:20px 20px 0 0!important}.page-text-container{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;padding:20px 20px 50px!important;background:transparent!important;overflow-y:auto!important;box-sizing:border-box;-webkit-overflow-scrolling:touch}.sheet-front:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:#7a644e26;z-index:10;display:block!important;opacity:1}.sheet-front:after{display:none!important}#sheet-0 .sheet-back{height:0!important;display:none}#sheet-0 .sheet-front{height:100%!important;top:0!important;border-radius:24px!important}#sheet-0 .page-text-container{display:none}#sheet-0 .sheet-front{height:100%!important;top:0!important;border-radius:24px!important;display:block!important;overflow:hidden}#sheet-0 .sheet-back{display:none!important}.page-image,.cover-image{height:100%!important;width:100%!important;object-fit:cover;border-radius:24px 24px 0 0!important}.page-text-container{position:absolute;top:58%;height:42%!important;width:100%!important;padding:30px 24px 50px!important;background:transparent!important;overflow-y:auto!important;display:flex!important;flex-direction:column;justify-content:flex-start;text-align:left;font-size:clamp(18px,5.5vw,24px)!important;line-height:1.6;color:#332a1e;box-sizing:border-box}.sheet-front:after{content:"";position:absolute;top:58%;left:0;width:100%;height:2px;background:#7a644e1a;box-shadow:0 2px 5px #0000000d;z-index:10;display:block!important;transform:none!important}.controls{width:calc(100% - 24px);max-width:450px;bottom:20px;padding:8px 12px;gap:8px;background:#2d2620e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;box-shadow:0 10px 30px #00000080;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:60px;box-sizing:border-box}.btn{width:40px;height:40px;font-size:1.1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#d4bda8;border-radius:50%;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}.btn-large{width:40px!important;height:40px!important;border-radius:50%!important;padding:0!important}#playPauseBtn{width:44px!important;height:44px!important;border-radius:50%!important;flex:0 0 44px!important}#playPauseBtn span:not(#playIcon){display:none!important}@media(max-width:360px){#prevBtn,#nextBtn{display:none!important}}@media(max-width:300px){#playPauseBtn{display:none!important}}.page-number{bottom:15px;color:#8b7355}.modal-content{height:auto!important;max-height:85vh;margin-top:auto;margin-bottom:0;border-radius:32px 32px 0 0;overflow-y:auto!important;padding-bottom:50px;-webkit-overflow-scrolling:touch}.modal{align-items:flex-end}}.book-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;box-shadow:0 30px 60px -10px #0006;transition:width 0s 1s,left 0s 1s;z-index:-1}.book-container:after{content:"";position:absolute;top:0;left:50%;margin-left:-20px;width:40px;height:100%;background:#2c3e50;transform:rotateY(90deg) translateZ(-20px);transform-origin:center;z-index:-2;box-shadow:inset 0 0 20px #00000080}.book-container.closed{transform:translate(-25%)}.book-container.closed:after{opacity:0}.book-container.closed:before{width:50%;left:50%;border-radius:5px;transition:width 0s,left 0s}.book-container.closed #base-left{opacity:0;pointer-events:none}#base-left{opacity:0}.base-layer{position:absolute;top:0;width:50%;height:100%;background-color:var(--page-bg);background-image:var(--paper-texture);overflow:hidden}#base-left{left:0;border-radius:24px 0 0 24px;display:flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:inset -30px 0 50px -20px #0000001a}#base-right{right:0;border-radius:0 24px 24px 0;display:flex;justify-content:center;align-items:center;box-shadow:inset 30px 0 50px -20px #0000001a}#base-right:after{content:"";position:absolute;right:0;top:3px;bottom:3px;width:6px;background:linear-gradient(to right,#ddd,#fdfdfd);border-radius:0 24px 24px 0;transform:translate(100%);box-shadow:2px 0 5px #0000001a}.sheet{position:absolute;top:0;right:0;width:50%;height:100%;transform-origin:left center;transform:translateZ(0);will-change:transform;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.15,1,.5,1);z-index:10}#sheet-0{transition-duration:2.2s}#sheet-1{transition-duration:1.8s}#sheet-2{transition-duration:1.6s}#sheet-3{transition-duration:1.5s}#sheet-4{transition-duration:1.4s}#sheet-5{transition-duration:1.3s}.sheet.flipped{transform:rotateY(-180deg) translateZ(0)}.sheet-face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;background-color:#fff;background:linear-gradient(to right,#e1ddd8,#fffbf6);box-shadow:inset 0 -1px 2px #3232321a,inset -1px 0 1px #96969633;overflow:hidden;display:flex;cursor:pointer}.sheet-front{z-index:2;border-radius:0 24px 24px 0;box-shadow:inset 20px 0 50px -15px #0000000d}.sheet-front:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0000001a,#0000);opacity:0;transition:opacity .5s ease-in;pointer-events:none}.sheet.flipped .sheet-front:before{opacity:1}.sheet-back{transform:rotateY(180deg);z-index:1;border-radius:24px 0 0 24px;background:linear-gradient(to left,#e1ddd8,#fffbf6);justify-content:center;align-items:center;box-shadow:inset 0 -1px 2px #3232321a,inset 1px 0 1px #96969633}.sheet-back:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0000001a,#0000);opacity:1;transition:opacity .5s ease-out .5s;pointer-events:none}.sheet.flipped .sheet-back:before{opacity:0}.sheet-front:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:#e0e0e0;transform:rotateY(90deg) translateZ(1px);transform-origin:right}#sheet-0 .sheet-front{border-radius:0 24px 24px 0;box-shadow:5px 0 15px #0000000d;background:var(--page-bg)}#sheet-0 .sheet-front:after{width:6px;background:#ccc;transform:rotateY(90deg) translateZ(3px)}#sheet-0 .sheet-front:before{display:none}.sheet-front:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;background:linear-gradient(135deg,transparent 45%,#d0d0d0 50%,#f0f0f0 56%,#fff 80%);box-shadow:-2px -2px 5px #0000001a;transition:width .3s ease,height .3s ease,background .3s;pointer-events:none;border-radius:5px 0 0}.sheet-front:hover:after{width:80px;height:80px;background:linear-gradient(135deg,transparent 45%,#e0e0e0 50%,#fff 56%,#fff 80%);box-shadow:-5px -5px 10px #00000026}.sheet-back:after{content:"";position:absolute;bottom:0;left:0;width:0;height:0;background:linear-gradient(225deg,transparent 45%,#d0d0d0 50%,#f0f0f0 56%,#fff 80%);box-shadow:2px -2px 5px #0000001a;transition:width .3s ease,height .3s ease;pointer-events:none;border-radius:0 5px 0 0}.sheet-back:hover:after{width:80px;height:80px;background:linear-gradient(225deg,transparent 45%,#e0e0e0 50%,#fff 56%,#fff 80%);box-shadow:5px -5px 10px #00000026}#sheet-0 .sheet-front:hover:after{width:0;height:0}.page-image{width:100%;height:100%;object-fit:cover;border-radius:3px}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,#0000009e,#00000038);color:#fffffff5;text-align:center;border-radius:3px}.image-error-text{font-size:1.35rem;line-height:1.6;max-width:85%}.mobile-image-area .image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;border-radius:inherit;background:linear-gradient(135deg,#000000b3,#00000040)}.cover-image{width:100%;height:100%;object-fit:cover;border-radius:0 24px 24px 0}.cover-overlay{position:absolute;bottom:0;left:0;width:100%;padding:60px 40px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 50%,transparent 100%);color:#fff;text-align:center;box-sizing:border-box;border-radius:0 0 24px}.cover-overlay h1{font-size:3.5rem;margin:0 0 15px;text-shadow:0 2px 10px rgba(0,0,0,.6);letter-spacing:2px}.cover-overlay h2{font-size:1.6rem;margin:0;opacity:.9;font-weight:300;letter-spacing:1px}.cover-error{display:inline-block;margin-top:16px;padding:10px 14px;border-radius:14px;background:#0000006b;border:1px solid rgba(255,255,255,.18);font-size:1.1rem;line-height:1.5}.page-text-container{width:100%;height:100%;padding:60px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:2rem;line-height:1.8;color:var(--text-color);position:relative;word-break:break-all;transition:opacity .8s ease,transform .8s ease,font-size .3s ease;opacity:0;transform:translateY(10px)}.page-text-container.short-text{font-size:2.8rem}.page-text-container.medium-text{font-size:2.2rem}.page-text-container.long-text{font-size:1.8rem}.page-text-container.extra-long-text{font-size:1.4rem}.page-text-container.visible{opacity:1;transform:translateY(0)}.page-number{position:absolute;bottom:30px;right:40px;font-size:1rem;color:#95a5a6;font-family:Georgia,serif}.toast{position:fixed;bottom:20px;right:20px;background:#000c;color:#fff;padding:15px 20px;border-radius:8px;font-size:14px;z-index:10000;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #0000004d;transition:all .5s}.toast.prominent{bottom:50%;left:50%;right:auto;transform:translate(-50%,50%);background:#7a644e;padding:24px 48px;font-size:20px;border:2px solid #fff;box-shadow:0 10px 40px #0009;font-weight:700;text-align:center;white-space:normal;max-width:80%;border-radius:15px;line-height:1.5;animation:zoomIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoomIn{0%{transform:translate(-50%,50%) scale(.5);opacity:0}to{transform:translate(-50%,50%) scale(1);opacity:1}}.toast.hide{animation:slideOut .3s ease-out forwards}.toast.prominent.hide{animation:zoomOut .3s ease-out forwards}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@keyframes zoomOut{0%{transform:translate(-50%,50%) scale(1);opacity:1}to{transform:translate(-50%,50%) scale(.5);opacity:0}}.controls{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:1000;background:linear-gradient(135deg,#d4a57466,#c89b6d80,#b88a5e99);backdrop-filter:blur(20px);padding:12px 30px;border-radius:50px;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.2)}.btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);cursor:pointer;font-size:1.2rem;color:#fff;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;box-shadow:0 5px 15px #0000001a}.btn:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-5px);box-shadow:0 10px 20px #7a644e66}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn.active{background-color:var(--accent-color);color:#fff;box-shadow:0 0 20px #7a644e80}.btn-large{width:auto;padding:0 25px;border-radius:30px;font-weight:700;font-size:1rem}.restart-btn{margin-top:40px;padding:12px 30px;background-color:var(--accent-color);color:#fff;border:none;border-radius:30px;font-size:1.1rem;cursor:pointer;transition:all .3s;align-self:center;box-shadow:0 5px 15px #7a644e66}.restart-btn:hover{background-color:#5f4d3a;transform:translateY(-2px);box-shadow:0 10px 20px #7a644e80}.progress-container{position:fixed;top:0;left:0;width:100%;height:6px;background:#0000001a;z-index:2000}.volume-control-group{display:flex;align-items:center;gap:12px;padding-left:10px;border-left:1px solid rgba(255,255,255,.2)}.volume-slider{width:80px;height:4px;-webkit-appearance:none;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;transition:all .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #ffffff80}.progress-bar{height:100%;background:linear-gradient(to right,#7a644e,#8b7355);width:100%;transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 0 10px #7a644e80}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}