.book-diagram{display:block;width:100%;height:auto;overflow:visible;color:var(--diagram-ink,#34443c);--ink:#34443c;--soft:#a7ad96;--accent:#af6754;--wash:#dce1cf;--paper:#f4efdf;isolation:isolate}
.book-diagram .ink{fill:none;stroke:var(--ink);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.book-diagram .thin{stroke-width:1;opacity:.72}
.book-diagram .faint{opacity:.3}
.book-diagram .paper{fill:var(--paper)}
.book-diagram .wash{fill:var(--wash)}
.book-diagram .accent-fill{fill:var(--accent)}
.book-diagram .accent-stroke{stroke:var(--accent)}
.book-diagram .diagram-label{font-family:var(--font-ui,"Microsoft YaHei","PingFang SC",sans-serif);font-size:10.5px;fill:var(--ink);letter-spacing:.06em}
.book-diagram .diagram-note{font-size:9px;fill:#667164;letter-spacing:.04em}
.book-diagram .diagram-mark{font-family:Georgia,serif;font-size:13px;font-style:italic;fill:var(--accent)}
.book-diagram .guide{fill:none;stroke:var(--accent);stroke-width:1.1;stroke-dasharray:4 5;stroke-linecap:round}
.book-diagram .sage-guide{fill:none;stroke:#81927b;stroke-width:1;stroke-dasharray:4 5}
.book-diagram .solid-guide{fill:none;stroke:var(--accent);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.book-diagram .frame{fill:none;stroke:var(--ink);stroke-width:1.15;stroke-linejoin:round}
.book-diagram .ghost{opacity:.16}
.book-diagram .shadow{fill:#34443c;opacity:.09}
.book-diagram .no-stroke{stroke:none}
.book-diagram text{user-select:none}
.book-diagram [data-morph]{transform-box:view-box;transform-origin:0 0}
.book-diagram [data-shot-motion]{transform-box:view-box;transform-origin:0 0}
.book-diagram [data-keyframes]{transform-box:view-box;transform-origin:0 0}
.book-diagram .diagram-sequence-label{font:10px var(--font-ui,"Microsoft YaHei",sans-serif);fill:var(--ink);letter-spacing:.04em}
.book-diagram .diagram-sequence-count{font:9px Georgia,serif;fill:var(--accent);font-style:italic}
.book-diagram .diagram-timeline-track{stroke:var(--soft);stroke-width:1;opacity:.35}
.book-diagram .diagram-timeline-progress{stroke:var(--accent);stroke-width:1.4}
.book-diagram [data-shot]{transition:none!important}
body.night .book-diagram{--ink:#293b31;--soft:#a4b18e;--accent:#b17052;--wash:#d6dfc6;--paper:#e9e4d2;filter:invert(.84) hue-rotate(155deg) saturate(.64)}
@media(prefers-reduced-motion:reduce){.book-diagram *{animation:none!important;transition:none!important}}