@font-face{font-family:Yuxuan Handscript;src:url(../site-2026/fonts/yuxuan-handscript.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Huiwen Mincho;src:url(../site-2026/fonts/huiwen-mincho-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color:#171412;background:#f9f8f4;font-family:Montserrat Local,Montserrat,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--paper: #fffefb;--ink: #171412;--page-shadow: rgba(18, 15, 12, .1)}*{box-sizing:border-box}html{min-height:100%;overflow-x:clip;background:var(--paper);scroll-behavior:smooth;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}body{min-width:20rem;min-height:100svh;margin:0;overflow-x:clip;background:var(--paper)}img{display:block}.site-links{position:fixed;overflow:hidden;width:1rem;height:1rem;clip-path:inset(50%);white-space:nowrap;z-index:5}.site-links:focus-within{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;top:1rem;left:1rem;width:min(28rem,calc(100vw - 2rem));height:auto;padding:.75rem 1rem;clip-path:none;white-space:normal;background:#fffefbf5;box-shadow:0 .5rem 1.25rem #120f0c14}.site-links a{color:var(--ink);font-size:.75rem;line-height:1.25;text-decoration:none}.site-links a:focus-visible{outline:.125rem solid var(--ink);outline-offset:.25rem}.snap-site{min-height:100svh;overflow-x:clip}.snap-screen{display:grid;position:relative;min-height:100svh;height:100svh;place-items:center;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:var(--paper)}.screen-copy{position:absolute;overflow:hidden;width:.0625rem;height:.0625rem;clip-path:inset(50%);white-space:nowrap}.design-frame{position:relative;z-index:1;overflow:hidden;background:transparent}.paper-frame{position:absolute;z-index:0;inset:0;overflow:visible;margin:auto;pointer-events:none}.paper-page{position:absolute;overflow:hidden;top:-50svh;bottom:-50svh;background-color:var(--paper);background-repeat:repeat;background-position:50vw 50svh;background-size:auto var(--frame-h)}.paper-page--image{background-repeat:no-repeat;background-position:center;background-size:cover}.paper-frame--spread .paper-page--left{right:50%;left:-50vw}.paper-frame--spread .paper-page--right{left:50%;right:-50vw;background-position:left 50svh}.paper-frame--page .paper-page--single{right:-50vw;left:-50vw}.design-frame--spread:after{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:1.8%;content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.39) 50%,transparent 100%);mix-blend-mode:multiply;transform:translate(-50%)}.design-frame--spread,.paper-frame--spread{--frame-w: min(100vw, 160svh );--frame-h: min(100svh, 62.5vw );width:var(--frame-w);height:var(--frame-h);aspect-ratio:1280 / 800}.design-frame--page,.paper-frame--page{--frame-w: min(100vw, 80svh );--frame-h: min(100svh, 125vw );width:var(--frame-w);height:var(--frame-h);aspect-ratio:640 / 800}.design-layer{position:absolute;inset:0;container-type:size}.mobile-strip{width:200%}.mobile-strip--right{transform:translate(-50%)}.layout-item{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);margin:0;transform:rotate(calc(var(--rot, 0) * 1deg)) scale(var(--sx, 1),var(--sy, 1));transform-origin:0 0}.image-item img{width:100%;height:100%;object-fit:fill}.image-item--masthead{z-index:4}.text-item{z-index:2;overflow:visible;color:var(--ink);font-size:calc(var(--fs) * 1cqw);line-height:1;white-space:pre}.text-item--positioned{line-height:1;white-space:normal}.text-line{position:absolute;top:calc(var(--ty) * 1%);left:calc(var(--tx) * 1%);font-size:calc(var(--fs) * 1cqw);line-height:1;letter-spacing:calc(var(--ls, 0) * 1cqw);white-space:pre}.text-song,.text-serif{font-family:Times New Roman,Times,Songti SC,SimSun,serif}.text-mincho{font-family:Huiwen Mincho,Hiragino Mincho ProN,Yu Mincho,Songti SC,serif}.text-hand{font-family:Yuxuan Handscript,Bradley Hand,Comic Sans MS,cursive}.page-screen{display:none}@media(max-width:47.5rem),(max-height:30rem){.spread-screen{display:none}.page-screen{display:grid}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}