.hexagram-book{--book-paper:#f6f1e6;--book-canvas:#fbf8f0;--book-ink:#1d211e;color:var(--book-ink);background:var(--book-paper);font-family:LXGW WenKai TC,serif;min-height:100vh}.hexagram-book *,.hexagram-book :after,.hexagram-book :before{box-sizing:border-box}.hexagram-book h1,.hexagram-book h2,.hexagram-book p{margin:0;font-weight:400}.hexagram-book a{color:inherit;text-decoration:none}.hexagram-book ::-moz-selection{background:#a43a3238;color:var(--book-ink)}.hexagram-book ::selection{background:#a43a3238;color:var(--book-ink)}.hexagram-book :focus-visible{outline:2px solid #a43a32;outline-offset:5px}.book-header{height:92px;padding:0 max(24px,calc((100vw - 1296px) / 2));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#f4ebde,#f6f1e6)}@media (min-width:1051px){.hexagram-book .book-header{padding-inline:5%}}.book-brand{display:flex;align-items:center;gap:16px;font-family:"Cactus Classical Serif",serif}.book-brand b{display:grid;place-items:center;width:44px;height:44px;border-radius:4px;background:#a43a32;color:#fbf8f0;font-size:23px;font-weight:400}.book-brand span{font-size:30px;letter-spacing:3px}.book-menu{width:64px;height:64px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:20px;cursor:pointer}.book-menu i{width:3px;height:3px;border-radius:50%;background:currentColor}.book-menu span{width:25px;height:1px;background:currentColor;opacity:.45}.book-header .language-button{width:auto;min-width:156px}[data-home-language=en] .book-card{height:auto;min-height:488px}[data-home-language=en] .book-card h2{font-size:24px;line-height:1.3}[data-home-language=en] .book-text h1{font-size:38px;line-height:1.3}[data-home-language=en] .book-text>p{overflow-wrap:break-word}[data-home-language=en] .book-back{width:auto;align-self:flex-start;padding-inline:24px}.book-container{width:min(1200px,calc(100% - 48px));margin:0 auto;position:relative;z-index:1}.book-gallery,.book-reader{position:relative;isolation:isolate;overflow:clip}.book-gallery{padding:68px 0 64px}.book-gallery h1{font:400 52px/84px "Cactus Classical Serif",serif}.book-intro{font-size:20px;line-height:31px}.book-range{margin-top:29px;margin-bottom:25px;display:flex;align-items:baseline;justify-content:space-between;gap:24px;font-size:18px;line-height:27px}.book-range p:last-child{font-size:20px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.book-card{height:488px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid #e9e2d3;border-radius:16px;background:var(--book-canvas)}.book-card:hover{border-color:#a43a32}.book-card img{display:block;width:192px;height:323px;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:12px;flex-shrink:0}.book-card h2{font:400 30px/30px "Cactus Classical Serif",serif;text-align:center}.book-number{font-size:14px;line-height:22px;color:#6b706a}.book-judgment{font-size:14px;line-height:24px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-pagination{display:flex;justify-content:center;gap:16px;margin:48px 0 50px}.book-pagination a{display:grid;place-items:center;width:48px;min-height:44px;border-radius:999px;background:var(--book-canvas);font-size:16px}.book-pagination a[aria-current=page]{background:var(--book-ink);color:var(--book-canvas)}.book-footer{min-height:72px;padding:17px 28px;border-radius:18px;background:rgba(22,31,28,.96);color:#fbf8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.book-footer p:first-child{font:400 18px/24px "Cactus Classical Serif",serif}.book-footer p:last-child{padding-top:3px;font-size:15px;line-height:22px;text-align:right}.book-footer a:hover{text-decoration:underline;text-underline-offset:4px}.book-landscape{position:absolute;left:0;right:0;bottom:0;z-index:0;pointer-events:none;mix-blend-mode:multiply}.book-landscape,.book-landscape>div{mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}.book-landscape img,.book-landscape>div{width:100%;height:100%}.book-landscape img{display:block;-o-object-fit:cover;object-fit:cover}.gallery-landscape{height:690px;mask-image:url(/figma/hexagram-gallery/gallery-edge-mask.svg);-webkit-mask-image:url(/figma/hexagram-gallery/gallery-edge-mask.svg)}.gallery-landscape>div{mask-image:url(/figma/hexagram-gallery/gallery-fill-mask.svg);-webkit-mask-image:url(/figma/hexagram-gallery/gallery-fill-mask.svg)}.reader-landscape{height:720px;opacity:.7;mask-image:url(/figma/hexagram-gallery/reader-edge-mask.svg);-webkit-mask-image:url(/figma/hexagram-gallery/reader-edge-mask.svg)}.reader-landscape>div{mask-image:url(/figma/hexagram-gallery/reader-fill-mask.svg);-webkit-mask-image:url(/figma/hexagram-gallery/reader-fill-mask.svg)}.reader-container{min-height:1153px;padding:46px 0 48px;display:flex;flex-direction:column}.book-back{width:186px;min-height:48px;border-radius:999px;background:var(--book-canvas);display:flex;justify-content:center;align-items:center;gap:12px;font-size:18px;line-height:32px}.book-reader-content{display:grid;grid-template-columns:340px minmax(0,1fr);gap:80px;margin:54px 0 0 30px;align-items:start}.book-reader-art{width:340px;height:572px;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:16px;margin-top:4px}.book-art-column{display:flex;flex-direction:column;align-items:center;gap:32px}.book-hexagram-lines{display:block;flex-shrink:0;max-width:100%}.book-text{padding:32px;border-radius:16px;background:var(--book-canvas)}.book-text,.book-text-heading{display:flex;flex-direction:column;gap:13px}.book-text-heading{position:relative;min-height:111px;padding-right:192px}.book-text-heading .book-hexagram-lines{position:absolute;top:0;right:0;width:160px;height:auto}.book-text h1{font:400 48px/68px "Cactus Classical Serif",serif}.book-text .book-source,.book-text h2{font-size:20px;line-height:30px;color:#2b3732}.book-text>p:not(.book-source){font-size:24px;line-height:44px;overflow-wrap:anywhere}.book-text>p:last-child{min-height:176px}.book-reader-pagination{display:grid;grid-template-columns:340px 240px 340px;justify-content:space-between;gap:20px;margin-top:auto;padding-top:80px;margin-bottom:62px}.book-reader-pagination>a,.book-reader-pagination>span{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:var(--book-canvas);min-height:48px;padding:8px 16px;font-size:18px;line-height:30px;text-align:center}.book-reader-pagination>span{opacity:.45}.book-reader-pagination .book-sequence{background:var(--book-ink);color:var(--book-canvas)}.hexagram-book .book-drawer-heading{font:400 30px/36px "Cactus Classical Serif",serif;letter-spacing:.18em}.hexagram-book .book-navigation-label{margin-top:8px;font-size:12px;line-height:16px;color:rgba(31,36,32,.45)}.hexagram-book .book-drawer .nav-link{font:400 30px/36px "Cactus Classical Serif",serif;color:rgba(31,36,32,.8)}.hexagram-book .book-drawer .nav-link-active,.hexagram-book .book-drawer .nav-link:hover{color:#a94d3f}@media (max-width:1199px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-reader-content{grid-template-columns:minmax(240px,1fr) minmax(0,2fr);margin-left:0;margin-right:0;gap:40px}.book-reader-pagination{grid-template-columns:1fr auto 1fr}}@media (max-width:850px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-range{align-items:flex-start;flex-direction:column;gap:8px}.book-reader-content{grid-template-columns:minmax(0,1fr);gap:32px}.book-reader-art{justify-self:center}.book-footer{flex-direction:column;gap:12px}.book-footer p:last-child{text-align:left}.book-text h1{font-size:40px;line-height:56px}}@media (max-width:520px){.book-header .language-button{min-width:132px}.book-brand{gap:8px}.book-brand span{font-size:23px;letter-spacing:0}.book-brand b{width:32px;height:32px;font-size:19px}[data-home-language=en] .book-card{min-height:332px}[data-home-language=en] .book-card h2{font-size:20px}[data-home-language=en] .book-text h1{font-size:28px}[data-home-language=en] .book-text-heading{padding-right:0;padding-top:96px}[data-home-language=en] .book-text-heading .book-hexagram-lines{left:0;right:auto}.book-header{padding-inline:20px;height:80px}.book-container{width:calc(100% - 40px)}.book-gallery{padding-top:40px;padding-bottom:32px}.book-gallery h1{font-size:40px;line-height:64px}.book-intro,.book-range p:last-child{font-size:17px;line-height:28px}.book-grid{gap:16px 12px}.book-card{height:auto;min-height:332px;padding:12px 8px;gap:10px}.book-card img{width:100%;height:auto;aspect-ratio:192/323}.book-card h2{font-size:22px;line-height:30px}.book-number{font-size:13px}.book-judgment{font-size:14px;line-height:23px}.reader-container{padding-top:32px;min-height:calc(100vh - 80px);padding-bottom:32px}.book-reader-content{margin-top:32px}.book-reader-art{width:260px;height:auto;aspect-ratio:340/572}.book-text{padding:24px;gap:12px}.book-text-heading{padding-right:104px;gap:12px}.book-text-heading .book-hexagram-lines{width:88px}.book-text h1{font-size:34px;line-height:48px}.book-text .book-source,.book-text h2{font-size:18px;line-height:28px}.book-text>p:not(.book-source){font-size:20px;line-height:38px}.book-text>p:last-child{min-height:0}.book-reader-pagination{grid-template-columns:1fr 1fr;padding-top:40px;gap:12px;margin-bottom:32px}.book-reader-pagination>a,.book-reader-pagination>span{font-size:16px}.book-reader-pagination .book-sequence{grid-column:1/-1;grid-row:2}.book-footer{padding:20px}}@media (max-width:350px){.book-header .language-button{min-width:112px;font-size:14px}.book-brand span{font-size:19px}.book-brand{gap:5px}}