.fate-book-container{--book-scale: 1;--book-intro-space: 0px;display:flex;justify-content:center;align-items:center;padding-top:40px;padding-left:0;padding-right:0;padding-bottom:calc(40px + var(--book-intro-space));perspective:1500px;cursor:pointer;width:100%;min-height:max(calc(450px * var(--book-scale) + 80px),clamp(520px,72vh,940px));transition:all .5s ease}@media (max-width: 768px){.fate-book-container{--book-scale: .8;padding-top:20px;padding-left:0;padding-right:0;padding-bottom:calc(20px + var(--book-intro-space))}}@media (max-width: 480px){.fate-book-container{--book-scale: .45;padding-top:10px;padding-left:0;padding-right:0;padding-bottom:calc(10px + var(--book-intro-space))}}.book-container{width:300px;height:450px;position:relative;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.645,.045,.355,1);transform:scale(var(--book-scale))}.book-cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--book-cover-bg);background-image:url(/images/icons/fate_book.png);background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:5px 15px 15px 5px;box-shadow:5px 5px 15px #00000080;display:flex;justify-content:center;align-items:center;transform-origin:left;transition:transform 1.5s cubic-bezier(.645,.045,.355,1);z-index:10;transform-style:preserve-3d}.dark .book-container:not(.open) .book-cover,.dark .book-container:not(.open) .book-back-cover{box-shadow:0 0 20px #e2b36e99,0 0 40px #e2b36e4d,5px 5px 15px #00000080}.dark .book-container:not(.open){animation:bookGlow 2s ease-in-out infinite alternate}@keyframes bookGlow{0%{filter:drop-shadow(0 0 10px rgba(226,179,110,.5))}to{filter:drop-shadow(0 0 25px rgba(226,179,110,.8))}}.book-cover-inner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--book-paper);background-image:url(/images/icons/fate_book.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:5px 15px 15px 5px;transform:rotateY(180deg);backface-visibility:hidden;box-shadow:inset -5px 0 10px #0000000d,5px 5px 15px #0000001a;overflow-y:auto;padding:45px 35px;display:flex;flex-direction:column;z-index:20}.book-cover-inner::-webkit-scrollbar{width:4px}.book-cover-inner::-webkit-scrollbar-track{background:transparent}.book-cover-inner::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.book-back-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--book-cover-back);border-radius:5px 15px 15px 5px;z-index:1;box-shadow:10px 10px 30px #00000080}.book-page{position:absolute;top:10px;left:5px;width:290px;height:430px;background-color:var(--book-paper);background-image:url(/images/icons/fate_book.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:3px 10px 10px 3px;box-shadow:inset 5px 0 10px #0000000d;display:flex;justify-content:center;align-items:center;padding:45px 35px;text-align:center;font-family:KaiTi,楷体,serif;font-size:1.5em;color:var(--book-text);z-index:5}.book-container.open{transform:scale(var(--book-scale)) translate(150px)}.book-container.open .book-cover{transform:rotateY(-180deg)}.book-title{writing-mode:vertical-rl;font-size:4em;color:gold;font-family:LiSu,隶书,serif;border:4px double gold;padding:20px 10px;background:#0003;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:10px;backface-visibility:hidden}.reveal-text{opacity:0;transform:translateY(20px);animation:fadeUp 1.5s forwards;animation-delay:.5s}.reveal-text p{margin:20px 0;font-weight:700;background:linear-gradient(to bottom,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .reveal-text p{background:linear-gradient(to bottom,#f9fafb,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}