*{margin:0;padding:0;box-sizing:border-box}body{background:#fdf6ee;font-family:PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh;background-image:radial-gradient(circle at 30% 80%,#f0e4d4 0%,transparent 45%),radial-gradient(circle at 75% 85%,#f0e4d4 0%,transparent 45%)}body:before{content:"";position:fixed;bottom:0;left:0;width:100%;height:30%;background:repeating-linear-gradient(0deg,transparent,transparent 35px,rgba(180,150,120,.08) 35px,rgba(180,150,120,.08) 37px),repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(160,130,100,.05) 100px,rgba(160,130,100,.05) 102px);pointer-events:none;z-index:0}.container{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.title{font-size:8rem;font-weight:900;color:#3d2b1f;line-height:1;position:relative;text-shadow:3px 3px 0 rgba(200,160,120,.4);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.title:after{content:"";position:absolute;top:10px;left:-15px;width:35px;height:3px;background:#b4826480;transform:rotate(-20deg);border-radius:2px;animation:scratch 3s ease-in-out infinite}@keyframes scratch{0%,80%,to{opacity:0}85%{opacity:.7}}.subtitle{font-size:1.4rem;color:#5c4033;margin-top:.3rem;font-weight:500}.subtitle span{display:inline-block;animation:wiggle 2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.desc{color:#8b7355;margin:1rem 0 1.5rem;max-width:400px;line-height:1.6;font-size:.95rem}.cat{position:relative;width:180px;height:180px;margin:1rem auto}.body{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:90px;height:80px;background:#e8923f;border-radius:45% 45% 40% 40%;box-shadow:0 6px 18px #0000001a;animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:translate(-50%) scaleY(1)}50%{transform:translate(-50%) scaleY(1.04)}}.body:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:45px;height:38px;background:#fef5e7;border-radius:50%}.head{position:absolute;bottom:85px;left:50%;transform:translate(-50%);width:80px;height:72px;background:#e8923f;border-radius:46% 46% 40% 40%;z-index:5;box-shadow:0 4px 12px #00000014}.head:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:20px;height:8px;border-top:2px solid #c97a2d;border-radius:50% 50% 0 0;opacity:.6}.ear{position:absolute;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:28px solid #e8923f;z-index:4;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}.ear.left{top:-18px;left:4px;transform:rotate(-12deg)}.ear.right{top:-18px;right:4px;transform:rotate(12deg)}.ear:after{content:"";position:absolute;top:12px;left:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:15px solid #f8c4c4}.eye{position:absolute;width:20px;height:22px;background:#fff;border-radius:50%;top:24px;z-index:6;overflow:hidden}.eye.left{left:14px}.eye.right{right:14px}.pupil{position:absolute;width:10px;height:13px;background:#2d1f0e;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .1s ease}.pupil:after{content:"";position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;top:2px;right:2px}.eye.blink{animation:blink .2s ease-in-out}@keyframes blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.05)}}.nose{position:absolute;top:38px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #ff7777;z-index:6}.mouth{position:absolute;top:48px;left:50%;transform:translate(-50%);width:22px;height:10px;border-bottom:2px solid rgba(120,70,40,.4);border-radius:0 0 50% 50%;z-index:6}.paw{position:absolute;width:24px;height:18px;background:#e8923f;border-radius:50%;bottom:18px;z-index:7;box-shadow:0 2px 6px #00000014}.paw.left{left:42px;animation:tap 4s ease-in-out infinite}.paw.right{right:42px;animation:tap 4s ease-in-out .5s infinite}@keyframes tap{0%,90%,to{transform:translateY(0)}93%{transform:translateY(-6px)}}.tail{position:absolute;bottom:30px;right:15px;width:50px;height:16px;background:#e8923f;border-radius:50%;z-index:2;transform-origin:left center;animation:sway 3s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(20deg)}}.paper{position:absolute;top:40px;left:50%;transform:translate(-50%) rotate(-6deg);width:38px;height:26px;background:#fff;border-radius:3px;z-index:8;box-shadow:0 3px 10px #0000001a;font-family:Courier New,monospace;font-size:.45rem;color:#aaa;display:flex;align-items:center;justify-content:center;animation:chew 2s ease-in-out infinite}@keyframes chew{0%,to{transform:translate(-50%) rotate(-6deg)}50%{transform:translate(-50%) rotate(-2deg)}}.flake{position:fixed;pointer-events:none;z-index:50;background:#fff;border-radius:2px;font-family:Courier New,monospace;font-size:.5rem;color:#bbb;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000000f;animation:fall linear forwards}@keyframes fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:.8}to{opacity:0;transform:translateY(105vh) rotate(600deg)}}@media (max-width: 500px){.title{font-size:5rem}.subtitle{font-size:1.1rem}.cat{width:150px;height:150px}.body{width:70px;height:65px;bottom:15px}.head{width:65px;height:58px;bottom:70px}.ear{border-left-width:10px;border-right-width:10px;border-bottom-width:22px}.ear.left{top:-14px;left:2px}.ear.right{top:-14px;right:2px}.ear:after{top:10px;left:-6px;border-left-width:6px;border-right-width:6px;border-bottom-width:12px}.eye{width:16px;height:18px;top:20px}.eye.left{left:11px}.eye.right{right:11px}.pupil{width:8px;height:11px}.paw{width:20px;height:15px;bottom:14px}.paw.left{left:34px}.paw.right{right:34px}}