.stage--iching{display:block;min-height:0;margin-top:32px}.scene{--table-image: url(/img/table-DVRgwrSb.webp);position:relative;display:grid;justify-items:center;gap:18px;width:100%;max-width:1000px;margin:0 auto;padding:44px 16px 30px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#0a060426,#0a060473),var(--table-image) center 30% / cover no-repeat,radial-gradient(ellipse at 12% 20%,rgba(255,170,70,.28),transparent 45%),radial-gradient(ellipse at 50% 120%,rgba(125,70,30,.35),transparent 60%),repeating-linear-gradient(92deg,rgba(0,0,0,.08) 0 3px,transparent 3px 11px),linear-gradient(180deg,#2a1a12,#1a100b 70%,#120a07);box-shadow:inset 0 0 80px #000000b3}@media(min-width:768px){.scene{padding:56px 40px 36px}}.candle{display:none;position:absolute;top:26px;left:4%;z-index:1;width:34px;height:120px}@media(max-width:640px){.candle{top:12px;left:10px;transform:scale(.6);transform-origin:top left}}.candle__glow{position:absolute;top:-70px;left:50%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,90,.35),rgba(255,140,40,.08) 45%,transparent 70%);transform:translate(-50%);animation:candle-glow 3.2s ease-in-out infinite alternate;pointer-events:none}.candle__flame{position:absolute;top:0;left:50%;width:14px;height:30px;margin-left:-7px;border-radius:50% 50% 45% 45%/65% 65% 35% 35%;background:radial-gradient(ellipse at 50% 75%,#fff8e0 0 20%,#ffd36b 40%,#ff8a1f 75%,transparent 80%);filter:blur(.4px) drop-shadow(0 0 10px #ffb347);transform-origin:50% 90%;animation:candle-flicker 1.6s ease-in-out infinite alternate}.candle__wick{position:absolute;top:27px;left:50%;width:2px;height:7px;margin-left:-1px;background:#2b1a10}.candle__body{position:absolute;top:33px;left:0;width:100%;height:87px;border-radius:6px 6px 3px 3px;background:linear-gradient(90deg,#a4876c,#f1e2c8 40%,#d9c3a2 70%,#8b6f55);box-shadow:0 10px 20px #00000080}.candle__body:before{content:"";position:absolute;top:-2px;left:4px;width:9px;height:18px;border-radius:0 0 6px 6px;background:#f4e8d2}@keyframes candle-flicker{0%{transform:rotate(-3deg) scaleY(1)}40%{transform:rotate(2deg) scaleY(1.08)}70%{transform:rotate(-1deg) scaleY(.94)}to{transform:rotate(3deg) scaleY(1.04)}}@keyframes candle-glow{to{opacity:.75;transform:translate(-50%) scale(1.06)}}.book{--cover-image: url(/img/cover-DMU-OeNJ.webp);--paper-image: url(/img/paper-XHtNXxC8.webp);--open: 0;position:relative;z-index:2;width:100%;max-width:820px;aspect-ratio:1.5;container-type:inline-size;perspective:2200px}.book__body{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:translate(-25%) rotateX(8deg);transition:transform 1.1s var(--ease)}.scene.is-open .book__body{transform:translate(0) rotateX(8deg)}.book__page,.book__leaf-face{background:var(--paper-image) center / cover no-repeat,radial-gradient(ellipse at 20% 15%,rgba(140,90,30,.18),transparent 35%),radial-gradient(ellipse at 85% 80%,rgba(120,70,20,.2),transparent 40%),radial-gradient(ellipse at 60% 40%,rgba(255,250,230,.5),transparent 60%),linear-gradient(180deg,#ecdcb3,#e1cc98);color:#3b2a17}.book__page{position:absolute;top:0;bottom:0;width:50%;font-family:var(--font-book)}.book__page--right{left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6cqw 4cqw 4cqw;border-radius:2px 10px 10px 2px;box-shadow:inset 18px 0 24px -14px #3c230a8c,inset -2px 0 #78501e40,4px 0 #d7c08a,6px 1px #c9b077,8px 2px #b89c62,10px 14px 30px #0009;opacity:0;transition:opacity .3s .5s}.scene.is-open .book__page--right{opacity:1}.book__lines{width:78%;overflow:visible}.book__caption{margin-top:1.5cqw;font-size:max(13px,1.9cqw);text-align:center;color:#4a3320}.ink-line path{fill:none;stroke:#2a1c10;stroke-width:15;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--ease-out)}.ink-line.is-drawn path{stroke-dashoffset:0}.ink-line__slot{fill:none;stroke:#50371973;stroke-width:1;stroke-dasharray:3 4}.ink-line__mark{fill:none;stroke:#b3261e;stroke-width:3;opacity:0;transition:opacity .4s .7s}.ink-line__value{font-family:var(--font-book);font-size:11px;fill:#4a3320;opacity:0;transition:opacity .4s .7s}.ink-line.is-drawn .ink-line__mark,.ink-line.is-drawn .ink-line__value{opacity:1}.book__cover{position:absolute;top:0;left:50%;z-index:3;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.3s var(--ease)}.scene.is-open .book__cover{transform:rotateY(-180deg)}.book__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.book__face--front{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:7cqw 4cqw 6cqw;border-radius:4px 14px 14px 4px;background:var(--cover-image) center / 100% 100% no-repeat,radial-gradient(ellipse at 30% 25%,rgba(140,90,50,.35),transparent 50%),radial-gradient(ellipse at 75% 80%,rgba(0,0,0,.45),transparent 55%),repeating-radial-gradient(circle at 40% 60%,rgba(0,0,0,.06) 0 2px,transparent 2px 5px),linear-gradient(90deg,#1c110b 0,#1c110b 4%,#3a2416 7%,#4a2e1c 50%,#3a2315);box-shadow:inset 0 0 30px #00000073,0 2px #6b4a1c,12px 16px 34px #000000b3}.book__corner{display:none}.book__face--front .book__hanzi,.book__face--front .book__emblem,.book__face--front .book__title{position:absolute;left:50%;transform:translate(-50%)}.book__face--front .book__hanzi{top:15.5%;font-size:5.6cqw;white-space:nowrap}.book__face--front .book__emblem{top:51.5%;left:48.3%;width:34%;transform:translate(-50%,-50%)}.book__face--front .book__title{top:77%;width:70%}.book__hanzi{font-family:"Noto Serif SC","Noto Serif TC",Songti SC,SimSun,MingLiU,serif;font-size:7cqw;letter-spacing:.25em;color:#e3c27a;text-shadow:0 1px 0 #6b4a1c,0 0 12px rgba(227,194,122,.35)}.book__emblem{width:62%;filter:drop-shadow(0 1px 0 #6b4a1c) drop-shadow(0 0 10px rgba(227,194,122,.25))}.book__title{font-family:var(--font-book);font-size:max(11px,2.4cqw);letter-spacing:.22em;text-transform:uppercase;text-align:center;color:#e3c27a;text-shadow:0 1px 0 #6b4a1c}.book__corner{position:absolute;width:8cqw;height:8cqw;background:radial-gradient(circle at 30% 30%,#f6dd9c,#c79a45 45%,#7a5420 80%);-webkit-mask:radial-gradient(circle at 100% 100%,transparent 52%,#000 53%) top left / 100% 100% no-repeat;mask:radial-gradient(circle at 100% 100%,transparent 52%,#000 53%) top left / 100% 100% no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.book__corner--tl{top:0;left:0;border-top-left-radius:4px}.book__corner--tr{top:0;right:0;transform:scaleX(-1);border-top-left-radius:14px}.book__corner--bl{bottom:0;left:0;transform:scaleY(-1)}.book__corner--br{right:0;bottom:0;transform:scale(-1);border-top-left-radius:14px}.book__page--left{left:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqw;padding:5cqw 5cqw 5cqw 4cqw;text-align:center;border-radius:10px 2px 2px 10px;transform:rotateY(180deg);box-shadow:inset -18px 0 24px -14px #3c230a8c,-4px 0 #d7c08a,-6px 1px #c9b077,-8px 2px #b89c62,-10px 14px 30px #0009}.leftpage__hanzi{font-family:"Noto Serif SC","Noto Serif TC",Songti SC,SimSun,serif;font-size:3.4cqw;letter-spacing:.3em;color:#8a2a1c}.leftpage__label{font-size:max(11px,1.7cqw);letter-spacing:.18em;text-transform:uppercase;color:#6b4a28}.leftpage__question{max-width:92%;font-family:var(--font-script);font-size:max(19px,3.6cqw);line-height:1.25;color:#2a1c10}.leftpage__hint{max-width:90%;margin-top:.8cqw;font-size:max(14px,2.2cqw);line-height:1.45;color:#3b2a17}.leftpage__number{font-size:9cqw;line-height:1;color:#8a2a1c}.leftpage__name{font-size:max(15px,3.4cqw);line-height:1.15}.leftpage__keys{font-size:max(13px,2.1cqw);font-style:italic;color:#4a3320}.leftpage__trigrams{font-size:max(12px,1.8cqw);color:#4a3320}.leftpage__change{display:flex;align-items:center;gap:1.4cqw;margin-top:.6cqw;font-size:max(10px,1.7cqw);color:#8a2a1c}.leftpage__change svg{width:5.5cqw}@media(max-width:640px){.book__page--left{gap:4px;padding:10px 8px 10px 6px}.book__page--left .leftpage__hanzi{display:none}.leftpage__label{font-size:10px}.leftpage__question{font-size:16px}.leftpage__hint{font-size:12.5px;line-height:1.35}.book__caption{font-size:12px}}.leftpage__seal{display:grid;place-items:center;width:5.5cqw;height:5.5cqw;margin-top:.6cqw;border:2px solid #b3261e;border-radius:4px;font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-size:2.6cqw;color:#b3261e;transform:rotate(-6deg);opacity:.85}.book__leaves{position:absolute;top:1%;left:50%;z-index:2;width:49.4%;height:98%;transform-style:preserve-3d;pointer-events:none}.book__leaf{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform-style:preserve-3d;opacity:0}.book__leaf-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px 8px 8px 2px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 14px 0 20px -12px #3c230a80}.book__leaf-face--back{transform:rotateY(180deg);border-radius:8px 2px 2px 8px;box-shadow:inset -14px 0 20px -12px #3c230a80}.coins3d{position:relative;z-index:2;display:flex;gap:18px;perspective:600px}.coin3d{width:62px;height:62px}@media(min-width:768px){.coin3d{width:74px;height:74px}}.coin3d__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d}.coin3d__face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:drop-shadow(0 10px 10px rgba(0,0,0,.55))}.coin3d__face--yin,.coin3d.is-yin .coin3d__inner{transform:rotateX(180deg)}.iching-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px;margin-top:22px}.iching-controls[hidden]{display:none}.iching-controls__count{font-family:var(--font-serif);font-size:20px;font-style:italic;color:var(--gold-2)}.scroll{position:relative;max-width:820px;margin:34px auto 0;padding:34px 26px 30px;--paper-image: url(/img/paper-XHtNXxC8.webp);border-radius:6px;background:var(--paper-image) center / cover no-repeat,radial-gradient(ellipse at 10% 0%,rgba(140,90,30,.2),transparent 40%),radial-gradient(ellipse at 90% 100%,rgba(120,70,20,.22),transparent 45%),linear-gradient(180deg,#ecdcb3,#e1cc98);box-shadow:inset 0 0 40px #6e461459,0 30px 60px -30px #000;color:#3b2a17;font-family:var(--font-book)}@media(min-width:768px){.scroll{padding:44px 56px 40px}}.scroll:before,.scroll:after{content:"";position:absolute;left:-10px;right:-10px;height:16px;border-radius:8px;background:linear-gradient(180deg,#8a6634,#d9b97a 45%,#6b4a1c);box-shadow:0 4px 10px #00000073}.scroll:before{top:-8px}.scroll:after{bottom:-8px}.scroll__head{display:flex;align-items:center;gap:20px;margin-bottom:16px}.scroll__hex{flex-shrink:0;width:64px}.scroll__hex path{stroke:#2a1c10;stroke-width:15}.scroll__num{font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:#8a2a1c}.scroll h2{font-size:clamp(26px,4vw,34px);font-weight:400;line-height:1.15}.scroll__keys{margin-top:4px;font-style:italic;color:#4a3320}.scroll__text{font-size:18px;line-height:1.6}.scroll__question{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(120,80,30,.3);font-style:italic;color:#3b2a17}.scroll__section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(120,80,30,.3)}.scroll__section h3{margin-bottom:10px;font-size:16px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#8a2a1c}.scroll__second{display:flex;align-items:flex-start;gap:18px}.scroll__second .scroll__hex{width:48px}.scroll__second strong{display:block;margin-bottom:4px;font-size:21px;font-weight:400}@media(prefers-reduced-motion:reduce){.candle__flame,.candle__glow{animation:none}}