koishi-plugin-rocom 1.0.19 → 1.0.24

package/lib/merchant-service.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.numberOrNull = void 0;
 exports.livePrice = livePrice;
 exports.merchantTimestampMs = merchantTimestampMs;
+exports.isAllDayMerchantProduct = isAllDayMerchantProduct;
+exports.wikiItemAssetUrl = wikiItemAssetUrl;
+exports.collectAllDayProductNames = collectAllDayProductNames;
 exports.normalizeLiveMerchant = normalizeLiveMerchant;
 exports.normalizeLegacyMerchant = normalizeLegacyMerchant;
 exports.isLiveMerchantPayload = isLiveMerchantPayload;
@@ -15,7 +18,7 @@ const numberOrNull = (v) => {
     return Number.isFinite(n) ? n : null;
 };
 exports.numberOrNull = numberOrNull;
-// 价格可能直接是数字，也可能是 { real, origin } 或 { amount }（上游 v4.1.0）。
+// 价格可能直接是数字，也可能是 { real, origin } 或 { amount }。
 function livePrice(value) {
     const selected = value && typeof value === 'object'
         ? value.real ?? value.origin : value;
@@ -31,6 +34,63 @@ function merchantTimestampMs(value) {
         return null;
     return Math.abs(timestamp) < 100_000_000_000 ? timestamp * 1000 : timestamp;
 }
+const MERCHANT_ROUND_SPAN_MS = 4 * 3600_000;
+// 按接口真实字段判定商品是否全天在售，而非 4 小时轮次商品。
+// - 实时接口带 next_refresh_time 的商品随轮次刷新，属于 4 小时商品；
+// - 旧接口 round 字段：0 表示全天在售，1/2/3/4 表示对应 4 小时轮次；
+// - 已知起止时间时，有效时长超过单轮 4 小时即视为全天商品；
+// - 仅知结束时间时（实时接口全天商品只有 disable_time），结束时刻落在
+//   当日 24:00 边界（23:59:58 之后或次日 00:00:01 之内）视为全天商品。
+function isAllDayMerchantProduct(refreshAt, startsAt, endsAt, roundValue, secondsOfDay) {
+    if (refreshAt !== null)
+        return false;
+    if (roundValue !== null && roundValue !== undefined && roundValue !== '') {
+        const round = Number(roundValue);
+        if (Number.isFinite(round))
+            return round === 0;
+    }
+    if (startsAt !== null && endsAt !== null)
+        return endsAt - startsAt > MERCHANT_ROUND_SPAN_MS;
+    if (endsAt !== null && secondsOfDay) {
+        const second = secondsOfDay(endsAt);
+        return second >= 23 * 3600 + 59 * 60 + 58 || second <= 1;
+    }
+    return false;
+}
+// 实时接口不返回商品图片地址时，按 goods_mapping 的 item_id/item_kind
+// 使用 Wiki 公共物品图，避免商品图片 404。
+function wikiItemAssetUrl(baseUrl, itemId, itemKind) {
+    const idText = String(itemId ?? '').trim();
+    const kindText = String(itemKind ?? '').trim() || 'bag';
+    if (!baseUrl || !idText || !/^\d+$/.test(idText))
+        return '';
+    return `${baseUrl.replace(/\/+$/, '')}/api/v1/resources/wiki/assets/items/${kindText}/${idText}.png`;
+}
+function resolveMerchantIcon(direct, itemId, itemKind, options) {
+    const url = String(direct || '').trim();
+    if (url)
+        return url;
+    const wikiUrl = wikiItemAssetUrl(options.assetBaseUrl, itemId, itemKind);
+    return wikiUrl || String(options.fallbackIcon || '');
+}
+// 同一商品可能同时出现在多个分组，只有全部出现均为全天时才按全天去重。
+function collectAllDayProductNames(items) {
+    const flags = new Map();
+    for (const item of items) {
+        const name = String(item?.name || '').trim();
+        if (!name)
+            continue;
+        const seen = flags.get(name) || [];
+        seen.push(Boolean(item.allDay));
+        flags.set(name, seen);
+    }
+    const names = new Set();
+    for (const [name, seen] of flags) {
+        if (seen.length && seen.every(Boolean))
+            names.add(name);
+    }
+    return names;
+}
 function mappingById(payload) {
     const mapping = payload?._goods_mapping ?? payload?.goods_mapping;
     const list = Array.isArray(mapping) ? mapping : [];
@@ -48,11 +108,8 @@ function liveGoodsName(meta, item, goodsId) {
         return name;
     return goodsId !== undefined && goodsId !== null && goodsId !== '' ? `商品 ${goodsId}` : '未知商品';
 }
-function liveGoodsIcon(meta, item) {
-    return String(item?.icon_url || item?.iconUrl || meta?.icon_url || meta?.icon || '').trim();
-}
 // 实时商人 goods 结构：按 mapping 补齐名称/图标，递归 sub_goods，按“商品 ID + 时间窗口 + 父商品”去重。
-function normalizeLiveMerchant(payload, nowMs = Date.now()) {
+function normalizeLiveMerchant(payload, nowMs = Date.now(), options = {}) {
     const map = mappingById(payload);
     const items = [];
     const seen = new Set();
@@ -63,15 +120,18 @@ function normalizeLiveMerchant(payload, nowMs = Date.now()) {
         const meta = map.get(String(goodsId)) || {};
         const startsAt = merchantTimestampMs(raw.start_time ?? payload?.start_time);
         const endsAt = merchantTimestampMs(raw.disable_time ?? raw.end_time);
+        const refreshAt = merchantTimestampMs(raw.next_refresh_time);
         const key = `${String(goodsId)}|${startsAt ?? ''}|${endsAt ?? ''}|${parentId ?? ''}`;
         if (seen.has(key))
             return;
         seen.add(key);
+        const itemId = meta.item_id ?? raw.item_id;
+        const itemKind = meta.item_kind ?? raw.item_kind ?? 'bag';
         items.push({
             id: String(goodsId ?? ''),
             parentId,
             name: liveGoodsName(meta, raw, goodsId),
-            icon: liveGoodsIcon(meta, raw),
+            icon: resolveMerchantIcon(raw.icon_url || raw.iconUrl || meta.icon_url || meta.icon, itemId, itemKind, options),
             price: livePrice(raw.price) ?? (0, exports.numberOrNull)(meta.price),
             limit: (0, exports.numberOrNull)(raw.limit_buy_num ?? raw.buy_limit_num ?? meta.buy_limit_num),
             startsAt,
@@ -79,6 +139,9 @@ function normalizeLiveMerchant(payload, nowMs = Date.now()) {
             active: (startsAt === null || nowMs >= startsAt) && (endsAt === null || nowMs < endsAt),
             category: parentId ? '子商品' : '商品',
             source: 'live',
+            allDay: isAllDayMerchantProduct(refreshAt, startsAt, endsAt, undefined, options.secondsOfDay),
+            itemId: itemId !== undefined && itemId !== null ? String(itemId) : undefined,
+            itemKind: String(itemKind || 'bag'),
         });
         const children = Array.isArray(raw.sub_goods) ? raw.sub_goods : [];
         for (const child of children)
@@ -90,7 +153,7 @@ function normalizeLiveMerchant(payload, nowMs = Date.now()) {
     return items;
 }
 // 旧接口：merchantActivities 下 products/get_props/get_extra_props/get_pets 合并，random_goods 补价格/限购。
-function normalizeLegacyMerchant(payload, nowMs = Date.now()) {
+function normalizeLegacyMerchant(payload, nowMs = Date.now(), options = {}) {
     const activities = payload?.merchantActivities || payload?.merchant_activities || [];
     const activity = activities[0] || {};
     const randomGoods = Array.isArray(payload?.random_goods) ? payload.random_goods : [];
@@ -121,10 +184,12 @@ function normalizeLegacyMerchant(payload, nowMs = Date.now()) {
                 continue;
             seen.add(key);
             const meta = metaByName.get(name) || {};
+            const itemId = raw.item_id ?? meta.item_id;
+            const itemKind = raw.item_kind ?? meta.item_kind ?? 'bag';
             items.push({
                 id: String(raw.id ?? ''),
                 name,
-                icon: String(raw.icon_url || raw.iconUrl || meta.icon_url || meta.icon || '').trim(),
+                icon: resolveMerchantIcon(raw.icon_url || raw.iconUrl || meta.icon_url || meta.icon, itemId, itemKind, options),
                 price: (0, exports.numberOrNull)(raw.price) ?? (0, exports.numberOrNull)(meta.price),
                 limit: (0, exports.numberOrNull)(raw.buy_limit_num ?? raw.limit_buy_num) ?? (0, exports.numberOrNull)(meta.buy_limit_num),
                 startsAt,
@@ -132,6 +197,9 @@ function normalizeLegacyMerchant(payload, nowMs = Date.now()) {
                 active: (startsAt === null || nowMs >= startsAt) && (endsAt === null || nowMs < endsAt),
                 category,
                 source: 'legacy',
+                allDay: isAllDayMerchantProduct(merchantTimestampMs(raw.next_refresh_time), startsAt, endsAt, raw.round, options.secondsOfDay),
+                itemId: itemId !== undefined && itemId !== null ? String(itemId) : undefined,
+                itemKind: String(itemKind || 'bag'),
             });
         }
     }
@@ -140,9 +208,9 @@ function normalizeLegacyMerchant(payload, nowMs = Date.now()) {
 function isLiveMerchantPayload(payload) {
     return (0, client_1.isObject)(payload) && Array.isArray(payload.goods);
 }
-function normalizeMerchant(payload, nowMs = Date.now()) {
+function normalizeMerchant(payload, nowMs = Date.now(), options = {}) {
     if (isLiveMerchantPayload(payload)) {
-        return { source: 'live', items: normalizeLiveMerchant(payload, nowMs) };
+        return { source: 'live', items: normalizeLiveMerchant(payload, nowMs, options) };
     }
-    return { source: 'legacy', items: normalizeLegacyMerchant(payload, nowMs) };
+    return { source: 'legacy', items: normalizeLegacyMerchant(payload, nowMs, options) };
 }

package/lib/pet-data-service.d.ts

@@ -36,6 +36,7 @@ export declare function petDataAttributes(pet: any): Array<{
     percent: number;
 }>;
 export declare function petDataSkillItems(pet: any): any[];
+export declare function extractRawItems(payload: any): any[];
 export declare function petDataSkillIdsFromPayload(payload: any): string[];
 export declare function petDataPetIdsFromPayload(payload: any): string[];
 export declare function petDataSkillIconUrl(baseUrl: string, skillId: any, detail?: any): string;
@@ -60,3 +61,15 @@ export declare function buildPetDataRenderData(res: any, uid: string, options?:
     lowBandwidthMode?: boolean;
     baseUrl?: string;
 }): any;
+export interface PetDetailClassicOptions {
+    optionsPayload?: any;
+    skillLookup?: Record<string, any>;
+    baseUrl?: string;
+    loadSkillIcons?: boolean;
+    variantIconPath?: (mutationType: number) => string;
+}
+export declare function buildPetDetailClassicView(res: any, uid: string, options?: PetDetailClassicOptions): {
+    uid: string;
+    emptyText: string;
+    pets: any[];
+};

package/lib/pet-data-service.js

@@ -1,5 +1,5 @@
 "use strict";
-// 家园详情（ingame pet/data）渲染数据构造（移植自上游 astrbot v3.6.1/v3.7.0）。
+// 家园详情（ingame pet/data）渲染数据构造。
 // 纯函数模块，便于单元测试。
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.petDataDisplay = petDataDisplay;
@@ -17,6 +17,7 @@ exports.petDataLookup = petDataLookup;
 exports.petDataVariant = petDataVariant;
 exports.petDataAttributes = petDataAttributes;
 exports.petDataSkillItems = petDataSkillItems;
+exports.extractRawItems = extractRawItems;
 exports.petDataSkillIdsFromPayload = petDataSkillIdsFromPayload;
 exports.petDataPetIdsFromPayload = petDataPetIdsFromPayload;
 exports.petDataSkillIconUrl = petDataSkillIconUrl;
@@ -24,7 +25,9 @@ exports.petDataSkills = petDataSkills;
 exports.petDataCardItems = petDataCardItems;
 exports.petDataExtractItems = petDataExtractItems;
 exports.buildPetDataRenderData = buildPetDataRenderData;
+exports.buildPetDetailClassicView = buildPetDetailClassicView;
 const pet_size_1 = require("./pet-size");
+const element_colors_1 = require("./element-colors");
 const CN_TIME_ZONE = 'Asia/Shanghai';
 function petDataDisplay(value, defaultText = '--') {
     if (value === undefined || value === null || value === '')
@@ -106,7 +109,7 @@ function petDataKgCompact(grams) {
     const text = (number / 1000).toFixed(2).replace(/0+$/, '').replace(/\.$/, '');
     return `${text}kg`;
 }
-// 上游 v3.7.0：接入 Wiki 精灵体重范围，与查蛋共用同一判定。
+// 接入 Wiki 精灵体重范围，与查蛋共用同一判定。
 function petDataWeightSizeInfo(pet, wikiPet) {
     const bodySize = wikiPet && typeof wikiPet === 'object' ? wikiPet.body_size : null;
     const weightRange = bodySize && typeof bodySize === 'object' ? bodySize.weight : null;
@@ -464,3 +467,109 @@ function buildPetDataRenderData(res, uid, options = {}) {
         copyright: 'Koishi & WeGame 洛克王国插件',
     };
 }
+function classicMutationType(pet, raw) {
+    const direct = Number(pet?.mutation_type ?? raw?.mutation_type ?? NaN);
+    if (Number.isFinite(direct) && [1, 8, 9].includes(direct))
+        return direct;
+    const values = [];
+    for (const value of [pet?.real_speciality_ids, raw?.real_speciality_ids, pet?.speciality_id, raw?.speciality_id]) {
+        if (Array.isArray(value))
+            values.push(...value);
+        else if (value !== undefined && value !== null && value !== '')
+            values.push(value);
+    }
+    const ids = new Set(values.map(value => String(value).trim()));
+    if (ids.has('103') && ids.has('502'))
+        return 9;
+    if (ids.has('103'))
+        return 1;
+    if (ids.has('502'))
+        return 8;
+    return 0;
+}
+function classicTypeNames(pet) {
+    const fromPet = Array.isArray(pet?.unit_type) ? pet.unit_type : [];
+    const fromInfo = Array.isArray(pet?.pet_types_info)
+        ? pet.pet_types_info.map((item) => item?.name || item?.type_name).filter(Boolean)
+        : [];
+    const source = fromPet.length > 0 ? fromPet : fromInfo;
+    const names = source.map((name) => String(name ?? '').trim()).filter(Boolean);
+    return [...new Set(names)];
+}
+function buildPetDetailClassicView(res, uid, options = {}) {
+    let payload = res || {};
+    if (payload.result && typeof payload.result === 'object')
+        payload = payload.result;
+    const optionMaps = petDataOptionMaps(options.optionsPayload);
+    const pets = [];
+    extractRawItems(payload).forEach((raw, index) => {
+        const npcPet = raw?.npc_pet && typeof raw.npc_pet === 'object' ? raw.npc_pet : {};
+        const pet = npcPet?.pet && typeof npcPet.pet === 'object' ? npcPet.pet : {};
+        const status = String(raw?.status || (Object.keys(pet).length ? 'ok' : 'unknown'));
+        const baseId = pet.base_conf_id || raw.pet_cfg_id || pet.catch_base_id || pet.conf_id;
+        const name = pet.name || pet.pet_default_name || raw.pet_default_name || raw.name || `精灵 ${baseId || index + 1}`;
+        const gender = Number(pet.gender ?? 0) || 0;
+        const mutationType = classicMutationType(pet, raw);
+        const bloodName = petDataLookup(optionMaps.bloodlines, pet.blood_id ?? pet.bloodline_id, '');
+        const bloodElement = (0, element_colors_1.bloodlineElement)(bloodName || '普通');
+        const typeNames = classicTypeNames(pet);
+        const typeTags = typeNames.map(tagName => ({ name: tagName, icon: tagName, color: (0, element_colors_1.elementColor)(tagName) }));
+        const bloodTag = bloodName
+            ? { name: bloodName, icon: bloodElement, color: (0, element_colors_1.elementColor)(bloodElement) }
+            : null;
+        const voiceInfo = petDataVoiceInfo(pet.voice);
+        const natureText = petDataLookup(optionMaps.natures, pet.nature, '');
+        const skillItems = petDataSkills(pet, options.skillLookup || {}, {
+            loadSkillIcons: options.loadSkillIcons !== false,
+            baseUrl: options.baseUrl || '',
+        });
+        const classicSkill = (skill) => ({
+            name: skill.name,
+            iconUrl: skill.icon || '',
+            fallbackIconUrl: '',
+            placeholderIconUrl: '',
+            typeIcon: skill.element || '无',
+            typeColor: (0, element_colors_1.elementColor)(skill.element),
+            families: skill.type || '',
+            cost: skill.cost && skill.cost !== '--' ? skill.cost : '0',
+        });
+        const featureRaw = pet.feature && typeof pet.feature === 'object'
+            ? pet.feature
+            : (pet.feature_info && typeof pet.feature_info === 'object' ? pet.feature_info : null);
+        pets.push({
+            name: String(name),
+            level: petDataDisplay(pet.level),
+            iconUrl: petDataImageUrl(baseId, 'image'),
+            fallbackIconUrl: petDataImageUrl(baseId, 'icon'),
+            fallbackIconUrl2: '',
+            genderText: gender === 1 ? '♂ 雄性' : gender === 2 ? '♀ 雌性' : '未知',
+            natureText: natureText && natureText !== '--' ? natureText : '',
+            // 标签（婉转声/粗嗓门）由 voiceLabel 单独承载，这里只放纯分贝文本避免重复。
+            voiceText: voiceInfo.value === '--' ? '' : petDataVoiceText(pet.voice),
+            voiceLabel: voiceInfo.className === 'voice-soft' ? '婉转声' : (voiceInfo.className === 'voice-rough' ? '粗嗓门' : ''),
+            variantIcon: mutationType && options.variantIconPath ? options.variantIconPath(mutationType) : '',
+            typeColor: typeTags[0]?.color || (bloodTag ? bloodTag.color : '#a687d5'),
+            bloodTag,
+            typeTags,
+            feature: featureRaw && (featureRaw.name || featureRaw.desc)
+                ? { name: String(featureRaw.name || '未知特性'), desc: String(featureRaw.desc || featureRaw.description || '') }
+                : null,
+            featureIcon: String(featureRaw?.icon || ''),
+            fallbackFeatureIcon: '',
+            attributes: petDataAttributes(pet).map(attr => ({
+                label: attr.label,
+                value: attr.value,
+                talent: attr.talent,
+                effort: attr.race,
+            })),
+            equipSkills: skillItems.filter(skill => skill.statusClass === 'equipped').map(classicSkill),
+            learnedSkills: skillItems.filter(skill => skill.statusClass !== 'equipped').map(classicSkill),
+            errorText: petDataDisplay(raw.error || raw.message || npcPet.error_message, ''),
+        });
+    });
+    return {
+        uid: petDataDisplay(payload.uin || uid),
+        emptyText: '未获取到家园精灵数据。请确认目标玩家在线、家园可访问，或稍后重试。',
+        pets,
+    };
+}

package/lib/player-service.js

@@ -11,7 +11,7 @@ exports.mergePlayerPayloads = mergePlayerPayloads;
 exports.playerPayloadUid = playerPayloadUid;
 exports.buildPlayerText = buildPlayerText;
 const client_1 = require("./client");
-// 相对资源地址转绝对地址（上游 v4.1.0）；非字符串/非法协议返回空串，避免渲染裂图。
+// 相对资源地址转绝对地址；非字符串/非法协议返回空串，避免渲染裂图。
 function resourceUrl(value, apiBaseUrl) {
     if (typeof value !== 'string' || !value.trim())
         return '';
@@ -148,7 +148,7 @@ function playerField(parsed, field, defaultValue = '未设置') {
     const value = cleanPlayerFieldValue(field, raw);
     return value && value !== '-' && value !== '未设置' ? value : defaultValue;
 }
-// 合并搜索结果与名片结果；名片失败时保留基础信息（上游 v4.1.0）。
+// 合并搜索结果与名片结果；名片失败时保留基础信息。
 function buildPlayerView(searchPayload, cardPayload, uid, apiBaseUrl) {
     const merged = mergePlayerPayloads(searchPayload, cardPayload);
     const parsed = parseIngamePlayerPayload(merged, uid);

package/lib/ranking-service.js

@@ -59,7 +59,7 @@ function toInt(value, fallback = 0) {
     const n = Number(value);
     return Number.isFinite(n) ? Math.trunc(n) : fallback;
 }
-// 无时区的时间字符串按 +08:00 解释（与上游一致）。
+// 无时区的时间字符串按 +08:00 解释。
 function formatRankingTime(value) {
     const text = String(value ?? '').trim();
     if (!text)

package/lib/render-templates/home/style.css

@@ -6,7 +6,7 @@
 
 @font-face {
     font-family: "rocom-skill";
-    src: url("../../ttf/rocom_skill_origin.ttf") format("truetype");
+    src: url("../../ttf/fzlant.D5FI9Et0.ttf") format("truetype");
     font-display: swap;
 }
 
@@ -15,18 +15,18 @@
 }
 
 html,
-body {
-    margin: 0;
-    padding: 0;
-    display: inline-block;
-    width: fit-content;
-    min-width: 0;
-    height: auto;
-    min-height: 0;
-    background: transparent;
-    color: #ffffff;
-    font-family: "rocom-home", "Microsoft YaHei", "PingFang SC", sans-serif;
-}
+body {
+    margin: 0;
+    padding: 0;
+    display: inline-block;
+    width: fit-content;
+    min-width: 0;
+    height: auto;
+    min-height: 0;
+    background: transparent;
+    color: #ffffff;
+    font-family: "rocom-home", "Microsoft YaHei", "PingFang SC", sans-serif;
+}
 
 .home-page {
     position: relative;
@@ -42,7 +42,8 @@ body {
     inset: 0 auto auto 0;
     z-index: 0;
     width: 1000px;
-    min-height: 100%;
+    /* height 而非 min-height：背景图按容器高度裁切，避免大图溢出被算进 scrollHeight 导致截图尾部大片空白 */
+    height: 100%;
     object-fit: cover;
     object-position: top center;
     pointer-events: none;

package/lib/render-templates/home-pets/index.html

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=1000, initial-scale=1">
+  <link rel="stylesheet" href="{{_res_path}}render-templates/home-pets/style.css">
+  <title>家园精灵</title>
+</head>
+<body>
+  <div class="home-pets-page">
+    <img class="page-bg-img" src="{{_res_path}}render-templates/home/img/rocomuid/bg.jpg" alt="">
+    <header class="home-top">
+      <img class="top-bg" src="{{_res_path}}render-templates/home/img/rocomuid/top_bg.png" alt="">
+      <img class="title-fg" src="{{_res_path}}render-templates/home/img/rocomuid/title_fg.png" alt="">
+      <div class="avatar-wrap">
+        <img class="avatar-img" src="{{_res_path}}render-templates/home/img/rocomuid/img_head.png" alt="">
+      </div>
+      <div class="home-profile">
+        <div class="home-owner">{{homeName}}的家园精灵</div>
+        <div class="home-uid">学号 {{uid}}</div>
+      </div>
+      {{if updatedAt}}
+      <div class="update-time">{{updatedAt}}</div>
+      {{/if}}
+    </header>
+
+    <section class="pets-summary">
+      <span>共 <strong>{{total}}</strong> 只精灵</span>
+      {{if eggCount > 0}}
+      <span class="egg-summary">可收蛋 <strong>{{eggCount}}</strong> 只</span>
+      {{/if}}
+    </section>
+
+    <main class="pets-content">
+      {{if pets.length}}
+      <div class="pet-grid">
+        {{each pets item}}
+        <article class="pet-card">
+          <img class="card-bg" src="{{_res_path}}render-templates/home/img/rocomuid/pet_bg.png" alt="">
+          <div class="pet-avatar-box">
+            {{if item.iconUrl}}
+            <img class="pet-avatar" src="{{item.iconUrl}}" alt="">
+            {{else}}
+            <div class="pet-avatar pet-empty">无图</div>
+            {{/if}}
+            {{if item.starIconUrl}}
+            <img class="pet-star" src="{{item.starIconUrl}}" alt="">
+            {{/if}}
+            <div class="level-badge">
+              <img src="{{_res_path}}render-templates/home/img/rocomuid/level_icon.png" alt="">
+              <span>Lv{{item.level}}</span>
+            </div>
+          </div>
+          <div class="pet-info">
+            <div class="pet-name">
+              <span class="pet-name-text">{{item.name}}</span>
+              {{if item.eggReady}}<em class="egg-badge">可收蛋</em>{{/if}}
+            </div>
+            <div class="pet-attrs">
+              <span class="attr"><i>性别</i>{{item.genderText}}</span>
+              <span class="attr"><i>体重</i>{{item.weightText}}</span>
+              <span class="attr"><i>声音</i>{{item.voiceText}}</span>
+            </div>
+            {{if item.variantText}}<div class="pet-variant">{{item.variantText}}</div>{{/if}}
+            {{if item.eggText}}<div class="pet-egg">{{item.eggText}}</div>{{/if}}
+          </div>
+        </article>
+        {{/each}}
+      </div>
+      {{else}}
+      <div class="empty-state">{{emptyText}}</div>
+      {{/if}}
+    </main>
+
+    <footer class="pets-footer">
+      <span>WeGame · 洛克家园精灵</span>
+    </footer>
+  </div>
+</body>
+</html>