/* ===== 小花园三端 · 宠物素材包样式（55 款 × 10 级） ===== */

/* 宠物图标：统一 img 承接，替代原参数化 SVG */
.pet-ic{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}

/* 领养/图鉴网格 */
.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px}
.pet-card{background:#fff;border:2.5px solid var(--line-strong);border-radius:20px;padding:12px 10px 10px;text-align:center;cursor:pointer;position:relative;box-shadow:0 3px 0 var(--line-strong);transition:transform .12s}
.pet-card:hover{transform:translateY(-3px)}
.pet-card.sel{border-color:var(--forest);box-shadow:0 3px 0 var(--forest)}
.pet-card .pic{width:88px;height:88px;margin:0 auto 6px}
.pet-card .nm{font-size:13px;font-weight:700;color:var(--ink)}
.pet-card .nk{font-size:11px;color:var(--ink-faint);margin-top:1px}
.pet-card .fam{position:absolute;top:8px;left:8px;font-size:10px;padding:1px 8px;border-radius:99px;font-weight:600}
.pet-card .lv{position:absolute;top:8px;right:8px;font-size:10px;color:var(--ink-faint)}
.fam-flower{background:#FBE3DC;color:#B4503C}
.fam-succulent{background:#E3F0E4;color:#3E7C59}
.fam-foliage{background:#E6EFDD;color:#4E7A3A}
.fam-tree{background:#E9E2D2;color:#7A5C33}
.fam-fruit{background:#FCEBD2;color:#B27A1E}

/* 领养大图页（素材包原_page 图） */
.adopt-page{background:#fff;border:2.5px solid var(--line-strong);border-radius:22px;box-shadow:0 4px 0 var(--line-strong);overflow:hidden}
.adopt-page img{width:100%;display:block}
.adopt-pager{display:flex;gap:8px;justify-content:center;margin-top:12px}
.adopt-dot{width:10px;height:10px;border-radius:50%;background:var(--line-strong);border:none;cursor:pointer;padding:0}
.adopt-dot.on{background:var(--forest);transform:scale(1.25)}

/* 图鉴：十级总览长条 */
.atlas-row{background:#fff;border:2.5px solid var(--line-strong);border-radius:20px;box-shadow:0 3px 0 var(--line-strong);padding:14px;margin-bottom:14px}
.atlas-row .hd{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.atlas-row .hd .pic{width:52px;height:52px;flex-shrink:0}
.atlas-strip{width:100%;display:block;border-radius:12px;background:var(--paper-deep)}

/* 大图弹窗（总览） */
.ov-modal{max-width:860px;width:92vw}
.ov-modal img{width:100%;border-radius:14px}

/* 家长端：宠物阶段对比（周报） */
.wr-plant .st .pet-ic{width:76px;height:76px}
.wr-plant .st .k{font-size:11px;color:var(--ink-faint);margin-top:4px}

/* 学生花园主位宠物 */
.garden-pet{width:150px;height:150px;margin:0 auto;position:relative;z-index:2;filter:drop-shadow(0 8px 12px rgba(74,59,46,.18))}
.garden-pet .pet-ic{animation:pet-bob 3.2s ease-in-out infinite}
@keyframes pet-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* 教室大屏宠物墙 */
.bs-wall{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.bs-item{width:74px;text-align:center}
.bs-item .pic{width:64px;height:64px;margin:0 auto;background:rgba(255,255,255,.1);border-radius:16px;padding:2px}
.bs-item .n{font-size:11px;color:#EAF3EC;margin-top:2px}
.bs-item .l{font-size:10px;color:#9DC3AC}

/* 运营后台目录行缩略 */
.cat-pic{width:52px;height:52px}

/* 家庭端底部 tab（家长 H5） */
.p-tabbar{position:sticky;bottom:0;display:flex;background:#fff;border-top:2px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}
.p-tabbar .t{flex:1;text-align:center;font-size:11px;color:var(--ink-faint);cursor:pointer;padding:4px 0}
.p-tabbar .t .ic{font-size:19px;display:block;line-height:1.2}
.p-tabbar .t.on{color:var(--forest-deep);font-weight:700}

/* 家长端手机容器（真机 H5：全宽，最大 480 居中） */
.p-phone{max-width:480px;margin:0 auto;background:var(--paper);min-height:100vh;box-shadow:0 0 0 2px var(--line)}