*{box-sizing:border-box} :root{--ink:#20201d;--muted:#73736c;--line:#e6e5e1;--warm:#f3f0e9}html,body{margin:0;background:#fff;color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:12px}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0;min-height:44px}button:focus-visible{outline:1px solid #71624f;outline-offset:5px}button:hover{text-decoration:underline;text-underline-offset:4px} [hidden]{display:none!important}#loader{position:fixed;inset:0;background:white;z-index:100;display:grid;place-items:center;transition:opacity .25s}#count{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}#loader.done{opacity:0;pointer-events:none}header{position:relative;z-index:10;padding:24px 30px;display:flex;align-items:center;justify-content:space-between}nav{display:flex;align-items:center;gap:4px;border:1px solid var(--line);padding:0 7px}nav button{padding:0 12px;font-size:10px}nav button:not(.brand):hover,nav button.active{background:#f2f1ee;text-decoration:none}.brand{font-size:16px;font-weight:bold;letter-spacing:-1px;margin-right:6px}sup{font-size:8px;margin-left:3px;color:var(--muted)}.edition{font-size:9px;letter-spacing:.09em;color:var(--muted)}#landing{height:calc(100svh - 95px);min-height:480px;position:relative}.landing-copy{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:90%;text-align:center}.landing-copy p{font-size:11px;margin:0 0 12px;letter-spacing:.025em}.landing-copy .chinese{font-family:Georgia,'Songti SC',serif;font-size:15px;letter-spacing:.15em}.enter{position:absolute;top:64%;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.03em}.enter span{padding-left:25px}.enter small{display:block;font-size:10px;color:var(--muted);margin-top:12px;letter-spacing:.08em}.landing-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;font-size:9px;color:var(--muted)}.handwritten{font-family:Georgia,serif;font-style:italic;font-size:25px;color:#726856;transform:rotate(-6deg)}.archive-heading{padding:20px 32px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.1em}.canvas{height:max(680px,calc(100svh - 190px));position:relative;overflow:hidden;margin-top:10px}.canvas-center{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;transition:opacity .6s}.canvas-center i{font-family:Georgia,serif;font-weight:normal;font-size:clamp(26px,3vw,46px);letter-spacing:-.04em;white-space:nowrap}.canvas-center span{display:block;font-family:'Songti SC',serif;font-size:12px;letter-spacing:.3em;margin-top:12px}.ordered .canvas-center{opacity:0}.fragment{position:absolute;left:0;top:0;text-align:left;min-height:0;transition:transform 1.15s cubic-bezier(.22,.8,.2,1),width 1.15s;z-index:1;padding:0}.fragment:hover,.fragment:focus-visible{z-index:5;text-decoration:none}.fragment figure{margin:0;animation:drift var(--speed,18s) ease-in-out infinite alternate;animation-delay:var(--delay);transition:filter .5s}.fragment:hover figure{animation-play-state:paused}.fragment img{width:100%;height:var(--ih,190px);object-fit:cover;display:block;filter:saturate(.65);transition:filter .5s}.fragment:hover img{filter:saturate(.95)}.fragment figcaption{display:flex;justify-content:space-between;font-size:9px;padding-top:9px;color:var(--muted);gap:10px}.fragment figcaption .name{color:var(--ink)}.note{padding:20px 18px 22px;background:var(--warm);font-family:Georgia,'Songti SC',serif;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.note em{font-size:clamp(17px,1.8vw,24px);line-height:1.6;font-weight:normal}.note small{margin-top:20px;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.12em}.fragment.plain .note{background:white;border-top:1px solid #a9a597;padding:16px 0;min-height:130px}.ordered figure,.paused figure{animation-play-state:paused}.canvas-footer{padding:16px 32px 22px;display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:.03em;border-top:1px solid var(--line);margin:0 30px;padding-left:0;padding-right:0}.canvas-footer button{font-size:10px}.canvas-footer>span:last-child{margin-left:auto;color:var(--muted)}#cursor{position:fixed;z-index:8;pointer-events:none;display:none;font-size:10px;background:#fff9;padding:8px;transform:translate(16px,16px)}dialog{width:100%;height:100%;max-width:none;max-height:none;border:0;padding:24px 32px;background:#fcfbf8;color:var(--ink);overflow:auto}dialog::backdrop{background:#fff9;backdrop-filter:blur(8px)}.detail-top,.detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}.detail-top{border-bottom:1px solid var(--line);padding-bottom:10px}.detail-top>div{display:flex;gap:32px}.detail-bottom{border-top:1px solid var(--line);padding-top:15px;margin-top:70px}#detail-body{max-width:1100px;margin:70px auto 0;display:grid;grid-template-columns:1.2fr 1fr;gap:9%}#detail-body img{width:100%;max-height:70vh;object-fit:contain;object-position:top}#detail-body .text-only{grid-column:1/-1;max-width:620px;margin:auto}#detail-body h1{font-family:Georgia,'Songti SC',serif;font-weight:400;font-size:clamp(28px,4vw,54px);line-height:1.3;margin:20px 0 30px}#detail-body p{font-family:Georgia,'Songti SC',serif;font-size:16px;line-height:2.1;white-space:pre-line}#detail-body .eyebrow,#detail-body .credit{font-family:Arial,sans-serif;font-size:9px;line-height:1.8;color:var(--muted)}.about-intro{font-size:26px!important;line-height:1.7!important}.about-links{padding-top:30px}a{color:inherit;text-underline-offset:4px}@keyframes drift{from{transform:translate(-8px,7px) rotate(-1.1deg)}to{transform:translate(12px,-12px) rotate(1.1deg)}}@media(min-width:1600px){.canvas{max-width:1600px;margin-left:auto;margin-right:auto}}@media(max-width:700px){header{padding:16px;align-items:start}.edition{display:none}nav{width:100%;justify-content:space-between;padding:0 4px}nav button{padding:0 7px;font-size:9px}.brand{font-size:15px}#landing{height:calc(100svh - 126px)}.landing-bottom{left:20px;right:20px;bottom:25px}.landing-bottom>span:first-child{display:none}.handwritten{font-size:21px}.archive-heading{padding:14px 20px 0;font-size:8px}.canvas{height:1190px;margin-top:25px}.canvas-center{top:24%;left:53%}.canvas-center i{font-size:27px}.canvas-center span{font-size:10px}.fragment figcaption{font-size:9px;line-height:1.5;gap:4px}.note{padding:15px 12px}.note em{font-size:17px}.canvas-footer{margin:0 20px;gap:15px;flex-wrap:wrap;padding-top:8px}.canvas-footer>span:last-child{width:100%;margin:0}.canvas-footer button{min-height:44px}dialog{padding:16px 20px}#detail-body{display:flex;flex-direction:column;margin-top:35px;gap:25px}#detail-body img{max-height:55vh}#detail-body h1{font-size:36px;margin-top:10px}.detail-top>div{gap:18px}.detail-bottom{margin-top:40px}#cursor{display:none!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}#cursor{display:none!important}}

/* Compact contact links share the navigation rhythm. */
nav .contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;font-size:10px;text-decoration:none;white-space:nowrap}nav .contact-link:hover{background:#f2f1ee;text-decoration:underline}nav .contact-link:focus-visible{outline:1px solid #71624f;outline-offset:3px}
@media(max-width:700px){nav{flex-wrap:wrap;justify-content:flex-start}nav button,nav .contact-link{padding:0 9px;font-size:9px}nav .brand{font-size:15px}nav #language{margin-left:auto}.edition{display:none}}

.detail-gallery figure{margin:0 0 30px}.detail-gallery img{max-height:none!important}.detail-gallery figcaption{margin-top:10px}.manage-link{font-size:10px;color:var(--muted);margin-left:auto;margin-right:20px;text-decoration:none}#empty-archive{position:absolute;top:40%;width:100%;text-align:center;color:var(--muted)}@media(max-width:700px){header{flex-wrap:wrap}.manage-link{order:3;margin-top:8px;margin-right:0;margin-left:auto}#landing{height:calc(100svh - 146px)}}
.reading-blocks{grid-column:1/-1;width:100%}.reading-text{max-width:660px;margin:24px auto;padding:0 24px;line-height:1.9;white-space:pre-wrap}.reading-image{max-width:800px;margin:36px auto;padding:0 24px}.reading-image.wide{max-width:none;padding:0}.reading-image img{display:block;width:100%;height:auto}.reading-image figure{margin:0}.reading-image .credit{margin-top:10px;font-size:11px}.detail-gallery img{height:auto}.reading-text p{white-space:pre-wrap}
.reading-image img{max-height:none!important;object-fit:contain}