#intro.my-intro{height:300svh;position:relative;background:#f4f3ef;color:#292923;font-family:'Microsoft YaHei',sans-serif;isolation:isolate}#intro *{box-sizing:border-box}#intro .my-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#f4f3ef;isolation:isolate}#intro .my-scene{position:absolute;inset:12% 9% 17%;z-index:-1;pointer-events:none}#intro canvas{display:block}#intro a{color:inherit;text-decoration:none}#intro .my-nav{position:absolute;top:38px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:start;font:12px/1.7 Consolas,monospace;letter-spacing:.12em}#intro .my-nav span{display:block;font-size:10px;color:#89877e;margin-top:7px;letter-spacing:.04em}#intro #my-skip{font:12px 'Microsoft YaHei',sans-serif;border-bottom:1px solid #c5c0b4;padding-bottom:7px}#intro .my-caption{position:absolute;left:5%;right:5%;bottom:12%;pointer-events:none}#intro .my-caption small{font:10px Consolas,monospace;color:#8e8170;letter-spacing:.14em}#intro .my-caption h1{font:400 clamp(42px,5vw,78px)/1.12 Georgia,'Songti SC','SimSun',serif;color:#292923;margin:16px 0 0;padding:0;border:none}#intro .my-caption p{position:absolute;right:0;bottom:0;max-width:300px;margin:0;color:#77746a;font-size:14px;line-height:1.9}#intro .my-scroll{position:absolute;left:5%;bottom:5%;font:9px Consolas,monospace;color:#8e887b;letter-spacing:.15em}#intro .my-node-labels{position:absolute;inset:24% 22% 30%;display:flex;justify-content:space-between;align-items:center;gap:20px;opacity:0;pointer-events:none}#intro .my-node-labels span{font:9px Consolas,monospace;letter-spacing:.1em;background:#f4f3efdb;padding:8px;color:#8b795e;transition:transform .2s,color .2s;pointer-events:auto}#intro .my-node-labels span:hover{transform:translateY(-3px);color:#333}#intro .my-window{position:absolute;left:50%;top:48%;width:320px;max-width:85vw;padding:32px;border:1px solid #c7bda9;border-radius:50%;transform:translate(-50%,-50%) scale(.04);opacity:0;background:#f4f3ef30;backdrop-filter:blur(2px);pointer-events:none;display:flex;flex-direction:column;gap:14px}#intro .my-window small{font:9px Consolas,monospace;color:#8b795e}#intro .my-window strong{font:32px Georgia,serif}#intro .my-window span{font-size:12px;color:#77746a}#intro .my-window em{font:11px Consolas,monospace;margin-top:44px}#intro .my-replay{position:absolute;bottom:4%;right:5%;border:0;background:none;color:#8b795e;font-size:11px;cursor:pointer}#intro .my-fallback{display:none;position:absolute;inset:15% 9% 25%;pointer-events:none}#intro .my-fallback.visible{display:block}#intro .my-fallback img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}#moyuan-home{scroll-margin-top:0}body:has(#intro) #body-wrap{position:relative;z-index:2}body:has(#intro):not(.my-home-visible) #nav{visibility:hidden!important}#intro :focus-visible{outline:2px solid #9b815a;outline-offset:6px}@media(max-width:700px){#intro.my-intro{height:270svh}#intro .my-scene{inset:19% 2% 30%}#intro .my-nav{top:24px;left:24px;right:24px}#intro .my-caption{left:24px;right:24px;bottom:14%}#intro .my-caption p{position:static;font-size:12px;line-height:1.8;margin-top:18px}#intro .my-caption h1{font-size:39px}#intro .my-node-labels{inset:25% 7% 40%;gap:5px}#intro .my-node-labels span{font-size:8px;padding:4px}#intro .my-scroll{left:24px}#intro .my-window{top:42%;width:280px;padding:24px}}@media(prefers-reduced-motion:reduce){#intro.my-intro{height:100svh}#intro .my-scene{display:none}#intro .my-fallback{display:block}#intro .my-stage{position:relative}}
:root{--moyuan-paper:#f4f3ef;--moyuan-ink:#111111;--moyuan-mist:#d8d8d3}#intro.my-intro,#intro .my-stage{background:var(--moyuan-paper);color:var(--moyuan-ink)}#intro .my-caption h1{color:var(--moyuan-ink)}#intro #my-skip,#intro .my-window{border-color:var(--moyuan-mist)}#intro .my-caption small{line-height:1.8}
#intro .my-water{--fall:0;--ripple:0;position:absolute;inset:12% 9% 17%;pointer-events:none;z-index:1}#intro .my-droplet{position:absolute;left:50%;top:50%;width:7px;height:11px;background:#111;border-radius:50% 50% 46% 46%;transform:translate(-50%,calc(-120px + var(--fall)*120px)) scale(calc(1 - var(--ripple)*.9));opacity:calc(1 - var(--ripple))}#intro .my-water-ring{position:absolute;left:50%;top:50%;width:280px;height:100px;border:1px solid #9a96895c;border-radius:50%;transform:translate(-50%,-50%) scale(var(--ripple));opacity:calc(var(--ripple)*(1 - var(--ripple))*2.3)}#intro .ring-b{width:205px;height:73px;border-color:#77716442}#intro .ring-c{width:125px;height:44px;border-color:#9a805442}#intro .my-ink-bloom{position:absolute;left:50%;top:50%;width:26px;height:9px;border-radius:50%;background:radial-gradient(ellipse,#11111185,transparent 70%);transform:translate(-50%,-50%) scale(calc(var(--ripple)*2));opacity:calc(1 - var(--ripple))}@media(max-width:700px){#intro .my-water{inset:19% 2% 30%}}@media(prefers-reduced-motion:reduce){#intro .my-water{display:none}}