*{box-sizing:border-box}html{scroll-behavior:smooth;background:#400000}body{margin:0;color:#fffdec;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit}img{display:block;width:100%;user-select:none;-webkit-user-drag:none}.page{position:relative;width:100%;scroll-margin-top:0}.hero{height:100svh;display:grid;place-items:center;overflow:hidden;background:#400000}.canvas{position:relative;width:min(100vw,177.7778svh);aspect-ratio:16/9;isolation:isolate}.background{position:absolute;inset:0}.bag-group{position:absolute;inset:0;transform-origin:50% 83%;will-change:transform}.bag{position:absolute;left:12.5%;top:10.833333%;width:75.989583%}.ornament{position:absolute}.splash{left:3.98%;top:14.8%;width:8.28125%}.star-one{left:91.25%;top:22.7%;width:3.6458%}.star-two{left:91.45%;top:32.4%;width:1.4583%}.purple-star{left:92.2%;top:63.4%;width:3.8%;height:13%;background:#df95fb;clip-path:polygon(65% 0,76% 3%,68% 40%,100% 66%,95% 75%,63% 70%,30% 100%,21% 96%,26% 57%,0 30%,5% 24%,35% 29%);transform:rotate(8deg)}.item{position:absolute;will-change:transform;transform-origin:center;display:block;padding:0;border:0;background:none}.item>img{width:100%;height:100%;object-fit:fill;pointer-events:none}.item-body{position:absolute;inset:0;transform-origin:50% 85%}.item-body>img{width:100%;height:100%;object-fit:fill}.pupils{position:absolute;left:23.8%;top:30.5%;width:25.7%;height:21%;transform:translate(var(--eye-x,0px),var(--eye-y,0px));pointer-events:none}.folder{border-radius:5%;background:linear-gradient(130deg,#6dde77,#77de73);transform:rotate(-4deg)}.folder:before{content:'';position:absolute;left:50%;top:-9%;width:49%;height:19%;background:#77de73;border-radius:8px 8px 0 0}.paper{position:absolute;left:9%;top:8%;width:64%;height:65%;background:#e7ffe4;transform:rotate(-7deg);box-shadow:0 0 0 4px #a3ffa5}.paper.back{left:39%;top:17%;width:53%;transform:rotate(2deg);box-shadow:none}.pocket{position:absolute;inset:40% 0 0;background:linear-gradient(#a0ffa1,#19b62c 68%,#009b00);border-radius:0 0 5% 5%}.pocket:after{content:'PS';position:absolute;left:7%;bottom:3%;font:italic 1.05cqw Georgia;color:#fff}.canvas{container-type:inline-size}.original{width:100%;height:auto}.hotspot{position:absolute;display:block;border-radius:20%;transition:background .25s,box-shadow .25s}.hotspot:hover{background:#fff7b50c;box-shadow:0 0 0 2px #fffdec77}.hotspot:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #13d9f3;outline-offset:5px}.tools{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;border:1px solid #fffdec35;border-radius:40px;background:#210000b3;backdrop-filter:blur(15px);z-index:10;opacity:.35;transition:opacity .2s}.tools:hover,.tools:focus-within{opacity:1}.tools a,.tools button{font:12px Arial;color:#fffdec;padding:10px 14px;border:0;border-radius:25px;background:none;text-decoration:none;cursor:pointer}.tools a:hover,.tools button:hover{background:#fffdec20}.tools span{font:10px monospace;opacity:.6;padding:0 12px}.contact{position:absolute}.blink .item-body{animation:blink .16s ease-in-out}@keyframes blink{50%{scale:1 .93}}@media(max-width:650px){.tools{bottom:12px;opacity:.75}.page:not(.hero){min-height:0}.hero{height:auto;min-height:58svh}.canvas{width:100vw}.tools a,.tools button{padding:9px 11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.item-body>img.pupils{position:absolute;left:23.8%;top:30.5%;width:25.7%;height:21%;object-fit:fill}

.bag-trigger{position:absolute;left:12.5%;top:10.833333%;width:75.989583%;height:72.222222%;border:0;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bag-trigger:active{cursor:grabbing}.bag-trigger:focus-visible{outline:2px dashed #df95fb;outline-offset:6px}
.eye-window{position:absolute;left:13.3333%;top:33.3333%;width:19.0476%;height:25.7143%;border-radius:50%;overflow:hidden;background:white;pointer-events:none}
.eye-window.eye-1{left:32.38095%}
.eye-window>img{position:absolute;left:17.5%;top:12.963%;width:65%;height:74.074%;max-width:none;object-fit:fill;will-change:transform}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}#page-2{aspect-ratio:16/9}