html,body{background:#f4ecd8;margin:0;padding:0;overflow:hidden}a{color:inherit;text-decoration:none}:is(:global(#main-header),:global(#main-header.scrolled)){-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border-bottom:none!important}:global(#main-header .nav-item::before){display:none!important}:is(:global(#main-header .logo),:global(#main-header .nav-item .zh),:global(#main-header .nav-item .en),:global(#main-header .search-btn)){color:#4a453f!important;text-shadow:none!important;transition:color .3s!important}:is(:global(#main-header .nav-item:hover .zh),:global(#main-header .nav-item.active .zh)){color:#1a1a1a!important}.reading-environment{background:#f4ecd8;justify-content:center;align-items:flex-end;width:100vw;height:100vh;display:flex}.book-spread{background-color:#f4ecd8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.06'/%3E%3C/svg%3E");border-right:none;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 20px 40px #00000005}.sunlight-layer{pointer-events:none;z-index:15;filter:blur(40px);mix-blend-mode:overlay;opacity:.8;background:linear-gradient(115deg,#0000 30%,#ffffff0d 40%,#ffffff1f 45%,#0000 50% 60%,#ffffff0d 65%,#0000 70%);animation:20s ease-in-out infinite alternate sunPan;position:absolute;inset:-20%}@keyframes sunPan{0%{transform:translate(-8%)scale(1.1)}to{transform:translate(8%)scale(1.1)}}.book-spine{pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000 0%,#b0a5971f 30%,#b0a59733 50%,#b0a5971f 70%,#0000 100%);width:100px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.click-zone{z-index:30;cursor:pointer;justify-content:center;align-items:center;width:10%;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0}.prev-zone{left:0}.next-zone{right:0}.nav-arrow{color:#7a6e60;opacity:.25;user-select:none;pointer-events:none;font-family:Noto Serif SC,serif;font-size:3.5rem;transition:all .35s}.click-zone:hover .nav-arrow{opacity:.75;color:#2c2925}.prev-zone:hover .left-arrow{transform:translate(-5px)scale(1.15)}.next-zone:hover .right-arrow{transform:translate(5px)scale(1.15)}.book-viewport{flex:1;width:90%;max-width:1600px;margin:90px auto 60px;position:relative;overflow:hidden}.book-content{column-count:2;height:100%;transform:translateX(var(--curr-x,0px));opacity:1;column-gap:100px}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(var(--curr-x))}to{opacity:0;transform:translateX(calc(var(--curr-x) - 40px))}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(calc(var(--curr-x) + 40px))}to{opacity:1;transform:translateX(var(--curr-x))}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(var(--curr-x))}to{opacity:0;transform:translateX(calc(var(--curr-x) + 40px))}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(calc(var(--curr-x) - 40px))}to{opacity:1;transform:translateX(var(--curr-x))}}.book-title-header{text-align:center;break-after:avoid;margin-bottom:60px}.bt-title{letter-spacing:4px;color:#222;text-shadow:2px 2px #ffffff80;margin-bottom:10px;font-size:3.5rem;font-weight:900}.bt-subtitle{color:#7a6e60;letter-spacing:6px;text-transform:uppercase;margin-bottom:25px;font-family:Noto Sans SC,sans-serif;font-size:1.1rem}.bt-meta{color:#8c8273;font-family:Courier New,Courier,monospace;font-size:1rem}.bt-divider{background:#c3b29c;width:50px;height:3px;margin:30px auto}.chapter-heading{color:#1a1a1a!important;text-align:center!important;letter-spacing:4px!important;box-shadow:none!important;text-indent:0!important;background:0 0!important;border:none!important;border-bottom:1px solid #b0a59780!important;border-radius:0!important;margin:0 0 30px!important;padding-top:20px!important;padding-bottom:20px!important;font-size:2.2rem!important;font-weight:900!important;display:block!important}.ch-heading-no{color:#9c856a;margin-right:15px;font-family:Noto Serif SC,Times New Roman,serif}.book-prose{color:#2c2925;font-family:Noto Serif SC,serif}.book-prose img,.book-prose h2,.book-prose h3,.book-prose blockquote{break-inside:avoid;page-break-inside:avoid}.book-prose h2,.book-prose h3{break-after:avoid;page-break-after:avoid}.book-prose p,.book-prose li{text-align:justify;text-indent:2em;background-image:linear-gradient(#0000 39px,#b0a59759 39px);background-position:0 0;background-size:100% 40px;margin-bottom:40px;font-size:1.15rem;line-height:40px}.book-prose h2:not(.chapter-heading){text-indent:0;background:#e6dfd1;border-radius:4px;margin-bottom:40px;padding:0 15px;font-size:1.6rem;font-weight:900;line-height:40px;display:inline-block;box-shadow:-4px 4px #bda78f66}.book-prose h3{color:#9c856a;text-indent:0;margin-bottom:40px;font-size:1.3rem;font-weight:700;line-height:40px}.book-prose blockquote{color:#666;text-indent:0;background:#b0a5970f;border:1px dashed #b0a59766;margin-bottom:40px;padding:20px 40px;font-size:1.1rem;font-style:italic}.book-prose blockquote p{text-indent:0;background-image:none;margin-bottom:0}.book-prose img{object-fit:contain;background:#fff;border:1px solid #b0a5974d;border-radius:4px;max-width:100%;max-height:40vh;margin:40px auto;padding:10px;display:block;box-shadow:0 10px 20px #0000000f}.book-end{text-align:center;color:#a49480;letter-spacing:2px;margin-top:80px;font-family:Courier New,Courier,monospace}.end-icon{margin-bottom:5px;font-size:1.5rem;display:block}.page-indicator{color:#a09789;letter-spacing:2px;pointer-events:none;z-index:10;font-family:Courier New,Courier,monospace;font-size:.95rem;font-weight:700;position:absolute;bottom:30px}.page-left{left:8%}.page-right{right:8%}@media (width<=1024px){.book-spine{display:none}.book-content{column-count:1}.click-zone{width:15%}.page-right{display:none}}