*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eee9df;color:#68705b;font-family:PingFang SC,Microsoft YaHei,sans-serif}body{background-image:radial-gradient(ellipse at 10% 80%,#dce0ce70,transparent 45%),radial-gradient(ellipse at 95% 10%,#eedecb80,transparent 45%)}.studio{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:100px;padding:32px 60px;position:relative}.intro{width:450px;position:relative}.wordmark{font-size:10px;letter-spacing:2.5px;color:#8b907d;display:flex;align-items:center;gap:12px}.wordmark span{font-size:30px;color:#98a082}.edition{font-size:9px;letter-spacing:2.2px;margin-top:74px;color:#a09785}h1{font-family:Songti SC,"Noto Serif CJK SC",serif;font-weight:500;font-size:40px;line-height:1.65;letter-spacing:3px;margin:20px 0 22px;color:#5e6955}.intro p{font-size:13px;line-height:2.2;color:#9b917e;letter-spacing:1px}.art-window{width:320px;height:146px;background:url(../assets/toys.png) no-repeat;background-size:420px 420px;background-position:-100px 0;opacity:.9;margin:40px 0 32px;transform:rotate(-5deg);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.notes{display:flex;gap:15px;align-items:center;font-size:11px;letter-spacing:2px;color:#8d927e}.notes i{color:#c1b59f}.fine{border-top:1px solid #d7d0c1;padding-top:22px;margin-top:38px;font-size:11px;letter-spacing:2px;color:#9b927f}.fine span{float:right;font-size:8px;letter-spacing:1.5px}.device{width:min(420px,calc((100svh - 64px)*.466667));height:min(900px,calc(100svh - 64px));overflow:hidden;flex-shrink:0;border-radius:30px;box-shadow:0 30px 70px #7069511c,0 2px 7px #7169530f;border:6px solid #fffbf3;background:#f5f0e7}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.corner{position:absolute;right:26px;bottom:12px;font-size:8px;letter-spacing:2px;color:#b1a995}@media(max-width:1050px){.studio{gap:45px;padding:24px}.intro{width:360px}h1{font-size:32px}.device{height:calc(100svh - 48px);width:calc((100svh - 48px)*.466667)}}@media(max-width:960px){.studio{padding:0;min-height:100svh}.intro,.corner{display:none}.device{width:100%;height:100svh;max-width:520px;border:0;border-radius:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}