@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400&family=Noto+Serif+SC:wght@300;400;500&display=swap";:root{--paper:#f4f2ec;--ink:#2a2927;--ink-light:#5a5855;--margin-height:18vh}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--paper);width:100%;height:100%;color:var(--ink);font-family:Noto Serif SC,serif;overflow:hidden}::selection{background:var(--ink-light);color:var(--paper)}.viewport{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.margin-band{height:var(--margin-height);background-color:var(--paper);z-index:10;width:100%;position:relative}.canvas-area{flex-grow:1;width:100%;position:relative;overflow:hidden}.content-layer{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.interactive{pointer-events:auto}.primary-title{top:calc(var(--margin-height) - 2vh);writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.8em;color:var(--ink);text-shadow:0 0 20px #f4f2ec80;font-size:2.8rem;font-weight:300;line-height:2;position:absolute;right:12vw}.primary-title span{margin-bottom:.2em;display:inline-block}.secondary-block{bottom:calc(var(--margin-height) + 15vh);text-align:left;font-family:Cormorant Garamond,serif;position:absolute;right:18vw}.eng-title{letter-spacing:.05em;color:var(--ink);margin-bottom:.5rem;font-size:1.4rem;font-weight:400}.author-name{letter-spacing:.1em;margin-bottom:.2rem;font-size:1.2rem;font-weight:400}.cn-name{letter-spacing:.5em;margin-bottom:.8rem;font-family:Noto Serif SC,serif;font-size:1.1rem;font-weight:400}.role{letter-spacing:.2em;color:var(--ink-light);font-family:Noto Serif SC,serif;font-size:.75rem;font-weight:400}.footer-mark{bottom:calc(var(--margin-height) / 2);letter-spacing:.2em;color:var(--ink-light);font-size:.8rem;position:absolute;left:8vw;transform:translateY(50%)}.floating-poem{writing-mode:vertical-rl;color:var(--ink-light);letter-spacing:.5em;opacity:.7;mix-blend-mode:multiply;font-size:.9rem;line-height:2.5;position:absolute;top:25vh;right:40vw}@media (width<=1024px){.primary-title{font-size:2.2rem;right:8vw}.secondary-block{right:10vw;bottom:calc(var(--margin-height) + 10vh)}.floating-poem{display:none}}