/* 萌宠小房间与衣橱 */
.pet-stage{background:linear-gradient(135deg,rgba(255,250,239,.9),rgba(255,255,255,.86) 48%,rgba(223,246,235,.88)),var(--chosen-bg);background-size:cover;background-position:center}
.pet-stage:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.2);backdrop-filter:blur(3px);pointer-events:none}.pet-room-doodles{position:absolute;inset:0;pointer-events:none;color:#9b6d60;font-family:KaiTi,serif;opacity:.72}.pet-room-doodles span{position:absolute;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,250,244,.72);border:1px solid rgba(217,181,157,.55);box-shadow:2px 3px 0 rgba(116,81,58,.08);font-size:16px}.pet-room-doodles span:nth-child(1){left:3%;top:8%;transform:rotate(-8deg)}.pet-room-doodles span:nth-child(2){left:35%;top:6%;transform:rotate(7deg)}.pet-room-doodles span:nth-child(3){right:4%;top:7%;transform:rotate(-5deg)}.pet-room-doodles span:nth-child(4){left:4%;top:48%}.pet-room-doodles span:nth-child(5){left:38%;top:43%;color:#cf7892}.pet-room-doodles span:nth-child(6){right:3%;top:43%;color:#df7e83}.pet-room-doodles span:nth-child(7){left:18%;bottom:23%;color:#dda33f}.pet-room-doodles span:nth-child(8){right:37%;bottom:21%;color:#d58e58}.pet-room-doodles span:nth-child(9){right:3%;bottom:24%;color:#7192b6}.pet-heart-wallet{position:absolute;right:32px;top:28px;z-index:6;padding:9px 13px;border:1px solid rgba(224,154,169,.7);border-radius:999px;background:rgba(255,246,248,.78);box-shadow:0 8px 22px rgba(137,87,83,.12);backdrop-filter:blur(10px);color:#bb6176;font-size:13px}.pet-heart-wallet b{font-size:17px;color:#a94460}.pet-actions .soft-btn{background:rgba(255,255,255,.76);backdrop-filter:blur(10px);border-color:rgba(222,203,186,.78)}
.pet-portrait{overflow:visible}.pet-outfit{position:absolute;inset:0;z-index:5;pointer-events:none}.pet-outfit span{position:absolute;left:50%;transform:translateX(-50%);filter:drop-shadow(0 3px 2px rgba(83,53,43,.2));animation:outfitBob 3s ease-in-out infinite}.pet-outfit .outfit-bow{top:26px;margin-left:48px;font-size:47px}.pet-outfit .outfit-clip{top:42px;margin-left:-51px;font-size:35px;transform:translateX(-50%) rotate(-18deg)}.pet-outfit .outfit-shirt{top:150px;font-size:68px}.pet-outfit .outfit-cape{top:120px;font-size:82px}@keyframes outfitBob{50%{translate:0 -7px}}
.pet-stage{min-height:480px}.pet-copy{max-width:46%;padding:12px 17px;border-radius:19px;background:rgba(255,252,246,.7);box-shadow:0 7px 24px rgba(102,71,51,.08);backdrop-filter:blur(7px)}.pet-copy p{margin-top:8px}.pet-portrait{right:45px!important;bottom:105px!important;width:320px!important;height:300px!important}.pet-name-under{position:absolute;right:45px;bottom:46px;z-index:6;width:320px;text-align:center;pointer-events:none}.pet-name-under span{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(255,246,249,.84);color:#bb667c;font-size:11px;font-weight:900;letter-spacing:.08em}.pet-name-under h1{margin:2px 0 0;font-family:STKaiti,KaiTi,serif;font-size:34px;color:#4d4844;text-shadow:0 2px 0 #fff}.pet-actions{max-width:calc(100% - 385px);flex-wrap:wrap}
.wardrobe-dialog form{width:min(620px,90vw)}.wardrobe-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.wardrobe-title h2{margin:5px 0}.wardrobe-balance{padding:8px 12px;border-radius:999px;background:#fff0f4;color:#bd5e76;font-size:13px}.wardrobe-tip{color:var(--muted);font-size:13px}.wardrobe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.wardrobe-item{position:relative;border:1px solid #ead9c8;border-radius:18px;background:#fffaf2;padding:12px 8px;text-align:center;cursor:pointer}.wardrobe-item:hover{transform:translateY(-2px)}.wardrobe-item.active{outline:3px solid #f29ab0;background:#fff1f5}.wardrobe-item .item-art{display:block;font-size:42px;margin-bottom:6px}.wardrobe-item b,.wardrobe-item small{display:block}.wardrobe-item small{color:#b66576;margin-top:4px}.wardrobe-item .owned{color:#5b967e}.hero-grid>.card,.content-grid>.card{background-color:rgba(255,255,255,.82);backdrop-filter:blur(10px);background-image:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),var(--chosen-bg);background-size:cover;background-position:center}
@media(max-width:900px){.pet-heart-wallet{top:20px;right:20px}.pet-room-doodles span:nth-child(2),.pet-room-doodles span:nth-child(5){display:none}}@media(max-width:600px){.pet-heart-wallet{top:78px;right:18px}.pet-actions{flex-wrap:wrap}.wardrobe-grid{grid-template-columns:repeat(2,1fr)}.pet-outfit .outfit-bow{top:38px}.pet-outfit .outfit-shirt{top:158px}}

.wardrobe-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 4px}.wardrobe-tabs button{border:1px solid #e8d8c9;border-radius:999px;background:#fffaf4;padding:8px 13px;cursor:pointer;color:#795f55}.wardrobe-tabs button.active{background:#ef91a8;border-color:#ef91a8;color:#fff;box-shadow:0 5px 12px rgba(216,105,135,.2)}.wardrobe-grid{max-height:430px;overflow:auto;padding:4px}.wardrobe-item .style-tag{position:absolute;right:7px;top:7px;padding:3px 6px;border-radius:99px;background:#fff;color:#a87d70;font-size:10px;border:1px solid #efdfd2}.pet-outfit .outfit-head{top:24px;font-size:52px}.pet-outfit .outfit-face{top:72px;font-size:51px}.pet-outfit .outfit-body{top:145px;font-size:76px}.pet-outfit.multi .outfit-head{top:42px}.pet-outfit.multi .outfit-face{top:78px}.pet-outfit.multi .outfit-body{top:150px}@media(max-width:600px){.wardrobe-dialog form{padding:20px}.wardrobe-title{align-items:flex-start}.wardrobe-grid{max-height:52vh}.pet-outfit .outfit-head{top:34px}.pet-outfit .outfit-face{top:78px}.pet-outfit .outfit-body{top:150px}}

.pet-shop-btn{background:#edf8ee;color:#4b8063;margin-top:8px}.food-shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;max-height:430px;overflow:auto;padding:4px;margin-top:18px}.food-shop-item{border:1px solid #eadcc9;border-radius:17px;background:linear-gradient(145deg,#fffdf7,#fff4e5);padding:13px 8px;cursor:pointer;text-align:center;color:var(--ink)}.food-shop-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(111,77,51,.1)}.food-shop-item>span{display:block;font-size:40px;margin-bottom:7px}.food-shop-item b,.food-shop-item small{display:block}.food-shop-item small{color:#a67446;margin-top:5px;font-size:11px}@media(max-width:600px){.food-shop-grid{grid-template-columns:repeat(2,1fr);max-height:55vh}}

.wardrobe-mode-tabs,.wardrobe-type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.wardrobe-mode-tabs button,.wardrobe-type-tabs button{border:1px solid #ead8c9;background:#fffaf4;color:#745d54;border-radius:12px;padding:8px 12px;cursor:pointer}.wardrobe-mode-tabs button.active{background:#745d54;color:#fff}.wardrobe-type-tabs button.active{background:#e8f4e9;border-color:#a9c9ad;color:#4c7956}.wardrobe-empty{grid-column:1/-1;padding:42px 15px;text-align:center;border:2px dashed #eadcca;border-radius:18px;color:#9c806e;background:#fffaf4}.food-shop-grid{display:block}.food-tier{margin-bottom:18px}.food-tier h3{margin:0 0 9px;color:#7d5b49}.food-tier h3 small{margin-left:10px;color:#a58d7d;font-size:11px;font-weight:400}.food-tier>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.food-price{display:inline-block!important;margin:6px auto 0!important;padding:4px 8px;border-radius:99px;background:#fff0bd;color:#896008!important;font-weight:800}@media(max-width:600px){.food-tier>div{grid-template-columns:repeat(2,1fr)}.food-tier h3 small{display:block;margin:4px 0 0}}

/* 头饰贴在宠物左侧头顶轮廓，像真正夹上去一样 */
.pet-outfit .outfit-head{left:42px;right:auto;top:43px;transform:rotate(-12deg);font-size:39px}.pet-outfit.multi .outfit-head{left:30px;right:auto;top:55px;transform:rotate(-12deg)}@media(max-width:600px){.pet-outfit .outfit-head{left:36px;right:auto;top:50px;font-size:36px}}

/* 眼镜和面具对准双眼，不停在额头 */
.pet-outfit .outfit-face{top:104px;font-size:47px}.pet-outfit.multi .outfit-face{top:108px;font-size:43px}@media(max-width:600px){.pet-outfit .outfit-face{top:106px;font-size:43px}}

/* 每只宠物拥有独立穿戴区域，配饰随宠物宽度自动缩放 */
.pet-portrait{display:flex!important;align-items:center;justify-content:center;gap:4px}.pet-avatar{position:relative;display:grid;place-items:center;height:92%;flex:1;min-width:0;container-type:inline-size}.pet-portrait[data-count="1"] .pet-avatar{max-width:92%}.pet-avatar>img{position:relative;z-index:2;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain}.pet-avatar .pet-outfit{position:absolute;inset:0;z-index:4;pointer-events:none}.pet-avatar .pet-outfit span{position:absolute;margin:0;line-height:1;animation:outfitBob 3s ease-in-out infinite;filter:drop-shadow(0 2px 2px rgba(72,45,36,.22))}.pet-avatar .outfit-head{left:14%!important;right:auto!important;top:12%!important;font-size:25cqw!important;transform:rotate(-12deg)!important}.pet-avatar .outfit-face{left:50%!important;top:31%!important;font-size:46cqw!important;transform:translateX(-50%)!important}.pet-avatar .outfit-body{left:50%!important;top:52%!important;font-size:47cqw!important;transform:translateX(-50%)!important}.pet-portrait[data-count="2"] .pet-avatar,.pet-portrait[data-count="3"] .pet-avatar{height:74%}@media(max-width:600px){.pet-avatar .outfit-head{left:14%!important;top:13%!important;font-size:24cqw!important}.pet-avatar .outfit-face{top:32%!important;font-size:47cqw!important}.pet-avatar .outfit-body{top:53%!important;font-size:48cqw!important}}

/* 脸部配饰贴合眼睛中心线 */
.pet-avatar .outfit-face{top:19%!important;font-size:52cqw!important}.pet-portrait[data-count="2"] .outfit-face,.pet-portrait[data-count="3"] .outfit-face{top:20%!important;font-size:50cqw!important}@media(max-width:600px){.pet-avatar .outfit-face{top:20%!important;font-size:52cqw!important}}

.pet-avatar .free-outfit{left:var(--x)!important;right:auto!important;top:var(--y)!important;font-size:var(--size)!important;transform:translate(-50%,-50%)!important;pointer-events:auto!important;touch-action:none;cursor:grab;user-select:none}.pet-avatar .free-outfit:active{cursor:grabbing;filter:drop-shadow(0 5px 4px rgba(72,45,36,.3));z-index:9}
