:root{--primary-pink: #FF4D6D;--bg-gradient-top: #FFE5EC;--bg-gradient-bottom: #FBC3D1;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-family);background:linear-gradient(135deg,#ffe8f0,#f8bfce,#f5a3b8);-webkit-user-select:none;user-select:none}#app{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.pet-stage-container{width:min(92vw,540px);height:min(92vw,540px);max-height:82vh;display:flex;align-items:center;justify-content:center;position:relative;filter:drop-shadow(0 20px 35px rgba(220,80,110,.25))}svg#cat-stage{width:100%;height:100%;border-radius:36px;overflow:visible;touch-action:none}.interactive-zone{cursor:pointer}.tip-banner{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#ffffffd9;padding:6px 16px;border-radius:20px;font-size:.8rem;color:#8c4d61;font-weight:600;pointer-events:none;opacity:.85;box-shadow:0 4px 12px #0000000f;white-space:nowrap;animation:float-tip 3s ease-in-out infinite}@keyframes float-tip{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}@media (max-height: 700px){.tip-banner{display:none}}#layer-body{animation:body-breathe 3.6s ease-in-out infinite alternate;transform-origin:250px 440px}#head-container{animation:head-float 3.6s ease-in-out infinite alternate;transform-origin:250px 220px}#layer-tail{animation:tail-wag 4.2s ease-in-out infinite alternate;transform-origin:215px 435px}@keyframes body-breathe{0%{transform:scaleY(1) scaleX(1)}to{transform:scaleY(1.025) scaleX(.99)}}@keyframes head-float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-2.5px) rotate(.4deg)}}@keyframes tail-wag{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}to{transform:rotate(-5deg)}}.head-squash-bounce{animation:head-squash-anim .55s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes head-squash-anim{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.12,.86) translateY(12px) rotate(-3deg)}50%{transform:scale(.94,1.08) translateY(-8px) rotate(2deg)}75%{transform:scale(1.04,.98) translateY(2px) rotate(-1deg)}to{transform:scale(1) translateY(0) rotate(0)}}.bell-wobble{animation:bell-wobble-anim .65s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes bell-wobble-anim{0%{transform:rotate(0)}15%{transform:rotate(-22deg) scale(1.08)}30%{transform:rotate(18deg) scale(1.06)}45%{transform:rotate(-12deg) scale(1.04)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}to{transform:rotate(0)}}.body-bounce{animation:body-bounce-anim .45s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes body-bounce-anim{0%{transform:scale(1)}30%{transform:scale(1.08,.92) translateY(5px)}65%{transform:scale(.96,1.04) translateY(-4px)}to{transform:scale(1) translateY(0)}}.head-purring{animation:head-purr-vibe .14s ease-in-out infinite alternate!important}@keyframes head-purr-vibe{0%{transform:translateY(-2px) rotate(-.8deg)}to{transform:translateY(0) rotate(.8deg)}}.head-chewing{animation:head-chew-motion .22s ease-in-out 3 alternate}@keyframes head-chew-motion{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(4px) scaleY(.96)}}.eye-blink{animation:eye-blink-anim .18s ease-in-out forwards}@keyframes eye-blink-anim{0%{transform:scaleY(1)}45%{transform:scaleY(.08)}to{transform:scaleY(1)}}.pet-top-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#ffffffc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:8px 20px;border-radius:30px;box-shadow:0 8px 24px #e6506e1f,0 2px 6px #0000000a;border:2px solid rgba(255,255,255,.9);z-index:50;max-width:90%}.affection-meter-container{display:flex;align-items:center;gap:8px}.affection-icon{font-size:1.3rem;animation:pulse-heart 1.6s ease-in-out infinite}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.affection-track{width:130px;height:12px;background:#ffe5ec;border-radius:10px;overflow:hidden;border:1.5px solid #FFCCD5}.affection-fill{height:100%;width:35%;background:linear-gradient(90deg,#ff758f,#ff4d6d);border-radius:10px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.affection-text{font-size:.85rem;font-weight:700;color:#c9184a;min-width:34px}.top-actions{display:flex;gap:8px}.icon-btn{background:#fff0f3;border:1.5px solid #FFCCD5;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease}.icon-btn:hover{background:#ffb3c1;transform:scale(1.08)}.icon-btn:active{transform:scale(.92)}.wardrobe-drawer{position:absolute;bottom:0;left:0;right:0;background:#ffffffe0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top-left-radius:28px;border-top-right-radius:28px;box-shadow:0 -8px 32px #dc5a7829;border-top:2px solid rgba(255,255,255,.95);z-index:100;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:48vh}.wardrobe-drawer.collapsed{transform:translateY(calc(100% - 48px))}.drawer-toggle-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent}.drawer-toggle-handle{width:44px;height:5px;background:#ffb3c1;border-radius:4px;margin:0 auto}.drawer-title-group{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.05rem;color:#592b38}.drawer-arrow{transition:transform .3s ease;font-size:.85rem;color:#8c4d61}.wardrobe-drawer.collapsed .drawer-arrow{transform:rotate(180deg)}.wardrobe-tabs{display:flex;gap:10px;padding:4px 20px 10px;overflow-x:auto;scrollbar-width:none}.wardrobe-tabs::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1.5px solid transparent;background:#fff0f3;color:#803d52;font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:all .25s ease}.tab-btn:hover{background:#ffe5ec}.tab-btn.active{background:#ff4d6d;color:#fff;box-shadow:0 4px 12px #ff4d6d59}.wardrobe-content{padding:8px 20px 24px;overflow-y:auto;flex:1}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:14px}.item-card{background:#fff;border:2px solid #FFE5EC;border-radius:20px;padding:10px 8px 8px;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none;touch-action:pan-y}.item-card:hover{border-color:#ff85a1;transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #ff758f2e}.item-card.active{border-color:#ff4d6d;background:#fff0f3;box-shadow:0 6px 18px #ff4d6d40}.item-card-preview{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-size:2rem}.item-card-preview svg{max-width:100%;max-height:100%}.item-card-name{font-size:.78rem;font-weight:700;color:#4a232e;text-align:center;line-height:1.2}.equipped-badge{position:absolute;top:-6px;right:-6px;background:#ff4d6d;color:#fff;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:12px;border:2px solid #FFFFFF;box-shadow:0 2px 6px #ff4d6d59}.feed-hint-badge{position:absolute;bottom:-6px;background:#ffb703;color:#592b38;font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:8px}.food-drag-ghost{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25));will-change:transform}.flying-feed{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;filter:drop-shadow(0 8px 20px rgba(255,77,109,.4))}@media (min-width: 900px){.wardrobe-drawer{max-width:480px;left:auto;right:24px;bottom:24px;border-radius:28px;max-height:75vh;box-shadow:0 16px 40px #dc5a7838;border:2px solid rgba(255,255,255,.9)}.wardrobe-drawer.collapsed{transform:translateY(calc(100% - 54px))}}