@font-face{font-family:MaShanZheng;src:url('/works/fonts/ma-shan-zheng/autumn-subset.woff2') format('woff2');font-display:swap;font-weight:400}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#1c1613;color:#eddfc9;font-family:'Songti SC','Noto Serif SC','SimSun',serif}#inkCanvas{display:block;width:100%;height:100%;touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f4c487;outline-offset:5px}.calligraphy-font{font-family:MaShanZheng,'Kaiti SC',KaiTi,serif}.xuan-panel{background:#f4ead8df;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #a88c6c7a;box-shadow:0 12px 36px #0f0a0859,inset 0 1px 1px #fffaf0cc;color:#3a2d24}.ink-back{position:fixed;z-index:10;top:max(22px,env(safe-area-inset-top));left:28px;text-decoration:none;font-size:12px;letter-spacing:1px;padding:10px 16px;border-radius:24px}.ink-hint{position:fixed;z-index:10;top:max(22px,env(safe-area-inset-top));right:24px;width:330px;display:flex;align-items:center;gap:12px;border-radius:18px;padding:13px 17px;pointer-events:none}.ink-hint p{font-size:12px;line-height:1.9;margin:0}.seal-stamp{font-family:MaShanZheng,serif;background:#b22c20e0;color:#f9f1e6;border:1px solid #ffebd773;box-shadow:0 2px 10px #8c190f59;line-height:1.2;text-align:center;border-radius:3px;padding:3px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ink-hint>.seal-stamp{writing-mode:vertical-rl;letter-spacing:2px;padding:7px 4px;font-size:16px}#poemContainer{position:fixed;z-index:10;top:88px;left:30px}#poemBody{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px;color:#eddfc9;text-shadow:0 2px 10px #25150b8a}.poem-line{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.22em;opacity:0;filter:blur(6px);transform:translateY(-10px);transition:opacity 1.4s ease,filter 1.4s ease,transform 1.4s ease,color .5s ease;border:0;background:none;padding:0;color:inherit;cursor:pointer;font-size:28px;line-height:1.2;max-height:calc(100dvh - 210px)}.poem-line.ink-revealed{opacity:.94;filter:blur(0);transform:translateY(0)}.poem-line:hover{color:#ffd89a}.poem-caption{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:2px;cursor:default}.poem-caption>.seal-stamp{font-size:14px;writing-mode:horizontal-tb;width:27px;min-height:25px;letter-spacing:0;text-shadow:none}.end-seal{font-size:15px;line-height:1.2;letter-spacing:1px;margin-top:16px;min-height:43px;width:25px;text-shadow:none}.ink-controls{position:fixed;z-index:20;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);padding:11px 14px 9px;border-radius:26px;text-align:center}.ink-controls>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.ink-controls small{font-size:9px;letter-spacing:1.5px;opacity:.6;display:block;margin-top:8px}.ink-btn{font-family:inherit;font-size:12px;min-height:38px;padding:9px 14px;border:1px solid #785f4847;background:#fffaf2a6;color:#423329;border-radius:24px;cursor:pointer;transition:transform .2s,border-color .2s}.ink-btn:hover{transform:translateY(-2px);border-color:#b22c2099}.ink-btn:active{transform:scale(.96)}.ink-btn.active-seal{background:linear-gradient(135deg,#b22c20,#8c1d13);color:#fdf8f0;border-color:transparent;box-shadow:0 4px 14px #b22c2061}.night-ui .xuan-panel{background:#1a202cda;border-color:#94a3b840;color:#e2e8f0}.night-ui .ink-btn:not(.active-seal){background:#2d3748c0;border-color:#ffffff24;color:#e2e8f0}.ink-noscript{position:fixed;inset:35% 12%;background:#f4ead8;color:#3a2d24;padding:30px;text-align:center;border-radius:22px;line-height:2}.ink-noscript a{display:block;color:inherit}.art-paused .poem-line{transition:none}
@media(max-width:650px){.ink-back{top:max(12px,env(safe-area-inset-top));left:12px;font-size:11px;padding:8px 12px}.ink-hint{top:max(12px,env(safe-area-inset-top));right:12px;width:calc(100% - 120px);max-width:290px;padding:10px 12px;gap:9px;border-radius:15px}.ink-hint p{font-size:10px;line-height:1.8}.ink-hint>.seal-stamp{font-size:13px;padding:5px 3px}#poemContainer{left:15px;top:110px}#poemBody{gap:10px}.poem-line{font-size:21px;letter-spacing:.16em;line-height:1.12;max-height:calc(100dvh - 290px)}.poem-caption{font-size:9px;gap:9px;letter-spacing:1px}.poem-caption>.seal-stamp{font-size:12px;width:22px;min-height:22px}.end-seal{font-size:12px;width:22px;min-height:35px;margin-top:13px}.ink-controls{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);padding:10px;max-width:450px;border-radius:22px}.ink-controls>div{gap:6px}.ink-btn{font-size:11px;min-height:35px;padding:8px 10px}.ink-controls small{font-size:8px;letter-spacing:1px}}
@media(max-width:350px){#poemBody{gap:8px}.poem-line{font-size:18px}.ink-btn{font-size:10px;padding:8px}.ink-controls{padding:9px}.ink-hint{padding:8px 10px}.ink-hint p{font-size:9px}}
@media(max-height:480px){#poemContainer{top:65px}.poem-line{font-size:20px;letter-spacing:.12em;max-height:calc(100dvh - 140px)}.poem-caption{font-size:9px}.ink-back,.ink-hint{top:10px}.ink-controls{bottom:8px;padding:7px 10px}.ink-btn{min-height:32px;padding:6px 10px}.ink-controls small{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.poem-line{opacity:.94;filter:none;transform:none}}